body{color:#333;font:normal 14px/20px  \5fae\8f6f\96c5\9ed1,simhei,simsun,tahoma,helvetica,arial,sans-serif; -webkit-text-size-adjust: none;   }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
a{color:#404040;text-decoration:none}a:hover{ color:#ff9724;text-decoration:underline}
ol,ul,li {list-style-type: none;}
div,dl,dt,dd,ol,ul,li{ zoom:1; }
img{border: none;}

.clear { clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.sitewidth{width:1280px; margin:0 auto;overflow:hidden;}
.fl, .partl { float: left; }
.fr, .partr { float: right; }
.b-se{ color:#005ead;}.y-se{color:#ff9724;}
.gdtitle2 { background:#ff9400; color:#fff;margin-top:8px;margin-right:8px;padding:1px 5px 1px 5px;border-radius:5px;}
.gdtitle2 a{ color:#fff;}
.dot1{ border-top:#e8e8e8 solid 1px;}
.dot2{ padding-top:10px;}
.dot3{ margin-top:5px;}
.cor-1{ padding:10px 18px 30px 18px;line-height:20px;background:#f1f1f1;border-bottom:#e8e8e8 solid 1px;}
#head { border:#e8e8e8 solid 1px;padding:0 0 10px 0;font-size:12px; overflow: hidden;font-family:arial;}
#head .logo{ width:150px; height:120px;}
#head .logo-r{ width:1100px; padding:0 10px;}
#head .logo-r span{ float:left; padding-left:12px; line-height:28px;}
#head .logo-r .b-news {margin-top:10px; }
#head .pinpai li{ float:left; padding-left:8px; line-height:30px;color:#ddd;}
#head .pinpai li a{ padding-right:8px;}

.xhwlj li{ float:left; padding-left:5px; line-height:20px;color:#c6c6c6;}
.xhwlj li a{ padding-right:3px;}


.ttnews{
width:1018px; overflow:hidden;
border: 1px solid #e8e8e8;
margin:auto;
text-align:center;margin-bottom:15px;
}
.ttnews h1{
clear:both;
margin:28px 28px 35px 10px;
color: #0051cb;
font-size: 38px;
line-height:38px;
}
.ttnews h1 a{
color: #0051cb;
font-size: 38px;line-height:38px;
}
.19d{
position:absolute;
}
.hide-for-small img{
  width:100%;}

.show-for-small {
  display: none !important; }
.show-for-small img{
  width:100%;}
/*header*/
#mobileheader{margin-bottom:10px;width: 100%;height: 45px;border-bottom: 2px solid #00abe7;/*position: fixed;z-index: 999;top: 0px;left: 0px;*/ background:#f5f3f2 url(/uploads/image/w3g/xh_mobile_map.png) no-repeat 98% 0px ;-webkit-background-size: 154px;background-size: 154px;}
#mobileheader .logo{display: block;width: 65px;height: 45px;background: url(/uploads/image/w3g/xh_mobile_header.png) no-repeat 0px 0px;-webkit-background-size: 57px;background-size: 57px;position: absolute;left: 10px;}
#mobileheader .home{display: inline-block;height: 45px;line-height: 45px;font-size: 22px;padding: 0 5px 0 15px;color: #00aae7;margin: 0 0 0 76px;background: url(/uploads/image/w3g/xh_mobile_header.png) 0 -160px no-repeat;-webkit-background-size: 57px;background-size: 57px;vertical-align: top;}

.adico { position:absolute; background: no-repeat; z-index:1; width:40px; height:20px; right:0; bottom:6px; filter:alpha(opacity=60);opacity:0.6;}
.fl3{ position:relative; float:left !important; }

/*ר��*/
.zl{width:238px;float:left;padding:10px 0 0 15px;line-height:16px;}
.zl img{width:90px;height:55px;float:left;}
.zl dd{width:140px;float:right;}
.zl dd h2{font-size:12px;line-height:12px;padding:2px 0 8px 0;}
.zl dd p{font-size:12px;color:#666666;}
.zl  img{border-radius:5px;}  

/* ͨ�����
--------------------------------------------------*/
#adbody02 { width: 1020px; margin: 8px auto; background:#fff;clear:both; }

/*  ҫ������
--------------------------------------------------*/
.headlinelb { height: 35px; position: relative; border-bottom: 1px solid #e8e8e8; }
.headlinelb .item { float: left; height: 30px; line-height: 30px; vertical-align: middle; margin-right: 20px; font-size: 0px; }
.headlinelb .item i { float: left; }
.headlinelb .item .iconxhsnews, .headlinelb .item .iconxhsphoto { margin-top: 4px; }
.headlinelb .item span { float: left; height: 22px; line-height: 22px; vertical-align: middle; margin-left: 10px; }
.headlinelb #newestlistscroll { width: 930px; height: 22px; overflow: hidden; position: absolute; top: 0px; right: 0px; }
.headlinelb #newestlistscroll .wrap { height: 22px; width: 100000px; }
.headlinelb .newestlist, .headlinelb .gd_scroll { float: left; }
.headlinelb .newestlist li { float: left; height: 22px; padding-right: 30px; overflow: hidden; }
.headlinelb .newestlist a { height: 30px; line-height: 30px; color: #484848; }
.headlinelb .gdtitle { font-weight: bold; line-height: 30px; }
.headlinelb .gdtitle a{ background:#ff9400; color:#fff; padding:3px 5px;}

/* navbody
--------------------------------------------------*/
#navbody{
background:#fff; 
	width: 1280px;
	height: 24px;
	padding: 2px 0;
	margin: 0px auto 0px auto;
	background: #1396c5  no-repeat;
	position: relative;
	z-index: 1;
}
#navbody .colsitem{
	float: left;
	width: 155px;
	height: 52px;
}
#navbody .cols01{
	padding-left:75px;
	width: 180px;
	border-left: none;
}
#navbody .cols03{
	padding-left:55px;
	width: 125px;
}
#navbody .cols04{
	padding-left:25px;
	width: 125px;
}
#navbody .cols05{
	padding-left:25px;
	width: 255px;
}
#navbody .cols06{
	padding-left:30px;
	width: 90px;
}
#navbody .cols07{
	padding-left:57px;
	width: 88px;
}
#navbody .colsitem .rows{
	height: 26px;
	line-height: 26px;
}
#navbody .colsitem .rows a{
	font-family: \5fae\8f6f\96c5\9ed1;
	float: left;
	height: 26px;
	line-height: 26px;
	margin-right: 15px;
	vertical-align: middle;
	font-size: 14px;
	color: #fff;
}

#navbody .moreitem{
	width: 55px;
	height:26px;
	margin: 0px!important;
	text-align: center;
}
#navbody .moreitem i{
	margin-left: 3px;
}
#navbody .moreitem:hover{
	color: #fff!important;
	background: no-repeat -130px 0px;
}



