/* 全局 */
body {color: #333; background: #FFF;}
a {color: #333;}
a:hover {color: #e83223;}

.show {display: block;}
.none {display: none;}

/* 共用 */
.banner img {display: block; width: 100%;}

.position {border-bottom: 1px solid #E9E9E9; margin: -22px 0 0 0; background: #FFF;}
.position ul {height: 100%; overflow: hidden;}
.position li {float: left; display: inline;}
.position .now {float: left; display: inline;}
.position .now .a1 {background: url(../images/base_ico_home.gif) no-repeat left center; padding: 0 0 0 16px; margin: 0 16px 0 0;}
.position .now .a2 {background: url(../images/base_ico_jtR1.gif) no-repeat left center; padding: 0 0 0 10px;}
.position .nav {float: right; display: inline;}
.position .nav li {float: left; display: inline; background: url(../images/base_ico_li2.gif) no-repeat right center;}
.position .nav li:last-of-type {background: none; padding: 0; margin: 0;}
.position .nav li a {display: block;}
.position .nav li.active a {border-bottom: 1px solid #e83223; color: #e83223;}

.tit1 {text-align: center;}
.tit1 em {display: block; font-size: 12px; line-height: 20px; color: #999;}
.tit2 em {display: block; font-size: 12px; line-height: 20px; color: #999; text-transform: uppercase;}

.lsText1 {box-sizing: border-box; overflow: hidden;}
.lsText1 li {box-sizing: border-box; border-bottom: 1px solid #E9E9E9; padding: 16px 0;}
.lsText1 li:first-of-type {padding-top: 0;}
.lsText1 li:last-of-type {padding-bottom: 0; border: 0;}
.lsText1 em {display: block; font-size: 12px; line-height: 20px;}
.lsText1 strong {display: block; font-size: 16px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lsText1 p {display: block; color: #999; margin-top: 5px;}
.lsText1 p span {display: block; float: left; width: 74px; height: 28px; line-height: 28px; margin: 0 10px 0 0; border: 1px solid #dd4425; text-align: center; color: #dd4425; font-size: 14px;}
.lsText1.dh li {padding: 30px 0;}
.lsText1.dh li:last-of-type {border-bottom: 1px solid #E9E9E9;}
.lsText1.dh strong {font-size: 20px; line-height: 28px; font-weight: normal;}
.lsText1.dh p {margin-top: 10px;}

.lsText2 li {box-sizing: border-box; border-bottom: 1px solid #E9E9E9; background: url(../images/base_ico_dot1.gif) no-repeat left 13px; padding: 5px 0 5px 15px;}
.lsText2 li:last-of-type {padding-bottom: 0; border: 0;}
.lsText2 strong {display: block; font-weight: normal; line-height: 20px;}
.lsText2 em {font-size: 12px; line-height: 20px; color: #999;}

.lsPic1 {box-sizing: border-box; overflow: hidden;}
.lsPic1 li {box-sizing: border-box; position: relative; z-index: 1;}
.lsPic1 img {display: block; width: 100%;}
.lsPic1 p {box-sizing: border-box; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #FFF; padding: 6px 15px; background: rgba(0,0,0,0.6); position: absolute; left: 0; bottom: 0;}
.lsPic1 p strong {float: left; display: block; font-size: 16px; height: 24px;}
.lsPic1 p span {float: right; font-size: 12px;}

.lsPic2 {box-sizing: border-box; overflow: hidden;}
.lsPic2 li {box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; position: relative; z-index: 1;}
.lsPic2 img {display: block; width: 100%;}
.lsPic2 p {box-sizing: border-box; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 10px 15px; background: #F5F5F5;}
.lsPic2 p strong {display: block; font-size: 16px; height: 24px;}
.lsPic2 p span {font-size: 12px; line-height: 20px; color: #999;}

.lsPic3 {box-sizing: border-box; overflow: hidden;}
.lsPic3 li {box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; position: relative; z-index: 1;}
.lsPic3 img {display: block; width: 100%;}
.lsPic3 p {box-sizing: border-box; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 10px 15px; background: #F5F5F5;}
.lsPic3 p strong {display: block; font-size: 16px; height: 24px;}
.lsPic3 p span {font-size: 12px; line-height: 20px; color: #999;}

.lsPic4 {box-sizing: border-box; overflow: hidden;}
.lsPic4 li {box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; position: relative; z-index: 1; float: left; margin: 0 0 10px 10px; width: calc(20% - 8px);}
.lsPic4 li:nth-of-type(1) {margin-left: 0;}
.lsPic4 li:nth-of-type(6) {margin-left: 0;}
.lsPic4 img {display: block; width: 100%;}

.page {overflow: hidden; height: 100%; clear: both; padding: 30px 0 18px 0;}
.page li {float: left; display: inline; text-align: center; margin: 0 12px 12px 0; min-width: 38px; height: 38px; line-height: 38px;}
.page li a {display: block; height: 38px; line-height: 38px; font-weight: bold;background-color: rgb(247,247,247); border:1px solid rgb(193,193,193);color: #666;padding:0 5px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.page li a:hover {background-color: rgb(255,186,0); color: #FFF;}
.page li.active a{width: 38px; line-height: 38px;background-color: rgb(255,186,0);color: #FFF;border-color: rgb(236,161,40)}
.page li.record {float: right; margin: 0; width: auto;}


/* 移动设备（小于960px） */
@media screen and (max-width:959px) {
body {font-size: 14px; line-height: 22px;}

.banner {margin-top: 40px;}

.position {height: 39px; line-height: 39px;}
.position .now {display: none;}
.position .nav {float: left;}
.position .nav li {padding: 0 8px 0 0; margin: 0 2px 0 0;}
.position .nav li.active a {height: 38px;}

.tit1 {background: url(../images/base_tit_bg.png) no-repeat center 20px; padding: 20px 0 10px 0;}
.tit2 {padding: 20px 0 10px 0;}
.lsText1 li{background-image: none!important;}
.lsText3 li {padding: 15px 0;}
.lsText3 li strong {max-height: 60px;}

.lsPic1 li {overflow: hidden; margin-top: 15px;}
.lsPic1 li img {max-height: 100px;}
.lsPic2 li {margin-bottom: 15px;}
.lsPic2 li img {max-height: 100px;}
.lsPic3 li {margin-top: 15px;}
.lsPic3 li img {max-height: 120px;}
}

/* 1100分辨率（大于960px，小于1199px） */
@media screen and (min-width: 960px) and (max-width: 1199px) {
body {font-size: 12px; line-height: 20px;}

.banner {margin-top: 60px;}

.tit1 {background: url(../images/base_tit_bg.png) no-repeat center 30px; padding: 30px 0 20px 0;}
.tit2 {padding: 30px 0 20px 0;}

.lsText1 strong {font-size: 14px; line-height: 22px;}
.lsText2 strong {font-size: 12px;}
.lsPic1 p strong {font-size: 14px; height: 22px;}


}

/* 1100分辨率以上（大于1100px） */
@media screen and (min-width:960px) {
.position {height: 39px; line-height: 39px;}
.position .nav li {padding: 0 20px 0 0; margin: 0 15px 0 0;}

.position {height: 49px; line-height: 49px;}
.position .nav li.active a {height: 48px;}

.lsText1.tl li {float: left; width: 49%;}
.lsText1.tl li em, .lsText1.tl li strong, .lsText1.tl li p {width: 90%;}
.lsText1.tl li:nth-of-type(1) {padding: 0 0 30px 0;}
.lsText1.tl li:nth-of-type(2) {border-left: 1px solid #E9E9E9; padding: 0 0 30px 30px;}
.lsText1.tl li:nth-of-type(3) {border-bottom: 0; padding: 30px 0 0 0;}
.lsText1.tl li:nth-of-type(4) {border-bottom: 0; border-left: 1px solid #E9E9E9; padding: 30px 0 0 30px;}
.lsText1.tl strong {width: 80%;}

.lsPic1 li {float: left; margin-left: 30px; width: calc(33.3% - 20px);}
.lsPic1 li:first-of-type {margin-left: 0;}

.lsPic2 li {float: left; margin-left: 30px; width: calc(33.3% - 20px); margin-bottom: 30px;}
.lsPic2 li:nth-of-type(1), .lsPic2 li:nth-of-type(4), .lsPic2 li:nth-of-type(7), .lsPic2 li:nth-of-type(10), .lsPic2 li:nth-of-type(13) {margin-left: 0}

.lsPic3 li {float: left; margin-left: 20px; width: calc(25% - 15px);}
.lsPic3 li:first-of-type {margin-left: 0;}
}

/* 1280分辨率以上（大于1200px） */
@media screen and (min-width:1200px){
body {font-size: 14px; line-height: 22px;}

.banner {margin-top: 80px;}

.tit1 {background: url(../images/base_tit_bg.png) no-repeat center 40px; padding: 40px 0 20px 0;}
.tit2 {padding: 40px 0 20px 0;}

}