html {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img {
    border: 0 none;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}
li {
    list-style: none outside none;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
q:before, q:after {
    content: "";
}
abbr, acronym {
    border: 0 none;
    font-variant: normal;
}
sup {
    vertical-align: text-top;
}
sub {
    vertical-align: text-bottom;
}
input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}
input, textarea, select {
}
legend {
    color: #000000;
}

select, input, button, textarea {
    font: 99% arial,helvetica,clean,sans-serif;
}
table {
    font-size: inherit;
}
pre, code, kbd, samp, tt {
    font-family: monospace;
    line-height: 100%;
}
a {
    text-decoration: none;
}
a:hover, a:focus {
    text-decoration: underline;
}
strong {
    font-weight: bold;
}
input[type="submit"] {
    cursor: pointer;
}
button {
    cursor: pointer;
}

.index_header{
	width:100%;
	height:auto;
	background:#ffffff;
	position:fixed;
	z-index:99999;
}

.index_header_middle{
	width:1400px;
	height:auto;
	margin:0 auto;
	display:flex;
	flex-direction: row;
	justify-content: space-between;
}

.index_logo img{
	width:168px;
	height:106px;
}

.index_meun{
	display:flex;
	font-size:1.5rem;
}

.index_meun_list{
	text-align:center;
	padding:35px;
}

.index_meun_list a{
	color:#242424;
	text-decoration:none;
}

.index_banner{
	width:100%;
	height:auto;
	padding-top:106px;
}

.flexslider{position:relative;height:710px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}

.slides{position:relative;z-index:1;}

.slides li{height:710px;}

.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}

.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}

.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}

.flex-control-nav .flex-active{background-position:0 0;}



.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}

.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}

/*
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}

.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
*/

.index_news_product{
	width:100%;
	background:#ffffff;
	overflow:hidden;
}

.index_news_product_middle{
	width:90%;
	height:auto;
	margin:0 auto;
	display:flex;
	margin-top:5%;
}

.index_news_product_middle_left{
	width:100%;
	height:auto;
}

.en_title{
	font-size:28px;
	font-family:'Arial';
}

.cn_title{
	font-size:18px;
	font-family:'微软雅黑';
	margin-top: 10px;
}

.left_middle{
	margin-top:8%;
}

.left_middle_big_title{
	font-size:39px;
	font-weight:bold;
}

.remarks{
	font-size:15px;
	margin-top:5%;
}

.left_under{
	margin-top:13%;
}

.en_more{
	font-size:15px;
	font-weight:bold;
}

.index_news_product_middle_right{
	width:100%;
	height:auto;
	overflow:hidden;
}

.index_news_product_middle_right img{
	width:100%;
}

.index_product_center{
	width:100%;
	height:300px;
	background:#3a3a3a;
	position:relative;
}

.index_product_center_middle{
	width:1400px;
	height:auto;
	margin:0 auto;
}

.index_product_center_middle_top{
	display:flex;
	justify-content:space-between;
	font-size:16px;
	color:#ffffff;
	padding-top:3%;
}

.index_product_center_middle_top_right{
	display:flex;
}

.index_product_list{
	position:relative;
}

.index_product_name{
	width:100%;
	height:60px;
	line-height:60px;
	font-size:16px;
	text-align:center;
}

.index_abouts{
	width:100%;
	height:auto;
	background:#f5f5f5;
	overflow:hidden;
	margin-top:16%;
}

.index_abouts_middle{
	width:1400px;
	height:auto;
	display:flex;
	margin:0 auto;
	padding-top:3%;
}

.index_abouts_middle_left{
	width:50%;
	float:left;
	padding:2%;
}

.index_about_big_title{
	font-size:24px;
	font-weight:bold;
}

.index_about_big_remark{
	width:100%;
	height:auto;
	line-height:2em;
	font-size:15px;
	margin-top:3%;
}

.index_about_big_more{
	width:100%;
	height:auto;
	display:flex;
	margin-top:5%;
	font-size:16px;
}

