@charset "utf-8";
/* CSS Document */
*,*::before,*::after {
    box-sizing: border-box;
}
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; line-height:30px;}
body{font: 12px/1.5  Arial,  '微软雅黑','Microsoft YaHei',"Microsoft JhengHei",PingFang SC, Helvetica, sans-serif; color:#6a6a6a;background:#fff; overflow-x:hidden;-webkit-text-size-adjust: none;-webkit-font-smoothing: subpixel-antialiased;}
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;}
audio,canvas,progress,video {display:inline-block;*display: inline;zoom: 1;vertical-align: baseline;}
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;appearance:none;  padding: 0;}
select::-ms-expand { display: none; }

*{padding:0;margin:0;outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html{font-size: calc(100vw/19.2);}
html, body{width: 100%;height: auto;min-height: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; overflow-x:hidden;}
body{font-size: 16px;line-height: 1.5em;color: #999;background:#fff;}
input,button{-webkit-appearance:none;border-radius: 0;}
a,a:hover,a:focus{text-decoration: none;}
textarea{resize: none;overflow: auto;}
input,button{border: 0;}
img{border: 0;vertical-align: top;}
li{list-style: none;}
ul,ol,p,h1,h2,h3,h4,h5,h6{margin:0;}
/* placeholder修改 */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{/* WebKit, Blink, Edge */color: #666;}
input:-moz-placeholder, textarea:-moz-placeholder{/* Mozilla Firefox 4 to 18 */color: #666;opacity: 1;}
input::-moz-placeholder, textarea::-moz-placeholder{/* Mozilla Firefox 19+ */color: #666;opacity: 1;}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{/* Internet Explorer 10-11 */color: #666;}
select{-webkit-box-sizing: border-box;box-sizing: border-box;white-space: nowrap;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand{display: none;}

/* 去除iPhone中默认的input样式 */
input,select,textarea,button{ -o-appearance:none; -ms-appearance:none; -moz-appearance:none; -webkit-appearance:none;appearance:none; resize: none; border-radius:0;border:none; background-color:transparent; font-family:inherit; font-size:inherit; color:inherit;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; 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: 'DIN Light';
	src: url('fonts/DINLight.eot');
	src: url('fonts/DINLight.woff') format('woff'), url('fonts/DINLight.ttf') format('truetype'), url('fonts/DINLight.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@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;
}
body {font-size: 14px;line-height: 1.42857143; background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei","微软雅黑","Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI",Arial,sans-serif; min-width:320px;}
.w1600{width: 1600px;margin: 0 auto;}	
.layout{width:93.75%;margin: 0 auto;}
@media (max-width:1820px) {
.w1600{width:1480px;}
}
@media (max-width:1680px) {
.w1600{width:1300px;}
}
@media (max-width:1400px) {
.w1600{width:1200px;}
}
@media (max-width:1250px) {
.w1600{width:93.75%;}
}


/*header*/
.header{width:100%;z-index:999;overflow:visible;position:fixed;left:0;top:0;width:100%;-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.c-head-hide{color:#333;background:#161e27;}
/*.header.c-head-move{-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);overflow:hidden;}*/
.header:hover{ background:#161e27;}
/*headerBox*/
.header .headerBox{position:relative; margin:0 auto;}
.header .logo{position:absolute;left:0;top:0;display:block;width:72px; height:190px;-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 .logo img{width:100%;-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.c-head-move .logo{height:0;}
.header.c-head-move .logo img{height:0;}*/
.header .close,.header .menu,.headerBg{ display:none;}
.header .top-right{padding-right:230px;}
.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;}
.header .nav{text-align:right; display:block!important; }
@media (max-width:1400px) {
    .header .top-right{padding-right:175px;}		
}
@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;}
	body{ padding-top:60px;}
	.headerBg{height:60px;}
	.header .close,.header .menu,.headerBg{ display: block;}
	.header .logo{top:0;}
	.header .logo,
	.header .logo *{width:50px;}
	.header .nav{display:none!important; }
}



/*navbar-menu*/
.header .nav .navbar-menu{padding:30px 0;-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 .nav-item{ display:inline-block;*display:inline;zoom:1;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;vertical-align:top;}
/*nav-item .a1*/
.header .nav .nav-item .a1{position: relative;display:inline-block;padding:20px 0;font-size:16px;line-height:30px;font-weight: 500;letter-spacing:.1em;text-transform: uppercase;color: #fff;transition: all .25s;}
.header .nav .nav-item .a1::before{position:absolute;content:'';bottom:-1px;right:100%;width:10px;height:3px;background:#ff7300;opacity:0;transition:all .2s ease, right 0s ease .2s;}
.header .nav .nav-item .a1:hover::before{right: 0;opacity: 1;width: 100%;transition: right .2s ease, width .2s ease .2s;}
.header .nav .nav-item.focus .a1::before, 
.header .nav .nav-item.opened .a1::before {right: 0;opacity: 1;width: 100%;transition: right .3s ease, width .3s ease .3s;}
/*nav-toggle*/
.header .nav .nav-item.focus .nav-toggle::before,
.header .nav .nav-item.opened .nav-toggle::before,
.header .nav .nav-item .a1:hover + .nav-toggle::before {transform: rotate(180deg);}
.header .nav .nav-item > .nav-toggle{margin-left: 4px;display: inline-block;width:20px;height:20px;cursor: pointer; position:relative;}
.header .nav .nav-item > .nav-toggle::before{ content:'';position: absolute;left:0;top:50%;margin-top:-5px;width:20px;height:20px;display:block;transition: .22s;background: url(../images/top-v.png) center center no-repeat;background-size:12px;}
/*navbar-dropdown*/
.header .nav .navbar-dropdown{position: absolute;transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);visibility: hidden;opacity: 0;text-align: left;border: none;display: block;background: #ffffff;border-bottom: 7px solid #ff7300;z-index: 5;padding: 0;width:240px;margin-left: -30px;margin-top: 0;transform: translate3d(30px, 0, 0);border-top: 1px solid #e1e1e1;top: 100%;}
.header .nav .navbar-dropdown::before, 
.header .nav .navbar-dropdown::after{position:absolute;content:'';top:0;right:0;bottom:0;left:0;pointer-events: none;}
.header .nav .navbar-dropdown::before{z-index: -2;}
.header .nav .navbar-dropdown::after{background:inherit;z-index: -1;}
.header .nav .navbar-dropdown::before{top:20px;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);}
/*navbar-dropdown focus*/
.header .nav .nav-item.focus > .navbar-dropdown, 
.header .nav .nav-item.opened > .navbar-dropdown{transition-delay: .2s;transition-duration: .3s;}
.header .nav .nav-item.focus > .navbar-dropdown, 
.header .nav .nav-item.opened > .navbar-dropdown{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);}
/*navbar-dropdown a*/
.header .nav .navbar-dropdown a{display: block;padding:15px 30px;font-size: 14px;line-height:24px;font-weight: 500;letter-spacing: .1em;color: #151515;transition-duration: .2s;}
.header .nav .navbar-dropdown a:hover{background: #f7f7f7;text-decoration: underline; color:#ff7300l}
.header .nav .navbar-dropdown a{border-top:1px solid #e1e1e1;}
/*c-head-hide*/
.header.c-head-hide .navbar-menu{ padding:0 0!important;}
@media screen and (max-width:1620px){
	.header .nav .navbar-menu{padding:20px 0;}
}
@media screen and (max-width:1400px){
	.header .nav .navbar-menu{padding:15px 0;}
	.header .nav .nav-item .a1{ font-size:15px;}
}
@media screen and (max-width:1220px){
	.header .nav .navbar-dropdown{margin-left: -20px;width: 240px;}
	.header .nav .navbar-dropdown a{padding: 15px 20px;}
	.header .nav .nav-item .a1{ font-size:14px;}
}



/*pc lan*/
.f-box{display:inline-block;position:absolute;right:0;top:50%;margin-top:-15px;width:195px;height:30px; font-size:0; line-height:0;}
.f-box .search-btn{width:30px;height:100%;background-repeat: no-repeat;background-position: center center;background-image: url('../images/top-search.png'); display:inline-block;background-size:16px; float:left;}
.f-box a{font-size:12px; color:#fff; text-transform:uppercase; float:right; line-height:30px;}
.f-box .menu{z-index:1;cursor:pointer;float:right; margin-left:20px;}
.f-box .menu,
.f-box .menu img{width:30px;height:30px;display:block;transition:all 1.4s;}
@media (max-width:1400px) {
	.f-box{width:155px;}
}
@media (max-width: 1024px){
    .f-box{top:0;margin-top:15px;}
	.f-box .menu{margin-left:10px;}
	.f-box{width:125px;}
}



/*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-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-image: url("../images/close.png");transition: all .2s; background-size:20px;}
.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;}
.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;}
}





















/*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;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;padding-bottom:24px;padding-top:24px; background:#fff; text-align:center;}
.PageNav .layout{ position:relative;}
.PageNav ul{margin:0 auto; font-size:0;}
.PageNav li {list-style:none;display:inline-block;*display:inline; zoom:1;text-align: center;}
.PageNav li a {display:inline-block;line-height:40px;font-size:12px;color:#333333;padding:0 28px;margin:0 7px;position:relative;border-radius:40px;text-align:center;background:#f7f7f7;}
.PageNav li a:hover,.PageNav li.on a{color:#fff; background:#333333;}
.PageNav .Navtit{ display:none;}
@media screen and (max-width:790px) {
.PageNav{margin-bottom:0;padding: 10px 0 10px 0;margin-top:0;border-bottom: 1px solid #eeeeee;}
.PageNav .layout{ width:100%;}
.PageNav ul{ display: block;background:#fff}
.PageNav li{text-align:left;}
.PageNav li a {line-height:30px;margin:0 0;font-size:14px; text-align:left;padding: 5px 10px;color:#464646; background:none;}
.PageNav li a:hover,.PageNav li.on a{color:#ff7900; 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: #666666;}
.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;}
}






/*pageInfo*/
.page img{max-width:100%;}
.pageInfo{ color:#333333; font-size:16px; line-height:32px; 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*/
.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;}
}







/*****************************************pro start*****************************************/




.pagePro{ background:#f0f0f0;}

/*proList*/
.proList .proBox{padding-top:70px;padding-bottom:70px;border-bottom:1px solid #dcdcdc; position:relative;padding-right:52.5%;}
/*proList1*/
.proList-box{width:52.5%;position:absolute;right:0;top:50%;-webkit-transform: translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.proList-box .pageTitle3{font-size:30px;color:#ff7300;line-height:normal;margin-bottom:20px; text-align:center;}
.proList-box .pageTitle3 .en{font-size:16px; color:#333333;font-family: 'DIN Light',Arial, Helvetica, sans-serif;margin-bottom:5px;text-transform:uppercase;}
.proList-box .pageText{font-size:15px;color:#595959;line-height:30px;max-height:90px; overflow:hidden;margin-bottom:60px;text-align:center;}
/*proList-img*/
.proList-img{width:84.21052631578947%;float:left;}
.proList-img a{ display:block; width:100%; height:100%; position:relative;}
.proList-img .img{width:100%;height:640px;overflow:hidden;margin:0 auto; text-align:center;position:relative;}
.proList-img .img img{ 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;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);position:absolute;left:50%;top:50%;max-height:100%;max-width:none;}
.proList-img .img img,.proList-img .img,.proList-img a,.proList-img .img:after,.proList-img .img:before{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.proList-img .img:hover 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%);}
.proList-img .img a:before{content:"";position:absolute; width:50px;height:50px;background: url(../images/case-m.png) center center no-repeat; left:0;right:0; margin:0 auto;background-size:100%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);position:absolute;top:55%;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility:hidden; z-index:1;}
.proList-img .img:hover a:before{margin-top:0;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;visibility: visible;top:50%;}

.proList-img .img a:after{content:"";position:absolute;width:0;height:0;background:#000; left:0;right:0; margin:0 auto;position:absolute;left:50%;top:50%;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;visibility:hidden;}
.proList-img .img:hover a:after{left:0;top:0;width:100%;height:100%;visibility: visible;}

/*nth-child(2n)*/
.proList .proBox:last-child{border-bottom:none;}
.proList .proBox:nth-child(2n){padding-left:52.5%;padding-right:0;}
.proList .proBox:nth-child(2n) .proList-box{right:auto;left:0;}
.proList .proBox:nth-child(2n) .proList-img{float:right;}
@media screen and  (max-width:1820px) {
	.proList-img .img{height:580px;}
}
@media screen and  (max-width:1680px) {
	.proList .proBox{padding-top:55px;padding-bottom:55px;}
	.proList-img .img{height:520px;}
	.proList-box .pageText{margin-bottom:50px;}
}
@media screen and  (max-width:1400px) {
	.proList-img .img{height:500px;}
	.proList-box .pageText{margin-bottom:40px;}
}
@media screen and  (max-width:1250px) {
	.proList-img .img{height:450px;}
	.proList-box .pageTitle3{font-size:26px;}
	.proList-box .pageTitle3 .en{font-size:14px;}
	.proList-box .pageText{font-size:14px;line-height:26px;max-height:78px;margin-bottom:30px;}
}
@media screen and  (max-width:1024px) {
	.proList-img .img{height:400px;}
	.proList-box .pageText{margin-bottom:30px;}
}
@media screen and  (max-width:1000px) {
	.proList .proBox{padding-bottom:0px;padding-top:30px;border-bottom:1px solid #e5e5e5; position:relative;width:100%; padding-right:0;}
	.proList-box{width:100%;position:static;right:0; left:0;top:0;-webkit-transform: translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
	.proList-img{width:100%;float:none;margin:0 auto; margin-bottom:30px;}	
	.proList-img .img{height:280px}
	.proList-img .img img{width:100%;max-height:none;}
	.proList .proBox:nth-child(2n){padding-left:0;padding-right:0;}
	.proList .proBox:nth-child(2n) .proList-img{float:none;}
	.proList-box .pageText{max-height:none;width:90%; margin:0 auto;margin-bottom:25px;}
}
@media screen and (max-width:768px){
	.proList-box .pageTitle3{font-size:24px;margin-bottom:15px;}
	.proList-box .pageTitle3 .en{font-size:12px;}
	.proList-box .pageText{ line-height:24px;}
}
@media screen and (max-width:640px){
	.proList-img .img{height:45vw;}
	.proList-box .pageTitle3{font-size:20px;margin-bottom:15px;}
}



/*proList1*/
.proList1{font-size:0;padding:0; margin:0 -7.5px; text-align:center;}
.proList1 li{display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:33.333333%;margin-bottom:30px; vertical-align:top;}
.proList1 li a{ display:block;margin:0 7.5px;padding:0;position:relative;overflow:hidden;}
.proList1 li .pic{width:100%;height:auto; overflow:hidden; position:relative;margin:0 auto; text-align:center; padding:50% 0; background:#fff;}
.proList1 li .pic img{width:100%;height:auto; display:block;margin:auto;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);position:absolute;left:50%;top:50%;max-height:100%;max-width:100%;}
.proList1 li a:hover .pic{transform: scale(1.05, 1.05);}
.proList1 li .pic:after{content:""; display:block; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; background-color:#000;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;opacity:0;}
.proList1 li a:hover .pic:after{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
.proList1 li .tit{ line-height:30px;height:34px; overflow:hidden;font-size: 14px;color:#fff; position:absolute;top:50%;margin-top:-15px; text-align:center; width:100%;opacity:0;}
.proList1 li a:hover .tit{opacity:1;margin-top:-15px;}
.proList1 li a,.proList1 li .tit,.proList1 li .pic:after,.proList1 li .tit span:after,.proList1 li .tit span:before,.proList1 li .pic{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.proList1 li .tit span{ display:inline-block;letter-spacing:0;line-height:30px;height:34px; overflow:hidden; position:relative;}
.proList1 li .tit span:after,
.proList1 li .tit span:before{height:2px; background:#fff;bottom: 0px;content: " ";display: block;margin: 0 auto;position: relative;width:0;max-width:70px;}
.proList1 li .tit span:before{bottom: auto;top:0;}
.proList1 li a:hover{-webkit-transform: translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px);}
.proList1 li a:hover .tit span:after,
.proList1 li a:hover .tit span:before {width:70%;}
.proList1 li a:hover .tit span:before {width:70%;}
@media screen and (max-width:1000px){
	.proList1 li .pic{width:100%;height:auto;}
	.proList1 li .pic img{max-width:100%; max-height:100%; }
	.proList1{margin:0 -5px;}
	.proList1 li a{margin:0 5px;}
}
@media screen and (max-width:768px){
	.proList1 li .tit{margin-top:10px;}
	.proList1 li{margin-bottom:20px;}
}


/*proList2*/
.proList2 {overflow: hidden;padding-bottom:10px;}
.proList2 .ul-pro{overflow:hidden;display:block;font-size:0;line-height:0;margin:0 -10px;padding: 10px 0;}
.proList2 .ul-pro li{width:25%;margin-bottom:20px;display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.proList2 .ul-pro li a{ display:block;margin:0 10px;-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
.proList2 .ul-pro li p{ line-height: 37px;font-size: 14px;color: #666;}
.proList2 .ul-pro li a .pic{width: 100%;overflow: hidden;display: block; padding:50% 0; position:relative; background:#fff;}
.proList2 .ul-pro li a .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;width: 100%;height: 100%;object-fit: contain;max-width:none; margin:auto;}
.proList2 .ul-pro li a .pic img,.proList2 .ul-pro li a .pic,.proList2 .ul-pro li a{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.proList2 .ul-pro li a:hover .pic img{-moz-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%); -webkit-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);-ms-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);}
.proList2 .ul-pro li a .pic:before,
.proList2 .ul-pro li a .pic:after{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.proList2 .ul-pro li a .pic:before{content: '';display: block;width: 100%;height: 100%;background-color: rgba(255,255,255,0);left: 0;top: 0;position: absolute;}
.proList2 .ul-pro li a .pic:after{content: '';color:#fff;display: block;width:60px;height:60px;line-height:60px;text-align: center;box-sizing:content-box;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-image:url("../images/icon-s.png"); background-position:center; background-repeat:no-repeat;background-size:24px;background-color:rgba(255,255,255,.5);border:15px solid rgba(255,255,255,.2);}
.proList2 .ul-pro li a:hover .pic:before{background-color: rgba(255,255,255,0.2);}
.proList2 .ul-pro li a:hover .pic:after{opacity: .9;filter: alpha(opacity=90);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.proList2 .ul-pro li a,.proList2 .ul-pro .text:after,.proList2 .ul-pro .text h3,.proList2 .ul-pro .text h2,.proList2 .ul-pro .text h3{-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;}

.proList2 .ul-pro .text{background:#fff;padding:0;position:relative; height:70px;overflow: hidden;}
.proList2 .ul-pro .text h2{font-weight: normal;font-size:16px;height:70px;color:#fff;background:#909090;position: absolute; left:0;right:0;-webkit-transform: rotateX(-90deg);-moz-transform: rotateX(-90deg);-ms-transform: rotateX(-90deg);-o-transform: rotateX(-90deg);transform: rotateX(-90deg);-webkit-transform-origin: 50% 50% -35px;-moz-transform-origin: 50% 50% -35px;-ms-transform-origin: 50% 50% -35px;-o-transform-origin: 50% 50% -35px;transform-origin: 50% 50% -35px;}
.proList2 .ul-pro .text h3{font-weight: normal;font-size:16px;height:70px;color:#333; background:#f7f7f7;position: absolute; left:0;right:0;-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);-o-transform: rotateX(0deg);transform: rotateX(0deg);-webkit-transform-origin: 50% 50% -35px;-moz-transform-origin: 50% 50% -35px;-ms-transform-origin: 50% 50% -35px;-o-transform-origin: 50% 50% -35px;transform-origin: 50% 50% -35px;}
.proList2 .ul-pro .text span{display:block;line-height:70px;height:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center; }
.proList2 .ul-pro li a:hover h3{-webkit-transform: rotateX(90deg);-moz-transform: rotateX(90deg);-ms-transform: rotateX(90deg);-o-transform: rotateX(90deg);transform: rotateX(90deg);}
.proList2 .ul-pro li a:hover h2{-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);-o-transform: rotateX(0deg);transform: rotateX(0deg);}
.proList2 .ul-pro li a:hover{box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1);}
@media screen and  (max-width:1680px) {
.proList2 .ul-pro .text,
.proList2 .ul-pro .text h2,
.proList2 .ul-pro .text h3,
.proList2 .ul-pro .text span{line-height:60px;height:60px;}
.proList2 .ul-pro .text h2,
.proList2 .ul-pro .text h3{-webkit-transform-origin: 50% 50% -30px;-moz-transform-origin: 50% 50% -30px;-ms-transform-origin: 50% 50% -30px;-o-transform-origin: 50% 50% -30px;transform-origin: 50% 50% -30px;}
}
@media screen and  (max-width:1400px) {
.proList2 .ul-pro .text,
.proList2 .ul-pro .text h2,
.proList2 .ul-pro .text h3,
.proList2 .ul-pro .text span{line-height:50px;height:50px;font-size:15px;}
.proList2 .ul-pro .text h2,
.proList2 .ul-pro .text h3{-webkit-transform-origin: 50% 50% -25px;-moz-transform-origin: 50% 50% -25px;-ms-transform-origin: 50% 50% -25px;-o-transform-origin: 50% 50% -25px;transform-origin: 50% 50% -25px;}
.proList2 .ul-pro li a .pic:after{width:50px;height:50px;line-height:50px;border:10px solid rgba(255,255,255,.2);}
}
@media screen and  (max-width:1250px) {
.proList2 .ul-pro .text,
.proList2 .ul-pro .text h2,
.proList2 .ul-pro .text h3,
.proList2 .ul-pro .text span{line-height:40px;height:40px;font-size:14px;}
.proList2 .ul-pro .text h2,
.proList2 .ul-pro .text h3{-webkit-transform-origin: 50% 50% -20px;-moz-transform-origin: 50% 50% -20px;-ms-transform-origin: 50% 50% -20px;-o-transform-origin: 50% 50% -20px;transform-origin: 50% 50% -20px;}
.proList2 .ul-pro li a .pic:after{width:40px;height:40px;line-height:40px;border:5px solid rgba(255,255,255,.2);}
}
@media (max-width: 1000px) {
.proList2 .ul-pro li {width:33.33333%;margin-bottom:20px;}
}
@media (max-width: 768px) {
.proList2 .ul-pro{margin:0 -7.5px;}
.proList2 .ul-pro li a{margin:0 7.5px;}
.proList2 .ul-pro li {width:50%;margin-bottom:15px;}
}
@media (max-width: 550px) {
.proList2 .ul-pro{margin:0 -5px;}
.proList2 .ul-pro li {width:50%;margin-bottom:20px;}
.proList2 .ul-pro li a{margin:0 5px;}
.proList2 .ul-pro li a .pic:after{width:60px;height:60px;line-height:60px;border:15px solid rgba(255,255,255,.2);}
.proList2 .ul-pro .text,
.proList2 .ul-pro .text h2,
.proList2 .ul-pro .text h3,
.proList2 .ul-pro .text span{line-height:50px;height:50px;font-size:15px;}
.proList2 .ul-pro .text h2,
.proList2 .ul-pro .text h3{-webkit-transform-origin: 50% 50% -25px;-moz-transform-origin: 50% 50% -25px;-ms-transform-origin: 50% 50% -25px;-o-transform-origin: 50% 50% -25px;transform-origin: 50% 50% -25px;}
.proList2 .ul-pro li a .pic:after{width:50px;height:50px;line-height:50px;border:10px solid rgba(255,255,255,.2);}
}
@media (max-width: 350px) {
.proList2 .ul-pro li {width:100%;}	
}

/*****************************************pro end*****************************************/




/*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);transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-moz-keyframes rotate{
from{-moz-transform:rotate(0deg);transform:rotate(0deg)}
to{-moz-transform:rotate(360deg);transform:rotate(360deg)}
}
@-o-keyframes rotate{
from{-o-transform:rotate(0deg);transform:rotate(0deg)}
to{-o-transform:rotate(360deg);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;cursor:pointer; vertical-align:top;}
.pageList3 li.sceneListpic a{display:block;margin:0 12.5px;position:relative;border-bottom:1px solid #ebebeb;}
.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*************************************************/




/*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{height:224px;overflow-x:hidden;overflow-y: scroll; padding-right:30px;}
.pro2BOXTable .wzB::-webkit-scrollbar{width:1px;height:1px;background-color:#555;-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{ display:block;margin:0 3px;padding:0;position:relative; overflow: hidden;}
.proList3 ul li .pic{width:100%;height:auto; overflow:hidden; position:relative;margin:0 auto; text-align:center;}
.proList3 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;}
.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;-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: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;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;}
@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;}
}
@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 .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: -90px;}
	.proList3 ul li .code img{width: 70px;}
	.proList3 ul li .titNr .tit{ margin-top:10px;}
	.proList3 ul li .title{ display:none;}
	.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{text-align:center;padding-top:54px;}
.page-back a{text-align:center;position:relative; display:inline-block; padding:0 40px;background:#ff7300;border-radius:40px;}
.page-back span{display:block;font-size:14px;line-height:40px;height:40px;overflow:hidden;text-align:center;color:#fff;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}
@media screen and (max-width:1250px){
	.page-back a{padding:0 30px;}
}
@media screen and (max-width:768px){
	.page-back span{line-height:35px;height:35px;}	
}







/****************detailBox ******************/

/*detailBoxBottom*/
.detailBox .detailBoxBottom{padding-top:40px;padding-bottom:90px;background:#fff;}
.detailBox .detailBox-left{ float:left; width:73.75%;}
.detailBox .detailBox-right{float:right; width:26.25%;}
.detailBox .detailBox-left .detailBox-leftBox{padding:30px 30px 30px 30px; background:#fff; border:1px solid #e5e5e5;}
.detailBox .detailBox-right .detailBox-rightBox{padding:40px 30px 40px 30px; background:#f5f5f5; margin-left:30px;}
@media screen and (max-width:1024px) {
	.detailBox .detailBox-left .detailBox-leftBox{padding:40px 30px 15px 30px;}
	.detailBox .detailBox-right .detailBox-rightBox{padding:40px 30px 40px 30px;margin-left:20px;}
}
@media screen and (max-width:960px) {
	.detailBox .detailBox-left{ float:none; width:100%;}
	.detailBox .detailBox-right{ float:none; width:100%;margin-top:30px;}
    .detailBox .detailBox-left .detailBox-leftBox{padding:40px 30px 15px 30px;}
	.detailBox .detailBox-right .detailBox-rightBox{padding:40px 10px 20px 10px;margin-left:0;}
}
@media screen and (max-width:768px) {
	.detailBox .detailBox-left .detailBox-leftBox{padding:40px 20px 15px 20px;}
}

/*detail-tt*/
.detail-tt{font-size:14px;color:#595959;line-height:26px; overflow:hidden;position:relative;margin-bottom:30px;text-align:center;padding-bottom:8px;background:url(../images/pro2-tit.jpg) center bottom no-repeat; padding:10px 0;}
.detail-tt .cn{font-size:26px;display:block; color:#333333; }
.detail-tt .cn strong{font-weight:bold;}
.detail-tt .en{text-transform:uppercase; display:block;}
@media screen and (max-width:768px) {
  .detail-tt .cn{font-size:20px;}
}

/*detail-tt2*/
.detail-tt2{font-size:12px;color:#595959;line-height:24px; overflow:hidden;margin-bottom:40px; text-align:center;}
.detail-tt2 .cn{font-size:20px;font-weight:bold; display:block;color:#1e2831}
.detail-tt2 .en{text-transform:uppercase; display:block;}
@media screen and (max-width:768px) {
  .detail-tt2 .cn{font-size:16px;}
}

/*proxgList*/
.proxgList{margin-top:0;}
.proxgList ul{margin:0;font-size:0;}
.proxgList ul li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:100%;margin-bottom:18px; vertical-align:top;}
.proxgList ul li.li4{ display:none;}
.proxgList ul li a{display:block;position: relative;margin:0;border-bottom:1px solid #efefef;}
.proxgList ul li .ImgBox{width: 100%;overflow: hidden;display: block; padding:50% 0; position:relative; background:#fff;}
.proxgList ul li .ImgBox 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;width: 100%;height: 100%;object-fit: contain;max-width:none; margin:auto;}
.proxgList ul li .ImgBox img,.proxgList ul li .ImgBox,.proxgList ul li a,.proxgList ul li .listTitle .listTitleBox{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.proxgList ul li a:hover .ImgBox img{-moz-transform: scale(1.05) translate(-50%, -50%); -webkit-transform: scale(1.05) translate(-50%, -50%);-ms-transform: scale(1.05) translate(-50%, -50%);transform: scale(1.05) translate(-50%, -50%);}
.proxgList ul li a:hover .ImgBox{-webkit-box-shadow:0px 0px 9px rgba(0,0,0,.1);-moz-box-shadow: 0px 0px 9px rgba(0,0,0,.1);box-shadow: 0px 0px 9px rgba(0,0,0,.1);}
.proxgList ul li .listTitle .listTitleBox{padding:15px 15px;}
.proxgList ul li .listTitle .t{font-size:14px;color:#333333;line-height:24px; height:24px;overflow:hidden; text-align:center;}
.proxgList ul li .ImgBox:after{content:""; display:block; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; background-color:#000;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;opacity:0;}
.proxgList ul li a:hover .ImgBox:after{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
.proxgList ul li .tit{line-height:30px;height:34px; overflow:hidden;font-size: 14px;color:#fff; position:absolute;top:50%;margin-top:-15px; text-align:center; width:100%;opacity:0; z-index:2;}
.proxgList ul li a:hover .tit{opacity:1;margin-top:-15px;}
.proxgList ul li a,.proxgList ul li .tit,.proxgList ul .pic:after,.proxgList ul li .tit span:after,.proxgList ul li .tit span:before,.proxgList ul li .ImgBox{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.proxgList ul li .tit span{ display:inline-block;letter-spacing:0;line-height:30px;height:34px; overflow:hidden; position:relative;}
.proxgList ul li .tit span:after,
.proxgList ul li .tit span:before{height:2px; background:#fff;bottom: 0px;content: " ";display: block;margin: 0 auto;position: relative;width:0;max-width:70px;}
.proxgList ul li .tit span:before{bottom: auto;top:0;}
.proxgList ul li a:hover{-webkit-transform: translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px);}
.proxgList ul li a:hover .tit span:after,
.proxgList ul li a:hover .tit span:before {width:70%;}
.proxgList ul li a:hover .tit span:before {width:70%;}
@media screen and (max-width:960px) {
.proxgList ul{margin:0 -10px;}	
.proxgList ul li{ width:33.333%;}
.proxgList ul li a{margin:0 10px;}	
}
@media screen and (max-width:768px) {
.proxgList ul li{ width:50%;}
.proxgList ul li.li4{ display:block;}
}


/*page-back2*/
.page-back2{ margin:0 auto; text-align:center;padding:30px 0;}
.page-back2 a{display:block;width:130px;font-size: 14px;line-height:42px;height:42px; border-radius:44px;overflow:hidden; text-align:center;color: #1f3650;margin:0 auto;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; background:#fff; border:1px solid #d2d7db;}
.page-back2 a:hover{background:#cf202f; color:#fff; border-color:#cf202f;}





/*preview*/
.preview{width:100%;}
.detailBox{width:100%;}

.detailBox img{ max-width:100%; max-height:100%;}
/*detailBoxTop*/
.detailBox .detailBoxTop{padding-top:40px;padding-bottom:40px;}
.detailBox .detailImg{width:37.5%;float:left;position:relative!important; overflow:hidden;}
.detailBox .detailNr{width:61.25%;float:right;}
.detailBox .detailNr .detailNrBox{padding:60px 45px 110px 45px; background:#ffffff; min-height:740px; position:relative;}
.detailBox .detailNrWZ{/*min-height:600px;*/padding-bottom:0;}
.detailBox .proTit{font-size:30px; color:#000000;padding-bottom:20px;}
.detailBox .proText{padding-top:25px;line-height:30px;font-size:15px;color:#757575;margin-bottom:25px;}
.detailBox .proText td{ vertical-align:top; padding-right:18px;line-height:30px;}
.detailBox .proText td p{line-height:30px;}
.detailBox .proText td:first-child{ min-width:90px;}
.detailBox .pro-share{border-top:1px solid #dadada;padding-bottom:30px;padding-top:55px; color:#333333;}
.detailBox .detailBtn{ position:absolute;left:45px;right:45px;bottom:65px;}
.detailBox .detailBtn .tel{ width:50%; float:left; text-align:center; display: block;color:#ffffff; font-size:14px;line-height:44px; overflow:hidden;background:#333333;border-bottom-left-radius:20px;}
.detailBox .detailBtn .lx{width:50%; float:left; text-align:center;display: block;color:#ffffff;font-size:14px;line-height:44px;overflow:hidden;background:#ff7900;border-bottom-right-radius:20px;}
.detailBox .detailBtn .lx .cn{padding-left:20px;background:url(../images/pro-c.png) left center no-repeat; background-size:16px;}
.detailBox .detailBtn .lx:hover{background:#f8b478;}
@media screen and (max-width:1440px) {
.detailBox .proTit{font-size:26px;padding-bottom:15px;}
.detailBox .detailNr .detailNrBox{min-height:598px;}
}
@media screen and (max-width:1250px) {
.detailBox .detailNr .detailNrBox{padding:40px 25px 70px 25px;}
.detailBox .proTit{font-size:24px;padding-bottom:15px;}
.detailBox .proText{padding-top:10px;font-size:14px;margin-bottom:20px;}
.detailBox .pro-share{padding-top:20px;padding-bottom:30px;}
.detailBox .detailBtn{left:25px;right:25px;bottom:25px;}
}
@media (max-width: 1024px){
.detailBox .detailNr .detailNrBox{min-height:476px;padding:25px 25px 70px 25px;}
.detailBox .detailBtn{left:25px;right:25px;bottom:25px;}
.detailBox .proTit{font-size:22px;padding-bottom:0;}
}
@media (max-width: 1023px){
.detailBox{padding-bottom:30px;}
.detailBox .detailNr .detailNrBox{min-height:auto;}
.detailBox .detailImg{width:100%; float:none;}
.detailBox .detailNr{width:100%; float:none;}
}
@media screen and (max-width:768px) {
.detailBox .proTit{font-size:20px;}
.detailBox .detailNr .detailNrBox{padding:40px 20px 70px 20px;}
.detailBox .detailBtn{left:20px;right:20px;bottom:20px;}
.detailBox{padding-bottom:0;}
}
@media screen and (max-width:430px) {
.detailBox .detailBtn .tel,
.detailBox .detailBtn .lx{ font-size:12px;}
}
@media screen and (max-width:350px) {
.detailBox .detailBtn .tel,
.detailBox .detailBtn .lx{font-size:3.428571428571429vw;}
.detailBox .detailNr .detailNrBox{padding:40px 1.5% 70px 1.5%;}
.detailBox .detailBtn{left:1.5%;right:1.5%;}
}

/*bigImg*/
.bigImg{ position:relative;border: 1px solid #eeeeee;}
.bigImg .icon-big{cursor:pointer;width:24px;height:24px;background:url(../images/icon-search.png) center center no-repeat #000;position:absolute;top:20px;right:20px;z-index:2; background-size:18px;}
.bigImg .icon-big:hover{background-color:#ff7300;}
.bigImg .swiper-container{width: 100%;}
.bigImg .swiper-container .swiper-slide{height:600px;position: relative;background: #FFF; width:100%;}
.bigImg .swiper-container .swiper-slide .img{width: 100%;height: 100%;}
.bigImg .swiper-container .swiper-slide img{position: absolute;max-width:100%;max-height:100%;left: 50%;top:50%;transform: translate(-50%,-50%);}
/*mobileImg*/
.mobileImg{margin-top:20px;position: relative; padding:0 40px;}
.mobileImg .swiper-container{width:100%;}
.mobileImg .swiper-container .swiper-slide{cursor: pointer;height:120px;position: relative;-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;background: #FFF;width:25%;}
.mobileImg .swiper-container .swiper-slide.focu{width:25%;}
.mobileImg .swiper-container .swiper-slide img{position:absolute;max-width:100%;max-height:100%;left:50%;top:50%;transform: translate(-50%,-50%);}
.mobileImg .mbtn{width:28px; height:100%;overflow:hidden;position:absolute;top:0;right:0; cursor:pointer;}
.mobileImg .mbtn.mprevbtnb{background:url(../images/arrow-left2.png) center center no-repeat #f8b478;left:0;background-size:7px;}
.mobileImg .mbtn.mnextbtnb{background:url(../images/arrow-right2.png) center center no-repeat #f8b478;right:0;background-size:7px}
@media(max-width: 1440px) {
.bigImg .swiper-container .swiper-slide{height:486px;}
.mobileImg .swiper-container .swiper-slide{height:90px;}	
}
@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%;position: relative*/}
	.mobileImg .swiper-container .swiper-slide{height:74px;}
	.mobileImg{margin-top:10px;}
}
@media(max-width: 992px) {
    .bigImg .swiper-container .swiper-slide .img{padding-top: 100%}
	.mobileImg{ margin-bottom:30px;}
    .mobileImg .swiper-container .swiper-slide{height:auto;}
    .mobileImg .swiper-container .swiper-slide{padding-top:20%;position: relative}
	.mobileImg .mbtn.mprevbtnb,
	.mobileImg .mbtn.mnextbtnb{background-size:7px}
}


/********************************case  end********************************/

/*.pageT*/
.pageTt{ text-align:center; margin-bottom:30PX;}
.pageTt strong{ font-size:24px;color:#333333;position:relative;padding:10px 50px;line-height:40px;font-weight:normal;}
.pageTt strong:before{ content:""; position:absolute; left:0;top:50%;width:33px;height:2px; background:#ff7300;} 
.pageTt strong:after{ content:""; position:absolute; right:0;top:50%;width:33px;height:2px; background:#ff7300;} 
@media screen and (max-width:768px) {
.pageTt{margin-bottom:20PX;}
.pageTt strong{font-size:20px;padding:10px 40px;}
.pageTt strong:before,
.pageTt strong:after{width:23px;} 

}



/*page-caseList*/
.page-caseList {overflow: hidden;}
.page-caseList ul{overflow:hidden;display:block;font-size:0;line-height:0;margin:0 -10px;}
.page-caseList ul li{width:25%;margin-bottom:20px;display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.page-caseList ul li a{ display:block;margin:0 10px;}
.page-caseList ul li p{ line-height: 37px;font-size: 14px;color: #666;}
.page-caseList ul li a .pic{overflow:hidden;padding:32.89473684210526% 0; position:relative;}
.page-caseList ul li a .pic img{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;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);position:absolute;left:50%;top:50%;max-height:100%;max-width:none; height:100%;width:100%;}
.page-caseList ul li a .pic:before,
.page-caseList ul li a .pic:after{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.page-caseList ul li a .pic:before{content: '';display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);left: 0;top: 0;position: absolute;opacity: 0;filter: alpha(opacity=0); z-index:1;}
.page-caseList ul li a .pic:after{content: '';color:#fff;display: block;width:45px;height:45px;line-height:45px;text-align: center;box-sizing:content-box;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-image:url("../images/case-m.png"); background-position:center; background-repeat:no-repeat;background-size:45px; z-index:2;}
.page-caseList ul li a:hover .pic:before{opacity:1;filter: alpha(opacity=100);}
.page-caseList ul li a:hover .pic:after{opacity: .9;filter: alpha(opacity=90);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.page-caseList ul li a:hover img{-moz-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%); -webkit-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);-ms-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);}
.page-caseList ul li a,.page-caseList ul .text:after,.page-caseList ul .text h3,.page-caseList ul .text h2,.page-caseList ul .text h3{-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;}
.page-caseList ul .text{padding:20px 0;}
.page-caseList ul .text h3{font-weight: normal;font-size:15px;color:#333;height:22px;line-height:22px; overflow:hidden;}
.page-caseList ul .text h2{font-weight: normal;font-size:15px;color:#ff7300;height:0;line-height:0; overflow:hidden;}
.page-caseList ul .text span{display:block;line-height:22px;height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
.page-caseList ul .text h3 span{ border-left:3px solid #ff7300; padding-left:12px; text-align:left; padding-right:22px;background-image:url("../images/case-m.png"); background-position:center right; background-repeat:no-repeat;background-size:22px;}
.page-caseList ul li a:hover{box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1); background:#fff8f2;}
.page-caseList ul li a:hover h3{color:#ff7300;height:0;line-height:0;}
.page-caseList ul li a:hover h2{color:#ff7300;height:22px;line-height:22px;}
@media (max-width: 1024px) {
.page-caseList ul li {width:33.33333%;margin-bottom:20px;}
}
@media (max-width: 768px) {
.page-caseList ul{margin:0 -7.5px;}
.page-caseList ul li a{margin:0 7.5px;}
.page-caseList ul li {width:50%;margin-bottom:15px;}
}
@media (max-width: 550px) {
.page-caseList ul{margin:0 0;}
.page-caseList ul li {width:100%;display:block;margin-bottom:20px;}
.page-caseList ul li a{margin:0 10px;}
}

/********************************case  end********************************/


/********************************news********************************/


/*page-newsInfo*/
.page-newsInfo{text-align:left; padding:0 100px;}
.case2 .page-newsInfo{text-align:left; float:right; width:69.28571428571429%; padding:0;}
.page-newsInfo .newsTit{ font-size:30px; color:#000000; line-height: normal; text-align:left; font-weight:500;padding-bottom:34px;}
.page-newsInfo .newsShuju{ font-size:16px; color:#3e4d5a;line-height:30px;margin-bottom:10px;font-family: 'DIN Light',Arial, Helvetica, sans-serif;}
.page-newsInfo .newsShuju span{ display:inline-block;font-size:16px; color:#3e4d5a;line-height:30px;}
.page-newsInfo .newsShuju span.d{ text-align:left;}
.page-newsInfo .newsShuju span.s{ float:right;padding-left:20px;background:url(../images/see.png) left center no-repeat;background-size:14px;}
.page-newsInfo .newsShare{display:inline-block;text-align:center;margin:0 auto; width:150px;}
.page-newsInfo .newsText{text-align:left;font-size:15px;color:#3e3e3e;line-height:28px;border-top:1px solid #edeef1;}
.page-newsInfo .newsTextNr{padding-top:60px;padding-bottom:20px;}
.page-newsInfo .newsTextNr img{margin-bottom:0.5em;}
.page-newsInfo .newsBtn{/*border-top:1px solid #edeef1;*/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:30px; height:30px; overflow:hidden;color:#595959;font-size:13px;}
.page-newsInfo .newsBtn a{display:inline-block;max-width:90%;line-height:14px; height:14px;color:#595959; white-space:nowrap;text-overflow: ellipsis; overflow: hidden;}
.page-newsInfo .newsBtn a:hover{color:#ff7300;}
.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 #ff7300;}
.page-newsInfo .newsBtn .newsBtnB span{padding-right:10px;border-right:3px solid #ff7300;}
@media screen and (max-width:1220px) {	
   .page-newsInfo .newsTextNr{padding-top:30px;}
   .page-newsInfo .newsTextNr img{ width:!important;height:auto!important;}
}
@media screen and (max-width:1024px) {	
   .case2 .page-newsInfo{ width:100%;float:none;}
}
@media screen and (max-width:1023px) {	
   .page-newsInfo{padding:0;}
}
@media screen and (max-width:960px) {
  .page-newsInfo .newsTit{ font-size:24px;padding-bottom:20px;}
  .page-newsInfo .newsTextNr{padding-top:30px;padding-bottom:20px;}
}
@media screen and (max-width:768px) {
  .page-newsInfo .newsTit{ font-size:18px;padding-bottom:15px;}
  .page-newsInfo .newsBtn span{width:100%; }
  .page-newsInfo .newsBtn .newsBtnB{ text-align:left;}
  .page-newsInfo .newsBtn span,.page-newsInfo .newsBtn a{line-height:20px; height:20px; }
  .page-newsInfo .newsBtn .newsBtnA{text-align:left; width:100%; display:block;}
  .page-newsInfo .newsBtn .newsBtnB{ text-align:left; width:100%;display:block;}
  .page-newsInfo .newsBtn .newsBtnB span{padding-right:none;border-right:none;padding-left:10px;border-left:3px solid #ff7300;}
}


/*page-back*/
.page-newsInfo .page-back{ border-top:1px solid #e3e3e3;}
.page-newsInfo .page-back a{ width:248px;padding:0 40px;border-radius:50px;line-height:50px;height:50px;color:#fff;font-size: 14px;}
@media screen and (max-width:1023px) {
  .page-newsInfo .page-back a{ width:200px;padding:0 20px;}
}
@media screen and (max-width:768px) {
  .page-newsInfo .page-back a{ width:120px;padding:0 20px;}
}



/*page-newsXg*/
.page-newsZuixin{ width:27.14285714285714%;float:left; background:#f9f9f9;}
.page-newsZuixin .page-newsZuixinB{ padding:36px 36px;}
.page-newsZuixin h1{padding:0;font-size:20px;color:#909090; font-weight:normal;line-height:56px;}
.page-newsZuixin ul{width:100%;margin:0 auto;position:relative; font-size:0;margin-top:20px;}
.page-newsZuixin ul li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:100%;vertical-align:top;}
.page-newsZuixin ul li a{display:block;padding:0;}
.page-newsZuixin ul li a{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.page-newsZuixin ul li a{font-size:15px;color:#000000;height:36px;line-height:36px; overflow:hidden; margin-bottom:10px;text-overflow:ellipsis;white-space:nowrap;text-align:left;padding-left:22px;background-image:url("../images/case2-icon.png"); background-position:left center; background-repeat:no-repeat;background-size:14px;}
.page-newsZuixin ul li a:hover{color:#fe831e;}
@media screen and (max-width:1024px) {	
    .page-newsZuixin{ width:100%;float:none; margin-top:30px;}
	.page-newsZuixin ul li a{font-size: 16px;height:30px;line-height:30px;}
}
@media screen and (max-width:768px) {
	.page-newsZuixin ul li.listpic{width:100%;margin-right:0;}
	.page-newsZuixin ul li.listpic .listTitle{padding:0;}
}







/********************************news end********************************/


/****************************************************Contact****************************************************/
/**Contact**/
.pageContact{ padding-top:30px;}
.contactTable{margin-bottom:5px;}
.contactTable td{vertical-align:top; text-align:center; width:25%;padding:60px 3%;font-size:15px; line-height:26px; color:#757575; min-height:430px; position:relative; vertical-align:middle;}
.contactTable td:before{ content:'';position:absolute; left:0;top:1.5%; height:97%; width:97%; margin:auto;border:1px solid #dcdcdc;} 
.contactTable td h1{ font-size:20px; font-weight:300; color:#333333; margin-bottom:15px; margin-top:15px; position:relative; z-index:1;}
.contactTable td img,.contactTable td p,.contactTable td div{position:relative; z-index:1;}
.contactTable td img,.contactTable td{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.contactTable td:hover img{animation: myfirst 1s infinite;}      
@keyframes myfirst {
	0% {
		transform: translate(0px, 0px);
	}
	50% {
		transform: translate(0px, -10px);
	}
	100% {
		transform: translate(0px, 0px);
	}
}
@media screen and (max-width:1024px) {
.contactTable{width:100%!important;}
.contactTable td{ display:block!important; float:left;width:50%;padding:3% 3%;min-height: inherit; margin-bottom:10px;}
.contactTable td h1{font-size:18px;margin-bottom:10px; margin-top:10px;}
.contactTable td img{ width:90px;}
}
/*@media screen and (max-width:768px) {
.contactTable{ display:block!important;width:100%!important;}
.contactTable td{ display:block!important; width:100%;padding:5% 3%;}
}*/

/*contactTable*/
.contactBOX2{ position:relative; padding-top:85px;margin-top:100px;background:url(../images/contact-feedbackbg.jpg) center top no-repeat #f4f4f4;background-size:100%;}
.contactBOX2 .pageTt{position:relative; z-index:2;}
.contactTableB2 .t2{ font-size:36px;  text-align:center; color:#fff; line-height:35px; padding:50px 0;}
.contactTableB2{ position:relative; z-index:2;}

.contactTableB1{ position:relative; z-index:2;}
.contactTable2{ background:none; width:240px;}
.contactTable2 .t3{ color:#757575; line-height:30px;}
.contactTable3{ background:none; width:390px;padding-left:0;}
.contactTable3 .t3{ color:#757575; line-height:30px;}
@media screen and (max-width:1024px){
.contactBOX2{ padding-top:50px;margin-top:50px;}
.contactTable2{ background:none; width:100%;padding:0px 0;}
.contactTable3{ background:none; width:100%;padding:0px 0;}
}
@media screen and (max-width:1024px){
.contactBOX2{ padding-top:30px;margin-top:30px;}	
}




/*feedback2Box*/
.feedback2Box{ padding:60px 0 70px 0;font-size:14px;color:#464646;line-height:30px; }
.feedback2Box .contact-tit{font-size:18px;line-height: 30px; font-weight:600;}
.feedback2{font-size:15px;color:#333333;line-height: 30px;text-align:left;padding:0;margin:0 -10px;}
.feedback2 .t{ display:block;margin-bottom:10px; float:left;text-align:right; padding-right:30px; font-weight:normal;min-width: 90px;}
.feedback2 td{ width:50%; vertical-align:top;}
.feedback2 label{display:block;}
.feedback2 .l1{float:left;width:100%;}
.feedback2 .l3{float:left;width:100%; position:relative; font-size:13px;}
.feedback2 .text{ float:left;display:block;width:80%;padding:4px 3% 4px 3%;height:50px;margin-bottom:40px;outline:none;font-size:14px;color:#a0a0a0;font-family:Arial,"微软雅黑",Sans-Serif;border:0px solid #eeeeee;border-radius:0;background:#fff;text-align:left;}
.feedback2 .text2{float:left;display:block;width:80%;padding:4px 3% 4px 3%;height:140px;margin-bottom:40px;outline:none;font-size:14px;color:#a0a0a0;font-family:Arial,"微软雅黑",Sans-Serif;border:0px solid #eeeeee;border-radius:0;background:#fff;text-align:left;}
.feedback2 .getcode{display:block;width:38%;padding:4px 3% 4px 3%;height:50px;margin-bottom:0; float:left;
outline:none;font-size:14px;color:#a0a0a0;font-family:Arial,"微软雅黑",Sans-Serif;border: none;border:0px solid #eeeeee;border-radius:0;background:#fff;text-align:left;}
.feedback2 .kk{font-size:14px;color:#464646; line-height:normal;margin-left:2px;}
.feedback2 .inputbtn{display:inline-block;height:50px;line-height:50px;margin:0 5px;outline:none;font-size:14px;background:#e7e7e7;color:#464646;font-family:"微软雅黑",Arial,Sans-Serif;border:0;cursor:pointer;border-radius:50px;text-align:center; width:166px;margin-top:15px;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.feedback2 .inputbtn:hover,.feedback2 .inputbtn.tj:hover{background:#f6ab00; color:#fff;transform: translate(0px, -10px);}
.feedback2 .inputbtn.tj{ background:#ff7300;color:#fff; position:relative;}
.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 #faca99; }
.feedback2 input::-webkit-input-placeholder { color: #909090; } 
.feedback2 input:-moz-placeholder { color: #909090; } 
.feedback2 input::-moz-placeholder { color: #909090; } 
.feedback2 input:-ms-input-placeholder { color: #909090; } 
.feedback2 textarea::-webkit-input-placeholder { color: #909090; } 
.feedback2 textarea:-moz-placeholder { color: #909090; } 
.feedback2 textarea::-moz-placeholder { color: #909090; } 
.feedback2 textarea:-ms-input-placeholder { color: #909090; } 
@media screen and (max-width:1150px) {
	.feedback2 .text{width:77%;}
	.feedback2 .text2{width:77%;}	
    .feedback2Box{ padding:50px 0 60px 0;}	
}
@media screen and (max-width:991px){
	.feedback2Box{ padding:30px 0%  60px 0%;}
	.feedback2 .text{width:70%;}
	.feedback2 .text2{width:70%;}		
}
@media screen and (max-width:768px){
	.feedback2 td{ width:100%; vertical-align:top; display:block!important}
	.feedback2{margin:0;margin-top:20px;}
	.feedback2 .l1{float:none;width:100%;}
	.feedback2 .kk{ display:inline-block; clear: both;}
	.feedback2 .text{width: 100%;padding:4px 3% 4px 3%; float:none;margin-bottom:15px;}
	.feedback2 .getcode{width:100%;padding:4px 3% 4px 3%;margin-bottom:15px;float:none; }
	.feedback2 label .l1Box{margin:0 auto;}
	.feedback2 .inputbtn{width:100%;}
	.feedback2Box{ padding:0 3%  50px 3%;}
}





/****************************************case****************************************/
.case {overflow: hidden;padding-bottom:20px;}
.case .ul-case{ overflow:hidden;padding-bottom:20px;display:block;}
.case .ul-case li{width:33.33333%;margin-bottom:20px;display:inline-block;*display:inline;zoom:1; float:left;vertical-align:top;}
.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: 550px) {
.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****************************************/
/*newsList listpic*/
.page-newsList{margin-bottom:35px;}
.page-newsList ul{font-size:0; line-height:0;}
.page-newsList ul li.listpic{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:100%;position:relative;}
.page-newsList ul li.listpic a{padding-top:10px; padding-bottom:10px;display:block;position: relative;overflow:hidden;background: url("../images/icon-m.png") 95% center no-repeat;border-bottom:2px solid #f4f4f4; background-size:17px;}
.page-newsList ul li.listpic .ImgBox{width:430px;height:100%;overflow:hidden; position:absolute; left:0;top:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity:0; display:none;}
.page-newsList ul li.listpic .ImgBox img{height:100%; width:100%;}
.page-newsList ul li.listpic:hover .ImgBox img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);}
.page-newsList ul li.listpic .listTitle{overflow:hidden;display:block;padding:0;}
.page-newsList ul li.listpic .listTitle .listTitleBox{padding:40px 185px 40px 210px; position: relative;}
.page-newsList ul li.listpic .listTitle .t{font-size:20px;color:#333;height:26px;line-height:26px;overflow:hidden;position:relative;padding-left:14px;margin-bottom:7px;}
.page-newsList ul li.listpic .listTitle .t:after{content:'';height:20px; position:absolute;left:0;top:4px;width:4px;background:#ff7300;}
.page-newsList ul li.listpic .listTitle .t2{font-size:14px;color:#595959;height:26px;line-height:26px; overflow:hidden;margin-bottom:9px;}
.page-newsList ul li.listpic .date{ font-size:16px;color:#333333;line-height:20px;font-family: 'DIN Light',Arial, Helvetica, sans-serif;}
.page-newsList ul li.listpic .date span{ display:inline-block;font-size:16px;color:#333333;line-height:20px;}
.page-newsList ul li.listpic .date span.d{ text-align:left; margin-left:50px;display:none;}
.page-newsList ul li.listpic .date span.s{padding-left:20px;background:url(../images/see.png) left center no-repeat;background-size:14px;}
.page-newsList ul li.listpic .date2{font-size:16px;line-height:20px; color:#333333;width:88px; height:88px;position:absolute; top:50%; margin-top:-50px; left:45px; text-align:center;font-weight:300; border:1px solid #ff7300;font-family: 'DIN Light',Arial, Helvetica, sans-serif;}
.page-newsList ul li.listpic .date2 .y{font-size:18px;line-height:20px; text-align:center; display:block; margin-top:24px;font-weight:300;}
/*hover*/
.page-newsList ul li.listpic a:hover,.page-newsList ul li.listpic.on a{padding-left:430px;background-image:none; background-color:#fafafa;border-bottom:1px solid #fafafa;}
.page-newsList ul li.listpic a:hover .ImgBox,.page-newsList ul li.listpic.on a .ImgBox{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;display:block;}
.page-newsList ul li.listpic a:hover .date2,.page-newsList ul li.listpic.on a .date2{color:#3e4d5a;background: none; display:none;}
.page-newsList ul li.listpic a:hover .listTitle .listTitleBox,.page-newsList ul li.listpic.on a .listTitle .listTitleBox{padding:78px 185px 78px 100px;}
.page-newsList ul li.listpic a:hover .date span.d,.page-newsList ul li.listpic.on a .date span.d{ display:inline-block;}
@media screen and (max-width:1220px){
	.page-newsList ul li.listpic .ImgBox{ width:370px;}
	.page-newsList ul li.listpic a:hover,.page-newsList ul li.listpic.on a{padding-left:370px;}
	.page-newsList ul li.listpic .listTitle .listTitleBox{padding:35px 155px 35px 210px; }
	.page-newsList ul li.listpic a:hover .listTitle .listTitleBox,
	.page-newsList ul li.listpic.on a .listTitle .listTitleBox{padding:68px 155px 68px 50px;}	
}
@media screen and (max-width:1150px){
.page-newsList ul li.listpic .ImgBox{ width:340px;}
.page-newsList ul li.listpic a:hover,.page-newsList ul li.listpic.on a{padding-left:340px;}
.page-newsList ul li.listpic .listTitle .listTitleBox{padding:35px 155px 35px 210px;}
.page-newsList ul li.listpic a:hover .listTitle .listTitleBox,.page-newsList ul li.listpic.on a .listTitle .listTitleBox{padding:58px 155px 58px 50px;}	
}
@media screen and (max-width:1050px){
.page-newsList ul li.listpic a,.page-newsList ul li.listpic.on a{background-image:none;}
.page-newsList ul li.listpic .listTitle .listTitleBox{padding:35px 50px 35px 210px;}
.page-newsList ul li.listpic a:hover .listTitle .listTitleBox,.page-newsList ul li.listpic.on a .listTitle .listTitleBox{padding:58px 50px 58px 50px;}	
.page-newsList ul li.listpic .listTitle .t{font-size:18px;}
}
@media screen and (max-width:768px){
	.page-newsList ul li.listpic{ width:50%;}
	.page-newsList ul li.listpic .ImgBox{width:100%;height:100%;overflow:hidden; position: static; left:0;top:0;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;display:block;}
	.page-newsList ul li.listpic a,.page-newsList ul li.listpic.on a{padding-left:0;background-image:none;}
	.page-newsList ul li.listpic a .ImgBox,
	.page-newsList ul li.listpic a:hover .date,
	.page-newsList ul li.listpic.on a .ImgBox,
	.page-newsList ul li.listpic.on .ImgBox{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;display:block;}
	.page-newsList ul li.listpic.on a .date2,
	.page-newsList ul li.listpic a .date2{ display:none;}
	.page-newsList ul li.listpic a .listTitle .listTitleBox,
	.page-newsList ul li.listpic a:hover .listTitle .listTitleBox,
	.page-newsList ul li.listpic.on a .listTitle .listTitleBox,
	.page-newsList ul li.listpic.on a:hover .listTitle .listTitleBox{padding:30px 20px;}	
	.page-newsList ul li.listpic a,.page-newsList ul li.listpic.on a{ margin:0 10px;}
	.page-newsList ul li.listpic .listTitle .t{font-size:16px;}
}
@media screen and (max-width:640px){
	.page-newsList ul li.listpic{ width:100%;}	
	.page-newsList ul li.listpic a,.page-newsList ul li.listpic.on a{ margin:0;}	
}




/*page-tab*/
.page .page-tab{margin:0 auto;padding:30px 0 0 0;text-align: center; }
.page .page-tab ul { margin:0 auto;padding: 0;list-style: none; text-align:center;height: 32px;line-height: 32px;font-size: 0;}
.page .page-tab ul li{margin: 0;padding: 0;display: inline-block;position: relative;height: 30px;line-height: 30px;}
.page .page-tab ul li a{display: inline-block;text-align: center;font-size: 12px;color: #1e2831;padding: 0 12px;height: 30px;line-height: 30px;border: 1px solid #f0f0f0;margin: 0 3px; background:#fff;}
.page .page-tab ul li a:hover,.page .page-tab ul li a.focus{ background:#fe7300; color: #fff;}
.page .page-tab ul li.next-page a, .page .page-tab ul li.prev-page a{padding: 0 18px;margin: 0 3px;}

@media screen and (max-width:1024px){
.page .page-tab{margin:0 auto;padding:0px 0 0 0;text-align: center; }
}
@media screen and (max-width:768px){
/*.page .page-tab ul li{ display:none;}	*/
.page .page-tab ul li a{margin: 0 2px;}
.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,.page-pageList li.li4 .listTitle{font-size:16px; color:#333; 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;}
.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{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{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;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;}
}





/*indexAbout*/
.indexAbout{padding-top:0;padding-bottom:0;background-image:url(../images/index-ab-bg.png);background-position:center top;background-repeat:no-repeat; margin-top:-40px; position:relative; z-index:2; background-size:100%;}
.indexAbout .aboutTit{font-size:20px;color:#ffffff; line-height:30px;margin-bottom:115px; text-transform:uppercase;}
.indexAbout .aboutBox { padding-bottom:152px;}
.indexAbout .aboutBox .aboutImg{ width:50%; float:left; min-height:490px; position:relative; margin-top:-95px;}
.indexAbout .aboutBox .aboutImg img{max-width:100%; display:block;}
.indexAbout .aboutBox .aboutImg .b2{ position:absolute; left:0;top:0; z-index:2;}
.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%; float:right; position:relative;}
.indexAbout .aboutBox .aboutwzBox{padding:60px 0 0px 0;}
.indexAbout .aboutBox .titlebox{ padding:60px 0 30px 0;}
.indexAbout .aboutBox .aboutInfo{font-size:15px;color:#595959; line-height:32px;overflow:hidden;margin-bottom:65px;}
@media screen and (max-width:1440px) {
.indexAbout .aboutBox .aboutImg{ width:55%;}	
.indexAbout .aboutBox .aboutwz{ width:45%;}
/*.indexAbout .aboutBox .aboutwzBox{padding: 20px 70px 0px 0;}*/
.indexAbout .aboutBox .aboutInfo{margin-bottom:45px;}
.indexAbout .aboutBox .titlebox{ padding:50px 0 20px 0;}
}
@media screen and (max-width:1400px) {
.indexAbout .aboutBox { padding-bottom:120px;}
}
@media screen and (max-width:1220px) {
.indexAbout .aboutBox { padding-bottom:90px;}
.indexAbout .aboutBox .aboutImg{ width:50%;}	
.indexAbout .aboutBox .aboutwz{ width:50%;}
.indexAbout .aboutBox .aboutInfo{margin-bottom:30px;}
.indexAbout .aboutBox .aboutwzBox{padding: 20px 0 0px 20px;}
.indexAbout .aboutBox .titlebox{ padding:30px 0 10px 0;}
}
@media screen and (max-width:1024px) {
.indexAbout .aboutBox { padding-bottom:50px;}
.indexAbout .aboutBox .aboutImg{width:50%; float:left;min-height:inherit;margin-top:-9.27734375vw;}
.indexAbout .aboutBox .aboutInfo{margin-bottom:20px;max-width:100%; font-size:14px;line-height:26px;}
.indexAbout .aboutBox .aboutwzBox{padding:30px 0 0 30px;}
.indexAbout .aboutBox .titlebox{padding:20px 0 5px 0;}
}
@media screen and (max-width:992px) {
.indexAbout .aboutBox .aboutImg{width:40%;min-height:inherit;margin-top:-9.27734375vw;}
.indexAbout .aboutBox .aboutwz{ width:60%;}
.indexAbout .aboutBox { padding-bottom:10px;}
.indexAbout .aboutBox .aboutNr{padding-top:10px;}
.indexAbout .titleBig{ padding:20px 15px 20px 15px;}
.indexAbout .aboutBox .aboutwzBox{padding:20px 0 10px 0;}
.indexAbout .aboutBox .titlebox{padding:10px 0 0 0;}
.indexAbout .aboutBox .aboutInfo{font-size:14px;line-height:24px;margin-bottom:10px;}
.indexAbout .aboutBox .aboutInfo br{ display:none;}
}
@media screen and (max-width:500px) {
.indexAbout .aboutBox .aboutImg{width:30%;}
.indexAbout .aboutBox .aboutwz{ width:70%;}
.indexAbout .aboutBox .aboutInfo{font-size:13px;line-height:22px;margin-bottom:10px;}
}
@media screen and (max-width:350px) {
.indexAbout .aboutBox .aboutInfo{font-size:12px;line-height:22px;margin-bottom:10px;}
}



/**/
.indexShujuB{ width:45%; float:right;}
.indexShujuB{text-align:center; margin:0 auto;color:#464646; font-size:14px; line-height:45px;font-weight:normal; margin-top:30px;}
.indexShujuB .counter{ font-size:48px; color:#909090; font-weight:normal; text-align:center; line-height:45px;font-family: "DIN Light",Arial,"Microsoft YaHei", Helvetica,sans-serif;}
.indexShujuB td img{margin-bottom:10px;}
.indexShujuB td{ width:33.33333%;position:relative;padding:0;padding-bottom:15px; vertical-align:top;}
.indexShujuB td i{ font-style:normal; font-size:12px; color:#000000; vertical-align:middle;line-height:45px; display:inline-block; position:relative;  top:-10px; margin-left:10px;}
@media screen and (max-width:1440px) {
.indexShujuB{ width:45%;}
.indexShujuB .counter{ font-size:40px;}	
}
@media screen and (max-width:1220px) {
.indexShujuB{ width:50%;}
.indexShujuB{margin-top:20px;}
.indexShujuB .counter{ font-size:38px;line-height: normal;}
.indexShujuB td i{line-height:normal;}
}
@media screen and (max-width:1024px) {
.indexShujuB{ width:50%;}
.indexShujuB .counter{ font-size:28px;}
.indexShujuB{font-size:12px; line-height:30px;margin-top:10px;}
.indexShujuB td i{top:-3px;}
}
@media screen and (max-width:768px) {
.indexShujuB{ width:100%;}
.indexShujuB .counter{ font-size:26px;}
.indexShujuB{font-size:12px; line-height:26px;}
}
@media screen and (max-width:640px) {
.indexShujuB .counter{ font-size:24px;}
.indexShujuB{line-height:24px;}
}
@media screen and (max-width:500px) {
.indexShujuB .counter{ font-size:20px;}
.indexShujuB{line-height:22px;}
}
@media screen and (max-width:430px) {
.indexShujuB .counter{ font-size:18px;}
}

@-webkit-keyframes fadeInLeft1 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50px,0,0);
        transform: translate3d(-50px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft1 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50px,0,0);
        transform: translate3d(-50px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft1 {
    -webkit-animation-name: fadeInLeft1;
    animation-name: fadeInLeft1
}

@-webkit-keyframes fadeInRight1 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50px,0,0);
        transform: translate3d(50px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight1 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50px,0,0);
        transform: translate3d(50px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight1 {
    -webkit-animation-name: fadeInRight1;
    animation-name: fadeInRight1
}








/*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}




/*pagehistory*/
.pagehistory{margin:0 auto; font-size:0;position:relative;background:#fff; padding-bottom:60px;}
.pagehistory ul{ position:relative;padding-top:24px; text-align:left;}
.pagehistory ul:before{ content:"";position:absolute; width:1px; height:100%; background-size:100%;left:50%; top:0;z-index:0;border-right:1px solid #d4d4d4;margin-left:-1px;}
.pagehistory li{ display:block;width:50%; line-height:normal; text-align:left; margin:0; vertical-align:top; position:relative;margin-bottom:27px;}
.pagehistory li .d{ content:"";position:absolute; width:40px;height:40px;padding:0 0;background:url(../images/page3-icon.png) center center no-repeat #fff; background-size:40px;right:-20px; top:0;z-index:2;margin-left:0px;font-size:16px;color:#0d1fa7; line-height:normal;text-align:center;}
.pagehistory .listTitle{font-size:15px;color:#595959; line-height:28px;margin-left:0;padding:0 40px 0 0; padding-left:40%; position:relative;}
.pagehistory .pic{ position:absolute; left:0;top:0; width:40%;}
.pagehistory .pic img{width:93%;}
.pagehistory .t{font-size:40px;color:#ff7300; line-height:normal;font-weight:600;padding-top:0;padding-bottom:20px; vertical-align:middle;font-family: 'FuturaBTHeavy', Arial, Helvetica, sans-serif;text-align:left;}
.pagehistory .t span{ font-size:12px; color:#909090; text-transform:uppercase; margin-right:10px;}
.pagehistory .wz{font-weight:300;position:relative;text-align:left; font-size:16px; line-height:30px;}
.pagehistory .wz h1{font-size:20px;color:#000; font-weight:500;padding-left:26px; vertical-align:top;text-align:left;background:url(../images/page-history2.png) left 12px no-repeat; background-size:18px;margin-top: 10px;}
.pagehistory li:nth-child(2n){margin-left:50%;}
.pagehistory li:nth-child(2n) .d{right:auto;left:-20px;}
.pagehistory li:nth-child(2n) .ImgBox{left:auto;right:20px;}
.pagehistory li:nth-child(2n) .listTitle{margin-right:0;margin-left:40px;padding:0 0 0 0;padding-left:42%;}
@media screen and (max-width:1440px) {
.pagehistory .t{font-size:36px;}	
.pagehistory .wz{font-size:15px; line-height:26px;}
}
@media screen and (max-width:1270px) {
.pagehistory .t{font-size:30px;}	
}
@media screen and (max-width:1220px) {
.pagehistory .t{font-size:28px;}	
}
@media screen and (max-width:1024px) {
.pagehistory li{width:100%;}
.pagehistory:before,
.pagehistory:after,
.pagehistory ul:before,
.pagehistory li .d{ display:none;}
.pagehistory li{width:100%;text-align:center;margin-bottom:40px; min-height:180px;}
.pagehistory .pic img{ max-width:290px;}
.pagehistory .listTitle{padding:0 0 0 0;margin:0 auto;padding-left:42%;}
.pagehistory li:nth-child(2n){margin-left:0;}
.pagehistory li:nth-child(2n) .ImgBox{margin-left:0;}
.pagehistory li:nth-child(2n) .listTitle{ margin:0 auto;}
.pagehistory .t{font-size:26px;}
}
@media screen and (max-width:768px) {
.pagehistory .pic { text-align:left;}
.pagehistory .t{font-size:24px;padding-bottom:10px;line-height:24px;}
.pagehistory .wz{font-size:14px; line-height:26px;}
.pagehistory li{margin-bottom:30px;min-height:140px;}
}
@media screen and (max-width:640px) {
.pagehistory .t{font-size:20px;padding-bottom:8px; line-height:20px;}
.pagehistory .t span{ margin-right:5px;}
.pagehistory .wz{font-size:14px;line-height:24px;}
.pagehistory li{ min-height:21.875vw;}
}

/*organList2*/
.organList2{margin:0 -5px;padding:0;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;padding-top:30px;background:#fff;}
.organList2 li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:25%;vertical-align:top;margin-bottom:23px;}
.organList2 li a{display:block; margin:0 5px;padding:0;overflow:hidden;/*border-bottom:1px solid #dcdcdc; */position:relative;}
.organList2 li a{-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;}
.organList2 li a .ImgBoxB{width:100%; position: relative;background:url(../images/page-honorbg.png) center center no-repeat; background-size:100% 100%;}
.organList2 li a .ImgBoxB{ overflow: hidden;position: relative;}
.organList2 li a .ImgBoxB:before,
.organList2 li a .ImgBoxB:after{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.organList2 li a .ImgBoxB:before{content: '';display: block;width: 100%;height: 100%;background-color: rgba(255,255,255,0);left: 0;top: 0;position: absolute;}
.organList2 li a .ImgBoxB:after{content: '';color:#fff;display: block;width:60px;height:60px;line-height:60px;text-align: center;box-sizing:content-box;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-image:url("../images/icon-s.png"); background-position:center; background-repeat:no-repeat;background-size:24px;background-color:rgba(255,255,255,.5);border:15px solid rgba(255,255,255,.2); z-index:2;}
.organList2 li a:hover .ImgBoxB:before{background-color: rgba(0,0,0,0.4); z-index:1;}
.organList2 li a:hover .ImgBoxB:after{opacity: .9;filter: alpha(opacity=90);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.organList2 li a .ImgBox{ width:100%; padding:50% 0;position:relative;overflow:hidden; }
.organList2 li a .img{width: 100%;height: 100%;}
.organList2 li a img{position: absolute;max-width:64%;max-height: 64%;left: 50%;top:50%;transform: translate(-50%,-50%);}
/*.organList2 li a:hover img{-moz-transform: scale(1.2); -webkit-transform: scale(1.2);transform: scale(1.2);}*/
.organList2 li a,.organList2 li a:after{-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.organList2 li .listTitle{}
.organList2 li .listTitle .t{ display:block;font-size:15px;color:#333333;line-height:28px;overflow: hidden; text-align:center;padding:20px 0;}
.organList2 li a:before{ content:'';transition: all 0.5s;position: absolute;width: 100%;left: 0px;bottom:0;height:1px;background:#dcdcdc;}
.organList2 li a:after{ content:'';transition: all 0.5s;position: absolute;left: 0px;bottom:0;width:0;height:2px;}
.organList2 li a:hover:after{width: 100%;background:#ff7300;}
.organList2 li a:hover .listTitle .t{color:#ff7300;}
@media screen and (max-width:768px) {
	.organList2 li{width:50%;margin-bottom:20px;}
	.organList2 li .listTitle .t{padding:15px 5px 15px 5px;}
	.organList2 li .listTitle .t{font-size:14px;}
}
@media screen and (max-width:350px) {
	.organList2{margin:0 0px;}	
	.organList2 li a{margin:0 0px;}	
	.organList2 li{width:100%;}
	
}



/*page-about5*/
.page-about5{overflow:hidden;}
.page-about5 .page-about5ul{position:relative; font-size:0;}
.page-about5 .page-about5ul{margin:0;height: 100%;overflow: hidden;}
.page-about5 .page-about5ul .li{height:100%;overflow: hidden;}
.page-about5 .page-about5ul .li .imgBox{display: block;position: relative;width:50%;padding:240px 0;overflow: hidden; float:left;}
.page-about5 .page-about5ul .li .imgBox img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.page-about5 .page-about5ul .li .title{width:50%; position:relative;z-index:1; float:right;}
.page-about5 .page-about5ul .li .title .titleNr{ padding-top:50px;padding-bottom:50px; position:relative; z-index:2;}
.page-about5 .page-about5ul .li .title h1 span{ display:inline-block;font-size:12px;color: #909090; line-height:26px;font-weight:normal; text-transform:uppercase;}
.page-about5 .page-about5ul .li .title h1 .cn{ display:block;font-size:28px;color:#333333;padding-bottom:50px;background:url(../images/pro2-tit.jpg) left bottom no-repeat; }
.page-about5 .page-about5ul .li .title .wz{padding-top:20px;font-size:15px;color:#595959;line-height:32px; min-height:160px; margin-bottom:60px;}
.page-about5 .page-about5ul .li .title .num{display:block;font-size:22px;color: #909090; line-height:26px;font-weight:normal; text-transform:uppercase;}
.page-about5 .page-about5ul .li .title .num strong{font-size:40px;color:#ff7300;}
/**/
.page-about5 .page-about5ul .li:nth-child(2n) .imgBox{ float:right;}
.page-about5 .page-about5ul .li .title .titleNr{padding-left:114px;}
.page-about5 .page-about5ul .li:nth-child(2n) .title .titleNr{padding-left:0;padding-right:114px;}
/**/
.page-about5 .page-about5ul .li .imgBox img,
.page-about5 .page-about5ul .li .imgBox,
.page-about5 .page-about5ul .li .title{-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.page-about5 .page-about5ul .li:hover .imgBox img{-moz-transform:scale(1.05); -webkit-transform:scale(1.05);transform:scale(1.05);}

@media screen and (max-width:1024px){
.page-about5 .page-about5ul .li .title .titleNr{padding-left:30px;}
.page-about5 .page-about5ul .li:nth-child(2n) .title .titleNr{padding-left:0;padding-right:30px;}
.page-about5 .page-about5ul .li .title .wz{margin-bottom:20px;}
.page-about5 .page-about5ul .li .title .num{font-size:18px;c}
.page-about5 .page-about5ul .li .title .num strong{font-size:30px;}
.page-about5 .page-about5ul .li .title h1 .cn{font-size:20px;padding-bottom:30px;}
}
@media screen and (max-width:768px){
    .page-about5 .page-about5ul .li .imgBox{padding:25% 0;width:100%; float:none;}
	.page-about5 .page-about5ul .li .title{width:100%; float:none;}
	.page-about5 .page-about5ul .li:nth-child(2n) .imgBox{ float:none;}
	.page-about5 .page-about5ul .li .title .titleNr,
    .page-about5 .page-about5ul .li:nth-child(2n) .title .titleNr{padding-left:30px;padding-right:30px;}
.page-about5 .page-about5ul .li .title h1 .cn{font-size:20px;}
}
@media screen and (max-width:500px){
    .page-about5 .page-about5ul .li .title .wz br{ display:none;}		
}






/* 回到顶部 */
#c-go-top{display: none;position: fixed;z-index: 5;bottom:50px;right: 30px;width: 50px;height: 50px;cursor: pointer;background:#ff7300 url(../images/toTop.png) no-repeat center;-webkit-transition: all .3s linear;-ms-transition: all .3s linear;-moz-transition: all .3s linear;transition: all .3s linear;background-size: 26px;border-radius: 50%;}
@media screen and (max-width:768px){#c-go-top{bottom:120px;right:3%;width:35px;height:35px;background-size:18px; border-radius:5px;}}
@media screen and (max-width:640px){#c-go-top{bottom:18vw;}}



/*底部*/
#c-footer{background:#161e27;font-size:0;padding-bottom:30px;}
#c-footer .w1600{position:relative;padding-top:100px;}
#c-footer .c-footer-top{padding-bottom:30px;}
#c-footer .c-footer-top .c-left-box{float:left;width:30%;color:#333;padding-bottom:30px; }
#c-footer .c-footer-top .c-left-box .c-logo{ position:absolute; left:0;top:0;width:72px;}
#c-footer .c-footer-top .c-left-box .c-logo img{ width:100%;}
#c-footer .c-footer-top .c-left-box .c-title{padding:10px 0 5px;font-size:30px;color:#dd540f;line-height:30px; font-weight:bold; margin-bottom:30px;padding-left:130px;}
#c-footer .c-footer-top .c-left-box .c-text{font-size:12px;line-height:24px;color:#989898;padding-left:130px;}
#c-footer .c-footer-top .c-list-box{float:right;width:50%;padding-bottom:30px;}
#c-footer .c-footer-top .c-list-box>li{padding-left:1%; width:24%; float:left;}
#c-footer .c-footer-top .c-list-box .c-title-box{padding-bottom:15px;}
#c-footer .c-footer-top .c-list-box .c-title-box .c-title{font-size:16px;line-height:30px;color:#ffffff;padding-bottom:10px;background:url(../images/pro2-tit.jpg) no-repeat left bottom; background-size:22px;}
#c-footer .c-footer-top .c-list-box .c-title-box i{display: none;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
#c-footer .c-footer-top .c-list-box .c-list{ }
#c-footer .c-footer-top .c-list-box .c-list li{padding:3px 0;line-height:20px;font-size:0;}
#c-footer .c-footer-top .c-list-box .c-list li a{font-size:13px;color:#909090;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;display:inline-block;}
#c-footer .c-footer-top .c-list-box .c-list li a:hover{color:#ff7200;}

#c-footer .c-footer-top .c-right-box{ float:right;width:20%;padding-bottom:30px; font-size:14px; line-height:28px; color:#f1f1f1;}
#c-footer .c-footer-top .c-right-box .c-ico-box{padding:0 0 0 0; font-size:0; margin-top:30px;}
#c-footer .c-footer-top .c-right-box .c-ico-box .c-item{ padding:0!important; margin:0!important;float:left;display: inline-block!important;vertical-align:top;margin-right:8px!important;width:28px!important;height:28px!important;border-radius: 50%!important;font-size:20px;text-align:center;line-height:28px;color:#fff;-moz-opacity:1!important;-khtml-opacity:1!important;opacity:1!important;}
#c-footer .c-footer-top .c-right-box .c-ico-box .c-wx-btn{background:url(../images/bottom-share3.png) no-repeat center center;background-size:28px; position:relative;}
#c-footer .c-footer-top .c-right-box .c-ico-box .c-em-btn{background:url(../images/bottom-share1.png) no-repeat left center; background-size:28px;}
#c-footer .c-footer-top .c-right-box .c-ico-box .c-qq-btn{background:url(../images/bottom-share2.png) no-repeat center center;background-size:28px;}
#c-footer .c-footer-top .c-right-box .c-ico-box .c-tb-btn{background:url(../images/bottom-share4.png) no-repeat center center;background-size:28px;}
#c-footer .c-footer-top .c-right-box .c-ico-box .c-dy-btn{background:url(../images/bottom-share5.png) no-repeat right center;background-size:28px;position:relative;}


#c-footer .c-weixin{display: none;position:fixed;z-index: 910;top:0;left:0;width: 100%;height: 100%;background:rgba(0,0,0,.5);}
#c-footer .c-weixin .c-img-box{position: absolute;top:50%;left:50%;margin: -138px 0 0 -120px;padding: 20px;width: 240px;background:#fff;overflow: hidden;}
#c-footer .c-weixin .c-img-box img{width: 100%;margin-bottom: 20px;}
#c-footer .c-weixin .c-img-box p{font-size: 16px;line-height: 1em;text-align: center;color: #555;}
#c-footer .c-weixin2{ position:absolute;bottom:35px;right:-35px; display:none;}
#c-footer .c-weixin2 img{ width:130px; height:130px; border-radius:5px; overflow:hidden;}
#c-footer .c-footer-top .c-right-box .c-ico-box .c-item:hover .c-weixin2{display: block;}

/**/
#c-footer .c-footer-bottom{padding-top:35px;text-align:left;border-top:1px solid #2b323a;}
#c-footer .c-footer-bottom a{color:#999;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
#c-footer .c-footer-bottom a:hover{color:#f6ab00;}
#c-footer .c-footer-bottom .c-copyright{font-size:12px;line-height: 24px;color:#909090;}
#c-footer .c-footer-bottom .sz{ float:right; display:inline-block;}
@media screen and (max-width:1024px){
	#c-footer .c-footer-top .c-left-box{width:50%;}
	#c-footer .c-footer-top .c-right-box{width:47%;}
	#c-footer .c-footer-top .c-list-box{width:100%;padding-bottom:0;}
	
}
@media screen and (max-width:992px){
	#c-footer{padding-bottom:30px;font-size:0;}
	#c-footer .w1600{padding-top:50px;}
	#c-footer .c-footer-top .c-left-box .c-title{font-size:26px;margin-bottom:20px;}
}
@media screen and (max-width:768px){
	#c-footer .c-footer-top{padding-bottom:10px;}
	#c-footer .w1600{padding-top:30px;}
	#c-footer .c-footer-top .c-left-box .c-title{font-size:24px;margin-bottom:0px;padding-left:80px;}
	#c-footer .c-footer-top .c-left-box .c-text{padding-left:80px;}
	#c-footer .c-footer-top .c-left-box .c-logo{width:50px;}
	#c-footer{padding-bottom:130px;}
	#c-footer .c-footer-bottom{padding-top:10px;border-top:none;text-align:center;}
	#c-footer .c-footer-bottom .sz{ float:none; display:inline-block; text-align:center;}
	
	#c-footer .c-footer-top .c-left-box{width:100%;}
	#c-footer .c-footer-top .c-right-box{width:100%;}
	#c-footer .c-footer-top .c-list-box{width:100%;padding-bottom:0;}

	#c-footer .c-footer-top .c-list-box>li{padding-left:0; width:100%; float:none;}
	#c-footer .c-footer-top .c-list-box .c-title-box i {display: inline-block; width:12px; height:40px;float: right;margin-top: 1px;background:url(../images/top-v.png) no-repeat center center;background-size:10px;}
	#c-footer .c-footer-top .c-list-box .c-list  {display: none;padding: 8px 0 0;}
	#c-footer .c-footer-top .c-list-box .c-list li {padding:0;line-height: 20px;}
	#c-footer .c-footer-top .c-list-box .c-list li a{font-size:16px;padding:5px; display:block;line-height:24px;}
	#c-footer .c-footer-top .c-list-box .c-title-box .c-title {font-size:16px;line-height:40px; border-bottom:1px solid #343b45;}
}
@media screen and (max-width:640px){
	#c-footer{padding-bottom:16vw;}
}

/*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:#000;z-index:10;display:block;}
.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;}
.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%;}
}






.indexBottomBb{background:url(../images/index-probg.jpg) center top no-repeat #fff;}



/*titlebox*/
.titlebox{ padding:60px 0 60px 0; text-align:left;}
.titlebox h1{font-size:60px; font-weight:300;color:#909090; line-height:normal;margin-bottom:15px;font-family: "DIN Light",Arial,"Microsoft YaHei", Helvetica,sans-serif;}
.titlebox .titleInfo{font-size:18px; color:#595959; line-height:24px;}
@media screen and (max-width:1400px) {
	.titlebox{ padding:50px 0 50px 0;}
	.titlebox h1{font-size:50px;margin-bottom:10px;}
	.titlebox .titleInfo{font-size:16px;line-height:24px;}
}
@media screen and (max-width:1024px) {
	.titlebox{ padding:40px 0 40px 0;}
	.titlebox h1{font-size:40px;margin-bottom:10px;}
	.titlebox .titleInfo{font-size:15px;line-height:24px;}
}
@media screen and (max-width:768px) {
	.titlebox{ padding:30px 0 30px 0;}
	.titlebox h1{font-size:30px;margin-bottom:10px;}
	.titlebox .titleInfo{font-size:14px;line-height:24px;}
}
@media screen and (max-width:640px) {
	.titlebox h1{font-size:20px;margin-bottom:10px;}
}
@media screen and (max-width:500px) {
	.titlebox h1{font-size:18px;margin-bottom:10px;}
}

/*indexActivity*/
.indexActivity{padding:0; padding-bottom:100px;}
.indexActivity .titleInfo{padding-right:90px;position:relative;}
.indexActivity .titlebox .swiper-button-prev{position: absolute;transition: 0.4s;opacity: 1;width:20px;height:34px;top:0;margin:0;left:auto;right:125px;background: url("../images/arrow-left.png") center center no-repeat;background-size:20px;outline: none; z-index:9;}
.indexActivity .titlebox .swiper-button-next{position: absolute;transition: 0.4s;opacity: 1;width:20px;height:34px;top:0;margin:0;right:75px;background: url("../images/arrow-right.png") center center no-repeat;background-size:20px;outline: none; z-index:9;}
.indexActivity .activitybox{overflow: hidden;position: relative;z-index: 1;}
.indexActivity .swiper-slide{ width:33.33333%;}
.indexActivity .item{cursor: pointer;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.indexActivity .img{width: 100%;overflow: hidden;display: block; padding:33% 0; position:relative;}
.indexActivity .img 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%;width: 100%;height: 100%;/*object-fit: contain;*/ max-width:none;}
.indexActivity .img img,.indexActivity .img,.indexActivity .item{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.indexActivity .item:hover .img 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%);}
.indexActivity .text{ padding:28px 28px;position: relative;color: #333333;font-size:16px;background:url(../images/index-news-titbg.png) center top no-repeat; background-size:100% 100%;}
.indexActivity .text .date{ font-size:16px; color:#333333;line-height:30px;margin-bottom:15px;font-family: 'DIN Light',Arial, Helvetica, sans-serif; text-align:left;}
.indexActivity .text .date span.s{padding-left:20px;background:url(../images/see.png) left center no-repeat;background-size:14px; float:right;}
.indexActivity .text .tit2{margin-bottom:60px;overflow: hidden; text-transform:uppercase;text-overflow:ellipsis;white-space: nowrap;font-weight:300;display: block;-webkit-transition: all .3s;transition: all .3s;}
.indexActivity .item:hover .text .tit2{color: #fe7101;}
/*.indexActivity .item:hover{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);}*/
.indexActivity .item:hover .text{ background-image:url(../images/index-news-titbg2.png);}
.indexActivity .activity-view{ margin:0 auto; text-align:center; width:286px; margin-top:93px;/*margin-top:10px;*/}
/**/
.indexActivity .activitybox .swiper-pagination{bottom: 0;}
.indexActivity .activitybox .swiper-pagination span{width: 12px;height: 12px;background: #aaa;border-radius: 50%;margin: 0 7px;}
.indexActivity .activitybox .swiper-pagination span.swiper-pagination-bullet-active{background: #2796c3;}
@media screen and (max-width:1440px) {
	.indexActivity{padding-bottom:90px;}
	.indexActivity .titlebox .swiper-button-prev,
	.indexActivity .titlebox .swiper-button-next{background-size:16px;}
	.indexActivity .activity-view{ margin-top:50px;}
}
@media screen and (max-width:1220px) {
    .indexActivity{padding-bottom:80px;}
}
@media screen and (max-width:1024px) {
	.indexActivity{padding-bottom:70px;}
	.indexActivity .swiper-slide{ width:50%;}
	.indexActivity .titlebox .swiper-button-prev,
	.indexActivity .titlebox .swiper-button-next{background-size:14px;height: 30px;}
    .indexActivity .activity-view{ margin-top:40px;}
	.indexActivity .text .tit2{margin-bottom:30px;}
}
@media screen and (max-width:768px) {
	.indexActivity{padding-bottom:50px;}
	.indexActivity .swiper-slide{ width:100%;}
	.indexActivity .titlebox .swiper-button-prev{background-size:12px;right:30px;}
	.indexActivity .titlebox .swiper-button-next{background-size:12px;right: 0px;}
	.indexActivity .text .tit2{margin-bottom:20px;}
	.indexActivity .text .date{font-size:14px;line-height:26px;margin-bottom:10px;}
}



/*btn-view*/
.btn-view a{display:block;margin: 0 auto;width: 201px;height:53px;line-height:53px;overflow: hidden;font-size:12px;color:#fff;text-transform:uppercase;font-weight:bold;background:url(../images/index-mbg.png) center center no-repeat;background-size:100% 100%;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.btn-view a:hover{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);}
@media screen and (max-width:1024px) {
	.btn-view a{width: 180px;height:43px;line-height:43px;}
}
@media screen and (max-width:768px) {
	.btn-view a{width: 150px;}
}








/*indexcase*/
.indexcase{padding:0;}
.indexcase .casebox{overflow: hidden;position: relative;padding-bottom: 1.2rem;z-index: 1;}
.indexcase .swiper-slide{ float:left; width:20%;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.indexcase .item{cursor: pointer; margin:0 9px; padding:24px 24px 0 24px; background:#fff; border-radius:5px; border:1px solid #dcdcdc; height:474px;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.indexcase .itemB{ position:relative;}
.indexcase .img2{ display:none;width: 100%;height:500px;border-radius:5px; overflow: hidden; position:relative;}
.indexcase .img2 img{ width:100%;height:100%;}
.indexcase .img2:after{ content:''; width:100%; height:100%; position:absolute;top:0;left:0;background:url(../images/index-c-zg.png) center bottom no-repeat;background-size:100% 100%;}
.indexcase .img{width: 100%; height:418px;overflow: hidden;display: block; position:relative;}
.indexcase .img:after{ content:''; width:100%; height:100%; position:absolute;top:0;left:0;background:url(../images/index-c-titbg.png) center top no-repeat;background-size:100%;}
.indexcase .img img{display: block;position: absolute;bottom: 0;left: 50%;-moz-transform: translate(-50%, 0%);-webkit-transform: translate(-50%, 0%);-ms-transform: translate(-50%, 0%);transform: translate(-50%, 0%);padding: 0%;height: 80%;object-fit: contain;max-width: none; }
.indexcase .swiper-slide:hover .img img {transform: scale(1.7);}
.indexcase .text{color: #333333;font-size:16px;}
.indexcase .text .tit1{margin-bottom:30px;font-weight:300;display: block;/*-webkit-transition: all .6s;transition: all .6s;*/color: #fe7101; font-size:18px; position:absolute; top:0;right:0; width:18PX; line-height:20px;}
.indexcase .text .tit2{font-weight:300;display: block;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;color: #909090; font-size:12px; line-height:30PX;}
.indexcase .text .tit3{overflow: hidden; text-transform:uppercase;font-weight:300;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;line-height:24PX; font-size:12PX; color:#ffffff; display:none;}
.indexcase .swiper-slide:hover .text{ position:absolute; left:10%;bottom:5%; width:80%;}
.indexcase .swiper-slide:hover .text .tit1{width:100%;position:static; color:#fff;line-height:40PX; border-bottom:1px solid #fff;}
.indexcase .swiper-slide:hover .text .tit2{display:none;}
.indexcase .swiper-slide:hover .text .tit3{ display:block;}

.indexcase .swiper-slide:hover .img{display:none;}
.indexcase .swiper-slide:hover .img:after{ display:none;}
.indexcase .swiper-slide:hover .item{ padding:0;}
.indexcase .swiper-slide:hover .item .img2{ display:block;}

/**/
.indexcase .swiper-pagination-progressbar {background: rgba(0,0,0,.25);position: absolute}
.indexcase .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#ccc;position: absolute;left: 0;top: 0;width: 100%;height: 100%;transform: scale(0);transform-origin: left top}

@media (max-width: 1440px){
.indexcase .text .tit2{ line-height:30px;}	
}
@media (max-width: 1220px){
.indexcase .swiper-slide .text{ position:absolute; left:10%;bottom:5%; width:80%;}
.indexcase .swiper-slide .text .tit1{width:100%;position:static; color:#fff;line-height:40PX; border-bottom:1px solid #fff;}
.indexcase .swiper-slide .text .tit2{display:none;}
.indexcase .swiper-slide .text .tit3{ display:block;}
.indexcase .swiper-slide .img{display:none;}
.indexcase .swiper-slide .img:after{ display:none;}
.indexcase .swiper-slide .item{ padding:0;}
.indexcase .swiper-slide .item .img2{ display:block;}
.indexActivity .activity-view{margin-top: 20px;}
}
@media (max-width: 1024px){
.indexcase .text .tit2{ line-height:30px;}
}
@media (max-width: 768px){
	.indexcase .swiper-slide{ width:100%;}
	.indexcase .item{margin:0; }
}
@media (max-width: 768px){
	.indexcase .img2{height:400px;}
	.indexcase .item{height:374px;}
}





/*indexHotsalesList*/
.indexHotsales{padding-bottom:145px;overflow:hidden;background: url("../images/index-casebg.jpg") center top no-repeat #fff; background-size:auto 100%; }
.indexHotsales .titleInfo{padding-right:90px;position:relative;}
.indexHotsales .titlebox .swiper-button-prev{position: absolute;transition: 0.4s;opacity: 1;width:20px;height:34px;top:0;margin:0;left:auto;right:125px;background: url("../images/arrow-left.png") center center no-repeat;background-size:20px;outline: none;}
.indexHotsales .titlebox .swiper-button-next{position: absolute;transition: 0.4s;opacity: 1;width:20px;height:34px;top:0;margin:0;right:75px;background: url("../images/arrow-right.png") center center no-repeat;background-size:20px;outline: none;}
.indexHotsalesBox .w1400,
.indexHotsalesList .swiper-container{ overflow:visible;}
.indexHotsalesList .swiper-slide{float:left; border-radius:10px; overflow:hidden; width:50%;}
.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;border-radius:10px; padding:34.09090909090909% 0;}
.indexHotsalesList .li .ImgBox:after{ content:''; width:100%; height:100%; position:absolute;top:0;left:0;background:url(../images/index-project-tbg.png) center bottom no-repeat;background-size:100% 100%;}
.indexHotsalesList .li .ImgBox 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%;width: 100%;height: 100%;/*object-fit: contain;*/ max-width:none;}
.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.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%);}
.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%;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 .listTitle .t span{padding-right:46px;/*background:url(../images/arrow-right2.png) right center no-repeat;*/background-size:8px;}
.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; z-index:999;} 
.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; z-index:999;} 
.indexHotsalesList .swiper-button-next.swiper-button-disabled, .indexHotsalesList .swiper-button-prev.swiper-button-disabled{opacity:0;}
@media screen and (max-width:1440px) {
.indexHotsales .titlebox .swiper-button-prev,
.indexHotsales .titlebox .swiper-button-next{background-size:16px;}
}
@media screen and (max-width:1024px) {
	.indexHotsales .titlebox .swiper-button-prev,
	.indexHotsales .titlebox .swiper-button-next{background-size:14px;height: 30px;}
	.indexHotsales{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) {
	.indexHotsalesList .swiper-slide{ width:100%;}
	.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;/* color:#333;*/}
	
	.indexHotsales .titlebox .swiper-button-prev{background-size:12px;right:30px;}
	.indexHotsales .titlebox .swiper-button-next{background-size:12px;right: 0px;}
}
@media screen and (max-width:640px) {
	.indexHotsalesList .li .listTitle .t{font-size:14px;}
    .indexHotsalesList .li .listTitle{background-size:10px;}
}




/*honnor*/
.pageList{padding:0;}
.pageList ul{padding:0;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;/* text-align:center;*/margin:0 -10px;}
/*news*/
.pageList ul li.newsli{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;overflow:hidden;list-style:none;width:50%;padding-bottom:8px;padding-top:8px; text-align:left;}
.pageList ul li.newsli a{display:block;position: relative;margin:0 10px;padding:35px; background:#fff;-webkit-box-shadow: 0 0 10px rgba(154,87,87,.3);box-shadow: 0 0 10px rgba(154,87,87,.3);}
.pageList ul li.newsli .ImgBox{width:45%;height:11.97916666666667vw;overflow:hidden; float:left; position:relative;z-index:1;}
.pageList ul li.newsli .ImgBox img{width:100%;height:100%;}
.pageList ul li.newsli .ImgBox img,.pageList ul li.newsli .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.newsli a:hover .ImgBox img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);}
.pageList 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;}
.pageList ul li.newsli .listTitle .listTitleBox{padding:25px 45px 0 45px;}
.pageList ul li.newsli .listTitle .t{font-size:20px;color:#333333;height:56px;line-height:28px; overflow:hidden; }
.pageList ul li.newsli .date{ font-size:16px; color:#333333;line-height:30px;margin-bottom:10px;font-family: 'DIN Light',Arial, Helvetica, sans-serif;}
.pageList ul li.newsli .date span{ display:inline-block;font-size:16px; color:#3e4d5a;line-height:30px;}
.pageList ul li.newsli .date span.d{ text-align:left; margin-left:50px;}
.pageList ul li.newsli .date span.s{padding-left:20px;background:url(../images/see.png) left center no-repeat;background-size:14px;}
.pageList ul li.newsli a:hover .listTitle .t{color:#dd540f;}
@media screen and (max-width: 1024px) {	
.pageList ul li.newsli a{padding:15px;}
.pageList ul li.newsli .ImgBox{min-height:128px;}
.pageList ul li.newsli .ImgBox img{min-height:128px;}
.pageList ul li.newsli .listTitle .listTitleBox{padding:25px 15px 15px 15px;}
.pageList ul li.newsli .listTitle .t{font-size:18px;height:52px;line-height:26px;}
.pageList ul li.newsli .date{ font-size:15px;line-height:26px;}
.pageList ul li.newsli .date span{font-size:15px;line-height:26px;}
}
@media screen and (max-width: 768px) {	
.pageList ul li.newsli{width:100%;}
.pageList ul li.newsli a{padding:0;}
.pageList ul li.newsli .ImgBox{width:45%;height:auto; min-height:119px;}
.pageList ul li.newsli .listTitle .listTitleBox{padding:30px 15px 15px 15px;}
.pageList ul li.newsli .listTitle .t{font-size:16px;line-height:24px;height:48px;}
.pageList ul li.newsli .date{ font-size:14px;line-height:26px;}
.pageList ul li.newsli .date span{font-size:14px;line-height:26px;}
}
@media screen and (max-width: 640px) {
.pageList ul li.newsli .ImgBox{min-height:124px;}
.pageList ul li.newsli .ImgBox img{width:100%;height:100%;min-height:124px;}
.pageList ul li.newsli .listTitle .listTitleBox{padding:25px 15px 15px 15px;}
}



/*page-sales2*/
.page-sales2{overflow:hidden; padding-bottom:80px; max-width:1400px; margin:0 auto;}
.page-sales2 .page-sales2ul{position:relative; font-size:0;}
.page-sales2 .page-sales2ul{margin:0;height: 100%;overflow: hidden;}
.page-sales2 .page-sales2ul .li{height:100%;overflow: hidden; position:relative; padding-right:50%; min-height:500px;}
.page-sales2 .page-sales2ul .li .imgBox{display: block;position: relative;width:100%; height:100%;overflow: hidden;min-height:500px;}
.page-sales2 .page-sales2ul .li .imgBox img{height: 100%;object-fit: cover; display:block;}
.page-sales2 .page-sales2ul .li .title{width:50%;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);max-height:500px; overflow-y:scroll;}
.page-sales2 .page-sales2ul .li .title::-webkit-scrollbar{width:0;height:4px;background-color:#333333;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.page-sales2 .page-sales2ul .li .title::-webkit-scrollbar-thumb{ background-color:#575552;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}	
.page-sales2 .page-sales2ul .li .title .titleNr{ padding-top:30px;padding-bottom:30px;padding-left:100px;padding-right:100px; position:relative; z-index:2;}
.page-sales2 .page-sales2ul .li .title h1{padding-left:66px;background:url(../images/sales2-icon1.png) left top no-repeat; background-size:56px;}
.page-sales2 .page-sales2ul .li .title h1 span{ display:block;font-size:12px;color: #909090; line-height:34px;font-weight:normal; text-transform:uppercase;}
.page-sales2 .page-sales2ul .li .title h1 .cn{font-size:28px;color:#333333; }
.page-sales2 .page-sales2ul .li .title h1 .en{ line-height:22px;}
.page-sales2 .page-sales2ul .li .title .wz{padding-top:20px;font-size:15px;color:#333333;line-height:30px;}
.page-sales2 .page-sales2ul .li .title .num{display:block;font-size:22px;color: #909090; line-height:26px;font-weight:normal; text-transform:uppercase;}
.page-sales2 .page-sales2ul .li .title .num strong{font-size:40px;color:#ff7300;}
/**/
.page-sales2 .page-sales2ul .li:nth-child(2n) .title{ right:auto; left:0;}
.page-sales2 .page-sales2ul .li:nth-child(2n){padding-left:50%; padding-right:0%;}
.page-sales2 .page-sales2ul .li.li2 .title h1{background-image:url(../images/sales2-icon2.png);}
.page-sales2 .page-sales2ul .li.li3 .title h1{background-image:url(../images/sales2-icon3.png);}
.page-sales2 .page-sales2ul .li.li4 .title h1{background-image:url(../images/sales2-icon4.png);}

/**/
.page-sales2 .page-sales2ul .li .imgBox img,
.page-sales2 .page-sales2ul .li .imgBox,
.page-sales2 .page-sales2ul .li .title{-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.page-sales2 .page-sales2ul .li:hover .imgBox img{-moz-transform:scale(1.05); -webkit-transform:scale(1.05);transform:scale(1.05);}
@media screen and (max-width:1250px){
    .page-sales2 .page-sales2ul .li .title .titleNr{ padding-top:30px;padding-bottom:30px;padding-left:30px;padding-right:30px;}
	.page-sales2 .page-sales2ul .li .title h1{padding-left:46px;background-size:40px;}
	.page-sales2 .page-sales2ul .li .title h1 span{line-height:24px;}
	.page-sales2 .page-sales2ul .li .title h1 .cn{font-size:20px;}
	.page-sales2 .page-sales2ul .li .title .wz{font-size:14px;line-height:24px;}
}
@media screen and (max-width:768px){
	.page-sales2{padding-bottom:0px;}
    .page-sales2 .page-sales2ul .li{padding:0; min-height: inherit;}
    .page-sales2 .page-sales2ul .li .imgBox{padding:25% 0;width:100%;position: relative;min-height: inherit;}
	.page-sales2 .page-sales2ul .li .imgBox img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
	.page-sales2 .page-sales2ul .li .title{width:100%;position:static;right: 0;top:0;-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);overflow-y:hidden;}
    .page-sales2 .page-sales2ul .li .title h1 .cn{font-size:20px;}
	.page-sales2 .page-sales2ul .li:nth-child(2n){padding-left:0; padding-right:0;}
}
@media screen and (max-width:500px){
    .page-sales2 .page-sales2ul .li .title .wz br{ display:none;}		
}




/*sales*/
.network{height:auto; overflow:hidden;margin-bottom:70px; padding:0 50px;}
.network .map{width:715px;float:left;margin-right:35px;margin-bottom:50px;position:relative;display:block;}
.network .map img{ max-width:none;}
/*.network .map a{ color:#5b5a5a; font-size:14px; text-decoration:none;}
.network .map a:hover{ color:#fff;}*/
.citybg{position:absolute;display:none;z-index:3; }
.city a.active .citybg{ display:block; z-index:3;}
.network .sale-right{width:650px;float:right;}
.network .sale-right .selection{height:60px; outline:none;}
.network .sale-right .selection #area{width:100%;height:60px;background: url(../images/page-v.png) 95% center no-repeat #f8f8f8;padding-left:40px;font-size:14px;color:#000000;background-size:15px;}
.network .sale-right .list-box{height:700px;overflow-y:scroll; margin-top:10px;background:#f8f8f8;padding:10px 40px 10px 40px;font-size:16px; line-height:65px;color:#333333;}
.network .sale-right .list-box::-webkit-scrollbar{width:10px;height:4px;background-color:#f0f0f0;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.network .sale-right .list-box::-webkit-scrollbar-thumb{ background-color:#dfdfdf;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.network .sale-right .list-box p{font-size:16px; line-height:65px;color:#333333;background: url(../images/sales-icon.png) left center no-repeat; padding-left:30px; background-size:18px; border-bottom:1px dashed #d2d2d2;}
.network .sale-right .list-box .tt{font-size:16px; line-height:65px;color:#333333;background: url(../images/sales-icon.png) left center no-repeat; padding-left:30px; background-size:18px; border-bottom:1px dashed #d2d2d2;}
.sales-img{margin-bottom:30px;}
@media (max-width:1820px) {
.w1600{width:1480px;}
.network{padding:0 0;}
.network .sale-right{width:600px;}
.network .sale-right .list-box{height:640px;}
}
@media (max-width:1680px) {
.w1600{width:1300px;}
.network .sale-right{width:550px;}
}
@media (max-width:1400px) {
.w1600{width:1200px;}
.network .sale-right{width:450px;}
}
@media (max-width:1250px) {
.w1600{width:93.75%;}
.network .sale-right{width:400px;}
}
@media screen and (max-width:1230px) {	
.network .sale-right{width:350px;}
.network .sale-right .list-box{width:340px;padding:25px 40px 25px 40px;}
}
@media screen and (max-width:1200px) {	
.network .map{}
.network .sale-right .selection #province,.network .sale-right .selection #city{width:130px;margin-right:10px;}
.network .sale-right{width:320px;}
.network .sale-right .list-box{width:280px;padding:25px 20px 25px 20px; }
}
@media screen and (max-width:1024px) {	

.city{ display:none;}
.network .map{ display:none;}
.network .map img{ max-width:100%;}
.sales{margin-bottom:50px;}
.network .sale-right{width:100%;}
.network .sale-right .list-box{width:auto;padding:25px 20px 25px 20px; }
}
@media screen and (max-width:768px) {	
.sales{margin-bottom:30px;}
.network .map{width:100%;margin-right:0;}
.network .sale-right .list-box{margin-top:10px;}
.network .sale-right .list-box .tt{font-size:14px; line-height:45px;padding-left:20px;background-size:14px;}
.network .sale-right .selection{height:45px;}
.network .sale-right .selection #area{height:45px;padding-left:20px; }
}






/*** Preloader***/
body.loaded{ overflow:hidden;}
.preloader{position: fixed;left: 0;top: 0;bottom: 0;right: 0;z-index: 10000;display: flex;justify-content: center;align-items: center;padding: 20px;background: #ffffff;transition: .3s all ease;}
.preloader.loaded{opacity: 0;visibility: hidden;}
.preloader.loaded .triangle,
.preloader.loaded .pen{animation: none;}
.preloader-body{text-align: center;}
.preloader-body p{position: relative;right: -8px;}
.wrapper-triangle{position: absolute;overflow: hidden;top: 50%;left: 50%;width: 304px;height: 250px;transform: translate(-50%, -50%);}
.line-triangle{position: absolute;width: 250px;height: 54px;border: 1px solid transparent;transform-origin: 0 100%;}
.line-triangle:nth-last-of-type(1){left: 313px;bottom: -21px;transform: rotate(-120deg);transform-origin: 0 100%;}
.line-triangle:nth-last-of-type(2){left: 156px;top: -54px;transform: rotate(120deg);transform-origin: 0 100%;}
.line-triangle:nth-last-of-type(3){top: 217px;left: 0;}
.triangle:nth-of-type(1){animation: tri1 1.5s linear infinite;}
@keyframes tri1{0%{opacity: 0;}
0%{opacity: 0;}
100%{opacity: 1;}
}
.triangle:nth-of-type(2){animation: tri2 1.5s linear infinite;}
@keyframes tri2{0%{opacity: 0;}
14.28571%{opacity: 0;}
100%{opacity: 1;}
}
.triangle:nth-of-type(3){animation: tri3 1.5s linear infinite;}
@keyframes tri3{0%{opacity: 0;}
28.57143%{opacity: 0;}
100%{opacity: 1;}
}
.triangle:nth-of-type(4){animation: tri4 1.5s linear infinite;}
@keyframes tri4{0%{opacity: 0;}
42.85714%{opacity: 0;}
100%{opacity: 1;}
}
.triangle:nth-of-type(5){animation: tri5 1.5s linear infinite;}
@keyframes tri5{0%{opacity: 0;}
57.14286%{opacity: 0;}
100%{opacity: 1;}
}
.triangle:nth-of-type(6){animation: tri6 1.5s linear infinite;}
@keyframes tri6{0%{opacity: 0;}
71.42857%{opacity: 0;}
100%{opacity: 1;}
}
.triangle:nth-of-type(7){animation: tri7 1.5s linear infinite;}
@keyframes tri7{0%{opacity: 0;}
85.71429%{opacity: 0;}
100%{opacity: 1;}
}
.triangle{position: absolute;bottom: 0;width: 0;height: 0;border: 31px solid transparent;border-bottom: 54px solid #ff7300;animation: tri 1.5s linear infinite;}
.triangle:nth-of-type(1){left: 0px;}
.triangle:nth-of-type(2){left: 31px;}
.triangle:nth-of-type(3){left: 63px;}
.triangle:nth-of-type(4){left: 94px;}
.triangle:nth-of-type(5){left: 125px;}
.triangle:nth-of-type(6){left: 156px;}
.triangle:nth-of-type(7){left: 188px;}
.triangle:nth-child(even){transform: rotate(180deg);top: 0;}
.triangle:nth-child(1){animation: none;}
.line:nth-child(2) .triangle:nth-child(1):before{position: absolute;content: "";width: 0;height: 0;left: -22px;bottom: -77px;background: transparent;border: 13px solid transparent;border-bottom: 21px solid #F1ECDB;animation: tri 1.5s linear infinite;}
.pen{position: absolute;left: 0;top: 0;height: 100%;width: 312.5px;transform-origin: 50% 0;animation: move 1.5s cubic-bezier(0, 0, 0.5, 0.85) infinite;}
@keyframes tri{0%{opacity: 1;}
   100%{opacity: 0;}
}
@keyframes move{0%{transform: scale(2.45);}
   100%{transform: scale(0.5);}
}




/*topSearch*/
.main-content-wrap {z-index:99999;display: block;background: #FFF;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;-ms-transition: all .3s ease;position:fixed;left:0;right:0;top:1rem;visibility:hidden;padding:15px 0;width:100%;height:auto;filter:alpha(opacity=0);opacity: 0; }
.main-content-wrap .content-wrap {overflow-y:auto;padding:0.3rem 0; height: 100%; background-color: #fff; }
.main-content-wrap.show-content-wrap .content-wrap { overflow-y: hidden; }
.main-content-wrap.show-content-wrap{top:90px;visibility:visible;filter:alpha(opacity=100);opacity: 1; }
.head-search {position:relative;margin:0 auto;width:70%; height:50px;background:#fff;border-radius:5px; max-width:800px; overflow:hidden;} 
.head-search .search-ipt { position: absolute;top:0;left:0;padding:0 10px;width:100%;color:#666;height:50px;font-size:14px;background:#fff; outline:none; border:1px solid #dcdcdc;}
.head-search .search-btn { position: absolute;top:0;right:0;display: block!important;width:50px;height:100%;border:none;background: url(../images/icon-s.png) center center no-repeat #ff7300;background-size:20px;-webkit-background-size:20px; font-size:0;}
.mobile-body-mask { position: fixed; top: 0;right:0;left:0;z-index:999;width:100%; height:100%; background: rgba(0, 0, 0, 0.6); display:none;}
@media screen and (max-width:1024px){
.main-content-wrap.show-content-wrap{top:60px;}	
.head-search {height:40px;} 
.head-search .search-ipt {height:40px;}
.head-search .search-btn {width:40px;}
}







/*index-banner*/
.index-banner{position:relative;}
.bannerSwiper .swiper-slide img{width: 100%; height:auto; object-fit: cover;}





.bannerSwiper{width: 100%;height: 100%;}
.bannerSwiper .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.bannerSwiper .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.bannerSwiper .{width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.bannerSwiper .swiper-slide {background-size: cover;background-position: center;background: #909090;}

/**/
.bannerSwiper2 {position: absolute;overflow: hidden;top: 50%;right: 25px;width:90px;height:270px;-webkit-transform: translate(0,-45%);transform: translate(0,-45%); z-index:99;}
.bannerSwiper2 .swiper-slide{text-align: center;font-size:18px;display:-webkit-box;display: -ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items:center;align-items: center;transition: 300ms;-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}
.bannerSwiper2 .swiper-slide{opacity:1; border-radius:50%; overflow:hidden; width:100%;transform:scale(0.8);}
.bannerSwiper2 .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.bannerSwiper2 .swiper-slide .pic{position:relative;background:#000;width:100%; height:100%; background-size:cover!important;border-radius:50%;width:70px;height:70px;border:0px solid rgba(0, 0, 0, 0.60);}
.bannerSwiper2 .swiper-slide .pic:after{ position:absolute; left:0;top:0;content:'';background:#000;width:100%; height:100%;border-radius:50%; overflow:hidden;opacity: .3;}
.bannerSwiper2 .swiper-slide-active,
.bannerSwiper2 .swiper-slide-duplicate-active{transform:scale(2);opacity:1;}
.bannerSwiper2 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#ccc;position: absolute;left: 0;top: 0;width: 100%;height: 100%;transform: scale(0);transform-origin: left top}
.bannerSwiper2 .swiper-slide-active .pic:after,
.bannerSwiper2 .swiper-slide-duplicate-active .pic:after{opacity:0.1;}


/**/
.bannerSwiper2 .swiper-slide .pic circle{fill: none;stroke-width:4px;stroke-linecap: round;stroke-linejoin: round; }
.bannerSwiper2 .swiper-slide .pic .swiper-button-line{stroke: rgba(255, 255, 255, 0.44);}
.bannerSwiper2 .swiper-slide .pic .swiper-button-line-2{opacity: 0;stroke:#ff7900;stroke-dasharray: 226;stroke-dashoffset: 226;transition: stroke-dashoffset 8s;}
.bannerSwiper2 .swiper-slide .pic svg {transform: scale(-1, 1);will-change: transform;position:relative; z-index:2;}
.bannerSwiper2 .swiper-slide-active,
.bannerSwiper2 .swiper-slide-duplicate-active{transform:scale(1.3);opacity:1;}
.bannerSwiper2 .swiper-slide-active .pic .swiper-button-line,
.bannerSwiper2 .swiper-slide-duplicate-active .pic.swiper-button-line{opacity: 0;transition: all 0s ease-in-out 8s;}
.bannerSwiper2 .swiper-slide-active .pic .swiper-button-line-2,
.bannerSwiper2 .swiper-slide-duplicate-active .pic .swiper-button-line-2{opacity: 1;stroke-dashoffset: 0;}
@media screen and (max-width:1024px){
.bannerSwiper2 { display:none!important}
}
	
	


/*fixedMenu*/
.fixedMenu{position:fixed;top: 0px;left: 0;opacity:0;width:100%;z-index:1110;max-width:100vw;max-height:100vh;height:100vh;overflow:hidden; height:100%;z-index:999; visibility:hidden;pointer-events: none;-webkit-transition: all 0.95s ease;-moz-transition: all 0.95s ease;-ms-transition: all 0.95s ease;-o-transition: all 0.95s ease;transition: all 0.95s ease;}
.fixedMenu .fixedMenuBox{width:100%;height:100%;overflow-y: scroll;background: url("../images/menubg.jpg") center top no-repeat #fff;background-size: contain;}
.fixedMenu .fixedMenuBox::-webkit-scrollbar{width:1px;height:1px;background-color:#242424;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.fixedMenu .fixedMenuBox::-webkit-scrollbar-thumb{ background-color:#3a3a3a;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}	
/*header-nav*/
.header-nav{position:relative; padding-bottom:120px;padding-left:50%;padding-top:160px;}
.header-nav .one .mt-4{padding-top:15px;}
.header-nav .one .a1{ display:block;color:#6b6b6b; vertical-align:baseline;font-size:14px;line-height:39px;-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 .a1 span{font-family: "DIN Light",Arial,"Microsoft YaHei", Helvetica,sans-serif;font-size:30px; display:inline-block; margin-right:13px;}
.header-nav .one .a1:hover{color:#ff7300;}
.header-nav .one .line{border-bottom:1px solid #6b6b6b;-webkit-transition: all 1.9s ease;-moz-transition: all 1.9s ease;-ms-transition: all 1.9s ease;-o-transition: all 1.9s ease;transition: all 1.9s ease; width:1%;}
.active .header-nav .one .line{ width:100%;}
.header-nav .two{ display:none;}
.header-nav .two a{ display:block;display:block;color:#6b6b6b;font-size:14px;line-height:39px;-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 .two a:hover{color:#ff7300;}
/*logo*/
.fixedMenu .logo{position:fixed;left:3.125%;top:0;display:block;width:72px;height:190px;-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; z-index:9;}
.fixedMenu .logo a{ display:inline-block;}
.fixedMenu .logo img{width:100%;-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;}
/*close*/
.fixedMenu .topBtn{position:fixed;right:3.125%;top:0;z-index:9;margin-top:45px;display:inline-block;overflow:hidden; font-size:0;line-height:30px;}
.fixedMenu .topBtn a.en{display:inline-block;font-size:12px;color:#6b6b6b;margin-right:20px; text-transform:uppercase;}
.fixedMenu .topBtn a.en:hover{color:#ff7300;}
.fixedMenu .topBtn a.close{width:30px;display:inline-block;cursor:pointer;background:url(../images/close.png) no-repeat center;background-size:30px; float:right;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;}
.fixedMenu .topBtn a.close:hover{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
/*header-navlx*/
.header-navlx{ padding-top:25px;}
.header-navlx td{ width:50%;font-size:14px;line-height:22px;color:#6b6b6b;}
@media (max-width: 1024px){
	.header-nav{padding-top:80px;}
	.fixedMenu .logo{top:0;width:50px; height:auto;}
	.fixedMenu .topBtn{margin-top:15px;}
	.fixedMenu .topBtn a.en{margin-right:10px;}
	.header-nav .one .a1 span{font-size:24px;margin-right:10px;}

}
@media (max-width: 768px){
	.header-nav{padding-top:60px;}
	.header-nav{padding-left:80px;}
	.header-nav .one .mt-4{padding-top:10px;}
	.fixedMenu .logo{top:0;width:50px; height:auto;}
	.fixedMenu .topBtn{margin-top:15px;}
	.fixedMenu .topBtn a.en{margin-right:10px;}
	.header-nav .one .a1 span{font-size:20px;margin-right:10px;}
	.header-navlx td{ width:100%; display:block!important;font-size:15px;line-height:26px;}
}






.blur{-webkit-filter: blur(50px);filter: blur(50px);}
body.active{ overflow:hidden;}





@-webkit-keyframes fadeInUp1 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,40px,0);
        transform: translate3d(0,40px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp1 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,40px,0);
        transform: translate3d(0,40px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp1 {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}


#bsWXBox,#bsWXBox *,#bsWXBox *::before,#bsWXBox *::after,
.bsBox,.bsBox *,.bsBox *::before,.bsBox *::after,
.bFind-wrapper-top,.bFind-wrapper-top *::after,.bFind-wrapper-top *::before,.bFind-wrapper-top *{box-sizing:initial!important;}


/*video_model*/
#video_model {position: fixed;z-index: 9999;width: 100%;height: 100%;left: 0;top: 0;display: none;}
#video_model .mask {position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.6);}
#video_model .video {position: absolute;left: 0;right: 0;top:0;bottom:0;margin: auto;width:100%;height:100%;/*-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);*/z-index: 9;background: #252525;}
#video_model .video .close {position: absolute;right:60px;background: url(../images/videoclose.png) no-repeat center center;width: 25px;height:25px;top:10px !important; z-index:999;}
#video_model .video_inner {width: 100%;padding:0; height:100%;overflow: hidden;position: relative;}
#video_model .video_inner video {display: block;width: 100%;height:100%;outline: none;}
#video_model .video_inner iframe{width: 100%;height: 100%;display: block;border: 0;padding: 0;margin: 0;}
#video_model .video_inner .video_inner_mask {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
#video_model .video_inner .video_inner_mask img {cursor: pointer;}