/* ===============================================================
basic swiper styles 
================================================================*/
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* fix of webkit flickering */ z-index: 1; }
.swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; }
.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { float: left; }
/* ie10 windows phone 8 fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; }

/*  ��ͼ
--------------------------------------------------*/
.firstpart {  overflow: hidden; margin-top:6px;}

.firstpart .partl { width: 920px; float: left; }
.firstpart .partr { width: 330px; float: right; }
.device { width: 100%; position: relative; margin-bottom: 15px; margin-top: 3px; }
.device .arrow-left { background:  no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 30px; height: 45px; z-index: 5; }
.device .arrow-right { background:  no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 30px; height: 45px; z-index: 5; }

.device .arrow-left:hover { background:  no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 30px; height: 45px; z-index: 5; }
.device .arrow-right:hover { background:  no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 30px; height: 45px; z-index: 5; }

.swiper-container { height: 380px; width: 700px; border:#555 solid 1px; }
.swiper-container img { width: 100%; }
.content-slide { padding: 20px; color: #fff; }
.title { font-size: 25px; margin-bottom: 10px; }
.pagination { position: absolute; left: 0; text-align: right; bottom: 5px; width: 100%; z-index: 5; }
.swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; background: #999; margin-right: 8px; cursor: pointer;     -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;}
.swiper-active-switch { background: #fff; }
.swiper-slide { position: relative; }
.swiper-slide .name { position: absolute; bottom: 0; left: 10px; z-index: 5; }
.swiper-slide .bg { position: absolute; bottom: 0; left: 0; background: #000; z-index: 4; width: 100%; height: 35px; filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; }
.swiper-slide .name a { color: #fff; line-height: 35px; font-size: 18px; }


.nav_column{
	width: 100%;
	padding-left: 10px;
	float: right;
	overflow: hidden;
}

/* ���� */
.nav_column .nav_search{

	height: 45px;
	line-height: 45px;
	z-index: 99;
	position: relative;
}
.nav_column .nav_search input.nav_searchtext{
	width: 84%;
	padding-left: 2%;
	outline: none;
	border: none;
}
.nav_column .nav_search .nav_searchbtn{
	width: 30px;
	height: 22px;
	position: absolute;
	top: 8px;
	right: 0;
	border-left: 1px solid #b3b3b3;
	background: url(/uploads/image/tclsinav/s_btn.png) 7px 3px no-repeat;
}
.nav_column .nav_search .nav_searchbtn a{
	width: 30px;
	height: 28px;
	display: block;
}

		/* ���ֹ��� */
	.txtmarquee-left{ width:100%;   }
		.txtmarquee-left .bd{ padding:1px; }
		.txtmarquee-left .bd .tempwrap{ width:100% !important; }/* �� !important����superslide�զ����ɵŀ��ȣ������Ϳ����ֶ����ƿ��ӿ��ȡ� */
		.txtmarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.txtmarquee-left .bd ul li{ margin-right:20px;  float:left; height:24px; line-height:24px;  text-align:left; _display:inline; width:auto !important;  }/* �� width:auto !important ����superslide�զ����ɵŀ��ȣ�������ֲ��ν����� */


		.txtmarquee-left .bd ul li span{ color:#999;  }


		.slide8{  border:1px solid #e6e6e6; text-align:left;  margin-top:10px;margin-bottom:10px;}
		.slide8 .hd{ height:35px; line-height:35px; background:#f4f4f4; padding:0 10px 0 20px;  position:relative; }
		.slide8 .hd ul{ float:left;  position:absolute; left:20px; top:-1px; height:32px;   }
		.slide8 .hd ul li{ float:left; padding:0 15px; cursor:pointer; font-size:25px; font-weight: bold; color:#264a86;height:35px;  background:#fff; border:1px solid #e6e6e6; border-bottom:2px solid #fff; }



	/* �ҳ��л� */
		.slidetxtbox{  border:1px solid #e6e6e6; text-align:left;  margin-top:10px;}
		.slidetxtbox .hd{ height:35px; line-height:35px; background:#f4f4f4; padding:0 10px 0 20px;   border-bottom:1px solid #e6e6e6;  position:relative; }
		.slidetxtbox .hd ul{ float:left;  position:absolute; left:20px; top:-1px; height:32px;   }
		.slidetxtbox .hd ul li{ float:left; padding:0 15px; cursor:pointer; font-size:14px; }
		.slidetxtbox .hd ul li.on{ height:35px;  background:#fff; border:1px solid #e6e6e6; border-bottom:2px solid #fff; }
		.slidetxtbox .bd ul{ padding:15px;  zoom:1;  }
		.slidetxtbox .bd li{ line-height:30px; font-size:14px;}
		.slidetxtbox .bd li .date{ float:right; color:#999;  }
		.slidetxtbox .bd span {
    display: inline-block;
    width: 3px;
    height: 3px;
	margin-bottom:3px;
    background-color: #7b7b7b;
    border-radius: 3px;
    margin-right: 5px;}

				/* ʒ��չʾ */
		.picmarquee-left{  overflow:hidden; position:relative;  border:1px solid #e6e6e6;  margin-bottom:10px; margin-top:10px; }
		.picmarquee-left .hd{ overflow:hidden;  height:35px;  line-height:35px; background:#f4f4f4; padding:0 10px;  }
		.picmarquee-left .bd{ padding:10px;   }
		.picmarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picmarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picmarquee-left .bd ul li .pic{ text-align:center; }
		.picmarquee-left .bd ul li .pic img{ width:120px; height:80px; display:block; padding:2px; border:1px solid #ccc; }
		.picmarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picmarquee-left .bd ul li .title{ line-height:24px;  font-size:12px; }



.xjp{ color:#336699; padding:8px 8px 8px 12px;border-top:1px solid #e6e6e6;background-color:#f6f6f6;}

.nav_adv6{ margin:10px 0 0px 0; }
.nav_adv6 img{  width:100%;}

.social{
padding:20px 0 20px 6px;
border-left:1px solid #e6e6e6;
border-right:1px solid #e6e6e6;
margin:auto;
}

.footerinner{
	width: 100%;
	margin:0 auto;
	position: relative;
}
.share{
	margin:0 auto;
	overflow: hidden;
}
.share li{
	float: left;
	height: 80px;
	padding:5px 14px;
	text-align:center;
}
.share li img{
	width: 60px;
	height: 60px;
	cursor: pointer;
	border-radius: 35px;

}

.l-m8{margin-top:8px;}


.l-list-selected .l-news-content{
	margin: 15px 0 15px 0;
	color:#666;
	font-size: 18px;
}
.l-m{margin-top:16px;}
.l-clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.l-clearfix{*zoom:1;}
.l-tnews{margin:10px 0;padding:10px;background-color:#ebf6ff;}
.l-tnews-des{font:800 20px/30px "΢���ź�";color:#4f5157;}
.l-ti{display:block;}
.l-content-news a.l-link.l-cell{display: table-cell;width:182px;}
.l-cell{ display: table-cell; vertical-align: middle;}
.l-table{display:table;width:100%;}
.l-table img{border:1px solid #555;}
a.l-news-name {text-align:left;max-height:68px; overflow:hidden;font:700 20px/24px "΢���ź�"; }
.l-body-par{margin:8px 0;}
.l-headlines{width:48%;}
.l-headlines .l-exclusives-img{width:100%;}
.l-news-class {  display: inline-block;
  line-height: 1;
  vertical-align: baseline;
  margin: 0em 0.14285714em;
  background-image: none;
  padding: 0.5033em 0.733em;
  color: rgba(0, 0, 0, 0.6);
  text-transform: none;
  border: 0px solid transparent;
  border-radius: 0.28571429rem;
  -webkit-transition: background 0.1s ease;
  transition: background 0.1s ease;
  background: none #ffffff;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: none;
  font-size:12px;
  }
.l-news-count-num{margin:0px 4px;}
.l-part-line{border-bottom:1px solid #e6e8eb;padding-bottom:20px;background-color:#fff;}
.l-list-selected li:hover{background-color:#f1f6f8;}
.l-list-selected li{padding-top:20px;}
.l-news-pub-time{
	margin-left:4px;
	color:#999;
	font-size: 14px;
}

/*ie6��7�����*/
.l-table{ position:relative; display:table; width:100%;}
.l-content-news a.l-link.l-cell{ width:182px;}
.l-cell{ position: relative;vertical-align:top;display: block\9;}
.l-table .l-image{ float:left;}
.l-cbox{
	text-align:left;
	font-family: "΢���ź�";
	font-size: 1.4em;
	line-height: 28px;
	text-decoration: none;
}
.lcont{width:100% ;text-align:left;}
.nav_contents .nav_list { position:relative; z-index:1;}
.l-headlines-main { z-index:2;}
.l-part-line{ z-index:1;}

.l-list-pic{margin-right:18px;width:200px;float:left;}

/*�ֻ�����ʽ*/
@media screen and (min-width:0px) and (max-width: 767px) {
.csshub-ribbon-wrapper {
display:none;
}
.ttnews h1{
margin:28px 28px 35px 10px;
color: #0051cb;
font-size: 18px;
line-height:28px;
}
.ttnews h1 a{
color: #0051cb;
font-weight: bold;
font-size: 18px;line-height:28px;
}

.hide-for-small{display:none;}

	#sidebar {
display:none;
	}
.l-news-class{
display:none;
	}
#navbody{
display:none;
}
.nav_adv6 img{ width:100%; }
#mobileheader { font-family: "΢���ź�"; }
.firstpart .partl { width: 100%; }
.firstpart .partr { width: 100%;  }
a.l-news-name{max-height:68px; overflow:hidden;font:16px "΢���ź�"; color:#333;}
.device { width: 100%; position: relative; margin-bottom:15px; height:200px; }
.swiper-container {  width: 99%; height:180px;border:#555 solid 1px; }
.swiper-container img {  width: 100%; }
.content-slide { padding: 20px; color: #fff; }
.title { font-size: 25px; margin-bottom: 10px; }
.pagination { position: absolute; left: 0; text-align: right; bottom:5px; width: 100%; z-index:5; }
.swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; background: #999; margin-right:8px; cursor: pointer; }
.swiper-active-switch { background: #fff; }
.swiper-slide { position:relative;}
.swiper-slide .name { position:absolute; bottom:0; left:10px; z-index:5; }
.swiper-slide .bg { position:absolute; bottom:0; left:0; background:#000; z-index:4; width:100%; height:35px; filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4;  }
.swiper-slide .name a { color:#fff; line-height:35px; font-size:13px; }
.firstpart .impnews h3 a { color:#fff;  font-family:"΢���ź�"; font-size:22px; }

.firstpart .impnews .space{ margin:0;}

.firstpart .headnews {margin-bottom: 0px!important;font-size: 14px;padding: 10px 5px 0px!important;}
.firstpart .headnews h2 { font-family: "΢���ź�";font-size: 1.3em!important;line-height: 28px!important;padding-bottom: 5px;font-weight: bold!important;}
.firstpart .headnews .ywzy { }
.datalist h3{ width:auto;}
.datalist h3 a { display: inline-block; line-height: 22px; overflow: hidden; font-size: 16px; color: #000; font-family:"΢���ź�"; width:auto; }
.firstpart .impnews .textlist { width:100%; }
.firstpart .impnews .textlist ul { padding:0 10px;}
.firstpart .impnews h3{ padding-left:10px;}
#tabtit{ width:100%;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.ttnews { width: 96%; }
.sitewidth { width: 96%; }
.l-list-pic{margin-right:10px;width:100px;float:left;}
.l-news-content{display:none;}
.device .arrow-left {display:none;}
.device .arrow-right{display:none;}
#footerbody{display:none;}
#head{display:none;}
#adbody02{display:none;}
.nav_column{
	width: 100%;
}
.headlinelb .gdtitle a{ background:#ff9400; color:#fff; padding:3px 5px;}
.headlinelb #newestlistscroll{ width:80%;padding-top:2px;}

*{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style:normal;
}
html{
	height:100%;
}
body {
	height:100%;
	text-align:left;
}

.show-for-small {
  display: inherit !important; }
}


/* footerbody
--------------------------------------------------*/
#footerbody{
	width: 1020px;
	margin:10px auto;
border-top: 1px solid #e2f3fe;
	height: 170px;
	text-align: center;
}
#footerbody .links{
	width: 1020px;
	margin: 0 auto;
	color:#333;
	font-size:12px;
	text-align:center;
	padding: 15px 0;
	border-bottom: 1px solid #e2f3fe;
}
#footerbody .links .left{
	float: left;
	width: 80px;
	height: 40px;
	line-height: 40px;
	color: #333;
	font-weight: bold;
}
#footerbody .links .right a{
	display: inline-block;
	height: 20px;
	line-height: 20px;
	margin: 0 5px 0 0;
	font-size: 12px;
	color: #333;
}
#footerbody .copyright{
	width: 980px;
	margin: 0 auto;
	padding: 10px 0;
	position: relative;
}
#footerbody .copyright p{
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #333;
}
#footerbody .copyright p a{
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #333;
}
#footerbody .copyright p.rows01{
	text-align: center;
}
#footerbody .copyright p.rows02{
	padding-left: 40px;
}
#footerbody .copyright p.rows03{
	padding-left: 70px;
}
#footerbody .icon{
	position: absolute;
	left: 50%;
	bottom: 6px;
	margin-left: 440px;
}


	#footer-wrapper {
		position: relative;
		color: #858484;
background: #3592df;
margin-top:10px;
padding:18px;
	}

		#footer-wrapper:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			background-size: 100% 100%;
			z-index: 0;
			opacity: 0.5;
		}


/* copyright */

	#copyright2 {
		text-align: center;
	
	}

		#copyright2 .links {
			color:#fff;
			display: inline-block;
			font-size:12px;
			background: rgba(255, 255, 255, 0.05);
			border-radius: 5px;
	padding:8px;
			margin: 0;
		}


.gallery {
  width: 100%;
  margin: 0;
  padding: 0;
}
.gallery li { 
  display:none;
  float: left;
  list-style: none;
  margin-right: 10px;
}
.more, .less {
 display: block;
    text-align: center;
    line-height: 46px;
    width: 270px;
    margin: 50px auto 10px;
    font-size: 16px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #2461c7;
    color: #fff;
    cursor: pointer;
}

#adbox {border: 1px solid #e6e6e6;overflow: hidden;margin-top:10px;}
#adbox .box2 { width:100%; height:75px; float:left;}
#adbox .box2 .photo1{width:100%; height:70px; background-color:#666;}
#adbox .box2 .photo1 img{width:100%; height:70px;}
#adbox .box2 .photo2{width:80px; height:70px; background-color:#666; float:left; margin-right:5px;}
#adbox .box2 .photo2 img{width:80px; height:70px;}
#adbox .box2 .photo3{width:145px; height:70px; background-color:#666;float:left;}
#adbox .box2 .photo3 img{width:145px; height:70px;}
#adbox .box2 .photo4{width:145px; height:70px; background-color:#666;float:left;margin-right:5px;}
#adbox .box2 .photo4 img{width:145px; height:70px;}
#adbox .box2 .photo5{width:195px; height:70px; background-color:#666;float:left;margin-right:5px;}
#adbox .box2 .photo5 img{width:195px; height:70px;}
#adbox .box2 .photo6{width:115px; height:70px; background-color:#666;float:left;}
#adbox .box2 .photo6 img{width:115px; height:70px;}



	#sidebar {
		float:right;
		width:300px;
	}


#nav-toggle {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
#nav-toggle:checked   .menu {
  visibility: visible;
  opacity: 1;
}

#nav-toggle-label {

  right: 1.2em;
  top: 2.1em;
  z-index: 255;
  cursor: pointer;
}
#nav-toggle-label span, #nav-toggle-label:before, #nav-toggle-label:after {
  display: block;
  height: 2px;
  background: #00aae7;
  width: 1.6em;
  margin-bottom: .4em;
  transition: .2s all linear;
}
#nav-toggle-label:before, #nav-toggle-label:after {
  content: "";
}

.menu {
  z-index: 222;
  visibility: hidden;
  top: 46px;
  bottom: 10;
  right: 0;
  left: 0;
  margin: 0;
  padding: 2em;
  position: absolute;
  list-style: none;
  text-align: center;
  transition: .2s all linear;
  background: #ededed;
}
.menu li {
  font-size: 14px;
float: left;width: 25%;height: 36px;padding:0 6px;margin-bottom:15px;overflow: hidden;background: rgba(237,237,237,1);box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
.menu li a {
display: block;line-height: 34px;text-align:center;color: #555;font-size: 16px;background: #fff;border: 1px solid #d8d8d8;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
}

.nav-toggle-label--active span {
  opacity: 0;
}
.nav-toggle-label--active:before {
  transform: rotate(-45deg);
  position: absolute;
  top: 50%;
}
.nav-toggle-label--active:after {
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
}