@charset "utf-8";
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button,input,button,textarea{ outline: none; }
.fl{float: left;}
.fr{float: right;}

/*header begin*/
.sk-header-top{ background: #f5f8fa; border-bottom: 1px solid #ddd; height: 125px; }
.sk-header-width{ width: 94%; margin: auto; }

.sk-header-logo{ padding-top: 30px; }
.sk-header-logo .sk-header-img{ width: 200px; height: auto;display: block; }
.sk-header-logo .sk-header-text{  color: #555555; font-size: 20px; font-weight: bold; padding-top: 20px; margin-left: 20px; }

.sk-header-ul{ height: 125px; line-height: 125px; }
.sk-header-ul .sk-header-li{ float: left; margin: 0 12px; }
.sk-header-ul .sk-header-li a{ padding-left: 12px; font-size: 18px; }
.sk-header-ul .sk-header-li .active,.sk-header-ul .sk-header-li a:hover{ background: url(../images/sanjiao.png); background-repeat: no-repeat; background-position: left center; }
.sk-header-ul .sk-header-li a:hover{ color: #da251d;  }

.sk-text-p{ font-size: 14px; color: #999; padding: 6px 0 0 10px; }

/*mobile nav*/
.sk-header-mobile { display: none; }
.sk-buttom{ width: 42px; height: 42px; text-align: center; font-size: 18px; line-height: 42px; border: 1px solid #ddd; background-color: #f5f5f5;display: block; border-radius: 3px; cursor: pointer; }

.sk-mobile-nav{ position: fixed; top: 0; height: 100%; width: 85%; right: -85%; background-color: #fff; border-right: 1px solid #ddd; z-index: 999; }
.sk-mobile-logo { padding: 15px 5px; margin-bottom: 25px; }
.sk-mobile-logo .sk-mobile-img{ width: 50%; }
.sk-mobile-logo .sk-mobile-dedent{ display: block; margin-top: 1px; }

.sk-mobile-ul{ padding: 10px; }
.sk-mobile-ul .sk-mobile-li{ border-bottom: 1px solid #e8e8e8; }
.sk-mobile-ul .sk-mobile-li a{display: block; height: 42px; line-height: 42px; padding: 2px 10px; font-size: 14px; color: #7b7b7b; }
.sk-mobile-ul .sk-mobile-li i.fa{ margin-right: 8px; }

@keyframes sk-a-menu-show{0%{left:-85%;} 100%{left:0%}}
.sk-menu-show{-webkit-animation:sk-a-menu-show 0.3s forwards; animation:sk-a-menu-show 0.3s forwards;}
/* 遮罩层 */
#sk-mask{position:fixed; z-index:20; background:rgba(0,0,0, 0.5); width:100%; left:0px; top:0px; height:100%; display: none;}


/*content begin*/
.sk-main-content{ padding-top: 1px; }
.sk-main-content .sk-main-width{ width: 1200px; margin: auto; }
.sk-main-content .sk-main-h{ color: #333; font-weight: bold; box-sizing: unset; font-size: 48px; text-align: center; padding-top: 15px; height: 125px; line-height: 125px;display: block; width: 100%; }
.sk-main-content .sk-main-h .sk-main-span{  color: #2181db; display: inline-block; }
.sk-main-content .sk-main-p{ color: #555555; font-size: 24px; text-align: center; width: 550px; margin: auto; line-height: 42px; letter-spacing:3px; }

.sk-main-form{ width: 710px; margin: auto; margin-top: 45px; }
.sk-main-form .sk-main-input{ font-size: 20px; float: left; height: 60px; border:0; border-bottom: 1px solid #2181db; box-sizing: border-box; width: 585px; padding: 3px 15px; }
.sk-main-form .sk-main-button{ background-color: #2181db; color: #fff; font-size: 20px; border:0; height: 60px; line-height: 60px; width: 125px; text-align: center; cursor: pointer; display: block; float: left; }
.sk-main-form .sk-main-button:hover{ background-color: #da251d; }

.sk-six-button{ text-align: center; margin-top: 35px;  }
.sk-six-button .sk-six-anniu{ font-size: 14px; cursor: pointer; border:1px solid #ddd;  border-radius: 3px; width: 120px; height: 50px; line-height: 50px; display: inline-block; text-align: center; box-shadow:  2px 2px 0px #ccc; transition: .8s all; margin: 0 5px; }
.sk-six-button .sk-six-anniu:hover,.sk-bule{ background-color: #2181db; color: #fff; border-color: #2181db; }

.sk-jieguo-test{ width: 75%; margin: auto; font-size: 18px; margin-top: 45px; }
.sk-jieguo-email{ width: 45%; }
.sk-jieguo-test .sk-black{ color: #000; }
.sk-jieguo-test .sk-red{ color: #ff0000; }
.sk-jieguo-test .sk-green{ color: #0cd20a; }

.sk-report{ border:1px solid #ddd; padding: 30px 25px; margin: 30px auto; }
.sk-report-briefing{ font-size: 30px; line-height: 42px; margin-bottom: 30px; }

.sk-report-table { width: 100%; margin: 10px 0; padding-top: 12px; }
.sk-report-table *{ text-align: left; vertical-align: top; padding: 8px; font-weight: normal; }
.sk-report-table table{ width: 100%; }
.sk-report-table .sk-report-title{ font-size: 24px;  }
.sk-report-table .sk-report-taitou{ }
.sk-report-table .sk-report-li{ font-size: 16px; box-sizing: border-box; width: 170px; background-color: #0dd20b; color: #fff; border: 1px solid #ddd;  border-top-left-radius: 5px; }
.sk-report-table .sk-report-span{ font-size: 16px; background: #2181db; color: #fff; border: 1px solid #ddd; border-left: 0; border-top-right-radius: 5px; }
.sk-report-table .sk-bgred{ background: #cc0000; }

.sk-report-table .sk-report-content{}
.sk-report-table .sk-report-dt{ background-color: #DDDDDD; font-size: 16px; box-sizing: border-box; width: 170px; border: 1px solid #ddd; border-top: 0; }
.sk-report-table .sk-report-dt p{ font-size: 12px; }
.sk-report-table .sk-report-dd{ font-size: 16px; border: 1px solid #ddd; border-top: 0; border-left: 0; }
.sk-report-table .sk-report-account{ line-height: 47px; }

.sk-web-content { background-color: #f5f8fa; padding: 45px 0; margin-top: 15px; }
.sk-web-content .sk-web-width{ width: 1200px; margin: auto; }
.sk-web-content .sk-web-width span{ color: #2181db; }
.sk-web-content .sk-web-title{ font-size: 30px; font-weight: bold; text-align: center; line-height: 36px; }
.sk-web-content .sk-web-text{ font-size: 16px; color: #757575; text-align: center; padding: 15px 0; }

.sk-web-case{ margin: 15px 0; }

.sk-web-case .sk-web-li{  width: 213px; border:2px solid #c6c6c6; padding-top: 15px; transition: .8s all; position: relative; float: left; }
.sk-web-li .sk-web-casetitle{ font-size: 16px; color: #3f3f3f; padding:12px 0 8px; text-align: center; }
.sk-web-li .sk-web-num{ background:url(../images/yuan.png) no-repeat center center; width: 165px; height: 85px; margin:auto; text-align: center; font-size: 40px; color: #c4c4c4; line-height: 85px; font-weight: bold; font-family: Impact;  }
.sk-web-li .sk-web-img{ width: 100%; height: auto; display: block; }
.sk-web-li .sk-web-xian{ width: 36px; height: 2px; background-color: #c4c4c4; margin:auto;  display: block; margin-bottom: 20px; }
.sk-web-li .sk-web-font{ display: none; padding: 10px 12px 24px 12px; color: #fff; text-align: center; font-size: 12px; line-height: 20px; }
.sk-web-li .sk-web-plus{ display: none; position: absolute; right: -2px; bottom: -2px; width: 27px; height: 27px;}
.sk-web-li .sk-web-plus i{ background-color: #FD9502; color: #fff; width: 27px; height: 27px; display: block; line-height: 30px; text-align: center;  }

.sk-web-li:hover{ background-color: #2181db; border-color: #2181db; }
.sk-web-li:hover .sk-web-casetitle,.sk-web-li:hover .sk-web-num{ color: #fff; }
.sk-web-li:hover .sk-web-xian{ background-color: #fff; }
.sk-web-li:hover .sk-web-img{ display: none; transition: .8s all; }
.sk-web-li:hover .sk-web-font { display: block; }
.sk-web-li:hover .sk-web-plus{ display: block; }

.sk-web-li.sk-web-margin{ margin-left: 28px; }


/*footer*/
.sk-footer{ background-color: #373d41; padding: 25px 0; }
.sk-footer .sk-footer-dug{ height: 1px; background-color: #4d5254; width: 100%; }
.sk-footer .sk-footer-width{ width: 1200px; margin: auto; padding: 25px 0; }
.sk-footer .sk-footer-left{ width: 50%; color: #9d9e9e; font-size: 14px; }
.sk-footer .sk-footer-left p{ line-height: 35px; }
.sk-footer .sk-footer-nav { padding-top: 5px; }
.sk-footer .sk-footer-nav a{ display: inline-block; font-size: 16px;  padding-top: 15px; color: #9d9e9e; margin-right: 15px; }
.sk-footer .sk-footer-nav .sk-footer-active{ font-size: 24px; color: #fff; border-top: 1px solid #fff; }
.sk-footer .sk-footer-nav a:hover{ color: #fff; }
.sk-footer .sk-footer-right{ width: 45%; text-align: right; border-left: 1px solid #666e73; }
.sk-footer .sk-footer-img{ width: 110px; height: auto; display: inline-block; margin-left: 35px; }

.sk-footer .sk-footer-copyright{ font-size: 14px; color: #86888a; text-align: center; }
.sk-footer .sk-footer-copyright a{ color: #86888a; margin-left: 12px; }



@media (max-width: 1300px){
	.sk-header-width{ width: 98%; }
	.sk-header-logo{ padding-top: 36px; }
	.sk-header-logo .sk-header-img{ width: 165px; }
	.sk-header-logo .sk-header-text{ padding-top: 15px; }
	.sk-header-ul .sk-header-li a{ font-size: 16px; }
}
@media (max-width: 1200px){
	.sk-header-width{ width: 98%; }
	.sk-main-content .sk-main-width{ width: 98%; }
	.sk-web-content .sk-web-width{ width: 98%; }
	.sk-footer .sk-footer-width{ width: 98%; }
	.sk-report-table{ width: 100%; float: none; margin: 12px 0; display: inline-block; }
	.sk-jieguo-test{ width: 96%; font-size: 16px; }
}
@media (min-width:1024px) and (max-width: 1200px){
	.sk-header-logo{ padding-top: 40px; }
	.sk-header-logo .sk-header-img{ width: 135px; }
	.sk-header-logo .sk-header-text{ font-size: 15px; }
	.sk-header-logo .sk-header-text{ padding-top: 11px; }
	.sk-header-ul .sk-header-li a{ font-size: 15px; }
	.sk-header-ul .sk-header-li{ margin:0 8px; }

	.sk-web-case .sk-web-li{ width: 185px; }
	.sk-web-li.sk-web-margin{ margin-left: 10px; }
	.sk-web-li .sk-web-casetitle{ font-size: 14px; }
	.sk-web-li .sk-web-font{ padding: 5px 6px 14px 6px }
	.sk-web-case{ height: 350px; }
	.sk-footer .sk-footer-nav .sk-footer-active{ font-size: 16px; }
	.sk-footer .sk-footer-nav a{ font-size: 14px; }
}
@media (max-width: 1024px){
	.sk-header-top{ height: 100px; }
	.sk-header-logo{ padding-top: 25px; }
	.sk-header-width{ position: relative; }
	.sk-header-mobile{ display: block; float: right; margin-top: 28px; margin-right: 35px; }
	.sk-header-nav{ display: none; }
	.sk-six-button .sk-six-anniu{ width: 30%; margin-bottom: 20px; }
	.sk-jieguo-email,.sk-jieguo-catch,.sk-jieguo-verification{ width: 100%; float: none; margin-bottom: 8px; }
	.sk-jieguo-test{ margin-top: 25px; }
	.sk-report{ padding: 20px 10px; }
	.sk-report-briefing{ margin-bottom: 20px; }
	.sk-report-table .sk-report-title{ font-size: 18px; }
	.sk-report-table .sk-report-li{ font-size: 14px; }
	.sk-report-table .sk-report-span{ font-size: 14px; }
	.sk-web-li.sk-web-margin{ margin-left: 0px; }
	.sk-web-case .sk-web-li{ width: 30%; margin: 0 1% 25px; min-height: 315px; }
	.sk-footer .sk-footer-left{ font-size: 12px; }
	.sk-footer .sk-footer-nav a{ font-size: 12px; margin-right: 8px; }
	.sk-footer .sk-footer-nav .sk-footer-active{ font-size: 13px; }
	.sk-footer .sk-footer-right{ width: 40%; }
}

@media (min-width: 320px) and ( max-width: 768px){
	.sk-header-top{ height: 80px; }
	.sk-header-logo{ padding-top: 16px; }
	.sk-header-mobile{ margin-top: 18px; }
	.sk-header-logo .sk-header-text{ display: none; }
	.sk-main-content .sk-main-h{ font-size: 36px; height: 95px; line-height: 95px; }
	.sk-main-content .sk-main-p{ width: 98%; font-size: 16px; line-height: 36px; letter-spacing:2px; }
	.sk-main-form{ width: 100%; position: relative; margin-top: 35px; }
	.sk-main-form .sk-main-input{ width: 100%; height: 42px; font-size: 14px; float: none; padding-right: 110px; }
	.sk-main-form .sk-main-button{ width: 100px; height: 42px; line-height: 42px; font-size: 14px; float: none; position: absolute; right: 0px;top: 0; }
	.sk-six-button .sk-six-anniu{ width: 29%; font-size: 13px; }
	.sk-report-briefing{ font-size: 24px; margin-bottom: 0px; }
	.sk-report-table .sk-report-li{ font-size: 12px; }
	.sk-report-table .sk-report-span{ font-size: 12px; }
	.sk-report-table .sk-report-dt{ font-size: 12px; }
	.sk-report-table .sk-report-dd{ font-size: 12px; }
	.sk-report-table .sk-report-title{ font-size: 15px; }
	.sk-web-content .sk-web-title{ font-size: 24px; }
	.sk-web-content .sk-web-text{ font-size: 14px; }

	.sk-web-case .sk-web-li{ width: 90%; float: none; margin: 0 auto 20px auto; }
	.sk-footer .sk-footer-left{ width: 60%; }
	.sk-footer .sk-footer-right{ width: 38%; }
	.sk-footer .sk-footer-img{ margin-left: 10px; width: 100px; }
}
@media (min-width: 640px) and ( max-width: 768px){
	.sk-web-case .sk-web-li{ width: 45%; float: left; margin: 0 2% 20px 2%; min-height: 369px; }
}
@media (max-width: 640px){
	.sk-footer .sk-footer-left{ float: none; width: 96%; margin:auto; }
	.sk-footer .sk-footer-right{ float: none; width: 100%; border: 0; text-align: center; margin: 20px 0 0 0; }
	.sk-footer .sk-footer-img{ margin: 0 8px; width: 40%; }
	.sk-footer .sk-footer-copyright{ font-size: 12px; }
}
@media (max-width: 480px){
	.sk-web-content .sk-web-title{ font-size: 17px; }
	.sk-six-button .sk-six-anniu{ width: 45%; }
}