@charset "utf-8";
@font-face
{
	font-family: DIN;
	src: url("DIN-Bold.otf"/*tpa=http://www.jsgbjc.com/public/static/home/font/DIN-Bold.otf*/),
	url("DIN-Bold.otf"/*tpa=http://www.jsgbjc.com/public/static/home/font/DIN-Bold.otf*/); 
}
*{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","PingFang SC","Heiti SC","Microsoft Yahei",Helvetica,Arial,sans-serif;margin:0;padding:0;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;background:#fff; color:#000; font-size:16px; line-height:30px;}
a{color:#484746; 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:#2e56dd}
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","PingFang SC","Heiti SC","Microsoft Yahei",Helvetica,Arial,sans-serif;}
.tu{ color:#ff6f25;}

.font18{ font-size:17px;}

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

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

.wrap{ width:80%; max-width:1240px; margin:0 auto}

.jvzhong{ text-align:center}
.title { margin-bottom:35px; position:relative;}
.title h3{ font-size:40px; line-height:40px; font-weight:bold; position:relative; color:#222}
.title p{ margin-top:10px; font-size:18px; color:#666}
.nmain .title h3{ font-size:36px; line-height:40px; font-weight:bold; position:relative; color:#222}
.nmain .title h3 span{ color:#3463ff}

.title02 { margin-bottom:35px; position:relative;}
.title02 h3{ font-size:36px; line-height:36px; font-weight:bold; position:relative; color:#222}


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


.space{height:166px;}
.header{position:fixed; width:100%; top:0; left:0;background:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.15); z-index:99999;}
.top{  border-bottom:solid 1px #ddd; z-index:999; }
.top .wrap{ height:110px; position:relative}
.top .logo{ position:absolute; left:0; top:50%; margin-top:-28px; z-index:22;}
.top .logo img{ display: block; height:56px; width:auto; float:left; padding-right:20px; margin-right:20px; margin-right:20px; border-right: dotted 1px #ddd;}
.top .logo .ad{ float:left }
.top .logo .ad h3{ font-size:22px; font-weight:bold; color:#222;letter-spacing: 6.3px;}
.top .logo .ad h4{ line-height:22px;color:#222; font-size:16px;}
.top .use{position:absolute; right:0; top:50%; margin-top:-21px; z-index:22; }
.top .use .tel{ float:right; margin-left:5px; background:url("../images/toptel.png") no-repeat left center; height:42px; padding-left:55px; cursor:pointer;}
.top .use .tel p{ line-height:16px; color:#666;}
.top .use .tel h3{
	font-size:22px; font-weight:bold; margin-right:5px;
	color: #222;
	background: -webkit-gradient(linear, left top, right top, color-stop(0, #222), color-stop(.4, #222), color-stop(.5, white), color-stop(.6, #222), color-stop(1, #222));
	-webkit-background-clip: text;
	/* 设置对象中的文字填充颜色 这里设置为透明 */
	-webkit-text-fill-color: transparent;
	/* 每隔2秒调用下面的CSS3动画 infinite属性为循环执行animate */
	-webkit-animation: animate 1.3s infinite;
	overflow: hidden;
}
.top .use .tel h3 span{ font-size:16px; color:#666; font-weight:normal; margin-left:5px}
@-webkit-keyframes animate {
	from {
		background-position: -100px;
	}
	to {
		background-position: 100px;
	}
}

@keyframes animate {
	from {
		background-position: -100px;
	}
	to {
		background-position: 100px;
	}
}

.top .use .language{ width:42px; height:42px; background:#3463ff; border-radius:50%;float:left; }
.top .use .language:hover{background:#F6A307;}
.top .use .language a{ display: block; line-height:42px; width:100%; text-align:center; color:#fff; font-size:18px; margin-right:15px;}

.menu{ text-align:center; height:56px;width:100%;left:0;position:relative; margin-top:-1px; background: #2c52b5;}
.menu ul{width: 100%;display:flex;display:-webkit-flex;justify-content: space-between;}
.menu li{ display:inline-block; width:16.66666666%; position:relative;}
.menu li:after{ content:""; position:absolute; width:1px; height:20px; background-color: rgba(255,255,255,0.3);top:50%; right:0; margin-top:-10px;}
.menu li:nth-child(1):before{ content:""; position:absolute; width:1px; height:20px; background-color: rgba(255,255,255,0.3); top:50%; left:0; margin-top:-10px;}
.menu li:nth-child(1).cur:before{ display:none;}
.menu li.cur:after{ display:none}
.menu li.mcur:after{ display:none}
.menu li .menu_a{display:block;font-size:18px; color:#fff;line-height:56px;position:relative;transition:0s;-webkit-transition:0s;-moz-transition:0s;-ms-transition:0s;-o-transition:0s;}
.menu li .menu_a span{ display:block; width:100%; position:relative; z-index:22;}
.menu li .menu_a.cur span, .menu li.mcur .menu_a span{ color:#fff;}
.menu li .menu_a:after {content: '';width: 100%;height: 0px;background-color: #F6A307;position: absolute; bottom:0px; 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}
.menu .mcur a:after, .menu .cur a:after, .menu li:hover .menu_a:after {height: 100%}
.menu li .sub{position:absolute; display:none;clear:both; background:#2e56dd; padding-bottom:15px !important; z-index:99;border-radius:0 0 10px 10px; overflow:hidden;}
.menu li .subduan{width:100%; box-shadow: 0 0 10px rgba(0,0,0,0.15); box-shadow: 0 0 10px rgba(0,0,0,0.15); padding:0px }
.menu .subduan{ text-align:center; }
.menu .subduan a{ display:block; line-height:48px; color:#fff;}
.menu .subduan p:last-child a{ border:none;}
.menu .subduan a:hover{background:#3463ff; color:#fff;}
/*animate*/
@keyframes rightOpacityShow{
0%{ transform: translateX(-80px);opacity:0;}
80%{ transform: translateX(20px);}
100%{ transform:translateX(0); opacity:1;}
}
.menu li .sub p:nth-child(1){animation: 0.4s ease-in-out 0s 1 normal both running rightOpacityShow;}
.menu li .sub p:nth-child(2){animation: 0.5s ease-in-out 0s 1 normal both running rightOpacityShow;}
.menu li .sub p:nth-child(3){animation: 0.6s ease-in-out 0s 1 normal both running rightOpacityShow;}
.menu li .sub p:nth-child(4){animation: 0.7s ease-in-out 0s 1 normal both running rightOpacityShow;}
.menu li .sub p:nth-child(5){animation: 0.8s ease-in-out 0s 1 normal both running rightOpacityShow;}
.menu li .sub p:nth-child(6){animation: 0.9s ease-in-out 0s 1 normal both running rightOpacityShow;}

.banner img{ display:block; width:100%; height:auto;}
.banner, .banner .swiper-slide,  .banner, .banner .swiper-slide a{ display:block; position:relative; }
.banner img{width:100%; height:auto;}
.banner .text{position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:40%; color:#fff; width:100%}
.banner .text img{ display:inline-block !important; width:auto; max-width:380px;  height:auto; }
.banner .text .t1, .banner .text .t2{transition:all .6s ease-in-out .2s;-webkit-transition:all .6s ease-in-out .2s; opacity:0;}
.banner .text .t1{transform:translateX(-100px);-webkit-transform:translateX(-100px);font-size:48px;line-height:60px; font-weight:bold;}
.banner .text .t2{transform:translateX(100px);-webkit-transform:translateX(100px); font-size:48px; line-height:60px; margin-top:5px; font-weight:bold;}
.banner .swiper-slide.swiper-slide-active .text .t2,.banner .swiper-slide.swiper-slide-active .text .t1{transform:translate(0,0) scale(1);-webkit-transform:translate(0,0) scale(1);opacity:1;}
.banner .swiper-slide{ overflow:hidden}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after{ display:none !important}
.banner .swiper-button-prev, .banner .swiper-button-next{ width:50px; height:50px; border-radius:50%; margin-top:-25px; outline:none; opacity:0; top:50%; overflow:hidden}
.banner .swiper-button-prev{ background:url("../images/jt.png") rgba(0,0,0,1) no-repeat center center; background-size:20px auto; left:2%; opacity:0;-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);
filter:progid:DXImageTransform,Microsoft,BasicImage(rotation=2);}
.banner .swiper-button-next{ background:url("../images/jt.png") rgba(0,0,0,1) no-repeat center center;background-size:20px auto; right:2%; opacity:0;}
.banner:hover .swiper-button-prev{ background:url("../images/jt.png") rgba(0,0,0,1) no-repeat center center;background-size:20px auto; opacity:0.7}
.banner:hover .swiper-button-next{ background:url("../images/jt.png") rgba(0,0,0,1) no-repeat center center;background-size:20px auto; opacity:0.7}
.banner .swiper-pagination{bottom:5%;}
.banner .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #fff;opacity: 1;margin:0 10px!important;position: relative;}
.banner .swiper-pagination-bullet:after{content: '';border: 1px solid #fff;border-radius: 50%;width: calc(100% + 12px);height: calc(100% + 12px);position: absolute;left: -6px;top: -6px;box-sizing: border-box;opacity: 0;}
.banner .swiper-slide-active{z-index: 2;}
.banner .swiper-pagination-bullet-active{ background:#fff; }
.banner .swiper-pagination-bullet-active:after{opacity: 1;}


.iyoushi { padding:60px 0;}
.iyoushi ul{width: 100%;display:flex;display:-webkit-flex;justify-content: space-between;}
.iyoushi li {display:inline-block; width:135px; height:158px; text-align:center; background:url("../images/youshi.jpg") no-repeat center center / cover;}
.iyoushi li:hover{background:url("../images/youshiahover.jpg") no-repeat center center / cover;}
.iyoushi li .icon{ width:56px; margin:35px auto 15px auto;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.iyoushi li:hover .icon{transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg)}
.iyoushi li h3{ font-size:18px; color:#fff;}


.iabout{ background:url("../images/abbg.jpg") no-repeat center center / cover;}
.iabout .abpic{ float:right; width:46%}
.iabout .abpic img{ display: block; width:100%; height:auto; }
.iabout .abtext{ float:left; width:50%;}
.iabout .abtext .abtitle h4{ color:#2e56dd;padding-left:30px; background:url("../images/icon.png") no-repeat left center; background-size:20px auto; font-size:18px;}
.iabout .abtext .abtitle h3{ font-size:30px; font-weight:bold; margin:15px 0; /*padding-left:56px; background:url(../images/icon.png) no-repeat left center; background-size:40px auto;*/}
.iabout .abtext .biaoqian{ margin-left:6px;}
.iabout .abtext .biaoqian span{ display:inline-block; padding:1px 10px 0 15px; position:relative; color:#ff6e24; font-size:14px; margin-right:10px;}
.iabout .abtext .biaoqian span:after{content:""; position:absolute; left:0; top:0; border:solid 1px #ff6e24;transform:skew(-15deg); width:100%; height:100%;}
.iabout .abtext .abcon{ padding:25px 0 35px 0; color:#666}
.iabout .abmore{position:relative; margin-bottom:50px; display:none}
.iabout .abmore a {color:#999; font-size:14px;background:url("../images/jth.png") no-repeat 80% center; transition: 0.5s; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s; display:inline-block; border:solid 1px #ccc; padding:3px 50px 3px 20px;}
.iabout .abmore a:hover{background:url("../images/jt.png") #3463ff no-repeat 80% center; border:solid 1px #3463ff }
.iabout .abtext .youshi {width: 100%;font-size:17px; max-width:580px; display:flex;display:-webkit-flex;justify-content: space-between; }
.iabout .abtext .youshi .item{ display: inline-block; text-align:center;}
.iabout .abtext .youshi .item h3{ font-size:18px; margin-bottom:5px; color:#2e56dd;}
.iabout .abtext .youshi .item h3 span{ font-size:26px; font-weight:bold; background:#2e56dd; width:70px; margin-right:5px; text-align:center; height:70px; line-height:70px; display:inline-block; text-align:center; color:#fff; border-radius:50%}

.iserivce .list{width: 100%;display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.iserivce .list .item{ width:calc(25% - 15px); margin-right:20px; border:solid 1px #ddd; background:#fff;}
.iserivce .list .item:nth-child(4n){ margin-right:0;}
.iserivce .list .item .text{ padding:15px}
.iserivce .list .item .text h3{ font-size:20px; font-weight: bold; color:#222; margin-bottom:15px;}
.iserivce .list .item .text p{margin-bottom:25px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; color:#666; line-height:26px;}
.iserivce .list .item .text p.biaoz{ font-size:14px; color:#999; }
.iserivce .list .item .text .more {  width: 28px;height: 28px; margin-top:5px; display:block; border-radius: 50%;background: url("../images/jt.png") rgba(0,0,0,0.3) no-repeat center center; background-size:50% auto;}
.iserivce .list .item:hover .text .more { background: url("../images/jt.png") #3463ff no-repeat center center; background-size:50% auto;}

.iserivce .erjilist{ padding:15px 5px 30px 15px; border-top: dotted 1px #ddd; }
.iserivce .erjilist li a{ line-height:32px; position:relative; padding-left:16px; display:block; color:#2e56dd; font-weight:bold; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.iserivce .erjilist li a:after{ content:""; position:absolute; left:0; top:50%; width:6px; height:6px; margin-top:-5px; background:#2e56dd; border-radius:50%;}
.iserivce .erjilist li a:hover:after{ background:#ff6e24}
.iserivce .erjilist li a:hover{ color:#ff6e24}
.icase{ background:url("../images/icasebg.jpg") no-repeat center center / cover;}
.icase .i-client-list{ padding-bottom:40px;}
.icase .swiper-slide{ border:solid 1px #ddd;}
.icase .swiper-slide{ padding:12px 15px; background:#fff;}
.icase .swiper-pagination{bottom:0%; text-align:center;}
.icase .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #3866f2;opacity: 1;margin:0 12px!important;position: relative;}
.icase .swiper-pagination-bullet:after{content: '';border: 1px solid #3866f2;border-radius: 50%;width: calc(100% + 12px);height: calc(100% + 12px);position: absolute;left: -6px;top: -6px;box-sizing: border-box;opacity: 0;}
.icase .swiper-slide-active{z-index: 2;}
.icase .swiper-pagination-bullet-active{ background:#3866f2; }
.icase .swiper-pagination-bullet-active:after{opacity: 1;}


.inews .nleft{ float:left; width:74%}
.inews .nleft .intitle{ border-bottom:solid 1px #ddd; margin-bottom:20px}
.inews .nleft .intitle h3{ display:inline-block; font-size:24px; width:160px; line-height:50px; text-align:center; color:#fff; background:#3866f2}
.inews .nleft .intitle h3 a{ color:#fff;}
.inews .topnews { margin-bottom:5px;}
.inews .topnews .pic{ float:left; width:36%}
.inews .topnews .wenzi{ float:right; width:61%; position:relative}
.inews .topnews .wenzi h3{ font-size:20px; line-height:60px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inews .topnews .wenzi p{ color:#888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.inews .topnews .more {width: 33px;height: 33px; margin-top:35px; display:block; border-radius: 50%;background: url("../images/jt.png") rgba(0,0,0,0.3) no-repeat center center;}
.inews .topnews:hover .more { background: url("../images/jt.png") #3463ff no-repeat center center;}
.inews .othernews {display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.inews .othernews .item{ width:49%; margin-right:2%; border:solid 1px #ddd; padding:15px 15px 16px 15px; margin-top:15px; line-height:25px; position:relative;}
.inews .othernews .item:after { content:""; position:absolute; top:50%; right:15px; margin-top:-14px; width: 28px;height: 28px; display:block; border-radius: 50%;background: url("../images/jt.png") rgba(0,0,0,0.3) no-repeat center center; background-size:50% auto;}
.inews .othernews .item:hover:after { background: url("../images/jt.png") #3463ff no-repeat center center; background-size:50% auto;}


.inews .othernews .item:nth-child(2n){ margin-right:0%;}
.inews .othernews .item p{ color:#888;}
.inews .othernews .item h3{ font-size:18px; width:calc(100% - 30px); overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.inews .faq{ float:right; width:24%}
.inews .faq .title02{ margin-bottom:10px;}
.inews .faq .title02 h3{ line-height:50px; font-size:24px; font-weight:bold; }
.inews .faq .title02 h3 a{ color:#222}
.inews .faq .conn{ padding:10px 20px 18px 20px; border:solid 1px #ddd; line-height:36px; height:302px; }
.inews .faq .conn a { display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left:16px; background:url("../images/jiantou.png") no-repeat left center; }
.inews .faq .conn a:hover{ background:url("../images/jiantou02.png") no-repeat left center;}


.fad{background:url("../images/ad.png") no-repeat center; background-size:cover; padding:60px 0; color:#fff;}
.fad .kuai01{ float:left;width:75%;}
.fad .kuai01 p{ color:#fff; margin-bottom:35px; line-height:25px;}
.fad .kuai01 p span{ margin-right:20px; padding:5px 10px 5px 40px; display:inline-block; border:solid 1px #fff;}
.fad .kuai01 p span:nth-child(1){background:url("../images/ad01.png") no-repeat 8px center;}
.fad .kuai01 p span:nth-child(2){background:url("../images/ad02.png") no-repeat 8px center;}
.fad .kuai01 p span:nth-child(3){background:url("../images/ad03.png") no-repeat 8px center;}
.fad .kuai01 h3{ font-size:36px; font-weight:bold; line-height:65px;}
.fad .kuai01 h3 span{ color:#ff6d24; font-size:110%}
.fad .kuai02{ float:right; width:25%; max-width:260px;}
.fad .kuai02 .tel{height:46px; background:url("../images/adtel.png") no-repeat left center; padding-left:55px; color:#fff; margin-top:50px;}
.fad .kuai02 .tel p{ line-height:18px;}
.fad .kuai02 .tel a{ font-size:28px; font-weight:bold; color:#fff; display:block}
.fad .kuai02 .zixun {border-radius:20px; overflow:hidden; width:100%; margin:35px auto 0 auto; cursor:pointer; transition:.5s; text-align:center; padding:0;}
.fad .kuai02 .zixun a{ display:block;  color:#fff;background: url("../images/icon20.png") #ff6d24 no-repeat 20% center; line-height:45px; font-size:18px; padding-left:35px;}


.footer{ background: url("../images/fbg.jpg") no-repeat center center / cover; color:rgba(255,255,255,0.6); border-top:solid 5px #2e56dd; position: relative; z-index:9}
.footer .fcontent{ padding:65px 0 100px 0;}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content: space-between;}
.footer li {display:inline-block; line-height:32px; max-width:380px;}
.footer li:nth-child(1){ text-align:center;}
.footer li:nth-child(1) img{ display:block; max-width:120px;  height:auto; margin:0 auto 10px auto; }
.footer li:last-child{ text-align:center; display:none}
.footer li:last-child img{ display:block; max-width:120px;  height:auto; margin:0 auto 10px auto; }

.footer li p{ line-height:25px; margin-bottom:6px; }
.footer li p.tel{ background:url("../images/tel.png") no-repeat left center; padding-left:30px;}
.footer li p.mail{ background:url(../images/"mail.png") no-repeat left center; padding-left:30px;}
.footer li p.add{ background:url("../images/add.png") no-repeat left 3px; padding-left:30px;}
.footer a{ color:rgba(255,255,255,0.7)}
.footer a:hover{ color:#fff; text-decoration:underline;}
.footer li h3{ margin-bottom:20px; color:#fff; font-size:20px; text-transform:uppercase;}
.footer li h3 a{color:#fff;}
.footer .copyright{ border-top:solid 1px  rgba(255,255,255,0.2); padding:20px 0; text-align:center;text-align:center; color:rgba(255,255,255,0.6); background:#021536}

.nbanner{ position:relative}
.nbanner img{ display:block; width:100%; height:auto}

.location{background-color: rgba(246, 246, 246, 1); box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.13); padding:13px 0; }
.location .wrap{ background:url("../images/map_icon.png") no-repeat left center; padding-left:25px; color:#999nnews}
.location .wrap a{ padding:0 5px;}

.con01 a{ display:block; overflow:hidden; width:100%}
.con01 a img{ display: inline-block; width:100%; height:auto;}
.con01 .lianxi{ padding:50px; background:#fff;box-shadow: 1px 3px 20px 0px rgba(0, 0, 0, 0.14); margin-top:-140px; position:relative; }
.con01 .list{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.con01 .list .item{ width:33.33%; text-align:center;}
.con01 .list .item .icon{ margin:30px auto; width:20%; max-width:60px;}
.con01 .list .item .icon img{ display:block; width:100%; height:auto;}
.con01 .list .item  p{ margin-top:10px; color:#666;}


.con02{background-color: rgba(246, 246, 246, 1); }
.message{ width:100%; margin:40px auto 0 auto}
.message .row{ position:relative; clear:both}
.message .colum{position:relative;margin-bottom:20px; }
.message label{ position:absolute; left:0;top:0; line-height:48px; color:#999;padding-left:15px}
.message label span{ color:#6442ad}
.message .row2 .colum{ width:49%; float:left}
.message .row2 .colum:nth-child(2){ float:right}
.message .inp{width: 100%;border: 1px solid #ddd;line-height:48px;padding: 0 15px;transition: border-color .5s; padding-left:75px;}

.message textarea{width: 100%;height:200px; display:block;border: 1px solid #ddd;line-height:24px;padding:15px;transition: border-color .5s;padding-left:135px;margin-bottom:20px; }
.message .submit{ width:50%; max-width:320px; line-height:48px; height:48px; text-align:center; cursor:pointer; font-size:18px; border:0; background:#3463ff; color:#fff; margin:0 auto; display:block;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.message input:hover, .message textarea:hover{box-shadow: 0 0 5px rgba(0,0,0,0.1);}


.ncase .list{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.ncase .list .item{ width:calc(20% - 16px); margin-right:20px; margin-bottom:20px; border:solid 1px #ddd; padding:10px;}
.ncase .list .item:nth-child(5n){ margin-right:0; }



.nguide {width:220px; float:left;}
.nguide.fixeds, .nguide.fixeds{ left:calc(50% - 620px);}
.fixeds{position:fixed; left:0; top:196px !important}
.nguide h3{ line-height:80px; font-size:24px; text-align:center; color:#fff; background:#3463ff; }
.nguide .conn{ background:#fff; border:solid 1px #ddd;}
.nguide .conn p{ line-height:56px; border-bottom:solid 1px #ddd; font-size:17px; }
.nguide .conn p a{ display:block;transition: 0.5s;padding:0 40px; position:relative}
.nguide .conn p a:after{content:""; width:0; height:0; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid #3463ff; position:absolute; margin-top:-10px; right:20px; top:50%; margin-top:-6px;opacity:0}
.nguide .conn p a.cur:after{ opacity:1}
.nguide .conn p a.cur{color:#3463ff }
.nguide .conn p a:hover{ border-right:solid 5px #3463ff;padding:0 40px; color:#3463ff }
.nguide .conn p a:hover{padding:0 30px 0 50px; color:#3463ff }


.newsconn{ float:right; width:calc(100% - 280px); margin-bottom:50px;}
.newskuai { position:relative; margin-bottom:50px;}
.newskuai:after{ content:""; position:absolute; width:100%; height:1px; background:#ddd; left:0; bottom:-25px}

.newskuai .pic{ float:left; width:28%; border:solid 1px #ddd}
.newskuai .wenzi{ float:right; width:69%; padding-top:10px; color:#333;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.newskuai .wenzi02{ float:none !important; width:100% !important; min-height:200px; padding-top:10px; color:#333;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.newskuai:hover .wenzi02{ padding-left:1%; padding-right:1%}
.newskuai:hover .wenzi{ margin-right:1%}
.newskuai a{ display:block; position:relative;}
.newskuai a:hover{background:#3463ff}
.newskuai .wenzi .biao span{ color:#3463ff; font-weight:bold; font-size:14px;}
.newskuai .wenzi h3{ margin:2px 0 8px 0; font-size:18px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newskuai .wenzi p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; line-height:26px; color:#888}
.newskuai .more{ margin-top:8px; height:40px; line-height:40px; color:#999; font-size:14px;background:url("../images/jth.png") no-repeat 80% center; padding-right:50px; transition: 0.5s; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s; display:inline-block}
.newskuai:hover .more{background:url("../images/jt.png") no-repeat 80% center; color:#fff;  }
.newskuai:hover .biao, .newskuai:hover .biao span, .newskuai:hover h3, .newskuai:hover p{ color:#fff}

.nbottom{ background-color:rgba(246, 246, 246, 1); position: relative; z-index:9}


.nnewsx .newstitle{ position:relative; padding-left:20px; margin-bottom:25px;}
.nnewsx .newstitle:before{ content:""; position:absolute; left:0; top:0; width:5px; height:100%; background:#3463ff}
.nnewsx .newstitle h3{ font-size:22px; font-weight:bold; margin-bottom:8px;}
.nnewsx .newstitle p{ color:#888;}
.nnewsx .newsxconn p{ color:#666; margin:10px 0;}
.nnewsx .newsxconn img{display:block; width:100%; max-width:640px;margin: 15px auto;}
.nnewsx .newstitle p span{ color:#3463ff}
.nnewsx .newstitle .back{ width:140px; position:absolute; right:0; bottom:0}
.nnewsx .newstitle .back a{ margin-top:5px; display:block; width:140px; height:40px; line-height:40px; text-align:center; color:#fff;  background:url("../images/appright.png") #3463ff no-repeat 80% center; background-size:18px auto; padding-right:40px; transition: 0.5s;}
.nnewsx .newstitle .back a:hover{background:url("../images/appright.png") #3463ff no-repeat 80% center; background-size:18px auto; }
.nnewsx img, .nprox img{ display:block; width:100%; max-width:640px;margin: 10px auto;}

.shangxia{ line-height:65px; background:#f2f2f2; margin-top:60px}
.shangxia li{ float:left; width:48%; position:relative;}
.shangxia li:nth-child(2){ float:right}
.shangxia li:hover{background:#3463ff;}
.shangxia li:nth-child(1) a{background:url("../images/jth02.png") no-repeat left center;padding-left:55px;}
.shangxia li:nth-child(2) a{background:url("../images/jth.png") no-repeat right center; padding-right:55px;}
.shangxia li:nth-child(1):hover a{background:url("../images/jt02.png") no-repeat left center; padding-left:55px;}
.shangxia li:nth-child(2):hover a{background:url("../images/jt.png") no-repeat right center;;padding-right:55px;}
.shangxia li a{ display:block;  margin:0 22px; color:#666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.shangxia li:nth-child(2) a{ text-align:right; }
.shangxia li:hover a{ color:#fff} 
.shangxia li:nth-child(1):after{ content:""; position:absolute; left:62px; width:1px; height:14px; top:50%; margin-top:-5px; background:#999}
.shangxia li:nth-child(2):after{ content:""; position:absolute; right:62px; width:1px; height:14px; top:50%; margin-top:-5px; background:#999}
.shangxia li:hover:after{ background:#fff}

.nab01{ background:none !important}
/*.nab01 .abpic{ float:left; width:50%}
.nab01 .abtext{ float:right; width:45%; margin-top:20px;}
.nab01 .abtext .title{ border-bottom:solid 1px #ddd; padding-bottom:20px; background:url(../images/icon.png) no-repeat right top; background-size:auto calc(100% - 30px);}
.nab01 .abtext .abtitle h3{ font-size:30px;}
.nab01 .abtext .title h4{ font-size:24px; font-weight:bold; margin-top:10px;}
.nab01 .abtext .abcon{ color:#666}*/


.nab02{ background-color:rgba(246, 246, 246, 1); }
.nab02.section{ padding:80px 0 100px 0 !important}

.nab02 .conn{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; margin-top:50px;}
.nab02 .conn .item{ width:32%; margin-right:2%; margin-top:60px; text-align:center; background-color: rgba(255, 255, 255, 1); position: relative;}
.nab02 .conn .item:nth-child(3n){ margin-right:0}
.nab02 .conn .item .icon{ position:relative; border-radius:50%; background:#3463ff;position: absolute;z-index: 2;width: 97px;margin-left: -48.5px;top: -48.5px;left: 50%;-moz-transition: 0.5s ease;-webkit-transition: 0.5s ease;transition: 0.5s ease;}
.nab02 .conn .item:hover .icon{ -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}
.nab02 .conn .item .icon img{ display:block; width:100%; height:auto}
.nab02 .conn .item .text{position: relative;margin-top: -48.5px;padding: 100px 8% 60px 8%;text-align: center;}
.nab02 .conn .item .text h3{ font-size:24px;margin:30px 0 20px 0;}
.nab02 .conn .item .text p{ color:#666}

.nab03, .nab03 .conn{ position:relative; }
.nab03{ background:url("../images/nab03.jpg") no-repeat center center; background-size:100% 100%}

.nab03 .title h3{ color:#fff;}
.nab03 .gallery-thumbs{ margin:20px 0 0 0}
.nab03 .gallery-thumbs h3{ font-size:30px; color:rgba(255,255,255,0.8)}
.nab03 .gallery-thumbs .swiper-slide{ cursor: pointer;}

.nab03 .gallery-thumbs .swiper-slide:nth-child(7){ margin-top:3%}
.nab03 .gallery-thumbs .swiper-slide:nth-child(6){ margin-top:6%}
.nab03 .gallery-thumbs .swiper-slide:nth-child(5){ margin-top:9%}
.nab03 .gallery-thumbs .swiper-slide:nth-child(4){ margin-top:12%}
.nab03 .gallery-thumbs .swiper-slide:nth-child(3){ margin-top:15%}
.nab03 .gallery-thumbs .swiper-slide:nth-child(2){ margin-top:18%}
.nab03 .gallery-thumbs .swiper-slide:nth-child(1){ margin-top:21%}
.nab03 .swiper-button-prev, .nab03 .swiper-button-next{ width:25px; height:17px; outline:none; top:auto; bottom:5%; overflow:hidden}
.nab03 .swiper-button-prev{ background:url("../images/jtl.png") no-repeat center center; left:0%; opacity:0.7}
.nab03 .swiper-button-next{ background:url("../images/jtr.png") no-repeat center center;right:0%; opacity:0.7}
.nab03 .swiper-button-prev:hover{ background:url("../images/jtl.png") no-repeat center center; opacity:1}
.nab03 .swiper-button-next:hover{ background:url("../images/jtr.png") no-repeat center center; opacity:1}
.nab03 .gallery-top{ min-height:100px;}
.nab03 .gallery-top .swiper-slide{ padding:0 20%; color:#fff; text-align:center;}
.nab03 .gallery-top .swiper-slide h3{ font-size:65px; line-height:90px; font-weight:bold;  text-align:center; border-bottom:solid 1px rgba(255,255,255,0.3); color:#fb6d1f; margin-bottom:20px;}
.nab03 .gallery-top .swiper-slide h3 span{ font-size:24px; display:block; color:#fff; margin-top:-40px; font-weight:normal; }
.nab03 .gallery-top .swiper-slide p{ font-size:18px;}

.nab04 .conn{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.nab04 .conn .item{ width:calc(25% - 16px); margin-right:20px; border:solid 1px #ddd; position:relative; text-align:center;}
.nab04 .conn .item:nth-child(4n){ margin-right:0}
.nab04 .conn .item .icon{background: url("../images/join01.png") no-repeat center center;line-height: 110px;height: 110px; width:100px; position:absolute; top:0%; margin-top:-55px; left:50%; margin-left:-50px;color: #fff;background-size: auto 100%;font-size: 22px;text-align: center;z-index: 999;display: block;}
.nab04 .conn .item .text{ padding:20px 20px 40px 20px;}
.nab04 .conn .item h3{ margin-bottom:10px; display:block; width:100%;}
.nab04 .conn .item p{ color:#666; width:100%}

.nab04 .conn02{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; margin-top:30px;}
.nab04 .conn02 .item{ width:calc(25% - 16px); margin-right:20px; border:solid 1px #ddd; padding:70px 20px 40px 20px; margin-top:50px; position:relative; text-align:center;}
.nab04 .conn02 .item:nth-child(2){ width:calc(50% - 12px);}
.nab04 .conn02 .item:nth-child(3n){ margin-right:0}
.nab04 .conn02 .item .icon{background: url("../images/join01.png") no-repeat center center;line-height: 110px;height: 110px; width:100px; position:absolute; top:0%; margin-top:-55px; left:50%; margin-left:-50px;color: #fff;background-size: auto 100%;font-size: 30px;text-align: center;z-index: 999;display: block;}
.nab04 .conn02 .item h3{ margin-bottom:10px; display:block; width:100%;}
.nab04 .conn02 .item p{ color:#666; width:100%}

.serconn .ntitle h3{ font-size:24px; line-height:60px; /*border-bottom:solid 1px #ddd;*/font-weight:bold;}
.serconn .kuai01 .ntitle h3{ font-size:24px; }
.serconn .ntitle h3 span{ color:#3463ff;}
.serconn .kuai{ margin-bottom:20px;}
.serconn .conn{ padding:10px 0 20px 0;}
.serconn .conn p{ color:#777;}

.mbg{ background:#f5f5f5;}

.nser02 .conn{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.nser02 .conn .item{ width:calc(33.33% - 13.3333px); margin-right:20px; margin-top:30px; border:solid 1px #ddd; background:#fff;}
.nser02 .conn .item:nth-child(3n){ margin-right:0; }
.nser02 .conn .item:nth-child(1), .nser02 .conn .item:nth-child(2), .nser02 .conn .item:nth-child(3){ margin-top:0}
.nser02 .conn .item .text{ padding:20px 0; }
.nser02 .conn .item .text .inn{max-height:330px;  padding:0 15px 20px 15px; overflow-y: auto;}
.nser02 .conn .item .text h3{ font-size:18px; font-weight:bold; margin-bottom:10px;}
.nser02 .conn .item .text p{ line-height:26px;}

.serconn .kuai03 .conn{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.serconn .kuai03 .conn .item{ width:calc(50% - 10px); margin-right:20px; border-bottom: dotted 1px #ddd; line-height:38px;}
.serconn .kuai03 .conn .item:nth-child(2n){ margin-right:0; }
.serconn .kuai03 .conn .item p{ padding-left:20px; position:relative;}
.serconn .kuai03 .conn .item p:after{ content:""; position:absolute; left:0; top:50%; margin-top:-3px;  width:0; height:0; border-top:solid 6px transparent; border-bottom:solid 6px transparent;  border-left:solid 6px #3463ff;}

.serconn .kuai04 .conn{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.serconn .kuai04 .item{ width:calc(20% - 16px); margin-right:20px; margin-bottom:20px; border:solid 1px #ddd; padding:5px;}
.serconn .kuai04 .item:nth-child(5n){ margin-right:0; }


.liucheng{ position:relative; margin:30px 0 50px 0}
.liucheng img{ display:block; width:100%; height:auto}
.liucheng .inn{ position:absolute; left:0; top:0; width:100%; height:65%}
.liucheng .item{ width:14.2857143%;height: 100%; display: flex;align-items: center; position:absolute; left:0; top:0}
.liucheng .item:nth-child(2){ left:14.2857143%;}
.liucheng .item:nth-child(3){ left:28.5714286%;}
.liucheng .item:nth-child(4){ left:42.8571429%;}
.liucheng .item:nth-child(5){ left:57.1428571%;}
.liucheng .item:nth-child(6){left:auto; right:14.2857143%;}
.liucheng .item:nth-child(7){left:auto; right:0}
.liucheng .item p{line-height:24px; padding-left:47%}


.gongxv{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; }
.gongxv .item{ width:32%; margin-right:2%; margin-top:60px; text-align:center;  border:solid 1px #ddd; position: relative; background:#fff;}
.gongxv .item:nth-child(3n){ margin-right:0}
.gongxv .item .icon{ position:relative; border-radius:50%; background:#3463ff;position: absolute;z-index: 2;width: 70px; height:70px; line-height:70px; font-size:24px; color:#fff; margin-left: -35px;top: -35px;left: 50%;-moz-transition: 0.5s ease;-webkit-transition: 0.5s ease;transition: 0.5s ease;}
.gongxv .item .text{position: relative;margin-top: -30px;padding: 50px 8% 60px 8%;text-align: center;}
.gongxv .item .text h3{ font-size:18px;margin:30px 0 10px 0;}
.gongxv .item .text p{ color:#666; line-height:24px; font-size:15px;}


.yingji{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; }
.yingji .item{ width:32%; padding: 30px 30px 60px 30px;margin-right:2%; text-align:center; border:solid 1px #ddd; position: relative;}
.yingji .item:nth-child(3n){ margin-right:0}
.yingji .item .text{position: relative;}
.yingji .item .text h3{ font-size:18px;margin:10px 0;}
.yingji .item .text p{ color:#666; line-height:24px; font-size:15px;}

.fanwei h3{font-size:18px;}
.fanwei .kuai1{ background:url("../images/xiaof.jpg") no-repeat right center; background-size:40% 100%; width:100%; margin:50px 0; padding:40px 40% 40px 20px; border:solid 1px #ddd}
.fanwei .kuai1 img{ display:none}
.fanwei .kuai1 .line{ width:100%; height:1px; border-bottom:dotted 1px #ddd; margin:20px 0;}
.fanwei .kuai1 .line:last-child{ margin-bottom:0}

.fanwei .kuai2{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; margin-top:30px; }
.fanwei .kuai2 .item{ width:32%; padding: 0px 30px 60px 30px;margin-right:2%; text-align:center;border:solid 1px #ddd; position: relative; overflow:hidden; background:#fff;}
.fanwei .kuai2 .item:nth-child(3n){ margin-right:0}
.fanwei .kuai2 .item:after{ content:""; position:absolute; left:-60px; top:0; border-left:solid 60px transparent;border-right:solid 60px transparent; border-top:solid 60px #3463ff;}
.fanwei .kuai2 .item .num{ line-height:40px; left:-20px; font-size:24px; color:#fff; text-align:left; position:relative; z-index:999}
.fanwei .kuai2 .item .text h3{ font-size:20px;margin:0px 0 15px 0;}
.fanwei .kuai2 .item .text p{ color:#666; line-height:24px;}

.fanwei .kuai3{ border:solid 1px #ddd; font-size:17px; line-height:35px; padding-right:30px; color:#666; margin-top:40px; }


.slc { position:relative}
.slc img{ display: block; width:100%; height:auto;}
.slc .lc{ position:absolute; width:100%; left:0; bottom:0%; display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.slc .liucheng01 .litem{ width:16.66666%; text-align:center; font-size:17px;}
.slc .liucheng02 .litem{ width:14.2857143%; text-align:center; font-size:17px;}
.slc .liucheng03 .litem{ width:33.33333%; padding:0 2px; line-height:16px;text-align:center; font-size:12.5px;}
.slc .liucheng04 .litem{ width:25%; padding:0 2px; line-height:16px;text-align:center; font-size:12.5px;}
.nser .conn{ color:#666}

.nser04 .conn{text-align:center}
.nser04 .item{ width:calc(20% - 16px); margin-right:15px; margin-bottom:20px; border:solid 1px #ddd; padding:5px; display:inline-block; background:#fff;}
.nser04 .item:nth-child(5n){ margin-right:0; }


.nab05 .swiper-button-prev, .nab05 .swiper-button-next{ width:54px; height:54px; margin-top:-27px; outline:none; top:50%; border-radius:50%; overflow:hidden; opacity:0.7}
.nab05 .swiper-button-prev{ background:url("../images/bpre02.png") #f6f6f6 no-repeat center center; background-size:15px auto; left:3%;}
.nab05 .swiper-button-next{ background:url("../images/bnext02.png") #f6f6f6 no-repeat center center;background-size:15px auto;right:3%;}
.nab05 .swiper-button-prev:hover{ background:url("../images/bpre.png") #3463ff no-repeat center center;background-size:15px auto;right:3%;opacity:1}
.nab05 .swiper-button-next:hover{ background:url("../images/bnext.png") #3463ff no-repeat center center;background-size:15px auto;right:3%;opacity:1}

.zshu .conn{ text-align:center}
.zshu .conn .item{ display:inline-block}
.zshu .conn .item{ display:block; width:auto; max-width:100%;}


.float_nav { background:#e64451; width:135px; border-radius:15px; overflow:hidden; position:fixed; right:0; bottom:10%; color:#fff; padding:15px; font-size:12px; z-index:9999;}
.float_nav a{ color:#fff}
.float_nav .fntop{ margin-bottom:20px;}
.float_nav .fntop p{ padding-left:25px; background:url("../images/ma_shouhou.png") no-repeat left center; }
.float_nav .fntop h3{ font-weight:bold; font-size:14px;color:#fff;}
.float_nav .fncontent p{ margin-bottom:10px;}
.float_nav .fncontent p a{display: block; border-radius:5px; font-size:13px;}
.float_nav .fncontent p:nth-child(1) a{background:url("../images/ma_email.png") #fff no-repeat 10px center; background-size:15px auto; padding-left:30px; color:#333; font-weight:bold;} 
.float_nav .fncontent p:nth-child(2) a{background:url("../images/ma_liuyan.png") #fff no-repeat 10px center;background-size:15px auto; padding-left:30px; color:#333; font-weight:bold }