@charset "utf-8";
/*reset start*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
html{font-size:16px}
body{font-family:"微软雅黑",arial,sans-serif;  background-color:#fff;  margin:0 auto; }
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;font-style: normal;font-weight: normal;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{color:#fff;outline:0;}
body *{ -webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);}
.clearfix:after{content:".";display:block;overflow:hidden;height:0;clear:both;visibility:hidden;}
* html .clearfix{height:1%;}
input,textarea,select{outline: none; -webkit-appearance:none;}
.clearOver{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}



/*public*/
.left{float:left;}
.right{float:right;}
.relative{position:relative;left:0;top:0;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.opacity6{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* ie8  */filter:alpha(opacity=60);    /* ie5-7  */opacity:0.6;/* css standard, currently it works in most modern browsers  */}
.hide{display:none;}
.tc {text-align: center;}
.ib{ display: inline-block;}
.of_h{ overflow: hidden;}

.img_man{width:100%; display: block;}


.pt10 {	padding-top: 10px;}
.pt20 {	padding-top: 20px;}
.pt30 {	padding-top: 30px;}
.pt38 {	padding-top: 38px;}

.pb10 {	padding-bottom: 10px;}
.pb20 {	padding-bottom: 20px;}

.mt20 {	margin-top: 20px;}
.mt30 {	margin-top: 30px;}
.mt38 {	margin-top: 38px;}

.ml20 {	margin-left: 20px;}
.ml40{margin-left:40px;}


.top-box{width: 100%;}
.banner {height:480px;background: url('../images/banner.jpg') center top no-repeat;position:relative;}
.top-tit {font-size: 38px;color: #ff0c00;font-family: "FZDaHei-B02S";text-align: center;line-height: 100px;box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.5);}
.tit-h2{width: 100%; float: left; line-height: 55px; color: #33415E;font-size:30px;padding: 0 20px 0 20px;font-weight:bold;padding-bottom:10px;}
.tit-h3{width: 100%; float: left; line-height: 30px; color: #5C6C7E;font-size:16px;padding: 0 20px 0 20px;padding-bottom:10px;}
.titbox{padding:60px 0 40px 0}


.p4-box {padding: 0 2%;}
.A{height:556px;background:url(../images/part02-bg.jpg) no-repeat center top;width:100%;}
.B{height:624px;background:url(../images/about-bg.jpg) no-repeat center top;width:100%;}
.C{height:866px;background:url(../images/benefit-bg.jpg) no-repeat center top;width:100%;}
.D{height:666px;background:url(../images/question-content.jpg) no-repeat center top;width:100%;}
.E{height:1280px;background:url(../images/profession-bg.jpg) no-repeat center top;width:100%;}
.G{height:565px;background:url(../images/contact-bg.png) no-repeat center top;width:100%;margin-top:-85px;}

/* 漂浮 */
.float_pic {z-index:9999;position:relative;}
.float_pic .close {position:absolute;top:10px;right:10px; font-size:12px;background:#000;color:#FFF;padding:1px 3px;}
.A .AC{width:290px;height:322px;margin:20px 40px; display:inline-block;float:left;position:relative;}
.A .AC em{font-size:100px;opacity:0.1;color:#ffffff;font-weight:bold;position:absolute;width:100%;top:20px;left:0;letter-spacing: 0;}
.A .AC h2{width:100%;font-size:30px;color:#ffffff;text-align:center;padding:70px 0 0px 0;font-weight:bold;font-family:Microsoft YaHei;}
.A .AC p{opacity: 0.8;font-family:Microsoft YaHei;font-size: 14px;color: #FFFFFF;letter-spacing: 0;text-align: justify;line-height: 24px;padding:10px 40px;}

.A .A01{background:url(../images/Importance-Polygon-01.png) no-repeat center center;background-size:100%;}
.A .A02{background:url(../images/Importance-Polygon-02.png) no-repeat center center;background-size:100%;}
.A .A03{background:url(../images/Importance-Polygon-03.png) no-repeat center center;background-size:100%;}

.B h2{text-align:left;padding-left:0;}
.B .BC{width:48%;font-family: Microsoft YaHei;font-size: 16px;color: #5C6C7E;letter-spacing: 0;line-height: 30px;float:left;}
.B h4{font-family:Microsoft YaHei;font-size:18px;color:#294EA8;letter-spacing:0;}
.B h3{font-family:Microsoft YaHei;font-size:24px;color:#294EA8;letter-spacing:0;}
.B .BC p,.B .BC h3,.B .BC h4{margin-bottom:25px;}
.B .BC h4{margin-bottom:10px;}
.B .BC h3{margin-bottom:0;}
.about-img{float:right;}


.C .CC{width:1188px;margin:0px auto; height:613px;font-family: Microsoft YaHei;font-size:16px;color: #5C6C7E;background:url(../images/benefit-content-bg.png) no-repeat center center;background-size:100%;position:relative;}
.C .CC>div{width:322px;position:absolute;}
.C .CC h2{font-family: Microsoft YaHei;font-size: 24px;color: #33415E;letter-spacing: 0;font-weight:bold;}
.C .CC p{font-family: Microsoft YaHei;font-size: 14px;color: #5C6C7E;letter-spacing: 0;line-height: 24px;}
.C .CC>div.C01{left: 35px;top: 30px;}
.C .CC>div.C02{left: 60px;top: 185px;}
.C .CC>div.C03{left: 60px;top: 340px;}
.C .CC>div.C04{left: 35px;top: 495px;}
.C .CC>div.C05{left: 840px;top: 30px;}
.C .CC>div.C06{left: 800px;top: 185px;}
.C .CC>div.C07{left: 800px;top: 340px;}
.C .CC>div.C08{left: 840px;top: 495px;}

.xs-visible{display:none!important;}


.Es .EC{width:155px;height:200px;margin:20px 62px;display:inline-block;float:left;position:relative;}
.Es .EC h2{font-family:Microsoft YaHei;font-size: 20px;color: #33485E;letter-spacing: 0;font-weight:bold;}


.Fs .FC{width:340px;height:414.3px;margin:20px 17px; display:inline-block;float:left;position:relative;}
.Fs .FC h2{width:100%;font-size:32px;color:#ffffff;text-align:center;padding:60px 0 10px 0;font-weight:bold;font-family:Microsoft YaHei;}
.Fs .FC ul{margin:0px;text-align:left;margin:0px 30px 0px 80px;}
.Fs .FC ul li{opacity: 0.9;font-family:Microsoft YaHei;font-size:18px;color: #FFFFFF;letter-spacing: 0;line-height: 32px;padding-left:15px;background:url(../images/Set-List.png) no-repeat left center;}
.Fs .FC p{text-align:center;margin-top:10px;}
.Fs .FC p a{background:#F7DC27;box-shadow: 0 5px 10px -4px rgba(0,0,0,0.25);display:inline-block;line-height:40px; border-radius: 100px;width:140px;height:40px;font-family: Microsoft YaHei;font-size: 16px;color: #EB4128;letter-spacing: 0;text-align: center;text-decoration:none;}

.Fs .F01{background:url(../images/Importance-Polygon-01.png) no-repeat center center;background-size:100%;}
.Fs .F02{background:url(../images/Importance-Polygon-02.png) no-repeat center center;background-size:100%;}
.Fs .F03{background:url(../images/Importance-Polygon-03.png) no-repeat center center;background-size:100%;}


.G h2{text-align:left;padding-left:0;border-bottom:1px solid #E5E9EE;padding-bottom:40px;}
.G .GC{width:40%;font-family: Microsoft YaHei;font-size: 16px;color: #5C6C7E;letter-spacing: 0;line-height: 30px;float:left;margin-top:60px;}
.G .GC p,.G .GC h3,.G .GC h4{margin-bottom:5px;}
.map-img{float:left;margin:50px 100px 0 110px}
.G p span{color: #294EA8;font-weight:bold;}
.G p span.pl{padding-left:95px;}

.H{color: #5C6C7E;padding-bottom:40px;}
.H .titbox{padding:20px 0 10px 0;}
.H .pb10{padding:0px 2% 10px 2%;}
.H .pb10 span{font-size:12px;position:relative;top:-2px;padding:0px 20px;}
.H .pb10 a{text-decoration:none;color:#5C6C7E}

.footer{height:80px;padding:20px 0;text-align:center;line-height:40px;color:#ffffff;font-size:14px;background: #2E323B;}


@media (min-width:1200px){/* PC  */
	.cotent_center{width:100%; margin: 0 auto;}
	.cotent_center .p4-box{width:1200px; margin: 0 auto;}
}

@media (min-width:960px) and (max-width:1199px){/* pad & pc 1200 横  */
	.cotent_center{width:100%; margin: 0 auto;}
	.cotent_center .p4-box{width:1024px; margin: 0 auto;}
	.top-box{width: 100%;}
	.top-tit {font-size: 36px;line-height: 90px;}
	.tit-h2 {font-size:50px;}
	.banner{height:380px;background-size:cover!important}
	.A .AC{margin:20px 18px;}
	.B .BC{width:42%;}
	.C .CC{width:1000px;height:516px;background-size:100%!important}
	.C .CC>div{width:290px;}
	.C .CC p{font-size:13px;}

	.C .CC>div.C01{left: 25px;top: 20px;}
	.C .CC>div.C02{left: 40px;top: 150px;width:300px;}
	.C .CC>div.C03{left: 40px;top: 285px;width:300px;}
	.C .CC>div.C04{left: 25px;top: 410px;}
	.C .CC>div.C05{left: 690px;top: 20px;}
	.C .CC>div.C06{left: 650px;top: 150px;}
	.C .CC>div.C07{left: 650px;top: 285px;}
	.C .CC>div.C08{left: 690px;top: 410px;}

	.D{height:530px;background-size:cover!important}
	.G{height:495px;}
	.Es .EC{margin:20px 45px;}
	.Fs .FC{margin:20px -7px;}



}

@media (min-width:768px) and (max-width:959px){/* pad 竖 */

	.cotent_center{width:768px; margin: 0 auto;}
	.cotent_center .p4-box{width:768px; margin: 0 auto;}
	.top-box{width: 100%;}
	.top-tit {font-size: 30px;line-height: 80px;}

	.tit-h2 {font-size:40px;}

	.banner{height:380px;background-size:cover!important}
	.A .AC{margin: 20px -3px;width: 250px;height: 278px;}
	.A .AC h2{padding:55px 0 0 0;font-size:30px;}
	.A .AC p{padding: 10px 30px;}

	.B .BC{width:100%;}
	.B h2{text-align:center;}
	.B {height: 900px;background-size: 160% auto!important;width: 100%;}
	.about-img{width:80%;margin-top:20px;margin-left:10%;float:left;}
	.C .CC{width:750px;height:387px;background-size:100%!important;background:none}
	.C .CC>div{width:45%}
	.C .CC p{font-size:13px;}

	.C{height:720px;background-size:cover!important}
	.C .CC>div.C01{left:20px;top:5px;}
	.C .CC>div.C02{left:20px;top:106px;}
	.C .CC>div.C03{left:20px;top:205px;}
	.C .CC>div.C04{left:20px;top:300px;}
	.C .CC>div.C05{left:380px;top:5px;}
	.C .CC>div.C06{left:380px;top:106px;}
	.C .CC>div.C07{left:380px;top:205px;}
	.C .CC>div.C08{left:380px;top:300px;}

	.D{height:420px;background-size:cover!important}
	.G{height:495px;}
	.E {height: 1150px;}
	.Es .EC{margin:20px 14px;}
	.Fs .FC{margin:20px -7px;width: 250px;height: 299px;}
	.Fs .FC h2{font-size:30px;padding-top:50px;}
	.Fs .FC ul{margin:0px;text-align:left;margin: 0px 10px 0px 40px;}
	.Fs .FC ul li:nth-child(5){color:RED;display:none;}
	.Fs .FC p{margin-top:80px;}

	.map-img {float: left;margin: 50px 20px 0 0px;}
	.G .GC {width:49%;}



}

@media (max-width:767px){ /* phone  */
	.pt20 {padding-top: 10px;}

	.cotent_center{width:100%; margin: 0 auto;}
	.cotent_center .p4-box{width:100%; margin: 0 auto;}
	.tit-h2 { width:100%; height:auto; line-height: 38px;color: #33415E;}
	.top-box{	width: 100%;}
	.top-tit {font-size: 20px;line-height: 30px; padding: 20px 10px 20px;}

	.titbox{padding:30px 0 20px 0}

	.banner{height:auto; background: url(../images/banner_mob.jpg) center top no-repeat;background-size:cover!important;}
	.banner img{width:100%;}
	.A{height:auto;background-size:cover!important}
	.A .p4-box .pt10.pb10{width: 250px;margin:0px auto;}
	.A .AC{margin: 0px 0px;width: 250px;height: 278px;}
	.A .AC h2{padding:55px 0 0 0;font-size:20px;}
	.A .AC p{padding: 10px 30px;font-size:14px;}

	.B .BC{width:100%;}
	.B h2{text-align:center;}
	.B .BC p, .B .BC h3, .B .BC h4{font-size:14px;line-height:26px;}
	.B .BC h3{font-size:16px;font-weight:bold;}
	.B {height: auto;background-size: 160% auto!important;width: 100%;padding-bottom:30px;}
	.about-img{width:80%;margin-top:20px;margin-left:10%;float:left;}
	.C .CC{width:100%;height:auto;background-size:100%!important;background:none}
	.C .CC>div{width:45%}
	.C .CC p{font-size:13px;}

	.C{height:auto;background-size:cover!important;padding-bottom:30px;}
	.C .CC h2{font-size:16px;}
	.C .CC>div{width:90%;position:static;margin:0px 5%;margin-bottom:20px;}
	.C .CC>div.C01{left:20px;top:5px;}
	.C .CC>div.C02{left:20px;top:106px;}
	.C .CC>div.C03{left:20px;top:205px;}
	.C .CC>div.C04{left:20px;top:300px;}
	.C .CC>div.C05{left:380px;top:5px;}
	.C .CC>div.C06{left:380px;top:106px;}
	.C .CC>div.C07{left:380px;top:205px;}
	.C .CC>div.C08{left:380px;top:300px;}

	.D{height:240px;background:url(../images/question-content_mob.jpg) no-repeat center top;background-size:cover!important}
	.G{height:auto;margin-top:0px;background-position: center bottom;padding:0px 10px 100px 10px;}
	.E {height: auto;}
	.Es .EC{margin: 0px 4%;width: 42%;}
	.Es .EC h2{font-size:14px;}
	.Fs.p4-box .pt10.pb10{width: 250px;margin:0px auto;}
	.Fs .FC{margin:0px 0px;width: 250px;height:320px;background-position: center top;margin-bottom:40px;}
	.Fs .FC h2{font-size:20px;padding-top:40px;}
	.Fs .FC ul{margin:0px;text-align:left;margin: 0px 10px 0px 60px;font-size:14px;}
	.Fs .FC ul li{font-size:14px;line-height:28px;}
	.Fs .FC p{margin-top:50px;}

	.map-img {float: left;margin: 0px 0px 20px 0px;width: 100%;}
	.G .GC {width:100%;font-size:14px;margin-top:0px;}
	.G p span.pl{padding-left:84px;}
	.G h2{padding-bottom:10px;}
	.G .titbox{padding:0 0 20px 0}

	.xs-hidden{display:none!important;}
	.xs-visible{display:block!important;}

	.H .pb10{padding:0px 10px 10px 10px;font-size:12px;line-height:26px;}
	.H .tit-h2{padding:0px 10px}

	.footer p span{display:none;}
	.H .pb10 span{padding:0px 5px;color:#ffffff}



}

@media only screen and (min-device-width: 320px)and (-webkit-min-device-pixel-ratio: 2) {
	.D{height:190px;background:url(../images/question-content_mob.jpg) no-repeat center top;background-size:cover!important}
}



.bg_green {	background: #00ab6d;}
.bg_red {background: #fc635f;}
.bg_blue {background: #0072ff;}
.bg_orange {background: #ff4e00;}
.font_green {color: #00ab6d;}
.font_red {color: #fc635f;}
.font_blue {color: #0072ff;}
.font_orange {color: #ff4e00;}