@charset "utf-8";

/* CSS Document */

* {
    margin: 0;
    padding: 0
}

ul li {
    list-style: none
}

img {
    border: 0;
    max-width: 100%
}

a {
    text-decoration: none;
    color: #333
}

.clear {
    clear: both
}

body {
    font-family: "微软雅黑";
    width: 100%;
    min-width: 1200px;
    color: #333;
    font-size: 14px;
    background: #333;
}

.ccsl {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

p {
    text-align: justify
}

.main {
    width: 1200px;
    margin: 0 auto;
}

.header {
    width: 100%;
    /* width:1200px;  */
    height: 80px;
    margin: 0 auto;
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #333;
}

.header span {
    color: #04b2b5;
    font-size: 3rem;
    font-weight: bold;
    letter-spacing: 0.6rem;
    /* margin-left: 3rem; */
}

.header img {
    width: 1200px;
    height: 80px;
    overflow: hidden
}

.nav {
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
    /* background: #03b2b5; */
    background: #333;
    height: 50px;
    line-height: 50px;
}

.nav ul {
    overflow: hidden;
    width: 1200px;
    height: 50px;
}

.nav ul li {
    float: left;
    width: 120px;
    height: 50px;
    line-height: 50px;
    text-align: center
}

.nav ul li a {
    color: #fff;
    font-size: 16px;
    display: block
}

.nav ul li:hover a {
    background: #fff;
    color: #02b2b5;
}

.banner {
    width: 100%;
    min-width: 1200px;
    /*height:400px;*/
    overflow: hidden;
    position: relative;
    font-size: 0;
    margin: 0 auto;
    background: #333;
}

.b-img {
    /*height:400px;*/
    position: absolute;
    left: 0;
    top: 0;
}

.b-img img {
    display: block;
    /*height:400px;*/
    float: left;
}

.b-list {
    height: 20px;
    /*padding-top:380px;*/
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.b-list span {
    display: block;
    cursor: pointer;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    float: left;
    margin: 0 5px;
    _margin: 0 3px;
}

.b-list .spcss {
    background: #d8241d
}

.part1 {
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
    border-bottom: 1px solid #EEEEEE;
    padding: 22px 0
}

.part1 p {
    background: url(../images/icon.gif) left center no-repeat;
    padding-left: 27px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #666
}

.part2 {
    padding-top: 85px;
    width: 1200px;
    margin: 0 auto
}

.contitbox {}

.contitbox .line {
    width: 1200px;
    height: 44px;
    background: url(../images/line.png) center no-repeat;
    overflow: hidden
}

.contitbox .tit {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    color: #F98E0E;
    font-size: 28px;
    font-weight: bold;
    text-align: center
}

.contitbox .tit span {
    color: #02B2B5
}

.contitbox .sub {
    color: #666666;
    font-size: 16px;
    text-align: center;
}

.part2 ul {
    padding-top: 70px;
    overflow: hidden
}

.part2 ul li {
    float: left;
    width: 270px;
    height: 370px;
    overflow: hidden;
    margin-right: 40px
}

.part2 ul li:nth-child(4n) {
    margin-right: 0
}

.part2 ul li img {
    width: 270px;
    height: 290px;
    overflow: hidden;
    display: block
}

.part2 ul li .item {
    width: 270px;
    height: 80px;
    overflow: hidden;
    background: #02B2B5 url(../images/jt.png) right 25px center no-repeat;
}

.part2 ul li .item:hover {
    background: #F98E0E url(../images/jt.png) right 25px center no-repeat;
}

.part2 ul li .item .tit {
    color: #fff;
    font-size: 16px;
    max-width: 170px;
    padding-left: 23px;
    padding-top: 17px
}

.part2 ul li .item .sub {
    color: #fff;
    font-size: 12px;
    max-width: 170px;
    padding-left: 23px;
    padding-top: 10px
}

.linebox {
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
    border-bottom: 1px solid #EEEEEE;
    padding-top: 95px;
    height: 2px;
}

.part3 {
    padding-top: 85px;
    width: 1200px;
    margin: 0 auto
}

.part3L {
    float: left;
    width: 218px;
    margin-right: 30px;
    overflow: hidden;
    border: 1px solid #EEEEEE;
    margin-top: 70px
}

.part3L .titbox {
    width: 218px;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    background: #02B2B5
}

.part3L .titbox p {
    color: #fff;
    font-size: 16px;
    padding-left: 10px
}

.part3L ul {
    overflow: hidden;
    padding: 5px
}

.part3L ul li {
    border-bottom: 1px dashed #D9D9D9;
    padding: 4px 0 3px;
}

.part3L ul li:last-child {
    border: 0
}

.part3L ul li a {
    padding: 10px 4px;
    color: #222;
    font-size: 14px;
    max-width: 194px;
}

.part3L ul li a:hover {
    color: #02B2B5
}

.part3L .lxwm {
    width: 220px;
    height: 70px;
    overflow: hidden;
    background: #02B2B5 url(../images/tel.png) left 15px center no-repeat;
    color: #fff
}

.part3L .lxwm .tel1 {
    font-size: 14px;
    padding-left: 72px;
    padding-top: 15px;
}

.part3L .lxwm .tel2 {
    font-weight: bold;
    font-size: 18px;
    padding-left: 72px;
    padding-top: 3px
}

.part3R {
    width: 940px;
    float: right;
    overflow: hidden;
    margin-top: 70px
}

#tab {
    width: 940px;
    height: 75px;
    margin-top: 15px;
}

#tab li {
    float: left;
    padding: 0 3px;
    height: 36px;
    cursor: pointer;
    padding-bottom: 7px;
}

