@charset "utf-8";
/* CSS Document */

body { padding:0; margin:0; background: #3385ff url(/r/cms/www/red/img/body.jpg); -moz-user-select:none;}
ul,li {margin: 0; padding: 0; list-style: none;}
img {border: 0 none;}
.fl {float: left; display: inline-block;}
.fr {float: right; display: inline-block;}
.mr20 {margin-right: 20px;}
html { overflow: hidden; }
/*div { display: inline-block; font-size:18px; line-height:32px; color: white; }*/
header { display: block; background: rgba(237,230,209,0.4); width: 500px; position: absolute; right: 0; padding: 20px; margin: 10px; box-shadow: 3px 3px 9px 1px #bcbcbc; z-index: 1000; }
section { display:none; opacity: 0; width: 100%; height: 100%; overflow: hidden; position: absolute; margin:0; color: white; font-family:"Microsoft Yahei"; -moz-user-select: none;}
.container { padding:0; font-size:30px; height: 100%; margin: 0; display: block; overflow: hidden;}
.active { color: white; font-family:"Microsoft Yahei"; font-size: 40px;}

/*section-public*/
#s1_wrapper, #s2_wrapper, #s3_wrapper, #s4_wrapper, #s5_wrapper, #s6_wrapper, #s7_wrapper, #s8_wrapper{ 
	width: 860px; height: 480px;
	display: block; position: absolute; 
	top: 50%; left: 50%; 
	-webkit-transform: translate(-50%,-50%); 
	-moz-transform: translate(-50%,-50%); 
	-ms-transform: translate(-50%,-50%); 
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);  
}
#s1_wrapper {
	top: 50%;
}
#s8_wrapper {
	margin-top: -30px;
}
.rollText,.rollImg ,.roll{ position: relative; float: left; z-index: 9999; }
.roll { width: 86px; position: absolute; margin: 0 50%; left:-43px; bottom: 30px;}
.rollImg { top: 25px; left: 10px; position: absolute; cursor: pointer;}
.rollText {font-size: 12px; left: 5px; color: #333;}
/*useSprite*/
.pic {background-image: url(/r/cms/www/red/img/btn_all.png); display: block;}
.pic_9 {background-position: -352px -164px; width: 26px; height: 27px; }
.pic_3 {background-position: -404px -104px; width: 62px; height: 84px; }
.pic_15 {background-position: -0px -228px; width: 287px; height: 174px; }
.pic_12 {background-position: -296px -232px; width: 4px; height: 129px; display:inline-block;}
.pic_1 {background-position: -312px -236px; width: 4px; height: 129px; display:inline-block; }
.pic_10 {background-position: -0px -122px; width: 60px; height: 30px; }
.pic_11 {background-position: -288px -104px; width: 58px; height: 58px; }
.pic_6 {background-position: -0px -176px; width: 345px; height: 49px; }
.pic_16 {background-position: -0px -0px; width: 287px; height: 174px; }
.pic_4 {background-position: -288px -52px; width: 214px; height: 49px; }
.pic_5 {background-position: -288px -0px; width: 214px; height: 49px; }
body{
	-moz-user-select: -moz-none;
	-moz-user-select: none; /*火狐*/
	-webkit-user-select: none; /*webkit浏览器*/
	-ms-user-select: none; /*IE10*/
	-khtml-user-select: none; /*早期浏览器*/
	user-select: none;
 }
 

 /*section-1*/
#s1_wrapper {height: 240px;}
#s1_title,#s1_ani { position: relative;}
#s1_subtitle { margin-top: 62px; font-size: 18px; line-height:32px;}
.topic {position: absolute; left:0; top: 0; width: 100%; min-width: 1000px; height: 50px; background: url(/r/cms/www/red/img/top_Bg.png) repeat-x; z-index:8000;}
.topLeft {width: 50%; float: left; height: 50px; line-height: 50px; color: #000; font-size: 14px; font-family:"Microsoft Yahei";}
.notice {margin-left: 60px; width: 400px; height: 50px; ine-height: 50px; overflow: hidden;	background: none;}
.noticea {margin-left: 70px; width: 400px; height: 50px; ine-height: 50px; overflow: hidden;	background: none;}
.notice a:link, .notice a:visited {color: #333; text-decoration: none;}
.notice a:hover {color: #fff; text-decoration: underline;}
.topRight {width: 50%; float: right; height: 50px;}
.btn_login {float: right; margin-right: 10px; margin-top: 9px; width: 70px; height: 30px; border: #000 solid 1px; line-height: 30px; background: none; color: #000; font-size: 14px; display: block; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.btn_login a:link {color:#000; text-decoration: none;}
.btn_login a:visited {color:#000; text-decoration: none;}
.btn_login a:hover {margin: -1px 0 0 -1px; width: 70px; height: 30px; color: #000; background: #fff; border: #fff solid 1px; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: block;}

.btn_xj {float: right; margin-right: 10px; margin-top: 9px; width: 70px; height: 30px; border: #000 solid 1px; line-height: 30px; background: none; color: #000; font-size: 14px; display: block; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.btn_xj a:link {color:#000; text-decoration: none; border: 0 none;}
.btn_xj a:visited {color:#000; text-decoration: none; border: 0 none;}
.btn_xj a:hover {margin: -1px 0 0 -1px; width: 70px; height: 30px; color: #000; background: #fff; border: #fff solid 1px; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: block;}

.btn_Eng {float: right; margin-right: 60px; margin-top: 9px; width: 70px; height: 30px; border: #000 solid 1px; line-height: 30px; background: none; color: #000; font-size: 14px; display: block; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.btn_Eng a:link {color: #000; text-decoration: none; }
.btn_Eng a:visited {color: #000; text-decoration: none;}
.btn_Eng a:hover {margin: -1px 0 0 -1px; width: 70px; height: 30px; color: #000; background: #fff; border: #fff solid 1px; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: block;}

.btn_login {float: right;margin-right: 10px;margin-top: 9px;width: 70px;height: 30px;/* border: #6d624f solid 1px; */line-height: 30px;/* background: #fff; */color: 000;
font-size: 14px;display: block;text-align: center;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}

.logo_ht {width: 640px; height: 60px; margin: 0 50%; left: -229px; background: url(/r/cms/www/red/img/logo.png) no-repeat;}

/*.search {width: 960px; height: 430px; margin: 0 50%; left: -480px; top: 20px;}
.search_bdr {float: left; width: 960px; height: 36px; margin-left: 10px;}
.tag_span {float: left; margin-right: 2px; height: 34px; line-height: 34px; font-size: 14px; text-align: center;}
.tag_span a:link{background-color: rgba(252,246,234,0.8); color: #000; text-decoration: none; display: block; padding: 0 20px; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;}
.tag_span a:visited{background: #fcf6ea; color: #000; text-decoration: none; display: block; padding: 0 20px;}
.tag_span a:hover{background: #7e7e7e; color: #fff; font-weight: bold; text-decoration: none; display: block; padding: 0 20px;}
.act {float: left; margin-right: 2px; height: 36px; line-height: 36px; background: #7e7e7e; color: #fff; font-weight: bold; text-decoration: none; display: block; padding: 0 20px; font-size: 14px; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;}
.act a { text-decoration: none; color: #fff;}
.input_bdr {float: left; margin-top: -3px;}
.input {float: left; width: 845px; height: 32px; border: #7e7e7e solid 1px; background: rgba(252,246,234,0.8); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-indent: 3px; color: #666;}
.search_btn {float: left; margin-left: 6px; width: 90px; height: 36px; background: url(/r/cms/www/red/img/search_btn.png) repeat-x; border: 0 none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 14px; font-weight: bold; color: #fff;}*/



.search {width: 750px; height: 430px; margin: 0 50%; left: -375px; top: 20px;}
.search_bdr {float: left; width: 750px; height: 30px; margin-left: 10px;}
.tag_span {float: left; margin-right: 2px; height: 28px; line-height: 28px; font-size: 12px; text-align: center;}
.tag_span a:link{background-color: rgba(252,246,234,0.8); color: #000; text-decoration: none; display: block; padding: 0 15px; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;}
.tag_span a:visited{background: #fcf6ea; color: #000; text-decoration: none; display: block; padding: 0 15px;}
.tag_span a:hover{background: #7e7e7e; color: #fff; font-weight: bold; text-decoration: none; display: block; padding: 0 15px;}
.act {float: left; margin-right: 2px; height: 30px; line-height:30px; background: #7e7e7e; color: #fff; font-weight: bold; text-decoration: none; display: block; padding: 0 15px; font-size: 12px; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;}
.act a { text-decoration: none; color:#fff;}
.input_bdr {float: left; margin-top: -3px;}
.input {float: left; width: 645px; height: 32px; border: #7e7e7e solid 1px; background: rgba(252,246,234,0.8); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-indent: 3px; color: #666;}

.input1 {float: left; width:100px;height:34px; border: #7e7e7e solid 1px; background: rgba(252,246,234,0.8); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-indent: 3px; color: #666;}
.search_btn {float: left; margin-left: 6px; width: 90px; height: 36px; background: url(/r/cms/www/red/img/search_btn.png) repeat-x; border: 0 none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 14px; font-weight: bold; color: #fff; cursor:pointer;}
 /*section-1*/
 /*section-1*/
 
 
 /*section-2*/
.news {width: 860px; height: 320px;}
.news_img {margin-left:10px;width: 400px; height: 120px; -moz-box-shadow: 0px 5px 5px rgba(100,100,100,0.3); -webkit-box-shadow: 0px 5px 5px rgba(100,100,100,0.3); box-shadow: 0px 5px 5px rgba(100,100,100,0.3);}
.news_img:hover {opacity: 0.8;}
#s2_title,#s2_ani,#s2_searchCompare { position: relative; float: left; z-index: 10;}					
#s2_title { top: 10px; width: 860px;}

/* 图片轮播切换 */
#focus {width: 860px; height: 320px; overflow: hidden; position: relative;}
#focus ul {height: 320px; position: absolute;}
#focus ul li {
	float: left; width: 860px; height: 320px; overflow: hidden; position: relative; background: #405f91; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	-moz-box-shadow: 8px 8px 8px rgba(102,102,102,0.5); -webkit-box-shadow: 8px 8px 8px rgba(102,102,102,0.5); box-shadow: 8px 8px 8px rgba(102,102,102,0.5);
}
#focus ul li div {position: absolute; overflow: hidden;}
#focus .btnBg {position: absolute; width: 960px; height: 50px; left: 0; bottom: 0; background: #000; filter: alpha(opacity=50); -moz-opacity: 0.5;
-khtml-opacity: 0.5; opacity: 0.5; -moz-border-radius:  0 0 5px 5px; -webkit-border-radius:  0 0 5px 5px; border-radius: 0 0 5px 5px;}
#focus .btn {position: absolute; width: 150px; height: 19px; right: 30px; bottom: 36px;}
#focus .btn span {display: inline-block; _display: inline; _zoom: 1; width: 19px; height: 19px; _font-size: 0; margin-left: 8px; cursor: pointer; background: url(/r/cms/www/red/img/icon_list3.png) no-repeat;}
#focus .btn span.on {width: 19px; background: url(/r/cms/www/red/img/icon_list3_h.png) no-repeat;}
#focus .preNext {width: 66px; height: 66px; position: absolute; top: 120px; background: url(/r/cms/www/red/img/sprite.png) no-repeat 0 0; cursor: pointer;}
#focus .pre {left: 0;}
#focus .next {right: 0; background-position: right top;}
.Imgtxt {position: absolute; width: 640px; height: 50px; padding-left: 20px; line-height: 50px; left: 0; bottom: 0; _zoom: 1; z-index: 100; color: #fff !important; font-size: 16px;}
 /*section-2*/
 
 
 /*section-3*/
#s3_title {float: left; background: #fff; width: 860px; height: 49px; font-size: 14px; font-family:"Microsoft Yahei"; color: #333; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border-bottom: #bfbfbf solid 1px; display: inline-block;}
#s3_title img {margin: 5px 0 0 10px;}
#s3_title .more {margin-top: 15px; float: right; margin-right: 20px; font-family: Arial,"Microsoft Yahei";}
#s3_title .more a:link {color: #666; text-decoration: none;}
#s3_title .more a:visited {color: #666; text-decoration: none;}
#s3_title .more a:hover {color: #f00; text-decoration: none;}
#s3_con {float: left; width: 860px; height: 400px; background: #fff; color: #333; -moz-border-radius: 0 0 5px 5px ; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
#s3_con ul {width: 820px; height: 400px; margin: 0 20px;}
#s3_con ul li {width: 820px; height: 39px; line-height: 40px; background: url(/r/cms/www/red/img/list_point.gif) left center no-repeat; border-bottom: #bfbfbf dotted 1px; font-size: 14px; font-family:"Microsoft Yahei";}
#s3_con ul .line_none {border-bottom: none;}
#s3_con ul li .txt {float: left; width: 680px; text-indent: 10px;}
#s3_con ul li .txt a:link {color: #333; text-decoration: none;}
#s3_con ul li .txt a:visited {color: #333; text-decoration: none;}
#s3_con ul li .txt a:hover {color: #f00; text-decoration: none;}
#s3_con ul li .time {float: right; width: 100px; color: #999;}
 /*section-3*/
 
 /*section-4*/
#s4_title {float: left; background: #f6f6f6; width: 860px; height: 49px; font-size: 14px; font-family:"Microsoft Yahei"; color: #333; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border-bottom: #bfbfbf solid 1px;}
#s4_title img {margin: 5px 0 0 10px;}
#s4_title .more {margin-top: 15px; float: right; margin-right: 20px; font-family: Arial,"Microsoft Yahei";}
#s4_title .more a:link {color: #666; text-decoration: none;}
#s4_title .more a:visited {color: #666; text-decoration: none;}
#s4_title .more a:hover {color: #f00; text-decoration: none;}
#s4_con {float: left; width: 860px; height: 420px; background: #f6f6f6; color: #333; -moz-border-radius: 0 0 5px 5px ; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
#s4_con ul {width: 800px; height: 400px; margin: 20px 30px 0 30px;}
#s4_con ul li {float: left; margin-right: 25px; width: 250px; height: 200px; font-size: 14px; font-family:"Microsoft Yahei";}
#s4_con ul .line_none {margin-right: 0;}
#s4_con ul li .txt {float: left; width: 240px; text-indent: 8px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; *white-space: nowrap; overflow: hidden; }
#s4_con ul li .txt a:link {color: #333; text-decoration: none;}
#s4_con ul li .txt a:visited {color: #333; text-decoration: none;}
#s4_con ul li .txt a:hover {color: #f00; text-decoration: none;}
#s4_con ul li .img {float: left; width: 250px; height: 160px;}
#s4_con ul li .img:hover {opacity: 0.8;}
 /*section-4*/


 /* section-5*/
#s5_title {float: left; background: #fff; width: 860px; height: 49px; font-size: 14px; font-family:"Microsoft Yahei"; color: #333; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border-bottom: #bfbfbf solid 1px;}
#s5_title img {margin: 5px 0 0 10px;}
#s5_title .more {margin-top: 15px; float: right; margin-right: 20px; font-family: Arial,"Microsoft Yahei";}
#s5_title .more a:link {color: #666; text-decoration: none;}
#s5_title .more a:visited {color: #666; text-decoration: none;}
#s5_title .more a:hover {color: #f00; text-decoration: none;}
#s5_con {float: left; width: 860px; height: 410px; background: #fff; color: #333; -moz-border-radius: 0 0 5px 5px ; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }				
.TabBox { width: 800px; margin: 0 30px; overflow: hidden;}
.TabBtn {width: 800px; height: 50px; margin-top: 35px;} 
.TabBtn span {margin-right: 20px; width: 142px; height: 43px; line-height: 45px; float: left; text-align: center; cursor: pointer; background: #fff; border: #ccc solid 1px; color: #5c5c5c; font-size: 16px; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 16px; color: #555;}
.TabBtn span:hover {background: #54b1ff; color: #fff; border: #54b1ff solid 1px;}
.TabBtn span.TabBtnHover {width: 142px; height: 43px; line-height: 45px; background: #54b1ff; border: #54b1ff solid 1px; color: #fff; font-weight:bold; font-size: 16px;}
.newzhika {width: 800px; margin: 30px auto 0 auto; height: 240px; color: #333;}
.newzhik{ width: 800px; margin: 30px auto 0 auto; height: 240px; display: none; color: #333;}
#leftList {float: left; width: 580px; height: 260px; margin-right: 20px;}
#leftList ul {width: 580px; height: 260px; margin: 0; padding: 0; list-style: none; color: #333; font-size: 14px;}
#leftList ul li {float: left; width: 180px; height: 45px; line-height: 45px; margin: 0 10px 0 0; padding: 0; list-style: none; background: url(/r/cms/www/red/img/list_point.gif) left center no-repeat; text-indent: 10px; text-overflow:ellipsis; white-space: nowrap; *white-space:nowrap; overflow: hidden;}
#leftList ul li a:link {color: #333; text-decoration: none;}
#leftList ul li a:visited {color: #333; text-decoration: none;}
#leftList ul li a:hover {color: #f00; text-decoration: none;}
.rightImg {float: left; width: 200px;}
.cf:before, .cf:after {content: ""; display: table;}
.cf:after {clear: both;}
.cf {zoom: 1;}
 /* section-5 */
 
 /* section-6 */
#s6_title {float: left; background: #f6f6f6; width: 860px; height: 49px; font-size: 14px; font-family:"Microsoft Yahei"; color: #333; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border-bottom: #bfbfbf solid 1px;}
#s6_title img {margin: 5px 0 0 10px;}
#s6_title .more {margin-top: 15px; float: right; margin-right: 20px; font-family: Arial,"Microsoft Yahei";}
#s6_title .more a:link {color: #666; text-decoration: none;}
#s6_title .more a:visited {color: #666; text-decoration: none;}
#s6_title .more a:hover {color: #f00; text-decoration: none;}
#s6_con {float: left; width: 860px; height: 430px; background: #f6f6f6; color: #333; -moz-border-radius: 0 0 5px 5px ; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }			
.htzc_Box { width: 800px; margin: 0 30px; overflow: hidden; }
.htzc_Btn {width: 800px; height: 45px; margin-top: 25px;} 
.htzc_Btn span {margin-right: 20px; width: 142px; height: 43px; line-height: 45px; float: left; text-align: center; cursor: pointer; background: #fff; border: #ccc solid 1px; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 16px; color: #555;}
.htzc_Btn span:hover {background: #bae376; color: #333; border: #bae376 solid 1px;}
.htzc_Btn span.htzc_BtnHover {width: 142px; height: 43px; line-height: 45px; background: #bae376; border: #bae376 solid 1px; color: #333; font-weight:bold; font-size: 16px;}

.s6_newzhika {width: 800px; margin: 10px auto 0 auto; height: 360px; color: #333;}
.s6_newzhik { width: 800px; margin: 10px auto 0 auto; height: 360px; display: none; color: #333;}
.s6_leftList {float: left; width: 480px; height: 150px; margin-right: 20px;}
.s6_leftList ul {width: 480px; height: 150px; margin: 0; padding: 0; list-style: none; color: #333;}
.s6_leftList ul li {float: left; width: 480px; height: 32px; line-height: 32px; margin: 0; padding: 0; list-style: none; background: url(/r/cms/www/red/img/list_point.gif) left center no-repeat; text-indent: 10px; font-size: 14px;}
.s6_leftList ul li .txt a:link {float: left; width: 380px; color: #333; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; *white-space:nowrap; overflow: hidden;}
.s6_leftList ul li .txt a:visited {color: #333; text-decoration: none;}
.s6_leftList ul li .txt a:hover {color: #f00; text-decoration: none;}
.s6_leftList ul li .time {float: left; width: 100px; color: #999; text-decoration: none; font-size: 12px;}
.s6_rightImg {float: left; width: 300px; height: 150px;}

.s6_rightList {float: left; width: 480px; height: 150px; margin-left: 20px; margin-top: 20px;}
.s6_rightList ul {width: 480px; height: 150px; margin: 0; padding: 0; list-style: none; color: #333;}
.s6_rightList ul li {float: left; width: 480px; height: 30px; line-height: 30px; margin: 0; padding: 0; list-style: none; background: url(/r/cms/www/red/img/list_point.gif) left center no-repeat; text-indent: 10px; font-size: 14px;}
.s6_rightList ul li .txt a:link {float: left; width: 380px; color: #333; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; *white-space:nowrap; overflow: hidden;}
.s6_rightList ul li .txt a:visited {color: #333; text-decoration: none;}
.s6_rightList ul li .txt a:hover {color: #f00; text-decoration: none;}
.s6_rightList ul li .time {float: left; width: 100px; color: #999; text-decoration: none; font-size: 12px;}

.s6_leftImg {float: left; width: 300px; height: 160px; margin-top: 20px;}
.cf:before, .cf:after {content: ""; display: table;}
.cf:after {clear: both;}
.cf {zoom: 1;}
 /* section-6 */
 
 
 /* section-7 */
#s7_title {float: left; background: #fff; width: 860px; height: 49px; font-size: 14px; font-family:"Microsoft Yahei"; color: #333; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border-bottom: #bfbfbf solid 1px;}
#s7_title img {margin: 5px 0 0 10px;}
#s7_title .more {margin-top: 15px; float: right; margin-right: 20px; font-family: Arial,"Microsoft Yahei";}
#s7_title .more a:link {color: #666; text-decoration: none;}
#s7_title .more a:visited {color: #666; text-decoration: none;}
#s7_title .more a:hover {color: #f00; text-decoration: none;}
#s7_con {float: left; width: 860px; height: 430px; background: #fff; color: #333; -moz-border-radius: 0 0 5px 5px ; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;}				
.reader{ width: 800px; margin: 25px 30px; overflow: hidden;}
.reader .leftCon {float: left; width: 540px; height: 388px;} 
.reader .leftCon .title {width: 100%; height: 45px; background: #ffcc99; line-height: 45px; text-align: center; color: #333; font-weight: bold; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; font-size: 16px;}
.reader .conTxt { height: 173px; padding: 0 10px; background: #54D2FF; font-size: 13px; line-height: 24px; font-family:"Microsoft Yahei";}
.reader .conImg {width: 100%; height: 150px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; border: 0 none;}

.reader .rightList {float: right; width: 238px; height: 366px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: #ccc solid 1px;}
.reader .rightList ul {float: left; width: 238px; height: 366px; margin: 0; padding: 0; list-style: none; color: #333;}
.reader .rightList ul .kfsj {float: left; width: 79px; height: 122px;  background: url(/r/cms/www/red/img/dzfw011.png) 0 -4px; font-size: 0; display: inline-block; text-indent: -9999px; border-right: #ccc solid 1px;border-bottom: #ccc solid 1px;}
.reader .rightList ul .kfsj a:link {float: left; width: 79px; height: 122px; background-image: url(/r/cms/www/red/img/dzfw011.png) 0 -4px; font-size: 0; display: inline-block; text-indent: -9999px;}
.reader .rightList ul .kfsj a:hover {float: left; background: #54b1ff url(/r/cms/www/red/img/dzfw022.png) 0 -4px; -moz-border-radius: 4px 0 0 0; -webkit-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0;}

.reader .rightList ul .jtzn {float: left; width: 78px; height: 122px;  background: url(/r/cms/www/red/img/dzfw011.png) -80px -4px; font-size: 0; display: inline-block; text-indent: -9999px; border-right: #ccc solid 1px;border-bottom: #ccc solid 1px;}
.reader .rightList ul .jtzn a:link {float: left; width: 78px; height: 122px; background-image: url(/r/cms/www/red/img/dzfw011.png) -80px -4px; font-size: 0; display: inline-block; text-indent: -9999px;}
.reader .rightList ul .jtzn a:hover {float: left; background: #54b1ff url(/r/cms/www/red/img/dzfw022.png) -80px -4px;}

.reader .rightList ul .bzxz {float: left; width: 79px; height: 122px;  background: url(/r/cms/www/red/img/dzfw011.png) -160px -4px; font-size: 0; display: inline-block; text-indent: -9999px; border-bottom: #ccc solid 1px;}
.reader .rightList ul .bzxz a:link {float: left; width: 79px; height: 122px; background-image: url(/r/cms/www/red/img/dzfw011.png) -160px -4px; font-size: 0; display: inline-block; text-indent: -9999px;}
.reader .rightList ul .bzxz a:hover {float: left; background: #54b1ff url(/r/cms/www/red/img/dzfw022.png) -164px -4px; -moz-border-radius: 0 4px 0 0; -webkit-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0;}

.reader .rightList ul .fwgy {float: left; width: 79px; height: 120px;  background: url(/r/cms/www/red/img/dzfw011.png) 0 -134px; font-size: 0; display: inline-block; text-indent: -9999px; border-right: #ccc solid 1px; border-bottom: #ccc solid 1px;}
.reader .rightList ul .fwgy a:link {float: left; width: 79px; height: 120px; background-image: url(/r/cms/www/red/img/dzfw011.png) 0 -134px; font-size: 0; display: inline-block; text-indent: -9999px;}
.reader .rightList ul .fwgy a:hover {float: left; background: #54b1ff url(/r/cms/www/red/img/dzfw022.png) 0 -134px;}

.reader .rightList ul .jyfw {float: left; width: 78px; height: 120px;  background: url(/r/cms/www/red/img/dzfw011.png) -80px -134px; font-size: 0; display: inline-block; text-indent: -9999px; border-right: #ccc solid 1px;border-bottom: #ccc solid 1px;}
.reader .rightList ul .jyfw a:link {float: left; width: 78px; height: 120px; background-image: url(/r/cms/www/red/img/dzfw011.png) -80px -134px; font-size: 0; display: inline-block; text-indent: -9999px;}
.reader .rightList ul .jyfw a:hover {float: left; background: #54b1ff url(/r/cms/www/red/img/dzfw022.png) -80px -134px;}

.reader .rightList ul .zyfb {float: left; width: 79px; height: 120px;  background: url(/r/cms/www/red/img/dzfw011.png) -160px -134px; font-size: 0; display: inline-block; text-indent: -9999px; border-bottom: #ccc solid 1px;}
.reader .rightList ul .zyfb a:link {float: left; width: 79px; height: 120px; background-image: url(/r/cms/www/red/img/dzfw011.png) -160px -134px; font-size: 0; display: inline-block; text-indent: -9999px;}
.reader .rightList ul .zyfb a:hover {float: left; background: #54b1ff url(/r/cms/www/red/img/dzfw022.png) -160px -134px;}

.reader .rightList ul .zzfw {float: left; width: 79px; height: 122px;  background: url(/r/cms/www/red/img/dzfw011.png) 0 -264px; font-size: 0; display: inline-block; text-indent: -9999px; border-right: #ccc solid 1px;}
.reader .rightList ul .zzfw a:link {float: left; width: 79px; height: 122px; background-image: url(/r/cms/www/red/img/dzfw011.png) 0 -264px; font-size: 0; display: inline-block; text-indent: -9999px;}
.reader .rightList ul .zzfw a:hover {float: left; background: #54b1ff url(/r/cms/www/red/img/dzfw022.png) 0 -264px; -moz-border-radius: 0 0 0 4px; -webkit-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px;}

.reader .rightList ul .dhfw {float: left; width: 78px; height: 122px;  background: url(/r/cms/www/red/img/dzfw011.png) -80px -264px; font-size: 0; display: inline-block; text-indent: -9999px; border-right: #ccc solid 1px;}
.reader .rightList ul .dhfw a:link {float: left; width: 78px; height: 122px; background-image: url(/r/cms/www/red/img/dzfw011.png) -80px -264px; font-size: 0; display: inline-block; text-indent: -9999px;}
.reader .rightList ul .dhfw a:hover {float: left; background: #54b1ff url(/r/cms/www/red/img/dzfw022.png) -80px -264px;}

.reader .rightList ul .tjth {float: left; width: 79px; height: 122px;  background: url(/r/cms/www/red/img/dzfw011.png) -160px -264px; font-size: 0; display: inline-block; text-indent: -9999px;}
.reader .rightList ul .tjth a:link {float: left; width: 79px; height: 122px; background-image: url(/r/cms/www/red/img/dzfw011.png) -160px -264px; font-size: 0; display: inline-block; text-indent: -9999px;}
.reader .rightList ul .tjth a:hover {float: left; background: #54b1ff url(/r/cms/www/red/img/dzfw022.png) -160px -264px; -moz-border-radius: 0 0 4px 0; -webkit-border-radius: 0 0 4px 0; border-radius: 0 0 4px 0;}
 /* section-7 */
 
 /* section-8 */
#s8_title {float: left; background: #f6f6f6; width: 860px; height: 49px; font-size: 14px; font-family:"Microsoft Yahei"; color: #333; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border-bottom: #bfbfbf solid 1px;}
#s8_title img {margin: 5px 0 0 10px;}
#s8_title .more {margin-top: 15px; float: right; margin-right: 20px; font-family: Arial,"Microsoft Yahei";}
#s8_title .more a:link {color: #666; text-decoration: none;}
#s8_title .more a:visited {color: #666; text-decoration: none;}
#s8_title .more a:hover {color: #f00; text-decoration: none;}
#s8_con {float: left; width: 860px; height: 430px; background: #f6f6f6; color: #333; -moz-border-radius: 0 0 5px 5px ; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
#s8_con ul {width: 770px; height: 460px; margin: 20px 45px 0 45px;}
#s8_con ul li {float: left; margin-right: 30px; width: 130px; height: 200px; font-size: 14px; font-family:"Microsoft Yahei";}
#s8_con ul .line_none {margin-right: 0;}
#s8_con ul li .txt {float: left; width: 130px; text-indent: 10px; line-height: 30px; text-overflow:ellipsis; white-space: nowrap; *white-space:nowrap; overflow: hidden; }
#s8_con ul li .txt a:link {color: #333; text-decoration: none;}
#s8_con ul li .txt a:visited {color: #333; text-decoration: none;}
#s8_con ul li .txt a:hover {color: #f00; text-decoration: none;}
#s8_con ul li .img {float: left; width: 130px; height: 160px;}
#s8_con ul li .img:hover {opacity: 0.8;}
 /* section-8 */
 
 
 /* section-9 */
#s9_wrapper {float: left; width: 100%; height: 65px; background: #76c1ff; position: fixed; bottom: 0px;}
.returnTop {width: 114px; height: 30px; position: absolute; margin: -30px 50%; left: -57px;}
.s9_footer {float: left; width: 640px; height: 40px; position: absolute; margin: 10px 50%; left: -320px; font-size: 12px;}
.s9_w800 {float: left; width: 640px;}
.s9_ft16 {float: left; font-size: 14px; line-height: 22px;}
.s9_sel {float: left; width: 160px; height: 22px; border: #4b9bdd solid 1px; -moz-border-radius: 3px ; -webkit-border-radius: 3px; border-radius: 3px;}
.ml30 {margin-left: 30px;}
.mt-60 {margin-top: -60px;}
 /* section-9 */
 
/*登录弹窗*/
.loginBdr {position: absolute; top: 50%; left: 50%; margin-left: -180px; margin-top: -135px; width: 375px; height: 334px; border: #c4c4c4 solid 3px; z-index: 9999; background: #fff; font-size: 15px; font-family: "Microsoft Yahei";}
.login_titBg {background: url(/r/cms/www/red/img/login_titBg.png); width:360px; height: 40px; line-height: 40px; color: #fff; text-align: center;}
.ipt {float: left; margin: 0 0 0 50px; width: 258px; height: 30px; line-height: 30px; border: #ddd solid 1px; text-indent: 3px;}
.ipt_p {float: left; margin: 0 0 0 50px; width: 258px; height: 32px; line-height: 32px; border: #ddd solid 1px; text-indent: 3px;}
.ipt_y {float: left; margin: 0 0 0 50px; width: 158px; height: 34px; line-height: 32px; border: #ddd solid 1px; text-indent: 3px;}
.ipt_m {float: left; margin: 0 0 0 30px; width: 100px; height: 34px; line-height: 32px; border: #ddd solid 1px; text-indent: 3px;}
.log_txt {float: left; margin: 10px 0 0 50px; width: 258px; height: 30px; line-height: 30px;}
.log_txt1 {float: left; margin: 10px 0 0 50px; width: 258px; height: 30px; line-height: 30px;}
.log_txt2 {float: left; margin: 10px 0 0 50px; width: 258px; height: 30px; line-height: 30px;}
.login_btn {float: left; margin: 30px 0 0 50px; background: #8db800; width: 120px; height: 35px; line-height: 35px; border: 0 none; color: #fff; text-align: center; font-size: 14px; font-weight: bold; font-family: "Microsoft Yahei"; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

.jzmm {float: left; margin: 20px 0 0 50px; font-size: 12px; color: #666; width: 260px;}
.cancel {float: left; margin: 30px 0 0 20px; background: #ccc; width: 120px; height: 35px; line-height: 35px; border: 0 none; color: #333; text-align: center; font-size: 14px; font-weight: bold; font-family: "Microsoft Yahei"; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.cancel a:link,.cancel a:visited {color: #666; text-decoration: none;}
.cancel a:hover {color: #666; text-decoration: underline;}
.theme-popover-mask {z-index: 9998;	position: fixed; top:0;	left: 0; width: 100%; height: 100%; background: #000; opacity: 0.7; filter: alpha(opacity=70); display: none;}
.theme-popover {z-index: 9999; display:none; box-shadow: 0 0 10px #666;}
 /*登录弹窗*/
/* 微信 */
#wxCode{position: fixed; left:50px; bottom: 120px; z-index: 8888; width:38px; border: 1px solid #CCC; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px;}
.htwb img{float:left; border-bottom: 1px solid #CCC;}
.htwx img{float:left;}
.wxCode_img1, .wxCode_img2{width: 100px; padding: 0 8px; position:fixed;left:90px;z-index:9999;background:#ececec; line-height:24px; text-align:center; font-size:12px;bottom: 90px; color:#7a7a82;} 
.wxCode_img1{bottom: 60px; display:none;}
.wxCode_img2{bottom: 60px; display:none;}

 /*sideBar 右边栏*/
.side_container { position: absolute; right: 0px; width: 60px; height: 100%;}
#side_btn_ul { list-style: none; padding: 0; position: absolute; float: right; right: 100px; top: 50%; margin-top: -257px;}
#side_btn_ul li { background-position: 0 -60px; width: 60px; height: 60px; margin-bottom: 5px; opacity: 0.8; }/*use sprite, pic pic_8*/
#side_btn_ul li:hover { opacity:1; cursor: pointer; }
#side_btn_ul .active {background-position: 0px 0px; width: 60px; height: 60px; opacity: 1; }/*use sprite, pic pic_7*/
 /*sideBar 右边栏*/
.wxL{position: absolute; float: left; left: 50px; bottom: 60px;} 
@media screen and (max-height: 600px){
#side_btn_ul{right: 0px;}
.topRight {width: 30%; float: right; height: 50px; margin-right:50px;}
.wxL{left: 0px; bottom: 60px;}
#wxCode,#wxCode_hover{left:0px;}
.wxCode_img1, .wxCode_img2{left:40px;}
}

@media screen and (max-width:1280px){
#side_btn_ul{right: 0px;}
.wxL{left: 0px; bottom: 60px;}
#wxCode,#wxCode_hover{left:0px;}
.wxCode_img1, .wxCode_img2{left:40px;}
}

/* 下拉样式*/
.choose{ float: left;width: 100px;height: 34px;font-family: microsoft yahei;top: 100px; color: #666; font-size: 12px;border:#7e7e7e solid 1px;background:rgba(252,246,234,0.8)}
.choose .btn{ border:1px solid #ccc; background:url(/r/cms/www/red/img/tip.png) no-repeat right -239px}
.choose .btn,.choose .col{ width: 100%;height: 30px;line-height: 30px;text-indent: 10px;cursor: pointer; }

.choose .con{ width: 100px;height: auto;position: absolute;border: 1px solid #ccc;border-top: 1px dashed #ccc;display: none;background: white;top: 30px; }