@charset "utf-8";
@media screen and (max-width:1440px) {
	
	.wrap{ width:1200px;}
	
	/* 公用头部 */
	.HeaderMain{ width:1200px; margin:0 auto;}
	#nav{ width:1170px; padding:0 15px;}
	#nav li.navLi{ width:145px;}
	#nav .sub-nav{ width:100%; left:165px;}
	#nav .sub-nav-li{ width:144px;}
	#nav .nav-parent-a{ line-height:32px; font-size:13px;}
	.content{ width:1170px; padding:15px;}
	
	/* banner */
	.banner{ width:1170px; height:300px;}
	.banner .slides li{ height:300px; background-size:cover !important;}
	
	/* 新闻部分 */
	.section1{ margin-top:15px;}
	.indnews{ width:540px; margin-right:10px;}
	.indnews #brand_con .tag{ padding:20px 18px 20px 18px;}
	.indnews #brand_con .tag p{ line-height:43px;}
	.indnews #brand_con .tag p a{ width:400px;}
	.videos{ width:410px;}
	.videos .cons .vbg{ width:410px; height:305px;}
	.videos .cons dl{ padding:19px 0;}
	.videos .cons dl dd{ width:235px; height:42px; padding:0 10px;}
	.videos .cons dl dd img{ width:40px; height:40px;}
	.videos .cons dl dd h4{ width:180px; height:22px; line-height:22px; margin-top:0;}
	.videos .cons dl dd p{ width:180px; height:20px; line-height:20px; font-size:12px;}
	.videos .cons dl dt{ width:80px; height:40px; line-height:40px;}
	.section1 .links{ width:200px;}
	.section1 .links a{ margin-bottom:5px;}
	
	/* 快速链接 */
	.kslink{ margin-top:15px;}
	.kslink a{ width:160px; height:80px; line-height:80px; margin-right:8px;}
	
	/* 图片滚动 */
	.indplay{ margin-top:15px;}
	.indplay .mr_frBtnL,.indplay .mr_frBtnR{ top:70px;}
	.indplay .mr_frUl ul li{ width:285px; margin-right:10px;}
	.indplay .mr_frUl ul li img{ width:285px; height:195px;}

	/* 广告图 */
	.guanggao{ margin-top:15px;}

	/* 友情链接 */
	.flinks{ margin:15px auto;}
	
	/* 分页 */
	#mpage{ display:none;}
	#page,#mpage{ text-align:center; padding-top:60px; clear:both;}
	#page li,#mpage li{ display:inline-block; vertical-align:middle; margin:0 4px;}
	#page li a,#mpage li a{ display:block; height:50px; line-height:50px; padding:0 21px; border:1px solid #CCC; font-size:18px; background:#FFF; color:#838383;}
	#page li a.active,#page li a:hover,#mpage li a:hover{ border:1px solid #F9F9F9; background:-webkit-linear-gradient(left,#0094e8,#0067d0); color:#FFF;}
	
	/* 公用底部 */
	.bottoms .logotb{ padding:40px 80px;}
	.bottoms .lianxi{ padding:40px 0 40px 80px;}
	.bottoms .telewm{ width:350px; padding:50px 0;}
	
}


