/* Write your styles */
/***css初始化***/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
    margin: 0;
    padding: 0
}

html {
    color: #000;
    overflow-y: scroll;
    overflow: -moz-scrollbars
}

body, button, input, select, textarea {
    font: 12px arial
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%
}

em {
    font-style: normal
}

small {
    font-size: 12px
}

ul, ol {
    list-style: none
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

legend {
    color: #000
}

fieldset, img {
    border: 0
}

button, input, select, textarea {
    font-size: 100%
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

img {
    -ms-interpolation-mode: bicubic
}

textarea {
    resize: vertical
}
/***css初始化***/

@media screen and (min-width:1024px) { 
	.headers_pc{
		width:100%;
		height:auto;
		position:fixed;
		background:#ffffff;
		z-index:999999;
	}
	
	.headers_pc_middle{
		width:90%;
		height:auto;
		margin:0 auto;
	}
	
	.headers_pc_middle_logo{
		width:19%;
		height:auto;
		float:left;
	}
	
	.headers_pc_middle_logo img{
		width:100%;
	}
	
	.header_right{
		width:80%;
		height:auto;
		float:right;
		margin-top:3%;
	}
	
	.meuns{
		font-size:16px;
		font-family:'微软雅黑';
		text-align:center;
		display: flex;
		align-items: center; 
		justify-content: center;
	}
	
	.meuns li{
		 flex: 1;
	}
	
	.hot_line{	
		/*	
		width:61%;	
		*/		
		height:30px;
		background:#d377b4;
		line-height:30px;
		font-size:15px;
		color:#ffffff;
		border-radius:10px;
		text-align:center;
	}
	
	.mobile_header{
		display:none;
	}
	
	.pc_banner{
		width:100%;
		height:auto;
		padding-top:3%;
	}
	
	/* flexslider */

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

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

	.slides li{height:auto;}

	.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;}
	
	.mobile_banner{
		display:none;
	}
	
	.index_products_title{
		display:block;
	}
	
	.mobile_products_title{
		display:none;
	}
	
	.mobile_index_abouts{
		display:none;
	}
} 

@media screen and (max-width:1000px){ 
	
	.mobile_index_abouts_pic img{
		width:100%;
	}
	
	.mobile_index_abouts_pic{
		width:100%;
	}
	
	.index_abouts{
		display:none;
	}
	
	.mobile_index_abouts{
		display:block;
	}
	
	.mobile_products_remark{
		width:100%;
		height:100%;
		overflow:hidden;
		background:#f6f6f6;
		text-align:center;
		padding:3%;
		padding-bottom:7%;
		
	}
	
	.mobile_products_remark_big_title{
		font-size:1.5rem;
		margin-bottom:2%;
		font-weight:bold;
	}
	
	.mobile_products_remark_small_title{
		font-size:1.5rem;
	}
	
	.mobile_index_product_list{
		width:100%;
		height:100%;
	}
	
	.mobild_index_products_title img{
		width:100%;
	}
	
	.index_products_title{
		display:none;
	}
	
	.mobile_products_title{
		display:block;
	}
	
	.headers_pc{
		display:none;
	}
	
	.mobile_header{
		width:100%;
		height:auto;
	}
	
	.mobile_header_logo {
		width: 40%;
		height: 100%;
		float: left;
		margin: 3%;
		margin-top: 0%;
		margin-bottom: 0px;
	}
	
	.mobile_header_logo img {
		width: 100%;
	}
	
	.mobile_meuns {
		width: 20%;
		height: auto;
		float: right;
		margin: 4%;
		margin-right: 3%;
		text-align: right;
	}
	
	.mobile_meuns img {
		width: 31%;
		margin-top: 8%;
	}
	
	.am-offcanvas {
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1090;
		background: rgba(0,0,0,.15);
	}
	
	.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;
	}
	
	.pc_banner{
		display:none;
	}
	
	.mobile_banner{
		width:100%;
		height:auto;
	}
	
	.clear{
		clear:both;
	}
	
	
}

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

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

.index_products_title img{
	width:100%;
}

.index_pro{
	padding:0px;
}




.news_product_pic img{
	width:100%;
}


.news_pro_remark_title{
	padding:5%;
	font-size:2.3rem;
	font-weight:bold;
	font-family:'微软雅黑';
}

.news_product_remarks{
	font-size:1.6rem;
	line-height:2em;
	padding:5%;
	padding-top:0px;
	padding-bottom:1%;
}

