@charset "UTF-8";
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin:0px;
    padding:0px;
}

body {
    overflow-x: hidden;
    font-family: "Microsoft YaHei";
}

ul {
    padding: 0;
    margin: 0;
}

ul li {
    list-style: none;
}

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

h1, h2, h3, h4, h5 {
    margin: 0;
}

a:focus, a:hover {
    color: #0f9d90;
    text-decoration: none;
}

a:focus {
    outline: none;
    outline-offset: -2px;
}
@media (max-width: 768px) {
    body {
        padding-top: 60px;
        padding-bottom: 50px;
    }
}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin: 0;}

@font-face {
  font-family: "DINCond-Bold";
  src: url("../fonts/DINCond-Bold.ttf") format("truetype"),
       url("../fonts/DINCond-Bold.eot") format("embedded-opentype"),
       url("../fonts/DINCond-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}


/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.visible-sm, .visible-xs {
    display: none!important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}


/*主体样式*/
.wh{max-width: 1630px;padding: 0 15px;margin: 0 auto;}
.top2 {position: absolute;top:0;width: 100%;z-index: 9999;    padding: 10px 0px;
    background: rgba(255,255,255,0.5);}
.logo{height: 80px;line-height: 80px;}
.x1{font-size: 16px;color: #231916;}
.x1 a{line-height: 80px;color: #231916;text-transform: uppercase;}

.flex {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


.nnav {width: 57%;}
.bf-menu > li {
    text-align: center;
    float: left;
    position: relative;
}

.bf-menu > li > a {
    font-size: 20px;
    color: #231916;
    line-height: 80px;
    display: block;
    padding: 0 36px;
}

.bf-menu > li:hover > a {
    color: #0f9d90;
}



.bf-menu > li:hover .bf-sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.bf-sub-menu {
    position: absolute;
    z-index: 999;
    width: 100%;
    left: 0;
    top: 85px;
    background: #fff;
    border-radius: 5px;
    padding: 10px 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.bf-sub-menu > li > a {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    padding: .5em;
}

.bf-sub-menu > li > a:hover {
    background: #e9eaeb;
}

.bf-sub-menu:after {
    content: '';
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 10px;
    cursor: pointer;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #fff transparent;
    border-top: none;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    z-index: 99;
}


.bf-menu > li .bf-sub-menux {
    position: absolute;
    left: 100%;
    width: 100%;
    background: #fff;
    top: 80px;
    border-radius: 5px;
    padding: 10px 0;
    display: none;
}

.bf-menu > li .bf-sub-menux li {
    position: relative;
}

.bf-menu > li .bf-sub-menux li a {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    padding: 0.5em
}

.bf-menu > li .bf-sub-menu li:hover .bf-sub-menux {
    display: block;
}

.bf-menu > li .bf-sub-menux li a:hover {
    background: #e9eaeb;
}


/*手机端头部*/
.icon-font {
    position: relative;
}

.icon-font:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../images/icon_spirit.png);
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
}
.bfmob-head {
    position: fixed;
    top: 0;
    z-index: 999999;
    left: 0;
    right: 0;
    background: #151515;
}

.bfmob-head-box {
    position: relative;
    height: 60px;
}

.bfmob-head-box .bfmob-logo {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 70%;
    height: 30px;
    text-align: center;
}

.bfmob-head-box .bfmob-logo h1, .bfmob-head-box .bfmob-logo a {
    display: inline;
    font-size: 0;
}

.bfmob-head-box .bfmob-logo img {
    height: 25px;
}

.bfmob-navbtn {
    position: absolute;
    z-index: 9;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto 0 auto 27px;
    width: 30px;
    height: 20px;
}

.bfmob-navbtn span, .bfmob-navbtn:after, .bfmob-navbtn:before {
    display: block;
    height: 2px;
    width: 100%;
    background: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.bfmob-navbtn span {
    margin: 7px 0;
}

.bfmob-navbtn:after, .bfmob-navbtn:before {
    content: '';
    -webkit-transform-origin: 7.5%;
    transform-origin: 7.5%;
}

.bfmob-navbtn.clicked span {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
}

.bfmob-navbtn.clicked:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.bfmob-navbtn.clicked:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.bfmob-search-btn {
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    bottom: 0;
    width: 14%;
    text-align: center;
    line-height: 60px;
}

.bfmob-search-btn .icon-font {
    display: block;
    width: 100%;
    height: 100%;
}

.bfmob-search-btn .icon-font:after {
    background-position: -30px -210px;
}

.bfmob-menu {
    display: none;
    position: absolute;
    z-index: 9999;
    left: 0;
    right: 0;
    height: 100vh;
    background: #151515;
    padding: 0 10%;
}

.bfmob-menu .bfmob-menu-box {
    height: 100vh;
    overflow: auto;
    padding-bottom: 80px;
}

.bfmob-nav > li {
    border-bottom: 1px solid #2b2b2b;
    position: relative;
}

.bfmob-nav > li > a {
    display: block;
    line-height: 50px;
    font-size: 16px;
    color: #ffffff;
}

.bfmob-nav .bfmob-menu-jt {
    position: absolute;
    width: 20%;
    height: 50px;
    line-height: 50px;
    right: 0;
    top: 0;
    text-align: center;
    z-index: 9;
}

.bfmob-nav .bfmob-menu-jt .icon-font {
    display: block;
    width: 100%;
    height: 100%;
}

.bfmob-nav .bfmob-menu-jt .icon-font:after {
    background-position: -30px -240px;
}

.bfmob-nav .bfmob-menu-jt.clicked .icon-font:after {
    background-position: -30px -270px;
}

.bfmob-nav .bfmob-sub-menu {
    background: #1E1E1E;
    display: none;
}

.bfmob-nav .bfmob-sub-menu > li {
    border-top: 1px dashed #2b2b2b;
    position: relative;
}

.bfmob-nav .bfmob-sub-menu > li > a {
    display: block;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 50px;
    text-indent: 2em;
}

.bfmob-dlbtn {
    margin-top: 40px;
}

.bfmob-dlbtn a {
    text-align: center;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #0f9d90;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
}

.bfmob-dlbtn a i {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin-right: 5px;
}

.bfmob-dlbtn a .icon-dl:after {
    background-position: -30px -540px;
}

.bfmob-dlbtn a .icon-pn:after {
    background-position: -30px -600px;
}

.bfmob-dlbtn a .icon-tc:after {
    background-position: -30px -570px;
}

.bfmob-dlbtn .zx-btn {
    margin-top: 10px;
    background: none;
    border: 1px solid #fff;
}

.bfmob-search {
    position: fixed;
    z-index: 99999;
    left: 100%;
    bottom: 0;
    top: 0;
    width: 100%;
    background: #151515;
    padding: 15px 15% 0 15%;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.bfmob-search .bfmob-search-close-btn {
    position: absolute;
    top: 27px;
    left: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

@media (max-width: 420px) {
    .bfmob-search .bfmob-search-close-btn {
        left: 15px;
    }
}

.bfmob-search .bfmob-search-close-btn i {
    width: 100%;
    height: 100%;
    display: block;
}

.bfmob-search .bfmob-search-close-btn i:after {
    background-position: -30px -300px;
}

.bfmob-search .bfmob-search-box {
    height: 50px;
    border-bottom: 2px solid #2d2d2d;
}

.bfmob-search .bfmob-search-box input[type="text"] {
    width: 80%;
    float: left;
    background: none;
    border: none;
    outline: none;
    color: rgba(255, 255, 255, 0.3);
    font-family: "Microsoft YaHei";
    font-size: 16px;
    height: 50px;
}

.bfmob-search .bfmob-search-box #s_btn {
    width: 20%;
    height: 50px;
    outline: none;
    cursor: pointer;
    font-size: 0;
    background: none;
    border: none;
}

.bfmob-search .bfmob-search-box #s_btn .icon-font {
    display: block;
    width: 100%;
    height: 100%;
}

.bfmob-search .bfmob-search-box #s_btn .icon-font:after {
    background-position: -30px -210px;
}

.bfmob-search .bfmob-seaerch-wz span, .bfmob-search .bfmob-seaerch-wz a {
    display: block;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
    line-height: 45px;
    border-bottom: 1px solid #2b2b2b;
}

.bfmob-search.clicked {
    left: 0;
}



/* 首页banner样式 */
.bf-banner .owl-carousel {
    position: relative;
}

.bf-banner .owl-carousel .banner-item a {
    display: block;
}

.bf-banner .owl-carousel .owl-nav .owl-prev {
    left: 0;
}

.bf-banner .owl-carousel .owl-nav .owl-next {
    right: 0;
}

.bf-banner .owl-carousel .owl-nav button.owl-prev, .bf-banner .owl-carousel .owl-nav button.owl-next {
    outline: none;
    position: absolute;
    top: 50%;
    z-index: 9999;
    background: #424246;
    height: 65px;
    width: 50px;
    margin-top: -32.5px;
    border-radius: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.bf-banner .owl-carousel .owl-nav button.owl-prev:hover, .bf-banner .owl-carousel .owl-nav button.owl-next:hover {
    background: #0f9d90;
}

.bf-banner .owl-carousel .owl-nav .icon-font {
    display: block;
    width: 100%;
    height: 100%;
}

.bf-banner .owl-carousel .owl-nav .icon-left-arrow:after {
    background-position: -34px -180px;
}

.bf-banner .owl-carousel .owl-nav .icon-right-arrow:after {
    background-position: -26px -480px;
}

.bf-banner .owl-carousel .owl-dots {
    position: absolute;
    z-index: 999;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 0;
    bottom: 5%;
}

.bf-banner .owl-carousel .owl-dots button.owl-dot {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin: 0 .7em;
    outline: none;
   width: 25px;
	height: 4px;
	background-color: #ffffff;
	opacity: 0.5;
}

.bf-banner .owl-carousel .owl-dots button.owl-dot:hover {
    opacity: .5;
}

.bf-banner .owl-carousel .owl-dots button.owl-dot.active {
    width: 54px;
	background-color: #0f9d90;opacity: 1;
}

@media (max-width: 990px) {
    .bf-banner .owl-carousel .owl-nav button.owl-prev, .bf-banner .owl-carousel .owl-nav button.owl-next {
        height: 40px;
        width: 30px;
        margin-top: -20px;
    }

    .bf-banner .owl-carousel .owl-nav .iconfont {
        font-size: 20px;
    }

    .bf-banner .owl-carousel .owl-dots button.owl-dot {
        font-size: 12px;
    }
}




.mySwiper{overflow: hidden;text-align: center;border-bottom: 1px solid #ebebeb;}
.mySwiper .swiper-slide{padding: 61px 0 58px;}
.mySwiper .swiper-slide:nth-child(2n){background: #f8f8f8;}
.mySwiper .swiper-slide h3{color: #222222;font-size: 24px;font-weight: bold;margin-bottom: 13px;transition: all 0.5s;}
.jia{margin-bottom: 12px;opacity: 0;}
.mySwiper .swiper-slide:hover h3{color: #0f9d90;margin-top: -20px;}
.mySwiper .swiper-slide:hover .jia{opacity: 1;}
.mySwiper .swiper-slide .img img{max-width: 80%;}
dt{font-weight: normal;}


.box2{margin-top: 5.6%;}
.bt1{text-align: center;}
.bt1 dd{color: #010d2c;font-size: 40px;font-weight: bold;}
.bt1 dt{color: #444444;font-size: 17px;line-height: 2;margin-top: 30px;}
.cbox{margin-top: 4.2%;}
.cleft{width: 49.375%;position: relative;}
.cright{width: 50.625%;}
.cbox .cimg{overflow: hidden;}
.cbox .cimg img{width: 100%;transition: all 0.5s;}
.bj1{position: absolute;left: 60px;bottom: 4.8vw;z-index:99;padding-left: 22px;background: url(../images/icon-s.png) no-repeat left top;width: 77%;}
.bj1 h3{color: #ffffff;font-size: 28px;font-weight: bold;line-height: 1;margin-bottom: 20px;}
.bj1 .bcon{color: #fff;font-size: 16px;line-height: 30px;}
.cleft:hover .cimg img,.cbox2:hover .cimg img{transform: scale(1.1);}
.cbox2 .cimg,.cc{width: 50%;}
.cc{background-color: #3f3f3f;display:flex;justify-content:center;align-items: center;padding: 0 15px;}
.cwz{padding-left: 23px;background: url(../images/icon-s.png) no-repeat left top;}
.cwz dd{color: #ffffff;font-size: 28px;font-weight: bold;line-height: 1;margin-bottom: 20px;}
.cwz dt{color: #ffffff;font-size: 18px;}
.cbox3 .cc{background: url(../images/box2-1.jpg) no-repeat center top;background-size: cover;}
.cwz dt a{color: #fff;line-height: 30px;font-size: 16px;}
.psort a{color: #fff;line-height: 30px;font-size: 16px;width:50%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;}


/*  */
.box3{margin: 4% 0 6%;}
.nbox{margin-top: 3.9%;}
.nul{width: 40.5%;}
.nul2{width: 21.5%;}
.nul3{width: 34.4%;}
.nul li .img img,.nul2 li .img img{width: 100%;}
.nul li{position: relative;}
.nbj{position: absolute;background: url(../images/box3-bg.png) no-repeat top center;padding-left: 31px;bottom: 0;left: 0;padding-bottom: 2.1vw;width: 100%;padding-right: 5%;padding-top: 10%;}
.nbj span{color: #ffffff;font-size: 14px;}
.nbj h3 a{color: #ffffff;font-size: 16px;display: block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;margin-top: 8px;}
.nul2 li{position: relative;}
.nul2 li h3 a{display: block;color: #ffffff;font-size: 16px;width: 100%;text-align: center;bottom: 16px;z-index: 999; padding: 0 15px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;position: absolute;}
.nul2 li:first-child{margin-bottom: 8%;}
.nul3{display: flex;align-items: center;justify-content: space-between;flex-direction: column;}
.nul3 li{background-color: #f5f5f5;height: 30%;padding: 0 30px;width: 100%;display: flex;justify-content: center;flex-direction: column;transition: all 0.5s;}
.nul3 li a{color: #000000;font-size: 18px;display: block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;width: calc(100% - 100px);}
.nul3 li span{display: block;color: #999999;font-size: 14px;line-height: 26px;}
.nul3 li p{color: #777777;font-size: 14px;line-height: 24px;margin-top: 16px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.nul3 li:hover{background-color: #0f9d90;}
.nul3 li:hover a,.nul3 li:hover span{color: #fff;}
.nul3 li:hover p{opacity: 0.6;color: #fff;}
.nul3 li:hover a{font-weight: bold;}

/*  */
.box4{background-color: #efefef;padding: 61px 0;}
.box4 .wh{max-width: 1150px;}
.w1{color: #333333;font-size: 28px;margin-top: 10px;}
.w1 span{color: #0f9d90;}
.w1 b{color: #010d2c;}
.mbox{font-size: 0;}
.mbox a{display: inline-block;width: 190px;height: 62px;font-size: 16px;text-align: center;}
.mbox .m1{background: #0f9d90;color: #ffffff;line-height: 62px;margin-right: 20px;}
.mbox .m2{line-height: 58px;color: #0f9d90;border: 2px solid #0f9d90;}
.m1 img{margin-left: 18px;}
.m2 img{margin-right: 18px;}

/*  */
.ft1{background-color: #191c22;padding: 65px 0 34px;}


.ft2{background: #27292f;text-align: left;font-size: 14px;line-height: 24px;color: rgba(255, 255, 255, .4);padding: 26px 0;}
.lx{color: #ffffff;opacity: 0.4;font-size: 14px;line-height: 32px;margin: 15px 0 40px;}
.ft2 a{color: rgba(255, 255, 255, .4);}
.fenx .social-share .social-share-icon{width: 32px;height: 32px;background-color: rgba(255, 255, 255, .1);border-radius: 3px;border:none;line-height: 32px;margin: 0 20px 0 0;color: rgba(255, 255, 255, .3);}
.tewm{font-size: 14px;line-height: 59px;color: rgba(255, 255, 255, .4);text-align: center;}
.dao >li> a{color: #ffffff;font-size: 18px;margin-right: 10px;}
.bf-nav-menu dd{float: left; display:none;}
.bf-nav-menu dd:nth-child(1){display:block;}
.bf-nav-menu dd:nth-child(2){display:block;}
.bf-nav-menu dd:nth-child(3){display:block;}
.bf-nav-menu dd:nth-child(4){display:block;}
.bf-nav-menu dd a{font-size: 14px;color: rgba(255, 255, 255, .4);margin-left: 1.5vw;}
.dao >li{margin-bottom: 30px;}
.tewm img{width: 122px;}
.hang{margin-right: 8vw;}
.x-seo ,.x-seo  a{color:rgba(255, 255, 255, .2);font-size: 14px;}
.tlogo img{max-width: 100%;}
.fenx .social-share .icon-qq:before{content: '';background: url(../images/icon-qq.png) no-repeat center;display: block;width: 32px;height: 32px;}
.fenx .social-share .icon-wechat:before{content: '';background: url(../images/icon-2.png) no-repeat center;display: block;width: 32px;height: 32px;}
.fenx .social-share .icon-weibo:before{content: '';background: url(../images/icon-3.png) no-repeat center;display: block;width: 32px;height: 32px;}
.fenx .social-share .icon-tencent:before{content: '';background: url(../images/icon-4.png) no-repeat center;display: block;width: 32px;height: 32px;}


@media(max-width: 1630px){
    .cwz dt a{font-size: 14px;line-height: 24px;}
    .cwz dd,.bj1 h3{font-size: 24px;}
}

@media(max-width: 1500px){
    .mySwiper .swiper-slide  .img img{max-width: 100%;height: 18vw;}
    .mySwiper .swiper-slide h3{font-size: 20px;}
    .cwz dt{font-size: 16px;}
    .psort a{font-size: 14px;}
}

@media(max-width: 1400px){
    .nnav{width: auto;}
    .x-menu > li > a{font-size: 18px;}
    .nul3 li p{margin-top: 10px;}
    
}
@media(max-width: 1300px){
    .psort a{width: 50%;}
}

@media(max-width: 1240px){
  .hang{display: none;}
}

@media(max-width: 1200px){
    .nnav{width: auto;}
    .x-menu > li > a{font-size: 16px;padding: 0 20px;}
    .top2{padding-top: 0;}
    .bt1 dd{font-size: 30px;}
    .bt1 dt{font-size: 16px;margin-top: 15px;}
    .nul3 li p{margin-top: 5px;}
    .bq,.x-region{float: none;width: 100%;text-align: center;}
    
}


@media(max-width: 1024px){
    .cwz dd, .bj1 h3{font-size: 20px;margin-bottom: 10px;}
    .bt1 dt br{display: none;}
    .w1{font-size: 22px;margin-top: 17px;}
    .mbox a{width: 160px;}
}




@media(max-width: 768px){
    .mySwiper .swiper-slide{padding: 40px 0 ;}
    .cleft,.cright{width: 100%;}
    .nul,.nul2,.nul3{width: 100%;}
    .nul2{margin: 20px 0;}
    .nul3 li{padding: 20px ;height: auto;}
    .w1,.mbox{width: 100%;text-align: center;}
    .mbox{margin-top: 20px;}
    .w1{margin-top: 0;}
    .lx{margin: 20px 0;}
}


@media(max-width: 640px){
    .mySwiper .swiper-slide h3{font-size: 16px;}
    .mySwiper .swiper-slide .img img{max-width: 100%;height: 38vw;}
    .jia{opacity: 1;}
    .bt1 dd{font-size: 22px;}
    .box2{margin-top: 30px;}
    .bt1 dt{font-size: 14px;line-height: 22px;}
    .bj1{left: 20px;}
    .bj1 .bcon{font-size: 12px;line-height: 20px;}
    .cbox2 .cimg, .cc{width: 100%;}
    .cc{padding: 60px 0;}
    .cbox22{flex-direction: column-reverse;  }
    .nul3 li{margin-bottom: 20px;}
    .nul2 li:first-child{margin-bottom: 20px;}
    .box3{margin: 30px 0;}
    .box4{padding: 30px 0;}
    .mbox .m1{height: 46px;line-height: 46px;}
    .mbox .m2{height: 46px;line-height: 42px;}
    .mbox a{width: 130px;}
    .ft1{padding: 30px 0 10px;}
    .tlogo{text-align: center;width: 50%;margin: 0 auto;}
    .tleft,.tright{width: 100%;}
    .tewm{float: none;width: 100%;text-align: center;margin-top: 20px;}
    .w1{font-size: 18px;}
    .mbox a img{width: 20px;}
    .nul3 li a{width: calc(100% - 80px);}
}


/* 手机页脚 */
.footer3 {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #222;
}

.footer3 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer3 ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    color: #ffffff;
    line-height: 50px;
    font-size: 0;
}

.footer3 ul li a {
    display: block;
    color: #ffffff;
}

.footer3 ul li .iconfont {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 16px;
    height: 14px;
}

.footer3 ul li:nth-child(1) .iconfont {
    background: url("../images/icon-h.png") no-repeat 50%;
}

.footer3 ul li:nth-child(2) .iconfont {
    background: url("../images/icon-f2.png") no-repeat 50%;
}

.footer3 ul li:nth-child(3) .iconfont {
    background: url("../images/icon-f3.png") no-repeat 50%;
}


.footer3 ul li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #ffffff;
}

.text-danger {
    color: red;
}





/*左侧工具条*/
#toolbar {
    position: fixed;
    z-index: 9999;
    right: 17px;
    bottom: 10%;
}

#toolbar .online-one li {
    margin-bottom: 3px;
    font-size: 0;
    width: 70px;
    height: 70px;
    right: 0;
    position: relative;
}

#toolbar .online-one li:hover a {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);
}

#toolbar .online-one li a {
    display: block;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: 70px;
    height: 70px;
    background: #00c184;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    font-size: 0;
    border-radius: 4px;
    padding: 10px 0;
    overflow: hidden;
}

#toolbar .online-one li .icon-font {
    display: block;
    height: 28px;
    width: 100%;
}

#toolbar .online-one li .icon-font:after {
    background-image: url(../images/kf.png);
}

#toolbar .online-one li .icon-qq:after {
    background-position: -30px -240px;
}

#toolbar .online-one li .icon-phone:after {
    background-position: -30px -208px;
}

#toolbar .online-one li .icon-message:after {
    background-position: -30px -170px;
}

#toolbar .online-one li .icon-ewm:after {
    background-position: -30px -138px;
}

#toolbar .online-one li .icon-top:after {
    background-image: url(../images/icon_spirit.png);
    background-position: -30px -60px;
}

#toolbar .online-one li .icon-wangwang:after {
    background-image: url(../images/icon_spirit.png);
    background-position: -30px 0;
}

#toolbar .online-one li .wz {
    font-size: 12px;
    color: #fff;
    text-align: center;
    display: block;
    margin-top: 5px;
    height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#toolbar .online-one li.phone {
    border-radius: 4px;
    padding: 10px 0;
}

#toolbar .online-one li.ewm {
    background: #00c184;
    border-radius: 4px;
    padding: 10px 0;
}

#toolbar .online-one li.phone .tel-phone {
    position: absolute;
    z-index: 1;
    padding: 5px;
    width: 168px;
    height: 40px;
    line-height:30px;
    right: calc(100% + 5px);
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
    -webkit-box-shadow: 0 4px 20px 4px rgb(0 20 60 / 20%);
    box-shadow: 0 4px 20px 4px rgb(0 20 60 / 20%);
    color: #fff;
    font-size: 14px;
}

#toolbar .online-one li.ewm .ewm-box {
    position: absolute;
    z-index: 1;
    padding: 5px;
    background: #fff;
    width: 110px;
    right: calc(100% + 5px);
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
    -webkit-box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
    box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
}

#toolbar .online-one li.ewm .ewm-box img {
    max-width: 100%;
}

#toolbar .online-one li.ewm .ewm-box:after {
    content: '';
    position: absolute;
    right: -5px;
    bottom: 20px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #fff;
    border-right: none;
}

#toolbar .online-one li.ewm:hover .ewm-box {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#toolbar .online-one li.phone:hover .tel-phone {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#toolbar .online-two li {
    margin-bottom: 3px;
    font-size: 0;
    width: 57px;
    height: 57px;
    right: 0;
    position: relative;
}

#toolbar .online-two li a {
    display: block;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: 57px;
    height: 57px;
    overflow: hidden;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    white-space: nowrap;
    font-size: 0;
    background: #d9d9d9;
}

#toolbar .online-two li .icon-font {
    display: inline-block;
    vertical-align: middle;
    width: 57px;
    height: 57px;
}

#toolbar .online-two li .icon-qq:after {
    background-position: 0 -150px;
}

#toolbar .online-two li .icon-phone:after {
    background-position: 0 -90px;
}

#toolbar .online-two li .icon-ewm:after {
    background-position: 0 -30px;
}

#toolbar .online-two li .icon-message:after {
    background-position: 0 -120px;
}

#toolbar .online-two li .icon-top:after {
    background-position: 0 -60px;
}

#toolbar .online-two li .icon-wangwang:after {
    background-position: 0 0;
}

#toolbar .online-two li .wz {
    display: inline-block;
    line-height: 57px;
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
    padding-left: 10px;
}

#toolbar .online-two li.ewm .ewm-box {
    position: absolute;
    z-index: 1;
    padding: 5px;
    background: #0f9d90;
    width: 110px;
    right: 120%;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
    -webkit-box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
    box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
}

#toolbar .online-two li.ewm .ewm-box p {
    margin-bottom: 0;
}

#toolbar .online-two li.ewm .ewm-box img {
    max-width: 100%;
}

#toolbar .online-two li.ewm .ewm-box:after {
    content: '';
    position: absolute;
    right: -5px;
    bottom: 20px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #0f9d90;
    border-right: none;
}

#toolbar .online-two li.ewm:hover .icon {
    background-position: -57px -180px;
}

#toolbar .online-two li.ewm:hover .ewm-box {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#toolbar .online-two li.backtop {
    cursor: pointer;
}

#toolbar .online-two li.backtop .iconfont {
    color: #fff;
    background-color: #0f9d90;
}

