@charset "utf-8";

/* CSS Document */

/* 自定义字体 */

/* @font-face {font-family:arvo; src:url(../font/ARVO-REGULAR.TTF);}

@font-face {font-family:bim; src:url(../font/BIMINB_.TTF);} */
/* @font-face {font-family:Soure; src:url(../fonts/SourceHanSansCN-Regular.ttf);}  */
@font-face {font-family:bim; src:url(../fonts/BIMINB_.TTF);}



html {/* 1 */-ms-text-size-adjust: 100%;/* 2 */-webkit-text-size-adjust: 100%;/* 2 */overflow-y: scroll; overflow-x: hidden; /* 0 */-webkit-overflow-scrolling: touch/* 0 */ }

body {margin: 0;/* 1 */font-size: 14px;/* 0 */line-height: 2;/* 0 */color: #000;/* 0 */background-color: #fff/* 0 */ }



/* HTML5 display definitions

========================================================================== */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block; }

audio,canvas,progress,video {*display: inline; display: inline-block;/* 1 */vertical-align: baseline;/* 2 */ /* 3 */ *zoom: 1/* 3 */ }

audio:not([controls]) {display: none; height: 0; }

[hidden],template {display: none; }



/* Links ========================================================================== */

a {background: transparent;/* 1 *//* 0 */text-decoration: none; color: #000;  /*transition: all 1s ease 0s;*/ }

a:active, a:hover {outline: 0/* 2 */ }

a:hover{ color: #FFF!important; }

/* Text-level semantics ========================================================================== */

abbr[title] {border-bottom: 1px dotted; }

b,strong {font-weight: bold; }

dfn {font-style: italic; }

mark {background: #ff0; color: #000; }

small {font-size: 80%; }

sub,sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup {top: -0.5em; }

sub {bottom: -0.25em; }



/* Embedded content ========================================================================== */

img {border: 0; /* 1 */ vertical-align: middle; /* 0 */ -ms-interpolation-mode: bicubic/* 2 */ }

svg:not(:root) {overflow: hidden; }



/* Grouping content ========================================================================== */

hr {box-sizing: content-box; height: 0; }

pre {overflow: auto; /* 1 */ white-space: pre; /* 2 */ white-space: pre-wrap; /* 2 */ word-wrap: break-word/* 2 */ }

code,kbd,pre,samp {font-family: monospace, monospace; /* 1 */ _font-family: 'courier new', monospace; /* 1 */ font-size: 1em/* 2 */ }



/* Forms ========================================================================== */

button,input,optgroup,select,textarea {color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0 /* 3 */ }

button { overflow: visible; }

button,select { text-transform: none; }

button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible/* 4 */ }

button[disabled],html input[disabled] {cursor: default; }

button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0; }

textarea:focus,input:focus {outline: none; }

input {line-height: normal; }

input[type="checkbox"],input[type="radio"] {box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px /* 3 */ }

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto; }

input[type="search"] {-webkit-appearance: textfield;/* 1 */ /* 2 */ box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration, input[type="text"] {-webkit-appearance: none; }



fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; /* 1 */ padding: 0; /* 2 */ *margin-left: -7px /* 3 */ }

textarea { overflow: auto; /* 1 */ resize: vertical /* 0 */ }

optgroup { font-weight: bold; }



/* Tables ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }

td,th { padding: 0; }



q {quotes: none; }



html,button,input,select,textarea { font-family: "微软雅黑","黑体","Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;/*firefox*/}

