﻿
@charset "utf-8";

.m_zz{margin:0 auto 58px; width:1360px; margin-top: -75px;position: relative;padding-top: 44px;height: 146px;background: #fff;box-shadow: 5px 0 13px rgba(0,0,0,.2); overflow:hidden;}
.m_zz ul{height: 6rem; position: relative; padding-left:2%;}
.m_zz li{position: relative;float: left;width:19%;padding-left:3%;height: 120px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}



.m_zz li em{display: block;height: 62px;line-height: 62px;overflow: hidden;}
.m_zz li em b{display: block; float: left; font-size: 46px; color: #073480; font-weight: bold;}
.m_zz li em i{display: block; float: left;font-size: 24px;font-weight: normal;color: #08182f; font-style: normal;margin-top: 0.2rem;margin-left: 2%;}
.m_zz li h3{font-size: 14px; color: #08182f; text-align: left; font-weight: normal; }
.m_zz li:hover em b,.m_zz .cur em b{color: #2661c6;}
.m_zz li:hover:before,.m_zz .cur:before{background: none;}
 @media screen and (max-width:1366px) {             
  .m_zz{width:1200px;}
}

.g_pp{background:url(../images/ppbg.png) no-repeat center top;height: 802px;overflow: hidden;}
.g_pp h2{height: 70px;line-height: 70px;font-size: 35px;color:#000000;font-weight: bold;text-align: center;}
.g_pp h2 b{color:#1f51a6;}
.pphd{position: absolute;left:0;top:180px;width:210px;z-index: 155;}
.pphd li{display: block; height: 56px;line-height: 56px;font-size: 26px;color:#fff;padding-left: 42px;background:url(../images/ppico.png) no-repeat 0 14px;margin:20px 0;}
.pphd .on{position: relative;}
.pphd .on:before{content: "";position: absolute;background:url(../images/pph.png) no-repeat;width: 291px;height: 103px;left:-100px;top:-25px;}
.pphd li b{position: relative;z-index: 15;font-weight: normal;}

.ppbd{position: absolute;left:0;top:0;width:1200px;}
.ppbd p{margin-left: 88px;height: 133px;font-size: 16px;color:#282828;line-height: 32px;width:1060px;text-align: center;}
.ppbd dt{margin-right: -100px;float: right;overflow: hidden;}
.ppbd dt img{transition: all 0.3s linear 0s;}
.ppbd dt:hover img{transform: scale(1.1);}
/*产品展示左边*/	
.w14 { width:1400px; margin:0 auto; font-family:"Microsoft Yahei";}
.gd{ margin:10px 0; padding-bottom:50px;}
.gd h3.title1{ height:66px; background:url(../images/title1.png) no-repeat left top; position:relative; font-size:30px; line-height:32px; padding-left:15px;  font-weight: bold;color: #000000; border-bottom: 1px solid #eee;}
.gd h3.title1 p{font-size: 16px;color: #b4b4b4;text-transform: uppercase;}
.gd h3.title1 span{background:url(../images/ft_tel0.png) no-repeat left center; padding-left:40px; margin-left:430px; color:#15499a;}
.gd h3.title1  a.more{ position:absolute; line-height:14px; right:10px; letter-spacing:1px; bottom:0px; font-size:14px; padding-bottom:10px;}

.gd .tabg{ width:489px; box-shadow: 0px 1px 10px 1px #ccc; margin-top:10px; background:#f7f7f7;  border-bottom:1px solid #cfcfcf; float:right; overflow:hidden;}
.gd .chanpin{ width:900px;  float: left; }
.gd h3 span{ font-size: 24px;top: 0; left: 480px; position: absolute;line-height: 3; }

.metTab h3 {cursor:pointer;float: left;background-color: #fff;color: #333;padding: 5px 20px;font-size:20px; margin:10px 20px 20px; border: 1px solid #888; }
.metTab h3.metTabIn {   background-color: #15499a;color: #fff; border: 1px solid #f7f7f7; border-radius:23px;}
.metTab .metCon { clear: left; padding: 10px; display: none; text-align: center; }
.metTab .metConIn{  display:block; }
.metTab .metCon h4{ display:block; font-size:26px; text-align:left; height:72px; line-height:72px; font-weight:bold; color:#323232; overflow:hidden;}
.metTab .metCon p{font-size:16px; color:#7f7f7f; line-height:27px; text-align:left; margin:10px auto;}

.chanpin { width: 100%; overflow: hidden; margin-top: 10px;}
.chanpin ul li { width: 29%; padding: 5px 5px; margin-left: 2%; background:#fff; border: 1px solid #eee; box-shadow: 0px 1px 10px 1px #ccc;  margin-bottom: 10px; float:left; }
.chanpin ul li img{   border: 0px solid #eee; }
.chanpin ul li a .imgauto { width: 100%;  height: 255px;}
.chanpin ul li a span { display: block; margin-top: 8px; margin-bottom:5px; text-align: center; font-size: 16px; color:#000;}
.chanpin ul li:nth-child(2n) { margin-right: 0;}
.chanpin ul li:hover { border: 1px solid #e6e6e6;}
.chanpin ul li:hover img { opacity: .6;}
.chanpin ul li:hover span { color: #036aac;}	
/*产品展示右边*/	
.R-gd{ margin:10px 0; padding-bottom:50px;}
.R-gd h3.title1{ height:66px; background:url(../images/title1.png) no-repeat left top; position:relative; font-size:30px; line-height:32px; padding-left:15px;  font-weight: bold;color: #000000; border-bottom: 1px solid #eee;}
.R-gd h3.title1 p{font-size: 16px;color: #b4b4b4;text-transform: uppercase;}
.R-gd h3.title1 span{background:url(../images/ft_tel0.png) no-repeat left center; padding-left:40px; margin-left:430px; color:#15499a;}
.R-gd h3.title1  a.more{ position:absolute; line-height:14px; right:10px; letter-spacing:1px; bottom:0px; font-size:14px; padding-bottom:10px;}

.R-gd .R-tabg{ width:489px; box-shadow: 0px 1px 10px 1px #ccc; margin-top:10px; background:#f7f7f7;  border-bottom:1px solid #cfcfcf; float:left; overflow:hidden;}
.R-gd .R-chanpin{ width:900px;  float: right; }
.R-gd h3 span{ font-size: 24px;top: 0; left: 480px; position: absolute;line-height: 3; }

.R-metTab h3 {cursor:pointer;float: left;background-color: #fff;color: #333;padding: 5px 20px;font-size:20px; margin:10px 20px 20px; border: 1px solid #888; }
.R-metTab h3.metTabIn {   background-color: #15499a;color: #fff; border: 1px solid #f7f7f7; border-radius:23px;}
.R-metTab .metCon { clear: left; padding: 10px; display: none; text-align: center; }
.R-metTab .metConIn{  display:block; }
.R-metTab .metCon h4{ display:block; font-size:26px; text-align:left; height:72px; line-height:72px; font-weight:bold; color:#323232; overflow:hidden;}
.R-metTab .metCon p{font-size:16px; color:#7f7f7f; line-height:27px; text-align:left; margin:10px auto;}

.R-chanpin { width: 100%; overflow: hidden; margin-top: 10px;}
.R-chanpin ul li { width: 29%; padding: 5px 5px; margin-left: 2%; background:#fff; border: 1px solid #eee; box-shadow: 0px 1px 10px 1px #ccc;  margin-bottom: 10px; float:left; }
.R-chanpin ul li img{   border: 0px solid #eee; }
.R-chanpin ul li a .imgauto { width: 100%;  height: 255px;}
.R-chanpin ul li a span { display: block; margin-top: 8px; margin-bottom:5px; text-align: center; font-size: 16px; color:#000;}
.R-chanpin ul li:nth-child(2n) { margin-right: 0;}
.R-chanpin ul li:hover { border: 1px solid #e6e6e6;}
.R-chanpin ul li:hover img { opacity: .6;}
.R-chanpin ul li:hover span { color: #036aac;}	
	/*产品展示*/
.g_pro{height: 206px; }
.g_pro h2 a{display: block;height: 162px;font-size: 50px;color:#000000;font-weight: bold;text-align: center;}
.g_pro h2 em{display: block;font-size: 24px;font-weight: normal;line-height: 20px;}
.g_pro h2 span{display: block;line-height: 82px;}
.g_pro h2 i{display: inline-block;position: relative;top:15px;}


.w13 { width:1300px; margin:0 auto; font-family:"Microsoft Yahei";}
.g_qxpp{background:url(../images/ab_bj.jpg) no-repeat center top;height: 460px;}
.g_qxpp h2 a{display: block;height: 92px;text-align: center;font-size: 42px;color:#fff;font-weight: bold; padding-top:50px;}
.g_qxpp li{float: left;width: 242px;height: 242px;border:3px solid #eaeaea;border-right: none; margin-right:10px; background-color:#fff;}
.g_qxpp li img{width: 236px;height: 236px;display: block;}

.g_cppz{padding-bottom: 256px;position: relative;overflow: hidden; width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_cppz h2{display: block;height: 172px;font-size: 50px;color:#000000;font-weight: bold;text-align: center;}
.g_cppz h2 em{display: block;font-size: 24px;font-weight: normal;line-height: 30px;}
.g_cppz h2 span{display: block;line-height: 82px;}
.g_cppz h2 i{display: inline-block;position: relative;top:23px;}
.cppzbd li,.cppzbd li img{width:100%;display: block;}
.cppzhd{position: absolute;left:50%;width:1400px;margin-left: -700px;background: #fff;bottom:100px;box-shadow: 5px 0 10px rgba(0,0,0,.16);height: 250px;}
.cppzhd .hdcon{width:1300px;margin:0 auto;}
.cppzhd dl{float: left;width:216px;position: relative;}
.cppzhd p{display: none;}
.cppzhd dt{padding-top: 44px;margin:0 auto 10px;width:72px;height: 72px;position: relative;z-index: 15;}
.cppzhd dt img{width:72px;height: 72px;display: block;}
.cppzhd dd{position: relative;z-index: 15;}
.cppzhd h3{line-height:30px;font-size: 18px;color:#2f2f2f;text-align: center; }
.cppzhd h3 em{display: block;margin-top: 8px;line-height: 24px;font-size: 14px;color:#2f2f2f;font-weight: normal;}
.cppzhd .on:before{content: "";position: absolute; width:270px;height: 266px; background: #024725;z-index: 0;top:-16px;left:50%;margin-left: -135px;}
.cppzhd .on dt{display: none;}
.cppzhd .on p{display: block;font-size: 12px;line-height: 22px;color:#fff;text-align: center;}
.cppzhd .on h3{padding-top: 18px;color:#fff;position: relative;height: 95px;}
.cppzhd .on h3 em{color:#fff;margin-top: 0;}
.cppzhd .on h3:before{content: "";position: absolute;width:40px;height: 4px;background: #a1cd18;left:50%;margin-left: -20px;top:92px;}



.g_ys{height: 1705px;}
.g_ys h2{display: block;height: 200px;font-size: 40px;color:#000000;font-weight: bold;text-align: center;}
.g_ys h2 em{display: block;font-size: 24px;font-weight: normal;line-height: 26px;}
.g_ys h2 span{display: block;line-height: 82px;}
.g_ys h2 i{display: inline-block;position: relative;top:15px;}
.g_ys h2 b{color: #024725;}
.m_ys1{height: 497px;position: relative;}
.m_ys1 .ysline1{position: absolute;left:-5px;top:0;}
.m_ys1 .ys1bd{position: absolute;left:99px;top:0;width:800px;height: 400px;overflow: hidden;}
.m_ys1 .ys1bd img{width:800px;height: 400px;display: block;transition: all 0.3s linear 0s;}

.m_ys1 .ys1hd{position: absolute;top:378px;right:0;}
.m_ys1 .ys1hd li{float: left;background:url(../images/dian1.jpg) no-repeat;width: 22px;height: 22px;margin-left: 10px;}
.m_ys1 .ys1hd .on{background:url(../images/dian2.png) no-repeat;}
.m_ys1 .yswz{width: 320px;float: right;}
.g_ys h3{height: 200px;font-size: 32px;font-weight: bold;color:#000000;text-align: right;animation-delay: 0.1s;}
.g_ys h3 i{position: relative;display: block;}
.g_ys h3 i:before{content: "";position: absolute;width:48px;height: 2px;background: rgba(31,81,166,.6);left:-66px;top:26px;z-index: 155;}
.g_ys h3 em{display: block;font-size: 21px;font-weight: normal;padding-top: 8px;}
.g_ys p{text-align: right;font-size: 16px;line-height: 26px;color:#000000;animation-delay: 0.3s;}


.m_ys2{height: 497px;position: relative;}
.m_ys2 .ys2bd{position: absolute;right:0;top:0;width:800px;height: 400px;}
.m_ys2 .ys2bd img{width:800px;height: 400px;display: block;transition: all 0.3s linear 0s;}
.m_ys2 .ys2hd{position: absolute;top:378px;right:0;}
.m_ys2 .ys2hd li{float: left;background:url(../images/dian1.jpg) no-repeat;width: 22px;height: 22px;margin-left: 10px;}
.m_ys2 .ys2hd .on{background:url(../images/dian2.png) no-repeat;}
.m_ys2 .yswz{width: 420px;float: left;}
.m_ys2 h3{text-align: left;}
.m_ys2 p{text-align: left; font-size:16px;}
.g_ys .m_ys2 h3 i:before{content: "";position: absolute;width:48px;height: 2px;background: rgba(31,81,166,.6);left:376px;top:36px;z-index: 155;}
.m_ys2 .ys2hd{position: absolute;top:378px;left:0;}


.m_ys3{height: 497px;position: relative;}
.m_ys3 .ys3bd{position: absolute;right:0;top:0;width:800px;height: 400px;}
.m_ys3 .ys3bd img{width:800px;height: 400px;display: block;transition: all 0.3s linear 0s;}
.m_ys3 .ys3hd{position: absolute;top:378px;right:0;}
.m_ys3 .ys3hd li{float: left;background:url(../images/dian1.jpg) no-repeat;width: 22px;height: 22px;margin-left: 10px;}
.m_ys3 .ys3hd .on{background:url(../images/dian2.png) no-repeat;}
.m_ys3 .yswz{width: 420px;float: left;}
.m_ys3 h3{text-align: left;}
.m_ys3 p{text-align: left; font-size:16px;}
.g_ys .m_ys3 h3 i:before{content: "";position: absolute;width:48px;height: 2px;background: rgba(31,81,166,.6);left:376px;top:36px;z-index: 155;}
.m_ys3 .ys3hd{position: absolute;top:378px;left:0;}








/**/
.case{height:1000px;padding-top:68px; box-sizing: border-box;background: #f6f6f6; overflow: hidden;}
.case h2 a{display: block;height: 169px;font-size: 40px;color:#000000;font-weight: bold;text-align: center;border-bottom: 1px solid #b8b8b8;}
.case h2 em{display: block;font-size: 24px;font-weight: normal;line-height: 26px;}
.case h2 span{display: block;line-height: 82px;}
.case h2 i{display: inline-block;position: relative;top:15px;}


.case .hdt{height:82px;padding-top: 25px;}
.case .hdt ul{width: 1200px; margin:0 auto;}
.case .hdt ul li{float:left; height:55px;line-height: 55px;margin-right: 36px;}
.case .hdt ul li a{display: block; padding-left:100px; position: relative;}
.case .hdt ul li i{position: absolute;left:0;top:0; width:55px; height:55px;overflow: hidden;}
.case .hdt ul li i img{transition: all 0.3s linear 0s;display:block;}
.case .hdt ul li em{display: inline-block;font-size: 20px; color:#000000;font-weight: bold;}
.case .hdt ul li:last-child{margin-right: 0;}
.case .hdt ul li:hover i img,.case .hdt ul .cur i img{margin-left: -55px;}
.case .hdt ul li:hover em,.case .hdt ul .cur em{color:#1f51a6;}


.case .case_con{margin: 0 auto;width:1200px; position: relative;}
.case .case_con dl{width: 1200px;height: 600px;position: relative;margin:0 70px;transition: .5s;}
.case .case_con dl dt{width: 1200px;height: 600px;line-height: 0;overflow: hidden;}
.case .case_con dl dt img{width: 1200px;height: 600px;}
.case .case_con dl dd{width: 419px;height: 518px;background:url(../images/anbg2.jpg) no-repeat; position: absolute;top: 0;left:100px;padding: 50px 0 0 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: none; }
.case .case_con h3 a{display: block;position: relative;height: 175px;font-size: 74px;color:#444444;font-weight: normal;}
.case .case_con h3 a:before{content:"";position: absolute;width:145px;height: 6px;background: #1f51a6;left:0;top:126px;}
.case .case_con h4 a{display: block;height: 70px;font-size: 36px;color:#444444;font-weight: normal;}
.case .case_con dl dd p{float:left;font-size: 20px; color:#040000;line-height: 35px;padding-right: 40px;}
.case .case_con .tempWrap {overflow: visible !important; margin-left: -70px;}
.case .case_con dl.cur dd {display: block;}
.case .case_con .pnBtn{position: absolute;z-index: 1;top: 0;width: 100%;height: 600px;}
.case .case_con .prev1{left:-50%;margin-left: -600px;}
.case .case_con .next1{left: 50%;margin-left: 600px;}
.case .case_con .pnBtn .cas-prev{width:88px; height:88px;background:url(../images/cas-prev.png) no-repeat center; position: absolute; top:260px; right:19px; cursor: pointer;}
.case .case_con .pnBtn .cas-next{width:88px; height:88px;background:url(../images/cas-next.png) no-repeat center; position: absolute; top:260px; left:19px; cursor: pointer;}

.g_news{padding-top: 48px;height: 782px;overflow:hidden;}
.g_news h2 a{display: block;height: 199px;font-size: 50px;color:#000000;font-weight: bold;text-align: center;}
.g_news h2 em{display: block;font-size: 24px;font-weight: normal;line-height: 26px;}
.g_news h2 span{display: block;line-height: 82px;}
.g_news h2 i{display: inline-block;position: relative;top:19px;}
.new1{float: left;width: 382px;margin-right: 60px;animation-delay: 0.1s;}
.new2{float: left;width: 457px;margin-right: 55px;animation-delay: 0.3s;}
.new3{float: left;width: 345px;animation-delay: 0.5s;}
.g_news h3 a{display: block;position: relative;height: 56px;line-height: 56px;padding-left: 48px;font-size: 24px;color:#1f51a6;font-weight: bold;margin-bottom: 22px;}
.g_news h3 span{font-size: 30px;color:#1f51a6;}
.g_news h3 i{position: absolute;left:0;top:11px;}
.new1c dt{width: 379px;height: 285px;overflow: hidden;}
.new1c dt img{width: 379px;height: 285px;display: block;}
.new1c dd{background: #f0f0f0;width: 379px;height: 150px;padding: 22px 30px 0; box-sizing: border-box;}
.new1c h4 a{display: block;line-height: 36px;font-size: 16px;color:#282828;font-weight: bold;}
.new1c p{font-size: 14px;line-height: 22px;color:#333333;margin-bottom: 6px;}
.new1c span{display: block;font-size: 14px;color:#333333;font-weight: bold;}

.new2 li{height: 66px;border-bottom: 2px solid #f0f0f0;margin-bottom: 30px;}
.new2 li span{display: block;height: 25px;font-size: 12px;color:#333333;font-weight: bold;}
.new2 li em{display: block;font-size: 16px;color:#282828;}
.new2 li i{font-size: 14px;color:#1f51a6;display: inline-block;padding-left: 44px;font-style: normal;display: none;}
.newmore a{display: block;width:127px;height: 36px;line-height: 36px;background: #1f51a6;text-align: center;font-size: 16px;color:#fff;}

.new3 .wd{margin-bottom: 10px;width: 340px;height: 170px;overflow: hidden;}
.new3 .wd img{width: 340px;height: 170px;display: block;}
.wdc dl{height: 130px;border-bottom: 2px solid #f0f0f0;margin-bottom: 30px;}
.wdc dt a{display: block; height: 40px;line-height: 40px;position: relative;padding-left: 22px;font-size: 16px;color:#282828;font-weight: bold;margin-bottom: 6px;}
.wdc dt a:before{content:"";position: absolute;width:3px;height: 16px;background: #1f51a6;left:0;top:12px;}
.wdc p{font-size: 14px;line-height: 26px;color:#333333;}
.wdc dl:nth-child(2){border-bottom: none;}



/**/
.about{height:1246px;padding-top: 55px; position: relative;overflow: hidden;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; background:url(../images/abbg.jpg) no-repeat center top;}
.about h2 a{display: block;height: 678px;font-size: 50px;color:#000000;font-weight: bold;text-align: center;}
.about h2 em{display: block;font-size: 24px;font-weight: normal;line-height: 26px;}
.about h2 span{display: block;line-height: 82px;}
.about h2 i{display: inline-block;position: relative;top:19px;}
.about:before{content: "";position: absolute;width: 1290px;height: 503px;background: #fff;box-shadow:1px 3px 13px rgba(0,0,0,.1);left:50%;margin-left: -645px;top:683px;}
.abo-tit{height:145px;}
.abo-tit h4{height:40px; line-height: 40px; text-align: center;margin-bottom: 12px;}
.abo-tit h4 a{font-size: 24px; color:#333; font-weight: bold;}
.abo-tit p{font-size: 15px; color:rgba(39,39,39,0.8); line-height: 28px;text-align: center; width:1071px; margin:0 auto;}

.abo-qh{height:230px;}
.abo-qh .hd{width:202px; float:left;}
.abo-qh .hd ul li{height:59px; background:#ebebeb; margin-bottom: 2px;padding:8px 0 0 37px; box-sizing: border-box;position: relative;}
.abo-qh .hd ul li span{display: block; height:25px; line-height: 25px;font-size: 20px; color:#292D33;}
.abo-qh .hd ul li i{display: block; height:19px; line-height: 19px;font-size: 12px; color:rgba(41,45,51,0.25);font-style: normal;}
.abo-qh .hd ul li.cur{border-left:4px solid #98beff;background:#1f51a6;}
.abo-qh .hd ul li.cur span{color:#FFF;}
.abo-qh .hd ul li.cur i{color:rgba(255,255,255,0.25);}
.abo-qh .hd ul li:before{width:25px; height:25px;background:url(../images/abo-jt.png) no-repeat; content:""; position: absolute;right:0;top:16px;opacity: 0; transition: .5s;}
.abo-qh .hd ul li.cur:before{right:-11px;opacity: 1;}
.abo-qh .abo-list{width:956px; overflow: hidden;float:right;}
.abo-qh .abo-list ul li{float:left;width:234px; margin-right: 8px;}
.abo-qh .abo-list ul li img{width:234px;height: 176px;display: block;}
.abo-qh .abo-list ul li em{display: block;margin-top: 34px;line-height: 32px;font-size: 16px;color:#292d33;text-align: center;}




/* 友情链接 */
.g_link{ height: 84px; background: #1f51a6;}
.g_link h2{float: left; width: 80px;height: 84px;line-height: 84px;font-size: 14px;font-weight: normal;color: rgba(255,255,255,.3);}
.link_c{line-height:84px; overflow:hidden;float: left;width: 1080px; font-size: 14px;}
.link_c a{ white-space:nowrap; padding:0 30px;float: left; height: 84px; line-height:84px; color:rgba(255,255,255,.3);display: block;}
.link_c a:hover{color:#fff;}




html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 15px;}}
@media screen and (min-width: 1280px) {html {font-size: 16px;}}
@media screen and (min-width: 1366px) {html {font-size: 17px;}}
@media screen and (min-width: 1440px) {html {font-size: 18px;}}
@media screen and (min-width: 1600px) {html {font-size: 20px;}}
@media screen and (min-width: 1920px) {html {font-size: 24px;}}