@charset "utf-8";
/* CSS Document */
body{ min-height: 100%; position: relative; margin-left: 0; -webkit-transition: all .4s; transition: all .4s; background-color: #fff; margin:0 auto; max-width:640px;}
body.on{margin-left: -56%;}
img,textarea{display:block;}
/*Header.html*/
#Header{position:relative; z-index: 20; width:100%; height:3.115rem; background-color: #fff;}
body.on #Header{position:fixed;}
body.on #Content{padding-top: 3.115rem;}

.header{width:100%; height:3.115rem;}
.header .logo{float:left; padding:0.5rem 0 0 .64rem;width:calc(100% - 4.3rem);}
.header .logo img{height:2.1rem;}
.main-header{color: #fff; width:3.115rem; height:3.115rem; float: right; position: relative;}
.burger {width: 1.5rem; height:1rem; position: absolute; top: 50%; left: 50%; /*margin:-.64rem 0 0 -.535rem;*/-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 7; cursor: pointer;}
.burger__slice {position: absolute; left:0; overflow: hidden; display: block; width: 100%; height: 6px;background: #009b4d;opacity: 0; -webkit-transition: all .2s; transition: all .2s ;}
body.on .main-header{background-color:#009b4d;}
.burger.burger--open{width:1.6rem; height:1.6rem; /*margin:-.8rem 0 0 -.8rem;*/ }
.burger.burger--loaded .burger__slice {filter: alpha(enabled=false); opacity: 1; }

.burger.burger--loaded .burger__slice:first-child { -webkit-transition: 150ms; transition: 150ms; top:0;}
.burger.burger--loaded .burger__slice:nth-child(2) { -webkit-transition: 300ms; transition: 300ms; top:.45rem;}
.burger.burger--loaded .burger__slice:nth-child(3) { -webkit-transition: 450ms; transition: 450ms; top:.9rem;}
.burger.burger--open .burger__slice:first-child,
.burger.burger--open .burger__slice:nth-child(2),
.burger.burger--open .burger__slice:nth-child(3) {-webkit-transition: 200ms; transition: 200ms; background-color: #fff; -webkit-transform-origin: center; transform-origin: center;}
.burger.burger--open .burger__slice:first-child {-webkit-transform: rotate(45deg); transform: rotate(45deg); top:.77rem;}
.burger.burger--open .burger__slice:nth-child(2) { filter: alpha(Opacity=0); opacity: 0; top:.77rem;}
.burger.burger--open .burger__slice:nth-child(3) {-webkit-transform: rotate(-45deg); transform: rotate(-45deg); top:.77rem;}

.mask{ background:rgba(0, 0, 0, .6); position: fixed; top:0; left:0; width:100%; height: 100%; z-index: 100; display: none;}

#sidenav{width:56%; height:100%; position:fixed; top: 0; right:0; background:#444; z-index: 101; display:block; overflow-y: scroll; right:-56%; -webkit-transition: all .4s; transition: all .4s; }
#sidenav h2{background: #333; height:3.115rem; line-height:3.115rem; color:#b5b5b5; padding:0 1.07rem; border-bottom: 1px solid #1f1f1f;}
#sidenav.active{right:0;}
#sidenav h2 .sid-law{font-size: 1.05rem;}
#sidenav ul.nav > li{position:relative; border-bottom: 1px solid #575757; line-height:2.14rem; padding: 0 1.07rem; background-color: #444; transition:all .3s; -webkit-transition:all .3s;}
#sidenav ul.nav > li > a{font-size: 0.7rem; font-weight:bold; color:#a0a0a0;}
#sidenav ul.nav > li > i{position:absolute; right:1.07rem; top:0; width:0.6rem;height:0.6rem;margin-top:0.77rem;background: url("images/sidenav_icon_jia.png") no-repeat center;background-size: 100%; opacity:0;}
#sidenav ul.nav > li.on > i{opacity:1;}
#sidenav ul.nav > li.on{background-color:#009b4d;}
#sidenav ul.nav > li.on a{color:#fff;}
#sidenav ul.list-suv{padding:.6rem 1.07rem; display: none; background-color: #333;}
#sidenav ul.list-suv li a{display:block; font-size: 0.6rem; color:rgba(255,255,255,.4);line-height: 1.2rem;}
/*头部导航*/

.banner{ z-index:55;}
.content{ background-color:#f4f4f4;}


/****************************企业荣誉*******************************/
.l{ float:left;}
.r{ float:right;}
.caseIndex {width:100%; overflow:hidden; margin:8px auto 0;}
.caseIndexTop { width:96%; padding:0 2%; height:46px; line-height:46px; font-size:16px; background:#fff;border-bottom:#eeeeee solid 1px;border-top:#eeeeee solid 6px;}
.caseIndexTop em{width:3px; height:16px; background:#009b4d; margin:15px 5px 15px 0; float:left;}
.caseIndexTop i{float:right; font-style:normal; font-size:14px; color:#aaa;}

.caseIndexList{background:#fff;}
.caseIndexList ul{ width:98%; margin:auto; padding:2% 1% 0; margin-top:1px;}
.caseIndexList a{ display:block; width:48%; overflow: hidden; float:left;text-align: center; margin:0 1% 2%; color:#fff; position:relative;}
.caseIndexList a span { height:36px; line-height:36px; background:rgba(0, 0, 0, 0.7); position:absolute; bottom:0; width:100%; z-index:1; display:block;}
.caseIndexList a img {width:100%; height:auto; margin:auto; }
.caseIndexList a:hover span{color:#fff; background:#2e2e2e;}

.caseIndexMore{ width:96%; padding:0 2% 2%; background:#fff; display:inline-block;}
.caseIndexMore a{background:#009b4d; width:100%; height:46px; display:block; line-height:46px; text-align:center; font-size:16px; color:#fff;}



/****************************企业动态*********************************/
.newsIndex{ width:100%; overflow:hidden; margin:8px auto 0;}
.newsIndexTop { width:96%; padding:0 2%; height:46px; line-height:46px; font-size:16px; background:#fff; border-bottom:#eeeeee solid 1px;}
.newsIndexTop em{width:3px; height:16px; background:#009b4d; margin:15px 5px 15px 0; float:left;}
.newsIndexTop i{float:right; font-style:normal; font-size:14px; color:#aaa;}

.newsIndexList ul{ width:96%; padding:0 2% 2%; margin-top:1px; background:#fff;}
.newsIndexList li{ margin:0; width:100%; border-bottom:1px solid #eee; height:44px; padding:2% 0;}
.newsIndexList li:after{ content:''; display:block; height:0; overflow:hidden; clear:both;}
.newsIndexList li .l{width:calc(100% - 90px);}
.newsIndexList li .r{width:78px;}
.newsIndexList li .r img{width:78px;}
.newsIndexList p{ font-size:14px; line-height:24px; height:24px;overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis;}
.newsIndexList span{ font-size:12px; color:#aaa; line-height:20px; height:20px;}
.newsIndexList img{ height:44px; margin:0;}

.newsIndexMore{ width:96%; padding:0 2% 2%; background:#fff; display:inline-block;}
.newsIndexMore a{background:#009b4d; width:100%; height:46px; display:block; line-height:46px; text-align:center; font-size:16px; color:#fff;}

/****************************关于我们*********************************/
.aboutIndex{ width:100%; overflow:hidden; margin:8px auto 0;}
.aboutIndexTop { width:96%; padding:0 2%; height:46px; line-height:46px; font-size:16px; background:#fff; border-bottom:#eeeeee solid 1px;border-top:#eeeeee solid 6px;}
.aboutIndexTop em{width:3px; height:16px; background:#009b4d; margin:15px 5px 15px 0; float:left;}
.aboutIndexTop i{float:right; font-style:normal; font-size:14px; color:#aaa;}
.aboutIndexcontent{ width:96%; padding:0 2% 2%; margin-top:1px; background:#fff;}
.aboutIndexcontent .text{line-height:24px;}
.aboutIndexMore{ color:#FF0000; display:inline;}


/****************************产业*********************************/
.group{ margin:0 0.64rem; text-align:center;display:none; background-color:#fff; margin-top:-50px; z-index:1 !important;}
.group .swiper-container{ width:100%; height:120px; box-shadow:0px 3px 10px #c5c5c5; background-color:#fff;}
.group .swiper-slide{ height:120px; width:25% !important; }
.group .swiper-slide img{ margin:10px auto 15px; width:60%;}
.group .swiper-slide p{ text-align:center; font-weight:bold;}
.group .swiper-slide:nth-child(1){ background-color:#f4f4f4;}


/****************************新闻*********************************/
.index_news{ margin-top:2rem;}
.h_h1{font-size: .75rem; line-height: .8rem; font-weight: bold; color:#656577; text-align: center; margin-bottom: .2rem;}
.h_h2{font-size: .95rem; font-family: 'dincond-medium'; color:rgba(85,69,79,.2); text-align: center; text-transform:uppercase;}


.news_fa{margin:1rem 0.64rem 0;}
.news_fa span{ font-size:0.7rem; font-family: 'dincond-medium'; color:#8b8b8b; text-align: center; text-transform:uppercase; font-weight:bold; margin-bottom:0.2rem; line-height:1.3rem;}
.news_fa h2{  font-size: .7rem; font-weight:bold; color:#494949; line-height:1.3rem;margin-bottom: .2rem}
.news_fa p{ line-height:0.9rem; font-size:0.54rem; padding-bottom:0.6rem; border-bottom:1px dotted #ddd;}
.index_news ul{ margin:0.6rem 0.64rem 0;}
.index_news ul li { overflow:hidden; width:90%;height:1rem; background:url(images/qu.jpg) no-repeat center left; padding-left:20px;}
.index_news ul li a{ color:#494949; font-size:0.54rem; line-height:1rem;  }
.Cbtn{border-radius: 4px;width: 80%;display: block;margin:0.8rem auto 0;padding: 2.6% 0;color: #FFF;font-size: 0.6rem;text-align: center;background-color: #51555a;}


/****************************项目*********************************/
.index_pr{ margin-top:2rem;}
.pr_box{ margin:1rem 0.64rem 0;}
.pr_box .text{font-size:0.6rem;}


/****************************视频*********************************/
.index_video{ margin-top:2rem; }
.video_box{ margin:1rem 0.64rem 0;}

.ab_box{ margin:0.5rem 0.64rem 0; }
.index_ab1{ width:61%;}
.index_ab2{ width:35.5%;}



/****************************footer*********************************/
.footer{ margin-top:1rem; text-align:left; background-color:#009b4d; padding-bottom:1rem;padding-top:0.4rem;}
.footer span{ display:block;margin-left:0.5rem; color:#FFFFFF; font-size:0.54rem; line-height:0.8rem; padding-top:0.2rem; *margin-bottom:0.4rem;}
.footer .up{display:none;}
.footer .up a{width:34px;height:34px;display:block;float:left;margin-right:4px; margin-bottom:0.4rem;}
.footer .wx{background:url("images/logn.png") no-repeat -35px 0px; margin-left:0.5rem}
.footer .wb{background:url("images/logn.png") no-repeat -35px -39px;}
.footer .yx{background:url("images/logn.png") no-repeat -34px -76px;}
.footer a{display:inline;}

.footer p{ display:block;margin-left:0.5rem;margin-right:0.5rem; color:#FFFFFF; font-size:0.54rem; line-height:0.8rem;}



/*********************************内页***********************************/
.c_ban{height:3.84rem; background:url(images/ny_ban.png) no-repeat center/cover;}

/*twnews 图文*/
.twnews{padding:.64rem;}
.twnews .w_listwrap li{margin-bottom: .64rem;}
.twnews .w_listwrap .font{padding:1.28rem .9rem .64rem; border:1px solid #e8e4d9;}
.twnews .w_listwrap .font h4{font-size: 1.3rem; font-family: "dincond-medium"; line-height: 1.1rem; color:#9a97a4; margin-bottom: .2rem;}
.twnews .w_listwrap .font h3{font-size: .8rem; font-weight: bold; line-height: 1.3rem; color:#61617c; margin-bottom: .8rem;}
.twnews .w_listwrap .font p{font-size: .6rem; line-height: 1rem; color:#979797; margin-bottom: .5rem;}
.twnews .w_listwrap .font .icon{overflow:hidden;}
.twnews .w_listwrap .font .icon em{float:left; padding-left: 1.2rem; line-height: 1rem; font-size: .5rem; color:#d0cfd5; margin-right: .64rem;}
.twnews .w_listwrap .font .icon em.eye{background:url(images/icon_check.png) no-repeat left center/.81rem;}
.twnews .w_listwrap .font .icon em.share{background:url(images/icon_share.png) no-repeat left center/.81rem;}
.twnews .addMore{margin-bottom: .64rem;}

/*新闻*/
.news{width:96%; margin:0.4rem auto;min-height:320px;}
.news dl{overflow:hidden}
.news dt{width:100%; height:2rem; padding-bottom:0.3rem; margin-bottom:0.5rem; border-bottom:1px solid #E8E8ED}
.news_time{width:2rem; height:100%; background:#E9E9EE; text-align:center; margin-right:0.2rem}
/*.distbc {display: table-cell; vertical-align: middle;}*/
.newst{margin:auto; text-align:center;}
.newst span{font-size:0.8rem; color:#777;}
.newst p{font-size:0.4rem; color:#777;text-align:center;}
.news_tit{width:calc(96% - 2.4rem);margin-left:0.4rem; height:100%}
.news_tit a{display:block; font-size:0.6rem; color:#111; line-height:0.8rem;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_tit span{font-size:0.4rem; letter-spacing:0.5px; color:#777; line-height:0.6rem;overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.news_tit a:hover{color:#009b4d}
.news dt:hover .nynewst span{color:#009b4d}



/*************************产品中心**************************/
.cpzx{padding:15px 10px; min-height:320px;}
.cpzx .imgcp{padding:0 10px;}
.cpzx p{width:80%;text-align:center; margin:auto;line-height:20px;padding:10px 0;}
/*************************分页**************************/
#pages{ margin:0px auto;width:100%;text-align: center;}
#pages a{ padding:0 10px; font-family: "Arial"; height:30px; border:1px solid #dedede; line-height:30px; display:inline-block;  margin-left:5px; color:#1e2432; color:#6c6c6d; font-size:12px; }

.page-box { margin:0px auto;width:100%;}
.page-box .pages{display:inherit; width:100%;  text-align: center;}
.pages a{ padding:0 10px; font-family: "Arial"; height:30px; border:1px solid #dedede; line-height:30px; display:inline-block;  margin-left:5px; color:#1e2432; color:#6c6c6d; font-size:12px; }
.pages .st{font-family: "SimSun"; font-size: 12px;}
.pages .on{ background:#51555a; color:#fff !important;  border:1px solid #51555a;}
.pages span{ background:#51555a; color:#fff !important;  border:1px solid #51555a;}
.pages a:hover{ background:#51555a; color:#fff !important; text-decoration:none;  border:1px solid #51555a;}
.pages a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari ºÍ Chrome */
-o-transition: all 1s; /* Opera */}



/*************************人才招聘***************************/
.job{ padding:0.64rem}
.human_left{width:100%; display:inline-block;overflow: hidden;   }
.human_left .address01{ background:#f4f4f4;display:inline-block; width:100%;overflow: hidden; padding-top:0.8rem; }
.human_left .address01 li{ float:left;padding:0px 0.6rem;text-align: left;  margin-bottom: 0.6rem; color:#595d62; font-size: 0.55rem;}
.human_left .address01 li img{ vertical-align: middle; margin-right:10px; padding-bottom:0.2rem}
.list{ width:100%; background:#6683d8; color:#FFF;display:inline-block; margin-top:0.6rem;padding:0.4rem 0;}
.list i{ float:left; text-align: center; width:33.33333333%; font-size: 0.6rem;font-style: normal;}


.position01{ width:100%; display:inline-block;margin-top:0.6rem;}
.position01 .list01{ width:100%; background:#6683d8; color:#FFF;display:inline-block;padding:0.4rem 0; position:relative;}
.position01 .list01 i{ float:left; text-align: center; width:33.333333%; font-size: 0.6rem;font-style: normal;}
.position01 .list01 .onclick{ position:absolute;right:20px;cursor:pointer;}
.word07{ /*width:100%; */background:#f4f4f4; padding:0.4rem;line-height: 27px; display:none; font-size:0.6rem; line-height:24px;}
.word07 h5{ margin-bottom: 25px; font-size: 14px;}
.word07 .add02{ width:100%; display:inline-block; font-size: 0.6rem; border-bottom:#c4c2b8 1px dashed ;padding-bottom: 10px;margin-bottom: 10px;}
.word07 .add02 em{ width:100%; display:block;}
.word07 .add02 .left{  text-align: left; font-style: normal;}
.word07 .add02 .right{text-align: left;font-style: normal;}


/*************************人才招聘***************************/
.ind_content{  padding:0.64rem}
.ind_content li{display: block;border-bottom: 1px solid #eee;height: 3.4rem; padding:0.5rem 0;}
.ind_content li .ind_tu{ float:left; width:20%;display: block;}
.ind_content li .ind_tu img{ text-align:center; padding:0.9rem 0 0 0.5rem;;}
.ind_content li .text_box{background:none; width:74%; float:right;}
.ind_content li .text_box a{ display:block; color: #323232;font-size:.8rem;font-weight: bold;line-height: 1.3rem;color: #61617c;}
.ind_content li .text_box p{ margin:0; height:2rem; overflow: hidden; text-overflow: ellipsis; color:#686567; font-size: .6rem;line-height: 1rem;padding-top: 0.2rem;}


.ab_nav{ /*margin-top:4.8rem; */border-bottom:1px solid #ececec;}
.ab_nav a{ width: initial !important;height: 1.6rem;color: #666666;/*font-size: 1.4rem;*/line-height: 1.6rem;padding: 0 0.5rem;display: block;border-right: 1px solid #ececec;/*margin-top: 1.2rem;margin-bottom: 1.2rem;*/ text-align:center;}
.ab_nav a.on{ color:#009b4d;}
.pubcontent {padding:2.5%;}
.pubcontent img {display:block; margin-bottom:5px;}



/*************************在线留言***************************/
.msg{width:80%;margin:auto;}
.msg td{padding:5px 0;}
.msg input[type="text"]{width:100%;font-size:12px; border:#dfdfdf solid 1px;line-height:24px;text-indent:10px;}
.msg textarea{width:100%;font-size:12px;border:#dfdfdf solid 1px;line-height:24px;text-indent:10px}
.msg input[type="submit"]{text-align:center; background:#009b4d;color:#FFFFFF;width:80px;line-height:32px; display:block;margin:auto 20px 0 0; cursor:pointer;}