@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0 }
*:focus {outline: none }

html {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font: inherit;
    font-size:62.5%; /* 10÷16=62.5% */
    width:100%;
    height:100%;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;    
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased; 
    -moz-font-smoothing:antialiased; 
    font-smoothing:antialiased;
    user-select:none;
}
body { 
    font-family:"Microsoft YaHei", 微软雅黑,"PingFang SC", webfont, Helvetica, sans-serif, sans-serif;
    font-size:14px; font-size:1.4rem; /* 12÷10=1.2 */
    font-weight:400;
    line-height:160%; 
    color:#000; 
    background: #fff; 
    height:100%
}


em, q, cite, address { font-weight:400; font-style:normal }
h1, h2, h3, h4, h5, h6 { font-weight:400 }
address { display:inline }
img { border:none }
li { list-style:none }
q { quotes:none }
strong { font-weight:bold }
table { border-collapse:collapse }
th { text-align:left; font-weight:400 }
small { -webkit-text-size-adjust:none; font-size:10px }
i { font-style:normal } 

::selection { background-color:#bb0d2a; color:#fff }
::-moz-selection { background-color:#bb0d2a; color:#fff }

/* link */
a { color:#000; outline-style:none; text-decoration:none; cursor:pointer; }
a:hover { color:#bb0d2a }

/* clear float */
.cf { zoom:1 } /* for IE */
.cf:after { content:"."; display: block; clear:both; font-size:0; height:0; visibility:hidden; overflow:hidden } /* for other */
/* end of clear float */

/* float */
.fleft { float:left!important }
.fright { float:right!important }
.fnone { float:none!important }
/* text-align */
.tleft { text-align:left }
.tright { text-align:right }
.tcenter { text-align:center }
.vermid { vertical-align: middle }
/* display */
.dis { display:block }
.undis { display:none }
.disinline { display:inline }
.disinblock { display:inline-block }

.cursor_pointer { cursor:pointer }
.cursor_default { cursor:default }

/* form */
label { cursor:pointer }
label:hover { text-decoration:underline }
input, select, textarea { vertical-align:middle; color:#000; font-family:"Microsoft YaHei", 微软雅黑,"PingFang SC", webfont, Helvetica, sans-serif, sans-serif; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none }
input[type="text"], input[type="password"], select { height: 40px; line-height: 40px; border: 1px solid transparent; background: rgba(255,255,255,0.8); padding:0 10px; appearance:none; -moz-appearance:none; -webkit-appearance:none }
input[type="text"]:focus, input[type="password"]:focus { border: 1px solid #fff; background: rgba(255,255,255,0.5) }
input[type="checkbox" i] { -webkit-appearance: checkbox; box-sizing: border-box }
textarea { border: 1px solid #88a5bf; background: transparent; padding:10px }
textarea:focus { border: 1px solid #fff }
button { cursor:pointer; vertical-align:middle; text-align:center; font-family:"Microsoft YaHei", 微软雅黑,"PingFang SC", webfont, Helvetica, sans-serif, sans-serif }
select::-ms-expand { display: none; }

/*-------------------结构-------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, time { display:block }

.cd-main-content { width:100%; height: 100% }

.container { margin-right:auto; margin-left:auto; width: 1150px }
.container:before, .container:after { content:" "; display:table }
.container:after { clear: both }

/*-------------------定位-------------------*/
.positionRelative { position: relative }
.positionAbsolute { position: absolute } 
.positionStatic { position:static!important; top: 0!important; margin-top: 0!important }

.poabsolute-wh50 { position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.poabsolute-w50 { position:absolute; left:50%; -webkit-transform: translateX(-50%) ; -moz-transform: translateX(-50%) ; -ms-transform: translateX(-50%) ; -o-transform: translateX(-50%) ; transform: translateX(-50%) ; }
.poabsolute-h50 { position:absolute; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) }
.poabsolute-t { position:absolute; top:0 }
.poabsolute-b { position:absolute; bottom:0 }

.zoomimg img{
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
}

.zoomimg:hover img{
  transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  -moz-transform: scale(1.05);
}
.zoomimg:hover .imgproduct{
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -moz-transform: scale(1.2);
}
.left0 { left:0!important }
.right0 { right:0!important }
.bottom0{bottom: 0 !important;}
.top0{ top: 0 !important;}
.zindex2 { z-index:2 }
.zindex3 { z-index:3 }
.right40 { right:40!important }
.overhidden { overflow:hidden }
.tjustify{text-align: justify;}

/*-------------------通用圆角-------------------*/
.border-radius3 { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px }
.border-radius10 { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px }
.border-radius50 { -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50% }

/*-------------------透明度-------------------*/
.opacity0 { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.opacity0_1 { filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity:0.1; opacity:0.1 }
.opacity0_3 { filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3 }
.opacity0_5 { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 }
.opacity0_4 { filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4 ; -webkit-filter:alpha(opacity=40); }
.opacity0_6 { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6 ; -webkit-filter:alpha(opacity=60); }
.opacity0_8 { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }
.opacity1 { filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1 ; -webkit-filter:alpha(opacity=1); }

/*-------------------字体颜色、样式、字体间距-------------------*/

@font-face {
  font-family: "webfont";
  font-weight: 400;
  src: url("//at.alicdn.com/wf/webfont/eX4l3wCsjX5V/1Hf518O9Vusv.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/eX4l3wCsjX5V/I6nL3DYwUQi7.woff") format("woff");
  font-display: swap;
}
.iconfont { line-height: 1em;font-size: 1em; }

.fa-0_6x { font-size: 0.6em!important; -webkit-transform: scale(0.8) }
.fa-0_8x { font-size: 0.8em!important }
.fa-1x { font-size: 1em!important }
.fa-1_2x { font-size: 1.2em!important }
.fa-1_4x { font-size: 1.4em!important }
.fa-1_6x { font-size: 1.6em!important }
.fa-2x { font-size: 2em!important }
.fa-2_4x { font-size: 2.4em!important }
.fa-3x { font-size: 3em!important }
.fa-4x { font-size: 4em!important }
.fa-5x { font-size: 5em!important }

.font-bold { font-weight: bold }
.font-thin { font-weight: 200 }


.fontSize10 { font-size:10px; font-size:1rem; -webkit-transform:scale(0.8) }
.fontSize12 { font-size:12px;line-height:1.1em  }
.fontSize94 { font-size:94px;line-height:1.1em  }
/* .bigtext64{font-size: 64px;line-height:1.1em }
.bigtext56{font-size: 56px;line-height:1.1em } */
/* h1, .h1 { font-size: 30px; line-height:1.1em } */
h2, .h2 { font-size: 65px; line-height:1.1em }
h3, .h3 { font-size: 50px; line-height:1.1em }
h4, .h4 { font-size: 36px; line-height:1.1em }
h5, .h5 { font-size: 22px }
h6, .h6 { font-size: 18px }

.line-height1em { line-height:1em }
.line-height1_1em { line-height:1.1em }
.line-height1_2em { line-height:1.2em }
.line-height1_3em { line-height:1.3em }
.line-height1_4em { line-height:1.4em }
.line-height1_5em { line-height:1.5em }
.line-height1_6em { line-height:1.6em }
.line-height1_8em { line-height:1.8em }
.line-height2em { line-height:2em }
.line-height2_5em { line-height:2.5em }
.line-height3em { line-height:3em }

.colorfff, .colorfff a, .colorfff a:link, .colorfff a:visited, .colorfff a:active { color: #fff }
.colorfff a:hover, a:hover .colorfff, a.colorfff:hover { color: #fff }
.color000, .color000 a, .color000 a:link, .color000 a:visited, .color000 a:active { color: #000 }
.color000 a:hover, a:hover .color000, a.color000:hover { color: #000 }
.colorf00 { color: #f00 }
.color333 { color: #333 }
.color727171{color: #727171;}
/*-------------------背景颜色--------------------*/
.bgfff { background: #fff }
.bgeee { background: #eee }
.bgfafafa{ background-color: #fafafa; }
.bgbe9e7f{background-color: #be9e7f;}
.bg009baa{background-color: #009baa;}
.bg9d2140{background-color: #9d2140;}
.bgca8c0c{background-color: #ca8c0c;}
.bgf4f4f4{background-color: #f4f4f4;}
.bge9ecf3{background-color: #e9ecf3;}
.bgf4bf1a{background-color: #f4bf1a;}
.bge2231a{background-color: #e2231a;}
/*-------------------字体颜色-------------------*/
.color0e357f{
  color: #0e357f;
}
.colorc9c9c9P{color: #c9c9c9;}
.color8e8e8e{color: #8e8e8e;}
.colorffffff45{color: #ffffff45;}
.color9d2140{color: #9d2140;}
.colorc9952d{color: #c9952d;}
.colora71f24{ color: #a71f24;}
.colord02a14{color: #d02a14;}
.colorfdc993{color: #fdc993;}
.color009baa{color: #009baa;}
.colore2231a{color: #e2231a;}
.color7d7d7e{color: #7d7d7e;}
.color231815{color: #231815;}
/*-------------------分割线、边框-------------------*/
.line-fff { width:100%; height:1px; line-height:1px;border-bottom: 1px solid #fff }


.block-padding { padding-top: 60px; padding-bottom: 60px }
.block-padding-t { padding-top: 60px }
.block-padding-b { padding-bottom: 60px }
.block-padding-t40 { padding-top: 40px }
.block-padding-b40 { padding-bottom: 40px }
.block-padding-t35 { padding-top: 35px }
.block-padding-b35 { padding-bottom: 35px }
.block-padding-t30 { padding-top: 30px }
.block-padding-b30 { padding-bottom: 30px }
.block-padding-b20 { padding-bottom: 20px }

/*-------------------间距-------------------*/
.margintop5 { margin-top:5px }
.margintop8 { margin-top:8px }
.margintop10 { margin-top:10px }
.margintop15 { margin-top:15px }
.margintop20 { margin-top:20px }
.margintop25 { margin-top:25px }
.margintop30 { margin-top:30px }
.margintop40 { margin-top:40px }
.margintop50 { margin-top:50px } 
.margintop60 { margin-top:60px } 
.margintop80 { margin-top:80px } 

.marginbottom5 { margin-bottom:5px }
.marginbottom10 { margin-bottom:10px }
.marginbottom15 { margin-bottom:15px }
.marginbottom20 { margin-bottom:20px }
.marginbottom30 { margin-bottom:30px }
.marginbottom40 { margin-bottom:40px }
.marginbottom50 { margin-bottom:50px }
.marginbottom60 { margin-bottom:60px }

.marginleft5 { margin-left:5px }
.marginleft10 { margin-left:10px }
.marginleft15 { margin-left:15px }
.marginleft20 { margin-left:20px }
.marginleft30 { margin-left:30px }
.marginleft40 { margin-left:40px }

.marginright5 { margin-right:5px }
.marginright10 { margin-right:10px }
.marginright15 { margin-right:15px }
.marginright20 { margin-right:20px }
.marginright30 { margin-right:30px }
.marginright40 { margin-right:40px }
.marginright60 { margin-right:60px }
.marginright80 { margin-right:80px }

.marginauto { margin-left:auto; margin-right:auto }

.paddingtop0 { padding-top:0!important }
.paddingtop1 { padding-top:2px !important}
.paddingtop5 { padding-top:5px }
.paddingtop10 { padding-top:10px }
.paddingtop15 { padding-top:15px }
.paddingtop20 { padding-top:20px }
.paddingtop30 { padding-top:30px }
.paddingtop35 { padding-top:35px }
.paddingtop40 { padding-top:40px }
.paddingtop50 { padding-top:50px }
.paddingtop60 { padding-top:60px }
.paddingtop80 { padding-top:80px }

.paddingbottom0 { padding-bottom:0!important }
.paddingbottom5 { padding-bottom:5px }
.paddingbottom10 { padding-bottom:10px }
.paddingbottom15 { padding-bottom:15px }
.paddingbottom20 { padding-bottom:20px }
.paddingbottom30 { padding-bottom:30px }
.paddingbottom35 { padding-bottom:35px }
.paddingbottom40 { padding-bottom:40px }
.paddingbottom50 { padding-bottom:50px }
.paddingbottom60 { padding-bottom:60px }
.paddingbottom80 { padding-bottom:80px }
.paddingbottom100 { padding-bottom:100px }

.paddingleft0 { padding-left:0!important }
.paddingleft5 { padding-left:5px }
.paddingleft10 { padding-left:10px }
.paddingleft15 { padding-left:15px }
.paddingleft20 { padding-left:20px }
.paddingleft30 { padding-left:30px }
.paddingleft35 { padding-left:35px }
.paddingleft40 { padding-left:40px }
.paddingleft45 { padding-left:45px }
.paddingleft50 { padding-left:50px }
.paddingleft60 { padding-left:60px }
.paddingleft80 { padding-left:80px }

.paddingright0 { padding-right:0!important }
.paddingright5 { padding-right:5px }
.paddingright10 { padding-right:10px }
.paddingright15 { padding-right:15px }
.paddingright20 { padding-right:20px }
.paddingright30 { padding-right:30px }
.paddingright40 { padding-right:40px }
.paddingright50 { padding-right:50px }
.paddingright60 { padding-right:60px }
.paddingright80 { padding-right:80px }

.padding5 { padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding10 { padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding15 { padding:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding20 { padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding30 { padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding40 { padding:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding60 { padding:60px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding40_20 { padding:40px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.box-sizing { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.mo_dis { display:none }
.mo_undis { display:block }

.row10 { margin-left: -10px; margin-right: -10px }
.row15 { margin-left: -15px; margin-right: -15px }
.row20 { margin-left: -20px; margin-right: -20px }
.row30 { margin-left: -30px; margin-right: -30px }

/*-------------------宽度、高度--------------------*/
.width10 { width:10% }
.width15 { width:15% }
.width20 { width:20% }
.width25 { width:25% }
.width30 { width:30% }
.width33 { width:33.33% }
.width35 { width:35% }
.width40 { width:40% }
.width45 { width:45% }
.width50 { width:50% }
.width55 { width:55% }
.width60 { width:60% }
.width65 { width:65% }
.width66 { width:66.66% }
.width70 { width:70% }
.width75 { width:75% }
.width80 { width:80% }
.width90 { width:90% }
.width92 { width:92% }
.width93 { width:93% }
.width96 { width:96% }
.width100 { width:100% }

.imgw40 { display:block; max-width:40%; height:auto }
.imgw50 { display:block; max-width:50%; height:auto }
.imgw60 { display:block; max-width:60%; height:auto }
.imgw80 { display:block; max-width:80%; height:auto }
.imgw90 { display:block; max-width:90%; height:auto }
.imgw100 { display:block; max-width:100%; height:auto }

.height50 { height:50% }
.height100 { height:100% }


/*-------------------区块-------------------*/
.area_100 { float:left; width:100% }
.area_90 { float:left; width:90% }
.area_85 { float:left; width:80% }
.area_80 { float:left; width:80% }
.area_75 { float:left; width:75% }
.area_70 { float:left; width:70% }
.area_66 { float:left; width:66.66% }
.area_65 { float:left; width:65% }
.area_60 { float:left; width:60% }
.area_55 { float:left; width:55% }
.area_50 { float:left; width:50% }
.area_45 { float:left; width:45% }
.area_40 { float:left; width:40% }
.area_35 { float:left; width:35% }
.area_33 { float:left; width:33.33% }
.area_30 { float:left; width:30% }
.area_25 { float:left; width:25% }
.area_20 { float:left; width:20% }
.area_15 { float:left; width:15% }
.area_16 { float:left; width:16.66% }
.area_10 { float:left; width:10% }

.mo_com-rows_1 { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
/* .com-rows_1 { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } */
.com-rows_1 { height:1.5em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_2 { height:2.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_max2 { max-height:2.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_3 { height:4.45em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical }
.com-rows_4 { height:5.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical }
.com-rows_5 { height:7.45em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical }
.com-rows_6 { height:8.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical }
.com-rows_9 { height:16em; line-height:2em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:9; -webkit-box-orient:vertical }

.x_com-rows_5 { height:50%; line-height:1.5em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:5; }
/*-------------------头部-------------------*/
.zhanwei{
  width: 100%;
  height: 94px;
}
.headbox { width: 100%; height:0; position: fixed; z-index: 1000;}

.navbox, .logo, .nav .menuLi .mainmenu, .language { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.navbox { width: 100%; height:84px; background: #fff; position: absolute; top: 0; left: 0; z-index: 999;border: 0;  }

.logo { width: auto; height: 34px; position: absolute; top: 25px; z-index: 1000 }

.nav .menuLi { float:left; display:block; position:relative }
.nav .menuLi .mainmenu { display:block; height:60px; line-height:60px;margin-top:24px; padding-left: 20px; padding-right: 20px; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box ;}
.nav .menuLi .mainmenu:hover, .nav .menuLi .mainmenu.menuLiBnameover, .nav .menuLi .mainmenu.menuLipitchon {font-weight: bolder; }
.nav .menuLi .mainmenu.menuLipitchon::after { content: ""; width: calc(30px ); height: 5px; position:absolute;  left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; background: #e2231a }
.menuListBox { width: auto; min-width: 100%; text-align: left; line-height:30px; position:absolute; top:84px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background: #fff; display:none }
.menuListBox a { position: relative; display: inline-block; white-space:nowrap; padding:5px 25px; font-size: 14px; line-height:30px; color: #000; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; white-space:nowrap }
.menuListBox a:hover { 
  /* filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 ; -webkit-filter:alpha(opacity=80); */
  color: #bb0d2a;
 }
.menuListBox a:first-of-type { margin-top: 10px }
.menuListBox a:last-of-type { margin-bottom: 10px }
.menuListBox a:before { background-color: rgba(255,255,255,0.8); content: ''; position: absolute; left: 10px; top: 25px; width: 5px; height: 1px;  transition: -webkit-transform .2s ease; transition: transform .2s ease; -webkit-transform-origin: right; transform-origin: right; -webkit-transform: scaleX(0); transform: scaleX(0) }
.menuListBox a:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left }


.headbox.current .navbox { height: 40px;   box-shadow: 0px 0px 20px -10px #000;  background: #fff;opacity: 0.95; }
.headbox.current .logo {  top: 7px;
  height: 24px; }
.headbox.current .nav .menuLi .mainmenu { height: 40px; line-height: 40px;margin-top: 0; }

/*  nav2*/

.navbox, .logo, .nav2 .menuLi .mainmenu, .language { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.nav2 .menuLi { float:left; display:block; position:relative }
.nav2 .menuLi .mainmenu { display:block; height:60px; line-height:60px;margin-top:14px; padding-left: 10px; padding-right: 10px; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box ;}
/* .nav2 .menuLi .mainmenu:hover, .nav2 .menuLi .mainmenu.menuLiBnameover, .nav2 .menuLi .mainmenu.menuLipitchon {font-weight: bolder; } */
/* .nav2 .menuLi .mainmenu.menuLipitchon::after { content: ""; width: calc(30px ); height: 5px; position:absolute;  left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; background: #e2231a } */
.nav2 .menuLi .mainmenu.menuLipitchon { color: #bb0d2a !important;font-size: 20px; }
.headbox.current .nav2 .menuLi .mainmenu { height: 40px; line-height: 40px; margin-top: 0 }

.nav2 .menuLi .mainmenu .iconfont, .nav2 .menuLi .mainmenu span { line-height:60px }
.headbox.current .nav2 .menuLi .mainmenu .iconfont, .headbox.current .nav2 .menuLi .mainmenu span { line-height:40px }
.nocopy span, .nocopy .iconfont { float: left }
/*  */

.headbox.current .menuListBox { top:40px }
.headbox.current .language { top: 11px }
.menu { width: 44px; text-align: center; height:44px; line-height: 44px; background: #005ead; position: absolute; right: 30px; top: 114px; z-index: 1000; cursor: pointer; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; display: none; }
.bar { height: 2px; width: 20px; display: block; margin-left: 12px; position: absolute; background-color: #fff; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.menu .bar:nth-of-type(1) {
  top: 15px;
  -moz-transition: top 0.3s ease 0.3s, -moz-transform 0.3s ease-out 0s;
  -o-transition: top 0.3s ease 0.3s, -o-transform 0.3s ease-out 0s;
  -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out;
  -webkit-transition-delay: 0.3s, 0s;
  transition: top 0.3s ease 0.3s, transform 0.3s ease-out 0s; 
}
.menu .bar:nth-of-type(2) {
  width: 15px;
  top: 21px;
  -moz-transition: ease 0.1s 0.2s;
  -o-transition: ease 0.1s 0.2s;
  -webkit-transition: ease 0.2s;
  -webkit-transition-delay: 0.2s;
  transition: ease 0.2s 0.2s;
}
.menu .bar:nth-of-type(3) {
  top: 27px;
  -moz-transition: top 0.3s ease 0.3s, -moz-transform 0.3s ease-out 0s;
  -o-transition: top 0.3s ease 0.3s, -o-transform 0.3s ease-out 0s;
  -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out;
  -webkit-transition-delay: 0.3s, 0s;
  transition: top 0.3s ease 0.3s, transform 0.3s ease-out 0s;
}
.menu.hover .bar:nth-of-type(1) {
  top: 21px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-transition: top 0.2s ease 0s, -moz-transform 0.2s ease-out 0.3s;
  -o-transition: top 0.2s ease 0s, -o-transform 0.2s ease-out 0.3s;
  -webkit-transition: top 0.2s ease, -webkit-transform 0.2s ease-out;
  -webkit-transition-delay: 0s, 0.3s;
  transition: top 0.2s ease 0s, transform 0.2s ease-out 0.3s;
}
.menu.hover .bar:nth-of-type(2) {
  opacity: 0;
}
.menu.hover .bar:nth-of-type(3) {
  top: 21px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -moz-transition: top 0.2s ease 0s, -moz-transform 0.2s ease-out 0.3s;
  -o-transition: top 0.2s ease 0s, -o-transform 0.2s ease-out 0.3s;
  -webkit-transition: top 0.2s ease, -webkit-transform 0.2s ease-out;
  -webkit-transition-delay: 0s, 0.3s;
  transition: top 0.2s ease 0s, transform 0.2s ease-out 0.3s;
}
.xiala a:hover{
  font-weight: bold !important;
  color: bb0d2a !important;
}
/* .xiala a:hover +i{
display: block;
} */
.xiala { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;
}
.nocopy{
  -moz-user-select:none; /* Firefox私有属性 */
    -webkit-user-select:none; /* WebKit内核私有属性 */
    -ms-user-select:none; /* IE私有属性(IE10及以后) */
    -khtml-user-select:none; /* Khtml内核私有属性 */
    -o-user-select:none; /* Opera私有属性 */
    user-select:none; /* CSS3属性 */

}

.move-animation2 {
  animation: move2 0.6s ease-in-out infinite alternate;
  -webkit-animation: move2 0.6s ease-in-out infinite alternate;
  top: 30% !important;
  
}
  /*使用@keyframes定义动画效果*/
  @keyframes move2 {
  0% { transform: translateX(0px); }
  100% { transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); }
  }


/*-------------------底部-------------------*/

/* .footicon{    
  background: #0e357f;
  border-radius: 50%;
  padding: 4px;
  color: #fff;
  font-size: 14px !important;} */
  .bottomtop a{
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}
  
  .bottomtop a:hover{
    color: #bb0d2a;
  }
 
/*-------------------首页-------------------*/
.headspace{
  height: 84px; width: 100%;
}

.footwidth15{
  width: 15%;
}
.footwidth25{
  width: 25%;
}
.bottom20{
  bottom: 20px;
}
.bottom16{
  bottom: 16%;
}

/* 显示动画 */
.shubiao {
  /*将元素的透明度设置为0*/animation: fadeIn11 1.5s ease-in infinite;
  /*使用动画效果来控制元素的透明度从0到1*/
 
}
  @keyframes fadeIn11 {


  0% {
    opacity: 1.0;
  }
  33% {
    opacity: 0.5;
  }
  67% {
    opacity: 0;
  }
  100% {
    opacity: 1.0;
  }
  }

  .jumbotron{background:hsla(0,0%,100%,.05);height:80vh}
  .jumbotron1{background:hsla(0,0%,100%,.05);height:100vh}
  .bgbb0d2a{background-color: #bb0d2a;}
  .bge3e3e3{background-color: #e3e3e3;}
.more{
  display: inline-block;
  padding: 2px 10px;
  color: #fff;
  cursor: pointer;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}
.more2{
  background: #bb0d2a;
  display: inline-block;
  padding: 6px 14px;
  color: #fff;
  margin-top: 60px;
  cursor: pointer;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}
.more3{
  background: #bb0d2a;
  display: inline-block;
  padding: 8px 18px;
  color: #fff;

  cursor: pointer;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}

.bg000{background: #000;}

#grad1 {
  height: 30vh;
  background-color: transparent; /* 浏览器不支持时显示 */
  background-image: linear-gradient(#00000000,#000);
  z-index: 100;
}
#grad2 {
  height: 30vh;
  background-color: transparent; /* 浏览器不支持时显示 */
  background-image: linear-gradient(#000, #00000000);
  z-index: 100;
}
.move-animation {
  animation: move 0.6s ease-in-out infinite alternate;
  -webkit-animation: move 0.6s ease-in-out infinite alternate;
  display: inline-block;
  /* top: 30% !important; */
}
.left14{left: 14%;}
  /*使用@keyframes定义动画效果*/
  @keyframes move {
  0% { transform: translateX(0px); }
  100% { transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); }
  }

.color999999{color: #999999;}
.img5{background: url('/images/index/5.jpg') no-repeat center; background-size: 100% auto;}
.img5c{
  background: url('/images/index/9.jpg') no-repeat center;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  animation: opacity01 2s ease-in-out infinite alternate;
  -webkit-animation: opacity01 2s ease-in-out infinite alternate;
}

@keyframes opacity01 {
  0% {
    opacity: 1.0;
  }
  
  100% {
    opacity: 0;
  }
  }

.img6{background: url('/images/index/6.jpg') no-repeat center; background-size: 100% auto;height: 120vh;}
.img7{background: url('/images/index/7.jpg') no-repeat center; background-size: 100% auto;}
.disflex{display: flex;justify-content: space-between;align-items: center;}
.newindex{border-bottom: 1px solid #e5e5e5; padding-bottom: 30px;}
.newindex p , .newindex .more ,.newindex {
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.newindex:hover p{
  color: #bb0d2a;
}
.newindex:hover .more{
 background-color: #bb0d2a;
 color: #fff;
}
.newindex:hover .more i{
  animation: move 0.6s ease-in-out infinite alternate;
  -webkit-animation: move 0.6s ease-in-out infinite alternate;
  display: inline-block;
 }
.newindex:hover{
  border-bottom: 1px solid #bb0d2a;
}



.buttonhover p , .buttonhover .more ,.buttonhover {
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.buttonhover:hover .more i{
  animation: move 0.6s ease-in-out infinite alternate;
  -webkit-animation: move 0.6s ease-in-out infinite alternate;
  display: inline-block;
 }
 .buttonhover:hover .more3 i{
  animation: move 0.6s ease-in-out infinite alternate;
  -webkit-animation: move 0.6s ease-in-out infinite alternate;
  display: inline-block;
 }
 .buttonhover3:hover .more3 i{
  animation: move2 0.6s ease-in-out infinite alternate;
  -webkit-animation: move2 0.6s ease-in-out infinite alternate;
  display: inline-block;
}

 @keyframes move2 {
  0% { transform: translateY(-3px); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); -o-transform: translateY(-3px); }
  100% { transform: translateY(3px); -webkit-transform: translateY(3px); -moz-transform: translateY(3px); -ms-transform: translateY(3px); -o-transform: translateY(3px); }
  }


.colorbb0d2a{color: #bb0d2a;}

.wave{
  width: 600px;
  height: 600px;
  background-color: #e1e1e1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  z-index: 3;
  animation: r 6s ease-in infinite;
  -webkit-animation: r 6s ease-in infinite;
}
.wave2{
  width: 700px;
  height: 700px;
  background-color: #e9e9e9;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  z-index: 2;
  animation: r 5s ease-in infinite;
  -webkit-animation: r 5s ease-in infinite;
}
.wave3{
  width: 800px;
  height: 800px;
  background-color: #f0f0f0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  z-index: 1;
  animation: r 4s ease-in infinite;
  -webkit-animation: r 4s ease-in infinite;
}



@keyframes r {
  0%,20% {
    opacity: 0.8;
  }
  50% {
    opacity: 0;
  }
  80%,100% {
    opacity: 0.8;
  }
}
.bgf8f8f8{background-color: #f8f8f8;}

.marginleft3em{margin-left: 3em;}
.marginright1em{margin-right: 1em;}
.marginright3em{margin-right: 3em;}
/* margin-left: 3em;display: none; */
  
/*-------------------产品与技术-------------------*/

.bottom50{bottom: 10%;}
.bg5a5a5a{background: #5a5a5a;}
.right20{right: 20px;}
.bottom20{bottom: 20px;}

.img1{ transition:all 0.8s ; -webkit-transition:all 0.8s ; -moz-transition:all 0.8s ; -ms-transition:all 0.8s ; -o-transition:all 0.8s ; }
.icon-zengjia{
  transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;
}
.hoverbgimg .poabsolute-h50{
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.smtext{
  transform: translateY(50px);
  transition: all ease-in-out 0.3s;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  opacity: 0;
}



.bgbf2540{background: #bf2540;}

.divbg{ top: 0%; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; opacity: 0;  width: 100%; height: 100%;
}
.divbg2{ top: 0%; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; opacity: 0;  width: 100%; height: 100%;
z-index: -1;
}

.height50product{
  height: calc(50% - 10px);
}
.color231815{color: #231815;}
.bg3f4144{background: #3e4043;}

.mySwiperdel .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap,2px) !important;
}
.mySwiperdel .swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,6px)) !important;
  height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,6px)) !important;
  background-color: #e6e6e6 !important;
  opacity: 1;
}
.mySwiperdel .swiper-pagination-bullet.swiper-pagination-bullet-active{
  width: 14px !important;
  border-radius: 6px !important;
  -webkit-border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  -ms-border-radius: 6px !important;
  -o-border-radius: 6px !important;
  background-color: #e6e6e6 !important;


}
.mySwiperdel .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: -20px !important;

}
.bg7a807f{background-color: #7a807f;}
.top15{top: 15%;}
.margintop6{margin-top: 6%;}
.beforeline{
  position: relative;
}
.beforeline::before{
  content: '';
  width: 1px;
  height: 70%;
  position: absolute;
  left: 0;
  top: 16%;
  background-color: #efefef;
}

.color5f5f5f{color: #5f5f5f;}

.text1{
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}

.aboutyuan{
      /*display: inline-block;
      *//*padding: 50px;
      */border-radius: 50%;
      height: 200px;
      width: 200px;
      display: flex;
      align-items: center;
      justify-content: center;
      /*background:linear-gradient(to bottom, #231815, #484341);
      */
      background-image: linear-gradient(to bottom, #231815, #484341) ;
      /* transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s; */
}
.yuanyuan{
  border-radius: 50%;
  opacity: 0;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
/* .aboutyuan:hover .yuanyuan{
  opacity: 1;
} */
.aboutyuan h5{
  transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -o-transition: all 0.8s;
}


.yuanhover:hover .yuanyuan{
  opacity: 1;
}

.yuanhover:hover .aboutyuan h5{
  transform: rotateY(360deg);
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
}
.textyuan{
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.yuanhover:hover .textyuan{
color: #bb0d2a;
}
.mySwiperabout .swiper-button-next{right: -10%;top: 55%;}
.mySwiperabout .swiper-button-prev{left: -10%;top: 55%;}
.mySwiperabout .swiper-button-next:after{color: #000000;}
.mySwiperabout .swiper-button-prev:after{color: #000000;}
.bg0f0f0f{background-color: #0f0f0f;}
.border_efefef{
border: 1px solid #efefef;
}
.hearingloss_hover:hover h5{
  color: #bb0d2a;
}
.hearingloss_hover svg path{
  transition: all 0.5s !important;
  -webkit-transition: all 0.5s !important;
  -moz-transition: all 0.5s !important;
  -ms-transition: all 0.5s !important;
  -o-transition: all 0.5s !important;
}
.hearingloss_hover svg {
  font-size: 5em;
}
.hearingloss_hover:hover svg path{
  fill: #bb0d2a;
  background-color: red;

} 

.hearingloss_hover,.hearingloss_hover h5{
  transition: all 0.5s !important;
  -webkit-transition: all 0.5s !important;
  -moz-transition: all 0.5s !important;
  -ms-transition: all 0.5s !important;
  -o-transition: all 0.5s !important;
}
.hearingloss_hover:hover{
  border: 1px solid #bb0d2a;
}
/* .img2erji{opacity: 0;  transition: all 0.5s !important;
  -webkit-transition: all 0.5s !important;
  -moz-transition: all 0.5s !important;
  -ms-transition: all 0.5s !important;
  -o-transition: all 0.5s !important;}
.img1erji{opacity: 1;  transition: all 0.5s !important;
  -webkit-transition: all 0.5s !important;
  -moz-transition: all 0.5s !important;
  -ms-transition: all 0.5s !important;
  -o-transition: all 0.5s !important;}
.hearingloss_hover:hover .img2erji{
opacity: 1;
}
.hearingloss_hover:hover .img1erji{
  opacity: 0;
  } */

.bgf9f9f9{background-color: #f9f9f9;}
.inputbgf9f9f9{background-color: #f9f9f9 !important;}
.heightright{
  height: calc((100% - 60px) / 3);
}
.obj_cover{
  object-fit: cover;
}    
.borderbottom_e5e5e5{
  border-bottom: 1px solid #e5e5e5;
  }
.hoverborder:hover{
  border-bottom: 1px solid #bb0d2a;
}
.hoverborder{
  transition: all 0.3s !important;
  -webkit-transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  -ms-transition: all 0.3s !important;
  -o-transition: all 0.3s !important;
}
.tijiaobutton{
  height: 40px;
  line-height: 40px;
  background-color: #bb0d2a;
}
.supportmedia{
  background-image: url('/images/support/2.jpg'); background-repeat: no-repeat; background-size:50% 100%;background-color: #111111;
}
.bianbg{
  background-color: #e3e3e3 !important;
}
.buttonhover:hover .bianbg{
  background-color: #bb0d2a !important;
} 

.top58{top: 58%;}
.newbutton{
  padding: 4px 10px;
  cursor: pointer;
}
.newactive{background: #bb0d2a;color: #fff;}
.newinput{
  background: #f9f9f9 !important;
  height: 34px !important;
    line-height: 34px !important;
    padding-left: 30px !important;
}

.left10px{left: 10px;}

.newinput::placeholder{
  color: #474747 !important;
}
.color474747{color: #474747;}

.top52{top: 52% !important;}

.borderbottom_ececec{
  border-bottom: 1px solid #ececec;
  }
  .bordertop_ececec{
    border-top: 1px solid #ececec;
    }
.hovernew{ transition:all 0.3s ; -webkit-transition:all 0.3s ; -moz-transition:all 0.3s ; -ms-transition:all 0.3s ; -o-transition:all 0.3s ; }
.hovernew:hover{
  color: #bb0d2a;
}
.newdetail img{max-width: 100%;}

.tankuang .icon-close{
    right: 10px;
    font-weight: bold;
    top: 10px;
    transition: all 0.3s ;
    -webkit-transition: all 0.3s ;
    -moz-transition: all 0.3s ;
    -ms-transition: all 0.3s ;
    -o-transition: all 0.3s ;
}
.tankuang .icon-close:hover{
   transform:rotate(180deg);
   -webkit-transform:rotate(180deg);
   -moz-transform:rotate(180deg);
   -ms-transform:rotate(180deg);
   -o-transform:rotate(180deg);
}
.model .icon-close{
  right: 10px;
  font-weight: bold;
  top: 10px;
  transition: all 0.3s ;
  -webkit-transition: all 0.3s ;
  -moz-transition: all 0.3s ;
  -ms-transition: all 0.3s ;
  -o-transition: all 0.3s ;
}
.model .icon-close:hover{
 transform:rotate(180deg);
 -webkit-transform:rotate(180deg);
 -moz-transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 -o-transform:rotate(180deg);
}
.guanbiicon{

  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ;
  -webkit-transition: all 0.3s ;
  -moz-transition: all 0.3s ;
  -ms-transition: all 0.3s ;
  -o-transition: all 0.3s ;
}
.guanbiicon:hover{
 transform:rotate(180deg);
 -webkit-transform:rotate(180deg);
 -moz-transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 -o-transform:rotate(180deg);
}
.bg470109{
  background: #470109;
}
.tankuang{position: fixed;z-index: 1000;background-color: #00000077;width: 100%;height: 100%;top: 0;left: 0;display: none;}
.tankuangfff{position: fixed;z-index: 1000;background-color: #ffffff77;width: 100%;height: 100%;top: 0;left: 0;display: none;}
.tankuangfff .icon-close{
  right: 0px;
  font-weight: bold;
  top: 40px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.tankuangfff .icon-close:hover{
 transform:rotate(180deg);
 -webkit-transform:rotate(180deg);
 -moz-transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 -o-transform:rotate(180deg);
}
.navbox .xialabox{height: calc(100vh - 84px);}
.headbox.current .navbox .xialabox{height: calc(100vh - 40px);}

.bgf3f3f3{background-color: #f3f3f3;}
.scolltiao{
  height: 50%;
}
.selectitem p:hover{
background-color: #bbbbbb;
}
.selectitem p{
  cursor: pointer;
 transition: all 0.3s;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -ms-transition: all 0.3s;
 -o-transition: all 0.3s;
}
.contact input{
  background: #fafafa !important;
    border: none !important;
}
.selectitem3,.selectitem4{
  height: 230px;
    overflow: hidden;
    overflow-y: auto;
}

.zhuanjiaright:nth-child(1) {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 15px;
}
.zhuanjiaright:nth-child(2) {
    border-bottom: 1px solid #e3e3e3;
    padding-top: 15px;
    padding-bottom: 15px;
}
.zhuanjiaright:nth-child(3) {
    padding-top: 15px;
}




.soundbite::-webkit-scrollbar {
    width: 5px;
    background-color: #e8e8e8;
}
/*定义滚动条轨道：内阴影+圆角*/
.soundbite::-webkit-scrollbar-track
{
    background-color:#d2697a;
}
/*定义滑块：内阴影+圆角*/
.soundbite::-webkit-scrollbar-thumb
{
    background-color:#e8e8e8;
}


.enflex{
  display: flex;justify-content: space-between;align-items: center;
}
.width8{
  width: 8%;
}
.top28{
  top: 28%;
}
/* 
.soundbite::-webkit-scrollbar-thumb {
  border-radius:10px;
  background:rgba(0,0,0,.2)
  }
  .soundbite::-webkit-scrollbar-thumb:window-inactive {
  background:rgba(0,0,0,.1)
  }
  .soundbite::-webkit-scrollbar-thumb:vertical:hover {
  background-color:rgba(0,0,0,.3)
  }
  .soundbite::-webkit-scrollbar-thumb:vertical:active {
  background-color:rgba(0,0,0,.7)
  }
 */





  
/*定义整个滚动条高宽及背景：高宽分别对应横竖滚动条的尺寸*/
.scolltiao::-webkit-scrollbar
{
    width:5px;
    background-color:#e8e8e8;
}
/*定义滚动条轨道：内阴影+圆角*/
.scolltiao::-webkit-scrollbar-track
{
    background-color:#ececec;
}
/*定义滑块：内阴影+圆角*/
.scolltiao::-webkit-scrollbar-thumb
{
    background-color:#646464;
}





.top35{
  top: 35%;
}
.rediobox1, .rediobox2, .rediobox3, .rediobox666, .rediobox777, .rediobox8, .rediobox9, .rediobox10{
    width: calc(100% - 20px);
    margin: auto;
    left: 10px;
    height: calc(100% - 20px);
    border-radius: 10px;
    top: calc(100%);
    z-index: 2;
    transition: all 1s ;
    -webkit-transition: all 1s ;
    -moz-transition: all 1s ;
    -ms-transition: all 1s ;
    -o-transition: all 1s ;
}
/* .rediobox2{
  width: calc(100% - 20px);
  margin: auto;
  left: 10px;
  height: calc(100% - 20px);
  border-radius: 10px;
  top: calc(100%);
  z-index: 2;
  transition: all 1s ;
  -webkit-transition: all 1s ;
  -moz-transition: all 1s ;
  -ms-transition: all 1s ;
  -o-transition: all 1s ;
}
.rediobox3{
  width: calc(100% - 20px);
  margin: auto;
  left: 10px;
  height: calc(100% - 20px);
  border-radius: 10px;
  top: calc(100%);
  z-index: 2;
  transition: all 1s ;
  -webkit-transition: all 1s ;
  -moz-transition: all 1s ;
  -ms-transition: all 1s ;
  -o-transition: all 1s ;
}
.rediobox666{
  width: calc(100% - 20px);
  margin: auto;
  left: 10px;
  height: calc(100% - 20px);
  border-radius: 10px;
  top: calc(100%);
  z-index: 2;
  transition: all 1s ;
  -webkit-transition: all 1s ;
  -moz-transition: all 1s ;
  -ms-transition: all 1s ;
  -o-transition: all 1s ;
}
.rediobox777{
  width: calc(100% - 20px);
  margin: auto;
  left: 10px;
  height: calc(100% - 20px);
  border-radius: 10px;
  top: calc(100%);
  z-index: 2;
  transition: all 1s ;
  -webkit-transition: all 1s ;
  -moz-transition: all 1s ;
  -ms-transition: all 1s ;
  -o-transition: all 1s ;
}
.rediobox8{
  width: calc(100% - 20px);
  margin: auto;
  left: 10px;
  height: calc(100% - 20px);
  border-radius: 10px;
  top: calc(100%);
  z-index: 2;
  transition: all 1s ;
  -webkit-transition: all 1s ;
  -moz-transition: all 1s ;
  -ms-transition: all 1s ;
  -o-transition: all 1s ;
} */
.icon1{
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
}
.weixinbox{
  left: -35px;
  top: -400%;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  z-index: -1;
}
.weixin:hover .weixinbox{
top: 100%;
}
.xiaochengxubox{
  left: -35px;
  top: -400%;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  z-index: -1;
}

.xiaochengxu:hover .xiaochengxubox{
top: 100%;
}
.swiper1 .swiper-button-prev{
  left: -44px !important;
}
.swiper1 .swiper-button-next{
  right: -44px !important;
}
.swiper1 .swiper-button-disabled{
  color: #858585 !important;
}
.swiper1 .swiper-button-disabled{
  color: #858585 !important;
}
.swiper1 .swiper-button-prev,.swiper-button-next{
color: #fff !important;
}
.swiper1 .swiper-pagination {
  bottom: 14px !important;
}
.swiper1  .swiper-pagination-bullet{
  background-color: #747474 !important;
}
.swiper1  .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background-color: #bb0d2a !important;
}
.newinput2{
  width: 500px;
  padding-right: 80px !important;
}
.newinput3{
  width: 300px;
  padding-right: 80px !important;
}
.video-popbox {
  width: calc(80vw);
  height: calc(45vw);
  overflow: hidden;
}


.imgafter {
  position: relative;
  border: 1px solid #a7a7a7;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.imgafter2::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #a7a7a7;
  /*改成合适的颜色*/bottom: -10px;
  /*调整箭头位置*/left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.imgafter2::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  /*改成合适的颜色*/bottom: -9px;
  /*调整箭头位置*/left: 50%;
  z-index: 2;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.left20px{left: 20px;}

.triangle{
  position: relative;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.triangle::before {
  position: absolute;
  content: '';
  border-right: 25px solid transparent;
  border-left: 25px solid transparent;
  border-bottom: 25px solid #f8f8f8;
  top: -20px;
  transform: rotateZ(-135deg);
}
.pline{
  /* border-bottom: 1px solid #d6d6d6; */
  opacity: 0.7 !important;
  padding-top:6px;
  padding-bottom: 6px;
}
.homepopop{
  width: 100%;
  height: 100%;
  background: #000;
}
.topfu10{
  top: -10px;
}

.top4{
  top: 4px;
}
.marginleft65{
  margin-left:65px;
}


/*-------------------响应式css-------------------*/
@media ( min-width:1600px ) {
.container { width:1500px;max-width: 1500px; }
.footwidth15{
  width: 15%;
}
.footwidth25{
  width: 25%;
}
}


@media ( min-width:1300px ) and ( max-width:1599px ) {
.container { width:1260px }
h2, .h2 { font-size: 65px; line-height:1.1em }
h3, .h3 { font-size: 50px; line-height:1.1em }
h4, .h4 { font-size: 36px; line-height:1.1em }
h5, .h5 { font-size: 20px }
h6, .h6 { font-size: 18px }

.footwidth15{
  width: 15%;
}
.footwidth25{
  width: 25%;
}
}

@media ( min-width:1100px ) and ( max-width:1299px ) {
.container { width:1080px }
h2, .h2 { font-size: 65px; line-height:1.1em }
h3, .h3 { font-size: 50px; line-height:1.1em }
h4, .h4 { font-size: 36px; line-height:1.1em }
h5, .h5 { font-size: 18px }
h6, .h6 { font-size: 18px }
.footwidth15{
  width: 15%;
}
.footwidth25{
  width: 25%;
}
}

@media ( min-width:801px ) and ( max-width:1099px ){
.container { width: 90%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
h2, .h2 { font-size: 58px; line-height:1.1em }
h3, .h3 { font-size: 44px; line-height:1.1em }
h4, .h4 { font-size: 32px; line-height:1.1em }
h5, .h5 { font-size: 18px }
h6, .h6 { font-size: 16px }
/* 底部 */
.footwidth70{
  width: 70%;
}
.footwidth30{
  width: 30%;
}
.footwidth35{
  width: 35%;
}
.footwidth15{
  width: 15%;
}
.footwidth25{
  width: 25%;
}
}