@charset "utf-8";
/* CSS Document */

@media (min-width: 1024px) and (max-width: 1410px) {
	
	.main_banner{
		background-position: left;background-size:cover;
	}	
	
.main_banner>section{
    width:94%;
    margin:0 auto;
    padding:40px 0;
    height:auto;
}
	
	.main_banner .tts{
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	
.main_banner .tts2{
	display: none;
	}	
.main_banner .tts3{
	display:block;
	}	

	.main_banner .myul{
		width: 100%;
	}
	
.main_banner div.right ul{
    text-align: center;
    width:100%;
}
	
.main_banner div.right ul>li{
	font-size: 22px;
	}

	
.main_about>section{
    padding-top:0px;
    padding-bottom:0px;
	background:url("../images/inx/about_bg.jpg") no-repeat center top;
	background-size: cover;
}
.main_about>section>.container{
    width:auto;
    margin:0 auto;
}	

.main_about ul{
    width:100%;
	text-align: center;
}
	
.main_about>section>.container li{
    float:none;
	display:inline-block;
    width:40%;
    margin:60px 5% 0px 5%;
	vertical-align: top;
	text-align: left;
}
.main_about>section>.container li:nth-child(2n+1){
    margin-right:0px;
}
.main_about>section>.container li span{
    font-size:16px;
    color:#666;
}
.main_about div.right{
    text-align: center;
    height:auto;
	width: 100%;
	margin-bottom: 100px;
}
	.main_about div.right section{
    display:inline-block;
    margin-top:80px;
}
	

	
.main_service>section>div{
    width:50%;
    text-align: center;
		background-size: cover;
}

.main_service .sv_div_1{
	float: left;
}

.main_service .sv_div_2{
	display: none;
}

.main_service .sv_div_3{
	float: left;
}

.main_service .sv_div_4{
	display: block;
	clear: both;
	width: 100%;
}
.main_service>section>div ul li{
    height:254px;
    background-repeat: no-repeat;
    background-position:center;
    background-size:cover;
}
.main_service>section>div ul li section{
    height:194px;
    padding-top:60px;
}
.main_service>section>div>section{
    height:600px;
    padding-top:80px;
}

	
.main_cooperation>section{padding-bottom: 80px;}
.cooper_banner{width:100%;position:relative;overflow:hidden;margin:0 auto;}
.cooper_banner .slides{position:relative;z-index:1;overflow:hidden; width: 94%; margin-left: 3%;}
.cooper_banner .slides li{float:left;width:50%;background-repeat:no-repeat;background-position:center top;background-size:cover;}
	.cooper_banner .slides li img{height: auto; width: 100%;}
.cooper_banner .flex-control-nav{width:100%;text-align:center;margin-top: 40px;}
.cooper_banner .flex-control-nav li{display:inline-block;width:60px;height:4px;padding:0 15px;position:relative;*display:inline;zoom:1;}
.cooper_banner .flex-control-nav a{display:block;width:60px;height:4px;color:transparent;overflow:hidden;position:absolute;left:0;right:0;margin:0 auto;background:#fff;cursor:pointer;}
.cooper_banner .flex-control-nav .flex-active{background:#FFA500;}	
	
	
.bottom_nav ul li{
    display:inline-block;
    line-height:70px;
    margin:0 20px;
    font-size:16px;
}

.bottom_nav ul li i{
    margin-right:10px;
    font-size:25px;
    vertical-align: middle;
}	
	
}








/* 小于 1024px 宽度的屏幕样式 */
@media (max-width: 1024px) {

	.top ol {
		display: none;
	}	
	
	.main_nav{display: none;}
	
	.logo_box{
		width: 100%;
    height:50px;
    background-repeat: no-repeat;
    background-position:center;
    margin:0px auto;}
	
.main_banner{
		background-position: left;background-size:cover;
	}	

.main_banner>section{
    width:94%;
    margin:0 auto;
    padding:40px 0;
    height:auto;
}

		.main_banner .tts{
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	
.main_banner .tts2{
	display: none;
	}	
.main_banner .tts3{
	display:block;
	}	
	
	.main_banner .myul{
		width: 100%;
	}
	
.main_banner div.right ul{
    text-align: center;
    width:100%;
}
	
.main_banner div.right ul>li{
	font-size: 24px;
	}

	
.main_about>section{
    padding-top:0px;
    padding-bottom:0px;
	background:url("../images/inx/about_bg.jpg") no-repeat center top;
	background-size: cover;
}
.main_about>section>.container{
    width:auto;
    margin:0 auto;
}	

.main_about ul{
    width:100%;
	text-align: center;
}
	
.main_about>section>.container li{
    float:none;
	display:inline-block;
    width:90%;
    margin:50px 5% 0px 5%;
	vertical-align: top;
	text-align:center;
}
.main_about>section>.container li:nth-child(2n+1){
    margin-right:0px;
}

.main_about>section>.container li>h1 i{
    font-size:70px;
    color:#8CBA04;
}	
.main_about>section>.container li>h3{
    font-size:26px;
    color:#8CBA04;
    margin:10px 0;
}
.main_about>section>.container li>h2{
    color:#111;
    font-size:34px;
    margin:30px 0px 30px 0px;
}
	
	
.main_about>section>.container li span{
    font-size:24px;
    color:#666;
	text-align: left;
	display: block;
	line-height: 150%;
}
.main_about div.right{
    text-align: center;
    height:auto;
	width: 100%;
	margin-bottom: 100px;
}
	.main_about div.right section{
    display:inline-block;
    margin-top:80px;
}
.main_about div.right section h2{
    font-size:34px;
    color:#333333;
    line-height:60px;
}
.main_about div.right section span{
	color:#333;
    font-size:24px;
	line-height: 150%;
}
	

.main_service>section>div{
    width:100%;
    text-align: center;
		background-size: cover;
}

.main_service .sv_div_1{
	float: left;
}

.main_service .sv_div_2{
	display: none;
}

.main_service .sv_div_3{
	float: left;
}

.main_service .sv_div_4{
	display: block;
	clear: both;
	width: 100%;
}
.main_service>section>div ul li{
    height:215px;
    background-repeat: no-repeat;
    background-position:center;
    background-size:cover;
}
.main_service>section>div ul li section{
    padding-top:30px;
}
.main_service>section>div>section{
    height:600px;
    padding-top:80px;
	padding-bottom: 50px;
}
.main_service>section>div ul h1{
    color:#FFA500;
    font-size:40px;
    line-height:60px;
    margin-bottom:10px;
}
.main_service>section>div ul span{
    font-size:24px;
    line-height:150%;
}
.main_service>section>div>section h1{
    font-size:34px;
    margin-bottom:34px;
}
.main_service>section>div>section h1 span{
    color:#8BB800;
}
.main_service>section>div>section h1 b{
    display:inline-block;
    width:2px;
    height:30px;
    background:#fff;
    vertical-align:middle;
    margin:0 15px;
}
.main_service>section>div>section>span{
    font-size:24px;
    line-height:42px;
}	

.main_title span{
    display:block;
	font-size: 24px;
}	
	
.main_cooperation>section{padding-bottom: 60px;}
.cooper_banner{width:100%;position:relative;overflow:hidden;margin:0 auto;}
.cooper_banner .slides{position:relative;z-index:1;overflow:hidden; width: 94%; margin-left: 3%;}
.cooper_banner .slides li{float:left;width:50%;background-repeat:no-repeat;background-position:center top;background-size:cover;}
	.cooper_banner .slides li img{height: auto; width: 100%;}
.cooper_banner .flex-control-nav{width:100%;text-align:center;margin-top: 40px;}
.cooper_banner .flex-control-nav li{display:inline-block;width:60px;height:4px;padding:0 15px;position:relative;*display:inline;zoom:1;}
.cooper_banner .flex-control-nav a{display:block;width:60px;height:4px;color:transparent;overflow:hidden;position:absolute;left:0;right:0;margin:0 auto;background:#fff;cursor:pointer;}
.cooper_banner .flex-control-nav .flex-active{background:#FFA500;}	

.bottom_nav{
    background:#000;
	padding: 20px 0px;
}	
	
.bottom_nav ul li{
    display:inline-block;
	width: 100%;
    line-height:60px;
    margin:0px;
    font-size:24px;
}
	.bottom_nav ul li.bottom_nav_li_4{
		display: none;
	}
.bottom_nav ul li i{
    margin-right:10px;
    font-size:30px;
    vertical-align: middle;
}
	
.bottom span{
    display:block;
    text-align: center;
	font-size: 20px;
}
	
}