/*****通用编码******/
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input{margin:0px;padding:0px;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
img{border:none;}
html,body{width:100%;height:100%;overflow:hidden}
body {color:#666; font:14px/1.5   Arial, "Microsoft Yahei";width:100%; background-color:#fff;height:100%;overflow:hidden}
ul,ol,li,form, dl {list-style: none;}
p{margin:0px; padding:0px;}
a{text-decoration:none;color:#434343;}
a:hover {text-decoration:none;}
div{ margin:0 auto;}
/*Fonts*/
@font-face {
  font-family: 'iconfont';  /* project id 767631 */
  src: url('//at.alicdn.com/t/font_767631_ilsvserl75c.eot');
  src: url('//at.alicdn.com/t/font_767631_ilsvserl75c.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_767631_ilsvserl75c.woff') format('woff'),
  url('//at.alicdn.com/t/font_767631_ilsvserl75c.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_767631_ilsvserl75c.svg#iconfont') format('svg');
}
.AcUi-icon{ font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;}
/*Public*/
.AcUi-overflow{overflow:hidden;}
.text-center .img-responsive{margin:auto;}
/*Header*/
#Header{height:92px;background:#fff;width:100%;position: fixed;right: 0;left: 0;z-index: 1030;}
#Header h1{width:286px;height:52px;margin-top:20px;background:url(../images/logo.png) no-repeat left center;}
#Header h1 a{display:block;text-indent:-999rem;width:100%;height:100%}
.Header-nav{margin-left:12%;padding:20px 0;}
.Header-nav li{float:left;padding:8px 15px;}
.Header-nav li a{font-size:14px;color:#777777;position:relative;display:block;line-height:36px;overflow:hidden}
/*.Header-nav li a:before,.Header-nav li a:after,.Header-nav li a span:before,.Header-nav li a span:after{position:absolute;left:0;top:0;background:#000;height:2px;width:100%;content:"";opacity:0;transition:transform 300ms}
.Header-nav li a:before,.Header-nav li a:after{transform:translateX(-100%);}
.Header-nav li a span:before,.Header-nav li a span:after{transform:translateY(-100%);}*/
.Header-nav li a:before{top:0;}
.Header-nav li a:after{top:auto;bottom:0}
.Header-nav li a span{display:block;padding:0 20px;position:relative;}
.Header-nav li a span:before,.Header-nav li a span:after{height:100%;width:2px;}
.Header-nav li a span:after{right:0;left:auto;}
.Header-nav li:hover a,.Header-nav li.active a{color:#000}
.Header-nav li:hover a:before,.Header-nav li:hover a:after,.Header-nav li.active a:before,.Header-nav li.active a:after{transform:translateX(0);opacity:1}
.Header-nav li:hover a span:before,.Header-nav li:hover a span:after,.Header-nav li.active a span:before,.Header-nav li.active a span:after{transform:translateY(0);opacity:1}
.Header-tel{padding-top:10px;}
.Header-tel i{display:block;font-size:50px;color:#999;line-height:60px;height:60px;margin-right:10px;}
.Header-tel span{font-size:14px;color:#777777;padding-top:10px;line-height:1.4}
.Header-tel span b{display:block;font-size:24px;color:#000;font-family:'Agency FB'}
#Header .Header-button{margin-right:0%;margin-top:10px;position:relative; height:50px;width:30px;cursor:pointer;}
#Header .Header-button:after,#Header .Header-button:before{position:absolute;left:0;width:100%;height:2px;background:#3b3a3f;content:"";transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
#Header .Header-button:after{bottom:10px;}
#Header .Header-button:before{top:10px;}
#Header .Header-button span{display:block;height:2px;width:100%;background:#3b3a3f;position:absolute;top:50%;left:0;border-radius:2px;margin-top:-1px;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
#Header .Header-button.active:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform-origin:0 100%;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;left:5px;bottom:13px;}
#Header .Header-button.active:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform-origin:0 100%;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;top:13px;left:5px;}
#Header .Header-button.active span{opacity:0}
/*Nav*/
#Nav{top:72px;z-index:98;background:rgba(0,0,0,0.8);transition:all 0.3s linear 0.1s;-webkit-transition:all 0.3s linear 0.1s;-moz-transition:all 0.3s linear 0.1s;-o-transition:all 0.3s linear 0.3s;transform:translateY(-100px);-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px);-ms-transform:translateY(-100px);-o-transform:translateY(-100px);visibility:hidden;opacity:0;}
#Nav a{display:block;line-height:40px;text-align:center;color:#fff;border-top:solid 1px #000;border-bottom:solid 1px #313131;}
#Nav a.active,#Nav a:hover{background:rgba(255,0,0,0.6);}
#Nav.active{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);visibility:visible;opacity:1;}
@media(max-width:1080px){
    #Header{height:72px;}
    #Header h1{margin-top:10px;}
    .Header-nav{margin-left:3%;padding:10px 0}
    .Header-nav li{padding:8px }
    .Header-tel{padding-top:5px;}
    
}

@media(max-width:760px){
    #Header{height:62px;}
    #Header h1{margin-top:5px;width:70%;margin-left:1.5%;}
    #Header .Header-button{margin-right:1.5%;margin-top:5px;}
    #Nav{top:62px;}
}
/*Banner*/
#Banner img{max-height:100%;}
#Banner .banner-pagination{bottom:6%;}
#Banner .banner-pagination span{background:#fff}
@media(max-width:1080px){
    #Banner .banner-pagination{bottom:6%}
}
@media(max-width:768px){
    #Banner img{max-height:inherit}
    #Banner .banner-pagination{bottom:6%}
}
/*Footer*/
#Footer{background:#fff;border-top:solid 4px #000;padding:25px 0;color:#777777}
@media(max-width:1080px){
    #Footer{padding:15px 0}
}
@media(max-width:760px){
    #Footer{padding:10px 0;font-size:12px;}
}
/*Main*/
#Main{height:calc(100% - 167px);width:100%;position:fixed;left:0;top:0;margin-top:92px;}
.Location{background:#fff;}
.Location .container{border-top:solid 1px #dddede;padding:30px 15px;color:#878787;font-size:14px;}
.Location a{color:#878787}
.Location a:hover{color:#ff0000}
@media(max-width:1080px){
    #Main{margin-top:72px;height:calc(100% - 127px)}
    .Location .container{padding:10px 15px;}
}
@media(max-width:760px){
    #Main{margin-top:62px;height:calc(100% - 122px);}
}
/*Page About*/
.Page-about-left{padding:0}
.Page-about-center{padding:10px 40px;}
.Page-txt{font-size:14px;color:#878787;line-height:24px;}
.Page-content{height:calc(100% - 82px)}
.Page-content .container,.Page-content .row{height:100%;}
.Page-title{font-size:24px;color:#434343;line-height:24px;margin-bottom:20px;}
.Page-about-center{float:right !important;background:#fff;height:100%;margin-right:12%;padding-right:100px;}
.Page-container{height:100%;padding-right:20px;}
@media(max-width:1080px){
    .Page-content{height:calc(100% - 42px)}
    .Page-about-center{margin-right:2%;padding-right:10px}
}
@media(max-width:992px){
    .Page-about-center{padding:15px }
    .Page-about-center{float:none !important;margin:auto;background:rgba(255,255,255,0.8)}
    .Page-txt{color:#333;}
}
/*Page Work*/
.Page-work-Main{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;flex-direction: column;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;}
/*.Page-work-Main:before{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.3);content:"";z-index:1}*/
.Page-work{position:relative;z-index:2;width:100%;background:rgba(0,0,0,0.05);padding:40px 0;}
.Page-work .row{position:relative;}
.swiper-work{
	height: 440px;
}
.Page-work li{position:relative;cursor:pointer;overflow: hidden}
.Page-work li img{display: block;width: 100%;height: 100%;object-fit: cover}
.Page-work li span{position:absolute;left:50%;top:50%;width:0;height:0;background:rgba(0,0,0,0.66);color:#fff;font-size:18px;transition:all 0.3s linear 0.1s;-webkit-transition:all 0.3s linear 0.1s;-moz-transition:all 0.3s linear 0.1s;transform:translateX(-50.1%) translateY(-49.9%);-webkit-transform:translateX(-50.1%) translateY(-49.9%);-moz-transform:translateX(-50.1%) translateY(-49.9%);-o-transform:translateX(-50.1%) translateY(-49.9%);visibility:hidden;opacity:0;}
.Page-work li:hover span{width:100%;height:100%;opacity:1;visibility:visible;}
.Page-work .container,.Page-work .row{height:100%;}
.next-work,.prev-work{background:none;width:46px;height:46px;background:#5b5a58;border-radius:50%;line-height:46px;text-align:center;color:rgba(255,255,255,0.45);font-size:24px;}
.next-work:hover,.prev-work:hover{background:#000;color:#fff;}
.next-work{right:-100px;}
.prev-work{left:-100px;}
@media(max-width:1080px){
    .prev-work{left:-20px}
    .next-work{right:-20px;}
}
@media(max-width:760px){
    .Page-work .container{padding:0 25px}
    .next-work,.prev-work{width:30px;height:30px;    line-height: 30px;font-size:16px;}
}
/*Page Work Details*/
.Page-work-content{padding-bottom:30px;height:100%;}
.Page-work-content .Page-container{padding:0}
.Page-work-titlePic{position:relative;margin-bottom:80px;}
.Page-work-titlePic .pro_list{
	position: relative;
	height: 508px!important;
	z-index: 1
}
.Page-work-titlePic .pro_list li{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden
}
.Page-work-titlePic .pro_list li img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain
}
.swiper-work-content{margin:auto;width:75%;}
.next-work-details,.prev-work-details{width:50px;height:50px;background:rgba(221,222,222,0.23);line-height:26px;text-align:center;border-radius:50%;font-size:12px;color:#d4d4d4;margin-top:-25px;line-height:50px}
.next-work-details:hover,.prev-work-details:hover{background:#333;color:#fff;}
.work-pagination{text-align:center;width:100%;bottom:-40px;}
.work-pagination span{background:#dddede;margin:auto 5px;opacity:1;width:24px;height:24px;line-height:24px;font-size:12px;}
.work-pagination span.swiper-pagination-bullet-active{background:#000;color:#fff}
.Page-work-txt>label,.Page-work-txt>div{padding:0}
.Page-work-txt>label{text-align:right;font-weight:normal;font-size:14px;color:#878787;line-height:24px;}
.Page-work-txt>div{padding-right:20px;}
@media(max-width:992px) and (min-width:768px){
    .Page-work-titlePic{margin-top:30px;}
    .swiper-work-content{width:85%}
    .Page-work-txt>label{width:10%;color:#333;}
    .Page-work-txt>div{width:90%;}
}
@media(max-width:760px){.conrainer{padding:0 8px;}
    .Page-work-titlePic{margin-top:20px;padding:0;margin-bottom:30px;}
    .swiper-work-content{width:100%}
    .next-work-details,.prev-work-details{display:none;}
    .work-pagination{bottom:-25px;}
    .work-pagination span{margin:auto 5px;}
    .Page-work-txt{width:100%;padding:0 10px;}
    .Page-work-txt>label{text-align:left;font-size:16px;}
    .Page-work-txt>div{padding-right:0}
.row{margin:0;}
}
/*Page Contact*/
.Page-contact-button{margin-top:15px;}
.Page-contact-button a{display:inline-block;position:relative;margin-right:15px;}
.Page-contact-button a i{display:block;width:36px;height:36px;border-radius:36px;background:#a3a3a3;line-height:36px;text-align:center;color:#fff;font-size:24px;}
.Page-contact-button a i:hover{background:#000}
.Page-contact-wx{margin-top:30px;}
.Page-wx{display:inline-block;margin-right:20px;}
.Page-wx span{display:block;border:solid 1px #dddede}
.Page-wx p{color:#787878;line-height:2;}


.holder{    display: block;
 text-align: center;
    margin: 20px 0;
}
.holder a.jp-previous {
    margin-right: 0px;
}
.holder a.jp-disabled, a.jp-disabled:hover {
    color: #bbb;
}
.holder a {
    font-size: 12px;
    cursor: pointer;
    margin:0 5px;
    color: #333;
    padding: 4px 6px;
    border: 1px solid #ddd;
    text-align: center;
}
.holder a.jp-current, a.jp-current:hover {
    color: #fff;
    font-weight: bold;
    background: #FF4242;
    border-color: #FF4242;
}
.Page-work-titlePic .prev{
	display: inline-block;
    position: absolute;
    top: 50%;
	left:0;
    font-size: 20px;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #000;
    text-align: center;
    margin-top: -30px;
    cursor: pointer;
	z-index: 2
}
.Page-work-titlePic .next{
	display: inline-block;
    position: absolute;
    top: 50%;
	right:0;
    font-size: 20px;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #000;
    text-align: center;
    margin-top: -30px;
	cursor: pointer;
	z-index: 2
}