@charset "gb2312";
html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
input[type="submit"], input[type="reset"], input[type="button"], input { -webkit-appearance: none; resize: none; }
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
.wrap img { max-width: 100%; height: auto; width: auto\9; -ms-interpolation-mode: bicubic; border: none; display: block; width: 100%; }
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; border: none; }
body, button, input, select, textarea { font: 12px/1.5 '΢ÈíÑźÚ', tahoma, Srial, helvetica, sans-serif;outline:none; }
body { min-width: 320px; overflow-x: hidden; }
em, i, b { font-style: normal; font-weight: normal; }

.clearfix:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
.clearfix { zoom: 1; }
a { text-decoration: none;}
a:hover { text-decoration: none; }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-family: Microsoft YaHei; font-weight: normal; }
* { margin: 0; padding: 0; text-shadow: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
.re { position: relative; }
.ab { position: absolute; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.translateXY {-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.translateY {-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.translateX {-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.radius{-moz-border-radius: 55px;-webkit-border-radius: 55px;border-radius: 55px;overflow: hidden;}
.radius1{-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
.kstBtn{display: block;font-size: 3.5rem;color: #fff;text-align: left; padding: 3% 0; background:-moz-linear-gradient(left,#ec044b 0,#fb5053 100%);background:-webkit-linear-gradient(left,#ec044b 0,#fb5053 100%);background:linear-gradient(to right,#ec044b 0,#fb5053 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec044b', endColorstr='#fb5053', GradientType=1);-moz-box-shadow: 0px 12px 21px 0px rgba(255, 16, 55, .25); -webkit-box-shadow: 0px 12px 21px 0px rgba(255, 16, 55, .25); box-shadow: 0px 12px 21px 0px rgba(255, 16, 55, .25); position: relative}
.hand{display: block;width: 26.15%; position: absolute;top:40%;right: 10%;left: auto;-webkit-animation:show .8s .2s linear both infinite;-moz-animation:show .8s .2s linear both infinite;animation:show .8s .2s linear both infinite;}
@keyframes show{
	0%{opacity:1}
	49%{opacity:1}
	50%{opacity:0}
	100%{opacity:0}
}
@-webkit-keyframes show{
	0%{opacity:1}
	49%{opacity:1}
	50%{opacity:0}
	100%{opacity:0}
}
@-moz-keyframes show{
	0%{opacity:1}
	49%{opacity:1}
	50%{opacity:0}
	100%{opacity:0}
}

.flex{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between; -webkit-box-align:center;align-items:center;}

.wrap{max-width:750px;width:100%;margin:0 auto;}
.wrap h2{font-size: 5rem;color: #333;text-align: center;}

.contact{overflow: hidden;background: #fddbd1;padding: 7% 0 4%;}
.focushd{width: 67%;margin-left: 2%;float: left;}
.focushd form{width: 100%;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;overflow: hidden;}
.focushd .callbF_text{width: 62.5%;background: #fff;padding: 3.6% 0 3.6% 2%;font-size: 2.7rem;color: #666;float: left;}
.focushd .callbF_sub{width: 37.5%;display: inline-block;float: right; background: #15b600;font-size: 2.8rem;color: #fff;padding: 3.4% 0 3.5% 11%;position: relative;}
.focushd .callbF_sub::before{display: block;position: absolute;content: '';width: 17.7%;height: 64%; background: url(../images/phone.png) no-repeat  center;background-size: 100%;left: 7%;top:19%;}
.contact .kstBtn{width: 27.2%; font-size: 2.8rem;padding:2.4% 0;float: right;margin-right: 2%;text-align: center;}

.banner{overflow: hidden;}

.box1{overflow: hidden;padding: 9% 0;}
.box1 h4{font-size: 2rem;color: #333;text-align: center;}
.box1 ul{width: 97.07%;margin: 5% auto 0;}
.box1 ul li{width: 24.45%;background: #f1f1f1; -moz-border-radius: 25px;-webkit-border-radius: 25px;border-radius: 25px;}
.box1 ul li h3{font-size: 2.5rem;color: #333;text-align: center;line-height: 1.2;margin-top: 13%;margin-bottom: 6%;}
.box1 ul li p{font-size: 2.2rem;color: #666;text-align: center;margin-bottom: 15%;line-height: 1.2;}
.box1 .kstBtn{width: 51.47%;margin: 8% auto 0;padding-left: 5%;position: relative;}
.box1 .kstBtn .hand{width: 8.55%;}

.box2{overflow: hidden;background: #fddbd1;padding-top: 9%;}
.box2 h3{font-size: 3rem;color: #333;text-align: center;line-height: 1;}
.box2 p{font-size: 2.5rem;color: #333;padding: 4% 3.3% 5%;}
.box2 p i{color: #f63450;font-weight: bold;}
.box2 .kstBtn{background: #fff;left: 50%; color: #ea495a; -moz-box-shadow: 0px 15px 16px 0px rgba(236, 4, 75, .15);-webkit-box-shadow: 0px 15px 16px 0px rgba(236, 4, 75, .15);box-shadow: 0px 15px 16px 0px rgba(236, 4, 75, .15);position: absolute;}
.box2 .ab1{top:48.5%;width: 56.93%;padding-left: 5%;}
.box2 .ab1 .hand{width: 7.73%;}
.box2 .ab2{bottom: 5%;width: 62%;padding-left: 7%;}
.box2 .ab2 .hand{width: 7.1%;right:7%;}


.box3{ overflow: hidden;background: #22303c;padding: 9% 0 5%;}
.box3 h2{color: #fff;line-height: 1;}
.box3 p{font-size: 2.5rem;color: #fff;padding: 4%}
.box3 span,.box4 span{display: block;width: 97.07%;margin: 2% auto 3%;-moz-box-shadow: 0px 24px 21px 0px rgba(16, 22, 35, .19);-webkit-box-shadow: 0px 24px 21px 0px rgba(16, 22, 35, .19);box-shadow: 0px 24px 21px 0px rgba(16, 22, 35, .19);-moz-border-radius: 25px;-webkit-border-radius: 25px;border-radius: 25px;overflow: hidden;}

.box4{overflow: hidden;background: #22303c;padding: 0 0 8%;}
.box4 h2{color: #fff;line-height: 1;margin-bottom: 8%;}
.box4 p{font-size: 2.5rem;color: #fff;padding: 0 3.33%}
.box4 .kstBtn{width: 70.8%;margin: 5% auto 0;padding-left:5%;-moz-box-shadow: 0px 15px 16px 0px rgba(31, 8, 24, .15);
 -webkit-box-shadow: 0px 15px 16px 0px rgba(31, 8, 24, .15); box-shadow: 0px 15px 16px 0px rgba(31, 8, 24, .15);}
.box4 .kstBtn .hand{width: 6.21%;right: 7%;}

.attention{overflow: hidden;}
.attention .txt{width: 100%;top:17%;padding: 0 6% 0 7%;}
.attention .txt h3{font-size: 3.4rem;color: #ec0443;line-height: 1.7;}
.attention .txt p{font-size: 2.6rem;color: #666;}

.box5{ overflow: hidden;}
.box5 .info{width: 100%;top:0;color: #fff;padding-top: 8%;}
.box5 .info h2{color: #fff;}
.box5 .info h3{font-size: 3rem;text-align: center;line-height: 1.2;}
.box5 .info .anli{width: 100%;margin-top: 5%;}
.box5 .info .anli .hd{width: 97.07%;margin: 0 auto;}
.box5 .info .anli .hd ul{width: 100%;}
.box5 .info .anli .hd ul li{width: 32.14%;background: #fff;text-align: center;padding: 2.5% 0;border: 6px solid #fff;position: relative}
.box5 .info .anli .hd ul li h4{font-size: 3rem;color: #333;}
.box5 .info .anli .hd ul li p{font-size: 2.2rem;color: #666;}
.box5 .info .anli .hd ul li.on{border: 6px solid #fb5053;}
.box5 .info .anli .hd ul li.on::after{display: block;position: absolute;width: 14.1%;height:20%; content: '';background: url(../images/anli_after.png) no-repeat;background-size: 100%;left: 45%;bottom: -20%;}
.box5 .info .anli .bd{width: 100%;margin-top: 3%;}


.box6{ overflow: hidden;}
.box6 .title{width: 100%;top:0;color: #fff;padding-top: 5%;}
.box6 .title h2{color: #fff;}
.box6 .title h3{font-size: 2.6rem;text-align: center;line-height: 1.2;}
.box6 .contain1{width: 97.07%;height:29%;overflow: hidden;background:#1b1b1b;padding: 0;left:50%;top:12%;border: 10px solid #000;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;-moz-box-shadow: 0px 23px 18px 0px rgba(25, 6, 0, .31);-webkit-box-shadow: 0px 23px 18px 0px rgba(25, 6, 0, .31);box-shadow: 0px 23px 18px 0px rgba(25, 6, 0, .31);}
.box6 .playBtn1{display: block; width:100%; height: 100%; background:url(../images/video.jpg) no-repeat center;top:0;left:0; z-index:2; background-size:100%;overflow: hidden;}
.box6 .info{width: 100%;top:43%;}
.box6 .info ul{width: 97.07%;margin: 0 auto;}
.box6 .info ul li{width: 15.38%;}
.box6 .info .ulList1{margin-top: 3%;}
.box6 .info .ulList1 li{width: 49.31%;margin-bottom: 1.5%;}
.box6 .info .att{font-size: 2.8rem;color: #fff;text-align: center;}
.box6 .info .kstBtn{width: 70.8%;background: #fff;color: #fd5053;margin: 5% auto 0;padding-left: 5%;}
.box6 .info .kstBtn .hand{width: 6.21%;right: 8%;}

.box7{ overflow: hidden;padding: 8% 0 5%;}
.box7 h3{font-size: 3rem;color: #333;text-align: center;line-height: 1;}
.box7 .expert{width: 100%;margin-top: 5%;}
.box7 .expert .bd{width: 100%;}
.box7 .expert .hd{width: 100%;text-align: center;font-size: 0;margin-top: 2%;}
.box7 .expert .hd ul{width: 100%}
.box7 .expert .hd ul li{display: inline-block;width: 17px;height: 17px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;background: #7d7d7d;margin-right: 2%;}
.box7 .expert .hd ul li.on{background: #ff7200;}

.box8{ overflow: hidden;background: #22303c;padding: 9% 0 8%;color: #fff;}
.box8 h2{color: #fff;line-height: 1.5;}
.box8 h3{font-size: 1.8rem;text-align: center;}
.box8 h4{font-size: 3rem;text-align: center;}
.box8 ul{width: 97.07%;margin: 5% auto 0;}
.box8 ul li{width: 48.9%;background: #fff;padding: 7.5% 1.8% 5%;margin-bottom: 1.8%;}
.box8 ul li h5{font-size: 3rem;color: #22303c;text-align: center;font-weight: bold;margin-bottom: 3%;}
.box8 ul li h5 i{display: inline-block;width: 12.36%;}
.box8 ul li h6{font-size: 2.2rem;color: #333;text-align: center;margin-top: 3%}
.box8 ul li p{font-size: 2rem;color: #666;text-align: center;}
.box8 span{display: block;width: 46.67%;margin: 6% auto 0;}
.box8 p{font-size: 2.8rem;color: #fff;text-align: center;margin-top:3%; }
.box8 .kstBtn{width: 64.93%;margin: 5% auto 0;padding-left: 6%;-moz-box-shadow: 0px 15px 16px 0px rgba(31, 8, 24, .15);
 -webkit-box-shadow: 0px 15px 16px 0px rgba(31, 8, 24, .15); box-shadow: 0px 15px 16px 0px rgba(31, 8, 24, .15);}
.box8 .kstBtn .hand{width: 6.78%;right: 7%}

.box9{ overflow: hidden;background: #fddbd1; padding-top:8%;}
.box9 h3{font-size: 3rem;color: #333;text-align: center;margin-bottom: 5%;}

.box10{ overflow: hidden;}
.box10 .kstBtn{width: 52.93%;top:55%;left: 50%;padding-left: 5%;position: absolute;}
.box10 .kstBtn .hand{width: 8.31%;right: 7%}

@media screen and (min-width:320px) and (max-width:374px) {
	html{font-size:26.25%!important;}/*0.42*/
	.radius1,.focushd form{-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
	.box1 ul li{-moz-border-radius: 10.5px;-webkit-border-radius:10.5px;border-radius: 10.5px;}
	.box7 .expert .hd ul li{width: 7px;height: 7px;}
	.box5 .info .anli .hd ul li{border: 2.5px solid #fff;}
	.box5 .info .anli .hd ul li.on{border: 2.5px solid #fb5053;}
}
@media screen and (min-width:375px) and (max-width:409px) {
	html{font-size:31%!important;}/*0.5*/
	.radius1,.focushd form{-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
	.box1 ul li{-moz-border-radius: 12.5px;-webkit-border-radius:12.5px;border-radius: 12.5px;}
	.box7 .expert .hd ul li{width: 8px;height: 8px;}
	.box5 .info .anli .hd ul li{border: 3px solid #fff;}
	.box5 .info .anli .hd ul li.on{border: 3px solid #fb5053;}
}
@media screen and (min-width:410px) and (max-width:479px) {
	html{font-size:33%!important;}/*0.54*/
	.radius1,.focushd form{-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
	.box1 ul li{-moz-border-radius: 12.5px;-webkit-border-radius:12.5px;border-radius: 12.5px;}
	.box7 .expert .hd ul li{width: 8px;height: 8px;}
	.box5 .info .anli .hd ul li{border: 3px solid #fff;}
	.box5 .info .anli .hd ul li.on{border: 3px solid #fb5053;}
}
@media screen and (min-width:480px) and (max-width:900px) {
	html{font-size:40%!important;}/*0.64*/
	.radius1,.focushd form{-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}
	.box1 ul li{-moz-border-radius: 16px;-webkit-border-radius:16px;border-radius: 16px;}
	.box7 .expert .hd ul li{width: 11px;height:11px;}
	.box5 .info .anli .hd ul li{border: 4px solid #fff;}
	.box5 .info .anli .hd ul li.on{border: 4px solid #fb5053;}
}