body {
   position: relative;
    font-family: SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 16px;
    color: #555;
    letter-spacing: 0;
    height: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    line-height: 1;
}
body, button, input, textarea {
 outline: none;
 margin: 0;
 padding: 0;
 border: 0;
}
input{ -webkit-appearance:none;}
html {
    touch-action: auto!important;
}
[v-cloak] {
    display: none !important;
}
p, ul, ol, dl, dt, dd, form, blockquote {
 margin: 0;
 padding: 0;
}
a {
 text-decoration: none;
 color: #333333;
}
a:hover {
 text-decoration: none;

}
ul, ol {
 list-style: none;
}
h1, h2, h3, h4, h5, h6 {
 margin: 0;
 padding: 0;
}
input, select {
 font-family: Microsoft Yahei;
 vertical-align: middle;
}
em, b, i {
 font-style: normal;
 font-weight: normal;
}
img {
 vertical-align: middle;
 border: 0;
}
label {
  cursor: pointer;
}

#wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

#wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}
#header.main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: none;
    z-index: 999;
}
#header {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 90px;
    box-sizing: border-box;
    background: #fff;
}
#header h1 {
    float: left;
    margin: 22px 0 0 5%;
}

.info-flow{
        width: 100%;
    overflow: hidden;
    margin: 5% 0;
    text-align: center;
}
.info-flow p{
    font-size: 50px;color: #000;
}
.info-flow span{
     display: block;
    font-size: 56px;
    color: #333;
    margin-top: 2%;
}
.info-content{
    width: 100%;overflow: hidden;
}
   .info-content .swiper-container {
	    padding-bottom:5%;
    }
	.info-content .swiper-wrapper{
	}
    .info-content .swiper-slide {
	    width:1080px;
	    transition-timing-function:linear;
            position: relative;
    }
    
.info-content .swiper-slide img{
        width:100%;
        border-radius: 4px;}
.info-content .swiper-slide .title{
          bottom: 5%;
    position: absolute;
    font-size: 26px;
    color: #fff;
    left: 5%;
    overflow: hidden;
        right: 28%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}	
 .info-content .swiper-button-next, .info-content .swiper-button-prev{
        width: 80px;
    height: 80px;
    background-size: 80px;
    outline: none;
    background-size: cover;
}
.info-content .swiper-button-next{
        background-image:url(images/cursor-next.png);
        right: 29%;
        top: 42%;
        left: auto;
}
.info-content .swiper-button-prev{
        background-image:url(images/cursor-prev.png);
        left: 29%;
        top: 42%;
        right: auto;
}		
.info-content .swiper-pagination-bullet{
        background:none;
        opacity:1;
        margin:0 6px !important;
        width:9px;
        height:9px;
        position:relative;
        outline:none;
        vertical-align:middle;}
.info-content .swiper-pagination-bullet span{
        width:3px;
        height:3px;
        background:#CCC;
        display:block;
        border-radius:50%;
        margin-top:3px;
        margin-left:3px;
}
.info-content .swiper-pagination-bullet i{
        background:#000;
        height:1px;
        width:20px;
        position:absolute;
        top:4px;
        transform:scaleX(0);
        transform-origin:left;
        z-index:3;
        transition-timing-function:linear;
        }
.info-content .swiper-pagination-bullet-active span,.swiper-pagination-bullet:hover span{
        width:9px;
        height:9px;
        margin-top:0;
        margin-left:0;
        background:#000;
        position:relative;
        z-index:1;
        }
.info-content .swiper-pagination-bullet-active i{
        animation:middle 6s;
        }
.info-content .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{
        animation:first 6s;
        }
.info-content .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{
        animation:last 6s;
        }				
@keyframes first{
  0% {transform:scaleX(0.5);left:0px;}/*091*/
  100% {transform:scaleX(1);left:2px;} /*0915*/
}
@keyframes last{
  0% {transform:scaleX(0.7);left:-10px;}/*1090*/
  20% {transform:scaleX(0.3);left:2px;} /*090*/
  100% {transform:scaleX(0.3);left:0px;} /*090*/
}		
@keyframes middle{
  0% {transform:scaleX(0.7);left:-10px;}/*1091*/
  20% {transform:scaleX(0.45);left:2px;}/*092*/
  100% {transform:scaleX(1);left:2px;} /*0913*/
}	
.yt-p-center{
    width: 100%;overflow: hidden;
}
.yt-p-center .item{
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.yt-p-center .item:nth-child(2n){
    flex-flow: row-reverse;
}
.yt-p-center .yt-pc-i{
    width:50%;
}
.yt-p-center .yt-pc-i img{
    width: 100%;display: block;
}
.yt-pc-b p{
        font-size: 50px;
    color: #000;
}
.yt-pc-b span{
    display: block;
    font-size: 20px;
    color: #333;
    margin: 3% 0 7% 0;
	line-height: 30px;
}
.yt-pc-b{
    margin: 12% 10% 0 10%;
    overflow: hidden;
}
.yt-pc-y{
    font-size: 56px;
    color: #000;
}

.yt-pc-bc{
       width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 13%;
}
.yt-pc-icon{
    background: url(images/mm.png) no-repeat center center #ea0d2c;
    width: 66px;
    height: 66px;
    background-size: 18px;
    border-radius: 5px;
}
.yt-pc-l img{
    max-width: 100%;display: block;
}
.yt-p-center .yt-pc-c{
    width: 50%;
    background: #efefef;
}
.strengthBox{
    display: flex;
    text-align: -webkit-center;
    align-items: stretch;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    line-height: normal;
    position: relative;
    width: 100%;
}
.strengthBox .L{
    width: 58%;
    position: relative;
}
.strengthBox .L p{
    font-size: 36px;
    color: #fff;
    position: absolute;
    bottom: 10px;
    right: 20px;
}
.strengthBox .R{
    width: 42%;
}
.strengthBox .R .ab_txt_contain{
    margin: 0 auto;
    padding: 0 0 40px 0;
    width: 70%;
    text-align: right;
}
.service-c{
    width: 100%;overflow: hidden;padding: 10% 0 5% 0;
}
.service-b{
    margin: 0 auto;
    width: 60%;
    overflow: hidden;
    border-radius: 5px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;

}
.service-bom{
     font-size: 16px;
    color: #9e9d9d;
    line-height: 25px;
    border-top: 1px solid #595656;
    padding-top: 3%;
    position: absolute;
    bottom: 0;
}
.service-l{
    width:16%;
    background: #2a2727;
    font-size: 18px;
    color: #fff;
    padding: 1.5% 1% 2.5% 1%;
}
.service-r{
    width:84%;
    background: rgb(54 54 54 / 93%);
    overflow: hidden;
}
.service-li{
    margin: 4% 4% 3% 4%;
    overflow: hidden;
    position: relative;
    height: 86%;
}
.service-li span{
    font-size: 18px;
    color: #9e9d9d;
    line-height: 32px;
}
.service-li p{
    font-size: 30px;
    color: #fff;
    margin: 3% 0;
}
.service-img img{
    width: 34px;
}
.service-img{
    width: 66px;
    height: 66px;
    background: #ea0d2c;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.service-l .service-item{
    display: block;
    margin: 0 0 7% 0;
    padding: 9% 10%;
    border-radius: 5px;
    cursor: pointer;
}
.service-l .service-item.cur{
    background: url(images/kl.png) no-repeat 90% center #ea0d2c;
    background-size: 18px;
}
.profile_service{
    width: 100%;overflow: hidden;padding: 5% 0 2% 0;
}
.profile_service .line-one{
    width: 1px;
    background: #ea0d2c;
    height: 55px;
    margin: 0 auto;
}
.service-li{
    display: none;
}
.profile_service .yt-profile-t{
    margin: 1.5% 0 1.5% 0;
}
.jlogo{
    text-align: left;
    width: 70%;
}
.jtxt{
    font-size: 16px;
    color: #333333;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
    width: 70%;
    text-align: left;
    line-height: 30px;
    margin: 9% 0 20% 0;
}
#header h1 a {
    display: block;
    width: 163px;
    height: 46px;
    background: url(images/logo.png) no-repeat 0 0;
    color: #fff;
    font-size: 14px;
    background-size: contain;
    text-align: right;
    font-weight: normal;
}

#wrapper #header.hover #gnb li a.oneD {
    color: #fff;
}
#header.sehead #gnb li a.oneD{
     color: #fff;
}
#header #gnb li.on a.oneD{
        color: #fff;
}
#wrapper #header.scrolled #gnb li a.oneD{
     color: #fff;
}
#wrapper .sehead h1 a{
    background: url(images/logo.png) no-repeat 0 0;
    background-size: contain;
}
#wrapper .scrolled h1 a{
    background: url(images/logoc.png) no-repeat 0 0;background-size: contain;
}
.map .ab_txt_contain{
        width: 100%;
    margin: 0 auto;
    padding: 0 0 70px 0;
    text-align: left;
}
.map a{
    text-align: center;display: block;
}
.map a img{
    max-width: 100%;
}
#header h1 a span{
    text-align: left;
    display: inline-block;
    line-height: 22px;
}
.s-dlist{
    display: none;
}
.swiperlink{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex-wrap: wrap;
}
.swiperlink .linkshort{
    text-align: center;
    letter-spacing: 5px;
}
.swiperlink span{
    display: block;
    font-size: 30px;
}
.swiperlink p{
    display: block;
    font-size: 56px;
    margin-top: 25px;
}
#header #gnb {
    width: 1100px;
    margin: 0 auto;
}
#header #gnb > li {
    position: relative;
    float: left;
    width: auto;
    padding: 0 30px;
}

#header.main #gnb li .oneD {
    color:#ffffff ;
}

#header #gnb:after {
    content: "";
    display: block;
    clear: both;
}
#header #gnb li .oneD {
    display: block;
    font-size: 18px;
    font-weight: normal;
    color: #000;
    padding: 37px 0;
    text-align: center;
    letter-spacing: 2px;
}
.sort-b .nk a img:hover {
     transform: scale(1.1);
 }
 #header.scrolled #gnb li .twoD{
     padding: 22% 0  !important;
 }
#header #gnb li .twoD {
    position: absolute;
    top: 89px;
    left: 0;
    z-index: 2;
    width: 100%;
    padding: 0 !important;
    height: 350px;
    display: none;
}
#header #gnb li .twoD li a:first-child {
    margin-top: 0;
}
#header #gnb li .twoD li a {
    color: #ffffff;
}
#header #gnb li .twoD li a:hover{
    color: #ec0d2c;
}
#header #gnb li .twoD li a {
    display: block;
    text-align: center;
    line-height: 22px;
    margin-top: 20px;
    font-size: 16px;
}
#header .rightDiv {
    position: absolute;
    top: 0;
    right: 5%;
}
#header .rightDiv .util{
    color: #fff;
    font-size: 23px;
    font-weight: 600;
    padding: 35px 0;
    background: url(images/tel.png) left center no-repeat;
    text-indent: 30px;
    background-size:11%;
}
#header.scrolled .rightDiv .util{
  color: #000;
  background: url(images/telc.png) left center no-repeat;
}
#header .rightDiv .lang {
    float: left;
    position: relative;
    text-align: center;
    font-weight: normal;
}
#header.main.scrolled {
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
}
#wrapper #header.scrolled #gnb li a.oneD {
    color: #000;
}
#header.main.scrolled .rightDiv .lang > a {
    color: #333;
}
#header .rightDiv .lang > a {
    display: block;
    margin: 29px 0;
    color: #fff;
    border: 1px solid #fff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
}
#header.hover .rightDiv .lang > a,#header.scrolled .rightDiv .lang > a{
    border: 1px solid #555;
}
#header.main.scrolled .rightDiv .lang > a span, #header.main.hover .rightDiv .lang > a span {
    color: #555;
    background: url(images/lang_moreIcon.png) no-repeat right center;
    padding-right: 15px;
}

#header .rightDiv .lang div {
    position: absolute;
    top: 88px;
    left: 0;
    z-index: 1;
    width: 100%;
    padding: 13px 0;
    border-top: 2px solid #ec0d2c;
    background: #fff;
    display: none;
}
#header .rightDiv .lang div a {
    display: block;
    line-height: 26px;
    color: #777;
}

#header.main.hover h1 a span,#header.main.scrolled h1 a span{
    color:  #ec0d2c;
}
#header #gnb li.on .oneD{
    color:  #ec0d2c;
}
#header #gnb li.on .oneD:after {
    content: "";
    display: block;
    width: 35px;
    height: 2px;
    background: #ec0d2c;
    position: absolute;
    top: 65px;
    left: 0;
    z-index: 3;
    right: 0;
    margin: 0 auto;
}
#header.hover #gnb li.on .oneD:after ,#header.scrolled #gnb li .oneD:after{
    background: #ec0d2c;
}
#header .gnbBg {
    position: absolute;
    top: 89px;
    left: 0;
    z-index: 1;
    width: 100%;
    height:330px;
    display: none;
}
.gdd_slide {
    background-color: #fff;
}
.gdd_top_banner {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    top: 0;
    z-index: 1;
}
.gdd_top_banner .swiper-slide {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.hd-yy .swiper-container {
     width: 100%;
     height: 100%;
     z-index: -2;
}
#parameters .join-us{
    background: url(images/p1.png) no-repeat;
    background-size: 100% 100%;
    padding: 2% 0 10% 0;
}
#advantage .join-us{
    background: url(images/p2.png) no-repeat;
    background-size: 100% 100%;
    padding: 0 0 2.5% 0;
}
#advantage .join .mod-1{
    margin-top: 0;
}
.ver-1{
    width: 100%;
    overflow: hidden;
    justify-content: space-between;
    background: url(images/p3.png) no-repeat center center;
    background-size: 35%;
    margin-top: 7%;
}

.msgbox {
    background: #fff;
    color: #000;
    text-align: center;
    overflow: hidden;
    border-radius: 20px;
    padding: 20px;
}

.getbk {
    font-size: 22px;
    color: #000;
    display: block;
    text-align: center;
    margin: 27px 0 10px 0;
}

.msgbox .txts {
    font-size: 14px;
    color: #333333;
    font-weight: 600;
    margin-left: 10px;
}
.msgbox .mlo {
    width: 90%;
    overflow: hidden;
    display: flex;
    justify-content: start;
    align-items: center;
    margin: 0 auto;
    border: 1px solid #e5ddec;
    margin-bottom: 5%;
    border-radius: 8px;
    padding: 5px 0;
}
.msgbox .txts {
    font-size: 14px;
    color: #333333;
    font-weight: 600;
    margin-left: 10px;
}
.msgbox .txt {
    font-size: 14px;
    color: #b2b1b6;
    margin-bottom: 5%;
    display: block;
}
.msgbox .inputs {
    width: 70%;
    line-height: 30px;
    border: 0px;
    text-align: left;
    vertical-align: middle;
    font-size: 13px;
    color: #999999;
}
.msgbox .btn {
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    border: 0px;
    background: #8e252d;
    vertical-align: middle;
    margin-top: 0;
    width: 90%;
    line-height: 40px;
    border-radius: 8px;
}
.rotd {
    display: block;
    width: 100%;
    overflow: hidden;
    background: url(images/p4.png) no-repeat center bottom;
    background-size: 100%;
    padding-bottom: 11%;
    margin-top: 5%;
}
.scg{
    position: relative;
    text-align: center;
    float: left;
    margin-right: 6.5%;
    margin-bottom: 8%;
    width: 20%;
        
}
.scg:after{
    content: '';
    position: absolute;
    background: url(images/n1.png) no-repeat;
    width: 24%;
    height: 20%;
    top: 40%;
    right: -27%;
    background-size: 100% 100%;
}
.scg:nth-child(4){
    margin-right: 0;
}
.scg img{
    width: 100%;display: block;
}
.scg:nth-child(5),.scg:nth-child(6),.scg:nth-child(7),.scg:nth-child(8){
    float: right;
    margin-right: 0;
    margin-left: 6.5%;
}
.scg:nth-child(5):after,.scg:nth-child(6):after,.scg:nth-child(7):after,.scg:nth-child(8):after{
    transform: rotateY(180deg);
}
.scg:nth-child(4):after{
    transform: rotate(90deg);
    bottom: -35%;
    top: auto;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.scg:nth-child(8){
    margin-left: 0; 
}
.scg p{
    font-size: 60px;
    color: #ec0d2c;
    font-weight: 600;
    position: absolute;
    top: 29%;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.scg span{
    font-size: 18px;
    color: #333;
    display: block;
    position: absolute;
    bottom: 27%;
    right: 0;
    left: 0;
    text-align: center;
    font-weight: 600;
}
.ver-1 .item{
    width: 27%;
    display: flex;
    margin-bottom: 6.5%;
    float: left;
}
.ver-1 .item2,.ver-1 .item4,.ver-1 .item6{
    float: right;
}
.ver-1 .item5,.ver-1 .item6{
    margin-bottom: 0;
}
.ver-1 .item2,.ver-1 .item6{
    margin-right: 5%;
}
.ver-1 .item1,.ver-1 .item5{
    margin-left: 5%;
}
.ver-2{
    width: 100%;
}
.ver-1 .item i{
    display: block;
    width: 10px;
    height: 10px;
    background: #ec0d2c;
    border-radius: 100%;
    margin-right: 4%;
    margin-top: 1%;
}
.ver-2 p{
    font-size: 22px;
    color: #333333;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 7%;
    margin-bottom: 4%;
}
.ver-2 span{
    display: block;
    font-size: 14px;
    color: #666666;
    line-height: 20px;
}
.join .mod-1{
    text-align: center;margin-top: 7%;
}
.join .mod-1 p{
    font-size: 36px;
    padding: 1.2% 0 1% 0;
}
.par-1{
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    padding: 2% 2% 7% 2%;
}
.join .mod-1 span{
    font-size: 18px;
}
.hd-yy .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    overflow: hidden;
    width: 70%;
    margin-right: 20%;
    border-radius: 15px;
    border-bottom-right-radius: 70px;
    z-index: -2;
  }

.hd-yy  .slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
  display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
   color:#fff;
   z-index: -1;
}


@media (min-width: 970px){
    .visible-xs {
        display: none!important;
    }
}

#py_index{
    width: 100%;
    overflow: hidden;
    height: inherit;
    display: flex;
    align-items: center;
}
.gdd_top_banner .txtArea {
    position: absolute;
    top: 62%;
    left: 0;
    width: 100%;
    text-align: left;
    width: 58%;
    padding-left: 0.7rem;
}
.gdd_top_banner .txtArea .tit {
    position: relative;
    top: -100px;
    opacity: 0;
    font-size: 26px;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
}
 .txtArea{
    display: none;
} 
#products_index .join-us{
      background: url(images/b-1.png) no-repeat;
    background-size: 100% 100%;
    padding: 8% 0 0 0;
}
#products_index .mod-1 p{
    color:#fff;
}
#products_index .mod-1 span{
        color: #4c4b4a;
}
.pod-1 .certify{
    display: none;
}

.certify {
	position: relative;
	width: 100%;
	margin: 0 auto
}

.certify .swiper-container {
	padding-bottom: 6%;
}

.certify .swiper-slide {
width: 422px;
    height: auto;
    border: 10px solid #bdbdbd;
}
.certify .swiper-slide img{
display: block;
    position: relative;
    width: 100%;
    height: 100%;
}
.pod-1{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2% 0 0 0;
}
.pod-1 .item.cur{
    background: #ec0d2c;
}
.pod-1 .item:first-child{
    margin-left: 0;
}
.pod-1 .item {
    color: #fff;
    font-size: 18px;
    margin-left: 3%;
    padding: 1.5% 2.3%;
    cursor: pointer;
}
.pod-1 .item img{
    width: 23%;
}
.certify .swiper-slide p {
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    bottom: 6%;
    font-size: 26px;
}

.certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

.certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

.certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

.pod-1 .certify  .swiper-button-prev {
	left: 8px;
	background: url(images/al.png)  center center no-repeat #ffffff70;
        background-size: 27%;
	
}
.certify .swiper-button-next, .certify .swiper-button-prev{
    top: 39%;
    width: 4%;
    height: 16%;
    background-color: #ffffff70;
    left: 8px;
    border-top-right-radius: 21px;
    border-bottom-right-radius: 21px;
}

.pod-1 .certify .swiper-button-next {
    right: 8px;
    background: url(images/ar.png) center center no-repeat #ffffff70;
    left: auto;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 21px;
    border-bottom-left-radius: 21px;
    background-size: 27%;
}
.com-1{
    font-size: 26px;
    color: #333;
    font-weight: 700;
    margin: 1.5% 0 2.5% 0;
}

.com-2{
    width: 66%;
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    margin: 0 0 8% 0;
    text-align: justify;
}
.com-3{
    display: inline-flex;
    font-size: 16px;
    background: #ec0d2c;
    color: #fff;
    padding: 1.3% 2.6%;
    align-items: center;
}
.com-3 i{
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    display: inline-block;
    margin-left: 20px;
    margin-top: -2px;
}
#company .join-us{
    background: url(images/a-1.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 8% 0 17% 0;
}

.mod-4 .item{
    display: none;position: relative;
}
.mod-1 span{
    font-size: 24px;
    color: #cfcfcf;
    display: block;
}
.mod-1 p{
    font-size: 52px;
    color: #141524;
    font-weight: 600;
    padding: 1.2% 0 3% 0;
}
.mod-2{
    display: flex;
    align-items: flex-end;
    width: 100%;
    justify-content: space-between;
}
.mod-4 .item .content{
    background: #ec0d2c;
    color: #fff;
    font-weight: 100;
    margin: 0 3%;
    padding: 4% 3%;
    bottom: -17%;
    position: absolute;
}
.mod-4 .item .content p{
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 3%;
}
.mod-4 .item .content span{
    font-size: 14px;
    display: block;
    line-height: 23px;
    height: 92px;
}

#newscenter .join-us{
    background: none;
    padding-bottom: 3.5%;
}
.nod-1{
    border: 1px solid #e5e5e5;
    border-top: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.nod-1 a{
    display: block;
    padding: 3%;
    transition: all .5s;
     background: #fff;
}
.nod-1 a:hover{
    transform: scale(1.1);
    box-shadow: 0px 2px 6px -1px #9d9b9b;
}
.nod-1 a:hover p{
    color: #ec0d2c;
}
.nod-1 p{
    font-size: 18px;
    color: #333;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin: 9% 0 6% 0;
}
.nod-1 .p{
    font-size: 14px;
    color: #999999;
    text-align: justify;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 48px;
    line-height: 25px;
    margin: 9% 0 0 0;
}
.nod-1 a:nth-child(2) p{
    margin-top: 0;
}
.nod-1 a:nth-child(2) .p{
    margin-bottom: 9%;
}
.nod-1 span{
    display: block;
    font-size: 14px;
    color: #999999;
}
.nod-1 img{
    width: 100%;display: block;
}
.nod-2{
    display: flex;
    width: 100%;
    align-items: center;
    overflow: hidden;
    flex-wrap: wrap;
    margin-top: 4%;
}
.nod-2 a{
    width: 50%;
    border-bottom: 1px solid #e5e5e5;
    padding: 2% 0;
    display: flex;
    align-items: center;
}
.nod-2 a:hover p,.nod-2 a:hover .date p,.nod-2 a:hover .date span{
    color: #ec0d2c;
}
.nod-2 .bd{
    width: 70%;
}
.nod-2 .bd p{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: #333;
    font-size: 18px;
}
.nod-2 .bd span{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: #999;
    font-size: 14px;
    margin-top: 16px;
}
.nod-2 a .date{
    text-align: center;
    width: 65px;
    margin-right: 4%;
}
.nod-2 a .date p{
    font-size: 36px;
    font-weight: 700;
    color: #333;
}
.nod-2 a .date span{
    font-size: 14px;
    color: #999;
    margin-top: 10px;
    display: inline-block;
}
.mod-2 .mod-3{
    width: 32%;
}
.mod-3 .mod-5:nth-child(1) .mod-6{
    background: url(images/j-1.png) center center no-repeat;background-size: 47%;
}
.mod-3 .mod-5:nth-child(2) .mod-6{
    background: url(images/j-2.png) center center no-repeat;background-size: 47%;
}
.mod-3 .mod-5:nth-child(3) .mod-6{
    background: url(images/j-3.png) center center no-repeat;background-size: 47%;
}
.mod-6{
    width: 110px;
    height: 110px;
    border: 1px solid #5a5b66;
    display: flex;
    align-items: center;
    border-radius: 100%;
    margin-right: 10%;
}
.mod-7 span{
    font-size: 20px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: #adadad;
    margin-top: 15%;
}
.fom a img.flogo{
    max-width:234px;
    display: block;
    margin-top: -15px;
} 
.fom .fcon{
    font-size: 16px;
    color: #fff;
    background: url(images/tel.png) left no-repeat;
    background-size: 8%;
    padding-left: 12%;
    margin-top: 23%;
    line-height: 22px;
}
.fom p{
    font-size: 36px;
    color: #fff;
    margin: 5% 0 7% 0;
    letter-spacing: 1px;
}
.fom span{
        font-size: 14px;
    color: #ec0d2c;
    background: #fff;
    padding: 5% 16%;
    border-radius: 30px;
    margin-top: 3%;
    display: inline-block;
}
.mod-5:hover{
     border-right: 2px solid #ec0d2c;
}
 .mod-2 .mod-3 .cur{
        border-right: 2px solid #ec0d2c;
   }
.mod-5{
    padding:7% 5%;
    font-size: 30px;
    background: #fff;
    display: flex;
    align-items: center;
    margin-top: 5%;
    cursor: pointer;
    color: #333333;
    border-right: 2px solid #fff;
}
.mod-2 .mod-4 {
    width: 66%;
}
.mod-4 img{
    width: 100%;display: block;
}
.mod-1 p b{
     color: #ec0d2c; font-weight: 600;
}
.contain-63{
    width:90%;margin: 0 auto;
}
.contain-80{
    width:80%;margin: 0 auto;
}
.gdd_top_banner .txtArea .txt {
    position: relative;
    top: -25px;
    opacity: 0;
    line-height: 1;
    margin-top: 22px;
    font-size: 70px;
    font-weight: 500;
    color: #fff;
}
.gdd_top_banner .swiper-pagination {
    width: 50%;
    height: auto;
    line-height: 30px;
    left:5% !important;
    right: auto;
    text-align: left;
    bottom: 10%;
}
.gdd_top_banner .swiper-pagination-bullet {
    background-color: #665d56;
    width: 60px;
    height: 2px;
    opacity: 1;
    margin: 0 !important;
    border-radius: 0;
    position: relative;
    cursor: pointer;
}
.gdd_top_banner .swiper-pagination-bullet i{
    position: absolute;
    font-size: 16px;
    color: #fff;
    top: -33px;
    opacity: 0.5;
}
.gdd_top_banner .swiper-pagination-bullet-active i{
    color: #fff;
    font-size: 20px;
    opacity: 1;
}
.ndu .tip{
    font-size: 14px;
}
.part2{
    margin-top: 10%;
    width: 100%;
}
.mon-1{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: center;
    margin-top: 9%;
}
.mon-1 img{
    display: block;
    margin: 0 auto;
    height: 50px;
}
.mon-1 .item span{
    font-size: 16px;
    color: #333;
    line-height: 25px;
    display: block;
    height: 72px;
}
.mon-1 .item p{
    font-size: 20px;
    color: #333;
    font-weight: 600;
    margin: 13% 0 10% 0;
    display: block;
}
.mon-1 .item{
    box-shadow: 0px 0px 10px 0px #efefef;
    padding: 4% 3%;
    width: 17.5%;
    background: #fff;
    margin-bottom: 2%;
}

.timer-shaft-box{
    width: 100%;
    box-sizing: border-box;
    position: relative;
    margin: 5% 0 0 0;
}
.timer-shaft{position:relative;width:80%;height:112px;overflow: hidden;margin: 0 auto;}
.timer-left{
    position: absolute;
    top: 30px;
    left: 5%;
    z-index: 99;
    width: 50px;
    height: 50px;
    background: url(images/nl1.png) no-repeat;
    background-size: cover;
    cursor: pointer;
}
.timer-right{
    position: absolute;
    top: 30px;
    right: 5%;
    z-index: 99;
    width: 50px;
    height: 50px;
    background: url(images/nl2.png) no-repeat;
    background-size: cover;
    cursor: pointer;
}
.timer-scale{position:absolute;top:0;left:0;font-size: 0;white-space: nowrap;}
.timer-scale-cont{display:inline-block;height:100%;line-height:80px;}
.time-circle{
    display: inline-block;
    vertical-align: middle;
    width: 108px;
    height: 108px;
    line-height: 108px;
    text-align: center;
    font-size: 30px;
    color: #999999;
    border-radius: 50%;
    background: none;
    transition: all .3s;
    cursor: pointer;
    border: 1px dashed #cacaca;
    font-weight: 600;
}
.timer-scale-cont.hov .time-circle{
	background: #ea0d2c;
    color: #fff;
    border: 1px dashed #ea0d2c;
}

.olm .time-circle{
	border: 1px dashed #ea0d2c;    color: #ea0d2c;
}
.olm .line-scale{
	border-bottom: 1px dashed #ea0d2c;
}
.line-scale{
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    margin: 0;
    border-bottom: 1px dashed #cacaca;
}

.timer-shaft-content{
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    padding: 7% 0;
    margin-top:3%;
}
.shaft-left{
    font-size: 18px;
    color: #fff;
    width: 33%;
    line-height: 32px;
}
.shaft-right{
    width: 40%;
}
.shaft-right img{
    max-width: 100%;
    display: block;
    border-radius: 10px;
    border-bottom-left-radius: 72px;
}
.shaft-left p{
    font-size: 50px;
    color: #ea0d2c;
    font-weight: 600;
    margin-bottom: 8%;
}
.shaft-left span{
    display: block;
}
.shaft-c{
        display: flex;
    align-items: center;
    width: 80%;
    margin: 0 auto;
    justify-content: space-between;
}
.shaft-detail-cont{display: none;width:100%;}
.timer-year{padding-left:20px;font-weight:bold;color:#333;font-size:0;}
.icon-year{display: inline-block;vertical-align:middle;width:33px;height:40px;background: url(../images/icon_sign.png) no-repeat;background-size: cover;}
.timer-year span{display: inline-block;vertical-align:middle;margin-left:18px;font-size:24px;}
.incident-record{display:inline-block;padding-left:71px;line-height:2;font-size:14px;color:#333;}
.incident-record a{font-size:14px;color:#1d69a3;}

.ndu{
    position: absolute;
    bottom:6%;
    color: #fff;
    z-index: 9;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 100;
}
.l-overflow{
    overflow: hidden;
}
.ndu .smk {
    width: 17px;
    height: 28px;
    border: 2px solid #fff;
    border-radius: 60px;
    position: relative;
    margin: 0 auto 10px auto;
}
.ndu .smk::before {
    content: '';
    width: 3px;
    height: 8px;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    border-radius: 50%;
    opacity: 1;
    animation: wheel 2s infinite;
    -webkit-animation: wheel 2s infinite;
}
@keyframes wheel{to{opacity:0;}}
.gdd_top_banner .swiper-pagination-bullet-active {
    position: relative;
    background-color: #fff;
    position: relative;
}

#header.main .rightDiv .lang > a span {
    color: #fff;
    background: url(images/main_lang_moreIcon.png) no-repeat right center;
    padding: 0 12px 0 12px;
    display: inline-block;
    margin-right: 10px;
}

.gdd_pub_title.dxEnd,
.title_banner h3.dxEnd,
.title_banner p.dxEnd,
.gdd_cover_out.dxEnd,
.mainCon1 > .conArea .boxArea .box.dxEnd,
.title_banner .banner_btn.dxEnd,
#mainNewsContent.dxEnd,
.gdd_news_box.dxEnd,
#mainQuickBannerContent.dxEnd,
.mainCon33 .inner.dxEnd,
.gdd_gold_designer.dxEnd {
    opacity: 1;
    transform: none;
    transition: all 1s;
}

#app_body{
    position: relative;
    width: 100%;
    background: #fff;
    z-index: 2;
    height: inherit;
    
}
.swiper-footer{
   height: auto !important;
}
.ys_box {
    position: relative;
}
.ys_box .swiper-slide.active {
    pointer-events: all;
}
.ys_box .swiper-slide a {
    display: block;
    position: relative;
}
.pub_img_box {
    position: relative;
    overflow: hidden;
}
.ys_box .swiper-slide a .pub_img_box::before {
    margin-top: 56.25%;
        content: '';
    display: block;
}
.pub_img_box .img_box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    background-size: cover;
}
.ys_box .swiper-slide a .ys_text_box {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    display: none;
}
.max-wid {
    width: 82%;
    max-width: 1480px;
    margin: auto;
}
.ys_box .swiper-slide a .ys_text_box .ys_n {
    font-weight: 700;
    line-height: 1;
}
.fadeInUpSmall {
    animation-name: fadeInUpSmall;
    animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);
}
.f-36 {
    font-size: 36px;
}
.ys_box .swiper-slide a .ys_text_box .ys_info {
    margin-top: 0.3rem;
    line-height: 1.66;
    width: 565px;
    max-width: 100%;
}
.f-18 {
    font-size: 18px;
}
.ys_nav_case {
    left: 50%;
    transform: translateX(-50%);
    bottom: 17.4%;
    position: absolute;
    z-index: 3;
}
.ys_nav_box {
    display: flex;
    background-color: #fff;
}
.ys_nav_box > a.on {
    width: 33%;
}
.ys_nav_box > a .ys_n_d::before {
    content: '';
    display: block;
    width: 1px;
    height: 0.18rem;
    background-color:#ec0d2c;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.09rem;
    transition: opacity .5s ease;
}
.ys_nav_box > a {
    width: calc(100% / 5);
    text-align: center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: block;
}
.ys_nav_box > a.on .ys_n_h {
    opacity: 1;
}
.ys_nav_box > a .ys_n_h {
    display: flex;
    align-items: center;
    background-color: #ec0d2c;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: all .5s;
    color: #fff;
    opacity: 0;
}
.f-36{
    font-size: 28px;
}
.bunda .dasharr {
    padding: 0;
}
.bunda .dasharr-list a{
    margin-top: 0;
    margin-bottom: 70px;
 
}
.ys_nav_box > a .ys_n_h .ys_l {
    width: 0.15rem;
    padding: 0 0.2rem;
    text-align: center;
    position: relative;
    line-height: 30px;
    font-weight: normal;
}

