@charset "utf-8";
/*@import url('/dist/fonts/iconfont/iconfont.css');*/
@import url('//at.alicdn.com/t/c/font_4777549_q8bzuj85daa.css');


@font-face {
  font-family: 'ALPuHui';
  src: url('/dist/fonts/ALPuHui/ALIBABAPUHUITI-2-55-REGULAR.woff2') format('woff2'),
       url('/dist/fonts/ALPuHui/ALIBABAPUHUITI-2-55-REGULAR.woff') format('woff'),
       url('/dist/fonts/ALPuHui/ALIBABAPUHUITI-2-55-REGULAR.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'ALPuHui-Thin';
  src: url('/dist/fonts/ALPuHui/ALIBABAPUHUITI-2-35-THIN.woff2') format('woff2'),
       url('/dist/fonts/ALPuHui/ALIBABAPUHUITI-2-35-THIN.woff') format('woff'),
       url('/dist/fonts/ALPuHui/ALIBABAPUHUITI-2-35-THIN.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'STXINWEI';
  src: url('/dist/fonts/STXINWEI/STXINWEI.woff2') format('woff2'),
       url('/dist/fonts/STXINWEI/STXINWEI.woff') format('woff'),
       url('/dist/fonts/STXINWEI/STXINWEI.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'HYShangWeiShouShuW';
  src: url('/dist/fonts/HYShangWeiShouShuW/HYShangWeiShouShuW.woff2') format('woff2'),
       url('/dist/fonts/HYShangWeiShouShuW/HYShangWeiShouShuW.woff') format('woff'),
       url('/dist/fonts/HYShangWeiShouShuW/HYShangWeiShouShuW.ttf') format('truetype');
  font-display: swap;
}/* */
/**********样式重置
    --font:ALPuHui,Arial,Helvetica Neue, Helvetica, Tahoma, sans-serif;
    --font-light:ALPuHui-Thin,Arial,Helvetica Neue, Helvetica, Tahoma, sans-serif;
    --font-bold:STXINWEI,Arial,Helvetica Neue, Helvetica, Tahoma, sans-serif;
    --font-en:Arial,Helvetica Neue, Helvetica, Tahoma, sans-serif;
**********/
:root {
    --color:#333;
    --font-color:#666;
    --main-color:#c30d23;
    --normal-color:#00469c;
    --font-size:16px;
    --font-size-big:30px;
    --font-size-mid:18px;
    --font-size-sm:14px;
    --font:ALPuHui,Arial,Helvetica Neue, Helvetica, Tahoma, sans-serif;
    --font-light:ALPuHui-Thin,Arial,Helvetica Neue, Helvetica, Tahoma, sans-serif;
    --font-bold:STXINWEI,Arial,Helvetica Neue, Helvetica, Tahoma, sans-serif;
    --font-en:Arial,Helvetica Neue, Helvetica, Tahoma, sans-serif;
    --gap-large:80px;
    --gap-big:50px;
    --gap-mid:30px;
    --gap-sm:15px;
    --line-height:1.5;
    --padding-lr:0 15px;
    --page-width:1660px;
    --border:1px solid #ddd;
}
@media (min-width:992px) and (max-width:1230px) {
    :root {
        --gap-large:50px;
    }
}
@media (min-width:1px) and (max-width:991px){
    :root {
        --font-size:14px;
        --font-size-big:24px;
        --font-size-mid:14px;
        --font-size-sm:12px;
        --gap-large:40px;
        --gap-big:30px;
        --gap-mid:20px;
        --gap-sm:10px;
        --page-width:100%;
    }
}

html,body{
    -ms-overflow-style: scrollbar;/*解决ie浏览器右侧滚动条遮挡内容问题*/
    -webkit-overflow-scrolling: touch;/*解决iOS滚动条被卡住的问题*/
    scroll-behavior: smooth;/*滚动到指定位置*/
    max-width:1920px;margin:0 auto;
    font-size:100px
}
html{background:#FFF;font-size:16px;}
@media (min-width:1px) and (max-width:767px) {
    html{font-size:14px;}
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0}
fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6,dt{font-size:100%;font-weight:normal;}
q:before,q:after{content:''}
input:visited,input:focus,input,textarea,button:visited,button:focus,textarea:visited,textarea:focus{border:none;outline: none;}
.clearfix:after,.clearfix:before,.container::after,.container:before{display:table;content:" ";}
.clearfix:after,.container::after{clear:both;}
*{box-sizing:border-box;}
a{outline:none;color:#111;text-decoration:none;}
a:hover{color:var(--main-color);}
img,li{border:0;vertical-align:top;}
img{max-width:100%;height:auto;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    color: #777;
}
input:-moz-placeholder,textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #777;
}
input::-moz-placeholder,textarea::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    color: #777;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
    color: #777;
}
b,body,dd,div,form,h5,h6,img,input,textarea,li,p,pre,ul{margin:0 auto;padding:0;font-family:var(--font);color:var(--color);line-height:var(--line-height);font-size:var(--font-size);}
h1,h2,h3,h4,dt{font-family:var(--font);}
.hidden{display:none!important;}
.noinfo{font-size:1rem;text-align:center;margin-top:10px;padding-bottom:30px;}
.item .img{overflow:hidden;position:relative;}
.item .img img{max-width:100%;transition:all .4s;transform:scale(1);margin:0 auto;display:block;}
.item:hover .img img{transform:scale(1.05);}
.flex_between{display:flex;justify-content:space-between;flex-wrap:wrap;}
.flex_around{display:flex;justify-content:space-around;flex-wrap:wrap;}
.flex_start{display:flex;justify-content:flex-start;flex-wrap:wrap;}
.flex_column{display:flex;justify-content:space-between;flex-wrap:wrap; flex-direction:column;}
.flex_center{display:flex;justify-content:center;}
.flex_vcenter{display:flex;align-items:center;}
.flex_between>div{margin-left:0;margin-right:0;}
.vcenter{position:absolute;top:50%;transform:translate(0,-50%);}
.vccenter{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.container{width:var(--page-width);padding:var(--padding-lr);max-width:100%;}
.ValidationError{border:1px solid red!important;}
.text-center{text-align:center;}
.nopadding{padding:0!important;}
.pc{display:block;}
.wap{display:none!important;}
@media screen and (min-width:1px ) and (max-width:991px) {
    .pc{display:none;}
    .wap{display:block!important;}
}
.clamp_1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.clamp_2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.clamp_3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.clamp_4{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}
.clamp_5{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;}
.clamp_6{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;}

@media screen and (min-width:1px ) and (max-width:1429px) {
    .container{width:100%;}
}
@media screen and (min-width:1px ) and (max-width:992px){
    .inputgroup{margin-bottom:2vw;}
}
/**********样式重置**********/

/**********公共样式**********/
.frame{padding-top:var(--gap-large);padding-bottom:var(--gap-large);overflow:hidden;}
.frame .title{margin-bottom:var(--gap-big);position:relative;overflow:hidden;text-align:center;}
.frame .title h3{font-family:var(--font);position:relative;margin-bottom:10px;text-transform:uppercase;color:var(--main-color)}
.frame .title h2{font-size:45px;position:relative;font-family:var(--font-bold);line-height:1.25;font-weight:bold;letter-spacing:-10px;background:url(/dist/images/logobg.png.webp) no-repeat top 10px center;font-family:var(--font-bold);}
.frame .title h2:first-letter{font-size:69px;color:var(--main-color);}
.frame .title p{margin-top:0px;font-size:17px;color:#888;max-width:1000px;}
.frame .title .line{width:96px;height:1px;background-color:#999;margin:25px auto 0;}
.btnlink{}
@media screen and (min-width:1430px ) and (max-width:1629px) {
}
@media screen and (min-width:1230px ) and (max-width:1429px) {
    .frame .title h2{font-size:40px;}
    .frame .title p{font-size:16px;margin-top:5px;}
}
@media screen and (min-width:992px ) and (max-width:1229px) {
    .frame .title h2{font-size:30px;letter-spacing:-5px;}
    .frame .title p{font-size:14px;line-height:1.6;}
}
@media (min-width:768px) and (max-width:991px) {
    .frame .title h2{font-size:24px;letter-spacing:0;}
    .frame .title p{font-size:14px;line-height:20px;}
    .frame .title span{margin-bottom:10px;}
}
@media (max-width:767px){
    .frame .title h2{font-size:20px;line-height:24px;letter-spacing:0;}
    .frame .title h2:first-letter{font-size:40px;}
    .frame .title p{font-size:13px;line-height:20px;}
    .frame .title span{margin-bottom:10px;}
}
.morelink{line-height:27px;transition:all 0.3s;display:flex;align-items:center;background-color:var(--main-color);padding:6px 20px 6px 6px;border-radius:50px;width:145px;color:#fff;text-align:center;}
.morelink>span{transition:all 0.3s;display:inline-block;}
.morelink>i{display:inline-block;width:27px;height:27px;line-height:27px;margin-right:20px;background-color:#fff;text-align:center;color:var(--main-color);transition:all 0.3s;border-radius:50px;}
.morelink>i:before{content:"\e65f";font-family:iconfont;display:block;transition:all 0.3s;}
.morelink:hover{color:#fff;}
.morelink:hover{display:flex;flex-flow:row-reverse;padding:6px 6px 6px 20px;}
.morelink:hover>i{margin-right:0;margin-left:20px;}

.morelink2{line-height:27px;transition:all 0.3s;display:flex;align-items:center;background-color:var(--main-color);padding:6px 20px 6px 6px;border-radius:50px;width:140px;color:#fff;text-align:center;position:relative;}
.morelink2 .sp1{opacity:0;position:absolute;transform:rotateX(90deg);}
.morelink2>i{display:inline-block;width:27px;height:27px;line-height:27px;background-color:#fff;text-align:center;color:var(--main-color);transition:all 0.3s;border-radius:50px;position:absolute;}
.morelink2>i:before{content:"\e65f";font-family:iconfont;display:block;transition:all 0.3s;}
.morelink2 .sp2{position:relative;transition:all 0.3s;padding-left:50px;}
.morelink2:hover{color:#fff;padding:6px 6px 6px 20px;}
.morelink2:hover .sp1{opacity:1;position:relative;transform:rotateX(0);}
.morelink2:hover i{transform:translate(89px)}
.morelink2:hover .sp2{transform:rotateX(90deg);opacity:0;position:absolute;}
/**********公共样式**********/

/**********头部样式**********/
/*搜索框*/
#SearchBox{position:fixed;top:0;right:0;left:0;bottom:100%;background:rgba(0,0,0,1);overflow:hidden;padding:0;transition:all .5s;text-align:right;z-index:9999;}
#SearchBox .searchclose{display:inline-block;width:36px;height:36px;text-align:center;line-height:36px;font-size:24px;color:rgb(255, 255, 255);cursor:pointer;transition:all .2s;}
#SearchBox.show{left:0;bottom:0;padding:30px;}
#SearchBox .searchclose:hover{
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);}
#SearchBox #sform{width:80%;margin:0 auto;}
#SearchBox #sform{position:relative;margin-top:50px;border-bottom:1px solid rgb(255, 255, 255);overflow:hidden;}
#SearchBox #sform #stext{float:left;width:calc(100% - 160px);height:160px;line-height:160px;font-weight:700;border:none;background:transparent;font-size:64px;color:rgb(255, 255, 255);}
#SearchBox #sform #sbut{float:right;width:160px;height:160px;line-height:160px;background:transparent;border:none;}
#SearchBox #sform #sbut>i{display:inline-block;font-size:80px;color:rgb(255, 255, 255);}
@media (min-width:992px) and (max-width:1229px) {
    #SearchBox #sform{width:100%;}
    #SearchBox #sform #stext{font-size:36px;width:calc(100% - 100px);height:100px;line-height:100px;}
    #SearchBox #sform #sbut{width:100px;height:100px;line-height:100px;}
    #SearchBox #sform #sbut>i{font-size:60px;}
}
@media (min-width:768px) and (max-width:991px) {
}
@media (min-width:1px) and (max-width:767px){
    #SearchBox #sform{width:100%;}
    #SearchBox #sform #stext{font-size:24px;width:calc(100% - 40px);height:40px;line-height:40px;}
    #SearchBox #sform #sbut{width:40px;height:40px;line-height:40px;}
    #SearchBox #sform #sbut>i{font-size:24px;}
}

header{width:100%;z-index:99;position:fixed;top:0;transition:all 0.3s;transition:all 0.3s;border-bottom:1px solid rgba(255,255,255,0.21);padding:20px 0;}
header.fixed{background-color:rgba(0,0,0,0.5);padding:0px;}

#logo{position:relative;transition:all 0.3s;}
#logo .logo{position:relative;height:70px;display:block;}
#logo .logo img{position:absolute;top:50%;transform:translate(0,-50%);position:relative;}
header .box{display:flex;align-items:center;border-left:1px solid rgba(255,255,255,0.21);padding:0 50px;}
header .box>a{display:block;line-height:30px;color:#fff;font-size:18px;}
header .box>a>i{display:inline-block;font-size:24px;margin-right:10px;line-height:30px;vertical-align:top;}
header .box>a:hover{color:var(--main-color);}


#Menu{margin-left:auto;display:flex;align-items:center;}
#Menu ul.menunav{transition:all .3s;}
#Menu ul.menunav>li{display:inline-block;}
#Menu ul.menunav>li:not(:last-child){margin-right:17px;}
#Menu ul.menunav>li>a{position:relative;display:block;line-height:30px;padding:5px 20px;text-align:center;font-size:16px;color:#fff;}
#Menu ul.menunav>li>a:hover,#Menu ul.menunav>li.active>a{color:var(--main-color);}
#Menu ul.menunav>li.open>a:before,#Menu ul.menunav>li.active>a:before,#Menu ul.menunav>li:hover>a:before{content:"";width:9px;height:9px;background-color:var(--main-color);border-radius:50px;position:absolute;left:50%;bottom:-6px;transform:translate(-50%,0);display:none;}
#Menu ul.menunav>li.dropdown>a::after{content:"\e65f";font-family:iconfont;display:inline-block;margin-left:5px;font-size:14px;vertical-align:top;transform:rotate(90deg);}
#Menu ul.menunav>li:nth-child(2){border-left:none;}
#Menu ul>li{position:relative;}
#Menu ul>li ul.dropdown-menu{position:absolute;top:100%;background-color:#fff;z-index:2;min-width:100%;margin-top:30px;transition:all 0.3s;visibility:hidden;opacity:0;}
#Menu ul>li ul.dropdown-menu>li{display:block;}
#Menu ul>li ul.dropdown-menu>li>a{line-height:24px; font-size:14px; padding:8px 30px 8px 20px;display:block;white-space: nowrap;text-align:left;position:relative;position:relative;z-index:2;}
#Menu ul>li ul.dropdown-menu>li>a:before{content:"";background-color:var(--main-color);position:absolute;left:0;right:100%;top:0;bottom:0;transition:all 0.3s;z-index:-1;}
#Menu ul>li ul.dropdown-menu>li>a.icon_right:after{content:"\e650";font-family:iconfont;display:inline-block;margin-left:5px;font-size:14px;position:absolute;right:10px;}
#Menu ul>li ul.dropdown-menu>li:not(:last-child)>a{border-bottom:1px solid #ddd;}
#Menu ul>li ul.dropdown-menu>li>a>i{font-size:14px;line-height:24px;position:absolute;right:10px;}
#Menu ul>li ul.dropdown-menu>li:hover>a{color:#fff;}
#Menu ul>li ul.dropdown-menu>li:hover>a:before,#Menu ul>li ul.dropdown-menu>li>a:hover:before{right:0;}
#Menu ul>li:hover ul.dropdown-menu{margin-top:0;visibility:visible;opacity:1;}
#Menu ul>li ul.dropdown-menu ul.catemenu{left:100%;top:0;border-left:1px solid #fff;display:none;}
#Menu ul>li ul.dropdown-menu>li:hover ul.catemenu{display:block;}

#search{position:relative;margin-left:80px;}
#search a.btnSearch{display:block;}
#search a.btnSearch>i{color:#fff;display:block;font-size:20px;}
#search #sform{width:250px;box-sizing:border-box;display:flex;overflow:hidden;background-color:var(--main-color);position:absolute;top:calc(100% + 15px);right:0;height:0;transition:all 0.3s;}
#search #sform.show{height:45px;}
#search #sform #stext{width:calc(100% - 45px);padding-left:15px;background-color:transparent;color:#fff;}
#search #sform #sbut{width:45px;position:relative;text-align:center;border:none;background-color:transparent;color:#fff;cursor:pointer;}
#search #sform #sbut>i{font-size:20px;line-height:1;}
.btnInquiry{margin-top:0;margin-left:20px;height:38px;display:inline-block;padding:6px 32px;color:#fff;text-transform:uppercase;font-size:14px;line-height:24px;background:linear-gradient(to right,#fe7256,#c40e24);border-radius:50px;}
.btnInquiry>i{display:inline-block;font-size:22px;margin-right:10px;vertical-align:top;}
.btnInquiry:hover{color:#fff;}

#lang{position:relative;margin-left:25px;}
#lang a.lang{display:flex;align-items:center;}
#lang a.lang>i{color:#fff;display:inline-block;font-size:20px;}
#lang a.lang span{display:inline-block;color:#fff;margin-left:5px;text-transform:uppercase;}
#lang ul.dropdown-menu{position:absolute;top:100%;background-color:#fff;z-index:2;min-width:100px;box-shadow:0 5px 10px rgba(0,0,0,0.17);padding:5px 15px 10px;margin-top:30px;transition:all 0.3s;visibility:hidden;opacity:0;left:50%;transform:translate(-50%,0);overflow:hidden;}
#lang ul.dropdown-menu>li>a{line-height:24px; font-size:16px; padding:8px 0 8px 0;display:block;white-space:nowrap;text-align:left;position:relative;position:relative;z-index:2;color:#888;}
#lang ul.dropdown-menu>li:hover>a{color:var(--main-color);}
#lang ul.dropdown-menu>li:not(:last-child)>a{border-bottom:1px solid #ddd;}
#lang:hover ul.dropdown-menu{margin-top:0;visibility:visible;opacity:1;}

#search #sform #stext::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    color: #fff;
}
#search #sform #stext:-moz-placeholder{ /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #fff;
}
#search #sform #stext::-moz-placeholder{ /* Mozilla Firefox 19+ 适配火狐 */
    color: #fff;
}
#search #sform #stext:-ms-input-placeholder{ /* Internet Explorer 10+  适配ie*/
    color: #fff;
}


/*手机导航*/
header #menu_btn{width:40px; height:40px; cursor:pointer; position: relative;display:inline-block;border-radius:50px;text-align:center;margin-top:15px;float:right;display:none;}
header #menu_btn>i{display:inline-block;font-size:30px;line-height:40px;color:var(--main-color);}
header #menu_btn>i:before{content:"\e61c";}
header #menu_btn.show>i:before{content:"\e640";}
@media (min-width:1430px) and (max-width:1659px) {
    #Menu ul.menunav>li>a{padding:5px 15px;}
}
@media (min-width:1230px) and (max-width:1429px) {
    #Menu ul.menunav>li:not(:last-child){margin-right:0;}
    #Menu ul.menunav>li>a{padding:5px 15px;}
    
    #search{margin-left:15px;}
    header .box{pa.frame .title h2dding:0 15px;}
    header .box>a{font-size:16px;}
}
@media (min-width:992px) and (max-width:1229px) {
}
@media (min-width:1px) and (max-width:1229px) {
    #logo{}
    #Menu{margin-right:25px;}
    #Menu ul.menunav>li:not(:last-child){margin-right:0;}
    #Menu ul.menunav>li>a{padding:5px 15px;}
    
    header .box{padding:0 15px;display:none;}
    header .box>a{font-size:16px;}

    header{padding:0 0;background:rgba(0,0,0,0.3);}
    #logo .logo img{max-height:50px;width:initial;}
    #logo .box{display:none;}

    header #menu_btn{display:block;margin-top:15px;}
    header #menu_btn>i{color:#fff;}

    #Menu{display:block;width:220px;position:fixed;top:0;left:-230px;bottom:0;background-color:var(--main-color);box-shadow:0 0 3px #eee;padding-top:20px;overflow-y:scroll;padding-bottom:60px;transition:all 0.3s;}
    #Menu ul.menunav>li{display:block;}
    #Menu ul.menunav>li>a{padding:6px 15px;color:#fff;text-align:left;font-size:16px;font-weight:bold;}
    #Menu ul.menunav>li>a:hover,#Menu ul.menunav>li.active>a{border:none;}
    #Menu ul>li ul.dropdown-menu{display:block;background-color:initial;position:relative;padding-left:15px;box-shadow:none;border-bottom:none;opacity:1;visibility:visible;margin-top:0;padding-top:0;}
    #Menu ul>li ul.dropdown-menu>li>a{color:#fff;font-size:14px;padding:4px 10px 4px 20px;white-space:initial;}
    #Menu ul>li ul.dropdown-menu>li:not(:last-child)>a{border:none;}
    #Menu ul>li ul.dropdown-menu ul.catemenu{display:block;position:relative;left:0;border-left:none;}
    header.show #Menu{left:0;}

    #lang{margin-left:0;padding:0 15px;}
    #lang a.lang{padding-left:0;display:none;}
    #lang ul.dropdown-menu{position:relative;width:100%;position:relative;padding:0;opacity:1;top:initial;transform:initial;left:initial;visibility:initial;background-color:transparent;box-shadow:initial;margin-top:10px;}
    #lang ul.dropdown-menu>li>a{color:#fff;}

    .btnInquiry{margin:10px 15px;display:block;}
    #search a.btnSearch{display:none;}
    #search{padding:0 15px;margin-left:0;}
    #search #sform{width:100%;border-radius:0;height:36px;background-color:#fff;border:1px solid #fff;position:relative;}
    #search #sform #stext{width:calc(100% - 36px);color:#333;}
    #search #sform #sbut{height:36px;width:36px;color:#fff;background-color:var(--main-color);}
    #search #sform #sbut::before{display:none;}
    .btn_inquiry{width:100%;border:1px solid #fff;margin-left:0;margin-top:15px;font-size:14px;padding:3px 10px;height:36px;text-align:center;}
}
@media (min-width:1px) and (max-width:767px) {
    header{position:sticky;}
}
/**********头部样式**********/


.feedbackbox ul{}
.feedbackbox ul>li{margin:0 0 20px;width:100%;position:relative;}
.feedbackbox ul>li:last-child{margin-right:0;}
.feedbackbox ul>li.half{width:49.5%;}
.feedbackbox ul>li>label{text-align:left;font-weight:normal;font-size:14px;line-height:40px;margin-right:5px;color:#8a8a8a;display:none;}
.feedbackbox ul>li>label>em{color:#f00;font-style:initial;font-size:18px;line-height:40px;display:inline-block;vertical-align:top;}
.feedbackbox ul>li>.input{margin:0;height:48px;padding-left:15px;width:100%;background-color:transparent;border:1px solid #4d5a62;}
.feedbackbox ul>li textarea.input{resize:none;position:relative;line-height:30px;font-size:16px;height:180px;padding-top:6px;border:1px solid #4d5a62;}
.feedbackbox ul>li.tips{border-bottom:none;font-size:18px;line-height:24px;color:#747474;}
.feedbackbox .submit{display:block;margin-top:0;background-color:var(--main-color);color:#fff;padding:20px 25px;font-size:18px;line-height:30px;text-align:center;}
.feedbackbox .submit>i{margin-right:12px;font-size:20px;display:inline-block;vertical-align:top;}
@media (min-width:992px) and (max-width:1229px) {
    .feedbackbox ul>li{margin:0 0 15px;}
    .feedbackbox ul>li>label{font-size:16px;}
    .feedbackbox ul>li>.input{height:50px;}
    .feedbackbox ul>li textarea.input{height:150px;}
    .feedbackbox ul>li.btnli .btnlink{padding:3px 40px;}
}
@media (min-width:768px) and (max-width:991px) {
    .feedbackbox ul>li{margin:0 0 15px;}
    .feedbackbox ul>li>label{font-size:16px;}
    .feedbackbox ul>li>.input{height:50px;}
    .feedbackbox ul>li textarea.input{height:120px;}
    .feedbackbox ul>li.btnli .btnlink{padding:3px 40px;}
    .feedbackbox .submit{padding:10px 25px;font-size:16px;line-height:32px;}
}
@media (min-width:1px) and (max-width:767px) {
    .feedbackbox ul>li{margin:0 0 15px;}
    .feedbackbox ul>li.half{width:100%;}
    .feedbackbox ul>li>label{font-size:16px;}
    .feedbackbox ul>li>.input{height:50px;}
    .feedbackbox ul>li textarea.input{height:100px;}
    .feedbackbox ul>li.btnli .btnlink{padding:3px 40px;}
    .feedbackbox .submit{padding:8px 25px;font-size:16px;line-height:32px;}
}


#framefeed{position:relative;background:url(/dist/images/feedbg.jpg.webp) no-repeat top center fixed;}
#framefeed #feedbackbox{position:relative;}
#framefeed .left{width:40%;}
#framefeed .left .item{padding-left:75px;position:relative;margin-bottom:35px;}
#framefeed .left .item i{position:absolute;left:0;top:0;color:#fff;font-size:24px;border-bottom:3px solid var(--main-color);padding-bottom:10px;}
#framefeed .left .item span{display:block;color:#fff;font-size:20px;}
#framefeed .left .item a{display:block;font-size:18px;color:#fff;font-family:var(--font-light);}
#framefeed .left .item p{font-size:18px;color:#fff;font-family:var(--font-light);}
#framefeed .right{width:46%;}
#framefeed .right .title{text-align:left;margin-bottom:10px;}
#framefeed .right .title h3{font-size:25px;color:#fff;}
#framefeed .right .title p{font-size:18px;color:#666;}
#framefeed .right .morelink2{width:160px;}
#framefeed input::-webkit-input-placeholder,#framefeed textarea::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    color: #fff;
}
#framefeed input:-moz-placeholder,#framefeed textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #fff;
}
#framefeed input::-moz-placeholder,#framefeed textarea::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    color: #fff;
}
#framefeed input:-ms-input-placeholder,#framefeed textarea:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
    color: #fff;
}
@media (min-width:992px) and (max-width:1229px) {
    #framefeed .right .title{margin-top:0;}
    #framefeed .right .title h2{font-size:30px;}
    #framefeed .right .title p{font-size:16px;}
}
@media (min-width:768px) and (max-width:991px) {
    #framefeed .left{width:100%;}
    #framefeed .left .item{margin-bottom:20px;padding-left:50px;}
    #framefeed .left .item span{font-size:18px;}
    #framefeed .left .item a{font-size:16px;}
    #framefeed .left .item p{font-size:16px;}
    #framefeed .right{width:100%;margin-top:30px;}
    #framefeed .right .title{margin-top:0;}
    #framefeed .right .title h2{font-size:30px;}
    #framefeed .right .title p{font-size:16px;}
}
@media (min-width:1px) and (max-width:767px) {
    #framefeed .left{width:100%;}
    #framefeed .left .item{margin-bottom:20px;padding-left:50px;}
    #framefeed .left .item span{font-size:18px;}
    #framefeed .left .item a{font-size:16px;}
    #framefeed .left .item p{font-size:16px;}
    #framefeed .right{width:100%;margin-top:30px;}
    #framefeed .right .title{margin-top:0;}
    #framefeed .right .title h2{font-size:30px;}
    #framefeed .right .title p{font-size:16px;}
}

/**********底部样式**********/
footer{background-color:#000;}
footer dl dt{margin-bottom:20px;font-size:20px;line-height:30px;position:relative;color:#fff;font-family:var(--font);padding-bottom:15px;}
footer dl dt:before{content:"";width:80px;height:1px;background-color:#32393e;position:absolute;bottom:0;left:0;z-index:1;}
footer dl dt:after{content:"";width:24px;height:3px;background-color:var(--main-color);position:absolute;bottom:0;left:0;z-index:2;}
footer dl dd{position:relative;margin-bottom:10px;}
footer dl dd>a{color:#9ba2ad;transition:all 0.3s;color:#b2b2b2;display:block;line-height:30px;}
footer dl dd>a>i.iconfont{display:inline-block;vertical-align:top;margin-right:5px;font-size:12px;position:absolute;left:0;top:0;display:none;}
footer dl dd>a>em{display:inline-block;width:0;height:2px;transition:all 0.3s;background-color:var(--main-color);position:relative;top:50%;transform:translate(0,-50%);vertical-align:middle;}
footer dl dd>a:hover{text-decoration:underline;}
/*footer dl dd>a:hover>em{width:10px;margin-right:5px;}*/

footer .left{width:24%;border-right:1px solid #32393e;padding-top:40px;}
footer .footlogo{margin-bottom:50px;}
footer .footwechat{text-align:center;margin-left:0;text-align:left;}
footer .footwechat .pic{display:inline-block;}
footer .footwechat .pic:not(:last-child){margin-right:20px;}
footer .footwechat .pic img{border:4px solid #fff;}
footer .footwechat p{color:#fff;margin-top:10px;text-align:center;}
footer .right{flex:1;padding-top:40px;}
footer .right .footmenu{padding-left:6vw;}
#fck1{width:150px;}
#fck2{width:150px;}
#fck3{width:150px;}
#fck4{width:150px;}
#fck5{width:auto;flex:1;}

.subscribeBox{}
.subscribeBox .input{height:42px;width:100%;background-color:transparent;padding:5px 0;border:1px solid transparent;border-bottom-color:#363535;color:#fff;padding-left:5px;}
.subscribeBox .btnSubscribe{margin-top:20px;color:#fff}

footer .footshare{margin-top:30px;}
footer .footshare>a{display:inline-block;}
footer .footshare>a:not(:last-child){margin-right:8px;}
footer .footshare>a>i{display:inline-block;line-height:40px;color:#fff;font-size:24px;}
footer .footshare>a:hover{animation:swing 1s infinite;}
/*footer .footshare>a.ico_facebook{background-color:#3c5a99;}
footer .footshare>a.ico_linkin{background-color:#0077b5;}
footer .footshare>a.ico_twitter{background-color:#028fd9;}
footer .footshare>a.ico_youtube{background-color:#d54029;}
footer .footshare>a.ico_pinterest{background-color:#e10600;}
footer .footshare>a.ico_instagram{background-color:#cf3d6b;}*/


.foot_by{overflow:hidden;margin-top:60px;border-top:1px solid #32393e;border-bottom:1px solid #32393e;margin-bottom:50px;padding-left:6vw;}
.foot_by .footdiv{margin:0;display:inline-block;padding:20px 0;color:#fff;}
.foot_by .footdiv a{display:inline-block;color:#fff;}
.foot_by .footdiv a:hover{text-decoration:underline;}
@media (min-width:1230px) and (max-width:1429px) {
    footer .right .footmenu{padding-left:3vw;}
    .foot_by{padding-left:3vw;}
}
@media (min-width:992px) and (max-width:1229px) {
    footer .right .footmenu{padding-left:3vw;}
    .foot_by{padding-left:3vw;}
    
    #fck1{width:140px;}
    #fck2{width:140px;}
    #fck3{width:140px;}
    #fck4{width:140px;}

    footer dl dd>a{font-size:14px;line-height:24px;}


    .foot_by{margin-top:40px;}
    .foot_by .footdiv{font-size:14px;}
    .foot_by .footdiv a{font-size:14px;}
}
@media (min-width:768px) and (max-width:991px) {
    footer{padding-bottom:50px;}

    footer .right .footmenu{padding-left:0;}
    .foot_by{padding-left:0;}
    
    #fck1{width:140px;}
    #fck2{width:140px;}
    #fck3{width:140px;}
    #fck4{width:140px;}
    footer .left{display:none;}
    footer .right{width:100%;padding:40px 0 0;}
    
    footer dl dd>a{font-size:14px;line-height:24px;}

    #fck1 .contacts p{font-size:14px;}
    #fck4 dd{font-size:14px;}

    .foot_by{margin-top:15px;margin-bottom:15px;}
    .foot_by .footdiv{font-size:13px;padding:15px 0;}
    .foot_by .footdiv a{font-size:13px;}
}
@media (min-width:1px) and (max-width:767px) {
    footer{padding-bottom:50px;}
    footer .right .footmenu{padding-left:0;}
    .foot_by{padding-left:0;}
    
    #fck1{width:140px;margin-bottom:15px;}
    #fck2{width:140px;margin-bottom:15px;}
    #fck3{width:140px;margin-bottom:15px;}
    #fck4{width:140px;margin-bottom:15px;}
    footer .left{display:none;}
    footer .right{width:100%;padding:40px 0 0;}

    footer dl{margin-bottom:0;}
    footer dl dt{font-size:16px;margin-bottom:5px;}
    footer dl dd{margin-bottom:5px;font-size:14px;}
    footer dl dd p{font-size:12px;}
    footer dl.catelist dd>a{font-size:12px;}
    .foot_by{margin-top:15px;margin-bottom:15px;}
    .foot_by .footdiv{display:block;text-align:center;font-size:12px;line-height:1.5;width:100%;padding:5px 0;}
    .foot_by .footdiv a{font-size:12px;line-height:1.5}
    .foot_by .footdiv.fl{float:none;padding:5px 0;}
    .foot_by .footdiv.fr{float:none;padding:5px 0;}
}

#mobMenu{min-height:50px;border:1px solid #dddddd;position:fixed;bottom:0;width:100%;display:none;z-index:10;background-color:#fff;}
#mobMenu .foot_nav{text-align:center;color: #898989;font-size:14px;flex:1;}
#mobMenu .foot_nav i{display: block;padding: 3px 0px 0px 0px;font-size:18px;line-height:24px;}
#mobMenu .foot_nav .hamburger{position: inherit;float: none;margin: 0 auto;width:100%;}
@media (min-width:1px) and (max-width:991px) {
    #mobMenu{display:flex;}
}


#float{position:fixed;right:0;top:60%;z-index:55;transform:translate(0,-50%);}
#float .ico{display:block;width:50px;height:50px;text-align:center;background:var(--main-color);position:relative;cursor:pointer;margin-bottom:6px;box-shadow:0 0 10px #666;}
#float .ico#GoTop{display:none;}
#float .ico>i{font-size:30px;line-height:50px;display:block;color:#fff;}
#float .ico>.img{position:absolute;right:50px;width:140px;top:0;display:none;background-color:#fff;box-shadow:0 0 5px #b0b0b0;}
#float .ico>.img>img{width:100%;}
#float .ico:hover>.img{display:block;}
@media (min-width:1px) and (max-width:991px){
    #float .ico{width:50px;height:50px;margin-bottom:5px;}
    #float .ico>i{font-size:24px;line-height:50px;}
    #float .ico>.img{right:50px;}
}
#float .ico p{position:absolute;right:100%;padding:8px 15px 8px 20px;top:0;white-space:nowrap;background:var(--main-color);height:100%;display:flex;align-items:center;color:#fff;transform:rotateX(90deg);transition:all 0.3s;}
#float .ico i .number{position:absolute;width:25px;height:25px;font-size:16px;border-radius:50%;left:-5px;z-index:13;line-height:25px;background-color:#c6171e;color:#fff;top:-5px;}
#float .ico:hover p{transform:rotateX(0);}
#float .ico.getainquiry i{animation:blink 1.6s infinite;}
@keyframes blink {
    0% {
        opacity: 1;
        color: #fff
    }
    50% {
        opacity: 0.4
    }
    100% {
        opacity: 1
    }
}

#floatForm{position:fixed;right:20px;bottom:-30px;z-index:999;transform:translateY(100%);transition: all 0.35s;}
#floatForm.show{transform: translateY(0);bottom:0;}
#floatForm .bg{width:100%;height:100%;background:rgba(0,0,0,0.5);display:none;}
#floatForm .contactForm{width:90%;max-width:380px;position:relative;z-index:1;box-shadow:0 0 10px 1px var(--main-color);padding:30px 20px;background-color:#f3f3f3;border:1px solid #e1eaec;}
#floatForm .contactForm .btnclose{display:block;width:30px;height:30px;background-color:#000;border:3px solid #fff;border-radius:50%;z-index:1;position:absolute;top:-15px;right:-15px;text-align:center;cursor:pointer;}
#floatForm .contactForm .btnclose>i{font-size:12px;line-height:24px;color:#fff;font-weight:bold;}
#floatForm .contactForm .quickQuoteTitle{font-size:22px;line-height:24px;color:#171717;font-weight:600;margin-bottom:20px;}
#floatForm .contactForm input,.contactForm textarea{padding:12px;width:100%;border:1px solid #dadada;margin-bottom:10px;background-color:#fff;color:#000;resize:none;}
#floatForm .contactForm .submit{padding:10px 20px;min-width:120px;font-size:16px;line-height:20px;border:1px solid var(--main-color);background-color:var(--main-color);text-align:center;color:#fff;border-radius:50px;display:inline-block;}
#floatForm .contactForm .submit:hover{color:var(--main-color);}

#language{padding:10px 0;text-align:center;margin-top:20px;}
#language ul{display:flex;justify-content:space-between;}
#language ul li{display:inline-block;margin:0;}
#language ul li a{font-size:14px;line-height:2em;color:#fff;}
#language ul li a img{margin-top:4px;}
#language ul li a span{font-size:14px;line-height:2em;display:inline-block;}
@media screen and (min-width:768px) and (max-width:991px){
    #language{margin-bottom:0;padding:6px 0;}
    #language ul li a img{display:block;}
    #language ul li a span{font-size:12px;}
}
@media screen and (min-width:1px) and (max-width:767px){
    #language{padding:6px 0;}
    #language ul{flex-wrap:wrap;}
    #language ul li{width:20%;}
    #language ul li a img{display:block;}
    #language ul li a span{font-size:12px;}
}
/**********底部样式**********/


/*按钮样式*/
.btn-2{position:relative;z-index:1;overflow:hidden;}
.btn-2:before {
  content: '';
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  bottom: -5px;
  left: -5px;
  transition:all .5s;z-index:-1;
}
.btn-2:after {
  content: '';
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  top: -5px;
  right: -5px;
  transition:all .5s;z-index:-1;
}
.btn-2:hover:before {
  border-width: 300px 0 0 300px;
}
.btn-2:hover:after {
  border-width: 0 300px 300px 0;
}
.btn-2:hover>i{color:var(--main-color);}

.btn-3{position:relative;z-index:1;overflow:hidden;}
.btn-3:before {
  content: '';
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: transparent transparent transparent var(--main-color);
  position: absolute;
  bottom: -5px;
  left: -5px;
  transition:all .5s;z-index:-1;
}
.btn-3:after {
  content: '';
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: transparent var(--main-color) transparent transparent;
  position: absolute;
  top: -5px;
  right: -5px;
  transition:all .5s;z-index:-1;
}
.btn-3:hover:before {
  border-width: 300px 0 0 300px;
}
.btn-3:hover:after {
  border-width: 0 300px 300px 0;
}
.btn-3:hover>i{color:#fff;}
.btn-4{position:relative;z-index:1;overflow:hidden;}
.btn-4:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;transform:scale(0);background-color:rgba(255,255,255,0.2);transition:all 0.3s;}
.btn-4:hover:before{transform:scale(1);}


.video_icon{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:90px;height:90px;line-height:90px;text-align:center;margin:0;}
.video_icon i.iconfont{display:block;font-size:70px;width:90px;height:90px;line-height:90px;border-radius:50%;color:var(--main-color);background-color:rgba(255,255,255,0.6);}
.video_icon .play,
.video_icon .play:before,
.video_icon .play:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -ms-border-radius: 50%;
    transform: translate(-50%, -50%);
    -ms-box-shadow: 0 0 0 0 rgba(255,255,255, 0.6);
    -o-box-shadow: 0 0 0 0 rgba(255,255,255, 0.6);
    box-shadow: 0 0 0 0 rgba(255,255,255, 0.6);
    -webkit-animation: play 3s infinite;
    animation: play 3s infinite;
}

.video_icon .play:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    content: "";
    position: absolute;
}

.video_icon .play:after {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    content: "";
    position: absolute;
}

@-webkit-keyframes play {
    70% {
        box-shadow: 0 0 0 20px rgba(10, 165, 205, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(10, 165, 205, 0);
    }
}

@keyframes play {
    70% {
        box-shadow: 0 0 0 20px rgba(10, 165, 205, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(10, 165, 205, 0);
    }
}