@charset "utf-8";
/* CSS Document */
/*search*/


.search{ overflow:hidden; width:100%; height:44px; background-color:#fff; position:relative; z-index:2;}
.search p{ font-size:13px; line-height:44px; color:#333; float:left; margin-left:20px;}
.search p a{ color:#333; margin:0 5px;}
.search .s_box{ overflow:hidden; float:right; margin-top:9px; width:333px; height:27px; background:url(Img/Index/sousuo.png) no-repeat center top;}
.search input{ border:none; background:none; outline:none; width:250px; height:27px; line-height:27px; padding:0 10px; float:left; font-size:13px; color:#333;}
.search span{ display:block; width:63px; height:27px; float:right; cursor:pointer;}

/*banner*/
.banner{ overflow:hidden;margin-bottom:40px;}
#flashs{ position:relative; height:550px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:15px; left:50%; margin-left:-45px; padding:0px 6px;}
#flashs .btn span{ background:#252525; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;color:#fff;}
#flashs .btn span.on{  background:#29A0F7;}
/*pro*/
.pro{ overflow:hidden; margin-bottom:60px;}
.pro .proLeft { overflow:hidden; float:left; width:220px; background-color:#f2f2f2; padding-bottom:20px;}
.pro .proLeft h3{ font-size:24px; background-color:#264ea1; padding-left:25px; padding-top:50px; padding-bottom:10px;}
.pro .proLeft h3 a{ color:#fff;}
.pro .proLeft h3 p{ font-size:12px; color:#fff; font-weight:normal; opacity:0.35; filter:alpha(opacity=0.35)}
.pro .proLeft h4{ height:40px; border-bottom:1px solid #c7c7c7; padding-left:25px; font-size:16px; line-height:40px; margin-bottom:3px;}
.pro .proLeft h4 a{ color:#333;}
.pro .proLeft .h402{ border-top:1px solid #c7c7c7;}
.pro .proLeft dl{ overflow:hidden; width:100%;}
.pro .proLeft dt{ overflow:hidden; line-height:30px; padding-left:25px; font-weight:bold; font-size:13px;}
.pro .proLeft dt a{ color:#303030;}
.pro .proLeft dd{ overflow:hidden; width:100%;}
.pro .proLeft dd a{ display:block; font-size:13px; padding-left:30px; width:190px; line-height:30px; text-decoration:none; color:#666;}
.pro .proLeft dd a:hover{ background:url(Img/Index/pro_s.png) no-repeat 190px center; background-color:#cbcbcb;}

.pro .proRight { overflow:hidden; width:761px; float:right;}
.pro .proRight .title{ overflow:hidden; width:100%; height:49px; background:url(Img/Index/pro_t.png) no-repeat center top; margin-bottom:30px;}
.pro .proRight h3{ font-size:16px; float:left; margin-left:37px; margin-top:20px;}
.pro .proRight h3 a{ color:#fff;}
.pro .proRight .more{ font-size:13px; color:#fff; background:url(Img/Index/promore.jpg) no-repeat right center; padding-right:20px; float:right; margin-right:15px; margin-top:20px;}
.pro .proRight .proList{ overflow:hidden; width:775px;margin_bottom:20px;}
.pro .proRight li{ overflow:hidden; width:245px; height:222px; float:left; margin-right:10px; margin-bottom:22px; padding:1px;}
.pro .proRight li p{ font-size:13px; color:#fff; text-align:center; line-height:38px; background-color:#898989}
.pro .proRight li img{ display:block;}
.pro .proRight li a{ display:block; text-decoration:none;}
.pro .proRight li:hover{ background-color:#264ea1;}
.pro .proRight li:hover p{ background-color:#264ea1;}

/*需求*/
.xuqiu{ overflow:hidden; width:100%; margin-bottom:60px;}
.xuqiu span{ display:block; text-align:center; font-size:16px; color:#666; margin-bottom:10px;}
.xuqiu h3{ font-size:36px; color:#264ea1; text-align:center; background:url(Img/Index/xuqiu_t.png) no-repeat center; margin-bottom:50px;}
.xuqiu h3 em{ color:#333;}
.xuqiu ul{ overflow:hidden; width:1008px; margin:0 auto; padding-bottom:50px; height:324px;}
.xuqiu li{ float:left; width:244px; height:324px; margin:0 4px; position:relative;}
.xuqiu li img{ display:block;}
.xuqiu li h4{ z-index:2; font-size:16px; color:#fff; text-align:center; background:url(Img/Index/xuqiu01.png) no-repeat center; width:86px; height:100px; line-height:100px; position:absolute; left:78px; bottom:-50px;}
.xuqiu li.li02 h4{ background:url(Img/Index/xuqiu02.png) no-repeat center;}
.xuqiu li.li04 h4{ width:56px; line-height:normal; height:40px; line-height:20px; padding:30px 15px;}
.xuqiu .wen{ display:none; width:204px; padding:75px 20px; height:174px; background:url(Img/Index/xuqiu_bg.png) repeat center; position:absolute; left:0; top:0; z-index:1}
.xuqiu h5{ font-size:16px; color:#fff; font-weight:normal; margin-bottom:7px;}
.xuqiu li em{ display:block; width:21px; height:1px; background:#fff; margin-bottom:20px;}
.xuqiu p{ font-size:13px; color:#fff; line-height:15px; height:100px; overflow:hidden; text-align:justify;}
.xuqiu li:hover .wen{ display:block;}

/*case*/
.case{ overflow:hidden; width:100%; height:926px; background:url(http://huanan-1251847738.cos.ap-guangzhou.myqcloud.com/caseBg.jpg) no-repeat center top;}
.case h3{ font-size:36px; font-weight:normal; text-align:center; background:url(Img/Index/case_h.png) no-repeat center; margin-top:60px;}
.case h3 a{ color:#fff;}
.case span{ display:block; text-align:center; font-size:16px; color:#fff; margin-bottom:40px;}
.case .menu{ overflow:hidden; width:1001px; height:50px;}
.case .menu li{ width:166px; height:50px; text-align:center; float:left; border-right:1px solid #707070; line-height:50px; font-size:16px; background-color:#313131;}
.case .menu li a{ color:#fff; text-decoration:none; display:block;}
.case .menu li.last{ border:none; width:165px;}
.case .menu li.cur{ background-color:#fff;}
.case .menu li.cur a{ font-weight:bold; color:#264ea1;}
.case .caseBox{ overflow:hidden; width:1000px; height:660px; background-color:#fff; position:relative;}
.case .caseBox .caseList{ overflow:hidden; position:absolute; width:6000px; height:660px}
.case .caseList>li{ overflow:hidden; padding:25px; width:950px; height:610px; float:left;}
.case .caseList dl{ overflow:hidden; width:100%; height:330px; margin-bottom:35px;}
.case .caseList dt{ overflow:hidden; float:left;}
.case .caseList dd{ overflow:hidden; float:right; width:440px;}
.case .caseList dd h4{ font-size:16px; margin-top:15px; padding-bottom:8px; border-bottom:1px dashed #ccc; margin-bottom:15px;}
.case .caseList dd h4 a{ color:#333;}
.case .caseList dd p{ font-size:13px; color:#333; margin-bottom:7px;}
.case .caseList dd p.plast{ text-align:justify; margin-bottom:25px; line-height:16px; height:48px; overflow:hidden;}
.case .caseList dd>a{ display:block; width:112px; height:36px; text-align:center; line-height:36px; font-size:14px; color:#fff; float:left; margin-right:5px;}
.case .caseList dd a.a01{ background:url(Img/Index/btnBg01.png) no-repeat center top;}
.case .caseList dd a.a02{ background:url(Img/Index/btnBg02.png) no-repeat center top;}
.case .caseList h5{ font-size:16px; background:url(Img/Index/case_th.png) no-repeat right center; margin-bottom:25px;}
.case .caseList h5 a{ color:#333;}
.case .caseList .xgCase{ overflow:hidden; width:949px; height:180px; position:relative;}
.case .caseList .xgCase ul{ overflow:hidden; position:absolute;}
.case .caseList .xgCase li{ float:left; width:220px; height:180px; margin-right:23px; text-align:center;}
.case .caseList .xgCase li img{ display:block; margin-bottom:10px;}
.case .caseList .xgCase li p{ font-size:13px; color:#333;}

/*合作*/
.hezuo{ overflow:hidden; height:125px; margin-bottom:55px; background-color:#fff;}
.hezuo .hzLeft{ background-color:#313131; height:125px; padding-left:15px; width:115px; float:left; position:relative;}
.hezuo .hzLeft b{ display:block; width:5px; height:11px; background:url(Img/Index/hezuo_s.png) no-repeat center; position:absolute; right:-5px; top:57px;}
.hezuo p{ font-size:13px; color:#fff; margin-top:27px;}
.hezuo h3{ font-size:16px; margin-bottom:25px;}
.hezuo h3 a{ color:#fff;}
.hezuo .more{ font-size:13px; color:#fff; opacity:0.5em;}
.hezuo .hzWin{ overflow:hidden; width:868px; height:123px; border-bottom:2px solid #ccc; border-right:2px solid #ccc;}
.hezuo .hzBox{ overflow:hidden; width:864px; height:78px; float:left; margin:0 auto; margin-top:24px; position:relative}
.hezuo .hzBox ul{ overflow:hidden; position:absolute;}
.hezuo .hzBox li{ float:left; width:172px; border-right:1px solid #ccc;}

/*优势*/
.youshi{ overflow:hidden; width:100%;}
.youshi span{ display:block; text-align:center; font-size:16px; color:#666;}
.youshi h3{ text-align:center; font-size:36px; color:#333;  font-weight:normal; background:url(Img/Index/youshi_t.png) no-repeat center; margin-bottom:40px;}
.youshi .ys{ overflow:hidden; width:100%; height:293px;}
.youshi .youshi01{ background:url(Img/Index/youshi_01.jpg) no-repeat center;}
.youshi .youshi02{ background:url(Img/Index/youshi_02.jpg) no-repeat center;}
.youshi .youshi03{ background:url(Img/Index/youshi_03.jpg) no-repeat center;}
.youshi .youshi04{ background:url(Img/Index/youshi_04.jpg) no-repeat center;}
.youshi h4{ font-size:20px; color:#333; font-weight:normal; margin-bottom:30px;}
.youshi p{ font-size:14px; color:#333;  margin-bottom:10px; background:url(Img/Index/youshi_p.png) no-repeat left center; padding-left:15px;}
.youshi .wen{ overflow:hidden;}
.youshi .youshi01 .wen{ margin-left:504px; margin-top:44px;}
.youshi .youshi02 .wen{ margin-left:97px; margin-top:38px;}
.youshi .youshi03 .wen{ margin-left:504px; margin-top:65px;}
.youshi .youshi04 .wen{ margin-left:97px; margin-top:80px;}

/*ad01*/
.ad01{ overflow:hidden; height:140px; margin-bottom:60px; background:url(Img/Index/aas.jpg) no-repeat center;}
.ad01 a{ display:block; width:131px; height:36px; background:url(Img/Index/ad01Btn.png) no-repeat center; margin-left:835px; margin-top:40px;}
.ad01 p{ background:url(Img/Index/ad01phone.png) no-repeat left center; padding-left:23px; margin-top:8px; margin-left:835px; font-size:16px; color:#fff;}

/*见证*/
.jz{ overflow:hidden; width:100%; margin-bottom:60px;}
.jz span{ display:block; text-align:center; font-size:16px; color:#333;}
.jz h3{ font-size:36px; margin-bottom:50px; font-weight:normal; text-align:center; background:url(Img/Index/jz_h.png) no-repeat center;}
.jz h3 a{ color:#333;}
.jz .jzBox{ overflow:hidden; width:999px; margin:0 auto; height:330px; position:relative}
.jz .jzBox ul{ overflow:hidden; position:absolute}
.jz .jzBox li{ float:left; width:240px; height:330px; margin-right:13px;}
.jz .jzBox li img{ display:block; margin-bottom:14px;}
.jz .jzBox li h4{ font-size:14px; margin-bottom:5px; overflow:hidden;}
.jz .jzBox li h4 a{ color:#333;}
.jz .jzBox li p{ font-size:13px; color:#333; line-height:20px; height:60px; overflow:hidden; margin-bottom:10px;}
.jz .jzBox li .xq{ overflow:hidden; display:block; width:97px; height:32px; text-align:center; line-height:32px; border:1px solid #626262; font-size:13px; color:#333;}
.jz .jzBox li:hover .xq{ background-color:#626262; color:#fff;}

/*about*/
.about{ width:100%; height:360px; overflow:hidden; background:url(Img/Index/aboutBgb.png) repeat-x left bottom; margin-bottom:55px;}
.about dl{ overflow:hidden; width:1020px; margin:0 auto;}
.about dt{ overflow:hidden; float:left; width:465px; height:321px; padding:0 10px; background:url(Img/Index/aboutBg.png) no-repeat center bottom;}
.about dd{ overflow:hidden; float:left; width:485px; margin-top:70px; margin-left:15px;}
.about h4{ font-size:22px; font-weight:normal;}
.about h4 a{ color:#fff;}
.about span{ display:block; font-size:13px; color:#fff; padding-bottom:10px; width:100%; background:url(Img/Index/about_w.png) no-repeat left bottom; margin-bottom:20px;}
.about p{ font-size:13px; color:#fff; line-height:22px; height:88px; overflow:hidden; margin-bottom:34px;}
.about ul{ overflow:hidden; }
.about ul li{ font-size:15px; float:left; width:108px; height:35px; border:1px solid #8da2ce; border-radius:3px; text-align:center; line-height:35px; margin-right:10px;}
.about ul li a{ color:#fff; display:block; text-decoration:none;}
.about ul li:hover a{ background-color:#fff; color:#264ea1;}

/*风采*/
.fengcai{ overflow:hidden; width:100%; margin-bottom:50px;}
.fengcai h3{ font-weight:normal; text-align:center; font-size:36px; background:url(Img/Index/fc_h.png) no-repeat center;}
.fengcai h3 a{ color:#333;}
.fengcai p{ text-align:center; color:#333; font-size:16px; margin-bottom:45px;}

#ImgBox{ overflow:hidden; width:1000px; margin:0 auto; height:340px; position:relative; background:url(Img/Index/fc02.png) no-repeat center bottom;}
#ImgBox span{ cursor:pointer; width:41px; height:79px; position:absolute; top:135px;}
#ImgBox .shiliLeft{ background:url(Img/Index/fcBtn.png) no-repeat center top; left:0;}
#ImgBox .shiliRight{ background:url(Img/Index/fcBtn.png) no-repeat center bottom; right:0;}
#ImgBox #ImgWindow{ overflow:hidden; width:890px; margin:0 auto; height:350px; position:relative;}
#ImgBox .tu01,#ImgBox .tu03{ position:absolute; top:55px; width:360px; height:223px; overflow:hidden; z-index:1}
#ImgBox .tu01 img,#ImgBox .tu03 img{ display:block; width:100%; margin-bottom:10px;}
#ImgBox .tu01{ left:0;}
#ImgBox .tu03{ right:0;}
#ImgBox .tu02{ width:521px; height:323px; position:absolute; left:185px; top:0; z-index:3}
#ImgBox .tu02 img{ display:block; border:2px solid #fff; margin-bottom:10px; width:521px; height:323px;}
#ImgBox  p{ font-size:13px; color:#333; text-align:center;}
#ImgBox b{ display:block; width:100%; height:100%; background:#000;filter:alpha(opacity=0.5); opacity:0.5; position:absolute; left:0; top:0;}
#ImgBox .tu02 b{ display:none;}

/*news*/
.nBox{ overflow:hidden; width:100%; padding:40px 0; background-color:#f2f2f2;}
.news{ overflow:hidden; width:303px; height:400px; float:left; margin-right:30px}
.wenda{ margin:0}
.title{ overflow:hidden; width:100%; padding-bottom:10px; background:url(Img/Index/news_h.png) no-repeat left bottom; margin-bottom:20px;}
.title h3{ float:left; font-size:18px; float:left; margin-left:28px;}
.title h3 a{ color:#264ea1;}
.title .more{ float:right; font-size:13px; color:#333; margin-right:10px; background:url(Img/Index/promore.jpg) no-repeat right center; padding-right:20px; margin-top:5px;}

.news dl{ overflow:hidden; width:100%;}
.news dt{ overflow:hidden; width:297px; height:97px; padding:2px; background-color:#fff; border:1px solid #ccc; margin-bottom:10px;}
.news dd{ overflow:hidden; width:100%;}
.news dd p{ font-size:13px; line-height:40px; background:url(Img/Index/news_s.png) no-repeat left center; width:100%; border-bottom:1px dashed #ccc; overflow:hidden;}
.news dd p a{ color:#333; width:200px; margin-left:15px; float:left; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news dd p span{ float:right; color:#333;}

.wenda .wendaBox { overflow:hidden; width:100%; height:360px; position:relative;}
.wenda .wendaList{ overflow:hidden; margin-bottom:20px;}
.wenda h5{ font-size:14px; font-weight:normal; line-height:22px; background:url(Img/Index/wen.png) no-repeat left center; padding-left:30px; margin-bottom:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.wenda h5 a{ color:#264ea1;}
.wenda p{ font-size:13px; color:#666; line-height:22px; height:66px; overflow:hidden; background:url(Img/Index/da.png) no-repeat left top; padding-left:30px;}

/*links*/
.links{ overflow:hidden; padding:20px 0;}
.links h3{ float:left;  font-size:18px;}
.links h3 a{ color:#264ea1;}
.links h3 span{ margin-left:10px; font-weight:normal; color:#666; font-family:Arial}
.links ul{ overflow:hidden; float:left;}
.links li{ float:left; font-size:13px; margin:5px 15px; white-space:nowrap;}
.links li a{ color:#666;}