@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;font-size:14px;text-decoration:none;color:#333;list-style-type:none;font-weight:normal;}
img{border:none;margin:0;padding:0;display:block}
div{display:block;border:0;}
.clear{clear:both;}
a,p{transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;}
.top{width:100%;}
.content{width:1220px;margin:0 auto;position:relative;overflow: hidden}
.left{float:left}
.right{float:right}
.wihte{background: #fff;}
.Nav{height:70px;position: fixed;top:0;z-index: 999;}
.bg{height:60px;box-shadow: 0 2px 6px rgba(0, 0, 0, .1)}
.container{padding:80px 0;position: relative;top:70px}
.tran{transition:all 0.3s ease;
-moz-transition: all 0.3s ease; /* Firefox 4 */
-webkit-transition: all 0.3s ease; /* Safari 和 Chrome */
-o-transition: all 0.3s ease; /* Opera */}
::-webkit-scrollbar  
{  
    width: 6px;  
	height: 16px;
	background-color: rgba(0, 0, 0, 0.34);
}  
::-webkit-scrollbar-track  
{  
    background-color: #fff;    
}  
::-webkit-scrollbar-thumb  
{  
    background-color: #1c1c1c;  
} 
/*head*/
.top .content .logo a{display:block;height:70px;width:319px;}
.bg .content .logo a{display:block;height:60px;width:273px;}
.content .logo a img{height:100%;}
.top .content .navWrapper {
    height:70px;
	line-height:70px;
	color:#333;
}
.bg .content .navWrapper {
    height:60px;
	line-height:60px;
	color:#333;
}
.nav {
	position:relative;
}
.nav .on a{color:#fcaf01}
.nav .on a i{color:#fcaf01}
.nav .m {
	float:left;
	position:relative;
	z-index:1;
	margin:0 5px;
}
.nav a {
	display:block;
	text-align:right;
	color:#333;
	padding: 0 20px;
}
.nav a i{margin-left:9px}
.nav a:hover{color:#fcaf01}
.nav .sub {
	border-top:1px solid #d8d8d8;
	display:none;
	position:fixed;
	top:70px;
	z-index:1;
	background:#fff;box-shadow:0px 5px 20px rgba(0,0,0,.1)
}
.bg .nav .sub{top:60px;}
.nav .sub li a {
	display:block;
	padding:10px 20px;
	height:30px;
	line-height:30px;
	color:#333;
	text-align:left;
	width:140px;
}
.nav .sub li a:hover {
	color:#fff;
	text-indent:10px;
	background:#fcaf01
}

/*top*/
.slideBox .hd{ height:10px; position:absolute; width:100%; bottom:30px; z-index:1; }
.slideBox .hd ul{ zoom:1;text-align:center;display:table;margin:0 auto}
.slideBox .hd ul li{ margin: 0 5px; float:left; width:8px;height:8px;text-align:center;cursor:pointer;position: relative;background: rgba(0,0,0,.3);line-height: 14px;font-size:0;}
.slideBox .hd ul li.on{ background: #fff; width:10px; height:10px;top:-4px;border: 1px solid #fcaf01;margin-top:2px}
.slideBox{ position:relative; background:#fff; margin:0 auto; width:100%;overflow:hidden;top:70px; }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li img{width:100%; vertical-align:top;  } 
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-30px; display:block; width:46px; height:10px; background:url(../images/arrow.png) 0px 0px no-repeat;
filter:alpha(opacity=30);opacity:0.1;padding:20px 0;}
.slideBox .next{ left:auto; right:3%; background-position:0px -50px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/* banner */
.content .title{text-align:left;margin-bottom:50px;height: 50px;}
.content .title-bt{float: left;}
.content .title h3{font-size:22px;letter-spacing:2px;line-height: 30px;color:#333;}
.content .title span{color:rgba(0,0,0,.5);font-size:10px;}
.content .title-list{float:right;margin-top: 12px;}
.content .title-list a{display:block;position: relative;float: left;line-height: 24px;height: 24px;background: #fff;padding: 1px 20px;background: rgba(0,0,0,0);margin-left:5px}
.content .title-list a:hover,.content .title-list a.on{background:#fcaf01;color:#fff}
/* title */
.pro{z-index:5}
.pro .list{overflow:hidden}
.pro .list li{width:390px;float: left;height: 280px;position: relative;overflow: hidden;margin:0 25px 25px 0;}
.pro .list li:nth-child(3n){margin-right:0;}
.pro .list li:nth-last-child(1),.pro .list li:nth-last-child(2),.pro .list li:nth-last-child(3){margin-bottom:0;}
.pro .list li a{display: block;width:390px;}
.pro .list li .pic{width: 390px;overflow: hidden;height:220px;position:relative}
.pro .list li .pic .more{background:url(../images/more.png) no-repeat;width:50px;height:50px;position:absolute;left:50%;margin-left:-25px;top:50px;z-index:5;opacity:0}
.pro .list li .pic img{width: 100%;height: 100%;}
.pro .list li .bt{height:90px;width: 90%;line-height: 60px;background: #fff;position: absolute;left:0;bottom:-30px;padding:0 5%;text-align:center}
.pro .list li .bt .detailed{line-height:0px;font-size: 12px;display: none}
.pro .list li .bt i{float: right;font-size: 24px;line-height: 60px;color:#eee}
.pro .list li a:hover .more{opacity:1;top:110px;}
.pro .list li:hover .bt{bottom:0;background: #fcaf01;}
.pro .list li:hover .bt p{color:#fff;}
.pro .list li:hover .bt .detailed{color:rgba(255,255,255,.8)!important;display: block}
.pro .list li:hover .pic img{transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);}
.pro .list li:hover .bt i{line-height: 90px!important;color:#fff!important;}
/* pro */
.about:after{content:"";width:0px;height:0px;
  border-top: 600px solid transparent;
  border-right: 600px solid #fcaf01;
  border-bottom: 600px solid transparent;position: absolute;top:-320px;right:0px;}
@media screen and (min-width:1200px) and (max-width:1441px){.about:after{border-top: 500px solid transparent;
  border-right: 500px solid #fcaf01;
  border-bottom: 500px solid transparent;top:-220px;}.aboutimg{right:120px!important;}}
@media screen and (min-width:1441px) and (max-width:1601px){}
@media screen and (min-width:1601px) and (max-width:1920px){.about:after{border-top: 750px solid transparent;
  border-right: 750px solid #fcaf01;
  border-bottom: 750px solid transparent;top:-420px!important;}.aboutimg{right:320px!important;}
}
.about-content{width:54%;text-align:left;}
.about-content p{line-height:24px;color:#666}
.about-more{width:120px;margin-top:50px;}
.about-more a{display:block;width:120px;padding:10px 0;text-align:center;color:#fff;background:#fcaf01}
.about-more a i{color: #fff;margin-left: 9px}
.about-more a:hover{background:rgba(252,175,1,.8)}
.aboutimg{position:absolute;top:40px;right:150px;z-index: 1}
/* about */
.new .new-left{width:560px;float:left;margin:0 50px 50px 0;}
.new .new-left a{width:560px;display: block}
.new .new-left a:hover span{background: #fcaf01;color:#fff}
.new .new-left a:hover h3{color:#fcaf01}
.new .new-left a:hover img{transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);}
.new .new-left .pic{width:560px;height:250px;overflow: hidden}
.new .new-left .pic img{width:100%;height:100%;transition:all 0.36s ease-out;}
.new .new-left .wz h3{font-size: 18px;padding-top: 20px;color: #333}
.new .new-left .wz p{line-height: 24px;padding-top: 20px;height: 48px;overflow: hidden;color:#999}
.new .new-right li{border-top:1px solid rgba(0,0,0,.1);}
.new .new-right li a{display: block;width: 560px;padding: 20px 16px;position: relative}
.new .new-right li a h3{font-size:16px;}
.new .new-right li a p{line-height: 24px;height: 24px;color:#999;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;padding-top: 10px;}
.new .new-right li:hover{border-top:1px solid #fcaf01}
.new .new-right li a:hover{background: #fcaf01}
.new .new-right li a:hover h3{text-indent:10px;color:#fff}
.new .new-right li a:hover p{color:#fff}
.case .list li .wz h3{line-height:24px;font-size:16px}
.case .list li .wz p.detailed{font-size:14px;line-height:24px;height:48px;overflow:hidden;color:#999}
.line{width:100%;height:1px;background:#eee;margin:10px 0;position:relative}
.line:before{position: absolute;
	top: 0;
	left: 0;
	height: 1px;
	content: "";
	width: 0;
	background: #fcaf01;
	transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.case .list li a:hover .line:before{width:100%;}
.case .list li a:hover .case-img img{transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);}
/* new */
.video{width: 100%;height: 140px;background: url(../images/about-video.jpg) no-repeat center top;}
.video a{display: block;width: 100%;height:300px;margin: 0 auto;position:absolute;left:0;top:0;text-align:center}
.video .play{background:url(../images/video.png) no-repeat;width:50px;height:50px;position:absolute;left:50%;margin-left:-25px;top:75px;z-index:5;opacity:0}
.video .bgmask{width: 100%;height:300px;background:rgba(0,0,0,.2);margin: 0 auto;position:absolute;left:0;top:0;}
.video a:hover .bgmask{background:rgba(0,0,0,.5)}
.video a h3{font-size:28px;color:#fff;line-height:300px;position:relative;z-index:9;letter-spacing:2px;}
.video a:hover h3{margin-top:-40px;}
.video a:hover .play{top:145px;opacity:1}
/* video */
.case .title,.honor .title{text-align:center;}
.case .title-bt,.honor .title-bt{float:none}
.case .list .bd{width:1120px;margin:0 auto}
.case .list li{width:500px;padding:0 30px;}
.case .list li .case-img{width:500px;height:230px;overflow:hidden}
.case .list li .case-img img{width:100%;height:100%}
.case .list li .wz{padding:30px 15px;}
.case .picScroll-case .bd:hover .prev{left:0px;}
.case .picScroll-case .bd:hover .next{right:0px;}
.case .prev, .case .next{ position:absolute; left:0px; top:50%; margin-top:-20px; display:block; width:40px; height:40px;background: rgba(0,0,0,.2);color:#fff;}
.case .prev:hover,
.case .next:hover{background:#fcaf01 }
.case .prev i, .case .next i{color:#fff;font-size:20px;line-height: 40px;text-align: center;margin-left:9px}
.case .next{ left:auto; right:0px;}
.case .prev:hover,
.case .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.case:after{content:"";width:0px;height:0px;
  border-top: 600px solid transparent;
  border-left: 600px solid #fcaf01;
  border-bottom: 600px solid transparent;position: absolute;top:90px;left:0px;z-index: -5}
.honor{padding:0 0 80px 0}
.honor .picScroll-honor{position:relative; padding-bottom: 50px}
.honor .picScroll-honor .bd{}
.honor .picScroll-honor .bd ul{ overflow:hidden; zoom:1; }
.honor .picScroll-honor .bd ul li{ float:left; overflow:hidden; text-align:center; margin-right:20px;}
.honor .picScroll-honor .bd ul li a{ width:288px; height:156px;border: 1px solid #eee;display: block}
.honor .picScroll-honor .bd ul li a:hover{-webkit-transform: translate3d(0, -8px, 0);
	transform: translate3d(0, -8px, 0);}
.honor .picScroll-honor .bd ul li a img{ width:288px; height:156px; display:block; }
.honor .picScroll-honor .hd{ height:10px; position:absolute; width:100%; bottom:0; z-index:1; }
.honor .picScroll-honor .hd ul{ zoom:1;text-align:center;display:table;margin:0 auto}
.honor .picScroll-honor .hd ul li{ margin: 0 5px; float:left; width:8px;height:8px;text-align:center;cursor:pointer;position: relative;background: rgba(0,0,0,.3);line-height: 14px;font-size:0;}
.honor .picScroll-honor .hd ul li.on{ background: #fff; width:10px; height:10px;top:-4px;border: 1px solid #fcaf01;margin-top:2px}
/* honor */
.foot{background: #f5f5f5;height:131px;overflow: hidden}
.foot .content{overflow:visible}
.foot .foot-title h3{font-size: 22px;letter-spacing:2px;color:#333}
.foot .foot-title p{letter-spacing:2px;color:#666}
.foot .foot-phone{margin:0 100px;margin-top: -2px;}
.foot .foot-phone p{line-height:28px;color:#333}
.foot .message{position:relative;height:20px;}
.foot .foot-line{width:100%;height:1px;background: #ccc;margin: 30px 0;}
.foot .foot-copy p{font-size:12px;color:#999;}
.message i{margin-left:9px}
.wb,.wx,.qq{float:left;}
.wb a,.wx a,.qq a{display:block;font-size:18px;float:left;position:relative;line-height: 20px;margin-left: 10px;}
.wb a i,.wx a i,.qq a i{color:#999;}
.wx-pic{z-index:99999;visibility: hidden; opacity: 0; position: absolute; left: 45px; bottom: -80px; width: 120px; height: 120px; padding: 5px; box-shadow: 0 0 5px rgba(0,0,0,.15);
     background-size: 150px;
    -webkit-transform: scale(0,0);
       -moz-transform: scale(0,0);
        -ms-transform: scale(0,0);
         -o-transform: scale(0,0);
            transform: scale(0,0);
    -webkit-transform-origin: -20% 30%;
       -moz-transform-origin: -20% 30%;
        -ms-transform-origin: -20% 30%;
         -o-transform-origin: -20% 30%;
            transform-origin: -20% 30%;
    -webkit-transition: all .5s;
       -moz-transition: all .5s;
        -ms-transition: all .5s;
         -o-transition: all .5s;
            transition: all .5s; }
.wx-pic{background: url("../images/ewm.png") no-repeat 5px 5px #fff; }
.wx-pic:before{ content: ""; position: absolute; bottom: 80px; left: -12px; width: 12px; height: 20px; background: url("../images/arrom.png") no-repeat 0 0;}
.wx:hover .wx-pic{ visibility: visible; opacity: 1;
    -webkit-transform: scale(1,1);
       -moz-transform: scale(1,1);
        -ms-transform: scale(1,1);
         -o-transform: scale(1,1);
            transform: scale(1,1);
    -webkit-transform-origin: -20% 30%;
       -moz-transform-origin: -20% 30%;
        -ms-transform-origin: -20% 30%;
         -o-transform-origin: -20% 30%;
            transform-origin: -20% 30%;}
#top-back{position: fixed;right:40px;bottom:120px;z-index:999}
#top-back a{width:40px;height:40px;line-height: 40px;background: #fff;text-align: center;border:1px solid #999;display: block}
#top-back i{margin-left:0px;}
#top-back i:before{font-size: 18px;color:#999}
.content .ny-title{margin-bottom:30px;}
.ny-top{box-shadow:0 2px 6px rgba(0, 0, 0, .1)}
.ny.case:after{content:normal}
.ny.case .list li{float:left;}
.ny.new .list{width:1170px;margin:0 auto}
.ny.new .new-left:nth-child(2n){margin-right:0;}
.ny-banner.nyabout{background:url(../images/ny-banner-class.jpg);}
.ny-banner.nycontact{background:url(../images/ny-banner-class.jpg);}
.ny-banner{background-position: center;background-size: cover;background-repeat: no-repeat;height: 300px;width: 100%;top:0;left:0;margin-top:70px}
.topzero{top:0;}
.ny .view .photo{width:600px;position:relative;height:450px;}
.ny .view .photo img{width:100%;height:100%;display:block}
.ny .view .introduction{width:520px;height: 450px;padding:0 50px;position:relative}
.ny .view .introduction a{display:block;width:120px;padding:10px 0;text-align:center;color:#fff;background:#fcaf01;margin-top:30px;}
.ny .view .introduction a:hover{background:#fcaf01;opacity:.8}
.ny .view .introduction h3{font-size:24px;}
.ny .view .introduction p{color:#999;margin-top: 20px;padding-top:20px;border-top:1px solid #eee;line-height: 20px;}
.ny.view .picScroll-view .bd:hover .prev{left:0px;}
.ny.view .picScroll-view .bd:hover .next{right:0px;}
.picScroll-view .prev, .picScroll-view .next{ position:absolute; left:0px; top:50%; margin-top:-20px; display:block; width:40px; height:40px;background: rgba(0,0,0,.2);color:#fff;}
.picScroll-view .prev:hover,
.picScroll-view .next:hover{background:#fcaf01 }
.picScroll-view .prev i, .picScroll-view .next i{color:#fff;font-size:20px;line-height: 40px;text-align: center;margin-left:9px}
.picScroll-view .next{ left:auto; right:0px;}
.picScroll-view .prev:hover,
.picScroll-view .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.datalist{ border:1px solid #ccc; border-collapse:collapse; background:#fff; }
.datalist caption{ padding-bottom:5px; text-align:left;} 
.datalist th{ border:1px solid #ccc; background-color:#eee; font-weight:700;  padding:5px 15px; }
.datalist td{ border:1px solid #ccc; padding:5px 15px;}
.datalist tr.altrow{ background-color:#ccc;}
.ny .view .show{margin-top:30px;}
.ny .view .show p img{max-width:100%;padding:1% 0;}
.ny .view .label h3{font-size:20px;}
.ny .view .project-list li{width:19%;margin:0 1.25% 2.25% 0;float:left}
.ny .view .project-list li a:hover .wz p:nth-child(1){color:#fcaf01}
.ny .view .project-list li:nth-child(5n){margin-right:0%;}
.ny .view .label h3{margin:50px 0 30px 0;}
.ny .view .project-list img{width:100%;}
.ny .view .project-list .wz{margin-top:10px;text-align:center}
.ny .view .project-list .wz p{font-size:12px;color:#333;line-height:20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ny .view .project-list .wz .detailed{color:#999;line-height:16px;}
.bt-title h3{font-size:22px;letter-spacing:2px;line-height: 30px;color:#333;text-align:center;margin-bottom:30px;height:30px;}

.gj_pager { margin-top: 20px; text-align: center; }
.gj_pager * { display: inline-block; }
.gj_pager .page,.gj_pager .page-num { padding: 9px 15px; border: 1px solid #e4eaec; border-right: none; background: #ffffff; text-align: center; color: #76838f; }
.gj_pager .page:hover { color: #76838f; text-decoration: none; }
.gj_pager .page.NextA { border-right: 1px solid #e4eaec; }
.gj_pager .PreSpan{border-right:none!important}
.gj_pager .PreSpan,
.gj_pager .NextSpan { padding: 9px 15px; border: 1px solid #e4eaec; background: #ffffff; cursor: default; }
.gj_pager .firstPage,
.gj_pager .lastPage { min-width: 40px; height: 28px; line-height: 28px; }
.gj_pager .page-num-current {background: #333; border-color:#333;color: #ffffff; cursor: default; }
.gj_pager .page-num-current:hover { background: #333; border-color:#333;color: #ffffff; }
.gj_pager .page { text-decoration: none; }
.gj_pager .page:active,
.gj_pager .page:focus,
.gj_pager .page:hover { text-decoration: none; }
.gj_pager .PageText { display: none; margin-left: 10px; color: #aaa; }
.gj_pager input { display: none; }
.gj_pager .firstPage,
.gj_pager .lastPage { height: auto; line-height: inherit; }
.pager li { width: 49%; display: inline-block; }
.pager li a { max-width: 100%; }
.text-secondary{text-align:center}