@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%;
    line-height: 180%;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;    
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased; 
    -moz-font-smoothing:antialiased; 
    font-smoothing:antialiased;
}
body { 
    font-family:"PingFang SC", webfont,"Hiragino Sans GB","STHeiti",Helvetica,黑体,新細明體,Arial,"Lucida Grande",sans-serif;
    font-size:14px; font-size:1.4rem; /* 12÷10=1.2 */
    font-weight:400;
    line-height:150%; 
    color:#000; 
    background: #fff; 
    height:100%
}
p,a,h1,h2,h3,h4,h5,h6,p{line-height: 180%;}

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

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

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

.a01, a.a01, .a01 a { color: #d97539; transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }
a:hover .a01, a.a01:hover, .a01 a:hover { color:#000 }

/* 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 }

/* display */
.dis { display:block }
.undis { display:none }
.disinline { display:inline }
.disinblock { display:inline-block }
.cursor_pointer { cursor:pointer }

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

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

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


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

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

.left0 { left:0!important }
.right0 { right:0!important }

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

.overhidden { overflow:hidden }


/*-------------------透明度-------------------*/
.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_2 { filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity:0.2; opacity:0.2 }
.opacity0_5 { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 }
.opacity0_6 { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6 }
.opacity0_7 { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7 }
.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: 'Impact';
  src: url('/fonts/Impact.eot'); /* IE9*/
  src: url('/fonts/Impact.woff') format('woff'), /* chrome、firefox */
  url('/fonts/Impact.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('/fonts/Impact.svg') format('svg'); /* iOS 4.1- */
}

.iconfont { line-height: 1em }
.fa-0_8x { font-size: 0.8em!important }
.fa-1x { font-size: 1em!important }
.fa-1_2x { font-size: 1.2em!important }
.fa-1_6x { font-size: 1.6em!important }
.fa-2x { font-size: 2em!important }
.fa-2_4x { font-size: 2.4em!important }
.fa-3x { font-size: 3em!important }
.fa-4x { font-size: 4em!important }

.font-bold { font-weight: 800 }
.font-thin { font-weight: 300 }

h1, .h1 { font-size: 46px; line-height:1.1em }
h2, .h2 { font-size: 40px; line-height:1.1em }
h3, .h3 { font-size: 34px; line-height:1.1em }
h4, .h4 { font-size: 24px; line-height:1.2em }
h5, .h5 { font-size: 20px; line-height:1.3em }
h6, .h6 { font-size: 16px; line-height:1.5em }

.bigtitle { font-size: 58px; line-height:1.1em; font-weight: 400 }
.fontSize10 { font-size:10px; font-size:1rem; -webkit-transform:scale(0.8) }
.fontSize12 { font-size:12px }

.letterspacing5 { letter-spacing: 5px }


/*-----------------字体大小---------------------*/
.font58{font-size: 58px;}
.font32{font-size: 32px;}
.font24{font-size: 24px;}
.font20{font-size: 20px;}
.font16{font-size: 16px;}
.font14{font-size: 14px;}
.font12{font-size: 12px;}





/*-----------------间距---------------------*/ 
.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_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 }


/*-------------------颜色--------------------*/
.colorfff, .colorfff a, a.colorfff { color: #fff }
.color000, .color000 a, a.color000 { color: #000 }
.color666 { color: #666 }
.colord97539 { color: #d97539 }
.colord82e8b { color: #d82e8b }
.color6a6a6a { color: #6a6a6a }
.coloreee276 { color: #eee276 }
.colordc8051{color: #dc8051;}
.colorb5b5b5{ color:#b5b5b5;}
.color6bbde0{color: #6bbde0;}
.colord97539{color: #d97539 !important;}
.color666666{color:#666666 !important;}
.color7f7f7f{color:#7f7f7f}
.colord9dddd{color:#d9dddd}



.bgfff { background: #fff }
.bg000 { background: #000 }
.bg144aa6 { background: #144aa6 }
.bgf1f1f1 { background: #f1f1f1 }
.bgf8f8f8 { background: #f8f8f8 }
.bgfafafa { background: #fafafa }
.bg3285c4 { background: #3285c4 }
.bg1c539a { background: #1c539a }
.bgebf1f5 { background: #ebf1f5 }
.bg0e4285 { background: #0e4285 }
.bgd97539 { background: #d97539 }
.bgf3f8fb { background: #f3f8fb }


/*-------------------宽度、高度--------------------*/
.width15 { width:15% }
.width20 { width:20% }
.width25 { width:25% }
.width30 { width:30% }
.width33 { width:33.33% }
.width40 { width:40% }
.width45 { width:45% }
.width48 { width:48% }
.width50 { width:50% }
.width60 { width:60% }
.width66 { width:66.66% }
.width70 { width:70% }
.width75 { width:75% }
.width80 { width:80% }
.width90 { width:90% }
.width100 { width:100% }

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

.imgw20 { display:block; max-width:20%; height:auto }
.imgw30 { display:block; max-width:30%; height:auto }
.imgw40 { display:block; max-width:40%; height:auto }
.imgw50 { display:block; max-width:50%; height:auto }
.imgw60 { display:block; max-width:60%; height:auto }
.imgw70 { display:block; max-width:70%; 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 }


/*-------------------区块-------------------*/
.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_72 { float:left; width:72% }
.area_70 { float:left; width:70% }
.area_66 { float:left; width:66.66% }
.area_65 { float:left; width:65% }
.area_60 { float:left; width:60% }
.area_55 { float:left; width:55% }
.area_50 { float:left; width:50% }
.area_49 { float:left; width:49% }
.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_28 { float:left; width:28% }
.area_25 { float:left; width:25% }
.area_22 { float:left; width:22% }
.area_20 { float:left; width:20% }
.area_15 { float:left; width:15% }
.area_10 { float:left; width:10% }

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


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

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


/*-----------------线条---------------------*/ 
.line-fff { width:100%; height:1px; line-height:1px; font-size:0; background:#fff; border:0 none }
.line-000 { width:100%; height:1px; line-height:1px; font-size:0; background:#000; border:0 none }
.line-d97539 { width:100%; height:2px; line-height:2px; font-size:0; background:#d97539; border:0 none }
.line-d82e8b { width:100%; height:4px; line-height:4px; font-size:0; background:#d82e8b; border:0 none }

.border_b_ececec { border-bottom: 1px solid #ececec }
.border_r_000_10 { border-right:1px solid rgba(0,0,0,0.1); border-color: #000\9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

/*-------------------按钮-------------------*/ 
.button, a.button, input.button { text-decoration: none; text-align: center; display: inline-block; appearance: none; cursor: pointer; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition-property: all; transition-property: all; transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }

.button-m, a.button-m, input.button-m { padding: 0 20px; height: 30px; line-height: 30px }
.button-l, a.button-l, input.button-l { padding: 0 40px; height: 50px; line-height: 50px }
.button-l .iconfont, a.button-l .iconfont, input.button-l .iconfont { line-height: 50px!important }

.button-blue, a.button-blue, input.button-blue { background:#d97539; color:#fff }
.button-blue:hover, a:hover.button-blue, input.button-blue:hover { background:#3785c0; color:#fff }
.button-blue:active, a:active.button-blue, input.button-blue:active { background:#3785c0; color:#fff; -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset }

.button-gray, a.button-gray, input.button-gray { background:#eee; color:#000 }
.button-gray:hover, a:hover.button-gray, input.button-gray:hover { background:#d0d0d0; color:#000 }
.button-gray:active, a:active.button-gray, input.button-gray:active { background:#bcbcbc; color:#000; -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset }


/*-------------------通用-------------------*/ 
.com-rows_1 { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.com-rows_2 { height:2.75em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_max2 { max-height:2.75em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_3 { height:3.85em; line-height:1.3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical }
.com-rows_max3 { max-height:3.85em; line-height:1.3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical }
.com-rows_4 { height:5.55em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical }
.com-rows_max4 { max-height:5.55em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical }
.com-rows_5 { height:6.95em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical }
.com-rows_6 { height:8.35em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical }

.zoomimg { -moz-transition: 2s; -o-transition: 2s; -webkit-transition: 2s; transition: 2s }
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) }

.com-link { display: block; overflow: hidden; position: relative; transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }
.com-link::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 }
.com-link: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-link:hover::before { opacity: 0 }
.com-link:hover .colorfff { color: rgba(255,255,255,0.6) }

.more-fff, .more-000 { display: inline-block } 
.more-fff a { position: relative; display: inline-block; padding: 5px 20px; color: #fff; overflow: hidden; transition: 0.2s }
.more-fff a:hover, .more-000 a:hover { color: #fff; background: #d72e8b; box-shadow: 0 0 10px #d72e8b; 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, #d72e8b) }
.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, #d72e8b) }
.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, #d72e8b) }
.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, #d72e8b) }
.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 }



.card-padding { padding:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.headspace { width: 100%; height: 130px }

.headline { display: inline-block; padding-bottom: 10px; position: relative }
.headline::after { content: ''; width: 30px; height: 4px; background: #d82e8b; position: absolute; bottom: 0; left: 50%; margin-left: -15px }

.com-toplay { width: 70px; height: 70px; line-height: 70px; top: 50%; margin-top: -35px; left: 50%; margin-left: -35px; z-index: 1000 }
.com-toplay a { background: rgba(255,255,255,0.3); border-radius: 50% }
.com-toplay a:hover { background: rgba(255,255,255,0.5) }
.com-toplay .icon-play { line-height: 70px; color: rgb(170, 162, 162); opacity: 0.5 }
.com-toplay.toplay { left: 50px; bottom: 0; top: auto; margin-top: 0; margin-left: 0 }
.com-toplay.toplay .icon-play:before { content: "\e640" }

.inside-title { padding-top: 60px; padding-bottom: 30px; box-sizing: border-box }
.inside-title h5, .inside-subtitle {display: inline-block; position: relative }
.inside-title h5 { padding-bottom: 10px}
.inside-title h5::after, .inside-subtitle::after { content: ''; width: 100%; position: absolute; bottom: 0; left: 0; background: #d82e8b }
.inside-title h5::after { height: 4px }
.inside-subtitle { padding-bottom: 5px}
.inside-subtitle::after { height: 2px }

.inside-slogan { width: 100%; height: calc(100% - 130px); top: 130px }

/*-------------------头部-------------------*/
.headbox { width: 100%; height: 130px; position: fixed; z-index: 1000; background: #fff }

.headlogo { margin-top: 54px; height: 26px; width: 208px; background: url(../images/logo-b.png) 0 0 no-repeat; background-size: 100% 100% }

.subnav-box { margin-top: 57px; height: 25px; line-height: 25px }
.subnav-box a { float: left; width: 25px; text-align: center; height: 25px; line-height: 25px; font-size: 12px; border-radius: 50% }
.subnav-box a.cur { background: #d97539; color: #fff; cursor: default }
.subnav-box span { float: left; display: inline-block; font-size: 10px; margin: 0 2px; color: rgba(0,0,0,0.8) }

.nav { min-width: 690px; position: absolute; left: 55%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); top: 50px; z-index: 1002 }
.nav .menuLi { float:left; display:block; position:relative }
.nav .menuLi .mainmenu { display:block; margin: 0 20px; height:40px; line-height:40px; position:relative }
.nav .menuLi .mainmenu:after { content: ''; width: 100%; height: 4px; background: #d82e8b; position: absolute; bottom: 0; left: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }
.nav .menuLi .mainmenu.menuLipitchon:after, .nav .menuLi .mainmenu:hover:after { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }

.menuListBox { width: 86px; text-align: center; line-height:30px; position:absolute; top:36px; left: 50%; margin-left: -43px; background: #fff; display:none; border-top: 4px solid #d82e8b }
.menuListBox a { display:block; width: 100%; height: 40px; line-height:40px; font-size: 12px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; white-space:nowrap }
.menuListBox a:hover { background: #f4f4f4; color: #000 }
.menuLi:nth-of-type(5) .menuListBox { width: 140px; margin-left: -70px }

.headbox, .headlogo, .nav, .subnav-box { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s }

.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) }

/*-------------------底部-------------------*/ 
.footbox { background: #000; color: #fff }
.footbox a { display: inline-block; color: rgba(255,255,255,1) }
.footbox a:hover { color: rgba(255,255,255,0.6) }

.foot-follow { padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.2) }
.foot-follow .iconfont { transition: all 0.2s }
.foot-follow .iconfont:hover { color: rgba(255,255,255,0.6) }
.foot-weixin { position: relative; z-index: 2001 }
.wechat_ewm { position: absolute; left: 0; width: 140px; height: 140px; 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; font-size: 12px; color: rgba(255,255,255,0.8) }
.foot-link>div { margin-right: 8% }

.foot-logo { max-width: 280px }

.gototop { display:block; width:40px; height:40px; text-align: center; line-height: 40px; background:#707070; position:fixed; right:10px; bottom:10px; z-index:1001; transition-duration:0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; display:none; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity:0.2; opacity:0.2 }
.gototop:hover { background:#fff; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.gototop:hover .iconfont { color: #000 }
.gototop .iconfont { color: #fff }

/*-------------------首页-------------------*/ 
.homepage .headbox { background: transparent }
.homepage .headbox.current { background: #fff }
.homepage .nav .menuLi .mainmenu, .homepage .subnav-box a { color: #fff }
.homepage .subnav-box span, .homepage .subnav-box a:hover { color: rgba(255,255,255,0.8) }
.homepage .headlogo { background: url(../images/logo.png) 0 0 no-repeat; background-size: 100% 100% }

.scroll { display: inline-block; white-space:nowrap; position: fixed; bottom: 20px; left: 30px; z-index: 1000; pointer-events: none; font-size: 12px; height: 12px; line-height: 12px; color: #fff }
.scroll::before, .scroll::after { content: ""; width: 2px; height: 15px; position: absolute; left: -10px }
.scroll::before { background: #d82e8b; top: -20px }
.scroll::after { background: #fff; top: -2px }

.index-kv .swiper-slide { height: calc(100vh) }
.indexkv01 { background: url(../images/index/kv0512-01.jpg) center center no-repeat; background-size: cover }
.indexkv02 { background: url(../images/index/kv0512-02.jpg) center center no-repeat; background-size: cover }
.indexkv03 { background: url(../images/index/kv0512-03.jpg) center center no-repeat; background-size: cover }
.indexkv04 { background: url(../images/index/kv0512-04.jpg) center center no-repeat; background-size: cover }
.indexkv05 { background: url(../images/index/kv0512-05.jpg) center center no-repeat; background-size: cover }
.index-kv .swiper-button-prev:after, .index-kv .swiper-button-next:after { color: #fff; font-size: 24px }
.index-kv .swiper-button-prev:hover:after, .index-kv .swiper-button-next:hover:after { color: rgba(255,255,255,0.6) }

.video-wrapper { height: calc(100vh) }
.indexvideo { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; max-width: 150%; max-height: 150%; 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%); background-size: cover; transition: 1s opacity; background-color: #ecebec }

.inproject-swiper { height: calc(78vh); min-height: 480px }
.inproject-swiper .swiper-slide::before { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.2); position: absolute; top: 0; left: 0 }
.inproject-swiper .container { top: calc(26vh) }
.inproject-swiper .swiper-button-prev:after, .inproject-swiper .swiper-button-next:after { color: #fff; font-size: 24px!important }
.inproject-swiper .swiper-button-prev:hover:after, .inproject-swiper .swiper-button-next:hover:after { color: rgba(255,255,255,0.6) }

/* 箭头关于我们 */
/* .inproject-swiperg { height: calc(78vh); min-height: 480px } */
/* .inproject-swiperg .swiper-slide::before { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.2); position: absolute; top: 0; left: 0 } */
/* .inproject-swiperg .container { top: calc(26vh) } */
.inproject-swiperg .swiper-button-prev:after, .inproject-swiperg .swiper-button-next:after { color: #fff; font-size: 24px!important }
.inproject-swiperg .swiper-button-prev:hover:after, .inproject-swiperg .swiper-button-next:hover:after { color: rgba(255,255,255,0.6) }

.inproject-swiperg .swiper-button-prev:after, .inproject-swiperg .swiper-button-next:after {
  color: #fff;
  font-size: 24px!important;
}

/* 箭头 */

.inir-list .area_20>a { border-top: 4px solid transparent; height: 240px }
.inir-list .area_20>a:hover { border-top: 4px solid #d82e8b }
.inir-list .area_20:first-of-type>a>div { padding: 0 40px }
.inir-list .area_20:first-of-type h4 { font-size: 32px }
.inir-list .area_20:first-of-type h1 { font-size: 42px }
.inir-list .area_20:first-of-type .iconfont { margin-top: 8%; font-size: 26px; margin-left: 5px }
.inir-list .area_20:nth-of-type(2)>a, .inir-list .area_20:nth-of-type(4)>a { background: #0064c7; color: #fff }
.inir-list .area_20:nth-of-type(3)>a, .inir-list .area_20:nth-of-type(5)>a { background: #4984cf; color: #fff }
.inir-list .area_20:nth-of-type(2)>a:hover, .inir-list .area_20:nth-of-type(3)>a:hover, .inir-list .area_20:nth-of-type(4)>a:hover, .inir-list .area_20:nth-of-type(5)>a:hover { background: #fff; color: #0064c7 }

.inbrand-con .container { top: calc(20%) }

/*-------------------关于我们-------------------*/
.about-slogan { width: 50%; min-width: 700px; top: 40%; right: 15% }
.about-slogan h3 { font-family:'Impact',"PingFang SC","Hiragino Sans GB","STHeiti",Helvetica,Arial,sans-serif; line-height: 1.2em }

.about-con02 { background: url(../images/about/about-img02.jpg) center center no-repeat; background-size: cover }

.intro-slogan { bottom: calc(25%) }
.intro-slogan h1 { position: relative }
.intro-slogan h1::after { content: ""; width: 2em; height: 5px; background: #d82e8b; position: absolute; bottom: -10px; left: 0 }
.txt-show { cursor: pointer }
.intro-con01 { padding-left: 260px; box-sizing: border-box }
.intro-con01 dt { float: left; width: 260px; margin-left: -260px }
.introvideo { background: url(../images/about/introvideo-cover.jpg) center center no-repeat; background-size: cover }

.honor-bg { height: 75%; z-index: -1 }
.textalign{ text-align: center;}


/*-------------------新闻-------------------*/
.news-swiper .swiper-container { width: 65%; float: left; }
.news-swiper .swiper-pagination { width: 35%; right: 0; bottom: 0 }
.news-swiper .swiper-pagination-bullet { display: block; width: 100%; text-align: left; border-radius: 0; opacity: 1; margin: 0; position: relative }
.news-swiper .swiper-pagination-bullet div.width100 { padding: 0 6%; box-sizing: border-box }
.news-swiper .swiper-pagination-bullet:nth-of-type(1), .news-swiper .swiper-pagination-bullet:nth-of-type(3) { background: #eff4f7 }
.news-swiper .swiper-pagination-bullet:nth-of-type(2) { background: #fff }
.news-swiper .swiper-pagination-bullet:before { font-family: "iconfont" !important; font-size: 36px!important; line-height: 36px!important; content: "\e62d"; position: absolute; top: 50%; margin-top: -18px; left: -35px; z-index: 10; opacity: 0 }
.news-swiper .swiper-pagination-bullet:nth-of-type(1):before, .news-swiper .swiper-pagination-bullet:nth-of-type(3):before { color: #eff4f7 }
.news-swiper .swiper-pagination-bullet:nth-of-type(2):before { color: #fff }
.news-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:before { opacity: 1 }
.news-swiper .swiper-container-horizontal>.swiper-scrollbar { width: 100%; left: 0; bottom: 0; border-radius: 0; background: #d97539 }
.news-swiper .swiper-scrollbar-drag { background: #d82e8b; border-radius: 0 }

.more-down { padding-bottom: 30px }
.more-down .iconfont { top: 25px; left: 50%; margin-left: -11px; transition: all 0.3s }
.more-down:hover .iconfont { animation: down01 0.6s infinite; -webkit-animation: down01 0.6s infinite }
@keyframes down01
{
  0% {
    opacity: 1; transform: translateY(0)
  }
  100% {
    opacity: 0; transform: translateY(10px)
  }
}

@-webkit-keyframes down01
{
  0% {
    opacity: 1; transform: translateY(0)
  }
  100% {
    opacity: 0; transform: translateY(10px)
  }
}


.news-title { width: 33.33%; height: 100px; line-height: 100px; padding-left: 40px; box-sizing: border-box }
.news-title h5 { display: inline-block; padding-bottom: 10px; position: relative }
.news-title h5::after { content: ''; width: 100%; height: 4px; position: absolute; bottom: 0; left: 0 }
a.news-title:hover, a.news-title.this { background: #d97539 }
a.news-title.this h5::after { background: #d82e8b }

.search-input { width: calc(100% - 120px); height: 56px; line-height: 30px; padding: 7px 20px; background: #fff; border: 1px solid #c4c4c4; box-sizing: border-box }
.search-btn { display: block; width: 120px; text-align: center; height: 56px; line-height: 56px; background: #d97539; color: #fff }
.search-btn .iconfont { height: 56px; line-height: 56px }
.search-btn:hover { background: #3285c4; color: #fff }

div.quotes { text-align:center }
div.quotes a { display: inline-block; padding:5px 10px; text-decoration:none; margin:0; margin-left:1px; margin-right: 1px; background:#fff }
div.quotes a:hover { padding:5px 10px; background:#c2c2c2; color:#fff }
div.quotes a:active { padding:5px 10px; color:#fff }
div.quotes a.current { padding:5px 10px; background:#027bc8; color:#fff }
div.quotes a.disabled { padding:5px 10px; color:#f2f2f2 }
div.quotes a.disabled:hover { background:none }
div.quotes a#pre { margin-right: -3px }
div.quotes a#next { margin-left: -3px }


.newsd-con01 { margin-left: 170px }
.newsd-con01 dt { width:120px; margin-left: -170px }
.news-date { width:100%; padding-top: 15px; padding-bottom: 10px; background:#f5f5f5; color: #717171; text-align:center }
.news-day { width:100%; font-size:46px; line-height:1em }
.news-month { width:100%; margin-top: 10px }
.fontzoonbox { width:62px }
.fontzoon1, .fontzoon2 { display: block; float: left; width:24px; text-align: center; height: 24px; border: 1px solid #ccc; color: #999; overflow: hidden }
.fontzoon1:hover, .fontzoon2:hover { border: 1px solid #73dd24 }
.fontzoon1 { line-height: 24px }
.fontzoon2 { line-height: 28px }
.nd-conright img { max-width: 80%; height: auto }

/* .media-mainvideo { background: url(../images/news/mainvideo-cover.jpg) #000 center center no-repeat; background-size: cover } */
.wall { position: relative; margin-left: -5px; margin-right: -5px }
.wall-column { position: relative; width: 25%; float: left; padding: 0 5px; box-sizing: border-box }

@media (max-width: 800px) {
	.wall-column { width: 50% }
  .toppdy{padding-top: 60px;}
}
@media (max-width: 480px) {
	.wall { margin-left: 0; margin-right: 0 }
	.wall-column { width: auto; float: none; padding: 0 }
}
.article { margin-bottom: 20px; background: #fff }
.media-toplay::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; background: rgba(255,255,255,0.3); border-radius: 50%; transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }
.media-toplay-icon1{ width: 50px; height: 50px; line-height: 50px;background: rgba(255,255,255,0.3); border-radius: 50%;}
.media-toplay-icon1:hover {background: rgba(255,255,255,1);}

.toplay {background:none !important;}
.toplay .media-toplay-icon1 {top: 80%; left: 10%;}
.toplay .icon-play:before {content: '\e640;';}

.media-toplay-icon2{ width: 50px; height: 50px; line-height: 50px; top: 135%; margin-top: -25px; right: 25%; margin-left: -25px; z-index: 1000; background: rgba(255,255,255,0.3); border-radius: 50%; 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 }
.media-toplay-icon1 .icon-play { line-height: 50px; color: #fff; opacity: 0.5 }
.media-toplay-icon2 .icon-play { line-height: 50px; color: #fff; opacity: 0.5 }
a:hover .media-toplay::before, a:hover .media-toplay-icon { opacity: 0 }
.video-popbox { width: calc(60vw); height: calc(80vh) }

/*-------------------产品与服务-------------------*/
.product-swiper { height: calc(78vh); min-height: 480px }
.product-swiper .swiper-slide::before { content: ""; widtsh: 100%; height: 100%; position: absolute; top: 0; left: 0 }
.product-swiper .container { top: calc(32vh) }
.product-swiper .swiper-button-prev:after, .product-swiper .swiper-button-next:after { color: #fff; font-size: 24px!important }
.product-swiper .swiper-button-prev:hover:after, .product-swiper .swiper-button-next:hover:after { color: rgba(255,255,255,0.6) }

.product-ewm { width: 150px; height: auto; position: fixed; right: 0; bottom: calc(20vh); z-index: 1000 } 

.line-swiper .swiper-slide { width: 75% }
.line-swiper .swiper-slide:first-of-type::after { content: ""; width: 1px; height: 100%; position: absolute; top: 0; right: -30px; background: rgba(255,255,255,0.1) } 

.ip-slogan .bigtitle { font-size: 92px }
@media ( min-width:1600px ) {
.ip-slogan .bigtitle { font-size: 100px }

}
@media ( min-width:800px ){
.margin0{margin: 0 !important;}
.marginauto{margin: auto 0;}
.margintop5 { margin-top:5px }
.margintop10  { margin-top:10px }
.margintop15 { margin-top:15px }
.margintop20  { margin-top:20px }
.margintop25 { margin-top:25px }
.margintop30{ margin-top:30px }
.margintop40 { margin-top:40px }
.margintop50 { margin-top:50px }
.margintop60 { margin-top:60px }

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

.marginleft5 { margin-left:5px }
.marginleft10 { margin-left:10px }
.marginleft15 { margin-left:15px }
.marginleft20 { margin-left:20px }
.marginleft30 { margin-left:30px }
.marginleft40 { margin-left:40px }
.marginleft46 { margin-left:46px }
.marginleft50 { margin-left:50px }
.marginleft60 { margin-left:60px }

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

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

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

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

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

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

.padding2 { padding:2px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding5 { padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding10 { padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding15 { padding:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding20 { padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding30 { padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding40 { padding:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding20{padding: 20px;}
.padding30_20 { padding-right:30px; padding-left:30px; padding-top:20px; padding-bottom:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
}
@media ( min-width:801px ) and ( max-width:1259px ) {
.ip-slogan .bigtitle { font-size: 88px }
}
.twelve-swiper .swiper-button-prev:after, .twelve-swiper .swiper-button-next:after { font-size: 20px!important;color: #666; }
.twelve-swiper .swiper-button-prev { top: 38%; left: -20px }
.twelve-swiper .swiper-button-next { top: 38%; right: -20px }
.twelve-swiper .swiper-slide a { padding-bottom: 20px; color: #666 }
.twelve-swiper .swiper-slide a:hover, .twelve-swiper .swiper-slide.swiper-slide-active a { color: #d97539 } 
.twelve-swiper .swiper-slide.swiper-slide-active::after { content: ""; width: 60px; height: 5px; background: #d82e8b; position: absolute; bottom: 0; left: 50%; margin-left: -30px }
.twelve-swiper .iconfont { font-size: 24px }

.residence-slogan .container { top: 25% }

/*-------------------可持续发展-------------------*/
.develop-slogan { bottom: calc(20%) }

.developvideo { background: url(../images/develop/video-cover.jpg) center center no-repeat; background-size: cover }

.develop-gfcon .headline::after { left: 0; margin-left: 0 }
.develop-gfcon .more-fff { margin-left: -20px }

/*-------------------投资者关系-------------------*/
.irindex-stock { border-top: 4px solid transparent; transition: all 0.3s }
.irindex-stock:hover { border-top: 4px solid #d82e8b }
.irindex-stock .iconfont { margin-top: 5%; font-size: 26px; margin-left: 5px }
.irindex-stock span.fontSize12 { margin-top: 7%; margin-left: 5px }

.notice-list>a:nth-of-type(odd) { background: #f7f7f7 }
.notice-list>a:nth-of-type(even) { background: #fcfcfc }
.gov_file { padding-left: 100px; padding-right: 120px; box-sizing: border-box }
.gov_file .gov_zg { width: 100px; margin-left: -100px }
.gov_pdf { width: 100px }

.gov_list a:first-child { margin-top: 0 }

.gov_director { padding-right: 120px; box-sizing: border-box }
.gov_director em, .gov_file em { display: inline-block; width: 4px; height: 4px; background: #000; border-radius: 50%; vertical-align: middle; margin-right: 10px }

.fin_year { width: 130px; border-bottom: 2px solid #d72e8b }
.fin_list { width: 350px; border-bottom: 2px solid #d72e8b }
.fin_year>a, .fin_list>a { display: block; padding-bottom: 10px }
.fin_year>div { background: #f0f0ef; width: 130px; z-index: 999 }
.fin_list>div { background: #f0f0ef; width: 350px; z-index: 999 }
.fin_year>div>p, .fin_list>div>p { height: 3px; background: #d72e8b }  
.fin_year>div>a, .fin_list>div>a { float: left; box-sizing: border-box; width: 100%; border-bottom: 1px solid #ddd; padding: 10px 20px; display: block }
.fins_year>a:hover, .fins_list>a:hover { color: #d97539 }
.fin_year>div>a:hover, .fin_list>div>a:hover {color: #d97539 }
.fin_year em,.fin_list em { position:absolute; right:0; top: 12px; border-top: 5px solid #000000; border-right: 5px solid transparent; border-left:5px solid transparent }

.tab-nav { border-bottom: 1px solid #ececec }
.tab-nav li { display: inline-block; padding-left: 30px; padding-right: 30px; float: left }
.tab-nav li a { display: inline-block; height: 44px; line-height: 44px; color: #9e9e9e; padding-left: 20px; padding-right: 20px; border-bottom: 2px solid transparent; transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
.tab-nav li a h5 { transform: scale(0.66); transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
.tab-nav li a.current { height: 44px; line-height: 44px; color: #d5348b; border-bottom: 2px solid #d5348b }
.tab-nav li a.current h5 { transform: scale(1) }

.inform-title { top:45%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%) }
.inform-btn { bottom: 30px; right: 0 }
.inform-btn .button, .soc-btn .button { width: 90px }

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

.soc-con { height: 140px }

.log-list { margin-left: 360px; margin-bottom: 2px }
.log-list>div { padding-top: 20px; padding-bottom: 20px; line-height: 24px; box-sizing: border-box }
.log-list>div.width100 { padding-left: 20px; padding-right: 20px }
.log-list-l, .log-list-r { width: 180px; text-align: center }
.log-list-l { margin-left: -360px }
.log-list-r { margin-left: -180px }
.irlog .log-list-r { border-left: 1px solid rgba(255,255,255,0.6); border-right: 1px solid rgba(255,255,255,0.6) }
.log-list-box:nth-of-type(odd) { background: #fbfbfb }
.log-list-box:nth-of-type(even) { background: #f7f7f7 }

.cre-top div { float: left; width: 22.5%; padding-top: 20px; padding-bottom: 20px; line-height: 24px; border-right: 1px solid rgba(255,255,255,0.6); box-sizing: border-box }
.cre-top div:nth-of-type(1) { width: 10% }
.cre-list:nth-of-type(2n) { background:#f6f6f6 }
.cre-list { background: #fcfcfc; border-bottom: 2px solid #fff }
.cre-list div { float: left; width: 22.5%; padding: 20px 10px; box-sizing: border-box; line-height: 24px }
.cre-list div:nth-of-type(2) { width: 10% }
.cre-list div:nth-of-type(4) { font-weight: bold; padding-left: 6.5%; text-align: left }
.cre-list div:nth-of-type(8) { color: #d72e8b }
.cre-list div:nth-of-type(10) { font-weight: bold;  }


.input { position: relative; z-index: 1; display: inline-block; vertical-align: top; font-size: 14px; border-bottom: 1px solid #ebebeb; }
.input__field { position: relative; display: block; float: right; width: 100%; border: none; border-radius: 0; background: transparent; color: #000; -webkit-appearance: none; /* for box shadows to show on iOS */ }
.input__field:focus { outline: none; }
.input__label { display: inline-block; float: right; color: #898989; width: 100%; height: 45px; line-height: 45px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.input__label .iconfont { height: 45px; line-height: 45px; }
.input__label-content { position: relative; display: block; width: 100%; }
/* Ichiro */
.input__field--ichiro { position: absolute; top: 0; left: 0; z-index: 100; display: block;  color: #000; opacity: 0; height: 45px; line-height: 45px; padding-left: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #ebebeb; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; }
.input__label--ichiro { width: 100%; text-align: left; cursor: text; }
.input__label--ichiro::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; }
.input__label-content--ichiro { -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; }
.input__field--ichiro:focus { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);background: #f3f3f3; }
.input__field--ichiro:focus + .input__label--ichiro, .input--filled .input__label--ichiro { cursor: default; pointer-events: none; }
.input__field--ichiro:focus + .input__label--ichiro::before, .input--filled .input__label--ichiro::before { -webkit-transform: scale3d(1, 1.5, 1); transform: scale3d(1, 1.5, 1); }
.input__field--ichiro:focus + .input__label--ichiro .input__label-content--ichiro, .input--filled .input__label-content--ichiro { -webkit-transform: translate3d(0, -2.5em, 0) scale3d(0.9, 0.9, 1); transform: translate3d(0, -2.5em, 0) scale3d(0.9, 0.9, 1) translateZ(1px); color: #000; }
.input--ichiro { transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
.input--ichiro.input--filled { margin-top: 50px }
.input--ichiro.input--filled .input__field--ichiro { opacity: 1 }
.input--ichiro.input--filled .input__field--ichiro { border-bottom: 1px solid #d72e8b; }

/*-------------------雇主品牌-------------------*/
.concept-swiper.swiper-container { padding-bottom: 40px }
.concept-swiper.swiper-container-horizontal>.swiper-pagination-bullets { bottom: 0 }
.concept-swiper .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 8px!important }
.concept-swiper-txt { left: -30px }
.concept-swiper-txt>div { width: 50%; padding: 60px; box-sizing: border-box; background: rgba(246,246,246,0.9) }

.best-swiper { width: 860px }
.best-swiper .swiper-container { width: 35%; float: right }
.best-swiper .swiper-pagination { width: 60%; left: 0; bottom: 0 }
.best-swiper .swiper-pagination-bullet { display: block; width: 100%; text-align: left; border-radius: 0; opacity: 1; margin: 0; padding: 0 15px; box-sizing: border-box; background: #fff; color: rgba(0,0,0,0.6); border-bottom: 1px solid rgba(0,0,0,0.1) }
.best-swiper .swiper-pagination-bullet:nth-of-type(1) { border-top: 1px solid rgba(0,0,0,0.1)  }
.best-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; background: #2c78d6; color: #fff }

.group-popbox { width: calc(90vw); height: calc(100vh); overflow: hidden }
.group-swiper { width: 80%; max-width: 1200px; margin: auto }
.group-swiper .swiper-button-prev { left: -5% }
.group-swiper .swiper-button-next { right: -5% }
.group-swiper .swiper-button-prev:after, .group-swiper .swiper-button-next:after { font-family: "iconfont" !important; color: #fff; font-size: 32px }
.group-swiper .swiper-button-prev:after { content: "\e95b" }
.group-swiper .swiper-button-next:after { content: "\e959" }

.social-list { border-bottom: 1px solid rgba(0,0,0,0.1); box-sizing: border-box }
.social-list li { float: left; padding-bottom: 10px; box-sizing: border-box; width: 15%; text-align: center; line-height: 26px }
.social-list li:nth-of-type(1) { width: 30%; text-align: left; padding: 0 0 10px 10px }
.social-list li:nth-of-type(3), .social-list li:nth-of-type(4) { width: 20% }
.social-list.social-list-txt li { padding: 20px 0 } 
.social-list.social-list-txt li:nth-of-type(1) { padding: 20px 0 20px 10px }
.social-list-txt a:hover, .social-list-txt a:hover .a01 { color: #d97539 }

/*-------------------企业公民-------------------*/
.width110{ vertical-align: middle; text-align: center;}
.float{float:left;}
.margin{margin-top: 50px;}
.background{background:#e4e4e4}
.heigt{height:400px}
.backgroundimage{background: url('../images/about/company/foot_02.jpg') center center;background-size:cover; height:calc(60vh)}
.foot{ background: #000; color: #fff }
.foot a { display: inline-block; color: rgba(255,255,255,1) }
.foot a:hover { color: rgba(255,255,255,0.6) }
.color1{color:#f9f9f9}
.border{border-bottom: 1px solid #4d4d4d;}
.mo_backgroundimage{background-size: 100% 100%}
.paddingbottom1{padding-bottom:100px}
.margintop1{margin-top:160px}
.lineheight{line-height: 15px;}
.hovers-link:hover p,.hovers-link:hover h6{color:#d97539;}

/*-------------------联系我们-------------------*/
.contact-dl { padding-left: 3em }
.contact-dl dt { width: 3em; margin-left: -3em }
.contact-ewm { width: 120px }
.contact-zc .area_33:nth-of-type(1) a { color: #d97539 }
.contact-zc .area_33:nth-of-type(2) { color: #d82e8b }
.contact-zc .iconfont { padding: 35px; font-size: 60px!important; line-height: 130px; border-radius: 50%; background: #fff; transition: all 0.3s }
.contact-zc-ewm { width: 130px; height: 130px; line-height: 130px; border-radius: 50%; background: #fff }
.contact-zc-ewm img { width: 70px }
.contact-zc .area_33:nth-of-type(1) a:hover .iconfont { color: #fff; background: #d97539 } 

.bidnotice-tabs li { float: left; display: inline-block; padding: 5px calc(4%); cursor: pointer; transition: all 0.3s }
.bidnotice-tabs li:hover, .bidnotice-tabs li.cur { background: #d82e8b; color: #fff }
.bidnotice-list { border-bottom: 1px solid rgba(0,0,0,0.1); box-sizing: border-box }
.bidnotice-list li { float: left; padding-bottom: 10px; box-sizing: border-box; line-height: 26px }
.bidnotice-list li:nth-of-type(1) { width: 80%; text-align: left; padding: 0 0 10px 10px }
.bidnotice-list li:nth-of-type(2) { width: 20%; text-align: center }
.bidnotice-list.bidnotice-list-txt li { padding: 20px 0 } 
.bidnotice-list.bidnotice-list-txt li:nth-of-type(1) { padding: 20px 0 20px 10px }


/*-------------------响应式css-------------------*/

@media ( min-width:1600px ) {
.container { width:1500px }

h1, .h1 { font-size: 50px }
h2, .h2 { font-size: 44px }
h3, .h3 { font-size: 38px }
h4, .h4 { font-size: 28px }
h5, .h5 { font-size: 24px }
h6, .h6 { font-size: 18px }

}

@media ( min-width:1260px ) and ( max-width:1599px ) {
.container { width:1170px }

.inir-list .area_20:first-of-type>a>div { padding: 0 30px }
}



@media ( min-width:1100px ) and ( max-width:1259px ) {
.container { width:960px }

.bigtitle { font-size: 50px }
h1, .h1 { font-size: 44px }
h2, .h2 { font-size: 38px }
h3, .h3 { font-size: 32px }
h4, .h4 { font-size: 22px }
h5, .h5 { font-size: 18px }

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

.card-padding { padding:30px }


.headlogo { margin-top: 20px; height: 20px; width: 160px }
.subnav-box { margin-top: 20px }
.nav { min-width: auto; left: 0; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); top: 60px }
.nav .menuLi:first-of-type .mainmenu { margin-left: 0 }
.headbox.current .nav { left: auto; right: 0 }
.headbox.current .nav .menuLi:last-of-type .mainmenu { margin-right: 0 }
.headbox.current .subnav-box { margin-top: -30px }

.inir-list .area_20:first-of-type>a>div { padding: 0 30px }
.inir-list .area_20:first-of-type h4 { font-size: 24px }
.inir-list .area_20:first-of-type h1 { font-size: 32px }
.inir-list .area_20:first-of-type .iconfont { margin-top: 10%; font-size: 20px}


}

@media ( min-width:801px ) and ( max-width:1099px ) {	
.container { width: 90%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.bigtitle { font-size: 50px }
h1, .h1 { font-size: 44px }
h2, .h2 { font-size: 38px }
h3, .h3 { font-size: 32px }
h4, .h4 { font-size: 22px }
h5, .h5 { font-size: 18px }


.card-padding { padding:20px }


.headlogo { margin-top: 20px; height: 20px; width: 160px }
.subnav-box { margin-top: 20px }
.nav { min-width: auto; left: 0; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); top: 60px; font-size: 12px }
.nav .menuLi:first-of-type .mainmenu { margin-left: 0 }
.headbox.current .nav { left: auto; right: 0 }
.headbox.current .nav .menuLi .mainmenu { margin: 0 8px }
.headbox.current .nav .menuLi:last-of-type .mainmenu { margin-right: 0 }
.headbox.current .subnav-box { margin-top: -30px }


.inir-list .area_20 { width: 19.5% }
.inir-list .area_20:first-of-type { width: 22% }
.inir-list .area_20:first-of-type>a>div { padding: 0 25px }
.inir-list .area_20:first-of-type h4 { font-size: 24px }
.inir-list .area_20:first-of-type h1 { font-size: 28px }
.inir-list .area_20:first-of-type .iconfont { margin-top: 10%; font-size: 18px }
}




/* xingning css */

/* 产品与服务 */
.colorPurple{color: #842394 !important;}
.colorBlue{color: #4e4aa6 !important;}
.colorGreen{color: #55990e !important;}
.colorSkyblue{color: #4b9db1 !important;}


.arrowColor:after{color: white;}
.fontSF{text-align: left;}
.textCenter{text-align: center;}

@media ( min-width:800px ) {
  .bgseitsf{background: url(../images/line/newp5/bgpaisfd.png) no-repeat;background-size: 100%;}
.iocnste{width: 20em; height: 4em; background: url(../images/line/newp5/ch.png) no-repeat;background-size: contain;margin: 0 auto;}


.bigdtesaq{ background: url(../images/about/about-img01.jpg) no-repeat; background-size: cover;background-position: center;background-attachment: fixed; }

  .minsnon{display: none;}
  /* .yidse{display: none !important;} */
  .topst{padding-top: 130px;}
  .paddingTop100{padding-top: 200px !important;}
  .paddingtop30  mo_paddingtop15{padding-top: 80px !important;}
  .paddingTop260{padding-top: 240px !important;}
  .paddingTM60{padding-top: 160px;padding-bottom: 160px;} 
  .textLeft{text-align: left !important;}
  .textRight{text-align: right !important;}
  .x1{background: url(../images/line/p1/x1.png) no-repeat;width: 1em;height: 1px;display: block;}

  .product-top {display: flex;margin-bottom: 4px;height: 388px;overflow: hidden;margin-bottom: 12px;}
.product-top .project-tianjing{width: 50%;margin-right: 12px;}
.project-tianjingyt{width: 60%;margin-right: 12px;}
.project-whiteyt{width: 40%;}
.project-white{width: 50%;}
.product-center-lefttop{background-color: currentColor;height: 296px;overflow: hidden;margin-bottom: 12px;}

.product-center{display: flex;width: 100%; height: 606px;overflow: hidden;margin-bottom: 12px;}


.product-center-left{width: 45%;margin-right: 12px;}
.product-center-right{width: 55%;}
.product-center-right-l{display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;}
.product-center-right-ltop{margin-right: 14px;}

}



.bigtitlecolor{color: white;margin-top: 600px;margin-left: 20px;}
.border-color{width: 10%;height: 7px;background-color: #d82e8b;margin-top:20px;margin-left: 20px;}
.arrow-distance-l{margin-left: 100px !important;}
.arrow-distance-r{margin-right: 100px !important;}





/* 客服服务 */
@media ( min-width:800px ) {
  .marigngf{margin-top: -280px !important;}
.ydhide{display: none !important;}

  .x1:before{content:'';display: block;height: 2px;position: absolute; border-bottom: 1px dashed rgba(0,0,0,.5);	transform:rotate(45deg);
    -ms-transform:rotate(45deg);width:62%; /* IE 9 */
    -webkit-transform:rotate(45deg); /* Safari and Chrome */margin-left: 40%;margin-top: 15%;}
  .x2:before{content:'';display: block;height: 2px;position: absolute; border-bottom: 1px dashed rgba(0,0,0,.5);	transform:rotate(145deg);
      -ms-transform:rotate(145deg);width:52%; /* IE 9 */
      -webkit-transform:rotate(145deg); /* Safari and Chrome */margin-left: 46%;margin-top: -30%;}
      .x3:before{content:'';display: block;height: 2px;position: absolute; border-bottom: 1px dashed rgba(0,0,0,.5);	transform:rotate(45deg);
        -ms-transform:rotate(45deg);width:62%; /* IE 9 */
        -webkit-transform:rotate(45deg); /* Safari and Chrome */margin-left: 40%;margin-top: 15%;}
  /* .line:before{content:'';display: block;height: 2px;border-bottom: 1px dashed rgba(0,0,0,.5);} */
.bg-color{background-image: linear-gradient(0deg,	#1d31ab 0%, #0f4db1 39%, rgba(0, 104, 183, 1) 100%), linear-gradient(	#d97539, #d97539);background-blend-mode: normal, normal;}
.bordertr{height:6px;width: 100%;background-color: #d82e8b}
.bgcolorb{background-color: #d97539;opacity: 0.8;}
.bgcolorb .bordertrt{height:5px;width: 8%;background-color: #d82e8b;margin-top: 6px;}
.fontw{color: white;}
.paddingser{padding: 0 40px;}
.hrr{height: 2px;background-color: #3386c5;}
.roundwrop{display: flex;justify-content: space-between;margin:0 120px;margin-top:-160px; }
.round{width: 154px;height: 154px;line-height: 154px;text-align: center; border-radius: 50%;color: #3386c5;	background-color: #ffffff;border: solid 3px #3386c5;}
.round h6{line-height: 154px;text-align: center;}
.current h6{animation:all 12s infinite;cursor: pointer; -webkit-animation:all 12s infinite; /*Safari and Chrome*/ width:170px;height: 170px;line-height: 166px;margin-top: -10px; border-radius: 50%;background-color: #3386c5;	color: #ffffff;border: solid 3px #3386c5;}

.marigntsd{margin: 0 120px;}
.imgwrop img{float: left;}
.erwei{width: 15em;float: right;margin-top: 20px;padding: .3em;background-color: #f4f4f4;}
.helisr{height: 140px;}
.bordertopb{margin-top: -11em;}
.bordertopb h5{width: 10em;padding: 0 2em;}
.bordertopb h5:first-child{border-top: 1px solid rgba(174, 205, 229, 0.4);text-align: left;}
.bordertopb h5:last-child{border-bottom: 1px solid #aecde5;text-align: right;}


@media ( max-width:800px) {
  .bg-color{background-image: linear-gradient(0deg,	#1d31ab 0%, #0f4db1 39%, rgba(0, 104, 183, 1) 100%), linear-gradient(	#d97539, #d97539);background-blend-mode: normal, normal;}
  .bordertr{height:6px;width: 100%;background-color: #d82e8b}
  .bgcolorb{background-color: #d97539;opacity: 0.8;}
  .bgcolorb .bordertrt{height:5px;width: 8%;background-color: #d82e8b;margin-top: 6px;}
  .fontw{color: white;}
  .paddingser{padding: 0 40px;}
  .hrr{height: 2px;background-color: #3386c5;}
  /* .roundwrop{display: flex;justify-content: space-between;margin:0 120px;margin-top:-160px; } */
  .round{width: 154px;height: 154px;display: block;margin: 0 auto;margin-top: 10px; line-height: 154px;text-align: center; border-radius: 50%;color: #3386c5;	background-color: #ffffff;border: solid 3px #3386c5;}
  .round h6{line-height: 154px;text-align: center;}
  .current h6{animation:all 12s infinite;cursor: pointer; -webkit-animation:all 12s infinite; /*Safari and Chrome*/ width:170px;height: 170px;line-height: 166px; border-radius: 50%;background-color: #3386c5;	color: #ffffff;border: solid 3px #3386c5;}
  /* .current{background-color: red;} */
  .marigntsd{margin: 0 120px;}
  .imgwrop img{float: left;}
  .yerwei{width: 15em;padding: .3em;background-color: #f4f4f4;display: block;margin: auto;}
  .product-center-right{height: 100%;}
  .drgdse{font-size: 3.5em;}



}
@media ( min-width:800px) {

  .yincangpc{display: none !important; background-color: red;}

  .fudonte{position: absolute;top: 74%;z-index: 10;left: 10%;}
  .fudonte::after{content: '';width: 12em;height: 4px; display: block;background: #d82e8b;margin-top: 10px;}
  .fudontew::after{width: 16em !important;} 
  .fudontew01::after{width: 8em !important;} 
  .fudontew02::after{width: 20em !important;} 

  .csdisfd{margin-left: 80px;}
.address-icon{display: block;width: 33px;margin: 0 auto; height: 44px;background: url(../images/line/p1-3/ads.png) no-repeat;background-size:contain; }
.colord{color: #454545;}
.bigtitlemax{font-size:120px;height: 120px;display: block; line-height: 120px;float: left;margin-right: 20px;}
.topborder{height: 30px;width: 100%;border-right: 1px solid #bbbbbb;margin-left: -1px;}
.topborderhr{border-top: 1px solid #bbbbbb;border-right: 1px solid #bbbbbb;}
.thisps .topborderhr{border-top: 1px solid #bbbbbb;}
.thisps .topborderhr {border-right: none;}
.thisps .topborder {border-right: none;}
/* .margintrl{margin: 0 160px;} */
.lineh{line-height: 58px;}
.paddingright20{padding-right: 30px;}
.paddingleft20{padding-right: 30px;}
.colorgabr{color: rgba(0, 0, 0, 0.7);}
.borderr{border-right: 1px solid #bbbbbb;}
.borderl{border-left: 1px solid #bbbbbb;}
.bordert{border-top: 1px solid #bbbbbb;}
.colorfontcs{color: #d9348c;margin: 20px 0;}
.margintopd30{margin-top: 20px;}
.margintopd50{margin-top: 50px;}
.retse p{line-height: 30px;}
.felsites{padding: 30px 20px;background-color: white;}
.felsit{display: flex;width: 300px;width: 100%;}
.felsit h1{width: 200px;}
.block-paddingtew{padding-top: 80px;}
.wechat{width: 200px;float: right;position: fixed;right: 1em;bottom: 5em; z-index: 1;}
.wechat2{width: 200px;float: right;position: fixed;right: 1em;bottom: 5em;z-index: 1;}
.wechat3{width: 200px;float: right;position: fixed;right: 1em;bottom: 5em;z-index: 1;}
.wechat5{width: 200px;float: right;position: fixed;right: 1em;bottom: 5em;z-index: 1;}
.wechat img{width: 100%; cursor: pointer;}
.wechat2 img{width: 100%;}
.wechat3 img{width: 100%;}
.wechat4 img{width: 100%;}

/* .close{    background: url(../images/line/newp5/close.png) no-repeat;
  background-size: 30px;
  width: 30px;
  height: 30px;
  text-align: right;
  float: right;cursor: pointer;} */

/* .rightst{position: fixed;width: 200px;height: 100px;background-color: red;transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;} */

.link-time::after{ content: ''; width: 1px; height:calc(100% - 120px); background: #bbbbbb;position: absolute; left: 50%; top: 1%; z-index: 2;}



.paddingbottom60  mo_paddingbottom30yd { padding-bottom:60px }
.sfnont{position: absolute;left: 50%;top: 50%;margin-left: -20em;margin-top: -6em;}
.sfnontbox{display: flex;width: 40em;}
.marleftess{margin-left: 2em;}
.ssdfite{font-size: 0.1em}
.poser{position: absolute;margin-top: 12em;}

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


  .wechat{ width: 50%;margin: 0 auto; display: block; margin-bottom: 30px;}
  .wechat2{width: 50%;margin: 0 auto; display: block; margin-bottom: 30px;}
  .wechat5{width: 50%;margin: 0 auto; display: block; margin-bottom: 30px;}
  .wechat3{ width: 50%;margin: 0 auto; display: block; margin-bottom: 30px;}
  .wechat4{width: 50%;margin: 0 auto; display: block; margin-bottom: 30px;}
  .resdrefont{font-size: 20px;text-align: left !important;line-height: 26px;}
  .paddingbottom60  mo_paddingbottom30yd { padding-bottom:60px }
  /* .paddingbottom60  mo_paddingbottom30yd { padding-bottom:60px } */

  .nonetext{display: none !important;}
  .nopaddingl{padding-left: 0 !important;}
  .wists{width: 100% !important;}
  .margintops{margin-bottom: 20px;}
  .felsites{padding: 30px 20px;background-color: white;}
  .felsit{width: 100%;}
  .felsit h1{width: 100px;} 
  .swiper-slide{height:1px} /* 随意指定一个height值即可 */ 
  .swiper-slide-active { height:auto}
  .heigits{width: 350px !important;}
  .ynomars{margin-top: 0 !important;}
  .swiper-container{
    --swiper-navigation-size: 25px !important;/* 设置按钮大小 */
  }
  .swiper-container {
    height: 300px;
  } 
  .swiper-container img{height: 100%;}
  .marginautoyd { margin-left:auto; margin-right:auto }
}

.notice .swiper-containert{
  width: 100%;
  height: 100%;
}
.notice .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: 300ms;
  transform: scale(0.8);
}
.notice .swiper-slide-active,.swiper-slide-duplicate-active{
  transform: scale(1);
}


/* 修改hover背景色 */
.notice-list>a:hover{background-color: rgba(0,104,183, 0.1); color: #d97539 !important;}


/* 联系我们 */
.bglix{background: url(../images/line/p6/bg.png) center center / cover no-repeat;}
.bgmap{background: url(../images/line/p6/map.png) center center / cover no-repeat;}
.paddingslgfr{padding: 2em 2em;color: white;}
.paddingslgfr a{color: white;}
.tesete{text-align: center;font-size: .1em;}
.tesete img{display: block;margin: 0 auto;}
.tesete span{padding-top: 10px;    font-size: .1em;}
.titleruser{font-size: 1.2em;margin-bottom: .8em;}
.textfontleft{text-align: left;}
.textfontleft a{padding-left: 2em;}
.bgcolors{background-color: #f9f9f9;}


/* 廉政监察 */
.bglixt{background: url(../images/line/p6/bg2.png) center bottom / cover no-repeat;}
.bgcoliet{color: #d97539;}



.bold-h6>h6{font-weight: bold;}
.paginationcolor .swiper-pagination-bullet{background-color: white !important;opacity: 1 !important;}
.paginationcolor .swiper-pagination-bullet-active{background-color: #007aff !important;} 
/* .swiper-pagination-bullet{} */

.urestew::after{width: 3.9em !important;}


/* 轮播图样式 */

.colorw{color: white !important; margin-left: 3em;margin-right: 3em; }
.borderbcr{position: relative;top: -3em;left:10%;}
.sliderleft{float: left;}
.colorwfont{color: white;}
.borderbcr::after{content: '';width: 30px;height: 4px;display: block; background: #d82e8b;margin-top: 10px;}
.afterw::after{width: 2.95em;}
.afterw4::after{width: 3.9em;}
.afterw5::after{width: 3em;}
.border_bottom{border-bottom: 1px solid rgba(189, 189, 189, 0.4);}

/* .swiper-containerbg img */


.bgcolorew{background:#d97539 url(../images/line/p1/bg.png) center no-repeat;background-size: cover;}
.colorb7{color: #d97539;}
.bgcolor33{color: #333333}



.phitoes{margin-top: -33%; z-index: 88888888; float: left;margin-left: 20%;}


.resteq::before{content: '';
  width: 3px;
  height: 60px;
  background: #d82e8b;
  display: block;
  float: right;
  margin-top: .1em;
  margin-right: -30px;}
  .tisetsa::before{content: '';
    width: 3px;
    height: 60px;
    background: #d82e8b;
    display: block;
    float: left;
    margin-top: .1em;
    margin-left: -30px;}
}

.thisps .resteq::before{content: '';
  width: 3px;
  height: 60px;
  background: #d82e8b;
  position: absolute;
  right: -1px;
  margin-top: 0;
  margin-right: 0;
   }
  .thisps .tisetsa::before{content: '';
    width: 3px;
    height: 60px;
    background: #d82e8b;
    position: absolute; 
    left: 27px;
    margin-top: 0;
    margin-right: 0;
    
}


.colorsdf{color: #2e67b1;}
.bgimgo{background: url(../images/line/newp5/1.png) no-repeat; background-size: cover; background-position: center;}
.bgimgt{background: url(../images/line/newp5/2.png) no-repeat; background-size: cover; background-position: center;}
.bgimgs{background: url(../images/line/newp5/3.png) no-repeat;background-size: cover; background-position: center;}
.bgimgf{background: url(../images/line/newp5/4.png) no-repeat; background-size: cover; background-position: center;}
.bgimgo::after{content: '';
  display: block;
  width: 10px;
  height: 20px;
  background: url(../images/line/newp5/roww.png) no-repeat;
  background-size: contain;
  float: right;
  margin-top: -34px;
  margin-right: 1em;}
  .bgimgt::after{content: '';
    display: block;
    width: 10px;
    height: 20px;
    background: url(../images/line/newp5/roww.png) no-repeat;
    background-size: contain;
    float: right;
    margin-top: -34px;
    margin-right: 1em;}

    .bgimgs::after{content: '';
      display: block;
      width: 10px;
      height: 20px;
      background: url(../images/line/newp5/roww.png) no-repeat;
      background-size: contain;
      float: right;
      margin-top: -34px;
      margin-right: 1em;}

      .bgimgf::after{content: '';
        display: block;
        width: 10px;
        height: 20px;
        background: url(../images/line/newp5/roww.png) no-repeat;
        background-size: contain;
        float: right;
        margin-top: -34px;
        margin-right: 1em;}
/* .bresresbox{margin-top: -356px;position: sticky;width: 100%;} */
/* .bgcow{background-color: rgba(255, 255, 255, 0.6);} */
.terssfa{background: url(../images/line/newp5/bg43.png) no-repeat;background-size:cover;background-position: center;}


.flexd{display: flex;}
.flexd .width25l{flex: 1;}
.flexboxse{display: flex;}
.flexboxseactvie{width: 560px;transition: 0.4s;}
.disnone{display: none;}
.flexboxseactvie .disnone{display: block !important;   transition: 0.4s;}



.border_b_ececec:nth-of-type(odd) {
  background: #f7f7f7;
}
.border_b_ececec{padding-left: 10px;padding-right: 10px;}
.border_b_ececec:first-child{padding-top: 10px;}


.hovers1 a:hover .ioers{opacity:1  !important;}

.yidongnos{display: none !important;}

.notice-list>a:nth-of-type(odd) {
  background: #f7f7f7;}

.ueyshb::before{
  content: "";
    width: 100%;
    height: 100%;
    /* background: red; */
    top: 0;
    left: 0;
    z-index: 2;
    position: fixed;
    /* background: url(../images/yyy.png) no-repeat;
    background-size: contain;
    background-position-y: bottom; */
    background: url(../images/yy.png) no-repeat;
    background-position-y: bottom;
    background-size: contain;
}

.bufstr{
  width: 50%;margin: 0 auto;margin-top: -15em;
}

.weraasd{background: url(../images/yy.png) no-repeat;width: 100%;    background-color: red;}
.titlezz{margin-top: 6em; text-align: center;font-weight: bold;color: #fff;position: absolute;text-align: center;width: 100%;z-index: 999;}


.bgyis{margin-top: 680px;}
.boxb{display: block;}

/* .article a:hover{color: #d97539;} */


.ueyshbtrt{
  background: url(../images/yy.png) no-repeat;
  background-position-y: bottom;
  background-size: 100% 100%;}


  .image-div {
    width: 100%;
  height: 100%;
  position: relative;
}
.image-div img {
  width: 100%;
  height: 100%;
      }
.image-mask {
    position: absolute;
    width: 100%;
  height: 100%;
  bottom: 0;			
    background:  #53a2d5;
    color: #ffffff;
    opacity: 0;
    transition: 0.2s;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-o-transition: 0.2s;
}
.image-div:hover .image-mask {
    opacity: 1;    
    cursor: default;   
    transition: 0.6s;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;    
}

.textjt{text-align: justify;}
.nobold{font-weight: normal !important;font-weight: 400 !important;}
.bolds{font-weight: bold !important;}

.bgseitsftrr{background: url(../images/line/newp5/bgpaisfd.jpg) no-repeat;background-size: contain;}

.fontsize16{font-size: 16px !important;}
.gov_director:hover{ color: #53a2d5 !important;}
.diandian a:hover{ color: #53a2d5 !important;}


/* ------------------通用 二维码----------*/
.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: #d97539 }

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


 /* .inproject-swiperg .swiper-button-prev:after,.iosdsda  .inproject-swiperg .swiper-button-next:after{position: absolute;left: -20px;} */
/* .inproject-swiperg .iosdsda:after{position: absolute;left: -20px;} */
/* .inproject-swiperg .iosdsda:after{position: absolute;left: -20px;} */
.leftborder{border-left: 1px solid #bbbbbb;margin-left: -1px;}
.margintl2{margin-left: 2%;}
.margintr2{margin-right: 2%;}
.disfs{display: flex;}
.toplaytyr{opacity: 0;}

/* .bordertopb h5:last-child {
  border-bottom: 1px solid #aecde5;
  text-align: right;
}
.bordertopb h5:first-child {
  border-top: 1px solid rgba(174, 205, 229, 0.4);
  text-align: left;
}
 */

 .colorb7 {
  color: #d97539;
}

/* index-video */
.kv-move{width: 100%;height: 100%;z-index: 2;}
.kv-move-btn{width:65px;height: 65px;border-radius: 50%;background: rgba(255,255,255,0.2);}
.kv-move-btn:hover{background: rgba(255,255,255,1);}
.kv-move-btn:hover i{color: rgba(000,000,000,1);}
.kv-move-btn.stop-btn{top: 90%;left: 5%;}
.kv-move-btn.stop-btn .icon-play:before{content: '\e640';}

@media ( max-width:800px ) {
  .img1s{width: 100%;}
  .img2s{width: 100%;}
  .img3s{width: 100%;}
  .img4s{width: 100%;}
  .img5s{width: 100%;}
  .img6s{width: 100%;}
  .img7s{width: 100%;}
  }
  @media ( min-width:801px ) and ( max-width:1599px ) {
    .min300{max-height: 300px;}
    .min600{max-height: 600px;}
    .min6003{max-height: 250px;}
    .min6002{max-height: 350px;}
    }
  
  
@media ( min-width:1600px ) {
  .min300{max-height: 458px;min-height: 400px;}
  .min600{max-height: 800px;min-height: 800px;}
  .min6003{max-height: 330px;min-height: 330px;}
  .min6002{max-height: 458px;min-height: 450px;}
  .h458{min-height: 458px;}
  .img1s{width: 100%;}
  .img2s{width: 100%;}
  .img3s{width: 100%;}
  .img4s{width: 100%;}
  .img5s{width: 100%;}
  .img6s{width: 100%;}
  .img7s{width: 100%;}
  }
.fontb{font-weight: bold;}
.bgbigs{background: url(../images/line/p4-3/bg.jpg) no-repeat;background-size: cover;background-position-x: center;background-position-y: bottom;}
.juzhong {
	text-align: center;
}