.banner{ margin-top: 80px; }
.xtc1{ width:  1500px; height: auto; margin:auto; padding-top: 50px;}
.xtx_top{ width: 100%; height: auto;}

.left_nav{ width: 740px; height: auto; float: left; }
.left_nav h3{ color: #3e3a39; font-size: 18px; padding-top: 40px}
.left_nav p{ color: #717071; font-size: 14px; line-height: 22px; padding-top: 15px}

.right_nav{ width: auto; height: auto; float: right; padding-top: 90px }

.oli_bot{ width: 100%; height: 275px; padding-top: 30px}

.oli_bot strong{ font-size: 18px; color: #3e3a39; font-weight: normal; }
.oli_bot ul li{ width: 356px; height: 200px; float: left; margin-right: 25px; position: relative;}
.oli_bot ul li img{ display: block; height: 100%}
.oli_bot ul{ padding-top: 20px;}
.oli_bot ul li:nth-child(4n){ float: right; margin-right: 0px; }
.oli_bot ul li a{ display: block; width: 100%; height: 200px; background: rgba(0,0,0,0.6); top: 0px; left: 0px; position: absolute; 
	overflow: hidden; display: none;}
.oli_bot ul li a p{ width: 90%; height: auto; margin:auto; padding-top: 30px; color: #fff;}

.all{ width: 100%; height: auto;background-color: #f7f7f7}

.left_nav1{ width: 740px; height: auto; float: right; }
.left_nav1 h3{ color: #3e3a39; font-size: 18px; padding-top: 40px}
.left_nav1 p{ color: #717071; font-size: 14px; line-height: 22px; padding-top: 15px}

.right_nav1{ width: 390px; height: auto; float: left; padding-top: 90px }

.ctx1{ width: 1500px; height: 510px; margin:auto; }
.ctx1_left{ width: 1005px; height: auto; float: left; }
.ctx1_left span{ display: block; float: left; }
.ctx1_left .z_span{ width: 420px; height: auto; float: left; position: relative; margin-top:225px;}
.ctx1_left .z_span p{ float: left; color: #3e3a39; font-size: 30px}
.ctx1_left .z_span img{ position: absolute; top: 0px; right: 0px;}
.ctx1_left .y_span{ color: #717071; font-size: 16px; line-height: 30px; width: 560px; height: auto; float: right; margin-top: 205px}

.ctx1_right{ width: 400px; height: auto; float: right; padding-top: 50px }

.ctx2{ width: 100%; height: 650px; background-color: #141414; }
.ctx2 h3{ font-size: 30px; color: #eda548; display: block; text-align: center; padding-top: 90px }
.ctx2 span{ font-size: 16px; color: #eda548; display: block; text-align: center; padding-top: 20px }
.ctx2 ul{ width: 945px; margin:auto; padding-top: 110px}
.ctx2 ul li{ width: 222px; height: 235px; float: left; margin-right: 139px}
.ctx2 ul li img{ display: block; margin:auto; }
.ctx2 ul li strong{ display: block; text-align: center; font-size: 20px; color: #fff; padding-top: 25px}
.ctx2 ul li i{ display: block; font-size: 14px; color: #fff; font-style: normal; padding-top: 10px}
.ctx2 ul .y{ float: right; margin-right: 0px; }
.ctx2 ul li img{ 
	transition: 0.6s; 
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	-moz-transition: 0.6s;
}
.ctx2 ul li:hover img{ 
	transform: rotateY(180deg);
	-ms-transform: rotateY(180deg); 	/* IE 9 */
   -moz-transform: rotateY(180deg); 	/* Firefox */
   -webkit-transform: rotateY(180deg); /* Safari 和 Chrome */
   -o-transform: rotateY(180deg); 	/* Opera */

}



.zhanlue{ width: 1500px; height: 962px; margin:auto; }
.zhanlue h3{ display: block; height: 35px; line-height: 35px; text-align: center; color: #3e3a39; font-size: 30px; padding-top: 80px; }
.zhanlue i{ font-style: normal; }
.zhanlue .it{ display: block; text-align: center; color: #717071; font-size: 16px; padding-top: 28px}

.zhanlue ul{ padding-top: 90px; }
.zhanlue ul li{ width: 292px; height: 524px; float: left; margin-right: 10px; overflow: hidden;}
.zhanlue ul li .fd{ width: 100%; display: block; height: 447px; overflow: hidden; }
.zhanlue ul li span img{ width: 100%; display: block; height: 100%; transition: all 0.5s infinite; 
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
.zhanlue ul li{
    transition: all 0.5s ; 
	-webkit-transition: all 0.5s ;
	-o-transition: all 0.5s ;
	-moz-transition: all 0.5s ;
}
.zhanlue ul li:hover{
	transform: translateY(20px);

}
.zhanlue ul li:hover img{
	transform: scale(1.1);
}
.zhanlue ul .x{ margin-top: 100px; }
.zhanlue ul li img{ display: block; width: 100%;}
.zhanlue ul li span{ display: block; width: 100%; height: 85px;}
.zhanlue ul li span b{ font-size: 24px; display: block; text-align: center; color: #fff; padding-top: 10px}
.zhanlue ul li span i{ font-size: 14px; display: block; text-align: center; color: #fff; padding-top: 10px}
.zhanlue ul .r{ float: right; margin-right: 0px; }





.zhanlue ul li .s1{ background-color: #ff6f36; }
.zhanlue ul li .s2{ background-color: #8dc21f; }
.zhanlue ul li .s3{ background-color: #2ca6e0; }
.zhanlue ul li .s4{ background-color: #0dac67; }
.zhanlue ul li .s5{ background-color: #d63ecb; }

.hezuo{ width: 100%; height: 790px; background-color: #f7f7f7; }
.hezuo_ctx{ width: 1500px; height: auto; margin:auto; }
.hezuo_ctx h3{ display: block; height: 35px; line-height: 35px; text-align: center; color: #3e3a39; font-size: 30px; padding-top: 80px; }
.hezuo_ctx i{ font-style: normal; display: block; text-align: center; color: #717071; font-size: 16px; padding-top: 28px}
.hezuo_ctx ul{ padding-top: 56px; }
.hezuo_ctx ul li{ width: 347px; height: 470px; float: left; background-color: #fff; margin-right: 30px;}
.hezuo_ctx ul li img{ display: block; margin:auto; padding-top: 50px;}
.hezuo_ctx ul li strong{ display: block; height: 40px; text-align: center; font-size: 20px; color: #e95513; font-weight: normal; padding-top: 26px;}
.hezuo_ctx ul li span{ display: block; width: 80%; margin:auto; color: #717071; line-height: 25px; padding-top: 10px;}
.hezuo_ctx ul .r{ float: right; margin-right: 0px; }

.hezuo_ctx ul li:hover{
	box-shadow: 0 2px 20px #888888; transition: all .3s linear;
}