@charset "utf-8";

/**初始**/
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {font: normal 14px;-webkit-text-size-adjust: 100%}
body {padding: 0;margin: 0 auto;font-size: 16px;color: #313131;background-color: #fff;font-family: arial, sans-serif;
/* -webkit-text-size-adjust: none; */
/*取出点击出现半透明的灰色背景*/
/* -webkit-tap-highlight: rgba(0,0,0,0);  */
/*控制内容的可选择性*/
/* -webkit-user-select: none;  */
/* -ms-user-select: none; */
/* -moz-user-select: none; */
/* -khtml-user-select: none; */
/* user-select: none; */
}
table td, select, input, textarea {
    font-size: 14px;
  }
  
  .ytable-fixed {
    table-layout: fixed;
  }
  @media (max-width:1024px) {
    .ytable.xy,
    .ytable.xy > .ytable-cell{display: block;}
  }
  select.select-css {
      border: solid 1px #000;
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      background-repeat:  no-repeat;
      background-position:  98% center;
      background-color:  transparent;
      padding-right: 20px;
      padding-left: 10px;
  }
  
  /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
  select.select-css::-ms-expand {
  display: none;
  }
  /**初始 End**/
  .img-block{
      display: block; 
      width: 100%;
  }
  .w_96{width: 96%;}
  .w_86{width: 94%;}
  @media (min-width:1025px) {
  .w_86{width: 86%;} 
  }
  
  /*******************************
  open-search
  ********************************/
  .open-search{cursor: pointer;}
  .open-search[rel="absolute"]{position: absolute; top: 50%;}
  .open-search[rel="relative"]{position: relative;}
  .open-search.on{background: none!important;}
  .open-search.on:before,
  .open-search.on:after{position: absolute; content: ''; width: 70%; left: 15%; height: 3px; top: 50%; margin-top: -1.5px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
  .open-search.on:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
  
  .top-search{position: relative;display: none;padding-right: 50px;}
  .top-search[rel="absolute"]{position: absolute; top: 100%; right: 0; z-index: 100; width: 100%;max-width: 320px;}
  .top-search .text{width: 100%; height: 44px; line-height: 44px; border: 0;background: #fff; padding: 0 10px;color: #999;}
  .top-search .text.focus{color: #313131;}
  .top-search .btn{position: absolute; right: 0; top: 0; height: 100%; width: 50px;background-repeat: no-repeat;background-position: center center;}
  
  /*******************************
  open-menu
  ********************************/
  @media(max-width:1024px){
  body.menu-show{overflow: hidden;}
  
  .open-menu{z-index: 10; width: 40px; height: 40px;}
  .open-menu[rel="relative"]{position: relative;}
  .open-menu[rel="absolute"]{position: absolute; top: 50%; transform: translateY(-50%);}
  .open-menu i{position: absolute; width: 100%; height: 3px; background: #fff; left: 0; top: 50%; margin-top: -1.5px; transition: 0.3s;}
  .open-menu:not(.on) i:nth-child(1){margin-top: -10px;}
  .open-menu:not(.on) i:nth-child(3){margin-top: 8px;}
  
  .open-menu.on i:nth-child(2){opacity: 0;}
  .open-menu.on i:nth-child(1){transform: rotate(-45deg);}
  .open-menu.on i:nth-child(3){transform: rotate(45deg);}
  }
  
  /*************************************
  whir_menu.2.0
  **************************************/
  @media(min-width:1025px){
  .top-sub{position: absolute; top: 100%; z-index: 100;}
  }
  @media(max-width:1024px){
  .has-multi aside,
  .has-sub span{position: relative;padding-right: 40px; overflow: hidden;}
  .has-multi aside .op-multi,
  .has-sub span .op{position: absolute; width: 40px; height: 100%; height: 100%; transition: 0.3s; right: 0; top: 0;}
  .has-multi aside .op-multi.click,
  .has-sub span .op.click{transform: rotate(45deg);}
  .has-multi aside .op-multi:before,
  .has-multi aside .op-multi:after,
  .has-sub span .op:before,
  .has-sub span .op:after{position: absolute; content: ''; width: 12px; height: 2px;background: #fff; left: 50%; top: 50%; transform: translate(-50%,-50%);}
  .has-multi aside .op-multi:after,
  .has-sub span .op:after{ width: 2px; height: 12px;}
  .has-multi aside .op-multi:before,
  .has-multi aside .op-multi:after{background-color: #313131;}
  }
  
  [rel="li-relative"] li{position: relative; z-index: 100;}
  [type="Vertical"] .sub{display: none;}
  [type="Vertical"] .sub dl{padding: 10px;}
  [type="Vertical"] .sub dt{line-height: 24px; padding: 5px 0; text-align: center;}
  @media(min-width:1025px){
  /* [type="Vertical"] .sub dl{background: rgba(255,255,255,0.85);} */
  [rel="li-relative"] .sub{left: 50%; width: 140px; margin-left: -70px;}
  }
  
  [type="Vertical-hierarchy"] .hierarchy{display: none;}
  @media(min-width:1025px){
  [type="Vertical-hierarchy"] .has-multi{position: relative;}
  [type="Vertical-hierarchy"] .hierarchy{ position: absolute; left: 100%;top: 0;z-index: 20; width: 100%;background-color: rgba(0,0,0,0.7); padding: 10px 0;}
  [type="Vertical-hierarchy"] .hierarchy[data-num="2"]{background-color: rgba(0,0,0,0.5);}
  }
  /*滚屏快捷动画*/
  .whir-fade-left{transform: translate(-30px,0); }
  .whir-fade-right{transform: translate(30px,0);}
  .whir-fade-up{transform: translate(0,30px);}
  .whir-fade-down{transform: translate(0,-30px);}
  .whir-zoom-in{transform: scale(0);}
  [class*=whir-]{opacity: 0;transition-property: all;transition-duration: 1.2s;}
  .active [class*=whir-]{opacity: 1;}
  .active [class*=whir-fade]{transform: translate(0,0);}
  .active [class*=whir-zoom]{transform: scale(1);}
  /*局部根元素大小*/
  .root-w-1400 .auto{max-width: 1400px;}
  .root-w-1440 .auto{max-width: 1440px;}
  .root-w-1600 .auto{max-width: 1600px;}
  .root-w-1560 .auto{max-width: 1560px;}
  .root-w-1500 .auto{max-width: 1500px;}


input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;}ul, li, form, dl, dt, dd, div, ol,figure,article,nav,menu,aside{padding: 0;margin: 0;}
.ul,
 .ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;font-size: 14px;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: arial, sans-serif;}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}  
a:hover {color: #47a0ec;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;margin:0;font-family: arial, sans-serif;text-align:justify;text-justify:inter-ideograph;}
	
.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:''; display:block; height:0; clear:both; } 

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.dot2, .dot3, .dot4, .dot5, .dot6 {
    display: -webkit-box;
    display: box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-box-orient: vertical;
  }
  .dot2 {
    -webkit-line-clamp: 2;
  }
  .dot3 {
    -webkit-line-clamp: 3;
  }
  .dot4 {
    -webkit-line-clamp: 4;
  }
  .dot5 {
    -webkit-line-clamp: 5;
  }
  .dot6 {
    -webkit-line-clamp: 6;
  }

.ytable{ display:table; width:100%;table-layout:fixed;}
.ytable-cell{ display:table-cell; vertical-align:middle;}

/*垂直居中,容器设置宽高*/
.ycenter {align-items: center;
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */}
/*水平居中,容器设置宽高*/
.xcenter {justify-content: center;
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */}
/*盒子布局*/
.flexbox{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
/*弹性布局水平垂直居中 兼容性高*/
.xycenterbox{
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
	-webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}
/*弹性布局水平居中 兼容性高*/
.xcenterbox{
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}
/*弹性布局垂直居中 兼容性高*/
.ycenterbox{
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}

:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.nM{ margin:0;}
.nP{ padding:0;}
/**字体大小**/
.fz_24{ font-size:24px;}
.fz_20{ font-size:20px;}
.fz_18{ font-size:18px;}
.fz_16{ font-size:16px;}
.fz_14{ font-size:14px;}
.fz_12{ font-size:12px;}
/**初始 End**/

.fl{ float:left;}
.fr{ float:right;}
.w22{ width:22%; padding-bottom:4%;}
.w75{ width:75%; padding-bottom:4%;}
@media(max-width:1024px){
.fl,
.fr{ float:none;}
.w22,
.w75{ width:auto; padding-bottom:2%;}
}
/*用于图片变黑白*/
.grayscale{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray}.grayscale.grayscale-fade{transition:filter .5s}@media screen and (-webkit-min-device-pixel-ratio:0){.grayscale.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s}}.grayscale.grayscale-fade:hover,.grayscale.grayscale-off{-webkit-filter:grayscale(0);filter:grayscale(0)}.grayscale.grayscale-replaced{-webkit-filter:none;filter:none}.grayscale.grayscale-replaced>svg{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.grayscale.grayscale-replaced.grayscale-fade:hover>svg,.grayscale.grayscale-replaced.grayscale-off>svg{opacity:0;}
/*↑↑↑如修改栏目左右结构宽度比例 请不要修改这里的  在style.css 加上修改*/
/**页面框架 End**/
.auto{ margin:0 auto;}
.auto_1280{ max-width:1280px;}
@media(max-width:1280px){.auto_1280{ padding:0 2%;}}
.auto_1200{ max-width:1200px;}
@media(max-width:1200px){.auto_1200{ padding:0 2%;}}
.auto_1180{ max-width:1180px;}
@media(max-width:1180px){.auto_1180{ padding:0 2%;}}
.auto_1150{ max-width:1150px;}
@media(max-width:1150px){.auto_1150{ padding:0 2%;}}
.auto_1100{ max-width:1100px;}
@media(max-width:1100px){.auto_1100{ padding:0 2%;}}
.auto_1050{ max-width:1050px;}
@media(max-width:1050px){.auto_1050{ padding:0 2%;}}
.auto_1000{ max-width:1000px;}
@media(max-width:1000px){.auto_1000{ padding:0 2%;}}
.auto_950{ max-width:950px;}
@media(max-width:950px){.auto_950{ padding:0 2%;}}

/*导航公共样式*/
.header-menu li em{ display:block; font-style:normal; text-align:center;}
.header-menu li em a{ display:block;}
.header-menu li .sub dt{ line-height:40px;}
.header-menu li .sub dt a{display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:0 10px;}
.header-menu li .sub dt a:hover{ background:#132f3d; color:#fff;}
.header-menu .sub-has-sub dl{display:none;}

@media(min-width:1025px){
#header-menu{ display:none;}
.relative{ position:relative; z-index:100;}
.header-menu li{ float:left; }
.header-menu li .sub{position:absolute;}
.header-menu li .sub{ opacity:0;overflow:hidden; }
.header-menu li.aon .sub{ opacity:1; }

.no-fullbground .sub{background-color:rgba(255,255,255,0.9)}
.no-fullbground .sub-left{left:0;}
.no-fullbground .sub-right{right:0;}
.sub-horizontal .sub .sub-menu > dl{ float:left;}
.sub-horizontal .sub-right >dl{ float:right;}
.sub-horizontal .sub-menu >dl dt{ float:left;}
/*.sub-horizontal .sub-right-txt-r .sub-menu >dl{ text-align:right; float:right; }
.sub-horizontal .sub-right-txt-r .sub-menu >dl dt{ float:none; display:inline-block;}*/
.sub-horizontal .sub-right .sub-menu >dl{ text-align:right; float:right; }
.sub-horizontal .sub-right .sub-menu >dl dt{ float:none; display:inline-block;}

.sub-vertical .has-sub{ position:relative; z-index:100;}
.sub-vertical .sub{background-color:rgba(255,255,255,0.9); left:0; width:100%;}
.sub-vertical .sub-row-2{ width:200%;}
.sub-vertical .sub-row-3{ width:300%;}
.sub-vertical .sub-row-2 .sub-menu dt{ float:left; width:50%;}
.sub-vertical .sub-row-3 .sub-menu dt{ float:left; width:33.3333333%;}
.sub-vertical .sub-has-sub{ position:relative;}
.sub-vertical .sub-has-sub dl{ background-color:rgba(255,255,255,0.9);position:absolute; left:100%; top:0; width:100%;}
.sub-vertical dt.aon > a{background:#009; color:#fff;}
.sub-vertical .sub-position-right{left:auto; right:0;}
.sub-vertical .sub-position-right .sub-has-sub dl{ left:auto; right:100%;}

.sub-txt-img .sub{ width:300%; }
.sub-txt-img .sub-intro{padding:5px; overflow:hidden;}
.sub-txt-img .sub-intro .sub-left{ float:left; width:40%;}
.sub-txt-img .sub-intro .sub-right{ float:right; width:56%;}
.sub-txt-img .sub-img img{ display:block; width:100%;}
.sub-txt-img .sub-txt{ font-size:12px; line-height:24px;}

.fullbground .sub{}
.fullbground .sub-menu >dl,
.fullbground .sub-menu >dl dt{ float:left;}
.sub-menu-layer{ position:absolute; left:0; top:100%; width:100%;background-color:rgba(255,255,255,0.9);}
.sub-slideDown .sub-menu-layer{ display:none; /*transition:0.3s;*/}
    .fullbground .sub-menu-layer{display: none;}
}
/*图标*/
.has-icon-v{text-align:center;}
.has-icon-v i{ display:block;  padding:10px 0;}
.has-icon-v i img{ width:50px; height:50px; }
.has-icon-h i{ display:inline-block; vertical-align:middle;}
.has-icon-h i img{ width:20px; height:20px; margin-right:5px;}
/*图标 end*/
@media(max-width:1024px){
.header-menu{ display:none;}
#header-menu,
#header-menu ul{position:fixed;top:0;height:100%; z-index:100;right:-100%; opacity:0;transition:opacity 0.3s;}
#header-menu{ background-color:rgba(0,0,0,0.5); width:100%; }
#header-menu ul{   width:60%; max-width:280px; background:rgb(0 0 0 / 50%); height:100%; max-height:100%; overflow:auto;padding:50px 2% 0; transition:0.3s;}
#header-menu.header-menu-show,
#header-menu.header-menu-show ul{ right:0;opacity:1;}
#header-menu li .sub{ display:none;}
#header-menu li{ line-height:40px; }
#header-menu li em{ font-style:normal; display:block; font-size:16px;border-bottom:1px solid rgba(255,255,255,0.3);}
#header-menu li a{display:block;}
#header-menu li .sub a{font-size: 14px;}
#header-menu li em a{ border-bottom:1px solid rgba(0,0,0,0.3); font-weight:bold;}
#header-menu li:last-child em,
#header-menu li:last-child em a{ border-bottom:0;}
#header-menu li a:hover,
#header-menu li a{ color:#fff;}
#header-menu li.has-sub em{ position:relative;}
#header-menu li.has-sub em::before{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; z-index:2; background-color:transparent;}
#header-menu li.has-sub em .op{position:absolute; width:15px; height:15px; right:3%; top:50%; margin-top:-6px;display:none; transition:0.3s;}
#header-menu li.has-sub.clickon em .op{ transform:rotate(45deg);}
#header-menu li.has-sub em .op::before,
#header-menu li.has-sub em .op::after{  position:absolute; content:'';  background:#fff;}
#header-menu li.has-sub em .op::before{width:100%; height:3px;left:0; top:6px;}
#header-menu li.has-sub em .op::after{ width:3px; left:6px; top:0; height:100%;}

#header-menu li.has-sub em:after{
    content: "";
    display: block;
    background: url(../images/arrow-down-white.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 18px;
    height: 12px;
    position: absolute;
    right: 15px;
    top: 15px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}


#header-menu li.clickon em:after{
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
#header-menu li.clickon em a{ background:rgba(0,0,0,0.2);}
#header-menu li .sub-menu dt.has-dt{ position:relative;}
#header-menu li .sub-menu dt.has-dt::before{position:absolute; content:''; width:100%; height:100%; left:0; top:0; background-color:transparent;}
#header-menu li .sub-menu dt a{padding:0 10px; border-bottom:1px dashed rgba(0,0,0,0.5);display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;  }
#header-menu li .sub-menu dt:last-child >　a{ border-bottom:0;}
#header-menu li .sub-has-sub{ position:relative;}
#header-menu li .sub-has-sub i{ position:absolute; left:0; top:0; height:40px; width:100%; background-color:transparent; z-index:2;}
#header-menu li .sub-has-sub i::before,
#header-menu li .sub-has-sub i::after{ position:absolute; content:''; top:50%; background:#fff;}
#header-menu li .sub-has-sub i::before{ width:10px; height:2px; margin-top:-1px; right:5px;}
#header-menu li .sub-has-sub i::after{ width:2px; height:10px; margin-top:-5px; right:9px;}
#header-menu li .clickon > i::after{ display:none;}
#header-menu li .clickon > a{ background-color:rgba(0,0,0,0.2);}

#open_menu{ position:absolute; right:15px; width:40px; height:40px; border:2px solid #fff; border-radius:50%;  top:5px; z-index:200;}
#open_menu i,
#open_menu i::before,
#open_menu i::after{ position:absolute;}
#open_menu i,
#open_menu i::before,
#open_menu i::after{background:#fff;}
#open_menu i{ top:50%;}
#open_menu i{ width:60%; left:20%;  margin-top:-1px; height:2px;}
#open_menu i::before,
#open_menu i::after{ left:0; width:100%; height:100%; content:'';transition:transform 0.3s;}
#open_menu i::before{ top:6px;}
#open_menu i::after{top:-6px;}

#open_menu.open_menu_on{ border-color:#fff;}
#open_menu.open_menu_on i{ background:none !important;}
#open_menu.open_menu_on i::before,
#open_menu.open_menu_on i::after{ background:#fff; margin-top:0;}
#open_menu.open_menu_on i::before,
#open_menu.open_menu_on i::after{  top:0 !important;}
#open_menu.open_menu_on i::before{ transform:rotate(45deg);}
#open_menu.open_menu_on i::after{ transform:rotate(-45deg);}
}
/*导航公共样式 end*/
/*by 20190122*/