.jiantous{
	width:25px;
	height:25px;
	margin-left:20px;
}

.index_abouts_middle_right{
	width:50%;
	height:auto;
	float:right;
	padding:2%;
}

.index_abouts_middle_right img{
	width:100%;
}

.index_case{
	width:100%;
	height:auto;
	overflow:hidden;
	background:#ffffff;
}

.index_news{
	width:100%;
	height:100%;
	background:#f5f5f5;
	margin-bottom:5%; 
}

.index_news_middle{
	width:1400px;
	height:auto;
	margin:0 auto;
}

.index_news_under{
	width:100%;
	height:auto;
	display:flex;
	margin-top:3%;
}

.index_news_under_left{
	width:50%;
	height:80vh;
	overflow:hidden;
	background:#ffffff;
}

.index_news_under_left_img{
	height:60vh;
	overflow:hidden;
}

.index_news_under_left_img img{
	width:100%;
	height:auto;
	overflow:hidden;
}

.index_news_under_left_remark{
	width:100%;
	height:20vh;
	padding:3%;
}

.remark_title{
	font-size:16px;
}

.remark_content{
	font-size:14px;
	margin-top:3%;
}

.index_news_under_right{
	width:48%;
	height:80vh;
	margin-left:2%;
}

.index_news_under_right_list{
	width:100%;
	height:25vh;
	display:flex;
	overflow:hidden;
	margin-bottom:2vh;
	background:#ffffff;
}

.index_news_under_right_list_left{
	width:40%;
	height:25vh;
}

.index_news_under_right_list_left img{
	width:100%;
}

.index_news_under_right_list_right{
	width:60%;
	height:25vh;
	overflow:hidden;
	padding:3%;
}

.right_news_title{
	font-size:16px;
}

.right_news_content{
	font-size:14px;
	margin-top:3%;
}

.index_footers{
	width:100%;
	height:auto;
	overflow:hidden;
	background:#333333;
	color:#ffffff;
	padding-bottom:3%;
}

.index_footer_middle{
	width:1400px;
	height:auto;
	margin:0 auto;
	display:flex;
	padding-top:3%;
}

.index_footer_middle_left{
	width:73%;
	height:auto;
	display:flex;
	border-right:1px solid #434343;
}

.index_footer_middle_left_list{
	flex:1;
}

.footer_big_title{
	font-size:16px;
	font-weight:bold;
}

.list_under ul li a{
	display:block;
	font-size:14px;
	color:#979797;
	margin-top:3%;
}

.index_footer_middle_right{
	width:19%;
	margin-left:4%;
	color:#ffffff;
}

.index_footer_middle_right_top{
	display:flex;
}

.tels{
	font-weight:bold;
	margin-left:2%;
}

.info_list{
	margin-top:4%;
	color:#dbdbdb;
	font-size:14px;
	line-height:2em;
}

.copyright{
	margin-top:3%;
	text-align:center;
}

