/*通用样式*/
* {margin:0; padding:0; word-wrap:break-word;}
body {min-width: 375px; font-family:Arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei',simsun,sans-serif; font-size:12px; color:#444; background-color: #fff;}
a {color:#4C4C4C; text-decoration:none;}
a:hover {color:#FF0000;}
a img {border:none;} 
div,ul,li,p,form {padding: 0px; margin: 0px; list-style-type: none;}
em {font-style: normal; font-weight: normal;}
table {padding: 0px; margin: 0px; list-style-type: none;}
dt,dl,dd {padding: 0px; margin: 0px; list-style-type: none;}
form {margin:0px; padding:0px;}
input[type="checkbox"], input[type="radio"] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;}
input:focus,textarea:focus,select:focus {outline:none;}
input[type="text"],select {height:30px; border:1px solid #ddd; line-height:30px; color:#999;}
tr {padding: 0px; margin: 0px; list-style-type: none;}
h2,h3,h4 {padding:0px; font-size:14px; font-weight:normal;}
i,em {font-style:normal;}

/*header*/
.header {width: 100%;}
.header-top {width: 100%; padding: 0 10%; background-color: #000; box-sizing: border-box;}
.header-top a {display: block; width: 32px; padding: 0 10px; font-size: 16px; line-height: 36px; color: #fff;}
.header-top a:hover {background-color: #333;}

.header-center {display: flex; justify-content: space-between; width: 100%; padding: 10px 10%; box-sizing: border-box;}
.header-center-logo {display: block; height: 80px;}
.header-center-title {margin: 20px auto 20px 20px; padding-left: 20px; border-left: 1px solid #ddd; font-size: 16px; line-height: 20px; color: #bbb;}

.header-search {display: flex; width: 330px; height: 40px; margin: 20px 0 20px; border: 1px solid #efefef; border-radius: 4px; box-sizing: border-box; overflow: hidden;}
#key {width: 280px; height: 38px; border: 0; padding: 0 20px; font-size: 16px; line-height: 38px; box-sizing: border-box;}
.btnbox {width: 50px; height: 38px; border: 0; background: #ff9900 url(../UploadFiles/img/header-search.png) no-repeat 50% 50%; cursor: pointer;}

.header-nav-box {width: 80%; margin: 0 auto; padding: 10px 10px 10px 0; background-color: #0099e5; box-sizing: border-box;}
.header-nav-list {display: flex; justify-content: space-between;}
.header-nav-list .header-nav {margin-left: 10px;}
.header-nav-list li a {padding: 5px; border-radius: 4px; font-size: 16px; line-height: 30px; color: #fff;}
.header-nav-list .header-nav a {font-weight: 600;}
.header-nav-list li a:hover {background-color: #33adea;}
@media(max-width:1270px){.header-top {padding: 0 2%;} .header-center {padding: 10px 2%;} .header-nav-box {width: 96%;}}
@media(max-width:1060px){.header-top {padding: 0 1%;} .header-center {padding: 10px 1%;} .header-nav-box {width: 98%;} .header-nav-list .header-nav {margin-left: 5px;}}
@media(max-width:1060px){.header-top {display: none;} .header-center {padding: 0 1%;} .header-center-title {display: none;} .header-nav-box {width: 100%; padding: 5px 0;} .header-search {width: calc(100% - 230px); max-width: 330px;} #key {width: calc(100% - 50px); padding: 0 10px;} .header-nav-list .header-nav {margin-left: 0;} .header-nav-list .header-nav a {font-weight: 500;} .header-nav-subnav {display: none;}}

/*footer*/
.footer {width: 100%; margin-top: 25px; border-top: 25px solid #333;}
.footer p {font-size: 16px; line-height: 56px; color: #333; text-align: center;}

/*home-title*/
.home-title {width: 80%; margin: 0 auto; margin-bottom: 20px; padding: 30px 0; border-bottom: 1px solid #e9e9e9;}
.home-title a {display: block; width: 100%; font-size: 30px; line-height: 30px; font-weight: 600; text-align: center; color: #0099e5;}

/*content-top*/
.content-top {display: flex; justify-content: space-between; width: 80%; margin: 0 auto;}
.content-top-left {position: relative; width: 63%;}
.content-top-left-img {position: absolute; left: -5px; top: -5px; z-index: 10; display: block; width: 75px; height: 75px;}
.content-top-left-scroll {position: relative; display: block; width: 100%;}
.content-top-left-scroll img {display: block; width: 100%; height: 360px;}
.content-top-left-scroll p {position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; padding: 10px 20px; font-size: 18px; line-height: 1.2; color: #fff; font-weight: bold; text-align: center; background-color: rgba(0,0,0,0.4); box-sizing: border-box;}

.content-top-left-list {display: flex; justify-content: space-between; width: 100%; margin-top: 20px;}
.content-top-left-list li {width: calc((100% - 40px) / 3);}
.content-top-left-list li a {position: relative; display: block; width: 100%;}
.content-top-left-list li a span {position: absolute; top: 10px; left: 10px; z-index: 10; display: block; padding: 5px; border-radius: 4px; font-size: 12px; color: #fff; background-color: rgba(0,0,0,0.4);}
.content-top-left-list li a img {display: block; width: 100%; height: 120px; margin-bottom: 10px;}
.content-top-left-list li a p {font-size: 16px; line-height: 1.4; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.content-top-right {width: 35%;}
.content-top-right li {width: 100%; margin-bottom: 10px;}
.content-top-right li:nth-last-child(1) {margin-bottom: 0;}
.content-top-right li a {display: block; width: 100%; font-size: 16px; line-height: 1.7; color: #333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.content-top-right li:nth-child(5n+1) a {font-size: 18px; font-weight: 600; color: #0099e5;}
.content-top-right li a:hover {color: #0099e5;}
@media(max-width:1270px){.home-title {width: 96%;} .content-top {width: 96%;}}
@media(max-width:960px){.home-title a {font-size: 20px; line-height: 1.4;} .content-top {flex-wrap: wrap;} .content-top-left {width: 100%;} .content-top-left-scroll img {height: auto;} .content-top-left-list {margin-top: 10px;} .content-top-left-list li {width: calc((100% - 20px) / 3);} .content-top-left-list li a img {height: auto;} .content-top-right {width: 100%; margin-top: 10px; padding-top: 10px; border-top: 1px solid #e9e9e9;}}

/*news-box*/
.news-box {display: flex; justify-content: space-between; width: 80%; margin: 30px auto 0;}
.news {width: calc((100% - 60px) / 3);}
.news-top {display: flex; justify-content: space-between; width: 100%; border-top: 1px solid #e9e9e9;}
.news-top a:nth-child(1) {position: relative; padding-top: 9px; font-size: 18px; font-weight: bold; line-height: 26px; color: #0099e5;}
.news-top a:nth-child(1)::before {content: ""; position: absolute; left: 0; top: -1px; width: 100%; height: 2px; background-color: #0099e5;}
.news-top a:nth-child(1):hover {color: #ff9900;}
.news-top a:nth-child(1):hover::before {background-color: #ff9900}
.news-top a:nth-child(2) {display: flex; justify-content: space-between; width: 50px; height: 26px; margin-top: 8px; padding: 0 5px; border-radius: 4px; border: 1px solid #eaeaea; font-size: 14px; line-height: 24px; color: #777; box-sizing: border-box;}
.news-top a:nth-child(2) span {font-size: 12px;}
.news-top a:nth-child(2):hover {border: 1px solid #ff9900; color: #ff9900;}
.news-top a:nth-child(2):hover span {color: #ff9900;}
.news-list {width: 100%;}
.news-list li {width: 100%; margin-top: 10px;}
.news-picture a {position: relative; display: block; width: 100%;}
.news-picture a img {display: block; width: 100%; height: 280px;}
.news-picture a p {position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; padding:  0 10px; font-size: 16px; line-height: 2.6; font-weight: bold; color: #fff; text-align: center; background-color: rgba(0,0,0,0.4); box-sizing: border-box; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.news-text a {display: block; font-size: 16px; line-height: 2; color: #222; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.news-text a:hover {color: #ff9900;}
@media(max-width:1440px){.news-picture a img {height: 210px;}}
@media(max-width:1270px){.news-box {width: 96%;}}
@media(max-width:960px){.news {width: calc((100% - 30px) / 2);} .news:nth-last-child(1) {display: none;}}
@media(max-width:760px){.news-box {flex-wrap: wrap;} .news {width: 100%; margin-bottom: 10px;} .news:nth-last-child(1) {display: block;}}

/*scroll*/
.scroll {width: 80%; margin: 20px auto;}
.news-scroll {position: relative; display: block; width: 100%;}
.news-scroll img {display: block; width: 100%; height: 240px;}
.news-scroll p {position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; padding:  0 10px; font-size: 16px; line-height: 2.2; color: #fff; text-align: center; background-color: rgba(0,0,0,0.4); box-sizing: border-box; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
@media(max-width:1270px){.scroll {width: 96%;}}
@media(max-width:760px){.news-scroll img {height: 120px;}}

/*partner*/
.partner {width: 80%; margin: 20px auto 0; border: 1px solid #e9e9e9; box-sizing: border-box;}
.partner-title {display: flex; justify-content: space-between; width: 100%; padding: 10px 20px; border-bottom: 1px solid #e9e9e9; background-color: #f9f9f9; box-sizing: border-box;}
.partner-title p {position: relative; padding: 0 0 0 15px; border-bottom: 1px solid #f0f0f0; font-size: 14px; line-height: 18px; font-weight: 600; color: #333; box-sizing: border-box;}
.partner-title p::before {content: ""; position: absolute; top: 0; left: 0; width: 3px; height: 18px; background-color: #0099e5;}
.partner-title a {font-size: 14px; line-height: 18px; color: #aaa;}
.partner-title a:hover {color: #333;}
.partner-list {display: flex; flex-wrap: wrap; width: 100%; padding: 10px 0;}
.partner-list li {width: calc(100% / 7); padding: 10px 0;}
.partner-list li img {display: block; width: 60%; margin: 0 auto;}

.friend-nav {display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; padding: 10px 20px; box-sizing: border-box;}
.friend-nav li {padding: 10px 0; box-sizing: border-box;}
.friend-nav li a {font-size: 14px; line-height: 14px; color: #333;}
@media(max-width:1270px){.partner {width: 96%;}}
@media(max-width:760px){.partner1 {display: none;}}

/*column*/
.column {display: flex; justify-content: space-between; width: 80%; margin: 25px auto 0;}
.column-left {width: calc(100% - 325px);}
.column-left-title {position: relative; padding: 0 0 15px 15px; border-bottom: 1px solid #f0f0f0; font-size: 16px; line-height: 16px; font-weight: 600; color: #333; box-sizing: border-box;}
.column-left-title::before {content: ""; position: absolute; top: 0; left: 0; width: 3px; height: 16px; background-color: #0099e5;}

.column-lift-list {width: 100%; margin-bottom: 25px;}
.column-lift-list li {padding: 25px 0; border-bottom: 1px solid #f0f0f0;}
.column-lift-list li a {display: flex; justify-content: space-between; width: 100%;}
.column-lift-list li a .column-lift-list-picture {display: block; width: 220px;}
.column-lift-list li a .column-lift-list-text {width: calc(100% - 250px);}
.column-lift-list li a .column-lift-list-text p:nth-child(1) {font-size: 20px; font-weight: 600; line-height: 1.4; color: #333;display: -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.column-lift-list li a .column-lift-list-text p:nth-child(2) {display: inline-block; margin: 10px 0; padding: 4px; border: 1px solid #ff9900; border-radius: 4px; font-size: 16px; line-height: 16px; color: #ff9900;}
.column-lift-list li a .column-lift-list-text p:nth-child(3) {font-size: 16px; line-height: 1.7; color: #333;display: -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.column-right {width: 300px;}
.column-right-list-box {width: 100%; padding: 15px; margin-bottom: 25px; border: 1px solid #e9e9e9; box-sizing: border-box;}
.column-right-list {width: 100%;}
.column-right-list .column-right-list-picture a {position: relative; display: block; width: 100%;}
.column-right-list .column-right-list-picture a img {display: block; width: 100%;}
.column-right-list .column-right-list-picture a p {position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; padding: 0 20px; font-size: 16px; line-height: 1.4; color: #fff; background-color: rgba(0,0,0,0.6); box-sizing:border-box; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.column-right-list-text {width: 100%; margin-top: 10px;}
.column-right-list-text a {position: relative; display: block; width: 100%; padding-left: 25px; font-size: 16px; line-height: 1.4; color: #333; box-sizing: border-box; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.column-right-list-text a::before {position: absolute; top: 50%; left: 0; width: 16px; height: 16px; font-size: 14px; line-height: 16px; color: #999; text-align: center; background-color: #f0f0f0; transform: translateY(-50%);}
.column-right-list-text:nth-child(2) a::before {content: "1";}
.column-right-list-text:nth-child(3) a::before {content: "2";}
.column-right-list-text:nth-child(4) a::before {content: "3";}
.column-right-list-text:nth-child(5) a::before {content: "4";}
.column-right-list-text:nth-child(6) a::before {content: "5";}
@media(max-width:1270px){.column {width: 96%;}}
@media(max-width:1060px){.column-left {width: 100%;} .column-right {display: none;}}
@media(max-width:680px){.column-lift-list li a .column-lift-list-picture {width: 180px;} .column-lift-list li a .column-lift-list-text {width: calc(100% - 200px);}}
@media(max-width:460px){.column-lift-list li {padding: 15px 0;} .column-lift-list li a .column-lift-list-picture {width: 130px;} .column-lift-list li a .column-lift-list-text {width: calc(100% - 150px);} .column-lift-list li a .column-lift-list-text p:nth-child(1) {font-size: 16px; font-weight: 500;} .column-lift-list li a .column-lift-list-text p:nth-child(2) {font-size: 14px; line-height: 14px;} .column-lift-list li a .column-lift-list-text p:nth-child(3) {display: none;}}

/*column*/
.column-left-location {font-size: 14px; line-height: 14px; color: #999;}
.column-left-location a {font-size: 14px; line-height: 14px; color: #999;}
.content-text-box {width: 100%; padding: 20px 0;}
.content-text-title {margin-bottom: 20px; font-size: 28px; line-height: 1.4; color: #333; font-weight: 600; text-align: justify;}
.content-text-time {margin-bottom: 15px; font-size: 14px; line-height: 14px; color: #999;}
.content-text p {margin-bottom: 25px; font-size: 1.1rem; line-height: 1.9; color: #333; text-indent: 2.2rem;}
.content-text p a img {width: 100%; max-width: 600px; margin-left: -2rem;}

.control {display: flex; width: 100%; margin-bottom: 25px; border: 1px solid #e9e9e9; background-color: #f9f9f9;}
.control li {width: calc(100% / 2); padding: 10px; box-sizing: border-box;}
.control li:nth-child(1) {border-right: 1px solid #e9e9e9;}
.control li p {font-size: 16px; line-height: 26px; text-align: center; clear: #333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.control li p a {display: block; width: 100%; font-size: 16px; line-height: 26px; text-align: center; clear: #333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.control li:hover {background-color: #ff9900;}
.control li:hover p {color: #fff}
.control li:hover p a {color: #fff}
@media(max-width:680px){.content-text-title {margin-bottom: 10px; font-size: 18px;} .content-text p {margin-bottom: 15px; font-size: 1rem; text-indent: 2rem;}}

/*文章分页样式*/
#fenye {clear:both;}
#fenye a {display:inline-block; float:left; width:28px; height:28px; border:1px solid #bfbfc7; margin-left:5px; border-radius:3px; font-size:12px; text-align:center; color:#666; line-height:28px; background:#fff;}
#fenye .prev,#fenye .next {width:60px;}
#fenye a.curr {border:1px solid #bfbfc7; color:#fff; background:#bfbfc7;}
#fenye a:hover {border:1px solid #bfbfc7; color:#fff; text-decoration:none; background:#bfbfc7;}
#pageNext {margin:10px;}
#pageNext .prev,#pageNext .next {width: 60px; text-align:center;}
#pageNext a.curr {background: #bfbfc7;border: 1px solid #bfbfc7;color: #fff;}
#pageNext a.curr span {color:#fff !important;}
#pageNext a {float: left; width: 28px; height: 28px; margin-left: 5px; border: 1px solid #bfbfc7; border-radius: 3px; font-size: 12px; line-height: 28px; text-align: center; color: #666;background: #fff;}
#realname {height: 30px; border: 1px solid #ddd;}
#b1 {padding: 5px 10px; border: 1px solid #ff7d02; border-radius: 3px; color: #fff; background: #ff7d02;}

.fenyetips {display:none}
#pagelist {line-height:22px; color:#666;}
#pagelist a {float:left; width:28px; height:28px; border:1px solid #bfbfc7; border-radius:3px; margin-left:5px; font-size:12px; line-height:28px; color:#666; text-align:center; background:#fff;}
#pagelist a.next,#pagelist a.prev {width:50px;}
#pagelist a.curr {border:1px solid #bfbfc7; color:#fff; background:#bfbfc7;}
#pagelist a:hover {border:1px solid #bfbfc7; color:#fff; text-decoration:none; background:#bfbfc7;}
#pagelist a img {display:block; margin:0 auto; margin-top:12px;}
#pagelist span {height:28px; margin-left:10px; font-size:13px; line-height:28px;}
#pagelist span#totalpage {margin:0;}
.fenye a img {display:block; margin:0 auto; margin-top:12px;}

/* 图片分页方式的样式*/
.imagelist {width:990px; margin:0 auto;} /*总宽度*/
.imagelist .imagetop {margin:5px; padding-right:5px; text-align:right;}
.imagelist .imagetop a {color:#767676;}
.imagelist .defaultimagesrc {margin:5px; padding-top:40px; padding-bottom:40px; text-align:center;}
.imagelist .defaultImagesrc img {padding:2px; border:1px solid #f1f1f1;}
.imagelist .imageintro {font-size:14px; text-align:center;}
.thumb {height:112px; padding:5px; background:#FFF;}
.thumb_1 {float: left; height: 50px; width: 60px; padding-top: 30px; font-size: 14px;color:#000; text-align: center; font-weight: 400;}
.thumb_1 .font-28 {font-size:18px; color:red;}
.thumb_2 {float: left; width: 790px;}
.thumb_2_1 {float: left; width: 35px; height: 113px; margin-left:10px; background:url(qh1.gif) no-repeat 0px 20px; cursor:pointer;}
.thumb_2_2 {float: right; width: 35px; height: 113px; background:url(qh2.gif) no-repeat 0px 20px; cursor:pointer;}
#scrool_div {position:relative; width:708px; height:110px; overflow:hidden;}
#scrool_wrap {position:absolute; width:20000px; height:110px;}
#scrool_wrap li {float:left; width:130px; height:100px; margin-right:10px;}
#scrool_div img {width:126px; height:95px; margin:5px}
.normalthumb img {padding:2px; border:1px solid #F9AF10}
.currthumb img {padding:2px; border:1px solid #ff6600;}

/*组图显示方式的样式*/
.imggrouplist {width:90%; margin:0 auto;}
.imggrouplist li {float:left; width:150px; margin:2px; padding:5px; border:1px #f1f1f1 solid; text-align:center; background:#FFFFFF;}
.imggrouplist li img {width:145px; height:120px;}

/*平行显示方式样式*/
.imglist {text-align:center}
.imglist img {border:4px solid #efefef; padding:1px;}
.imglist div {margin-bottom:15px;}
#pageNext {text-align:right;}