@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}
*:focus{outline:none;}
body,input,textarea{font-family:'微软雅黑','Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif;}
body{font-size:20px; background-color: #fff; color:#666666; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; -khtml-user-select:none; user-select:none;}
a,a:link,a:active,a:visited{color:#333; text-decoration:none;}
a:hover,.nav li a:hover{color:#57bdc9; text-decoration:none;}
a:focus{-moz-outline-style:none;}
ul{list-style:none; overflow: hidden;}
i,em{font-style:normal;}
img{border:none;max-width: 100%}
body.ov{overflow: hidden;}

@font-face {
    font-family: 'iconfont';  /* project id 1047685 */
    src: url('../fonts/font_1047685_rrt2gil2s9e.eot');
    src: url('../fonts/font_1047685_rrt2gil2s9e.eot') format('embedded-opentype'),
    url('../fonts/font_1047685_rrt2gil2s9e.woff2') format('woff2'),
    url('../fonts/font_1047685_rrt2gil2s9e.woff') format('woff'),
    url('../fonts/font_1047685_rrt2gil2s9e.ttf') format('truetype'),
    url('../fonts/font_1047685_rrt2gil2s9e.svg#iconfont') format('svg');
}

.ift{font-family:'iconfont'; display: inline-block;}
.anmt10{transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease;}
.anmt5{transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.anmt3,body:after,.nav,.litsa li i,.lics li div,.lics li a:before,.sc3ds .swiper-slide p,img,.nav>li>div,.spn,.imenu,.imenu:after,.imenu:before{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.anmt2{transition:all 0.2s ease; -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
.boximg{max-width:100%!important; height:auto!important;}
.boximg{width:100%; display: block;}
.oohid{opacity:0;visibility: hidden;}
.bk00{background-color:#000;}
.bkfff{background-color: #fff;}
.bkfa{background-color: #fafafa;}
.bkf8{background-color: #f8f8f8;}
.nmain{width:100%; max-width:1200px; padding:0 1em; position: relative; margin:0 auto;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.box,.boxhcent{width:100%; max-width:1200px; padding:0 1em; position: relative; margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.box.nb{padding:0;}

.font2h,.lics li p,.sc3ds .swiper-slide span,.lins li p,.listnsn li p{text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box!important; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.sc3ds .swiper-slide span,.listnsn li p{-webkit-line-clamp:3;}
.fontovdd,.lics li b,.lins li div a,.mons li a{display:block; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.nbk{background: none!important;}
.boxflex{display:-webkit-flex; display: flex; flex-wrap:wrap;}
.boxflex li{-webkit-flex:1; flex:1; float: left; white-space:nowrap; }
.amod{position: relative; top:-179px;}

.imenu{display:none; position:absolute; top:20px; right:22px; width:30px; height:15px; border-top:3px solid #33a3aa; border-bottom:3px solid #33a3aa; cursor: pointer; float: right;}
.imenu:after,.imenu:before{position: absolute; top:50%; margin-top:-2px; right:0; left:0; border-top:3px solid #33a3aa; content: ''; display: block;}
.showMenu .imenu{border:0px solid transparent;}
.showMenu .imenu:after{transform: rotate(45deg)}
.showMenu .imenu:before{transform: rotate(-45deg)}

.head{clear: both; height:4.7em; background-color:#fff; position: relative; box-shadow: 0px 5px 5px 0px rgba(3, 0, 0, 0.05); z-index: 2;}
.head .box{max-width:1200px;position: relative}
.head .logo{position: absolute;left: -2em;top: -5px;padding: 5px;z-index: 3;max-width: 135px}
.head .logo img{display: block}
.head .ftit{color:#cacaca; font-weight: bold; position: absolute; top:1.3em; line-height:1em; right:1em;}

.nav{text-align: right; position: absolute; top:2em; right:0; line-height:1em;}
.nav>li{text-align: center; display: inline-block; padding:0 .4em 1.7em;position: relative}
.nav>li span{display: none;}
.nav>li>a{color:#000; display:block; position:relative; padding:0 1em; font-size:1em}
.nav>li>a:hover,.nav>li.on>a{color:#33a3aa;}
.nav>li.on>a:before{content:''; display:block; position: absolute; left:0; top:50%; width:0; transform: translate(-7px,-50%); height:0; border-top:5px solid transparent; border-left:10px solid #33a3aa; border-bottom:5px solid transparent;}
.nav>li div{
    display: none; background-color: #ebebeb; top:4.7em; position:fixed; left:0; right:0; z-index: 2; line-height:40px;
    box-shadow: inset 0 5px 5px 0 rgba(0, 0, 0, 0.1);
}
.nav>li:hover div{display: block;} /*,.nav>li.on div*/

.fy{list-style:none; text-align:center; padding:3em 0 3em;margin-bottom: 40px!important;margin-top: 30px}
.fy li{padding: 2px 5px; text-align:center; display:inline-block; vertical-align:middle; *display:inline; *zoom:1;background-color: #304b5e;opacity: .6}
.fy li:not(:nth-of-type(1)){margin-left:15px}
.fy li a{font-size:18px; color:#787878; text-decoration:none;color: #ffffff}
.fy li.thisclass{background-image:url('../images/pager-bg.jpg'); background-size:contain;color:#fff}
.fy li.thisclass a{color:#fff;}
.fy li.disabled a{color:#e4e4e4; cursor:not-allowed}
.page {margin-bottom: 3em;text-align: center}
.page li {display: inline-block;margin: 0 5px;}
.page li a{display: inline-block;padding: 5px;background: #ccc}
.jy-img{padding-top: 3em}
.mySwiper .swiper-slide {
    max-height: 180px;
    overflow: hidden;
}
.mySwiper .swiper-slide:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}
.mySwiper .swiper-slide-thumb-active:before {
    background: transparent;
}
.about_con {
    padding: 3em 0;
    overflow: hidden;
}
.about_con .img{
    float: left;
    width: 48%;
}
.about_con .text {
    float: right;
    width: 47%;
}
.about_con .text h2 {
    text-align: center;
    padding: 3em 0 1.5em;
}
.about_con .text p {
    color: rgb(102, 102, 102);
    font-size: 16px;
    line-height: 2;
    text-indent: 2em;
}
.bk01 .nht1 {
    float: left;
    width: 50%;
    text-align: center;
}
.bk01 .nht2 {
    float: right;
    width: 48%;
}

/* 轮播图 */
.sbanner{position: relative; clear: both;}
.sbanner .swiper-slide{background-position: center center; background-size:cover;  position: relative;}
.sbanner .swiper-slide img{display: block; width:100%; max-width:100%;}
.sbanner .swiper-slide a{position: absolute; top:0; right:0; bottom:0; left:0; z-index: 2;}
.sbanner .swiper-pagination{bottom:.5em;}
.sbanner .swiper-pagination-bullet{background-color:transparent; border:1px solid transparent; padding:4px; margin:0 10px; opacity:1; width:auto; height: auto;}
.sbanner .swiper-pagination-bullet:after{content:''; display: block; background-color: #fff; width:10px; height:10px; border-radius:50%;}
.sbanner .swiper-pagination-bullet-active{background-color:transparent; border-color:transparent; opacity: 1;}
.sbanner .swiper-pagination-bullet-active:after{background-color:#57bdc9;}
.sbanner.sn .swiper-pagination{bottom:15px;}

.titsa{text-align: center; font-size:20px; padding:2.5em 0 1em;}
.titsa b{background: url("../images/bk_tbk.png") no-repeat center center; display: block; letter-spacing:.25em; padding-left:.25em; color:#222}
.titsa p{color:#bbb; font-weight: lighter; padding:.5em 0;}

.litsa{clear: both; text-align: center; font-size:20px;}
.litsa li{float: left; width:26%; margin:.2em 3.666% 3em;}
/*.litsa li i{display: block; border-radius:50%; font-family: iconfont; border:3px solid #57bdc9; color:#57bdc9; width:2em; height:2em; line-height:2em; font-size:2.7em; margin:0 auto 0.3em;}*/
/*.litsa li:hover i{background-color: #57bdc9; color:#fff;}*/
.litsa li b{margin:.5em 0 .3em; display: inline-block;}
.litsa li p{color:#bbb; padding:5px 0; font-size:.8em;}

.titsc{clear: both; padding:3.2em 0 1.5em; margin-bottom:1.5em; border-bottom:2px solid #e5e5e5;}
.titsc b{letter-spacing:5px; font-size:1.5em; color:#1d868c;}
.titsc em{font-size:.9em; color:#000; text-transform: uppercase; font-weight:lighter; display: block;}
.lics li,.lics2 li{float: left; position: relative; width:31%; margin-right:3.5%;}
.lics li:nth-child(3n),.lics2 li:nth-child(3n){margin-right:0;}
.lics li a,.lics li img,.lics2 li img{display: block; width:100%; max-width:100%; color:#fff;}
.lics2{padding:3em 0;}
.lics2 li i{ overflow: hidden;display: flex;justify-content: center;height: 245px; }
.lics2 li:hover img{transform: scale(1.1);}
.lics li div{background-color: #efefef; width:100%; padding:0 .5em; box-sizing: border-box;}
.lics li:hover div{opacity: 1;}
.lics li a:before{content:''; display: none; position: absolute; top:0; left:0; height:100%; width:100%; background-color: rgba(0,0,0,.6); opacity:0;}
.lics li:hover b{color:#33a3aa}
.lics li b{font-weight:lighter; line-height:2.4em; font-size:.9em; color:#000;}
.lics li p{font-size: .8em; line-height:1.6em;}

.sc3ds{width:100%; max-width:900px; box-sizing:border-box; padding: 0; position:relative; margin:0 auto;}
.sc3ds .swiper-slide{background-position:center; background-size:cover; width:60%; max-width:400px;}
.sc3ds .swiper-slide img{display: block; width:100%; max-width:100%;}
.sc3ds .swiper-slide p{display:none; position: absolute; left:0; right:0; bottom:0; color:#fff; background-color: rgba(0,0,0,.5); padding:1em; font-size:12px; opacity:0;}
.sc3ds .swiper-slide.swiper-slide-active p{opacity: 1;}
.sc3ds .swiper-pagination{bottom:25px; z-index: 9;}
.sc3ds .swiper-pagination-bullet{background-color:transparent; border:1px solid #ee6d00; padding:6px; margin:0 6px!important; opacity:1; width:auto; height: auto;}
.sc3ds .swiper-pagination-bullet-active{background-color:#ee6d00; border-color:#ee6d00; opacity: 1;}
.prsun{padding:0 40px; box-sizing: border-box; max-width:90%; max-width:1000px; position: relative; margin:3em auto 0;}
.prsun .spn{filter: grayscale(100%); background-color:rgba(255,255,255,.7); padding:10px 5px; margin:0; transform: translate(0,-50%); background-size: contain; width:10px;}
.prsun .spn:hover{opacity:.7}
.prsun .spn.swiper-button-next{right:0;}
.prsun .spn.swiper-button-prev{left:0;}
.prsun .spn.swiper-button-next:hover{right:-5px;}
.prsun .spn.swiper-button-prev:hover{left:-5px;}
.prsun .spn.swiper-button-next:active{right:-10px;}
.prsun .spn.swiper-button-prev:active{left:-10px;}
#msinfo{max-width:750px; margin:0 auto; font-size:13px; color:#222; padding:4.1em 0 0; line-height:1.8em;}

.boxns{padding-bottom:90px;}
.boxns .left{width:220px; float: left;}
.lins{margin-left:260px;}
.lins li{width:47%; margin:0 6% 0 0; float: left;}
.lins li:nth-child(1),.lins li:nth-child(2){border-bottom:1px solid #ddd; margin-bottom:2em; padding-bottom:2em;}
.lins li:nth-child(2n){margin-right:0;}
.lins li img{width:120px; height:78px; float: left; margin-right:20px;}
.lins li div p{font-size:12px; color:#bbb; padding:5px 0 0; line-height:160%;}
.lins li div a:hover{}

.titsd{font-size:28px; padding:60px 0 40px; letter-spacing:4px; padding-left:4px;}
.titsd em{color:#57bdc9;}
.boxpat{text-align: center; padding-bottom:70px;}
.boxpat img{display: block; width:96%; max-width:96%; margin:0 auto;}

.boxhcent{padding:48px 0; color:#fff; font-size:20px; overflow: hidden;
  background-image: -moz-linear-gradient( 0deg, rgb(87,189,201) 0%, rgb(109,199,198) 50%, rgb(126,206,195) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(87,189,201) 0%, rgb(109,199,198) 50%, rgb(126,206,195) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(87,189,201) 0%, rgb(109,199,198) 50%, rgb(126,206,195) 100%);
}
.boxhcent div{width:50%; float: left; padding-left:7%; box-sizing: border-box; font-size:.9em;line-height: 2}
.boxhcent .dz:after{content:''; display: block; width:100px; height:3px; background-color: #fff; margin-top:60px;}
.boxhcent p{font-size: 1em;line-height: 2}
.boxhcent span{font-size:1em;}
.boxhcent b{font-weight:normal; display: block;}

.imap{background:url("../images/map_img.jpg") center center; height:244px; position: relative; background-size: cover; cursor:pointer;}
.imap a{position: absolute; top:0; left:0; bottom:0; right:0;}


.ctu-logo{padding-top:131px; text-align:center}
.ctu-title{padding-top:59px; text-align:center}
.ctu-title > span{font-size:22px; line-height:1.67; letter-spacing:2px; color:#30a7b7}
.ctu-method{padding-bottom:93px; width:100%; max-width:1335px; margin:0 auto}
.ctu-method-item{padding-top:83px; text-align:center; width:33%; display:inline-block; vertical-align:top}
.ctu-method-content div{width:295px; margin:0 auto; text-align:left;}
.ctu-method-content div p{padding-bottom:.5em; line-height:1.6em;}
.ctu-method-content div p em{color:#b5b4b4;}
@media screen and (max-width:940px){.ctu-method-item{width:100%}
}
.ctu-method-text{padding-top:33px; padding-bottom:30px}
.ctu-method-text > span{font-size:22px; letter-spacing:5px}
.ctu-method-content > span.en{font-size:20px; letter-spacing:3px}
.ctu-method-content > span.zh{font-size:18px}
.ctu-map{position:relative}
.ctu-map-cmpinfo{position:absolute; top:0; left:0; width:100%; text-align:center; padding-top:93px}
.ctu-map-cmpaddress{padding-top:30px}
.ctu-logo img{max-width:140px}
.ctu-method-pic img{width:102px}
.ctu-method-content-1{width:155px}
.ctu-map-cmpname img{width:195px}
.ctu-map-cmpaddress img{width:489px}

.footer{background-color: #244359; font-size:20px; color:#fff; clear: both; overflow: hidden; padding:60px 0 20px;}
.footer a{color:#fff;}
.footer a:hover{color:#57bdc9!important;}
.footer .fnav{padding:0 4%;}
.footer dl{font-size:.7em; float: left; padding:0 2.5em 3em 0; line-height:2em;}
.footer dl dt{padding-bottom:.5em;}
.footer dl dd.no{background-color: #455f72; height:2px;}
.footer dd a,.footer li a{color:#bababa; display: block;}
.footer dd a:hover,.footer li a:hover{color:#fff!important;}
.footer .fnav{float: left;}
.footer .fnav2{position: relative; text-align: center; padding:0 2%;}
.footer .fnav2:after,.footer .fnav2:before{content:''; display: block; background: url("../images/i.png") no-repeat center center / contain; position: absolute; top:0; bottom:0; width:2px; left:0}
.footer .fnav2:after{left:auto; right: 0;}
.footer li{font-size:1em; display:inline-block; background-color: #304b5e; text-align: center; margin:0 0 1em; width:4.1em; height:4.1em; line-height:4.1em; overflow: hidden;}
.footer li a span{max-width:2em; display: block; margin:.85em auto; line-height:1.2em;}
.footer .f2wm{float: left;  margin-left:4%; display: none;}
.footer p{font-size:.6em; clear: both; text-align:left;}

.pic_nav {
    box-shadow: 0px 1px 8px 0px rgb(0 0 0 / 2%), 0px 7px 27px 0px rgb(0 0 0 / 3%);
    padding: 20px 20px 10px;
}
.pic_nav a {
    font-size: 12px;
    display: inline-block;
    width: calc((88% - 21px) / 6);

    margin: 0 1% 10px;
    color: #666;
    line-height: 20px;
}
.pic_nav .on {
    color: #33a3aa;
}
/* pages */
.nbanner{max-width:1920px; margin:0 auto; text-align: center;}
.nbanner .ldc{position: absolute; left:0; right:0; bottom:0; background-color: #f8f8f8; width:100%; max-width:1200px; margin:0 auto; padding:20px 30px; box-sizing: border-box; color:#244359;}
.nbanner .ldc em{float: right;}
.nbannerbk{background: url("../images/nbanner_bk.jpg") #fff no-repeat center center / cover;}
.nbannerbk img{display:block; margin:0 auto; max-width:100%; padding:0 1em; box-sizing: border-box;}
.b{background-image: -moz-linear-gradient( 0deg, rgb(87,189,201) 0%, rgb(109,199,198) 50%, rgb(126,206,195) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(87,189,201) 0%, rgb(109,199,198) 50%, rgb(126,206,195) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(87,189,201) 0%, rgb(109,199,198) 50%, rgb(126,206,195) 100%);}
.b .nbanner{height:450px;}
.navs{text-align: center; font-size:20px;}
.navs li{display: inline-block; font-size:.8em; padding:0 .5em;}
.navs li a{padding:5px 10px; color:#333; position:relative;}
.navs li a:hover,.navs li.on a{ color:#33a3aa;}
.navs li a:hover:before,.navs li.on a:before{content:''; position: absolute; top:50%; left:0; transform: translate(-10%,-50%); border-left:8px solid #33a3aa; border-top:4px solid transparent; border-bottom:4px solid transparent;}

.libs{clear: both; overflow: hidden; padding:90px 0;max-width:1014px; margin:0 auto;}
.libs li{float: left; color:#bbb; font-size:20px; width:22.7%; margin:0 3% 3em 0;}
.libs li:nth-child(4n){margin-right:0;}
.libs li img{display: block; width:100%;}
/*.libs li:hover img{transform: scale(1.05);}*/
.libs li b{font-weight:normal; display: block; padding:1em 0 0;}

.titse,.titsf,.titsg{text-align: center; color:#666; font-size:24px; padding:68px 0 54px; font-weight: bold;}
.titse:after,.titsf:after{content:'';display:block; height:7px; background: url("../images/icon_titse.png") no-repeat center bottom; padding-top:20px;}
.titsf{font-size:29px; font-weight: normal; letter-spacing:3px;}
.titsf:after{background: url("../images/icon_titsf.png") no-repeat center bottom;}

.lics2{clear:both; overflow: hidden;}
.lics2 li{float: left; padding-bottom:50px; font-size:20px;letter-spacing:1.5px; max-width:330px;}
.lics2 li:nth-child(3n+1){clear: left;}
.lics2 li a{color:#666;}
.lics2 li b{display: block; padding:.5em 0; font-size:1em; font-weight: normal;}
.lics2 li p{font-size: .7em; color:#bbb;}
.lics2 li a:hover{color:#57bdc9;}

.navs.n2{text-align: center;}
.navs.n3{line-height:40px;text-align: center}
.navsmore{display: none;}

.listnsn{font-size:20px; padding:60px 0;}
.listnsn li{border-bottom:1px solid #bbb; padding-bottom:2em; margin-bottom:2em; clear:both; overflow: hidden;}
.listnsn img{min-width:30%; float:left; margin-right:30px;}
.listnsn li em{font-size:.9em; display:block;}
.listnsn li b{font-size: .9em; font-weight: normal; display: inline-block; padding:1em 0;}
.listnsn li p{font-size:.7em; line-height:160%; padding-bottom:.5em;}
.listnsn li .more{color:#57bdc9; border-bottom:1px solid #57bdc9; font-size:.8em; line-height:1em; display: inline-block; margin-top:1.5em;}
.listnsn li .more:after{content:'\e601'; display:inline-block; font-family: iconfont; font-size: .7em;}

.ldc{padding:30px 0; color:#ccc;}
.ldc a{color:#ccc;}
.ldc a:hover{color: #57bdc9;}
.titns{display: block; padding:20px 0 40px; font-size:20px; border-bottom:1px solid #bbb;}
.titns span{display: block; font-size:1em; padding-bottom:1em;}
.titns b{font-size:1.5em;}
.bodycnt{padding:40px 20px;}
.bodycnt img{max-width:100%; height: auto!important; margin:0 auto;}
.bodycnt p{padding:10px; text-indent:2em; line-height:160%;}
.mons{border-top:1px solid #bbb; padding:30px 0 60px; overflow: hidden; margin-top:60px;}
.mons li{width:33.33%; float: left; padding-bottom:10px;}
.mons li a{color:#bbb;}
.mons li a:before{content:'·'; font-family: "宋体";}
.mons li a:hover{color:#57bdc9;}

.titsg{text-align: center;}
.titsg p{font-weight: normal; font-size:.8em; padding:1em 0; color:#999;}

.lijoin{width:33.333%; box-sizing: border-box; float: left; padding:0 2em 2em 0; font-size:20px;}
.lijoin p{font-size:.6em; padding:.8em 0; line-height:200%;}
.lijoin b{color: #57bdc9; font-size: .9em;}
.lijoin span{font-size: .7em; display: block;color:#999; padding:.3em 0;}
.lijoin em{display: block; font-size:.6em; padding:1em 0;}
.lijoin em i{display:block; color:#57bdc9;}

.abtsa{color:#222; margin:7em 0; position: relative;}
.abtsa .linian,.abtsa .t,.abtsa .cnt{position: relative; z-index: 2;}
.abtsa .t{text-align:center; font-size:20px; padding:1.4em 0 2.5em;}
.abtsa .t b{font-size:2.3em;}
.abtsa .t em{font-size:1.2em; display: block;}
.abtsa .cnt{max-width:1000px; margin:0 auto; font-size:1.1em; line-height: 2em; padding-bottom:5em;}
.abtsa:after{content: ''; display:block; background-color: #eee; position: absolute; top:0; bottom:0; z-index: 1; max-width:480px; left:50%; transform: translate(-50%,0); width:100%;}
.linian{background:center center no-repeat; min-height:500px; margin:4em 0;}
.linian .box div{font-size:20px; margin:0 0 0 75%; padding-top:14%;}
.linian div b{font-size:1.1em; display: block;}
.linian div p{font-size:.9em; line-height:1.6em; display: block;}
.linian.l .box div{margin:0 60% 0 0;}
.boxpro{padding-bottom:106px;}
.boxpro img{max-width:100%;}

.bodycase{padding:30px 0; color:#244359; line-height:2em;}
.bodycase p{padding:10px 0; box-sizing: border-box;}
/*.bodycase b{display:inline-block; padding:1em 2em; background-color: #f8f8f8;margin:2em 0 .5em;}*/
.bodycase img{display: block; max-width:100%; padding:20px 0;margin:0 auto}
.bodycase>b{font-size:2em; color:#585858; font-weight: normal; display: block; padding-top:1em;}
.pb60{padding-bottom:100px;}
.box.pb60{padding-left:0; padding-right:0;}
img.tl{max-width:100%; height: auto; display: block; width:100%;}

/* join */
.page_join .inner-content{width:93.75%; max-width:1200px; margin:0 auto;padding:80px 0 120px}
.page_join .inner-content p.title{font-size:25px; line-height:1; text-align:center; color:#232323}
.page_join .inner-content p.sub-title{margin-top:33px; font-size:18px; line-height:1; text-align:center; color:#555555}
.page_join .inner-content ul.recruitment-content{list-style:none; font-size:0;}
.page_join .inner-content ul.recruitment-content li.job-requirements{margin-top:78px; display:inline-block; vertical-align:top; width:33.3%; min-width:400px}
.page_join .inner-content ul.recruitment-content li.job-requirements .job-requirements-inner{width:85%; margin:0 auto}
.page_join .inner-content ul.recruitment-content li.job-requirements .job-requirements-inner p.job-name{font-size:20px; line-height:1; color:#57bdc9}
.page_join .inner-content ul.recruitment-content li.job-requirements .job-requirements-inner p.job-num{font-size:14px; line-height:1; color:#8c8c8c; margin-top:12px}
.page_join .inner-content ul.recruitment-content li.job-requirements .job-requirements-inner div{font-size:13px; font-weight:600; line-height:2.2; color:#555555; margin-top:32px}
.page_join .inner-content ul.recruitment-content li.job-requirements .job-requirements-inner p.job-require{font-size:13px; font-weight:600; line-height:1; color:#555555; margin-top:28px}
.page_join .inner-content ul.recruitment-content li.job-requirements .job-requirements-inner p.job-item{font-size:13px; font-weight:600; line-height:1.5; color:#555555; margin-top:10px; letter-spacing:-0.5px}
.page_join .inner-content ul.recruitment-content li.job-requirements .job-requirements-inner p.resume-send-to{font-size:13px; font-weight:600; line-height:1; color:#555555; margin-top:32px}
.page_join .inner-content ul.recruitment-content li.job-requirements .job-requirements-inner p.mail-box{font-size:13px; font-weight:600; line-height:1; color:#57bdc9; margin-top:10px}

/* news */
.page_news .inner-sm-content ul.news-items{list-style:none; padding:50px 0 0;}
.page_news .inner-sm-content ul.news-items li.news-item{padding:40px 0}
.page_news .inner-sm-content ul.news-items li.news-item:not(:nth-of-type(1)){border-top:1px solid #e5e3df}
.page_news .inner-sm-content ul.news-items li.news-item .news-img{display:inline-block; vertical-align:top; height: 200px; width:260px; float:left}
.page_news .inner-sm-content ul.news-items li.news-item .news-img img{width:100%; height:100%}
.page_news .inner-sm-content ul.news-items li.news-item .news-content{text-align:left; display:inline-block; box-sizing: border-box; vertical-align:top; padding:0 46px; width:calc(100% - 260px); height:200px; overflow:auto}
.page_news .inner-sm-content ul.news-items li.news-item .news-content .news-date{margin-top:8px; font-size:18px; line-height:1; color:#555555}
.page_news .inner-sm-content ul.news-items li.news-item .news-content .news-title{margin-top:28px; font-size:18px; line-height:1; color:#232323}
.page_news .inner-sm-content ul.news-items li.news-item .news-content .news-title a{font-size:18px; line-height:1; color:#232323; text-decoration:none}
.page_news .inner-sm-content ul.news-items li.news-item .news-content .news-description{margin-top:25px; font-size:14px; line-height:1.6; color:#555555}
.page_news .inner-sm-content ul.news-items li.news-item .news-content .news-show-more{margin-top:30px}
.page_news .inner-sm-content ul.news-items li.news-item .news-content .news-show-more a{font-size:14px; line-height:1; color:#57bdc9; text-decoration:none; border-bottom:1px solid #57bdc9}
.page_news .inner-sm-content ul.news-items li.news-item .news-content .news-show-more i.go-icon{width:10px; height:10px; border-top:1px solid #57bdc9; border-right:1px solid #57bdc9; display:inline-block; vertical-align:top; margin-top:2px; margin-left:7px; -webkit-transform:rotate(45deg); transform:rotate(45deg)}
.page_news .inner-sm-content .pager-control{margin:60px 0;}
.page_news .inner-sm-content .pager-control ul.pagination{list-style:none; text-align:center; font-size:0;}
.page_news .inner-sm-content .pager-control ul.pagination li{height:40px; float:left; line-height:40px; text-align:center; display:inline-block; vertical-align:middle; *display:inline; *zoom:1}
.page_news .inner-sm-content .pager-control ul.pagination li.active{background-image:url("../images/pager-bg.jpg"); background-size:contain}
.page_news .inner-sm-content .pager-control ul.pagination li.active a{color:#fff}
.page_news .inner-sm-content .pager-control ul.pagination li.disabled a{color:#e4e4e4; cursor:not-allowed}
.page_news .inner-sm-content .pager-control ul.pagination li:not(:nth-of-type(1)){margin-left:15px}
.page_news .inner-sm-content .pager-control ul.pagination li a{font-size:22px; color:#787878; text-decoration:none}
@media screen and (max-width:940px){
    .page_news .inner-sm-content ul.news-items li.news-item div.news-img{margin-left:23px}
    .page_news .inner-sm-content ul.news-items li.news-item div.news-content{width:100%; height:auto; overflow:hidden; padding:0 23px}
}
.page_newshow .inner-sm-content ul.menu-nav{list-style:none; padding-top:50px;}
.page_newshow .inner-sm-content ul.menu-nav li.menu-nav-item{display:inline-block; vertical-align:top; font-size:15px; line-height:1; color:#c8c8c8}
.page_newshow .inner-sm-content ul.menu-nav li.menu-nav-item a{font-size:15px; line-height:1; color:#c8c8c8; text-decoration:none}
.page_newshow .inner-sm-content ul.menu-nav li.menu-nav-item:not(:nth-last-of-type(1))::after{content:''; display:inline-block; vertical-align:top; width:8px; height:8px; border-top:1px solid #c8c8c8; border-right:1px solid #c8c8c8; -webkit-transform:rotate(45deg); transform:rotate(45deg); margin:3px 10px 0 5px}
.page_newshow .inner-sm-content .news-date{font-size:18px; line-height:1; margin-top:25px; color:#555555}
.page_newshow .inner-sm-content .news-title{font-size:26px; line-height:1; margin-top:50px; color:#232323}
.page_newshow .inner-sm-content .news-content{border-top:1px solid #e5e3df; border-bottom:1px solid #e5e3df; margin-top:60px; padding-top:30px; padding-bottom:60px; font-size:14px!important; color:#8c8c8c}
.page_newshow .inner-sm-content .news-content strong{font-size:14px; color:#8c8c8c}
.page_newshow .inner-sm-content .news-content a{font-size:14px!important; color:#57bdc9}
.page_newshow .inner-sm-content .news-content a u{font-size:14px!important; color:#57bdc9}
.page_newshow .inner-sm-content .news-content div{overflow:hidden; font-size:14px; line-height:2; color:#8c8c8c; margin-top:15px}
.page_newshow .inner-sm-content .news-content p{margin-top:15px; line-height:25px; color:#8c8c8c; font-size:14px}
.page_newshow .inner-sm-content .news-content p.paragraph{font-size:14px; line-height:2; color:#8c8c8c}
.page_newshow .inner-sm-content .news-content p.paragraph-b{font-size:14px; line-height:2; color:#b4b4b4}
.page_newshow .inner-sm-content .news-content p.paragraph-c{font-size:14px; line-height:2; color:#b4b4b4; text-align:center}
.page_newshow .inner-sm-content .news-content p.image img{width:100%}
.page_newshow .inner-sm-content .news-top-8{margin:25px 0 120px; font-size:0;}
.page_newshow .inner-sm-content .news-top-8 ul{list-style:none}
.page_newshow .inner-sm-content .news-top-8 ul li{margin-top:15px; width:24%; display:inline-block; vertical-align:top; padding-right:10px}
.page_newshow .inner-sm-content .news-top-8 ul li::before{content:''; width:8px; height:8px; border-radius:50%; background-color:#c4c4c4; display:inline-block; vertical-align:middle}
.page_newshow .inner-sm-content .news-top-8 ul li a{margin-left:8px; display:inline-block; vertical-align:middle; width:calc(100% - 16px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-decoration:none; font-size:15px; line-height:1; color:#c4c4c4}

/* 常规物料 */
.clearfix:after{content:'.'; display:block; height:0; clear:both; visibility:hidden}
.inner-sm-content{width:93.75%; max-width:1080px; margin:0 auto}
.inner-sm-content *{margin:0; padding:0; font-size:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.main{padding:66px 0 110px}
.material-card{margin-top:64px}
.material-img{width:720px; max-width:720px; height:420px; background-repeat:no-repeat; background-size:cover; background-position:center center; position:relative}
.material-card .material-img{/* background-image:url('../images/1-1.jpg'); */}
.material-card:nth-of-type(2n + 1) .item-name{text-align:right; margin-right:5px; margin-top:5px}
.material-card:nth-of-type(2n + 1) .item-subname{text-align:right; margin-right:5px}
.material-card:nth-of-type(2n) .item-name{text-align:left; margin-left:5px; margin-top:5px}
.material-card:nth-of-type(2n) .item-subname{text-align:left; margin-left:5px}
.item-name{font-size:40px; color:#57bdc9; line-height:1}
.item-subname{font-size:20px; color:#57bdc9; line-height:1; margin-top:10px}
.item-legend{margin:24px auto 0 auto; width:270px}
.item-attr{font-size:18px; color:#040000; line-height:1.5}
.item-desc{font-size:14px; color:#787878; line-height:1.5}
.item-descs{margin-top:30px}
.material-label{width:360px; max-width:720px; height:420px; background-color:#f5f5f5; padding-bottom:50px; position:relative}
.pager-control{margin-top:90px}
.boxblink{background-color:#244359; text-align:center; line-height:1.6em; font-size:12px; color:#495f6f;}
.boxblink a{display:inline-block; margin:0 6px; color:#495f6f;}

/* 020304 专业支撑 */
.boxft20{font-size:20px;}
.titzy_1{text-align: center; padding:7em 0 1em;}
.titzy_1.t1{padding-top:5em;}
.titzy_1 b{color:#6dc1c6; font-size:1.7em; display: block;}
.titzy_1 em{color:#a4a4a4; font-size:.8em; text-transform: uppercase; font-weight: bold;}
.titzy_2{color:#5bbfc8; text-align: center; padding:1em 0 2em;}
.titzy_2 b{display: block; font-size:1.05em; font-weight: normal;}
.titzy_2 em{text-transform: uppercase; font-size:.65em;}
.titzy_2:after{content:''; display: block; background-color: #5bbfc8; height:2px; width:100px; margin:1em auto;}
.li_zyM{max-width: 960px; margin:0 auto; position: relative;}
.li_zyM:after{content:'';position: absolute; top:.7em; right:0; font-size:1em; background:url("../images/logo_s.png") no-repeat center center / cover; width:6em; height:1.4em;}
.li_zyM li{padding:10px 0; clear: both;}
.li_zyM li img{display: block; max-width:100%;}
.li_zyM li:nth-child(2n){float: right;}
.li_zyF{padding:1em 0; overflow: hidden;}
.li_zyF li{float: left; list-style: none; width:50%; padding:1em 0;}
.li_zyF li img{display: block; max-width:100%; box-sizing: border-box; padding:0 .5em 0 0;}
.li_zyF li:nth-child(2n) img{float: right; padding:0 0 0 .5em;}
.bkzyb1{background: url("../images/b1.jpg") no-repeat center center / cover; height:668px; color:#fff; text-align: center; margin:2em auto; font-size:20px; padding:1em; box-sizing: border-box; max-width:1082px;}
.bkzyb1 b{display: block; font-weight: normal; letter-spacing:.2em; padding-top:3em;}
.bkzyb1 em{font-size:.6em;}
.zyps{text-align: center; padding:2em 0 0;}
.zyps.np{padding:0;}
.zyps p{font-size:.7em; color:#606060; font-weight:lighter; line-height:1.8em; padding:1em 0;}
.zyps img{display: block; max-width:100%; margin:0 auto;}
.li_zyF,.li_zyS{max-width:1090px; margin:0 auto;}
.li_zyS{padding:1em 0 6em;}
.li_zyS li{float: left; width:25%; box-sizing: border-box; padding:0 .5em;}
.li_zyS li img{display: block; max-width:100%; margin:0 auto;}

.boxxmlc{padding:4em 0;}
.titxm1{text-align: center; color:#a4a4a4;}
.titxm1 *{display: block;}
.titxm1 b{font-size:1.7em; color:#5e7a9e; margin-bottom:.4em;}
.titxm1 strong{font-size:1.2em;}
.titxm1 span{font-size:.9em;}

.li_xmLC{overflow: hidden; margin-top:2em;}
.li_xmLC dl{float:left; width:32.5%; background-color: #fff;}
.li_xmLC dl:nth-child(2n){margin:0 1.25%;}
.li_xmLC dt{color:#fff; text-align: center; background-color:#5e7a9e; font-size: 1.4em; padding:1em;}
.li_xmLC dd{padding:1em 2em; min-height:13em;}
.li_xmLC i{font-family: iconfont; float: left; width:1.6em; text-align: center; color:#000; font-size:1.1em;}
.li_xmLC dd span{font-size:.9em; float: left; padding-left:3em; position: relative;}
.li_xmLC dd span:before{content:''; position: absolute; top:50%; left:0; width:2.5em; border-bottom:1px solid #ccc;}
.li_xmLC dd li{clear: both; padding:1em 0; overflow: hidden; position: relative;}
.li_xmLC dd li:before,.li_xmLC dd li:after{content:''; position:absolute; left:.9em; border-left:1px solid #ccc; height:1em;}
.li_xmLC dd li:before{bottom:2.5em;}
.li_xmLC dd li:after{top:2.5em;}
.li_xmLC dd li:first-of-type:before,.li_xmLC dd li:last-of-type:after{display: none;}

.bkl1 .titxm1 b{color:#66c4c7;}
.bkl3 .titxm1 b{color:#f1d29c;}
.bkl1{background-color:#e9f6f7;}
.bkl3{background-color:#fefbf2;}
.bkl2 .li_xmLC dl{background-color: #f4fafb;}
.bkl2 .li_xmLC dd{min-height:16em;}
.bkl1 .li_xmLC dt{background-color:#5eb7bd;}
.bkl3 .li_xmLC dt{background-color:#f1d29e;}

/* 2021-01-04 10:35:48 */
.bk01{background: url('../images/bk_01.png') #fff no-repeat center center / cover; overflow: hidden; padding-bottom:8em;}
.bk02{background: url('../images/bk_02.png') #60c0c6 no-repeat center center / cover; overflow: hidden; height:412px;}
.bk02 img{object-fit:scale-down; width:100%; height:100%; padding:.5em; box-sizing: border-box;}
.bk03{background: url('../images/bk_03.jpg') #375a5d no-repeat center center / contain; overflow: hidden; height:408px;}
.bk04{background: url('../images/bk_04.jpg') #244359 no-repeat center center / contain; overflow: hidden; height:352px;}
.titsh{text-align: center; padding:5em 0;}
.titsh b{display:block; color:#333; font-weight:normal; font-size:1.8em; margin-bottom:.7em;}
.titsh.s1{padding:4em 0 2em;}
.titsh.s1 b{margin-bottom:.4em;}
.titsh p{font-size:1.1em; color:#666; padding:1em 0 2em; line-height:1.8em;}
.titsh.pn b{margin:0;}
.titsh.pn p{padding:.8em 0; font-size:.8em;}
i.hr1{background-color: #5fc0c6; width:180px; max-width:90%; height:6px; display:block; margin:0 auto; position:relative;}
i.hr1:After{content:''; position:absolute; top:100%; left:50%; transform:translate(-50%,0);
    width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:8px solid #5fc0c6;}
i.hr1.s1{height:2px; width:60px;}
i.hr1.s2{background-color: #fff; width:80px; height:2px;}
i.hr1.s2:After{border-top-color:#fff;}
.nht2{max-width:940px; overflow: visible; margin:0 auto;}
.nht2 li{max-width:48%; width:356px; background-color: #fff; float: left; border-radius:.5em; padding:1.7em .5em; box-sizing: border-box; box-shadow: 0 .5em 1.5em 0 rgba(0, 0, 0, 0.1); text-align: center;}
.nht2 li:nth-child(2){float: right;}
.nht2 li b{display: block; font-size:1.2em; color:#333; padding:1em 0; font-weight: normal;}
.nht2 li p{font-size:.6em; color:#666; font-weight: lighter; line-height:1.8em;}
.nht2 li p span{display: block;}
.nht2 li a{display:inline-block; margin-top:2em; background-color: #5fc0c6; font-size:14px; line-height:1em; padding:.5em 1.5em; border-radius:5px; color:#fff; box-shadow: 0 2px 4px 0 rgba(92, 170, 175, 0.3);}
.lihzlc{overflow: visible;}
.lihzlc:after{content:''; display: block; clear: both;}
.lihzlc li{text-align: center; float: left; width:25%; margin-bottom:6%; position: relative;}
.lihzlc li:after{content:''; display: block; width:0; height:0; border-top:10px solid transparent; border-left:15px solid #e8e8e8; border-bottom:10px solid transparent; position: absolute; top:25%; transform: translate(0,-25%); right:-7.5px;}
.lihzlc li:nth-child(4n):after{display: none;}
.lihzlc li i{box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.1); border-radius:50%; background-color: #fff; width:4.5em; height:4.5em; display: block; margin:0 auto .6em;}
.lihzlc li:hover i{box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.1);}
.lihzlc li:hover img{transform: scale(1.06);}
.lihzlc li i img{object-fit: cover; width:100%; height:100%;}
.lihzlc li b{font-size:1.2em; color:#333; display: block; font-weight: normal; margin-bottom:.3em;}
.lihzlc li p{font-size:.8em; color:#999;}
.nbanner2{background: no-repeat center center / contain; height:535px;}
.bodycase .tit{border-bottom:2px solid #e5e5e5; padding:3em 0 1.4em; margin-bottom:1em;}
.bodycase .tit b{font-size:3em; color:#1d868c;}
.bodycase .tit em{font-size:.9em; color:#585858; font-weight: bold; display: block;}
.boxjihe{background:url("../images/img_ft.png") #f2f2f2 no-repeat center center / contain; padding:0 0 2em;}
.boxjihe img{max-width:100%; display: block; box-sizing: border-box; padding:2em 3em;}
.boxjihe .t{padding-bottom:1em; max-width:50%;}
.boxjihe .img{background-color: #fff; box-shadow: 0 6px 40px 0 rgba(0, 0, 0, 0.24); margin-bottom:2em;}





@media screen and (max-width:1920px) {
    .nbanner2,.bk03,.bk04{background-size: cover;}
}

@media screen and (min-width:1280px){.material-card:nth-of-type(2n + 1) > .material-img{float:left}
    .material-card:nth-of-type(2n + 1) > .material-label{float:left}
    .material-card:nth-of-type(2n) > .material-img{float:right}
    .material-card:nth-of-type(2n) > .material-label{float:right}
}
@media screen and (max-width:1280px){.material-img{display:block; margin-left:auto; margin-right:auto; width:80%}
    .material-label{display:block; margin-left:auto; margin-right:auto; width:100%; height:auto}
    .item-legend{width:95%}
    .material-card:nth-of-type(2n) .material-label{/* top:420px; */}
    .material-card:nth-of-type(2n) .material-img{/* top:-420px; */}
}

@media screen and (min-width:1000px) {
    .fxpst{display:block; visibility: hidden; opacity:0; position: fixed; top:60%; right:1%; transform: translate(0,-50%); z-index:9;}
    .fxpst.on{visibility: visible; top:50%; opacity:1;}
    .fxpst li{margin-bottom:6px; cursor: pointer;}
    .fxpst a{width:50px; height:50px; line-height:54px; border:1px solid #dddddd; text-align: center; background-color: #fff; color: #848484; display: block;}
    .fxpst a:hover{background-color: #ff6c00; color:#ffffff; border-color:#ff6c00;}
    .fxpst i{font-size:30px;}
}
@media screen and (max-width:1300px) {
    .linian{background-position:60% center;}
    .linian.l{background-position:30% center;}
}
@media screen and (max-width:1080px) {

    .head{font-size:.9em;}
    .nav>li{padding:0 .3em 1.7em;}
    .lijoin{width:50%;}
}
@media screen and (max-width:850px) {

    .boxjihe img{padding:1em;}
    .li_zyM:after{display: none;}
    .boxxmlc{padding:2em 0;}
    .titxm1{font-size:.7em;}
    .li_xmLC{font-size:.6em;}
    .li_xmLC dd{padding:1em 0;}
    .li_xmLC dd li{font-size:1.2em;}
    .li_xmLC dd i,.li_xmLC dd span{display:block; float: none; padding:0; margin:0 auto; text-align: center;}
    .li_xmLC dd i{font-size:1.6em; margin-bottom:.3em;}
    .li_xmLC dd span:before{display: none;}
    .li_xmLC dl dd ul li:before,.li_xmLC dl dd ul li:after{left:50%;}
    .li_xmLC dd li:before{bottom:5em;}
    .li_xmLC dd li:after{top:5em;}
    .li_xmLC dd{min-height:27em;}
    .bkl2 .li_xmLC dd{min-height:33em;}

    .lijoin{width:100%;}
    .sbanner .swiper-pagination{bottom:10px;}
}
@media screen and (max-width:760px) {
    .fy li a {
        font-size: 12px;
    }
    .fy li:not(:nth-of-type(1)) {
        margin-left: 5px;
    }
    .marl {
        margin-left: 0!important;
    }
    .bk01 .nht1 {
        width: 100%;
    }
    .bk01 .nht2 {
        margin-top: 20px;
        width: 100%;
    }
    .about_con .img {
        width: 99%;
    }
    .about_con .text {
        width: 98%;
    }
    .about_con .text h2 {
        font-size: 18px;
    }
    .fp2-demos.lg-show > .fp2-demos-item-short {
        width: 100% !important;
    }
    .fp2-demos-item:not(:first-child) {
        margin-left: 0!important;
    }
    .fp2-content {
        height: auto!important;
    }
    .fp2-content-inner {
        position: static!important;
    }
    .titsh {
        padding: 2em 0;
    }
    .titsh b {
        font-size: 1em;
    }
    .nht2 li b {
        font-size: 1em;
    }
    .bk01 {
        padding-bottom: 3em;
    }
    .fp2-content-title {margin-top: 10px!important;}
    .fp-content-title-text {
        font-size: 24px!important;
    }
    .bk02{
        margin-top: 2em;
    }
    .lihzlc li{
        width: 50%;
    }
    .fp4-content-inner .large {
        width: 100%!important;
    }
    .fp4-content-inner .m2-title {
        width: 100%!important;
    }
    .fp4-content-inner .m2-title a {
        font-size: 18px!important;
    }
    .fp4-content-inner .small {
        width: 100% !important;
    }
    .fp4-content-inner .small .bg2 {
        width: 25%!important;
    }
    .fp4-content-inner .small .content {
        width: 70% !important;
    }
    .lihzlc li b {
        font-size: .8em;
    }
    .lihzlc li p {
        font-size: .7em;
    }
    .titzy_1{font-size:.7em; padding:5em 0 1em;}
    .titzy_1.t2{padding:3em 0 1em;}
    .titzy_2{font-size:.7em;}
    .titzy_1.t1{padding-top:3em;}
    .li_zyF{padding:0;}
    .li_zyF li{padding:.5em 0; width:100%;}
    .li_zyF li img{padding:0!important;}
    .bkzyb1{height:390px; font-size:.8em; margin:1em 0;}
    .zyps p{font-size:.6em;}
    .li_zyS{padding-bottom:2em;}
    .li_zyS li{width:50%; padding-bottom:1em;}
    .linian{background-position:63% center;}
    .linian .box div{margin:0 0 0 70%;}
    .imenu{display: block;}
    .sbanner .swiper-pagination{display: none;}
    .head{line-height:45px; position: fixed;top:0;right:0;left:0; z-index:999; background-color:rgba(255,255,255,.9);}
    .head .logo{float: none; display: inline-block;margin-top:15px;}

    .nav{position:fixed; top:60px; padding:20px; right:0; max-width:160px; z-index:999; background-color: rgba(0,0,0,.7); margin:0;opacity:0; visibility: hidden;}
    body{padding-top:60px;}
    body:after{content:''; display: block; position: fixed; top:60px; left:0; right:0; bottom:0; z-index:99; background-color:rgba(0,0,0,.5); opacity: 0; visibility: hidden;}
    body.showMenu:after{opacity:1; visibility: visible;}
    .showMenu .nav{opacity:1; visibility: visible; padding:30px 10px; overflow:visible;}
    .nav>li{width:100%; text-align: center; padding:.5em 0;}
    .nav>li.m{position: relative;}
    .nav>li.m>span{display: block; color:#fff;}
    .nav>li.m>a{display:none;}
    .nav>li div{position:absolute; top:-10px; right:calc(100% + 0); margin:0; background-color: rgba(0,0,0,1);left: auto; line-height:2.6em; padding:1em 0; overflow: visible;}
    .nav>li:hover div,.nav>li.on div{top:0; right:calc(100% + 10px);}
    .nav>li a{color:#fff; display: block;}
    .nav>li>a:hover, .nav>li.on>a{color:#57bdc9;}
    .nav div:after{content:''; display:block; position: absolute; top:10px; right:-10px; width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:10px solid #000;}
    .nav div li a,.nav>li.m li a{color:#fff; white-space: nowrap; display: block; padding:0 3em;}
    .nav div li{display: block; width:100%; padding:0;}
    .nav div li:after{display:none;}
    .titsc,.titsd,.titse,.titsf,.titsg{font-size:18px;}
    .titsa,.boxhcent,.libs li,.listnsn,.titns{font-size:16px;}
    .litsa,.lics2 li,.nbanner .ldc,.bodycase,.abtsa .t,.abtsa .cnt,.linian .box div,.mons,.bodycnt{font-size:14px;}
    #msinfo{font-size:12px;}
    .boxhcent div{width: auto; float: none;}
    .lics li,.lics2 li{width:100%; margin:0 0 5%;}
    .listnsn img{margin-bottom:1em;}
    .sc3ds .swiper-slide{width:100%;}
    .boxns .left{display: none;}
    .footer{padding:10px 0;}
    .bodycnt{padding:20px 0;}
    .bodycnt p{padding:5px 0;}
    .mons li{width:50%;}
    .footer dl,.footer ul,.footer .f2wm{display: none;}
    .libs li{width:48.5%; margin-bottom:1em;}
    .libs li:nth-child(2n){margin-right:0;}
    .lics2 li{padding-bottom:1em;}
    .imap{height:70px;}
    .lins{margin:0;}
    .lins li img{float: none; display: block; margin-bottom:10px;}
    .lins li div a{text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box!important; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space: normal;}

    .head{height:60px;}
    .head .ftit{display:none;}
    .head .logo{position: initial;font-size:.7em; margin-top:5px;width: 100px;padding: 0;}
    .navsmore{display:block;}
    .nbanner2{height:160px;}
    .nav>li.on>a:before{display: none;}

}

.msg_box {max-width: 900px;padding-top: 20px;line-height: 36px;}
.msg_box ul li{margin-bottom: 10px;clear:both; overflow: hidden;}
.msg_box ul li .tit{width: 100px;float: left;font-size: 16px;}
.msg_box ul li .con{width: calc(100% - 120px);float: right}
.msg_box ul li .con input,.msg_box ul li .con textarea{border: 1px solid #bcbcbc;line-height: 36px;width: 100%;box-sizing: border-box; padding-left: 10px;}
.msg_box ul li .con input.yzm{width: 90px;float: left}
.msg_box ul li .msg-box{position: absolute}
.msg_box .bnt{background: #244359;color: #fff;padding: 6px 20px;border: 0;cursor: pointer;}

@media screen and (max-width:760px) {
    .msg_box ul li .tit{width: 80px;}
    .msg_box ul li .con{width: calc(100% - 90px);}
}