@charset "utf-8";
/* CSS Document */
html,body,p,div{margin:0;padding:0}
h1, h2, h3, h4, h5, h6, button, input, select, textarea{font-size:100%; font-weight:normal; margin:0; padding:0;}
fieldset, img{border:0}
address, caption, cite, code, em, i, strong, th, var{font-style:normal}
img{ border: none; outline:none;}
ol,ul,li{list-style:none;margin:0;padding:0;outline:none;}
table{border-collapse:collapse; border-spacing:0}
label{cursor:default}
input,textarea{ outline:none;outline:none;}
audio,canvas,progress,video {display: inline-block;/* 1 */vertical-align: baseline;/* 2 */*display: inline;/* 3 */*zoom: 1/* 3 */}
a{text-decoration:none; cursor:pointer;}
a{color:inherit;}
a:link{text-decoration:none;}
.clear{clear:both;}
.clearfix:before, .clearfix:after { content: ""; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; } 
/* 重置表单样式 */
select::-ms-expand { display: none; }
input,select,textarea{box-shadow: none;outline: none;border: none;border-radius: 0;-ms-appearance: none;-moz-appearance: none;-webkit-appearance:none;-webkit-appearance:none;  padding: 0;}
select::-ms-expand { display: none; }
/* remove iPhone中默认的input样式 */
input,select,textarea,button{appearance:none; -o-appearance:none; -ms-appearance:none; -moz-appearance:none; -webkit-appearance:none; resize: none; border-radius:0; outline: none; border:none; background-color:transparent; font-family:inherit; font-size:inherit; color:inherit; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; vertical-align:middle;outline:none;}
input[type="button"],input[type="radio"],input[type="checkbox"],input[type="submit"],button {cursor:pointer;outline:none;}
textarea::-webkit-input-placeholder{color:#999 !important}
textarea::-moz-placeholder{color:#999 !important}
textarea:-moz-placeholder{color:#999 !important}
textarea:-ms-input-placeholder{color:#999 !important}
input::-webkit-input-placeholder{color:#999 !important}
input::-moz-placeholder{color:#999 !important}
input:-moz-placeholder{color:#999 !important}
input:-ms-input-placeholder{color:#999 !important}

/*scrollbar*/
::-webkit-scrollbar{width:0px}
::-webkit-scrollbar-track{background:#f7f7f7;border-radius:0px}
::-webkit-scrollbar-thumb{background:#999;border-radius:0px}
::-webkit-scrollbar-thumb:hover{background:#b72024}
@keyframes wSkewIn{from{transform:skew(0deg,10deg) translateY(50px);opacity:0}
to{transform:skew(0deg,0deg) translateY(0px);opacity:1}
}
@keyframes wSkewOut{from{transform:skew(0deg,0deg) translateY(0px);opacity:1}
to{transform:skew(0deg,10deg) translateY(50px);opacity:0}
}

/*w-scroll-ani*/
.w-scroll-ani{opacity:0}
body.wd-show .w-scroll-ani.scrolled{animation:fadeInUp 0.5s both;animation-delay:0.2s}
/*fonts*/
@font-face{font-family:'Montserrat-Regular';url('fonts/Montserrat-Regular.otf') format('opentype');url('fonts/Montserrat-Regular.ttf') format('truetype');url('fonts/Montserrat-Regular.woff') format('woff')}
@font-face{font-family:'Jaguar-ExtraBold';url('fonts/Jaguar-ExtraBold.otf') format('opentype')}
@font-face {
    font-family:'Helvetica';
    src: url('fonts/Helvetica.eot');
    src: url('fonts/Helvetica.eot?#iefix') format('embedded-opentype'), url('fonts/Helvetica.woff2') format('woff2'), url('fonts/Helvetica.woff') format('woff'), url('fonts/Helvetica.ttf') format('truetype'), url('fonts/Helvetica.svg#Helvetica') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family:'HelveticaNeue';
    src: url('fonts/HelveticaNeueLight.eot');
    src: url('fonts/HelveticaNeueLight.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeueLight.woff2') format('woff2'), url('fonts/HelveticaNeueLight.woff') format('woff'), url('fonts/HelveticaNeueLight.ttf') format('truetype'), url('fonts/HelveticaNeueLight.svg#HelveticaNeueLight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family:'Helvetica';
    src: url('fonts/Helvetica-Bold.eot');
    src: url('fonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Helvetica-Bold.woff2') format('woff2'), url('fonts/Helvetica-Bold.woff') format('woff'), url('fonts/Helvetica-Bold.ttf') format('truetype'), url('fonts/Helvetica-Bold.svg#Helvetica-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
/*fonts*/
h1,h2,.h1,.h2{font-family:Helvetica,Arial,sans-serif;font-weight:bold;}
body,html{font-family:Helvetica,"Helvetica Neue", Arial,Tahoma,"Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;font-weight:normal;} 
.en{font-family:Helvetica,Arial,sans-serif;}

/**/
body{background-attachment:fixed; background:url('../images/bottombg.jpg') no-repeat center bottom #000;background-size:cover;}
/*.container{width:83.33333333333333%;margin: 0 auto;}*/ 
.container{width:90%; max-width:1600px;margin: 0 auto;}
.layout{width:94.79166666666667%;margin: 0 auto;}
.w1400{width: 1400px;margin: 0 auto;}	
.w1650{ padding:0 3.90625%;}	
@media (max-width:1600px) {
.w1400{width:1200px;}
}
@media (max-width:1270px) {
.w1400{ width:93.75%;}
.w1650{ padding:0;}	
}
@media (max-width:768px) {
	.container{ width:94%;}
.w1400{ width:93.75%;}
.w1650{ padding:0;}	
}


/*header*/
.header{ height:100px; position: fixed;width:100%; z-index:99;}
.header .headerBox{position:relative; margin:0 auto;}
.header .logo{ position:absolute; left:0;top:0; line-height:100px;}
.header .logo a{ display:inline-block; line-height:24px; vertical-align:middle;}
.header .toplogo{ padding-right:32px;background: url('../images/top-line.png') no-repeat right center;}
.header .toplogo img{max-height:24px;vertical-align:middle;}
.header .home{ margin-left:32px;padding-left:27px; font-size:14px;color:#ffffff;background: url('../images/home.png') no-repeat left center;background-size:14px;}


.header .close,.header .menu,.headerBg{ display:none;}
.header .top-right{}
.header{-webkit-transition:all .2s ease;-o-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;}
.header.topfix{-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.2);box-shadow: 0px 0px 8px rgba(0,0,0,0.2); background-color:#303030;}
/*pc one*/
.header .nav{text-align:right; display:block!important; }
.header .nav .one{padding:0 0;display:inline-block;}
.header .nav .one > li{float:left;width:120px;text-align:center;line-height:100px;overflow:unset;z-index:999;justify-content:center;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; position:relative;}
.header .nav .one > li:after{content:'';width:100%;height:0;display:block;position:absolute;left:0;bottom:0;transition:all 0.6s ease;}
.header .nav .one > li:hover:after{height:1px;border-bottom:1px solid #b49167;height:1px;transition:all 0.6s ease;}
.header .nav .one > li .a1{display:inline-block;font-size:15px;color:#fff;line-height:30px;}
.header .nav .one > li.on .a1,
.header .nav .one > li:hover .a1{color:#b49167;}

.header.topfix .nav .one > li.active:after{height:1px;border-bottom:1px solid #b49167;height:1px;transition:all 0.6s ease;}
.header.topfix .nav .one > li.active .a1{color:#b49167;}

/*toplan*/
.header .nav .one > li.enli{ padding-right:0!important}
.header .nav .one > li.enli .enli_a{display:inline-block; font-size:14px; color:#fff;line-height:30px;padding:0 30px;border-radius:30px; background:#b49167;transition:all 0.6s ease;}
.header .nav .one > li.enli:after{ display:none;}
.header .nav .one > li.enli .enli_a:hover {transform: translateY(-6px);}
/*pc two*/
.header .two {background-color:#000;background-color:rgba(34,34,34,0.74);position:absolute;line-height: 60px;font-size: 0;box-shadow: 0px 5px 9.9px 0.1px rgba(155, 155, 155, 0.1); width:170px; margin-left:0;padding:5%;visibility: hidden;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s ;-o-transition: all 0.4s;transition: all 0.4s;transform: translateY(-5px);filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0}
.header .two li {display:block;text-align:left;position:relative}
.header .two li.noall{ display:none!important;}
.header .two li:after{content:'';width:0%;height:1px;border-bottom:1px solid #b4b5b5;display:inline-block;position:absolute;transition:all 0.6s ease;left:0;bottom:0}
.header .two li:hover:after{width:100%!important;height:1px;border-bottom:1px solid #b49167;transition:all 0.6s ease}
.header .two a {display: block;font-size:14px;line-height:30px;padding:8px 5%;color:#d0d0d0;}
.header .two a:hover {color: #b49167;}

.header .nav .one > li:hover .two{visibility:visible;transform: translateY(0);filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1}
@media (max-width: 1600px){
.header{ height:92px;}
.header .logo{line-height:92px;}
.header .nav .one > li{width:auto;line-height: 92px;text-align: center;padding: 0 20px;}
.header .nav .one > li .a1{font-size: 15px!important;color: #e0e0e0;}
.header .nav .one > li.enli .enli_a{padding:0 20px;}
}
@media screen and (min-width: 992px) and (max-width: 1220px) {
.header .toplogo{ padding-right:20px;}
.header .toplogo img{max-height:20px;}
.header .home{ margin-left:24px;padding-left:26px;background-size:14px;}
.header .nav .one > li .a1{font-size: 14px!important;}
.header .nav .one > li{padding: 0 15px;}
}
@media (max-width: 992px){
.header{ position:fixed; left:0; top:0; height:60px; z-index:100; box-shadow: 0 0 15px rgba(0,0,0,.2);}
.headerBg{height:60px;}
.header .close,.header .menu,.headerBg{ display: block;}
.header .logo{left:2%;top:0;line-height:60px;}
.header .top-right{padding-right:0;}
.header .nav{ position:fixed; left:-100%; top:0;margin:0; width:100%;text-align:left; height:100%; z-index:300;-webkit-transition: left 0.3s ease-in-out;-moz-transition: left 0.3s ease-in-out;-ms-transition: left 0.3s ease-in-out;-o-transition: left 0.3s ease-in-out;transition: left 0.3s ease-in-out;}
.header.active .nav{left:0;}
.header .nav .close{ background:url(../images/bgClose.png); position:absolute; width:100%; height:100%; left:0; top:0;-moz-transition: all 0.4s;-ms-transition: all 0.4s ;-o-transition: all 0.4s;transition: all 0.4s;}
.header .nav .close:after{ content:''; position:absolute; right:0;top:0; width:20%; height:60px;background:url(../images/close1.png) no-repeat center center #b49167; background-size:5vw;}
.header .nav .one{ position:absolute; width:80%;background:#130c04;overflow:auto; height:100%; z-index:1;text-align:left; display:block; margin:0;}
.header .nav .one > li{ margin-left:0;padding: 0 0 0 25px;}
.header a{ color:#fff;}
.header .nav .one > li{ border-bottom:1px solid #4a4a4a; float:none; margin:0; line-height:60px;text-align:left;}
.header .nav .one > li .a1{ font-size:14px; line-height:60px; display:block;border:none;color:#fff; text-align:left;}
.header .two{ border-top:1px solid #4a4a4a;position: static; margin:0;width:100%;border-radius:0;visibility:visible;transform: translateY(0);filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; display:none;-webkit-transition: all 0s;-moz-transition: all 0s;-ms-transition: all 0s ;-o-transition: all 0s;transition: all 0s;transform: translateY(0);background:none;box-shadow:none; padding:3% 0;}
.header .two a{ font-size:14px; line-height:35px;padding:0;padding-left:10px;text-align:left; }
.header .two a:hover{ background:#faca99; color:#333;}
.header .nav .one > li:hover:after{display:none;}
.header .menu{position:absolute;right:0;top:0;z-index:1;cursor:pointer;}
.header .menu,
.header .menu img{width:60px;height:60px;display:block;transition:all 1.4s;}
/*.header .menu.on img{ transform: rotate(360deg);}*/

.header .two li.noall{ display: block!important;}
}
@media (max-width: 768px){	
.header .nav .one > li .a1{ font-size:18px; line-height:60px;}
.header .two a{ font-size:16px; line-height:45px;}

.header .toplogo img{max-height:20px;}
.header .toplogo{ padding-right:0;background:none;}
.header .logo .home{ display:none;}
}



/*footer*/
.footer{width:100%;padding-top:90px; padding-bottom:70px;height:auto;background: url("../images/bottombg.jpg") no-repeat center top #1f1f1f; background-size:cover; background-attachment:fixed;}
/*bottom-logo*/
.footer .bottom-logo{font-size:14px;line-height:30px;color:#989898;margin-bottom:30px;}
.footer .bottom-logo img{max-width:200px;}
/*bottom-nav*/
.footer .bottom-top{ padding-bottom:140px;}
.footer .bottom-top .left{float:left;font-size:12px;line-height:26px;color:#5d6371;width:77%;}
.footer .bottom-top .left ul{height:auto;width:20%;float:left;}
.footer .bottom-top .left ul li{list-style-type:none;display:block;line-height:0;padding:0;margin:0;}
.footer .bottom-top .ulB{margin-right:77px;}
.footer .bottom-top .t1{font-size:18px;font-weight:bold;color:#fbe8cc;line-height:50px;margin-bottom:10px;text-transform:uppercase;border-bottom:1px solid #2e2f31; margin-right:77px;}
.footer .bottom-top .t1 a{display:inline-block;color:#faca99;}
.footer .bottom-top .t2{font-size:13px;}
.footer .bottom-top .t2 a{font-size:13px;display: inline-block;overflow:hidden;line-height:28px;color:#fff; position:relative; overflow:hidden;}
.footer .bottom-top .t2 a:hover,
.footer .bottom-top .t1 a:hover{color:#faca99;}
.footer .bottom-top .right{float:right;font-size:14px;line-height:26px;color:#fff;width:23%; text-align:left; max-width:290px;}
.footer .bottom-top .right strong{ font-weight:400; color:#d2c2aa;}
/*bq*/
.footer .bq{width:100%;font-size:14px;line-height:24px;color:#fff; padding-top:25px;border-top:1px solid #1f2022;} 
.footer .bq a{color:#fff;}
.footer .bq a:hover{color:#faca99;}
@media screen and (max-width:1600px) {
.footer{padding-top:80px; padding-bottom:60px;}
.footer .bottom-top{ padding-bottom:120px;}

.footer .bottom-top .ulB{margin-right:50px;}
.footer .bottom-top .t1{margin-right:50px;}
}
@media screen and (max-width:1220px) {
.footer{padding-top:70px; padding-bottom:50px;}
.footer .bottom-logo img{max-width: 180px;}
.footer .bottom-top{ padding-bottom:90px;}

.footer .bottom-top .ulB{margin-right:30px;}
.footer .bottom-top .t1{font-size:16px;line-height:40px;margin-right:30px;}
.footer .bottom-top .t2,
.footer .bottom-top .t2 a{font-size:12px;}

}
@media screen and (max-width:1024px) {.footer{background-attachment: inherit;}
.footer{padding-top:60px; padding-bottom:40px;}
.footer .bottom-logo img{max-width: 160px;}
.footer .bottom-top{ padding-bottom:70px;}
}
@media screen and (max-width:992px) {
.footer{padding-top:50px; padding-bottom:30px;}
.footer .bottom-logo{ text-align:center;margin-bottom:10px;}	
.footer .bottom-logo img{max-width: 150px;}
.footer .bottom-top{ padding-bottom:50px;}
.footer .bottom-top .left{width:100%; display:none;}	
.footer .bottom-top .right{width:100%; text-align:center;font-size:14px;line-height:30px; max-width:100%;}
.footer .bottom-top .right p{ margin-bottom:0;}
.footer .bq{ text-align:center;font-size:12px;line-height:22px; padding-top:20px;}
}


/*footer detail-share*/
.detail-share{position: relative; margin-top:10px;}
.detail-share a{margin-right:6px;width:40px;height:40px;border-radius:40px;display:inline-block;overflow:hidden;-moz-transition:all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.detail-share a img{ width:100%;}
.detail-share a:hover{-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px);}
.detail-share .qrcode-modal{width:150px;min-height:150px;position:absolute;border-radius:4px;left:0;bottom:0px;display:none}
.detail-share .qrcode-modal img{display:block;width:100%;}
.detail-share .qrcode-modal .text{font-size:12px;line-height:30px;color:#86868b;text-align:center}
/*footer mobileshare*/
.footer-mobileShare{ display:none;}
.footer-mobileShare .platform-container>li{margin:0 3px;width:30px; display:inline-block;*display:inline;zoom:1;}
.footer-mobileShare .platform-container>li a{display:block}
.footer-mobileShare .platform-container>li img{width:100%;}
/*mobileshare弹窗*/
#weixin-qrcode{align-items:center;justify-content:center;flex-direction:row}
#weixin-qrcode{position:fixed;top:0;left:0;right:0; margin:0 auto; text-align:center;background-color:rgba(255,255,255,.6);display:none;z-index:1000000000000}
.qrcode-container{width:100%;padding:0 15px;margin:60px auto 0}
.qrcode-box{width:200px;padding:10px;background:#fff;box-shadow:1px 3px 5px #666;border-radius:5px;font-size:12px;color:#000;display:block;text-align:center;margin-bottom:20px;margin-left:auto;margin-right:auto}
.qrcode-box img{width:100%;margin-bottom:8px}
@media (max-width: 1024px){
.detail-share{ display:none;}
.footer-mobileShare{ display: block;}
}
@media (max-width: 768px){
.footer-mobileShare{width:94%;padding: 0 3%;float:none; padding-bottom:2%;}
}


/*********************************page*********************************/


/*pagebanner*/
.pagebannerBox {width:100%;overflow:hidden;margin:0 auto;text-align:center;position: relative;background-size:cover; background-repeat:no-repeat; background-position:center center; background-attachment:fixed;/*padding-top:21.35416666666667%;padding-bottom:12%;*/ height:100vh;}
.pagebannerBox .tBox{ position:absolute; left:0;right:0;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);margin:0 auto; z-index:2;}
.pagebannerBox .t {color:#d2c2a9;text-align:center; display:block;/* padding-bottom:7.55%;*/ padding-bottom:144px;}
.pagebannerBox .t .en{font-size:60px;line-height:normal;display:block;text-transform:uppercase;}
.pagebannerBox .t .cn{font-size:26px;line-height:normal;display:block;}
@media screen and (max-width: 1220px){
.pagebannerBox .t .en{font-size:50px;}
.pagebannerBox .t .cn{font-size:24px;}
}
@media screen and (max-width: 1024px){
.pagebannerBox {background-attachment:inherit;height:auto;padding-top:30%;padding-bottom:12%;}
.pagebannerBox .tBox{ position:static;top:auto;-moz-transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.pagebannerBox .t {padding-bottom:100px;}
.pagebannerBox .t .en{font-size:40px;}
.pagebannerBox .t .cn{font-size:20px;}
.pagebannerBox .t {padding-bottom:15%;}
}
@media screen and (max-width:768px) {
.pagebannerBox .t .en{font-size:30px;}
.pagebannerBox .t .cn{font-size:16px;}
.pagebannerBox .t {padding-bottom:15%;}
}

	
	
	
/*pagebanner*/
.pagebanner {width:100%;overflow:hidden;margin:0 auto;text-align:center;position: relative;background-size:cover; background-repeat:no-repeat; background-position:center bottom; background-attachment:fixed; /*padding-bottom:43.75%;*/padding-bottom:100vh;}
.pagebanner .t { position:absolute; left:0;right:0;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);margin:0 auto; z-index:2;}
.pagebanner .t {color:#d2c2a9;text-align:center; display:block;}
.pagebanner .t .en{font-size:60px;line-height:normal;display:block;text-transform:uppercase;}
.pagebanner .t .cn{font-size:26px;line-height:normal;display:block;}
/*@media screen and (max-width: 1220px){
.pagebanner .t .en{font-size:50px;}
.pagebanner .t .cn{font-size:24px;}
}*/
@media screen and (max-width: 1024px){
.pagebanner {background-attachment: inherit;padding-bottom:70%; }
.pagebanner .t .en{font-size:40px;}
.pagebanner .t .cn{font-size:20px;}
}
@media screen and (max-width:768px) {
.pagebanner .t .en{font-size:30px;}
.pagebanner .t .cn{font-size:16px;}
}


/*PageNav*/
.PageNav {margin:0 auto;padding: 0;display:block;}
.PageNav ul{margin:0 auto; font-size:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;align-items:center;/*垂直居中*/justify-content: center;/*水平居中*/}
.PageNav li {list-style:none;display:inline-block;*display:inline; zoom:1;text-align: center;width:auto;}
.PageNav li a {display:inline-block;position:relative; padding:0 66px;}
.PageNav li a .icon{ text-align:center;padding-bottom:5px;}
.PageNav li a .icon img{ width:50px;}
.PageNav li a .tit{ text-align:center;line-height:30px;font-size:16px; color:#fff; }
.PageNav li a:after {content: "";display: block;position: absolute;right:0;top:0;width:3px;height:100%;background: url(../images/page-icon-line.png) no-repeat right center;z-index:2;}
.PageNav li:last-child a:after {display:none;}
.PageNav .cur a:after{width:100%;}
.PageNav .Navtit{ display:none;}
.PageNav li a,
.PageNav li a .tit,
.PageNav li a .icon{position:relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;}
.PageNav li a:hover .icon{-webkit-transform:translateY(4px);-moz-transform:translateY(4px);-o-transform:translateY(4px);-ms-transform:translateY(4px);transform:translateY(4px);}
.PageNav li a:hover .tit{color:#af8e65;}
/*@media screen and (max-width:1220px) {
.PageNav li a {padding:0 50px;}
.PageNav li a .icon img{ width:40px;}
}*/
@media screen and (max-width:1024px) {
.PageNav li a {padding:0 30px;}
.PageNav li a .icon img{ width:35px;}
}
@media screen and (max-width:1024px) {
.PageNav ul{max-width:700px; margin:0 auto;    min-width: 300px; display:block;}
.PageNav li{ margin-bottom:20px;}
.PageNav li a .icon img{ width:35px;}
.PageNav li a .tit{ font-size:14px;}
}
    



/*pageInfo*/
.page{background-color:#000; width:100%;}
.page img{max-width:100%;}
.pageInfo{ color:#ffffff;font-size:15px;line-height:34px;}
.pageInfo img{ max-width:100%;}
.pageInfo hr{ width:100%;border:none;border-top:1px solid #3e3e3e!important;}
@media screen and (max-width:768px){
.pageInfo{font-size:14px;line-height:30px; }
}



/*********************************************about*********************************************/
/*page-tit*/
.page-tit{font-size:46px;color:#000000;overflow:hidden; line-height:normal;padding-bottom:15px;padding-bottom:40px;text-transform:uppercase;}
.page-tit2{font-size:36px;color:#fff;padding-bottom:15px;}
.page-tit1{font-size:18px;color:#d8d8d8;padding-bottom:15px;}
@media screen and (max-width:1220px) {
.page-tit{font-size:38px;}
.page-tit2{font-size:32px;}
.page-tit1{font-size:16px;}
}
@media screen and (max-width:1024px) {
.page-tit{font-size:30px;padding-bottom:10px;}
.page-tit2{font-size:26px;}
.page-tit1{font-size:16px;}
}
@media screen and (max-width:768px){
.page-tit2{font-size:20px;}
.page-tit1{font-size:14px;}
}



/*pageTit*/
.pageTit{margin-bottom:55px;}
.pageTit .cn{font-size:26px;color:#d2c2a9;line-height:normal;display:block;}
.pageTit .en{font-size:46px;color:#d2c2a9;line-height:normal;display:block;text-transform:uppercase;}
.pageTit .wz{font-size:12px;color:#6a6b70;line-height:22px;display:block;text-transform:uppercase; padding-top:30px;}
@media screen and (max-width:992px){
   .pageTit .cn{font-size:24px;}
   .pageTit .en{font-size:36px;}
   .pageTit{ margin-bottom:50px;}
}
@media screen and (max-width:768px){
   .pageTit .cn{font-size:16px;}
   .pageTit .en{font-size:24px;}
   .pageTit{ margin-bottom:30px;}
}


/*pageBox*/
.pageBox{width:100%;overflow:hidden;margin:0 auto;position: relative;background-size:cover; background-repeat:no-repeat; background-position:center center; background-attachment:fixed; padding-top:5.7%;padding-bottom:5.7%;}
@media screen and (max-width: 1024px){.pageBox{ padding-top:70px;padding-bottom:70px;}
.pageBox{background-attachment: inherit;}
}
@media screen and (max-width:768px) {
.pageBox{ padding-top:50px;padding-bottom:50px;}
}

/*pageAbout*/
#pageAbout{padding-top:11.45%;padding-bottom:11.45%; background-color:#181818;}
.pageTable .img{ width:56.25%; text-align:center; overflow:hidden;}
.pageTable .img img{width:100%; display:block;}
.pageTable .wz{ width:43.75%; padding-left:6.25%; padding-right:9.375%;}

.pageTable .img,
.pageTable .img img{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.pageTable .img:hover img{-moz-transform: scale3d(1.2, 1.2, 1.2);-webkit-transform:scale3d(1.2, 1.2, 1.2);-ms-transform:scale3d(1.2, 1.2, 1.2);transform:scale3d(1.2, 1.2, 1.2);}
@media screen and (max-width:1600px) {
.pageTable .wz{ width:44%; padding-left:6%; padding-right:0%;}	
}
@media screen and (max-width:1320px) {
.pageTable .wz{ width:44%; padding-left:6%; padding-right:0%;}	
}
@media screen and (max-width:1024px) {
.pageTable .img{ width:100%!important; display:block!important;text-align:center;}
.pageTable .wz{  width:100%!important; display:block!important; padding:5% 0;}
}

/*pageBrand*/
#pageBrand{padding-top:5.7%;padding-bottom:4.95%; background-color:#171818;}
#pageBrand .pageTit{ text-align:center;}
.pageTable2 .img{ width:45%; text-align:center; overflow:hidden;}
.pageTable2 .img img{width:100%; display:block;}
.pageTable2 .wz{ width:55%; padding-left:5.9375%; padding-right:5.9375%;}
.pageTable2 .img,
.pageTable2 .img img{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.pageTable2 .img:hover img{-moz-transform: scale3d(1.2, 1.2, 1.2);-webkit-transform:scale3d(1.2, 1.2, 1.2);-ms-transform:scale3d(1.2, 1.2, 1.2);transform:scale3d(1.2, 1.2, 1.2);}
@media screen and (max-width:1600px) {
.pageTable2 .wz{ width:55%; padding-left:5%; padding-right:0%;}
}
@media screen and (max-width:1024px) {
.pageTable2 .img{ width:100%!important; display:block!important;text-align:center;}
.pageTable2 .wz{  width:100%!important; display:block!important; padding:5% 0;}
}




.text-center{ text-align:center;}
.flex{display:flex;display:-webkit-box;/* Chrome 4+,Safari 3.1,iOS Safari 3.2+ */
  display:-moz-box;/* Firefox 17- */
  display:-webkit-flex;/* Chrome 21+,Safari 6.1+,iOS Safari 7+,Opera 15/16 */
  display:-moz-flex;/* Firefox 18+ */
  display:-ms-flexbox;/* IE 10 */}
.flex-wrap{flex-flow:wrap}



/*pageConceptTable*/
.pageConceptTable{ margin-top:100px;}
.pageConceptTable td{ width:25%;vertical-align:middle; text-align:center; position:relative;margin:20px 13px;}
.pageConceptTable td h4{font-size:20px; color:#b4b5bd; line-height:30px; font-weight:300;text-transform:uppercase;margin-bottom:10px;}
.pageConceptTable td h2{font-size:24px; color:#d2c2aa; line-height:30px; font-weight:300;}
.pageConceptTable td p{ font-size:15px; color:#ffffff; line-height:30px; text-transform:uppercase;}
.pageConceptTable td  img{max-width:100%;margin-bottom:20px;}
.pageConceptTable td,
.pageConceptTable td  img,
.pageConceptTable td h2{-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.pageConceptTable td:hover{-moz-transform:translateY(-10px);-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);}
@media screen and (max-width:1220px) {.pageConceptTable{ margin-top:90px;}
.pageConceptTable td h4{font-size:18px;margin-bottom:10px;}
.pageConceptTable td h2{font-size:20px;}
.pageConceptTable td p{ font-size:14px;}

.pageConceptTable td{ margin:15px 10px;}
}
@media screen and (max-width:1024px) {.pageConceptTable{ margin-top:70px;}

.pageConceptTable td h4{font-size:16px;margin-bottom:10px;}
.pageConceptTable td h2{font-size:18px;}
.pageConceptTable td p{ font-size:12px;}
	.pageConceptTable tr{ display:block;}
	.pageConceptTable td{ width:44%!important; float:left;margin:20px 0; padding:0 3%;display:block!important;}
	
}
@media screen and (max-width:768px) {.pageConceptTable{ margin-top:50px;}


.pageConceptTable td h4{font-size:14px;margin-bottom:10px;}
.pageConceptTable td h2{font-size:18px;}
.pageConceptTable td p{ font-size:12px;}
}
@media screen and (max-width:550px) {

.pageConceptTable td{ width:94%!important; float:left;margin:20px 0; padding:0 3%;display:block!important;}
}








/*page-pageList li4*/
.page-pageList{ padding-bottom:0px; padding-top:40px;}
.page-pageList ul{width:100%;margin:0 -19px;position:relative; font-size:0;}
.page-pageList li.li4{position:relative;z-index:1;cursor:pointer; display:inline-block;*display:inline;zoom:1; width:20%; margin-bottom:30px; vertical-align:top;}
.page-pageList li.li4 a{display:block; position:relative; margin:0 19px;text-align:center;}
.page-pageList li.li4 .ImgBoxB{display: block;position:relative;}
.page-pageList li.li4 .ImgBoxB:before,
.page-pageList li.li4 .ImgBoxB:after{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.page-pageList li.li4 .ImgBoxB:before{content: '';display: block;width: 100%;height: 100%;background-color: rgba(255,255,255,0);left: 0;top: 0;position: absolute;}
.page-pageList li.li4 .ImgBoxB:after{content: '';color:#fff;font-size: 18px;display: block;width: 70px;height: 70px;line-height: 75px;text-align: center;background-color:#faca99;box-sizing:content-box;border:3px solid rgba(255,255,255,.4);border-radius: 50%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;overflow: hidden;background-clip: content-box;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(1.35);-ms-transform: scale(1.35);-o-transform: scale(1.35);transform: scale(1.35); background: url("../images/top-search.png") center center no-repeat #c57e35;background-size:24px;}
.page-pageList li.li4 a:hover .ImgBoxB:before{background-color: rgba(255,255,255,0.2);}
.page-pageList li.li4 a:hover .ImgBoxB:after{opacity: .9;filter: alpha(opacity=90);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.page-pageList li.li4 .ImgBox{display: block;position: relative;width: 100%;padding-bottom:106.8965517241379%;overflow: hidden;}
.page-pageList li.li4 .ImgBox img{transition: 0.4s;position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: contain;}
.page-pageList li.li4 a,
.page-pageList li.li4 .ImgBox img,
.page-pageList li.li4 .ImgBox,
.page-pageList li.li4 .title{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.page-pageList li.li4 a:hover .ImgBox img{-moz-transform:scale(1.05); -webkit-transform:scale(1.05);transform:scale(1.05);}
.page-pageList li.li4 .title {font-size:16px; color:#d2c2aa; line-height:26px; padding:15px 0;}
.page-pageList li.li4 a:hover:before {width: 100%;}
.page-pageList li.li4 a:hover .title{color:#faca99}
@media screen and (max-width:1320px){
.page-pageList ul{margin:0 -15px;}
.page-pageList li.li4 a{margin:0 15px;}
.page-pageList li.li4 .title {font-size:14px;}
}
@media screen and (max-width:1220px){
.page-pageList ul{margin:0 -10px;}
.page-pageList li.li4 a{margin:0 10px;}
}
@media screen and (max-width:1024px){
.page-pageList li.li4 {width:50%;}
.page-pageList ul{margin:0 -15px;}
.page-pageList li.li4 a{margin:0 15px;}
.page-pageList li.li4 .title {font-size:16px;}
}
@media screen and (max-width:768px){
.page-pageList li.li4 {width:50%; margin-bottom:10px;}
.page-pageList li.li4 a{padding:0;padding-top:10px;}
.page-pageList li.li4 a:hover .ImgBox:after{display:none!important;}
.page-pageList li.li4 .title {padding:15px 0;font-size:14px;line-height:24px;}

}





/*pageHistory*/
.swiper-year{width:100%; border-bottom:1px solid #333333;position:relative;}
.swiper-year .swiper-container{ position:relative;}
.swiper-year .swiper-slide{ float:left; width:auto;margin-right:80px;}
.swiper-year .time{font-weight:300;font-size:16px;line-height:80px;color:#fff;text-align:left;}
.swiper-year .time:hover,
.swiper-year .swiper-slide.active .time{color:#b49167;}
.swiper-year .swiper-button-next,
.swiper-year .swiper-button-prev{ display:block;opacity:1;width:34px;height:34px;background:url(../images/arrow-left.png) no-repeat center center #1a1a1a;background-size:50%; position:absolute;top:50%; left:-70px;margin-top:-17px;border-radius:50%; z-index:3;}
.swiper-year .swiper-button-next{background-image:url(../images/arrow-right.png);left:auto;right:-70px;}
.swiper-year .swiper-button-prev.swiper-button-disabled, 
.swiper-year .swiper-button-next.swiper-button-disabled{opacity:0.5;}
@media screen and (max-width:1024px) {
.swiper-year .swiper-slide{margin-right:50px;}		
}
@media screen and (max-width:768px) {
.swiper-year{width:auto; padding:0 40px;}
.swiper-year .swiper-button-prev{left:0;}
.swiper-year .swiper-button-next{right:0;}
.swiper-year .swiper-slide{margin-right:30px;}
}


.pageHistoryB{padding:0 110px;}
/*pagehistory*/
.pagehistory{margin:0 auto; font-size:0; padding-top:7.3%;}
.pagehistory ul{ position:relative;text-align:left;}
.pagehistory ul:before{ content:"";position:absolute; width:1px; height:100%; background-size:100%;left:30px; top:0;z-index:0;border-right:1px solid #454545;margin-left:-1px;}
.pagehistory li{ display:block;width:100%; line-height:normal; text-align:left; margin:0; vertical-align:top; position:relative;padding-bottom:4.6875%;}
.pagehistory li .d{ content:"";position:absolute;width:60px; line-height:30PX;padding:10px 0;padding-bottom:65PX;background:url(../images/page-history.png) center 80% no-repeat #000000; background-size:20px;left:0; top:0;z-index:2;margin-left:0px;font-size:24px;color:#d2c2aa; line-height:normal;font-weight:600;text-align:center;}
.pagehistory .listTitle{margin-left:124px;font-size:16px;line-height:30px;color:#ffffff;font-weight:300;}
.pagehistory .wz h2{font-size:20px;color:#d2c2aa;font-weight:500;}
/*.pagehistory li .d{width:120px  margin-left:-30px;}
.pagehistory li .d{ content:"";position:absolute;width:120px; line-height:30PX;padding:10px 0;padding-bottom:65PX;background:url(../images/page-history.png) center 80% no-repeat #000000; background-size:20px;left:0; top:0;z-index:2;margin-left:-30px;font-size:24px;color:#d2c2aa; line-height:normal;font-weight:600;text-align:center;}*/
@media screen and (max-width:1440px) {
.pageHistoryB{padding:0 70px;}
}
@media screen and (max-width:992px) {
.pagehistory .listTitle{font-size:14px;}
.pagehistory .listTitle{margin-left:80px;}
}
@media screen and (max-width:768px) {
.pageHistoryB{padding:0 0;}
}


/*imgList*/
.imgList{padding:0;margin:0 -12px; overflow:hidden;font-size:0; padding-top:5%; text-align:left;}
.imgList dd{ margin:0; padding:0;display:inline-block;*display:inline;zoom:1;width:25%;vertical-align:top;text-align:left; margin-bottom:20px;}
.imgList .item{display:block; margin:0 12px;position:relative;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s; overflow:hidden;}
.imgList .img{overflow:hidden;height:0;position: relative;border-radius:5px;padding-bottom:68.05555555555556%;}
.imgList .img img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;max-width: 100%; width: 100%; max-height: none; height: auto;}
.imgList .item,
.imgList .img img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.imgList .item:hover .img img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%); -webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);}
@media screen and (max-width:992px) {
.imgList dd{width:50%;}
}




/*videoList*/
.videoList ul{margin:0 -12.5px;font-size:0;}
.videoList ul li{display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:33.33333%;margin-bottom:30px; vertical-align:top;}
.videoList ul li a{ display:block;margin:0 12.5px;padding:0;border-radius:6px;}
.videoList ul li .picB{width:100%;height:auto;}
.videoList ul li .pic{width:100%;height:auto; overflow:hidden; position:relative;display:block;margin:0 auto; text-align:center;}
.videoList ul li .pic img{width:100%;height:auto;max-height:100%; display:block;margin:auto;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.videoList ul li .pic:after{opacity:0;content:""; display:block; position:absolute; left:0; top:0; z-index:5; width:100%; height:100%; background-color:#000;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.videoList ul li:hover .pic:after{opacity:0.3;}
.videoList ul li .pic:before { content: "";display: block;position: absolute;width: 50px;height: 50px;top: 50%;left: 50%;margin-left: -25px;margin-top: -25px;background: url(../images/page-video.png) center center no-repeat; background-size:50px;transition: all 1s ease;z-index: 10;transform: rotateY(360deg);}
.videoList ul li:hover .pic:before {animation: 3s linear 0s normal none infinite rotate;-webkit-animation:3s linear 0s normal none infinite rotate;}
.videoList ul li .tit{ text-align:center; line-height:30px;margin-top:15px;font-size: 16px;color:#1e2831;}
@media screen and (max-width:1220px){
.videoList ul li .pic{width:100%;height:auto;}
.videoList ul li .pic img{max-width:100%; max-height:100%; }
}
@media screen and (max-width:1024px){
	.videoList ul li{width:50%;}
}
@media screen and (max-width:768px){
	.videoList ul{margin:0 -5px;}
	.videoList ul li a{margin:0 5px;}
}
@media screen and (max-width:640px){
	.videoList ul{margin:0;}
	.videoList ul li{width:100%;}
	.videoList ul li a{margin:0;}
}
/*********************************************about end*********************************************/
/*********************************************Case*********************************************/
/*pageCaseList*/
.pageCaseList {overflow: hidden;/* padding-top:120px;*/padding-top:6.25%;}
.pageCaseList ul{overflow:hidden;display:block;font-size:0;line-height:0;margin:0 -20px;}
.pageCaseList ul li{width:33.33333333%;margin-bottom:100px;display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.pageCaseList ul li .item{ display:block;margin:0 20px;position:relative;}
.pageCaseList ul li .imgBox{overflow:hidden;height:0;position:relative;border-radius:5px;padding-bottom:64.74358974358974%; margin-bottom:40px;}
.pageCaseList ul li .imgBox img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;max-width: 100%; width: 100%; max-height: none; height: auto;}
.pageCaseList ul li .item:before,.pageCaseList ul li .item:after,.pageCaseList ul li .imgBox,.pageCaseList ul li .imgBox img,.pageCaseList ul li .text,
.pageCaseList ul li .item{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.pageCaseList ul li .item:hover .imgBox img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-webkit-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);}
.pageCaseList ul li .text{color:#ffffff;font-size:22px;line-height:30px; position:relative; padding-right:85px;padding-left:22px;}
.pageCaseList ul li .text:before{content:'';width:3px;height:100%;background:#d2c2aa;position:absolute;bottom:0;left:0;}
.pageCaseList ul li .item:hover .text{padding-left:30px;color:#d2c2aa;}
.pageCaseList ul li .en{ font-weight:bold; text-transform:uppercase;}
.pageCaseList ul li .cn{font-weight:300;}
.pageCaseList ul li .more{ width:60px; height:60px; margin:0; padding:0;position:absolute;right:25px;top:0;background:url(../images/more.png) no-repeat center center;background-size:14px;}
.pageCaseList ul li.li1{ width:50%;}
@media screen and (max-width:1440px){
.pageCaseList ul{margin:0 -25px;}
.pageCaseList ul li .item{margin:0 25px;}
}
@media screen and (max-width:1220px){
.pageCaseList ul{margin:0 -15px;}
.pageCaseList ul li .item{margin:0 15px;}
.pageCaseList ul li .text{font-size:20px;}
.pageCaseList ul li .more{ right:0;}
}
@media screen and (max-width:1024px){
.pageCaseList ul{margin:0 -10px;}
.pageCaseList ul li .item{margin:0 10px;}
.pageCaseList ul li{width:50%;}
.pageCaseList ul li .text{font-size:18px;}
.pageCaseList ul li.li1{ width:100%;}
}
@media screen and (max-width:768px){
.pageCaseList ul{margin:0;}
.pageCaseList ul li .item{margin:0;}
.pageCaseList ul li{width:100%;}
.pageCaseList ul li .text{font-size:16px;}
}

/*caseTit*/
.caseTit{color:#ffffff;font-size:22px;line-height:30px;text-align:center;}
.caseTit .en{ font-weight:bold;text-transform:uppercase;}
.caseTit .cn{font-weight:300; font-size:36px; margin-bottom:45px; padding-top:10px;}
.caseTit .line{width:3px;height:25px;background:#d2c2aa;margin:0 auto;}
.caseInfoNr img{ max-width:100%; display:block;}
@media screen and (max-width:1220px){
.caseTit{font-size:20px;}
.caseTit .cn{font-size:32px;margin-bottom:40px;}
}
@media screen and (max-width:1024px){
.caseTit{font-size:18px;}
.caseTit .cn{font-size:28px;margin-bottom:35px;}
}
@media screen and (max-width:768px){
.caseTit{font-size:16px;}
.caseTit .cn{font-size:24px;margin-bottom:30px;padding-top:0;}
.caseTit .line{width:2px;height:20px;}
}

/*page-back2*/
.page-back2{margin:0 auto;text-align:center; padding-top:37px;}
.page-back2 a{display:block;width:148px;font-size: 14px;line-height:44px;height:44px; border-radius:44px;overflow:hidden; text-align:center;color:#edcb96;margin:0 auto;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;position:relative;border:1px solid #edcb96;}
.page-back2 a span{ display:inline-block; position:relative; z-index:2;overflow:hidden; border-radius:5px}
.page-back2 a:after{ content:''; position:absolute;left:50%;top:0; width:0; height:100%;background:#edcb96;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.page-back2 a:hover:after{ width:100%; left:0;}
.page-back2 a:hover{color:#000; }
@media screen and (max-width:768px) {
	.page-back2{padding-top:30px;}
	.page-back2 a{width:120px;font-size: 12px;line-height:35px;height:35px; border-radius:35px;}
	.page-back2 a span{border-radius:35px}
}
/*********************************************Case end*********************************************/
/*********************************************news*********************************************/
/*pageNewsList*/
.pageNewsList {overflow: hidden;}
.pageNewsList ul{overflow:hidden;display:block;font-size:0;line-height:0;margin:0 -18.5px;}
.pageNewsList ul li{width:33.33333333%;margin-bottom:95px;display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.pageNewsList ul li .item{ display:block;margin:0 18.5px;position:relative;}
/**/
.pageNewsList ul li .imgBox{overflow:hidden;height:0;position:relative;padding-bottom:100%;}
.pageNewsList ul li .imgBox img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;max-width: 100%; width: 100%; max-height: none; height: auto;}
.pageNewsList ul li .item:before,
.pageNewsList ul li .item:after,
.pageNewsList ul li .imgBox,
.pageNewsList ul li .imgBox img,
.pageNewsList ul li .text,
.pageNewsList ul li .item{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.pageNewsList ul li .item:hover .imgBox img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-webkit-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);}
/**/
.pageNewsList ul li .info{}
.pageNewsList ul li .tit{ display:block;font-size:22px;line-height:28px;color:#ffffff;overflow:hidden;margin-bottom:30px;}
.pageNewsList ul li .des{font-size:14px;color:#b4b5bd;line-height:34px;height:68px;overflow:hidden;font-weight:300;margin-bottom:50px}
.pageNewsList ul li .date{font-size:16px;line-height:normal;color:#fbe8cc;font-family:'HelveticaNeue',Helvetica,Arial,sans-serif;font-weight: 300; vertical-align:middle; margin-bottom:40px;}
.pageNewsList ul li .date span{ vertical-align:middle;}
.pageNewsList ul li .date .d{ font-size:60px; margin-right:10px;}
.pageNewsList ul li .item:hover .tit{color:#fbe8cc;}
.pageNewsList ul li .m{ width:56px;}

@media screen and (max-width:1440px){
.pageNewsList ul{margin:0 -25px;}
.pageNewsList ul li .item{margin:0 25px;}
}
@media screen and (max-width:1220px){
.pageNewsList ul{margin:0 -15px;}
.pageNewsList ul li .item{margin:0 15px;}
.pageNewsList ul li .text{font-size:20px;}
}
@media screen and (max-width:1024px){
.pageNewsList ul{margin:0 -10px;}
.pageNewsList ul li .item{margin:0 10px;}
.pageNewsList ul li{width:50%;}
.pageNewsList ul li .text{font-size:18px;}

.pageNewsList ul li .des{font-size:12px;line-height:30px;height:60px;margin-bottom:30px}
.pageNewsList ul li .date{font-size:14px;margin-bottom:30px;}
.pageNewsList ul li .date .d{ font-size:40px;}

.pageNewsList ul li{margin-bottom:70px;}
}
@media screen and (max-width:768px){
.pageNewsList ul{margin:0;}
.pageNewsList ul li{margin-bottom:50px;}
.pageNewsList ul li .item{margin:0;}
.pageNewsList ul li{width:100%;}
.pageNewsList ul li .text{font-size:16px;}

.pageNewsList ul li .des{font-size:12px;line-height:30px;height:60px;margin-bottom:30px}
.pageNewsList ul li .date{font-size:14px;margin-bottom:20px;}
.pageNewsList ul li .date .d{ font-size:30px;}
}


/*NewsListul*/
.NewsListul li .item{position:relative;padding-bottom:16px;border-bottom:1px solid #333333;}
.NewsListul li .item .imgBox{ margin-bottom:45px;}
.NewsListul li .item .tit{height:108px; line-height:36px; font-size:20px; overflow:hidden;}
@media screen and (max-width:1024px){
.NewsListul li .item{padding-bottom:15px;}
.NewsListul li .item .imgBox{ margin-bottom:30px;}
.NewsListul li .item .tit{height:90px; line-height:30px; font-size:18px;}
}
@media screen and (max-width:768px){
.NewsListul li .item{padding-bottom:10px;}
.NewsListul li .item .imgBox{ margin-bottom:20px;}
.NewsListul li .item .tit{height:90px; line-height:30px; font-size:16px;}
}



/*newsHotList*/
.newsHotList li{ width:100%!important;}
.newsHotList li .item{sposition:relative; padding-bottom:30px;border-bottom:1px solid #333333;}
.newsHotList li .item .imgB{width:31.875%; float:left;}
.newsHotList li .item .info{width:68.125%; float:left;}
.newsHotList li .item .info .infoB{ padding-left:6.4%; padding-top:4.58%;}
.newsHotList li .item .tit{padding-top:24px;}
@media screen and (max-width:1440px){
.newsHotList li .item .imgB{width:40%; float:left;}
.newsHotList li .item .info{width:60%; float:left;}

}
@media screen and (max-width:1220px){
.newsHotList li .item .imgB{width:50%; float:left;}
.newsHotList li .item .info{width:50%; float:left;}
}
@media screen and (max-width:992px){
.newsHotList li .item .imgB{width:100%; float:left;}
.newsHotList li .item .info{width:100%; float:left;}
.newsHotList li .item .info .infoB{ padding-left:0%;}
}




/*page-newsInfo*/
.page-newsInfoBox{padding-top:40px;padding-bottom:90px;}
.page-newsInfoCon{position:relative;}
.page-newsInfo{text-align:left;margin-right:30px;}
.page-newsInfo .page-newswz{ max-width:1000px; margin:0 auto;}
.page-newsInfo .newsTit{font-size:30px; color:#ffffff; line-height: normal; text-align:center;font-weight:300;margin-bottom:45px;}
.page-newsInfo .newsShuju{ font-size:14px; color:#2a2b35;line-height:30px;text-align:center; padding:15px 0;border-top:1px solid #333333;border-bottom:1px solid #333333;}
.page-newsInfo .newsShuju em{ display:inline-block;font-size:14px; color:#b4b5bd;line-height:30px; font-style:normal; margin:0 15px;}
/*newsText*/
.page-newsInfo .newsText{color: #ffffff;font-size: 16px;line-height:40px;margin-bottom:30px;font-style: normal;font-variant: normal;font-weight: 400;orphans: auto;padding-top:50px;}
.page-newsInfo .newsTextNr{padding-bottom:20px;}
/*newsBtn*/
.page-newsInfo .newsBtnBox{padding-top:74px;border-top:1px solid #333333;}
.page-newsInfo .newsBtn{padding:30px 40px;font-size:0;position:relative;text-align:left; max-width:1000px; margin:0 auto; background:#0d0d0d;}
.page-newsInfo .newsBtn .newsBtnA{display:block;width:50%;line-height:0;overflow:hidden;color: #ffffff;text-align:left; font-size:0;}
.page-newsInfo .newsBtn .newsBtnB{display:block;width:50%;line-height:0;overflow:hidden;color: #ffffff;text-align:left;font-size:0;}
.page-newsInfo .newsBtn .newsBtnA em,
.page-newsInfo .newsBtn .newsBtnB em{ font-style:normal;color:#b4b5bd;line-height:32px;}
.page-newsInfo .newsBtn a{display:inline-block;color: #ffffff;font-size:14px;line-height:32px; height:32px;white-space:nowrap;text-overflow: ellipsis; overflow: hidden;text-align:left;}
.page-newsInfo .newsBtn a:hover em{color:#edcb96;}
.page-newsInfo .newsBtn a srtong{ color:#333333;}
@media screen and (max-width:1520px) {
    .page-newsInfo .newsTit{font-size:28px;}
}
@media screen and (max-width:1220px) {
    .page-newsInfo .newsTit{font-size:26px;}
}
@media screen and (max-width:1024px) {
    .page-newsInfo .newsTit{font-size:24px;}
	.page-newsInfoCon{padding-right:0;}
	.page-newsInfo{margin-right:0;}
}
@media screen and (max-width:992px) {	.page-newsInfo .newsBtnBox{padding-top:60px;}
	.page-newsInfo .newsTit,.page-newsInfo .newsText{ margin-bottom:30px;}
	.page-newsInfo .newsTit{ font-size:20px;width:auto;}
}
@media screen and (max-width:768px) {
	.page-newsInfoBox{padding-top:20px;padding-bottom:50px;}
	.page-newsInfo{text-align:left; width:100%;  float:none; margin-bottom:30px;}
	.page-newsInfo .newsShuju,
	.page-newsInfo .newsShuju em{font-size:12px;line-height:26px;}
	.page-newsInfo .newsText{font-size:14px;line-height:24px;}
	.page-newsInfo .newsBtn{ text-align:center;}
	.page-newsInfo .newsBtn a{font-size:12px;padding:0 0px;}
	
	.page-newsInfo .newsBtn .newsBtnA,
	.page-newsInfo .newsBtn .newsBtnB{width:100%;}

	.page-newsInfo .newsBtnBox{padding-top:35px;}
	
	.page-newsInfo .newsBtn{padding:30px 20px;}
}


/*page-back*/
.page-back{margin:0 auto;text-align:center; position:absolute;right:40px;top:50%; margin-top:-20px;}
.page-back a{display:block;width:96px;font-size:12px!important;overflow:hidden;line-height:40px;height:40px;border:1px solid #edcb96;border-radius:44px;color:#edcb96!important;margin:0 auto;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; position:relative; text-align:center!important;}
.page-back a span{ display:inline-block; position:relative; z-index:2;overflow:hidden;text-align:center; margin: auto;}
.page-back a:hover{background:#edcb96!important;color: #000!important;}
@media screen and (max-width:768px) {
.page-back a{font-size:12px;line-height:40px;height:40px;}
.page-back a span{ }
.page-back{position: static;right:0;top:0; margin-top:50px; margin:0 auto; text-align:center; position:relative; top:20px;}
}

/*********************************************news end*********************************************/
/*********************************************Contact*********************************************/
/*pageNewsList*/
.pageShopList {overflow: hidden;}
.pageShopList ul{overflow:hidden;display:block;font-size:0;line-height:0;margin:0 -25px;}
.pageShopList ul li{width:33.33333333%;margin-bottom:30px;display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.pageShopList ul li .item{ display:block;margin:0 25px;position:relative;padding-bottom:40px; position:relative;}
.pageShopList ul li .item:before{ content:''; width:100%; height:1px;background:#242424; position:absolute; left:0;bottom:0;}
.pageShopList ul li .item:after{ content:''; width:0; height:1px;background:#edcb96; position:absolute; left:50%;bottom:0;}
/**/
.pageShopList ul li .imgBox{overflow:hidden;height:0;position:relative;padding-bottom:58%; margin-bottom:20px;}
.pageShopList ul li .imgBox img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;max-width: 100%; width: 100%; max-height: none; height: auto;}
.pageShopList ul li .item:before,
.pageShopList ul li .item:after,
.pageShopList ul li .imgBox,
.pageShopList ul li .imgBox img,
.pageShopList ul li .text,
.pageShopList ul li .item{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.pageShopList ul li .item:hover .imgBox img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-webkit-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);}
/**/
.pageShopList ul li .tit{display:block;font-size:18px;line-height:30px;height:30px;color:#ffffff;overflow:hidden; text-align:center;}
.pageShopList ul li .item:hover:after{width:100%;left:0}
.pageShopList ul li .item:hover .tit{color:#edcb96;}
@media screen and (max-width:1440px){
.pageShopList ul{margin:0 -20px;}
.pageShopList ul li .item{margin:0 20px;}
}
@media screen and (max-width:1220px){
.pageShopList ul{margin:0 -15px;}
.pageShopList ul li .item{margin:0 15px;}
.pageShopList ul li .text{font-size:20px;}
}
@media screen and (max-width:1024px){
.pageShopList ul{margin:0 -10px;}
.pageShopList ul li .item{margin:0 10px;}
.pageShopList ul li{width:50%;}
.pageShopList ul li .text{font-size:18px;}
}
@media screen and (max-width:768px){
.pageShopList ul{margin:0;}
.pageShopList ul li .item{margin:0;}
.pageShopList ul li{width:100%;}
.pageShopList ul li .text{font-size:16px;}
}
/*********************************************Contac end*********************************************/



/******more******/
.more{text-align:center;position:relative; display:inline-block; padding:0 24px;background:#b49167;border-radius:48px;}
.more span{display:block;font-size:14px;line-height:48px;height:48px;overflow:hidden;text-align:center;color:#fff;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.more em{display:inline-block;font-size:14px;width:24px;vertical-align:middle;margin-left:20px;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.more:hover em{margin-left:40px;}
@media screen and (max-width:1270px){
.more{padding:0 20px;}
.more span{line-height:50px;height:50px;}
.more em{background-size:20px;margin-right:30px;}
.more:hover em{margin-right:40px;}
}
@media screen and (max-width:1024px){
.more span{line-height:40px;height:40px;}	
.more em{background-size:18px;margin-right:25px;}
.more:hover em{margin-right:25px;}
}
@media screen and (max-width:768px){
.more span{line-height:35px;height:35px;}	
.more em{background-size:14px;margin-right:15px;}
.more:hover em{margin-right:15px;}
}


/*************************************************pro*************************************************/
.proList1{width:100%;}
.proList1 ul{margin:0;font-size:0;}
.proList1 ul li{display:block;margin:0;padding:0;list-style:none;width:100%;vertical-align:top;background-position:center center;background-repeat:no-repeat;background-size:100%;background-image:url(../images/pro-bg1.jpg);background-color:#222222; background-size:cover;}
.proList1 ul li a{ display:block;margin:0;padding:0;position:relative;margin:0 auto; padding:110px 0;}
.proList1 ul li .item{padding-right:50.82417582417582%; }
.proList1 ul li .pic{width:100%;/*height:635px;*/ padding-bottom:70.94972067039106%;overflow:hidden;position:relative;}
.proList1 ul li .pic img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;max-width: 100%; width: 100%; max-height: none; height: auto;}
.proList1 ul li a,
.proList1 ul li .pic,
.proList1 ul li .pic img{-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all .5s ease-in-out;}
.proList1 ul li a:hover .pic img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-webkit-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);}

.proList1 ul li .tit{width:38.46153846153846%;text-align:left;line-height:30px;font-size: 14px;color:#ffffff;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
/*2n*/
.proList1 ul li:nth-child(2n){background-image: none;background-color:#131212;}
.proList1 ul li:nth-child(2n) .item{padding-right:0;padding-left:50.82417582417582%;}
.proList1 ul li:nth-child(2n) .tit{right:auto; left:0;}
@media screen and (max-width:1320px){
/*.proList1 ul li .pic{height:400px;}	*/
}
@media screen and (max-width:1220px){
/*.proList1 ul li .pic{height:400px;}	*/
.proList1 ul li a{padding:8% 0;}
}
@media screen and (max-width:1024px){
.proList1 ul li .pic{height:auto;padding-bottom:70.94972067039106%;}	

}
@media screen and (max-width:992px){
.proList1 ul li .item{padding-right:0%;padding-left:0;}
.proList1 ul li:nth-child(2n) .item{padding-right:0%;padding-left:0;}
.proList1 ul li .tit{ width:100%; padding:30px 0; left:0;right:0; margin:0 auto; position:static;top:0;-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.proList1 ul li:nth-child(2n) .tit{left:0;right:0;}
}



.proList1 ul li .ProHotTit{ position:absolute; left:0;top:50%;}








/*proList1 Title*/
.proList1 ul li .tit h1{font-weight:300;font-size:30px;color:#fff;margin-bottom:30px;}
.proList1 ul li .tit .wz{font-size:14px;color:#b9b9b9; line-height:40px;padding-bottom:55px;margin-bottom:35px;border-bottom:1px solid #464444; }
@media screen and (max-width:1600px){
/*.proList1 ul li .tit h1{font-size:24px;color: #e8a535;}
.proList1 ul li .tit .wz{margin-bottom:70px;}*/
}
@media screen and (max-width:1270px){
.proList1 ul li .tit h1{font-size:30px;margin-bottom:25px;}
.proList1 ul li .tit .wz{padding-bottom:50px;margin-bottom:35px;}	
}
@media screen and (max-width:1150px){
.proList1 ul li .tit h1{font-size:24px;margin-bottom:20px;}
.proList1 ul li .tit .wz{padding-bottom:45px;margin-bottom:35px;}	
}
@media screen and (max-width:1024px){
.proList1 ul li .tit h1{font-size:22px;margin-bottom:15px;}	
.proList1 ul li .tit .wz{font-size:13px;padding-bottom:35px;margin-bottom:35px;}	
}
  
@media screen and (max-width:768px){
.proList1 ul li .tit h1{font-size:20px;margin-bottom:0px;}	
.proList1 ul li .tit .wz{font-size:12px;adding-bottom:25px;margin-bottom:20px;}	
}
  


/*proTitle*/
.proTitle{padding-bottom:100px;padding-top:100px;margin-bottom:50px;line-height:30px;font-size:32px; font-weight:300;color:#ffffff;text-align:center;}
@media screen and (max-width:1220px){
.proTitle{padding-bottom:90px;padding-top:90px;margin-bottom:40px;line-height:30px;font-size:28px;}
}
@media screen and (max-width:1024px){
.proTitle{padding-bottom:70px;padding-top:70px;margin-bottom:30px;line-height:30px;font-size:26px;}
}
@media screen and (max-width:768px){
.proTitle{padding-bottom:50px;padding-top:50px;margin-bottom:30px;line-height:30px;font-size:24px;}
}




/*proList3*/
.proList3{margin-top:25px;}
.proList3 ul{margin:0 -16.5px;font-size:0;padding:0;}
.proList3 ul li{display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:33.3333%;margin-bottom:45px; vertical-align:top;}
.proList3 ul li a{ display:block;margin:0 16.5px;padding:0;position:relative; overflow: hidden;}
.proList3 ul li .pic{width:100%;height:auto; overflow:hidden; position:relative;margin:0 auto; text-align:center; margin-bottom:10px;}
.proList3 ul li .pic img{width:100%;height:auto; display:block;margin:auto;}
.proList3 ul li .pic:after{opacity:0;content:""; display:block; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; background-color:#000;}
.proList3 ul li a:hover .pic:after{opacity:0.5;}
.proList3 ul li .tit{line-height:60px;height:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-weight:300;font-size:20px;color:#fff; position:relative; padding-left:40px;}
.proList3 ul li .tit:after{content:""; display:block; width:25px; background:#d2c2a9; height:3px; position:absolute; left:0; top:50%; margin-top:-1.5px; background-color:#d2c2a9;}
.proList3 ul li a:hover .tit:after{width:35px;}
.proList3 ul li a:hover .tit{ padding-left:50px;}
.proList3 ul li .tit,.proList3 ul li .pic img,.proList3 ul li .pic:after,.proList3 ul li a,.proList3 ul li .tit:after{-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}

@media screen and (max-width:1024px){
    .proList3 ul li{width:50%;margin-bottom:20px;}
	.proTitle{padding-bottom:20px;margin-bottom:40px;}
	.proList3 ul li .tit{font-size:18px;}
}
@media screen and (max-width:768px){
    .proList3 ul li{width:100%;margin-bottom:20px;}
	.proList3 ul li a{ position:relative;}
	.proList3 ul li .tit{font-size:16px;}
}
@media screen and (max-width:350px){
	.proList3 ul li{width:100%;margin-bottom:10px;}
}





/*pageMore*/
.pageMore{margin: 0 auto; margin-top:30px; margin-bottom:65px;text-align:center;line-height:46px;height:46px; width:220px; }
.pageMore a{ display:inline-block; color: #ffffff;font-size:14px; position: relative;text-align:center; padding-right:57px; text-transform:uppercase;}
.pageMore a:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top:-3px;width:13px;height:6px; background: url(../images/more-v.png) right center no-repeat;background-size:12px;}
.pageMore.no{ display:none!important;}
@media screen and (max-width:1024px){
.pageMore{width:120px;line-height:40px;height:40px;border-radius:40px;}
.pageMore a{font-size:14px;padding-right:30px;}
}


/*page-tab*/
.page .page-tab{margin:0 auto;padding:30px 0 30px 0;text-align: center; }
.page .page-tab ul { margin:0 auto;padding: 0;list-style: none; text-align:center;height: 38px;line-height: 38px;font-size: 0;}
.page .page-tab ul li{margin: 0;padding: 0;display: inline-block;position: relative;height: 36px;line-height: 36px;}
.page .page-tab ul li a{display: inline-block;text-align: center;font-size: 14px;color: #909090;padding: 0 15px;height: 36px;line-height: 36px;border: 1px solid #3a3a3a;background: transparent;margin: 0 5px;}
.page .page-tab ul li a:hover,.page .page-tab ul li a.focus{ background:#faca99; color: #000;}
.page .page-tab ul li.next-page a, .page .page-tab ul li.prev-page a{padding: 0 28px;}

@media screen and (max-width:1024px){
.page .page-tab{margin:0 auto;padding:33px 0 87px 0;text-align: center; }
}
@media screen and (max-width:768px){
.page .page-tab ul li{ display:none;}	
.page .page-tab ul li.next-page, .page .page-tab ul li.prev-page{ display:inline-block;}
.page .page-tab ul li a,.page .page-tab ul li a.focus{ background:#faca99; color: #000;}
}








/****************detailBox ******************/
.detailBox .detail-topBox{padding-top:8%;padding-bottom:7%;}
.detailBox .proTit{font-size:40px; color:#ffffff; text-align:center; font-weight:300; padding-bottom:5.729166666666667%;}
.detailBox .pro-Text{font-size:16px; color:#ffffff; text-align:center; line-height:40px; font-weight:300;}
@media screen and (max-width:1600px) {
.detailBox .proTit{font-size:36px;}
}
@media screen and (max-width:1440px) {
.detailBox .proTit{font-size:34px;}
}
@media screen and (max-width:1220px) {
.detailBox .proTit{font-size:30px;}
}
@media screen and (max-width:1024px) {
.detailBox .proTit{font-size:28px;}
.detailBox .pro-Text{font-size:14px;line-height:36px;}
}
@media screen and (max-width:768px) {
.detailBox .proTit{font-size:26px;}
}





/*proTitle2*/
.proTitle2{padding-top:60px;padding-bottom:60px;vertical-align:middle;text-align:center;}
.proTitle2 span{font-size:24px;color:#d2c2aa;line-height:30px; display:inline-block; position:relative; text-align:center;vertical-align:middle;}
.proTitle2 span em{ font-style:normal;}
.proTitle2 span.cn{ width:50%; float:left; text-align:right; line-height:60px;background: url(../images/pro3-line.png) right center no-repeat;}
.proTitle2 span.cn em{padding-right:23px;}
.proTitle2 span.en{font-weight:bold; text-align:left;color:#d2c2aa; text-transform:uppercase;width:40%;float:left;padding-left:21px;}
@media screen and (max-width:1220px){
  .proTitle2{padding-top:50px;padding-bottom:50px;}
    .proTitle2 span{font-size:22px;}
	.proTitle2 span.cn em{padding-right:23px;}
  .proTitle2 span.en{padding-left:21px;}
}
@media screen and (max-width:1024px){
  .proTitle2{padding-top:40px;padding-bottom:40px;}
  .proTitle2 span{font-size:20px;}
  .proTitle2 span.cn em{padding-right:15px;}
  .proTitle2 span.en{padding-left:15px;}
}
@media screen and (max-width:768px){
  .proTitle2 span{font-size:18px;}
  .proTitle2 span.cn em{padding-right:10px;}
  .proTitle2 span.en{padding-left:10px;}
}


/*proSize*/
.proSize{ padding-bottom:100px;border-bottom:1px solid #181818;}
.proSize td{ width:25%; text-align:left;font-weight:300;font-size:16px; color:#b4b5bd;}
.proSize td strong{ font-weight:300; color:#fff;}
@media screen and (max-width:768px){
	.proSize td{font-size:14px;}
	.proSize td{display:block!important; width:100%!important; text-align:center;}
}




/*xgproList*/
.xgproList{padding-top:25px;padding-bottom:70px; text-align:center;}
.xgproList ul{font-size:0;padding:0; display:inline-block; display: block; position:relative; padding-top:10px;}
.xgproList ul li{display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:14.28571428571429%;margin-bottom:0px; vertical-align:top; text-align:center; display:block;}
.xgproList ul li a{ display:block;margin:0 10px;padding:0;position:relative; overflow: hidden;border:1px solid #2c2b2b;}
.xgproList ul li .pic{width:100%;height:auto; overflow:hidden; position:relative;margin:0 auto; text-align:center;}
.xgproList ul li .pic img{width:100%;height:auto; display:block;margin:auto;}
.xgproList ul li .pic:after{opacity:0;content:""; display:block; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; background-color:#000;}
.xgproList ul li a:hover .pic:after{opacity:0.3;}
.xgproList ul li .pic:before{opacity:0;content:""; display:block; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%;background:url(../images/top-search.png) center center no-repeat; background-size:30px; z-index:2;}
.xgproList ul li a:hover .pic:before{opacity:0.5;}
.xgproList ul li .tit{line-height:60px;height:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-weight:300;font-size:20px;color:#fff; position:relative; padding-left:40px;}
.xgproList ul li .tit:after{content:""; display:block; width:25px; background:#d2c2a9; height:3px; position:absolute; left:0; top:50%; margin-top:-1.5px; background-color:#d2c2a9;}
.xgproList ul li a:hover .tit:after{width:35px;}
.xgproList ul li a:hover .tit{ padding-left:50px;}
.xgproList ul li .tit,.xgproList ul li .pic img,.xgproList ul li .pic:after,.xgproList ul li a,.xgproList ul li .tit:after{-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.xgproList ul .swiper-wrapper{margin:0 auto; font-size:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;align-items:center;/*垂直居中*/justify-content: center;/*水平居中*/}

/*xgproList swiper-button-prev*/
.xgproList .swiper-button-prev{width:62px; height:62px; margin-top:-31px; position:absolute;top:50%;left:0;border-radius:50%;background: url("../images/arrow-left.png") center center no-repeat;background-size:100%; z-index:2;}
.xgproList .swiper-button-next{width:62px; height:62px; margin-top:-31px; position:absolute;top:50%;right:0;border-radius:50%;background: url("../images/arrow-right.png") center center no-repeat;background-size:100%; z-index:2;}
.xgproList .swiper-button-prev.swiper-button-disabled, 
.xgproList .swiper-button-next.swiper-button-disabled{opacity:0;}
@media screen and (max-width:1024px){
    .xgproList ul li{width:50%;margin-bottom:20px;}
	.proTitle{padding-bottom:20px;margin-bottom:40px;}
	.xgproList ul li .tit{font-size:18px;}
}
@media screen and (max-width:768px){
    .xgproList ul li{width:100%;margin-bottom:20px;}
	.xgproList ul li a{ position:relative;}
	.xgproList ul li .tit{font-size:16px;}
}
@media screen and (max-width:350px){
	.xgproList ul li{width:100%;margin-bottom:10px;}
}





/*bigImgList*/
.bigImgList{position: relative;overflow:hidden;}
.bigImgList .swiper-slide{width:100%;}
.bigImgList .swiper-slide .pic{display: block;position: relative;width: 100%;padding-bottom:50%;overflow: hidden;vertical-align:bottom;}
.bigImgList .swiper-slide .pic img{position: absolute;top:50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%,-50%);display: block;max-width:none; width:auto; max-height:auto; height:100%;}
/**/
.bigImgList .swiper-button-prev{opacity: 1;width:135px;height:100%;position:absolute;top:0; margin-top:0;left:0;background: url("../images/arrow-leftbg.png") left center repeat-y;background-size:100%;outline: none; z-index:3;}
.bigImgList .swiper-button-next{opacity: 1;width:135px;height:100%;position:absolute;top:0; margin-top:0;right:0;background: url("../images/arrow-rightbg.png") right center repeat-y;background-size:100%;outline: none; z-index:3;}
.bigImgList .swiper-button-prev:after{content: '';width:26px; height:26px; margin-top:-13px; position:absolute;top:50%;left:5%;border-radius:50%;background: url("../images/arrow-left.png") center center no-repeat;background-size:100%; z-index:2;}
.bigImgList .swiper-button-next:after{content: '';width:26px; height:26px; margin-top:-13px; position:absolute;top:50%;right:5%;border-radius:50%;background: url("../images/arrow-right.png") center center no-repeat;background-size:100%; z-index:2;}
.bigImgList .swiper-button-prev.swiper-button-disabled, 
.bigImgList .swiper-button-next.swiper-button-disabled{opacity:0;}
/**/
.bigImgList .swiper-pagination{ text-align:center;left:0;width: 100%; bottom:30px; z-index:2; line-height:0; position:relative; margin-top:0px;} 
.bigImgList .swiper-pagination-bullet { opacity:1!important; width:8px; height:8px; text-align: center;background:#cfd1d8;border-radius:50%;margin:0 4px!important; outline:none;} 
.bigImgList .swiper-pagination-bullet-active {background:#D3461E;}
@media screen and (max-width:1024px) {.pageLunbo{padding-top:50px;padding-bottom:50px;}
.bigImgList .swiper-slide .item{ margin:0 10px;}
}
@media screen and (max-width:768px) {
.bigImgList .swiper-container{width:100%; overflow:visible;}
.bigImgList .swiper-button-prev:after,
.bigImgList .swiper-button-next:after{display:none;}
.bigImgList .swiper-button-prev,
.bigImgList .swiper-button-next{ display:none;}

}





/*pageInfoTit*/
.pageInfoTit{font-size:30px; color:#ffffff; line-height: normal; text-align:center;font-weight: normal;margin-bottom:80px;}
@media screen and (max-width:1520px) {
    .pageInfoTit{font-size:28px;}
}
@media screen and (max-width:1220px) {
    .pageInfoTit{font-size:26px;}
}
@media screen and (max-width:1024px) {
    .pageInfoTit{font-size:24px;}
}
@media screen and (max-width:992px) {
	.pageInfoTit{ font-size:20px;}
}
@media screen and (max-width:768px) {

}



/*toTop*/
.toTop{display:none;position:fixed;z-index:5;bottom:30px;right:30px;width:50px;height:50px;cursor:pointer;background:rgba(201,160,99,0.78) url("../images/top.png") no-repeat center;transition:all .3s linear;background-size:26px !important;border-radius:0px}
.toTop:hover{transform:translateY(-6px)}
@media (max-width:1270px){
.toTop{width:40px;height:40px;right:0;bottom:0}
}

/*pagebanner2*/
.pagebanner2 img{ width:100%;}
@media (max-width:1270px){
.pagebanner2{ padding-top:60px;}
}



	
/*joinBox1*/
.joinBox1 {width:100%;overflow:hidden;margin:0 auto;text-align:center;position: relative;background-size:cover; background-repeat:no-repeat; background-position:center bottom; background-attachment:fixed; }
@media screen and (max-width: 1024px){
.joinBox1{background-attachment: inherit;}
}