@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?z632p1";
@import "_index.css?z632p1";

/*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{font-size:1.4rem;color:#333}
.container{position:relative;margin:0 auto;max-width:1366px;padding:0 2rem}
.container-min{position:relative;margin:0 auto;max-width:860px}
.main{position:relative;padding:2rem 0} /*main*/

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

/*a link*/
a:link,a:visited{transition:.3s;-webkit-transition:.3s}
a:link,a:visited{color:#333;text-decoration:none}
a:hover,a:active{color:#b12923}
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:#183884}
.blue a:link,.blue a:visited,a.blue:link,a.blue:visited{color:#183884}
.blue a:hover,a.blue:hover{color:#b12923}

.red,.red a,a.red{color:#b12923}
.red a:link,.red a:visited,a.red:link,a.red:visited{color:#b12923}
.red a:hover,a.red:hover{color:#333}

.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%;font-size:1.6rem;padding:1.2rem 1rem;color:rgba(0,0,0,0.5);background:rgba(0,0,0,0.03);border:1px solid rgba(0,0,0,0.04);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.08)}

.btn,input.btn{display:inline-block;min-width:10rem;text-align:center;background:#333;color:#fff;width:initial;text-transform:uppercase;cursor:pointer}
.btn:link,.btn:visited{color:#fff}
.btn:hover,.input.btn{opacity:0.75}

.btn.sty1{background:#183884;color:#fff}
.btn.sty2{background:#b12923;color:#fff}

.btn.sty3{background:transparent;color:#183884;border:1px solid #183884;text-transform:capitalize;border-radius:3rem}
.btn.sty3:link,.btn.sty3:visited{color:#183884}

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{background:#fff;transition:.3s;-webkit-transition:.3s}
#header .headbar{position:relative;z-index:2;border-bottom:1px solid rgba(0,0,0,0.07);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.07);-moz-box-shadow:0 0 10px rgba(0,0,0,0.07);box-shadow:0 0 10px rgba(0,0,0,0.07);overflow:hidden;zoom:1}
#header .container{height:7.5rem;transition:.3s;-webkit-transition:.3s}

/* header logo*/
#header .logo{float:left;display:inline-block;margin-top:1.5rem;height:4rem;background-image:url(../images/logo.png);background-repeat:no-repeat;background-size:cover;background-position:left center}
#header .logo img{display:block;height:100%}

/* header.scroll */
#header.scroll{position:fixed;left:0;top:0;z-index:7;width:100%}
#header.scroll~#area{display:block;height:7.5rem}
/* #header.scroll .container{height:6rem} */
/* #header.scroll .logo{margin-top:1rem;height:3.5rem} */

/*menu*/
#header .menu{float:right;height:100%}
#header .menu li{position:relative;float:left;margin:0 2rem;height:100%;font-weight:bold}
#header .menu li::before{position:absolute;left:50%;top:0;height:3px;content:"";display:inline-block;width: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;padding:0 1rem;text-align:center;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
#header .menu li.active>a{color:#ff9620}
#header .menu li.active:before{background:#ff9620;width:100%;opacity:1}
#header .menu li.language>a{width:6rem;text-align:right;font-weight:normal;font-size:4.2rem}
#header .menu li.language:before{display:none}
@media(max-width:68.75em){ /* 1100px */
    #header .menu{display:none}
}

/* headdrop */
#header .headdrop{position:relative;display:none;background:#f1f1f1;border-bottom:1px solid rgba(0,0,0,.04);z-index:99}
#header .headdrop .container{height:inherit}
#header .headdrop .container:after{content:'';display:block;clear:both;height:0}
#header .headdrop ul{float:right;margin-right:11rem;display:-webkit-flex;display:flex;border-left:1px solid rgba(0,0,0,.04);overflow:hidden;zoom:1}
#header .headdrop ul li{float:left;border-right:1px solid rgba(0,0,0,.04)}
#header .headdrop ul li.active .pull{background:#fff}
#header .headdrop ul li>a{display:none}
#header .headdrop ul .pull{padding:1rem;height:100%;text-align:center}
#header .headdrop ul .pull a{position:relative;display:block;line-height:1.3;padding:0.8rem 1.5rem}
#header .headdrop ul .pull a:hover{color:rgba(0,0,0,.3)}
#header .headdrop ul .pull a.active{opacity: 0.5;}

/*menuBar*/
.menuBar{display:none;float:right;position:relative;width:4rem;height:100%;cursor:pointer}
.menuBar .bar{position:absolute;top:calc(50% - 1px);right:0;width:60%;height:2px;background:#333;display:block;border-radius:10px;transition:.3s;-webkit-transition:.3s}
.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:68.75em){ /* 1100px */
    .menuBar{display:block}
}

/*sidebar*/
#sidebar{position:fixed;z-index:99;opacity:0;top:0;right:-60vw;width:60vw;height:100vh;background:#fff;transition:.3s;-webkit-transition:.3s}
#sidebar .vmenu{position:relative;width:100%;height:calc(100vh - 12rem);padding:0 2rem;overflow-y:auto;opacity:0;transition:.3s;-webkit-transition:.3s}
#sidebar .vmenu li{position:relative;padding:2rem 0;border-bottom:1px solid #ddd}
#sidebar .vmenu li>a{display:block;font-size:1.6rem;font-weight:bold;color:#183884}
#sidebar .vmenu .pull{text-transform:capitalize}
#sidebar .vmenu .pull a{display:block;padding-top:2rem;line-height:1.4}

#sidebar .topbar{font-size:1.6rem;font-weight:bold;overflow:hidden;zoom:1}
#sidebar .topbar a{float:left;display:inline-block;height:6rem;line-height:6rem}
#sidebar .topbar a.home{width:75%;padding-left:2rem;background:#183884;color:#fff}
#sidebar .topbar a.menuLink{width:25%;text-align:center}

#sidebar .footbar{padding:2rem;text-align:center;overflow:hidden;zoom:1}
#sidebar .footbar a{float:left;display:inline-block;margin-right:1rem;width:3.5rem;height:3.5rem;line-height:3.5rem;font-size:1.6rem;border-radius:50%;background:#183884;color:#fff}

/*fixbar*/
#fixbar{position:fixed;right:2rem;bottom:2rem;text-align:center;text-align:center;z-index:199}
#fixbar a{position:relative;display:block;background:rgba(18,49,123,1);margin-top:0.5rem;width:4.5rem;height:4.5rem;line-height:4.5rem;border-radius:50%}
#fixbar a i{font-size:1.6rem;color:#fff}
#fixbar a img{display:block;min-width:10rem;margin-bottom:0.5rem}
#fixbar a span{display:none;line-height:1.4;padding:1rem;background:#b12923;color:#fff;border-radius:4px;position:absolute;top:0;right:5.5rem;white-space:nowrap;font-size:1.2rem}
#fixbar a span:after{position:absolute;content:"";top:0;right:-0.4rem;width:0;height:0;border:0.8rem solid transparent;border-top-color:#b12923}
#fixbar a:hover{background:#b12923}
#fixbar a:hover span{display:block}
@media(max-width:64em){
    #fixbar{display:none}
}

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

#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:#183884;padding:3rem 0}
#footer .footmenu h3{padding:1.5rem 0;font-weight:bold;text-transform:uppercase}
#footer .footmenu .pull{padding:0 3rem 3rem 0}
#footer .footmenu .pull a{display:block;padding:0.6rem 0;line-height:1.2;opacity:0.5}
#footer .footmenu .pull a:hover{opacity:1}

#footer .footmenu .txr{text-align:right;padding-bottom:3rem}
#footer .footmenu .txr em{display:block;line-height:1;padding-bottom:1rem;font-family:'AvertaCY';font-size:2rem}
#footer .footmenu .txr .qbtn{display:inline-block;margin-top:1rem;border:1px solid #fff;border-radius:4px;padding:1rem 1.5rem}
#footer .footmenu .txr .qbtn::before{display:inline-block;margin-right:0.5rem;font-family:"iconfont" !important;content:"\e648";font-size:1.6rem}
#footer .footmenu .txr .qbtn:hover{background:#fff;color:#333}
#footer .footmenu .txr .qbtn:hover::before{color:#333}

#footer .copyright{border-top:1px solid rgba(255,255,255,0.2);font-size:1.4rem;padding-top:1.5rem;line-height:1.6;color:rgba(255,255,255,0.5)}
#footer .copyright a{color:rgba(255,255,255,0.5)}
#footer .copyright a:hover{color:rgba(255,255,255,1)}
#footer .copyright .logo{float:right;display:inline-block;height:3rem}
#footer .copyright .logo img{width:auto;height:100%}

@media(max-width:64em){
    #footer .copyright .logo{display:none}
    #footer .footmenu .txr{text-align:inherit}
}
@media(max-width:48em){
    #footer .footmenu li{border-top:1px solid rgba(255,255,255,0.1)}
    #footer .footmenu li:first-child{padding:0;border:0}
    #footer .footmenu h3:after{float:right;content:"+";display:inline-block}
    #footer .footmenu h3:before{float:right;content:"-";display:none}
    #footer .footmenu h3.active:after{display:none}
    #footer .footmenu h3.active:before{display:block}
    #footer .footmenu .pull{display:none}
    #footer .footmenu .pull.active{display:block}
    #footer .footmenu .pull a{padding:1.8rem 0;border-top:1px solid rgba(255,255,255,0.2);opacity:1}
    #footer .footmenu .txr h3{pointer-events:none}
    #footer .footmenu .txr h3:after{display:none}
}

/* cpage.header */
.cpage #header{position:fixed;left:0;top:0;z-index:7;width:100%}
.cpage #header~#area{display:block;height:7.5rem}

/* LRpanl */
.LRpanl{padding:4rem 0;overflow:hidden;zoom:1}
.LRpanl .L{position:relative;float:left;width:25%}
.LRpanl .R{position:relative;float:right;width:70%}
.LRpanl .fgare{height:4rem;overflow:hidden}
.LRpanl h5{font-family:'SYHT-bold';font-size:1.8rem}
.LRpanl h5 em{margin-left:0.5rem;font-weight:800;font-family:'AvertaCY';text-transform:uppercase;vertical-align:middle}
@media(max-width:64em){
    .LRpanl .L{float:noen;width:100%}
    .LRpanl .R{float:noen;width:100%;margin-top:3rem}
}

/*tbar*/
.tbar{padding:5rem 0 2rem;text-align: center;}
.tbar h2{display:inline-block;font-size:2.4rem;font-family:'SYHT-Bold'}
.tbar h2::after{display:block;margin:0.5rem auto;content:'';width:50%;height:2px;background:#333}
.tbar h5{display:block;font-family:'HelveticaLT67Medium';text-transform:uppercase;font-weight:800}

/*xbar*/
.xbar{padding-bottom:2rem}
.xbar h5{display:inline-block;font-size:2.2rem;font-family:'SYHT-Bold'}
.xbar h5::after{display:block;margin-top:0.5rem;content:'';width:30%;height:2px;background:#333}
.xbar h5 em{margin-left:0.5rem;font-size:1.5rem;font-weight:800;font-family:'AvertaCY';text-transform:uppercase;vertical-align:baseline}
.xbar .more{float:right;color:#ccc;margin-top:0.5rem}
.xbar .more::after{display:inline-block;margin-left:0.2rem;font-size:1.4rem;font-family:"iconfont" !important;content:"\e6002"}

/*banner*/
.banner{position:relative;background-color:#183884;background-size:cover;background-repeat:no-repeat;background-position:center;color:#fff}
.banner:before{position:absolute;z-index:0;top:0;left:0;display:block;content:'';width:100%;height:100%;background:rgba(0,0,0,.5)}
.banner.full{height:calc(100vh - 7.5rem - 6rem)}
.banner .container{height:100%;z-index: 1;}
.banner .breadcrumb{position:absolute;left:2rem;top:2rem;z-index: 2;}

.banner .item-inner{position:relative;padding:12rem 0;text-align: center;}
.banner .item-inner h3,.banner .item-inner h1{font-family: 'SYHT-Bold';font-size:3rem;text-transform:capitalize}
.banner .item-inner h2{font-family: 'SYHT-Bold';font-size:2.4rem;text-transform:capitalize}
.banner .item-inner h1{font-size:2.4rem;line-height:1.4}
.banner .item-inner h3:after,.banner .item-inner h1:after{display:block;width:4rem;margin:0.8rem auto 0;height:2px;background:#fff;content:''}
.banner .item-inner h5{font-weight:700;font-family:'AvertaCY';text-transform:uppercase;padding-top:0.5rem;margin:0 auto;line-height:1.4;white-space:nowrap}
.banner .item-inner p{display:block;padding-top:2rem;width:50%;margin:0 auto;line-height:1.6}
@media(max-width:48em){
    .banner .item-inner p{width:100%}
}

.banner.full .item-inner{position:absolute;left:0;bottom:0;width:100%;padding:2rem;text-align: left;}
.banner.full .item-inner h3{font-size:4rem}
.banner.full .item-inner h3:after{margin:0.8rem 0 0}
.banner.full .item-inner p{margin:0}
.banner.min .item-inner{padding:8rem 0 6rem}

/*page spill_conbox*/
.spill_conbox{position:relative;overflow:hidden}
.spill_conbox #gradient{display:none;position:absolute;bottom:0;left:0;width:100%;padding-top:15rem;text-align:center;
    background:-moz-linear-gradient(bottom,#fff,rgba(255,255,255,0));
    background:-webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#fff));
    background:-o-linear-gradient(bottom,#fff,rgba(255,255,255,0));
}
.spill_open{position:relative;z-index:1;display:block;padding:2rem 0 3rem;text-transform:uppercase;color:#b12923;font-weight:bold;text-align:center;cursor:pointer}

/*.tabbar*/
.tabbar{position: relative;background:#f1f1f1}
.tabbar .tabnav{height:6rem;line-height:6rem;overflow:hidden;font-weight:bold}
.tabbar .tabnav a{position:relative;float:left;display:inline-block;margin-right:3rem}
.tabbar .tabnav a::after{display:block;opacity: 0;position: absolute;bottom:0;width:0;height:2px;background: #b12923;content:"";transition:.3s;-webkit-transition:.3}
.tabbar .tabnav a:hover{color: #b12923;}
.tabbar .tabnav a:hover::after{width:100%;opacity: 1}
.tabbar .tabnav a.active{font-weight:bold;color:#b12923}
.tabbar .tabnav a.active::after{width:100%;opacity: 1}

.tabbar .tabnav_dropmenu{display:none;height:6rem;line-height:6rem;}
.tabbar .tabnav_dropmenu::before{float:right;display:inline-block;font-size:1.8rem;font-family:"iconfont" !important;content:"\e602"}
.tabbar .tabnav_dropmenu.active::before{color:#b12923}
.tabbar .tabnav_dropmenu strong{float:left;display:block;font-size:1.6rem;border-bottom:1px solid #b12923;color:#b12923;font-weight: normal;}

.tabbar .tabnav_wap{width:100%;height:0;overflow:hidden;opacity:0;transition:.3s;-webkit-transition:.3s}
.tabbar .tabnav_wap a{display:block;padding:1.8rem 0;line-height:1.4;border-top:1px solid #dbdbdb}
.tabbar .tabnav_wap a.active{display:none}
.tabbar .tabnav_wap.active{height:auto;opacity: 1}
@media(max-width:48em){
    .tabbar .tabnav{display:none}
    .tabbar .tabnav_dropmenu{display:block}
}

/* searchbar */
.searchbar{position:relative;background:#f1f1f1;padding:2rem}
.searchbar input[type=text]{background:#fff;border:1px solid rgba(0,0,0,0.1)}
.searchbar input[type=submit]{margin-top:0.5rem;text-transform: uppercase;font-weight:bold;width:100%}

/*content*/
.content{position:relative;line-height:1.5;word-wrap:break-word;word-break:normal}
.content a{color:#183884 !important;text-decoration:underline !important}
.content h2{display:block;padding-bottom:1rem;font-size:3rem;font-family:'SYHT-Bold';line-height:1}
.content h3{display:block;padding-bottom:0.5rem;font-size:1.6rem;font-family:'SYHT-Bold';color:#b12923;line-height:1.2}
.content h4{display:block;font-weight:bold;color:#183884;line-height:1.2}

/* 标签 */
.tags a{display:inline-block;margin:0.2rem 0.4rem 0.2rem 0;padding:1rem 1.5rem;border:1px solid #f1f1f1;background:#f1f1f1}
.tags a:hover{background:#183884;color:#fff}

/*tlist*/
.tlist li{padding:2rem 0 2rem 10rem;border-bottom:1px solid #efefef;transition:.3s;-webkit-transition:.3s}
.tlist li:first-child{padding-top:0}
.tlist label{float:left;width:8rem;margin-left:-10rem;text-align:left;font-family:'FuturaLT';border-right:1px solid #efefef}
.tlist label em{display:block;font-family:'HelveticaLT67Medium';font-weight:400;font-size:3rem;padding-bottom:5px}
.tlist h4{display:block;font-family:'SYHT-Medium';font-size:1.8rem;line-height:1.4;color:#333;transition:.3s;-webkit-transition:.3s}
.tlist h4 i{display:inline-block;margin-left:0.5rem;color:#d96100;font-size:1.2rem;font-weight:bold;text-transform:uppercase;}
.tlist 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}
.tlist summary{display:block;line-height:1.6;margin-top:1rem;color:#555}
.tlist 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}
.tlist .more{opacity:0.3;display:block;width:100%;text-align:right;margin-top:1rem;transition:.3s;-webkit-transition:.3s}
.tlist li:hover h4{color:#d96100}
.tlist li:hover .more{opacity:1;color:#d96100}

/*salelist*/
.salelist .item{padding:2rem;background:#f1f1f1;border-radius: 4px;}
.salelist .item h4{font-family:'SYHT-Bold';font-size:1.8rem;line-height:1.4;color:#183884;}
.salelist .item h5{line-height:1.4;padding-top:0.5rem}
.salelist .item summary{line-height:1.6;padding-top:1rem}

/*clientslist*/
.clientlist{border-top:1px solid #f1f1f1;border-left:1px solid #f1f1f1}
.clientlist li{float:left;border-bottom:1px solid #f1f1f1;border-right:1px solid #f1f1f1;padding:0.5rem 3rem;overflow:hidden}
.clientlist li img{width:100%;transition:.3s;-webkit-transition:.3s}
.clientlist li span:hover img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}

/*doclist*/
.doclist a{display:block;border-bottom:1px solid #f1f1f1;padding:0.5rem 0}
.doclist a:before{float:left;margin-right:0.5rem;display:inline-block;content:'+';font-size:1.2rem}

/*plist*/
.plist .item:hover{-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 0 15px 0 rgba(0,0,0,0.1);box-shadow:0 0 15px 0 rgba(0,0,0,0.1)}
.plist .imgbox{position:relative;display:block;overflow:hidden}
.plist .imgbox::before{position:absolute;z-index:1;display:block;content:'';background:rgba(0,0,0,0.2);width:100%;height:100%;transition:.4s;-webkit-transition:.4s}
.plist .imgbox:hover::before{background:rgba(0,0,0,0)}

.plist .imgbox img{width:100%;transition:.3s;-webkit-transition:.3s}
.plist .imgbox: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)}

/*griditem */
.griditem{position:relative;display:block;width:100%;height:100%;border-radius:1rem;overflow:hidden}
.griditem::before{position:absolute;z-index:1;display:block;content:'';background:rgba(0,0,0,0.3);width:100%;height:100%;transition:.4s;-webkit-transition:.4s}
.griditem img{display:block;width:100%;height:100%;transition:.3s;-webkit-transition:.3s}
.griditem .imgbox{position:relative;display:block;width:100%;height:100%;overflow:hidden}
.griditem:hover .imgbox 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)}
.griditem:hover::before{background:rgba(0,0,0,0.1)}

.griditem .inner{position:absolute;z-index:2;color:#fff;text-align:center;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:.4s;-webkit-transition:.4s;width:100%;padding:2rem}
.griditem h4{position:relative;display:inline-block;padding-bottom:1rem;font-family:'SYHT-bold';font-size:2.4rem}
.griditem h4::after{position:absolute;bottom:0;left:50%;width:50%;margin-left:-25%;display:block;content:'';height:2px;overflow:hidden;zoom:1;background:#fff}
.griditem h5{margin-top:0.6rem;font-weight:bold;text-transform:capitalize}
.griditem p{margin-top:1rem;padding:0 2rem;line-height:1.5}
@media(max-width:64em){
    .griditem .inner{width:95%}
    .griditem h4{font-size:2.8rem}
}

/*productslist*/
.productslist a{display:block;border:1px solid #f1f1f1;padding:0.5rem;border-radius:4px;overflow: hidden;}
.productslist img{display:block;width:100%;transition:.3s;-webkit-transition:.3s;background:#f1f1f1}
.productslist .imgbox{position:relative;overflow:hidden;border-radius:4px}
.productslist .imgbox::before{position:absolute;z-index:1;display:block;content:'';background:rgba(0,0,0,0.3);width:100%;height:100%;transition:.4s;-webkit-transition:.4s}
.productslist a:hover img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}
.productslist a:hover .imgbox::before{background:rgba(0,0,0,0)}
.productslist h4{padding:1rem 0;font-weight:bold;line-height:1.4}
.productslist h4::before{float:right;display:inline-block;content:'+';opacity: 0.3;}
.productslist a:hover{border:1px solid #b12923}

/*cover-about*/
.cover-about .intro{padding:5rem 0 3rem;text-align:center}
.cover-about .intro h2{color:#b12923;font-family:'SYHT-Bold';font-size:3rem;text-align:center;padding-bottom:1rem;line-height:1.2}
.cover-about .intro p{line-height:1.8}
.cover-about .vmore{border:1px solid #333;padding:1rem 2rem;border-radius:3rem;margin-top:2rem}
.cover-about .vmore:hover{border:1px solid #b12923;background:#b12923;color:#fff}

.cover-about .data-tag{text-align:center}
.cover-about .data-tag li{border-left:1px solid rgba(0,0,0,.15);padding:1rem}
.cover-about .data-tag li:first-child{border:0}
.cover-about .data-tag li i{display:inline-block;background:#183884;width:5rem;height:5rem;line-height:5rem;color:#fff;font-size:2.4rem;border-radius:50%;}
.cover-about .data-tag li em{display:block;font-size:2.6rem;font-family:'AvertaCY';text-transform:uppercase;font-weight:700;color:#183884;margin-top:0.5rem}
.cover-about .data-tag li summary{padding-top:0.5rem;line-height:1.5}
@media(max-width:48em){
    .cover-about .data-tag li:nth-child(odd){border:0}
}

.cover-about .fr .griditem .inner{color:initial}
.cover-about .fr .griditem h4::after{background:#333}
.cover-about .fr .griditem::before{background:rgba(0,0,0,0.1)}
.cover-about .fr li:nth-child(1){padding:0 0.25rem 0.25rem 0}
.cover-about .fr li:nth-child(2){padding:0 0 0.25rem 0.25rem}
.cover-about .fr li:nth-child(3){padding:0.25rem 0.25rem 0 0}
.cover-about .fr li:nth-child(4){padding:0.25rem 0 0 0.25rem}
@media(max-width:64em){
    .cover-about .fr .griditem h4{font-size:2rem}
}

/*cover-products*/
.cover-products .intro{padding:5rem 0 3rem;text-align:center}
.cover-products .intro h2{color:#b12923;font-family:'SYHT-Bold';font-size:3rem;text-align: center;padding-bottom:0.5rem;line-height:1.2}
.cover-products .intro p{line-height:1.8}
.cover-products .tablink{display:inline-block;font-weight:bold;text-decoration:underline;margin-top:0.5rem}
.cover-products .vmore{border:1px solid #333;padding:1rem 2rem;border-radius:3rem;margin-top:2rem}
.cover-products .vmore:hover{border:1px solid #b12923;background:#b12923;color:#fff}

.cover-products .tctag .item{height:100%;padding:3rem 2rem 2rem 8rem;background:#f1f1f1;border-radius: 1rem;transition:.3s;-webkit-transition:.3s;}
.cover-products .tctag .item i{float:left;margin-left:-6rem;font-size:4rem;color:#183884}
.cover-products .tctag .item h3{font-weight: bold;font-size:1.8rem;line-height:1.3;color:#183884}
.cover-products .tctag .item summary{line-height:1.6}
.cover-products .tctag .item summary p{padding-top:1rem}
.cover-products .tctag .item summary em{color:#b12923}
.cover-products .tctag .item:hover{background:#183884;color:#fff;-webkit-box-shadow:0 10px 15px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 10px 15px 0 rgba(0,0,0,0.1);box-shadow:0 10px 15px 0 rgba(0,0,0,0.1)}
.cover-products .tctag .item:hover i{color:#fff}
.cover-products .tctag .item:hover h3{color:#fff}
.cover-products .tctag .item:hover em{color:#d96100}

.cover-products .gongyi{position:relative;padding:6rem 0;background:url(../images/banner_gongyi.jpg) no-repeat;background-size: cover}
.cover-products .gongyi:before{position:absolute;z-index:0;top:0;left:0;display:block;content:'';width:100%;height:100%;background:rgba(0,0,0,.5)}
.cover-products .gongyi h2{color:#d96100;}

.cover-products .slide-gongyi .item{transition:.3s;-webkit-transition:.3s;-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);-webkit-transform:scale(.9);transform:scale(.9)}
.cover-products .slide-gongyi .item .dt{position:relative;display: flex;height:3rem;overflow:hidden;zoom:1;text-align:Center;font-family:'brandon-bold'}
.cover-products .slide-gongyi .item .dt::after{float:right;display:inline-block;width:100%;height:1rem;border-bottom:1px dashed rgba(255,255,255,0.3);content:""}
.cover-products .slide-gongyi .item .dt strong{display:inline-block;margin:0 auto;height:100%;padding-right:1rem;font-size:2.4rem;text-transform:uppercase}
.cover-products .slide-gongyi .item .con em{display:block;font-weight:bold;font-size:1.6rem}
.cover-products .slide-gongyi .item .con img{display:block;width:100%;margin-top:2rem;border-radius: 4px;opacity: 0.5;filter: grayscale(100%);transition:.3s;-webkit-transition:.3s;}
.cover-products .slide-gongyi .center .item{-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);-webkit-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s}
.cover-products .slide-gongyi .center .con img{opacity:1;filter: grayscale(0);}
.cover-products .slide-gongyi .owl-nav button.owl-prev{left:-2rem}
.cover-products .slide-gongyi .owl-nav button.owl-next{right:-2rem}
@media(max-width:48em){
    .cover-products .gongyi{padding:3rem 0}
    .cover-products .slide-gongyi .item{text-align: center;}
    .cover-products .slide-gongyi .item .dt strong{padding:0}
    .cover-products .slide-gongyi .item .dt::after{display:none}
}

.cover-products .tcitem{padding-bottom:5rem}
.cover-products .tcitem .item{height:100%;background:#f1f1f1;padding:2rem 2rem 2rem 8rem;border-radius: 4px;}
.cover-products .tcitem .item i{float:left;margin-left:-6rem;font-size:3.5rem;}
.cover-products .tcitem .item h3{font-weight:bold;padding-bottom:1rem}
.cover-products .tcitem .item summary{line-height:1.6}

/*cover-solutions*/
.cover-solutions{background:#f1f1f1;padding:1rem 0 4rem}
.cover-solutions .solist .item{position:relative;border-radius:4px;overflow:hidden;zoom:1;background:#fff;transition:.3s;-webkit-transition:.3s}
.cover-solutions .solist .item{-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.05);box-shadow:0 0 10px 0 rgba(0,0,0,0.05)}
.cover-solutions .solist .item:hover{-webkit-box-shadow:0 10px 30px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 10px 30px 0 rgba(0,0,0,0.2);box-shadow:0 10px 30px 0 rgba(0,0,0,0.2)}
.cover-solutions .solist .imgbox{position:relative;display:block;overflow:hidden}
.cover-solutions .solist .imgbox img{display:block;width:100%;transition:.3s;-webkit-transition:.3s}
.cover-solutions .solist .item:hover .imgbox 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)}

.cover-solutions .solist .inner{padding:2rem}
.cover-solutions .solist .inner h4{font-size:2rem;font-family:'SYHT-Bold';color:#183884;line-height:1.4}
.cover-solutions .solist .inner summary{line-height:1.8;margin-top:1rem}
.cover-solutions .vmore{background:#f1f1f1;border:1px solid #ddd;padding:1rem 1.5rem;border-radius:4px;margin-top:2rem}
.cover-solutions .vmore:hover{border:1px solid #b12923;background:#b12923;color:#fff}

/*cover-info*/
.cpage .companynews{padding-top:4rem}
.cpage .slide-news .inner{position:relative;overflow:hidden}
.cpage .slide-news .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;}
.cpage .slide-news .thumb{position:relative;display:block;overflow:hidden}
.cpage .slide-news .thumb img{display:block;width:100%;transition:.3s;-webkit-transition:.3s}
.cpage .slide-news .conbox{position:absolute;z-index:2;left:0;bottom:0;width:100%;display:block;padding:2rem;color:#fff;transition:.3s;-webkit-transition:.3s}
.cpage .slide-news .conbox h4{display:block;font-family:'SYHT-Medium';font-size:1.6rem;line-height:1.4;margin-top:0.5rem}
.cpage .slide-news .conbox h4 i{display:inline-block;margin-left:0.5rem;color:#d96100;font-size:1.2rem;font-weight:bold;text-transform:uppercase;}
.cpage .slide-news .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}
.cpage .slide-news .conbox summary{display:block;line-height:1.6;margin-top:1.5rem;-webkit-line-clamp:2;line-clamp:2;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.cpage .slide-news .conbox::after{position:absolute;bottom:-2rem;opacity:0;display:inline-block;padding:1rem 2rem;background:#d96100;font-size:1.2rem;color:#fff;content:'查看详情';text-transform:uppercase;transition:.3s;-webkit-transition:.3s}

.cpage .slide-news .inner:hover::before{background:rgba(0,0,0,.2)}
.cpage .slide-news .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)}
.cpage .slide-news .inner:hover .conbox{bottom:6rem}
.cpage .slide-news .inner:hover .conbox::after{opacity:1}
@media(max-width:64em){
    .cpage .slide-news .conbox{width:100%;}
    .cpage .slide-news .conbox h4{overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
}

.cpage .slide-news .owl-nav button{width:4rem;height:4rem;line-height:4rem;text-align:center;border-radius:50%;background:#fff;color:#212121;box-shadow: 0 10px 35px 0 rgba(0,0,0,.1);transition:.3s;-webkit-transition:.3s}
.cpage .slide-news .owl-nav button:hover{opacity:1;background:#d96100;color:#fff}
.cpage .slide-news .owl-nav button.owl-prev{left:-2rem}
.cpage .slide-news .owl-nav button.owl-next{right:-2rem}


/*cover-sustainability*/
.cover-sustainability{padding-bottom:4rem}
.cover-sustainability .intro{padding:4rem 0 2rem;text-align: center}
.cover-sustainability .intro h2{color:#b12923;font-family:'SYHT-Bold';font-size:3rem;text-align: center;padding-bottom:1rem;line-height:1.2}
.cover-sustainability .intro p{line-height:1.8}
.cover-sustainability .vmore{border:1px solid #333;padding:1rem 2rem;border-radius:3rem;margin-top:2rem}
.cover-sustainability .vmore:hover{border:1px solid #b12923;background:#b12923;color:#fff}
.cover-sustainability .griditem .more{display:block;color:#fff;margin-top:1rem;font-weight: bold;}
.cover-sustainability .griditem .more::after{display:inline-block;margin-left:0.2rem;font-size:1.4rem;font-family:"iconfont" !important;content:"\e6002"}
.cover-sustainability .griditem:hover .more{color:#d96100}
@media(max-width:48em){
    .cover-sustainability .griditem{margin-top:1px}
}

/*cover-customer*/
.cover-customer{padding:4rem 0}
.cover-customer .tcitem .item{height:100%;background:#f1f1f1;padding:2rem 2rem 2rem 8rem;border-radius: 4px;}
.cover-customer .tcitem .item i{float:left;margin-left:-6rem;font-size:3.5rem;}
.cover-customer .tcitem .item h3{font-weight:bold;padding-bottom:1rem}
.cover-customer .tcitem .item summary{line-height:1.6}
.cover-customer .tcitem .item .more{display:block;margin-top:1rem;font-weight: bold;color:#b12923}
.cover-customer .tcitem .item .more::after{display:inline-block;margin-left:0.2rem;font-size:1.4rem;font-family:"iconfont" !important;content:"\e6002"}


/*总裁致辞*/
.page8 img.zc{float:left;width:50%;margin-right:1.5rem}
@media(max-width:48em){
    .page8 img.zc{float:none;margin:0;width:100%}
}

/*历程*/
.page9 ul{padding-top:2rem}
.page9 li{padding:2rem 0 1.5rem 7rem;border-top:1px solid rgba(0,0,0,.1);line-height:1}
.page9 li dt{float:left;display:inline-block;margin-left:-7rem;font-family:'HelveticaLT67Medium';text-transform:uppercase;font-weight:800;font-size:3rem}
.page9 li:hover dt{color:#b12923}
.page9 li p{padding-bottom:0.5rem;line-height:1.4}
.page9 li img{margin-top:0.5rem}
@media(max-width:48em){
    .page9 img{width:100%}
}

/*资质荣誉*/
.page10 .plist{margin:0 -1rem}
.page10 .plist > [class*="pure-u"]{padding:0.5rem}
.page10 .plist .item{position:relative;padding:0.5rem;background:#fff;transition:.4s;-webkit-transition:.4s;/* -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.1);box-shadow:0 0 20px 0 rgba(0,0,0,0.1)*/}
.page10 .plist img{width: 100%;}
.page10 .plist h4{padding-top:1rem;min-height:5rem;text-align:Center;line-height:1.5}

/*生产车间*/
.page11 .plist{margin:0 -1rem}
.page11 .plist > [class*="pure-u"]{padding:0.5rem}
.page11 .plist .item{position:relative;padding:0.5rem;background:#fff;transition:.4s;-webkit-transition:.4s;/* -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.1);box-shadow:0 0 20px 0 rgba(0,0,0,0.1)*/}
.page11 .plist img{width: 100%;}
.page11 .plist h4{padding-top:1rem;min-height:5rem;line-height:1.5}


/*detail*/
.detail .tags{padding-bottom:1rem}
.detail .relevant{padding:1rem 0;margin-top:1rem}
.detail .relevant span{display:inline-block;margin-right:1rem}

/*pdetail*/
.pdetail{background:#f1f1f1}
.pdetail aside{float:left;width:45%;padding:0 2rem 2rem 0}
.pdetail aside img{display:block;width:100%}
.pdetail article{float:right;width:55%}
.pdetail .conbox{background:#fff;position:relative;overflow:hidden;padding:2rem;-webkit-box-shadow:0 6px 30px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 6px 30px 0 rgba(0,0,0,0.05);box-shadow:0 6px 30px 0 rgba(0,0,0,0.05)}
@media(max-width:64em){
    .pdetail aside{float:none;width:100%;padding:0 0 2rem}
    .pdetail article{float:none;width:100%}
}

/*slide 通用==============================*/
.owl-dots{position:relative;z-index:2;display:inline-block;padding:1rem 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:.3s;-webkit-transition:.3s}
.owl-dots button.owl-dot.active{background:#d96100}
.owl-nav{position:absolute;z-index:1;top:calc(50% - 4rem);width:100%;color:#fff;text-align:center;cursor:pointer}
.owl-nav button{width:4rem;height:4rem;line-height:4rem;position:absolute;margin:0;transition:.3s;-webkit-transition:.3s}
.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:1.5rem 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;border:1px solid rgba(0,0,0,.1);overflow:hidden;zoom:1;border-radius:4px}
#pages a,#pages span{float:left;display:inline-block;color:rgba(0,0,0,.4);border-left:1px solid rgba(0,0,0,.05);padding:0 1.5rem;height:3rem;line-height:3rem}
#pages a:first-child,#pages span:first-child{border:0}
#pages .prev,#pages .next{background:#f1f1f1}
#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{opacity:0.2}
#pages .active{background:#183884;color:#fff}

/*anbtn*/
.anbtn{position:relative;display:inline-block;background:transparent;border:1px solid #183884;border-radius:3px;overflow:hidden}
.anbtn:hover{text-decoration:none;border:1px solid #b12923}
.anbtn:hover span{color:#fff}
.anbtn::before{position:absolute;left:0;top:0;width:102%;height:102%;background:#b12923;display:block;content:"";transition:.3s;-webkit-transition:.3s}
.anbtn.prev::before{transform:scaleX(0);transform-origin:100% 0}
.anbtn.next::before{transform:scaleX(0);transform-origin:0 0}

.anbtn span{display:block;color:#183884;padding:1rem 2rem;line-height:initial;text-transform:uppercase;position:relative}
.anbtn span::after,.anbtn span::before{display:inline-block;font-size:1.2rem;font-family:"iconfont" !important;content:"\e601";display:none}
.anbtn.prev span::before{margin-right:0.5rem;transform: rotateY(180deg)}
.anbtn.next span::after{margin-left:0.5rem}

.anbtn.prev:hover::before{transform:scaleX(1);transform-origin:100% 0}
.anbtn.next:hover::before{transform:scaleX(1);transform-origin:0 100%}

/*breadcrumb*/
.breadcrumb{text-transform:capitalize}
.breadcrumb a{display:inline-block}
.breadcrumb a::before{display:inline-block;content:'/';font-size:1.2rem;margin:0 1rem}
.breadcrumb a:first-child::before{display:none}
.breadcrumb a:hover{opacity: 0.6;}
@media(max-width:48em){
    .breadcrumb{display:none}
}

/*vmore*/
.vmore{position:relative;display:inline-block;text-transform:capitalize;padding-right:1rem;font-weight:bold;overflow:hidden}
.vmore:after{position:relative;right:0;display:inline-block;margin-left:1rem;font-family:"iconfont" !important;content:"\e601";transition:.3s;-webkit-transition:.3s}
.vmore:hover:after{right:-0.5rem}

/*formpanl*/
.formpanl .Validform_error{border:1px solid #b12923}
.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:#b12923;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:#b12923;content:"\e60d";}
.formpanl label.checkbox input.Validform_error+span{border:1px solid #b12923}
.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}

/*移动端左右滑动*/
@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)}
}

/*pure-g.gutters左右间距*/
.pure-g.gutters{margin:0 -0.25rem}
.pure-g.gutters > [class*="pure-u"]{padding:0.25rem}

/*弹窗重定义*/
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.wx{max-width:250px;text-align:center}
body .popup.wx .tip{display:block;line-height:1.6;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:#b12923;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}

/*=====================================================================*/
/*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居中*/
.alx{position:relative;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);display:table}
/*y居中*/
.aly{position:relative;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);display:table}
/*xy居中*/
.alxy{position:relative;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);display:table}

/*特效==============================*/
/*渐行渐远*/
@-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 opacity{
  0%{opacity:0}
  50%{opacity:1}
}
@-webkit-keyframes opacity{
  0%{opacity:0}
  50%{opacity:1}
}
@-moz-keyframes opacity{
  0%{opacity:0}
  50%{opacity: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}
}

/* memo
animate		transition:all 0.3s ease-out;
radius		border-radius:5px;
box-shadow	box-shadow:10px 10px 10px rgba(0,0,0,0.4);
text-shadow	text-shadow: 0 0 10px rgba(0,0,0,0.6);
rotate		-webkit-transform:rotate(45deg); transform:rotate(45deg);
skew			-webkit-transform:skew(45deg); transform:skew(45deg);
scale			-webkit-transform:scale(1,1); transform:scale(1,1);
translate	-webkit-transform:translate(0,0); transform:translate(0,0);
perspective	-webkit-transform:perspective(500px); transform:perspective(500px);
origin		-webkit-transform-origin:left bottom; transform-origin:left bottom;
V center		position:relative; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);
H center		position:relative; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%);
triangle		width:0; height:0; border:80px solid transparent; border-top:80px solid #f00;
-webkit-overflow-scrolling:touch;
pointer-events: none;
*/