@charset "utf-8";
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover{ text-decoration:none;}
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}

/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}

/*banner*/
.banner{height: 630px;overflow: hidden;}
.banner .bd li{height: 630px;background: url(../img/banner1.jpg) no-repeat center 0;}
.banner .bd li a{display: block;height: 630px;}
/*about*/
.about{height:590px;background:url(../img/about_bg.jpg) no-repeat center 0;}
.about h2{font-size: 50px;color: #000;text-align: center;font-weight:normal;line-height:50px;padding:92px 0 34px;}
.about p{text-align: center;font-size: 18px;color: #4a4b4d;line-height: 30px;height:114px;}
/*.about ul li{float: left;width: 269px;height: 157px;text-align: center;margin-left:42px;}*/
/*.about ul li em{display: block;color:#006da1;font-size: 18px;height:37px;line-height:37px;padding:45px 0 15px;}*/
/*.about ul li b{font-size: 46px;color: #0073a2;}*/
/*.about ul li span{display: block;font-size: 16px;color: #000;}*/
/*.about ul li.first{margin-left:-3px;}*/
.about li{float: left;width:25%;}
.about li img{display: block;margin:0 auto;}
.about li p b{display: block;font-size: 24px;color: #333;line-height:42px;}
/*way*/
.way{}
.way h2{height: 242px;text-align: center;font-weight:normal;}
.way h2 span{display: block;font-size: 50px;line-height:50px;color: #000;position: relative;padding:100px 0 17px;}
.way h2 span:after{position: absolute;width: 3.8%;height:2px;background: #1474a2;content: "";bottom: 0;left:48.1%;}
.way h2 i{display: block;font-size: 20px;line-height: 50px;color: #000;}
.way .bd{width: 100% !important;}
.way_det{overflow:hidden;height: 600px;width: 100% !important;}
.way_det .content{height: 600px;position:relative;}
.way_det .text{position: absolute;left: 0;bottom:0;width:1200px;padding-left:20px;height:137px;background:url(../img/tm1.png) repeat;}
.way_det .text h3{font-size: 26px;line-height:22px;padding:20px 0 12px;font-weight:normal;}
.way_det .text h3 a{color: #fff;}
.way_det .text p{width:1200px;font-size: 16px;color: #fff;line-height: 36px;}
.way_det .text p a{color: #fff;}
.way_item{height:131px;background: #f5f5f5;}
.way_item ul li{float: left;width:100px;height:131px;transition:all 0.5s linear;}
.way_item ul li i{display: block;width:52px;height:51px;margin:22px auto 0;}
.way_item ul span{display:block;font-size: 16px;color: #4b4c4e;text-align: center;line-height:16px;padding-top:20px;}
.way_item ul li .i1{background:url(../img/way_ic1.png) no-repeat;}
.way_item ul li .i2{background:url(../img/way_ic2.png) no-repeat;}
.way_item ul li .i3{background:url(../img/way_ic3.png) no-repeat;}
.way_item ul li .i4{background:url(../img/way_ic4.png) no-repeat;}
.way_item ul li .i5{background:url(../img/way_ic5.png) no-repeat;}
.way_item ul li .i6{background:url(../img/way_ic6.png) no-repeat;}
.way_item ul li .i7{background:url(../img/way_ic7.png) no-repeat;}
.way_item ul li .i8{background:url(../img/way_ic8.png) no-repeat;}
.way_item ul li .i9{background:url(../img/way_ic9.png) no-repeat;}
.way_item ul li .i10{background:url(../img/way_ic10.png) no-repeat;}
.way_item ul li .i11{background:url(../img/way_ic11.png) no-repeat;}
.way_item ul li .i12{background:url(../img/way_ic12.png) no-repeat;}
.way_item ul li:hover,.way_item ul li.cur{height:143px;background: #0073a2;transform:translateY(-12px);}
.way_item ul li:hover span,.way_item ul li.cur span{color: #fff;}
.way_item ul li:hover .i1,.way_item ul li.cur .i1{background:url(../img/way_ic1h.png) no-repeat;}
.way_item ul li:hover .i2,.way_item ul li.cur .i2{background:url(../img/way_ic2h.png) no-repeat;}
.way_item ul li:hover .i3,.way_item ul li.cur .i3{background:url(../img/way_ic3h.png) no-repeat;}
.way_item ul li:hover .i4,.way_item ul li.cur .i4{background:url(../img/way_ic4h.png) no-repeat;}
.way_item ul li:hover .i5,.way_item ul li.cur .i5{background:url(../img/way_ic5h.png) no-repeat;}
.way_item ul li:hover .i6,.way_item ul li.cur .i6{background:url(../img/way_ic6h.png) no-repeat;}
.way_item ul li:hover .i7,.way_item ul li.cur .i7{background:url(../img/way_ic7h.png) no-repeat;}
.way_item ul li:hover .i8,.way_item ul li.cur .i8{background:url(../img/way_ic8h.png) no-repeat;}
.way_item ul li:hover .i9,.way_item ul li.cur .i9{background:url(../img/way_ic9h.png) no-repeat;}
.way_item ul li:hover .i10,.way_item ul li.cur .i10{background:url(../img/way_ic10h.png) no-repeat;}
.way_item ul li:hover .i11,.way_item ul li.cur .i11{background:url(../img/way_ic11h.png) no-repeat;}
.way_item ul li:hover .i12,.way_item ul li.cur .i12{background:url(../img/way_ic12h.png) no-repeat;}
/*product*/
.pro{}
.pro h2{height: 242px;text-align: center;font-weight:normal;}
.pro h2 span{display: block;font-size: 50px;line-height:50px;color: #000;position: relative;padding:100px 0 17px;}
.pro h2 span:after{position: absolute;width: 3.8%;height:2px;background: #1474a2;content: "";bottom: 0;left:48.1%;}
.pro h2 i{display: block;font-size: 20px;line-height: 50px;color: #000;}
.pro_l{float: left;width: 243px;height:694px;background: #4b4c4e;}
.pro_l h3{height:66px;margin-bottom:7px;}
.pro_l h4{font-size: 16px;color: #fff;height:25px;line-height:16px;padding-top:16px;padding-left:41px;font-weight:normal;background:url(../img/menu_ic.png) no-repeat 19px 19px;}
.pro_l h4 a{color:#fff;}
.pro_l p{padding-bottom:4px;border-bottom:2px solid #818283;}
.pro_l p a{display: block;height: 35px;line-height:35px;padding-left:41px;font-size: 14px;color: #fff;}
.pro_l p a:hover{background:url(../img/pro_bg1.jpg) no-repeat;color: #4b4c4e;}
.pro_l p.nobor{border: 0;}
.pro_r{float: right;width: 940px;}
.pro_r ul li{float: left;width: 304px;height:340px;background: #f5f5f5;text-align: center;margin-right:14px;margin-bottom:13px;}
.pro_r ul li img{display: block;width: 240px;height: 240px;margin:0 auto;}
.pro_r ul li em{display: block;font-size: 16px;color: #454545;line-height:42px;}
.pro_r ul li i{display: block;font-size: 16px;color: #0073a2;line-height:36px;}
.pro_r ul .l1{width: 621px;}
.pro_r ul .l1 img{width:621px;height:340px;}
.pro_r ul li.nomar{margin-right: 0;}
.pro_r ul li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.2);}
/*case*/
.case{position:relative;}
.case h2{height: 242px;text-align: center;font-weight:normal;}
.case h2 span{display: block;font-size: 50px;line-height:50px;color: #000;position: relative;padding:100px 0 17px;}
.case h2 span:after{position: absolute;width: 3.8%;height:2px;background: #1474a2;content: "";bottom: 0;left:48.1%;}
.case h2 i{display: block;font-size: 20px;line-height: 50px;color: #000;}
.case_t{width: 1200px;height: 0;margin: 0 auto;position: relative;}
.case_t ul{position: absolute;width:167px;height:635px;padding-top:85px;background:url(../img/tm2.png) no-repeat;left: 0;top: 0;z-index: 10;}
.case_t ul li{height:49px;background:url(../img/c1.png) no-repeat 10px 12px;}
.case_t ul li a{display:block;width:104px;height:38px;line-height:38px;margin-left:26px;padding-left:24px;font-size:14px;color: #fff;}
.case_t ul li:hover,.case_t ul li.cur{background:url(../img/c2.png) no-repeat 10px 12px;}
.case_t ul li:hover a,.case_t ul li.cur a{background:url(../img/case_t.png) no-repeat;}
.case_con{/*width: 100% !important;*/margin:0 auto;text-align:center;}
.case_det{height:720px;width: 100% !important;}
.case_det .content{position: relative;}
.case_det .text{position: absolute;top: 59px;left:167px;width:280px;padding-left:20px;height:233px;background:url(../img/tm3.png) repeat;}
.t1 .case_det .text{top:59px;}
.t2 .case_det .text{top:108px;}
.t3 .case_det .text{top:157px;}
.t4 .case_det .text{top:206px;}
.t5 .case_det .text{top:255px;}
.t6 .case_det .text{top:304px;}
.t7 .case_det .text{top:353px;}
.t8 .case_det .text{top:402px;}
.t9 .case_det .text{top:451px;}
.t10 .case_det .text{top:451px;}
.t11 .case_det .text{top:451px;}
.case_det .text h3{font-size: 18px;font-weight:normal;line-height:18px;padding:38px 0 16px;}
.case_det .text p{width: 262px;font-size: 14px;color: #fff;line-height: 26px;}
.case_det .text h3 a,.case_det .text p a{color: #fff;}

/*why*/
.why{background: #f7f7f7;padding-bottom:58px;}
.why h2{height: 242px;text-align: center;font-weight:normal;}
.why h2 span{display: block;font-size: 50px;line-height:50px;color: #000;position: relative;padding:100px 0 17px;}
.why h2 span:after{position: absolute;width: 3.8%;height:2px;background: #1474a2;content: "";bottom: 0;left:48.1%;}
.why h2 i{display: block;font-size: 20px;line-height: 50px;color: #000;}
.why ul li{float: left;width:390px;height:592px;overflow:hidden;margin-right:15px;}
.why ul li.nomar{margin-right: 0;}
.why_det{float: left;width:390px;height:390px;position:relative;overflow:hidden;margin-bottom:15px;}
.why_img{width:100%;height:110%;transition: all 1s cubic-bezier(.19,1,.22,1);}
.why_img img{display: block;width:110%;max-width:110%;}
.why_det:hover .why_img{margin-left:-18px;}
.why_des{position:absolute;top: 0;left: 0;width:100%;height:100%;}
.why_des .text{position: absolute;	top: 95px;left: 0;	width: 100%;text-align: center;color: #fafafa;}
.why_des .text img{display: block;margin:0 auto 23px;opacity: 0;}
.why_des .text b{display: block;font-size: 24px;line-height:24px;padding-bottom:10px;transform: translateY(390%);transition: all 1s cubic-bezier(.19,1,.22,1);}
.why_des .text p{font-size: 16px;line-height: 24px;transform: translateY(280%);transition: all 1s cubic-bezier(.19,1,.22,1);}
.why_det:hover .why_des{background:url(../img/tm3.png) repeat;}
.why_det:hover .why_des img{opacity: 1;}
.why_det:hover .why_des img{transform: translateY(0);}
.why_det:hover .why_des b{transform: translateY(0);}
.why_det:hover .why_des p{transform: translateY(0);}
.why2{width: 187px;height:187px;margin-right:16px;}
.why2 .text{top: 60px;}
.why2  .text b{transform: translateY(273%);}
.why2  .text p{transform: translateY(190%);}
.why_det.nomar{margin-right: 0;}
.why_det a{display: block;height:187px;line-height:187px;font-size: 18px;color: #fff;background: #0073a2;text-align: center;}
/*news*/
.news{height:656px;overflow:hidden;}
.news h2{height: 242px;text-align: center;font-weight:normal;}
.news h2 span{display: block;font-size: 50px;line-height:50px;color: #000;position: relative;padding:100px 0 17px;}
.news h2 span:after{position: absolute;width: 3.8%;height:2px;background: #1474a2;content: "";bottom: 0;left:48.1%;}
.news h2 i{display: block;font-size: 20px;line-height: 50px;color: #000;}
.new_l{float: left;width: 805px;}
.news h3{height:46px;line-height: 46px;border-bottom:1px solid #d8d8d8;font-weight:normal;margin-bottom:35px;}
.news h3 span{float: left;margin-right: 65px;font-size: 24px;line-height:45px;}
.news h3 span a{color: #4b4c4e;opacity: 0.6;}
.news h3 span.cur{border-bottom:3px solid #167eab;}
.news h3 span.cur a{opacity: 1;}
.news h3 .more{float: right;font-size: 18px;color: #4b4c4e;opacity: 0.7;}
.new_list .more{position: absolute;height:46px;line-height: 46px;font-size: 18px;color: #4b4c4e;opacity: 0.7;right: 0;top: -82px;}
.new_list dl{float: left;width: 377px;}
.new_list dl dt img{width: 377px;height: 213px;display: block;}
.new_list dl dd{height: 119px;background: #f1f1f1;position:relative;}
.new_list dl dd h4{padding-left: 110px;font-size: 16px;height:27px;line-height:27px;padding-top:18px;font-weight:normal;margin-bottom:10px;overflow:hidden;}
.new_list dl dd h4 a{color: #4b4c4e;}
.new_list dl dd p{font-size: 14px;color: #878787;line-height: 26px;padding:0 22px;}
.new_list dl dd p a{float: right;color: #0073a2;}
.new_list dl dd span{position: absolute;width: 93px;height: 93px;background: #0073a2;top:-48px;left: 9px;color: #fff;text-align: center;}
.new_list dl dd span b{display: block;height:56px;line-height:56px;font-size: 44px;margin:0 8px;border-bottom:1px solid #80b9d1;}
.new_list dl dd span i{display: block;line-height: 36px;font-size:16px;}
.new_list ul{float: right;width:396px;position:relative;margin-top:-25px;}
.new_list ul:after{position:absolute;width: 1px;height:319px;background:#d0d0d0;content: "";left: -1px;top: 25.5px;z-index:-1;}
.new_list ul li{height: 62px;line-height: 62px;font-size: 14px;padding-left:22px;background:url(../img/dian1.png) no-repeat left center;margin-left:-6px;overflow:hidden;}
.new_list ul li a{color: #4b4c4e;}
.new_list ul li i{float: right;font-size: 12px;}
.new_list ul li.first{margin-top: 25px;}
.new_list ul li:hover{background:url(../img/dian2.png) no-repeat left center;}
.new_l ul li:hover a{color: #0073a2;}
.new_r{float: right;width:324px;}
.new_r h3{margin-bottom:25px;}
.new_r ul li h5{height: 33px;line-height: 33px;overflow:hidden;font-size: 14px;font-weight: normal;}
.new_r ul li h5 a{color: #4b4c4e;}
.new_r ul li h5 em{display:inline-block;width: 25px;height: 25px;text-align: center;color:#fff;background: #4e4c50;margin-right: 12px;}
.new_r ul li p{height: 94px;}
.new_r ul li p em{float: left;width: 25px;height: 25px;line-height: 25px;text-align: center;color:#fff;background: #0073a2;margin-right: 12px;}
.new_r ul li p span{float: left;width: 287px;line-height: 25px;color: #878787;}
.new_r ul li p span a{color: #0073a2;}
/*intro*/
.intro{}
.intro h2{height: 242px;text-align: center;font-weight:normal;}
.intro h2 span{display: block;font-size: 50px;line-height:50px;color: #000;position: relative;padding:100px 0 17px;}
.intro h2 span:after{position: absolute;width: 3.8%;height:2px;background: #1474a2;content: "";bottom: 0;left:48.1%;}
.intro h2 i{display: block;font-size: 20px;line-height: 50px;color: #000;}
.intro_con{height:600px;background:url(../img/intro_bg.jpg) no-repeat center 0;}
.intro_con .text{float: right;width:600px;padding-top:92px;}
.intro_con .text h3{font-size: 20px;color: #fff;font-weight:normal;margin-bottom:15px;}
.intro_con .text p{font-size: 14px;color: #fff;line-height: 28px;}
.intro_con .text .more{float: right;width: 102px;height: 35px;line-height: 35px;text-align: center;font-size: 14px;color: #fff;border:1px solid #8eafc7;margin-top:35px;}
/*coop*/
.coop{padding:88px 0 66px;position:relative;}
.coop_con{margin:0 70px;overflow:hidden;}
.coop ul li{float: left;width: 220px;margin-right:60px;}
.coop ul li img{display: block;width:220px;height:110px;}
.coop ul li em{display: block;font-size: 16px;color: #4b4c4e;line-height: 16px;text-align: center;padding-top:32px;}
.coop .prev{position:absolute;top: 110px;left: 0;cursor:pointer;}
.coop .next{position:absolute;top: 110px;right: 0;cursor:pointer;}