@import "reset.css";
li{list-style-type:none;}
/*导航公共样式*/
.header-menu li.aon em > a{ color:#82c4c7;}
.header-menu li em{ display:block; font-style:normal; text-align:center;}
.header-menu li em a{ display:block;}
.header-menu li .sub dt{ line-height:40px;}
.header-menu li .sub dt a{display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:0 10px;}
.header-menu li .sub dt a:hover{ background:#009; color:#fff;}
.header-menu .sub-has-sub dl{display:none;}
@media(min-width:1025px){
    #header-menu{ display:none;}
    .relative{ position:relative; z-index:100;}
    .header-menu li{ float:left; }
    .header-menu li .sub{position:absolute;  /*top:-400%;*/}
    .header-menu li .sub{ opacity:0;overflow:hidden; }
    .header-menu li.aon .sub{ opacity:1; }

}
@media(max-width:1024px){
    .header-menu{ display:none;}
    #header-menu li .sub{ display:none;}
    #header-menu li{ line-height:40px; }
    #header-menu li em{ font-style:normal; display:block; font-size:16px;border-bottom:1px solid rgba(255,255,255,0.3);}
    #header-menu li a{display:block;}
    #header-menu li em a{ border-bottom:1px solid rgba(0,0,0,0.3); font-weight:bold; padding:0 10px;}
    #header-menu li:last-child em,
    #header-menu li:last-child em a{ border-bottom:0;}
    #header-menu li a:hover,
    #header-menu li a{ color:#fff;}
    #header-menu li.has-sub em{ position:relative;}
    #header-menu li.has-sub em::before{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; z-index:2; background-color:transparent;}
    #header-menu li.has-sub em .op{position:absolute; width:15px; height:15px; right:3%; top:50%; margin-top:-6px;display:none; transition:0.3s;}
    #header-menu li.has-sub.clickon em .op{ transform:rotate(45deg);}
    #header-menu li.has-sub em .op::before,
    #header-menu li.has-sub em .op::after{  position:absolute; content:'';  background:#fff;}
    #header-menu li.has-sub em .op::before{width:100%; height:3px;left:0; top:6px;}
    #header-menu li.has-sub em .op::after{ width:3px; left:6px; top:0; height:100%;}
    #header-menu li .sub-menu dt.has-dt{ position:relative;}
    #header-menu li .sub-menu dt.has-dt::before{position:absolute; content:''; width:100%; height:100%; left:0; top:0; background-color:transparent;}
    #header-menu li .sub-menu dt a{padding:0 10px; border-bottom:1px dashed rgba(0,0,0,0.5);display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;  }
    #header-menu li .sub-menu dt:last-child >　a{ border-bottom:0;}
    #header-menu li .sub-has-sub{ position:relative;}
    #header-menu li .sub-has-sub i{ position:absolute; left:0; top:0; height:40px; width:100%; background-color:transparent; z-index:2;}
    #open_menu i,
    #open_menu i::before,
    #open_menu i::after{ position:absolute;}
    #open_menu i{ top:50%;}
    #open_menu i::before,
    #open_menu i::after{ left:0; width:100%; height:100%; content:'';transition:transform 0.3s;}
    #open_menu i::before{ top:6px;}
    #open_menu i::after{top:-6px;}
    #open_menu.open_menu_on i{ background:none !important;}
    #open_menu.open_menu_on i::before,
    #open_menu.open_menu_on i::after{  top:0 !important;}
    #open_menu.open_menu_on i::before{ transform:rotate(45deg);}
    #open_menu.open_menu_on i::after{ transform:rotate(-45deg);}
}
.Maintop{padding:0;position:fixed;left:0;top:0;width:100%;z-index:1000;transition:.3s;border-bottom: 1px solid rgba(255,255,255,0.1);
}
.Maintop .auto{padding:0 }
.Maintop .header{z-index:100}
.Maintop .header-left{float:left;padding:15px 0 0}
.Maintop .header-left .logo{transition:.3s}
.Maintop .header-left .logo img{height:70px;}
.Maintop .header-left .logo_img1{display:block}
.Maintop .header-left .logo_img2{display:none}
.Maintop .header-mid{padding-left:10px;float:right; margin-right: 100px;}


.Maintop .header-right{ float: right;}
.Maintop .header-right dd{float:left; font-size: 14px;margin-left:10px;}
.Maintop .top-lang{ color: #fff; margin-right: 20px; position: relative; padding-left:30px;
background: url(../images/lang1.png) no-repeat left center;margin-top:44px;}
.Maintop .top-lang span{background: url(../images/lang3.png) no-repeat right center; padding-right: 16px;}
.Maintop .top-lang figure{position: absolute; left: 0; top: 100%; width: 100%; display: none}
.Maintop .top-lang:hover figure{ display: block;}
.Maintop .top-lang a{ color: #fff; width:100%; line-height: 26px ;text-align: center; 
font-size: 14px; display:block;background:  #e60012; color: #fff  }
.Maintop .top-lang a:hover{ border:none; color: #fff;background:#ff2536;}

.Maintop .top-login{ line-height: 36px; 
background: url(../images/login1.png) no-repeat 13px center; font-size: 14px;  border-radius: 100px;margin-top: 34px;
margin-left:15px;
}
.Maintop .top-login a{color: #fff;width:36px;height:36px;display:block;}

.Maintop .open-search{width:36px;height:36px; text-align: center;  color: #fff; display: block; position: relative;
   background:url(../images/searchbtn1.png) no-repeat  center center ;cursor:pointer; margin-top: 34px;background-size:20px;}
.Maintop .open-search-on{background:0 0 !important;position:relative}
.Maintop .open-search-on::after,.Maintop .open-search-on::before{position:absolute;content:'';width:60%;left:20%;top:50%;transform:rotate(45deg);height:2px;background:#333}
.Maintop .open-search-on::after{transform:rotate(-45deg)}
.Maintop .top-search{border-radius:5px;overflow:hidden;display:none;position:absolute;right:0;top:100%;margin-top:0; z-index: 2; text-align: left;
  padding:3px;background: #e60012;width:300px;margin-left:0!important;background-size:100% 100%}
.Maintop .top-search .text{border:none;height:38px;line-height:38px;padding:0 50px 0 15px;width:100%;color:#999;border-radius:5px 0 0 5px;overflow:hidden;background:#fff;width:250px}
.Maintop .top-search .btn{position:absolute;right:0;width:50px;height:100%;top:0;background:url(../images/searchbtn1.png) no-repeat center center}
.Maintop .header-menu li{width:auto!important;position: relative;}
.Maintop .header-menu li em{padding:30px 20px;transition:.3s}
.Maintop .header-menu li em a{padding:0;line-height:40px;font-size:17px;border-radius:100px;font-weight:600;position:relative;
   color:#fff}
.Maintop .header-menu li em a:hover,.Maintop .header-menu li.aon em a{color:#e60012}
.Maintop .header-menu li em a:hover:after,.Maintop .header-menu li.aon em a:after{content:"";position:absolute;left:0;
bottom:-30px;width:100%;height:2px;background:#e60012;border-radius:50px}
.Maintop .header-menu li .sub{width:150%;margin-left:-25%;background-color: #fff;}
.Maintop .header-menu li .sub-menu dl{padding:0;margin:0 auto}
.Maintop .header-menu li .sub-menu dt a{transition:.3s;padding:0;color:#666;padding:0 10px;line-height:42px;text-align:center}
.Maintop .header-menu li .sub-menu dt:last-child a::after{display:none}
.Maintop .header-menu li .sub-menu dt a:hover{background:#e60012;color:#fff}
.Maintop .sub-menu-layer{background:rgba(255,255,255,.8)}


.Maintop .header-menu li#m4{position: static;}
.Maintop .header-menu li .sub.sub-pro{width: 100vw; left: 50%; padding: 1.5625% 0; transform: translateX(-50%);  margin-left: 0; border-top: 1px solid #eee;}

.Maintop .header-menu li .sub.sub-pro dd{width: 12.43%; float: left; margin-right: 2.165%; text-align: center; }
.Maintop .header-menu li .sub.sub-pro dd:nth-of-type(7n){margin-right: 0%;}
.Maintop .header-menu li .sub.sub-pro dd h2{ font-size: 22px; line-height: 1; margin-top: 17.24%;}
.Maintop .header-menu li .sub.sub-pro .pic{overflow: hidden;}
.Maintop .header-menu li .sub.sub-pro .bg_cover{padding-top: 74.71%; transition: .3s;}
.Maintop .header-menu li .sub.sub-pro dd:hover .bg_cover{transform: scale(1.1);}
@media(max-width:1280px){.Maintop .header-left .logo li.logo_txt{display:none}
.Maintop .header-mid{margin-right: 50px;}
}
@media(max-width:1200px){.Maintop .header-menu li em a{padding:0 10px}
.Maintop .header-mid{margin-right: 0;}
.Maintop .header-menu li em{padding: 30px 10px;}

}
@media(max-width:1024px){.Maintop{padding:0}
.Maintop .top-language span{display:none}
.Maintop .top-language .top-sub{display:block!important;height:37px!important;background:#000;top:0;text-align:right;padding:0 2%}
.Maintop .top-language .top-sub a{display:inline-block;border:1px solid #d0111b;color:#d0111b;padding:0 10px;margin-left:5px;line-height:25px}
.Maintop .header-left{width:50%}
/* .Maintop .header-left .logo{padding-top:15px} */
.Maintop .header-right{padding-top:10px}
.Maintop .top-search{margin-right:-18px;margin-top:22px;width:250px}
.Maintop #open_menu{background-color:#eee;border-radius:50%}
.Maintop #open_menu{width:36px;height:36px;position:relative}
.Maintop #open_menu i,.Maintop #open_menu i::after,.Maintop #open_menu i::before{background:#033543}
.Maintop_on .open-search{background:url(../images/Top002138-searchbg.png) no-repeat center center;cursor:pointer;}
.Maintop_on .open-search-on::after,.Maintop_on .open-search-on::before{background:#033543}
.Maintop #open_menu i{width:60%;left:20%;top:50%;height:2px}
.Maintop #open_menu.open_menu_on{background:#033543;border:none}
.Maintop #open_menu.open_menu_on i{background:0 0!important}
.Maintop #open_menu.open_menu_on i::after,.Maintop #open_menu.open_menu_on i::before{background:#fff}
.Maintop #open_menu.open_menu_on i::before{top:0!important;transform:rotate(-45deg)}
.Maintop #open_menu.open_menu_on i::after{top:0!important;transform:rotate(45deg)}
.Maintop .header{position:initial;height:80px}
.Maintop #header-menu{position:absolute;top:100%;left:0;width:100%;background:#fff;display:none}
.Maintop #header-menu li{border-bottom:1px dotted #eee}
.Maintop #header-menu li a{line-height:50px}
.Maintop #header-menu li em,.Maintop #header-menu li em a{border-bottom:0}
.Maintop #header-menu li em a{color:#666;font-weight:400}
.Maintop #header-menu li .sub-menu dt a{border-bottom:none}
.Maintop #header-menu li .sub{background:#eee}
.Maintop #header-menu li .sub dt{border-bottom:1px dashed #ddd}
.Maintop #header-menu li .sub dt a{color:#666}
.Maintop #header-menu li.has-sub em a{background:url(../images/Top002138-a_lang.png) no-repeat 95% center}
.Maintop #header-menu #m10.has-sub em::before{display:none}
.Maintop #header-menu #m11.has-sub em::before{display:none}

.Maintop .top-login,.Maintop .header-right dd{margin-top: 20px;}
.Maintop .header-right .top-lang{margin-top: 27px;}
.Maintop .header-left{width: auto; max-width: 150px;}
.Maintop .header-left .logo img{height: auto;}

.Maintop #header-menu li .sub.sub-pro dd h2{color: #666; font-size: 14px; font-weight: normal; padding: 0 10px; border-bottom: 1px dashed #ddd;}
.Maintop #header-menu .auto_1400{width: 100%;}
}

@media(max-width:640px){
    .Maintop .header-right .top-lang{margin-right: 5px;}
    .Maintop .header-right dd{margin-left: 5px;}
    .Maintop .header-left{max-width: 120px; padding: 24px 0 0;}
}

.Maintop_on,
.Maintop_an{ background: #fff;  }
.Maintop_an{border-bottom: 1px solid  #eee }
.Maintop_on .header-left .logo_img1,
.Maintop_an .header-left .logo_img1{display:none}
.Maintop_on .header-left .logo_img2,
.Maintop_an .header-left .logo_img2{display:block}
.Maintop_on .header-menu li em a,
.Maintop_an .header-menu li em a{color:#333}
.Maintop_on .top-lang,
.Maintop_an .top-lang {  background: url(../images/lang2.png) no-repeat left center;}
.Maintop_on .top-lang span,
.Maintop_an .top-lang span{ color: #333; background: url(../images/lang4.png) no-repeat right center;}
.Maintop_on .open-search,
.Maintop_an .open-search{background:url(../images/searchbtn2.png) no-repeat  center center ;cursor:pointer;background-size:20px; }
.Maintop_on .top-login,
.Maintop_an .top-login{ /*border:1px solid #e5e5e5;*/background: url(../images/login2.png) no-repeat 13px center; }
.Maintop_on .top-login a,
.Maintop_an .top-login a{color: #333}

.ban_pc{display: block ; width: 100%;}
.ban_phone{display: none;}
@media(max-width:1024px){
    .ban_pc{display: none ;}
    .ban_phone{display: block; width: 100%;}
}

.Columnbanner{position: relative; margin-top: 100px;}
.Columnbanner .txt{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 96%; max-width: 1400px; text-align: center;}
.Columnbanner .txt .cn{font-size: 40px;color: rgb(255, 255, 255);font-weight: bold; line-height: 1.5;}
.Columnbanner .txt .en{font-size: 18px;color: rgba(255, 255, 255, 0.502); line-height: 1.5;}

@media(max-width:1024px){
    .Columnbanner{position: relative; margin-top: 80px;}
    .Columnbanner .txt .cn{font-size: 30px;}
}
  
@media(max-width:640px){
    .Columnbanner .txt .cn{font-size: 20px;}
    .Columnbanner .txt .en{font-size: 14px;}
}

.bottom{background: url(../images/bottom-bg.jpg) center center; background-size: cover; }
.bottom .nav{float: left;}
.bottom .nav dl{float: left; margin-right: 80px;}
.bottom .nav dt{line-height: 1; padding-bottom: 15px; position: relative; margin-bottom: 15px;}
.bottom .nav dt::before{content: ''; width: 14px; height: 1px ; background-color: #e60012; position: absolute; left: 0; bottom: 0;}
.bottom .nav dt a{font-size: 18px; color: rgb(255, 255, 255);}
.bottom .nav dd a{ font-size: 16px;color: rgba(255, 255, 255, 0.502); line-height: 2.25;}
.bottom .nav a:hover{color: #e60012;}
.bottom .top-wrap{padding-bottom: 1.04%;}
.bottom .auto_1400{background: url(../images/botbg.png) right center no-repeat; background-size: contain; padding-top: 5.21%; }
.bottom .info-wrap{float: right; text-align: right;}
.bottom .info-wrap .logo{max-width: 140px; margin-bottom: 30px;}
.bottom .info-wrap .qrcode{text-align: center;font-size: 15px; line-height: 2;color: #fff; margin-bottom: 25px;}
.bottom .info-wrap .qrcode img{max-width: 140px;}

.bottom .info-wrap .shares{font-size: 0;}
.bottom .info-wrap .shares>.item>a{width: 36px; height: 36px; border-radius: 50%; background: #303137; display: inline-block; position: relative;}
.bottom .info-wrap .shares>.item{display: inline-block; margin-left: 15px; vertical-align: middle; font-size: 0; position: relative;}
.bottom .info-wrap .shares>.item:first-of-type{margin-left: 0;}
.bottom .social-share .icon-wechat:hover{background: #7bc549;}
.bottom .social-share .icon-wechat:hover:before{opacity: 1;}
.bottom .social-share .social-share-icon{opacity: 1; margin: 0;}
.bottom .social-share .icon-wechat:before{opacity: 0.3;}
.bottom .info-wrap .shares .sub{position: absolute;left: 50%; transform: translateX(-50%); bottom: 100%; width: 0; height:0; overflow: hidden;  transition: .5s; text-align: left;}
.bottom .info-wrap .shares>.item .sub .list{background-color: #fff;padding: 20px 30px; box-shadow: 0px 2px 19px 0px rgba(209, 209, 209, 0.35);overflow: hidden; white-space: nowrap;}
.bottom .info-wrap .shares>.item .sub .item>div{white-space: nowrap; color: rgb(51, 51, 51); line-height: 24px; }
.bottom .info-wrap .shares>.item .sub .item{border-bottom: 1px solid #eee;padding: 10px;}
.bottom .info-wrap .shares>.item .sub .item:last-of-type{border-bottom: 0;}
.bottom .info-wrap .shares>.item .sub .name{  }
.bottom .info-wrap .shares>.item .sub .phone{ font-family: "Roboto"; color: rgb(230, 0, 18); font-weight: bold;}


.bottom .info-wrap .link>a::before{content: ''; width: 22px; height: 22px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; background-position: center center; background-repeat: no-repeat; opacity: 0.5; transition: .3s;}
.bottom .info-wrap .link.phone-wrap>a::before{background-image: url(../images/phone.png);}
.bottom .info-wrap .link.message a::before{background-image: url(../images/message.png);}
.bottom .info-wrap .link a:hover::before{opacity: 1;}


.bottom .bot-wrap{position: relative; padding: 10px 0;}
.bottom .bot-wrap::before{content: ''; width: 100vw; height: 1px ; background-color: rgb(255, 255, 255);position: absolute;  opacity: 0.1; left: 50%; top: 0; transform: translateX(-50%);}
.bottom .auxiliary{font-size: 0;}
.bottom .auxiliary a{font-size: 14px;color: rgba(255, 255, 255, 0.2); line-height: 24px; padding: 0 10px; position: relative;}
.bottom .auxiliary a:first-of-type{padding-left: 0;}
.bottom .auxiliary a:last-of-type{padding-right: 0;}
.bottom .auxiliary a::after{content: ''; width: 1px; height: 8px; background-color: rgba(255, 255, 255, 0.2); position: absolute; right: 0; top: 0; bottom: 0; margin: auto;}
.bottom .auxiliary a:last-of-type::after{display: none;}
.bottom .auxiliary a:hover{color: #e60012;}
.bottom .copyright{ color: rgba(255, 255, 255, 0.2);font-size: 14px; line-height: 24px;}
.bottom .copyright a{color: rgba(255, 255, 255, 0.2);font-size: 14px; }
.bottom .copyright a:hover{color: #e60012;}

.bottom .links{position: relative;width: 210px;}
.bottom .links h2{font-size: 14px;color: rgba(255, 255, 255, 0.2); line-height: 48px; border: 1px solid rgba(255, 255, 255, 0.2);  padding-left: 20px; position: relative; cursor: pointer;}
.bottom .links h2 i{width: 40px; height: 14px; position: absolute;right: 0; top: 0; bottom: 0; margin: auto; border-left: 1px solid rgba(255, 255, 255, 0.2);}
.bottom .links h2 i::before{content: ''; width: 0; height: 0; border: 6px solid transparent; border-top-color: rgba(255, 255, 255, 0.2); position: absolute; left: 0; right: 0; top: 5px; bottom: 0; margin: auto;  transition: .3s; transform-origin: 50% 3px;}
.bottom .links h2.active i::before{transform:rotate(180deg);}
.bottom .links dl{position: absolute; bottom: 100%; width: 100%; left: 0; background-color: #303137;border: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 0; max-height: 140px; overflow: auto; display: none;}
.bottom .links dl dd{line-height: 35px; padding-left: 10px;}
.bottom .links dl a{color: rgba(255, 255, 255, 0.2);}
.bottom .links dl a:hover{color: rgba(255, 255, 255, 1);}

@media(max-width:1200px){
    .bottom .nav dl{margin-right: 50px;}
}
@media(max-width:1024px){
    .bottom .nav{display: none;}
    .bottom .info-wrap{float: none; text-align: center;}
    .bottom .info-wrap .logo{margin: 0 auto 30px;}
}
@media(max-width:768px){
    .bottom .bot-wrap .fr{float: none; }
    .bottom .bot-wrap .fl{float: none; text-align: center;}
    .bottom .links{margin: 0 auto 10px;}
}
.about .ver-middle .ytable-cell{vertical-align: middle;}
.about .ver-top .ytable-cell{vertical-align: top;}
.about .ytable-cell{width: 50%;}
.about .title{color: rgb(0, 0, 0); font-weight: bold; line-height: 1.2; margin-bottom: 40px;}
.about .sub-title{ color: rgb(0, 0, 0); line-height: 1.364; margin-bottom: 15px; font-weight: bold;}
.about .des{ color: rgb(51, 51, 51);line-height: 2.125;}
.about .padr{padding-right: 3.57%;}
.about .padl{padding-left: 3.57%;}

  
@media(max-width:768px){
    .about .ytable-cell,.about .ytable{display: block ; width: 100%; padding: 2% 0 !important;}
    .about .pic{text-align: center !important;}
}

.about{padding-top: 6.25%; padding-bottom: 2.08%;}
.about-part1{margin-bottom: 7.14%;}
.about-part1 .txt{padding-right: 7.14%;}

.about-part2{margin-bottom: 6.78%;}
.about-part3{padding-bottom: 4.1667%;}
.about-part3 .ytable{margin-bottom: 3.57%;}


.about-part4 .txt{width: 57.14%;}
.about-part4 .ytable{margin-bottom: 5.7%;}
.about-part4 .ytable:nth-of-type(2n) .pic{ text-align: right;}
.about-part4 .ytable .txt{border-bottom: 1px solid #eee;}


.process{background-color: #f4f5f9; padding-top: 5.21%; padding-bottom: 5.21%;}
.process .title{font-weight: bold; text-align: center; line-height: 1; margin-bottom: 4.2557%;}
.process .list{padding-top: 40px; position: relative;}
.process .list::before{content: '' ; width: 24px; height: 52px; background-image: url(../images/sword.png); background-color: #f7f7f7; background-position: center 0; background-repeat: no-repeat; position: absolute; left: 0; right: 0; margin: auto; top: 2px;z-index: 2; animation: sword ease-in-out infinite 2s;}
.process .item {float: left; width: 50%; margin-bottom: 7.14%; position: relative;}
.process .item:nth-of-type(odd){padding-right: 10.714%; border-right: 1px solid #ddd;}
.process .item:nth-of-type(even){padding-left: 10.714%; float: right; border-left: 1px solid #ddd; transform: translateX(-1px);}
.process .item:nth-of-type(2){margin-top: 10%;}
.process .item .ytable{padding:3.36%; background-color: #fff;border-radius: 4px; min-height: 180px; position: relative; z-index: 3;}
.process .item .time{  font-family: "Poppins";color: rgb(230, 0, 18);}
.process .item .des{ color: rgb(51, 51, 51); line-height: 2.125;}
.process .item .pic{width: 120px; border: 1px solid #eee;}
.process .item .txt{padding-left: 5.54%;}
.process .item i{width: 45px; height: 45px; position: absolute; top: 15px; background-color: #f4f5f9; border: 1px solid transparent; border-radius: 50%; z-index: 2; transition: .3s;} 
.process .item i::before{content: ''; width: 33.33%; height: 33.33%; background-color: #e60012; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 50%;}
.process .item i::after{content: ''; width: 20%; height: 20%; background-color: #f0abb3; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 50%;}
.process .item.active i{border-color: rgb(230, 0, 18);}
.process .item:nth-of-type(odd) i{transform: translate(50%); right: 0;}
.process .item:nth-of-type(even) i{transform: translate(-50%); left: 0;}

.process .item::after{content: ''; width:21.428%; height: 1px; background-image: url(../images/line.png) ; position: absolute; top: 37px; background-repeat: no-repeat;}
.process .item:nth-of-type(odd)::after{right: 22px; background-position: right center;}
.process .item:nth-of-type(even)::after{left: 22px; background-position: right center; transform: rotateY(180deg);}

/* .loading-box{height: 86px;} */
.loading{text-align: center; display: none;}
.loading img{animation: circle  linear 2s infinite;}
.loading p{color: rgb(187, 187, 187); line-height: 1.25; margin-top: 20px;}
  
@keyframes circle {
    form{transform: rotate(0);}
    to{transform: rotate(360deg);}
}
@keyframes sword{
    0%{background-position: center 0px;}
    50%{background-position: center 5px;}
    100%{background-position: center 0px;}
}
@media(max-width:768px){
    .process .item{float: none; width: auto;margin-left: 22px;}
    .process .item:nth-of-type(odd){padding-right: 0; padding-left: 35px; border-right: 0 ;border-left: 1px solid #ddd;}
    .process .item:nth-of-type(even){padding-left: 35px; float: none;}
    .process .item:nth-of-type(2){margin-top: 0;}
    .process .item i{top: 0;}
    .process .item:nth-of-type(odd) i{transform: translate(-50%); left: 0; right: auto; }
    .process .item:nth-of-type(even)::after{transform: rotateY(0); left: -22px; }
    .process .item::after{top: 16px; left: -22px;}
    .process .item .pic{width: 100px;}
    .process .item i{width: 35px; height: 35px;}
    .process .item i::before{width: 38%; height: 38%;}
    .about .title{margin-bottom: 20px;}
    .about-part1{margin-bottom: 0;}
    .about-part3 .ytable{margin-bottom: 0;}
    .about-part4 .txt{width: 100%;}
    .about-part4 .ytable{margin-bottom: 0;}
}

.layout{padding-top: 6.25%; padding-bottom: 3.125%;}
.left_menu{ width: 240px; float: left;}
.left_menu>h2{margin-bottom: 16.667%; line-height: 1; }
.left_menu a{font-style: normal; display: block; position: relative; padding-left: 50px;line-height: 60px;}
.left_menu a::after{}
.left_menu a .img{width: 40px; height: 100%; position: absolute; left: 10px; top: 0; bottom: 0; margin: auto; }
.left_menu a .img img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-height: 100%; transition: .3s;}
.left_menu a .img img.hover{display: none;}
.left_menu .menu h2{ padding-left: 12.29%; color: #000; position: relative;}
.left_menu .item{margin-bottom: 8.33%; transition: all .5s;}
.left_menu .active{background-image: linear-gradient(to right ,#f4f5f9,#fff);}
.left_menu .active a .img img.hover{display: block;}
.left_menu .active a .img img.show{display: none;}
.left_menu .active h2{color: #e60012;}
.left_menu .active > a{position: relative;}
.left_menu .item > a::before{content: '' ; width: 7px ; height: 11px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background-position: center center; background-repeat: no-repeat; background-image: url(../images/more.png); transition: .3s;}
.left_menu .item.active > a::before{background-image: url(../images/more_red.png);}
.left_menu .item:hover h2{color: #e60012;}
.left_menu .item:hover a .img img.hover{display: block;}
.left_menu .item:hover a .img img.show{display: none;}
.left_menu .item:hover{background-image: linear-gradient(to right ,#f4f5f9,#fff);}
.left_menu .item:hover > a::before{background-image: url(../images/more_red.png);}

.leave-message {margin-top: 14.7%;}
.leave-message .title{color: rgb(51, 51, 51);line-height: 1.625; padding: 7.058% 11.76%; background-color: #f4f5f9; position: relative; z-index: 2;}
.leave-message .message-box{  box-shadow: 0px 0px 20px 0px rgba(4, 30, 67, 0.1);padding: 7.058% 11.76%; }
.leave-message .form-item{margin-bottom: 15px; border-bottom: 1px solid #e4e5ea;}
.leave-message .form-item:last-of-type{margin-bottom: 0; border-bottom: 0;}
.leave-message .input-box{position: relative;}
.leave-message .input-box label{width: 100%; height: 55px; line-height: 55px;color: rgb(153, 153, 153); position: absolute; left: 0; top: 0; padding-left: 3px;}
.leave-message .input-box.required{position: relative;}
.leave-message .input-box.required::before{content: '*'; position: absolute; left: -5px; top:15px; }
.leave-message .input-box .text{width: 100%; height: 55px; line-height: 55px; color: rgb(153, 153, 153); border: 0;}
.leave-message .input-box textarea{width: 100%; resize: vertical; line-height: 1.5 !important; padding: 15px 0; border: 0; height: auto !important;}
.leave-message .input-box .btn{width: 100%; height: 50px; line-height: 50px; text-align: center; color: #fff; background-color: #db0d0d; border: 0; margin-top: 25px; cursor: pointer;}
@media(max-width:1024px){
    .leave-message {margin-top: 2%;}
    .leave-message .title{padding: 3%;}
    .leave-message .message-box{padding: 3%;}
    .leave-message .input-box label,.leave-message .input-box .text{line-height: 40px; height: 40px;}
    .leave-message .form-item{margin-bottom: 10px;}
    .leave-message .input-box textarea{padding: 10px 0;}
    .leave-message .input-box .btn{margin-top: 10px;}
}

.product .left_menu{ width: 240px; }
.left_menu .column{display: none;}
.pro_main{width: calc(92.86% - 240px); float: right;}
.pro_main .top-wrap .ytable,.pro_main .top-wrap .ytable-cell{height: 100%;}
.pro_main .top-wrap .pic{width: 69.8%; background-color: #f8f9fa; position: relative;}
.pro_main .top-wrap .pic .item .bg_contain{padding-top: 64.865%; position: relative;}
@media(max-width:1024px){
    .left_menu{width: 100% !important; float: none; margin-bottom: 10px;}
    .left_menu>h2{margin-bottom: 10px;}
    .pro_main{width: 100%; float: none;}
    .left_menu .menu{position: relative;}
    .left_menu .column{display: block; line-height: 60px; border-bottom: 1px solid #eee;}
    .left_menu .item{margin-bottom: 0;}
    .left_menu .list{position: absolute; width: 100%; left: 0; top: 100%; z-index: 5; background-color: #fff; display: none;}
    .left_menu .menu h2{padding-left: 5%;}
    .left_menu .column.on a::before {transform: rotate(90deg);}
}
@media(max-width:768px){
    .pro_main .top-wrap .ytable, .pro_main .top-wrap .ytable-cell{display: block; width: 100%;}
}


.pro_main .top-wrap .slick-nav{padding: 0 30px; position: absolute; left: 0; bottom: 4.166%; width: 100%;}
.pro_main .top-wrap .slick-nav .slick-track{margin: 0 auto;}
.pro_main .top-wrap .slick-nav .item{padding: 0 10px;}
.pro_main .top-wrap .slick-nav .item .bg_contain{border: 2px solid #fff; background-color: #f8f9fa; }
.pro_main .top-wrap .slick-nav .item.slick-current .bg_contain{border-color: #e60012;}
.pro_main .top-wrap .slick-nav .slick-arrow{width: 25px; height: 100%; position: absolute ;z-index: 5; font-size: 0; border: 2px solid #fff; background-image: url(../images/next.png); background-position: center center; background-repeat: no-repeat; background-color: transparent;top: 0; cursor: pointer; transition: all .3s;}
.pro_main .top-wrap .slick-nav .slick-next{right: 5px; }
.pro_main .top-wrap .slick-nav .slick-prev{left: 5px; transform: rotate(180deg); }

.pro_main .top-wrap .slick-nav .slick-arrow:hover{border-color: #e60012; background-image: url(../images/next_active.png);}


.pro_main .top-wrap .download{padding: 3.77% 2.83%; vertical-align: top; background-color: #f4f5f9;}
.pro_main .top-wrap .download .title{  color: rgb(230, 0, 18);  font-weight: bold; line-height: 1; margin-bottom: 10px;}
.pro_main .top-wrap .download .list{line-height: 60px;}
.pro_main .top-wrap .download .item{padding-left: 30px; border-bottom: 1px solid #e4e5ea; background: url(../images/pdf.png) left center no-repeat;}
.pro_main .top-wrap .download .item a{padding-right: 20px; background: url(../images/download.png) right center no-repeat; }
.pro_main .content-wrap{padding-top: 4.15%;}
.pro_main .content-wrap h1{font-family: "Poppins"; color: rgb(230, 0, 18);}
.pro_main .content-wrap .des{ color: #333333;line-height: 2.125; padding-bottom: 2.83%; border-bottom: 1px solid #e4e5ea;}

.pro_main .content-wrap .content .border-bot{border-bottom: 1px solid #e4e5ea;}
.pro_main .content-wrap .content .box{ padding-top: 3.77%; padding-bottom: 2.83%;}
.pro_main .content-wrap .content .title{  color: rgb(230, 0, 18); font-weight: bold;  line-height: 1.364; margin-bottom: 2.264%;}
.pro_main .content-wrap .content .list{ line-height: 2.125;}
.pro_main .content-wrap .content .list li{padding-left: 30px; position: relative; background: url(../images/right.png) left 10px no-repeat;}

.proContent{ padding-top: 3.77%; padding-bottom: 2.83%;}
.proContent .title{  color: rgb(230, 0, 18); font-weight: bold;  line-height: 1.364; margin-bottom: 2.264%;}
.proContent .list{ line-height: 2.125;}
.proContent .list li{padding-left: 30px; position: relative; background: url(../images/right.png) left 10px no-repeat;}

.cert-part1:nth-of-type(odd) {padding-top: 6.25%; padding-bottom: 5.21%;}
.cert-part1:nth-of-type(odd) .pic{width: 50%; background-color: #f8f9fa; text-align: center; padding: 2.857%;}
.cert-part1:nth-of-type(odd) .cert-download{  padding-left: 8.57%;}
.cert-download{vertical-align: top;}
.cert-download .title{  color: rgb(230, 0, 18);  line-height: 1; margin-bottom: 10px; margin-bottom: 5.17%;}
.cert-download .list{line-height: 60px;}
.cert-download .item{padding-left: 30px; border-bottom: 1px solid #e4e5ea; background: url(../images/pdf.png) left center no-repeat;}
.cert-download .item a{padding-right: 20px; background: url(../images/download.png) right center no-repeat; }
.cert-part1:nth-of-type(even){background-color: #f8f9fa; padding: 5.21% 0;}
.cert-part1:nth-of-type(even) .cert-download{  padding-right: 8.57%;}

@media(max-width:768px){
    .cert-part1:nth-of-type(odd) .pic{width:70%;}
    .cert-part1:nth-of-type(odd) .cert-download,.cert-part1:nth-of-type(even) .cert-download{padding:15px;}
    .pro_main .content-wrap .content .list li{background: url(../images/right.png) left 8px no-repeat;}

    .cert-part1 .ytable,.cert-part1 .ytable-cell{display: block; width: 100%;}
    .cert-part2 .ytable,.cert-part2 .ytable-cell{display: block; width: 100%;}
    .cert-part1 .pic,.cert-part1 .cert-download,.cert-part2 .cert-download,.cert-part2 .pic{padding: 2% 0;}
}



.faq .left_menu{width: 340px;}
.faq-main{width: calc(92.86% - 340px); float: right;}
.faq-main .faq{  color: rgb(230, 0, 18); font-weight: bold;margin-bottom: 3.77%;}
.faq-main .box{margin-bottom: 10px;}
.faq-main .title{padding-left: 90px;color: rgb(51, 51, 51); line-height: 1.5; padding: 18px 0 18px 90px; background-color: #f8f9fa; position: relative; padding-right: 60px; cursor: pointer; transition: .3s;}
.faq-main .title span{font-family: "Poppins";color: rgb(230, 0, 18); position: absolute; width: 90px; text-align: center; left: 0; line-height: 1;} 
.faq-main .title::after{content: ''; width: 16px; height: 9px; position: absolute; right: 3.77%; top: 0;bottom: 0; margin: auto; background: url(../images/down.png) center center no-repeat; transition: .3s;}

.faq-main .answer{padding-left: 90px; position: relative; padding-top: 4.72%; padding-right: 3.77%; padding-bottom: 4.72%; background-color: #f6f7f8; display: none;}
.faq-main .answer .content{line-height:1.8;}
.faq-main .answer .a{  font-family: "Poppins"; color: rgb(219, 13, 13); width: 90px; text-align: center; position: absolute; left: 0; line-height: 1;}

.faq-main .title-item{ color: rgb(51, 51, 51); line-height: 1.5; margin-bottom: 15px;}
.faq-main .answer-item{padding-left: 20px; position: relative; line-height: 1.875;  margin-bottom: 10px;}
.faq-main .answer-item::before{content: ''; width: 8px; height: 8px; position: absolute; left: 0; top: 10px; border: 2px solid #d0111b; border-radius: 50%;}
.faq-main .answer-item .red{color: #e60012; font-weight: bold;}

.faq-main .box{margin-bottom:6.25%;}
.faq-main .item{margin-bottom: 10px;}
.faq-main .item.active .title,.faq-main .item:hover .title{background-color: #e60012; color: #fff;}
.faq-main .item.active .title::after{background: url(../images/down_active.png) center center no-repeat;transform: rotate(-180deg);}
.faq-main .item:hover .title::after{background: url(../images/down_active.png) center center no-repeat;}

#page-title {
    padding: 170px 0;
    background: #fff;
    background-image:url(images/faq-1.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;
    z-index: 2;
}
#page-title h1 {
    padding: 0;
    margin: 0;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 5px;
    font-size: 44px;
    text-transform: uppercase;
}
.breadcrumb a, .breadcrumb,.page-title .breadcrumb > li + li:before {color: #333;}
.postcontent {width: 60%;margin: 0;padding-bottom: 60px;}
.postcontent.col_last, .sidebar.col_last {width: 35%;padding-right: 0;}
.postcontent h3{color:#d45db7;}
#type2,#type3{margin-top: 150px;}
h3 i{
    font-size: 28px;
    top: 0px;
    vertical-align: middle;
    margin-right: 0;
    text-indent: -35px;
}
.toggle {border-bottom: 1px solid #eee;margin-bottom:0;}
.toggle.toggle-bg .togglet {
    padding: 25px 50px 25px 0;
    background-color: #ffffff;
    text-indent: 0;
    color: #484647;
    font-size: 20px;
}
.toggle.toggle-bg .togglec {
    padding: 0 0 40px 0;
    font-size: 18px;
    line-height: 30px;
    color: #484647;
    text-align: justify;
}
.toggle.toggle-bg .togglet i{
    right: 20px;
    left: auto;
    top: 25px;
    font-size: 30px;
    color: #d45db7;
}
.table{
    width: 80%;
    margin-left: 0;
    margin-top: 10px;
    color:#484647;
}
thead tr{background-color: #cccccc;color: #ffffff;}
tbody tr{border-bottom: 1px solid #eeeeee;}
tbody tr td:first-child{color: #d45db7;font-weight: 700;}
.table th, .table td {
    padding: 0.4rem;
    text-align: center;
}
.table td i{font-style:normal;}
.table th, .table td, .table thead th{border:none;}
.faqlist li {margin-bottom: 20px;}
.faqlist li a:hover {color: #d45db7 !important;}
.faqlist li a {color: #444;font-size: 20px;font-weight: 700;}
.faqlist li [class^="icon-"]:first-child{
    left: -29px;
    font-size: 26px;
    top: 5px;
    margin-right: -10px;
    position: relative;
}
iframe{width: 100%;height: 1200px;}
@media (min-width: 991px) and (max-width: 1290px){
.postcontent {width: 52%;    margin: 0 3% 0 5%;}
.postcontent.col_last, .sidebar.col_last {width: 40%;}
.sidebar.nobottommargin.col_last.clearfix:nth-child(3){max-width: 392px;float:left;}
}
@media (min-width: 768px) and (max-width: 991px){
#page-title {padding: 100px 0;}
.postcontent{
    width: 100%;
    margin:300px 0 100px 0; 
    padding: 0 10% 60px 10%;
    border-bottom: none;
}
.sidebar.col_last{width: 100%;margin: 0 auto;padding: 0 10%;}
.sidebar.col_last:nth-child(2){position: absolute;top: 50px;}
}
@media (max-width: 767px){
#page-title {padding: 50px 0;background-position: 60% center;}
.faqlist li{margin-bottom: 15px;}
.faqlist li a {font-size: 18px;}
h3{margin-bottom:20px;}
h3 i{text-indent: 0;margin-right: 5px;} 
.postcontent{
    width: 100%;
    margin:300px 0 100px 0; 
    padding: 0 15px 60px 15px;
    border-bottom: none;
}
.sidebar.col_last{width: 100%;margin: 0 auto;padding: 0 15px;}
.sidebar.col_last.clearfix:nth-child(2){position:absolute;top:50px;}
.sidebar.nobottommargin.col_last.clearfix:nth-child(3){padding: 0;}
.content-wrap{padding: 50px 0;}
.toggle.toggle-bg .togglet {padding: 15px 45px 15px 15px;line-height: 30px;}
.toggle.toggle-bg .togglec {padding: 15px 15px 10px 15px;}
.toggle.toggle-bg .togglet i {top: 10px;}
iframe {
    display: block;
    width: 100%;
    height: 1200px;
    margin: 0 auto;
}
.table{width: 100%;}
}
@media (max-width: 564px){
.container{width: 100% !important;}
}
@media(max-width:1024px){
    .faq-main{width: 100%; float: none; margin-top: 2%;}
}
@media(max-width:768px){
    .faq-main .title{padding:  10px 0 10px 30px;}
    .faq-main .title span{width: 30px;}
    .faq-main .answer{padding-left: 30px;}
    .faq-main .answer .a{width: 30px;}
}
.news{padding: 6.25% 0 5.21%;}
.news-top{margin-bottom: 7.7%; position: relative;}
.news-top .pic{overflow: hidden;}
.news-top .bg_cover{padding-top: 62.857%; transition: .3s;}
.news-top .txt{padding: 3% 6.49% 3% 7.14%; background-color: #f8f9fa; vertical-align: top;}
.news-top .txt .time{  font-family: "Poppins"; color: rgb(153, 153, 153);line-height: 2.5; margin-bottom: 3.92%;}
.news-top .txt h2{  color: rgb(51, 51, 51);line-height: 1.5; height: 3em; margin-bottom: 5.88%;}
.news-top .txt .des{color: rgb(102, 102, 102);line-height: 2.25;height: 4.5em; margin-bottom: 7.84%;}
.news-top .item:hover .bg_cover{ transform: scale(1.1);}
.news-top .item:hover .txt h2{color: #e60012;}
.news-top .slick-dots {font-size: 0; position: absolute; width: 100%; bottom: 13.64%; z-index: 2; padding-left: 57.14%;}
.news-top .slick-dots li{ width: 10px; height: 10px; border: 2px solid #dbdbdb; margin: 0 10px; display: inline-block; border-radius: 50%; cursor: pointer ; transition: .3s;}
.news-top .slick-dots li.slick-active{background-color: #e60012; border-color: #e60012;}
.news-top .slick-dots li:first-of-type{margin-left: 0;}
.news-top .slick-dots li:last-of-type{margin-right: 0;}
.news-top .slick-dots li button{display: none;}
@media(max-width:768px){
    .news-top .ytable,.news-top .pic,.news-top .txt{display: block; width: 100%;}
    .news-top .slick-dots{bottom: 20px; text-align: center; padding-left: 0;}
    .news-top .txt .time,.news-top .txt h2,.news-top .txt .des{margin-bottom: 15px;}
}

.news-list .item{padding: 2.857% 0; border-bottom: 1px solid #eee;}
.news-list .item:first-of-type{padding-top: 0;}
.news-list .pic{width: 360px; overflow: hidden;}
.news-list .pic .bg_cover{padding-top: 66.67%; transition: .3s;}

.news-list .txt{padding-left: 4.2857%; padding-right: 12%; position: relative;}
.news-list .time{font-size: 14px;  color: rgb(153, 153, 153); line-height: 36px; border-radius: 18px; background-color: #f4f5f9;width: 120px; text-align: center; margin-bottom: 2.4%;}
.news-list h2{color: rgb(51, 51, 51); font-family: "Source Han Sans CN";line-height: 1.333; height: 1.33em; margin-bottom: 1.44%;}
.news-list .des{ color: rgb(153, 153, 153);  line-height: 1.875; height: 3.75em;}
.news-list .more{width: 50px; height: 50px; background-color: #f4f5f9; background-image: url(../images/more2.png); background-position: center center; background-repeat: no-repeat; border-radius: 50%; position: absolute; right: 0; top: 0;bottom: 0; margin: auto; transition: .3s;}  
.news-list .item:hover .pic .bg_cover{transform: scale(1.1);}
.news-list .item:hover h2{color: #e60012;}
.news-list .item:hover .more{background-color: #e60012; background-image: url(../images/more2_active.png);}
@media(max-width:768px){
    .news-list .pic{width: 200px;}
    .news-list .more{width: 30px; height: 30px;}
    .news-list .txt{padding-right: 32px;}
}
@media(max-width:480px){
    .news-list .pic{width: 120px;}
    .news-list .time{line-height: 25px; width: 100px;}
    .news-list .des{-webkit-line-clamp:1;   height:1.875em;}
}

.Pages {text-align: center;font-size: 0;padding-top: 7.14%;font-family: "HKGrotesk";}
.Pages span {padding: 0px 3px;display: inline-block;vertical-align: top;}
.Pages a {display: inline-block;vertical-align: top;margin: 0px 5px;width: 50px;height: 50px;line-height: 48px;border-radius: 25px;position: relative; background-color: #f8f9fa;}

.Pages .p_cur b {color: #F00;}
.Pages .p_count b {color: #F00;}
.Pages .p_total b {color: #F00;}
.Pages .p_page em {font-style: normal;}
.Pages .p_page em a {padding: 0px 7px;font-size: 16px;color: #999;}
.Pages .p_page em a.a_cur {color: #fff;background-color: #e60012;border-color: #e60012;}
.Pages .p_page b {font-weight: normal;}
.Pages .i_text {width: 30px;padding: 0px;text-align: center;font-size: 12px;border: inset 1px #ddd;background: #fff;}
/*pages end*/
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump,
.Pages .a_first,
.Pages .a_end {display: none; }
.Pages .a_prev,.Pages .a_next{width: 70px;}
.Pages .a_prev::before { content: ''; width: 9px; height: 15px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; background-image: url(../images/page_prev.png); background-position: center center; background-repeat: no-repeat }
.Pages .a_prev:hover::before {background-image: url(../images/page_prev_a.png);}
.Pages .a_next::before {content: '';width: 9px;height: 15px;position: absolute;right: 0;top: 0;left: 0;transform: rotateY(180deg);bottom: 0;margin: auto;background-image: url(../images/page_prev.png);background-position: center center;background-repeat: no-repeat}
.Pages .a_next:hover::before {background-image: url(../images/page_prev_a.png)}
.Pages a:hover{background-color: #e60012; color: #fff !important; border-color: #e60012;}
@media (max-width: 768px) {
    .Pages em a{display: none;}
    .Pages a {width: 46px;height: 46px;line-height: 44px}
    .Pages a.a_cur{display: inline-block;}
    .Pages .a_prev, .Pages .a_next{width: 50px;}
}


.contact{padding: 6.25% 0;} 
.contact h1{  color: rgb(230, 0, 18); margin-bottom: 11.2%;}
.contact .qrcode{margin-bottom: 9.2%;}
.contact .qrcode .img{border: 1px solid #eee; width: 120px; height: 120px; position: relative; margin-bottom: 10px;}
.contact .qrcode .img img{position: absolute; left: 0; right: 0;top: 0;bottom: 0; margin: auto; max-height: 90%; max-width: 90%;}
.contact .qrcode p{font-size: 15px; color: rgb(51, 51, 51); line-height: 2;}
.contact .content .title img{margin-right: 10px; max-width: 30px;}
.contact .content .title{ color: rgb(51, 51, 51); margin-bottom: 2.6%;}
.contact .content p{ color: rgb(136, 136, 136); line-height: 1.875; word-break: break-word;}
.contact .content p span{display: inline-block; margin-right: 15px;}
.contact .content p span:last-of-type{margin-right: 0;}
.contact .content .item{margin-bottom: 8%;}
.contact .fl{width: 35.714%; padding-right: 2%;}
.contact .fr{width: 64.286%; background-color: #f8f9fa; padding:  5.714%; padding-top: 4.285%;}

.contact .fr .form-item{float: left; margin-bottom: 25px; padding: 0 20px;}
.contact .fr .w50{width: 50%;}
.contact .fr .w100{width: 100%;}

.contact .fr .input-box{position: relative; border-bottom: 1px solid #ddd;}
.contact .fr .input-box label{position: absolute; width: 100%; height: 55px; left: 0; top: 0; line-height: 55px; color: rgb(153, 153, 153);}
.contact .fr .input-box .text{width: 100%; height: 55px; line-height: 55px; border: 0; background-color: transparent; color: rgb(153, 153, 153);}
.contact .fr .input-box textarea{resize: vertical;line-height: 1.5 !important;padding: 15px 0;height: auto !important;}

.contact .fr .select-box{position: relative;border-bottom: 1px solid #ddd;}

.contact .fr .select-box label{position: absolute; width: 100%; height: 55px; left: 0; top: 0; line-height: 55px; color: rgb(153, 153, 153);}
.contact .fr .select-box label::after{content: ''; width: 9px; height: 5px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background: url(../images/down2.png) center center no-repeat; transition: .3s;}
.contact .fr .select-box label.active::after{transform: rotate(180deg);}
.contact .fr .select-box select{width: 100%; height: 55px; line-height: 55px;color: rgb(153, 153, 153); opacity: 0; position: relative ;z-index: 2;}
.contact .fr .submit {padding-left: 20px; padding-top: 15px;}
.contact .fr .submit input{width: 180px; height: 50px; line-height: 50px; text-align: center; color: #fff; background-color: #e60012; border: 0; cursor: pointer;}
.contact .fr .input-box.required{position: relative; padding-left: 5px; }
.contact .fr .input-box.required::before{content: '*'; position: absolute; left: -5px; top:15px; }
.contact .fr .select-box.required{position: relative;padding-left: 5px;}
.contact .fr .select-box.required::before{content: '*'; position: absolute; left: -5px; top:15px; }
.contact .fr .required label{padding-left: 5px;}
@media (max-width: 768px) {
    .contact .fl{width: 100%; float: none; padding: 2% 0;}
    .contact .fr{width: 100%; float: none; padding: 2% 0;}
    .contact h1,.contact .qrcode{margin-bottom: 2%;}
    .contact .content .title {margin-bottom: 1%;}
    .contact .content .item{margin-bottom: 1.2%;}
    .contact .fr .input-box label,.contact .fr .input-box .text,.contact .fr .submit input,.contact .fr .select-box select,.contact .fr .select-box label{height: 40px; line-height: 40px;}
    .contact .fr .form-item{margin-bottom: 10px;}
    .contact .fr .input-box textarea{padding: 10px 0;}
    .contact .fr .submit input{width: 120px;}
    .contact .fr .form-item{padding: 0 10px;}
}



.login-box{margin-top: 100px;   }
.login-box .ytable{min-height: 850px;padding: 2% 0; text-align: right;}
.login-box .ytable .box{display: inline-block; max-width: 400px; background-color: #fff; width: 100%; text-align: left; border-radius: 4px; padding-top: 30px; overflow: hidden;}
.login-box .ytable .box h1{text-align: center; color: rgb(230, 0, 18);line-height: 1; margin-bottom: 15px;}

@media (max-width: 768px){
    .login-box .ytable{text-align: center; min-height: auto; padding: 5% 0;}
    .login-box{margin-top: 80px;}
    
}
.login-box form{padding:0 30px;}
.login-box .form-item{ margin-bottom: 20px;}
.login-box .input-box{position: relative; border-bottom: 1px solid #ddd;}
.login-box .input-box label{position: absolute; width: 100%; height: 55px; left: 0; top: 0; line-height: 55px; color: rgb(153, 153, 153);}
.login-box .input-box .text{width: 100%; height: 55px; line-height: 55px; border: 0; background-color: transparent; color: rgb(153, 153, 153);}
.login-box .input-box textarea{resize: vertical;line-height: 1.5 !important;padding: 15px 0;height: auto !important;}
.login-box .select-box label{position: absolute; width: 100%; height: 55px; left: 0; top: 0; line-height: 55px; color: rgb(153, 153, 153);}
.login-box .select-box label::after{content: ''; width: 9px; height: 5px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background: url(../images/down2.png) center center no-repeat; transition: .3s;}
.login-box .select-box label.active::after{transform: rotate(180deg);}
.login-box .select-box select{width: 100%; height: 55px; line-height: 55px;color: rgb(153, 153, 153); opacity: 0; position: relative ;z-index: 2;}
.login-box .input-box.code{padding-right: 80px;}
.login-box .input-box.code .vercode-btn{width: 80px; line-height: 80px; text-align: center; color: rgb(230, 0, 18); border: 0; background-color: transparent; position: absolute; right: 0; top: 0; line-height: 55px;} 
.login-box .submit { padding-top: 15px; margin-bottom: 30px;}
.login-box .submit input{width: 100%; height: 50px; line-height: 50px; text-align: center; color: #fff; background-color: #e60012; border: 0; cursor: pointer;  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.12); }
.login-box .remember{font-size: 14px; color: rgb(122, 123, 123); line-height: 16px; position: relative; padding-left: 26px;margin-bottom: 25px;}
.login-box .remember i{width: 16px; height: 16px; border-radius: 2px; border: 1px solid #e60012; position: absolute; left: 0; top: 0; transition: .3s; background-position: center center; background-repeat: no-repeat;cursor: pointer;}
.login-box .remember input:checked+i{background-color: #e60012; background-image: url(../images/iocn_checked.png);}
.login-box .remember label{cursor: pointer;}

.login-box .agreement{font-size: 14px; color: rgb(122, 123, 123); margin-bottom: 30px;}
.login-box .agreement .fl a{color: #e60012;}
.login-box .agreement .fr a{color: rgb(122, 123, 123);}
.login-box .register-wrap{text-align: center; line-height: 60px; font-size: 16px; background-color: #fef2f3; }
.login-box .register-wrap a{color: #e60012;}
.login-box.login .box{padding-bottom: 0;}
@media (max-width: 768px){
    .login-box .input-box label{height: 40px; line-height: 40px;}
    .login-box .input-box .text{line-height: 40px; height: 40px;}
    .login-box .submit input{line-height: 40px; height: 40px;}
    .login-box .form-item{margin-bottom: 15px;}
    .login-box .remember{margin-bottom: 10px;}
    .login-box .register-wrap{line-height: 50px;}
}
.personal{margin-top: 100px; padding-bottom: 6.25%;}
.personal .left_menu{ width: 210px; }
.per_main{width: calc(92.86% - 210px); float: right;}
@media (max-width: 1024px){
    .per_main{width: 100%; float: none; margin-top: 2%;}
}
.personal .left_menu a{padding-left: 55px;}
.personal .left_menu .item{margin-bottom: 0;}
.personal .left_menu a .img{left: 24px;}

.personal .title-wrap{margin-bottom: 3.67%;}
.personal .title-wrap h1{color: rgb(230, 0, 18); line-height: 1; margin-bottom: 1.8%;}
.personal .title-wrap .des{ color: rgb(153, 153, 153);line-height: 1;}

.personal .info-wrap{background-color: #f8f9fa; padding: 0 3.67% 0 4.587%;}
.personal .info-wrap .item{position: relative; padding-left: 65px;}
.personal .info-wrap .item .ytable{padding: 4.91% 0; padding-right: 130px; border-bottom: 1px solid #eee;}
.personal .info-wrap .item .label{ color: rgb(51, 51, 51); font-weight: bold; line-height: 20px;}
.personal .info-wrap .item .name{text-align: right; color: rgb(153, 153, 153); font-size: 14px; line-height: 20px;}
.personal .info-wrap .item .btn{width: 100px; height: 40px; line-height: 40px; text-align: center;color: #e60012; background-color: #fff; border-radius: 4px;position: absolute; right: 0; top: 0; bottom: 0; margin: auto ; cursor: pointer;}
.personal .info-wrap .item .icon{width: 40px; height: 40px; border-radius: 50%; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-position: center center; background-repeat: no-repeat;
    background-image: -moz-linear-gradient( 90deg, rgb(255,98,110) 0%, rgb(230,0,18) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,98,110) 0%, rgb(230,0,18) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,98,110) 0%, rgb(230,0,18) 100%);
}
.personal .info-wrap .item .icon .img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background-position: center center; background-repeat: no-repeat; }
.personal .info-wrap .item:last-of-type .ytable{border-bottom: 0;}

.personal .info-wrap .item.username .icon .img{background-image: url(../images/username.png);}
.personal .info-wrap .item.mailbox .icon .img{background-image: url(../images/mailbox.png);}
.personal .info-wrap .item.phone .icon .img{background-image: url(../images/mobile.png);}
.personal .info-wrap .item.company .icon .img{background-image: url(../images/company.png);}
@media (max-width: 1024px){
    .personal  .left_menu .active h2{padding-left: 0;}
    .personal .left_menu a .img{left: 10px;}
    .personal .info-wrap .item .ytable{padding: 20px 0; padding-right: 80px;}
    .personal .info-wrap .item .btn{width: 70px;}
    .personal .info-wrap{padding: 2% ;}
    .personal .info-wrap .item{padding-left: 50px;}
    .personal .info-wrap .ytable{table-layout: auto;}
}

.popup{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 10001; display: none;}
.popup .wrap{width: 96%; max-width: 600px; margin: 0 auto 50px; margin-top: 15vh; background-color: #fff; border-radius: 2px;}
.pop-header{ color: #333; padding: 20px 20px 10px; position: relative;}
.pop-header .close{    position: absolute;top: 20px;right: 20px;padding: 0;background: transparent;border: none;outline: none;cursor: pointer;font-size: 16px;}
.pop-body{padding: 30px 20px;color: #606266;word-break: break-all;}

.pop-body .input-box{position: relative; border: 1px solid #ddd; border-radius: 4px; padding-left: 15px;}
.pop-body .input-box label{position: absolute; width: 100%; height: 55px; left: 0; top: 0; line-height: 55px; color: rgb(153, 153, 153);}
.pop-body .input-box .text{width: 100%; height: 55px; line-height: 55px; border: 0; background-color: transparent; color: rgb(153, 153, 153);}

.pop-footer{padding: 10px 20px 20px; text-align: right;}
.pop-footer input{width: 80px; height: 40px; line-height: 40px; text-align: center; background-color: #e60012; color: #fff; border: 0; cursor: pointer;}

.personal .downlaod-wrap{background-color: #f8f9fa; padding: 5.5%;}
.personal .downlaod-wrap .Pages{padding-top: 6.18%;}
.personal .downlaod-wrap .list{line-height: 60px;}
.personal .downlaod-wrap .item{padding-left: 30px; border-bottom: 1px solid #e4e5ea; background: url(../images/pdf.png) left center no-repeat;}
.personal .downlaod-wrap .item a{padding-right: 20px; background: url(../images/download.png) right center no-repeat; }
@media (max-width: 1024px){
    .personal .downlaod-wrap{padding: 2%;}
}
.personal .password-wrap{ padding: 10% 2%; background-color: #f8f9fa;}
.personal .password-wrap form{max-width: 340px; margin: 0 auto;}
.personal .password-wrap .form-item{ margin-bottom: 20px;}
.personal .password-wrap .input-box{position: relative; border-bottom: 1px solid #ddd;}
.personal .password-wrap .input-box label{position: absolute; width: 100%; height: 55px; left: 0; top: 0; line-height: 55px; color: rgb(153, 153, 153);}
.personal .password-wrap .input-box .text{width: 100%; height: 55px; line-height: 55px; border: 0; background-color: transparent; color: rgb(153, 153, 153);}
.personal .password-wrap  .submit { padding-top: 15px; margin-bottom: 30px;}
.personal .password-wrap  .submit input{width: 100%; height: 50px; line-height: 50px; text-align: center; color: #fff; background-color: #e60012; border: 0; cursor: pointer;  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.12); }
@media (max-width: 768px){
    .personal .password-wrap .input-box label,
    .personal .password-wrap .input-box .text,
    .personal .password-wrap .submit input{height: 40px; line-height: 40px;}
    .personal .password-wrap .form-item{margin-bottom: 15px;}
    .personal .password-wrap{padding: 5% 2%;}
}

/* .index-banner *{ height: 100%;} */
.index-banner .bg_cover{padding-top: 39.412%;}
.index-banner .item{position: relative;}
.index-banner .item a{position: absolute; width: 100%; height: 100%; left: 0; top: 0;z-index: 2;}
.index-banner .slick-dots{position: absolute; left: 50%;bottom: 3.8%; transform: translateX(-50%); text-align: center; z-index: 100;}
.index-banner .slick-dots li{display: inline-block;   position: relative; padding: 7px;  cursor: pointer;transition:all .3s; /*border-top-color: #fff;*/   margin-right: 80px;height: auto;}
.index-banner .slick-dots li:last-of-type{margin-right: 0;}
.index-banner .slick-dots li:last-of-type::after{display: none;}
.index-banner .slick-dots li::before{content: ''; width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0;border: 1px solid transparent; }
.index-banner .slick-dots li::after{content: ''; width: 80px; height: 2px; background: url(../images/dot.png) center left repeat-x; position: absolute; right: -75px; top: 0; bottom: 0; margin: auto;}
.index-banner .slick-dots li button{font-size: 0; border: 0; background-color: #a7aeac; cursor: pointer; padding: 0 ; display: block; width: 8px; height: 8px;transition:all .3s;box-sizing: border-box;}
.index-banner .slick-dots li.slick-active::before{border-color: #fff; }
.index-banner .slick-dots li.slick-active button{background-color: #fff; box-shadow: 0 0 0 0;}
@media(max-width:1024px){
    .index-banner .bg_cover{display: none;}
    .index-banner{margin-top: 80px;}
}

@media(max-width:768px){
    .index-banner .slick-dots li::after{width: 20px; right: -15px;}
    .index-banner .slick-dots li{margin-right: 20px;}
}



.index-title{padding-bottom:15px; position: relative;}
.index-title .cn{ color: rgb(0, 0, 0); font-weight: bold;}
.index-title .en{font-family: "Poppins"; color: rgb(172, 172, 172);line-height: 1.222; font-weight:lighter;}
.index-title::before{content: ''; width: 20px; height: 2px; position: absolute; left: 0; bottom: 0; background-color: #e60012;}

.index-about .txt{text-align: right; padding: 2% 0; }
.index-about .txt .box{width: 90%; max-width: 700px; display: inline-block; text-align: left; padding-right: 10.416%;}
.index-about .des{ color: rgb(51, 51, 51); line-height: 2.125; padding-top: 6.667%; margin-bottom: 7.1667%;}
.index-about .more a{ color: #e60012; display: inline-block; padding-right: 30px; background: url(../images/icon_more.png) right center no-repeat; }
@media(max-width:768px){
    .index-about .txt .box{width: 96%;}
}
@media(max-width:768px){
    .index-about .ytable,.index-about .ytable-cell{width: 100%; display: block;}
    .index-about .txt .box{display: block; margin: 0 auto; padding-right: 0;}
    .index-about .pic{padding: 2%;}
}
  

  
.index-pro{padding: 6.25% 0; }
.index-pro .item{width: 23.93%; float: left; margin-right: 1.426666%; margin-bottom: 3.57%;}
.index-pro .item:nth-of-type(4n){margin-right: 0;}
.index-pro .item .pic{overflow: hidden; position: relative;}
.index-pro .item .pic figure{padding-top: 74.63%; position: relative; border-bottom: 1px solid #f4f5f9; transition: .3s;}
.index-pro .item .pic .more{position: absolute; display: table; width: 100%; height: 100%; left: 0; top: 0;  background-color: rgba(230, 0, 18,0.851); z-index: 2; color: #fff;text-align: center; opacity: 0;transition: .3s;}
.index-pro .item .pic .more span{display: inline-block;  padding-right: 30px; background: url(../images/icon_more_white.png) right center no-repeat;}


.index-pro .item .bg_contain{background-color: #f4f5f9;}
.index-pro .item.first .index-title{position: absolute; width: 100%; left: 0; top: 0;}
.index-pro .item.first .des{position: absolute; width: 100%; left: 0; bottom: 8.33%; line-height: 2.125;color: rgb(51, 51, 51); }
.index-pro .item .txt{padding-top: 7.164%; position: relative;}
.index-pro .item .txt .title{ font-family: "Poppins";color: rgb(0, 0, 0); font-weight: bold; line-height: 1;}
.index-pro .item .txt .subtitle{color: rgb(153, 153, 153);line-height: 1.667;}
.index-pro .item .index{ font-family: "Poppins";color: rgb(230, 0, 18); font-weight: bold;line-height: 1.667; position: absolute; right: 0; bottom: 5px;}
.index-pro .item .index::before{content: ''; width: 1px; height: 70px; background-color: #e60012; display: block; margin: 0 auto;}

.index-pro .item:hover .bg_contain{transform: scale(1.05);}
.index-pro .item:hover .pic .more{opacity: 1;}

@media(max-width:1366px){
    .index-pro .item{padding: 0 20px;}
    .index-pro .item.first .des{max-width: none;}
}
@media(max-width:1280px){
    .index-pro .item{padding: 0;}
}
@media(max-width:1024px){
    .index-pro .item{width: 32%; margin-right: 1.5%;}
    .index-pro .item:nth-of-type(4n){margin-right: 1.5%;}
    .index-pro .item:nth-of-type(3n){margin-right: 0;}
    .index-pro{padding-top: 6.25%; padding-bottom: 3.6%;}
}
@media(max-width:768px){
    .index-pro .item{width: 49%; margin-right:2%;}
    .index-pro .item:nth-of-type(3n){margin-right: 2%;}
    .index-pro .item:nth-of-type(3n+1){margin-right: 2%}
    .index-pro .item:nth-of-type(2n+1){margin-right: 0}
    .index-pro .item.first{width: 100%;}
    .index-pro .item.first .pic figure{padding-top: 0;}
    .index-pro .item.first .index-title,.index-pro .item.first .des{position: relative;}
}

.index-global{padding: 5% 0;}
.index-global .index-title{margin-bottom: 2.14%;}

.index-global .list{margin-left: -37.5px; margin-right: -37.5px;}
.index-global .list .item{padding: 0 37.5px; width: 25%; float: left;}
.index-global .list .ytable-cell{vertical-align: top;}
.index-global .list .txt{background-color: #fff; padding:  12.95% 10.24%; box-shadow: 5px 5px 30px 0px #002f70;}
.index-global .list .area-item{position: relative; padding-left: 10px;color: rgb(51, 51, 51); line-height: 1.375; margin-bottom: 10px;}
.index-global .list .area-item::before{content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #666666;position: absolute; left: 0; top: 10px;}

.index-global .list .pic{padding-top: 100%; position: relative;}
.index-global .list .pic img{position: absolute; left: 0;  right: 0; bottom: 0; margin: auto; width: 100%;}
.index-global .list .title{position: absolute; width: 100%; left: 0; bottom: 0; padding: 6.667% 10%; color: rgb(255, 255, 255);}
.index-global .list .cn{ font-weight: bold;  line-height: 1.8;}
.index-global .list .en{font-family: "Arial"; line-height: 1;}
.index-global .slick-list{overflow: visible;}
.index-global .slick-dots {font-size: 0;  width: 100%; padding-top: 5%; z-index: 2;  text-align: center;}
.index-global .slick-dots li{ width: 10px; height: 10px; border: 2px solid #dbdbdb; margin: 0 10px; display: inline-block; border-radius: 50%; cursor: pointer ; transition: .3s;}
.index-global .slick-dots li.slick-active{background-color: #e60012; border-color: #e60012;}
.index-global .slick-dots li:first-of-type{margin-left: 0;}
.index-global .slick-dots li:last-of-type{margin-right: 0;}
.index-global .slick-dots li button{display: none;}
@media(max-width:1024px){
    .index-global{padding-top: 8.85%; padding-bottom: 5.21%;}
}

.right-menu{position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 5;}
.right-menu li{padding: 0 15px; background: #e60012; cursor: pointer; position: relative;}
.right-menu .icon{width: 50px; height: 80px; position: relative; border-bottom: 1px solid rgba(255, 255, 255,0.302); display: block;}
.right-menu .icon img{position: absolute; left: 0; right: 0;top: 0;bottom: 0; margin: auto; max-height: 50%;}
.right-menu li .sub{position: absolute; right: 100%;  top: 0; width: 0; height: 0; overflow: hidden;  transition: .5s;}
.right-menu li .sub .list{background-color: #fff;padding: 20px 30px; box-shadow: 0px 2px 19px 0px rgba(209, 209, 209, 0.35);overflow: hidden; white-space: nowrap; margin-right: 10px;}
.right-menu li .sub .item>div{white-space: nowrap; color: rgb(51, 51, 51); line-height: 24px; }
.right-menu li .sub .item{border-bottom: 1px solid #eee;padding: 10px;}
.right-menu li .sub .item:last-of-type{border-bottom: 0;}
.right-menu li .sub .name{  }
.right-menu li .sub .phone{ font-family: "Roboto"; color: rgb(230, 0, 18); font-weight: bold;}

.right-menu li .qrcode{width: 130px; height: 130px; position: relative; background-color: #e60012;}
.right-menu li .qrcode img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 90%; height: 90%;}


@media(max-width:1024px){
    .right-menu .icon{width: 30px; height: 50px;}
    .right-menu li{padding: 0 10px;}
}

.news-info{padding-bottom: 5.21%;}
.news-info .title-box{text-align: center; border-bottom: 1px solid #ececec; padding-top: 4.8125%;}
.news-info .title-box h1{color: rgb(51, 51, 51);line-height: 1.25; font-weight: normal; margin-bottom: 1.875%;}
.news-info .title-box .time{font-family: "HarmonyOS_Sans_SC_Light"; color: rgb(153, 153, 153);line-height: 2.143;}
.news-info .btn-box .auto_1400{border-bottom: 1px solid #ececec; border-top: 1px solid #ececec;}

.singlePage{line-height: 1.875;color: rgb(51, 51, 51); text-align: justify; padding-top: 4.1667%; padding-bottom: 7.5%;}

.singlePage img{height: auto !important;}

.news-info .btn-box .dot{ padding: 3.125% 0;}
.news-info .btn-box .prev{float: left; width: 49%;}
.news-info .btn-box .next{float: right; width: 49%; text-align: right;}
.news-info .btn-box a{color: rgb(153, 153, 153);}
.news-info .btn-box a:hover{color: #e60012;}

.news-info .back{text-align: center; padding: 3.125% 2% 0;}
.news-info .back a{display: inline-block; width: 120px; height: 46px; line-height: 46px; border-radius: 23px; background-color: #fafafc;  color: #8b929a; position: relative; transition: .3s;}
/* .news-info .back a::after{content: ''; width: 8px; height: 13px;display: inline-block; background: url(../images/news-more.png) center center no-repeat; margin-left: 20px;} */

.news-info .back a:hover{background: #e60012; color: #fff; border-color:#e60012;}
.news-info .back a:hover::after{background: url(../images/index-more-white.png) center center no-repeat;}

@media(max-width:1024px){
    .news-info .back a{width: 120px; height: 35px; line-height: 35px;}
}
@media(max-width:768px){
    .news-info .back a{width: 100px; font-size: 12px;height: 30px; line-height: 30px;}
    .news-info .back a::after{height: 10px;}

    .news-info .btn-box .prev{float: none; width: 100%;}
.news-info .btn-box .next{float: none; width: 100%; text-align: left;}
}
.search{padding: 5.21% 0;}
.search .item{padding-right: 100px; border-bottom: 1px dashed #eee; position: relative;}
.search .item a{line-height: 40px;} 
.search .item .time{position: absolute; width: 100px; right: 0; top: 50%; transform: translateY(-50%);}

@media(max-width:640px){
    .search .item{padding-right: 75px;}
    .search .item .time{width: 70px; font-size: 12px;}
}

.sitemap { padding-bottom: 5%}
.sitemap li{ padding:10px 0; border-bottom:dotted 1px #e4e4e4}
.sitemap li b{ padding: 10px 0; display:block; font-size:16px; font-weight:normal;}
.sitemap li span{ opacity:0.8; display:inline-block; white-space:nowrap; padding-right:20px;}
#fp-nav ul li a span{background-color: #e60012 !important;}

.fp-tableCell .index-banner{height: 100%;}

@media(max-width:1024px){
.fp-tableCell,.fp-section.fp-table{height: auto !important;}
}