@charset "utf-8";
@import "pure/base.css";
@import "pure/grids.css";
@import "pure/grids-responsive.css";
/* @import "pure/tables-min.css"; */
@import "../lib/owlcarousel/owl.carousel.css";
@import "../lib/videojs/video-js.min.css";
@import "animate.min.css";
@import "_fonts.css?16p1x7";
@import "_index.css?16p1x7";

/*custom reset==============================*/
*{margin:0;padding:0;border:0;outline:0;font-style:normal;vertical-align:baseline;-webkit-tap-highlight-color:rgba(255,255,255,0)}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0;padding:0}
*,:after,:before{box-sizing:border-box}
::-moz-focus-inner{border:0;padding:0}
ol,ul,li{list-style:none}
img{display:inline-block;max-width:100%}

/*response box==============================*/
/*64em=1024px 48em=768px 35.5em=568px*/
html{font-size:62.5%}
@media screen and (max-width:48em){html{font-size:56.3% !important}}
/* @media screen and (max-width:35.5em){html{font-size:50% !important}} */

/*body/font/size==============================*/
body,button,input,select,textarea,.pure-g [class*="pure-u"]{font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1}
body{padding-top:9rem;font-size:1.5rem;color:#555;overflow-x:hidden} /*padding-top同pc端head高度*/
body.light{padding:0}
@media(max-width:75em){
    body{padding-top:7rem} /*padding-top同移动端head高度*/
}
.container{position:relative;margin:0 auto;max-width:87.5%;padding:0 1.5rem}
.container-full{position:relative;margin:0 auto;padding:0 5rem;max-width:100%}
.container-min{position:relative;margin:0 auto;max-width:860px;padding:0 1.5rem}
@media(max-width:64em){
    .container{max-width:100%}
    .container-full{padding:0 1.5rem}
}
@media(max-width:48em){
    body{font-size:1.6rem}
}
.mainbox{padding:2rem 0;background:#fff}

/*scrollbar*/
::-webkit-scrollbar{width:6px;-webkit-appearance:none;-webkit-border-radius:0}
::-webkit-scrollbar-track{background:#fff;-webkit-border-radius:0}
::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:vertical{background:#c7340c;border:none;-webkit-border-radius:0}
::-webkit-scrollbar-thumb:vertical:active{background:#c7340c;border:none;-webkit-border-radius:0}

/*a link*/
a:link,a:visited{transition:.5s;-webkit-transition:.5s}
a:link,a:visited{color:#555;text-decoration:none}
a:hover,a:active{color:#c7340c}
a:focus,*:focus{outline:none}

/*font color*/
.gray,.gray a,a.gray{color:#bababa}
.gray a:link,.gray a:visited,a.gray:link,a.gray:visited{color:#bababa}
.gray a:hover,a.gray:hover{color:#bababa}

.blue,.blue a,a.blue{color:#002a80}
.blue a:link,.blue a:visited,a.blue:link,a.blue:visited{color:#002a80}
.blue a:hover,a.blue:hover{color:#555}

.red,.red a,a.red{color:#c7340c}
.red a:link,.red a:visited,a.red:link,a.red:visited{color:#c7340c}
.red a:hover,a.red:hover{color:#555}

.white,.white a,a.white{color:#fff}
.white a:link,.white a:visited,a.white:link,a.white:visited{color:#fff}
.white a:hover,a.white:hover{color:#fff}

/*form/input*/
input[type=text],input[type=password],input[type=submit],textarea,select,button,.btn{width:100%;padding:1.2rem 1rem;color:rgba(0,0,0,0.5);background:rgba(0,0,0,0.01);border:1px solid rgba(0,0,0,0.06);border-radius:4px;line-height:normal;vertical-align:middle;transition:background .3s}
input[type=text],input[type=password],input[type=submit],textarea,select,button{display:block;white-space:nowrap;box-sizing:border-box;appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;outline:none}
input[type=text],input[type=password],textarea{-moz-box-shadow:0 2px 3px 0 rgba(0,0,0,.01) inset;-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.01) inset;box-shadow:0 2px 3px 0 rgba(0,0,0,.01) inset}
textarea{min-height:8rem;line-height:1.5;white-space:normal;word-break:break-all;resize:none}
textarea:focus,input[type=text]:focus{background:rgba(0,0,0,0.05)}

.btn,input.btn{padding:1.2rem 3rem;background:rgba(0,0,0,0.04);display:inline-block;text-align:center;width:initial;text-transform:uppercase;cursor:pointer}
.btn:link,.btn:visited{color:#555}
.btn:hover,input.btn:hover{opacity:0.6}
.btn.sty1{background:#c7340c;color:#fff}
.btn.sty2{background:#002a80;color:#fff}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:rgba(0,0,0,0.2)}
input:-moz-placeholder,textarea:-moz-placeholder{color:rgba(0,0,0,0.2)}
input::-moz-placeholder,textarea::-moz-placeholder{color:rgba(0,0,0,0.2)}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:rgba(0,0,0,0.2)}

/*header==============================*/
#header{position:fixed;left:0;top:0;z-index:99;width:100%;color:#fff}
#header .header{position:relative;height:9rem;}
#header a:link,#header a:visited{color:#fff}

#header .fl{float:left;display:inline-block;height:100%;padding:1.5rem 0}
#header .logo{float:left;display:inline-block;width:28rem;height:100%;background-image:url(../images/logo_light.png);background-repeat:no-repeat;background-size:contain;background-position:left center}
#header .logo img{width:auto;height:100%}
#header .fr{float:right;height:100%;white-space:nowrap;}
#header .fr a{position:relative;float:left;display:flex;align-items:center;border:1px solid #fff;padding:0.8rem 1.6rem;border-radius:3rem;margin-left:2rem;font-size:1.8rem;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
#header .fr a::after{content:'联系我们';font-size:1.4rem;margin-left:0.5rem}
#header .fr a:hover{background:#c7340c;border:1px solid #c7340c !important;color:#fff !important}

/*dark模式,hover模式*/
.dark #header,
#header:hover{background:#fff;color:#555;border-bottom:0;box-shadow:0 0 10px rgba(0,0,0,0.08)}
.dark #header a:link,.dark #header a:visited,
#header:hover a:link,#header:hover a:visited{color:#555}
.dark #header a:hover,
#header:hover a:hover{color:#c7340c}
.dark #header .logo,
#header:hover .logo{background-image:url(../images/logo.png)}
.dark #header .fr a,
#header:hover .fr a{border:1px solid #999}

/*menu*/
#header .menu{float:left;height:100%;font-size:1.5rem;font-weight:bold}
#header .menu li{position:relative;float:left;margin-left:6rem;height:100%}
#header .menu li:first-child{margin:0}
#header .menu li::after{position:absolute;left:50%;bottom:0;height:2px;content:"";display:inline-block;width:0;background:#c7340c;opacity:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:all 500ms ease;-webkit-transition:all 500ms ease}
#header .menu li>a{position:relative;display:block;text-align:center;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
#header .menu li.active>a{color:#c7340c}
#header .menu li.active:after{width:100%;opacity:1}
@media(max-width:81.25em){/* 1300px */
    #header .menu{display:none}
}
@media(max-width:75em){
    #header{background:#fff}
    #header .header{height:7rem}
    #header a:link,#header a:visited{color:initial}
    #header .fl{padding:1rem 0}
    #header .fr,#header .menu{display:none}
    #header .logo{background-image:url(../images/logo.png)}
    #header a.language:before{display:none}
}

/* headdrop */
#header .headdrop{position:relative;display:none;padding-left:25rem;border-top:1px solid rgba(0,0,0,.1);z-index:99}
#header .headdrop .container-full{height:inherit}
#header .headdrop .container-full:after{content:'';display:block;clear:both;height:0}
#header .headdrop ul{display:-webkit-flex;display:flex;border-left:1px solid rgba(0,0,0,.04);overflow:hidden;zoom:1}
#header .headdrop ul li{border-right:1px solid #efefef}
#header .headdrop ul li.active .submenu{background:#f1f1f1}
#header .headdrop ul li>a{display:none}
#header .headdrop .submenu{height:100%;padding:1rem 0}
#header .headdrop .submenu a{position:relative;display:block;padding:1.2rem 2rem;white-space:nowrap}
#header .headdrop .submenu a::before{display:inline-block;margin-right:4px;font-size:1.2rem;content:"+";font-weight:bold}
#header .headdrop .submenu a:hover,#header .headdrop .submenu a.active{color:#c7340c}

/*menuWap*/
.menuWap{position:relative;display:none;float:right;align-items:center;height:100%}
.menuWap .language{display:flex;align-items:center;font-weight:bold;font-size:1.8rem;height:100%;}
.menuBar{position:relative;width:4rem;height:100%;cursor:pointer}
.menuBar .bar{position:absolute;top:calc(50% - 1px);right:0;width:60%;height:2px;background:#212121;display:block;border-radius:10px;transition:.5s;-webkit-transition:.5s}
.menuBar .bar:first-child{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
.menuBar .bar:last-child{-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px)}
.menuBar.active .bar{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.menuBar.active .bar:first-child{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
@media(max-width:75em){/* 1200px */
    .menuWap{display:flex;}
}

/*sidebar*/
#sidebar{position:fixed;z-index:97;opacity:0;top:0;padding-top:7rem;right:-60vw;width:60vw;height:100vh;background:#fff;transition:.3s;-webkit-transition:.3s}
#sidebar ul{padding:0 1.5rem;height:calc(100vh - 13rem);overflow-y:auto}
#sidebar li{position:relative;padding:2rem 0;border-top:1px solid rgba(0,0,0,.05)}
#sidebar li>a{display:block;font-size:1.6rem;font-weight:bold;color:#c7340c}
#sidebar .submenu{text-transform:capitalize;padding-top:1.5rem;font-size:1.6rem}
#sidebar .submenu a{display:block;padding:1.2rem 0}
#sidebar .footbar{display:flex;align-items:center;justify-content:center;height:6rem;background:#212121}
#sidebar .footbar a{display:flex;flex:1;align-items:center;justify-content:center;height:100%;color:#fff !important;border-left:1px solid rgba(255,255,255,0.1)}
#sidebar .footbar a:first-child{border:0}
#sidebar .footbar span{display:inline-block;font-size:2rem}

/*fixbar*/
#fixbar{position:fixed;right:2.5rem;bottom:2.5rem;text-align:center;text-align:center;z-index:90}
#fixbar a{position:relative;display:block;margin-top:0.5rem;background:#555;color:#fff;width:5rem;height:5rem;line-height:5rem;font-size:1.8rem;border-radius:4px;transition:.3s;-webkit-transition:.3s}
#fixbar a:hover{background:#c7340c}
#fixbar a.gotop{display:none}
#fixbar a.gotop span{animation-name:breath;-webkit-animation-name:breath;animation-duration:3s;-webkit-animation-duration:3s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite}
#fixbar a.gotop.show{display:block}
@media(max-width:48em){
    #fixbar{display:none}
}

/*Action*/
body.active{height:100vh;overflow:hidden}
body.active #sidebar{right:0;opacity:1;transition-delay:0.6s}

#mask{position:fixed;z-index:8;opacity:0;left:0;top:0;visibility:hidden;display:table;width:100vw;height:100vh;transition:.8s;background:rgba(0,0,0,1)}
#mask.show{visibility:visible;opacity:0.75;transition-delay:0.3s}
#mask.hidden{transition-delay:0.1s}

/*footer==============================*/
#footer{background:#212121;color:#fff;padding-top:2rem}
#footer a:link,#footer a:visited{color:#fff}
#footer a:hover{color:#c7340c}

#footer .footmenu h3{display:inline-block;padding:4rem 0 1rem;font-size:1.6rem}
#footer .footmenu h3::after{content:'';height:1px;background:#fff;display:block;margin-top:5px}
#footer .footmenu .submenu a{display:block;padding:0.6rem 0;line-height:1.2}

#footer .footmenu .txr{text-align:right}
#footer .footmenu .txr p{line-height:1.8}
#footer .footmenu .vmore{display:inline-block;margin-top:2rem;border-radius:4px;padding:1rem 1rem 1rem 1.5rem;border:1px solid #fff;}
#footer .footmenu .vmore:hover{background:#c7340c;border:1px solid #c7340c;color:#fff}
@media(max-width:64em){
    #footer .footmenu .txr{text-align:inherit}
}

@media(max-width:48em){
    #footer .footmenu li:first-child h3:first-child{border:0}
    #footer .footmenu .submenu{display:none;padding-bottom:2rem}
    #footer .footmenu .submenu a{display:block;padding:1rem 0}
    #footer .footmenu .submenu.active{display:block}
    #footer .footmenu .txr h3:after{background:transparent;margin:0}
    #footer .footmenu .fold h3,#footer .footmenu .txr h3{display:block;padding:2rem 0;border-top:1px solid rgba(255,255,255,0.1);pointer-events:inherit}
    #footer .footmenu .fold h3:after{float:right;content:"+";display:inline-block;background:transparent;margin:0}
    #footer .footmenu .fold h3:before{float:right;content:"-";display:none}
    #footer .footmenu .fold h3.active{color:#c7340c}
    #footer .footmenu .fold h3.active:after{display:none}
    #footer .footmenu .fold h3.active:before{display:block}
}

#copyright{margin-top:5rem;padding:3rem 0;color:rgba(255,255,255,0.5);border-top:1px solid rgba(255,255,255,0.1);line-height:1.8}
#copyright em{display:inline-block;margin:0 3px}
#copyright a{color:inherit !important}

/*内页 左右结构==============================*/
.page-LRpanl .LRpanl{min-height:50rem;padding:3rem 0;overflow:hidden;zoom:1}
.page-LRpanl .Lpanl{float:left;width:25%}
.page-LRpanl .Rpanl{float:right;width:70%}
.page-LRpanl .Rpanl .content{padding-bottom:2rem}

.page-LRpanl .Lpanl h5{display:block;font-size:2rem;font-family:'SYHT-Bold';height:4rem}
.page-LRpanl .Lpanl .subtree{border:1px solid #efefef;border-top:3px solid #c7340c}
.page-LRpanl .Lpanl .subtree a{display:block;padding:1.5rem;border-top:1px solid #efefef}
.page-LRpanl .Lpanl .subtree a::before{display:inline-block;margin-right:4px;font-size:1.2rem;content:"+"}
.page-LRpanl .Lpanl .subtree a:first-child{border:0}
.page-LRpanl .Lpanl .subtree a:hover,.page-LRpanl .Lpanl .subtree a.active{background:#f1f1f1}
@media(max-width:64em){
    .page-LRpanl .Lpanl{display:none}
    .page-LRpanl .Rpanl{width:100%}
}

.page-LRpanl .list_info li .inner{border-radius:0;padding:2rem 0 2rem 10rem;border-bottom:1px solid #efefef}
.page-LRpanl .list_info li:first-child .inner{padding-top:0}
.page-LRpanl .list_info label{width:7rem;margin-left:-10rem;text-align:left;}
.page-LRpanl .list_info li:hover .inner{box-shadow:none;border-bottom:1px solid #c7340c}

/*内页 profile==============================*/
.page-profile .section-about{padding-top:4rem;}
.page-profile .item1{margin:0 -1.5rem}
.page-profile .item1>[class*="pure-u"]{padding:0 1.5rem;overflow:hidden}
.page-profile .item1 .sitem{padding-top:3rem;}
.page-profile .item1 .sitem:first-child{padding-top:0}
.page-profile .item1 .desc{line-height:1.8}
.page-profile .item1 .desc p{text-align:justify;padding-top:1.5rem}
.page-profile .item1 .desc p:first-of-type{padding-top:0}
.page-profile .item1 h2{display:block;font-size:3.6rem;font-weight:bold;padding-bottom:3rem;line-height:1}
.page-profile .item1 h3{display:block;font-size:2.6rem;padding-bottom:2rem;line-height:1.4}
@media(max-width:64em){
    .page-profile .item1 h2{font-size:2.6rem;padding-bottom:2rem}
    .page-profile .item1 h3{font-size:2.4rem}
    .page-profile .item1 .sitem:first-child{padding-top:2rem;}
    .page-profile .item1 .poster{min-height:35rem}
}

.page-profile .item1 .subitem li{display:flex;line-height:1.4;padding-top:1.2rem}
.page-profile .item1 .subitem li:first-child{padding:0}
.page-profile .item1 .subitem li span{position:relative;height:2.4rem;white-space:nowrap;margin-right:2rem;}
.page-profile .item1 .subitem li span::before{position:absolute;bottom:0;content:'';width:100%;height:3px;overflow:hidden;border-top:1px solid #555;border-bottom:1px solid #555}
@media(max-width:35.5em){
    .page-profile .section-about{padding-top:2rem}
    .page-profile .item1 .wap{margin-top:4rem}
}

/*page-profile item2*/
.page-profile .item2{padding:5rem 0;margin:0 -1.5rem}
.page-profile .item2 li{padding:0 1.5rem;margin:1.5rem 0;font-weight:bold;border-left:1px solid #efefef;text-align:Center}
.page-profile .item2 li:first-child{border:0}
.page-profile .item2 span{display:flex;align-items:center;justify-content:center;}
.page-profile .item2 span em{font-family:'FuturaLT';font-size:5rem;margin-right:0.5rem;color:#c7340c}
.page-profile .item2 summary{display:block;margin-top:0.5rem}
@media(max-width:80em){
    .page-profile .item2 span em{font-size:3rem}
}
@media(max-width:48em){
    .page-profile .item2{padding:3rem 0}
    .page-profile .item2 li{text-align:left}
    .page-profile .item2 li:nth-child(3n+1){border:0}
    .page-profile .item2 span{justify-content:flex-start}
}

/*page-profile slide-gallery*/
.page-profile .list_gallery{margin:0}
.page-profile .list_gallery li{padding:0}
.page-profile .list_gallery .owl-nav button{width:5rem;height:5rem;line-height:5rem;text-align:center;border-radius:50%;background:#fff;color:#212121;box-shadow: 0 10px 35px 0 rgba(0,0,0,.1);transition:.5s;-webkit-transition:.5s}
.page-profile .list_gallery .owl-nav button:hover{opacity:1;background:#c7340c;color:#fff}
.page-profile .list_gallery .owl-nav button.owl-prev{left:-2.5rem}
.page-profile .list_gallery .owl-nav button.owl-next{right:-2.5rem}

/*page-profile item3*/
.page-profile .section-honor{padding:5rem 0}
.page-profile .item3{border-radius:1rem;overflow:hidden}
.page-profile .item3 .poster{min-height:50rem;border-radius:0}
.page-profile .item3 .inner{height:100%;padding:3rem;background:#f1f1f1}

.page-profile .item3 h2{display:block;font-size:3.6rem;font-weight:bold;padding-bottom:2rem;line-height:1}
.page-profile .item3 .desc{line-height:1.8}
.page-profile .item3 .desc .tip{color:#c7340c}
.page-profile .item3 .list_ryitem{margin-top:2rem;overflow:hidden;zoom:1}
.page-profile .item3 .list_ryitem a{display:block;padding:0.5rem 0 0.5rem 1.5rem;line-height:1.4}
.page-profile .item3 .list_ryitem a::before{float:left;display:inline-block;margin:2px 0 0 -1.5rem;font-size:1.2rem;font-family:'iconfont';content:'\e6002'}
@media(max-width:64em){
    .page-profile .item3 [class*="pure-u"]:first-child{display:none}
}
@media(max-width:48em){
    .page-profile .item3 .inner{padding:3rem 2rem}
    .page-profile .item3 h2{font-size:2.8rem}
}

/*内页 service==============================*/
.page-service-cover,.page-service-list{background:#f1f1f1;}
.page-service-cover .banner{position:relative;min-height:50vh;text-align:inherit;}
.page-service-cover .banner .aly{color:#fff;width:100%;padding-top:7rem}
.page-service-cover .banner h2,.page-service-cover .banner h3,.page-service-cover .banner summary{position:relative;display:block;transition:all .3s ease}
.page-service-cover .banner h2{font-size:5rem;line-height:1.2;text-transform:uppercase;font-family:'FuturaLT';}
.page-service-cover .banner h3{font-family:'SYHT-Bold';font-size:4rem;line-height:1.4}
.page-service-cover .banner summary{font-family:'SYHT-Medium';display:inline-block;margin-top:0.5rem;font-size:1.6rem;line-height:1.6}
@media(max-width:48em){
    .page-service-cover .banner h2{font-size:3.5rem}
    .page-service-cover .banner h3{font-size:3rem}
}

.page-service-cover .subnav .all{color:#c7340c}
.page-service-cover .subnav .all::before{display:inline-block;font-family:'iconfont';content:'\e601';margin-right:0.5rem;}
.page-service-cover .list_product li .conbox summary{-webkit-line-clamp:3;line-clamp:3;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}

/*内页 news==============================*/
.page-news-cover,.page-news-list{background:#f1f1f1;}
.page-news-cover .tbar .anbtn{background:#fff;}
.page-news-cover .list_newsTop .owl-nav button{width:2.5rem;height:4rem;line-height:4rem;text-align:center;background:#fff;color:#212121;box-shadow:0 10px 35px 0 rgba(0,0,0,.1);transition:.5s;-webkit-transition:.5s}
.page-news-cover .list_newsTop .owl-nav button:hover{opacity:1;background:#c7340c;color:#fff}
.page-news-cover .list_newsTop .owl-nav button.owl-prev{left:0;border-radius:0 3rem 3rem 0}
.page-news-cover .list_newsTop .owl-nav button.owl-next{right:0;border-radius:3rem 0 0 3rem}

.page-news-cover .newspanl{margin:0 -5px}
.page-news-cover .newspanl [class*="pure-u"]{padding:5px}
.page-news-cover .list_info{padding-bottom:3rem}

/*内页 sustainability==============================*/
.page-sustainability-cover .pure-g{margin:0 -5px;padding:2rem 0 5rem}
.page-sustainability-cover .pure-g [class*="pure-u"]{padding:5px}

.page-sustainability-cover .poster .inner::after{display:inline-block;margin-top:1.5rem;border:1px solid #fff;color:#fff;font-weight:bold;padding:1rem 3rem;border-radius:3rem;font-family:'AvertaCY';content:'View More';text-transform:uppercase;transition:.3s;-webkit-transition:.3s}
.page-sustainability-cover .poster:hover .inner::after{background:#c7340c;border:1px solid #c7340c}
@media(max-width:48em){
    .page-sustainability-cover .poster .inner::after{display:none}
}

/*内页 support==============================*/
.page-support-cover,.page-support-list{background:#f1f1f1;}
.page-support-cover .banner{position:relative;min-height:50vh;text-align:inherit;}
.page-support-cover .banner .aly{color:#fff;width:100%;padding-top:7rem}
.page-support-cover .banner h2{font-size:5.8rem;line-height:1.2;text-transform:uppercase;font-family:'FuturaLT';}
.page-support-cover .banner h3{font-family:'SYHT-Bold';font-size:4.8rem;line-height:1.4}
.page-support-cover .banner summary{font-family:'SYHT-Medium';display:inline-block;font-size:2rem;line-height:1.4}
@media(max-width:48em){
    .page-support-cover .banner h2{font-size:3.5rem}
    .page-support-cover .banner h3{font-size:3rem}
    .page-support-cover .banner summary{font-size:1.8rem}
}

.page-support-cover .section{position:relative;padding-bottom:5rem;background:url('../images/bg_full_mask_earthmap.jpg') no-repeat center;background-size:100%}
.page-support-cover .meta{padding:4rem 0;text-align:center}
.page-support-cover .meta i{display:block;font-size:7rem;height:8.5rem}
.page-support-cover .meta span{display:block;margin:0 auto;font-family:'SYHT-Bold';font-size:2rem;line-height:1.4}
@media(max-width:64em){
    .page-support-cover .meta i{font-size:5rem;height:6.5rem}
    .page-support-cover .meta span{font-size:1.8rem}
}
@media(max-width:48em){
    .page-support-cover .meta{padding:3rem 0}
    .page-support-cover .meta i{font-size:3.5rem;height:4.5rem}
    .page-support-cover .meta span{width:8rem;font-size:1.4rem}
}

.page-support-cover .main{margin:0 -1.5rem}
.page-support-cover .main [class*="pure-u"]{padding:1.5rem}

.page-support-cover .hotline{position: relative;}
.page-support-cover .hotline img{display:block;width:100%}
.page-support-cover .hotline .inner{z-index:1;padding:2rem 0 6rem 2rem;color:#fff}
.page-support-cover .hotline .inner strong{font-family:'AvertaCY';font-size:3.6rem;text-transform:uppercase;}
.page-support-cover .hotline .inner .item{padding-top:1.5rem}
.page-support-cover .hotline .inner .item:first-of-type::after{display:block;margin-top:1.5rem;content:'';width:5rem;height:1px;overflow:hidden;background:#fff}
.page-support-cover .hotline .inner .item p{font-family:'SYHT-Medium';}
.page-support-cover .hotline .inner .item span{display:block;margin-top:5px;font-size:2rem}
@media(max-width:80em){
    .page-support-cover .hotline .inner strong{font-size:2.4rem}
    .page-support-cover .hotline .inner .item span{font-size:1.6rem}
}
@media(max-width:48em){
    .page-support-cover .hotline .inner strong{font-size:3.6rem}
}

.page-support-cover .itemlist li{padding:2rem;margin-bottom:1px;background:#fff;border-radius:1rem;transition:.3s;-webkit-transition:.3s}
.page-support-cover .itemlist .inner{position:relative;display:block;padding-left:11rem;overflow:hiden;zoom:1}
.page-support-cover .itemlist h4{float:left;margin-left:-11rem;display:block;width:8rem;font-family:'SYHT-Bold';font-size:1.6rem;line-height:1.4}
.page-support-cover .itemlist summary{display:block;line-height:1.6;padding-left:3rem;border-left:1px solid #efefef}
.page-support-cover .itemlist .vmore{opacity:0.3;display:block;width:100%;margin-top:1rem;transition:.3s;-webkit-transition:.3s}
.page-support-cover .itemlist li:hover{box-shadow:0 -10px 10px 0 rgba(0,0,0,.1);}
.page-support-cover .itemlist li:hover summary{color:#555}
.page-support-cover .itemlist li:hover .vmore{opacity:1}



/*组件==============================*/
/*tbar*/
.tbar.fgArea{padding:4rem 0}
.tbar h4{font-size:4rem;font-family:'SYHT-Bold'}
.tbar h5{display:block;font-weight:bold;font-size:1.6rem;;font-family:'AvertaCY';text-transform:capitalize;margin-top:0.5rem}
.tbar .anbtn{float:right;background:#f1f1f1;padding:1.5rem 2rem}
.tbar .anbtn span::before{content:"\e601"}
.tbar summary{display:block;width:50%;padding-top:1rem;line-height:1.6;text-align:justify}
@media(max-width:48em){
    .tbar.fgArea{padding:3rem 0}
    .tbar h4{font-size:2.6rem}
    .tbar summary{width:100%}
    .tbar .anbtn{display:none}
}
.tbar.center{text-align:center}
.tbar.center summary{margin:0 auto;}

/*vmore*/
.vmore{position:relative;display:inline-block;padding-right:4px;vertical-align:middle;line-height:1;text-transform:uppercase;overflow:hidden}
.vmore::after{position:relative;right:0;display:inline-block;margin-left:0.3rem;font-family:"iconfont" !important;content:"\e602";transition:.5s;-webkit-transition:.5s}
.vmore:hover::after{right:-4px}

/*anbtn*/
.anbtn{position:relative;display:block;text-align:center;padding:2rem;background:rgba(255,255,255,0.7);border-radius:4px;overflow:hidden}
.anbtn span{position:relative;z-index:2;transition:.5s;-webkit-transition:.5s}
.anbtn:hover span{color:#fff}
.anbtn span::before{position:relative;z-index:2;margin-right:0.8rem;font-family:"iconfont" !important}
.anbtn::after{background:#c7340c;display:block;position:absolute;z-index:1;left:0;top:0;bottom:0;width:100%;height:100%;content:"";transition:all .4s cubic-bezier(0.4,0.8,0.74,1);}
.anbtn::after{transform:scaleX(0);transform-origin:0 0} /*x轴*/
.anbtn:hover::after{transform:scaleX(1);transform-origin:0 100%}
.anbtn.any::after{transform:scaleY(0);transform-origin:bottom center} /*y轴*/
.anbtn.any:hover::after{transform:scaleY(1)}

/*banner*/
.banner{position:relative;color:#fff;text-align:center;background-repeat:no-repeat;background-position:center;background-size:cover}
.banner:after{content:'';display:block;clear:both;height:0}
.banner::before{position:absolute;z-index:0;top:0;left:0;display:block;content:'';width:100%;height:100%;background:rgba(0,0,0,.35)}
.banner.mask::before{background:rgba(0,42,128,1);background-image:linear-gradient(30deg,rgba(0,42,128,1) 60%,rgba(59,0,157,1) 100%)}
.banner .inner{padding:5rem 0}
.banner .inner h1{display:block;font-family:'SYHT-Bold';font-size:2.4rem;text-transform:capitalize}
.banner .inner h2{display:block;font-family:'SYHT-Medium';font-size:3rem;text-transform:capitalize}
.banner .inner summary{display:block;width:60%;margin:0 auto;line-height:1.7;padding-top:1rem}
.banner .inner summary p{padding-top:1rem}
@media(max-width:64em){
    .banner .inner h2{font-size:2.2rem}
    .banner .inner em{font-size:1.4rem}
    .banner .inner summary{width:100%}
}

/*子菜单*/
.subnav{height:6rem;line-height:6rem;display:flex;white-space:nowrap;font-family:'SYHT-Medium'}
.subnav a{position:relative;float:left;display:inline-block;margin-left:3.5rem}
.subnav a:first-child{margin:0}
.subnav a::after{display:block;opacity:0;position:absolute;bottom:-1px;width:0;height:2px;background:#c7340c;content:"";transition:.3s;-webkit-transition:.3}
.subnav a:hover,.subnav a.active{color:#c7340c !important}
.subnav a:hover::after,.subnav a.active::after{width:100%;opacity:1}

.subnav-fixed{background:#fff;width:100%;border-bottom:1px solid #f1f1f1}
.subnav-fixed.fixed{position:fixed;left:0;right:0;bottom:0;z-index:7;bottom:auto;top:9rem;transition:.3s;-webkit-transition:.3s}
@media(max-width:75em){
    .subnav-fixed.fixed{top:7rem}
}

.subnav_dropmenu{display:none;height:6rem;line-height:6rem}
.subnav_dropmenu::before{float:right;display:inline-block;font-family:'iconfont';content:"\e603";font-weight:bold;transition:.3s;-webkit-transition:.3}
.subnav_dropmenu.active::before{transform:rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform:rotate(180deg);}
.subnav_dropmenu strong{float:left;display:block;height:6rem;font-size:1.6rem}

.subnav_wap{width:100%;height:0;opacity:0;overflow:hidden;transition:.3s;-webkit-transition:.3s}
.subnav_wap a{display:block;padding:2.2rem 0;border-top:1px solid rgba(0,0,0,.04)}
.subnav_wap.active{height:auto;opacity:1}
@media(max-width:64em){
    .subnav{display:none}
    .subnav_dropmenu{display:block}
}

/*breadcrumb*/
.breadcrumb{text-transform:capitalize;height:4rem;overflow:hidden;zoom:1}
.breadcrumb a{float:left;display:inline-block;opacity:0.5;}
.breadcrumb a:hover{opacity:1}
.breadcrumb a::before{float:left;display:inline-block;content:"\e6002";font-family:'iconfont';margin:0 1rem;font-weight:normal}
.breadcrumb a:first-child{font-weight:bold;text-transform:uppercase;font-family:'AvertaCY';}
.breadcrumb a:first-child::before{display:none}
@media(max-width:64em){
    .breadcrumb{display:none}
}

/*poster*/
.poster{position:relative;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center bottom;border-radius:1rem;background-size:cover;overflow:hidden}
.poster.fixed{background-attachment:fixed}
.poster span.video{display:block;text-align:center;color:#fff;transition:all .3s;}
.poster span.video i{display:block;font-size:4.5rem;padding-bottom:1rem}
.poster .inner{position:relative;z-index:2;margin:0 auto;width:60%;padding:10rem 0;text-align:center;color:#fff;}
.poster .inner h2{display:block;font-size:3.6rem;line-height:1.4}
.poster .inner h3{display:block;font-size:2.8rem;line-height:1.4}
.poster .inner h4{display:block;font-size:2.6rem;line-height:1.4}
.poster .inner h5{display:block;font-size:1.8rem;padding-top:1rem;text-transform:capitalize;line-height:1.2}
.poster .inner summary{padding-top:1rem;line-height:1.6}

@media(max-width:80em){
    .poster .inner{width:70%}
}
@media(max-width:64em){
    .poster .inner{width:90%;padding:6rem 0}
    .poster .inner h2{font-size:2.8rem}
    .poster .inner h3{font-size:2rem}
}

.poster.desc .inner{width:70%}
.poster.desc p{padding-top:0.5rem}
.poster.desc p:first-of-type{padding-top:0}
@media(max-width:80em){
    .poster.desc .inner{width:90%}
}

.poster.mask::after{position:absolute;z-index:1;left:0;bottom:0;width:100%;height:100%;content:'';background:rgba(0,0,0,.5);transition:all .3s;}
.poster.mask.hover:hover::after{opacity:0.5;}
.poster.thumb .thumb{display:block;transition:.3s;-webkit-transition:.3s}
.poster.thumb .thumb img{display:block;width:100%}
.poster.thumb .thumb::before{position:absolute;z-index:1;left:0;bottom:0;width:100%;height:100%;content:'';background:rgba(0,0,0,.5);transition:all .3s;}
.poster.thumb::after{display:none}
.poster.thumb.hover:hover .thumb{-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.poster.thumb .inner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}

.poster.LB{display:flex;align-items:flex-end;}
.poster.LB .inner{width:100%;text-align:inherit;padding:10rem 3rem 5rem}

/*list_series*/
.list_series{margin:1.5rem -5px}
.list_series li{padding:5px}
.list_series li .inner{position:relative;display:block;overflow:hidden;border-radius:1rem}
.list_series li .thumb{position:relative;display:block;overflow:hidden}
.list_series li .thumb::before{position:absolute;z-index:1;content:'';width:100%;height:100%;background:rgba(0,0,0,.5)}
.list_series li .thumb img{display:block;width:100%;transition:.3s;-webkit-transition:.3s}
.list_series li .conbox{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;color:#fff;padding:0 2rem;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:perspective(0) rotateY(0) translateZ(0);transition:all .3s}
.list_series li .conbox i{font-size:5rem;height:7rem}
.list_series li .conbox h2{display:block;font-family:'SYHT-Medium';font-size:3rem;white-space:nowrap}
.list_series li .conbox summary{line-height:1.6;text-align:justify;text-align:center;padding:1rem 5rem}
.list_series li .conbox summary{-webkit-line-clamp:2;line-clamp:2;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.list_series li .conbox::after{display:block;content:'VIEW';border:1px solid #fff;padding:1rem 3rem;border-radius:3rem;font-size:1.2rem;font-weight:bold;font-family:'AvertaCY';text-transform:uppercase;transition:all .3s}

.list_series li .inner:hover .thumb img{-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.list_series li .inner:hover .conbox{top:-1rem}
.list_series li .inner:hover .conbox::after{background:#fff;color:#222}

@media(max-width:80em){
    .list_series li .conbox h2{font-size:2.4rem}
    .list_series li .conbox summary{padding:1rem 4rem}
}

/*list_product*/
.list_product{margin:0 -5px;padding:1.5rem 0}
.list_product li{padding:5px}
.list_product li .inner{position:relative;display:block;overflow:hidden;background:#fff;border-radius:1rem;border:1px solid rgba(0,0,0,.08);}
.list_product li .inner em{position:absolute;z-index:1;top:1.5rem;left:1.5rem;font-weight:bold;display:inline-block;padding:0.5rem 1rem;border:1px solid #f1f1f1;border-radius:3rem;font-family:'AvertaCY';content:'+ 产品系列';background:#fff;color:rgba(0,0,0,0.6);font-size:1.2rem;transition:all .3s}

.list_product li .thumb{position:relative;display:block;overflow:hidden}
.list_product li .thumb img{display:block;width:100%;transition:.3s;-webkit-transition:.3s}
.list_product li .conbox{position:relative;z-index:1;display:block;padding:1.5rem 2rem 6rem;transform:perspective(0) rotateY(0) translateZ(0);transition:all .3s;}
.list_product li .conbox h2{display:block;font-family:'SYHT-Bold';font-size:1.8rem;line-height:1.4}
.list_product li .conbox em{font-size:1.2rem;display:inline-block;background-color:rgba(0,0,0,.1);color:#fff;padding:0.5rem 1.5rem;border-radius:3rem;margin-top:1rem;transition:all .3s}
.list_product li .conbox summary{padding-top:1rem;line-height:1.6;text-align:justify;color:#555;}
.list_product li .conbox::after{position:absolute;z-index:1;bottom:2rem;right:2rem;content:'+ VIEW';font-size:1.2rem;color:#ccc;font-weight:bold;font-family:'AvertaCY';text-transform:uppercase;transition:all .3s}

.list_product li .inner:hover{box-shadow:0 0 10px 0 rgba(0,0,0,0.05);}
.list_product li .inner:hover .thumb img{-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.list_product li .inner:hover .conbox{margin-top:-1rem}
.list_product li .inner:hover .conbox em{opacity:1;color:#fff;background:#c7340c}
.list_product li .inner:hover .conbox::after{color:#c7340c}

/*.list_gallery*/
.list_gallery{margin:0 -10px}
.list_gallery li{padding:0 10px 20px}
.list_gallery li .inner{position:relative;display:block;background:#efefef;text-align:center;border-radius:1rem;overflow:hidden;zoom:1}
.list_gallery li .inner h4{padding:2rem;text-align:Center}
.list_gallery li .imgbox{position:relative;display:block;overflow:hidden}
.list_gallery li .imgbox::before{position:absolute;z-index:1;display:block;content:'';background:rgba(0,0,0,0);width:100%;height:100%;transition:.4s;-webkit-transition:.4s}
.list_gallery li .imgbox::after{position:absolute;z-index:2;top:0;left:0;display:block;border-radius:0 0 3rem;width:5rem;height:5rem;line-height:5rem;font-size:2rem;text-align:center;background:rgba(0,0,0,.1);color:#fff;font-family:'iconfont';content:'\e628';opacity:0;transition:.4s;-webkit-transition:.4s}
.list_gallery li .imgbox img{display:block;width:100%;transition:all .3s;}

.list_gallery li:hover .imgbox::before{background:rgba(0,0,0,0.1)}
.list_gallery li:hover .imgbox::after{opacity:1;}
.list_gallery li:hover img{-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}

/*list_newsTop*/
.list_newsTop .inner{position:relative;border-radius:1rem;overflow:hidden;}
.list_newsTop .inner::before{position:absolute;z-index:2;left:0;bottom:0;width:100%;height:100%;content:'';background:rgba(0,0,0,.3);transition:all .3s;}
.list_newsTop .thumb{position:relative;display:block;overflow:hidden}
.list_newsTop .thumb img{display:block;width:100%;transition:.3s;-webkit-transition:.3s}
.list_newsTop .conbox{position:absolute;z-index:2;left:0;bottom:0;width:80%;display:block;padding:2rem;color:#fff;transition:.3s;-webkit-transition:.3s}
.list_newsTop .conbox h4{display:block;font-family:'SYHT-Medium';font-size:2.6rem;line-height:1.4;width:80%;margin-top:0.5rem}
.list_newsTop .conbox h4 i{display:inline-block;margin-left:0.5rem;color:#c7340c;font-size:1.2rem;font-weight:bold;text-transform:uppercase;}
.list_newsTop .conbox h4 i{animation-name:breath;-webkit-animation-name:breath;animation-duration:2s;-webkit-animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite}
.list_newsTop .conbox summary{display:block;line-height:1.6;margin-top:1.5rem}
.list_newsTop .conbox::after{position:absolute;bottom:-3rem;opacity:0;display:inline-block;padding:1.5rem 2.5rem;background:#c7340c;font-size:1.2rem;color:#fff;content:'查看详情';text-transform:uppercase;transition:.3s;-webkit-transition:.3s}

.list_newsTop .inner:hover::before{background:rgba(0,0,0,.1)}
.list_newsTop .inner:hover .thumb img{-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.list_newsTop .inner:hover .conbox{bottom:6rem}
.list_newsTop .inner:hover .conbox::after{opacity:1}
@media(max-width:64em){
    .list_newsTop .conbox{width:100%;}
    .list_newsTop .conbox h4{font-size:1.8rem;width:100%;}
    .list_newsTop .conbox h4{overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
    .list_newsTop .conbox summary{-webkit-line-clamp:2;line-clamp:2;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
}

/*list_news*/
.list_news li{position:relative;padding:2rem;border-bottom:1px solid #efefef;background:#fff;border-radius:1rem;transition:.3s;-webkit-transition:.3s}
.list_news em{display:block;font-family:'AvertaCY';font-weight:400;color:#bababa}
.list_news h4{display:block;font-family:'SYHT-Medium';font-size:1.8rem;line-height:1.4;margin-top:0.5rem;transition:.3s;-webkit-transition:.3s}
.list_news h4 i{display:inline-block;margin-left:0.5rem;color:#c7340c;font-size:1.2rem;font-weight:bold;text-transform:uppercase;}
.list_news h4 i{animation-name:breath;-webkit-animation-name:breath;animation-duration:2s;-webkit-animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite}
.list_news summary{display:block;line-height:1.6;margin-top:1rem}
.list_news summary{-webkit-line-clamp:3;line-clamp:3;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.list_news .vmore{opacity:0.3;display:block;width:100%;text-align:right;margin-top:1.5rem;transition:.3s;-webkit-transition:.3s}
.list_news li:hover{box-shadow:0 -10px 10px 0 rgba(0,0,0,.1);}
.list_news li:hover h4{color:#c7340c}
.list_news li:hover summary{color:initial}
.list_news li:hover .vmore{opacity:1;color:#c7340c}

/*list_tnews*/
.list_tnews{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.2)}
.list_tnews li{position:relative;display:block;padding-bottom:0.5rem;line-height:1.5;overflow:hidden;zoom:1}
.list_tnews li em{float:left;display:inline-block;margin-right:1rem;font-family:'AvertaCY';color:#fff}
.list_tnews li a{color:#fff;transition:.3s;-webkit-transition:.3s}
.list_tnews li a i{display:inline-block;margin-left:0.5rem;color:#c7340c;font-size:1.2rem;font-weight:bold;text-transform:uppercase;}
.list_tnews li a i{animation-name:breath;-webkit-animation-name:breath;animation-duration:2s;-webkit-animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite}
.list_tnews li:hover a{opacity:0.6;}

/*list_info*/
.list_info{margin:0 -5px}
.list_info li{padding:5px}
.list_info li .inner{background:#fff;border-radius:1rem;padding:2rem 2rem 2rem 11rem;transition:.3s;-webkit-transition:.3s}
.list_info label{float:left;width:8rem;margin-left:-10rem;text-align:center;font-family:'FuturaLT';border-right:1px solid #efefef}
.list_info label em{display:block;font-family:'HelveticaLT67Medium';font-weight:400;font-size:3rem;padding-bottom:5px}
.list_info h4{display:block;font-family:'SYHT-Medium';font-size:1.8rem;line-height:1.4;color:#212121;transition:.3s;-webkit-transition:.3s}
.list_info h4 i{display:inline-block;margin-left:0.5rem;color:#c7340c;font-size:1.2rem;font-weight:bold;text-transform:uppercase;}
.list_info h4 i{animation-name:breath;-webkit-animation-name:breath;animation-duration:2s;-webkit-animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite}
.list_info summary{display:block;line-height:1.6;margin-top:1rem;color:#555}
.list_info summary{-webkit-line-clamp:3;line-clamp:3;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.list_info .vmore{opacity:0.3;display:block;width:100%;text-align:right;margin-top:1rem;transition:.3s;-webkit-transition:.3s}
.list_info li:hover .inner{box-shadow:0 -10px 10px 0 rgba(0,0,0,.1);}
.list_info li:hover h4{color:#c7340c}
.list_info li:hover .vmore{opacity:1;color:#c7340c}

/*list_support*/
.list_support .inner{display:block;padding:2rem 0 2rem 3rem;border-top:1px solid #efefef;transition:.3s;-webkit-transition:.3s}
.list_support .inner::before{float:left;margin-left:-3rem;display:inline-block;font-size:1.8rem;margin-top:3px;font-family:'iconfont';content:'\e614'}
.list_support h4{display:block;font-family:'SYHT-Bold';font-size:1.8rem;line-height:1.4;color:#212121;transition:.3s;-webkit-transition:.3s}
.list_support summary{display:block;line-height:1.6;margin-top:0.5rem;color:#555}
.list_support li:hover h4{color:#c7340c}

/*list_contact*/
.list_contact dl{display:flex;padding:1.5rem 0;border-bottom:1px dashed rgba(0,0,0,.1)}
.list_contact dl:first-child{padding-top:0}
.list_contact dl dt{width:10rem;margin-right:2rem;font-weight:bold;border-right:1px solid rgba(0,0,0,.1)}
.list_contact dl dd{flex:1}
.list_contact dl dt::before{display:inline-block;font-family:"iconfont";margin-right:1rem;color:#bababa;font-weight:normal}
.list_contact dl dt.company::before{content:"\e606"}
.list_contact dl dt.address::before{content:"\e8ff"}
.list_contact dl dt.phone::before{content:"\e680"}
.list_contact dl dt.email::before{content:"\e62c"}
.list_contact dl dt.hotline::before{content:"\e616"}
.list_contact dl dt.mobile::before{content:"\e609"}
.list_contact dl dt.wx::before{content:"\e63f"}
.list_contact dl dt.msg::before{content:"\e681"}

.list_qrcode{display:flex;}
.list_qrcode li{margin-left:1rem;border:1px solid rgba(0,0,0,.1);border-radius:6px;padding:1rem;text-align:center}
.list_qrcode li img{display:block;width:11rem}
.list_qrcode li h5{display:block;padding-top:1rem;line-height:1.5}
.list_qrcode li:first-child{margin:0}

/*slide*/
.owl-dots{position:relative;z-index:2;display:inline-block;padding:2rem 0;left:50%;text-align:center;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.owl-dots button.owl-dot{float:left;display:inline-block;width:1rem;height:1rem;margin:0 2px;border-radius:50%;border:1px solid #fff;background:rgba(0,0,0,.1);cursor:pointer;transition:.5s;-webkit-transition:.5s}
.owl-dots button.owl-dot.active{background:#c7340c}
.owl-nav{position:absolute;z-index:1;top:calc(50% - 6rem);width:100%;color:#fff;text-align:center;cursor:pointer}
.owl-nav button{width:4rem;height:4rem;line-height:4rem;position:absolute;margin:0;transition:.5s;-webkit-transition:.5s}
.owl-nav button span{font-size:3rem;font-family:sans-serif}
.owl-nav button.owl-prev{left:1rem;text-align:left}
.owl-nav button.owl-next{right:1rem;text-align:right}
.owl-nav button:hover{opacity:0.5}
.owl-nav button.disabled{display:none}

/*pages*/
#pages{text-align:center;font-family:Tahoma;font-weight:bold;padding:3rem 0}
#pages.hide{display:none}

/*使用自加载，隐藏物理分页*/
#pages-status{display:none;padding:2rem 0;text-align:center;opacity:0.2;font-weight:bold}
#pages .pages{position:relative;display:inline-block;overflow:hidden;zoom:1}
#pages a,#pages span{float:left;display:inline-block;color:rgba(0,0,0,.2);border:1px solid rgba(0,0,0,.05);border-right:0;padding:0 1.5rem;height:3rem;line-height:3rem}
#pages .prev{border-radius:4px 0 0 4px}
#pages .next{border-radius:0 4px 4px 0;border-right:1px solid rgba(0,0,0,.05)}
#pages .prev,#pages .next{background:rgba(0,0,0,.03)}
#pages .prev:after,#pages .next:after{font-size:1.2rem;font-family:"iconfont"}
#pages .prev:after{content:"\e6003"}
#pages .next:after{content:"\e6002"}
#pages span:after{color:rgba(0,0,0,.1)}
#pages .active{background:#c7340c;color:#fff}

/*formpanl*/
.formpanl .Validform_error{border:1px solid #c7340c}
.formpanl li{position:relative;padding:0.5rem 0;line-height:1.3}
.formpanl dt{display:block;position:relative;padding:0.25rem 0;min-height:2.5rem}
.formpanl dt.must::after{content:'*';display:inline-block;color:#c7340c;margin-left:0.25rem;font-family:'Tahoma'}
.formpanl label.checkbox{display:inline-block;height:3rem;line-height:1.5;padding-left:4rem}
.formpanl label.checkbox input{position:absolute;opacity:0;z-index:-1}
.formpanl label.checkbox span{float:left;display:inline-block;margin-left:-4rem;border-radius:4px;margin-right:5px;width:3rem;height:3rem;line-height:3rem;text-align:center;background:rgba(0,0,0,0.01);border:1px solid rgba(0,0,0,0.06);background-size:80%}
.formpanl label.checkbox span{-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05) inset;-moz-box-shadow:0 1px 1px rgba(0,0,0,.05) inset;box-shadow:0 1px 1px rgba(0,0,0,.05) inset}
.formpanl label.checkbox input:checked+span::before,.formpanl label.checkbox.active span::before{font-family:"iconfont";color:#c7340c;content:"\e604";}
.formpanl label.checkbox input.Validform_error+span{border:1px solid #c7340c}
.formpanl .pure-g{margin:0 -0.5rem}
.formpanl .pure-g>[class*="pure-u"]{padding:0.5rem}

/*tablelist*/
.tablelist{width:100%;border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #efefef}
.tablelist tr td,.tablelist tr th{text-align:left;padding:0.8rem 0.5rem;line-height:1.4;vertical-align:middle}
.tablelist tr td{border-left:1px solid #efefef;border-bottom:1px solid #efefef;}
.tablelist tr th{border-left:1px solid #fff;border-bottom:1px solid #fff;}
.tablelist td:first-child,.tablelist th:first-child{border-left-width:0}
.tablelist tr th{padding:1rem;background:#efefef}

/*content 内容box*/
.content{position:relative;line-height:1.6}
.content a{color:#c7340c !important;text-decoration:underline !important}
.content p:first-of-type{padding:0}
.content h2{display:block;font-size:1.8rem;font-family:'SYHT-Bold';line-height:1.5;padding-bottom:0.5rem}
.content h3{display:block;font-size:1.6rem;font-family:'SYHT-Bold';line-height:1.6}
.content h4{display:block;font-weight:bold;color:rgba(0,0,0,.4)}
.content strong{font-weight:bold;color:#c7340c}

/*detail*/
.detail .relevant{margin-top:1rem}
.detail .relevant span{display:inline-block;margin-right:1rem}
.detail .relevant span::before{display:inline-block;content:'';font-family:'iconfont';font-size:1.5rem}
.detail .relevant span.pubdate::before{content:'\e61a';margin-right:8px;}
.detail .relevant span.hits::before{content:'\e654';margin-right:5px;}

/*移动端左右滑动*/
@media(max-width:64em){
    .touchX{width:calc(100vw - 4rem);overflow:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch}
    .touchX .tablelist{position:relative}
    .touchX::-webkit-scrollbar{-webkit-appearance:none;height:6px}
    .touchX::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}
}

/*弹窗重定义*/
body .layui-layer{border-radius:none;box-shadow:none}
body .layui-layer-page .layui-layer-content{padding:2rem;overflow:hidden}
body .popup{position:relative;background:#fff;border-radius:1rem;padding:3rem 2rem 2rem;max-width:700px;margin:0 auto;display:none}
body .popup .close{position:absolute;right:-1rem;top:-1rem;display:inline-block;background:#fff;width:5rem;height:5rem;line-height:5rem;border-radius:50%;text-align:center;font-size:1.2rem;font-weight:bold;cursor:pointer}
body .layui-layer-loading{text-align:center;width:100%}
body .layui-layer-loading .layui-layer-loading0,body .layui-layer-loading .layui-layer-loading1{margin:0 auto}

body .popup.en{min-width:250px;text-align:center}
body .popup.en .tip{display:block;line-height:2;padding:2rem}

body .popup.wx{max-width:250px;text-align:center}
body .popup.wx .tip{display:block;line-height:1.6;margin-top:1rem;font-weight:bold}
body .popup.wx .qrcode{display:inline-block;margin:0 auto}

body .popup.contact{max-width:600px}
body .popup.contact h3{display:block;font-size:2.4rem;font-weight:bold}
body .popup.contact h4{display:block;color:#c7340c;margin-top:2rem}
body .popup.contact .des{padding-top:1rem;line-height:1.5;padding-bottom:1rem}
body .popup.contact .formpanl{width:100%;padding:0}

body .popup.notice h1{color:#c7340c;line-height:1.6;padding-bottom:1rem;font-weight:bold}
body .popup.notice img{display:block;width:100%;margin-bottom:1rem}
body .popup.notice .formpanl{margin-top:2rem;padding-top:1rem;border-top:1px solid #efefef}
body .popup.notice .formpanl label.checkbox{height:2rem;padding-left:2rem;background-size:50%}
body .popup.notice .formpanl label.checkbox span{margin-left:-2rem;width:2rem;height:2rem;line-height:2rem;border:1px solid #555}


/*=====================================================================*/
/*video js*/
.video-js{max-width:100% !important;width:700px !important;height:100% !important}
.video-js video{display:block;position:relative !important}
@media(max-width:48em){
    .video-js{width:260px !important;}
}

/*flex布局 ie10+ / 移动端 / 子元素包括自动换行内容不适应使用*/
.flex{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.flex{-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row}
.flex{-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center}
.flex{-webkit-box-pack:space-between;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between}

/*x居中*/ /*y居中*/ /*xy居中*/
.alx{position:absolute;z-index:2;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.aly{position:absolute;z-index:2;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.alxy{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}

/*PRELOADER*/
#preloader{
    position:fixed;z-index:999999;background:#fff;width:100vw;height: 100vh;
    display:flex;align-items:center;justify-content:center;flex-flow:column;flex-wrap:wrap;
    -webkit-animation: preloader_6 5s infinite linear;
    -moz-animation: preloader_6 5s infinite linear;
    -o-animation: preloader_6 5s infinite linear;
    animation: preloader_6 5s infinite linear;
}
#preloader::after{display:block;content:'Loading';margin-top:0.5rem;color:#bababa}
#preloader .loading {
    position:relative;display:inline-block;vertical-align:middle;pointer-events:none;-webkit-animation: 1s loading linear infinite;animation: 1s loading linear infinite;
    width:2.5em;height:2.5em;color:#f1f1f1;border:.5em solid transparent;border-top-color:#bababa;border-radius:50%;
}
#preloader .loading:before{
    position:absolute;content:'';display:block;width:inherit;height:inherit;opacity:.5;
    top:-.5em;left:-.5em;border:.5em solid currentcolor;border-radius:50%;
}
@-webkit-keyframes loading{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes loading{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);transform: rotate(360deg);}
}

/*动效 - 渐行渐远*/
@-webkit-keyframes scale-bg{
    from{-webkit-transform:scale(1.1);transform:scale(1.1)}
    to{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes scale-bg{
    from{-webkit-transform:scale(1.1);transform:scale(1.1)}
    to{-webkit-transform:scale(1);transform:scale(1)}
}

/*动效 - 呼吸灯*/
@keyframes breath{
    from{opacity:0}
    30%{opacity:1}
    70%{opacity:1}
    to{opacity:0}
}
@-webkit-keyframes breath{
    from{opacity:0}
    30%{opacity:1}
    70%{opacity:1}
    to{opacity:0}
}

/*动效 - 跳球*/
@keyframes jump{
	0%{transform: translate(0px,0px)}
	50%{transform:translate(0px,-10px)}
	100%{transform:translate(0px,0px)}
}
@-webkit-keyframes jump{
    0%{transform: translate(0px,0px)}
	50%{transform:translate(0px,-10px)}
	100%{transform:translate(0px,0px)}
}

/*动效 - 圆环扩散*/
@keyframes warn {
    0%{transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.0}
    25% {transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.1}
    50%{transform:scale(0.5);-webkit-transform:scale(0.5);opacity:0.3}
    75% {transform:scale(0.8);-webkit-transform:scale(0.8);opacity:0.5}
    100%{transform:scale(1);-webkit-transform:scale(1);opacity:0.0}
}

/*动效 - 指示向下*/
@-webkit-keyframes trackBallSlide {
    0%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px);}
    6%{opacity:1;-webkit-transform:scale(0.9) translateY(10px);transform:scale(0.9) translateY(10px);}
    14%{opacity:0;-webkit-transform:scale(0.4) translateY(10px);transform:scale(0.4) translateY(10px);}
    15%,19%{opacity:0;-webkit-transform:scale(0.4) translateY(-10px);transform:scale(0.4) translateY(-10px);}
    28%,29.99%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px);}
    30%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px);}
    36%{opacity:1;-webkit-transform:scale(0.9) translateY(10px);transform:scale(0.9) translateY(10px);}
    44%{opacity:0;-webkit-transform:scale(0.4) translateY(10px);transform:scale(0.4) translateY(10px);}
    45%,49%{opacity:0;-webkit-transform:scale(0.4) translateY(-10px);transform:scale(0.4) translateY(-10px);}
    58%,59.99%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px);}
    60%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px);}
    66%{opacity:1;-webkit-transform:scale(0.9) translateY(10px);transform:scale(0.9) translateY(10px);}
    74%{opacity:0;-webkit-transform:scale(0.4) translateY(10px);transform:scale(0.4) translateY(10px);}
    75%,79%{opacity:0;-webkit-transform:scale(0.4) translateY(-10px);transform:scale(0.4) translateY(-10px);}
    88%,100%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px);}
}

@keyframes trackBallSlide {
    0%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px);}
    6%{opacity:1;-webkit-transform:scale(0.9) translateY(10px);transform:scale(0.9) translateY(10px);}
    14%{opacity:0;-webkit-transform:scale(0.4) translateY(10px);transform:scale(0.4) translateY(10px);}
    15%,19%{opacity:0;-webkit-transform:scale(0.4) translateY(-10px);transform:scale(0.4) translateY(-10px);}
    28%,29.99%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px);}
    30%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px);}
    36%{opacity:1;-webkit-transform:scale(0.9) translateY(10px);transform:scale(0.9) translateY(10px);}
    44%{opacity:0;-webkit-transform:scale(0.4) translateY(10px);transform:scale(0.4) translateY(10px);}
    45%,49%{opacity:0;-webkit-transform:scale(0.4) translateY(-10px);transform:scale(0.4) translateY(-10px);}
    58%,59.99%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px);}
    60%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px);}
    66%{opacity:1;-webkit-transform:scale(0.9) translateY(10px);transform:scale(0.9) translateY(10px);}
    74%{opacity:0;-webkit-transform:scale(0.4) translateY(10px);transform:scale(0.4) translateY(10px);}
    75%,79%{opacity:0;-webkit-transform:scale(0.4) translateY(-10px);transform:scale(0.4) translateY(-10px);}
    88%,100%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px);}
}

/*
.pure-g.gutters{margin:0 -0.5rem}
.pure-g.gutters>[class*="pure-u"]{padding:0.5rem}

.tag {
	position:relative;
	margin:0 auto;
	background:#fff;
	color:#000;
	border-radius:50%;
	font-family:'AvertaCY';
	font-size:1.8rem;
	font-weight:700;
	width:3rem;
	height:3rem;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-shadow:-4px 4px 0 0 rgba(255,255,255,0.2);
	box-shadow:-4px 4px 0 0 rgba(255,255,255,0.2)
}
.tag:before {
	content:"";
	display:block;
	position:absolute;
	right:0;
	bottom:0;
	width:0;
	height:0;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	border-left:20px solid #fff;
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-30deg)
}
*/