#tab li a {
    display: block;
    width: 109px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 16px;
    color: #666;
    text-decoration: none;
    border-right: 1px solid #9b9b9b
}

#tab li:last-child a {
    border: 0
}

#tab li.current a {
    color: #02b2b5;
}

#tab li.current {
    border-bottom: 2px solid #02b2b5
}

#content ul {
    display: none;
}

#content ul {
    width: 940px;
    height: 335px;
    overflow: hidden;
}

#content ul li {
    float: left;
    width: 282px;
    overflow: hidden;
    margin-right: 30px
}

#content ul li:nth-child(3n) {
    margin-right: 0
}

#content ul li img {
    width: 280px;
    height: 280px;
    border: 1px #eeeeee solid;
    overflow: hidden
}

#content ul li p {
    text-align: center;
    font-size: 16px;
    color: #666;
    height: 24px;
    line-height: 24px;
    padding-top: 10px
}

.part4 {
    padding-top: 85px;
    width: 1200px;
    margin: 0 auto
}

.part4 .titbox {
    width: 100%;
    height: 48px;
    line-height: 48px;
    overflow: hidden;
    margin-bottom: 15px
}

.part4 .titbox p {
    color: #02B2B5;
    font-size: 20px;
    font-weight: bold
}

.part4L {
    padding-top: 65px;
    float: left;
    width: 567px;
    overflow: hidden
}

.part4R {
    padding-top: 65px;
    float: right;
    width: 570px;
    overflow: hidden
}

.part4 .part4One {
    width: 567px;
    height: 147px;
    overflow: hidden
}

.part4 .part4One .p4l {
    width: 240px;
    height: 130px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}

.part4 .part4One .p4r {
    width: 315px;
    float: right;
    overflow: hidden
}

.part4 .part4One .p4r a {
    display: block;
    float: left;
    max-width: 210px;
    color: #333;
    font-size: 16px;
    height: 30px;
    line-height: 30px
}

.part4 .part4One .p4r a:hover {
    color: #02B2B5;
}

.part4 .part4One .p4r span {
    float: right;
    font-size: 14px;
    color: #666;
    height: 30px;
    line-height: 30px
}

.part4 .part4One .p4r .sub {
    font-size: 12px;
    color: #999;
    line-height: 18px;
    height: 75px;
    padding-top: 5px
}

.part4two {
    width: 570px;
    height: 147px;
    overflow: hidden
}

.part4 ul {
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
    margin-top: 20px;
    padding-top: 10px
}

.part4 ul li {
    border-bottom: 1px dashed #e5e5e5;
    height: 50px;
    line-height: 50px;
    padding: 3px 5px;
}

.part4 ul li a {
    float: left;
    max-width: 450px;
    font-size: 14px;
    color: #666
}

.part4 ul li span {
    float: right;
    font-size: 14px;
    color: #666
}

.part4 ul li a:hover {
    color: #02B2B5;
}

.part4 ul li:last-child {
    border: 0
}

.footer {
    width: 100%;
    min-width: 1200px;
    margin-top: 100px;
    background: #282828;
    padding: 60px 0 40px 0
}

.footL {
    float: left;
    width: 470px;
    height: 170px;
    margin-left: 50px;
    overflow: hidden
}

.footR {
    float: left;
    width: 450px;
    height: 160px;
    overflow: hidden;
    color: #999;
    font-size: 14px;
    line-height: 30px;
    padding-top: 10px
}

.footbox {
    border-top: 1px solid #4A4A4A;
    padding-top: 50px;
    margin-top: 50px;
}

.footbox .con {
    text-align: center;
    color: #999999;
    font-size: 14px;
    line-height: 24px
}

.mainWarp {
    padding-top: 45px;
    width: 1200px;
    margin: 0 auto
}

.mainWarp .mainL {
    float: left;
    width: 220px;
    margin-right: 50px;
    overflow: hidden;
}

.mainWarp .mainL .titbox {
    width: 220px;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    background: #02B2B5
}

.mainWarp .mainL .titbox p {
    color: #fff;
    font-size: 16px;
    padding-left: 10px
}

