@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
html { font-size: 100%; }
body, button, input, select, textarea { font: 14px/1.5 Microsoft Yahei, tahoma, Srial, helvetica, sans-serif; outline: none; }
ul, ol, li { list-style: none; margin: 0; padding: 0; }
a { text-decoration: none; color: #FFF; font-family: "微软雅黑"; }
p { font-size: 12px; line-height: 24px; }
img { border: 0px; }
.clear { clear: both; }
p, div, strong, a, h1, h2, h3, h4, h5, h6 { font-family: "微软雅黑"; }
html, body { overflow-x: hidden; }
.animate { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s; }
table { border-spacing: 0px; border-collapse: collapse; }
tr { cursor: pointer; }
input { border: 0; }
textarea { resize: none; padding: 0; }
.scroll_cs { position: fixed; top: 0; color: #000; font-size: 36px; z-index: 999; left: 0; }
.Hover_off { cursor: url(../images/hover.ico), crosshair; }
.process_Y { opacity: 0; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); }
.Jupm { animation: 1s linear 0s normal none 1 running work-btn; -webkit-animation: 1s linear 0s normal none 1 running work-btn; transition: all 0.6s ease-out 0s; -webkit-transition: all 0.6s ease-out 0s; }
.phone { display: none; }
/****************************/
.content1200 { width: 1200px; margin: 0 auto; height: 100%; position: relative; }
/****************************/
.zhiding{ width: 32px; height: 32px; background: url(../images/zhiding.png) no-repeat; cursor: pointer;position: fixed; z-index: 5; transition:all .5s;-webkit-transition:all .5s; right: 52px; bottom: 5%;}
.zhiding:hover{ opacity:.5;filter:alpha(opacity=50)}

nav { height: 156px; width: 100%; margin: 0 auto;  position: fixed;top: 0; left: 0; z-index: 100;background: url(../images/nav_bg.png);transition:all .5s;-webkit-transition:all .5s;}
nav.addclass{transform: translateY(-76px);-webkit-transform: translateY(-76px);}
nav .content1200 .logo{ width: 234px; height: 66px; position: absolute; top: 12px; left: 0;}
nav .arrow{position: absolute; height: 4px; width: 150px; background: #f5ddad; bottom: 0; left: 0;}

nav .content1200 ul{ overflow: hidden; height: 48px; line-height: 48px;position: relative;z-index: 5;position: absolute;bottom: 16px;}
nav .content1200 ul li{float: left; color: #f4dcad;font-size: 14px; width: 150px;}
nav .content1200 ul li a{display: block; width: 100%; color: #F4DCAD;text-align: center;}
nav .content1200 .top_img{position: absolute; right: 0; top: 0;}
nav .content1200 .top_img ol{ height: 44px;}
nav .content1200 .top_img ol li{ float: left; background:rgba(29, 14, 7, 0.4); color: #f4dcad; line-height: 42px;text-align: center; border-radius: 0 0 8px 8px; border: 1px solid #443b39; margin-left: 4px;position: relative;}
nav .content1200 .top_img ol li.min_share1{ width: 49px; height: 42px; cursor:pointer;}
nav .content1200 .top_img ol li.min_share2{ width: 49px; height: 42px; cursor:pointer;}
nav .content1200 .top_img ol li.min_phone{min-width: 195px; height: 42px;}
nav .content1200 .top_img ol li.min_phone img{position: absolute;left: 15px;top: 7px;}
nav .content1200 .top_img ol li img{vertical-align:middle;}
nav .nav_btn_bg { background: #1d0e07; height: 48px;opacity:.43;filter:alpha(opacity=43); border-top: 1px solid #393939; border-bottom: 1px solid #393939;position: absolute; bottom: 16px; width: 100%;}

.erwm{position: absolute;right: 264px;z-index: 15;top: 15px;display: none;}
.new_huodong{ position:fixed; z-index:20; right: 0; top: 50%; margin-top: -69px;}
.new_huodong a{display: block; height: 100%; width: 100%;}
.new_huodong img{display: block;}
/**/
#banner{position: relative;}
#banner ul li img{ display: block;}
.banner_in{position:relative; height: auto;}
.banner_in img{position:relative; left: 50%; margin-left: -960px; display: block;}
#owl-demo .item>img{ display: block; width: 1920px; height: 954px; position:relative; left: 50%; margin-left: -960px;}
#owl-demo .item .banner_text{ position: absolute; width: 690px; height: 120px;left: 50%; margin-left: -345px; top: 50%; z-index: 99;}
#owl-demo .item .banner_text span{position: absolute; overflow: hidden;}
#owl-demo .item .banner_text .text_banner1{ width: 303px; height: 19px; left: 50%; margin-left: -151.5px;}
#owl-demo .item .banner_text .text_banner2{ width: 305px; height: 43px; left: 50%; margin-left: -152.5px; top: 54px;}
#owl-demo .item .banner_text .text_banner3{ width: 276px; height: 45px; left: 50%; margin-left: -138px; top: 110px;}
#owl-demo .item .banner_text .text_banner4{ width: 197px; height: 17px; left: 50%; margin-left: -98.5px; top: 166px;transition:all 1.8s;-webkit-transition:all 1.8s;opacity:0;filter:alpha(opacity=0);}
#owl-demo .item .banner_text .text_banner5{ width: 39px; height: 20px; background: url(../images/banner1_text5.png) no-repeat; left: 50%; margin-left:-19.5px; top: 200px;opacity:0;filter:alpha(opacity=0)}
#owl-demo .item .banner_text .text_banner6{ width: 536px; height: 218px; background: url(../images/banner1_text6.png) no-repeat; left: 50%; margin-left: -268px;opacity:0;filter:alpha(opacity=0)}


#owl-demo .item .banner_text span img{transform-origin:20% 0;-webkit-transform-origin:20% 0;transform:rotate(-10deg) translateY(-100px);-webkit-transform:rotate(-10deg) translateY(-100px);transition:all 1.5s;-webkit-transition:all 1.5s;}
#owl-demo .item .banner_text.addclass span img{transform: rotate(0) translateY(0);-webkit-transform: rotate(0) translateY(0);}
#owl-demo .item .banner_text.addclass .text_banner4{opacity:1 !important;filter:alpha(opacity=100);}
#owl-demo .item .banner_text.addclass .text_banner5{animation:text_banner1_5 .8s forwards 1.6s;-webkit-animation:text_banner1_5 .8s forwards 1.6s;}
#owl-demo .item .banner_text.addclass .text_banner6{animation:text_banner1_6 1s forwards 1.5s;-webkit-animation:text_banner1_6 1s forwards 1.5s;opacity:0;filter:alpha(opacity=0)}
@keyframes text_banner1_5{
    from{opacity:0;filter:alpha(opacity=0);transform: translateY(0);}
    to{opacity:1;filter:alpha(opacity=100);transform: translateY(10px);}
}
@-webkit-keyframes text_banner1_5{
    from{opacity:0;filter:alpha(opacity=0);-webkit-transform: translateY(0);}
    to{opacity:1;filter:alpha(opacity=100);-webkit-transform: translateY(10px);}
}
@keyframes text_banner1_6{
    from{opacity:0;filter:alpha(opacity=0)}
    to{opacity:1;filter:alpha(opacity=1)}
}
@-webkit-keyframes text_banner1_6{
    from{opacity:0;filter:alpha(opacity=0)}
    to{opacity:1;filter:alpha(opacity=1)}
}

#owl-demo .item .banner_text2s{ position: absolute; width: 500px; height: 120px;left: 50%; margin-left: 100px; top: 50%; z-index: 99;}
#owl-demo .item .banner_text2s span{position: absolute;text-align: center; overflow: hidden;}
#owl-demo .item .banner_text2s .text_banner1{ width: 0; height: 68px; left: 50%; margin-left: -243.5px;}
#owl-demo .item .banner_text2s .text_banner2{ width: 0; height: 29px; right: 50%; margin-right: -243px; top: 79px;}
#owl-demo .item .banner_text2s .text_banner2 img{position: absolute; right: 50%; margin-right: -243px;}
#owl-demo .item .banner_text2s .text_banner3{ width: 0; height: 19px; left: 50%; margin-left: -142px; top: 125px;}
#owl-demo .item .banner_text2s .text_banner4{ width: 590px;height: 237px; background: url(../images/banner2_text4.png) no-repeat;position: absolute;top: -66px;right: -24px;opacity:0;filter:alpha(opacity=0);}
#owl-demo .item .banner_text2s b{ position: absolute; top: 0; height: 64px; width: 5px; background: #fff; left: 0;}

#owl-demo .item .banner_text2s.addclass b{animation: biaod 4s linear forwards;-webkit-animation: biaod 4s linear forwards;transform-origin:top;-webkit-transform-origin:top}
#owl-demo .item .banner_text2s.addclass .text_banner1{  animation:banner_text 4s linear forwards;-webkit-animation:banner_text 4s linear forwards;}
#owl-demo .item .banner_text2s.addclass .text_banner2{  animation:banner_text2 4s linear forwards;-webkit-animation:banner_text2 4s linear forwards;}
#owl-demo .item .banner_text2s.addclass .text_banner3{  animation:banner_text3 4s linear forwards .2s;-webkit-animation:banner_text3 4s linear forwards .2s;}
#owl-demo .item .banner_text2s.addclass .text_banner4{animation: text_banner2_4 .8s linear forwards 4s;-webkit-animation: text_banner2_4 .8s linear forwards 4s;}

.ie_information ul li{ width: 220px; height: 320px; background:rgba(38, 28, 24, 0.86);color: #fff;position: absolute; right: 10%; top: 100px;z-index: 15;text-align: center;display: none; padding: 35px 25px 0; line-height: 24px; border-radius: 15px;}
.ie_information strong{font-size: 18px; color: #fff;display: block; line-height: 38px; margin-bottom: 15px; border-bottom: 1px solid #fff;}
@keyframes banner_text{
    0%{ width: 0;}
    14%{ width: 0;}
    26%,100%{ width: 487px;}
}
@keyframes banner_text2{
    0%,40%{ width: 0;}
    59%,100%{ width: 486px;}
}
@keyframes banner_text3{
    0%,73%{ width: 0;}
    93%,100%{ width: 386px;} 
}
@keyframes text_banner2_4{
    from{opacity:0;filter:alpha(opacity=0)}
    to{opacity:1;filter:alpha(opacity=100)}
}

@-webkit-keyframes banner_text{
    0%{ width: 0;}
    14%{ width: 0;}
    26%,100%{ width: 487px;}
}
@-webkit-keyframes banner_text2{
    0%,40%{ width: 0;}
    59%,100%{ width: 486px;}
}
@-webkit-keyframes banner_text3{
    0%,73%{ width: 0;}
    93%,100%{ width: 386px;} 
}
@-webkit-keyframes text_banner2_4{
    from{opacity:0;filter:alpha(opacity=0)}
    to{opacity:1;filter:alpha(opacity=100)}
}
@keyframes biaod{
    0%{transform: translate(0,0) scale(1,1);}
    14%{transform: translate(0,0) scale(1,1);}
    26%{transform: translate(500px,0px) scale(1,1);}/*到达→*/
    33%{transform: translate(500px,0px) scale(1,1);}/*到达→↓*/
    /*33*/
    40%{transform: translate(500px,78px) scale(1,.4);}
    59%{transform: translate(0,78px) scale(1,.4);}
    66%{transform: translate(0,78px) scale(1,.4);}
    /*66*/
  	73%{transform: translate(0px,125px) scale(1,.4);}
    93%{transform: translate(500px,125px) scale(1,.4);}
    99%{transform: translate(500px,125px) scale(1,.4);opacity:1;}
    100%{transform: translate(500px,125px) scale(1,.4); opacity:0;}
   /*99*/
}
@-webkit-keyframes biaod{
    0%{-webkit-transform: translate(0,0) scale(1,1);}
    14%{-webkit-transform: translate(0,0) scale(1,1);}
    26%{-webkit-transform: translate(500px,0px) scale(1,1);}/*到达→*/
    33%{-webkit-transform: translate(500px,0px) scale(1,1);}/*到达→↓*/
    /*33*/
    40%{-webkit-transform: translate(500px,78px) scale(1,.4);}
    59%{-webkit-transform: translate(0,78px) scale(1,.4);}
    66%{-webkit-transform: translate(0,78px) scale(1,.4);}
    /*66*/
  	73%{-webkit-transform: translate(0px,125px) scale(1,.4);}
    93%{-webkit-transform: translate(500px,125px) scale(1,.4);}
    99%{-webkit-transform: translate(500px,125px) scale(1,.4);opacity:1;}
    100%{-webkit-transform: translate(500px,125px) scale(1,.4); opacity:0;}
   /*99*/
}
.new_listHot_title{ margin-top: 15px;}


.in_nav{height: 57px; width: 100%; position: relative; background: url(../images/in_navBG.png); box-shadow: 0px -3px 6px #EAEAEA inset;}
.in_nav:after{position: absolute; content: ''; height: 100%; width: 100%; top: 0; left: 0;box-shadow: 0px 3px 6px #C1C1C1 inset;}
.in_nav ul{ text-align: center; width: 100%; margin: 0 auto;}
.in_nav ul li{display:inline-block; width: 100px; line-height: 57px;text-align: center;position: relative; z-index: 15; transition:all .5s;-webkit-transition:all .5s;}
.in_nav ul li:hover{ background: #241b16;}
.in_nav ul li:hover a{ color:#fee9bf !important;}
.in_nav ul li:nth-child(1):before{background: #dcdcdc; height:100%; width: 1px; left: 0; top: 0; content: ''; position: absolute;}
.in_nav ul li:after{ background: #dcdcdc; height:100%; width: 1px; right: 0; top: 0; content: ''; position: absolute;}
.in_nav ul li a{ color: #231812; display: block; height: 100%; width: 100%;}
.in_nav ul li.addclass{ background: #241b16;}
.in_nav ul li.addclass a{color:#fee9bf;}
.IN_title_text{font-size: 28px;  color:#231915;text-align: center;}
.IN_title_text span{ font-size: 14px;text-align: center; display: block;text-transform: uppercase;}
.BIg_mors{ width: 46px; height: 54px; position: relative; margin: 0 auto; cursor: pointer;}
.BIg_mors.addclass{opacity:0;filter:alpha(opacity=0)}
.BIg_mors span{ width: 6px; height:100%;position: absolute;top: 0;}
.BIg_mors .BIg_mors_span1{ background: #b69650; animation:BIg_mors_span cubic-bezier(.6,-0.28,.74,.05) infinite 2s;-webkit-animation:BIg_mors_span cubic-bezier(.6,-0.28,.74,.05) infinite 2s;}
.BIg_mors .BIg_mors_span2{ background: #cfba8c; left: 13px;animation:BIg_mors_span cubic-bezier(.76,.05,.86,.06) infinite 2s;-webkit-animation:BIg_mors_span cubic-bezier(.76,.05,.86,.06) infinite 2s;}
.BIg_mors .BIg_mors_span3{ background: #c1a66a; left: 26px;animation:BIg_mors_span cubic-bezier(.55,.09,.68,.53) infinite 2s;-webkit-animation:BIg_mors_span cubic-bezier(.55,.09,.68,.53) infinite 2s;}
.BIg_mors .BIg_mors_span4{ background: #b79752; left: 39px;animation:BIg_mors_span linear infinite 2s;-webkit-animation:BIg_mors_span linear infinite 2s;}
@keyframes BIg_mors_span{
    0%,100%{transform: scaleY(1);}
    50%{transform: scaleY(.2);}
}
@-webkit-keyframes BIg_mors_span{
    0%,100%{t-webkit-ransform: scaleY(1);}
    50%{-webkit-transform: scaleY(.2);}
}
/*****Loing*********************/
#bonfire-pageloader { background:#1d0e07; }
#bonfire-pageloader { position: fixed; z-index: 99999999999999; width: 100%; height: 1000%; left: 0; right: 0; top: 0; bottom: 0; }
.bonfire-pageloader-fade { opacity: 0 !important; -webkit-transition: all .75s ease; -moz-transition: all .75s ease; -o-transition: all .75s ease; -ms-transition: all .75s ease; transition: all .75s ease; }
.bonfire-pageloader-hide { display: none; }
.bonfire-pageloader-icon { width: 234px; height: 66px; position: absolute; opacity: 1; top: 50%; left: 50%; margin: -33px 0 0 -117px; }
.bonfire-pageloader-icon-hide { opacity: 0 !important; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease; }
.loader { position: absolute; top: calc(50% - 32px); left: calc(50% - 32px); width: 64px; height: 64px; border-radius: 50%; perspective: 800px; }
.inner { position: absolute; box-sizing: border-box; width: 100%; height: 100%; border-radius: 50%; }
.inner.one { left: 0%; top: 0%; animation: rotate-one 1s linear infinite; border-bottom: 3px solid #EFEFFA; }
.inner.two { right: 0%; top: 0%; animation: rotate-two 1s linear infinite; border-right: 3px solid #EFEFFA; }
.inner.three { right: 0%; bottom: 0%; animation: rotate-three 1s linear infinite; border-top: 3px solid #EFEFFA; }
 @keyframes rotate-one {
 0% {
 transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
}
 100% {
 transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
}
}
 @keyframes rotate-two {
 0% {
 transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
}
 100% {
 transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
}
}
 @keyframes rotate-three {
 0% {
 transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
}
 100% {
 transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
}
}

/**/
.index {position: relative; height: auto;}
.index .box1{ background:url(../images/OurExperience.jpg); height: 463px;position: relative;}
.index .box1 .box_logo{ width: 290px; height: 114px;position: absolute; left: 50%; margin-left: -145px; margin-top: -57px;}
.index .box1 .box_logo img{display: block;}
.index .box1 ul{overflow: hidden; position: absolute; top: 120px;}
.index .box1 ul li{float: left; width: 187px; height: 295px; margin-left: 15px;position: relative; cursor: pointer;}
.index .box1 ul li img{display: block; width: 100%; height: 100%;}
.index .box1 ul li .title{ height: 52px; width: 100%;position: absolute; left: 0; bottom: 18px; background:rgba(37, 22, 12, 0.8);text-align: center; line-height: 52px; font-size: 18px; color: #f4dcad; transition:all .5s;-webkit-transition:all .5s;}
.index .box1 ul li .mask{transform: translateY(295px);-webkit-transform: translateY(295px);position: absolute; top: 0; left: 0; height: 100%; width: 100%;background:rgba(37, 22, 12, 0.8); line-height: 259px;text-align: center;font-size: 18px; color: #f4dcad; ;transition:all .5s;-webkit-transition:all .5s;}
.index .box1 ul li .mask:after{position: absolute; width: 22px; height: 22px; border: 3px solid #d7c198;content: '+'; border-radius: 10px;text-align: center; line-height: 22px;font-size: 18px; color: #f4dcad;  left: 50%; margin-left: -14px;top: 32%;}
.index .box1 ul li.addclass .mask{}
.index .box1 ul li.addclass .title{}
.index .box1 ul li:hover .mask{transform: translateY(0px);-webkit-transform: translateY(0px)}
.index .box1 ul li:hover .title{transform: translateY(72px);-webkit-transform: translateY(72px);}

.index .box2{position: relative; height: 800px;}
.index .box2 .title{text-align: center; font-size:34px; color: #fff;position: absolute; width: 100%; z-index:15;top: 122px;}
.index .box2 .title span{font-family: arial;font-size: 22px; color: #fff;text-transform: uppercase; display: block;}
.index .box2 .box2_bg{ overflow: hidden; position: relative; height: 800px;}
.index .box2 .box2_bg li{position: absolute; top: 0; height: 800px;  width: 1920px; left:50%; margin-left: -960px; display: none;}
.index .box2 .box2_bg li img{display: block;position: absolute;}
.index .box2 .OurMarkets{ overflow: hidden; height: 140px;position: absolute; width: 1200px; left: 50%; margin-left: -600px; top: 354px;}
.index .box2 .OurMarkets li{float: left; width: 92px;height: 140px;text-align: center; margin-left: 185px; cursor: pointer;}
.index .box2 .OurMarkets li .min_OurMarkets{ width: 92px; height: 92px;transition:all .5s;-webkit-transition:all .5s;}
.index .box2 .OurMarkets li .OurMarketsPic1{ background: url(../images/index_ourMarkets_pic1.png) 0 -92px;}
.index .box2 .OurMarkets li .OurMarketsPic2{ background: url(../images/index_ourMarkets_pic2.png) 0 -92px;}
.index .box2 .OurMarkets li .OurMarketsPic3{ background: url(../images/index_ourMarkets_pic3.png) 0 -92px;}
.index .box2 .OurMarkets li .OurMarketsPic4{ background: url(../images/index_ourMarkets_pic4.png) 0 -92px;}
.index .box2 .OurMarkets li .OurMarketsPic5{ background: url(../images/index_ourMarkets_pic5.png) 0 -92px;}

.index .box2 .OurMarkets li.addclass .OurMarketsPic1{ background: url(../images/index_ourMarkets_pic1.png) 0 0px;}
.index .box2 .OurMarkets li.addclass .OurMarketsPic2{ background: url(../images/index_ourMarkets_pic2.png) 0 0px;}
.index .box2 .OurMarkets li.addclass .OurMarketsPic3{ background: url(../images/index_ourMarkets_pic3.png) 0 0px;}
.index .box2 .OurMarkets li.addclass .OurMarketsPic4{ background: url(../images/index_ourMarkets_pic4.png) 0 0px;}
.index .box2 .OurMarkets li.addclass .OurMarketsPic5{ background: url(../images/index_ourMarkets_pic5.png) 0 0px;}

.index .box2 .OurMarkets li:hover .OurMarketsPic1{ background: url(../images/index_ourMarkets_pic1.png) 0 0px;}
.index .box2 .OurMarkets li:hover .OurMarketsPic2{ background: url(../images/index_ourMarkets_pic2.png) 0 0px;}
.index .box2 .OurMarkets li:hover .OurMarketsPic3{ background: url(../images/index_ourMarkets_pic3.png) 0 0px;}
.index .box2 .OurMarkets li:hover .OurMarketsPic4{ background: url(../images/index_ourMarkets_pic4.png) 0 0px;}
.index .box2 .OurMarkets li:hover .OurMarketsPic5{ background: url(../images/index_ourMarkets_pic5.png) 0 0px;}
.index .box2 .OurMarkets li:hover span{color: #f4dcad; opacity:1;filter:alpha(opacity=0)}

.index .box2 .OurMarkets li span{ color: #fff; opacity:.35;filter:alpha(opacity=35);font-size: 18px;transition:all .5s;-webkit-transition:all .5s;}
.index .box2 .OurMarkets li.addclass span{color: #f4dcad; opacity:1;filter:alpha(opacity=0)}
.index .box2 .OurMarkets_text{ width: 700px; left: 50%; margin-left: -350px;position: absolute; top: 70%;}
.index .box2 .OurMarkets_text li{text-align: center; font-size: 14px; color: #fff; display: none; position: absolute; top: 0; width: 100%;}

.index .box3{ height: 786px; background: url(../images/OurExperience.jpg);width: 100%;position: relative;} 
.index .box3 .OurExperience_box{ width: 938px; height: 452px; border: 5px solid #f4dcad;position: absolute; left: 0; top: 120px; padding: 40px 36px;}
.index .box3 .OurExperience_box .title{text-align:left; font-size: 34px; color:#eac680;}
.index .box3 .OurExperience_box .title span{display: block; font-size: 24px; color: #f4dcad;}
.index .box3 .OurExperience_box .summary{float: left; width: 312px; height: auto; margin-top: 20px;position: relative;}
.index .box3 .OurExperience_box .summary ul li{top: 0; position: absolute;transform: translateX(50px);-webkit-transform: translateX(50px);transition:all .8s;-webkit-transition:all .8s;opacity:0;filter:alpha(opacity=0)}
.index .box3 .OurExperience_box .summary ul li.addclass{transform: translateX(0px) !important;-webkit-transform: translateX(0px) !important;opacity:1;filter:alpha(opacity=100)}
.index .box3 .OurExperience_box .summary .in_title{color: #372313; font-size: 24px; line-height: 48px; border-bottom: 1px solid #d2d2d2;}
.index .box3 .OurExperience_box .summary article{ font-size: 12px; line-height: 24px; color: #666666; margin-top: 20px;}
.index .box3 .OurExperience_box .OurExperience_pic{ height: 332px;position: absolute; left: 370px; top: 50%; margin-top: -166px; width: 824px;}
.index .box3 .OurExperience_box .OurExperience_pic ul li{float: left; margin-right: 4px; background: #000;position: relative; cursor: pointer; overflow: hidden;}
.index .box3 .OurExperience_box .OurExperience_pic ul li img{display: block;opacity:.5;filter:alpha(opacity=50);transition:all .5s;-webkit-transition:all .5s;}
.index .box3 .OurExperience_box .OurExperience_pic ul li .mask{position: absolute; width: 100%; height: 44px; font-size: 24px; color: #eac680; text-align: center; top: 50%; margin-top: -22px; line-height: 44px;display: block;transition:all .5s;-webkit-transition:all .5s;}
.index .box3 .OurExperience_box .OurExperience_pic ul li .mask:after{ height: 2px; background: #eac680; width: 40px; left: 50%;content:'';position: absolute; bottom: 0; margin-left: -20px;transition:all .5s;-webkit-transition:all .5s;}
.index .box3 .OurExperience_box .OurExperience_pic ul li.addclass .mask{text-indent: -500px;}
.index .box3 .OurExperience_box .OurExperience_pic ul li.addclass .mask:after{left: 120%;}
.index .box3 .OurExperience_box .OurExperience_pic ul li.addclass img{opacity:1;filter:alpha(opacity=100)}
.index .box3 .OurExperience_box .OurExperience_pic ul li:hover .mask{text-indent: -500px;}
.index .box3 .OurExperience_box .OurExperience_pic ul li:hover .mask:after{left: 120%;}
.index .box3 .OurExperience_box .OurExperience_pic ul li:hover img{opacity:1;filter:alpha(opacity=100)}


.index .box4{ background: url(../images/index_OurStrength_bg.jpg) center; height: 893px; width: 100%; position: relative;}
.index .box4 .title{text-align: center;  font-size: 34px; color: #eac680;position: absolute; top: 82px; width: 100%;}
.index .box4 .title span{ display: block; font-size: 24px; color: #f6ddab;}
.index .box4 .OurStrength_title{position: absolute; width: 100%; top: 197px;}
.index .box4 .OurStrength_title ol{text-align: center;}
.index .box4 .OurStrength_title ol li{text-align: center;font-size: 18px; line-height: 24px;display: inline-block; width: 219px; cursor: pointer; color: #5d5d5d;position:relative;}
.index .box4 .OurStrength_title ol li:after{position: absolute; content: ''; width: 0;height: 0;border-left:4px solid transparent;border-top: 8px solid #eac989;border-right: 4px solid transparent; left: 50%; margin-left: -4px; bottom: -14px;transition:all .5s;-webkit-transition:all .5s;opacity:0;filter:alpha(opacity=0)}
.index .box4 .OurStrength_title ol li:before{position: absolute; content: ''; width: 64px; height: 4px; background:#eac989; left: 50%; margin-left: -32px; bottom: -6px;transition:all .5s;-webkit-transition:all .5s;opacity:0;filter:alpha(opacity=0)}
.index .box4 .OurStrength_title ol li.addclass:after{opacity:1;filter:alpha(opacity=100)}
.index .box4 .OurStrength_title ol li.addclass:before{opacity:1;filter:alpha(opacity=100)}

.index .box4 .character{ position: absolute; top: 265px; width: 100%;}
.character_over{ width:612px; position:absolute; left:682px; height:100%; top:0}

#Index_Box2 {position: relative; margin: 0 auto; width:3072px; height: 520px; left: 50%; margin-left: -1536px;}
#Index_Box2 ul {position: relative; width: 100%; height:100%;}
#Index_Box2 ul li {z-index: 0; position: absolute; list-style-type: none; width: 0px;  height: 0px; overflow: hidden; top: 146px; cursor: pointer; list-style-image: none; left: 377px;}
#Index_Box2 ul li img {width: 100%; background: url(../images/loading.gif) no-repeat center 50%; height: 100%; vertical-align: top;}
#Index_Box2 .prev {display: block; background:url(../images/btn_restaurant.png) 0px 0 no-repeat;}
#Index_Box2 .next {display: block; background:url(../images/btn_restaurant.png) -45px 0 no-repeat;}
#Index_Box2 .prev {z-index: 100; overflow: hidden; cursor: pointer;}
#Index_Box2 .next {z-index: 100; overflow: hidden; cursor: pointer;}
#Index_Box2 .prev {position: absolute; width: 45px; height:73px; top:50%;left:43px; margin-top: -36.5px;opacity:.6;filter:alpha(opacity=60); transition:all .5s;-webkit-transition:all .5s;}
#Index_Box2 .next {position: absolute; width: 45px; height: 73px; top:50%; right: 43px; margin-top: -36.5px;opacity:.6;filter:alpha(opacity=60); transition:all .5s;-webkit-transition:all .5s;}
#Index_Box2 .prev:hover{ opacity:1;filter:alpha(opacity=100)}
#Index_Box2 .next:hover{ opacity:1;filter:alpha(opacity=100)}
#Index_Box2 ul li{ transition-duration: .5s; -webkit-transition-duration: .5s;height: 100%;}
#Index_Box2 ul li.cur1{display: block;width: 0; height: 100%; top: 0; left: 0; z-index: 7;opacity:0.1;filter:alpha(opacity=10)}
#Index_Box2 ul li.cur2{display: block; width: 1024px; height: 100%; top: 0; left: 0; z-index: 8;opacity:.3;filter:alpha(opacity=30)}
#Index_Box2 ul li.cur3{display: block;width: 1024px;height: 100%; top: 0px; left: 1024px; z-index: 9; }
#Index_Box2 ul li.cur4{display: block; width: 1024px; height: 100%; top: 0; left: 2048px; z-index: 8;opacity:.3;filter:alpha(opacity=30)}
#Index_Box2 ul li.cur5{display: block;width: 0; height: 100%; top: 0; left: 1920px; z-index: 7;opacity:.1;filter:alpha(opacity=10)}
#Index_Box2 ul li.cur6{display: block;width: 0; height: 100%; top: 0; left: 1920px; z-index: 7;opacity:.1;filter:alpha(opacity=10)}
#Index_Box2 ul li.cur7{display: block;width: 0; height: 100%; top: 0; left: 1920px; z-index: 7;opacity:.1;filter:alpha(opacity=10)}
#Index_Box2 ul li.cur8{display: block;width: 0; height: 100%; top: 0; left: 1920px; z-index: 7;opacity:.1;filter:alpha(opacity=10)}
#Index_Box2 ul li.cur9{display: block;width: 0; height: 100%; top: 0; left: 1920px; z-index: 7;opacity:.1;filter:alpha(opacity=10)}
#Index_Box2 ul li.cur10{display: block;width: 0; height: 100%; top: 0; left: 1920px; z-index: 7;opacity:.1;filter:alpha(opacity=10)}
#Index_Box2 .prev img,#Index_Box .next img{ display:block; position:absolute; top:0}
#Index_Box2 ul li span{ position:absolute; top:0; left:0; width:100%; height:100%; background:#FFF; opacity:.4;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); transition:all .3s;-webkit-transition:all .3s}
#Index_Box2 .character_quyu{ width: 1024px; position: absolute; height: 100%; left: 50%; margin-left: -512px; top: 0;}
#Index_Box2 .character_quyu pre{ height:99px;width: 44px; position: absolute; top: 50%; margin-top: -50px; cursor: pointer;}
#Index_Box2 .character_quyu .prev{ background: url(../images/index_OurStrength_btn.png) 0 0 no-repeat; left: -44px;}
#Index_Box2 .character_quyu .next{ background: url(../images/index_OurStrength_btn.png) -44px 0 no-repeat; right: -44px;}
/**/


.index .box5{ height: 790px; width: 100%; background: url(../images/index_TheyChoseUs_bg.jpg) center top; position: relative;}
.index .box5.addclass .partner{opacity:0;}

.index .box5 .title{text-align: center;  font-size:34px; color: #fff;position: absolute; top: 82px; width: 100%;}
.index .box5 .title span{ display: block; font-size: 24px; color: #fff;}
.index .box5 .partner{ position: absolute; top: 229px; width: 1060px; left: 50%; margin-left:-520px;opacity:1;}
.index .box5 .partner ul{height: 190px;position: absolute;}
.index .box5 .partner .partner_ul1{}
.index .box5 .partner .partner_ul2{margin-top:106px;}
.index .box5 .partner .partner_ul3{margin-top:212px;}
.index .box5 .partner ul li{ float: left; height: 190px; width: 190px; margin: 0 22px 22px 0; cursor: pointer;}
.index .box5 .partner ul li a{display: block; height: 100%; width: 100%;}
.index .box5 .partner ul li img{display: block;transition:all .5s;-webkit-transition:all .5s;opacity:.6;filter:alpha(opacity=60)}
.index .box5 .partner ul li img:hover{opacity:1;filter:alpha(opacity=100)}
.index .box5 .partner .brand6{margin-left: 106px;}
.index .box5 .partner .brand10{ margin-left: 212px;}

.index .box6{ background:url(../images/OurExperience.jpg); height: 797px; position: relative; width: 100%;}
.index .box6 .title{text-align: center;  font-size:34px; color: #eac680;position: absolute; top: 82px; width: 100%;}
.index .box6 .title span{ display: block; font-size: 24px; color: #eac680;}
.index .box6 .new_listHot{position: absolute; top: 210px; width: 100%; left: 0;}
.index .box6 .new_listHot .new_listHot_title ul{ text-align: center;}
.index .box6 .new_listHot .new_listHot_title li{display: inline-block;text-align: center; width: 159px; height: 42px;position: relative; line-height: 42px; border-radius: 5px; margin: 0 20px;transition:all .5s;-webkit-transition:all .5s; cursor: pointer;color:#a97a1f;}
.index .box6 .new_listHot .new_listHot_title li.addclass{ background: #eac680; color: #fff;}
.index .box6 .new_listHot .new_listHot_title li:hover{background: #eac680; color: #fff;}
.index .box6 .new_listHot .new_listHot_title li:nth-child(1):after{ height: 26px; width: 1px; background: #eac680; content: ''; right: -20px; top: 50%; margin-top: -13px; position: absolute;}
.index .box6 .new_listHot .new_listHot_title li:nth-child(2):after{ height: 26px; width: 1px; background: #eac680; content: ''; right: -20px; top: 50%; margin-top: -13px; position: absolute;}
.index .box6 .new_listHot .new_listHot_title li:nth-child(3):after{ height: 26px; width: 1px; background: #eac680; content: ''; right: -20px; top: 50%; margin-top: -13px; position: absolute;}
.index .box6 .new_listHot .Hot_list_gather{ height: 390px; width: 100%; position: relative; margin-top: 50px;}
.index .box6 .new_listHot .Hot_list_gather .Hot_list_IN{position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden;}
.index .box6 .new_listHot .Hot_list_gather .Hot_list_IN .news_hot{ width: 528px; height: 390px; position: relative; float: left;}
.index .box6 .new_listHot .Hot_list_gather .Hot_list_IN .news_hot .news_hot_ol ul{display: none;}
.index .box6 .new_listHot .Hot_list_gather .Hot_list_IN .news_hot li{position: absolute; top: 0;height: 390px; display: none;}
.index .box6 .new_listHot .Hot_list_gather .Hot_list_IN .news_hot li .pic{ width: 528px; height:263px; overflow: hidden;}
.index .box6 .new_listHot .Hot_list_gather .Hot_list_IN .news_hot li .pic img{display: block;transition:all .5s;-webkit-transition:all .5s;}
.index .box6 .new_listHot .Hot_list_gather .Hot_list_IN .news_hot li .summary{ height: 87px; width: 488px; background: #000; padding: 20px 20px; overflow: hidden;}
.index .box6 .new_listHot .Hot_list_gather .Hot_list_IN .news_hot li .summary .IN_title{ font-size: 18px; color: #fff;  line-height: 36px;}
.index .box6 .new_listHot .Hot_list_gather .Hot_list_IN .news_hot li .summary .IN_title span{float: right; line-height: 36px; opacity:.5;filter:alpha(opacity=50);font-size: 12px;}
.index .box6 .new_listHot .Hot_list_gather .Hot_list_IN .news_hot li .summary article{ color: #fff; opacity:.6;filter:alpha(opacity=60); font-size: 12px;}
.index .box6 .new_listHot .Hot_list_gather .Hot_list_IN .news_hot li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.index .box6 .new_listHot .Hot_list_gather .news_hot_btn_L,.index .box6 .new_listHot .Hot_list_gather .news_hot_btn_R{ height:51px; width: 51px; background: #180f0d; top: 211px;position: absolute; z-index:15; cursor: pointer;}
.index .box6 .new_listHot .Hot_list_gather .news_hot_btn_L:after{background: url(../images/index_new_btn_L.png); width: 24px; height: 28px;position: absolute; content: '';top: 50%; left: 50%; margin: -14px 0 0 -12px;transition: all .5s;-webkit-transition: all .5s;}
.index .box6 .new_listHot .Hot_list_gather .news_hot_btn_R:after{background: url(../images/index_new_btn_R.png); width: 24px; height: 28px;position: absolute; content: '';top: 50%; left: 50%; margin: -14px 0 0 -12px;transition: all .5s;-webkit-transition: all .5s;}
.index .box6 .new_listHot .Hot_list_gather .news_hot_btn_R{ right: 1px;}
.index .box6 .new_listHot .Hot_list_gather .news_hot_btn_L{ right: 53px;}
.index .box6 .new_listHot .Hot_list_gather .news_hot_btn_L:hover:after{transform: translateX(-5px);-webkit-transform: translateX(-5px);}
.index .box6 .new_listHot .Hot_list_gather .news_hot_btn_R:hover:after{transform: translateX(5px);-webkit-transform: translateX(5px);}

.index .box6 .new_listHot .Hot_list_gather .news_list{ width: 590px; float: right; margin-right: 23px; height: 390px;position:relative;}
.index .box6 .new_listHot .Hot_list_gather .news_list ul{display: none;position: absolute; top: 0; left: 0;}
.index .box6 .new_listHot .Hot_list_gather .news_list li { overflow: hidden; margin-top: 23px;transition:all .5s;-webkit-transition:all .5s;}
.index .box6 .new_listHot .Hot_list_gather .news_list li .number{ width: 80px; height: 80px; border-right: 1px solid #dcdcdc; font-size: 60px; color: #c1c1c1; line-height: 80px;text-align: center; float: left;}
.index .box6 .new_listHot .Hot_list_gather .news_list li .summary{ width: 476px; float: left; padding-left: 33px;}
.index .box6 .new_listHot .Hot_list_gather .news_list li .title_in{ color: #515151;font-size: 18px;transition:all .5s;-webkit-transition:all .5s;}
.index .box6 .new_listHot .Hot_list_gather .news_list li article{ color: #636363; opacity:.7;filter:alpha(opacity=70); font-size: 12px; line-height: 24px;transition:all .5s;-webkit-transition:all .5s;}
.index .box6 .new_listHot .Hot_list_gather .news_list li:hover .title_in{color:#eac680;}
.index .box6 .new_listHot .Hot_list_gather .news_list li:hover article{color:#eac680;}
/**/
.footer{ height: 415px; width: 100%; position: relative;}
.footer .footer_nav{ height: 51px; width: 100%; background: #130909;}
.footer .footer_nav ul{text-align: center; width: 100%;}
.footer .footer_nav ul li{display: inline-block; width: 60px;text-align: center; margin: 0 25px;}
.footer .footer_nav ul li a{color: #fff; opacity:.7;filter:alpha(opacity=70); line-height: 51px;transition:all .5s;-webkit-transition:all .5s;display: block; height: 100%; width: 100%;}
.footer .footer_nav ul li a:hover{opacity:1;filter:alpha(opacity=100)}
.footer .friendlyLink{ height: 90px; background: #180f0d;}
.footer .friendlyLink .name_friendlyLink{position: absolute;font-size: 12px;height:90px;line-height: 24px;;z-index: 9;width:130px;top: 0; overflow: hidden; color: #848484;}
.footer .friendlyLink .name_friendlyLink img{display: block; margin-top: 12px;}
.footer .copyright{ height:224px ; background:url(../images/footer_content_bg.jpg) center top;text-align: center;color:#747170; padding-top: 50px; line-height: 28px;}
.footer .copyright img{display: block; margin: 0 auto 27px;}
.footer .copyright span{ margin: 0 17px;display: inline-block;}
.footer .copyright a{color:#747170; transition:all .5s;-webkit-transition:all .5s;}
.footer .copyright a:hover{color: #fff;}
.footer .monsteck_variketch{position: absolute; left: 15%; width: 85%; height: 100%;} 
.footer .monsteck_variketch span{color: #848484;margin-top: 32px;display: block;float: left; width: 130px;cursor: pointer;transition:all .5s;-webkit-transition:all .5s; font-size: 12px;}
.footer .monsteck_variketch span a{color: #848484; transition:all .5s;-webkit-transition:all .5s;}
.footer .monsteck_variketch span a:hover{color: #fff;}
.footer .monsteck_variketch span:hover{color: #fff;}
.footer .TOp{position: absolute;content: ''; width: 47px; height: 31px; background: url(../images/TOp_pic.png) no-repeat; left: 50%; margin-left: -23.5px; top: -31px; cursor: pointer;transition:all .5s;-webkit-transition:all .5s;transform: translateY(10px);-webkit-transform: translateY(10px);}
.footer .TOp:hover{transform: translateY(0);-webkit-transform: translateY(0);}
.footer .copyright span img{display: inline-block; margin: 0 5px 0 0;vertical-align: middle}
/*CustomCenter*/
.CustomCenter{ margin-top: 156px; overflow: hidden;}
.CustomCenter .manSuit{ float: left; width: 20%; position: relative; overflow: hidden;}
.CustomCenter .manSuit img{ width: 100%; height: 100%; display: block;opacity:.3;filter:alpha(opacity=30);transition:all .5s;-webkit-transition:all .5s;}
.CustomCenter .manSuit .CustomCenter_names{ width: 212px; height: 70px; position: absolute; left: 50%; top: 50%; margin: -35px 0 0 -106px;transition:all .5s;-webkit-transition:all .5s;text-align: center;font-size: 20px;font-family: "黑体";color: #fff;}
.CustomCenter .manSuit .CustomCenter_names span{display: block;font-size: 14px;text-align: center;text-transform: uppercase;position: relative; line-height: 36px;}
.CustomCenter .manSuit .CustomCenter_names span:after{position: absolute; width: 40px; height: 3px; background: #fff; left: 50%; margin-left: -20px; top: 0; content: '';}
.CustomCenter .manSuit .CustomCenter_names:after{position: absolute; content: ''; background:url(../images/CustomCenter_round.png) no-repeat; height: 39px; width: 39px; left: 50%; margin-left: -19.5px; bottom: -59px;transition:all .5s;-webkit-transition:all .5s;}
.CustomCenter .manSuit:hover .CustomCenter_names{opacity:0;filter:alpha(opacity=0)}
.CustomCenter .manSuit:hover img{opacity:1;filter:alpha(opacity=100)}



.CustomCenter ul{ overflow: hidden; width: 80%;float: left;}
.CustomCenter ul li{ width: 25%; float: left;position: relative; cursor: pointer; background: #000; overflow: hidden;}
.CustomCenter ul li .pic img{ width: 100%; height: 100%;display: block;transition:all .5s;-webkit-transition:all .5s;opacity:.3;filter:alpha(opacity=30)}
.CustomCenter ul li:after{position: absolute;content: ''; width:calc(100% - 4px); border: 2px solid #241b17; height: calc(100% - 4px); left: 0; top: 0;}
.CustomCenter ul li:hover img{opacity:1;filter:alpha(opacity=100)}
.CustomCenter ul li .CustomCenter_names{ width: 212px; height: 70px; position: absolute; left: 50%; top: 50%; margin: -35px 0 0 -106px;transition:all .5s;-webkit-transition:all .5s;text-align: center;font-size: 20px;font-family: "黑体";color: #fff;}
.CustomCenter ul li .CustomCenter_names span{display: block;font-size: 14px;text-align: center;text-transform: uppercase;position: relative; line-height: 36px;}
.CustomCenter ul li .CustomCenter_names span:after{position: absolute; width: 40px; height: 3px; background: #fff; left: 50%; margin-left: -20px; top: 0; content: '';}
.CustomCenter ul li .CustomCenter_names:after{position: absolute; content: ''; background:url(../images/CustomCenter_round.png) no-repeat; height: 39px; width: 39px; left: 50%; margin-left: -19.5px; bottom: -59px;transition:all .5s;-webkit-transition:all .5s;}
.CustomCenter ul li:hover .CustomCenter_names{opacity:0;filter:alpha(opacity=0)}
.CustomCenter ul li a{position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 15; display: block;}
/*ProductSales*/
.ProductSales{ margin-top: 156px;position: relative;}
.ProductSales ul{ overflow: hidden;position:relative;}
.ProductSales ul li{ width: 356px; height: 619px; float: left; cursor: pointer; background: #000;position: relative;}
.ProductSales ul li .pic img{display: block; height: 100%; width: 100%;opacity:.3;filter:alpha(opacity=30);transition:all .5s;-webkit-transition:all .5s;}
.ProductSales ul li:hover img{opacity:1;filter:alpha(opacity=100)}
.ProductSales ul li .CustomCenter_names{ width: 212px; height: 70px; position: absolute; left: 50%; top: 50%; margin: -35px 0 0 -106px;transition:all .5s;-webkit-transition:all .5s;text-align: center;font-size: 20px;font-family: "黑体";color: #fff;}
.ProductSales ul li .CustomCenter_names span{display: block;font-size: 14px;text-align: center;text-transform: uppercase;position: relative; line-height: 36px;}
.ProductSales ul li .CustomCenter_names span:after{position: absolute; width: 40px; height: 3px; background: #fff; left: 50%; margin-left: -20px; top: 0; content: '';}
.ProductSales ul li .CustomCenter_names:after{position: absolute; content: ''; background:url(../images/CustomCenter_round.png) no-repeat; height: 39px; width: 39px; left: 50%; margin-left: -19.5px; bottom: -59px;transition:all .5s;-webkit-transition:all .5s;}
.ProductSales ul li:hover .CustomCenter_names{opacity:0;filter:alpha(opacity=0)}
/*secenDays*/
.secenDays{
	position: relative;
	padding-top: 38px;
	background: url(../images/OurExperience.jpg);
	padding-bottom: 50px;
	top: -30px;
}
.secenDays .new_listHot_title ul{ text-align: center;}
.secenDays .new_listHot_title li{
	display: inline-block;
	text-align: center;
	width: auto;
	height: 42px;
	position: relative;
	line-height: 42px;
	border-radius: 5px;
transition:all .5s;-webkit-transition:all .5s;	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 3px;
	padding-right: 20px;
	padding-left: 20px;
}
.secenDays .new_listHot_title li a{ color: #a97a1f; height: 100%; width: 100%; line-height: 42px;display: block;transition:all .5s;-webkit-transition:all .5s;}
.secenDays .new_listHot_title li.addclass{ background: #a97a1f; }
.secenDays .new_listHot_title li.addclass a{color: #fff !important;}
.secenDays .new_listHot_title li:hover{background: #a97a1f;}
.secenDays .new_listHot_title li:hover a{color: #fff !important;}
.secenDays .new_listHot_title li:after{ height: 26px; width: 1px; background: #eac680; content: ''; left:-6px; top: 50%; margin-top: -13px; position: absolute;}
.secenDays .new_listHot_title li:nth-child(1):after{display: none;}
.secenDays .slide{ height: 510px; margin-top: 30px;position: relative;}
.secenDays .slide .slide_over{ width: 100%; margin: 0 auto;position: relative; height: 510px;}
.secenDays .slide ul{ overflow: hidden; width:2474px; position: relative; height: 510px; left: 50%; margin-left:-1142px;}
.secenDays .slide ul.addclass{ width: 1148px !important; margin-left: -574px; left: 50%;}
.secenDays .slide ul.addclass2{ width: 1434px !important; margin-left: -717px; left: 50%;}
.secenDays .slide ul.addclass3{ width: 1720px !important; margin-left: -860px; left: 50%;}
.secenDays .slide ul.addclass4{ width: 2006px !important; margin-left: -1145px; left: 50%;}

.secenDays .slide ul .slide_over_OL{ overflow: hidden;float: left;position: absolute; height: 510px;transition:all .5s;-webkit-transition:all .5s;}

.secenDays .slide ul .slide_over_OL.cur1{ left: 0;}
.secenDays .slide ul .slide_over_OL.cur2{ left: 1216px;}
.secenDays .slide ul .slide_over_OL.cur3{ left: 2432px;}
.secenDays .slide ul .slide_over_OL.cur4{ left: 3648px; width: 0;}
.secenDays .slide ul .slide_over_OL.cur5{ left: 3648px; width: 0;}

.secenDays .slide ul .slide_over_OL.cur1 img{opacity:.5;filter:alpha(opacity=50);}
.secenDays .slide ul .slide_over_OL.cur2 img{opacity:1;filter:alpha(opacity=1);}
.secenDays .slide ul .slide_over_OL.cur3 img{opacity:.5;filter:alpha(opacity=50);}
.secenDays .slide ul .slide_over_OL.cur4 img{opacity:.5;filter:alpha(opacity=50);}
.secenDays .slide ul .slide_over_OL.cur5 img{opacity:.5;filter:alpha(opacity=50);}


.secenDays .slide .slide_over_btn_quyu{ width: 1200px; position: absolute; left: 50%; margin-left: -600px; height: 510px;}

.secenDays .slide ul li{ float: left; width: 0; height: 510px; margin:0 9px; background: #fff; cursor: pointer; overflow: hidden;position:relative;transition:all 1s;-webkit-transition:all 1s;}
.secenDays .slide ul li img{transition:all .5s;-webkit-transition:all .5s; height: 100%; width: 100%;opacity:.5;filter:alpha(opacity=50)}
.secenDays .slide ul li a{position: absolute; top: 0; left: 0; width: 100%; height:100%;transition:all .5s;-webkit-transition:all .5s;}
.secenDays .slide ul li:after{position: absolute; content: ''; height: 4px; width: 0; background:#221813; top: 0; left: 0;transition:all .2s;-webkit-transition:all .2s; z-index: 5;}
.secenDays .slide ul li a:before{position: absolute;content: ''; right: 0; top: 0; width: 4px; height: 0; background:#221813;transition:all .4s;-webkit-transition:all .4s;transition-delay: .2s;-webkit-transition-delay: .2s;}
.secenDays .slide ul li:before{position: absolute; content: ''; height: 4px; width: 0; background:#221813; bottom: 0; right: 0;transition:all .2s;-webkit-transition:all .2s; z-index: 5;transition-delay: .6s;-webkit-transition-delay: .6s;}
.secenDays .slide ul li a:after{position: absolute;content: ''; left: 0; bottom: 0; width: 4px; height: 0; background:#221813;transition:all .4s;-webkit-transition:all .4s;transition-delay: .8s;-webkit-transition-delay: .8s;}
.secenDays .slide ul li:hover:after{ width: 100%;}
.secenDays .slide ul li:hover:before{ width: 100%;}
.secenDays .slide ul li:hover a:after{ height: 100%;}
.secenDays .slide ul li:hover a:before{ height: 100%;}
.secenDays .slide ul li.cur4 img{opacity:1;filter:alpha(opacity=100)}
.secenDays .slide ul li.cur5 img{opacity:1;filter:alpha(opacity=100)}
.secenDays .slide ul li.cur6 img{opacity:1;filter:alpha(opacity=100)}
.secenDays .slide ul li.cur7 img{opacity:1;filter:alpha(opacity=100)}

.secenDays .slide ul li.cur1,.secenDays .slide ul li.cur2,.secenDays .slide ul li.cur3,.secenDays .slide ul li.cur4,.secenDays .slide ul li.cur5,.secenDays .slide ul li.cur6,.secenDays .slide ul li.cur7,.secenDays .slide ul li.cur8,.secenDays .slide ul li.cur9{ width: 268px;}
.secenDays .slide ul li.cur1.cur0{ width: 0;}
.secenDays .slide ul.addclass li img{opacity:1 !important;filter:alpha(opacity=100)}
.secenDays .slide ul.addclass2 li img{opacity:1 !important;filter:alpha(opacity=100)}
.secenDays .slide ul.addclass2 li.cur1 img{opacity:.5 !important;filter:alpha(opacity=50)}
.secenDays .slide ul.addclass3 li img{opacity:1 !important;filter:alpha(opacity=100)}
.secenDays .slide ul.addclass3 li.cur1 img{opacity:.5 !important;filter:alpha(opacity=50)}
.secenDays .slide ul.addclass3 li.cur6 img{opacity:.5 !important;filter:alpha(opacity=50)}
.secenDays .slide ul.addclass4 li img{opacity:1 !important;filter:alpha(opacity=100)}
.secenDays .slide ul.addclass4 li.cur1 img{opacity:.5 !important;filter:alpha(opacity=50)}
.secenDays .slide ul.addclass4 li.cur2 img{opacity:.5 !important;filter:alpha(opacity=50)}
.secenDays .slide ul.addclass4 li.cur7 img{opacity:.5 !important;filter:alpha(opacity=50)}

.secenDays .slide .slide_over .slide_over_btn{ width: 40px; height: 82px; cursor: pointer; position: absolute; top: 50%; margin-top: -41px; z-index: 15;transition:all .5s;-webkit-transition:all .5s;}
.secenDays .slide .slide_over .slide_over_btn.btn_L{ background: url(../images/fuzhuang_btn.png) no-repeat 0 0; left: -60px;}
.secenDays .slide .slide_over .slide_over_btn.btn_R{ background: url(../images/fuzhuang_btn.png) no-repeat -40px 0; right: -60px;}
.secenDays .slide .slide_over .slide_over_btn:hover{opacity:.5;filter:alpha(opacity=50)}
.secenDays .page{ width: 170px; height: 40px; margin: 35px auto;position: relative;}
.secenDays .page .page_btnL{ width: 14px; height: 20px; background: url(../images/fuzhuang_min_btn.jpg) 0 0;position: absolute; left: 0; display: block;top: 10px; cursor: pointer;transition:all .5s;-webkit-transition:all .5s;}
.secenDays .page .page_btnR{ width: 14px; height: 20px;background: url(../images/fuzhuang_min_btn.jpg) -14px 0; position: absolute; right: 0; display: block;top: 10px;cursor: pointer;transition:all .5s;-webkit-transition:all .5s;}
.secenDays .page .page_btnL:hover{opacity:.5;filter:alpha(opacity=50)}
.secenDays .page .page_btnR:hover{opacity:.5;filter:alpha(opacity=50)}
.secenDays .page .pageNumber{ height: 40px; width: 80px; border-left:1px solid #000000;text-align: center;color: #000; line-height: 40px;position: absolute;left: 44px; top: 0;}
.secenDays .page .pageMore{ height: 40px; width: 80px; border-left:1px solid #000000;border-right:1px solid #000000;text-align: center;color: #000; line-height: 40px;position: absolute;right: 44px; top: 0;}
.secenDays .page .pageMore img{ margin-top:9px; cursor: pointer;}
.secenDays .clothes ul { overflow: hidden;}
.secenDays .clothes ul li{float: left; width: 286px; height: 510px; margin-left: 18px; margin-bottom: 15px;position: relative;overflow: hidden; }
.secenDays .clothes ul li:after{position: absolute;  width:280px; height: 504px; border: 3px solid #1b100b;top: 0; left: 0;}
.secenDays .clothes ul li .biaoti{ height: 40px; width: 100%; bottom: 0px; background:rgba(0,0,0,.57);position: absolute; line-height: 40px;text-align: center;font-size: 14px; color: #fff;}
.secenDays .clothes ul li img{display: block; width: 100%; height: 100%;}
.secenDays .clothes ul li .more{ background: url(../images/fuzhuang_mor.png) no-repeat; width: 56px; height: 55px;position: absolute; top: 0; right: 0;}
.secenDays .clothes ul li:hover .more{transform: translate(0,0);}

/*.secenDays2*/
.secenDays2{position: relative; padding-top: 38px; background: url(../images/OurExperience.jpg); padding-bottom: 50px;}
.secenDays2 .customProcess_text{text-align:center; margin: 37px auto 57px;}
.secenDays2 .customProcess_pic{position:relative; background: url(../images/customProcess_pic.png) no-repeat; width: 1241px; height: 306px; margin: 0 auto;position: relative;}
.secenDays2 .customProcess_pic li{position:absolute; left: 0; top: 0; overflow: hidden;}
.secenDays2 .customProcess_pic li:nth-child(1){ height: 18px;top: 20px;left: 150px; width: 162px;}
.secenDays2 .customProcess_pic li:nth-child(2){ height: 18px;top: 20px;left: 510px; width: 162px;}
.secenDays2 .customProcess_pic li:nth-child(3){ height: 18px;top: 20px;left: 850px; width: 162px;}
.secenDays2 .customProcess_pic li:nth-child(4){ height: 200px;top: 20px;left: 1250px; width: 80px;}
.secenDays2 .customProcess_pic li:nth-child(5){ height: 18px;top: 210px;left: 850px; width: 162px;}
.secenDays2 .customProcess_pic li:nth-child(6){ height: 18px;top: 210px;left: 510px; width: 162px;}
.secenDays2 .customProcess_pic li:nth-child(7){ height: 18px;top: 210px;left: 150px; width: 162px;}
.secenDays2 .customProcess_pic li svg{position: absolute; left: 50%; margin-left: -91px; top: 0;}
/*contactUs*/
.contactUs{ position: relative; height: 695px;background: url(../images/OurExperience.jpg); padding-top: 38px; padding-bottom: 38px;}
.contactUs .map_contact{ width: 1200px;margin: 0 auto; height: 546px;position:relative;}
.contactUs .map{ height: 526px;  border: 10px solid #231915; width: 1180px; margin:30px auto 0; position:relative;}
.contactUs #map1{ height: 526px; width: 100%;position:absolute;top: 0; left: 0;}
.contactUs #map2{ height: 526px; width: 100%;position:absolute;top: 0; left: 0;}
.contactUs #map3{ height: 526px; width: 100%;position:absolute;top: 0; left: 0;background: url(../images/map_bg.jpg);}
.contactUs #map3 .china_map{ width: 673px; height: 493px; margin: 17px auto 0; position: relative; background: url(../images/chain_map.png) no-repeat;}
.contactUs #map3 .china_map ul li{position: absolute; cursor: pointer;z-index: 15;}
.contactUs #map3 .china_map ul li img{display: block; margin: 0 auto;}
.contactUs #map3 .china_map ul li span{display: block; width: 64px;text-align: center;left: 50%; margin-left: -32px; position:relative;}
.contactUs #map3 .china_map ul li.seat1{position: absolute; left: 110px; top: 178px;}
.contactUs #map3 .china_map ul li.seat2{position: absolute; left: 186px; top: 339px;}
.contactUs #map3 .china_map ul li.seat3{position: absolute; left: 277px; top: 266px;}
.contactUs #map3 .china_map ul li.seat4{position: absolute; left: 311px; top: 327px;}
.contactUs #map3 .china_map ul li.seat5{position: absolute; left: 300px; top: 406px;}
.contactUs #map3 .china_map ul li.seat6{position: absolute; left: 352px; top: 370px;}
.contactUs #map3 .china_map ul li.seat7{position: absolute; left: 416px; top: 406px;}
.contactUs #map3 .china_map ul li.seat8{position: absolute;top: 423px;left: 445px;}
.contactUs #map3 .china_map ul li.seat9{position: absolute;left: 503px;top: 405px;}
.contactUs #map3 .china_map ul li.seat10{position: absolute;left: 518px;top: 321px;}
.contactUs #map3 .china_map ul li.seat11{position: absolute;left: 500px;top: 307px;}
.contactUs #map3 .china_map ul li.seat12{position: absolute;left: 471px;top: 246px;}
.contactUs #map3 .china_map ul li.seat13{position: absolute;left: 457px;top: 211px;}
.contactUs #map3 .china_map ol li{position: absolute;display: none;}
.contactUs #map3 .china_map ol .diqu1{ background:url(../images/xingjiang.png) no-repeat; width: 252px; height: 220px;top: 75px;}
.contactUs #map3 .china_map ol .diqu2{ background:url(../images/xizang.png) no-repeat; width: 229px; height: 126px;top: 264px;left: 53px;}
.contactUs #map3 .china_map ol .diqu3{ background:url(../images/qinghai.png) no-repeat; width: 151px; height: 104px;left: 173px;top: 227px;}
.contactUs #map3 .china_map ol .diqu4{ background:url(../images/sichuan.png) no-repeat; width: 124px; height: 106px;top: 292px;left: 260px;}
.contactUs #map3 .china_map ol .diqu5{ background:url(../images/yunnan.png) no-repeat; width: 96px; height: 99px;left: 263px;top: 359px;}
.contactUs #map3 .china_map ol .diqu6{ background:url(../images/guizhou.png) no-repeat; width: 67px; height: 57px;top: 359px;left: 330px;}
.contactUs #map3 .china_map ol .diqu7{ background:url(../images/guangdong.png) no-repeat; width: 86px; height: 63px;top: 404px;left: 395px;}
.contactUs #map3 .china_map ol .diqu8{ background:url(../images/xianggang.png) no-repeat; width: 1px; height: 1px;left: 452px;top: 450px;}
.contactUs #map3 .china_map ol .diqu9{ background:url(../images/taiwan.png) no-repeat; width: 24px; height: 43px;top: 405px;left: 506px;}
.contactUs #map3 .china_map ol .diqu10{ background:url(../images/shanghai.png) no-repeat; width: 14px; height: 19px;top: 331px;left: 520px;}
.contactUs #map3 .china_map ol .diqu11{ background:url(../images/jiangsu.png) no-repeat; width: 64px; height: 57px;top: 284px;left: 467px;}
.contactUs #map3 .china_map ol .diqu12{ background:url(../images/shandpong.png) no-repeat; width: 88px; height: 55px;top: 240px;left: 449px;}
.contactUs #map3 .china_map ol .diqu13{ background:url(../images/beijing.png) no-repeat; width: 25px; height: 24px;top: 201px;left: 457px;}




.contactUs .mapnumber{display: none;}
.MapAddress{ background: #f5dea9;}
.contactUs .contactUs_pic{ width: 100%;  position: absolute; height: auto; bottom:-58px; height: 58px; left: 0;}
.contactUs .contactUs_pic ul{text-align: center; border: 1px solid #231915; height: 57px;}
.contactUs .contactUs_pic ul li{ cursor: pointer; width: 399.33px;height: 57px;float:left;position:relative;text-align: center; line-height: 57px; font-size: 20px; color: #231915; background: #fff;}
.contactUs .contactUs_pic ul li span{position: absolute; content: ''; width: 0;height: 0;border-left:8px solid transparent;border-bottom: 16px solid #231915;border-right: 8px solid transparent;position: absolute; top: 0; left: 50%; margin-left: -8px;transition:all .5s;-webkit-transition:all .5s;opacity:0;filter:alpha(opacity=0)}
.contactUs .contactUs_pic ul li.tow:after{ position: absolute; content: ''; height: 100%; right: 0px; width: 1px;background:#231915 ; top: 0;} 
.contactUs .contactUs_pic ul li.tow:before{ position: absolute; content: ''; height: 100%; left: -1px; width: 1px;background:#231915 ; top: 0;}
.contactUs .contactUs_pic ul li.addclass{ background: #231915; color:#fff;}
.contactUs .contactUs_pic ul li.addclass span{top: -26px;opacity:1;filter:alpha(opacity=100)}
/*humanResources*/
.humanResources{ position: relative; height: auto; padding-top: 38px;background: url(../images/OurExperience.jpg);}
.humanResources .title_bit{text-align: center; font-size: 24px; color: #e3b95e;}
.humanResources .box1{ padding-top: 63px; padding-bottom: 45px;}
.humanResources .box1 article{text-align: center; color: #666666; font-size: 12px; margin-top: 23px; margin-bottom: 67px;}
.humanResources .point_down{ width: 42px; height: 42px; margin:0 auto; background: url(../images/lingx_x.png) no-repeat;}
.humanResources .box2{ background:url(../images/humanResources_boxbg.jpg); padding-top: 55px; height: 307px;position: relative;}
.humanResources .box2 article { color: #fff; font-size: 12px; line-height: 24px;text-align: center; margin-top: 23px; margin-bottom: 38px;}
.humanResources .box3{ padding-bottom: 78px; padding-top: 55px;}
.humanResources .box3 article{ margin-top: 20px;text-align: center;}
.humanResources .box3 .TalentConcept{ width:1200px; margin: 0 auto 38px;}
.humanResources .box3 .TalentConcept ul{ overflow: hidden; padding-top: 90px;}
.humanResources .box3 .TalentConcept ul li{ width: 245px; float: left; margin-left:65px; position: relative; color: #fff; cursor: pointer; background: #000;transition:all .6s;-webkit-transition:all .6s; border: 3px solid #ebebeb;}
.humanResources .box3 .TalentConcept ul li img{transition:all .5s;-webkit-transition:all .5s; display: block;}
.humanResources .box3 .TalentConcept ul li .titl{text-align: center; font-size: 18px;position:absolute; top: 145px;  width: 100%;transition:all .5s;-webkit-transition:all .5s;}
.humanResources .box3 .TalentConcept ul li .titl:after{ width:30px; height: 2px; left: 50%; margin-left: -15px; bottom: -2px; position: absolute; content: ''; background: #fff;}
.humanResources .box3 .TalentConcept ul li .text{ position: absolute; width: 204px; left: 50%; margin-left: -102px; top: 422px;font-size: 12px; line-height: 24px;transition:all .5s;-webkit-transition:all .5s;}
.humanResources .box3 .TalentConcept ul li:hover .titl{top: 67px;}
.humanResources .box3 .TalentConcept ul li:hover .text{top: 121px;}
.humanResources .box3 .TalentConcept ul li:hover img{ opacity:.5;filter:alpha(opacity=50)}
.humanResources .box3 .TalentConcept ul li:hover{transform: translateY(-38px);-webkit-transform: translateY(-38px);border: 3px solid #f7d58b;}
.humanResources .box4{padding-top: 42px; height: auto;}
.humanResources .box4 .content1200{ border: 1px solid #c4a467; background: #fff;margin-bottom: 45px; padding-bottom: 50px;}
.humanResources .box4 .content1200 .title_bit{ width: 138px; left: 50%; margin-left: -69px;position:absolute; top: -18px;z-index: 2;}
.humanResources .box4 .content1200 .title_bit:after{ width: 138px; content: ''; height: 19px; bottom: 0;position: absolute;left: 0; background: #fff;z-index: -1;}
.humanResources .box4 article{text-align: center;font-size: 12px; color: #585858; line-height: 24px; margin-top: 25px;text-align: center;}
.humanResources .box4 article span{ width: 120px;display: inline-block; border-right: 1px solid #cccccc;}
.humanResources .box5{ padding-top: 52px; padding-bottom: 115px;}
.humanResources .box5 .recruitmentList{ width: 1200px; margin: 32px auto 0;}
.humanResources .box5 .recruitmentList ul{/* overflow: hidden;*/}
.humanResources .box5 .recruitmentList ul li{ width: 577px; height: 117px; float: left; border: 1px solid #e5e5e5; border-radius: 5px; background: #ffffff; cursor: pointer; margin-left: 42px; margin-bottom: 30px;position:relative;}
.humanResources .box5 .recruitmentList ul li .title_names{ width: 160px; height: 117px; line-height: 117px;text-align: center;font-size: 18px; color: #333333; position: relative; float: left;transition:all .5s;-webkit-transition:all .5s;}
.humanResources .box5 .recruitmentList ul li .title_names:after{ width: 1px; height: 50px; background: #333333; top: 50%; position: absolute; margin-top: -25px; right: 0; content: '';}
.humanResources .box5 .recruitmentList ul li .summary{ float: left; width:347px ; height:85px; padding: 16px;transition:all .5s;-webkit-transition:all .5s; overflow: hidden;}
.humanResources .box5 .recruitmentList ul li .more{ width: 38px; line-height: 117px; float: left;text-align: center; background: #eeeeee; font-family: "幼圆"; font-size: 24px;transition:all .5s;-webkit-transition:all .5s;}
.humanResources .box5 .recruitmentList ul li:after{ width: 577px; height: 117px; position: absolute; top: 0; left: 0; content: '';box-shadow: 0px 0px 8px #D8D8D8;opacity:0;filter:alpha(opacity=0);transition:all .5s;-webkit-transition:all .5s;}
.humanResources .box5 .recruitmentList ul li:hover .title_names{color:#c4a467;}
.humanResources .box5 .recruitmentList ul li:hover .summary{color:#c4a467;}
.humanResources .box5 .recruitmentList ul li:hover .more{color:#fff; background: #c4a467;}
.humanResources .box5 .recruitmentList ul li:hover .title_names:after{ background: #c4a467;}
.humanResources .box5 .recruitmentList ul li:hover:after{opacity:1 !important;filter:alpha(opacity=100)}


.service_open{ position:fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.65); z-index: 101; display: none;}
.service_open ol{ width: 1075px; margin:-260px auto 0; position: relative;height:520px;top: 50%;}
.service_open ol li{ height: auto; background: #fff; position:absolute; width: 100%; display: none; height:100%}
.service_open ol li p{ text-indent: 41px;}
.service_open ol li span{ display: block;}
.service_open ol li .title{ text-align: center; line-height: 70px; font-size: 24px;  font-family: "黑体"; border-bottom: 1px solid #cdcdcd;}
.service_open ol li .Prompt{ width: 968px; margin: 20px auto 0; padding-top:15px; border-top: 1px dashed #7e88a0; color:#616161;}
.service_open ol li .summary{ width: 968px; margin:32px auto 0; height:204px; overflow: auto;}
.service_open ol li .summary::-webkit-scrollbar 		{width:5px;height:10px;}
.service_open ol li .summary::-webkit-scrollbar-button	{background-color:#ababa7;}
.service_open ol li .summary::-webkit-scrollbar-track	{background:#ababa7;}
.service_open ol li .summary::-webkit-scrollbar-track-piece   {background:url(http://www.lyblog.net/wp/wp-content/themes/mine/img/stripes_tiny_08.png);}
.service_open ol li .summary::-webkit-scrollbar-thumb	{background:#22221f;border-radius:4px;}
.service_open ol li .summary::-webkit-scrollbar-corner	{background:#82AFFF;}
.service_open ol li .summary::-webkit-scrollbar-resizer	{background:#FF0BEE;}
.service_open ol li .more_tj{ width:120px; height: 35px; background: #170B08;color: #fff;text-align:center; line-height: 35px; margin: 0 auto;transition:all .5s;-webkit-transition:all .5s;}
.service_open ol li .more_tj a{display: block; height: 100%; width: 100%;}
.service_open ol li .more_tj:hover{ background:#725C56;}

.service_open  .btn_off{ background:url(../images/btn_off2.png) no-repeat; height:40px; width: 40px; cursor: pointer; position: absolute; top: -18px;right: -18px; z-index:9;transition:all .5s;-webkit-transition:all .5s;}
.service_open ol li .summary span,.service_open ol li .summary p{ color: #000000; font-size: 14px;}
.service_open  .btn_off:hover{transform: rotate(45deg);}






/*Brand*/
.Brand{position: relative; height: auto; padding-top: 38px;background: url(../images/OurExperience.jpg); padding-bottom: 50px;}
.Brand .new_listHot_title ul{ text-align: center;}
.Brand .new_listHot_title li{display: inline-block;text-align: center; width: 114px; height: 42px;position: relative; line-height: 42px; border-radius: 5px; margin: 0 20px;transition:all .5s;-webkit-transition:all .5s;}
.Brand .new_listHot_title li a{ color: #a97a1f; height: 100%; width: 100%; line-height: 42px;display: block;transition:all .5s;-webkit-transition:all .5s;}
.Brand .new_listHot_title li.addclass{ background: #a97a1f; }
.Brand .new_listHot_title li.addclass a{color: #fff !important;}
.Brand .new_listHot_title li:hover{background: #a97a1f;}
.Brand .new_listHot_title li:hover a{color: #fff !important;}
.Brand .new_listHot_title li:nth-child(1):before{height: 26px; width: 1px; background: #eac680; content: ''; left: -20px; top: 50%; margin-top: -13px; position: absolute;}
.Brand .new_listHot_title li:nth-child(1):after,.Brand .new_listHot_title li:nth-child(2):after,.Brand .new_listHot_title li:nth-child(3):after,.Brand .new_listHot_title li:nth-child(4):after,.Brand .new_listHot_title li:nth-child(5):after,.Brand .new_listHot_title li:nth-child(6):after,.Brand .new_listHot_title li:nth-child(7):after{ height: 26px; width: 1px; background: #eac680; content: ''; right: -20px; top: 50%; margin-top: -13px; position: absolute;}

.Brand .Brand_list{ width: 1322px; margin: 50px auto 0 !important; position:relative;}
.Brand .Brand_list li{ width: 300px;transition:all .5s;-webkit-transition:all .5s;}
.Brand .Brand_list li:hover{box-shadow: 0px 0px 5px #848484;}
.Brand .Brand_list li .summary{ width: 290px; margin: 0 auto;}
.Brand .Brand_list li .summary .more{ width: 70px; height: 18px;background: #b69650; color: #fff;text-align: center; line-height:18px; margin-top: 8px;}
.Brand .Brand_list li .summary .title{ color: #231915; font-size: 15px; margin-top: 5px;}
.Brand .Brand_list li .summary .timer{ color:#b9b9b9;}
.Brand .Brand_list li .summary article{color: #898989; font-size: 12px;}
/*Brand2*/
.Brand2{ position: relative; overflow: hidden; background: url(../images/OurExperience.jpg);}
.Brand2 .left{ float: left; width: 50%;}
.Brand2 .left img{display: block; width: 100%;}
.Brand2 .right{ float:right; width: 50%;}
.Brand2 .right .summary{ width: 60%; margin-left: 10%; margin-top: 5%;}
.Brand2 .right .title{font-size: 30px;color: #231915;font-weight: 600;}
.Brand2 .right .title span{font-size: 14px;display: block;text-transform: uppercase;font-weight: 600;}
.Brand2 .right article{ color: #737373;font-size: 14px; line-height: 28px;}
/*Brand3*/
.Brand3{ position: relative; overflow: hidden; background: url(../images/OurExperience.jpg);}
.Brand3 .left{ float: left; width: 50%;}
.Brand3 .left img{display: block; width: 100%;}
.Brand3 .right{ float:right; width: 50%;}
.Brand3 .right .summary{ width: 60%; margin-left: 10%; margin-top: 5%;}
.Brand3 .right .title{font-size: 30px;color: #231915;font-weight: 600;}
.Brand3 .right .title span{font-size: 14px;display: block;text-transform: uppercase;font-weight: 600;}
.Brand3 .right article{ color: #737373;font-size: 14px; line-height: 28px;}
/*FineCase*/
.FineCases{position: relative; height: auto; padding-top: 38px;background: url(../images/OurExperience.jpg); padding-bottom: 50px;}
.FineCases .tab_line{ width: 1139px; margin:5% auto 0; height: 620px;position:relative;}
.FineCases .tab_line .min_pic{ float: left;width: 190px;height: 620px; position: absolute; z-index: 7; overflow: hidden; left: 0; top: 0;}
.FineCases .tab_line .min_pic li{ width: 139px; height: 124px; position: relative;cursor: pointer; background:#ffba00;transition:all .5s;-webkit-transition:all .5s;}
.FineCases .tab_line .min_pic li:after{ position: absolute; content: ''; height: 100%; width: 100%; background:#000;top: 0; left: 0;transition:all .5s;-webkit-transition:all .5s; opacity:.7;filter:alpha(opacity=70)}
.FineCases .tab_line .min_pic li:hover:after{opacity:0;filter:alpha(opacity=0)}
.FineCases .tab_line .min_pic li>img{ display: block;transition:all .5s;-webkit-transition:all .5s; height: 100%; width: 100%;}
.FineCases .tab_line .min_pic li.click_class:after{opacity:0;filter:alpha(opacity=0)}
.FineCases .tab_line .min_pic li.click_class img{ transform: scale(.97);-webkit-transform: scale(.97);}
.FineCases .tab_line .min_pic li.click_class{transform: translateX(12px);-webkit-transform: translateX(12px);}
.FineCases .tab_line .min_pic li span{display: block;position: absolute;right: 5px;bottom: 5px;color: #D5AC60;z-index: 15;width: 100%;text-align: center;}
.FineCases .tab_line .min_pic .min_pic_over{ width: 190px;position: absolute; height:20000px; overflow: hidden;}
.FineCases .tab_line .btn_min_pic_btnT,.FineCases .tab_line .btn_min_pic_btnB{ height: 40px; width: 40px;position: absolute; left: -40px; cursor: pointer;transition:all .5s;-webkit-transition:all .5s;}
.FineCases .tab_line .btn_min_pic_btnT{ top: 0; background: url(../images/min_pic_over_btnT.png) 0 0;}
.FineCases .tab_line .btn_min_pic_btnB{ top:48px; background: url(../images/min_pic_over_btnB.png) 0 0;}
.FineCases .tab_line .btn_min_pic_btnT:hover{background: url(../images/min_pic_over_btnT.png) 0 -40px;}
.FineCases .tab_line .btn_min_pic_btnB:hover{background: url(../images/min_pic_over_btnB.png) 0 -40px;}
.FineCases .tab_line .big_pic{ width:1000px; float: right; height:620px; position: relative;}
.FineCases .tab_line .big_pic li{ width:1000px; height: 620px; position:relative; top: 0;float: left;}
.FineCases .tab_line .big_pic li .big_text{background: #FFF;padding: 15px 20px;width: 370px;height: auto;position: absolute;bottom: 8px;right: 8px;}
.FineCases .tab_line .big_pic li .big_text .title{font-size: 18px;color: #3E3E3E;}
.FineCases .tab_line .big_pic li .big_text article{color: #3E3E3E;opacity: 0.7;margin-top: 18px;}
.FineCases .tab_line .big_pic li img{ width: 100%; height: 100%;display: block;}
.FineCases .tab_line .big_pic .big_pic_over{ overflow: hidden; position: absolute; height: 100%; width:20000px;top: 0; left: 0;display: none;}
.FineCases .tab_line .big_pic .btn_big_pic_btnL,.FineCases .tab_line .big_pic .btn_big_pic_btnR{ width: 48px; height: 147px; position: absolute; cursor: pointer;transition:all .5s;-webkit-transition:all .5s; z-index: 10; top: 50%; margin-top: -74px;opacity:0.6;filter:alpha(opacity=60)}
.FineCases .tab_line .big_pic .btn_big_pic_btnL{ background: url(../images/big_pic_btn.png) 0 0; left: 55px;}
.FineCases .tab_line .big_pic .btn_big_pic_btnR{ background: url(../images/big_pic_btn.png) -48px 0; right: 55px;}
.FineCases .tab_line .big_pic .btn_big_pic_btnL:hover,.FineCases .tab_line .big_pic .btn_big_pic_btnR:hover{ opacity:1;filter:alpha(opacity=100)}
.FineCases .tab_line .big_pic .big_box{ width: 1000px; height: 620px;position: relative; overflow: hidden;}
.FineCases .tab_line .big_text{ position: absolute; right: 18px; bottom: 16px;}
.FineCases .tab_line .big_text li{ background: #fff; padding: 15px 20px; width: 370px; height: auto;position: absolute; bottom: 0; right: 0;}
.FineCases .tab_line .big_text li .title{ font-size: 18px; color: #3E3E3E;}
.FineCases .tab_line .big_text li article{ color: #3E3E3E; opacity:.7;filter:alpha(opacity=70);margin-top: 18px;}
/*弹出*/
/*7天hot*/
.translate{ background: url(../images/heise.png); position:fixed; top: 0; left: 0; z-index: 150; width: 100%; height: 100%;display: none;}
.translate .translate_box{ width: 824px; height: 728px; position: absolute; left: 50%;top: 50%; margin: -364px 0 0 -412px; background:url(../images/OurExperience.jpg);}
.translate .translate_box .translate_box_overul{width: 824px; height: 728px; position: absolute; top: 0; left: 0; overflow: hidden;}
.translate .translate_box ul li{position: absolute; top: 0; left: 0;display: none;}
.translate .translate_box .pic{ width:412px; float: left; height: 728px;}
.translate .translate_box .pic img{ width: 100%; height: 100%;display: block;}
.translate .translate_box .summary{
	float: left;
	height: 750px;
	width: 340px;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
}
.translate .translate_box .summary .title{
	color: #3E3E3E;
	font-size: 28px;
	text-align: center;
	line-height: 50px;
	font-weight: normal;
}
.translate .translate_box .summary article{ font-size: 14px; color:#3E3E3E;line-height: 26px;}
.translate .translate_box .summary article a{ color:#f5bd4e;}
.translate .translate_box .btn_off{background-color: #f5ddad; height: 67px; width: 67px; background-image: url(../images/btn_off.png) no-repeat; position: absolute; right: -67px; top: 0; cursor: pointer;z-index: 15;}
.translate .translate_box .btn_off:after{position: absolute; content: ''; background: url(../images/btn_off.png) no-repeat; height: 27px; width: 27px; left: 50%; top: 50%; margin: -13.5px 0 0 -13.5px;transition:all .5s;-webkit-transition:all .5s;}
.translate .translate_box .btn_off:hover:after{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.translate .translate_box .translate_box_btnL,.translate .translate_box .translate_box_btnR{ width: 40px; height: 40px;top: 50%; margin-top: -20px;position: absolute;transition:all .5s;-webkit-transition:all .5s;z-index: 15; cursor: pointer;}
.translate .translate_box .translate_box_btnL{ background: url(../images/translate_box_btnLR.png) 0 -40px; left: -20px;}
.translate .translate_box .translate_box_btnR{ background: url(../images/translate_box_btnLR.png) 0 0; right: -20px;}
.translate .translate_box .translate_box_btnL:hover{ background: url(../images/translate_box_btnLR.png) -40px -40px;}
.translate .translate_box .translate_box_btnR:hover{background: url(../images/translate_box_btnLR.png) -40px 0;}

.translate .translate_box .summary article{ height: 100%; overflow:auto;}
.translate .translate_box .summary article::-webkit-scrollbar 		{width:5px;height:10px;}
.translate .translate_box .summary article::-webkit-scrollbar-button	{background-color:#ababa7;}
.translate .translate_box .summary article::-webkit-scrollbar-track	{background:#ababa7;}
.translate .translate_box .summary article::-webkit-scrollbar-track-piece   {background:url(http://www.lyblog.net/wp/wp-content/themes/mine/img/stripes_tiny_08.png);}
.translate .translate_box .summary article::-webkit-scrollbar-thumb	{background:#22221f;border-radius:4px;}
.translate .translate_box .summary article::-webkit-scrollbar-corner	{background:#82AFFF;}
.translate .translate_box .summary article::-webkit-scrollbar-resizer	{background:#FF0BEE;}

/*7天list*/
.translate2{ background: url(../images/heise.png); position:fixed; top: 0; left: 0; z-index: 150; width: 100%; height: 100%;display: none;}
.translate2 .translate_box{ width: 824px; height: 728px; position: absolute; left: 50%;top: 50%; margin: -364px 0 0 -412px; background:url(../images/OurExperience.jpg);}
.translate2 .translate_box ul li{position: absolute; top: 0; left: 0;display: none;}
.translate2 .translate_box .pic{ width:412px; float: left; height: 728px;}
.translate2 .translate_box .pic img{ width: 100%; height: 100%;display: block;}
.translate2 .translate_box .summary{
	float: left;
	height: 750px;
	width: 340px;
	float: left;
	padding-bottom: 0px;
	padding-top: 30px;
	padding-right: 30px;
	padding-left: 30px;
}
.translate2 .translate_box .summary .title{
	color: #3E3E3E;
	font-size: 25px;
	text-align: center;
	line-height: 50px;
	font-weight: normal;
}
.translate2 .translate_box .summary article{ font-size: 14px; color:#3E3E3E;line-height: 26px;}

.translate2 .translate_box .summary article a{ color:#f5bd4e;}
.translate2 .translate_box .btn_off{background-color: #f5ddad; height: 67px; width: 67px; background-image: url(../images/btn_off.png) no-repeat; position: absolute; right: -67px; top: 0; cursor: pointer;}
.translate2 .translate_box .btn_off:after{position: absolute; content: ''; background: url(../images/btn_off.png) no-repeat; height: 27px; width: 27px; left: 50%; top: 50%; margin: -13.5px 0 0 -13.5px;transition:all .5s;-webkit-transition:all .5s;}
.translate2 .translate_box .btn_off:hover:after{transform: rotate(90deg);-webkit-transform: rotate(90deg);}

.translate2 .translate_box .summary article{ height: 100%; overflow:auto;}
.translate2 .translate_box .summary article::-webkit-scrollbar 		{width:5px;height:10px;}
.translate2 .translate_box .summary article::-webkit-scrollbar-button	{background-color:#ababa7;}
.translate2 .translate_box .summary article::-webkit-scrollbar-track	{background:#ababa7;}
.translate2 .translate_box .summary article::-webkit-scrollbar-track-piece   {background:url(http://www.lyblog.net/wp/wp-content/themes/mine/img/stripes_tiny_08.png);}
.translate2 .translate_box .summary article::-webkit-scrollbar-thumb	{background:#22221f;border-radius:4px;}
.translate2 .translate_box .summary article::-webkit-scrollbar-corner	{background:#82AFFF;}
.translate2 .translate_box .summary article::-webkit-scrollbar-resizer	{background:#FF0BEE;}

/**newdel**/
.newsDetailPage { width: 1200px; height: auto; min-height: 300px; background: #fff; position: relative; padding: 0 5%; padding-bottom:25px; position:relative;margin: 25px auto 0; padding-top: 50px;}
.newsDetailTop { width: 100%; height: auto; text-align: center; font-size: 12px; }
.newsDetailTop h2 { display: block; width: 100%; padding: 15px 0px; line-height: 30px; font-size: 24px; color: #000; }
.newsDetailShow { width: 100%; height: auto; line-height: 28px; padding: 35px 0px; color: #3E3E3E;text-indent: 24px;}
.newsDetailShow img{ margin:20px auto; display:block}
.newsShare { width: 100%; height: auto; padding: 15px 0px; overflow: hidden; margin-bottom: 25px; }
.jiathis_style_24x24 { float: right; }
.newsShare span { float: right; font-weight: bold; }
.newsNext { width: 100%; height: auto; line-height: 25px; font-size: 12px; padding: 10px 0px 0; position: relative; overflow:hidden}
.newsNext .border { background: #b2b2b2; width: 1000px; height: 1px; position: absolute; top: 0; left: 50%; margin-left: -500px; }
.newsNext div { width:40%; height: auto;}
.newsNext div a:hover { text-decoration: underline; }
.newsNext div a { color: #3E3E3E;}
.newsDetailPage .return{width:27px;height:92px;position: absolute;right:-27px;top: 0;color: #FFF;text-align: center;line-height: 20px; background: url(../images/return_news.jpg);transition:all .5s;-webkit-transition:all .5s;}
.newsDetailPage .return:hover{transform: translateY(-10px);-webkit-transform: translateY(-10px);}
.newsDetailPage .return a{display: block; height: 100%;}
/*# sourceMappingURL=mtl.shuwon.css.map */
/*5-9*/
.QQ_list{ width: 152px; border: 1px solid #5f4d44; background: #4b382d;z-index: 22; position: relative;border-radius: 15px;left: -49px;top: 61px; display: none;}
.QQ_list:after{width: 0;height: 0;border-left: 10px solid transparent;border-bottom:10px  solid #4b382d;border-right: 10px solid transparent; position: absolute; top: -10px; content: ''; left: 50%; margin-left: -5px;}
.QQ_list span{display: block;position: relative;transition:all .5s;-webkit-transition:all .5s;}
.QQ_list span a{color: #f4dcad;}
.QQ_list span:hover {opacity:.5;filter:alpha(opacity=50)}
.QQ_list span:after{ position: absolute; content: ''; width: 138px; left: 50%; margin-left: -69px; height: 1px; background: #564235;}

nav .content1200 .top_img ol li.min_share2:hover .QQ_list{ display: block;}

.QQ_list_box{ width: 154px; position: absolute; top: 0; height: auto;}
@media (max-width:1600px) {
.translate .translate_box,.translate2 .translate_box{ height: 500px; width: 560px;margin: -250px 0 0 -280px;}
.translate .translate_box ul li,.translate2 .translate_box ul li{height: 500px;width: 560px;}
.translate .translate_box .pic,.translate2 .translate_box .pic{height: 500px;width: 280px;}
.translate .translate_box .summary,.translate2 .translate_box .summary{padding: 62px 20px 0px;height: 438px;width: 240px;}
.translate .translate_box .summary article,.translate2 .translate_box .summary article{ height: 65%;}
.index .box4{ height: 743px;}
#Index_Box2 {position: relative; margin: 0 auto; width:2400px; height: 410px; left: 50%; margin-left: -1200px;}
#Index_Box2 ul {position: relative; width: 100%; height:100%;}
#Index_Box2 ul li {z-index: 0; position: absolute; list-style-type: none; width: 0px;  height: 0px; overflow: hidden; top: 146px; cursor: pointer; list-style-image: none; left: 377px;}
#Index_Box2 ul li img {width: 100%; background: url(../images/loading.gif) no-repeat center 50%; height: 100%; vertical-align: top;}
#Index_Box2 .prev {display: block; background:url(../images/btn_restaurant.png) 0px 0 no-repeat;}
#Index_Box2 .next {display: block; background:url(../images/btn_restaurant.png) -45px 0 no-repeat;}
#Index_Box2 .prev {z-index: 100; overflow: hidden; cursor: pointer;}
#Index_Box2 .next {z-index: 100; overflow: hidden; cursor: pointer;}
#Index_Box2 .prev {position: absolute; width: 45px; height:73px; top:50%;left:43px; margin-top: -36.5px;opacity:.6;filter:alpha(opacity=60); transition:all .5s;-webkit-transition:all .5s;}
#Index_Box2 .next {position: absolute; width: 45px; height: 73px; top:50%; right: 43px; margin-top: -36.5px;opacity:.6;filter:alpha(opacity=60); transition:all .5s;-webkit-transition:all .5s;}
#Index_Box2 .prev:hover{ opacity:1;filter:alpha(opacity=100)}
#Index_Box2 .next:hover{ opacity:1;filter:alpha(opacity=100)}
#Index_Box2 ul li{ transition-duration: .5s; -webkit-transition-duration: .5s;height: 100%;}
#Index_Box2 ul li.cur1{display: block;width: 0; height: 100%; top: 0; left: 0; z-index: 7;opacity:0.1;filter:alpha(opacity=10)}
#Index_Box2 ul li.cur2{display: block; width: 800px; height: 100%; top: 0; left: 0; z-index: 8;opacity:.3;filter:alpha(opacity=30)}
#Index_Box2 ul li.cur3{display: block;width: 800px;height: 100%; top: 0px; left: 800px; z-index: 9; }
#Index_Box2 ul li.cur4{display: block; width: 800px; height: 100%; top: 0; left: 1600px; z-index: 8;opacity:.3;filter:alpha(opacity=30)}
#Index_Box2 ul li.cur5{display: block;width: 0; height: 100%; top: 0; left: 1920px; z-index: 7;opacity:.1;filter:alpha(opacity=10)}
#Index_Box2 ul li.cur6{display: block;width: 0; height: 100%; top: 0; left: 1920px; z-index: 7;opacity:.1;filter:alpha(opacity=10)}
#Index_Box2 ul li.cur7{display: block;width: 0; height: 100%; top: 0; left: 1920px; z-index: 7;opacity:.1;filter:alpha(opacity=10)}
#Index_Box2 ul li.cur8{display: block;width: 0; height: 100%; top: 0; left: 1920px; z-index: 7;opacity:.1;filter:alpha(opacity=10)}
#Index_Box2 ul li.cur9{display: block;width: 0; height: 100%; top: 0; left: 1920px; z-index: 7;opacity:.1;filter:alpha(opacity=10)}
#Index_Box2 ul li.cur10{display: block;width: 0; height: 100%; top: 0; left: 1920px; z-index: 7;opacity:.1;filter:alpha(opacity=10)}
#Index_Box2 .prev img,#Index_Box .next img{ display:block; position:absolute; top:0}
#Index_Box2 ul li span{ position:absolute; top:0; left:0; width:100%; height:100%; background:#FFF; opacity:.4;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); transition:all .3s;-webkit-transition:all .3s}
#Index_Box2 .character_quyu{ width: 800px; position: absolute; height: 100%; left: 50%; margin-left: -400px; top: 0;}
#Index_Box2 .character_quyu pre{ height:99px;width: 44px; position: absolute; top: 50%; margin-top: -50px; cursor: pointer;}
#Index_Box2 .character_quyu .prev{ background: url(../images/index_OurStrength_btn.png) 0 0 no-repeat; left: -44px;}
#Index_Box2 .character_quyu .next{ background: url(../images/index_OurStrength_btn.png) -44px 0 no-repeat; right: -44px;}
}
@media (max-width:1440px) {
.Brand2 .right .summary{ width: 90%; margin-top: 5%; margin-left: 6%; }
.Brand3 .right .summary{ width: 90%; margin-top: 5%; margin-left: 6%; }
.Brand2 .right .summary article{font-size: 12px; line-height: 24px;}
.Brand3 .right .summary article{font-size: 12px; line-height: 24px;}
}