﻿@charset "utf-8";
/*html5*/ 
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/* CSS Document */
/*内外边距*/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe,th, td {margin: 0;padding: 0;}
*{ margin:0; padding:0;}
.clear{ clear:both;}

a,.h_list1 dd .text{ text-decoration:none; cursor:pointer;color:#333; transition:ease-out .3s}
input{border:none;   outline:none; font-family:微软雅黑;}
textarea,select{font-family:微软雅黑; outline:none}
body{ width:100%;font-family:微软雅黑; color:#333; font-size:14px; background:url(../images/bg.jpg) repeat-y}
html{overflow-x: hidden;}
table{border-collapse:collapse}
img{border:none;}
.bd_none{border:none !important;}
.em,.i,.b,.em *,.i *,.b *,.b{font-weight:normal; font-style:normal;}
/** 常用class **/
.tc{text-align:center;}
.tl{text-align:left}
.tr{text-align:right}
.fr{ float:right;}
.fl{ float:left;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display: table;line-height: 0;content:"";}
.clearfix:after{clear:both;}
.w1200{width:1200px; margin:0 auto;}
.minw{min-width:1200px; overflow:hidden}
.tj{cursor:pointer;background:#c12024; color:#ffffff;}
.ov_hi{overflow:hidden}


.page{ width:100%;font-size:13px; margin:20px auto}
.page a{color:#333; line-height:30px; margin:0 3px; background:#fff; border:1px solid #ddd; padding:0 10px; display:inline-block}
.page a:hover,.page a.on{background:#2775a6; color:#fff; border-color:#2775a6}
.page b{color:#666; padding:0 10px;}
.page span{display:inline-block; vertical-align:middle; margin:0 5px;}
.page *{line-height:25px;}


.rd2{-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.rd3{-moz-border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.rd5{-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.rd6{-moz-border-radius:6px;-webkit-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;}
.rd7{-moz-border-radius:7px;-webkit-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;}
.rd8{-moz-border-radius:8px;-webkit-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;}
.rd9{-moz-border-radius:9px;-webkit-border-radius:9px;-ms-border-radius:9px;-o-border-radius:9px;border-radius:9px;}
.rd10{-moz-border-radius:10px;-webkit-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;}
.rd15{-moz-border-radius:15px;-webkit-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px;}
.rd20{-moz-border-radius:20px;-webkit-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;}
.rd25{-moz-border-radius:25px;-webkit-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px;border-radius:25px;}
.rd40{-moz-border-radius:40px;-webkit-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;border-radius:40px;}
.rd50{-moz-border-radius:100%;-webkit-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;}
/** font-size **/
.font12{font-size:12px;} .font13{font-size:13px;} .font14{font-size:14px;}
.font15{font-size:15px;} .font16{font-size:16px;} .font17{font-size:17px;}
.font18{font-size:18px;} .font19{font-size:19px;} .font20{font-size:20px;}
.font21{font-size:21px;} .font22{font-size:22px;} .font23{font-size:23px;}
.font24{font-size:24px;} .font25{font-size:25px;} .font26{font-size:26px;}
.font27{font-size:27px;} .font28{font-size:28px;} .font29{font-size:29px;}.font30{font-size:30px;}
.font31{font-size:31px;} .font32{font-size:32px;} .font33{font-size:33px;}
.font34{font-size:34px;} .font35{font-size:35px;} .font36{font-size:36px;}
.font37{font-size:37px;} .font38{font-size:38px;} .font39{font-size:39px;}.font40{font-size:40px;}
.font41{font-size:41px;} .font42{font-size:42px;} .font43{font-size:43px;}
.font44{font-size:44px;} .font45{font-size:45px;} .font46{font-size:46px;}
.font47{font-size:47px;} .font48{font-size:48px;} .font49{font-size:49px;}.font50{font-size:50px;}
.font51{font-size:51px;} .font52{font-size:52px;} .font53{font-size:53px;}
.font54{font-size:54px;} .font55{font-size:55px;} .font56{font-size:56px;}
.font57{font-size:57px;} .font58{font-size:58px;} .font59{font-size:59px;}.font60{font-size:60px;}
.font57{font-size:57px;} .font58{font-size:58px;} .font59{font-size:59px;}
.font61{font-size:61px;} .font62{font-size:62px;} .font63{font-size:63px;}
.font64{font-size:64px;} .font65{font-size:65px;} .font66{font-size:66px;}
.font67{font-size:67px;} .font68{font-size:68px;} .font69{font-size:69px;}.font70{font-size:70px;}
.font71{font-size:71px;} .font72{font-size:72px;} .font73{font-size:73px;}
.font74{font-size:74px;} .font75{font-size:75px;} .font76{font-size:76px;}
.font77{font-size:77px;} .font78{font-size:78px;} .font79{font-size:79px;}
.bd *,.hd *{list-style:none}
.in_bl{display:inline-block; vertical-align:middle}
.fam{font-family:Arial, Helvetica, sans-serif}
.textup{text-transform:uppercase}
.ellipsis{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.w11{width:110%;}

/** 顶部 **/
#top{height:23px; background:url(../images/icon/top_line.jpg) repeat-x}
/** 导航 **/
/** logo **/
.logo{width:35%}
.logo_text{width:63%}
.logo_text img{width:100%; height:auto}
.line{height:2px; width:100%; background:#8b8b8b}
/** main1 **/
.m1_list{width:125%; margin:50px auto}
.m1_list dd{width:17%; margin-right:15%; float:left}
.m1_list dd a{display:block; position:relative}
.m1_tit{font-size:50px;-webkit-text-shadow:1px 1px 4px #333;text-shadow:1px 1px 4px #333;}
.m1_list dd img{display:block; margin:20px auto; width:150px; height:130px;}
.m1_list dd p{line-height:25px; font-size:16px; height:125px; overflow:hidden}
.m1_more{display:block; width:140px; height:40px; line-height:40px; text-align:center; background:#00a3b7; color:#fff; margin:10px auto 0; font-size:16px;}
.m1_more:hover{background:#fdc270}

#nav{border-top:3px solid #238143; border-bottom: 1px solid #ddd;}
.nav_list dd{float:left; width:8%; margin:0 1%;}
.nav_list dt{float:left; width:40%; text-align:left; line-height:0;}
.nav_list dt a{line-height:0px; display:block}
.nava{display:inline-block; position:relative; line-height:65px;  font-size:18px;}
.nav_list dd b{ width:100%; height:3px; position:relative; bottom:-5px; background:#54B4F3}
.nav_list dd.on b,.nav_list dd:hover b{display:block;}
/*.nav_list dd.on,.nav_list dd:hover{color:#fff; background:#54B4F3}*/
.nav_list dd.on .nava,.nav_list dd:hover .nava{color:#54B4F3; }
.nav_list a{padding:5px 0;}
.mtop50{margin-top:80px;}
/** banner **/
.fullSlide{ position:relative;  margin:0 auto; }
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd li a,#banner a{width:100%; display:block; height:465px;} 
.fullSlide .hd{position:absolute; width:100%; bottom:20px; left:0px;}
.fullSlide .hd ul{ text-align:center; width:100%; line-height:0px;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline; zoom:1;width:15px;height:15px;margin:0 2px;background:#ffffff; font-size:0px; border-radius:50%; -webkit-border-radius:50%;}
.fullSlide .hd ul .on{background:#1287d5}
/** 首页-关于我们 **/
.main1{position:relative; padding:100px 0;}
.main1 .w1200{position:relative; z-index:30}
.m1_bg{position:absolute; width:40%; height:100%; left:0px; top:0px; background:#2775a6; z-index:10; left:0px;}
.main1 .m_tit{margin-bottom:0}
.m_tit{margin-bottom:30px;}
.m_tit span{color:#999;text-transform:uppercase}
.m_tit p{display:block; width:60px; height:2px; background:#2a5bb8; margin-top:10px;}
.m1_le{width:500px; border:5px solid #fff;}
.m1_ri{margin-left:610px; color:#666;}
.more1{display:block; width:140px; line-height:40px; text-align:center; line-height:40px; border:1px solid #ccc; font-size:16px;}
.more1:hover{background:#1287d5; color:#fff; border-color:#1287d5}
.m1_text{margin:15px auto; line-height:30px; font-size:16px; height:150px; overflow:hidden}
/** 首页-我们的优势 **/
.main2{background:#f5f5f5; padding:80px 0;}
.m2_list dd{width:25%; float:left; text-align:center}
.m2_list dd span{display:block; width:130px; height:130px; background-repeat:no-repeat; background-position:center center; background-color:#fff; margin:0 auto}
.m2_list dd.m2_dd1 span{background-image:url(../images/1ico1.png);}
.m2_list dd.m2_dd2 span{background-image:url(../images/1ico2.png);}
.m2_list dd.m2_dd3 span{background-image:url(../images/1ico3.png);}
.m2_list dd.m2_dd4 span{background-image:url(../images/1ico4.png);}
.m2_list dd.m2_dd1:hover span{background-image:url(../images/1ico1on.png);}
.m2_list dd.m2_dd2:hover span{background-image:url(../images/1ico2on.png);}
.m2_list dd.m2_dd3:hover span{background-image:url(../images/1ico3on.png);}
.m2_list dd.m2_dd4:hover span{background-image:url(../images/1ico4on.png);}
.m2_list dd:hover span{background-color:#2775a6}
.m2_list dd h3{color:#1287d5; margin:10px 0 ;}
/** 首页-产品中心 **/
.main3{background:#2775a6; padding:80px 0;color:#fff;}
.product_list{width:110%}
.product_list dd{float:left; width:22%; margin-right:1.25%; background:#fff; text-align:center; padding-bottom:30px;}
.cp_line{display:block; margin:25px auto; width:40%; height:3px; background:#999}
.product_list dd h3{width:96%; margin:0 auto; height:30px; line-height:30px;}
/** 首页-经典案例 **/
.main4{background:url(../images/1m4_bg.jpg) no-repeat center center; background-size:cover; padding:50px 0; color:#fff;}
.case_list{position:relative; z-index:20; padding:0 20px; overflow:hidden; margin:20px auto}
.case_list dd,.case_list dt{float:left; width:25%; height:260px; background-color:#fff; position:relative; overflow:hidden}
.case_list dd a{display:block}
.case_tit1{background:url(../images/1case_tit.png) no-repeat center center}
.case_text{position:absolute; width:100%; height:100%; left:0px; top:0px; background:#2775a6; color:#fff; opacity:0; filter:alpha(opacity=0)}
.case_div{position:absolute; width:90%; left:5%; top:50%; text-align:center; margin-top:-35px;}
.case_div img{width:36px !important; height:36px; margin:0 auto}
.case_div h2{font-size:18px; color:#fff; height:30px; line-height:30px; margin-bottom:4px}
.case_list dd:hover .case_text{opacity:1; filter:alpha(opacity=100)}
.case_tit2 .more1{position:absolute; left:50%; top:50%; margin:-20px 0 0 -70px;}

.hcase_box{position:relative}
.case_bg{position:absolute; background:#fff; width:74%; height:100%; top:0; left:0px; z-index:10}
/** 首页-新闻动态 **/
.main5{padding:60px 0}
.m5_le{width:38%;}
.news_list3 dd{padding:30px 0; border-bottom:1px solid #ddd; height:82px;}
.news_list3 dd a{display:block}
.news_list3 dd .time{float:left; text-align:center; width:82px; height:82px;line-height:25px; background:#f2f2f2;}
.news_list3 dd .time b{font-size:24px; display:block; position:relative; margin-top:22px;}
.news_div3{margin-left:100px;}
.news_div3 h2{height:30px; line-height:30px; margin-top:-5px;}
.news_div3 p{line-height:18px; height:54px; overflow:hidden; color:#999}
.m5_ri{width:55%}
.news_img_list dd{width:47%; margin:0 0 15px 3%; float:left; position:relative; overflow:hidden}
.news_img_list dd:hover .news_img_text{bottom:0}
.news_img_text{position:absolute; width:100%; left:0px; bottom:-50px; background:url(../images/icon/black7.png);}
.news_img_text p{height:40px; line-height:40px; font-size:16px; color:#fff; width:96%; margin:0 auto}
/** 底部 **/
#footer{background:url(../images/1ftbg.jpg); padding:30px 0 20px;line-height:30px;}
#footer .w1200{position:relative;}
#footer *{color:#999999}
.ft_link *{display:inline-block; vertical-align:middle;}
.ft_link b{margin:0 10px; width:1px; height:10px; background:#c2bfbf}
.foot_list dd{width:300px; float:left; margin-bottom:30px;}
.ft_dd2{margin:0 100px}
.ft_ico1{background:url(../images/1ftico1.png) no-repeat left 5px; padding-left:45px; min-height:60px}
.ft_ico2{background:url(../images/1ftico2.png) no-repeat left 5px; padding-left:45px; min-height:60px}
.ft_ico3{background:url(../images/1ftico3.png) no-repeat left 5px; padding-left:45px; min-height:60px}
.red1{color:#1287d5}
/** 产品中心-产品系列列表  ***/
.ny_banner{width:100%; height:345px;}
.location{background:#f0f0f0; padding:25px 0; font-size:16px;}
.location .w1200{position:relative; line-height:40px;}
.location b{font-family:宋体; padding:0 10px; color:#666}
.gobank{display:block; position:absolute; right:0px; top:0px; background:#2775a6; width:130px; height:40px; color:#fff; text-align:center}
.product_list_box{margin:50px auto}
.product_list1 dd{width:21.6%; margin:0 1.5% 30px 0; float:left}
.product_list1 dd .img{position:relative;}
.cp_po{position:absolute; width:100%; height:100%; background:url(../images/icon/black5.png); color:#fff; top:0px; left:0px;opacity:0; filter:alpha(opacity=0)}
.cp_po span{display:block; position:absolute; width:120px; height:40px; line-height:40px; text-align:center; left:50%; top:50%; margin:-20px 0 0 -60px; border:1px solid #fff; font-size:16px; }
.product_list1 dd:hover .cp_po{opacity:100; filter:alpha(opacity=100)}
.cp_tit{background:#808080; height:50px; line-height:50px; color:#fff; font-size:16px;}
.cp_tit p{width:90%; margin:0 auto; text-align:center}
.product_list_box .page{margin:30px 0 20px}
/** 产品中心-产品列表 **/
.cp_tit1{margin:40px auto 20px}
.cp_tit1 p{width:70px; height:2px; background:#666; margin:0 auto}
.cp_tit1 h3{font-size:36px; margin:10px auto}
.cp_tit1 span{text-transform:uppercase; font-size:12px; color:#999}
.location.location1{line-height:30px; background:none; padding:0}
.product_list_box.product_list_box1{margin-top:10px}
.cp_deail_tit{font-size:36px; text-align:center; border-bottom:1px solid #ddd; margin:40px auto 20px;}
.cp_deail_tit p{font-size:14px; color:#999; margin:5px auto 20px;}
/** 产品详情 **/
.cp_deail_box1{width:900px; margin:50px auto}
.cp_le{width:48%}
.cp_le img{display:block; margin:0 auto; width:100%; height:auto}
.cp_ri{width:48%;}
.cp_tit2{font-size:26px; color:#2775a6; margin-bottom:20px;    font-weight: bold;}
.cp_con1{line-height:22px;  overflow:hidden;}
.cp_con11{}

.cp_deail_box2{background:#236893 url(../images/2bg.jpg) no-repeat center center;}
.w1024{width:1024px; margin:0 auto}
.cp_tit3{width:150px; line-height:50px; background:#fff; text-align:center; font-size:18px; margin:-5px auto 0}
.cp_box2_con{background:#fff; padding:20px; min-height:300px; margin:70px auto}

.cp_deail_box3{padding:80px 0;}
.cp_deail_box3 .cp_tit3{background:#236893; color:#fff; margin-bottom:20px;}
.cp_box3_con{line-height:25px; color:#666}
.cp_tit1 .san{display:block; margin:15px auto 30px; border-top:10px solid #666;border-left:10px solid transparent;border-right:10px solid transparent; width:0px; height:0px;}
/** 服务与支持 **/
.cp_deail_tit.red2{border:none; margin:0}
.service_box1{margin:0 auto 60px;}
.service_box2{height:380px;}
.service_box3{border-top:1px solid #ddd; padding:50px 0;}
.red2{color:#2775a6}

.product_list_box2{overflow:hidden}
.product_list_box2 dd{width:23.1%; margin:-1px 0 0; border-top:1px solid #ddd; padding-bottom:40px;}
.product_list_box2 dd a{width:285px; display:block}


.case_deail_box2{background:#f0f0f0; padding-bottom:70px;}
/**  产品中心  **/
.left{width:260px; background:#fff;}
.left_tit{font-size:22px; color:#fff; padding:20px 0; background:#238143; text-align:center}
.left_tit p{font-size:14px; text-transform:uppercase}
.case_line{width:60px; height:2px; background:#999; margin:30px auto}
/**  联系我们 **/
.ny_nav{text-align:center; padding:30px 0;border-bottom:1px solid #ddd; margin-bottom:40px;}
.ny_nav a{display:inline-block; width:190px; line-height:45px; background:#fff; border:1px solid #ddd; margin:0 10px; font-size:16px;}
.ny_nav a.on{background:#2775a6; color:#fff; border-color:#2775a6}
.contact_tit{font-size:24px; text-align:center}












/** 联系我们 **/
#contact{padding-bottom:50px;}
.contact_le{width:50%}
.map{width:550px; height:270px; border:1px solid #ddd;}
.contact_ri{width:50%;}
.contact_list{font-size:16px;}
.contact_list dd{margin:0 0 20px;}

#massge{padding:0 0 50px;}
#massge .w1200{width:1050px;}
.massge_bg{width:100%; height:330px;}
.contact_p{font-size:14px; color:#666;}
.massge_form_list dd span{display:inline-block; vertical-align:middle; width:90px;}
.massge_form_list *{}
.massge_form_list dd{float:left; width:32%; margin-bottom:50px !important}
.mes_ico2{margin:0 2%;}
.massge_form_list .mes_ico1 span{background:url(../images/5ico2.jpg) no-repeat left center; padding-left:25px; width:60px;}
.massge_form_list .mes_ico2 span{background:url(../images/5ico3.png) no-repeat left center; padding-left:25px;}
.massge_form_list .mes_ico3 span{background:url(../images/5ico4.png) no-repeat left center; padding-left:25px;}
.massge_form_list .text{width:200px; height:30px; border:1px solid #ccc; padding:0 5px;}
.massge_form_list dt{clear:both; margin:0 auto; float:none}
.massge_form_list .mes_ico4 span{background:url(../images/5ico5.png) no-repeat left center; padding-left:25px; display:block;}
.massge_form_list dt textarea{width:1040px; padding:5px; height:170px;display:block; margin:10px 0 20px; border:1px solid #ccc}
.massge_form .tj{width:240px; height:40px; margin:20px 20px 0 0; background:#2775a6; color:#fff; font-size:18px;}
.massge_form{margin:60px 0;font-size:18px;}
.massge_form .tj.reset{background:#666666}
/** 新闻动态 **/
.news{margin:-25px auto 60px;}
.news_list2{width:90%; margin:0 auto 40px; overflow:hidden}
.news_list2 dd{padding:40px 0; border-top:1px solid #eee; margin-top:-1px;}
.news_list2 dd a{display:block; overflow:hidden}
.news_list2 dd .img{width:425px;}
.news_div2{margin-left:450px;}
.news_div2_tit{font-size:24px;}
.news_div2_tit:hover{color:#2775a6}
.news_time2{color:#999; margin:20px auto 0}
.news_text2{line-height:24px; height:72px; color:#999; overflow:hidden; margin:40px auto}
.news_more3{display:block; width:160px; height:40px; line-height:40px; text-align:center; border:1px solid #ccc; font-size:16px; color:#666;}
.news_more3 b{font-family:宋体; margin-left:20px;}
.news_more3:hover{background:#2775a6; border-color:#2775a6}
.news_more3:hover,.news_more3:hover *{color:#fff;}
/** 新闻详情页 **/
.news_con{color:#666; line-height:25px; margin-bottom:50px;}
.fy{padding:50px 100px 0 0; border-top:1px solid #ddd; margin-top:50px; position:relative}
.fy *{color:#666}
.fy .bshare-custom{width:127px; margin:0 auto; position:absolute; right:0px; top:50%; margin-top:14px; padding-left:55px;}
.fx_sp{position:absolute; left:0px; top:0px;}
.fy .bshare-custom a{background:url(../images/fx.png) no-repeat center center; height:20px; padding-left:25px;}
.fy .bshare-custom .bshare-sinaminiblog{background-position:0px 0px}
.fy .bshare-custom .bshare-qqxiaoyou{background-position:-40px 0px}
.fy .bshare-custom .bshare-weixin{background-position:-76px 0px}
.fy .bshare-custom .bshare-qzone{background-position:-117px 0px}
.fy .bshare-custom .bshare-qqmb{background-position:-155px 0px}

.img{overflow:hidden}
.img>img,.case_list dd *,.news_img_text{transition:all ease-in .3s;-webkit-transition:all ease-in .3s; width:100%; display:block;}


.ab1_le{width:48%;}
.ab1_ri{width:445px; position:relative}
.ab_line{border:1px solid #ddd; width:445px; height:340px; position:absolute; top:10px; left:-10px; z-index:10; background:#fff;}
.ab1_img{position:relative; z-index:20}
.ab1_more{position:absolute; right:-37px; top:50%; margin-top:-37px; z-index:30}

