@charset "utf-8";


*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family:"微软雅黑";}
HTML {OVERFLOW-X: hidden;}
body{  line-height:30px;font-size:16px;-webkit-font-smoothing: antialiased; overflow-x:hidden;color:#333; }
a{color:#333; text-decoration:none;outline:none;}
a:hover{color:#15274d;text-decoration:none;}
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;}
table{ border-collapse:collapse;}
td
  {
  padding-left:15px;
  }
img{ border:none;}
input,textarea,select,button{ outline:none;-webkit-appearance: none ;font-size:16px;}

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


#a01{ position: absolute;  margin-top:-180px;}
#a02{ position:absolute; margin-top:-180px;}
#a03{ position:absolute; margin-top:-180px;}
#a04{ position:absolute; margin-top:-180px;}
#a05{ position:absolute; margin-top:-180px;}

.wrap{ width:96%; max-width:1360px; margin:0 auto;}
.headerwrap{ width:90%; margin:0 auto;}
.wrap1200{ width:96%; max-width:1200px; margin:0 auto;}


.section{ padding:80px 0 }
.nmain.section{ padding:70px 0 }
.sectionpre{ padding-top:70px}
.sectionnext{ padding-bottom:80px}
.section02{ padding-bottom:40px}
.nmainpro.section{ padding:60px 0}

.space{ height:160px;}
.mbg{ background:#edeef2}


.jvzhong{ text-align:center}
.title{ margin-bottom:35px;}
.title h3{ font-size:36px; line-height:36px; font-weight:bold; color:#15274d; margin-bottom:20px;}
.title p { color:#666;}
.title p a{ color:#666}
.title p a:hover{ color:#15274d}
.title p span{ display:block}


.ntuijian .title h3, .ncasetuijian .title h3 { font-size:30px; line-height:30px; font-weight:bold; color:#15274d; margin-bottom:20px;}

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

.header{width: 100%;top:0;left:0; position:fixed; z-index: 999;transition:1s;-webkit-transition:1s;-moz-transition:1s;background:#fff;box-shadow: 0 0 10px rgba(0%,0%,0%,0.2)}
.header .top{ line-height:50px; color:#fff; background:#15274d}
.header .top a{
	color:#fff;
}

.header .top a:hover{
	text-decoration: underline;
}
.header .top .wel{ float:left; font-size:16px;}
.header .top .use{ float:right;font-size:16px;}
.header .top .use a{ color:#fff; }
.header .top .mail{background: url(../images/mail.png) no-repeat left center; padding-left:36px; display:inline-block}
.header .top .tel{background: url(../images/tel.png) no-repeat left center; padding-left:36px; display:inline-block; margin-right:25px; }
.header .nav{ width: 100%;top:50px;left:0; position:fixed; z-index:99; background:#fff;box-shadow: 0 0 10px rgba(0%,0%,0%,0.2); }
.header .nav .headerwrap{position:relative; height:110px;}
.header .nav .logo{position:absolute; top:50%; margin-top:-38.5px; left:0}
.header .nav .logo img{ height:77px; width:auto; display:block}
.header .menu{ text-align:center}
.header .menu li{ display:inline-block; position:relative}
.header .menu li .menu_a{ line-height:110px; display:block; margin:0 18px; font-weight:bold; position:relative; font-size:18px;}
.header .menu li .menu_a:after {content: '';width: 0;height: 3px;background-color: #15274d;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom: 0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.header .menu .cur a:after, .header .menu li:hover .menu_a:after {width: 100%}
.header .menu li .sub{ position:absolute; display:none;clear:both; z-index:999;background-color:#fff; }
.header .menu .subduan{
	text-align:left;
	box-shadow: 0 0 10px rgba(0%,0%,0%,0.2);
	width:200px;
	left:50%;
	margin-left:-100px;
	padding-bottom:20px;
	border-radius:0 0 15px 15px;
	text-indent: 30px;
}
.header .menu .subduan a{ display:block}
.header .menu .subduan a:hover{background: #15274d; color:#fff;}
.header .menu .subduan h3{ line-height:50px; font-size:16px;}
.header .menu .subduan p{ line-height:40px; font-size:14px;}
.header .menu .subchang{ text-align:left; box-shadow: 0 0 3px #ccc;width:440px; left:50%; margin-left:-220px; padding:15px 0 25px 0; position:relative;box-shadow: 0 0 10px rgba(0%,0%,0%,0.2);}
.header .search{background: url(../images/topsearch.png) no-repeat center center / cover; width:32px; height:32px; position:absolute; top:50%; margin-top:-16px; right:215px }
.header .search a{ display:block;height:30px;width:100%;}
.black_overlay12 {Z-INDEX: 9999;POSITION: fixed;FILTER: alpha(opacity=5);BACKGROUND-COLOR: black;WIDTH: 100%;DISPLAY: none;HEIGHT: 100%;TOP: 0%;LEFT: 0%;-moz-opacity: 0.3;opacity: 0.3;}
.www_zzjs_net12 {Z-INDEX: 999999; POSITION: fixed; WIDTH: 80%; max-width:640px; DISPLAY: none; OVERFLOW: hidden; background:url(../images/soubg.jpg) #fff repeat-x left top; TOP:20%; left:50%; margin-left:-320px; padding:25px;}
.www_zzjs_net12 .conn{ width:100%; margin:0 auto; }
.www_zzjs_net12 .guanbi{top: 20px;right: 20px;display:block; position: absolute;}
.www_zzjs_net12 .guanbi img{ width:20px; height:20px}
.www_zzjs_net12 .conn .input01{  width:80%; font-size:16px; line-height:40px;height:40px; border:none; float:left; display:block;  border-bottom:solid 1px #5a5d61; }
.sytijiao{ width:24px; line-height:50px;height:50px;float:left; background:url(../images/topsearch.png) no-repeat center center; background-size:20px auto; cursor:pointer; border:none;cursor:pointer; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.sytijiao:hover{ -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}
.header .language{position:absolute; top:50%; margin-top:-16px; line-height:32px; right:80px; text-align:center; }
.header .language li{ display:inline-block; padding:0 10px; }
.header .language li:nth-child(1){ border-right:solid 1px #333;}


/*按钮*/
.header .mmbtn{ position:absolute; right:0; top:50%; margin-top:-10px; cursor:pointer}
.header .mmbtn .inbox{padding-top: 0px; width:45px; height:20px; position: relative;text-transform:uppercase;cursor: pointer;}
.header .mmbtn .inbox .line{width: 100%;height: 2px;background-color: #15274d;position: absolute;right: 0;top: 0;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.header .mmbtn .inbox .line.l2{top: 8px;left: 0;right: auto;}
.header .mmbtn .inbox .line.l3{top: 16px;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.header .mmbtn:hover .inbox .line{ width:60%}
.mask{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,.35);left: 0;top: 0;z-index: 99999;display: none;}
.head-menu{position: fixed;right: 0;top: 0;width: 100%;height: 100%;max-width: 280px;background-color: #fff;z-index: 99999;overflow: hidden;background: -webkit-linear-gradient(top, #fff , #eef2f5); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(bottom, #fff, #eef2f5); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(bottom, #fff, #eef2f5); /* Firefox 3.6 - 15 */background: -webkit-gradient(linear, left top, left bottom, from(#fff) , to(#eef2f5));background: -moz-linear-gradient(top, #fff , #eef2f5);background: -o-linear-gradient(top, #fff , #eef2f5);background: linear-gradient(to bottom, #fff , #eef2f5); /* 标准的语法 */-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);opacity: 0;visibility: hidden;}
.head-menu[data-on="on"]{-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);opacity: 1;visibility: visible;}
.head-menu .toolbox .tool{width: 94%;padding-right: 40px;height: 80px;position: relative;}
.head-menu .toolbox .mmclose{width: 25px;height: 25px;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);cursor: pointer;}
.head-menu .toolbox .mmclose:before{content: "";width: 100%;height: 2px;background-color: #15274d;position: absolute;left:50%;top: 50%;-webkit-transform: translate(-50%,-50%) rotate(45deg);-moz-transform: translate(-50%,-50%) rotate(45deg);-ms-transform: translate(-50%,-50%) rotate(45deg);-o-transform: translate(-50%,-50%) rotate(45deg);transform: translate(-50%,-50%) rotate(45deg);}
.head-menu .toolbox .mmclose:after{content: "";width: 100%;height: 2px;background-color: #15274d;position: absolute;left:50%;top: 50%;-webkit-transform: translate(-50%,-50%) rotate(-45deg);-moz-transform: translate(-50%,-50%) rotate(-45deg);-ms-transform: translate(-50%,-50%) rotate(-45deg);-o-transform: translate(-50%,-50%) rotate(-45deg);transform: translate(-50%,-50%) rotate(-45deg);}
.head-menu .menu-box{height: -webkit-calc(100% - 80px);height: -moz-calc(100% - 80px);height: calc(100% - 80px);position: relative;}
.head-menu .menu-box .wrap{max-width: 220px;}
.head-menu .menu-box .mlist .lim{display: block;cursor: pointer;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.head-menu .menu-box .mlist .lim .word{height: 50px;line-height: 50px;font-size: 20px;color: #1a1a1a;margin: 0 auto;width: 80%;max-width: 260px;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.head-menu .menu-box .mlist .lim .menu{display: none;padding: 0 5%;}
.head-menu .menu-box .mlist .lim[data-on="on"] .menu{display: block;}
.head-menu .menu-box .mlist .lim .menu .mm{height: 30px;line-height: 30px;display: block;}
.head-menu .menu-box .inbox{height: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: -moz-box;display: flex;-ms-flex-direction: column;-webkit-flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;-moz-box-orient: vertical;-moz-box-direction: normal;flex-direction: column;-webkit-box-pack: space-between;-ms-flex-pack: space-between;-webkit-justify-content: space-between;-moz-box-pack: justify;justify-content: space-between;-webkit-transform: scaleX(1);-moz-transform: scaleX(1);-ms-transform: scaleX(1);-o-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: top left;-moz-transform-origin: top left;-ms-transform-origin: top left;-o-transform-origin: top left;transform-origin: top left;opacity: 1;visibility: visible;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.head-menu .menu-box .inbox[data-on="on"]{-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);opacity: 0;visibility: hidden;}
.head-menu .menu-box .inbox .contact{margin-bottom: 50PX;}
.head-menu .menu-box .outbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;z-index: 115;-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: top right;-moz-transform-origin: top right;-ms-transform-origin: top right;-o-transform-origin: top right;transform-origin: top right;opacity: 0;visibility: hidden;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.head-menu .menu-box .outbox[data-on="on"]{-webkit-transform: scaleX(1);-moz-transform: scaleX(1);-ms-transform: scaleX(1);-o-transform: scaleX(1);transform: scaleX(1);opacity: 1;visibility: visible;}
.head-menu .menu-box .outbox .inbtn{height: 50px;line-height: 50px;background-color: #15274d;margin-bottom: 20px;cursor: pointer;}
.head-menu .menu-box .outbox .inbtn .ww{max-width: 260px;width: 94%;margin: 0 auto;font-size: 14px;color: #fff;font-weight: bold;padding-left: 30px;position: relative;}
.head-menu .menu-box .outbox .inbtn .ww span{width: 20px;height: 5px;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.head-menu .menu-box .outbox .inbtn .ww span:before{content: "";border-style: solid;border-width:2px 3px; border-color: transparent #fff transparent transparent;position: absolute;left: 0;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.head-menu .menu-box .outbox .inbtn .ww span:after{content: "";width: 20px;height: 1px;background-color: #fff;position: absolute;left: 1px;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}




.banner{ position:relative; z-index:1}
.banner a{ display:block; width:100%}
.banner img{ display:block; width:100%; height:auto;}
.banner .swiper-pagination{bottom:154px !important;}
.banner .swiper-pagination-bullet{ width:36px; height:5px; background:#fff; opacity:1; margin:0 5px; border-radius:0}
.banner .swiper-pagination-bullet-active{ background:#fe0000}
.banner .swiper-slide a{ min-height:550px !important; background:#FFFFFF}


.proquik{ background: url(../images/pqbg.png) no-repeat center center; height:118px; position:relative; margin-top:-118px; z-index:99}
.proquik .wrap{ max-width:960px; margin:0 auto;}
.proquik li{ height:84px; padding:15px 0}
.proquik .content {width: 100%;display:flex;display:-webkit-flex;justify-content : space-between;}
.proquik ul {width: 100%;display:flex;display:-webkit-flex;justify-content : space-between;}
.proquik li {color:#fff;display:inline-block;cursor:pointer;}
.proquik li a{ color:#fff}
.proquik li .num{ width:70px; background: url(../images/line.png) no-repeat right center; height:84px; line-height:55px; font-size:36px;font-family: 'impact'; float:left}
.proquik li .wenzi{ float:left}
.proquik li .wenzi h3{ font-size:18px; padding:8px 0 4px 0}
.proquik li .wenzi p{ display:inline-block; border-bottom:solid 1px #fff; font-size:14px;}
.proquik li:hover .wenzi p{border-bottom:solid 1px #fe0000; color:#fe0000 }


.iproducts .protabmenu { position:relative; text-align:center}
.iproducts .protabmenu li {display:inline-block; position:relative; font-size:16px; margin:0 6px; font-weight:bold; border-radius:8px; text-transform:uppercase; cursor:pointer;width:150px;line-height:45px; text-align:center;color:#fff; background:#15274d}
.iproducts .protabmenu li:hover:after,.iproducts .protabmenu li.cli:after{ content:""; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #fe0000; position:absolute; left:50%; margin-left:-10px; bottom:-10px}
.iproducts .protabmenu li:hover, .iproducts .protabmenu li.cli{ background:#fe0000}
.iproducts #protabcontent { clear:both; margin-top:10px; font-size:16px;}
.iproducts #protabcontent img{ display:block; width:auto; max-width:100%}
.iproducts .protabmenu .cli { background:#373533; color:#fff }
.iproducts #protabcontent .hidden {display:none;}
@media screen and (max-width: 1300px){
.biaoge { width:100%;overflow-x: scroll;}
}
.iproducts #protabcontent li{ float:left; width:32%; margin-right:2%; margin-top:2%; position:relative; overflow:hidden;}
.iproducts #protabcontent li:nth-child(3n){ margin-right:0}
.iproducts #protabcontent li:nth-child(3n+1){ clear:both; }
.iproducts #protabcontent li .wenzi h3{ font-size:20px; font-weight:bold; text-align:center; border-bottom:solid 1px #ddd; line-height:28px; padding:15px 0 25px 0;}
.iproducts #protabcontent li:after{content:""; position:absolute; z-index:99; left:-100%; height:1px; width:100%;bottom: 0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s ;background:#15274d;}
.iproducts #protabcontent li:hover:after{ left:0}
.inewproducts .swiper-slide{ width:100%; overflow:hidden}
.inewproducts .swiper-slide-active{ z-index:9999; position:relative}
.inewproducts img{ display:block; width:100%; height:auto}
.inewproducts .swiper-button-prev{ width:46px !important; height:46px !important;  left:10%; margin-top:-23px; outline:none;border-radius:50%}
.inewproducts .swiper-button-next{ width:46px !important; height:46px !important;  right:10%; margin-top:-23px; outline:none;border-radius:50%}
.inewproducts .swiper-slide a{ display:block; width:100%; margin:0 auto;}
.inewproducts .swiper-button-next.swiper-button-disabled, .prolilist .swiper-button-prev.swiper-button-disabled{opacity:1 !important; z-index:999}
.inewproducts .swiper-button-next.swiper-button-disabled{background:url(../images/next01.png) no-repeat center !important; background-size:cover}
.inewproducts .swiper-button-prev.swiper-button-disabled{background:url(../images/pre01.png) no-repeat center !important;background-size:cover}
.inewproducts .swiper-button-next{ background:url(../images/next02.png) no-repeat center;left:auto; background-size:cover }
.inewproducts .swiper-button-prev{ background:url(../images/pre02.png) no-repeat center;background-size:cover; }
.inewproducts .swiper-pagination{ display:none}

.iabout .title p{ font-size:16px;}
.iabout .wrap{ width:calc(100% + 30px);}
.iabout .item{ float:left; width:19.5%; margin:0 0.25%;transition: all 0.6s ease 0s; position:relative}
.iabout .num{ width:100px; height:111px; line-height:111px;  margin:0 auto;font-family: 'impact'; font-size:34px; color:#fff; text-align:center;}
.iabout .item:hover{top:-10px;}
.iabout .item:nth-child(1) .num{ background:url(../images/b01.png) no-repeat center center; background-size:100% auto}
.iabout .item:nth-child(2) .num{ background:url(../images/b02.png) no-repeat center center; background-size:100% auto}
.iabout .item:nth-child(3) .num{ background:url(../images/b03.png) no-repeat center center; background-size:100% auto}
.iabout .item:nth-child(4) .num{ background:url(../images/b04.png) no-repeat center center; background-size:100% auto}
.iabout .item:nth-child(5) .num{ background:url(../images/b05.png) no-repeat center center; background-size:100% auto}
.iabout .item .wenzi{ max-width:276px;min-height:260px;  margin-left:auto; margin-right:auto; position:relative; margin-top:-30px; z-index:-9}
.iabout .item .wenzi h3{ padding-top:30px; color:#fff; text-align: center; font-size:18px; font-weight:bold}
.iabout .item .wenzi p{ line-height:24px;color:#666;font-size:14px; padding:15px 10%}
.iabout .item:nth-child(1) .wenzi{ background:url(../images/bb01.png) no-repeat center top; background-size:100% auto; }
.iabout .item:nth-child(2) .wenzi{ background:url(../images/bb02.png) no-repeat center top; background-size:100% auto;}
.iabout .item:nth-child(3) .wenzi{ background:url(../images/bb03.png) no-repeat center top; background-size:100% auto;}
.iabout .item:nth-child(4) .wenzi{ background:url(../images/bb04.png) no-repeat center top; background-size:100% auto;}
.iabout .item:nth-child(5) .wenzi{ background:url(../images/bb05.png) no-repeat center top; background-size:100% auto;}
.iabout .more{  height:45px; text-align:center;}
.iabout .more a{ text-align:center; color:#15274d; display:block;width:172px; line-height:45px;margin:30px auto 0 auto;border:solid 2px #15274d; }
.iabout .more a:hover{ background:#15274d; color:#fff;}

.iculture {background:url(../images/culturebg.png) no-repeat center center; }
.iculture .title{ text-align:right; margin-top:40px;}
.iculture .conn{ width:100%; max-width:702px; float:right; color:#fff}
.iculture .conn p{ font-size:14px; line-height:24px}
.iculture .conn .kuaileft{ float:left; width:62%; background:#f0373a;padding:10% 3% 5% 3%;}
.iculture .conn .kuaileft .jiantou a{background:url(../images/jiantou.png) no-repeat right center; width:50px; height:32px; display:block; float:right; margin-top:38px;}
.iculture .conn .kuaileft h3{ font-size:30px;text-align:center; font-weight:bold; margin-bottom:20px;}
.iculture .conn .kuairight{ float:right; width:35%}

.iculture .conn .kuairight .item{ padding:20% 3%; margin-bottom:20px}
.iculture .conn .kuairight .item h3{ font-size:24px; text-align:center; font-weight:bold; margin-bottom:10px;}
.iculture .conn .kuairight .item:nth-child(1){ background:#59de89;}
.iculture .conn .kuairight .item:nth-child(2){ background:#465775;}



.icase{ background:#edeef1; }

.icase #ul { position:relative; text-align:center}
.icase #ul a { float:left; width:19.2%; margin-top:15px;margin-right:1%; cursor:pointer}
.icase #ul a:last-child{ margin-right:0}
.icase #ul a img{ border:solid 1px #ddd; display:block; width:100%; height:auto}
.icase #ul a:hover img, .icase #ul a.cli img{ border:solid 1px #15274d;}

.icase #case_cont { clear:both; background:#fff}
.icase #case_cont .pic{ float:left; width:50%}
.icase #case_cont .wenzi{ float:right; width:48%; padding:4% 3%}
.icase #case_cont .wenzi .title h2{ font-size:36px; line-height:36px; color:#bdbdbd; position:relative; margin-top:5px;}
.icase #case_cont .wenzi .title h2 span{ background:#fff; display:inline-block; padding-right:20px; position:relative; z-index:8 }
.icase #case_cont .wenzi .title h2:after{ content:""; position:absolute; height:2px; width:100%; background:#edeef1; left:0; bottom:2px}

.icase #case_cont .wenzi  .intro{ position:relative; padding:40px;}
.icase #case_cont .wenzi  .intro:before{content:""; position:absolute; width:38px; height:35px;background:url(../images/yinshang.png) no-repeat left top; left:0; top:0}
.icase #case_cont .wenzi  .intro:after{content:""; position:absolute; width:38px; height:35px;background:url(../images/yinxia.png) no-repeat left top; right:0; bottom:0}
.icase #case_cont .wenzi  .intro h3{ font-size:30px; font-weight:bold; margin-bottom:25px;}
.icase #case_cont .wenzi  .intro h4{ font-size:24px; font-weight:bold;margin-bottom:5px;}

.inews .swiper-slide{ margin-bottom:40px}
.inews .swiper-slide .icon{ width:155px; height:42px; line-height:40px; text-align:center; border:solid 2px #15274d;}
.inews .swiper-slide h3{ margin:20px 0; font-size:18px; font-weight:bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inews .swiper-slide p{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; line-height:24px; color:#666; font-size:14px;}
.inews .swiper-slide .shijian{background:url(../images/date.png) no-repeat left center; padding-left:36px; margin-top:30px; color:#666 }
.inews .swiper-pagination{bottom:0}
.inews .swiper-pagination-bullet{ height:12px;width:12px; background:#15274d; opacity:1; margin:0 5px}
.inews .swiper-pagination-bullet-active{ background:#fe0000}


.footer{ color:#fff; background:#15274d; line-height:24px; font-size:14px;}
.footer a{ color:#fff}
.footer .flink{ padding:18px 0; line-height:24px; border-bottom:solid 1px #424f69;}
.footer .flink span{ font-size:18px; color:#fff; font-weight:bold;}
.footer .flink a{ padding:0 15px;}
.footer .fnav{ padding:45px 0 50px 0}
.footer .content {width: 100%;display:flex;display:-webkit-flex;justify-content : space-between;align-items:flex-start}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content : space-between;align-items:flex-start }
.footer li {display:inline-block;cursor:pointer;}
.footer h3{margin-bottom:15px; font-size:16px; color:#fff;}
.footer h3 a{ color:#fff; font-weight:bold}
.footer li{ display:block}
.footer li:nth-child(1){ line-height:30px;}
.footer li .dizhi span{ display:inline-block}
.footer li .dizhi i{ display:block}
.footer li .fqlink { margin-top:20px;}

.footer li .fqlink .qq, 
.footer li .fqlink .weixin, 
.footer li .fqlink .douyin, 
.footer li .fqlink .lyan{ display:inline-block; margin-right:10px; position:relative}

.footer li .fqlink .icon{width:34px; height:34px; overflow:hidden; border-radius:50%; border:solid 1px #fff; }
.footer li .fqlink .icon img{ display:block; width:100%; height:auto; }


.footer li .fqlink .qq:hover .icon, .footer li .fqlink .weixin:hover .icon, .footer li .fqlink .douyin:hover .icon, .footer li .fqlink .icon:hover{background:#fe0000;border:solid 1px #fe0000;}

.footer .qqcode, .footer .weixincode, .footer .douyincode{ display:none; position:absolute; bottom:34px}

.footer .qqcode img, .footer .weixincode img, .footer .douyincode img{ display:block; width:160px; height:auto;}

.footer .qq:hover .qqcode, .footer .weixin:hover .weixincode, .footer .douyin:hover .douyincode{ display:block}

.footer .copyright{ padding:18px 0; line-height:24px; border-top:solid 1px #424f69; text-align: center}


.float_kf{ position:fixed;right:10px; bottom:2%; z-index:99}
.float_kf li{ width:62px; text-align:center; background:#7f7f7f;color:#fff; position:relative; font-size:14px; margin-top:10px; padding:10px 0 5px 0}
.float_kf li{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.float_kf li:hover{ background:#15274d;color:#fff}
.float_kf li:hover a{ color:#fff}
.float_kf li .hd{ display:none}

.float_kf .qq i{ width:24px; height:25px; background:url(../images/fqq.png) no-repeat; margin:0 auto; display:block}
.float_kf .qq .hd{ position:absolute; right:70px;top:0; margin-top:-50px; background:#fff;border:1px solid #e8e8e8; padding:25px;color:#535353}
.float_kf .qq .hd img{ width:120px; display:block;}

.float_kf .fwh i{ width:24px; height:25px; background:url(../images/fweixin.png) no-repeat; margin:0 auto; display:block}
.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 i{ width:24px; height:25px; background:url(../images/ftel.png) no-repeat; margin:0 auto; display:block}
.float_kf .tel .hd{ background:#15274d; color:#fff; font-size:18px; position:absolute;right:70px;top:0;text-align:left;padding:20px 30px; width:200px}
.float_kf .tel .hd span{ float:left}
.float_kf .tel .hd p{ float:left; margin-left:20px}

.banner, .nbanner{ position:relative;}
.nbanner img{ display:block; width:100%; height:auto;}
.nbanner .text{ color:#fff;position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.nbanner .text h3{ margin-bottom:20px; position:relative; font-size:36px; font-weight:bold }
.nbanner .text p{white-space:nowrap;}
.nbanner .text p a{ color:#fff;}
.nbanner .text p a:hover{ text-decoration: underline;}

.topnav{ background:#edeef2; line-height:62px;}
.topnav .wrap{ width:100%}
.topnav ul{ display:inline-block;}
.topnav li{display:inline-block;margin: 0; }
.topnav li a{ display:block;padding:0px 20px;position:relative}
.topnav li a.cur,.topnav li a:hover{ background:#15274d; color:#fff} 
.topnav li a:hover:after,.topnav li a.cur:after{ content:""; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #15274d; position:absolute; left:50%; margin-left:-10px; bottom:-10px}


.nmain .lxleft{ float:left; width:50%}
.nmain .map{ float:right; width:calc(50% - 2px); border:solid 1px #ddd;}
.nmain .lxleft h3{ font-size:20px; font-weight:bold; color:#15274d; margin-bottom:5px;}
.nmain .lxleft .kuai{ padding-left:100px;margin-bottom:30px;}
.nmain .lxleft .kuai:nth-child(1){ background:url(../images/lx01.jpg) no-repeat left top; }
.nmain .lxleft .kuai:nth-child(2){ background:url(../images/lx02.jpg) no-repeat left top;}


.inquiry .input{width:100%; margin-bottom:10px; color:#999; font-size:16px; border:1px solid #ddd; line-height:45px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; border-radius:5px; padding:0px 10px 0 85px;}
.inquiry .input02{width:100%; color:#999; font-size:16px; border:1px solid #ddd; height:125px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; border-radius:5px; padding:0px 10px; margin-bottom:10px;padding:10px 10px 10px 85px;}
.inquiry .submit{ display:block;font-size:18px; border:none; margin:30px auto;text-transform:uppercase;text-align:center; background:#15274d; width:145px;line-height:45px; color:#fff;}
.inquiry .submit:hover{background:#fe0000; }
.inquiry .kuai .row{ float: left; width:49%;  }
.inquiry .row{ position:relative}
.inquiry .row label{ position:absolute; left:15px; top:0; line-height:45px; color:#999}
.inquiry .row label span{ color:#fe0000}
.inquiry .kuai .row:nth-child(2n){ float: right}
.inquiry .kuai03 .row{ float: left; width:49%;  }


.nnews .newskuai:last-child{ margin-bottom:40px;}
.nnews .newskuai{position: relative;}
.nnews .newskuai{border-bottom: 1px solid #ddd;padding: 40px 0; position:relative;}
.nnews .newskuai .pic{ overflow:hidden; float:left; width:calc(24% - 2px); border:solid 1px #ddd; }
.nnews .newskuai .pic img{ width:100%; height:auto;cursor: auto;transition: all 1.5s; padding:2%}
.nnews .newskuai:hover .pic img{transform:scale(1.1);}
.nnews .newskuai .wenzi{ float:right; width:73%;}
.nnews .newskuai .wenzi .shijian{ background:url(../images/date.png) no-repeat left center; padding-left:36px; margin-bottom:15px; color:#666 }
.nnews .newskuai .wenzi h3{ line-height:40px; font-size:20px; font-weight:bold;  overflow: hidden; text-overflow: ellipsis;white-space: nowrap; margin-bottom:10px; }
.nnews .newskuai .wenzi p{ height:120px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden; color:#666}
.nnews .newskuai .wenzi .more{ margin-top:45px;}
.nnews .newskuai .wenzi .more {width:142px; line-height:40px; text-align:center; background:#fff; color:#15274d; border:solid 2px #15274d;position:absolute; bottom:40px; right:0}
.nnews .newskuai:hover .wenzi .more{background:#15274d; color:#fff;}

.newsxiang{ color:#666}
.newsxiang img{ display:block; width:auto; max-width:100%; height:auto; margin:10px auto;}
.newstitle{ margin-bottom:15px; border-bottom:solid 1px #ddd;}
.newstitle h3{padding:8px 0; font-size:20px; font-weight:bold; color:#333}
.newstitle .shijian{ background:url(../images/date.png) no-repeat left center; padding-left:36px; margin-bottom:15px; color:#666}
.newsxiang .more{ margin-top:30px; text-align:center;text-transform:uppercase;}
.newsxiang .more a{ display:inline-block;width:142px; line-height:40px; text-align:center; color:#fff; background:#15274d}
.newsxiang .more a:hover{background:#fe0000}

.ntuijian .title{ position:relative}
.ntuijian .title span{ font-weight:normal; font-size:16px; color:#999; position:absolute; bottom:-10px; right:0}
.ntuijian .title span a{ color:#999}
.ntuijian .title span a:hover{ color:#15274d}

.ntuijian li{ float:left; width:23.5%; margin-right:2%; position:relative; overflow:hidden;}
.ntuijian li:nth-child(4n){ margin-right:0}
.ntuijian li:nth-child(4n+1){ clear:both; }
.ntuijian li .wenzi{ background:#fff}
.ntuijian li .wenzi h3{ font-size:16px;text-align:center; border-bottom:solid 1px #ddd; line-height:28px; padding:10px 0 15px 0;}
.ntuijian li:after{content:""; position:absolute; z-index:99; left:-100%; height:1px; width:100%;bottom: 0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s ;background:#15274d;}
.ntuijian li:hover:after{ left:0}

.ncase .casekuai:nth-child(2n){ margin-bottom:60px}
.ncase .casekuai:last-child{ margin-bottom:0px}
.ncase .casekuai .pic{ margin-top:-60px}
.ncase .casekuai:nth-child(2n+1) .pic{ margin-top:0}
.ncase .casekuai .pic{ float:left; width:47%}
.ncase .casekuai .wenzi{ float:right; width:49%}
.ncase .casekuai:nth-child(2n) .pic{ float:right;}
.ncase .casekuai:nth-child(2n) .wenzi{ float:left;}
.ncase .casekuai .wenzi{ padding:50px 0}
.ncase .casekuai:nth-child(2n) .wenzi{ padding-left:60px;}
.ncase .casekuai .wenzi h3{ font-size:30px; font-weight:bold; line-height:40px; margin-bottom:15px;}
.ncase .casekuai .wenzi h4{ font-size:24px; font-weight:bold; margin-bottom:5px;}
.ncase .casekuai .wenzi .more{width:150px; line-height:45px; text-align:center; color:#15274d; background:#fff; border:solid 1px #15274d; margin-top:72px;}
.ncase .casekuai:hover .wenzi .more{color:#fff;background:#fe0000; border:solid 1px #fe0000;}


.casetitle{ margin-bottom:25px;text-align: center}
.casetitle h3{font-size:30px; margin-bottom:15px; font-weight:bold; color:#15274d}
.casetitle h4{font-size:24px; font-weight:bold; color:#333 }

.ncasetuijian li{ float:left; width:32%; margin-right:2%; position:relative; overflow:hidden;}
.ncasetuijian li:nth-child(3n){ margin-right:0}
.ncasetuijian li:nth-child(3n+1){ clear:both; }
.ncasetuijian li .wenzi{ background:#fff; position:relative}
.ncasetuijian li .wenzi h3{ font-size:18px;text-align:center; position:relative; z-index:9; border-bottom:solid 1px #ddd; line-height:28px; padding:15px 0 20px 0;}
.ncasetuijian li:hover .wenzi h3{ color:#fff}
.ncasetuijian li .wenzi:after{content:""; position:absolute;  left:0; bottom:-100%; height:100%; width:100%;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s ;background:#15274d;}
.ncasetuijian li:hover .wenzi:after{ bottom:0;}


.faqlist li {padding: 20px 50px 20px 20px !important;margin-bottom: 20px;border: solid 1px #ddd;border-radius: 8px; background:url(../images/jia.png) no-repeat calc(100% - 20px) center;}
.faqlist li.cur{background:url(../images/jian.png) #dcdfe4 no-repeat calc(100% - 20px) center;border:solid 1px #dcdfe4; }
.faqlist h3{ font-size:20px; color:#15274d; font-weight:bold}
.faqlist .faqlist_con{ display:none;padding:10px 0; position:relative; line-height:25px;}



.nshili .kuai{ position:relative; float:left; overflow:hidden; margin-bottom:10px}
.nshili .kuai img{ display:block; width:100%; height:auto;}
.nshili .kuai .text{ color:#fff;position:absolute; width:100%; text-align:center; left:0%; bottom:-62px; line-height:62px; background-color:rgba(0,0,0,0.6);-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s ;}
.nshili .kuai .text h3{position:relative; font-size:20px; font-weight:bold }
.nshili .kuai:hover .text{ bottom:0}
.nshili .shililist01 .kuai{ width:calc(33.33% - 7px); margin-right:10px}
.nshili .shililist01 .kuai:nth-child(1){ width:100%; margin-right:0px}
.nshili .shililist01 .kuai:nth-child(4){margin-right:0px}
.nshili .shililist02 .kuai{ width:calc(50% - 5px); margin-right:10px}
.nshili .shililist02 .kuai:nth-child(2), .nshili .shililist02 .kuai:nth-child(3), .nshili .shililist02 .kuai:nth-child(5), .nshili .shililist02 .kuai:nth-child(7), .nshili .shililist02 .kuai:nth-child(9), .nshili .shililist02 .kuai:nth-child(11){margin-right:0px}


.nabout .aboutpic{ float:left; width:47%; background:url(../images/aboutbg.jpg) no-repeat right bottom;}
.nabout .aboutpic img{ padding-right:15px; padding-bottom:15px;  display:block; width:100%; height:auto}
.nabout .wenzi{ float:right; width:48%; padding:50px 0; color:#666}

.yewulist h3{ font-size:30px; font-weight:bold; color:#15274d; position:relative; margin-bottom:20px; padding-bottom:20px;}
.yewulist h3:after{ content:""; width:46px; height:3px; background:#15274d;bottom:0; left:0; position:absolute;}
.yewulist p{ color:#666}
.yewulist .kuai:nth-child(1){ position:relative; margin-bottom:16px;}
.yewulist .kuai:nth-child(1) .pic{ width:75%; float:left}
.yewulist .kuai:nth-child(1) .wenzi{ width:25%; padding:60px 36px; right:0;position:absolute; height:100%; background:#fff}
.yewulist .kuai:nth-child(1) .wenzi:after{content:""; width:0; height:0; border-top:20px solid transparent; border-bottom:20px solid transparent; border-right:20px solid #fff; top:50%; margin-top:-20px; left:-20px; position:absolute;}
.yewulist .kuai:nth-child(1) .more{width:150px; line-height:45px; text-align:center; color:#15274d; background:#fff; border:solid 1px #15274d; margin-top:35px;}
.yewulist .kuai:nth-child(1):hover .more{color:#fff;background:#15274d; border:solid 1px #15274d;}

.yewulist .kuai:nth-child(2){ float:left; width:calc(50% - 9px)}
.yewulist .kuai:nth-child(3){ float:right; width:calc(50% - 9px)}
.yewulist .kuai:nth-child(2) .wenzi, .yewulist .kuai:nth-child(3) .wenzi{ background:#fff; padding:20px 40px 25px 20px;}
.yewulist .kuai:nth-child(2) .wenzi h3, .yewulist .kuai:nth-child(3) .wenzi h3{ font-size:24px;}
.yewulist .kuai:nth-child(2) .wenzi h3 span, .yewulist .kuai:nth-child(3) .wenzi h3 span{ float:right; color:#15274d; font-size:14px; font-weight:normal}
.yewulist .kuai:nth-child(2) .wenzi p, .yewulist .kuai:nth-child(3) .wenzi p{height:90px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}


.nhistory{background:url(../images/lsbg.jpg) no-repeat center center / cover;}
.nhistory .title h3{ color:#fff;}

.history-list .item{ position:relative;width:100%; margin-bottom:15px; background:#fff}
.history-list .initem{background:#fff; border-radius:10px;}
.history-list .initem .pic{ float:left; width:28%; border-radius:50%; margin:5% 0 5% 5%}
.history-list .initem .pic img{ display:block; width:100%; height:auto}
.history-list .initem .wenzi{float:right; width:64%; padding:3% 1% 3% 0}
.history-list .initem .wenzi h3{ font-size:18px; color:#333333; margin-bottom:5px;font-weight:bold}
.history-list .initem .wenzi p{ font-size:14px; line-height:18px;}


.history-list01{ position:relative;}
.history-list01{ padding:0 60px;}
.history-list01:before{ position:absolute; top:50%; right:0; left:0; border-top:1px solid #fff; content:'';}
.history-list01 .swiper-container{ /*padding:0 50px;*/ overflow:hidden}
.history-list01 .swiper-slide .item{ position:relative;height:385px;float:left; margin-left:-120px; width:calc(20% + 96px);}
.history-list01 .initem{ position: absolute; height:140px;background:#fff; border-radius:10px;}
.history-list01 .item:nth-child(5n+1){ margin-left:0}
.history-list01 .initem: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:#fff; content:'';-webkit-transition:.2s ease; -moz-transition:.2s ease; ransition:.2s ease;}
.history-list01 .initem: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:#fff; content:'';}
.history-list01 .initem .pic{ float:left; width:28%; border-radius:50%; margin:5% 0 5% 5%}
.history-list01 .initem .pic img{ display:block; width:100%; height:auto}
.history-list01 .initem .wenzi{float:right; width:64%; padding:3% 1% 3% 0}
.history-list01 .initem .wenzi h3{ font-size:18px; color:#333333; margin-bottom:5px;font-weight:bold}
.history-list01 .initem .wenzi p{ font-size:14px; line-height:18px;}


.history-list01 .initem .jiantou{ position:absolute; bottom:0; width:20px; left:50%; margin-left:-10px; height:1px; line-height:1px; margin:0; background-color:#fff; }
.history-list01 .initem .jiantou:before{ position:absolute; bottom:-9px; left:50%; margin-left:-20px; width:0; height:0; border-left:9px solid transparent; border-right:9px solid transparent; border-top:9px solid #fff;content:'';}
.history-list01 .swiper-slide .item:nth-child(2n) .jiantou{ bottom:auto; top:0;}
.history-list01 .swiper-slide .item:nth-child(2n) .jiantou:before{ border-bottom:9px solid #fff; border-top:0;bottom: auto;top: -9px;}
.history-list01 .initem:hover .jiantou{background-color:#fff;}
.history-list01 .initem:hover .jiantou:before{border-top:9px solid #fff;}
.history-list01 .swiper-slide .item:hover:nth-child(2n)  .jiantou:before{ border-bottom:9px solid #fff;}
.history-list01 .swiper-slide .item:nth-child(2n) .initem{ top:auto; bottom:0;}
.history-list01 .swiper-slide .item:nth-child(2n) .initem:before{ bottom:auto; top:-61px;}
.history-list01 .swiper-slide .item:nth-child(2n) .initem:after{ top:auto; bottom:-45px;}
.history-list01 .swiper-slide .item:nth-child(2n) .initem.word{ margin-top:42px}
.history-list01 .swiper-button-prev{ width:47px !important; height:47px !important;  left:0; margin-top:-23.5px; outline:none; border-radius:50%}
.history-list01 .swiper-button-next{ width:47px !important; height:47px !important;  right:0; margin-top:-23.5px; outline:none;border-radius:50%}
.history-list01 .swiper-button-next.swiper-button-disabled, .prolilist .swiper-button-prev.swiper-button-disabled{opacity:1 !important; z-index:999}
.history-list01 .swiper-button-prev.swiper-button-disabled{background:url(../images/arrow-prev02.png) no-repeat center !important}
.history-list01 .swiper-button-next.swiper-button-disabled{background:url(../images/arrow-next02.png) no-repeat center !important}
.history-list01 .swiper-button-next{ background:url(../images/arrow-next02h.png) no-repeat center;left:auto;  }
.history-list01 .swiper-button-prev{ background:url(../images/arrow-prev02h.png) no-repeat center}


.nwenhua .kuai { color:#fff}
.nwenhua .kuai h3{ font-size:24px; font-weight:bold; line-height:50px; margin-bottom:10px;}
.nwenhua .kuai p{ font-size:18px; line-height:40px;}
.nwenhua .kuai:nth-child(1){ position:relative; margin-bottom:16px;}
.nwenhua .kuai:nth-child(1) .pic{ width:66%;}
.nwenhua .kuai:nth-child(1) .wenzi{ width:34%; right:0; top:0;position:absolute; height:100%; background:#fe0000}
.nwenhua .kuai:nth-child(1) .wenzi:after{content:""; width:0; height:0; border-top:20px solid transparent; border-bottom:20px solid transparent; border-right:20px solid #fe0000; top:50%; margin-top:-20px; left:-20px; position:absolute;}
.nwenhua .kuai:nth-child(1) .wenzi .intro{ position:absolute; left:0; margin-top:-80px; top:50%; padding:0 30px; }

.nwenhua .kuai:nth-child(2){ position:relative; margin-bottom:16px; float:left; width:calc(66% - 16px);}
.nwenhua .kuai:nth-child(2) .pic{ width:50%;}
.nwenhua .kuai:nth-child(2) .wenzi{ width:50%; right:0; top:0;position:absolute; height:100%; background:#2ad864}
.nwenhua .kuai:nth-child(2) .wenzi:after{content:""; width:0; height:0; border-top:20px solid transparent; border-bottom:20px solid transparent; border-right:20px solid #2ad864; top:50%; margin-top:-20px; left:-20px; position:absolute;}
.nwenhua .kuai:nth-child(2) .wenzi .intro{ position:absolute; left:0; position:absolute; margin-top:-110px; top:50%; padding:0 30px; }

.nwenhua .kuai:nth-child(3){ position:relative; margin-bottom:16px; float:right; width:34%; height:344px;}
.nwenhua .kuai:nth-child(3) .wenzi{ bottom:0;position:absolute;background:#15274d; width:100%}
.nwenhua .kuai:nth-child(3) .wenzi .intro{ padding:10px 30px 20px 30px; }

.honor .wrap{ position:relative}
.honor .title h3{ position:relative; margin:20px 0; padding-bottom:20px;}
.honor .title  h3:after{ content:""; width:46px; height:3px; background:#15274d;bottom:0; left:0; position:absolute;}
.honor .title{ width:23%; position:absolute; top:0; left:0; background:#fff; z-index:99; min-height:340px;}
.honor .title p{ font-size:16px; width:85%; line-height:24px;}

@media screen and (max-width: 1330px){

}

.honor .swiper-container{ padding-left:23%;}
.honor .swiper-container .swiper-slide-prev { display:none !important}
.honorlist .pic{ position:relative; overflow:hidden}
.honorlist .swiper-slide{ overflow:hidden}
.honorlist .wenzi h3{ font-size:16px; border-bottom:solid 1px #ddd; line-height:28px; padding:10px 0 15px 0; position: relative}
.honorlist .wenzi h3:after{content:""; position:absolute; z-index:99; left:-100%; height:1px; width:100%;bottom: 0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s ;background:#15274d;}
.honorlist .swiper-slide:hover .wenzi h3:after{ left:0}
.honorlist .swiper-pagination{bottom:0 !important; left:0px !important; width:auto !important; z-index:99999 !important; position:absolute !important; background:#fff; padding:10px 0 140px 0; width:23% !important; text-align:left !important}
.honorlist .swiper-pagination-bullet{ height:12px;width:12px; background:#999; opacity:1;}
.honorlist .swiper-pagination-bullet-active{ background:#15274d}



.nmain .proleft{ float:left; width:20%; background:#e7e9ed; border-radius:25px 0 0 0;}
.nmain .proleft .ptitle{padding:35px 30px 25px 30px;}
.nmain .proleft .ptitle h3{ font-size:24px; line-height:24px; font-weight:bold;padding-left:20px; color:#15274d;position:relative;}
.nmain .proleft .ptitle h3:before{content:""; width:8px; height:24px; position:absolute; left:0%; background:#15274d; top:0;}
.nprolist li{ border-bottom:solid 1px #fff}
.nprolist .toptit{ padding:0px 10px;line-height:20px; padding:13px 0; font-size:18px; font-weight:bold; cursor:pointer; display:flex; display:-webkit-flex; position:relative; background:#7e889d;  color:#fff; padding-left:30px;padding-right:55px}
.nprolist li.cur .toptit{ background:#15274d;}
.nprolist li .toptit a{ color:#fff}
.nprolist .toptit .icon{ width:26px; height:26px;  background:url(../images/jiantou02.png) no-repeat center center; position:absolute; right:20px;top:50%; margin-top:-13px;}
.nprolist li.cur .toptit .icon{ background:url(../images/jiantou01.png) no-repeat center center;}
.nprolist .cont{ padding:10px 0;display:none;}
.nprolist li.cur .cont{ display:block}
.nprolist .cont p{line-height:20px;padding:10px 0; padding-left:25px; }
.nprolist .cont p a{ color:#666; display:block}
.nprolist .cont p a.cli{  color:#15274d;}


.nmain .proright{ float:right; width:78%;}
.nmain .proright .protitle h3{ padding:15px 0 25px 0; text-align:center;color:#15274d; font-weight:bold; font-size:30px; }
.nmain .proright .protitle p{ color:#666}
.nmain .proright .nprolists li{ float:left; width:32%; margin-right:2%; margin-top:2%; position:relative; overflow:hidden;}
.nmain .proright .nprolists li:nth-child(3n){ margin-right:0}
.nmain .proright .nprolists li:nth-child(3n+1){ clear:both; }
.nmain .proright .nprolists li .wenzi h3{text-align:center; border-bottom:solid 1px #ddd; line-height:28px; padding:10px 0 15px 0; font-size:16px; font-weight:bold; }
.nmain .proright .nprolists li:after{content:""; position:absolute; z-index:99; left:-100%; height:1px; width:100%;bottom: 0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s ;background:#15274d;}
.nmain .proright .nprolists li:hover:after{ left:0}

.topnav .wrap{ position:relative}
.topnav .location{ color:#666; font-size:14px; position:absolute; right:0}
.topnav .location a{ color:#666}
.topnav .location a:hover{ color:#15274d}



.single-product-top{ margin-bottom:40px;}
.single-product-top .picsshow{width:57%; float:left; position:relative}

.single-product-top .swiper-container-wrapper {display: flex;flex-flow: row nowrap;height: 100%;width: 100%;}
.single-product-top .swiper-slide-duplicate, .single-product-top .swiper-slide {display: flex;flex-flow: column nowrap;justify-content: top;}

.single-product-top .swiper-button-next, .single-product-top .swiper-button-prev{ top:auto; bottom:0px;border:none !important; color: #15274d !important; left:10px;}
.single-product-top .swiper-button-next{ right:auto !important; left:90px !important;}
.single-product-top .swiper-button-next:after, .single-product-top  .swiper-button-prev:after{font-size: 22px !important; border:none !important}

.gallery-thumbs {width: 16%;height: 400px; margin-left:0px !important;  overflow:hidden;padding:0; }
.gallery-thumbs .swiper-wrapper {flex-direction: column;}
.gallery-thumbs .swiper-slide {flex-flow: column nowrap;width: 100%; min-width:60px !important; height: 100px;cursor: pointer;}
.gallery-thumbs .swiper-slide img{ display:block; width:calc(100% - 2px); height:90px; padding:5px;border: 1px solid #ddd;}
.gallery-thumbs .swiper-slide-thumb-active img {border: 1px solid #15274d;}
.gallery-thumbs .swiper-slide.first{ position:relative}
.gallery-thumbs .swiper-slide.first:before{ content:""; width:100%; height:90px; background:rgba(0,0,0,.3); position:absolute;top:0;right:0; z-index:1}
.gallery-thumbs .swiper-slide.first:after{ content:""; width:0; height:0; border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #fff; position:absolute;right:0;left:0;top:0;bottom:0; margin:auto; z-index:2; border-radius:5px}



.gallery-top {width: 78%;height: 100%;}
.gallery-top .picbox{ position:relative; background:#f9f9f9; cursor:pointer; width:100%}
.gallery-top .img2{ display:block; width:100%;height:auto}
.gallery-top .video-btn-2{ position:absolute; left:0;right:0;top:0;bottom:0;width:100%;height:100%; display:flex; display:-webkit-flex;justify-content:center;align-items:center;z-index: 3;}
.gallery-top .video-btn-2.hide{ opacity:0}
.gallery-top video{width:100%; height:100%;position:absolute; left:0;top:0;right:0;bottom:0;margin:auto;background: #000; z-index:1}

.single-product-top .wenzi{width:40%; float:right;}
.single-product-top .pbtitle h3 {font-size:24px;font-weight: bold;color: #15274d; margin-bottom:25px;}
.single-product-top .wenzi .intro{ line-height:30px; margin-bottom:40px; color:#666}
.single-product-top .wenzi .use li{ display:inline-block; width:145px; line-height:45px; height:45px; margin-right:15px; font-size:16px; text-align:center}
.single-product-top .wenzi .use li:nth-child(1) a{ background:#fe0000; display:block; width:100%; color:#fff}
.single-product-top .wenzi .use li:nth-child(2){ margin-right:0}
.single-product-top .wenzi .use li:nth-child(2) a{ background:#15274d; display:block; width:100%; color:#fff}
.single-product-top .wenzi .use li:hover a{ background:#fe0000; color:#fff}


.productxiang .prodetail{ float:left; width:66%;}
.productxiang .tuipro{ width:30%; float:right}
.productxiang .prodetail .protabmenu { position:relative; border-bottom:solid 1px #ddd}
.productxiang .prodetail .protabmenu li {display:inline-block; position:relative; font-size:20px; margin-right:55px;cursor:pointer;line-height:60px;height:60px; text-align:center;color:#333;}
.productxiang .prodetail .protabmenu li:hover:after,.productxiang .prodetail .protabmenu li.cli:after{ content:""; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #15274d; position:absolute; left:50%; margin-left:-10px; bottom:-10px}
.productxiang .prodetail .protabmenu li:hover, .productxiang .prodetail .protabmenu li.cli{ color:#15274d; font-weight:bold; border-bottom:solid 1px #15274d}
.productxiang .prodetail #protabcontent { clear:both; margin-top:20px; line-height:35px;}
.productxiang .prodetail #protabcontent img{ display:block; width:auto; max-width:100%; height:auto; margin:0 auto}
.productxiang .prodetail .protabmenu .cli { color:#15274d;  }
.productxiang .prodetail #protabcontent .hidden {display:none;}

.inquiry02{ margin-top:30px;}
.inquiry02 .biaoti { position:relative; border-bottom:solid 1px #ddd}
.inquiry02 .biaoti h3{color:#15274d; font-weight:bold; border-bottom:solid 1px #15274d; position:relative;line-height:60px;height:60px; display:inline-block}
.inquiry02 .biaoti h3:after{ content:""; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #15274d; position:absolute; left:50%; margin-left:-10px; bottom:-10px}
.inquiry02 .conn{ margin-top:20px;}
.inquiry02 .conn label span{ color:#fe0000}
.inquiry02 .conn .input{width:100%; margin-bottom:10px; color:#999; font-size:16px; border:1px solid #ddd; line-height:42px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; border-radius:5px; padding:0px 10px;}
.inquiry02 .conn .input02{width:100%; margin-bottom:10px; color:#999; border:1px solid #ddd; height:125px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; border-radius:5px; padding:0px 10px;}
.inquiry02 .conn .submit{ display:block; margin:20px auto; border:none;text-align:center; background:#15274d; width:145px;line-height:42px; color:#fff;}
.inquiry02 .conn .submit:hover{background:#fe0000; }

.productxiang .tuipro .ntitle h3{ line-height:60px; font-size:20px; font-weight:bold;}
.productxiang .tuipro .ntitle h3 span{ float:right; font-weight:normal; font-size:16px; color:#999}
.productxiang .tuipro .ntitle h3 span a{ color:#999}
.productxiang .tuipro .ntitle h3 span a:hover{ color:#15274d}
.productxiang .tuipro .conn{ border:solid 1px #ddd; padding:20px;}
.productxiang .tuipro .conn .wenzi h3{ font-weight:bold; font-size:18px; text-align:center; padding:15px 0 20px 0}


#page {padding-top: 40px !important;}
#page {margin-left: auto !important; text-align:center}
#page p,  #page a{ float:none !important; display:inline-block; padding-left:8px !important; padding-right:8px !important;}