@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin: 0;padding: 0;}
body{color: #4c4c4c;font-size: 14px;font-family:Arial,'微软雅黑',"Microsoft JhengHei", PingFang SC, Helvetica, sans-serif; font-family:background: #fff;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;min-width:320px;outline: none;}
td,th,caption{font-size:100%;}
a{color: #000;text-decoration: none !important;}
a:hover{text-decoration: none !important;}
a:visited,a:focus,a:hover{text-decoration: none;color: #333;}
img{border: 0;vertical-align: middle;}
img{border: none;}
ol,ul,li{list-style: none;}
input,textarea,select,button{vertical-align: middle;font-size: 14px;font-family: inherit;line-height: normal;outline: none;}
button{cursor: pointer;}
table{border-collapse: collapse;}
video{object-fit: contain;}
.block{width: 1260px;margin: 0 auto;}
.clearfix:before, .clearfix:after { content: ""; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; } 

/* 去除iPhone中默认的input样式 */
input,select,button{appearance:none;-o-appearance:none;-ms-appearance:none;-moz-appearance:none;-webkit-appearance:none;resize:none;border-radius:0;outline:none;border:none;background-color:transparent;font-family:inherit;font-size:inherit;color:inherit;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;}
textarea{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;}
input[type="button"],input[type="radio"],input[type="checkbox"],input[type="submit"],button{cursor:pointer;}

.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.w1620{width:84.375%; margin:0 auto;}
.w1400{width: 1400px; margin:0 auto;}
@media screen and (max-width:1620px){
 .w1620{width:95%;}
 .w1400{width:1300px;}
}
@media screen and (max-width:1380px){
 .w1400{width:1100px;}
}
@media screen and (max-width: 1240px){
 .w1400{width: 1000px;}
}
@media screen and (max-width: 1024px){
 .w1400{width: 90%;}
  html, body{ overflow-y: visible;}	
}

@font-face {
	font-family: 'DINLight';
	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;
}


/*public-header*/
.public-header{position:fixed;top:0;left:0;right:0;z-index:999;box-sizing:border-box;background:#3e3a39;}
.public-header .body-box .pcNav-Box{ padding-right:190px;padding-left:240px;text-align:right;}
.public-header .body-box .navbox{height:90px;line-height:90px;padding:0;margin: 0 auto;position: relative;}
.public-header .body-box .logo-box{display: block; position:absolute; left:0;top:0;}
.public-header .body-box .logo-box a{height:90px;line-height:90px; width:240px; display:block;font-size:0;}
.public-header .body-box .logo-box img{height:60px; /*margin-top:10px;*/}
.public-header .body-box ul.pcNav{font-size:0;/* border-right:1px solid #777777;*/}
.public-header .body-box li{display: inline-block;*display: inline;zoom:1;padding-left:29px;padding-right:29px;}
.public-header .body-box li a.a1{position: relative;display: inline-block;color:#fff;/*font-size:15px;*/font-size:17px;font-weight: 400;vertical-align: middle;width: 100%;box-sizing: border-box;line-height:90px; text-align:center;}
.public-header .body-box li a.a1:before{content: '';position: absolute;bottom:0;left:50%;width:0;height:2px;background:#f6ab00;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0;}
.public-header .body-box li a.a1 span{ display:inline-block;position:relative; z-index:2;}
.public-header .body-box li:hover a.a1,.public-header .body-box li.active a.a1{ color:#E8A535;}
.public-header .body-box li:hover a.a1:before,.public-header .body-box li.active a.a1:before{left:0;width:100%;opacity: 1;}
.public-header .body-box li#li a.a1:after{content: '';position: absolute;top:50%; margin-top:-10px;right:-30px;width:20px;height:20px;background:url(../images/top-m.png) center center no-repeat; background-size:20px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.public-header .body-box li#li1 a.a1:after{content: '';position: absolute;top:50%; margin-top:-10px;right:-30px;width:20px;height:20px;background:url(../images/top-m.png) center center no-repeat; background-size:20px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.public-header .body-box li#li1{margin-right:50px;}
.public-header .body-box li#li1:before{content: '';position: absolute;top:50%;right:-50px;margin-top:-10px;width:1px;height:20px;background:#999;}
.public-header .body-box li#li2{margin-left:20px;}
.public-header .body-box li#li:hover a.a1:after,
.public-header .body-box li#li1:hover a.a1:after{/*-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);*/}
.public-header,
.public-header .body-box .navbox,
.public-header .body-box .logo-box,
.public-header .body-box .logo-box a,
.public-header .body-box .logo-box img,
.public-header .body-box li a.a1{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
/**/
.public-header.fixed{-webkit-animation: tem50_headerdonghua .5s;animation: tem50_headerdonghua .5s;width: 100%;z-index: 99;box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1);background: rgba(62, 58, 57, 0.9);}
.public-header.fixed .body-box .navbox{height:80px;line-height:80px;}
.public-header.fixed .body-box .logo-box{height:80px;}
.public-header.fixed .body-box .logo-box a{height:80px;line-height:80px;}
.public-header.fixed .body-box .logo-box img{height:60px;/* margin-top:5px;*/}
.public-header.fixed .body-box li a.a1{line-height:80px;}
@media screen and (max-width:1360px){
	.public-header .body-box .pcNav-Box{ padding-right:160px;}
	.public-header .body-box li{padding-left:25px;padding-right:25px;}
	.public-header .body-box li a.a1{font-size:16px;}
}
@media screen and (max-width:1240px){
    .public-header .body-box li{padding-left:20px;padding-right:20px;}
}
@media screen and (max-width:1150px){
	.public-header .body-box .logo-box a{height:80px!important;line-height:80px!important;}
	.public-header .body-box .navbox{height:80px!important;line-height:80px!important;}
	.public-header .body-box .logo-box{height:80px!important;}
	.public-header .body-box li a.a1{line-height:80px!important;}
	.public-header .body-box .logo-box img{height:60px!important;/* margin-top:5px!important;*/}
}
@media screen and (max-width:1024px){
    .public-header .body-box .logo-box{float:left; position:static;}
	.public-header .body-box .logo-box a{height:60px!important;line-height:60px!important;}
	.public-header .body-box .navbox{height:60px!important;line-height:60px!important;}
	.public-header .body-box .logo-box{height:60px!important;}
	.public-header .body-box li a.a1{line-height:60px!important;}
	.public-header .body-box .logo-box img{height:50px!important; /*margin-top:5px!important;*/}
} 


/*nav erji*/
.public-header .pcNav > li{position:relative;}
.public-header .dropNav{position:absolute;background: rgba(0, 0, 0, 0.5);box-sizing: border-box; width:160px; margin-left:-24px;overflow: hidden;/*-webkit-transition: top 200ms;transition: height 200ms;height:0px;*/display:none;}
.public-header .dropNav li{border-bottom: 1px solid rgba(77, 77, 77, 0.6); display:block;text-align:left;width:100%;line-height:30px;padding-left:0;padding-right:0;}
.public-header .dropNav li:last-child{border-bottom: none;}
.public-header li.active .dropNav li a,
.public-header .dropNav li a{color: #fff;font-size:14px;line-height:20px; padding:15px 10px 15px 25px; display:block;}
.public-header .dropNav li a:hover{color:#fff;background:#f6ab00;}
.public-header .dropNav li a:before{content:unset;}
.public-header .dropNav li a:hover:before{content:unset;}
/*@media screen and (max-width: 1530px){
.public-header .body-box .navbox{height:80px;line-height:80px;}
.public-header .body-box .logo-box{height:80px;}
.public-header .body-box .logo-box a{height:80px;line-height:80px; }
.public-header .body-box .logo-box img{height:70px; margin-top:5px;}
.public-header .body-box li a.a1{line-height:80px;}
}*/
@media screen and (max-width:1240px){
.public-header .body-box li a.a1{font-size:14px;}
}
@media screen and (max-width:1024px){
.public-header .pcNav-Box,.headerRight{ display:none;}
/*.home .public-header.fixed {background: rgba(255, 255, 255, 0.9);}*/

}



.headerRight{ position:absolute;right:0;top:50%;margin-top:-14px;}
/*topLan*/
.topLan{display:inline-block;float:right;height:26px;line-height:26px;border:1px solid #f6ab00;border-radius:35px;width:80px;vertical-align:middle; margin-top:0;overflow:hidden; position:relative; font-size:0;}
.topLan a{color:#f6ab00;font-size:12px;display:inline-block;text-align:center;border-radius:26px;}
.topLan a.aa{color:#fff; background:#f6ab00;}
.topLan a.cn{width:37px;}
.topLan a.en{width:43px;}
@media screen and (max-width:1000px){
	.topLan{ display:none;}	
}



/*search*/
.searchBtn{display:block; float:right;width:28px;height:28px;transition:.5s all linear;margin-right:22px;}
.searchBtn-icon {display:block; float:left;width:28px;height:28px;background:url(../images/search_ico.png) center center no-repeat; cursor:pointer; transition:.5s all linear; outline:none; background-size:16px;}
.search2 {display:none; position:absolute; right:0; top:60px; background:#fff; width:310px; z-index:10;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);}
.search2 .close {display:block; float:left; width:10px; height:10px;margin-top:20px;margin-left:20px; background:url(../images/close.png) center center no-repeat; cursor:pointer; transition:.5s all ease; background-size:30px;}
.search2 input {float:left; width:260px; line-height:50px; text-indent:15px; border:none;height:50px;display:block;outline:none;}
.search2 .submitTJ {display:block; float:left; width:40px; height:40px;background:url(../images/top-search2.png) center center no-repeat; cursor:pointer; transition:.5s all linear; outline:none;position:absolute; right:10px; top:5px; border:none; background:url(../images/top-search2.png) center center no-repeat;}
@media screen and (max-width: 1400px){
.searchBtn{margin-left:8px;}
}
@media screen and (max-width:1000px){
.search2{overflow:hidden;height:17.1875vw;max-height:110px; width:100%;position: absolute; top:0; background:#fff; border-bottom:1px solid #c8c8c8; display:none;}
.search2 .form1{height:17.1875vw;max-height:110px;width:60%;margin:0 auto;margin-top:50%;}
.search2 .submitTJ{border:none;outline:none;background:url(../images/index_search2.png) no-repeat left;width:6.25%;height:17.1875vw;max-width:40px;max-height:110px;background-size:100%;max-height:110px; cursor:pointer; display:inline-block;float:left;}
.search2 .text{border:none;outline:none;background:none;width:80%;height:10vw;font-family:"微软雅黑";color:#a0a0a0;max-width:520px;max-height:64px;padding:3.59375vw 2%;display:inline-block;float:left; font-size:16px;}
.search2 .close{background:url(../images/index_close.png) no-repeat right center;width:6.25%;height:17.1875vw;max-width:40px;background-size:100%;max-height:110px; cursor:pointer; float:left; display:inline-block;}
}
@media screen and (max-width:1000px){
.searchBtn{ display:none;}	
}









/*mobile menu*/
.model-nav{display: none}
.subhlogo{position: fixed;top: 0px;left: 0px;width: 100%;border-bottom: 1px solid #eeeef0;z-index:10000;display: none;background-color: #fff;}
.subhlogo .layout{display: flex;justify-content: space-between;align-items: center;height: 80px;padding: 0 0.32rem;max-width: 100%;}
.subhlogo .layout>i{width: 17%; min-width: 80px; visibility: hidden;}
.subhlogo .hloho{position: absolute; top: 0px; left:3%; width: 17%; min-width:150px; max-width: 200px;}
.subhlogo .hloho img{max-height:80px;}
.meun-btn{position: absolute;right:0;top:50%;margin-top: -15px;width: 30px;height: 30px;display: flex;cursor: pointer;z-index:1001;flex-direction: column;justify-content: space-around;margin-right:10px;display:none;}
.meun-btn span{top: 50%;left: 0px;display: block;width: 100%;height: 3px;border-radius: 25px;margin-top: -1px;background:#f5b142;transition: .2s ease;}
.meun-btn-open span:nth-of-type(1) {position: absolute;transform: rotate(45deg);}
.meun-btn-open span:nth-of-type(3) {position: absolute; transform: rotate(-45deg);}
.meun-btn-open span:nth-of-type(2){width: 0px;}
.public-header.fixed  .meun-btn span{background:#f5b142;}
/*m-search-btn*/
.m-search-btn{box-sizing: border-box;padding: 0px 20px;margin: 0px;background:#f6ab00;line-height: 61px;font-size: 16px;color: #fff;text-align: center;cursor: pointer;}
.m-search-btn i {margin-left: 10px; padding:10px 20px;background: url(../images/search_ico.png) no-repeat left; background-size:15px;}
/*second-nav*/
.second-nav{position: fixed;top: 0px;left: 0px;z-index: 555;width: 320px ;height: 100%;background: #fff;box-shadow: 0 5px 10px rgba(0, 0, 0, .4);overflow-y: scroll;padding-bottom: 50px;pointer-events:none;animation-duration: 0.5s;}
.second-nav-lsit li{width: 100%;}
.second-nav-lsit li p{position: relative;display: block;height: 56px;line-height: 56px;overflow: hidden;padding: 0px 20px 0px 40px;margin: 0px;font-size: 16px;color: #3d3d3d;font-weight: normal;letter-spacing: 1px;cursor: pointer;transition: 0.4s;border-bottom: 1px solid #f2f2f2;}
.second-nav-lsit li p i{float: right; margin-top: 20px;}
.second-nav-lsit li p a{display: block; width: 80%; float: left;}
.second-nav-lsit li p::before{content:"";position:absolute;top: 50%;left: 15px;width: 10px;height: 10px;margin-top: -5px;border: 1px solid #3d3d3d;border-radius: 50%;transition: 0.4s;}
.second-nav-lsit .li-act p::before{border: 1px solid #f6ab00;background: #f6ab00;}
.second-nav-lsit li p:focus{ background:#efefef; outline:none;}
.second-nav-lsit .li-act p{ background:#efefef; outline:none;}
.second-nav-lsit .li-act p a{color:#f6ab00;}
.second-nav-lsit .li-act p i{transform: rotateX(180deg);}
.second-nav-lsit li dl{display: none;}
.second-nav-lsit li dd{font-size: 16px;color:#3d3d3d;line-height: 56px;height: 56px;padding: 0px 20px 0px 40px;border-bottom: 1px solid #f2f2f2;}
.second-nav-lsit li dd a{display: block}
.second-nav-block{pointer-events: auto  !important; visibility: visible !important;}
/*mark*/
.mark{position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;background: rgba(0, 0, 0, 0.5);z-index: 55;display: none;}
/*m-search-box*/
.m-search-box{position: fixed;top: 0px;left: 0px;z-index: 999;width: 100%;height: 100%;background: rgba(0,0,0,.9);pointer-events: none;opacity: 0;transition: .4s;}
.m-search-box-show {pointer-events: auto;opacity: 1;}
.m-search-box .close {position: absolute;top: 30px;right: 30px;display: block;width: 30px;height: 30px;background: url(../images/close_ico.png) no-repeat center;opacity: 1;cursor: pointer;}
.m-search-box form {position: absolute;top: 50%;left: 2.6%;right: 2.6%;height: 40px;margin-top: -62px;background: #515151;border-radius: 40px;}
.m-search-box form .s-text {box-sizing: border-box;width: 100%;height: 40px;overflow: hidden;padding-left: 50px;padding-right: 50px;border: none;outline: none;background: url(../images/search_ico.png) no-repeat 15px;line-height: 40px;font-size: 18px;color: #fff;text-align: left;text-overflow: ellipsis;white-space: nowrap;border-radius: 40px;background-size: 18px;}
.m-search-box form .s-btn {position: absolute;top: 0px;right: 0px;height: 100%;border: none;background: transparent;line-height: 40px;font-size:16px;text-align: center;cursor: pointer;transition: .3s;color: #fff;width: 80px;background: #f6ab00;border-radius: 40px;}
.m-search-box form .s-btn:hover{color: #fff;}
@media screen and (max-width: 1024px){
  	.model-nav{display: block}
	.meun-btn{display: flex;}
}
@media screen and (max-width: 768px){
 	.subhlogo .layout{height: 60px;}
	.subhlogo .hloho img{max-height:60px;}
  	.meun-btn {width: 30px;height: 30px; margin-top:-15px;}
  	.meun-btn span {height: 3px;}
  	.second-nav{width: 250px;}
	.second-nav::-webkit-scrollbar{width:5px;height:5px;background-color:#f1f1f1; } 
	.second-nav::-webkit-scrollbar-track{border-radius:5px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f1f1f1;} 
	.second-nav::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#ccc}	

  	.search-btn{line-height: 60px;}
	.home .public-header  .meun-btn span{background:#f5b142;}
}



@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
  visibility: hidden;
}









/*foot*/
.footer{background:#333333;}
.footer .footer-nav{font-size:12px;width:100%;height:auto;padding:51px 0 51px 0;}
.footer .bottom-left{float:left;width:40%;}
.footer .bottom-left ul{height:auto;font-size:0; line-height:0;}
.footer .bottom-left ul li{ display:inline-block;*display:inline;zoom:1;vertical-align:top;padding-right:24px;margin-right:24px; background:url(../images/bottom-line.png) no-repeat right center;}
.footer .bottom-left ul li a{display:block;color:#909090;font-size:12px;display: inline-block;line-height:48px;color:#fff; position:relative;padding-left:32px;background-position:left center;background-repeat:no-repeat; background-size:24px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.footer .bottom-left ul li a:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.footer .bottom-left ul li.li1 a{background-image:url(../images/bottom-phone.png);}
.footer .bottom-left ul li.li2 a{background-image:url(../images/bottom-ipad.png);}
.footer .bottom-left ul li.li3 a{background-image:url(../images/bottom-pc.png);}
.footer .bottom-left ul li.li3{background:none;}
.footer .bottom-left ul li a .codeImg{position:absolute; left:50%;bottom:100%;width:120px; height:120px; margin-left:-60px;-moz-transform: scale(0.9); -webkit-transform: scale(0.9);transform: scale(0.9);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; visibility:hidden;}
.footer .bottom-left ul li a:hover .codeImg{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-moz-transform: scale(1); -webkit-transform: scale(1);transform: scale(1);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; visibility: visible;}
.footer .bottom-left ul li a .codeImg img{ width:130px;}
/*bottom-right*/
.footer .bottom-right{float:right;width:60%;font-size:14px;line-height:24px;color:#909090;text-align:right;}
.footer .bottom-right a{color:#909090;}
.footer .bottom-right a:hover{color:#fff}
.footer .bottom-right .bq{font-size:12px;padding-right:0;margin-right:0;}

@media screen and (max-width: 992px){
.footer .bottom-left,
.footer .bottom-right{width:100%;float:none;text-align:center;}	
}




/*mbottom*/
.mbottom {display:none}
@media screen and (max-width: 768px){
	.footer .footer-nav{ margin-bottom:60px;}
    .mbottom {/*border-top:1px solid #ccc;*/display: block}
    .mbottom ul {display: -webkit-box;display: -moz-box;display: box;margin: auto;width: 100%;height:60px;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;box-orient: horizontal;position: fixed;bottom: 0;box-shadow: 0 0 6px rgba(0,0,0,.16);/*background: #fff;*/background: #3e3a39;z-index: 1000}
    .mbottom ul li {-webkit-box-flex: 1;-moz-box-flex: 1;box-flex: 1;text-align: center;line-height:60px;font-size: 28px}
    .mbottom ul li a {display: inline-block;width: 100%;height: 100%;color: #999;text-decoration: none}
    .mbottom ul li a:focus,.mbottom ul li a:hover {text-decoration: none;color: #999}
    .mbottom ul li a span{font-size: 12px;vertical-align: middle; width:28px;height:28px;line-height:28px;color: #fff;font-style: normal;display: inline-block;padding: 0 3px;background-position:center center;background-repeat:no-repeat;background-size:28px;}
	.mbottom ul li a span.icon1{background-image:url(../images/icon1.png);}
	.mbottom ul li a span.icon2{background-image:url(../images/icon2.png);}
	.mbottom ul li a span.icon3{background-image:url(../images/icon3.png);}
	.mbottom ul li a span.icon4{background-image:url(../images/icon4.png);}
}
@media screen and (max-width:500px){
    .mbottom ul li a span{width:6vw;height:6vw;line-height:6vw;background-size:6vw;}
}



/*fixedContact*/
.fixedContact .transition{-moz-transition: all .3s ease;-webkit-transition: all .3s ease;transition: all .3s ease}
.fixedContact .img-block {margin: 0 auto;display: block; line-height:0;}
.fixedContact .img-block img{max-width:110px; height:auto;}
.fixedContact .flex-col {display: flex;flex-direction: column;justify-content: center;align-items: center;}
.fixedContact{ position: fixed;left:0;top: 50%;transform: translateY(-50%);padding: 50px 0;/*height: 482px;*/box-sizing: border-box;z-index:9}
.fixedContact-item-Box{position: absolute;left:0;width:60px;height:60px; border:1px solid #df9c05;background-color: rgba(214, 22, 24, 0.8);/*border-right: none;*/box-sizing: border-box;background:#eba609;}
.fixedContact-item-Box:nth-child(1){top: 50px}
.fixedContact-item-Box:nth-child(2){top: 115px;}
.fixedContact-item-Box:nth-child(3){top: 180px;}
.fixedContact-item-Box:nth-child(4){top: 245px;}
.fixedContact-item-Box:nth-child(5){top: 310px;}
.fixedContact-item-Box:nth-child(6){top: 375px;}
.fixedContact .transition{-moz-transition-duration:.8s;-webkit-transition-duration:.8s;transition-duration:.8s;}
.fixedContact-item{ width:100%;height:100%}
.fixedContact-item-p{color:#fff;font-size:12px;margin-top:0;}
.fixedContact-item-in{ height:100%;display:none;position:relative;z-index:1;overflow: hidden}
.fixedContact-item-in-p{color:#fff;text-align:center;line-height:58px;font-size:14px;height:58px;white-space:nowrap;}
.fixedContact-in.cur{width:100px;background-color: transparent}
.fixedContact-in.cur .fixedContact-item-in{width: 100%;display: block}
.fixedContact-in.cur .fixedContact-item{display: none}
.fixedContact-in:before{content:"";background-color:#eba609;position:absolute;height:100%;width:0;transition:all .8s ease;}
.fixedContact-in.cur:before{width:100%}
/*weixin*/
.fixedContact-qr-show{display: none;position:absolute;z-index:1;right:-100px;top:-30px}
/*Whatsapp*/
.fixedContact-item-Box.fixedContact-Whatsapp .fixedContact-item-p{/*font-weight:300;*/letter-spacing: -2px;}
/*gotop*/
.fixedContact-item-Box.fixedContact-top{cursor:pointer;width:40px;height:40px;top:245px;background:#fff;border:1px solid #dcdcdc;border-radius:20px;display:none!important;}
.fixedContact-item-Box.fixedContact-top .icon{color:#383838;}
.fixedContact-item-Box.fixedContact-top .fixedContact-item-p{ font-size: 13px; line-height:16px;margin-top: 0; color:#fff; display:none; }
@media screen and (max-width:768px) {

}







/*right_bar*/
.right_bar{position:fixed;top:300px;left:0;width:50px;height:203px;z-index:10;}
.right_bar li{width:62px;height:50px;z-index:20;text-align:right; cursor:pointer;}
.right_bar li.rtbar_li1,.right_bar li.rtbar_li4{position:absolute;right:0; }
.right_bar li.rtbar_li1{top:0;width:202px;}
.right_bar li.rtbar_li1 a.mo_phone{display:none;}
.right_bar li.rtbar_li2{position:absolute;top:51px;right:0;}
.right_bar li.rtbar_li3{position:absolute;top:102px;right:0;width:126px;}
.right_bar li.rtbar_li4{top:153px;}
.rtbar_li4{position:absolute;top:153px;right:0;}
.right_bar li .a{display:block;color:#FFF;font-size:14px;height:50px;line-height:50px;overflow:hidden;background-color:#E8A535;opacity:0.9;border-radius:6px;}
.right_bar li .a img{display:block;float:right;vertical-align:middle;width:24px;height:24px;margin:12px 12px 14px 14px;}
.right_bar li .a:hover{background-color:#3e3a39;opacity:1;}
.rtbar_shwx{position:absolute;top:-50px;left:62px; display:block!important;-moz-transform: scaleY(0); -webkit-transform: scaleY(0);transform: scaleY(0);/*-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%);*/visibility:hidden;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.rtbar_shwx img{padding:14px;background-color:#FFF;width:132px;border: 1px solid #d2d2d2;}
.rtbar_shwx.cur{/*-webkit-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);*/-moz-transform: scale(1); -webkit-transform: scale(1);transform: scale(1); visibility:visible;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1}
.right_bar{display:none;}
.rtbar_shwx{top:-50px;}
.right_bar li.rtbar_li4 .a{background-color:#3e3a39;}
@media only screen and (max-width: 768px){
	.right_bar{bottom: 70px;left: 0;top: auto;width: 40px;height: 82px; display:none!important;}
	.right_bar li.rtbar_li1 .a.pc_phone{display:none;}
	.right_bar li.rtbar_li1 .a.mo_phone{display:block;}
	.right_bar li.rtbar_li1{top:0px;width:40px;right: 0px !important;}
	.right_bar li.rtbar_li1 .a img{margin-left:8px;margin-top:8px;}
	.right_bar li:nth-child(2){display:none;}
	.right_bar li:nth-child(3){display:none;}
	.right_bar li.rtbar_li4 {top: 41px;}
	.right_bar li {width: 40px;height: 40px;}
	.right_bar li .a{align-items: center;display: flex;color: #FFF;justify-content: center;font-size: 14px;height: 40px;line-height: 40px;overflow: hidden;background-color: #eb6100;opacity: 0.8;border-radius: 0;}
	.right_bar li .a img{margin:0px;float: none;}
}
  
  
  
  
  
 /*page*/ 
 
.page{background:#ffffff;}
.pageInfo{ color:#595959; font-size:15px;line-height:30px; min-height:300px; background:#fff; padding:50px 0;}
.pageInfo img{ max-width:100%; height:auto;}
.pageInfo hr{border:none;border-top:1px solid #e4e4e4;}
@media screen and (max-width:1024px) {	
.pageInfo{padding:20px 0;}
}


/*pagebanner*/
.pagebanner{display:block; overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover;color:#fff; text-align:center;}
.pagebanner img{max-width:100%;}


/*pageH*/
.pageH{padding-top:90px!important;}
@media screen and (max-width:1150px){
.pageH{padding-top:80px!important;}	
}
@media screen and (max-width:1024px){
.pageH{padding-top:60px!important;}	
}

/*pagePosition*/
.pagePosition{ position: absolute; bottom:-1px; left:0;width:140px; height:206px; background:#0074be;}
.pagePosition span.hm{ display:block; /*padding-left:25px;padding-right:25px;*/padding-top:50px; font-size:24px; color:#ffffff; text-transform:uppercase;font-family:"思源黑体 CN","思源黑体",'pingfang',"PingFang SC", CNLato,"Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans","Hiragino Sans GB",STHeiti,"WenQuanYi Micro Hei",SimSun,"微软雅黑",Arial,sans-serif;padding-left:10px;padding-right:10px; text-align:center;}


/*pageTop*/
.pageTopB{height:80px;width: 100%;background:#f6f6f6;}
.pageTopBox{ position:relative;}
/*pageNav*/
.pageNav{text-align:center;}
.pageNav ul{ margin:0 auto; font-size:0; display:inline-block;}
.pageNav li{ display:inline-block;*display:inline;zoom:1;font-size:16px;line-height:80px; margin:0 26px;float:left;}
.pageNav li a{display:block; color:#333333;}
.pageNav li a span{ display:inline-block;position:relative; z-index:2;}
.pageNav li a span:after{ content:''; width:0; position: absolute; bottom:-1px; left:0;height:3px; background:#f6ab00; -webkit-transition: 0.6s;-moz-transition: 0.6s;-ms-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;}
.pageNav li .aNow span:after, .pageNav li a:hover span:after{width:100%;}
.pageNav li .aNow, .pageNav li a:hover{ color:#f6ab00;}
.pageNav-tit{ display:none;}
@media screen and (max-width:1360px){
.pageNav li{margin:0 20px;}
}
@media screen and (max-width:992px){
.pageTopBox{padding-left:0;padding-right:0;border-bottom:none;}
/*pageNav*/
.pageTop{height:auto;}
.pageNav{ height:auto; position: static;}
.pageNav li{margin:0 5px;}
.pageNav li a{padding:0 5px; font-size:12px;}
.pageTop,
.pageTopB,
.pageNav{ height:50px;}
.pageNav li{line-height:50px;}	
}
@media screen and (max-width:768px){
.pagePosition{ bottom:0;}	
.pageNavB{width: 100%;max-width:992px;position: absolute;height:60px;z-index: 2;overflow: hidden;}
.pageNav::-webkit-scrollbar{display: none;}
.pageNav ul::-webkit-scrollbar {display: none;}
.pageNav ul{overflow: hidden;overflow-x: scroll;white-space: nowrap;-webkit-overflow-scrolling: touch;-moz-overflow-scrolling: touch;-o-overflow-scrolling: touch;-ms-overflow-scrolling: touch;overflow-scrolling: touch; font-size:0; line-height:0; display:block;}
.pageNav li{ float:none;}
}



/*pagetit*/
.pagetit{margin-bottom:30px;}
.pagetit .cn{display:inline-block;font-size:12px;color:#333333;line-height:20px;}
.pagetit .en{display:inline-block;font-size:16px;color:#333333;line-height:20px;font-family: 'DINLight',Arial, Helvetica, sans-serif;}






/*page about*/
.pageT td{ font-size:40px;color:#333333;font-family: 'DINLight',Arial, Helvetica, sans-serif; line-height:normal; letter-spacing:-3px;}
.pageT td strong{ font-size:80px;color:#f6ab00; font-weight:normal;letter-spacing:-6px;}
@media screen and (max-width:1240px){
.pageT td{ font-size:30px;}
.pageT td strong{ font-size:70px;}
}
@media screen and (max-width:992px){
.pageT td{ font-size:28px;}
.pageT td strong{ font-size:60px;}	
}
@media screen and (max-width:768px){
.pageT td{ font-size:26px;}
.pageT td strong{ font-size:50px;}
}


/*pageTable*/
.pageTable{padding-bottom:95px;}
.pageTable td{width:50%;padding:3% 0; color:#3e4d5a;font-size:16px;line-height:30px;vertical-align:top}
.pageTable td.td1{width:56%; padding-right:3%;}
.pageTable td.td2{width:41%;}
@media screen and (max-width:992px){
.pageTable td{width:100%; display:block!important;padding:5% 0;font-size:14px;}
.pageTable td.td1{width:100%; display:block!important;padding:5% 0;}
.pageTable td.td2{width:100%; display:block!important;padding:5% 0;}
}


/*page about*/
.pageTable-1{ padding-bottom:95px;}
.pageTable-1 .td1{ width:65%; vertical-align:top}
.pageTable-1 .td2{ padding:3% 0 3% 70px; background-position:right top; background-repeat:no-repeat;}
.pageTable-1 td{color:#595959;font-size:15px;line-height:30px;}
@media screen and (max-width:1300px){
.pageTable-1 .td1{ width:60%;}
.pageTable-1 .td2{ padding:3% 0 3% 60px;}
.pageTable-1{ padding-bottom:85px;}
}
@media screen and (max-width:992px){
.pageTable-1{ padding-bottom:0;}
.pageTable-1 .td1{ width:100%; display:block!important; text-align:center;}
.pageTable-1 .td2{width:100%; display:block!important;padding:5% 0;}
.pageTable-1 h1{padding-bottom:10px;}
.pageTable-1 .td1 img{ width:100%;}
}
@media screen and (max-width:768px){
.pageTable-1 h1{font-size:16px;padding-bottom:15px;}
.pageTable-1 td{font-size:14px;line-height:26px;}
}






/*page-newsInfo*/
.page-newsInfo{text-align:left;}
.page-newsInfo .newsTit{font-size:28px; color:#333333; line-height: normal; text-align:center;font-weight:600;padding-top:50px;margin:0 0;margin-bottom:10px;}
.page-newsInfo .newsShuju{ font-size:12px; color:#909090;line-height:30px;text-align:center;padding-bottom:50px; }
.page-newsInfo .newsShuju em{ display:inline-block;margin:0 10px;font-size:12px; color:#909090;line-height:30px; font-style:normal;}
.page-newsInfo .newsShuju em.s{padding-left:20px;background:url(../images/school-see.png) left center no-repeat;}
.page-newsInfo .newsShare{display:inline-block;text-align:center;margin:0 auto; width:200px;}
.page-newsInfo .newsText{margin:0 0;text-align:left;font-size:16px;color:#464646;line-height:28px;border-top:1px solid #e5e5e5;}
.page-newsInfo .newsTextNr{padding-top:60px;padding-bottom:20px;}
.page-newsInfo .newsBtn{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;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 #f6ab00;}
.page-newsInfo .newsBtn .newsBtnB span{padding-right:10px;border-right:3px solid #f6ab00;}
@media screen and (max-width:992px) {
  .page-newsInfo .newsTit,.page-newsInfo .newsText{margin:0 30px;}
  .page-newsInfo .newsTit{ font-size:24px;}
  .page-newsInfo .newsTextNr{padding-top:30px;padding-bottom:20px;}
}
@media screen and (max-width:768px) {
  .page-newsInfo .newsBtn span{width:100%; }
  .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-tab*/
.page-tab{margin:0 auto;padding:33px 0 33px 0;text-align: center; }
.page-tab ul { margin:0 auto;padding: 0;list-style: none; text-align:center;height: 30px;line-height: 30px;font-size: 0;}
.page-tab ul li{margin: 0;padding: 0;display: inline-block;position: relative;height: 30px;line-height: 30px;}
.page-tab ul li a{display: inline-block;text-align: center;font-size: 12px;color: #1e2831;padding: 0 11px;margin:0 4px;height: 28px;line-height: 28px;border: 1px solid #d2d2d2;background: #ffffff;}
.page-tab ul li a:hover,.page-tab ul li a.focus{background:#f6ab00;color: #fff;border-color:#f6ab00;}
.page-tab ul li.next-page a, .page-tab ul li.prev-page a{padding: 0 18px;}
@media screen and (max-width:1024px){
.page-tab{margin:0 auto;padding:20px 0 20px 0;text-align: center; }
}
@media screen and (max-width:768px){
.page-tab ul li{ display:none;}	
.page-tab ul li.next-page, .page-tab ul li.prev-page{ display:inline-block;}
}


/*page-back*/
.page-back{ margin:0 auto; text-align:center;padding:30px 0;}
.page-back a{display:block;width:185px;font-size:14px;line-height: 40px;height:40px;overflow:hidden; text-align:center;color:#000000;margin:0 auto;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; border:1px solid #d2d2d2;}
.page-back a:hover{background:#f6ab00; color:#fff;}



/*pageList2*/
.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%;vertical-align:top; padding-top:25px; padding-bottom:25px;border-bottom:1px solid #efefef;}
.pageList2 ul li.listpic a{display:block;position: relative;padding:0; background:#fff;}
.pageList2 ul li.listpic .ImgBox{width:325px;height:245px;overflow:hidden;float:left;position: relative;z-index: 2;}
.pageList2 ul li.listpic .ImgBox img{width:100%; height:100%;}
.pageList2 ul li.listpic a:hover .ImgBox img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1);transform: scale(1.1);}
.pageList2 ul li.listpic .ImgBox img,
.pageList2 ul li.listpic .listTitle .listTitleBox,
.pageList2 ul li.listpic .listTitle,
.pageList2 ul li.listpic .listTitle .m{-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 .listTitle{overflow:hidden;display:block; height:245px;padding:0;position:relative;}
.pageList2 ul li.listpic .listTitle .listTitleBox{padding:60px 60px 30px 60px;}
.pageList2 ul li.listpic .listTitle .t{font-size:20px;color:#333333;height:36px;line-height:36px; overflow:hidden;position:relative;padding-left:14px;font-weight:bold;}
.pageList2 ul li.listpic .listTitle .t:after{ content:""; position:absolute; left:0; top:10px; width:4px;height:16px; background:#f6ab00;}
.pageList2 ul li.listpic .listTitle .t2{font-size:16px;color:#757575;max-height:48px;line-height:24px; overflow:hidden;}
.pageList2 ul li.listpic .listTitle .date{font-size:16px; color:#909090; line-height:20px;margin-bottom:12px;}
.pageList2 ul li.listpic .listTitle .m{ width:16px;height:16px;background-image:url(../images/m.png);background-position:center center;background-repeat:no-repeat; background-size:16px;margin-top:14px;}
.pageList2 ul li.listpic a:hover .listTitle .m{background-image:url(../images/m2.png); margin-top:24px;}
.pageList2 ul li.listpic a:hover .listTitle .t{color:#f6ab00;}
.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.01);-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);}
@media screen and (max-width:1024px) {	
	.pageList2 ul li.listpic .ImgBox{width: 220px;height: 166px;}
	.pageList2 ul li.listpic .listTitle{height: 166px;}
    .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{ height:auto;}
	.pageList2 ul li.listpic .listTitle .listTitleBox{padding:15px 15px 10px 15px;}
}
@media screen and (max-width:350px) {	
  
	.pageList2 ul li.listpic{width:100%;margin-right:0;}
	.pageList2 ul li.listpic .listTitle{padding:10px;}
}






/***********************************pro style start***********************************/

/*proList1 listpic*/
.proList1{margin-bottom:0;width:auto;display:block!important;background:#fff;}
.proList1 ul{font-size:0; line-height:normal;}
.proList1 ul li.listpic{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:100%;position:relative;}
.proList1 ul li.listpic a{display:block;position: relative;padding:20px 75px 20px 45px;overflow:hidden; position:relative;border-bottom:1px dashed #d4d4d4;position:relative;}
.proList1 ul li.listpic .ImgBox{width:410px;height:auto;overflow:hidden; float:left; position:relative; text-align:center;}
.proList1 ul li.listpic .ImgBox img{max-height:100%;max-width:100%; display:block;}
.proList1 ul li.listpic .ImgBox img,.proList1 ul li.listpic .ImgBox:after{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.proList1 ul li.listpic a:hover .ImgBox img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);}
.proList1 ul li.listpic .listTitle{overflow:hidden;display:block;padding:0;}
.proList1 ul li.listpic .listTitle .listTitleBox{padding:80px 120px 30PX 100px; }
.proList1 ul li.listpic .listTitle .t{font-size:34px;color:#333333;MAX-height:80px;line-height:40px; overflow:hidden; font-weight:500;margin-bottom:10px;font-weight:bold;}
.proList1 ul li.listpic .listTitle .t2{font-size:16px;color:#333333;height:130px;line-height:26px; overflow:hidden;}
.proList1 ul li.listpic .more2{font-size:14px;color:#595959;background:#fff;text-transform:uppercase;width:108px;height:36px;line-height:36px;cursor:pointer; position:relative; border:2px solid #c9c9c9;border-radius:36px; position:absolute; top:50%; margin-top:-18px; right:0;}
.proList1 ul li.listpic .more2{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.proList1 ul li.listpic .more2:hover{background:#f6ab00;color:#fff; border-color:#f6ab00;}
.proList1 ul li.listpic .more2 span{ display:block; text-align:center; position:relative; z-index:1;}
.proList1 ul li.listpic .listTitle .t:hover{color:#f6ab00;}
@media screen and (max-width:1240px) {
.proList1 ul li.listpic .listTitle .t{font-size:30px;}	
}
@media screen and (max-width:1220px) {
.proList1{padding:30px 3%; width:94%!important;display:block!important;}
.proList1 ul li.listpic a{padding:30px 0 ;}
.proList1 ul li.listpic .listTitle .listTitleBox{padding:75px 120px 30px 30px;}
.proList1 ul li.listpic .listTitle .t{font-size:24px;}
}
@media screen and (max-width:992px) {
.proList1 ul li.listpic a{padding:30px 0 ;}
.proList1 ul li.listpic .ImgBox{width:100%;height:auto;overflow:hidden; float:none;}
.proList1 ul li.listpic .ImgBox img{height:auto; width:100%; display:block;}
.proList1 ul li.listpic .listTitle .listTitleBox{padding:30px 100px 30px 0; position:relative;}
.proList1 ul li.listpic .listTitle .t{font-size: 22px;margin-bottom:10px;}
.proList1 ul li.listpic .listTitle .t2{max-height:210px; height:auto;margin-bottom:15px; font-size:13px;}
.proList1 ul li.listpic:before{ display:none;}
}
@media screen and (max-width:768px) {
	.proList1{padding:0px 0; width:100%!important;display:block!important;-webkit-box-shadow: 0px 0px 0 rgba(0,0,0,0);-moz-box-shadow: 0px 0px 0 rgba(0,0,0,0);box-shadow: 0px 0px 0 rgba(0,0,0,0); }
	.proList1 ul li.listpic .listTitle .listTitleBox{padding:30px 0; position:relative; text-align:center;}
	.proList1 ul li.listpic .more2{ position:static;  margin:0 auto;margin-top:20px; top:auto;}
	.proList1 ul li.listpic .listTitle .t{font-size:20px;margin-bottom:10px;}
	
}

/*prolist2*/
.prolist2 ul{ font-size:0; line-height:0;margin:0px -10px;}
.prolist2 ul li{display:inline-block;*display:inline;zoom:1;vertical-align:top; width:25%;margin-bottom:40px;}
.prolist2 ul li a{ display:block;margin:0 10px;}
.prolist2 ul li .proImg{width:100%;height:auto;position:relative;overflow:hidden;}
.prolist2 ul li .proImg:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;/* border:1px solid #dcdcdc; */background: rgba(204, 204, 204, 0.1);}
.prolist2 ul li .proImg img{width:100%;}
.prolist2 ul li .proImg{background-size:cover;background-position:center;background:none;padding:50% 0; text-align:center;}
.prolist2 ul li .proImg img{max-width:100%;max-height:100%;position:absolute;left:0;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.prolist2 ul li a,.prolist2 ul li .proImg img{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
/*.prolist2 ul li a:hover .proImg img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}*/
.prolist2 ul li .proTit{text-align:center;line-height:30px;font-size:16px;color:#333333; padding:15px 0;}
.prolist2 ul li .proInfo{width:100%;height:100%;position:absolute;left:0px;top:100%;background-color:rgba(0,0,0,0.8);background: url(../images/bg80.png) center center repeat; text-align:center; display:none!important;}
.prolist2 ul li .pro-tit{width:90%;MARGIN: 0 AUTO;text-align:center;height:52px;line-height:26px;font-size:18px;color:#f6ab00;margin-top:40px;margin-bottom:10px;overflow:hidden;}
.prolist2 ul li .pro-wz{ width:82%; height:72px; margin:0 auto;line-height:24px; font-size:12px;color:#909090;margin-bottom:30px;overflow: hidden;}
.prolist2 ul li .pro-link{ text-align:center; }
.prolist2 ul li .pro-link span{ display:inline-block; margin:0 auto;font-size:0;width:20px;height:20px;background-image:url(../images/m2.png);background-position:center center;background-repeat:no-repeat; background-size:20px;margin-top:14px;}
.prolist2 ul li,
.prolist2 ul li a{-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.prolist2 ul li a:hover .proTit{color:#f6ab00;}
.prolist2 ul li a:hover{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);}
@media all and (max-width:1300px){
	.prolist2 ul{margin:0px -5px;}
	.prolist2 ul li{margin-bottom:20px;}
	.prolist2 ul li a{margin:0 5px;}
	/*.prolist2 ul li img{ width:100%; height:100%;}*/
	.prolist2 ul li .proTit{padding:10px 0;}
	.prolist2 ul li .pro-tit{font-size:16px;margin-top:20px;margin-bottom:20px;}
	.prolist2 ul li .pro-wz{width:90%;margin-bottom:10px;}	
	.prolist2 ul li .pro-link span{width:60px;height:30px;line-height:30px;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;}
}
@media all and (max-width:1024px){
	.prolist2 ul li{width:33.333333%;}
	.prolist2 ul li .proTit{line-height:24px;font-size:14px;padding:5px 0;}
	.prolist2 ul li .proInfo{ display:none!important;}
}
@media all and (max-width:992px){
    .prolist2 ul li{width:50%;}
}
@media all and (max-width:768px){
    
}

/*proT*/
.proT{padding:30px 0px; font-size:16px; color:#333333; line-height:26px; border-bottom:1px dashed #c9c9c9; text-align:center; margin-bottom:55px;}
.proT h1{ font-weight:300; color:#333333; font-size:34px; margin-bottom:20px;font-weight:bold;}
.proT .proText{ max-width:992px; margin:0 auto;}
@media screen and (max-width:1150px) {
.proT{padding:20px 0px; font-size:14px;margin-bottom:35px;}
.proT h1{font-size:24px;margin-bottom:15px;}
}
@media screen and (max-width:1024px) {
.proT{padding:20px 0px;margin-bottom:25px;}
.proT h1{font-size:20px;margin-bottom:10px;}
}
@media screen and (max-width:768px) {
.proT{padding:20px 0px;margin-bottom:20px;}
.proT h1{font-size:18px;margin-bottom:5px;}
}

/*pro3tit*/
.pro3tit{ font-size:30px; color:#333333; margin-bottom:30px; text-align:center;font-weight:bold;}
.pro3tit2{ font-size:16px!important; color:#3e4d5a!important;margin-bottom:25px;line-height:50px; background:#f9f9f9;font-family:'DINLight', "Source Han Sans CN","Microsoft Yahei","Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; font-weight:bold;}
.p-b0{margin-bottom:0;}
.pro3tit2 td{font-size:16px!important;padding-left:48px;background: url("../images/pro2-titbg.png") 18px center no-repeat;}
.pro3tit2 td p,.pro3tit2 td span{font-size:16px!important; color:#3e4d5a!important;}
.pro3tit2 td strong{font-size:20px;display:inline-block; margin-right:10px;font-family: 'DINLight',Arial, Helvetica, sans-serif;font-weight:bold;}
.pro3tit1{ font-size:16px!important; color:#3e4d5a!important;margin-bottom:25px;line-height:50px; background:#f9f9f9;font-family:'DINLight', "Source Han Sans CN","Microsoft Yahei","Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; font-weight:bold;}
.pro3tit1 strong{padding-left:48px;background: url("../images/pro2-titbg.png") 18px center no-repeat;font-size:20px;display:inline-block; margin-right:10px;font-family: 'DINLight',Arial, Helvetica, sans-serif;font-weight:bold;}
@media all and (max-width:1150px){
.pro3tit{ font-size:24px;margin-bottom:30px;}
.pro3tit2 strong{font-size:18px;background-size:20px;}
.pro3tit1 strong{font-size:18px;background-size:20px;}
}
@media all and (max-width:992px){
.pro3tit{ font-size:20px;margin-bottom:20px;}
.pro3tit2 strong{font-size:16px;background-size:20px;}
.pro3tit1 strong{font-size:16px;background-size:20px;}
}
@media all and (max-width:768px){
.pro3tit{ font-size:18px;}
.pro3tit2 td{padding-left:38px; background-size:15px;}
.pro3tit2 td strong{font-size:16px;margin-right:5px;}
.pro3tit1 strong{font-size:16px;margin-right:5px;padding-left:38px; background-size:15px;}
}

/*proInfo*/
.pro3img{/*border:1px solid #d2d2d2;margin-bottom:40px;*/ text-align:center;/*max-height:400px;*/ text-align:center;padding-top:30px;padding-bottom:30px;}
.pro3img img{/*padding:30px 0;*/max-height:455px;max-width:100%;height:auto;}
.pro3Text{font-size:16px; color:#333333;line-height:30px;}
.proTable td{padding:0 40px 15px 40px; font-size:16px; color:#333333; line-height:30px;width:50%;}
.proTable td h1{font-weight:500;color:#333333; font-size:20px; margin-bottom:12px;}
@media screen and (max-width:1360px) {
.proTable td{padding:0 30px 15px 30px;}
}
@media screen and (max-width:1150px) {
.proTable td{padding:0px 15px 15px 15px;}
.pro3Text{font-size:15px;}
.proTable td{font-size:15px;}
}
@media screen and (max-width:992px){
.proTable td{width:100%; display:block!important;padding:1% 0 3% 0;}
}

/*pro-banner*/
.pro3-back{ border-top:1px dashed #e7e7e7;}
.pro3-banner{ position:relative; margin-bottom:40px; padding:0 35px; margin-top:30px;} 
.pro3-banner .swiper-slide {display: block;color: #fff; width:33.33333%; float:left;} 
.pro3-banner .swiper-slide {position: relative;}
.pro3-banner .swiper-slide img{width: 100%;}
.pro3-banner .swiper-slide .imgDiv{ margin:0 28px;}
.pro3-banner .swiper-pagination{width:50px;text-align:left; left:3%;top:50%; bottom:auto;-webkit-transform:translateY(-50%); transform:translateY(-50%);z-index:10; display:none;} 
.pro3-banner .swiper-pagination-bullet {opacity: 1!important; width:30px; height:3px;background:#fff; cursor:pointer;text-align:center;border:none;border-radius:0;margin:10px 0px!important; } 
.pro3-banner .swiper-pagination-bullet-active {width:50px;background:#fff;} 
.pro3-banner .ban1 .txtDiv{ position: absolute; left: 12%; margin-left: 0px; top: 50%; height: 270px; margin-top: -135px;}
.pro3-banner .ban1 .txt1{ font-size: 0.24rem; padding-bottom: 0.16rem; line-height: 0.24rem; color:#fff; position: relative;} 
.pro3-banner .ban1 .txt2{ font-size: 0.52rem; color: #fff; font-weight: bold; text-transform: uppercase;} 
.pro3-banner .ban1 .btnDiv{ text-transform: uppercase; margin-top: 0.25rem; width: 1.53rem; height: 0.38rem; font-weight: bold; border: #fff solid 2px; text-align: center; color: #fff; line-height: 0.38rem;}
.pro3-banner .swiper-button-prev{position:absolute; top:50%;width:40px; height:40px;left:0; margin-top: -20px;background: url(../images/left.png) center no-repeat;-webkit-transition: .2s ease-out;transition: .2s ease-out; background-size:19px; outline:none;} 
.pro3-banner .swiper-button-next{position:absolute; top:50%;width:40px; height:40px;right:0; margin-top: -20px;background: url(../images/right.png) center no-repeat;-webkit-transition: .2s ease-out;transition: .2s ease-out; background-size:19px;outline:none;} 
@media screen and (max-width:1380px) {
.pro3-banner .swiper-slide .imgDiv{ margin:0 25px;}	
}
@media screen and (max-width:1240px) {
.pro3-banner .swiper-slide .imgDiv{ margin:0 20px;}	
}
@media screen and (max-width:1150px) {
.pro3-banner .swiper-slide .imgDiv{ margin:0 15px;}	
}
@media screen and (max-width:1024px) {
.pro3-banner .swiper-slide {width:50%;} 
}
@media screen and (max-width:768px) {
	.pro3-banner .swiper-slide .imgDiv{ margin:0;}
	.pro3-banner .swiper-button-prev,
	.pro3-banner .swiper-button-next{width:20px;background-size:10px;} 
	.pro3-banner .swiper-slide {width:100%;} 
}




/***********************************down style start***********************************/

/*downlist*/
.downlist{/* padding-bottom:30px;padding-top:30px;*/}
.downlist ul{ font-size:0; line-height:0;border:1px solid #dfdfdf;}
.downlist ul li{float:left; display:inline-block;*display:inline;zoom:1;vertical-align:top; width:100%;background:#f3f3f3;}
.downlist ul li a{ display:block;padding-left:50px; padding-right:70px; padding-top:20px; padding-bottom:20px;}
.downlist ul li:nth-child(2n){ background:#ffffff;}
.downlist ul li .proTit{text-align:left;line-height:25px;font-size:16px;color:#595959;overflow: hidden;background:#58978f; padding-left:37px;background: url(../images/s.png) left center no-repeat;background-size:25px;}
.downlist ul li .proTit span{ padding-right:40px;display:block;line-height:25px;background: url(../images/s2.png) right center no-repeat;background-size:26px;color:#595959;}
.downlist ul li a:hover {padding-right:50px;color:#f6ab00;}
.downlist ul li a:hover .proTit span{color:#f6ab00;}
.downlist ul li,
.downlist ul li a{-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
@media screen and (max-width:768px) {
.downlist ul li a{padding-left:20px; padding-right:50px;}
}


/***********************************case style start***********************************/

/*page-CaseList*/
.page-CaseList ul{width: 100%;margin:0 -16.5px;position:relative; font-size:0;}
.page-CaseList li.li4 {position:relative;z-index:1; cursor:pointer; display:inline-block;*display:inline;zoom:1; width:25%; margin-bottom:47px; vertical-align:top;}
.page-CaseList li.li4 a{ display:block; position:relative; margin:0 16.5px; text-align:left; overflow:hidden; border-bottom:1px solid #e8e8e8;}
.page-CaseList li.li4 .imgBox {position:relative;overflow:hidden; width:100%; display:block; padding:37.5% 0;}
.page-CaseList li.li4 .imgBox:after{content:'';position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: url(../images/case-titbg.png) center bottom repeat-x;background-size: auto 100%;}
.page-CaseList li.li4 .imgBox img{display:block;width:100%; height:100%; position:absolute; left:0; right:0;top:0;}
.page-CaseList li.li4 a,
.page-CaseList li.li4 .imgBox img,
.page-CaseList li.li4 .imgBox,.page-CaseList li.li4 .listinfo,.page-CaseList li.li4 .title,.page-CaseList li.li4 .nr{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.page-CaseList li.li4 a:hover .imgBox img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);}
.page-CaseList li.li4 .caseTitlebg{height:60px; width:100%;}
.page-CaseList li.li4 .listinfo{position: absolute;bottom:-76px;left:0;right: 0;padding: 0 19px;padding-top: 26px;}
.page-CaseList li.li4 .title{font-size:16px;color:#333333;font-weight:400;display:block;margin-bottom:20px; position:relative; padding-left:14px;padding-right:20px;background-image:url(../images/m.png);background-position:right center;background-repeat:no-repeat;background-size:16px; font-weight:bold;}
.page-CaseList li.li4 .title span{ display:block;line-height:24px;height:24px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;width:100%;}
.page-CaseList li.li4 .title:after{ content:'';width:4px;height:16px;background:#f6ab00; position:absolute; left:0;top:6px;}
.page-CaseList li.li4 .nr{font-size:14px;color:#333333;line-height:24px;height:48px; overflow:hidden;margin-bottom: 28px;height: 48px; }
.page-CaseList li.li4 a:hover .listinfo{background-color:#fff;bottom:0;}
.page-CaseList li.li4 a:hover .title{color:#f6ab00;background-image:url(../images/m2.png);}
@media screen and (max-width:1620px){
	.page-CaseList ul{margin:0 -10px;}
	.page-CaseList li.li4 {margin-bottom:40px;}
	.page-CaseList li.li4 a{margin:0 10px;}
}
@media screen and (max-width:1380px){
	.page-CaseList ul{margin:0 -6.5px;}
	.page-CaseList li.li4 {margin-bottom:30px;}
	.page-CaseList li.li4 a{margin:0 6.5px;}
}
@media screen and (max-width:1150px){
	.page-CaseList ul{margin:0 -5px;}
	.page-CaseList li.li4 {width:33.33333333%;margin-bottom:20px;}
	.page-CaseList li.li4 a{margin:0 5px;}
}
@media screen and (max-width:1024px){
	.page-CaseList ul{margin:0;}
	.page-CaseList li.li4 {width:50%;margin-bottom:30px;}
	.page-CaseList li.li4 a{margin:0 10px;}
}
@media screen and (max-width:768px){
	.page-CaseList li.li4 {margin-bottom:20px;}
	.page-CaseList li.li4 a{margin:0 5px;}
	.page-CaseList li.li4 .listinfo{bottom:-76px;left:0;right: 0;padding: 0 10px;padding-top:16px;}
	.page-CaseList li.li4 .title{ font-size:14px;margin-bottom:10px;}
	.page-CaseList li.li4 .caseTitlebg{height:40px;}
}
@media screen and (max-width:640px){
	.page-CaseList li.li4 {width:100%;}
	.page-CaseList li.li4 a{margin:0 0;}
}







/***********************************Contact style start***********************************/

/*Contact*/
.contactTableBOX td.td0{ font-size:0; padding:0 10px;}
.contactTableBOX td.td1,
.contactTableBOX td.td2{border:1px solid #dcdcdc; overflow:hidden;border-radius:5px;padding:30px 30px 30px 30px; -moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.contactTableBOX td.td1,
.contactTableBOX td.td2{border:1px solid #dcdcdc; overflow:hidden;border-radius:5px;padding:30px 30px 30px 30px;}
.contactTableBOX td.td1:hover,
.contactTableBOX td.td2:hover{-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.2);-moz-box-shadow: 0px 0px 20px rgba(0,0,0,.2);box-shadow: 0px 0px 20px rgba(0,0,0,.2);}




.contactTable td{width:25%;font-size:16px; line-height:24px; color:#595959;padding:10px 0;}
.contactTable td img{max-width:100%; -moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.contactTable td:hover img{-o-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);}
.contactTable .Box h1,.contactTable .Boxh h1,.contactTable .Boxh h2{ font-weight:normal;}
.contactTable .Box{-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.contactTable .Boxh{display:none;visibility:hidden;max-width:100%; -moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.contactTable td:hover .Boxh{display:block;visibility:visible;}
.contactTable td .Boxh h2{display:none;}
.contactTable td:hover .Box{display:none;visibility:hidden;}
@media screen and (max-width:1240px) {
.contactTableBOX td.td1,
.contactTableBOX td.td2{padding:30px;}
}
@media screen and (max-width:1024px) {
.contactTable td .Boxh{display:block;visibility:visible;}
.contactTable td .Boxh h2{display:block;}
.contactTable td .Box{display:none;visibility:hidden;}
}
@media screen and (max-width:768px) {
.contactTable{margin-bottom:30px;}
.contactTable td{ display:block!important; width:100%!important; text-align:center; padding:4% 3%;font-size:14px;}
}
@media screen and (max-width:768px) {
.contactTable td{ display:block!important; width:100%;padding:3% 3%;}
.contactTableBOX td.td0{display:block!important;width:94%;padding:10px 3%;}
.contactTableBOX td.td1,
.contactTableBOX td.td2{display:block!important;width:94%;padding:0 3%;}
}

/*pageMap*/
.pageMap{margin-bottom:30px;}

/*feedback2Box*/
.feedback2{font-size:14px;color:#464646;line-height: 30px;text-align:left;padding:0;margin:0 -7px; padding-top:50px;}
.feedback2 label{display:block;}
.feedback2 .l1{float:left;width: 50%; position:relative;}
.feedback2 .l1Box{margin:0 7px;}
.feedback2 .text{display:block;width: 100%;padding:4px 25px 4px 25px;height:51px;margin-bottom:15px;outline:none;font-size:14px;color:#909090;font-family:Arial,"微软雅黑",Sans-Serif;border: 1px solid #f5f5f5;border-radius:0;background:#f5f5f5;text-align:left;}
.feedback2 .text2{display:block;width:100%;padding:10px 25px 10px 25px;height:220px;margin-bottom:15px;outline:none;font-size:14px;color:#909090;font-family:Arial,"微软雅黑",Sans-Serif;border: 1px solid #f5f5f5;border-radius:0;background:#f5f5f5;text-align:left;}
.feedback2 .getcode{display:block;width:100%;padding:4px 25px 4px 25px;height:51px;margin-bottom:0;outline:none;font-size:14px;color:#909090;font-family:Arial,"微软雅黑",Sans-Serif;border: 1px solid #f5f5f5;border-radius:0;background:#f5f5f5;text-align:left;max-width:340px;float:left;}
.feedback2 .kk{font-size:14px;color:#464646; line-height:normal;margin-left:10px; vertical-align:middle;}
.feedback2 .inputbtn{display:inline-block;width:100%;height: 53px;line-height: 53px;margin:0 4px;outline:none;font-size:14px;color: #fff;font-family: Arial,"微软雅黑",Sans-Serif;border:none;background-color:#909090;cursor:pointer;border-radius:5px;margin-top:85px;text-align:center;max-width:299px; }
.feedback2 .inputbtn.tj{background:#f6ab00;}
.feedback2 .inputbtn:hover{background:#757575;}
.feedback2 .inputbtn.tj:hover{background:#e6a104;}
.feedback2 .text,.feedback2 .text2,.feedback2 .getcode{transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.feedback2 .text:focus,.feedback .text2:focus,.feedback2 .getcode:focus{background:#f9f5ec;border-color:#f6ab00;}
@media screen and (max-width:1024px){
.feedback2 .inputbtn{margin-top:65px;}	
}
@media screen and (max-width:768px){
.feedback2{margin:0;}
.feedback2 .l1{float:none;width:100%;}
.feedback2 .kk{ display:inline-block; clear: both; font-size:12px;}
.feedback2 .text{width: 100%;padding:4px 3% 4px 3%;}
.feedback2 .getcode{width:100%;padding:4px 3% 4px 3%;margin-bottom:15px;max-width:120px;}
.feedback2 .l1Box{margin:0 auto;}
.feedback2 .inputbtn{max-width:100%;margin:0 1%;margin-top:35px;width:48%;}	
}
@media screen and (max-width:430px){
.feedback2 .getcode{max-width:90px;}
.feedback2 .kk{margin-left:5px;}
}
@media screen and (max-width:370px){
.feedback2 .kk img{max-width:60px;}
}














/**/
.page-tit{font-size:28px;color:#000000;padding-bottom:50px;text-align:center;}
.page-tit span{ position:relative;padding:15px 0;}
.page-tit span::after{content: '';display: block;width:71px;position: absolute; left:0 ; margin:0 auto;right:0;bottom:0;height:3px;background: #0061cf;}
@media screen and (max-width:1024px) {
.page-tit{font-size:20px;padding-bottom:30px;}
}




/*proBiao*/
.proBiao{ margin:0 auto;}
.proBiao tr:nth-child(1) td,.proBiao tr:nth-child(1) th{background:#f6ab00; color:#fff; font-size:16px;line-height:26px; text-align:center;}
.proBiao tr:nth-child(1) td span,.proBiao tr:nth-child(1)  td p{color:#fff!important; font-size:16px!important;line-height:26px!important; text-align:center!important;}
.proBiao td span,.proBiao td p{font-size:15px!important;line-height:26px!important;color:#333!important;}
.proBiao td, .proBiao th {padding: 12px 30px; font-size:15px;line-height:26px;color:#333;}
.proBiao th { background:#f6ab00; color:#fff; font-size:16px;line-height:26px; text-align:center;}
.proBiao > tbody > tr:hover {background-color:#fff0cf;}
.proBiao tr{background-color: #fafafa;}
.proBiao tr:nth-child(2n-1){background-color: #eeeeee;}
@media screen and (max-width:1240px){
.proBiao td, .proBiao th {padding: 10px 20px;}
}
@media screen and (max-width:1024px){
.proBiao td, .proBiao th {padding: 10px 10px;}
}
@media screen and (max-width:992px){
.proBiao{width:100%;}
.pro3Text > table > tbody > tr > td{ display:block!important; width:100%;}
.proBiao{width:100%;}
}
@media screen and (max-width:500px){
.pro3Text > table > tbody > tr > td{ display:block!important;}
.proBiao{width:100%;}
.proBiao tr > td{ display:block!important; }
}
.pro3Text > table > tbody > tr > td h1{font-weight:500;color:#333333;font-size:20px;margin-bottom:12px;}




.pro3Text a:hover{ color:#f6ab00!important}

.page-formTable a{ display:none;}



/*PageNav2*/
.PageNav2 {margin:0 auto;padding: 0;text-align: center;display:block;margin-bottom:30px;display:none;}
.PageNav2 .layout{ position:relative;}
.PageNav2 ul{padding:0;margin:0 auto; font-size:0;}
.PageNav2 li {list-style:none;display:inline-block;*display:inline; zoom:1;text-align: center;}
.PageNav2 li a {display:inline-block;line-height:30px;font-size:12px;color:#999;padding:0 20px;margin:0 4px;position:relative;margin-bottom:5px;border-radius:5px; text-align:center;border:1px solid #a3a2a7;}
.PageNav2 li a:hover,.PageNav2 li.cur a{color:#E8A535; background:#3e3a39;border-color:#3e3a39;opacity:1;}


/*proBiaoBox*/
@media screen and (max-width:768px){
.proBiaoBox{ overflow:hidden;}
.proBiaoBox .proBiao{ display:block;overflow-y:scroll;}
}
@media screen and (max-width:992px){
.proBiaoBox{ overflow:hidden;}
.proBiaoBox .proBiao{overflow-y:scroll;width: 100%!important;}
.proBiaoBox .proBiao > tbody > tr > td{ display:table-cell!important; width:auto!important;}
}
@media screen and (max-width:500px){
.proBiaoBox{ overflow:hidden;}
.proBiaoBox .proBiao{overflow-y:scroll;width: 100%!important;}
.proBiaoBox .proBiao > tbody > tr > td{ display:table-cell!important; width:auto!important;}
}