#toolbar .online-two li:hover a {
    width: 200px;
}

#toolbar .online-two li:hover .icon-qq:after {
    background-position: -30px -150px;
}

#toolbar .online-two li:hover .icon-phone:after {
    background-position: -30px -90px;
}

#toolbar .online-two li:hover .icon-ewm:after {
    background-position: -30px -30px;
}

#toolbar .online-two li:hover .icon-message:after {
    background-position: -30px -120px;
}

#toolbar .online-two li:hover .icon-wangwang:after {
    background-position: -30px 0;
}

#toolbar .online-two li:hover .icon-top:after {
    background-position: -30px -60px;
}

#toolbar .online-three {
    width: 115px;
}

#toolbar .online-three .title {
    background: #3aa3e6;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    position: relative;
}

#toolbar .online-three .title span {
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    height: 25px;
    background-image: url(../images/kf.png);
    background-repeat: no-repeat;
    background-position: -31px -28px;
    opacity: 1;
    text-shadow: none;
}

#toolbar .online-three .qq-list {
    background: #fff;
    padding: 10px 0;
    border-bottom: 1px solid #eeeeee;
}

#toolbar .online-three .qq-list li {
    text-align: center;
    line-height: 32px;
}

#toolbar .online-three .qq-list li .icon-font:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(https://gcdn.myxypt.com/images/kf.png);
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
}

