@charset "utf-8";
/*总容器样式*/  
.page_wrap {width:100%;padding:0 0 50px 0; text-align:center;}
.pager {padding:0 0 0px 0; width:100%;text-align:center; font-size:16px; }   
.pager a { margin: 2px;text-align:center; display:inline-block; text-decoration: none;border:1px solid #d3d3d3}   
.pager span.current { margin: 0 2px; display:inline-block; text-align:center;}   
.pager span.disabled { margin: 0 2px; display:inline-block;text-align:center;border:1px solid #d3d3d3}   
.pager select {margin: 0px 2px -2px 2px; font-size:16px;}
.pager input {margin: 0px 2px -2px 2px;   padding:2px; text-align:center;font-size:16px;} 
.pager a,.pager span.disabled {background:#eeeeee; font-size:16px;}  
.pager a:hover,.pager span.current { background:#67cfb5;border:1px solid #e60011}   
.pager a,.pager span.disabled {color:#888;border:1px solid #d3d3d3;}
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #67cfb5;}  
.pager a,.pager span.current,.pager span.disabled{width:30px; height:30px; line-height:30px;}

ul.worksshow li { background:#eaeaea; text-align:center}
.wshowlist { position:relative; height:525px;}

.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init*/
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;padding-top:10%}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* fix*/
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.owl-theme .owl-controls{margin-top: 10px;text-align: center;}

/* Styling Next and Prev buttons*/
.owl-theme .owl-controls .owl-buttons { position:absolute;top:0; z-index:1;width:100%;}
.owl-theme .owl-controls .owl-buttons div{padding:5% 0;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/width:33.3333%; background:url(../images/plus.png) no-repeat center; vertical-align:top}
.owl-theme .owl-controls .owl-buttons div:Hover{ background:#cdcdcd url(../images/plus.png) no-repeat center}
.owl-theme .owl-controls .owl-buttons div.owl-mid { background:none;color:#333;font-size:24px;padding:4% 0; }

/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
/* If PaginationNumbers is true*/
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}

#owl-demo .item { position:relative;}
#owl-demo .item p { position:absolute; z-index:9999;top:6%;left:6%;color:#fff;}

#owl-demo .item div { position:absolute; z-index:9997; background:rgba(0,0,0,0.7);width:100%; height:100%; opacity:0;filter: Alpha(Opacity=0);-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s}
#owl-demo .item div:Hover {opacity:1;filter: Alpha(Opacity=100)}

#owl-demo .item div a { position:absolute; z-index:9998;display:block;width:100%; height:100%;}
#owl-demo .item div span { position:absolute; z-index:9998;display:block;width:176px; height:46px;border:2px solid #fff; text-align:center; line-height:46px;top:50%;left:50%;margin-top:-25px;margin-left:-90px;color:#fff;}
#owl-demo .item div span:hover { background:#fff;color:#000}
#owl-demo .item img{display: block;	width: 100%;height: auto;}

.fixed *{-webkit-transition-property: all; -o-transition-property: all;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.fixed{position:fixed; z-index:9999;bottom:50px;right:50px;width:50px;}
.fixed .fixedTop {width:50px; height:50px;cursor:pointer;background-color:rgba(0,0,0,0); background-image:url(../images/Assistor_05.png);margin-top:1px;border-radius:5px;}
.fixed .fixedTop:Hover {background-color:rgba(0,0,0,1); }
.fixed .fixedTop a { display:block;width:100%; height:100%}
.fixed a.qq {background-color:rgba(0,0,0,0);background-image:url(../images/Assistor_01.png);width:50px; height:50px; display:block;border-radius:5px;}
.fixed a.qq:hover {background-color:rgba(0,0,0,1);}


.panes dd div{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}

.indnews {margin:60px 0 0 0}
.tabPanel {}
.tabPanel ul{ text-align:center;margin:0 0 50px 0}
.tabPanel ul li{ display:inline-block; text-align:center;padding:0 15px;font-size:16px;color:#999; cursor:pointer;margin-top:5px}
.tabPanel ul li.hit {color:#67cfb5}
.panes {}
.panes .pane { display:none;}
.panes dd { position:relative;float:left;width:25%;margin:0;padding:0; overflow:hidden}
.panes dd p { position:absolute; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;width:100%; height:100%;}
.panes dd div { position:absolute; z-index:2;left:0;width:0; width:100%; height:100%;color:#fff; background:rgba(0,0,0,0.8);opacity:0;margin-top:-100%}
.panes dd div h1 { position:absolute; z-index:3;left:7%;top:7%;width:86%;color:#fff;font-size:25px; line-height:37px; height:74px; overflow:hidden}
.panes dd div h2 { position:absolute; z-index:3;width:86%;left:7%;bottom:7%;color:#fff;font-size:13px; line-height:25px; height:50px; overflow:hidden}
.panes dd:hover div {opacity:1;margin-top:0}

.foot2 {margin:20px 0 -30px 0;font-size:13px;color:#666; line-height:1px}
.foot2 a {font-size:13px;color:#666}
.foot2 a:hover {color:#67cfb5}

.indnews .subject { text-align:center;font-size:22px;color:#484848;margin:0 0 40px 0}

@media screen and (max-width:1440px){
.wshowlist {height:385px;}
}
@media screen and (max-width:1366px){
.owl-carousel{;padding-top:12%}
.owl-theme .owl-controls .owl-buttons div{padding:6% 0;}
.owl-theme .owl-controls .owl-buttons div.owl-mid {padding:4.8% 0; }
.wshowlist {height:385px;}
}
@media screen and (max-width:1280px){
.owl-theme .owl-controls .owl-buttons div.owl-mid {padding:4.8% 0; }
.wshowlist {height:360px;}

.indnews {margin:40px 0 0 0}
.indnews .subject {margin-bottom:20px}
.tabPanel ul {padding:0 5%}
.tabPanel ul li{ padding:0 10px;}
.tabPanel ul{margin:0 0 20px 0}
.panes dd div h1 {font-size:18px; line-height:25px; height:50px;}
.panes dd div h2 { font-size:12px; line-height:20px; height:40px;}
.panes dd {width:50%}

}
@media screen and (max-width:1024px){
.fixed {opacity:0}
.wshowlist {height:265px;}
.owl-theme .owl-controls .owl-buttons div.owl-mid { padding:3.8% 0; }

.worksdetail .lmr { height:100px; line-height:100px;font-size:20px;}
.nbs-flexisel-nav-left,.nbs-flexisel-nav-right { height:100px;}
.g1 h3{font-size:14px;left:10px;top:10px;}
.caption p{ border:1px solid #fff;width:80px; height:30px; line-height:30px;margin-left:-42px;top:43%;font-size:14px;}

}
@media screen and (max-width:768px){
.wshowlist {height:315px;}
.owl-carousel{;padding-top:14%}
.owl-theme .owl-controls .owl-buttons div{padding:7% 0;}
.owl-theme .owl-controls .owl-buttons div.owl-mid {padding:4% 0; }
}
@media screen and (max-width:640px){
.wshowlist {height:245px;}
.owl-theme .owl-controls .owl-buttons div.owl-mid { padding:4.5% 0; font-size:18px}

#footer .copyright .links {float:none;width:100%; text-align:center}
#footer .copyright .share {float:none;width:100%; text-align:center;margin:10px 0 60px 0; position:relative}
#footer .copyright .share .bdsharebuttonbox {float:none; text-align:center; position:absolute; z-index:1;width:320px;left:50%;margin-left:-160px}
#footer .copyright .share .bdsharebuttonbox a {opacity:1}
#footer .copyright .copy {padding:2% 0 3% 0;float:none; text-align:center}
.panes dd {width:100%}
.foot2 {margin:0px 0 0px 0}

}
@media screen and (max-width:520px){
.wshowlist {height:200px;}
.owl-carousel{;padding-top:18%}
.owl-theme .owl-controls .owl-buttons div{padding:9% 0;}
.owl-theme .owl-controls .owl-buttons div.owl-mid {padding:6% 0; }


.g1 h3{font-size:16px;left:15px;top:15px;}
.caption p{ border:2px solid #fff;width:100px; height:30px; line-height:30px;margin-left:-52px;top:43%;font-size:16px;}
}
@media screen and (max-width:478px){
.wshowlist {height:350px;}
}
@media screen and (max-width:420px){
.wshowlist {height:300px;}
.owl-carousel{;padding-top:20%}
.owl-theme .owl-controls .owl-buttons div{padding:10% 0;}
.owl-theme .owl-controls .owl-buttons div.owl-mid {padding:6% 0; }
}
@media screen and (max-width:320px){
.wshowlist {height:230px;}
.owl-carousel{;padding-top:24%}
.owl-theme .owl-controls .owl-buttons div{padding:12% 0;}
.owl-theme .owl-controls .owl-buttons div.owl-mid {padding:8% 0;font-size:16px;}
}