body,

div,

dl,

dt,

dd,

ul,

ol,

li,

h1,

h2,

h3,

h4,

h5,

h6,

pre,

code,

form,

fieldset,

legend,

input,

button,

textarea,

p,

blockquote,

th,

td,

a {

    margin: 0;

    padding: 0;

    outline: 0

}



ul,

li,

i,

em,

div {

    list-style: none;

    overflow: hidden;

}



.ell {

    text-overflow: ellipsis;

    white-space: nowrap;

}



fieldset,

img {

    border: 0

}



a {

    text-decoration: none;

    color: #555;

    cursor: pointer

}



a:hover {

    text-decoration: none;

    color: #F20303

}



body,

button,

input,

select,

textarea {

    font-family: "Microsoft Yahei", Tahoma, Verdana, Arial;

    color: #333333;

    font-size: 14px;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



body {

    background: #ffffff;

    color: #555;

}

.header {

    background-color: #fff;

}

.noov {

    overflow: unset;

}



i,

em {

    font-style: normal

}



.fr {

    float: right

}



.fl {

    float: left

}



.h5 {

    height: 5px;

}



.h10 {

    height: 10px;

}



.h20 {

    height: 20px;

}



.h50 {

    height: 50px;

}



.m {

    width: 1200px;

    margin: auto;

}

.mf9 {

    width: 100%;

    background-color: #f9f9f9;

}

.logo {

    width: 245px;

    height: 43px;

}

.logo img {

    width: 100%;

}

.nav {

    width: 920px;

}

.nav li {

    float: left;

    padding-left: 17px;

    padding-right: 17px;

    height: 43px;

    line-height: 43px;

    margin-top: 3px;

}

.nav .lion ,.nav li:hover {

    background: url(navline.gif) bottom center no-repeat;

    color: #EB2533;

}

.nav .lion a {

    color: #EB2533;

}

.nav .litel ,.nav .litel:hover {

    padding-left: 0px;

    padding-right: 0px;

    width: 200px;

    height: 43px;

    background: url(tel.png) right center no-repeat;

    background-size: auto 32px;

}

.baner {

    width: 100%;

    line-height: 0px;

    position: relative;

}

.baner img {

    width: 100%;

}

.baner .bt {

    position: absolute;

    font-size: 50px;

    font-weight: 200;

    text-align: center;

    height: 60px;

    width: 100%;

    line-height: 60px;

    color: #fff;

    top: 50%;

    margin-top: -100px;

    color: #aaa;

}

.baner .bten {

    position: absolute;

    font-size: 28px;

    font-weight: 200;

    text-align: center;

    height: 60px;

    width: 100%;

    line-height: 60px;

    color: #fff;

    top: 50%;

    margin-top: -50px;

    color: #999;

}



.footer {

    background-color: #333;

    width: 100%;

    padding-top: 20px;

    padding-bottom: 20px;

}

.footer a {
    color: #999;
}

.footernav {

    border-bottom: #444 0.5px solid;

    padding-bottom: 15px;

}

.footernav li {

    padding-right: 30px;

    height: 36px;

    line-height: 36px;

    color: #ddd;

    float: left;

    font-size: 16px;

    font-weight: 200;

}

.footernav li a {

    color: #ddd;

}

.footerlogo {

    width: 160px;

    line-height: 0px;

    margin-right: 50px;

    float: left;

}

.footerlogo img {

    width: 100%;

}

.footercopy {

    color: #999;

    line-height: 22px;

    float: left;

}

.footercopy pre {

    line-height: 20px;

}

.footerewm {

    float: right;

}

.footerewm li {

    float: left;

    width: 60px;

    margin-left: 15px;

    font-size: 12px;

    color: #999;

    text-align: center;

}

.footerewm li img {

    width: 100%;

}

.cat {

    border: #ddd 0.5px solid;

}

.cat ul {

    border-bottom: #ddd 0.5px solid;

}

.cat ul:nth-last-child(1) {

    border-bottom: 0px;

}

.cat li {

    float: left;

    padding-right: 30px;

    height: 48px;

    line-height: 48px;

    font-size: 16px;

    padding-left: 30px;

}

.cat .libig {

    font-size: 20px;

    border-right: #ddd 0.5px solid;

}

.cat .lion ,.cat .lion a  {

    color: #EB2533;

}



.proitem {

    width: calc((100% - 90px) / 4);

    float: left;

    margin-right: 30px;

    margin-bottom: 30px;

    background-color: #f3f3f3;

    border-bottom: #f3f3f3 2px solid;

}

.proitem:nth-of-type(4n+0) {

    margin-right: 0px;

}

.proitem .propic {

    line-height: 0px;

    background-color: #000;

    height: 180px;

}

.proitem .propic img {

    width: 100%;

}

.proitem .protit {

    font-size: 16px;

    line-height: 20px;

    height: 20px;

    margin-top: 20px;

    margin-bottom: 20px;

    text-align: center;

}

.proitem:hover {

    border-bottom: #EB2533 2px solid;

}

.proitem:hover .propic img {

    opacity:0.4;

    filter:alpha(opacity=40);

}

.jointit {

    font-size: 32px;

    color: #EB2533;

    text-align: center;

}

.jointiten {

    font-size: 18px;

    color: #666;

    text-align: center;

    font-weight: 200;

    margin-top: 5px;

}

.join {

    width: 100%;

    background-color: #f6f6f6;

}

.joinitem {

    width: calc((100% - 30px) / 2);

    background-color: #fff;

    padding: 15px;

    box-sizing: border-box;

    margin-top: 15px;

    margin-bottom: 15px;

    float: left;

    height: 150px;

}

.joinitem:nth-of-type(2n+0) {

    float: right;

}

.joinitem .jointit {

    font-size: 20px;

    font-weight: 200;

    height: 20px;

    line-height: 20px;

    margin-bottom: 10px;

    text-align: left;

}

.joinitem .joindes {

    font-size: 14px;

    line-height: 22px;

    color: #999;

    font-weight: 200;

}

.joinitem:hover {

    background-color: #EB2533;

}

.joinitem:hover .jointit ,.joinitem:hover .joindes {

    color: #fff;

}

.jointj {

    background: url(jointj.jpg) top center no-repeat;

    height: 355px;

}

.jointjtxt {

    float: right;

    width: 600px;

    height: 355px;

    box-sizing: border-box;

    padding: 20px;

    color: #342E2B;

    font-size: 18px;

    font-weight: 200;

    padding-top: 100px;

    line-height: 30px;

}

.jointjtxt i {

    width: 10px;

    height: 10px;

    background-color: #342E2B;

    float: left;

    margin-top: 10px;

    border-radius: 5px;

    margin-right: 5px;

}

.jmzc {

    width: 100%;

    background-color: #000;

}

.jmzcpic {

    float: left;

    line-height: 0px;

    width: 580px;

    text-align: right;

}

.jmzctxt {

    float: right;

    color: #999;

    font-size: 18px;

    line-height: 30px;

    box-sizing: border-box;

    padding-top: 30px;

}

.jmzctxt i {

    width: 10px;

    height: 10px;

    background-color: #999;

    float: left;

    margin-top: 10px;

    border-radius: 5px;

    margin-right: 5px;

}

.jointxt {

    width: 450px;

    margin: auto;

    margin-bottom: 20px;

}

.jtxt {

    width: 100%;

    height: 42px;

    line-height: 42px;

    border: #eee 1px solid;

    box-sizing: border-box;

    padding-left: 10px;

    padding-right: 10px;

}

.jtxtarea {

    width: 100%;

    height: 90px;

    line-height: 24px;

    border: #eee 1px solid;

    box-sizing: border-box;

    padding: 10px;

}

.joinbtn {

    width: 120px;

    height: 42px;

    line-height: 42px;

    background-color: #EB2533;

    color: #fff;

    text-align: center;

    margin: auto;
    border: 0px;

}

.joinbtn:hover {

    background-color: #FF7F00;

}

.picitem {

    width: calc((100% - 40px) / 3);

    float: left;

    margin-right: 20px;

    background-color: #fff;

    box-sizing: border-box;

    margin-bottom: 20px;

}

.picitem:nth-of-type(3n+0) {

    margin-right: 0px;

}

.picitem .picimg {

    line-height: 0px;

    height: 200px;

    cursor: pointer;

}

.picitem .picimg2 {

    line-height: 0px;

    cursor: pointer;

}

.picitem .picimg img ,.picitem .picimg2 img {

    width: 100%;

    transition: 0.6s all;

}

.picitem .picimg img:hover ,.picitem .picimg2 img:hover {

    transform: scale(1.1);

}

.picitem .pictit {

    padding: 15px;

    box-sizing: border-box;

    text-align: center;

}

.newstjtit {

    font-size: 24px;

    background: url(newstjtit.gif) bottom left no-repeat;

    padding-bottom: 15px;

}

.newstj {

    width: calc((100% - 40px) / 3);

    float: left;

    margin-right: 20px;

    margin-top: 20px;

    background-color: #fff;

}

.newstj:nth-of-type(3n+0) {

    margin-right: 0px;

}

.newstj .newstjpic {

    line-height: 0px;

    height: 240px;

}

.newstj .newstjpic img {

    width: 100%;

}

.newstj .newstjbt {

    box-sizing: border-box;

    padding: 0px 15px;

    font-size: 16px;

    height: 60px;

    line-height: 60px;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.newsalltit {

    border-bottom: #ddd 0.5px solid;

    height: 48px;

    position: relative;

    overflow: unset;

}

.newsalltit li {

    float: left;

    padding-left: 20px;

    padding-right: 20px;

    line-height: 50px;

    height: 50px;

    font-size: 18px;

    position: relative;

    z-index: 9;

    bottom: 0px;

}

.newsalltit .lion ,.newsalltit li:hover {

    background: url(newstitdot.png) bottom center no-repeat;

    

}

.newslist {

    background-color: #fff;

    padding: 15px;

    box-sizing: border-box;

    margin-top: 10px;

}

.newslist:hover {

    background-color: #EB2533;

}

.newslist:hover .newslistr .newslisttit ,.newslist:hover .newslistr .newslistdes , .newslist:hover .newslistr .newslistdatebtn i {

    color: #fff;

}

.newslist .newslistpic {

    width: 160px;

    float: left;

}

.newslist .newslistpic img {

    width: 100%;

}

.newslistr {

    width: calc(100% - 180px);

    float: right;

}

.newslistr .newslisttit {

    font-size: 18px;

    height: 18px;

    line-height: 18px;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.newslistr .newslistdes {

    color: #999;

    height: 40px;

    line-height: 20px;

    margin-top: 10px;

}

.newslistr .newslistdatebtn {

    height: 24px;

    margin-top: 15px;

}

.newslistr .newslistdatebtn i {

    color: #666;

}

.newslistr .newslistdatebtn i:nth-child(1) {

    float: left;

}

.newslistr .newslistdatebtn i:nth-child(2) {

    float: right;

    margin-right: 50px;

    border: #ddd 0.5px solid;

    font-size: 12px;

    padding-left: 10px;

    padding-right: 10px;

    height: 24px;

    line-height: 24px;

    box-sizing: border-box;

    border-radius: 5px;

}

.newslistr .newslistdatebtn i:nth-child(2):hover {

    background-color: #EB2533;

    color: #fff;

}

.bkf {

    background-color: #fff;

}

.mleft {

    width: 300px;

}

.mright {

    width: 880px;

}

.mleft .catitems {

    background-color: #fff;

}

.mleft .catitems li {

    height: 60px;

    line-height: 60px;

    box-sizing: border-box;

    padding-left: 20px;

    font-size: 18px;

    border-top: #eee 0.5px solid;

}

.mleft .catitems li:nth-child(1) {

    border-top: 0px;

}

.mleft .lnewstit {

    background-color: #333;

    color: #fff;

    height: 50px;

    line-height: 50px;

    box-sizing: border-box;

    padding-left: 20px;

    font-size: 20px;

}

.mleft .lnewslist {

    padding: 10px 20px 10px 20px;

    background-color: #fff;

}

.mleft .lnewslist li {

    height: 32px;

    line-height: 32px;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.mleft .catitems .lion {

    background-color: #333;

}

.mleft .catitems .lion a {

    color: #fff;

}

.about {

    background-color: #fff;

    padding: 20px;

    box-sizing: border-box;

    line-height: 28px;

    font-size: 16px;

}

.contact {

    background-color: #fff;

    padding: 50px;

    box-sizing: border-box;

}

.cleft {

    width: 40%;

    float: left;

}

.cleft .ctit {

    font-size: 28px;

    font-weight: 200;

}

.cleft .items {

    font-size: 16px;

    font-weight: 200;

    color: #666;

    text-indent: 18px;

    height: 16px;

    line-height: 16px;

    margin-top: 25px;

}

.cleft .caddress {

    background: url(icon-address.png) left center no-repeat;

    background-size: auto 16px;

}

.cleft .ctel {

    background: url(icon-tel.png) left center no-repeat;

    background-size: auto 16px;

}

.cleft .cemail {

    background: url(icon-email.png) left center no-repeat;

    background-size: auto 13px;

}

.cleft .ewm {

    border-top: #ddd 0.5px solid;

    padding-top: 20px;

    margin-top: 25px;

}

.cleft .ewm p {

    width: 50%;

    float: left;

    text-align: center;

}

.cright {

    width: 60%;

    float: right;

    box-sizing: border-box;

    padding-left: 50px;

}

.ipro {

    width: calc(100% / 3);

    float: left;

    background-color: #000;

    box-sizing: border-box;

    position: relative;

}

.ipro .ipropic {

    line-height: 0px;

}

.ipro .ipropic img {

    width: 100%;

    transition: 0.6s all;

}

.ipro .ipropic img:hover {

    transform: scale(1.1);

}

.ipro .iprotit {

    width: 50%;

    position: absolute;

    left: 25%;

    top: 50%;

    border: #666 0.5px solid;

    height: 50px;

    line-height: 50px;

    margin-top: -50px;

    font-size: 26px;

    font-weight: 200;

    text-align: center;

    color: #999;

}

.ipro .iprotiten {

    width: 50%;

    font-size: 20px;

    font-weight: 200;

    position: absolute;

    left: 25%;

    top: 50%;

    height: 50px;

    line-height: 50px;

    text-align: center;

    color: #666;

}

.ipro:hover .iprotit {

    border: #fff 0.5px solid;

}

.ipro:hover .iprotit ,.ipro:hover .iprotiten {

    color: #fff;

}

#page{margin:30px 0;font-size:14px;height:30px;line-height:30px;text-align:center}

#page .pageinfo{display: none;}

#page  a{border:1px solid #ddd;background:#fff;color:#808080;padding:5px 11px;margin-left:5px;border-radius:2px;transition:all 0.2s}

#page  a:hover,#page .curpage{background:#EB2533;color:#fff;text-decoration:none;border:1px solid #EB2533;}

#page .nopage{cursor:not-allowed;}

#page .nopage:hover{background:#fff;color:#808080;border:1px solid #ddd;}

.pagenr {

    background-color: #fff;

    padding: 20px;

    box-sizing: border-box;

    font-size: 16px;

    line-height: 180%;

}

.nrtit {

    font-weight: normal;

    font-size: 26px;

    line-height: 36px;

  }

.nrdes {

    color: #999;

    font-size: 14px;

    margin-top: 15px;

    margin-bottom: 15px;

    border-bottom: #eee 0.5px solid;

    padding-bottom: 15px;

}

.nrcontent {

    padding-bottom: 15px;

}