@charset "utf-8";  /*格式化样式*/  
/*公共压缩样式，处理各个浏览器兼容性所写，可以无视*/html,body{height:100%;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}ul,ol{list-style:none}s{text-decoration:none}img{border:0}table{border-collapse:collapse;border-spacing:0}caption,cite,code,dfn,th,var{text-align:left;font-weight:normal;font-style:inherit;}body{background-color:#fff;}/* 表单 */label{display:inline-block;*display:inline;*zoom:1}button,input,select,textarea{vertical-align:baseline;*vertical-align:middle}input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]  input[type="button"]::-moz-focus-inner{border:none;padding:0}/* 字体 */h1{font-size:24px;margin:0 0 12px}h2{font-size:24px;margin:0 0 10px}h3{font-size:20px;margin:0 0 8px}h4{font-size:16px;margin:0 0 5px}h5{font-size:14px;margin:5px 0}h6{font-size:14px;margin:0 0 5px;}
.clearfix{overflow:hidden;zoom:1;}
.page-group div,.page-group p,.page-group ul,.page-group li,.page-group a,.page-group span,.page-group i{

transition: all 0.35s ease-in-out;
-webkit-transform: all 0.35s ease-in-out;
-moz-transform: all 0.35s ease-in-out;
-ms-transform: all 0.35s ease-in-out;
-o-transform: all 0.35s ease-in-out;
transform: all 0.35s ease-in-out;
}
.page-group,.leftnav{transition: all 0.35s ease-in-out;
-webkit-transform: all 0.35s ease-in-out;
-moz-transform: all 0.35s ease-in-out;
-ms-transform: all 0.35s ease-in-out;
-o-transform: all 0.35s ease-in-out;
transform: all 0.35s ease-in-out;}

.leftnav div,.leftnav p,.leftnav ul,.leftnav li,.leftnav a{

transition: all 0.35s ease-in-out;
-webkit-transform: all 0.35s ease-in-out;
-moz-transform: all 0.35s ease-in-out;
-ms-transform: all 0.35s ease-in-out;
-o-transform: all 0.35s ease-in-out;
transform: all 0.35s ease-in-out;
}
*{
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
*behavior: url(../css/boxsizing.htc);
}
div,body,p,h1,h2,h3,h4,h5,ul,li,dl,dd,dt{
		margin:0; 
		padding:0;
		list-style: none;
		box-sizing:border-box;

}



html{font-size:14px;font-family: Microsoft YaHei, Arial;}
body{font-family: Microsoft YaHei, Arial; color: #595757;}
ul,li{list-style:none;}  
a:focus{outline:none;}
a{color:#595757; text-decoration: none; cursor:pointer; outline:none;}  
a:hover{ color:#63b73d; text-decoration: none; }
/*select,option{outline: none;}*/
input[type=text],textarea { border-radius: 5px; border: 1px solid #e3e3e3; background: #fff; -webkit-appearance: none;font-family: Microsoft YaHei;  -webkit-appearance: none;
    font-family: Microsoft YaHei;
        outline: none;}  
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;  font-family: Microsoft YaHei;}  
input{font-family: Microsoft YaHei;}  

textarea { -webkit-appearance: none;}
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
    font-family: Microsoft YaHei;
        outline: none;
}
select{-webkit-appearance:none; outline: none;}
img{width:auto; max-width:100%;height: auto; vertical-align:bottom;}
body{overflow-x: hidden;}
#mask{background: #333;  background: rgba(0,0,0,0.5); position: fixed; width: 100%; height: 100%; z-index: 99; display: none; top: 0; left: 0; cursor: pointer;}
.page-group{left: 0; position:relative; width: 100%;  overflow-x: hidden;}
.top{width: 100%;border-bottom:5px solid #f0f0f0; background: #fff; height: 100px; position: relative;z-index: 10;}
.header{width: 1200px; margin: 0 auto;}
.header .logo{float: left; padding: 25px 0;}
.rx{float: left; padding: 30px 0 0 124px; display: block;}
.nav{ float: right;}
.nav li{float: left; position: relative; padding: 0 24px; text-align: center;}
.nav li>a{display: block; padding:24px 2px; color: #3e4041; line-height:24px; position: relative;}
.nav li:hover>a{color:#70c00f}
.nav li:hover>a i{color:#70c00f}
.nav li.active>a{color:#70c00f}
.nav li.active>a i{color:#70c00f}
.nav li.active>a span{width: 100%;left: 0;}
.f_nav li p:hover a{color:#70c00f}
.f_nav li h3:hover a{color:#70c00f}
.f_contact .p2 a:hover{color:#70c00f}
.nav li>a i{display: block; font-style: normal;font-size: 12px; color: #a9a9a9;}
.nav li>a span{display: block; width:0; left: 0; bottom: 0; height:5px; background:#63b73d; position: absolute; left: 50%;}
.nav li:hover>a span{width: 100%; left: 0;}
.nav li .box{width:120px; height: 0; overflow: hidden; margin-left: -60px; left:50%; top: 100px; position: absolute;}
.nav li .box p{line-height:22px; padding-top: 5px;}
.nav li:hover .box{ padding-top:5px;}
.boxbg{width: 20000px; position: absolute; top: 100px; background: #f0f0f0; left: 50%; margin-left: -10000px; height: 0;}
.nav .li1:hover .box{height: 140px;}
.nav .li2:hover .box{height: 140px;}
.nav .li3:hover .box{height: 80px;}
.nav .li5:hover .box{height: 110px;}
.nav .li6:hover .box{height: 110px;}
.nav .li1:hover .boxbg{height: 140px;}
.nav .li2:hover .boxbg{height: 140px;}
.nav .li3:hover .boxbg{height:80px;}
.nav .li5:hover .boxbg{height: 110px;}
.nav .li6:hover .boxbg{height: 110px;}
/*banner*/
.banner-box {width: 100%;height: 100%;position: relative; max-height: 800px;max-width: 1920px; margin: 0 auto;}
.banner-cut {width: 1000%; height: 100%;}
.banner-bin{height: 100%; float: left; display: block; overflow: hidden; background: center no-repeat; background-size: auto auto; background-size: cover; position: relative;}
.banner-bin .im2{display: none;}
.table-box {display: table;width: 100%; height: 100%;}
.table-cell {display: table-cell;width: 100%;height: 100%;vertical-align: middle;text-align: center;position: relative;}
.banner-write {position: relative;z-index: 992; word-break: break-all;padding: 0 10px;width: 1200px;margin: 0 auto;height: 420px;margin-top: 180px;}
.banner-txt1{color: #fff; float: left; display: inline-block;width:570px; transition: .3s .4s; -webkit-transition: .3s .4s; -moz-transition: .3s .4s; -ms-transition: .3s .4s; -o-transition: .3s .4s;}
.banner-write .banner-pic{position:absolute;right: 56px; bottom: -78px;width:478px;
transition: 0.6s 0.8s; -webkit-transition: 0.6s 0.8s; -moz-transition: 0.6s 0.8s; -ms-transition: 0.6s 0.8s; -o-transition: 0.6s 0.8s;z-index: 0;
 transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transform: translateX(100%); opacity: 0;}
.banner-txt1 .p1{transition: .3s .4s; -webkit-transition: .3s .4s; -moz-transition: .3s .4s; -ms-transition: .3s .4s; -o-transition: .3s .4s;position:absolute;left:18px; bottom:0; z-index: 0; transform: translateX(-550px); -moz-transform: translateX(-550px); -ms-transform: translateX(-550px); -o-transform: translateX(-550px); -webkit-transform: translateX(-550px); opacity: 0;}
.banner-txt1 h3{font-size:40px; text-align: right; position: relative;z-index: 2;padding-top: 200px;transition: .6s .8s; -webkit-transition: .6s .8s; -moz-transition: .6s .8s; -ms-transition: .6s .8s; -o-transition: .6s .8s;transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0;}
.banner-txt1 .p2{font-size: 43px; text-align: right; padding-top: 8px; position: relative;z-index: 2;transition: 1s 1.2s; -webkit-transition: 1s 1.2s; -moz-transition: 1s 1.2s; -ms-transition: 1s 1.2s;-o-transition: 1s 1.2s;transform: translateY(60px); -moz-transform: translateY(80px); -ms-transform: translateY(80px); -o-transform: translateY(80px); -webkit-transform: translateY(80px); opacity: 0;}
.banner-txt1 .p3{font-size: 22px; text-align: right; padding-top: 16px; position: relative; z-index: 2; color: #3e3e3e; padding-right: 3px;transition:1.3s 1.4s; -webkit-transition:1.3s 1.4s;-moz-transition:1.3s 1.4s; -ms-transition:1.3s 1.4s;-o-transition:1.3s 1.4s;transform: translateY(80px); -moz-transform: translateY(80px); -ms-transform: translateY(80px); -o-transform: translateY(80px); -webkit-transform: translateY(80px); opacity: 0;}
.banner-cut .swiper-slide-active .banner-txt1 .p1{ transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0);opacity: 1;}
.banner-cut .swiper-slide-active .banner-txt1 h3{font-size: 83px;transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0);opacity: 1; }
.banner-cut .swiper-slide-active .banner-txt1 .p2{transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0);opacity: 1; }
.banner-cut .swiper-slide-active .banner-txt1 .p3{transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0);opacity: 1; }


.banner-cut .swiper-slide-active .banner-pic{transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); 
	-o-transform: translateX(0); -webkit-transform: translateX(0);opacity: 1; }

.banner-pager {
    position: absolute;
    height:45px;
    line-height: 0;
    bottom:15px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10;

}
.banner-pager .swiper-pagination-bullet {
    width: 60px;
    height: 45px;
    position: relative;
    line-height: 3px;
    border-radius: 0;

    opacity: 1;
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
}
.banner-pager .swiper-pagination-bullet a{display: block; height: 6px;width: 100%; margin-top: 30px;background: #fff;}
.banner-pager .swiper-pagination-bullet-active a{background:#5bd900;}


.elevator-ewm-box{
    position: absolute;
    width: 150px;
	height: 150px;
	bottom: 2px;
	right: 62px;
    -webkit-transition: opacity .25s,transform .3s;
    -moz-transition: opacity .25s,transform .3s;
    transition: opacity .25s,transform .3s;
    opacity:1;
    filter: alpha(opacity=1);
    max-width: 0;
    -webkit-transform: scale(.01);
    -ms-transform: scale(.01);
    transform: scale(.01);
    -webkit-transform-origin: 100% 95%;
    -ms-transform-origin: 100% 95%;
    transform-origin: 100% 95%;
    background:#65ae0c url(../images/elevator.png)no-repeat center;
    text-align: center;
    overflow: hidden;
}
.elevator-ewm-box img{width: 140px; height: 140px; margin: 5px auto;}
.right_fiexd .box3:hover .elevator-ewm-box {
 display:block;
 visibility:visible;
 opacity:1;
 filter:alpha(opacity=100);
 max-width:none;
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1)
}

.elevator-tel-box{
    position: absolute;
    font-size: 20px;
	width: 180px;
	line-height: 60px;
	height: 60px;
	top: 61px;
	right: 62px;
    -webkit-transition: opacity .25s,transform .3s;
    -moz-transition: opacity .25s,transform .3s;
    transition: opacity .25s,transform .3s;
    opacity:1;
    filter: alpha(opacity=1);
    max-width: 0;
    -webkit-transform: scale(.01);
    -ms-transform: scale(.01);
    transform: scale(.01);
    -webkit-transform-origin: 100% 95%;
    -ms-transform-origin: 100% 95%;
    transform-origin: 100% 95%;
    background:#65ae0c url(../images/elevator.png)no-repeat center;
    text-align: center;
    color: #fff;
    overflow: hidden;
}
.right_fiexd .box2:hover .elevator-tel-box {
 display:block;
 visibility:visible;
 opacity:1;
 filter:alpha(opacity=100);
 max-width:none;
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1)
}

/**/
.part1{position: relative;}
.h_title{text-align: center; padding: 45px 0; overflow: hidden; position: relative;perspective:1200px;}
.h_title .t1{font-size: 28px; color: #70c00f; line-height: 40px; font-weight: bold;}
.h_title .t2{font-size: 36px; color: #3e4041; line-height: 40px; padding-bottom: 10px;}
.h_title .t3{display: inline-block; width:123px; border-bottom: 5px solid #70c00f;}
.h_title .t4{ font-size:16px; color: #00bacf; line-height: 30px; padding-top: 10px;}
.bg{margin-top: 195px; position: relative; background:url(../images/bg1.jpg) no-repeat bottom  center;background-attachment: fixed; height: 800px;}
.aboutbg{background:#70c00f; position:absolute;top:0; width: 100%; height:500px; padding-top: 1px;}
.aboutbox{width: 1200px; margin:-55px auto 0; position: relative; border-top:12px solid #9bff21;border-right:12px solid #9bff21; height: 556px;}
.habout{margin-left: 545px; padding: 150px 42px  0 0; color: #fff;}
.habout h3{font-size:40px; line-height: 50px; padding-bottom:24px;}
.habout p{font-size: 14px; line-height: 24px;}
.habout .pic{overflow: hidden; padding-top: 20px;}
.habout .pic li{float: left; position: relative; color: #fff;margin-right: 20px; display:table;}
.habout .pic li span{display: block; text-align: center; color: #fff; position: absolute; top: 0; width: 100%; height: 100%; line-height: 120px; }
.habout .mores{position: absolute; right:-25px; bottom:20%; background: url(../images/morebg.png) no-repeat right center; color: #fff; width: 100px; line-height: 30px; display: block;; padding-top: 10px; text-align: center;}
.aboutbox .img{position: absolute; left: 0; top: -150px;}
.Flip1{height:680px; position: absolute; top: 0; width: 100%; left: 0; perspective:1200px; background:#f5f5f5;}
.Flip1{ transform: rotateX(-60deg); transform-origin: center top 0; transition: 0.4s;}
.hproduct{width: 1200px; margin: 0 auto; padding: 45px 0 100px;}
.p_nav{text-align: center; padding-bottom: 50px;}
.p_nav a{background: #f0f0f0; position: relative; text-align: center; display: inline-block; width:160px; margin: 0 15px; line-height: 44px; color: #3e4041;transition: all 0s ease-in-out;
-webkit-transform: all 0s ease-in-out;
-moz-transform: all 0s ease-in-out;
-ms-transform: all 0s ease-in-out;
-o-transform: all 0s ease-in-out;
transform: all 0s ease-in-out;}
.p_nav .active{background:#70c00f; color: #fff;}
.p_nav .active:after{content: "▼"; position: absolute; bottom: -26px; left: 50%; color: #70c00f; line-height: inherit; font-size: 18px; margin-left: -8px;}
.hproduct .box{min-height:350px;}
.hproduct .box ul{margin: 0 -26px; overflow: hidden; display: none; min-height:320px;padding-bottom: 10px;transition: all 0s ease-in-out;
-webkit-transform: all 0s ease-in-out;
-moz-transform: all 0s ease-in-out;
-ms-transform: all 0s ease-in-out;
-o-transform: all 0s ease-in-out;
transform: all 0s ease-in-out;}
.hproduct .box li{padding: 0 26px 40px; float: left;}
.hproduct .box li a{top:0; position: relative; width: 260px; display: block; max-width: 260px; margin: 0 auto;transition: all 0.5s ease-in-out;
-webkit-transform: all 0.5s ease-in-out;
-moz-transform: all 0.5s ease-in-out;
-ms-transform: all 0.5s ease-in-out;
-o-transform: all 0.5s ease-in-out;
transform: all 0.5s ease-in-out;}
.hproduct .box li:hover a{ box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1); top: -8px;}
.hproduct .box li .pic{text-align:center;}
.hproduct .box li p{font-size: 16px; color: #595757; line-height: 30px; padding: 0 30px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word;}
.hproduct .box li span{display: block; color: #49af40; line-height: 30px; padding: 0 30px 20px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word;}
.p_more{text-align: center; }
.p_more a{color: #fff; background:#70c00f; width: 170px; line-height: 40px; display: inline-block;}
.p_more a i{margin-left:6px; background: url(../images/right_ico.png) no-repeat center; width: 20px; display: inline-block; background-size: 20px;}
.part3{background:url(../images/ysbg.jpg) no-repeat center; padding:130px 0 100px;background-attachment: fixed; }
.advbox{overflow: hidden;overflow: hidden; width: 1904px; position: relative; left: 50%; margin-left: -952px;}
.adbox{overflow: hidden;}
.advbox .advleft{width: 45%; background: #eee; float: left; padding-left: 18.4%; padding-right: 3%; height: 370px;}
.advbox .advright{width: 55%; float: left; background:#70c00f; height: 370px;padding-right: 18.4%; padding-top:55px;}
.advbox .advleft .h_title{text-align: left; padding:48px 0 20px;}
.adbox .ad{display: none;}
.adbox .ad h3{ font-size: 22px; line-height: 24px; padding-bottom:10px;}
.adbox .ad p{color: #3e4041; line-height: 24px; height: 96px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; word-wrap: break-word;}
.advbox .advright dl{width: 50%; float: left; padding-left: 3%; margin-bottom: 30px;}
.advbox .advright dl a{display:block; overflow: hidden; padding: 10px;}
.advbox .advright dl.active a{background:#65ae0c;}
.advbox .advright dl dd{float: left;}
.advbox .advright dl dt{color: #fff; padding-left:70px;}
.advbox .advright dl dt h3{font-size:22px; line-height: 24px; padding:2px 0 5px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word;}
.advbox .advright dl dt p{ color: #daf8b6; line-height: 20px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word;}
/*新闻资讯*/
.hnewsbox{width: 1200px; margin: 0 auto; padding:3px 0 105px;}
.hnews{min-height: 400px;}
.hnews .con{display: none;}
.n_nav{text-align: center; padding-bottom:72px;}
.n_nav a{background: #f0f0f0; position: relative; text-align: center; display: inline-block; width:160px; margin: 0 15px; line-height: 44px; color: #3e4041;}
.n_nav .active{background:#70c00f; color: #fff;}
.n_nav .active:after{content: "▼"; position: absolute; bottom: -26px; left: 50%; color: #70c00f; line-height: inherit; font-size: 18px; margin-left: -8px;}
.t_n{overflow: hidden; padding-bottom: 40px;}
.l_n{width: 600px; float: left;}
.l_n .pic{width: 100%; height:257px; overflow: hidden;}
.l_n .pic img{width: 100%;height: 100%;}
.l_n .txt{line-height:50px; background: #8abf49; padding: 0 20px 0 30px;}
.l_n .txt a{color: #fff; font-size: 16px;display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word;}
.l_n .catname{height:80px; background:#f5f5f5; font-size: 26px; color: #3e4041; padding: 0 30px;}
.l_n .catname span{line-height: 72px; display:inline-block;}
.l_n .catname i{float: right; padding-top:18px;}
.l_n .catname i img{width: 20px;}
.r_n{width: 600px; overflow: hidden;}
.r_n a{float:left; display: block;padding: 0 0 10px 10px;}
.r_n a img{width: 290px; height: 188px;}
.t_n2{overflow: hidden; margin: 0 -30px;}
.t_n2 li{width: 33.333%; float: left; padding: 0 30px;}
.t_n2 li h3{font-size: 18px; line-height: 35px; padding-bottom:16px;}
.t_n2 li h3 a{color: #3e4041;display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word; font-weight: normal;}
.t_n2 li p{font-size:14px; color: #a9a9a9; line-height: 20px; height: 60px; overflow: hidden; margin-bottom:20px;}
.t_n2 li .xq{display: inline-block; width: 80px; line-height: 26px; font-size: 12px; color: #fff; background:#a9a9a9;   text-align: center;}
.t_n2 li .xq:hover{background:#70c00f;}
.part5{background: url(../images/partnerbg.jpg) no-repeat top center; padding-top: 250px; position: relative;perspective: 1200px; height: 950px;}
.Flip2{height: 700px; position: absolute; top:-62px;width: 100%; left: 0; perspective:1200px; background:#fff;}
.Flip2{ transform: rotateX(45deg); transform-origin:center bottom 0; transition: 0.4s;}
.pa_bg{background: #fff; position: absolute; bottom: 0; width: 100%; height:300px;}
.pa_bg .h_title{margin-top: -400px;}
.joint-box{width: 1200px; margin: 0 auto; padding-top: 40px; overflow: hidden;}
.joint-cut{width: 10000px;height: 100%;}
.joint-bin{float: left; list-style: none; margin: 0; padding: 0; height:100px; display: table; position: relative;}
.joint-bin img{transition: all 0.5s ease-in-out;
-webkit-transform: all 0.5s ease-in-out;
-moz-transform: all 0.5s ease-in-out;
-ms-transform: all 0.5s ease-in-out;
-o-transform: all 0.5s ease-in-out;
transform: all 0.5s ease-in-out;}
.joint-bin .img1{position: relative; z-index:2;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}  
.joint-bin .img2{filter:alpha(opacity=0);-moz-opacity:0;opacity:0;position:absolute; top: 0; left: 0;  z-index:1;transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}  
.joint-bin:hover .img1{transform:rotateY(180deg);z-index:1;alpha(opacity=0);-moz-opacity:0;opacity:0;-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
.joint-bin:hover .img2{transform:rotateY(360deg);z-index:2;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);}  
.joint-bin:hover .img2{z-index:2;}  

.footer{background:url(../images/f_bg.png) repeat; border-bottom: 1px solid #444444;}
.footer .box{width: 1200px; margin: 0 auto; padding: 55px 0 0; height: 340px;}
.copy{background:url(../images/f_bg.png) repeat; padding: 20px 15px; line-height: 20px; color: #fff; text-align: center;}
.copy a{color:#fff;}
.copy span{display: inline-block;}
.copy .link{color: #a9a9a9; padding-left: 15px; display: inline-block;}
.f_nav{float: left; width:600px;}
.f_nav li{float: left; width: 25%;}
.f_nav li h3{width: 58px; border-bottom: 1px dotted #5f5f60; line-height:16px; padding-bottom: 15px; font-weight: normal; margin-bottom: 20px;}
.f_nav li h3 a{color: #fff;}
.f_nav li p{line-height: 32px;}
.f_nav li p a{color: #fff;}
.ewm{width:140px; float: left; margin-left:74px; text-align: center;}
.ewm p{line-height: 14px; color: #fff; padding-top: 20px;}
.f_contact{float: right; color: #fff;}
.f_contact .zxzx{margin-bottom: 24px; position: relative; color: #fff; width: 160px; text-align: center; display: block; line-height: 44px; cursor: pointer; background: #70c00f; font-size:16px;}
.f_contact .zxzx:after{content: "▼"; position: absolute; bottom: -26px; left: 22px; color: #70c00f; line-height: inherit; font-size: 18px; }
.f_contact p{line-height: 32px;}
.f_contact p a{color: #fff;}
.f_contact p span{display: inline-block;}
.f_contact .p2 a{color: #a9a9a9; margin-right: 20px;}
.leftnav{background: #f9f9f9; width: 66%; position: fixed; left: -66%; top: 0; height: 100%; z-index: 100;}
.leftnav h3 a,.leftnav p a{font-size: 16px; display: block; padding: 15px; border-top: 1px solid #e4e4e4; color: #595757; font-weight: normal;}
.leftnav h3 a i,.leftnav p a i{float: right; color: #626060;}
.leftnav h3 a:hover i,.leftnav p a:hover i{color:#67b943;}
.leftnav h3 a:hover, .leftnav p a:hover{color:#67b943;}
.leftnav p .child{ display: none; width: 100%;}
.leftnav p .child a{font-size: 14px; padding-left:20px;}
.menu{display:none;}
.banner{width: 100%; height: 400px; background-position: top center; background-repeat: no-repeat;}
.banner .imgs{display: none;}
.banner img{display: none;}
.casebg{background: #f5f5f5; padding: 5px 0;}
.list_nav{text-align: center; padding:45px 0;}
.list_nav a{background: #f0f0f0; position: relative; text-align: center; display: inline-block; width:160px; margin: 0 15px; line-height: 44px; color: #3e4041;transition: all 0s ease-in-out;
-webkit-transform: all 0s ease-in-out;
-moz-transform: all 0s ease-in-out;
-ms-transform: all 0s ease-in-out;
-o-transform: all 0s ease-in-out;
transform: all 0s ease-in-out;}
.list_nav .active{background:#70c00f; color: #fff;}
.list_nav .active:after{content: "▼"; position: absolute; bottom: -26px; left: 50%; color: #70c00f; line-height: inherit; font-size: 18px; margin-left: -8px;}
.listcase{width: 1200px; margin: 0 auto;}
.listcase ul{display: block; margin: 0 -30px; overflow:hidden;}
.listcase li{padding:15px 30px 45px; float: left; width: 33.33333%;}
.listcase li .b{position: relative; top: 0;}
.listcase li .b:hover{top:-10px; box-shadow:0px 20px 30px rgba(0, 0, 0, 0.1);}
.listcase li h3{line-height: 48px; font-size:16px; font-weight: normal; position: relative;}
.listcase li h3 a{color:#3e4041; display: block; padding-left: 20px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word;}
.listcase li h3 .a2{background: #70c00f;color: #fff; position: absolute; bottom: -48px; width: 100%;}
.listcase li:hover h3 .a2{bottom: 0;}
.listcase li p{ background: #f5f5f5; height: 97px; position: relative; line-height: 20px; color: #595757; padding:15px 20px;}

.listcase li p a{color:#70c00f; border: 1px solid #70c00f; font-size: 12px; padding:0 4px; line-height: 16px; border-radius: 2px; margin-left: 5px;}
.page{text-align: center; padding: 48px 0 130px;border-top: 1px solid #e4e4e4; }
.page a{color:#595757; border: 1px solid #e4e4e4; display: inline-block; line-height: 38px; margin: 0 4px; padding:0 5px; min-width: 38px;}
.page span{color:#fff; border: 1px solid #70c00f; background: #70c00f; display: inline-block; line-height: 38px; margin: 0 4px; padding:0 5px; min-width: 38px;}
.page a:hover{color:#fff; border: 1px solid #70c00f; background: #70c00f; }
.m_page{display:none;}
.listpartner{width: 1200px; margin: 0 auto; padding-bottom:200px;}
.listpartner ul{overflow: hidden;}
.listpartner li{width:16.66666666%; float: left; position: relative; text-align: center;}

.listpartner li .img1{position: relative; z-index:2;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}  
.listpartner li .img2{filter:alpha(opacity=0);-moz-opacity:0;opacity:0;position:absolute; top: 0; left: 0;  z-index:1;transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}  
.listpartner li:hover .img1{transform:rotateY(180deg);z-index:1;alpha(opacity=0);-moz-opacity:0;opacity:0;-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
.listpartner li:hover .img2{transform:rotateY(360deg);z-index:2;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);}  
.listpartner li:hover .img2{z-index:2;}  
.listpartner li.img1{transition:all .5s linear 10ms;} 
.listpartner li .img2{transition:all .5s linear 10ms;} 
.contactusbox{width: 1200px; margin: 0 auto; padding-bottom: 300px;}
.contactusbox>h3{font-size: 30px; color: #3e4041; text-align: center; padding:30px 0 55px; line-height: 30px;}
.contactusbox ul{overflow: hidden; padding-bottom: 70px;}
.contactusbox ul li{width: 25%; float: left; text-align: center;}
.contactusbox ul li h3{font-size: 22px; color: #0e0f0f; line-height: 28px; font-weight: normal; padding: 15px 0 5px;}
.contactusbox ul li p{color: #3e4041;line-height: 28px;}
.contactusbox ul li p span{display: inline-block; padding: 0 5px;}
.contactusbox ul li i{display: block; width:30px; border-bottom: 1px solid #000; margin: 0 auto; padding-top: 15px;}
#allmap{width: 100%; height: 500px;}
#allmap img{max-width: inherit;}
.gbookbox{width: 92%; margin: 0 auto; max-width: 445px; padding-bottom: 185px;}
.gbookbox .tips{text-align: center; font-size:14px; color: #8a8a8a; line-height: 18px; padding: 30px 0 50px;}
.gbook p{position: relative; line-height: 40px; padding-bottom: 30px; padding-left: 85px;}
.gbook p .s1{position: absolute;left: 0; top: 0; color: #3e4041;}
.gbook p input{width: 100%; border: 1px solid #e4e4e4; padding-left: 12px; height: 40px; border-radius:1px;}
.gbook p textarea{width: 100%; border: 1px solid #e4e4e4; padding-left: 12px; height:120px; border-radius:1px;}
.gbook .btn{padding-left: 85px;}
.gbook .btn input{border: none; width: 100px; height: 30px; color: #fff; background:#70c00f; text-align: center; cursor: pointer;}
.list_recuit{width: 1200px; margin: 0 auto; padding-bottom: 155px;}
.list_recuit ul{margin: 0 -30px; overflow: hidden;}
.list_recuit li{width: 33.333%; float: left; padding: 0 30px 40px;}
.recuit{border: 1px solid #e4e4e4; padding:5px 18px 25px; position: relative; top:0;}
.recuit .name{border-bottom: 1px solid #e4e4e4; line-height: 54px; }
.recuit .name a{color: #3e4041; font-size: 16px;}
.recuit .name .num,.recuit:hover .name a{color: #70c00f}
.recuit .name .num{float: right;}
.recuit .dis{line-height: 24px; color: #595757; height: 72px; margin:15px 0 25px; overflow: hidden;}
.recuit .more{color: #70c00f; border: 1px solid #70c00f; font-size: 12px; line-height: 16px; padding: 0 4px; border-radius: 3px;}
.recuit:hover{box-shadow:0px 20px 30px rgba(0, 0, 0, 0.1); top:-10px;}
.show_recuit{width: 1200px; margin: 0 auto; padding-bottom: 185px;}
.show{padding:54px 45px 60px; font-size: 16px; color: #3e4041; line-height: 28px;}
.linkweb{padding-left: 45px;}
.linkweb a{display: inline-block; width: 160px; line-height: 44px; background: #d8d8d8; text-align: center; color: #fff;}
.linkweb .aplay{background: #70c00f; margin-right: 20px;}
.s_titles{padding:60px 0 30px;}
.s_titles h3.s1{font-size: 36px; color: #3e4041; line-height: 36px; padding-bottom:28px; font-weight: normal;}
.s_titles .aa { margin: 0 auto;max-width: 1200px; margin: 0 auto; width: 76%;  position: relative;}
.s_titles .s2{padding: 20px 0; line-height: 30px;  border-bottom: 1px solid #d7d7d7;}
.s_titles .updown{position:absolute; right: 0; top: 85px;}
.s_titles .s2 p{color: #a6a6a6; height: 30px; overflow: hidden;}
.s_titles .s2 p span{display: inline-block; padding: 0 20px;}
.s_titles .updown .prve{display: inline-block; margin-right:15px; color: #3e4041;}
.s_titles  .updown .next{display: inline-block; color: #3e4041;}
.s_titles  .updown .prve i{margin-right: 9px; display: inline-block; background:#fff url(../images/prove.png) no-repeat center; width: 40px; height: 20px; line-height: 20px;vertical-align: text-bottom;}
.s_titles  .updown .next i{margin-left: 9px; display: inline-block; background:#fff url(../images/next.png) no-repeat center; width: 40px; height: 20px; line-height: 20px;vertical-align: text-bottom;}
.bdsharebuttonbox{padding: 20px 0 0; line-height: 30px;}
.bdsharebuttonbox a{float: inherit !important; display: inline-block !important; line-height: 30px !important; padding: 0 !important; margin: 0 5px !important; width: 30px; height: 30px!important;}
.bdsharebuttonbox span{display: inline-block;vertical-align: top;}
.bdsharebuttonbox .bds_sqq{background: url(../images/qq.png) no-repeat center!important;}
.bdsharebuttonbox .bds_weixin{background: url(../images/wx.png) no-repeat center!important;}
.bdsharebuttonbox .bds_tsina{background: url(../images/xl.png) no-repeat center!important;}
.bdsharebuttonbox .bds_qzone{background: url(../images/qz.png) no-repeat center!important;}
.graybg{width: 100%; background:#f5f5f5; padding-top: 10px;}
.enterprise{width: 1200px; overflow: hidden; padding:15px 0 100px; margin: 0 auto;}
.enterprise .le{width:50%; float: left; text-align: center;}
.enterprise .le .pic{position: relative; overflow: hidden;}
.enterprise .box{background:rgba(0,0,0,0.6); width: 100%; height: 100%; bottom:-100%; position: absolute;}
.enterprise .box p{position: absolute;width:100%; top: 50%; color: #fff; margin-top:-47px;}
.enterprise .box img{margin-top:25px;}
.enterprise .le .pic:hover .box{bottom: 0;}
.enterprise .re li:hover .box{bottom: 0;}
.enterprise .re{width: 50%;float: left; text-align:center;padding-left: 12px;}
.enterprise .re ul{margin: 0 -6px;}
.enterprise .re ul li{padding: 0 6px 12px; width: 50%; float: left;}
.enterprise .re ul li .rbox{position: relative; overflow: hidden;}
/*荣誉资质*/
.window-bin2{width: 100%; max-width: 1200px; margin:25px auto 0; position: relative; margin-bottom: 110px;}
.honor-box{width:1030px; overflow: hidden; margin: 0 auto; position: relative;} 
.window-bin2 .ctrl-left{position: absolute; left: 0; top: 50%; margin-top:-50px; z-index: 5;}
.window-bin2 .ctrl-right{position: absolute; right: 0; top: 50%; margin-top: -50px; z-index: 5;}
.honor-cut {width:20000px;height: 100%;margin: 0 auto;}
.honor-bin{float: left; list-style: none; margin: 0; padding: 0; height:100px; display: table; position: relative; text-align: center;}
.honor-bin a{display: block; padding:13px 17px; border: 1px solid #ccc;}
.honor-bin p{color: #595757; line-height: 20px; padding-top: 20px;}
/*优势实力*/
.adv-box {margin: 5px auto 15px;  width: 100%;height: 100%;position: relative; height:600px; color: #fff; overflow: hidden; background: center no-repeat; background-size: auto auto; background-size: cover;}
.adv-cut {width: 1000%; height: 100%;}
.adv-bin{height: 100%; float: left; display: block; overflow: hidden; position: relative;}
.table-box {display: table;width: 100%; height: 100%;}
.table-cell {display: table-cell;width: 100%;height: 100%;vertical-align: middle;text-align: center;position: relative;}
.adv-pager{position: absolute; bottom:40px; text-align: center; width: 100%; z-index: 5;}
.adv-pager span{display: inline-block; width:24px; height: 30px; line-height: 30px; cursor: pointer;}
.adv-pager span a{display: inline-block;width: 10px; height: 10px; border-radius: 100%; background: #fff; cursor: pointer;}
.adv-pager .swiper-pagination-bullet-active a{background: #5bd900;}
.adv-txt{width: 90%; margin: 0 auto;max-width: 1000px;}
.adv1{font-size: 28px; line-height: 28px; padding-bottom: 12px;}
.adv2{line-height: 18px; padding-bottom: 24px;}
.adv-txt .line{display: inline-block;; border-bottom: 1px solid #fff; width:30px;}
.adv3{font-size: 16px; line-height: 30px; padding-top:30px;}
.about_box{background: #f9f9f9; margin-bottom:100px; position: relative; height:745px; width:1920px; left: 50%; margin-left:-960px;}
.aboutleft{ width: 50%; float: left; padding-right:52px; position: relative;}
.aboutleft .apic2{position: absolute; right: 0; top: 195px;}
.aboutright{width: 50%; float: left; padding-right: 18.3333%; padding-left: 75px; padding-top: 150px;}
.aboutright .tit{padding-bottom:55px;}
.aboutright .tit .a1{font-size: 28px; color: #70c00f;line-height:40px; font-weight: bold;}
.aboutright .tit .a2{font-size: 36px; color: #3e4041; line-height: 40px; padding-bottom: 20px;}
.aboutright .tit .a3{font-size: 28px; color:#3e4041; line-height: 30px;}
.aboutright .a_txt{line-height: 24px; color: #595757; height: 300px; overflow:hidden; padding: 0 0 20px 0;font-size: 14px;}
.mouse{text-align: center;padding:5px 0 20px;}
.mouse img{height: 40px;}
.productbg{background: rgba(64, 125, 152, 1); position: fixed; width: 100%; height:0; z-index: 97; top:0;
transition: all 0.35s ease-in-out;
-webkit-transform: all 0.35s ease-in-out;
-moz-transform: all 0.35s ease-in-out;
-ms-transform: all 0.35s ease-in-out;
-o-transform: all 0.35s ease-in-out;
transform: all 0.35s ease-in-out;}
#close{display: none;}
.pro_show{width: 1200px;height:95%; position:absolute; left: 50%; top:30px; margin-left: -600px; color: #fff;}
.pro_show .b{overflow-y: scroll; position: relative; height: 100%;}
.pro_show .pro1{ width: 50%; float: left;padding-right: 52px; }
.pro_show .pro1 .p_pic{width: 550px; height:430px; background: #fff; position: relative; display: table;}
.pro_show .pro1 .p_pic .p_1{ line-height: 20px; text-align:left; position: absolute; left: 0; top:75px; z-index: 2px; padding-left: 20px;}
.pro_show .pro1 .p_pic .p_2{width:90px; line-height: 20px; text-align:left; position: absolute; right: 0; top:75px; z-index: 2px;}
.pro_show .pro1 .p_pic .p_3{ line-height: 20px; text-align:left; position: absolute; left: 0; top:208px; z-index: 2px; padding-left: 20px;}
.pro_show .pro1 .p_pic .p_4{width:90px; line-height: 20px; text-align:left; position: absolute; right: 0; top:208px; z-index: 2px;}
.pro_show .pro1 .p_pic .p_5{ line-height: 20px; text-align:left; position: absolute; left: 0; top:354px; z-index: 2px; padding-left: 20px;}
.pro_show .pro1 .p_pic .p_6{width:90px; line-height: 20px; text-align:left; position: absolute; right: 0; top:354px; z-index: 2px;}
.pro_show .pro1 .p_pic  a{font-size: 16px; color: #333;  text-decoration: underline;}
.pro_show .pro1 .p_pic  a:hover{color:#70c00f;}
.pro_show .pro1 .p_pic i{ margin-left:10px;display: inline-block; width:15px; height:15px; background:url(../images/d_g.gif) no-repeat center;}
.pro_show .pro1 .p_pic .p_2 i{position: absolute; left: -20px; top: 2px; margin-left: 0; }
.pro_show .pro1 .p_pic .p_4 i{position: absolute; left: -20px; top: 2px; margin-left: 0; }
.pro_show .pro1 .p_pic .p_6 i{position: absolute; left: -20px; top: 2px;margin-left: 0; }
.pro_show .pro1 h3{font-size: 22px; padding:50px 0 30px; line-height: 24px; }
.pro_show .pro1 .video{width: 547px; height: 312px; border: 1px solid #9a9a9a;}
.pro_show .pro2 {}
@keyframes ripple {
0% {
 
opacity:1;
width:5px;
height:5px;
}
100% {
opacity:1;
width:12px;
height:12px;
}
}
.p_textbox{background: #fff; width: 50%; right: 0; top: 0; position: absolute;z-index: 2; display: none;}
.p_textbox h4{padding:25px 32px 10px; font-size:22px; font-weight: normal; line-height: 22px; color: #333; }
.p_textbox p{line-height:24px; font-size: 12px; color: #595757; min-height: 48px; padding:0 32px 10px;}

.pro_show .pro2 .infobox{ padding:10px 10px 25px;}
.pro_show .pro2 .infobox h3{font-size: 22px; padding-bottom:20px; line-height:30px;}
.pro_show .pro2 .infobox h3 span{position: relative;  border:1px solid #4df7ff; border-left: 0; color: #4df7ff; font-weight: normal; margin-left: 10px; font-size: 14px; padding: 0 12px 0 10px; display: inline-block; line-height: 30px; border-radius: 0 5px 5px 0; vertical-align: text-bottom;}
.pro_show .pro2 .infobox h3 span i{position: absolute;background: url(../images/lea.png) no-repeat left center; left:-9px; height: 30px; width: 10px; display: block;}
.pro_show .pro2 .infobox .info p{font-size: 14px; line-height: 24px; padding-bottom:10px; padding-left: 60px; position: relative;}
.pro_show .pro2 .infobox .info p span{vertical-align: text-bottom; position: absolute; left: 35px; display: inline-block; width: 20px; height: 20px; line-height: 20px; background: #dc6464; border-radius: 3px; text-align: center; top: 5px;}

.pro_show .pro2{overflow: hidden; padding-bottom: 20px;}

.pro_show .pro2 .r {padding-left: 10px;}
.pro_show .pro2 .r .table{ padding: 0 36px; }
.pro_show .pro2 .r .table table{border: 1px solid #fff; line-height: 48px; width: 100%;}
.pro_show .pro2 .r .table table tr{border-bottom: 1px solid #fff; text-align: center;}
.pro_show .pro2 .r .table table tr td{width: 33.333%;}
.close{width: 80px; height: 80px; position: absolute; top:0; right: 0; background:#717171; line-height: 80px; text-align: center; z-index: 10;}
.close a{color: #e7e7e7; display: block; font-size:40px;}
/*产品详情*/
.pro_show2{width: 1200px; color: #333; padding-top: 20px;}
.pro_show2 .pro1{overflow: hidden; padding:0 0 20px;}
.pro_show2 .pro1 .p_pic{width: 50%; float: left; padding-right: 52px;}
.pro_show2 .pro1 .infobox{width: 50%; float: left; padding:10px 10px 0;}
.pro_show2 .pro1 .infobox h3{font-size: 22px; padding-bottom:25px; line-height: 24px;}
.pro_show2 .pro1 .infobox .info p{font-size: 14px; line-height: 24px; padding-bottom:10px; padding-left: 60px; position: relative;}
.pro_show2 .pro1 .infobox .info p span{position: absolute; left: 35px; color: #fff; display: inline-block; width: 20px; height: 20px; line-height: 20px; background: #dc6464; border-radius: 3px; text-align: center; top: 5px;}
.pro_show2 .pro2{overflow: hidden;}
.pro_show2 .pro2 .l{width: 50%; float: left; padding-right: 52px;}
.pro_show2 .pro2 .l h3,.pro2 .r h3{font-size: 22px; padding-bottom:25px; line-height: 24px;}
.pro_show2 .pro2 .l dl{overflow: hidden; padding-bottom: 20px;}
.pro_show2 .pro2 .l dd{float: left; width: 132px;}
.pro_show2 .pro2 .l dt{border-bottom: 1px solid #5b5b5b;  margin-left: 140px; line-height: 24px; padding-top: 15px;min-height: 110px; padding-bottom: 10px;}
.pro_show2 .pro2 .l dl:last-child dt{border: none;}
.pro_show2 .pro2 .r {width: 50%; float: left;}
.pro_show2 .pro2 .r .table{ padding: 0 36px; }
.pro_show2 .pro2 .r .table table{border: 1px solid #333; line-height: 48px; width: 100%;}
.pro_show2.pro2 .r .table table tr{text-align: center;}
.pro_show2 .pro2 .r .table table tr td{width: 33.333%; text-align: center;border-bottom: 1px solid #333; }


.piro_overlay { position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#000; display: none; z-index:99997; }

.loading span{position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-15px;width:30px;height:30px;display:block;z-index:100008; background:none }
.loading span span{position:absolute; display:block; width:30px;height:30px; z-index:100009;background: url(../images/ajax-loader.gif) center center no-repeat!important;background: url(../images/ajax-loader.gif) center center no-repeat;}

.caption{position:absolute;bottom:0;left:0;margin:0;display:block; padding:0px; cursor:text; background:#222;}
.piro_nav{position:absolute;bottom:0;left:50%;margin:0;display:block; padding:0; background:none;}
.caption p{ display:block; margin:0;padding:4px 28px 4px 38px; text-align:center; font-weight:normal; background:black; color:white; font-size:12px;}

a.piro_close{position:absolute;top:20px;right:20px;height:35px;width:35px;background:url(../images/close_btn.png) no-repeat;cursor:pointer;z-index:100006;}
a:hover.piro_close{background:url(../images/close_btn_h.png) no-repeat;}

a.piro_next{position:absolute;top:50%;width:35px; height:35px;right:20px;text-indent:-999em;outline:none; display:block; margin:-18px 0 0 0;background:url(../images/nexts.png) center right no-repeat; border:none; cursor:pointer;z-index:1000000001}
a:hover.piro_next{background:url(../images/next_h.png) center right no-repeat;}

a.piro_prev{position:absolute;top:50%;width:35px; height:35px;left:20px; text-indent:-999em; outline:none;display:block;margin:-18px 0 0 0;background: url(../images/prevs.png) center left no-repeat;border:none; cursor:pointer; z-index:1000000000}
a:hover.piro_prev{background:url(../images/prev_h.png) center left no-repeat;}


.piro_overlay { position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#000; display: none; z-index:99997; }
.pirobox_content {position:absolute; top:50%; left: 50%; padding:0; width:600px; height: 800px; margin:-400px 0 0 -300px; display:block; z-index:99998;font-family:Trebuchet MS,Arial;}
.pirobox_content table,tbody,tr,th,td{margin:0;padding:0;border:none;vertical-align: baseline;}
.pirobox_content img{ margin:0; padding:0; border:none;}

.t_l{background:url(../images/t_l.png) no-repeat; width:20px; height:20px;}
.t_r{background: url(../images/t_r.png) no-repeat; width:20px; height:20px;}
.t_c{height:20px; background:url(../images/t_c.png) repeat-x;}

.c_l{width:20px; background: url(../images/c_l.png) repeat-y;}
.c_c{background:black; margin:0; padding:0;}
.c_c div{width:760px; height:560px; margin:0; padding:0 0 0px 0;}
.c_r{width:20px; background: url(../images/c_r.png) repeat-y;}

.b_c{height:20px; background:url(../images/b_c.png) repeat-x;}
.b_l{background:url(../images/b_l.png) no-repeat; width:20px; height:20px;}
.b_r{background:url(../images/b_r.png) no-repeat; width:20px; height:20px;}

.right_fiexd{position: fixed; z-index: 10; right: 0px; bottom:30%;}
.right_fiexd>div{background:#70c00f; width:50px; height: 50px;border-radius:5px 0 0 5px; margin-bottom: 1px; cursor: pointer;}
.right_fiexd>div a{display: block; width: 100%;height: 100%;}
.right_fiexd .box1{background:#70c00f url(../images/left_ico1.png) no-repeat center; background-size:30px 30px; }
.right_fiexd .box2{background:#70c00f url(../images/left_ico2.png) no-repeat center; background-size:30px 30px;}
.right_fiexd .box3{background:#70c00f url(../images/left_ico3.png) no-repeat center; background-size:30px 30px;}
.right_fiexd .box4{background:#70c00f url(../images/left_ico4.png) no-repeat center; background-size:30px 30px;}
.m_pro{display: none;}
.sitemap{text-align: left;}
.sitemap h3{line-height:36px;border-bottom:1px dashed #ccc; padding-bottom:8px; font-weight:normal;}
.sitemap h3 a{color:#333; font-size:16px;}
.sitemap h3 a i{font-size: 13px;}
.sitemap ul{overflow:hidden; padding-bottom:10px;border-bottom:1px dashed #ccc; }
.contactusbox .sitemap li{width:140px; padding:0 5px; text-align: left;height: inherit !important;}
.sitemap li h4{line-height:30px; font-weight:normal; padding-top:12px;}
.sitemap li h4 a{font-size:14px; color:#333;}
.sitemap li p{line-height:28px;}
.sitemap li p a{color:#666; font-size:14px;}
.sitemap a:hover{color:#2fa2db;}
.ok{position: absolute;left:-150px ;top: 100px; z-index: 2; cursor: pointer; display: none;}
.h_title .aa{position: relative; z-index: 10;}
.h_title .a{position: relative; z-index: 10;}


.ascroll-box{
    right: 0;
    width:100%;
    height: 280px;
    position: relative;
    overflow: hidden;
}
.ascroll-obj{
    left: 0;
    top: 0;
    width: 95%;
line-height: 2;height:100%;
position: absolute;
}
.ascroll-bar{
    right:5px;
    top: 0;
    width: 2px;
    height: 100%;
    background: #cccccc;
    position: absolute;
}
.ascroll-btn{
    left: -4px;
    top:5px;
    width:10px;
    height: 20px;
    background: #63b73d;
    cursor: pointer;
    position: absolute;
}

.scroll-down{margin: 0 auto; width: 33px; height: 72px;text-align: center;cursor: pointer;font-size:0;}
.scroll-down span{display:block;}
.scroll-down span.fi{width: 5px;height: 5px;background:#ccc ;margin: 0 0 6px 14px;animation: scrollDown 1.5s infinite 1.6s; border-radius: 100%;}
.scroll-down span.se{width: 7px;height: 7px;background:#ccc;margin: 0 0 6px 13px;animation: scrollDown 1.5s infinite 1.4s; border-radius: 100%;}
.scroll-down span.th{width: 9px;height: 9px;background:#ccc;margin: 0 0 6px 12px; animation: scrollDown 1.5s infinite 1.2s; border-radius: 100%;}
.scroll-down span.fo{width: 33px;height: 33px;animation: scrollDown 1.5s infinite 1s;}
@keyframes scrollDown{
  0%{
    opacity: 1;
    top: 0;
  }
  100%{
    opacity: 0;
    top: 10px
  }
}



@media screen and (max-width:1240px){
.rx{display:none;}
.header{width: 980px;}
.aboutbox{width: 980px; margin-top: -45px;height: 544px;}
.aboutbox .img{width: 410px; top: -90px;}
.bg{margin-top: 123px;}
.habout{padding:110px 28px 0 0; margin-left: 445px;}
.habout h3{font-size: 32px;}
.habout .pic li{width: 110px;}
.habout .pic li span{line-height: 110px;}
.habout .mores{bottom: 15%;}
.h_title{perspective:980px;}
.Flip1 {transform: rotateX(-32deg); height:550px;}
.hproduct{width: 980px;}
.hproduct .box {margin: 0 auto;width:95%;}
.hproduct .box ul{margin: 0 -20px;}
.hproduct .box li{width:25%; padding: 0 20px 30px;}
.hproduct .box li a{width: 100%;}
.hproduct .box li p{padding: 0 20px;}
.hproduct .box li span{padding: 0 20px 20px;}
.hproduct{padding-bottom: 80px;}
.advbox{width: 100%;left: inherit; margin-left: 0;}
.advbox .advleft{padding:0 2%;}
.advbox .advright{padding:55px 2% 0 0;}
.advbox .advright dl dt h3{font-size: 20px;}
.hnewsbox{width: 980px; padding-bottom: 90px;}
.l_n{width: 50%;}
.r_n{width: 50%;}
.r_n a{width:50%;}
.r_n a img{width: 235px; height:153px;}
.l_n .pic{height: 217px;}
.l_n .txt{line-height: 40px;}
.l_n .catname{height:60px; font-size: 24px;}
.l_n .catname i{width:12px; padding-top:12px;}
.l_n .catname span{line-height: 60px;}
.t_n{padding-bottom: 30px;}
.n_nav{padding-bottom: 60px;}
.Flip2{perspective: 980px;transform: rotateX(40deg); height: 550px;}
.joint-box{width: 980px;}
.part5{padding-top: 180px;height: 788px;}
.footer .box{width: 980px;}
.f_nav{width: 50%;}
.ewm{margin-left: 30px; width: 120px;}
.pa_bg .h_title {margin-top: -315px;}
.listcase{width: 980px;}
.listpartner{width: 980px;}
.listpartner li{width:20%;}
.contactusbox{width: 980px;}
.list_recuit{width: 980px;}
.list_recuit ul{margin: 0 -20px;}
.list_recuit li{padding: 0 20px 40px;}
.s_titles .aa{width:85%; max-width: 980px;}
.show_recuit{width: 980px;}
.enterprise{width:980px;} 
.honor-box{width:100%;}
.window-bin2 .ctrl-left{left: 20px;}
.window-bin2 .ctrl-right{right: 20px;}
.honor-box{width: 940px;}
.about_box{width: 1200px; margin-left: -600px; height: 480px;}
.aboutleft .apic2{width:360px; top: 130px;}
.aboutright{padding:80px 0 0 20px; }
.aboutright .tit .a1{font-size: 24px;	}
.aboutright .tit .a2{font-size: 30px; padding-bottom: 10px;}
.aboutright .tit .a3{font-size: 24px;}
.aboutright .tit{padding-bottom: 28px;}
.aboutright .a_txt{height: 175px;}
.pro_show2{width:980px;}
.pro_show2 .pro1 .p_pic{padding-right:0; width: 55%;}
.pro_show2 .pro1 .infobox{width: 45%}
.pro_show2 .pro2 .l{width:55%; padding-right: 20px;}
.pro_show2 .pro2 .r{width: 45%;}
.pro_show2 .pro2 .r .table{padding-right:10px;}
.pro_show{width: 960px; left: 50%; margin-left:-480px;padding-top: 20px;}
.pro_show .pro1{width: 55%; padding-right: 30px;}
.p_textbox{width: 45%; top: 20px;}
.pro_show .pro1 .p_pic{width: 500px;}
.pro_show .pro1 .video{width: 500px;}
.list_nav a{margin: 0 12px;}
}	
@media screen and (max-width:980px){
.p_nav a{width: 150px;}	
.header{width:768px;}
.top{height: 80px;}
.boxbg{top: 80px;}
.header .logo{padding:20px 0;}
.header .logo img{height: 40px;}
.nav li{padding: 0 15px;}
.nav li>a{padding:14px 2px;}
.nav li .box{top: 80px;}
.aboutbox{width:768px; margin-top: -35px;height: 374px;}
.aboutbox .img{width:320px; top: -70px;}
.bg{margin-top:95px; height: 500px;}
.habout{padding:50px 20px 0 0; margin-left:345px;}
.habout h3{font-size: 24px; padding-bottom:0;}
.habout p{height: 96px; overflow: hidden;}
.habout .pic li{width:100px;}
.habout .pic li span{line-height:100px;}
.habout .mores{width: 80px;}
.aboutbg{height: 340px;}
.h_title{padding: 32px 0;}
.h_title .t1{font-size: 24px;}
.h_title .t2{font-size: 30px; line-height: 36px;}
.h_title .t3{width: 90px;}
.h_title .t4{font-size: 14px; padding-top: 5px;}
.hproduct{width:768px;}
.hproduct .box ul{margin: 0 -15px;}
.hproduct .box li{width:33.3333%; padding: 0 15px 30px;}
.adbox .ad h3{font-size: 20px;}
.adbox .ad p{height: 120px;}
.advbox .advright{padding-right: 0;}
.advbox .advright dl dd{width: 45px;}
.advbox .advright dl dt{padding-left:55px;}
.advbox .advright dl dt h3{font-size: 18px;}
.n_nav{padding-bottom:45px;}
.hnewsbox{width:768px; padding-bottom:70px;}
.r_n a img{width: 182px; height:130px;}
.l_n .pic{height:181px;}
.l_n .catname{height: 75px; font-size: 24px;}
.l_n .catname i{width:18px; padding-top:20px;}
.t_n{padding-bottom: 30px;}
.l_n .txt{line-height: 40px;}
.l_n .catname{font-size: 20px; height:50px; padding-right:20px;}
.l_n .catname span{line-height:50px;}
.l_n .catname i{width:10px; padding-top:8px;}
.t_n{padding-bottom: 20px;}
.t_n2{margin: 0 -15px;}
.t_n2 li{padding: 0 15px;}
.footer .box{width: 768px; height: 260px;}
.f_nav{width: 52%;}
.f_nav li h3{font-size:15px;}
.f_nav li p{font-size: 13px; line-height: 28px;}
.ewm{width: 120px; margin-left:0;}
.f_contact p{line-height: 28px; font-size: 13px;}
.f_contact p a{color: #fff;}
.f_contact .zxzx{width:135px; line-height: 32px; margin-bottom:20px;}
.f_contact .zxzx::after{bottom:-20px;}
.Flip2{perspective:768px;transform: rotateX(40deg); height: 400px; top:0;}
.joint-box{width: 768px;}
.part5{padding-top: 180px;height:700px;}
.pa_bg .h_title{margin-top: -250px; }
.joint-box{padding-top: 30px;}
.listcase{width:768px;}
.listcase ul{margin: 0 -15px;}
.listcase li{padding: 0 15px 30px;}
.listpartner{width: 768px;}
.listpartner li{width: 25%;}
.contactusbox{width: 768px;}
.list_recuit{width:768px; padding-bottom: 120px;}
.list_recuit ul{margin: 0 -10px;}
.list_recuit li{padding: 0 10px 30px;}
.s_titles .aa{width:80%; max-width: 768px;}
.show_recuit{width: 768px; padding-bottom: 120px;}
.s_titles .updown{top: 155px;}
.enterprise{width:768px;} 
.honor-box{width: 740px;}
.aboutleft{display: none;}
.about_box{width: 100%; left: inherit; margin: 0 auto; height: auto;}
.aboutright{width: 768px; margin: 0 auto; float:initial; padding:50px 0 0 0;}
.aboutright .tit{text-align: center;}
.aboutright .a_txt{padding-right: 30px; height:200px;}
.pro_show2{width:100%; margin: 0 auto;}
.pro_show2 .pro1 .p_pic{width: 100%; text-align:center;}
.pro_show2 .pro1 .infobox{width: 100%;}
.pro_show2 .pro2 .l{width:100%; padding-right: 20px;}
.pro_show2 .pro2 .r{width:100%;}
.pro_show2 .pro2 .r .table{padding: 0 10px;}

}
@media screen and (max-width:800px){
.banner{ height:inherit; background-size: cover; background: none; padding-top: 50px;}
.banner .imgs{display: block;}
.banner-bin .im1{display: none;}
.banner-bin .im2{display: block;}
}
@media screen and (max-width:768px){
/*.banner{ height: 240px; background-size: cover; }*/
.hide-xs{display: none;}	
.top{height:65px; position:fixed; top: 0; width: 100%; left: 0; z-index: 98;}	
.nav{display: none;}
.header{text-align: center; width: 100%;}
.header .logo{float: initial; display: inline-block; padding:10px 0;}
.menu{display: block; position: absolute; left: 15px; top: 15px; font-size:30px; color: #70c00f; line-height: 30px;}
.banner-box{padding-top: 65px;}
.bg{margin-top: 35px;background-image: url(../images/bg2.jpg) ;}
.aboutbox{width:90%; margin:-35px auto 0;border-left: 12px solid #9bff21;}
.aboutbox .img{display: none;}
.habout{margin-left: 0;padding: 50px 20px 0;}
.p_nav a{width: 120px;}
.hproduct{width:100%; padding-bottom: 50px;}
.hproduct .box li{width:50%;}
.p_nav{padding-bottom: 30px;}
.p_nav a{margin-bottom: 20px;}
.advbox .advleft{width: 100%; padding-right:75px; padding-left: 15px;}
.advbox .advright{position: absolute; right: 0; top: 0; width:50px; padding-top:28px;}
.advbox .advright dl{width: inherit; float:inherit;}
.advbox .advright dl dt{display: none;}
.advbox .advright dl{margin-bottom: 20px;}
.hnewsbox{width: 95%; margin: 0 auto; padding-bottom: 40px;} 
.n_nav{padding-bottom: 20px;}
.n_nav a{width: 120px; margin-bottom: 20px;}

.l_n{display: none;}
.r_n{width: 100%; float: inherit;}
.r_n a {padding: 10px;}
.r_n a img{width: 100%; height: auto;}
.t_n2 li h3{font-size: 16px; line-height: 28px; padding-bottom: 8px;}
.t_n2 li p{font-size: 12px; margin-bottom: 15px;}
.footer .box{width: 95%;margin: 0 auto; max-width:480px; padding: 30px 0; height: auto; overflow: hidden;}
.f_nav{display: none;}
.joint-box{width: 640px;}
.list_nav a{width: 120px; margin-bottom: 20px;}
.list_nav{padding-bottom: 25px;}
.listcase{width:95%; margin: 0 auto;}
.listcase li h3{line-height: 36px; font-size: 14px;}
.listcase li h3 a{padding-left: 15px;}
.listcase li p{font-size: 12px; height: auto; padding:10px 15px;}
.listcase li p span{display:block; max-height: 60px; overflow: hidden;height: 24px;
overflow: hidden;}
.m_page{display: block; text-align: center; padding:40px 0;}
.m_page a{display: inline-block; width: 120px; line-height: 40px; font-size: 16px; border: 1px solid #e4e4e4;}
.m_page a:hover{color:#70c00f; border: 1px solid #70c00f;}
.page{display: none;}
.listpartner{width: 95%; margin: 0 auto;}
.listpartner li{width: 33.3333%;}
.contactusbox{width: 95%; margin: 0 auto;}
.contactusbox ul li{width: 50%; height: 180px;}
.contactusbox{padding-bottom: 200px;}
.contactusbox > h3{font-size: 24px; padding:0 0 40px;}
#allmap{height: 320px;}
.contactusbox ul{padding-bottom: 50px;}
.gbookbox{padding-bottom: 80px;}
.list_recuit{width:95%; margin: 0 auto; padding-bottom:80px;}
.list_recuit li{width: 50%;}
.s_titles h3.s1{padding-bottom: 15px; font-size: 28px; line-height: 28px;}
.s_titles .s2{padding: 12px 0; font-size: 12px;}
.s_titles .s2 p column-span: {padding: 0 3px;}
.s_titles{padding: 30px 0 60px;}
.s_titles .updown{top: inherit; bottom:-30px; right: 50%; margin-right: -93px;}
.show_recuit{width: 95%; margin: 0 auto; padding-bottom: 80px;}
.show{padding:20px; font-size: 14px;}
.linkweb{padding-left: 20px;}
.linkweb a{width: 100px; line-height: 30px;}
.enterprise{width:95%; margin: 0 auto; max-width: 600px; padding:0 0 80px;} 
.enterprise .le{margin-bottom: 12px;}
.enterprise .le,.enterprise .re{width: 100%; float: none; padding: 0;}
.graybg{padding-top: 0;}
.honor-box{width:460px;}
.window-bin2{margin-bottom: 80px;}
.adv-pager{bottom: 20px;}
.adv-box{max-height:420px;}
.adv1{font-size: 24px;}
.adv3{font-size: 14px; line-height: 24px;}
.aboutright{width: 90%; padding-top: 110px;}
.m_pro{display:block;}
.hide-xs{display: none;}
.banner-pager{bottom:12px;}
.banner-pager .swiper-pagination-bullet{height: 3px; width: 40px;}
.advbox .advright{padding-top: 42px;}
.advbox .advright dl dd{width:30px;}
}
@media screen and (max-width:525px){
.aboutbox{border-width:8px;}
.habout .pic li{width: 33.333%; padding-right: 10px; margin-right: 0; display: block;}
.habout .pic li img{max-width: 100px;width: 100%;}
.habout .pic li span{ padding-right: 10px; line-height:inherit; font-size: 12px; top: 50%; height: inherit;margin-top: -6px;}
.habout p{height: 120px;}
.habout .mores{bottom:-12%;}
.part3{padding:80px 0;}
.copy .link{display: none;}
.joint-box{width:480px;}
.listcase li{width: 50%;}
}
@media screen and (max-width:479px){
/*.banner{ height:200px; background-size: cover; }*/
.top{height:50px;}
.header .logo{padding:6px 0 ;}
.header .logo img{height: 32px;}
.menu{font-size:28px; top: 8px;}
.banner-box{padding-top:50px;}
.habout{padding: 40px 12px 0;}
.habout h3{font-size: 20px;}
.h_title{padding: 24px 0;}
.h_title .t1{font-size: 20px; line-height: 30px;}
.h_title .t2{font-size: 24px; line-height: 30px; padding-bottom: 5px;}
.h_title .t4{font-size: 13px; padding:8px 10px 0; line-height: 24px;}
.hproduct{padding-top: 20px;}
.p_nav{padding-bottom: 10px; width: 95%; margin: 0 auto; overflow: hidden;}
.p_nav a{margin: 0 12px 20px; width: 30%; margin: 0 1.6% 20px; float: left;}
.hproduct .box li{padding-bottom: 20px;}
.hproduct .box li p{padding: 0 10px;}
.hproduct .box li span{padding: 0 10px 20px;}
.p_more a{width: 120px; line-height: 32px;}
.advbox .advleft .h_title{padding-top:30px;}
.adbox .ad p{height: 168px;}
.part3{padding:50px 0;}
.t_n2{margin: 0 auto;}
.t_n2 li{width: 100%; padding-bottom:20px;}
.t_n2 li p{height: auto;}
.n_nav{padding-bottom: 5px;}
.n_nav{padding-bottom: 10px; width: 95%; margin: 0 auto; overflow: hidden;}
.n_nav a{margin: 0 12px 20px; width: 30%; margin: 0 1.6% 20px; float: left;}
.hnewsbox{padding-bottom: 20px;}
.ewm{width: 100px;}
.f_contact{float: inherit;width:200px;margin: 0 auto;}
.f_contact p{font-size: 12px; line-height: 24px;}
.f_contact .p2 a{margin-right: 10px; display: inline-block;}
.f_contact .zxzx{width: 100px; line-height: 26px; font-size: 12px;}
.f_contact .zxzx::after{bottom:-16px;}
.joint-box{width:320px; padding-top: 10px;}
.part5{height: 600px;}
.pa_bg{height: 200px;}
.listpartner{padding-bottom: 50px;}
.listpartner li{width: 33.3333%;}
.contactusbox ul li{margin-bottom: 10px;}
.contactusbox ul li p{line-height: 24px;}
.list_nav {overflow: hidden; width: 95%; margin: 0 auto;}
.list_nav a{width: 30%; margin: 0 1.6% 20px; float: left;}
.contactusbox{padding-bottom: 50px;}
.contactusbox > h3{font-size: 20px;}
.contactusbox ul li img{height: 40px;}
.contactusbox ul li h3{font-size: 18px;padding:10px 0 5px;}
.contactusbox ul li{height:165px;}
.contactusbox ul{padding-bottom: 10px;}
#allmap{height: 280px;}
.list_recuit{padding-bottom: 50px;}
.list_recuit li{width:95%; float: inherit; margin: 0 auto;}
.s_titles{padding:25px 0 60px;}
.show_recuit{padding-bottom: 50px;}
.s_titles h3.s1{font-size: 20px; line-height:24px; padding-bottom: 5px;}
.enterprise{padding: 0 0 50px;}
.honor-box{width:360px;}
.window-bin2{margin-bottom:50px;}
.window-bin2 .ctrl-right{right: 8px;}
.window-bin2 .ctrl-left{left: 8px;}
.window-bin2 .ctrl-right,.window-bin2 .ctrl-left{width:20px; margin-top: -40px;}
.honor-bin a{padding: 5px 8px;}
.aboutright .a_txt{height: auto; overflow-y: hidden; padding: 0 2px 30px;}
.mouse{display: none;}
.aboutright .tit .a1{font-size: 20px; line-height: 30px;}
.aboutright .tit .a2{font-size: 24px; line-height: 30px;}
.aboutright .tit .a3{font-size:20px;}
.aboutright .tit{padding-bottom: 15px;}
.aboutright{padding-top:80px;}
.pro_show2 .pro1 .infobox h3{font-size: 20px; padding-bottom:15px;}
.pro_show2 .pro2 .r .table table{line-height:35px;}
.pro_show2 .pro2 .l h3, .pro2 .r h3{font-size: 20px;}
.ewm{display: none;}
.pro_show2 .pro1 .infobox{padding: 10px 0 0;}
.ascroll-box{height: auto;}
.ascroll-obj{position: relative; width: 100%;}
.ascroll-bar{display: none !important;}
.part3,.bg{background-attachment:inherit;}
.listcase ul{margin: 0 -8px;}
.listcase li{padding: 0 8px 30px;}

}
@media screen and (max-width:375px){
.habout h3{font-size: 18px; line-height: 24px; padding:5px 0 12px;}
.listcase li p span{height: 40px;}

}
@media screen and (max-width:320px){
.habout h3{font-size: 16px; padding: 5px 0 10px;}
.habout p{font-size: 12px; height: 144px;}
}
@media screen and (max-width:320px){
.n_nav a{margin: 0 8px 15px;}
.joint-box{width:280px;}
.honor-box{width:280px;}	
}