.lines{
	width:90%;
	padding:5%;
	height:50px;
	line-height:50px;
	border-top:1px solid #bababa;
	border-bottom:1px solid #bababa;
	display:flex;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	margin:0 auto;
}

.lines_content{
	flex:1;
	font-size:1.4rem;
	text-align:left;
}

.qiehuan{
	display:flex;
	margin-top:8%;
	margin-left:5%;
}

.qiehuan img{
	width:60%;
}

.index_news_product_small_pic{
	display:flex;
	margin-left:5%;
	margin-top: 10%;
}

.index_news_product_small_pic_list{
	width:23%;
	margin-top:4%;
	margin-right:1.5%;
}

.index_news_product_small_pic_list img{
	width:100%;
}

@media screen and (min-width:1024px) { 
	.index_pros{
		width:100%;
		height:auto;
	}
	
	.index_pros_bg img{
		width:100%;
		margin-top: 6%;
	}
	
	.indexpro_list_middle{
		width:90%;
		height:auto;
		margin:0 auto;
	}
	
.indexpro_list{
	margin-top:-17%;
}

.mobild_index_products{
	display:none;
}

	.index_moboles_case{
		display:none;
	}
}

@media screen and (max-width:1000px) {
	
	.second_news_title{
		width:100%;
		padding:1%;
		height:30px;
		line-height:30px;
		background-color:rgba(0,0,0,0.5);
	
	}
	.second_news ul li{
		width:50%;
		height:100%;
		float:left;
		padding:1%;
	}
	
	.second_news{
		width:100%;
		height:100%;
		overflow:hidden;
		margin-top:3%;
		padding:3%;
	}
	
	.first_news_remark{
		width:100%;
		font-size:1.6rem;
		line-height:2em;
	}
	
	.first_news_title{
		font-size:1.7rem;
		font-weight:bold;
	}
	
	.first_news{
		width:100%;
		height:100%;
		padding:3%;
	}
	
	
	.index_cases{
		display:none;
	}
	
	.index_pros{
		display:none;
	}
	
	.mobild_index_products{
		width:100%;
		display:block;
		margin-top:1%;
		padding-bottom:10%;
	}
	
	.index_cases{
		display:none;
	}
	
	.index_moboles_case{
		width:100%;
		height:100%;
	}
	
}

.index_abouts{
	width:100%;
	height:100%;
	margin-top:10%;
	overflow:hidden;
}

.index_abouts_middle{
	width:90%;
	height:auto;
	margin:0 auto;
}

.index_abouts_img img{
	width:100%;
}

.about_titles{
	margin-top:5%;
}

.index_about_remark{
	font-size:1.4rem;
	line-height:2em;
}

.index_abouts_unders{
	margin-top:12%;
}

.index_cases{
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
}

.index_case_bg img{
	width:100%;
	margin-top: 3%;
}

.index_case_middle{
	width:90%;
	height:auto;
	margin:0 auto;
	margin-top:-39%;
}

.index_case_middle_big_pic img{
	width:100%;
}

.index_case_middle_remark{
	padding:3%;
}

.index_case_remarks{
	font-size:1.3rem;
	font-family:'微软雅黑';
	line-height:2em;
	color:#888888;
}

.index_case_small_pic{
	display:flex;
	margin-top:10%;
}

.small_list{
	flex:1;
	margin-right:2%;
}

.small_list img{
	width:100%;
}

