@charset "utf-8";
/* CSS Document */
@media screen and (min-width:1024px){

	.pro_index_cont>ul>li { height:280px !important;}
	.pro_index_cont>ul>li .pro_img{ height:213px !important;}
	.news_first{height:130px}
}

@media screen and (max-width:1024px){
	.language{display:none !important;}
	.lang{display:inline-block;vertical-align:middle; }
	.lang a{color:#000;}
}
@media screen and (min-width:1024px) and (max-width:1179px){
	/* */
	.pro_index_cont>ul>li { height:280px !important;}
	.pro_index_cont>ul>li .pro_img{ height:213px !important;}
	.layer,.product_cont{ width:96%;}
	.about_img{ width:50%;}
	.news_first{height:130px}
}
@media screen and (min-width:768px) and (max-width:1023px){
	/* */
	.layer,.product_cont{ width:96%;}
	.product,.about{ padding:30px 0;}
	.product{ padding-bottom:10px;}
	.news ul li span img{ margin-top:15px;}
	.header .mb_nav{ display:none;}
	.product .pro_centent ul li{ width:50%; padding-bottom:20px;}
	.about .about_left{ width:40%;}
	.about .about_right{ width:58%;}
	.news .about_left{ width:56%;}
	.news .about_right{ width:42%;}
	.news_contant .news_first div p{ height:40px; line-height:20px; overflow:hidden;}
	.news_contant .about_right ul li{ padding:8px 0;}
	.news_contant .news_first div a{ margin-top:5px;}
	.about_img{ width:50%;}
	.news_first{height:130px}
	#FloatLayer{display:none}
	.pro_index_cont>ul>li { height:280px !important;}
	.pro_index_cont>ul>li .pro_img{ height:213px !important;}
	.hidem{display:none !important;}
}
@media screen and (min-width:640px) and (max-width:767px){
	/* */
	.layer,.product_cont{ width:96%;}
	.product{ padding:25px 0 0 0;}
	.product .pro_centent ul li{ width:50%; padding-bottom:20px;}
	.news .about_left{ width:60%;}
	.news .about_right{ width:38%;}
	.news_contant .news_first div p{ height:46px; line-height:23px; overflow:hidden;}
	.footer .foot_nav li{ padding:0 10px;}
	.news_contant .news_first img{ width:45%;}
	.news_contant .news_first div{ width:53%;}
	.news_contant .about_right ul li{ padding:5px 0;}
	.about{ padding:25px 0;}
	.footer .foot_nav li{ padding:0 10px;}
	.header{ height:70px;}
	.header .logo{ width:50%; line-height:67px;  height:67px;}
	.header .logo img{ height:100%; width:auto;}
	.header .head_right .head_title{ display:none !important;}
	.header .head_right .tel{ margin-top:15px;}
	.header .head_right .tel p{ font-size:13px;}
	.header .head_right .tel h5{ font-size:16px;}
	.nav .nav_list{ display:none;}
	.nav .layer{ width:100%;}
	.head_title,.nav_icon{ display:block;}
	.news_contant .about_left p{bottom:0px;}
	.news_contant .news_first span{ width:45%;}
	.news_contant .news_first div a{ margin-top:5px;}
	#FloatLayer{display:none !important;}
}
@media screen and (max-width:1070px){
	.news_cont{ width:90%; }
	.news_cont>div img{ width:100%;}
	.hidem{display:none}
	}
@media screen and (max-width:767px){
	.news_c{ width:96%; margin:auto; float:none}
	.skype{ display:none;}
    .header .head_right .tel{ display:none;}
	.header .head_right .share{ margin-top:15px; }
	/*----------product--------*/
	.product_index{ padding:20px 0;}
	.product_index>.side_nav{ float:none; width:96%; margin:auto; margin-bottom:10px;}
	/*.product_index>.side_nav>h2:before{ }*/
	.pro_index_cont{ float:none; width:100%; margin:auto;}
	.pro_index_cont>ul>li{ width:45%; margin:2.5%;}
	.product_img{ width:100%;}
	.pro_detitle{ width:100%;  margin-top:20px;}
	.pro_detitle>h2{ margin-bottom:0px;}
	.pro_detitle>p{ font-size:12px;}
	.side_nav_ul{ display:none;}
	#FloatLayer{display:none}

	/*------about---------*/
	.about_index{ padding:20px 0;}
	.about_img{ float:none; width:96%;padding:0; margin:auto;}
	.about_img img{ width:100%;}
	.about_us{ margin-top:0;}
	.about_cont{ width:96%; margin:auto; border:none; margin-bottom:-40px;}
	.about_cont:before{ display:none;}
	.about_cont p{left:0px;}
	.about_index h2.cultuer_h2{ text-align:left;right:0; margin-right:0;}
	.cultuer>.about_img{ float:none}
	.cultuer>.about_cont{ margin-left:0;}
	.cultuer>.about_cont p{ left:7px;}
	.cultuer>.about_cont:before{left:0px;}

	/*news*/
	.news_index{ padding:0; padding-bottom:20px;}
	.news_index>ul>li{ border-bottom:1px solid rgba(0,0,0,.2);}
	.new_img{ float:left; width:25%;}
	.news_cont{ width:100%; font-size:12px; }
	.news_title{ margin-top:20px;}
	/*contact*/
	.contact_index{ padding:20px 0; width:100%; padding:2%;}
	.content_right{ margin-top:20px;}
	.content_left,.content_right{ float:none; width:100%; font-size:14px; line-height:2em;}
	.content_right>form>input,.content_right>form>textarea{ width:95%; margin:auto; margin-top:10px;}
	.pro_form{ width:100%; margin-top:10px;}
	.pro_form>form>input,.pro_form>form>textarea{ width:98%; margin:auto; margin-top:10px;}
	.pro_index_cont>ul>li { height:200px !important;}
	.pro_index_cont>ul>li .pro_img{ height:133px !important;}
}

@media screen and (min-width:0px) and (max-width:639px){
	/* */
	.layer,.product_cont{ width:96%;}
	.header{ height:70px;}
	.header .logo{ width:50%; line-height:67px;  height:67px;}
	.header .logo img{ height:100%; width:auto !important;} 
	.header .head_right .head_title{ display:none !important;}
	.header .head_right{ width:40%;}
	.header .head_right .share{ width:100%;}
	.header .head_right .share>ul>li{ width:18%; display:block; margin:0; margin-left:2%; float:left;}
	.header .head_right .share>ul>li img{ width:100%;}
	.header .head_right .tel{ margin-top:15px;}
	.header .head_right .tel p{ font-size:13px;}
	.header .head_right .tel h5{ font-size:16px;}
	.nav .nav_list{ display:none;}
	.nav .layer{ width:100%;}
	.head_title,.nav_icon{ display:block;}
	.product{ padding:25px 0;}
	.product .pro_centent ul li{ width:100%; padding-bottom:20px;}
	.product .pro_centent ul li div{ width:98%; }
	.product .pro_centent ul li div span{ width:80%;margin:0 auto}
	.news .about_left,.about .about_left{ width:100%;}
	.news .about_right,.about .about_right{ width:100%; padding-top:10px;}
	.news_contant .news_first div p{ height:66px; line-height:22px; overflow:hidden;}
	.footer .foot_nav li{ padding:0 10px;}
	.news_contant .news_first img{ width:45%;}
	.news_contant .news_first div{ width:53%;}
	.news_contant .about_right ul li{ padding:5px 0;}
	.news_contant .news_first span{ width:45%;}
	.news_contant .about_left p{bottom:0px;}
	.about{ padding:25px 0;}
	.footer{ height:auto; padding-bottom:12px; text-align:center;}
	.footer .foot_nav{ width:100%;}
	.footer .foot_nav li{ width:33%; float:left; text-align:center; border:none; padding:5px 0; text-align:center;}
	.new_img{ float:none; width:100%; margin:auto; margin-bottom:10px;}
	#FloatLayer{display:none}
	
}
@media screen and (min-width:0px) and (max-width:410px){
	.header{ height:60px;}
	.header .logo{ line-height:58px; height:58px;}
	.header .head_right .share{line-height:60px; margin:0;}
	#FloatLayer{display:none}
	
	}