/**手机版样式***/
	.mobile_headers{
		width:100%;
		height:auto;
		overflow:hidden;
		margin:0 auto;
		background:#f5f5f5;
		position:fixed;
		top:0px;
		z-index:999999;
	}
	
	.mobile_header_middle{
		width:90%;
		height:auto;
		margin:0 auto;
		display:flex;
		justify-content:space-between;

	}
	
	.mobile_index_logo img{
		width:75%;
	}
	
	.mobile_index_nav{
		text-align:right;
	}
	
	.mobile_index_nav img{
		padding-top:50%;
		width:70%;
	}
	
	.am-offcanvas-content {
		padding: 15px;
		color: #999;
	}
	
	.sidenav {
		background: #ffffff;
		width: 150px;
		position: absolute;
		top: 0;
		bottom: 0;
		padding-top: 50px;
	}
	
	.am-offcanvas-content ul li {
			width: 100%;
			float: left;
			height: 50px;
		}
		
	  .sidenav li {
		list-style-type: none;
		text-align: center;
		font-size: 14px;
		font-family: 微软雅黑;
	}	

	.am-offcanvas-content a {
		color: #ccc;
	}
	
	
	.mobile_banner{
		width:100%;
		height:auto;
	}
	
	.index_news_product{
		width:100%;
		height:auto;
		background:#ffffff;
		overflow:hidden;
		padding:4%;
	}
	
	.index_news_productunder{
		margin-top:3%;
		font-size:1.7rem;
		line-height:2em;
	}
	
	.news_en_title{
		margin-top:1.2%;
		margin-bottom:1.2%;
	}
	
	.index_news_product_list_title{
		font-size:2.1rem;
		font-weight:bold;
	}
	
	.index_news_product_list{
		margin-top:6%;
	}
	
	
	.index_news_product_list_content{
		font-size:1.7rem;
		color:#5b5b5b;
		margin-top:5%;
	}
	
	.news_product_more{
		margin-top:9%;
	}
	
	.index_product_list{
		width:100%;
		height:auto;
		padding:3%;
	}
	
	.index_product_top{
		display:flex;
		justify-content:space-between;
		font-size:1.7rem;
		
	}
	
	.index_product_top_en{
		margin-top:3%;
		margin-bottom:3%;
	}
	
	.index_product_details{
		display:flex;
		margin-top:4%;
	}
	
	
	
	.index_product_details img{
		width:25px;
		height:25px;
	}
	
	
	.index_productlist{
		width:100%;
		display:flex;
		 flex-wrap: wrap;
		justify-content:space-between;
	}
	
	.index_productlist_list{
		width:50%;
		padding:1%;
		margin-top:2%;
	}
	
	.index_productlist_list a{
		color:#ffffff;
	}
	
	.products_img img{
		width:100%;
	}
	
	.products_names{
		font-size:1.4rem;
		text-align:center;
		padding:3%;
		color:#ffffff;
	}
	
	.index_mobile_about{
		width:100%;
		height:auto;
		background:#f5f5f5;
		position:relative;
		padding:2%;
		margin-top:8%;
	}
	
	.index_about_bgs img{
		width:100%;
	}
	
	.index_mobile_aboutremark{
		position:absolute;
		top:0px;
		z-index:99999;
		color:#ffffff;
	}
	
	.mobile_about_big_title{
		font-size:1.8rem;
		font-weight:bold;
		margin-top:20%;
		padding:3%;
	}
	
	.mobile_about_remark{
		font-size:1.4rem;
		line-height:2em;
		padding:3%;
	}
	
	.index_mobile_news{
		width:100%;
		height:auto;
		background:#f5f5f5;
		overflow:hidden;
		padding: 3%;
	}
	
	.index_news_lists{
		width:100%;
		height:auto;
	}
	
	.index_newslists{
		width:100%;
		height:auto;
		display:flex;
		margin-top:4%;
	}
	
	.index_newslists_left{
		width:40%;
		height:auto;
	}
	
	.index_newslists_left img{
		width:100%;
	}
	
	.index_mobile_remarks{
		width:60%;
		height:auto;
		margin-left:2%;
		background:#ffffff;
		padding:3%;
	}
	
	.index_mobile_remarks_big_title{
		font-size:1.4rem;
	}
	
	
	.index_mobile_remarks_content{
		font-size:1.3rem;
		margin-top:3%;
	}
	
	.index_mobile_footer{
		width:100%;
		height:auto;
		background:#333333;
		padding:3%;
		margin-top:3%;
	}
	
	.index_mobile_footer ul li a{
		display:block;
		height:50px;
		line-height:50px;
		font-size:1.5rem;
		color:#ffffff;
		border-bottom:1px solid #565656;
	}
	
	.mobile_footer_copyright{
		text-align:center;
		height:50px;
		line-height:50px;
		color:#ffffff;
		font-size:1.4rem;
	}
	
	.mobile_active{
		background:#e60012;
		color:#ffffff;
	}
/**手机版样式***/