.ys_nav_box > a .ys_n_h .ys_r {
    width: calc(100% - 0.42rem);
    padding: 0.2rem 0 0.2rem 0.25rem;
    line-height: 1;
    text-align: left;
}
.ys_nav_box > a .ys_n_h .ys_r .ys_ms {
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
}
.ys_nav_box > a:first-child .ys_n_d::before{
    display: none;
}
.contain-970{
    width: 970px;
    margin: 0 auto;
}
.fztxt{
    color: #000;
    font-size: 16px;
    line-height: 30px;
    max-width: 90%;
}
.contain-max-99{
    width: 90%;margin:0 auto;
}
.fzlist{
    display: flex;
    text-align: -webkit-center;
    align-items: stretch;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    line-height: normal;
    position: relative;
    margin: 70px auto 70px auto;
   
}
.fzlist1{
     box-shadow: 0px 0px 7px 0px #929292;height: max-content;
}
.fzlist a {
    display: block;
    flex: 1;
    margin-right: 4%;
    position: relative;
    transition: all .5s;
}
.fzlist a:hover{
    transform: scale(1.1);
}
.fzlist a:last-child{
    margin-right: 0;
}
.fzlist a img{
    width: 100%;
}
.fzlist a p{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(0, 0, 0,0.8);
    color: #fff;
    padding: 28% 5%;
    font-size: 33px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
    display: none;
   
}

.ind5 {
    padding: 25px 0 130px;height: max-content;
}
.ttt {
    color: #333;
    font-size: 43px;
    text-align: center;
    font-weight: 400;
}
.ind5_txt {
    position: relative;display: flex;
}
.clm70 {
    margin-left: -70px;
    margin-right: -70px;
}
.ind5_txt {
    margin-top: 70px;
    padding: 40px 13.5%;
    text-align: center;
    position: relative;
}
.ind5 .swiper-container {
    padding-bottom: 50px !important;
}
.ind5_txt .swiper-button-next1 {
    right: 8% !important;
}
.clp70 {
    padding-left: 50px;
    padding-right: 50px;
}
.quan {
    width: 170px;
    height: 170px;
    border: 2px solid #fff;
    border-radius: 100%;
    -webkit-transition: all .5s;
    transition: all .5s;
    font-size: 24px;
    line-height: 170px;
    color: #fff;
    margin: 0 auto;
    
}
.lii:hover .quan {
    border: 2px solid #8e1116;
    cursor: pointer;
    background-color:#8e1116;
}
.quan > img {
    margin-top: 20%;
}
.quan > p {
    font-size: 16px;
    color: #fff;
    margin-top: 0.2rem;
}
.ind5_txt .swiper-button-prev1 {
    left: 8% !important;
    background: url(images/touming_left.png) no-repeat;
    transition: all .5s;
}
.ind5_txt .swiper-button-next1 {
    transition: all .5s;
    background: url(images/touming_right.png) no-repeat;
}
.ind5_txt .swiper-button-prev1, .ind5_txt .swiper-button-next1 {
    position: absolute;
    top: 41% !important;
    right: 26%;
    width: 54px;
    height: 54px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.f-24 {
    font-size: 24px;
}
.f-20 {
    font-size: 20px;
}
.ys_nav_box > a .ys_n_h .ys_r .ys_so {
    margin-top: 0.1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
    line-height: 24px;
}
.f-12 {
    font-size: 12px;
}
.ys_nav_box > a.on .ys_n_d {
    opacity: 0;
}
.ys_nav_box > a .ys_n_d {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 0.16rem 0.1rem;
    transition: background-color 0.5s ease;
}
.ind_src2_case {
    position: relative;margin-bottom: 70px;
}
.ys_nav_box > a .ys_n_d .ys_num {
    color: #ec0d2c;
    line-height: 1;
    transition: color .5s ease;
    margin: 0.1rem 0 0 0;
}
.ys_nav_box > a .ys_n_d .ys_ms {
    margin: 0.11rem 0;
    color: #ec0d2c;
    line-height: 1;
    transition: color .5s ease;
}
.ab_txt_contain .sort-bb span{
     color: #000;
    margin: 40px 9% 35px 9%;
}
.conditions .ab_txt_contain{
    text-align: left;
    width: 100%;
    margin: 0 auto;
    padding: 70px 0 0 0;
}
.hd-yy{
    width: 90%;
    margin: 0 0 0 10%;
}
.hd-yy .title{
    width: 100%;overflow: hidden;
    position: relative;
}
.yt-index-p-t{
    font-size: 56px;
    color: #fff;
    margin-bottom: 85px;
}
.hd-yy .title p{
    font-size: 80px;
    color: #f4f4f4;
    text-transform: uppercase;
    font-weight: 600;
}
.store .comp-1 img{
    max-width: 100%;
    width: 100%;
}
.profile .content .detil .wid .title {
    width: 100%;
    position: relative;
}
.profile .content .detil .wid p{
    font-size: 40px;
    color: #f4f4f4;
    text-transform: uppercase;
    font-weight: 600;
}
.jkmx{
    width: 100%;
    display: flex;
    text-align: -webkit-center;
    align-items: stretch;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    margin-top: 45px;
}
.jkmx a{
    display: block;
    width: 31.5%;
    overflow: hidden;
}
.jkmx a img{
    width: 100%; transition: all 1s;
}
.jkmx a imgk{
    width:100%;overflow: hidden;
}
.jkmx a:hover img{
        -webkit-transform: scale(1.05);
}
.jkmx .pcon{
    font-size: 14px;
    color: #000 !important;
    text-align: left;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
    line-height: 30px;
    margin-top: 30px;
}
.jkmx .pcon i{
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #000;
    border-radius: 100%;
    vertical-align: 2px;
    margin-right: 10px;
}
.profile .content .detil .wid span{
    font-size: 30px;
    color: #000;
    display: inline-block;
    position: absolute;
    top: 21px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.hd-yy .title span{
    font-size: 43px;
    color: #333;
    display: inline-block;
    position: absolute;
    font-weight: 600;
    top: 34px;
}
.hd-yy .content{
    width: 100%;
    position: relative;
}
.clearfix{
    clear: both;
}
.jm_index{
    width: 100%;
    height: inherit;
    padding: 5% 0;
}
.jm_index_l{
        width: 85%;
    margin: 0 5% 0 10%;
    padding: 5% 0;
}
.m_index_p{
    font-size: 70px;
    color: #fff;
    font-weight: 100;
    margin-bottom: 5%;
}
.m_index_p span{
    display: block;
    margin-bottom: 20px;
}
.jm_index_t{
    text-align: center;
    position: relative;
    font-size: 53px;
    color: #333;
    margin-bottom: 4%;
}
.ys_index{
    width: 100%;
    overflow: hidden;
    padding: 5% 0;
    height: inherit;
}
.js_ys{
      width: 100%;
    overflow: hidden;
    padding: 2% 0;
    height: inherit;
}
.js_ys_t{
    text-align: center;
    position: relative;
    font-size: 53px;
    color: #000;
    margin-top: 2%;
    margin-bottom: 2%;
}
.js_ys_c .item.cur{
  background: #ea0d2c;
}
.js_ys_c .item.cur p,.js_ys_c .item.cur span{
    color: #fff;
}
.js_yq .js_ys_t{
    color: #fff;
}
.js_yq .js_ys_c{
       width: 67%;
    margin: 0 auto; 
}
.js_ys_c .ub{
    width: 50%;
}
.js_ys_c .ub img{
    display: block;width: 100%;max-width: 100%;
}
.js_ys_c{
    display: flex;
    align-items: stretch;
    width: 90%;
    margin: 0 5% 0 5%;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: center;
}
.js_ys_c .item{
    width: 17.5%;
    background: rgba(0,0,0,0.2);
    border-radius: 10px;
    padding: 1%;
    margin-top: 1%;
}
.js_ly{
    display: flex;
    justify-content: center;
    height: inherit;
}
.js_ly_c{
    display: flex;
    align-items: center;
    width: 90%;
    margin: 5% 5%;
    justify-content: flex-end;
    text-align: center;
    position: relative;
}
.js_ly_l{
    width: 45%;
    overflow: hidden;
    position: absolute;
    top: 20%;
    left: 0;
}
.js_ly_l img{
    display: block;max-width: 100%;    border-bottom-right-radius: 70px;
}
.js_ly_b{
    width:50%;
    overflow: hidden;
    padding: 10% 5% 10% 10%;
    text-align: left;
}
.js_ly_t{
    font-size: 30px;
    color: #fff;
    margin-left: 5%;
}
.js_ly_t span{
     font-size: 53px;
    display: block;
    margin: 2% 0 10% 0;  
}
.js_ly_f{
    margin-left: 5%;
}
.js_ly_f .mlo{
    display: flex;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    padding: 2% 0;
    margin-bottom: 4%;
    align-items: center;
}
.js_ly_f .mlo .txts{
       padding: 0 3%; 
}
.js_ly_f .mlo input{
        width: 70%;
    background: none;
    font-size: 16px;
    color: #fff;
}
.js_ly_f  .submits{
    font-size: 20px;
    background: #ea0d2c;
    color: #fff;
    display: inline-block;
    border-radius: 10px;
    padding: 2% 10%;
    cursor: pointer;
}
.js_ys_c .item img{
    display: block;
    height: 42px;
    margin: 0 auto;
}
.gy_jj{
    width: 100%;
    overflow: hidden;
    height: inherit;
    display: flex;
    align-items: center;
}
.gy_jj_c{
    display: flex;
    align-items: center;
    width: 90%;
    margin: 0 5% 0 5%;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: center;
}
.gy_sm .ys_index_k{
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
}
.gy_sm  .ys_index_tk1{
    background: url(images/fl1.png) no-repeat center left;
}
.gy_sm  .ys_index_tk2{
    background: url(images/fl2.png) no-repeat center left;
}
.js_ys_c .item p{
    font-size: 16px;
    color: #606060;
    line-height: 26px;
}
.gy_jj_l{
    width: 50%;
    text-align: left;
}
.gy_jj_r{
    width: 45%;
    display: flex;
    justify-content: flex-end;
}
.gy_jj_p{
    font-size: 30px;
    color: #000;
}
.gy_jj_s{
    font-size: 53px;
    color: #000;
    margin: 3% 0 7% 0;
}
.gy_jj_d{
    font-size: 20px;
    color: #000;
    line-height: 35px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
}
.gy_jj_r img{
    display: block;
    max-width: 100%;
}
.js_ys_c .item span{
    font-size: 26px;
    color: #000;
    display: block;
    margin: 8% 0 7% 0;
}
.ys_index_i{
    width: 50%;
    overflow: hidden
}
.ys_index_l{
    width: 44%;
    overflow: hidden
}
.ys_index_i img{
    max-width: 100%;
    display: block;
    border-bottom-right-radius: 56px;
}
.gy_py .js_ly_b{
    padding: 5% 5% 5% 10%;
}
.ys_index_p{
    font-size: 36px;
    color: #fff;
    font-weight: 100;
    border-bottom: 1px solid #5a5a5a;
    padding: 20px 0;
    text-indent: 50px
}
.ys_index_l .yt-profile-m{
    margin-top: 50px;
}
.gy_sm .ys_index_c{
    background: rgba(0,0,0,0.2);
    border-radius: 10px;
}
.gy_py  .js_ly_t span{
    margin-bottom: 7%;
}
.js_ly_f .desc{
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
}
.gy_sm .ys_index_i{
    width: 40%;
}
.gy_sm{
    display: flex;
    align-items: center;
    padding: 0 !important;
}
.gy_sm .ys_index_l{
   margin-right: 8%;
}
.ys_index_tk1{
    background: url(images/ik1.png) no-repeat center left;    background-size: 40px;
}
.ys_index_tk2{
    background: url(images/ik2.png) no-repeat center left;    background-size: 40px;
}
.ys_index_k{
    font-size: 18px;
    color: #a3a3a3;
    padding: 20px 0;
    line-height: 30px;
    border-bottom: 1px solid #5a5a5a;
    letter-spacing: 1px;
}
.ys_index_c{
    display: flex;
    align-items: center;
    width: 85%;
    margin: 0 5% 0 10%;
    justify-content: space-between;
}
.ys_index_t{
    text-align: center;
    position: relative;
    font-size: 53px;
    color: #fff;
    margin-bottom: 4%;
    margin-top: 3%;
}

.jm_index_c{
    width: 100%;
    overflow: hidden;
    padding: 5% 0;
}
.tig{
    background: #f6f6f6;
    overflow: hidden;
    width: 100%;
    margin-bottom: 2.5%;
}

.tig a{
    display: inline-block;
    color: #949494;
    font-size: 18px;
    padding: 3% 2% 2.5% 2%;
    border-bottom: 5px solid #f6f6f6;
}
.tig a.cur{
    color: #ec0d2c;
    border-bottom: 5px solid #ec0d2c;
}
.bnd-list{
     width: 100%;
    display: flex;
    text-align: -webkit-center;
    align-items: stretch;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 6%;
}
.bnd-list a{
    display: block;
    width: 31.7%;
    margin: 0 0 2.5% 0;
    overflow: hidden;
    transition: all .5s;
}
.bnd-list a:hover {
    transform: scale(1.1);
    box-shadow: 0px 2px 6px -1px #9d9b9b;
}
.bnd-list a:hover .dka{
    background: url(images/s1.png) 94% center no-repeat;
    background-size: 6%;
    border-bottom: 3px solid #ec0d2c;
}
.bnd-list a img{
    width: 100%;display: block;
}
.bnd-list .dka{
    border: 1px solid #e6e6e6;
    border-top: none;
    padding: 5.5% 4% 8% 4%;
    text-align: left;
}
.bnd-list .dka span{
    font-size: 16px;
    color: #999999;
    border-top: 1px solid #e6e6e6;
    display: block;
    padding: 5% 0 4% 3%;
}
.bnd-list .dka p{
      font-size: 18px;
    color: #333;
    padding-left: 3%;  
}
.hd-yy .content .left{
    float: left;
    margin-top: 50px;
    width: 18%;
    text-align: center;
}
.feitin .hd-yy .content .left{
    float: left;
    margin-top: 50px;
    text-align: left;
    height: 100%;
    overflow-y: scroll;
    width: 200px;
}
.feitin .hd-yy .content .left::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: #e0e0e0;
}
.feitin  .hd-yy .content .left::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 10px 6px 0 #b2b2b2;
}
.feitin  .hd-yy .content .left::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0px 0 0px #b2b2b2;
    border-radius: 10px;
}
.yt-index-p-c{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.hd-yy .content .left a image{
    display: block;
    max-width: 100%;
}
.sml{
      border: 1px solid #848585;
    border-radius: 100%;
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px auto;
}
.hd-yy .content .left a{
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    text-align: center;
    width: 50%;
    margin-bottom: 60px;
}
.hd-yy .content .left a:nth-child(5),.hd-yy .content .left a:nth-child(6){
    margin-bottom: 0;
}

.feitin .hd-yy .content .left a.cur:after{
    display: none;
}
.feitin .hd-yy .content .left a  span{
    position: relative;display: inline-block;
}
.feitin .hd-yy .content .left a.cur span:after{
       position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: #ec0d2c;
    top: 43px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.hd-yy .content .left a.cur .sml{
    background: #ea0d2c;
    border: 1px solid #ea0d2c;
}
.hd-yy .content .right{
    position: absolute;
    height: 656px;
    left: 22%;
    top: -15px;
    z-index: 0;
    width: 78%;
}
.linh .fit{
    background: #fff;
    height: 100%;
    width: 565px;
}
.linh .fit p{
    font-size: 16px;
    color: #999999;
}
.linh .fit span{
    font-size: 16px;
    color: #333;
}
.paddt{
    display: none;
    font-size: 16px;
    line-height: 31px;
    color: #666666;
    background: rgba(255,255,255,0.8);
    padding: 13% 12% 10% 12%;
    border-radius: 5px;
}
.paddt p{
    color: #000;
    margin: 0 0 30px 0;
    font-size: 46px;
}
.paters-title{
      font-size: 43px;
    color: #000;
    margin-bottom: 30px;
}
.paters-content{
    width: 100%;
    display: flex;
    text-align: -webkit-center;
    align-items: stretch;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
}

.ab_join{
    margin-bottom: 70px;
}
.ab_about .brave .brave-txt-kl{

    position: relative;
}
.brave-txt-kl p{
    position: absolute;
    top: 33%;
    font-size: 48px;
    color: #333;
}
.brave-txt-kl a{
    text-align: center;
    position: absolute;
    bottom: 20%;
}
.brave{
    width: 100%;
    display: flex;
    text-align: -webkit-center;
    align-items: stretch;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
}
.brave .brave-the{
    width: 47%;
}
.brave .brave-txt{
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
    text-align: left;
    line-height: 28px;
    font-size: 16px;
    color: #919090;
}
.paters-content a img{
    max-width: 100%;    
    transition: all .5s;
}
.ab_about .ab_txt_contain{
        width: 100%;
    text-align: left;
}
.paters-content img:hover {
    transform: scale(1.1);
}
.paters{
    width: 100%;margin-bottom: 70px;
}
.paters-content a{
    display: block;
    width: 16%;
}

.green_lb .green_item {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer;
    width: 72.9%;
}
.green_lb .green_item .item_left {
    overflow: hidden;
    width: 50%;
}
.green_lb .green_item .item_left img {
    -webkit-transition: all 1s;
    transition: all 1s;
    width: 100%;
}
.green_lb .green_item .item_right {
    -webkit-box-flex: 1;
    flex: 1;
    padding: 0.6rem 0.4rem 0;
    background-color: #fff;
}
.green_lb .green_item .item_right .item_right_txt1 {
    font-size: 30px;
    margin-bottom: 0.2rem;
    font-weight: 500;
    color: #ec0d2c;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-align: left;
}
.green_lb .green_item .item_left img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.green_lb .green_item .item_right .item_right_txt2 {
    font-size: 18px;
    color: #000;
    transition: all 0.5s;
    overflow: hidden;
    text-align: left;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
    font-weight: 500;
}
#gdd_sp2 {
    bottom: -60px;    
    left: 0;
    width: 100%;
}
#gdd_sp2 .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: transparent;
    border-radius: 100%;
    border: 2px solid #000000;
    opacity: 1;
    margin: 0 22px;
}
#gdd_sp2 .swiper-pagination-bullet-active {
    opacity: 1;
    background: none;
    position: relative;
}
#gdd_sp2 .swiper-pagination-bullet-active::before {
    content: '';
    width: 8px;
    display: block;
    height: 8px;
    background: #ec0d2c;
    border-radius: 100%;
    top: 3px;
    left: 3px;
    position: absolute;
}
.fit{
    width: 35%;
    position: absolute;
    z-index: 999999999999;
    left: 0;
    right: -41%;
    margin: 0 auto;
    top: 40%;
}
.comp{
    display: flex;
    text-align: -webkit-center;
    align-items: stretch;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    line-height: normal;
    width: 100%;
    position: relative;
}
.compindex .ab_txt_contain{
    width: 100%;
    text-align: left;
}
.comp-tem{
    width: 100%;
    margin-top: 35px;
    line-height: 26px;
}
.comp-1 img{
    width: 100%;
    margin-top: 25px;
    transition: all .5s;
}
.comp-cout{
    width: 275px;
    display: flex;
    text-align: -webkit-center;
    align-items: stretch;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    line-height: normal;
    position: absolute;
}
.comp-cout span{
       font-size: 48px;
    color: #ec0d2c; 
}
.comp-cout b{
     font-size: 16px;
    color: #999999;
}
.comp-cout p{
    font-size: 16px;
    color: #333333;
    text-align: left;
}
.ind6 {
    width: 1080px;
    margin: 0 auto;
    background: #fff;
    margin-top: -80px;
    padding: 95px 0 65px 0;
    display: flex;
    box-shadow: 0px 0px 7px 0px #929292;
    height: max-content;
}

.ind61 {
    width: 60%;
    margin: 0 auto;
    position: relative;
        display: flex;
    justify-content: space-between;
}
.swiper-container-c .ind6_img {
    transition: all 1s;
    opacity: 0;
    transform: scale(0.8);
}
.ind6_img {
    width: 200px;
    text-align: center;
    height: 200px;
    box-shadow: 0px 0px 7px 0px #929292;
    border-radius: 100%;
}
.ind6_img  img{
    width: 100%;height: 100%; border-radius: 100%;
}
.ind6_img > h3 {
    font-size: 24px;
    color: #999;
    margin-top: 20px;
}
.ind6_txt {
    width: 65%;
    height: auto;
    position: absolute;
    left: 45%;
    top: 0;
}
.ind6_txt > h3 {
    font-size: 43px;
    color: #333;
    margin-bottom: 50px;
}
.ind6_txt > p {
    font-size: 16px;
    color: #000;
    line-height: 30px;
}
#jh_lb3 .swiper-button-prev {
    left: 2% !important;
    background: url(images/touming_left1.png) no-repeat;
}
#jh_lb3 .swiper-button-next {
    background: url(images/touming_right1.png) no-repeat;
}
#jh_lb3 .swiper-button-next {
    right: 2% !important;
}
.swiper-container-c .swiper-slide.swiper-slide-active .ind6_img {
    transform: none;
    opacity: 1;
}
#jh_lb3 .swiper-button-prev, #jh_lb3 .swiper-button-next {
    position: absolute;
    top: 44% !important;
    right: 26%;
    width: 54px;
    height: 54px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-container-c .swiper-slide.swiper-slide-active .ind6_txt > p {
    transform: none;
    transition-delay: .5s;
    opacity: 1;
}
.swiper-container-c .ind6_txt > h3, .swiper-container-c .ind6_txt > p {
    transition: all 1s;
    opacity: 0;
    transform: translateY(50px);
}
.swiper-container-c .swiper-slide.swiper-slide-active .ind6_txt > h3 {
    transition-delay: .3s;
    transform: none;
    opacity: 1;
}
.comp-1 .comp-min{
    text-align: left;
    font-size: 16px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
}
.yt-news{
    width: 100%;overflow: hidden;margin: 5% 0;
}
.yt-news a.item{
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3.5%;
}

