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

/*焦点图特效*/
#focus{position: relative;height:400px;width:1190px; overflow:hidden;}
#focus .bd{position: relative}
#focus .btn-prev, #focus .btn-next{display: none;position: absolute;width: 50px;height: 120px;z-index: 2;top:50%; margin-top: -60px;}
#focus .btn-prev{left: 0;background: url(../images/custom.png) no-repeat 0 -50px; }
#focus .btn-next{right: 0;background: url(../images/custom.png) no-repeat -50px -50px;}
#focus .focus-bar-box{width:1190px;height: 400px;position: relative;overflow: hidden}
#focus .focus-bar{width:5950px}
#focus .focus-bar li{float: left;width:1190px;height: 400px}
#focus .focus-bar li a{width:1190px;height:400px;display: block}
#focus .focus-bar li img{width: 1190px; height:400px;}
#focus .ft{width: 1190px; }
#focus .change{width: 110px; position: absolute;left:50%; margin-left: -55px; bottom: 20px;height: 12px; z-index:998; overflow:hidden;}
#focus .change a{float: left;  width: 12px;height:12px; margin:0 5px; background:#eee; border-radius: 6px;}
#focus .change a.on{background:#3492d1;width: 12px;height:12px;}
#focus .hd{position: absolute;  left:0; bottom:0; z-index:2; text-shadow: 1px 1px 0 #000; font-size:24px;width:1110px;color:#fff; overflow:hidden; text-align: center; padding: 20px 40px 50px 40px; }
#focus .hd a{color: #fff;}
/*头条、热门、经验*/
h2{font-size:22px; line-height: 80px; height: 80px; overflow: hidden; text-align: left; }
.box {height: 420px; display: block; overflow: hidden;}
.box .left{ width: 330px; display: block; float: left;}
.box .left span{ width: 330px; height: 180px; display: block; overflow: hidden;}
.box .left span img{ width: 330px; height:auto; min-height: 180px; }
.box .left span img:hover{width: 110%; margin: -5% 0 0 -5%;}

