﻿body,html{font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;color:#333;font-size:16px}
*{padding:0;margin:0}
img{border-style:none;max-width:100%}
li,ul{list-style-type:none}
a:link,a:visited{color:#333;text-decoration:none}
a:active,a:hover{color:#4e93f8}
a:focus{outline:0;-moz-outline:none}
figure{margin:0}
figure video{width:100%}
.timeline a:link,.timeline a:visited{color:#4e93f8;text-decoration:none}
.timeline a:active,.timeline a:hover{color:#ff0000}
.fl{float:left}
.lnk{color:#4e93f8}
.ml4{margin-left:4px}
.ml15{margin-left:-15px}
.ml20{margin-left:20px}
.mt20{margin-top:20px}
.mt50{margin-top:50px}
.pt100{padding-top:100px}
.clearmb50{clear:both;margin-bottom:50px}
.pb30{padding-bottom:30px}
.pt20c{padding-top:20px;text-align:center}
.pt50c{padding-top:50px;text-align:center}
.rb{clear:both;text-align:center;padding-top:50px}
table{width:100%;border:1px solid #ccc}
td{border:1px solid #ccc;padding:10px 15px}
th{border:1px solid #ccc;font-weight:700;font-size:1.2rem;text-align:center}
tr:nth-child(odd){background-color:#f8f8f8}
tr.tm-tr-header{background-color:#e5e8ed;height:50px}
@-ms-viewport{width:auto!important}
@media (max-width:767.98px){.imgtop{padding-top:60px}
}
@media screen and (max-width:980px){.login{display:none}
}
.wrapper{clear:both}
.wrapper h1{text-align:center;font-size:32px;font-weight:700;padding-bottom:10px}
.advantage{background-image:url(../images/advantagebg.jpg);width:100%;background-size:cover;background-repeat:no-repeat;padding:50px 0;color:#fff}
.advantage h1{text-align:center;font-size:32px;font-weight:700;padding-bottom:10px}
.partnerimgborder{padding-bottom:30px}
.partnerimgborder img{border:1px solid #e2e2e2}
.partnerimgborder img:hover{border:1px solid #3dc342}
.appitem{margin-bottom:50px}
.appitem:hover img{transition:.5s all;opacity:.5}
.appitem img{width:100%}
.appitem .txt{height:48px;line-height:42px;text-align:center}
.apptext{background-color:#eee;margin-bottom:50px}
.apptext h4{padding-top:30px;text-align:center}
.apptext:after{content:".";display:block;clear:both;visibility:hidden}
.apptext:hover{background-color:#e7f0f9}
.apptext img{width:100%}
.apptext .title{font-weight:700;text-decoration:underline;padding-top:20px;text-align:center}
.apptext .txt{float:left;text-indent:2em;min-height:120px;padding-top:20px;padding-left:5px;padding-right:5px}
.webcontent{padding-top:50px;min-height:600px;padding-bottom:50px}
.webcontent p{text-indent:2em;line-height:26px;padding-top:10px;padding-bottom:10px}
.webcontent h2{padding-bottom:10px;font-weight:700;border-bottom:1px solid #eee}
.articlecontent{padding-top:50px;min-height:600px;padding-bottom:50px}
.articlecontent img{padding-top:20px;padding-bottom:20px}
.articlecontent p{text-indent:2em;line-height:26px;padding-top:10px;padding-bottom:10px}
.articlecontent .end{text-indent:2em;padding:0 15px;font-weight:700}
.articlecontent h2{padding-bottom:10px;font-weight:700;border-bottom:1px solid #eee}
.articlecontent h3{padding:20px 0;font-weight:700}
.mohurd{padding-top:50px;font-size:22px;color:red;font-weight:700}
.pager{clear:both;padding-top:20px;text-align:center;word-break:break-all}
.pager .disabled{border:1px solid #ddd;color:#999;padding:4px 8px}
.pager .current{background-color:#4e93f8;border:1px solid #4e93f8;color:#fff;padding:4px 8px}
.pager a,.pager span{border-radius:4px;margin:4px 2px}
.pager a{background-color:#fff;border:1px solid #ddd;color:#aaa;padding:4px 8px}
.pager a:hover{background-color:#4e93f8;border:1px solid #4e93f8;color:#fff;padding:4px 8px}
.box-counter{padding:30px;font-size:48px;text-align:center;font-weight:700;border-radius:15px;box-shadow:9px 9px 5px 3px rgba(10,10,10,.1);transition:.3s}
.box-counter:hover{box-shadow:9px 9px 5px 5px rgba(10,10,10,.3)}
.box-counter:hover .box-counter-main{color:#f16583}
.box-counter-title{font-size:16px;height:40px;overflow:hidden}
.leftbox p{text-indent:2em}
.leftbox a{color:#4e93f8}
.leftbox span{font-size:32px;font-weight:700}
.button{min-width:150px;text-align:center;font-weight:700;padding:8px 15px;border-radius:50px;background-color:#3dc342}
.button a{color:#fff}
.button:hover{background-color:#29a22e}
.rbutton{min-width:150px;text-align:center;font-weight:700;padding:8px 15px;border-radius:50px;background-color:#516ca9}
.rbutton a{color:#fff}
.rbutton:hover{background-color:#3c60b1}
.more{padding-bottom:100px;text-align:center}
.more a{background-color:#3dc342;color:#fff}
.morebutton{min-width:200px;text-align:center;font-weight:700;padding:8px 80px;border-radius:50px;border:1px solid #3dc342;color:#3dc342}
.morebutton:hover{background-color:#29a22e;color:#fff}
.returnbtn{min-width:120px;text-align:center;font-weight:700;padding:8px 80px;border-radius:50px;border:1px solid #fff;background-color:#3dc342;color:#fff}
.returnbtn:hover{background-color:#ff6600;color:#fff}
.ui-to-top{width:50px;height:50px;font-size:24px;line-height:46px;color:#fff;background:#3dc342;border-radius:50%;box-shadow:0 0 0 rgba(0,0,0,.12),3px 4px 8px 0 rgba(0,0,0,.11);position:fixed;right:15px;bottom:15px;overflow:hidden;text-align:center;z-index:20;transform:translateY(100px)}
.ui-to-top:hover{color:#fff;background:#fa5151}
.ui-to-top.active{transform:translateY(0);color:#fff}
.imgcircles{margin-top:20px;border-radius:50%}
.productline{text-align:center}
.productline img:hover{transform:scale(1.1);transition:all .3s}
.productline .btn{border:none;border-radius:50px;color:#fff;font-size:16px;font-weight:700;padding:8px 60px;transition:all .4s ease-in-out;margin-bottom:50px;text-transform:uppercase}
.productline .pro-one .btn{background-color:#00c6d7}
.productline .pro-two .btn{background-color:#ffa400}
.productline .pro-three .btn{background-color:#f83177}
.productline .btn:hover{background-color:#3b3b3b}
.marked{text-align:left;font-size:18px;font-weight:700;line-height:1.35}
.marked>li{position:relative;padding-left:25px}
.marked>li::before{content:'\f00c';position:absolute;left:0;top:0;display:inline-block;font-family:FontAwesome;font-weight:400;color:#f16583}
.btmbtn a{color:#fff}
.btmbtn>*{display:inline-block;margin-top:20px;margin-bottom:20px}
.time{font-weight:700;border-radius:50px;background-color:#3dc342;width:100px;color:#fff;text-align:center}
.timeline{margin:0 auto;max-width:650px}
.timeline li{position:relative;margin-left:10px;padding-bottom:1.5rem;padding-left:20px;border-left:1px solid #888}
.timeline li:last-child{padding-bottom:0;border:0}
.timeline li:before{position:absolute;top:0;left:-10px;width:15px;height:15px;border:1px solid #888;border-radius:50%;background:#fff;box-shadow:3px 3px 0 #999;content:''}
.animated{animation-duration:1s;animation-fill-mode:both;opacity:1}
.animated.infinite{animation-iteration-count:infinite}
.animated.hinge{animation-duration:2s}
html:not(.lt-ie10) .not-animated{opacity:0}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
.fadeIn{animation-name:fadeIn}
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,80px,0)}
100%{opacity:1;transform:none}
}
.fadeInUp{animation-name:fadeInUp}
@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}
100%{opacity:1;transform:none}
}
.fadeInDown{animation-name:fadeInDown}
@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}
100%{opacity:1;transform:none}
}
.fadeInLeft{animation-name:fadeInLeft}
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}
100%{opacity:1;transform:none}
}
.fadeInRight{animation-name:fadeInRight}
@keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
.fadeOut{animation-name:fadeOut}
@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}
100%{transform:translate3d(0,0,0)}
}
.slideInDown{animation-name:slideInDown}
@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}
100%{transform:translate3d(0,0,0)}
}
.slideInLeft{animation-name:slideInLeft}
@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}
100%{transform:translate3d(0,0,0)}
}
.slideInRight{animation-name:slideInRight}
@keyframes slideOutDown{0%{transform:translate3d(0,0,0)}
100%{visibility:hidden;transform:translate3d(0,100%,0)}
}
.slideOutDown{animation-name:slideOutDown}
footer{clear:both;background-color:#31404a;color:#fff;padding-top:40px}
footer a:link,footer a:visited{color:#fff}
footer a:active,footer a:hover{color:#4e93f8}
footer .beian{color:#fff}
footer .title{font-size:18px;font-weight:700}
footer .copyright{background-color:#82929c;padding:10px 0;text-align:center}
footer .copyright a{color:#fff}