.mainWarp .mainL ul {
    overflow: hidden;
    padding: 5px;
    border: 1px solid #EEEEEE;
    margin-bottom: 10px
}

.mainWarp .mainL ul li {
    border-bottom: 1px dashed #D9D9D9;
    padding: 4px 0 3px;
}

.mainWarp .mainL ul li:last-child {
    border: 0
}

.mainWarp .mainL ul li a {
    padding: 10px 4px;
    color: #222;
    font-size: 14px;
    max-width: 194px;
}

.mainWarp .mainL ul li a:hover {
    color: #02B2B5
}

.mainWarp .mainL .lxwmcon {
    width: 218x;
    overflow: hidden;
    border: 1px solid #EEEEEE;
}

.mainWarp .mainL .lxwmcon .con {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    padding: 10px
}

.mainWarp .mainL .lxwm {
    width: 220px;
    height: 70px;
    overflow: hidden;
    background: #02B2B5 url(../images/tel.png) left 15px center no-repeat;
    color: #fff
}

.mainWarp .mainL .lxwm .tel1 {
    font-size: 14px;
    padding-left: 72px;
    padding-top: 15px;
}

.mainWarp .mainL .lxwm .tel2 {
    font-weight: bold;
    font-size: 18px;
    padding-left: 72px;
    padding-top: 3px
}

.mainWarp .mainR {
    width: 930px;
    float: left;
    overflow: hidden
}

ul.piclistul {
    overflow: hidden;
    padding-bottom: 40px
}

ul.piclistul li {
    float: left;
    width: 282px;
    margin-right: 30px
}

ul.piclistul li img {
    width: 280px;
    height: 280px;
    overflow: hidden;
    border: 1px #eeeeee solid
}

ul.piclistul li p {
    text-align: center;
    text-align: center;
    font-size: 14px;
    color: #666;
    height: 24px;
    line-height: 24px;
    padding: 15px;
}

ul.piclistul li p:hover {
    color: #02B2B5
}

ul.piclistul li:nth-child(3n) {
    margin-right: 0
}

ul.listul {
    overflow: hidden;
    padding-bottom: 40px
}

ul.listul li {
    min-height: 23px;
    padding: 43px 5px;
    border-bottom: 1px dashed #e5e5e5
}

ul.listul li .liL {
    width: 84px;
    height: 84px;
    float: left;
    margin-right: 15px;
    background: #F2F2F2
}

ul.listul li .liL .day {
    text-align: center;
    font-size: 25px;
    line-height: 25px;
    margin-top: 20px;
    font-family: arial;
    color: #666
}

ul.listul li .liL .year {
    text-align: center;
    font-family: arial;
    font-size: 14px;
    line-height: 20px;
    color: #666
}

ul.listul li .liR {
    float: left;
    width: 820px;
    float: left;
}

ul.listul li .liR a {
    font-size: 16px;
    color: #333;
    height: 24px;
    line-height: 24px;
}

ul.listul li .liR .sub {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    color: #999;
    padding-top: 7px;
    line-height: 22px
}

ul.listul li .liR a:hover {
    color: #02B2B5
}

.detailbox {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 20px
}

.detailbox .xq {
    padding: 10px
}

.detailbox .xq .tit {
    font-size: 25px;
    margin: 5px 0;
    color: #333;
}

.detailbox .xq .date {
    margin: 30px 0;
    font-size: 13px;
    color: #adadad;
    border-bottom: 1px solid #f0efef;
    padding-bottom: 30px
}

.detailbox .xq .prroimg {
    display: block;
    margin: 0 auto;
    max-width: 950px;
    margin-bottom: 30px
}

.detailbox .xq .con {
    color: #676767;
    font-size: 14px;
    line-height: 2em
}

.aboutbox {
    width: 1200px;
    margin: 0 auto;
    padding-top: 50px;
}

.aboutbox .xq {}

.aboutbox .xq .tit {
    color: #02b2b5;
    font-size: 28px;
    font-weight: bold;
    text-align: center
}

.aboutbox .xq .sub {
    text-align: center;
    padding-top: 15px
}

.aboutbox .xq .sub span.span1 {
    display: inline-block;
    width: 50px;
    border-top: 1px solid #808080;
    vertical-align: 5px;
}

.aboutbox .xq .sub span.span2 {
    font-size: 16px;
    color: #999;
    padding: 0 15px;
    line-height: 16px;
}

.aboutbox .xq .con {
    line-height: 30px;
    font-size: 14px;
    color: #666;
    padding-top: 45px
}

.pagebox {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 50px
}

.pagebox a {
    border: 1px solid #ccc;
    padding: 5px 10px;
    display: inline-block;
    color: #333;
    margin: 3px
}

.pagebox a:hover {
    border: 1px solid #02b2b5;
    color: #02b2b5
}