*{  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;/*firefox*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap:break-word}



h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0;}

ul, ol, li, dl, dd { margin: 0; padding: 0; }

ul, ol { list-style: none outside none; }

h1, h2, h3 { line-height: 2; font-weight: normal; }

input:-moz-placeholder,textarea:-moz-placeholder {color: #999; }

input::-moz-placeholder,textarea::-moz-placeholder { color: #999; }

input:-ms-input-placeholder,textarea:-ms-input-placeholder { color: #999; }

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #999; }





/**自定义input placeholder属性**/

input::-webkit-input-placeholder {color: #666; font-size: 14px;}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:#666;font-size: 14px;}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#666;font-size: 14px;}

::-moz-placeholder { /* Mozilla Firefox 19+ */color:#666;font-size: 14px;}

:-ms-input-placeholder { /* Internet Explorer 10-11 */color:#666;font-size: 14px;}



/**整体宽度**/

.w1300{ width:1300px; margin:0 auto;}

.w1200{ width:1200px; margin:0 auto;}

.w1500{ width:1500px; margin:0 auto;}

.w1680{ width:1680px; margin:0 auto;}

/**颜色**/

.green{ color:green!important;}



/**自定义margin**/

.mr0{ margin-right:0px!important;}

.ml21{ margin-left:21px!important;}

.mt28{ margin-top:28px;}

.mt45{ margin-top:45px;}

.mt25{ margin-top:25px;}



.cb {clear: both; }

.vam { vertical-align:middle; }

.vat{vertical-align: top;}



.por { position: relative; }

.poa { position: absolute; }

.pof { position: fixed; }

.fl {float: left; display: inline; }

.fr {float: right; display: inline; }



.none{ display:none;}

.blok{ display:block;}

.dib { display: inline-block; }



.poa_f { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.ovh { overflow: hidden; }

.dn { display: none; }



.w_f { width: 100%; }

.h_f { height: 100%; }



.f_cb{ zoom: 1; }

.f_cb:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }



.h_flex{display:flex; display:-webkit-flex; flex-direction:row; -webkit-flex-direction:row; flex-wrap:wrap; -webkit-flex-wrap:wrap;}

.h_imgflex{ display:flex;display: -webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}

/**display:flex;左右对齐布局**/
.z_flex{ display: flex; flex-flow: row nowrap; justify-content: space-between;}

/**display:flex;上下左右居中布局**/
.c_flex{ display: flex; align-items: center; justify-content: center; text-align: justify;}

.cz_flex{ display:flex; justify-content: center;}
.sx_flex{ display: flex; align-items: center;}

/*文本样式*/

.t_align{text-align:Justify;/*Firefox*/text-justify:inter-ideograph;/*IE*/}

.lwf{letter-spacing:0; word-spacing:0; font-size: 0;}

.fwn { font-weight: normal; }

.tac {text-align: center; }

*:focus { outline: none; }



.noselect { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }





/* hover 效果 */

/* 边框效果 */

.aniu_bk{ position:relative;}

.aniu_bk:before,.aniu_bk:after{width:calc(100% - 1px); height:calc(100% + 1px); content:" ";  position: absolute; top: -1px; left: -1px; background: no-repeat; transition:all 1s ease 0s; box-sizing: border-box; /*border-radius: 15px;*/}

.aniu_bk i,.aniu_bk span,.aniu_bk em{position: relative; z-index: 2;}

.aniu_bk:before {border-bottom: 1px solid #5adec9; border-top: 1px solid #5adec9; transform: scale(0,1); }

.aniu_bk:after {border-left: 1px solid #5adec9; border-right: 1px solid #5adec9; transform: scale(1,0); }

.aniu_bk:hover:before,.aniu_bk:hover:after {opacity: 1; transform: scale(1); /* -moz-box-shadow: 0 0 8px #58d5c1; box-shadow:0 0 8px #58d5c1; */}



/* 边框效果 top left */

.aniu_bktl{ position:relative;}

.aniu_bktl:before,.aniu_bktl:after{width:0; height:0; content:" "; position: absolute; top: 0; right: 0; box-sizing: border-box; transition:all .6s ease 0s;}

.aniu_bktl i,.aniu_bktl span,.aniu_bktl em,.aniu_bktl a{position: relative; z-index: 2;}

.aniu_bktl:before {border-top: 1px solid #f00; }

.aniu_bktl:after {border-left: 1px solid #f00; right: inherit; left: 0; top: inherit; bottom: 0;}

.aniu_bktl:hover:before{width:calc(100% + 1px); height: 1px;}

.aniu_bktl:hover:after { width:1px; height:calc(100% + 1px);}



/*背景中心扩散*/

.hover_zx{ transition: all .6s ease 0s;}

.hover_zx i,.hover_zx span,.hover_zx em{position: relative; z-index: 2; font-style: normal;}

.hover_zx:after{content: ""; display: block; width: 0%; height:0%; position: absolute; top: 50%; left: 50%; /*border-radius: 100%;*/ transition: all .6s ease 0s;}

.hover_zx:hover:after{width: 100%; height: 100%; top: 0; left: 0; background: #fff;}



/*背景左滑动*/

.hover_bg{display: block; position: relative; text-transform: uppercase; overflow: hidden; transition:all .6s ease 0s; }

.hover_bg span{ position: relative; z-index: 2;}

.hover_bg:after{content: ""; width:0%; height: 100%; background: #ad141a; position: absolute; left: 0; top: 0; transition: all .6s ease 0s;}

.hover_bg:hover{color: #fff; border-color: #ad141a;}

.hover_bg:hover:after{width: 100%;}



/*响应式页第拨打*/

.yd_height{width: 100%; height: 50px; overflow: hidden; display: none;}

.yd_a{width: 100%; height: 50px; line-height: 50px; text-align: center; position: fixed; bottom: 0; left: 0; z-index: 888; display: none;}

.yd_a a{display: block; width: 50%; height: 50px; float: left; background: #d50e18; color: #fff; font-size: 16px; overflow: hidden;}

.yd_a a i{font-size:16px; margin-right: 5px;}

.yd_a a:nth-child(1){ border-right: 1px solid #a7070f;}

.yd_a a:nth-child(2){border-left: 1px solid #ff000d;}

@media all and (max-width: 1024px) {.yd_a,.yd_height{display: block;}}



/*视差滚动*/

.scxg{ position: relative;}



/* logo 流光*/

.logo em {

position: absolute;

display:block;

width: 100%;

height: 100%;

background:#fff;

top: 0;

left: -110%;

translate: -webkit-transform: skewY(25deg);

-moz-transform: skewX(-25deg);

-ms-transform: skewX(-25deg);

-o-transform: skewX(-25deg);

transform: skewX(-25deg);

background:linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));

-webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;

-ms-transition: all 0.5s ease;

-o-transition: all 0.5s ease;

transition: all 0.5s ease;

}

/*.logo:hover em {

  left:110%;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

 }*/







/**图片触碰放大缩小**/

.Somimg{ -webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;}

.Somimg:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);}

.Somimgt{ -webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;}

.Somimgt:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9);}







/**图片变灰**/

.fil-img:hover{ -webkit-filter: grayscale(1); /* Webkit */ filter: gray; /* IE6-9 */  filter: grayscale(1); /* W3C */}





/**自定义input placeholder属性**/

input::-webkit-input-placeholder {color: #666666;font-size: .7vw;}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:#666666;font-size: .7vw;}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#666666;font-size: .7vw;}

::-moz-placeholder { /* Mozilla Firefox 19+ */color:#666666;font-size: .7vw;}

:-ms-input-placeholder { /* Internet Explorer 10-11 */color:#666666;font-size: .7vw;}





/*浏览器滚动条*/


/*
@media screen and (min-width: 1200px) { 
::-webkit-scrollbar{width:5px;height:5px; background-color: #F5F5F5;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#5a0a0c;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#5a0a0c}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  border-radius: 10px;  background-color: #F5F5F5;  }    
::-webkit-scrollbar-thumb { border-radius: 10px;  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  background-color: #bdbdbd;  }  
::-webkit-scrollbar-thumb:hover{border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.4);}
}
*/