#main{width:100%;}
/*banner*/
.index-banner{ position:relative; top:0; left:0;}
.index-banner .tab-con{ width:100%;}
.index-banner .tab-con .item{width:100%;position:absolute;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.index-banner .tab-con .item img{width:100%; display:block;}
.index-banner .tab-con .active{z-index:50}
.index-banner .banner_btn{ position:absolute; left:50%; bottom:-5px; z-index:51; margin-left:-600px; width:1210px; height:130px; overflow:hidden;}
.index-banner .tab-btn{width:1200px; height:120px; background:#fff; box-shadow:#ddd 2px 2px 10px;}
.index-banner .tab-btn .item{width:20%;height:60px; margin-top:30px;float:left;cursor:pointer; overflow:hidden; text-align:center;}
.index-banner .tab-btn .active img{margin-top:-120px; max-width:100%;}
/*sec1*/
.sec1{ padding-top:100px;}
.sec1 h1{ text-align:center; color:#333232; font-size:48px; line-height:1; font-weight:lighter; padding-bottom:105px; border-bottom:#e0e0e0 solid 1px;}
.sec_tit{ height:100px; line-height:100px; color:#323232; font-size:32px;}
.sec_tit span{ font-size:18px; padding-left:12px;font-family: 'fontregular';}
.sec1 ul li{ position:relative; top:0; left:0; float:left; margin-bottom:1px; overflow:hidden;}
.sec1 ul li a{ display:block; width:100%; position:relative;}
.sec1 ul li.first,.sec1 ul li.fourth,.sec1 ul li.fifth{ width:400px;}
.sec1 ul li.second,.sec1 ul li.third{ width:799px;}
.sec1 ul li.sixth{ margin-left:1px; width:398px;}
.sec1 ul li.fourth,.sec1 ul li.second,.sec1 ul li.seventh{ float:right;}
.sec1 ul li img{ max-width:100%; display:block;}
.sec1_logo{ position:absolute; top:0; height:60px;top:50%;margin-top:-30px;width:100%; text-align:center; line-height:60px; z-index:4;}
.sec1 ul li .sec1_logo img{ display:inline-block; vertical-align:middle;}
.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/mask.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;}
/*sec2*/
.sec2{ padding-top:45px; padding-bottom:60px;}
.sec2 ul{ padding-top:14px;}
.sec2 ul li{ float:left; width:29%; text-align:left;}
.sec2 ul li.second{ width:31%;}
.sec2 ul li.third{ width:28%;}
.sec2 ul li.fourth{ width:auto; float:right;}
.sec2 ul li a h1{ padding-top:26px; font-size:18px; color:#222; line-height:1; font-weight:normal;font-family: PingFang SC Medium,"Microsoft YaHei"; font-weight:bold;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
.sec2 ul li a p{ font-size:16px; line-height:2; color:#484848; padding-top:10px; font-weight:lighter;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear;}
.sec2 ul li a:hover h1,.sec2 ul li a:hover p{ color:#c0192a;}
/*sec3*/
.sec3{ background:#f8f8f8;}
.sec3 ul li{ float:left; width:31%; text-align:left; margin-left:3%;}
.sec3 ul li a{ display:block; width:100%; height:auto;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear; background:#fff;}
.sec3 ul li a:hover{box-shadow:#ddd 5px 5px 10px;}
.sec3 ul li img{ max-width:100%;}
.sec3 ul li.first{ margin-left:0;}
.sec3 ul li h1{ color:#484848; font-size:18px; line-height:2;font-weight:normal;  padding:30px 26px 4px;font-family: PingFang SC Medium,"Microsoft YaHei"; font-weight:bold;}
.sec3 ul li p{ color:#484848; font-size:16px; line-height:2; font-weight:lighter; padding:0 26px 40px; height:64px; }
/*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:80%; vertical-align:middle;}
@media screen and (max-width:1279px){
	/*banner*/
	.index-banner .banner_btn{ left:0; bottom:-5px;margin-left:0; width:100%; height:130px;}
	.index-banner .tab-btn{width:100%;}
	/*sec1*/
	.sec1 ul li.first,.sec1 ul li.fourth,.sec1 ul li.fifth,.sec1 ul li.seventh{width:33.33%;}
	.sec1 ul li.second,.sec1 ul li.third{ width:66.583%;}
	.sec1 ul li.sixth{ width:33.1%;}
	.sec1 h1{ font-size:36px;}
	.sec_tit{ font-size:26px;}
	.sec_tit span{ font-size:16px;}
	/*sec2*/
	.sec3 ul li h1{ font-size:14px;padding:20px 20px 4px;}
	.sec3 ul li p{ font-size:12px;padding:0 20px 30px;height:50px;}
}
@media screen and (max-width:1060px){
	/*sec2*/
	.sec2 ul li{ width:28%; }
	.sec2 ul li.second{ width:30%;}
	.sec2 ul li.third{ width:28%;}
}
@media screen and (max-width:1023px){
	/*banner*/
	.swiper-container {width: 100%; height: 100%; padding-top:60px;}
	.swiper-container img {width: 100%;}
	/*sec1*/
	.sec1{ padding-top:50px;}
	.sec1 .inner{ width:100%;}
	.sec1 h1{ font-size:2.1rem;padding-bottom:50px;}
	.sec1 .sec_tit{ width:90%; margin:0 auto;}
	.sec_tit{ height:auto; line-height:1; font-size:1.7rem; text-align:center; padding:20px 0;}
	.sec_tit span{ font-size:1.2rem; padding-left:0; display:block; padding-top:10px;}
	.sec1 ul li{ width:100%;}
	.sec1 ul li img{ width:100%;}
	/*sec2*/
	.sec2{ padding-top:20px; padding-bottom:0;}
	.sec2 ul{ padding-top:14px;}
	.sec2 ul li{width:50%; text-align:center; margin-bottom:30px;}
	.sec2 ul li.second,.sec2 ul li.third,.sec2 ul li.fourth,.sec2 ul li.last{ width:50%;}
	.sec2 ul li a h1{ padding-top:26px; font-size:1.6rem;color:#222;}
	.sec2 ul li a p{ font-size:1.3rem; color:#484848; padding-top:10px;}
	.sec2 ul li a:hover h1{ color:#222;}
	.sec2 ul li a:hover p{ color:#484848;}
	/*sec3*/
	.sec3 ul li{ width:100%; margin-left:0; margin-bottom:10px;}
	.sec3 ul li a:hover{box-shadow:none;}
	.sec3 ul li img{ width:100%; display:none;}
	.sec3 ul li h1{font-size:1.6rem; padding:20px 5% 4px;}
	.sec3 ul li p{font-size:1.3rem;padding:0 5% 20px;height:auto;}
	/*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%;}
}
@media screen and (max-width:414px){
	/*sec4*/
	.sec4 ul li img{max-width:80%;}
}