@media only screen and (max-width: 768px){
.industry-list li{width: 50%!important;float:left;overflow:hidden;position:relative;transition:width 455ms;}
  .industry-list li:hover, .industry-list li.now {
    width: 100%!important;
}
  .industry-list li figure img {
    display: block;
    height: 400px!important;
    width: auto;
    margin: auto;
}
 .industry-list li.sible {
    width: 50%!important;
} 
  .industry-list li:hover, .industry-list li.now {
    width: 50%!important;
}
  
  
  
}



body{overflow:-Scroll;overflow-x:hidden;}
figure {
    margin: 0em 0px;
}
.e_btn:hover {
    text-decoration: none;
     box-shadow:NONE!IMPORTANT;
}
.e_btn:active {
    text-decoration: none;
    box-shadow:NONE!IMPORTANT;
}


.c_ebizads_banner-49001{position:absolute;width:400px;height:200px;overflow:hidden}
#c_ebizads_banner-15060823238172126 {
    position: absolute;
    top: 0px;
    left: 0!important;
    z-index: 100;
    width: 100%!important;
    height: auto!important;
}
.pagebox {
    position: relative;
    width: 100%!important;
    margin: 0px auto;
}



.banner .bannerfix >li.imgIn .bbox p {
    opacity: 1;
    visibility: visible;
    top: 0;
    transition: 420ms 460ms;
    padding-top: 30px!important;
}


@media screen and (max-width:1440px){
	#w_wbox-1506040134208 {
    position: absolute;
    top: 770px!important;
    left: 0px;
    z-index: 101;
    width: 1914px;
    height: 737px;
}
  
#w_wbox-1506051353569 {
    position: absolute;
    top: 1500px!important;
    left: 0px;
    z-index: 110;
    width: 1914px;
    height: 144px;
}
 
  #w_wbox-1506042236025 {
    position: absolute;
    top: 1600px!important;
    left: 0px;
    z-index: 102;
    width: 1914px;
    height: 517px;
}
#w_wbox-1506044494946 {
    position: absolute;
    top: 2049px!important;
    left: 0px;
    z-index: 103;
    width: 1914px;
    height: 773px;
}
    #w_wbox-1506045974459 {
    position: absolute;
    top: 2830px!important;
    left: 0px;
    z-index: 104;
    width: 1914px;
    height: 481px;
}
  #w_wbox-1506046944442 {
    position: absolute;
    top: 3303px!important;
    left: 0px;
    z-index: 105;
    width: 1914px;
    height: 368px;
}
  
  
  
}







@media screen and (max-width:1366px){
	#w_wbox-1506040134208 {
    position: absolute;
    top: 670px!important;
    left: 0px;
    z-index: 101;
    width: 1914px;
    height: 737px;
}
  
#w_wbox-1506051353569 {
    position: absolute;
    top: 1400px!important;
    left: 0px;
    z-index: 110;
    width: 1914px;
    height: 144px;
}
  
    #w_wbox-1506042236025 {
    position: absolute;
    top: 1500px!important;
    left: 0px;
    z-index: 102;
    width: 1914px;
    height: 517px;
}
  
  
  
  #w_wbox-1506044494946 {
    position: absolute;
    top: 2000px!important;
    left: 0px;
    z-index: 103;
    width: 1914px;
    height: 773px;
}
  #w_wbox-1506045974459 {
    position: absolute;
    top: 2780px!important;
    left: 0px;
    z-index: 104;
    width: 1914px;
    height: 481px;
}
  
  #w_wbox-1506046944442 {
    position: absolute;
    top: 3203px!important;
    left: 0px;
    z-index: 105;
    width: 1914px;
    height: 368px;
}
  
  
  
}






@charset "utf-8";



.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; }
.inner { width:1100px; margin: 0px auto;}