@media screen and (max-width:768px) {
	
	.wrap{ width:94%;}
	.HeaderMain form,#nav{ display:none;}
	.HeaderMain{ width:94%;}
	.HeaderLogo{ height:56px; margin:12px 0; float:left;}
    .menuIcon{ position:relative; right:0px; float:right; top:27px; z-index:99999; cursor:pointer; display:block;}
	.btn-nav{background:0 0;border:none;padding:0 ;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;cursor:pointer;z-index:99999}
	.btn-nav:focus{outline:0}
	.icon-bar{display:block;margin:5px 0;width:23px;height:2px;background:#0771BB}
	.btn-nav:hover .icon-bar{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.animated2{display:block;margin:0 auto}
	.animated2:focus .icon-bar,.animated2:hover .icon-bar{background-color:#000}
	.animated2:focus{cursor:pointer;z-index:9999}
	.middle{width:18px;}
	.icon-bar{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;z-index:999999}
	.animated2 .icon-bar{z-index:999999;background-color:#000}
	.animated2 .top{-webkit-transform:translateY(6px) rotateZ(45deg);-moz-transform:translateY(6px) rotateZ(45deg);-ms-transform:translateY(6px) rotateZ(45deg);-o-transform:translateY(6px) rotateZ(45deg);transform:translateY(6px) rotateZ(45deg)}
	.animated2 .bottom{-webkit-transform:translateY(-8px) rotateZ(-45deg);-moz-transform:translateY(-8px) rotateZ(-45deg);-ms-transform:translateY(-8px) rotateZ(-45deg);-o-transform:translateY(-8px) rotateZ(-45deg);transform:translateY(-8px) rotateZ(-45deg)}
	.animated2 .middle{width:0}
	.Header.showMenu{ background:none;transition:background 0s ease-out; -webkit-transition:background 0s ease-out;}
	.Header.showMenu .logo{ background-image:url(../images/logo2.png)}
	.Header.showMenu .animated2 .icon-bar{ background:#0771BB;}
	.HeaderOn .icon-bar,.CaseOn .icon-bar{background:#0771BB;}
	.menuMain{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; background:#FFF; display:none; margin:0; padding:0; overflow:hidden;}
	.menuBox{ margin:80px 0px 20px 0px; padding:0 4%; height:408px; position:relative; overflow:auto; border-top:1px solid #EEE;}
	.menuBox li{ padding:0 0px 0 0; position:relative;}
	.menuBox li>a{ height:50px; line-height:50px; padding-left:2%; color:#333; font-size:16px; background:url(../images/icon_01.png) no-repeat 98% center; background-size:12px; display:block; opacity:0.8}
	.menuBox li.on>a{ background-image:url(../images/icon_02.png);}
	.menuBox li.link>a{ background-image:url(../images/icon_031.png);}
	.menuBox li.searchBtn>a{ background:url(../images/icon_04.png) no-repeat left center;background-size:14px; text-indent:18px;}
	.serList{ overflow:hidden; display:none;}
	.serList a{ width:100%; display:inline-block; height:40px; line-height:40px; font-size:14px; text-indent:30px; color:#555; position:relative;}
	.bBor:after,.tBor:before{position:absolute;content:"";height:1px;background:rgba(220,220,220,.5);left:0;right:0}
	.lBor:before,.rBor:after{position:absolute;content:"";width:1px;background:rgba(220,220,220,.5);top:0;bottom:0}
	
	.content{ width:94%; padding:5px;}

	/* banner */
	.banner{ width:100%; height:130px;}
	.banner .slides li{ height:130px;}
	.banner .flex-control-nav{ bottom:5px;}
	.banner .flex-control-nav li,.banner .flex-control-nav a{ width:30px; height:4px;}

	/* 新闻部分 */
	.section1{ margin-top:10px;}
	.indnews{ width:100%; margin:0;}
	.indnews #lists li{ width:30%;}
	.indnews #lists li a{ line-height:40px; font-size:16px;}
	.indnews #lists .more{ line-height:40px; padding-right:3%;}
	.indnews #brand_con .tag{ padding:10px;}
	.indnews #brand_con .tag p{ line-height:30px;}
	.indnews #brand_con .tag p a{ width:70%;}

	.videos{ width:100%; margin:10px 0 0 0;}
	.videos .title h3{ width:30%; line-height:40px; font-size:16px;}
	.videos .title a{ line-height:40px; padding-right:3%;}
	.videos .cons .vbg{ width:100%; height:auto;}
	.videos .cons dl{ padding:10px 0;}
	.videos .cons dl dd{ width:94%; height:52px; padding:0 3%;}
	.videos .cons dl dd h4{ width:70%;}
	.videos .cons dl dd p{ width:75%;}
	.videos .cons dl dt{ height:20px; line-height:20px; padding:0 3%; text-align:right; border-left:0; float:right;}
	.section1 .links{ width:100%; margin-top:10px;}
	.section1 .links a{ width:48%; margin:0 1% 5px 1%; float:left;}
	.section1 .links a.lr{ margin-bottom:0;}
	
	/* 快速链接 */
	.kslink{ margin-top:10px;}
	.kslink a{ width:48%; height:66px; line-height:66px; margin:0 1% 5px 1%;}
	
	/* 图片滚动 */
	.indplay{ margin-top:10px;}
	.indplay .mr_frBtnL{ top:90px;}
	.indplay .mr_frBtnR{ top:90px;}
	.indplay .mr_frUl{ width:345px; margin:0 auto;}
	.indplay .mr_frUl ul li{ width:345px; margin-right:20px;}
	.indplay .mr_frUl ul li img{ width:345px; height:235px;}

	/* 广告图 */
	.guanggao{ margin-top:10px;}
	
	/* 友情链接 */
	.flinks{ margin:10px auto;}
	.flinks span{ width:auto; height:35px; line-height:35px; font-size:14px;}
	.flinks a{ height:34px; line-height:34px; margin:0 5px 5px 0; padding:0 10px; font-size:12px;}
	
	/* 分页 */
	#page{ display:none;}
	#mpage{ display:block;}
	#page,#mpage{ text-align:center; padding-top:60px; clear:both;}
	#page li,#mpage li{ display:inline-block; vertical-align:middle; margin:0 4px;}
	#page li a,#mpage li a{ display:block; height:50px; line-height:50px; padding:0 21px; border:1px solid #CCC; font-size:18px; background:#FFF; color:#838383;}
	#page li a.active,#page li a:hover,#mpage li a:hover{ border:1px solid #F9F9F9; background:-webkit-linear-gradient(left,#0094e8,#0067d0); color:#FFF;}
	
	/* 公用底部 */
	.backtop{ bottom:55px; right:3%;}
	.bottoms .logotb{ width:163px; padding:30px 0; float:none; border:0; margin:0 auto; display:none;}
	.bottoms .logotb dt{ margin-bottom:20px;}
	.bottoms .lianxi{ padding:25px 0 15px 0;}
	.bottoms .lianxi dd{ padding-top:10px;}
	.bottoms .lianxi dd p{ line-height:30px; font-size:13px;}
	.bottoms .telewm{ width:100%; padding:20px 0; margin-bottom:15px;}
	.copyright{ height:50px; line-height:50px; overflow:hidden;}
	.copyright span{ display:none;}
    
}