@import url(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; }
.topnav { line-height: 50px; border-bottom: 1px solid #f0f0f0; }
.toplink a { color: #555; }
.toplink a:hover { color: #303133; }
.toplink em { padding: 0 15px; color: #ddd; font-size: 12px; }
.logo { height: 70px; flex: 1; }
.search { height: 45px; width: 380px; background-color: #f5f5f5; 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: #666; 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; }
.navlink { width: 1200px; margin: auto; line-height: 60px; display: flex; justify-content: space-between; font-size: 18px; }
.navlink li { border-bottom: 3px solid #fff; }
.navlink li a { color: #666; }
.navlink li a:hover { color: #252525; }
.navlink li.onnav { border-bottom: 3px solid #333; }
.navlink li.onnav a { color: #252525; 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: #fff; 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; }
.banner { background: url(../images/banner.jpg) no-repeat center center; height: 450px; }
.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; }
.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; text-align: center; }
.stepitem span img { max-width: 40px; max-height: 43px; display: inline-block; vertical-align: middle; }
.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 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 {  }
.course:after { content: " "; width: 215px; }
.jidi {  }
.xianlu {  }
.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; }
.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: #888; font-size: 18px; }
.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; }
.onlink a { color: #fff; }
.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: 10; 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; margin: 0; height: 45px; line-height: 45px; padding-left: 15px; 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 { display: block; 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 h4 { font-size: 18px; font-weight: 500; 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; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#fafafa, endColorStr=#f0f0f0);
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: block; 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: block; 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 { font-weight: 400; font-size: 25px; line-height: 60px; padding-top: 10px; display: flex; justify-content: space-between; }
.pubtt a { font-size: 14px; }
.pubtt a span { font-size: 14px; color: #999; padding-left: 5px; }
.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%; box-sizing: border-box; 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 a { display: block; 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 { display: flex; flex-wrap: wrap; padding: 10px 0; line-height: 32px; font-size: 14px; }
.cclass dt { color: #666; margin-right: 25px; }
.cclass a { display: block; padding: 0 20px; }
.cclass a.ccon { background-color: #f30; color: #fff; border-radius: 32px; }
.ccbox { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 10px 0; width: 1200px; }
.ccbox:after { content: " "; width: 270px; }
.ccbox .ccitem { width: 270px; display: block; background-color: #f9f9f9; margin-bottom: 30px; border-radius: 6px; }
.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:after { content: " "; width: 270px; }
.rebox a.relink { width: 270px; display: block; background-color: #f9f9f9; margin-bottom: 30px; border-radius: 6px; }
.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); -ms-filter:progid:DXImageTransform.Microsoft.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); -ms-filter:progid:DXImageTransform.Microsoft.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; }
.zq-product-img i img { max-width: 28px; max-height: 30px; display: inline-block; vertical-align: middle; }
.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; filter: alpha(opacity=0); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(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; filter: alpha(opacity=100); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))
}
.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: block; 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: block; 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; }
.pagenav { display: flex; justify-content: center; align-items: center; padding: 20px 0 30px; font-size: 16px; line-height: 40px; text-align: center; }
.pagenav a, .pagenav span { width: 40px; margin: 0 5px; }
.pagenav .active { background-color: #ff3214; color: #fff; border-radius: 5px; }
.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: 450px; }
.culeft img { display: block; }
.culist { display: flex; padding: 20px 0; }
.culist img { display: flex; margin-right: 15px; cursor: pointer; }
.cubox { padding-left: 30px; 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: 12px; line-height: 23px; 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: 30px; font-weight: 600; color: #f30; }
.cuprice i { font-size: 18px; }
.cutags { font-size: 14px; padding-left: 25px; line-height: 30px; }
.cutags p { display: flex; align-items: center; padding: 8px 0; }
.cutags p span { width: 70px; color: #666; }
.cutags p i { padding: 0 15px; border: 1px solid #e9e9e9; border-radius: 3px; margin: 0 10px; }
.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; }
.curight { flex: 1; padding: 20px 0 30px 35px; }
.cutitle { line-height: 30px; font-size: 31px; color: #ff3214; border-bottom: 1px dashed #e9e9e9; padding: 10px 20px 20px 20px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.context { padding: 10px 20px 20px; line-height: 200%; font-size: 16px; }
.context video { width: 640px; margin: auto; }
.isShow { display: block; }
.isHide { display: none; }
.edubox { padding-bottom: 10px; }
.edutitle { font-size: 16px; font-weight: 600; padding: 10px 0; border-bottom: 1px dashed #e9e9e9; margin-bottom: 15px; }
.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 { padding-left: 5px; position: relative; }
.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 #e9e9e9; }
.timeitem:before { content: ''; position: absolute; left: 5px; top: 5px; z-index: 0; width: 1px; height: 100%; background-color: #e9e9e9 }
.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; }
.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 { background-color: #f9f9f9; padding: 50px 0; line-height: 45px; }
.spnav { display: flex; width: 1200px; padding: 0 20px; justify-content: space-between; align-items: center; margin: auto; }
.splogo { width: 150px; }
.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; }
.spright { flex: 1; padding: 20px 0 30px 35px; }
.sptitle { line-height: 30px; position: relative; font-size: 28px; color: #202020; border-bottom: 1px solid #e9e9e9; padding: 10px 25px 30px 25px; display: flex; justify-content: space-between; align-items: center; }
.sptitle:before { content: ''; position: absolute; top: 15px; left: 0; width: 6px; height: 25px; z-index: 10; background-color: #666; border-radius: 6px; }
.spabout { padding: 20px 25px 30px; line-height: 200%; font-size: 16px; color: #666; }
.spcover { width: 450px; height: 430px; float: left; margin: 0 35px 10px 0; background-color: #f9f9f9; }
.cucover { width: 450px; height: 430px; }
.spcover img, .cucover img { width: 450px; height: 330px; }
.pricelist { margin-bottom: 20px; }
.pricetitle { font-size: 16px; padding: 0 0 15px 15px; }
.pricetitle span { font-weight: 600; color: #f30; font-size: 23px; }
.pricenote { display: flex; flex-wrap: wrap; border-bottom: 1px solid #e9e9e9; padding: 10px 0; line-height: 25px; font-size: 14px; }
.pricenote span { width: 160px; padding-left: 15px; }
.notet { background-color: #f9f9f9; font-weight: 600; }
.notec { color: #666; }
.spswiper { width: 100%; height: 410px; }
.spslide { background-size: cover; background-position: center; }
.spftops { height: 330px; width: 100%; }
.spthumbs { height: 100px; 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; width: 525px; }
.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; }