@media screen and (min-width:1024px) { 
	.index_news{
		width:100%;
		height:100%;
		overflow:hidden;
		margin-bottom:3%;
	}

	.index_news_title img{
		width:100%;
		margin-top: 3%;
	}
	
	.index_news_lists{
		width:90%;
		height:auto;
		margin:0 auto;
	}
	
	.index_news_lists_left{
		width:49.5%;
		height:70vh;
		float:left;
		overflow:hidden;
	}
	
	.index_news_lists_left_img{
		width:100%;
		height:70vh;
	}
	  
	.index_news_lists_left_img img{
		width:100%;
	}
	
	.index_big_news_remarks{
		width:100%;
		height:auto;
		padding:3%;
		background: rgba(255, 255, 255, 0.3);
		margin-top:-7%;
		position:relative;
		z-index:99999999;
		font-size:1.6rem;
		text-align:center;
	}
	
	.index_news_lists_right{
		width:49.5%;
		height:70vh;
		float:right;
	}
	
	.index_news_lists_right ul li{
		width:49%;
		height:34vh;
		float:left;
		margin-right:1%;
		margin-bottom:2vh;
		overflow:hidden;
	}
	
	.index_small_news_pic img{
		width:100%;
	}
	
	.index_mobile_news{
		display:none;
	}
	
	.index_footers{
		width:100%;
		height:100%;
		overflow:hidden;
		background:#1b1b1b;
		
	}
	
	.index_footers_middle{
		width:90%;
		height:100%;
		margin:0 auto;
		overflow:hidden;
		border-bottom:1px solid #3b3b3b;
		margin-top:5%;
		padding-bottom:3%;
	}
	
	.index_footers_middle_left{
		width:20%;
		height:100%;
		float:left;
	}
	
	.footer_hot_line{
		width:80%;
		color:#ffffff;
		font-size:16px;
		border-bottom:1px solid #7a7a7a;
		line-height:2em;
	}
	
	.tel_number{
		font-size:18px;
		color:#ffffff;
		line-height:1.7em;
	}
	
	.erweima{
		margin-top:3%;
	}
	
	.scar_remark{
		color:#ffffff;
		margin-top:2%;
		font-size:15px;
	}
	
	.index_footers_middle_right{
		width:70%;
		height:100%;
		float:right;
	}
	
	.index_footers_middle_right ul li{
		width:15%;
		float:left;
		margin-right:5%;
	}
	
	.footer_meuns_title{
		width:100%;
		height:40px;
		border-bottom:1px solid #5d5d5d;
		color:#ffffff;
		font-weight:bold;
		font-size:16px;
		line-height:40px;
	}
	
	.footer_small_meuns{
		font-size:14px;
		margin-top:3%;
	}
	
	.pc_copyright{
		width:90%;
		height:50px;
		line-height:50px;
		text-align:center;
		color:#d6d6d6;
		font-size:16px;
	}
	
	.index_mobile_footers{
		display:none;
	}
	
}

a {
    color: #2d374b;
    text-decoration: none;
}

.clear{
	clear:both;
}


@media screen and (max-width:1000px) { 
	
	.copyright{
		width:100%;
		height:50px;
		line-height:50px;
		border-top:1px solid #c0c0c0;
		text-align:center;
		font-size:1.5rem;
		color:#d6d6d6;
	}
	
	.mobile_footer_info{
		padding:3%;
		display:flex;
		flex-direction: row;
		justify-content: space-between;
		color:#ffffff;
		font-size:1.6rem;
	}
	.index_news{
		display:none;
	}
	.index_mobile_news{
		width:100%;
		height:100%;
		display:block;
		padding-bottom:10%;
	}
	
	.mobile_news {
		width: 100%;
		height: 100%;
		margin: 0 auto;
	}
	
	.am-list-news-default {
		margin: 10px;
	}
	
	.am-list-news-hd {
		padding-top: 1.2rem;
		padding-bottom: 0.8rem;
	}
	
	.am-list-news-hd a {
		display: block;
	}
	
	.am-list-news-hd h2 {
		font-size: 1.6rem;
		float: left;
		margin: 0;
		height: 2rem;
		line-height: 2rem;
	}
	
	.am-list-news-hd .am-list-news-more {
		font-size: 1.3rem;
		height: 2rem;
		line-height: 2rem;
	}
	
	.am-fr {
		float: right;
	}
	
	.index_footers{
		display:none;
	}
	
	.index_mobile_footers{
		width: 100%;
		height: 100%;
		background: #1b1b1b;
		overflow:hidden;
	}
	

.content_remarks{
	width:100%;
	height:100%;
	overflow:hidden;
	padding:3%;
	background:#efefef;
	padding-bottom:10%;
}

.content_remarks_title{
	font-size:1.7rem;
	font-weight:bold;
}

.remars_contents{
	font-size:1.6rem;
	line-height:2em;
	margin-top:3%;
	padding-bottom:2%;
}

.product_line{
	width:100%;
	height:1px;
	border-bottom:1px solid #c8c8c8;
	margin-top:2%;
}

.remarks_title{
	font-size:1.5rem;
	line-height:3em;
}

.product_buttons{
	width:100%;
	height:50px;
	border:1px solid #d479b6;
	line-height:50px;
	text-align:center;
	margin-top:3%;
}
	
}