/*header1*/
#header{width:100%;height:74px;position:absolute;z-index:999;top:0;background:#fff}
#header #logo{width:100%;height:74px;float:left;text-align:center}
#header .logo-tu{ float:left; }
#header .logo-tu img{float:left;}
#header .logo-dh{float:right;line-height: 74px;color: #000;}
#header .logo-dh img{vertical-align: middle; padding-right: 15px;}

/*subbg1*/
.subbg{width:100%;height:auto;margin-top:74px;overflow:hidden}
.subbg .slide{width:100%;height:auto;position:relative;/* left:50%;margin-left:-960px; */}
/*title1*/
.subtitle{margin-top:70px;text-align:center}
.subtitle .chart img{width:auto}
.subtitle .enchart {width:260px;height:20px;margin:11px auto;font-size:16px;line-height:20px;color:#ccc;font-family:Arial;letter-spacing:3px;}
.subtitle .zhchart {font-size:18px;color:#9b9b9b;}
.subtitle .zhchart_d {margin-top:40px;font-size:34px;color:#08702b;font-weight:bold;}
/*Position1*/
.Position{width:100%; height: 80px;line-height: 80px;color: #545454; background: #f2f2f2;font-size: 18px; overflow: hidden;}
.Position .weizhi-tu{float: left;}
.Position .weizhi-tu img{vertical-align: middle;padding-right: 15px;}
.Position .weizhi-tu a{ color: #545454; }
.Position .goback{float: right;}
.Position .goback a{color: #545454;}
.Position a:hover{color: #ff9c01;}
/*submenu1*/
.subnav{height:30px;line-height:30px;text-align:center;margin:10px auto;position:relative}
.subnav a{color:#000;font-size:18px;}
.subnav span{float: left;margin:0 10px;color:#ddd;}
.subnav li,.subnav li a{float:left;display:inline-block;width:auto;height:30px;margin:0;}
.subnav li{margin-bottom:10px;}
.subnav li a{padding:0 5px;}
.subnav li.active a,.subnav li a:hover{border: 1px solid #ff9c01; color: #ff9c01;}
/*about*/
.about{overflow:hidden;}
.about .subnav{width:100%;}
.about .subnav ul{display: inline-block; margin:auto}
.about .content{padding-top:70px}
.about .content .c{padding:30px 0 60px 0;width:100%;margin:auto;font-size:16px;color:#1a1a1a;line-height:35px}

.about .content .c .about-jj1 img{float: left;}
.about .content .c .about-jj{float: right; width: 54.1666%;padding-top:10px;}
.about .content .c .about-jjwz{width: 100%;}
.about .content .c .about-jjwz img{display: block; margin: 0 auto;padding-top:90px;}
.about .content .c .about-lbt { margin: 0 auto; }
.about .content .c .about-lbt li{display: block; float: left; width: 23.666%;margin:100px 0.666% 50px; }
.about .content .c .about-lbt li .img{display:block;width:100%;padding-bottom:76.4%;height:0;}
.about .content .c .about-lbt li .img img{width:100%;height:auto;}
.about .content .c .about-jj1 p,.about .content .c .about-jj2 p{text-indent:2em;}
/*公司理念*/
.about .content .c .about-tutu img{width: 100%;height: auto;}
.about .content .c .about-zizi{margin: 60px auto;}
.about .content .c .about-zizi h3{font-size: 26px; color:#08702b;padding-bottom:40px;}
.about .content .c .about-zizi span{display: block;color:#4b4b4b;}
.about .content .c .about-zizi p{color:#7b7b7b;}
/*公司价值观*/
.about .content .c .about-jzg{text-align:center;}
.about .content .c .about-jzg img{width: auto;}
.about .content .c .about-jzg h1{padding-bottom: 20px;font-size: 26px;}
.about .content .c .zizi{margin: 30px 20%;}
/*企业精神*/
.about .content .c .about-qyjs{width: 49.92%;float: left;}
.about .content .c .about-qyjs-r{float: right;}
.about .content .c .table5{border:0px;padding-top: 50px;} 
.about .content .c .table5 tr{width: 50%; float: left;}
.about .content .c .table5 td{padding-top: 10px;padding-bottom:10px;width: 100%; float: left;}
.about .content .c .table5 .hang1,.about .content .c .table5 .hang2{border-bottom:1px dashed #dadada;} 
.about .content .c .table5 .hang1,.about .content .c .table5 .hang3{border-right:1px dashed #dadada;}
/*企业愿景*/
.about .content .c .about-yj{font-size:26px;color: #08702b;font-weight: bold;margin-top:-40px;}
.about .content .c .about-yj span{color: #ff9c01;}
.about .content .c .about-yjz{clear:both; width: 100%;padding:80px 0;}
.about .content .c .about-yjz .lf{float: left;width: 50%;text-align: left;}
.about .content .c .about-yjz .rt{float: right;width: 50%;text-align: right;}
.about .content .c .about-yjz .about-yj-title{text-align: left;padding-bottom:40px;}
.about .content .c .about-yjz .lf .img,.about .content .c .about-yjz .rt .img{max-width: 100%;}


/*culture*/
.culture{overflow:hidden;}
.culture .subnav{width:240px}
.culture .subnav ul{width:200px;margin:auto}
.culture .content{padding-top:70px}
.culture .content .title{color:#1a1a1a;font-size:25px;font-weight:bold;text-align:center}
.culture .content .c{padding:30px 0 60px 0;width:1000px;margin:auto;font-size:16px;color:#1a1a1a;line-height:35px}
.culture .content .c img{width:100%;height:auto}
.culture .content .c .p{margin:50px 0}
.culture .content .c .fl{width:45%;float:left}
.culture .content .c .fr{width:55%;float:right}
.culture .content .c .fl .cen{width:260px;margin:auto}
.culture .content .c .fr .cen{width:320px;margin:auto}
/*contact1*/
.contact{overflow:hidden;}
.contact .subnav{width:240px}
.contact .subnav ul{width:200px;margin:auto}
.contact .content{padding-top:0;}
.contact .content .title{color:#1a1a1a;font-size:25px;font-weight:bold;text-align:center}
.contact .content .c{width:91.6%;margin:0 4.2%;font-size:16px;color:#1a1a1a;line-height:25px}
.contact .content .c .ly{width: 100%; margin-bottom: 140px;}
.contact .content .c .ly-l{width:40%;float: left;}
.contact .content .c .ly-r{width:50%;float:right;}
        /*liuyan1*/
.contact .content .c .say{width:100%;margin:auto;font-size:16px;color:#1a1a1a;text-align:center}
.contact .content .c .say table{margin: 0 auto;}
.contact .content .c .say input{width:475px;height:45px;outline:none;border:1px solid #dcdcdc;border-radius:3px; font-size:16px;padding-left:10px}
.contact .content .c .say textarea{width:475px;height:140px;outline:none;border:1px solid #dcdcdc;border-radius:3px;font-size:16px;padding-left:10px;padding-top:10px;resize:none}
.contact .content .c .say table tr.wenzi{display:block;margin:0;}
.contact .content .c .say table tr{display:block;margin-bottom:15px}
.contact .content .c .say span input{width:485px;height:45px;border:none;padding:0;line-height:30px;color:#fff;font-size:16px}
.contact .content .c .say span #submit{background:#ff9c01;}

.contact .content .c .lx-xinxi{clear: both; width: 100%;height: auto; padding-top:150px;}
.contact .content .c .name{width: 100%;font-size:34px;text-align: left; color:#08702b;}
.contact .content .c .name span{font-size:22px;color:#d0d0d0;}
.contact .content .c .xia{clear: both; padding-top:45px;padding-bottom: 45px;}
.contact .content .c .lx-dht{padding-top:45px;padding-bottom: 45px;}
.contact .content .c .lx-l,.contact .content .c .lx-z,.contact .content .c .lx-r{width: 33%;height: auto; float: left;font-size: 20px;line-height: 35px; color: #5a5a5a;}
.contact .content .c .lx-l{text-align: left;border-right: 1px dashed #d8d8d8;}
.contact .content .c .lx-z{text-align: center;border-right: 1px dashed #d8d8d8;}
.contact .content .c .lx-r{text-align: justify-all;}
.contact .content .c .lx-r span{float: right;}
.contact .content .c .fengex{padding-bottom: 120px;}

/*join1*/
.join{margin-top:-50px;overflow:hidden;}
.join .content{padding-top:0;}
.join .content .title{color:#1a1a1a;font-size:25px;font-weight:bold;text-align:center}
.join .content .c{width:100%;margin:0;font-size:16px;color:#1a1a1a;line-height:25px}
.join .content .c .zs{width: 100%; margin-bottom: 140px;}
.join .content .c .zs .zs_bg_1,.join .content .c .zs .zs_bg_2{float: left;}
.join .content .c .zs-img{float:right;}
.join .content .c .zs-img img{margin-top:40px;width: auto;height: auto;float: right;}
.join .content .c .zs .zs_bg_1{width:auto;height:312px;background: url(../images/join_ico_1.png);background-repeat: no-repeat;}
.join .content .c .zs .zs_bg_1 h2{padding-top:22px;padding-left:85px;padding-bottom:72px;color:#08702b;font-size:26px;}
.join .content .c .zs .zs_bg_1 p,.join .content .c .zs .zs_bg_2 p{padding-left:85px;}
.join .content .c .zs .zs_bg_2{width:100%;height:422px;background: url(../images/join_ico_2.png);background-repeat: no-repeat;}
.join .content .c .zs .zs_bg_2 h2{padding-top:22px;padding-left:85px;padding-bottom:70px;color:#ff9c01;font-size:26px;}
.join .content .c .fengex{padding-bottom: 120px;}

/*news1*/
.news{margin-top:50px;overflow:hidden;}
.news .subnav{width:100%;}
.news .subnav ul{display: inline-block; margin:auto}
.news .content{padding:70px 0}
.news .content .c{padding:30px 0 60px 0;width:100%;margin:auto;font-size:16px;color:#1a1a1a;}
.news .content .c li{display:block;width:400px;height:auto;margin-bottom:80px; float:left;}
.news .content .c li:hover .riqi .yue, .news .content .c li:hover .riqi .year{color:#ff9c01;}
.news .content .c li:after{clear:both;display:block;content:''}
.news .content .c li .img{width:324px;height:182px;overflow:hidden;}
.news .content .c li .img img{width: 100%;height: 182px; }
.news .content .c li .riqi{width: 100%; overflow:hidden;}
.news .content .c li .riqi .yue{font-size: 24px; color:#4b4b4b;position: relative;z-index: 9;padding-left: 38px;}
.news .content .c li .riqi .year{padding-left:15px;font-size: 20px; color:#9b9b9b;position: relative;z-index: 9;}
.news .content .c li .riqi .news_sj{width:100%; height: 20px; background:url(../images/news_sjh.png);position:relative;z-index: 999;margin-top:-16px;}
.news .content .c li:hover .riqi .news_sj{width: 339px;background:url(../images/news_sj.png); background-repeat: no-repeat;margin-left: 23px; }
.news .content .c li .r{width:324px;margin-top:15px;padding:0 38px;}
.news .content .c li .r .name{height: 20px; font-size:16px;color:#4b4b4b;margin-bottom: 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news .content .c li .r .des{height: 40px;font-size:14px;color:#9b9b9b;margin-bottom: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}

/*pro*/
.pro {margin-top:50px;overflow:hidden;}
.pro .subnav{width:100%;}
.pro .subnav ul{display:inline-block; margin:auto}
.pro .content{padding-top:60px}
.pro .content .c{padding:0 0 60px 0;width:100%;margin:auto;font-size:16px;color:#1a1a1a;line-height:35px}
.pro .content .c ul{margin-bottom:50px}
.pro .content .c ul:after{clear:both;display:block;content:''}
.pro .content .c ul li{width:32.08333%;height: auto !important; float:left;display:inline-block;margin:20px 0.625%;overflow: hidden;}
.pro .content .c ul li a{font-size: 16px; color:#4b4b4b;}
.pro .content .c ul li .img{display:block;width:100%;padding-bottom:75.32%;height:0;position: relative;background:#fff;overflow:hidden; }
.pro .content .c ul li .img img{position:absolute;max-width:100%;max-height:100%;top: 0px;bottom: 0px;margin: auto;left: 0px;right: 0px; transition:.8s;-webkit-transition:.8s;}
.pro .content .c ul li .mask{position: absolute;top: 0;left: 0;width:100%;height:100%;background:url(../images/pro_zhez.png);opacity: 0;}
.pro .content .c ul li:hover .mask{opacity:0.8;}
.pro .content .c ul li p{width: 100%;text-align: center; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}


/*lipin*/
.lip {overflow:hidden;}
.lip .content{padding-top:60px}
.lip .content .c{padding:0 0 60px 0;width:100%;margin:auto;font-size:16px;color:#1a1a1a;line-height:35px}
.lip .content .c ul{margin-bottom:50px}
.lip .content .c ul:after{clear:both;display:block;content:''}
.lip .content .c ul li{width:20.8333%;float:left;display:inline-block;margin:20px 2.08333%;overflow: hidden;}
.lip .content .c ul li a{font-size: 16px; color:#4b4b4b;}
.lip .content .c ul li .img{display:block;width:100%;padding-bottom:72%;height:0;overflow:hidden;}
.lip .content .c ul li .img img{width:100%;height:auto;}
.lip .content .c ul li p{width: 100%; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}


/*** page****/
.pagenav {text-align: center;}
.pagenav a {border:1px solid #e9e9e9;display:inline-block;margin-right:6px;color: #707070;background:#e9e9e9;width:34px;height:34px;font:bold 14px/34px arial;}
.pagenav a:hover,.pageBox a:active{background:#ff9c01;color: #FFFFFF;text-decoration: none;}
.pagenav .cur { background: #ff9c01;border: 1px solid #ff9c01;text-decoration: none;}
.pagenav a.cur {color: #fff;}
.pagenav .disabled {width: 79px;}



/*article1*/
.article{overflow:hidden;}
.article .content{width:1200px;margin:auto;padding-top:70px;overflow:hidden}
.article .content .title{color:#08702b;font-size:25px;font-weight:bold;text-align:center}
.article .content .date{color:#4b4b4b;font-size:16px;text-align:center;padding-top:15px}
.article .content .c{padding:30px 0 60px 0;width:1000px;margin:auto;font-size:16px;color:#1a1a1a;line-height:35px}
.article .content .c img{max-width:600px;margin:15px auto;display:block;}
.article .content .c .pro-xqt{width:25%;margin:0 auto;}
.article .content .c .pro-xqt img{width:100%;height: auto;}
.article .content .c .pro-xqwz{width:100%;}
.article .content .c .pro-xqwz img{max-width: 650px;height: auto;border:none;}
.article .content .c .relate{height:50px;background:#f5f5f5;line-height:50px;margin:50px 0}
.article .content .c .relate a{color:#1a1a1a}
.article .content .c .relate .pre{float:left;padding-left:10px}
.article .content .c .relate .next{float:right;padding-right:10px}
.article .content .news-nr img{max-width: 700px;height: auto;border:none;}
@media only screen and (min-width:1200px) {
#header a{color:#1a1a1a;font-size:18px}
#header ul{width:880px;float:right;line-height:80px;display: none;}
#header ul li,#header ul li a{width:110px;height:80px;float:left;display:inline-block;text-align:center;}
#header ul li.active a,#header ul li a:hover{background:#ea0000;color:#fff}
}
@media only screen and (max-width:1200px) {
#header .logo-tu .head_dh,#header .logo-dh{display: none;}	
#header{position:fixed;border-bottom:1px solid #eee}
.lip .content .c{width:98%}
.lip .content .c ul li{width:30%;margin:10px 1.6%}
.pro .subnav{width:98%;height: auto;}
.pro .content .c{width:98%;height: auto;}
.pro .content .c ul li{width:30%;margin:10px 1.6%}
.article .content{width:98%;height: auto;}
.article .content .back{display:block;width:100%;height:50px;position:relative;top:0;margin-top:0px;margin-left:0}
.article .content .back p{font-size:16px;background:#f5f5f5;width:90%;padding:0 5%;text-align:center;letter-spacing:10px;color:#000;line-height:50px;margin:auto;top:auto;margin-top:50px}
.article .content .c .relate{margin-top:10px}
.article .content .c .pro-xqt{width:25%;margin:0 auto;}

.news .content .c li{ width:31.33333%;float: left;margin-bottom:30px;margin-left: 1%;margin-right: 1%;}
.news .content .c li .r{width:92%;margin-top:15px;padding:0 4%;}
.news .content .c li .img{display: block; padding-bottom: 56.2%;width:100%;height:0;overflow:hidden;}
.news .content .c li .img img{width: 100%;height: auto; }

.join .content .c{width:98%;margin:0 1%;font-size:16px;color:#1a1a1a;line-height:25px}
.join .content .c .zs-img img{width:85%;}

.about .content .c{width:98%}
.about .content .c .about-jj1 img{width:40%;padding-top: 40px;}
.about .content .c .about-jzg h1{font-size: 1.8em;}
.about .content .c .about-qyjs-r{float:left;} 
.about .content .c .table5 tr{width:80%; float: left;padding-left: 10%;}
.about .content .c .table5 .hang1,.about .content .c .table5 .hang2{border-bottom:0;} 
.about .content .c .table5 .hang1,.about .content .c .table5 .hang3{border-right:0;}
.about .content .c .about-yjz .about-yj-title{padding-bottom:30px;}
}
@media only screen and (max-width:1024px) {
.about .content .c,.culture .content .c{width:96%}

.article .content .c{width:96%}

.contact .content .c .ly{margin-bottom: 60px;}
.contact .content .c .ly-l{width:40%;}
.contact .content .c .ly-l img{width:100%;margin-top:40px;}
.contact .content .c .ly-r{width:55%;}
        /*liuyan*/
.contact .content .c .say input{width:400px;}
.contact .content .c .say textarea{width:400px;height:100px;}
.contact .content .c .say span input{width:400px;}
.contact .content .c .lx-xinxi{padding-top:80px;}
.contact .content .c .name{font-size:30px;}
.contact .content .c .name span{font-size:18px;}
.contact .content .c .xia{padding-top:35px;padding-bottom:35px;}
.contact .content .c .lx-dht{padding-top:35px;padding-bottom: 35px;}
.contact .content .c .lx-l,.contact .content .c .lx-z,.contact .content .c .lx-r{font-size: 18px;}
.contact .content .c .fengex{padding-bottom: 80px;}

.join .content .c .zs-img img{width:75%;}

.about .content .c .about-jj1 img{width:40%;}
.about .content .c .about-yjz .lf{width:100%;}
.about .content .c .about-yjz .rt{width:100%;}
.about .content .c .about-yjz .about-yj-title,.about .content .c .about-yjz p{text-align: left;padding-bottom:40px;}

}
@media only screen and (max-width:960px) {
#header .logo-tu .head_dh,#header .logo-dh{display: none;}	

.contact .content .c .lx-l,.contact .content .c .lx-z,.contact .content .c .lx-r{font-size: 16px;}

.news .content .c li{ width:48%;float: left;margin-bottom:30px;margin-left: 0.5%;margin-right: 0.5%;}
.news .content .c li .r{width:94%;margin-top:15px;padding:0 3%;}

.join .content .c .zs-img{width: 100%;}
.join .content .c .zs-img img{width:60%;display:block;margin: 0 auto;float: none;}

.about .content .c .about-jj1{width: 100%;}
.about .content .c .about-jj1 img{display: block;width: 50%; margin: 0 auto;float: none;}
.about .content .c .about-jj{width: 100%;}
.about .content .c .about-jjwz img{display: block;width: 100%; margin: 0 auto;padding-top:50px;}
.about .content .c .about-lbt li{margin-top: 50px;}
.about .content .c .zizi{margin: 30px 10%;}
.about .content .c .about-jzg h1{font-size: 1.6em;}
}
@media only screen and (max-width:768px) {

.contact .content .c{width:94%;margin:0 3%;}
.contact .content .c .ly{margin-bottom: 60px;}
.contact .content .c .ly-l{width:100%;margin:0 auto;}
.contact .content .c .ly-l img{width: 50%; height: auto; margin:0 25%;}
.contact .content .c .ly-r{float:left;width: 100%;  }

.contact .content .c .say input,.contact .content .c .say textarea{width:500px}
.contact .content .c .say input{height:40px}
.contact .content .c .say table tr{margin-bottom:5px;padding-bottom:5px;}
.contact .content .c .say span input{width:100px;height:35px}
.contact .content .c .say .name{font-size:16px}

.contact .content .c .lx-xinxi{padding-top:50px;}
.contact .content .c .lx-l,.contact .content .c .lx-z,.contact .content .c .lx-r{width:50%;text-align: left;border:none;}
.contact .content .c .lx-r span{float: left;}
.contact .content .c .fengex{padding-bottom:50px;}
.about .content .c .about-lbt li{display: block; float: left; width: 48.668%;margin:30px 0.666% 10px; }

.lip .content .c ul{margin-bottom:20px;}
.pro .content .c ul{margin-bottom:20px;}
.article .content .c .relate .pre,.article .content .c .relate .next{float:none;width:90%;padding:0 5%;background:#f5f5f5;margin:5px 0}
.article .content .back p{text-align:left}
.article .content .c .relate{margin-top:5px}
.article .content .c .pro-xqt{width:35%;margin:0 auto;}

.about .content .c .about-yjz .lf .img,.about .content .c .about-yjz .rt .img{max-width: 100%;display: block; margin:0 auto;}
}
@media only screen and (max-width:640px) {
#header{height:60px}
#header .logo-tu .head_dh,#header .logo-dh{display: none;}
#header #logo{width:180px;margin:auto;height:60px;}
#header #logo img{margin-top:8px;width:85%}
.subbg{margin-top:60px}
.culture .content .c .fl,.culture .content .c .fr{float:none;width:100%;display:block}
.culture .content .c .fl .cen,.culture .content .c .fr .cen{width:330px}

.contact .content .c .ly-l img{width: 70%; height: auto; margin:0 15%;}
.contact .content .c .say input,.contact .content .c .say textarea{width:360px}
.contact .content .c .lx-l,.contact .content .c .lx-z,.contact .content .c .lx-r{width:80%;padding-left:10%;padding-right:15%; text-align: left;border:none;}

.lip .content .c ul li{width:48%;margin:5px 1%}
.pro .content .c ul li{width:48%;margin:5px 1%}
.news .content .c li{ width:100%;float: left;margin-bottom:30px;}

.article .content .c img{width:80%}

.about .content .c .about-zizi h3{font-size:22px;}
.about .content .c .zizi{margin: 30px 10%;}
.about .content .c .about-jzg h1{font-size: 1.2em;}
.about .content .c .about-jzg img{max-width:94%;}
}
@media only screen and (max-width:480px) {
.contact .content .c .say input,.contact .content .c .say textarea{width:300px}
.contact .content .c .lx-l,.contact .content .c .lx-z,.contact .content .c .lx-r{width:100%;text-align: left;border:none;}
.article .content .c .pro-xqt{width:45%;margin:0 auto;}
.about .content .c .about-zizi h3{font-size:20px;}
.about .content .c .about-jzg h1{font-size: 1em;}
}
@media only screen and (max-width:420px) {
.contact .content .c .ly-l img{width: 80%; height: auto;margin:0 10%;}
.contact .content .c .say input,.contact .content .c .say textarea{width:250px}


}