#main{width:100%;}
/*banner*/
.banner{ position:relative; top:0; left:0; overflow:hidden; width:100%;}
.banner img{ width:100%; }
.banner_text{ position:absolute; top:50%; left:50%; margin-top:-77px; margin-left:-600px; opacity:0;}
.banner_text h1{ font-size:42px; line-height:1; font-weight:bold; color:#fff;}
.banner_text p{font-size:18px; line-height:1; color:#989a9e; padding-top:16px;}
.banner_text .banner_btn{ width:128px; height:38px;text-align:center; margin-top:40px;}
.banner_text .banner_btn a{ display:block; width:100%; height:38px; line-height:38px; color:#fff; font-size:16px;border:#fff solid 1px;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear; }
.banner_text .banner_btn a:hover{ background-color:#ff3b30; border:#ff3b30 solid 1px;}
.banner img{
	-webkit-animation: 	appearbig 1800ms ease 0ms both;
	-moz-animation: 	appearbig 1800ms ease 0ms both;
	-ms-animation: 		appearbig 1800ms ease 0ms both;
	-o-animation: 		appearbig 1800ms ease 0ms both;
	animation: 			appearbig 1800ms ease 0ms both;
}
.banner_text{ opacity:1;
	-webkit-animation: 	appearTitleBT 1200ms ease 600ms both;
	-moz-animation: 	appearTitleBT 1200ms ease 600ms both;
	-ms-animation: 		appearTitleBT 1200ms ease 600ms both;
	-o-animation: 		appearTitleBT 1200ms ease 600ms both;
	animation: 			appearTitleBT 1200ms ease 600ms both;
}
/*sec0*/
.sec0{ padding-top:80px;}
.sec0 h1{ text-align:center; color:#333232; font-size:48px; line-height:1; font-weight:normal; padding-bottom:45px; }
.sec0 .sec_top{ padding-bottom:40px;}
.sec0_cont{ display:block; float:left; width:21.66%; margin-left:4.41%; position:relative;}
.sec0_cont.first{ margin-left:0;}
.sec_top .sec0_img img{ width:78px; position:absolute; left:50%; margin-left:-39px;}
.sec0_cont .sec0_top_icon2{ opacity:0;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
.sec0_cont:hover .sec0_top_icon2{ opacity:1;}
.sec0_cont .sec0_tet{ margin-top:39px; width:100%; text-align:center; border:#eee solid 1px;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
.sec0_cont:hover .sec0_tet{ background-color:#f8f8f8; border:#f8f8f8 solid 1px;}
.sec0_tet h2{ color:#222; font-size:24px; line-height:1; font-weight:bold; padding-top:70px;}
.sec0_tet p{ color:#222; font-size:16px; line-height:1; font-weight:lighter; padding-top:10px; padding-bottom:25px;}
.sec0_tet ul{ border-top:#eee dashed 1px; width:95%; margin:0 auto; padding-top:20px; padding-bottom:32px;}
.sec0_tet li{color:#222; font-size:16px; line-height:1.8; font-weight:lighter;}
.sec0 .sec_bottom{ width:100%; border:#eee solid 1px;}
.sec0 .sec_bottom li{ float:left; width:16%; margin-top:48px; margin-bottom:40px; background-image:url(../images/sec0_line.png); background-repeat:no-repeat; background-position:right center; text-align:center; }
.sec0 .sec_bottom li.last{ width:20%; background-image:none;}
.sec_bottom li .sec0_img{ position:relative;}
.sec_bottom li .sec0_img img{ position:absolute; top:0; left:50%; margin-left:-25px; width:50px;}
.sec_bottom li.last .sec0_img img{ width:59px; margin-left:-29.5px;}
.sec_bottom li a .sec0_bottom_icon2{ opacity:0;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
.sec_bottom li a:hover .sec0_bottom_icon2{ opacity:1;}
.sec_bottom li p{ padding-top:54px; color:#333; font-size:16px; line-height:1; font-weight:lighter;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
.sec_bottom li a:hover p{ color:#ff3b30;}
.sec0_bnt{ width:100%; height:70px; text-align:center; margin-top:30px;}
.sec0_bnt a{ display:block; width:100%; height:70px; line-height:70px; font-size:18px; text-align:center; color:#fff; font-weight:lighter; background-color:#ff3b30; border-radius:8px;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
.sec0_bnt a:hover{ background-color:#000;}
/*sec1*/
.sec1{ padding-top:120px; margin-bottom:80px; width:100%; overflow:hidden;}
.sec1 h1{ text-align:center; color:#333232; font-size:48px; line-height:1; font-weight:normal; padding-bottom:40px;}
.sec1 ul li{ position:relative; top:0; left:0; float:left; margin-bottom:1px; overflow:hidden; margin-right:1px;}
.sec1 ul li a{ display:block; width:100%; position:relative;}
.sec1 ul li.first,.sec1 ul li.second,.sec1 ul li.sixth,.sec1 ul li.ninth,.sec1 ul li.tenth,.sec1 ul li.eleventh{ width:19.94%;}
.sec1 ul li.fourth,.sec1 ul li.eighth{ width:19.89%; margin-right:0;}
.sec1 ul li.third{ width:40%;}
.sec1 ul li.fifth,.sec1 ul li.twelfth{ width:39.94%;}
.sec1 ul li.seventh{ width:20%;}
.sec1 ul li.twelfth{ height:297px; margin-right:0; background-color:#ff3b30; text-align:center;}
.sec1 ul li.twelfth a{ display:block; width:100%; height:100%; position:relative;}
.sec1 ul li.twelfth span{ width:72px; height:40px; line-height:40px; text-align:center; display:block; position:absolute; top:50%; left:50%; margin-top:-20px; margin-left:-36px; color:#fff; font-size:16px; font-weight:bold; border-top:#fff solid 1px; border-bottom:#fff solid 1px;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
.sec1 ul li.twelfth a:hover span{ color:#000;  border-top:#000 solid 1px; border-bottom:#000 solid 1px;}
.sec1 ul li img{ max-width:100%; display:block;}
.sec1_logo{ position:absolute; height:60px;top:50%;margin-top:-40px;width:100%; text-align:center; line-height:80px; z-index:4;}
.sec1 ul li .sec1_logo img{ display:inline-block; vertical-align:middle; max-width:90%;}
.sec1 ul li a .mask_bg{display:none;position:absolute; top:0; left:0; width:100%; height:100%; z-index:3;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
.sec1 ul li a .mask{position:absolute; top:0; left:0; width:100%; height:100%;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear; z-index:2; text-align:center;background-image:url(../images/subject_bg.png);background-repeat:repeat; opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.sec1 ul li .mask .mask_cont{ position:absolute; top:50%; left:5%; margin-top:-30px;  width:90%; text-align:center; line-height:60px;}
.sec1 ul li h3{ font-size:18px;font-weight:normal; line-height:1;color:#fff;}
.sec1 ul li h2{ font-size:16px;font-weight:normal; line-height:1;color:#fff;}
.sec1 ul li .cont_line{width:100%; height:1px; margin-top:16px; margin-bottom:24px; background:#4e4e4e;}
/*sec4*/
.sec4{ background:#f8f8f8; padding-top:110px;}
.sec4 h1{ text-align:center; color:#323232; font-size:36px; line-height:1; font-weight:normal;}
.sec4 .sec_cont{ padding-top:30px; padding-bottom:50px;}
.sec4 ul li{ float:left; width:20%; text-align:center; height:110px; line-height:110px; margin-top:40px;}
.sec4 ul li img{ max-width:100%; vertical-align:middle;}
/*底部悬浮*/
.float_bottom{ position:fixed; left:0; bottom:-150px; width:100%; height:80px; background-image:url(../images/bottom_bg.png); background-repeat:repeat;transition: 0.5s linear; -moz-transition:0.5s linear; -webkit-transition:0.5s linear; z-index:97;}
.float_bottom.fix{ bottom:0;}
.float_bottom.fix.fix1{ display:none;}
.float_bottom .inner{ position:relative; height:100%;}
.float_bottom .f-left{ padding-left:186px;}
.float_bottom .f-left h2{ color:#fff; font-size:22px; line-height:1; font-weight:bold; padding-top:22px;}
.float_bottom .f-left p{ color:#bbb; font-size:12px; line-height:1; font-weight:bold; padding-top:6px;}
.float_bottom a.float_bottom_close{ position:absolute; right:0; top:50%; margin-top:-7.5px; width:14px; height:15px;}
.float_bottom_img{ position:absolute; top:-34px; left:50%; margin-left:-90px; width:80px;}
.float_bottom .f-right{ margin-right:300px; width:282px; position:relative; top:19px;}
.float_bottom input{ width:185px; padding-left:10px; height:42px; background-image:url(../images/input_bg.png); background-repeat:repeat; background-color:transparent; color:#222; border-top-left-radius:8px; border-bottom-left-radius:8px;}
.float_bottom .submit{ position:absolute; right:0; top:0; display:block; width:87px; height:42px; line-height:42px; font-size:16px; color:#fff; text-align:center; background-image:url(../images/submit.png); background-repeat:no-repeat; background-size:cover; background-position:right center;border-top-right-radius:8px; border-bottom-right-radius:8px;}
.float_bottom input::-webkit-input-placeholder { color:#222;}
.float_bottom input:-moz-placeholder { color:#222;}
.float_bottom input::-moz-placeholder { color:#222;}
.float_bottom input:-ms-input-placeholder { color:#222;}
#message-cover .result p span.sp{ color:#c50000; margin:0;}
@media screen and (max-width:1440px){
	/*sec1*/
	.sec1 ul li h3{ font-size:16px;}
	.sec1 ul li h2{ font-size:14px;}
	.sec1 ul li .sec1_logo img{ max-width:80%;}
}
@media screen and (max-width:1287px){
	/*banner*/
	.banner_text{ width:90%; left:5%; margin-left:0;}
	/*sec1*/
	.sec1 ul li.first,.sec1 ul li.second,.sec1 ul li.sixth,.sec1 ul li.ninth,.sec1 ul li.tenth,.sec1 ul li.eleventh{ width:19.92%;}
	.sec1 ul li .sec1_logo img{ max-width:none;}
	.sec1 ul li.first .sec1_logo img{ width:150px;}
	.sec1 ul li.second .sec1_logo img{ width:100px;}
	.sec1 ul li.third .sec1_logo img{ width:115.9px;}
	.sec1 ul li.fourth .sec1_logo img{ width:125px;}
	.sec1 ul li.fifth .sec1_logo img{ width:117.27px;}
	.sec1 ul li.sixth .sec1_logo img{ width:109.09px;}
	.sec1 ul li.seventh .sec1_logo img{ width:157.27px;}
	.sec1 ul li.eighth .sec1_logo img{ width:200px;}
	.sec1 ul li.ninth .sec1_logo img{ width:118.18px;}
	.sec1 ul li.tenth .sec1_logo img{ width:145.45px;}
	.sec1 ul li.eleventh .sec1_logo img{ width:72.72px;}
	.sec1 ul li h3{ font-size:15px;}
	.sec1 ul li h2{ font-size:13px;}
	.sec1 ul li .cont_line{ margin-top:10px; margin-bottom:15px;}
	/*底部悬浮*/
	.float_bottom .f-left{ padding-left:15%;}
	.float_bottom .f-right{ margin-right:25%;}
}
@media screen and (max-width:1187px){
	/*sec1*/
	.sec1 ul li.first,.sec1 ul li.second,.sec1 ul li.sixth,.sec1 ul li.ninth,.sec1 ul li.tenth,.sec1 ul li.eleventh{ width:19.9%;}
	.sec1 ul li.first .sec1_logo img{ width:165px;}
	.sec1 ul li.second .sec1_logo img{ width:110px;}
	.sec1 ul li.third .sec1_logo img{ width:127.5px;}
	.sec1 ul li.fourth .sec1_logo img{ width:137.5px;}
	.sec1 ul li.fifth .sec1_logo img{ width:129px;}
	.sec1 ul li.sixth .sec1_logo img{ width:120px;}
	.sec1 ul li.seventh .sec1_logo img{ width:173.33px;}
	.sec1 ul li.eighth .sec1_logo img{ width:220px;}
	.sec1 ul li.ninth .sec1_logo img{ width:130px;}
	.sec1 ul li.tenth .sec1_logo img{ width:160px;}
	.sec1 ul li.eleventh .sec1_logo img{ width:80px;}
	/*底部悬浮*/
	.float_bottom .f-left{ padding-left:12%;}
	.float_bottom .f-right{ margin-right:25%;}
	.float_bottom_img{  margin-left:-100px;}
}
@media screen and (max-width:1100px){
	/*sec1*/
	.sec1 ul li.eighth{ width:19.86%;}
	/*底部悬浮*/
	.float_bottom .f-left{ padding-left:8%;}
	.float_bottom_img{  margin-left:-120px;}
}
@media screen and (max-width:1041px){
	/*banner*/
	.banner{ margin-top:60px;}
	.banner_text h1{ font-size:2.5rem; line-height:1.3; }
	.banner_text p{font-size:1.4rem; line-height:1.3; padding-top:8px;}
	.banner_text .banner_btn{ width:84px; height:25px;margin-top:20px;}
	.banner_text .banner_btn a{ height:25px; line-height:25px; font-size:1.3rem;}
	.banner_text .banner_btn a:hover{ background-color:transparent; border:#fff solid 1px;}
	.banner_text{ opacity:1;
		-webkit-animation: 	appearTitleBT1 1200ms ease 600ms both;
		-moz-animation: 	appearTitleBT1 1200ms ease 600ms both;
		-ms-animation: 		appearTitleBT1 1200ms ease 600ms both;
		-o-animation: 		appearTitleBT1 1200ms ease 600ms both;
		animation: 			appearTitleBT1 1200ms ease 600ms both;
	}
	/*sec0*/
	.sec0{ padding-top:40px;}
	.sec0 h1{font-size:2.8rem; padding-bottom:25px; }
	.sec0 .sec_top{ padding-bottom:5px;}
	.sec0_cont{ width:45%; margin-left:9.2%; margin-bottom:25px;}
	.sec0_cont.first,.sec0_cont.third{ margin-left:0;}
	.sec_top .sec0_img img{ width:46px;margin-left:-23px;}
	.sec0_cont:hover .sec0_top_icon2{ opacity:0;}
	.sec0_cont .sec0_tet{ margin-top:23px;}
	.sec0_cont:hover .sec0_tet{ background-color:#fff; border:#eee solid 1px;}
	.sec0_tet h2{ font-size:1.7rem;padding-top:35px;}
	.sec0_tet p{font-size:1.3rem;padding-top:10px; padding-bottom:14px;}
	.sec0_tet ul{ padding-top:10px; padding-bottom:15px;}
	.sec0_tet li{font-size:1.3rem; line-height:1.5;}
	.sec0 .sec_bottom li{ margin-top:24px; margin-bottom:20px;}
	.sec_bottom li .sec0_img img{ margin-left:-12.5px; width:25px;}
	.sec_bottom li.last .sec0_img img{ width:30px; margin-left:-15px;}
	.sec_bottom li a .sec0_bottom_icon2{ opacity:0;}
	.sec_bottom li a:hover .sec0_bottom_icon2{ opacity:0;}
	.sec_bottom li p{ padding-top:39px;font-size:1.3rem;}
	.sec_bottom li a:hover p{ color:#333;}
	.sec0_bnt{ height:50px; margin-top:25px;}
	.sec0_bnt a{ height:50px; line-height:50px; font-size:1.4rem;}
	.sec0_bnt a:hover{ background-color:#ff3b30;}
	/*sec1*/
	.sec1{ padding-top:65px; margin-bottom:0px;}
	.sec1 h1{font-size:2.8rem; padding-bottom:30px; }
	.sec1 ul li{ width:49.9%; margin-right:1px;}
	.sec1 ul li:nth-child(2n){ margin-right:0;}
	.sec1 ul li.twelfth{ width:49.9%;}
	.sec1 ul li img{ width:100%;}
	.sec1 ul li.twelfth span{ width:70px; height:30px; line-height:30px;margin-top:-15px; margin-left:-35px; font-size:1.3rem;}
	.sec1 ul li.twelfth a:hover span{ color:#fff;  border-top:#fff solid 1px; border-bottom:#fff solid 1px;}
	/*sec4*/
	.sec4{ padding-top:45px;}
	.sec4 .inner{ width:100%;}
	.sec4 h1{ font-size:1.9rem;}
	.sec4 .sec_cont{ padding-top:15px; padding-bottom:50px;}
	.sec4 ul li{ float:left; width:33.333%; text-align:center; height:50px; line-height:50px; margin-top:20px;}
	.sec4 ul li img{max-width:50%;}
	/*底部悬浮*/
	.float_bottom{ bottom:-150px; height:70px;}
	.float_bottom .inner{ width:330px;}
	.float_bottom .f-left{ padding-left:0;}
	.float_bottom .f-left img{ width:60px; margin-top:-16px;}
	.float_bottom .f-right h2{ font-size:1.5rem; padding-top:8.5px; color:#fff; line-height:1; padding-bottom:8px;}
	.float_bottom .f-right{ margin-right:0;width:245px; top:0;}
	.float_bottom input{ float:left; width:165px; padding-left:8px; height:30px; line-height:30px;border-top-left-radius:4px; border-bottom-left-radius:4px;}
	.float_bottom .submit{ float:left; position:static;  width:70px; height:30px; line-height:30px; font-size:1.3rem;border-top-right-radius:4px; border-bottom-right-radius:4px; }
	/*footer*/
	.footer{ padding-bottom:70px;}
	.floating{ bottom:90px; min-width:32px; height:120px;}
	.floating a.float-qq.mobile,.floating a.float-wxqr{ display:block;}
	
}
@media screen and (max-width:568px){
	/*banner*/
	.banner_text{ width:250px; margin-top:-77px;}
	/*sec0*/
	.sec0 .sec_bottom li{ width:33.2%; margin-top:23px; margin-bottom:5px;}
	.sec0 .sec_bottom li.last{ width:33.2%; background-image:none;margin-bottom:23px;}
	.sec0 .sec_bottom li:nth-child(3){background-image:none;}
}
@media screen and (max-width:483px){
	/*sec1*/
	.sec1 ul li{ width:49.6%;}
	.sec1 ul li.twelfth{ width:49.6%;}
	/*sec4*/
	.sec4 ul li img{max-width:80%;}
}
@-webkit-keyframes appearbig {	
	0%	{ -webkit-transform: scale(2,2);}
	100%{ -webkit-transform: scale(1,1);}
}@-moz-keyframes appearbig {
	0%	{ -moz-transform: scale(2,2);}
	100%{ -moz-transform: scale(1,1);}
}@-ms-keyframes appearbig {
	0%	{ -ms-transform: scale(2,2);}
	100%{ -ms-transform: scale(1,1);}
}@-o-keyframes appearbig {
	0%	{ -o-transform: scale(2,2);}
	100%{ -o-transform: scale(1,1);}
}@keyframes appearbig {
	0%	{ transform: scale(2,2);}
	100%{ transform: scale(1,1);}
}
@-webkit-keyframes appearTitleBT {
	0%	{   opacity: 0;-webkit-transform: translateY(100px);}
	100%{  opacity: 1;-webkit-transform: translateY(0px);}
}@-moz-keyframes appearTitleBT {
	0%	{  opacity: 0; -moz-transform: translateY(100px);}
	100%{  opacity: 1;-moz-transform: translateY(0px);}
}@-ms-keyframes appearTitleBT {
	0%	{   opacity: 0;-ms-transform: translateY(100px);}
	100%{  opacity: 1;-ms-transform: translateY(0px);}
}@-o-keyframes appearTitleBT {
	0%	{   opacity: 0;-o-transform: translateY(100px);}
	100%{  opacity: 1;-o-transform: translateY(0px);}
}@keyframes appearTitleBT {
	0%	{  opacity: 0; transform: translateY(100px);}
	100%{  opacity: 1;transform: translateY(0px);}
}
@-webkit-keyframes appearTitleBT1 {
	0%	{   opacity: 0;-webkit-transform: translateY(50px);}
	100%{  opacity: 1;-webkit-transform: translateY(0px);}
}@-moz-keyframes appearTitleBT1 {
	0%	{  opacity: 0; -moz-transform: translateY(50px);}
	100%{  opacity: 1;-moz-transform: translateY(0px);}
}@-ms-keyframes appearTitleBT1 {
	0%	{   opacity: 0;-ms-transform: translateY(50px);}
	100%{  opacity: 1;-ms-transform: translateY(0px);}
}@-o-keyframes appearTitleBT1 {
	0%	{   opacity: 0;-o-transform: translateY(50px);}
	100%{  opacity: 1;-o-transform: translateY(0px);}
}@keyframes appearTitleBT1 {
	0%	{  opacity: 0; transform: translateY(50px);}
	100%{  opacity: 1;transform: translateY(0px);}
}