@charset "utf-8";
/*整体布局样式*/
html,body{
	height:100%;
	font-family: "Microsoft YaHei", "微软雅黑", "myFirstFont", Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: subpixel-antialiased;
	background:white;
	text-align:left;
	color:#33475b;
	background: #f5f8fa;
}
@font-face {
	font-family: "myFirstFont";
	src: url('msyh.html'),
     url('msyh-2.html'); /* IE9+ */
}
*{margin:0;padding:0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
}
ul,li,ol {list-style:none outside}
a{text-decoration:none; color: #555;}
img {border:none;}
input,button,select,textarea{outline:none;}
input,textarea {background:none}
*, ::after, ::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}
article, aside, footer, header, nav, section {
    display: block;
}
/*清除苹果按钮格式*/
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
border-radius: 0;
}
/*整体布局样式结束*/
.landing-header{
	background-color: #fff;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 10;
	box-shadow: 0 0 8px #eaf0f6;
}
.landing-header-top{max-width: 1200px;margin: 0 auto; padding: 15px 0;}
.landing-header-c{ display: flow-root; height: 50px; padding-right: 120px; position: relative;}
.landing-header-c .free-detection-button{  position: absolute; right: 0; top: 11px;}
.landing-header-c .free-detection-button a{ color: #fff; font-size: 14px; display: inline-block; padding: 4px 15px; line-height: 20px;background-color: #fa8c83;border-radius:4px; overflow: hidden;}
.landing-header-c .free-detection-button a:hover{ background-color: #33475b;}
.landing-logo{width: 20%; max-width: 250px; height: 50px; float:left; margin-left: 20px;}
.landing-logo a{}
.landing-logo a img{ max-width: 100%; max-height: 100%;}


/*banner图*/
.banner-content{ width: 100%; position: absolute; top: 20%; left: 0;}
.banner-box{ width: 94%; margin: auto; max-width: 1160px; }
.banner-text{ width: 50%; float:left; color: #fff; text-align: left; max-width: 520px;}
.banner-text h2{ font-size: 50px; line-height: 60px; margin-bottom: 20px;}
.banner-text h3{ font-size: 34px; line-height: 55px; margin-bottom: 40px; font-weight: normal;}
.banner-text a{ font-size: 16px;  color: #fff; border: 1px solid #fff; line-height: 30px;  padding: 15px 30px; display: inline-block;border-radius:4px;transition: ease all 0.4s;
-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s;}
.banner-text a:hover{ background-color: #fff; color: #333;}
/*四大系统*/
.landing-page-c{ width: 100%;}
.landing-product{ padding: 100px 0 50px; background: #f5f8fa;}
.landing-product-t{width: 100%; max-width: 1200px;margin: 0 auto; box-sizing: content-box;}
.landing-product-t h2{ width: 100%; text-align: center;margin-bottom: 20px; color: #33475b; font-size: 30px;}
.landing-product-box { max-width: 1200px;margin: 0 auto; box-sizing: content-box; text-align: center;}
.landing-product-box img{ max-width: 340px; display: inline-block;}
.landing-product-box h2{ margin: 30px 15px 40px 15px; font-size: 30px; line-height: 40px;}
.landing-product-box p{ max-width: 940px; text-align: center;margin: 20px auto; color: #33475b; font-size: 16px; line-height: 28px; padding: 0 15px;}

.four-systems{max-width: 1200px;margin: 20px auto 20px auto;}
.four-systems ul{ padding: 20px 5px; display: flex;flex-direction: row; font-size:0;}
.four-systems ul li{ width: 25%; vertical-align: top; background-color: #fff;box-shadow: 0 0 11px #eaf0f6;border-radius: 4px;margin: 15px; padding: 20px; background-color: transparent\0;display: inline-block\0; width: 25%\0; padding: 0\0;margin: 0\0; box-shadow: none\0;
transition: ease all 0.4s;
-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s; cursor: pointer;}
.four-systems ul li:hover{box-shadow: 0 0 30px #dde3e8;box-shadow: none\0;}
.four-systems ul li .large-system{box-shadow: 0 0 11px #eaf0f6\0;font-size:14px; text-align: center; margin: 15px\0; padding: 20px\0;background-color: #fff\0;}
.four-systems ul li .large-system:hover{transform: scale(1.05)\0;box-shadow: 0 0 20px #e8edf1\0;}
.four-systems ul li .large-system img{ max-width: 80%;}
.four-systems ul li .large-system h2{ font-size: 16px; line-height: 30px; margin: 10px 0; border-bottom: 1px solid #e0e6ed; padding-bottom: 10px;}
.four-systems ul li .large-system p{ text-align: left; line-height: 24px;}

/*品牌优势*/
.landing-advantage{padding: 100px 0 50px; background: #fff;}
.landing-advantage-t{width: 100%; max-width: 1200px;margin: 0 auto; box-sizing: content-box; overflow: hidden;}
.landing-advantage-t h2{ width: 100%; text-align: center;margin-bottom: 20px; color: #33475b; font-size: 30px;}
.landing-advantage-box { max-width: 1200px;margin: 0 auto; box-sizing: content-box; text-align: center; position: relative;}
.landing-advantage-box ul{ font-size: 0; padding: 10px 0;}
.landing-advantage-box ul li{ width: 32.4%; display: inline-block; vertical-align: top; font-size: 14px; }
.landing-advantage-box ul li:nth-child(2){ width: 34%;}
.landing-advantage-point{ position: relative;  border-radius: 4px; border: 1px solid #f2f5f8; padding: 20px; margin: 15px;
transition: ease all 0.4s;
-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s; cursor: pointer;}
.landing-advantage-point:hover{margin: 10px 15px 15px 15px;box-shadow: 0 0 20px #e8edf1;}
.landing-advantage-img{ height: 50px; overflow: hidden; margin-bottom: 20px;}
.landing-advantage-point img{ max-width: 30%; display: inline-block; margin: auto; margin-bottom: 30px;}
.landing-advantage-point i{ font-size: 50px;  color: #0aafcb;}
.landing-advantage-point i.conversion{ font-size: 40px; margin-bottom: 20px; color: #0aafcb;}
.landing-advantage-point h2 {
    font-size: 16px;
    line-height: 30px;
    margin: 10px 0;
    padding-bottom: 10px;
}
.landing-advantage-point h3 {
    font-size: 16px;
    line-height: 20px;
    margin: 10px 0;
    padding-bottom: 10px;
	font-weight: normal;
}
.landing-advantage-point p {
    text-align: left;
    line-height: 24px;
	height: 72px;
}
/*套餐*/
.landing-package{ padding: 100px 0 50px; background: #0aafcb;}
.landing-package-t{max-width: 1200px;margin: 0 auto; overflow: hidden;}
.landing-package-t h2{ width: 100%; text-align: center;margin-bottom: 40px; color: #fff; font-size: 30px; line-height: 40px}
.landing-package-box{ padding: 30px 20px;}
.landing-package-content{ max-width: 1200px;margin: 0 auto; box-sizing: content-box; text-align: center;display: flex;flex-direction: row;}
.landing-package-box .service-package{ width: 32%;margin: auto; padding: 10px 30px 30px 30px; border-right: 1px solid #fff; display: inline-block\0; padding: 0\0;}
.landing-package-box .service-package:nth-child(3){border: 0;}
.landing-package-box .service-package ul{ font-size: 14px; color: #fff; padding: 10px 30px 30px 30px\0;}
.landing-package-box .service-package ul li{ line-height: 20px; margin: 14px 0;}
.landing-package-box .service-package ul li strong{ font-size: 20px;}
.landing-package-box .service-package ul li h3{ font-size: 16px; line-height: 40px; width: 80%; margin: 0 auto 10px auto; padding-bottom: 10px; border-bottom: 1px solid #fff;}
.landing-package-box .service-package ul li .inquiry{ font-size: 16px; margin-top: 20px; padding: 15px 40px; line-height: 20px;  display: inline-block; color: #fff; border: 1px solid #fff;border-radius: 4px;
transition: ease all 0.4s;
-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s;}
.landing-package-box .service-package ul li .inquiry:hover{color: #333; border: 1px solid #333;}

/*发展足迹*/
.landing-footprint{padding: 100px 0 50px; background: #fff;}
.landing-footprint-t{width: 100%; max-width: 1200px;margin: 0 auto; box-sizing: content-box; overflow: hidden;}
.landing-footprint-t h2{ width: 100%; text-align: center;margin-bottom: 20px; color: #33475b; font-size: 30px;}
.landing-footprint-box { max-width: 1200px;margin: 0 auto; box-sizing: content-box; text-align: center; position: relative;}
.landing-footprint-box ul{ margin: 28px 20px 35px 20px; overflow: hidden; z-index: 1; position: relative;}
.landing-footprint-box ul li{ width: 100%; overflow: hidden; position: relative; margin-bottom: 10px;}
.landing-footprint-box ul li .landing-footprint-point{ width: 46%; float: left; text-align: right;}
.landing-footprint-box ul li:nth-child(2n+2) .landing-footprint-point{ float: right; text-align: left;}
.landing-footprint-box ul li h3{ font-size: 16px; margin-bottom: 15px;}
.landing-footprint-box ul li p{ font-size: 14px; line-height: 24px;}
.landing-footprint-box ul li p strong{color: #fa8c83;font-weight: normal;}
.landing-footprint-box ul li i{ position: absolute; top: 5px; left: 50%; width: 11px; height: 11px; display: block; background-color: #fff; border: 2px solid #9aadc3; margin-left: -8px;border-radius:50%;
}
.landing-footprint-midline{ position: absolute; width: 100%; height: 100%; top: 5px;}
.landing-footprint-midline e{ width: 1px; height: 100%; margin: auto; background-color: #9aadc3; display:block;}
/*我们的荣誉*/
.landing-honor{ padding: 100px 0 50px;}
.landing-honor-t{max-width: 1200px;margin: 0 auto; overflow: hidden;}
.landing-honor-t h2{ width: 100%; text-align: center;margin-bottom: 40px;  font-size: 30px; line-height: 40px}
.landing-honor-box{ max-width: 1000px;margin: 0 auto;}
.landing-honor-box ul{ margin: 28px 20px 35px 20px; display: flex;flex-direction: row;}
.landing-honor-box ul li{ width: 32%;margin: auto; padding: 10px 15px 30px 15px; display: inline-block;  padding: 10px 0 30px 0\0; vertical-align: middle\0;}
.landing-honor-img{ margin-bottom: 20px; box-shadow: 0 0 11px #dfe1e4;
transition: ease all 0.4s;
-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s; 
cursor: pointer; margin: 0 15px 20px 15px\0;}
.landing-honor-img:hover{ transform: scale(1.1); box-shadow: 0 0 20px #dfe1e4;}
.landing-honor-img img{ max-width: 100%;}


/*合作伙伴*/
.landing-partner{ padding: 100px 0 50px; background-color: #fa8c83;}
.landing-partner-t{max-width: 1200px;margin: 0 auto; overflow: hidden;}
.landing-partner-t h2{ color: #fff; width: 100%; text-align: center;margin-bottom: 40px;  font-size: 30px; line-height: 40px}
.landing-partner-box{ max-width: 1000px;margin: 0 auto 20px auto;}
.landing-partner-box ul{ margin: 0 10px; overflow: hidden; font-size: 0; display: flex;flex-direction: row;}
.landing-partner-box ul li{
	width: 16%;
display: inline-block;
margin: 10px;
overflow: hidden;
margin: 0\0;
}
.landing-partner-box ul li .landing-partner-img{
margin: 10px\0;
}
.landing-partner-box ul li img {
    width: 100%;
    height: auto;
    margin: auto;
    overflow: hidden;
}
/*加入我们*/
.landing-join{ width: 100%; background-color: #fff;overflow: hidden;}
.landing-join-box{ width: 90%; max-width: 850px; margin: 20px auto 20px auto; overflow: hidden; text-align: center;}
.landing-join-box h2{ font-size: 30px; display: inline-block; line-height: 40px; vertical-align: middle; margin: 20px 0;}
.landing-join-box a{ background-color: #fa8c83; color: #fff; font-size: 20px; height: 70px; padding: 0 45px; display:inline-block; line-height: 70px; margin: 20px 50px;border-radius:4px;
transition: ease all 0.4s;
-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s;}
.landing-join-box a:hover{ background-color: #33475b; }
.landing-understanding{ width: 100%; background-color: #fff;overflow: hidden;}
.landing-understanding-box{ width: 90%; max-width: 850px; margin: 100px auto 20px auto; overflow: hidden; text-align: center;}
.landing-understanding-box h2{ display: block;font-size: 30px; line-height:40px; margin: 20px 0 40px 0;}
.landing-understanding-box p{ font-size: 18px; line-height: 30px; margin-bottom: 30px;}
.landing-understanding-input{ width: 100%; max-width: 460px; margin: 20px auto 0 auto;}
.landing-understanding-input ul {margin: 20px;}
.landing-understanding-input ul li{ position: relative; margin: auto; padding: 10px 10px 0 30px; border-bottom: 1px solid #9aadc3; }
.landing-understanding-input ul li i{ position: absolute; top: 24px; left: 0; font-size: 20px; color: #9aadc3;}
.landing-understanding-input ul li i.phone{
	font-weight: bold;
}
.landing-understanding-input ul li .errorMsg{
	position: absolute;
	right:0;
	font-size: 12px;
	color: #F00;
	top:26px;
}
.landing-understanding-input input{ margin: 10px 0; width: 100%; border: 0; line-height: 30px; height: 30px; font-size: 14px;}
.err_nput::-webkit-input-placeholder {
	font-size: 16px;
	font-weight: bold;
		color: #33475b;
}
.err_nput:-ms-input-placeholder { // IE10+
	font-size: 16px;
	font-weight: bold;
		color: #33475b;
}
.err_nput:-moz-placeholder { // Firefox4-18
	font-size: 16px;
	font-weight: bold;
		color: #33475b;
}
.err_nput::-moz-placeholder { // Firefox19+
	font-size: 16px;
	font-weight: bold;
		color: #33475b;
}
.landing-understanding-input button{ font-size: 16px; padding: 15px 40px; line-height: 20px; background-color: #fa8c83; color: #fff; border: 1px solid #fa8c83;border-radius:4px;cursor:pointer; margin: 20px 0;
transition: ease all 0.4s;
-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s;}
.landing-understanding-input button:hover{ background-color: #33475b; border: 1px solid #33475b;}
.landing-understanding-input button:active{
	font-size: 15px;
	padding: 15px 42px;
	background-color: #0aafcb;
	border: 1px solid #0aafcb;
}
.landing-contact{ background-color: #26303c; width: 100%;}
.landing-contact-box{max-width: 1200px;margin: 0 auto; overflow: hidden; padding: 100px 0 50px 0; color: #fff;}
.landing-contact-box-t{ text-align: center;}
.landing-contact-box-t h2{ color: #fff; display: block;font-size: 30px; line-height:40px; margin: 20px 0;}
.landing-contact-content{ padding: 20px; font-size: 0;}
.landing-contact-box ul{width: 32%; overflow: hidden; display: inline-block; vertical-align: top;}

.landing-contact-box ul li{ margin-bottom: 10px; color: #8d949e;}
.landing-contact-box ul li i{ font-size:16px; display: inline-block; vertical-align: middle; margin-right: 10px;}
.landing-contact-box ul li h3{
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	font-weight: normal;
	line-height: 24px;
	
}
.landing-contact-box ul li h3 strong{
	display: block;
	
}
.landing-contact-box ul li.landing-contact-hotline{ margin-bottom: 20px;color: #fff;}
.landing-contact-box ul li.landing-contact-hotline i{ font-size: 50px;}
.landing-contact-box ul li.landing-contact-hotline h3{ font-size: 18px;}
.landing-contact-box ul li.landing-contact-hotline h2{ font-size: 20px; display: inline-block; vertical-align: middle; line-height: 26px; margin-bottom: 12px;}
.landing-contact-box ul li.landing-contact-hotline h2 strong{ font-size: 26px; display: inline-block; vertical-align: middle;}
.landing-contact-box ul li.landing-contact-hotline h2 strong:visited{ color: #fff;}
.qr-code{ width: 36%; overflow: hidden; text-align: center; margin-bottom: 10px; display: inline-block; vertical-align: top;}
.qr-code .qr-code-box{ display: inline-block; vertical-align: top; margin: 1px 15px;}
.qr-code .qr-code-box img{ max-width: 140px;}
.qr-code .qr-code-box p{ color: #8d949e; font-size: 14px; margin: 8px 0; line-height: 24px;}
.landing-footer{ text-align: center;color: #8d949e; border-top: 1px solid #6a707c;}
.landing-footer p{ font-size: 12px; margin-top: 20px;}
.total-width, .landing-contact-box ul.total-width{ width: 100%; text-align: center; margin-bottom: 20px;}

/*网站检测*/
.check-website{width: 100%; margin-top:80px;}
.check-website-box{max-width: 1200px;margin: 0 auto; overflow: hidden; padding: 50px 20px 50px 20px;}
.check-website-t{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
	text-align: center;
    overflow: hidden;
}
.check-website-t h2{
	margin: 30px 15px 40px 15px;
    font-size: 30px;
    line-height: 40px;
}
.check-website-result{ max-width: 940px; margin: auto; text-align: center; overflow: hidden; border-radius:4px; margin-bottom: 10px; position: relative;}
.check-website-result-total{ overflow: hidden; }
.check-website-icon{ display: block; position: relative;}
.check-website-icon i{ font-size: 150px;}
.check-website-title{ overflow: hidden;}
.check-website-title h3{ font-size: 24px; font-weight: normal; margin-bottom: 30px;}
.check-website-title .test-strip{ position: relative; height: 60px; padding-top: 22px; }
.check-website-title .length{ position: relative; height: 8px; width: 100%;  display: inline-block; margin: 0 auto; background-color: #fff; border-radius: 4px;}
.check-website-title .length em{
	position: absolute;
	height: 8px;
	width: 30%;
	display: block;
	background-color: #fa8c83;
	border-radius: 4px;
}
.check-website-fraction{ position: absolute; top: 0; left: 28%; width: 50px; height: 50px; border-radius: 25px; overflow: hidden; background-color: #fa8c83; text-align: center; z-index: 2;}
.check-website-fraction p{ color: #fff; font-size: 18px; line-height: 50px; }
.check-website-box ul{ max-width: 940px; margin: auto; border-radius:4px; font-size: 0; display: flex;}
.check-website-box ul li{ width: 32%; font-size: 14px; overflow: hidden;display: block; vertical-align: top; margin-bottom: 20px;  margin-right: 2%;}
.check-website-box ul li:nth-child(3){ margin-right: 0;}
.check-website-box ul li .check-website-item{ padding: 10px 25px 30px 25px; border-radius: 4px; overflow: hidden; border: 1px solid #0aafcb; background-color: #fff; text-align: center;}
.check-website-box ul li .check-website-item p{ font-size: 18px;  line-height: 30px; display: inline-block; text-align: left; vertical-align: middle;}
.check-website-box ul li .check-website-item i{ color: #0aafcb; font-size: 80px; display: inline-block; vertical-align: middle; margin-right: 10px; margin-left: 2px;}
.test-now{}
.test-now-box h3{ font-size: 30px; margin-bottom: 20px;}
.test-now-box h3 i{ font-size: 40px;color: #0aafcb; display: inline-block; vertical-align: middle; margin-right: 10px;}
.test-now-inquire{ margin: 0 20px;}
.test-now-inquire button{ padding: 15px 0; width: 100%;}
@media screen and (max-width:1024px){
.banner-content{ top: 18%; }
.banner-text h2{ font-size: 30px; line-height: 40px; margin-bottom: 20px;}
.banner-text h3{ font-size: 20px; line-height: 30px; margin-bottom: 20px;}
.banner-text a{ font-size: 14px; line-height: 22px; height: 22px; padding: 13px 20px;}
.landing-contact-box ul, .qr-code {width: 100%; margin: 10px auto; display: block; text-align: center;}
.qr-code .qr-code-box img {max-width: 120px;}
}
@media screen and (max-width:900px){
.landing-header-c{ display: block; height: 40px; padding:0;}
.landing-header-c .free-detection-button {right: 60px;top: 9px;}
.landing-header-c .free-detection-button a {font-size: 12px;padding: 4px 10px;}
.landing-logo{width: 60%; height: 40px;}
.four-systems ul{display: block; padding: 20px;}
.four-systems ul li{display:inline-block; width: 100%; margin: 15px 0; padding: 0;}
.four-systems ul li .large-system{ padding: 20px;}
.landing-partner-box ul{ display: block;flex-direction: row;}
.landing-partner-box ul li{
	width: 32%;
	display: inline-block;
	margin: 10px 2% 10px 0;
	overflow: hidden;
}
.landing-partner-box ul li:nth-child(3n+3){
	margin: 10px 0 10px 0;
}
.landing-honor-box ul li {
    width: 32%;
    margin: auto;
    padding: 10px 0 20px 0;
}
.landing-honor-img { margin-bottom: 10px;}
.landing-advantage-box ul li, .landing-advantage-box ul li:nth-child(2){ width: 100%; }
.landing-advantage-point p {height: auto; text-align: center;}
.landing-join-box h2 {font-size: 18px;line-height: 22px;margin: 10px 0;}
.landing-join-box a {font-size: 14px;height: 40px;line-height: 40px;padding: 0 25px;margin: 10px;}
}
@media screen and (max-width:768px){
.landing-package-content {
    display: block;
    flex-direction: row;
}
.landing-package-box .service-package { width: 100%;border: 0; padding: 20px 0;}
.banner-content{ top: 15%; }	
.banner-text h2{ font-size: 22px; line-height: 30px; margin-bottom: 15px;}
.banner-text h3{ font-size: 15px; line-height: 22px; margin-bottom: 20px;}
.banner-text a{ font-size: 13px; line-height: 20px; height: auto; padding: 10px 16px;}
.check-website-box {
    padding: 150px 20px 50px 20px;
}
.check-website-icon { left: 15px; top: 10px;}
.check-website-icon i { font-size: 60px;}
.check-website-title h3 { font-size: 18px;margin: 0;}
.check-website-title .length {height: 6px;width: 90%; margin: 10px auto 0 auto;}
.check-website-title .length em {height: 6px;}
.check-website-fraction {
    right: 10px;
    margin: 15px 0;
    width: 54px;
    height: 54px;
    border-radius: 30px;
}
.check-website-fraction p {
    font-size: 20px;
    line-height: 54px;
}
.check-website-box ul li .check-website-item {
    padding: 10px 15px;
	display: flex;
}
.check-website-box ul li .check-website-item i {
    font-size: 40px;
    margin-left: 0;
}
.check-website-box ul li .check-website-item p {
    font-size: 15px;
    line-height: 24px;
}
}
@media screen and (max-width:480px){
.banner-content{ top: 10%; }	
.banner-text h2{ font-size: 18px; line-height: 22px; margin-bottom: 10px;}
.banner-text h3{ font-size: 14px; line-height: 18px; margin-bottom: 15px;}
.banner-text a{ font-size: 12px; line-height: 18px; height: auto; padding: 8px 15px;}
}