/*





*/





/***********************************************xiaoyuan*****************************************************************************************/

@media all and (max-width:1300px){
	.w1200{ width:1000px;}
	.top{ width:1000px; margin:0px auto; }
	.nav{ width:800px; }
	.nav ul li{ width:100px; }
	.navk{ width:100px;}
	.serch{ width:200px; }
	.serch .kk{ width:160px; height:24px; border:1px solid #969696; background:none; float:left}

	.product{ width:1000px; margin:0px auto; padding-top:30px;}
	.product ul li{ width:310px; height:215px; position:relative; float:left; margin:30px 10px 0px 10px; overflow:hidden;}
	.product ul li img{ width:100%; height:100%;}
	.pro_wz{ width:90%; height:120px; margin:0px auto; line-height:24px; font-size:14px; color:#fff; padding-top:0px;}

	.news{ width:1000px; margin:0px auto; padding-top:60px;}
	.news_lb{ width:500px; float:left;}

	.news_list ul li{ width:100%; height:80px; padding:14px 0px 14px 0px; border-bottom:1px solid #e1e1e1;}
	.yeads{ width:50px; text-align:center; float:left; font-size:16px; color:#999;}
	.yeads span{ font-size:26px; color:#333;}
	.news_con{ width:350px; float:left; padding-left:40px;}


	.news_pic{ width:480px; height:360px;}
	.news_pic img{ width:100%; height:100%;}

	.case_tit{ width:1000px; left:50%; margin-left:-500px; top:140px; z-index:999;}
	.marktu2{ width:600px; }
	.marktu3{ width:400px;}

	.about_pic{ width:550px; height:322px; float:left;}
	.about_pic img{ width:100%; height:100%;}

	.about_infor{ float:right; width:420px;}
	.about_bt{ width:100%; line-height:100px; font-size:18px; color:#333;}

	.cooper_lb{ width:1000px; margin:0px auto;}
	.cooper_lb ul li{ width:160px; height:76px; float:left; margin:30px 1px 0px 1px; position: relative;}

	.foot_lb{ float:left; padding-top:35px; width:120px;}
	.foot_bt{ width:100%; line-height:50px; font-size:12px; color:#fff; border-bottom:1px solid #666565; margin-bottom:10px;}
	.foot_lb ul li{ line-height:30px; font-size:12px;}
	.foot_lb ul li a{ color:#c0c0c0;}
	.foot_lb ul li a:hover{ color:#fff;}
	.footer_ewm{ width:120px; float:right; text-align:center; line-height:50px; padding-top:35px; font-size:12px; color:#fff;}

	.wrting{ width:1000px;}
	.wrting img{ max-width:1000px;}
	.mapls{ width:980px;}

	.home_case{ width:1000px; margin:0px auto;}
	.home_case ul li{ width:310px; height:215px; float:left; position:relative; overflow:hidden; margin:26px 6px 0px 6px;}
	.ref-title{ padding-top:10px;}
	.ref-desc{ width:90%; margin:0px auto; font-size:14px; line-height:22px; font-size:14px; color:#fff; text-align:center; height:88px;}

	.contact_ewm{ float:left; padding-left:20px; padding-top:15px;}
	.contact_bd{ float:left;  width:455px; padding-left:10px;}
	.wrting2{ width:1000px;}
	.wrting2 img{ max-width:22%;}

	.inltwz img{ max-width:30%;}
	.jiamlb{ width:900px; float:right; border-top:1px solid #bbb;}

	.news_type{ width:1000px; float:none;}
	.news_type ul li{ width:960px; height:120px; padding:19px; border:1px solid #d6d7dc; margin-bottom:20px;}

	.news_bd{ display:none;}
	.news_rights{ width:700px; float:left; padding-left:30px;}

	.itsbran{ width:1000px;}
	.itsbran_tu{ width:480px; float:left;}
	.itsbran_wz{ width:450px; height: auto; padding:40px 20px 40px 30px; border:4px solid #7a7a7a; border-left:none; margin-top:20px;}

	.effect{ width:998px; height:684px; border:1px solid #b4b2b2; margin:0px auto;}
	.effect_bt{ width:100%; height:46px; line-height:46px; font-size:16px; color:#fff; background:url(../images/product_27.jpg) no-repeat center top;}
	.effect_bt span{ padding-left:15px;}
	.effect_con{ width:998px; height:593px; margin:0px auto; padding-top:20px; position:relative;}
	.effect_con .prev{ width:38px; height:74px; position:absolute; left:16px; top:260px; background:url(../images/product_15.png) no-repeat center left; display:block;}
	.effect_con .next{ width:38px; height:74px; position:absolute; right:16px; top:260px; background:url(../images/product_17.png) no-repeat center left; display:block;}
	.effect_list{ width:844px; height:593px; margin:0px auto; overflow:hidden;}
	.effect_list ul li{ width:844px; height:593px;}

	.single{ width:1000px; margin:0px auto;}
	.single_lb{ width:1000px;}
	.single_lb ul li{ width:220px; height:265px; float:left; padding:30px 15px 0px 13px; float:left; text-align:center;}
	.single_lb ul li p{ line-height:46px; font-size:14px; color:#666;}
	.single_lb ul li span{ padding-right:10px; color:#333;}
	.single_lb ul li img{ width:200px; height:198px; padding:9px; border:1px solid #b4b2b2;}

	.depict{ width:1000px; margin:0px auto;text-align:center;}

	.hlinks{height:80px; border:1px solid #CCCCCC; padding:10px; width:1000px; margin:30px auto 0px auto;}
	.hlinks .lten{width:90px; border-right:1px solid #cccccc; text-align:center; font-size:18px; height:80px; float:left; line-height:80px;}
	.hlinks .lcom{float:left; width:908px;}
	.hlinks .lcom a{line-height:80px; margin-left:10px; color:#666;}

}


@media all and (max-width:1024px){
	.head{ display:none;}
	.footer{ display:none;}
	.footbot{ display:none;}
	.head2{ width:100%; height:100px; display:block; position:relative;}
	.head2 .logos{ float:left; padding:20px 0px 0px 20px;}
	.head2 .logos a{ display:block; width:100%; height:100%;}
	.ico_nav{ float:right; padding:36px 20px 0px 0px;}

	.mobnav{ width:100%; position:absolute; left:0px; top:100px; background:#fff; z-index:99999; display:none;}
	.mobnav ul li{ width:90%; margin:0px auto; line-height:60px; font-size:22px; color:#333; text-align:center; border-bottom:1px solid #ccc;}
	.navkms{ width:90%; margin:0px auto;}
	.mobnav ul li a{ color:#333;}
	.mobnav  .navkms ul li{ width:100%; height:60px; line-height:60px; font-size:18px; color:#666;}
	.mobnav  .navkms ul li a{ color:#666;}

	.h164{ display:none;}
	.banner{ display:none;}
	.bannersj{ display:block;}

	.w1200{ width:96%; margin:0px auto;}
	.title img{ max-width:95%; height:auto;}
	.product{ width:100%; text-align:center;}
	.product ul li{ width:44%; height: auto; position:relative; float:left; margin:34px 3% 0px 3%; overflow:hidden; padding:0px; overflow:hidden;}
	.product ul li a{ display:block; width:100%; height:100%;}
	.news_lb {width: 95%; float: none; margin:0px auto;}
	.news_pic {  width: 95%; height: auto; margin:0px auto; float:none;}

	.prod_link{ width:50px;}


	.news { width: 100%;   margin: 0px auto; padding-top: 60px;}
	.yeads{ width:12%; font-size:16px; color:#999; float:left;}
	.yeads span{ font-size:24px; color:#333;}
	.news_con{ width:66%; float:left; padding-left:5%;}
	.news_tit{ width:100%; line-height:36px; font-size:18px; color:#333; font-weight:bold;}
	.news_text{ width:100%; line-height:24px; font-size:16px; color:#3333;}
	.news_link{ width:10%; height:22px; float:right;}
	.news_link a{ display:block; width:80%; height:30px; border:1px solid #999; text-align:center; line-height:30px; font-size:12px; color:#999;}
	.news_trks{ font-size:20px;}

	.case_tit{ position:absolute; width:95%; left:50%; margin-left:-45%; top:140px; z-index:999;}

	.marktu{ width:95%; text-align:center; padding-top:60px; margin:0px auto;}
	.marktu a{ display:block; width:100%; height:100%;}
	.marktu2 a{ display:block; width:100%; height:100%;}
	.marktu3 a{ display:block; width:100%; height:100%;}
	.marktu img{ width:100%;}
	.marktu2{ width:95%; height:auto; float:none; padding-top:30px; margin:0px auto;}
	.marktu3{ width:95%; float:none; padding-top:0px; margin:0px auto;}
	.about_pic {  width: 95%; height: auto;float: none; margin:0px auto;}
	.about_infor { float: none; width: 95%; margin:0px auto;}
	.about_bt{ width:100%; line-height:100px; font-size:22px; color:#333;}
	.about_text {
		width: 100%;
		line-height:34px;
		font-size: 18px;
		color: #666;
		height: 112px;
		overflow: hidden;
	}
	.about_link a{ font-size:20px;}
	.cooper_lb {  width: 100%; margin: 0px auto;}
	.cooper_lb ul li { width: 21%; height: auto;float: left; margin: 30px 2% 0px 2%; position: relative;}
	.cooper_lb ul li a{ display:block; width:100%; height:100%;}
	.coopk{ display:none;}



	.footer2{ display:block; width:100%; height:100px; background:#333;}
	.footer2 ul li{ width:33.3%; float:left;}
	.footer2 ul li a{ display:block; width:99.6%; border-right:1px solid #000; margin:0px auto; height:40px; line-height:40px; font-size:18px; color:#fff; text-align:center; padding-top:60px;}

	.tabl_con{ width:100%; padding-top:40px; height: auto; padding-bottom:20px; border-bottom:1px solid #949494; text-align:center;}
	.tabl_con a{ display:inline-table; width:28%; height:40px; text-align:center; line-height:40px; font-size:18px; color:#666; margin:20px 2% 0px 2%;}
	.tabl_con a:hover{ color:#fff; background:#4badcd;}
	.tabl_con a.xm{ color:#fff; background:#4badcd;}

	.about_tu{ float:none; width:90%; padding-left:0px; margin:0px auto;}
	.about_tu img{ width:100%;}
	.about_wz{ width:95%; float:none; margin:0px auto; line-height:34px; font-size:18px; color:#666; padding-top:60px;}

	.wrting2 { width: 96%; margin: 0px auto;  line-height: 34px; font-size: 18px;}
	.wrting2 img{ width:100%; max-width:20%;}
	.wrting { width: 96%; margin: 0px auto;  line-height: 34px; font-size: 18px;}
	.wrting img{ width:100%;}
	.mapls{ width:100%; border:none;}
	.contact_ewm{ float:none; padding-left:0px; padding-top:15px; width:90%; text-align:center; margin:0px auto;}
	.contact_bd{ float:none;  width:90%; padding-left:0px; margin:0px auto;}

	.online { width:96%; margin:0px auto; margin: 0px auto;}


	.itsbran{ width:90%; margin:0px auto;}
	.itsbran_tu{ width:100%; float:none;}
	.itsbran_tu img{ width:100%;}
	.itsbran_wz{ width:94%; height: auto; padding:3%; border:none;  float:left; background:#f5f5f5; line-height:34px; font-size:16px; color:#666; margin-top:10px;}
	.page a.nxet { display:none;}
	.proback{ top:82%; }

	.news_hos{ display:none;}
	.news_rights{ width:100%; float:none;}
	.nesfont img{ max-width:90%;}

	.news_type{ width:98%; float:none;}
	.news_type ul li{ width:94%; height: auto; padding:3%; border:1px solid #d6d7dc; margin-bottom:20px;}
	.news_tu{ width:25%; height: auto; float:left;}
	.news_up{ width:60%; float:left; padding-left:2%;}
	.news_tkt{ line-height:40px; font-size:18px; color:#333; font-weight:bold;}
	.news_times{ line-height:26px; font-size:12px; color:#999;}
	.news_fon{ line-height:24px; font-size:14px; color:#666;}
	.news_pop{ width:40px; height:22px; float:right;}


	.home_case{ width:100%; margin:0px auto;}
	.home_case ul li{ width:42%; height: auto; float:left; position:relative; overflow:hidden; margin:36px 3% 0px 3%;}
	.ref-overlay{ position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5);}
	.ref-title{ width:100%; text-align:center; line-height:40px; font-size:18px; color:#fff; padding-top:15px;}
	.ref-desc{ width:90%; margin:0px auto; font-size:14px; line-height:24px; font-size:14px; color:#fff; text-align:center; height:48px; overflow:hidden;}
	.ref-more{ width:64px; height:64px; margin:0px auto; margin-top:10px; background:url(../images/more_off.png) no-repeat; background-size:100% 100%;}

	.jmtab{ width:96%; float:none; clear:both; text-align:center; padding-bottom:20px;}
	.jmtab ul li{ width:24%; height:70px; padding-bottom:0px; display:inline-table;}
	.jmtab ul li a{ display:block; width:99%; height:58px; text-align:center; border:1px solid #9e9e9e; color:#333; font-size:16px; line-height:24px; padding-top:10px;}

	.jiamlb{ width:96%; float:none; border-top:1px solid #bbb; margin:0px auto;  clear:both;}
	.jiamlb ul li{ width:100%; border-bottom:1px solid #bbb;}
	.nember{ width:24px; height:24px; background:#f0f0f0; text-align:center; line-height:24px; font-size:12px; color:#333; float:left; margin-top:22px;}
	.jiamlb ul li span{ float:left; padding-left:25px; color:#333; font-size:16px; line-height:68px;}
	.prod_bt {
		width: 100%;
		text-align: center;
		height: 54px;
		line-height: 54px;
		font-size: 18px;
		color: #fff;
	}

	.hlinks{height:80px; border:1px solid #CCCCCC; padding:10px; width:95%; margin:30px auto 0px auto;}
	.hlinks .lten{width:10%; border-right:1px solid #cccccc; text-align:center; font-size:20px; height:80px; float:left; line-height:80px;}
	.hlinks .lcom{float:left; width:89%;}
	.hlinks .lcom a{ margin-left:10px; color:#666; font-size:18px;line-height: 80px; }
	.xuanx{padding-top:20px;}
	.hmore a{color:#505050; font-size:18px; padding-right:3%;}
}