@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; 
}
body { 
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, Arial, sans-serif;
    /* font-family:"Helvetica Neue", Helvetica,"PingFang SC", webfont,"Hiragino Sans GB","STHeiti",Helvetica,黑体,新細明體,Arial,"Lucida Grande",sans-serif; */
    font-size:16px; font-size:1.6rem; /* 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 } 
.p_txtcolor{color:#666666 !important;}
::selection { background-color:#f00; color:#fff }
::-moz-selection { background-color:#f00; color:#fff }

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

.a01, a.a01, .a01 a { color: #000 }
a:hover .a01, a.a01:hover, .a01 a:hover { color:#f00 }

.a02, a.a02, .a02 a { color: #f00 }
a:hover .a02, a.a02:hover, .a02 a:hover { color:#000 }

.a03, a.a03, .a03 a { color: #666 }
a:hover .a03, a.a03:hover, .a03 a:hover { color:#f00 }

.detali-a:hover { color:#f00 }
/*.detali-a:hover sapn { color:#f00 }*/

/* 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 }
.trightWeb{text-align: -webkit-right;}
/* display */
.dis { display:block }
.undis { display:none }
.disinline { display:inline }
.disinblock { display:inline-block }
.disimportant {display:block!important}
.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: "webfont", "PingFang SC", "Microsoft Yahei", "微软雅黑" ,"黑体" ,"宋体", Helvetica, Arial, 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: "webfont", "PingFang SC", "Microsoft Yahei", "微软雅黑" ,"黑体" ,"宋体", Helvetica, Arial, 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: 1350px!important }
.container:before, .container:after { content:" "; display:table }
.container:after { clear: both }
.mo_padding0{padding: 0;}
/*-------------------手机端菜单-------------------*/
#cd-lateral-nav { display: none }
/*-------------------定位-------------------*/
.positionRelative { position: relative }
.positionAbsolute { position: absolute } 
.positionStatic { position:static!important; top: 0!important; margin-top: 0!important }
.positionFixed {position: fixed;}

.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-h70 { position:absolute; top:70%; -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 }

.poabsolute-b5 { position:absolute; bottom:5%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) }
.poabsolute-b10 { position:absolute; bottom:10%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) }


