@charset "utf-8";
@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;}
*{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:"Source Han Sans CN","Hiragino Sans GB","Heiti SC","PingFang SC","Microsoft Yahei","WenQuanYi Micro Hei",Helvetica,Arial,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:#1c327e}
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:"Source Han Sans CN","Hiragino Sans GB","Heiti SC","PingFang SC","Microsoft Yahei","WenQuanYi Micro Hei",Helvetica,Arial,sans-serif;}

.red{ color:#fe0101}

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

#a01, #a02, #a03, #a04{ position: absolute;  margin-top:-100px;}
.wrap{ width:80%; max-width:1440px; margin:0 auto}

.jvzhong{ text-align:center}
.title { margin-bottom:35px; position:relative;}
.title h4{ color:#1c327e; font-size:45px; text-transform:uppercase; font-family: 'Impact'; margin-bottom:15px; position:relative	}
.title h3{ font-size:30px;}
.title p{ font-size:20px;}

.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;transition: all 1.5s; display:block}
.kuai:hover .pic img, .item:hover .pic img, li:hover .pic img, a:hover .pic img,  .pic:hover 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%}


body{ position:relative}
.header{width: 100%;top:0;left:0;position:fixed; z-index:9999; -webkit-transition:all .5s;transition:all .5s; background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.header .wrap{ position:relative; height:100px;}
.space{height:100px;}


.header .logo{ position:absolute; left:0; top:50%; margin-top:-29px; z-index:22}
.header .logo img{ display:block; height:58px; width:auto}
.header .menu{ position:absolute; top: 0; right:220px; text-align:center}
.header .menu li{ display:inline-block; position:relative}
.header .menu li .menu_a{line-height:100px;display:block;font-size:18px;position:relative;margin:0 25px;color: #000000;}
.header .menu li .menu_a.cur{ color:#1c327e;}
.header .menu li .sub{position:absolute; display:none;clear:both; background:#fff; z-index:99;border-radius:0 0 20px 20px; overflow:hidden;}
.header .menu li .subchang{ width:100%; left:0; width:100%; padding:40px 0 50px 0;box-shadow: 0 0 10px rgba(0,0,0,0.15); border-radius:0px;}
.header .menu li .subduan{width:140%; margin-left:-20%;box-shadow: 0 0 10px rgba(0,0,0,0.15); box-shadow: 0 0 10px rgba(0,0,0,0.15); padding:0px 0 20px 0 }
.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: #1c327e; color:#fff;}
.header .menu li .subchang .kuai{ float:left; width:16.66%; text-align:left}
.header .menu li .subchang .wrap{ max-width:1440px;}
.header .menu li .subchang .kuai h3{ font-weight:bold; margin-bottom:15px;}
/*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 .menu li .sub p:nth-child(9){animation: 1.2s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(10){animation: 1.3s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(11){animation: 1.4s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(12){animation: 1.5s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .tel{ position:absolute; top:50%; line-height:38px; margin-top:-19px; right:0; width:178px; background:url(../images/tel.png) #1c327e no-repeat 10% center; background-size:18px auto; padding-left:20px; font-size:20px; text-align:center; font-family: 'Impact'; color:#fff; border-radius:20px;}
.header .tel a{ color:#fff;}

.banner{ position:relative; z-index:1; background:#000; }
.banner .swiper-slide{ position:relative; height:calc(100vh - 100px); min-height:520px}
.banner img{ display:block; width:100%; height:auto !important}
.banner .swiper-container{position:relative; height:auto !important}
.banner .swiper-pagination{bottom:4%; text-align:center;}
.banner .swiper-pagination-bullet{ border-radius:50%; width:20px; height:20px;  opacity:1; position:relative; background:none}
.banner .swiper-pagination-bullet-active{ border:solid 1px #fff;}
.banner .swiper-pagination-bullet:after{ content:""; position:absolute; left:50%; top:50%; margin-left:-5px; margin-top:-5px; border-radius:50%; width:10px; height:10px;background:#fff;}

.banner .swiper-slide .text{position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:100%;}
.banner .swiper-slide .text h3{ font-size:50px; line-height:55px; position:relative; color:#fff; font-weight:bold; margin-bottom:30px;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);}
.banner .swiper-slide .text p{ font-size:30px; width:100%; line-height:36px;color:#fff;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);}
.banner .swiper-slide .text .more{ margin-top:90px}

.iproducts .pro-nav{text-align:center; margin:0 auto 30px auto;}
.iproducts .pro-nav li{ width:150px; line-height:40px; display: inline-block; margin:0 2px; }
.iproducts .pro-nav a{ display:block; color:#333; display:block; border:solid 1px #ddd; border-radius:25px;}
.iproducts .pro-nav .cur a, .iproduct .pro-nav a:hover{color:#fff; background:#1c327e;border:solid 1px #1c327e}
.iproducts .protab-wrap{ margin-top:-10px;}
.iproducts .protab-wrap .item{height: 0;opacity: 0;overflow: hidden;}
.iproducts .protab-wrap .item.cur{height: auto;opacity: 1;}
.iproducts .protab-wrap{ width:calc(100% + 20px); margin-left:-10px;}
.iproducts .swiper-slide a{ display:block; position:relative; border:solid 1px #ddd; margin:10px;}
.iproducts .swiper-slide a:hover{ border:solid 1px #1c327e;  box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.iproducts .swiper-slide .wenzi{ margin:0 10px; height:110px; text-align:center;}
.iproducts .swiper-slide .wenzi h3{ padding-bottom:15px; text-align:center; font-size:16px; border-bottom:solid 1px #ddd;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.iproducts .swiper-slide:hover .wenzi h3{ border:solid 1px #fff}
.iproducts .swiper-slide:hover .wenzi h3{ color:#1c327e;}
.iproducts .swiper-slide .wenzi .nmore{ font-size:14px; color:#999; position:relative;transition: 0.5s;  display: inline-block; margin:18px auto; padding:0 20px 0 40px; line-height:28px;}
.iproducts .swiper-slide:hover .wenzi .nmore{ color:#fff; background:#1c327e; border-radius:20px;}
.iproducts .swiper-slide .wenzi .nmore i{ position:absolute; left:10px; top:0; display:block; width:28px; height:28px; border:solid 1px #ddd; border-radius:50%;background:url(../images/jt01.png) no-repeat center center;}
.iproducts .swiper-slide:hover .wenzi .nmore i{ border:none;}
.iproducts .swiper-slide:hover .wenzi .nmore{ margin:0 auto 36px 0}
.iproducts .swiper-slide:hover .wenzi .nmore i{background:url(../images/jt03.png) no-repeat center center;}

.iproducts .more{ margin-top:25px; text-align:center}
.more a{ display: inline-block; width:165px;text-align:center; color:#333; line-height:50px; height:50px;border-radius:26px; background:#edeff5; padding-left:35px; position:relative; border:none !important; border-radius:25px; overflow:hidden}
.more a i{ position:absolute; left:0; top:0%; width:50px; height:50px;background:url(../images/jt02.png) #1c327e no-repeat center center; border-radius:50%;}
.more a:hover{background:#1c327e; color:#fff;}
.more a:hover i{background:url(../images/jt03.png) #1c327e no-repeat center center;}

.iabout{ background:url(../images/abbg.jpg) no-repeat center center; background-size:cover;}
.iabout .iabimg{ float:right; width:50%; }
.iabout .iabimg img{ display:block; width:100%; height:auto; border-radius:50px 0 0 0;}
.iabout .iableft{ float:left; width:46%; margin-top:2%}
.iabout .title h4 span{ position:relative; z-index:2}
.iabout .title h3 span{ position:relative; display: inline-block}
.iabout .title h3 span:after{ content:""; position:absolute; left:calc(100% + 20px); width:200px; height:1px; background:#ddd; top:50%; margin-top:-0.5px;}

.iabout .iyoushi { margin:50px 0}
.nab01 .iyoushi { margin-top:50px}
.iyoushi li{ display:inline-block; text-align:center; margin-right:50px;}
.iyoushi li:last-child{ margin-right:0}
.iyoushi li h3{ font-size:16px;}
.iyoushi li h3 span{font-family: 'Impact'; font-size:45px; color:#1c327e;}


.istrength{ background:url(../images/istrengthbg.jpg) no-repeat center center; background-size:cover;}
.istrength .title h4{ color:#fff; margin-top:28px;}
.istrength .mainbody{ border-radius:50%; border:solid 2px rgba(255,255,255,0.3); color:#fff; text-align:center; width:480px; height:480px; margin:0 auto;  position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%;}
.istrength .mainbody .inn{position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; color:#fff; width:100%}
.istrength .mainbody .wlogo img{ display:block; width:auto; max-width:25%; margin:30px auto 20px auto}
.istrength .mainbody .wad img{ display:block; width:auto; max-width:60%; margin:0 auto}
.istrength .mainbody .inn .intro{ width:80%; margin:0 auto; font-size:16px;}
.istrength .mainbody .more{ margin-top:100px;}

.dian {position: absolute; z-index:10; display: block;width: 16px;height: 16px;background-color:rgba(255, 255, 255,1);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-animation: wave;-o-animation: wave;animation: wave;z-index: 3}
.dian:after, .dian:before {content: "";position: absolute;z-index: 5;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 50%;border: 1px solid rgba(255, 255, 255, .5);-webkit-animation: bowen 3s linear infinite;-o-animation: bowen 3s linear infinite;animation: bowen 3s linear infinite;width: 12px;height: 12px}
.dian:before {border: 1px solid rgba(255, 255, 255,0.5);-webkit-animation: bowen 4s linear infinite;-o-animation: bowen 4s linear infinite;animation: bowen 4s linear infinite}
@keyframes bowen {
	0% {border-width: 1px}
	100% {border-width:15px;border-color: rgba(255, 255, 255, 0)}
}
.istrength .mainbody .dian01{ left:calc(11.3% - 6px); top:16%}
.istrength .mainbody .dian02{ right:calc(11.3% - 6px); top:16%}
.istrength .mainbody .dian03{ left:calc(0% - 8px); bottom:50%}
.istrength .mainbody .dian04{ right:calc(0% - 8px); bottom:50%}
.istrength .mainbody .dian05{ left:calc(11.3% - 6px); bottom:16%}
.istrength .mainbody .dian06{ right:calc(11.3% - 6px); bottom:16%}
.istrength .wrap{ position:relative; color:#fff}
.istrength .wrap .content{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; }
.istrength .wrap .kuai{width:calc(50% - 300px); margin-top:50px;}
.istrength .wrap .kuai:nth-child(2n){ margin-left:600px;}
.istrength .wrap .kuai:nth-child(1), .istrength .wrap .kuai:nth-child(2){ margin-top:0}
.istrength .wrap .kuai h3{ font-size:20px; margin:15px 0}
.istrength .wrap .kuai .num img{ display: block; width:60px; height:auto}
.istrength .wrap .kuai p{ font-size:16px; line-height:24px;}

.inews .title{ position:relative}
.inews .title .more{ position: absolute; right:0; bottom:0}

.inews .swiper-slide{ border:solid 1px #ddd; margin-bottom:40px;}
.inews .swiper-slide .text{ padding:25px;}
.inews .swiper-slide .text h4{ color:#1c327e; margin-bottom:5px;}
.inews .swiper-slide .text h3{ font-size:22px; color:#222;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; height:60px;}
.inews .swiper-slide .date{ color:#999; padding:0 25px; line-height:60px; border-top:solid 1px #ddd; background:url(../images/pnext02.png) no-repeat calc(100% - 25px) center; background-size:12px auto;}
.inews .swiper-slide:hover .date{ background:url(../images/pnext03.png) no-repeat calc(100% - 25px) center;}
.inews .swiper-pagination{ bottom:0 !important;}
.inews .swiper-pagination-bullet{ border-radius:50%; width:20px; height:20px;  opacity:1; position:relative; background:none}
.inews .swiper-pagination-bullet-active{ border:solid 1px #1c327e;}
.inews .swiper-pagination-bullet:after{ content:""; position:absolute; left:50%; top:50%; margin-left:-5px; margin-top:-5px; border-radius:50%; width:10px; height:10px;background:#1c327e;}



.footer{ background:#1c327e;}
.footer .fcontent{ padding:60px 0;}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content: space-between; color:#fff}
.footer li {display:inline-block; line-height:32px; }
.footer li h3{ font-size:18px; color:#fff; position:relative;padding:33px 0 10px 0; }
.footer li  h3 a{ color:#fff}
.footer p, .footer p a{ color:#fff; }
.footer li:nth-child(1) img{ height:56px; width:auto}
.footer li  p.tel{background:url(../images/ftel.png) no-repeat left 7px; padding-left:35px }
.footer li p.mail{background:url(../images/mail.png) no-repeat left 7px; padding-left:35px }
.footer li p.add{background:url(../images/add.png) no-repeat left 7px; padding-left:35px }
.footer li p.phone{background:url(../images/phone.png) no-repeat left 7px; padding-left:35px }
.footer li p.cont{background:url(../images/lianxiren.png) no-repeat 5px 7px; background-size:18px auto; padding-left:35px }
.footer a:hover{ color:#fff}
.footer .copyright{ font-size:14px;border-top:solid 1px #495b98; padding:25px 0; text-align:center;text-align:center;}

.footer li .sub a{ display:block; line-height:25px; font-size:13px; margin-left:5px;}
.footer li .sub{ display:none}
.footer li .kuai.cur .sub, .footer li .sub.on{ display:block}


.float_r{ position:fixed; top:60%; right:5px;  z-index:9999; padding:5px 5px 0px 5px; }
.float_r li{position:relative; width:46px; height:46px; margin-bottom:10px;}
.float_r .hd{position:absolute;  top:0px; right:46px; min-width:250px; display:none;color:#fff }
.float_r .hd .inn{ padding:10px 20px; border-radius:10px; width:calc(100% - 10px); background: #1c327e;  position:relative}
.float_r .hd a{ color:#fff}
.float_r .hd .inn:after{ content:""; width:0; height:0; position:absolute; top:14px; right:-10px; border-top:solid 10px transparent; border-bottom:solid 10px transparent; border-left:solid 10px #1c327e;}
.float_r .hd .inn img{ display: block; margin: 0 auto}
.float_r .img{ width:46px; height:46px; line-height:46px; background:#1c327e;box-shadow: 0 0 10px rgba(0,0,0,0.15); border-radius:50%; overflow:hidden;}
.float_r .img img{ width:46px; height:46px; }
.float_r .img p{ color:#fff;}
.float_r .img001{ display:block}
.float_r .img002{ display:none}
.float_r .li2 .hd .inn{ text-align:center; padding:30px;}

.float_r li:hover .hd{display:block;}
.float_r li:hover .img001{ display:none}
.float_r li:hover .img002{ display:block}
.float_r li:hover .img{background: #1c327e;  }


.nbanner{ position:relative; text-align:center}
.nbanner img{ display:block; width:100%; height:auto}
.nbanner .text{ position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; color:#fff; width:100%}
.nbanner .text h3{ font-size:36px; line-height:35px;margin-bottom:20px; position:relative; z-index:2}
.nbanner .text p{ max-width:580px;font-size:18px; display:inline-block}
.nbanner .text p a{ color:#fff;}
.nbanner .text p span{ padding:0 10px;}

.nnav{ line-height:70px; height:70px; text-align:center; border-bottom:solid 1px #ddd;}
.nnav li{ display:inline-block; position:relative}
.nnav li:after{ z-index: -2;content:""; position:absolute; right:0; width:1px; height:16px; top:50%; margin-top:-8px; background:#ccc}
.nnav li:last-child:after{ display:none}
.nnav li a{ display:block; padding:0 30px; }

.nnav li a:after{z-index: -1;content: '';width: 0;height:70px;background:#1c327e;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.nnav li.cur a:after, .nnav li:hover a:after {width:100%;}
.nnav li.cur a, .nnav li a:hover{ color:#fff;}


.nnewslists .item{ padding:40px 0; border-bottom:solid 1px #ddd}
.nnewslists .conn .item:nth-child(1){ padding-top:0}
.nnewslists .item .pic{ float:left; width:25%; border:solid 1px #ddd;}
.nnewslists .item .text{ float:left; width:calc(75% - 62px); padding:0 30px;}
.nnewslists .item .text h3{ padding:25px 0 10px 0; font-size:20px}
.nnewslists .item .text p{ color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.nnewslists .item .date{ float:right; width:62px; text-align:center; margin-top:60px}
.nnewslists .item .date h3{font-family: 'Impact'; color:#1c327e; font-size:40px; line-height:48px; border-bottom:solid 1px #ddd; }
.nnewslists .item .nmore{ font-size:14px; color:#999; margin-top:40px; position:relative; display: inline-block; padding:0 20px 0 40px; line-height:28px;}
.nnewslists .item:hover .nmore{ color:#fff; background:#1c327e; border-radius:20px;}
.nnewslists .item .nmore i{ position:absolute; left:0px; top:0; display:block; width:28px; height:28px; border:solid 1px #ddd; border-radius:50%;background:url(../images/jt01.png) no-repeat center center;}
.nnewslists .item:hover .nmore i{ border:none;}
.nnewslists .item:hover .nmore i{background:url(../images/jt03.png) no-repeat center center;left:10px; }

.newstitle{ padding-bottom:15px; margin-bottom:15px; border-bottom:solid 1px #ddd;}
.newstitle h3{ font-size:24px; margin-bottom:5px;}
.newstitle p{ color:#999}
.nnewslists img{ width:auto; max-width:100%; margin:10px 0}
.nnewslists p{margin:10px 0}
.nnewsdetail img{ width:auto !important; max-width:100% !important; height:auto !important}
.shangxia{ border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; padding:14px 0; margin-top:70px;color:#888}
.shangxia li{ float:left;}
.shangxia li:nth-child(2){ float:right;}
.shangxia li a{ color:#888}
.shangxia li a:hover{ color:#0f5bb1}

.newstuijian .swiper-slide{ margin-bottom:40px;}
.newstuijian .conn, .newstuijian .wrap{ position:relative}
.newstuijian .pic{ border:solid 1px #ddd;}
.newstuijian .intro{ height:70px; border-bottom:solid 1px #ddd; text-align:center;display: flex;align-items: center}
.newstuijian .intro p{ line-height:25px; width:100%;}
.newstuijian .swiper-pagination{ bottom:0 !important;}
.newstuijian .swiper-pagination-bullet{ border-radius:50%; width:20px; height:20px;  opacity:1; position:relative; background:none}
.newstuijian .swiper-pagination-bullet-active{ border:solid 1px #1c327e;}
.newstuijian .swiper-pagination-bullet:after{ content:""; position:absolute; left:50%; top:50%; margin-left:-5px; margin-top:-5px; border-radius:50%; width:10px; height:10px;background:#1c327e;}




.ncontact .title p{ font-size:18px; margin-top:15px;}
.ncontact .conn ul{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.ncontact li{width:20%;text-align:center; padding:30px 0; border-right:solid 1px #ddd}
.ncontact li:last-child{ border-right:none}
.ncontact li .icon{ width:40%; max-width:72px; height:auto;transition: 0.5s; margin:15px auto 15px auto;}
.ncontact li:hover .icon{margin:0px auto 30px auto;}
.ncontact .icon img{ display:block; width:100%; height:auto}
.ncontact li h3{ color:#222}
.ncontact li p{ color:#666}

.ncontact .map{ width:47%; float:right}


.feedback{ position:relative}
.feedback:after{ content:""; position:absolute; left:0; top:0; width:100%; height:40%; background: url(../images/messbg.jpg) no-repeat center center; z-index:-1}
.feedback .title, .feedback .title h3, .feedback .title h4{ color:#fff}
.feedback .title p{ font-size:18px;}
.feedback .conn{ background:#fff;box-shadow: 0px 0px 15px rgb(0 0 0 / 15%); border-radius: 10px; padding:60px 60px 95px 60px}
.feedback form{ margin:0 auto; max-width:1050px;}


.feedback .form .column{ float:left; width:calc(50% - 15px); margin-right:15px; margin-bottom:15px; position:relative; background:#fff; line-height:48px; overflow:hidden; border:solid 1px #ddd; border-radius:5px}
.feedback .form .row_1 { margin-right:-15px}
.feedback .form .row_1 input{ border:none; line-height:48px; height:48px;width:100%; padding:0 15px;color:#999}
.feedback .form .row_1 select{ border:none; line-height:48px;height:48px; width:100%; padding:0 15px; color:#999}
.feedback .form .row_2{background:#fff; position:relative}
.feedback .form .row_2 textarea{ width:100%; height:150px; border:none; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:15px; margin-bottom:8px; overflow:hidden;color:#999; border-radius:5px; border:solid 1px #ddd}

.feedback .form .row{ position:relative; width:186px; line-height:50px; height:50px; border-radius:25px; overflow:hidden; margin:20px auto 0 auto;background:#1c327e;}
.feedback .form .row .submit{ position:absolute; color:#fff; left:0; top:0;transition: 0.5s;width:186px; font-size:18px; line-height:50px; height:50px; border:none;background:url(../images/jtr.png) no-repeat 75% center; display:block; padding-right:40px; line-height:50px; font-style:normal; }
.feedback .form .row .submit:hover{ background:url(../images/jtr.png) no-repeat 80% center; }


.nab01 .ableft{ width:45%; float:left;}
.nab01 .abright{ width:50%; float:right;}
.nab01 .abright img{ display:block; width:100%; height:auto;}
.nab02{ background:url(../images/nab02bg.jpg) no-repeat center center; background-size:cover;}
.nab02 .title h4, .nab02 .title h3{ color:#fff;}
.nab02 .conn{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; }
.nab02 .item{width:23.5%; position:relative; margin-right:2%; margin-bottom:2%; background-color:rgba(255,255,255,0.6); padding:15px 15px 35px 15px;}
.nab02 .item:nth-child(4n){ margin-right:0}

.nab02 .item .icon{ margin-bottom:20px; width:30%; max-width:77px; margin:50px auto 20px auto;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.nab02 .item img{ display:block; width:100%; height:auto}
.nab02 .item:hover .icon{ -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}
.nab02 .item .text h3{ font-size:24px; line-height:50px; }

.nab03 .swiper-slide{ margin-bottom:40px;}
.nab03 .swiper-slide .pic{border:solid 1px #ddd;}
.nab03 .swiper-slide .text{ padding:15px; text-align:center;}
.nab03 .swiper-slide .img2{ width:auto !important; height:100% !important;}

.nab03 .swiper-pagination{ bottom:0 !important;}
.nab03 .swiper-pagination-bullet{ border-radius:50%; width:20px; height:20px;  opacity:1; position:relative; background:none}
.nab03 .swiper-pagination-bullet-active{ border:solid 1px #1c327e;}
.nab03 .swiper-pagination-bullet:after{ content:""; position:absolute; left:50%; top:50%; margin-left:-5px; margin-top:-5px; border-radius:50%; width:10px; height:10px;background:#1c327e;}



.fuwulist{ margin-top:50px;display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.fuwulist li{ float:left; width:23.5%; margin-right:2%}
.fuwulist li:nth-child(4){ margin-right:0}
.fuwulist li .icon{ background:url(../images/join01.png) no-repeat center center; line-height:86px; color:#fff; background-size:auto 100%; font-size:40px; text-align:center; font-family:'Impact'; z-index:999; display:block}
.fuwulist li .icon span{ font-size:70%}
.fuwulist li .conn{ border:solid 1px #ddd; padding:20% 5% 5% 5%; min-height:150px; margin-top:-40px; position:relative; z-index:-9; line-height:30px; text-align: center; font-size:16px; color:#333;display:block}

.nprolist .item{ display:block; position:relative; border:solid 1px #ddd; float:left; width:23.5%; margin-right:2%; margin-bottom:2%;}
.nprolist .item:nth-child(4n){ margin-right:0}
.nprolist .item:nth-child(4n+1){ clear:both}
.nprolist .item:hover{ border:solid 1px #1c327e;  box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.nprolist .item .wenzi{ margin:0 10px; height:110px; text-align:center;}
.nprolist .item .wenzi h3{ padding-bottom:15px; text-align:center; font-size:18px; border-bottom:solid 1px #ddd;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nprolist .item:hover .wenzi h3{ border:solid 1px #fff}
.nprolist .item:hover .wenzi h3{ color:#1c327e;}
.nprolist .item .wenzi .nmore{ font-size:14px; color:#999; position:relative;transition: 0.5s;  display: inline-block; margin:18px auto; padding:0 20px 0 40px; line-height:28px;}
.nprolist .item:hover .wenzi .nmore{ color:#fff; background:#1c327e; border-radius:20px;}
.nprolist .item .wenzi .nmore i{ position:absolute; left:10px; top:0; display:block; width:28px; height:28px; border:solid 1px #ddd; border-radius:50%;background:url(../images/jt01.png) no-repeat center center;}
.nprolist .item:hover .wenzi .nmore i{ border:none;}
.nprolist .item:hover .wenzi .nmore{ margin:0 auto 36px 0}
.nprolist .item:hover .wenzi .nmore i{background:url(../images/jt03.png) no-repeat center center;}


.single-product-top .picsshow{width:48%; float:left; position:relative}
.single-product-top .swiper-button-next, .single-product-top .swiper-button-prev{ top:auto; bottom:5%; border:none !important;outline: none !important; color: #b2b2b2 !important; left:0px;}
.single-product-top .swiper-button-next:hover, .single-product-top .swiper-button-prev:hover{color:#333}
.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}
.single-product-top .picsshow .swiper-slide{ background:#fff}

.single-product-top .swiper-button-next, .single-product-top .swiper-container-rtl .swiper-button-prev{ background:none}
.single-product-top .swiper-button-prev, .single-product-top .swiper-container-rtl .swiper-button-next{ background:none}

.single-product-top .gallery-thumbs {width: calc(100% - 60px);margin-left:30px !important;padding:0;  margin-top:20px; }
.single-product-top .gallery-thumbs .swiper-slide { position:relative;border: 1px solid #ddd;}
.single-product-top .gallery-thumbs .swiper-slide img{ display:block; width:calc(100% - 2px); margin:1px; height:auto;}
.single-product-top .gallery-thumbs .swiper-slide-thumb-active {border: 1px solid #0353a5;}
.single-product-top .gallery-top {width: 100%;height: 100%; border:solid 1px #ddd; }
.single-product-top .gallery-top .img2{ display:block; width:100%;height:auto}

.single-product-top .wenzi{width:48%; float:right; padding:30px 0}
.single-product-top .protitle{ font-weight:bold;}
.single-product-top .protitle h3{font-size:30px;padding-bottom:18px; border-bottom:solid 1px #ddd; font-weight:bold}
.single-product-top .wenzi .intro{ padding:18px 0 40px 0}
.single-product-top .wenzi .use{padding:35px 0; border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; position:relative}
.single-product-top .wenzi .use .ptel{ height:50px; background:url(../images/ptel.png) no-repeat left center; padding-left:60px}
.single-product-top .wenzi .use .ptel p{ color:#666; line-height:16px;}
.single-product-top .wenzi .use .ptel h3{ font-family: 'Impact'; color:#1c327e; font-size:28px;}
.single-product-top .wenzi .use .zixun{ width:180px; height:48px; line-height:48px; position:absolute; right:0; top:50%; margin-top:-24px;}
.single-product-top .wenzi .use .zixun a{ display:block; background:url(../images/pzixun.png) #1d337f no-repeat 15% center; text-align:center; padding-left:30px; font-size:18px; color:#fff; border-radius:25px;}


.pdetail{ background:#f1f8fe}
.pdetail .tabmenu {line-height:50px;height:50px; background:#fff}
.pdetail .tabmenu li:before {content: '';position: absolute;top:50%;right: 0;bottom: 0; width:1px; height:16px; margin-top:-8px; background:#ccc;}
.pdetail .tabmenu li:last-child:before{ display:none;}
.pdetail .tabmenu li {padding:0 32px; float:left; text-align:center; position:relative }
.pdetail .tabmenu li.cli:before{ display:none}
.pdetail .tabmenu li.cli{color: #fff; background:#1c327e}
.pdetail #atabcontent { clear:both; padding:25px 0 0 0}
.pdetail #atabcontent ul{ display:block; background:#fff}
.pdetail #atabcontent .hidden {display:none;}
.pdetail #atabcontent img{ display:block; width:100%;}