@charset "UTF-8";
.wapr2{width:95%;max-width:1658px;margin:0 auto;}
/**/
.auto-box{width:100%;max-width:1658px;margin:0 auto;background-repeat:no-repeat;background-size:100% 100%;height:160px;overflow:hidden;}
.auto-box h1{font-size:36px;color:#fff;text-align:center;font-weight:bold;margin-top:3%;}
.auto-box p{text-align:center;color:#fff; }
.auto-box p a{color:#fff;}
.sinop{max-width:342px;margin:0 auto;padding-top:60px;text-align: center;}
.sinop img{width:100% }
.h1-name{text-align: center;font-size:30px;font-weight:bold;margin-top:35px;}
.i-i{display:block;width:42px;height:0;border-bottom:solid 3px #303030;margin:0 auto;padding-top:20px;}
.p-fbt{text-align:center;padding-top:30px;line-height:20px;}
.span-p{display:block;text-align:center;margin-top:46px;}
.a-box{overflow:hidden;margin-top:70px;}
.a-box-left{width:50%;float:left;background:url(../upload/t-2016.jpg) no-repeat;background-size:100% 100%;height:492px;}
.a-box-left h3{font-size: 30px;font-weight: 700;
	position: relative;float: left;height: 50px;
	margin:70px 0 0 30px;
}
.a-box-left h3 em{display: inline-block;width: 42px;height: 3px;background: #fff;position: absolute;bottom: 0px;left: 0px;}
.a-box-left h3 a{color: #fff;}
.a-box-left .bx_img{float: left;margin:75px 0 0 50px;width: 58%;}
.a-box-left .bx_img li{position: relative;}
.a-box-left .bx_img li .text{position: absolute;top:50%;left: 50%;
	transform: translate(-50%,-50%);width: 80%;text-align: center;
}
.a-box-left .bx_img li .text p{color: #fff;font-size: 24px;font-weight: 700;}
.a-box-left .bx_img li .text span{color: #fff;background: #1a79fa;padding:2px 5px;font-size: 12px;}
.a-box-left .bx-wrapper .bx-viewport{background:transparent;}
.a-box-left .bx-wrapper .bx-controls-direction a{height: 18px;margin-top: -9px;}
.a-box-left .bx-wrapper .bx-prev{background: url(../images/bx_left.png) no-repeat;left: -45px;}
.a-box-left .bx-wrapper .bx-next{background: url(../images/bx_right.png) no-repeat;right:-45px;}

@media only screen and (max-width: 1640px) {
	.a-box-left h3{font-size: 24px;}
}
@media only screen and (max-width: 1400px) {
	.a-box-left .bx_img{margin-left: 30px;margin-top: 120px;}
	.a-box-left h3{margin-top: 120px;}
}
@media only screen and (max-width: 1300px) {
	.a-box-left h3{float: none;margin-top: 50px;}
	.a-box-left .bx_img{float: none;width: 70%;margin:40px auto 0;}
}
@media only screen and (max-width: 1023px) {
	.a-box-left{width: 100%;float: none;height: 0px;padding-bottom: 50%;}
	.a-box-left h3{float: left;}
	.a-box-left .bx_img{float: left;width: 50%;margin:50px 0 0 100px;}
}
@media only screen and (max-width: 420px) {
	.a-box-left{padding-bottom: 60%;}
	.a-box-left h3{margin-top: 0px;}
	.a-box-left .bx_img{margin-top: 0px;}
	.a-box-left .bx_img li .text p{font-size: 16px;line-height: normal;}
}

/*.a-box-right{width:50%;float:left;margin-top:20px;}
.a-img ul li{float:left;width:50%;position:relative;}
.a-img ul li img{width:100%;}
.a-img {overflow:hidden; }*/

.a-box-right{width:50%;float:left;height: 492px;}
.a-img ul li{float:left;width:50%;position:relative;}

.a-img {overflow:hidden; }

.Devel-hover{position:absolute;left:0;top:0;width:100%;height:100%;background:#e60012;}
.Devel-hover h1{font-size:24px;padding:0 5% 0 5%;margin-top:20%;}
.Devel-hover h1 a{color:#fff;}
.Devel-hover p{color:#fff;padding:0 5% 0 5%;margin-top:3%;}
.Devel-hover span{display:block;width:18px;height:18px;padding:0 5% 0 5%;margin-top:10%;}
.a-text{overflow:hidden; }
.a-text h1{font-size:24px;font-weight:bold;color:#303030;text-align: center;padding-top:46px;}
.a-text p{text-align: center;margin-top:21px;line-height:20px;}
.a-text span{text-align: center;display:block;margin-top:20px;}

.ove-list{overflow:hidden;margin-top:40px;}
.ove-list ul li{float:left;width:24.5%;margin-right:0.8%;position:relative;}
.ove-list ul li img{width:100%;}
.ove-list ul li p{position:absolute;top:0;left:0;width:100%;height:100%;text-align: center;font-size:24px;color:#fff;margin-top:30% }

.hse-bar{overflow:hidden;margin:95px 0 50px 100px;}
.hse-bar ul li{width:50%;float:left;}
.hse-bar ul li h3{text-align: center;}
.hse-bar ul li h1{text-align: center;font-size:30px;font-weight:bold;margin-top:20px;}

@media only screen and (max-width: 1366px) {
	.wapr2{width:96%;}
	.hse-bar{margin-left: 0px;}
}
@media only screen and (max-width: 1023px) {
	.a-box-right{float: none;width: 100%;height: auto;}
	.a-img ul li img{width: 100%;}
	.wapr2.hse-bar{width:96%;margin:30px auto;}
	.span-p,.ove-list,.h1-name,.a-box{margin-top: 30px;}
	.a-text h1{padding-top: 30px;}
	.ove-list ul li p{font-size: 16px;line-height: normal;}
	.p-fbt{width: 96%;margin:0 auto;}
	.hse-bar ul li{padding:0 20px;box-sizing: border-box;}
	.hse-bar ul li h1{font-size: 20px;}
	.p-fbt{padding-top: 20px;}
	.ove-list ul li{width: 49%;overflow: hidden;height: 0px;padding-bottom: 36.7%;margin-bottom: 5px;}
}
@media only screen and (max-width: 630px) {
	.hse-bar ul li{width: 100%;margin-bottom: 20px;}
	.a-img ul li{width: 100%;}
	.a-img ul li:first-child img{width: 60%;}
	.Devel-hover h1{margin-top: 13%;}
	.a-text h1{font-size: 22px;}
	.h1-name{font-size: 22px;}
	.ove-list ul li{width: 100%;margin-right: 0!important;padding-bottom: 75%;}
}

.company-list{margin-top:50px;margin-bottom:50px;}

.cment ul li{width:47%;float:left;margin-bottom:3%;padding-left:3% ;}
.cment ul li h1{font-weight:bold;}
.cment ul li dt{float: left;margin-right: -35px;}
.cment ul li dd{width: 100%;}
.cment ul li dd h1{margin-left: 40px;}
.cment ul li dd p{margin-left: 40px;}
@media only screen and (max-width: 767px) {
	.cment ul li{width:100%;padding-left: 0;}
}
@media only screen and (max-width: 350px) {
	.sinop{max-width: 300px;}
}