.header-box{ position:fixed; width:100%; left:0; top:0; z-index:99; padding-bottom:16px; transition:0.42s;}

.meundowns{ background:#fff; position:absolute; width:132px; padding:10px 6px 25px; left:50%; margin-left:-74px; top:83px; opacity:0; transition:430ms; visibility:hidden; z-index:20;}
.meundowns:before{ content:""; width:10px; height:5px; background:url(../image/arrow.png) center no-repeat; position:absolute; left:50%; margin-left:-5px; top:-5px;}
.meundowns li{ position:relative;}
.meundowns li:before{ content:""; width:0; height:100%; background:#cfa972; position:absolute; left:50%; top:0; transition:320ms; opacity:0;}
.meundowns li a{ display:block; text-align:center; line-height:30px; color:#000000; font-size:14px; position:relative;}
.meundowns li:hover:before{ width:100%; opacity:1; left:0;}

.eq-list{ float:right; padding-right:55px; margin-top:35px; padding-left:20px; position:relative;}
.eq-list .line1{ width:1px; height:28px; background:rgba(255,255,255,0.4); background:#fff\9; filter:alpha(opacity=40); position:absolute; left:0; top:0;}
.eq-list .line2{ width:58px; height:1px; background:rgba(255,255,255,0.4); background:#fff\9; filter:alpha(opacity=40); position:absolute; right:0; top:14px;}
.eqs{ padding:0 6px;}
.eqs li{ position: relative; float:left; margin-right:14px; width:28px; height:28px; border:1px solid rgba(255,255,255,0.6); border:1px solid #fff\9; text-align:center; border-radius:50%; transition:0.42s; position:relative}
.eqs li:before{ content:""; width:102%; height:102%; background:#fff; background:#fff; position:absolute; left:-1%; top:-1%; border-radius:50%;  transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); overflow:hidden; transition:0.32s; visibility:hidden;}
.eqs li:last-child{ margin-right:0;}
.eqs li a{ display:block; height:28px; line-height:28px; position:relative; z-index:5;}
.eqs li .desc{ position: absolute; width: 100px; padding: 10px; left: 50%; margin-left: -60px; top: 150%; text-align: center; color: #333333; background-color: #fff; font-size: 14px; line-height: 1.5; opacity: 0; visibility: hidden; transition: .4s;}
.eqs li .tel-desc{ width: 150px; margin-left: -80px; padding: 15px 5px; color: #FFA11F; font-size: 18px; font-weight: bold;}
.eqs li .desc:before {content: ""; width: 10px; height: 5px; background: url(../image/arrow.png) center no-repeat; position: absolute; left: 50%; margin-left: -5px; top: -5px;}
.eqs li .desc img{ width: 100%; display: block;}
.eqs li:hover .desc{ opacity: 1; top: 120%; visibility: visible;}
.eqs li:nth-child(1) a{ background:url(../image/tel1.png) center no-repeat;}
.eqs li:nth-child(2) a{ background:url(../image/weixin1.png) center no-repeat;}
.eqs li:nth-child(3) a{ background:url(../image/qq1.png) center no-repeat;}
.eqs li:hover:before{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); visibility:visible;}
.eqs li:nth-child(1):hover a{ background:url(../image/tel.png) center no-repeat;}
.eqs li:nth-child(2):hover a{ background:url(../image/weixin2.png) center no-repeat;}
.eqs li:nth-child(3):hover a{ background:url(../image/qq2.png) center no-repeat;}
.header-box.scoll{ box-shadow:0 0 5px rgba(0,0,0,0.3);}
.header-box.scoll,.innerheader{ background:#fff; 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;}
.innerheader{ animation:none; -webkit-animation:none; -moz-animation:none;}
.header-box.scoll:before,.innerheader:before{ content:""; width:100%; height:1px; background:#d6d6d6; position:absolute; left:0; top:50px;}

.header-box.scoll .nav,.innerheader .nav{ background:#fff;}
.header-box.scoll .nav >li >a,.innerheader >.nav >li >a{ color:#333333;}
.header-box.scoll .nav li:hover .meundowns:before,.innerheader >.nav >li:hover .meundowns:before{ background:url(../image/arrow1_1.png) center no-repeat;}
.header-box.scoll .nav >li .meundowns li a,.innerheader >.nav >li .meundowns li a{ color:#fff;}
.header-box.scoll .nav li:hover .meundowns,.innerheader >.nav >li:hover .meundowns{ background:#FFA11F;}
.header-box.scoll .nav >li:hover >a,.header-box.scoll .nav >li.active >a,.innerheader .nav >li:hover >a,.innerheader .nav >li.active >a{ color:#FFA11F;}
.header-box.scoll .nav >li >a:before,.innerheader .nav >li >a:before{ background:#FFA11F;}
.header-box.scoll .eq-list .line1,.innerheader .eq-list .line1{ background:#adadad;}
.header-box.scoll .eqs,.innerheader .eqs{ background:#fff;}
.header-box.scoll .eqs li,.innerheader .eqs li{ border-color:#a5a5a5; background:#fff;}
.header-box.scoll .eqs li:before,.innerheader .eqs li:before{ background:#a5a5a5;}
.header-box.scoll .eqs li:nth-child(1) a,.innerheader .eqs li:nth-child(1) a{ background:url(../image/tel.png) center no-repeat;}
.header-box.scoll .eqs li:nth-child(1):hover a,.innerheader .eqs li:nth-child(1):hover a{ background:url(../image/tel1.png) center no-repeat;}
.header-box.scoll .eqs li:nth-child(2) a,.innerheader .eqs li:nth-child(2) a{ background:url(../image/weixin.png) center no-repeat;}
.header-box.scoll .eqs li:nth-child(2):hover a,.innerheader .eqs li:nth-child(2):hover a{ background:url(../image/weixin1.png) center no-repeat;}
.header-box.scoll .eqs li:nth-child(3) a,.innerheader .eqs li:nth-child(3) a{ background:url(../image/qq.png) center no-repeat;}
.header-box.scoll .eqs li:nth-child(3):hover a,.innerheader .eqs li:nth-child(3):hover a{ background:url(../image/qq1.png) center no-repeat;}

.menus{ cursor:pointer; z-index:5; float:right; width:65px; height:64px; background:#be681d; z-index:10; position:relative; text-align:center;}
#menu_toggle1{ display:none;}
.menus span { display: inline-block; width: 22px; margin:auto; height: 4px; top:50%; margin-top:-2px; position:absolute; left:0; right:0; vertical-align: middle; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s;
 -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s;}
.menus span:after,
.menus span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 4px; left: 0;
background-color: #fff; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}
.menus span:before {top: -8px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.menus span:after {bottom: -8px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.menus.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.menus.active span:after,.menus.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}
.menus.active span:before {top: 0px; -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menus.active span:after {bottom: 0px; -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.navigate{ position:fixed; width:100%; height:100%; box-sizing:border-box; padding:50px 0; background:#fff; z-index:20; left:0; top:0; display:none; overflow-y:scroll;}
.nclose{ display:block; width:25px; height:25px; background:url(../image/close2.png) center no-repeat; position:absolute; right:20px; top:15px; transition:0.44s;}
.nclose.hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.navigateli >li{ border-bottom:1px solid #cccccc;}
.navigateli >li >a{ display:block; color:#333333; font-size:15px; padding-left:28px; line-height:54px; position:relative;}
.navigateli >li >a.now{ background:#bd671b; color:#fff;}
.navigateli >li >a.now b:before,.navigateli >li >a.now b:after{ background:#fff;}
.navigateli >li >a.now b:after{ transform:translateY(30px); -webkit-transform:translateY(30px); -moz-transform:translateY(30px); opacity:0;}
.navigateli >li >a b{ display:block; width:15px; height:15px; position:absolute; right:28px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.navigateli >li >a b:before{ content:""; width:100%; height:2px; background:#999999; position:absolute; left:0; top:7px; transition:0.32s;}
.navigateli >li >a b:after{ content:""; width:2px; height:100%; background:#999999; position:absolute; left:7px; top:0; transition:0.32s;}
.navdown{ background:#dbdbdb; display:none;}
.navdown li a{ display:block; color:#333333; font-size:15px; padding-left:28px; line-height:50px;}

@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }

    to { transform: translateY(0); opacity: 1; }
}

@keyframes shake {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}

@-webkit-keyframes shake {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
.inner { width:1200px; margin: 0px auto;}
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: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
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; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.popUpblack { background: #000\9; filter: alpha(opacity=80); background: rgba(0,0,0,0.8); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none; }
.popUp { width: 220px; height: 242px; border: 2px solid #bd671b; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }
.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }
.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal; }
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; display: block; }
.popUp2{ width: 380px; border: 0 none; border-radius: 8px; height: auto; transform: translate(-50%,-50%); margin: 40px 0 0;}
.popUp2 .t{ padding: 10px 5%; font-size: 14px; border-radius: 8px;}
.popUp2 .txt{ font-size: 24px; padding: 35px 5%; text-align: center; color: #333;}
.numble{ position:absolute; left:10%; top:57%; z-index:10;}
.numble span{ float:left; color:#fff; font-size:14px; font-weight:bold; font-family:"Arial"; line-height:28px;}
.numble span i{ display:inline-block; font-style:normal;}
.numble b{ line-height:28px; float:left; margin:0 10px; height:28px; width:6px; background:url(/template/default/skin/images/line.png) center no-repeat;}
.numble span.start{ font-size:36px;}
.radisuce{ width:544px; position:absolute; left:50%; margin-left:-272px; top:21.3333%; z-index:10; text-align:center;}
.no-canvas{ float:left; display:none;}
.radius{ z-index:5;}
.radius canvas{ float:left;}
.yongan{ width:100%; left:0; top:50%; position:absolute; text-align:center; margin-top:-114px;}
.yongan small{ display:block; text-align:center; color:#ffffff; font-size:72px; font-weight:bolder; font-family:"Arial"; line-height:1; opacity:0.76; filter:alpha(opacity=76);}
.yongan h3{ color:#ffffff; font-size:60px; font-weight:bold; line-height:1; margin-top:30px; text-align:center;}
.yongan span{ display:inline-block; padding:0 23px; border-radius:12px; line-height:31px; color:#fff; margin:auto; font-size:14px; text-transform:uppercase; font-family:"Kalinga"; margin:auto; background:rgba(189,103,27,0.5); background:#bd671b\9; filter:alpha(opacity=50); margin-top:35px;}
.yousvg{ position:absolute; left:0; width:396px; bottom:54px; left:50%; margin-left:-198px;}
.yousvg img{ display:block; width:100%; height:auto;}
.homevideo{ width:65px; height:65px; position:absolute; right:-32px; top:50%; margin-top:-32px; cursor:pointer;}
.homevideo:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; border-radius:50%; background:#bd671b; transition:0.43s;}
.homevideo:hover:before{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.homevideo span{ display:block; line-height:65px; position:relative; z-index:5; background:url(/template/default/skin/images/video1.png) center no-repeat; height:65px;}

.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; left: 0; top: 0; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 860px; height: 480px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -240px; margin-left: -430px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 24px; height: 24px; cursor: pointer; position: absolute; top: -28px; right: 0px; }
.vwrap .close i { display: block; width: 24px; height: 24px; background: url(/template/default/skin/images/close1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button { background: none no-repeat!important; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }

.industry-box{ position:relative;}
.industrbg{ width:100%; height:100%; position:absolute; left:0; top:0; height:133px\9;}
.industry-list{ position:relative; z-index:5;}
.industry-list li{ position:relative; width:20%; float:left; line-height:0;}
.industry-list li figure{ display:block; line-height:0; overflow:hidden;}
.industry-list li figure img{ width:100%; height:auto; line-height:0; transition:0.54s;}
.industryfix{ width:100%; height:100%; position:absolute; left:0; top:0;}
.indusbg{ width:100%; height:100%; background:rgba(189,103,27,0.8); background:#bd671b\9; filter:alpha(opacity=80); position:absolute; left:0; top:0; transition: -webkit-transform .56s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .56s cubic-bezier(.4,0,.2,1); transition: transform .56s cubic-bezier(.4,0,.2,1); transition: transform .56s cubic-bezier(.4,0,.2,1),-webkit-transform .56s cubic-bezier(.4,0,.2,1); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9;}
.inwr{ width:100%; position:absolute; left:0; top:50%; margin-top:-43px; text-align:center; opacity:0; transform:rotateY(90deg); -moz-transform:rotateY(90deg); -webkit-transform:rotateY(90deg); visibility:hidden; transition:0.44s;}
.industryfix i{ display:block; width:27.34%; height:1px; background:#e3c2a6; position:absolute; top:50%; opacity:0; visibility:hidden; width:0; transition:0.34s;}
.industryfix i.line1{ left:0; transform-origin:0 0; -webkit-transform-origin:0 0;}
.industryfix i:before{ content:""; width:1px; height:9px; background:#e3c2a6; position:absolute; top:-4px;}
.industryfix i.line1:before{ left:0;}
.industryfix i.line2{ right:0; transform-origin:right 0; -webkit-transform-origin:right 0;}
.industryfix i.line2:before{ right:0;}
.inwr b{ display:block; width:56px; height:57px; position:relative; margin:auto; margin-bottom:12px;}
.inwr b img{ display:block; max-width:100%; height:auto; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.inwr span{ display:block; text-align:center; color:#fff; line-height:1; font-size:18px;}
.industry-list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.industry-list li:hover .indusbg{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9;} 
.industry-list li:hover .industryfix i{ width:27.34%; opacity:1; visibility:visible; transition-delay:0.15s;}
.industry-list li:hover .inwr{ opacity:1; transform:rotateY(0); -webkit-transform:rotateY(0); -moz-transform:rotateY(0); visibility:visible; transition-delay:0.2s;}

@-webkit-keyframes slideIn { 0% { width:0;} 100% { width:100%;} } 
@keyframes slideIn { 0% { width:0;} 100% { width:100%;} } 

.footer-box{ padding:42px 80px 42px 67px; background:#ffffff; border-bottom:7px solid #bd671b; position:relative;}
.footerle{ float:left; margin-top:8px; width:55%;}
.address{ display:block; margin-bottom:25px;}
.address p{ float:left; color:#666666; font-size:15px; font-style:normal; padding-left:28px; margin-right:48px; line-height:24px;}
.address p:nth-child(1){ background:url(/template/default/skin/images/map1.png) left center no-repeat;}
.address p:nth-child(2){ background:url(/template/default/skin/images/tel2.png) left center no-repeat;}
.address p:nth-child(3){ background:url(/template/default/skin/images/mail.png) left center no-repeat;}

.share{ margin-top:24px;}
.share span{ display:inline-block; float:left; color:#666666; font-size:15px; line-height:30px; font-family:"Arial"; margin-right:14px;}
.sharelist{ float:left;}
.sharelist a{ width:28px; height:28px; border:1px solid #c7c7c7; float:left; margin-right:12px; position:relative; border-radius:50%;}
.sharelist a:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; border-radius:50%; background:#c3c3c3; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); transition:0.34s ease-in-out; visibility:hidden;}
.sharelist a b{ display:block; height:28px; border-radius:50%; position:relative; z-index:4;}
.sharelist a:nth-child(1) b{ background:url(/template/default/skin/images/weixin2.png) center no-repeat;}
.sharelist a:nth-child(2) b{ background:url(/template/default/skin/images/qq2.png) center no-repeat;}
.sharelist a:hover:before{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); visibility:visible;} 

.footerigh{ float:right; position:relative; z-index:5;}
.footerlike{ margin-bottom:20px;}
.link{ float:right; width:192px; position:relative;}
.link.on span:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.link span{ display:block; padding-left:12px; position:relative; border:1px solid #999999; color:#666666; font-size:14px; position:relative; line-height:28px; cursor:pointer;}
.link span:before{ content:""; width:10px; height:5px; background:url(/template/default/skin/images/arrow1.png) center no-repeat; position:absolute; right:16px; top:50%; margin-top:-2px; transition:0.36s;}
.linkdown{ position:absolute; left:0; bottom:30px; background:#bd671b; width:100%; display:none;}
.linkdown li{ border-top:1px solid #fff;}
.linkdown li:first-child{ border-top:none;}
.linkdown li a{ display:block; line-height:28px; padding-left:12px; color:#fff;}
.copyright p,.copyright a{ display:inline-block; float:left; color:#666666; font-size:14px; margin-left:13px;}
.copyright a:hover{ color:#bd671b;}

/*about*/
.mtop{ height:89px;}
.pbanner{ position:relative;}
.pbanner figure{ display:block; line-height:0; overflow:hidden;}
.pbanner figure img{ display:block; width:100%; height:auto; line-height:0;}
.pbanner strong{ display:block; width:100%; position:absolute; left:0; top:50%; color:#ffffff; font-size:60px; font-weight:bold; text-align:center; margin-top:-46px; line-height:1; padding-bottom:32px; text-transform:uppercase;}
.pbanner strong:before{ content:""; width:42px; height:4px; background:#fff; position:absolute; left:50%; margin-left:-21px; bottom:0;}
.leval-menu{ position:absolute; top:0; width:100%; left:0; height:48px; z-index:10;}
.levals{ width:100%; text-align:center; position:relative; left:0; top:0; border-bottom:1px solid #cccccc; z-index:30; line-height:0; background:#fff;}
.levalfix{ display:inline-block; margin:auto;}
.levalfix li{ float:left; padding:0; line-height:1; position:relative;}
.levalfix li a{ display:block; padding:0 24px; height:47px; line-height:47px; text-align:center; color:#333333; font-size:16px; font-weight:bold; position:relative;}
.levalfix li a:before{ content:""; width:1px; height:14px; background:#999999; position:absolute; right:0; top:50%; margin-top:-7px; transition:0.28s;}
.levalfix li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#FFA11F; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .42s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .42s cubic-bezier(.4,0,.2,1); transition: transform .42s cubic-bezier(.4,0,.2,1); transition: transform .42s cubic-bezier(.4,0,.2,1),-webkit-transform .42s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.levalfix li:hover:before,.levalfix li.current:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.levalfix li:hover a,.levalfix li.current a{ color:#fff;}
.levalfix li:hover a:before,.levalfix li.current a:before{ opacity:0; visibility:hidden;}

.iphone-fix{ width:100%; background:#FFA11F;  display:none; position:relative; z-index:15;}
.iphone-fix span{ color:#fff; display:block; text-align:center; font-size:16px; height:46px; line-height:46px; cursor:pointer;}
.iphone-fix.scoll{ position:fixed; left:0; top:90px;}
.iphone-fix span em{ color:#fff; font-size:14px; font-style:normal; line-height:46px; display:inline-block;}
.iphone-fix span b{ display:inline-block; margin-left:5px; width:10px; height:5px; background:url(/template/default/skin/images/arrow11.png) center no-repeat; position:relative; top:-2px;}
.iphone-down{ width:100%; position:absolute; left:0; display:none; top:46px; background:rgba(137,94,46,0.7);}
.iphone-down a{ display:block; width:50%; float:left; font-size:14px; text-align:center; height:42px; line-height:42px; color:#fff; position:relative; overflow: hidden; border: none !important;}
.iphone-down a:hover,.iphone-down a.on{ background:rgba(90,62,43,0.7);}

.iphone-down a:after{ content: ''; position: absolute; bottom: 0;left: 0; width: 100%; height: 1px; z-index: 1; background-color: #4c3428; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: ReturnToNormal; animation-name: ReturnToNormal;}

@-webkit-keyframes ReturnToNormal {
0%{
	-webkit-transform: scale(0.1,1);
	-ms-transform: scale(0.1,1);
	transform: translate: scale(0.1,1);
	}


  100% {
	-webkit-transform: scaleX(1,1);
	-ms-transform: scale(1,1);
	transform: translate: scaleX(1,1);
  }

  
}

@keyframes ReturnToNormal {
0%{
	-webkit-transform: scale(0.1,1);
	-ms-transform: scale(0.1,1);
	transform: translate: scale(0.1,1);
	}


  100% {
	-webkit-transform: scaleX(1,1);
	-ms-transform: scale(1,1);
	transform: translate: scaleX(1,1);
  }
}
.levawr{ position:relative; height:47px;}
.profile-box{ padding:60px 0 60px; background:#fff; position:relative;}
.profile{ text-align:center;} 
.commont h3{ line-height:1; color:#666666; font-size:24px; font-weight:bold; text-align:center; margin-bottom:12px;}
.commont small{ display:block; text-align:center; line-height:1; text-transform:uppercase; color:#999999; font-size:12px; font-family:"Arial"; font-weight:bold;}
.companys{ display:inline-block; margin:auto; margin-top:40px;}
.company-info{ float:left; text-align:center;}
.company-info strong{ display:block; text-align:center; line-height:1; color:#FFA11F; font-size:72px; font-weight:bold; font-family:"Futura-Md-BT";}
.company-info p{ color:#666666; font-size:14px; text-align:center; margin-top:6px; line-height:1;}
.compwr{ float:left; width:10px; height:10px; background:url(/template/default/skin/images/arrow3.png) center no-repeat; margin:28px 62px 0;}
.profixdown{ margin-top:40px; text-align:left;}
.profixdown p{  color:#454545; font-size:15px;  margin:auto;line-height: 28px;}
.checkm{ width:166px; margin:auto; margin-top:54px; border-radius:22px; border:2px solid #FFA11F; position:relative;}
.checkm:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#FFA11F; border-radius:18px; transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); visibility:hidden; transition:0.32s ease-in-out;}
.checkm a,.checkm span{ display:block; text-align:center; color:#FFA11F; position:relative; z-index:4; font-size:14px; line-height:40px; height:40px;}
.checkm a b,.checkm span b{ display:inline-block; margin-left:26px; width:6px; height:9px; background:url(/template/default/skin/images/arrow4.png) center no-repeat; margin-left:26px; transition:0.34s; position:relative; left:0;}
.checkm:hover:before{ visibility:visible; transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1);}
.checkm:hover a,.checkm:hover span{ color:#fff!important;}
.checkm:hover a b,.checkm:hover span b{ background:url(/template/default/skin/images/arrow5.png) center no-repeat; left:5px;}

.development-box{ padding:83px 0 145px; overflow:hidden; background-repeat:no-repeat;}
.development-box .commont h3,.development-box .commont small{ color:#fff;}

.develop{ width:96.56%; margin:auto; position:relative; margin-top:210px;}
.developwr{ position:relative; padding:0 150px;}
.develine{ width:100%; height:2px; background:rgba(255,255,255,0.59); background:#fff\9; filter:alpha(opacity=59); position:absolute; left:0; top:50%; margin-top:-1px;}
.developinfo{ width:281px; float:left; height:100%; position:relative; max-width:280px !important;}
.develtop{ height:137px; border-left:1px solid #fff; margin-left:28px; padding-left:12px; position:relative;}
.developer p{ color:#ffffff; font-size:15px;}
.developer .develindown{ position:relative; top:-4px;}
.developer strong{ display:block; color:#fff; font-size:24px; font-weight:normal; font-family:"Futura-Md-BT"; line-height:1; position:absolute; left:0; bottom:-42px;}
.developer i{ display:block; width:13px; height:13px; background:#fff; border-radius:50%; position:absolute; left:22px; bottom:-6px;}
.developinfo:nth-child(2n+2){ margin-top:135px;}
.developinfo:nth-child(2n+2) .developer strong{ bottom:auto; top:-42px;}
.developinfo:nth-child(2n+2) .developer i{ bottom:auto; top:-6px;}
.developinfo:nth-child(2n+2) .develtop .develindown{ position:absolute; width:100%; left:0; bottom:-4px; top:auto;}
.developinfo:nth-child(2n+2) .develtop .develindown p{ margin-left:12px;}

.slick-list{ overflow:hidden;}
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table;}
.slick-track:after { clear: both;}
.developwr .slick-prev,.developwr .slick-next{ display:block; padding:0; margin:0; border:none; width:48px; height:48px; border-radius:50%; position:absolute; top:50%; margin-top:-25px; text-indent:9999px; overflow:hidden; cursor:pointer; transition:0.38s; outline:none;}
.developwr .slick-prev{ left:0; background:#fafcfe url(/template/default/skin/images/arrow6.png) center no-repeat;}
.developwr .slick-next{ right:0; background:#fafcfe url(/template/default/skin/images/arrow7.png) center no-repeat;}
.developwr .slick-prev:hover{ background:#FFA11F url(/template/default/skin/images/arrow8.png) 16px center no-repeat; }
.developwr .slick-next:hover{ background:#FFA11F url(/template/default/skin/images/arrow9.png) 20px center no-repeat; }

.honor-box{ padding-top:86px; background:#fff; position:relative;}
.honor{ margin-top:48px; position:relative;}
.honorimg{ width:50%; float:left; line-height:0;}
.honorimg img{ display:block; width:100%; height:auto;}
.honorlist{ width:50%; position:absolute; right:0; top:0; height:100%; background:url(/template/default/skin/images/9.jpg) center no-repeat;}
.honorwr{ width:602px; margin:auto; height:380px; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.honortext{ height:144px; margin:0 8px;}
.honortext p{ color:#333333; font-size:15px; line-height:2;}

.honorfix{ position:relative;overflow: hidden;}
.honorli{ position:relative;width: 100%;}
.honorfix .honorin{ display:block; float:left;}
.honorfix a{ display:block; padding:11px; background:#fff; overflow:hidden;}
.honorfix a figure{ display:block; overflow:hidden; line-height:0;}
.honorfix a figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.42s;}
.honorfix a figure img:hover{ transform:scale(1.07); -webkit-transform:scale(1.07); -moz-transform:scale(1.07);}
.honorli .flex-direction-nav li a{ display:block;opacity: 1; padding:0; margin:0; border:none; width:48px; height:48px; border-radius:50%; position:absolute; top:50%; margin-top:-25px; text-indent:9999px; overflow:hidden; cursor:pointer; transition:0.38s; outline:none;}
.honorli .flex-direction-nav li a.flex-prev{ left:-75px; background:#fff url(/template/default/skin/images/arrow6.png) center no-repeat;}
.honorli .flex-direction-nav li a.flex-next{ right:-75px; background:#fff url(/template/default/skin/images/arrow7.png) center no-repeat;}
.honorli .flex-direction-nav li a.flex-prev:hover{ background:#FFA11F url(/template/default/skin/images/arrow8.png) 16px center no-repeat; }
.honorli .flex-direction-nav li a.flex-next:hover{ background:#FFA11F url(/template/default/skin/images/arrow9.png) 20px center no-repeat;}
.honorli .swiper-button-prev, .honorli .swiper-button-next{width: 50px;height: 50px;background-color: #fff;background-size: 30%;border-radius: 50%;}
.honorli .swiper-button-prev{left: -60px;}
.honorli .swiper-button-next{right: -60px;}

.philosophy-box{ padding:86px 0 90px; background:#fafcfe;}
.philosofix{ width:1240px; margin:auto; margin-top:35px;}
.philosofix p{ color:#333333; font-size:16px; text-align:center;}
.philosoban{ margin-top:50px; position:relative;}
.philoso-info{ float:left;}
.philowr{ margin:0 20px; overflow:hidden;}
.philowr figure{ display:block; line-height:0; overflow:hidden;}
.philowr figure img{ display:block; transition:0.5s; width:100%; height:auto; line-height:0;}
.philodown{ padding:20px 40px; border:2px solid #eaeaea; border-top:none;}
.philodown span{ display:block; color:#333333; font-size:16px; height:60px; overflow:hidden;line-height: 20px;}
.philosoban .slick-prev,.philosoban .slick-next{ display:block; padding:0; margin:0; border:none; width:48px; height:48px; border-radius:50%; position:absolute; top:50%; margin-top:-25px; text-indent:9999px; overflow:hidden; cursor:pointer; transition:0.38s; outline:none;}
.philosoban .slick-prev{ left:-75px; background:#999999 url(/template/default/skin/images/arrow8.png) center no-repeat;}
.philosoban .slick-next{ right:-75px; background:#999999 url(/template/default/skin/images/arrow9.png) center no-repeat;}
.philosoban .slick-prev:hover{ background:#FFA11F url(/template/default/skin/images/arrow8.png) 16px center no-repeat; }
.philosoban .slick-next:hover{ background:#FFA11F url(/template/default/skin/images/arrow9.png) 20px center no-repeat; }
.philowr:hover figure img{ transform:scale(1.03); -webkit-transform:scale(1.03); -moz-transform:scale(1.03);}

.team-box{ padding:60px 0 50px; background-position:center top;}
.team .commont h3,.team .commont small{ color:#fff;}
.teamdown{ margin-top:30px; padding-top:30px; border-top:1px solid rgba(255,255,255,0.5); border-top:1px solid #fff\9; text-align:center;}
.tearmlis{ display:inline-block; margin:auto; margin-bottom:34px;}
.tearmlis li{ float:left; margin-right:58px; text-align:center;}
.tearmlis li:last-child{ margin-right:0;}
.tearmlis li span{ display:block; text-align:center; color:#ffffff; font-size:14px; line-height:1; margin-bottom:12px;}
.tearmlis li span b{ display:inline-block; font-size:36px; font-family:"Futura-Md-BT"; margin-right:3px;}
.tearmlis li p{ color:#fff; font-size:14px; text-align:center; line-height:1.2;}
.tearmtex{ margin-bottom:72px;}
.tearmtex p{ text-align:center; color:#fff; font-size:15px; line-height:2;}
.tearmlist li{ width:31.2%; float:left; margin-right:3.2%; background:#fff;}
.tearmlist li:nth-child(3n+3){ margin-right:0;}
.tearmlist li figure{ display:block; line-height:0; overflow:hidden;}
.tearmlist li figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.52s ease-in-out;}
.tearmlist li span{ display:block; line-height:53px; text-align:center; color:#333333; font-size:16px; background:#fff; transition:0.43s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing: border-box;padding-left: 5px;padding-right: 5px;}
.tearmlist li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.tearmlist li:hover span{ background:#FFA11F; color:#fff;}
.checkm1{ border-color:#fff;}
.checkm1:before{ background:#fff;}
.checkm1 a{ color:#fff;}
.checkm1 a b{ background:url(/template/default/skin/images/arrow5.png) center no-repeat;}
.checkm1:hover a{ color:#FFA11F !important;}
.checkm1:hover a b{ background:url(/template/default/skin/images/arrow4.png) center no-repeat;}

.responsibe-box{ padding:50px 0 0px; background:#fafcfe;}
.responsfix{ margin-top:38px; padding-bottom:58px;}
.responsfix h2{ text-align:center; color:#FFA11F; font-size:24px; font-weight:bold; line-height:35px; margin-bottom:16px;}
.responsfix p{ text-align:center; color:#333333; font-size:18px;line-height: 26px;}
.responsibes{ padding-top:70px;}
.responbg{ line-height:1;}
.responbg img{ display:block; width:100%; height:auto; line-height:0;}
.combtn{ width:44px; height:44px; border:2px solid #FFA11F; margin:auto; margin-top:76px; border-radius:50%; position:relative;}
.combtn b{ display:block; width:14px; height:7px; background:url(/template/default/skin/images/arrow10.png) center no-repeat; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.combtn1 b{ animation-delay: 0ms; animation-duration: 1000ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear;}
.introductfux p{color:#333333;font-size:15px; text-align: justify;}
.introductfux{ width:904px; margin:auto; text-align:left; margin-top:68px;}
.profile-box1{ background:#fbfcfe; padding-bottom:70px;}
@-webkit-keyframes arrow {
    0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0.6; -webkit-transform: translate3d(0px, 8px, 0px); }
}

@keyframes arrow {
    0% { opacity: 0; transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0.6; transform: translate3d(0px, 8px, 0px); }
}
.combtn2{ cursor:pointer; margin-top:45px;}
.combtn2 b{ transition:0.38s 0s;}
.combtn2:hover b{ transform:translateY(3px); -webkit-transform:translateY(3px); -moz-transform:translateY(3px);}
.combtn2.on b{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.prohides{ display:none;}
.prohides p{ color:#333333; font-size:15px; width:740px; margin:auto;}

.business-box{ padding-bottom:42px; background:#fafcfe;}
.business-list li{ position:relative; background:#fff;}
.business-list li figure{ display:block; width:50%; float:left; overflow:hidden; line-height:0;}
.business-list li figure img{ display:block; width:106%; width:100%\9; position:relative; left:-3%; left:0\9; height:auto; transition:0.56s;}
.businessfix{ width:50%; height:100%; position:absolute; left:50%; top:0;}
.businewr{ width:470px; position:absolute; left:13.54%; top:50%; margin-top:-140px;}
.businewr h3{ color:#333333; font-size:30px; line-height:1; font-weight:bold; margin-bottom:48px; transition:0.4s;}
.businessdown{ height:158px; overflow:hidden;}
.businessdown p{ color:#333333; font-size:15px; line-height:2;}
.businewr .checkm{ margin:0;}
.business-list li:hover .businewr h3{ color:#FFA11F;}
.business-list li:hover figure img{ left:0;}
.business-list li:hover .checkm:before{ visibility:visible; transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1);}
.business-list li:hover .checkm span{ color:#fff;}
.business-list li:hover .checkm span b{ background:url(/template/default/skin/images/arrow5.png) center no-repeat; left:5px;}
.business-list li:nth-child(2n+2) figure{ float:right;}
.business-list li:nth-child(2n+2) .businessfix{ left:0;}
.business-list li:nth-child(2n+2) .businewr{ left:50%; margin-left:-235px;}

.businee-box{ padding-top:180px; background-size:cover !important;}
.busineewr{ position:relative; width:1100px; margin:auto; position:relative;}
.busineli li{ line-height:1; overflow:hidden; position:relative;}
.busineli li figure{ display:block; overflow:hidden; line-height:0;}
.busineli li figure img{ display:block; width:100%; height:auto;}
.busineli li span{ display:block; width:100%; padding-top:92px; height:32px; background:url(/template/default/skin/images/bunessbg.png) left top repeat-x; line-height:1; color:#ffffff; font-size:16px; position:absolute; left:0; bottom:0; text-align:center;}
.busineewr .flex-direction-nav li a{ display:block; width:48px; height:48px; text-indent:9999px; overflow:hidden; position:absolute; top:50%; margin-top:-24px; z-index:10; border-radius:50%;}
.busineewr .flex-direction-nav li a.flex-prev{ background:#fafcfe url(/template/default/skin/images/arrow6.png) center no-repeat; left:-80px}
.busineewr .flex-direction-nav li a.flex-next{ background:#fafcfe url(/template/default/skin/images/arrow7.png) center no-repeat; right:-80px;}
.busineewr .flex-direction-nav li a.flex-prev:hover{ background:#FFA11F url(/template/default/skin/images/arrow8.png) 15px center no-repeat;}
.busineewr .flex-direction-nav li a.flex-next:hover{ background:#FFA11F url(/template/default/skin/images/arrow9.png) 21px center no-repeat;}

.busfix{ width:1100px; margin:auto; padding:67px 0 156px;}
.busfix h2{ color:#333333; font-size:30px; font-weight:bold; line-height:1; margin-bottom:30px;}
.busfix p{ color:#333333; font-size:15px;}
.peges{ background:#eeeeee;}
.peges a.backlist,.peges a.prev,.peges a.next{ display:block; float:left; width:33.33333%; height:49px; line-height:49px; color:#ffffff; font-size:15px; text-align:center;}
.peges a.backlist{ background:#be8f65; position:relative;}
.peges a.backlist:before,.peges a.backlist:after{ content:""; width:1px; height:100px; background:#eeeeee; position:absolute; top:0;}
.peges a.backlist:before{ left:0;}
.peges a.backlist:after{ right:0;}
.peges a.prev{ background:url(/template/default/skin/images/arrow12.png) center no-repeat;}
.peges a.next{ background:url(/template/default/skin/images/arrow13.png) center no-repeat;}
.peges a.prev:hover{ background:#be8f65 url(/template/default/skin/images/arrow14.png) center no-repeat;}
.peges a.next:hover{ background:#be8f65 url(/template/default/skin/images/arrow15.png) center no-repeat;}
.pagelist{ width:33.333%; float:left; position:relative; background:#be8f65; height:49px; text-align:center;}
.pagelist:before,.pagelist:after{ content:""; width:1px; height:100px; background:#eeeeee; position:absolute; top:0;}
.pagelist:before{ left:0;}
.pagelist:after{ right:0;}
.pagelist a{ display:inline-block; width:33px; height:33px; text-align:center; line-height:33px; border-radius:50%; color:#fff; font-size:15px; margin-top:9px; line-height:33px; margin-right:2px;}
.pagelist a:last-child{ margin-right:0;}
.pagelist a:hover,.pagelist a.on{ background:#FFA11F;}
.property{ width:920px; margin:auto; margin-top:30px;}
.property strong{ display:block; line-height:1.4; color:#FFA11F; font-size:24px; font-weight:bold; text-align:center;}
.property p{ color:#333333; font-size:15px;}
.properimg{ line-height:0; overflow:hidden;}
.properimg img{ display:block; width:100%; height:auto;}

.project-box{ padding-top:34px;}
.project-list li{ margin-bottom:14px; position:relative;}
.project-list li figure{ display:block; width:50%; float:left; line-height:1; overflow:hidden;}
.project-list li figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.5s;}
.projectfix{ width:50%; height:100%; position:absolute; left:50%; top:0; transition:0.56s; background:#fafcfe;}
.projectfix:before{ content:""; width:100%; height:100%; background:#FFA11F; position:absolute; left:0; top:0; -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9;}
.prowr{ position:relative; height:100%; margin:0 46px; z-index:5;}
.times{ width:74px; height:88px; background:url(/template/default/skin/images/probg.png) center no-repeat; margin-bottom:28px; text-align:center; transition:0.42s;}
.prodown{ overflow:hidden;}
.times strong{ display:block; text-align:center; color:#fff; font-size:30px; font-family:"Arial"; padding-top:12px; line-height:1; font-weight:bold; margin-bottom:8px;}
.times span{ display:block; text-align:center; line-height:1; color:#fff; font-size:12px; font-family:"Arial"; font-weight:bold;}
.prodown h3{ color:#333333; font-size:24px; font-weight:bold; line-height:1.2; padding-bottom:18px; border-bottom:1px solid #c9c9c9; margin-bottom:26px; transition:0.34s; position:relative; z-index:5;}
.prodown p{ color:#333333; font-size:15px; transition:0.35s;}
.project-list{ margin-bottom:84px;}
.project-list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.project-list li:hover .projectfix:before{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9;}
.project-list li:hover .projectfix .times{ background:url(/template/default/skin/images/probg1.png) center no-repeat;}
.project-list li:hover .prodown h3{ color:#fff; border-bottom:1px solid #fff;}
.project-list li:hover .prodown p{ color:#fff;}

.bid-box{ padding:76px 0 76px; background:#f6f6f6;}
.bidtitle{ padding-bottom:20px; border-bottom:2px solid #FFA11F;}
.bid-info{ float:left; margin-right:18px; position:relative;}
.bid-info:before{ content:""; width:17px; height:5px; background:url(/template/default/skin/images/arrow16.png) center no-repeat; position:absolute; left:50%; margin-left:-8px; bottom:-20px; opacity:0; visibility:hidden; transition:0.34s;}
.bid-info:last-child{ margin-right:0;}
.bid-info a{ display:block; padding:0 10px; border-radius:10px; height:26px; line-height:26px; color:#333333; font-size:16px; font-weight:bold; position:relative;}
.bid-info a:hover{ background:#FFA11F; color:#fff;}
.bid-info.on:before{ opacity:1; visibility:visible;}
.bid-info.on a{ background:#FFA11F; color:#fff;}
.bid-list{ margin-top:32px;}
.bid-list li{ margin-bottom:4px; background:#fff; position:relative; transition:0.4s;}
.bid-list li time{ display:block; float:left; color:#666666; font-size:14px; font-family:"Arial"; line-height:58px; margin-left:30px; transition:0.4s;}
.bid-list li span{ display:block; float:left; color:#333333; font-size:15px; margin-top:16px; margin-left:34px; transition:0.4s;}
.bid-list li b{ display:block; width:9px; height:17px; background:url(/template/default/skin/images/arrow17.png) center no-repeat; position:absolute; right:48px; top:50%; margin-top:-8px; opacity:0; visibility:hidden; transition:0.36s;}
.bid-list li:hover{ box-shadow:0 0 24px rgba(0,0,0,0.17); z-index:5;}
.bid-list li:hover time{ color:#FFA11F;}
.bid-list li:hover span{ color:#FFA11F;}
.bid-list li:hover b{ opacity:1; visibility:visible; right:40px;}
.new-info{ margin:70px auto 38px; position:relative;}
.new-info figure{ display:block; width:50%; float:left; overflow:hidden; line-height:1;}
.new-info figure img{ display:block; width:100%; height:auto; line-height:1; transition:0.5s;}
.biewwr{ width:50%; height:100%; position:absolute; left:50%; top:0; box-sizing:border-box; border:2px solid #eaeaea;}
.newwr{ width:85.66%; position:absolute; left:0; top:0; right:0; bottom:0; height:232px; margin:auto;}
.newwr h3{ color:#333333; font-size:24px; line-height:1.2; font-weight:bold; padding-bottom:20px; border-bottom:1px solid #c9c9c9; margin-bottom:20px; transition:0.4s;}
.newwr p{ color:#333333; font-size:15px; height:115px;}
.newwr span{ display:inline-block; color:#FFA11F; font-size:14px; line-height:1; padding-right:24px; position:relative; padding-bottom:2px;}
.newwr span:before{ content:""; width:11px; height:9px; background:url(/template/default/skin/images/arrow18.png) center no-repeat; position:absolute; right:0; top:50%; margin-top:-4px;}
.newwr span:after{ content:""; width:100%; height:1px; background:#FFA11F; position:absolute; left:0; bottom:0; ransform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);}
.newwr time{ display:block; color:#666666; font-family:"Arial"; position:absolute; right:0; bottom:0; line-height:1;}
.new-info:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.new-info:hover .newwr span:after{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;}
.new-info:hover .newwr h3{ color:#FFA11F;}
.new-list{ margin-bottom:40px;}
.new-list li{ width:31.66%; float:left; margin-right:2.51%; margin-bottom:30px;}
.new-list li:nth-child(3n+3){ margin-right:0;}
.new-list li figure{ display:block; line-height:1; overflow:hidden;}
.new-list li figure img{ display:block; width:100%; line-height:0; transition:0.5s;}
.newdowns{ position:relative; background:#fafcfe; overflow:hidden;}
.newdowns:before{ content:""; width:100%; height:100%; box-sizing:border-box; border:2px solid #eaeaea; position:absolute; left:0; top:0;}
.newdowns:after{ content:""; width:110%; height:110%; position:absolute; left:-5%; top:-5%; background:#FFA11F; -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9; z-index:5;}
.newfix{ padding:28px 26px 22px; position:relative; z-index:8; height:150px;}
.newfix h3{ color:#333333; font-size:18px; line-height:1; font-weight:bold; margin-bottom:20px; transition:0.35s; position:relative; z-index:5;} 
.newfix p{ color:#666666; font-size:14px; transition:0.35s;}
.newfix time{ display:block; color:#666666; font-size:12px; font-family:"Arial"; line-height:1; transition:0.35s; position:absolute; left:26px; bottom:22px;}
.new-list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.new-list li:hover .newdowns:after{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9;}
.new-list li:hover .newdowns h3{ color:#fff;}
.new-list li:hover .newdowns p{ color:#fff;}
.new-list li:hover .newdowns time{ color:#fff;}

.video-box{ padding:72px 0 38px; background:#f6f6f6;}
.videos li{ width:48.3333%; float:left; position:relative; overflow:hidden; margin-bottom:30px;}
.videos li:nth-child(2n+2){ float:right;}
.videos li figure{ display:block; line-height:0; overflow:hidden; position:relative;}
.videos li figure img{ display:block; width:100%; height:auto; transition:0.5s;}
.videos li figure b{ display:block; width:52px; height:52px; background:url(/template/default/skin/images/video.png) center no-repeat; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; z-index:5; transition:0.4s;}
.videos li span{ display:block; line-height:66px; height:66px; text-align:center; color:#333333; font-size:18px; background:#fff; text-align:center; transition:0.45s;}
.videos li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.videos li:hover figure b{ transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg);}
.videos li:hover span{ color:#fff; background:#FFA11F;}

.newview{ padding:24px 0 52px; background:#f6f6f6;}
.newinner{ background:#fff;}
.newtitle{ padding:50px 50px 30px; border-bottom:2px solid #cccccc; position:relative;}
.newtitle h3{ color:#666666; font-size:30px; line-height:1.2; margin-bottom:18px; font-weight:normal;}
.newtitle time{ display:inline-block;color:#999999; font-size:14px; font-family:"Arial"; line-height:16px;}
.shared{ margin-top:16px;}
.shared span{ color:#666666; font-size:14px; line-height:28px; margin-left:0; float:left;}
.sharelist1{ margin-left:4px; float:left;}
.sharelist1 li{ float:left;}
.sharelist1 li a{ height:28px; display:block; position:relative;}
.sharelist1 li{ width:28px; height:28px; position:relative; margin-right:5px;}
.sharelist1 li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#c3c3c3; border-radius:50%; position:absolute; left:0; top:0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); visibility:hidden; transition:0.32s;}
.sharelist1 li:hover:before{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); visibility:visible;}
.sharelist1 li:last-child{ margin-right:0;}
.sharelist1 li:nth-child(1) a{ background:url(/template/default/skin/images/weixin3.png) center no-repeat;}
.sharelist1 li:nth-child(2) a{ background:url(/template/default/skin/images/qq3.png) center no-repeat;}
.sharelist1 li:nth-child(3) a{ background:url(/template/default/skin/images/weib.png) center no-repeat;}
.sharelist1 li:nth-child(4) a{ background:url(/template/default/skin/images/weibx.png) center no-repeat;}
.sharelist1 li:hover a{ opacity:0.7;}
.newvi{ padding:57px 50px 70px;}
.newvi p{ color:#666666; font-size:16px;}
.newvi img{  max-width:100% !important; height:auto !important;}

.tidea-box{ padding:105px 0 78px;}
.tideawr{ margin-top:48px; background:#f6f6f6;}
.tideawr figure{ width:50%; float:left; line-height:0;}
.tideawr figure img{ display:block; width:100%; height:auto;}
.tidefix{ width:50%; float:left;}
.tideawrs{ padding:84px 34px 0;}
.tideawrs h3{ color:#FFA11F; font-size:24px; font-weight:bold; line-height:1.4; margin-bottom:26px;}
.tideawrs p{ color:#333333; font-size:15px; line-height:2;}

.recuite-box{ padding:86px 0 70px; background:#f6f6f6;}
.recruite-fix{ margin-top:45px;}
.recuite-title small{ text-align:center; color:#c8c8c8; font-size:20px; font-family:Arial; line-height:normal; display:block;}
.recruite-t{ padding:20px 0 16px; background:#bc997a;}
.recruite-t span{ color:#fff; display:block; line-height:1; float:left; font-size:14px; line-height:normal;}
.recruite-t span:nth-child(1){ padding-left:34px; width:172px;}
.recruite-t span:nth-child(2){ width:194px;}
.recruite-t span:nth-child(3){ width:188px; padding-left:12px;}
.recruite-t span:nth-child(4){ width:220px; text-align:center;}
.recruite-t span:nth-child(5){ width:210px; text-align:center;}
.recruite-t span:nth-child(6){ width:170px;}
.recuite-info{ margin-bottom:2px;}
.recuite-info:nth-child(1) .recuites{ display:block;}
.recuite-top{ cursor:pointer; background:#fff; transition:366ms; position:relative; overflow:inherit;}
.recuite-top.on,.recuite-top:hover{ background:#FFA11F;}
.recuite-top.on span,.recuite-top:hover span{ color:#fff;}
.recuite-top.on span:last-child:after,.recuite-top.on span:last-child:before,.recuite-top:hover span:last-child:after,.recuite-top:hover span:last-child:before{ background:#fff;}
.recuite-top.on span:last-child:after{ transform:translateY(50px); -webkit-transform:translateY(50px); -moz-transform:translateY(50px); opacity:0; visibility:hidden;}
.recuite-top span{ display:block; float:left; position:relative; color:#666666; font-size:14px; line-height:50px; transition:320ms;}
.recuite-top span:nth-child(1){ padding-left:34px; width:172px;}
.recuite-top span:nth-child(2){ padding-left:17px; width:177px;}
.recuite-top span:nth-child(3){ width:200px; padding-left:8px;}
.recuite-top span:nth-child(4){ width:210px; text-align:center;}
.recuite-top span:nth-child(5){ width:210px; text-align:center;}
.recuite-top span:nth-child(6){ width:170px;}
.recuite-top span:last-child{ width:15px; height:15px; position:absolute; right:23px; top:14px;}
.recuite-top span:last-child:before{ content:""; width:15px; height:3px; background:#cccccc; position:absolute; left:0; top:6px;}
.recuite-top span:last-child:after{ content:""; width:3px; height:15px; background:#cccccc; position:absolute; left:6px; top:0; transition:320ms;}

.recuites{ padding:34px 34px 6px; background:#fff; position:relative; border:1px solid #FFA11F; border-top:none; display:none;}
.recuite-list{ margin-bottom:32px;}
.recuite-list strong{ line-height:normal; color:#FFA11F; font-weight:bold; display:block; font-size:14px; margin-bottom:10px;}
.recuite-list p{ color:#666666; font-size:14px; margin-bottom:4px;}
.recuite-list p a{ display:inline-block; color:#FFA11F; margin-right:24px;}

.map-box{ background:#fff;}
.map{ width:50%; float:left; height:420px;}
.anchorBL{ display:none;}
.BMap_bubble_title{ color:#FFA11F; font-size:14px; font-weight:bold;}
.BMap_Marker div >img{ animation-delay: 0ms; animation-duration: 2000ms; animation-iteration-count: infinite; animation-name: scales; animation-play-state: running; animation-timing-function: linear;}

@keyframes scales {
    0% { opacity: 0.2; transform: scale(0.6);}
    33% { opacity: 0.5; transform:scale(0.8);}
    66% { opacity: 1; transform:scale(1);}
    100% { opacity: 0.6; transform:scale(0.6); }
}
.addre{ width:50%; float:left;}
.addrewr{ width:496px; margin-left:102px; margin-top:82px;}
.add-info{ margin-bottom:22px;}
.add-info:last-child{ margin-bottom:0;}
.addicon{ width:62px; height:62px; border-radius:50%; border:2px solid #cccccc; float:left; position:relative;}
.addicon:before{ content:""; width:104%; height:104%; position:absolute; left:-2%; top:-2%; border-radius:50%; background:#cccccc; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); visibility:hidden; transition:0.34s;}
.addicon img{ display:block; max-width:100%; height:auto; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.add-info:hover .addicon:before{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); visibility:visible;}
.addright{ width:400px; float:right;}
.addright span{ display:block; color:#333333; font-size:16px; margin-bottom:6px;}
.addright span:last-child{ margin-bottom:0;}

.message-box{ padding:82px 0 120px; background-size:cover !important;}
.message{ width:850px; margin:auto;}
.message .commont h3,.message .commont small{ color:#fff;}
.message-list{ margin-top:68px;}
.message-info{ width:31%; margin-right:3.5%; margin-bottom:24px; float:left;}
.message-info1{ width:100%;}
.message-info:nth-child(3n+3){ margin-right:0;}
.message-info span{ display:block; line-height:1; color:#fff; font-size:14px; font-weight:bold; margin-bottom:10px; padding-left:3px; float:left; width:100%;}
.messt{ padding-left:6px; width:255px; border:1px solid #cccccb; outline:none; padding-top:0; padding-bottom:0; color:#fff; line-height:38px; height:38px; background:none; display:inline-block; float:left; transition:320ms;}
.messt:focus{ border-color:#FFA11F;}
.message-info textarea{ width:844px; height:106px; border:1px solid #cccccb; outline:none; background:none; padding:0; line-height:1.4; color:#fff; font-family:"微软雅黑"; transition:300ms; padding-left:6px}
.message-info textarea:focus{ border-color:#FFA11F;}
.tyan{ display:inline-block; margin-left:14px; width:105px; height:39px; float:left;}
.tearmfix{ padding:78px 0 40px;}
.tearmfix .tearmlist li{ margin-bottom:24px;}
.tearmfix .tearmlist li span{ background:#fafcfe;}
.tearmfix .tearmlist li:hover span{ background:#be8f65;}
.newinner{ width:1000px; margin:auto;}

.message-sub{ margin-top:30px; float:left; width:100%;}
.message-sub input{ width:100%; height:40px; line-height:40px; color:#ffffff; font-size:14px; text-align:center; background:#FFA11F; border:none; outline:none; transition:334ms; cursor:pointer; font-family:"微软雅黑";}
.message-sub input:hover{ opacity:0.8;}
.messagep{ margin-top:22px; width:100%; float:left;}
.messagep p{ color:#fff; font-size:14px;}

.pbanner.article-block strong{ opacity:0; transform:translateY(75px); -webkit-transform:translateY(75px); -moz-transform:translateY(75px); transition:0.65s;}
.pbanner.articleShow strong{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.commont.article-block h3,.commont.article-block small{ opacity:0; transform:translateY(40px); -webkit-transform:translateY(40px); -moz-transform:translateY(40px); transition:0.44s;}
.commont.article-block small{ transition-delay:0.2s;}
.commont.articleShow h3,.commont.articleShow small{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.developwr.article-block .developinfo{ opacity:0; transform:translateX(88px); -webkit-transform:translateX(88px); -moz-transform:translateX(88px); transition:0.56s;}
.developwr.articleShow .developinfo{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}
.developwr.article-block .developinfo:nth-child(2){ transition-delay:0.25s;}
.developwr.article-block .developinfo:nth-child(3){ transition-delay:0.5s;}
.developwr.article-block .developinfo:nth-child(4){ transition-delay:0.75s;}
.developwr.article-block .developinfo:nth-child(5){ transition-delay:1s;}
.developwr.article-block .developinfo:nth-child(6){ transition-delay:1.25s;}

.honorimg.article-block,.honorlist.article-block,.philosofix.article-block{ opacity:0; transform:translateY(78px); -webkit-transform:translateY(78px); -moz-transform:translateY(78px); transition:0.78s;}
.honorlist.article-block{ transition-delay:0.3s;}
.honorimg.articleShow,.honorlist.articleShow,.philosofix.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.tearmlis.article-block li{ opacity:0; transform:translateY(30px); -webkit-transform:translateY(30px); -moz-transform:translateY(30px); transition:0.48s;}
.tearmlis.article-block li:nth-child(2){ transition-delay:0.2s;}
.tearmlis.article-block li:nth-child(3){ transition-delay:0.4s;}
.tearmlis.article-block li:nth-child(4){ transition-delay:0.6s;}
.tearmlis.article-block li:nth-child(5){ transition-delay:0.8s;}
.tearmlis.articleShow li{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.tearmtex.article-block,.responsfix.article-block{ opacity:0; transform:translateY(36px); -webkit-transform:translateY(36px); -moz-transform:translateY(36px); transition:0.5s 0.3s;}
.tearmtex.articleShow,.responsfix.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.tearmlist.article-block li{ opacity:0; transform:translateY(44px); -webkit-transform:translateY(44px); -moz-transform:translateY(44px); transition:0.44s;}
.tearmlist.article-block li:nth-child(2){ transition-delay:0.22s;}
.tearmlist.article-block li:nth-child(3){ transition-delay:0.44s;}
.tearmlist.articleShow li{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.responbg.article-block img{ opacity:0; transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transition:0.76s 0.4s;}
.responbg.articleShow img{ opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}

.teamvideo{ position:relative; margin-bottom:38px;}
.workimg{ position:relative; overflow:hidden;}
.workimg figure{ display:block; line-height:0; overflow:hidden; position:relative; cursor:pointer;}
.workimg figure img{ display:block; width:100%; height:auto; position:relative;}
.work{ position:absolute; left:50%; margin-left:-550px; top:50%; margin-top:-26px; z-index:5; cursor:pointer;}
.work span{ display:block; width:53px; height:52px; background:url(/template/default/skin/images/video.png) center no-repeat; margin:auto; transition:0.4s;}
.work span:hover{ transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg);}

.vbBox{ height: 100%; width:100%; left:0; top:0; position:absolute; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center center; z-index:10; cursor:pointer;}
.jwplayer{ opacity:0; height:100% !important;}