.yt-news .ml{
    width: 18%;
}
.yt-news .ml img{
    max-width: 100%;display: block;    
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    
}
.yt-news a.item:hover  .ml img{
        transform: scale(1.05);
}
.yt-news .mr{
    width: 78%;
}
.yt-news .mr .tm{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5%;
}
.yt-news .mr .tm .l{
    font-size: 30px;
    color: #000;
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.yt-news .mr p{
    font-size: 18px;
    color: #333;
    line-height: 33px;
}
.yt-news .mr .tm  .r{
    color: #ea0d2c;font-size: 18px;
}
.jm-4 img{
    width: 100%;margin: 70px 0; transition: all .5s;
}
.jm-4 img:hover {
       transform: scale(1.1);
}
.comp-1 img:hover {
       transform: scale(1.1);
}
.comp .comp-1{
    width: 48%;position: relative;
}
.comp-1 .cout{
    color: #ec0d2c;text-align: left;
}
.fit a{
    font-size: 16px;
    height: 40px;
    width: 175px;
    text-align: center;
    border: 1px solid #fff;
    display: block;
    line-height: 40px;
    color: #fff;
    position: absolute;
    bottom:165px;
}

.mainIndex{
     height: 100vh;
    position: relative;
    overflow: hidden;
}
.swiper-bit{
    position: absolute;
    color: #c2c2c2;
    top: -47%;
    right: 15%;
    font-size: 26px;
    font-weight: 100;
    z-index: 99999999;
}
.swiper-bit .swiper-button-prev2{
    width: 45px;
    height: 10px;
    position: absolute;
    background: url(images/sildpre.png) no-repeat;
    left: -71px;
    top: 10px;
    cursor: pointer;
}
#footerWrap {
    transform: translateY(0) !important;
}
.news_index{
    width: 100%;
    overflow: hidden;
    height: inherit;
    background: #f2f2f2;
    padding:8% 0 5% 0;
}
.news_index_c{
    width: 85%;
    margin: 0 5% 0 10%;
    overflow: hidden;
    position: relative;
}
.news_index_t{
    text-align: left;
    position: relative;
    font-size: 53px;
    color: #333;
}
.news_index_p{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4%;
}
.news_index_ctr{
    position: relative;
}
.news_index_ctr .swiper-bit{
    position: relative;
    top: auto;
    right: auto;
    margin-right: 71px;
}
.news_index_ctr .swiper-bit b{
    color: #000;
}
.news_index_ctr .swiper-bit .swiper-button-next2{
        background: url(images/sildnext1.png) no-repeat;
}
.news_index_ctr .swiper-bit .swiper-button-prev2{
    background: url(images/sildpre1.png) no-repeat;
}
.news_index_n{
        width: 100%;
    overflow: hidden;
    position: relative;
}
.news_index_l{
    background: #fff;
    width: 20%;
    float: right;
    padding: 4% 4% 4% 4%;
}
.news_index_list a p{
    font-size: 30px;
    color: #000;
    line-height: 40px;
    height: 80px;
    overflow: hidden;
}
.news_index_list a span{
    font-size: 16px;
    color: #7e7e7e;
    line-height: 25px;
    height: 50px;
    display: block;
    overflow: hidden;
    margin-top: 20px;
}
.news_index_om{
    margin-top: 48%;
    border-top: 1px solid #d6d6d6;
    padding: 10% 0 0 0;
    display: flex;
    align-items:baseline;
    font-size: 16px;
    color: #000;
}
.news_index_om1{
        font-size: 80px;
    color: #ea0d2c;
    font-weight: 100;
    margin-right: 4%;
}
.mainIndex .swiper-pagination-main{
    position: absolute;
    left: 5%;
    top: 45%;
    right:0;
    width: 50px;
    z-index: 9;
}
.mainIndex .swiper-pagination-main .swiper-pagination-bullet{
   background: none;
   opacity: 1;
   width: 50px;
   height: 50px;
   position: relative;
   margin-bottom: 10px;
}
.mainIndex .swiper-pagination-main .swiper-pagination-bullet:after{
    background: #bdb8b5;
    width: 8px;
    height: 8px;
    position: absolute;
    content: '';
    border-radius: 100%;
    right: 0;
    left: 0;
    margin: 21px auto;
}
.mainIndex .swiper-pagination-main .swiper-pagination-bullet-active{
    background:url(images/tabk.png) center center no-repeat;
}
.mainIndex .swiper-pagination-main .swiper-pagination-bullet-active:after{
   background: #ea0d2c; 
}
.yt-profile-t{
    text-align: center;
    position: relative;
    font-size: 53px;
    color: #333;
}
.yt-profile-c{
    width: 100%;
    overflow: hidden;
}
.yt-profile-l{
    width: 85%;
    margin: 0 5% 0 10%;
    padding: 5% 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.yt-profile-m{
    width: 40%;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    margin-top: 1%;
}
.profile_index .line{
        width: 1px;
    background: #ea0d2c;
    height: 4%;
    margin: 0 auto 1% auto;
}
.yt-profile-m p{
    font-weight: 100;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
    margin-bottom: 10%;
}
.yt-profile-m a{
    font-size: 16px;
    color: #fff;
    border: 1px solid #fff;
    font-weight: 100;
    padding: 2% 10%;
    border-radius: 5px;
    display: inline-block;
}
.yt-profile-i{
    width: 45%;
}
.yt-profile-i img{
    display: block;
    max-width: 100%;
    border-bottom-left-radius: 62px;
}
.profile_index{
    padding: 4% 0;
    overflow: hidden;
    height: inherit;
}
.yt-profile-d{
    font-size: 16px;
    color: #666666;
    text-align: center;
    width: 49%;
    margin: 1% auto;
    line-height: 30px;
}
.body-down{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 20px;
    color: #fff;
    background:url(images/bdw.png) no-repeat ;
    width: 21px;
    height: 12px;
    cursor: pointer;
    z-index: 99;
    animation: down linear 1s infinite;
    display: none;
}
@keyframes down{
	0%,100%{transform:translate(0,0);}
	50%{transform:translate(0,10px);}	
}
.swiper-bit .swiper-button-next2{
    width: 45px;height: 10px;
    position: absolute;
    background: url(images/sildnext.png) no-repeat;
    right: -71px;
    top: 10px;
    cursor: pointer;
}
.klitem{
     display: none;
    text-align: -webkit-center;
    align-items: stretch;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    line-height: normal;
    width: 100%;
    position: relative;
}
.klitem a{
    display: block;
    width: 31%;
    position: relative;
    box-shadow: 0px 0px 7px 0px #929292;
    margin: 35px 0 10px 0;
    overflow: hidden;
  
}
.klitem a p{
    font-size: 16px;
    color: #000;
    margin: 15px 20px 10px 20px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.roundlist {
    width: 100%;
    height: auto;
    position: relative;
}
.roundlist li {
    padding-left: 20px;
    margin-bottom: 20px;
}
.roundlist .title {
    color: #ec0d2c;
    font-size: 16px;
    position: relative;
    line-height: 2;
}
.roundlist .title:after {
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    background: #ec0d2c;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -20px;
}
.roundlist .text {
    line-height: 1.7;
    color: #737373;
    font-size: 14px;
}
.roundlist:after {
    content: '';
    position: absolute;
    left: calc(5px);
    top: 0;
    background: #ec0d2c;
    width: 1px;
    height: 100%;
}

.klitem a span{
    display: block;
    color: #919191;
    font-size: 12px;
    text-align: left;
    margin: 0 20px 10px 20px;
}
.klitem a img {
    width: 100%;
      transition: all .5s;
}
.klitem a:after{
    width: 0;
    height: 1px;
    background: #ec0d2c;
    display: block;
    content: '';
    position: absolute;
    transition: all .5s;
    bottom: 0;
}
.Nlist li {
    margin: 40px 0 60px 0;
    display: block;
}
.Nlist li a {
    display: flex;
    justify-content: space-between;
}
.NlistPic, .NlistPic {
    width: 45%;
    overflow: hidden;
    transition-duration: 0.6s;
}
.NlistPic video{
    width: 100%;height: 100%;
}
 .NlistPic img{
    width: 100%;height: 100%;
}
.NlistRight {
    width: 43%;
    color: black;
    text-align: left;
}
.comp .map{
    height: 358px;
}
.NlistRight p {
    font-size: 16px;
    border-bottom: 2px solid black;
    text-align: right;
    padding-bottom: 5px;
}
.NlistRight h6 {
    font-weight: normal;
    font-size: 24px;
    line-height: 1.8;
    padding-top: 12px;
    color: #000;
}
.klitem a:hover:after{
    width: 100%;
}
.link-more:hover{
    background: #ec0d2c;
    color: #fff;
}
.klitem a:hover img {
    transform: scale(1.05);
}
.swiper-bit b{
    font-size: 36px;
    color: #fff;
    font-weight: 100;
}
#ab_index{
    width: 100%;overflow: hidden;position: relative;
}
.hhs{
    width: 100%;height: 100%;
}
.ab_txt_contain{
    width: 100%;
    margin: 0 auto;
    padding: 5% 0 0 0;
    text-align: center;
}
div.store{
    margin: 70px auto;
}
.store .comp-1 img:hover{
    transform: scale(1);
}
.tool{
    text-align: left;
}
.store .comp-min{
      color: #3c3033;
    line-height: 30px;
}
.store .comp-cout{
    bottom: 13%;
}
.tool p{
    font-size: 40px;
    color: #ec0d2c;
}
.tool span:before{
    width: 46%;
    height: 1px;
    position: absolute;
    content: '';
    background: #a6a6a6;
    top: -11px;
}
.blocks{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
    margin-top: 3%;
}
.blocks .item{
    width: 30%;
    background: #fff;
    text-align: center;
    margin-bottom:6.5%;
    box-shadow: 0px 0px 10px 0px #dbdbdb;
    padding: 4% 0 3% 0;
    position: relative;
}
.blocks .item:hover::after{
    width: 80%;
    height:4px;
    background: #ec0d2c;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.blocks .item img{
    display: block;
    margin: 0 auto;
    width: 19%;
    max-width: 65px;
}
.blocks .item p{
    font-size: 24px;
    color: #333333;
    padding: 8% 0 6% 0;
}
.blocks .item span{
    font-size: 18px;
    color: #999999;
    padding: 0 12%;
    display: inline-block;
    line-height: 28px;
}
.store .ab_txt_contain{
    width: auto;
    margin: 0 auto;
    padding: 0 0 100px 0;
    text-align: right;
}
.tool span{
    font-size: 26px;
    position: relative;
    display: block;
    color: #595656;
    margin-top: 25px;
}
.kka p{
    font-size: 18px;
    color: #000000;
    padding: 25px 30px 10px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.kka span{
    display: block;
    font-size: 16px;
    color: #919191;
    margin: 15px 30px 0 10px;
    line-height: 30px;
}
.ab_txt_contain .title p{
    font-size: 53px;
    color: #f1f1f1;
    font-weight: 600;
    text-transform: uppercase;
}
.abtxt {
    font-size: 16px;
    color: #999999;
    line-height: 33px;
    padding: 0 75px;
    margin: 45px 0 100px 0;
}
.ab_txt_contain .title {
    width: 100%;
    position: relative;
}
.ab_txt_contain .title span{
    font-size: 53px;
    color: #333;
    display: inline-block;
    position: absolute;
    font-weight: 100;
    top: 13px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.gy_lx{
    padding: 20% 0;
    margin-top: 5%;
    position: relative;
}
.gy_lx_c{
    display: block;
    background: #ea0d2c;
    color: #fff;
    width: 20%;
    text-align: center;
    font-size: 24px;
    padding: 1.5% 0;
    right: 0;
    position: absolute;
    top: -7%;
}
.gy_dz{
    border-bottom: 1px solid #eeeeee;
    padding: 3% 0 2.5% 0;
    font-size: 18px;
    color: #000;
    background: url(images/yt.png) no-repeat right center;
    background-size: 36px;
}
.gy_tp{
    padding: 2.5% 0 5% 0;
    font-size: 18px;
    color: #000;
}
.gy_tp span{
    font-size: 36px;
    color: #ea0d2c;
    margin-top: 1%;
    display: block;
}
.gy_dz span{
    display: block;
    font-size: 36px;
    margin-top: 1.5%;
}
.gy_lx_c img{
display: block;
    max-width: 100%;
    margin: 0 auto 8% auto;
}
.join-us .mod-1{
    font-size: 18px;
    color: #333;
    line-height: 50px;
    text-align: justify;
}
#honors .join-us{
    padding: 5% 0 5% 0;
    background: #fff;
} 
#honors  .mod-1 span {
    color: #4c4b4a;
}
#honors  .mod-1 p {
    color: #fff;
}
#honors .certify .swiper-slide{
    max-width: 336px;
    width: 22%;
    border: none;
}
#honors  .certify .swiper-button-next, #honors  .certify .swiper-button-prev{
    width: 50px;height: 50px;
    border-radius: 100%;
    top: 43%;
}
#honors .pod-1 .certify .swiper-button-prev {
    left: -6%;
    background: url(images/j1.png) center center no-repeat;
    background-size: 100%; border-radius: 100%;
}
#honors .pod-1 .certify .swiper-button-next {
    right: -6%;
    background: url(images/j2.png) center center no-repeat;
    background-size: 100%; border-radius: 100%;
    left: auto;
}
.join-us .mod-2 img{
    display: block;max-width: 100%;
}
.swp{
    width: 80%;
    margin: 3% auto 0 auto;
}
.franchise{
    display: flex;
    text-align: -webkit-center;
    align-items: stretch;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    line-height: normal;
    position: relative;
    width: 100%;
}
.franchise a{
    flex:1;
}
.franchise a img{
    width: 100%;
}
#parameters .list{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.artcont{
    width: 100%;overflow: hidden;margin-bottom: 70px;text-align: justify;
}
.artcont img{
    max-width: 100%;
}
#parameters .list a{
     display: block;
    background: #fff;
    box-shadow: 0px 0px 5px 0px #e1e1e1;
    padding: 3% 0 2% 2%;
    width: 16.5%;
}

#liucheng .join-us{
    background: none;
    padding: 0;
}
#liucheng .join .mod-1{
    margin-top: 0;
}

div.lpcon{
    margin: 70px auto;
}
.zonedword{
    font-size: 20px;
    color: #888888;
}
 
#parameters .list p{
    font-size: 18px;
    color: #333;
    font-weight: 600;
    margin-bottom: 18%;
}
.tplDict{
    display: flex;
    text-align: left;
    align-items: stretch;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    line-height: normal;
    width: 100%;
    position: relative;
    margin: 50px 0;
}
.tplDict .drw{
    width: 27%;
}
.lpcon .tplDict .drw-1 p{
    background: url(images/lx1.png) no-repeat;
    background-size: contain;
    margin-bottom: 30px;
}
.tplDict .drw-1 span{
    font-size: 14px;
    display: block;
    color: #888;
    padding: 0px 10px;
    line-height: 30px;
}
.dasharr{
    width: 100%;
    background: #f4f4f4;
    padding: 45px 0;
}
.dasharr.on{
    background: #fff;
}
.dasharr-t{
    width: 100%;
    display: flex;
    text-align: -webkit-center;
    align-items: stretch;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
}

.sild-b-d {
      position: fixed;
    bottom: 10px;
    right: 0;
    z-index: 99;
    display: block;
    width: 50px;
}
 
.sild-b-d a {
     display: inline-block;
    text-align: center;
    font-size: 14px;
    position: relative;
    height: 50px;
    width: 50px;
    background: #ec0d2c;
    border-radius: 100%;
    margin-bottom: 20px;
}
 
.sild-b-d a:last-child {
    background: url(images/mk.png) center -3px no-repeat #ec0d2c;
    color: #ec0d2c;
    background-size: 40px;
}
.sild-b-d a:first-child{
    background: url(images/md.png) center 5px no-repeat #ec0d2c;
    background-size: 25px 25px;
}
.sild-b-d a.m:last-child span{
    bottom: 8px;
}
.sild-b-d a.m span{
    display: block;
    position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
    color: #fff;
}
.dasharr-t span{
    position: relative;font-size: 36px;
    color: #000;
    text-indent: 20px;
}
.dasharr-t span:before{
    position: absolute;
    height: 40px;
    width: 5px;
    background: #ec0d2c;
    display: block;
    content: '';
}
.dasharr-list{
        width: 100%;
    display: flex;
    text-align: -webkit-center;
    align-items: stretch;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
}
.dasharr-list:after{
    content:'' ;
  width: 26%;
}
.dasharr-list a {
    display: block;
    width: 26%;
    margin: 60px 0 0 0;
       overflow: hidden;
}
.dasharr-list a p{
    font-size: 24px;
    color: #ec0d2c;
    text-align: left;
    margin: 40px 0 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hcase .ab_txt_contain{
    width: 100%;text-align: left;
}
.u-b-1 {
    width: 100%;
}
.new-list li a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 5% 0;
}
.new-list li a .time {
    position: absolute;
    left: 0;
    top: 36%;
    background: #ec0d2c;
    z-index: -1;
    font-size: 0;
    text-align: center;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    padding: 1.5% 1.5%;
}
.new-list li:hover {
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}
.new-list li a:hover .time {
    left: 5px; 
}
.new-list li a:hover img{
   transform: scale(1.05);
}

.new-list li a:hover .nr .title h1 {
  color: #ec0d2c; 
}
.new-list li a:hover .nr .title h1:after {
  background: #ec0d2c; 
}
.new-list li a:hover .nr .title h1:before {
  width: 668px;
  background: #ec0d2c; 
}
.new-list li a .time > div {

}
.new-list li a .time .day {
    font-size: 36px;
    color: #FFF;
}
.new-list li a .time .year {
    font-size: 14px;
    color: #FFF;
}
.new-list li a .nr {
       background: #FFF;
    margin-left: 10.8%;
    padding: 2.5%;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    box-shadow: 0px 0px 16px rgb(0 0 0 / 15%);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
.new-list li a .nr .img {
    width: 37%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fl {
    float: left;
}
.new-list li a .nr .img > div {

}
.new-list li a .nr .img > div img {
    width: 100%;
    display: block;
     -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}
.new-list li a .nr .title {
    margin-left: 40%;
}
.new-list li a .nr .title h1 {
    width: 100%;
    font-size: 0.12rem;
    color: #333;
    position: relative;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin: 6% 0 5% 0;
}
.new-list li a .nr .title .p {
    font-size: 0.085rem;
    color: #919191;
    line-height: 25px;
    position: relative;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.new-list li + li {
    margin-top: 12px;
}
.dasharr-list a span{
    font-size: 14px;color: #000;
    display: block;text-align: left;
}
.dasharr-list a img{
    width:100%;
    transition: all 1s;
}
.dasharr-list a img:hover  {
    -webkit-transform: scale(1.05);
}
.new-list li a .time .day {
    font-size: 0.19rem;
    color: #FFF;
}
.new-list li a .time .year {
    font-size: 14px;
    color: #FFF;
}
.dasharr-t a{
        width: 136px;
    height: 36px;
    background: none;
    color: #ec0d2c;
    border: 2px solid #ec0d2c;
    line-height: 36px;
    display: block;
    text-align: center;
    font-size: 16px;
    transition: all 1s;
}
.bkd {
    width: 100%;overflow: hidden;
}
.bkd img{
    max-width: 100%;
    height: auto;
}
.dasharr-t a:hover{
    background: #ec0d2c;
    color: #fff;
}
.tplDict .drw-2 span{
    font-size: 16px;
    color: #888;
    padding: 0 10px;
    margin-top: 70px;
    display: block;
}
.tplDict .drw-3 span{
    font-size: 16px;
    color: #888;
    display: block;
    padding: 0 10px;
    line-height: 35px;
}
.tplDict .drw:nth-child(2) p{
    background: url(images/lx2.png) no-repeat;
    background-size: contain;
   margin-bottom: 30px;
}
.tplDict .drw:nth-child(3) p{
    background: url(images/lx3.png) no-repeat;
    background-size: contain;
    margin-bottom: 30px;
}
.lpcon .comp-1 .comp-min{
    color: #888;
    line-height: 45px;
    margin-top: 7px
}
.tplDict .drw p{
    font-size: 30px;
    color: #888;
    margin: 25px 0 0 16px;
    text-indent: 65px;
    position: relative;
}
.tplDict .drw p:after{
    display: block;
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    background: #e5e5e5;
    bottom: -18px;
}
#parameters .list .cout{
    font-size: 36px;
    color: #ec0d2c;
    font-weight: 600;
}
#parameters .list .cout b{
    font-size: 16px;
    color: #999999;
    padding-left: 5%;
}
.ab_txt_contain .more{
    display: block;
    width: 620px;
    background: #ec0d2c;
    height: 55px;
    line-height: 55px;
    color: #fff;
    font-size: 20px;
    margin: 30px auto;
      transition: all 1s;
      border: 1px solid #ec0d2c;
}
.ab_txt_contain .more:hover{
    background: #fff;
    color: #ec0d2c;
    border: 1px solid #ec0d2c;
      transition: all 1s;
}
.tzz .hd-yy{
    margin-bottom: 0;
}
.step2 .txt{
    color: #ec0d2c;
    font-size: 30px;
    position: absolute;
    right: 0;
    bottom: 20px;
}
.feitin .tzz .hd-yy .content {
    height: 505px;overflow: hidden;
}
.tzz .hd-yy .content {
    height: 385px;overflow: hidden;
}
.tzz .hd-yy .content .right{
    height: auto;top: 0; 
}
.linhTwo a img{
    display: block;width: 100%;
}
.sort-c{
    height: 314px;
    position: relative;
    margin: 35px 0 0 0;
    box-shadow: 0px 0px 7px 0px #929292;
}
.kka{
    width: 36%;height: 100%;
    background: #fff;
    position: absolute;
    right: 0;
}
.kka a{
    width: 136px;
    height: 36px;
    background: #fff;
    color: #ec0d2c;
    border: 2px solid #ec0d2c;
    line-height: 36px;
    display: block;
    margin: 50px auto 0 auto;
    text-align: center;
    font-size: 16px;
    position: absolute;
    right: 30px;
    bottom: 15px;
    transition: all 1s;
}
.kka a:hover{
    background: #ec0d2c;
    color: #fff;
}
.index_news .ab_txt_contain{
    width: 80%;
    margin: 0 auto;
    padding: 70px 0;
    text-align: center;
    max-width: 1522px;
}
.jevr{
    width: 100%;
    overflow: hidden;
    margin: 120px 0 0 0;
}
.jevr .left{
    float: left;
    width: 45%;
    
}
.fect img{
    max-width: 100%;
    margin-bottom: 25px;
    transition: all .5s;
}
.fect img:hover{
    transform: scale(1.1);
}
.listns{
    display: block;
    overflow: hidden;
}
.jevr .right{
    float: right;
    width: 50%;
    overflow-y: scroll;
}
.pddo{
    font-size: 36px;
    text-align: center;
}
.listns .l{
    float: left;
    width: 90px;
    color: #333333;
    position: relative;
    text-align: right;
}
.listns .l:after{
    position: absolute;
    content: '';
    width: 4px;
    height: 22px;
    background: #000;
    top: 4px;
    right: -21px;
}
.jevr .right .listns{
   margin-bottom: 40px;
}
.jevr .right .listns .r{
    border-bottom: 1px solid #c7e6d2;
     padding:0 0 40px 0;
}
.listns .l span{
    font-size: 30px;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}
.listns .l p{
    font-size: 18px;
}
.listns .r{
    float: right;
    width: 80%;
    text-align: left;
}
.listns .r p{
    font-size: 20px;
    color: #000;
    font-weight: 500;
    margin-top: 3px;
}
.listns .r span{
    font-size: 16px;
    color: #999999;
    display: block;
    line-height: 30px;
    margin-top: 10px;
}
.jevr .right::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background: #fff;
}
.jevr .right::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 10px 6px 0 #aaaaaa;
}
.jevr .right::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0px 0 0px #aaaaaa;
    border-radius: 10px;
}
.link-more{
    width: 175px;
    height: 40px;
    background: #fff;
    color: #ec0d2c;
    border: 1px solid #ec0d2c;
    line-height: 40px;
    display: block;
    margin: 50px auto 0 auto;
}

#footerWrap {
    position: relative;
    background: #272727;
}
.fla-3 {
    width: 100%;
    height: 625px;
    margin: 70px 0;
}

.fla-3 .shm-1 {
    font-size: 36px;
    color: #fff;
    text-align: center;
    padding-top: 30px;
}
.fla-3 .shm-2 {
    font-size: 24px;
    color: #fff;
    text-align: center;
    margin: 17px 0 0 0;
}
.fla-3 .subjoin {
    width: 100%;
    overflow: hidden;
    margin: 80px 0 0 0;
}
.fla-3 .subjoin .contain {
    width: 1255px;
    margin: 0px auto;
    display: flex;
    text-align: -webkit-center;
    align-items: stretch;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    line-height: normal;
    position: relative;
}
.fla-3 .subjoin .center{
    width: 170px;
    margin-top: 60px;
    text-align: center;
}
.fla-3 .subjoin .center span{
    display: block;
    font-size: 24px;
    color: #fff;
    padding-top: 5px;
}
.fla-3 .subjoin .center img{
    width: 120px;
    height: 120px;
    display: inline-block;
}
.fla-3 .subjoin .left {
    width: 355px;
    
    margin-top: 30px;
}
.fla-3 .sfb-1 {
    height: 50px;
    width: 100%;
    border: none;
    line-height: 50px;
    background: #fff;
    margin-bottom: 33px;
}
.fla-3 .sfb-1 label {
    font-size: 22px;
    display: inline-block;
    padding-left: 14px;
    color: #000;
}
.fla-3 .sfb-1 input {
    width: 230px;
    vertical-align: top;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    display: inline-block;
}
.fla-3 .h_submits {
    width: 100%;
    background: #fff;
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
    cursor: pointer;
    color: #ec0d2c;
     font-family: SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif;
}
.fla-3 .subjoin .right {
    width: 250px; 
}
.fla-3 .subjoin .right img {
    width: 182px;
    height: 182px;
    display: block;
}
.fla-3 .subjoin .right span {
    font-size: 24px;
    color: #fff;
    text-align: left;
    display: block;
    margin: 15px 0;
    padding-left: 8px;
}
.fla-3 .subjoin .right .ins {
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: url(images/htel-1.png) 0px 5px no-repeat;
    margin-top: 105px;
    padding-left: 7px;
}
.fla-3 .subjoin .right .ins p {
    font-size: 16px;
    font-weight: normal;
    margin-left: -40px;
    margin-bottom: 5px;
}
.gdd_foot2 {
    width: 80%;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 45px 0 0 0;
    text-align: center;
}
.feitin{
    margin-top: 70px;
}
.feitin .tzz .hd-yy .content .right{
    top: 0;
}
.feitin .hd-yy .content .left{
    margin-top: 0;
}
.feitin .ab_txt_contain{
    padding:0;
}
.feitin .swiper-Tbit{
    right: 15%;
    left: auto;
}

.feitin .hd-yy {
    width: 90%;
    margin: 80px 0 120px 10%;
}
.feitin .tzz .hd-yy{
    margin-bottom: 70px;
}
.gdd_f_list_box {
    display: flex;
    justify-content: space-between;
    padding: 5% 0 0 0;
}
.fg-ctm-list{
    width: 80%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25%;
    position: relative;
}
.fg-ctm-list img{
    display: none;
    max-width: 136px;
    position: absolute;
    top: -45px;
    right: 0;
    z-index: 9999;
}
.fg-ctm-list a{
    width: 30px;
    border-radius: 100%;
    display: block;
    height: 30px;
    padding: 7px;
}
.fg-ctm-list a.m1{
    background: url(images/f1.png) no-repeat center center #707070;
    background-size: 50%;
}
.fg-ctm-list a.m2{
    background: url(images/f2.png) no-repeat center center #707070;
    background-size: 50%;
}
.fg-ctm-list a.m3{
    background: url(images/f3.png) no-repeat center center #707070;
    background-size: 50%;
}

