@charset "utf-8";

/* CSS Document */

body{ margin:0px; padding:0px; font-size:14px;font-family:"微软雅黑","黑体";color:#666;line-height:28px; background:#FFF;}

ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}

input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }

ul,li{ list-style:none}

img{border:0px; padding:0px; display: block;}

a{ color:#333; text-decoration:none}



h2,h3,h4,b,strong { font-weight: normal; }

em,i { font-style: normal; }



.clear{ zoom: 1; }

.clear:after { content: ''; display: block; clear: both; }

.fl { float:left}

.fr { float:right}

.hidden{display:none; background: url() no-repeat center;}



.header{height:80px;}

.headerbox{width: 1230px; margin: 0 auto; }

.logo{width: 200px;float: left;}

.logo img{width: 100%;}

.nav{float: left; padding-left: 82px;}



.nav li{float: left;   padding:0 30px; position: relative;}

.nav li h3 a{display: block; font-size:16px;font-weight: ;color: #333333;line-height:80px;}



.nav li a:hover{color: #0654cc;}

.sub{position: absolute;width: 100%; top:80px;left: 0;background: #fff;z-index: 100;display: none;}

.sub dt{line-height: 40px; font-size: 14px; border-bottom: 1px solid #eee;}

.sub dt a{display: block;text-align: center; font-size: 14px; color: #666;}

.sub dt a:hover{background: #0654cc;color: #fff;}



.yzxz{float: right;position: relative;z-index: 10; width:200px; height:45px; padding:0px 15px; border:1px solid #a5c1ed; border-radius:100px; margin-top:16px;}

.yzxz p{font-size: 14px; color: #333333; line-height:45px;cursor: pointer; font-size:18px; font-weight:bold; color:#0654cc;}

.yzxz p img{display: inline-block;vertical-align: middle; margin: -3px 20px 0 0;}

.yzxz p b{display: inline-block;background: url(../images/a_08.png); width: 10px;height: 7px; vertical-align: middle; margin: -3px 0 0 25px;}





.banner { overflow: hidden; position: relative;}

.banner img {transform: scale(1.2); display: block; transition: all 3s; z-index: 2; width: 100%;}

.banner .swiper-slide { overflow: hidden;}

.banner .swiper-slide-active img { transform: scale(1);}



.banner .swiper-pagination span { opacity: 1; background: rgba(255,255,255,.5); outline: none; width: 12px; height: 12px;}

.banner .swiper-pagination span.swiper-pagination-bullet-active { background: #ffffff;}

.productSwiper .about_title h2{ color: #0654cc;}

.productSwiper .about_title h3{ color: #333333;}

.productSwiper .about_title {padding-bottom: 0;}

.proSlide { max-width: 92%; width: 1316px; margin: 0 auto; position: relative;}

.proSlide .swiper { max-width: calc(100% - 80px); width: 957px; margin: 0 auto;}

.proSlide .swiper img { display: block; width: 100%;}

.proSlide .swiper-button-next { background: url(../images/next.png) center no-repeat; width: 40px; height: 40px; display: block;position: absolute;

right: 0;}

.proSlide .swiper-button-prev { background: url(../images/prev.png) center no-repeat; width: 40px; height: 40px; display: block;position: absolute;

left: 0;}

.menuCont { text-align: center;}

.menuCont span { color: #999999; cursor: pointer; margin: 0 40px; display: inline-block; vertical-align: top; position: relative;}

.menuCont span:after{content: ''; position: absolute; top: 50%; right: -34px; width: 6px;

height: 6px; border-radius: 50%; background: #0654cc;margin-top: -3px;}

.menuCont span:last-child:after { display: none;}

.menuCont span.cur { color: #333333;}

.productSwiper a.readMore { line-height: 54px; margin: 3vw auto 5.2vw; border-radius: 54px; text-indent: 70px; border: 1px solid #0654cc; color: #0654cc; display: block; background: url(../images/a5.png) 168px center no-repeat; width: 215px; height: 54px;}



@media(max-width:1260px){

.headerbox{width: 100%; padding: 0 3%;}

.nav li{padding-left: 30px;}





}

@media(max-width:1000px){

.header{position: fixed;width: 100%;height: 60px; top: 0;background: #fff;left: 0;z-index: 100;}

.logo img{height: 60px;width: auto;}

.dhbtn{position: absolute;width: 30px;height: 30px;background: url(../images/d1.png) no-repeat center center #0654cc;background-size: 20px 20px; right: 3%; top: 15px;}

.dhbtn.on{background: url(../images/d2.png) no-repeat center center #0654cc;background-size: 20px 20px;}

.nav{position: fixed;width: 200px; height: calc(100% - 60px);top: 60px;left: -200px;background: #fff;}

.yzxz{display: none;}

.nav{ padding-left:0px;}

.nav li{float: none; padding: 0; }

.nav li h3 a{width: 100%; padding: 0 15px;box-sizing: border-box; line-height: 42px; border-bottom: 1px solid #eee;}

.sub{position: static; }

.sub dt a{text-align: left; padding-left: 30px;box-sizing: border-box;}

.dhbj{position: fixed;width: 100%; height: 100%;background: rgba(0,0,0,.7);top: 0;left: 0;z-index: 10;display: none;}

.banner{margin-top: 60px;}

.banner .swiper-button-next{width: 25px;height: 25px; margin-top: -13px;background-size: 100% 100%;}

.banner .swiper-button-prev{width: 25px;height: 25px; margin-top: -13px;background-size: 100% 100%;}

}





.about_bj{background: url(../images/bj2.png) no-repeat center center;background-size: cover;padding-bottom: 90px;}

.about { width: 1240px; overflow: hidden; margin: 0px auto 0 auto; max-width: 92%;}

.about_title{text-align: center; padding: 110px 0 130px;}

.about_title h2{color: #d8e4f0; font-size: 28px; margin-bottom: 25px; font-weight: bold;}

.about_title H3{color: #fff; font-size: 30px; margin: 30px 0 60px;}

.about_title p{font-size: 14px; line-height: 2;color: #fff;}

.introduceList ul { overflow: hidden; }

.introduceList li { text-align: center; float: left; width: 25%;}

.introduceList li:nth-child(1) { background: url(../images/c1.png) center 20% no-repeat;background-size: 90%  auto;}

.introduceList li:nth-child(2) { background: url(../images/c2.png) center 20% no-repeat;background-size: 90%  auto;}

.introduceList li:nth-child(3) { background: url(../images/c3.png) center 20% no-repeat;background-size: 45%  auto;}

.introduceList li:nth-child(4) { background: url(../images/c4.png) center 20% no-repeat;background-size: 90%  auto;}

.introduceList li h2 { font-weight: bold; color:#fff; font-size: 54px;line-height: 1;}

.introduceList li h2 b { font-weight: bold;}

.introduceList li h2 i { display: inline-block;  font-size: 24px;vertical-align: top;font-style: normal; padding-left: 10px;}

.introduceList.introduceList_b li:nth-child(1) { background: url(../images/f1.png) center 20% no-repeat;background-size: 90%  auto;}

.introduceList.introduceList_b li:nth-child(2) { background: url(../images/f2.png) center 20% no-repeat;background-size: 90%  auto;}

.introduceList.introduceList_b li:nth-child(3) { background: url(../images/f3.png) center 20% no-repeat;background-size: 45%  auto;}

.introduceList.introduceList_b li:nth-child(4) { background: url(../images/f4.png) center 20% no-repeat;background-size: 90%  auto;}

.introduceList li p { font-size: 18px; line-height: 24px; margin-top: 35px;color: #fff;}

.more{display: block; margin:100px auto 0 auto;width: 216px; line-height: 52px;border-radius: 27px;border: 1px solid #fff;color: #fff;font-size: 14px;text-align: center; position: relative;transition: All 0.4s ease-in-out;}

.more img{position: absolute; right: 5px;top: 4px;}

.more:hover{color: #fff;background: #155098;}



.hxyw{width: 1240px; margin: 0 auto; padding-bottom:85px; position:relative;}

.hxyw_title{text-align: left; padding: 95px 0 40px;}

.hxyw_title h2{color: #333; font-size: 32px; margin-bottom: 25px;}

.hxyw_title p{font-size: 14px;color: #666666; line-height: 1.6;}

.hxyw_nr{position: relative; padding: 0 0px;}

.hxywox{ width:100%;}

.hxywox img{margin: 0 auto;display: block;width: 100%;cursor: pointer;transition: all 1.2s;}
.hxywox img:hover{transform: scale(1.1);}


.hx_text{padding:15px 0 10px;}

.hx_text h2{font-size:14px; margin-bottom: 5px; color:#333;}
.hxywox:hover .hx_text p{ color:#0654cc;}
.hx_text p{font-size: 16px; line-height: 28px; color: #333; font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.swiper-button-next:after, .swiper-button-prev:after{font-size: 0 !important;}

.hxyw_nr .swiper-button-next{background: url(../images/right.png); width: 54px;height: 54px;background-size: 100%; margin-top: -27px;border-radius: 50%;}

.hxyw_nr .swiper-button-next:hover{background: url(../images/right_a.png);background-size: 100% 100%;border-radius: 50%;}

.hxyw_nr .swiper-button-prev{background: url(../images/left.png); width: 54px;height: 54px;background-size: 100%; margin-top: -27px;border-radius: 50%;}

.hxyw_nr .swiper-button-prev:hover{background: url(../images/left_a.png);background-size: 100% 100%;border-radius: 50%;}

.hxyw_nr .mySwiper{padding-bottom: 55px;}

.hxyw_nr .swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{top: auto; bottom: 0;width: 90%;left: 5%;}

.hxyw_nr .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { color: #000; background: #0654cc;}



.hxywa{ width: auto; background:url(../images/dbjt1.png) left bottom no-repeat; padding-bottom:8px; position:absolute; right:0px; top:130px; z-index:99999999;}



.footer{ width:100%; height:auto; background:#013281; padding:65px 0px 0px 0px; color:#fff;}

.footer a{ color:#fff;}

.foott{ width:1200px; height:auto; margin:0 auto;}

.fott{ width:100%; height:auto; padding-top:20px;}

.fott li{ float:left; padding-right:15px;}



.footerbox{width:1200px; margin: 0 auto; overflow: hidden; padding:0px 0 55px;}

.foot_left{float: left; width:800px;}



.foot_bottom{padding-top:55px; color:#fff;}

.foot_bottom ul{overflow: hidden;}

.foot_bottom li{float: left; width:20%;}

.foot_bottom li:nth-child(4) {width:30%;} 

.foot_bottom h2{color: #fff; font-size: 18px; margin-bottom: 10px;}

.foot_bottom dt{line-height: 34px; font-size: 14px;}

.foot_bottom a{color: #fff;transition: All 0.4s ease-in-out;}

.foot_bottom a:hover{color: #fff;}

.foot_right{float: right; padding-top:55px;}

.foot_right ul{overflow: hidden;}

.foot_right li{float: left; padding-left: 60px;text-align: center;}

.foot_right p{font-size: 12px;color: #fff;margin-top: 12px;}

.bqxx{padding: 20px 0;}

.bqxx p{width: 1200px; margin: 0 auto;overflow: hidden;font-size: 14px; line-height: 36px;color:fff;}

.bqxx a{display: block; float: left; margin-right: 30px;}

.bqxx b{float: left;}







.menu_tp{ width:100%; height:60px;border-bottom: 1px solid #F2F2F2; font-size:16px; }

.menu_tip{ width:1240px; height:60px; line-height:60px; margin:0 auto;}

.menu_1{ width: auto; float:left;}

.menu_1 a{ width:190px; height:60px; float:left; display:block; float:left; text-align:center; line-height:60px; color:#333;}

.menu_1 a:hover{ background:#013281; color:#fff;}

.menu_2{ width:auto; float:right; background: url(../images/a6.png) center left no-repeat ; padding-left:30px; color:#999;}

.menu_2 a{ color:#999;}



.prodz{ width:100%; height:auto; margin:60px auto;}
.prodz111{ width:100%; border-bottom:1px solid #F2F2F2; margin-bottom:60px;}
.prodz1{ width:1240px; height:auto; padding-bottom:60px; margin:0 auto;}

.prodz1 h2{ width:100%; height:50px; font-size:32px; color:#333;}

.prodz1 p{ font-size:16px;}

.prodz .info ul {width:1240px; margin:0 auto;;position: relative;font-size: 0}

.prodz .info li {display: inline-block;position: relative;width:48%;margin: 0;margin-right: 4%;margin-bottom:40px;vertical-align: top; border:1px solid #BDBDBD;box-sizing: border-box;}

.prodz .info li:nth-child(2n) {margin-right: 0;}

.prodz .info li .Img {position: relative;overflow: hidden}

.prodz .info li .Img i {position: absolute;background: rgba(255, 255, 255, .8);text-align: center;bottom: 0;color: #333;;font-size: 16px; font-style:normal;font-weight:  normal;width: 100%;height: 70px;line-height: 70px;display: block;transform: translateY(100%);-moz-transform: translateY(100%);-webkit-transform: translateY(100%);transition: all .4s ease-out;-moz-transition: all .4s ease-out;-webkit-transition: all .4s ease-out}

.prodz .info li .Img i img {max-width: 100%;max-height: 100%;}

.casldse .case_nimeide.active {position: fixed;top: 0;width: 100%;z-index: 23;background: #211e2f;left: 0;}

.prodz .info li .Img {display: block;width: 100%;overflow: hidden}

.prodz .info li .Img>img {display: block;width: 100%;height: auto;transition: all 1.2s ease-in-out;-moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out}

.prodz .info li .Txt {height: 70px;overflow: hidden;width: 100%;position: relative;text-align: center;overflow: hidden;z-index: 2}



.prodz .info li .Txt span { line-height:70px; font-weight:bold; display:block;font-size: 16px;color: #333;transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out}



.prodz .info li:hover .Txt span {color: #fff; background:#013281;}

.prodz .info li .Txt small {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;transform: translateY(-100%);-moz-transform: translateY(-100%);-webkit-transform: translateY(-100%);transition: all .4s ease-in-out .2s;-moz-transition: all .4s ease-in-out .2s;-webkit-transition: all .4s ease-in-out .2s}

.prodz .info li:hover .Img i,.case .info li:hover .Txt small {transform: translate(0);-moz-transform: translate(0);-webkit-transform: translate(0);opacity: 1}

.prodz .info li:hover .Img>img {transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1)}
#bannera{width:100%; height:400px; margin:0 auto; margin-bottom:0px; padding-bottom:0px; border-bottom:#fafafa 0px solid; background-position:center center;}
/*分页*/
.nx_pg{width:100%; height: auto ; padding:50px 0px 40px 0px; text-align:center; }
.nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; color:#4c4c4c;font-size:14px; border:1px solid #757575; margin:0px 3px 0px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
.nx_pg a:hover{background:#013281;; color:#fff;}
.nx_pg .on{ background:#013281;; color:#fff;}


.pd_wp{width:1240px; margin:65px auto;}

.pd_l{width:560px; height:390px; float:left;}

.pd_r{width:610px; float:right;}



.pd_r1{width:100%; line-height:30px; font-size:22px;color:#333;  font-weight:bold; padding-bottom:20px; border-bottom:#e5e5e5 1px solid;}



.pd_r2{width:100%; line-height:35px; font-size:15px; padding:20px 0px 20px 0px;}

.pd_r2 b{color:#333;}

.pd_r2 strong{color:#333; font-weight:bold; font-size:20px;}



.pd_r3{width:100%; padding:30px 0px 0px 0px;}

.pd_r3 a{display:block; width:180px; height:50px; border:#013281 1px solid; background:#013281; color:#fff; line-height:50px; text-align:center; font-size:16px; transition:0.5s;}
.pd_r3 a img{ display:inline-block; vertical-align:-5px; padding-right:10px;}

/* 选项卡示例样式 */

.main2{width:1240px;margin:0px auto; margin-top:60px; margin-bottom:80px;}

.tab {overflow: hidden; width:1238px;height: 58px; border: 1px solid #e0e0e0;background: #E0E0E0; cursor: pointer;}

.tab li {float: left;width:200px; text-align: center; line-height: 58px; font-size:16px; border-right: 1px solid #e5e5e5;}

.tab li.on {background:#013281; color:#fff;}

.tab li.on a{color:#fff;}



.con {width: 100%;padding:40px 35px 40px 35px; box-sizing:border-box; border: 1px solid #ddd;border-top: none ; font-size:15px; line-height:35px;}

.con p{line-height:35px;}

.tab12 td{width:14%}


.info1{ width:1240px; height:auto; margin:70px auto 60px auto;}
.info1 li{ width:31%; float:left; margin-right:3.5%; background:#F2F2F2; padding-bottom:30px; margin-bottom:40px;}
.info1 li:nth-child(3n)  { margin-right:0px;}
.info1 li img{ width:100%;cursor: pointer;transition: all 1.2s;}
.info1 li:hover img{transform: scale(1.1);}
.info1 li h2{ width:100%; line-height:30px; font-size:16px; color:#333;margin:15px auto 5px auto; padding:0px 20px; box-sizing: border-box;}
.info1 li span{width:100%; padding:0px 20px; margin:0 auto; display:block;box-sizing: border-box; margin-bottom:20px; color:#666; padding-bottom:20px;border-bottom:1px solid rgba(0, 0, 0, 0.1);font-size: 12px;}
.info1 li p{ width:100%; padding:0px 20px; height:50px; line-height:25px; margin-top:20px;box-sizing: border-box; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.info1 li:hover{ background:#013281}
.info1 li:hover h2{ color:#fff;}
.info1 li:hover span{ color:#fff;border-bottom:1px solid rgba(225, 225, 225, 0.1)}
.info1 li:hover p{ color:#fff;}

.mainr2{ width:1240px; max-width:98%; height:auto; margin:0 auto; padding:40px 0px 80px 0px;}
.mainr2 img{max-width:100%; display:inline-block;}
#info-T{width:100%; min-height:26px; padding-top:30px; color:#242424; padding-bottom:15px; line-height:26px; text-align:left; font-size:18px; font-weight:bold;}
#info-M{width:100%; height:45px; line-height:45px; text-align:left;}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}
#info-C img{ max-width:100%;}
#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#info-N{width:100%; height: auto; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}

.ab7{ max-width:1240px; width:98%; height:auto;  margin:70px auto 60px auto;}
.ab7 ul li{ width:25%; height:auto; float:left; text-align:center; padding:0px 50px;box-sizing: border-box; }
.ab7 ul li img{ display:inline-block; max-width:100%;}
.ab7 ul li h2{ width:100%; height:50px; line-height:50px; color: #F50111; font-weight:bold; font-size:16px;}
.ab7 ul li p{ width:100%; height:60px; line-height:30px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.map{ width:1240px; margin:0 auto; height:auto; }
.map img{ display:inline-block; max-width:100%;}

.ab1{ width:1240px; height:auto; margin:70px auto;}
.ab11{ width:600px; float:left;}
.ab11 li{ width:100%; height:auto; margin-bottom:15px;}
.sb1{width:100%; height:50px; line-height:50px; box-sizing:border-box; text-indent:15px; opacity:0.8; font-size:15px;border: 1px solid #E0E0E0;}
.ab12{ width:600px; float:right;}
.sb3{width:100%; height:245px; line-height:25px; box-sizing:border-box; border: 1px solid #E0E0E0;padding:5px 15px 0px 15px; opacity:0.8; font-size:15px;}
.sb4{display:block; width:140px; height:48px; line-height:48px; border:none; font-size:16px; text-align:center; color:#fff; background:#013281;; margin-top:20px; transition:0.5s; border-radius:2px;}

.sb4:hover{opacity:0.9;}
.ab1 h2{ color:#333;font-weight: 700;
font-size: 24px; height:70px;}

.ab2{ width:1240px; height:auto; margin:65px auto;}
.ab22{ width:600px; float:right;}
.ab22 img{ width:100%;}
.ab21{ width:530px; height:auto;font-size: 16px;line-height:35px; float:left; color:#696969;}
.ab21 span{ width:100%; font-size:64px; color:#dedede; line-height:70px;font-family: 'Source Han Sans CN';}
.ab21 h2{ font-size:24px; font-weight:bold; color:#333; line-height:50px;}
.ab21 p{ margin-top:30px; width:100%;}
.introduceList { width: 1240px;  margin:70px auto 80px;}
.introduceList ul { overflow: hidden;}
.introduceList li { text-align: center; float: left; width: 25%;}

.introduceList li h2 { font-size: 'DIN'; font-weight: bold; color:#333; font-size:48px; line-height:50px;}
.introduceList li h2 b { font-weight: bold;}
.introduceList li h2 i { display: inline-block; vertical-align:0px; font-size: 16px; font-weight: normal; font-style: normal; color:#095DA2;}
.introduceList li:nth-child(1) i { opacity: 0;}
.introduceList li p { font-size: 18px; line-height: 24px; margin-top:5px; color:#666; font-weight:bold;}

.ab3{ width:100%; height:auto; background:url(../images/a8.png) center no-repeat; background-size:cover; padding:80px 0px 35px 0px;; }
.ab3 ul{ width:1240px; height:auto; margin:0 auto; color:#fff;}
.ab3 ul li{ width:46%; float:left; margin-bottom:60px; padding-bottom:60px; margin-right:8%;}
.ab3 ul li h2{ width:100%; font-size:24px; line-height:50px; font-weight:bold;}
.ab3 ul li p{ width:100%; font-size: 16px;}
.ab3 ul li:nth-child(2n){ margin-right:0px;}
.ab3 ul li:nth-child(1){ border-bottom: 1px solid rgba(225, 225, 225, 0.3);}
.ab3 ul li:nth-child(2){ border-bottom: 1px solid rgba(225, 225, 225, 0.3);}