@charset "utf-8";
@font-face {	
font-family: 'LatoRegular';	
src: url("../fonts/LatoRegular.eot");
src: url("../fonts/LatoRegular.eot") format("embedded-opentype"), 
url("../fonts/LatoRegular.woff") format("woff"), 
url("../fonts/LatoRegular.ttf") format("truetype"), 
url("../fonts/LatoRegular.svg") format("svg");	
font-weight: normal;
font-style: normal;}

@font-face {	
font-family: 'lato-bold';	
src: url("../fonts/lato-bold.eot");
src: url("../fonts/lato-bold.eot") format("embedded-opentype"), 
url("../fonts/lato-bold.woff") format("woff"), 
url("../fonts/lato-bold.ttf") format("truetype"), 
url("../fonts/lato-bold.svg") format("svg");	
font-weight: normal;
font-style: normal;}


*{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:'LatoRegular', Arial, Helvetica, sans-serif;font-size:16px; line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color:#000; }
a{color:#000; 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:#29588c}
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:'LatoRegular', Arial, Helvetica, sans-serif;}
input{-webkit-appearance: none ;}


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

.wrap{ width:90%; max-width:1590px; margin:0 auto}
.nmain .wrap{ width:90%; max-width:1300px; margin:0 auto}
.mbg{ background:#f9f9f9}

.header .nav .wrap{ width:calc(90% + 70px); max-width:1660px;}
.header .nav .wrap{ padding:0 35px}

.jvzhong{ text-align:center}

.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, a:hover .pic img{transform:scale(1.05);}

.img-dv{ position:relative; overflow:hidden}
.img-dv .img1{ display:block; width:100%;}
.img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; max-width:100%; min-height:100%}


.more{ line-height:55px;margin-top:40px}
.more a{ border-radius:8px; background:#29588c; font-family: 'lato-bold';color:#fff; text-align:center;  text-align:center; font-size:16px; display:inline-block; padding:0 25px; text-transform:uppercase; }
.more a:hover{ opacity:0.8}
.title{ margin-bottom:40px;}
.title h3{  font-family: 'lato-bold'; font-size:50px;}

.title02{ margin-bottom:40px;}
.title02 h3{  font-family: 'lato-bold'; font-size:45px;}

.header{ position:fixed; width:100%; left:0; top:0; z-index:9999;}
.header .top{ line-height:50px; height:50px; background:#29588c; color:#fff; position:relative; z-index:999}
.header .top .wel{ float:left;}
.header .top .use{ float:right}
.header .top .use li{ float:left; margin-left:25px;}
.header .top .use li a{ display:block; color:#fff}
.header .top .use li.mail a{background:url(../images/tmail.png) no-repeat left center; padding-left:28px; }
.header .top .use li.wcode{background:url(../images/twcode.png) no-repeat left center; padding-left:25px; }


.header .nav .wrap{ height:118px; background:#fff; position:relative; z-index:998;box-shadow: 0 0 15px 0 rgba(0,0,0,.2); }
.header .logo{ position:absolute; top:50%; margin-top:-35px; z-index:99999; left:35px;}
.header .logo img{ display:block; height:73px; width:auto}

.header .search{ float:right; margin-top:29px;}
.header .search a{background:url(../images/sou.png) #29588c no-repeat center center; background-size:24px auto; width:60px; height:60px; display:block; cursor:pointer; border-radius:50%;}
.header .search .sub{position:absolute; clear:both;width:100%; display:none; top:118px; left:0;height: 100px; padding-top:30px;  background: #c1c1c1; }
.header .search .sub .subin {width: 100%;margin:0 auto;max-width: 500px;position:relative; z-index:999 }
.header .search .sub .subin #searchInput {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 #searchBtn {width: 80px;height: 40px;background: #29588c;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:-1; display:none}

.header .language{ position:absolute; top:50%; margin-top:-15px; right:130px; }
.header .language02{ position:absolute; top:50%; line-height:30px; color:#666; margin-top:-15px; display:none }
.header .language li{ position:relative}
.header .language .check{ display:block; line-height:28px; font-size:20px; text-align:center;background:url(../images/map.png) no-repeat left center; padding:0 20px 0 30px; cursor:pointer; position:relative}
.header .language .check:after{ content:""; width:11px; height:7px; background:url(../images/mj.png) no-repeat center center; position:absolute; top:50%; right:0; margin-top:-3.5px;}
.header .language .check:hover:after, .header .menu li .menu_a.cur:after{background:url(../images/mjt.png) no-repeat center center; }

.header .language .sub{position:absolute; clear:both; display:none; z-index:9;width:100%; margin-top:5px; box-shadow: 0 0 15px 0 rgba(0,0,0,.2); background:#fff}
.header .language .sub p{ text-align:center; line-height:40px;}
.header .language .sub p a{ display:block; background-color:#fff; }
.header .language .sub p a:hover{background-color: #29588c; color:#fff;}

.header .menu { text-align:center; position:absolute; width:100%; left:0; top:0; z-index:-1}
.header .menu li{ display:inline-block; position:relative}
.header .menu li .menu_a{ line-height:118px; display:block; margin:0 22px;position:relative; font-size:20px; font-weight:600	}
.header .menu li .menu_a.cur{ color:#29588c;}
.header .menu li .mpro{ padding-right:20px;}
.header .menu li .mpro i{ content:""; width:11px; height:7px; background:url(../images/mj.png) no-repeat center center; position:absolute; top:50%; right:0; margin-top:-3.5px;}
.header .menu li:hover .mpro i, .header .menu li .menu_a.cur i{background:url(../images/mjt.png) no-repeat center center; }
.header .menu li .sub{ position:absolute; display:none;clear:both; z-index:999;width:170%; margin-left:-35%;box-shadow: 0 0 15px 0 rgba(0,0,0,.2);}
.header .menu li .sub.cur{ display:block}
.header .menu .subduan{ text-align:center; line-height:50px;}
.header .menu .subduan a{ display:block; background-color:#fff; }
.header .menu .subduan a:hover{background-color: #29588c; 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;}


.banner, .nbanner{ margin-top:142px;position:relative;}
.banner{  z-index:1;  height:auto !important ;}
.banner img, .nbanner img{ display:block; width:100%; height:auto !important}
.banner .swiper-container{position:relative; height:auto !important}
.banner .swiper-pagination{bottom:2%; text-align:center;}
.banner .swiper-pagination-bullet{ width:14px; height:14px; background:#ddd; /*box-shadow: 0 0 5px rgba(0,0,0,0.1); */opacity:1; margin:0 8px; border-radius:50%}
.banner .swiper-pagination-bullet-active{ background:#076e49;opacity:1; border:none}
.banner .swiper-slide{ position:relative; padding:48px 0 24px 0; display:table}
.banner .swiper-slide .pic{display: table-cell;vertical-align: middle;width: 45%;}
.banner .swiper-slide .text{display: table-cell;vertical-align: middle;width: 55%; padding-right:10%}
.banner .swiper-slide .text h3{ font-size:72px; font-family: 'lato-bold'; font-weight:bold; line-height:80px; margin-bottom:30px;}
.banner .swiper-slide .text p{ font-size:18px; color:#777}
.banner .swiper-button-prev, .banner .swiper-button-next{ width:60px; height:60px; border-radius:50%; overflow:hidden; margin-top:-30px; outline:none; opacity:0.6; top:50%}
.banner .swiper-button-prev{ background:url(../images/bpre.png) rgba(0,0,0,0.2) no-repeat center center; left:3%}
.banner .swiper-button-next{ background:url(../images/bnext.png) rgba(0,0,0,0.2) no-repeat center center; right:3%}
.banner .swiper-button-prev:hover{ background:url(../images/bpre.png) rgba(0,0,0,0.75) no-repeat center center; opacity:1}
.banner .swiper-button-next:hover{ background:url(../images/bnext.png) rgba(0,0,0,0.75) no-repeat center center; opacity:1}




.iabout{ background:url(../images/iabbg.png) #fff no-repeat center center;}
.iabout .youshi{ margin:65px 0 65px 0;}
.iabout .youshi .item{ float:left; width:calc(33.33% - 40px); margin-right:60px;}
.iabout .youshi .item:nth-child(3){ margin-right:0}
.iabout .youshi .item .num{color:#29588c; text-align:center; margin-bottom:20px;}
.iabout .youshi .item .num h3{ font-size:72px; font-style:italic; margin-bottom:20px;}
.iabout .youshi .item .num p{ font-size:24px;}
.iabout .youshi .item .conn p{ line-height:24px; color:#666}
.iabout .icompany .pic{ float:right; width:50%}
.iabout .icompany .wenzi{ float:left; width:46%}
.iabout .icompany .wenzi h3{ font-size:40px; line-height:50px; font-family: 'lato-bold';font-weight:bold; margin-bottom:25px}
.iabout .icompany .wenzi p{ color:#666}
.iabout .icompany .wenzi .more a{ font-size:16px; text-transform: capitalize;}


.iproduct{ position:relative;}
.iproduct .title h3{ color:#fff;}
.iproduct:before{ content:""; position:absolute; width:100%; height:60%; background:#29588c; z-index:-2; left:0; top:0}
.iproduct:after{ content:""; position:absolute; width:100%; height:40%; background:#f9f9f9; z-index:-1; left:0; bottom:0}
.iproduct .pro-nav{text-align:center; margin-bottom:40px; }
.iproduct .pro-nav li{ display: inline-block; margin:0 15px; color:#fff; padding-bottom:15px; font-size:18px; position:relative }
.iproduct .pro-nav li:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ccc; opacity:0}
.iproduct .pro-nav li.cur:after{ opacity:1}
.iproduct .pro-nav a{ display:block;display:block; color:#fff; position:relative;}
.iproduct .pro-nav .cur a, .iproduct .pro-nav a:hover{color:#fff;}
.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% - 70px)}
.i-product-list .swiper-slide{position:relative;text-align:center; }
.i-product-list .swiper-slide a{background:#fff; display:block; position:relative; padding:20px;}
.i-product-list .swiper-slide a:hover{ background:#29588c; color:#fff}

.i-product-list .swiper-slide .wenzi h3{ font-size:18px; padding:15px 0 0 0;}
.i-product-list .swiper-slide .wenzi p{ font-size:14px; color:#888; border-bottom: solid 1px #fff; display:inline-block; margin:5px 0; }
.i-product-list .swiper-slide a:hover h3{ color:#fff; font-weight:bold; }
.i-product-list .swiper-slide:hover .wenzi p{ color:#fff}
.i-product-list .swiper-button-prev, .i-product-list .swiper-button-next{ width:22px; height:35px; margin-top:-17.4px; outline:none; top:45%}
.i-product-list .swiper-button-prev{ background:url(../images/ppre.png) no-repeat; left:0; opacity:0.3}
.i-product-list .swiper-button-next{ background:url(../images/pnext.png) no-repeat; right:0;opacity:0.3}
.i-product-list .swiper-button-prev:hover{ background:url(../images/ppre.png) no-repeat; opacity:1}
.i-product-list .swiper-button-next:hover{ background:url(../images/pnext.png) no-repeat; opacity:1}
.iproduct .more{ text-align:center}

.inews .title{ position:relative}
.inews .title .nmore{ position:absolute; right:0; bottom:-10px;}
.inews .title .nmore a{ color:#29588c;}


.inews .swiper-slide{ -webkit-transition:all .5s;transition:all .5s; padding-bottom:10px; position:relative; overflow:hidden}
.inews .swiper-slide h3{ margin:15px 0 10px 0;  font-size:20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-family: 'lato-bold'; height:60px; }
.inews .swiper-slide p{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height:24px; color:#666; }
.inews .swiper-slide .pppic{ position:relative; width:100%}
.inews .swiper-slide .pppic .biao{ position:absolute;  bottom:10px;font-family: 'lato-bold'; width:230px; color:#fff; right:10px;}
.inews .swiper-slide .pppic .biao .bl{ width:170px; float:left; line-height:55px; text-align:center; text-align:center; font-size:20px;  background-color:rgba(0,0,0,0.75)}
.inews .swiper-slide .pppic .biao .time{ width:55px; float:right; height:55px; padding-top:7.5px; line-height:20px; text-align:center; text-align:center;  background-color:#29588c}
.inews .swiper-slide .nxmore{ color:#888; font-size:14px; text-transform:uppercase; margin-top:15px;}
.inews .swiper-slide:hover .nxmore{ color:#29588c}
.inews .swiper-pagination{ display:none; bottom:0}
.inews .swiper-pagination-bullet{ height:14px;width:14px; background:none; border:solid 2px #ccc; opacity:1; margin:0 5px}
.inews .swiper-pagination-bullet-active{ border:solid 2px #00469c;}
@media screen and (max-width: 640px){
.inews .swiper-slide{ margin-bottom:30px; }
.inews .swiper-pagination{ display:block}
}


.iteam{background:url(../images/iteambg.png) no-repeat center center / cover;}
.iteam .swiper-slide{ padding:35px; border-radius:10px; background:#fff; margin-bottom:45px; -webkit-transition:all .5s;transition:all .5s; position:relative; overflow:hidden}

.iteam .swiper-pagination{ bottom:0 !important}
.iteam .swiper-pagination-bullet{ height:14px;width:14px; background:none; border:solid 2px #ccc; opacity:1; margin:0 5px}
.iteam .swiper-pagination-bullet-active{ border:solid 2px #00469c;}
.iteam .pic{ float:left; width:20%; border-radius:50%; border:solid 1px #ddd;}
.iteam .wenzi{ float:right; width:75%}
.iteam .wenzi .zhiwei{background:url(../images/ty.png) no-repeat left center; background-size:auto 80%; padding-left:75px;}
.iteam .wenzi .zhiwei h3{font-family: 'lato-bold'; font-size:24px; color:#29588c}
.iteam .wenzi .zhiwei p{ font-style:italic; line-height:25px; }
.iteam .wenzi .intro .yu{ padding:15px 0 10px 0;  font-size:18px; color:#29588c;font-style:italic; }
.iteam .wenzi .intro .jie{ line-height:24px; color:#666}



.ihr{background:url(../images/iad.png) no-repeat center center / cover; color:#fff !important;}
.ihr .conn{ font-size:24px; padding:10px 0 30px 0; line-height:35px;}
.ihr .conn span{ display:block}


.footer{ background:#29588c; color:#fff; line-height:28px;}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content: space-between;}
.footer ul a{ color:#fff}
.footer ul a:hover{ opacity:0.7}
.footer li {display:inline-block; }
.footer h3{ font-family: 'lato-bold'; font-size:18px; margin-bottom:15px;}
.footer li:nth-child(1) p{background:url(../images/fj.png) no-repeat left center; padding-left:30px;transition: 0.5s; }
.footer li:nth-child(1) p:hover{background:url(../images/fj.png) no-repeat 5px center; padding-left:35px;}
.footer li:nth-child(3) p{ padding-left:30px;}
.footer li .add{background:url(../images/fadd.png) no-repeat left 7px; }
.footer li .tel{background:url(../images/ftel.png) no-repeat left 7px; }
.footer li .mail{background:url(../images/fmail.png) no-repeat left 9px; }

.footer li:last-child a{ display:block; width:45px; height:22px; float:left} 
.footer li:last-child .fi01{background:url(../images/share.png) no-repeat left center; width:30px; }
.footer li:last-child .fi02{background:url(../images/share.png) no-repeat -24px center; }
.footer li:last-child .fi03{background:url(../images/share.png) no-repeat -70px center; }
.footer li:last-child .fi04{background:url(../images/share.png) no-repeat -110px center; }
.footer li:last-child .fi05{background:url(../images/share.png) no-repeat right center; }

.copyright{ padding:23px 0; background:#29588c; color:#fff; text-align: center; border-top:solid 1px #5f80a4}


.float_kf{ position:fixed;right:10px; bottom:20%; z-index:99; background:#fff; border-radius:5px; padding:10px 0;box-shadow: 0 5px 10px rgba(0,0,0,.15); }
.float_kf li{ width:82px; text-align:center; background:#fff;color:#666; position:relative;  margin-top:10px;}
.float_kf li{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s; border-bottom:solid 1px #ddd}
.float_kf li:last-child{ border-bottom:none}
.float_kf li .hd{ display:none}
.float_kf li a{ color:#fff}
.float_kf .tel i{ width:40px; height:40px; background:url(../images/f01.png) no-repeat; background-size:cover; margin:0 auto; display:block}
.float_kf .tel .hd{ background:#29588c; color:#fff; position:absolute;right:82px;top:0;text-align:left;padding:20px 30px; width:250px}
.float_kf .tel .hd span{ float:left}
.float_kf .tel .hd p{ float:left; margin-left:20px}
.float_kf .mail i{ width:40px; height:40px; background:url(../images/f02.png) no-repeat; background-size:cover; margin:0 auto; display:block}
.float_kf .mail .hd{ background:#29588c; color:#fff; position:absolute;right:82px;top:0;text-align:left;padding:20px 30px; width:250px}
.float_kf .mail .hd span{ float:left}
.float_kf .mail .hd p{ float:left; margin-left:20px}

.float_kf .whatsapp i{ width:40px; height:40px; background:url(../images/f03.png) no-repeat; background-size:cover; margin:0 auto; display:block}
.float_kf .whatsapp .hd{ background:#29588c; color:#fff; position:absolute;right:82px;top:0;text-align:left;padding:20px 30px; width:250px}
.float_kf .whatsapp .hd span{ float:left}
.float_kf .whatsapp .hd p{ float:left; margin-left:20px}


.nbanner .text{ background-color:rgba(0,0,0,0.5); text-align:center; color:#fff; position:absolute; left:0; top:0; width:100%; height:100%}
.nbanner .text .textinn{ position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%;width:100%}
.nbanner .text h3{font-family: 'lato-bold'; font-size:45px; line-height:45px;}
.nbanner .text a{ color:#fff}



.ncompany .ppic{ float:left; width:45%; position:relative} 

.ncompany .ppic .text{
	width:100%;
	background-color:#29588c;
	position:absolute;
	color:#fff;
	font-style:italic;
	font-family: 'lato-bold';
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
}
.ncompany .ppic .text p{  padding-bottom:10px; }
.ncompany .ppic .text:after{ content:""; position:absolute; width:0; height:0; bottom:0; right:0; border-bottom: 40px solid #fff; border-left: 50px solid transparent;}
.ncompany .wenzi{ float:right; width:50%; position:relative} 
.ncompany .wenzi .ntitle p{ color:#29588c}
.ncompany .wenzi .ntitle h3{font-family: 'lato-bold'; font-size:36px; line-height:45px; }
.ncompany .wenzi .ntitle { padding-bottom:20px;}
.ncompany .wenzi .intro p{ padding:0 0 20px 0; color:#666}




.nwenhua{ background:#29588c}
.nwenhua .title02 h3{ color:#fff;}
.nwenhua .conn .item{ padding:3.5%; background:#fff; border-radius:8px;box-shadow: 0 0 15px 0 rgba(0,0,0,.2); float:left; width:49%; margin-top:20px;}
.nwenhua .conn .item:nth-child(2n){ float:right}
.nwenhua .conn .item .pic{ float:left; width:87px; height:87px; border-radius:50%; border:solid 2px #29588c;}
.nwenhua .conn .item .text{ float:right; width:calc(100% - 120px); font-family: 'lato-bold'; font-size:20px;}
.nwenhua .conn .item:hover .pic{background:#29588c; }
.nwenhua .conn .item .pic .img001{ display:block}
.nwenhua .conn .item .pic .img002{ display:none}
.nwenhua .conn .item:hover .pic .img002{/*filter: grayscale(100%) brightness(2000%);*/ display:block}
.nwenhua .conn .item:hover .pic .img001{ display:none}

.ncase .conn p{ font-size:18px; color:#666}
.partner{ position: relative; margin-top:40px}
.partner ul{ margin:0 -1%; text-align:center}
.partner li{ display:inline-block; width:15.66%; margin:0 0.1%; position:relative;line-height:0; margin-top:-1%}
.partner li a{ float:left; width:100%; overflow:hidden;}
.partner li .par1{opacity:1;filter: alpha(opacity=100); float:left; width:100%; padding:20px; position:relative; z-index:3;}
.partner li .par2{opacity:0;filter: alpha(opacity=0); float:left; width:100%; position:absolute; z-index:3; left:0; top:50%; transform:translateY(-50%); z-index:2; color:#fff; font-size:18px; line-height:28px; text-align:center;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
}
.partner li .par2 span{ font-size:14px;}
.partner li .par3{ float:left; width:100%; position:absolute; left:0; top:0; z-index:1;}
.partner li .par4{opacity:0;filter: alpha(opacity=0); float:left; width:100%; position:absolute; left:0; top:0; z-index:1;
        transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;}
.partner li:hover .par1{opacity:0;filter: alpha(opacity=0);}
.partner li:hover .par2{opacity:1;filter: alpha(opacity=100);}
.partner li:hover .par4{opacity:1;filter: alpha(opacity=100);-webkit-transition: 1s ease;
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg);}
.partner li:nth-child(7), .partner li:nth-child(12){ clear:both}
.partner li:nth-child(1), .partner li:nth-child(2), .partner li:nth-child(3), .partner li:nth-child(4), .partner li:nth-child(5), .partner li:nth-child(6){ margin-top:0%}



.nhuanj .cflist .swiper-slide{ width:800px; margin-bottom:45px;border:solid 1px #f9f9f9; border-radius:15px;}
.nhuanj .cflist .swiper-slide .pic{margin:10px !important; border-radius:15px;  }
.nhuanj .cflist .swiper-slide-active{border:solid 1px #ddd; background:#fff}
.nhuanj .cflist .swiper-pagination{ bottom:0 !important}
.nhuanj .cflist .swiper-pagination-bullet{ height:14px;width:14px; background:none; border:solid 2px #ccc; opacity:1; margin:0 5px}
.nhuanj .cflist .swiper-pagination-bullet-active{ border:solid 2px #00469c;}


.nhonor .conn{ position:relative}
.nhonor .wrap{ max-width:1460px;}
.nhonorlist{position:relative; margin:0 auto; width:calc(100% - 160px)}
.nhonorlist .swiper-slide{position:relative;}
.nhonorlist .swiper-slide .pic{ border-radius:10px; margin-bottom:10px;}
.nhonorlist .swiper-slide .wenzi{ border-radius:10px; font-size:18px; background:#f9f9f9; height:80px; text-align:center;display:flex;align-items:center; }
.nhonorlist .swiper-slide .wenzi p{ width:100%; text-align:center}
.nhonorlist .swiper-slide:hover .wenzi{ background:#00469c; color:#fff}
.nhonor .swiper-button-prev, .nhonor .swiper-button-next{ width:60px; height:60px; border-radius:50%; overflow:hidden; margin-top:-30px; outline:none; opacity:0.6; top:50%}
.nhonor .swiper-button-prev{ background:url(../images/bpre.png) rgba(0,0,0,0.2) no-repeat center center; left:0%}
.nhonor .swiper-button-next{ background:url(../images/bnext.png) rgba(0,0,0,0.2) no-repeat center center; right:0%}
.nhonor .swiper-button-prev:hover{ background:url(../images/bpre.png) #00469c no-repeat center center; opacity:1}
.nhonor .swiper-button-next:hover{ background:url(../images/bnext.png) #00469c no-repeat center center; opacity:1}

.nvideo{ position:relative}
.nvideo:after{ content:""; width:100%; height:90%; left:0; bottom:0; background:#f9f9f9; position:absolute; z-index:-1}
.nvideo .wrap{ position:relative}
.nvideo .title02{ position:absolute; left:0; top:30%; width:25%}
.nvideo .title02 h3{ display:inline-block; border-bottom:solid 2px #ccc; position:relative; padding-bottom:30px; margin-bottom:30px;}
.nvideo .title02 h3:after{ content:""; position:absolute; left:0; bottom:-2px; width:50px; background:#00469c; height:2px;}
.nvideo .title02 p{font-family: 'lato-bold'; font-size:20px;}
.nvideo .swiper-slide{ position:relative}
.nvideo .swiper-slide .pic{ width:70%; margin-left:30%; border-radius:10px; position:relative}
.nvideo .swiper-slide .videobut{ position:absolute; width:70%; left:30%; height:100%; top:0; background:url(../images/videobut.png) no-repeat center center; cursor: pointer; opacity:1; z-index:9}
.nvideo .swiper-slide .videobut.cur{ opacity:0; z-index:-1}

.nvideo .swiper-slide .videobut02{ position:absolute; width:70%; left:30%; height:100%; top:0; background:url(../images/videobut.png) no-repeat center center; cursor: pointer; opacity:0; z-index:8}
.nvideo .swiper-slide .videobut02.cur{ opacity:1; z-index:-1}

.nvideo .swiper-button-prev, .nvideo .swiper-button-next{ width:22px; height:35px; border-radius:50%; overflow:hidden; margin-top:auto; outline:none; opacity:0.6; top:auto; bottom:20%}
.nvideo .swiper-button-prev{ background:url(../images/ppre02.png) no-repeat center center; left:0%}
.nvideo .swiper-button-next{ background:url(../images/pnext02.png) no-repeat center center; right:auto; left:45px;}
.nvideo .swiper-button-prev:hover{ background:url(../images/ppre02.png) no-repeat center center; opacity:1}
.nvideo .swiper-button-next:hover{ background:url(../images/pnext02.png) no-repeat center center; opacity:1}


.aqlist li{ background:#fff; border-radius:8px; border:solid 1px #ddd; padding:14px 22px; margin-bottom:12px; color:#666}
.aqlist li .aqlist_tit{background:url(../images/jia.png) no-repeat right center; line-height:25px; padding:0px 40px 0px 0 ;}
.aqlist li.cur .aqlist_tit{background:url(../images/jian.png) no-repeat right center;}
.aqlist .aqlist_tit{ line-height:30px;}
.aqlist li.cur .aqlist_tit {font-family: 'lato-bold'; color:#000}
.aqlist .aqlist_con{ display:none;color:#666; line-height:30px; padding-top:5px; position:relative; padding-bottom:20px}
.ncase .item{ margin-bottom:30px;}
.ncase .conn p span{ display:block}





.ncontact .ncontactleft{ float:left; width:48%; color:#333}
.ncontact .ncontactleft img{ display:block; border:solid 1px #ddd}
.ncontact .ncontactright{ float:right; width:48%; color:#666; padding-top:80px;}
.ncontact .ncontactleft h3{ font-size:24px;font-family: 'lato-bold'; margin-bottom:25px; color:#000}
.ncontact .ncontactleft .intro p{ font-size:18px; line-height:30px;padding:10px 0 10px 30px;}
.ncontact .ncontactleft .intro p span{ font-weight:bold}
.ncontact .ncontactleft .intro p:nth-child(1){background:url(../images/cicon01.png) no-repeat left 16px;}
.ncontact .ncontactleft .intro p:nth-child(2){background:url(../images/cicon02.png) no-repeat left 19px;}
.ncontact .ncontactleft .intro p:nth-child(3){background:url(../images/cicon03.png) no-repeat left 20px;}
.ncontact .ncontactleft .intro p:nth-child(4){background:url(../images/cicon04.png) no-repeat left 18px;}
.ncontact .ncontactleft .intro p:nth-child(5){background:url(../images/cicon05.png) no-repeat left 18px;}
.ncontact .ncontactleft .intro p:nth-child(6){background:url(../images/cicon06.png) no-repeat left 18px;}
.ncontact .ncontactleft .intro p:nth-child(7){background:url(../images/cicon07.png) no-repeat left 18px;}
.ncontact .ncontactleft .intro p:nth-child(8){background:url(../images/cicon08.png) no-repeat left 18px;}

.ncontact .ncontactright p{ line-height:24px;}
.ncontact .ncontactright .liuyan{ margin-top:20px;}
.ncontact .ncontactright .liuyan span{ color:#d60202}
.ncontact .ncontactright .liuyan .row{ position:relative; clear:both; margin-bottom:5px;}
.ncontact .ncontactright .liuyan label{ line-height:35px; display:block}
.ncontact .ncontactright .liuyan .inp{width: 100%;border: 1px solid #ddd;line-height:42px;height:42px;padding: 0 8px;transition: border-color .5s; background:#fcfcfc; border-radius:8px; }
.ncontact .ncontactright .liuyan .inp02{ line-height:30px; height:120px;}
.ncontact .ncontactright .liuyan .inp03{ max-width:300px}
.ncontact .ncontactright .liuyan .submit{ background:#29588c; border:solid 1px #29588c; color:#fff; text-align:center; display:block; width:100%; line-height:42px;height:42px;border-radius:8px; margin-top:30px;}
.ncontact .ncontactright .liuyan .inp:hover, .ncontact .ncontactright .liuyan .submit:hover{box-shadow: 0 0 15px 0 rgba(0,0,0,.1); }


.ntitle02 h3{ padding:16px 0;font-size:24px; font-family: 'lato-bold';}

.napp .proleft{ float:right; width:240px}
.proleft .pronav{ margin-bottom:30px;}
.proleft .pronav p{background:url(../images/projt.png) no-repeat left center; padding-left:25px;transition: 0.5s; line-height:45px;height:45px; position:relative; border-bottom:solid 1px #ddd; }
.proleft .pronav p:hover, .proleft .pronav p.cur{background:url(../images/projt02.png) no-repeat left center;}
.proleft .pronav p a{ color:#666}
.proleft .pronav p a:hover, .proleft .pronav p.cur a{ color:#29588c; font-family: 'lato-bold';}
.proleft .mainpro{ padding:0 16px; border:solid 1px #ddd}
.proleft .mainpro .ntitle02 h3{color:#29588c; border-bottom:solid 1px #ddd}
.proleft .mainpro .conn{ margin-top:18px;}
.proleft .mainpro .conn .item{ margin-bottom:16px;}
.proleft .mainpro .conn .item .pic{ float:left; width:46%; border:solid 1px #ddd}
.proleft .mainpro .conn .item .wenzi{ float:right; width:48%;}
.proleft .mainpro .conn .item .wenzi h3{ line-height:24px;font-family: 'lato-bold'; font-size:16px; margin-top:10px;}
.proleft .mainpro .conn .item a:hover .pic{ border:solid 1px #29588c}
.proleft .mainpro .conn .item a:hover h3{ color:#29588c}

.napplist{ float:left; width:calc(100% - 280px)}
.napplist .ntitle02 h3{ line-height:80px;}
.napplist .item{ padding-bottom:28px; border-bottom: solid 4px #29588c}
.napplist .item .pic{ float:left; width:40%}
.napplist .item .text{ float:right; width:56%; line-height:40px;}


.nnewslist{ float:left; width:calc(100% - 280px)}
.nnewslist .item{ border-bottom:solid 1px #ddd; padding:30px 0}
.nnewslist .item:nth-child(1){ margin-top:-15px;}
.nnewslist .item .newstitle { margin-bottom:20px;}
.nnewslist .item .newstitle h3{ font-size:20px;font-family: 'lato-bold'; color:#000}
.nnewslist .item .newstitle p{ color:#999}
.nnewslist .item .conn .pic{ float:left; width:30%;}
.nnewslist .item .conn .text{ float:right; width:66%;}
.nnewslist .item .conn .text .intro{ line-height:24px; margin-bottom:20px; color:#333;}
.nnewslist .item .conn .text .more{ width:130px; height:36px; line-height:36px; text-align:center; color:#fff; background:#29588c; font-size:13px; text-transform:uppercase; border-radius:5px;}
.nnewslist .item:hover .newstitle h3{color:#29588c}
.nnewslist .item:hover .conn .text .more{background:#13adeb; }


.nnewsshow{ float:left; width:calc(100% - 280px); line-height:30px;}
.nnewsshow .ntitle02 p{ color:#999; margin-top:-15px; margin-bottom:25px}
.nnewsshow img{ display:block; margin:0 auto; width:auto; max-width:100%; height:auto}
.nnewsshow .nnewstj{ margin-top:30px;}


.tjlist .swiper-slide{ -webkit-transition:all .5s;transition:all .5s; padding-bottom:10px; position:relative; overflow:hidden}
.tjlist .swiper-slide .pic{ border-top:solid 1px #ddd;border-left:solid 1px #ddd;border-right:solid 1px #ddd;}
.tjlist .swiper-slide .wenzi{ padding:15px 15px 15px 15px; border-bottom:solid 1px #ddd;border-left:solid 1px #ddd;border-right:solid 1px #ddd;}
.tjlist .swiper-slide h3{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-family: 'lato-bold'; line-height:20px; font-size:16px; color:#000 }
.tjlist .swiper-slide p{color:#888; font-size:14px; margin-top:10px; }
.tjlist .swiper-slide:hover p{ color:#29588c}
.tjlist .swiper-slide:hover .pic{border-top:solid 1px #29588c;border-left:solid 1px #29588c;border-right:solid 1px #29588c;}
.tjlist .swiper-slide:hover .wenzi{border-bottom:solid 1px #29588c;border-left:solid 1px #29588c;border-right:solid 1px #29588c;}
.tjlist .swiper-pagination{ display:none; bottom:0}
.tjlist .swiper-pagination-bullet{ height:14px;width:14px; background:none; border:solid 2px #ccc; opacity:1; margin:0 5px}
.tjlist .swiper-pagination-bullet-active{ border:solid 2px #00469c;}
@media screen and (max-width: 640px){
.tjlist .swiper-slide{ margin-bottom:30px; }
.tjlist .swiper-pagination{ display:block}
}



.nproducts .proleft{ float:left; width:240px;}
.nproducts .nprolist, .nproducts .nproshow{ float:right; width:calc(100% - 280px);}


.nprolist .item{ float:left; width:32%; margin-right:2%; margin-bottom:2%; border:solid 1px #ddd}
.nprolist .item:nth-child(3n){ margin-right:0}
.nprolist .item:nth-child(3n+1){ clear:both}
.nprolist .item .ppic .pic{ margin:2px; width:calc(100% - 4px); overflow:hidden}
.nprolist .item .wenzi{ text-align:center; padding:10px;}

.nprolist .wenzi h3{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-family: 'lato-bold'; line-height:20px; font-size:16px; color:#000 }
.nprolist .wenzi p{color:#888; font-size:14px; margin-top:10px; }
.nprolist .item:hover{ background:#29588c; border:solid 1px #29588c}
.nprolist .item:hover h3, .nprolist .item:hover p{ color:#fff}

.single-product-top{ padding-top:10px}
.single-product-top .picsshow{width:40%; float:left; position:relative;}
.single-product-top .gallery-top{border: 1px solid #ddd;}
.single-product-top .swiper-button-next, .single-product-top .swiper-button-prev{ top:auto; bottom:30px; border:none !important;outline: none !important; color: #000 !important; left:0px; opacity:0.6}
.single-product-top .swiper-button-next:hover, .single-product-top .swiper-button-prev:hover{ opacity:1}
.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-thumb-active img {border: 1px solid #00469c;}
.gallery-top {width: 100%;height: 100%;}
.gallery-top .img2{ display:block; width:100%;height:auto}

.single-product-top .wenzi{width:56%; float:right; padding:10px 0}
.single-product-top .wenzi h3{ font-size:20px; font-weight:bold; margin-bottom:20px;}
.single-product-top .wenzi .mail{ width:186px; line-height:38px; margin-top:30px;}
.single-product-top .wenzi .mail a{ display:block; border-radius:8px; font-size:13px; text-transform:uppercase; color:#fff; text-align:center; padding-left:25px; background:url(../images/fmail.png) #13adeb no-repeat 22px center;}
.single-product-top .wenzi .mail a:hover{background:url(../images/fmail.png) #00469c no-repeat 22px center;}



.pdetal .protabmenu{ margin:30px 0 20px 0;}
.pdetal .protabmenu ul{display: flex;padding: 0px;border-top: 2px solid white;margin-top: -2px;border: 1px solid #ddd; background:#f9f9f9;font-family: 'lato-bold';}
.pdetal .protabmenu li {display: flex;width: auto;padding: 0px 35px;margin-right: 10px;border-bottom: 0px; line-height:42px;}
.pdetal .protabmenu .cur {background: #fff;border-bottom: 1px white solid;margin-bottom: -1px;color:#29588c;}
.pdetal #protabcontent .hidden {display:none;}
.pdetal #protabcontent { clear:both; line-height:30px !important;}
.pdetal #protabcontent img{  width:auto; max-width:100%; height:auto}



.nproshow .liuyan{ margin:50px 0 30px 0;}
.nproshow .liuyan .lytitle{ background:#29588c;font-family: 'lato-bold'; line-height:40px; padding:0 15px; color:#fff; margin-bottom:25px;}
.nproshow .liuyan span{ color:#d60202}
.nproshow .liuyan .row{ position:relative; clear:both;}
.nproshow .liuyan .row .colum{ float:left; width:48.5%; position:relative; margin-bottom:20px;}
.nproshow .liuyan .row .colum:nth-child(2n){ float:right}
.nproshow .liuyan label{ line-height:42px; display:block; position:absolute; top:0; left:10px; color:#666}
.nproshow .liuyan .inp{width: 100%;border: 1px solid #ddd;line-height:42px;height:42px;padding: 0 8px;transition: border-color .5s; background:#fcfcfc; border-radius:8px; padding-left:210px; }
.nproshow .liuyan .inp02{ line-height:30px; height:120px;}
.nproshow .liuyan .inp03{ max-width:300px}
.nproshow .liuyan .submit{ background:#29588c; border:solid 1px #29588c; color:#fff; text-align:center; display:block; width:100%; max-width:240px; line-height:42px;height:42px;border-radius:8px; margin:0 auto}
.nproshow .liuyan .inp:hover, .ncontact .ncontactright .liuyan .submit:hover{box-shadow: 0 0 15px 0 rgba(0,0,0,.1); }


.ptjlist .swiper-slide{ -webkit-transition:all .5s;transition:all .5s; padding-bottom:10px; position:relative; overflow:hidden; border:solid 1px #ddd; margin-bottom:50px}
.ptjlist .swiper-slide .ppic{ padding:2px; overflow:hidden}
.ptjlist .swiper-slide .wenzi{ padding:10px; text-align:center}
.ptjlist .swiper-slide h3{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-family: 'lato-bold'; line-height:20px; font-size:16px; color:#000 }
.ptjlist .swiper-slide p{color:#888; font-size:14px; margin-top:10px; }
.ptjlist .swiper-slide:hover h3, .ptjlist .swiper-slide:hover p{ color:#fff }
.ptjlist .swiper-slide:hover{border:solid 1px #00469c;background:#00469c}
.ptjlist .swiper-pagination-bullet{ height:14px;width:14px; background:none; border:solid 2px #ccc; opacity:1; margin:0 5px}
.ptjlist .swiper-pagination-bullet-active{ border:solid 2px #00469c;}