.box .left h3{ text-align: center;font-size:22px; line-height: 30px; padding: 25px 0 0 0; height: 40px; overflow: hidden; margin-bottom: 20px; white-space: nowrap; text-overflow: ellipsis;}
.box .left h3 em{ width: 40px; height: 3px; background: #ff9000; display: block; text-align: center; margin-left: 145px; margin-top: 6px;}
.box .left p,.box .center p{line-height: 24px; color: #bbb;}
.box .left a:hover{color: #ff9000;}
.box .center{ width: 390px; padding-left: 40px; display: block; float: left; overflow: hidden;}
.box .center a{height: 84px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eaeaea;overflow: hidden; display: block;}
.box .center img{width: 120px; height: 84px; display: block; float: left; margin-right: 15px; }
.box .center h3{ color: #ff9000; font-size: 18px; line-height: 32px; height: 30px; display: block;  overflow: hidden; padding-bottom: 10px;}
.box .center h3:hover{ color: #ff9000;text-decoration: underline;}
.box .center p{ height: 40px; overflow: hidden; line-height: 20px;}
.box .center ul li{margin-left: 10px; border-left: 5px solid #eeeeee; position: relative; padding-left: 20px;}
.box .center ul h3{ font-size: 16px; color: #333; font-weight: bold;}
.box .center ul em{ width: 16px;height: 16px; display: block;  background: url("../images/custom.png") -240px -80px; _background:none;  position: absolute; left: -11px; top: 16px;}
.box .center ul a:hover em{ background: url("../images/custom.png") -240px -120px; _background:none;}
.box .center ul li a{padding: 10px 0 15px 0; margin: 0; border: none;}
/*男性保健*/
.title{height: 80px; padding: 40px 0 20px 0; }
.title h2{ border-bottom: 1px solid #eaeaea; position: relative; height: 25px; *height: 35px; overflow: inherit; font-size: 28px;}
.title h2 span{ height: 38px; line-height: 38px; text-align: center; overflow: hidden; display: block;position: absolute; left: 50%; margin-left: -90px;background: #F8F8F8; padding: 0 30px;}
.title h2 .span1 em{color: #3492d1;}
.title h2 .span2 em{color: #00a89d;}
.title h2 .span3 em{color: #db7364;}
.title h2 .span4 em{color: #44add2;}
.title p{ text-align: center; font-size: 16px; padding-top: 25px; *padding-top: 15px;}
.title p em{color: #ddd;}
.title p a{ padding: 0 15px; color: #666;}
.listBox{ border: 1px solid #eaeaea;border-right:none; background: #fefefe; height: 400px; }
.listBox .left,.listBox .center,.listBox .right{display: block; float: left; border-right: 1px solid #eaeaea; height: 400px; overflow: hidden;}
.listBox .left{width: 340px; }
.listBox .left ul{padding:25px 20px 0 25px;}
.listBox .left ul li{line-height: 32px; height: 32px; display: block; overflow: hidden;}
.listBox .left ul li em{ width: 58px; height: 16px; line-height: 16px; margin: 8px 15px 8px 0; display: block;float: left; overflow: hidden; border-right:1px solid #ddd; padding-right: 15px;}
.listBox .center .top{border-bottom: 1px solid #eaeaea; padding: 0 0 30px 25px; margin: 30px 0 25px 0;}

.listBox1 a:hover{color: #3492d1;}
.listBox2 a:hover{color: #00a89d;}
.listBox3 a:hover{color: #db7364;}
.listBox4 a:hover{color: #44add2;}
.listBox .left1 a em {color: #3492d1;}
.listBox .left1 em:hover {text-decoration: underline; color: #3492d1;}
.listBox .left2 a em {color: #00a89d;}
.listBox .left2 em:hover {text-decoration: underline; color: #00a89d;}
.listBox .left3 a em {color: #db7364;}
.listBox .left3 em:hover {text-decoration: underline; color: #db7364;}
.listBox .left4 a em {color: #44add2;}
.listBox .left4 em:hover {text-decoration: underline; color: #44add2;}

.listBox .center{width: 600px; overflow: hidden;}
.listBox .center .top{border-bottom: 1px solid #eaeaea; padding: 0 0 20px 25px; margin-bottom: 20px;}
.listBox .center .top .title2,.listBox .right .title2{height: 70px; display: block;}
.listBox .center .top .title2 strong,.listBox .right .title2 strong{line-height: 70px; font-size: 22px; display: block; float:left;  }
.listBox .center .top .title2 a{display: block; float: right; border: 1px solid #eee;padding:0 15px; line-height: 30px; border-radius: 15px; color: #999; margin: 20px 20px 0 0;}
.listBox .center .top .title2 a:hover{background: #333; color: #fff; border-color: #333;}
.listBox .center .top  ul li{width: 170px; height: 180px; display: block; float: left; margin-right: 20px; font-size: 16px; text-align: center; line-height: 24px;}
.listBox .center .top  ul li span{width: 170px; height: 120px; display: block; overflow: hidden; margin-bottom: 10px;}
.listBox .center .top  ul li span img{width:100%; height:auto; min-height: 120px;}
.listBox .center .top  ul li span img:hover{width: 110%; margin: -5% 0 0 -5%;}

.listBox .center .btm ul li{ width: 240px; margin-left:25px; _margin-left:12px;  padding: 0 20px 0 15px; display: block; float: left; height: 35px; line-height: 35px; overflow: hidden; background: url("../images/custom.png") no-repeat -250px -156px;}
.listBox2 .center .btm ul li{  background: url("../images/custom.png") no-repeat -250px -186px;}
.listBox3 .center .btm ul li{  background: url("../images/custom.png") no-repeat -250px -216px;}
.listBox4 .center .btm ul li{  background: url("../images/custom.png") no-repeat -250px -246px;}

.listBox .right{display: block; width: 217px; background: #E9F3F9; padding:0 10px 0 20px;}
.listBox .right a{ display: block; float: left; background: #D7E9F5; padding:0 15px; line-height: 30px; margin: 0 5px 8px 0; height: 30px; overflow: hidden; white-space: nowrap; }
.listBox .right a:hover{background: #333; color: #fff;}
.listBox2 .right{background: #f1fbfa;}
.listBox2 .right a{background: #def6f4;}
.listBox3 .right{background: #faf0ee;}
.listBox3 .right a{background: #f7e3e0;}
.listBox4 .right{background: #f3f8fb;}
.listBox4 .right a{background: #e5f3f9;}

/*-------------一级列表页-------------*/
.position{ height: 30px; line-height: 30px; color: #999; font-size: 12px;  padding-top: 5px;}
.position a{color: #ff9000; padding: 0 5px;}
.position a:hover{color: #ff9000; text-decoration: underline;}
.con_left{ width: 850px;display: block; float: left; overflow: hidden; margin-right: 40px;}
.con_left .listTitle{height: 30px; padding: 25px 0 15px 0;}
.con_left .listTitle h2{ display: block; float: left; height: 30px; line-height: 30px;}
.con_left .listTitle a{ border: 1px solid #e4eef4;height: 28px;line-height: 28px; padding: 0 15px; border-radius: 20px; color:#3492d1;  display: block; float: right;}
.con_left .listTitle a:hover{background: #3492d1; color: #fff; border-color: #3492d1;}
.con_left .listCon{ background: #ededed; height: 165px; border-bottom: 1px solid #f8f8f8;}
.con_left .listCon span{ width: 240px; height: 165px; display: block; overflow: hidden; float: left; position: relative; z-index:0;}
.con_left .listCon span img{width: 100%; height: auto; min-height: 165px; position: relative; z-index: 0;}
.con_left .listCon span img:hover{width: 110%; margin: -5% 0 0 -5%;}
.con_left .listCon span em{ width: 210px; display: block; line-height: 24px; font-size: 16px; color: #fff; position: absolute; z-index:1; bottom: 0; text-align: center; padding: 10px 15px; left: 0; *background:#333; }
.con_left .listCon span a em,.specialBox1 .conTop a .top{
    background: -ms-linear-gradient(top, rgba(0,0,0,0),rgba(0,0,0,0.6));    /* IE 10 */
    background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.6));/*火狐*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(0,0,0,0)), to(rgba(0,0,0,0.6)));/*谷歌*/
    background: -webkit-linear-gradient(top, rgba(0,0,0,0),rgba(0,0,0,0.6));   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top,rgba(0,0,0,0), rgba(0,0,0,0.6));  /*Opera 11.10+*/
}
.con_left .listCon span a:hover em,.specialBox1 .conTop a:hover .top{
    background: -ms-linear-gradient(top, rgba(0,0,0,0),rgba(0,0,0,1));    /* IE 10 */
    background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));/*火狐*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));/*谷歌*/
    background: -webkit-linear-gradient(top, rgba(0,0,0,0),rgba(0,0,0,1));   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top,rgba(0,0,0,0), rgba(0,0,0,1));  /*Opera 11.10+*/
}
.con_left .listCon ul{width:610px; display: block; float:left; padding-top: 20px; }
.con_left .listCon ul li{width: 240px; height:30px; overflow: hidden;  line-height: 30px; display: block; float: left; padding: 0 25px 0 40px; background: url("../images/custom.png") no-repeat -225px -159px; }
/*右侧*/
.con_right{ width: 300px;display: block; float: left; overflow:hidden;}
.con_right h2{line-height: 70px;height: 70px; padding-top: 5px;}
.con_right .topList ul{margin-top: -10px; padding-bottom: 20px;}
.con_right .topList ul li{ height: 36px; line-height: 36px;  white-space: nowrap; *white-space: inherit; text-overflow: ellipsis;overflow:hidden;}
.con_right .topList ul li em{ width: 20px; height: 20px; display: block; float: left;line-height: 20px;text-align: center; background: #cccccc; font-size: 12px;color: #fff; border-radius: 20px; margin: 8px 10px 8px 0;}
.con_right .topList ul li .em1{background: #ff9000;}
.banner img,.banner3 img{ width: 100%; height: auto;}
.con_right .tags{padding-bottom: 20px;}
.con_right .tags a{ display: block; float: left; background: #828282; padding:0 15px; line-height: 30px; margin: 0 5px 8px 0; height: 30px;  white-space: nowrap; color: #fff; }
.con_right .tags a:hover{background: #333; color: #fff; display: block;}

/*-------------二级列表页-------------*/
.con_left .topTags { padding: 25px 0 20px 0; border-bottom: 1px solid #eee;}
.con_left .topTags .tagTitle{font-size: 18px; font-weight: bold; padding-bottom: 15px; }
.con_left .topTags .tagTitle span{ width: 21px;height: 24px; display: block; float: left; margin-right: 10px; background: url("../images/custom.png") 0 -340px;}
.con_left .topTags a{ display: block; float: left;  padding:0 15px; line-height: 30px; margin: 0 5px 8px 0; height: 30px;  white-space: nowrap; color: #666; border-radius: 20px; border: 1px solid #e8e8e8; }
.con_left .topTags a:hover{background: #333;border: 1px solid #333; color: #fff;}
.con_left .list{padding:30px 0; border-bottom: 1px solid #eee; height: 132px; display: block;}
.con_left .list .left{width: 630px; height: 132px; padding-right: 30px; display:block; float: left;}
.con_left .list .left h2{height: 40px; line-height: 40px; white-space: nowrap; text-overflow: ellipsis;}
.con_left .list .left p{color: #aaa; padding-top: 10px;  margin-bottom: 15px;height: 45px; display: block; overflow:hidden; line-height: 24px;}
.con_left .list .left em a{ color: #ff9000; border: 1px solid #ff9000; padding: 0 12px; height: 22px;line-height: 22px; display: block; float: left; margin-right: 5px; border-radius: 15px; font-size: 12px;}
.con_left .list .left em a:hover{ color: #fff;background: #ff9000;}
.con_left .list span{width:190px; height: 132px; display:block; float: left; overflow: hidden;}
.con_left .list span img{width: 100%; height: auto; min-height: 132px;}
.con_left .list span img:hover{width: 110%; vertical-align: middle; margin: -5% 0 0 -5%;}
.con_left .banner2{border-bottom: 1px solid #eee;}
.paging{text-align:center;height: 32px; display: block;margin-top:-50px; }
.paging span{  height:30px;margin-right:5px;  border:none; display:inline-block; float:left;  line-height:30px;}
.paging span a{ color:#333; display:block; padding:0px 12px; border:1px solid #ddd;}
.paging span a:hover{ color:#fff; background:#3492d1;  border:1px solid #3492d1;}
.paging2 { background:#3492d1; color:#FFF; display:block; padding:0px 12px; line-height:32px;  border:1px solid #429A43;}
.paging span{ display:inline-block; float:left; }
.paging em{ font-family:Georgia, "Times New Roman", Times, serif; color:#3492d1; font-size:16px; padding:0 5px;}

.pagination{text-align:center; margin:40px 0 20px 140px;height: 32px; display: block;}
.pagination li{  height:30px;margin-right:5px;  border:none; display:inline-block; float:left;  line-height:30px;}
.pagination li a{ color:#333; display:block; padding:0px 12px; border:1px solid #ddd;}
.pagination li a:hover{ color:#fff; background:#3492d1;  border:1px solid #3492d1;}
.pagination li{ display:inline-block; float:left; }
.pagination em{ font-family:Georgia, "Times New Roman", Times, serif; color:#3492d1; font-size:16px; padding:0 5px;}

.pagination2 a{ color:#fff !important; background:#3492d1 !important;  border:1px solid #3492d1 !important; }

/*-------------内容页-------------*/
.main{padding-top: 35px; border-bottom: 1px solid #eee; display: block; position: relative;}
.main h1{ font-size: 28px; line-height:40px; padding-bottom: 6px;}
.main .time{ color: #bbb; padding-bottom: 20px;display: block;}
.main .time span{ padding-right: 20px; color: #bbb;}
.main a{color:#ff9000}
.main .time a:hover{text-decoration:underline}
.main p{ padding-bottom: 25px; line-height: 30px; font-size: 16px;}
.main p a{color: #ff9000; text-decoration: underline;}
.main p a:hover{color: #fff; text-decoration: none; background: #ff9000;}
.main .img{ text-align: center;}
.main .img img{width: 100%; height: auto;}
.main h2{font-size: 18px; font-weight: bold; padding-bottom: 10px; color: #ff9000; line-height: 30px; height: auto;display: block;}
.main strong{font-size: 16px; font-weight: bold; padding-bottom: 10px;}
.main .page { text-align: center; padding-bottom: 40px;}
.main .page a,.main .page em{width: 32px; text-align: center; line-height: 32px; border: 1px solid #ddd; display:inline-block; margin: 0 1px; }
.main .page a:hover,.main .page em{color:#fff; background:#3492d1; border: 1px solid #3492d1; }
.share{ width:50px; height: 255px;display: block; _display: none; position: fixed; left:1.5%; bottom: 70px; z-index: 999999; }
.share li {width: 50px; height: 50px; display: block; border-bottom: 1px solid #f8f8f8;}
.share .a1{background: #eaeaea url("../images/custom.png") -30px -340px;}
.share .a1:hover{background: #fdb800 url("../images/custom.png") -30px -390px;}
.share .a2{background: #eaeaea url("../images/custom.png") -80px -340px;}
.share .a2:hover{background: #54a03e url("../images/custom.png") -80px -390px;}
.share .a3{background: #eaeaea url("../images/custom.png") -130px -340px;}
.share .a3:hover{background: #3492d1 url("../images/custom.png") -130px -390px;}
.share .a4{background: #eaeaea url("../images/custom.png") -180px -340px;}
.share .a4:hover{background: #db7364 url("../images/custom.png") -180px -390px;}
.share .a5{background: #eaeaea url("../images/custom.png") -230px -340px;}
.share .a5:hover{background: #6ac3e3 url("../images/custom.png") -230px -390px;}
.mainBtm .left{ width: 45%; padding-right:5%;height: auto; display: block;float: left; overflow: hidden;  *width: 44%; *padding-right:5%;}
.mainBtm .left h3{ font-size: 22px; color: #ff9000; padding: 30px 0 20px 0; }
.mainBtm .left ul li{margin-left: 10px; border-left: 5px solid #eeeeee; position: relative; padding-left: 20px; font-size: 16px;}
.mainBtm .left ul li a{line-height: 40px; height: 40px;  overflow: hidden; display: block;}
.mainBtm .left ul em{ width: 16px;height: 16px; display: block;  background: url("../images/custom.png") -240px -80px; _background:none;  position: absolute; left: -11px; top: 12px; z-index: 1111;}
.mainBtm .left ul a:hover em{ background: url("../images/custom.png") -240px -120px; _background:none;}
.mainBtm .left ul a:hover{color: #ff9000; text-decoration: underline; }

/*-------------专题页-------------*/
.Title{padding: 40px 0 18px 0; font-size: 30px; line-height: 52px;}
.Title em{width: 60px; height: 52px; margin-right: 10px; display: block; float: left;color: #fff; text-align: center;  font-family:"Arial Black";}
.Title .em1{ background: url("../images/custom.png") -160px -70px;}
.Title .em2{ background: url("../images/custom.png") -160px -130px;}
.Title .em4{ background: url("../images/custom.png") -160px -190px;}
.Title .em5{ background: url("../images/custom.png") -160px -250px;}
.mr{margin-right: 30px;}
.mb{margin-right: 30px; margin-bottom: 30px}
/*板块一*/
.specialBox1 .conTop{width: 580px; height: 300px; display: block; float: left; overflow: hidden; position: relative; z-index:0;}
.specialBox1 .conTop img{width: 100%; height: auto; min-height: 300px; position: relative; z-index: 0;}
.specialBox1 .conTop img:hover,.specialBox2 .conTop .left a img:hover{width: 104%; margin: -2% 0 0 -2%;}
.specialBox1 .conTop .top{ display: block; overflow: hidden; line-height: 24px; font-size: 16px; color: #fff; position: absolute; z-index:1; bottom: 0; text-align: center; padding: 20px 30px; left: 0; _background:#333; _width: 520px; _height: 35px; _padding: 10px 30px; }
.specialBox1 .conTop .top p{color:rgba(255,255,255,0.6); height: 50px;overflow: hidden; *color:#fff;}
.specialBox1 .conTop .top h2{font-size: 24px; line-height: 36px; height: auto; padding-bottom: 15px; text-align: left;}
.specialBox1 .conBtm{ height: 250px; overflow: hidden; padding-top: 30px;}
.specialBox1 .conBtm .box{width: 275px; height: 220px; background: #efefef; padding-top: 30px; display: block; float: left; position: relative;}
.specialBox1 .conBtm .box .top{height: 150px;display: block; overflow: hidden; }
.specialBox1 .conBtm .box h2{ font-size: 22px; height: auto; line-height: 30px; border-left:6px solid #3492d1; padding: 0 20px;}
.specialBox1 .conBtm .box p { height: auto; color: #999;  padding: 20px;}
.specialBox1 .conBtm .box span a{ width:40px; height: 40px;background: #91c0e0; display: block; position: absolute; bottom: 0; right: 0;  }
.specialBox1 .conBtm .box span em{ background: url("../images/custom.png") -150px -50px ; width: 12px; height: 20px; display: block; margin: 10px 14px;}
.specialBox1 .conBtm .box span a:hover{ background: #3492d1;}

/*板块二*/
.specialBox2{padding-bottom: 30px;}
.specialBox2 .conTop{height: 480px; padding-bottom: 30px;}
.specialBox2 .conTop .left{ width:580px; height:480px; display: block;  float: left; overflow: hidden; }
.specialBox2 .conTop .left span{width: 100%; height: 300px; display: block; float: left; overflow: hidden;}
.specialBox2 .conTop .left span img{width: 100%; height:auto; min-height: 300px;}
.specialBox2 .conTop .left  h2{ font-size: 24px; height: auto; line-height: 30px; color: #fff; padding: 30px 30px 0 30px;}
.specialBox2 .conTop .left  p { height: auto; color: #fff;  padding: 15px 30px 30px 30px;}
.specialBox2 .conTop .left a{width:580px; height:450px; display: block;  float: left; overflow: hidden; border-bottom: 30px solid #63d5ce;background: #63d5ce;}
.specialBox2 .conTop .left a:hover{background: #36c0b8;border-bottom: 30px solid #36c0b8;}
.specialBox2 .conTop .right{width: 580px; display: block;float: left;overflow: hidden;}
.specialBox2 .conTop .right ul li {width: 100%; *height:116px;  display: block; overflow: hidden;}
.specialBox2 .conTop .right ul li a{ background: #efefef; border-left: 6px solid #bfe5e3;height: 79px; border-bottom: 1px solid #f8f8f8; padding:20px 60px 20px 25px; position: relative; overflow: hidden; display: block; _margin-bottom: 1px;}
.specialBox2 .conTop .right ul li a:hover{background: #f3f3f3; border-left: 6px solid #36c0b8; color: #36c0b8; }
.specialBox2 .conTop .right ul h2{ padding: 0 0 10px 0; line-height: 30px; height: 30px; white-space: nowrap; text-overflow: ellipsis; _white-space: normal;_line-height: 40px; }
.specialBox2 .conTop .right ul p{ height: 45px; overflow: hidden; color: #999; line-height: 22px;}
.specialBox2 .conTop .right ul a em{ width: 18px; height: 34px; display: block; position: absolute; background: url("../images/custom.png") -110px -80px; right: 20px; top: 42px;}
.specialBox2 .conTop .right ul a:hover em{ background: url("../images/custom.png") -130px -80px; }
.specialBox2 .conBtm .left{ height: 260px; background:#efefef; width:580px; display: block; float: left; position: relative;}
.specialBox2 .conBtm .left .img{width: 300px; height: 260px;display: block; overflow: hidden; float:left;}
.specialBox2 .conBtm .left .img img{width: 100%; height: auto; min-height: 260px;}
.specialBox2 .conBtm .left .img img:hover,.specialBox3 .conBox1 img:hover,.specialBox3 .conBox2 img:hover{opacity: 0.9;}
.specialBox2 .conBtm .left .img span{ width: 10px;height: 20px; display: block; position: absolute;left: 290px; top: 30px; background: url("../images/custom.png") -110px -120px;}
.specialBox2 .conBtm .left .text{width:230px; height: 160px; display: block; float: left; overflow: hidden; padding: 25px 25px 0 25px;}
.specialBox2 .conBtm .left .text h2{ font-size: 22px; height: auto; line-height: 30px;padding-bottom: 15px;}
.specialBox2 .conBtm .left .text h2:hover{color:#36c0b8; }
.specialBox2 .conBtm .left .text strong{width: 40px; height: 4px; display: block;background: #63d5ce; overflow: hidden;}
.specialBox2 .conBtm .left .text p { height: auto; color: #999; padding-top: 15px; }
.specialBox2 .conBtm .left span a{ width:40px; height: 40px;background: #63d5ce; display: block; position: absolute; bottom: 0; right: 0; _display: none; }
.specialBox2 .conBtm .left span em{ background: url("../images/custom.png") -150px -50px ; width: 12px; height: 20px; display: block; margin: 10px 14px;}
.specialBox2 .conBtm .left span a:hover{ background: #36c0b8;}

.banner3{padding-bottom: 30px;}

/*板块三*/
.specialBox3{ background: #efefef; height: 780px;  display: block; overflow:hidden;}
.specialBox3 .conBox1,.specialBox3 .conBox2{ width: 375px; height: 260px; display: block; float:left; position: relative; overflow: hidden;}
.specialBox3 .conBox1 img,.specialBox3 .conBox2 img{ width: 100%; height: auto; min-height: 260px;}
.specialBox3 .conBox2{ width: 440px; _width: 430px;}
.specialBox3 .conBox3{background: #db7364; color: #fff; text-align: center; }
.specialBox3 .conBox3 strong{ text-align: center; font-size: 80px; font-family: "Arial Black"; padding-top: 30px; display: block;}
.specialBox3 .conBox3 h2{text-align: center; padding: 10px 50px 0 50px; font-size: 30px; height: auto; line-height: 40px; }
.specialBox3 .conBox3 span{width: 40px; height: 4px; display: block;overflow: hidden; background: #f1c7c1; position: absolute;left: 50%;margin-left: -20px; top: 135px; }
.specialBox3 .span1,.specialBox3 .span4{width: 10px;height: 20px; display: block; position: absolute;right: 0; top: 30px; background: url("../images/custom.png") -110px -120px;}
.specialBox3 .span2,.specialBox3 .span3,.specialBox5 .conBox .img span{width: 20px;height: 10px; display: block; position: absolute;left: 50%; margin-left: -10px; bottom: 0; background: url("../images/custom.png") -110px -150px; _background: none;}
.specialBox3 .span3{top: 0; background: url("../images/custom.png") -130px -150px;}
.specialBox3 .span4{left: 0; background: url("../images/custom.png") -130px -120px;}
.specialBox3 .text,.specialBox5 .text{ height: 160px; display: block; float: left; overflow: hidden; padding: 25px 25px 0 25px; margin-bottom: 20px; }
.specialBox3 .text h2,.specialBox5 .text h2{ font-size: 22px; height: auto; line-height: 30px;padding-bottom: 15px;}
.specialBox3 .text h2:hover{color:#db7364; }
.specialBox3 .text strong,.specialBox5 .text strong{width: 40px; height: 4px; display: block;background: #e3a59c;overflow: hidden;}
.specialBox3 .text p,.specialBox5 .text p { height: auto; color: #999; padding-top: 15px; }
.specialBox3 em a{color: #db7364; padding: 10px 0 0 25px; display: block; _padding-left: 30px;}
.specialBox3 em a:hover{color: #db7364; text-decoration: underline;}

/*板块五*/
.specialBox5{width: 1220px; margin: auto; }
.specialBox5 .conBox{ width: 380px; _width: 375px; display: block; float:left; margin: 0 12px 30px 13px; background: #efefef; padding-bottom: 10px;}
.specialBox5 .conBox .img{ width:100%; height: 260px; display: block;position: relative; overflow: hidden;}
.specialBox5 .conBox .img img{ width:100%; height: auto; min-height: 260px;}
.specialBox5 .text h2:hover{color:#e3a500; }
.specialBox5 .text strong{background: #f7ce60;}

/*-------------专题列表页--------------*/
.special_list{ padding-top: 30px;width: 1020px; margin: auto; }
.special_list .conBox2{ width: 225px; height:195px;display: block; overflow: hidden; float:left; margin: 0 15px 40px 15px; _margin: 0 12px 40px 12px;}
.special_list .conBox2:hover{ }
.special_list .conBox2 .img{ width:100%; height: 156px; padding-bottom: 15px; display: block;position: relative; overflow: hidden;}
.special_list .conBox2 .img img{ width:100%; height: auto; min-height: 156px;}
.special_list .conBox2 .img img:hover{opacity: 0.9;}
.special_list .conBox2 h2{font-size: 16px; text-align: center; line-height: 24px;}
.paging_box{margin:0 10% 0 20%;}


@media(max-width: 1199px) {
    /*首页*/
    #focus{position: relative;height:330px;width:990px; overflow:hidden;}
    #focus .focus-bar-box{width:990px;height: 330px;position: relative;overflow: hidden}
    #focus .focus-bar{width:4950px}
    #focus .focus-bar li{float: left;width:990px;height: 330px}
    #focus .focus-bar li a{width:990px;height:330px;display: block}
    #focus .focus-bar li img{width: 990px; height:330px;}
    #focus .ft{width: 990px; }
    #focus .hd{width:910px;}
    .box .left{ width:250px;}
    .box .left span{ width: 250px; height: 136px;}
    .box .left span img{ width: 250px; min-height: 136px; }
    .box .left h3 em{margin-left: 105px;}
    .box .center{ width: 330px; }
    .listBox .left{width: 280px; }
    .listBox .left ul{padding:25px 15px 0 20px;}
    .listBox .left ul li em{ width: 58px;margin: 8px 12px 8px 0;padding-right: 12px;}
    .listBox .center{width: 490px;}
    .listBox .center .top{padding: 0 0 30px 20px; margin-bottom: 20px;}
    .listBox .center .top  ul li{width: 145px; height: 160px;margin-right: 8px;}
    .listBox .center .top  ul li span{width: 145px; height: 102px; margin-bottom: 10px;}
    .listBox .center .top  ul li span img{width:100%; height:auto; min-height: 102px;}
    .listBox .center .btm ul li{ width: 180px; margin-left:20px; padding: 0 20px 0 15px; }
    .listBox .right{width: 187px; }
    /*一级列表*/
    .con_left{ width: 650px;display: block; float: left; overflow: hidden; margin-right: 40px;}
    .con_left .listCon{  height: 130px; }
    .con_left .listCon span{ width: 190px; height: 130px;}
    .con_left .listCon span img{min-height: 130px;}
    .con_left .listCon span a em{ width: 160px;font-size: 14px; }
    .con_left .listCon ul{width:460px; height: 90px; overflow: hidden; }
    .con_left .listCon ul li{width: 165px; height:30px; }
    .con_left .list .left{width: 430px; padding-right: 30px;}
    .paging{ margin:40px 0 20px 80px;}
    /*专题页*/
    .specialBox1 .conTop{width: 480px; height: 248px;}
    .specialBox1 .conBtm .box{width:225px;}
    .specialBox1 .conBtm .box h2{ font-size: 18px;}

    .specialBox2 .conBtm .left{ height: 160px;width:480px;}
    .specialBox2 .conBtm .left .img{width: 190px; height: 160px;}
    .specialBox2 .conBtm .left .img img{width: 100%; height: auto; min-height: 160px;}
    .specialBox2 .conBtm .left .img span{ left: 180px;}
    .specialBox2 .conBtm .left .text{width:240px; height: 115px; display: block; float: left; overflow: hidden; padding: 25px 25px 0 25px;}
    .specialBox2 .conTop .right{width: 380px; display: block;float: left;overflow: hidden;}

    .specialBox3 .conBox1,.specialBox3 .conBox2{ width: 325px; }
    .specialBox3 .conBox2{ width: 340px;}

    .specialBox5{width: 1020px;}
    .specialBox5 .conBox{ width: 310px;  margin: 0 15px 30px 15px; }
    .specialBox5 .conBox .img{height: 210px;}
    .specialBox5 .conBox .img img{ min-height: 210px;}

}