* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    line-height: 1.5;

}

body{color:#333;font-size:16px;  font-family:Arial,'微软雅黑',"Microsoft Yahei"; }

ul {
	list-style-type: none;
}

a {
	color: #333;
	text-decoration: none;
}
.tc{text-align: center;}

@font-face {
 font-family: 'xes';
 src: url(../fonts/xes.eot);
 src: local('xes'),
        local('xes'),
        url(../fonts/xes.woff) format('woff'),
        url(../fonts/xes.ttf) format('truetype'),
        url(../fonts/xes.svg#fontName) format('svg');
}

/** =======================
 * Contenedor Principal
 ===========================*/







#fix_nav{width: 100%; height: 80px; background: rgba(255,255,255,0.8); position: relative;z-index: 999;}
.pc-nav1{background: #fff !important; border-bottom: 1px solid #bbb;}
.fixed-nav{
position: fixed !important;
width:100%;
top:-170px;
-webkit-transition: top .5s;
 -moz-transition: top .5s;
 -o-transition: top .5s;
 transition: top .5s;
}
.fixed-nav-appear{top:0;}
.fix_sec{
position: fixed;
width:100%;
top:0;
z-index: 999;
-webkit-transition: top .5s;
-moz-transition: top .5s;
-o-transition: top .5s;
transition: top .5s;
}
#fix_nav .pc-nav {width: 100%; height: 90px; position: relative;}
#fix_nav .pc-nav ul {width: 850px; height: 90px; position: absolute; top: 0px; z-index: 500; left: 50%; margin-left: -425px;}
#fix_nav .pc-nav ul li{padding:0 20px; margin: 0 10px; display: block;
 height: 90px;position: relative; min-width: 80px; float: left;
transition: all 0.3s ease;}
#fix_nav .pc-nav ul li > a{display: block; height: 90px; overflow: hidden; text-align: center;
transition: all 0.3s ease;}
#fix_nav .pc-nav ul li a h6{display: inline-block;  line-height: 90px;
 font-size: 16px; color: #333; font-weight: 500;
transition: all 0.3s ease;}
#fix_nav .pc-nav ul li a img{position: absolute; left: 50%; margin-left: -20px; top: -60px;
transition: all 0.3s ease;}
#fix_nav .pc-nav ul li:hover{height: 90px; background: #009bdf;}
#fix_nav .pc-nav ul li:hover > a{height: 90px; }
#fix_nav .pc-nav ul li:hover > a > h6{height: 30px; line-height: 30px; padding-top: 60px; color: #fff; }
#fix_nav .pc-nav ul li:hover > a > img{top: 10px;}
#fix_nav .pc-nav ul li.cut{height: 90px; background: #009bdf;}
#fix_nav .pc-nav ul li.cut > a{height: 90px; }
#fix_nav .pc-nav ul li.cut > a > h6{height: 30px; line-height: 30px;
padding-top: 60px; color: #fff; }
#fix_nav .pc-nav ul li.cut > a > img{top: 10px;}

#fix_nav .pc-nav ul li .down{ width:100%;  padding-top: 10px; padding-bottom: 10px;
	background:rgba(255,255,255,0.8); position:absolute; top:90px; left:0; display:none;border-bottom: 2px solid #009bdf; }
#fix_nav .pc-nav ul li .down a{ display:block; font-size:15px; color:#333;padding:4px 3px;
line-height:20px; text-align: center;}
#fix_nav .pc-nav ul li .down a:hover{ background: #009bdf; color:#fff;}

#fix_nav .pc-nav .lag{position: absolute; right: 42px;height: 80px; top: 0px; text-align: right;}
#fix_nav .pc-nav .lag a{display: inline-block; width: 220px; height: 38px; border-radius:4px; border: 1px solid #009bdf;
 margin-top: 21px; line-height: 38px; margin-left: 10px; font-size: 16px; color:#009bdf; text-align: center;  }
#fix_nav .pc-nav .lag a.cut{background:#009bdf; color: #fff; }
#fix_nav .pc-nav .log{position: absolute; left: 0px;top: 0px; }
#fix_nav .pc-nav .log .tel{position: absolute; left: 0px;top: 90px; cursor:pointer;}
#fix_nav .pc-nav .log .tel .tel-bac{position: absolute; left: 0px;top: 0px; z-index: 101}
#fix_nav .pc-nav .log .tel .tel-ico{position: absolute; left: 7px;top: 7px; z-index: 102}
#fix_nav .pc-nav .log .tel .tel-num{position: absolute; left: -300px;
 top: 20px; display: inline-block; min-width: 200px;
height: 30px; font-size: 16px; color: #009bdf;line-height: 30px; z-index: 100;
background: #f9f9f9; border: 1px solid #009bdf;
border-radius: 0 15px 15px 0; padding-left: 60px;  padding-right: 20px;
transition: all 0.3s ease;}
#fix_nav .pc-nav .log .tel:hover .tel-num{left: 0px;}