#toolbar .online-three .qq-list li .wz {
    color: #333;
    font-size: 12px;
    margin-left: 10px;
    display: inline-block;
}

#toolbar .online-three .qq-list .icon-qq:after {
    background-position: 0 -114px;
}

#toolbar .online-three .qq-list .icon-message:after {
    background-position: -30px -87px;
}

#toolbar .online-three .qq-list .icon-wangwang:after {
    background-position: -30px -116px;
}

#toolbar .online-three .ewm {
    background: #fff;
    padding: 10px 0;
    border-bottom: 1px solid #eeeeee;
    text-align: center;
}

#toolbar .online-three .ewm span {
    display: inline-block;
    font-size: 12px;
    color: #333;
    margin-bottom: 12px;
}

#toolbar .online-three .ewm img {
    width: 100%;
    max-width: 84px;
}

#toolbar .online-three .service-phone {
    background: #fff;
    padding: 10px 0;
    text-align: center;
}

#toolbar .online-three .service-phone span {
    font-size: 12px;
    color: #333;
}

#toolbar .online-three .service-phone span.hotline {
    color: #777777;
    font-size: 12px;
    line-height: 32px;
}

#toolbar .online-four li {
    margin-bottom: 3px;
    font-size: 0;
    width: 50px;
    height: 50px;
    right: 0;
    position: relative;
}