.fg-ctm-list a.m1:hover{
    background: url(images/f1.png) no-repeat center center #fff;
    background-size: 50%;
}
.fg-ctm-list a.m1:hover img{
    display: block;
}
.fg-ctm-list a.m2:hover{
    background: url(images/f2.png) no-repeat center center #fff;
    background-size: 50%;
}
.fg-ctm-list a.m3:hover{
    background: url(images/f3.png) no-repeat center center #fff;
    background-size: 50%;
}
.gdd_f_list_box .gdd_f_list {
    display: flex;
    justify-content: space-between;
    width: 70%;
}
.fcode{
  max-width: 116px;
}
.fcode img{
    display: block;width: 100%;
}
.fcode span{
    display: block;
    font-size: 14px;
    color: #919191;
    text-align: center;
    margin-top: 15%;
}
.gdd_f_list_box .gdd_f_list dt {
    margin-bottom: 40px;
    text-align: center;
}
.gdd_f_list_box .gdd_f_list dd span{
    display: block;
    font-size: 24px;
    color: #ec0d2c;
    text-align: left;
    padding: 10px 0 0 0;
}
.focume{
    margin-top: 30px;
}
.focume dd{
    text-align: -webkit-center;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    line-height: normal;
    width: 100%;
    position: relative;
}
.focume dd a{
     display: block;
    width: 33.3%;
    margin-bottom: 20px;
}
.gdd_f_list .gdd_f_item:last-child dd{
    text-align: left;
}
.gdd_f_ewm_box dt a{
    font-size: 18px;
    color: #fff;
    position: relative;
}
.gdd_f_ewm_box dt a:after{
    width: 100%;
    height: 1px;
    background: #fff;
    content: '';
    display: block;
    position: absolute;
    bottom: -10px;
}
.gdd_f_list_box .gdd_f_list dt a {
    font-size: 20px;
    color: #fff;
    position: relative;
}
.gdd_f_list_box .gdd_f_list dd a {
    font-size: 18px;
    color: #999999;
}
.gdd_f_list_box .gdd_f_list .gdd_f_item_last .img{
    display: none;
    position: absolute;
    width: 150px;
    bottom: 35px;
    right: 195px;
}

.gdd_f_ewm_box .top_ewm {
    width: 1rem;
    height: 1rem;
}

.gdd_f_ewm_box .top_ewm img {
    width: 100%;
}
.gdd_foot_line {
    border-top: 1px solid #ffffff;
    width: 80%;
    margin: 30px auto 0 auto;
}
.gdd_foot_line_last {
    border-top: 1px solid #ffffff;
    width: 80%;
    margin: 0 auto;
    padding-bottom: 50px;
}
.gdd_foot_copyright_box {
    display: inline-block;
    margin: 3.5% 0 0 0;
    padding: 2% 0;
    text-align: center;
    width: 100%;
    background: #181818;
}
.gdd_foot_copyright_box a{
     font-size: 16px;
    color: #999999;
}
.gdd_f_list_box .gdd_f_list dd {
    margin-bottom: 25px;
    text-align: center;
    position: relative;
}
.swiper-Tbit{
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
}
.swiper-Tbit .swiper-button-prev3{
   width:56px;height: 56px;
   background: url(images/pre.png) no-repeat;
   background-size: 100%;
   cursor: pointer;
   margin-right: 28px;
   flex:1;
}
.swiper-Tbit .swiper-button-next3{
   width:56px;height: 56px;
   background: url(images/next.png) no-repeat;
   background-size: 100%;
   cursor: pointer;
   flex:1;
}
.slidesss img{
    width: 100%;
}
.slidesss{
    width: 100%;
    overflow: hidden;
    height: 600px;
    background-size: cover
}
.position{
    width: 100%;
    height: 63px;
    border-bottom: 1px solid #efefef;
    line-height: 63px;
    font-size: 14px;
}
.position .urHere{
    width: 90%;
    margin: 0 auto;
    color: #999;
    overflow: hidden;
     white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
}
.position .urHere a{
    color: #999;
}
.position .urHere span{
    color: #ec0d2c;
}
.urHere a:first-child {
    background: url(images/pstion.png) left 0 no-repeat;
    padding-left: 2%;
    background-size: 32%;
}
.contain-s{
    width: 63%;margin: 0 auto;
}
.profile {
    position: relative;
    padding: 90px 0 80px 0;
    overflow: hidden;
}
.profile .coverimg{
    position: absolute;
    left: 0;
    width: 44%;
    display: block;
    top: 60px;
    z-index: 1;
}
.htmd{
    font-size: 14px;
    color: #666666;
    line-height: 25px;
}
.profile .content{
    width: 63%;
    float: right;
    overflow: hidden;
    background: #fff;
}
.profile .content .detil{
     width: 78%;
    float: right;
    padding: 40px 20px 40px 0;
}
.profile .content .detil .wid{
     font-size: 30px;
    color: #333;
    font-weight: 500;
    padding-bottom: 20px;
    margin-bottom: 35px;
}

.chane{
    background-size: cover;
    width: 100%;
    height: 779px;
    position: relative;
    margin-bottom: 80px;
}
.chane .tx{
    position: absolute;
    width: 35%;
    right: 15%;
    top: 247px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
    line-height: 29px;
    font-size: 14px;
    color: #333333;
    font-weight: 600;
    text-align: left;
}
.sort-a span{
    font-size: 24px;
    color: #666;
    display: inline-block;
    margin: 40px 70px 35px 0;
    position: relative;
    cursor: pointer;
}
.sort-a span.cur{
    font-size: 30px;
    color: #ec0d2c;
}
.sort-a span:after{
    display: block;
    content: '';
    position: absolute;
    height: 1px;
    background: #ec0d2c;
    width: 0%;
    bottom: -10px;
}
.sort-a span.cur:after{
    width: 100%;
    -webkit-transition: all .5s;
}
.sort-a span:hover{
     color: #ec0d2c;
}
.sort-a span:hover:after{
     width: 100%;
    -webkit-transition: all .5s;
}
.sort-b .nk{
    display: none;
    text-align: -webkit-center;
    align-items: stretch;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    line-height: normal;
    width: 100%;
    position: relative;
}
.sort-b .nk a{
     display: block;
    width: 28%;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 7px 0px #929292;
    
}
.sort-b .nk a span{
    display: block;
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #fff;
    font-size: 18px;
}
#classic_index .ab_txt_contain{
    text-align: left;
}
.sort-b .nk a img{
    width: 100%;transition: all .5s;
}
/**---全屏文化**/
.contain-1200{
    width: 1200px;
    margin: 0 auto;
}
.cult_1{
    width: 100%;
    overflow: hidden;
    margin: 0 0 20px 0;
    display: flex;
    text-align: -webkit-center;
    align-items: stretch;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
}
.cult_1 a{
    display: block;
    width: 48.5%;
    margin-bottom: 50px;
}
.cult_1 a img{
    width: 100%;
    transition: all .5s;
}
.cult_title{
    display: block;
    margin: 30px auto 9% auto;
    text-align: center;
    font-size: 30px;
    color: #000;
    font-weight: 500;
    position: relative
}
.cult_title:after{
    position: absolute;
    width: 60px;
    height: 2px;
    background: #ec0d2c;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: '';
    top: 50px;
}
.cult_2 {
    width: 100%;
    overflow: hidden;
    display: flex;
    margin: 0 0 12% 0;
    justify-content: space-around;
    align-content: space-around;
}
.cult_2 a {
    display: block;flex: 1;
}
.cult_2 a img{
   max-width: 100%;transition: all .5s;
}
.cult_2 a:first-child img:first-child{
    margin-bottom: 20px;
}
.part-content{
    width: 100%;
    overflow: hidden;
    background: #f7f7f7;
    padding: 60px 0 60px 0;
    margin-bottom: 10%;
}
.cult_3{
    width: 100%;
}
.cult_3 a{
  width: 386px;height: 237px;margin-bottom: 18px;
  margin-right: 18px;
  display: block;
  float: left;
  box-shadow: 0px 1px 7px -4px #a0a0a0;
}
.cult_3 a:nth-child(3n){
    margin-right: 0;
}
.cult_3 a img{
    width: 100%;transition: all .5s;
}
.cult_1 img:hover,.cult_2 img:hover,.cult_3 img:hover{
    transform: scale(1.1);
}

