﻿/* CSS Document */
@media screen and (max-width:768px){ html{-webkit-text-size-adjust:none;}
	
	.top,.nav,.top .right .bdsharebuttonbox{ display:none;}
	#nav2{ display:block; width:100%;}
	#header{ width:100%; height:70px; line-height:70px; border-bottom:1px solid #EEE; position:relative;}
	#header span.right{ display:block; width:40px; height:40px; position:absolute; right:10px; top:15px; background:url(../images/btn.jpg) no-repeat center center; background-size:83%; 
	transform:rotate(0deg); 
	-ms-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-o-transform:rotate(0deg); 
	-webkit-transition:all 0.3s linear; 
	-ms-transition:all 0.3s linear; 
	-moz-transition:all 0.3s linear; 
	-o-transition:all 0.3s linear; 
	transition:all 0.3s linear;}
	#header span.right.on{background:url(../images/btn2.jpg) no-repeat center center; background-size:80%; 
	transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	-o-transform:rotate(135deg); 
	-webkit-transition:all 0.3s linear; 
	-ms-transition:all 0.3s linear; 
	-moz-transition:all 0.3s linear; 
	-o-transition:all 0.3s linear; 
	transition:all 0.3s linear;}
	#header h1{font-size:0.16rem; font-weight:normal;}
	#header span.left{ position:absolute; left:5px; top:0; display:block; height:70px; font-size:14px; padding:0px;}
	#header span.left img{ width:80%; padding-top:15px;}
	.menu{ overflow:hidden; background:#FFF; width:100%; position:absolute; left:0; top:70px; z-index:9999; height:0; list-style:none; border-top:1px solid #EEE;
	-webkit-transition:all 0.3s linear; 
	-ms-transition:all 0.3s linear; 
	-moz-transition:all 0.3s linear; 
	-o-transition:all 0.3s linear; 
	transition:all 0.3s linear;}
	.menu li{ width:100%; text-align:center; border-bottom:1px solid #EEE; height:40px; line-height:40px;}
	.menu li a{ font-size:14px;}
	/* banner */
	.flexslider{ width:100%; height:110px;}
	.slides li{ height:110px; background-size:cover !important;}
	.flex-direction-nav{ display:none;}
	.bannersj{ width:100%;}
	.sj{ background:#FFF url(../images/sjbg.jpg) no-repeat; background-position:0 70px;}

	/* 首页 */
	.wrap{ width:96%; margin:10px auto;}
	
	/* 第一列 */
	.index1 .one{ float:none; margin:0 auto 10px;width:100%;}
	.index1 .one .menu_con h3{padding-left:10px;padding-right: 10px;}
	.index1 .one .menu_con{border:0px;border-top:solid 1px #ccc;}
	.index1 .one .menu_con .tag{width:100%;margin-top: 15px;margin-left: 0px;}
	.new_banner{width:100%; margin:0 0 10px 0;}
	.rslides{ width:100%;margin-left: 0px;}
	.rslides li p{ line-height:25px; font-size:12px;}
	
	.index1 .three{ float:none; margin:0 auto 10px;}

	/* 第二部分 */
	.index2 .one{ width:100%; margin-bottom:10px;}
	.index2 .two{ width:100%; margin:0 0 10px 0;}
	.index2 .two ul li span{ display:none;}
	.index2 .three{ float:none; margin:0 auto 10px;}
	
	/* 第三部分 */
	.index3 a,.index3 a img{ width:100%; height:auto;}
	.index3 .right{ display:none;}
	
	/* 第四列 */
	.index4 .one{ width:100%;}
	.index4 .two{ width:100%; margin:10px 0;}
	.index4 .two dl{ width:100%; padding-bottom:10px;}
	.index4 .two dl dt{ width:30%;}
	.index4 .two dl dd{ width:68%; margin-left:0; float:right;}
	.index4 .three{ float:none; margin:0 auto 10px;}

	/* 第五列 */
	.index5 .cont dl{ width:100%; height:auto; margin:0 0 10px 0%;}
	.index5 .cont dl dt, .index5 .cont dl dt img{height: auto;}
	/* 第六列 */
	.index6{ display:none ;}
	.msel{ display:block; width:96%; padding:20px 2%; overflow:hidden;}
	.msel dt{ height:38px; line-height:30px; padding-left:19px; border-right:1px solid #DDD; background:url(../images/titbg2.jpg) left no-repeat; font-size:16px; font-weight:bold; color:#FFF;}
	.msel dd{ width:97.3%; padding:10px 0; margin-left:8px; border:1px solid #DDD; border-top:none; overflow:hidden;}
	.msel dd a{ display:block; width:45%; height:30px; line-height:30px; text-align:center; margin:0 0 0 3.3%; border-bottom:1px dashed #DDD; float:left; font-size:14px;}
	
	/* 列表页 */
	.content{ width:96%;}
	.content .left{ width:100%;}
	.content .left .conmenu{ margin:0; overflow:hidden;}
	.content .left .conmenu li{ width:47%; text-align:center; margin:5px 0 5px 2.5%; padding-right:0; background:#FFF; float:left;}
	.content .left .conmenu li p:after{display:none;}
	.content .right{ width:100%; margin-top:20px;}
	.content .rightsj{ width:100%; margin-right:0;}
	.content .right .cont li{ padding-left:10px;}
	.content .right .cont li span{ display:none;}
	.content .right .titlecon h2{ font-size:16px;}
	.content .right .con p{ text-indent:0;}

	#right_border{ width:89%; padding:0 5% 15px 5%;}
	#right_border .right{ width: auto;}

	/* 分页 start */
	#mpage{ display:block; margin-top:15px; text-align:center;}
	#page{ display:none;}
	
	/* 公用底部 */
	.footop{ display:none;}
	.footbot{ width:94%; padding:25px 3% 10px 3%;}
	.footbot p{ padding-bottom:5px;}
	.footbot dl{width:100%;}
	.footbot dd{float: none;margin-bottom: 15px;}
	.footbot dd:nth-of-type(2){float: none;margin-bottom: 0px;}
}


@media screen and (max-width:320px){ html{-webkit-text-size-adjust:none;}
	
	#header span.left img{ padding-top:18px;}

	.msel dd{ width:97%;}

}