.poabsolute-wh50-40 {  position:absolute; top:50%; left:40%; -webkit-transform: translate(-50%, -40%); -moz-transform: translate(-50%, -40%); -ms-transform: translate(-50%, -40%); -o-transform: translate(-50%, -40%); transform: translate(-50%, -40%)  }
.poabsolute-wh50-30 {  position:absolute; top:50%; left:30%; -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-wh30-25 {  position:absolute; top:30%; left:25%; -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-whb10-12 {  position:absolute; bottom:10%; left:12%; -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-wh10-5 {  position:absolute; top:10%; left:5%; -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-whb5-5 {  position:absolute; bottom:5%; left:5%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -10%) }
.poabsolute-hw40-50 {  position:absolute; top:40%; 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%) }

.bottom0 {bottom: 0;}
.left0 { left:0!important }
.right0 { right:0!important }
.top60 {top:60%}


.zindex2 { z-index:2 }
.zindex3 { z-index:3 }
.zindex4 { z-index:4 }

.overhidden { overflow:hidden }
.overhiddenX{overflow-x: hidden;}
.imgcover { object-fit: cover; }

/*-------------------通用圆角-------------------*/
.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_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('//at.alicdn.com/t/vez8cpp7mt43g14i.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/vez8cpp7mt43g14i.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/vez8cpp7mt43g14i.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/vez8cpp7mt43g14i.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/vez8cpp7mt43g14i.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}

@font-face {
    font-family: 'goodlight';
    src: url('../font/goodlight.eot');
    src: url('../font/goodlight.eot?#iefix') format('embedded-opentype'),
         url('../font/goodlight.woff') format('woff'),
         url('../font/goodlight.ttf') format('truetype'),
         url('../font/goodlight.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* */
.en-font { font-family:goodlight,Arial,sans-serif }

.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 }
.iconfavourite { font-size: 1em!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-7x { font-size: 7em!important }
.fa-8x { font-size: 8em!important }
.fa-10x { font-size: 10em!important }

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

.italic { font-style: italic }
.text-indent { text-indent: 2em }
.letter-spacing15 { letter-spacing:15px }
.letter-spacing20 { letter-spacing:20px }
.letter-spacing30 { letter-spacing:30px }

.fontSize10 { font-size:10px; font-size:1rem; -webkit-transform:scale(0.8) }
.fontSize12 { font-size:12px }
.fontSize14 { font-size:14px }
.fontSize24 { font-size:24px!important;line-height:1.4em!important }
.fontSize30 { font-size:30px!important;line-height:1.4em!important }
.fontSize50 { font-size:50px!important;line-height:1.4em!important }

h1, .h1 { font-size: 44px; line-height:1.1em }
h2, .h2 { font-size: 27px; line-height:1.1em }
h3, .h3 { font-size: 35px; line-height:1.1em }/*子页大标题*/
h4, .h4 { font-size: 20px; line-height:1.1em }/*子页二标题*/
h5, .h5 { font-size: 18px }/*子页小标题*/
h6, .h6 { font-size: 16px }

.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 }
.color666 { color: #666 }
.colord2ced5 { color: #d2ced5 }
.color31ad37 { color: #31ad37 }
.color165dc8 { color: #165dc8 }
.color727171 {color: #727171}
.color6f6f6f{color: #6f6f6f;}
.color595757 {color: #595757}
.colorc22b21{color: #c22b21;}
.colord6000f { color:#d6000f}
.colore71f19 {color: #e71f19;}
.colorc22c20 { color: #c22c20;}
.colorb70209 {color: #b70209;}
.color00ff00 {color: #00ff00;}
.color9a121f {color:#9a121f}
.colorc89769 {color: #c89769;}
.color606060 {color: #606060;}
.color7f7f7f {color: #7f7f7f;}
.colorb9b9b9 {color: #b9b9b9;}
.color8b8b8b {color:#8b8b8b}
.colorc32c20 {color: #c32c20;}
.colore1aaa8 {color: #e1aaa8;}
.colorc12b20 {color: #c12b20;}
/*-------------------背景颜色--------------------*/
.bge1aaa8 {background-color: #e1aaa8;}
.bge8e8e8 {background-color: #e8e8e8;}
.bgfff { background: #fff }
.bgeee { background: #eee }
.bgf4f4f4 { background: #f4f4f4 }
.bg383433 { background: #383433 }
.bge1e1e1 { background: #e1e1e1 }
.bgf00 { background: #f00 }
.bgb3b3b3 { background: #b3b3b3 }
.bg165dc8 {background:#165dc8 }
.bgbcbcbc {background:#bcbcbc }
.bgf5f5f5{background-color: #f5f5f5;}
.bgefefef{background-color: #efefef;}
.bgf9f9f9{background-color: #f9f9f9;}
.bgeeeeee{background-color: #eeeeee;}
.bge6e6e6 { background-color: #e6e6e6;}
.bgb6030a { background-color: #b6030a;}
.bgc22b21 {background-color: #c22b21;}
.bg8a7f74 {background-color: #8a7f74;}
.bg39176 {background-color:#d39176;}
.bgebf2ff {background-color: #ebf2ff;}
/*-------------------分割线、边框-------------------*/
.line-666 { width:100%; height:1px; line-height:1px;border-bottom: 1px solid #000 }
.line-fff { width:100%; height:1px; line-height:1px;border-bottom: 1px solid #fff }
.lineh-fff::before {content: ''; width:85%; height:1px;border-bottom: 1px solid rgba(255, 255, 255, 0.3); position: absolute; bottom: 0;}
.line-e5e5e5 { width:100%;height:1px; line-height:1px;border-bottom: 3px dashed #9e9d9d }
.border-2t-b2b2b2 { border-top: 2px solid #b2b2b2 }
.border-b2b2b2 { border: 1px solid #b2b2b2; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.border-t-eaeaea { border-top: 1px solid #eaeaea }
.border-b-fff { border-bottom: 1px solid #fff;padding-bottom: 5px }
.border-b-c22b21 { border-bottom: 1px solid #c22b21;padding-bottom: 5px }

/*-------------------间距-------------------*/
.margintop4 { margin-top:4px }
.margintop5 { margin-top:5px }
.margintop10 { margin-top:10px }
.margintop15 { margin-top:15px }
.margintop20 { margin-top:20px }
.margintop23{ margin-top: 23px;}
.margintop30 { margin-top:30px }
.margintop40 { margin-top:40px }
.margintop50 { margin-top:50px } 
.margintop53 { margin-top:53px } 
.margintop60 { margin-top:60px } 
.margintop70 { margin-top:70px } 
.margintop80 { margin-top:80px }
.margintop100 { margin-top:100px }
.margintop130 { margin-top:130px }
.margintopf30 {margin-top: -30px;}

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

.marginleft5 { margin-left:5px }
.marginleft10 { margin-left:10px }
.marginleft15 { margin-left:15px }
.marginleft20 { margin-left:20px }
.marginleft25 { margin-left:25px }
.marginleft30 { margin-left:30px }
.marginleft40 { margin-left:40px }
.marginleft50 { margin-left:50px }
.marginleft60 { margin-left:60px }
.marginleft65 { margin-left:65px }
.marginleft80 { margin-left:80px }

.marginright5 { margin-right:5px }
.marginright10 { margin-right:10px }
.marginright15 {margin-right:15px}
.marginright20 { margin-right:20px }
.marginright30 { margin-right:30px }
.marginright40 { margin-right:40px }
.marginright55{margin-right:55px}
.marginright60{margin-right:60px}
.marginright65{margin-right:65px}
.marginauto { margin-left:auto; margin-right:auto }
.margin11 { margin:11px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.margin30-0 { margin:30px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.margin20{ margin:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.paddingtop0 { padding-top:0!important }
.paddingtop2 { padding-top:2px }
.paddingtop5 { padding-top:5px }
.paddingtop8 { padding-top:8px }
.paddingtop10 { padding-top:10px }
.paddingtop11 { padding-top:11px }
.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 }
.paddingtop55 { padding-top:55px }
.paddingtop60 { padding-top:60px }
.paddingtop80 { padding-top:80px }
.paddingtop90 { padding-top:90px }
.paddingtop100 { padding-top:100px }
.paddingtopb10 { padding-top:10%!important;}


.paddingbottom0 { padding-bottom:0!important }
.paddingbottom5 { padding-bottom:5px }
.paddingbottom10 { padding-bottom:10px }
.paddingbottom15 { padding-bottom:15px }
.paddingbottom20 { padding-bottom:20px }
.paddingbottom25 { padding-bottom:25px }
.paddingbottom30 { padding-bottom:30px }
.paddingbottom35 { padding-bottom:35px }
.paddingbottom40 { padding-bottom:40px }
.paddingbottom45 { padding-bottom:45px }
.paddingbottom50 { padding-bottom:50px }
.paddingbottom55 { padding-bottom:55px }
.paddingbottom60 { padding-bottom:60px }
.paddingbottom80 { padding-bottom:80px }
.paddingbottom90 { padding-bottom:90px }
.paddingbottom100 { padding-bottom:100px }
.paddingbottom120 { padding-bottom:120px }

.paddingleft0 { padding-left:0!important }
.paddingleft5 { padding-left:5px}
.paddingleft5im { padding-left:5px !important }
.paddingleft10 { padding-left:10px }
.paddingleft10im { padding-left:10px!important }
.paddingleft11 { padding-left:11px }
.paddingleft13 { padding-left:13px }
.paddingleft15 { padding-left:15px }
.paddingleft20 { padding-left:20px }
.paddingleft24 {padding-left:24px}
.paddingleft30 { padding-left:30px }
.paddingleft35 { padding-left:35px }
.paddingleft40 { padding-left:40px }
.paddingleft43 { padding-left:43px }
.paddingleft50 { padding-left:50px }
.paddingleft55 { padding-left:55px }
.paddingleft80 { padding-left:80px }
.paddingleft120 { padding-left:120px }
.paddingleft150 { padding-left:150px }
.paddingleft200 { padding-left:200px }

.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 }
.paddingright35 { padding-right:35px }
.paddingright38 {padding-right:38px}
.paddingright40 { padding-right:40px }
.paddingright50 { padding-right:50px }
.paddingright70 { padding-right:70px }

.padding1 { padding:1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding2 { padding:2px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding8 { padding:8px; -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 }
.padding25 { padding:25px; -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 }
.padding50 { padding:50px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding0_20 { padding:0px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding0_30 { padding:0px 30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding0_40 { padding:0px 40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding20_0 { padding:20px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding60_0 { padding:60px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding10_20 { padding:10px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding20_40 { padding:20px 40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding30_15 { padding:30px 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding30_20 { padding:30px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding55-25{padding: 55px 25px;-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 }

.row8 { margin-left: -8px; margin-right: -8px }
.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% }
.width16 { width:16.66% }
.width20 { width:20% }
.width25 { width:25% }
.width30 { width:30% }
.width33 { width:33.33% }
.width35 { width:35% }
.width36 { width:36.6% }
.width40 { width:40% }
.width45 { width:45% }
.width50 { width:50% }
.width55 { width:55% }
.width60 { width:60% }
.width63 { width:63% }
.width65 { width:65% }
.width66 { width:66% }
.width70 { width:70% }
.width75 { width:75% }
.width80 { width:80% }
.width90 { width:90% }
.width92 { width:92% }
.width96 { width:96% }
.width99 { width:99% }
.widthx99 {width: 99.6%;}
.width100 { width:100% }
.width120 { width:120% }

.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% }
.height50p { height:50px }
.height100 { height:100% }
.height80 { height:80% }
.height30 { height:30% }
.height50vh { height: calc(50vh);}
.height55vh { height: calc(55vh);}
.height60vh { height: calc(60vh); min-height: 440px;}
.height90vh { height: calc(90vh);}

.infinite-height { margin-bottom: -3000px; padding-bottom: 3000px }

/*-------------------区块-------------------*/
.area_100 { float:left; width:100% }
.area_90 { float:left; width:90% }
.area_85 { float:left; width:85% }
.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_64 { float:left; width:64% }
.area_60 { float:left; width:60% }
.area_55 { float:left; width:55% }
.area_50 { float:left; width:50% }
.area_48 { float:left; width:48% }
.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_32 { float:left; width:32% }
.area_25 { float:left; width:25% }
.area_23 { float:left; width:23% }
.area_20 { float:left; width:20% }
.area_15 { float:left; width:15% }
.area_10 { float:left; width:10% }

.com-rows_1 { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.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 { max-height:8.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical }
.mo_com-rows_2 { 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行，超出省略号*/ }
/*-------------------按钮-------------------*/

/*-------------------打印、分享css开始-------------------*/
.share { width: 30px; height: 30px }
.share .bdshare-button-style0-24 a { width: 30px; height: 30px; line-height: 30px; padding: 0; margin: 0; border: 1px solid #fff; color: #fff; text-align: center }
.share .bdshare-button-style0-24 a.bds_more { background: transparent }
.share .bdshare-button-style0-24 a.bds_more:after { font-family: iconfont; content: "\e602"; line-height: 30px }
.share .bdshare-button-style0-24 a.bds_more:hover { color: #fff; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6 }

/*-------------------头部-------------------*/ 
.headbox, .headlogo, .nav, .subnav-box { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s }
.headbox { width: 100%;height: 80px;background: #fff;position:     fixed;     z-index: 1002;}
.menu { display: none }
.navbox { height:80px }
.navbox .logo { height: 40px;width: auto; }
.logo { height: 36px; float: left }
.headspace{width: 100%;height: 80px;}
.headbox.current { height: 40px; background: #fff }
.headbox.current .headlogo { margin-top: 10px; height: 20px; width: 160px; background: url(/images/logo-b.png) 0 0 no-repeat; background-size: 100% 100% }
.headbox.current .nav { top: 0 }
/* .headbox.current .nav .menuLi .mainmenu { color: #000 } */
.headbox.current .subnav-box { margin-top: 7px }
.headbox.current .subnav-box a { color: #000 }
.headbox.current .subnav-box a.cur { color: #fff }
.headbox.current .subnav-box a:hover { color: rgba(0,0,0,0.6) }
.headbox.current .subnav-box span { color: rgba(0,0,0,0.8) }
.headbox.current .nav {
  top: 0;
}
.current .nav .menuLi .mainmenu{height: 40px;line-height: 40px;}
.current .menuListBox{top:40px}
.current .menuLiBnameover .top-sanjiao{bottom:-15%}
.current .logo {top: 25%;}
.current .logo img{height: 70%;margin-top: 5px;}
/* nav_menu */
/* .nav { height: 80px; line-height: 80px;position: relative } */
.nav{
  position: absolute;
  left: 68%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  z-index: 1002;
  min-width: 90%}
.nav .menuLi { float:left; display:block; position: relative } 
.nav .menuLi .mainmenu { display:block; height:80px; z-index: 2;line-height:80px;  color:#000; position:relative; overflow:hidden; padding:0 15px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.current .head-wechat {margin-top: 5px;}
.current .menuLi .icon-diqiu {margin-top: 5px;}
.nav .menuLi .mainmenu span { z-index: 2;position: relative; transition-duration:0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; }
.current .nav .menuLi .mainmenu span { font-size: 14px;transition-duration:0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; }
.nav .menuLi .mainmenu em { top: 100%;z-index: 1;background-color: #f7f7f7;  -webkit-transition: top 300ms;transition: top 300ms }

.nav .menuLi .mainmenu.menuLipitchon em { position: absolute;left: 0;top: 0;width: 100%;height: 100% }
.nav .menuLi .mainmenu.menuLiBnameover em { position: absolute;left: 0;top: 0;width: 100%;height: 100% }
.nav .menuLi .mainmenu.menuLiBnameover { color: #c12b20; }

.nav .menuLi .mainmenu:hover .mainmenu-dot, .nav .menuLi .mainmenu.menuLiBnameover .mainmenu-dot, .nav .menuLi .mainmenu.menuLipitchon:hover .mainmenu-dot, .nav .menuLi .mainmenu.menuLipitchon.menuLiBnameover .mainmenu-dot { width: 100%; left: 0 ;}
.nav .menuLi .mainmenu.menuLipitchon .mainmenu-dot { width: 15px; left: 20px }
.nav .menuLi .mainmenu.menuLipitchon {color: #c12b20;}
.menuListBox { min-width:100%; line-height:40px; position:absolute; top:80px;background: #c22b21 !important; display:none;z-index: 2 }
.menuListBox a { display:block; width: 100%; padding: 5px 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#fff; white-space:nowrap;}
.menuListBox a:hover { background-color: #b50c05;}

/* .language-menuLi .icon-diqiu { line-height: 70px; color: #f00 }
.language-menuLi .menuListBox { width: 50px; left: 50%; margin-left: -25px }
.language-menuLi .menuListBox a { padding: 0; text-align: center }
.menuLi:nth-of-type(3) .menuListBox { width: 95px;}
.menuLi:nth-of-type(4) .menuListBox { width: 91px; padding: 0 10px;}
.menuLi:nth-of-type(5) .menuListBox { width: 100px;padding: 0 12px; margin-left: -7px;}
.menuLi:nth-of-type(6) .menuListBox { width: 91px;padding: 0 10px;} */
.menuLiBnameover .top-sanjiao{display: inline-block;width: 0; height: 0; position: absolute; border-left: 9px solid transparent; border-right: 9px solid transparent;border-bottom: 10px solid #c22b21; opacity: 1; bottom:-10%;left: 50%;transform: translate(-50%,-50%); z-index: 4;}
.top-sanjiao1{left: 20%;}
.head-wechat {
  height: 80px;
  line-height: 80px;
  margin-top: 9px;
  z-index: 1003;
  padding: 0 20px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s
}
.head-wechat .wechat_ewm {
  left: auto;
  right:-64px;
  z-index: 1003;
}
.current .nav .menuLi .head-wechat{
  height: 40px;
  line-height: 40px;
}
.wechat_ewm {
  position: absolute;
  left: 25px;
  width: 200px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.wechat_ewm img {
  display: block;
  width: 100%;
  height: auto;
}
.menuLi .icon-diqiu {display: block; margin-top: 27px;}

/*-------------------底部-------------------*/
.footbox{background-color: #e8e8e8; color:#000000;}
.footbox ,.footbox a { color: #606060;font-size: 14px }
.footbox ,.footbox .h6{ color: #000;}
.border_bottom .h6{font-weight: bold; }
.footbox .area_50:first-child { line-height: 40px }
.footbox .area_50:first-child img { vertical-align: middle }
.footbox .area_50:nth-of-type(2) { padding-right: 50px;box-sizing: border-box; }
.footbox .area_50:nth-of-type(2) img { margin-right: -50px; }
.gototop { display:block; width:54px; height:54px; text-align: center; line-height: 54px; background:#f00; position:fixed; right:30px; bottom:80px; 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%; }
.gototop:hover { background:#f00; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; box-shadow: rgb(0, 0, 0,0.6) 0px 0px 6px 1px }
.gototop .iconfont { color: #fff }

.footbox a:hover {opacity: 1; }
.foot-wechat { position: relative; z-index:2001 }
.foot-wechat h2{opacity: 0.5;}
.wechat-ewm { position: absolute; right:0; width:100px;filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.wechat-ewm img { display: block; width: 100%; height: auto }
.foot-link li a {display: inline-block;padding: 2px 0; color: #606060;}
.foot-link>div { width: 15.5%; }
/* .foot-link>div:nth-of-type(4) { width: 20.5% } */
.foot-link>div:last-of-type { width: 16% }
.icon-inter::before{content: '\e604';}
.iconweixin::before{content: '\e660';}
.footHover:hover i{opacity: 0.5;}
.box-sizing a:hover{color: #c22b21 ;}
.border_bottom {border-bottom: 1px solid #d3d3d3;}
.foot-logo { width: auto;height: 40px;float: right;}
/* ------------------通用 二维码----------*/
.indexkvTitle p.cur, .indexkvTitle h1.cur { transform: translateY(0px) }
.suspendBtn,.suspend_open { transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s }
.suspendBtn { position: fixed;right: 0px;bottom: 100px;width: 150px;z-index: 10010;}

.suspendBtn { width: 150px;height: 150px }

.suspend_close { position: absolute;top:-25px;right:5px;cursor: pointer }
.suspend_open { cursor: pointer;width: 70px;padding: 5px 0;line-height: 1.2em; border-radius: 25px 0 0 25px; color: #fff; position: absolute;top:0;text-align: center;left: 0px;visibility: hidden;opacity: 0; background: #c22b21 }

.suspendBtn.cur { right: -150px }
.suspendBtn.cur .suspend_open { left: -60px;visibility: visible;opacity:1 }

/*-------------------通用-------------------*/
.title-tabs { font-size: 12px;font-weight: bold;color: #666; }
.title-tabs .fright a { color: #666; }
.title-tabs .fleft a { margin-right: 20px;color: #666; }
.title-tabs .fleft a:hover { color: #fff; }  
#tabs div { padding-right: 20px;cursor: pointer;color: #666; }
.com-rows2{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical/*最多显示2行，超出省略号; */;
}
.com-rows3{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical/*最多显示3行，超出省略号; */;
}
.zoomimg { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s }
a:hover .zoomimg, .zoomimg:hover { transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05) }
.index03-hover:hover .con2HoverLink,.index03-hover:hover .hovercolorred{color: #c22b21}
.index03-hover:hover .zoomimg, .zoomimg:hover { transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05) }
.index03-hover:hover .iconjiantou {animation: spinner-jiantou 1s linear 0s;animation-iteration-count:1;}
.com-decoration:hover .iconjiantou {animation: spinner-jiantou 1s linear 0s;animation-iteration-count:1;}
@-webkit-keyframes spinner-jiantou {
  0 {
    margin-left:0;
   opacity: 1;
  }
  40% {
   margin-left:10px;
   opacity: 0;
  }
  60% {
    margin-left:0;
    opacity: 0;
  }
  80%{
    margin-left:0;
    opacity: 0;
  }
  100% {
   opacity: 1;

  }
}
@keyframes spinner-jiantou {
  0 {
    margin-left:0;
    opacity: 1;
  }
  40% {
   margin-left:10px;
   opacity: 0;
  }
  60% {
    margin-left:0;
    opacity: 0;
  }
  80%{
    margin-left:0;
    opacity: 0;
  }
  100% {
   opacity: 1;

  }
}
.titletop { height: 150px }
.titletop h3 { letter-spacing: 2px }
.top80{top: 80%;}
.height50px{height: 50px;}
.height100{height:100%;}
.line-height50{line-height:50px;}


.block-padding { padding-top: 60px; padding-bottom: 60px }
.block-padding-t { padding-top: 80px }
.block-padding-b { padding-bottom: 80px }
.block-padding-t65 { padding-top: 65px }
.block-padding-b65 { padding-bottom: 65px }
.block-padding-t60 { padding-top: 60px }
.block-padding-b60 { padding-bottom: 60px }


.line-height30{line-height: 30px;}
.font-weight-blow{font-weight: bold;}
.lspacing3{letter-spacing:3px}
/* 箭头向前动画 */
.iconjiantou{-webkit-transition: none;transition: none;}
/* 三角 */
.triangle-up{display:inline-block;	width:0;height:0;	border-left: 7px solid transparent;border-right: 7px solid transparent; border-bottom: 12px solid #fff;position: absolute; bottom: 0; left: 47%;opacity: 0;}
.more-fff, .more-000 { display: inline-block } 
.more-fff a { position: relative; display: inline-block; padding: 5px 20px; color: #000; overflow: hidden; transition: 0.2s;left: -20px;}
.more-fff a:hover, .more-000 a:hover { color: #fff; background: #b60005; box-shadow: 0 0 10px #b60005; transition-delay: 600ms }
.more-fff a span, .more-000 a span { position: absolute; display: block }
.more-fff a span:nth-child(1), .more-000 a span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 2px; background: linear-gradient(90deg, transparent, #b60005) }
.more-fff a:hover .colorc22c20{color: #fff;-moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s }
.more-fff a:hover span:nth-child(1), .more-000 a:hover span:nth-child(1) { left: 100%; transition: 600ms }
.more-fff a span:nth-child(3), .more-000 a span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: 2px; background: linear-gradient(270deg, transparent, #b60005) }
.more-fff a:hover span:nth-child(3), .more-000 a:hover span:nth-child(3) { right: 100%; transition: 1s; transition-delay: 250ms }
.more-fff a span:nth-child(2), .more-000 a span:nth-child(2) { top: -100%; right: 0; width: 2px; height: 100%; background: linear-gradient(180deg, transparent, #b60005) }
.more-fff a:hover span:nth-child(2), .more-000 a:hover span:nth-child(2) { top: 100%; transition: 1s; transition-delay: 100ms }
.more-fff a span:nth-child(4), .more-000 a span:nth-child(4) { bottom: -100%; left: 0; width: 2px; height: 100%; background: linear-gradient(360deg, transparent, #b60005) }
.more-fff a:hover span:nth-child(4), .more-000 a:hover span:nth-child(4) { bottom: 100%; transition: 1s; transition-delay: 450ms }

.more-000 a { position: relative; display: inline-block; padding: 5px 20px; color: #000; overflow: hidden; transition: 0.2s }
/*-------------------loading-------------------*/
@-webkit-keyframes square-spin {
    25% {
      -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
              transform: perspective(100px) rotateX(180deg) rotateY(0); }
  
    50% {
      -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
              transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  
    75% {
      -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
              transform: perspective(100px) rotateX(0) rotateY(180deg); }
  
    100% {
      -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
              transform: perspective(100px) rotateX(0) rotateY(0); } }
  
  @keyframes square-spin {
    25% {
      -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
              transform: perspective(100px) rotateX(180deg) rotateY(0); }
  
    50% {
      -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
              transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  
    75% {
      -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
              transform: perspective(100px) rotateX(0) rotateY(180deg); }
  
    100% {
      -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
              transform: perspective(100px) rotateX(0) rotateY(0); } }
  
  .square-spin > div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    width: 50px;
    height: 50px;
    background: #862827;
    -webkit-animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
    animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite; }
  .loader { width: 100%; height:100%; position: absolute; background: #fff; z-index: 9999 }
  .square-spin { width: 100%; height:100%; position: relative }

/* -----------------首页--------------------- */
/* .inedexkv .video1 { position: absolute;top: 50%; left: 50%;transform: translate(-50%,-50%); min-width: 100%; min-height: 100%;width: auto; height: auto; background-size: cover }
.button-video-sound { width: 70px; text-align: center; height: 60px; line-height: 60px; position: absolute; z-index: 1; right: 0; top: 50%; border: 0; background-color: #4c4a4f; overflow: hidden; transform:  translateY(-50%); -ms-transform:  translateY(-50%); -webkit-transform:translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); cursor: pointer; outline: 0; -webkit-transition: right 0.25s ease-out; -moz-transition: right 0.25s ease-out; -ms-transition: right 0.25s ease-out; -o-transition: right 0.25s ease-out; transition: right 0.25s ease-out }
.button-video-sound::after { content: ""; line-height: 60px; font-size: 30px; color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent no-repeat center center; opacity: .5; -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out }
.button-video-sound:hover::after { opacity: 1 }
.button-video-sound-on::after { font-family: "iconfont" !important; content: "\e60e" }
.button-video-sound-off::after {font-family: "iconfont" !important;content: "\e72c" }
#videoPagination{bottom: 17%;left: 7%;text-align: left;}
.swiper-p{position: absolute;bottom: 20%;color: #fff; z-index: 3;left: 5%;}
.stage_media {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  max-width: 120%;
  max-height: 120%;
  width: auto;
  height: auto;
  transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  transition: 1s opacity;
  background: url(/images/index/movie.jpg) center center no-repeat;
  background-size: cover !important;
}
#top-stage {
  width: 100%;
  height: calc(100vh);
  background: url(/images/index/movie.jpg) center center no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
  top: 0;
  display: block;
  z-index: 0;
}
.index-toplay {
  width: 70px;
  height: 70px;
  line-height: 70px;
  bottom: 50%;
  left: 50%;
  margin-left: -35px;
  z-index: 1000;
} */
#indexsk .swiper-slide-next ,#indexsk .swiper-slide-prev{
  opacity: 0;
}
#indexsk .swiper-slide-active {
  opacity: 1!important;
}
.iconbofang{color: #fff;}
.iconbofang::before{content: '\e606';}
.index03-hover .more-fff a{left: -17%;}
.indexkv { width: 100%;height: calc(100vh - 80px);min-height: 500px; }
.indexkv-bg{background: url(/images/index/movie02.jpg);background-size: cover;background-position: center center;}
.indexkv .kv01-txt { width: 50%; max-width: 960px }
.indexarrow {
  bottom: 20px;
  margin-left: -15px;
  z-index: 999;
}
.scroll-icon {
  height: 60px;
  font-size: 24px;
}
.scroll-icon{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-size: 100% 100%;
  -webkit-transition: .4s;
  transition: .4s;
}
.scroll-icon::after {
  font-family: "iconfont";
  font-weight: 100;
  content: '\e603';
  -webkit-animation: scroll-icon 1.5s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
  animation: scroll-icon 1.5s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
}
@-webkit-keyframes scroll-icon {
  0% {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
    opacity: 0;
  }
  30%, 70% {
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 0;
  }
}
@keyframes scroll-icon {
  0% {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
    opacity: 0;
  }
  30%, 70% {
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 0;
  }
}
.about_kv { background: url(/images/about/about.jpg?v2);background-position: right; }
.about_box { min-height: 350px;box-shadow: 0px 9px 10px rgba(0,0,0,0.2) }
.about_box .positionAbsolute { background: url(/images/about/about_box.jpg);background-size:cover }
.about-box2 { overflow: hidden }
.about-box2 a .poabsolute-t { background: rgba(0,0,0,0);-moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.about-box2 a:hover .poabsolute-t { background: rgba(0,0,0,0.7);opacity: 1 }
.about-box2 .area_33 { line-height: 2.5em }
.about-box2 .area_33:last-child .poabsolute-h50{ text-align: center;height: 350px;overflow: hidden;overflow-y: auto; }
::-webkit-scrollbar {
width:8px;
height:8px
}
::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,.2)
}
::-webkit-scrollbar-thumb:window-inactive {
background:rgba(0,0,0,.1)
}
::-webkit-scrollbar-thumb:vertical:hover {
background-color:rgba(184, 138, 138, 0.3)
}
::-webkit-scrollbar-thumb:vertical:active {
background-color:rgba(0,0,0,.7)
}

.con1-title::before{content: ""; display: block; background: url(/images/icon/index01.png) center center no-repeat; background-size: contain;width: 100%;height: 40px;position: absolute;left: -10%;top: 10%;}
.backgroundfff{background-color: #fff;}
.backgroundf5f5f5{background-color:#f5f5f5 ;}
.com-link {display: block;overflow: hidden;}
.top37-43 {top: 43%;left: 60%;}
.swiper-pagination{text-align: end;margin: 0 0 0 -15px;}
.swiper-pagination-bullet-active{background-color: #b60005;}
.aixinbg{background: url(/images/index/newsbg.jpg)center center no-repeat; background-size: contain; width: auto;height: 100%;}
.li-height01{height: 330px;}
.li-height02{height: 350px;}
/* .newsImg-style{background:url(/images/index/newsbg.jpg) center;background-size: contain;} */
#indexButtonP { background: url(/images/icon/newsPrev.png) center center no-repeat;position: absolute; left: 46.5%; top: 46%; width: 34px; height: 71px;z-index: 3;background-size: contain;}
.bgf6f6f6{background-color: #f6f6f6;}
.hoverRed{content: ""; width: 100%; height: 100%; background-color: #b6030a;top:100%;left: 0;position: absolute;}
.hoverwhite{content: ""; width: 100%; height: 100%; background-color: #fff;top:100%;left: 0;position: absolute;}
.colorRed{color:#b6030a;transition: 0.6s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;}
/* .hovercolor:hover {box-shadow: 10px 10px 10px #eee; transition: 0.2s;-webkit-transition: 0.2s;-moz-transition: 0.2s;-o-transition: 0.2s;}
.hovercolor:hover.hovercolorshaw{box-shadow: 10px 10px 10px #888; transition: 0.2s;-webkit-transition: 0.2s;-moz-transition: 0.2s;-o-transition: 0.2s;} */

/* .hovercolor:hover .hovercolor-txt .seeMore{color: #fff;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;}
.hovercolor:hover .hovercolor-txt .colorRed{color: #000;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;}
.hovercolor:hover .colorb70209,.hovercolor:hover .color00ff00,.hovercolor:hover .color000{color: #b70209;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;} */
/* .hovercolor:hover .shares { border-top: 1px solid #000;border-bottom: 1px solid #000;} */
.shares{border-top:1px solid #b70209;border-bottom:1px solid #b70209;}
.shares-jt{display: block; width: 8%; height:51px; background-size: contain !important;}
.top48{top: 48%;}
.con2-title::before{content: ""; display: block; background: url(/images/icon/index01.png) center center no-repeat; background-size: contain;width: 100%;height: 40px;position: absolute;left: -12%;top: 10%;}
.icon-fangzi::before{content: '\e6e8';}
.icon-shenghuo::before{content: '\e60f';}
.icon-shanglv::before{content: '\e60f';}
.icon-gongyu::before{content: '\e60f';}
.iconjiantou::before{content: '\e637';}
.con1HoverLink:hover{color: #c22b21;}
.shares-con{height: 365px;}
.com-decoration{
    display: block;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 10;
  }
.com-decoration:hover{ color: #000; -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2)}
.index-news-p{left: 49%;top: 40% !important; transform: translate(-50%);border-right: 20px solid #f5f5f5!important;}
.con1 .more-fff a{top: 25px;}
.con22 .more-fff a{color: #fff;}
.con22 .more-fff a:hover, .more-000 a:hover { color: #000; background: #fff; box-shadow: 0 0 10px #fff; transition-delay: 600ms }
.con22 .more-fff a span, .more-000 a span { position: absolute; display: block }
.con22 .more-fff a span:nth-child(1), .more-000 a span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 2px; background: linear-gradient(90deg, transparent, #fff) }
.con22 .more-fff a:hover .colorc22c20{color: #fff;-moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s }
.con22 .more-fff a:hover span:nth-child(1), .more-000 a:hover span:nth-child(1) { left: 100%; transition: 600ms }
.con22 .more-fff a span:nth-child(3), .more-000 a span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: 2px; background: linear-gradient(270deg, transparent, #fff) }
.con22 .more-fff a:hover span:nth-child(3), .more-000 a:hover span:nth-child(3) { right: 100%; transition: 1s; transition-delay: 250ms }
.con22 .more-fff a span:nth-child(2), .more-000 a span:nth-child(2) { top: -100%; right: 0; width: 2px; height: 100%; background: linear-gradient(180deg, transparent, #fff) }
.con22 .more-fff a:hover span:nth-child(2), .more-000 a:hover span:nth-child(2) { top: 100%; transition: 1s; transition-delay: 100ms }
.con22 .more-fff a span:nth-child(4), .more-000 a span:nth-child(4) { bottom: -100%; left: 0; width: 2px; height: 100%; background: linear-gradient(360deg, transparent, #fff) }
.con22 .more-fff a:hover span:nth-child(4), .more-000 a:hover span:nth-child(4) { bottom: 100%; transition: 1s; transition-delay: 450ms }
.com-linkcolor{display: block;overflow: hidden; -webkit-transition: all 0.3s;-moz-transition: all 0.3s; transition: all 0.3s;}
.com-linkcolor:hover div,.com-linkcolor:hover p,.com-linkcolor:hover .more-fff .com-linkcolor:hover a,.com-linkcolorh4 :hover h4{ color:#c22b21;}
/* ----------新闻中心(主页)-------------------- */
.red-border{display:block; width: 90px;height: 2px; background-color: #c22b21;}
.red-border2{display:block; width: 70px;height: 2px; background-color: #ff0000;}
.colordc8c87{color: #dc8c87;}
.conmh2{ height: 3em;line-height: 1.4em;}
.conmp3{line-height: 1.4em;}
.height420{height: 420px;}
#bannerPagination{text-align: left;left:16px;}
.com-linkli {
  display: block;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.xinwen-con .com-linkli:hover .opacity0_8,.xinwen-con .com-linkli:hover .opacity0_5 {opacity: 1;color: #000;}
.com-linkli:hover{ color: #000; -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1) }
.com-linkli.bgf5f5f5:hover .pborder{ opacity: 1 !important; color: #000!important;}
.com-linkli:hover .p_txtcolor,.com-linkli:hover .pborder-wite,.com-linkli:hover .pborder,.com-linkli:hover .pborder_e{color: #fff!important;}
.zoomimg {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.news-ul h5{font-weight: bold;}
.newfoot .more-fff a{left: -6%;}
.com-linkli:hover .pborder{opacity: 1;}
/* .input-news {width: 225px;} */
/* .more-fff.mo_morebanner a{left:-19%;} */
.news-icon svg {width: calc(100% - 90%);}
/*-------------------新闻中心（子页）-------------------*/
.news_kv { background: url(/images/news/grouptop.jpg);background-position: left; background-size: cover;}
.news-li { border-bottom: 1px dotted #eaeaea }
.news-list { margin-left: 390px;margin-right: 100px;padding-bottom: 5px; }
.news-list h2 { color:#6d8ac4 }
.news-list img { margin-left: -390px;width: 360px; }
.news-list .news-icon { margin-right: -100px;width: 100px;border-right:1px solid #eaeaea;border-left:1px solid #eaeaea }

.input-news { border-bottom: 1px solid #666;margin-right: 40px }
.input-news input { height: 20px;line-height: 20px;width: 200px; }
.input-news input[type="text"],.input-news input[type="password"],.input-news select { padding: 0; color: #666 }
.lisarea_wh:hover h5{color: #c22b21;}
.lisarea_wh:hover p{color: #c22b21;}
/* 列表样式 */
.news-li2 { border-bottom: 1px solid #eaeaea;-moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
/* .news-li2 .bgf5f5f5:hover { background: #fff} */
.news-li2 .news-list2 { margin-left:130px;margin-right: 100px;}
.news-li2 .news-list2 .fleft { margin-left: -130px;width: 280px;height: 100% }
.news-li2 .news-list2 .news-icon { margin-right: -100px;width: 100px;border-right:1px solid #eaeaea;border-left:1px solid #eaeaea }
/* 平铺样式 */
.news-li1 .lisarea_wh {float:left; width:23%; margin-right: 18px;margin-bottom: 20px;margin-top: 20px;margin-bottom: 20px;}
.page { width: 26px;height: 26px;border: 1px solid #f00;border-radius: 50% }

.detail-box { margin-left: 130px;margin-right: 330px;border-right: 1px solid #eaeaea  }    
.detail-box .bgeee { width: 100px;height: 90px;margin-left: -130px }  
.detail-box>img { width: 300px;margin-right: -330px }

.detail-box2 { border-top: 2px solid #eaeaea; margin-right: 350px }
.detail-more { margin-left: 130px }
.detail-more .bgeee { margin-left: -130px;width: 100px;height: 90px }
.detail-more .width80 .area_50:first-child { border-right: 1px solid #eaeaea }
.title-tabs .tabsHover:hover{background-color: #c22b21;color: #fff;}
.detail-title-tabs .tabsHover:hover .triangle-up{opacity: 1;}
.iconliebiao1::before{content: '\e681';}
 .iconliebiao::before{content: '\e60a';}
 .switchTab .fleft i:hover{color: #c22b21;}
 .nav-wrap .current{background-color: #c22b21;color: #fff;}
 #current{background-color: #c22b21;color: #fff;}
 .input-news{
  border-bottom: 1px solid #e0e0e0;
  margin-right: 40px;
}
.input-news input{background-color: transparent;}
 .iconsearch::before{content: '\e643';}
 .lis-showR{color:#c22b21;}
 /*---------------------多媒体中心--------------- */
.media-toplay{width: 100%; height: 100%; line-height: 100px; bottom: 50%;top: 0; left: 0;z-index: 2; }
.jieshao-toplay{background:url(/images/about/intromove01.jpg)no-repeat; background-size: cover;}
.duomeitu-toplat{background-size: cover!important}
.article { margin-bottom: 20px; background: #fff }
.media-listoplay{width: 100%; line-height: 100px; bottom: 50%; left: 0;z-index: 1000;}
.media-listoplay::before { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.2); position: absolute; top: 0; left: 0; z-index: 2; transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }
.media-toplay-icon { width: 50px; height: 50px; line-height: 50px; top: 50%; margin-top: -25px; left: 50%; margin-left: -25px; z-index: 1000; transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }
.media-toplay-icon .icon-play { line-height: 50px; color: #fff; opacity: 0.5 }
a:hover .media-listoplay::before, a:hover .media-toplay-icon { opacity: 0 }
.video-popbox { width: calc(60vw); height: calc(80vh) }
.wall { position: relative }
.wall-column { position: relative; width: 33%; float: left; padding: 0 5px; box-sizing: border-box }
.iconshuqian::before{content: '\e969;';}
.news-li2 .tanStyle-list{margin: 30px 0;}
/* ---------------------产品与服务--------------- */
.selectStyle{background: url(/images/product/select-icon.png) center right no-repeat;border-bottom: 2px solid #e5e5e5;}

.layout-tabMenu select{font-size: 16px;}
.layout-tabMenu .option {padding: 30px; text-align: center;}
.layout-tabMenu input::-webkit-input-placeholder { color: rgb(0, 0, 0,0.8)!important;}  
.layout-tabMenu .input-news{margin-right: 0;}
.layout-tabMenu .input-news input { width: 100%; height: 39px; padding: 0 5px; border-bottom: 1px solid #e5e5e5; box-sizing: border-box }
.layout-tabMenu .input-news input:focus { border-bottom: 1px solid #d7000f; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; background: transparent }

.height32{height: 32px;}
.layout-tabMenu .iconsearch{ top: 25%; right: 10px; color: #ccc }
.layout-label{display: block; width: 60px;height:20px; background-color: #c22b21; color: #fff;line-height: 20px;
padding: 5px;text-align: center;}
.layout-label:hover{background-color: #e20c0c;}
.layout-map .swiper-pagination{left: 70%;}
.layout-map .swiper-pagination-bullet-active{background-color: #d7000f;}
.layout-swiper .layout-p{background: url(/images/product/layout-n.png);width: 28px;
  background-size: cover;top: 38%;
  }
.layout-swiper .layout-n{background: url(/images/product/layout-p.png);
  width: 28px;
  background-size: cover;top: 38%;
 }
 .layout-swiper .layout-pagination {left: 50%;bottom: -10%;}
 .layout-swiper .layout-pagination span{margin-right: 5px;}
 .layout-swiper .layout-pagination span.swiper-pagination-bullet-active{
   background-color: #d7000f;
 }
 .layout-banner h1{letter-spacing:3px}
.layout-jump .media-listoplay .topfloat {background: url(/images/product/topflloat.png) center center no-repeat;background-size: contain; width: 100%; height: 100%;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s; transition: all 0.3s;}
.layout-jump .media-listoplay:hover .topfloat{opacity: 1;-webkit-transition: all 0.5s;-moz-transition: all 0.5s; transition: all 0.5s;}
.layout-jump .media-listoplay:hover .colorfff{color: #000;-webkit-transition: all 0.5s;-moz-transition: all 0.5s; transition: all 0.5s;}
.borderbottom3{border-bottom: 3px solid #c22b21;}
.rx_border{border-bottom:2px solid #c22b21;}
/* -------------------产品与服务------------------ */
#leftbg { top: 0;left: 0; z-index: 1; width: 550px;}
.bgededed {background: #ededed;}
.iconyousanjiao{color: #d6000f;}
.iconyousanjiao::before{content: '\e600';}
.leftMenu-project dt {width: 90px;padding-right: 10px;color: #d6000f;}
.leftMenu-project dd{width: 160px;}
.leftMenu-project dd a {display: block; width: 100%; height: 30px;line-height: 30px; background: #f5f5f5; margin-bottom: 5px; padding-left: 10px;padding-right: 10px;}
.leftMenu-project dd a:hover{  background: #d6000f; color: #fff;}
.leftMenu-project dt.color000{color: #000;}
.city-selectStyle{ background: url(/images/product/city-select.png) 95% 50% no-repeat; border: 1px solid #c3c3c3; width: 200px; background-size: 10%;}
.button, a.button, input.button { text-decoration: none; text-align: center;display: inline-block;appearance: none; cursor: pointer;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition-property: all; transition-property: all;  transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s;}
.button-white, a.button-white, input.button-white {background: #fff;color: #c7101c;}
.button-m, a.button-m, input.button-m {padding: 10px 25px;line-height: 1em;}
.button-red, a.button-red, input.button-red {background: #c7101c;color: #fff;}
.button-search { height: 36px; line-height: 36px; border: 1px solid #c3c3c3;background: #f6f6f6; padding: 0 20px;}
.icon-search{color:#b0b0b0;}
.icon-search::before{content: '\e616';}
.icon-location::before{ content: '\e6cf';}
.icon-phone::before{ content: '\e653';}
.city-site { padding-left: 30px;}
.city-site .iconfont {
  margin-left: -30px;
  margin-top: 4px;
}
.city-label-box {
  height: 72px;
  overflow: hidden;
}
.city-label {float: left;width: auto;text-align: center; padding: 0 18px; height: 24px;line-height: 24px;margin-right: 10px; margin-top: 10px; color: #c7101c; border: 1px solid #959595;-moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px;}
.city-site:hover{color: #c7101c;}
.appointment:hover {color: #fff; background-color: #000;}
/* 住宅开发 */
.residencetop-kv{height:100%; overflow: hidden;}
.residencetop-bg {
  background: url(/images/product/residencetop.jpg);
  background-size: cover;
  background-position: center right;
  height: calc(60vh);
  min-height: 520px;
}
.industrytop-bg{
  background: url(/images/product/industrytop01.jpg);
  background-size: cover;
  background-position: center right;
  height: calc(60vh);
  min-height: 520px;
}

.deltop-bg {
  background: url(/images/product/deltop.jpg);
  background-size: cover;
  background-position: center right;
  height: calc(60vh);
  min-height: 520px;
}
.baolong-bg { background: url(/images/product/baolongtop.jpg) center bottom no-repeat; background-size: cover }
.residencetxt-bg{
  width: calc(60vh);
  overflow:hidden;
  background: url(/images/product/residencetop-bg.png)no-repeat;
  background-size: cover;
  background-position: center left;
  bottom: 5%;
  height: 60px;
  min-width: 35%;
}
/* 手风琴 */

.re-con .kwicks, .re-con .kwicks li { height: 500px }
.bc-img { position: absolute; top: 0 ; z-index: 2; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease } 
.re-con .kwicks-horizontal li:nth-of-type(1) .bc-img { background: url(/images/product/residenceloop01.jpg) top center no-repeat ; background-size:cover }
.re-con .kwicks-horizontal li:nth-of-type(2) .bc-img { background: url(/images/product/residenceloop02.jpg) top center no-repeat ; background-size:cover }
.re-con .kwicks-horizontal li:nth-of-type(3) .bc-img { background: url(/images/product/residenceloop03.jpg) top center no-repeat ; background-size:cover }
.re-con .kwicks-horizontal li:nth-of-type(4) .bc-img { background: url(/images/product/residenceloop04.jpg) top center no-repeat ; background-size:cover }
.re-con .disopen { opacity: 0; } 
.re-con .kwicks li:hover .disnone{ filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.re-con .kwicks li:hover .disopen{ opacity: 1; }

.re-con .kwicks h4 { height: 26px; line-height: 26px; overflow: hidden; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease }

.re-con .kwick-border {border-bottom: 2px solid #fff;}
.re-img-height{height: 240px;}
.re-imgatxt .re-img-bg01{background: url(/images/product/residenceimg01.jpg);background-size: cover;}
.re-imgatxt .re-img-bg02{background: url(/images/product/residenceimg02.jpg);background-size: cover;}
.re-imgatxt .re-img-bg03{background: url(/images/product/residenceimg03.jpg);background-size: cover;}
.re-imgatxt .re-img-bg04{background: url(/images/product/residenceimg04.jpg);background-size: cover;}
.reImgSlide-li{width: 100%;height: 100%; top: 62%;background-color:#fff; color: #000;}
/* 宜居生活 */
.transbordertop-kv{height:100%; overflow: hidden;}
.transbordertop-bg {
  background: url(/images/product/transbordertop01.jpg);
  background-size: cover;
  background-position: top center;
}
.principle-con .area_25 .principle-top{height: 150px;}
.com_borderdcdcdc{border: 1px solid #dcdcdc;}
.com_borderdfbr{border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.com_borderdfb{border-left: 1px solid #dcdcdc;  border-bottom: 1px solid #dcdcdc;}
.principle-icon,.sidu-icon{height: 100px;}
.principle-icon01{background:url(/images/product/prinicon01.png)no-repeat;background-size: contain;background-position: center center;}
.principle-icon02{background:url(/images/product/prinicon02.png)no-repeat;background-size: contain;background-position: center center;}
.principle-icon03{background:url(/images/product/prinicon03.png)no-repeat;background-size: contain;background-position: center center;}
.principle-icon04{background:url(/images/product/prinicon04.png)no-repeat;background-size: contain;background-position: center center;}
.transborder-bg{background: url(/images/product/transborderimgadd01.jpg) no-repeat;background-size: cover;background-position: center bottom;}
/* .transborder-kv{height:calc(76vh);min-height: 250px;} */
.sidu-icon1{background:url(/images/product/sidu01.png)no-repeat;background-size: contain;background-position: center center;}
.sidu-icon2{background:url(/images/product/sidu02.png)no-repeat;background-size: contain;background-position: center center;}
.sidu-icon3{background:url(/images/product/sidu03.png)no-repeat;background-size: contain;background-position: center center;}
.sidu-icon4{background:url(/images/product/sidu04.png)no-repeat;background-size: contain;background-position: center center;}
/* --------------------项目概况------------------ */
/* .detail-titletop{ height: calc(69vh); min-height: 700px;} */
.detail_kv {
  /* background : url(/images/product/detail-top.jpg) no-repeat; */
  background-position: center;
  background-size: cover;
}
.current .triangle-up{opacity: 1;}
.detail-tab01 .tab01-name-tab{width: 63px;height: 30px;line-height: 30px; background-color: #c22b21; color: #fff;text-align: center;}
.tab01-nameHover:hover{color: #c22b21;}
.contact-dl {padding-left: 5em;}
.contact-dl dt {width: 6em; margin-left: -5em;}
.contact-dl dd.width100 {width: calc(100% - 6em);}
.width250{width: 250px;}
.nav-wrap {
  width: 100%;
  height: 50px;
}
.nav-wrap.navFix {
  background: #efefef;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
}

.iconfavourite{color: #c22b21;}
.iconfavourite::before{content: '\e652';}
/* 文商旅 */
.indexkv-txt{position: absolute;bottom: 7%;}
.marginright160{margin-right: 160px;}
.write-sty{-webkit-writing-mode: vertical-rl; writing-mode: vertical-rl;}
.indwrite-border{border-bottom: 2px solid #c22b21;}
.indlis .indwrite-border{margin-top: -6%;}
#indswiper .more-fff a{ left: 0 }
#indswiper .swiper-button-prev.white-buttonp, #indswiper .swiper-button-next.white-buttonn { opacity: 0.5 }
#indswiper .swiper-button-prev.white-buttonp:hover, #indswiper .swiper-button-next.white-buttonn:hover { opacity: 1 }

.indnews .com-linkli.bgf5f5f5:hover { background-color: #c22b21; color: #fff; }
.white-buttonp{left: 10%!important}
.white-buttonn{right: 10% !important;}
.xf-icon{height: 100px;}
.xf-icon01 {background: url(/images/product/xfcicon01.png)no-repeat; background-size: contain; background-position: center center;}
.xf-icon02 {background: url(/images/product/xfcicon02.png)no-repeat; background-size: contain; background-position: center center;}
.xf-icon03 {background: url(/images/product/xfcicon03.png)no-repeat; background-size: contain; background-position: center center;}
.xf-icon04 {background: url(/images/product/xfcicon04.png)no-repeat; background-size: contain; background-position: center center;}

.id-con01-l { width: calc(100% - 500px) }
.id-con01-r { width: 500px }

/* 文商旅跳转 */
.width285{width: 285px;}
.del-trianl { width:0;  height:0;  border-top:20px solid transparent; border-bottom:20px solid transparent; border-right:20px solid #e6e6e6; position: absolute; top: 20%; right: 0;z-index: 5;}
.del-trianr { width:0;  height:0;  border-top:20px solid transparent; border-bottom:20px solid transparent; border-left:20px solid #e6e6e6; position: absolute; top: 20%; left: 0;}
.id-con02>div:nth-of-type(even) .del-trianl { width:0;  height:0;  border-top:20px solid transparent; border-bottom:20px solid transparent; border-left:20px solid #e6e6e6; border-right: transparent; position: absolute; top: 20%; left: 0; right: auto }
.id-con02 dl { padding-left: 7em }
.id-con02 dl dt { width: 7em; margin-left: -7em }
.id-con02 dl dd p, .id-con03 dl dd p { width: 7em }
.id-con03 dl { padding-left: 5em }
.id-con03 dl dt { width: 5em; margin-left: -5em }


/* 关于上坤 */
.about-details01 .more-fff a,.about-indexCenter .more-fff a{left: 0;}
.indexTop-kv{height: calc(60vh); overflow: hidden; min-height: 440px;}
.indexabout-kv {
  background: url(/images/about/indextop01.jpg?v=1.1);
  background-size: cover;
  background-position: center center;
}
.indexcenter-kv{
  background: url(/images/about/indexcenter01.jpg?v=1.1);
  background-size: cover;
  background-position: center right;
}
.introTop-kv{overflow: hidden; height: 150px;}
.introabout-kv {
  background: url(/images/about/introtop01.jpg);
  background-size: cover;
  background-position: center right;
}
.intro-move .stage_media{background: url(/images/about/intromove01.jpg)center center no-repeat;}
.intro-move#top-stage{background: url(/images/about/intromove01.jpg)center center no-repeat;}
.mediamove .stage_media{background: url(/images/news/mediamove01.jpg)center center no-repeat;}
.mediamove#top-stage{background: url(/images/news/mediamove01.jpg)center center no-repeat;}

.businesskv ul { height: calc(100vh - 84px );}
.menuDescription{
position: absolute;
    width: 278px;
    height: 320px;
    padding: 20px;
    /* left: 75px; */
    left: 90px;
    top: 0px;
    background: #fff;
}
.subMenu{overflow: hidden;}
.subMenu ul li {
  float: left;
  /* width: 75px; */
  width: 90px;
  /* height: 350px; */
  height: 340px;
  position: relative;
  overflow: hidden;
  border-right: 2px solid #111;
}
.pos3 span {
  background-position: -180px 0px;
  /* background-position: -152px 0px; */
}

.menuPreview {
  /* width: 75px; */
  width: 90px;
  /* height: 350px; */
  height: 340px;
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #000;
}

/* 手风琴 */
.bc-con .kwicks, .bc-con .kwicks li { height: 600px }
.bc-img { position: absolute; top: 0 ; z-index: 2; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease } 
.bc-con .kwicks-horizontal li:nth-of-type(1) .bc-img { background: url(/images/about/bc-bg-a.jpg) top center no-repeat ; background-size:cover }
.bc-con .kwicks-horizontal li:nth-of-type(2) .bc-img { background: url(/images/about/bc-bg-b.jpg) top center no-repeat ; background-size:cover }
.bc-con .kwicks-horizontal li:nth-of-type(3) .bc-img { background: url(/images/about/bc-bg-c.jpg) top center no-repeat ; background-size:cover }
.bc-con .kwicks-horizontal li:nth-of-type(4) .bc-img { background: url(/images/about/bc-bg-c.jpg) top center no-repeat ; background-size:cover }
.bc-con .kwicks-horizontal li:nth-of-type(5) .bc-img { background: url(/images/about/bc-bg-d.jpg) top center no-repeat ; background-size:cover }
.bc-con .kwicks-horizontal li:nth-of-type(6) .bc-img { background: url(/images/about/bc-bg-e.jpg) top center no-repeat ; background-size:cover }
.bc-txt { position: absolute; top: 0 ; z-index: 1 } 
.bc-con .kwicks li:hover .bc-img, .bc-con .kwicks .kwicks-collapsed h4 { filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }

.bc-con .kwicks h4 { height: 26px; line-height: 26px; overflow: hidden; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease }

.kwick-border {border-bottom: 2px solid #c22b21;}
.bc-txt .kwick-border {border-bottom: 2px solid #fff;}

/* 荣誉历程 */
/* 
.timeline-box { padding-top: 50px; padding-bottom: 50px; }
#timeline { width: 100%; position: relative; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
#timeline:before { content: ""; width: 1px; height: 100%; background: #f20005; left: 50%; top: 0; position: absolute; }
#timeline:after { content: ""; clear: both; display: table; width: 100% }
#timeline .timeline-item { margin-top: 0; position: relative; }
#timeline .timeline-item .timeline-icon { width: 30px; height: 30px; line-height: 10px; font-size: 0; position: absolute; bottom: 38px; left: 50%; overflow: hidden; margin-left: -15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50% ;background-color: #f20005;}
#timeline .timeline-item .timeline-icon-b{content: ""; display: block;width: 60px; height: 60px; line-height: 10px; font-size: 0; position: absolute; bottom: 23px; left: 50%; overflow: hidden; margin-left: -30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50% ;background-color: #f20005; opacity: 0.3;}
#timeline .timeline-item .timeline-content { width: 46%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
#timeline .timeline-item .timeline-content:before { content: ''; position: absolute; left: 46%; bottom: 38px; width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 9px solid #ececec; }
#timeline .timeline-item .timeline-content.right { float: right; }
#timeline .timeline-item .timeline-content.right:before { content: ''; right: 46%; left: inherit; border-left: 0; border-right: 9px solid #ececec; }
.timeline-txt, .timeline-year { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.timeline-txt { background: #f5f5f5 }
.timeline-year { background: #bfbfbf ;color: #fff;}
.timeline-content:hover .timeline-txt { background: #fbe5e7 }
.timeline-content:hover .timeline-year { background: #d6000f; color: #fff }
.timeline-content:hover:before { border-left: 9px solid #d6000f!important }
.timeline-content.right:hover:before { border-left: 0!important; border-right: 9px solid #d6000f!important }
.moreclick .timeline-icon { width: 30px; height: 30px; line-height: 10px; font-size: 10px; position: absolute; bottom: 38px; left: 50%; overflow: hidden; margin-left: -15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50% ;background-color: #f20005;}
.moreclick .timeline-icon-b{width: 60px; height: 60px; line-height: 10px; font-size: 0; position: absolute; bottom: 23px; left: 50%; overflow: hidden; margin-left: -30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50% ;background-color: #f20005; opacity: 0.3;}
.moreclick .timeline-icon-a{width: 30px; height: 30px; line-height: 10px; font-size: 30px;position: absolute; bottom: 32px; left: 50%; overflow: hidden; margin-left: -15px; color: #fff;z-index: 2;} */
.honor-kv{height: calc(70vh);overflow: hidden;min-height: 600px;}
.honor_swiper-bg{background: url(/images/about/honer-swiperbg.jpg); background-size: cover;background-position:center right;}
.honor_bgfff{width: 100%; height: 100%}
.hon_swiper-fw{ width:80%; height: 500px; background-color: rgb(255,255,255,1); opacity: 0.8;position: absolute; bottom: 0;left: 50%; transform: translateX(-50%);}
.honor-bottom-kv { background: url(/images/about/honorbg.jpg); background-size: cover; background-position:center right;
}
.honor-bottom-kv::before{content: ""; display: block; width: 100%; height: 100%; background-color: #000; opacity: 0.4;position: absolute; top: 0; z-index: 1;}
.no_bordertop{border-top: none !important;}
.about-honor02-border{border-top: 1px solid #fff;}
.about-honor02 a :hover{color: #c7101c;}
/* leader */
/* .leadertop-bg{height: calc(95vh); overflow: hidden;}
.leadertop-kv {
  background: url(/images/about/leadertop.jpg?v=1.1);
  background-size: cover;
  background-position: top center;
}
.leadertop-paper{width:calc(47vh); height: calc(59vh); overflow: hidden;}
.leadertop-paper-kv{ background: url(/images/about/leader-paper.png?v=1.1);
  background-size: cover;
  background-position: top center;
  right:15%;
  top: 15%;
}
.leaderPaper-con p{line-height: 2em;}
.leaderPaper-border{width: 55px; border-bottom:2px solid #c22b21 ;}
.spreadlis:hover .leader-spread-txt{color: #c22b21;} 
.leader-lis .area_45{width: 45%;}
*/
.introabout-txt{position: absolute; bottom: 8%;} 
.introduce-kv{height: calc(65vh); overflow: hidden; min-height: 500px;}
.introduce-kv .l_icon01 {position: absolute; top: 0; left: 0;background:url(/images/about/leaderbig-bg.png)no-repeat;;background-size: cover; background-position: top right;height: calc(37vh);min-height: 345px;}
.introduce-kv .l_icon02 {position: absolute; top: 0; right: 0;background:url(/images/about/leadername-bg.jpg)no-repeat;;background-size: cover; background-position: top right;height: calc(60vh);min-height: 500px;}
.l_hoverbgededed:hover.bgf9f9f9{background: #ededed;}
.honor_swiper .swiper-button-prev.licheng-btn-p:hover{background-color: #c22b21;color: #fff;}
.honor_swiper .swiper-button-next.licheng-btn-n:hover{background-color: #c22b21;color: #fff;}
.honor_swiper .swiper-button-prev.licheng-btn-p {width: 40px; height: 40px; background-color: #fff; left: -66px; opacity: 1; border-radius: 50%;}
.honor_swiper .swiper-button-next.licheng-btn-n{width: 40px; height: 40px; background-color: #fff; right: -66px; opacity: 1; border-radius: 50%;}
.honor_swiper .icon-prev:before {
  content: "\e96";
  position: absolute;
  left: 3px;
}
.honor_swiper  .icon-next:before {
  content: "\e6d8";
  position: absolute;
  left: 6px;
}
.honor_swiper .swiper-button-disabled.icon-prev:before,.honor_swiper .swiper-button-disabled.icon-next:before{opacity: 0.5!important;}
.honor-bg .width25{height: 140px;}
.licheng_sit2 p{width:18rem}
.change_font {font-size: 27px; padding-bottom: 9px;}
.change_font_p { font-size: 13px;}
/* ------------------加入上坤------------------ */
.indexkv-txtj{position: absolute; bottom:9%}
.marginleft-9{ margin-left: -9%;}
.paddingtop-35 {padding-top: 35%;}
.paddingleft-5{ padding-left: 5%;}
.rc-right{right: -10%;}
.top59{ top: 59%;}
.joinindextop-kv{height: calc(79vh); overflow: hidden; min-height: 400px;}
.joinindextop-bg { background: url(/images/join/indextop.jpg);background-size: cover; background-position: top top;height: calc(60vh);min-height: 440px;}
.jindex-shapeslbg{ background: url(/images/join/shape-bg.png) no-repeat;background-size: 86%;background-position:38% 45%; height: calc(38vh);}
.jindex-shapeslbg .shapeslbg-set {top:55%; left:48%;}
.jindex-shapeslbg .j-shapeslbg01{width: 80px;height: 80px;border-radius: 50%; background-color: #f3afa2;text-align: center;line-height: 80px; top: -8%;left: 45%;}
.jindex-shapeslbg .j-shapeslbg02{width: 70px;height: 70px;border-radius: 50%; background-color: #f6c5b3;text-align: center;line-height: 70px; top: 5%;left: 5%;}
.jindex-shapeslbg .j-shapeslbg03{width: 100px;height: 100px;border-radius: 50%; background-color: #eb7366;text-align: center;line-height: 100px; top: 55%;left: -8%;}
.jindex-shapeslbg .j-shapeslbg04{width: 60px;height: 60px;border-radius: 50%; background-color: #f7c8b7;text-align: center;line-height: 60px; top: 80%;left: 55%;}
.jindex-shapeslbg .j-shapeslbg05{width: 90px;height: 90px;border-radius: 50%; background-color: #de4f46;text-align: center;line-height: 90px; top: 25%;left: 85%;}
.jindex-shapesrbg{ background: url(/images/join/shape-bg02.png) no-repeat;background-size: 90%;background-position: 50% 10%; height: calc(40vh);}
.jindex-shapesrbg .j-shapesrbg01{width: 70px;height: 70px;border-radius: 50%; background-color: #f3afa2;text-align: center;top: -8%;left: 45%;}
.jindex-shapesrbg .j-shapesrbg02{width: 100px;height: 100px;border-radius: 50%; background-color: #eb7366;text-align: center;top: 8%;left: -4%;}
.jindex-shapesrbg .j-shapesrbg03{width: 65px;height: 65px;border-radius: 50%; background-color: #f28e80;text-align: center;top: 85%;left: 40%;}
.jindex-shapesrbg .j-shapesrbg04{width: 70px;height: 70px;border-radius: 50%; background-color: #de4f46;text-align: center;top: 45%;left: 85%;}
.join-shadow{width: 100%;height: 100%; background-color: #000; opacity: 0.5; z-index: 2;}
.j-height .swiper-button-next,.j-heighthover .swiper-button-next{left: 80%;}
.j-height .swiper-button-prev,.j-heighthover .swiper-button-prev{left: 15%;}
.join-rencai-bg{ background: url(/images/join/txtimg.jpg) no-repeat;background-size: cover; background-position: center left; height: calc(60vh);}
.join-rencai-kv{position: absolute; right: -8%;top: 45%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.rencail-bg{background: url(/images/join/indexcon1.jpg) no-repeat; background-size: cover; background-position: center left;}
.rencail-kv{height: 350px;}
.rencai-icon{height: 100px;}
.rencai-icon01{background: url(/images/join/icon01.png)no-repeat;background-size: contain; background-position: center center;}
.rencai-icon02{background: url(/images/join/icon02.png)no-repeat;background-size: contain; background-position: center center;}
.rencai-icon03{background: url(/images/join/icon03.png)no-repeat;background-size: contain; background-position: center center;}
.rencai-icon04{background: url(/images/join/icon04.png)no-repeat;background-size: contain; background-position: center center;}
.rencai-icon05{background: url(/images/join/icon05.png)no-repeat;background-size: contain; background-position: center center;}
/* 可持续发展 */
.devindextop-bg{
  background: url(/images/development/indextop01.jpg) no-repeat;
  background-size: cover;
  background-position: center right;
  height: calc(60vh);
  min-height: 520px;
}
.pborder-bottom::before{content: ""; width: 57px; height: 1px; background-color: #ff0000; position: absolute; bottom: -2px;}
.devindex-ul .com-linkli.bgf5f5f5:hover .opacity0_5{ opacity: 1;}
.bgimg{background: none!important;}
.dev-marginb50{margin-left: 50%;transform: translate(-42%);}

.dindex-swiper.swiper-container { width: calc(150vw)!important; left: calc(125vw - 150vw) }
.dindex-swiper .swiper-slide { transform: scale(0.8) }
.dindex-swiper .swiper-slide::after { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; z-index: 2 }
.dindex-swiper .swiper-slide.swiper-slide-prev { transform-origin: bottom right }
.dindex-swiper .swiper-slide.swiper-slide-next { transform-origin: bottom left }
.dindex-swiper .swiper-slide-active, .dindex-swiper .swiper-slide-duplicate-active { transform: scale(1); z-index: 3 }
.dindex-swiper .swiper-slide-active::after, .dindex-swiper .swiper-slide-duplicate-active::after { display: none }
.dindex-swiper .swiper-button-prev { left: calc(30vw) }
.dindex-swiper .swiper-button-next { right: calc(30vw) }
.dindex-swiper .swiper-button-prev, .dindex-swiper .swiper-button-next { top: 55%; margin-top: 0; opacity: 0.5 }
.dindex-swiper .swiper-button-prev:hover, .dindex-swiper .swiper-button-next:hover { opacity: 1 }

/* 关于 */
.aboutkvTitle .poabsolute-w50 { top: 20% }
.brand-bg { background: url(/images/about/brand-bg.jpg) no-repeat;background-position: center;background-size: cover;height: calc(100vh); }
.brandTitle { background: rgba(255, 255, 255, 0.9)  }

.page-bg { background: url(/images/about/page-bg.jpg) no-repeat;background-position: bottom center;background-size: cover;height: calc(45vh); }

.honor-bg { background: url(/images/about/honor-bg.jpg) no-repeat;background-position: top center;background-size: cover }
.honorIcon .iconshuxing,.mo_honorIcon .iconshuxing{ font-size: 11em!important;color: #a5a5a5 }
.honorContainer .swiper-slide { height: 450px }
.honorContainer .swiper-slide .honorIconText { height: 66px;line-height: 22px;white-space: nowrap }
.honorContainer .swiper-slide .honorIconBox { width: 100% }
.honorIconBox:hover .iconshuxing ,.honorIconBox:hover {color: #c22b21;}

.iconshuxinghover{opacity: 0;}
.honorContainer .swiper-slide:nth-of-type(2n-1) .honorIconBox { top: 3% }
.honorContainer .swiper-slide:nth-of-type(2n-1) .honorIconYear  .poabsolute-w50 { top: 28% }

.honorContainer .swiper-slide:nth-of-type(2n) .honorIconBox { bottom: 2% }
.honorContainer .swiper-slide:nth-of-type(2n) .iconshuxing ,.honorContainer .swiper-slide:nth-of-type(2n) .iconshuxinghover{ transform: rotate(180deg);display: inline-block }
.honorContainer .swiper-slide:nth-of-type(2n) .honorIconYear  .poabsolute-w50 { top: 45% }

/* 2020/10/ -> 荣誉第二次改版 */
.honorLabel { right: -20px;line-height: 24px;font-size:12px; color: #fff }
.honorLabel2 { right: -20px;top: -4px;line-height: 12px;font-size:12px; color: #fff }
.honorNote .fleft:nth-of-type(1) { padding-right: 10px }
.honorNote .fleft { padding-right: 30px }
.honorsLine{width: calc(200vw); height: 2px;background-color: #c6c6c6;left: -200px;}
.licheng_sit{margin-top: 54px;margin-left: 50px;}
.h_swiper-radio {height: 80px;position: relative;height: 80px; position: relative; top: 50%;left: 50%; transform: translate(-50%, -50%);}
.redradio{width: 10px;height: 10px; background-color: #c22b21; border-radius: 50%;position: absolute;bottom: 10px;left:14px ;z-index: 5;}
.redradio-big{width: 20px;height: 20px; background-color: #c22b21; border-radius: 50%;position: absolute;bottom: 4px;    left: 9px;z-index: 5; opacity: 0.2;}
.licheng_sit2{margin-top: -20px;}
/*-------------------联系我们-------------------*/
.contact-kv { background: url(/images/contact/contact-kv.jpg) top right; background-size: cover; height: calc(60vh); min-height: 520px; overflow: hidden }
.contact-con01 { background: #454545; padding-left: 390px }
.contact-con01 dt { width: 390px; margin-left: -390px; color: #fff }
.contact-con01 dt li { line-height: 30px; margin-bottom: 10px }
.contact-con01 dt .iconfont { line-height: 22px; margin-right: 3px; font-size: 14px!important }
.contact-con01 dt a { color: rgba(255,255,255,1) }
.contact-con01 dt a:hover { color: rgba(255,255,255,0.6) }
.contact-con01 dd { width: calc(100% - 390px); height: 100%; position: absolute; top: 0; right: 0; background: url(/images/contact/map.jpg) center center no-repeat; background-size: cover }

.contact-con02 .area_50 { background: #f8f8f8 }
.contact-con02 .area_50:nth-of-type(2), .contact-con02 .area_50:nth-of-type(3), .contact-con02 .area_50:nth-of-type(6) { background: #f0f0f0 }
/* ---------地图-- */
.bdm-mapbox { width: 580px; height: 490px; position: relative }
.sp-txt{left:30px; top: 0;}
.mapdot { position: absolute; z-index: 10;opacity: 0;transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; cursor: pointer }
.mapdot-1 {top: 220px;right: 254px;}
.mapdot-2 {top: 251px; right: 209px;}
.mapdot-3 { top: 263px; right: 267px; }
.mapdot-4 { top: 218px; right: 178px; }
.mapdot-5 {top: 245px; right: 165px; }
.mapdot-6 { top: 264px; right: 170px; }
.mapdot-7 { top: 298px;right: 217px; }
.mapdot-8 { top: 350px;right: 241px; }
.mapdot:hover{opacity: 1;transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
.mapdot.map-block{opacity: 1}
/* .spinner { width: 44px; height: 44px; border-radius: 100%; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; color: #e54743; }
.spinner em { display: block; width: 8px; height: 8px; border-radius: 100%; position: absolute; left:8px; top: 20px; margin: auto; background: #e54743; }
.sp-hover{ position: absolute; left: -20px; right: 0; top: 3px; bottom: 0; border-radius: 100%; box-shadow: 0 0 0 1px;  margin: auto; width: 16px; height: 16px; opacity: 0; } 
.sp-txt{top: 0; left: 15px;}
.spinner:hover .sp-hover{-webkit-animation: spinner-bubble 1s linear 0s infinite; animation: spinner-bubble 1s linear 0s infinite;}

@-webkit-keyframes spinner-bubble {
  0 {
   width: 80px;
   height: 80px;
   opacity: 0;
  }
  50% {
 
   opacity: .6;
  }
  100% {
   width: 80px;
   height: 80px;
   opacity: 0;

  }
  
  }
  @keyframes spinner-bubble {
   0 {
   width: 80px;
   height: 80px;
   opacity: 0;
  }
  50% {
   width: 16px;
   height: 16px;
   opacity: .8;
  }
  100% {
   width: 80px;
   height: 80px;
   opacity: 0;
  }
  } */
  .spinner {
    width: 74px;
    height: 28px;
    position: absolute;
    left: -11px;
    right: 0;
    top: 44px;
    bottom: 0;
    margin: auto;
    color: #e54743;
}

.pi-map-r { width: calc(100% - 620px); height: 490px }

/* 地图表单 */
.sellout{height: 100%;position: absolute; z-index: 5;}

.scroll-img::before {content: ""; width: 100%;height: 100%; position: absolute; top: 0;  background: rgba(0,0,0,0.2);transition-duration:0.1s; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; -o-transition-duration: 0.1s }
.layout-scroll { width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; padding-right: 10px; box-sizing: border-box }
.layout-scroll::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 3px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  margin-top:-10px;
  margin-bottom:-10px
  }
  .layout-scroll::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 0;
  /* box-shadow   : inset 0 0 5px rgba(0, 0, 0); */
  background   : #000;
  }
  .layout-scroll::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  /* box-shadow   : inset 0 0 5px rgba(0, 0, 0); */
  border-radius: 0;
  background   : #f0f0f0;
  }
/* 新闻详情 */
.new_det-tip{padding: 10px 0; border-bottom: 1px solid #e0e0e0;}
.new_det_lis ul li{background-color: #f8f8f8;}
.new_det_lis ul li:hover{background-color: #c22b21;}
.new_det_lis ul li:hover h4,.new_det_lis ul li:hover p{color: #fff;}

.new_det-code .area_30{ border: 1px solid #e0e0e0;}
.new_det_foot{border-top: 1px solid #e0e0e0;}
.new_det_bor::after{content: '';width: 100%; border-bottom: 1px solid #e0e0e0; position: absolute; bottom: 0;}
.new_det_foot a p:hover{color: #c22b21;}
.new_det-left img{max-width: 100%;}
.pj_txt {bottom: 20px;}
.pj_btn-p.icon-prev{left: 10%;}
.pj_btn-n.icon-next{right: 10%;}
/* 集团介绍 */
.intor-bg {height: 200px; background: url(/images/about/intor-bg.png) center bottom no-repeat; background-size: contain;}
.font-size44{font-size: 44px;}
.more_border{display: block; width: 165px; height: 50px; border: 1px solid #c22b21; color: #c22b21;text-align: center;line-height: 50px;}
.more_border:hover{color: #fff; background-color: #c22b21;}
.lang-change:hover {color:#c22b21 ;}


/*廉洁举报  */
.honestreport-kv {background: url(/images/honestreport/honestreport-kv.jpg) top center; background-size: cover; height: calc(60vh); min-height: 520px;overflow: hidden;}
.horeport_link a:hover{opacity: 0.7;}
/*-------------------响应式css-------------------*/
@media ( min-width:1600px ) {
.container { width:1350px!important }
.jindex-shapesrbg .shapeslbg-setr {top: 60%; left: 53%;}

}

@media (max-width:1400px) {
.li-height02{height: 301px;}
.top37-43 {top: 37%;left: 60%;}
.news-list2 .area_80 {width: 65%;}
/* .jindex-shapesrbg .shapeslbg-setr {top: 62%;} */
.shares-con .width80{width:90%}
body { 

    font-size:14px; font-size:1.4rem; /* 12÷10=1.2 */
    font-weight:400;
    line-height:160%; 

}
}
@media(max-width:1599px){}

@media ( min-width:1260px ) and ( max-width:1599px ) {
.container { width:1160px!important }
.top37-43 {top: 37%;left: 60%;}
.j-qy .area_64{width: 63%;}
.j-qy .area_35{width: 34%;}
.layout-map img{left: 5%!important;}
.shares-con .width80{width:90%}
body { font-size:14px; font-size:1.4rem; /* 12÷10=1.2 */font-weight:400;line-height:160%; }
.red-border2 {width: 56px;}
.nav .menuLi .mainmenu {padding: 0 12px;}
.head-wechat {padding: 0 12px;}
.wechat_ewm img {width: 65%;}
.change_font {font-size: 24px;}
}
@media ( min-width:1000px ) and ( max-width:1259px ) {
.container { width:960px!important }
.top37-43 {top: 37%;left: 60%;}
.con2-title::before {left: -15%;}
.con1-title::before {left: -12%;}
.layout-map.area_50{width: 45%;text-align: center;}
.layout-swiper .area_90{width: 85%;}
.detail-tab01-lis .area_33,.detail-tab01-lis .area_65{width: 100%;}
.introTop-kv {   height: calc(24vh);}
.j-qy .area_64{width: 63%;}
.j-qy .area_35{width: 34%;}
.nav .menuLi .mainmenu { padding: 0 15px }
.layout-map img{left: 40%!important; height: 85%!important;}
.xf-contain .xf-mead{ margin-top: 80px;}
.nav .menuLi .mainmenu{padding: 0 8px;}
.head-wechat {padding: 0 8px;}
.nav{left: 62%;}
.current .nav{left: 62%;}
.current .nav .menuLi .mainmenu {padding: 0 8px;}
.shares-con .width80{width:95%}
.pi-map-r .layout-scroll ul li{width: 100%;}
body { font-size:14px; font-size:1.4rem; /* 12÷10=1.2 */font-weight:400;line-height:160%; }
.navbox .logo{height: 25px;}
.current .logo img{height: 100%;}
.introduce-kv .l_message{width: 60%;}
.red-border2 {width: 56px;}
.wechat_ewm img {width: 65%;}
.change_font {font-size: 22px;padding-bottom: 9px;}
.mo_hbig .font-size17 {font-size: 17px;}
}



@media ( min-width:801px ) and ( max-width:999px ) {
.container { width: 90%!important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.nav .menuLi .mainmenu { padding: 0 9px }
.head-wechat {padding: 0 11px;}
.current .nav .menuLi .mainmenu {padding: 0 5px;}
.wechat_ewm img {width: 65%;}
.pi-map-r .layout-scroll ul li{width: 100%;}
body { font-size:12px; font-size:1.2rem; /* 12÷10=1.2 */font-weight:400;line-height:160%; }
.means-container .aixinbg .paddingleft30 {padding-left: 10px;}
.navbox .logo{height: 25px;}
.current .logo img{height: 100%;}
.head-wechat {padding: 0 8px;margin-top: 3px;}
.nav{left: 62%;}
.current .nav{left: 62%;}
}


@media ( max-width:999px ) {
.container { width: 100%!important; padding-left: 20px; padding-right: 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.con2-title::before {left: -15%;}
.con1-title::before {left: -12%;}
/* .input-news input { width: calc(100vw - 80px);} */
.news-list2{margin:0;}
.news-li1 .lisarea_wh {width: 100%;}
.layout-map.area_50{width: 45%;}
.layout-swiper .area_90{width: 85%;}
.detail-tab01-lis .area_33,.detail-tab01-lis .area_65{width: 100%;}
/* .shares-con .width80{width:102%} */
/* .nav{left: 67%;} */
/* .current .nav{left: 60%;} */
.navbox .logo{height: 21px;}
.current .logo img{height: 100%;}
/* .current .nav {left: 61%;} */
.introduce-kv .l_message.area_65 {width: 60%;}
.red-border2 {width: 50px;}
.wechat_ewm img {width: 65%;}
.change_font {font-size: 27px;padding-bottom: 9px;}
.change_fonts {font-size: 25px}

}