@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0 }
*:focus {outline: none }
html { width:100%; height:100%; font-size:62.5%; /* 10÷16=62.5% */ }
body { font-size:14px; font-size:1.4rem;background: #f4f4f4 /* 12÷10=1.2 */ }
body { line-height:1.6em; font-weight:300; font-family:/* "PingFang SC", */"Hiragino Sans GB","STHeiti",Helvetica,"Microsoft Yahei",微软雅黑,黑体,新細明體,Arial,"Lucida Grande",sans-serif; color:#000; background:#fff; height:100% }
em, q, cite, address { font-weight:300; font-style:normal }
h1, h2, h3, h4, h5, h6 { font-weight:300 }
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:300 }
small { -webkit-text-size-adjust:none; font-size:10px }
i { font-style:normal } 

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

/* link */
a { color:#000; outline-style:none; text-decoration:none; cursor:pointer; transition-duration:0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s }
a:hover { color:#eb8d45 }

a.under { text-decoration:underline;cursor:default }
a.under2 { text-decoration:underline }

.abox-show { transition-duration:0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s }
.abox-show:hover { box-shadow:2px 1px 14px 2px rgb(0,0,0,0.2) }

/* 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 }
.tjustify { text-align: justify }
/* display */
.dis { display:block }
.undis { display:none }
.disinline { display:inline }
.disinblock { display:inline-block }
.imgradus { border-radius: 50% }

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

.cd-main-content { width:100%; margin:0 auto; overflow: hidden }

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

.nd-con img { max-width: 75% }
.nd-con p { color:#333 }
/*-------------------定位-------------------*/
.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: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0) }
.poabsolute-h50 { position:absolute; top:50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%) }
.poabsolute-b { position:absolute; bottom:0 }
.poabsolute-t { position:absolute; top:0 }

.left0 { left: 0 }
.right0 { right: 0 }
.bottom0 { bottom: 0 }
.zindex2 { z-index:2 }
.zindex3 { z-index:3 }

.overhidden { overflow:hidden }

/*-------------------通用圆角-------------------*/
.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_2 { filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity:0.2; opacity:0.2 }
.opacity0_5 { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 }
.opacity0_6 { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6 }
.opacity0_8 { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }

/*-------------------字体颜色、样式、字体间距-------------------*/
@font-face {font-family: 'webfont';
  src: url('/font/webfont.eot'); /* IE9*/
  src: url('/font/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/font/webfont.woff') format('woff'), /* chrome、firefox */
  url('/font/webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('/font/webfont.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}

.iconfont { line-height: 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_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 }
.fa-8x { font-size: 8em!important }
.fa-10x { font-size: 10em!important }

.font-bold { font-weight: bold }
.brandlight { width: 1em;font-size: 70px;font-weight:300;line-height:1em;font-family: fontlight,Helvetica,Arial,sans-serif;word-wrap: break-word }
.fontlight { font-weight:300;font-family: fontlight,Helvetica,Arial,sans-serif;word-wrap: break-word }
@font-face {
  font-family: 'fontlight';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_c3rnit5hf1.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_c3rnit5hf1.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_c3rnit5hf1.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_c3rnit5hf1.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_c3rnit5hf1.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_c3rnit5hf1.svg#思源黑体-极细') format('svg'); /* iOS 4.1- */
}


.italic { font-style: italic }
.text-indent { text-indent: 2em }
.letter-spacing20 { letter-spacing:20px }
.text-upp{ text-transform:uppercase }

.fontSize10 { font-size:10px; font-size:1rem; -webkit-transform:scale(0.8) }
.fontSize12 { font-size:12px;line-height: 1.4em }
.fontSize14 { font-size:14px;line-height: 1.4em }
.fontSize16 { font-size:16px;line-height: 1.4em }

h1, .h1 { font-size: 70px;line-height: 1.4em; }
h2, .h2 { font-size: 50px;line-height: 1.4em; }
h3, .h3 { font-size: 30px;line-height: 1.4em; }
h4, .h4 { font-size: 24px;line-height: 1.4em; }
h5, .h5 { font-size: 18px;line-height: 1.4em; }
h6, .h6 { font-size: 16px;line-height: 1.4em; }

/*-------------------颜色--------------------*/
.colorfff, .colorfff a, a.colorfff { color: #fff }
.color712f11 { color: #712f11 }
.color6d3f0a { color: #6d3f0a }
.clor666 { color: #666 }
.coloreb8d45 { color: #eb8d45!important }
.colorf3982d { color: #f3982d }
.colorf00 { color: #f00 }
.color000 { color: #000 }
.colorc85700 { color: #c85700 }
.colorac9158 { color: #ac9158 }
.color4a322e { color: #4a322e }
.color097c25 { color: #097c25 }

.bgfff { background: #fff }
.bg000 { background: #000 }
.bgf3982d { background: #f3982d }
.bgf7f7f7 { background: #f7f7f7 }
.bgf1f1f1 { background: #f1f1f1 }
.bg4172b7 { background: #4172b7 }
.bgf4f4f4 { background: #f4f4f4 }
.bgfbfbfb { background: #fbfbfb }
.bgfef9f3 { background: #fef9f3 }
/*-----------------间距---------------------*/ 
.line-height1em { line-height:1em }
.line-height1_1em { line-height:1.1em }
.line-height1_2em { line-height:1.2em }
.line-height1_5em { line-height:1.5em }
.line-height1_6em { line-height:1.6em }
.line-height1_8em { line-height:1.8em }
/*-------------------宽度、高度--------------------*/
.width10 { width:10% }
.width14 { width:14.28% }
.width15 { width:15% }
.width16 { width:16.66% }
.width20 { width:20% }
.width25 { width:25% }
.width32 { width:32% }
.width30 { width:30% }
.width33 { width:33.33% }
.width35 { width:35% }
.width40 { width:40% }
.width45 { width:45% }
.width50 { width:50% }
.width60 { width:60% }
.width70 { width:70% }
.width80 { width:80% }

.width100 { width:100% }
.height100 { height: 100% }

.imgw20 { display:block; max-width:20%; height:auto }
.imgw23 { display:block; max-width:23%; height:auto }
.imgw30 { display:block; max-width:30%; height:auto }
.imgw40 { display:block; max-width:40%; height:auto }
.imgw60 { display:block; max-width:60%; height:auto }
.imgw100 { display:block; max-width:100%; height:auto }
.imgcover { object-fit: cover }

/*-------------------区块-------------------*/
.area_100 { float:left; width:100% }
.area_90 { float:left; width:90% }
.area_80 { float:left; width:80% }
.area_85 { float:left; width:85% }
.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_14 { float:left; width:14.28% }
.area_10 { float:left; width:10% }

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

.margintop3 { margin-top:3px }
.margintop5 { margin-top:5px }
.margintop10 { margin-top:10px }
.margintop15 { margin-top:15px }
.margintop20 { margin-top:20px }
.margintop30 { margin-top:30px }
.margintop40 { margin-top:40px!important }
.margintop50 { margin-top:50px } 
.margintop60 { margin-top:60px } 
.margintop80 { margin-top:80px }
.margintop100 { margin-top:100px }

.marginbottom5 { margin-bottom:5px }
.marginbottom10 { margin-bottom:10px }
.marginbottom15 { margin-bottom:15px }
.marginbottom20 { margin-bottom:20px }
.marginbottom30 { margin-bottom:30px }
.marginbottom40 { margin-bottom:40px!important }
.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 }
.marginleft60 { margin-left:60px }
.marginleft80 { margin-left:80px }

.marginright5 { margin-right:5px }
.marginright10 { margin-right:10px }
.marginright20 { margin-right:20px }
.marginright30 { margin-right:30px }
.marginright40 { margin-right:40px }

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

.paddingtop0 { padding-top:0!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 }
.paddingtop45 { padding-top:45px }
.paddingtop50 { padding-top:50px }
.paddingtop60 { padding-top:60px }
.paddingtop70 { padding-top:70px }
.paddingtop80 { padding-top:80px }
.paddingtop90 { padding-top:90px }
.paddingtop100 { padding-top:100px }

.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 }
.paddingbottom45 { padding-bottom:45px }
.paddingbottom50 { padding-bottom:50px }
.paddingbottom60 { padding-bottom:60px }
.paddingbottom70 { padding-bottom:70px }
.paddingbottom80 { padding-bottom:80px }
.paddingbottom100 { padding-bottom:100px }

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

.paddingright0 { padding-right:0!important }
.paddingright5 { padding-right:5px }
.paddingright7 { padding-right:7px }
.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 }

.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 }
.padding40_20 { padding:40px 20px; -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 }

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

.mo_dis { display: none }
.mo_undis { display:block }
.infinite-height { margin-bottom: -30000px;padding-bottom: 30000px }

.weibo_href { vertical-align: top }
.vermid { vertical-align: middle; }

/*-----------------线条---------------------*/ 
.line-fff-40 { width:100%; height:1px; line-height:1px; font-size:0; background:rgba(255,255,255,0.4); border:0 none }
.line-000-20 { width:100%; height:1px; font-size:0; background:rgba(0,0,0,0.2); border:0 none }
.border-r-f3982d { border-right:1px solid #A1A1A1;box-sizing: border-box }
.border-l-f3982d { border-left:1px solid #A1A1A1;box-sizing: border-box }
.border-d2d2d2 { border:1px solid #d2d2d2;box-sizing: border-box }
.border-b000-20 { border-bottom:1px solid rgba(0,0,0,0.2);box-sizing: border-box }

.com-rows_1 { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.com-rows_2 { height:2.75em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_max2 { max-height:2.75em; line-height:1.4em; 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.55em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical }
.com-rows_5 { height:6.95em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical }
.com-rows_6 { height:8.35em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical }
.modis-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 }
/*-------------------按钮-------------------*/ 
.btnbox { overflow: hidden;border: 2px solid #f3982d;display: inline-block }
.btnbox .btneb8d45 { width: 100px;height:40px;color: #f3982d;position: relative;font: 16px 'Open Sans', sans-serif;text-transform: uppercase;background: none;-webkit-transition: all .5s;transition: all .5s;display: block;text-align: center; }
.btnbox .btneb8d45 span { position: relative;z-index: 2;line-height:40px }
.btnbox .btneb8d45:hover { color: #fff }
.btnbox .btneb8d45:before { content: "";position: absolute; top: 0;right: 0; width: 0; height: 100%;background-color: #f3982d;z-index: 1;-webkit-transition: all .5s;transition: all .5s }
.btnbox .btneb8d45:hover:before { width: 110% }

.btnbox2 { overflow: hidden;border: 2px solid #f3982d;display: inline-block }
.btnbox2 .btneb8d45 { width: 160px;height:40px;color: #fff;position: relative;font: 16px 'Open Sans', sans-serif;text-transform: uppercase;background: none;-webkit-transition: all .5s;transition: all .5s;display: block;text-align: center; }
.btnbox2 .btneb8d45 span { position: relative;z-index: 2;line-height:40px }
.btnbox2 .btneb8d45:hover { color: #f3982d }
.btnbox2 .btneb8d45:before { content: "";position: absolute; top: 0;left: 0; width: 110%; height: 100%;background-color: #f3982d;z-index: 1;-webkit-transition: all .5s;transition: all .5s }
.btnbox2 .btneb8d45:hover:before { width: 0 }

.btnbox3 { overflow: hidden;border: 1px solid #fff;display: inline-block;-webkit-transition: all .5s;transition: all .5s; }
.btnbox3 .btnefff { width: 120px;height:40px;color: #fff;position: relative;font: 14px 'Open Sans', sans-serif;text-transform: uppercase;background: none;-webkit-transition: all .5s;transition: all .5s;display: block;text-align: center; }
.btnbox3 .btnefff span { position: relative;z-index: 2;line-height:40px }
.btnbox3:hover { border: 1px solid #f3982d }
.btnbox3 .btnefff:hover { color: #fff }
.btnbox3 .btnefff:before { content: "";position: absolute; top: 0;right: 0; width: 0; height: 100%;background-color: #f3982d;z-index: 1;-webkit-transition: all .5s;transition: all .5s; }
.btnbox3 .btnefff:hover:before { width: 110% }

.btnfff { background: #fff;width: 80px;height: 40px;line-height: 40px }
.btnfff:hover { background:#f3982d;color:#fff; }

.btnbox2.indexbtn .btneb8d45 { width: 130px;height: 32px }
.btnbox2.indexbtn .btneb8d45 span { line-height: 32px }

/*-------------------分享-------------------*/
.share { position: fixed;right: 20px;top: 30%;z-index: 999;cursor: pointer }

.share .foot-wechat2, .share .share-dz, .share .share-sy, 
.share .foot-wechat2 p, .share .share-dz p, .share .share-sy p
.share .foot-wechat2 .iconfont, .share .share-dz .iconfont, .share .share-sy .iconfont { -moz-transition:all 0.3s; -o-transition: all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s }

.share .foot-wechat2:hover , 
.share .share-dz:hover,     
.share .share-sy:hover   { background: #fff; } 

.share .foot-wechat2:hover .iconfont, .share .foot-wechat2:hover p,
.share .share-dz:hover .iconfont, .share .share-dz:hover p,   
.share .share-sy:hover .iconfont,.share .share-sy:hover p { color: #f3982d; } 

.share .foot-wechat2,.share .share-dz,.share .share-sy { box-shadow: 1px 0px 5px rgba(197,125,40,0.4)}
.share .foot-wechat2 { padding: 20px 8px 10px 8px;background: #f3982d;border-top-left-radius:30px;-webkit-border-top-left-radius:30px;-moz-border-top-left-radius:30px;-o-border-top-left-radius:30px;border-top-right-radius:30px;-webkit-border-top-right-radius:30px;-moz-border-top-right-radius:30px; -o-border-top-right-radius:30px }
.share-line { width: 100%;height: 1px;background: #c27a24 }
.share-dz { padding: 10px 8px;background: #f3982d }
.share-sy { padding: 10px 8px 20px 8px;background: #f3982d;border-bottom-left-radius:30px;-webkit-border-bottom-left-radius:30px;-moz-border-bottom-left-radius:30px;-o-border-bottom-left-radius:30px;border-bottom-right-radius:30px;-webkit-border-bottom-right-radius:30px;-moz-border-bottom-right-radius:30px; -o-border-bottom-right-radius:30px; }

/*-------------------手机端菜单-------------------*/
#cd-lateral-nav { display: none }

/*-------------------分页css开始-------------------*/
.quotes { display: inline-block }
.quotes a { display: inline-block; width: 30px; height: 30px; line-height: 30px; color: #f3982d; margin: 0 1px }
.quotes a .iconfont { font-size: 18px; line-height: 30px }
.quotes a.disabled, .quotes a.disabled:hover { color: #989798 }
.quotes a:hover { color: #f3982d }
.quotes span { display: inline-block; height: 24px; line-height: 24px; margin: 3px 10px }
.quotes input { width: 40px; text-align: center; height: 24px; line-height: 24px; margin: 3px 10px; border: 1px solid #f3982d; background: transparent; color: #f3982d }

/*-------------------通用-------------------*/ 
.gm-dot { width: 9px;height: 9px;display: inline-block;background: #f3982d;border-radius: 50%;z-index: 4;left: 31px }
.line-dot { width: 1px;height: 100%; background:rgba(0,0,0,0.1);position: absolute;left: 35px }

/*-------------------loading-------------------*/
.loadDiv { width:100%; height:100%; position:fixed; top:0; left:0; z-index:222222; text-align:center; background:#fff }
.loadDiv .load-logo { width: 400px; height: auto }

.line-scale > div:nth-child(1) {
  -webkit-animation: line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(2) {
  -webkit-animation: line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(3) {
  -webkit-animation: line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(4) {
  -webkit-animation: line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(5) {
  -webkit-animation: line-scale 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: line-scale 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div {
  background-color: #f3982d;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block; }   
@-webkit-keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }

  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }

  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }
@keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }

  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }

  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }
            
/*-------------------通用头部-------------------*/ 
.headbox { width: 100%; height: 140px; background: #f3982d; position: fixed; top: 0; right: 0; z-index: 2000;-moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s } 
.nav { width: 100%; position: relative; top: 0; right: 0; z-index: 2000; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.nav .menuLi .mainmenu.menuLipitchon .mainmenu-dot { width: 15px; left: 20px }
.nav .menuListBox .nav1 { padding: 40px 30px; box-sizing: border-box }
.nav-list .nav1:hover { background: #fff0de }
.nav .menuListBox .nav2 { padding: 40px 20px; box-sizing: border-box }
.nav .menuListBox .nav2 .coloreb8d45 { font-size: 18px }
.nav .menuListBox .nav2 .coloreb8d45 .thirdlymenu-line { background: #eb8d45 }
.nav-list .nav2:hover { background: #fff0de }

.logo { width: auto; height: 60px; margin-top: 50px;-moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.menu-list { position: absolute; top: 50px; right: 0; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.menuLi { float:left; display:block; position:relative; overflow: visible; }
.menuLi .mainmenu { display:block; height:90px; line-height:90px;  font-size:1.6rem; color:#fff; position:relative; overflow:hidden;padding-left: 30px; padding-right: 30px }
.menuLi .mainmenu em { color: #f3f3f3; position:absolute; top:36px;left:0;width: 0%;height: 6px;background: #fff;-moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.menuLi .mainmenu:hover{ background: #fff0de;color: #f3982d; }
.menuLi .mainmenu:hover em { background: #fff0de }
.menuLi .mainmenu.menuLipitchon em, .menuLi .mainmenu.menuLiBnameover em { width:100% }
.menu-list .menuLi:nth-last-child(1) { padding-right: 0 }

.menuListBox { width: 100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:fixed; top: 140px; left: 0;background: #ffead1}
/*.submenubox { width: 70% }*/

.contact-nav-list a, .contact-nav-list div.wopen { padding: 40px 0; box-sizing: border-box; cursor: pointer }
.contact-nav-list a:nth-of-type(1), .contact-nav-list a:nth-of-type(2), .contact-nav-list a:nth-of-type(3), .contact-nav-list a:nth-of-type(4) { width: 12% }
.contact-nav-list a:nth-of-type(5) { width: 17% }
.contact-nav-list a:nth-of-type(6) { width: 16% }
.contact-nav-list div.wopen { width: 19% }
.contact-nav-list a:hover, .contact-nav-list div.wopen:hover { background: #fff0de }

.headbox.current { position: fixed;height: 60px }
.headbox.current .logo { height: 42px;margin-top: 10px }
.headbox.current .nav { height: 60px }
.headbox.current .menu-list { top:0 }
.headbox.current .menuListBox { top: 60px }
.headbox.current .menuLi .mainmenu { height: 60px; line-height: 60px }
.brand-top div { float: left;margin-bottom: 0;width: 170px; }
.brand-top { margin-left: 110px; }
.brand-top div:nth-of-type(1){ margin-left: -110px;width: 110px }

/*@media ( max-width:1024px ) {
.submenubox { width: 80% }
}*/

/*.secondmenu { font-size: 14px; line-height: 24px; margin-bottom: 10px; position: relative }
.secondmenu a { display: inline-block; color: #000;  }
.secondmenu p { filter:alpha(opacity=8); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }*/
a.thirdlymenu, .thirdlymenu a, a .thirdlymenu, .contact-nav-list div.wopen .thirdlymenu,.zhaopin .thirdlymenu { display: inline-block; font-size: 12px; height: 24px;line-height: 24px; color: #000; margin-bottom: 5px; position: relative;position: relative;filter:alpha(opacity=8); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }
.secondmenu-line, .thirdlymenu-line { width:0; height:1px; position:absolute; top:22px; left:0; background:#a1a1a1; transition-duration:0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s }
.secondmenu a:hover .secondmenu-line, .secondmenu-have.hover .secondmenu-line, .thirdlymenu:hover .thirdlymenu-line, a:hover .thirdlymenu .thirdlymenu-line { width:100% }
/*.secondmenu-arrows { transition-duration:0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }*/
/*.secondmenu a:hover .secondmenu-arrows, .secondmenu-have.hover .secondmenu-arrows { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }*/
/*.thirdlymenu-box { width: 300px; position: absolute; right: -300px; display: none }
.thirdlymenu-box.hover { display: block }
.thirdlymenu-box01 { top: 0 }
.thirdlymenu-box02 { top: -34px }
.thirdlymenu-box03 { top: -68px }
.thirdlymenu-box04 { top: 0 }*/
.cursor_pointer{
	cursor: pointer;
}
.en { position: absolute; top: 45px; right: 20px }
.en a { color: #fff }
.en a:hover { color: #f9cfbb }
.en span { font-size: 16px }
.en .icon-caret-bottom { font-size: 10px; -webkit-transform: scale(0.8); margin-left: 2px }
.toppadding { height: 140px;width: 100%;background: #f3982d }

/*logo svg*/
		.nav svg g {
		    stroke-dasharray: 80;
		    stroke-dashoffset: -80;
		    /*-webkit-animation: animJumper 1.3s linear infinite;
        animation: animJumper 1.3s linear infinite;*/
		}

			 
			/*@keyframes animJumper {
			  8% {
			    stroke-dasharray: 20.50783px, 136.71884px;
			  }
			  32% {
			    stroke-dasharray: 41.01565px, 136.71884px;
			    stroke-dashoffset: -47.85159px;
			  }
			  56% {
			    stroke-dasharray: 20.50783px, 136.71884px;
			    stroke-dashoffset: -116.21102px;
			  }
			  64% {
			    stroke-dasharray: 0, 136.71884px;
			    stroke-dashoffset: -136.71884px;
			  }
			}     */
		
		
		
		.nav svg g path,.nav svg g polygon,.nav svg g rect {
		    stroke-width: 0.5px;
		    stroke: #f3982d;
		}
		@media screen and (max-width: 950px) {
		    svg g path {
		        stroke-width: 4px;
		    }
		}
		@media screen and (max-width: 600px) {
		    svg g path {
		        stroke-width: 6px;
		    }
		}
		.nav .dallas {
		    position: relative;
		    text-align: center;
		    color:red;
		    font-family: 'estilo-pro';
		    width: 200px;
		    height: 1em;
		    line-height: 2.2em;
		    margin: -2em auto 0 auto;
		    opacity: 0;
		    -webkit-transform: translateY(-3.5rem) scale(0);
		    -moz-transform: translateY(-3.5rem) scale(0);
		    -ms-transform: translateY(-3.5rem) scale(0);
		    -o-transform: translateY(-3.5rem) scale(0);
		    transform: translateY(-3.5rem) scale(0);
		    border: 1px solid #f3982d;
		    background: #15181a;
		}
		@media screen and (max-width: 950px) {
		    .dallas {
		        -webkit-transform: translateY(-2.8rem) scale(0);
		        -moz-transform: translateY(-2.8rem) scale(0);
		        -ms-transform: translateY(-2.8rem) scale(0);
		        -o-transform: translateY(-2.8rem) scale(0);
		        transform: translateY(-2.8rem) scale(0);
		    }
		}
		@media screen and (max-width: 800px) {
		    .dallas {
		        -webkit-transform: translateY(-1rem) scale(0);
		        -moz-transform: translateY(-1rem) scale(0);
		        -ms-transform: translateY(-1rem) scale(0);
		        -o-transform: translateY(-1rem) scale(0);
		        transform: translateY(-1rem) scale(0);
		    }
		}
		@media screen and (max-width: 600px) {
		    .dallas {
		        -webkit-transform: translateY(1px) scale(0);
		        -moz-transform: translateY(1px) scale(0);
		        -ms-transform: translateY(1px) scale(0);
		        -o-transform: translateY(1px) scale(0);
		        transform: translateY(1px) scale(0);
		    }
		}
		.nav .dallas {
		    -webkit-animation: dallasInAll 1s cubic-bezier(1, 0, 0.5, 1.5) 1s forwards;
		    -moz-animation: dallasInAll 1s cubic-bezier(1, 0, 0.5, 1.5) 1s forwards;
		    animation: dallasInAll 1s cubic-bezier(1, 0, 0.5, 1.5) 1s forwards;
		}
		@media screen and (max-width: 950px) {
		    .dallas {
		        -webkit-animation: dallasIn950 1s cubic-bezier(1, 0, 0.5, 1.5) 1s forwards;
		        -moz-animation: dallasIn950 1s cubic-bezier(1, 0, 0.5, 1.5) 1s forwards;
		        animation: dallasIn950 1s cubic-bezier(1, 0, 0.5, 1.5) 1s forwards;
		    }
		}
		@media screen and (max-width: 800px) {
		    .dallas {
		        -webkit-animation: dallasIn800 1s cubic-bezier(1, 0, 0.5, 1.5) 1s forwards;
		        -moz-animation: dallasIn800 1s cubic-bezier(1, 0, 0.5, 1.5) 1s forwards;
		        animation: dallasIn800 1s cubic-bezier(1, 0, 0.5, 1.5) 1s forwards;
		    }
		}
		@media screen and (max-width: 600px) {
		    .dallas {
		        -webkit-animation: dallasIn600 1s cubic-bezier(1, 0, 0.5, 1.5) 1s forwards;
		        -moz-animation: dallasIn600 1s cubic-bezier(1, 0, 0.5, 1.5) 1s forwards;
		        animation: dallasIn600 1s cubic-bezier(1, 0, 0.5, 1.5) 1s forwards;
		    }
		}
		.nav svg g {
		    -webkit-animation: svgStroke 2s cubic-bezier(1, 0, 0.5, 0.5) forwards;
		    -moz-animation: svgStroke 2s cubic-bezier(1, 0, 0.5, 0.5) forwards;
		    animation: svgStroke 2s cubic-bezier(1, 0, 0.5, 0.5) forwards;
		}
		@-webkit-keyframes svgStroke {
		    to {
		        stroke-dashoffset: 0;
		    }
		}
		@-moz-keyframes svgStroke {
		    to {
		        stroke-dashoffset: 0;
		    }
		}
		@keyframes svgStroke {
		    to {
		        stroke-dashoffset: 0;
		    }
		}
		@-webkit-keyframes dallasInAll {
		    to {
		        -webkit-transform: translateY(-3.5rem) scale(1);
		        opacity: 1;
		    }
		}
		@-moz-keyframes dallasInAll {
		    to {
		        -moz-transform: translateY(-3.5rem) scale(1);
		        opacity: 1;
		    }
		}
		@keyframes dallasInAll {
		    to {
		        -webkit-transform: translateY(-3.5rem) scale(1);
		        -moz-transform: translateY(-3.5rem) scale(1);
		        -ms-transform: translateY(-3.5rem) scale(1);
		        -o-transform: translateY(-3.5rem) scale(1);
		        transform: translateY(-3.5rem) scale(1);
		        opacity: 1;
		    }
		}
		@-webkit-keyframes dallasIn950 {
		    to {
		        -webkit-transform: translateY(-2.8rem) scale(1);
		        opacity: 1;
		    }
		}
		@-moz-keyframes dallasIn950 {
		    to {
		        -moz-transform: translateY(-2.8rem) scale(1);
		        opacity: 1;
		    }
		}
		@keyframes dallasIn950 {
		    to {
		        -webkit-transform: translateY(-2.8rem) scale(1);
		        -moz-transform: translateY(-2.8rem) scale(1);
		        -ms-transform: translateY(-2.8rem) scale(1);
		        -o-transform: translateY(-2.8rem) scale(1);
		        transform: translateY(-2.8rem) scale(1);
		        opacity: 1;
		    }
		}
		@-webkit-keyframes dallasIn800 {
		    to {
		        -webkit-transform: translateY(-1rem) scale(0.75);
		        opacity: 1;
		    }
		}
		@-moz-keyframes dallasIn800 {
		    to {
		        -moz-transform: translateY(-1rem) scale(0.75);
		        opacity: 1;
		    }
		}
		@keyframes dallasIn800 {
		    to {
		        -webkit-transform: translateY(-1rem) scale(0.75);
		        -moz-transform: translateY(-1rem) scale(0.75);
		        -ms-transform: translateY(-1rem) scale(0.75);
		        -o-transform: translateY(-1rem) scale(0.75);
		        transform: translateY(-1rem) scale(0.75);
		        opacity: 1;
		    }
		}
		@-webkit-keyframes dallasIn600 {
		    to {
		        -webkit-transform: translateY(1px) scale(0.5);
		        opacity: 1;
		    }
		}
		@-moz-keyframes dallasIn600 {
		    to {
		        -moz-transform: translateY(1px) scale(0.5);
		        opacity: 1;
		    }
		}
		@keyframes dallasIn600 {
		    to {
		        -webkit-transform: translateY(1px) scale(0.5);
		        -moz-transform: translateY(1px) scale(0.5);
		        -ms-transform: translateY(1px) scale(0.5);
		        -o-transform: translateY(1px) scale(0.5);
		        transform: translateY(1px) scale(0.5);
		        opacity: 1;
		    }
		}
.drawingbox { top: 55px;right:-3px;z-index: 999 }
.logo-svg { width: 40px;height: 40px;top: 50px;right:0;z-index:99 }




/*-------------------bottom-------------------*/ 
.footbox { width: 100%;background:#484848;height: 180px }
.footbox .foot-logo { width: auto; height: 60px }
.footbox .footcon { height:60px }
.footbox .footlist { width: 90px;text-align: center }
.footbox .colorfff a:hover { color: rgba(255,255,255,0.6) }

.gototop { display:block; width:54px; height:54px; text-align: center; line-height: 54px; background:#f3982d; position:fixed; right:20px; bottom:60px; z-index:1001; transition-duration:0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; display:none;border-radius: 50%;box-shadow: 1px 0px 5px #c57d28; }
.gototop:hover { background: #fff; }
.gototop:hover .iconfont { color: #f3982d }
.gototop .iconfont { color: #fff;transition-duration:all 0.3s; -webkit-transition-duration:all 0.3s; -moz-transition-duration: all 0.3s; -o-transition-duration:all 0.3s; }

.department-touch { cursor: pointer;display: inline-block }
.department-pop {display: none; position: absolute; left:-50px; bottom: 40px;-moz-box-shadow:0 0 15px rgba(0,0,0,.1); -webkit-box-shadow:0 0 15px rgba(0,0,0,.1); box-shadow: 0 0 15px rgba(0,0,0,.1); }
.department-pop .arrows-downbox { width: 100%; height: 40px; position: absolute; top: 0px; left: 0 }
.department-pop .arrows-down { width: 32px; height: 17px; position: absolute; top: 0; left: 50%; margin-left: -16px }
.department-touch .footlink-a .icon-caretdown { font-size: 10px!important; position: absolute; top: 5px; right: 0; -webkit-transition: transform 0.2s ease 0s; transition: transform 0.2s ease 0s; }
.department-touch .footlink-a:hover { background: #b0b0b0 }
.department-pop em{bottom: -10px; left: 47%;position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #a9a9a9; }
.department-pop a { padding: 5px 15px;width: 100%;background: #a9a9a9;width: 150px;   }
.department-pop a:nth-of-type(1){ padding: 15px 15px 5px 15px }
.department-pop a:nth-last-of-type(1){ padding: 5px 15px 15px 15px }
/*.department-pop ul{ padding: 15px 0 }*/ 
.department-pop>a:hover { background: #333333 }

/*-------------------首页-------------------*/ 
/*.indexitem .icon--down,.indexitem .icon--up { vertical-align: bottom;line-height: 50px }*/
.b-img { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; will-change: transform }
.b-imgbox { position: relative }
.b-imgbox span { position: absolute; background-color: #fff; display: block; transition: all 300ms; z-index: 10; }
.b-imgbox .line1, .b-imgbox .line3 { height: 4px; width: 0px; }
.b-imgbox .line2, .b-imgbox .line4 { height: 0px; width: 4px; }
.b-imgbox .line1, .b-imgbox .line2 { top: 0; right: 0; }
.b-imgbox .line3, .b-imgbox .line4 { bottom: 0; left: 0; }
.b-imgbox.reverse .line1, .b-imgbox.reverse .line3 { width: 100% }
.b-imgbox.reverse .line2, .b-imgbox.reverse .line4 { height: 100% }
a:hover .b-imgbox .line1, .b-imgbox:active .line1, a:hover .b-imgbox .line3, .b-imgbox:active .line3 { width: 100%; }
a:hover .b-imgbox .line2, .b-imgbox:active .line2, a:hover .b-imgbox .line4, .b-imgbox:active .line4 { height: 100%; }
a:hover .b-imgbox.reverse .line1, .b-imgbox:active.reverse .line1, a:hover .b-imgbox.reverse .line3, .b-imgbox:active.reverse .line3 { width: 0px; }
a:hover .b-imgbox.reverse .line2, .b-imgbox:active.reverse .line2, a:hover .b-imgbox.reverse .line4, .b-imgbox:active.reverse .line4 { height: 0px; }

.slide { width: 100%; height: 600px; overflow: hidden; position: relative; }
.slide .img { overflow: hidden; position: absolute; transition: width 0.4s, height 0.4s, top 0.4s, left 0.4s, z-index 0.4s; }
.slide .img img { display: block; width: calc(100%); height: calc(100%);padding-bottom:15px }
.slide .img1 { width: 40%; height: 40%; top: 30%; left: -50%; z-index: 1 }
.slide .img2 { width: 18%; height: auto; top: 10%; left: 6%; z-index: 2; padding-left: 40px }
.slide .img2 .s-title { font-size: 10px; line-height: 14px; position: absolute; left: 0; top: 0; height: 90%; writing-mode: vertical-lr }

/*.slide .img2 .s-title .s-title-line { display: block; width: 100%; height: 5px; line-height: 0; font-size: 0; background: #f3982d; position: absolute; top: 0; left: 0 }*/
.slide .img3 { width: 40%; height: auto; top: 10%; left: 30%; z-index: 3; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }
.slide .img3 .s-title { font-style: italic; font-size: 18px; font-weight: bold; position: relative }
/*.slide .img3 .s-title .s-title-line { display: block; width: 20px; height: 5px; line-height: 0; font-size: 0; background: #f3982d; position: absolute; top: 10px; left: 0 }*/

.slide .img4 { width: 18%; height: auto; top: 0%; left: 74%; z-index: 2; padding-right: 40px }
.slide .img4 .s-title { font-size: 10px; line-height: 14px; position: absolute; right: 0; top: 0; height: 90%; writing-mode: vertical-lr }
/*.slide .img4 .s-title .s-title-line { display: block; width: 100%; height: 5px; line-height: 0; font-size: 0; background: #f3982d; position: absolute; top: 0; left: 0 }*/

.slide .img5 { width: 40%; height: 40%; top: 30%; left: 110%; z-index: 1; }

.slide-bt { width: 100%; position: absolute; bottom: 0; z-index: 10; text-align: center }
.slide-bt p { display: inline-block;  *display:inline; *zoom:1; width: 22px; height: 22px; font-size: 0; background: #e4e4e4; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; margin-left: 12px; margin-right: 12px; cursor: pointer }
.slide .slide-bt .on { width: 52px; height: 52px; font-size: 14px; margin-top: -15px;background: #e4e4e4 }
.slide .slide-bt .on span { display: inline-block; height: 52px; line-height: 52px; font-style: italic }
button.s-prev, button.s-next { width: 50px; border: 0 none; background: transparent; cursor: pointer; }
button.s-prev .iconfont, button.s-next .iconfont { font-size: 40px }
button.s-prev { display: none; position: absolute; bottom: 0; left: 38% }
button.s-next { position: absolute; bottom: 0; right: 38% }

.foot-wechat { position: relative; z-index:2001 }
.wechat_ewm { position: absolute; left:-160px; width:200px; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.wechat_ewm img { display: block; width: 100%; height: auto }

.foot-wechat2 { position: relative; z-index:2001 }
.wechat_ewm2 { position: absolute; bottom:-130px; width:200px; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.wechat_ewm2 img { display: block; width: 100%; height: auto }

.indexh { height: 50px;background: #fff; }

/*-------------------关于我们-------------------*/
.about-rallax  { top: 38%;z-index: -1 }    
.about-box1 .bgfff,.landmak-box2 .bgfff,.landmak-box3 .bgfff { min-height: 300px }
.about-box1 .gm-dot { margin-top: 18px }
.about-box1 .line-dot { margin-top: 20px }
.about-box2 .gm-dot { bottom: 150px }
.about-box3 .gm-dot { top: 130px }
.about-box3 .line-dot { height: 135px }
.about-bg { background:url(/images/about/about-bg.jpg) no-repeat;background-size: cover }

.com-bg0 { background: url(../images/about/com-bg.jpg) bottom 35% left no-repeat; background-size: cover }
.com-icon img{ width: 40px }
.com-icon h5{ line-height: 40px }
.com-boxbg { background: url(/images/about/com-boxbg.jpg?v=1.1) no-repeat;background-size: cover }

.director-bg { background: rgb(241,241,241) url(../images/about/director-bg.png);background-position: right bottom;background-size:cover }

.social_file { padding-right: 80px;box-sizing: border-box }
.social_file:hover .social_pdf { color:#eb8d45 }
.social_file:hover .color0068b7 { color:#eb8d45 }
.social_pdf { width: 80px }
.social-group01 .padding30:nth-of-type(2n-1) { background: #fff }
.social-group01 .padding30:nth-of-type(2n) { background: #fcfcfc }

.honor-icon { width: 100px; }
.triangle-em {  width: 0;height: 0;border-width: 10px;border-style: solid;border-color:#f3982d transparent transparent transparent }
.dot-em { width: 10px;height: 10px;border-radius: 50%;background:#f3982d;z-index: 2 }
.dot-em1 { right: -5px;margin-top: 6px }
.dot-em2 { left: -5px;margin-top: 6px }

.honor-list .area_50:first-child(2) { padding-top:0 }
.honor-list #m .lll { margin-top: -100px }
/* .honor-list .dot-em1.margintop100 { margin-top: 100px } */
.hexagon { height: 30px }
.hexagon .icon-down { background: #f3982d;border-radius: 50%;padding:5px;transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }
.hexagon.yc .icon-down { -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);transform-origin:25% 25%;-ms-transform-origin:25% 25%; -webkit-transform-origin:25% 25%;-moz-transform-origin:25% 25%;-o-transform-origin:25% 25% }

.honor-text { margin-left: 20px; }
.honor-text em { width: 4px;height: 4px;display:block;margin-left: -20px;background: #666;border-radius: 50%;margin-top: 8px }

.mil-bg { background: rgb(255,255,255) url(../images/about/mil-bg.png);background-position: bottom center;background-repeat: no-repeat;background-size: 100% auto }

.values-kv { background: url(../images/about/values-kv.jpg);background-position:center center;background-size: cover }
.values-kv .poabsolute-w50 { top: 25% }

.company-icon { padding-left: 50px;box-sizing: border-box  }
.company-icon img { margin-left: -50px ;width: 40px }
.company-icon h5 { margin-top: 5px }

.yuandian::after{
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	left: -20px;
    top: 12px;
	background: #f3982d;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}
.yuandian::before{
	content: '';
    width: 2px;
    height: 224%;
    position: absolute;
    left: -16px;
    top: 12px;
    background: #f3982d;
  
}
/*-------------------品牌家族-------------------*/
.brand-box1 .line-dot { margin-top: 20px }
.brand-box1 .gm-dot { margin-top: 20px }
.brand-box4 .poabsolute-w50 { top: 20% }
.brand-box5 .poabsolute-w50 { bottom: 20% }

.brand-box1 .text-title { top: 30%;left: 20% }
.brand-box3 .text-title { bottom: 10%;right: 15% }
.brand-box4 .text-title { bottom: 10%;right: 15% }
.brand-box2 .text-title { top: 35%;right: 15% }
.brand-box5 .text-title { bottom: 25%;left: 10% }

.jewelry-kv { background: url(../images/brand/jewelry-kv.jpg);background-position:center;background-size: cover }

.lm-kv { background: url(../images/brand/lm-kv.jpg);background-position:center;background-size: cover }
.lm-bg2 { background: url(../images/brand/lm-bg2.jpg);background-position:center;background-size: cover }

.yy-kv { background: url(../images/brand/yy-kv.jpg);background-position:center;background-size: cover }
.yy-bg { background: url(../images/brand/yy-bg.jpg);background-position:center;background-size: cover }

.igi-kv { background: url(../images/brand/igi-kv.jpg);background-position:center;background-size: cover }
.igi-bg { background: url(../images/brand/igi-bg.jpg);background-position:center;background-size: cover }

.lusant-kv { background: url(../images/brand/LUSANT1.jpg);background-position:center;background-size: cover }
.lusant-bg { background: url(../images/brand/LUSANT2.jpg);background-position:center;background-size: cover }

.DJULA-kv { background: url(../images/brand/DJULA.jpg);background-position:center;background-size: cover }

.DAMIANI-kv { background: url(../images/brand/DAMIANI1.jpg);background-position:center;background-size: cover }
.DAMIANI-bg { background: url(../images/brand/DAMIANI2.jpg);background-position:center;background-size: cover }

.SALVINI-kv { background: url(../images/brand/SALVINI1.jpg);background-position:center;background-size: cover }
.SALVINI-bg { background: url(../images/brand/SALVINI2.jpg);background-position:center;background-size: cover }

.cater-kv { background: url(../images/brand/cater-kv.jpg);background-position:center left;background-size: cover }

.caterbox .caterclk { overflow-x: hidden;opacity: 0;z-index: -1;width: 300%;padding: 0 20px;height: 100%;transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s }
.caterbox.cur .caterclk { opacity: 999;z-index: 10;background: #f3982d }
.caterbox.cur .icon-close { display: block;cursor: pointer }  
.caterbox1 .caterclk { top: 0;left:0;position: absolute  }
.caterbox2 .caterclk  { top:0;position:absolute; left:50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0) }
.caterbox3 .caterclk  { top: 0;right: 0;position: absolute }  
.caterbox1 .catericon { position: absolute;top: 10px;left: 0 }
.caterbox2 .catericon { position: absolute;top: 10px;left: -96% }   
.caterbox3 .catericon { position: absolute;top: 10px;right: 0 }
.caterbox1 .icon-close { position: absolute;right:10px;top: 20px;z-index: 999;display: none  }
.caterbox2 .icon-close { position: absolute;right:25px;top: 20px;z-index: 999;display: none  }
.caterbox3 .icon-close { position: absolute;right:30px;top: 20px;z-index: 999;display: none  }

.Ncaterbox .caterclk { overflow-x: hidden;opacity: 0;z-index: -1;height: 100%;padding:0;width:100%;transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s;position: absolute;top: 0;left: 0 }
.Ncaterbox .catericon { position: absolute;top: 30px;right: 30px;z-index: 999 }
.Ncaterbox.cur .catericon.undis { display: block; }

.food-kv { background: url(../images/brand/food-kv.jpg);background-position:center left;background-size: cover }
.foodbox .caterclk { overflow-x: hidden;opacity: 0;z-index: -1;width: 200%;padding: 0 20px;height: 100%;transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s }
.foodbox.cur .caterclk { opacity: 999;z-index: 10;background: #f3982d }
.foodbox.cur .icon-close { display: block;cursor: pointer }  
.foodbox1 .caterclk { top: 0;left:0;position: absolute  }
.foodbox2 .caterclk  { top: 0;right: 0;position: absolute }
.foodbox1 .catericon { position: absolute;top: 10px;left: 0 }
.foodbox2 .catericon { position: absolute;top: 10px;left: -96% }   
.foodbox1 .icon-close { position: absolute;right:10px;top: 30px;z-index: 999;display: none  }
.foodbox2 .icon-close { position: absolute;right:30px;top: 30px;z-index: 999;display: none  }

.business-kv { background: url(../images/brand/business-kv.jpg);background-position:center right;background-size: cover }

.health-kv { background: url(../images/brand/health-kv.jpg);background-position:center right;background-size: cover }

.caterclk::-webkit-scrollbar {
width:8px;
height:8px
}
.caterclk::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,.2)
}
.caterclk::-webkit-scrollbar-thumb:window-inactive {
background:rgba(0,0,0,.1)
}
.caterclk::-webkit-scrollbar-thumb:vertical:hover {
background-color:rgba(0,0,0,.3)
}
.caterclk::-webkit-scrollbar-thumb:vertical:active {
background-color:rgba(0,0,0,.7)
}
/* 汉辰表业 2023.3.9*/

.hanchen-kv { background: url(../images/hanchen/1.jpg);background-position:center;background-size: cover }

.hanchen-bg { background: url(../images/brand/LUSANT2.jpg);background-position:center;background-size: cover ;position: relative;}
.hanchen2-bg { background: url(../images/brand/LUSANT2.jpg);background-position:center;background-size: cover ;position: relative;}

.hanchen-bg:before {
	content: '';
	display: block;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.08);
	position: absolute;
	z-index: 1;
  }
.text{top: 100%; height: 100%; overflow-y: auto; z-index: 33;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	text-align: justify;
}
.hovertext{overflow: hidden;}
.hovertext:hover .text{
	top: 10px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.text::-webkit-scrollbar {
	/*滚动条整体样式*/
	width : 6px;  /*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
	}
	.text::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 10px;
	box-shadow   : inset 0 0 5px rgba(180, 178, 178, 0.2);
	background   : #dbd9d9;
	}
	.text::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	box-shadow   : inset 0 0 5px #fff;
	border-radius: 10px;
	background   : #fff;
	}
.haio-kv { background: url(../images/hanchen/6.jpg);background-position:center;background-size: cover }
.color162757{color: #162757;}
.shbiao-kv { background: url(../images/hanchen/5.jpg);background-position:center;background-size: cover }
/*-------------------快乐地标-------------------*/
.landmak-box2bg { background:url(/images/landmark/land-bg.jpg) no-repeat;background-size: cover }
.landmak-box4bg { background:url(/images/landmark/land-bg2.jpg) no-repeat;background-size: cover }
.landmak-rallax  { top: 45%;z-index: -1 }    
.landmak-rallax2  { top: 15%;z-index: -1 }  
.landmak-box1 .bgfff,.landmak-box2 .bgfff,.landmak-box3 .bgfff,.landmak-box4 .bgfff,.landmak-box5 .bgfff { min-height: 300px }
.landmak-box1 .gm-dot { bottom: 240px }
.landmak-box1 .line-dot { margin-top: 20px }
.landmak-box2 .gm-dot { bottom: 240px }
.landmak-box3 .gm-dot { bottom: 240px }
.landmak-box4 .gm-dot { bottom: 0px }
.landmak-box5 .line-dot { bottom: 240px }
.landmak-box5 .gm-dot { bottom: 240px }

.fd-kv { background: url(../images/landmark/fd-kv.jpg);background-position:center right;background-size: cover }
.fd-kv .poabsolute-w50 { top: 30% }
.fd-box { margin-left: 140px }
.fd-box h4 { margin-left: -120px }
.fd-bg { background: url(../images/landmark/fd_bg.jpg);height: 500px;background-position: right 20% top; background-size: cover; }
.fd-bgbox { margin-left: 80px }
.fd-bgtext { margin-left: -80px;width: 80px }
.fd-bgbox p { line-height: 36px; }

.xh-kv { background: url(../images/landmark/xh-kv.jpg);background-position:center right;background-size: cover }
.xh-bg { background: url(../images/landmark/xh_bg.jpg);height: 500px; background-position: right 20% top; background-size: cover; }

.ys-kv { background: url(../images/landmark/ys-kv.jpg);background-position:center right;background-size: cover }
.ys-bg { background: url(../images/landmark/ys_bg.jpg);height: 500px;background-position: right 20% top; background-size: cover; }

.sy-kv { background: url(../images/landmark/sy-kv.jpg);background-position:bottom right 55%;background-size: cover }
.sy-kv2 { background: url(../images/landmark/sy-kv2.jpg);background-position:bottom right 55%;background-size: cover }
.sy-swiper img { height: 500px; }

.zh-kv { background: url(../images/landmark/zh-kv.jpg);background-position:center;background-size: cover }
.zh-bg { background: url(../images/landmark/zh_bg.jpg);height: 500px;background-position: right 20% top; background-size: cover; }

/*-------------------新闻中心-------------------*/
.news-kv { background: url(../images/news/news-kv.jpg);background-position:center right 20%;background-size: cover }
/*.news-kv .poabsolute-w50 { top: 20% }*/
.news-select { width: 80px; height: 30px; line-height: 30px; cursor: pointer }
.news-select .iconfont { line-height: 30px; transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s }
.news-select-list { width: 100px; padding: 20px 0; background: #fff; position: absolute; top: 30px; left: -20px; z-index: 10; display: none }
.news-select-list li a { display: block; width: 100%; text-align: center; height: 30px; line-height: 30px }
.news-select-list li a:hover { color: rgba(0,0,0,0.6) }
.news-select.unfold .iconfont { -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) }

.search-dl { margin-right: 30px }
.search-dl dd { width: 30px; height: 30px; line-height: 30px; margin-right: -30px }
.search-dl dd a { width: 30px; height: 30px; line-height: 30px; text-align: center }
.search-dl dd a .iconfont { line-height: 30px }
.search-dl dt input { width: 230px; height: 30px; line-height: 30px; background: transparent; border: 0; border-bottom: 1px solid #858585 }
.search-dl dt input:focus { border-bottom: 1px solid #f3982d }
.search-dl2 { margin-right: auto }
.search-dl dt input { width: 100%; }

.news-box,.news-box .positionAbsolute.width100 { cursor: pointer;transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s }
.news-box .positionAbsolute.width100 { height: 0;bottom: 0 }
.news-box .positionAbsolute.width100 .colorfff { top:-20px;left: 30px }

.news-box:hover { background: #f3982d;color: #fff }
.news-box:hover .positionAbsolute.width100 { height:20px;bottom: -20px;background: #f3982d }
.news-box:hover .iconfont { color: #fff }

.lat-dot { display:inline-table }
.lat-dot li { width: 8px;height: 8px;border-radius: 50%;background: #c3c3c3;float: left;margin: 0 3px }


/*-------------------投资者关系-------------------*/
.top-banner { height: calc(65vh) }

.ir-kv { background: url(../images/ir/ir-kv.jpg);background-position:center;background-size: cover }
.list-telite { height: 40px }
/*.list-telite .fright { line-height: 40px }*/

.list-topl,.list-topr { position: relative;z-index: 2;display: none; }
.list-top { width: 35px;border-bottom: 6px solid #f3982d;margin-top: 5px }

.list-bottom { width: 35px;border-bottom: 4px solid #000;margin-top: 5px }

.com-intro { min-height: 250px; }
.com-intro .com-bg { background: url(../images/ir/com-01.jpg);background-size: cover }
.com-list { padding-left: 40%;margin-top: 20px }
.com-list .com-title { margin-left: -40%;width: 40% }
.com-list .com-content { margin-left: 40px }

.pro-list { margin-top: 15px; margin-bottom: 15px }
.border-none { border-right: none!important }
.pro-list div { width: 24%; float: left; padding-left:10px; padding-right: 10px; box-sizing: border-box; text-align: right }
.pro-list div:nth-of-type(1) { width: 28%; border-right: 1px solid #ccc; padding-left: 0; text-align: left }

.stock-table { width: 100% }
.stock-table td { line-height: 30px; padding-left: 10px }
.stock-table th { line-height: 30px; padding-left: 10px; background: #f7f7f7 }
.stock-table td.stock-head, .stock-table th.stock-head { padding-left: 15px }
.stock-mark-l { background: #eb8d45; position: absolute; left: 0; height: 30px; width: 5px; font-size: 0 }
.stock-mark-r { background: #fff; position: absolute; right: 0; height: 30px; width: 2px; font-size: 0 }
.stock-blank { height: 15px; line-height: 15px; font-size: 0 }
.stock-table .delta-up,.delta-up { color: #00d006 }
.stock-table .delta-down,.delta-down { color: #ff5959 }

.par-list { margin-top: 15px; margin-bottom: 15px }
.par-list .border-none { border-right: none!important }
.par-list div { width: 25%; float: left; padding-left:10px; padding-right: 10px; box-sizing: border-box; text-align: right }
.par-list div:nth-of-type(1) { border-right: 1px solid #ccc; padding-left: 0; text-align: left }


.tab-group { position: relative }
.tab-group section { opacity: 0; height: 0; overflow: hidden; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s }
.tab-group section.active { opacity: 1; height: auto; overflow: visible; }
.tab-nav { border-bottom: 1px solid rgba(0,0,0,0.2) }
.tab-nav li { display: inline-block; height: 44px; line-height: 44px; position: relative; }
.tab-nav li a { display: inline-block; height: 44px; line-height: 44px; font-size: 16px; padding-left: 20px; padding-right: 20px; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s }
.tab-nav li.active a { font-size: 24px; color: #eb8d45; border-bottom: 2px solid #eb8d45; position: relative; bottom: -2px;font-weight: bold }

.tabtem-title { border-bottom: 1px solid rgba(0,0,0,0.2) }
.tabtem-nav .padding30:nth-of-type(2n-1) { background: #fff }
.tabtem-nav .padding30:nth-of-type(2n) { background: #fcfcfc }
.tem_file { padding-right: 120px;box-sizing: border-box;padding-left: 100px }
.tem_file .tem_zg { width: 100px;margin-left: -100px }
.tem_file:hover .tem_pdf { color:#eb8d45 }
.tem_file:hover .color0068b7 { color:#eb8d45 }
.tem_pdf { width: 100px }
.tabtem-title a { padding: 0 20px;box-sizing:border-box;height: 44px;line-height: 44px; }
.tabtem-title a.active p{ font-size: 24px;color: #eb8d45;font-weight: bold; }
.tabtem-title a.active .tabtem-line{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.tabtem-title .tabtem-line { width: 100%;height: 2px;background: #f3982d;position: absolute;bottom: -1px;left: 0; }

/*.tab-group01 .padding30:nth-of-type(2n-1) { background: #fff }
.tab-group01 .padding30:nth-of-type(2n) { background: #fcfcfc }*/

.gov-list { margin-top: 20px;margin-bottom: 20px;position: relative; }
.gov-list div { float: left;padding-right: 10px;box-sizing: border-box }
.gov-list div:nth-of-type(1),.gov-listn2 div:nth-of-type(4) { width: 10% }
.gov-list div:nth-of-type(2),.gov-listn2 div:nth-of-type(5) { width: 13%;left: 10% }
.gov-list div:nth-of-type(3),.gov-listn2 div:nth-of-type(6) { width: 13%;left: 23% }
.gov-list div:nth-of-type(4),.gov-listn2 div:nth-of-type(8) { width: 64%;padding-right: 0;float: right }
.gov_file { padding-right: 120px;box-sizing: border-box;margin-top: 20px;margin-bottom: 20px }
.gov_file:hover .gov_pdf { color:#eb8d45 }
.gov_file:hover .color0068b7 { color:#eb8d45 }
.gov_pdf { width: 100px }

.gui-title:first-of-type { margin-top: 0 }
.gui-title { margin-top: 5px;cursor: pointer; }
.gui-title .positionRelative { margin-right: 100px; }
.gui-title .positionRelative i { right: 30px;width: 100px;margin-right: -100px;display: inline-block;float: right; }
.gui-title i::after { content: ""; line-height: 34px; font-size: 24px; color: #000; width: 100%; height: 100% }
.gui-title.unfold i::after { font-family: "iconfont";content:'\ea04' }
.gui-title i::after { font-family: "iconfont";content:'\e603' }
.gui-box { background:#fff;padding: 0px 30px 30px 30px }
.gui-box .cf { margin-left: 2em }
.gui-box .cf span { margin-left: -2em;width: 2em;float: left; }

.ircon { transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s;  }
.ircon:hover{ background: #f3982d;color: #fff!important }
.ircon:hover a { color: #fff;cursor: pointer }

/*-------------------加入我们-------------------*/
.join-bg { background:url(/images/join/join-bg.jpg) no-repeat;background-size: cover }
.con-bg{ background:url(/images/join/contact-bg.jpg) no-repeat;background-size: cover }
.join-rallax  { top: 24%;z-index: -1 }         
.join-box1 .bgfff { min-height: 300px }
.join-box1 .line-dot { margin-top: 20px }
.join-box4 .line-dot { bottom: 190px }
.join-box2 .bgfff,.join-box3 .bgfff,.join-box4 .bgfff { min-height: 240px }
.join-box2 .gm-dot,.join-box3 .gm-dot,.join-box4 .gm-dot { bottom: 190px }
.join-icon i { width: 30px;margin-left: -45px;margin-top: 2px }
.join-icon { margin-left: 45px }
.join-icon2 { top: 35px;left: 200px }

.con-rallax  { top: 36%;z-index: -1 } 
.con-box1 .line-dot { margin-top: 20px }
.con-box2 .gm-dot { bottom: 230px; }
.con-box2 .line-dot { bottom: 230px; }
.con-text { margin-left: 3em; }
.con-text span { margin-left: -3em; }
/*-------------------网站地图-------------------*/
.map-list.paddingtop30 { padding-top: 30px; }
.map-top { padding:40px 40px 20px 40px;border-bottom: 1px solid #f4f4f4 }
.map-list { padding: 40px 40px 80px 40px; }
.map-list>div>a { font-size: 16px;margin-top: 10px }
.map-list>div>a:nth-of-type(1),.map-list>div>a:nth-of-type(2),.map-list>div>a:nth-of-type(3){ margin-top: 0; }
.map-list>a { margin-top: 10px;font-size: 14px;line-height: 1.4em }
.map-list>a:nth-of-type(1),.map-list>a:nth-of-type(2),.map-list>a:nth-of-type(3){ margin-top: 0; }
.map-list>div li>a { font-size: 14px;line-height: 1.4em }

/*-------------------法律声明-------------------*/
.law-box div:nth-of-type(2n-1) { background: #fff }
.law-box div:nth-of-type(2n) { background: #f8f8f8 }

/*-------------------响应式css-------------------*/
@media ( min-width:1600px ) {
.container { width:1500px }

}

@media ( min-width:1260px ) and ( max-width:1599px ) {
.container { width:1200px }
.menuLi .mainmenu { padding: 0 15px }
.nav .menuListBox .nav1, .nav .menuListBox .nav2 { padding: 30px 20px }
.contact-nav-list a, .contact-nav-list div.wopen { padding: 30px 0 }

.slide { height: 550px }

h1, .h1 { font-size: 36px }
h2, .h2 { font-size: 28px }
h3, .h3 { font-size: 24px }
h4, .h4 { font-size: 20px }
h5, .h5 { font-size: 18px }

}


@media ( min-width:1000px ) and ( max-width:1259px ) {
/*.nav.cf.container { width: 90% }*/
.menuLi .mainmenu { padding: 0 10px }
.menuLi .mainmenu { height: 60px;line-height: 60px }
.nav .menuListBox .nav2 .coloreb8d45 { font-size: 16px }
.headbox { width: 100%;height: 100px }
.toppadding { height: 100px }
.menu-list { top: 40px }
.logo { height: 50px;margin-top: 30px } 
.menuListBox { top: 100px }
.nav .menuListBox .nav1, .nav .menuListBox .nav2 { padding: 30px 20px }
.contact-nav-list a, .contact-nav-list div.wopen { padding: 30px 0 }

h1, .h1 { font-size: 36px }
h2, .h2 { font-size: 28px }
h3, .h3 { font-size: 24px }
h4, .h4 { font-size: 20px }
h5, .h5 { font-size: 18px }

.paddingtop45 { padding-top:25px }
.paddingtop60 { padding-top:40px } 
.paddingbottom45 { padding-bottom:25px }
.paddingbottom60 { padding-bottom:40px } 
.padding40 { padding: 30px }
.container { width:960px }

.indexitem .icon-jiantou { line-height: normal }
.slide { height: 450px }

.list-topl,.list-topr { display: none }

.join-icon2 { top: 16px;left: 150px }

.com-icon img{ width: 30px }
.com-icon h5{ line-height: 30px }


}

@media ( min-width:801px ) and ( max-width:999px ) {
.nav.cf.container { width: 95% }
.menuLi .mainmenu { padding: 0 8px}
.menuLi .mainmenu { height: 60px;line-height: 60px }
.nav .menuListBox .nav2 .coloreb8d45 { font-size: 16px }
.headbox { width: 100%;height: 100px }
.toppadding { height: 100px }
.menu-list { top: 40px }
.logo { height: 40px;margin-top: 30px } 
.menuListBox { top: 100px }
.nav .menuListBox .nav1, .nav .menuListBox .nav2 { padding: 30px 20px }
.contact-nav-list a, .contact-nav-list div.wopen { padding: 30px 0 }

h1, .h1 { font-size: 36px }
h2, .h2 { font-size: 28px }
h3, .h3 { font-size: 24px }
h4, .h4 { font-size: 20px }
h5, .h5 { font-size: 18px }

.indexitem .icon-jiantou { line-height: normal }
.slide { height: 450px }
.list-topl,.list-topr { display: none }

.join-icon2 { top: 16px;left: 150px }
.indexh { display: none; }
.flow-map .area_33 { width: 50%; }
.flow-map .map-list>a:nth-of-type(3) { margin-top: 10px }

.com-icon img{ width: 30px;display: block;float: none!important }
.com-icon h5{ line-height: 30px;float: none!important }

}


@media ( max-width:999px ) {
.container { width: 100%; padding-left: 20px; padding-right: 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.list-topl,.list-topr { display: none }
.indexitem .icon-jiantou { line-height: normal }

.join-icon2 { top: 16px;left: 150px }

}