* {
    padding: 0;
    margin: 0;
    font-family: "宋体"; 
}

li {
    list-style: none;
}

a {
    color: #000;
    text-decoration: none;
}
input {
    padding: 0;
    border: 0;
    outline: none;
}
.w1400{
    width: 1400px;
    margin: 0 auto;
}
.card1{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.header{
    width: 100%;
}
.header-top {
    width: 100%;
    font-size: 14px;
    background-color: #3091f2;
}
.top-box {
    margin: 0 auto;
    width: 1400px;
    height: 32px;
    line-height:32px;
}
.top-lf{
    float: left;
    margin-left: 10px;
    color: #fff;
}
.top-lr{
    float: right;
}
.top-lr a{
    padding: 0 16px;
    color: #fff;
    border-left: 1px solid #fff;
}
.top-lr a:first-child{
    border-left: 0;
}
.h-wzk{
    padding:30px 0 26px 0;
    overflow: hidden;
}
.h-wzk figure{
    float: left;
}
.h-wzk figure img{
    float: left;
    margin: 0 6px 0 0;
    display: block;
    width: 54px;
}
.h-wzk figure figcaption{
    float: left;
}
.h-wzk figure h1,
.h-wzk figure h2{
    margin-top: 4px;
    font-size: 30px;
    color:#000;
    font-weight: normal;
}
.dianhua{
    float: right;
    width: 202px;
    text-align: right;
}
.dh-lf{
    float: left;
}
.dh-lf span{
    font-size: 16px;
    color: #000;
}
.dh-lf p{
    margin-top: 8px;
    font-size: 22px;
    color: #e00005;
}
.dianhua img{
    float: right;
    display: block;
    width: 48px;
}
.banner{
    width: 100%;
}
.banner img{
    display: block;
    width: 100%;
}
.z-title{
    color: #222;
    text-align: center;
    text-transform: uppercase; 
}
.z-title span{
    display: block;
    font-size: 38px;
}
.z-title strong{
    display: block;
    margin-top: 4px;
    font-size: 24px;
    letter-spacing: 4px;
    font-weight: normal;
}
.nav-box{
    width: 100%;
    background-color:#3091f2;
}
.nav-box ul{
    width: 1400px;
    margin: 0 auto;
    height: 56px;
    line-height:54px;
    overflow: hidden;
}
.nav-box  ul li{
    float: left;
    width: 155px;
}
.nav-box ul li a{
    margin: 0 auto;
    display: block;
    width: 80px;
    color: #fff;
    font-size: 17px;
    text-align: center;
    border-bottom:none;
}
.nav-box  ul li:hover a{
    border-bottom:3px solid #ffd303;
}
.cp-box{
    margin-top: 70px;
}
.cpzx-cont ul{
    margin-top:54px;
    overflow: hidden;
}
.cpzx-cont ul li{
    float: left;
    margin: 0 30px 38px 0;
    width: 327px;
}
.cpzx-cont ul li:nth-child(4n){
    margin-right: 0;
}
.cpzx-cont ul li figure{
    width: 100%;
    height: 280px;
    overflow: hidden;
}
.cpzx-cont ul li figure img{
    width: 100%;
    height: 100%;
    transition: all .35s ease;
}
.cpzx-cont ul li a:hover img{
    transform: scale(1.1)
}
.cpbt{
    padding-top: 24px;
    text-align: center;
    background-color: #f1f1f1;
}
.cpbt h2{
    margin-bottom: 14px;
    font-size: 20px;
    color: #333;
    font-weight: normal;
}
.cpbt p{
    padding: 0 15px 26px 15px;
    font-size: 14px;
    color: #b7b7b7;
    line-height: 22px;
}
.cpzx-cont a:hover .cpbt{
    background-color: #3091f2;
}
.cpzx-cont a:hover h2{
    color: #fff;
}
.cpzx-cont a:hover p{
    color: #fff;
}
.bywm-box{
    margin: 44px 0 100px 0;
}
.about-tp{
    margin: 0 auto;
    margin-bottom: 70px;
    width: 1400px;
}
.about-tp ul{
    margin-top: 56px;
    overflow: hidden;
}
.about-tp li{
    float: left;
    margin-left: 26px;
    width: 449px;
}
.about-tp li:first-child{
    margin-left: 0;
}
.about-tp li img{
    display: block;
    width: 100%;
    height: 342px;
}
.about-cont{
    position: relative;
    text-align: center;
}
.about-cont strong{
    display: block;
    margin-bottom: 16px;
    font-size: 34px;
    color: #222222;
}
.about-cont>p{
    width: 1220px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 32px;
}
.about-cont .abt-m{
    position: absolute;
    top:43%;
    left:50%;
    transform:translateX(-50%) translateY(-50%); 
}
.abt-m{
    display: block;
    margin: 0 auto;
    width: 254px;
    height: 60px;
    font-size: 20px;
    color: #fff;
    line-height: 60px;
    cursor: pointer;
    text-align: center;
    border-radius: 30px;
    background-color:#3091f2;
    box-shadow: rgba(0, 122, 255, 0.43) 8px 11px 26px -2px;
}
.about-bj{
    margin-top: 80px;
    padding-top: 146px;
    height: 340px;
    box-sizing: border-box;
    background: url(../images/tp.jpg) no-repeat center;
}
.about-bj ul{
    width: 1400px;
    margin: 0 auto;
    overflow: hidden;
}
.about-bj ul li{
    position: relative;
    float: left;
    width: 25%;
    color: #222;
    text-align: center;
}
.about-bj ul li:last-child{
    border-right:0;
}
.about-bj ul li b{
    font-size: 40px;
}
.about-bj ul li p{
    margin-top: 6px;
    font-size: 16px;
}
.about-bj ul li span{
    position: absolute;
    top: 0;
    left: 63%;
    font-size: 22px;
}
.gsys-box ul{
    margin-top: 56px;
    overflow: hidden;
}
.gsys-box ul li{
    float: left;
    width: 25%;
}
.gsys-box ul li figure{
    margin: 0 auto;
    width: 200px;
    height: 200px;
}
.gsys-box ul li figure img{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.ys-bt{
   text-align: center;
}
.ys-bt strong{
    display: block;
    margin: 34px 0 20px 0;
    font-size: 20px;
    color: #333;
}
.ys-bt p{
    font-size: 14px;
    color: #666;
}
.news-box{
    margin-top: 114px;
}
.news-bj{
    padding-top: 48px;
    margin-top: 58px;
    height: 686px;
    background: url(../images/tp2.png) no-repeat center;
    background-size: 100% 100%;
    background-attachment: fixed;
}
.news-top{
    margin-bottom: 90px;
    overflow: hidden;
}
.news-lf{
    padding: 32px 44px 0 46px;
    float: left;
    color: #fff;
    width: 440px;
    height: 460px;
    background-color: #3091f2;
    box-sizing: border-box;
}
.news-lf ul li a{
    color: #fff;
}
.news-lf strong{
    display: block;
    margin-bottom: 16px;
    font-size: 32px;
}
.news-lf ul li img{
    display: block;
    width: 100%;
    height: 263px;
}
.news-lf ul li  h2{
    margin: 16px 0 10px 0;
    font-size: 20px;
    font-weight: normal;
}
.news-lf ul li  p{
    font-size: 14px;
    line-height: 22px;
}
.news-lr{
    padding: 36px 46px 0 46px;
    float: right;
    height: 460px;
    width: 948px;
    box-sizing: border-box;
    background-color: #fff;
}
.news-nav ul{
    overflow: hidden;
  
}
.news-nav ul li {
    float: left;
    padding: 0 10px;
    width: 100px;
    height: 40px;
    cursor: pointer;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
}
.aui-current {
    color: #fff;
    background: #3091f2;
}
.news-content ul{
    margin-top: 18px;
}
.news-content ul li{
    overflow: hidden;
    border-bottom:1px solid #ededed;
}
.news-content ul li a{
    display: block;
    height:54px;
    line-height: 54px;
}
.news-content ul li h2{
    float: left;
    width: 89%;
    font-size: 20px;
    font-weight: normal;
    border-bottom:1px solid  #fff;
}
.news-content ul li time{
    float: right;
    font-size: 16px;
    color: #999;
}
.news-content ul li a:hover h2{
    color: #3091f2;
    transition: all 0.5s ease;
    border-bottom:1px solid  #3091f2;
}
.footer{
    background-color: #282828;
}
.footer-top{
    padding-top: 44px;
    width: 100%;
    height: 150px;
}
.foot-cont{
    width: 1400px;
    margin: 0 auto;
    overflow: hidden;
}
.bot-lf{
    float: left;
    width: 800px;
}
.bot-lf ul {
    margin-bottom: 14px;
    overflow: hidden;
}
.bot-lf ul li{
    float: left;
    width: 11%;
}
.bot-lf a{
    font-size: 14px;
    color: #fff;
}
.lxfs-box p{
    margin: 20px 0 16px 0;
    color: #aaa;
    font-size: 16px;
    line-height: 20px;
}
.lxfs-box a{
    display: block;
    width: 135px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color:#3091f2;
}
.lxfs-box a:hover{
    color: #1a1a1a;
    background-color: #fff;
}
.footer-bah .bei {
    width: 1400px;
    margin: 0 auto;
    padding: 6px 0;
    line-height: 20px;
    text-align: center;
}
.bei p,
.bei a {
    display: block;
    font-size: 14px;
    color: #aaa;
}
.bot-lr{
    float: right;
    width: 320px;
}
.bot-lr p{
    color: #aaa;
    font-size: 14px;
    line-height: 20px;
}
.search {
    margin-top: 17px;
    width: 318px;
}
.t {
    float: left;
    padding-left: 26px;
    width: 232px;
    height:50px;
    line-height: 50px;
    color: #000;
    font-size: 13px;
    border: none;
    background: #fff;
}
.suo {
    float: right;
    width: 60px;
    height: 50px;
    font-size: 15px;
    color: #fff;
    line-height: 50px;
    background-color:#3091f2;
}
.footer-bah{
    padding: 10px 0;
    width: 100%;
    border-top: 1px solid #3c3c3c;
}
.cd-box{
    width: 1400px;
    margin: 0 auto;
    margin-top: 22px;
    margin-bottom: 30px;
}
.pro-xq{
    overflow: hidden;
}
.pro-xq li{
    float: left;
    margin: 0 26px 36px 0;
    width: 449px;
}
.pro-xq li:nth-of-type(3n) {
    margin-right: 0;
}
.pro-xq li figure img {
    display: block;
    width: 100%;
    height: 320px;
    border-radius: 15px;
    transition: all 0.5s ease;
}
.pro-xq li figure img:hover {
    transform: scale(1.2);
}
.pro-xq li a:first-child{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    overflow: hidden;
    background-color: #3091f2;
}
.pro-xq a:first-child:hover img{
    opacity:0.4; 
}
.kslj_con {
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -30px;
    width: 100%;
    opacity: 0;
    text-align: center;
}
.pro-xq a:first-child:hover .kslj_con{
    opacity: 1;
}
.pro-xq h2{
    margin-top: 28px;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
 }
.pro-xq h2:hover{
    color: #3091f2;
}
.kslj_con span {
    display: block;
    margin-top: 30px;
    color:#fff;
}
.pro-xq a:first-child:hover .kslj_con span{
    margin-top: 20px;
}
.kslj_con i {
    padding: 6px 14px;
    font-size: 15px;
    color:#fff;
    display: inline-block;
    border: 1px #fff solid;
    font-style: normal;
}
.cpzx-box{
    overflow: hidden;
}
.cpzx-box li{
    float: left;
    margin: 0 26px 36px 0;
    width: 449px;
}
.cpzx-box li:nth-of-type(3n) {
    margin-right: 0;
}
.cpzx-box li figure img {
    display: block;
    width: 100%;
    height: 320px;
    border-radius: 15px 15px 0 0;
}
.cpzx-box li a{
    display: block;
    border-radius: 15px;
    background-color: #fff;
}
.cpzx-box li a:hover{
    color: #fff;
    transition: all 0.5s ease;
    background-color: #3091f2;
}
.cpzx-box li a h2{
    height: 68px;
    font-size: 20px;
    line-height: 68px;
    text-align: center;
    font-weight: normal;
}
.bx-box{
    width: 1400px;
    margin: 0 auto;
    margin-bottom: 50px;
}
.bx-box figure{
    width:80%;
    margin: 0 auto;
}
.bx-box figure img{
    display: block;
    width: 100%;
}
.news-cont{
    overflow: hidden;
}
.news-cont li{
    margin-bottom: 20px;
    padding: 20px;
    overflow: hidden;
    border: 1px solid #f8f8f8;
}
.news-cont li:hover{
    border: 1px solid #3091f2;
    transition: all 0.8s ease;
}
.news-cont li:hover h2{
    color:#3091f2;
    transition: all .8s ease;
}
.new-tp{
    float: left;
}
.new-tp figure{
    width: 240px;
    height: 178px;
}
.new-tp figure img{
    display: block;
    width: 100%;
    height: 100%;
}
.news-tp{
    float: right;
    width: 1056px;
}
.news-tp h2{
    margin-top: 20px;
    font-size: 20px;
    color: #434343;
    font-weight: normal;
}
.news-tp p{
    margin-top: 70px;
    font-size: 14px;
    color: #999;
    line-height: 24px;
}
.about-txt{
    padding: 0 20px;
}
.about-txt p{
    margin-bottom: 10px;
    color: #000;
    font-size: 18px;
    text-indent: 30px;
    line-height: 2;
    text-align: justify;
}
.about-txt ul {
    overflow: hidden;
}
.about-txt ul li {
    float: left;
    margin: 0 0 30px 60px;
    width: 190px;
    font-size: 18px;
    color: #000;
}
.about-txt ul li:nth-child(4n) {
    margin-right: 0;
}
.about-txt ul li span{
    display: inline-block;
}
.about-txt ul li span:first-child {
   width: 60px;
}
.about-txt ul li span:last-child {
    padding-left: 20px;
    line-height: 26px;
}
.about-txt>img{
    display: block;
    margin: 0 auto;
    max-width: 800px;
}
.detail-ym{
    margin-top: 40px;
}
.detail-ym h1{
    color: #000;
    font-size: 22px;
    text-align: center;
}
.label-cont{
    display: table;
    margin: 0 auto;
    margin-top: 23px;
    margin-bottom: 30px;
    font-size: 16px;
    color: #333;
}
.label-cont b{
    font-weight: normal;
}
.label-cont b, .label-cont time,.label-cont a {
    float: left;
}
.label-lf{
    float: left;
}
.biaoqian{
    float: left;
    margin-left: 40px;
}
.detail-txt{
    margin-top: 20px;
}
.detail-txt p{
    margin-bottom: 10px;
    font-size: 18px;
    color: #000;
    text-indent: 30px;
    line-height: 2;
}
.detail-txt p img{
    display: block;
    margin: 0 auto;
    margin-top: 20px;
}
.detail-txt table{
    margin: 20px 0;
    width: 100%;
}
.page-turn{
    display: table;
    margin-top: 50px;
    margin-bottom: 90px;
    width: 100%;
    font-size: 16px;
    color: #3b3652;
    box-sizing: border-box;
}
.page-turn .page-lf{
    float: left;
}
.page-turn .page-lr{
    float: right;
}
.page-turn a:hover{
    color:#3091f2;
}
.pagination{
    width: 1400px;
    margin: 0 auto;
    padding-bottom: 40px;
}
.pagefy {
    margin-top: 26px;
    text-align: center;
    width: 100%;
}
.pagefy .current {
    color: #fff;
    background-color: #3091f2;
}
.pagefy a {
    padding: 5px 15px;
    margin-right: 5px;
    display: inline-block;
    height: 20px;
    color: #666;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #cfcfcf;
    background-color: #fff;
}
.po {
    margin: 0 auto;
    margin-top: 16px;
    width: 1400px;
    height: 50px;
    line-height: 50px;
}
.po span,
.po a,
.po h1, 
.po b{
    display: block;
    float: left;
    margin-right: 10px;
    font-size: 18px;
    color: #333;
}
.po img {
    float: left;
    margin-right: 14px;
    padding-top: 8px;
    width: 30px;
}
.po h1, 
.po b{
    font-weight: normal;
}
.zixun-cont li{
    padding: 30px 26px;
    border-bottom: 1px dotted #dbd4cd;
    overflow: hidden;
}
.zixun-sj{
    float: left;
    width: 80px;
}
.zixun-sj time{
    display: block;
    color: #949494;
    text-align: center;
}
.zixun-sj time:first-child{
    font-size: 32px;
}
.zixun-sj time:last-child{
    margin-top: 10px;
    font-size: 18px;
}
.zixun-lr{
    float: right;
    width: 1210px;
}
.zixun-lr h2{
    font-size: 20px;
    color: #434343;
    font-weight: normal;
}
.zixun-lr h2:hover{
    color: #3091f2;
}
.zixun-lr p{
    margin-top: 13px;
    font-size: 14px;
    color: #999;
    line-height: 24px;
}

 
 
 





 
 