@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, table, caption, tbody, tfoot, thead, tr, th, td, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden;}
/* always display scrollbars */
body { font: 16px/1.8 "Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #333; _background-attachment:fixed; 
_background-image:url(/about:blank); width: 100%; height: 100%; overflow: hidden;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding:0;}
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border-radius: 0;}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
::-moz-selection { background: #d5d255; color: #fff; text-shadow: none; }
::selection { background: #d5d255; color: #fff; text-shadow: none; }
a {	text-decoration: none;	color: #333;  }
a:hover {	color: #10be91;}
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.f-turn{-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.fl{float:left;}
.fr{float:right;}
.rela{ position:relative;}
.overflow{ overflow:hidden;}
.clear {clear: both;}
.pad75{padding:75px 0;}
.top75{ margin-top:75px;}
.top30{margin-top:30px;}
.top20{margin-top:20px;}
.white,.white a{color:#fff !important;}
.pic100 img{width:100%;}
.slh{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}



@font-face {
    font-family: 'centuryef-boldregular';
    src: url('/static/fonts/centuryef-bold-webfont.woff2') format('woff2'),
         url('/static/fonts/centuryef-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.header-box{ position:fixed; width:100%; left:0; top:0; z-index:100; box-shadow:-2px 2px 3px #ccc; background-color:#fff;}
.header-boxh{ height:66px;}
.header-box.scollfox { animation: 850ms 350ms;  -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadedown; animation-name: fadedown; }
.header-box.scollfox .header:before{ display:none;}
.header-box.scollfox .nav >li:hover .meundown{ top:50px;}
.header{ margin:0 60px; position:relative;}
.logo{ float:left; line-height:1; overflow:hidden; width:190px;margin-top:8px;}
.logo img{ display:block; width:100%; height:auto;}
.navMenu{float:left;width: 60%;margin-left: 70px;}
.scollfox .navMenu{top: 22px;}
.nav li,.navpopC li{ float:left;width:12.5%; text-align:center;}
.nav li{ position:relative;}
.nav li a{ padding: 8px 0;position:relative; display:block; font-size:16px;line-height:50px;}
.nav li a:hover,.nav li a.cur{color:#22ca96;}
.nav li div{ display:none; position:absolute;width:150%;left:-25%;top:100%;background-color: #ffffff;box-shadow: 0 0px 1px #ccc;}
.nav li div a{line-height:28px;font-size: 15px;border-bottom: 1px solid #f5f5f5;}
.nav li:hover div{ display:block;}
@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
.toptel{font-size:26px;background-color:#10be91;color:#fff;position:absolute;right:0;top:0;line-height: 66px;padding: 0 25px;    font-family: 'centuryef-boldregular';}
.toptel img{width:30px; display:inline-block; vertical-align:sub;margin-right:10px;}
.banners{ display:none;}
#owl-demo .owl-prev{width:52px;height:52px; background:url(/static/images/icon1.png) no-repeat;position: absolute;left: 10px;top: 50%;margin-top: -26px;font-size:0;}
#owl-demo .owl-next{width:52px;height:52px; background:url(/static/images/icon2.png) no-repeat;position: absolute;right: 10px;top: 50%;margin-top: -26px;font-size:0;}
.bannerbottom{width:1360px;margin:auto; box-shadow:0 2px 10px #ccc; background-color:#fff;padding:30px 20px; border-radius:10px;margin-top: -67px;}
.bannerbottom dl{margin-bottom:0;padding:0 15px; display:inline-block;text-overflow: ellipsis;white-space: nowrap;min-width: 24%;}
.bannerbottom dl dt{width:59px;float:left;}
.bannerbottom dl dd{width:calc(100% - 72px);float:right; text-align:left;}
.bannerbottom dl dd h5{font-size:16px;color:#333333;margin-top:12px;}
.bannerbottom dl dd p{color:#999999; text-transform:uppercase; font-size:12px;}
.h_title{ font-size:24px;color:#10be91;}
.h_title a{color:#10be91;}
.h_title img{ display:inline-block; vertical-align:middle;margin-right:15px;}
.h_aboutdescribe{margin: 15px 0;line-height:28px;/*height:56px; overflow:hidden;*/}
.more{width:147px; text-align:center;position:relative;font-size:15px;border-radius:0 12px 0 12px;border:1px solid #dfdfdf;line-height:40px;height:40px;}
.more a{color:#888888; position:relative;}
.more:before{border-radius:0 12px 0 12px; content:""; width:100%; height:100%; background:#22ca96; position:absolute; left:0; top:0; opacity:0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); visibility:hidden; transition:320ms;}
.more:hover:before,.h_fengcaiB dl a:hover dd p:before{ opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); visibility:visible;}
.more:hover a{color:#fff;}
.h_aboutC{margin-top:30px;}
.h_aboutC li a{ display:block; position:relative; overflow:hidden;}
.h_aboutC li a .div1 h5,.h_fengcaiB dl a dt h5{color:#fff;font-weight:100; background-color:rgba(0,0,0,0.3);padding:20px 0; position:absolute;width:100%;left:0; bottom:0;}
.h_aboutC li a .div2,.h_fengcaiB dl a dd{ opacity:0;color:#fff; position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.6);width:100%;height:100%;}
.h_aboutC li a .div2 img{margin-top: 28%;margin-bottom:15px; width:90px;height:90px; border:2px solid #fff; border-radius:100%;}
.h_aboutC li a .div2 h5{ letter-spacing:1px; font-weight:100; font-size:18px;}
.h_aboutC li a .div2 p{font-size:12px; text-transform:uppercase;}
.h_aboutC li a .div2:before{content:'';width:50%;height:5px; position:absolute;bottom:0;left:0; background-color:#10be91;}
.h_aboutC li a .div2:after{content:'';width:50%;height:5px; position:absolute;bottom:0;right:0; background-color:#f4dc0f;}
.h_aboutC li a:hover{ box-shadow:0 0 10px #333;}
.h_aboutC li a:hover .div1 h5,.h_fengcaiB dl a:hover dt h5{bottom:-68px;}
.h_aboutC li a:hover .div2,.h_fengcaiB dl a:hover dd{opacity:1;}
.h_fengcai,.h_service{ background:url(/static/images/bg1.jpg) no-repeat center center; background-size:cover;}
.h_fengcaiTL,.h_serviceL{width:45%;float:left;color:#fff;margin-top:52px;}
.h_fengcaiTR,.h_serviceR{width:45%;float:right;}
.h_fengcaiB {margin-top:40px; background-color:#f1f4f3;padding:60px 110px;}
.h_fengcaiB dl a{ display:block; position:relative; margin:0 10px; overflow:hidden;}
.h_fengcaiB dl a dd h5{font-weight:100; font-size:18px;padding-top:20%;}
.h_fengcaiB dl a dd p{margin:22px auto 0; border:0;color:#fff; z-index:2;background: #22ca96;}
.h_fengcaiB dl a dd p:before{ z-index:-1;}
.h_fengcaiB dl a dd p:hover:before,.h_newL dl dd .more:hover:before{background: #d5d255;}
#owl-demo3 .owl-prev{width:45px;height:45px; position:absolute;left:-74px;top:50%;margin-top:-21px; background:url(/static/images/icon7.png) no-repeat;font-size:0;}
#owl-demo3 .owl-next{width:45px;height:45px; position:absolute;right:-74px;top:50%;margin-top:-21px; background:url(/static/images/icon8.png) no-repeat;font-size:0;}
.h_new,.h_project{ background:url(/static/images/bg2.jpg) no-repeat center center; background-size:cover;}
.h_newL,.h_projectL{width:47%;float:left;}
.h_newR,.h_projectR{width:47%;float:right;}
.h_newL dl{margin-top:20px;}
.h_newL dl dd{ background-color:#f9f9f9; padding:20px 30px;}
.h_newL dl dd h5{ font-weight:100;font-size:18px;}
.h_newL dl dd p{line-height:25px;height:50px; overflow:hidden;margin:10px 0 15px;color:#888888;font-size:14px;}
.h_newL dl dd .more{background: #22ca96;color: #fff;}
.h_newL dl dd .more span{ position:relative; }
.h_newR dl a{ display:block; background-color:#fff; padding:26px 20px 26px 5px; overflow:hidden;color:#555555;}
.h_newR dl a dt{margin: 10px 0 0 0; text-align:center;width:90px;float:left; position:relative; font-weight:100;}
.h_newR dl a dt:before{content:'';width:1px; height:46px; background-color:#dddddd; position:absolute;right:0;top:5px;}
.h_newR dl a dt b{ display:block;font-size: 20px;}
.h_newR dl a dd{float:right;width:calc(100% - 110px); position:relative;}
.h_newR dl a dd h5{ font-weight:100;font-size:16px;}
.h_newR dl a dd p{line-height: 20px;height: 40px;overflow: hidden;margin: 10px 0 0;color: #888888;font-size: 14px;padding-right: 32px;}
.h_newR dl a dd img{ position:absolute;right:0;top:27px;}
.h_newR dl a:hover dd h5{color:#10be91;}
.h_newR dl a:hover dd img,a:hover.closehrmain{transform:rotate(180deg);
-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); }
.h_serviceL img{ margin:50px auto 0; display:block;}
.h_serviceRC{ background-color:#f9f9f9;padding:50px;margin-top:60px;}
.h_serviceRC .code{color: #10be91;font-size:14px;}
.h_serviceRC .code img{width:90px; display:block;margin:30px auto 0;}
.h_projectLC{margin-top:50px;}
.h_projectLC dl{padding:0 10px;}
.h_projectLC dl a{ display:block; position:relative;}
.h_projectLC dl a dd{font-size:14px;padding:8px 0;bottom:0;left:0;width:100%; position:absolute; background-color:rgba(0,0,0,0.3);color:#fff;}
.h_projectR article{margin:68px 50px 70px;color:#fff;line-height:30px;/*height:150px; overflow:hidden;*/}
.h_projectR .more{ margin:0 0 0 60px;background-color:#10be91;}
.h_projectR .more a{color:#fff;}
.h_projectLC dl a:hover dd{ background-color:rgba(0,0,0,0.8);}
footer{ background-color:#303030;}
.footT{padding:40px 0;}
.footnav{color:#bebebe;}
.footnav a{ color:#bebebe;display:inline-block;padding:0 15px;}
.footR article{color:#bebebe;font-size:13px;margin-top:5px;}
.bq{padding:20px 15px;color:#bebebe;font-size:13px;border-top:1px solid #595959;}
.bq span{ display:inline-block;margin:0 10px;}
.bq span a{color:#bebebe;}
.otherbanner1{ padding:152px 0 240px;}
.otherbanner1 h2{line-height: 30px;font-size:50px; text-transform:uppercase;color:#10be91;font-family: 'centuryef-boldregular';}
.otherbanner1 p{font-size:46px;color:#fff; font-weight:bold; text-shadow:1px 4px 8px #333;}
.other1{ background:url(/static/images/otherbanner1.jpg) no-repeat center top fixed; background-size:cover;}
.other2{ background:url(/static/images/otherbanner2.jpg) no-repeat center top fixed; background-size:cover;}
.other3{ background:url(/static/images/otherbanner3.jpg) no-repeat center top fixed; background-size:cover;}
.other4{ background:url(/static/images/otherbanner4.jpg) no-repeat center top fixed; background-size:cover;}
.other5{ background:url(/static/images/otherbanner5.jpg) no-repeat center top fixed; background-size:cover;}
.other6{ background:url(/static/images/otherbanner6.jpg) no-repeat center top fixed; background-size:cover;}
.site{width: 1360px;margin: auto;background-color: #fff;padding:19px 0;border-radius: 10px 10px 0 0;    margin-top: -81px; position:relative;}
.site .h_title span{color:#cccccc;font-size:16px; display:inline-block; margin-left:10px;}
.site .fr{ font-size:14px;margin-top: 10px;}
.site .fr img{ display:inline-block; vertical-align:middle;margin-right:10px;}
.about1{ background:url(/static/images/bg3.jpg) no-repeat fixed center center; background-size:cover;}
.about1 h2,.project h2,.projectmain h2,.service h2,.hr h2,.hr2 h2,.contactC h2{width:387px; font-size:30px; border-bottom:1px solid #ededed; text-align:center;margin:auto; font-weight:100;padding-bottom: 10px; position:relative;}
.about1 h2:after,.project h2:after,.projectmain h2:after,.service h2:after,.hr h2:after,.hr2 h2:after,.contactC h2:after{ content:'';width:80px;height:3px; background-color:#10be91; display:block; position:absolute;bottom:-1px;left:50%;margin-left:-40px;}
.about1C,.projectC,.service article,.hr .article{ margin-top:30px;}
.about2{ background:url(/static/images/bg4.jpg) no-repeat fixed center center; background-size:cover;}
.about2 .container{ background-color:#fff;padding:60px 48px; border-radius:20px; position:relative;}
.about2icon{ position:absolute; left:50%;margin:-23px 0 0 -23px;top: 0;}
.aboutul { margin-top:30px;}
.aboutul li h2{font-size:24px;font-weight:100;padding: 10px 0 15px;}
.aboutul li h2:after{width:40px;height:3px;background-color:#10be91;content:'';display:block;margin:5px auto 0;}
.aboutul li p{color:#666666;font-size:14px;}
.aboutul li:hover img{
    -webkit-animation: jello 1s;
    -moz-animation: jello 1s;
    animation: jello 1s;
}
@-webkit-keyframes jello {
    from, 11.1%, to { -webkit-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

@-moz-keyframes jello {
    from, 11.1%, to { -moz-transform: none; transform: none }
    22.2% { -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

@keyframes jello {
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}
.about3 h2{ font-size:24px; font-weight:100;margin-bottom:10px;}
.fengcai,.newmain,.project,.contact{ background-color:#f9f9f9;padding-bottom:75px;}
.fengcaiC,.newmainC,.contactC{width: 1360px;margin: auto; background-color:#fff;border-top:1px solid #ededed;padding:40px 0;}
.fengcai dl a{ display:block; border:1px solid #ededed; padding:15px;}
.fengcai dl dt div,.h_newL dl dt div{ opacity:0; position:absolute;width:100%;height:100%;top:0;left:0; background-color:rgba(0,0,0,0.5);}
.fengcai dl dt div img,.h_newL dl dt div img{width:32px;margin-top:29%;}
.fengcai dl dd h5,.projectC dl a dd h5{margin-top:10px;font-size:18px; font-weight:100;}
.fengcai dl dd span,.projectC dl a dd span{ font-size:14px;color:#999999;}
.fengcai dl a:hover dt div,.h_newL dl a:hover dt div{ opacity:1;}
.fengcai dl a:hover{ background-color:#10be91;color:#fff;}
.fengcai dl a:hover dd span{color:#fff;}
.pagelist{ text-align:center; margin:30px auto 0;}
.pagelist li{ display:inline-block; margin:3px;}
.pagelist li a,.pagelist li span{ display:block;padding:4px 13px;border:1px solid #dcdcdc; color:#848383;border-radius:100%;}
.pagelist li a:hover,.pagelist li.active span{background-color:#10be91 !important; color:#fff; border-color:#10be91;}
.new dl a{ display:block;padding:30px 20px; border:1px solid #ededed; background-color:#f9f9f9; overflow:hidden;}
.new dl a dt{width:280px;float:left;}
.new dl a dd{width:calc(100% - 420px);float:left;margin-left:20px;}
.new dl a dd time{ display:none;}
.new dl a dd h5{ font-size:20px; font-weight:100;margin-top:10px;}
.new dl a dd p{ color:#888888;line-height:22px;height:66px; overflow:hidden;font-size:13px;margin:10px 0;}
.new dl a dd span{width:120px;height:30px; border:1px solid #10be91; border-radius:0 10px 0 10px;line-height:30px; text-align:center; font-size:12px; display:block;color:#10be91;}
.new dl a div{float:right;border-left:1px solid #ddd; font-family:"宋体";margin-top: 38px;padding: 20px 0;text-align: center;width: 109px;color:#888888;}
.new dl a div b{font-size:30px; display:block;line-height:30px;color:#333;}
.new dl a:hover dt{ font-weight:bold;}
.new dl a:hover{ box-shadow:0 0 10px #ccc;}
.new dl a:hover img,.h_projectLC dl a:hover dt img{-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.1,1.1,1.1);}
.newmain h1{ text-align:center;font-size:28px; margin:0; font-weight:100;}
.newmain time{ display:block; text-align:center; color:#bcb9b9;margin: 16px 0 0; border-top:1px solid #ededed;border-bottom:1px solid #ededed;padding:15px; font-size:14px;}
.newmain time span{ display:inline-block;margin:0 12px;}
.newmain time span img{ display:inline-block; vertical-align:middle;margin-right:5px;}
.newmain article{ color:#333;line-height:35px;font-size:16px; margin-top:30px;}
.newmain article img{ max-width:100%;}
.prenext{padding:23px 175px 23px 35px;margin-top:35px;font-size:14px; background-color:#f9f9f9;}
.prenext p{}
.newmainmore{ position:absolute;right:35px; top:27px;width:120px;text-align:center;}
.newmainmore a{color:#fff;background-color:#10be91; display:block;height:40px;line-height:40px; }
.newmainmore a:hover{ background-color:#d5d255;}
.tj{margin-top:50px;}
.tjC dl dd .more{ background-color:#fff; border:1px solid #10be91;color:#10be91;}
.tjC dl dd {background-color:#fff; border:1px solid #e5e5e5; position:relative; z-index:1;}
.tjC dl dd:after,.hr2C dl a:after,.contactCul li a:after{background-color:#10be91; position:absolute;width:100%;left:0;top:0;height:0;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;content:'';z-index:-1;}
.tjC dl a:hover dd:after,.hr2C dl a:hover:after,.contactCul li a:hover:after{ height:100%;}
.tjC dl a:hover dd h5,.tjC dl a:hover p{color:#fff;}
.project article{margin-top: 30px;color:#666666;}
.projectC dl a{ display:block; background-color:#fff;}
.projectC dl a dd{ padding:10px 0 20px;}
.projectC dl a:hover{ box-shadow:0 0 10px #ccc;transform:translateY(-10px);
    -ms-transform:translateY(-10px); /* IE 9 */
    -webkit-transform:translateY(-10px); /* Safari and Chrome */}
.serviceB .container{ background-color:#f9f9f9;padding: 60px 48px;border-radius: 20px;margin-bottom:75px;}
.serviceB:after{ display:block; position:absolute; z-index:-1;width:100%; height:100%;left:0;top:100px; content:'';background: url(/static/images/bg4.jpg) no-repeat fixed center center;background-size: cover;}
.hrCdiv{ position:absolute;top:0;left:0;height:100%;width:100%;color:#fff;}
.hrCdiv h5{ font-size:24px;}
.hrCdiv p{line-height:23px;margin-top:5px;}
.hrdivicon1,.hrdivicon { width:66px !important; margin:10% auto 10px;}
.hrC li:hover .hrCdiv{ background-color:#13bf92;}
.hrC li a{ display:block; position:relative;}
.hrdivicon,.hrC li:hover .hrdivicon1{ display:none;}
.hrdivicon:after{ content:''; position:absolute;width:100%;height:100%;top:0;left:0; background:url(/static/images/icon26.png) no-repeat;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.hrC li:hover .hrdivicon:after{-webkit-animation: bg1 10s linear infinite;
    -moz-animation: bg1 10s linear infinite;
    -ms-animation: bg1 10s linear infinite;
    -o-animation: bg1 10s linear infinite;
    animation: bg1 10s linear infinite;}
@-webkit-keyframes bg1 { 0% { transform: rotate(0);} 100% { transform: rotate(-360deg);}}
@-moz-keyframes bg1{0% { transform: rotate(0);} 100% { transform: rotate(-360deg);}}
@-ms-keyframes bg1{0% { transform: rotate(0);} 100% { transform: rotate(-360deg);}}
@-o-keyframes bg1{0% { transform: rotate(0);} 100% { transform: rotate(-360deg);}}
@keyframes bg1{0% { transform: rotate(0);} 100% { transform: rotate(-360deg);}}
.hrC li:hover .hrdivicon{ display:block;}
.hr2{ background-color:#f9f9f9;}
.hr2C dl>a{ display:block; background-color:#fff;padding:30px; border:1px solid #ededed; position:relative;}
.hr2C dl a dt{ padding-bottom:14px; border-bottom:1px solid #ededed;font-size:18px;font-weight:100;}
.hr2C dl a dd article{font-size:14px;color:#888888;margin-top:14px;line-height:25px;height:100px; overflow:hidden;}
.hr2C dl a dd b{ color:#333;display:block;}
.hr2C dl a dd span{font-size:14px;width:97px;height:28px;line-height:28px; border-radius:30px;border:1px solid #ededed; display:block;margin-top:20px; text-align:center;color:#aaaaaa;}
.hr2C dl>a:hover{ background-color:transparent;color:#fff;box-shadow: 0 0 10px #ccc;
    transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);}
.hr2C dl a:hover dd article,.hr2C dl a:hover dd b,.contactCul li a:hover h5,.contactCul li a:hover p{color:#fff;}
.hr2C dl a:hover dd span{color:#13bf92; background-color:#fff;}
.hrmain{ display:none; position:fixed; width:100%;height:100%; background-color:rgba(0,0,0,0.4);top:0;left:0;z-index: 999; justify-content:center; align-items:Center;}
.hrmainC{ background-color:#fff; border-radius:15px;padding:20px 40px;}
.hrmainCtitle{padding:0 20px 12px;border-bottom:1px solid #ededed; overflow:hidden;}
.hrmainCtitle h2{width:80%;font-size:24px;color:#0dbc8e;text-align:left;float:left;border:0;padding-bottom:0;}
.hrmainCtitle h2:after,.hrmainCtitle a:after{ display:none;}
.closehrmain{float:right;}
.hrmainCcontent{ margin:30px 20px;font-size:14px;color:#666666;max-height:60vh; overflow-y: scroll;}
.hrmainCcontent b{ color:#333; font-size:16px;}
.hrmainCcontent::-webkit-scrollbar{ width:6px;  height: 3px; background-color: #fff;}  
.hrmainCcontent::-webkit-scrollbar-track{ border-radius: 10px; background-color: #fff;}  
.hrmainCcontent::-webkit-scrollbar-thumb{  border-radius: 10px; background-color: #0dbc8e; -webkit-box-shadow: inset 0 0 6px rgba(253,208,0,0.3);}
.map{height:650px;}
.contactCul{margin:30px auto 0;}
.contactCul li{ width:20%;float:left;}
.contactCul li a{ display:block;padding:30px;border:1px solid #ededed;margin-left:-1px; position:relative;}
.contactCul li img{width:86px; display:block;margin:auto;}
.contactCul li h5{ font-size:18px;margin-top:15px; font-weight:100;}
.contactCul li p{ font-size:15px;color:#666666;}






.mobile-inner{ display:none; z-index:101;background-color:#fafafa;position:relative}
.mobile-inner-header{background-color:rgba(0,0,0,.7);width:100%;height:50px;position:absolute;top:0;left:0}.mobile-inner-header-icon{ z-index:2;color:#fff; background-color:#10be91;height:70px;font-size:25px;text-align:center;right:0;top:0;width:50px;position:fixed;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s}.mobile-inner-header-icon-click{background-color:rgba(255,255,255,.2);cursor:pointer}.mobile-inner-header-icon span,.topnavR span i{position:absolute;left:calc((100% - 25px)/2);top:calc((100% - 1px)/2);width:25px;height:1px;background-color:#fff}.mobile-inner-header-icon span:nth-child(1),.topnavR span i:nth-child(1){transform:translateY(4px) rotate(0deg)}.mobile-inner-header-icon span:nth-child(2),.topnavR span i:nth-child(2){transform:translateY(-4px) rotate(0deg)}.mobile-inner-header-icon-click span:nth-child(1),.topnavR.click span i:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:clickfirst}.mobile-inner-header-icon-click span:nth-child(2),.topnavR.click span i:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:clicksecond}@keyframes clickfirst{0%{transform:translateY(4px) rotate(0deg)}100%{transform:translateY(0) rotate(45deg)}}@keyframes clicksecond{0%{transform:translateY(-4px) rotate(0deg)}100%{transform:translateY(0) rotate(-45deg)}}.mobile-inner-header-icon-out span:nth-child(1),.topnavR span i:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:outfirst}.mobile-inner-header-icon-out span:nth-child(2),.topnavR span i:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:outsecond}@keyframes outfirst{0%{transform:translateY(0) rotate(-45deg)}100%{transform:translateY(-4px) rotate(0deg)}}@keyframes outsecond{0%{transform:translateY(0) rotate(45deg)}100%{transform:translateY(4px) rotate(0deg)}}.mobile-inner-nav{overflow-y: scroll !important;background-color:rgba(0,0,0,.9);width:100%;height:100%;position:fixed;top:0;left:0;padding-top:80px;padding-bottom:80px;display:none}.mobile-inner-nav a{display:inline-block;line-height:50px;text-decoration:none;width:80%;margin-left:10%;color:#fff;border-bottom:solid 1px rgba(255,255,255,.3);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;font-weight:300}.mobile-inner-nav a:hover{color:rgba(255,255,255,.4);border-bottom:solid 1px rgba(255,255,255,.2)}
.mobile-inner-nav p{ display:none;background: #403d42;margin-left:10%;width: 80%;padding:0;}
.mobile-inner-nav p a{width: 100%;margin-left: 0;padding: 0 10%;border-bottom: solid 1px rgba(105, 105, 105, 0.3);}

.fixbottonnew{ display:none; position:fixed;width:100%;left:0;bottom:0;z-index: 9; background-color:#10be91; border-top:1px solid #dcdcdc;overflow:hidden;}
.fixbottonnew a{width:50%;float:left;font-size:18px; position:relative; display:block; padding:10px 0;color:#fff;}
.fixbottonnew a img{width:24px; display:inline-block; vertical-align:middle;margin-right:12px;}
.fixbottonnew a:last-child{background-color: #d5d255;}
.fixbottonnewh{ display:none; height:51px;}
#owl-demo2 .owl-buttons{ display:none;}
#owl-demo2 .owl-page{ width:12px;height:12px; border:1px solid #fff; border-radius:100%; margin:5px 6px; display:inline-block;}
#owl-demo2 .owl-page.active{ background-color:#fff;}
#owl-demo2 .owl-pagination{ position:absolute;bottom:50px;width:100%; text-align:center;}

.poppage{ display:none; background-color:rgba(0,0,0,0.75); position:fixed;top:0;left:0;width:100%;height:100%;z-index: 1000;}
.poppageC{width: 80%;margin: 15vh auto;background-color: #fff;padding: 30px;/*height: 70vh;*/max-height: 70vh;}
.poppageC article{/*height: 100%;*/max-height: 64vh;overflow-y: scroll;overflow-x: hidden;}
.poppageC article li{list-style: none;}
.poppageC article::-webkit-scrollbar { width:5px;  height: 5px; background-color: #fcfcfc;}  
.poppageC article::-webkit-scrollbar-track  { border-radius: 10px; background-color: #fcfcfc;}  
.poppageC article::-webkit-scrollbar-thumb  {  border-radius: 10px; background-color: #211F1F; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
.poppageC img{ max-width:100%;}
.closepop{ color:#192329;font-size:28px; position:absolute;right:8px;top: 0;font-family: cursive;}
.openimg{ display:inline-block;margin-left:10px;}
.leader{width:232px;float:left;padding:0 30px 30px 0;}
.leader p img{width:auto;}



@media(max-width:1366px){
	.site,.fengcaiC, .newmainC, .contactC,.bannerbottom {width:1200px;}
	.container{padding: 0 17px;}
	.toptel{padding: 0 13px;}
	.hrmainC{padding: 20px 40px;}
	.service,.about3,.h_about {padding:60px 17px;}
	.map{ height:500px;}
}

@media(max-width:1199px){
	.site,.fengcaiC, .newmainC, .contactC,.bannerbottom{width:970px;}
	.contactCul li p{line-height: 20px;height: 40px;}
	.nav li a{font-size: 15px;}
	.navMenu{margin-left: 32px;width: 69%;}
	.logo{width: 140px;margin-top: 17px;}
	.toptel {font-size: 18px;}
	.toptel img {width: 18px;margin-right: 3px;}
	.h_title {  font-size: 22px;}
	.h_newR dl a{    padding: 18px 20px 18px 5px;}
	.bannerbottom{ overflow:hidden;}
	.bannerbottom dl{width:45%;float:left;margin:10px 0 10px 5%;}
	.map{ height:400px;}
	.footnav a{padding: 0 6px;}
}
@media(max-width:991px){
	.navMenu,.site,.toptel,.footT,.new dl a div,.new dl a dd span,.tj,.bannerb{ display:none !important;}
	.mobile-inner,.fixbottonnew, .fixbottonnewh,.new dl a dd time,.banners{ display:block;}
	.otherbanner1 {padding: 115px 0;background-attachment:inherit !important;}
	.otherbanner1 h2,.otherbanner1 p{font-size: 35px;}
	.header-box,.mobile-inner-header-icon{ height:66px;}
	.site, .fengcaiC, .newmainC, .contactC,.bannerbottom{width: 760px;}
	.contactCul li { width: 33.333%;}
	.contactCul li a{margin:-1px 0 0 -1px;}
	.contactCul li img {width: 54px;}
	.serviceB:after,.about2{background-attachment:inherit !important;}
	.new {padding:40px 17px;}
	.new dl a dd { width: calc(100% - 300px); float: right; margin-left: 0;}
	.newmain h1{font-size: 22px;}
	.h_aboutC li{ margin-bottom:20px;}
	.aboutul li img{width:50px;}
	.aboutul li h2 {font-size: 20px;}
	.bannerbottom{padding: 10px 20px;margin-top: -41px;}
	.map{ height:300px;}
}
@media(max-width:767px){
	.site, .fengcaiC, .newmainC, .contactC,.bannerbottom,.h_newL,.h_newR,.h_projectL{width: 100%;}
	.fengcai, .newmain, .project, .contact{    padding-bottom: 0;}
	.contactCul li { width: 50%;}
	.contactCul li a{padding: 30px 20px;}
	footer .container{padding:0;}
	.bq { padding: 11px 5px;}
	.header {margin: 0 0 0 20px;}
	.about1 h2, .project h2, .projectmain h2, .service h2, .hr h2, .hr2 h2, .contactC h2{font-size: 25px; width: auto;}
	.otherbanner1 h2, .otherbanner1 p { font-size: 27px;}
	.otherbanner1 { padding: 86px 0;}
	.hrmainC,.about2 .container{width: 90% !important;}
	.hr {padding:40px 17px;}
	.serviceB .container{padding: 60px 20px;margin: 0 20px 64px; width: auto;}
	.bannerbottom{width: 95%;}
	.h_fengcaiTR {width: 100%;}
	.h_fengcai,.h_new,.h_service,.h_project{ background-size:200% 100%; background-position:0 0;}
	.h_fengcaiTR a,.h_serviceR .h_title a{ color:#fff;}
	.h_fengcaiTL,.h_serviceR,.h_projectR{width: 100%;margin-top: 20px;}
	#owl-demo3 .owl-prev,#owl-demo3 .owl-next{ background-size:100% !important;width: 30px;}
	.h_fengcaiB{padding: 40px;}
	#owl-demo3 .owl-prev{left: -31px;}
	#owl-demo3 .owl-next{right: -31px;}
	.h_fengcaiB dl a dt h5{padding: 10px 0;}
	.h_serviceL{width: 100%;margin-top:0;}
	.h_projectR article{color:#333;margin: 0 20px 20px;}
	.h_projectR .more {margin: 0 0 0 27px;}
	.bannerbottom dl {width: 50%;margin: 10px 0 10px 0;}
	.bannerbottom dl dd p{white-space: normal;line-height: 13px;height: 26px;}
	.map{ height:250px;}
	.leader{width:100%;float:none;padding:0 0 30px 0;}
}
@media(max-width:640px){
	.hrmainC { padding: 20px 12px;}
	.hrmainCtitle h2{font-size: 18px !important;}
	.closehrmain img{width:25px;}
	.newmainmore{ right: 16px; width: 77px;}
	.prenext { padding: 23px 127px 23px 16px;}
	.new dl a dt { width: 180px;}
	.new dl a dd {width: calc(100% - 196px);}
	.new dl a dd h5 { font-size: 17px;margin-top: 0;}
	.new dl a dd p{height: 44px;margin: 6px 0;}
	.new dl a{padding: 20px 12px;}
	.new dl a dd time{ font-size:12px;}

}
@media(max-width:550px){
	.about1 h2, .project h2, .projectmain h2, .service h2, .hr h2, .hr2 h2, .contactC h2 { font-size: 21px;}
	.new dl a dt { width: 140px;}
	.new dl a dd {width: calc(100% - 150px);}
	.new dl a dd p{line-height: 18px; height:36px;margin: 3px 0;}
	.bannerbottom dl dd p{ display:none;}
	.bannerbottom dl dt img{width:45px;}
	.bannerbottom dl dd h5 {font-size: 15px;}
	.bannerbottom dl dd { width: calc(100% - 61px);}
}
@media(max-width:500px){
	.bannerbottom dl{padding:0 !important;}
	.bannerbottom dl dt,.bannerbottom dl dd { float: none; margin: auto;width:100%; text-align:center;}
	.service, .about3, .h_about { padding: 39px 17px;}
	.h_serviceL img{width: 58%;}
	.h_serviceRC{padding: 40px 20px;}
}
@media(max-width:460px){
	.h_title { font-size: 18px;}
	
}
@media(max-width:400px){
	.otherbanner1 h2, .otherbanner1 p { font-size: 22px;}
	.otherbanner1 { padding: 65px 0;}
	.new dl a dt { width: 113px;}
	.new dl a dd {width: calc(100% - 128px);}
	.new dl a dd h5 { font-size: 15px;}
	.bannerbottom dl dt img { width: 39px;}
	.h_newR dl a dt{width: 72px;}
	.h_newR dl a dd{width: calc(100% - 85px);}
	.h_newR dl a dd img{ display:none;}
	.h_title { font-size: 20px;}
}