#main{width:100%;}
/*banner*/
.mobile_banner{ display:none;}
.banner{ position:relative; padding-top:100px; overflow:hidden;}
.banner img{ width:100%; display:block;}
.flex-viewport{ width:100%;}
.flex-control-nav {width:1180px; left:50%; margin-left:-590px; position: absolute; bottom:0; z-index:9; height:42px;text-align:center; background:#00a551; border-radius:50px; border-bottom-left-radius:0;border-bottom-right-radius:0;}
.flex-control-nav li { display: inline-block; zoom: 1; *display: inline; padding:15px 6px;}
.flex-control-nav li a{ width:6px; height:6px; border-radius:50px;display:inline-block; border:#99dbb9 solid 3px; background:#99dbb9;cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a.flex-active{ width:6px; height:6px;border:#fff solid 3px; background:#00a551;}
.banner li img,.swiper-slide img{webkit-transition: all 20s linear;-moz-transition: all 20s linear;-o-transition: all 20s linear;-ms-transition: all 20s linear;transition: all 20s linear;}
.banner li.flex-active-slide img,.swiper-slide.swiper-slide-active img{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
/*sec1*/
.sec1{ padding-top:80px; padding-bottom:50px;  background-color:#f3f3f3;}
.sec1_tet{ float:left; padding-left:18%; padding-top:86px;}
.tab-box h1{font-size:32px; line-height:1; color:#00a551; padding-bottom:40px;}
.tab-box p{color:#666; font-size:16px; line-height:2; width:362px;}
.sec1_btn{ width:150px; height:50px; padding-top:40px;}
.sec1_btn a{ display:block; width:140px; height:50px; line-height:50px; color:#333; font-size:16px; border:#dadada solid 1px; border-radius:25px; text-align:center; padding-right:10px; background-image:url(../images/icon.png); background-repeat:no-repeat; background-position:80% center;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
.sec1_btn a:hover{ color:#00a551;}
.prev{ float:left; cursor:pointer;}
.prev_btn1{ width:16px; text-align:center; height:82px; line-height:82px; cursor:pointer; float:left; background-image:url(../images/prev.png); background-repeat:no-repeat; background-position:left center;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
.next_btn1{  width:16px; text-align:center; height:82px; line-height:82px;cursor:pointer;float:right; margin-top:-82px;background-image:url(../images/next.png); background-repeat:no-repeat; background-position:right center;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
.prev_btn1.active{background-image:url(../images/prev1.png);}
.next_btn1.active{background-image:url(../images/next1.png);}
.sec1_bg{ position:absolute; left:40px; top:0;}
.sec1_img{ z-index:2; position:relative;}
.sec1_tet1{ position:absolute; right:0; top:120px; background-image:url(../images/sec1_bg.png); background-repeat:no-repeat; width:960px; height:280px; z-index:1; text-align:center;}
.sec1_tet1 .sec1_li{ float:right; width:150px; margin-right:60px; margin-top:57px; position:relative; z-index:999;}
.sec1_tet1 .sec1_li img{ border-radius:50px;}
.circleChart{ position:absolute !important; top:0; left:25px; display:none;}
.circleChart.actived{ display:block;}
.sec1_tet1 .sec1_li.last{ margin-right:70px;}
.sec1_tet1 .sec1_li p{width:100%; font-size:14px; line-height:2; color:#fff; padding-top:10px; }
.tab-title{ width:1200px; margin:0 auto;}
.tab-title li{ width:168px; height:120px; text-align:center; position:relative; float:left;}
.tab-title li .img_color2{ opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.tab-title li .img_color1,.tab-title li .img_color3{ opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.tab-title li.actived .img_color2{ opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.tab-title li.actived .img_color1{ opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.tab-title li:hover .img_color2{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.tab-title li:hover .img_color3{ opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.tab-title li.actived:hover .img_color3{ opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.tab-title li img{ position:absolute; width:93px; height:61px; left:50%; margin-left:-46.5px;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
.tab-title li p{ padding-top:70px;font-size:12px; line-height:1; color:#999;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
.tab-title li.actived p,.tab-title li:hover p{ color:#00a551;}
.tab-box{ display:none; width:100%; position:relative;}
.tab-box.tab6{ display:block;}
.tab-title1 li.actived a{color:#00a551;}
/*sec2*/
.sec2 li{ float:left; width:100%; position:relative; color:#fff; overflow:hidden}
.sec2 li .sec2_tet{ position:absolute;width:1180px; left:50%; margin-left:-590px; top:186px; opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); z-index:2;}
.sec2 li.last .sec2_tet{ top:140px;}
.sec2 li.actived .sec2_tet{ opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-webkit-animation: 	appear1  1000ms ease 200ms both;
	-moz-animation: 	appear1  1000ms ease 200ms both;
	-ms-animation: 		appear1  1000ms ease 200ms both;
	-o-animation: 		appear1  1000ms ease 200ms both;
	animation: 			appear1  1000ms ease 200ms both;
}
.sec2 img.sec2_img{ display:block; width:100%; z-index:1; position:relative;}
.sec2 img.sec2_img.mobile1{ display:none;}
.sec2 li.sec2_right .sec2_tet{ text-align:right;}
.sec2 li .sec2_tet h2{ font-family:MyriadPro Semibold,'MyriadPro', Arial, sans-serif; text-transform:uppercase; color:#fff; font-size:100px; line-height:1; padding-bottom:15px;opacity:0.4;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);}
.sec2 li .sec2_tet h3{  font-size:24px; line-height:1; font-weight:bold;}
.sec2 li .sec2_tet p{ color:#fff; font-size:16px; line-height:30px; padding-top:22px; padding-bottom:22px;}
.sec2 li.sec2_right .sec2_tet p{text-align:right;}
.sec2 .sec2_tet .sec2_btn a{color:#fff; font-size:16px; padding-bottom:6px;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
.sec2 .sec2_tet .sec2_btn a span{ border-bottom:#fff solid 1px; margin-right:10px; display:inline-block; width:auto;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
.sec2 .sec2_tet .sec2_btn a:hover{ color:#00a551;}
.sec2 .sec2_tet .sec2_btn a:hover span{ border-bottom:#00a551 solid 1px;}
.index_sec2_btn{ line-height:36px; vertical-align:middle;
	-webkit-animation: 	appearTitleRT 1s infinite ease-in-out;
	-moz-animation: 	appearTitleRT 1s infinite ease-in-out;
	-ms-animation: 		appearTitleRT 1s infinite ease-in-out;
	-o-animation: 		appearTitleRT 1s infinite ease-in-out;
	animation: 			appearTitleRT 1s infinite ease-in-out;
}
/*sec3*/
.sec3{ padding-top:85px; padding-bottom:100px;}
.sec_tit{ text-align:center;}
.sec_tit h1{color:#222; font-size:30px; line-height:1; font-weight:bold; padding-bottom:20px;}
.sec_tit h2{font-family:MyriadPro Semibold,'MyriadPro', Arial, sans-serif;color:#00a551; font-size:24px; line-height:1; padding-bottom:60px;}
.sec3 ul{width:1180px; margin:0 auto;}
.sec3 li{ float:left; width:25%; text-align:center; background-repeat:no-repeat; background-position:center; background-size:auto 42px;}
.sec3 li.li1{ background-image:url(../images/sec3_icon1.png);}
.sec3 li.li2{ background-image:url(../images/sec3_icon2.png);}
.sec3 li.li3{ background-image:url(../images/sec3_icon3.png);}
.sec3 li.li4{ background-image:url(../images/sec3_icon4.png);}
.sec3 h3,.sec3 span{ font-family:Century Gothic Regular, Arial, sans-serif;display:inline-block; font-size:72px; line-height:72px; height:72px;color:#00a551;}
.sec3 sup{font-size:36px; line-height:36px;color:#00a551; top:-1em;}
.sec3 li p{ color:#222; font-size:18px; line-height:1; padding-top:22px;}
@media screen and (max-width:1900px){
	/*sec1*/
	.sec1_tet{ padding-left:15%;}
	.sec1_tet1{ top:120px; background-size:auto 100%;}	
	.sec1_tet1 .sec1_li{margin-right:60px;}
	.sec1_tet1 .sec1_li.last{ margin-right:80px;}
}	
@media screen and (max-width:1780px){
	/*sec1*/
	.sec1_tet1{ width:800px;}	
	.sec1_tet1 .sec1_li{margin-right:40px;}
	.sec1_tet1 .sec1_li.last{ margin-right:60px;}
	.sec1_img{ margin-left:-70px;}
}	
@media screen and (max-width:1678px){
	/*sec1*/
	.sec1_tet1 .sec1_li{margin-right:20px;}
	.sec1_tet1 .sec1_li.last{ margin-right:30px;}
	/*sec2*/
	.sec2 li .sec2_tet{ top:140px;}
	.sec2 li.last .sec2_tet{ top:100px;}
}	
@media screen and (max-width:1560px){
	/*sec1*/
	.sec1_tet1 .sec1_li{margin-right:10px;}
	.sec1_tet1 .sec1_li.last{ margin-right:30px;}
}	
@media screen and (max-width:1550px){
	/*sec1*/
	.sec1_bg{ width:100px; top:100px;}
	.sec1_tet{padding-left:180px;}
	.min_pic{width:98%; margin:0 auto;}
	.sec1_img{ margin-left:-60px;}
	.sec1_tet1{ width:780px;}	
	.sec1_tet1 .sec1_li{margin-right:0px;}
	.sec1_tet1 .sec1_li.last{ margin-right:20px;}
}	
@media screen and (max-width:1440px){
	/*sec1*/
	.sec1_tet1{ width:700px;}	
	.tab-title{ width:840px;}
	.tab-title li{ width:120px;}
	.sec1_bg{ left:10px;}
	.sec1_tet{ width:360px; padding-left:140px;}
	.sec1_img{ width:480px; margin-left:-30px; padding-top:30px;}
	/*sec2*/
	.sec2 li .sec2_tet{ top:100px;}
	.sec2 li.last .sec2_tet{ top:60px;}
}
@media screen and (max-width:1340px){
	/*sec1*/
	.tab-box p{ width:280px;}
	.sec1_bg{ display:none; left:-200px;}
	.sec1_img{ margin-left:-50px;}
	.sec1_tet{padding-left:80px; padding-top:80px;}
	.sec1_tet1 .sec1_li.last{ margin-right:40px;}
	.sec1_tet1{width:700px;}
	.sec1_tet1 .sec1_li{width:110px; margin-right:40px;}
	.circleChart{ left:5px;}
	/*sec2*/
	.sec2 li .sec2_tet{top:48px;}
	.sec2 li.last .sec2_tet{ top:48px;}
	.sec2 li .sec2_tet h2{ font-size:60px;}
}	
@media screen and (max-width:1270px){
	/*sec1*/
	.sec1_img{ margin-left:-100px;}
}
@media screen and (max-width:1220px){
	/*banner*/
	.flex-control-nav {width:80%; left:10%; margin-left:0;}
	/*sec1*/
	.min_pic{width:100%;}
	.sec1_tet1{width:600px;}
	.sec1_tet1 .sec1_li.last{ margin-right:20px;}
	.sec1_tet1 .sec1_li{margin-right:20px;}
	.sec1_img{ margin-left:-80px;}
	/*sec2*/
	.sec2 li .sec2_tet{ width:80%; left:10%; margin-left:0;}
	/*sec3*/
	.sec3 ul{width:80%;}
	.sec3 li{ background-size:auto 30px;}
}
@media screen and (max-width:1158px){
	/*sec1*/
	.sec1_img{ margin-left:-120px;}
}
@media screen and (max-width:1100px){
	/*sec1*/
	.sec1_img{ width:380px; margin-left:-120px; padding-top:80px;}
	.sec1_tet1{ width:550px;}
}
/*ipad横*/
@media screen and (max-width:1024px){
	/*banner*/
	.banner{  padding-top:50px;}
	/*sec1*/
	.sec1{ padding-top:50px; text-align:center;}	
	.sec1_tet{ padding-left:5%; width:90%; padding-right:5%; padding-top:0px; text-align:center; padding-bottom:36px;}
	.tab-box p{ width:100%;}
	.sec1_img{ width:40%; margin-left:0px; padding-top:40px;}
	.sec1_btn{margin:0 auto; padding-top:15px;}	
	.sec1_tet1{ display:none;}	
	.sec1_btn a:hover{ color:#333;}
	.tab-title li:hover .img_color3{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
	.tab-title li:hover .img_color2{ opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
	.tab-title li.actived:hover .img_color2{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
	.tab-title li:hover p{ color:#999;}
	.tab-title li.actived:hover p{ color:#00a551;}
	/*sec2*/
	.sec2 .sec2_tet .sec2_btn a:hover{ color:#fff;}
	.sec2 .sec2_tet .sec2_btn a:hover span{ border-bottom:#fff solid 1px;}	
}
@media screen and (max-width:1023px){
	/*sec1*/
	.tab-title{ width:700px;}
	.tab-title li{ width:100px;}
	/*sec2*/
	.sec2 img.sec2_img.pc1{ display:none;}
	.sec2 img.sec2_img.mobile1{ display:block;}
}
/*ipad竖*/
@media screen and (max-width:768px){
	/*banner*/
	.mobile_banner{ display:block;}
	.pc_banner{ display:none;}
	.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{height:30px; width:80%; bottom:0; left:10%; background:#00a551;border-radius:50px; border-bottom-left-radius:0;border-bottom-right-radius:0;}
	.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin-top:10px; }
	.swiper-pagination-bullet{border:#99dbb9 solid 2px; background:#99dbb9; }
	.swiper-pagination-bullet-active{border:#fff solid 2px; background:#00a551}
	/*sec1*/
	.tab-box h1{ font-size:2.1rem;padding-bottom:20px;}
	.tab-box p{ font-size:1.3rem;}
	.sec1_btn{ width:100px; height:36px; padding-top:20px;}
	.sec1_btn a{ width:100px; height:36px; line-height:36px;font-size:1.3rem;padding-right:10px; background-position:85% center;}
	.min_pic{ position:relative; width:90%;}
	.tab_tit_mobile{ width:300px; margin:0 auto;  position:relative;overflow:hidden; /*overflow-x:auto;*/ height:100px;}
	.tab-title{width:840px;margin-left:0; left:0px; bottom:auto; top:0; position:relative;}
	.tab-title li{  width:100px; height:100px;}
	.tab-title li p{font-size:1.1rem;}
	.prev_btn1{ display:block; background-image:url(../images/prev.png); background-repeat:no-repeat; width:14px; height:28px; position:absolute; left:0; bottom:36px;}
	.next_btn1{ display:block; background-image:url(../images/next.png); background-repeat:no-repeat; width:14px; height:28px; position:absolute; right:0; bottom:36px;}
	.sec1_img{ padding-top:20px;}
	/*sec2*/
	.sec2 li .sec2_tet h2{font-size:4.1rem;padding-bottom:5px;}
	.sec2 li .sec2_tet h3{font-size:2.2rem;}
	.sec2 li .sec2_tet p{font-size:1.1rem; line-height:1.9rem; padding-top:12px; padding-bottom:22px;}
	.sec2 .sec2_tet .sec2_btn a{font-size:1.3rem; padding-bottom:6px;}
	.sec2 .sec2_tet .sec2_btn a span{ margin-right:5px;}
	.index_sec2_btn{ line-height:1.9rem; width:14px;}
	/*sec3*/
	.sec3{ padding-top:46px; padding-bottom:0px;}
	.sec_tit h1{font-size:2rem;padding-bottom:12px;}
	.sec_tit h2{font-size:1.7rem;padding-bottom:60px;}
	.sec3 li{ width:50%; margin-bottom:66px;background-size:auto 22px;}
	.sec3 h3,.sec3 span{ font-size:4.2rem; line-height:1; height:auto;}
	.sec3 sup{font-size:2.3rem; line-height:2.3rem;}
	.sec3 li p{font-size:1.4rem; padding-top:6px;}
}
@media screen and (max-width:736px){
	/*banner*/
	.flex-control-nav {width:90%; left:5%;}
	/*sec2*/
	.sec2 li .sec2_tet{width:90%; left:5%;}
	/*sec3*/
	.sec3 ul{width:90%;}
}
@media screen and (max-width:568px){
	/*sec1*/
	.sec1_img{ width:60%; }
}
@media screen and (max-width:375px){
	/*sec1*/
	.min_pic{ width:320px;}
}
@media screen and (max-width:320px){
	/*sec1*/
	.min_pic{ width:300px;}
	.tab_tit_mobile{ width:280px;}
	.tab-title li{ width:93px;}
	.tab-title li img{ width:46.5px; height:auto; margin-left:-23.25px; padding-top:25px;}
	/*sec2*/
	.sec2 li .sec2_tet p{ font-size:1rem;}	
}
@-webkit-keyframes appearTitleRT {
	0%	{ opacity: 0; -webkit-transform: translateX(0px);}
	100%{ opacity: 1; -webkit-transform: translateX(5px);}
}@-moz-keyframes appearTitleRT {
	0%	{ opacity: 0; -moz-transform: translateX(0px);}
	100%{ opacity: 1; -moz-transform: translateX(5px);}
}@-ms-keyframes appearTitleRT {
	0%	{ opacity: 0; -ms-transform: translateX(0px);}
	100%{ opacity: 1; -ms-transform: translateX(5px);}
}@-o-keyframes appearTitleRT {
	0%	{ opacity: 0; -o-transform: translateX(0px);}
	100%{ opacity: 1; -o-transform: translateX(5px);}
}@keyframes appearTitleRT {
	0%	{ opacity: 0; transform: translateX(0px);}
	100%{ opacity: 1; transform: translateX(5px);}
}
@-webkit-keyframes appear1 {
	0%	{opacity: 0;-webkit-transform: scale(0,0);}
	100%{ opacity: 1;-webkit-transform: scale(1,1);}
}@-moz-keyframes appear1 {
	0%	{opacity: 0;-moz-transform:scale(0,0);}
	100%{opacity: 1;-moz-transform:scale(1,1);}
}@-ms-keyframes appear1 {
	0%	{opacity: 0;-ms-transform:scale(0,0);}
	100%{opacity: 1;-ms-transform:scale(1,1);}
}@-o-keyframes appear1 {
	0%	{opacity: 0;-o-transform:scale(0,0);}
	100%{opacity: 1;-o-transform:scale(1,1);}
}@keyframes appear1 {
	0%	{opacity: 0;transform:scale(0,0);}
	100%{opacity: 1;transform:scale(1,1);}
}