@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, button, p, blockquote, pre, hr, th, td, em{margin:0; padding:0; outline:none; border:none;}
body{font: 12px/1.5  Arial, PingFang SC, '微软雅黑','Microsoft YaHei',"Microsoft JhengHei", Helvetica, sans-serif; color:#6a6a6a; -webkit-text-size-adjust:none; background:#fff; overflow-x:hidden;}
h1, h2, h3, h4, h5, h6, button, input, select, textarea{font-size:100%; font-weight:normal;}
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; }

/* 去除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;}
@font-face {	 
  font-family: "Swis721 BT";
  src: url('fonts/Swis721 BT.eot');
  src: url('fonts/Swis721 BT.eot?#iefix') format('embedded_opentype'),
       url('fonts/Swis721 BT.woff2') format('woff2'),
       url('fonts/Swis721 BT.woff') format('woff'),
       url('fonts/Swis721 BT.ttf') format('truetype'),
       url('fonts/Swis721 BT.svg#Swis721 BT') format('svg');
       font-weight: normal;
       font-style: normal;
}
@font-face {
    font-family: 'Futura Bk BT';
    src: url('fonts/FuturaBT-Book.eot');
    src: url('fonts/FuturaBT-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/FuturaBT-Book.woff2') format('woff2'),
        url('fonts/FuturaBT-Book.woff') format('woff'),
        url('fonts/FuturaBT-Book.ttf') format('truetype'),
        url('fonts/FuturaBT-Book.svg#FuturaBT-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura';
    src: url('fonts/FuturaBT-Heavy.eot');
    src: url('fonts/FuturaBT-Heavy.eot?#iefix') format('embedded-opentype'),
        url('fonts/FuturaBT-Heavy.woff2') format('woff2'),
        url('fonts/FuturaBT-Heavy.woff') format('woff'),
        url('fonts/FuturaBT-Heavy.ttf') format('truetype'),
        url('fonts/FuturaBT-Heavy.svg#FuturaBT-Heavy') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family:'Raavi';
    src: url('fonts/Raavi.eot');
    src: url('fonts/Raavi.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raavi.woff2') format('woff2'),
        url('fonts/Raavi.woff') format('woff'),
        url('fonts/Raavi.ttf') format('truetype'),
        url('fonts/Raavi.svg#Raavi') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Helvetica Condensed';
    src: url('fonts/Helvetica-Condensed-Bold.eot');
    src: url('fonts/Helvetica-Condensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Helvetica-Condensed-Bold.woff2') format('woff2'),
        url('fonts/Helvetica-Condensed-Bold.woff') format('woff'),
        url('fonts/Helvetica-Condensed-Bold.ttf') format('truetype'),
        url('fonts/Helvetica-Condensed-Bold.svg#Helvetica-Condensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
/*@font-face {	 
  font-family: 'Helvetica Neue LT Pro';
  src: url('fonts/HelveticaNeueLTPro35Th.eot');
  src: url('fonts/HelveticaNeueLTPro35Th.eot?#iefix') format('embedded_opentype'),
       url('fonts/HelveticaNeueLTPro35Th.woff2') format('woff2'),
       url('fonts/HelveticaNeueLTPro35Th.woff') format('woff'),
       url('fonts/HelveticaNeueLTPro35Th.ttf') format('truetype'),
       url('fonts/HelveticaNeueLTPro35Th.svg#HelveticaNeueLTPro35Th') format('svg');
       font-weight: normal;
       font-style: normal;
}*/
body {font-size: 14px;line-height: 1.42857143; background:#151515; min-width:320px;}
.w1400{width: 1400px;margin: 0 auto;}	
.layout{width:93.75%;margin: 0 auto;}
.w1650{ padding:0 3.90625%;}	
@media (max-width:1600px) {
.w1400{width:1200px;}
}
/*@media (max-width:1300px) {
.w1400{width:1100px;}
}*/
@media (max-width:1270px) {
.w1400{ width:93.75%;}
.w1650{ padding:0;}	
}


/*header*/
.header{ height:90px; position: fixed;width:100%; z-index:99;}
.header .headerBox{position:relative; margin:0 auto;}
.header .logo{ position:absolute; left:0; top:20px;}
.header .logo,.header .logo *{ display:block;height:50px;}
.header .close,.header .menu,.headerBg{ display:none;}
.header .top-right{padding-right:70px;}
.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:#222;}
/*pc one*/
.header .nav{text-align:right; display:block!important; }
.header .nav .one{padding:30px 0 20px 0;display: inline-block;}
.header .nav .one .a1{ display:block;}
.header .nav .one > li{ float:left;margin:0 22px;-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;}
.header .nav .one > li .a1{ display:block; font-size:15px;color:#fff;line-height:30px;}
.header .nav .one > li.on .a1,
.header .nav .one > li:hover .a1{ border-bottom-color:#000;}
/*pc two*/
.header .two {background-color:#000; background:rgba(0, 0, 0, 0.8);position:absolute;line-height: 60px;font-size: 0;box-shadow: 0px 5px 9.9px 0.1px rgba(155, 155, 155, 0.1); width:140px; margin-left:-40px;padding:10px 0; border-radius:3px;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:center;}
.header .two a {display: block;font-size: 13px;line-height:26px;padding: 0 5px;color: #fff;}
.header .two a::after {display: none;}
.header .two a:hover {color: #faca99;}

.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: 1220px){
  .header .nav .one > li{margin:0 15px;}
}
@media (max-width: 1024px){
.header{ position:fixed; left:0; top:0; height:60px; z-index:100; box-shadow: 0 0 15px rgba(0,0,0,.2); background:#1e1e1e;}
.headerBg{height:60px;}
.header .close,.header .menu,.headerBg{ display: block;}
.header .logo{left:2%;top:13px;}
.header .logo,.header .logo *{height:34px;}
.header .top-right{padding-right:0;}
.header .nav{/*display:none!important;*/ 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{/*display:block!important; */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 .one{ position:absolute; width:65%; max-width:260px; background:#333; padding:0 15px; /*border-top:20px solid #333; border-bottom:20px solid #333;*/ overflow:auto; height:100%; z-index:1;text-align:left; display:block; margin:0;}
.header .nav .one > li{ margin-left:0;}
.header a{ color:#fff;}
.header .nav .one > li{ border-bottom:1px solid #858585; float:none; margin:0;}
.header .nav .one > li .a1{ font-size:16px; line-height:45px;border:none;color:#fff;}
.header .two{ border-top:1px solid #858585;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;}
.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 .menu{position:absolute;right:2%;top: 12px;z-index:1;cursor:pointer;}
.header .menu,
.header .menu img{width: 36px;height: 36px;display:block;transition:all 1.4s;}
.header .menu.on img{ transform: rotate(360deg);}
}
@media (max-width: 768px){	
.header .nav .one > li .a1{ font-size:18px; line-height:60px;}
.header .two a{ font-size:16px; line-height:45px;}
}



/*pc lan*/
.f-box{display: inline-block;position:absolute;right: 0;top:30px;width:30px;height:30px; font-size:0; line-height:0;}
.f-box .search-btn{display: inline-block;width:100%;height:100%;background-repeat: no-repeat;background-position: center center;background-image: url('../images/top-search.png'); display:inline-block;background-size:16px;}
@media (max-width: 1024px){
.f-box{top:11px;right:60px;top: 5px;width:50px;height: 50px;overflow: hidden;}	
}
@media (max-width: 640px){
.f-box{right:50px;}	
}



/*search*/
.search-box{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;display: none;}
.search-box .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;/*opacity: .9;filter: alpha(opacity=90);*/ background-image: url(../images/pro1-bg1.jpg);background-position: center center; background-repeat:no-repeat; background-size:cover;}
.search-box .search-close{position: absolute;left: 50%;top: 12%;margin-left: -10px;width: 20px;height: 20px;background-repeat: no-repeat;background-position: center;background-size:100%;background-image: url("../images/close1.png");transition: all .2s;}
.search-box .search-wrap{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;}
.search-box .search-wrap .search{padding: 15px;border-bottom: 2px solid #484848;position: relative;}
.search-box .search .icon{position: absolute;width: 22px;left: 15px;top: 50%;transform: translateY(-50%);}
.search-box .search-wrap .icon img{width: 100%;}
.search-box .search-wrap input[type=text]{display: block;margin: 0 auto;width: 90%;font-size: 20px;color: #fff;text-align: center;background-color: transparent;}
.search-box .search-wrap input[type=submit]{position: absolute;right: 15px;top: 50%;transform: translateY(-50%);font-size:18px;color: #fff;background-color: transparent;font-family: "Aparajita";}
.search-box .search-wrap input[type=text]::-webkit-input-placeholder{color: #fff;}
.search-box .search-wrap input[type=text]::-moz-placeholder{   /* Mozilla Firefox 19+ */color: #fff;}
.search-box .search-wrap input[type=text]:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color: #fff;}
.search-box .search-wrap input[type=text]:-ms-input-placeholder{  /* Internet Explorer 10-11 */color: #fff; }
@media (max-width: 768px){
.search-box .search-wrap input[type=text]{font-size:.9rem;}	
}








/*footer*/
.footer{font-size:12px;width:100%;height:auto;background: url("../images/bottom-bg.jpg") no-repeat center top #1f1f1f; background-size:cover;}
/*bottom-top*/
.footer .bottom-top{padding:140px 0 123px 0;}
/*bottom-logo*/
.footer .bottom-top .bottom-logo{float:left;font-size:14px;line-height:30px;color:#989898;width:23%;margin-bottom:30px;}
.footer .bottom-top .bottom-logo img{max-width:210px;}
/*bottom-nav*/
.footer .bottom-top .left{float:left;font-size:12px;line-height:26px;color:#5d6371;width:47%;}
.footer .bottom-top .left ul{height:auto;width:33%;float:left;}
.footer .bottom-top .left ul li{list-style-type:none;display:block;line-height:0;padding:0;margin:0;}
.footer .bottom-top .left ul.ul2{ font-size:0;text-align:left;}
.footer .bottom-top .left ul.ul2 .ulB{ display:inline-block;*display:inline;zoom:1;width:120px; text-align:center; float:left;}
.footer .bottom-top .left ul.ul2 .t1{width:120px;}
.footer .bottom-top .t1{font-size:20px;margin-bottom:28px;color:#1e2831; text-transform:uppercase;}
.footer .bottom-top .t1 a{display:inline-block;color:#faca99;padding-left:23px;background: url("../images/bottom-tit.png") no-repeat left center; background-size:18px;}
.footer .bottom-top .t2{font-size:13px;}
.footer .bottom-top .t2 a{font-size:16px;display: inline-block;overflow:hidden;line-height:34px;color:#c8c8c8; 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:16px;line-height:34px;color:#FFF;width:30%; text-align:right;}
.footer .bottom-top .right p{ margin-bottom:5px;}
/*bq*/
.footer .bq .beian{width:50%; text-align:right; float:left;}
.footer .bq .bqname{width:50%; text-align:left; float:left;}
.footer .bq{width:100%;font-size:12px;line-height:24px;color:#909090; padding-top:30px;} 
.footer .bq a{color:#909090;}
.footer .bq a:hover{color:#fff;}
/*detail-share*/
.detail-share{line-height:33px;margin-top:10px;}
.detail-share a{margin-right:3px; width:33px; height:33px; display:inline-block;background-image:url(../images/bottom-share.png); background-repeat:no-repeat; overflow:hidden;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; background-size:125px;}
.detail-share a.share-wx{background-position:left top;}
.detail-share a.share-qq{background-position:center top;}
.detail-share a.share-wb{background-position:right top;}
.detail-share a:hover{-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px);}
@media screen and (max-width:1680px) {
/*.footer .bottom-top{padding:80px 0 65px 0;}
.footer .bottom-top .bottom-logo{width:10%;padding-right:4%;}
.footer .bottom-top .left{width:40%;}
.footer .bottom-top .center{width:26%;}	*/
}
@media screen and (max-width:1680px) {
.footer .bottom-top .bottom-logo{width:20%;}	
.footer .bottom-top .bottom-logo img{max-width:190px;}
.footer .bottom-top .right{width:33%;}	
}
@media screen and (max-width:1220px) {
.footer .bottom-top{padding:70px 0 45px 0;}
.footer .bottom-top .bottom-logo img{max-width:180px;}
.footer .bottom-top .t2 a{font-size:14px;line-height:30px;}
.footer .bottom-top .right{font-size:14px;line-height:30px;}
.footer .bottom-top .t2{font-size:13px;}
.footer .bottom-top .t1{font-size:18px;margin-bottom:20px;}
}
@media screen and (max-width:1024px) {
.footer .bottom-top{padding:50px 0 30px 0;}
.footer .bottom-top .bottom-logo{float:none;width:100%;padding-right:0;}
.footer .bottom-top .t2 a:after{margin-left:5px;}
.footer .bottom-top .t1 a{}
.footer .bottom-top .left{width:70%;}
.footer .bottom-top .left ul{ text-align:left;}
.footer .bottom-top .left ul .ulB{}
.footer .bottom-top .share{ text-align:center;}
.footer .bottom-top .share ul{display:inline-block;margin-bottom: 30px;margin:0 auto;}
.footer .bottom-top .right{}
.footer .bq .bqname,.footer .bq .beian{width:100%;text-align: center;}
.footer .bottom-top .center{ float:none; width:100%;margin-bottom:30px;}
}
@media screen and (max-width:768px) {
.footer .bottom-top .bottom-logo{ /*display:none;*/ text-align:center;margin-bottom:10px;}	
.footer .bottom-top .bottom-logo img{max-width: 150px;}
.footer .bottom-top .left{width:100%; display:none;}	
.footer .bottom-top .right{width:100%; text-align:center;}
.footer .bottom-top .right .t1{ display:none;}
.footer .bottom-top .right{font-size:14px;line-height:30px;}
.footer .bottom-top .right p{ margin-bottom:0;}
.detail-share{display:none;}
}





















/*pagebanner*/
.pagebannerBox {width:100%;overflow:hidden;margin:0 auto;text-align:center;position: relative;}
.pagebannerBox img{width:100%; display:block;}
.pagebannerBox .t {position:absolute;top:50%;left: 0;right: 0;margin-top:-40px;height:80px;color:#fff;display:inline-block;vertical-align: middle;text-align:center;}
.pagebannerBox .t .en{font-size:80px;line-height:40px;display:block;font-family: "Aparajita";display:inline-block;padding:0 100px; position:relative;}
.pagebannerBox .t .en::before{content: '';display: block;width:76px;position: absolute;left:0;top:50%;height:1px;background: url(../images/page-line1.png) no-repeat center center;}
.pagebannerBox .t .en::after{content: '';display: block;width: 76px;position: absolute;right:0;top:50%;height:1px;background: url(../images/page-line2.png) no-repeat center center;}
.pagebannerBox .t .cn{font-size:26px;line-height:40px;display:block; }
@media screen and (max-width: 1440px){
.pagebannerBox .t .en{font-size:70px;}
.pagebannerBox .t .cn{font-size:24px;}

}
@media screen and (max-width: 1024px){
.pagebannerBox img{ height:400px;}	
.pagebannerBox .t .en{font-size:60px;}
.pagebannerBox .t .cn{font-size:20px;}
}
@media screen and (max-width: 920px){
.pagebannerBox img{ height:350px;}	
}
@media screen and (max-width: 790px){
.pagebannerBox img{ height:230px;}
}
@media screen and (max-width:768px) {
.pagebannerBox img{ height:200px;}
.pagebannerBox .t {margin-top:-20px;height:40px; display:none;}
.pagebannerBox .t .en{font-size:18px;line-height:20px;}
.pagebannerBox .t .cn{font-size:16px;line-height:20px;}
}
@media screen and (max-width: 640px){
.pagebannerBox img{ height:130px;}
}
@media screen and (max-width: 350px){
.pagebannerBox img{ height:120px;}
}
	
	

/*PageNav*/
.PageNav {margin:0 auto;padding: 0;display:block;margin-bottom:20px; border-bottom:1px solid #3e3e3e;}
.PageNav ul{margin:0 auto; font-size:0;}
.PageNav li {list-style:none;display:inline-block;*display:inline; zoom:1;text-align: center;width:auto;}
.PageNav li a {display:inline-block;line-height:79px;font-size:14px; color:#fff;padding:0 17px;position:relative;}
.PageNav li a:after {content: "";display: block;position: absolute;bottom:-1px;left:0;width: 0;height:8px;background:#faca99; z-index:2;}
.PageNav .cur a:after{width:100%;}
.PageNav .Navtit{ display:none;}
@media screen and (max-width:1680px) {
.PageNav li a:after {height:6px;}	
}
@media screen and (max-width:768px) {
.PageNav{margin-bottom:0;/*padding: 10px 0 10px 0;*/margin-top:0;}
.PageNav li{text-align:left; margin-right:20px;}
.PageNav li a {line-height:50px;height:50px;overflow:hidden;margin:0;font-size:14px;text-align:left;padding:5px 0;color:#fff;display:block;}
.PageNav li.on a{color:#faca99; background:none;}
.PageNav .Navtit {line-height: normal;padding: 10px 20px;position: relative;text-transform: uppercase;font-size: 16px;letter-spacing: 1px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: background .15s;-moz-transition: background .15s;-ms-transition: background .15s;-o-transition: background .15s;transition: background .15s;text-align: center;ddisplay:none;width: 100%;color: #fff;background: #202020;}
.PageNav .Navtit span {position: relative;z-index: 1;-webkit-transition: color .25s;-moz-transition: color .25s;-ms-transition: color .25s;-o-transition: color .25s;transition: color .25s;color: inherit;text-align: left;}
.PageNav .Navtit:after {content: "";display: block;position: absolute;top: 18px;right: 20px;width: 0;height: 0;border-style: solid;border-width: 6px 4px 0 4px;border-color: #fff transparent transparent transparent;}
.PageNav .Navtit span {display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}	
/*.PageNav ul li.on a:before,.PageNav ul li.on a:after{ display:none;}
.PageNav li:hover a:after,.PageNav li.on a:after{ width:0;}*/
.PageNav li a:after {height:3px;}
}





/*pageInfo*/
.page img{max-width:100%;}
.pageInfo{ color:#ffffff; font-size:16px; line-height:34px; min-height:300px;padding-top:40px;padding-bottom:50px;}
.pageInfo img{ max-width:100%;}
.page-tit{font-size:42px;color:#000000;overflow:hidden; line-height:normal;padding-bottom:15px;padding-bottom:40px;font-family: "Aparajita";text-transform:uppercase;}
.page-tit2{font-size:36px;color:#fff;padding-bottom:15px;}
.page-tit1{font-size:18px;color:#d8d8d8;padding-bottom:15px;}

.pageInfo hr{ width:100%;border:none;border-top:1px solid #3e3e3e!important;}
@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) {
.pageInfo{padding-top:30px;/*padding-bottom:30px;border-top:1px solid #dcdcdc;*/ }
.page-tit{font-size:30px;padding-bottom:10px;}
.page-tit2{font-size:26px;}
.page-tit1{font-size:16px;}
}
@media screen and (max-width:768px){
.pageInfo{font-size:14px;line-height:30px; }
.page-tit2{font-size:20px;}
.page-tit1{font-size:14px;}
}
























	

/*pageBoxTable-Center*/
.pageBoxTable-Center {position:relative;}
.pageBoxTable-Center:before{content:"";display:block;position:absolute; left:50%;margin-left:-960px;top:0;z-index:0;width:1920px;height:100%;background: url(../images/page-bg1.jpg) no-repeat center 25%;}

.pageBoxTable-Center td{ position:relative; z-index:1;}
.pageBoxTable-Center .pageBoxTable-Center-wz{padding-right:10%}
.pageBoxTable-Center2{position:relative;top:-220px;}
.pageBoxTable-Center2:before{content:"";display:block;position:absolute; left:50%;margin-left:-960px;bottom:0;z-index:0;width:1920px;height:100%;background: url(../images/page-bg2.jpg) no-repeat center center;}
.pageBoxTable-Center2 td{ position:relative; z-index:1;padding-top:220px;}
.pageBoxTable-Center2 .pageBoxTable-Center-wz{padding-left:10%;}
.pageBoxTable-Center2 img{ text-align:center;margin:0 auto;margin-bottom:-130px;}
.pageBoxTable-Center3 .pageBoxTable-Center3-wz{position:relative; z-index:1;}
@media screen and (max-width:1680px){
.pageBoxTable-Center2{top:-190px;}
.pageBoxTable-Center2 td{padding-top:190px;}
}
@media screen and (max-width:1220px){
.pageBoxTable-Center2{top:-100px;}
.pageBoxTable-Center2 td{padding-top:100px;}
}
@media screen and (max-width:1024px){

.pageBoxTable-Center{padding:0 0 30px 0;display:block;}
.pageBoxTable-Center td{ display:block; width:100%!important;padding:1% 0}
.pageBoxTable-Center .pageBoxTable-Center-wz{padding-right:0}
.pageBoxTable-Center2{padding-top:30px;padding-bottom:30px; display: block;top:0;}
.pageBoxTable-Center2:before{background-size:cover; background-color:#f7f7f7;}
.pageBoxTable-Center2 img{ text-align:center;margin:0 auto;}
.pageBoxTable-Center2 td{ display:block; width:100%!important;padding:1.5% 0}
.pageBoxTable-Center2 .pageBoxTable-Center-wz{padding-left:0;}
.pageBoxTable-Center3{display:block;padding-top:30px;}
}
	


























/*honorList*/
.honorList ul{margin:0 -10px;font-size:0;}
.honorList ul li{display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:33.33333%;margin-bottom:10px; vertical-align:top;}
.honorList ul li a{ display:block;margin:0 10px;padding:0;border-radius:6px;}
.honorList ul li .picB{width:100%;height:auto;}
.honorList ul li .pic{width:100%;height:auto; overflow:hidden; position:relative;border:1px solid #e5e5e5;padding:25px;display:table-cell; vertical-align:middle; margin:0 auto; text-align:center;}
.honorList ul li .pic img{max-width:100%; 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;}
.honorList 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;}
.honorList ul li:hover .pic:after{opacity:0.3;}
.honorList ul li .pic:before { content: "";display: block;position: absolute;width: 50px;height: 50px;opacity: 0;top: 50%;left: 50%;margin-left: -25px;margin-top: 25px;background: url(../images/icon.png) center center no-repeat; background-size:50px;transition: all 1s ease;z-index: 10;transform: rotateY(360deg);}
.honorList ul li:hover .pic:before {opacity: 1;margin-top: -25px;transition-delay: .2s;transform: rotateY(0deg);}
.honorList ul li .tit{ text-align:center; line-height:30px;margin-top:10px;font-size: 14px;color:#464646;}
@media screen and (max-width:1024px){
	.honorList ul{margin:0 -5px;}
	.honorList ul li a{margin:0 5px;}
}
@media screen and (max-width:768px){
	.honorList ul li{width:50%;}
    .honorList ul li .pic{padding:15px;}
}








/*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;}
}













/*listpic*/
.pageList{margin-bottom:30px;}
.pageList ul{margin:0 -15px; font-size:0;}
.pageList ul li.listpic{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;overflow:hidden;list-style:none;width:50%;padding-top:45px;}
.pageList ul li.listpic a{display:block;position: relative;border-bottom:1px dashed #eeeeee;margin:0 15px;padding-bottom:45px;}
.pageList ul li.listpic .ImgBox{width:305px;height:190px;overflow:hidden; float:left;}
.pageList ul li.listpic .ImgBox img{max-width:100%;max-height:100%; width:100%;}
.pageList ul li.listpic .ImgBox img,.pageList ul li.listpic .listTitle .listTitleBox{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.pageList ul li.listpic a:hover .ImgBox img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);}
.pageList ul li.listpic .listTitle{overflow:hidden;display:block;padding:0;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; position:relative;}
.pageList ul li.listpic .listTitle .listTitleBox{padding:25px 0 0 50px;}
.pageList ul li.listpic .listTitle .t{font-size: 20px;color:#000000;height:34px;line-height:34px; overflow:hidden;}
.pageList ul li.listpic .listTitle .t2{font-size: 14px;color:#464646;height:52px;line-height:26px; overflow:hidden;margin-top:10px;}
.pageList ul li.listpic .listTitle .date{font-size:16px; color:#1e2831;line-height:30px;margin-bottom:5px;font-family: "Aparajita";}
.pageList ul li.listpic .listTitle .more2{text-align:right; float:right; font-size:12px; color:#3b4048;}
.pageList ul li.listpic a:hover .t{color:#bf424d;}
@media screen and (max-width:1024px) {	
.pageList ul li.listpic{padding-top:30px;}
     .pageList ul li.listpic a{padding-bottom:30px;}
	.pageList ul li.listpic .ImgBox{width: 250px;height: 156px;}
    .pageList ul li.listpic .listTitle .listTitleBox{padding:10px 0 0 30px;}
	.pageList ul li.listpic .listTitle .date{margin-bottom:0;}
	.pageList ul li.listpic .listTitle .t{font-size: 16px;height:30px;line-height:30px;}
    .pageList ul li.listpic .listTitle .t2{font-size: 13px;height:72px;line-height:24px;}
}
@media screen and (max-width:768px) {
	.pageList ul{margin:0 -5px;}
	.pageList ul li.listpic a{margin:0 5px;}
	.pageList ul li.listpic .ImgBox{width:100%;height:auto; display:block; float:none;}
	.pageList ul li.listpic .ImgBox img{max-width: 100%;max-height:100%;width: 100%;}
	.pageList ul li.listpic .listTitle .listTitleBox{padding:20px 0 0 0}
}
@media screen and (max-width:350px) {	
.pageList ul{margin:0;}
	.pageList ul li.listpic{width:100%;margin-right:0;}
	.pageList ul li.listpic .listTitle{padding:10px;}
}










/*listpic*/
.pageList2{margin-bottom:30px;}
.pageList2 ul li.listpic{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:100%;margin-bottom:19px;}
.pageList2 ul li.listpic a{display:block;position: relative;border:1px solid #e5e5e5;padding:16px 16px;}
.pageList2 ul li.listpic a:after{ content:"";  height:48px; width:4px; background:#b03b45; display: block; position:absolute;right:47px;top:-7px;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.pageList2 ul li.listpic .ImgBox{width:330px;height:210px;overflow:hidden; float:left;}
.pageList2 ul li.listpic .ImgBox img{max-width:330px;max-height:210px; width:100%;}
.pageList2 ul li.listpic .ImgBox img,.pageList2 ul li.listpic .listTitle .listTitleBox{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.pageList2 ul li.listpic a:hover .ImgBox img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);}
.pageList2 ul li.listpic .listTitle{overflow:hidden;display:block;padding:0;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; position:relative;}
.pageList2 ul li.listpic .listTitle .listTitleBox{padding:30px 65px 30px 65px;}
.pageList2 ul li.listpic .listTitle .t{font-size: 18px;color:#000000;height:34px;line-height:34px; overflow:hidden;}
.pageList2 ul li.listpic .listTitle .t2{font-size: 13px;color:#5d6371;height:52px;line-height:26px; overflow:hidden;margin-top:20px;}
.pageList2 ul li.listpic .listTitle .date{font-size:16px; color:#1e2831;line-height:30px;margin-top:20px;font-family: "Aparajita";}
.pageList2 ul li.listpic .listTitle .more2{text-align:right; float:right; font-size:12px; color:#3b4048;}
.pageList2 ul li.listpic .cover {display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: 400ms;-webkit-transition: 400ms;opacity:0; visibility:hidden;}
.pageList2 ul li.listpic a:hover .cover{ opacity:1; visibility: visible;background: rgba(0,0,0,0.1); }
@media screen and (max-width:1024px) {	
	.pageList2 ul li.listpic .ImgBox{width:300px;height:170px;}
	.pageList2 ul li.listpic .ImgBox img{max-width:300px;max-height:170px; width:100%;}
    .pageList2 ul li.listpic .listTitle .listTitleBox{padding:10px 10px 0 30px;}
	.pageList2 ul li.listpic .listTitle .date{margin-bottom:0;}
	.pageList2 ul li.listpic .listTitle .t{font-size: 16px;height:30px;line-height:30px;}
    .pageList2 ul li.listpic .listTitle .t2{font-size: 13px;height:72px;line-height:24px;}
}
@media screen and (max-width:768px) {
	.pageList2 ul li.listpic a{margin:0 5px;}
	.pageList2 ul li.listpic .ImgBox{width:100%;height:auto; display:block; float:none;}
	.pageList2 ul li.listpic .ImgBox img{max-width: 100%;max-height:100%;width: 100%;}
	.pageList2 ul li.listpic .listTitle .listTitleBox{padding:30px 0 0 0}
}
@media screen and (max-width:350px) {	
	.pageList2 ul li.listpic{width:100%;margin-right:0;}
	.pageList2 ul li.listpic .listTitle{padding:10px;}
}




















/*proBox*/
.proBox{margin-bottom:55px;padding-bottom:55px;border-bottom:1px solid #e5e5e5;}
/*proList2-img*/
.proList2-img{width:640px; float:left;margin-right:60px; background:#f7f7f7;}
.proList2-img .img{width:640px;height:660px;overflow:hidden; position:relative;display:table-cell; vertical-align:middle; margin:0 auto; text-align:center; position:relative;}
.proList2-img .img img{max-width:100%; 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;}
.proList2-img .img:hover img{ transform: scale(1.1, 1.1)}
.proList2-img .img:after{ content:""; position:absolute; width:55px; height:24px;background: url(../images/ss.png) center center no-repeat; left:20px; bottom:0; }
.proList2-img .pageTitle3{margin-top:60px;}
.proList2-img .more{ margin:0 auto; text-align:center;padding:30px 0 56px 0;}
.proList2-img .more a{display:block;width:98px;font-size: 12px;line-height: 38px;height:38px;border-radius:40px;overflow:hidden; text-align:center;color: #5e5e5e;margin:0 auto;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; text-transform:uppercase;border:1px solid #dcdcdc;}
.proList2-img .more a:hover{background: #eb6100; color:#fff;border-color:#eb6100;}
.page .proBox:nth-child(2n) .proList2-img{margin-right:0;margin-left:60px;}
@media screen and (max-width:1680px){
.proList2-img{width:41.5%;margin-right:8.5%;}	
.proList2-img .img{width:498px;height:514px;}
.page .proBox:nth-child(2n) .proList2-img{margin-right:0;margin-left:8.5%;}	
}
@media screen and (max-width:1220px){
.proList2-img{width:700px; float:none;margin:0 auto;}	
.proList2-img .img{width:100%;height:auto;}
.proList2-img .img img{width:100%;}
.proList2-img .proList2-wz{float:left;width:40%}
.page .proBox:nth-child(2n) .proList2-img{margin:0;margin-bottom:30px;}
.page .proBox:nth-child(2n) .proList2-img{margin-right:0;margin-left:0;float:none;margin:0 auto;}	
}
@media screen and (max-width:767px){
.proList2-img{width:100%; float:none;margin:0 auto;}
.proBox{margin-bottom:30px;padding-bottom:15px;}
.proList2-img .img{width:50%;}
.proList2-img .proList2-wz{width:50%}
.proList2-img .pageTitle3{margin-top:10px;}
.proList2-img .more{padding:20px 0 20px 0;}
}



/*proList2*/
.pageTitle3{font-size: 36px;color:#000000;line-height:normal;margin-bottom:20px; text-align:center;}
.pageTitle3 .en{font-size: 20px;font-family: "Aparajita";margin-bottom:5px;}
.proList2{width:50%; float:left;}
.proList2 ul{margin:0;font-size:0;padding:26px 26px;}
.proList2 ul li{display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:25%;margin-bottom:30px; vertical-align:top;}
.proList2 ul li a{ display:block;margin:0 3.5px;padding:0;border-radius:6px; position:relative;}
.proList2 ul li .pic{width:155px;height:auto; overflow:hidden; position:relative;display:table-cell; vertical-align:middle; margin:0 auto; text-align:center;}
.proList2 ul li .pic img{width:100%;height:auto; 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;}
.proList2 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;-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;}
.proList2 ul li:hover .pic:after{opacity:0.5;}
.proList2 ul li .pic:before { content: "";display: block;position: absolute;width: 50px;height: 50px;opacity: 0;top: 50%;left: 50%;margin-left: -25px;margin-top: 25px;background: url(../images/search.png) center center no-repeat; background-size:21px;transition: all 1s ease;z-index: 10;}
.proList2 ul li:hover .pic:before {opacity:1;margin-top: -25px;transition-delay: .2s;}
.proList2 ul li .tit{ text-align:center; line-height:30px;margin-top:20px;font-size: 14px;color:#fff; position:absolute; top:60%;margin-top:-15px; text-align:center; width:100%;opacity:0;-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;}
.proList2 ul li:hover .tit{opacity:1;margin-top:0;transition-delay: .2s;}

@media screen and (max-width:1220px){
	.proList2{width:700px; float:none;margin:0 auto;}
	.proList2 ul li .pic{width:100%;height:auto;}
	.proList2 ul li .pic img{max-width:100%; max-height:100%; }
}
@media screen and (max-width:768px){
	.proList2{width:100%;}
	.proList2 ul li .tit{margin-top:10px;}
	.proList2 ul{margin:0 -5px;}
	.proList2 ul li{margin-bottom:20px;}
	.proList2 ul li a{margin:0 5px;}
	.pageTitle3{font-size:26px;margin-bottom:20px;}
	.pageTitle3 .en{font-size: 18px;}
	
}
@media screen and (max-width:640px){
	.pageTitle3{font-size:22px;margin-bottom:15px;}
	
}







/*pro3BOX*/
.pro3BOX img{ width:100%;display: block;}
.pro3BOX-Tit{padding-bottom:6px;margin-bottom:35px;font-size:18px;color:#000000;line-height:40px;background: url(../images/pro3-line.png) center bottom no-repeat; text-align:center;}
@media screen and (max-width:1024px){
.pro3BOX-Tit{margin-bottom:25px;}	
}
@media screen and (max-width:768px){
.pro3BOX-Tit{margin-bottom:20px;}
}

















/*css3*/
@-webkit-keyframes rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate{
from{-ms-transform:rotate(0deg)}
to{-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate{
from{-o-transform:rotate(0deg)}
to{-o-transform:rotate(360deg)}
}


.demo-1{width: 100%;height: 100%;position: fixed;z-index: -1;top: 0;left: 0;}
@media screen and (max-width:1024px){
.demo-1{ display:none;}	
}







/*pageList3*/
.pageList3 ul{margin:0 -12.5px; font-size:0;}
.pageList3 li.sceneListpic{list-style:none;overflow:hidden;margin:auto ;padding:0;display:block; display:inline-block;*display:inline;zoom:1;width:33.33333%;height:auto;margin-bottom:17px;position:relative;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; position:relative; cursor:pointer; vertical-align:top;}
.pageList3 li.sceneListpic a{display:block;margin:0 12.5px;position:relative;border-bottom:1px solid #ebebeb; position:relative;}
.pageList3 li.sceneListpic a:before{content:"";display:block;position:absolute; left:0;bottom:0;z-index:1;width:0;height:2px; background:#bf404b;-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.pageList3 li.sceneListpic .ImgBox{display:block;width:450px;height:280px;overflow:hidden; background:#fff;}
.pageList3 li.sceneListpic .ImgBox img{overflow: hidden;max-width:450px;max-height:280px;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);display:block;}
.pageList3 li.sceneListpic a:hover .ImgBox img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}
.pageList3 li.sceneListpic .tit{height:auto;color:#1e2831;line-height:30px;z-index:2;font-size:16px; font-weight: normal;padding:20px 10px;text-align:center;}
.pageList3 li.sceneListpic .tit .cn{font-size:16px; line-height:30px; color:#3f3a39;display: block;}
.pageList3 li.sceneListpic a:hover .tit .cn{ color:#bf404b;}
.pageList3 li.sceneListpic a:hover:before{width:100%;}
@media screen and (max-width:1680px) {
.pageList3 ul{margin:0 -5px;}
.pageList3 li.sceneListpic a{margin:0 5px;}
.pageList3 li.sceneListpic .ImgBox{width:390px;height:243px;}
.pageList3 li.sceneListpic .ImgBox img{max-width:390px;max-height:243px;}
.pageList3 li.sceneListpic .tit{padding:15px 10px;}
}
@media screen and (max-width:1220px) {
.pageList3 li.sceneListpic .ImgBox{width:100%;height:auto;}
.pageList3 li.sceneListpic .ImgBox img{max-width:100%;max-height:100%;width:100%;}	
.pageList3 li.sceneListpic .tit .cn{font-size:14px;}
}
@media screen and (max-width:1024px) {
.pageList3 li.sceneListpic{ width:50%}
}
@media screen and (max-width:767px) {
.pageList3 li.sceneListpic .tit{padding:5px 5px;}
}
@media screen and (max-width:350px) {
.pageList3 ul{margin:0;}
.pageList3 li.sceneListpic{width:100%;}
.pageList3 li.sceneListpic a{ margin:0;}
}












/*more*/
.more{text-align:center;position:relative; display:inline-block; padding:0 29px;background:#faca99;border-radius:60px;}
.more span{display:block;font-size:14px;line-height:60px;height:60px;overflow:hidden;text-align:center;color:#1c253e;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.more em{display:inline-block;width:24px;height:16px;background-image:url(../images/m.png);background-position:center center;background-repeat:no-repeat;background-size:24px;vertical-align:middle;margin-right:40px;-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-right:60px;}
@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:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:100%;margin-bottom:30px; vertical-align:top;}
.proList1 ul li a{ display:block;margin:0;padding:0;position:relative;padding-right:31.42857142857143%;background-color:#222222;background-position:right center;background-repeat:no-repeat;background-size:31.42857142857143% 100%;background-image:url(../images/pro1-bg1.jpg);}
.proList1 ul li .pic{width:100%; height:500px; /*padding:26.04166666666667% 0;*/overflow:hidden;position:relative;}
.proList1 ul li .pic img{display:block;width:100%;height:100%;-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; /*position:absolute; left:0;top:0;*/}
.proList1 ul li a:hover .pic img{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2);}
.proList1 ul li .tit{width:31.42857142857143%;text-align:center;line-height:30px;font-size: 14px;color:#fff;text-align:center;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) a{padding-right:0%;padding-left:31.42857142857143%;background-position:left center;background-image:url(../images/pro1-bg2.jpg);}
.proList1 ul li:nth-child(2n) .tit{right:auto; left:0;}
/*li a bg*/
.proList1 ul li.li2 a{background-image:url(../images/pro1-bg2.jpg);background-position:left center;}
.proList1 ul li.li3 a{background-image:url(../images/pro1-bg3.jpg);}
.proList1 ul li.li4 a{background-image:url(../images/pro1-bg4.jpg);background-position:left center}
@media screen and (max-width:1270px){
.proList1 ul li .pic{height:400px;}	
}
@media screen and (max-width:1024px){
.proList1 ul li .pic{height:auto;}	
.proList1 ul li .pic img{min-height:300px;}
}
@media screen and (max-width:768px){
.proList1 ul li a{ display:block;margin:0;padding:0;position:relative;padding-bottom:0;background-position:bottom center;background-size:100%;}
.proList1 ul li:nth-child(2n) a{padding-right:0%;padding-left:0;}
.proList1 ul li .tit{ width:100%; left:0;right:0; margin:0 auto;}
.proList1 ul li:nth-child(2n) .tit{left:0;right:0;}
.proList1 ul li .pic img{opacity: .8;filter: alpha(opacity=80);}
}
@media screen and (max-width:430px){
.proList1 ul li .pic img{min-height:250px;}	


}




/*proList1 Title*/
.proList1 ul li .tit h1{font-weight:400;font-size:38px;color:#fff;margin-bottom:30px;}
.proList1 ul li .tit .wz{font-size:14px;color:#ffffff;margin-bottom:85px;}
@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{margin-bottom:60px;}	
}
@media screen and (max-width:1150px){
.proList1 ul li .tit h1{font-size:24px;margin-bottom:20px;}
.proList1 ul li .tit .wz{margin-bottom:50px;}	
}
@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;margin-bottom:45px;}	
}
  
@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;margin-bottom:20px;}	
}
  




/*pro2BOX*/
.pro2BOX{margin-bottom:25px;}
.pro2BOX a{ display: block;}
.pro2BOX a img{ display: block;}
@media screen and (max-width:768px){
.pro2BOX{margin-bottom:20px;}	
}
/*pro2BOXTable*/
.pro2BOX-wz{ background:#000000;padding:65px 0 25px 0;margin-bottom:50px;}
.pro2BOXTable .t1{ width:260px; height:230px; position:relative;padding:0 25px; font-size:30px; line-height: normal;color: #fff; text-align:center;vertical-align:middle;}
.pro2BOXTable .en{padding-top:12px;font-size:12px; line-height: normal;color: #faca99; text-align:center; text-transform:uppercase;}
.pro2BOXTable .wz{padding:0 45px 0 75px;font-size:16px; line-height:32px;color: #ffffff;position:relative; vertical-align:middle;}
.pro2BOXTable .wzB{max-height:224px;overflow-x:hidden;overflow-y: scroll; padding-right:30px;}
.pro2BOXTable .wzB::-webkit-scrollbar{width:2px;height:1px;background-color:#151515;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.pro2BOXTable .wzB::-webkit-scrollbar-thumb{ background-color:#faca99;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}	
.pro2BOXTable .wz:after{ content:"";height:100%; width:1px; background:#333333;overflow:hidden; display: block; position:absolute;left:0;top:0;}
@media screen and (max-width:1680px){
.pro2BOXTable .t1{ font-size:26px;}	
.pro2BOXTable .wz{padding:0 50px;}	
}
@media screen and (max-width:768px){
.pro2BOX-wz{padding:30px 30px;margin-bottom:20px;}
.pro2BOXTable,.pro2BOXTable tr,.pro2BOXTable td,.pro2BOXTable tbody{display:block!important;}
.pro2BOXTable .t1{ width:94%;padding:3% 0 8% 0; font-size:24px; display:block!important; height:auto;}	
.pro2BOXTable .wz:after{height:1px; width:100%;right:0; left:0;top:0;margin:0 auto;}	
.pro2BOXTable .wz{ width:100%!important;padding:3% 0%; font-size:15px;display:block!important;}	
.pro2BOXTable .wzB{height:224px;width:100%!important;}
.pro2BOXTable .wzB{padding-right:0;}
}





/*proBox2*/
.proBox2{padding-bottom:30px;}
/*proList3*/
.proTitle{border-bottom:1px solid #2d2d2d;padding-bottom:30px;margin-bottom:50px;line-height:30px;}
.proTitle span{padding-left:20px;font-size:18px;color:#ffffff;line-height:30px; display:inline-block; position:relative;}
.proTitle span:after{ content:"";height:8px; width:8px;background:#faca99; border-radius:8px; overflow:hidden;display: block; position:absolute;left:0;top:50%;margin-top:-4px;}
.proTitle a.more2{ float:right;font-size:16px;color:#ffffff;line-height:30px; display:inline-block;}
.proTitle a.more2:hover{color:#faca99;}
/*proList3*/
.proList3{margin-top:25px;}
.proList3 ul{margin:0 -3px;font-size:0;padding:0;}
.proList3 ul li{display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:20%;margin-bottom:75px; vertical-align:top;}
.proList3 ul li.li6{ display:none;}
.proList3 ul li a,.proList3 ul li .pic,.proList3 ul li .pic img,.proList3 ul li .pic: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;}
.proList3 ul li a{ display:block;margin:0 3px;padding:0;position:relative; overflow: hidden;}
.proList3 ul li .pic{width: 100%;overflow: hidden;position: relative;margin: 0 auto;text-align: center;height: 0;padding: 83.63636363636364% 0;background-color:#000;}
.proList3 ul li .pic img{/*width:100%;height:auto; display:block;margin:auto;*/}
.proList3 ul li .pic img{display:block;position:absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);padding: 0%;height: 100%;height: 100%;object-fit: contain; max-width:none;}
.proList3 ul li a:hover .pic img{-moz-transform: scale(1.1) translate(-50%, -50%); -webkit-transform: scale(1.1) translate(-50%, -50%);-ms-transform: scale(1.1) translate(-50%, -50%);transform: scale(1.1) translate(-50%, -50%);}
.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:hover .pic:after{opacity:0.5;}
.proList3 ul li .titNr .tit{max-width:200px; margin:0 auto; text-align:center; padding:0 10px;}
.proList3 ul li .titNr{ text-align:center; line-height:30px;margin-top:20px;font-size:16px;color:#fff; width:100%;opacity:0;-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;text-align:center;position: absolute;right: 0; left:0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);overflow-y:scroll; max-height:200px;}
.proList3 ul li .code img{width:110px;transition-delay: .2s; margin-bottom:25px;}
.proList3 ul li:hover .titNr{opacity:1;margin-top:0;transition-delay: .2s;}
.proList3 ul li .titNr::-webkit-scrollbar{width:0;height:0;background-color:rgba(255, 255, 255, 0);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.proList3 ul li .titNr::-webkit-scrollbar-thumb{ background-color:rgba(200, 200, 200, 0);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.proList3 ul li .title{background-color:#000;position:absolute;left:0;right:0; bottom:0; padding:0 34px;background:url(../images/bg80.png) center center repeat;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.proList3 ul li .title h1{line-height:60px;height:60px;overflow:hidden;/*text-overflow:ellipsis;*/white-space:nowrap; font-weight:400;font-size:14px;color:#fff;}
.proList3 ul li:hover .title{bottom:-60px;}
.proList3 ul li .code canvas{padding:5px; background:#fff;}
@media screen and (max-width:1920px){
.proList3 ul li .code img{margin-bottom:10px;}	
.proList3 ul li .titNr{max-height:175px;line-height:25px;}
}
@media screen and (max-width:1680px){
.proList3 ul li .code img{margin-bottom:10px;}	
.proList3 ul li .titNr{max-height:175px;line-height:25px;}
}
@media screen and (max-width:1270px){
.proList3 ul li .code img{width:23%;}	
.proList3 ul li .titNr{max-height:165px;line-height:20px; font-size:14px;}
}
@media screen and (max-width:1024px){
    .proList3 ul li .tit2{font-size: 13px;}
	.proTitle{padding-bottom:20px;margin-bottom:40px;}
	.proTitle span{font-size:16px;}
	.proTitle a.more2{font-size:14px;}
	.proList3 ul li .code{/*display:none;*/}
	
    .proList3 ul li{width:20%;margin-bottom:20px;}
    .proList3 ul li .titNr{line-height:24px;margin-top:0;font-size:14px;opacity:1;color:#fff;position: static;top:0;left:auto;right:auto;-webkit-transform: translateY(00%);-ms-transform: translateY(0%);-o-transform: translateY(0);transform: translateY(0%);max-height:100%; overflow:visible;}
	.proList3 ul li a{ position:relative;}
	.proList3 ul li .code{position: absolute;right:10px;top: -80px;/* display:none;*/}
	.proList3 ul li .code img{width:60px;}
	.proList3 ul li .code canvas{width:50px;height:50px;}
	.proList3 ul li .titNr .tit{ margin-top:10px;}
	.proList3 ul li .title{ display:none;}
}
@media screen and (max-width:992px){
	.proList3 ul li{width:25%;margin-bottom:20px;}
    .proList3 ul li.li5{display:none;}
	.proList3 ul li .pic{padding: 70% 0;}
}
@media screen and (max-width:768px){
	.proBox2{padding-bottom:0px;}

	.proTitle{margin-bottom:10px;padding-bottom:10px;}
	.proTitle span{font-size: 18px;}
	.proTitle a.more2{font-size:13px;}
	
	.proTitle{padding-bottom:15px;margin-bottom:30px;}
	.proTitle span{font-size:16px; padding-left:10px;}
	.proTitle span:after{ content:"";height:4px; width:4px;margin-top:-2px;}
	.proTitle a.more2{font-size:12px;}
	
    .proList3 ul li{width:33.33333%;margin-bottom:20px;}
	.proList3 ul li .pic{padding: 60% 0;}
    .proList3 ul li .titNr{line-height:24px;margin-top:0;font-size:14px;opacity:1;color:#fff;position: static;top:0;left:auto;right:auto;-webkit-transform: translateY(00%);-ms-transform: translateY(0%);-o-transform: translateY(0);transform: translateY(0%);max-height:100%; overflow:visible;}
	.proList3 ul li a{ position:relative;}
	.proList3 ul li .code{position: absolute;right:10px;top: -80px;display:none;}
	.proList3 ul li .code img{width:60px;}
	.proList3 ul li .code canvas{width:50px;height:50px;}
	.proList3 ul li .titNr .tit{ margin-top:10px;}
	.proList3 ul li .title{ display:none;}
	.proList3 ul li.li5{display:inline-block;*display:inline;zoom:1;}
	.proList3 ul li.li6{display:inline-block;*display:inline;zoom:1;}
}
@media screen and (max-width:640px){
    .proList3 ul li{width:50%;margin-bottom:30px;}
}
@media screen and (max-width:350px){
	.proList3 ul li{width:50%;margin-bottom:10px;}
	
}








/*page-back*/
.page-back{ border-top:1px solid #3e3e3e; text-align:center; padding-top:54px;}
.page-back a{text-align:center;position:relative; display:inline-block; padding:0 38px;background:#faca99;border-radius:60px;}
.page-back span{display:block;font-size:14px;line-height:60px;height:60px;overflow:hidden;text-align:center;color:#1c253e;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}
.page-back em{display:inline-block;width:24px;height:16px;background-image:url(../images/m.png);background-position:center center;background-repeat:no-repeat;background-size:24px;vertical-align:middle;margin-right:40px;-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;}
.page-back a:hover em{margin-right:60px;}
@media screen and (max-width:1270px){
	.page-back a{padding:0 30px;}
	.page-back span{line-height:50px;height:50px;}
	.page-back em{background-size:20px;margin-right:30px;}
	.page-back a:hover em{margin-right:40px;}
}
@media screen and (max-width:1024px){
	.page-back span{line-height:40px;height:40px;}	
	.page-back em{background-size:18px;margin-right:25px;}
	.page-back a:hover em{margin-right:25px;}
}
@media screen and (max-width:768px){
	.page-back span{line-height:35px;height:35px;}	
	.page-back em{background-size:14px;margin-right:15px;}
	.page-back a:hover em{margin-right:15px;}
}







/****************detailBox ******************/
.detailBox .detailBoxTop{padding-top:10px;padding-bottom:60px;}
.detailBox .detailImg .preview{}
.detailBox .detailImg{width:45.71428571428571%;float:left;position:relative!important; overflow:hidden;background:#fff;}
.detailBox .detailNr{width:54.28571428571429%;float:right;}
.detailBox .detailNr .detailNrBox{padding-left:5px;}
.detailBox .detailNr .detailNrWZ{padding:80px 75px 80px 75px;background:#000000;min-height:480px;}
.detailBox .proTit{font-size:26px; color:#fff;}
.detailBox .proTit .tt{display:inline-block;line-height:normal;}
.detailBox .proTit .proCodeBtn{display:inline-block;width:20px; height:20px;background-image:url(../images/pro3-code.png);background-position:center center;background-repeat:no-repeat;background-size:20px; position:relative; margin-left:15px; cursor:pointer;}
.detailBox .proTit .proCodeBOX{ position:absolute; left:-60px;top:30px; width:120px; font-size:14px; text-align:center; padding:5px 10px; background:#fff;border-radius:3px;color:#151515;display:none; overflow:hidden;}
.detailBox .proTit .proCodeBOX canvas{padding:5px; background:#fff;}
.detailBox .pro-Text{margin-top:10px; padding-top:15px;border-top: 1px solid #222;line-height:30px;font-size:15px;color:#fff;}
.detailBox .pro-Text strong{color:#000000;}
.detailBox .pro-Text hr{border-top: 1px solid #2d2d2d!important; margin:35px 0;}
@media screen and (max-width:1150px) {
	.detailBox .proTit{font-size:22px; color:#fff;}
	.detailBox .pro-Text hr{margin:20px 0;}
	.detailBox .pro-Text{padding-top:10px;line-height:26px;font-size:14px;}
    .detailBox .detailNr .detailNrWZ{padding:30px 30px 30px 30px;background:#000000;min-height:330px;}	
}
/*@media screen and (max-width:1520px) {
	.detailBox .detailImg{width:500px;}
	.detailBox .detailNr{width:calc( 100% - 500px );}
	.detailBox .detailNr .detailNrWZ{padding:65px 60px 60px 60px;}
	.detailBox .proTit{font-size:24px;padding-bottom:15px;}
	.detailBox .pro-Text{padding-top:25px;font-size:14px;}
}*/
/*@media screen and (max-width:1024px) {
	.detailBox .detailImg{width:430px;}
	.detailBox .detailImg .preview{padding-right:30px;}
	.detailBox .detailNr{width:calc( 100% - 430px );min-height:484px;}
	.detailBox .detailNr .detailNrBox{padding:35px 30px 30px 30px;}
	.detailBox .proTit{font-size:20px;}
	.detailBox .pro-Text{padding-top:20px;line-height:26px;}
}*/
@media screen and (max-width:1024px) {
	.detailBox .pro-Text hr{margin:20px 0;}
	.detailBox .proTit{font-size:20px; }
	.detailBox .proTit .tt{ display:block; padding-right:60px; height:60px; position:relative;}
	.detailBox .proTit .proCodeBtn{display:block!important; background:none; width:60px; height:60px; margin-left:0;position: absolute; left:auto;right:0;top:0;}
	.detailBox .proTit .proCodeBOX{display:block!important;position:static;left:auto;top:0;width:60px; padding:0; background:none; font-size:0; border-radius:0;}
	.detailBox .proTit .proCodeBOX canvas{width:50px; padding:5px;}
	.detailBox .detailNr .detailNrWZ{padding:30px 30px 30px 30px;background:#000000;min-height:380px;}	
}
@media screen and (max-width:992px) {
	.detailBox .pro-Text hr{margin:15px 0;}
	.detailBox .detailBoxTop{padding-top:0;padding-bottom:0;}
	.detailBox .detailImg{width:100%;float:none;margin:0 auto;}
	.detailBox .detailNr .detailNrBox{padding-left:0;}
	.detailBox .detailNr{width:100%;float:none;min-height:0;}
	.detailBox .proTit{font-size:18px;}
	.detailBox .pro-Text{padding-top:10px;}
	.detailBox .detailNr .detailNrWZ{padding:30px 30px 30px 30px;min-height:0px;}
	.detailBox .proTit{font-size:18px;}
}
@media screen and (max-width:768px) {
	.detailBox .detailNr .detailNrWZ{padding:50px 30px 50px 30px;min-height:0;}
}
@media screen and (max-width:640px) {
	.detailBox .detailNr .detailNrWZ{padding:30px 3% 30px 3%;min-height:0;}
}

/*bigImg*/
.bigImg{ position:relative;}
.bigImg .icon-big{cursor:pointer;width:40px;height:40px;background:url(../images/icon-search.png) center center no-repeat;position:absolute;top:0;right:0;z-index:2; background-size:20px;/* border-radius:50%;*/}
.bigImg .swiper-container{width: 100%;}
.bigImg .swiper-container .swiper-slide{height:640px;position: relative;background: #FFF}
.bigImg .swiper-container .swiper-slide .img{width: 100%;height: 100%;}
.bigImg .swiper-container .swiper-slide img{position: absolute;max-width:100%;max-height:83.59375%;left: 50%;top:50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);padding: 0%;height: 100%;height: 100%;object-fit: contain;}
.bigImg .mbtn{width:50px; height:50px;overflow:hidden;position:absolute;top:50%;margin-top:-25px;cursor:pointer;z-index:2;outline:none;background-color:#fff;border-radius:50%;overflow:hidden;}
.bigImg .mbtn.mprevbtnb{background:url(../images/arrow-left.png) center center no-repeat #fff;left:20px;background-size:12px;}
.bigImg .mbtn.mnextbtnb{background:url(../images/arrow-right.png) center center no-repeat #fff;right:20px;background-size:12px}
/*@media(max-width: 1300px) {
    .bigImg .swiper-container .swiper-slide{height:560px;}	
}*/
@media(max-width: 1220px) {
    .bigImg .swiper-container .swiper-slide{height:390px;}		
}
@media(max-width: 1024px) {
    .bigImg .swiper-container .swiper-slide{height: auto}
    .bigImg .swiper-container .swiper-slide .img{padding-top:100%;height: auto;position: relative}
}
@media(max-width: 992px) {
    .bigImg .swiper-container .swiper-slide .img{padding-top: 100%;height: auto;}
	.bigImg .mbtn.mprevbtnb,
	.bigImg .mbtn.mnextbtnb{background-size:7px; background-color:#fff;border-radius:50%; overflow:hidden;}
    .bigImg .mbtn.mprevbtnb{left:1%;}
    .bigImg .mbtn.mnextbtnb{right:1%;}
}


/*pro-hd01{*/
.bigImg .pro-hd01{position: absolute;z-index: 3;width:100%;bottom:0;left:0;right:0; text-align:center;}
.bigImg .pro-hd01 .swiper-pagination-bullet{width:8px;height:8px;display: inline-block;margin: 0 5px;position: relative;transition-duration: .5s;cursor: pointer;background:#d0d1d3;opacity: 1;}
.bigImg .pro-hd01 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #909090;}



/*detail-bottomBox*/
.detailBox .detail-bottomBox{padding:40px 0; position:relative;font-size:15px;line-height:30px;color:#ffffff;overflow: hidden;}
.detailBox .detail-bottomBox h1{font-size: 16px; font-weight:300;line-height:30px;color:#8a8a8a; text-align:left;padding-left:30px;background:url(../images/tit.png) left center no-repeat; background-size:20px; text-transform:uppercase;font-family: "Futura Bk BT","Helvetica Neue LT Pro",Arial, Helvetica, sans-serif; margin-bottom:35px;}
.detailBox .detail-bottomBox h1 strong{ margin-right:20px;font-size:20px;font-weight:400; font-family:Arial, PingFang SC, '微软雅黑','Microsoft YaHei',"Microsoft JhengHei", Helvetica, sans-serif;color:#fff;}
@media screen and (max-width:1024px){
.detailBox .detail-bottomBox h1{margin-bottom:20px;}	
}
@media screen and (max-width:768px){
.detailBox .detail-bottomBox h1 strong{font-size: 18px;}	
.detailBox .detail-bottomBox h1{font-size:14px;margin-bottom:10px;}
}


/*proTitle2*/
.proTitle2{border-top:1px solid #43392f;border-bottom:1px solid #43392f;padding-top:30px;padding-bottom:30px;margin-top:40px;margin-bottom:60px;line-height:30px;}
.proTitle2 span{font-size:24px;color:#faca99;line-height:30px; display:block; position:relative; text-align:center;}
@media screen and (max-width:1220px){
  .proTitle2{padding-top:20px;padding-bottom:20px;margin-top:30px;margin-bottom:30px;}
}
@media screen and (max-width:1024px){
  .proTitle2{padding-top:15px;padding-bottom:15px;margin-top:20px;margin-bottom:30px;line-height:26px;}
  .proTitle2 span{font-size:20px;}
}
@media screen and (max-width:768px){
  .proTitle2 span{font-size:18px;}
}




/****************************************************Contact****************************************************/
.pageContact{font-size:16px;color:#ffffff;line-height:30px;margin-bottom:50px;}
.pageContact h1{font-size:18px;color:#ffffff;margin-bottom:10px;font-weight:400;}
.pageContact td{vertical-align:top;}
.contactTable td{vertical-align:top;width:25%;padding:30px 15px;font-size:16px;color:#ffffff;line-height:30px;}
@media screen and (max-width:1024px) {
.contactTable{margin-bottom:30px;}
.contactTable td{ display:block!important; float:left;width:44%;padding:3% 3%;}
}
@media screen and (max-width:768px) {
.pageContact{margin-bottom:0;}
.pageContact .td{display:block!important;width:100%; padding:15px 0;}
}
@media screen and (max-width:320px) {
.contactTable td{ display:block!important; width:94%;padding:30px 3%;}
}


/*feedback2Box*/
.feedback2Box{font-size:16px;color:#ffffff;line-height:30px;padding:0;margin-top:80px;padding-top:80PX; border-TOP:1PX solid #2d2d2d;}
.feedbackTit{font-size:18px;color:#ffffff;overflow:hidden;padding-bottom:5px;}
.feedback2{margin:0 -9px; margin-top:70PX;}
.feedback2 .l1{float:left;width: 33.333333%; position:relative;}
.feedback2 .l1Box{margin:0 9px;}
.feedback2 .text{display:block;width: 100%;padding:4px 15px 4px 15px;height:50px;margin-bottom:18px;outline:none;font-size:14px;color:#909090;font-family:Arial,"微软雅黑",Sans-Serif;border:1px solid #d3d8dc;border-radius:0;background:#ffffff;text-align:left;}
.feedback2 .text2{display:block;width:100%;padding:10px 15px 10px 15px;height:210px;margin-bottom:18px;outline:none;font-size:14px;color:#909090;font-family:Arial,"微软雅黑",Sans-Serif;border:1px solid #d3d8dc;border-radius:0;background:#ffffff;text-align:left;}
.feedback2 .getcode{display:block;width:100%;padding:4px 15px 4px 15px;height:50px;margin-bottom:0;outline:none;font-size:14px;color:#909090;font-family:Arial,"微软雅黑",Sans-Serif;border: none;border:1px solid #d3d8dc;border-radius:0;background:#ffffff;text-align:left;max-width:275px; float:left;}
.feedback2 .kk{font-size:14px;color:#464646; line-height:normal;margin-left:2px;}
.feedback2 .inputbtn{display:inline-block;width:100%;height:60px;line-height:60px;margin:0 9px;outline:none;font-size:14px;color:#1c253e;font-family: Arial,"微软雅黑",Sans-Serif;border:none;background-color: #d8d8d8;cursor:pointer;border-radius:60px;margin-top:85px;text-align:center;max-width:100px; }
.feedback2 .inputbtn.tj{background:#faca99;}
.feedback2 .text:focus,.feedback2 .text:active,.feedback2 .text2:focus,.feedback2 .text2:active,.feedback2 .getcode:focus,.feedback2 .getcode:active{-webkit-box-shadow: none;box-shadow: none;border: 2px solid rgba(235, 119, 0, 0.5); background:#ede2d6;}
@media screen and (max-width:1024px){
.feedback2{margin-top:50PX;}
.feedback2 .inputbtn{margin-top:65px;}	
}
@media screen and (max-width:768px){
.feedback2Box{font-size:14px;margin-top:30px;padding-top:30PX;}
.feedback2{margin:0;margin-top:30px;}
.feedback2 .l1{float:none;width:100%;}
.feedback2 .kk{ display:inline-block; clear: both;}
.feedback2 .text{width: 100%;padding:4px 3% 4px 3%;}
.feedback2 .getcode{width:100%;padding:4px 3% 4px 3%;margin-bottom:15px; max-width:120px;}
.feedback2 .l1Box{margin:0 auto;}
.feedback2 .inputbtn{margin-top:35px;height:40px;line-height:40px;}

}





/****************************************case****************************************/
.case {overflow: hidden;padding-bottom:20px;}
.case .ul-case{ overflow:hidden;padding-bottom:20px;display:block;max-width:100%;}
.case .ul-case li{width:33.33333%;margin-bottom:20px;display:inline-block;*display:inline;zoom:1; float:left;display:block; vertical-align:top;animation-duration:0!important;opacity: 1!important;}
.case .ul-case li a{ display:block;margin:0 10px;}
.case .ul-case li p{ line-height: 37px;font-size: 14px;color: #666;}
.case .ul-case li a .pic{ overflow: hidden;position: relative;}
.case .ul-case li a img{width: 100%;display:block;-webkit-transition: -webkit-transform 0.5s ease 0s;-moz-transition: -moz-transform 0.5s ease 0s;-o-transition: -o-transform 0.5s ease 0s;transition: transform 0.5s ease 0s;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
.case .ul-case li a:hover img{ -webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}
.case .ul-case .text{background-color: #fff;padding:0;/*border:1px solid #e5e5e5;border-top:0;*/ position:relative; height:70px;overflow: hidden;}
.case .ul-case .text:after{ content:''; position:absolute;left:0;top:0; height:0;width:0%;background:#1f1f1f;}
.case .ul-case li a,.case .ul-case .text:after,.case .ul-case .text h3,.case .ul-case .text h2{-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;}
.case .ul-case .text h3{font-weight: normal;font-size:16px;padding:20px;color:#333;background:#fff;}
.case .ul-case .text h2{font-weight: normal;font-size:16px;padding:20px;color:#faca99; background:#1f1f1f;}
.case .ul-case .text span{position:relative; z-index:1; display:block;line-height:30px; height:30px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*.case .ul-case a:hover .text:after{left:0;height:100%;top:0;width:100%;}
.case .ul-case a:hover h3{color:#faca99;}*/
.case .ul-case li a:hover h3{margin-top:-70px;}
.case .ul-case li .rectborder {width: calc(100% + 20px);height: calc(100% + 20px);position: absolute;left: -10px;top: -10px;border: rgba(255,255,255,.6) 1px solid;transition: all ease-out .2s}
.case .ul-case li a:hover .rectborder {width: calc(100% - 22px);height: calc(100% - 22px);left: 10px;top: 10px;}
@media (max-width: 900px) {
.case .ul-case{}
.case .ul-case li {width:50%;margin-bottom:10px;}
.case .ul-case li a{margin:0 5px;}
}
@media (max-width: 640px) {
.case .ul-case{margin:0 0;/* height:auto!important*/}
.case .ul-case li {width:100%;/*float:none;position:static!important; left: 0px; top:0!important; */display:block;}
.case .ul-case li a{margin:0 0;}
}


/*case-layout*/
.case-layout{width: 100%;height: 100%;position: fixed;z-index: 1000;top: 0;left: 0;display: none;}
.case-layout .bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #000;}
.case-layout .layout-close{position: absolute;top: 60px;right: 65px;z-index: 99;}
.case-layout .owl-carousel{width: 100%;text-align: center;left: 50%;top: 50%;position: absolute;z-index: 2;height: 70%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.case-layout .owl-carousel .owl-stage-outer{width: 100%;height: 100%;}
.case-layout .owl-carousel .owl-stage,.case-layout .owl-carousel .owl-item{height: 100%;}
.case-layout .owl-carousel .item{width: 100%;height:100%;max-height: 650px;position: relative;}
.case-layout .owl-carousel .owl-item img{width: auto !important;max-width: 100%;max-height: 100%;display: inline-block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin:auto;}

.case-layout .owl-carousel .owl-next, .case-layout .owl-carousel .owl-prev{width: 60px;height: 60px;text-indent: -99px;overflow: hidden;position: absolute;top: 50%;margin-top: -30px;background-repeat: no-repeat;}
.case-layout .owl-carousel .owl-prev{left: 10px;background-image: url(../images/case_l0.png);}
.case-layout .owl-carousel .owl-next{right: 10px;background-image: url(../images/case_r0.png);}







/****************************************news****************************************/
/*page-newsList*/
.page-newsList ul{ margin:0 -10px;font-size:0; line-height:0;}
.page-newsList ul li.newsli{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;overflow:hidden;list-style:none;width:50%;margin-bottom:20px; text-align:left;}
.page-newsList ul li.newsli a{display:block;position: relative;margin:0 10px;background-image:url(../images/m3.png);background-size:20px;background-position:92% center;background-repeat:no-repeat; background-color:#ffffff; padding:25px 74px 25px 34px;}
.page-newsList ul li.newsli a:before{ content:'';width:2px;height:100%;background:#faca99; position:absolute; left:0;top:0;}
.page-newsList ul li.newsli a .cover{position:absolute; left:0; top:0; width:0%; height:100%; background:#222222;}
.page-newsList ul li.newsli a:hover .cover{width:100%;}
.page-newsList ul li.newsli .ImgBox{width:160px;height:200px;overflow:hidden; float:left; position:relative;z-index:1; background:#ccc;}
.page-newsList ul li.newsli .ImgBox img{position:absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);padding: 0%;height: 100%;height: 100%;object-fit: contain; max-width:none;}
.page-newsList ul li.newsli a:hover .ImgBox img{-moz-transform: scale(1.1) translate(-50%, -50%); -webkit-transform: scale(1.1) translate(-50%, -50%);transform: scale(1.1) translate(-50%, -50%);}
.page-newsList ul li.newsli .ImgBox img,.page-newsList ul li.newsli .listTitle .listTitleBox,.page-newsList ul li.newsli a .cover{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.page-newsList ul li.newsli .listTitle{overflow:hidden;display:block;padding:0;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; position:relative;}
.page-newsList ul li.newsli .listTitle .listTitleBox{padding:95px 35px 0 45px;}
.page-newsList ul li.newsli .listTitle .t{font-size:18px;color:#000000;height:72px;line-height:24px; overflow:hidden;margin-bottom:14px;max-width:280px;}
.page-newsList ul li.newsli .date{font-size:16px;color:#000000;overflow:hidden;line-height:30px;font-family: "Helvetica Neue LT Pro",Arial,"Microsoft Yahei",'微软雅黑','思源宋体','黑体',Helvetica,sans-serif;}
.page-newsList ul li.newsli a:hover .listTitle .t,
.page-newsList ul li.newsli a:hover .date{color:#faca99;}
@media screen and (max-width: 1501px) {	
.page-newsList ul li.newsli .listTitle .listTitleBox{padding:45px 30px 0 35px;}
}
@media screen and (max-width: 1024px) {	
.page-newsList ul li.newsli a{padding:25px 74px 25px 25px;}
.page-newsList ul li.newsli .listTitle .listTitleBox{padding:25px 15px 0 15px;}
.page-newsList ul li.newsli .listTitle .t{font-size:16px;}
}
@media screen and (max-width: 992px) {	
.page-newsList ul li.newsli a{padding:25px 30px 25px 25px;}
}
@media screen and (max-width: 768px) {	
.page-newsList ul li.newsli{width:100%;}
.page-newsList ul li.newsli .listTitle .t{font-size:16px;}
}
@media screen and (max-width: 640px) {	
.page-newsList ul li.newsli a{padding:20px 20px 20px 20px;}
.page-newsList ul li.newsli .ImgBox{width:25vw;height:31.25vw;}
.page-newsList ul li.newsli .listTitle .t{font-size:16px;height:48px;line-height:24px;margin-bottom:5px;}
.page-newsList ul li.newsli .date{font-size:14px;line-height:24px;}
.page-newsList ul li.newsli .listTitle .listTitleBox{padding:15px 15px 0 15px;}
}
@media screen and (max-width: 550px) {	
.page-newsList ul li.newsli a{margin:0 10px;background-image:none;}
}



/*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;}
}



/*page-NewsInfo*/
.page-NewsInfo{text-align:left; background:#0a0a0a; padding:70px 100px;}
.page-NewsInfo .newsTit{font-size:26px; color:#ffffff; line-height: normal; text-align:left;font-weight:500;margin-bottom:50px;}
.page-NewsInfo .newsShuju{ font-size:12px; color:#909090;line-height:30px;padding-bottom:50px; }
.page-NewsInfo .newsShuju .d{float:left;width:50%;display:block;font-size:16px; color:#efefef;line-height:30px; font-style:normal;}
.page-NewsInfo .newsShuju .newsShare{float:right;display:inline-block;text-align:right;margin:0 auto; width:180px;}
.page-NewsInfo .newsText{margin:0 0;text-align:left;font-size:16px;color:#d8d8d8;line-height:28px;}
.page-NewsInfo .newsTextNr{padding-top:30px;padding-bottom:20px;border-top:1px solid #383838;}
.page-NewsInfo .newsBtn{border-top:1px solid #383838;padding-top:20px;font-size:0;}
.page-NewsInfo .newsBtn .newsBtnA,.page-NewsInfo .newsBtn .newsBtnB{display:inline-block;*display:inline;zoom:1;width:50%; line-height:20px; height:20px; overflow:hidden;color:#909090;font-size:13px;}
.page-NewsInfo .newsBtn a{display:inline-block;max-width:90%;line-height:14px; height:14px;color:#909090; white-space:nowrap;text-overflow: ellipsis; overflow: hidden;}
.page-NewsInfo .newsBtn a:hover{color:#f6ab00;}
.page-NewsInfo .newsBtn .newsBtnA{text-align:left;}
.page-NewsInfo .newsBtn .newsBtnB{ text-align:right;}
.page-NewsInfo .newsBtn a srtong{ color:#333333;}
.page-NewsInfo .newsBtn .newsBtnA span{padding-left:10px;border-left:3px solid #faca99;}
.page-NewsInfo .newsBtn .newsBtnB span{padding-right:10px;border-right:3px solid #faca99;}
@media screen and (max-width:1024px) {
.page-NewsInfo .newsShuju{padding-bottom:20px; }	
}
@media screen and (max-width:992px) {
  .page-NewsInfo{padding:70px 50px;}
  .page-NewsInfo .newsTit{ font-size:24px;}
  .page-NewsInfo .newsTextNr{padding-top:30px;padding-bottom:20px;}
  
  .page-NewsInfo .newsBtn .newsBtnA,
  .page-NewsInfo .newsBtn .newsBtnB{width:100%;text-align:left;}
  .page-NewsInfo .newsBtn .newsBtnA span{padding-left:10px;border-left:3px solid #faca99;}
  .page-NewsInfo .newsBtn .newsBtnB span{padding-right:0;border-right:0;padding-left:10px;border-left:3px solid #faca99;}
}
@media screen and (max-width:768px) {
  .page-NewsInfo{padding:50px 30px;}
  .page-NewsInfo .newsBtn .newsBtnB{ text-align:left;}
  .page-NewsInfo .newsTit{ font-size:18px;}
  .page-NewsInfo .newsBtn span,.page-NewsInfo .newsBtn a{line-height:20px; height:20px; }
}









/****************************************page****************************************/
/*pageTit*/
.pageTit{ margin-bottom:100px;}
.pageTit .en{font-size:20px; color:#757575; font-family:"Futura Bk BT",Arial, Helvetica, sans-serif; display:block; margin-bottom:20px; text-transform:uppercase;}
.pageTit .cn{font-size:46px; color:#ffffff;display:inline-block; padding-right:70px;background-image:url(../images/tit.png);background-position:right center;background-repeat:no-repeat;background-size:37px; font-family:"宋体",Arial, Helvetica, sans-serif;}
@media screen and (max-width:1220px){
   .pageTit .cn{font-size:36px;background-size:27px;padding-right:40px;}
   .pageTit .en{font-size:16px;margin-bottom:10px;}
   .pageTit{ margin-bottom:80px;}
}
@media screen and (max-width:1024px){
   .pageTit .cn{font-size:30px;	}
   .pageTit .en{font-size:16px;margin-bottom:5px;}
   .pageTit{ margin-bottom:40px;}
}
@media screen and (max-width:992px){
   .pageTit .cn{font-size:26px;background-size:25px;padding-right:30px;}
   .pageTit .en{font-size:14px;}
   .pageTit{ margin-bottom:30px;}
}
@media screen and (max-width:768px){
   .pageTit .cn{font-size:24px;background-size:20px;padding-right:30px;}
   .pageTit{ margin-bottom:20px;}
}




/*pageShuju*/
.pageShuju{ max-width:1000px;}
.pageShuju td{padding-left:40px;padding-right:40px; position:relative; color:#d8d8d8;}
.pageShuju td:after{ content:''; width:1px; height:65px; position:absolute;top:20px; left:0; background:#545454;}
.pageShuju td:nth-child(1){padding-left:0;}
.pageShuju td:nth-child(1):after{ width:0;}
@media screen and (max-width:768px){
.pageShuju td {width:40%;display: block!important; float:left;padding:3% 5% 3% 5%; }
.pageShuju td:after{width:0;}
.pageShuju td:nth-child(1){padding-left:5%;}
.pageShuju td p{ font-size:16px!important;}
}





/*page-pageList li4*/
.page-pageList{ padding-bottom:0px;}
.page-pageList ul{width:100%;margin:0 -10px;position:relative; font-size:0;}
.page-pageList li.li4{position:relative;z-index:1;cursor:pointer; display:inline-block;*display:inline;zoom:1; width:25%; margin-bottom:10px; vertical-align:top;}
.page-pageList li.li4 a{display:block; position:relative; margin:0 10px;text-align:center;}
.page-pageList li.li4 .ImgBoxB{display: block;padding:20px 20px;border:1px solid #3a3a3a; 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: 61.819% 0;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:#d8d8d8; line-height:26px; padding:15px 0;/*height:30px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;*/}
/*.page-pageList li.li4 a:before {content: "";position: absolute;left: 0;bottom: -1px;width: 0;height:1px;background-color:#faca99;transition: all .3s;}*/
.page-pageList li.li4 a:hover:before {width: 100%;}
.page-pageList li.li4 a:hover .title{color:#faca99}

@media screen and (max-width:1024px){
.page-pageList li.li4 {width:33.33333%;}
}
@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;}
}












/*公司简介*/
.page-history1{/*padding-top:20px;*/padding-bottom: 85px;}
/*page-history1-Tit*/
.page-history1-Tit{ float:left;width:260px;border-right: 1px solid #3e3e3e;}
.page-history1-Tit li{position: relative;padding:0 0 0 0;text-align:right; padding-right:48px;}
.page-history1-Tit li::after{position: absolute;right: 0;top:0;content:"";width:5px;height:0;background-color: #faca99;}
.page-history1-Tit li .t{padding-top:30px;padding-bottom:30px;border-bottom: 1px solid #3e3e3e;}
.page-history1-Tit li h5{font-size:24px;font-weight:normal;color:#d8d8d8;}
.page-history1-Tit li h1{font-size: 18px;font-weight:500;color:#d8d8d8; }

.page-history1-Tit li,
.page-history1-Tit li h5,
.page-history1-Tit li h1{transition:0.4s;}

.page-history1-Tit li.active::after{height:100%;}
.page-history1-Tit li.active h5,
.page-history1-Tit li.active h1{color:#faca99;}


/*page-history1-Info*/
.page-history1-Info{ float:right;width:1130px;height: 100%;overflow: hidden;}
.page-history1-Info li{height: 0;opacity: 0;overflow: hidden;}
.page-history1-Info li .page-history1-Info-wz{ padding-left:50px;}
.page-history1-Info li .page-history1-Info-wz .wz{padding:40px 40px 40px 40px;background:#000000;font-size:16px;color:#fff;line-height:34px;text-align:justify;margin-bottom:15px;}
.page-history1-Info li .page-history1-Info-wz h5{font-size:30px;color:#faca99;font-weight:normal; margin-bottom:15px;}
.page-history1-Info li.active{height: 100%;opacity: 1;}
@media (max-width:1600px) {
.page-history1-Info{width:930px;}
}
/*@media (max-width:1300px) {
.page-history1-Info{width:840px;}
}*/
@media (max-width:1270px) {
.page-history1-Info{width:calc( 100% - 160px );}
.page-history1-Tit li h5{font-size:18px;}
.page-history1-Tit li h1{font-size:14px;}
.page-history1-Tit{width:150px;}
.page-history1-Tit li{padding-right:30px;}
.page-history1-Info li .page-history1-Info-wz .wz{padding:20px 20px 20px 20px;font-size:14px;line-height:26px;}
.page-history1-Info li .page-history1-Info-wz h5{font-size:24px;margin-bottom:15px;}
.page-history1-Info li .page-history1-Info-wz{ padding-left:20px;}
}
@media (max-width:1024px) {
.page-history1-Info{width:calc( 100% - 140px );}
.page-history1-Tit{width:130px;}
.page-history1-Tit li{padding-right:20px;}
.page-history1-Tit li h5{font-size:16px;}
.page-history1-Tit li h1{font-size:13px;}
.page-history1-Tit li::after{width:4px;}
.page-history1-Info li .page-history1-Info-wz h5{font-size:20px;margin-bottom:10px;}
.page-history1-Info li .page-history1-Info-wz{font-size:14px;line-height:30px;padding-left:20px;}
}
@media (max-width:768px) {
.page-history1-Tit li h5{font-size:14px;}
.page-history1-Tit li h1{font-size:12px;}
.page-history1-Tit li::after{width:3px;}
.page-history1-Info li .page-history1-Info-wz h5{font-size:18px;margin-bottom:10px;}
.page-history1-Info li .page-history1-Info-wz{font-size:14px;line-height:24px;padding-left:15px;}
}


/*****************************************index*****************************************/

/*banner*/
.banner .banner-container{}
.banner-container .swiper-slide img{width: 100%; height:auto; object-fit: cover; display:block;}
.banner-container .swiper-banner-pagination{ bottom:20px;}
.banner-container .swiper-banner-pagination span{width:10px;height:10px;border:1px solid #fff;opacity:1;float:none;margin-left: 10px;border-radius:10px; /*background:transparent;*/background:rgba(0,0,0,0.3);transition: width .3s linear;cursor: pointer;}
.banner-container .swiper-banner-pagination span.swiper-pagination-bullet-active{background:#fff;width: 26px;}
.banner-container .control-btn {position: absolute;height: 128px;width: 64px;background-color: rgba(194,200,204,.5);top: 50%;margin-top: -64px;z-index: 400;transition: all .4s;cursor: pointer;opacity:0;}
.banner-container .swiper-control:hover .control-btn{opacity: 1}
.banner-container .swiper-control{position: absolute;top: 0;z-index: 300;width:20%;height:100%}
.banner-container .swiper-arrow-left{left:0;}
.banner-container .swiper-arrow-right{right:0;}
.banner-container .swiper-banner-prev{background-size:12px;left:0; background-repeat:no-repeat;/*background-image:url(../images/arrow-left.png);*/ background-position:40% center;border-top-right-radius: 64px;border-bottom-right-radius: 64px; background-size:30px;}
.banner-container .swiper-banner-next{background-size:12px;right:0;background-repeat:no-repeat;/*background-image:url(../images/arrow-right.png);*/ background-position:60% center;border-top-left-radius: 64px;border-bottom-left-radius: 64px; background-size:30px;}
.banner-container .swiper-button-prev:after, .banner-container .swiper-container-rtl .swiper-button-next:after,
.banner-container .swiper-button-next:after, .banner-container .swiper-container-rtl .swiper-button-prev:after{ color:#fff;}

.banner-container .swiper-button-next, .banner-container .swiper-button-prev{width:55px;height:55px;margin-top:-27.5px;border-radius:50% 50%;box-shadow:1px 1px 10px #CCCCCC;}
.banner-container .swiper-button-prev, .banner-container .swiper-container-rtl .swiper-button-next{left:60px;background:url(../images/arrow-left.png) no-repeat center #fff; background-size:14px;}
.banner-container .swiper-button-next, .banner-container .swiper-container-rtl .swiper-button-prev{right:60px;background:url(../images/arrow-right.png) no-repeat center #fff; background-size:14px;}

/*mbanner*/
/*.mbanner{display:none;}*/
.m-container .swiper-slide img{width: 100%; height:auto; object-fit: cover;}
@media screen and (max-width:768px) {
/*    .banner{display:none;}
    .mbanner{display:block;}*/
	.m-container .mbanner-pagination span{width:5px;height:5px;border:1px solid #fff;opacity:1;margin-left: 10px;border-radius:5px;transition: width .3s linear;cursor: pointer;transition: width .3s linear;}
    .m-container .mbanner-pagination span.swiper-pagination-bullet-active{background:#fff;width:9px;}
	
	.banner-container .control-btn { display:none;}
}




/*indexTitle*/
.indexTitle{ text-align:center; margin-bottom:30PX; position:relative; padding-bottom:50px;background-image:url(../images/tit.png);background-position:bottom center;background-repeat:no-repeat;background-size:37px;}
.indexTitle .indexT{ display:inline-block; padding:0 100px; position:relative;padding-top:36px;padding-bottom:25px;}
.indexTitle .indexT:before{content:""; position:absolute;left:0;top:0;width:18px;height:100%;background:url(../images/index-tit-line1.png) left top no-repeat;background-size:18px;} 
.indexTitle .indexT:after{content:""; position:absolute;right:0;top:0;width:18px;height:100%;background:url(../images/index-tit-line2.png) left bottom no-repeat;background-size:18px;} 
.indexTitle .cn{font-size:46px;color:#faca99;font-weight:300; line-height:normal;position:relative;font-family: '思源黑体 CN','SourceHanSansCN-Regular',"PingFang SC",PingHei,STHeitiSC-Light,"Myriad Set Pro","Lucida Grande","Helvetica Neue",Helvetica,"microsoft yahei",SimHei,tahoma,Arial,Verdana,sans-serif; margin-bottom:18px;}
.indexTitle .cn strong{ color:#e62129;font-weight:300;}
.indexTitle .wz{ font-size:20px; color:#a7a7a7; position:relative;}
@media screen and (max-width:1520px) {
.indexTitle .cn{font-size:40px; line-height:40px;margin-bottom:15px;}
.indexTitle .wz{ font-size:18px;}
}
@media screen and (max-width:1300px) {
.indexTitle .cn{font-size:36px; line-height:36px;margin-bottom:15px;}
.indexTitle .wz{ font-size:16px;}
}
@media screen and (max-width:1220px) {
.indexTitle .indexT{padding:0 70px;padding-top:26px;padding-bottom:15px;}
.indexTitle .en{ font-size:80px;top:30px;}
.indexTitle .cn{font-size:30px;}
.indexTitle .wz{ font-size:15px;}
}
@media screen and (max-width:1024px) {
.indexTitle{padding-bottom:46px;background-size:32px;}
.indexTitle .indexT{padding:0 70px;}
.indexTitle .en{ font-size:70px;top:30px;}
.indexTitle .cn{font-size:28px;margin-bottom:10px;}
}
@media screen and (max-width:768px) {
.indexTitle{padding-bottom:40px;background-size:27px;}
.indexTitle .indexT{padding:0 0; display:block;}
.indexTitle .en{ font-size:40px;top:20px;}
.indexTitle .cn{font-size:26px;margin-bottom:5px;}
.indexTitle .wz{ font-size:14px;}
}
@media screen and (max-width:640px) {
.indexTitle{padding-bottom:30px;background-size:25px;}
.indexTitle .en{ font-size:6.25vw;}
.indexTitle .cn{font-size:24px;}
}



/*.index-title*/
.aboutTit-en{font-size:46px;color:#faca99; line-height:normal;margin-bottom:20px; padding-left:30px; position:relative;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;padding-left:50px;background-image:url(../images/tit.png);background-position:left center;background-repeat:no-repeat;background-size:37px;}
@media screen and (max-width:1520px) {
.aboutTit-en{font-size:36px;}	
}
@media screen and (max-width:1220px) {
.aboutTit-en{font-size:32px;}	
}
@media screen and (max-width:1024px) {
.aboutTit-en{font-size:26px;margin-bottom:15px;padding-left:40px;background-size:27px;}		
}
@media screen and (max-width:768px) {
.aboutTit-en{font-size:24px;margin-bottom:10px;padding-left:30px;background-size:25px;}	
}
@media screen and (max-width:640px) {
.aboutTit-en{font-size:20px;margin-bottom:5px;padding-left:30px;background-size:20px;}	
}
@media screen and (max-width:450px) {
.aboutTit-en{font-size:18px;margin-bottom:5px;padding-left:25px;background-size:20px;}	
}
@media screen and (max-width:350px) {
.aboutTit-en{font-size:18px;margin-bottom:5px;padding-left:25px;background-size:20px;}	
}

/*indexAbout*/
.indexAbout{padding-top:0;padding-bottom:0; overflow:hidden; background:#1e1e1e;}
.indexAbout .aboutTit{font-size:20px;color:#ffffff; line-height:30px;margin-bottom:115px; text-transform:uppercase;}
.indexAbout .aboutBox {overflow:hidden;}
.indexAbout .aboutBox .aboutNr{ position:relative; width:100%; height:100%;}
.indexAbout .aboutBox .aboutImg{ width:50%; float:right; min-height:490px; position:relative;}
.indexAbout .aboutBox .aboutImg .aboutImgBox{}
.indexAbout .aboutBox .aboutImg img{ max-width:100%; display:block;}
.indexAbout .aboutBox .aboutImg .videoB{position:absolute; left:0;RIGHT:0;top:0; width:100%; height:100%; background:#000;}
.indexAbout .aboutBox .aboutImg video{position: absolute;width: 100%;height: auto;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.indexAbout .aboutBox .aboutwz{ width:50%;position: absolute;top:50%;left:0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.indexAbout .aboutBox .aboutwzBox{padding:60px 150px 60px 60px; }
.indexAbout .aboutBox .aboutInfo{font-size:16px;color:#a7a7a7; line-height:34px;overflow:hidden;max-width:640px;margin-bottom:65px;}
@media screen and (max-width:1520px) {
.indexAbout .aboutTit{margin-bottom:95px;}
}
@media screen and (max-width:1440px) {
.indexAbout .aboutBox .aboutImg{ width:55%;}	
.indexAbout .aboutBox .aboutwz{ width:45%;}
.indexAbout .aboutBox .aboutwzBox{padding: 20px 70px 20px 20px;}
.indexAbout .aboutBox .aboutInfo{margin-bottom:45px;}
.indexAbout .aboutBox .aboutTit{font-size:18px;margin-bottom:65px;}
}
@media screen and (max-width:1220px) {
.indexAbout .aboutBox .aboutImg{ width:50%;}	
.indexAbout .aboutBox .aboutwz{ width:50%;}
.indexAbout .aboutBox .aboutInfo{margin-bottom:30px;}
.indexAbout .aboutBox .aboutwzBox{padding: 20px 30px 20px 20px;}
.indexAbout .aboutBox .aboutTit{font-size:16px;margin-bottom:45px;}
}
@media screen and (max-width:1024px) {
.indexAbout .aboutBox .aboutImg{ width:100%; float:none;min-height:auto;}
.indexAbout .aboutBox .aboutImg img{width:100%;}
.indexAbout .aboutBox .aboutwz{ width:100%; float:none;margin-bottom:30px;position: static;top:0;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.indexAbout .aboutBox .aboutInfo{margin-bottom:20px;max-width:100%;}
.indexAbout .aboutBox .aboutwzBox{padding:60px 30px 60px 30px;}
.indexAbout .aboutBox .aboutTit{font-size:16px;margin-bottom:35px;}
}
@media screen and (max-width:768px) {
.indexAbout .aboutBox .aboutNr{padding-top:10px;}
.indexAbout .titleBig{ padding:20px 15px 20px 15px;}
.indexAbout .aboutBox .aboutwzBox{padding:50px 3% 30px 3%}
.indexAbout .aboutBox .aboutInfo{font-size:13px;line-height:26px;margin-bottom:30px;}
.indexAbout .aboutBox .aboutTit{font-size:14px;margin-bottom:30px;}
}
@media screen and (max-width:430px) {
.indexAbout .aboutBox .aboutwzBox{padding:40px 20px 30px 20px;}
.indexAbout .aboutBox .aboutInfo{font-size:13px;line-height:26px;margin-bottom:30px;}
.indexAbout .aboutBox .aboutTit{font-size:14px;margin-bottom:20px;}
}
@media screen and (max-width:350px) {
.indexAbout .aboutBox .aboutwzBox{padding:40px 15px 30px 15px;}
.indexAbout .aboutBox .aboutInfo{font-size:13px;line-height:24px;margin-bottom:30px;}
.indexAbout .aboutBox .aboutTit{font-size:14px;margin-bottom:20px;}
}








/*index-newsBanner*/
.index-news{padding-top:130px; padding-bottom:55px; background:#2a2a2a; overflow:hidden;}
.index-newsBox .w1400,.index-newsBanner .swiper-container{ overflow:visible;}
.index-newsBox{padding:30px 0 0 0; position:relative;}
/*.index-newsBanner{overflow:visible;background:#fff;padding:60px 0;}*/
.index-newsBanner .newsli{width:33.33333%;float:left;background:#fff;}
.index-newsBanner .li a{ padding:25px 22px 25px 22px; display:block; vertical-align:bottom;background-image:url(../images/m3.png);background-size:20px;background-position:92% 22px;background-repeat:no-repeat; background-color:#ffffff; position:relative;}
.index-newsBanner .li a:before{ content:''; position:absolute; right:0; top:0; width:0%; height:100%; background:#1f1f1f;}
.index-newsBanner .li a:hover:before{width:100%;}
.index-newsBanner .li .ImgBox{width:160px;height:200px;overflow:hidden;position:relative;z-index:1; background:#ccc;}
.index-newsBanner .li .ImgBox img{display:block;position:absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);padding: 0%;height: 100%;height: 100%;object-fit: contain; max-width:none;}
.index-newsBanner .li a:hover .ImgBox img{-moz-transform: scale(1.1) translate(-50%, -50%); -webkit-transform: scale(1.1) translate(-50%, -50%);transform: scale(1.1) translate(-50%, -50%);}
.index-newsBanner .li .ImgBox img,.index-newsBanner .li .listTitle .listTitleBox,.index-newsBanner .li .listTitle .m,.index-newsBanner .li a,.index-newsBanner .li a:before{-moz-transition: all .3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all .3s ease-in-out;}
.index-newsBanner .li .listTitle{overflow:hidden;display:block;padding:0;-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; position:absolute; bottom:0; right:0; width:80%; max-width:340px;}
.index-newsBanner .li .listTitle{padding:40px 0;vertical-align:bottom;}
.index-newsBanner .li .listTitle .listTitleBox{overflow:hidden;padding:0 30px;}
.index-newsBanner .li .listTitle .t{font-size:18px;color:#000000;line-height:24px;overflow:hidden;max-height:48px;}
.index-newsBanner .li .d{font-size:16px;color:#000000;overflow:hidden;line-height:24px;margin-bottom:30px;}
.index-newsBanner .li a:hover .listTitle .t{color:#faca99;}
.index-newsBanner .li a:hover .d{color:#faca99;}
.index-newsBanner .li a .line{transition: all 0.5s;position: absolute;left: 0px;bottom: 0px;width: 0%;height:1px;}
.index-newsBanner .li a:hover .line{transition: all 0.5s;width: 100%;background:#f7b216;}
.index-newsBanner .li a:hover .ImgBox{box-shadow: 0 0px 10px rgba(0,0,0,0.1);}
/**/
.index-newsBanner .swiper-button-prev{outline:none;position:absolute;top:50%;width:50px;height:50px;left:5%;margin-top:-25px;background: url(../images/index-left.png) center no-repeat;background-size:50px;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} 
.index-newsBanner .swiper-button-next{outline:none;position:absolute;top:50%;width:50px;height:50px;right:5%;margin-top:-25px;background: url(../images/index-right.png) center no-repeat;background-size:50px;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} 
.index-newsBanner .swiper-button-next.swiper-button-disabled, .index-newsBanner .swiper-button-prev.swiper-button-disabled{opacity:0;}
/**/
.index-newsBanner .swiper-pagination{ position: static; text-align:center; margin-top:10px;}
.index-newsBanner .swiper-pagination span{width:8px;height:8px;border:1px solid #fff;opacity:1;float:none; margin:0;margin-right:16px;border-radius:10px;background:#d8d8d8;transition: width .3s linear;cursor: pointer;}
.index-newsBanner .swiper-pagination span.swiper-pagination-bullet-active{background:#faca99; border-color:#faca99;width:20px;}
@media screen and (max-width:1620px){
.index-newsBanner .li .listTitle{width:60%;max-width:300px;}	
}
@media screen and (max-width:1440px){
.index-newsBanner .li .listTitle{width:55%;}
}
@media screen and (max-width:1024px){
	.index-news{padding-top:70px; padding-bottom:55px;}
	.index-newsBanner .li a:before{ display:none;}
	.index-newsBanner .li .listTitle .t{font-size:16px;}
	.index-newsBanner .li .d{font-size:14px;margin-bottom:20px;}
}
@media screen and (max-width:992px){
.index-newsBanner .li .listTitle{width:55%;}
}
@media screen and (max-width:768px){
	.index-news{padding-top:60px; padding-bottom:55px;}
	.index-newsBanner .newsli{width:100%;}
	.index-newsBox{padding:30px 0 0 0;}
    .index-newsBanner .li a{ padding:20px 20px 20px 20px;background-size:15px;background-position:96% 20px;}
	.index-newsBanner .li .listTitle .listTitleBox{ padding:0;}
	.index-newsBanner .li .ImgBox{width:40%;height:150px;}
	.index-newsBanner .li .listTitle{padding:40px 20px;}
	.index-newsBanner .li .listTitle .t{font-size:15px;}
	.index-newsBanner .li .d{font-size:12px;margin-bottom:10px;}
	.index-newsBanner .li .listTitle{width:50%;}
}
@media screen and (max-width:550px){
.index-newsBanner .li .listTitle{width:45%;}
}


/*index-lmList*/
.index-lmList{ height:auto; overflow:hidden; margin:0; padding:0;font-size:0; line-height:normal;position: relative;}
.index-lmList li{width:50%; display:inline-block;*display:inline;zoom:1;background:#000;list-style:none;overflow:hidden;position: relative;}
.index-lmList li a{ display:block;margin:0;}
.index-lmList li .pic img{ min-height:200px;}
.index-lmList li .img{text-align:center; overflow:hidden;}
.index-lmList li .img img{width:100%; height:100%; max-width:100%; display:block;}
.index-lmList li .img img,
.index-lmList li a{transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
.index-lmList li a:hover .img img{-moz-transform: scale(1.2); -webkit-transform: scale(1.2);transform: scale(1.2);}
.index-lmList li .img{ position:relative;}
.index-lmList li .title{ width:100%;text-align:center; font-size:16px; color:#fff;overflow:hidden;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;text-align:center;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.index-lmList li .title .t{display:block;font-size:46px; font-weight:normal; color:#faca99;line-height:normal;overflow:hidden; margin-bottom:20px;}
.index-lmList li .title .t2{display:block;font-size:20px;font-weight:normal; color:#ffffff;line-height:30px;height:30px; overflow:hidden;padding:0 10px;margin-bottom:20px;}
.index-lmList li .title .t3{display:block; width:50px; margin:0 auto;}
@media screen and (max-width:1520px){
.index-lmList li .title .t{font-size:36px;margin-bottom:20px;}
.index-lmList li .title .t2{font-size:16px;padding:0 20px;margin-bottom:20px;}
.index-lmList li .title .t3{width:40px;}
}
@media screen and (max-width:1220px){
.index-lmList li .title .t{font-size:26px;margin-bottom:10px;}
.index-lmList li .title .t2{font-size:14px;padding:0 20px;margin-bottom:10px;}
.index-lmList li .title .t3{width:30px;}
}
@media screen and (max-width:768px){
.index-lmList li{width:100%;}
.index-lmList li .title span.t{padding:0 10px;}
.index-lmList li .title span.t2{padding:0 10px;}
.index-lmList li .title .t{font-size:26px;margin-bottom:5px;}
}
@media screen and (max-width:640px){
.index-lmList li .title .t{font-size:24px;margin-bottom:0;}
}





/*index-client*/
.index-client .indexMore{ text-align:center; margin-top:50px;}
.index-client{width:100%;height:auto;padding-bottom:70px;padding-top:55px;overflow:hidden;position:relative;background:url(../images/index-clientbg.jpg) repeat 50% 50% #1e1e1e;background-attachment: fixed;}
.index-client .clientList{margin: 0 auto;position:relative;padding-top:25px;}
.index-client ul{height:auto;margin:0 -9px; font-size:0;}
.index-client ul li{list-style:none;display:inline-block;*display:inline;zoom:1; width:16.66666666666667%; margin-bottom:18px;}
.index-client ul li a{ display:block;overflow:hidden;margin:0 9px; background:#fff;}
.index-client ul li .ImgBox{height:auto;display:block; }
.index-client ul li .ImgBox img{max-width:100%;width:100%;max-height:100%; display:block;}
.index-client ul li a .ImgBox,.index-client ul li a{transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
.index-client ul li a:hover{-moz-transform: scale(1.1); -webkit-transform: scale(1.1);transform: scale(1.1);}
.more3 .mousebtn .mouse {background:url(../images/index-drop2.png) no-repeat 50% 50% ;}
@media screen and (max-width:1220px) {
.index-client ul{width:100;height:auto; overflow:hidden; } 
.index-client ul li{width:25%;}
.index-client ul li a{height:auto;}
.index-client ul li .ImgBox{width:100%;height:auto; display:block;}
.index-client ul li .ImgBox img{max-width:100%;max-height:100%;} 
}
@media screen and (max-width:1024px) {
.index-client ul li{width:33.3333333%;} 	 
}
@media screen and (max-width:768px) {
.index-client ul{margin:0 -5px;}
.index-client ul li{margin-bottom:10px;}
.index-client ul li a{margin:0 5px;} 
}





/*index-client*/
.index-pro{width:100%;height:auto;overflow:hidden;position:relative;background:#333333;}
.index-pro .pro-title{ position:absolute; left:0;bottom:0; width:50%;background:#333333; line-height:90px;height:90px; font-size:20px; color:#ffffff; z-index:1;}
.index-pro .pro-title a{ display:block;}
.index-pro .pro-title span{ text-transform:uppercase; font-size:16px; margin-left:134px; display:inline-block; margin-right:15px;}
.index-pro .li{display:block; padding-bottom:90px;}
.index-pro .li a{ display:block;overflow:hidden;}
.index-pro .li .ImgBox{height:auto;display:block;width:100%;}
.index-pro .li .ImgBox img{width:100%;max-height:100%; display:block;}
.index-pro .li .listTitle{position:absolute;right:0;bottom:0; width:50%;background:#1e1e1e; z-index:2;}
.index-pro .li .listTitle .listTitleBox{ padding:50px 135px 50px 80px;background:url(../images/m4.png) no-repeat 90% center;}
.index-pro .li .listTitle .d{font-size:16px; color:#ffffff;font-family: "Helvetica Neue LT Pro";margin-bottom:10px;}
.index-pro .li .listTitle .t{font-size:44px; color:#ffffff;line-height: normal; margin-bottom:10px;}
.index-pro .li .listTitle .t2{font-size:20px; color:#a7a7a7;line-height: normal;}
@media screen and (max-width:1520px) {
.index-pro .li .listTitle .t{font-size:36px;}
}
@media screen and (max-width:1440px) {
.index-pro .li .listTitle .t{font-size:30px;}
}

@media screen and (max-width:1024px) {
	.index-pro{padding-bottom:90px;}
	.index-pro .pro-title{position:static;width:100%;}
	.index-pro .pro-title span{margin-left:40px; text-align:left;}
	.index-pro .li .listTitle{width:90%;}
	.index-pro .li .listTitle .t{font-size:24px;}
	.index-pro .li .listTitle .t2{font-size:16px;}
	.index-pro .li .listTitle .listTitleBox{ padding:30px 135px 30px 50px;background-size:95px}
}
@media screen and (max-width:768px) {
	.index-pro{padding-bottom:80px;}
	.index-pro .pro-title{font-size:18px;line-height:80px;height:80px;}
	.index-pro .pro-title span{margin-left:40px;}
	.index-pro .li .listTitle .t{font-size:18px;}	
	.index-pro .li .listTitle .t2{font-size:14px;}
	.index-pro .li .listTitle .d{font-size:14px;}
	.index-pro .li .listTitle .listTitleBox{ padding:20px 105px 20px 30px;background-size: 55px;}
	
}
@media screen and (max-width:350px) {
	.index-pro{padding-bottom:50px;}
	.index-pro .pro-title{font-size:16px;line-height:60px;height:60px;}
	.index-pro .li .listTitle .t{font-size:16px;}
	.index-pro .li .listTitle .d{margin-bottom:5px;}
}






/*indexHotsalesList*/
.indexHotsales{padding-top:130px; padding-bottom:145px; background:#2a2a2a; overflow:hidden;}
.indexHotsales .index-title2{ margin-bottom:90px; position:relative;}
.indexHotsales .index-title2 .swiper-button-prev{transition: 0.4s;opacity: 1;width:17px;height:33px;top:0;margin:0;left:auto;right:45px;background: url("../images/arrow-left2.png") center center no-repeat;background-size:12px;outline: none;}
.indexHotsales .index-title2 .swiper-button-next{transition: 0.4s;opacity: 1;width:17px;height:33px;top:0;margin:0;right:0;background: url("../images/arrow-right2.png") center center no-repeat;background-size:12px;outline: none;}
.indexHotsalesBox .w1400,
.indexHotsalesList .swiper-container{ overflow:visible;}
.indexHotsalesList .swiper-slide{float:left;}
.indexHotsalesList .li a{ padding:0; display:block; vertical-align:bottom;position:relative;}
.indexHotsalesList .li .ImgBox{width:100%;height:auto;overflow:hidden;position:relative;z-index:1;}
.indexHotsalesList .li .ImgBox img{width:100%;height:100%;display:block;}
.indexHotsalesList .li .ImgBox img,.indexHotsalesList .li .listTitle .listTitleBox,.indexHotsalesList .li .listTitle .m,.indexHotsalesList .li a{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.indexHotsalesList .li a:hover .ImgBox img{-moz-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);}
.indexHotsalesList .li .listTitle{overflow:hidden;display:block;padding:0;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; position:absolute; bottom:0; right:0; width:100%;background-image:url(../images/index-pro-m.png);background-size:20px;background-position:92% center;background-repeat:no-repeat; z-index:2; }
.indexHotsalesList .li .listTitle{vertical-align:bottom;}
.indexHotsalesList .li .listTitle .listTitleBox{overflow:hidden;padding:0 30px;}
.indexHotsalesList .li .listTitle .t{font-size:20px;color:#ffffff;line-height:90px;height:90px;overflow:hidden;width:80%;}
.indexHotsalesList .li a:hover .listTitle .t{color:#faca99;}
.indexHotsalesList .li a:hover .ImgBox{box-shadow: 0 0px 10px rgba(0,0,0,0.1);}
/**/
.indexHotsalesList .swiper-button-prev{outline:none;position:absolute;top:50%;width:50px;height:50px;left:5%;margin-top:-25px;background: url(../images/index-left.png) center no-repeat;background-size:50px;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} 
.indexHotsalesList .swiper-button-next{outline:none;position:absolute;top:50%;width:50px;height:50px;right:5%;margin-top:-25px;background: url(../images/index-right.png) center no-repeat;background-size:50px;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} 
.indexHotsalesList .swiper-button-next.swiper-button-disabled, .indexHotsalesList .swiper-button-prev.swiper-button-disabled{opacity:0;}
@media screen and (max-width:1024px) {
	.indexHotsales{padding-top:10px; padding-bottom:110px;}
	.indexHotsales .index-title2{ margin-bottom:50px; line-height:30px;}
	.indexHotsalesList .li .listTitle{line-height:30px;background-size:20px;background-position:95% center;}
	.indexHotsalesList .li .listTitle .listTitleBox{padding:0 20px;}
    .indexHotsalesList .li .listTitle .t{font-size:18px;line-height:70px;height:70px;}
}
@media screen and (max-width:768px) {
	.indexHotsales{padding-top:50px; padding-bottom:50px;}
	.indexHotsales .index-title2{ margin-bottom:30px;}
    .indexHotsalesList .li .listTitle{position:static;background-size:15px;background-position:98% center;}
	.indexHotsalesList .li .listTitle .listTitleBox{padding:0;}
	.indexHotsalesList .li .listTitle .t{font-size:16px;line-height:60px;height:60px;}
/*	.indexHotsales .index-title2 .swiper-button-prev,
	.indexHotsales .index-title2 .swiper-button-next{display: none;}*/
}
@media screen and (max-width:640px) {
	.indexHotsalesList .li .listTitle .t{font-size:14px;}
    .indexHotsalesList .li .listTitle{background-size:10px;}
}


/*index-join*/
.index-join{padding-top:70px; padding-bottom:55px;background:url(../images/index-joinbg.jpg) repeat 50% 50% #2c2c2c;overflow:hidden;background-attachment: fixed;}
.index-joinBox{padding-left:50%;position:relative;}
.index-joinleft{width:50%;position: absolute;left:0;top:0; height:100%;}
.index-joinleft .ImgBox{width:100%;height:100%;overflow:hidden;position:relative;z-index:1;}
.index-joinleft .ImgBox img{width:100%;height:100%;display:block;}
.index-joinleft .ImgBox,.index-joinleft .ImgBox img{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.index-joinleft .ImgBox:hover img{-moz-transform: scale(1.2);-webkit-transform: scale(1.2);transform: scale(1.2);}
.index-joinleft .listTitle{overflow:hidden;display:block;padding:0;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; position:absolute; bottom:0; right:0; width:100%; z-index:2; }
.index-joinleft .listTitle{vertical-align:bottom;}
.index-joinleft .listTitle .listTitleBox{overflow:hidden;padding:0 30px;}
.index-joinleft .listTitle .t{font-size:20px;color:#ffffff;line-height:90px;overflow:hidden; }
.index-joinleft .listTitle .more{ position:absolute; bottom:20px; right:30px;/* height:58px;*/border:1px solid #fff; color:#fff;background: none;}
.index-joinleft .listTitle .more span{color:#fff;}
.index-joinleft .listTitle .more em{ background-image: url(../images/m1.png);}
.index-joinleft .listTitle .more:hover{ background-color:#faca99; border-color:#faca99;}
@media screen and (max-width:1220px) {
.index-joinBox{padding-left:0;}
.index-joinleft{ width:100%;position:relative;left:0;top:0;height:auto;}	
.index-joinleft .ImgBox{height:auto;height:300px;overflow:hidden;background-color:#b6b6b6;}
.index-joinleft .ImgBox img{display:block;position: absolute;left:0;width: 100%;height:auto;top:50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.index-joinleft .listTitle .t{font-size:18px;line-height:90px;}	
}
@media screen and (max-width:1024px) {
.index-joinleft .listTitle .t{font-size:16px;line-height:70px;}
}
@media screen and (max-width:768px) {
.index-joinleft .listTitle .t{font-size:14px;line-height:70px;}
.index-joinleft .ImgBox{height:auto;height:auto;overflow:hidden;max-height:300px;}
.index-joinleft .ImgBox img{position:static;left:0;width: 100%;height:100%;top:0;-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
}

/**/
.index-joinList{width:100%;border-top:1px solid #292929;}
.index-joinList ul{height:auto; overflow:hidden;margin:0; font-size:0;}
.index-joinList ul li{list-style:none;display:inline-block;*display:inline;zoom:1; width:33.3333333%;vertical-align:top;}
.index-joinList ul li a{ display:block;margin:0; padding:40px 0; border-bottom:1px solid #292929; border-right:1px solid #292929; background:#1e1e1e;}
.index-joinList ul li a:hover{background:url(../images/index-join-iconbg.png) no-repeat 50% 50% #2c2c2c;}
.index-joinList ul li .ImgBox{height:auto;display:block; width:126px; margin:0 auto; text-align:center; margin-bottom:20px;border-radius:50%;}
.index-joinList ul li .ImgBox img{max-width:100%;width:100%;max-height:100%; display:block;border-radius:50%; overflow:hidden;}
.index-joinList ul li .ImgBox img,.index-joinList ul li a{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.index-joinList ul li a:hover .ImgBox img{-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
.index-joinList ul .listTitle{overflow:hidden;display:block;padding:0;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.index-joinList ul .listTitle .listTitleBox{overflow:hidden;padding:0 20px; text-align:center;}
.index-joinList ul .listTitle .t{font-size:16px;color:#ffffff;line-height:24px;height:24px;overflow:hidden; }
.index-joinList ul .listTitle .t2{font-size:14px;color:#b7b7b7;line-height:24px;height:24px;overflow:hidden; }
@media screen and (max-width:1520px) {
.index-joinList ul li .ImgBox{width:100px;}
.index-joinList ul .listTitle .t{font-size:14px; }
.index-joinList ul .listTitle .t2{font-size:12px;}
}
@media screen and (max-width:1220px) {
.index-joinList{ width:100%; float:none;border-top:1px solid #292929;border-left:1px solid #292929;}	
	
}
@media screen and (max-width:768px) {
.index-joinList ul li{width:50%;}		
}




/*Pinpai*/
.Pinpai{ padding-top:100px; padding-bottom:70px;background:url(../images/page-pingpai-bg.jpg) no-repeat center top #151515;}
.PinpaiBanner{ margin-top:50px;}
.PinpaiBanner .swiper-slide{ width:50%;}
.PinpaiBanner .li{}
.PinpaiBanner .li a{ display:block;overflow:hidden;margin:0;padding:40px 0;border-right:1px solid #454545;padding:105px 145px; background:#333333; font-size:16px;}
.PinpaiBanner .listTitle .t{font-size:30px;color:#fff;line-height:40px;height:40px;overflow:hidden; margin-bottom:30px;}
.PinpaiBanner .listTitle .t strong{color:#faca99;font-weight:normal;}
.PinpaiBanner .listTitle .t2{font-size:16px;color:#d8d8d8;line-height:34px;height:340px;overflow-y:scroll;overflow-x:hidden;}
.PinpaiBanner .listTitle .t2 .t2Nr{ padding-right:10px;}
.PinpaiBanner .listTitle .t2::-webkit-scrollbar{width:4px;height:4px;background-color:#333333;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.PinpaiBanner .listTitle .t2::-webkit-scrollbar-thumb{ background-color:#575552;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}	
.PinpaiBanner .swiper-button-prev{transition: 0.4s;opacity: 1;width:60px;height:60px;top:50%;margin-top:-30px;left:35px;background: url("../images/arrow-left.png") center center no-repeat #151515;background-size:12px;outline: none; z-index:2; border-radius:50%; overflow:hidden;}
.PinpaiBanner .swiper-button-next{transition: 0.4s;opacity: 1;width:60px;height:60px;top:50%;margin-top:-30px;right:35px;background: url("../images/arrow-right.png") center center no-repeat #151515;background-size:12px;outline: none;z-index:2; border-radius:50%; overflow:hidden;}
@media screen and (max-width:1520px) {
.PinpaiBanner .li a{padding:95px 105px;}
.PinpaiBanner .swiper-button-prev{left:30px;}
.PinpaiBanner .swiper-button-next{right:30px;}
}
@media screen and (max-width:1220px) {
.Pinpai{ padding-top:70px; padding-bottom:50px; background-size:auto 400px;}
.PinpaiBanner{ margin-top:30px;}
.PinpaiBanner .li a{padding:65px 55px;}
.PinpaiBanner .listTitle .t{font-size:26px;margin-bottom:20px;}
.PinpaiBanner .listTitle .t2{font-size:14px;line-height:26px;height:260px;}
}
@media screen and (max-width:1024px) {
.PinpaiBanner .swiper-button-prev{width:40px;height:40px;margin-top:-30px;left:20px;background-size:8px;}
.PinpaiBanner .swiper-button-next{width:40px;height:40px;margin-top:-30px;right:20px;background-size:8px;}
}
@media screen and (max-width:768px) {
.Pinpai{ padding-top:50px; padding-bottom:50px; background-size:auto 260px;}
.PinpaiBanner .swiper-slide{ width:100%;}
.PinpaiBanner .li a{padding:45px 25px;}	
.PinpaiBanner .listTitle .t{font-size:20px;margin-bottom:10px;}
.PinpaiBanner .listTitle .t2{font-size:14px;line-height:24px;height:240px;}
.PinpaiBanner .swiper-button-prev{width:40px;height:40px;margin-top:-30px;left:5px;background-size:8px;}
.PinpaiBanner .swiper-button-next{width:40px;height:40px;margin-top:-30px;right:5px;background-size:8px;}
}



.Pinpai2{padding-top:50px;background:#0a0a0a;}
/*CultureList*/
.CultureList{}
.CultureList ul{height:auto; overflow:hidden;margin:60px 0 75px 0; font-size:0;}
.CultureList ul li{list-style:none;display:inline-block;*display:inline;zoom:1;width:25%;vertical-align:top;}
.CultureList ul li{overflow:hidden;margin:0; padding:80px 0; background:#333333;}
.CultureList ul li{position:relative;}
.CultureList ul li:after{ content:''; width:1px; height:100%; position:absolute;top:0; left:0; background:#484848;}
.CultureList ul li:nth-child(1):after{ width:0;}
.CultureList ul li:hover{background:#000000;}
.CultureList ul li .ImgBox{height:auto;display:block; width:126px; margin:0 auto; text-align:center; margin-bottom:20px;}
.CultureList ul li .ImgBox img{max-width:100%;width:100%;max-height:100%; display:block;}
.CultureList ul li:hover .ImgBox img,.CultureList ul li{transition: transform 0.5s ease;}
.CultureList ul li:hover .ImgBox img{transform: rotate(360deg);}
.CultureList ul .listTitle{overflow:hidden;display:block;padding:0;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.CultureList ul .listTitle .listTitleBox{overflow:hidden;padding:0 20px; text-align:center;}
.CultureList ul .listTitle .t{font-size:26px;color:#ffffff;line-height:30px;height:30px;overflow:hidden; margin-bottom:20px;}
.CultureList ul .listTitle .t2{font-size:16px;color:#fff;line-height:26px;height:52px;overflow:hidden; }
.CultureList ul li:hover .t{color:#faca99;}
.CultureList ul li:hover .t2{color:#909090;}
@media screen and (max-width:1520px) {
.CultureList ul li .ImgBox{width:100px;}
}
@media screen and (max-width:1220px) {
.CultureList ul li{padding:70px 0;}
.CultureList ul li .ImgBox{width:80px;}
}
@media screen and (max-width:1024px) {
.CultureList ul{margin:50px 0 50px 0;}
.CultureList ul li{padding:60px 0;}
.CultureList ul .listTitle .t{font-size:16px;line-height:24px;height:24px;margin-bottom:10px;}
.CultureList ul .listTitle .t2{font-size:14px;line-height:24px;height:48px;}
.CultureList ul li .ImgBox{width:70px;}
}
@media screen and (max-width:768px) {
.CultureList ul{margin:30px 0 50px 0;}
.CultureList ul li{padding:50px 0;}
.CultureList ul li{width:50%; border-bottom:1px solid #484848;}	
.CultureList ul li .ImgBox{width:60px;}
}
@media screen and (max-width:550px) {
.CultureList ul{margin:30px 0 40px 0;}
.CultureList ul li{padding:30px 0;}
.CultureList ul li .ImgBox{width:50px;}
}



/*PinpaiBanner2*/
.PinpaiBanner2{margin:30px 0 55px 0;}
.PinpaiBanner2 .li{display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:100%;margin-bottom:30px; vertical-align:top;}
.PinpaiBanner2 .li a{ display:block;margin:0;padding:0;position:relative;padding-right:31.42857142857143%;background-color:#333333;background-position:right center;background-repeat:no-repeat;}
.PinpaiBanner2 .li .pic{width:100%; height:500px; /*padding:26.04166666666667% 0;*/overflow:hidden;position:relative;}
.PinpaiBanner2 .li .pic img{display:block;width:100%;height:100%;-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; /*position:absolute; left:0;top:0;*/}
.PinpaiBanner2 .li a:hover .pic img{-webkit-transform: scale(1.03); -moz-transform: scale(1.03); transform: scale(1.03);}
.PinpaiBanner2 .li .listTitle{width:31.42857142857143%;text-align:center;line-height:30px;font-size: 14px;color:#fff;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.PinpaiBanner2 .li .listTitle img{ max-height:40px; display:block; margin:0 auto; text-align:center; margin-bottom:50px;}
.PinpaiBanner2 .li .listTitle .t2{font-size:15px;color:#ffffff; line-height:26px;height:104px;overflow:hidden;margin-bottom:35px; padding:0 30px;}
/*swiper-pagination*/
.PinpaiBanner2 .swiper-pagination{ position: static; text-align:center; margin-top:0;}
.PinpaiBanner2 .swiper-pagination span{width:6px;height:6px;border:none;opacity:1;float:none; margin:0;margin-right:16px;border-radius:6px;background:#6c6969;transition: width .3s linear;cursor: pointer;}
.PinpaiBanner2 .swiper-pagination span.swiper-pagination-bullet-active{background:#faca99;width:13px;}
@media screen and (max-width:1220px){
.PinpaiBanner2 .li .pic{width:100%; height:auto; min-height:300px;}
}
@media screen and (max-width:992px){
.PinpaiBanner2 .li .pic{width:100%; height:auto;}
}
@media screen and (max-width:768px){
.PinpaiBanner2 .li a{padding-right:0%;}
.PinpaiBanner2 .li .pic{width:100%; height:auto; min-height:0;}
.PinpaiBanner2 .li .listTitle{ padding:30px 0 30px 0;width:100%;position:static;top:0;-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.PinpaiBanner2 .li .listTitle img{margin-bottom:20px; max-height:30px;}
.PinpaiBanner2 .li .listTitle .t2{margin-bottom:20px;padding:0 20px;font-size:14px;line-height:24px;height:96px;}
}



/*page-Honor*/
.page-Honor{padding-top:70px;padding-bottom:70px;background:#151515;overflow:hidden;}
.page-Honor-swiper{padding:0;padding-top:80px;}
.page-Honor .w1400{position: relative;}
.page-Honor-swiper .swiper-slide{ width:25%;}
.page-Honor-swiper .swiper-slide a{display: block; margin:0 10px;}
.page-Honor-swiper .swiper-slide a .picB{display: block;background-color:#333333;padding:33px 20px; position:relative;}

.page-Honor-swiper .swiper-slide a .picB:before,
.page-Honor-swiper .swiper-slide a .picB:after{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.page-Honor-swiper .swiper-slide a .picB:before{content: '';display: block;width: 100%;height: 100%;background-color: rgba(255,255,255,0);left: 0;top: 0;position: absolute;}
.page-Honor-swiper .swiper-slide a .picB: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-Honor-swiper .swiper-slide a:hover .picB:before{background-color: rgba(255,255,255,0.2);}
.page-Honor-swiper .swiper-slide a:hover .picB:after{opacity: .9;filter: alpha(opacity=90);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.page-Honor-swiper .swiper-slide a .pic{display: block;position: relative;width: 100%;padding: 61.819% 0;overflow: hidden;}
.page-Honor-swiper .swiper-slide a .pic img{transition: 0.4s;position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: contain;}
.page-Honor-swiper .swiper-slide a p{transition: 0.4s;padding: 20px 27px;font-size:16px;color:#ffffff;line-height: 24px;text-align: center; }
.page-Honor-swiper .swiper-slide:hover a p{color:#faca99;}
.page-Honor-swiper .swiper-button-prev{transition: 0.4s;opacity: 1;width:17px;height:33px;top:30px; left:auto;right:45px;background: url("../images/arrow-left.png") center center no-repeat;background-size: contain;outline: none;}
.page-Honor-swiper .swiper-button-next{transition: 0.4s;opacity: 1;width:17px;height:33px;top:30px;right:0;background: url("../images/arrow-right.png") center center no-repeat;background-size: contain;outline: none;}
.page-Honor-swiper .swiper-button-prev:hover{ background-image:url("../images/arrow-left2.png");}
.page-Honor-swiper .swiper-button-next:hover{ background-image:url("../images/arrow-right2.png");}
@media screen and (max-width:1220px){
.page-Honor-swiper .swiper-slide a .picB{padding:20px 20px;}
}
@media screen and (max-width:1190px){
	.page-Honor-swiper{margin-top:40px;}
    .page-Honor-swiper .swiper-slide{ width:33.333333%;}
}
@media screen and (max-width:1023px){
	.page-Honor{background-attachment: inherit;height:auto;}
	.page-Honor{padding-top:50px;padding-bottom:50px;}
	.page-Honor-swiper{margin-top:30px;padding:0;}
	.page-Honor-swiper .swiper-slide a p{padding:10px 0;}
	.page-Honor-swiper .swiper-slide a .picB{padding:15px 15px;}
}
@media screen and (max-width:768px){
	.page-Honor{padding-top:30px;padding-bottom:50px;}
    .page-Honor-swiper .swiper-slide{ width:50%;}
	.page-Honor-swiper .swiper-slide a p{font-size: 14px;}
	
		.page-Honor-swiper .swiper-button-prev{width:10px;top:30px;}
		.page-Honor-swiper .swiper-button-next{width:10px;top:30px;}
	
		.page-Honor-swiper .swiper-slide a .picB:before,
		.page-Honor-swiper .swiper-slide a .picB:after{ display:none;}
}
@media screen and (max-width:550px){
    .page-Honor-swiper .swiper-slide{ width:100%;}
}




/****************************************join****************************************/
/*pageTit*/
.joinTit{}
.joinTit .en{font-size:12px; color:#909090; line-height:20px; font-family:"Futura Bk BT",Arial, Helvetica, sans-serif; display:block;margin-bottom:20px; text-transform:uppercase;}
.joinTit .cn{font-size:34px; color:#ffffff;display:inline-block;}
@media (max-width:1220px) {
    .joinTit .cn{font-size:28px;}
}
@media (max-width:1024px) {
	.joinTit .en{margin-bottom:15px;}
	.joinTit .cn{font-size:24px;}
}
@media (max-width:992px) {
	.joinTit .en{margin-bottom:10px;}
	.joinTit .cn{font-size:20px;}
}


/*join3*/
.join4{padding-top:100px; padding-bottom:70px;background:url(../images/join-processbg.jpg) no-repeat center top #151515;}
.ServiceIcon {width: 100%;margin: 0 auto;text-align: center;display: table;height:200px;position:relative; margin-top:60px; max-width:1200px;}
.ServiceIcon div {display: table-cell;padding: 0 5px;position:relative;z-index:1; cursor:pointer; vertical-align:TOP;}
.ServiceIcon div:after{ content:""; height:28px; width:55px; position:absolute; top:28px; background: url(../images/join-process.png) no-repeat center center ;right:-27.5px; margin:0 auto; z-index:0; background-size:100%;}
.ServiceIcon div:nth-child(6):after{width:0;}
.ServiceIcon img {vertical-align: top;margin-bottom: 16px;width:55px;height:55px;display:inline-block;}
.ServiceIcon p {color:#ffffff;line-height:20px;margin-bottom: 10px;}
.ServiceIcon div{transition: all .5s ease-in-out;}
.ServiceIcon div img{-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}
.ServiceIcon div:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
@media screen and (max-width:768px){
.ServiceIcon div:after,.ServiceIcon:after{width:0;}

.ServiceIcon div { width:30%;display: inline-block;*display: inline;margin-bottom:30px;}
}


.join5{padding-top:100px; padding-bottom:20px;}
@media screen and (max-width:768px){
.join5{padding-top:50px; padding-bottom:0px;}	
}

/*join2*/
.join3{padding-top:74px; padding-bottom:75px;}
.join3 .joinTit{margin-bottom:70px;}
.join3 table td{ vertical-align:top;}
.join3 table .num span{ display:inline-block;position:relative;padding-bottom:12px;font-size:24px;color:#909090;line-height:30px;font-weight:normal;}
.join3 table .num span:before{content: "";position: absolute;left:0;bottom:0;width:22px;height:4px;background:#faca99;}
.join3 table p{font-size:14px;color:#ffffff;line-height:28px; max-width:250px; padding-bottom:60px;}
.join3 table h1{font-size:24px;color:#ffffff;line-height:30px;font-weight:normal; margin-bottom:10px;}
@media (max-width:1220px) {
    .join3 table h{font-size:22px;}
}
@media (max-width:1024px) {
	.join3 table h1{font-size:20px;}
}
@media (max-width:992px) {
    .join3 table h1{font-size:18px;}
}
@media screen and (max-width:768px){
	.join3 table .td{ vertical-align:top; display:block!important; width:100%;}
	.join3 table p{max-width:100%; padding-bottom:40px;}
}



/*join2*/
.join2{padding-top:74px; padding-bottom:55px;background:url(../images/join-logobg.jpg) no-repeat center top #151515; text-align:center; background-size:cover;}
.join2 .joinTit{margin-bottom:30px;}
.join2 .joinTit .cn{position:relative;padding-bottom:20px;}
.join2 .joinTit .cn:before{content: "";position: absolute;left:0;right:0;bottom:0;width:22px;height:4px;background:#faca99; margin:0 auto;}

/**/
table .td2,table .td1{width:50%;padding:50px 0;}
table .td1 h1{ font-size:68px; color:#faca99;line-height:normal;font-weight: bold;font-family:Helvetica Condensed,Arial, Helvetica, sans-serif;margin-bottom:12px;}
table .td1 h2{font-size:38px;color:#ffffff;line-height:normal;font-weight:normal; margin-bottom:25px; position:relative; z-index:2;}
table .td1 p{font-size:16px;color:#ffffff;line-height:30px; padding-right:30px;position:relative; z-index:2;}
table .td1 img{animation:scroll 1s ease infinite;-webkit-animation:scroll 1s ease infinite;-moz-animation:scroll 1s ease infinite;-ms-animation:scroll 1s ease infinite;-o-animation:scroll 1s ease infinite;}
@-moz-keyframes scroll {
	0% {transform: translate(0,-10px); opacity: 0;}
	100% { transform: translate(0,5px); opacity: 1;}
}
@-webkit-keyframes scroll {
	0% {transform: translate(0,-10px); opacity: 0;}
	100% {transform: translate(0,5px); opacity: 1;}
}
@keyframes scroll {
	0% {transform: translate(0,-10px); opacity: 0;}
	100% { transform: translate(0,5px); opacity: 1;}
}
@media screen and (max-width:1024px){
table .td1 h1{ font-size:58px;}
table .td1 h2{font-size:28px;}
}
@media screen and (max-width:768px){
table .td1 h1{ font-size:50px;}
table .td1 h2{font-size:26px;}
table .td2,table .td1{ vertical-align:top; display:block!important; width:100%;}
}



/**/
table .td3{vertical-align:top; width:33.33333%; text-align:center; position:relative; padding:100px 0;}
table .td3 p{font-size:14px;color:#ffffff;line-height:32px; padding:0 56px; padding-bottom:60px; position:relative; z-index:2;}
table .td3 h1{font-size:450px;color:#202020;line-height:290px; height:290px;font-weight:normal;font-family:'Raavi',Arial, Helvetica, sans-serif;position:absolute;left:0;right:0; margin:0 auto;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
table .td3 h2{font-size:26px;color:#ffffff;line-height:26px;font-weight:normal; margin-bottom:5px; position:relative; z-index:2;}
table .td3 h3{font-size:12px;color:#909090;line-height:26px;font-weight:normal; text-transform:uppercase; position:relative; z-index:2;padding-bottom:20px;}
table .td3 h3:before{content: "";position: absolute;left:0;right:0;bottom:0;width:22px;height:4px;background:#faca99; margin:0 auto;}
@media (max-width:1600px) {

}
@media (max-width:1220px) {
table .td3 h1{font-size:400px;line-height:300px;}
table .td3 p{line-height:26px; padding:0 20px; padding-bottom:30px;}
}
@media (max-width:1024px) {
   table .td3 h2{font-size:24px;margin-bottom:5px;}
}
@media (max-width:992px) {
	table .td3{ display:block!important; width:100%;}	
	table .td3 p{max-width:300px; margin:0 auto;}
	table .td3 h1{font-size:450px;line-height:300px;}
}
@media (max-width:768px) {
	table .td3{padding:50px 0;}	
	table .td3 h1{font-size:350px;line-height:300px;}
   table .td3 h2{font-size:20px;margin-bottom:0px;}
}

/**/
.join1 table{ position:relative;}
table .td4tu{vertical-align: middle;width:100%;text-align:left; position:relative;}
table .td4tu img{max-width:63.57142857142857%;}
table .td4{position: absolute; right:0;max-width:584px;padding-top:100px;padding-bottom:100px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);background-color:#000;}
table .td4 p{padding-left:173px;padding-right:70px;background:url(../images/join-icon1.png) no-repeat 40px center #000;}

table .td5tu{vertical-align: middle;position:relative; text-align:right;}
table .td5tu img{max-width:63.57142857142857%;}
table .td5{position: absolute; left:0;max-width:584px;padding-top:100px;padding-bottom:100px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);background:#000;}
table .td5 p{padding-left:173px;padding-right:70px;background:url(../images/join-icon2.png) no-repeat 40px center #000;}
@media (max-width:1600px) {
table .td4,
table .td5{padding-top:70px;padding-bottom:70px;}
}
@media (max-width:1300px) {
table .td4,
table .td5{padding-top:50px;padding-bottom:50px;}
}
@media (max-width:1024px) {
table .td4tu img,
table .td5tu img{max-width:100%;}
table .td5tu,
table .td4tu,
table .td4,
table .td5{ display:block!important; width:100%;position: static; left:0;max-width:100%;top:auto;-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0%);transform: translateY(0%);}
}
@media (max-width:640px) {
table .td4,
table .td5{padding-top:30px;padding-bottom:30px;}
table .td4 p,
table .td5 p{padding-left:120px;padding-right:30px; background-size:50px;}	
}



/*loader-holder*/
.loader-holder{position: fixed;width: 60px;height: 60px;top: 50%;left: 50%;margin: -30px 0 0 -30px;z-index: 150}
@keyframes loadbars{0%{height: 20px;margin-top: 20px}50%{height: 50px;margin-top: 0}100%{height: 20px;margin-top: 20px}}
.loader-holder span{width: 10px;height: 10px;float: right;margin-right: 5px;box-shadow: 0 80px 20px rgba(255, 255, 255, 0.2);background:#faca99;}
.loader-holder span.sp1{animation: loadbars .6s cubic-bezier(0.645,0.045,0.355,1) infinite 0s}
.loader-holder span.sp2{animation: loadbars .6s ease-in-out infinite -0.2s}
.loader-holder span.sp3{animation: loadbars .6s ease-in-out infinite -0.4s}
.loader-holder #loading_tesxt{width: 100%;height: 100%;position: absolute;top: -30px;left: 10px;right: 0;text-align: center;line-height: 20px;}
.loader-holder #loading_tesxt> span{display: block;}

/*loading*/
#loading_container{position: fixed;top: 0px;left: 0px;z-index: 1000;width: 100%;height: 100%;padding: 0;margin: 0;text-align: center;background-color: #1b1b1b;}


.page-NewsInfo .bigImg .swiper-container .swiper-slide{background:#0a0a0a}








/*p-bottom*/
.p-bottom{display:none;}
@media screen and (max-width:768px){.p-bottom{width:100%;height:110px;position:fixed;bottom:0px;left:0px;padding:15px 0px;box-sizing:border-box;background-color:#0c0d0f;z-index:10;display:block;}
.footer{ padding-bottom:50px;}
.p-bottom li{width:25%;height: auto;float: left;position:relative;}
.p-bottom li a{display: block;}
.p-bottom li a i{display: block;width:50px;height: 50px;background-repeat: no-repeat;background-image:url(../images/contact_icon.png);margin:0 auto;}
.p-bottom li p{color:#fff;font-size:20px;text-align: center;}
.p-bottom li:after{position:absolute;top:50%;left:0;transform:translateY(-50%);content:'';display:block;width:1px;height:40px;background-color:rgba(255,255,255,0.7);}
.p-bottom li:first-child:after{display:none;}
.p-bottom li a i.i3{background:url(../images/contact_icon3.png) no-repeat center center;background-size:100%;}
}
@media screen and (max-width:640px){.p-bottom{height:15vw;padding:2.34375vw 0px;}.footer{ padding-bottom:15vw;}
.p-bottom li a i{width:7vw;height:7vw;background-size:65vw;margin:0 auto;}
.p-bottom li p{font-size:2.6vw;line-height: normal;}
.p-bottom li:after{height:50%;}
/*.p-bottom li a i.i3{background-size:46px;}*/
}



/*fixedSubNav*/
.fixedSubNav {margin:0 auto;padding: 0;display:block;margin-bottom:30px;/*text-align: center;*/ display:none;}
.fixedSubNav .layout{ position:relative;}
.fixedSubNav ul{padding:0;margin:0 auto; font-size:0;}
.fixedSubNav li {list-style:none;display:inline-block;*display:inline; zoom:1;text-align: center;}
.fixedSubNav li a {display:inline-block;line-height:34px;font-size:13px;color:#999;padding:0 20px;margin:0 4px;position:relative;margin-bottom:5px;border-radius:5px; text-align:center;border:1px solid #a3a2a7;}
.fixedSubNav li a:hover,.fixedSubNav li.cur a{color:#E8A535; background:#3e3a39;border-color:#3e3a39;opacity:1;}



/*PageNav twoNav*/
.PageNav .noneNav{ position:relative;}
.PageNav .twoNav {background:#1f1f1f;position:absolute;left:50%;line-height: 60px;font-size: 0;min-width:260px; margin-left:-130px;padding:10px 0; border-radius:3px;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(10px);filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; z-index:9;border: 1px solid #3e3e3e; /*max-height:400px;overflow-y:scroll;*/}
/*.PageNav .twoNav::-webkit-scrollbar{width:2px;height:1px;background-color:#1f1f1f;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.PageNav .twoNav::-webkit-scrollbar-thumb{ background-color:#3e3e3e;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}	*/
.PageNav .twoNav li {display:block;text-align:center;}
.PageNav .twoNav a {display: block;font-size: 14px;line-height:26px;padding: 5px 5px;color: #fff;}
.PageNav .twoNav a::after {display: none;}
.PageNav .twoNav a:hover,.PageNav .twoNav .cur a{color:#faca99; background:#3e3a39;}
.PageNav .noneNav:hover .twoNav{visibility:visible;transform: translateY(0);filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1}
@media (max-width:1220px) {
.PageNav .twoNav a {font-size:13px;line-height:26px;padding: 0 5px;}
}
@media (max-width:768px) {
.PageNav.ProNav .Navtit{ display: block;padding: 10px 0px; background:none;}
.PageNav .noneNav{ display:block; margin:0;}
.PageNav.ProNav .DropList{ display:none;border-top: 1px solid #3e3e3e;}
.PageNav .noneNav a.a1 {line-height:30px;height:30px; font-size:14px; padding:10px 5px;}
.PageNav .noneNav a::after {display: none;}
.PageNav .twoNav{position:static;left:0; min-width:inherit; display:none;}
.PageNav .twoNav a {font-size:13px;line-height:26px; height:auto;padding: 5px 10px; display:block;}
.PageNav .twoNav {visibility:visible;transform: translateY(0);filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; margin:0;-webkit-transition: all 0s;-moz-transition: all 0s;-ms-transition: all 0s ;-o-transition: all 0s;transition: all 0s; font-size:0; line-height:0;}
.PageNav .twoNav li{ display:inline-block; margin-right:10px;}
}