.now_warp{ height: 45px; background: #F1F1F1;}
.now_warp .in-now{ width: 1200px; margin: 0 auto;}
.now_warp .in-now .nows{ font: 14px/45px "microsoft yahei"; color: #333; float: left; background: url(../image/4-14.png) left center no-repeat; padding-left: 10px; }
.now_warp .in-now .keyword{ float: right; font-size: 0; margin-top: 9px;}
.now_warp .in-now .keyword form{ display: inline-block; margin-left: 15px;}
.now_warp .in-now .keyword .text{ width: 280px; height: 26px; border: 1px solid #ddd; background: none; font: 12px/26px "microsoft yahei"; color: #666; padding-left: 15px; }
.now_warp .in-now .keyword .btn{ width: 44px; height: 28px; border: none; background: #2c9e94; font: 12px/28px "microsoft yahei"; color: #fff; cursor: pointer;}

.main{ width: 1200px; margin: 50px auto;}
.main .content{ width: 773px; float: left;}
.main .content .title{ text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 20px;}
.main .content .title h3{ font: 24px/32px "microsoft yahei"; color: #333;}
.main .content .title .date{ font: 14px/21px "microsoft yahei"; color: #666;}
.main .content .cont{ font: 14px/22px "microsoft yahei"; color: #333;}

.main .content .share{ margin: 20px 0; overflow: hidden;}
.main .content .share .bdsharebuttonbox{ float: right;}
.main .content .pageinfo{ }
.main .content .pageinfo a{ font: 14px/21px "microsoft yahei"; color: #2c9e94; margin: 0 15px;}
.main .content .tips{ margin-top: 25px; border: 1px solid #ddd; padding: 10px;}
.main .content .tips p{ font: 13px/24px "microsoft yahei"; color: #666;}
.main .content .tips p b{ color: #2c9e94;}

.main .slidebar_r{ width: 362px; float: right;}
.main .slidebar_r .list{ margin-bottom: 30px;}
.main .slidebar_r .list h3{ font: 18px/18px "microsoft yahei"; color: #2c9e94; border-left: 4px solid #2c9e94; padding-left: 10px;}
.main .slidebar_r .list ul{ overflow: hidden; margin-top: 10px; border: 1px solid #ddd; padding: 8px;}
.main .slidebar_r .list ul li{ overflow: hidden;}
.main .slidebar_r .list ul li a{ float: left; font: 14px/24px "microsoft yahei"; color: #666; background: url(../image/5-4.jpg) left center no-repeat; padding-left: 10px;}
.main .slidebar_r .list ul li span{ float: right; font: 14px/24px "microsoft yahei"; color: #666;}
.main .slidebar_r .about{ margin-bottom: 30px;}
.main .slidebar_r .about h3{  font: 18px/18px "microsoft yahei"; color: #2c9e94; border-left: 3px solid #2c9e94; padding-left: 10px;}
.main .slidebar_r .about .cont img{ display: block; width: 100%; margin: 0 0 10px;}
.main .slidebar_r .about .cont{ font: 18px/24px "microsoft yahei"; color: #666; padding: 10px; border: 1px solid #ddd; margin-top: 10px;}
.main .slidebar_r .yuyue{}
.main .slidebar_r .yuyue h3{ font: 18px/27px "microsoft yahei"; color: #2c9e94; background: url(../image/27-25.png) left center no-repeat; padding-left: 32px;}
.main .slidebar_r .yuyue ul{ overflow: hidden; font-size: 0; text-align: left; margin-top: 40px;}
.main .slidebar_r .yuyue ul li{ display: inline-block; margin-right: 40px;}
.main .slidebar_r .yuyue ul li:last-child{ margin-right: 0;}
.main .slidebar_r .yuyue ul li .pic{ margin-bottom: 10px;}
.main .slidebar_r .yuyue ul li p{ display: inline-block; font: 14px/26px "microsoft yahei"; color: #5b7b90; border: 1px solid #EB4F38; padding: 0 10px ; border-radius: 3px;}
.main .slidebar_r .yuyue ul li:nth-child(2) p{ border-color: #aa7a4a;}
.main .slidebar_r .yuyue ul li:nth-child(3) p{ border-color: #5b7b90;}
.main .slidebar_r .hot{ font-size: 0; margin-top: 30px;}
.main .slidebar_r .hot dl{ margin-bottom: 15px;}
.main .slidebar_r .hot dt,.main .slidebar_r .hot dd{ display: inline-block; vertical-align: middle;}
.main .slidebar_r .hot dd{ margin-left: 8px;}
.main .slidebar_r .hot dd h3{ font: 16px/24px "microsoft yahei"; color: #5b7b90;}
.main .slidebar_r .hot dd p{ font: 14px/21px "microsoft yahei"; color: #5B7B90;}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.now_warp{ height: 45px; background: #F1F1F1;}
.now_warp .in-now{ width: 98%; margin: 0 auto;}

	.main{ width: 98%; margin: 50px auto;}
.main .content{ width: 70%; float: left;}
.main .content .title{ text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 20px;}
.main .content .title h3{ font: 24px/32px "microsoft yahei"; color: #333;}
.main .content .title .date{ font: 14px/21px "microsoft yahei"; color: #666;}
.main .content .cont{ font: 14px/22px "microsoft yahei"; color: #333;}
.main .content .cont p{ line-height: 24px; margin: 10px 0;}
.main .content .share{ margin: 20px 0;}
.main .content .pageinfo{ }
.main .content .pageinfo a{ font: 14px/21px "microsoft yahei";  margin: 0 15px;}
.main .content .tips{ margin-top: 25px; border: 1px solid #ddd; padding: 10px;}
.main .content .tips p{ font: 13px/24px "microsoft yahei"; color: #666;}


.main .slidebar_r{ width: 28%; float: right;}
.main .slidebar_r .list{ margin-bottom: 30px;}
.main .slidebar_r .list h3{ font: 18px/18px "microsoft yahei";  padding-left: 10px;}
.main .slidebar_r .list ul{ overflow: hidden; margin-top: 10px; border: 1px solid #ddd; padding: 8px;}
.main .slidebar_r .list ul li{ overflow: hidden;}
.main .slidebar_r .list ul li a{ float: left; font: 14px/24px "microsoft yahei"; color: #666; background: url(../image/5-4.jpg) left center no-repeat; padding-left: 10px;}
.main .slidebar_r .list ul li span{  display: none;}
.main .slidebar_r .about{ margin-bottom: 30px;}
.main .slidebar_r .about h3{  font: 18px/18px "microsoft yahei";  padding-left: 10px;}
.main .slidebar_r .about .cont{ font: 14px/24px "microsoft yahei"; color: #666; padding: 10px; border: 1px solid #ddd; margin-top: 10px;}
.main .slidebar_r .yuyue{}
.main .slidebar_r .yuyue h3{ font: 18px/27px "microsoft yahei";  padding-left: 32px;}
.main .slidebar_r .yuyue ul{ overflow: hidden; font-size: 0; text-align: center; margin-top: 40px;}
.main .slidebar_r .yuyue ul li{ display: inline-block; margin: 0 3px;}
.main .slidebar_r .yuyue ul li .pic{ margin-bottom: 10px;}
.main .slidebar_r .yuyue ul li p{ display: inline-block; font: 14px/26px "microsoft yahei";  padding: 0 10px ; border-radius: 3px;}
.main .slidebar_r .yuyue ul li:nth-child(2) p{ border-color: #aa7a4a;}
.main .slidebar_r .yuyue ul li:nth-child(3) p{ border-color: #5b7b90;}
.main .slidebar_r .hot{ font-size: 0; margin-top: 30px;}
.main .slidebar_r .hot dl{ margin-bottom: 15px;}
.main .slidebar_r .hot dt,.main .slidebar_r .hot dd{ display: inline-block; vertical-align: middle;}
.main .slidebar_r .hot dd{ margin-left: 8px;}
.main .slidebar_r .hot dd h3{ font: 16px/24px "microsoft yahei"; color: #5b7b90;}
.main .slidebar_r .hot dd p{ font: 14px/21px "microsoft yahei"; color: #5B7B90;}
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
	.now_warp{ height: 35px; background: #F1F1F1;}
.now_warp .in-now{ width: 98%; margin: 0 auto;}
.now_warp .in-now .nows{ font: 12px/35px "microsoft yahei"; color: #333; float: left; }

.now_warp .in-now .keyword{ float: right; font-size: 0; margin: 0;}
.now_warp .in-now .keyword span{ display: none;}
.now_warp .in-now .keyword a{ display: none;}
.now_warp .in-now .keyword form{  margin-top: 3px;}
.now_warp .in-now .keyword .text{ width: 250px;  }


	.main{ width: 98%; margin: 50px auto;}
.main .content{ width: 100%; float: none;}
.main .content .title{ text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 20px;}
.main .content .title h3{ font: 24px/32px "microsoft yahei"; color: #333;}
.main .content .title .date{ font: 14px/21px "microsoft yahei"; color: #666;}
.main .content .cont{ font: 14px/22px "microsoft yahei"; color: #333;}

.main .content .share{ margin: 20px 0;}
.main .content .pageinfo{ }
.main .content .pageinfo a{ font: 14px/21px "microsoft yahei"; margin: 0 15px;}
.main .content .tips{ margin-top: 25px; border: 1px solid #ddd; padding: 10px;}
.main .content .tips p{ font: 13px/24px "microsoft yahei"; color: #666;}

.main .slidebar_r{ display: none;}
}

@media only screen and (min-width: 320px) and (max-width: 639px) {
	.now_warp{ height: 45px; background: #F1F1F1;}
.now_warp .in-now{ width: 98%; margin: 0 auto;}
.now_warp .in-now .nows{ font: 14px/45px "microsoft yahei"; color: #333; float: left; }

.now_warp .in-now .nows span{ color: #0099E4;}
.now_warp .in-now .keyword{ display: none;}

	.main{ width: 98%; margin: 50px auto;}
.main .content{ width: 100%; float: none;}
.main .content .title{ text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 20px;}
.main .content .title h3{ font: 16px/26px "microsoft yahei"; color: #333;}
.main .content .title .date{ font: 12px/21px "microsoft yahei"; color: #666;}
.main .content .cont{ font: 12px/20px "microsoft yahei"; color: #333;}

.main .content .share{ margin: 20px 0;}
.main .content .pageinfo{ }
.main .content .pageinfo a{ font: 14px/21px "microsoft yahei"; margin: 0 15px;}
.main .content .tips{ margin-top: 25px; border: 1px solid #ddd; padding: 10px;}
.main .content .tips p{ font: 13px/24px "microsoft yahei"; color: #666;}


.main .slidebar_r{ display: none;}
}