#toolbar .online-four li a {
    display: block;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background: #fff;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    white-space: nowrap;
    font-size: 0;
    border-radius: 50%;
    overflow: hidden;
}

#toolbar .online-four li .icon-font {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
}

#toolbar .online-four li .icon-font:after {
    background-image: url(https://gcdn.myxypt.com/images/kf.png);
}

#toolbar .online-four li .icon-qq:after {
    background-position: 0 -87px;
}

#toolbar .online-four li .icon-phone:after {
    background-position: 0 -57px;
}

#toolbar .online-four li .icon-ewm:after {
    background-position: 0 -21px;
}

#toolbar .online-four li .icon-message:after {
    background-position: -30px -55px;
}

#toolbar .online-four li .icon-top:after {
    background-position: 0 -0px;
}

#toolbar .online-four li .icon-wangwang:after {
    background-position: 0 0;
}

#toolbar .online-four li .wz {
    display: inline-block;
    line-height: 50px;
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
    padding-left: 10px;
}

#toolbar .online-four li.ewm {
    border-radius: 50%;
    background: #fff;
}

#toolbar .online-four li.ewm .ewm-box {
    position: absolute;
    z-index: 1;
    padding: 5px;
    background: #fff;
    width: 110px;
    right: calc(100% + 5px);
    bottom: 0;
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
    -webkit-box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
    box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
}