.mb-nav{width: 100%; height: 40px; background: #fff; display: none;
 position: fixed;left: 0px;top: 0px; z-index: 108;border-bottom: 1px #999 solid; }
.mb-nav .logo0{width: 90px; position: absolute; left:0px; top: 0px; z-index: 108; }
.mb-nav .meau{width: 40px; position: absolute; right: 10px; top: 0px; cursor:pointer;}
.mb-nav h3{width: 100%; height: 40px; line-height: 40px;
 font-size: 18px; text-align: center; color: #999;;font-weight: 500;}

.mb-nav-close{width: 100%; height: 100%; position: absolute;  z-index: 104;}
.sliding-menu{z-index: 105; position: fixed !important; top: 40px; }
#menu{background: rgba(255,255,255,0.8) !important; border-bottom: 1px solid #999;}

.sliding-menu a:hover{background: #009bdf !important; color: #fff !important;}
.sliding-menu a.back{color: #fff !important;}



.banner {position: relative;margin-top: -80px;}
.banner .swiper-pagination{width: 100%;  bottom: 10px;}
.banner .swiper-pagination span{margin-left: 5px; margin-right: 5px;}
.banner .swiper-slide img{width: 100%; display: block;}

@media (max-width: 1400px) {
#fix_nav .pc-nav .lag{right: 90px;}
#fix_nav .pc-nav ul li{padding:0 10px; margin: 0 5px; }
#fix_nav .pc-nav ul {width: 660px; margin-left: -330px;}
#fix_nav .pc-nav ul li .down a{ display:block; font-size:14px; color:#333;padding-left: 0px; text-align: center;
line-height:24px; }
}
@media (min-width: 1199px) {
#menu{display: block;}
}

@media (max-width: 1200px) {
#fix_nav{ display: none;}
.banner {margin-top: 40px;}
.mb-nav{display: block;}

}




.title-l{width: 100%; height: auto;  overflow: hidden;}
.title-l h1{font-size: 50px; font-weight: 100; line-height: 50px; margin-bottom: 20px; color: #bfbfbf; font-family: 'xes';}
.title-l span{display: block; width: calc(100% - 20px); max-width: 500px; height: 2px; background: #009bdf; margin-bottom: 20px;}
.title-l span b{display: block; width: calc(100% - 80px); height: 2px; background: #666;}
.title-l h2{font-size: 30px; font-weight: 500;color:#009bdf; }
.title-l{width: 100%; height: auto;  overflow: hidden;}
.title-c{width: 100%; height: auto;  overflow: hidden;}
.title-c h1{font-size: 50px; font-weight: 100; line-height: 50px; margin-bottom: 20px; color: #bfbfbf; font-family: 'xes';text-align: center;}
.title-c h2{font-size: 30px; font-weight: 500;color:#009bdf; text-align: center;}
@media (max-width: 900px) {
.title-c h1{font-size: 36px; margin-bottom: 10px; }
.title-c h2{font-size: 24px; }
}
.abo{width: 100%; max-width: 1200px; margin:0 auto; padding-top: 80px;height: auto; overflow: hidden; }

.abo-l{width: 50%; float: left;height: auto;  overflow: hidden; padding-top: 80px; }
.abo-l-t{width: calc(100% - 20px); max-width: 500px; padding-left: 80px; margin-top: 50px; font-size: 16px; position: relative;}
.abo-l-t .more{display: block; width: 120px; height: 40px; font-size: 16px; color: #999;text-decoration:none; border: 1px solid #999; line-height: 40px; text-align: center; margin-top: 50px;}
.abo-l-t .more:hover{color: #fff; background: #009bdf;border: 1px solid #009bdf; }
.abo-tab {position: absolute; top: 0px; left: 0px;}
.abo-tab li{width: 40px; height: 40px; margin-bottom: 30px;  cursor: pointer;}
.abo-tab li .img0{display: block;width:34px;}
.abo-tab li .img1{display: none;width:34px;}
.abo-tab li:hover .img0{display: none;width:34px;}
.abo-tab li:hover .img1{display: block;width:34px;}
.abo-tab li.cut .img0{display: none;width:34px;}
.abo-tab li.cut .img1{display: block;width:34px;}
.abo-r{width: 50%; float: left;height: auto;  overflow: hidden; }
.abo-r-p{width: calc(100% - 50px); max-width: 460px; padding-left: 80px; margin-top: 50px; font-size: 16px; position: relative;}
.abo-r-p .swiper-container img{display: block; width: 100%;}
.abo-r-b{position: absolute;width: 100%;height: 100%; background: #009bdf; left: -30px; bottom: -30px; }
.abo-r-p-b{position: relative; padding-bottom:30px; }
.abo .title-c{display: none;}
.abo-l-t-b{line-height: 1.5;}
.abo-l-t-b p{line-height: 1.5;word-wrap:break-word;word-break:break-all; }

@media (max-width: 1220px) {
.abo-l{padding-left: 40px; }

}
@media (max-width: 800px) {
.abo-l{width: 100%; padding-top: 0px;}
.abo-r{display: none;}
.abo-l-t{max-width: 800px;}
.abo .title-l{display: none;}
.abo .title-c{display: block;}
}

.jiangshan{width: 100%; margin:0 auto; padding-top: 80px;height: auto; overflow: hidden; }
.jiangshan-box{width: 100%; margin:0 auto;height: auto; overflow: hidden;position: relative;margin-top: 80px; }
.jiangshan-box-l{width: 50%; height: 100%; position: absolute; top: 0px; left: 0px;  background-size: cover;
 /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;}

.jiangshan-box-r{width: 50%; height: auto; overflow: hidden; float: right; }
.jiangshan-box-r ul{width: 100%; height: auto; overflow: hidden; }
.jiangshan-box-r ul li{width: 100%; height: auto; overflow: hidden; position: relative; }
.jiangshan-box-r ul li .jiangshan-box-r-txt{width: 50%; height: auto; overflow: hidden; min-height: 225px; padding:0 40px; float: left; min-height: 225px;}
.jiangshan-box-r ul li .jiangshan-box-r-txt .js-b{margin-top:40px; margin-bottom: 40px; }
.jiangshan-box-r ul li .jiangshan-box-r-txt h1{font-size: 32px;margin-bottom: 20px; font-weight: 500; color: #fff;}
.jiangshan-box-r ul li .jiangshan-box-r-txt p{font-size: 16px; color: #fff; word-wrap:break-word;word-break:break-all;}
.jiangshan-box-r ul li .jiangshan-box-r-pic{width: 50%; height: 100%; position: absolute; top: 0px; right: 0px; background: center center ;
	background-size: cover; }
    @media(max-width: 450px){.jiangshan-box-r ul li .jiangshan-box-r-pic{background-size: 100%;background-repeat: no-repeat; }
    body{background:#fff;}
    .news-in-d-c img{width: 100%;height: auto;}
}
.jiangshan-box-r ul li .jiangshan-box-r-pic span{position: absolute; width:26px; height: 54px; top: 50%; margin-top: -27px; }
.jiangshan-box-r ul li.jiangshan-box-r-1 .jiangshan-box-r-txt{float: left; background: #eaab3e; }
.jiangshan-box-r ul li.jiangshan-box-r-1 .jiangshan-box-r-pic{right: 0px; left: auto; }
.jiangshan-box-r ul li.jiangshan-box-r-1 .jiangshan-box-r-pic span{right: auto; left: 0px;
 background: url(../img/y2.png) center center ; background-size: cover;}
.jiangshan-box-r ul li.jiangshan-box-r-2 .jiangshan-box-r-txt{float: right; background: #009bdf; }
.jiangshan-box-r ul li.jiangshan-box-r-2 .jiangshan-box-r-pic{right: auto; left: 0px; }
.jiangshan-box-r ul li.jiangshan-box-r-2 .jiangshan-box-r-pic span{right: 0px; left: auto;
 background: url(../img/y3.png) center center ; background-size: cover;}
.jiangshan-box-r ul li.jiangshan-box-r-3 .jiangshan-box-r-txt{float: left; background: #9dca45; }
.jiangshan-box-r ul li.jiangshan-box-r-3 .jiangshan-box-r-pic{right: 0px; left: auto; }
.jiangshan-box-r ul li.jiangshan-box-r-3 .jiangshan-box-r-pic span{right: auto; left: 0px;
 background: url(../img/y4.png) center center ; background-size: cover;}
.jiangshan-box-r ul li.jiangshan-box-r-4 .jiangshan-box-r-txt{float: right; background: #eb5a8d; }
.jiangshan-box-r ul li.jiangshan-box-r-4 .jiangshan-box-r-pic{right: auto; left: 0px; }
.jiangshan-box-r ul li.jiangshan-box-r-4 .jiangshan-box-r-pic span{right: 0px; left: auto;
 background: url(../img/y5.png) center center ; background-size: cover;}


 .jiangshan-box-l-txt{ width: calc(100% - 40px); max-width: 520px;}

 .jiangshan-box-l-txt h1{margin-bottom: 50px; }
 .jiangshan-box-l-txt img{margin-bottom: 50px;  display: block;}
 .jiangshan-box-l-txt h2{margin-bottom: 50px;font-size: 40px; color: #000; text-shadow: 1px 1px 1px #888;font-weight: 500;}
 .jiangshan-box-l-txt h3{margin-bottom: 50px;font-size: 24px; line-height: 50px;color: #fff; text-shadow: 1px 1px 1px #888;font-weight: 500; }
 .jiangshan-box-l-txt a{display: block; width: 120px; height: 40px; font-size: 16px; color: #999;text-decoration:none;
 	 line-height: 40px; text-align: center; background: rgba(255,255,255,0.8); color: #999; transition: all 0.3s ease;}
 .jiangshan-box-l-txt a:hover{background: #009bdf;  color: #fff; }


@media (max-width: 1200px) {
.jiangshan-box-r ul li .jiangshan-box-r-txt h1{font-size: 24px;margin-bottom: 20px; font-weight: 500; color: #fff;}


  .jiangshan-box-l-txt h2{margin-bottom: 40px;font-size: 30px;}
   .jiangshan-box-l-txt h3{margin-bottom: 40px;font-size: 20px; line-height: 40px;}
}
@media (max-width: 1000px) {
.jiangshan-box-l{width: 40%;}
.jiangshan-box-r{width: 60%; }
 .jiangshan-box-l-txt img{width: 60%;}

}
@media (max-width: 900px) {
    .jiangshan{padding-top: 40px}
    .jiangshan-box{margin-top: 40px}
	 .jiangshan-box-l-txt{ max-width: 700px; margin-left: 0px; }

.jiangshan-box-l{width: 100%; position: static; padding-top: 40px; padding-bottom: 40px;}
.jiangshan-box-r{width: 100%; }
 .jiangshan-box-l-txt img{width: 60%; max-width:320px; }
 .jiangshan-box-r ul li .jiangshan-box-r-txt{padding:0 20px; max-height: 200px; }
.jiangshan-box-r ul li .jiangshan-box-r-txt .js-b{margin-top:20px; margin-bottom: 20px; }

}

@media (max-width: 600px) {
 .jiangshan-box-l-txt h2{margin-bottom: 30px;font-size: 24px;}
   .jiangshan-box-l-txt h3{margin-bottom: 30px;font-size: 16px; line-height: 40px;}

.jiangshan-box-r ul li .jiangshan-box-r-txt h1{font-size: 24px;}
.jiangshan-box-r ul li .jiangshan-box-r-txt p{font-size: 14px; color: #fff; }
}

.new {width: 100%; max-width: 1200px; margin:0 auto; padding-top: 80px;height: auto; overflow: hidden; }
.new .title-l{position: relative;}
.new .title-l a{ position: absolute; right: 0px; top: 40px; font-size: 24px; color: #999; font-weight: 900;transition: all 0.3s ease; }
.new .title-l a:hover{color: #009bdf; }
.new-t{margin-top: 20px; display: none;}
.new-t .swiper-slide{font-size: 20px; text-align: center;}

.new-t .swiper-slide h6{width: calc(100% - 10px); border: 1px solid #009bdf; margin:0 auto; height: 30px; border-radius: 15px; line-height: 30px; cursor: pointer; }
.new-t .swiper-slide-active h6{background: #009bdf; color: #fff;}

.new-b{width: 100%; height: auto; overflow: hidden; padding-bottom: 20px;}
.new-b .new-l{width: 270px; height: auto; overflow: hidden; float: left;}
.new-b .new-l ul{width: 100%; height: auto; overflow: hidden; padding-top:40px;}
.new-b .new-l ul li{width: 100%; height: auto; overflow: hidden;margin-bottom: 10px; }
.new-b .new-l ul li b{display: inline-block;  padding-left: 24px; height: 40px; line-height: 40px; padding-left: 12px;
	padding-right: 12px; font-size: 20px;font-weight: 100; color: #333; cursor: pointer;transition: all 0.5s ease;}
.new-b .new-l ul li b:hover{color: #009bdf; }
.new-b .new-l ul li b span{display: none;}
.new-b .new-l ul li.cut b{background: #009bdf; color: #fff; position: relative;}
.new-b .new-l ul li.cut b span{display: block; width: 20px; height: 40px; position:absolute; top: 0px; right: -20px;
background: center center url(../img/news1.png);  }
.new-b .new-r { width: calc(100% - 270px); float: left; height: auto; overflow: hidden;}
.new-b .new-r .swiper-slide ul{width: 100%; height: auto; overflow: hidden; }
.new-b .new-r .swiper-slide ul li{ width: 33%; height: auto; overflow: hidden; float: left; }
.new-b .new-r .swiper-slide ul li .new-r-box{  width: calc(100% - 30px); height: auto; overflow: hidden; float: right; padding-top: 36px; position: relative; }
.new-b .new-r .swiper-slide ul li .new-r-box img{display: block; width: 100%;}
.new-b .new-r .swiper-slide ul li .new-r-box b{font-size: 16px; position: absolute; left: 0px; top: 0px; color: #009bdf; font-weight: 500;}
.new-b .new-r .swiper-slide ul li .new-r-box h1{font-size: 20px; font-weight: 500; width:100%;  margin-top: 20px;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden; }
.new-b .new-r .swiper-slide ul li .new-r-box p{font-size: 14px; color: #666;width: 100%;line-height: 1.5; margin-top: 20px;}
.new-b .new-r .swiper-slide ul li .new-r-box a.more{font-size: 14px; color: #009bdf; margin-top: 20px; height: 16px; line-height: 16px; display: block;}
.new-b .new-r .swiper-slide ul li .new-r-box a.more span{display: block; height: 1px; width: 0px;transition: all 0.3s ease;
 background:#009bdf; margin-right: 5px;  float: left; margin-top: 8px;}
.new-b .new-r .swiper-slide ul li .new-r-box a.more:hover span{ width: 30px; }
.new-b .new-r .swiper-slide ul li .new-r-box h1 a{color: #333; font-size: 20px; transition: all 0.3s ease;}
.new-b .new-r .swiper-slide ul li .new-r-box h1 a:hover{color: #009bdf; }
.new .title-c{display: none;}

.news-m {display: block; width: 120px; height: 40px; font-size: 16px; color: #999;text-decoration:none;  display: none;
    border: 1px solid #999; line-height: 40px; text-align: center; margin-top: 50px; margin: 0 auto;}
.news-m:hover{color: #fff; background: #009bdf;border: 1px solid #009bdf; }
@media (max-width: 1200px) {
	.new {padding-left: 20px; padding-right: 20px;}
}


@media (max-width: 1000px) {
    .new .title-c{display: block;}
    .new .title-l{display: none;}
    .news-m{display: block;}
.new-t{display: block;}
.new-b .new-l{display: none}
.new-b .new-r { width: calc(100% - 0px);}
.new-b .new-r .swiper-slide ul{margin-top: 40px;}
.new-b .new-r .swiper-slide ul li{width: 100%; margin-bottom: 20px; }
.new-b .new-r .swiper-slide ul li .new-r-box{  width: calc(100% - 0px); float: none; padding-left: 220px;
	padding-top: 0px; border-bottom: 1px #999 dashed; padding-bottom: 20px; }
.new-b .new-r .swiper-slide ul li .new-r-box img{width: 200px; position: absolute; left: 0px;}
.new-b .new-r .swiper-slide ul li .new-r-box b{font-size: 14px; position: static; }
.new-b .new-r .swiper-slide ul li .new-r-box h1{font-size: 16px; margin-top: 15px;}
.new-b .new-r .swiper-slide ul li .new-r-box h1 a{font-size: 16px; }
.new-b .new-r .swiper-slide ul li .new-r-box p{ margin-top: 15px;}
.new-b .new-r .swiper-slide ul li .new-r-box a.more{ margin-top: 15px;}
}

@media (max-width: 600px) {
    .new{padding-top: 40px; padding-bottom: 40px;}
.new-t{display: block;}
.new-b .new-l{display: none}
.new-b .new-r { width: calc(100% - 0px);}
.new-b .new-r .swiper-slide ul{margin-top: 40px;}
.new-b .new-r .swiper-slide ul li{width: 100%; margin-bottom: 20px;}
.new-b .new-r .swiper-slide ul li .new-r-box{  width: calc(100% - 0px); float: none; padding-left: 0px; padding-top: 0px;}
.new-b .new-r .swiper-slide ul li .new-r-box img{display: none}
.new-b .new-r .swiper-slide ul li .new-r-box b{font-size: 14px; position: static; }

.new-b .new-r .swiper-slide ul li .new-r-box a.more{ display: none}
}


.join{width: 100%;  margin:0 auto; padding-top: 80px;height: auto; overflow: hidden; padding:120px 0; position: relative;
 background-attachment:fixed; background-image: url(../img/join01.jpg); background-size: cover; background-position: center top;   }
.join .j03{ position:absolute; width: 100%; display: block;  top: 0px; left: 0px;  }
.join .j04{ position:absolute; width: 100%; display: block;  bottom: 0px; left: 0px;  }
.join .title-c h1{ color: #fff; }
.join .title-c h2{ color: #fff; }
.join-s{width: 100%; max-width: 1000px;}
.join-box1{width: 100%; max-width: 1200px; margin:40px auto; position: relative; }
.join-s .swiper-wrapper .swiper-slide{height: 350px; background: rgba(0,155,233,0.9); width: 50%; padding:40px; }
.join-s .swiper-wrapper .swiper-slide h1{margin-bottom: 20px; font-size: 30px; font-weight: 500; color: #fff;}
.join-s .swiper-wrapper .swiper-slide span{display: block;width: 100%; height: auto; overflow: hidden; border-top: 1px solid #fff; margin-bottom: 20px;}
.join-s .swiper-wrapper .swiper-slide span b{display: block;width: 60px; height: 3px; background: #fff;}
.join-s .swiper-wrapper .swiper-slide p{font-size: 16px; color: #fff; line-height: 1.5;}


.join .swiper-button-prev,.join .swiper-button-next{width: 36px; height: 75px;margin-top: -37px;}
.join .swiper-button-next, .join .swiper-container-rtl .swiper-button-prev{background-image: url(../img/j02.png);}
.join .swiper-button-prev, .join .swiper-container-rtl .swiper-button-next{background-image: url(../img/j01.png);}
.join-more{width: 140px; height: 40px; line-height: 40px; display: block; text-align: center;
 border: 1px #fff solid ; color: #fff; margin: 0 auto; transition: all 0.3s ease; margin-top: 40px;}
.join-more:hover{background: #fff; color:#009bdf; }

@media (max-width: 1200px) {
.join-s{width: 100%; max-width: 900px;}
}

@media (max-width: 1000px) {
.join-s{width: 100%; max-width: 700px;}
.join-s .swiper-wrapper .swiper-slide{ padding:20px; }
}
@media (max-width: 830px) {
.join-s{ width: calc(100% - 100px);}
.join{padding-top: 40px;padding-bottom: 40px;}
}


.coo {width: 100%; max-width: 1200px; margin:0 auto; padding-top: 40px;height: auto; overflow: hidden; }
.coo-box {width: 100%; max-width: 1200px; margin:0 auto; padding-top: 40px;height: auto; overflow: hidden;  position: relative;}
.coo-s{width: 990px; margin:0 auto; }
.coo-s .swiper-slide{width: 330px;  }
.coo-s .swiper-slide .lopic{width: 140px;  border: 3px solid #e6e6e6;  float: left;
 margin-top: 25px;overflow: hidden;
    border-radius: 50%; height: 140px; margin-right: 20px; margin-left: 20px;}
    .coo-s .swiper-slide .lopic img{ display: block;width: 100%;}
.coo-s .swiper-slide  .coo-tip{width: 100%; height: auto; overflow: hidden; clear: both;}
.coo-s .swiper-slide .coo-tip h3{font-size: 14px; font-weight: 500; color: #999; width: 150px; text-align: center;
margin-left: 115px; margin-top: 30px; }

.coo-s .swiper-slide span{width: 10px; height: 10px; display: block; background: #e6e6e6;  border-radius: 50%; margin-top: 90px;
    margin-left: 20px; margin-right: 20px; float: left;}
.coo-s .swiper-slide span.coo-n{display: none;}
.coo-s .swiper-slide-next span.coo-n{display: block;}
.coo-s .swiper-slide-next span.coo-p{display: none;}
.coo-s .swiper-slide-active .lopic{width: 190px; height: 190px; border: 3px solid #009bdf; margin-top: 0px; }
.coo-s .swiper-slide-active span.coo-n{display: none;}
.coo-s .swiper-slide-active span.coo-p{display: none;}
.coo-s .swiper-slide-active .coo-tip h3{width: 300px; font-size: 18px;color: #009bdf;font-weight: bold; margin:0 auto; margin-top: 30px; }
.coo-s .swiper-slide-next .coo-tip h3{margin-left: 65px;}
.coo-box .swiper-button-prev,.coo-box  .swiper-button-next{width: 40px; height: 40px; background-size: 100%; margin-top: 0px; top: 115px;}
.coo-box .swiper-button-next,.coo-box .swiper-container-rtl .swiper-button-prev{background-image: url(../img/c2.png);}
.coo-box .swiper-button-prev, .coo-box .swiper-container-rtl .swiper-button-next{background-image: url(../img/c1.png);}

@media (max-width: 1000px) {
     .coo-s .swiper-slide{width: 290px;  }
.coo-s .swiper-slide span{width: 10px; height: 10px; margin-left: 15px; margin-right: 15px; float: left;}
.coo-s .swiper-slide-active .lopic{width: 180px; height: 180px; border: 3px solid #009bdf; margin-top: 0px; }
.coo-s .swiper-slide .lopic{  margin-right: 15px; margin-left: 15px;}
.coo-s{width: 880px; margin:0 auto; }

}
@media (max-width: 920px) {
    .coo-s .swiper-slide{width: 250px;  }
.coo-s .swiper-slide span{width: 10px; height: 10px; margin-left: 10px; margin-right: 10px; float: left;}
.coo-s .swiper-slide-active .lopic{width: 170px; height: 170px; border: 3px solid #009bdf; margin-top: 0px; }
.coo-s .swiper-slide .lopic{ margin-right: 10px; margin-left: 10px; }
.coo-s{width: 770px; margin:0 auto; }
.coo-s .swiper-slide .coo-tip h3{margin-left: 65px;}
.coo-s .swiper-slide-next .coo-tip h3{margin-left: 35px;}
.coo-s .swiper-slide-active .coo-tip h3{width: 250px; font-size: 16px;margin:0 auto; margin-top: 30px; }


}

@media (max-width: 800px) {
    .coo-s .swiper-slide{width: 200px;  }
.coo-s .swiper-slide span{width: 5px; height: 5px; margin-left: 5px; margin-right: 5px; float: left;}
.coo-s .swiper-slide .lopic{width: 145px; height: 145px; margin-right: 5px; margin-left: 5px; margin-top: 7px; }
.coo-s .swiper-slide-active .lopic{width: 160px; height: 160px; border: 3px solid #009bdf; margin-top: 0px; }
.coo-s .swiper-slide span{ margin-top: 76px;}
.coo-s{width: 600px; margin:0 auto; }
.coo-s .swiper-slide .coo-tip h3{margin-left: 65px;}
.coo-s .swiper-slide-next .coo-tip h3{margin-left: 35px;}
.coo-s .swiper-slide .coo-tip h3{width: 145px; text-align: center;
margin-left: 30px; margin-top: 30px; }
.coo-s .swiper-slide-next .coo-tip h3{margin-left: 15px;}
.coo-s .swiper-slide-active .coo-tip h3{width: 160px; font-size: 16px;margin:0 auto; margin-top: 30px; }
.coo-box .swiper-button-prev,.coo-box  .swiper-button-next{top: 99px;}


}
@media (max-width: 660px) {
    .coo-s .swiper-slide{width: 320px;  }
.coo-s .swiper-slide span{width: 10px; height: 10px; margin-left: 20px; margin-right: 20px; float: left;}
.coo-s .swiper-slide .lopic{width: 170px; height: 170px; margin-right: 25px; margin-left: 25px; margin-top: 7px; }
.coo-s .swiper-slide-active .lopic{width: 170px; height: 170px; border: 3px solid #009bdf; margin-top: 0px; }
.coo-s .swiper-slide span{ margin-top: 80px;}
.coo-s{width: 320px; margin:0 auto; }
.coo-s .swiper-slide .coo-tip h3{width: 145px; text-align: center;
margin-left: 30px; margin-top: 30px; font-size: 16px; }
.coo-s .swiper-slide-next .coo-tip h3{width: 145px; text-align: center;
margin-left: 30px; margin-top: 30px; font-size: 16px; }
.coo-s .swiper-slide .coo-tip h3{width: 145px; text-align: center;
margin-left: 30px; margin-top: 30px; }
.coo-s .swiper-slide-next .coo-tip h3{margin-left: 15px;}
.coo-s .swiper-slide-active .coo-tip h3{width:100%; font-size: 16px;margin:0 auto; margin-top: 30px; }
.coo-box .swiper-button-prev,.coo-box  .swiper-button-next{top: 105px;}
.coo-s .swiper-slide span.coo-n{display: none;}
.coo-s .swiper-slide span.coo-p{display: none;}


}

.foot{padding-top: 50px; margin-top: 80px;width: 100%; height: auto;overflow: hidden;
    background: url(../img/foot.jpg) center center no-repeat; background-size: cover; }
.foot-box{width: 100%; height: auto;overflow: hidden; max-width: 1200px; margin: 0 auto;}
.foot-logo{width: 100%; height: auto;overflow: hidden;position: relative; }
.foot-logo img{display: block; margin:0 auto; width: 160px;  }
.foot-logo span{display: block;position: absolute;  width: calc(50% - 120px); height: 1px; background:#a5a7a8;
 bottom: 17px; }
.foot-logo span.s1{left: 0px;}
.foot-logo span.s2{right: 0px;}
.foot-txt{width: 100%; height: auto;overflow: hidden; margin-top: 40px}
.foot-txt li{width: 100%; height: auto;overflow: hidden; margin-bottom: 20px; line-height: 36px; font-size: 18px;
    color: #fff;  text-align: center;
 /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
      }
.foot-txt li img{width: 30px; height: 30px; display: inline;margin-right: 30px;}
.foot-ewm{width: 100%; height: auto;overflow: hidden; margin-top: 20px; text-align: center;}
.foot-ewm li{width: 30%; height: auto;overflow: hidden; max-width: 150px; margin-left: 10px ;margin-right: 10px; display: inline-block;}
.foot-ewm li span{display: block; margin-top: 10px; font-size: 16px; color: #fff; text-align: center;}
.foot-ewm li img{display: block; width: 100%;}
.foot-link{width: 100%; height: auto;overflow: hidden; margin-top: 40px; text-align: center;
    line-height: 30px; text-align: center; color: #fff;}

.foot-link span{display: inline-block; }
.foot-link a{display: inline-block; margin-left: 20px; color: #ddd;}
.foot-link a:hover{color: #fff;}
.foot-foot{width: 100%; height: auto;overflow: hidden; margin-top: 40px; text-align: center;  font-size: 16px;
    line-height: 30px; text-align: center; color: #fff; padding-top: 10px; padding-bottom: 10px; background: rgba(0,0,0,0.5);}

.foot-foot span{ margin-right: 20px; }
.foot-foot a{  color: #fff; font-size: 16px;}

@media (max-width: 1200px) {

.foot-txt{ padding-left: 20px; padding-right: 20px; }
.foot-ewm{ padding-left: 20px; padding-right: 20px;  }
.foot-link{ padding-left: 20px; padding-right: 20px;  }
.foot-foot{ padding-left: 20px; padding-right: 20px;  }

}
@media (max-width: 600px) {
.foot{margin-top: 40px;}
    .foot-txt{ margin-top:  20px; }

.foot-ewm{ margin-top:  20px;  }
.foot-link{ margin-top:  20px;  }

.foot-ewm li{ max-width: 90px; }
 .foot-ewm li span{font-size: 14px; }
 .foot-foot{ font-size: 14px; margin-top: 20px;
    line-height: 1.5; }


.foot-foot a{  color: #fff; font-size: 14px;}

.foot-txt li{margin-bottom: 10px; line-height: 24px; font-size: 16px; }
.foot-txt li img{width: 20px; height: 20px; display: inline;margin-right: 30px;}
}




.jianjie{width: 100%; height: auto; overflow: hidden; margin-top: 80px; position: relative;}
.jianjie-box{width: 100%; height: auto; overflow: hidden; max-width: 1400px; margin: 0 auto;
 position: relative; z-index: 200;}
.jianjie-l{width: 50%; height: auto; overflow: hidden; float: left; min-height: 450px;}
.jianjie-l img{display: block;width: 90%; max-width: 410px; margin-bottom:20px; }
.jianjie-l h3{font-size: 24px;  color: #333; font-weight: 100; margin-bottom: 20px; line-height: 1.5;}
.jianjie-l h4{font-size: 24px;  color: #009bdf; font-weight: bold; margin-bottom: 20px; line-height: 1.5;}
.jianjie-l p{font-size: 16px;  color: #333; font-weight: 500;  line-height: 1.5;}
.jianjie-r{width: 50%; height: 100%; position: absolute;top: 0px;right: 0px;


}

.jianjie-r  img{width: 500px; display: block; position: absolute; top: 50%; margin-top: -187px;right: 0px;}
.jianjie-blue{width: calc(50% - 450px); height: 100%;  position: absolute; top: 0px; right: 0px;
background: url(../img/js003.png); background-size: cover}


@media (max-width: 1400px) {

.jianjie-box{width: calc(100% - 40px); }
 .jianjie-blue{width: calc(50% - 250px); }
}
@media (max-width: 1100px) {

.jianjie-r  img{width: 400px; margin-top: -150px;}

}
@media (max-width: 900px) {
.jianjie-l{width: 100%;  min-height: 100px; padding-top: 30px; padding-bottom: 30px;}
.jianjie-r {display: none;}
.jianjie-blue{display: none;}

}
@media (max-width: 600px) {
.jianjie{ margin-top: 40px;}

}
.three {width: 100%; height: auto; overflow: hidden; margin-top: 60px; position: relative;padding-top: 60px; padding-bottom: 60px;}
.three-s{width: 100%; height: auto; overflow: hidden; max-width: 1400px; margin: 0 auto;
 position: relative; z-index: 200;}
 .three-b{width: 100%; height: auto; overflow: hidden;  padding: 1px 6px 6px 1px;}
.three-box{width: 100%; height: auto; overflow: hidden; background: #fff;transition: all 0.3s ease;
-moz-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.4);

-webkit-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.4);

box-shadow:4px 4px 4px rgba(0, 0, 0, 0.4); }
.three-box img{width: 100%; display: block; }
.three-box h3{width: 100%; margin-top: 20px;font-size: 24px; text-align: center;transition: all 0.3s ease;}
.three-box h4{width: 100%; margin-top: 10px;font-size: 16px; text-align: center; margin-bottom: 20px;transition: all 0.3s ease;}
.three-box:hover{background: #009bdf}
.three-box:hover h3{color: #fff;}
.three-box:hover h4{color: #fff;}

.three .swiper-button-prev, .three .swiper-button-next{display: none;}
.three-blue{width: calc(50% - 450px); height: 100%;  position: absolute; top: 0px; left: 0px;
background: url(../img/js007.png); background-size: cover}
@media (max-width: 1400px) {

.three-s{width: calc(100% - 40px); }
.three-blue{width: calc(50% - 200px); }
 .three-box h3{font-size: 20px; }
.three-box h4{font-size: 16px; }
}
@media (max-width: 900px) {

.three .swiper-button-prev, .three .swiper-button-next{display: block;}

.three-blue{width: calc(50% - 50px); }
.three-box h3{font-size: 18px; }
.three-box h4{font-size: 14px; }


}

@media (max-width: 600px) {
.three {margin-top: 30px;padding-top: 20px; padding-bottom: 20px;}
.three-box h3{font-size: 18px; }
.three-box h4{font-size: 14px; }



}

.title-in {width: 100%; height: auto; overflow: hidden; text-align: center;}
.title-in h2{color: #009bdf ; font-size: 40px; font-weight: 500; margin-bottom: 20px;}
.title-in span{background: #009bdf ; width: 135px ;height: 2px; margin:0 auto;  margin-bottom: 20px; display: block;}
.title-in h3{color: #666 ; font-size: 24px; font-weight: 500; line-height: 36px;}


@media (max-width: 600px) {
.title-in h2{ font-size: 24px;  margin-bottom: 10px;}
.title-in span{ margin-bottom: 10px;}
.title-in h3{ font-size: 18px;  line-height: 24px;}
}


.ysly {width: 100%; height: auto; overflow: hidden; max-width: 1400px; margin:0 auto; margin-top: 80px; }
.ysly .two{width: 100%; height: auto; overflow: hidden; position: relative; margin-top: 60px;}
.ysly .two ul{width: 100%; height: auto; overflow: hidden; }
.ysly .two ul.che{margin-bottom: 15px; }
.ysly .two ul li{width: 100%; height: auto; overflow: hidden; }
.ysly .two .che li.che-p{width: 600px; height: auto; overflow: hidden; margin:0 auto; }
.ysly .two .bu li.bu-p{width: 600px; height: auto; overflow: hidden; margin:0 auto; }
.ysly .two .che li.che-p img{width: 100%; display: block;}
.ysly .two .bu li.bu-p img{width: 100%; display: block;}
.ysly .two .che li.che-t{position: absolute; height: 100%;  width: calc(50% - 315px); top: 0px; left: 0px;
background: url(../img/js010.png) center center; background-size: cover; padding: 30px; cursor: pointer; transition: all 0.3s ease;}
.ysly .two .bu li.bu-t{position: absolute; height: 100%;  width: calc(50% - 315px); top: 0px; right: 0px;
background: url(../img/js011.png) center center; background-size: cover; padding: 30px; cursor: pointer; transition: all 0.3s ease;}
.ysly .two .che li.che-t img{display: block;width: 200px; position: absolute; left: 50%; margin-left: -100px; top: 100px;}
.ysly .two .bu li.bu-t img{display: block;width: 200px; position: absolute; left: 50%; margin-left: -100px; bottom: 100px;}
.ysly .two .che li.che-t h5{display: block;width: 100%; position: absolute; top: 100px; left: 0px; font-size: 40px;
    color: #fff; text-align: center; font-weight: 500; height: 40px; line-height: 40px;}
.ysly .two .che li.che-t h5 span{display: inline-block; padding-right: 45px; background: url(../img/js042.png) no-repeat right center;}
.ysly .two .bu li.bu-t h5{display: block;width: 100%; position: absolute; bottom: 100px; left: 0px; font-size: 40px;
    color: #fff; text-align: center; font-weight: 500; height: 40px; line-height: 40px;}
.ysly .two .bu li.bu-t h5 span{display: inline-block; padding-left: 45px; background: url(../img/js043.png) no-repeat left center;}




.ysly .two .che li.che-t .two-txt{font-size: 18px; color: #fff; line-height: 30px;  margin-top: 180px; }
.ysly .two .bu li.bu-t .two-txt{font-size: 18px; color: #fff; line-height: 1.5;  }
.ysly .two .che li.che-t:hover{background: #eaab3e;}
.ysly .two .bu li.bu-t:hover{background: #eaab3e;}
.ysly .two .che li.che-t h4{  display: none; font-size: 24px; margin-bottom: 20px;}
.ysly .two .bu li.bu-t h4{  display: none; font-size: 24px; margin-bottom: 20px;}

@media (max-width: 1400px) {
.ysly{width: calc(100% - 40px); }
.ysly .two .che li.che-t{ padding: 20px; }
.ysly .two .bu li.bu-t{ padding: 20px; }
.ysly .two .che li.che-t .two-txt{font-size: 16px; color: #fff; line-height: 1.5;  margin-top: 100px; }
.ysly .two .bu li.bu-t .two-txt{font-size: 16px; color: #fff; line-height: 24px;  }
.ysly .two .che li.che-t img{top: 50px;width: 150px; margin-left: -75px;}
.ysly .two .bu li.bu-t img{ bottom: 50px;width: 150px; margin-left: -75px;}
.ysly .two .bu li.bu-t h5{ bottom: 50px; }
    .ysly .two .che li.che-t h5{ top: 50px; }

}
@media (max-width: 1100px) {
.ysly .two ul{ width: calc(50% - 8px); height: auto; overflow: hidden;  float: left;}
 .ysly .two ul.che{ margin-right: 16px; margin-bottom: 0px; }
 .ysly .two .che li.che-p{width: 100%;  }
.ysly .two .bu li.bu-p{width: 100%;  }
 .ysly .two .che li.che-t{position: static; height: auto; overflow: hidden;  width: 100%; }
.ysly .two .bu li.bu-t{position: static; height: auto; overflow: hidden;  width: 100%; }
.ysly .two .che li.che-t img{  display: none;}
.ysly .two .bu li.bu-t img{  display: none;}
.ysly .two .bu li.bu-t h5{ display: none; }
    .ysly .two .che li.che-t h5{ display: none; }
.ysly .two .che li.che-t .two-txt{margin-top: 0px;}
.ysly .two .che li.che-t h4{  display: block;}
.ysly .two .bu li.bu-t h4{  display: block;}
}

@media (max-width: 800px) {
.ysly .two ul{ width: 100%; height: auto; overflow: hidden;  float: left;}
 .ysly .two ul.che{ margin-right: 0px; margin-bottom: 15px; }

}
@media (max-width: 600px) {
.ysly { margin-top: 40px; }

}



.zhou {width: 100%; height: auto; overflow: hidden; margin:0 auto; margin-top: 80px;  padding-bottom: 200px;
 background-attachment:fixed; background-image: url(../img/js014.png); background-size: cover; background-position: center center; padding-top: 80px;  }
.zhou-box {width: calc(100% - 20px); height: auto; overflow: hidden;}
.zhou-top{width: 100%; height: auto; overflow: hidden; margin:0 auto; max-width: 1200px;}
.zhou-top .swiper-slide{height: 50px; line-height: 50px; border:1px solid #fff; border-radius: 5px; color: #fff;
 font-size: 20px;  text-align: center;  cursor: pointer;}
.zhou-top .swiper-slide-active{background:#eaab3e; border: 1px solid #eaab3e; color: #fff; }
.zhou-bot {width: 100%; height: auto; overflow: hidden; margin:0 auto; max-width: 1200px; margin-top: 50px;  margin-bottom: 50px; text-align: center; color: #fff;}
.zhou-ani-b {width: 100%; max-width: 1200px; margin:0 auto; margin-bottom: 40px; position: relative;  cursor: pointer; }
.zhou-ani {width: 900px; margin:0 auto; margin-bottom: 40px; }
.zhou-ani-b .swiper-slide{ height: auto; width: 100%; overflow: hidden;border: 5px solid #eaab3e; border-radius: 50%;  }
.zhou-ani-b .swiper-slide img{ display: block; width: 100%;margin:0px;  }
.zhou-ani-b .swiper-slide .zhou-ani-name{position: absolute; width: 100%; height: 100%; background: rgba(234,171,62,0.0); left: 0px; top: 0px;
 transition: all 0.3s ease;}
        .zhou-ani-b .swiper-slide .zhou-ani-name div{position: absolute; top: 40%; width: 100%;}
.zhou-ani-b .swiper-slide .zhou-ani-name h1{font-size: 22px; color: rgba(255,255,255,0);width: 100%;transition: all 0.3s ease;}
.zhou-ani-b .swiper-slide .zhou-ani-name h2{font-size: 20px; color: rgba(255,255,255,0);width: 100%;transition: all 0.3s ease;}
.zhou-ani-b .swiper-slide:hover .zhou-ani-name{background: rgba(234,171,62,0.8); }
.zhou-ani-b .swiper-slide:hover .zhou-ani-name h1{color: rgba(255,255,255,1);}
.zhou-ani-b .swiper-slide:hover .zhou-ani-name h2{color: rgba(255,255,255,1);}


.zhou-ani-b .swiper-button-prev, .zhou-ani-b .swiper-button-next {

    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    z-index: 210;

}
.zhou-txt{line-height: 1.5; text-align: left;}
.zhou-ani-b .swiper-button-next, .zhou-ani-b .swiper-container-rtl .swiper-button-prev {
    background-image: url(../img/js019.png); background-size: 100%; }

   .zhou-ani-b .swiper-button-prev,.zhou-ani-b .swiper-container-rtl .swiper-button-next{
    background-image: url(../img/js018.png); background-size: 100%; }
@media (max-width: 1400px) {
.zhou{padding-left: 20px;  }


}
@media (max-width: 1200px) {
.zhou-ani {width: 600px; margin:0 auto; margin-bottom: 40px; }
.zhou{padding-bottom: 150px;  }

}


@media (max-width: 800px) {
       .zhou-ani-b .swiper-slide .zhou-ani-name div{ top: 30%; }
.zhou-ani {width: 400px; margin:0 auto; margin-bottom: 40px; }
.zhou-ani-b .swiper-slide .zhou-ani-name h1{font-size: 18px; }
.zhou-ani-b .swiper-slide .zhou-ani-name h2{font-size: 14px; }
.zhou-ani-b .swiper-slide{ border: 2px solid #eaab3e;  }


}

@media (max-width: 620px) {
    .zhou{margin-top: 40px;}
       .zhou-ani-b .swiper-slide .zhou-ani-name div{ top: 30%; }

.zhou-ani {width: 180px; margin:0 auto; margin-bottom: 40px; }
.zhou-ani-b .swiper-slide .zhou-ani-name div{ top: 40%; }


}



.sea{width: 100%; height: auto; overflow: hidden; margin:0 auto; margin-top:-200px;  max-width: 1400px;  position: relative;
  background-image: url(../img/js020.png); background-size: cover; background-position: center center;  min-height:300px; padding:60px 40px;  }
.sea-txt{width: calc(100% - 840px);  height: auto; overflow: hidden; }
.sea-txt h1{font-size: 36px; font-weight: 500;color: #333; margin-bottom: 20px;}
.sea-txt h2{font-size: 48px; font-weight: 900; margin-bottom: 20px; color: #fff;}
.sea-txt h3{font-size: 24px; font-weight: 500;color: #333; line-height: 30px; }
.sea-b{width: 800px;position: absolute; top: 50%; margin-top: -123px; right: 40px; }
.sea-b .swiper-slide img{display: block;width: 100%;}
@media (max-width: 1400px) {
.sea{width: calc(100% - 80px); }
.sea-txt h1{font-size: 28px; font-weight: 500;color: #333; margin-bottom: 30px;}
.sea-txt h2{font-size: 40px; font-weight: 900; margin-bottom: 30px; color: #fff;}
.sea-txt h3{font-size: 20px; font-weight: 500;color: #333; line-height: 30px; }


}
@media (max-width: 1200px) {
.sea{padding:40px;    min-height: 300px;  margin-top: -150px; }
.sea-b{width: 620px;position: absolute; top: 50%; margin-top: -97px; right: 40px;  }
.sea-txt{width: calc(100% - 660px);  height: auto; overflow: hidden; }
.sea-txt h1{font-size: 24px; font-weight: 500;color: #333; margin-bottom: 20px;}
.sea-txt h2{font-size: 36px; font-weight: 900; margin-bottom: 20px; color: #fff;}
.sea-txt h3{font-size: 16px; font-weight: 500;color: #333; line-height: 24px; }

}
@media (max-width: 1000px) {
.sea{padding:40px;    min-height: 300px;  margin-top: -150px; }
.sea-b{width: 420px;position: absolute;  margin-top: -100px; right: 40px;  }
.sea-txt{width: calc(100% - 440px);  height: auto; overflow: hidden; }
.sea-txt h1{font-size: 24px; font-weight: 500;color: #333; margin-bottom: 20px;}
.sea-txt h2{font-size: 36px; font-weight: 900; margin-bottom: 20px; color: #fff;}
.sea-txt h3{font-size: 16px; font-weight: 500;color: #333; line-height: 24px; }

}
@media (max-width: 800px) {
    .sea{width: calc(100% - 00px); }
.sea{padding:40px 20px;    min-height: 300px;  margin-top: -150px; }
.sea-b{width: 100%;position: static;  margin-top: 30px; }
.sea-txt{width: calc(100% - 0px);  height: auto; overflow: hidden; }
.sea-txt h1{font-size: 24px; font-weight: 500;color: #333; margin-bottom: 10px;}
.sea-txt h2{font-size: 36px; font-weight: 900; margin-bottom: 10px; color: #fff;}
.sea-txt h3{font-size: 16px; font-weight: 500;color: #333; line-height: 24px; }

}

.wlxz{width: 100%; height: auto; overflow: hidden; margin:0 auto; margin-top:80px;  max-width: 1440px;   }
.wlxz ul{width: 100%; height: auto; overflow: hidden; margin-top:60px;    }
.wlxz ul li{width: 33%; height: auto; overflow: hidden; padding-right: 20px; padding-left: 20px;  margin-bottom: 40px; cursor: pointer; float: left; }
.wlxz ul li div.pic{width: 100%; height: auto; overflow: hidden;  position: relative; }
.wlxz ul li div.pic img{display: block;width: 100%;}
.wlxz ul li div.pic .wlxz-y{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: rgba(239,163,32,0); transition: all 0.2s ease;}
.wlxz ul li:hover div.pic .wlxz-y{ background: rgba(239,163,32,0.8); }
.wlxz ul li div.pic h1{font-size: 32px; color: #fff; margin-bottom: 10px; transition: all 0.3s ease;}
.wlxz ul li div.pic h2{font-size: 24px; color: #fff; font-weight: 500; transition: all 0.3s ease;}
.wlxz ul li div.pic .wlxz-t{position: absolute; left: 0px; top:100%; transition: all 0.3s ease; width: 100%; text-align: left;text-align: center;}
.wlxz ul li:hover div.pic .wlxz-t{position: absolute; left: 0px; bottom: auto; text-align: center; top: 50%;  margin-top: -30px }
.wlxz ul li:hover div.pic h1{margin-bottom: 10px;}
.wlxz ul li:hover div.pic h2{font-size: 24px}
.wlxz ul li div.pic h3{position: absolute; font-size: 32px; left: 20px; bottom: 20px; color: rgba(255,255,255,1); transition: all 0.2s ease;}
.wlxz ul li:hover  div.pic h3{position: absolute; font-size: 32px; left: 20px; bottom: 20px; color: rgba(255,255,255,0); transition: all 0.2s ease;}
@media (max-width: 1400px) {
.wlxz{padding-left: 10px; padding-right: 10px;}
.wlxz ul li{ padding-right: 10px; padding-left: 10px;  }
}
@media (max-width: 900px) {
.wlxz ul li{width: 50%; }

}

@media (max-width: 600px) {
      .wlxz ul li div.pic h3{font-size:24px; }
.wlxz ul li div.pic h1{font-size: 24px;}
.wlxz ul li div.pic h2{font-size: 16px; }
 .wlxz{ margin-top:40px;   }
 .wlxz ul{ margin-top:30px;    }
}



.ysdj{width: 100%; height: auto; overflow: hidden; margin:0 auto; margin-top:80px;    }
.ysdj-s {width: 100%; height: auto; overflow: hidden; margin:0 auto; margin-top:80px;    }
.ysdj-s  .swiper-slide{width: 50%; cursor: pointer;}
.ysdj-s  .swiper-slide img{width: 100%; display: block;}
.ysdj-y {position: absolute; width: 100%; height: 100%;top: 0px;left:  0px;background: rgba(239,163,32,0.8);
 filter:alpha(opacity:100);
 opacity:1.0;
 -moz-opacity:1.0;
 -khtml-opacity: 1.0}
.ysdj-y2 {position: absolute; width: 50%; height: 100%;top: 0px;right:  0px;}
.ysdj-y2 h1{position: absolute; width: 100%;top: 45%;text-align: center; font-size: 28px; color: #fff;}
.ysdj-b {position: absolute; width: 100%; height: 130px;bottom: 0px;left:  0px;background: rgba(51,51,51,0.7); text-align: center;
 filter:alpha(opacity:00);
 opacity:0.0;
 -moz-opacity:0.0;
 -khtml-opacity: 0.0}
.ysdj-b h1{font-size: 28px; margin-top: 20px; color: #fff;font-weight: 500;}
.ysdj-b h2{font-size: 20px; margin-top: 20px; color: #fff;font-weight: 500;}
.ysdj-s .swiper-slide-active .ysdj-y {
 filter:alpha(opacity:0);
 opacity:0.0;
 -moz-opacity:0.0;
 -khtml-opacity: 0.0}
.ysdj-s .swiper-slide-active .ysdj-b {
 filter:alpha(opacity:100);
 opacity:1.0;
 -moz-opacity:1.0;
 -khtml-opacity: 1.0}
.ysdj-s .swiper-slide-next .ysdj-y2 {left:  0px; right: auto;}
@media (max-width: 1200px) {
.ysdj-b {height: 100px;}
.ysdj-b h1{font-size: 24px; margin-top: 15px; color: #fff;font-weight: 500;}
.ysdj-b h2{font-size: 16px; margin-top: 15px; color: #fff;font-weight: 500;}
.ysdj-y2 h1{top: 45%; font-size: 18px; }
}

@media (max-width: 900px) {
.ysdj-s  .swiper-slide{width: 600px; }
.ysdj-y2 {display: none;}
}

@media (max-width: 750px) {
.ysdj-s  .swiper-slide{width: 400px; }

.ysdj-b {height: 80px;}
.ysdj-b h1{font-size: 18px; margin-top: 10px; color: #fff;font-weight: 500;}
.ysdj-b h2{font-size: 14px; margin-top: 10px; color: #fff;font-weight: 500;}

}




@media (max-width: 600px) {
.ysdj-s  .swiper-slide{width: 340px; }

 {height: 60px;}
.ysdj-b h1{font-size: 18px; margin-top: 5px; color: #fff;font-weight: 500;}
.ysdj-b h2{font-size: 14px; margin-top: 5px; color: #fff;font-weight: 500;}
.ysdj{ margin-top:40px;    }
.ysdj-s { margin-top:40px;    }

}



.seven{width: 100%; height: auto; overflow: hidden; max-width: 1400px; margin:0 auto; margin-top:60px;    }
.seven-s{width: 100%; height: auto; overflow: hidden; margin-top:60px;    }
.seven-s .swiper-slide img{width: 100%;display: block;}
.seven-s .swiper-slide h2{text-align: center; font-size: 24px; width: 100%;height: auto; font-weight: 500; }
.seven-s .swiper-slide h2 span{display: inline-block; background: #009bdf; height: 50px; width: 50px; margin-right: 10px; line-height: 50px;
    text-align: center; font-size: 36px; font-weight: bold;color: #fff; position: absolute;left: 0px; bottom: 0px;}

.seven-s .swiper-slide h2 b{display: inline-block; font-weight: 500; padding-left: 70px; position:relative;}
.seven-s .swiper-button-prev, .seven-s .swiper-button-next{width: 50px; height: 80px; margin-top: -40px;}
.seven-s .swiper-button-next, .seven-s .swiper-container-rtl .swiper-button-prev{background: url(../img/js041.png); background-size: 100%; right: 0px;}

.seven-s .swiper-button-prev, .seven-s .swiper-container-rtl .swiper-button-next {background: url(../img/js040.png); background-size: 100%; left: 0px;}
@media (max-width: 1400px) {
.seven{width: calc(100% - 40px);}

}

@media (max-width: 900px) {
.seven-s .swiper-slide h2{ font-size: 16px; }
.seven-s .swiper-slide h2 span{ height: 40px; width: 40px; line-height: 40px; font-size: 24px; }
.seven-s .swiper-slide h2 b{ padding-left: 50px; }
.seven-s .swiper-button-prev, .seven-s .swiper-button-next{width: 38px; height: 60px; margin-top: -30px;}
}

@media (max-width: 600px) {
.seven{margin-top:30px;    }
.seven-s{margin-top:30px;    }
}



.banner-in {width: 100%; height: auto; overflow: hidden;  margin:0 auto;  margin-top: -80px;  }
.banner-in2
.banner-inbox {width: 100%; height: auto; overflow: hidden; margin:0 auto; background: center center no-repeat;background-size: cover;
    padding-top: 130px; padding-bottom: 70px;   }

    .banner-inbox2 {padding-top: 220px; padding-bottom: 100px;   }

.banner-intxt{width: calc(100% - 40px); height: auto; overflow: hidden; margin:0 auto; text-align:center;}
.banner-intxt h1{font-size: 80px;color: rgba(255,255,255,0.6); font-weight: bolder;}
.banner-intxt h2{font-size: 40px;color: #fff; font-weight: 500; margin-top: 40px;}
.banner-intxt ul{width: 100%; height: auto; overflow: hidden;  margin:0 auto;  margin-top: 40px; text-align: center; }
.banner-intxt ul li{display: inline-block; margin-left: 3px; margin-right: 3px;height: 50px; line-height: 50px; border-radius: 5px;
margin-bottom: 10px; border: 1px #fff solid; border-color: rgba(255,255,255,0.5);background: rgba(255,255,255,0.3); text-align: center;transition: all 0.3s ease;}
.banner-intxt ul li a{color: #fff; font-size: 18px; height: 50px; line-height: 50px;  display: block;  padding-left: 20px;  min-width: 120px;
    padding-right: 20px;transition: all 0.3s ease;}
.banner-intxt ul li.cut{background: #fff; border: 1px solid #fff;  }
.banner-intxt ul li.cut a{color: #009bdf;}
.banner-intxt ul li:hover{background: #fff; border: 1px solid #fff;  }
.banner-intxt ul li:hover a{color: #009bdf;}

.abo-txt{width: calc(100% - 40px); height: auto; overflow: hidden;  margin:0 auto;  margin-top: 80px; max-width: 1200px;  }
.abo-txt .abo-title{ font-size: 32px; text-align: center; font-weight: 500; margin-bottom: 60px; }
.abo-txt p{font-size: 16px; line-height: 1.5;}



@media (max-width:1200px) {
.banner-intxt ul{display: none;}
.banner-inbox2 {padding-top: 200px; padding-bottom: 70px;   }
}

@media (max-width:900px) {
.banner-intxt h1{font-size:60px;}
.banner-intxt h2{font-size: 30px;}
}
@media (max-width: 600px) {
    .banner-intxt h1{font-size:46px;}
  .banner-intxt h2{ margin-top: 20px;}
.abo-txt{  margin-top: 40px; }
.abo-txt .abo-title{  margin-bottom: 30px; }
}
.honor{width: calc(100% - 40px); height: auto; overflow: hidden;  margin:0 auto;  background: url(../img/004.png) center center no-repeat; background-size: cover;
 margin-top: 80px; max-width: 1200px; padding-top: 60px; padding-bottom: 60px; }
.honor .swiper-slide{text-align: center;}

.honor .swiper-slide img{display:inline-block;  height: 360px;}

.honor .swiper-button-prev, .honor .swiper-button-next{width: 50px; height: 80px; margin-top: -40px;}
.honor .swiper-button-next, .honor .swiper-container-rtl .swiper-button-prev{background: url(../img/js041.png); background-size: 100%; right: 0px;}

.honor .swiper-button-prev, .honor .swiper-container-rtl .swiper-button-next {background: url(../img/js040.png); background-size: 100%; left: 0px;}

@media (max-width:900px) {
.honor .swiper-slide img{ height: 240px;}
.honor .swiper-button-prev, .honor .swiper-button-next{width: 38px; height: 60px; margin-top: -30px;}

}
@media (max-width:600px) {
.honor{margin-top: 40px;  padding-top: 30px; padding-bottom: 30px; }

}

.his{width: calc(100% - 40px); height: auto; overflow: hidden;  margin:0 auto;
 max-width: 1200px; }
.his ul.his-btn{ width: 140px; height: auto; overflow: hidden; float: left;  padding-top: 20px;}
.his ul.his-btn li{width: 120px; height: 40px; margin-bottom: 10px; line-height: 40px; font-size: 28px ; cursor: pointer; transition: all 0.3s ease;
    text-align: center; background: #c9c9c9; color: #fff; border-radius: 5px; position: relative;}
.his ul.his-btn li span{ display: none;width: 10px; height: 20px; position: absolute; right: -10px; top: 50%; margin-top: -10px; background: url(../img/005.png); }
.his ul.his-btn li.cut{ background: #009bdf; }
.his ul.his-btn li.cut span{display: block;}
.his ul.his-btn li:hover{ background: #009bdf; }
.his ul.his-box{ width: calc(100% - 180px); height: auto; overflow: hidden; float: left;  margin-left: 40px; padding-top: 20px; padding-bottom: 20px; position: relative;}
.his-line{position: absolute; width: 2px; height: 100%; background: #aaa;  top: 0px; left: 8px;}

.his ul.his-box li { width: 100%; height: auto; overflow: hidden; position: relative; display: none; }
.his ul.his-box li h1{ height: 40px; line-height: 40px; color:#009bdf; padding-left: 40px;  position: relative; margin-bottom: 60px;}
.his ul.his-box li h1 span { width: 16px; height: 16px; display: block; border-radius: 50%; border: 3px solid #009bdf; background: #fff;
 position: absolute; left: 1px; top: 10px; }

.his ul.his-box li .his-txt{width: 100%; padding-left: 140px; height: auto; overflow: hidden; position: relative; margin-bottom: 30px;}
.his ul.his-box li .his-txt span{ width: 10px; height: 10px; display: block; border-radius: 50%;background: #009bdf;
 position: absolute; left: 4px; top: 10px; }
.his ul.his-box li .his-txt b{font-size: 24px; position: absolute; left: 40px; top: 0px;  color: #999;}
.his ul.his-box li .his-txt h3{  font-size: 24px; color: #009bdf; margin-bottom: 20px; }
.his ul.his-box li .his-txt p{  font-size: 16px; color: #999;   }

@media (max-width:900px) {
.his ul.his-btn{ width: 100%; padding-top: 0px;}
.his ul.his-btn li{ float: left; margin-right: 10px; width: 100px; height: 30px;  line-height: 30px; font-size: 20px ; }
.his ul.his-btn li span{ display: none !important;}
.his ul.his-box{ width: 100%; margin-left: 00px; padding-top: 20px; padding-bottom: 20px;}
.his ul.his-box li .his-txt{padding-left: 40px; }
.his ul.his-box li .his-txt b{font-size: 16px; position: static;  margin-bottom: 10px; display: block;}
.his ul.his-box li .his-txt h3{  font-size: 20px; color: #009bdf; margin-bottom: 10px; }

}

.news-in {width: calc(100% - 40px); height: auto; overflow: hidden;  margin:0 auto;
 max-width: 1200px; margin-top: 40px; }
.news-in-l {width: calc(100% - 350px); height: auto; overflow: hidden;  float: left; }
.news-in-r {width: 300px; height: auto; overflow: hidden;  float: left; margin-left: 50px; }
.news-in-l-box1 {width: 100% ; height: auto; overflow: hidden;  padding-bottom: 16px;  position: relative;  cursor: pointer; margin-bottom: 20px;}
.news-in-l-box2 {width: 100% ; height: auto; overflow: hidden;  border: #c0bbba 1px solid;}
.news-in-l-box2-pic {width: 280px; height: 210px; float: left; overflow: hidden;}
.news-in-l-box2-pic img{width: 100%; display: block;}

.news-in-l-box2-txt{width: calc(100% - 280px); height: 210px; overflow: hidden; }
.news-in-l-box2-txt-t{width:100%; height: 48px; line-height: 48px; font-size: 16px;   border-bottom: #c0bbba 1px solid;}
.news-in-l-box2-txt-t span{display: block;width: 50%; padding:0 20px;  float: left; color: #333;}
.news-in-l-box2-txt-t span b{ color: #999; font-weight: 500; margin-left:10px; }
.news-in-l-box2-txt h3{font-size: 18px; margin-top: 15px ;margin-bottom: 15px; color: #333; padding:0 20px; width: 100% ;transition: all 0.3s ease;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.news-in-l-box2-txt p{font-size: 16px; color: #666; padding:0 20px; width: 100% ; line-height: 28px; height: 84px; overflow: hidden;}
.news-in-more{position: absolute; width: calc(100% - 280px); height: 36px; left: 280px ;bottom: -2px;}
.news-in-more span{display: block; float: left; width: 30%; height: 1px; margin-top: 17px; background:#009bdf; transition: all 0.3s ease;}
.news-in-more a{display: block; float: left; width: 34px;height: 34px; background:#009bdf;  border-radius: 50%; color: #fff; line-height: 34px;
font-size: 12px; text-align: center; margin-top: 0px; transition: all 0.3s ease;}
.news-in-l-box1:hover .news-in-more span{background: #e5006e; width: 60%;}
.news-in-l-box1:hover .news-in-more a{background: #e5006e;}
.news-in-l-box1 .news-in-l-box2-txt h3:hover{ color: #009bdf; }


.page{margin-top: 30px;}
.page a{display: block; float: left; margin-right: 10px; width: 60px; height: 36px; transition: all 0.3s ease;
    line-height: 36px; text-align: center; color: #666 ;border: 1px #bbb solid;}

.page a:hover{background:#009bdf; border:1px solid #009bdf;  color: #fff;}
.page a.Ahover{background:#009bdf; border:1px solid #009bdf;  color: #fff;}


.news-in-r-box{width: 100%; height: auto;background: #fff; padding:20px;  margin-bottom: 40px;}
.news-in-r-box h2{font-size: 28px; font-weight: 500; color: #666;  }

.news-in-r-box span.sp1{display: block; width: 56px; height: 2px;background:#009bdf; margin-top: 10px; }
.news-in-r-box h3{font-size: 22px; font-weight: 500; color: #666;  margin-top: 10px; }
.news-in-r-box .news-nav{width: 100%; height: auto; overflow: hidden; margin-top: 15px;}
.news-in-r-box .news-nav .news-nav-t{width: 100%; height: auto; overflow: hidden;}
.news-in-r-box .news-nav .news-nav-t li{ padding:0 50px 0 20px; height: 32px; width: 100%; line-height: 32px; position: relative; }
.news-in-r-box .news-nav .news-nav-t li span{position: absolute; display: block;width: 7px; height: 12px;
 right: 20px; top: 50%; margin-top: -6px; background: url(../img/014.png);}
.news-in-r-box .news-nav .news-nav-t li a{color: #666; transition: all 0.3s ease;}
.news-in-r-box .news-nav .news-nav-t li a:hover{color: #009bdf;}
.news-in-r-box .news-nav .news-nav-t li.cut{border: #c0bbba 1px solid; border-radius: 3px; }

.news-in-r-box .news-nav .news-nav-b{width: 100%; height: auto; overflow: hidden;}
.news-in-r-box .news-nav .news-nav-b li{margin-bottom: 15px; width: 100%; height: auto; overflow: hidden;}
.news-in-r-box .news-nav .news-nav-b img{width: 100px; display: block; float: left; }
.news-in-r-box .news-nav .news-nav-b .news-nav-b-t{width: calc(100% - 110px); display: block; float: left; height: 75px; overflow: hidden; margin-left: 10px;}

.news-in-r-box .news-nav .news-nav-b .news-nav-b-t span{font-size: 14px; color: #999; font-weight: 500; display: block; margin-bottom:8px;}
.news-in-r-box .news-nav .news-nav-b .news-nav-b-t span b{font-size: 14px; color: #999; font-weight: 500;}
.news-in-r-box .news-nav .news-nav-b .news-nav-b-t h3{font-size: 16px; line-height: 24px; color: #333;font-weight:500; }

.news-in-r-box .news-nav .news-nav-j{width: 100%; height: auto; overflow: hidden;}
.news-in-r-box .news-nav .news-nav-j li{margin-bottom: 10px; width: 100%; height: auto; overflow: hidden;}
.news-in-r-box .news-nav .news-nav-j li span{display: block; height: auto; overflow: hidden; width: 68px; float: left; line-height: 30px; color: #999;font-size: 18px;}
.news-in-r-box .news-nav .news-nav-j li b{display: block; height: auto; overflow: hidden; width:calc(100% - 68px); float: left; line-height: 30px; font-weight: 500; color: #999;font-size: 18px;}






.news-in-d {width: 100%; height: auto; overflow: hidden;  background:#fff;padding:30px;  }

.news-in-d-t{width: 100%; height: auto; overflow: hidden; padding-bottom: 20px; border-bottom: 1px solid #c0bbba;}
.news-in-d-t h2{font-size: 32px; margin-bottom: 20px;}
.news-in-d-t1 span{display: inline-block; font-size: 18px; color: #999; margin-right: 20px;}
.news-in-d-t1 span b{color: #009bdf; font-weight: 500;display: inline-block; margin-left: 10px;}
.news-in-d-t1 span a{ display: inline-block; padding-right: 30px; background: url(../img/019.png) right 3px no-repeat;  color: #999;}
.news-in-d-t1 span a:hover{ color: #009bdf; }

.news-in-d-c{margin-top: 40px; width: 100%; height: auto; overflow: hidden;}
.news-in-d-b{margin-top: 40px; width: 100%; height: auto; overflow: hidden;  position: relative;}
.news-in-d-n{display: block;width: calc(100% - 300px); height: auto; overflow: hidden; float: left;}
.news-in-d-b p{display: block;width: 100%; font-size: 16px;  height: auto; overflow: hidden; margin-bottom: 10px;}
.news-in-d-b p span {display: block;width: 60px; float: left;  }
.news-in-d-b p a {display: block;width: calc(100% - 60px); float: left; transition: all 0.3s ease;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.news-in-d-b p a:hover{color: color: #009bdf;}
.news-in-d-s{float: right; top: 0px; right: 0px;
    width: 250px; height: auto; border: #c0bbba 1px solid;  padding-left: 100px; padding-top: 10px ;padding-bottom: 10px;
padding-right: 20px; background: url(../img/021.png) 20px 20px no-repeat; }
.news-in-d-s a{display: inline-block; width: 26px; height: 26px; margin-right: 10px;}







.news-in-d-t2 span{ display: block; width: 33.3%;float: left; margin-right: 0px; padding-right: 20px; }
.news-in-d-c h6{font-size: 18px;}
.news-in-d-e {font-weight: bold; padding-top: 20px; border-top:#c0bbba 1px solid; }
.news-in-d-e a{ color: #009bdf; }



@media (max-width:1200px) {
.news-in-r{display: none;}
.news-in-l {width: 100%;  }
}

@media (max-width:800px) {
.news-in-more{display: none;}
.news-in-l-box2-txt-t {border-width: 0px; height: auto; overflow: hidden;}
.news-in-l-box2-txt-t span{width:100% ; height: 30px; line-height: 30px;}
.news-in-l-box2-txt-t span.ydrs{display: none;}
.news-in-l-box2 {  border: #c0bbba 0px solid;}
.news-in-l-box1 {border-bottom: #c0bbba 1px dashed; }
.news-in-l-box2-pic{width: 200px; height: auto;}
.news-in-l-box2-txt{width:calc(100% - 200px); height: auto;}
.news-in-l-box2-txt p{height: auto; line-height: 1.5;}
.news-in-l-box2-txt h3{margin-top: 5px;margin-bottom: 5px;}
.news-in-d-t h2{font-size: 24px;}
.news-in-d-t1 span{ font-size: 14px; color: #999; margin-right: 10px;}
.news-in-d { border: #c0bbba 0px solid; padding:10px;  }
.news-in-d-n{width: 100%; float: none;}
.news-in-d-s{float: none;  margin-top: 10px;
    width: 100%; }
    .news-in-d-t2 span{  width: 50%;float: left; margin-right: 0px;  }

}

@media (max-width:650px) {
.news-in{margin-top: 40px;}
.news-in-l-box2-txt-t span{font-size: 14px; padding-left: 10px; padding-right: 0px;}
.news-in-l-box2-pic{width: 120px; height: auto;}
.news-in-l-box2-txt{width:calc(100% - 120px); height: auto;}
.news-in-l-box2-txt h3{font-size: 16px; margin-top: 7px;margin-bottom: 7px; padding-left: 10px; padding-right: 0px;}
.news-in-l-box2-txt p{height: auto; line-height: 1.5; font-size: 14px; overflow: hidden;padding-left: 10px; padding-right: 0px;
text-overflow:ellipsis;
white-space: nowrap;}
.page {text-align: center;}
.page a{width: 24px; height: 24px;  font-size: 16px; display: inline-block; float: none;
    line-height: 24px; }

.news-in-d-b p{font-size: 14px; }

.news-in-d-t h2{font-size: 20px;}

}

.join-txt p{text-align: center;}


.join-box {width: calc(100% - 40px); height: auto; overflow: hidden;  margin:0 auto;
 max-width: 1200px; margin-top: 80px; }
.join-nav{width: 100%; height: auto; overflow: hidden;  margin:0 auto;  }
.join-nav li{width: 33.3%  ;height: auto; overflow: hidden; position: relative; float: left;}
.join-nav li img{width: 100%;display: block;}
.join-nav li h3{position: absolute; width: 100%; height: 36px; line-height: 36px; font-size: 36px; text-align: center; top: 50%; margin-top: -18px; color: #fff;}
.join-nav li span{display: none; position: absolute; width: 40px; height: 40px; left: 50%;margin-left: -20px; bottom: 10px; }
.join-nav li.cut span{display: block;}
.join-nav li .mengc{position: absolute; width: 100%;height: 100%; top: 0px; left: 0px;
 filter:alpha(opacity:10); transition: all 0.3s ease;
 opacity:0;
 -moz-opacity:0;
 -khtml-opacity: 0;}
.join-nav li:hover .mengc{
 filter:alpha(opacity:100);
 opacity:1.0;
 -moz-opacity:1.0;
 -khtml-opacity: 1.0}


.join-top-box{width: 100%;height: 50px; padding:0 20px;  margin-top: 40px;  }
.join-down-box{width: 100%;height: auto; overflow: hidden; background: #f1f1f1; padding:0 20px 40px 20px;  }
.join-sh {background: #009bdf;}
.join-top{width: 100%;height: 50px; }
.join-top li{height: 50px; float: left; color: #fff; font-size: 16px; line-height: 50px;  text-align: center;}
.join-top li.join-01, .join-top li.join-05{width: 150px;}
.join-top li.join-02, .join-top li.join-03, .join-top li.join-04{width: calc(33.3% - 100px);}
.join-down-box .join-top {border-bottom: 1px dashed #999;height: 60px;}
.join-down-box .join-top li{color: #333;height: 60px; line-height: 60px;}
.join-top li.join-05 a{ display: block; width: 140px; height: 40px; line-height: 40px; border: 1px solid #999; border-radius: 20px; color: #333;margin:0 auto;  margin-top: 10px;  }
.join-top li.join-05 a:hover{background: #009bdf !important;border: 1px solid #009bdf;  color: #fff; }
.join-top li.join-01 a:hover{color: #009bdf;}

@media (max-width:900px) {
.join-nav li h3 { font-size: 24px; }
.join-nav li span{width: 30px; height: 30px; margin-left: -15px;  }
.join-05{display: none;}
.join-top li.join-02, .join-top li.join-03, .join-top li.join-04{width: calc(33.3% - 50px);}
}


@media (max-width:700px) {
.join-nav li h3 { font-size: 18px; }
.join-nav li span{width: 16px; height: 16px; margin-left: -8px;  bottom: 5px;  }
}

@media (max-width:600px) {
.join-nav li h3 { font-size: 24px; }
.join-nav li span{width: 30px; height: 30px; margin-left: -15px;  }
.join-05{display: none;}
.join-top li.join-02, .join-top li.join-03, .join-top li.join-04{width: calc(33.3% - 50px);}
.join-top li.join-02{display: none;}
.join-top li.join-02, .join-top li.join-03, .join-top li.join-04{width: calc(50% - 50px);}
.join-top li.join-01, .join-top li.join-05{width: 100px;}
.join-top li{height: 50px; float: left; color: #fff; font-size: 14px; line-height: 50px;  text-align: center;}
}

.abo-txt .con-title{ font-size: 32px; text-align: center; font-weight: 500; margin-bottom: 20px; color: #009bdf; }
.abo-txt .con-title2{ font-size: 24px; text-align: center; font-weight: 500; margin-bottom: 20px; color: #666; }


.con-btn {width: calc(100% - 40px); height: auto; overflow: hidden;  margin:0 auto;
 max-width: 1200px; margin-top: 40px; text-align: center; }
.con-btn li {width: 240px; height: 60px; line-height: 60px; text-align: center; font-size: 20px;
    display: inline-block; color: #fff; background: #c9c9c9; margin:0 20px; border-radius: 5px; }
.con-box {width: calc(100% - 40px); height: auto; overflow: hidden;  margin:0 auto;
 max-width: 1200px; margin-top: 40px; }
.con-btn li.cut{background:#009bdf;}
.con-btn li:hover{background:#009bdf;}

.con-box li {width: 100%; height: auto; overflow: hidden;  margin:0 auto;  position: relative;
 max-width: 1200px;  }
.con-box li .con-box-t {width: 360px; height: auto; min-height: 430px; overflow: hidden;  float: right; padding:40px 20px;
    background: url(../img/025.png) center center;  background-size: cover; }

.con-box-t {width: 100%; height: auto; overflow: hidden;  }
.con-box-t h3{color: #fff; margin-left: 10px; font-size: 24px; width: 100%; height: auto; overflow: hidden;margin-bottom: 20px; }
.con-box-t i{display: block;width: 56px; height: 4px; background: #fff; margin-bottom: 20px;}
.con-box-t-m {width: 100%; height: auto; overflow: hidden; padding-left: 50px;  position: relative;
    font-size: 20px; line-height: 30px;  margin-bottom: 15px; color: #fff;}
.con-box-t-m span{ position: absolute; top: 2px; left: 10px;}
.con-box-t-ewm {width: 100%; height: auto; overflow: hidden; padding-left: 20px;  position: relative;
    font-size: 16px; line-height: 30px;  margin-bottom: 15px; color: #fff;}
.con-box-t-ewm img{display: block; width: 105px;height: 105px; float: left;}
.con-box-t-ewm span{display: block; width: calc(100% - 105px);  float: left; padding-left: 20px; margin-top: 20px;}

.con-map{background: #999; width: calc(100% - 380px); height: 100%; position: absolute; top: 0px; left: 0px;}
.con-m{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;}
@media (max-width:900px) {
.con-box li .con-box-t {width: 100%; float: none;}
.con-map{background: #999; width: 100%; height: 400px; position: relative;}
    .abo-txt .con-title{ font-size: 24px; text-align: center; font-weight: 500; margin-bottom: 20px; color: #009bdf; }
.abo-txt .con-title2{ font-size: 18px; text-align: center; font-weight: 500; margin-bottom: 20px; color: #666; }
.con-btn { margin-top: 20px; }
}
@media (max-width:700px) {

 .con-btn li {width: calc(50% - 30px); height: 50px; line-height: 50px;  font-size: 16px;
    margin:0 10px; }

}
@media (max-width:500px) {
 .con-btn li {width: calc(100% - 30px); height: 50px; line-height: 50px;  font-size: 16px;
    margin:0 10px;  margin-bottom: 10px;}

}
.blocks-2{overflow: hidden;}
.shown{width:22%;float: left;margin:1.5%;}
@media(max-width: 1080px){.shown{width:46%;float: left;margin:2%;}}
.shownn{width:100%;}
