@media screen and (min-width: 992px) and (max-width: 1199px) {
	.wrap {
		width: 1002px;
		margin: 0 auto;
	}
	
	/*首页*/
	.head .nav li{ float: left; margin: 0 0 0 20px;}
	.idx-news{ width: 350px; margin: 40px 20px 0 20px; height: 256px; overflow: hidden;}
	.idx-about{ width: 350px; margin: 0 20px 0 20px; height: 203px; overflow: hidden;}
	.idx-solution2 .pic img{ width: 32%; height: auto;}
	.idx-solution2 .pic .cb{ margin: 0 2%;}
	.idx-slide{ height: 464px; overflow: hidden;}
	.idx-slide li{ height: 464px; background-size: auto 100%!important;}

	/*内页*/
	.rightbox{ width: 722px;}
	.content .contact{ width: 100%; float: left;}

	.content .login{ zoom:0.85;}
	.msg li{ width: 50%;}
	.msg .txts{ width: 610px;}

	.piclist li{ margin: 10px;}
	.piclist li img{ width: 185px; height: 137px;}

	.vdolist li{ margin: 0 9px;}

	.dwlist2 li{ float: left; margin: 0 12px 15px 12px;}

	.product .pic{ width: 360px; height: auto;}
	.product .intr{ width: 315px; height: 261px; overflow: hidden; line-height: 24px;}
	.product .intr h1{ font-size: 20px; line-height: 28px; }

	.brand li{ float: left; margin: 0 30px 20px 30px;}

	.read-related{ width: 69%;}
	.related{ width: 28%; border: 1px solid #C5C5C5; height: 329px; overflow: hidden; background: #FFF;}

}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.wrap {
		width: 768px;
		margin: 0 auto;
	}

	/*首页*/
	.head{ height: 90px;}
	.head .logo{ height: 60px; width: auto;}
	.head .bg{ height: 90px;}
	.head .ls{ top: 10px;}
	.head .nav{ top: 50px; height: 40px; line-height: 40px;}
	.head .nav li a{ font-size: 14px;}
	.child{ top: 90px;}
	.idx-slide{ height: 400px; overflow: hidden;}
	.idx-slide li{ height: 400px; background-size: auto 100%!important;}
	.child{ padding-left: 0%; width: 100%; }
	.idx-vdo{ margin-left: 40px;}
	.idx-solution{ margin-right: 40px;}
	.idx-news{ width: 688px; margin: 40px 40px 0 40px; }

	.idx-join{ margin-left: 40px;}
	.idx-dw{ margin-right: 40px;}
	.idx-about{ width: 688px; margin: 40px 40px 0 40px; }

	.idx-solution2 .pic img{ width: 32%; height: auto;}
	.idx-solution2 .pic .cb{ margin: 0 2%;}

	/*内页*/
	.leftbox{ width: 210px;}
	.rightbox{ width: 538px;}
	.leftmenu{ padding-bottom: 30px; background-size: 100% auto;}
	.leftmenu .title{ background: #005dbd; padding: 20px;}

	.content .contact{ width: 100%; float: left;}

	.content .login{ zoom:0.65;}

	.msg{ font-size: 12px;}
	.msg li{ width: 50%;}
	.msg label{ width: 60px;}
	.msg .txt{ width: 180px;}
	.msg .txts{ width: 440px; height: 120px;}

	.piclist li{ margin: 10px;}
	.piclist li img{ width: 214px; height: 159px;}

	.vdolist li{ margin: 0 20px;}

	.join img{ float: none; margin-right: 0px;}

	.dwlist2 li{ float: left; margin: 0 6px 15px 6px;}

	.ywlist .c3{ width: 40%; border-right: 0;}

	.product .pic{ float: none; margin-right: 0;}
	.product .intr{ float: none; width: 100%;}

	.brand li{ float: left; margin: 0 5px 20px 5px;}

	.read-related{ width: 100%; float: none;}
	.related{ width: 100%; float: none; margin-top: 20px; height: 172px;}
	.related ul{ height: 130px;}
}
@media screen and (max-width: 767px) {
	.wrap {
		width: 100%;
	}
	body{ font-size: 14px;}
	.foot .foot-nav{ line-height: 24px;}

	/*首页*/
	.layui-layer{ width: 90%!important;}
	.head{ height: 170px; text-align: center;}
	.head .bg{ height: 170px; background: #EEE;}
	.head .logo{ height: 60px; width: 202px; margin-top: 5px;}
	.head .ls{ top: 70px; left: 50%; right: auto; margin-left: -134px;}
	.head .nav,.head .nav2{ position: absolute; right: 0; top: 105px; height: 60px; line-height: 30px; width: 96%; margin: 0 2%;}
	.head .nav li,.head .nav2 li{ float: left; margin: 0; width: 25%;}
	.head .nav li:nth-child(1),.head .nav2 li:nth-child(1){ width: 25%;}
	.head .nav li:nth-child(2),.head .nav2 li:nth-child(2){ width: 29%; letter-spacing:5px; text-indent:5px;}
	.head .nav li:nth-child(3),.head .nav2 li:nth-child(3){ width: 45%; letter-spacing:1px; text-indent:2px;}
	.head .nav li:nth-child(5),.head .nav2 li:nth-child(5){ width: 29%;}
	.head .nav li:nth-child(6),.head .nav2 li:nth-child(6){ width: 23%;}
	.head .nav li:nth-child(7),.head .nav2 li:nth-child(7){ width: 23%;}
	.head .nav{ display:none;}
	.head .nav2{ display:block;}
	.head .nav2 a{ font-weight:bold;}
	.idx-slide{ height: 150px; overflow: hidden; padding-top: 170px;}
	.idx-slide li{ height: 150px; background-size: auto 100%!important;}
	.child{ display: none!important;}

	.idx-vdo{ width: 94%; margin: 7% 3% 0 3%;}
	.idx-vdo .cc{ text-align: center;}
	.idx-solution{ width: 94%; margin: 7% 3% 0 3%; height: auto;}
	.idx-solution .lt a{ width: 49%; margin-right: 1px; text-align: center; font-size: 16px;}

	.idx-news{ width: 94%; margin: 9% 3% 0 3%; height: auto;}
	.tit{ height: 32px; line-height: 32px; position: relative;}
	.tit .tab a{ padding: 0 8px; margin-right: 5px; font-size: 14px;}
	.tit .more{ background: url(../image/ico3.jpg) no-repeat right 10px; font-size: 16px;}

	.idx-join{ width: 94%; margin: 0 3% 0 3%;}
	.idx-join .cc{ text-align: center;}
	.idx-dw{ width: 94%; margin: 7% 3% 0 3%; height: auto;}
	.idx-about{ width: 94%; margin: 7% 3% 0 3%; height: auto;}
	.idx-solution2{ width: 94%; margin: 7% 3% 0 3%; height: auto;}
	.idx-solution2 .pic .cb{ margin: 10px 0 0 0;}
	.idx-solution2 .pic img{ vertical-align: top; margin-top: 10px; width: 100%;}

	/*内页*/
	.leftbox{ width: 100%; float: none;}
	.link {
		display: none;
	}
	.rightbox{ width: 100%; float: none;}
	.innerban{ 


		height: 110px; 
		padding-top: 170px; 
		background-size: auto 110px;


	}
	.innerban.class_bg {
		background-size: auto 110px;
	}
	.leftmenu{ padding-bottom: 0px; background-size: 100% auto; background: #FFF;}
	.leftmenu .title{ background: #005dbd; padding: 10px 20px;}
	.leftmenu h3{ font-size: 16px;}
	.leftmenu .lchild li a{ font-size: 16px;}
	.chnloc h3{ float: none; font-size: 24px; padding-bottom: 5px;}
	.chnloc .loc{ float: none; line-height: 24px; padding: 5px 0 5px 20px; font-size: 16px;}
	.content{ font-size: 16px; line-height: 28px; min-height: inherit;}
	.content img{ max-width: 100%!important;height: auto;}

	.content .map{ width: 100%; height: 262px; overflow: hidden;}
	.content .contact{ width: 100%; font-size: 16px; line-height: 30px;}

	.content .login{ background: url(../image/loginbg.jpg) no-repeat center top; height: 250px; width: 100%; position: relative; background-size: auto 100%;}
	.content .login .logintb{ position: absolute; left: 50%; top: 133px; font-size: 16px; width: 320px; zoom:0.85; margin-left: -160px;}
	.content .login .logintb td{ height: 30px; line-height: 30px; padding: 5px 0;}
	.content .login .logintb .txt,.content .login .logintb .txt2{ width: 212px; height: 30px; line-height: 30px; border: 0; background-color: #FFF; border-radius: 5px; padding: 0 5px;}
	.content .login .logintb .txt2{ width: 80px;}
	.content .login .logintb .btn{ width: 90px; height:30px; background: url(../image/btn1.jpg) no-repeat; cursor: pointer; border: 0;}
	.dwlist{ padding: 0 10px;}

	.msg{ font-size: 14px;}
	.msg li{ width: 100%;}
	.msg label{ width: 70px;}
	.msg .txt{ width: 70%;}
	.msg .txts{ width: 70%; height: 120px;}

	.job li{ height: auto; padding: 10px 0;}
	.job .tit{ display: none;}
	.job span{ text-align: left; float: none; width: 100%!important; padding-left: 15px; height: 30px; line-height: 30px;}
	.job em{ display: inline;}

	.piclist li{ float: none; padding: 3% 3% 0 3%; margin: 2% 3% 8% 3%; width: 88%;}
	.piclist li img{ border: 1px solid #CDCDCD; vertical-align: top; padding: 1px; width: 99%; height: auto;}

	.vdolist li{ width: 44%; margin: 0 3%;}
	.vdolist img{ height: auto;}

	.join img{ float: none; margin-right: 0px;}
	.join h2{ font-size: 18px; color: #005dbd; height: 26px; line-height: 26px; overflow: hidden;}

	.dwlist2 li{ float: left; margin: 0 0 7% 14%;}

	.articlelist{ padding: 0 10px;}

	.ywsearch span{ display: block; margin-top: 20px; font-size: 16px;}
	.ywsearch a{ margin: 0 20px 0 0; text-decoration: underline; font-size: 14px;}
	.ywlist{ font-size: 14px;}
	.ywlist li{ padding: 5px 0; height: auto;}
	.ywlist span{ padding: 0 5%; border-right: 1px solid #C9CBCD; border-left: 1px solid #F1F1F1; display: block; height: 30px; overflow: hidden; width: 90%!important; float: none;}

	.product .pic{ float: none; margin-right: 0; width: 100%; height: auto;}
	.product .intr{ float: none; width: 100%; max-height: 413px;}
	.product .intr h1{ font-size: 20px;}

	.brand li{ float: left; margin: 0 3% 6% 3%; width: 44%;}
	.brand img{ width: 100%; height: auto;}

	.read-related{ width: 100%; float: none;}
	.related{ width: 100%; float: none; margin-top: 20px; height: 172px;}
	.related ul{ height: 130px;}

	.ad {
		position: fixed;
		width: 100%;
		top: 100px;
		left: 0;
		margin: 0;
	}
	.ad img {
		width: 100%;
		height: auto;
	}


}