@charset "UTF-8";

html,body{width:100%;height:100%;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}
body{color:#333;font-size:14px;font-family:"微软雅黑";width:100%;background-size:100%;background: #f6f6f6;}
ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
a{text-decoration:none;color:#333;}
img{border:0;}

.pc{padding-bottom: 50px;}
.top{background: url(../images/top.png) no-repeat center;width: 100%;height: 750px;}
.group{width: 1200px;margin: 0 auto;}
.preface{width: 100%;height: 139px;background: url(../images/preface-bg.png) no-repeat center;}
.preface-box{width: 1200px;height: 100%;margin: 0 auto;position: relative;}
.preface:after{content: '';display: block;clear: both;}
.preface .ico{width: 118px;height: 100%;background: url(../images/ico.png) no-repeat center;margin-right: 20px;float: left;}
.preface .preface-summary{position: relative;width: 1062px;height: 100%;color: #FFF;float: left;font-size: 17px;line-height: 30px;padding-top: 23px;}
.preface .preface-more{color: #FF9600;position: absolute;width: 100px;text-align: center;bottom: 35px;right: 0;}
.group-title-1, .group-title-2, .group-title-3, .group-title-4, .group-title-5{margin: 35px 0;}
.group-title-1{width: 100%;height: 59px;background: url(../images/group-title-1.png) no-repeat center;}
.group-title-2{width: 100%;height: 59px;background: url(../images/group-title-2.png) no-repeat center;}
.group-title-3{width: 100%;height: 71px;background: url(../images/group-title-3.png) no-repeat center;}
.group-title-4{width: 100%;height: 71px;background: url(../images/group-title-4.png) no-repeat center;}
.group-title-5{width: 100%;height: 68px;background: url(../images/group-title-5.png) no-repeat center;}
.group-title-6{width: 100%;height: 68px;background: url(../images/group-title-6.png) no-repeat center;margin: 20px 0;}
.group-title-7{width: 100%;height: 68px;background: url(../images/group-title-7.png) no-repeat center;margin: 20px 0;}
.group-data{padding: 20px;width: 1160px;background: #FFF;}
.nav-str{width:1075px;position:relative;margin: 0 auto 26px;}
.nav-str .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.nav-str .prev{background: url(../images/right-arrow-1.png) no-repeat center;width: 33px;height: 38px;position: absolute;right: -40px;top: 0;}
.nav-str .next{background: url(../images/left-arrow-1.png) no-repeat center;width: 33px;height: 38px;position: absolute;left: -40px;top: 0px;}
.nav-str .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.nav-str .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.nav-str .hd ul li.on{ background-position:0 0; }
.nav-str .bd ul{ overflow:hidden; zoom:1; }
.nav-str .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;}
.group-data{padding: 20px;width: 1160px;background: #FFF;}
.nav-str{width:1075px;position:relative;margin: 0 auto 26px;}
.nav-str .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.nav-str .prev{background: url(../images/right-arrow-1.png) no-repeat center;width: 33px;height: 38px;position: absolute;right: -40px;top: 0;}
.nav-str .next{background: url(../images/left-arrow-1.png) no-repeat center;width: 33px;height: 38px;position: absolute;left: -40px;top: 0px;}
.nav-str .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.nav-str .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.nav-str .hd ul li.on{ background-position:0 0; }
.nav-str .bd ul{ overflow:hidden; zoom:1; }
.nav-str .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;background: url(../images/group-nav.png) no-repeat center;width: 252px;height: 38px;  }
.nav-str .bd ul li a{display: block;width: 100%;height: 38px;line-height: 38px;color: #C0141D;}
.nav-str .bd ul li .pic{ text-align:center; }
.nav-str .bd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
.nav-str .bd ul li .pic a:hover img{ border-color:#999;  }
.nav-str .bd ul li .title{ line-height:24px;}
.nav-str-1{width: 536px;margin: 0 auto}
.nav-str-1:after, .nav-img-1:after{content: '';clear: both;display: block;}
.nav-str-1 a{color: #C0141D;background: url(../images/group-nav.png) no-repeat center;width: 252px;height: 38px;margin:0 8px;display: block;line-height: 38px; text-align: center;float: left;}
.praise{line-height: 28px;position: absolute;bottom: 0;filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;background: rgba(0,0,0,.5);width: 250px;padding:10px 15px;color: #FFF;}
.praise:after{content:'';clear: both;display: block;}
.praise-ico-box{float: left;}
.praise-ico-box:after{content:'';clear: both;display: block;}
.praise-number{float: right;}
.preface-ico, .preface-str{float: left;}
.preface-str{height: 25px;line-height: 25px;padding-left: 5px;}
.preface-ico{background: url(../images/pc-praise.png) no-repeat center; width: 25px;height: 25px;}
.nav-img-1{width: 625px;margin: 20px auto 0;}
.nav-img{width:1160px;position:relative;margin: 0 auto;}
.nav-img .tempWrap{width: 1160px !important;}
.nav-img .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.nav-img .prev{background: url(../images/left-arrow.png) no-repeat center;width: 55px;height: 99px;position: absolute;right: 0;top: 145px;z-index: 99;}
.nav-img .next{background: url(../images/right-arrow.png) no-repeat center;width: 55px;height: 99px;position: absolute;left: 0;top: 145px;z-index: 99;}
.nav-img .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.nav-img .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.nav-img .hd ul li.on{ background-position:0 0; }
.nav-img .bd ul{ overflow:hidden; zoom:1; }
.nav-img .bd ul li{margin-right:17px;display: inline;overflow: hidden;text-align: center;width: 280px;float: left;    position: relative;}
.nav-img .bd ul li a{display: block;width:280px; height:438px;color: #C0141D;position: relative;}
.nav-img .bd ul li .pic{ text-align:center; }
.nav-img .bd ul li .pic img{ width:282px; height:438px; display:block;  background: #ccc;}
.nav-img .bd ul li .pic a:hover img{ border-color:#999;  }
.nav-img .bd ul li .title{ line-height:24px;}
.seleced .preface-ico{background: url(../images/pc-praise-selected.png) no-repeat center !important;width: 25px;height: 25px;}
.seleced .preface-str{color: #FFD800;}
.mobile{display: none;}
.vote-img{width: 280px;height: 438px;display: block;float: left;margin: 0 15px;position: relative;}
.nav-img-1 a{display: block;width: 100%;height: 100%;}
.nav-img-1 img{width: 100%;height: 100%;}
#footers{background: #F9F9F9;height: 110px;border-top: 1px solid #E7E7E7;width: 100%;color: #333;}
#copyright{background: #333;height: 47px;line-height: 47px;color: #fff;}
.footer {width: 1000px;margin: auto;font-size: 12px;}
.footer dl {float: left;line-height: 26pxpadding-top: 10px;}
.footer ul {float: right;line-height: 26px;padding-top: 10px;text-align: right;}
.footer dd {width: 399px;height: 40px;margin: 0;}
.footer dl span {padding: 0 10px;}
#copyright pre {float: left;font-size: 12px;margin: 0;}
.footer ol {float: right;}
#copyright a {color: #fff;}
.img-content{margin-top:65px}
.img-more{position: fixed;border: 1px solid #b3b3b3;padding: 5px 10px;right: 15px;top: 20px;border-radius: 3px;}
.praise1{top: 0;height: 20px;line-height: 20px;bottom: initial;position: absolute;text-align: center;background: rgba(0,0,0,.5);width: 94%;padding: 10px 3%;color: #FFF;font-size: 15px;z-index: 99;}
#group-6{position: relative;}
#group-6 img{width: 1160px;height: 443px;background: #DDD;}
#group-6 .praise{width: 1130px;bottom: 20px;}

@media screen and (max-width: 760px) and (min-width: 320px){
    html, body{width:100%;overflow-x: hidden;}
    li{list-style:none}
    .top {background: url(../images/top.png) no-repeat top;width: 100%;height: 145px;background-size: 100%;}
    .preface {padding-bottom: 10px;width: 100%;height: 70px;background: url(../images/preface-bg.png) repeat center;background-size: 100%;}
    .preface-box {width: 100%;height: 100%;margin: 0 auto;}
    .preface .ico {width: 45px;height: 100%;background: url(../images/ico.png) no-repeat center;margin-right: 10px;float: left;background-size: 100%;margin-left: 10px;}
    .preface .preface-summary {width: calc( 100% - 10px - 10px - 45px - 20px );color: #FFF;float: left;font-size: 0.5rem;padding-top: 17px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 32px;position: relative;line-height: 16px;}
    .preface .preface-more {color: #FF9600;position: absolute;top: 50px;}
    .pc{display: none;}
    .mobile{display: block;}
    .nav-str{position: relative;width: 100%;overflow: hidden;margin: 0% auto;border-bottom-left-radius: .2rem;border-bottom-right-radius: .2rem;padding-bottom: 3%;height: 46px;line-height: 46px;}
    .nav-str .scroller {position: absolute;}
    .nav-str .scroller li {color: #333;float: left;line-height: 1rem;font-size: .4rem;text-align: center;height: 46px;line-height: 46px;}
    .nav-str .scroller li a {color: #fff;display: block;margin: 0 0.75rem;padding: 0 0.1rem;border-radius: 9999rem;font-size: 0.8rem;width: 46px;height: 48px;line-height: 47px;background: url(../images/group-nav.png) no-repeat center;}
    .group {width: 100%;margin: 0 auto;}
    .group-title-1 {width: 100%;height: 51px;background: url(../images/group-title-1.png) no-repeat center;background-size: 260%;}
    .group-title-2 {width: 100%;height: 51px;background: url(../images/group-title-2.png) no-repeat center;background-size: 260%;}
    .group-title-3 {width: 100%;height: 51px;background: url(../images/group-title-3.png) no-repeat center;background-size: 260%;}
    .group-title-4 {width: 100%;height: 51px;background: url(../images/group-title-4.png) no-repeat center;background-size: 260%;}
    .group-title-5 {width: 100%;height: 51px;background: url(../images/group-title-5.png) no-repeat center;background-size: 260%;}
    .group-title-6 {width: 100%;height: 51px;background: url(../images/group-title-6.png) no-repeat center;background-size: 260%;}
    .group-title-7 {width: 100%;height: 51px;background: url(../images/group-title-7.png) no-repeat center;background-size: 260%;}
    .group-title-1, .group-title-2, .group-title-3, .group-title-4, .group-title-5 {margin: 15px 0;}
    .group-data {overflow: hidden;padding: 15px 0;width: 100%;background: #FFF;}
    .wrapper02 {position: relative;width: 100%;overflow: hidden;margin: 0 auto;}
    .wrapper02 .scroller {position:absolute}
    .wrapper02 .scroller li {height: 1rem;color:#333;float: left;line-height: 1rem;font-size: .4rem;text-align: center}
    .wrapper02 .scroller li a{width: 115px;height: 30px;background-size: 144%;border-radius: 27px;border: 1px solid #BC0A18;color: #BC0A18;line-height: 30px;display: block;margin-left: 15px;}
    .wrapper03 {position: relative; width: 100%; margin: 15px auto 0;}
    .wrapper03 .scroller {position:absolute}
    .wrapper03 .scroller li {color:#333;float: left;line-height: 1rem;font-size: .4rem;text-align: center}
    .wrapper03 img{width: 100%; height: 285px;display: block;}
    .wrapper03 li{ width: 48%; margin-right: 2%; float: left; margin-bottom: 1rem; }
    .praise {line-height: 28px;position: absolute;bottom: 0;background: rgba(0,0,0,.5);width: 94%;padding: 10px 3%;color: #FFF;    font-size: 1rem;}
    .praise-ico-box {float: left;}
    .praise-number {float: right;}
    .preface-ico {background: url(../images/pc-praise.png) no-repeat center;width: 25px;height: 25px;}
    .preface-str {height: 28px;line-height: 28px;padding-left: 5px;}
    .praise-ico-box:after {content: '';clear: both;display: block;}
    .wrapper04{width: 60%;margin: 0 auto;}
    .wrapper04::after{content: '';clear: both;display: block;}
    .wrapper04 a{width: 85px;height: 30px;background-size: 144%;border-radius: 27px;border: 1px solid #BC0A18;color: #BC0A18;line-height: 30px;display: block;margin-left: 15px;padding: 0;text-align: center;float: left;}
    .nav-str-1 a{color: #C0141D;width: 87px;height: 32px;margin: 0 8px;display: block;line-height: 32px;text-align: center;float: left;border-radius: 20px;border: 1px solid #C0141D;font-size: .4rem;}
    .nav-str-1{width: 210px;margin: 0 auto 15px;}
    .nav-img-1{width: 100%;margin: 0 auto;position: relative;}
    .nav-img-1 a{width: 100%;height: 289px;display: block;float: left;position: relative;}
    #footers{background: #F9F9F9;height: 233px;border-top: 1px solid #E7E7E7;width: 100%;color: #333;}
    #copyright{background: #333;height: 143px;line-height: 47px;color: #fff;}
    .footer{width: 100%;margin: auto;font-size: 12px;}
    .footer dl{float: left;line-height: 26px;padding-top: 10px;width: 100%;font-size: .5rem;}
    .footer ul{line-height: 26px;padding-top: 10px;text-align: left;padding-left: 6px;}
    .footer dl span{padding: 0 4px;}
    .footer dd a{display: block;}
    #copyright pre{float: left;font-size: 12px;margin: 0;padding-left: 5px;}
    .footer ol{float: left;    margin-left: 5px;}
    #copyright a{color: #fff;}
    .img-more{position: fixed;right: 15px;bottom: 20px;border-radius: 50%;background: #ff6565;width: 40px;height: 40px;text-align: center;padding: 10px;color: #FFF;border: 2px solid #FFF;}
    .img-content{margin-top:0}
    .img-content img{width:100%;}
    .mobile-img-box{width: 48%;height: 289px;display: block;position: relative;float: left;margin: 0 1%;}
    .mobile-img-box-1{ height: 285px;margin-left: 12px;display: block;position: relative;}
    .praise1{top: 0;height: 20px;line-height: 20px;bottom: initial;position: absolute;text-align: center;background: rgba(0,0,0,.5);width: 94%;padding: 10px 3%;color: #FFF;font-size: 1rem;}
    #group6{width: 95%;}
    #group6 img{width:100%;height: 100%;}
}