@charset "utf-8";
/* CSS Document */
#44b047
html {
    height: 100%;
    -webkit-text-size-adjust: 100%;
}
* { -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /*word-break: break-all;*/ word-wrap: break-word; }
body { margin: 0px; padding: 0px; margin: 0px auto; line-height: 24px; color: #333333; position: relative; font-size: 14px; background-color: #fff; font-family:   !important; width: 100%; min-width: 320px; overflow-x: hidden; }
.ul, form, dl, dt, dd, .ol, menu, .h1, .h2, .h3, .h4, .h5, .h6, .p { padding: 0px; margin: 0px; font-weight: normal; }
.ul li, .ol li { list-style: none; }
select, input, textarea { font-family: Geneva, sans-serif; border-radius: 0; -webkit-border-radius: 0; color: #414446; font-size: 14px; }
input:focus { outline: none; }
input, button, select, textarea { font-family: Geneva, sans-serif; outline: none; /*-webkit-appearance:none;*/ /*强制去除表单自带的样式*/ }
textarea { resize: none; /*-webkit-appearance:none;*/ /*强制去除textarea自带的样式*/ }
textarea, input, select { margin: 0; padding: 0; }
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; /*去除苹果样式*/ }
article, aside, footer, header, hgroup, nav, section, figure, figcaption { display: block; }
/*html5设置*/
figure, figcaption { margin: 0px; padding: 0px; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
img { border: none; border: 0; vertical-align: top; max-width: 100%; }
a { color: #44b047; text-decoration: none;  noline: -webkit-tap-highlight-color:rgba(0,0,0,0);
}
a:focus { outline: none; -moz-outline: none; }
a:hover { text-decoration: none; color: #44b047 }
.clear { clear: both; height: 0; overflow: hidden; }
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; font-size: 0px; }
.clearfix { zoom: 1; }
table, table td { border-collapse: collapse; }
.table { display: table; width: 100%; height: 100%; }
.table-cell { display: table-cell; vertical-align: middle; }
.nowrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.animate { -moz-transition: all 0.75s ease; -ms-transition: all 0.75s ease; -webkit-transition: all 0.75s ease; transition: all 0.75s ease; }
.auto { margin: 0 auto; max-width: 1300px; position: relative; }
.h-header { height: 125px; }
 @media(max-width:768px) {
.h-header { height: 100px !important; }
}
.header { position: fixed; top: 0; width: 100%; z-index: 110; background-color: rgba(255,255,255,1); border-bottom: solid 1px rgba(198,198,198,0.39); height: 125px; }
.header .logo img {  max-width:500px; margin-top:4%; width: 100%; }
.header .search { z-index: 5; right: 10%; top: 50%; position: absolute; background: url(../images/search.png) no-repeat right center; }
.header .search .icon { cursor: pointer; display: block; width: 30px; height: 30px; }
.header .search .box { top: 0; padding-right: 30px; right: 0; position: absolute; display: none; width: 170px; }
.header .search .text { text-align: center; border-radius: 100px; background-color: #eeeeee; border: solid 1px #e2e2e2; width: 100%; border: none; line-height: 30px; height: 30px; }
.header .search .btn { position: absolute; right: 0px; top: 0px; width: 30px; height: 28px; border: none; cursor: pointer; background: none; }
.header .nav ul li b { position: relative; font-size: 16px; display: inline-block; font-weight: normal; }
.header .nav ul li b a { display: inline-block; position: relative; font-weight: bold; color: black; }
.header .nav ul li .sub { left: 0; padding: 2% 0; border-top: solid 3px #013b8f; display: none; background-color: rgba(255,255,255,0.8) }
.header .nav ul li .sub dl dt { line-height: 40px; }
.header .nav ul li .sub dl dt a { }
.header .nav ul li .sub dl dt a:hover { color: #ff0000 }
.header .nav ul li .sub dl dd span { display: block; color: #c3c3c3 }
.header .nav ul li .sub dl dd span a { position: relative; color: #5e5e5e; padding-left: 12px; }
.header .nav ul li .sub dl dd span a:hover { color: #ff0000 }
.header .nav ul li .sub dl dd span a:before { left: 2%; top: 40%; content: ''; display: block; position: absolute; width: 5px; height: 1px; background-color: #c3c3c3; }
 @media(min-width:768px) {
.header .logo { position: absolute; /*width:20%;*/ }
.header .nav { padding-left: 30%; }
.header .nav ul { position: relative }
.header .nav ul li { float: left; text-align: center; position: relative; }
.header .nav ul li b { line-height: 79px; }
.header .nav ul li.on b a:before { position: absolute; content: ''; width: 100%; height: 3px; top: 0; display: block; background-color: #013b8f; }
.header .nav ul li.hover b a:after { content: ''; position: absolute; width: 0; height: 0; left: 50%; margin-left: -8px; bottom: 0; border: 8px solid transparent; border-bottom-color: #013b8f; }
.header .nav ul li#nav6 { border-left: solid 1px rgba(255,255,255,1); border-right: solid 1px rgba(255,255,255,1) }
.header .nav ul li#nav7 { background: url(../images/nav_icon.png) no-repeat right center }
.header .nav ul li#nav7 .sub dl dt { line-height: 20px; padding: 10px 0; }
.header .nav ul li#nav8 { /*border-left: solid 1px rgba(198,198,198,0.39);*/ }
.header .nav ul li .sub { text-align: left; position: absolute; /* width:100%;*/ width: 140px; margin-left: -70px; left: 50%; }
.header .nav ul li .sub dl { padding: 0 5%; }
.header .nav ul li .sub dl dt { text-align: center }
.header .nav ul li .sub dl dt a { font-size: 16px; color: #000; }
.header .nav ul li .sub dl dd span { padding: 4px 0; }
.header .nav ul li#nav2 { /* position: static*/ position: relative; }
.header .nav ul li#nav2 .sub { width: 600px; }
.header .nav ul li#nav2 .sub dl { /*float:left;*/ float: none; }
.header .nav ul li#nav2 .sub dl dt { padding: 5% 0; }
}
 @media(min-width:1100px) {
.header .nav { padding-left: 38%; padding-top: 25px; text-align: right; }
.header .nav ul li { /*width:11%; */ padding: 0 8px; float: none; display: inline-block; }
.header .nav ul li.empty { width: 12%; height: 79px; }
.header .nav ul li#nav2 .sub { /* width:808px;*/ width: 140px; margin-left: -70px; left: 50%; }
}
 @media(max-width:1100px) {
.header .search { right: 0 }
.header .nav ul li { width: auto; padding: 0px 2%; }
.header .nav ul li.empty { display: none; }
}
 @media(max-width:960px) {
.header .nav ul li { padding: 0px 1.3%; }
}
 @media(max-width:768px) {
.header { height: 100px; }
.header .search { right: 60px; top: 23% }
.header .logo img,  .h-header { /* height:60px;*/ height: auto; width: 80%; }
.header .nav { padding-left: 40%; width: 100%; position: fixed; right: -200%; height: 100%; background: rgba(0,0,0,.4); }
.header .nav ul { font-size: 16px; background-color: rgba(255,255,255,1); height: 100%; }
.header .nav ul li { padding: 0 }
.header .nav ul li b { display: block; line-height: 40px; border-bottom: solid 1px #d4d4d4; background-repeat: no-repeat; background-position: 5px; padding-left: 20px; }
.header .nav ul li#nav1 b { background-image: url(../images/i1.png) }
.header .nav ul li#nav2 b { background-image: url(../images/i2.png) }
.header .nav ul li#nav3 b { background-image: url(../images/i3.png) }
.header .nav ul li#nav4 b { background-image: url(../images/i4.png) }
.header .nav ul li#nav5 b { background-image: url(../images/i5.png) }
.header .nav ul li#nav6 b { background-image: url(../images/i2.png) }
.header .nav ul li#nav7 b { background-image: url(../images/i6.png) }
.header .nav ul li#nav8 b { background-image: url(../images/jindong.png); background-size: 18px 18px; }
.header .nav ul li#nav7 { display: none; }
.header .nav ul li b a { padding: 1% 5% }
.header .nav ul li a { display: block; }
.header .nav ul li .sub { max-height: 320px; overflow-y: auto; border-top: none; }
.header .nav ul li .sub dl dt,  .header .nav ul li .sub dl dd { padding: 0 5% 0 30px; }
.header .nav ul li .sub dl dt { border-bottom: solid 1px #d4d4d4; }
.header .nav ul li .sub dl dd span { padding: 8px 0; }
.header .show { right: 0; }
.header .nav ul li b:before { right: 0; z-index: 2; content: ''; display: block; position: absolute; width: 24%; height: 100%; }
.header .nav ul li#nav1 b:before,  .header .nav ul li#nav6 b:before,  .header .nav ul li#nav7 b:before,  .header .nav ul li#nav1 b:after,  .header .nav ul li#nav6 b:after,  .header .nav ul li#nav7 b:after { display: none; }
.header .nav ul li b:after { transition: all 0.3s ease; transform: rotate(45deg); content: ''; width: 6px; height: 6px; position: absolute; right: 5px; top: 50%; margin-top: -3px; border-top: solid 2px #999; border-right: solid 2px #999 }
.header .nav ul li.on b:after { transform: rotate(135deg); }
.icon_menu { display: block; z-index: 100; width: 32px; height: 32px; position: fixed; top: 12px; right: 3%; overflow: hidden; text-indent: -999em; cursor: pointer; }
.icon_menu a { width: 100%; height: 4px; background-color: #999; position: absolute; right: 0; top: 50%; margin-top: -2.5px; }
.icon_menu a::before,  .icon_menu a::after { position: absolute; content: ''; width: 100%; height: 4px; background-color: #999; right: 0; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.icon_menu a::before { top: -11px; }
.icon_menu a::after { bottom: -11px; }
.on.icon_menu a { background-color: transparent; }
.on.icon_menu a::before { transform: rotate(-45deg); top: 0 }
.on.icon_menu a::after { transform: rotate(45deg); bottom: 0 }
}
.footer { padding: 3% 0; background: url(../images/footer_bg.png) repeat left top }
.footer,  .footer a { color: #a09797; }
.footer a:hover { color: #44b047; }
.footer .other .link,  .footer .copyright dl { padding: 15px 0; }
.footer .copyright span { display: inline-block; }
.footer .copyright .ICP { white-space: nowrap }
.footer .other .link a { padding-right: 10px; margin-right: 10px; background: url(../images/footer_a_icon.png) no-repeat right center }
.footer .other .link a:last-child { padding-right: 0; margin-right: 0; background: none }
.footer .other .ewm dl { text-align: center; display: inline-block; margin-right: 10px }
.footer .other .ewm dl img { width: 100px; height: 100px; }
.footer .other .ewm dl:last-child { margin-right: 0; }
.footer .other .ewm b { display: block; font-weight: normal; padding: 10px 0; }
.footer .bdshare-button-style0-32 a { float: none !important; display: inline-block !important; margin: 0 0 0 10px !important; width: 42px !important; line-height: 42px !important; height: 42px !important; background-image: url(../images/footer_share.png) !important; background-color: #565050; border-radius: 100px; }
.footer .bdshare-button-style0-32 .bds_weixin { background-position: left !important; }
.footer .bdshare-button-style0-32 .bds_tsina { background-position: right !important; }
.footer .menu-b { line-height: 28px; }
.footer .menu-b dl dt { position: relative; padding: 15px 0; font-size: 14px; border-bottom: solid 1px #655d5d; background: url(../images/footer_icon.png) no-repeat right; }
.footer .menu-b dl dt a { color: #fff; }
.footer .menu-b dl dd { padding-top: 10px; }
.footer .menu-b dl dd span { display: block; padding-left: 20px; background: url(../images/footer_icon_sub.png) no-repeat left; }
 @media(min-width:768px) {
.footer { font-size: 12px; }
.footer .menu-b { padding-right: 230px; overflow: hidden; }
.footer .menu-b dl { float: left; width: 11.2%; margin-right: 6%; }
.footer .menu-b dl:last-child { margin-right: 0; }
.footer .other { position: absolute; right: 0; top: 4%; width: 260px; text-align: right; }
.footer .copyright { text-align: left; }
.footer .copyright dl { display: inline-block; border-top: solid 1px #655d5d; }
.footer .copyright dl .wanhu { display: block; }
}
 @media(min-width:1000px) {
.footer { font-size: 14px; }
.footer .menu-b { padding-right: 320px; }
.footer .menu-b dl dt { font-size: 18px; }
.footer .other .ewm dl img { width: 120px; height: 120px; }
}
 @media(max-width:768px) {
.footer .menu-b { padding-bottom: 2%; }
.footer .menu-b dl dt { padding: 5px 10px }
    .footer .menu-b dl dt i {
        z-index: -1;
        cursor: pointer;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: block;
        position: absolute
    }
.footer .menu-b dl.on dt { }
.footer .menu-b dl dd { display: none; padding: 0 15px }
.footer .menu-b dl dd span { padding-top: 5px; padding-bottom: 5px; }
}
 @media(max-width:1340px) {
.auto { width: 97% }
}
 @media(min-width:768px) {
.pc { }
.wap { display: none; }
.fl { float: left; }
.fr { float: right; }
}
 @media(max-width:768px) {
.wap { }
.pc { display: none; }
}
 @media(min-width:960px) {
.sidebar { background-color: #fcfcfc; float: left; width: 19.1%; border: solid 1px #ededed; }
.main { float: right; width: 74% }
}
 @media(max-width:960px) {
.sidebar { position: absolute; right: 0; z-index: 99; padding-top: 44px; }
}
.main { min-height: 100px; }
.bd_weixin_popup .bd_weixin_popup_main { padding: 8px 10px !important; }
.column { line-height: 50px; padding-top: 7%; padding-bottom: 2%; }
.column .cn { font-size: 30px; }
.column .en { font-size: 43px; font-weight: bold; padding-right: 10px; }
.column.rows-2 { text-align: center }
.column.rows-2 span { display: block; }
.sub-title { padding: 16px 0; font-size: 24px; }
 @media(max-width:1366px) {
.column { line-height: 40px; }
.column .cn { font-size: 26px; }
.column .en { font-size: 32px; }
}
 @media(max-width:1000px) {
.column { padding: 5% 0 }
.column { line-height: 30px; }
.column .cn { font-size: 20px; }
.column .en { font-size: 24px; }
}
.sub-menu { width: 100%; line-height: 70px; background-image: url(../images/sub-menu-pic.png); background-repeat: no-repeat; background-position: center center }
.sub-menu .bg-color { background-color: rgba(91, 84, 84, 0.95); overflow: hidden; }
.sub-menu .auto { width: 100%; }
.sub-menu ul li { float: left; font-size: 16px; }
.sub-menu ul li a { color: #cccccc; display: block; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sub-menu ul li a:hover,  .sub-menu ul li.on a { color: #fff; background-color: #44b047; }
.sub-menu .bx-controls { display: none; }
.sub-menu .con_wap { display: none; }
 @media(min-width:960px) {
.sub-menu ul li { width: 12% }
}
 @media(max-width:960px) {
.sub-menu { line-height: 50px; }
.sub-menu ul li a { padding: 0px 10px; }
.sub-menu .bg-color { padding: 0px 20px; }
.sub-menu .bx-controls-direction a { text-indent: -999px; overflow: hidden; top: 0; position: absolute; width: 30px; text-align: center; height: 100%; background-color: #ffba00; }
.sub-menu .bx-controls-direction a.bx-prev { left: -20px; }
.sub-menu .bx-controls-direction a.bx-next { right: -20px; }
.sub-menu .bx-controls-direction a:before { position: absolute; top: 40%; content: ''; display: block; width: 10px; height: 10px; border-top: solid 2px #fff; border-right: solid 2px #fff; }
.sub-menu .bx-controls-direction a.bx-prev:before { left: 10px; transform: rotate(-135deg); }
.sub-menu .bx-controls-direction a.bx-next:before { right: 10px; transform: rotate(45deg); }
.sub-menu .bx-controls-direction a.disabled:before { opacity: 0.4 }
.sub-menu .bx-controls { display: block; }
.sub-menu .con_pc { display: none; }
.sub-menu .con_wap { display: block; overflow: hidden; overflow-X: scroll; }
.sub-menu .con_wap ul { width: 768px; }
}
.menu ul li { line-height: 70px; font-size: 16px; border-top: solid 1px #ededed; }
.menu ul li:first-child { border-top: none; }
.menu ul li span { display: block; }
.menu ul li a { position: relative; color: #000000; display: block; padding-left: 58px; background-repeat: no-repeat; background-position: 24px center }
.menu ul li a:hover,  .menu ul li.on a { color: #fff; background-color: #44b047 }
.menu ul li.on a:after { right: 10%; content: ''; position: absolute; width: 0; height: 0; top: 40%; border: 5px solid transparent; border-left-color: #fff; }
.menu ul li.process { display: none; background-color: #44b047; }
.menu ul li.process a { padding-left: 24px; color: #fff; }
.menu ul li.process dl { color: #fff; background-color: #585557; }
.menu ul li.process dl span { color: #fff; padding-left: 24px; background: url(../images/m_jobs_icon.png) no-repeat 88% center }
.menu ul li.process dl span b { font-size: 30px; color: #696668; padding-right: 5px; }
#m-jobs ul li#menu1 a { background-image: url(../images/m_jobs_1.png); }
#m-jobs ul li#menu1.on a, #m-jobs ul li#menu1 a:hover { background-image: url(../images/m_jobs_1on.png); }
#m-jobs ul li#menu2 a { background-image: url(../images/m_jobs_2.png); }
#m-jobs ul li#menu2.on a, #m-jobs ul li#menu2 a:hover { background-image: url(../images/m_jobs_2on.png); }
#m-jobs ul li#menu3 a { background-image: url(../images/m_jobs_3.png); }
#m-jobs ul li#menu3.on a, #m-jobs ul li#menu3 a:hover { background-image: url(../images/m_jobs_3on.png); }
#m-jobs ul li#menu4 a { background-image: url(../images/m_jobs_4.png); }
#m-jobs ul li#menu4.on a, #m-jobs ul li#menu4 a:hover { background-image: url(../images/m_jobs_4on.png); }
#m-jobs ul li#menu5 a { background-image: url(../images/m_jobs_5.png); }
#m-jobs ul li#menu5.on a, #m-jobs ul li#menu5 a:hover { background-image: url(../images/m_jobs_5on.png); }
 @media(min-width:960px) {
.menu { display: block !important; }
}
 @media(max-width:960px) {
.menu { display: none; box-shadow: -10px 0 20px 0px rgba(0,0,0,.21); background-color: #fcfcfc; }
.menu ul li { line-height: 40px; }
.menu ul li a { padding-right: 40px; }
.menu ul li.process dl { font-size: 14px; }
.menu ul li.process dl span { padding-right: 50px; }
.menu ul li.process dl span b { font-size: 18px; }
.wap-menu { position: absolute; top: 10px; right: 0; border: solid 1px #888; border-radius: 4px; padding: 2px 0; width: 32px; }
.wap-menu i { display: block; padding: 3px 0; position: relative; padding-left: 36%; padding-right: 2%; }
.wap-menu i:before,  .wap-menu i:after { content: ''; display: block; width: 80%; height: 2px; background-color: #888; }
.wap-menu i:before { position: absolute; margin-left: -7px; border-radius: 100px; width: 3px; height: 3px; }
}
/*job*/
.jobs-search { position: relative; margin-bottom: 2%; padding: 2%; color: #fff; overflow: hidden; background-color: #585557; }
.jobs-search dl dt { position: absolute; width: 90px; text-align: right }
.jobs-search dl dd { padding-left: 100px; }
.jobs-search dl dd .text { border: none; width: 98%; padding: 0px 2%; }
.jobs-search dl dd select { border: none; width: 98%; padding: 0px 2%; }
.jobs-search,  .jobs-search dl dd .text,  .jobs-search dl dd select { line-height: 28px; }
.jobs-search dl dd select { height: 28px; }
.jobs-search .search { display: block; text-align: center; cursor: pointer; background-color: #44b047; color: #fff; width: 100%; }
.jobs-list { border: solid 1px #ededed; }
.jobs-list ul li { overflow: hidden; border-top: dashed 1px #ededed; }
.jobs-list ul li.title { color: #fff; background-color: #44b047; border-top: none; }
.jobs-list ul li a { display: block; }
.jobs-list ul li span { padding: 16px 0 16px 2%; display: block; float: left; }
.jobs-list ul li span.s1 { padding-left: 5% }
.jobs-list.row-3 ul li span.s1 { width: 35%; }
.jobs-list.row-3 ul li span.s2 { width: 40%; }
.jobs-list.row-3 ul li span.s3 { width: 25%; }
.jobs-list.row-4 ul li span.s1 { width: 30%; }
.jobs-list.row-4 ul li span.s2 { width: 25%; }
.jobs-list.row-4 ul li span.s3 { width: 25%; }
.jobs-list.row-4 ul li span.s4 { width: 20%; }
.jobs-list.row-6 ul li span.s1 { width: 15%; }
.jobs-list.row-6 ul li span.s2 { width: 15%; }
.jobs-list.row-6 ul li span.s3 { width: 15%; }
.jobs-list.row-6 ul li span.s4 { width: 25%; }
.jobs-list.row-6 ul li span.s5 { width: 15%; }
.jobs-list.row-6 ul li span.s6 { width: 15%; }
.jobs-resume .tips { padding: 10px 0 10px 24px; background: url(../images/tips.png) no-repeat left 12px }
.jobs-resume .list { padding: 1% 0; }
.jobs-resume .h3 { cursor: pointer; font-size: 14px; background-color: #585557; padding: 1% 2%; color: #fff; position: relative; }
.jobs-resume .h3 b { font-size: 16px; font-weight: normal; padding-right: 20px; }
.jobs-resume .h3:before,  .jobs-resume .h3:after { content: ''; background-color: #fff; position: absolute; right: 2%; top: 48%; width: 13px; height: 3px; transition: all 0.5s ease-out 0s; }
.jobs-resume .h3:before { transform: rotate(90deg) }
.jobs-resume .on .h3:before { transform: rotate(0deg) }
.jobs-resume dl { line-height: 44px; position: relative; padding: 5px 0; }
.jobs-resume dl dt { width: 100px; position: absolute; text-align: right; text-align: right; }
.jobs-resume dl dd { padding-left: 100px; }
.jobs-resume dl dd .text,  .jobs-resume dl dd select { padding: 0 2%; line-height: 44px; background-color: #fcfcfc; border: solid 1px #ededed; width: 100%; }
.jobs-resume dl dd select { height: 46px; }
.jobs-resume dl dd .note { display: block; color: #999999; font-size: 12px; line-height: 20px; }
.jobs-resume .row-1 { clear: both; }
.jobs-resume dl.two .text { width: 43%; }
.jobs-resume dl.two i { font-style: normal; padding: 0px 5px; }
.jobs-resume .box { display: none; padding-top: 3%; }
.jobs-resume .save { text-align: right; }
.jobs-resume .save a { cursor: pointer; border: none; width: 146px; line-height: 41px; text-align: center; display: inline-block; color: #fff; background-color: #44b047; }
.jobs-resume .line { padding-top: 15px; margin-bottom: 15px; border-bottom: dashed 1px #ededed; clear: both; }
.jobs-faq ul li { padding: 2% 0; border-bottom: dashed 1px #ededed; }
.jobs-faq ul li .h5 { position: relative; font-size: 16px; }
.jobs-faq ul li .h5 em { position: absolute; left: 0; font-style: normal; }
.jobs-faq ul li p { color: #999999 }
.jobs-faq ul li .h5,  .jobs-faq ul li p { padding: 5px 15px; }
.jobs-detail .intro { overflow: hidden; border-top: solid 1px #ddd; }
.jobs-detail .intro dl { position: relative; border: solid 1px #ddd; border-top: none; padding-left: 100px; }
.jobs-detail .intro dl dt { left: 0; position: absolute; width: 90px; text-align: right; }
.jobs-detail .intro dl dt,  .jobs-detail .intro dl dd { padding: 10px; }
.jobs-detail .intro dl dd { color: #888; border-left: solid 1px #ddd; }
.jobs-detail .detail .h4 { padding-top: 2%; padding-bottom: 1%; font-size: 16px; font-weight: bold; }
 @media(min-width:960px) {
.auto_job { padding: 3% 0 }
.jobs-search,  .jobs-list { font-size: 16px; }
.jobs-search.row-3 dl { float: left; width: 27%; }
.jobs-search.row-4 dl { float: left; width: 21%; }
.jobs-resume .h3 { padding: 2.4%; font-size: 18px; }
.jobs-resume .h3 b { font-size: 24px; }
.jobs-resume .row-3 { float: left; width: 33%; }
.jobs-resume .empty { height: 66px; }
.jobs-resume dl dt { width: 120px; font-size: 16px; }
.jobs-resume dl dd { padding-left: 120px }
.jobs-search .search { position: absolute; right: 2%; width: 11%; }
}
 @media(max-width:960px) {
.jobs-search dl { padding-bottom: 1%; }
}
#login-reg { background-color: #fcfcfc; border: solid 1px #ededed; }
#login-reg .column { text-align: center; }
#login-reg .form { padding: 5% 3%; }
#login-reg .form dl { padding: 2% 0; overflow: hidden; }
#login-reg .form dl dt { float: left; width: 18%; text-align: right; }
#login-reg .form dl dd { float: right; width: 82%; padding: 0 2%; position: relative; }
#login-reg .form dl dd .text { padding: 0 5px; border: solid 1px #ededed; background-color: #fff; width: 98%; }
#login-reg .form,  #login-reg .form dl dd .text { line-height: 30px; }
#login-reg .form .btn { padding: 4% 0; text-align: center; }
#login-reg .form .btn input { font-size: 16px; color: #fff; background-color: #44b047; border: none; cursor: pointer; width: 120px; height: 32px; line-height: 32px; }
#login-reg .form .required { position: absolute; right: 0; top: 20%; color: #44b047; }
#login-reg .form dl.code .text { width: 35% }
#login-reg .form dl.code .img { padding: 0 3%; }
#login-reg .form dl.code .img img { max-width: 136px; border: solid 1px #ededed; }
#login-reg .form dl.code .refresh { padding-left: 20px; color: #999999; background: url(../images/refresh.png) no-repeat left; }
 @media(min-width:768px) {
#login-reg .form { font-size: 16px; }
#login-reg .form,  #login-reg .form dl dd .text { line-height: 50px; }
#login-reg .form dl { padding: 1% 0; }
#login-reg .form .btn input { width: 146px; height: 40px; line-height: 40px; }
}
 @media(min-width:1200px) {
#login-reg .form { padding: 3% 20%; }
}
 @media(max-width:768px) {
#login-reg .form dl.code .img img { max-height: 32px; }
}
.Pages { text-align: center; padding: 3% 0; clear: both; }
.Pages .p_cur,  .Pages .p_count,  .Pages .p_total,  .Pages .p_jump { display: none; }
.Pages em { font-style: normal; }
.Pages a { padding: 7px 15px; display: inline-block; border: solid 1px #edecec; }
.Pages a.a_cur { background-color: #44b047; border-color: #44b047; color: #fff; }
.Pages a.no { cursor: default; color: #a7a8a9; }
 @media(max-width:768px) {
.Pages a { padding: 0px 5px }
}
.detail-article { padding: 2% 0; }
.detail-article .title { font-size: 18px; text-align: center; padding: 2% 0; line-height: 140% }
.detail-article .other { padding-bottom: 3%; text-align: center; color: #999999; }
.detail-article video { max-width: 100%; margin: auto; display: block }
.info_back { padding-top: 2%; padding-bottom: 3%; text-align: center; border-bottom: solid 1px #ededed; }
.info_back a { line-height: 40px; width: 140px; display: inline-block; background-color: #44b047; color: #fff; }
.info_prev_next { padding: 2% 0 }
.info_prev_next span { display: block; opacity: 0.6; }
 @media(min-width:768px) {
.detail-article .title { font-size: 30px; }
.info_prev_next span { width: 45%; }
.info_prev_next span.prev { float: left; }
.info_prev_next span.next { float: right; text-align: right; }
.detail-article video { max-width: 70%; }
}
/*job end*/

.single { text-align: justify; position: relative; padding-top: 1%; padding-bottom: 1%; }
.edit-jtjj .num { padding-bottom: 3%; }
.edit-jtjj .num ul li { width: 20%; float: left; border-left: solid 1px #f3f3f3; padding: 2%; }
.edit-jtjj .num ul li b,  .edit-jtjj .num ul li span { display: block; }
.edit-jtjj .num ul li b { font-size: 40px; line-height: 60px; }
.edit-jtjj .num ul li span { font-size: 16px; }
.edit-jtjj .num ul li i { display: block; width: 30px; height: 30px; }
.edit-jtjj .num ul li i.icon { background-color: #e4e4e4; border-radius: 100px; background-image: url(../images/txt_icon.png); background-repeat: no-repeat; }
.edit-jtjj .num ul li.n1 i.icon { background-position: left }
.edit-jtjj .num ul li.n2 i.icon { background-position: -30px }
.edit-jtjj .num ul li.n3 i.icon { background-position: -60px }
.edit-jtjj .num ul li.n4 i.icon { background-position: -90px }
.edit-jtjj .num ul li.n5 { background-color: #44b047; border-left: none; color: #fff; }
.edit-jtjj .fl .txt { margin: 5% 0; padding: 0 22px; border-left: solid 7px #f3f3f3; }
.edit-jtjj .fr .txt { line-height: 28px; font-size: 16px; padding: 1% 0 0 50%; }
.edit-jtjj .fr .txt .h4 { padding: 13% 0; font-size: 22px; }
.edit-jtjj .fr .txt p { padding: 11% 0; margin: 0 }
.edit-jtjj .txt-wap { display: none; }
 @media(min-width:768px) {
.edit-jtjj .fl { width: 60%; }
.edit-jtjj .fr { width: 40% }
}
 @media(max-width:1366px) {
.edit-jtjj .num ul li b { font-size: 32px; }
}
 @media(max-width:1000px) {
.edit-jtjj .num ul li b { font-size: 22px; line-height: 40px; }
.edit-jtjj .num ul li span { font-size: 14px; }
}
 @media(max-width:768px) {
.edit-jtjj .num ul li { width: 50%; margin-bottom: 2% }
.edit-jtjj .num ul li.n5 { width: 100%; text-align: center }
.edit-jtjj .num ul li.n5 b,  .edit-jtjj .num ul li.n5 span { display: inline-block }
.edit-jtjj .num ul li.n5 i { display: none; }
.edit-jtjj .num ul li.n5 span { padding-left: 10px; }
.edit-jtjj .fr .txt { padding: 0 22px; font-size: 14px; background: none !important }
.edit-jtjj .fr .txt .h4 { padding: 2% 0; font-size: 18px; }
.edit-jtjj .fr .txt p { padding: 2% 0; }
.edit-jtjj .txt-wap { display: block; padding: 2% 22px }
.edit-jtjj .txt-pc { display: none; }
}
.edit-social .sub-column { padding: 0; }
.edit-social .num { padding-bottom: 3%; }
.edit-social .num ul li { width: 33%; float: left; margin-bottom: 2%; border-left: solid 1px #f3f3f3; padding: 2%; }
.edit-social .num ul li b,  .edit-social .num ul li span { display: block; }
.edit-social .num ul li b { font-size: 40px; line-height: 60px; }
.edit-social .num ul li span { }
.edit-social .num ul li i { display: block; width: 30px; height: 30px; }
.edit-social .num ul li i.icon { background-color: #e4e4e4; border-radius: 100px; background-image: url(../images/txt_icon.png); background-repeat: no-repeat; }
.edit-social .item1 .num dl { padding-top: 2%; padding-bottom: 4% }
.edit-social .item1 .num dl span { display: inline-block; line-height: 43px; width: 156px; text-align: center; padding-right: 26px; color: #fff; font-size: 24px; background: url(../images/year_bg.png) no-repeat right; }
.edit-social .item1 .num ul li.n1 i.icon { background-position: -240px }
.edit-social .item1 .num ul li.n2 i.icon { background-position: -270px }
.edit-social .item1 .num ul li.n3 i.icon { background-position: -left }
.edit-social .item1 .num ul li.n4 i.icon { background-position: -300px }
.edit-social .item1 .num ul li.n5 i.icon { background-position: -300px }
.edit-social .item1 .num ul li.n6 i.icon { background-position: -330px }
.edit-social .item1 .num ul li.n7 i.icon { background-position: -270px }
.edit-social .item1 .num ul li.n8 i.icon { background-position: -300px }
.edit-social .item2 .bg-photo { padding-bottom: 10%; background-repeat: no-repeat; background-position: center top; background-size: contain }
.edit-social .item2 .num { padding-top: 3%; background-color: #ebebeb; }
.edit-social .item2 .num ul li { border-left-color: #d3d3d3; }
.edit-social .item2 .num ul li i.icon { background-position: -360px }
.edit-social .item2 .num ul li.n1 i.icon { background-position: -270px }
.edit-social .item3 .single { padding-bottom: 0 }
.edit-social .item3 .h3 { text-align: center }
.edit-social .item3 ol li { padding-top: 10px; padding-left: 17px; position: relative }
.edit-social .item3 ol li:before { position: absolute; left: 0; top: 24px; display: inline-block; content: ''; width: 6px; height: 6px; border-radius: 100px; background-color: #44b047; }
.edit-social .item3 ol li span { padding: 5px 0; font-size: 16px; display: inline-block; border-bottom: solid 1px #8b8b8b; }
.edit-social .item4 { margin: 3% 0; }
.edit-social .item4 .single { position: absolute; width: 100%; }
.edit-social .item4 .h3 { color: #fff; text-align: center; border-bottom-color: rgba(255,255,255,0.2) }
.edit-social .item4 .intro { color: #fff; max-width: 440px; padding-bottom: 16%; margin: auto; text-align: center; }
.edit-social .item4 .num { text-align: center; padding: 2%; background-color: #fff; border-radius: 50px 0 50px 0; box-shadow: 0 7px 20px rgba(0, 0, 0, 0.2) }
.edit-social .item4 .num ul li { padding: 0 5%; ; border: none; }
.edit-social .item4 .num ul li i.icon { margin: auto; }
.edit-social .item4 .num ul li span { font-size: 14px; }
.edit-social .item4 .num ul li.n1 i.icon { background-position: -270px }
.edit-social .item4 .num ul li.n2 i.icon { background-position: -390px }
.edit-social .item4 .num ul li.n3 i.icon { background-position: -420px }
.edit-social .item5 .h3 { text-align: center; }
.edit-social .item5 .down-hot { padding: 0 3%; }
.edit-social .item5 .down-hot .ul { position: relative; z-index: 5; margin: auto; }
.edit-social .item5 .down-hot .ul li { text-align: center; width: 300px; padding-top: 130px; }
.edit-social .item5 .down-hot .pic { background-repeat: no-repeat; background-position: center bottom; padding-bottom: 129%; background-size: cover; }
.edit-social .item5 .down-hot dl { padding: 15px 0; opacity: 0; }
.edit-social .item5 .down-hot dl a { display: inline-block; line-height: 35px; max-width: 143px; width: 100%; font-size: 16px; color: #fff; border-radius: 100px; background: #44b047 url(../images/pdf.png) no-repeat right }
.edit-social .item5 .down-hot h6 { z-index: 5; text-align: center; position: relative; padding-bottom: 35px; font-size: 24px; }
.edit-social .item5 .down-hot h6 span { padding-top: 20px; display: block; }
.edit-social .item5 .down-hot h6:before { content: ''; display: block; margin: auto; width: 20px; height: 20px; border-radius: 100px; background-color: #a9a9a9; }
.edit-social .item5 .flipster { padding: 0 30px; overflow: hidden; position: relative; }
.edit-social .item5 .flipster:after { z-index: 1; content: ''; position: absolute; bottom: 14.4%; display: block; width: 100%; height: 1px; background-color: #d3d3d3; }
.edit-social .item5 .down-hot .ul li.flip-current { padding-top: 0px; }
.edit-social .item5 .flip-current .pic { border: solid 5px #44b047; box-shadow: 0 7px 20px rgba(0, 0, 0, 0.2); border-radius: 4px; }
.edit-social .item5 .flip-current dl { padding: 30px 0; opacity: 1; border-top: none; }
.edit-social .item5 .flip-current h6:before { width: 100%; height: 4px; background-color: #44b047; }
.edit-social .item5 .flipto-prev, .edit-social .item5 .flipto-next { display: block; font-size: 0; line-height: 0; transition: all 0.5s ease-out 0s; top: 50%; position: absolute; width: 22px; height: 23px; background-color: #fff; background-image: url(../images/owl-arrow.png); background-repeat: no-repeat; }
.edit-social .item5 .flipto-prev { left: 0; background-position: left top; }
.edit-social .item5 .flipto-next { right: 0; background-position: right bottom }
.edit-social .item5 .flipto-prev:hover { background-position: right top; }
.edit-social .item5 .flipto-next:hover { background-position: left bottom }
.edit-social .item5 .flipto-prev:before, .edit-social .item5 .flipto-next:before { display: none; }
 @media(min-width:768px) {
.edit-social .num ul li:nth-child(3n+1) { clear: both }
.edit-social .item1 .intro,  .edit-social .item1 .num { padding-right: 45%; }
.edit-social .item1 .photo { position: absolute; top: 84px; right: 0; width: 38.462% }
.edit-social .item1 .txt { }
.edit-social .item2 .intro,  .edit-social .item2 .num { padding-left: 40% }
.edit-social .item2 .num { position: absolute; width: 100%; position: relative }
.edit-social .item2 .photo { position: absolute; bottom: 13%; left: 3%; width: 33.385%; z-index: 5 }
.edit-social .item3 .intro { width: 44%; border-top-left-radius: 50px; padding: 4%; position: absolute; right: 0; bottom: 0; background-color: #fff; }
.edit-social .item4 .num { position: absolute; bottom: 40px; width: 80%; left: 10% }
}
 @media(min-width:1200px) {
.edit-social .item4 .intro { padding-bottom: 30%; }
.edit-social .item4 .num { bottom: 80px; width: 60%; left: 20% }
}
 @media(max-width:1366px) {
.edit-social .num ul li b { font-size: 32px; }
}
 @media(max-width:1000px) {
.edit-social .num ul li b { font-size: 22px; line-height: 40px; }
}
 @media(max-width:768px) {
.edit-social .num ul li:nth-child(2n+1) { clear: both }
.edit-social .num ul li { width: 50%; }
.edit-social .num ul li:nth-child(2n+1) { clear: both; }
.edit-social .item1 .num dl span { font-size: 18px; }
.edit-social .item2 .photo2 { padding: 0 1.5% }
.edit-social .item5 .down-hot { padding: 0 1%; }
.edit-social .item5 .down-hot .ul li { width: 160px; padding-top: 0 }
.edit-social .item5 .flip-current dl { padding: 10px 0 }
.edit-social .item5 .flipster:after { display: none; }
.edit-social .item5 .down-hot h6 { opacity: 0; font-size: 16px; }
.edit-social .item5 .down-hot .ul li.flip-current h6 { opacity: 1 }
.edit-social .item5 .flip-past,  .edit-social .item5 .flip-future { opacity: 0 }
}
.sub-column { font-weight: bold; font-size: 26px; border-bottom: solid 1px #f5f4f4; padding: 0 3%; margin-bottom: 3% }
.sub-column span { line-height: 70px; display: inline-block; border-bottom: solid 3px #44b047; }
 @media(max-width:1000px) {
.sub-column span { font-size: 18px; line-height: 50px; }
}
.name-industry { position: relative; padding: 1% 10% 7% 0; }
.body-industry { }
.edit-industry .box { padding: 0 10%; position: relative; margin-top: 2px; background-repeat: no-repeat; background-size: contain; }
.edit-industry #item3:after { left: 40%; }
.edit-industry .txt { padding: 5% 0; }
.edit-industry .txt .h4 { font-size: 18px; padding: 2% 0; color: #4CAF50; }
.edit-industry .txt .icon { z-index: 5; left: 15%; top: -5%; position: absolute; }
.edit-industry .txt .icon img { width: 60px; height: 60px; background-color: #4CAF50; border-radius: 100px; animation: spinAround 3s linear infinite; }
 @keyframes spinAround {  from {
 transform: rotate(0deg)
}
to { transform: rotate(360deg); }
}
.edit-industry .txt .num { font-size: 30px; display: block; color: #dcdcdc; font-weight: normal; }
.edit-industry .con dl { float: left; padding: 0 2%; border-left: solid 4px #e7e7e7 }
.edit-industry .con dl b { padding-bottom: 20px; font-size: 40px; display: block; }
.edit-industry .con dl i { font-style: normal; color: #999999; }
.edit-industry .intro { padding: 2% 0; }
.edit-industry #item1 { background-position: right top }
.edit-industry #item1 .con dl { width: 25%; }
.edit-industry #item2 { background-position: left top }
.edit-industry #item2 .txt.ShuzScroll { padding: 10% 0; }
.edit-industry #item2 .txt .icon { left: auto; right: 15% }
.edit-industry #item2 .txt .num,  .edit-industry #item2 .h4 { text-align: right; }
.edit-industry #item2 .intro { padding-left: 60% }
.edit-industry #item2 .con { text-align: right; }
.edit-industry #item2 .con em { font-style: normal; border: solid 1px #d4d4d4; display: inline-block; padding: 5px 17px; }
.edit-industry #item3 { padding-left: 0; background-position: center top }
.edit-industry #item3 .txt .icon { left: 55% }
.edit-industry #item3 .txt { padding-left: 0 }
.edit-industry #item3 .intro { padding-right: 60% }
.edit-industry #item3 .con dl { width: 20%; }
.edit-industry #item4 { background-position: left top }
.edit-industry #item4 .txt.ShuzScroll { padding: 10% 0 6% 0; }
.edit-industry #item4 .txt .num,  .edit-industry #item4 .h4 { text-align: right; }
.edit-industry #item4 .txt .icon { left: auto; right: 15% }
.edit-industry #item4 .intro { padding-left: 55% }
.edit-industry #item4 .con { padding-left: 55%; }
.edit-industry #item4 .con dl { width: 33% }
.edit-industry #item5 { background-position: center top }
.edit-industry #item5 .intro { padding-right: 55% }
.edit-industry #item5 .con { padding-right: 10% }
.edit-industry #item5 .con dl { width: 25% }
.edit-industry #item6:after { right: 42%; width: 34% }
.edit-industry #item6 { padding-right: 0; }
.edit-industry #item6 .txt { padding-left: 58%; }
.edit-industry #item6 .con dl { width: 50% }
.edit-industry #item6b { background-position: right top }
.edit-industry #item6b .intro { padding-right: 55% }
.edit-industry #item6b .txt { padding-top: 10%; padding-bottom: 20%; }
.edit-industry #item6b:after { width: 38%; right: 46% }
.edit-industry #item7 .txt .h4 { padding-left: 55% }
.edit-industry #item7 .txt .num { position: absolute; right: 10%; }
.edit-industry #item7 .txt .icon { right: 10%; top: 0; left: auto; }
.edit-industry #item7 .intro { padding-left: 55% }
.edit-industry #item7 .con { padding-left: 55% }
.edit-industry #item7 .con dl { width: 50%; }
.edit-industry #item7:after { border-bottom: none; border-radius: 0 50% 0 0; }
 @media(min-width:768px) {
.name-industry:before { content: ''; display: block; position: absolute; top: 20%; right: 0; width: 23px; height: 23px; border-radius: 100px; background-color: #4CAF50; }
.name-industry:after { content: ''; right: 0; bottom: -4px; position: absolute; width: 28%; height: 100%; border-right: solid 2px #4CAF50; border-bottom: solid 2px #4CAF50; border-radius: 0 0 100% 0; }
.name-industry .column.rows-2 { text-align: right; }
.edit-industry .txt .h4 { font-size: 26px; }
.edit-industry .txt .num { font-size: 80px; line-height: 100%; }
.edit-industry #item1:before,  .edit-industry #item2:before,  .edit-industry #item5:before,  .edit-industry #item7:before { content: ''; width: 60%; display: block; margin: auto; border-top: solid 2px #4CAF50; }
.edit-industry .box:after { position: absolute; content: ''; top: 0; height: 100%; width: 40%; }
.edit-industry .box:nth-child(odd):after { left: 0; border: solid 2px #4CAF50; border-right: none; border-radius: 100% 0 0 100%; }
.edit-industry .box:nth-child(even):after { right: 0; border: solid 2px #4CAF50; border-left: none; border-radius: 0 100% 100% 0; }
.edit-industry #item7 .txt { padding-bottom: 20%; }
.edit-industry .wap-img,  .edit-industry .pc-img2 { position: absolute; }
.edit-industry #item1 .wap-img { max-width: 44%; left: 29.7%; top: 5% }
.edit-industry #item1 .pc-img2 { width: 27%; right: 0; top: 1% }
.edit-industry #item2 .wap-img { max-width: 52%; left: 0; top: 0% }
.edit-industry #item2 .pc-img2 { width: 51%; right: 14%; top: 10%; }
.edit-industry #item3 .wap-img { max-width: 51%; right: 3%; top: 14% }
.edit-industry #item3 .pc-img2 { width: 31.2%; left: 7%; top: 10% }
.edit-industry #item4 .wap-img { max-width: 39%; right: 21%; top: 15% }
.edit-industry #item4 .pc-img2 { width: 48%; left: 0; top: 8% }
.edit-industry #item5 .wap-img { max-width: 45%; right: 0; top: 14% }
.edit-industry #item5 .pc-img2 { width: 46%; left: 20%; top: 0 }
.edit-industry #item6 .wap-img { max-width: 59%; left: 0; top: 10% }
.edit-industry #item6b .wap-img { max-width: 59%; right: 0; top: 6% }
.edit-industry #item7 .wap-img { max-width: 59%; left: 0; bottom: 10% }
}
 @media(max-width:1366px) {
.edit-industry .con dl b { font-size: 32px; }
}
 @media(max-width:1000px) {
.edit-industry .con dl b { font-size: 22px; }
}
 @media(max-width:768px) {
.edit-industry .box { padding: 0; border-top: solid 2px #44b047 }
.edit-industry .box#item6b { border: none; }
.edit-industry #item2 .intro,  .edit-industry #item4 .intro,  .edit-industry #item6 .txt,  .edit-industry #item7 .intro,  .edit-industry #item4 .con,  .edit-industry #item7 .con { padding-left: 0 }
.edit-industry #item3 .intro,  .edit-industry #item5 .intro,  .edit-industry #item6b .intro,  .edit-industry #item5 .con { padding-right: 0 }
.edit-industry .con dl b { padding-bottom: 5px; }
.edit-industry .box .con dl { width: 50% !important; margin-bottom: 5px; }
.edit-industry #item2 .con { text-align: left }
.edit-industry #item2 .con em { margin-bottom: 2px; display: block; }
.edit-industry .txt { padding: 0; }
.edit-industry .txt .num { position: absolute; }
.edit-industry .txt .num,  .edit-industry .txt .h4 { line-height: 40px; }
.edit-industry .txt .h4 { padding: 0 25px }
.edit-industry #item2 .txt .num,  .edit-industry #item4 .txt .num,  .edit-industry #item7 .txt .num { right: 0; }
.edit-industry #item7 .txt .h4 { padding-left: 0; text-align: right }
.edit-industry .txt .icon,  .edit-industry #item7 .txt .icon { top: -20px; }
.edit-industry .txt .icon img { width: 40px; height: 40px; }
.edit-industry #item1 .txt .icon,  .edit-industry #item3 .txt .icon,  .edit-industry #item5 .txt .icon,  .edit-industry #item6 .txt .icon { left: 0 }
.edit-industry #item2 .txt .icon,  .edit-industry #item4 .txt .icon,  .edit-industry #item7 .txt .icon { right: 0 }
.edit-industry #item6b .txt { padding: 0 }
.edit-industry .box { padding-top: 30px; padding-bottom: 20px; background-image: none !important }
.edit-industry .pc-img2 { display: none; }
}
.bx-wrapper { position: relative; margin: auto; }
.bx-wrapper ul { min-width: 100%; }
.bx-style .bx-controls-direction a { opacity: 0.22; opacity: 0.5; font-size: 0; line-height: 0; overflow: hidden; z-index: 100; position: absolute; top: 50%; display: block; width: 35px; height: 35px; transform: rotate(45deg); }
.bx-style .bx-controls-direction a.bx-prev { left: 5%; border-bottom: 4px solid #ffffff; border-left: 4px solid #ffffff; }
.bx-style .bx-controls-direction a.bx-next { right: 5%; border-top: 4px solid #ffffff; border-right: 4px solid #ffffff; }
.bx-style .bx-controls-direction a:hover { opacity: 1; border-color: #44b047 }
.bx-style .bx-controls-direction { }
.bx-style .bx-pager { text-align: center; position: absolute; width: 100%; bottom: 0; z-index: 100; }
.bx-style .bx-pager-item { display: inline-block; padding: 0px 5px }
.bx-style .bx-pager-item a { font-size: 0; line-height: 0; padding: 14px; display: inline-block; overflow: hidden; width: 40px; height: 40px; border: solid 1px transparent; border-radius: 100px; }
.bx-style .bx-pager-item a:before { content: ''; position: relative; display: block; width: 10px; height: 10px; background-color: #e8e8e8; border-radius: 100px; }
.bx-style .bx-pager-item a.active { border-color: #44b047 }
.bx-style .bx-pager-item a.active:before { background-color: #44b047; }
 @media(max-width:640px) {
.bx-style .bx-pager-item a { width: 24px; height: 24px; }
.bx-style .bx-pager-item a:before { margin-left: -5px; margin-top: -5px; }
}
.DetailShare { text-align: center; padding: 30px 0 }
.DetailShare a { position: relative; font-size: 36px; color: #999999 !important; line-height: 70px !important; border: solid 1px #dbdbdb; border-radius: 100px; overflow: inherit !important; }
.DetailShare.bdsharebuttonbox a { width: 70px !important; height: 70px !important; float: none !important; display: inline-block !important; margin: 0 20px !important; text-indent: inherit !important; background: none !important; }
.DetailShare a.icon-dianzan:hover,  .DetailShare a.icon-dianzan.zan,  .DetailShare a.icon-dianzan.on { color: #ffa500 !important; border-color: #ffa500 }
.DetailShare a.icon-weixin:hover, .DetailShare a.icon-weixin.on { color: #139202 !important; border-color: #139202 }
.DetailShare a.icon-weibo:hover, .DetailShare a.icon-weibo.on { color: #ff0000 !important; border-color: #ff0000 }
.DetailShare a.icon-xinxi:hover, .DetailShare a.icon-xinxi.on { color: #720292 !important; border-color: #720292 }
.DetailShare a.icon-xinxi { font-size: 32px; }
.DetailShare a.icon-dianzan span { display: none; position: absolute; left: 0; width: 100%; line-height: 24px; font-size: 16px; color: #ff0000; }
.DetailShare a.icon-dianzan span.record { top: -30px; }
.DetailShare a.icon-dianzan span.amount { bottom: -30px; }
.ul li .h3 { font-size: 20px; }
.ul li .h4 { font-size: 18px; }
.ul li .h5 { font-size: 16px; }
.ul li .h6 { font-size: 14px; }
 @media(max-width:960px) {
.ul li .h3 { font-size: 16px; }
.ul li .h4 { font-size: 16px; }
.ul li .h5 { font-size: 14px; }
.ul li .h6 { font-size: 14px; }
.DetailShare a { font-size: 24px; }
.DetailShare a.icon-xinxi { font-size: 20px; }
.DetailShare.bdsharebuttonbox a { width: 50px !important; height: 50px !important; margin: 0 5px !important; line-height: 50px !important; }
}
.events-list { padding: 2% 0; max-width: 1230px; }
.events-list .line { width: 100%; height: 1px; display: block; background: rgb(252,252,252); /* Old browsers */ background: -moz-linear-gradient(left, rgba(252,252,252,1) 0%, rgba(239,239,239,1) 50%, rgba(252,252,252,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(252,252,252,1) 0%, rgba(239,239,239,1) 50%, rgba(252,252,252,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(252,252,252,1) 0%, rgba(239,239,239,1) 50%, rgba(252,252,252,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fcfcfc', GradientType=1 ); /* IE6-9 */
}
.events-list #bx-pager { margin: -11px 30px 30px 30px; line-height: 50px; text-align: center; white-space: nowrap; position: relative; }
.events-list #bx-pager ul li { padding-top: 5px; float: left; width: 130px; cursor: pointer; font-size: 16px; text-align: center; }
.events-list #bx-pager ul li a { display: inline-block; color: #999999; }
.events-list #bx-pager ul li a:before { content: ''; display: block; margin: auto; width: 11px; height: 11px; border-radius: 100px; background-color: #e5e5e5; }
.events-list #bx-pager ul li a.active:before { width: 21px; height: 21px; background-color: #44b047; }
.events-list #bx-pager ul li a.active { margin-top: -5px; font-size: 24px; color: #252525; font-weight: bold; }
.events-list .bx-controls-direction a { font-size: 0; line-height: 0; cursor: pointer; position: absolute; display: block; background-color: #44b047; top: 10px; width: 20px; height: 2px; }
.events-list .bx-controls-direction a:before { position: absolute; top: -5px; content: ''; display: block; width: 10px; height: 10px; overflow: hidden; border-top: solid 2px #44b047; border-right: solid 2px #44b047; }
.events-list .bx-controls-direction a.bx-prev { left: -30px; }
.events-list .bx-controls-direction a.bx-next { right: -30px; }
.events-list .bx-controls-direction a.bx-prev:before { left: 0px; transform: rotate(-135deg) }
.events-list .bx-controls-direction a.bx-next:before { right: 0px; transform: rotate(45deg) }
.events-list .bx-controls-direction a.disabled { cursor: default; background-color: #d8d6d7; }
.events-list .bx-controls-direction a.disabled:before { border-top-color: #d8d6d7; border-right-color: #d8d6d7 }
.events-list .con { }
.events-list .con ul { overflow: hidden; padding-top: 3%; }
.events-list .con ul li { }
.events-list .con ul li a { display: block; position: relative; }
.events-list .con ul li .pic { position: absolute; width: 42.278%; height: 100%; }
.events-list .con ul li .pic img { width: 100%; height: 100% }
.events-list .con ul li .txt { padding: 8% 10%; background-color: #f9f9f9; }
.events-list .con ul li .txt span { font-size: 20px; font-weight: bold; }
.events-list .con ul li .txt h5 { padding-top: 0.66%; padding-bottom: 4%; }
.events-list .con ul li .txt p { height: 72px; overflow: hidden; font-size: 16px; margin-top: 10px; }
.events-list .con ul li .txt i { position: relative; display: block; background-color: #333333; width: 20px; height: 2px; display: none; }
.events-list .con ul li .txt i:before { right: 0px; transform: rotate(45deg); position: absolute; top: -5px; content: ''; display: block; width: 10px; height: 10px; overflow: hidden; border-top: solid 2px #333333; border-right: solid 2px #333333; }
.events-list .con ul li:nth-child(odd) a { padding-left: 42.278%; }
.events-list .con ul li:nth-child(even) a { padding-right: 42.278%; }
.events-list .con ul li:nth-child(odd) .pic { left: 0; }
.events-list .con ul li:nth-child(even) .pic { right: 0; }
.events-list .con ul li a:hover .txt p { color: #fff }
.events-list .con ul li a:hover .txt i { background-color: #fff; }
.events-list .con ul li a:hover .txt i:before { border-top-color: #fff; border-right-color: #fff }
.events-list .con ul li a:hover { color: #fff; }
.events-list .con ul li a:hover .txt { background: rgb(254,215,53); /* Old browsers */ background: -moz-linear-gradient(45deg, rgba(254,215,53,1) 0%, rgba(254,179,29,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(254,215,53,1) 0%, rgba(254,179,29,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(254,215,53,1) 0%, rgba(254,179,29,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed735', endColorstr='#feb31d', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.events-info { padding: 2%; max-width: 500px; display: none; }
.events-info .h5 { font-size: 16px; text-align: center; padding: 20px 0; color: #222; font-weight: bold; }
.events-info .txt { }
 @media(min-width:640px) {
.events-list .con ul li { margin-top: -3%; }
.events-list .con ul li:nth-child(odd) { padding-left: 50%; }
.events-list .con ul li:nth-child(even) { padding-right: 50%; }
}
 @media(max-width:640px) {
.events-list .con ul li { margin: 2% 0; }
}
.bg-gray { background-color: #f9f9f9; padding-bottom: 5% }
.flipto-prev, .flipto-next { z-index: 5; font-size: 0; line-height: 0; cursor: pointer; position: absolute; display: block; background-color: #d1d1d1; top: 48%; width: 20px; height: 2px; }
.flipto-prev:before,  .flipto-next:before { position: absolute; top: -5px; content: ''; display: block; width: 10px; height: 10px; overflow: hidden; border-top: solid 2px #d1d1d1; border-right: solid 2px #d1d1d1; }
.flipto-prev { left: 5px; }
.flipto-next { right: 5px; }
.flipto-prev:before { left: 0px; transform: rotate(-135deg) }
.flipto-next:before { right: 0px; transform: rotate(45deg) }
.flipto-prev:hover, .flipto-next:hover { background-color: #44b047; }
.flipto-prev:hover:before,  .flipto-next:hover:before { border-top-color: #44b047; border-right-color: #44b047 }
.honor-hot .flip-current .fancybox { display: block; left: 0; top: 0; z-index: 5; position: absolute; width: 100%; height: 100%; }
.honor-hot .flip-content:hover .h6 { color: #ff0000 }
.honor-list ul li { width: 50%; float: left; border: solid 1px #f3f3f3; margin-top: -1px; margin-left: -1px }
.honor-list ul li a { padding: 8% 5%; display: block; position: relative }
.honor-list ul li .pic { height: 150px; text-align: center; }
.honor-list ul li .pic .table-cell { vertical-align: bottom; }
.honor-list ul li .pic img { max-height: 150px; -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), to(rgba(250, 250, 250, 0.16))); }
.honor-list ul li .txt { padding: 10% 0; text-align: center; }
.honor-list ul li .txt h6 { height: 48px; overflow: hidden; margin-bottom: 22px; }
.honor-list ul li .txt .icon { display: block; margin: auto; width: 19px; height: 19px; background: url(../images/icon1.png) no-repeat left }
.honor-list ul li a:hover { background-color: #f9f9f9 }
.honor-list ul li a:hover .txt .icon { background-position: right }
 @media(min-width:640px) {
.honor-list ul li { width: 20%; }
}
.sub-product { background-image: none; border-bottom: solid 1px #f3f3f3; padding-top: 46px; }
.sub-product .bg-color { background-color: #f9f9f9; overflow: inherit; }
.sub-product ul li { position: relative }
.sub-product ul li a { color: #333333; cursor: pointer; }
.sub-product ul li a i { display: inline-block; margin-left: 10px; border: solid 5px transparent; border-top-color: #7b7b7b; }
.sub-product ul li.on a i,  .sub-product ul li:hover a i { border-top-color: #fff; }
.sub-category { position: absolute; width: 100%; z-index: 66; /* background-color:rgba(0,0,0,0.8)*/ }
.sub-category dl { max-width: 1300px; margin: auto; padding: 5px 0; line-height: 26px; display: none; }
.sub-category dl h5 { font-size: 16px; font-weight: bold; padding-top: 10px; clear: both }
.sub-category dl a { display: block; color: #fff; padding: 0 10px; text-align: left; }
.sub-category dl span { padding: 4px 5px; float: left; width: 25%; display: block; font-size: 14px; }
.sub-category dl span a { border-bottom: solid 1px rgba(229,229,229,0.4) }
.sub-category dl span a:hover { color: #ff0000 }
.sub-product ul li.on a, .sub-product ul li a:hover, .product-category .list { background: rgb(139,204,62); /* Old browsers */ background: -moz-linear-gradient(45deg, rgba(139,204,62,1) 60%, rgba(108,189,33,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(139,204,62,1) 60%, rgba(108,189,33,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(139,204,62,1) 60%, rgba(108,189,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bcc3e', endColorstr='#6cbd21', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.sub-product ul li.on:nth-child(2) a,  .sub-product ul li:nth-child(2) a:hover,  .product-category .list:nth-child(2) { background: rgb(252,179,147); /* Old browsers */ background: -moz-linear-gradient(45deg, rgba(252,179,147,1) 40%, rgba(250,152,133,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(252,179,147,1) 40%, rgba(250,152,133,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(252,179,147,1) 40%, rgba(250,152,133,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb393', endColorstr='#fa9885', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.sub-product ul li.on:nth-child(3) a,  .sub-product ul li:nth-child(3) a:hover,  .product-category .list:nth-child(3) { background: rgb(148,97,202); /* Old browsers */ background: -moz-linear-gradient(45deg, rgba(148,97,202,1) 60%, rgba(125,68,185,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(148,97,202,1) 60%, rgba(125,68,185,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(148,97,202,1) 60%, rgba(125,68,185,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9461ca', endColorstr='#7d44b9', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.sub-product ul li.on:nth-child(4) a,  .sub-product ul li:nth-child(4) a:hover,  .product-category .list:nth-child(4) { background: rgb(253,206,47); /* Old browsers */ background: -moz-linear-gradient(45deg, rgba(253,206,47,1) 40%, rgba(253,182,31,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(253,206,47,1) 40%, rgba(253,182,31,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(253,206,47,1) 40%, rgba(253,182,31,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdce2f', endColorstr='#fdb61f', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.product-category .list { margin-bottom: 4%; border-radius: 0 10px 0px 10px; overflow: hidden; position: relative }
.product-category .list .photo { position: absolute; height: 100%; overflow: hidden; }
.product-category .list .photo a { position: absolute; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; }
.product-category .list .photo a,  .product-category .list .photo a b,  .product-category .list .photo a b:before,  .product-category .list .photo a b:after { transition: All 0.4s ease-in-out; }
.product-category .list .photo:hover a { opacity: 0.98; transform: scale(1.1); }
.product-category .list .photo a b { z-index: 5; opacity: 0; color: #fff; font-weight: normal; line-height: 50px; position: absolute; width: 100%; top: 50%; text-align: center; display: block; font-size: 26px; }
.product-category .list .photo a b:before,  .product-category .list .photo a b:after { content: ''; width: 0; height: 1px; background-color: #fff; display: block; position: absolute; }
.product-category .list .photo a b:before { left: 5%; }
.product-category .list .photo a b:after { right: 5%; }
.product-category .list .photo a:hover b { opacity: 1 }
.product-category .list .photo a:hover b:before,  .product-category .list .photo a:hover b:after { width: 90%; }
.product-category .list .photo a img { display: none; }
.product-category .category { padding: 2% 3%; position: relative; overflow: hidden; }
.product-category .category,  .product-category .category a { color: #fff; }
.product-category .category a:hover { opacity: 0.7 }
.product-category .category .h2 { line-height: 80px; }
.product-category .category .h2 a { display: inline-block; }
.product-category .category .h2 span { position: absolute; top: 0; left: -20px; opacity: 0.1; font-size: 50px; font-weight: bold; }
.product-category .category .h2 img { position: absolute; width: 80px; height: 80px; }
.product-category .category .h2 b { padding-left: 80px; font-size: 26px; padding-right: 15px; }
.product-category .category .h2 i { font-style: normal; font-size: 14px; padding: 0px 17px; border-left: solid 1px rgba(255,255,255,0.4); background: url(../images/more.png) no-repeat right }
.product-category .category .h3 { padding-top: 20px; padding-bottom: 10px; font-size: 22px; }
.product-category .category ul li { background: url(../images/a_icon.png) no-repeat left; padding-left: 14px; line-height: 42px; float: left; width: 31%; margin-right: 3%; border-bottom: solid 1px rgba(255,255,255,0.4) }
.product-category .category ul li:nth-child(3n+3) { margin-right: 0; }
.product-list { padding-top: 3%; }
.product-list ul li { float: left; text-align: center; padding-bottom: 1%; }
.product-list ul li a { display: block; }
.product-list ul li .pic { overflow: hidden; }
.product-list ul li .pic span { display: block; padding-bottom: 76%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.product-list ul li .txt { padding: 5% 0; line-height: 30px; }
.product-list ul li .txt .h4 { color: #f00; font-weight: bold; margin: 0; font-size: 18px; }
.product-list ul li .txt dl { color: #999999 }
.product-list ul li .txt h3 { color: #000; }
.product-list ul li .txt h3:hover { color: #44b047; }
.product-detail { }
.product-detail .ban { position: relative; }
.product-detail .intro { text-align: center; padding: 0 2% }
.product-detail .intro .h2 { font-size: 40px; line-height: 50px; padding: 2% 0; }
.product-detail .intro .h3 { font-size: 20px; padding-bottom: 1% }
.product-detail .detail { text-align: center; padding: 3% 0; }
.product-detail .h2 { font-size: 30px; line-height: 40px; padding: 1% 0 }
.product-detail .h3 { font-size: 18px; padding-bottom: 5%; }
.product-detail .buy { text-align: center; padding: 1% 0; }
.product-detail .buy a { position: relative; cursor: pointer; text-align: left; padding: 1% 0; margin: 0 1%; width: 26%; color: #c70c1b; font-size: 16px; display: inline-block; border: solid 1px #c70c1b; border-radius: 0 10px 0 10px }
.product-detail .buy a.jd,  .product-detail .buy a.tmall { padding-right: 4%; text-align: right; color: #fff; background-color: #c70c1b; background-repeat: no-repeat; background-position: 10% center }
.product-detail .buy a.jd { background-image: url(../images/a_jd.png); }
.product-detail .buy a.tmall { background-image: url(../images/a_tmall.png); }
.product-detail .buy a:after { width: 5px; height: 9px; content: ''; position: absolute; right: 5%; top: 42%; background-repeat: no-repeat; }
.product-detail .buy a.jd:after,  .product-detail .buy a.tmall:after { background-image: url(../images/a_icon_white.png) }
.product-detail .buy a.qt { padding-left: 4%; }
.product-detail .buy a.qt:after { background-image: url(../images/a_icon_red.png) }
 @media(min-width:640px) {
.sub-product ul li { max-width: 130px; }
.product-category .list .photo { width: 50%; }
.product-category .list .category { width: 50%; }
.product-category .list:nth-child(odd) .photo { left: 0; }
.product-category .list:nth-child(odd) .category { float: right; }
.product-category .list:nth-child(even) .photo { right: 0 }
.product-category .list:nth-child(even) .category { float: left; }
.product-category .list .category dl { float: left; width: 23%; margin-right: 2%; }
.product-category .list .category dl li { float: none; width: 100%; margin-right: 0 }
.product-list ul li { width: 32%; margin-left: 2%; }
.product-list ul li:nth-child(3n+1) { margin-left: 0; clear: both; }
.product-list ul li a { transition: all 0.5s ease-out 0s; }
.product-list ul li a:hover { box-shadow: 0 5px 10px rgba(130,130,130,0.3); transform: translate(0, -10px); }
.product-list ul li .pic { background-color: #000 }
.product-list ul li .pic span { transition: All 0.4s ease-in-out; }
.product-list ul li a:hover .pic span { transform: scale(1.1); opacity: 0.8 }
}
 @media(max-width:768px) {
.product-detail .buy { padding: 2% 0; }
.product-detail .buy a { padding: 2% 0; font-size: 14px; width: 31%; }
.product-detail .buy a.jd,  .product-detail .buy a.tmall { width: 44%; }
.product-detail .buy a.qt { width: 90%; margin-top: 2%; }
}
 @media(max-width:640px) {
.sub-product ul li { width: 25%; }
.sub-category dl span { width: 50%; }
.product-category .list .photo { position: inherit }
.product-category .list .photo a { position: inherit }
.product-category .list .photo a img { display: block; }
.product-category .list .photo a b { font-size: 20px; }
.product-category .category { padding: 3%; }
.product-category .category .h2 { line-height: 50px; }
.product-category .category .h2 img { width: 50px; height: 50px; }
.product-category .category .h2 span { font-size: 34px; }
.product-category .category .h2 b { font-size: 18px; padding-left: 60px }
.product-category .category .h3 { font-size: 16px; padding-top: 10px; padding-bottom: 0; }
.product-category .category ul li { line-height: 32px; }
.product-list ul li { width: 48%; margin-left: 4%; }
.product-list ul li:nth-child(3n+1) { clear: inherit; margin-left: 4%; }
.product-list ul li:nth-child(2n+1) { margin-left: 0; clear: both; }
.product-detail { font-size: 14px; line-height: 30px; }
.product-detail .intro .h2 { font-size: 24px; line-height: 30px; }
.product-detail .intro .h3 { font-size: 18px; }
.product-detail .h2 { font-size: 18px; }
.product-detail .h3 { font-size: 16px; }
.product-detail .ban .bx-controls-direction { display: none; }
}
.newstime { display: block; font-size: 12px; width: 28.64%; line-height: 22px; color: #fff; background-color: #c70e1c; text-align: center; overflow: hidden; }
.newstime b { padding: 0px 5px; }
.news-hot-list ul li { overflow: hidden; background-color: #f9f9f9; }
.news-hot-list ul li .pic a { display: block; position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: contain }
.news-hot-list ul li .pic img { display: none; }
.news-hot-list ul li .txt { padding: 2%; position: relative }
.news-hot-list ul li .txt .newstime { position: relative; left: auto; width: 66px; display: none; }
.news-hot-list ul li .txt .h5 { font-weight: bold; overflow: hidden; }
.news-hot-list ul li .txt .p { overflow: hidden; opacity: 0.7; }
.news-hot-list ul li .txt dl { padding-top: 2%; opacity: 0.7 }
.news-hot-list ul li .txt dl span { float: right; }
.news-hot-list ul li .txt dl em { display: inline-block; padding: 0px 11px; font-style: normal; border: solid 1px #666; }
.news-hot-list .bx-pager { padding: 3% 0; text-align: center; }
.news-hot-list .bx-pager-item { display: inline-block; padding: 0px 5px }
.news-hot-list .bx-pager-item a { font-size: 0; line-height: 0; padding: 14px; display: inline-block; overflow: hidden; width: 40px; height: 40px; border: solid 1px transparent; border-radius: 100px; }
.news-hot-list .bx-pager-item a:before { content: ''; position: relative; display: block; width: 10px; height: 10px; background-color: #e8e8e8; border-radius: 100px; }
.news-hot-list .bx-pager-item a.active { border-color: #44b047 }
.news-hot-list .bx-pager-item a.active:before { background-color: #44b047; }
.news-hot-list .bx-controls-direction { display: none; }
.news-hot-list .bx-controls-direction a { transition: all 0.5s ease-out 0s; font-size: 0; line-height: 0; overflow: hidden; width: 40px; height: 40px; position: absolute; display: block; top: 30%; background-image: url(../images/bx-arrow.png); background-repeat: no-repeat; }
.news-hot-list .bx-controls-direction a.bx-prev { left: 0; background-position: right top; }
.news-hot-list .bx-controls-direction a.bx-next { right: 0; background-position: left bottom; }
.news-hot-list .bx-controls-direction a.disabled { cursor: default; }
.news-hot-list .bx-controls-direction a.bx-prev.disabled { background-position: left top; }
.news-hot-list .bx-controls-direction a.bx-next.disabled { background-position: right bottom; }
.news-tab-list .tab { text-align: center; border-bottom: solid 1px #e7e7e7; margin-bottom: 3%; }
.news-tab-list .tab a { font-weight: bold; line-height: 30px; font-size: 16px; cursor: pointer; opacity: 0.6; margin: 0 10px; display: inline-block; border-bottom: solid 3px #fff; }
.news-tab-list .tab a.show { opacity: 1; border-color: #000; color: #000; }
/*.news-tab-list .box{ display:none;}*/
.news-tab-list ul li { padding: 2%; border: solid 1px #f1f1f1; margin-top: -1px; }
.news-tab-list ul li a { overflow: hidden; display: block; padding: 0; position: relative }
.news-tab-list ul li .newstime { bottom: 2%; position: absolute; }
.news-tab-list ul li .pic { width: 28.64%; height: 94%; position: absolute; background-repeat: no-repeat; background-position: center center; background-size: cover }
.news-tab-list ul li .txt { padding-left: 32%; padding-top: 1% }
.news-tab-list ul li .txt h5 { margin-bottom: 10px; height: 48px; overflow: hidden; color: #000; }
.news-tab-list ul li .txt p { height: 48px; opacity: 0.7; color: #242424; }
.news-tab-list ul li .txt i { width: 17px; height: 11px; display: block; transition: all 0.5s ease-out 0s; background: url(../images/a_jt.png) no-repeat right }
.news-tab-list ul li a:hover { background-color: #e4e4e4 }
.news-tab-list ul li a:hover .txt i { background-position: left }
 @media(min-width:960px) {
.newstime { font-size: 14px; width: 66px; padding-top: 35px; border-radius: 0 6px 0px 6px; }
.newstime b { width: 100%; display: block; position: absolute; top: 0; left: 0; line-height: 35px; background-color: #44b047; font-size: 24px; }
.news-tab-list .tab a { line-height: 70px; font-size: 26px; margin: 0 25px; color: #242424; }
.news-tab-list ul li { padding: 0; float: left; width: 50%; margin-left: -1px; }
.news-tab-list ul li a { padding: 35px 20px 35px 106px; }
.news-tab-list ul li .newstime { top: 35px; bottom: auto; left: 20px; }
.news-tab-list ul li .pic { height: 65%; }
.news-tab-list ul li .txt { padding-left: 42%; }
}
 @media(min-width:640px) {
.news-hot-list { padding: 0 6%; }
.news-hot-list ul li .txt .h5 { font-size: 22px; line-height: 30px; }
.news-hot-list ul li .pic { position: absolute; height: 100%; width: 43.707%; z-index: 2; }
.news-hot-list ul li .txt { padding: 4% 3% 4% 48%; }
.news-hot-list ul li .txt .newstime { display: block }
.news-hot-list ul li .txt .h5 { margin: 5% 0; height: 60px; }
.news-hot-list ul li .txt .h5 a { color: #000; }
.news-hot-list ul li .txt .p { height: 48px; }
.news-hot-list ul li .txt dl { padding-top: 8%; }
.news-hot-list .bx-controls-direction { display: block; }
.news-hot-list .bx-controls-direction a.bx-prev { left: -6%; }
.news-hot-list .bx-controls-direction a.bx-next { right: -6%; }
}
 @media(max-width:960px) {
.news-hot-list ul li .txt .h5,  .news-tab-list ul li .txt h5 { font-size: 16px; }
}
 @media(max-width:640px) {
.news-hot-list ul li .pic a { position: relative; background-image: none !important }
.news-hot-list ul li .pic img { display: block; }
.news-hot-list .bx-pager-item a { width: 24px; height: 24px; }
.news-hot-list .bx-pager-item a:before { margin-left: -5px; margin-top: -5px; }
.news-tab-list .tab { overflow: hidden; }
.news-tab-list .tab a { font-size: 18px; float: left; width: 25%; margin: 0; text-align: center; }
.news-tab-list ul li .txt p { display: none; }
}
.investor { background-color: #d0e3f5; }
.investor .h4 { padding: 1% 0; font-weight: bold; font-size: 18px; }
.investor .intro { background-color: #fff; border: solid 1px #f5f4f4; border-bottom: none; }
.investor .intro .txt { padding: 5% 3%; }
.investor .box { background-color: #fff; padding: 3%; border: solid 1px #f5f4f4; border-top: none; position: relative; }
.investor .box::before { position: absolute; right: 0; top: 0; display: block; content: ''; width: 40%; height: 1px; background-color: #f5f4f4; }
.investor .num { padding: 2% 0 }
.investor .num ul li { text-align: center; width: 33%; float: left; padding: 2%; }
.investor .num ul li b,  .investor .num ul li span { display: block; }
.investor .num ul li b { font-size: 40px; line-height: 60px; color: #44b047 }
.investor .num ul li i { display: block; width: 30px; height: 30px; margin: auto; }
.investor .num ul li i.icon { background-color: #e4e4e4; border-radius: 100px; background-image: url(../images/txt_icon.png); background-repeat: no-repeat; }
.investor .num ul li.n1 i.icon { background-position: left }
.investor .num ul li.n2 i.icon { background-position: -60px; }
.investor .num ul li.n3 i.icon { background-position: -90px }
.investor .num ul li.n2 { border-left: solid 1px #f3f3f3; border-right: solid 1px #f3f3f3; }
.investor .bx-controls-direction { text-align: center; padding-top: 3%; }
.investor .bx-controls-direction a { margin: 0px 10px; border-radius: 0 10px 0 10px; transition: all 0.5s ease-out 0s; font-size: 0; line-height: 0; overflow: hidden; width: 47px; height: 47px; display: inline-block; background-image: url(../images/bx-arrow2.png); background-repeat: no-repeat; background-color: #44b047; }
.investor .bx-controls-direction a.bx-prev { left: 0; background-position: right top; }
.investor .bx-controls-direction a.bx-next { right: 0; background-position: left bottom; }
.investor .bx-controls-direction a.disabled { cursor: default; background-color: #f9f9f9; }
.investor .bx-controls-direction a.bx-prev.disabled { background-position: left top; }
.investor .bx-controls-direction a.bx-next.disabled { background-position: right bottom; }
.investor.item1 { background-image: url(../images/investor_bg1.png); background-repeat: no-repeat; background-position: center top }
.investor.item2 { margin: 4% 0; }
.investor.item2 .auto { background-image: url(../images/investor_bg2.png); background-repeat: no-repeat; background-position: left top }
.investor.item2 .num ul li.n1 i.icon { background-position: -120px }
.investor.item2 .num ul li.n2 i.icon { background-position: -150px; }
.investor.item2 .num ul li.n3 i.icon { background-position: -180px }
.investor.item3 { margin: 4% 0; background-image: url(../images/investor_bg3.png); background-repeat: no-repeat; background-position: center top }
.investor.item3 .intro .txt { padding-top: 8%; padding-bottom: 8% }
.investor.item3 .h4 { text-align: center; background-color: #f5f5f5; padding: 1% 0; background-color: #f5f5f5; border: solid 1px #ededed; }
.investor.item3 .num ul li { width: 50%; border-right: none; }
.investor.item3 .num ul li.n1 i.icon { background-position: -210px }
.investor.item3 .num ul li.n2 i.icon { background-position: -210px; }
.investor.item3 .con { overflow-x: auto; margin-top: -1px; padding-bottom: 2%; }
.investor.item3 .con table,  .investor.item3 .con table td { border: solid 1px #ededed; }
.investor.item3 .con table td { padding: 1% 2%; }
.investor.item3 .con table tr:nth-child(even) { background-color: #fcfcfc; }
.investor.item3 .con table tr:nth-child(1) { font-weight: bold; }
.investor.item3 .con table tr:nth-child(1) td { white-space: nowrap; }
.investor.item4 { background-color: #fff; }
.investor.item4 .h3 { text-align: center; }
.investor.item4 .con { padding: 3% 0; }
.investor.item4 ul li { float: left; width: 30%; padding: 1.5% 0; }
.investor.item4 ul li a { cursor: pointer; position: relative; padding: 9.6% 0; display: block; border: solid 1px #f3f3f3; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 0 0 #f9f9f9; }
.investor.item4 ul li a b { font-weight: normal; display: block; padding-left: 50%; font-size: 20px; }
.investor.item4 ul li a b:after { margin-top: 10px; content: ''; display: block; background: url(../images/icon3.png) no-repeat; width: 18px; height: 12px; }
.investor.item4 ul li a:before { top: 0; content: ''; display: block; position: absolute; width: 47%; height: 100%; background-repeat: no-repeat; background-position: right center }
.investor.item4 ul li:nth-child(3n+2) { margin: 0 5%; }
.investor.item4 ul li.n1 a:before { background-image: url(../images/a_bg1.png); }
.investor.item4 ul li.n2 a:before { background-image: url(../images/a_bg2.png); }
.investor.item4 ul li.n3 a:before { background-image: url(../images/a_bg3.png); }
.investor.item4 ul li.n4 a:before { background-image: url(../images/a_bg4.png); }
.investor.item4 ul li.n5 a:before { background-image: url(../images/a_bg5.png); }
.investor.item4 ul li.n6 a:before { background-image: url(../images/a_bg6.png); }
.investor.item4 ul li.n7 a:before { background-image: url(../images/a_bg7.png); }
.investor.item4 ul li.n8 a:before { background-image: url(../images/a_bg8.png); }
.investor.item4 ul li.n9 a:before { background-image: url(../images/a_bg9.png); }
 @media(min-width:768px) {
.investor.item2 .intro { margin-left: 40%; }
.investor.item1 .intro,  .investor.item3 .intro { margin-right: 40%; }
}
 @media(max-width:1366px) {
.investor .num ul li b { font-size: 32px; }
}
 @media(max-width:1000px) {
.investor .h4 { font-size: 16px; }
.investor .num ul li b { font-size: 22px; line-height: 40px; }
.investor.item4 ul li a b { padding-left: 45%; font-size: 14px; }
}
 @media(max-width:768px) {
.investor.item4 ul li a { padding: 5% 0; }
.investor.item4 ul li a:before { width: 10%; background-position: left center }
.investor.item4 ul li a b { font-size: 14px; padding-left: 13%; }
.investor.item4 ul li a b:after { margin-top: 0px; }
.investor.item4 ul li { width: 32%; }
.investor.item4 ul li:nth-child(3n+2) { margin: 0 2%; }
}
.reports-list ul li { padding: 1% 0; }
.reports-list ul li a { position: relative; padding: 2% 2% 2% 15%; display: block; background-color: #f9f9f9 }
.reports-list ul li a::before { opacity: 0.5; border-right: solid 1px #e8e8e8; top: 0; left: 0; content: ''; position: absolute; display: block; height: 100%; width: 12%; background: url(../images/icon2.png) no-repeat center center; }
.reports-list ul li a:hover { background-color: #ededed; }
.reports-list ul li a:hover::before { opacity: 1; border-color: #fff; }
 @media(min-width:768px) {
.reports-list ul li { float: left; width: 49%; }
.reports-list ul li:nth-child(2n+1) { clear: both; margin-right: 2%; }
.reports-list ul li a { font-size: 16px; padding-top: 4.4%; padding-bottom: 4.4%; }
}
.party-intro { background: -moz-linear-gradient(top, rgba(255,249,183,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,249,183,1) 0%, rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,249,183,1) 0%, rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9b7', endColorstr='#00ffffff', GradientType=0 ); /* IE6-9 */
}
.party-intro .h2 { text-align: left }
.party-intro .more { padding: 2% 0 }
.party-intro .more a { display: block; width: 140px; line-height: 33px; text-align: center; color: #44b047; border: solid 1px #44b047; border-radius: 0 10px 0 10px; }
.party-intro .honor { padding-top: 6%; padding-bottom: 3% }
.party-intro .honor li { float: left; width: 32%; }
.party-intro .honor li:nth-child(2) { margin: 0 2%; }
.party-intro .honor li a { border: solid 1px #44b047; display: block; padding-bottom: 70%; background-repeat: no-repeat; background-position: center center; background-size: cover }
 @media(min-width:768px) {
.party-intro .photo { float: left; width: 50% }
.party-intro .intro { float: right; width: 50%; }
.party-intro .intro .txt { padding-top: 25%; }
.party-intro .h2 { position: absolute; left: 50%; }
}
 @media(max-width:768px) {
.party-intro .photo { margin-top: -20% }
}
.dynamic { padding-bottom: 3%; }
.dynamic .h3 { text-align: center }
.dynamic ul li { padding: 0.4%; }
.dynamic ul li a { display: block; position: relative; }
.dynamic ul li .pic { position: absolute; width: 50%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.dynamic ul li .txt { position: relative; padding: 18% 5% 29% 5%; border: solid 1px #ededed; background-color: #f9f9f9; }
.dynamic ul li .txt h5 { height: 48px; }
.dynamic ul li .txt span { transition: all 0.5s ease-out 0s; position: absolute; right: 5%; bottom: 20%; width: 19px; height: 19px; display: block; background-image: url(../images/icon5.png); background-repeat: repeat; background-position: right }
.dynamic ul li a:hover .txt { background-color: #e4e4e4; }
.dynamic ul li a:hover .txt span { background-position: left }
 @media(min-width:768px) {
.dynamic ul li { width: 50%; float: left; }
.dynamic ul li:nth-child(1) a,  .dynamic ul li:nth-child(2) a { padding-left: 50%; }
.dynamic ul li:nth-child(3) a,  .dynamic ul li:nth-child(4) a { padding-right: 50%; }
.dynamic ul li:nth-child(1) .pic,  .dynamic ul li:nth-child(2) .pic { left: 0; }
.dynamic ul li:nth-child(3) .pic,  .dynamic ul li:nth-child(4) .pic { right: 0; }
}
 @media(max-width:768px) {
.dynamic ul li:nth-child(odd) a { padding-left: 50%; }
.dynamic ul li:nth-child(even) a { padding-right: 50%; }
.dynamic ul li:nth-child(odd) .pic { left: 0; }
.dynamic ul li:nth-child(even) .pic { right: 0; }
}
.study { padding: 3% 0; background-image: url(../images/study_bg.jpg); background-repeat: no-repeat; background-position: right top }
.study .h3 { text-align: center }
.study ul li { width: 50%; padding: 1%; float: left; }
.study ul li a { display: block; position: relative; }
.study ul li .pic { padding-bottom: 70%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.study ul li .txt { padding: 8% 5%; border: solid 1px #ededed; background-color: #f9f9f9; }
.study ul li .txt h5 { height: 48px; overflow: hidden; }
.study ul li .txt span { transition: all 0.5s ease-out 0s; width: 19px; height: 19px; display: block; margin-top: 10px; background-image: url(../images/icon5.png); background-repeat: repeat; background-position: right }
.study ul li a:hover .txt { background-color: #e4e4e4; }
.study ul li a:hover .txt span { background-position: left }
 @media(min-width:768px) {
.study ul li { width: 25%; }
}
.dynamic .bx-controls-direction { text-align: center; padding-top: 3%; }
.dynamic .bx-controls-direction a { margin: 0px 10px; border-radius: 0 10px 0 10px; transition: all 0.5s ease-out 0s; font-size: 0; line-height: 0; overflow: hidden; width: 47px; height: 47px; display: inline-block; background-image: url(../images/bx-arrow2.png); background-repeat: no-repeat; background-color: #44b047; }
.dynamic .bx-controls-direction a.bx-prev { left: 0; background-position: right top; }
.dynamic .bx-controls-direction a.bx-next { right: 0; background-position: left bottom; }
.dynamic .bx-controls-direction a.disabled { cursor: default; background-color: #f9f9f9; }
.dynamic .bx-controls-direction a.bx-prev.disabled { background-position: left top; }
.dynamic .bx-controls-direction a.bx-next.disabled { background-position: right bottom; }
.dynamic-list ul li { padding: 1.5% 0; }
.dynamic-list ul li a { display: block; position: relative; background-color: #f8f8f8; }
.dynamic-list ul li .pic { width: 30%; height: 100%; position: absolute; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.dynamic-list ul li .txt { padding: 4.64% 5% 4.64% 44%; }
.dynamic-list ul li .txt span { left: 35%; position: absolute; font-weight: bold; opacity: 0.6; text-align: center }
.dynamic-list ul li .txt span b { display: block; font-size: 30px; }
.dynamic-list ul li .txt span b i { font-weight: normal; font-size: 20px; }
.dynamic-list ul li .txt h3 { height: 48px; overflow: hidden; }
.dynamic-list ul li .txt p { opacity: 0.6; height: 48px; overflow: hidden; margin-top: 5%; }
 @media(max-width:768px) {
.dynamic-list ul li .txt span { display: none; }
.dynamic-list ul li .txt { padding-left: 35% }
}
.fund-intro { background: -moz-linear-gradient(top, rgba(246,204,100,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(246,204,100,1) 0%, rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(246,204,100,1) 0%, rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6cc64', endColorstr='#00ffffff', GradientType=0 ); /* IE6-9 */
}
.fund-intro .h2 { text-align: left }
.fund-intro .photo,  .fund-intro .icon { text-align: center }
.fund-intro .photo center { display: block; padding: 5px 0; }
 @media(min-width:768px) {
.fund-intro .photo { float: left; width: 15%; }
.fund-intro .intro { float: left; width: 66%; padding: 0 5% }
.fund-intro .icon { float: right; width: 19%; }
}
 @media(max-width:768px) {
.fund-intro .photo { display: none; }
}
.meeting { padding: 3% 0; }
.meeting .h3 { text-align: center; }
.meeting ul li { width: 50%; padding: 1%; float: left; }
.meeting ul li a { display: block; position: relative; }
.meeting ul li .pic { padding-bottom: 70%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.meeting ul li .txt { padding: 8% 5%; text-align: center; }
.meeting ul li .txt h5 { height: 48px; overflow: hidden; }
 @media(min-width:768px) {
.meeting ul li { width: 25%; }
}
.contact .h3 { border-bottom: solid 1px #e7e7e7; margin-bottom: 20px; }
.contact .h3 a { opacity: 0.6; cursor: pointer; display: inline-block; line-height: 60px; border-bottom: solid 3px #fff; }
.contact .h3 a.show { opacity: 1; border-color: #44b047; }
.contact .h3 a:nth-child(2) { margin: 0 20px; }
.contact .h4 { padding: 3% 0; font-size: 16px; font-weight: bold; }
.contact .fl .h4 { border-bottom: solid 1px #e7e7e7; position: relative; }
.contact .fl .h4:after { content: ''; width: 17px; height: 9px; position: absolute; right: 0; transition: all 0.5s ease-out 0s; background-image: url(../images/c_jt.png); background-repeat: no-repeat; }
.contact .fl .on .h4:after { transform: rotate(180deg); }
.contact .fl dl { color: #000; padding: 10px 0; font-size: 16px; }
.contact .fl ul { padding-bottom: 20px; }
.contact .fl ul li { padding: 4px 0px 4px 40px; background-repeat: no-repeat; background-position: left 8px; }
.contact .fl ul li.company { background-image: url(../images/c1.png) }
.contact .fl ul li.address { background-image: url(../images/c2.png) }
.contact .fl ul li.telephone { background-image: url(../images/c3.png) }
.contact .fl ul li.wexin { background-image: url(../images/c4.png) }
.contact .fl ul li.weburl { background-image: url(../images/c5.png) }
.contact .fl ul li span { padding-bottom: 15px; display: block; }
.contact .fl ul li.telephone span { border-bottom: dashed 1px #e7e7e7 }
.contact .tabbox, .contact .list .box { display: none; }
.contact .box { padding-top: 10px; }
.contact .fr { background-color: #f9f9f9; padding: 3%; }
.contact .fr dl { padding: 2% 0; position: relative; }
.contact .fr dl .required { position: absolute; color: #44b047; right: 2%; top: 30% }
.contact select { color: #999; font-size: 14px; width: 100%; padding: 0 4%; line-height: 50px; height: 50px; border: solid 1px #ebebeb; background: #fff url(../images/c_jt.png) no-repeat 95.6% center; appearance: button; -moz-appearance: button; /* Firefox */ -webkit-appearance: button; /* Safari 和 Chrome */ }
.contact .fr .text, .contact .fr textarea { font-size: 14px; width: 100%; padding: 0 4%; line-height: 50px; height: 50px; border: solid 1px #ebebeb; border-radius: 4px; background-color: #fff; }
.contact .fr textarea.text { height: 120px; }
.contact .fr .text.code { width: 57% }
.contact .fr img { max-height: 50px; border: solid 1px #ebebeb; border-radius: 4px; margin-left: 2%; width: 25%; }
.contact .fr .btn { padding: 5% 0; max-width: 180px; width: 100%; color: #fff; background-color: #44b047; border: none; cursor: pointer }
.contact .fr .btn-box { padding-top: 3%; }
 @media(min-width:768px) {
.contact .fl { width: 50%; }
.contact .fr { width: 40%; }
.contact .h3 { font-size: 20px; }
.contact .h4 { font-size: 20px; }
.contact .box { font-size: 16px; }
}


/*index*/
@media(min-width:768px) {
/*.ind_line{ position:absolute; width:1px; height:100%; top:0; background-color:#f3f3f3;}
.ind_line.l1{ left:0;}
.ind_line.l2{ left:20%;}
.ind_line.l3{ left:40%;}
.ind_line.l4{ left:60%;}
.ind_line.l5{ left:80%;}
.ind_line.l6{ right:0;}*/
}
.ind_name { padding: 3% 0; font-size: 20px; line-height: 50px; }
.ind_name span { display: block; }
.ind_name .en { font-size: 46px; font-weight: bold; }
.ind_name .cn { font-size: 30px; }
 @media(max-width:1366px) {
.ind_name { line-height: 30px; }
.ind_name .en { font-size: 32px; }
.ind_name .cn { font-size: 26px; }
}
 @media(max-width:768px) {
.ind_name span { display: inline-block }
.ind_name .en { padding-left: 10px; }
}
 @media(max-width:768px) {
.ind_name .en { font-size: 24px; }
.ind_name .cn { font-size: 20px; }
.ind_banner .bx-controls-direction { display: none; }
}
/*add by lilonghua to fix index banner img wrack*/
.ind_banner .bx-wrapper .bx-viewport > ul > li > img { width: 100%; }
.ind_banner .bx-wrapper .bx-viewport > ul > li { text-align: center; }
.ind_about { background-repeat: no-repeat; background-position: right top; background-size: 100%; }
.ind_about .auto { padding: 5% 0; }
.ind_about .photo { border-radius: 0 20px 0 20px; overflow: hidden }
.ind_about .txt { position: relative; z-index: 5; }
.ind_about .txt .h4 { padding: 3% 0; font-size: 22px; }
.ind_about .txt p { color: #999999; }
.ind_about .num { padding-bottom: 3%; }
.ind_about .num ul li { width: 20%; float: left; border-left: solid 1px #f3f3f3; padding: 2%; }
.ind_about .num ul li b,  .ind_about .num ul li span { display: block; }
.ind_about .num ul li b { font-size: 40px; line-height: 60px; }
.ind_about .num ul li span { font-size: 16px; }
.ind_about .num ul li i { display: block; width: 30px; height: 30px; }
.ind_about .num ul li i.icon { background-color: #e4e4e4; border-radius: 100px; background-image: url(../images/txt_icon.png); background-repeat: no-repeat; }
.ind_about .num ul li.n1 i.icon { background-position: left }
.ind_about .num ul li.n2 i.icon { background-position: -30px }
.ind_about .num ul li.n3 i.icon { background-position: -60px }
.ind_about .num ul li.n4 i.icon { background-position: -90px }
.ind_about .num ul li.n5 { background-color: #3f51b5; border-left: none; color: #fff; }
 @media(min-width:768px) {
.ind_about .ind_name { max-width: 300px; }
.ind_about .photo { float: left; width: 60%; position: relative; }
.ind_about .photo:after { content: ''; display: block; right: 0; bottom: 0; position: absolute; width: 11%; height: 80%; background-color: #fff; }
.ind_about .txt { padding-top: 12%; float: right; width: 36%; }
}
 @media(max-width:1366px) {
.ind_about .num ul li b { font-size: 32px; }
.ind_about .txt .h4 { font-size: 18px; }
}
 @media(max-width:1000px) {
.ind_about .num ul li b { font-size: 22px; line-height: 40px; }
.ind_about .txt .h4 { font-size: 16px; }
}
 @media(max-width:768px) {
.ind_about { background: none !important; }
.ind_about .auto { padding: 0 }
.ind_about .num ul li { width: 50%; margin-bottom: 2% }
.ind_about .num ul li.n5 { width: 100%; text-align: center; }
.ind_about .num ul li.n5 i { display: none }
.ind_about .num ul li.n5 b, .ind_about .num ul li.n5 span { display: inline-block; }
.ind_about .num ul li.n5 span { padding-left: 10px; }
.ind_about .txt { padding-bottom: 2% }
.ind_about .txt .h4 { padding-top: 0; padding-bottom: 2% }
}
.ind_product { background-repeat: no-repeat; background-position: left top; background-size: 100%; }
.ind_product .auto { padding: 5% 0; }
.ind_product .list ul { overflow: hidden; }
.ind_product .list ul li { width: 25%; float: left; border-radius: 0 20px 0 20px; overflow: hidden; }
.ind_product .list ul li a { color: #fff; display: block; position: relative; overflow: hidden; z-index: 5; border-radius: 0 20px 0 20px; }
.ind_product .list ul li .txt { top: 0; position: absolute; width: 100%; height: 56%; background-repeat: no-repeat; background-position: center bottom; background-size: cover; }
.ind_product .list ul li .txt span { display: block; text-align: center; }
.ind_product .list ul li .txt span.en { line-height: 50px; position: absolute; top: 0; left: -20px; opacity: 0.1; font-size: 34px; font-weight: bold; }
.ind_product .list ul li .txt span.cn { font-size: 18px; }
.ind_product .list ul li .txt span.icon { padding-top: 20%; }
.ind_product .list ul li .txt span.icon img { width: 50px; height: 50px; }
.ind_product .list ul li .pic { padding-bottom: 190%; background-repeat: no-repeat; background-position: center center; background-size: contain; }
.ind_product .list ul li.n1 .txt { background-image: url(../images/ind_p1.png); }
.ind_product .list ul li.n2 .txt { background-image: url(../images/ind_p2.png); }
.ind_product .list ul li.n3 .txt { background-image: url(../images/ind_p3.png); }
.ind_product .list ul li.n4 .txt { background-image: url(../images/ind_p4.png); }
.ind_product .more { width: 20%; }
.ind_product .more a { background-color: #3f51b5; border-radius: 0 20px 0 20px; display: block; padding: 14% 15% 10% 15%; color: #fff; font-size: 16px; }
.ind_product .more a:after { content: ''; width: 47px; height: 47px; display: block; background: url(../images/bx-arrow2.png) no-repeat -14px bottom; }
 @media(min-width:768px) {
.ind_product .ind_name { /* position:absolute; width:20%;*/ text-align: center; }
.ind_product .list { padding-left: 20%; }
.ind_product .list ul li:nth-child(even) { margin-top: 6% }
.ind_product .list ul li .txt span.en { font-size: 50px; }
.ind_product .list ul li .txt span.en { line-height: 80px; }
.ind_product .list ul li .txt span.icon { padding-top: 30%; }
.ind_product .list ul li .txt span.icon img { width: 80px; height: 80px; }
.ind_product .list ul li a { transition: all 0.5s ease-out 0s; }
.ind_product .list ul li a:hover { box-shadow: 0 0 10px rgba(130,130,130,0.3); transform: translate(0, -20px); }
.ind_product .more { position: absolute; bottom: 0; }
}
 @media(max-width:768px) {
.ind_product { background: none !important; }
.ind_product .auto { padding: 0 }
.ind_product .list { padding-bottom: 3% }
.ind_product .list ul li .txt span.cn { display: none; }
.ind_product .more { width: auto; }
.ind_product .more a { display: inline-block; padding: 0% 8% 0% 5%; line-height: 47px; border-radius: 0 10px 0px 10px }
.ind_product .more a:after { display: inline-block; position: absolute; background-position: -7px bottom }
}
.ind_news { background-repeat: no-repeat; background-position: right center; background-size: 100%; }
.ind_news .auto { /*padding:5% 0;*/ }
.ind_news .ind_name { text-align: center; }
.ind_news .list ul li { margin-bottom: 1px; }
.ind_news .list ul li:nth-child(1),  .ind_news .list ul li:nth-child(4) { background-color: #f5f5f5; }
.ind_news .list ul li:nth-child(2),  .ind_news .list ul li:nth-child(3) { background-color: #f0f0f0; }
.ind_news .list ul li a { position: relative; display: block; padding: 3% 3% 3% 3%; }
.ind_news .list ul li table td { vertical-align: top; }
.ind_news .list ul li .rq1 { width: 15%; position: relative; }
.ind_news .list ul li span { font-size: 12px; opacity: 0.8; position: absolute; left: 5%; text-align: center; background: #c70e1c; color: #fff !important; border-radius: 0 5px 0 5px; }
.ind_news .list ul li span b { display: block; background: #44b047; }
.ind_news .list ul li span b i { padding-left: 5px; font-style: normal; font-weight: normal; }
.ind_news .list ul li .img1 { width: 30%; padding: 0 2%; }
.ind_news .list ul li .img1bg { padding-bottom: 70%; }
.ind_news .list ul li .nr1 { width: 56%; overflow: hidden; }
.ind_news .list ul li .nr1 i { display: block; margin-top: 15px; }
.ind_news .list ul li .h5 { line-height: 24px; height: 24px; overflow: hidden; margin-bottom: 15px; }
.ind_news .list ul li p { opacity: 0.8; color: black; line-height: 24px; height: 24px; overflow: hidden; }
.ind_news .list ul li a:hover span,  .ind_news .list ul li a:hover p { opacity: 1 }
.ind_news .list ul li a:hover { z-index: 5; color: #fff; box-shadow: 0 20px 30px rgba(253, 206, 31, 0.25); background: rgb(253,206,47); /* Old browsers */ background: -moz-linear-gradient(45deg, rgba(253,206,47,1) 40%, rgba(253,182,31,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(253,206,47,1) 40%, rgba(253,182,31,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(253,206,47,1) 40%, rgba(253,182,31,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdce2f', endColorstr='#fdb61f', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.ind_news .bx-controls-direction { padding-left: 80%; overflow: hidden; }
.ind_news .bx-controls-direction a { padding: 12% 0; display: block; float: left; width: 50%; text-align: center; font-size: 0; line-height: 0; background-color: #44b047; transition: all 0.5s ease-out 0s; }
.ind_news .bx-controls-direction a:before { transition: all 0.5s ease-out 0s; width: 47px; height: 47px; display: block; margin: auto; content: ''; background-image: url(../images/bx-arrow2.png) }
.ind_news .bx-controls-direction a.bx-prev { border-bottom-left-radius: 10px; }
.ind_news .bx-controls-direction a.bx-next { border-top-right-radius: 10px; }
.ind_news .bx-controls-direction a.bx-prev:before { background-position: right top; }
.ind_news .bx-controls-direction a.bx-next:before { background-position: left bottom; }
.ind_news .bx-controls-direction a.disabled { cursor: default; background-color: #4CAF50; }
.ind_news .bx-controls-direction a.bx-prev.disabled:before { background-position: left top; }
.ind_news .bx-controls-direction a.bx-next.disabled:before { background-position: right bottom; }
 @media(min-width:768px) {
.ind_news .ind_name { max-width: 300px; margin: auto; }
.ind_news .list ul li { float: left; width: 50%; margin-bottom: 0 }
/*.ind_news .list ul li:nth-child(2n-1){ margin-left:10%;}*/
        /*.ind_news .list ul li:nth-child(1){ margin-left:20%;}*/
.ind_news .list ul li a { /* padding:10% 8% 10% 25%;*/ }
.ind_news .list ul li .h5 { /*margin-bottom:20px;*/ color: black; }
.ind_news .list ul li span { font-size: 14px; left: 7%; line-height: 40px; color: black; }
.ind_news .list ul li span b { font-size: 30px; }
.ind_news .list ul li .rq1 { width: 11%; }
}
 @media(max-width:768px) {
.ind_news .ind_name { text-align: left }
.ind_news { background: none !important; }
.ind_news .auto { padding: 0 }
.ind_news .list ul li p { display: none; }
.ind_news .list ul li .h5 { font-size: 16px; }
.ind_news .bx-controls-direction a { padding: 0 }
}
.ind_industry { padding: 50px 0 0 0; background-repeat: no-repeat; background-position: left bottom; background-size: 100%; }
.ind_industry .list ul { position: relative; }
.ind_industry .list ul li { width: 48%; margin: 1%; float: left; position: relative; }
.ind_industry .list ul li a { display: block; position: relative; overflow: hidden; transition: all 0.3s ease-out 0s; border-radius: 0 12px 0 12px; }
.ind_industry .list ul li .txt { z-index: 5; position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-position: left center; background-size: contain; overflow: hidden; }
/*.ind_industry .list ul li.n1 .txt{ background-image:url(../images/a_ind_bg1.png)}
.ind_industry .list ul li.n2 .txt{ background-image:url(../images/a_ind_bg2.png)}
.ind_industry .list ul li.n3 .txt{ background-image:url(../images/a_ind_bg3.png)}
.ind_industry .list ul li.n4 .txt{ background-image:url(../images/a_ind_bg4.png)}
.ind_industry .list ul li.n5 .txt{ background-image:url(../images/a_ind_bg5.png)}
.ind_industry .list ul li.n6 .txt{ background-image:url(../images/a_ind_bg6.png)}
.ind_industry .list ul li.n7 .txt{ background-image:url(../images/a_ind_bg7.png)}*/
.ind_industry .list ul li b { font-size: 18px; font-weight: normal; color: #999999; width: 30px; line-height: 30px; left: 50%; margin-left: -15px; text-align: center; border-radius: 100px; position: absolute; background-color: #e4e4e4; bottom: 0; }
.ind_industry .list ul li span { padding: 0 0 3% 8%; display: block; }
.ind_industry .list ul li span img { width: 50px; height: 50px; }
.ind_industry .list ul li .h4 { padding: 0 8%; color: #fff; }
.ind_industry .list ul li .pic { padding-bottom: 54%; background-repeat: no-repeat; background-position: center center; background-size: contain; }



/*.ind_industry .list ul li a .icon{ display:block; position:absolute; width:100%; z-index:5;}
.ind_industry .list ul li a .icon i{ position:absolute; display:block; height:14px; width:50%; background-color:#fff}
.ind_industry .list ul li a .icon i.L{ left:-7px;transform: skew(-50deg);}
.ind_industry .list ul li a .icon i.R{ right:-7px;transform: skew(50deg);}*/
@media(min-width:1024px) {
.ind_industry .ind_name { position: absolute; width: 20%; padding-top: 0 }
.ind_industry .list { padding-left: 20%; }
}
 @media(min-width:640px) {
.ind_industry .list ul:before { left: 0; top: 35%; content: ''; position: absolute; width: 100%; height: 30%; border-radius: 100px; border: solid 1px #e5e5e5 }
.ind_industry .list ul li { width: 23%; }
.ind_industry .list ul li.n3 { margin-right: 25%; }
.ind_industry .list ul li.n4,  .ind_industry .list ul li.n5,  .ind_industry .list ul li.n6,  .ind_industry .list ul li.n7 { float: right; }
.ind_industry .list ul li.n1,  .ind_industry .list ul li.n2,  .ind_industry .list ul li.n3 { padding-bottom: 9%; }
.ind_industry .list ul li.n4,  .ind_industry .list ul li.n5,  .ind_industry .list ul li.n6,  .ind_industry .list ul li.n7 { padding-top: 9%; }
.ind_industry .list ul li.n1 b,  .ind_industry .list ul li.n2 b,  .ind_industry .list ul li.n3 b { bottom: 21%; }
.ind_industry .list ul li.n4 b,  .ind_industry .list ul li.n5 b,  .ind_industry .list ul li.n6 b,  .ind_industry .list ul li.n7 b { top: 21%; bottom: auto }
.ind_industry .list ul li:after { content: ''; display: block; position: absolute; background: url(../images/icon4.png) no-repeat center center; width: 19px; height: 19px; }
.ind_industry .list ul li.n1:after,  .ind_industry .list ul li.n2:after,  .ind_industry .list ul li.n3:after { bottom: 24%; right: 0; }
.ind_industry .list ul li.n4:after,  .ind_industry .list ul li.n5:after,  .ind_industry .list ul li.n6:after,  .ind_industry .list ul li.n7:after { top: 24%; left: 0; transform: rotate(180deg); }
.ind_industry .list ul li.n3:after { bottom: -5%; right: -118%; transform: rotate(90deg); }
.ind_industry .list ul li.n7:after { top: -5%; left: -7%; transform: rotate(-90deg); }
.ind_industry .list ul li.n4 .txt:before,  .ind_industry .list ul li.n5 .txt:before,  .ind_industry .list ul li.n6 .txt:before,  .ind_industry .list ul li.n7 .txt:before { top: 0; background-image: url(../images/a_ind_jt2.png); background-position: center top }
.ind_industry .list ul li.n1 span,  .ind_industry .list ul li.n2 span,  .ind_industry .list ul li.n3 span { padding-top: 5%; }
.ind_industry .list ul li.n4 span,  .ind_industry .list ul li.n5 span,  .ind_industry .list ul li.n6 span,  .ind_industry .list ul li.n7 span { padding-top: 8%; }
.ind_industry .list ul li:hover a { opacity: 0.9 }
.ind_industry .list ul li.n1:hover a,  .ind_industry .list ul li.n2:hover a,  .ind_industry .list ul li.n3:hover a { transform: translate(0, 12px); }
.ind_industry .list ul li.n4:hover a,  .ind_industry .list ul li.n5:hover a,  .ind_industry .list ul li.n6:hover a,  .ind_industry .list ul li.n7:hover a { transform: translate(0, -12px); }
}
 @media(max-width:1100px) {
.ind_industry .list ul li .h4 { font-size: 16px; }
.ind_industry .list ul li span img { width: 40px; height: 40px; }
}
 @media(max-width:640px) {
.ind_industry { background-image: none !important }
.ind_industry .list ul li { padding-bottom: 40px; margin: 2% 1%; }
.ind_industry .list ul li .txt:before,  .ind_industry .list ul li .txt:after { background-size: cover; }
.ind_industry .list ul li span { position: absolute; padding-top: 10%; padding-left: 3% }
.ind_industry .list ul li .h4 { padding-top: 10%; line-height: 40px; padding-left: 25% }
.ind_industry .list ul li b { font-size: 14px; }
.ind_industry .list ul li .pic { background-size: cover; padding-bottom: 40%; }
.ind_industry .list ul li .pic:after { content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -7px; border: solid 10px transparent; border-bottom-color: #fff }
}
/*index end*/



.index_add1 { max-width: 1300px; margin: 0 auto; padding: 0 0 50px 0; }
.index_add1 .bt1 { font-size: 30px; line-height: 1.5em; text-align: center; margin-bottom: 30px; }
.swiper-container1 { width: 100%; height: 100%; }
.swiper-container1 .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; }
.swiper-container1 .swiper-slide .img { border: 1px #ccc solid; width: 100%; padding-bottom: 90%; position: relative; }
.swiper-container1 .swiper-slide img { max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; }
 @media(max-width:768px) {
.index_add1 { padding: 30px 2%; }
}
.index_add2bg { max-width: 1300px; margin: 0 auto; padding: 100px 0; }
.index_add2 { position: relative; }
.index_add2 .img { width: 50%; padding-bottom: 40%; border-radius: 0 50px 0 50px; }
/*.index_add2:before{ content:""; width:100%; height:100%; background:rgba(0,0,0,.2); position:absolute; z-index:1; top:0; left:0;}*/
.index_add2 .txtbg { width: 60%; background: #fff; border-radius: 0 50px 0 50px; position: absolute; top: 10%; right: 0; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.25); }
.index_add2 .txt { padding: 5% 5% 5% 5%; }
.index_add2 .txt h3 { font-weight: normal; position: relative; padding-bottom: 20px; }
.index_add2 .txt h3 span { display: block; font-weight: bold; }
.index_add2 .txt h3 .cn { font-size: 30px; line-height: 1.5em; font-weight: normal; }
.index_add2 .txt h3 .en { font-size: 46px; line-height: 1.5em; margin-top: 5px; }
.index_add2 .txt h3:before { content: ""; width: 32px; height: 2px; background: #44b047; position: absolute; bottom: 0; left: 0; }
.index_add2 .txt h4 { font-weight: normal; font-size: 14px; line-height: 2em; color: #999; margin-top: 10px; }
 @media(max-width:768px) {
.index_add2bg { padding: 25px 5% 50px 5%; }
.index_add2 { box-shadow: 0 20px 30px rgba(0, 0, 0, 0.25); }
.index_add2 .img { width: 100%; padding-bottom: 80%; border-radius: 0; }
.index_add2 .txtbg { width: 100%; border-radius: 0; position: static; box-shadow: none; }
.index_add2 .txt h3 .cn { font-size: 20px; line-height: 1.5em; }
.index_add2 .txt h3 .en { font-size: 24px; line-height: 1.5em; }
}
.ind_product { }
/*.ind_product .list1{ width:1300px; margin:0 auto;}
.ind_product .list1 ul{margin-block-start: 0em; margin-block-end: 0em; padding-inline-start: 0px;}
.ind_product .list1 ul li{ float:left; width:275px; border:5px solid #ccc; margin:0 20px; text-align:center; list-style:none;}
.ind_product .list1 ul li .box{}
.ind_product .list1 ul li .txt1{ margin-top:-25px;}
.ind_product .list1 ul li .txt1 h3{ font-weight:normal; font-size:30px; line-height:50px; display:inline-block; background:#fff; color:#666;margin-block-start: 0em;
    margin-block-end: 0em;}
.ind_product .list1 ul li .txt1 h3 b{ font-size:48px; color:#4ab344; vertical-align:bottom;}
.ind_product .list1 ul li .txt2{ width:65px; height:181px; padding:10px 10px 0 10px; text-align:center; margin:0 auto; margin-top:50px; margin-bottom:50px; background:url(../images/pro_tit1.png) center no-repeat;}
.ind_product .list1 ul li .txt2 h2{ font-weight:normal; font-size:24px; line-height:1.2em;margin-block-start: 0;
    margin-block-end: 0; color:#fff;}

.ind_product .list1 ul li .img1bg{ width:80%; margin:0 auto;}
.ind_product .list1 ul li .img1{ padding-bottom:100%; border-radius:100%; border:5px solid #ccc; margin-bottom:-50%;}
@media(max-width:768px){
.ind_product{ padding:0 0 10% 0;}
.ind_product .list1{ width:100%; }
.ind_product .list1 ul li{ float:left; width:45%; border:5px solid #ccc; margin:15% 1% 15% 1%; }
}*/

.ind_product .list2 { width: 1300px; margin: 0 auto; }
.ind_product .list2 ul { margin-block-start: 0em !important; margin-block-end: 0em !important; padding-inline-start: 0px !important; margin: 0 !important; padding: 0 !important; }
.ind_product .list2 ul li { float: left; width: 22%; margin: 0 15px !important; padding: 0; list-style: none; position: relative; overflow: hidden; border-radius: 0 20px 0 20px; }
.ind_product .list2 ul li .img { overflow: hidden; }
.ind_product .list2 ul li .img img { width: 100% !important; height: auto !important; display: block; transition: all .3s ease; }
.ind_product .list2 ul li:hover .img img { transform: scale(1.1); transition: all .3s ease; }
.ind_product .list2 ul li .txtbg { width: 100%; background: rgba(0,0,0,.5); position: absolute; left: 0; bottom: -60px; transition: all .3s ease; }
.ind_product .list2 ul li:hover .txtbg { background: rgba(230, 0, 18, .5); bottom: 0; transition: all .3s ease; }
.ind_product .list2 ul li .txt { color: #fff; padding: 10px 10px; }
.ind_product .list2 ul li .txt h2 { font-weight: normal; font-size: 16px; line-height: 30px; height: 30px; overflow: hidden; margin: 0; }
.ind_product .list2 ul li .txt h3 { font-weight: normal; font-size: 14px; line-height: 25px; height: 50px; overflow: hidden; margin: 10px 0 0 0; }
 @media(max-width:768px) {
.ind_product .list2 { width: 100%; padding: 0 2%; }
.ind_product .list2 ul li { float: left; width: 46%; margin: 2% 2% !important; }
}