@import url(//at.alicdn.com/t/font_2295590_d9m6r0eej4k.css);
* {margin:0;padding:0;font-style:normal;box-sizing:border-box;}
a,body {color:#303133;}
a,a:hover { text-decoration:none;outline:none;-webkit-tap-highlight-color:transparent;}
a:focus { outline:none;} 
body {font-size:14px;word-spacing:1px;}
li { list-style:none }
img { border:none }
input, select, textarea,button { border:none;outline:none;background:none;-webkit-tap-highlight-color:rgba(0,0,0,0);padding:0;}
input:focus,textarea:focus,button:focus { border:none;outline:none;}

textarea { resize:none }
em,i { font-style:normal }
h1, h2, h3, h4, h5, h6 { font-weight:normal }

a.lancss { color:#0165e0;}
a.lancss:hover { color:#0189e0;}

a.huicss { color:#666;}
a.huicss:hover { color:#0cb46a;}
.clear{clear: both;}

.f9{background-color:#f9f9f9;}
.w1200{width:1200px;margin:auto;}
.w170{width:170px;flex: 0 0 170px;}
.w260{width:220px;flex: 0 0 260px;}
.huise{color:#666;}
.pd20{padding:20px 0;}
.fxcenter{display:flex;align-items:center;justify-content:space-between;}
.fxitem{display:flex;justify-content:space-between;}
.nheader{background:url("../images/nheader.jpg") no-repeat bottom center #8fe2f3;}
.topnav{line-height:50px;border-bottom:1px solid #ddf7fc;color:#333;}
.toplink a {color:#196274;}
.toplink a:hover {color:#303133;}
.toplink em{padding:0 10px;color:#ccc;font-size:12px;}
.logo{height:130px;background: url(../images/slogo.png) no-repeat left center;flex:1;}
.search{height:45px;width:380px;background-color:rgba(255,255,255,0.8);border-radius:6px;padding-left:15px;position:relative;}
.search .ssinput{flex:1;height:45px;line-height:45px;}
.search .ssbtn{width:45px;height:45px;line-height:45px;font-size:20px;color:#333;cursor:pointer;}

.ssnote{width:200px;position:absolute;background:#fff;box-shadow: 0 1px 1px 1px #eee;top:45px;left:0;border-radius:5px;display:none;}
.ssnote .popup{width:100%;height:100%;position:relative;padding:0 15px;box-sizing:border-box;font-size:12px;color:#f60;line-height:40px;}
.ssnote .popup:before{width:10px; height:10px;background:#fff;content:'';position: absolute;top:-5px;left:30px;margin-left:-5px;transform: rotate(45deg);box-shadow: 0 1px 1px 1px #eee;}
.ssnote .popup:after{width:100%;height:10px;background:#fff;position: absolute;z-index:10;top: 0;left: 0;content:'';border-radius:5px;display:block;}

#navmain{box-shadow:0 4px 8px -2px rgba(52,52,52,.1);position:relative;z-index:99;background-color:#0096c8;}
.navlink{width:1200px;margin:auto;line-height:60px;display:flex;justify-content:space-between;font-size:18px;}
.navlink li{border-bottom:3px solid #0096c8;}
.navlink li a{color:#fff;}
.navlink li a:hover{color:#ff0;}
.navlink li.onnav{border-bottom:3px solid #fff;}
.navlink li.onnav a{color:#fff;font-weight:600;}
.navlink li.onnav .submeu a {font-weight:400;}

.navpath{position:relative;}
.submeu{text-align:center;border-radius:0 0 10px 10px;box-shadow:2px 2px 5px rgba(52,52,52,.1);position:absolute;z-index:100;display:none;flex-direction:column;line-height:35px;width:130px;font-size:15px;background-color:#0096c8;left:50%;margin-left:-65px;padding:5px 0 10px;}
.navpath:hover .submeu{display:flex;}

.obanner{background:url(../images/obanner.jpg) no-repeat center center #000;height:380px;}
.mbanner{background:url(../images/mbanner.jpg) no-repeat center center #303942;height:380px;}
.sbanner{background:url(../images/sbanner.jpg) no-repeat center center #303942;height:380px;}
.ibanner{background:url(../images/ibanner.jpg) no-repeat center center;height:380px;}
.zbanner{background:url(../images/zbanner.jpg) no-repeat center center #9ee1f4;height:380px;}
.banner{background:url(../images/banner.jpg) no-repeat center center;height:450px;}

.tposition{border-top:1px solid #e9e9e9;}
.position{width:1200px;margin:auto;display:flex;align-items:center;padding:20px 0 10px;color:#666;line-height:40px;border-bottom:1px solid #e9e9e9;}
.position span{font-size:14px;color:#aaa;padding:0 10px;}
.nopsbt{border-bottom: none;}

.islide{padding:50px 320px 50px 80px;color:#333; line-height:30px;}
.islide h2 { padding:15px 0; font-size:32px; font-weight:400; margin-bottom:10px; color:#486311; }
.islide p { padding:10px 0;font-size:16px; }
.islide a { display:inline-block; border-radius:6px; background-color:#0cb46a; color:#fff; font-size:18px; line-height:50px; padding:0 25px; }

.steplist {text-align:center;display:flex;justify-content:space-between;padding:10px;}
.stepitem {display:block;padding:10px 0 20px;}
.stepi { padding-top:15px; }
.stepi i { display:block; font-size:25px; color:#ccc; height:90px; line-height:90px; }
.stepitem span {display:block; border:1px solid #e9e9e9; border-radius:8px; width:90px; height:90px; margin:auto;font-size:40px; line-height:90px;color:#999;}
.stepitem h4 {font-size:18px;font-weight:600;color:#666;padding:15px 0 10px;}
.stepitem p {color:#999;}

.mainbox {padding:50px 0;border-top: 1px solid #eee;width:1200px;margin:auto;display:flex;justify-content:space-between;}
.spwords { line-height:25px;width:550px;}
.spwords h3 { font-size:28px; color:#333; line-height:40px; }
.spwords .desc {font-size: 18px; color: #666; line-height: 28px; margin-top:5px;}
.spwords .detail{ margin:30px auto 50px; font-size:14px;color: #666; line-height:30px;} 

.rtfile {width:480px;} 
.rtfile img { display: block;width:100%;border-radius:8px; }

a.openlink {background:#38f;color:#fff;font-size:14px;padding:12px 25px;border-radius:6px; }
a.banklink{ margin-left:20px;border:1px solid #38f;padding:11px 25px;font-size:14px;border-radius:6px;}

.itembox{display:flex;justify-content:space-between;align-items:center;padding:20px 0;}
.itembox a{width:180px;line-height:32px;color:#888;padding:15px 0;text-align:center;background-color:#f9f9f9;border-radius:8px;}
.itembox a h3{font-size:23px;font-weight:500;color:#59ae69;}
.itembox a:hover{background:#83bf8e;color:#fff;animation:myfirst .5s; -webkit-box-shadow:0 15px 30px rgba(0, 0, 0, .1);box-shadow:0 15px 30px rgba(0, 0, 0, .1);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0);}
.itembox a:hover h3{color:#fff;}
@keyframes myfirst{from {background:#f9f9f9;}to {background:#83bf8e;}}

.scrolltop{width:auto;position:fixed;right:10px;bottom:150px;z-index:888;background:#fff;border:1px solid #e1e1e1;border-radius:3px;display:none;}
.scrolltop li{width:60px;height:100%;border-bottom:1px solid #e1e1e1}
.scrolltop li:last-child{border-bottom:0}
.scrolltop li a{display:block;width:60px;height:75px;background:#fff;text-align:center;color:#333;padding-top:15px}
.scrolltop li a:hover { color:#f30; }
.scrolltop li a i{font-size:25px;display:block;line-height:30px;}
.scrolltop li a span{font-size:12px}
.scrolltop li:hover a{background:#f7f7f7}
.scrolltop .scrollcon{display:none;position:absolute;top:0;left:-185px;opacity:0}
.scrolltop .scrollcon p{position:relative;width:170px;height:170px;border:1px solid #ebebeb;padding:10px;background:#fff;border-radius:3px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}
.scrolltop .scrollcon .dianhua{position:relative;width:170px;height:80px;border:1px solid #ebebeb;padding:10px;background:#fff;line-height:30px;border-radius:3px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}
.scrolltop .scrollcon .dianhua:before{content:'';position:absolute;right:-7px;top:24px;width:12px;height:12px;border-top:1px solid #ebebeb;border-right:1px solid #ebebeb;background:#fff;transform:rotate(45deg)}

.scrolltop .scrollcon p img{width:150px;height:150px}
.scrolltop .scrollcon p:before{content:'';position:absolute;right:-7px;top:24px;width:12px;height:12px;border-top:1px solid #ebebeb;border-right:1px solid #ebebeb;background:#fff;transform:rotate(45deg)}
.scrolltop .hovershow{position:relative}
.scrolltop .hovershow:hover .scrollcon{display:block;opacity:1;animation:showWeixin .5s ease-out 0s 1 normal forwards running}
@media (min-width:1200px){.scrolltop{right:auto;bottom:auto;left:50%;top:50%;margin-left:610px;margin-top:0}}
@-webkit-keyframes showWeixin{0%{display:none;opacity:0}100%{opacity:1;display:block}}
@-o-keyframes showWeixin{0%{display:none;opacity:0}100%{opacity:1;display:block}}
@keyframes showWeixin{0%{display:none;opacity:0}100%{opacity:1;display:block}}

.homeBox{display:flex;justify-content:space-between;margin-bottom:30px;}
.hbleft{flex:1;padding-right:35px;}
.course{background:url(../images/kcb.jpg) no-repeat left bottom;display:flex;justify-content:space-between;flex-wrap:wrap;padding:20px 0 50px 150px;border-radius:8px;}
.course:after {content:" ";width:215px;}

.jidi{background:url(../images/scb.jpg) no-repeat left bottom;}
.xianlu{background:url(../images/kcx.jpg) no-repeat left bottom;}

.course a{display:block;width:215px;background-color:rgba(240,240,240,.8);border-radius:8px;margin-bottom:20px;}
.course a:hover img {cursor: pointer;transform: scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);}
.hbCover{position:relative;overflow:hidden;}
.hbCover img{display:block;border-radius:8px 8px 0 0;transition:all .5s;-webkit-transition:all .5s;}
.hbCover i{position:absolute;bottom:0;background-color:rgba(0,0,0,.5);color:#fff;padding:5px 10px;right:0;border-radius:8px 0 8px 0;}
.hbBody{overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:14px;font-weight:600;line-height:45px;text-align: center;}

.itemBody{padding:12px 10px 15px;height:75px;display:flex;justify-content:space-between;flex-direction:column;}
.itemBody h3 {font-size:16px;font-weight:600;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.itemBody p{font-size:12px;color:#888;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.hbright{width:320px;height:auto;background-color:#f9f9f9;border-radius:8px;padding:0 15px;}
.newsul { position:relative; line-height:23px; font-size:16px;}
.newsul li { padding:10px 0 0 0;}
.newsul li a { display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsul li i { font-size:12px; color:#999; display:inline-block; padding-left:15px; }
.newsul li b{color:#666;font-size:20px;}

.cbanner{padding-bottom:30px;}
.cbanner img{display:block;width:100%;border-radius:8px;}

.sitebox{text-align:center;padding-bottom:160px;background:url(../images/dsback.jpg) no-repeat center bottom #f5f5f5;background-size:100% auto;}
.sitebox h2 {font-size:36px;font-weight:400;line-height:150px;}
.sitebox ul{display:flex;align-items:center;justify-content:center;}
.sitebox ul li{padding:0 30px;}
.sitebox ul img{display: block;width:280px;border-radius:10px;}

/*资讯栏目*/
.nbody{background:url(../images/body.gif) repeat-y center #fff;}
.nsmain{display:flex;justify-content:space-between;width:1200px;margin:auto;}
.nmenu{width:140px;line-height:50px;font-size:18px;padding:10px 20px 100px 0;text-align:center;position:relative;}
.nslinks {position:absolute;width:120px;}
.nslinks dt{font-weight:600;font-size:21px;line-height:60px;}
.nslinks dd {cursor:pointer;}
.onlink{background-color:#ff3214;color:#fff;border-radius:6px;}
.nsbox{flex:1;background-color:#fff;padding:20px 30px;}
.nright{width:340px;height:auto;background-color:#fff;}
.nleft{flex:1;}

.textmain{font-size:16px;padding:0 50px 50px 0;}
.ntitle{text-align:center;padding:30px 0;border-bottom:1px dashed #e9e9e9;}
.ntitle h2{font-size:28px;padding:15px 0;line-height:30px;}
.ntitle p{font-size:14px;color:#888;}
.textcon{padding:30px 0;line-height:200%;font-size:16px;}
.textcon img{max-width:100%;}
.textcon p { padding:5px 0; }
.textcon video {width:640px;margin:auto;}

.textcon a:link { color:#0189e0;}
.textcon a:visited { color:#0189e0;}
.textcon a:hover { color:#0189e0;}
.textcon a:active { color:#0189e0;}

.flswiper {width:660px;height:300px;padding:10px 0 20px;}
.flswiper img{display:block;width:100%;border-radius:8px;height:270px;}
.flslide {border-radius:8px;}
.flswiper{
	--swiper-theme-color: #999;
	--swiper-navigation-color: #000;
	--swiper-navigation-size:38px;
}

.hmswiper{height:450px;position:relative;}
.hmswiper img {width:100%;display:block;}
.hmswiper .swiper-pagination,.hmswiper .swiper-pagination {padding:10px;color:#fff;bottom:30px;}
.hmswiper span.swiper-pagination-bullet,.hmswiper span.swiper-pagination-bullet {width:15px;height:15px;}

.hmform{top:48%;z-index:999;position:absolute;left:50%;background-color:rgba(255,255,255,0.9);transform:translate(-50%,-50%);width:360px;margin-left:420px;box-shadow:0 0 10px rgba(150,150,150,0.5);border-radius:10px;}
.hmbox {padding:20px 40px 10px;line-height:40px;font-size:14px;}
.hmbox .hmtit {font-size:16px;margin-bottom:10px;font-weight:600;}
.hmint {background-color:#fff;margin-bottom:20px;border-radius:5px;display:flex;align-items:center;justify-content:space-between;height:45px;line-height:45px;box-shadow:0 0 3px rgba(150,150,150,0.3);}
.hmint span{display: block;width:45px;height:45px;text-align:center;background-color:#91d48d;border-radius:5px 0 0 5px;color:#fff;font-size:23px;}
.hmint input{flex:1;padding:0 0 0 15px;margin:0;height:45px;line-height:45px;border-radius:0 5px 5px 0;background-color:#fff;}
.hmforget{text-align: right;padding:0 0 10px;}
.hmforget a {color:#666;}
.hmforget a:hover {color:#333;}

.hmlogin{background-color:#6ec26a;color:#fff;height:45px;width:100%;text-align:center;font-size:16px;border-radius:5px;cursor:pointer;box-shadow:0 0 3px rgba(150,150,150,0.3);}
.hmnote{height:40px;overflow: hidden;color:#f30;}

.nslist { padding:10px 0; position:relative; }
.nslist a { padding-bottom:10px;display:flex; }

.nsfile { margin-right:20px; width:210px;position:relative;}
.nsfile img{border-radius:6px;width:210px;display:block;height:140px;}
.nsfile span{display:block;position:absolute;left:80px;width:50px;height:50px;top:45px;text-align:center;line-height:50px;color:#fff;font-size:45px;}
.nstext {flex:1;}
.nstext i {color:#999; font-size:14px; padding-right:10px;}
.nstext h4 { font-size:18px; color:#333;padding-bottom:8px;font-weight:600; }
.nstext p { font-size:14px;line-height:23px;color:#888; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}

.listbox{padding:20px 80px 20px 0;}

.botlink{padding:20px 0;}
.botlink a { color:#666; display:block; width:180px; margin:auto; line-height:45px;font-weight:600; border:1px solid #e9e9e9; -webkit-border-radius:6px;border-radius:6px; text-align:center; font-size:16px; background-color:#ffffff;background:-moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);background:-webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);background:linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); }
.botlink a:hover { color:#fff; transform:translate3d(0px,0px,0px);transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1) 0s; background:#ff3214; border:1px solid #ff3214; }

.zbtop{display:flex;margin-top:20px;padding:10px 20px 0;border:1px solid #e9e9e9;border-radius:5px;position:relative;line-height:45px;background:-ms-linear-gradient(top, #fafafa, #f0f0f0);	background:-moz-linear-gradient(top, #fafafa, #f0f0f0);	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#f0f0f0));background: -webkit-linear-gradient(top, #fafafa, #f0f0f0);background: -o-linear-gradient(top, #fafafa, #f0f0f0);linear-gradient(to bottom, hsl(0, 80%, 70%), #f0f0f0);}
.zbnav{padding:0 20px;font-size:16px;position:relative;bottom:-1px;}
.zblson{background-color:#fff;border-radius:5px 5px 0 0;}

.zbbox{padding:0 30px 0 0;}

.zblist { padding:30px 20px 20px; border-bottom:1px solid #e9e9e9; }
.zblist a { display:flex;justify-content: space-between;align-items:center;}
.zblist h4 { font-size:18px; color:#333;font-weight:700; }
.zblist p { font-size:12px;color:#999;}

.zbother{ padding:30px 0 20px; border-bottom:1px solid #e9e9e9; }
.zbother a { display:flex;justify-content: space-between;align-items:center;}
.zbother h4 { font-size:16px; color:#333;font-weight:700; }
.zbother p { font-size:12px;color:#999;}

.pubtt{line-height:60px;padding-top:10px;display:flex;justify-content:space-between;}
.pubtt .lmfont{font-weight:400;font-size:25px;}
.pubtt .lmlei{ display:flex; flex:1; justify-content:flex-end; padding-right:30px;color:#999}
.pubtt .lmlei a{padding: 0 20px; font-size:16px; }
.pubtt a{font-size:14px;}
.pubtt a span{font-size:14px;color:#999;padding-left:5px;}
.tboder{ border-bottom:1px solid #e9e9e9; }

.tuibox{margin-bottom:10px;}
.tuibox img{display:block;width:100%;border-radius:6px;}
.lkitem{display:block;position:relative;margin-bottom:15px;}
.lkitem h3{padding:15px;width:100%; font-size:16px;font-weight:600;position:absolute;bottom:0;background-color:rgba(0,0,0,0.5);color:#fff;box-sizing:border-box;border-radius:0 0 6px 6px;}

.pubnews {padding-top:20px;}
.pubnews a { padding-bottom:20px;display:flex; }
.pubnews img{border-radius:3px;width:105px;display:block;height:70px;margin-right:15px;}
.pubnews .pbtext {flex:1;}
.pubnews .pbtext h4 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;font-weight:600;font-size:14px;}
.pubnews .pbtext p{font-size:12px;color:#999;padding-top:5px;}

.cclass{padding:10px 0 10px 80px;line-height:32px;font-size:14px; position: relative;}
.cclass dt{color:#666; position: absolute; left:0; }
.cclass dd{display:inline-block;padding:0 20px; margin-bottom:5px;}
.cclass dd.ccon{background-color:#f30;color:#fff;border-radius:32px;}
.cclass dd.ccon a{color:#fff;}

.ccbox{display:flex;justify-content:space-between;flex-wrap:wrap;padding:10px 0;width:1200px;}
.ccbox .ccitem{width:270px;display:block;background-color:#f9f9f9; margin-bottom:30px;border-radius:6px;}
.ccbox .noback{background-color:#fff;}
.ccCover{overflow:hidden;}
.ccCover img{border-radius:6px 6px 0 0;display:block;width:100%;transition:all .5s;-webkit-transition:all .5s;}
.ccitem:hover img {cursor:pointer;transform: scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);}

.rebox{display:flex;justify-content:space-between;flex-wrap:wrap;padding:35px 0 10px;text-align:center;width:1200px;}
.reResult{padding:10px 0;}
.rebox .relink{width:270px;display:block;background-color:#f9f9f9; margin-bottom:30px;border-radius:6px;}
.rebox .noback{background-color:#fff;}
.scfile{position:relative;overflow:hidden;}
.scfile img{border-radius:6px 6px 0 0;display:block;width:100%;transition:all .5s;-webkit-transition:all .5s;}
.scfile span{position:absolute; left:0;top:0;background-color:#ff3214;border-radius:6px 0 6px 0;color:#fff;padding:5px 10px;}
.relink:hover img {cursor:pointer;transform: scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);}

.sctext{padding:8px 10px;line-height:28px;color:#888;}
.rebox h3 {font-weight:600;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color:#333;}

.card-area{margin:50px auto 10px;height:560px;width:1200px;position:relative;}
.card-area .bke8{background:#e8e8e8}
.card-area .bke1{background:#e1e1e1}
.card-area .card-item{z-index:4;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;position:relative;float:left;width:25%;height:521px;background-color:transparent}
.card-area .card-item+.card-item{margin-left:-1px}
.card-area .card-item .card{transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;width:100%;height:100%;text-align:center;background:#fff}
.card-area .card-item .card .card-content{width:100%;line-height:2}
.card-area .card-item .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);}
.card-area .card-item .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);line-height:2}
.card-area .card-item .card .card-content.content-second li{float:left;width:50%}
.card-area .card-item .card .card-content,.card-area .card-item .card .card-title{position:absolute;left:0;right:0;z-index:1}
.card-area .card-item .card .card-title{padding-top:1px;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;height:145px;line-height:26px;font-size:14px;top:0;background:#1b77b9;border-left:1px solid #3285c0}
.card-area .card-item .card .card-title .content{position:absolute;bottom:-2px;width:100%}
.card-area .card-item .card .card-title h1{font-size:22px;font-weight:600;color:#d9efff;margin-bottom:0}
.card-area .card-item .card .card-title .short-info{color:#8dbbdc;font-size:14px;margin-top:0;margin-bottom:20px}

.zq-product-img{margin:10px auto;position:relative}
.zq-product-img i { display: block; border-radius:100%; width:45px;height:45px; border:1px solid #eee; margin: auto;line-height:45px;color:#fff;font-size:28px;}

.card-area .card-item .card .card-title .short-info,.card-area .card-item .card .card-title .zq-product-img img,.card-area .card-item .card .card-title h1{transition:all .15s cubic-bezier(.4,0,.2,1) 0s}
.card-area .card-item .card .card-content{height:376px;position:absolute;top:145px}
.card-area .card-item .card .card-content.content-first .content-first-list{width:100%;max-width:250px;font-size:16px;color:#373d41;margin-top:47px;margin-bottom:47px}
.card-area .card-item .card .card-content.content-first .content-first-list li{margin-bottom:30px}
.card-area .card-item .card .card-content.content-second{width:90%;left:25px;font-size:14px;color:#a9b0b4;text-align:left;padding-top:26px}
.card-area .card-item .card .card-content.content-second .main-head{color:#3db1ea;font-size:18px;line-height:28px;margin-bottom:10px}
.card-area .card-item .card .card-content.content-second p{margin:5px 0}
.card-area .card-item .card .card-content.content-second .main-tip{color:#232933}
.card-area .card-item .card .card-content.content-second .main-desc{color:#8c8c8c;font-size:12px;line-height:22px}
.card-area .card-item .card .card-content.content-second .main-btn{cursor:pointer;height:38px;font-size:16px!important;color:#fff;margin-top:22px;margin-bottom:33px;border-radius:38px;background:#3db1ea;border:none;transition:color .3s ease-in-out,background .3s ease-in-out;padding:0 20px;margin-right:10px;}
.card-area .card-item .card .card-content.content-second .main-btn:hover{color:#fff;background:#1b77b9}
.card-area .card-item .card .card-content.content-second .main-white-btn{cursor:pointer;height:36px;border:1px solid #3db1ea;font-size:16px!important;color:#3db1ea;margin-top:22px;margin-bottom:33px;border-radius:38px;background:#fff;transition:color .3s ease-in-out,background .3s ease-in-out;padding:0 20px;}
.card-area .card-item .card .card-content.content-second .main-white-btn:hover{color:#fff;background:#3db1ea}
.card-area .card-item .card .card-content .other-info{width:105%;height:90px;overflow:hidden;line-height:22px;padding-top:20px;font-size:12px}
.card-area .card-item .card .card-content .other-info .other-info-list{width:28%;height:80px;background:#f2f2f2;margin-right:20px;padding:0 0 0 10px;position:relative}
.card-area .card-item .card .card-content .other-info .other-info-list .c-a-arrow{position:absolute;right:10px;top:15px;background-position:-200px 0}
.card-area .card-item .card .card-content .other-info .other-info-list:hover{background:#3db1ea}.card-area .card-item .card .card-content .other-info .other-info-list:hover .c-a-arrow{background-position:-200px -17px}
.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-desc,.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-head{color:#fff}
.card-area .card-item .card .card-content .other-info .other-info-list .list-context{color:#00c1de}
.card-area .card-item .card .card-content .other-info .other-head{font-size:16px;font-weight:400;color:#000;margin:13px 0 0 0;}
.card-area .card-item .card .card-content .other-info .other-desc{margin-top:2px;font-size:12px;color:#999}
.card-area .card-item.active{z-index:6;box-shadow:0 0 30px rgba(0,0,0,.2);width:50%;height:535px}
.card-area .card-item.active .card .card-title{background-color:#3db1ea;height:159px;top:-15px;border:none}
.card-area .card-item.active .card .card-title .short-info{color:#9ed8f5}
.card-area .card-item.active .card .card-title h1{color:#fff}
.card-area .card-item.active .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;}
.card-area .card-item.active .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;}

.service{background:url(../images/service.jpg) no-repeat center bottom;padding-bottom:80px;background-size:100% auto;}

.tulist{display:flex;justify-content:space-between;flex-wrap:wrap;padding-top:10px;}
.tulist:after {content: "";width:380px;} 
.tulist li {width:380px;border-radius:10px;background-color:#f9f9f9;padding:15px;margin-bottom:30px;}
.tulist li a{display:flex;justify-content:space-between;}
.tulist li img{border-radius:8px;transition:all .5s;-webkit-transition:all .5s;}
.tuCover{overflow:hidden;}
.tulist li a:hover img {cursor:pointer;transform: scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);}

.tuinfo{flex:1;padding-left:15px;font-size:12px;color:#666;line-height:20px;}
.tuinfo h3{font-size:16px;font-weight:600;color:#333;}
.tuinfo h4 {padding:5px 0 10px;font-size:14px;}

.dhlist{display:flex;justify-content:space-between;flex-wrap:wrap;}
.dhlist:after {content: "";width:580px;} 
.dhlist li {width:580px;border-radius:10px;background-color:#f9f9f9;margin-bottom:30px;}
.dhlist li a{display:flex;justify-content:space-between;}
.dhlist li img{border-radius:8px;}
.dhlist li span{font-weight:600;color:#f30;font-size:16px;padding-right:5px;}
.dhinfo{flex:1;padding:10px 0 0 20px;font-size:12px;color:#666;line-height:23px;display:flex;justify-content:space-between;flex-direction:column;}
.dhinfo h3{font-size:16px;font-weight:600;color:#333;padding-right:10px;}
.dhinfo h4 {padding:10px 0 5px;font-size:16px;display:flex;align-items:baseline;}
.dhinfo h4 i{text-decoration:line-through;margin-left:30px;font-size:14px;}
.dhinfo h4 b{font-size:28px;color:#0165e0;padding-right:6px;}
.dhnums{display:flex;}
.dhnums p{padding-right:20px;}
.dhbtn{width:85px;margin-left:auto;line-height:35px;background-color:#c1d3b9;border-radius:8px 0 8px 0;color:#fff;text-align:center;font-size:14px;}

.pager{display:flex;justify-content:center;align-items:center;padding:20px 0 30px;font-size:16px;line-height:40px;}
.pager li{padding:0 15px;}
.pager li.active{background-color:#ff3214; color:#fff;border-radius:5px;}
.pager li.disabled{color:#999;}

.slbox{display:flex;justify-content:space-between;padding:15px 0 5px;flex-wrap:wrap;}
.slbox:after {content:" ";width:385px;} 
a.slrow{display:flex;justify-content:space-between;width:385px;border-radius:6px;background-color:rgba(200,200,200,.2);margin-bottom:30px;}
a.slrow img{display:block;width:156px;height:114px;margin-right:15px;border-radius:6px 0 0 6px;}
.sltext{padding:8px 10px 10px 0;display:flex;justify-content:space-between;flex-direction:column;line-height:21px;color:#777;flex:1;}
.sltext h3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;font-size:16px;color:#333;height:42px;}

.myints{line-height:50px;background-color:#fef3e3;border-radius:6px;display:flex;align-items:center;margin-bottom:30px;justify-content:space-between;padding:0 20px;}
.mrints{flex:1;padding:0 10px;color:#666;}
.mrints b{font-weight:600;color:#f30;}
.more{display:flex;margin-left:auto;align-items:center;font-size:14px;padding:0 0 50px;width:80px;justify-content:space-between;color:#666;}

.muflex{display:flex;justify-content:space-between;padding:30px 0;}
.mulist{line-height:50px;font-size:16px;padding:30px 20px;text-align:center;background-color:#f9f9f9;border-radius:8px;height: auto;}
.mulist dd {padding:0 20px;}
.onabs{background-color:#ff3214;color:#fff;border-radius:6px;}
.onabs a{color:#fff;}
.mubox{flex:1;padding:0 0 30px 35px;}

.coverfile {padding-bottom:30px;}
.coverfile img{display:block;width:100%;border-radius:10px;}

.lmtext{line-height:45px;padding:10px 0 15px 32px;color:#999;}
.lmtext h2{font-size:31px;color:#333;}

.abtext{line-height:30px;font-size:16px;}
.abtext p{text-indent:32px;padding:5px 0;}

.osearch{height:50px;width:500px;background-color:#f5f5f5;border-radius:6px;padding-left:15px;position:relative;top:45%;left:50%;transform:translate(-50%,-50%);}
.osearch .ssinput{flex:1;height:50px;line-height:50px;font-size:16px;}
.osearch .ssbtn{width:60px;height:50px;line-height:50px;font-size:25px;color:#666;cursor:pointer;}

.resultTt {font-size:28px;line-height:45px;padding:30px 0 20px;display:flex;align-items:center;}
.resultTt span{margin-right:20px;}
.reFont{display:flex;align-items:center;}
.reFont font{font-size:18px;margin:0 15px;cursor:pointer;border-bottom:3px solid #fff;color:#888;}
.reFont font.subon{border-bottom:3px solid #333;color:#333;}

.ssResult .resultBox{min-height:380px;padding-bottom:50px;}

.cumain{padding:30px 0 10px; display:flex;justify-content:space-between;}
.culeft{width:550px;}
.culeft img{display:block;}
.culist{display:flex;padding:20px 0;}
.culist img{display:flex;margin-right:15px;cursor: pointer;}

.cubox{padding-left:40px;flex:1;line-height:35px;font-size:16px;display:flex;flex-direction:column;}
.titleInfo {font-size:26px;display:flex;margin-bottom:10px;}
.titleInfo span{background-color:#f60;color:#fff;font-size:18px;font-weight:600;margin-right:10px;border-radius:3px;height:35px;width:50px;text-align:center;}
.titleInfo div{flex:1;}
.tese{font-size:14px;line-height:25px;color:#888;}
.cubox .dolink{margin-left:auto;width:120px;text-align:center;border-radius:5px;background-color:#f30;color:#fff;line-height:45px;margin-top:30px;}

.cutext{background: url(../images/detail.png) no-repeat center center;background-size:100% auto;padding:20px 25px;margin:20px 0;font-size:14px;border-radius:8px;}
.cunums{float:right;display:flex;flex-direction:column;text-align:right;line-height:23px;font-size:12px;color:#888;border-left:1px solid #ddd;padding-left:20px;}
.cuitem{display:flex;align-items:flex-end;padding:5px 0;}
.cuitem em{width:60px;}
.cuprice{font-size:26px;font-weight:700;color:#f30;}
.cuprice i{font-size:18px;}

.cutags{font-size:14px;padding:20px 0 0 5px;line-height:30px;position:relative;border-top:1px solid #e9e9e9;margin-top:20px;}
.cutags p {display:flex;align-items:center;padding:10px 0;}
.cutags p span{width:70px;color:#333; font-weight:700;}
.cutags p i{padding:0 15px;border:1px solid #e9e9e9;border-radius:3px;margin:0 6px;}
.cutags .qrcode{position: absolute; right:0; top:30px; border:1px solid #e9e9e9;border-radius:5px; text-align:center;padding: 5px;}

.cureport{text-align:right;}
.cureport a{display:inline-block;width:160px;text-align:center;line-height:50px;background-color:#0080ff;color:#fff;border-radius:5px;font-weight:600;}

.cuflex{display:flex;justify-content:space-between;padding:30px 0;border-top:1px solid #e9e9e9;}
.cumenu{width:170px;line-height:50px;font-size:16px;padding:20px;text-align:center;background-color:#f9f9f9;border-radius:8px;flex: 0 0 170px;height:auto;position:relative;}

.culinks {position:absolute;width:130px;}
.culinks dd {padding:0 20px;}
.culink{background-color:#ff3214;color:#fff;border-radius:6px;}

.cutitle{line-height:40px;font-size:20px;color:#333;margin-bottom:10px;font-weight:700;}
.context{padding:10px 100px 20px;line-height:200%;font-size:16px;}
.context video {width:640px;margin:auto;}

.edubox{margin-bottom:20px;}
.edutitle{font-size:16px;padding-bottom:10px;color:#0080ff; font-weight:700;}
.educon{border:1px solid #e9e9e9; padding:20px 80px 30px;border-radius:6px;}

.spmain{padding:10px 20px 20px;}
.spbox{display:flex;justify-content:space-between;flex-wrap:wrap;padding:10px 0;}
.spbox:after {content:" ";width:270px;} 
.spbox .ccitem{width:270px;display:block;background-color:#f9f9f9; margin-bottom:30px;border-radius:6px;}

.fixed{position:fixed;width:100%;bottom:0;z-index:999;}

.timeline {position: relative;padding: 0 100px;}
.timeitem {position:relative;padding-bottom: 20px}
.timeitem i {position: absolute;left: -5px;top: 5px;z-index: 10;width: 20px;height: 20px;background-color: #fff;border-radius: 100%;border:1px solid #0086f6;}

.timeitem:before {	content: '';position: absolute;left:4px;top:5px;z-index: 0;	width:2px;height:100%;background-color:#9fd1fb}
.timeitem:last-child:before {display:none}
.timeitem:first-child:before {display:block}

.timetext {padding-left:30px;font-size:16px;color:#666;line-height:28px;}
.timetext h4 {margin-bottom:10px;font-size:18px;font-weight:600;}

.albumbox{display: flex;flex-wrap: wrap;align-items: center;}
.albumbox .album{padding:10px 15px 0 0;}
.albumbox img{border-radius:10px;}

.ussite{padding:30px 0;display:flex;align-items:center;line-height:35px;justify-content:center;}
.ussite img{height:80px;border-radius:8px;}
.usinfo{padding:0 30px;min-width:450px;}
.uslink{display:flex;flex-direction:column;justify-content:center;height:80px;}
.uslink a{background-color:#f60;color:#fff;padding:0 15px;border-radius:6px;}

.spheader{padding-top:30px;line-height:45px;box-shadow:0 4px 8px -2px rgba(52,52,52,0.1);position: relative;height:300px;}
.spjidi{background: url(../images/sitejidi.jpg) no-repeat center center;background-size:auto 100%;}
.spjigou{background: url(../images/sitejigou.jpg) no-repeat center center #fdfed4;background-size:auto 100%;}

.spnav{display:flex;width:1200px;padding:0 20px;justify-content:space-between;align-items:center;margin:auto;}
.splogo{width:220px;}
.splogo img{display:block;width:100%;border-radius:10px;}
.spinfo{padding:0 30px;flex:1;}
.spinfo h2{font-size:32px;}
.spdata div{text-align:center;font-size:14px;color:#888;border-right:1px solid #e9e9e9;padding:0 30px;}
.spdata div:last-child{border-right:none;padding-right:0;padding-left:30px;}
.spdata h4{color:#f30;font-size:32px;}

.spflex{display:flex;justify-content:space-between;padding:30px 0;}
.spmenu{width:170px;line-height:50px;font-size:16px;padding:20px;text-align:center;background-color:#f9f9f9;border-radius:8px;flex: 0 0 170px;height:auto;position:relative;}

.splinks {position:absolute;width:130px;}
.splinks dd {padding:0 20px;}
.splink{background-color:#ff3214;color:#fff;border-radius:6px;}

.sptitle{line-height:70px;position:relative;font-weight:700;font-size:20px;color:#0086f6;border-bottom:1px solid #e9e9e9; display:flex;justify-content:space-between;align-items:center; padding-left:30px;}
.sptitle:before {content: ''; position:absolute;top:26px;left:10px;width:5px;height:20px;z-index:10;background-color:#0086f6;border-radius:5px;}
.spabout{padding:20px 25px 30px;line-height:200%;font-size:18px;color:#666;}

.pricelist{margin-bottom:20px;padding: 0 100px;}
.pricetitle{font-size:16px;padding:0 0 15px 15px;}
.pricetitle span{font-weight:600;color:#f30;font-size:23px;}
.pricetext{padding:10px 0;line-height:25px;font-size:14px;color:#555;}

.cucover{width:550px;height:510px;}
.cuswiper {width:100%;height:400px;}

.spslide {background-size:cover;background-position:center;}
.spthumbs {height:110px;padding:10px 0;}
.spthumbs .swiper-slide {width:25%;height:100%;opacity:0.4;}
.spthumbs .swiper-slide-thumb-active {opacity: 1;}

.feedback { padding:20px; }
.feedback dd { border-top:1px solid #e9e9e9; padding:15px 15px 15px 110px; position: relative; font-size:14px; line-height:35px; }
.feedback dd label { display: block; position: absolute; left:15px; top:15px; }
.feedback dd input{line-height:35px;font-size:14px;width:100%;}
.feedback dd textarea { padding:10px 0; width:100%;font-size:14px;}
.backsub { height:50px; width:200px; color:#fff; font-weight:600; font-size:18px; border:none; border-radius:5px; cursor:pointer; background-color:#0080ff }

.splist { display:flex;justify-content: space-between;margin-bottom:20px;}
.spitem { border:1px solid #e9e9e9;padding:20px 0; width:300px; text-align:center; border-radius:5px; min-height:330px; line-height:21px; font-size:14px; color:#333; }
.spitem span { display:block; margin:auto; width:100px; height:100px; line-height:100px; font-size:65px;color:#aaa; }
.spitem h3 { font-size:18px; padding:10px 0; color:#555; }
.spitem p { padding:5px 0; }

.orderbox { padding:30px;display:flex;}

.olsinfo { line-height:30px;padding:20px;flex:1;}
.olsinfo dt { padding:10px 0; font-size:18px; line-height:35px; font-weight:600; }
.olsinfo dt span {color: #fff; background-color: #f60;border-radius:100%;display: inline-block; width:35px;height:35px;text-align: center;font-size:21px; margin-right:15px;font-weight: normal;}
.olsinfo dd { padding:10px 20px;font-size:16px;display: flex;align-items:center; }
.olsinfo dd span { display:block; width:100px;}
.olsinfo dd em { font-size:26px;color:#f30;padding-right:10px;}
.setnum {display:flex;align-items:center;line-height:35px;border:1px solid #e9e9e9;width:140px;}
.setnum i{text-align:center;flex:1;}
i.jian,i.jia{font-weight:600;font-size:18px;color:#666;cursor:pointer;}
.nums{border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;}
.olsinfo dd input{border:1px solid #e9e9e9;border-radius:5px;height:40px;line-height:40px;padding:0 10px;}
.olsinfo dd input.btncss{height:50px;line-height:50px;background-color:#f30;color:#fff;padding:0 30px;font-size:16px;font-weight:600;border:1px solid #f30;cursor:pointer;}
.olsinfo dd input.numcss{border:none;width:100%;padding:0;text-align: center;}

#showError{color:#f30;font-size:14px;}

.nodata{text-align:center;padding:30px;}
.nodata .iconfont {color:#f0f0f0;font-size:120px;}
.nodata .error { padding:50px 0;color:#666; font-size:18px; }
.nodata .error span {font-weight:600;color:#f30;padding:0 10px;}

.notecss{text-align:center;width:600px;margin:auto;padding:20px 0 80px;line-height:30px;color:#666;}
.notecss h2{font-size:18px;padding:20px 0;color:#333;}
.notecss .backlink{display:inline-block;width:150px;text-align:center;line-height:40px;background-color:#f30;color:#fff;margin-bottom:10px;border-radius:6px;}

.helpbox{display:none;padding:10px;}
a.helplist{line-height:30px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px dashed #e9e9e9;color:#888;display:block;}
a.helplist h4{font-size:16px;font-weight:600;color:#333;}
.helpshow{display:block;}

.footer{background:#282828;padding:70px 0;line-height:35px;color: #909399;}
.footer dl{width:380px;display:flex;flex-wrap:wrap;font-size:14px;border-left:3px solid #555; padding-left:30px;}
.footer dl dt{width:100%;font-size:20px;padding-bottom:10px;color:#eee;}
.footer dl dd{padding-right:20px;}
.dsqft {background:url(../images/footer.jpg) no-repeat bottom #222;background-size:100% auto;}

.weixin{display:flex;flex-wrap:wrap;justify-content:space-between;}
.wxtext{width:100%;font-size:20px;padding-bottom:10px;color:#eee;}
.wxlist{padding:20px;background:#303133;font-size:16px;display:flex;align-items:center;width:165px;position: relative;cursor: pointer;}
.wxlist img{display:none;position:absolute;width:140px;left:0;top:0;}
.wxlist:hover img{display:block;}
.wxlist .iconfont{font-size:26px;margin-right:10px;}

.copyright{text-align:center;font-size:12px;color:#909399;padding:20px 0;line-height:30px;}
.bkcopy{background: #1f1f1f;}

.footer a,.copyright a {color:#909399;}
.footer a:hover,.copyright a:hover {color: #e61723;}

.applogn { width:100%; background: url(../images/appban.jpg) no-repeat;}
.appcns { padding:80px 0 20px;display:flex;justify-content:space-between;align-items:center;}
.m-info {display:flex;justify-content:space-between;flex-wrap:wrap;}
.m-info dt { font-size:30px;line-height:60px;color:#333;width:100%;text-align:center;}

.m-info dd { padding:25px 0;text-align:center;line-height:35px;color:#888;flex:1;}
.m-info dd span { padding:0 5px;}
.m-info dd img { max-width:120px; }

.m-home { text-align: center; padding:30px 0 100px; }
.m-home a { display:flex; width:220px; margin:auto; line-height:60px;-webkit-border-radius:60px;border-radius:60px;border:1px solid #ccc;font-size:23px;color:#666; background-color: #fff;align-items:center;justify-content:center;}
.m-home a.lanlink { border:1px solid #0189e0;font-size:23px;color:#0189e0; }
.m-home span { width:60px;font-size:25px;}
.m-home a:hover { border:1px solid #f60;background-color:#f60;color:#fff;transform:translate3d(0px, 0px, 0px);transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s}
.m-home a:hover span { color: #fff; }

.goodlink { width:1200px; margin:auto; padding:15px 0 30px; }
.goodlink dt {font-size:16px;font-weight:600;padding:0 0 15px; }
.goodlink dt span { display:block; width:100px; text-align:center; color:#333; line-height:40px;border-bottom:3px solid #999;}
.goodlink dd { display:inline-block; padding-right:20px;line-height:30px; }
.goodlink a { color:#666; }

.hmban {display:flex; justify-content:space-between; padding-bottom:20px;}
.hmban a,.hmban img{display:block; -webkit-border-radius:5px;border-radius:5px;}

.catlist{display:flex; line-height:30px; font-size:16px; align-items:center; padding-top:15px; }
.catlist span{font-size:12px;color:#999; padding: 0 15px;}

.mmain{background-color: #f5f5f5;padding:15px 0;}
.mmbox{width:1200px; background-color: #fff; margin: auto;}
.yxmenu { display:flex; padding:20px 50px; font-size:20px; font-weight:700; line-height:40px;background-color: #fff;border-bottom:1px solid #e9e9e9;}
.yxfix{position: fixed;top:0; width:1200px; z-index:999;}
.menuls { padding: 0; margin-right:35px; cursor: pointer;}
.onmenu{color:#0086f6; border-bottom:2px solid #0086f6;}

.mminfo{width:1200px; background-color: #fff; margin:0 auto 15px;padding:20px 50px;}
.nonote{ display:flex; align-items:center;color:#666;}
.nonote .iconfont{font-size:14px;color:#999; margin-right: 10px;}
.cucopy{padding:20px 0;font-size:12px;color:#333;text-align:center;}

.mapbox{display:flex; padding-bottom:15px; justify-content:space-between;}
.mapset{flex:1;height:350px;}
.maplist{width: 350px;padding-left:20px;}
.mapstyle{background-color: #f9f9f9; border-radius:5px; padding: 15px; margin-bottom:15px;display:block;line-height:25px;}
.mapstyle h4{font-weight:700;font-size:16px;}

.ztstyle{padding:50px 200px 0 100px;line-height:30px; color:#226f37;}
.ztstyle h2 { padding:15px 0; font-size:32px; font-weight:400; margin-bottom:10px; }
.ztstyle p { padding:10px 0;font-size:16px; }

.ztmain {position: relative; padding: 0 0 30px 190px;}
.ztyear{position: absolute; top:20px; left:0; width: 160px;}
.ztyear a { display: block; text-align:center; line-height:50px; font-size:20px; border:1px solid #e9e9e9; border-radius:5px; }

.yearname{ font-size:18px; font-weight:700; padding:0 0 15px 15px; margin-bottom:20px; border-bottom:1px solid #e9e9e9; }

.ztlist { border-left:1px solid #e9e9e9; padding:20px 0 0 30px; }
.ztlink { display: flex; justify-content:space-between;line-height:30px; padding:0 15px 30px;color:#666;}
.ztlink img {width: 200px; margin-right: 30px; border-radius:5px;}
.ztlink h4 {font-weight:700;font-size:21px; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #e9e9e9;color:#333;}

.stmenu { display:flex; font-size:20px; font-weight:700; line-height:70px;background-color: #e6ecf8; border-radius:5px;margin-bottom:20px;}
.stmu { padding:0 35px; cursor: pointer;}
.onmu{color:#0086f6; border-top:5px solid #0086f6;background-color: #fff; border-left:1px solid #baccf6; border-right:1px solid #baccf6; border-radius:5px 5px 0 0;}

.stmain{background-color:#f9f9f9;padding:20px 0;position: relative;}
.zhuyebox{background-color: #fff;width: 1200px;margin:0 auto 20px; border-radius:5px;}
.zhuyebox:last-child{margin:auto;}
.stnews{padding:10px; display:flex; flex-wrap:wrap;}
.stnews .nslist {width: 50%;padding:10px;}
.stnews .nslist a{padding:0;}

.sitecode {position: fixed; right:auto;left:50%;bottom:150px;margin-left:620px; padding:15px; border-radius:5px; background-color: #fff; text-align:center;box-shadow: 0 0 5px #ddd;}

.belist { display:flex; width:50%; }
.belist a {display:flex;font-size:16px;align-items:center;padding:10px; }
.belist a i{font-size:12px;color:#999;padding-right:10px;}

.stdata{text-align:center;padding:10px;}
.stdata .iconfont {color:#ddd;font-size:80px;}
.stdata .error { padding:20px 0;color:#777; font-size:14px; }

.vlogo{height:80px;background: url(../images/vlogo.jpg) no-repeat left center;width:160px;}
.vuser{width:130px;display:flex;align-items:center;background-color:#2080f7;color:#fff;line-height:40px;border-radius:40px;justify-content: center;font-size:14px;}
.vuser i{font-size:12px;padding:0 5px;}
.vuser a{color:#fff;}

.vmenu{width:1200px;margin:auto;display:flex;justify-content: space-between;line-height:24px;text-align: center;font-size:18px;}
.vmenu dt{width:230px;background-color:#2080f7;color:#fff;border-radius:8px 8px 0 0;padding:18px 0;}
.vmenu dt a{color:#fff;}
.vmenu dd{flex:1;padding:18px 0;}
.vmenu dd a{display: block;border-right:1px solid #e0e0e0;}
.vmenu dd:last-child a{border-right:none;}
.vbanner{background-color:#2080f7;position: relative;height:400px;}

.vbmain{position:absolute;z-index:999;width:1200px;margin-left:-600px;left:50%;display:flex; justify-content: space-between;}
.vbinfo{width:260px;height:300px;background: #fff;box-shadow: 0 8px 30px rgba(0,80,179,.12);border-radius: 12px;margin-top:50px;}

.vbclass{height:400px;background-color: rgba(0,0,0,0.5);color:#fff;width:230px;padding:20px 15px 0;}
.vbclass p{line-height:50px;font-size:16px;text-align: center;border-bottom:1px solid rgba(255,255,255,0.2);}
.vbclass p a { color:#fff;}
.vbclass p a:hover { color:#ff0;}

.vbswiper{height:400px;}
.vbswiper img{width:100%;height:100%;display:block;}

.nologin{padding:20px;text-align:center;line-height:40px;}
.nologin .vntitle{font-size:21px;font-weight:700;}
.nologin .vnsubs{color:#777;}
.nologin .vnbtn{background-color:#2080f7;color:#fff; font-size:14px;line-height:45px;border-radius:45px;margin:30px 0 10px; }

.vshui{ box-shadow:0 2px 4px 0 rgba(7, 17, 27, 0.06);background: #f5f5f5;padding:20px 0;}
.vsbai{ box-shadow:0 2px 8px 0 rgba(7, 17, 27, 0.06);background: #fff;padding-bottom:20px;}
.vsmt{display:flex;align-items: center;justify-content: center;padding:30px 0;}
.vsmt h3{font-size: 20px;font-weight:700;color: #4D555D;letter-spacing: 5px;line-height: 36px;}
.tticon{width: 56px;height: 36px;background: url(../images/icon.png) no-repeat; background-size: 100%;}

.tticon-l {margin-right: 24px;}
.tticon-r {margin-left: 24px;}
.tticon-l-0{background-position: center 0;}
.tticon-r-0{background-position: center -36px;}
.tticon-l-1{background-position: center -72px;}
.tticon-r-1{background-position: center -108px;}

ul.mc{display:flex;flex-wrap:wrap;}
.mc li{position:relative;width:276px;margin-right:32px;margin-bottom:20px;padding-bottom:10px;background: #fff; box-shadow: 0 4px 30px rgba(0,80,179,.08);border-radius: 8px; outline: none;transition: box-shadow .3s;}
.mc li:nth-child(4n){margin-right:0}
.mc li:hover{box-shadow: 0 8px 30px rgba(0, 80, 179, .12);}
.mc dt.goods-name a{display:block;font-size:15px;line-height:20px;font-weight:400;padding:10px;color:#333;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;height:60px;}
.mc li:hover .goods-name a{color:#F01414!important}
.mc dd.goods-thumb img{width:276px;height:160px;border-radius:8px 8px 0 0}
.mc dd.goods-price{font-size:14px;height:24px;padding:0 10px;color:#F01414;display: flex; justify-content: space-between;align-items: center;}
.mc dd.goods-price span{font-size:12px;color:#999;}

.vmain{background:url("../images/vbanner.jpg") no-repeat;height:300px; background-size:100% 100%;position: relative;}
.vpinfo{text-align: center;color:#fff;line-height:35px;padding:40px 15px;}
.vpinfo h1{font-size:30px;padding:15px 0}
.vpinfo h4{font-size:16px;}
.vpbox{background:url("../images/fixbk.png") no-repeat #fff;background-size: cover;border-radius:15px;padding:30px 50px;box-shadow:0 0 10px #ddd;width:1200px;margin-left:-600px;position:absolute;bottom:-50px;left:50%;display: flex;justify-content: space-between;align-items: center;line-height:40px;font-size:14px;}
.saleinfo{color:#888;}
.saleinfo h2{color:#f30;font-size:36px;}
.saleinfo h2:before{content: "￥";font-size:24px;}
.saleinfo h3{color:#f30;font-size:32px;}
.saleinfo span{color:#555;padding:0 15px 0 5px;}
a.buybtn{display: block;width:150px;text-align: center;border-radius:50px;background-color:#f60;color:#fff;line-height:50px;font-size:18px;}

.vmmain{background-color: #f5f5f5;padding:85px 0 20px;}
.vmbox{background-color:#fff;border-radius:15px;width:1200px;margin: auto;box-shadow: 0 0 10px #eee;}
.vmleft{float: left;width:850px;border-right:1px solid #e9e9e9;}

.vmmenu { display:flex; padding:20px 50px; font-size:20px; font-weight:700; line-height:40px;border-bottom:1px solid #e9e9e9;}

.vmContent{padding:20px 50px;line-height:200%;font-size:16px;}
.vmContent video {width:640px;margin:auto;}

.vmZhang{padding:15px 35px;line-height:60px;font-size:16px;}
.vmZhang a{border-bottom:1px solid #e9e9e9;padding:5px 15px;display:flex;justify-content: space-between;color:#777;font-size:12px;align-items: center;}
.vmZhang a h4{font-size:16px;color:#333;flex:1;}
.vmZhang a span{padding-left:15px;}
.vmZhang a:last-child{border-bottom: none;}

.vorder{line-height:45px;}
.vorder dt,.vorder dd{display: flex; justify-content: space-between;align-items: center;}
.vorder dt {background-color:#e9e9e9;padding:5px 20px;border-radius:10px 10px 0 0;font-size:14px;font-weight:700;}
.vorder dt .vtitle{flex:1;}
.vorder dd {padding:15px 20px;border:1px solid #e9e9e9;border-radius:0 0 10px 10px;}
.vorder dd .vtitle{flex:1;padding:0 15px; font-size:16px;font-weight:700;}

.vpay{display: flex;justify-content: flex-end;font-size:16px;padding:20px 0;}
.vpay label{display: flex;align-items: center;padding-left:15px;}

.vlink {width:200px;background-color:#f30;color:#fff;font-size:21px;font-weight:700;line-height:60px;margin:20px 0 50px auto;text-align: center;border-radius:10px;cursor: pointer;}

.pltion{background-color:#444;display:flex;justify-content: space-between;padding:15px 30px;line-height:40px;}
.pltion a{color:#fff;}
.plwei{display:flex;align-items:center;color:#ccc;}
.plwei span{font-size:14px;color:#999;padding:0 10px;}

.plmain{background-color:#000;color:#eee;display:flex;justify-content:space-between;}
.plmenu{width:350px;padding:15px;box-sizing: border-box;}
.pllist{padding:15px;position: relative;padding-left:35px;color:#999;line-height:25px;}
.pllist .iconfont{position: absolute; left:10px;top:15px;font-size:14px;}
.pllist h4{color:#ccc;font-size:16px;}

.plon{background-color:#333;color:#2080f7;border-radius:5px;}
.plon h4{color:#2080f7;}

.plplay{flex:1;}
.plhu{width:350px;display: flex;flex-direction: column;justify-content: space-between;}