@charset "utf-8";

*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
HTML {OVERFLOW-X: hidden;}
body{ font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;font-size:16px; line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color:#333; }
a{color:#333; text-decoration:none;outline:none; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.3s;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a:hover{text-decoration:none; color:#004ea2}
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clear{ clear:both}
.clearfix{clear:both;zoom:1;}
.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}
.ovh{ overflow:hidden}
table{ border-collapse:collapse;}
img{ border:none;}
input,textarea,select,button,input{ outline:none;font-size:16px;font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;}
input{-webkit-appearance: none ;}
.red{ color:#fe0101}

.section{ padding:80px 0;}
.sectionpre{ padding-top:80px;}
.sectionnext{ padding-bottom:80px;}

#a01, #a02, #a03, #a04, #a05, #a06, #a07{ position: absolute;  margin-top:-102px;}
.wrap{ margin:0 auto}

.jvzhong{ text-align:center}
.title { margin-bottom:25px; position:relative; padding-bottom:12px;}
.title h3{ font-size:36px; font-weight:bold; color:#004ea2; line-height:30px; text-transform:uppercase; padding-bottom:20px;}

.title p{ color:#000; font-size:18px; padding:0px 0 20px 0}
.title:after{ content:""; position:absolute; width:59px; height:12px; bottom:0; left:50%; margin-left:-30px; background:url(../images/tbg.png) no-repeat center bottom;}
.title02:after{ content:""; position:absolute; width:59px; height:12px; bottom:0; left:0 !important; margin-left:0px !important; background:url(../images/tbg.png) no-repeat center bottom;}


.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;transition: all 1.5s; display:block}
.kuai:hover .pic img, li:hover .pic img{transform:scale(1.05);}


body{ position:relative}
.header{width: 100%;top:0;left:0;position:fixed; z-index:9999; -webkit-transition:all .5s;transition:all .5s; margin-top:0px;}

.header.scroll{background:#fff; margin-top:0;box-shadow: 0 0 10px #ccc;}
.header .wrap{ background:#fff; position:relative; height:100px;box-shadow: 0 0 6px #666; width:100%}
.header.scroll .wrap{box-shadow:none}

.space{height:100px;}

.header02{margin-top:0px !important; background:#fff !important; box-shadow: 0 0 10px #ccc !important;}
.header02 .wrap{box-shadow:none !important;}

.header .logo{ position:absolute; left:5%; top:50%; margin-top:-35px; z-index:99; cursor:pointer;}
.header .logo img{ display:block; height:62px; width:auto}
.header .search{ float:right; margin:35px 0;}
.header .search a{background:url(../images/topsearch.png) no-repeat center center / cover; width:30px; height:30px; border-radius:50%; display:block; cursor:pointer}
.header .search .sub{position:absolute; clear:both;width:100%; display:none; top:100px; left:0;height: 70px;  background: #c1c1c1; }
.header .search .sub .subin {width: 100%;margin:15px auto;max-width: 500px;position:relative; z-index:999 }
.header .search .sub .subin input {background: #FFF;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;height: 40px;width: calc(100% - 84px);-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 10px;border-radius: 0; border:none}
.header .search .sub .subin button {width: 80px;height: 40px;background: #004ea2;color: #FFF;margin-left: -3px; border:none}
.search-box{ background-color:rgba(0,0,0,0.5); position:absolute; width:100%; height:100%; z-index:2; display:none}
.header .menu{ position:absolute; width:60%; margin-left:20%; text-align:center;}
.header .menu li{ display:inline-block}
.header .menu li{ position:relative}
.header .menu li .menu_a{ line-height:100px; display:block; margin:0 20px; font-size:18px; color:#000;position:relative}
.header .menu li .menu_a.cur{ color:#004ea2;}
.header .menu li .sub{ position:absolute; display:none;clear:both; z-index:999;width:160%; margin-left:-20%;}
.header .menu li .sub.cur{ display:block}
.header .menu .subduan{ text-align:center; line-height:50px; padding-bottom:20px;}
.header .menu .subduan a{ display:block; background-color:#fff; }
.header .menu .subduan a:hover{background-color: #004ea2; color:#fff;}
/*animate*/
@keyframes rightOpacityShow{
0%{ transform: translateX(-80px);opacity:0;}
80%{ transform: translateX(20px);}
100%{ transform:translateX(0); opacity:1;}
}
.header .menu li .sub p:nth-child(1){animation: 0.4s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(2){animation: 0.5s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(3){animation: 0.6s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(4){animation: 0.7s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(5){animation: 0.8s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(6){animation: 0.9s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(7){animation: 1.0s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(8){animation: 1.1s ease-in-out 0s 1 normal both running rightOpacityShow;}


.header .lang{float:right; margin:0 140px 0 40px; line-height:100px;}
.header .lang .yuyan{ padding:0 25px 0 40px; background:url(../images/language.png) no-repeat left center; background-size:30px auto; position:relative; display:block; }
.header .lang .yuyan i{position:absolute; width:6px; height:100%; right:0;top:0; transition:.3s}
.header .lang .yuyan i:after{content: "";transition:.3s; width:0;height:0;border-right: 6px solid transparent;border-left: 6px solid transparent; border-top:6px solid #333; position: absolute;right: 0;top: 50%; margin-top:-4px;}
.header .lang.cur .yuyan{ color:#333;}
.header .lang.cur .yuyan i{ -webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);transform:rotateX(180deg);}
.header .lang .sub{ display:none; text-align:center; width:140px; background:#fff; padding:10px; line-height:40px; position:absolute; z-index:22}
.header .lang .sub a{ color:#666; padding:0 10px; display:block;}
.header .lang .sub a:hover{ color:#fff; background:#1a7db9;}



.banner{ position:relative; z-index:1; margin-top:100px;}
.banner img{ display:block; width:100%; height:auto}
.banner .swiper-container{position:relative;}
.banner .swiper-pagination{bottom:2%; text-align:center;}
.banner .swiper-pagination-bullet{ width:12px; height:12px; background:#0e1638; opacity:0.8; margin:0 5px; border-radius:5.5px;}
.banner .swiper-pagination-bullet-active{ background:#004ea2; width:12px;opacity:1; border:none}
.banner .swiper-slide{ position:relative}

.banner .swiper-button-prev, .banner .swiper-button-next{ width:58px; height:58px; margin-top:-19px; outline:none; opacity:0.6; top:calc(50% + 60px)}
.banner .swiper-button-prev{ background:url(../images/bpre.png) no-repeat; left:3%}
.banner .swiper-button-next{ background:url(../images/bnext.png) no-repeat; right:3%}
.banner .swiper-button-prev:hover{ background:url(../images/bpre.png) no-repeat; opacity:1}
.banner .swiper-button-next:hover{ background:url(../images/bnext.png) no-repeat; opacity:1}


.iproduct{background:url(../images/mbg.png) no-repeat center bottom; background-size:100% auto}
.iproduct .wrap{ max-width:1540px;}
.iproduct .pro-nav{text-align:center;border-bottom:solid 1px #ddd; max-width:618px; margin:0 auto 30px auto;}
.iproduct .pro-nav li{ padding:0 30px; display: inline-block; margin:0; }
.iproduct .pro-nav a{ display:block; font-size:18px; color:#333; padding-bottom:7px; display:block; border-bottom:solid 3px #fff}
.iproduct .pro-nav .cur a, .iproduct .pro-nav a:hover{color:#004ea2;border-bottom:solid 3px #004ea2}
.iproduct .protab-wrap .item{height: 0;opacity: 0;overflow: hidden;}
.iproduct .protab-wrap .item.cur{height: auto;opacity: 1;}
.i-product-list{ position:relative}

.i-product-list .swiper-container{position:relative; margin:0 auto; width:calc(100% - 140px)}
.i-product-list .swiper-slide{position:relative;}
.i-product-list .swiper-slide a{margin:10px; width:calc(100% - 20px); box-shadow: 0 0 5px #a5a5a5;background:#fff; display:block; position:relative}
.i-product-list .swiper-slide .plogo{ position:absolute; left:20px; top:20px; width:30%}
.i-product-list .swiper-slide .plogo img{ display:block; width:100%; height:auto}
.i-product-list .swiper-slide .wenzi h3{ text-align:center; font-size:18px; padding:10px 0}
.i-product-list .swiper-slide .wenzi .more{ text-align:right; margin-top:20px; line-height:41px; color:#fff; background:url(../images/morea.png) no-repeat center right; padding-right:18px;}
.i-product-list .swiper-slide:hover .wenzi .more{background:url(../images/moreahover.png) no-repeat center right;}

.i-product-list .swiper-button-prev, .i-product-list .swiper-button-next{ width:49px; height:49px; margin-top:-24.5px; outline:none; border:solid 1px #ddd; border-radius:50%}
.i-product-list .swiper-button-prev{ background:url(../images/ppre.png) no-repeat; left:0}
.i-product-list .swiper-button-next{ background:url(../images/pnext.png) no-repeat; right:0}
.i-product-list .swiper-button-prev:hover{ background:url(../images/ppre02.png) no-repeat}
.i-product-list .swiper-button-next:hover{ background:url(../images/pnext02.png) no-repeat}


.iapplication{ position:relative;}
.iapplication:after{ content:""; width:50%; height:100%; top:0; right:0; background:#e7eff6; position:absolute; z-index:-1}
.iapplication .wrap{ position:relative}
.iapplication .title{ position:absolute; top:0; left:0}
.ipicrollslei #ul{ float:right; width:17%}
.ipicrollslei #ul a {position:relative; cursor:pointer; display:block; border-bottom:solid 1px #ddd; padding:20px 25px;}
.ipicrollslei #ul a:nth-child(6){ border-bottom:none; border-bottom:none;}
.ipicrollslei #ul .cur { color:#004ea2; background:#fff; box-shadow: 0 0 5px #ccc; border-radius:5px;}
.ipicrollslei #ul .icon{ float:left; margin-right:10px;}
.ipicrollslei #ul .icon img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.ipicrollslei #ul a:hover .icon img, .ipicrollslei #ul .cur .icon img { -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;} 
.ipicrollslei #ul .wenzi{ float:left}
.ipicrollslei #ul .wenzi h3{ font-size:20px; line-height:34px;}

.ipicrollslei img { display:block; width:100%; height:auto}

.ipicrollslei .proconn{ float:left !important; width:80% !important}
.ipicrollslei .ipicrolls_cont .pic{ float:right; width:60%;}
.ipicrollslei .ipicrolls_cont .pic img{ min-height:450px; width:100%}
.ipicrollslei .ipicrolls_cont .wenzi{ float:left; width:36%; margin-top:140px;}
.ipicrollslei .ipicrolls_cont .wenzi p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden; height:120px;}
.ipicrollslei .ipicrolls_cont .wenzi .more{ margin-top:30px;}
.ipicrollslei .ipicrolls_cont .wenzi .more a{ display:block; width:185px; height:56px; -webkit-transition:all .5s;transition:all .5s; line-height:56px; background:url(../images/jiantou.png) #004ea2 no-repeat 80% center; border-radius:8px; font-size:18px; color:#fff; text-align:center; padding-right:40px;}
.ipicrollslei .ipicrolls_cont .wenzi .more a:hover{background:url(../images/jiantou.png) #004ea2 no-repeat 85% center;}



.iabout {background:url(../images/mbg02.png) no-repeat center bottom; background-size:100% auto}
.iabout  .wrap{ width:88%; max-width:1400px; }

.iabout .pic{ float:right; width:50%; padding:18px; background:#fff}
.iabout .wenzi{ float:left; width:47%; margin-top:18px;}
.iabout .wenzi .atitle{ border-bottom:solid 1px #ddd; padding-bottom:15px; margin-bottom:15px;}
.iabout .wenzi .atitle h3{
	font-size:22px;
	margin-bottom:6px;
	font-weight: bold;
}
.iabout .wenzi .atitle p{ color:#999; line-height:24px}
.iabout .wenzi .more a{background:url(../images/amore.png) no-repeat 90% center; padding-right:40px; display:inline-block; font-size:18px; margin-top:25px; }
.iabout .wenzi .more a:hover{background:url(../images/amore.png) no-repeat 100% center;}
.iabout .wenzi .aquite{ margin-top:120px;background-color:#004ea2;  }
.iabout .wenzi .aquite .item{
	float:left;
	width:33%;
	max-width:180px;
	margin-top:10px;
	color:#fff;
	font-size:16px;
	background-color:#004ea2;
-webkit-transition:all .5s;transition:all .5s;
}

.iabout .wenzi .aquite .item .icon{
	
	padding-left: 20px;
}

.iabout .conn .wenzi .aquite img{ margin:0 0 0 3px !important; }
.iabout .wenzi .aquite .item:hover{ margin-top:0}
.iabout .wenzi .aquite .item .wenzi{ margin-top:20px}
.iabout .wenzi .aquite a{ color:#fff}



.iyoushi{background:#e7eff6;}
.iyoushi  .wrap{ width:88%; max-width:1400px; }
.iyoushi .item{ float:left; width:calc(25% - 1px); border:solid 1px #ddd; background:#fff; padding:25px; margin-left:-1px; text-align:center; min-height:320px;-webkit-transition:all .5s;transition:all .5s; margin-top:15px;}
.iyoushi .item:hover{ margin-top:5px;}
.iyoushi .item:nth-child(1){ margin-left:0}
.iyoushi .item .icon{ width:40%; margin:20px auto;}
.iyoushi .item .icon img{ display:block; width:100%; max-width:116px; height:auto;}
.iyoushi .item .wenzi h3{ font-size:20px; font-weight:bold; margin-bottom:10px;}
.iyoushi .item .wenzi p{ font-size:14px; line-height:24px;}


.inews .swiper-slide{ margin-bottom:30px; -webkit-transition:all .5s;transition:all .5s; padding-bottom:10px; position:relative; overflow:hidden}
.inews  .wrap{ width:88%; max-width:1400px; }
.inews .swiper-slide:before{ content:""; position:absolute; width:100%; height:3px; background:#ddd; left:0%; bottom:0px;-webkit-transition:all .5s;transition:all .5s;}
.inews .swiper-slide:after{ content:""; position:absolute; z-index:9; width:100%; height:3px; background:#004ea2; left:-100%; bottom:0px;-webkit-transition:all .5s;transition:all .5s;}
.inews .swiper-slide:hover:after{ left:0}
.inews .swiper-slide .biao{line-height:40px; color:#fff; background:url(../images/morea01.png) no-repeat center right; padding-right:12px; text-align:right; position:relative; margin-top:-40px; font-size:14px;}
.inews .swiper-slide h3{ margin:15px 0; font-size:18px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; }
.inews .swiper-slide p{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height:20px; font-size:14px; color:#666; }
.inews .swiper-slide .use{ color:#999; margin-top:20px;}
.inews .swiper-slide .use .more{ float:left}
.inews .swiper-slide:hover .use .more{ color:#004ea2;}
.inews .swiper-slide .time{background:url(../images/shijian.png) no-repeat left center;  color:#999; padding-left:30px; float:right}
.inews .swiper-pagination{ display:none; bottom:0}
.inews .swiper-pagination-bullet{ height:12px;width:12px; background:#0e1638; opacity:1; margin:0 5px}
.inews .swiper-pagination-bullet-active{ background:#004ea2}
@media screen and (max-width: 640px){
.inews .swiper-pagination{ display:block}
}


.footer{ background:#004ea2;}
.footer  .wrap{ width:88%; max-width:1400px; }
.footer .qlink{ padding:40px 0; border-bottom:solid 1px #5079b2; line-height:38px;}
.footer .qlink .flogo{ float:left;}
.footer img{ display:block}
.footer .qlink .qnav{ float:left; margin-left:7%; font-size:18px; line-height:53px; color:#fff}
.footer .qlink .qnav span{ padding:0 15px;}
.footer .qlink .qnav a{ color:#fff;}

.footer .flx li{ float:left; padding:50px 0; color:#fff; margin-right:50px; line-height:25px;}
.footer .flx li:last-child{ padding:20px 0; text-align:center; float:right; margin-right:0}
.footer .flx li .icon, .footer .flx li .wenzi{ float:left;}
.footer .flx li .icon{ border-radius:50%; background:#004ea2; border:solid 2px #fff; margin-right:10px;}
.footer .flx li:hover .icon{background:#003e82; border:solid 2px #003e82}
.footer .flx li .wenzi{ margin-top:10px;}
.footer .flx li .wenzi a{ color:#fff;}
.footer a:hover{ text-decoration:underline}

.copyright{ background:#003e82; padding:20px 0; color:#fff; text-align:center}
.copyright a{ color:#fff}
.copyright a:hover{ text-decoration:underline}
.copyright span{ padding:0 10px}

.float_kf{ position:fixed;right:10px; bottom:30%; z-index:99}
.float_kf img{ display:block; }
.float_kf li{ width:46px; text-align:center; position:relative; margin-top:2px;}
.float_kf li{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.float_kf li .hd{ display:none}
.float_kf .qq .hd{ position:absolute; right:50px;top:0px;background:#fff;padding:0 20px ;color:#fff; background:#004ea2; line-height:45px; color:#fff;width:220px;}
.float_kf .qq .hd a{ color:#fff}
.float_kf .fwh .hd{ position:absolute; right:70px;top:0; margin-top:-50px; background:#fff;border:1px solid #e8e8e8; padding:25px;color:#535353}
.float_kf .fwh .hd img{ width:120px; display:block;}
.float_kf .tel .hd{ position:absolute; right:50px;top:0px;background:#fff;padding:0 20px ;color:#fff; background:#004ea2; line-height:45px; color:#fff; width:220px;}
.float_kf .tel .hd a{ color:#fff}

.nbanner{ background:#e6eff6;margin-top:100px}
.nbanner img{ display:block; width:100%; height:auto}
.nbanner .nav .wrap{ position:relative;}
.nbanner .nav .dabiaozhu{ position:absolute; left:0; bottom:0; width:280px; padding:20px 25px 30px 25px; background:#004ea2; color:#fff}
.nbanner .nav .dabiaozhu p{ text-transform:uppercase}
.nbanner .nav .dabiaozhu h3{ font-size:24px; font-weight:bold}
.nbanner .nav ul, .nbanner .nav .location { text-align:right}
.nbanner .nav ul li{ display:inline-block; line-height:60px;position:relative}
.nbanner .nav ul li a{ display:block; padding:0 25px; }
.nbanner .nav ul li a:hover:after, .nbanner .nav ul li a.cur:after{ content:""; top:-3px; left:0; width:100%; height:3px;background:#004ea2; position:absolute;}
.nbanner .nav ul li a:hover, .nbanner .nav ul li a.cur{ background:#fff; color:#004ea2}

.nbanner .nav .location { line-height:26px; padding:17px 0; font-size:14px; color:#666}
.nbanner .nav .location a{ color:#666}
.nbanner .nav .location a:hover, .nbanner .nav .location .cur{color:#004ea2}

.sanli{ margin-top:20px}
.sanli li{ float:left; width:32%; margin-right:2%}
.sanli li:nth-child(3n){ margin-right:0}

.nabout02 .wrap, .nabout03 .wrap, .nabout04 .wrap, .nabout05 .wrap, .nabout06 .wrap, .nabout07 .wrap{ width:88%; max-width:1400px; }
.nabout01 .wrap{ width:88%; max-width:1400px; }
.nav  .wrap{ width:88%; max-width:1400px; }
.nabout02{ background:#e6eff6;}
.nabout02 ul {padding-top:10px;}
.nabout02 li{ float:left; width:49%; margin-bottom:2%; padding:25px; background:#fff; }
.nabout02 li:hover{box-shadow: 0 0 10px #ccc; }
.nabout02 li:nth-child(1), .nabout02 li:nth-child(2){ margin-bototm:0px}
.nabout02 li:nth-child(2n){ float:right}
.nabout02 li:nth-child(2n+1){ clear:both}
.nabout02 li .icon{ float:right; width:30%; max-width:169px;}
.nabout02 li .icon img{ display:block; max-width:100%; height:auto}
.nabout02 li .wenzi{ float:left; width:65%}
.nabout02 li .wenzi h3{ font-size:30px; color:#004ea2; margin-bottom:20px;}


.conn img, .pright02 img{ display:block; width:auto; max-width:100%; height:auto; margin:0 auto;}


.napp .kuai{ padding:10px 0;}
.napp .kuai .pic{ float:left; width:50%;}
.napp .kuai .wenzi{ float:right; width:50%; padding:3%}
.napp .kuai:nth-child(2n) .pic{ float:right}
.napp .kuai:nth-child(2n) .wenzi{ float:left}
.napp .kuai .wenzi h3{ font-size:30px; margin-bottom:30px;}
.napp .kuai .wenzi p{ color:#333}
.napp .kuai .wenzi .more{ width:140px; line-height:40px; text-align:center; background:#004ea2; border-radius:20px; text-align:center; color:#fff; margin-top:40px;}
.napp .kuai .wenzi .more:hover{box-shadow: 0 0 10px #ccc;}


.back a{ display:block; width:140px; line-height:40px; text-align:center; background:url(../images/jiantou.png) #004ea2 no-repeat 80% center; background-size:20px auto; padding-right:30px; border-radius:20px; text-align:center; color:#fff; margin:40px auto 0 auto;}
.back a:hover{box-shadow: 0 0 10px #ccc; background:url(../images/jiantou.png) #004ea2 no-repeat 85% center;background-size:20px auto;}


.tuijian, .tuijian02{ background:#e6eff6;}
.tuijian .title p, .tuijian02 .title p{ margin:0; padding:0}
.tuijian .title:after, .tuijian02 .title:after{ display:none; padding:0}
.tuijian .swiper-slide h3{ padding:16px 0; font-size:20px;}

.tuijian .swiper-slide{ margin-bottom:30px; -webkit-transition:all .5s;transition:all .5s; padding-bottom:10px; position:relative; overflow:hidden; background:#fff; text-align:center}
.tuijian .swiper-slide:before{ content:""; position:absolute; width:100%; height:3px; background:#ddd; left:0%; bottom:0px;-webkit-transition:all .5s;transition:all .5s;}
.tuijian .swiper-slide:after{ content:""; position:absolute; z-index:9; width:100%; height:3px; background:#004ea2; left:-100%; bottom:0px;-webkit-transition:all .5s;transition:all .5s;}
.tuijian .swiper-slide:hover:after{ left:0}

.tuijian .swiper-pagination{ display:none; bottom:0}
.tuijian .swiper-pagination-bullet{ height:12px;width:12px; background:#ddd; opacity:1; margin:0 5px}
.tuijian .swiper-pagination-bullet-active{ background:#004ea2}
@media screen and (max-width: 640px){
.tuijian .swiper-pagination{ display:block}
}



.nnews .newskuai:last-child{ margin-bottom:30px;}
.nnews .newskuai .wrap{position: relative;}
.nnews  .wrap{ width:88%; max-width:1400px; }
.nnews .newskuai:after{ position:absolute; z-index:-9;content: ""; height: 100%;left:0%;width:0px;background:rgb(249, 248, 247); top:0;transition: all 0.5s;}
.nnews .newskuai:hover:after{ width:100%;}
.nnews .newskuai {border-bottom: 1px solid #ddd;padding: 30px 0; position:relative;}
.nnews .newskuai .pic{ overflow:hidden; float:left; width:27%;}
.nnews .newskuai .pic img{ width:100%; height:auto;cursor: auto;transition: all 1.5s;}
.nnews .newskuai:hover .pic img{transform:scale(1.2);}
.nnews .newskuai .wenzi{ float:left; width:calc(73% - 140px); padding: 0 3%;}
.nnews .newskuai .wenzi h3{ line-height:25px; padding:5px 0; font-size:20px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;margin:10px 0; }
.nnews .newskuai .wenzi p{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; color:#666}
.nnews .newskuai .date{ float:right; width:140px; text-align:center; color:#666}
.nnews .newskuai .date .shijian{ margin:0 auto; width:80%; max-width:85px;}
.nnews .newskuai .date h3{ font-size:30px; line-height:45px; border-bottom:solid 1px #ddd;}
.nnews .newskuai .date .more{ width:140px; line-height:38px; border:solid 1px #999; border-radius:20px; position:absolute; right:0; bottom:0 }
.nnews .newskuai:hover .date .more{ color:#fff; background:#004ea2}


.newstitle{ padding-bottom:20px; margin-bottom:20px; border-bottom:solid 1px #ddd;}
.newstitle h3{ font-size:24px;}
.newstitle p{ font-size:14px; color:#999}

.tuijian02 .swiper-slide{ background:#fff}
.tuijian02 .swiper-slide .wenzi{ padding:0 20px}
.tuijian02 .swiper-slide .use{ padding:0 20px 10px 20px}


.nser01 .wrap .conn{ position: relative;  margin-bottom:75px;}
.nser01  .wrap{ width:88%; max-width:1400px; }
.nser02  .wrap{ width:88%; max-width:1400px; }
.nser03  .wrap{ width:88%; max-width:1400px; }
.nser01 .wrap .pic{ float:right; padding-top:20px}
.nser01 .wrap .wenzi{ position:absolute; top:75px; left:0; width:55%; height:100%; padding:5%; box-shadow: 0 0 10px #ccc; background:#fff;}
.nser01 .wrap .wenzi .title:after{ display:none}
.nser01 .wrap .wenzi .title p{ margin:0; padding:0}

.nser01 .wrap .wenzi h3 {
	font-size: 30px;
	color: #004ea2;
	font-weight: bold;
	padding-bottom: 20px;
	text-transform: uppercase;
}


.nser02{background:url(../images/mbg03.png) #e6eff6 no-repeat center top; }
.nser02 .title { margin:0 0 10px 0}
.nser02 .title h3, .nser02 .title p{ color:#fff}
.nser02 .conn{ background:url(../images/serbg.png) no-repeat #fff center bottom; border-radius:8px;box-shadow: 0 0 10px #ccc; padding:35px 20px;}
.nser02 .conn form{ width:92%; margin:0 auto}
.nser02 .input{width:100%; margin-bottom:10px; color:#999; border:1px solid #ddd; border-radius:3px; line-height:40px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:0px 10px;}
.nser02 .input02{width:100%; color:#999; border:1px solid #ddd; height:110px; border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:0px 10px; margin-bottom:10px;padding:10px ;}
.nser02 .kuai .row{ float: left; width:49%;  }
.nser02 .kuai .row:nth-child(2n){ float: right}
.nser02 .row label{ line-height:24px; font-weight:bold; font-size:16px;}
.nser02 .submit{ display:block;font-size:18px; border:none; margin:20px auto 50px auto;text-align:center; background:#004ea2; width:145px;line-height:42px; color:#fff;}
.nser02 .submit:hover{box-shadow: 0 5px 10px rgba(0,0,0,.15);}

.nser03 .download .item{ float:left; width:48.5%; padding:2.5%;box-shadow: 0 0 10px #ccc; margin-top:20px }
.nser03 .download .item:nth-child(2n){ float:right}
.nser03 .download .item:nth-child(2n+1){ clear:both }
.nser03 .download .item .pic{ float:left; width:48%; border:solid 1px #dfdfdf;}
.nser03 .download .item .wenzi{ float:right; width:48%;}

.nser03 .download .item .wenzi h3{ font-size:20px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; height:60px;}
.nser03 .download .item .wenzi p{ color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.nser03 .download .item .wenzi .more{ width:128px; height:40px; line-height:40px; text-align:center; color:#fff; border-radius:0 0 15px 0; background:#004ea2; margin-top:28px;}
.nser03 .download .item:hover .wenzi .more{box-shadow: 0 5px 10px rgba(0,0,0,.15);}


.ncontact01 li{ text-align:center; width:25%; float:left;}
.ncontact01  .wrap{ width:88%; max-width:1400px; }
.ncontact01 li .icon{ display:block; width:79px; margin:40px auto 10px auto;-webkit-transition:all .5s;transition:all .5s;}
.ncontact01 li:hover .icon{margin:30px auto 20px auto;}
.ncontact01 li .wenzi{ font-size:16px;}
.ncontact01 li .wenzi h3{ color:#004ea2;}

.ncontact02{ background:#e6eff6}
.ncontact02  .wrap{ width:88%; max-width:1400px; }
.ncontact02 .item{ float:left; width:49%; margin-right:2%; padding:2%; background:#fff; margin-top:1%; margin-bottom:1%}
.ncontact02 .item:nth-child(2n){ margin-right:0}
.ncontact02 .item:nth-child(2n+1){ clear:both}
.ncontact02 .item h3{ font-size:30px;background:url(../images/biao.png) no-repeat left center; padding-left:45px; line-height:45px; margin-bottom:15px}

.ncontact03  .wrap{ width:88%; max-width:1400px; }
.ncontact04{ background:#e6eff6}
.ncontact04  .wrap{ width:88%; max-width:1400px; }

.nmain{ background:#e6eff6}
.npros .wrap{ width:88%; max-width:1400px; }
.pleft{ float:left; width:280px;}
.pleft .ptitle{ padding:20px 25px 30px 25px; background:#004ea2; color:#fff; margin-top:-55px; position:relative}
.pleft .ptitle p{ text-transform:uppercase}
.pleft .ptitle h3{ font-size:24px; font-weight:bold}

.npros .pleft .nprolist{box-shadow: 0 5px 10px rgba(0,0,0,.15); background:#fff}
.npros .pleft .nprolist li{ border-bottom:solid 1px #ddd; line-height:58px; padding:0 20px}
.npros .pleft .nprolist .toptit{
	cursor:pointer;
	position:relative;
	font-size:16px;
	font-weight: bold;
}
.npros .pleft .nprolist li.cur .toptit{ color:#004ea2}
.npros .pleft .nprolist .toptit .icon{ width:8px; height:14px;  background:url(../images/pjiantou.png) no-repeat center center; position:absolute; right:0px;top:50%; margin-top:-6.5px;}
.npros .pleft .nprolist li.cur .toptit .icon{ width:14px; height:8px;  background:url(../images/pjiantou02.png) no-repeat center center;right:0px;top:50%; margin-top:-3.5px;}
.npros .pleft .nprolist .cont{
	padding-bottom:20px;
	display:none;
	line-height:24px;
	font-size:14px;
	margin-top:-10px;

}

.npros .pleft .nprolist .cont p{
	display:block;
	line-height:24px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:14px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ddd;

}
.npros .pleft .nprolist li.cur .cont{ display:block}
.npros .pleft .nprolist .cont p a.cli, .nprolist .cont p a:hover{ color:#004ea2}


.pright, .pright02{ float:right; width:calc(100% - 310px)}
.pright .ppbiao{ padding-top:40px;}
.pright .ppbiao h3{background:url(../images/pjian.png) no-repeat left center; padding:15px 0 15px 35px; border-bottom:solid 1px #ddd; margin-bottom:20px; font-size:24px; font-weight:bold; color:#004ea2}
.pright li{position:relative; float:left; width:32%; margin-right:2%; margin-bottom:2%;}
.pright li:nth-child(3n){ margin-right:0}
.pright li:nth-child(3n+1){ clear:both}
.pright li a{box-shadow: 0 5px 10px rgba(0,0,0,.15); background:#fff; display:block; position:relative}
.pright li .plogo{ position:absolute; left:20px; top:20px; width:35%; z-index:99}
.pright li .plogo img{ display:block; width:100%; height:auto}
.pright li .wenzi h3{ text-align:center; font-size:16px; padding:10px 0}
.pright li .wenzi .more{ text-align:right; font-size:13px;line-height:33px; color:#fff; background:url(../images/morea.png) no-repeat center right; background-size:auto 100%; padding-right:10px;}
.pright li:hover .wenzi .more{background:url(../images/moreahover.png) no-repeat center right;background-size:auto 100%; }


.npros .pright02 .single-product-top{ margin-top:60px;}
.npros .pright02 .single-product-top .picsshow{width:48%; float:left; position:relative; border:solid 1px #ddd}
.npros .pright02 .plogo{position:absolute; left:20px; top:20px; width:30%; z-index:99}
.npros .pright02 .plogo img{ display:block; width:100%; height:auto}
.single-product-top .swiper-button-next, .single-product-top .swiper-button-prev{ top:auto; bottom:30px; border:none !important;outline: none !important; color: #004ea2 !important; left:0px;}
.single-product-top .swiper-button-next:hover, .single-product-top .swiper-button-prev:hover{color:#004ea2}
.single-product-top .swiper-button-next{ right:0 !important; left:auto !important;}
.single-product-top .swiper-button-next:after, .single-product-top .swiper-button-prev:after{font-size: 22px !important; border:none !important}
.single-product-top .swiper-button-next.swiper-button-disabled, .single-product-top .swiper-button-prev.swiper-button-disabled{ opacity:1; color:#aaa}

.gallery-thumbs {width: calc(100% - 60px);margin-left:30px !important;padding:0;  margin:10px 0 15px 0; }
.gallery-thumbs .swiper-slide { position:relative; padding-top:10px}
.gallery-thumbs .swiper-slide img{ display:block; width:calc(100% - 2px); margin:1px; height:auto;border: 1px solid #ddd;}
.gallery-thumbs .swiper-slide:after{ content:""; height:10px; width:15px; left:50%; margin-left:-7.5px; top:2px; position:absolute;background:url(../images/check.png) #fff no-repeat center center; opacity:0  }
.gallery-thumbs .swiper-slide-thumb-active img {border: 1px solid #004ea2;}
.gallery-thumbs .swiper-slide-thumb-active:after{ opacity:1}
.gallery-top {width: 100%;height: 100%;}
.gallery-top .img2{ display:block; width:100%;height:auto}

.single-product-top { margin-bottom:40px;}
.single-product-top .wenzi{width:50%; float:right; padding:30px 0}
.npros .pright02 .ntitle h3{ margin-bottom:20px;font-size:30px; font-weight:bold; color:#004ea2}
.single-product-top .wenzi .use{ margin-top:50px; margin-bottom:10px;}
.single-product-top .wenzi .use li{float:left; font-size:18px; background:none}
.single-product-top .wenzi .use li a{line-height:48px; width:220px; text-align:center; display:block; border:solid 1px #004ea2; color:#004ea2;}
.single-product-top .wenzi .use li:nth-child(1){ margin-right:20px; }
.single-product-top .wenzi .use li:nth-child(1) a{background:url(../images/use01.png) #004ea2 no-repeat 20% center;padding-left:40px;border:solid 1px #004ea2; color:#fff}
.single-product-top .wenzi .use li:nth-child(2) a{background:url(../images/use02.png) no-repeat 20% center; padding-left:40px;border:solid 1px #004ea2}
.single-product-top .wenzi .use li a:hover{box-shadow: 0 5px 5px rgba(0,0,0,.1);}


.prosum1{ position:relative}
.product-classification{width: 100%; margin-bottom:10px;}
.product-classification-content{position: relative;}
.product-classification ul{text-align: center; background:#e6eff6; border-top:solid 3px #e6eff6; line-height:55px;}
.product-classification ul li{position: relative;display: inline-block; padding:0 35px;font-size: 18px;text-align: center;height: 55px;box-sizing: border-box;cursor: pointer;}
.product-classification ul li:hover{background: #fff;color: #004ea2;}
.fixeds{position:fixed;z-index: 20; width:100%; right:0}
.prosum1 .wrap{ width:100% !important; }
.fixeds .wrap ul{width:calc(100% - 310px); float:right}
.product-classification ul .activesColor{background: #FFFFFF;color: #004ea2;}


.pxtile{ padding:15px 0; margin-bottom:15px; border-bottom:solid 1px #ddd; font-size:24px; font-weight:bold; color:#004ea2}


.prosum1 .item{position:relative; float:left; width:32%; margin-right:2%; margin-top:1%;margin-bottom:1%;}
.prosum1 .item:nth-child(3n){ margin-right:0}
.prosum1 .item:nth-child(3n+1){ clear:both}
.prosum1 .item a{box-shadow: 0 5px 10px rgba(0,0,0,.15); background:#fff; display:block; position:relative}
.prosum1 .item .plogo{ position:absolute; left:20px; top:20px; width:40%; z-index:99}
.prosum1 .item .plogo img{ display:block; width:100%; height:auto}
.prosum1 .item .wenzi h3{ text-align:center; font-size:16px; padding:10px 0}
.prosum1 .item .wenzi .more{ text-align:right; font-size:13px;line-height:33px; color:#fff; background:url(../images/morea.png) no-repeat center right; background-size:auto 100%; padding-right:10px;}
.prosum1 .item:hover .wenzi .more{background:url(../images/moreahover.png) no-repeat center right;background-size:auto 100%; }


.ncontact04 .item{ float:left; width:23.5%; border:solid 1px #ddd; padding:35px 15px 35px 95px; background:#fff; margin-right:2%}
.ncontact04 .item:nth-child(4n){ margin-right:0}
.ncontact04 .item:nth-child(1){ background:url(../images/fk01.png) #fff no-repeat 20px center; background-size:50px auto;}
.ncontact04 .item:nth-child(2){ background:url(../images/fk02.png) #fff no-repeat 20px center; background-size:50px auto;}
.ncontact04 .item:nth-child(3){ background:url(../images/fk03.png) #fff no-repeat 20px center; background-size:50px auto;}
.ncontact04 .item:nth-child(4){ background:url(../images/fk04.png) #fff no-repeat 20px center; background-size:50px auto;}


.history-list{ position:relative;}
.history-list{ padding:0 60px;}
.history-list:before{ position:absolute; top:50%; right:0; left:0; border-top:1px solid #c2c2c2; content:'';}
.history-list .swiper-container{ padding:0 50px}
.history-list .swiper-slide{ position:relative;height:325px;}
.history-list .item{ position:absolute; right:-50px; top:0; left:-50px; height:110px;background:#fff; border:solid 1px #ddd;}
.history-list .item:before{ position:absolute; bottom:-62px; left:50%; width:17px; height:17px; overflow:hidden; margin-left:-9px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#c2c2c2; content:'';-webkit-transition:.2s ease; -moz-transition:.2s ease; ransition:.2s ease;}
.history-list .item:after{ position:absolute; top:-45px; left:50%; width:12px; height:12px; overflow:hidden; margin-left:-6px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:#DAB765; content:'';}
.history-list .item .word{ height:68px;line-height:24px; padding:15px 10px 0; font-size:14px; color:#666; overflow:auto}
.history-list .item .word p{ position:relative; padding-left:18px}
.history-list .item .word p:before{ content:""; width:13px; height:3px; background:#d6d4d4; position:absolute; left:0;top:10px;}
.history-list .item h3{ position:absolute; bottom:0; right:0; left:0; height:42px; line-height:42px; margin:0; font-size:16px; font-weight:600; color:#666; text-align:center; background-color:#d6d4d4; -webkit-transition:.2s ease; -moz-transition:.2s ease; ransition:.2s ease;}
.history-list .item h3:before{ position:absolute; bottom:-9px; left:50%; margin-left:-9px; width:0; height:0; border-left:9px solid transparent; border-right:9px solid transparent; border-top:9px solid #d6d4d4;content:'';-webkit-transition:.2s ease; -moz-transition:.2s ease; ransition:.2s ease;}
.history-list .swiper-slide:nth-child(even) .item h3{ bottom:auto; top:0;}
.history-list .swiper-slide:nth-child(even) .item h3:before{ border-bottom:9px solid #d6d4d4; border-top:0;bottom: auto;top: -9px;}
.history-list .swiper-slide:nth-child(even) .item{ top:auto; bottom:0;}
.history-list .swiper-slide:nth-child(even) .item:before{ bottom:auto; top:-61px;}
.history-list .swiper-slide:nth-child(even) .item:after{ top:auto; bottom:-45px;}
.history-list .swiper-slide:nth-child(even) .item .word{ margin-top:42px}
.history-list .item:hover h3{ color:#fff; background-color:#1c55a4;}
.history-list .item:hover h3:before{border-top:9px solid #1c55a4;}
.history-list .swiper-slide:nth-child(even) .item:hover h3:before{border-bottom:9px solid #1c55a4;}
.history-list .item:hover::before{ background:#1c55a4}
.history-list .swiper-button-next, .history-list .swiper-button-prev{ width:49px; height:49px; border:solid 1px #ddd; border-radius:50%; left:0; margin-top:-24px; opacity:1; outline:none}
.history-list .swiper-button-next{ background:url(../images/pnext.png) no-repeat center; left:auto; right:0}
.history-list .swiper-button-prev{ background:url(../images/ppre.png) no-repeat center}
.history-list .swiper-button-next:hover{background:url(../images/pnext02.png) no-repeat center;}
.history-list .swiper-button-prev:hover{background:url(../images/ppre02.png) no-repeat center;}

.nabout04{ background:#e6eff6;}
.honorlist{ padding-bottom:50px;}
.honorlist .swiper-slide{ background:#fff}
.honorlist .pic{ position:relative; overflow:hidden}
.honorlist .img1{ display:block; width:100%; height:auto}
.honorlist .img2{ position:absolute; left:0;top:0;right:0;bottom:0; width:100%; height:100%; object-fit:cover; -webkit-transition:.6s;;-moz-transition:.6s;transition:.6s;}
.honorlist .tit{ font-size:16px; color:#333; line-height:50px; height:60px; text-align:center; padding:0 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.honorlist .swiper-slide:hover .tit{ background:#1c55a4; color:#fff}
.honorlist .swiper-pagination{bottom:0}
.honorlist .swiper-pagination-bullet{ width:13px; height:13px; background:#666; opacity:1; margin:0 5px}
.honorlist .swiper-pagination-bullet-active{ background:#004ea2}


.base-tab{ display:flex; display:-webkit-flex; justify-content:center; margin-bottom:30px}
.base-tab a{ display:block; width:160px; height:45px; line-height:45px; text-align:center; font-size:20px; color:#333; background:#ddd; border-radius:5px; margin:0 7px}
.base-tab a.cur{ background:#1c55a4; color:#fff}
.baselist .pic{ overflow:hidden; position:relative}
.baselist .img1{ display:block; width:100%; height:auto}
.baselist .img2{ position:absolute; left:0;right:0;top:0;bottom:0; width:100%; height:100%;-webkit-transition:.8s;-moz-transition:.8s;transition:.8s; }
.baselist .tit{ text-align:center; font-size:20px; color:#333; line-height:35px; overflow:hidden; white-space:nowrap; margin-top:15px; opacity:0}
.baselist .swiper-slide{ width:717px}
.baselist .swiper-slide-active .tit{ opacity:1}
.baselist .swiper-button-prev,.baselist .swiper-button-next{ width:49px; height:49px; border:solid 1px #ddd; border-radius:50%; left:0; margin-top:-24px; opacity:1; outline:none}
.baselist .swiper-button-prev{ background:url(../images/ppre.png) no-repeat center}
.baselist .swiper-button-next{ left:auto; right:0; background:url(../images/pnext.png) no-repeat center}
.baselist .swiper-button-prev:hover{background:url(../images/ppre02.png) no-repeat center rgba(28,85,164,.8)}
.baselist .swiper-button-next:hover{background:url(../images/pnext02.png) no-repeat center rgba(28,85,164,.8)}
.baselist{ height:0; opacity:0; overflow:hidden}
.baselist.cur{ height:auto; opacity:1}

.nabout07{ background:#e6eff6;}


.aqlist{margin-top:40px}
.aqlist li{ background:#fff; border-radius:8px; border:solid 1px #ddd; padding:14px 22px; margin-bottom:12px;}
.aqlist li:hover, .aqlist li.cur{box-shadow: 0 0 10px #ccc;}
.aqlist li .aqlist_tit{background:url(../images/jia.png) no-repeat right center; line-height:24px; padding:5px 40px 5px 0 ;}
.aqlist li.cur .aqlist_tit{background:url(../images/jian.png) no-repeat right center;}
.aqlist .aqlist_tit{ line-height:30px; color:#000;  font-weight:bold; font-size:16px;}
.aqlist li.cur .aqlist_tit {color:#004ea2}
.aqlist li.cur .aqlist_tit span{ display:none}
.aqlist .aqlist_con{ display:none;color:#666; line-height:30px; padding-top:5px; position:relative;}
.aqlist .aqlist_con .blue{ color:#004ea2}