@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:"Microsoft Yahei", Arial, Helvetica, sans-serif;font-size:16px; line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color:#333; }
a{color:#333; text-decoration:none;outline:none; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.3s;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a:hover{text-decoration:none; color:#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:"Microsoft Yahei", Arial, Helvetica, sans-serif;}

.red{ color:#fe0101}

.section{ padding:100px 0 100px 0;}
.section02{ padding:60px 0 60px 0;}
.sectionpre{ padding-top:100px;}
.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:40px; text-transform:uppercase;font-family: 'Impact'; margin-bottom:15px; position:relative	}
.title h3{ font-size:30px;}

.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;}
.header.scroll{background:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.header.scroll .wrap{box-shadow:none}
.header .wrap{ position:relative; width:92%; max-width:92%;height:100px;}
.space{height:100px;}


.header .logo{ position:absolute; left:0; top:50%; margin-top:-30px; z-index:22}
.header .logo img{ display:block; height:60px; width:auto}
.header .menu{ position:absolute; width:100%; top: 0; left:0; text-align:center}
.header .menu li{ display:inline-block;}
.header .menu li:nth-child(2), .header .menu li:nth-child(4), .header .menu li:nth-child(5), .header .menu li:nth-child(6){ position:relative}
.header .menu li .menu_a{
	line-height:100px;
	display:block;
	font-size:16px;
	position:relative;
	margin:0 35px;
	font-weight: bold;
	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: #454792; 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 .language{ position:absolute; right:50px; line-height:30px; margin-top:-15px; top:50%; z-index:22}
.header .language a{ display:block; background:url(../images/language.png) no-repeat left center; background-size:21px auto; padding-left:30px;}


.banner{ position:relative; z-index:1;  height:auto !important }
.banner .swiper-slide{ position:relative; height:100vh; min-height:520px}
.banner 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{ border-radius:50%; width:20px; height:20px;  opacity:1; position:relative; background:none}
.banner .swiper-pagination-bullet-active{ background:#fff; border:solid 1px #1c327e;}
.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:#1c327e;}
.banner .swiper-slide{ position:relative; min-height:500px;}

.banner .swiper-slide .text{ margin-top:12%}
.banner .swiper-slide .text h4{ font-size:90px; line-height:100px; color: rgba(28, 50, 126, 0.1); font-family: 'Impact'; text-transform:uppercase}
.banner .swiper-slide .text h3{ font-size:45px; line-height:45px; position:relative; margin-top:-56px; color:#1c327e; font-weight:bold; margin-bottom:40px;}
.banner .swiper-slide .text p{ font-size:20px; width:100%; max-width:540px; line-height:36px;color:#000;}
.banner .swiper-slide .text .more{ margin-top:70px}

.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}
.iabout .iableft{ float:left; width:46%; margin-top:5%}
.iabout .title{ padding-left:10px;}
.iabout .title h4:after{ content:""; position:absolute; left:-15px; bottom:0; width:50px; height:50px; border-radius:50%; background:#f5f5f5;  z-index:1}
.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 .intro{padding-left:10px;}
.iabout .iyoushi { margin:50px 0}
.iabout .iyoushi li{ display:inline-block; text-align:center; margin-right:50px;}
.iabout .iyoushi li:last-child{ margin-right:0}
.iabout .iyoushi li h3{ font-size:16px;}
.iabout .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 #fff; color:#fff; text-align:center; width:480px; height:480px; margin:0 auto; position:relative;}
.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:50px;}

.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(11.3% - 6px); bottom:16%}
.istrength .mainbody .dian04{ right:calc(11.3% - 6px); bottom:16%}

.istrength .wrap{ position:relative; color:#fff}
.istrength .wrap .kuai{position: absolute;  width:calc(50% - 260px);}
.istrength .wrap .kuai:nth-child(1){ left:0; top:50px;}
.istrength .wrap .kuai:nth-child(2){ right:0; top:50px;}
.istrength .wrap .kuai:nth-child(3){ left:0; bottom:50px;}
.istrength .wrap .kuai:nth-child(4){ right:0; bottom:50px;}
.istrength .wrap .kuai .num{font-family: 'Impact'; font-size:40px; line-height:45px;}
.istrength .wrap .kuai h3{ font-size:20px; margin:15px 0}
.istrength .wrap .kuai p{ font-size:16px; line-height:24px;}



.icase .wrap{ position:relative}
.icase .title{ padding-left:10px;}
.icase .title h4:after{ content:""; position:absolute; left:-15px; bottom:0; width:50px; height:50px; border-radius:50%; background:#f5f5f5;  z-index:1}
.icase .title h4 span{ position:relative; z-index:2}
.icase .item{ float:left; width:20%; border:solid 1px #ddd; margin-left:-1px;display: flex; align-items: center; height:200px;}
.icase .item img{ width:auto; height:auto; max-width:100%; max-height:100%; display:block; margin:auto}
.icase .item:nth-child(5n+1){ clear:both; margin-left:0}
.icase .item:nth-child(6), .icase .item:nth-child(7), .icase .item:nth-child(8), .icase .item:nth-child(9), .icase .item:nth-child(10){ margin-top:-1px;}

.icase .swiper-button-prev, .icase .swiper-button-next{ width:30px; height:30px; overflow:hidden; margin-top:0; outline:none; top:50px; bottom:auto}
.icase .swiper-button-prev{ background:url(../images/icpre.png) no-repeat center center; right:36px; left:auto;}
.icase .swiper-button-next{ background:url(../images/icnext.png) no-repeat center center; right:auto; right:0; left:auto}
.icase .swiper-button-prev:hover{ background:url(../images/icpre02.png) no-repeat center center; opacity:1}
.icase .swiper-button-next:hover{ background:url(../images/icnext02.png) no-repeat center center;  opacity:1}


.inews{background:url(../images/inewsbg.jpg) no-repeat center center; background-size:cover;}
.inews .conn{ position:relative;}
.inews .topnews{ position:absolute; width:40%; height:100%; top:0; left:0; background:#fff; border-radius:0 0 20px 20px;}
.inews .othernews{ width:58%; float:right}
.inews .topnews .wenzi{ padding:20px 3%}
.inews .topnews .pic{ position:relative}
.inews .topnews .pic .ititle{ position:absolute; width:100%; top:75%; text-align:center; font-weight:bold; font-size:24px;background-image:linear-gradient(to right,#c4ac95,#fbf3c5, #c4ac95);-webkit-background-clip:text; color:transparent}
.inews .date{ font-size:14px; width:62px; text-align:center; float:left}
.inews .date h3{font-family: 'Impact'; font-size:40px; color:#1c327e; line-height:35px;}
.inews .topnews .text{ float:right; width:calc(100% - 90px)}
.inews .text h3{ font-size:18px;}
.inews .text p{ color:#999; line-height:24px; height:48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.inews .othernews .item{background:#fff; border-radius:0 0 20px 20px; margin-bottom:20px; padding:20px 3% 30px 3%}
.inews .othernews .item:nth-child(3){ margin-bottom:0;}
.inews .othernews .text{ float:right; width:calc(100% - 90px)}
.inews .othernews .text h3{ margin-bottom:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.footer{ background:#1c327e;}
.footer .fcontent{ padding:60px 0; font-size:14px;}
.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; margin-bottom:10px; font-weight:bold; color:#fff; position:relative;padding-bottom:10px; }
.footer li h3:after{ content:""; position:absolute; left:0; width:40px; height:1px; background:#fff; bottom:0; }
.footer li  h3 a{ color:#fff}
.footer p, .footer p a{ color:#fff; }
.footer li:nth-child(1) img{ height:62px; width:auto}
.footer li  p.tel{background:url(../images/tel.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.tel{background:url(../images/tel.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 a:hover{ color:#fff}
.footer li:last-child p{ font-size:14px;}
.footer .uses{ margin-top:20px;}
.footer .uses .kuai{ width:33px; height:33px;background:#fff; float:left; border-radius:50%; margin-right:10px; position:relative}
.footer .uses .kuai .sub{ display:none; border:solid 1px #ddd; position:absolute; left:0; bottom:45px}
.footer .uses .kuai .sub img{ width:132px; height:auto; display:block}
.footer .uses .icon{ position:relative; z-index:2;width:33px; height:33px; cursor:pointer}
.footer .uses .wcode .icon{background:url(../images/ficon001.png) no-repeat center center; background-size:cover; }
.footer .uses .wcode:hover .sub{ display:block;}
.footer .uses .mail .icon{background:url(../images/ficon002.png) no-repeat center center; background-size:cover; }
.footer .uses .admin .icon{background:url(../images/ficon003.png) no-repeat center center; background-size:cover; }
.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 30px; 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{ margin-bottom:20px; font-size:36px; line-height:35px; padding-bottom:25px; margin-bottom:20px; position:relative; z-index:2}
.nbanner .text h3:after{ content:""; position:absolute; left:50%; bottom:0; background:#fff; width:42px; height:2px; margin-left:-21px;}
.nbanner .text p{ max-width:580px;font-size:18px; display:inline-block}

.nnav{ line-height:80px; text-align:center; border-bottom:solid 1px #ddd;}
.nnav li{ font-size:18px;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:80px;background:#154897;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;}



.nab02{ background:url(../images/nab02bg.jpg) no-repeat center center; background-size:cover;}
.nab02 .title h4, .nab02 .title h3{ color:#fff;}
.nab02 .item{ float:left; width:25%; position:relative}
.nab02 .item .inn{ width:290px; height:290px; border:solid 2px #fff; color:#fff; border-radius:50%; text-align:center; margin:0 auto}
.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; margin-bottom:10px;}
.nab02 .item .text p{ font-size:18px;}

 


.nab03{ background:url(../images/lishibg.jpg) no-repeat center center; background-size:cover;}
.nab03 .conn{ position:relative; width:calc(100% - 100px);margin-left:50px}
.nab03 .swiper-slide{  line-height:35px; font-size:17px}
.nab03 .swiper-slide h3{ font-size:45px; line-height:45px; padding:20px 0;font-family: 'Impact'; color:#1c327e;}
.nab03 .swiper-slide .inn{ margin-left:8px; border-left:solid 2px #ccc; height:350px; position:relative; padding-left:35px;}
.nab03 .swiper-slide .inn:after{ content:""; position:absolute; left:-8px; top:0; width:16px; height:16px; background:#ccc; border-radius:50%;}

.nab03 .swiper-button-prev, .nab03 .swiper-button-next{ width:42px; height:42px; overflow:hidden; opacity:1; left:-50px}
.nab03 .swiper-button-prev{ background:url(../images/apleft03.png) no-repeat center center;}
.nab03 .swiper-button-next{ background:url(../images/apright03.png) no-repeat center center; left:auto; right:-50px}
.nab03 .swiper-button-prev:hover{ background:url(../images/apleft02.png) no-repeat center center;}
.nab03 .swiper-button-next:hover{ background:url(../images/apright02.png) no-repeat center center;}

.partner .swiper-slide{ margin-bottom:50px;}
.partner .item{ float:left; width:13.6666%; margin:0 1.5%; position:relative;line-height:0;}
.partner .item a{ float:left; width:100%; overflow:hidden;}
.partner .item .par1{opacity:1;filter: alpha(opacity=100); float:left; width:80%; margin:10%; position:relative; z-index:3;}
.partner .item .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:16px; line-height:24px; 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 .item .par2 span{ font-size:14px;}
.partner .item .par3{ float:left; width:100%; position:absolute; left:0; top:0; z-index:1;}
.partner .item .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 .item:hover .par1{opacity:0;filter: alpha(opacity=0);}
.partner .item:hover .par2{opacity:1;filter: alpha(opacity=100);}
.partner .item: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 .swiper-slide .item:nth-child(7){ margin-left:7.5%;}
.partner .swiper-pagination{bottom:0%; text-align:center;}
.partner .swiper-pagination-bullet{ border-radius:50%; width:20px; height:20px;  opacity:1; position:relative; background:none}
.partner .swiper-pagination-bullet-active{ background:#fff; border:solid 1px #1c327e;}
.partner .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;}


.nab05{ background:#f3f5f8; position:relative}
.nab05 .wrap{ position:relative; z-index:2}
.nab05:after{ content:""; position:absolute; left:0;  bottom:0; width:100%; height:40%; background:#bac1d8; z-index:1}
.nab05 .title { width:48%;position:absolute}
.nab05 .title p{ margin:40px 0}
.nab05 img{ max-width:100% !important;  max-height:100% !important;width:auto;min-width:auto;}
.nab05 .swiper-slide{ background:#fff}
.nab05 .conn{ padding:0 100px}
.nab05 .gallery-thumbs {width:calc(48% - 100px); position:absolute; left:100px; bottom:0}
.nab05 .gallery-thumbs .swiper-slide { position:relative;}

.nab05 .gallery-thumbs .swiper-slide-active:after{ opacity:1}
.nab05 .gallery-top {width:50%;float:right; border:solid 1px #ddd; background:#fff}
.nab05 .gallery-top .pic{margin:20px; }
.nab05 .swiper-slide .text{ display:block; background:#fff}
.nab05 .swiper-slide .text  h3{ text-align:center; font-size:18px; padding-bottom:15px; padding:15px;}

.nab05 .swiper-button-prev, .nab05 .swiper-button-next{ width:60px; height:60px; outline:none; top:auto; bottom:30px; border-radius:50%; overflow:hidden; opacity:0.7}
.nab05 .swiper-button-prev{ background:url(../images/ihpre02.png) #fff no-repeat center center /cover; left:0;}
.nab05 .swiper-button-next{ background:url(../images/ihnext02.png) #fff no-repeat center center /cover;right:0;}
.nab05 .swiper-button-prev:hover{ background:url(../images/ihpre02.png) #fff no-repeat center center /cover;opacity:1}
.nab05 .swiper-button-next:hover{ background:url(../images/ihnext02.png) #fff no-repeat center center /cover;opacity:1}


.honorlist li{ width:23.5%; margin:1% 2% 1% 0; padding:12px; border:1px solid #ddd; float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; position:relative}
.honorlist li:nth-child(4n){ margin-right:0}
.honorlist li:nth-child(4n+1){ clear:both; }
.honorlist li:hover{border:solid 1px #1c327e;box-shadow: 0 0 15px rgba(0,0,0,0.2); cursor:pointer}
.honorlist li .text h3{  font-size:14px; text-align:center; padding-top:15px; padding-bottom:10px;}

.honorlist li .hd{ position:fixed; width:100%; height:100%; top:0;left:0;color:#666; display:none; z-index:999999999; background-color:rgba(0,0,0,0.7)}
.honorlist li .hd .closed{ width:37px;  height:37px; display:block; background:url(../images/close.png) no-repeat center; position:absolute; left:calc(50% + 320px); top:calc(15% - 15px); -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;z-index: 999999999;}
.honorlist li .hd .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.honorlist li .hd .pro_con{ background:#fff; width:640px; position:absolute;top:25%;left:50%; margin-left:-320px; padding:18px; border-radius:8px; cursor:default; overflow-y:auto; z-index:999999999}
.honorlist li .hd .pro_con h3{color:#000;}
.honorlist .img-dv .img2{ width:auto; max-width:100%; height:auto; min-height:auto; max-height:100%}

.newsli01{background:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.15); border-radius:20px;}
.newsli01 .swiper-slide{border-radius:20px; overflow:hidden; position:relative}
.newsli01 .pic{ width:50%}
.newsli01 .text{ width:50%; padding:50px; position:absolute; right:0; top:0; height:100%}
.newsli01 .text .num{font-size:60px; line-height:60px; padding:0 0 10px 0;font-family: 'Impact'; color:#ddd; font-style:italic}
.newsli01 .text h3{ font-size:24px;}
.newsli01 .text .shijian{ position:relative; padding-bottom:15px; color:#999; margin-bottom:15px;}
.newsli01 .text .shijian:after{ content:""; position:absolute; left:0; bottom:0; width:30px; height:2px; background:#ddd}
.newsli01 .text  p{ color:#666;}
.newsli01 .swiper-slide .nmore{ font-size:14px; color:#999; position: absolute; bottom:50px; left:50px; display: inline-block; padding:0 20px 0 40px; line-height:28px;}
.newsli01 .swiper-slide:hover .nmore{ color:#fff; background:#1c327e; border-radius:20px;}
.newsli01 .swiper-slide .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;}
.newsli01 .swiper-slide:hover .nmore i{ border:none;}
.newsli01 .swiper-slide:hover .nmore i{background:url(../images/jt03.png) no-repeat center center;left:10px; }

.newsli01 .swiper-button-prev, .newsli01 .swiper-button-next{ width:20px; height:26px; background: url(../images/napre02.png); top:auto; bottom:50px; left:auto; right:80px; z-index:99}
.newsli01 .swiper-button-next{ right:50px; background: url(../images/nanext02.png); top:auto;}
.newsli01 .swiper-button-prev:hover{ background: url(../images/napre.png); }
.newsli01 .swiper-button-next:hover{ background: url(../images/nanext.png);}

.newsli02 .item{ float:left; width:32%; margin-bottom:2%; margin-right:2%; border:solid 1px #ddd;}
.newsli02 .item:nth-child(3n){ margin-right:0%}
.newsli02 .item:nth-child(3n+1){ clear:both} 
.newsli02 .item .text{ padding:15px 18px;}
.newsli02 .item .text p{line-height: 24px;height: 48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newsli02 .item .text .shijian{ color:#999}
.nnews .more{ margin-top:25px; text-align:center;}


.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%}
.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{ font-size:14px;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; border-top: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%}
.shangxia{ border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; font-size:14px; padding:14px 0; margin-top:50px;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 .conn, .newstuijian .wrap{ position:relative}
.newstuijian .swiper-button-prev, .newstuijian .swiper-button-next{ width:30px; height:30px; overflow:hidden; margin-top:0; outline:none; top:50px; bottom:auto}
.newstuijian .swiper-button-prev{ background:url(../images/icpre.png) no-repeat center center; right:40px; left:auto;}
.newstuijian .swiper-button-next{ background:url(../images/icnext.png) no-repeat center center; right:auto; right:0; left:auto}
.newstuijian .swiper-button-prev:hover{ background:url(../images/icpre02.png) no-repeat center center; opacity:1}
.newstuijian .swiper-button-next:hover{ background:url(../images/icnext02.png) no-repeat center center;  opacity:1}
.newstuijian .intro{ height:60px; border-bottom:solid 1px #ddd; text-align:center;display: flex;align-items: center}
.newstuijian .intro p{ line-height:25px; width:100%}


.ncontact .lxlist{ width:50%;border-top:solid 1px #ddd; float:left}
.lxlist li { position:relative; border-bottom:solid 1px #ddd;}
.lxlist li.cur:after { content:""; width:74px; height:1px; position:absolute; background:#1c327e; left:0; top:-1px; display:inline}
.lxlist .toptit{ line-height:60px; position:relative; cursor:pointer}
.lxlist .toptit h3{ font-size:18px;}
.lxlist .toptit .icon{ width:15px; height:100%; background:url(../images/jiao.png) no-repeat center center; position:absolute; right:0px;top:0; margin-right:0}
.lxlist li.cur .toptit .icon{ display:none}
.lxlist li.cur .toptit h3{ font-weight:bold; color:#1c327e;}

.lxlist .cont{ display:none; margin-bottom:45px;}
.lxlist .cont p{ clear:both; line-height:36px;}
.lxlist .cont p span:nth-child(1){ float:left; width:65px;}
.lxlist .cont p span:nth-child(2){ float:left; width:calc(100% - 65px);}

.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; }



.nnav02{ text-align:center; border-bottom:solid 1px #ddd;}
.nnav02 li{ font-size:18px;display:inline-block;position:relative; }
.nnav02 li:after{ z-index: -2;content:""; position:absolute; right:0; width:1px; height:16px; top:50%; margin-top:-8px; background:#ccc}
.nnav02 li:last-child:after{ display:none}
.nnav02 li .menu_a{ line-height:80px; display:block; position:relative; padding:0 30px}
.nnav02 li .menu_a:after{z-index: -1;content: '';width: 0;height:80px;background:#154897;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}
.nnav02 li.cur .menu_a:after, .nnav02 li.on .menu_a:after{width:100%}
.nnav02 li.cur .menu_a, .nnav02 li.on .menu_a{ color:#fff;}
.nnav02 li .sub{position:absolute; display:none;clear:both; background:#fff; z-index:99;border-radius:15px; box-shadow: 0 0 10px rgba(0,0,0,0.15); padding:20px 20px 30px 20px;position:absolute;
    left: 50%;
    top: 100%; 
    width:400px; font-size:15px;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%);  }
.nnav02 .sub{ line-height:40px;}
.nnav02 li .sub .jiao{ position:absolute; width:33px; height:13px; left:50%; margin-left:-16.5px; margin-top:-13px; background:url(../images/mjiao.png) no-repeat center center;top:0;}
.nnav02 .sub p{ display:block; background-color:#fff; float:left; width:48.5%; border-bottom:solid 1px #ddd; position:relative}
.nnav02 .sub p:hover, .nnav02 .sub p.cli{border-bottom:solid 1px #1c327e; }
.nnav02 .sub p:after{ content:""; width:0; height:0; left:0; top:50%;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #ccc; margin-top:-6px; position:absolute}
.nnav02 .sub p:hover:after, .nnav02 .sub p.cli:after{border-left:6px solid #1c327e; }
.nnav02 .sub p:hover a, .nnav02 .sub p.cli a{ color:#1c327e;}
.nnav02 .sub p a{ display:block;  padding-left:20px;text-align:left;}
.nnav02 .sub p:nth-child(2n+1){ float:right}


.nprolist .item{ display:block; position:relative; border:solid 1px #ddd; float:left; width:32%; margin-right:2%; margin-bottom:2%;}
.nprolist .item:nth-child(3n){ margin-right:0}
.nprolist .item:nth-child(3n+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:16px; 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 .wrap, .pdetail .wrap, .protuijian .wrap{ max-width:1320px;}
.single-product-top .picsshow{width:48%; float:left; position:relative}
.single-product-top .plogo{ position:absolute; left:25px; top:20px; width:20%; z-index:999}
.single-product-top .plogo img{ display:block; width:auto; max-width:100%}
.single-product-top .swiper-button-next, .single-product-top .swiper-button-prev{ top:auto; bottom:26px; 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 .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:24px;padding-bottom:18px; border-bottom:solid 1px #ddd; font-weight:bold}
.single-product-top .wenzi .intro{font-size:14px;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:59px; background:url(../images/ptel.png) no-repeat left center; padding-left:70px}
.single-product-top .wenzi .use .ptel p{ color:#666; line-height:16px; padding-top:7px; }
.single-product-top .wenzi .use .ptel h3{ font-family: 'Impact'; color:#1c327e; font-size:30px;}
.single-product-top .wenzi .use .zixun{ width:205px; 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:40px; font-size:20px; 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 .hidden {display:none;}
.pdetail #atabcontent img{  width:auto; max-width:100%;}

.protuijian .conn, .protuijian .wrap{ position:relative}
.protuijian .swiper-button-prev, .protuijian .swiper-button-next{ width:30px; height:30px; overflow:hidden; margin-top:0; outline:none; top:50px; bottom:auto}
.newstuijian .swiper-button-prev:after, .newstuijian .swiper-button-next:after, .protuijian .swiper-button-prev:after, .protuijian .swiper-button-next:after{ display:none}
.protuijian .swiper-button-prev{ background:url(../images/icpre.png) no-repeat center center; right:40px; left:auto;}
.protuijian .swiper-button-next{ background:url(../images/icnext.png) no-repeat center center; right:auto; right:0; left:auto}
.protuijian .swiper-button-prev:hover{ background:url(../images/icpre02.png) no-repeat center center; opacity:1}
.protuijian .swiper-button-next:hover{ background:url(../images/icnext02.png) no-repeat center center;  opacity:1}


.protuijian .swiper-slide a{ display:block; position:relative; border:solid 1px #ddd; margin:12px;}
.protuijian .swiper-slide a:hover{ border:solid 1px #1c327e;  box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.protuijian .swiper-slide .wenzi{ margin:0 10px; height:110px; text-align:center;}
.protuijian .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;}
.protuijian .swiper-slide:hover .wenzi h3{ border:solid 1px #fff}
.protuijian .swiper-slide:hover .wenzi h3{ color:#1c327e;}
.protuijian .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;}
.protuijian .swiper-slide:hover .wenzi .nmore{ color:#fff; background:#1c327e; border-radius:20px;}
.protuijian .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;}
.protuijian .swiper-slide:hover .wenzi .nmore i{ border:none;}
.protuijian .swiper-slide:hover .wenzi .nmore{ margin:0 auto 36px 0}
.protuijian .swiper-slide:hover .wenzi .nmore i{background:url(../images/jt03.png) no-repeat center center;}
.protuijian .conn{ width:calc(100% + 24px); margin-left:-12px; margin-top:-10px;}

.nmember{ background:#d2d6e5; }
.nmember .wrap{ max-width:1330px;min-height:calc(100vh - 250px);}
.nlogin .wrap{ background:url(../images/login.png) no-repeat left 20px; background-size:50% auto;}
.nmember .huiyuan{ float:right; width:48%;}
.nmember .huiyuan .inn{ width:100%; max-width:480px;padding:12% 0 10% 0; background:#fff; border-top:solid 3px #1c327e; border-radius:8px;box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.nmember .huiyuan .inn02{padding:4% 0 6% 0 !important;}
.nmember .huiyuan .inn form{ width:80%; max-width:295px; margin:0 auto; }
.nmember .huiyuan .inn h3{ position:relative; max-width:295px; margin:0 auto; line-height:52px; font-size:30px; font-weight:bold; overflow:hidden;  text-align:center; margin-bottom:10px;}
.nmember .huiyuan .inn h3 span{display:inline-block; position:relative;}
.nmember .huiyuan .inn h3 span:before{ content:""; position:absolute; width:150px; height:1px; background:#ddd; left:-200px; bottom:16px;}
.nmember .huiyuan .inn h3 span:after{ content:""; position:absolute; width:150px; height:1px; background:#ddd; right:-200px; bottom:16px;}
.nmember .huiyuan .inn form .input{ border-radius:5px; border:solid 1px #ddd; margin-bottom:18px; width:100%; line-height:46px;height:46px; padding:0 15px;}
.nmember .huiyuan .inn form .row_2 .input{ width:calc(100% - 100px); float:left}
.nmember .huiyuan .inn form .row_3{ padding:10px 0}
.nmember .huiyuan .inn form .row_3 a{ display:block; width:48%; font-size:18px; float:left;line-height:46px; border-radius:8px; text-align:center; color:#fff}
.nmember .huiyuan .inn form .row_3 a:nth-child(1){ background:#d31615}
.nmember .huiyuan .inn form .row_3 a:nth-child(2){ background:#1c327e; float:right}
.nmember .huiyuan .inn form .row_4 a{ font-size:14px; color:#666; display:inline-block; text-decoration:underline; line-height:40px;}
.nmember .huiyuan .inn form .input::-webkit-input-placeholder{  color:#999;}
.nmember .huiyuan .inn form .input::-moz-placeholder{color:#999;}
.nmember .huiyuan .inn form .input:-moz-placeholder{ color:#999;}
.nmember .huiyuan .inn form .input:-ms-input-placeholder{ color:#999;}

.nmember .huiyuan .inn form .row_3 .submit{ display:block; width:48%; font-size:18px; float:left;line-height:40px; height:40px; border-radius:8px; text-align:center; color:#fff; border:none;}
.nmember .huiyuan .inn form .row_3 .submit{ background:#d31615}


.nforget .wrap{ background:url(../images/forget.png) no-repeat left 20px; background-size:50% auto;}


.nmember .tabmenu {line-height:33px; text-align:center;}
.nmember .tabmenu li { width:100px; display:inline-block; text-align:center; border-radius:15px; border:solid 1px #ddd; cursor:pointer;}
.nmember .tabmenu li.cli{color: #fff; background:#1c327e}
.nmember #atabcontent { clear:both; padding:20px 0 0 0}
.nmember #atabcontent .hidden {display:none;}

.nregister .wrap{ background:url(../images/nregister.png) no-repeat left 20px; background-size:50% auto;}
.nmember .huiyuan .inn form .row_2 .disabled-button{ font-size:14px;  line-height:46px;height:46px;display:block; float:right; text-align:center; width:90px;background:#000000; border-radius:8px; color:#ffffff}
.nmember .huiyuan .inn form .row_2 .huoqu{ font-size:14px;  line-height:46px;height:46px;display:block; border:none; float:right; text-align:center; width:90px;background:#1c327e; border-radius:8px; color:#ffffff}
.nmember .huiyuan .inn form .row_6 { font-size:14px; color:#666; margin-top:-15px; margin-bottom:20px;}
.nmember .huiyuan .inn form .row_6 a{ color:#1c327e; text-decoration:underline}
.nmember .huiyuan .inn form .row_6 a:hover{color:#d31615;}
.nmember .huiyuan .inn form .row_7 a.denglu{ display:block; width:48%; background:#d31615; font-size:18px; float:left;line-height:46px; border-radius:8px; text-align:center; color:#fff}
.nmember .huiyuan .inn form .row_7 span{width:48%; float:right;line-height:46px; font-size:14px; color:#666;}
.nmember .huiyuan .inn form .row_7 span a{color:#1c327e; text-decoration:underline;}
.nmember .huiyuan .inn form .row_7 span a:hover{color:#d31615;}

.nmember .huiyuan .inn form .row_7 .submit{ display:block; width:48%; font-size:18px; float:left;line-height:40px; height:40px; border-radius:8px; text-align:center; color:#fff; border:none;}
.nmember .huiyuan .inn form .row_7 .submit{ background:#d31615}

.tanchu .row_3 .xiugai{ display:block; width:48%; font-size:18px; float:left;line-height:40px; height:40px; border-radius:8px; text-align:center; color:#fff; border:none;background:#d31615}


.tanchu{ left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:90%; max-width:700px; height:350px; position:fixed;z-index:9999; background-color:rgba(255,255,255,1); display:none; border-radius: 10px;-webkit-box-shadow: 1px 1px 12px rgba(0,0,0,.25);-moz-box-shadow: 1px 1px 12px rgba(0,0,0,.25);box-shadow: 1px 1px 12px rgba(0,0,0,.25);}
.tanchu.gaimm-sub{ height:495px;}
.tanchu.cur{ display:block}
.tanchu .closed{ position:absolute; width:36px; height:36px; background:url(../images/guanbi.jpg) no-repeat;background-size:cover; right:25px;top:25px; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s; z-index:999999;}
.tanchu .closed:hover{background:url(../images/guanbi.jpg) no-repeat; background-size:cover;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.tanchu .conn{padding:35px; width:100%; max-width:365px; margin:0 auto}
.tanchu .ntit{ font-size:30px; font-weight:bold; margin-top:35px; margin-left:35px; color:#000}

.tanchu .input{ border-radius:5px; border:solid 1px #ddd; margin-bottom:18px; width:100%; line-height:46px;height:46px; padding:0 15px;}
.tanchu .row_2 .input{ width:calc(100% - 100px); float:left}
.tanchu .row_3{ padding:10px 0}
.tanchu .row_3 a{ display:block; width:48%; float:left;line-height:40px; border-radius:8px; text-align:center; color:#fff}
.tanchu .row_3 input:first-child { background:#243783}
.tanchu .row_3 a:nth-child(2){ background:#bbbbbb; float:right}
.tanchu .row_2 .huoqu{ font-size:14px; border:none;  line-height:46px;height:46px;display:block; float:right; text-align:center; width:90px;background:#e8eaf2; border-radius:8px; color:#999}


.bg{ background-color:rgba(0,0,0,0.7); z-index:9998; width:100%; height:100%;position:fixed; left:0; top:0; display:none}
.bg.cur{ display:block}

.member{ background:#d2d6e5; min-height:calc(100vh - 100px);}
.member .location{ font-size:14px; line-height:75px; margin-top:5px;}
.member .nleft{box-shadow: 0 0 10px rgba(0,0,0,0.15); background:#fff; border-radius:15px; min-height:calc(100vh - 260px); width:20%; float:left; padding:30px;}
.member .nleft .mtitle h3{ font-size:18px; font-weight:bold; padding-bottom:20px; border-bottom:solid 1px #ddd; margin-bottom:15px;}
.member .nleft .mconn{ line-height:40px;}
.member .nleft .mconn h3{ font-size:16px;}
.member .nleft .mconn p{ position:relative}
.member .nleft .mconn p:after{ content:""; opacity:0; width:0; height:0; position:absolute; top:50%; margin-top:-5px; right:0; border-left:solid 5px #233882; border-top:solid 5px transparent; border-bottom:solid 5px transparent}
.member .nleft .mconn p:hover:after{ opacity:1}
.member .nleft .mconn p:hover a{ color: #233882;}
.member .nright{box-shadow: 0 0 10px rgba(0,0,0,0.15); background:#fff; border-radius:15px; min-height:calc(100vh - 260px); width:77%; float:right; padding:30px 50px;}

.member .nright .mtitle h3{ font-size:18px; padding-bottom:20px; margin-bottom:15px;}
.member .nright .mconn .item{ float:left; width:32%; margin-right:2%; background:#e9ebf2; padding:40px 20px; border-radius:15px; text-align:center }
.member .nright .mconn .item:last-child{ margin-right:0}
.member .nright .mconn .item .text{ font-weight:bold;}
.member .nright .mconn .item .icon{ margin:20px auto 20px auto;-webkit-transition:all .5s;transition:all .5s;}
.member .nright .mconn .item:hover .icon{margin:10px auto 30px auto;}
.member .nright .mconn .item .icon img{ display:block; height:70px; width:auto; margin:0 auto}

.zhanghao { line-height:80px;}
.zhanghao a{color:#1c327e; text-decoration:underline;}
.zhanghao a:hover{ color:#d31615; }


.ndownlists .downnav {line-height:33px; text-align:center; margin-top:-10px; margin-bottom:40px;}
.ndownlists .downnav li { width:100px; margin:0 5px; display:inline-block; text-align:center; border-radius:15px; border:solid 1px #ddd; cursor:pointer;}
.ndownlists .downnav li.cur{color: #fff; background:#1c327e}
.ndownlists .downnav li.cur a{ color:#fff;}

.downtop{ line-height:50px; font-size:16px; background:#1c327e; color:#fff; font-weight:bold; border-radius:15px; margin-bottom:20px;padding: 0 25px}
.downtop span { display:inline-block; float:left; text-align:center}
.downtop span:nth-child(1){ width:78%;}
.downtop span:nth-child(2){ width:8%;}
.downtop span:nth-child(3){ width:8%;}
.downtop span:nth-child(4){ width:6%;}

.ndownlists .kuai{background:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.15); border-radius:15px; margin-bottom:20px; padding:25px}
.ndownlists .kuai .pic{ width:18%; float:left; border:solid 1px #ddd}
.ndownlists .kuai .text{ width:60%; float:left; padding:10px 10px 10px 25px; margin-top:5px;} 
.ndownlists .kuai .text h3{ font-weight:bold;  margin-bottom:5px;}
.ndownlists .kuai .text p{ color:#333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height:26px; height:52px;}
.ndownlists .kuai .size, .ndownlists .kuai .date{ float:left; width:8%; text-align:center; color:#666; margin-top:60px}
.ndownlists .kuai .download{ float:left; width:6%; text-align:center; margin-top:60px;color:#1c327e; text-decoration:underline; }
.ndownlists .kuai:hover .download{ text-decoration:none; border-radius:15px; color:#fff; background:#1c327e;text-align:center;}


.videoList ul{ margin-right:-2%}
.videoList li{ float:left; width:31.33%; margin-right:2%; margin-bottom:2%;text-align:center; background:#fff; border-bottom:solid 1px #ddd; position:relative;}
.videoList li:after{background:#1c327e; content:""; position:absolute; width:0%; height:2px; left:0; bottom:0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s }
.videoList li:hover:after{ width:100%}
.videoList li .pic{ position:relative;overflow:hidden}
.videoList li .pic:before{ content:""; display:block; padding-top:58.33333%}
.videoList li .pic img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 100%;height: 100%; object-fit:cover}
.videoList li .pic .icon{position:absolute;width:100%; height:100%; background:url(../images/bofang.png) rgba(0,0,0,0.5) no-repeat center center; background-size:12% auto;left:0%; top:0%;}
.videoList li .tit{ font-size:17px;color:#333; padding:15px 0 20px 0; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.videoList li .pic img,.videoList li .pic .ico{ -webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;transition:.8s;}
.videoList li:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.videoList li:hover .pic .icon{ opacity:1;background:url(../images/bofang.png) rgba(0,0,0,0.7) no-repeat center center; background-size:12% auto;}

.focusvideo{display: none; position: fixed;width: 100%;height: 100%;top:0; left:0;z-index: 99;background-color: rgba(0, 0, 0, 0.6); z-index:1000}
.show-video{ display:block}
.video-show {position: absolute;z-index: 1000; width:70%; max-width:850px;top:50%; left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.video-show video{ width:100%}
.video-close{ position:absolute; width:35px; height:35px;right:3%;top:3%; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s;z-index:2}
.video-close:before{ content:""; width:100%; height:2px;background: #fff;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);position: absolute;left: 0;top: 50%; margin-top:-1px}
.video-close:after{ content:""; width:2px; height:100%;background: #fff;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);position: absolute;left:50%;top:0; margin-left:-1px}
.video-close:hover{ -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}



.pro01_h{width: 180px;background-color: #fff;float:left;border: 1px solid #ddd;margin:0 10px;}
#line3_Demoa { width:100%;margin-right: auto;margin-left: auto;overflow: hidden;}
#line3_Demoa img {height: 102px; width:auto; display:block; margin:0 auto}


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

#line3_Demoa img {
	height: 72px;
}
.pro01_h{width: 140px;}
}

#Indemoa {
	float: left;
	width: 8000%;
}
#line3_Demo1a {
	float: left;
}
#line3_Demo2a {
	float: left;
}

.ncontact .title p{ font-size:18px; margin-top:15px;}
.ncontact li{ float:left; width:25%;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}