/*===================== 重置样式 START =====================*/
@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,th,td,select,ul,ol,li,form,input,textarea,fieldset,legend,img{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight: 300;}
li{list-style: none;}
a{text-decoration: none;background: transparent;outline: none;color:#000;height:100%;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
a:hover, .tran, .pub_button .pb_bg{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.upp{text-transform:uppercase;}

table{ border-collapse: collapse; border-spacing: 0;}
input,textarea{ -webkit-user-modify: read-write-plaintext-only;outline-style: none;border:none;font-size:14px;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #000; } 
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #000; } 
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#000; }
html::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;} 
html::-webkit-scrollbar-track{border-radius:0;background-color:#fff;}
html::-webkit-scrollbar-thumb{border-radius:50px;width:5px;height:5px;background-color:red;}
textarea{resize:none; overflow: auto;}
input{padding-top: 0; padding-bottom: 0;};
select,input{vertical-align:middle; }
select,input,textarea{font-size:14px;margin:0;}
.clear{zoom:1;}
.clear:after{ content:""; display:block; height:0; visibility:hidden; clear:both;}
.clear::before, .clear::after { content: "";display: table; } 
.clear::after{clear: both;}
.fl{float: left;}
.fr{float: right;}
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;}
body{font-size:14px;color:#333;background-color: #fff;	line-height: 28px;}
.error3{display: none !important;}
.dn, .dn_one, .dn_two{display: none;}
html,body{max-width:1920px;margin:0 auto;}
/*===================== 重置样式 END =====================*/

/*===================== 公用样式 START =====================*/
.section{background-position:center;background-size:cover;position: relative;}
.section_two{background-image:url(../files/d2.jpg);}
.section_three{background-image:url(../files/d2.jpg);}
.section_four{background-image:url(../files/bg4.jpg);}
.section_five{background-image:url(../files/bg5.jpg);}
.section_six{background-image:url(../files/bg6.jpg);}
.section_eight{background-image:url(../files/bg8.jpg);}
.section_nine{background-image:url(../files/bg9.jpg);}

.vidbacking-active-body-back{position: fixed;z-index: -1;min-width: 100%;min-height: 100%;top: 50%;left: 50%;background-size: cover;overflow: hidden;opacity: 1;transition: 2s opacity;transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);}
.vidbacking-active-block-back{position: absolute;min-width: 100%;min-height: 100%;height: auto;width: auto;z-index: -1;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);}
.vidbacking{display: none}
.vidmask-body-back{min-height: 100%;min-width: 100%;position: fixed;top: 0;left: 0;z-index: -50;display: block}
.vidmask-block-back{min-height: 100%;min-width: 100%;position: absolute;top: 0;left: 0;height: auto;width: auto;z-index: -50;display: block}

.header{position: fixed;top:0;left:0;width:100%;z-index:999;}
.header .auto{padding:0 20px;height:100px;}
.menu_button{cursor:pointer;width:59px;height:42px;background-color: #eb000c;padding-top:17px;margin:40px 0 0 0;position: relative;z-index:999999;}
.menu_button i{display: block;width:30px;height:3px;background-color: #fff;margin:0 auto 8px;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.menu_button.on, .menu_button:hover{border-radius:50%;border-color:#db000b;background-color: #db000b;}
.menu_button.on i, .menu_button:hover i{background-color: #fff;}
.menu_button.one{border-color:#fff;}
.menu_button.one i{background-color: #fff;}
.menu_box{width:0;position: fixed;width:0;height:100%;background-color:#000;right:0;top:0;z-index:88888;-webkit-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;}
.menu_box .item{float: left;width:175px;height:100%;overflow:auto;}
.menu_box .item::-webkit-scrollbar{width:2px;height:2px;background-color:#f1f1f1;} 
.menu_box .item::-webkit-scrollbar-track{border-radius:0;background-color:#f1f1f1;}
.menu_box .item::-webkit-scrollbar-thumb{border-radius:0px;width:2px;height:2px;background-color:#db000b;}
.menu_box .item .pad{padding:200px 0 0 50px;}
.menu_box .item h4{font-size:27px;color:#fff;}
.menu_box .item i{display: block;width:60px;height:1px;background-color: #fff;margin:10px 0;}
.menu_box .item span{font-size:14px;color:#fff;}
.menu_box .item ul{padding-top:10px;}
.menu_box .item ul li a{font-size:16px;color:#fff;height:40px;line-height:40px;cursor:pointer;}

.pub_button{position: relative;z-index:1;}
.pub_button .pb_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color:rgba(255,0,0,0.7);-webkit-transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);transform-origin: left 100%;-webkit-transform-origin: left 100%;transform: scaleY(0);-webkit-transform: scaleY(0);visibility: hidden\9;z-index: -1;}
.pub_button:hover .pb_bg, .pub_button.active .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;}