.plh {
    width: 100%;
    margin:0;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.plh a {
    width: 18%;
    float: left;
    margin-right: 2%;
    background: #eeeeee;
    display: inline-block;
    margin-bottom: 60px;
    position: relative;
    box-shadow: 0px 0px 0px 1px #666666;
}
.plh a img {
    width: 90%;
    display: block;
    margin: 10px auto;
   transition: all .5s;
} 
.plh a img:hover{
     transform: scale(1.1);
}
.plh a p {
    width: 90%;
    margin: 0 auto;
    font-size: 16px;
    color: #000;
    line-height: 19px;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 1px dashed #bcbcbc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.plh a span {
    display: block;
    font-size: 14px;
    color: #666666;
    padding: 16px 10px;
}

.bigimg {
    width: 40%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: none;
    z-index: 9999;
    border: 10px solid #fff;
    height: auto !important
}
.masks {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.9;
    filter: Alpha(opacity=50);
    z-index: 98;
    transition: all 1s;
    display: none;
}
.masks>img {
    position: fixed;
    right: 10px;
    top: 10px;
    width: 60px;
}
/**---全屏荣誉**/
/**---全屏产品**/
.tabpan{
    max-width: 1480px;
    margin: 70px auto 0 auto;
    text-align: center;
    padding: 3.5% 0;
}
.tabpan .tx{
    width: 55%;
    margin:0 auto;
    font-size: 16px;
    padding: 0 5%;
    color: #333333;
    text-align: left;
    background: rgba(255, 255, 255,.9);
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
}
#company{
    position: relative;
}
#service .join-us{
    background: url(images/s-1.png) no-repeat;
    background-size: 100% 100%;
    padding: 11% 0 2% 0;
}
.anon{
    width: 81.5%;
    position: absolute;
    bottom: -13%;
    right: 0;
    background: url(images/ab-1.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.anon .item{
    padding: 4% 0;
    width: 25%;
    text-align: center;
}
.anon .cout{
    font-size: 60px;
    color: #fff;
    font-weight: 600;
}
.anon .item p{
    font-size: 24px;
    color: #fff;
    font-weight: 100;
    margin-top: 12%;
}
.tabpan .tx p{
        text-align: center;
    color: #ec0d2c;
    font-size: 30px;
    font-weight: 500;
}
.tabpan .tx span{
    display: block;
    color: #000;
    line-height: 25px;
    font-weight: 400;
}
.contain-1480{
    max-width: 1200px;
    margin: 0 auto;
}
.dowebok{
    width: 100%;
    overflow: hidden;
    margin: 70px 0;
}
.dowebok-1{
    width: 100%;overflow: hidden;display: block;
}
.dowebok-1 span{
    display: block;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    float: left;
    padding: 10px 15px;
    background: #f0eaea;
    margin-right: 10px;
    cursor: pointer;
}
.dowebok-1 span.cur{
    background: #f8f8f8;
}
.tabNav-1 a {
    display: block;
    float: left;
    width: 440px;
    height: 320px;
    margin-right: 30px;
    margin-bottom: 30px;
    position: relative;
}
.tabNav-1 a span{
    font-size: 26px;
    position: absolute;
    left: 20px;
    top: 20px;
    color: #fff;
}
.tabNav-1 a:nth-child(3n){
    margin-right: 0;
}
.tabNav{
    width: 100%;
    background: #f8f8f8;
    padding: 30px 30px 0 30px;
    overflow: hidden;
}
.tabNav .content{
    line-height: 30px;
    padding: 0 50px 30px 0;
}
.tabNav .content img{
    max-width: 100%;
    width: auto;
}
.tabNav-1 img{
    width: 100%;transition: all .5s;
}
.tabNav-1 img:hover{
   transform: scale(1.1);
}
.vad{
    max-width: 750px;
    margin: 50px auto;
}
.hhd{
    width: 100%;
    overflow: hidden;
    padding: 70px 0;
    background: #f8f8f8;
}
.hhd .p{
    text-align: center;
    font-size: 30px;
    color: #333333;
    font-weight: 500;
}
.hhd a{
    display: block;
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-top: 2%;
}
.hhd a:nth-child(3n){
    margin-right: 0;
}
.hhd a img{
   width: 100%;transition: all .5s;
}
.hhd img:hover{
   transform: scale(1.1);
}
 
.dpca{
    width: 100%;
    height: 640px;
    position: relative;
    margin-bottom: 200px;
}
.dpca .swiper-container {
    width: 100%;
    height: 100%;
}
.dpca .slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #fff;
}
.filtrateall{
    background: #fff;
    width: 43%;
    height: 65%;
    position: absolute;
    top: 18%;
    z-index: 1;
    right: 0;
}
.filtrate {
    font-size: 16px;
    width: 80%;
    margin: 2% 0 0 6%;
    color: #666666;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
}
.filtrate span{
    line-height: normal;
    display: block;
}
.filtrate p{
    font-size: 26px;
    color: #333;
}
.rate-bit {
    position: absolute;
    bottom: -9%;
    right: 10%;
    font-size: 36px;
    color: #999999;
}
.rate-bit .swiper-button-next2 {
    width: 60px;
    height: 60px;
    position: absolute;
    background: url(images/nd.png) no-repeat;
    right: -58px;
    top: 10px;
    cursor: pointer;
}
.filtrate a {
    width: 40px;
    height: 1px;
    background: #ec0d2c;
    display: block;
}
.rate-bit .swiper-button-prev2 {
    width: 60px;
    height: 60px;
    position: absolute;
    background: url(images/pd.png) no-repeat;
    left: -100px;
    top: 10px;
    cursor: pointer;
}
 
.scient .tabpan{
    padding: 6.5% 0;
}
.scient .hhd{
    background: #fff;padding: 30px 0 70px 0;
}
.scient .hhd a{
    position: relative;
}
.scient .hhd a span {
    display: block;
    font-size: 14px;
    color: #fff;
    bottom: 6%;
    position: absolute;
    left: 5%;
}
 
.achieve .profile .coverimg{
    z-index: 0;
}
.achieve .profile .content .detil {
    width: auto;
    float: none;
    padding: 30px 20px 30px 30px;
}
.achieve .profile .content .detil .wid {
    font-size: 20px;
    color: #333;
    font-weight: 500;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 20px;
}
.achieve .profile .coverimg{
    width: 52%;
}
.achieve .profile a{
   font-size: 16px;
    color: #ec0d2c;
    border: 1px solid #ec0d2c;
    margin-top: 4%;
    display: inline-block;
    padding: 1.3% 4%; 
}
.achieve-list a{
    display: block;
    float: left;
    width: 21.1%;
    margin-right: 5.2%;
    position: relative;
}
.achieve-list a:nth-child(4){
    margin-right: 0;
}
.achieve-list a img{
    width: 100%;
    transition: all .5s;
}
.achieve-list a img:hover{
   transform: scale(1.1);
}
.achieve-list a span {
    display: block;
    position: absolute;
    background: #ec0d2c;
    width: 75%;
    bottom: -5%;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding: 6% 0;
    text-align: center;
    font-size: 16px;
    color: #fff;
}
.achieve-list{
      padding-bottom: 130px;overflow: hidden;
}
/**---全屏科研成果**/
/**---全屏研发投入**/
.aging img{
    max-width: 100%;
}
.aging{
    margin: 4% auto;line-height: normal
}
/**---全屏研发投入**/
/**---全屏新闻中心**/
.caselist{
    position: relative;
    padding: 70px 0 20px 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.caselist a {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
    display: block;
    -webkit-transition: all 1s;
    transition: all 1s;
}
.caselist a img {
    width: 100%;
    
}
.caselist a:hover{
    transform: scale(1.05);
}
.caselist a:nth-child(3n) {
    margin-right: 0;
}
.caselist .item_bot_txt {
    padding: 5%;
    background-color: #f5f5f5;
}
.caselist .item_bot_txt p {
    font-size: 20px;
    color: #333333;
    margin-bottom: 7%;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 600;
    text-overflow: ellipsis;
}
.caselist .item_bot_txt .time {
    font-size: 14px;
    color: #666666;
    margin-bottom: 7%;
    display: block;
}
.caselist .item_bot_txt .description{
    font-size: 14px;
    color: #999999;
    margin-bottom: 2%;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.pager{
    display: flex;
    width: 100%;
    text-align: center;
    overflow: hidden;
    justify-content: center;
}
.yt-news .news_index_n{
    margin-bottom: 3.5%;
}
.yt-news .news_index_l{
    background: #f2f2f2;
    width: 25%;
    float: right;
    padding: 3%;
}
.yt-news .news_index_list a span{
    height: 75px;
}
.yt-news .ty {
    font-size: 16px;
    color: #ea0d2c;
    border: 1px solid #ea0d2c;
    padding: 2% 6%;
    border-radius: 5px;
    display: inline-block;
    font-weight: 600;
    margin-top: 9%;
    position: relative;
}
.yt-news .ty:after{
    background: url(images/ty.png) no-repeat center center;
    content: '';
    background-size: cover;
    width: 22px;
    height: 22px;
    position: absolute;
    right: -11%;
    top: 14%;
}
.yt-news .news_index_om{
    margin-top: 10%;
}
.pager a{
    display: block;
    background: #fff;
    width: 40px;
    font-size: 18px;
    color: #000;
    margin-right: 1%;
    border: 1px solid #e7e7e7;
    font-family: cursive;
    height: 40px;
    line-height: 40px;
}
.pager a.active{
    background: #ec0d2c;
    border: 1px solid #ec0d2c;
    color: #fff;
}
.pager a.disable{
        cursor: not-allowed;
}
.sk-1{
     padding: 2% 2%;
    background: #fff;
    margin-top: 70px;
}
.sk-1 video{
    width: 100%;
}
.sk-1 img{
    width: 100%;
}
.new-pmd{
    text-align: center;
    overflow: hidden;
    width: 100%;
    font-size: 30px;
    color: #333;
    font-weight: 600;
    line-height: normal;
    margin: 4% 0 0 0;
}
.new-pmd-time{
    font-size: 16px;
    color: #666666;
    text-align: center;
    overflow: hidden;
    width: 100%;
    line-height: normal;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 50px;
    padding: 30px 0;
}
.new-pmd-content{
    overflow: hidden;
    width: 100%;
    line-height: normal;
    margin-bottom: 50px;
    text-align: justify;
}
.new-pmd-content img{
    max-width: 100%;
    height: auto;
}
.lift {
    width: 100%;
    overflow: hidden;
    margin-bottom: 5%;
    font-size: 12px;
    color: #000;
    display: flex;
    text-align: -webkit-center;
    align-items: stretch;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    line-height: normal;
}
.lift a{
    font-size: 12px;
    color: #000;
}
.lift span:hover,.lift span:hover a{
    color: #ec0d2c;
}

.investor .ab_txt_contain{
    width: 100%;
    padding-bottom: 0;
}
.investor .link-more {
    text-align: center;
    margin: 0 auto 70px auto;
}
.tzzg{
    background-size: cover;
    width: 100%;
    height: 660px;
    position: relative;
}
.tzzg .link-more {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 50%;
    top: 50%;
}
 
.abstract{
    font-size: 18px;
    color: #38764e;
    background: #f3fbf5;
    width: 75%;
    margin: 40px auto;
    text-align: center;
    padding: 20px 0;
    font-weight: 500;
    line-height: normal;
}
.abstract_content{
    font-size: 16px;
    text-align: center;
    line-height: 35px;
}
.abstract_shte{
    display: flex;
    text-align: -webkit-center;
    align-items: stretch;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    line-height: normal;
    width: 100%;
    position: relative;
}
.develop-1{
    width: 100%;
    overflow: hidden;
    padding: 45px 0;
    background: #f8f8f8;
    margin: 50px 0;
}
.abstract_shte a span{
    display: block;
    font-size: 19px;
    color: #ec0d2c;
    text-align: left;
    font-weight: 600;
    margin-bottom: 25px;
}
.abstract_shte a:last-child span{
    color: #d82e2e;
}
.abstract_shte img{
    max-width: 100%;
    transition: all .5s;
}
.abstract_shte img:hover{
    transform: scale(1.1);
}
.c-row{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    cursor: pointer;
    top: 20%;
    z-index: 0;
    max-width: 370px;
}
.c-row p{
    color: #ec0d2c;
    font-size: 19px;
    margin-top: 30px;
    font-weight: 600
}
.c-row img{
    max-width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 19%;
}

.c-row-1{
    width: 165px;
    height: 165px;
    padding: 15px;
    border-radius: 100%;
    background: #fefefe;
    text-align: center;
    border: solid 1px #ebeced;
    
     
}
.c-row-1:hover{
    animation: externalHalo 3s linear;
    animation-iteration-count:infinite;
    background: url(images/loading-circle@2x.png) no-repeat;
    background-size: contain;
}
.c-row-2{
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background: #fff;
    box-shadow: 0px 0px 6px 1px #dcdfdb;
    position: relative;

}
.c-row-2:hover{
        animation: internalAvatar 3s linear;
    animation-iteration-count:infinite;
    background: url(images/loading-circle@2x.png) no-repeat;
    background-size: contain;
}
@keyframes externalHalo {
    0%{
      transform: rotate(0deg);
    }
    25%{
      transform: rotate(90deg);
    }
    50%{
      transform: rotate(180deg);
    }
    100%{
      transform: rotate(360deg);
    }
  }
  @keyframes internalAvatar {
      0%{
      transform: rotate(-360deg);
    }
    25%{
      transform: rotate(-180deg);
    }
    50%{
      transform: rotate(-90deg);
    }
   100%{
      transform: rotate(0deg);
    }   
    
  }
  .abstract_shte a{
      display: block;    width: 36%;
  }
  .molecule{
    display: flex;
    text-align: -webkit-center;
    align-items: stretch;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    line-height: normal;
    width: 100%;
    position: relative;
    margin: 70px 0;
  }
  .molecule .nubx {
    width: 48.5%;
    height: 182px;
    text-align: left;
    display: flex;
    text-align: -webkit-center;
    align-items: stretch;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    line-height: normal;
    position: relative;
    box-shadow: 0 0 6px -1px #a4a4a4;
  }
  .molecule .nubx img{
    display: block;
    height: 172px;
    width: 262px;
    padding: 5px;
    box-shadow: 0 0 6px -1px #a4a4a4;
    cursor: pointer;
    transition: all .5s;
  }
  .molecule .nubx img:hover{
      transform: scale(1.1);
  }
  .molecule .nubx .bv{
      width: 57%;
      text-align: left;
  }
  .molecule .nubx .bv p{
    font-size: 18px;
    color: #333;
    font-weight: 600;
    position: relative;
    margin: 20px 0;
    text-align: left;
    text-indent: 0px;
    padding-left: 20px;
  }
  .molecule .nubx .bv p:before{
      width: 7px;height: 7px;
      content: '';
      position: absolute;
      background: #ec0d2c;
      left: 0;
      top: 8px;
  }
  .molecule .nubx  span{
      display: block;
  }
  .molecule-1 span{
    font-size: 16px;
    color: #000;
    padding-bottom: 10px;
    background: url(images/icon2.png) 0px 5px no-repeat;
    padding-left: 23px;
  }
  .molecule-2 span{
    font-size: 14px;
    color: #999999;
    text-transform: uppercase;
    line-height: 23px;
    padding-left: 20px;
  }
  .xsmall {
    text-align: center;
    overflow: hidden;
    width: 100%;
    margin-bottom: 70px;
  }
  .xsmall img{
      max-width: 100%;
  }
  .merge{
    display: flex;
    text-align: -webkit-center;
    align-items: stretch;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    line-height: normal;
    width: auto;
    position: relative;
    box-shadow: 0 0 8px -1px #a4a4a4;
    margin-bottom: 70px;
    padding: 30px 25px;
    font-size: 18px;
  }
  .merge span {
    color: #333;
    position: relative;
    display: inline-block;
    padding-left: 20px;
  }
  .merge span b{
      color:#ec0d2c;
      position: relative;
  }
  .merge span:after{
    width: 7px;
    height: 7px;
    content: '';
    position: absolute;
    background: #ec0d2c;
    left: 0;
    top: 8px;
  }
/**---全屏可持续发展**/
/**---全屏联系方式**/
.contact .caselist .item_bot_txt{
    background: #fff;
    border: 1px solid #dddddd;    
}
.contact .caselist .item_bot_txt .description{
     margin-bottom:5px;
     min-height: auto;
}
.abhuah{
    width: 100%;
    overflow: hidden;
    background: #f9fafb;
    margin: 50px 0 0 0;
    padding: 70px 0;
}
.part-a{
    overflow: hidden;
    border-bottom: 1px solid #dddddd;
    padding: 0 0 40px 0;
    display: flex;
    text-align: -webkit-center;
    align-items: stretch;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    line-height: normal;
    width: 100%;
    position: relative;
}
.bd-1 p{
    font-size: 40px;
    color: #333;
}
.bd-1 span{
    font-size: 16px;
    color: #999999;
    display: block;
    text-transform: uppercase;
    margin-top: 15px;
}
.bd-2 {
    font-size: 20px;
    color: #d70000;
    display: flex;
    text-align: -webkit-center;
    align-items: stretch;
    align-content: space-evenly;
    flex-wrap: wrap;
    line-height: normal;
    position: relative;
    font-weight: 600    
}
.bd-2 span{
    display: block;
    line-height: 50px;
    background-size: contain;
    padding-left: 70px;
}
.bd-2 span:first-child{
    background: url(images/hhtel.png) no-repeat;    margin-right: 60px;
}
.bd-2 span:last-child{
    background: url(images/hhfax.png) no-repeat;
}
.part-b{
        display: flex;
    text-align: -webkit-center;
    align-items: stretch;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    line-height: normal;
    width: 100%;
    position: relative;
}
.loa{
    margin: 50px 0 0 0;
    text-align: left;
}
.loa p{
    font-size: 18px;
    color: #000;
    font-weight: 600;
}
.loa span {
    font-size: 16px;
    color: #333;
    display: block;
    margin-top: 40px;
    background: url(images/message.png) 0 6px no-repeat;
    text-indent: 25px;
    line-height: normal;
}

/**---全屏联系方式**/
/**---全屏**/
.contain-1107{
    width: 1107px;
    margin: 0 auto;
}
.job_content p{
    font-size: 16px;
    text-align: center;
    color: #999999;
    line-height: 30px;
    margin-bottom: 45px;
}
.job_content img{
    max-width: 100%;
     transition: all .5s;
     cursor: pointer;
     text-align: center;
}
.job_content img:hover{
    transform: scale(1.1);
}
.breadcrumb{
    background: #ec0d2c;
    font-size: 16px;
    color: #f5f5f5;
    position: relative;
    height: 50px;
    line-height: 50px;
    margin-top: 90px;
    padding: 0 30px;
}
.breadcrumb span{
    display: block;
    float: left;
    width: 23%;
     white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;  
}
.breadcrumb span:last-child{
    width: 8%;
}
.breadcrumb-item{
     background: #faf9f9;
    font-size: 16px;
    color: #333;
    position: relative;
    height: 80px;
    line-height: 80px;
    padding: 0 30px;
}
.breadcrumb-item:nth-child(2n){
    background: #ededed;
}
.breadcrumb-item span{
    display: block;
    float: left;
    width: 23%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    
}
.breadcrumb-list{
    width: 100%;
    overflow: hidden;
}
.breadcrumb-pager{
    width: 100%;
    background: #faf9f9;
    padding: 30px 0;
    margin-bottom: 70px;
}
.breadcrumb-pager .pager{
     margin-bottom: 0;
}
.breadcrumb-item span a{
    color: #ec0d2c;
    border: 1px solid #ec0d2c;
    padding: 3px 11px;
    border-radius: 17px;
    display: inline;
}
.breadcrumb-item span a:hover{
    background: #ec0d2c;
    color: #f5f5f5;
}
.breadcrumb-item span:last-child{
    width: 8%;
}
.linenums{
    width: 100%;
    overflow: hidden;
    background: #fff;
    margin: 70px 0;
}
.linenums-1{
    font-size: 36px;
    text-align: center;
    color: #000;
    margin: 40px 0;
    font-weight: 500;
}
.linenums-2{
    background: #ededed;
    height: 110px;
    line-height: 110px;
    font-size: 20px;
    color: #333333;
    display: flex;
    text-align: -webkit-center;
    align-items: stretch;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    padding: 0 50px;
    position: relative;
}
.linenums-2 span{
    padding-left: 30px;
}
.linenums-2 span:nth-child(1){
    background: url(images/jb1.png) left center no-repeat;
}
.linenums-2 span:nth-child(2){
    background: url(images/jb2.png) left center no-repeat;
}
.linenums-2 span:nth-child(3){
    background: url(images/jb3.png) left center no-repeat;
}
.linenums-2 span:nth-child(4){
    background: url(images/jb4.png) left center no-repeat;
}
.linenums-3 {
    padding: 70px 50px;
}
.linenums-3 .title {
     font-size: 20px;
    font-weight: bold;
    color: #333;
    line-height: 48px;
}
.linenums-3 .right {
    margin-left: 20px;
    display: inline-block;
    width: auto;
    font-size: 16px;
    color: #666666;
    line-height: 48px;
    vertical-align: top;
    white-space: pre-line;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
    margin-top: -48px;
}
.pv15 {
    padding: 15px 0;
}
.linenums .bottom {
    height: 110px;
    padding: 0 30px;
    background: #ededed;
    line-height: 110px;
    overflow: hidden;

}
.linenums .bottom a{
    margin-right: 10px;
    display: inline-block;
    width: 140px;
    height: 55px;
    background: #ec0d2c;
    font-size: 20px;
    color: #ffffff;
    line-height: 55px;
    text-align: center;
    vertical-align: middle;
    transition: all 0.2s;
    border: 1px solid #ec0d2c;
}
.linenums .bottom a.backtolist{
    color: #999999;
    background: #fff;
    border: 1px solid #d0c1c1;
}
.tm-content{
    padding: 30px;
}
.tm-content .layui-layer-title{
    font-size: 20px;
    text-align: center;
    padding: 0;
    line-height: 42px;
    background: #fff;
    border-bottom: none;
    margin: 20px 0;
    color: #333;
    font-weight: 600;
}
.tm-content .layui-layer-btn{
    text-align: center;
}
.tm-content .layui-layer-btn .layui-layer-btn0 {
    border-color: #ec0d2c;
    background-color: #ec0d2c;
    color: #fff;
    padding: 5px 106px;
    margin-bottom: 20px;
}
.mz{
    margin: 0 40px 20px 40px;
}
.mz span{
    font-size: 16px;
}
.mz input{
    width: 240px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #ebe5e5;
    text-indent: 10px;
}
/**---全屏**/
@media screen and (max-width:1825px){
    .fzlist a p{
        font-size: 32px;
    }
    .store .comp-cout {
        bottom: 10px;
    }
}
@media screen and (max-width:1720px){
    .gdd_top_banner .txtArea .txt {
        font-size: 60px;
    }
    .tplDict .drw-1 span{
        line-height: 23px;
    }
     .filtrate p {
        font-size: 20px;
     }
     .filtrate span {
        font-size: 14px;
    }
    .dpca {
        margin-bottom: 100px;
    }
    .rate-bit .swiper-button-prev2 {
        width: 30px;
        height: 30px;
        position: absolute;
        background: url(images/pd.png) no-repeat;
        left: -25px;
        top: 10px;
        background-size: cover;
        cursor: pointer;
    }
    .rate-bit .swiper-button-next2 {
        width: 30px;
        height: 30px;
        position: absolute;
        background: url(images/nd.png) no-repeat;
        right: -58px;
        top: 10px;
        background-size: cover;
        cursor: pointer;
    }    
    .rate-bit {
        bottom: -5%;
    }
 
}
@media screen and (max-width:1600px){
    .profile_service .line-one{
            height: 45px;
    }
    #header #gnb{
        width: 1000px;
    }
    .service-l{
        font-size: 16px;
    }
    .service-l .service-item.cur {
        background-size: 15px;
    }
    .service-img {
        width: 56px;
        height: 56px;
    }
    .service-img img {
        width: 24px;
    }
    .service-li p {
        font-size: 23px;
    }
    .service-li span {
        font-size: 16px;
        line-height: 26px;
    }
    .service-bom {
        font-size: 14px;
        line-height: 18px;
    }
    .info-flow p{
        font-size: 46px;
    }
    .info-flow span {
        font-size: 50px;
    }
    .info-content .swiper-slide {
            width:870px;
    }
    .info-content .swiper-button-next, .info-content .swiper-button-prev{
        width: 70px;
        height: 70px;
    }
    .info-content .swiper-slide .title{
        font-size: 22px;
    }
    .yt-pc-b p{
       font-size: 46px;
    }
    .yt-pc-b span {
      font-size: 18px;
    }
    .yt-pc-y {
        font-size: 50px;
    }
    .yt-pc-icon {
        width: 56px;
        height: 56px;
        background-size: 14px;
    }
    .yt-pc-l img{
        width: 180px;
    }
    .yt-news .ty{
       font-size: 14px;
    }
    .yt-news .ty:after{
        width: 19px;
        height: 19px;
    }
    .yt-news .mr .tm .l{
        font-size: 26px;
    }
    .yt-news .mr p {
        font-size: 16px;
        line-height: 30px;
    }
    .timer-left,.timer-right{
        width: 40px;height: 40px;
    }
    .yt-news .mr .tm .r {
        font-size: 16px;
    }
    .pager a {
        width: 35px;
        font-size: 16px;
        height: 35px;
        line-height: 35px;
    }
    
    .timer-shaft{
        height: 102px;
    }
    .time-circle {
        width: 98px;
        height: 98px;
        line-height: 98px;
        font-size: 26px;
    }
    .line-scale{
        width: 39px;
    }
    .shaft-left p {
        font-size: 45px;
    }
    .shaft-left {
         font-size: 16px;
    }
    .ab_txt_contain .title p{
        font-size: 48px;
    }
    .ab_txt_contain .title span {
        font-size: 48px;
    }
    .gy_lx_c img{
        width: 40%;
    }
    .gy_lx_c{
        font-size: 18px;
    }
    .gy_dz {
        font-size: 16px;
        background-size: 30px;
    }
    .gy_dz span {
        font-size: 30px;
    }
    .gy_tp{
        font-size: 16px;
    }
    .gy_tp span {
        font-size: 30px;
    }
    .join-us .mod-1 {
        font-size: 16px;
        line-height: 40px;
    }
    .join-us .mod-2 img {
        width: 17%;
    }
    .js_ly_f .desc {
       font-size: 18px;
       line-height: 28px;
    }
    .gy_jj_s{
       font-size: 48px;
    }
    .gy_jj_p {
        font-size: 25px;
    }
    .gy_jj_d {
        font-size: 18px;
        line-height: 30px;
    }
    .js_ly_t {
        font-size: 28px;
    }
    .js_ly_t span {
        font-size: 48px;
    }
    .js_ly_f .mlo{
        font-size: 15px;
    }
    .js_ly_f .submits {
        font-size: 18px;
    }
    .js_ys_t {
       font-size: 48px;
       margin: 5% 0 2% 0;
     }
    .js_ys_c .item img{
        height: 38px;
    }
    .js_ys_c .item span {
        font-size: 22px;
    }
    .js_ys_c .item p {
        font-size: 14px;
        line-height: 24px;
    }
    .fg-ctm-list a{
        width: 25px;
        height: 25px;
    }
    .fg-ctm-list img {
        max-width: 120px;
    }
    .gdd_foot_copyright_box a {
        font-size: 15px;
    }
    .news_index_ctr .swiper-bit .swiper-button-prev2{
        width: 40px;
        height: 8px;
        background-size: contain;
        left: -60px;
    }
    .news_index_ctr .swiper-bit .swiper-button-next2{
        width: 40px;
        height: 8px;
        background-size: contain;
        right: -60px;
    }
    .news_index_t{
        font-size: 48px;   
    }
    .news_index_list a p {
        font-size: 26px;
        line-height: 36px;
        height: 68px;
    }
    .news_index_list a span {
        font-size: 14px;
        line-height: 23px;
        height: 41px;
    }
    .news_index_om {
         font-size: 15px;
    }
    .news_index_om1 {
        font-size: 70px;
    }
    .ys_index_t{
        font-size: 48px;
    }
    .ys_index_tk1,.ys_index_tk2{
        background-size: 35px;
    }
    .gy_sm .ys_index_tk1,.gy_sm .ys_index_tk2{
        background-size: 35px;
    }
    .ys_index_p {
        font-size: 30px;
        padding: 16px 0;
        text-indent: 40px;
    }
    .ys_index_k {
        font-size: 16px;
        color: #a3a3a3;
        padding: 15px 0;
        line-height: 28px;
    }
    .ys_index_l .yt-profile-m {
        margin-top: 40px;
    }
    .yt-profile-t{
         font-size: 48px;
    }
    .jm_index_t{
        font-size: 48px;
    }
    .m_index_p {
        font-size: 65px;
    }
    .yt-profile-d {
        font-size: 15px;
        width: 50%;
        line-height: 28px;
    }
    .yt-profile-m{
        font-size: 16px;
        line-height: 28px;
    }
    .yt-profile-m a {
        font-size: 14px;
    }
    .yt-index-p-t{
        font-size: 48px;margin-bottom: 65px;
    }
    .hd-yy .content .left a{
            font-size: 15px;margin-bottom: 50px;
    }
    .sml{
        width: 60px;
        height: 60px;
    }
    .swiper-bit b {
        font-size: 30px;
    }
    .swiper-bit{
        font-size: 23px;
    }
    .paddt p {
        margin: 0 0 25px 0;
        font-size: 40px;
    }
    .paddt {
        font-size: 14px;
        line-height: 28px;
    }
    .mainIndex .swiper-pagination-main .swiper-pagination-bullet{
        width: 45px;height: 45px;
    }
    .swiperlink span{
        font-size: 26px
    }
    .swiperlink p {
        font-size: 50px;
        margin-top: 20px;
    }
    
    .caselist .item_bot_txt p{
        font-size: 18px;
    }
    .caselist .item_bot_txt .time {
        font-size: 13px;
    }
    .caselist .item_bot_txt .description{
        font-size: 13px;    line-height: 18px;
    }
    
    .position .urHere{
        font-size: 15px;
    }
    .tig a{
        font-size: 17px;
        border-bottom: 4px solid #f6f6f6;
    }
    .tig a.cur {
        border-bottom:4px solid #ec0d2c;
    }
    .bnd-list .dka span {
        font-size: 15px;
    }
    .bnd-list .dka p {
        font-size: 17px;
    }
    .bnd-list a:hover .dka{
        border-bottom: 2px solid #ec0d2c;
    }
    .scg p{
        font-size: 46px;
    }
    .scg span {
        font-size: 16px;
    }
    .mon-1 img {
        height: 45px;
    }
    .mon-1 .item p {
        font-size: 18px;
    }
    .mon-1 .item span {
        font-size: 14px;
    }
    .ver-2 p {
        font-size: 18px;
    }
    .ver-1 .item i{
       width: 8px;
       height: 8px;
    }
    .ver-2 span {
        font-size: 13px;
        line-height: 18px;
    }
    .join .mod-1 p {
        font-size: 32px;
    }
    .join .mod-1 span {
        font-size: 16px;
    }
    .par-1 {
        font-size: 15px;
        line-height: 28px;
    }
    #parameters .list p {
        font-size: 17px;
    }
    #parameters .list .cout {
        font-size: 32px;
    }
    #parameters .list .cout {
        font-size: 28px;
    }
    #parameters .list .cout b {
        font-size: 14px;
    }
    #honors .certify .swiper-button-next, #honors .certify .swiper-button-prev{
        width: 45px;
        height: 45px;
    }
    #honors .certify .swiper-slide {
      width: 32%;
    }
    .blocks .item p {
         font-size: 22px;
    }
    .blocks .item span {
        font-size: 16px;
        line-height: 25px;
    }
    .blocks .item:hover::after {
        height: 3px;
    }
    .blocks .item img {
        width: 50px;
    }
    .anon .cout {
        font-size: 50px;
    }
    .anon .item p {
        font-size: 20px;
    }
    .slidesss{
        height: 550px;
    }
    .fom a img.flogo{
        width: 200px;
    }
    .fom .fcon {
        font-size: 17px;
        background-size: 6%;
        padding-left: 10%;
        margin-top: 9%;
        line-height: 19px;
    }
    .fom p {
        font-size: 24px;
    }
    .fom span {
        font-size: 13px;
        color: #ec0d2c;
    }
    .gdd_f_list_box .gdd_f_list dt a {
        font-size: 17px;
    }
    .gdd_f_list_box .gdd_f_list dd a {
        font-size: 13px;
    }
    .fcode{
        width: 90px;
    }
    .fcode span {
        font-size: 13px;
    }
    .nod-2 a .date p {
        font-size: 32px;
    }
    .nod-2 a .date span {
        font-size: 13px;
        margin-top: 8px;
    }
    .nod-2 a .date {
        width: 60px;
    }
    .nod-2 .bd p{
        font-size: 16px;
    }
    .nod-2 .bd span{
        font-size: 13px;
        margin-top: 14px;
    }
    .nod-1 p{
        font-size: 16px;
    }
    .nod-1 span{
        font-size: 13px;
    }
    .nod-1 .p {
        font-size: 13px;
        height: 44px;
        line-height: 24px;
    }
    
    .com-1{
        font-size: 24px;
    }
    .com-2{
        font-size: 15px;
    }
    .com-3 {
      font-size: 15px;
    }
    .com-3 i {
        width: 6px;
        height: 6px;
        margin-left: 15px;
        margin-top: -1px;
    }
    .pod-1 .item{
        font-size: 17px;
    }
    .pod-1 .certify .swiper-button-prev{
        left: 0;
    }
    .pod-1 .certify .swiper-button-next{
        right: 0;
    }
    .certify .swiper-slide p {
        font-size: 24px;
    }
    .mod-6 {
        width: 80px;
        height: 80px;
    }
 
    .mod-7 span {
        font-size: 15px;
    }
    .mod-5{
        font-size: 22px;
    }
    .mod-1 span {
        font-size: 22px;
    }
    .mod-1 p {
        font-size: 46px;
    }
    .mod-4 .item .content p {
        font-size: 21px;
    }
    .mod-4 .item .content span {
        font-size: 13px;
        line-height: 23px;
        height: 67px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        text-align: justify;
    }
    #header h1 {
       margin:24px 10px 0 5%;
    }
    .fla-3 .subjoin .contain{
        width: 90%;
    }
    #header #gnb > li{
        padding:0 2.1%;
    }
    .store .comp-min {
        line-height: 25px;
    }
    
    .store .ab_txt_contain {
        padding: 0 0 50px 0;
    }
     .fzlist a p{
        font-size: 25px;
    }
    .feitin  .tzz .hd-yy .content {
        height: 420px;
        overflow: hidden;
    }
    .tzz .hd-yy .content {
        height: 320px;
        overflow: hidden;
    }
    .brave-txt-kl p{
        font-size: 38px;
    }
    .brave .brave-txt{
        line-height: 24px;
    }
    .strengthBox .L p {
         font-size: 30px;
    }
    .strengthBox .ab_txt_contain .title span {
      font-size: 33px;
    }
    .strengthBox .ab_txt_contain .title p {
        font-size: 60px;
    }
    .jtxt {
        font-size: 14px;
    }
    .ys_nav_box > a .ys_n_h .ys_l{
            line-height: inherit;
    }
    .f-24 {
        font-size: 16px;
    }
    .f-36{
         font-size: 21px;
    }
    .f-28{
        font-size: 21px;
    }
    .f-18{
        font-size: 14px;
    }
      .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.lnear .con{
        margin-left: auto;
    }
      .gdd_top_banner .txtArea .txt {
        font-size: 50px;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.rnear .con{
         margin-left: auto;
    }
    .comp-tem{
        margin-top: 25px;
        line-height: 23px;
    }
    #header h1 a {
        width: 185px;
        font-size: 13px;
        height: 40px;
    }
    .comp-1 .comp-min{
        font-size: 14px;
    }
    .lpcon .comp-1 .comp-min{
        font-size: 16px;
    }
    #header #gnb li .oneD{
        font-size: 15px;padding: 38px 0;
    }
    #header .rightDiv .util{
        font-size: 19px;    text-indent: 27px;
    }
    .ndu {
        font-size: 15px;
    } 
    .ndu .smk {
        width: 18px;
        height: 28px;
        border: 2px solid #fff;
        border-radius: 58px;
        position: relative;
        margin: 0 auto 8px auto;
    }
    #header.main .rightDiv .lang > a span {
        padding: 0 8px 0 8px;
        margin-right: 8px;
    }
    #header .rightDiv .lang > a {
        margin: 30px 0;
        height: 26px;
        line-height: 26px;
        font-size: 14px;
    }
    #header .rightDiv .lang div a{
        font-size: 14px;
    }
    #header #gnb li .twoD li a{
        font-size: 14px;
    }
    .gdd_top_banner .txtArea .txt{
        font-size: 50px;
    }
    .listns .l span {
         font-size: 20px;
    }
    .listns .l p {
        font-size: 14px;
    }
    .listns .l:after {
        width: 2px;
        height: 16px;
        background: #000;
        top: 3px;
        right: -8px;
    }
    .listns .r p {
        font-size: 16px;
    }
    .listns .r span {
        font-size: 14px;
        line-height: 20px;
    }
    .jevr .right .listns .r {
        padding: 0 0 10px 0;
    }
    .jevr .right .listns {
        margin-bottom: 10px;
    }
    .link-more {
        width: 130px;
        height: 30px;
        background: #fff;
        color: #ec0d2c;
        border: 1px solid #ec0d2c;
        line-height: 30px;
        font-size: 14px;
        display: block;
        margin: 40px auto 0 auto;
    }
    .listns .l{
        width:60px;
    }
    .listns .r{
       width: 85%;
    }
    .endor .profile .content .detil{
       padding: 20px 20px 20px 0; 
    }
    .endor .profile .content .detil .wid {
        margin-bottom: 15px;
    }
    .endor .htmd {
        font-size: 13px;
        line-height: 22px;
    }
    
    .hhd .p {
        font-size: .2rem;
    }
    /**---1600产品**/
    .tabpan {
        margin: 50px auto 0 auto;
        padding: 3% 0;
    }
    .tabpan .tx {
        width: 70%;
        font-size: 14px;
        padding: 0 3%;
    }
    .tabpan .tx p {
        font-size: 26px;
    }
    .tabpan .tx span {
        line-height: 20px;
    }
    .dowebok {
        margin:50px 0;
    }
    .tabNav {
        padding: 2% 2% 0 2%;
    }
    .tabNav-1 a {
        width: 30%;
        height: auto;
        margin-right: 2%;
        margin-bottom: 2%;
    }
    .tabNav-1 a span {
        font-size: 0.12rem;
    }
    .dowebok-1 span {
        font-size: .12rem;
    }

    .filtrate p {
        font-size: 16px;line-height: 1px;
    }
    .filtrateall{
        width: 60%
    }
    .filtrate span {
        font-size: 12px;
    }

    .achieve .htmd {
        font-size: 12px;
        line-height: 20px;
    }
    .achieve .profile a {
        font-size: 14px;
        margin-top: 4%;
        padding: 1% 3%;
    }
    .new-pmd{
        font-size: 27px;
    }

   .molecule .nubx .bv{
       width: 50%;
   }
   .molecule .nubx .bv p{
        font-size: 14px;
   }
   .molecule .nubx .bv p:before {
        top: 6px;
    }
    .molecule-1 span {
        font-size: 12px;
        color: #000;
        padding-bottom: 10px;
        background: url(images/icon2.png) 0px 2px no-repeat;
        padding-left: 23px;
    }
    .molecule-2 span {
        font-size: 12px;
        color: #999999;
        text-transform: uppercase;
        line-height: 15px;
        padding-left: 20px;
    }

}
@media screen and (max-width:1200px){
    
}
@media screen and (max-width:1310px){
    .profile_service .line-one {
        height: 35px;
    }
    .service-l .service-item.cur {
        background-size: 12px;
    }
    .service-l {
        font-size: 14px;
    }
    .service-img {
        width: 46px;
        height: 46px;
    }
    .service-img img {
        width: 16px;
    }
    .service-li p {
        font-size: 18px;
    }
    .service-li span {
        font-size: 14px;
        line-height: 20px;
    }
    .service-bom {
        font-size: 12px;
        line-height: 17px;
    }
    .info-flow p{
        font-size: 33px;
    }
    .info-flow span {
        font-size: 38px;
    }
    .info-content .swiper-slide {
            width:670px;
    }
    .info-content .swiper-button-next, .info-content .swiper-button-prev{
        width: 60px;
        height: 60px;
    }
    .info-content .swiper-slide .title{
        font-size: 18px;
    }
    .yt-pc-b p {
        font-size: 33px;
    }
    .yt-pc-b span {
        font-size: 16px;
    }
    .yt-pc-y {
        font-size: 38px;
    }
    .yt-pc-icon {
        width: 46px;
        height: 46px;
        background-size: 12px;
    }
    .yt-pc-l img {
        width: 120px;
    }
    .new-pmd {
        font-size: 24px;
    }
    .new-pmd-time {
        font-size: 14px;
        margin-bottom: 35px;
        padding: 20px 0;
    }
    .yt-news .news_index_list a span {
        height: 36px;
    }
    .yt-news .ty {
        font-size: 13px;
    }
    .yt-news .ty:after {
        width: 17px;
        height: 17px;
    }
    .yt-news .mr .tm .l {
        font-size: 22px;
    }
    .yt-news .mr .tm .r {
        font-size: 14px;
    }
    .yt-news .mr p {
        font-size: 14px;
        line-height: 25px;
    }
    .pager a {
        width: 30px;
        font-size: 14px;
        height: 30px;
        line-height: 30px;
    }
    
     .timer-left,.timer-right{
        width: 30px;height: 30px;
    }
    .time-circle {
        width: 88px;
        height: 88px;
        line-height: 88px;
        font-size: 22px;
    }
    .line-scale{
        width: 30px;
    }
    .shaft-left p {
        font-size: 38px;
    }
    .shaft-left {
         font-size: 14px;
    }
     .timer-shaft{
        height: 92px;
    }
    .join-us .mod-1 {
        font-size: 14px;
        line-height: 30px;
    }
    .ab_txt_contain .title span{
         font-size: 35px;
    }
    .js_ly_f .desc {
        font-size: 16px;
        line-height: 26px;
    }
    .gy_sm .ys_index_tk1,.gy_sm .ys_index_tk2{
        background-size: 20px;
    }
     .gy_jj_s{
       font-size: 35px;
    }
    .gy_jj_p {
        font-size: 20px;
    }
    .gy_jj_d {
        font-size: 16px;
        line-height: 26px;
    }
    .js_ly_t {
        font-size: 20px;
    }
    .js_ly_t span {
        font-size: 35px;
    }
    .js_ly_f .mlo {
        font-size: 14px;
    }
    .js_ly_f .mlo input {
        font-size: 14px;
    }
    .js_ly_f .submits {
        font-size: 15px;
    }
    .js_ys_t {
       font-size: 35px;
       margin: 5% 0 2% 0;
     }
    .js_ys_c .item img{
        height: 30px;
    }
    .js_ys_c .item span {
        font-size: 18px;
    }
    .js_ys_c .item p {
        font-size: 13px;
        line-height: 24px;
    }
     .fom a img.flogo {
        width: 160px;
     }
     
     .fg-ctm-list a.m1,.fg-ctm-list a.m1:hover,.fg-ctm-list a.m2,.fg-ctm-list a.m2:hover,.fg-ctm-list a.m3,.fg-ctm-list a.m3:hover {
        background-size: 40%;
     }
     .fg-ctm-list a {
        width: 20px;
        height: 20px;
     }
     .fg-ctm-list img {
        max-width: 95px;
     }
     .gdd_f_list_box .gdd_f_list dd {
        margin-bottom: 20px;
    }
    .gdd_f_list_box .gdd_f_list dt {
        margin-bottom: 30px;
    }
    .gdd_foot_copyright_box a {
        font-size: 14px;
    }
    
     .news_index_ctr .swiper-bit .swiper-button-prev2{
        width: 35px;
        height: 6px;
        background-size: contain;
        left: -50px;
    }
    .news_index_ctr .swiper-bit .swiper-button-next2{
        width: 35px;
        height: 6px;
        background-size: contain;
        right: -50px;
    }
    .news_index_t{
        font-size: 35px;   
    }
    .news_index_list a p {
        font-size: 20px;
        line-height: 25px;
        height: 68px;
    }
    .news_index_list a span {
        font-size: 14px;
        line-height: 23px;
        height: 41px;
    }
    .news_index_t{
        font-size: 35px;   
    }
    .news_index_list a p {
        font-size: 20px;
        line-height: 30px;
        height: 56px;
    }
    .news_index_list a span {
        font-size: 13px;
        line-height: 20px;
        height: 36px;
    }
    .news_index_om {
        font-size: 14px;
    }
    .news_index_om1 {
        font-size: 60px;
    }
    
    
    .ys_index_t{
        font-size: 35px;
    }
    .ys_index_tk1,.ys_index_tk2{
        background-size: 20px;
    }
    .ys_index_p {
        font-size: 25px;
        padding: 12px 0;
        text-indent: 25px;
    }
    .ys_index_k {
        font-size: 14px;
        color: #a3a3a3;
        padding: 12px 0;
        line-height: 26px;
    }
    .ys_index_l .yt-profile-m {
        margin-top: 30px;
    }
      .yt-profile-t{
         font-size: 35px;
    }
    .jm_index_t{
        font-size: 35px;
    }
    .m_index_p {
        font-size: 52px;
    }
    .yt-profile-d {
        font-size: 14px;
        width: 50%;
        line-height: 26px;
    }
    .yt-profile-m{
        font-size: 14px;
        line-height: 26px;
    }
    .yt-profile-m a {
        font-size: 13px;
    }
    .yt-index-p-t {
        font-size: 35px;
        margin-bottom: 45px;
    }
    .hd-yy .content .left a.cur {
        font-size: 16px;
    }
    
    .gdd_top_banner .swiper-pagination-bullet-active i{
        font-size: 16px;
    }
    .gdd_top_banner .swiper-pagination-bullet{
        width: 50px;
        height: 1px;
    }
    .ndu .tip{
        font-size: 12px;
    }
    .mainIndex .swiper-pagination-main .swiper-pagination-bullet{
        width: 35px;
        height: 35px;
        background-size: 30px;
        margin-bottom: 5px;
    }
    .mainIndex .swiper-pagination-main .swiper-pagination-bullet:after{
        margin: 14px auto;
    }
      .swiperlink span{
        font-size: 20px
    }
    .swiperlink p {
        font-size: 40px;
        margin-top: 20px;
    }
    .caselist .item_bot_txt p{
        font-size: 17px;
    }
    .caselist .item_bot_txt .time {
        font-size: 12px;
    }
    .caselist .item_bot_txt .description{
        font-size: 12px;    line-height: 16px;
    }
    
    .position .urHere{
        font-size: 14px;
    }
    .tig a{
        font-size: 16px;
        border-bottom: 3px solid #f6f6f6;
    }
    .tig a.cur {
        border-bottom:3px solid #ec0d2c;
    }
    .bnd-list .dka span {
        font-size: 14px;
    }
    .bnd-list .dka p {
        font-size: 16px;
    }
    .bnd-list a:hover .dka{
        border-bottom: 1px solid #ec0d2c;
    }
     .scg p{
        font-size: 36px;
    }
    .scg span {
        font-size: 14px;
    }
    .mon-1 img {
        height: 40px;
    }
    .mon-1 .item p {
        font-size: 16px;
    }
    .mon-1 .item span {
        font-size: 13px;
        line-height: 20px;
    }
    .ver-2 p {
        font-size: 16px;
    }
    .ver-1 .item i{
       width: 6px;
       height: 6px;
    }
    .ver-2 span {
        font-size: 12px;
        line-height: 16px;
    }
    .join .mod-1 p {
        font-size: 28px;
    }
    .join .mod-1 span {
        font-size: 15px;
    }
    .par-1 {
        font-size: 14px;
        line-height: 25px;
    }
    #parameters .list p {
        font-size: 16px;
    }
    #parameters .list .cout {
        font-size: 28px;
    }
    #parameters .list .cout {
        font-size: 24px;
    }
    #parameters .list .cout b {
        font-size: 13px;
    }
    #honors .certify .swiper-button-next, #honors .certify .swiper-button-prev{
        width: 40px;
        height: 40px;
    }
    #honors .certify .swiper-slide {
      width: 42%;
    }
     .blocks .item p {
         font-size: 20px;
    }
    .blocks .item span {
        font-size: 15px;
        line-height: 20px;
    }
    .blocks .item:hover::after {
        height: 2px;
    }
    .blocks .item img {
        width: 40px;
    }
    .anon .cout {
        font-size:40px;
    }
    .anon .item p {
        font-size:18px;
    }
    .anon{
        bottom: -9%;
    }
     .slidesss{
        height: 500px;
    }
    .fom a img.flogo{
        width: 150px;
    }
    .fom .fcon {
        font-size: 15px;
        background-size: 6%;
        padding-left: 10%;
        margin-top: 8%;
        line-height: 17px;
    }
    .fom p {
        font-size: 20px;
    }
    .fom span {
        font-size: 12px;
    }
    .gdd_f_list_box .gdd_f_list dt a {
        font-size: 16px;
    }
    .gdd_f_list_box .gdd_f_list dd a {
        font-size: 12px;
    }
    .fcode{
        width: 70px;
    }
    .fcode span {
        font-size: 12px;
    }
     .nod-2 a .date p {
        font-size: 28px;
    }
    .nod-2 a .date span {
        font-size: 12px;
        margin-top: 6px;
    }
    .nod-2 a .date {
        width: 55px;
    }
    .nod-2 .bd p{
        font-size: 15px;
    }
    .nod-2 .bd span{
        font-size: 12px;
        margin-top: 12px;
    }
    .nod-1 p{
        font-size: 15px;
    }
    .nod-1 span{
        font-size: 12px;
    }
    .nod-1 .p {
        font-size: 12px;
        height: 37px;
        line-height: 20px;
    }
    .com-1{
        font-size: 22px;
    }
    .com-2{
        font-size: 14px;
    }
    .com-3 {
      font-size: 14px;
    }
    .com-3 i {
        width: 5px;
        height: 5px;
        margin-left: 12px;
        margin-top: 0px;
    }
     .pod-1 .item{
        font-size: 16px;
    }
    .certify .swiper-slide {
        height: auto;
    }
    .certify .swiper-slide p {
        font-size: 22px;
    }
    .mod-1 span {
        font-size: 20px;
    }
    .mod-1 p {
        font-size: 36px;
    }
    .mod-5 {
        font-size: 18px;
    }
    .mod-6 {
        width: 70px;
        height: 70px;
    }
    .mod-4 .item .content p {
        font-size: 20px;
    }
    .mod-7 span {
        font-size: 14px;
    }
    .content p {
        font-size: 20px;
    }
    .mod-4 .item .content span {
        font-size: 12px;
    }
    #header #gnb > li{
       padding: 0 2.1%;
    }
    .ind6_txt > h3 {
        font-size: 23px;
        color: #333;
        margin-bottom: 20px;
    }
    .ind6_txt > p{
        font-size: 14px;
    }
    .ind6_img {
        width: 100px;
        height: 100px;
    }
    
    .ttt {
        font-size: 23px;
    }
    #jh_lb3 .swiper-button-prev, #jh_lb3 .swiper-button-next{
        background-size: 35px;
    }
    .ind6 {
         width: 70%;padding: 65px 0 35px 0;
    }
    .quan {
        width: 100px;
        height: 100px;
        border: 2px solid #fff;
        border-radius: 100%;
        -webkit-transition: all .5s;
        transition: all .5s;
        font-size: 18px;
        line-height: 100px;
        color: #fff;
        margin: 0 auto;

    }
    .ind5_txt .swiper-button-prev1, .ind5_txt .swiper-button-next1{
        background-size: 35px;
    }
    .NlistRight p{
        font-size: 14px;
    }
    .NlistRight h6{
        font-size: 20px;
    }
  
    .step2 .txt{
        font-size: 25px;
    }
    .bunda .dasharr-list a{
        margin-bottom: 30px;
    }
   
    .dasharr-t span {
        font-size: 25px;
        text-indent: 10px;
    }
    .dasharr {
        padding: 25px 0;
    }
    .dasharr-t span:before {
        height: 25px;
        width: 3px;
    }
    .dasharr-t a{
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        transition: all 1s;
    }
    .dasharr-list a {
        margin: 30px 0 0 0;
    }
    .dasharr-list a p {
        font-size: 18px;
        margin: 15px 0 5px 0;
    }
    .dasharr-list a span {
        font-size: 12px;
    }
    div.lpcon {
        margin: 30px auto;
    }
    .zonedword {
        font-size: 16px;
    }
   .tplDict .drw {
       width: 290px;
   }
   .lpcon .tplDict .drw p {
        margin-bottom: 15px;
    }
    .tplDict .drw p {
        font-size: 20px;
        color: #000;
        margin: 15px 0 0 10px;
        text-indent: 35px;
    }    
    .tplDict .drw-1 span {
        font-size: 12px;
        display: block;
        color: #888;
        padding: 0px 5px;
        line-height: 20px;
    }
    
    .tplDict .drw-2 span {
        
        font-size: 23px;
        color: #888;
        padding: 0 9px;
        margin-top: 70px;
        display: block;

    }
    .tplDict .drw p:after{
        bottom: -11px;
    }
    .tplDict .drw-3 span {
        font-size: 12px;
        color: #888;
        display: block;
        padding: 0 5px;
        line-height: 34px;
    }
    .tplDict{
       margin: 30px 0;
    }
    .lpcon .comp-1 .comp-min {
        font-size: 14px;
    }
    .feitin .swiper-Tbit .swiper-button-prev3{
        width: 22px;
        height: 40px;
        background: url(images/pre.png) no-repeat;
        background-size: 100%;
        cursor: pointer;
        margin-right: 20px;
        flex: 1;
    }
    .feitin .tzz .hd-yy .content {
        height: 380px;
        overflow: hidden;
    }
    .tzz .hd-yy .content {
        height: 262px;
        overflow: hidden;
    }
    .tool p {
        font-size: 23px;
    }
    .tool span {
        font-size: 18px;
    }
      .fzlist a p{
        font-size: 20px;
    }
    .store .ab_txt_contain {
        padding: 0 0 30px 0;
    }
    .strengthBox .ab_txt_contain .title p {
        font-size: 50px;
    }
    .strengthBox .ab_txt_contain .title span {
        font-size: 23px;
    }
    .strengthBox .L p {
        font-size: 18px;
    }
    .brave-txt-kl p{
        font-size: 23px;
    }
    .cult_1 a{
        margin-bottom: 20px;
    }
    #header .rightDiv .util {
        font-size: 18px;
        text-indent: 25px;
    }
    #header h1 {
        margin: 29px 10px 0 5%;
    }
    #header h1 a{
       width: 140px;
       height: 35px;
    }
    
    #header #gnb li .oneD {
        font-size: 14px;
    }
    .ndu {
        font-size: 14px;
    }
    .ndu .smk {
        width: 16px;
        height: 26px;
        border: 2px solid #fff;
        border-radius: 56px;
        position: relative;
        margin: 0 auto 6px auto;
    }
    .hd-yy .title span{
        font-size: 23px;
    }
    .comp-cout span {
        font-size: 38px;
    }
    .comp-cout b {
      font-size: 14px;
    }
    .comp-cout p {
        font-size: 14px;
    }
     .comp-tem{
        margin-top: 15px;
        line-height: normal;
    }
    .hd-yy .title p{
        font-size: 60px;
    }
    
    .index_news .ab_txt_contain{
        padding-top: 40px;
    }
    .hd-yy .content .left a{
        font-size: 16px;
    }
    .hd-yy .content .left a.cur{
         font-size: 16px;
    }
    .sml {
        width: 50px;
        height: 50px;
    }
    .swiper-bit b {
        font-size: 25px;
    }
    .swiper-bit {
        font-size: 18px;
    }
    .swiper-bit .swiper-button-prev2 {
        width: 38px;
        height: 8px;
        left: -48px;
        cursor: pointer;
        background-size: contain;
    }
    .swiper-bit .swiper-button-next2 {
         width: 38px;
        height: 8px;
        right: -48px;
        cursor: pointer;
        background-size: contain;
    }
    .pddo{
        font-size: 22px;
    }
    .sort-a span{
        font-size: 16px;
    }
    .sort-a span.cur{
        font-size: 22px;
    }
    .sort-b .nk a span{
        font-size: 14px;
    }
    .endor .htmd {
        font-size: 13px;
        line-height: 15px;
    }
    .jevr {
        margin: 60px 0 0 0;
    }
    .kka p{
        font-size: 16px;
    }
    .kka span{
        font-size: 14px;
    }
    .kka a {
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }
    .kka {
        width: 45%;
    }
     .gdd_top_banner .txtArea .txt {
        font-size:35px;
    }
    .listns .l span {
        font-size: 16px;
    }
    .listns .l {
        width: 50px;
    }
    .listns .l p {
        font-size: 12px;
    }
    .listns .r p {
        font-size: 14px;
    }
    .listns .r span {
        font-size: 12px;
        line-height: 20px;
    }
    .ab_txt_contain .title p {
        font-size: 35px;
    }
    .gy_lx_c {
        font-size: 16px;
    }
    .gy_dz {
        font-size: 14px;
        background-size: 25px;
    }
    .gy_dz span ,.gy_tp span{
        font-size: 24px;
    }
    .gy_tp {
        font-size: 14px;
    }
    .paters-title {
        font-size: 23px;
    }
    .listns .l:after {
        width: 1px;
        height: 12px;
        background: #000;
        top: 3px;
        right: -7px;
    }
    .htmd {
        font-size: 14px;
        line-height: 22px;
    }
    .chane .tx {
      top: 165px;
    }
    .profile .content .detil .wid p{
            font-size: 30px;
    }
    .profile .content .detil .wid span {
         font-size: 20px;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap{
        height: 650px !important;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item .con a .img{
        width: 495px;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.center .con{width: 700px;height: 270px;margin-top: 0;margin-left: 136px}
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.rnear .con{position: relative;width: 700px;height: 270px;margin-top: 12px;margin-left: 25%}
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.center .con a .color {
        width: 22px;
        height: 240px;
        margin-top: 15px;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.center .con a .info {
        top: 15px;
        width: 230px;
        height: 240px;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.lnear .con, .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.rnear .con {
        position: relative;
        width: 700px;
        height: 270px;
        margin-top: 12px;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.lnear .con a .color, .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.rnear .con a .color {
        position: relative;
        float: left;
        display: inline-block;
        width: 22px;
        transition: all .3s ease-in-out;
        height: 240px;
        margin-top: 15px;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.lnear .con a .info, .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.rnear .con a .info {
        position: absolute;
        right: 0;
        top: 15px;
        width: 230px;
        height: 240px;
        overflow: hidden;
        transition: all .3s ease-in-out;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.rnear {
        top: 46%;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.lnear .con {
        margin-left: 25%;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .city-list {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .city-list .item span {
        display: inline-block;
        font-size: 16px;
        color: #000;
        vertical-align: middle;
        overflow: hidden;
        font-weight: 500;
        width: 38px;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .city-list .item {
        height: 40px;
        font-size: 0;
        cursor: pointer;
        opacity: 0;
        overflow: hidden;
    }
    /**1310文化**/
    .contain-1200 {
        width: 90%;
    }
    .cult_title{
        font-size: 20px;
        margin: 25px auto 7% auto;
    }
    .cult_title:after{
        top: 35px;
    }
    .cult_3 a {
        width: 33%;
        height: auto;
        margin-bottom: 0.5%;
        margin-right: 0.5%;
    }
    .cult_2 a:first-child img:first-child {
        margin-bottom: 5%;
    }
     
    .achieve .profile .content .detil .wid {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .achieve .profile .content {
        width: 80%;
    }
 
    .c-row-1 {
        width: 100px;
        height: 100px
    }
    .c-row img {
         width: 64%;
    }
  
    .molecule .nubx img {
        height: 127px;
        width: 190px;
    }
    .molecule .nubx{
        height: 137px;
    }
    .molecule .nubx .bv p{
        margin: 10px 0;
    }
    .molecule-1 span{
        padding-bottom: 5px;
    }
  
    .contain-1107 {
        width: 100%;
    }
 
}
@media screen and (max-width:1120px){
    .profile_service .line-one {
      height: 25px;
    }
    .service-img {
        width: 36px;
        height: 36px;
    }
    .service-li p {
        font-size: 16px;
    }
    
     .info-flow p{
        font-size: 25px;
    }
    .info-flow span {
        font-size: 28px;
    }
    .info-content .swiper-slide {
            width:570px;
    }
    .info-content .swiper-button-next, .info-content .swiper-button-prev{
        width: 50px;
        height: 50px;
    }
    .info-content .swiper-slide .title{
        font-size: 16px;
    }
    .yt-pc-b p {
        font-size: 25px;
    }
    .yt-pc-b span {
        font-size: 14px;
    }
    .yt-pc-y {
        font-size: 28px;
    }
    .yt-pc-icon {
        width: 36px;
        height: 36px;
        background-size: 10px;
    }
    .yt-pc-l img {
        width: 80px;
    }
    
    .yt-news .mr .tm .l {
        font-size: 20px;
    }
    .yt-news .mr p {
        font-size: 13px;
        line-height: 22px;
    }
    .yt-news .mr .tm .r {
        font-size: 13px;
    }
     .timer-left,.timer-right{
        width: 20px;height: 20px;
    }
    .time-circle {
        width: 78px;
        height: 78px;
        line-height: 78px;
        font-size: 18px;
    }
    .line-scale{
        width: 20px;
    }
    .shaft-left p {
        font-size: 28px;
    }
    .shaft-left {
         font-size: 12px;
    }
     .timer-shaft{
        height: 82px;
    }
    .js_ly_f .desc {
        font-size: 14px;
        line-height: 24px;
    }
    .ab_txt_contain .title p,.ab_txt_contain .title span{
        font-size: 28px;
    }
    .gy_lx_c {
        font-size: 14px;
    }
    .gy_dz ,.gy_tp{
        font-size: 12px;
        background-size: 20px;
    }
    .gy_dz span, .gy_tp span {
        font-size: 20px;
    }
    
     .gy_jj_s{
       font-size: 28px;
    }
    .gy_jj_p {
        font-size: 16px;
    }
    .gy_jj_d {
        font-size: 14px;
        line-height: 22px;
    }
     .js_ly_t {
        font-size:18px;
    }
    .js_ly_t span {
        font-size: 28px;
    }
    .js_ly_f .mlo {
        font-size: 12px;
    }
    .js_ly_f .mlo input {
        font-size: 12px;
    }
    .js_ly_f .submits {
        font-size: 14px;
    }
    .js_ys_t {
       font-size: 28px;
       margin: 5% 0 2% 0;
     }
    .js_ys_c .item img{
        height: 25px;
    }
    .js_ys_c .item span {
        font-size: 16px;
    }
    .js_ys_c .item p {
        font-size: 12px;
        line-height: 20px;
    }
    .news_index_t{
       font-size: 28px;
    }
    .news_index_list a p {
        font-size: 16px;
        line-height: 24px;
        height: 45px;
    }
    .news_index_om1 {
        font-size: 50px;
    }
    
     .ys_index_t{
        font-size: 28px;
    }
    .ys_index_tk1,.ys_index_tk2{
        background-size: 20px;
    }
    .ys_index_p {
        font-size: 16px;
        padding: 10px 0;
        text-indent: 25px;
    }
    .ys_index_k {
        font-size: 12px;
        color: #a3a3a3;
        padding: 10px 0;
        line-height: 24px;
    }
    .ys_index_l .yt-profile-m {
        margin-top:20px;
    }
     .yt-profile-t{
         font-size: 28px;
    }
     .jm_index_t{
        font-size: 28px;
    }
    .m_index_p {
        font-size: 45px;
    }
    .yt-profile-d {
        font-size: 12px;
        width: 50%;
        line-height: 26px;
    }
    .yt-profile-m{
        font-size: 12px;
        line-height: 26px;
    }
    .yt-profile-m a {
        font-size: 12px;
    }
    
    .yt-index-p-t {
        font-size: 28px;
        margin-bottom: 30px;
    }
    .hd-yy .content .left a.cur {
        font-size: 14px;
    }
    .swiper-bit {
        bottom: 0;
        right: 50px;
        font-size: 16px;
        top: 0;
    }
    .sml {
        width: 40px;
        height: 40px;
    }
    .sml img{
       width: 20px;
    }
    .swiperlink span{
        font-size: 18px
    }
    .swiperlink p {
        font-size:38px;
        margin-top: 20px;
    }
    .caselist .item_bot_txt p{
        font-size: 16px;
    }
    .caselist .item_bot_txt .time {
        font-size: 12px;
    }
    .caselist .item_bot_txt .description{
        font-size: 12px;    line-height: 16px;
    }
    .position .urHere{
        font-size: 13px;
    }
    .tig a{
        font-size: 15px;
        border-bottom: 2px solid #f6f6f6;
    }
    .tig a.cur {
        border-bottom:2px solid #ec0d2c;
    }
    .bnd-list .dka span {
        font-size: 13px;
    }
    .bnd-list .dka p {
        font-size: 14px;
    }
    .bnd-list a:hover .dka{
        border-bottom: 1px solid #ec0d2c;
    }
    
    .scg p{
        font-size: 26px;
    }
    .scg span {
        font-size: 12px;
    }
    .mon-1 img {
        height: 30px;
    }
    .mon-1 .item p {
        font-size: 14px;
    }
    .mon-1 .item span {
        font-size: 12px;
        line-height: 20px;
    }
    .ver-2 p {
        font-size: 14px;
    }
    .ver-1 .item i{
       width: 4px;
       height: 4px;
    }
    .ver-2 span {
        font-size: 12px;
        line-height: 16px;
    }
     .join .mod-1 p {
        font-size: 22px;
    }
    .join .mod-1 span {
        font-size: 14px;
    }
    .par-1 {
        font-size: 13px;
        line-height: 22px;
    }
    #parameters .list p {
        font-size: 14px;
    }
    #parameters .list .cout {
        font-size: 22px;
    }
    #parameters .list .cout {
        font-size: 18px;
    }
    #parameters .list .cout b {
        font-size: 12px;
    }
    #honors .certify .swiper-button-next, #honors .certify .swiper-button-prev{
        width: 35px;
        height: 35px;
    }
    #honors .certify .swiper-slide {
      width: 42%;
    }
      .blocks .item p {
         font-size: 16px;
    }
    .blocks .item span {
        font-size: 12px;
        line-height: 18px;
    }
    .blocks .item:hover::after {
        height: 1px;
    }
    .blocks .item img {
        width: 30px;
    }
    .anon .cout {
        font-size:30px;
    }
    .anon .item p {
        font-size:16px;
    }
    .anon{
        bottom: -9%;
    }
     .slidesss{
        height: 400px;
    }
     .fom a img.flogo{
        width:150px;
    }
    .fom .fcon {
        font-size: 13px;
        background-size: 7%;
        padding-left: 10%;
        margin-top: 8%;
        line-height: 14px;
    }
    .fom p {
        font-size: 18px;
    }
    .fom span {
        font-size: 12px;
    }
    .gdd_f_list_box .gdd_f_list dt a {
        font-size: 14px;
    }
    .gdd_f_list_box .gdd_f_list dd a {
        font-size: 12px;
    }
    .fcode{
        width: 60px;
    }
    .fcode span {
        font-size: 12px;
    }
      .nod-2 a .date p {
        font-size: 20px;
    }
    .nod-2 a .date span {
        font-size: 12px;
        margin-top: 4px;
    }
   
    .nod-2 .bd p{
        font-size: 14px;height: 14px;
    }
    .nod-2 .bd span{
        font-size: 12px;
        margin-top: 10px;
        height: 12px;
        display: block;
    }
    
    .nod-1 p{
        font-size: 14px;
    }
    .nod-1 span{
        font-size: 12px;
    }
    .nod-1 .p {
        font-size: 12px;
        height: 37px;
        line-height: 20px;
    }
    .com-1{
        font-size: 20px;
    }
    .com-2{
        font-size: 13px;
    }
    .com-3 {
      font-size: 13px;
    }
    .com-3 i {
        width: 4px;
        height: 4px;
        margin-left: 8px;
        margin-top: 0px;
    }
      .pod-1 .item{
        font-size: 14px;
    }
    .certify .swiper-slide p {
        font-size: 18px;
    }
    .mod-1 span {
        font-size: 18px;
    }
    .mod-1 p {
        font-size: 26px;
    }
    .mod-5 {
        font-size: 16px;
    }
    .mod-4 .item .content p {
        font-size: 16px;
    }
    .mod-6 {
        width: 50px;
        height: 50px;
    }
    .mod-7 span {
        font-size: 14px;
    }
    .content p {
        font-size: 18px;
    }
    .mod-4 .item .content span {
        font-size: 12px;
    }
    #header h1 {
          margin: 31px 10px 0 5%;
    }
    .green_lb .green_item .item_right .item_right_txt1 {
        font-size: 18px;
    }
    .green_lb .green_item .item_right .item_right_txt2 {
        font-size: 14px;
    }
    #gdd_sp2 {
        bottom: -30px;
    }
    #gdd_sp2 .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        display: inline-block;
        background: transparent;
        border-radius: 100%;
        border: 1px solid #000000;
        opacity: 1;
        margin: 0 6px;
    }
    #gdd_sp2 .swiper-pagination-bullet-active::before {
        content: '';
        width: 6px;
        display: block;
        height: 6px;
        background: #ec0d2c;
        border-radius: 100%;
        top: 1px;
        left: 1px;
        position: absolute;
    }
    .artcont{
        margin-bottom: 30px;
    }
    .lpcon .tplDict .drw-1{
        margin-bottom: 20px;
    }
    div.store{
        margin: 30px auto;
    }
    .map .ab_txt_contain{
        padding: 0 0 30px 0;
    }
    .fzlist{
        margin: 30px auto 20px auto;
    }
    .fzlist a p {
        font-size:16px;
    }
 
    .ab_join{
        margin-bottom: 30px;
    }
    #header h1 a{
        background-size: 89%;
        width: 135px;
        font-size: 12px;
    }
    .ind_src2_case{margin-bottom: 30px;}
    .comp .comp-1{
        width: 100%;
    }
    .comp .map {
        height: 258px;
    }
    #header h1 a span {
      line-height: 16px;
    }
    #ab_index{
        height: 600px !important;
    }
    #header #gnb > li {
        padding: 0 1%;
        font-size: 14px;
    }
    #header .rightDiv .util{
        font-size: 16px;
        text-indent: 21px;
        padding: 36px 0;
    }
    .endor .profile .content .detil{
        padding: 20px;
    }
    .endor .htmd{
        line-height: normal;
    }
    
    #header #gnb li .oneD{
        font-size: 14px;padding: 39px 0;
    }
    #header.main .rightDiv .lang > a span {
        padding: 0 8px 0 8px;
        margin-right: 8px;
    }
    #header .rightDiv .lang > a {
        margin: 30px 0;
        height: 26px;
        line-height: 26px;
        font-size: 14px;
    }
    #header .rightDiv .lang div a{
        font-size: 14px;
    }
    .gdd_top_banner .txtArea .tit{
         font-size: 0.18rem;
    }
    #header #gnb li .twoD li a{
        font-size: 12px;
    }
    .gdd_top_banner .txtArea .txt{
        font-size: 25px;
    }
    .feitin .tzz .hd-yy .content {
        height: 305px;
    }
    .tzz .hd-yy .content {
        height: 220px;
    }
    .index_news .ab_txt_contain {
        width: 80%;
        margin: 0 auto;
        padding: 30px 0;
        text-align: center;
    }
   .tzz .hd-yy {
        margin-bottom: 0;
    }
    .step2 .txt {
        FONT-WEIGHT: 200;
        font-size: 20px;
        bottom: auto;
        text-align: right;
        margin-top: 10px;
    }
    .hd-yy {
        margin: 60px 0 60px 10%;
    }
    .hd-yy .title p {
        font-size: 60px;
    }
    .hd-yy .title span {
        font-size: 23px;
        top: 28px;
    } 
    .hd-yy .content .left a {
        font-size: 14px;
        margin: 23px 0;
    }
    .hd-yy .content .right {
        height: 450px;
        left: 22%;
    }   
    .fit{
       
    }
    .paddt {
        display: none;
        font-size: 12px;
        width: 230px;
        margin: 50px auto;
        line-height: 20px;
    }
    .paddt p{
        margin: 10px 0;
    }
    .pddo {
        font-size: 24px;
    }
    .fit a {
        font-size: 12px;
        height: 25px;
        width: 95px;
        line-height: 25px;
        bottom: 70px;
    }
    .swiper-bit b {
        font-size: 20px;
    }
    .swiper-bit .swiper-button-prev2 {
        width: 32px;
        height: 16px;
        position: absolute;
        background: url(images/sildpre.png) no-repeat;
        left: -25px;
        top: 7px;
        cursor: pointer;
        background-size: 15px;
    }
    .swiper-bit .swiper-button-next2 {
        width: 32px;
        height: 16px;
        position: absolute;
        background: url(images/sildnext.png) no-repeat;
        right: -40px;
        top: 7px;
        cursor: pointer;
        background-size: 15px;
    }

    .ab_txt_contain {
        width: 100%;
        padding: 30px 0;
    }    
    .abtxt {
        font-size: 14px;
        line-height: 25px;
        padding: 0 75px;
        margin: 15px 0 100px 0;
    }    
   
    .ab_txt_contain .more {
        width: 50%;
        height: 35px;
        line-height: 35px;
        font-size: 16px;
        margin: 15px auto;
    }
    .hd-yy .content .left a.cur:after{
       top: 32px;
    }
    .ewm_bot_box {
        font-size: 12px;
    }
    .gdd_f_list_box .gdd_f_list dt a {
        font-size: 14px;
    }
    .gdd_f_list_box .gdd_f_list dd a {
        font-size: 12px;
    }
    .gdd_f_list_box .gdd_f_list dd span{
        font-size: 18px;
    }
    .gdd_foot_copyright_box a {
        font-size: 12px;
    }
    .swiper-Tbit .swiper-button-prev3 {
        width: 30px;
        height: 30px;
        background: url(images/pre.png) no-repeat;
        background-size: contain;
        cursor: pointer;
        margin-right: 10px;
        flex: 1;
    }
   
    .swiper-Tbit .swiper-button-next3 {
        width: 30px;
        height: 30px;
        background: url(images/next.png) no-repeat;
        background-size: contain;
        cursor: pointer;
        flex: 1;
    }
    .profile .coverimg{
        display: none;
    }
    .chane{
        margin-bottom: 30px;
    }
    .chane .tx {
        width: 40%;
        right: 11%;
        top: 135px;
        line-height: 23px;
        font-size: 12px;
    }
    .profile .content{
        height: auto !important;
        width: 100%;
        float: none;
    }
    .profile {
        position: relative;
        padding: 30px 0 30px 0;
        overflow: hidden;
    }
    .profile .content .detil {
        width: auto;
        float: none;
        padding: 20px;
    }
 
    
     .wb-zc-lxmod-yunqi-review-2018 .module-wrap{
        height: 450px !important;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item .con a .img{
        width: 325px;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.center .con{width: 450px;height: 177px;margin-top: -52px;margin-left: 50px}
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.rnear .con{position: relative;width: 450px;height: 177px;margin-top: 12px;margin-left: 33%}
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.center .con a .color {
        width: 11px;
        height: 145px;
        margin-top: 15px;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.center .con a .info {
        top: 15px;
        width: 140px;
        height: 145px;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.lnear .con, .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.rnear .con {
        position: relative;
        width: 450px;
        height: 177px;
        margin-top: 12px;
        margin-left: 20%;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.lnear .con a .img, .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.rnear .con a .img {
        position: relative;
        float: left;
        display: inline-block;
        width: 325px;
        height: 100%;
        overflow: hidden;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.center .con a .info .date {
        width: 120px;
        margin: 20px auto 0;
        font-size: 14px;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.lnear .con a .info .date, .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.rnear .con a .info .date{
        width: 120px;
        margin: 20px auto 0;
        font-size: 14px;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.lnear .con a .info .txt, .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.rnear .con a .info .txt{
             width: 120px;
        margin: 15px auto 0;
        color: #000;
        font-size: 12px;
        line-height: 18px;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.center .con a .info .txt {
        width: 120px;
        margin: 15px auto 0;
        color: #000;
        font-size: 12px;
        line-height: 18px;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.lnear .con a .color, .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.rnear .con a .color {
        position: relative;
        float: left;
        display: inline-block;
        width: 22px;
        transition: all .3s ease-in-out;
        height: 240px;
        margin-top: 15px;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.lnear .con a .info, .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.rnear .con a .info {
        position: absolute;
        right: 0;
        top: 15px;
        width: 140px;
        height: 145px;
        overflow: hidden;
        transition: all .3s ease-in-out;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.rnear {
        top: 30%;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.lnear .con {
        margin-left:20%;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .city-list {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .city-list .item span {
        display: inline-block;
        font-size: 12px;
        color: #000;
        vertical-align: middle;
        overflow: hidden;
        font-weight: 500;
        width: 29px;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .city-list .item {
        height: 30px;
        font-size: 0;
        cursor: pointer;
        opacity: 0;
        overflow: hidden;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.lnear {
        top: -280px;
    }
    /**---1120生产基地**/
    .filtrateall{
        width: 100%
    }
    /**---1120生产基地**/
    /**---1120科研成果**/
      .achieve .profile .content {
          width: 100%;
      }
      .achieve-list a span {
        display: block;
        position: absolute;
        background: #ec0d2c;
        width: 75%;
        bottom: -3%;
        margin: 0 auto;
        left: 0;
        right: 0;
        padding: 3% 0;
        text-align: center;
        font-size: 14px;
        color: #fff;
    }
    .achieve-list {
        padding-bottom: 60px;
    }
    .new-pmd{
        font-size: 20px;
    }
    /**---1120科研成果**/
    /**---1120**/
    .breadcrumb{
        margin-top: 30px;
    }
    .linenums {
        margin: 30px 0;
    }
    .linenums-1 {
        font-size: 25px;
        margin: 20px 0;
    }
    .linenums-2 {
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        padding: 0 25px;
    }
    .linenums-3 {
        padding: 30px 20px;
    }
    .linenums-3 .title {
        font-size: 16px;
        line-height: 20px;
    }
    .linenums-3 .right {
        margin-left: 10px;
        font-size: 14px;
        line-height: 20px;
        margin-top: -20px;
    }
    .pv15 {
        padding: 10px 0;
    }
    .linenums .bottom {
        height: 60px;
        padding: 0 15px;
        line-height: 60px;
    }
    .linenums .bottom a {
        margin-right: 10px;
        width: 70px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
    }

}

@media screen and (max-width:970px){
    .service-l{
        width: 26%;    font-size: 13px;
    }
    .service-li span {
        font-size: 13px;
        line-height: 20px;
    }
    
    .service-b{
        width: auto;
    }
    .service-bom {
        position: relative;
        margin-top: 10px;
    }
    .service-li p {
        font-size: 14px;
    }
     .info-flow p{
        font-size: 22px;
    }
    .info-flow span {
        font-size: 24px;
    }
    .info-content .swiper-slide {
            width:471px;
    }
    .info-content .swiper-button-next, .info-content .swiper-button-prev{
        width: 40px;
        height: 40px;
    }
    .info-content .swiper-button-prev{
        left: 5%;
    }
    .info-content .swiper-button-next{
        right: 5%;
    }
    .info-content .swiper-slide .title{
        font-size: 14px;
    }
    .yt-p-center .item{
        display: block;
    }
    .yt-p-center .yt-pc-i {
        width: 100%;
    }
    .yt-p-center .yt-pc-c{
        width: 100%;
    }
    .yt-pc-b {
        padding: 30px 15px;
        overflow: hidden;
        margin: 0;
    }
    .yt-pc-b p {
        font-size: 22px;
    }
    .yt-pc-b span {
        font-size: 12px;
        margin: 10px 0 20px 0;
		line-height: 20px;
    }
    .yt-pc-y {
        font-size: 24px;
    }
    .yt-pc-icon {
        width: 25px;
        height: 25px;
        background-size: 7px;
    }
    .yt-pc-bc{
        margin-top: 30px;
    }
    .yt-pc-l img {
        width: 55px;
    }
    .yt-news .news_index_l{
        width: auto;
        float: none;
        padding: 10px;
        margin: 10px;
    }
    .yt-news .ty {
        font-size: 12px;
    }
    .yt-news a.item{
        display: block;margin-bottom: 20px;
    }
    .yt-news .ml {
        width: 100%;
    }
    .yt-news .ml img {
        margin: 0 auto;width: 100%;
    }
    .yt-news .mr {
        width: 100%;
    }
    .yt-news .mr .tm .l {
        font-size: 14px;
    }
    .yt-news .mr .tm .r {
        font-size: 12px;
    }
    .yt-news .mr p {
        font-size: 12px;
        line-height: 20px;
        height: 60px;
        overflow: hidden;
        text-align: justify;
    }
    .yt-news .mr .tm{
        margin: 15px 0;
    }
    .yt-news .news_index_n {
        margin-bottom: 20px;
    }
     .timer-left,.timer-right{
        width: 20px;height: 20px;
    }
    .time-circle {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    .line-scale{
        width: 10px;
    }
    .shaft-left p {
        font-size: 22px;margin-bottom: 10px;
    }
    .shaft-right {
        width: 100%;
        margin-top: 10px;
    }
    .shaft-left {
       font-size: 12px;
       width: 100%;
       line-height: 24px;
   }
     .timer-shaft{
        height: 82px;
    }
    .shaft-c{
        display: block;
    }
    
    .gy_lx {
        padding: 35% 0;
        margin-top: 20px;
        position: relative;
    }
    .gy_lx_c {
        font-size: 12px;
        width: 48%;
        padding: 10px 0;
        top: -10px;
    }
    .gy_dz, .gy_tp {
        font-size: 12px;
        background-size: 12px;
        padding: 15px 0;
    }
    .gy_dz span, .gy_tp span {
        font-size: 16px;
        margin-top: 10px;
    }
    .ab_txt_contain .title p, .ab_txt_contain .title span {
        font-size: 24px;
    }
    .join-us .mod-1 {
        font-size: 14px;
    }
    .join-us .mod-2{
        display: flex;
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
    }
    .join-us .mod-2 img {
        width: 30%;
        margin-bottom: 10px;
        margin-right: 10px;
    }
    .join-us .mod-2 img:nth-child(3) {
         margin-right: 0;
    }
    .gy_sm .ys_index_tk1, .gy_sm .ys_index_tk2{
       background-size: 16px;
    }
    .gy_py .js_ly_b{
       padding: 5% 5% 5% 5%;
    }
    .gy_py .js_ly_c{
       height: 88%;
       overflow-y: scroll;
    }
    .js_ly_f .desc {
        font-size: 12px;
        line-height: 20px;
    }
    .gy_sm .ys_index_i{
        width: 80%;
    }
    .gy_sm .ys_index_c{
        padding: 10px;
    }
    .gy_jj_s{
        font-size: 24px;
        margin: 3% 0 10px 0;
    }
    .gy_jj_p {
        font-size: 14px;
    }
    .gy_jj_d {
        font-size: 12px;
        line-height: 20px;
        text-align: justify;
    }
    .gy_jj_c{
        display: block;
        width: auto;
        margin: 0 15px;
    }
    .gy_jj_l{
        width: 100%;
    }
    .gy_jj_r {
        width: 100%;
        display: block;
        margin-top: 5px;
    }
    .js_ly_c{
        display: block;
        width: auto;
        margin: 15% 10px;
    }
    .js_ly_l {
        width: 100%;
        margin-bottom: 5%;
        position: relative;
        top: auto;
        left: auto;
    }
    .js_ly_b{
        width: auto;     
        padding: 10% 5% 10% 5%;
    }
    .js_ly_t {
        font-size:14px;
    }
    .js_ly_t span {
        font-size: 24px;
    }
    .js_ly_f .mlo {
        font-size: 12px;
    }
    .js_ly_f .mlo input {
        font-size: 12px;
    }
    .js_ly_f .submits {
        font-size: 12px;
    }
    .js_ys_c .ub {
        width: 100%;
    }
     .js_ys_t {
       font-size: 24px;
       margin: 10% 0 2% 0;
     }
     .js_ys_c{
        width: auto;
        margin: 0 15px;
        display: block;
        height: 88%;
        overflow-y: scroll;
     }
     .js_ys_c .item{
         width: 100%;    
         padding: 10px 0;
     }
    .js_ys_c .item img{
        height: 20px;
    }
    .js_ys_c .item span {
        font-size: 14px;
        margin: 10px 0;
    }
    .js_ys_c .item p {
        font-size: 12px;
        line-height: 20px;
        text-align: justify;
        padding: 0 10px;
    }
    .news_index {
        padding: 0;
        display: flex;
        align-items: center;
    }
    .news_index_c {
        width: auto;
        margin: 11% 15px;
        overflow: hidden;
        position: relative;
    }
    .news_index_l{
        background:rgba(255,255,255,0.8);
        width: auto;
        float: none;
        padding: 10px;
        margin: 10px;
        border-radius: 10px;
    }
    .news_index_list a span {
        font-size: 13px;
        line-height: 20px;
        height: auto;
        text-align: justify;
    }
    .news_index_om {
        font-size: 12px;
        justify-content: end;
    }
    .news_index_om1 {
        font-size: 35px;
        margin-right: 5px;
    }
    .news_index_p{
        margin-top: 11%;
    }
    .news_index_ctr .swiper-bit {
        position: relative;
        top: auto;
        right: auto;
        margin-right: 35px;
        bottom: 0;
    }
    .news_index_ctr .swiper-bit b {
        font-size: 18px;
    }
    .news_index_ctr .swiper-bit .swiper-button-prev2 {
        width: 25px;
        height: 4px;
        background-size: contain;
        left: -35px;
    }
    .news_index_ctr .swiper-bit .swiper-button-next2 {
        width: 25px;
        height: 4px;
        background-size: contain;
        right: -35px;
    }
    .news_index_list a p {
        font-size: 14px;
        line-height: 24px;
        height: auto;
        margin-top: 10px;
    }
    .ys_index_t {
        font-size: 24px;
        margin: 11% 0 4% 0;
    }
    .ys_index_c {
        display: block;
        align-items: center;
        width: auto;
        margin: 15px;
    }
     .ys_index_i {
         width: 80%;
         overflow: hidden;
         margin: 0 auto;
     }
    .ys_index_l {
        width: 100%;
    }
    .ys_index_p {
        font-size: 14px;
        padding: 10px 0;
        text-indent: 20px;
    }
    .ys_index_tk1, .ys_index_tk2 {
        background-size: 15px;
    }
    .ys_index_k {
        font-size: 12px;
        color: #a3a3a3;
        padding: 8px 0;
        line-height: 20px;
    }
    
    profile-t {
        font-size: 24px;
    }
    .yt-profile-d {
        font-size: 12px;
        width: auto;
        line-height: 20px;
        padding: 10px 15px;
        text-align: center;
    }
    .yt-profile-l{
       display: block;  
    }
    .yt-profile-m {
        font-size: 13px;
        line-height: 24px;
        width: 100%;
        text-align: justify;
    }
    .yt-profile-t {
        font-size: 24px;
        margin-top: 10px;
    }
    .yt-profile-i {
        width: auto;
        margin-top: 10%;
        padding-bottom: 15%;
    }
    #py_index{
        display: block;
    }
    .yt-index-p-t {
        font-size: 24px;
        margin: 20% 0 10% 0;
    }
    .sml {
        width: 30px;
        height: 30px;
    }
    .hd-yy .content .left a {
        font-size: 12px;
    }
    .sml img {
        width: 12px;
    }
    
    .swiperlink span{
        font-size: 16px
    }
    .gdd_top_banner .swiper-pagination-bullet-active i{
        display: none;
    }
    .gdd_top_banner .swiper-pagination-bullet i{
          display: none;
    }
    .gdd_top_banner .swiper-pagination{
        width: 100%;text-align: center;
    }
    .gdd_top_banner .swiper-pagination{
        left:0 !important;
    }
    .swiperlink p {
        font-size:20px;
        margin-top: 20px;
    }
    .mod-4 .item .content span{
       font-weight: normal;
    }
    .tig a.cur {
        border-bottom: 1px solid #ec0d2c;
    }
    .tig a {
        font-size: 13px;
    }
    .bnd-list{
        display: block;
    }
    .bnd-list a{
       width: 100%;
    }
    .bnd-list a:hover{
        transform: inherit;
    }
    .sild-b-d{
        display: block !important;
    }
    .tig{
        margin-bottom: 15px;
    }
     .getbk {
        font-size: 18px;
        margin: 10px 0 10px 0;
    }
    .msgbox .txt {
        font-size: 12px;
    }
    .scg p{
      font-size: 18px;
    }
    .scg span {
        font-size: 12px;transform: scale(0.7);height: 3px;
    }
    .part2{
        margin-top: 20px;
    }
    .mon-1{
         margin-top: 20px;
    }
    .mon-1 .item {
        padding: 3% 2%;
        width: 45%;
    }
    .mon-1 img {
        height: 25px;
    }
    .mon-1 .item p {
        font-size: 14px;
        margin: 10px 0 10px 0;
    }
    .mon-1 .item span {
        font-size: 12px;
        line-height: 16px;
        height: 51px;
    }
    
    .ver-1{
        margin-top: 10px;
        background: none;
    }
    .ver-1 .item1, .ver-1 .item5{
        margin-left: 0;
    }
    .ver-1 .item{
        width: 100%;float: none;margin-bottom: 15px;
    }
    .ver-1 .item2, .ver-1 .item6{
        margin-right: 0;
    }
    .ver-1 .item5, .ver-1 .item6{
        margin-bottom: 10px;
    }
    .ver-2 p {
        font-size: 14px;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }
    
    .ver-1 .item i {
        width: 4px;
        height: 4px;
        margin-top: 5px;
        margin-right: 10px;
    }
    #parameters .join-us{
       padding: 10px 0 30px 0;
    }
    .join .mod-1 {
        margin-top: 10px;
    }
    .join .mod-1 p {
        font-size: 18px;
    }
    .join .mod-1 span {
        font-size: 12px;
    }
    .par-1 {
        font-size: 12px;
        line-height: 22px;
        padding: 10px 10px 20px 10px;
    }
    #parameters .list{
        flex-wrap: wrap;
    }
    #parameters .list a:nth-child(4),#parameters .list a:nth-child(5){
        width: 46%;
   }
    #parameters .list a{
        padding: 10px 0 10px 10px;
      width: 29%;
      margin-bottom: 10px;
    }
    #parameters .list .cout b{
      display: inline-block;
    }
    #parameters .list p {
       font-size: 12px;
       margin-bottom: 10px;
    }
   #parameters .list .cout {
        font-size: 14px;
        display: flex;
        align-items: center;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        text-align: justify;
        height: 20px;
    }
    
    .par-1 {
        font-size: 12px;
        line-height: 22px;
    }
     #honors .certify .swiper-button-next, #honors .certify .swiper-button-prev{
        width: 20px;
        height: 20px;
    }
    .swp {
      width: 85%;
      margin: 15px auto 0 auto;
    }
    #honors .certify .swiper-button-next, #honors .certify .swiper-button-prev{
        top: 50%;
    }
    #honors .pod-1 .certify .swiper-button-prev {
        left: -7%;
    }
    #honors .pod-1 .certify .swiper-button-next {
        right: -7%;
    }
    #honors .certify .swiper-slide {
      width: 62%;
    }
    .blocks{
        margin-top: 10px;
    }
    .blocks .item{
        width: 48%;
        margin-bottom: 4%;
    }
    .blocks .item span {
        line-height: 15px;
    }
    .blocks .item p {
        font-size: 14px;
        padding: 10px 0;
    }
    .anon{
        width: 90%;
        bottom: -27px;
    }
    .anon .cout {
        font-size: 16px;
    }
    .anon .item{
       padding: 10px 0;
    }
    .anon .item p {
        font-size: 12px;
        margin-top: 10px;
        font-weight: normal;
    }
    .fom a img.flogo{
        width: 150px;
        margin: 0 auto;
    }
    .fom .fcon {
        font-size: 13px;
        background-size: 11px;
        padding-left: 16px;
        line-height: 14px;
        width: 65px;
        margin: 20px auto 0 auto;
    }
    .fom p {
        font-size: 16px;
        text-align: center;
        margin: 10px auto 20px auto;
    }
    .fcode {
        width: 60px;
        margin: 0 auto;
    }
    .fcode span {
        margin: 10px 0;
    }
    .nod-2{
        margin-top: 10px;
    }
    .nod-2 a .date p {
        font-size: 18px;
    }
    .nod-2 .bd {
        width: 77%;
    }
    .nod-2 a{
        width: 100%;
    }
    .nod-1{
        display: block;margin-top: 10px;
    }
    .nod-1 a:nth-child(2) .p {
        margin-bottom: 10px;
    }
   .nod-1 a {
        padding: 15px;
        margin-bottom: 0px;
        border-top: 1px solid #e5e5e5;
    }
    .nod-1 p {
        margin: 10px 0 10px 0;height: 14px;
    }
    .nod-1 .p {
        font-size: 12px;
        height: auto;
        line-height: 20px;
        margin: 10px 0 0 0;
    }
    .com-1 {
        font-size: 14px;
        margin: 5px 0 10px 0;
    }
    .com-2 {
        font-size: 12px;
        line-height: 20px;
        width: 100%;
        margin: 0 0 30px 0;
    }
    .com-3 {
        font-size: 12px;
    }
    #company .join-us{
      background-size: cover;
      padding: 15px 0 30px 0;
    }
    #products_index .join-us{
        padding: 15px 0 0 0;
    }
    .pod-1{
        margin: 10px 0;
        flex-wrap: wrap;
    }
    .pod-1 .item{
        font-size: 12px;
        padding: 5px;
        display: flex;
        align-items: center;
    }
    .pod-1 .item img {
        margin-right: 5px;
        width: 10px;
    }
    .certify .swiper-slide{
        width: 80%;border: 2px solid #bdbdbd;height: auto;
    }
    .certify .swiper-container {
        padding-bottom: 10px;
    }
    .certify .swiper-button-next, .certify .swiper-button-prev {
        top: 47%;
    }
    .certify .swiper-slide p {
        font-size: 14px;
    }
    .contain-63{
        width: auto;
        padding: 0 15px;
    }
    .contain-80{
        width: auto;
        padding: 0 15px;
    }
    .mod-1 span {
        font-size: 14px;
    }
    .mod-1 p {
        font-size: 20px;padding-bottom: 5px;
    }
    .mod-2 {
        display: block;
    }
    .mod-2 .mod-3 {
        width: auto;
        display: flex;
        overflow: hidden;
        align-items: center;
        justify-content: space-between;
    }
    .mod-6 {
        width: 25px;
        height: 25px;
        margin-right: 5px;
        border:none;
    }
    .mod-7 span {
        font-size: 12px;
        display: block;
        margin-top: 5px;
        height: 25px;
    }
    .mod-2 .mod-4 {
        width: 100%;margin-top: 10px;
    }
    .mod-4 .item .content p {
        font-size: 14px;
    }

    .mod-5 {
        font-size: 14px;
        padding: 4% 2%;
        margin-top: 10px;
        width: 28%;
         border-right: none;
         border-bottom: 2px solid #fff;
    }
    .mod-5:hover{
        border-right: none;
        border-bottom: 2px solid #ec0d2c;
   }
   .mod-2 .mod-3 .cur{
        border-right: none;
       border-bottom: 2px solid #ec0d2c;
   }
    .sild-b-d a{
        margin-bottom: 5px;
    }
    .fla-3 .subjoin .center {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
 
    .fla-3 .subjoin .center span{
        font-size: 14px;
    }
   .ind6 {
        width: auto;
        margin: -40px 15px 35px 15px;
        padding: 45px 0 15px 0;
    }
    .ind6_txt {
        width: 100%;
        height: auto;
        position: static;
        margin-top: 30px;
    }
    .ind6_img {
        width: 200px;
        margin: 0 auto;
        height: 200px;
    }
    .ind61 {
        width: auto;
        padding: 0 15px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 0;
    }
    .ind6_txt > h3 {
        font-size: 18px;
        color: #333;
        margin-bottom: 20px;
        text-align: center;
    }
    .ind6_txt > p {
        font-size: 12px;
        line-height: 25px;
    }
    .quan {
        font-size: 14px;
    }
    .ttt {
        font-size: 18px;
    }
    .ind5 {
        padding: 15px 0 40px;
    }
    .ind5_txt {
        margin-top: 30px;
        padding: 10px 13.5%;
        text-align: center;
        position: relative;
    }
    .green_lb .green_item .item_right {
           padding-top: 0.4rem;
          padding-bottom: 0.4rem;
    }
    .green_lb .green_item .item_right .item_right_txt2 {
        font-size: 12px;
    }
    .green_lb .green_item .item_right .item_right_txt1 {
        font-size: 14px;
    }
    .green_lb .green_item {
        flex-wrap: wrap;
    }
    .green_lb .green_item .item_left {
        width: 100%;
    }
    .sort-a span.cur{
        font-size: 16px;
    }
    .conditions .ab_txt_contain{
        padding: 0;
    }
    .jkmx{
      margin-top: 15px;
    }
    .jkmx a {
        width: 100%;
    }
    .jkmx .pcon {
        font-size: 12px;
        line-height: 25px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .feitin {
        margin-top: 20px;
    }
    .NlistPic, .NlistPic{
        width: 100%;
    }
    .feitin .hd-yy .content .left {
        float: left;
        text-align: left;
        height: auto;
        overflow-y: hidden;
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .feitin .hd-yy .content .left a {
        font-size: 14px;
        margin: 23px 0;
        display: block;
        flex: auto;
        text-align: left;
        margin: 10px 5px;
        width: 22%;
    }
    .feitin .tzz .hd-yy .content .right{
        z-index: -1;
    }
    .feitin .tzz .hd-yy .content {
        height: auto !important;
    }
    .feitin .hd-yy .content .left a.cur{
        font-size: 14px;
    }
    .feitin .hd-yy .content .left a.cur span:after {
        top: 20px;
    }
    .NlistRight{
        width: 100%;
    }
    .Nlist li a{
        display: block;
    }
    .NlistRight p {
        font-size: 12px;
        margin-top: 10px;
        border-bottom: 1px solid #000;
    }
    .NlistRight h6 {
        font-size: 14px;
        padding-top: 5px;
    }
    .Nlist li {
        margin: 20px 0 20px 0;
        display: block;
    }
     .bunda .dasharr-list a {
        margin: 10px 0;
    }
    .dasharr-list a {
        margin: 10px 0 0 0;
        width: 100%;
    }

    .new-list li a {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 10px 0 10px 0;
}
.new-list li a .time {
    position: absolute;
    left: 15px;
    top: 10px;
    width: 75px;
    height: 50px;
    line-height: 50px;
    background: #ec0d2c;
    margin-top: 0;
    z-index: 1;
    font-size: 0;
    text-align: center;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}
.new-list li a .time > div {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    margin-top: 10px;
}
.new-list li a .time .year {
    font-size: 12px;
}
.new-list li a .time .day {
    font-size: 16px;
}
.new-list li a .nr {
    background: #FFF;
    margin-left: 0;
    height: auto;
    padding: 10px 15px 10px 15px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    box-shadow: 0px 0px 16px rgb(0 0 0 / 15%);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.new-list li a .nr .img {
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}
.new-list li a .nr .img > div {
    width: 100%;
    position: relative;
    padding-bottom: initial;
}
.new-list li a .nr .img > div img {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}
.new-list li a .nr .title {
    margin-left: 0;
    position: relative;
    width: 100%;
}
.new-list li a .nr .title h1 {
    margin-top: 10px;
    height: auto;
    line-height: 30px;
    width: 100%;
    font-size: 14px;
    color: #333;
    margin-bottom: 0;
    position: relative;
}
.new-list li a .nr .title .p {
    font-size: 12px;
    line-height: 20px;
}
.new-list li a .nr .title .p:before {
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    height: 1px;
    background: #000;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    top: -7px;
}
    .dasharr-t span {
        font-size: 18px;
    }
    .dasharr-t span:before {
        height: 19px;
        width: 2px;
    }    
    .dasharr-t a {
        width: 70px;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        border: 1px solid #ec0d2c;
        transition: all 1s;
    }
    .dasharr-list a p {
        font-size: 14px;
        margin: 10px 0 5px 0;
    }
    .zonedword {
        font-size: 14px;
    }
    .tplDict {
        margin: 10px 0 0 0;
    }
    .lpcon .tplDict .drw-1 {
        margin-bottom: 10px;
        font-size: 14px;
    }
    .tplDict .drw p:after{
        display: none;
    }
    .tplDict .drw {
        width: 100%;
        height: auto;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }
    .tplDict .drw-2 span {
        font-size: 19px;
        color: #888;
        padding: 0 5px;
        margin-top: 50px;
        display: block;
    }
    .lpcon .tplDict .drw-3 p {
        margin-bottom: 5px;
    }
    .lpcon .tplDict .drw-2 p {
        text-indent: 33px;
    }
    .lpcon .comp-1 .comp-min {
        font-size: 14px;
        line-height: 25px;
        margin-top: 0;
    }    
    .tplDict .drw p {
        font-size: 16px;
        color: #000;
        margin: 10px 0 0 5px;
        text-indent: 25px;
    }
    .lpcon .tplDict .drw-1 p {
        margin-bottom: 10px;    text-indent: 30px;
    }
    .feitin .tzz .hd-yy {
        width: auto;
        margin: 15px 0 15px 15px;
        overflow: hidden;
    }
    .store .comp .step1 img {
        margin-top: 10px;
    }
    .fla-3 {
        width: 100%;
        height: 450px;
        margin: 30px 0;
    }
    .fla-3 .shm-1 {
        font-size: 18px;
        padding-top: 10px;
    }
    .fla-3 .shm-2 {
        font-size: 14px;
        margin: 10px 0 0 0;
    }
    .fla-3 .subjoin {
        width: 80%;
        overflow: hidden;
        margin: 10px auto;
    }    
    .fla-3 .sfb-1 label {
        font-size: 14px;
        display: inline-block;
        padding-left: 5px;
        color: #000;
    }
    .fla-3 .sfb-1 {
        height: 35px;
        line-height: 30px;
        margin-bottom: 15px;
    }
     .fla-3 .sfb-1 input {
        width: 66%;
        margin-top: 0;
        height: 35px;
        font-size: 14px;
        line-height: 35px;
    }
    .fla-3 .h_submits {
        width: 100%;
        background: #fff;
        font-size: 14px;
        height: 35px;
        line-height: 35px;
        border-radius: 35px;
        cursor: pointer;
        color: #ec0d2c;
    }
    .fla-3 .subjoin .right .ins p {
        font-size: 12px;
        font-weight: normal;
        margin-left: 0;
        margin-bottom: 2px;
    }
    .fla-3 .subjoin .right .ins {
        font-size: 12px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        background: url(images/htel-1.png) 0px 4px no-repeat;
        margin-top: 10px;
        padding-left: 30px;
        background-size: 25px;
        display: inline-block;
    }
    .fla-3 .subjoin .left {
        width: 100%;
        float: none;
        margin-top: 20px;
    }
    .fla-3 .subjoin .contain {
        width: 100%;
    }
    fla-3 .h_submits {
        width: 100%;
        background: #fff;
        font-size: 14px;
        height: 35px;
        line-height: 35px;
        border-radius: 35px;
        cursor: pointer;
        color: #ec0d2c;
    }
    .fla-3 .subjoin .right {
        width: 100%;
        float: none;
        text-align: center;
    }
    .fla-3 .subjoin .right img {
        width: 100px;
        height: 100px;
        display: block;
        margin: 20px auto 10px auto;
    }
    .fla-3 .subjoin .right span {
        font-size: 14px;
        color: #fff;
        text-align: center;
        display: block;
        margin: 5px 0;
        padding-left: 0;
    }
    div.store {
        margin: 20px auto;
    }
    .tool p {
        font-size: 16px;
    }    
    .tool span:before {
        top: -2px;
    }
    .store .ab_txt_contain {
        padding: 10px 0 0 0;
    }
    .store .comp-cout {
        bottom: 10px;
        position: relative;
        margin-top: 10px;
        text-align: left;
    }
    .tool span {
        font-size: 14px;
        margin-top: 5px;
    }
     .store  .comp-1 {
        text-align: left;
    }
    .fztxt {
        font-size: 14px;
        line-height: 25px;
        width: auto;
        padding: 0 15px;
    }
    .fzlist a {
        display: block;
        flex: auto;
        margin-right: 2%;
        position: relative;
        transition: all .5s;
        width: 49%;
        margin-bottom: 10px;
    }
    .fzlist a:hover {
        transform: scale(1.05);
    }
    .fzlist a p {
        font-size: 14px;
    }
    .fzlist {
        margin: 10px auto 30px auto;
    }
    .fzlist a:nth-child(2n){
        margin-right: 0;
    }
    .strengthBox .L{
        width: 100%;
        height: 200px;
    }
    .franchise a{
        flex: auto;
        display: block;
        padding: 0 15px;
    }
    .strengthBox .L p{
        font-size: 16px;
    }
    .strengthBox .R{
        width: 100%;
    }
    .strengthBox .ab_txt_contain .title span {
        font-size: 16px;
    }
    .strengthBox .ab_txt_contain .title p {
        font-size: 28px;
    }
    .jlogo {
        text-align: center;
        width: 100%;
    }
    .jlogo img{
        width: 160px;
    }
    .jtxt {
        font-size: 14px;
        width: auto;
        padding: 0 15px;
        line-height: 25px;
        margin: 10px 0;
    }
    .strengthBox .R .ab_txt_contain {
        margin: 10px 0 0 0;
        padding: 0 0 10px 0;
        width: 100%;
        text-align: center;
    }
    .comp-cout span{
        font-size: 24px;
    }
 
    .brave .brave-the{
        width: 100%;
    }
    .brave .brave-txt {
        line-height: normal;
        font-size: 14px;
    }
    .brave .brave-the img{
        width: 100%;margin-top: 10px;
    }
    .brave-txt-kl a {
        text-align: center;
        position: relative;
        bottom: auto;
        margin: 20px 0 10px 0;
    }
    .hhs{
        height: auto;
    }
    .ab_about .brave .brave-txt-kl {
        position: relative;
        display: block;
        white-space: initial;
    }
    .brave-txt-kl p {
        font-size: 16px;
        position: relative;
        top: auto;
    }
    .cult_1 a{
         margin-bottom: 10px;
        width: auto;
        padding: 0 15px;
    }
    .comp-cout b {
        font-size: 12px;
    }
    .comp-cout p {
        font-size: 12px;
    }
    .comp-1 .cout{
        text-align: left;
    }
    .jm-4 img{
        margin-bottom: 30px;
    }
    .comp-cout{
        margin-top: 5px;
    }
    .ys_nav_box > a .ys_n_h .ys_l {
        line-height: inherit;
        width: 100%;
        padding: 0;
        font-size: 14px;
    }
    
    .ys_nav_box > a .ys_n_h .ys_r .ys_so {
        margin-top: 0.1rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: pre-wrap;
        white-space: -moz-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        word-break: break-all;
        word-wrap: break-word;
        line-height: 24px;
    }    

    .ys_nav_box > a{
            overflow: visible;
    }
    .f-18{
        font-size: 12px;
    }
    .max-wid{
        width:95%;
    }
    .ys_nav_box > a .ys_n_h .ys_r {
        width: 230px;
    padding: 0;
    line-height: 1;
    position: fixed;
    text-align: left;
    top: -60px;
    z-index: 99999999;
    left: 0;
}
.ys_nav_box > a .ys_n_h .ys_r .ys_so{
    line-height: normal;
}
    .sort-a span{
        display: inline-block;
        margin: 20px 20px 25px 0;
        position: relative;
        cursor: pointer;
        font-size: 14px;
    }
    .ab_txt_contain .sort-bb span{
        margin: 20px 20px 25px 0;
    }
    .sort-b .nk a{
        width: 100%;
        margin-bottom: 10px;
    }
    .sort-b .nk a span{
        font-size: 12px;
    }
    .endor .profile .content .detil .wid{
        margin-bottom: 0;
    }
    .sort-c {
        height: 190px;
        margin: 15px 0 0 0;
    }
    .klitem a{
       width: 100%;
       margin: 10px 0 5px 0;
    }
    .klitem a p{
        font-size: 14px;
        margin: 5px 10px 5px 10px;
    }
    .klitem a span {
        margin: 0 10px 5px 10px;
    }
    .kka {
        width: 100%;
    }
    .kka p{
        padding: 15px 10px 10px 10px;
        font-size: 14px;
    }
    .kka span {
        display: block;
        font-size: 12px;
        color: #919191;
        margin: 0 10px 0 10px;
        line-height: 22px;
    }
    .kka a {
        font-size: 12px;
        height: 25px;
        width: 95px;
        line-height: 25px;
        right: 10px;
        bottom: 5px;
        margin: 0;
    }
   .gdd_top_banner .swiper-slide >img {
     width: 100%;
    }
    #header #gnb li .oneD{
        font-size: 12px;padding: 39px 0;
    }
    #app_body{
        margin-top: 0!important;
    }
    .gdd_top_banner video {
        width: 100% !important;
        height: 100% !important;
        object-fit: fill !important;
    }
    .hidden-xs {
        display: none!important;
    }
    .visible-xs {
        display: block!important;
    }
    .gdd_top_banner .swiper-slide {
    }
  
    #header #gnb{
        display: none;
    }
    .visible-xs {
        display: block!important;
    }
    .nmc .mobile_phone_navigation{
        background: #fff;
    }
    .mobile_phone_navigation {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        width: 100%;
        height: 55px;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center;
    }
    .mobile_phone_logo {
        width: 110px;
    }
    .mobile_phone_logo img {
        width: 100%;
    }    
    .mobile_phone_logo img {
        width: 100%;
    }
    .hmo .phone_conent > span{
        border: 1px solid #000;
    }
    .phone_conent > span {
        width: 30px;
        border: 1px solid #fff;
        display: block;
        margin: 7px auto;
    }
    .phone_conent_title {
        width: 100%;
        background: #fff;
        border-top: 1px solid #ccc;
        position: absolute;
        top: 100%;
        padding-bottom: 5px;
        display: none;
        z-index: 999999;
    }
    .phone_conent_title li {
        line-height: 40px;
        width: 100%;
        border-bottom: 1px solid #ccc;
        text-align: center;
    }    
    .phone_conent_title .downlist .s-dlist a{
            color: #999999 !important;
    }
    .s-dlist ul li{
       border-bottom:none;
    }
    .phone_conent_title li.downlist{
        background: url(images/s-up.png) no-repeat 98% 20px;
        background-size: 16px;
    }
    .uplist .s-dlist{
        display: none;
    }
    .phone_conent_title li.uplist{
        border-bottom: none;
        background: url(images/s-down.png) no-repeat 98% 20px;
        background-size: 16px;
    }
    .phone_conent_title a {
        display: inline-block;
        padding: 3px 0;
        font-size: 14px;
        color: #555!important;
        text-align: center;
    }
    #wrapper {
        margin-top: 55px!important;
    }
    .dowebok-1 span{
        font-size: 14px;
    }
    .mobile_phone_conent {
        display: flex;
        align-items: center;
        color: #000;
        margin-right: 15px;
        transition-duration: .5s;
       -webkit-transition-duration: .5s;
    }
    .mobile_phone_logo {
        margin-left: 15px;
    }
    .gdd_top_banner .txtArea .tit {
        font-size: 16px;
        top: -35px;
    }
    .gdd_top_banner .txtArea .txt {
        font-size: 18px;
        margin-top: 15px;
    }
    .gdd_top_banner .txtArea {
        left: 30px;
        width: 80%;
        padding-left: 0;
    }
    .ndu{
        display: none;
    }
    .gdd_top_banner .swiper-pagination-bullet{
        width: 8px;height: 8px;
    }
    .gdd_top_banner .swiper-pagination-bullet{
        margin: 0 5px !important;
        border-radius: 100%;
    }
    .hd-yy {
        width: auto;
        margin: 15px;
        overflow: hidden;
    }
    .hd-yy .title p {
      font-size: 28px;
      text-align: center;
    }
    .profile .content .detil .wid p{
            font-size: 28px;
    }
    .profile .content .detil .wid span {
          font-size: 16px;
         top: 12px;
    }
    .hd-yy .title span {
        font-size: 16px;
        top: 12px;
        text-align: center;
        left: 0;
        right: 0;
    }
    .hd-yy .content .left {
        float: none;
        margin-top: 10px;
        display: block;
        flex-direction: row;
        width: 100%;
    }
    .hd-yy .content .left a.cur {
        font-size: 12px;
    }
    .hd-yy .content .left a{
          font-size: 12px;
        display: block;
        flex: 1;
        text-align: center;
        margin: 0;
    }
    .hd-yy .content .right {
        height: 350px;
        left: 0;
        position: relative;
        top: 40px;
        width: 100%;
    }
    .hd-yy .content .left a.cur:after {
        top: 20px;width: 50px;
    }
    .jm_index_t {
        font-size: 24px;
        margin: 20% 0;
    }
    .m_index_p {
        font-size: 30px;
        margin: 20% 0;
    }
    .mainIndex .swiper-pagination-main {
        position: absolute;
        left: 0;
        top: 45%;
        right: 0;
        width: 50px;
        z-index: 9;
    }
    .fit {
        width: auto;
        top: 35px;
        right: 0;
    }
    .paddt {
        width: 76%;
        margin: 50px auto;
        padding: 10px 20px;
    }
    .pddo {
        font-size: 18px;
    }
    .paddt p {
        margin-bottom: 10px;font-size: 16px;
    }
    .fit a {
        bottom: 70px;
    } 
    .swiper-bit {
        bottom: 35px;
        right: 40px;
        font-size: 14px;
    }
    .paters-title {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .paters {
        width: 100%;
        margin-bottom: 20px;
    }
    .paters-content a {
        width: 33%;
    }
    .ab_txt_contain {
        padding: 10px 0;
        margin-top: 10px
    }
    .abtxt {
        font-size: 12px;
        padding: 0 15px;
        margin: 15px 0 25px 0
    }
    
    .ab_txt_contain .more {
        width: 35%;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        margin: 11px auto;
    }
    #ab_index{
        height: auto !important;
    }
    .tzz .hd-yy .content .right{
        top: 0;
    }
    .tzz .hd-yy .content {
        height: 165px !important;
    }
    .tzz .hd-yy {
        margin-bottom:0;
    }
    .store .comp .step2  img{
        margin-top: 15px;
    }
    .step2 .txt {
        font-size: 14px;
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: 10px;
    }    
    .index_news .ab_txt_contain {
        padding: 10px 10px;
        width: auto;
    }
    .jevr {
        margin: 20px 0 0 0;
    }
    .jevr .left {
        float: none;
        width: 100%;
    }
    .jevr .right {
        float: none;
        width: 100%;
    }
    .listns .l span {
        font-size: 14px;
    }
    .listns .l {
        width: 42px;
    }
    .listns .l:after {
        width: 1px;
        height: 12px;
        background: #000;
        top: 1px;
        right: -7px;
    }
    .listns .r p {
        font-size: 14px;
        margin-top: 0;
    }
    .jevr .right{
        height: auto !important;
    }
    .jevr .left .listns {
        margin-bottom: 10px;
    }
    .jevr .left .listns .r {
        border-bottom: 1px solid #c7e6d2;
        padding: 0 0 40px 0;
    }
    .jevr .left .listns .r {
        padding: 0 0 10px 0;
    }
    .link-more {
        width: 90px;
        height: 25px;
        line-height: 25px;
        font-size: 12px;
        margin: 15px auto 0 auto;
    }
    .gdd_foot_copyright_box {
        height: auto;
        line-height: initial;
        padding: 10px 0;
        margin: 0;
    }
    
    .gdd_foot2 {
        width: auto;
        margin: 0 auto;
        padding: 25px 15px 15px 15px;
    }
    .gdd_foot_line {
        margin-top: 0;
        padding: 5px 0;
    }
    .gdd_f_list_box {
        display: block;
    }
    .gdd_f_ewm_box .top_ewm {
        width: 2rem;
        height: 2rem;
        margin: 0 auto 20px auto;
    }
    .slidesss{
        height: 180px;
    }
    .position {
        height: 38px;
        line-height: 38px;
    }
    .position .urHere{
        width: auto;
        padding: 0 15px;
        font-size: 12px;
    }
    .contain-s{
        width: auto;padding: 0 15px;
    }
    .profile .content .detil .wid {
      font-size: 16px;
      margin-bottom: 0;
    }

    .htmd {
        line-height: initial;
    }
    .chane{
        height: 200px !important
    }
    .chane .tx {
        width: auto;
        right: auto;
        line-height: initial;
        font-size: 12px;
        position: relative;
        padding: 30px 15px;
        top: auto;
    }
    .dn-container {
        margin-right: auto;
        margin-left: auto;
        min-width: 100%;
        padding-right: 0;
        padding-left: 0;
    }
    .page-main-content {
        margin:10px 0 30px 0;
        width: 100%;
        overflow: hidden;
    }
    .urHere a:first-child {
           background: url(images/pstion.png) left center no-repeat;
        padding-left: 20px;
        background-size: 13px;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .city-list .item {
        height: 20px;
        font-size: 0;
        cursor: pointer;
        opacity: 0;
        overflow: hidden;
    }    
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .city-list {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .city-list .item i {
        display: inline-block;
        width: 5px;
        height: 100%;
        vertical-align: middle;
        background-color: #000;
        margin-left: 13px;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap {
        height: 350px !important;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item .con a .img {
        width: 200px;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.center .con {
        width: 270px;
        height: 109px;
        margin-top: -80px;
        margin-left: 5px;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.center .con a .color {
        width: 5px;
        height: 100px;
        margin-top: 5px;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.center .con a .info {
        top: 5px;
        width: 133px;
        height: 99px;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.center .con a .info .date {
        width: 113px;
        margin: 5px auto 0;
        font-size: 13px;
    }    
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.center .con a .info .txt {
        width: 113px;
        margin: 10px auto 0;
        color: #000;
        font-size: 12px;
        line-height: 14px;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.lnear .con {
        margin-left: 5%;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.lnear .con, .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.rnear .con {
        position: relative;
        width: 270px;
        height: 109px;
        margin-top: 12px;
        margin-left: 5%;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.rnear {
        top: 27px;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.lnear .con a .color, .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.rnear .con a .color {
        position: relative;
        float: left;
        display: inline-block;
        transition: all .3s ease-in-out;
        width: 5px;
        height: 100px;
        margin-top: 5px;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.lnear .con a .info, .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.rnear .con a .info {
        position: absolute;
        right: 0;
        overflow: hidden;
        transition: all .3s ease-in-out;
        top: 5px;
        width: 133px;
        height: 99px;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.lnear .con a .info .date, .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.rnear .con a .info .date {
        width: 113px;
        margin: 5px auto 0;
        font-size: 13px;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.lnear .con a .info .txt, .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.rnear .con a .info .txt {
        width: 113px;
        margin: 10px auto 0;
        color: #000;
        font-size: 12px;
        line-height: 14px;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.lnear .con a .img, .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.rnear .con a .img {
        position: relative;
        float: left;
        display: inline-block;
        width: 200px;
        height: 100%;
        overflow: hidden;
    }
    .wb-zc-lxmod-yunqi-review-2018 .module-wrap .dn-container .review-wrap .slick-wrap .item.lnear {
        top: -60%;
    }
  
    .contain-1200 {
        width: auto;
        padding: 0 15px;
    }
    .cult_1{
        display: block;
        margin: 20px 0 20px 0;
    }
    .cult_1 a{
        margin-bottom: 10px;
    }
    .cult_title {
        font-size: 16px;
        margin: 20px auto 30px auto;
    }
 
    .cult_2{
       display: block;margin-bottom: 20px;
    }
    .cult_2 a:first-child img:first-child {
        margin-bottom:10px;
    }
    .cult_2 a img{
        margin-bottom:10px;
    }
    .part-content {
        padding: 20px 0 20px 0;
        margin-bottom: 20px;
    }
    .cult_3 a {
        width: 49%;
        height: auto;
        margin-bottom: 2%;
        margin-right: 2%;
    }
    .cult_3 a:nth-child(2n){
        margin-right: 0;
    }
    .cult_3 a:nth-child(3n){
       margin-right: 2%;
    }
    .cult_2 a:nth-child(2){
        width: 49%;float: left;
    }
    .cult_2 a:nth-child(3){
        width: 49%;float: right;
    }
    .cult_3 a:nth-child(6n) {
        margin-right: 0;
    }
 
    .plh{
        margin: 15px 0 20px 0;
    }   
    .plh a {
        width: 43%;
        height: auto;
        margin-bottom: 2%;
        padding: 2%;
        margin-right: 2%;
    }
    .plh a:nth-child(2n){
        float: right;margin-right:0;
    }
    .plh a img {
        width: 100%;
        height: auto;
        display: block;
        margin: 0;
    }    
    .plh a p {
        width: auto;
        margin: 0 auto;
        font-size: 0.2rem;
        color: #000;
        line-height: 19px;
        font-weight: 600;
        padding-bottom: 5px;
        border-bottom: 1px dashed #bcbcbc;
    }
    .plh a span {
        display: block;
        font-size: 12px;
        color: #666666;
        padding: 5px 0 0 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .masks>img {
        position: fixed;
        right: 20px;
        top: 16px;
        width: 26px;
    }
    .bigimg {
        width: 94% !important;
        height: auto !important;
        max-width: 100%;
    }
    .tabpan {
        margin: 20px auto 0 auto;
        padding: 0;
    }
    .tabpan .tx {
        width: auto;
        font-size: 12px;
        padding: 0 10px;
    }
    .tabpan .tx p {
        font-size: 18px;
    }
    .tabpan .tx span {
       line-height: 18px;
    }
    .contain-1480 {
        width: auto;
    }
    .dowebok {
        margin: 20px 0;
    }
    .tabNav {
        padding: 2% 0 0 0;
    }
    .tabNav-1 a {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 2%;
    }
    .tabNav-1 a:nth-child(2n){
        margin-right: 0;
    }
    .tabNav-1 a:nth-child(3n){
        margin-right: 2%;
    }
    .tabNav-1 a:nth-child(6n){
        margin-right: 0;
    }
    .tabNav .content {
        line-height: 20px;
        padding: 10px;
        font-size: 12px;
    }
    .vad {
        max-width: 750px;
        width: auto;
        padding: 0 15px;
        margin: 20px auto;
    }
    .hhd .p {
        font-size: 14px;
        padding-bottom: 10px;
    }
    .hhd {
        width: auto;
        padding: 20px 15px;
    }
    .hhd a {
        display: block;
        float: left;
        width: 49%;
        margin-right: 2%;
        margin-top: 2%;
    }
    .hhd a:nth-child(2n){
        margin-right: 0;
    }
    .hhd a:nth-child(3n){
        margin-right: 2%;
    }
    .hhd a:nth-child(6n){
        margin-right: 0;
    }
 
    .dpca {
        margin-bottom: 50px;
        height: 350px !important;
        margin-top: 10px;
    }   
    .filtrate {
        font-size: 12px;
        width: auto;
        margin: 0;
        color: #666666;
        padding: 0 15px;
    }
    .filtrate p {
        font-size: 14px;
    }
    .rate-bit {
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 45px;
    }
    .rate-bit .swiper-button-next2{
        right: -10px
    }
    .rate-bit .swiper-button-prev2{
        left: -10px
    }
    .filtrateall {
        width: auto;
        top: 5%;
        height: 90%;
        bottom: 2%;
        margin: 0 15px;
    }
 
    .scient .hhd {
        background: #fff;
        padding: 10px 0;
        width: auto;
    }

    .achieve .profile .content{
        width: 100%;
    }
    .achieve .profile .content .detil {
        padding: 20px;
    }
    .achieve .profile a {
        font-size: 12px;
    }
    .achieve .profile .content .detil .wid {
        font-size: 14px;
    }   
    .achieve .profile {
        padding: 30px 0 0 0;
    }
    .achieve-list a {
        width: 46%;
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .achieve-list {
        padding-bottom: 30px;
        margin-top: 10px;
    }
    .achieve-list a:nth-child{
        margin-right: 0;
    }
    .achieve-list a span{
        font-size: 12px;
    }
    .aging{
        margin: 20px auto;
    }
  
    .caselist{
       padding: 20px 0 20px 0;
    }  
    .caselist a {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .caselist .item_bot_txt {
        padding: 20px 20px 10px 20px;
        background-color: #f5f5f5;
    }
    .caselist .item_bot_txt p {
        font-size: 14px;
        color: #333333;
        margin-bottom: 10px;
    }
    .caselist .item_bot_txt .time {
        font-size: 12px;
        color: #666666;
        margin-bottom: 10px;
        display: block;
    }
    .caselist .item_bot_txt .description {
        font-size: 12px;
        color: #999999;
        margin-bottom: 0px;
        line-height: 1.3;
      
    }
    .pager {
        margin-bottom: 30px;
    }
    .pager a {
       font-size: 12px;
       color: #000;
       font-weight: 700;
       font-family: auto;
    }
    .sk-1{
        padding: 10px;
        margin-top: 20px;
    }
    .new-pmd {
         font-size: 14px;
        margin: 10px 0 0 0;
        overflow: hidden;
    }
    .new-pmd-time {
        font-size: 12px;
        margin-bottom: 20px;
        padding: 10px 0;
    }
    .new-pmd-content {
        margin-bottom: 20px;
    }
    .lift {
       margin-bottom: 30px;
       font-size: 12px;
       display: block;
       text-align: left;
   }
    .lift span{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .lift a {
        font-size: 12px;
    }
   .lift span.na {
      margin-bottom: 10px;
     display: block;
    }
    .lift span.nb{
        background-size: 10px;
        padding-right: 15px;
    }
    .lift:hover span.na {
        background-size: 10px;
        padding-left: 15px;
    }
    .lift:hover span.nb{
        background-size: 10px;
        padding-right: 15px;
    }
    .investor .link-more {
        text-align: center;
        margin: 10px auto 20px auto;
    }
    .tzzg {
        height: 300px !important;
    }

    .abstract_shte {
        display: block;
        text-align: left;
    }
    .abstract_shte a {
        display: block;
        width: 100%;
    }
    .develop-1 {
        padding: 20px 0;
        margin: 20px 0;
    }
    .abstract_shte a span {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .c-row {
        position: relative;
        left: 0;
        right: 0;
        margin: 10px auto;
        cursor: pointer;
        top: auto;
        text-align: center;
    }
    .c-row-1 {
        margin: 0 auto;
    }
    .c-row p{
        font-size: 14px;margin-top: 10px;
    }
    .abstract {
        font-size: 12px;
        color: #38764e;
        background: #f3fbf5;
        width: 100%;
        margin: 20px auto;
        text-align: center;
        padding: 10px 0;
        font-weight: 500;
        line-height: normal;
    }

    .molecule{
        margin: 20px 0 30px 0;
        display: block;
    }
    .molecule .nubx {
        height: auto;
        width: 100%;
        margin-bottom: 10px;
    }
    .molecule .nubx {
        height: auto;
        width: 100%;
        display: block;
        text-align: left;
    }
    .molecule .nubx .bv {
        width: auto;
        padding: 10px;
    }
    .molecule .nubx img {
        height: auto;
        width: 96%;
        padding: 2%;
    }
    .abstract_content{
        line-height: normal;
        font-size: 12px;
    }
    .xsmall{
        margin-bottom: 30px;
    }
    .merge {
        margin-bottom: 30px;
        padding: 15px 15px;
        font-size: 12px;
        text-align: left;
    }
    .merge span:after {
        top: 5px;
    }
   
    .abhuah {
        margin: 0;
        padding: 20px 0;
    }
    .part-a{
       padding: 0 0 20px 0;
    }
    .bd-1 p {
        font-size: 18px;
        color: #333;
        text-align: left;
    }
    .bd-1 span {
        font-size: 12px;
        margin-top: 0px;
    }    
    .bd-2 {
        font-size: 14px;
    }
    .bd-2 span:first-child {
        background: url(images/hhtel.png) no-repeat;
        margin-right: 10px;
        background-size: contain;
    }
    .bd-2 span {
        display: block;
        line-height: 30px;
        background-size: contain;
        padding-left: 40px;
        margin-top: 10px;
    }
    .bd-2 span:last-child {
        background: url(images/hhfax.png) no-repeat;
        background-size: contain;
    }
    .loa {
        margin: 10px 0 0 0;
    }
    .loa p {
        font-size: 14px;
        color: #000;
        font-weight: 600;
    }    
    .loa span {
        font-size: 12px;
        color: #333;
        display: block;
        margin-top: 10px;
        background: url(images/message.png) 0 3px no-repeat;
        text-indent: 20px;
        line-height: normal;
        background-size: auto;
    }

    .job_content p {
        font-size: 13px;
        text-align: center;
        color: #999999;
        line-height: normal;
        margin-bottom: 20px;
    }
    .breadcrumb {
        background: #ec0d2c;
        font-size: 12px;
        margin-top: 20px;    
        color: #f5f5f5;
        position: relative;
        height: 30px;
        line-height: 30px;
        padding: 0 5px;
    }
    .breadcrumb-item {
        background: #faf9f9;
        font-size: 12px;
        color: #333;
        position: relative;
        height: 35px;
        line-height: 35px;
        padding: 0 5px;
    }
    .breadcrumb span:last-child{
        width:20%;
    }
    .breadcrumb-item span:nth-child(1),.breadcrumb span:nth-child(1){
        width: 35%;
    }
    .breadcrumb-item span:nth-child(2),.breadcrumb span:nth-child(2){
        width: 15%;
    }
    .breadcrumb-item span:nth-child(3),.breadcrumb span:nth-child(3){
        width: 15%;
    }
    .breadcrumb-item span:nth-child(4),.breadcrumb span:nth-child(4){
        width: 15%;
    }
    .breadcrumb-item span:nth-child(5),.breadcrumb span:nth-child(5){
        width: 20%;text-align: right;
    }
    .breadcrumb-item span a {
        color: #ec0d2c;
        border: 1px solid #ec0d2c;
        padding: 0px 7px;
        border-radius: 17px;
        display: inline;
    }
    .breadcrumb-pager {
        width: 100%;
        background: #faf9f9;
        padding: 10px 0;
        margin-bottom: 30px;
    }
    .linenums {
        margin: 20px 0;
    }
    .linenums-1 {
        font-size: 18px;
        margin: 10px 0;
    }
    .linenums-2 {
        height: auto;
        line-height: 25px;
        font-size: 12px;
        padding: 5px 5px;
    }
    .linenums-3 {
        padding: 10px 10px;
    }
    .linenums-3 .title {
        font-size: 14px;
        line-height: normal;
    }
    .linenums-3 .right {
        margin-left: 10px;
        font-size: 12px;
        line-height: 20px;
        margin-top: -10px;
    }
    .linenums .bottom {
        height: 48px;
        padding: 0 10px;
        line-height: 48px;
    }
    .linenums .bottom a {
        margin-right: 5px;
        width: 60px;
        height: 22px;
        font-size: 12px;
        line-height: 22px;
    }
    .linenums-2 span {
        padding-left: 14px;
    }
    .linenums-2 span:nth-child(1) {
        background: url(images/jb1.png) left center no-repeat;
        background-size: 10px;
    }   
     .linenums-2 span:nth-child(2) {
        background: url(images/jb2.png) left center no-repeat;
        background-size: 10px;
    }    
     .linenums-2 span:nth-child(3) {
        background: url(images/jb3.png) left center no-repeat;
        background-size: 10px;
    }    
     .linenums-2 span:nth-child(4) {
        background: url(images/jb4.png) left center no-repeat;
        background-size: 10px;
    }    
    /**---750**/
    .index_news{
        background: none;
    }
     .gdd_f_item_last{
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        align-content: space-between;
        flex-wrap: wrap;
        line-height: normal;
        width: 100%;
        position: relative;
    }
    .focume{
        margin-top: 0;
    }
}