@font-face{font-family:"Roboto-Regular";src:url("../fonts/Roboto-Regular.woff2") format("woff2"),url("../fonts/Roboto-Regular.woff") format("woff"),url("../fonts/Roboto-Regular.ttf") format("truetype"),url("../fonts/Roboto-Regular.eot") format("embedded-opentype");font-weight:normal;font-style:normal;}
@font-face{font-family:"PingFang";src:url("../fonts/PingFang.eot");src:url("../fonts/PingFang.eot") format("embedded-opentype"),url("../fonts/PingFang.woff") format("woff"),url("../fonts/PingFang.ttf") format("truetype"),url("../fonts/PingFang.svg") format("svg");font-weight:normal;font-style:normal;}

*{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;padding:0;border:0;font-size:100%;outline:none;font-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0.0);}
*:focus{outline:none;}
*,*::after,*::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;}


body{font-family:"Roboto-Regular","PingFang"/* ,"Microsoft JhengHei" */;cursor:default;background-color:#fff;background-image:url("");background-position:center top;background-repeat:no-repeat;background-size:100% auto;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;}

form,img,ul,li,p,dl,dd,ol{margin:0;padding:0;border:0;}
h1,h2,h3,h4,h5,h6,label,pre{margin:0;padding:0;font-size:13px;font-weight:normal;}
ul{list-style:none;margin:0;padding:0;border:0;}
ol{list-style-position:outside;margin-left:18px;}
ol li{line-height:22px;margin-bottom:10px;}
label{cursor:pointer;}
i,em{font-style:normal;}
img,video{display:block;}

select{-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
select option{padding:4px 0px 4px 10px;line-height:20px;}

::-moz-selection{background-color:rgba(0,0,0,0.5);color:#fff;}
::selection{background-color:rgba(0,0,0,0.5);color:#fff;}

.clear{clear:both!important;}
.left{float:left!important;}
.right{float:right!important;}

.clearfix::after{content:"";display:block;clear:both;}

.text-left{text-align:left!important;}
.text-center{text-align:center!important;}
.text-right{text-align:right!important;}

.text-uppercase{text-transform:uppercase!important;}
.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.text-no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

a:focus{-webkit-outline:none;-moz-outline:none;-ms-outline:none;-o-outline:none;outline:none;}

a{blr:expression(this.onFocus=this.blur());-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
a{color:#000;text-decoration:none;}
a:hover{color:#934500;text-decoration:none;}
a:link{text-decoration:none;}

a.red{color:#ee555b;text-decoration:none;}
a.red:hover{color:#ee555b;text-decoration:underline;}

a.blue{color:#004cae;text-decoration:none;}
a.blue:hover{color:#004cae;text-decoration:underline;}

a.yellow{color:#b3904c;text-decoration:none;}
a.yellow:hover{color:#a27827;text-decoration:none;}

a.gray{color:#888;text-decoration:none;}
a.gray:hover{color:#e60012;text-decoration:none;}

a{blr:expression(this.onFocus=this.blur());}

.c-checkbox{position:relative;}
.c-checkbox.c-checkbox-inline{display:inline-block;}
.form-inline .c-checkbox.c-checkbox-inline{margin-right:10px;top:3px;}
.c-checkbox input[type=checkbox]{visibility:hidden;position:absolute;}
.c-checkbox label{cursor:pointer;padding-left:24px;color:#666;font-size:14px;line-height:24px;}
.c-checkbox label > span{display:block;position:absolute;left:0;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;transition-duration:0.3s;}
.c-checkbox label > span.inc{background:#fff;left:-10px;top:-10px;height:40px;width:40px;opacity:0;border-radius:50%!important;-moz-border-radius:50%!important;-webkit-border-radius:50%!important;}
.c-checkbox label > .box{top:5px;border:1px solid #c0c0c0;height:14px;width:14px;z-index:5;-webkit-transition-delay:0.2s;-moz-transition-delay:0.2s;transition-delay:0.2s;}
.ie .c-checkbox label > .box{top:2px;}
.c-checkbox label > .check{top:1px;left:4px;width:10px;height:16px;border:1px solid #c6d800;border-top:none;border-left:none;opacity:0;z-index:5;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;transition-delay:0.3s;}
.c-checkbox label > span.inc{-webkit-animation:growCircle 0.3s ease;-moz-animation:growCircle 0.3s ease;animation:growCircle 0.3s ease;}
.c-checkbox input[type=checkbox]:checked ~ label > .box{opacity:0;-webkit-transform:scale(0) rotate(-180deg);-moz-transform:scale(0) rotate(-180deg);transform:scale(0) rotate(-180deg);}
.c-checkbox input[type=checkbox]:checked ~ label > .check{opacity:1;-webkit-transform:scale(1) rotate(45deg);-moz-transform:scale(1) rotate(45deg);transform:scale(1) rotate(45deg);}
.c-checkbox input[type=checkbox]:disabled ~ label,.c-checkbox input[type=checkbox][disabled] ~ label{cursor:not-allowed;opacity:0.7;filter:alphaopacity=70;}
.c-checkbox input[type=checkbox]:disabled ~ label > .box,.c-checkbox input[type=checkbox][disabled] ~ label > .box{cursor:not-allowed;opacity:0.7;filter:alphaopacity=70;}
.c-checkbox input[type=checkbox]:disabled:checked ~ label > .check,.c-checkbox input[type=checkbox][disabled]:checked ~ label > .check{cursor:not-allowed;opacity:0.7;filter:alphaopacity=70;}

/*.c-layout-go2top{display:none;position:fixed;cursor:pointer;z-index:10;width:44px;height:26px;background-color:rgba(0,0,0,0.5);text-align:center;background-image:url(../images/pic-arrow-top.png);background-position:center;background-repeat:no-repeat;background-size:14px auto;}
.c-layout-go2top::after{content:"";position:absolute;left:0px;top:-13px;border-style:solid;border-color:rgba(0,0,0,0.5) transparent;border-width:0px 22px 13px 22px;}
.c-layout-go2top::before{content:"";position:absolute;left:0px;bottom:-13px;border-style:solid;border-color:rgba(0,0,0,0.5) transparent;border-width:13px 22px 0px 22px;}
.c-layout-go2top .fa{font-size:22px;color:#fff;line-height:22px;}
.c-layout-go2top:hover{background-color:rgba(0,0,0,0.8);}
.c-layout-go2top:hover .fa{color:#FFF;}
.c-layout-go2top:hover::after{border-color:rgba(0,0,0,0.8) transparent;}
.c-layout-go2top:hover::before{border-color:rgba(0,0,0,0.8) transparent;}*/

.scrollStyle{overflow:auto!important;}
.scrollStyle::-webkit-scrollbar{box-sizing:border-box;width:6px;height:6px;}
.scrollStyle::-webkit-scrollbar-button{width:9px;height:0px;}
.scrollStyle::-webkit-scrollbar-button:vertical:start{background-position:0 0;}
.scrollStyle::-webkit-scrollbar-button:vertical:start:hover{background-position:-10px 0;}
.scrollStyle::-webkit-scrollbar-button:vertical:start:active{background-position:-20px 0;}
.scrollStyle::-webkit-scrollbar-button:vertical:end{background-position:-30px 0;}
.scrollStyle::-webkit-scrollbar-button:vertical:end:hover{background-position:-40px 0;}
.scrollStyle::-webkit-scrollbar-button:vertical:end:active{background-position:-50px 0;}
.scrollStyle::-webkit-scrollbar-button:horizontal:start{background-position:0 -11px;}
.scrollStyle::-webkit-scrollbar-button:horizontal:start:hover{background-position:-10px -11px;}
.scrollStyle::-webkit-scrollbar-button:horizontal:start:active{background-position:-19px -11px;}
.scrollStyle::-webkit-scrollbar-button:horizontal:end{background-position:-30px -11px;}
.scrollStyle::-webkit-scrollbar-button:horizontal:end:hover{background-position:-40px -11px;}
.scrollStyle::-webkit-scrollbar-button:horizontal:end:active{background-position:-50px -11px;}
.scrollStyle::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.05);}
.scrollStyle::-webkit-scrollbar-thumb{border:0px solid rgba(0,0,0,.21);background-color:rgba(0,0,0,0.2);border-radius:20px;}
.scrollStyle::-webkit-scrollbar-thumb:hover{border:0px solid rgba(0,0,0,.21);background-color:rgba(0,0,0,0.3);}
.scrollStyle::-webkit-scrollbar-thumb:active{background-color:#007934;}
.scrollStyle::-webkit-scrollbar-corner{background-color:rgba(0,0,0,.02);}

.container{margin-right:auto;margin-left:auto;}

@media (max-width:991px){.container{width:auto;padding-left:0px;padding-right:0px;}}
@media (min-width:992px){.container{width:980px;padding-left:0px;padding-right:0px;}}
@media (min-width:1240px){.container{width:1200px;padding-left:0px;padding-right:0px;}}
/* @media (min-width:1440px){.container{width:1400px;padding-left:0px;padding-right:0px;}} */


@media (max-width:991px){

.c-layout-go2top{display:none;position:fixed;bottom:22px;right:15px;cursor:pointer;z-index:9999;width:44px;height:26px;background-color:rgba(0,0,0,0.5);text-align:center;}

.display-mobile{display:inline-block!important;}
.display-pc{display:none!important;}

}

@media (min-width:992px){

.display-mobile{display:none!important;}
.display-pc{display:block!important;}

.c-layout-go2top{bottom:30px;right:20px;}

}

.navbar-toggle{margin-top:9px;border:0px;width:30px;height:30px;position:relative;padding-left:9px;padding-top:10px;margin-right:20px;}
.navbar-toggle:hover{background-color:transparent!important;}
.navbar-toggle:focus{background-color:transparent!important;}
.navbar-toggle .icon-bar{background-color:rgba(255,255,255,0.6)!important;display:block;width:16px;height:1px;border-radius:1px;}
.navbar-toggle:hover .icon-bar{background-color:rgba(255,255,255,0.6)!important;}
.navbar-toggle:focus .icon-bar{background-color:rgba(255,255,255,0.6)!important;}
.navbar-toggle .icon{display:none;position:absolute;left:0px;top:0px;width:30px;height:30px;}
.navbar-toggle .icon .line01{position:absolute;left:8px;top:15px;background-color:rgba(255,255,255,0.6);display:block;width:18px;height:1px;border-radius:3px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.navbar-toggle .icon .line02{position:absolute;left:8px;top:15px;background-color:rgba(255,255,255,0.6);display:block;width:18px;height:1px;border-radius:3px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}

.overlay{display:none;background-color:rgba(0,0,0,0.6);width:100%;height:100%;position:fixed;z-index:99999;top:0px;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-ms-transition:all 0s ease;-o-transition:all 0s ease;transition:all 0s ease;}
@supports(-webkit-backdrop-filter:none){.overlay-blur{background-color:rgba(0,0,0,0.6)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}}

@media (max-width:991px){

body{padding-top:50px;}

.header{position:fixed!important;z-index:999999!important;left:0px;top:0px;right:0px;background:#fff;box-shadow:0px 1px 1px rgba(0,0,0,0.1);/*background:-webkit-linear-gradient(top,rgba(0,0,0,0.6),transparent);background:-o-linear-gradient(top,rgba(0,0,0,0.6),transparent);background:-moz-linear-gradient(top,rgba(0,0,0,0.6),transparent);background:linear-gradient(top,rgba(0,0,0,0.6),transparent);*/-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.header .container{height:50px;border-radius:0px!important;}
.header .logo{position:relative;float:left;margin-top:12px;margin-left:12px;overflow:hidden;}
.header .logo img{width:auto;height:26px;}

.header-link{float:right;margin-top:13px;margin-right:60px;}
.header-link img{width:24px;cursor:pointer;}

.nav-toggle{position:fixed;z-index:10002;top:0px;right:5px;border:0px;width:44px;height:50px;padding-top:16px;}
.nav-toggle:hover{background-color:transparent!important;}
.nav-toggle:focus{background-color:transparent!important;}
.nav-toggle .icon-bar{background-color:#333!important;display:block;width:16px;height:2px;border-radius:2px;margin:3px auto;}
.nav-toggle:hover .icon-bar{background-color:#333!important;}
.nav-toggle:focus .icon-bar{background-color:#333!important;}
.nav-toggle .icon{display:none;position:absolute;left:0px;top:0px;width:44px;height:50px;}
.nav-toggle .icon .line01{position:absolute;left:14px;top:24px;background-color:#333;display:block;width:16px;height:2px;border-radius:2px;-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.nav-toggle .icon .line02{position:absolute;left:14px;top:24px;background-color:#333;display:block;width:16px;height:2px;border-radius:2px;-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}

.nav-mobile{display:none;padding:20px 0px 20px;position:fixed;z-index:999;top:0px;bottom:0px;left:0px;right:0px;height:100%;overflow-y:auto;padding-top:50px;background-image:url(../images/bg-mobile.jpg);background-position:bottom;background-repeat:no-repeat;background-size:100% auto;}
.nav-mobile .container{position:fixed;z-index:1;top:0px;left:0px;width:100%;height:50px;border-bottom:rgba(0,0,0,0.05) solid 1px;background-color:#fff;}
.nav-mobile .logo{float:left;margin-top:11px;margin-left:15px;}
.nav-mobile .logo img{width:auto;height:28px;}
.nav-mobile .item{position:relative;background-color:rgba(255,255,255,0.9);border-bottom:rgba(0,0,0,0.05) solid 1px;padding-left:15px;padding-right:15px;display:block;color:#333;font-size:15px;line-height:48px;font-weight:bold;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.nav-mobile .item a{display:block;color:#333;font-size:15px;line-height:48px;font-weight:bold;}
.nav-mobile .item a.active{color:#c30d23;}
.nav-mobile .item i{margin-left:4px;}
.nav-mobile .item em{position:absolute;top:19px;right:15px;width:14px;height:10px;}
.nav-mobile .item em:before{content:"";position:absolute;top:5px;left:3px;width:5px;height:1px;background-color:#666;-ms-transform:rotate(40deg);-moz-transform:rotate(40deg);-webkit-transform:rotate(40deg);-o-transform:rotate(40deg);transform:rotate(40deg);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.nav-mobile .item em:after{content:"";position:absolute;top:5px;right:3px;width:5px;height:1px;background-color:#666;-ms-transform:rotate(-40deg);-moz-transform:rotate(-40deg);-webkit-transform:rotate(-40deg);-o-transform:rotate(-40deg);transform:rotate(-40deg);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.nav-mobile .item.on{color:#934500;}
.nav-mobile .item.on em:before{top:4px;left:3px;background-color:#666;-ms-transform:rotate(-40deg);-moz-transform:rotate(-40deg);-webkit-transform:rotate(-40deg);-o-transform:rotate(-40deg);transform:rotate(-40deg);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.nav-mobile .item.on em:after{top:4px;right:3px;background-color:#666;-ms-transform:rotate(40deg);-moz-transform:rotate(40deg);-webkit-transform:rotate(40deg);-o-transform:rotate(40deg);transform:rotate(40deg);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.nav-mobile .item .drop{border-top:#f4f4f4 solid 1px;padding:10px;}
.nav-mobile .item .drop .items{width:calc(100% - 0px);margin:10px 0px;text-align:left;}
.nav-mobile .item .drop .items .icon{float:left;width:16px;margin-right:10px;}
.nav-mobile .item .drop .items .icon img{width:100%;}
.nav-mobile .item .drop .items .name{float:left;color:#222;font-size:15px;line-height:16px;font-weight:bold;}
.nav-mobile .item .drop .items .text{width:calc(100% - 0px);padding:10px 0px 10px 0px;}
.nav-mobile .item .drop a{position:relative;display:inline-block;float:left;width:100%;color:#555;font-size:13px;line-height:18px;font-weight:normal;padding:5px 0px;}
.nav-mobile .item .drop a:first-child{border-top:0px;}
.nav-mobile .item .drop a:hover{color:#934500;}
.nav-mobile .item .drop a.active{color:#934500;}
.nav-mobile .item.on .drop{display:block;}
.nav-mobile .item.sub .drop{display:none;}

.header-nav{display:none;}
.header-nav-sub-drop{display:none;}
.header .pic-link{display:none;}
.header-fixed .logo{display:none;}
.header-fixed .header-nav{display:none;}


}

@media (max-width:767px){


}

@media (max-width:480px){


}

@media (max-width:340px){


}

@media (min-width:992px){

body{padding-top:100px;}

.header{position:fixed;z-index:999999;top:0;left:0;right:0;width:100%;height:100px;border-bottom:#c30d23 solid 3px;background-color:#fff;}
.header .container{height:97px;}
.header .logo{float:left;margin-top:29px;height:36px;-webkit-transition:all .2s ease;transition:all .2s ease;}
.header .logo img{height:100%;cursor:pointer;}

.header-nav{position:relative;float:right;margin-top:24px;}
.header-nav .item{position:relative;display:inline-block;}
.header-nav .item a{position:relative;display:block;color:#111;font-size:16px;line-height:50px;font-weight:bold;padding-left:25px;padding-right:25px;cursor:pointer;background-image:url(../images/bg-nav-active.png);background-position:center;background-repeat:no-repeat;background-size:0px;-webkit-transition:all 400ms cubic-bezier(.25,.1,.25,1);transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.header-nav .item a:hover{color:#c30d23;}
.header-nav .item a:hover::after{background-color:transparent;}
.header-nav .item a.active{color:#c30d23;}
.header-nav .item a.active{background-size:40px;}

.header-link{float:right;margin-top:35px;margin-left:30px;}
.header-link img{width:30px;cursor:pointer;}

.nav-mobile{display:none;}


}

@media (min-width:1240px){


}

































































