/*banner背景图片动画*/
@-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
/*banner */
.index_main{

}
.index_main .section1{
	width: 100%;
	height: 100%;
	background: url(../image/section1.jpg) no-repeat;
	background-size: 100% 100%;
}
.index_main .section2{
	width: 100%;s
	height: 100%;
	background: url(../image/section2.jpg) no-repeat;
	background-size: 100% 100%;
}

.index_main .section3{
	width: 100%;
	height: 100%;
	background: url(../image/section3.jpg) no-repeat;
	background-size: 100% 100%;
}

.index_main .section4{
	width: 100%;
	height: 100%;
	background: url(../image/section4.jpg) no-repeat;
	background-size: 100% 100%;
}

.tit_1 h3 {
    font-size: 28px;
}

.tit_1 h3 {
    width: 100%;
    float: left;
    font-size: 48px;
    color: black;
    font-family: Cambria;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: -1px;
}
.tit_1_5 h4{ margin-top:5px;}
.content1 {width: 100%; float: left; padding: 110px 0 120px 0; text-align: center;  position: relative;}
.content1 p{ width:100%; float:left; margin-top:10px; font-size:16px; color:#444; line-height:40px; letter-spacing:1px;}
.content1 ul{ width:100%; float:left; margin-top:42px;}
.content1 ul li{ display:inline-block; *zoom:1; *display:inline; width:178px; border-left:solid 1px #ccc;}
.content1 ul li.first{ border-left:0;}
.content1 ul li h2{ width:100%; float:left; font-size:48px; color:#444; line-height:1;}
.content1 ul li h6{ width:100%; float:left; font-size:14px; color:#888; line-height:1; margin-top:13px;font-family: 'OPENSANS-LIGHT'; text-transform:uppercase;}

.content2{ width:100%; float:left; padding:110px 0 120px 0; text-align:center; position:relative;}
.ul_4{ width:100%; float:left; margin-top:40px; text-align:center;}
.ul_4 li{ width:25%; float:left; padding:49px 35px 61px 35px; background:#ebebeb;}
.ul_4 li .ico{ width:100%; height:160px;}
.ul_4 li .ico img{ height:100%;}
.ul_4 li .title{ width:100%; float:left; margin-top:15px; padding-bottom:19px; background:url(../image/bian_6.jpg) no-repeat center bottom; font-size:20px; color:#111; line-height:26px; font-weight:bold;}
.ul_4 li .p{ width:100%; float:left; margin-top:14px; font-size:14px; color:#666; line-height:24px; height:48px; overflow:hidden;}
.ul_4 li.l1{ background:white;}

.ul_5{ width:100%; float:left; margin-top:40px;}
.ul_5 li{ width:33.333%; float:left; background:#141414;}
.ul_5 li .img1{ width:50%; float:left; overflow:hidden;}
.ul_5 li .img1 img{ width:100%; float:left;
		 transition: all 1s linear;
	-moz-transition: all 1s linear;
 -webkit-transition: all 1s linear;
-o-transition: width all 1s linear;}
.ul_5 li:hover .img1 img{transform: scale(1.09,1.09);
	-ms-transform: scale(1.09,1.09);	
-webkit-transform: scale(1.09,1.09);
	 -o-transform: scale(1.09,1.09);	
   -moz-transform: scale(1.09,1.09);}
.ul_5 li .text1{ width:50%; float:left; padding:59px 20px 25px 22px; position:relative; text-align:left; overflow:hidden;}
.ul_5 li .text1 h2{ font-size:36px;font-family: 'OPENSANS-BOLD'; position:absolute; right:20px; top:35px; color:white; opacity:0.2; text-align:right;}
.ul_5 li .text1 .title1{ width:100%; float:left; text-align:right; background:url(../image/img8_7.jpg) no-repeat left top #d32329; margin-left:21px; padding-right:20px; font-size:16px; color:white; line-height:45px; position:relative; z-index:1; height:45px; overflow:hidden;}
.ul_5 li .text1 .p1{ width:100%; float:left; margin-top:26px; font-size:14px; color:white; line-height:22px; height:88px; overflow:hidden;}
.ul_5 li.l1{ background:#262626;}
.ul_5 li.l1 .text1 .title1{ background-image:url(../image/img8_7.jpg);}
.ul_5 li.l2{ background:#333;}
.ul_5 li.l2 .text1 .title1{ background-image:url(../image/img8_7.jpg);}
.ul_5 li.l3 .img1{ float:right;}



@media only screen and (max-width: 1600px){
.content1{ padding:60px 0 70px 0;}
.content1 p{ margin-top:26px; font-size:14px; line-height:30px;}
.content1 ul{ margin-top:32px;}
.content1 ul li{ width:88px; }
.content1 ul li h2{ font-size:28px;}
.content1 ul li h6{ font-size:12px; margin-top:8px;}
.content2{ padding:60px 0 70px 0;}
.ul_5 li{ width:50%;}
.ul_5 li.l4 .img1{ float:right;}
.ul_5 li.l5 .img1{ float:left;}
}
@media only screen and (max-width: 1440px){

}
@media only screen and (max-width: 1366px){

}
@media only screen and (max-width: 1300px){

}
@media only screen and (max-width: 1199px){
.ul_4 li{ width:50%; margin-top:1px;}
.ul_4 li.l1{ background:#ebebeb; border-left:solid 1px #111;}
.ul_4 li .ico{ height:120px;}
.ul_4 li .title1{ margin-top:10px; padding-bottom:6px; font-size:16px; line-height:24px; background-size:18px auto;}
.ul_4 li .p1{ margin-top:8px; font-size:12px; line-height:22px; height:44px;}
.ul_5 li .text1{ padding:45px 10px 10px 12px;}
.ul_5 li .text1 h2{ font-size:26px; right:10px; top:25px;}
.ul_5 li .text1 .title1{margin-left:11px; padding-right:10px; font-size:14px; line-height:35px; height:35px;}
.ul_5 li .text1 .p1{ margin-top:16px; font-size:12px; line-height:20px; height:80px;}
}
@media only screen and (max-width: 992px){


}
@media only screen and (max-width: 767px){
.content1{ padding:20px 10px 30px 10px;}
.content2{ padding:20px 10px 30px 10px;}
.ul_4{ margin-top:20px;}
.ul_4 li{ padding:19px 10px 21px 10px;}
.ul_4 li .p{ height:66px;}
.ul_4 li .ico{ height:80px;} 
.slide_pic_13{ width:100%; float:left; margin-top:20px; padding-bottom:20px;}
.slide_pic_13 .slick-dots {
	position: absolute;
	bottom: -10px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	overflow:hidden;
}
.slide_pic_13 .slick-dots li {
	position: relative;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 3px;
	padding: 0;
	cursor: pointer;
	background:black;
	opacity:0.6;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
}
.slide_pic_13 .slick-dots li.slick-active{
	opacity:1;
}

.ul_5{ margin-top:0px; width:auto;}
.ul_5 li{ width:100%;}
.ul_5 li.l6 .img{ float:right;}
.ul_5 li .text{ padding:35px 10px 10px 12px;}
.ul_5 li .text h2{ top:15px;}
.ul_5 li.l4 .img{ float:left;}
.ul_5 li.l7 .img{ float:right;}
.ul_5 li .img,.ul_5 li .text{ width:50%;}
.ul_5 li .text .p{ margin-top:10px;}

}
@media only screen and (max-width: 340px){
 
}
@media only screen and (max-width: 320px){
	
}
.contact_box{position:absolute;top:263px;bottom:0;left:0;right:0;overflow:hidden;background:#ea5106;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);-moz-transform:translateY(100px);transform:translateY(100px);-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;transition:all .4s ease-out;opacity:0}
.current .contact_box{opacity:1;-webkit-transform:none;-ms-transform:none;-moz-transform:none;transform:none}
.contact_box>ul{height:100%}
.contact_box>ul>li{float:left;width:50%;height:100%}
.contact_box>ul>li>div{height:100%;background:#fff;position:relative}
.contact_box>ul>li:nth-child(1)>div{margin:0 1px 0 0}
.contact_box>ul>li:nth-child(2)>div{margin:0 0 0 1px}
.contact_box>ul>li>div .contact{height:50%;position:absolute;top:0;left:0;width:100%}
.contact_box>ul>li>div .contact>div{display:table;vertical-align:middle;width:100%;height:100%}
.contact_box>ul>li>div .contact ul{display:table-cell;vertical-align:middle}
.contact_box>ul>li>div .contact ul li{float:right;width:40%;margin:10px 0;text-align:center;position:relative}
.contact_box>ul>li>div .contact ul li .icon{border:1px solid #ccc;color:#ccc;border-radius:5px;font-size:30px;padding:6px;display:inline-block;vertical-align:top;margin-right:10px}
.contact_box>ul>li>div .contact ul li .text{display:inline-block;vertical-align:top;width:200px;text-align:left}
.contact_box>ul>li>div .contact ul li p{font-size:14px;color:#6a6a6a;line-height:24px;white-space:nowrap}
.contact_box>ul>li>div .contact ul li p.num{font-size:16px}
.contact_box>ul>li>div .contact ul li p.tips{line-height:20px;font-size:12px;color:#999}
.contact_box>ul>li>div .solgan{height:50%;position:absolute;top:50%;left:0;width:100%;background:url(../img/index/contact_solgan.jpg) center center no-repeat;background-size:cover}
.contact_box>ul>li>div .solgan div{display:table;vertical-align:middle;width:100%;height:100%}
.contact_box>ul>li>div .solgan div p{display:table-cell;vertical-align:middle;text-align:center;font-size:30px;font-weight:700;color:#fff}
.contact_box>ul>li>div.map{background:url(../img/index/place.jpg) center center no-repeat;background-size:cover}

@media screen and (min-width:1000px) and (max-width:1366px){
.contact_box{top:238px;}
.contact_box>ul>li>div .contact ul li{width: 50%; padding: 0 5px;}
.contact_box>ul>li>div .contact ul li .text{ width: 190px; }
}
@media screen and (min-width:768px) and (max-width:999px){
.contact_box{top:238px;}
.contact_box>ul>li>div .contact ul li{width: 50%; padding: 0 5px;}
.contact_box>ul>li>div .contact ul li .icon{ margin-right: 0; }
.contact_box>ul>li>div .contact ul li .text{width: 100%; text-align: center; }
}
@media screen and (max-width:767px){
.page6 .index_inner .item_box h2{margin-top:16px}
.contact_box{position:static;background:0 0}
.contact_box>ul>li{width:100%;float:inherit}
.contact_box>ul>li>div{margin:0!important}
.contact_box>ul>li>div .contact{position:static;height:auto}
.contact_box>ul>li>div .contact>div{display:block;overflow:hidden}
.contact_box>ul>li>div .contact>div ul{margin:10px 0;display:block}
.contact_box>ul>li>div .contact>div ul li{float:left;width:50%; text-align: left; padding-left: 10px;}
.contact_box>ul>li>div .contact ul li .icon{font-size:16px;padding:3px;margin-left:5px; margin-right: 0;}
.contact_box>ul>li>div .contact ul li .text{width:145px; margin-left: 10px;}
.contact_box>ul>li>div .contact ul li p{font-size:10px;color:#6a6a6a;line-height:14px;white-space:nowrap}
.contact_box>ul>li>div .contact ul li p.num{font-size:12px}
.contact_box>ul>li>div .solgan{position:static;height:260px}
.contact_box>ul>li>div.map{position:relative;height:500px;background-size:100% auto;background-position:top center}
}
@media screen and (max-height: 450px)  and ( max-width: 767px) {
.contact_box>ul>li>div .solgan,
.contact_box>ul>li>div .map{ display: none; }
}


 @media screen and (max-height:767px) and (-webkit-min-device-pixel-ratio:2){
    .contact_box>ul>li>div .solgan{height:160px}
}

@media screen and (max-height:767px) and (-webkit-min-device-pixel-ratio:3){.contact_box>ul>li>div .solgan{height:180px}
}