.wrap{/*height:980px;*/width:100%;position:relative;overflow:hidden;background:#ab896d;}

.TopContent{width:100%;height:100%;position:relative;overflow:hidden;}

.Banner{width:100%;height:100%;overflow:hidden;position:relative;}

.Banner .tempWrap{height:100%;}

.Banner .pic{width:100%;height:100%;overflow:hidden;}

.Banner .pic ul{width:100%;height:100%;overflow:hidden;}

.Banner .pic li{width:100%;height:100%;position:relative}

.Banner .pic li .topimg01{width:23.75%;position:absolute;left:-11%;bottom:0;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}

.Banner .pic li .topimg02{width:64.47%;position:absolute;right:-20%;top:-10%;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}

.Banner .pic li .topimg03{width:100%;position:absolute;top:0;left:0%;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}

.Banner .pic li .topimg04{width:37.86%;position:absolute;top:120%;left:13.54%;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}

.Banner .pic li .topimg05{width:37.86%;position:absolute;top:150%;left:13.54%;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}

.Banner .num{position:absolute;z-index:6;bottom:320px;right:0;width:50%;height:184px;}

.Banner .num li{position:absolute;width:19%;height:auto;top:0;display:block;overflow:hidden;cursor:pointer;background:#fff;border-radius:50%;}

.Banner .num li img{width:100%;display:block;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear}

.Banner .num li.on{background:#5fb749;}

.Banner .num li:hover img{background:#5fb749;}

.Banner .num li.li1{left:46.5%;}

.Banner .num li.li2{left:68.5%;}

.Banner .num li.li3{right:-9.5%;}

.Banner .num01{width:192px;position:absolute;bottom:90px;right:7.2%;}

.Banner .num01 a{display:block;position:relative;width:100%;margin-top:27px;}

.Banner .num01 a em{width:93px;height:93px;line-height:95px;color:#fff;font-size:34px;text-align:center;border:1px solid rgba(255,255,255,0.3);border-radius:50%;position:absolute;top:50%;left:0;margin-top:-47.5px;display:none;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear}

.Banner .num01 a i{display:block;width:44px;height:2px;background:#fff;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;float:right;}

.Banner .num01 a.hide em{display:block;}

.Banner .num01 a.hide i{width:113px;}

.scroll{width:3.9%;position:absolute;bottom:-11.5%;left:48.05%;border:2px solid rgba(255, 255, 255, 0.5);border-radius:60px;cursor:pointer;}

.scroll img{width:100%;display:block;-webkit-animation:icoHover1 2.5s ease 3.5s infinite normal;animation:icoHover1 2.5s ease 3.5s infinite normal;}

@-webkit-keyframes icoHover1{0%{-webkit-transform:translateY(0px);opacity:1}49%{-webkit-transform:translateY(40px);opacity:0}50%{-webkit-transform:translateY(-30px);opacity:0}100%{-webkit-transform:translateY(0px);opacity:1}}

@keyframes icoHover1{0%{transform:translateY(0px);opacity:1}49%{transform:translateY(40px);opacity:0}50%{transform:translateY(-30px);opacity:0}100%{transform:translateY(0px);opacity:1}}

.WebsiteIntro{width:1400px;margin:0 auto;padding:118px 0 134px;}

.WebsiteIntro .Left{width:586px;float:left;}

.WebsiteIntro .Left a{display:block;width:100%;}

.WebsiteIntro .Left a em{display:block;width:100%;line-height:62px;font-size:45px;color:#ac8b6f;font-weight:bold;}

.WebsiteIntro .Left a span{width:100%;line-height:34px;font-size:16px;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;padding-top:25px;text-align:justify;}

.WebsiteIntro .Left a p{width:100%;line-height:27px;font-size:14px;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;padding-top:15px;text-align:justify;}

.WebsiteIntro .Left a i{width:178px;line-height:44px;display:block;border:1px solid #ac8b6f;border-radius:5px;color:#ac8b6f;font-size:14px;text-indent:50px;margin-top:60px;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear}

.WebsiteIntro .Left a i img{display:inline-block;vertical-align:initial;margin-left:5px;}

.WebsiteIntro .Left a:hover i img{-webkit-animation:icoHover02 .6s linear;animation:icoHover02 .6s linear}

@-webkit-keyframes icoHover02{0%{-webkit-transform:translateX(0px);opacity:1}49%{-webkit-transform:translateX(35px);opacity:0}50%{-webkit-transform:translateX(-18px);opacity:0}100%{-webkit-transform:translateX(0px);opacity:1}}@keyframes icoHover02{0%{transform:translateX(0px);opacity:1}49%{transform:translateX(35px);opacity:0}50%{transform:translateX(-18px);opacity:0}100%{transform:translateX(0px);opacity:1}}

.WebsiteIntro .Left a:hover i{text-indent:40px;}

.WebsiteIntro .Video{float:right;width:600px;position:relative;margin-right:75px;}

.WebsiteIntro .Video dl{width:100%;position:relative;cursor:pointer;z-index:1}

.WebsiteIntro .Video dl dt{width:100%;overflow:hidden;}

.WebsiteIntro .Video dl img{display:block;width:100%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear}

.WebsiteIntro .Video dl:hover dt img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}

.WebsiteIntro .Video dl dd{position:absolute;}

.WebsiteIntro .Video dl .logo{width:119px;top:50%;left:50%;margin-top:-59.5px;margin-left:-59.5px;}

.WebsiteIntro .Video dl .Right{width:61px;top:40px;right:28px;}

.WebsiteIntro .Video dl .Play{width:98px;line-height:32px;left:48px;bottom:22px;color:#fff;font-size:18px;font-weight:bold;}

.WebsiteIntro .Video dl .Play img{display:inline-block;vertical-align:top;margin-left:5px;width:32px;}

.WebsiteIntro .Video dl:hover .Play img{-webkit-animation:icoHover02 .6s linear;animation:icoHover02 .6s linear}

.WebsiteIntro .Video .BgImg01{width:432px;position:absolute;bottom:-54px;right:-75px;z-index:0;}

.wrap3{width:100%;height:978px;background:url(../image/img6.jpg) no-repeat center center;background-size:cover;}

.wrap3_Cont{width:1400px;margin:0 auto;padding-top:115px;}

.W_Left{width:700px;float:left;overflow:hidden;position:relative;}

.W_Left .Bg01{display:block;width:100%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear}

.W_Left:hover .Bg01{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}

.W_Left a{display:block;width:100%;height:100%;padding:70px 0 0 90px;position:absolute;top:0;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.W_Left a .Ico1{width:80px;display:block;animation:Ico1 1s linear 1s infinite alternate;-moz-animation:Ico1 1s linear 1s infinite alternate;-webkit-animation:Ico1 1s linear 1s infinite alternate;-o-animation:Ico1 1s linear 1s infinite alternate;}

@-webkit-keyframes Ico1{from{transform:scale(1,1);}to{transform:scale(1.1,1.1);}}@-moz-keyframes Ico1{from{transform:scale(1,1);}to{transform:scale(1.1,1.1);}}@-o-keyframes Ico1{from{transform:scale(1,1);}to{transform:scale(1.1,1.1);}}@keyframes Ico1{from{transform:scale(1,1);}to{transform:scale(1.1,1.1);}}



.W_Left a em{width:300px;display:block;line-height:48px;color:#fff;font-size:42px;padding-top:18px;}

.W_Left a span{width:300px;line-height:30px;color:#fff;text-align:justify;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;padding-top:15px;}

.W_Left a strong{width:300px;display:block;color:#ac8b6f;font-size:16px;font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;padding-top:34px;line-height:24px;}

.W_Left a i{font-style:italic;letter-spacing:5px;}

.W_Left .Data{position:absolute;bottom:24px;right:50px;}

.W_Left .Data li{border-top:1px solid rgba(255,255,255,0.3);}

.W_Left .Data li.Border_top{border:none;}

.W_Left .Data li .num{color:#fff;padding-top:20px;}

.W_Left .Data li .num b{font-size:42px;font-style:italic;font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;line-height:33px;font-weight:500;}

.W_Left .Data li p{line-height:28px;color:#fff;font-size:16px;padding-bottom:15px;}

.W_Right{width:680px;float:right;}

.W_Right .Top_Cont{width:100%;position:relative;overflow:hidden;}

.W_Right .Top_Cont .Bg02{width:100%;display:block;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear}

.W_Right .Top_Cont:hover .Bg02{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}

.W_Right .Top_Cont a{width:100%;display:block;position:absolute;top:0;left:0;height:100%;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:56px 0 0 75px;}

.W_Right .Top_Cont a i{padding:0 12px;display:inline-block;line-height:35px;background:rgba(193,11,22,0.8);color:#fff;font-size:16px;border-radius:3px;margin-right:10px;}

.W_Right .Top_Cont a i.Bg{background:rgba(0,0,0,0.7);}

.W_Right .Top_Cont a .Ico2{width:26px;position:absolute;display:block;top:60px;right:70px;animation:Ico 1s linear 1s infinite ;-moz-animation:Ico 1s linear 1s infinite;-webkit-animation:Ico 1s linear 1s infinite ;-o-animation:Ico 1s linear 1s infinite ;}

@-webkit-keyframes Ico{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@-moz-keyframes Ico{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@-o-keyframes Ico{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes Ico{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}





.W_Right .Top_Cont a em{display:block;position:absolute;bottom:108px;color:#fff;font-size:36px;left:75px;line-height:50px;}

.W_Right .Top_Cont a span{display:block;position:absolute;bottom:50px;left:75px;}

.W_Right .Top_Cont a b{display:block;width:43px;float:left;border:1px solid rgba(255,255,255,0.3);border-radius:50%;margin-right:10px}

.W_Right .Top_Cont a b img{display:block;width:100%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear}

.W_Right .Top_Cont a:hover b img{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);}

.W_Right .Bottom_Cont{margin-top:20px;}

.W_Right .Top_Con.Bottom_Contt a b{background:#ac8b6f;}

.W_Right .Bottom_Cont a strong{padding:0px 108px 0 17px;line-height:30px;color:#fff;font-size:14px;display:block;text-align:justify;}

.W_Right .Bottom_Cont a .Ico3{width:26px;position:absolute;display:block;bottom:70px;right:70px;animation:Ico 1s linear 1s infinite ;-moz-animation:Ico 1s linear 1s infinite;-webkit-animation:Ico 1s linear 1s infinite ;-o-animation:Ico 1s linear 1s infinite ;}

.wrap4{width:100%;height:1050px;background:url(../image/bg1.gif) no-repeat center center;background-size:cover;color:#fff;}

.Operating{width:1400px;margin:0 auto;padding-top:89px;}

.Operating .Title{width:30%;}

.Operating .Title a{display:block;line-height:50px;color:#ac8b6f;font-size:40px;font-weight:bold;}



.BrandCont{width:100%;position:relative;}

.Brand.swiper-container{width:100%;height:auto;margin-left:auto;margin-right:auto;}

.Brand .swiper-slide{text-align:center;font-size:18px;background:#fff;height:250px;/* Center slide text vertically */display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;

-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}

.Brand.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}

.Brand .swiper-container-no-flexbox .swiper-slide{float:left}

.Brand .swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}

.Brand .swiper-wrapper{position:relative;width:100%;height:616px;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}

.Brand .swiper-container-android .swiper-slide,.Brand .swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

.Brand.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}

.Brand .swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}

.Brand .swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;position:relative}

.Brand .swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}

.Brand .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}

.Brand .swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}

.Brand .swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}

.Operating .swiper-pagination{position:absolute;top:-18px;right:0;width:auto}

.Operating .swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}

.Operating .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}

.Operating .swiper-pagination-white .swiper-pagination-bullet{background:#fff}

.Operating .swiper-pagination-bullet-active{opacity:1;background:#007aff}

.Operating .swiper-pagination-bullet{margin:0 0 0 18px}

.Operating .swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}

.Brand .swiper-slide .TitleImg{width:100%;display:block;}

.Brand .swiper-slide a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:97px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}

.Brand .swiper-slide a i{display:inline-block;width:60px;height:60px;background:#fff;border-radius:50%;vertical-align:top}

.Brand .swiper-slide a i img{display:block;width:100%;}

.Brand .swiper-slide a em{line-height:60px;display:inline-block;color:#fff;font-size:28px;padding-left:18px;}

.Brand .swiper-slide{position:relative;width:430px;overflow:hidden;}

.Brand .swiper-slide:hover a{filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;opacity:1;}

.Brand.swiper-container-horizontal .swiper-slide{margin-top:30px !important;}





.JoinBrand{width:1400px;margin:0 auto;overflow:hidden;padding:80px 0 63px;}

.JoinBrand .Title{text-align:center;line-height:58px;padding-bottom:50px;color:#d70c18;font-size:45px;font-weight:bold;}

.JoinBrand ul{width:104%;}

.JoinBrand ul li{position:relative;width:430px;overflow:hidden;float:left;margin-right:48px;margin-top:30px;border:2px solid #f1f1f1;}



.JoinBrand ul li .TitleImg{width:100%;display:block;}

.JoinBrand ul li a{text-align:center;display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,55%);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:120px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}

.JoinBrand ul li a i{display:inline-block;width:60px;height:60px;background:#fff;border-radius:50%;vertical-align:top}

.JoinBrand ul li a i img{display:block;width:100%;}

.JoinBrand ul li a em{line-height:60px;display:inline-block;color:#fff;font-size:22px;padding-left:18px;}

.JoinBrand ul li:hover a{filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;opacity:1;}



.Titleshou{overflow: hidden;}

.SubNav{padding:30px 0;margin:0 auto;}

.SubNav dl{display: table;

margin:0 auto;text-align: center}

.SubNav dd{height:38px;float:left;display: inline}

.SubNav dd a{color:#666;font-size:14px;line-height:48px;}

.SubNav dd i{color:#dfdfdf;font-size:14px;padding:0 22px;}

.SubNav dd.on a{color:#ab896d;}

.SubNav dd:hover a{color:#ab896d;}

.proleft{float: left;width:30%}

.proright{float: right;width:50%}









.wrap5{width:100%;height:744px;position:relative;background:url(../image/wabybg5.jpg) no-repeat;z-index: 10000;}

.wrap5 .LeftImg{position:absolute;top:199px;left:67px;display:block;width:563px;z-index:10;}

.wrap5 .RightImg{position:absolute;top:0;right:0;display:block;width:493px;z-index:10;}

.wrap5 .Join{width:1400px;margin:0 auto;position:relative;z-index:11;}

.wrap5 .Join .JoinCont{width:406px;padding-top:217px;float:left;}

.JoinCont a{display:block;width:100%;}

.JoinCont em{display:block;line-height:54px;color:#fff;font-size:40px;font-weight:bold;}

.JoinCont span{text-align:justify;line-height:30px;height:120px;color:#fff;font-size:14px;padding-top:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}

.JoinCont i{display:block;line-height:64px;color:#ac8b6f;font-size:18px;text-indent:45px;width:178px;margin-top:40px;background:#fff;border-radius:5px;cursor:pointer;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear}

.JoinCont a:hover i{text-indent:35px;}

.JoinCont a:hover i img{-webkit-animation:icoHover02 .6s linear;animation:icoHover02 .6s linear}



.JoinCont i img{display:inline-block;width:9px;vertical-align:middle;margin-left:14px;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear}



.wrap5 .Join .JoinRight{width:798px;height:280px;position:relative;float:right;margin-right:92px;margin-top:219px;}



.S_01{width:290px;position:absolute;top:0;z-index:3}

.S_01 img{margin: 0 auto;display:block;}

.S_01 .Bg01{width:152px;height:152px;border:2px solid rgba(206, 181, 151, 0.5);position:absolute;top:50%;left:50%;margin-left:-83px;margin-top:-78px;border-radius:50%;}

.S_01 .Bg02{width:129px;height:129px;background:#fff;position:absolute;top:50%;left:50%;margin-left:-64.5px;margin-top:-64.5px;border-radius:50%;text-align:center;}

@-webkit-keyframes mypic{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);-ms-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);-ms-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);-ms-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes mypic{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);-ms-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);-ms-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);-ms-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}

.S_01 .Bg02 i{display:block;line-height:26px;font-style:italic;color:#999;font-size:16px;padding-top:30px;font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;letter-spacing:3px;}

.S_01 .Bg02 b{display:block;line-height:40px;color:#f8162c;font-size:60px;font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;font-style:italic;animation:mypic 2s linear infinite alternate;-moz-animation:mypic 2s linear infinite alternate;-webkit-animation:mypic 2s linear infinite alternate;-o-animation:mypic 2s linear infinite alternate;}

.S_01 .Cont02{position:absolute;top:123px;left:50%;margin-left:-1px;width:2px;height:144px;background:#fff;}

.S_01 .Cont02 i{width:15px;height:15px;border-radius:50%;background:#fff;position:absolute;bottom:0;left:-6px;display:block;}

.S_01 .Cont03{width:228px;position:absolute;bottom:-120px;left:167px;}

.S_01 .Cont03 em{display:block;line-height:32px;color:#fff;font-size:24px;padding-top:25px;}

.S_01 .Cont03 span{display:block;line-height:26px;color:#848484;font-size:16px;padding-top:11px;}

.S_01.S_02{left:260px;z-index:2}

.S_01.S_02 .Cont02{top:-123px;}

.S_01.S_02 .Cont02 i{top:0;}

.S_01.S_02 .Cont02 .point01{top:-12px;left:-18px;}

.S_01.S_02 .Cont03{top:-160px;}

.S_01.S_03{right:0;z-index:1}

.S_01.S_03 .Bg01{margin-left:-78px;}

.S_01 .Cont02 .point01{position:absolute;bottom:-12px;left:-18px;width:38px;height:38px;border-radius:50%;background:rgba(225,225,225,0.3);}

.S_01 .Cont02 .point01{animation:poi1 2s linear infinite;-webkit-animation:poi1 2s linear infinite;-o-animation:poi1 2s linear infinite;-moz-animation:poi1 2s linear infinite;-ms-animation:poi1 2s linear infinite;}

@keyframes poi1{0%{transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}50%{transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;opacity:1;}100%{transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-webkit-transform:scale(1.5);-o-transform:scale(1.5);filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}}







@media all and (min-width:1px) and (max-width:1440px) {

.WebsiteIntro,.wrap3_Cont{width:1200px;}

.WebsiteIntro .Left{width:472px;}

.WebsiteIntro .Video{width:562px;}

.scroll{bottom:-8%;}

.W_Left{width:600px;}

.W_Left a{padding:50px 0 0 40px;}

.W_Left a em{font-size:32px;}

.W_Left a .Ico1{width:60px;}

.W_Left .Data{right:30px;}

.W_Right{width:580px;}

.W_Right .Top_Cont a{padding:50px 0 0 40px;}

.W_Right .Top_Cont a em{left:40px;font-size:33px;}

.W_Right .Top_Cont a span{left:40px;}

.W_Right .Top_Cont a .Ico2{top:54px;right:30px;}

.W_Right .Bottom_Cont a .Ico3{right:30px;bottom:64px;}

.W_Right .Bottom_Cont a strong{padding:0 30px 0 240px;}

.wrap3{height:816px;}

.wrap3_Cont{padding-top:85px;}

.Operating{width:1200px;}

.W_Left .Data li p{font-size:14px;}

.W_Left .Data li .num b{font-size:34px;}

.wrap5{height:692px;}

.wrap5 .LeftImg{width:400px;}

.wrap5 .RightImg{width:423px;}

.wrap5 .Join{width:1200px;}

.wrap5 .Join .JoinCont{width:338px;}

.wrap5 .Join .JoinRight{width:627px;margin-right:130px}

.S_01{width:230px;}

.S_01.S_02{left:200px;}

.S_01 .Bg02{width:109px;height:109px;margin-left:-54.5px;margin-top:-54.5px;}

.S_01 .Cont03{left:143px;}

.S_01 .Bg02 i{padding-top:20px;}

.S_01 .Bg02 b{font-size:46px;}

.S_01 .Cont03 span{padding-top:6px;}

.S_01 .Cont03 em{font-size:22px;}



}







/*新加的案例中心*/



.wrap6 {

	position: relative;

    width: 100%;

    height: 850px;

    background: url(../image/bg1.gif) no-repeat center center;

    background-size: cover;

    color: #fff;

}



.wrap6 .slideshow {

  position: absolute;

  width: 100%;

  height: 850px;

  overflow: hidden;

}



.wrap6 .slideshow-image {

  position: absolute;

  width: 100%;

  height: 100%;

  background: no-repeat 50% 50%;

  background-size: cover;

  -webkit-animation-name: kenburns;

          animation-name: kenburns;

  -webkit-animation-timing-function: linear;

          animation-timing-function: linear;

  -webkit-animation-iteration-count: infinite;

          animation-iteration-count: infinite;

  -webkit-animation-duration: 16s;

          animation-duration: 16s;

  opacity: 1;

  -webkit-transform: scale(1.2);

          transform: scale(1.2);

}

.wrap6 .slideshow-image:nth-child(1) {

  -webkit-animation-name: kenburns-1;

          animation-name: kenburns-1;

  z-index: 3;

}

.wrap6 .slideshow-image:nth-child(2) {

  -webkit-animation-name: kenburns-2;

          animation-name: kenburns-2;

  z-index: 2;

}

.wrap6 .slideshow-image:nth-child(3) {

  -webkit-animation-name: kenburns-3;

          animation-name: kenburns-3;

  z-index: 1;

}

.wrap6 .slideshow-image:nth-child(4) {

  -webkit-animation-name: kenburns-4;

          animation-name: kenburns-4;

  z-index: 0;

}



@-webkit-keyframes kenburns-1 {

  0% {

    opacity: 1;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

  1.5625% {

    opacity: 1;

  }

  23.4375% {

    opacity: 1;

  }

  26.5625% {

    opacity: 0;

    -webkit-transform: scale(1);

            transform: scale(1);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

  98.4375% {

    opacity: 0;

    -webkit-transform: scale(1.21176);

            transform: scale(1.21176);

  }

  100% {

    opacity: 1;

  }

}



@keyframes kenburns-1 {

  0% {

    opacity: 1;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

  1.5625% {

    opacity: 1;

  }

  23.4375% {

    opacity: 1;

  }

  26.5625% {

    opacity: 0;

    -webkit-transform: scale(1);

            transform: scale(1);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

  98.4375% {

    opacity: 0;

    -webkit-transform: scale(1.21176);

            transform: scale(1.21176);

  }

  100% {

    opacity: 1;

  }

}

@-webkit-keyframes kenburns-2 {

  23.4375% {

    opacity: 1;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

  26.5625% {

    opacity: 1;

  }

  48.4375% {

    opacity: 1;

  }

  51.5625% {

    opacity: 0;

    -webkit-transform: scale(1);

            transform: scale(1);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

}

@keyframes kenburns-2 {

  23.4375% {

    opacity: 1;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

  26.5625% {

    opacity: 1;

  }

  48.4375% {

    opacity: 1;

  }

  51.5625% {

    opacity: 0;

    -webkit-transform: scale(1);

            transform: scale(1);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

}

@-webkit-keyframes kenburns-3 {

  48.4375% {

    opacity: 1;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

  51.5625% {

    opacity: 1;

  }

  73.4375% {

    opacity: 1;

  }

  76.5625% {

    opacity: 0;

    -webkit-transform: scale(1);

            transform: scale(1);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

}

@keyframes kenburns-3 {

  48.4375% {

    opacity: 1;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

  51.5625% {

    opacity: 1;

  }

  73.4375% {

    opacity: 1;

  }

  76.5625% {

    opacity: 0;

    -webkit-transform: scale(1);

            transform: scale(1);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

}

@-webkit-keyframes kenburns-4 {

  73.4375% {

    opacity: 1;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

  76.5625% {

    opacity: 1;

  }

  98.4375% {

    opacity: 1;

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1);

            transform: scale(1);

  }

}

@keyframes kenburns-4 {

  73.4375% {

    opacity: 1;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

  76.5625% {

    opacity: 1;

  }

  98.4375% {

    opacity: 1;

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1);

            transform: scale(1);

  }

}





.wrap6 h1 {

  position: absolute;

  top: 54%;

  left: 50%;

  -webkit-transform: translate3d(-50%, -50%, 0);

          transform: translate3d(-50%, -50%, 0);

  z-index: 99;

  text-align: center;

  font-family: Raleway, sans-serif;

  font-weight: 300;

  text-transform: uppercase;

  background-color: rgba(0, 0, 0, 0.2);

  box-shadow: 0 1em 2em -1em rgba(0, 0, 0, 0.5);

  padding: 3em 5em;

  line-height: 1.5;

}

.wrap6 h1 small {

  display: block;

  text-transform: lowercase;

  font-size: .7em;

}

.wrap6 h1 small:first-child {

  border-bottom: 1px solid rgba(0, 0, 0, 0.25);

  padding-bottom: .5em;

}

.wrap6 h1 small:last-child {

  border-top: 1px solid rgba(0, 0, 0, 0.25);

  padding-top: .5em;

}

/*.wrap6 h1 i{display:block;line-height:54px;color:#ac8b6f;font-size:18px;width:188px;margin-top:40px;background:#fff;border-radius:5px;cursor:pointer;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;margin: 0 auto;margin-top: 50px}*/

.wrap6 h1:hover i img{-webkit-animation:icoHover02 .6s linear;animation:icoHover02 .6s linear}



.wrap6 h1 i img{display:inline-block;width:9px;vertical-align:middle;margin-left:14px;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear}





/*新闻*/





.Content01{width:1300px;margin:0 auto;position:relative;padding:84px 0 0;}

.Content01 .Title,.Content07 .Title{position:relative;width:537px;margin:0 auto;}

.Content01 .Title em,.Content07 .Title em{width:100%;display:block;position:relative;z-index:1;line-height:52px;color:#2d2d2d;font-size:37px;}

.Content01 .Title i,.Content07 .Title i{display:block;line-height:58px;color:#fbeeef;font-size:76px;position:absolute;top:-25px;left:-45px;font-style:italic;font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;font-weight:bold;}

.Section01{width:105%;padding:48px 0 104px;}

.Section01 .content{width:30.33333%;float:left;margin-right:1.5%;}

.Section01 .content i{width:100%;display:block;overflow:hidden;}

.Section01 .content i img{width:100%;display:block;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear}

.Section01 .content img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}



.Section01 .content em{display:block;line-height:38px;color:#ac8b6f;font-size:16px;padding:34px 0 0;}

.Section01 .content .time{display:block;line-height:38px;color:#666;font-size:16px;}



.Section01 .content span{display:block;line-height:26px;color:#666;font-size:14px;padding-top:10px;}



.Section01 .content .more{width:178px;line-height:44px;display:block;color:#ac8b6f;font-size:14px;margin-top:10px;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear}



.Section01 .content .more img{display:inline-block;vertical-align:initial;margin-left:5px;}

.Section01 .content:hover .more img{-webkit-animation:icoHover02 .6s linear;animation:icoHover02 .6s linear}

@-webkit-keyframes icoHover02{0%{-webkit-transform:translateX(0px);opacity:1}49%{-webkit-transform:translateX(35px);opacity:0}50%{-webkit-transform:translateX(-18px);opacity:0}100%{-webkit-transform:translateX(0px);opacity:1}}@keyframes icoHover02{0%{transform:translateX(0px);opacity:1}49%{transform:translateX(35px);opacity:0}50%{transform:translateX(-18px);opacity:0}100%{transform:translateX(0px);opacity:1}}







.inPro_cell dl{float:left; position: relative;margin-bottom:12px;margin-left:0.8%;}



.inPro_cell dl{width:32%; }

.inPro_cell dl dt{overflow: hidden;}

.inPro_cell dl img{width:430px;}

.inPro_cell dl:hover dt img{transform: scale(1.1);}

.inPro_cell dl dd{ width: 100%;height:100%; position: absolute;left:0;top:0;}

.inPro_cell dl dd .mask { width: 430px;height:100%;left:0;top:0; padding: 0em 0.8em; transition: all 0.5s ease 0s; position:absolute;  }

.inPro_cell dl dd .mask::before, .inPro_cell dl dd .mask::after { box-sizing: border-box; content: ''; position: absolute; top: 25px; left:25px;bottom:25px;right:25px;   -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; }

.inPro_cell dl dd .mask::before { border-top: 8px solid #eee; border-bottom: 8px solid #eee; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); }

.inPro_cell dl dd .mask::after { border-left: 8px solid #eee; border-right: 8px solid #eee; -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); }

.inPro_cell dl dd a:hover .mask::before,.inPro_cell dl dd a:hover .mask::after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; }

.inPro_cell dl dd .mask span{display: block;width:33px;height:33px; background: url(../images/product4.png) no-repeat center; background-size: 100%; position: absolute;right:65px;bottom:58px; transition: all 0.5s ease 0s; transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0; filter: alpha(opacity=0);}

.inPro_cell dl dd a:hover .mask{ background: rgba(0,0,0,0.4);}

.inPro_cell dl dd a:hover .mask span{opacity: 1; filter: alpha(opacity=1);transform: scale(1);}

.inPro_cell dl dd .div1{ position: absolute;left:20px;bottom:20px;transition: all 0.5s;}

.inPro_cell dl dd .div2{ width:55%;position: absolute;left:60px;bottom:60px;transition: all 0.5s; opacity: 0; filter: alpha(opacity=0);font-size:16px;color:#f5f5f5;line-height: 1.75;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.inPro_cell dl dd h3{font-size:16px;color:#fff;}

.inPro_cell dl dd h4{font-size:2rem;color:#fff;}

.inPro_cell dl dd a:hover .div1{left:60px;bottom:auto;top:58px;} 

.inPro_cell dl dd a:hover .div2{opacity: 1; filter: alpha(opacity=100);}













/* --------------------------------- */

/* Css Styles                        */

/*---------------------------------- */



/**

    Cenky  - Portfolio Template 

    Author : tavonline

    Copyright 2019





/* Table of Content

==================================================



    1. Body and Core Css

    2. Home Page

    3. About Page

    4. Portfolio List

    5. News Page

    6. Contact Page

    7. Responsive

*/ 





.spinner-jumper-container .spinner-section .rotator {

  border-top-color: #8571ea;

  border-right-color: #8571ea;

}



.spinner-jumper-container .spinner-section .rotator {

  border-top-color: #8571ea;

  border-right-color: #8571ea;

}



.space30 { height:30px; }

.space50 { height:50px; }

.space80 { height:80px; }

.space100 { height:100px; }

.space150 { height:150px; }



.spinner {

    margin:auto;

    text-align: center;

    display:table-cell;

    vertical-align:middle;

} 



@-webkit-keyframes uil-ripple {

  0% {

    width: 0;

    height: 0;

    opacity: 0;

    margin: 0 0 0 0;

  }

  33% {

    width: 44%;

    height: 44%;

    margin: -22% 0 0 -22%;

    opacity: 1;

  }

  100% {

    width: 88%;

    height: 88%;

    margin: -44% 0 0 -44%;

    opacity: 0;

  }

}

@-webkit-keyframes uil-ripple {

  0% {

    width: 0;

    height: 0;

    opacity: 0;

    margin: 0 0 0 0;

  }

  33% {

    width: 44%;

    height: 44%;

    margin: -22% 0 0 -22%;

    opacity: 1;

  }

  100% {

    width: 88%;

    height: 88%;

    margin: -44% 0 0 -44%;

    opacity: 0;

  }

}

@-moz-keyframes uil-ripple {

  0% {

    width: 0;

    height: 0;

    opacity: 0;

    margin: 0 0 0 0;

  }

  33% {

    width: 44%;

    height: 44%;

    margin: -22% 0 0 -22%;

    opacity: 1;

  }

  100% {

    width: 88%;

    height: 88%;

    margin: -44% 0 0 -44%;

    opacity: 0;

  }

}

@-ms-keyframes uil-ripple {

  0% {

    width: 0;

    height: 0;

    opacity: 0;

    margin: 0 0 0 0;

  }

  33% {

    width: 44%;

    height: 44%;

    margin: -22% 0 0 -22%;

    opacity: 1;

  }

  100% {

    width: 88%;

    height: 88%;

    margin: -44% 0 0 -44%;

    opacity: 0;

  }

}

@-moz-keyframes uil-ripple {

  0% {

    width: 0;

    height: 0;

    opacity: 0;

    margin: 0 0 0 0;

  }

  33% {

    width: 44%;

    height: 44%;

    margin: -22% 0 0 -22%;

    opacity: 1;

  }

  100% {

    width: 88%;

    height: 88%;

    margin: -44% 0 0 -44%;

    opacity: 0;

  }

}

@-webkit-keyframes uil-ripple {

  0% {

    width: 0;

    height: 0;

    opacity: 0;

    margin: 0 0 0 0;

  }

  33% {

    width: 44%;

    height: 44%;

    margin: -22% 0 0 -22%;

    opacity: 1;

  }

  100% {

    width: 88%;

    height: 88%;

    margin: -44% 0 0 -44%;

    opacity: 0;

  }

}

@-o-keyframes uil-ripple {

  0% {

    width: 0;

    height: 0;

    opacity: 0;

    margin: 0 0 0 0;

  }

  33% {

    width: 44%;

    height: 44%;

    margin: -22% 0 0 -22%;

    opacity: 1;

  }

  100% {

    width: 88%;

    height: 88%;

    margin: -44% 0 0 -44%;

    opacity: 0;

  }

}

@keyframes uil-ripple {

  0% {

    width: 0;

    height: 0;

    opacity: 0;

    margin: 0 0 0 0;

  }

  33% {

    width: 44%;

    height: 44%;

    margin: -22% 0 0 -22%;

    opacity: 1;

  }

  100% {

    width: 88%;

    height: 88%;

    margin: -44% 0 0 -44%;

    opacity: 0;

  }

}



header{

  position:absolute;

  left: 0;

  z-index: 100;

  padding: 45px;

  width: 100%;

}





header .logo{

  float: left;

}



header .logo img{

  max-height: 97px;

    margin-top: -39px;

}



header .menu{

  float: right;

  cursor: pointer;

  height: 30px;

  width: 38px;

}



header .menu span{

  width: 100%;

  height: 4px;

  background: #fff;

  display: block;

  border-radius: 1px;

  float: right;

  transition: all ease 0.3s;

  -webkit-transition: all ease 0.3s;

  -moz-transition: all ease 0.3s;

	margin-top: 6px;

}



header .menu span:nth-child(2){

  margin-top: 4px;

  width: 75%;

}



header .menu:hover > span{

  width: 100%;

  background: #f39700;

}





















.right-menu{

  width: 100%;

  position: fixed;

  height: 100%;

  visibility: hidden;

  z-index: 101;

  right: 0;

  top: 0;

}







.invert{

  background: #000000b8;

  visibility: visible;

  z-index: 120;

}







.menu-close{

    width: 16px;

    height: 16px;

    position: fixed;

    top: 44px;

    right: 50px;

    background: url(../image/close.png) no-repeat;

    cursor: pointer;

    background-size: 100%;

}



.page-menu{

    text-align: center;

    display: table;

    height: 100%;

    width: 100%;

}



.page-menu ul{

  display: table-cell;

  vertical-align: middle;

  padding-left: 0;

}



.page-menu ul li a{

    color: #fff;

    font-weight: 700;

    font-size: 35px;

  text-decoration: none;

  transition: all ease 0.5s;

  -webkit-transition: all ease 0.5s;

  -moz-transition: all ease 0.5s;

}



.page-menu ul li{

  list-style: none;

}



.page-menu ul li a:hover{

  color: #f39700;

}





/*------------------------ About ------------------------*/   





/*------------------------ Mobile ------------------------*/   





@media screen and (min-width: 1025px) {



  #smooth-scroll {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1;

  }

    

  .scrollbar-track {

    background: transparent!important;

  }



}





@media screen and (max-width: 768px){



  .page-view .project .image {

    background-position-x: center;

}



.page-view{

  position: fixed;

}



.page-view .project .text .title {

    font-size: 70px;

    line-height: 100px;

}



.page-menu ul li a {

    font-size: 40px;

}



.hero-content .title {

    font-size: 55px;

}



.subtext {

    font-size: 26px;

    line-height: 44px;

}



.full-image.top_90{

  margin-top: 60px;

}



.next-link .nav-title {

    font-size: 35px;

}



.categories ul{

  padding-left: 0;

}



header {

    padding: 35px 25px;

}



.subpage .subtext {

    font-size: 26px;

    line-height: 44px;

}



.getintouch .info {

    width: 33%;

    float: left;

    margin-top: 0;

    text-align: center;

}



.getintouch .info br{

  display: none;

}



.contact-info{

    margin-bottom: 60px;

}



}





@media screen and (max-width: 560px){



  .page-view .project .text .title {

    font-size: 32px;

    line-height: 80px;

    letter-spacing: -1px;

  }



    .page-menu ul li a {

      font-size: 30px;

  }



  .slider-bottom {

    padding: 25px;

}



.slider-bottom .social{

  display: none;

}



.all-link{

  float: right;

}



.all-projects ul li a {

    padding: 12px 0;

}



.all-projects ul li .title {

    font-size: 35px;

}



.all-projects ul{

  padding-left: 0;

}



.all-projects ul li .number {

    left: 0px;

}



.categorie {

    margin-left: 30px;

}



.page-view .categorie {

    margin-left: 0px;

}



.hero-content .title {

    font-size: 35px;

}



.subtext {

    font-size: 18px;

    line-height: 30px;

}



.next-link .nav-title {

    font-size: 25px;

}



.col-lg-12.text-left.top_60.bottom_30.box-animation{

  margin: 0;

}



footer {

    width: 100%;

    padding: 33px 30px 45px;

    border-top: 1px solid #2f2f2f;

    /* margin-top: 23px; */

}



footer .social{

    padding: 0px;

    margin: 0 auto;

    float: none!important;

    display: table;

}



footer .copyright{

    float: none!important;

    width: 100%;

    display: inline-block;

    text-align: center;

}



footer .copyright p, footer .back-top p{

    margin-bottom: 12px;

}





footer .back-top{

    display: none;

}



.social a {

    margin-right: 10px;

}



.project-info .title {

    font-size: 24px;

    line-height: 33px;

}



.container.top_90.box-animation{

    margin-top: 51px;

}



.full-image{

  display: none;

}



.subtext.top_90.box-animation{

    margin-top: 14px;

}



.page-view .project .text .see-more {

    font-size: 15px;    

    transform: translateX(20px);

}





.subpage {

    padding: 120px 30px 0;

}



.page-title {

    font-size: 40px;

}



.subpage .subtext {

    font-size: 20px;

    line-height: 33px;

}



.contact-link.top_120{

  margin-top: 60px;

}



.contact-link br{

  display: none;

}



.subtitle.top_90.bottom_45{

  margin-top: 50px;

}



.subtitle{

  font-size: 22px;

}



.services .service {

    padding: 40px 30px;

}



.getintouch .info {

    width: 100%;

    float: left;

    margin-bottom: 20px;

    text-align: center;

}



.getintouch {

    margin-top: 60px;

    margin-bottom: 60px;

}



.space30{

  height: 15px;

}



.space80 {

    height: 40px;

}



.d-n{

  display: none;

}



.space50 {

    height: 25px;

}



.col-lg-12.text-left.box-animation{

  text-align: center !important;

}



}









/*招商加盟*/











































   





.wrap6 h1 {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate3d(-50%, -50%, 0);

          transform: translate3d(-50%, -50%, 0);

  z-index: 99;

  text-align: center;

  font-family: Raleway, sans-serif;

  font-weight: 300;

  text-transform: uppercase;

  background-color: rgba(0, 0, 0, 0.2);

  box-shadow: 0 1em 2em -1em rgba(0, 0, 0, 0.5);

  line-height: 1.5;

}

.wrap6 h1 small {

  display: block;

  text-transform: lowercase;

  font-size: .7em;

}

.wrap6 h1 small:first-child {

  border-bottom: 1px solid rgba(0, 0, 0, 0.25);

  padding-bottom: .5em;

}

.wrap6 h1 small:last-child {

  border-top: 1px solid rgba(0, 0, 0, 0.25);

  padding-top: .5em;

}

.wrap6 h1 i{display:block;line-height:54px;color:#ac8b6f;font-size:18px;width:188px;margin-top:40px;background:#fff;border-radius:5px;cursor:pointer;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;margin: 0 auto;margin-top: 50px}

.wrap6 h1:hover i img{-webkit-animation:icoHover02 .6s linear;animation:icoHover02 .6s linear}



.wrap6 h1 i img{display:inline-block;width:9px;vertical-align:middle;margin-left:14px;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear}

.i-experience-box{

}

.i-experience{

    position: relative;

}

.i-experience-box .bg-box{

    position: relative;

	min-height: 386px

	

}

.i-experience-box .bg-box img{

    width: 100%;

}

.i-experience-box .bg-box .left{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    box-sizing: border-box;

    padding: 1.5rem 2.5% 0;

}

.i-experience-box .bg-box .left .con{

    font-size: 1.8rem;

    line-height: 3.75rem;

    color: #fff;

    margin-top: 4.75rem;

    opacity: .8;

    filter: alpha(opacity=80);

}

.i-experience-box .index-tit{

   

}

.i-experience-box .index-tit .cn{

    color: #fff;

    padding-left: 0;

	text-align: center

}

.i-experience-box .index-tit .cn:before{

    border-color: #fff;

}

 

.i-experience-box .index-tit .line{

    background-color: #ddd;

    margin: .4rem auto;

}



.i-experience-box .list .index-tit{

    display: none;

}

.i-experience-box .index-more{

   background: #bca065;

    margin: 1.25rem auto;

}

.i-experience-box .index-more span{

    background-image: url('../images/i-product-arrow.png');

}

.i-experience-box .list{

    position: relative;

    left: 0;

    bottom: .75rem;

    width: 100%;

    box-sizing: border-box;

    padding: 0 .75rem;

}



.i-experience-box .list .row{

    margin: 0 -.375rem;

}

.i-experience-box .list .item{

    padding: 0 .375rem;

    box-sizing: border-box;

	min-height: 193px;

}

.i-experience-box .list .con-box{

    background-color: #fff;

    padding: .5rem .4rem;

    transition: all .2s;

    display: block;

}

.i-experience-box .list .line{

    float: left;

    width: .625rem;

    height: 2px;

    background-color: #878787;

    margin-top: .5rem;

    transition: all .2s;

}

.i-experience-box .list .icon{

    float: right;

    width: 4.075rem;

    position: relative;

}

.i-experience-box .list .icon img{

    width: 100%;

}

.i-experience-box .list .init{

    transition: all .2s;

}

.i-experience-box .list .hover{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    opacity: 0;

    filter: alpha(opacity=0);

    transition: all .2s;

}

.i-experience-box .list .tit{

    font-size: 1.75rem;

    line-height: 6.55rem;

    color: #090605;

    margin-top: .6rem;

    transition: all .2s;

	text-align: left;

}

.i-experience-box .list .con{

    font-size: .35rem;

    line-height: 1.6rem;

    color: #999;

    margin-top: .4rem;

    transition: all .2s;

	text-align: left;

}



 .i-experience-box{

        margin-top: 2rem;

    }

    .i-experience-box .list .tit{

        margin-top: .3rem;

    }



@media (max-width: 1680px){

    .i-experience-box .list .con{

        height: 6.8rem;

	}}



@media (max-width: 1024px){

	.i-experience-box .view{width:100%}}

	

@media (max-width: 767px){

	.view{

		padding: 0 .4rem;

	}

	header .logo{

		width:200px;

		margin-top: .25rem;

		margin-left: 10px;

	}

	.m-nav{

		padding: 0 .35rem;

		top: .92rem;

	}

	.m-nav li .tit{

		padding: .15rem 0 .15rem .3rem;

	}

	.m-nav li .navson a{

		font-size: .24rem;

		line-height: .4rem;

	}

	.m-nav li .tit:before{

		width: .3rem;

		height: .3rem;

	}

	.header-right .header-btns{

		height: .9rem;

		line-height: .9rem;

	}

	.header-right .header-btns .icon{

		margin:0 .275rem;

	}

	.header-right .header-btns .person-box .sub{

		top: 1.1rem;

		padding: .3rem;

	}

	.header-right .header-btns .person-box .username{

		font-size: .3rem;

		line-height: .4rem;

		padding-bottom: .2rem;

		margin-bottom: .2rem;

	}

	.header-right .header-btns .person-box .exit{

		font-size: .3rem;

		line-height: .4rem;

	}

	.clearfixed{

		height: .9rem;

	}

	.pub-close{

		width: .24rem;

		height: .24rem;

		top: .9rem;

	}

	.search-top{

		padding: 1rem 0 .5rem;

		position: relative;

	}

	.search-top .search{

		float: none;

		width: 100%;

	}

	.search-top .search input[type=text]{

		width: 70%;

		padding: 0 .5rem;

		height: .6rem;

		line-height: .6rem;

		font-size: .3rem;

		background-size: .3rem;

	}

	.search-top .search input[type=submit]{

		font-size: .3rem;

		width: 2rem;

		height: .6rem;

	}

	.search-top .search-close{

		position: absolute;

		right: .4rem;

		top: .3rem;

		width: .4rem;

		height: .4rem;

		background-repeat: no-repeat;

		background-position: center;

		background-size: cover;

	}

	.search-box .enter-box h3{

		font-size: .3rem;

		line-height: .8rem;

	}

	.search-box .enter-box .list .item a{

		line-height: .8rem;

		font-size: .3rem;

	}

	/* header end */



	

	.banner .m-img{

		display: block;

	}

	.banner .pc-img{

		display: none;

	}

	.banner .ban-text .tit{

		font-size: .7rem;

		line-height: 20px;

		padding: 10px

	}

	.banner .ban-more{

		width: 2.5rem;

		height: .6rem;

		line-height: .6rem;

		border-radius: .3rem;

		margin-top: .7rem;

		margin-left: 10px;

	}

	.banner .ban-more span{

		font-size: .24rem;

		padding-right: .5rem;

		background-size: .3rem;

		line-height: .6rem;

	}

	

	.banner .ban-text .tit p{font-size: 32px;line-height: 32px}

	.banner .ban-text .tit span{font-size: 12px;line-height: 14px;}

	

	

	

	.i-about-box{

		padding-top: .7rem;

	}

	.index-tit .cn{

		font-size: .5rem;

		line-height: .5rem;

		padding-right: .3rem;

	}

	.index-tit .cn:before{

		width: .16rem;

		height: .16rem;

		border-width: 2px;

	}

	.index-tit .en{

		font-size: .26rem;

		margin-top: .1rem;

		line-height: .3rem;

	}

	.index-tit .line{

		width: .55rem;

	}

	.i-about-box .text-box{

		width: 100%;

		float: none;

	}

	.i-about-box .index-tit .line{

		margin-top: .25rem;

	}

	.i-about-box .con{

		font-size: .24rem;

		line-height: .6rem;

		margin-top: .3rem;

	}

	.i-about-box .item .num{

		font-size: .6rem;

		line-height: .7rem;

	}

	.i-about-box .item .jia{

		font-size: .26rem;

		margin-left: .1rem;

	}

	.i-about-box .item .txt{

		font-size: .2rem;

		line-height: .3rem;

		margin-top: .1rem;

	}

	.i-about-box .item{

		margin-right: .2rem;

	}

	.i-about-box .num-list{

		margin-top: .4rem;

	}

	.i-about-box .img-box{

		width: 100%;

		float: none;

		margin-top: .6rem;

		padding: .2rem 0 0 .2rem;

		box-sizing: border-box;

	}

	

	.i-about-box .img-box .line1{

		height: .2rem;

	}

	.i-about-box .img-box .line2{

		width: .2rem;

	}

	.i-about-box .pc-play-btn,

	.i-about-box .play-btn{

		width: .86rem;

		height: .86rem;

	}

	.i-custom-box{

		padding-top: .7rem;

		padding-bottom: 0px

	}

	.index-tit .desc{

		font-size: .24rem;

		line-height: .4rem;

		margin-top: .05rem;

	}

	.index-tit .line{

		margin-top: .2rem;

		width: .55rem;

		height: 2px;

	}

	.i-custom{

		margin-top: .5rem;

		padding-right: 0;

		padding-bottom: .85rem;

	}

	.i-custom .line1{

		left: 0;

		width: 100%

	}

	.i-custom .line2{

		display: none;

	}

	.i-custom .icon-box .swiper-slide{

		width: 14%;

		margin-right: 14%;

	}

	.i-custom .icon-box .icon{

		width: .5rem;

		margin-top: .4rem;

	}

	.i-custom .icon-box .txt{

		font-size: .24rem;

	}

	.i-life-box{

		padding-top: .7rem;

	}

	.life-btn{

		width: 2.5rem;

	    height: .6rem;

	    margin-top: .2rem;

	}

	.life-btn span{

		font-size: .24rem;

		line-height: .6rem;

		padding-right: .45rem;

		background-size: .21rem;

	}

	.i-life-box{

		overflow: hidden;

	}

	.i-life{

		overflow: inherit;

		margin-top: .5rem;

	}

	.i-life .m-box{

		overflow: inherit;

	}

	.i-life .m-box .swiper-slide{

		width: 90%;

		margin-right: .2rem;

	}

	.i-life .line{

		height: .1rem;

	}

	.i-life .txt{

		font-size: .3rem;

		line-height: .4rem;

		left: .4rem;

		bottom: .4rem;

	}

	.i-life .con-box{

		padding: 0 0 .25rem;

	}

	.i-life .line{

		left: 0;

	}

	.i-product-box{

		padding-top: .7rem;

		overflow: hidden;

	}

	.i-product{

		margin-top: .5rem;

	}

	.i-product .m-box{

		overflow: inherit;

	}

	.i-product .m-box .swiper-slide{

		width: 90%;

		margin-right: .2rem;

	}

	.i-product .con-box .tit{

		font-size: .5rem;

		line-height: .5rem;

		padding-right: .3rem;

	}

	.i-product .con-box .tit:before{

		width: .16rem;

		height: .16rem;

		border-width: 2px;

	}

	.index-more{

		width: 2.5rem;

		height: .6rem;

		line-height: .6rem;

		border-radius: .3rem;

	}

	.index-more span{

		line-height: .6rem;

		font-size: .24rem;

		vertical-align: top;

		padding-right: .45rem;

		background-size: .21rem;

	}

	.i-product .con-box .index-more{

		margin-top: .36rem;

	}

	.i-product .con-box .text{

		bottom: .4rem;

		left: .4rem;

	}

	.i-experience-box{

		overflow: hidden;

	}

	.i-experience-box .view{

		padding-right: 0;

	}

	.i-experience-box .bg-box{

		min-height: 240px;

	}

	.i-experience-box .bg-box .left{

		width: 100%;

		padding: .7rem .3rem 0;

	}

	.i-experience-box .index-tit .line{

		margin-top: .15rem;

	}

	.i-experience-box .bg-box .img{

		width:4rem;

		position: absolute;

		height: 100%;

		right: 0;

		top: 0;

		background-repeat: no-repeat;

		background-position: right center;

		background-size: cover;

	}

	.i-experience-box .bg-box img{

		width:80%

	}

	.i-experience-box .list{

		position: static;

	}

	.i-experience-box .bg-box .left .con{

		font-size: .24rem;

		line-height: .32rem;

		margin-top: .3rem;

	}

	.i-experience-box .index-more{

		margin-top: .4rem;

	}

	.i-experience-box .list{

		padding: 0 .4rem 0 0;

		margin-top: .3rem;

	}

	.i-experience-box .list .row{

		margin: 0 -.12rem;

	}

	.i-experience-box .list .item{

		padding: 0 .12rem;

		margin-bottom: .24rem;

	}

	.i-experience-box .list .con-box{

		background-color: #f6f6f6;

		box-sizing: border-box;

		padding: .3rem;

	}

	.i-experience-box .list .icon{

		width: .43rem;

	}

	.i-experience-box .list .icon img{

		display: block;

	}

	.i-experience-box .list .line{

		margin-top: .2rem;

		width: .24rem;

	}

	.i-experience-box .list .tit{

		font-size: .3rem;

		line-height: .4rem;

	}

	.i-experience-box .list .con{

		font-size: .24rem;

		line-height: .4rem;

		height: auto;

		margin-top: .1rem;

	}

	.i-news-box{

		padding: .6rem 0 .8rem;

	}

}



@media (min-width: 1025px){

.i-experience-box .list .con-box:hover{

		background-color: #bca065;

	}

	.i-experience-box .list .con-box:hover .line{

		background-color: #fff;

	}

	.i-experience-box .list .con-box:hover .init{

		opacity: 0;

		filter: alpha(opacity=0);

	}

	.i-experience-box .list .con-box:hover .hover{

		opacity: 1;

		filter: alpha(opacity=100);

	}

	.i-experience-box .list .con-box:hover .tit{

		color: #fff;

	}

	.i-experience-box .list .con-box:hover .con{

		color: #fff;

	}

	.i-experience-box .index-more:hover{

		opacity: 1;

		filter: alpha(opacity=100);

		background-color: #bca065;

		border-color: #bca065;

	}

	.i-experience-box .index-more:hover span{

		color: #fff;

	}

}

.view{

    /*width: 62.5%;*/

    margin: 0 auto;

    width: 1200px;

}



@media (max-width: 1480px){

  

    .view{

        width:1380px;

	}}

@media (max-width: 1366px){

    .view{

        width: 88%;

	}}

.i-about-box .view{

    display:flex;

    flex-flow:row wrap;

    justify-content:space-between;

    align-items:stretch;

}

.i-about-box .text-box{

    display:flex;

    flex-flow:column wrap;

    justify-content:space-between;

    align-items:flex-start;

    padding:.5rem 0;

}







/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/

.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;}

.sp_logo{padding:10px;float:left;height:50px}

.sp_logo img{margin:auto;max-height:30px;}

.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}

.sp_nav span{display:block;background:#c9141e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}

.sp_nav span:nth-of-type(1){top:0px}

.sp_nav span:nth-of-type(2){top:10px}

.sp_nav span:nth-of-type(3){top:20px}

.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}

.sp_nav_se span:nth-of-type(2){width:0}

.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}

.nav_show{top:50px}

.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}

.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}

.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}

.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}

.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}

.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}

.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}

.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}

.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}

.sjj_nav ul li ul{display:none}

.sjj_nav ul li a{color:#666;width:80%}

.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}

.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}

.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}

.sjj_nav ul li ul li>ul{margin-left:10px}

/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/