/*****通用编码******/
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input{margin:0px;padding:0px;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
img{border:none;}
body {color:#666; font:62.5%/1.5   Arial, "Microsoft Yahei";width:100%;height: 100%; background-color:#fff;}
ul,ol,li,form, dl {list-style: none;}
p{margin:0px; padding:0px;}
a{text-decoration:none;color:#434343;}
a:hover {text-decoration:none;}
div{ margin:0 auto;}
::-webkit-scrollbar{width:4px;height:11px;border:none;background:#bba572!important}::-webkit-scrollbar-track-piece{border:none;position:absolute;padding:0;box-shadow:none;background-color:#bba572;border-radius:1px}::-webkit-scrollbar-thumb:vertical{background-color:#bba572;border-radius:0;border:none}::-webkit-scrollbar-thumb:horizontal{background-color:#bba572;border-radius:0;border:none}::-webkit-scrollbar{width:4px;height:12px}::-webkit-scrollbar-button:vertical{display:none}::-webkit-scrollbar-track:vertical{background-color:#000}::-webkit-scrollbar-track-piece{background:#fff}::-webkit-scrollbar-thumb:vertical{background-color:#bba572;border-radius:5px}::-webkit-scrollbar-thumb:vertical:hover{background-color:#bba572}::-webkit-scrollbar-corner:vertical{background-color:#bba572}::-webkit-scrollbar-resizer:vertical{background-color:#bba572}
/* Fonts */
@font-face {
    font-family: 'iconfont';  /* project id 1583737 */
    src: url('//at.alicdn.com/t/font_1583737_sgy1v8jojd.eot');
    src: url('//at.alicdn.com/t/font_1583737_sgy1v8jojd.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1583737_sgy1v8jojd.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1583737_sgy1v8jojd.woff') format('woff'),
    url('//at.alicdn.com/t/font_1583737_sgy1v8jojd.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1583737_sgy1v8jojd.svg#iconfont') format('svg');
}
.Yc-icon{ font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
/*Public*/
.text-box{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;flex-direction:column;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column}
.box-flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.pull-overflow,.AcUi-overflow{overflow:hidden;}
.text-center .img-responsive{margin:auto;}
.container{padding: 0}
@media(max-width:760px){
    .container{padding:  0 5px;}
}
/*Weclome*/
#Welcome{background: #f2f2f2;height: 38px;line-height: 38px;-moz-box-shadow:0px 3px 8px rgba(0,0,0,.14); -webkit-box-shadow:0px 3px 8px rgba(0,0,0,.14); box-shadow:0px 3px 8px rgba(0,0,0,.14);font-size: 1.4rem;color: #b3b3b3;position: relative;z-index: 2}
#Welcome b{font-size: 1.8rem;color: #e60012;}
/*Header*/
#Header{height: 118px;background: #fff;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.Header-logo{width: 252px;height: 74px;background: url(../images/logo_1.png) no-repeat left center;margin-top: 22px;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.Header-logo a{display: block;width: 100%;height: 100%;text-indent: -999rem;opacity: 0}
.Header-nav{width: calc(100% - 350px);transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.Header-nav li{width: 16.66%;text-align: center;float: left;}
.Header-nav li a{display: block;line-height: 118px;font-size: 1.6rem;color: #454545;position: relative;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.Header-nav li a:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 4px;background: transparent;content: ""}
.Header-nav li:hover a,.Header-nav li.active a{background: #f0f0f0}
.Header-nav li:hover a:after,.Header-nav li.active a:after{background: #ff0000}
.Header-button{margin-right:2%;margin-top:5px;position:relative; height:50px;width:30px;cursor:pointer;}
.Header-button:after,.Header-button:before{position:absolute;left:0;width:100%;height:2px;background:#bba572;content:"";transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.Header-button:after{bottom:13px;}
.Header-button:before{top:13px;}
.Header-button span{display:block;height:2px;width:100%;background:#bba572;position:absolute;top:50%;left:0;border-radius:2px;margin-top:-1px;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.Header-button.active:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform-origin:0 100%;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;left:5px;bottom:13px;}
.Header-button.active:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform-origin:0 100%;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;top:13px;left:5px;}
.Header-button.active span{opacity:0}
@media (min-width:993px) {
    #Header.active{position: fixed;left: 0;top: 0;width: 100%;z-index: 10;height: 80px;}
    #Header.active .Header-logo{height: 50px;margin-top: 15px;background-size: contain}
    #Header.active .Header-nav{width: calc(100% - 500px)}
    #Header.active .Header-nav li a{line-height: 80px}
}
@media(max-width:992px) and (min-width:768px){
    .Header-nav{width: calc(100% - 270px)}
}
@media(max-width:760px){
    #Header{position: fixed;left: 0;top: 0;width: 100%;height: 60px;z-index: 10;-moz-box-shadow:0px 6px 11px rgba(0,0,0,.1); -webkit-box-shadow:0px 6px 11px rgba(0,0,0,.1); box-shadow:0px 6px 11px rgba(0,0,0,.1);}
    .Header-logo{height: 50px;width: 70%;margin-top: 5px;background-size: contain;margin-left: 2%}
}
/*Nav*/
nav{position: fixed;left: 0;top: -150%;width: 100%;z-index: 9;height: auto;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;background: #bba572}
nav a{width: 100%;line-height: 34px;border-bottom: solid 1px #a3843b;border-top: solid 1px #ccbd9b;font-size: 1.4rem;display: block;text-align: center;color: #fff}
nav a:hover,nav a.active{background: #eec25c;color:#fff;}
nav.active{top: 60px}
/*Banner*/
.banner-pagination span{background: #ff0000}
@media(max-width:760px){
    #Banner{margin-top: 60px;}
}
/*Main*/
#Main{background: #bba572;}
#Main .container{padding: 0 16px}
.Home-title-cn{font-size: 3.2rem;color: #141414;font-weight: bold;position: relative;line-height: 1;padding-bottom: 10px;margin-bottom: 10px;}
.Home-title-cn:after{position: absolute;left: 50%;bottom: 0;width: 42px;height: 4px;background: #d90011;content: "";margin-left: -21px;}
.Home-title-en{font-size: 1.4rem;line-height: 1;text-transform: uppercase;color: #fff;}
.Home-more a{display: block;width: 180px;height: 37px;background: #ff0000;color: #fff;border-radius: 18px;line-height: 37px;margin: auto;font-size: 1.6rem;color: #fff;}
@media(max-width:760px){
    #Main .container{padding: 0 5px;}
    .Home-title-cn{font-size: 2.4rem}
    .Home-title-en{font-size: 1.2rem}
}
/*Home About*/
.Home-About{padding-top: 45px;padding-bottom: 40px;position: relative;border-bottom: solid 1px #99875d}
.Home-About-box{margin-top: 30px;}
.Home-About-left{padding-left: 0;width: 37%;}
.Home-About-left a{display: block;background: #fff;padding: 6px;overflow: hidden;-moz-box-shadow:0px 0px 8px rgba(0,0,0,.14); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.14); box-shadow:0px 0px 8px rgba(0,0,0,.14);}
.Home-About-right{width: 63%;padding-left: 30px;}
.Home-About-text{font-size: 1.6rem;color: #fff;line-height: 30px;}
.Home-About-nav{margin-top: 40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.Home-About-nav li{display: block}
.Home-About-nav a{width: 130px;height: 44px;background: #ff0000;border:solid 1px #ff0000;display: block;position: relative;font-size: 1.8rem;color: #fff;line-height: 44px;text-align: center;position: relative;z-index: 3}
.Home-About-nav a:after{position: absolute;right: -5px;top: -5px;border: solid 1px #ff0000;width: 100%;height: 100%;background: transparent;content: "";z-index: -1}
/*.Home-About-nav li:hover a{background: #fff;color: #ff0000}*/
@media(max-width:1080px) and (min-width:993px){
    .Home-About-text{font-size: 1.4rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
    .Home-About-nav{margin-top: 20px}
}
@media(max-width:992px) and (min-width:768px){
    .Home-About-text{font-size: 1.4rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
    .Home-About-nav{margin-top: 25px}
    .Home-About-nav a{width: 90px;font-size: 1.4rem}
}
@media(max-width:760px){
    .Home-About{padding-top: 30px;padding-bottom: 30px;}
    .Home-About-left{width: 100%;margin-bottom: 20px;}
    .Home-About-right{width: 100%;padding-left: 0}
    .Home-About-text{font-size: 1.4rem;text-indent: 2rem}
    .Home-About-nav{display: block;overflow: hidden}
    .Home-About-nav li{width: 25%;float: left;padding: 5px;}
    .Home-About-nav li a{display: block;width: 100%;font-size: 1.4rem;height: 34px;line-height: 34px}
}
/*Home Case*/
.Home-Case{border-top: solid 1px rgba(255,255,255,.36);border-bottom: solid 1px #99875d;padding-top: 65px;padding-bottom: 50px;}
.Home-Case-nav{margin-top: 25px;overflow: hidden;position: relative;margin-bottom: 30px;}
.Home-Case-nav:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: rgba(255,255,255,.3);content: ""}
.Home-Case-nav a{display: inline-block;margin: auto 4.5%;font-size: 1.8rem;color: #fff;position: relative;padding-bottom: 25px;}
.Home-Case-nav a:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: transparent;content: ""}
.Home-Case-nav a:hover,.Home-Case-nav a.active{color: #d90011}
.Home-Case-nav a:hover:after,.Home-Case-nav a.active:after{background: #d90011}
.Home-Case-box ul li{background: #fff;border: solid 1px #dddddd;padding: 6px;transition: ease .3s;-webkit-transition: ease .3s;-ms-transition: ease .3s;-o-transition: ease .3s;}
.Home-Case-img{position: relative;overflow: hidden}
.Home-Case-more{position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.42);transition: ease .8s;-webkit-transition: ease .8s;-ms-transition: ease .8s;-o-transition: ease .8s;}
.Home-Case-more span{display: inline-block;border: solid 1px rgba(255,255,255,.59);padding: 5px 15px;font-size: 1.6rem;color: #fff;}
.Home-Case-box ul li h3{line-height: 54px;font-size: 1.6rem;color: #595959;text-align: center;transition: ease .3s;-webkit-transition: ease .3s;-ms-transition: ease .3s;-o-transition: ease .3s;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.Home-Case-box ul li:hover .Home-Case-more{left: 0}
.Home-Case-box ul li:hover{background: #ff0000;border-color: #ff0000}
.Home-Case-box ul li:hover h3{color: #fff;}
@media (max-width:1080px) and (min-width:993px) {
    .Home-Case-nav a{margin: auto 3.5%}
}
@media(max-width:992px) and (min-width:768px){
    .Home-Case-nav a{margin: auto 2.5%;font-size: 1.6rem}
}
@media(max-width: 760px){
    .Home-Case{padding: 30px 0}
    .Home-Case-nav{overflow: hidden}
    .Home-Case-nav a{font-size: 1.3rem;float: left;width: 16.66%;margin: auto;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
    .Home-Case-box ul li h3{font-size: 1.4rem;line-height: 34px;}
}
/*Home Team*/
.Home-Team{border-top: solid 1px rgba(255,255,255,.36);border-bottom: solid 1px #99875d;padding: 50px 0 40px;}
.swiper-team{margin-top: 20px;margin-bottom: 40px;}
.swiper-team ul li{background: #fff;transition: ease .3s;-webkit-transition: ease .3s;-ms-transition: ease .3s;-o-transition: ease .3s;}
.swiper-team ul li h4{font-size: 1.6rem;color: #595959;line-height: 60px;transition: ease .3s;-webkit-transition: ease .3s;-ms-transition: ease .3s;-o-transition: ease .3s;}
.Home-Team-img{position: relative;overflow: hidden}
.Home-Team-text{position: absolute;left: 0;bottom: -150%;width: 100%;height: 100%;background: rgba(0,0,0,.42);transition: ease .8s;-webkit-transition: ease .8s;-ms-transition: ease .8s;-o-transition: ease .8s;padding: 0 17%}
.Home-Team-text h3{font-size: 1.6rem;color: #fff;margin-bottom: 15px;}
.Home-Team-text p{font-size: 1.4rem;color: #fefefe;line-height: 24px;margin-bottom: 20px;}
.Home-Team-text i{border: solid 2px #fff;width: 40px;height: 40px;border-radius: 50%;line-height: 36px;font-size: 2.4rem;color: #fff;}
.swiper-team ul li:hover{background: #ff0000}
.swiper-team ul li:hover h4{color: #fff;}
.swiper-team ul li:hover .Home-Team-text{bottom: 0}
@media(max-width:760px){
    .swiper-team ul li h4{line-height: 34px;font-size: 1.4rem}
}
/*Home News*/
.Home-News{padding-bottom:80px;border-top: solid 1px rgba(255,255,255,.36);padding-top: 40px}
.Home-News-title{line-height: 56px;padding-bottom: 6px;position: relative;margin-bottom: 30px;}
.Home-News-title:before,.Home-News-title:after{position: absolute;bottom: 0;left: 0;content: ""}
.Home-News-title:before{width: 100%;height: 1px;background: #dedede}
.Home-News-title:after{width: 128px;height: 3px;background: #e60012}
.Home-News-title h2{font-size:3.2rem;color:#e60012;font-weight: bold;line-height: 56px;}
.Home-News-title h2 span{font-size: 1.4rem;color: #e60012;font-weight: normal;text-transform: uppercase}
.Home-News-title a{font-size: 1.4rem;color:#fff;line-height: 56px;text-transform: uppercase;}
.Home-News-one{padding: 0 20px 0 0;width: 440px;}
.Home-News-one a{display: block;overflow: hidden}
.Home-News-txt{background: rgba(255,255,255,.1);padding: 25px 30px 30px;}
.Home-News-time{width: 75px;}
.Home-News-time b{font-size: 3.2rem;line-height: 1;color: #fff;display: block;text-align: left;}
.Home-News-time p{font-size: 1.2rem;color:#fff;opacity: .55;line-height:1.5}
.Home-News-one-title h3{width: calc(100% - 75px);border-bottom: solid 1px rgba(255,255,255,.17);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-bottom: 15px;font-size: 1.6rem;color: #fff;line-height: 26px;}
.Home-News-txt>p{font-size: 1.4rem;color: #fff;line-height: 2;margin-top: 5px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.Home-News-right{width: calc(100% - 480px);background: rgba(255,255,255,.1);padding: 20px 30px 0;}
.Home-News-list li{margin-bottom: 25px;overflow: hidden;}
.Home-News-list li a{display: block;overflow: hidden;position: relative}
.Home-News-list-text {transition: ease .3s;-webkit-transition: ease .3s;-ms-transition: ease .3s;-o-transition: ease .3s}
.Home-News-list-text h2{font-size: 1.6rem;color: #fff;border-bottom: solid 1px rgba(255,255,255,.08);padding-bottom: 18px;margin-bottom: 15px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.Home-News-list-text h2 span{font-size: 1.4rem;color: #fff;}
.Home-News-list-text p{font-size: 1.2rem;font-family: SimSun;line-height: 2;display: none;color: #fff;}
.Home-News-list-time{position: absolute;right: 100px;top: 0;visibility: hidden;opacity: 0;transition: ease .3s;-webkit-transition: ease .3s;-ms-transition: ease .3s;-o-transition: ease .3s}
.Home-News-list-time p{font-size: 1.2rem;color:rgba(255,255,255,.55);text-align: center;}
.Home-News-list-time p b{font-size: 2.8rem;color: #fff;display: block;line-height: 1}
.Home-News-list-time i{display: block;margin-top: 30px;font-size: 1.2rem;color: #555555;text-align: center}
.Home-News-list li.active .Home-News-list-text{width: calc(100% - 105px);float: left}
.Home-News-list li.active h2 span{display: none}
.Home-News-list li.active .Home-News-list-text p{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.Home-News-list li.active .Home-News-list-time{visibility: visible;opacity: 1;right: 0}
.Home-News-list li:hover h2,.Home-News-list li.active h2{color: #e60012}
@media (max-width: 1024px) {
    .Home-News-one{width: 400px;}
    .Home-News-right{width: calc(100% - 420px)}
    .Home-News-txt{padding: 17px 20px 25px}
    .Home-News-list-text h2 span{display: none}
    .Home-News-list-text h2{padding-bottom: 10px;}
}
@media (max-width: 992px) {
    .Home-News-one{width: 45%}
    .Home-News-right{width: 55%}
    .Home-News-list-text h2{margin-bottom: 12px;}
    .Home-News-list li{margin-bottom: 16px}
    .Home-News-list li.active .Home-News-list-text p{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
}
@media (max-width: 760px) {
    .Home-News{padding-bottom: 30px}
    .Home-News-title h2{font-size: 1.8rem}
    .Home-News-title h2 span{font-size: 1.2rem;}
    .Home-News-one{width: 100%;padding: 0;margin-bottom: 30px}
    .Home-News-right{width: 100%;padding: 20px 15px 0}
    .Home-News-list li{margin-bottom: 10px;}
    .Home-News-list-text h2{font-size: 1.4rem}
    .Home-News-list-text p{margin-bottom: 20px;}
    .Home-News-list-time i{margin-top: 20px;}
    .Home-News-list li.active .Home-News-list-text{width: calc(100% - 80px)}
}
/*Footer*/
#Footer{background: #242424;padding-top: 45px;}
.Footer-left{width: 65%;}
.Footer-nav{margin-bottom: 25px;font-size: 1.6rem;color:rgba(255,255,255,.16)}
.Footer-nav a{display: inline-block;padding:0 25px;position: relative;color:#fff}
.Footer-nav a:after{position: absolute;right: 0;top: 50%;width: 1px;height: 16px;background: rgba(255,255,255,.63);content: "";margin-top: -8px;}
.Footer-nav a:first-child{padding-left: 0}
.Footer-left dl dd{pdding-left: 0;font-size: 1.4rem;color:rgba(255,255,255,.63);line-height: 1.8;}
.Footer-left dl dd a{color:rgba(255,255,255,.63);}
.Footer-right div{font-size: 1.4rem;color: rgba(255,255,255,.63);}
.Footer-right div span{margin-top: 10px;display: block}
.Footer-right div:first-child{margin-right: 75px;}
.Footer-copyright{margin-top: 40px;background: #0c0c0c;padding: 30px 0;position: relative;font-size: 1.4rem;color: #d4d4d4}
.Footer-copyright a{color: #d4d4d4}
.Footer-copyright i{position: absolute;left: 50%;top: -50px;width: 154px;height: 51px;margin-left: -77px;line-height: 51px;transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-ms-transform: rotate(-180deg);-o-transform: rotate(-180deg);cursor: pointer}
.Footer-copyright:before{position: absolute;left: 50%;top: -50px;width: 154px;height: 51px;margin-left: -77px;background: url(../images/backg_5.png) no-repeat top center;content: ""}
@media(max-width:1080px) and (min-width: 993px){
    .Footer-nav a{padding: 0 15px;}
}
@media(max-width:992px) and (min-width:768px){
    .Footer-left{width: 100%;}
    .Footer-right{width: 100%;margin-top: 30px;text-align: center}
    .Footer-right>div{display: inline-block;float: none!important;}
}
@media(max-width: 760px){
    #Footer{padding-top: 30px;margin-bottom: 60px;}
    .Footer-left{width: 100%;margin-bottom: 20px;}
    .Footer-tel{width:100%}
    .Footer-left dl dd{border-bottom: solid 1px #8a7137;line-height: 40px;border-top: solid 1px rgba(255,255,255,.1)}
    .Footer-left dl dd:first-child{border-top: none}
    .Footer-right{width: 100%;margin-top: 30px;text-align: center}
    .Footer-right>div{display: inline-block;float: none!important;}
    .Footer-copyright{padding: 14px;font-size: 1.2rem}
}
/* Footer Button */
footer{height:60px;background:#bba572;border-top:solid 1px #968150;z-index: 9;}
footer a{border-top:solid 1px #968150;border-right:solid 1px #d2bd8c;height:60px;border-left:solid 1px #968150;text-align:center;overflow:hidden}
footer a i.Yc-icon{line-height:30px;height:30px;color:#fff;font-size:2.6rem;margin-top:5px;display:block}
footer a span{font-size:14px;color:#fff;}
/*Page Public*/
#Main.Page-Main .container{padding: 0;background: #fff}
.Page-Banner{background-size: auto 100%;background:  url(../images/banner_2.jpg) no-repeat fixed top center;height: 650px;position: relative}
.Page-Banner:after{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(92,68,13,.5);content:"";z-index:0}
.Page-Banner-container{position:absolute;left:0;top:20%;width:100%;z-index:1}
.Page-public-title{font-size:3rem;color:#fff;position: relative;padding-bottom: 22px}
.Page-public-title:after{position: absolute;left: 50%;bottom: 0;width: 40px;height: 2px;margin-left: -20px;background: #ff0000;content: ""}
.Page-public-fitle{font-size:4rem;font-family:"Agency FB";text-transform:uppercase !important;color:rgba(255,255,255,.8);margin-top:20px;}
.Page-channle{text-align:center;margin-top:80px;}
.Page-channle li{display:inline-block;min-width:200px;height:40px;line-height:40px;font-size:1.4rem;border:solid 1px #e8cc8c;text-decoration:none;color:#fff;margin:0 13px 26px;border-radius: 4px;overflow: hidden}
.Page-channle li a{display:block;color:#fff;padding: 0 5px;}
.Page-channle li a:hover,.Page-channle li.active a{background:#e8cc8c;color:#fff}
.Page-container{position:relative;z-index:2;background:#f5f5f5;padding-bottom: 40px;}
.Page-container .Page-top{position:relative;top:-105px;padding:10px;margin:0 auto -70px}
.Page-text{font-size:14px;color:#333;line-height:2}
.Page-text img{max-width:100% !important; height:auto !important}
.Page-container .Page-top .Page-text{background:#fff;padding:40px}
@media(max-width:1080px){
    .Page-Banner{background-attachment:scroll;}
    .Page-Banner-container{position:absolute}
    .Page-channle{padding:0}
}
@media(min-width:993px) and (max-width:1024px){
    .Page-Banner{height:75vh}
    .Page-Banner-container{top:30%;padding:0}
    .Page-container .Page-top{top: -50px}
    .Page-channle li{min-width:200px;margin-bottom:15px;}

}
@media(min-width:768px) and (max-width:992px){
    .Page-Banner{height:67vh}
    .Page-Banner-container{top:25%;}
    .Page-channle li{min-width:156px;margin-bottom:15px;}
}
@media(max-width:760px){
    .Page-Banner{height:50vh;}
    .Page-Banner-container{top:25%;}
    .Page-public-fitle{font-size:3rem;}
    .Page-channle{margin-top:30px;}
    .Page-channle li{min-width:90px;height:24px;line-height:24px;font-size:12px;margin:0 5px 10px;}
    .Page-container{padding:0 5px 60px;}
    .Page-container .Page-top{top:-30px}
    .Page-container .Page-top .Page-text{padding: 15px;}
}
@media(min-width:736px) and (max-width:760px){
    .Page-Banner{height:60vh;}
    .Page-Banner-container{top:18%;}
    .Page-channle li{width:120px;margin-bottom:15px;}
    .Page-channle{margin-top:15px;}
}
/*Page img list*/
.Page-img-list{background: #fff;padding:20px 10px }
.Page-img-list li{padding: 0 10px;margin-bottom: 30px;}
.Page-img-list li a{display: block;width: 100%;height: 360px;background-repeat: no-repeat;background-size: cover;background-position: center;border: solid 1px #e1d4b7}
.Page-img-list li span{display: block;border: solid 1px #e1d4b7;border-top: none;line-height: 40px;text-align: center;font-size:16px;color:#333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Page-img-list li:hover span{background: #ff0000;color: #fff;border-color: #ff0000}
.Page-img-list li:hover a{border-color: #ff0000}
@media(max-width:760px){
    .Page-img-list{padding: 10px 0}
    .Page-img-list li{padding: 0 5px;margin-bottom: 15px;}
    .Page-img-list li a{height: 200px}
}
/*Page Case*/
.Page-Case-list{padding: 20px 10px;}
.Page-Case-list li{padding: 0 10px;margin-bottom: 20px;}
.Page-Case-list li a{display: block;border: solid 1px #ddd;padding: 6px;background: #fff;border-radius: 4px;}
.Page-Case-list li img{width: 100%;transition: ease .3s;-webkit-transition: ease .3s;-ms-transition: ease .3s;-o-transition: ease .3s}
.Page-Case-img{overflow: hidden;}
.Page-Case-list li h3{font-size: 1.4rem;color: #333;line-height: 2;padding-top: 10px;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.Page-Case-list li:hover .Page-Case-img img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2)}
.Page-Case-list li:hover a{display: block;background: #ff0000;border-color: #ff0000}
.Page-Case-list li:hover h3{color:#fff;}
@media(max-width:760px){
    .Page-Case-list{padding: 10px 0}
    .Page-Case-list li{padding: 0 5px;}
}
/*Page Case details*/
.Page-Case-details{padding: 30px}
.Page-title{font-size: 3rem;color: #000}
.Page-sunmary{border:dashed 1px #ddd;margin-top: 30px;padding: 20px;margin-bottom: 30px;}
.Page-sunmary span{font-size: 1.6rem;color: #999;display: block;margin-bottom: 10px;}
.Page-sunmary .Page-text{color: #666;text-indent: 2rem}
.Page-Case-details .Page-text{padding: 0 !important;}
@media(max-width:760px){
    .Page-Case-details{padding: 20px 0}
    .Page-title{font-size: 2rem;}
    .Page-sunmary{margin-top: 20px;margin-bottom: 20px;padding: 15px;}
    .Page-sunmary span{font-size: 1.4rem;}
    .Page-sunmary .Page-text{font-size: 1.2rem}
}
/*Page team*/
.Page-team-list{padding: 30px}
.Page-team-list li{border-bottom: dashed 1px #ddd;padding-bottom: 20px;margin-bottom: 20px;}
.Page-team-img{width: 262px;}
.Page-team-right{width: calc(100% - 262px);padding-left: 50px;}
.Page-team-right h2{font-size: 2rem;color: #bba572;}
.Page-team-office{margin-top: 10px;font-size: 1.4rem;color: #dcc99d;margin-bottom: 15px;}
.Page-team-text{margin-top: 25px;}
.Page-team-text span{font-size: 1.4rem;color: #333;}
.Page-team-text p{font-size: 1.4rem;color: #666;text-indent: 2rem;margin-top: 10px;}
@media(max-width:760px){
    .Page-team-list{padding: 20px 10px;}
    .Page-team-img{width: 40%}
    .Page-team-right{width: 60%;padding-left: 20px;}
    .Page-team-right h2{font-size: 1.6rem}
    .Page-team-office{font-size: 1.2rem;margin-top: 5px;margin-bottom: 5px;}
    .Page-team-text{font-size: 1.4rem;margin-top: 10px;}
    .Page-team-text span{font-size: 1.2rem}
    .Page-team-text p{font-size: 1.2rem}
}
/*Page News*/
.Page-News-list{padding: 20px 10px}
.Page-News-list li{margin-bottom: 10px;padding: 10px;}
.Page-News-list li a{display: block;transition: ease .3s;-webkit-transition: ease .3s;-moz-transition: ease .3s;-o-transition: ease .3s;padding: 8px;}
.Page-news-img{width: 200px;}
.Page-news-text{width: calc(100% - 200px);padding-left: 20px;}
.Page-news-text h2{font-size: 1.8rem;color:#333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 1.8}
.Page-news-text p.Page-news-sunmary{margin-top:5px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-size: 1.4rem;color: #999;line-height: 1.6;max-height: 66px;}
.Page-news-text p.Page-news-time{margin-top: 10px;font-size: 1.2rem;color: #ddd}
.Page-News-list li:hover a{transform: translateY(-5px);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-box-shadow:0px 0px 5px #CCCCCC; -webkit-box-shadow:0px 0px 5px #CCCCCC; box-shadow:0px 0px 5px #CCCCCC;background: #bba572}
.Page-News-list li:hover h2{color: #fff}
.Page-News-list li:hover  p.Page-news-sunmary{color: rgba(255,255,255,.7)}
.Page-News-list li:hover  p.Page-news-time{color: rgba(255,255,255,.4)}
@media(max-width:760px){
    .Page-News-list{padding: 0 0 30px}
    .Page-News-list li{padding: 5px 0;border-bottom: dashed 1px #ddd;margin-bottom: 0px}
}
/*Page News details*/
.Page-News-details{padding: 30px}
.Page-info{border-bottom: dashed 1px #ddd;margin-bottom: 30px;margin-top: 10px;font-size: 1.2rem;font-family: SimSun;padding-bottom: 20px;color: #999}
.Page-info span{margin: auto 5%}
.Page-News-details .Page-text{padding: 0 !important}
@media(max-width: 760px){
    .Page-News-details{padding: 15px 5px;}
}
/*Page online*/
.Page-line-box{background:#fff;padding:30px 30px 20px;}
.Page-line-box .form-group{position:relative;padding-top:20px;}
.Page-line-box .form-group p{position:absolute;left:1%;top:20px;line-height:34px;transition:all  0.3s linear 0.1s;-webkit-transition:all 0.3s linear 0.1s;-moz-transition:all 03s linear 0.1s;-o-transition:all 0.3s linear 0.1s;font-size:12px;}
.Page-line-box .form-group button{transition:all  0.3s linear 0.1s;-webkit-transition:all 0.3s linear 0.1s;-moz-transition:all 03s linear 0.1s;-o-transition:all 0.3s linear 0.1s;width:120px;}
.Page-line-box .form-group button:hover{background:#602826;color:#fff;border-color:#602826}
/*Page contact*/
.Page-contact-box{background:#fff;padding:45px 30px;}
.Page-contact-box .Page-text{padding: 0 !important}
.Page-contact-box img{margin:auto}
.Page-map{margin-bottom:30px;}
@media(max-width:760px){
    .Page-contact-box{padding:20px 5px}
    .Page-contact-box .text-center{margin-top:15px;}
}
/*Page*/
.Page{margin-bottom:40px;}
.Page a,.Page b{display:inline-block;border:solid 1px #efefef;line-height:24px;font-size:12px;font-family:SimSun;padding:0 8px;color:#333;font-weight:normal;background: #efefef;border-radius: 2px;}
.Page a:first-child{display: none}
.Page b{background:#ff0000;border-color:#ff0000;color:#fff;}
.Page a:hover{background:#ff0000;color:#fff;border-color:#ff0000}
.pernext{border-top:dashed 1px #ddd;border-bottom:dashed 1px #ddd;margin-top:30px;padding:10px 0}
.pernext span{color:#333;line-height:2;width:50%;}
.pernext span a{color:#333}
.pernext span.pull-right{border-left:dashed 1px #ddd;text-align:right}
.pernext span:hover,.pernext span:hover a{color:#ff0000}
@media(max-width:760px){
    .Page{margin-bottom: 30px;}
    .pernext span{width:100%;float:none;display:block;}
    .pernext span.pull-right{text-align:left;margin-top:10px;border-top:dashed 1px #ddd;padding-top:10px;border-left:none;}
}