#toolbar .online-four li.phone {
    border-radius: 50%;
}

#toolbar .online-four li.phone .tel-phone {
    position: absolute;
    z-index: 1;
    padding: 5px;
    background: rgb(59, 57, 57);
    width: 110px;
    right: calc(100% + 5px);
    top: 0;
    opacity: 0;
    font-size: 14px;
    color: #fff;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
    -webkit-box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
    box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
}

#toolbar .online-four li.phone:hover .tel-phone {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#toolbar .online-four li.ewm .ewm-box img {
    max-width: 100%;
}

#toolbar .online-four li.ewm .ewm-box:after {
    content: '';
    position: absolute;
    right: -5px;
    bottom: 20px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #fff;
    border-right: none;
}

#toolbar .online-four li.ewm:hover .ewm-box {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#toolbar .online-four li.backtop .icon-font {
    height: 20px;
}

#toolbar .online-four li.backtop .icon-font:after {
    height: 20px;
    left: calc(50% - 17px);
    top: calc(50% - 2px);
}

#toolbar .online-four li.backtop .wz {
    display: block;
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    color: #bfbfbf;
    padding-left: 0;
}

@media (max-width: 990px) {
    #toolbar {
        display: none;
    }
}



.aboutbox{ padding:0% 0;}
.aboutbox .video{ position:relative; z-index:1;}
.aboutbox .video img{ display:block; width:100%;}
.aboutbox .txt{position: absolute;width:40%;height:70%;right:10%;top:20%;}
.aboutbox .bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: .5;background:#000;}
.aboutbox .txt .content {padding:4% 4% 3%;position: relative;z-index: 1;width: 100%;height: 100%;overflow: auto;}
.aboutbox .txt .p1{font-size:30px;margin-top:0;color:#fff;text-indent:0em;}
.aboutbox .txt .p1:after{content: '';
    width: 59px;
    height: 3px;
    background: #2e5f6e;
    display: block;
    border-right: 14px solid #d66730;
    margin-top: 14px;}
.aboutbox .txt p{line-height: 28px;font-size:14px;margin-bottom:16px;color: #fff; text-indent:2em;}

.aboutbox{padding:48px 0px;}
.aboutbox .p1{font-size:30px; font-weight:bold; color:#0f9d90; text-indent:0em; padding-top:40px;}
.aboutbox .p1:after{content: '';
    width: 59px;
    height: 3px;
    background: #2e5f6e;
    display: block;
    border-right: 14px solid #d66730;
    margin-top: 14px;}
.aboutbox p{line-height: 28px;font-size:14px;margin-bottom:16px;color: #666; text-indent:2em;}

@media(max-width:1730px){
  .aboutbox .txt .content{overflow-y: scroll;}
}
@media(max-width:1024px){
    .aboutbox .bg {opacity:0;}
.aboutbox .intro .ul_num li span{ font-size:40px;}
.aboutbox .txt{position: relative;right:0;top:0;width:100%;padding:2%;padding-top:6%;background:#fff;}
.aboutbox .txt .p1{font-size:26px;color: #333;}
.aboutbox .txt .p1:after{width:50px;margin-top:20px;}
.aboutbox .txt p {color: #333;}

}
@media(max-width:640px){
.aboutbox .video img{ }
.aboutbox{padding:24px 0px;}
.aboutbox .p1{font-size:24px; font-weight:bold; color:#0f9d90; text-indent:0em; padding-top:40px;}
}


.auto {margin: 0 auto;}
.ytable{ display:table; width:100%;table-layout:fixed;}
.ytable-cell{ display:table-cell; vertical-align:middle;}
.nybanner{position: relative;}
.nybanner span{position: relative; background-position: center center; background-repeat:no-repeat; background-size:cover; height:550px; display:block;}
.nybanner img{ display:none;}
.nybanner .ytable{height: 100%;}
.nybanner .txt{ position:absolute; left:0; top:0; height:100%; width:100%; z-index:10; color:#fff;  font-size:28px; }
.nybanner .txt .auto{ max-width:1366px;}
.nybanner .txt .cn{letter-spacing:3px;padding-right: 44px;}
.nybanner .txt .cn:after{content: '';
    width: 59px;
    height: 3px;
    background: #d66730;
    display: block;
    border-right: 14px solid #d66730;
    margin-top: 24px;}
.nybanner .txt .en{text-transform: uppercase;font-family: "DINCond-Bold"; font-size:55px;}
@media (max-width: 1366px){
.nybanner .txt{font-size:22px;padding-left:2%;}
}
@media (max-width: 1000px){
    .nybanner span{ height:auto; background:none; height:auto;}
    .nybanner img{ display:block;}
    .nybanner .txt .en{font-size:32px;margin-top:8%;}
    .nybanner .txt{font-size:22px;padding-left:2%;}
    .nybanner .txt .cn:after{width:50px;margin-top:8px;}
}


.auto_1366{ max-width:1366px;}
@media(max-width:1366px){.auto_1366{ padding:0 2%;}}
.nymenu{ padding-bottom:0%;border-bottom:1px solid #e6e6e6; clear: both}
.nymenu header{ margin-top:-3%;}
.nymenu header h1{ margin:0; display:inline-block; border-radius:5px 5px 0 0;  padding:10px 10% 10px 18px; background:url(../images/nymenu-icon.png) no-repeat 95% center #ed6c00; color:#fff; font-weight:normal; font-size:24px;}
.nymenu header h1 span{ opacity:0.3; display:block; font-size:12px; text-transform:uppercase;}
.nymenu nav{position:relative;height:71px;}
.nymenu nav dl{ position:absolute; right:0; top:50%; margin-top:-12px; background:url(../images/nymenu-cur.png) no-repeat left center; padding-left:25px; color:#999; line-height:24px;}
.nymenu nav dl a{color:#999;}
.nymenu nav dl span,
.nymenu nav dl a:hover{color:#0f9d90;}
.nymenu nav li a{ display:block; font-size:16px; padding:23px 0;}
@media(min-width:769px){
.nymenu nav ol{ display:none;}
.nymenu nav ul{ display:block !important;}
.nymenu nav li{ float:left; padding:0 2%;}
.nymenu nav li:nth-child(1){padding-left:0;}
.nymenu nav li a:hover,
.nymenu nav li a.aon{ color:#0f9d90; border-bottom:2px solid #0f9d90;}
}
@media(max-width:1000px){
.nymenu nav dl{ display:none;}
.nymenu header{ position:relative; z-index:5;}
.nymenu header h1{ display:block; padding-right:0;}
}
@media(max-width:768px){
.nymenu nav{ position:relative;}
.nymenu nav ol{ border-top:1px solid #e6e6e6; margin-top:2%; padding:10px 0;}
.nymenu nav ol span{display:block; background-color:#0f9d90; padding:3px;border-radius:3px;}
.nymenu nav ol a{ display:block; background-color:#fff;color:#333; border-radius:5px; line-height:40px; padding:0 14px; position:relative; font-size:16px;}
.nymenu nav ol a::before{ position:absolute; content:''; right:9px; top:50%; margin-top:-3px; border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #0f9d90;}
.nymenu nav ul{ position:absolute; width:100%; top:56px; left:0; background-color:#0f9d90; padding:3px; border-radius:0 0 5px 5px; display:none;z-index: 88}
.nymenu nav li{ background-color:#fff; border-bottom:1px solid #0f9d90;border-radius:3px;}
.nymenu nav li:nth-child(2n){ background-color:rgba(255,255,255,0.9);}
.nymenu nav li a{ padding:0 2%; line-height:40px; }
.nymenu nav li a:hover{color:#ed6c00;}
}
@media(max-width:768px){
.nymenu header h1{ font-size:20px;}
}


.contactbox{padding:3.5% 0;background: url(../images/contactboxbg.png) no-repeat center top;}
.contactbox .map{border: 1px solid #ECECEC;padding: 5px;}
.contactbox .map #allmap{ height:450px;}
.contactbox .map #allmap *{ box-sizing:content-box;}
.contactbox .map #allmap img{ max-width:none;}
@media(min-width:641px){
.contactbox .ul_con li{ float:left; width:30%;margin-right:5%; padding:4% 0%;}
.contactbox .ul_con li:nth-child(3n){margin-right:0;}
}
.contactbox .ul_con li>div{ padding-left:57px;font-size:16px; background-repeat:no-repeat; background-position:left top 21px;}
.contactbox .ul_con li>div img{width:110px;}
.contactbox .ul_con li.location div{ background-image:url(../images/contactbox_address.png);}
.contactbox .ul_con li.call div{ background-image:url(../images/contactbox_call.png);}
.contactbox .ul_con li.call2 div{ background-image:url(../images/contactbox_call2.png);}
.contactbox .ul_con li.fax div{ background-image:url(../images/contactbox_fax.png);}
.contactbox .ul_con li.email div{ background-image:url(../images/contactbox_email.png);}
.contactbox .ul_con li.wanz div{ background-image:url(../images/contactbox_wanz.png);}
.contactbox .ul_con li.gzh{ position: relative}

.contactbox .ul_con li.gzh>div{ background-image:url(../images/contactbox_gzh.png); position: relative; min-height: 100px;}
.contactbox .ul_con li.gzh .code figure{ position: absolute ;left:100px; bottom: -62%; z-index: 100; background: #fff;padding: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.2);display: none} 
.contactbox .ul_con li p{ margin:0; border-bottom:1px solid #e6e6e6; padding-bottom:15px; margin-bottom:15px; color:
#333; font-size:16px;}
.contactbox .ul_con li pre{max-width: 320px;white-space: break-spaces; line-height:24px;}
.contactbox .ul_con li:nth-child(3n+1){ clear:left;}
@media(max-width:640px){
.contactbox .ul_con li{ padding:10px;}
.contactbox .ul_con li:nth-child(2n){ background:#f5f5f5;}
.contactbox .ul_con li pre{ font-size: 14px; }
.contactbox .map #allmap{ height:280px;}
.contactbox .ul_con li.gzh .code figure{ position: relative;left:auto; bottom: auto; padding: 0px; box-shadow:none;display: block!important} 
}



.newslistbox{padding: 2% 0;}
.newslistbox li{ overflow:hidden; padding:25px 0; border-bottom:1px solid #ebecec;}
.newslistbox li:last-child{ border-bottom:0;}
.newslistbox li div{ position:relative; padding-left:26%;}
.newslistbox li .Ispic{ position:absolute; left:0; top:0; height:100%; width:22%;}
.newslistbox li .Ispic img{ display:none;}
.newslistbox li h1{ margin:0; font-size:18px; font-weight:normal; padding:15px 0;}
.newslistbox li time{ color:#999;}
.newslistbox li p{color:#666; margin:10px 0 0 0;font-size:15px; line-height:30px; height:65px;padding-bottom:9%; overflow:hidden;}
@media(max-width:768px){
.newslistbox li div{ padding-left:45%;}
.newslistbox li .Ispic{width:42%;}
}
@media(max-width:480px){
.newslistbox li div{ padding-left:0;}
.newslistbox li .Ispic{ position:relative; display:block; width:auto; padding-bottom:50%;}
.newslistbox li p{line-height:20px; height:60px; font-size:12px;}
.newslistbox li h1{font-size:16px;}
}


.newsinfobox{ padding:3% 0;}
.newsinfobox .news_info .title{ text-align:center; padding-bottom:20px;}
.newsinfobox .news_info .title h1{ margin:0; padding-bottom:15px;color:#333; font-size:24px; font-weight:normal;}
.newsinfobox .news_info .title p{ margin:0; border-bottom:1px dashed #d2d2d2; padding-bottom:18px;}
.newsinfobox .news_info .title p span{ margin:0 5px; color:#777; font-size:15px; }
.newsinfobox .news_info .info{ text-align:justify; text-justify:inter-ideograph;}
.newsinfobox .news_info .info_back{ text-align:center; clear:both; padding:20px 0;margin-top:3%;margin-bottom:2%;} 
.newsinfobox .news_info .info_back a{ color:#0f9d90; border:1px solid #0f9d90; padding:10px 30px; font-size:15px;}
.newsinfobox .news_info .info p{font-size:15px;line-height: 28px;text-indent: 2em;}
.newsinfobox .news_info .info_pn{border-top: 1px dashed #d2d2d2;padding-top:15px;}
.newsinfobox .news_info .info_pn span{ display:block;}
.newsinfobox .news_info .info_pn a{ color:#999;font-size:15px;line-height: 27px;}
.newsinfobox .news_info .info_pn a:hover{color:#0f9d90;}

@media(max-width:768px){
  .newsinfobox{padding: 5% 0 5%;}
  .newsinfobox .news_info .title h1{font-size:20px;}
  .newsinfobox .news_info .title p span{display: block;}
}


.honorlistbox{padding: 3% 0 0}
.honorlistbox li{float: left;margin-bottom:4%;}
.honorlistbox li a{display: block;border: solid 3px #f5f5f5;position: relative;padding: 1vw 1vw 3vw; transition: 0.3s;}
.honorlistbox li aside{font-size: 16px; line-height: 32px; height: 32px; text-align: center; margin-bottom:0vw;color: #333;}
.honorlistbox li .Ispic{background-size: contain;padding-bottom: 70.565%;}
.honorlistbox li a:after{position: absolute; content: '';width: 50px;height: 50px;background:url(../images/honorlistbox_btn.png) no-repeat center center #f5f5f5;right: 0; bottom: 0;background-size: auto 21px;transition: 0.3s;}
.honorlistbox li a:hover{border-color: #0f9d90;}
.honorlistbox li a:hover:after{background-color: #0f9d90; background-image: url(../images/honorlistbox_btn_hover.png);}
@media(min-width:769px){
.honorlistbox li{width: 30%; }
.honorlistbox li:not(:nth-child(3n)){margin-right: 5%;}
}
@media(max-width:768px){
.honorlistbox li{width: 48%; }
.honorlistbox li:not(:nth-child(2n)){margin-right: 4%;}
.honorlistbox li aside{font-size: 16px;}
.honorlistbox li a:after{width: 7vw;height: 7vw;background-size: auto 50%;}
}
@media(max-width:480px){
.honorlistbox li aside{font-size: 14px;line-height: 20px; height: 40px;}
}



.prolistbox{ padding:4% 0 0;background:#f6f9fb;}
.prolistbox ul{
    display: block;
    overflow: hidden;
}
.prolistbox li{    float: left;
    /* box-shadow: 0 0 70px rgb(29 56 75 / 17%); */
    background: #fff;
    border-radius: 15px;
    position: relative;
    text-align: center;
    margin-top: -1px;}
.prolistbox li a,
.prolistbox li::after{ width:100%; height:100%; left:0; top:0; }
.prolistbox li::after{ content:''; /*border-right:1px solid #f2f2f2; border-top:1px solid #f2f2f2;*/}
.prolistbox li .Ispic{ padding-bottom:100%;border-radius: 15px 15px 0 0; background-size:contain;    background-size: 100%;}
.prolistbox .co li .Ispic{    padding-bottom: 0px;}
.prolistbox li a{  z-index:5; transition:0.3s;}
.prolistbox li:hover{background:#0f9d90}
.prolistbox li:hover p{color:#fff;}
.prolistbox li a:hover{ opacity:1;}
.prolistbox li p{ margin:0; color:#333; padding:7% 3% 9% 3%;font-size:16px;}
.prolistbox li  span{ color:#999; padding-bottom:5px;}
.prolistbox .more{ text-align:center; padding-top:3%;}
.prolistbox .more a{ display:inline-block; background:url(../images/prolistbox_more.png) no-repeat; width:28px; height:28px; overflow:hidden; line-height:1000px; animation:infinite linear 1s prolistbox_more;}
.prolistbox #datalist li a{    position: initial; }


@keyframes prolistbox_more{
0%{ transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
@-webkit-keyframes prolistbox_more{
0%{ transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
@media(min-width:769px){
.prolistbox li{width:22.75%;margin-right:3%;margin-bottom:3%;}
.prolistbox li:nth-child(4n){margin-right:0;}
.prolistbox li:nth-child(4n)::after{ }
.prolistbox .co li{width: 23%;}
}
@media(max-width:768px){
.prolistbox li{width:48%;margin-right:4%;margin-bottom:4%;}
.prolistbox li:nth-child(2n){margin-right:0%;}
.prolistbox li:nth-child(2n)::after{ border-right:0;}
}

img {
    border: none;
    max-width: 100%;
    vertical-align: middle;
}
.dot {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 12px;
}
.prorelation li{
    float: left;
    box-shadow: 0 0 70px rgb(29 56 75 / 17%);
    background: #fff;
    border-radius: 15px;
    position: relative;
    text-align: center;
    margin-top: -1px;
    width: 30.6%;
    margin-right: 4%;
    margin-bottom: 4%;
}
.prorelation li:nth-child(3n) {
    margin-right: 0;
}
.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}

:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.clear{    clear: both;
    height: 0px;
    overflow: hidden;
    zoom: 0;}
.proinfobox{padding:4% 0;background: #f6f9fb;}
.proinfobox .pic{ float:left; width:42%; background:#fff; text-align: center;}
.proinfobox .pic img{max-width:100%;}
.proinfobox .pic .slider-nav { margin-top: 20px; }
.proinfobox .pic .slider-nav .item{ padding: 2px 5px;
   width: 25%;}
.proinfobox .pic .slider-nav .item a{ display: block;
    padding-bottom: 100%;
    opacity: 0.8;
    box-shadow: 0 0 0 2px #0f9d90;
    background-size: 100%;}
.proinfobox .pic .slider-nav .slick-current a{ opacity: 1; box-shadow: 0 0 0 2px #ff0000}
.proinfobox .pic .slider-nav .slick-prev, 
.proinfobox .pic .slider-nav .slick-next{ background-color: #0f9d90 ; z-index: 10; height: 100%}
.proinfobox .txt{ float:right; width:52%; padding-right:0%; color:#333;}
.proinfobox .txt h1{ font-size:24px;margin-top:4px; margin-bottom:15px;}
.proinfobox .txt dl{ border-top:1px solid #d9d9d9; padding:3% 0; border-bottom:1px solid #d9d9d9;}
.proinfobox .txt dd{ line-height:26px; padding:5px 0;font-size:15px;}
.proinfobox .txt dd h3{margin-top:0;}
.proinfobox .txt p{ line-height:26px;}
.proinfobox .txt h3{font-size:18px;font-weight: bold; margin:1em 0px;}
.proinfobox .txt .contact{ padding:3% 0;}
.proinfobox .txt .contact a{ color:#0f9d90; width:125px; text-align:center; border:1px solid #0f9d90; border-radius:30px; line-height:38px;font-size:15px; display:inline-block;}
.proinfobox .txt .contact a:hover{ background-color:#0f9d90; color:#fff;}
.proinfobox .tab{ margin-top:3%; background-color:#fff; overflow:hidden; font-weight:bold;}
.proinfobox .tab span{ cursor:pointer; display:inline-block; padding:0 3%; line-height:54px;font-size:16px;font-weight: normal;color:#333;}
.proinfobox .tab span.on{ background-color:#0f9d90; color:#fff;}
.proinfobox .tab_info{margin-top:2%; padding:2% 2% 4%;background:#fff;}
.proinfobox .tab_info table{width:100%;}
.proinfobox .tab_info table tr{text-align: center;}
.proinfobox .tab_info table tr:nth-child(2n+3){background:#f5f5f5;}
.proinfobox .tab_info table tr th{font-size:16px;color:#333;padding:15px 0;border:1px solid #eee;border-top: 3px solid #0f9d90;}
.proinfobox .tab_info table tr td{font-size:16px;line-height: 26px;border:1px solid #eee;padding:10px 0;}

.proinfobox .tab_info .video-list .item {float: left;width: 24%;list-style: none;margin: 0 1.33% 1.33% 0;position: relative;cursor: pointer;}
.proinfobox .tab_info .video-list .item:nth-child(4n) {margin-right: 0;}
.proinfobox .tab_info .video-list .item figure {display: block;padding-top: 56.25%;background-repeat: no-repeat;background-size: 100% 100%;}
.proinfobox .tab_info .video-list .item .mask {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background-color: rgba(0,0,0,.5);}
.proinfobox .tab_info .video-list .item .ico-play {width: 60px;height: 60px;position: absolute;top: 50%;left: 50%;background: url(../images/ico_play.png) no-repeat;background-size: 100% auto;margin: -30px 0 0 -30px;}

.proinfobox .tab_info .scene-image .item {float: left;width: 19%;list-style: none;margin: 1% 1.25% 0 0;}

.proinfobox .tab_info .scene-image .item figure {display: block;padding-top: 56.25%;background-repeat: no-repeat;background-size: 100% 100%;}
.popup {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1000;background-color: rgba(0,0,0,.5);}
.popup .main {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 80%;}
.popup .close {position: absolute;right: 0;top: 0;width: 44px;height: 44px;padding: 10px;background: rgba(30,30,30,.6) url(../images/ico_close.png) no-repeat center center;background-size: 50% auto;cursor: pointer;}
.popup .videobox {width: 100%;}
.popup .videobox video {display: block;width: 100%;}
@media (min-width: 960px) {
    .proinfobox .tab_info .scene-image .item:nth-child(5n) {margin-right: 0;}
}
@media (max-width: 960px) {
 .proinfobox .tab_info .scene-image .item{width: 24%; margin-right: 1.333%}
 .proinfobox .tab_info .scene-image .item:nth-child(4n) {margin-right: 0;}
}
@media(max-width:640px){
.proinfobox .pic,
.proinfobox .txt{ float:none; width:auto;}
.proinfobox .txt h1{font-size:20px;margin-top:12px;}
.proinfobox .tab_info .table tr td{font-size:15px;}
.proinfobox .tab_info .scene-image .item {width: 49%; margin-right: 2%}
.proinfobox .tab_info .scene-image .item:nth-child(2n) {margin-right: 0;}

.prorelation li{
    width: 47.6%;
}
.prorelation li:nth-child(3n) {
    margin-right: 4%;
}
.prorelation li:nth-child(2n) {
    margin-right: 0;
}
}




.page_list{text-align: center; padding-bottom: 30px;}
.page {
    display:inline-block;
    font: 16px/28px '寰蒋闆呴粦', sans-serif;}
.page span,.page strong {
    float:left;}
.page a,
.page span.disabled,
.page strong {
    background:#FFF;
    border:1px solid #CCC;
    color:#333;
    float:left;
    font: 16px/24px  '寰蒋闆呴粦', sans-serif;
    margin-right:5px;
    min-width:15px;
    padding:4px 8px;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
    _width:15px;}
    .page strong{background:#0f9d90; color:#fff; }
.page a:hover {
    border:1px solid #0f9d90;
    color:#625044;
    text-decoration:none;}
.page span.disabled {
    background:#FFF;
    border:1px solid #CCC;
    color:#CCC;}
.page span.ellipsis {
    float:left;
    font: 16px/24px '寰蒋闆呴粦', sans-serif;
    line-height:22x;
    margin-right:5px;}
.page .page_txt {
    line-height:20px;
    float:right;
    width:auto;}
.page a.page-curpage {
    background:#3561db;
    border:1px solid #0e5ab4;
    color:#FFF;
    font-weight:bold;}
.page input {
    font: 14px Verdana;
    padding:0 0 0 1px;
    width:40px;
    height:14px;}