.header-box{position:fixed;width:100%;left:0;top:0;z-index:299;background: rgba(165,140,115,0.3);}
.header-box.scollfox {animation: 850ms 350ms;background: #e4c2a0!important;-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{ height:51px;}
.header-box.scollfox .nav >li >a{ padding-bottom:34px;}
.header-box.scollfox .nav >li:hover .meundown{ top:50px;}
.header{ padding:15px 0; margin:0 60px; position:relative;}
.header:before{content:"";width:100%;height:1px;background:#fff;position:absolute;left:0;bottom: 0px;}
.logo{float:left;line-height:1;overflow:hidden;width: 251px;}
.logo img{ display:block; width:100%; height:auto;}
.navMenu{ padding-top:10px; position:absolute; left:50%; margin-left:-300px; top:15px;}
.nav >li{ float:left; position:relative; padding:0 18px; cursor:pointer;}
.nav >li:before{ content:""; width:96%; height:0; transition:328ms; background:#fff; position:absolute; left:2%; bottom:9px; opacity:0; visibility:hidden;}
.nav >li >a{ display:block; color:#fff; font-size:16px; padding-bottom:46px; font-weight:bold; line-height:1;}
.meundown{ 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;}
.meundown:before{ content:""; width:10px; height:5px; background:url(http://dfs.yun300.cn/group1/M00/05/42/rBQBHFnDrdyEZK9WAAAAALQGGDU492.png) center no-repeat; 

position:absolute; left:50%; margin-left:-5px; top:-5px;}
.meundown li{ position:relative;}
.meundown li:before{ content:""; width:0; height:100%; background:#cfa972; position:absolute; left:50%; top:0; transition:320ms; opacity:0;}
.meundown li a{ display:block; text-align:center; line-height:30px; color:#000000; font-size:14px; position:relative;}
.meundown li:hover:before{ width:100%; opacity:1; left:0;}
.nav >li:hover:before,.nav >li.current:before{ height:7px; opacity:1; visibility:visible;}
.nav >li:hover .meundown{ opacity:1; visibility:visible; top:63px;}
.header-ri{ float:right; margin-right:6px; margin-top:12px;}
.header-ri a{ display:block; width:26px; height:20px; float:left; margin-left:18px;}
.header-ri a:nth-child(1){ background:url(../img/search.png) center no-repeat;}
.header-ri a:nth-child(2){ background:url(http://dfs.yun300.cn/group1/M00/05/42/rBQBHFnDqxOEBXd7AAAAAAiBZuQ103.png) center no-repeat;}
.header-ri a:nth-child(3){ background:url(http://dfs.yun300.cn/group1/M00/03/0B/rBQBG1nDqsaEElm1AAAAAMS9jSk477.png) center no-repeat;}
.header-ri a:hover{ margin-top:-3px;}
.mtop{ display:none;}

.menu{ cursor:pointer; position:relative; z-index:5; float:right; margin-top:7px;}
#menu_toggle{ display:none;}
.menu span { position: relative; display: inline-block; width: 38px; height:16px; vertical-align: middle;}
.menu span:after,
.menu span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 3px; 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}
.menu span:before {top: 0;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: 

top,transform;transition-property: top,transform;}

.menu span:after {bottom: 0;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-

transition-property: bottom,transform;
transition-property: bottom,transform;}
.menu.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}
.menu.active span:after,.menu.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}
.menu.active span:before {top: 8px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate

(45deg)}
.menu.active span:after {bottom: 5px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: 

rotate(-45deg);}

.menubox{ width:100%; height:100%; overflow-y:auto; background:rgba(0,0,0,0.9); box-sizing:border-box; position:fixed; left:0; top:0; padding:66px 0; text-align:center; 

display:none;}
.menus{ width:308px; margin:auto; position:relative; background:#fff;}
.menu-list{ padding:44px 7px;}
.menu-list >li{ margin-bottom:15px;}
.menu-list >li >a{ display:block; padding:18px 0; line-height:1; text-align:center; color:#000000; font-size:24px; font-weight:bold;}
.menu-leval{ background:#cfa972; position:relative; padding:20px 0; display:none;}
.menu-leval:before{ content:""; width:20px; height:10px; background:url(http://dfs.yun300.cn/group1/M00/04/23/rBQBHVnDrhiER6GxAAAAACUlzW0449.png) center no-repeat; 

position:absolute; left:50%; margin-left:-10px; top:-10px;}
.menu-leval li{ margin-bottom:10px;}
.menu-leval li:last-child{ margin-bottom:0;}
.menu-leval li a{ display:block; text-align:center; color:#000000; font-size:24px;}
.homemenu{ position:absolute; right:-73px; bottom:56px;}
.homemenu a{ display:block; margin-top:30px; width:23px; height:19px;}
.homemenu a:nth-child(1){ background:url(http://dfs.yun300.cn/group1/M00/05/42/rBQBHFnDqliEQLKDAAAAAKHV6uw940.png) center no-repeat;}
.homemenu a:nth-child(2){ background:url(http://dfs.yun300.cn/group1/M00/03/0B/rBQBG1nDqsaEElm1AAAAAMS9jSk477.png) center no-repeat;}

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

    to { transform: translateY(0); opacity: 1; }
}
.banner { position: relative; overflow: hidden; }
.banner .bannerfix >li { height: 100%; line-height: 0; opacity:0; transition:opacity 1000ms linear; -webkit-transition:opacity 1000ms linear; float:left;}
.banner .bannerfix >li .bimg { line-height: 0; width: 100%; position: relative; transition: transform 5s ease; -webkit-transition: transform 5s ease; transform: scale(1.1); 

-webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.banner .bannerfix >li.imgIn{ opacity:1; z-index:10; display:block;}
.banner .bannerfix >li.imgIn .bimg { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }
.banner .bannerfix >li.imgIn .bbox small{ opacity:1; visibility:visible; top:0; transition:420ms 0ms;}
.banner .bannerfix >li.imgIn .bbox h1{ opacity:1; visibility:visible; top:0; transition:420ms 120ms;}
.banner .bannerfix >li.imgIn .bbox b{ opacity:1; visibility:visible; top:0; transition:420ms 240ms;}
.banner .bannerfix >li.imgIn .bbox p{ opacity:1; visibility:visible; top:0; transition:420ms 460ms;}
.banner .bannerfix >li.imgIn .bbox .details{ opacity:1; visibility:visible; top:0; transition:420ms 580ms;}

.banner .flex-control-nav{ width:100%; height:20px; position:absolute; left:0; bottom:59px; text-align:center; z-index:20;}
.banner .flex-control-nav li{ display:inline-block; position:relative; margin-right:14px; width:5px; height:20px;}
.banner .flex-control-nav li:last-child{ margin-right:0;}
.banner .flex-control-nav li span{ display:block; text-indent:999px; overflow:hidden; width:5px; height:7px; position:absolute; background:#fff; transition:320ms; left:0; 

top:6px;}
.banner .flex-control-nav li a.flex-active span{ height:20px; top:0;}
.bbox{ width:692px; margin:auto; position:absolute; left:50%; margin-left:-346px; top:50%; text-align:center; margin-top:-173px;}
.bbox small{display:block;text-align:center;color: #a26320;font-size:18px;margin-bottom:5px;line-height:1;letter-spacing:10px;opacity:0;visibility:hidden;position:relative;top:30px;} 
.bbox h1{line-height:1;color: #a26320;font-size:46px;text-align:center;opacity:0;visibility:hidden;position:relative;top:30px;}
.bbox b{ display:block; line-height:1.8; text-align:center; color:#fff; font-size:20px; margin-bottom:40px; opacity:0; visibility:hidden; position:relative; top:30px; min-

height:36px;}
.bbox p{width: 550px;text-align:center;height:132px;color: #a26320;font-size:16px;line-height:2;margin:auto;opacity:0;visibility:hidden;position:relative;top:30px;}
.details{ width:180px; height:51px; margin:auto; position:relative; opacity:0; visibility:hidden; position:relative; top:30px;}
.details:before{ content:""; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; transition:320ms ease-in-out;  transform:scaleY(0); -webkit-

transform:scaleY(0); -moz-transform:scaleY(0); opacity:0; visibility:hidden;}
.details a{ display:block; border:2px solid #fff; padding-left:39px; line-height:47px;  position:relative; color:#fff; font-size:14px; text-align:left; 
  background:url(http://dfs.yun300.cn/group1/M00/04/29/rBQBHVnEeMuEZfR4AAAAADOP8FU719.png) 106px center no-repeat;}
.details:hover:before{ opacity:1; transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); visibility:visible;}
.details:hover a{ color:#774c1d; background:url(http://dfs.yun300.cn/group1/M00/05/48/rBQBHFnEeNaEP76vAAAAALQGGDU901.png) 112px center no-repeat;}

.bamnline { width: 692px; left:50%; margin-left:-346px; top:50%; margin-top:-30px; background:#fff; z-index:20; position:absolute;}
.bamnline span { display: block; width: 0; height: 1px; background: #e0ae37; }
.bamnline.load span { width: 100%; transition: 5.8s 0s linear; -webkit-transition: 5.8s 0s linear; -moz-transition: 5.8s 0s linear; }

.flexmeun{ position:fixed; right:20px; bottom:79px; z-index:99;}
.flexlist li{ margin-bottom:1px; background:#794d1d; position:relative; transition:320ms ease-in-out;}
.flexlist li:last-child{ margin-bottom:0;}
.flexlist li:before{ content:""; width:100%; height:100%; background:#995d2b; position:absolute; left:0; top:0; opacity:
0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); visibility:hidden; transition:320ms;}
.flexlist li a{ display:block; position:relative; width:49px; height:49px;}
.flexlist li:nth-child(1) a{ background:url(http://dfs.yun300.cn/group1/M00/03/0F/rBQBG1nEeOeEFA4-AAAAAKUhfRQ104.png) center no-repeat;}
.flexlist li:nth-child(2) a{ background:url(http://dfs.yun300.cn/group1/M00/05/48/rBQBHFnEePmEHKLxAAAAAL-WOiU639.png) center no-repeat;}
.flexlist li:nth-child(3) a{ background:url(http://dfs.yun300.cn/group1/M00/05/48/rBQBHFnEeQaEQU-fAAAAAO5oTIg314.png) center no-repeat;}
.flexlist li:nth-child(4) a{ background:url(http://dfs.yun300.cn/group1/M00/04/29/rBQBHVnEeRSEG1GAAAAAAK3kGng534.png) center no-repeat;}
.flexlist li:hover:before{ opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); visibility:visible;}

.indutry-t{ padding:54px 0 56px; text-align:center;}
.indutry-t h3{ font-size:24px; text-align:center; line-height:1; margin-bottom:10px; color:#995d2b;}
.indutry-t small{ display:block; text-align:center; color:#c8c8c8; font-size:16px; font-family:"Arial"; font-weight:bold; text-transform:uppercase;}
.industrys{ overflow:hidden;}
.industry-list li{width: 25%;float:left;overflow:hidden;position:relative;transition:width 455ms;}
.industry-list li figure{ display:block; overflow:hidden; position:relative; text-align:center;}
.industry-list li figure img{ display:block; height:660px; width:auto; margin:auto;}
.industry-list li figure figcaption{display:block;width:100%;text-align:center;color:#ffffff;font-size: 32px!important;font-weight:bold;position:absolute;left:0;top:37.5%;transition:480ms 140ms;}
.industry-info{width: 365px!important;padding-top:66px;position:absolute;left:50%;margin-left: -170px!important;top:25%;}
.industry-info mark{display:block;width:100%;height:100%;background: rgba(0,0,0,0.25)!important;position:absolute;left:0;top:0;transform-origin: left bottom;-webkit-transform-origin:left 

bottom;-webkit-transition:-webkit-transform .52s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .52s cubic-bezier(.4,0,.2,1);transition:transform .52s cubic-bezier

(.4,0,.2,1);transition:transform .52s cubic-bezier(.4,0,.2,1),-webkit-transform .52s cubic-bezier(.4,0,.2,1);transform:scaleY(0);-webkit-transform:scaleY(0);visibility:hidden\9;}
.indutrywr{ position:relative; top:20px; opacity:0; visibility:hidden; transition:388ms 0ms; height:196px;}
.industry-info h3{text-align:center;position:relative;color: #ffefd1!important;font-size: 34px!important;line-height:1;margin-bottom:14px;}
.industry-info small{display:block;position:relative;text-align:center;color: #fff!important;font-size:16px;font-family:"Arial";}
.industry-info span{display:inline-block;position:relative;color: #fff!important;font-size:14px;padding-left: 45px!important;position:absolute;left:76px;bottom:24px;transition:300ms 

ease-in-out;background: url(/img/jiantou1.png) 110px center no-repeat!important;}
.industry-list li:hover,.industry-list li.now{width: 40%;}
.industry-list li.sible{width: 20%;}
.industry-list li:hover .industry-info mark{ transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); transform-origin:left top; -webkit-transform-

origin:left top; visibility:visible\9;}
.industry-list li:hover .indutrywr{ opacity:1; top:0; visibility:visible; transition:488ms 200ms;}
.industry-list li:hover figure figcaption{ opacity:0; visibility:hidden; transition:550ms 0ms; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0);}
.industry-info span:hover{color:#995d2b;padding-right: 48px;background:url(http://dfs.yun300.cn/group1/M00/05/48/rBQBHFnEeTGEdtzFAAAAAGHLdxY006.png) right center no-

repeat;}
.about-us{ padding:62px 0 64px; background-size:cover !important; position:relative;}
.use{ float:left; margin-left:68px; width:585px;}
.use strong{ display:block; color:#995d2b; font-size:30px; font-family:"Arial"; line-height:1; margin-bottom:16px;}
.use h2{ color:#fff; font-size:36px; line-height:1; margin-bottom:50px;}
.use p{ color:#ffffff; font-size:13px; height:190px;}
.detail{ display:inline-block; padding:0 36px 0 40px; border-bottom:2px solid #fff; position:relative;}
.detail:before{ content:""; width:100%; height:2px; background:#995d2b; position:absolute; left:0; bottom:-2px; transform-origin:100%; -webkit-transform-origin:100%; -

webkit-transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .32s 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:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.detail a,.detail span{ position:relative; display:block; padding-right:48px; padding-bottom:18px; color:#fff; line-height:1; font-size:14px; background:url

(http://dfs.yun300.cn/group1/M00/05/48/rBQBHFnEeUGEJa2zAAAAADOP8FU142.png) 68px top no-repeat; transition:320ms;}
.detail:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.detail:hover a,.detail:hover span{ color:#995d2b; background:url(http://dfs.yun300.cn/group1/M00/04/29/rBQBHVnEeUyEGl30AAAAAGHLdxY110.png) right top no-repeat;}

.presentate{ padding:16px 0 14px 14px; border:5px solid #fff; position:absolute; right:21%; top:76px; width:124px;}
.presentate h3{ color:#fff; line-height:1; font-size:22px; margin-bottom:6px;}
.presentate small{ display:block; color:#fff; line-height:1.6; font-size:18px; font-family:"Arial"; margin-bottom:32px;}
.presentate span{ display:block; width:17px; transition:320ms; height:26px; background:url(http://dfs.yun300.cn/group1/M00/05/48/rBQBHFnEeV2EM2EuAAAAAPZi_Ss918.png) center 

no-repeat;}
.presentate:hover span{ margin-left:5px;}

.newindex{ padding-bottom:70px;}
.newfix{ position:relative;}
.newbanner{ width:50%; float:left; position:relative;}
.bannernew li{ float:left; position:relative; overflow:hidden;}
.bannernew li figure{ display:block; overflow:hidden; position:relative;}
.bannernew li figure img{ display:block; width:100%; height:auto; line-height:1; transition:688ms;}
.bannernew li figcaption{ display:block; padding-top:76px; height:40px; background:url(http://dfs.yun300.cn/group1/M00/05/48/rBQBHFnEeXmELnd5AAAAAEVBlYo773.png) left top 

repeat-x; position:absolute; left:0; bottom:0; width:100%;}
.bannernew li figcaption span{ display:block; line-height:1; float:left; margin-left:36px; color:#fff; font-size:18px; font-weight:bold;}
.bannernew li figcaption time{ display:block; float:right; margin-right:42px; line-height:1; margin-top:3px; font-size:14px; font-weight:bold; color:#fff;}
.bannernew li:hover figure img{ transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}
.newbanner .flex-control-nav{ position:absolute; right:42px; top:24px; text-align:center; height:20px; z-index:20;}
.newbanner .flex-control-nav li{ display:inline-block; position:relative; margin-right:8px; width:5px; height:20px;}
.newbanner .flex-control-nav li:last-child{ margin-right:0;}
.newbanner .flex-control-nav li span{ display:block; text-indent:999px; overflow:hidden; width:5px; height:7px; position:absolute; background:#5a3e2b; transition:320ms; 

left:0; top:6px;}
.newbanner .flex-control-nav li a.flex-active span{ height:20px; top:0;}
.homenew{ width:50%; background:#5a3e2b; height:100%; float:left; position:absolute; left:50%; top:0;}
.news{ padding-top:48px; margin-left:60px;}
.news li{ margin-bottom:17px; width:630px;}
.news li figure{ display:block; width:25.4%; float:left; overflow:hidden;}
.news li figure img{ display:block; width:100%; height:auto; line-height:1; transition:455ms;}
.newtext{ width:69.8%; float:right; padding-top:12px;}
.newtext h3{ color:#fff; transition:340ms; line-height:1.3; overflow:hidden; font-size:16px; font-weight:bold; height:40px;}
.newtext time{ display:block; color:#8b6a54; font-family:"Arial";}
.news li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.news li:hover .newtext h3{ color:#995d2b;}
.morenew{ border:3px solid #995d2b; position:absolute; right:27px; top:20px; transition:340ms;}
.morenew a{ display:block; text-align:center; padding-top:10px; height:36px; line-height:1; color:#995d2b; font-size:14px; font-weight:bold; width:28px; padding-left:16px; 

padding-right:16px;}
.morenew:hover{ border-color:#fff;}
.morenew:hover a{ color:#fff;}

.fancybox-nav span { width: 14px; height: 18px; position: static; }
.fancybox-nav { width:21px; height:38px; top: 50%; margin-top: -19px; transform:scale(0.8); -webkit-transform:scale(0.8); -moz-transform:scale(0.8);}
.fancybox-prev { left: -28px; background:url(http://dfs.yun300.cn/group1/M00/05/49/rBQBHFnEeYuEW6UXAAAAAHDWZsw679.png) center no-repeat; }
.fancybox-next { right: -28px; background-position: right center; background: url(http://dfs.yun300.cn/group1/M00/04/29/rBQBHVnEeZmEd2KJAAAAAKzz43c421.png) center no-repeat; 

}
.fancybox-overlay { background: rgba(0,0,0,0.8); background: #000\9; filter: alpha(opacity=80); }
.fancybox-close { width: 20px; height: 20px; top: 10px; right: 10px; background: url(http://dfs.yun300.cn/group1/M00/03/0F/rBQBG1nEeauEHuvaAAAAAHnzYCw936.png) no-repeat; 

background-size: cover; transition: 350ms; }
.fancybox-close:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }
.fancybox-nav:hover span { background: none; opacity: 0.8; }
.fancybox-opened .fancybox-skin { box-shadow: none; border: 1px solid #fff; border-radius: 0; }
.fancybox-skin { background: none; border-radius: none; }

.footer{ padding:0 88px 0 60px; position:relative;}
.edite{ float:left; padding-top:26px;}
.address{ margin-bottom:12px;}
.address span{ display:inline-block; float:left; color:#402e2e; font-size:14px; font-weight:bold; margin-right:28px;}
.footer p{ color:#402e2e; position:absolute; left:60px; top:64px;}
.share{ padding:7px 8px 0 0; height:120px; width:247px; background:#4d3428; float:right;}
.shares{ float:left; padding-top:24px; padding-left:22px; width:116px;}
.shares a{ display:block; width:18px; height:15px; float:left; margin-right:22px;}
.shares a:last-child{ margin-right:0;}
.shares a:nth-child(1){ background:url(http://dfs.yun300.cn/group1/M00/05/49/rBQBHFnEeb6EXZmfAAAAAJLHoLI720.png) center no-repeat;}
.shares a:nth-child(2){ background:url(http://dfs.yun300.cn/group1/M00/05/49/rBQBHFnEedGEF1C4AAAAAERaqsA055.png) center no-repeat;}
.shares a:nth-child(3){ background:url(http://dfs.yun300.cn/group1/M00/05/49/rBQBHFnEeeCETc9AAAAAABJq-a0508.png) center no-repeat;}
.shares a:hover{ margin-top:-3px;}

.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 #996c33; 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; }

.link{ border:1px solid #996c33; float:left;}
.link a{ display:block; padding:10px 0 10px 13px; width:93px; color:#ffffff; font-size:12px; background:url

(http://dfs.yun300.cn/group1/M00/05/49/rBQBHFnEelqEUY6wAAAAAGHLdxY852.png) 55px center no-repeat;}
.link a:hover{ color:#996c33; background-position:60px center;}

.pbanner{ width:100%; overflow:hidden; position:relative;}
.pbanner figure{ display:block; overflow:hidden; line-height:1;}
.pbanner figure img{ display:block; width:100%; height:auto;}
.pbanner h3{ color:#fff; font-size:36px; padding-bottom:6px; text-align:center; position:absolute; left:0; top:57.5%; width:100%; font-family:"Arial";}
.pbanner h3:before{ content:""; width:40px; height:5px; background:#fff; position:absolute; left:50%; margin-left:-20px; bottom:0;}

.introduct-box{ padding:70px 0; background:#e5e5e5;}
.introduct{ width:650px; margin:auto; text-align:center;}
.introduct-t{ margin-bottom:40px;}
.introduct-t h3{ color:#995d2b; font-size:24px; text-align:center;}
.introduct-t small{ display:block; text-align:center; color:#c8c8c8; font-size:16px; font-family:"Arial"; margin-top:5px;}
.introductfix p{ color:#646464; font-size:13px; text-align:left;}
.introduct .detail{ border-color:#a0a0a0; margin:auto; margin-top:52px;}
.introduct .detail a{ color:#646464; background:url(../img/arrow9.png) 68px top no-repeat;}
.introduct .detail:hover a{ color:#995d2b; background:url(http://dfs.yun300.cn/group1/M00/05/49/rBQBHFnEem2ET6SpAAAAAGHLdxY986.png) right top no-repeat;}

.development{ position:relative; width:50%; float:left; overflow:hidden;}
.development figure{ display:block; overflow:hidden;}
.development figure img{ display:block; width:100%; height:auto; line-height:1;}
.commont{ position:absolute; left:26px; top:30px; z-index:10;}
.commont h3{ color:#fff; font-size:24px; line-height:1; margin-bottom:8px;}
.commont small{ display:block; color:#fff; font-size:16px; font-family:"Arial"; font-weight:bold;}
.develop{ position:absolute; left:50%; margin-left:-250px; top:50%; margin-top:-75px;}
.develop-info{ width:117px; text-align:center; padding-top:48px; height:102px; background:rgba(139,96,48,0.9); background:#8b6030\9; filter:alpha(opacity=90); 

transition:388ms; text-align:center; float:left; margin-right:75px;} 
.develop-info:last-child{ margin-right:0;}
.develop-info time{ display:block; width:50px; line-height:1; padding-bottom:12px; border-bottom:1px solid #fff; margin:auto; color:#fff; font-size:18px; font-

family:"Arial";}
.develop-info span{ display:block; width:10px; height:16px; background:url(../img/arrow10.png) center no-repeat; margin:auto; margin-top:11px; transition:320ms; 

position:relative;}
.develop-info:hover{ background:rgba(139,96,48,1); filter:alpha(opacity=100);}
.develop-info:hover span{ transform:translateX(5px); -webkit-transform:translateX(5px); -moz-transform:translateX(5px);}
.brands{ width:100%; height:100%; background:rgba(77,52,40,0.7); position:absolute; left:0; top:0;}
.brand{ width:336px; margin:auto; height:194px; position:absolute; left:0; top:0; right:0; bottom:0; text-align:center;}
.brand h2{ color:#ffffff; font-size:48px; line-height:1; margin-bottom:14px;}
.brand p{ color:#fff; font-size:14px; text-align:center; line-height:2; margin-bottom:25px;}
.brand span{ display:block; width:51px; height:51px; margin:auto; background:url(../img/radisu1.png) center no-repeat; position:relative; transition:320ms;}
.brand:hover span{ transform:translateX(6px); -webkit-transform:translateX(6px); -moz-transform:translateX(6px);}
.brand span:before{ content:""; transition:248ms; width:6px; height:13px; background:url(../img/arrow11.png) center no-repeat; position:absolute; left:25px; top:50%; 

margin-top:-6px;}

.strategy{ padding:130px 0; text-align:center;}
.strategy-wr{ margin:auto;}
.strategy-wr .introduct-t small{ color:#646464;}
.strategyfix{ margin-top:36px;}
.mallbox{ position:relative; max-height:256px;}
.malllist { margin-left:0 !important\9;}
.mall{ padding:30px 0; margin-bottom:15px; float:left; max-width:1920px\9; text-align:center; background-size:cover;}
.stratewr{  width:856px; margin:auto; position:relative; height:181px\9;}
.stratewr img{ width:100%; height:auto; line-height:1;}
.startcenter{ width:90%; height:105px; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.mall h1{ color:#cd9658; text-align:center; font-size:50px; line-height:1; margin-bottom:22px;}
.mall strong{ display:block; text-align:center; color:#fff; font-size:32px; line-height:1; font-weight:normal;}
.strategyfix p{ color:#323232; font-size:16px; text-align:center; line-height:1.6;}
.strategy-list{ margin-top:24px; margin-bottom:65px; text-align:center; position:relative;}
.strategy-info{ display:inline-block; position:relative; padding:0 20px; margin-right:60px;}
.strategy-info a:hover:before{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2);}
.strategy-info:last-child{ margin-right:0;}
.strategy-info:before{ content:""; width:60px; height:1px; background:#8b6030; position:absolute; right:-60px; top:50%;}
.strategy-info:nth-child(1):after{ content:""; width:60px; height:1px; background:#8b6030; position:absolute; left:-60px; top:50%;}
.strategy-info a{ display:block;}
.strategy-info:nth-child(1) a span{ background:url(../img/bgs.png) center 18px no-repeat;}
.strategy-info:nth-child(2) a span{ background:url(../img/shi.png) center 18px no-repeat;}
.strategy-info:nth-child(3) a span{ background:url(../img/mu.png) center 18px no-repeat;}
.strategy-info a:before{ content:""; width:100%; height:100%; background:url(../img/radius.png) center no-repeat; left:0; top:0; transition:420ms; position:absolute;}
.strategy-info a span{ display:block; width:79px; text-align:center; padding-top:49px; height:43px; line-height:1; color:#fff; font-size:14px; position:relative;}
.strategyfix .detail{ margin:auto; border-color:#000000;}
.strategyfix .detail a{ color:#000; background:url(../img/arrow12.png) 68px top no-repeat;}
.strategyfix .detail:hover a{ color:#995d2b; background:url(../img/arrow5.png) right top no-repeat;}
.mallbox .flex-direction-nav li a{ display:block; width:11px; height:22px; position:absolute; text-indent:8888px; overflow:hidden; top:176px; z-index:99;}
.mallbox .flex-direction-nav li a.flex-prev{ background:url(../img/prev2.png) center no-repeat; left:34px;}
.mallbox .flex-direction-nav li a.flex-next{ background:url(../img/next2.png) center no-repeat; right:34px;}

.corporate{ padding:300px 0;}
.corporate .commont{ position:relative; left:0; top:0;}
.culture{  width:33.333333%; float:left;}
.culturewr{ padding-left:26px;}
.value{ margin-top:38px; height:140px;}
.value span{ display:block; line-height:1; color:#fff; font-size:14px; margin-bottom:12px;}
.value h4{ color:#fff; font-size:32px; line-height:1;}
.corporate .detail{ padding-left:0; padding-right:0;}
.corporate .detail a{ width:180px; padding-right:0;}
.corporate .detail:hover a{ background:url(../img/arrow5.png) 78px top no-repeat}
.commonweal{ float:left; width:33.3333333%; background:rgba(255,255,255,0.4); background:#fff\9; filter:alpha(opacity=40); height:297px;}
.commnwealwr{ padding:22px 32px 0;}
.wealtext{ margin-top:40px; height:116px;}
.wealtext p{ color:#fff; font-size:14px;}

.qualificate{ width:33.3333333%; float:left; padding-top:75px; height:222px; background:rgba(153,108,51,0.4); background:#996c33\9; filter:alpha(opacity=40); text-

align:center;}
.qualificate h3{ text-align:center; line-height:1; color:#fff; font-size:24px; margin-bottom:14px;}
.qualificate small{ display:block; text-align:center; color:#fff; font-size:16px; font-family:"Arial"; font-weight:bold; line-height:1; margin-bottom:26px;}
.qualificate span{ display:block; width:51px; height:51px; margin:auto; background:url(../img/radius1.png) center no-repeat; position:relative; transition:340ms;}
.qualificate span:before{ content:""; width:10px; height:16px; background:url(../img/arrow10.png) center no-repeat; position:absolute; left:23px; top:50%; margin-top:-8px;}
.qualificate a:hover span{ transform:translateX(7px); -webkit-transform:translateX(7px); -moz-transform:translateX(7px);}
.secomdmenu{ position:relative; width:100%; min-height:40px; z-index:30;} 
.secomdmenu.flexb .menuwr{ position:fixed; position:absolute\9; left:0; bottom:0;  animation: 550ms 120ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -

webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadedown1; animation-name: fadedown1; }

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

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

.menuwr{ text-align:center; width:100%; background:#e5e5e5; line-height:0;}
.menufix{ display:inline-block; margin:auto; line-height:1;}
.menufix li{ float:left; position:relative;}
.menufix li:before{ content:""; width:100%; height:100%; background:#996c33; position:absolute; left:0; top:0; transform-origin:100%; -webkit-transform-origin:100%; -

webkit-transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .32s 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:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.menufix li a{ display:block; width:112px; text-align:center; line-height:40px; color:#000000; font-size:16px; font-weight:bold; position:relative;}
.menufix li:hover:before,.menufix li.on:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; 

visibility:visible\9;}
.menufix li:hover a,.menufix li.on a{ color:#fff;}

.introducts{ padding:130px 0 142px;}
.introducted{ width:840px; margin:auto; padding-bottom:28px; position:relative;}
.introducted:before{ content:""; width:36px; height:3px; background:#8d6232; position:absolute; left:50%; margin-left:-18px; bottom:0;}
.introducted h2{ color:#996c33; font-size:48px; line-height:1; text-align:center; margin-bottom:20px;}
.introducted p{ color:#646464; font-size:13px; text-align:center;}

.enterprise{ padding:58px 0 92px; background-size:cover !important;}
.enterprisefix{ width:840px; margin:auto; position:relative; padding-bottom:72px;}
.enterprisefix:before{ content:""; width:36px; height:3px; background:#8d6232; position:absolute; left:50%; margin-left:-18px; bottom:0;}
.enterprisefix h3{ color:#8d6232; font-size:36px; text-align:center; line-height:1.2; text-transform:uppercase; margin-bottom:58px;} 
.enterprisefix p{ color:#fff; font-size:13px; line-height:2; text-indent:26px;}

.history{ padding:90px 0 74px;}
.historyfix{ position:relative; text-align:center;}
.historyfix time{ display:block; width:32px; height:32px; background:url(../img/time.png) center no-repeat; margin:auto; margin-top:4px;}
.history-list{ margin-top:6px; padding-top:20px; padding-bottom:62px; position:relative;}
.history-list:before{ content:""; width:9px; height:2px; background:#000; position:absolute; left:50%; margin-left:-4px; bottom:0;}
.history-list:after{ content:""; width:1px; height:100%; background:#000000; position:absolute; left:50%; top:0;}
.history-list li{ padding-top:64px; width:750px; margin:auto;}
.history-wr{ padding-bottom:10px; width:518px; float:right; border-bottom:1px solid #000000;}
.history-wr strong{ display:inline-block; float:left; color:#8d6232; font-size:48px; font-family:Arial;  line-height:1; padding-top:7px; font-weight:normal;}
.history-wr p{ float:right; width:338px; color:#000000; font-size:13px; line-height:2; text-align:left;} 
.history-list li:nth-child(2n+2) .history-wr{ float:left;}
.history-list li:nth-child(2n+2) .history-wr strong{ float:right;}
.history-list li:nth-child(2n+2) .history-wr p{ float:left;}
.historyfix:before{ content:""; width:24px; height:12px; background:url(../img/arrow13.png) center no-repeat; position:absolute; left:50%; margin-left:-12px; top:-12px;}

.iphone-fix{ width:100%; background:#4c3428;  display:none; position:relative;}
.iphone-fix span{ color:#fff; display:block; text-align:center; font-size:14px; 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:18px; height:9px; background:url(../img/arrow3.png) center no-repeat;}
.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);
  }
}

.brand-list{ padding:60px 0 0;}
.brandfix li{ position:relative; width:48.5%; margin-bottom:40px; float:left;}
.brandfix li:nth-child(2n+2){ float:right;}
.brandfix li figure{ overflow:hidden; position:relative;}
.brandfix li figure img{ display:block; width:100%; height:auto; transition:588ms;}
.brandfix li figure span{ display:block; width:24px; height:34px; background:url(../img/video.png) center no-repeat; position:absolute; left:0; top:0; right:0; bottom:0; 

margin:auto;}
.brandfix li b{ display:block; line-height:58px; color:#000000; font-size:16px; padding-left:22px; background:#eeeeee; transition:455ms;}
.brandfix li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.brandfix li:hover b{ color:#fff; background:#996c33;}

.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(../img/close.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; }

.sbackground{ position:relative; padding:172px 0;}
.stetrat{ color:#000000; font-size:18px; position:absolute; left:54px; top:30px;}
.backbb{ width:786px; margin:auto;}
.backbb p{ color:#646464; font-size:16px;}

.market-box{ padding:74px 0 128px; position:relative;}
.market-box .stetrat{ color:#fff;}
.market h2{ color:#fff; font-size:40px; line-height:1.4; margin-bottom:65px; text-align:center;}
.market-list li{ width:16.4%; margin-right:4.5%; float:left; padding-top:40px; height:160px; background:#fff; text-align:center;}
.market-list li:last-child{ margin-right:0;}
.market-list li b{ display:block; width:32px; height:32px; margin:auto; margin-bottom:18px;}
.market-list li span{ display:block; padding:0 34px; text-align:center; color:#646464; font-size:14px; line-height:2;}
.market-list li:hover b{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: 

beat 0.44s 1; animation: beat 0.44s 1;}
.market-list li:nth-child(1) b{ background:url(../img/market1.png) center no-repeat;}
.market-list li:nth-child(2) b{ background:url(../img/market2.png) center no-repeat;}
.market-list li:nth-child(3) b{ background:url(../img/market3.png) center no-repeat;}
.market-list li:nth-child(4) b{ background:url(../img/market4.png) center no-repeat;}
.market-list li:nth-child(5) b{ background:url(../img/market5.png) center no-repeat;}

@keyframes beat {
    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 beat {
    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); }
}
.target-box{ position:relative; padding:85px 0 62px; background:#f3f3f3;}
.starget-list{ background:#8d6232; margin-top:130px; padding-bottom:26px;}
.starget h2{ color:#000000; font-size:40px; text-align:center;}
.stargefix{ width:1000px; margin:auto; position:relative; text-align:center;}
.startop{ padding-left:25px; padding-bottom:29px; position:relative; border-bottom:1px solid #fff;}
.starget-info{ float:left; margin-right:58px; padding-top:48px; height:100px; width:148px; text-align:center; position:relative; margin-top:-80px; cursor:pointer;}
.starget-info:last-child{ margin-right:0;}
.starget-info:before{ content:""; width:100%; height:100%; background:url(../img/radius2.png) center no-repeat; background-size:cover !important; position:absolute; left:0; 

top:0; cursor:pointer; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.starget-info:after{ content:""; width:100%; height:100%; background:url(../img/radius3.png) center no-repeat; background-size:cover !important; position:absolute; left:0; 

top:0; cursor:pointer;  visibility:hidden; transition:330ms; transform:scale(0.6); -webkit-transform:scale(0.6); -moz-transform:scale(0.6); opacity: 0; -moz-transition: all 

.6s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);}
.starget-info strong{ display:block; text-align:center; color:#646464; transition:320ms; font-size:24px; font-weight:normal; margin-bottom:13px; position:relative; z-

index:5; line-height:1;}
.starget-info span{ display:block; text-align:center; color:#646464; transition:320ms; font-size:14px; line-height:1; position:relative; z-index:5;}
.starget-info i{ display:block; width:19px; height:9px; background:url(../img/arrow14.png) center no-repeat; position:absolute; left:50%; margin-left:-10px; bottom:0; 

visibility:hidden; opacity:0; transition:320ms;}
.starget-info:hover:before,.starget-info.flex-active:before{ opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3);}
.starget-info:hover:after,.starget-info.flex-active:after{ transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible;}
.starget-info:hover strong,.starget-info.flex-active strong{ color:#fff;}
.starget-info:hover span,.starget-info.flex-active span{ color:#fff;}
.starget-info:hover i,.starget-info.flex-active i{ opacity:1; visibility:visible; bottom:-10px;}

.stargelist{ padding-top:24px; padding-left:26px; padding-right:26px;}
.stargelist ul li{ min-height:88px; color:#fff; font-size:14px; text-align:left;}
.culture-box{ padding:185px 0 210px;}
.cultures{ padding:0 36px;}
.culture-list li{ padding:5px 0; position:relative; border-bottom:1px solid rgba(255,255,255,0.5); border-bottom:1px solid #fff\9; cursor:pointer;}
.culture-list li strong{ display:block; padding-left:35px; line-height:36px; color:#fff; font-size:14px; position:relative; transition:340ms;}
.culture-list li strong:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(255,255,255,0.8); background:#fff\9; filter:alpha

(opacity=80); opacity:0; transition:300ms ease-in; visibility:hidden; transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0);}
.culture-list li strong i{ display:block; font-style:normal; position:relative; z-index:20;}
.culture-list li b{ display:block; width:18px; height:18px; position:absolute; left:50%; margin-left:-9px; top:14px; background:url(../img/add.png) center no-repeat; 

opacity:0; visibility:hidden; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transition:320ms;}
.culture-list li:hover strong:before{ opacity:1; visibility:visible; transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1);}
.culture-list li:hover strong i{ color:#8d6232;}
.culture-list li:hover b{ opacity:1; visibility:visible; transform:rotate(0); -webkit-transform:rotate(0); -moz-transform:rotate(0);}
.culturefix{ display:block; padding:38px 0 40px; text-align:center; display:none; background:rgba(255,255,255,0.8); background:#fff\9; filter:alpha(opacity=80);}
.culturefix h2{ color:#8d6232; font-size:36px; text-align:center; line-height:1; margin-bottom:26px;}
.culturefix p{ color:#000000; font-size:14px; width:590px; margin:auto; text-align:left;}
.culture-list li.on{ padding:0;}
.culture-list li.on strong{ position:absolute; left:20px; top:0; background:#8d6232; padding-left:0;}
.culture-list li.on b{ display:none;}
.culture-list li.on strong:before{ display:none; transition:0ms ease-in;}
.culture-list li.on strong i{ line-height:62px; color:#fff; width:99px; text-align:center;}
.culture-list li:nth-child(1) .culturefix{ display:block;}

.welfare-list li{ position:relative;}
.welfarefix{ width:50%; height:100%; transition:788ms; position:absolute; left:0; top:0; text-align:center;}
.welfarewr{ width:51.56%; height:240px; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.welfarewr h2{ color:#000000; font-size:28px; line-height:1.3; text-align:center; margin-bottom:14px;}
.welfarewr time{ display:block; text-align:center; line-height:1; color:#969696; margin-bottom:32px;}
.welfarewr p{ color:#646464; font-size:14px; text-align:center; height:110px;}
.welfare-list li figure{ display:block; width:50%; float:right; overflow:hidden;}
.welfare-list li figure img{ display:block; width:100%; height:auto; line-height:1; transition:666ms;}

.welfare-list li .detail{ border-color:#a0a0a0; margin:auto; margin-top:0;}
.welfare-list li .detail span{ color:#646464; background:url(../img/arrow9.png) 68px top no-repeat;}
.welfare-list li .detail:hover span{ color:#995d2b; background:url(../img/arrow5.png) right top no-repeat;}

.welfare-list li:hover figure img{ transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}
.welfare-list li:hover .welfarefix{ background:#fefbef;}
.welfare-list li:nth-child(2n+2) figure{ float:left;}
.welfare-list li:nth-child(2n+2) .welfarefix{ left:50%;}

.honor-box{ padding:174px 0 342px; position:relative;}
.honor{ width:700px; margin:auto; position:relative;}
.honor-info{ float:left; height:257px;}
.honor-info a{ display:block; padding:22px 12px; height:213px; margin:0 8px; background:#fff; text-align:center; display:-webkit-flex; display:-ms-flexbox; display:flex; 

align-items:center; -webkit-align-items:center; -moz-align-items:center; text-align:center;}
.honor-info a img{ display:block; max-width:100%; max-height:212px; margin:auto;}
.honor-list .slick-list{ overflow:hidden;}
.honor .slick-prev,.honor .slick-next{ display:block; width:79px; height:49px; border:1px solid #fff; background:none; outline:none; position:absolute; top:50%; margin-

top:-26px; text-indent:999px; overflow:hidden; cursor:pointer; transition:320ms ease-in-out;}
.honor .slick-prev{ left:-126px; background:url(../img/arrow15.png) 24px center no-repeat;}
.honor .slick-next{ right:-126px; background:url(../img/arrow1.png) 23px center no-repeat;}
.honor .slick-prev:hover{ background-position:20px center;}
.honor .slick-next:hover{ background-position:27px center;}

.pages{ background:#b28850;}
.page-info{ width:35%; float:left;}
.page-info a{ display:block; height:50px; line-height:50px; position:relative;}
.page-info a i{ display:block; width:32px; height:13px; position:absolute; left:50%; margin-left:-16px; top:50%; margin-top:-6px; transition:300ms;}
.page-prev a i{ background:url(../img/arrow15.png) center no-repeat;}
.page-next a i{ background:url(../img/arrow1.png) center no-repeat;}
.page{ width:30%; float:left; text-align:center; background:#996c33; height:50px;}
.page a{ display:inline-block; margin-right:11px; color:#fff; margin-top:18px; line-height:1; padding:0 8px 8px; position:relative;}
.page a:before{ content:""; width:0%; height:2px; background:#f39800; position:absolute; left:50%; bottom:0; transition:300ms; opacity:0; visibility:hidden;}
.page a:hover:before,.page a.on:before{ width:100%; left:0; opacity:1; visibility:visible;}
.page span{ display:inline-block; color:#fff; margin-left:5px; margin-right:5px; cursor:pointer;}
.page-prev a:hover i{ left:45%;}
.page-next a:hover i{ left:55%;}
.newv{ position:absolute; left:50%; margin-left:-550px; bottom:26px;}
.newv h4{ text-align:center; color:#fff; font-size:48px; line-height:1.4; margin-bottom:74px;}
.newv time{ display:block; text-align:center; color:#fff;}
.viewtop{ background:#dcdcdc;}
.viewr{ width:964px; margin:auto;}
.viewr img{ display:block; max-width:100%; height:auto; line-height:1;}
.viewfix{ background:#f3f3f3; padding:36px 0 76px;}
.views{ width:964px; margin:auto;}
.views p{ color:#646464; font-size:14px; text-indent:24px;}
.views img{ display:inline-block; max-width:100%; margin:auto;}

.estate{ text-align:center; padding:66px 0 18px;}
.estate-info{ display:inline-block; background:url(../img/radius4.png) center no-repeat; margin-right:122px; position:relative; background-size:cover !important;}
.estate-info:last-child{ margin-right:0;}
.estate-info a{ display:block; width:144px; padding-top:67px; height:77px; color:#000000; font-size:16px; text-align:center; line-height:1; font-weight:bold;} 
.estate-info:before{ content:""; width:25px; height:25px; background:url(../img/arrow16.png) center no-repeat; position:absolute; left:50%; margin-left:-12px; bottom:-20px; 

opacity:0; visibility:hidden; transition:320ms;}
.estate-info:hover:before,.estate-info.on:before{ opacity:1; visibility:visible; bottom:-32px; transform:rotateY(360deg);}

.industryfix{ padding:42px 28px 34px; background:#eeeeee;}
.industryfix li{ width:32.8%; float:left; margin-right:0.8%; margin-bottom:14px; background:#fff;}
.industryfix li:nth-child(3n+3){ margin-right:0;}
.industryfix li figure{ display:block; overflow:hidden; position:relative;}
.industryfix li figure img{ display:block; width:100%; height:auto; line-height:1; transition:650ms;}
.industryfix li figure strong{ display:block; width:92px; height:66px; background:url(../img/shou.png) center no-repeat; position:absolute; right:0; top:0; z-index:5;}
.industrytext{ padding:15px 22px 18px; background:#fff; transition:430ms; position:relative;}
.industrytext h4{ color:#000000; transition:320ms; font-size:28px; line-height:1; margin-bottom:15px;}
.intdustrs span{ display:inline-block; float:left; margin-right:22px; color:#646464; font-size:16px; line-height:1.4; transition:320ms;}
.industrytext b{ display:inline-block; color:#fff; position:absolute; right:26px; line-height:1; top:28px; opacity:0; visibility:hidden; transition:320ms;}
.industryfix li:hover figure img{ transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}
.industryfix li:hover .industrytext{ background:#996c33;}
.industryfix li:hover .industrytext h4,.industryfix li:hover .industrytext .intdustrs span{ color:#fff;}
.industryfix li:hover .industrytext b{ opacity:1; visibility:visible;}
.hotel-list .welfarewr h2{ margin-bottom:56px;}
.hotel-list .welfarewr p{ height:110px;}

.property-box{ position:relative;}
.serviceidea{ position:absolute; left:10.9%; top:90px; width:300px; z-index:20;}
.serviceidea strong{ display:block; padding-left:26px; line-height:34px; color:#fff; font-size:14px; font-weight:normal; background:#996c33;}
.serviceds{ padding:23px 26px 0; height:228px; background:rgba(255,255,255,0.9); background:#fff\9; filter:alpha(opacity=90);}
.serviceds h3{ color:#000000; font-size:28px; line-height:1; margin-bottom:16px;}
.serviceds p{ color:#646464; font-size:14px; line-height:2;}
.servied li{ line-height:0;}
.servied li img{ width:100%; height:auto; line-height:0;}
.servied .flex-direction-nav li a{ display:block; width:58px; height:50px; padding:0; margin:0; position:absolute; top:25px; text-indent:888px; overflow:hidden; 

background:#b28850;}
.servied .flex-direction-nav li a.flex-prev{ left:20px;}
.servied .flex-direction-nav li a.flex-next{ right:20px;}
.servied .flex-direction-nav li a:before{ content:""; width:32px; height:13px; position:absolute; top:50%; margin-top:-6px; transition:300ms;}
.servied .flex-direction-nav li a.flex-prev:before{ left:13px; background:url(../img/arrow15.png) center no-repeat;}
.servied .flex-direction-nav li a.flex-next:before{ left:13px; background:url(../img/arrow1.png) center no-repeat;}
.servied .flex-direction-nav li a.flex-prev:hover:before{ left:9px;}
.servied .flex-direction-nav li a.flex-next:hover:before{ left:17px;}

.servied{ position:relative;}
.peopered{ padding:130px 0 174px; background:#eeeeee;}
.peoperdix{ width:886px; margin:auto;}
.peoperdix h3{ color:#000000; font-size:28px; text-align:center; margin-bottom:24px;}
.peoperdix p{ color:#646464; font-size:14px;}

.projectbanner{ position:relative; overflow:hidden;}
.projects{ position:relative;}
.projectbanner .bannul li{ height:100%; line-height:0; position:relative; overflow:hidden;}
.projectbanner .bannul li img{ line-height:0; width:100%; line-height:0; height:auto;  transition:transform 5.5s ease 0s, opacity 2s ease 0s; -webkit-transition:transform 

5.5s ease 0s, opacity 2s ease 0s; opacity:1; transform:matrix(1.1, 0, 0, 1.1, 0, 0); -webkit-transform:matrix(1.1, 0, 0, 1.1, 0, 0);}
.projectbanner .bannul li.imgIn img{ opacity: 1; transform:matrix(1, 0, 0, 1, 0, 0); -webkit-transform:matrix(1, 0, 0, 1, 0, 0);}
.projectbanner:hover .flex-direction-nav li a{ opacity:1; visibility:visible;}
.projectbanner:hover .flex-direction-nav li a.flex-prev{ left:62px;}
.projectbanner:hover .flex-direction-nav li a.flex-next{ right:62px;}
.projectbanner .flex-direction-nav li a{ display:block; width:21px; height:38px; text-indent:999px; overflow:hidden; position:absolute; top:50%; margin-top:-19px; z-

index:30; opacity:0; visibility:hidden;}
.projectbanner .flex-direction-nav li a.flex-prev{ background:url(../img/prev.png) center no-repeat; left:54px;}
.projectbanner .flex-direction-nav li a.flex-next{ background:url(../img/next.png) center no-repeat; right:54px;}
.groups{ padding:20px 36px; background:rgba(0,0,0,0.8); background:#000\9; filter:alpha(opacity=80); z-index:50; position:absolute; left:26px; bottom:70px;}
.groups span{ display:block; color:#fff; line-height:1; font-size:20px; font-family:Arial; font-weight:bold; margin-bottom:14px;}
.groups h4{ color:#fff; font-size:36px; line-height:1.3;}

.profiust{ padding:50px 0 100px; background:#f3f3f3;}
.profix{ width:970px; margin:auto;}
.profix p{ color:#646464; font-size:14px;}
.backlist{ width:30%; float:left; background:#996c33; transition:340ms;}
.backlist a{ display:block; text-align:center; line-height:50px; color:#fff; font-size:14px;}
.backlist:hover{ background:#4d3428;}
.news-list{ padding:75px 0 56px;}
.news-list .welfarewr h2{ font-size:20px; margin-bottom:6px;}
.news-list .welfarewr time{ margin-bottom:13px;}
.news-list .welfarewr p{ height:64px; line-height:1.8;}
.news-list .welfarewr{ width:345px; height:160px;}


.teandert{ background:#e5e5e5; text-align:center;}
.tender-info{ display:inline-block; position:relative;}
.tender-info:before{ content:""; width:100%; height:100%; background:#996c33; position:absolute; left:0; top:0; transition:320ms ease-in-out; opacity:0; visibility:visible; 

transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0);}
.tender-info a{ display:inline-block; width:112px; height:40px; text-align:center; color:#000000; font-size:16px; line-height:40px; position:relative; font-weight:bold;}
.tender-info:hover:before,.tender-info.on:before{ opacity:1; visibility:visible; transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1);}
.tender-info:hover a,.tender-info.on a{ color:#fff;}

.tender li{ width:33.333333%; box-shadow:-2px -2px 2px #f3f3f3; float:left; text-align:center; height:275px; position:relative;}
.tender-wr{ height:75px; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; width:100%; text-align:center; transition:420ms;}
.tender-wr h3{ color:#000000; transition:340ms; line-height:1.3; font-size:28px; text-align:center; margin-bottom:22px;}
.tender-wr time{ display:block; transition:340ms; text-align:center; color:#646464; font-size:14px; font-family:"airstrip_fourregular"; line-height:1;}
.tender-wr .detail{ margin-top:60px; opacity:0; visibility:hidden; transition:380ms 0ms;}
.tender li:before{ content:""; width:100%; height:100%; background:#8d6232; position:absolute; left:0; top:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-

transition:-webkit-transform .65s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .65s cubic-bezier(.4,0,.2,1); transition:transform .65s cubic-bezier(.4,0,.2,1); 

transition:transform .65s cubic-bezier(.4,0,.2,1),-webkit-transform .65s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.tender li:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.tender li:hover .tender-wr h3{ color:#fff;}
.tender li:hover .tender-wr time{ color:#fff;}
.tender li:hover .tender-wr{ height:170px;}
.tender li:hover .detail{ opacity:1; visibility:visible;}
.tender li .detail:before{ background:#fff;}
.tender li .detail:hover span{ color:#fff;}
.tender li .detail span{ background:url(../img/arrow1.png) 68px top no-repeat;}

.recouces-box{ background-size:cover !important;}
.idea{ width:982px; margin:auto; padding:126px 0 230px;}
.idea h3{ color:#000000; font-size:32px; text-align:center; margin-bottom:58px;}
.idea p{ color:#000000; font-size:14px;}
.recuite-list li{ width:33.333333%; cursor:pointer; float:left; position:relative; margin-top:2px;}
.recuite-list li .recuitewr:before{ content:""; width:100%; height:100%; background:#8d6232; position:absolute; left:0; top:0; transform-origin:100%; -webkit-transform-

origin:100%; -webkit-transition:-webkit-transform .65s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .65s cubic-bezier(.4,0,.2,1); transition:transform .65s cubic-

bezier(.4,0,.2,1); transition:transform .65s cubic-bezier(.4,0,.2,1),-webkit-transform .65s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); 

visibility:hidden\9;}
.recuite-list li:hover .recuitewr:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; 

visibility:visible\9;}
.recuitewr{ padding-left:45px; padding-top:56px; height:218px; background:rgba(255,255,255,0.7); background:#fff\9; filter:alpha(opacity=70); margin-right:2px; 

position:relative; z-index:4;}
.recuitewr h4{ line-height:1; color:#000000; font-size:36px; margin-bottom:20px; transition:320ms; position:relative;}
.recouce{ margin-bottom:30px;}
.recuites{ float:left; margin-right:60px; position:relative;}
.recuites span{ display:block; color:#616161; transition:320ms; font-size:14px; line-height:1; margin-bottom:11px; font-weight:bold;}
.recuites b{ display:block; color:#000000; font-size:22px; line-height:1; transition:320ms;}
.recuitewr time{ display:block; transition:340ms; color:#646464; font-size:14px; transition:320ms; font-family:"airstrip_fourregular"; line-height:1; position:relative;}
.recuite-list li:hover .recuitewr h4{ color:#fff;}
.recuite-list li:hover .recuites span,.recuite-list li:hover .recuites b{ color:#fff;}
.recuite-list li:hover .recuitewr time{ color:#fff;}

#proPage { position:fixed; top:0; left:0; right: 0px; bottom: 0px;  z-index:1006; background:rgba(255,255,255,0.9); background:#000\9; filter:alpha(opacity=80); 

overflow:hidden;  -webkit-overflow-scrolling:touch;  display: block; visibility: hidden; z-index: 1010; opacity:0; transition:560ms;}
.pro-bd{ left: 50%; width:740px; margin-left:-370px; cursor: default; opacity: 0; position: fixed; top: 50%; visibility: hidden; z-index: 1020;}
.closes{ position:absolute; overflow: hidden; height: 54px; width:54px; right:-75px; top:10px; z-index: 1030; cursor:pointer; background-color: #B0000D; background:url

(../img/close.png) no-repeat scroll center center; transition:480ms;}
.closes:hover {transform:rotate(180deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg); }
html.openPH body{ -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; transition: all 0s;}
html.openPH #proPage{ overflow-y: auto;}
html.openPH .introduct-mark{ overflow-y: auto;}
html.openPH .introduct-mark .introduct-filex{ top:0; position:absolute; box-sizing:border-box; margin-top:0 !important;}
html.openPH #proPage .pro-bd{ top:0; position:absolute; box-sizing:border-box; margin-top:0 !important;}
.pro-page{ position:relative;}
html.openPro #proPage { visibility: visible; opacity:1; transition:560ms;}
html.openPro .pro-bd { opacity: 1; -webkit-animation:flipInX .8s ease-in-out both;-moz-animation:flipInX .8s ease-in-out both;-ms-animation:flipInX .8s ease-in-out both; 

animation:flipInX .8s ease-in-out both; visibility: visible;}
.finace .welfarewr{ height:300px;}
.finace .welfarewr p { height:170px;}

.memberView{ width:740px; margin:auto; background:#fff; border-radius:12px; box-shadow:0 0 10px rgba(0,0,0,0.3);}
.recolite{ padding-bottom:0;}
.recourewr{ padding:50px 45px 107px;}
.recouret{ margin-bottom:55px;}
.recoure-info{ float:left;}
.recoure-info:nth-child(1){ width:56.9%;}
.recoure-info:nth-child(2){ width:18.77%;}
.recoure-info span{ display:block; color:#969696; font-size:14px; line-height:1; margin-bottom:16px;}
.recoure-info strong{ display:block; color:#000000; font-size:32px; line-height:1; font-weight:normal;}
.posite h3{ color:#323232; font-size:14px; line-height:1; padding-bottom:10px; border-bottom:1px solid #a0a0a0; margin-bottom:12px;}
.posite p{ color:#646464; font-size:14px;}
.hdhapp{ margin-top:30px; border-top:1px solid #a0a0a0; padding-top:23px;}
.hdhapp p{ color:#646464; font-size:18px;}

@-webkit-keyframes flipInX
{
  0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
  40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
  70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
  100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}
}
 @keyframes flipInX
 {
  0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
  40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
  70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
  100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}
}

.maps{ position:relative;}
.mapt{ position:absolute; left:0%; width:100%; top:50%; text-align:center; color:#ffffff; font-size:36px; font-family:"Arial"; padding-bottom:20px; line-height:1;}
.map{ height:520px;}
.BMap_mask:before{ content:""; width:100%; height:100%; background:rgba(0,0,0,0.6); background:#000\9; filter:alpha(opacity=60); position:absolute; left:0; top:0; 

display:none\9;}
.anchorBL{ display:none !important;}
.mapt:before{ content:""; width:40px; height:5px; background:#fff; position:absolute; left:50%; margin-left:-20px; bottom:0;}
.addressd{ padding-bottom:57px; background:#f3f3f3; position:relative;}
.addresswr{ width:880px; margin:auto; position:relative; top:-37px; background:#fff;}
.addresspadd{ padding:67px 58px 90px 62px;}
.addre{ float:left;}
.addre span{ display:block; padding-left:44px; color:#000000; font-size:16px; line-height:32px; margin-bottom:18px;}
.addre span:nth-child(1){ background:url(../img/maps.png) left 3px no-repeat;}
.addre span:nth-child(2){ background:url(../img/tel1.png) left 3px no-repeat;}
.eqs{ float:right; padding-top:4px; padding-bottom:5px; border-left:1px solid #000000; padding-left:40px;}
.eqs img{ display:block; float:left; margin-left:30px;}

.use.article-block{ opacity:0; visibility:hidden; transform:translateX(120px); -webkit-transform:translateX(120px); -moz-transform:translateX(120px); transition:886ms;}
.use.articleShow{ opacity:1; visibility:visible; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}
.presentate.article-block{ opacity:0; visibility:hidden; transform:translateX(88px); -webkit-transform:translateX(88px); -moz-transform:translateX(88px); transition:840ms 

300ms;}
.presentate.articleShow{ opacity:1; visibility:visible; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}

.indutry-t.article-block{ opacity:0; visibility:hidden; transform:skewX(-45deg); transition:580ms;}
.indutry-t.articleShow{ opacity:1; visibility:visible; transform:skewX(0);}

.industry-list.article-block li{ opacity:0; visibility:hidden; transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform:translateY(100%); 

transition:840ms 200ms opacity,880ms 200ms transform,width 455ms; -webkit-transition:840ms 200ms opacity,880ms 200ms transform,width 455ms;}
.industry-list.article-block li:nth-child(2n+2){ transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%);}
.industry-list.articleShow li{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.industry-list.articleShow li:nth-child(2n+2){ transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.newbanner.article-block,.homenew.article-block{ opacity:0; visibility:hidden; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY

(100px); transition:788ms 0ms;}
.homenew.article-block{ transition:788ms 300ms;}
.newbanner.articleShow,.homenew.articleShow{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.pbanner.article-block h3,.mapt.article-block{ opacity:0; visibility:hidden; transform:translateY(78px); -webkit-transform:translateY(78px); -moz-transform:translateY(78px); 

transition:870ms 0ms;}
.pbanner.articleShow h3,.mapt.articleShow{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.introduct.article-block{ opacity:0; visibility:hidden; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); transition:760ms 

120ms;}
.introduct.articleShow{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.development.article-block,.strategy-wr.article-block{ opacity:0; visibility:hidden; transform:translateY(88px); -webkit-transform:translateY(88px); -moz-

transform:translateY(88px); transition:688ms 0ms;}
.development.articleShow,.strategy-wr.articleShow{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.development.article-block:nth-child(2){ transition:688ms 220ms;}

.culture.article-block,.commonweal.article-block,.qualificate.article-block{ opacity:0; transform:translateY(45px); -webkit-transform:translateY(45px); -moz-

transform:translateY(45px); visibility:hidden; transition:500ms;}
.commonweal.article-block{ transition:500ms 180ms;}
.qualificate.article-block{ transition:500ms 360ms;}
.culture.articleShow,.commonweal.articleShow,.qualificate.articleShow{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-

transform:translateY(0);}

.backbb.article-block,.market.article-block h2{ opacity:0; visibility:hidden; transform:translateY(60px); -webkit-transform:translateY(60px); -moz-transform:translateY

(60px); transition:560ms 0ms;}
.backbb.articleShow,.market.articleShow h2{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.market-list.article-block li{ opacity:0; visibility:hidden; transform:translateY(30px); -webkit-transform:translateY(30px); -moz-transform:translateY(30px);}
.market-list.articleShow li{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.starget.article-block{ opacity:0; visibility:hidden; transform:translateY(120px); -webkit-transform:translateY(120px); -moz-transform:translateY(120px); transition:788ms 

0ms;}
.starget.articleShow{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}



.peoperdix table{border-collapse:collapse;border-spacing:1;border-spacing:0; width:100%; border:1px solid #eee; background:#DDD9C3;}
.peoperdix table tr td{ width:100%;text-align:center; border:1px solid #eee; background:#b28850; padding:8px 0;}
.peoperdix table tr td span{ text-align:center;font-size:16px;color:#fff !important; font-family:"Microsoft Yahei"!important;}
.peoperdix table tr:nth-child(2n+2) td{ background:#996c33;}