@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;font-family:"微软雅黑";font-size:14px;text-decoration:none;color:#666;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;}
a:hover{color:#000;}
.top{width:100%;}
.content{width:1220px;margin:0 auto;position:relative;}
.left{float:left}
.right{float:right}
.wihte{background: #fff;}
.Nav{height:80px;position: fixed;top:0;z-index: 999;}
.bg{height:70px;box-shadow: 0 2px 6px rgba(0, 0, 0, .1);background: #fff;}
.container{padding:80px 0;overflow: hidden;position:relative;background:#fff;}
.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: 2px;  
    height: 2px;  
    background-color: rgba(0,0,0,0);  
}  
::-webkit-scrollbar-track  
{  
    background-color: rgba(0,0,0,0);    
}  
::-webkit-scrollbar-thumb  
{  
    background-color: #fff;  
} 
/*head*/
.top .content .logo a{display:block;height:80px;width:364px;}
.bg .content .logo a{display:block;height:70px;width:319px;}
.content .logo a img{width:100%;}
.top .content .navWrapper {
    height:80px;
	line-height:80px;
	color:#333;
}
.bg .content .navWrapper {
    height:70px;
	line-height:70px;
	color:#333;
}
.nav {
	position:relative;
}
.Nav .nav .on a{color:#333}
.Nav .nav .on a i{color:#fff}
.nav .m {
	float:left;
	position:relative;
	z-index:1;
	margin:0 5px;
}
.nav a {
	display:block;
	text-align:right;
	/* color:rgba(0,0,0,.3); */
	padding: 0 20px;
}
.nav a:hover{font-weight:bold;}
.nav a i{color:#c2c2c2;}
.nav .sub {
	border-top:1px solid #d8d8d8;
	display:none;
	position:absolute;
	top:80px;
	z-index:1;
	background:#fff;
	box-shadow: 0px 5px 20px rgba(0,0,0,.1)
}
.bg .nav .sub{top:70px;}
/* .bg .nav a i,.bg .nav a{color:rgba(0,0,0,.3);} */
.bg .nav .on a{color:#333}
.bg .nav .on a i{color:#333}
.bg .nav .on a:hover,.bg .nav .on a:hover i{color:#333}
.Nav .nav .sub li a {
	display:block;
	padding:4px 20px;
	height:30px;
	line-height:30px;
	/* color:rgba(0,0,0,.3); */
	text-align:left;
	width:140px;
}
.nav .sub li a:hover {
	color:#333;text-indent:5px;
}

/*top*/
.slideBox .hd{ height:10px; position:absolute; width:100%; bottom:6%; z-index:1; }
.slideBox .hd ul{ zoom:1;text-align:center;display:table;margin:0 auto}
.slideBox .hd ul li{ margin: 0 6px; float:left; width:4px;height:4px;border-radius:100%; text-align:center;cursor:pointer;position: relative;background: #666;line-height: 14px;}
.slideBox .hd ul li.on{ color:#fff;border:2px solid #666;width:10px; height:10px;background:rgba(0,0,0,0);top:-4px;}
.slideBox .hd ul li.on:before{content:"";position: absolute;width:4px;height:4px;background: #666;border-radius: 100%;top:3px;right:3px;}
.slideBox{ position:fixed; background:#fff; margin:0 auto; width:100%;overflow:hidden;top:0; }
.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.3;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:30px;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:#666;font-size:12px;}
.content .title-list{float:right;margin-top: 5px;}
.content .title-list a{display:block;position: relative;float: left;margin-left:40px;line-height: 30px;height: 30px;padding:5px}
.content .title-list a:before,.talk .about-a a:before{content:"";width: 100%;height:1px;position: absolute;bottom:-1px;left:0;background:#333;
-webkit-transition: all .6s cubic-bezier(.19,1,.22,1);transition: all .6s cubic-bezier(.19,1,.22,1);z-index: 99;transform:scaleX(0);-webkit-transform:scaleX(0)}
.content .title-list a:hover:before,.talk .about-a a:hover:before{transform:scaleX(1);-webkit-transform:scaleX(1)}
/* title */
.brand{background:#fff}
.brand .title{text-align:center}
.brand .list li{width:305px;float:left}
.brand .list li a{display:block;width:305px;text-align:center}
.brand .list li a img{width:305px;}
.brand .list li a span{font-size:16px;margin-top:15px;position:relative;}
.brand .list li a p{line-height:20px;padding-top:15px;margin-top:15px;}
.brand .list li a span:after{content:"";width:100%;height:1px;background:#c2c2c2;position:absolute;bottom:-15px;left:0;z-index:999;
-webkit-transition: all .6s cubic-bezier(.19,1,.22,1);transition: all .6s cubic-bezier(.19,1,.22,1);z-index: 99;transform:scaleX(.2);-webkit-transform:scaleX(.2)}
.brand .list li a:hover span:after{transform:scaleX(1);-webkit-transform:scaleX(1);background:#333}
.brand .list li a:hover span{color:#000}
/* brand */
.foot,.class,.case{background: #f5f5f5}
.class .list li{width:390px;margin-right:25px; float: left;position: relative;border-bottom: 1px solid #e8e8e8;}
.class .list li:nth-child(7){margin:40px 25px 0 0;}
.class .list li:nth-child(5){margin:40px 25px 40px 0;}
.class .list li:nth-child(6),.class .list li:nth-child(9){margin:-40px 0 0 0;}
.class .list li:nth-child(2),.class .list li:nth-child(4),.class .list li:nth-child(9){height:460px!important;}
.class .list li:nth-child(2) .pic,.class .list li:nth-child(4) .pic,.class .list li:nth-child(9) .pic{height:360px!important;}
.class .list li:nth-child(3),.class .list li:nth-child(8),.class .list li:nth-child(5){height:380px!important;}
.class .list li:nth-child(3) .pic,.class .list li:nth-child(8) .pic,.class .list li:nth-child(5) .pic{height:280px!important;}
.class .list li:nth-child(1),.class .list li:nth-child(6),.class .list li:nth-child(7){height:420px!important;}
.class .list li:nth-child(1) .pic,.class .list li:nth-child(6) .pic,.class .list li:nth-child(7) .pic{height:320px!important;}
.class .list li:nth-child(3n){margin-right:0;}
.class .list li a{display: block;width:390px;}
.class .list li .pic{width: 390px;overflow: hidden;}
.class .list li .pic img{width: 100%;height: 100%;}
.class .list li .bt{height:100px;width: 100%;line-height: 60px;}
.class .list li .bt .detailed{line-height:0px;font-size: 12px;color:#c2c2c2;}
.class .list li .bt .wz{text-align: center;padding-top: 5px;position: relative}
.class .list li .bt:after{content:"";width: 100%;height:1px;position: absolute;bottom:-1px;left:0;background:#333;-webkit-transition: all .6s cubic-bezier(.19,1,.22,1);transition: all .6s cubic-bezier(.19,1,.22,1);z-index: 99;transform:scaleX(0);-webkit-transform:scaleX(0)}
.class .list li a:hover .bt:after{transform:scaleX(1);-webkit-transform:scaleX(1)}
.class .list li .bt i{float: right;font-size: 24px;line-height: 60px;color:#eee}
.class .list li:hover .bt{bottom:0;}
.class .list li:hover .bt p{color:#333;}
.class .list li:hover .bt .detailed{color:#333!important;display: block}
.class .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);}
.class .list li:hover .bt i{line-height: 90px!important;color:#fff!important;}
/* pro */
.about{min-height: 100%;padding:0}
.about .aboutimg{width: calc(50% - 60px);height:580px;float: left;border: 30px solid #fff;border-top: 50px solid #fff;border-bottom: 50px solid #fff;background-size:contain}
.talk{text-align: center;}
.talk .title{text-align: center;margin-bottom:50px;}
.talk .title{font-size:24px;color:#333;width: 50%;float: right;padding-top:130px;}
.talk .title h3{font-size:24px;color:#333}
.talk .title span{display:block;color:#c2c2c2}
.talk .about-a{position:relative;top:240px;}
.talk .about-a>a{position: relative;padding:5px}
.talk .about-p p{float: left;position: absolute;top: 50px;left: 50%;width:40%;padding: 200px 5% 20px 4%;line-height:30px;height:150px;overflow:hidden}
/* about */
.honor{border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1)}
.new .bd{overflow:hidden}
.new .bd li{width:470px;float:left;padding:50px 70px 90px 70px;position:relative}
.new .list .wz h3{font-size:18px;color:#333}
.new .list .wz p{margin:30px 0 50px 0;line-height:24px;position:relative;}
.new .list .wz span{font-size:24px;font-family:"-webkit-pictograph";position:relative;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;left:0;}
.new .list .wz p:before{content:"";height:1px;width:10%;background:#c2c2c2;position:absolute;bottom:-25px;left:-0;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.new .bd li a:hover p:before{width: calc(100% + 70px); left: -70px; background:#333;}
.new .bd li a:hover span{left:10px;}
.new .hd{ height:14px; position:absolute; width:100%; z-index:1;}
.new .hd ul{ zoom:1;text-align:center;display:table;margin:0 auto}
.new .hd ul li{ margin: 0 6px; float:left; width:4px;height:4px;border-radius:100%; text-align:center;cursor:pointer;position: relative;background: #666;line-height: 14px;font-size:0;}
.new .hd ul li.on{ color:#fff;border:2px solid #666;width:10px; height:10px;background:rgba(0,0,0,0);top:-4px;}
.new .hd ul li.on:before{content:"";position: absolute;width:4px;height:4px;background: #666;border-radius: 100%;top:3px;right:3px;}
/* new */
.honor .picScroll-honor{ overflow:hidden; position:relative; }
.honor .picScroll-honor .bd{position: relative;}
.honor .list li{width:390px;margin-right:25px; float: left;position: relative;}
.honor .list li .pic{width: 390px;overflow: hidden;height:272px;}
.honor .list li .pic img{width: 100%;height: 100%;}
.honor .list li .bt p{color:#fff;}
.honor .list li{position:relative}
.honor .list li .bt{position:absolute;bottom:-40px;text-align: center;width: 100%;}
.honor .list li:hover .bt{bottom:115px;}
.honor .list li:hover .mask{opacity:1;}
.mask{width:100%;height:100%;position: absolute;top:0;left:0;opacity: 0;background: rgba(0,0,0,.5);}
.honor .picScroll-honor .bd:hover .prev{left:0px;}
.honor .picScroll-honor .bd:hover .next{right:0px;}
.honor .prev, .honor .next{ position:absolute; left:-40px; top:50%; margin-top:-25px; display:block; width:40px; height:40px;background: rgba(0,0,0,.2);color:#fff;}
.honor .prev:hover,
.honor .next:hover{background:#333 }
.honor .prev i, .honor .next i{color:#fff;font-size:20px;line-height: 40px;text-align: center}
.honor .next{ left:auto; right:-40px; background-position:8px 5px; }
.honor .prev:hover,
.honor .next:hover{ filter:alpha(opacity=100);opacity:1;  }
/* honor */
.foot .foot-title h3{font-size: 22px;letter-spacing:2px;color:#333}
.foot .foot-title p{letter-spacing:2px;color:#666;font-size:12px;margin-top:4px}
.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;}
.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;}
#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:0;}
#top-back i:before{font-size: 18px;color:#999}
.topzero{top:30px;}
.ny-banner.nyproduct{background:url(../images/ny-banner-class.jpg);}
.ny-banner.nyhonor{background:url(../images/ny-banner-class.jpg);}
.ny-banner.nynew{background:url(../images/ny-banner-class.jpg);}
.ny-banner.nymessage{background:url(../images/ny-banner-class.jpg);}
.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;}
.ny.class{background:#fff}
.ny .title-bt{text-align:center;float:none}
.ny.honor{border:none}
.ny.honor .list li{margin-bottom:25px}
.ny.honor .list li:nth-child(3n){margin-right:0}
.tell .shuru{border:0;background:transparent;
border-bottom:1px solid rgba(0,0,0,.1);transition:all 0.3s ease-out 0s;margin-bottom:10px;
color:#333;outline:medium;width: 30%;height:40px;margin-right: 5%;
}
.tell .shuru:nth-child(3){margin-right:0;}
.tell .add{width: 100%}
.tell .neirong{border:0;background:transparent;
border-bottom:1px solid rgba(0,0,0,.1);transition:all 0.3s ease-out 0s;margin-bottom:10px;
color:#333;outline:medium;width: 100%;height:40px;padding-bottom: 120px}
.tell .xuanzhe p{color:#757575;}
.tell .xuanzhe label{color:#757575;background:transparent;margin-right:20px;font-weight:normal}
.tell .tijiao{height:40px;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;line-height: 40px;padding: 0 30px;
margin-top: 20px;cursor: pointer;background:#333;border:1px solid #333;color:#fff;width:180px;
}
.ny .view .photo{width:1220px;height:400px;position:relative;}
.ny .view .photo img{width:100%;height:400px}
.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:#333 }
.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;  }
.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:#333}
.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;line-height:20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.view .wz span{color:#222;}
.view .wz span strong{color:#222;}
/* 联系我们详情样式修改 */
.ny .view .project-list .wz .detailed{color:#999;line-height:16px;}
.ny .view .introduction{width:100%;position:relative;padding-top:50px;}
.ny .view .introduction a{display:block;width:120px;padding:10px 0;text-align:center;position:absolute;top:50px;right:0;background:#333;color:#fff}
.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: 24px;}
.ny .view .right h3{font-size:24px;margin-bottom:20px}