.wrap{width: 90%;max-width: 1200px;margin-left: auto;margin-right: auto;}
.box{ width:1000px; margin:0 auto;}
.banner{margin-top:80px;}

/*产品中心*/
.product{ max-width:1200px; overflow:hidden; margin:60px auto 0px auto;}
.product .title{ width:100%; text-align:center; position:relative}
.product .title h1{ font-size:28px; color:#666; line-height:35px; margin:15px 0;}
.product .title span{font-size:20px; color:#999; background:#fff; padding:0px 10px;}
.product .title .xian{width:300px; margin:-15px auto 0px auto; height:1px; background:#ccc; text-align:center}
.product_con{ width:100%; overflow:hidden; clear:both; margin:50px auto;} 
.product_con dl{ width:290px; float:left; font-size:14px;  margin:0px 5px;  overflow:hidden; color:#666;}
.product_con dl span{width: 48px;height: 18px; background:url(../images/doc_jta.png) no-repeat center top; margin:10px auto; display:block}
.product_con dl:hover{background-color: #fbfbfb;}
.product_con dl:hover span{background-position: center bottom; position:relative;}
.product_con dl span{-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.product_con dl dd{ height:185px; margin-bottom:10px; padding:1px;} 
.product_con dl dd:hover{background-color:#ccc;}
.product_con dl dd a{ display:block; width:100%; height:100%;}
.product_con dl dt{padding:0px; margin:0px;}
.product_con dl dt H3{text-align:center; font-size:16px; color:#666; font-weight:normal}


/*成功案例*/
.case-bj{width:100%; background:#f3f3f3; padding-bottom:50px;}
.case-bj .title{ width:100%; padding:30px 0px; text-align:center; position:relative}
.case-bj .title h1{ font-size:28px; color:#666; line-height:35px; margin:15px 0;}
.case-bj .title span{font-size:20px; color:#999; background:#f3f3f3; padding:0px 10px;}
.case-bj .title .xian{width:300px; margin:-15px auto 0px auto; height:1px; background:#ccc; text-align:center}

.index-head {text-align: center; margin-bottom: 24px; margin-top:20px;}
.index-head li{display: inline-block;padding-left: 10px;padding-right: 10px;}
.index-head a{font-size: 16px; border:1px solid #ccc; color:#666; padding:5px 20px;}
.index-head li.on a{color:#00a29a; border:1px solid #00a29a;}
.index-head li:last-of-type{background: none;}
.index-head a:hover{color:#00a29a; border:1px solid #00a29a;}
.index-case .case-text{padding: 15px 3%;}
.index-case .case-text h2{padding-bottom: 10px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index-case .case-text h2 a{font-size: 16px;color:#333; }
.index-case .case-text p{position:relative; line-height:30px; height:66px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size:14px;}
.index-case .huadong{display: block;background:#f3f3f3; border-bottom:1px solid #ccc;}
.index-case .huadong span{ margin:10px auto; display:block; width: 48px;height: 18px; background:url(../images/doc_jt.png) no-repeat center top;}
.index-case .huadong:hover{background-color: #f3f3f3; border-bottom:1px solid #00a29a;}
.index-case .huadong:hover span{background-position: center bottom; position: relative;}
.index-case .huadong span{-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.index-case .owl-prev,.index-case .owl-next,.index-news .owl-prev,.index-news .owl-next{width: 20px;height: 40px;position: absolute;top: 50%;margin-top: -20px; background:url(../images/case_arrow.png) no-repeat; text-indent: -9999px;overflow: hidden;}
.index-case .owl-prev,.index-news .owl-prev{background-position: left top; left: -70px;}
.index-case .owl-next,.index-news .owl-next{background-position: right top; right: -70px;}
.index-case .case-toggle{margin-bottom: 50px;}
.see-more{text-align: center;display: block; margin-top:30px; margin-left: auto;margin-right: auto; color:#fff; font-size: 16px;color:#999;}
.see-more:hover{color:#00a29a;}
.see-more i{color:#00a29a; font-size:20px;}
.case-toggle{position:relative; max-width:1200px; margin:0px auto}
.case-toggle .case-body{opacity: 0;/*z-index: 1;*/visibility: hidden;position: absolute;left: 0;top: 0;width: 100%;}
.case-body .case-pic{display: block;overflow: hidden;}
.case-body .case-pic:hover img{-webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
.case-body .case-pic img,.case-body .case-pic:hover img{-webkit-transition: all 1s;
-moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}


/*合作伙伴*/
.hzhb{margin:0 auto; text-align:center; width:100%;}
.hzhb .con2{ width:100%; overflow:hidden; margin:30px auto;}
.hzhb .con2 dl{ width:200px;  float:left; margin:20px 10px!important; padding:0px 10px;}
.hzhb .con2 dl img{ width:198px; border:1px solid #e6e6e6; padding:10px 10px; background:#fff;}



/*新闻中心*/

.index-news{padding-bottom:50px;}
.index-news .title{ width:100%; padding:30px 0px; text-align:center;}
.index-news .title h1{ font-size:28px; color:#666; line-height:35px; margin:15px 0;}
.index-news .title span{font-size:20px; color:#999; background:#fff; padding:0px 10px;}
.index-news .title .xian{width:300px; margin:-15px auto 0px auto; height:1px; background:#ccc; text-align:center}
.index-news .news-text{padding: 15px 3%;}
.index-news .news-text h2{padding-bottom: 10px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index-news .news-text h2 a{font-size: 16px;color:#333; }
.index-news .news-text p{position:relative; line-height:28px; height:50px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size:14px;}
.index-news .text{display: block;background:#fbfbfb; border-bottom:1px solid #fbfbfb; padding-bottom:15px;}
.index-news .text h3{font-family: Arial; color:#aeaeae; font-size: 14px;font-weight: normal; padding-left:10px;}
.index-news .text a{padding-right:10px;}
.index-news .text i{color:#d4d3d3; font-size: 14px; display:block;margin-top: -8px;}
.index-news .text:hover{background-color: #fbfbfb; border-bottom:1px solid #ddd;}
.news-toggle{position:relative; max-width:1200px; margin:0px auto; height:300px;}
.news-toggle .news-body{opacity: 0;/*z-index: 1;*/visibility: hidden;position:absolute;left: 0;top: 0;width: 100%;}
.news-body .news-pic{display: block;overflow: hidden; height:175px!important; width:100%;}
.news-body .news-pic:hover img{-webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
.news-body .news-pic img,.news-body .news-pic:hover img{-webkit-transition: all 1s;
-moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.see-more2{text-align: center;display: block; margin-top:30px; width:120px; margin-left: auto; margin-right:auto; padding:0px 0px;  border:1px #ccc solid;}
.see-more2 a{ margin:10px auto; display:block;  padding:0px 0px; width: 120px;height: 18px; background:url(../images/doc_jt.png) no-repeat center top;}
.see-more2 a:hover{background-position: center bottom; position: relative;}
.see-more2 a{-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;}


/*关于我们*/
.index-about{width:100%; margin:50px auto 0px auto; background:#00a29a; background-size:cover; height:100%; float:left; overflow:hidden}
.index-about .cimg{width: 50%; float: left;}
.index-about .cimg img{width:100%; max-height:450px;}
.index-about .box{width:50%; float:left; display:inline-block; height:100%;}
.index-about .box .title{line-height:60px; padding-left:50px; padding-top:30px;}
.index-about .box .title H2{font-size:30px; color:#fff;}
.index-about .box p{padding-left:50px; padding-right:50px; line-height:28px; font-size:14px; color:#fff;}
.index-about .box .btn{margin-top:20px; margin-left:50px;}
.index-about .box .btn a{font-size: 14px; border:1px solid #ccc; color:#fff; padding:5px 20px;}
.index-about .box .btn a:hover{font-size: 14px; border:1px solid #ccc; color:#fff; padding:5px 20px;}

/*企业荣誉*/
.aboutT1{ font: 30px/1.8 "微软雅黑"; color: #666666; text-align: center;}
.aboutT2{ font: 42px/1.5 "acaslonpro","times new roman",tahoma,georgia; color: #cccccc; text-align: center;}
.w1200{ max-width: 1200px; margin: 0px auto;}
.honorPage{ padding-top: 75px;}
.honorPage .aboutT2{ margin-bottom: 40px;}
.honorList a:link, .honorList a:visited { color: #333333; }
.honorList a:active, .honorList a:hover { color: #C62923; }
.honorList ul{ margin-left: -2%; color: #666;}
.honorList li{ float: left; display: block; width: 31.33%; margin-left: 2%; margin-bottom: 40px; cursor: pointer}
.honorList .img{ border: 2px solid #cfcfcf; padding: 7px; margin-bottom: 8px; overflow: hidden; position: relative;}
.honorList .img img{ width: 100%; display: block;}
.honorList .bg{ background: url(../images/black2.png) repeat; background: none rgba(0,0,0,0.4); bottom: 0; left: 0; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms;}
.honorList .con{ text-align: center; font-size: 14px; color: #666666; line-height: 1.5; height: 20px; overflow: hidden;}
.honorList .il,.honorList .ir{ background-color: #fff; position: absolute; left: 50%; top: 50%; display: block; transition: 400ms; -webkit-transition: 400ms; border-radius: 3px;}
.honorList .il{ height: 3px; width: 0px; margin:-1px 0px 0px -15px;}
.honorList .ir{ height: 0px; width: 3px; margin:-15px 0px 0px -1px;}
.honorList li:hover .img{ border-color: #d5615d;}
.honorList li:hover .bg{ opacity: 1; visibility: visible;}
.honorList li:hover .il{ width: 30px; }
.honorList li:hover .ir{ height: 30px;  transition: 400ms ease 200ms; -webkit-transition: 400ms ease 200ms;}
html.openImg { overflow: hidden; }
.overlayClose { width: 52px; height: 52px; display: block; position: fixed; right: 3%; top: 2%; border-radius: 50%; transition: 300ms; -webkit-transition: 300ms; z-index: 100;}
.overlayClose i { background: url(../images/close_ico2.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; }
.overlayClose:hover{ background-color: #00a29a;}
.overlayClose:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.imgShowBox { background: url(../images/black.png) repeat; background: none rgba(0,0,0,0.7); bottom: 0; left: 0; position: fixed; right: 0; top: 0; transform: translateY(100%); -webkit-transform: translateY(100%); transition: all 800ms ease 0s; -webkit-transition: all 800ms ease 0s; z-index: 9999999; width: 100%; overflow: hidden;  -webkit-overflow-scrolling: touch; }
.no-csstransitions .imgShowBox{ display: none;}
.imgShowDemo { width: 100%; height: 100%; position: relative; overflow: hidden; }
.imgShowDemo .item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; position: relative; }
.imgShowDemo .img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 100%; margin: auto; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.imgShowDemo .con{ position: absolute; left: 0px; right: 0px;bottom: 0px; background-color: #fff; width: 90%; padding: 10px 5%;}
.imgShowDemo .con .t{ font-size: 16px; color: #333;}
.imgShowDemo .txt { background: #272727; font-size: 16px; color: #fff; line-height: 65px; position: absolute; left: 0; right: 0; bottom: 0; height: 65px; }
.imgShowDemo .txt .i { padding-left: 3%; }
.hi-num { width: 85px; height: 65px; background: #272727; color: #fff; border-left: 1px solid #3a3a3a; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 65px; font-size: 16px; }
.img-show { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; }
.no-csstransitions .img-show{ display: block;}
.imgShowDemo .owl-controls .owl-buttons div { position: absolute; padding: 0px; margin: 0px; width: 64px; height: 64px; border-radius: 10px; background-color: transparent; overflow: hidden; top: 50%; margin-top: -32px; background-position: center center; background-repeat: no-repeat; text-indent: -10em; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev { left: 3%; background-image: url(../images/p_l3.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-next { right: 3%; background-image: url(../images/p_r3.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover {background-color: #00a29a; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled { background-color: #666666; }
.infoPaging a:link,.infoPaging a:visited { color: #666666;}
.infoPaging a:active,.infoPaging a:hover { color: #fff;}
.infoPaging{ border-top: 1px solid #cccccc; height: 58px; margin-top: 5%; text-align: center; letter-spacing: -0.31em; /* webkit */*letter-spacing: normal; /* IE < 8 重置 */}
.infoPaging a{ line-height: 58px; width: 66px; border-left: 1px solid #cccccc; font: 18px/58px "acaslonpro","times new roman",tahoma,georgia; display: inline-block;zoom: 1; *display: inline; /* IE < 8: 伪造 inline-block */ letter-spacing: normal; word-spacing: normal; vertical-align: top;}
.infoBox .list{ background: url(../images/list1.png) no-repeat scroll center center #999999; padding-left: 68px; height: 59px; display: inline-block;}
.infoBox .list:hover{ background-color: #cc0000;}
.infoPaging .pprev{ background: url(../images/prev11.png) no-repeat scroll 8% center; padding: 0px 30px 0px 37px; border-left: 0px none; font-size: 16px; font-family: "microsoft yahei";}
.infoPaging .pnext{ background: url(../images/next11.png) no-repeat scroll 92% center; padding: 0px 37px 0px 30px; font-size: 16px;font-family: "microsoft yahei";}
.infoPaging .pprev:hover{ background-position: 0px center; background-color: transparent; color: #cc0000;}
.infoPaging .pnext:hover{ background-position: 100% center; background-color: transparent; color: #cc0000;}
.infoPaging a.act{ background-color: #00a29a; color: #fff;} 
.infoPaging a:hover{ background-color: #ccc; color: #fff;} 
.infoBox{ width: 370px; margin: 0px auto; line-height: 59px; font-size: 16px;}
.infoBox .list{ background: url(../images/list1.png) no-repeat scroll center center #999999; padding-left: 68px; height: 59px; display: inline-block; width: auto;}
.infoBox .list:hover{ background-color: #cc0000;}
.infoBox .pprev{ background: url(../images/prev11.png) no-repeat scroll 8% center; padding:0px 0px 0px 37px; float: left; display: block; height: 100%;}
.infoBox .pnext{ border-left: 0px none; background: url(../images/next11.png) no-repeat scroll 92% center; padding:0px 37px 0px 0px; float: right; display: block; height: 100%;}
.infoBox .pprev:hover{ background-position: 0px center;}
.infoBox .pnext:hover{ background-position: 100% center;}


.culture{max-width:700px; margin:0px auto;}
.culture p{font-size:18px; font-weight:normal; padding:0px 15px; line-height:45px; color:#666; text-align:left}
.culture span{color:#00a29a; font-weight:bold}

/*联系我们*/
.index-contact{width:100%; background:url(../images/index-map.jpg) center top no-repeat; height:270px; float:left}
.index-contact-box{max-width:1200px; margin:0px auto;}
.index-contact-left{ padding:44px 15px;}
.index-contact-left{ float:left;width: 64%;} 
.index-contact-left h1{ color:#fff; font-size:24px; line-height:normal; font-weight:normal; margin-bottom:26px;}
.index-contact-left address{ display:block; font-style:normal; margin-bottom:25px;}
.index-contact-left address p{ color:#fff; font-size:14px; margin-bottom:6px;}
.index-contact-left address p span{margin-right:6px; float:left; margin-top:-3px;}
.index-contact-left address p b{ display:inline-block; font-weight:normal;}
.linec{ width:81px; height:23px; background:url(../images/lineqq.png) center no-repeat;}
.linec a{ color:#fff; display:block; line-height:23px; margin-left:26px;}
.linec a:hover{ text-decoration:underline;}
.index-contact-right{ float:right; padding-top:44px; padding-right:15px;}
.eq{padding-top:20px; text-align:right;}
.eq-info{ display:inline-block;}
.eq-info:nth-child(1){ margin-right:20px;}
.eq-info img{ display:block; width:85px; height:85px;}
.eq-info span{ display:block; text-align:center; margin-top:8px; line-height:normal; color:#fff;}
.index-contact-gz li{ float:left; color:#fff;}
.index-contact-gz li a{ display:inline-block; padding:0 5px; line-height:normal; color:#fff; position:relative;}
.index-contact-gz li a:hover{ color:#fff;}
.index-contact-link{width:100%;}
.index-contact-link H3{float:left; font-size:16px; color:#fff;}
.index-contact-link li{float:left;}
.index-contact-link li a{display:inline-block; padding:0px 10px; color:#fff; font:14px;}


/*底部版权*/
.main_foot {width:100%; background:#000; float:left;}
.foot { max-width:1200px; margin:0px auto;}
.foot p{text-align:right; line-height:24px; padding:10px 0px; color:#fff;}


/*内页*/
/*走进德迈*/
.about_box{ width:100%; height:350px; margin-top:80px; overflow:hidden;}
.about_box.big{ height:400px;}
.about_box ul{ width:1000px; margin:0 auto; color:#fff; font-size:28px; line-height:42px; margin-top:60px;}
.about_box ul li{ width:420px;} 
.about_box ul.red{ color:#d72128;}
.about_box h1{ font-size:32px; text-align:center; color:#fff; line-height:240px;}
.about_box h2{width:1000px; margin:0 auto; font-size:32px; color:#fff; line-height:240px;}
.about_box.big h1{ line-height:40px; width:90%; margin:0 auto; margin-top:150px;}
.about{ width:100%; margin:0px auto 0 auto; padding-bottom:60px;}
.about .tab{ width:100%; text-align:center; background:#f5f5f5}
.about .tab li{ display:inline-block; margin:0 30px;}
.about .tab li a{ display:inline-block; border-bottom:0px solid #fff; font-size:16px; line-height:45px;}
.about .tab li a:hover{ color:#00a29a; border-bottom:1px solid #00a29a;}
.about .tab li.on a{ color:#00a29a; border-bottom:1px solid #00a29a;}
.about .box{width:100%; max-width:1000px; margin-top:30px;}
.about .box H3{font-size:30px; color:#00a29a; line-height:60px; text-align:center; padding-bottom:20px;}
.about .box P{line-height:30px; color:#666; font-size:14px; padding:0px 15px;} 

.aboutPic{ background-attachment: fixed; background-size: cover; padding: 108px 10px; margin-top:50px; position: relative; margin-bottom:-60px;}
.aboutPic .con2{ display: block; border: 3px solid rgba(0,0,0,0.3); background-color: #000; background-color: rgba(0,0,0,0.5); color: #fff; max-width: 1000px; min-height:400px; padding: 30px 30px 80px; margin:0px auto;}
.aboutPic .con2 .t{ font-size: 34px; line-height: 1.2; text-align:center; padding:20px 0px;}
.aboutPic .con2 .pic{max-width:200px; margin:20px auto}
.aboutPic .con2 img{margin:0px auto; max-width:200px;}

.aboutPic .con2 .c{ font-size:14px; font-weight:normal; line-height:30px;}
.aboutPic .target{ transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0; transition: 400ms ease 400ms; -webkit-transition: 400ms ease 400ms;}
.aboutPic .action{ transform: scale(1); -webkit-transform: scale(1); opacity: 1;}
.inner { max-width: 1248px; margin: 0px auto;}

.dibb{
	text-align:center;
	}
.dib{
	display: inline-block;
	*zoom: 1;
	*display: inline;
	vertical-align:middle;
	font-size:14px;
	}

.sershow li {
    width: 182px;
}

.sershow .ico {
    height: 80px;
    background-position: center top;
    transition: 0ms,transform 300ms;
    -webkit-transition: 0ms,transform 300ms;
	display:block;
	background-repeat:no-repeat
}

.sershow .txts {
    font-size: 12px;
    color: #b0b0b0;
    padding: 0 5px;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.sershow .txts .ch {margin-bottom: 4px; font-size:20px; line-height:30px;}
.sershow .txts .cen {margin-bottom: 4px; font-size:15px;}

.sershow li:hover .ico {
    background-position: center bottom;
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}

.sershow li:hover .txts {
    color: #00a29a;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
}

.sershow {
    margin-top: 30px;
    position: relative;
    z-index: 1;
	margin-bottom:50px;
}

.sershow .t {font-size: 34px; line-height:40px; text-align:center; padding:10px 0px 0px 0px; color:#999}


.transYT{ transform:translateY(60px); -webkit-transform:translateY(60px); opacity:1;  }

 
/*新闻中心*/
.news,{ width:100%; margin:0px auto 0 auto; padding-bottom:60px;}
.news .tab{ width:100%; text-align:center; background:#f5f5f5; margin-bottom:30px;}
.news .tab li{ display:inline-block; margin:0 30px;}
.news .tab li a{ display:inline-block; border-bottom:0px solid #fff; font-size:16px; line-height:45px;}
.news .tab li a:hover{ color:#00a29a; border-bottom:1px solid #00a29a;}
.news .tab li.on a{ color:#00a29a; border-bottom:1px solid #00a29a;}
.news .list{ width:100%; max-width:1000px; lear:both; overflow:hidden; padding:20px 0; margin:0 auto; }
.news .list .pic{ float:left; margin-top:8px; width:390px; height:175px; overflow:hidden}
.news .list .pic a img{ width:100%; text-align:center;}
.news .list ul{max-width:580px; float:right; text-align:left; color:#777; line-height:28px;}
.news .list ul time{ margin-bottom:0px; display:block;}
.news .list ul text{ margin-bottom:7px;}
.news .list ul h1 a{ font-size:20px; color:#222; display:block; margin-bottom:5px; font-weight:normal;}
.news .list ul h1 a:hover{ color:#00a29a; text-decoration:none;}
.news .list ul a{ color:#00a29a;}
.news .list ul a:hover{ text-decoration:underline;}
.news .list ul li em{ background:#f0efef; display:inline-block; padding:0 15px; border-radius:20px; line-height:22px; margin-left:5px;}
.news .view{width:100%; max-width:1200px; margin:30px auto;}
.news .view H3{font-size:24px; color:#00a29a; line-height:60px; text-align:center}
.news .view .info{width:98%; margin:0px auto; text-align:center; border-bottom:1px dashed #ddd; padding-bottom:10px;}
.news .view .info span{margin:0px 10px; line-height:30px; font-size:12px; text-align:center}
.news .view p{font-size:14px; line-height:30px; padding:0px 15px; margin-top:30px;}
.news .view p img{text-align:center;}

.news .video{max-width:700px; margin:30px auto}


/*工程案例*/

.case-box{ padding:0px 60px 0; background:#fff; margin-top:30px; max-width:1200px; margin-left: auto; margin-right:auto;}
.case li{ width:30%; margin-right:4%; background:#fff; position:relative; float:left; margin-top:25px;}
.case li figcaption:before{ content:""; width:100%; height:100%; left:0; top:-100%; background:#00a29a; transition:750ms; position:absolute;}
.case li:nth-child(3n+3){ margin-right:0;}
.case li:hover figcaption:before{ top:0;}
.case li:hover figcaption time,.case li:hover figcaption h3{ color:#fff;}
.case li:hover figcaption .casemore:before{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); transition:650ms 450ms;}
.case li:hover figcaption .casemore:after{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:650ms 450ms;}
.case li:hover figure:before{ height:5px; top:0;} 
.case li:hover figure img{ transform:scale(1.08);}
.case li:hover figcaption b{ width:86.2%;}
.case li figure{ display:block; position:relative; overflow:hidden;}
.case li figure:before{ width:100%; height:0px; content:""; position:absolute; left:0; top:0; transition:750ms; background:#00a29a; z-index:10;} 
.case li figure img{ width:100%; height:267px; display:block; line-height:0; transition:860ms;}
.case li figcaption{ display:block; padding:12px 6.9% 16px; position:relative; overflow:hidden;}
.case li figcaption time{ color:#969696; transition:480ms; position:relative; z-index:5;}
.case li figcaption h3{ color:#323232; font-size:15px; font-weight:normal; transition:480ms; text-align:center; position:relative; z-index:5;}
.case li figcaption b{ display:block; width:0; height:1px; background:#fff; position:absolute; left:6.9%; bottom:6px; z-index:5; transition:660ms 420ms;}
.case li figcaption .casemore{ width:22px; height:22px; position:absolute; right:6.9%; bottom:20px; z-index:5;}
.case li figcaption .casemore:before{ content:""; width:22px; height:1px; background:#fff; position:absolute; left:0; top:11px; transition:650ms 0; opacity:0; transform:translateX(20px); -webkit-transform:translateX(20px); -moz-transform:translateX(20px);}
.case li figcaption .casemore:after{ content:""; width:1px; height:22px; background:#fff; position:absolute; left:11px; top:0; transition:650ms 0; opacity:0; transform:translateY(-20px); -webkit-transform:translateY(-20px); -moz-transform:translateY(-20px);}


/*产品中心*/
.product-box{width:100%; margin:0px auto; padding-bottom:60px;}
.product-box .tab{ width:100%; text-align:center; background:#f5f5f5}
.product-box .tab li{ display:inline-block; margin:0 30px;}
.product-box .tab li a{ display:inline-block; border-bottom:0px solid #fff; font-size:16px; line-height:45px;}
.product-box .tab li a:hover{ color:#00a29a; border-bottom:1px solid #00a29a;}
.product-box .tab li.on a{ color:#00a29a; border-bottom:1px solid #00a29a;}

.product-category { margin-top: 30px; width: 200px}
.product-category .title{width:200px; float:left; background:#00a29a; padding:10px 0px; position:relative}
.product-category .title:after{content:""; position:absolute; top:2px; left:2px; border-right: 15px solid transparent; border-left: 0px solid transparent; border-top: 15px solid #dae000; float:left}
.product-category .title H3{font-size:24px; font-weight:normal; color:#fff; line-height:40px; padding:0px 15px;}
.product-category .ntab {margin-top:10px; float:left; position:relative}
.product-category .ntab li{margin-bottom: 6px; width:200px; padding:0px 0px; font-size:14px; text-align:center}
.product-category .ntab li bb{ display:block; width:100%; background:#ddd; color: #666;padding:10px 0px; transition:450ms 220ms;}
.product-category .ntab li:hover bb{ width:100%; background:#00a29a; color:#fff!important;}
.product-category .ntab li bb:after{ content:""; width:16px; height:17px; background:url(../images/jiantou.png) 0px 0px no-repeat; position:absolute; right:10px; margin-top:5px; transform:650ms 0ms}
.product-category .ntab li:hover bb:after{ content:""; width:16px; height:17px; background:url(../images/jiantou.png) -16px 0px no-repeat; right:10px; position:absolute; transition:650ms 450ms;}
.product-category .ntab li a:hover{color:#fff} 


.productPage { padding: 34px 0px 0px; }
.productPage  .title{width:90%; border-bottom:1px solid #ddd; margin-left:15px; padding-bottom:5px; padding-left:0px; padding-right:15px;}
.productPage  .title H3{font-size:18px; line-height:36px; font-weight:normal}
.productDL { padding-bottom: 80px; }
.productDL dd { cursor: pointer; position: relative; }
.productDL .item {  padding: 20px 0px 10px 0px; position: relative; height: 124px; }
.productDL .img { position: absolute; left: 16px; top: 45px; width: 196px; overflow: hidden; }
.productDL .img img { width: 100%; display: block; transition: 600ms; -webkit-transition: 600ms; }
.productDL .con { padding-left: 246px; padding-top:20px;}
.productDL .t { color: #333; font-size: 18px; line-height: 1.2; height: 22px; overflow: hidden; margin-bottom: 12px; }
.productDL .c { height: 24px; overflow: hidden; margin-bottom: 5px; font-size:14px;}
.productDL .js {overflow: hidden; margin-bottom: 5px; font-size:14px;}
.productDL .redmore { color: #aaa; text-decoration: underline; }
.productDL .yellow { background-color: #F0BE00; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 0px; display: block; }
.productDL .item .linkA { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.productDL dd:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.productDL dd:hover .t { color: #00a29a; }


.product-box .view{width:90%; max-width:1200px; margin:30px auto;}
.product-box .view H3{font-size:24px; color:#00a29a; line-height:60px; text-align:center}
.product-box .view .info{width:98%; margin:15px auto; text-align:center; border-bottom:1px dashed #ddd; padding-bottom:10px;}
.product-box .view .info span{margin:0px 10px; line-height:30px; font-size:12px; text-align:center}
.product-box.view p{font-size:14px; line-height:30px; padding:0px 15px; margin-top:30px;}
.product-box .view p img{text-align:center;}






/*--产品详情--*/
.single-title{text-align:center; margin-bottom:30px;}
.single-title h3{color:#666; font-size:24px; font-weight:500; line-height:50px;}

.single_left{
	float:left;
}
.single-right{
	float:left;
	padding-left:20px;
}
.single-right h3{
	color:#333;
	font-size:24px;
	font-weight:500;
	line-height:50px;
}

.cost{
	margin:5px 0 10px 0;
}
.prdt-cost{
	float:left;
	padding-left:0px;
}
.prdt-cost dl dt{
	display:block;
	font-size:14px;
	line-height:36px;
	color:#999;
	list-style:none;

}

.prdt-cost dl dt span{
	font-size:14px;
	line-height:36px;
	color:#666;
	list-style:none;
	padding-right:10px;
	display:inline-block
}


.prdt-cost dl dt.active{
	font-size:14px;
	color:red;
}
.prdt-cost dl a{
font-size: 16px;
  display: inline-block;
  background: #62301b;
  padding: 10px 30px;
  color: #fff;
  border-radius:5px;
  text-decoration: none;
  margin-top:20px;
}

.pro_con_top { width:100%; border-bottom:1px solid #e9e9e9; color:#3b3b3b; font-size:14px; text-align:center; line-height:59px; overflow:hidden; margin-top:30px;}
.pro_con_top .con{ max-width:1160px; margin:0 auto; padding:0px 15px;}
.pro_con_top .con strong{ font-weight:normal;  margin-right:25px;}
.pro_con_top ul{ float:left; line-height:30px; margin-top:15px;}
.pro_con_top ul li{font-size:18px; line-height:30px;}

 
 
.pro_con_top  a.more{ float:right; color:#2b2b2b;}
.pro_con_top  a.more:hover{ text-decoration:underline;} 

.pro_con{ max-width:1160px; margin:30px auto; overflow:hidden; padding:0px 15px;}
.pro_con p{ font-size:14px;  line-height:28px; width:100%;}
.pro_con .show{ text-align:center; font-size:14px; clear:both; margin-top:60px; line-height:40px;}
.pro_con .show .weibo{ background:url(../images/icon.png) no-repeat -521px 0; width:23px; height:19px; display:inline-block; margin-right:15px; vertical-align:-3px;}
.pro_con .show .weixin{ background:url(../images/icon.png) no-repeat -552px 0; width:23px; height:19px; display:inline-block;  vertical-align:-3px;}



/*解决方案*/
.solution{width:100%; overflow:hidden;}
.solution .title{width:100%; border-bottom:1px solid #ccc; padding-bottom:10px; padding-left:15px; padding-right:15px;}
.solution .title H3{font-size:18px; line-height:36px; font-weight:normal}
.solution .list{ width:100%; lear:both; overflow:hidden; padding:20px 15px; float:left}
.solution .list .pic{ float:left; margin-top:8px; width:300px; height:175px; overflow:hidden}
.solution .list .pic a img{ width:100%; text-align:center;}
.solution .list ul{max-width:580px; float:right; text-align:left; color:#777; line-height:28px;}
.solution .list ul time{ margin-bottom:0px; display:block;}
.solution .list ul text{ margin-bottom:7px; padding:0px 10px 0px 0px;}
.solution .list ul h1 a{ font-size:20px; color:#222; display:block; margin-bottom:5px; font-weight:normal;}
.solution .list ul h1 a:hover{ color:#00a29a; text-decoration:none;}
.solution .list ul a{ color:#00a29a;}
.solution .list ul a:hover{ text-decoration:underline;}
.solution .list ul li em{ background:#f0efef; display:inline-block; padding:0 15px; border-radius:20px; line-height:22px; margin-left:5px;}


/*联系我们*/
.contact{width:100%; margin:40px auto 0px auto; padding-bottom:60px; max-width:1200px;}
.contact-left{ padding:0px 2%; width:48%;}
.contact-left{ float:left;} 
.contact-left h1{ color:#333; font-size:24px; line-height:normal; font-weight:normal; margin-bottom:26px;}
.contact-left address{ display:block; font-style:normal; margin-bottom:25px;}
.contact-left address p{ color:#666; font-size:14px; margin-bottom:6px;}
.contact-left address p b{ display:inline-block; font-weight:normal;}
.contact-right{width:48%; max-height:300px; float:left; margin-bottom:50px;}






@media screen and (max-width:1010px){
.foot,.main_foot .bottom{ width:95%; }	 
}
@media screen and (max-width:760px){
.foot ul { width:46%; padding:0 2%;  margin-right:0px; height:260px; text-align:center;}
.foot ul:nth-last-child(3){ height:180px;}
.foot ul:nth-last-child(2){ height:180px;}
.foot .foot_r{ width:100%; float:none; text-align:center;  }
.foot_logo{ float:none; width:96px; margin:0 auto;}
.main_foot .bottom p{ margin:15px auto; width:85%; line-height:24px; text-align:center; float:none;}
.main_foot .bottom span{ float:none; width:85%; text-align:center; margin:0 auto; display:block; } 
}

@media screen and (max-width:1366px){
.index-about .box p{padding-left:20px; padding-right:20px; line-height:28px; font-size:14px; color:#fff;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;}
.index-case .owl-prev,.index-case .owl-next,.index-news .owl-prev,.index-news .owl-next{width: 20px;height: 40px;position: absolute;top: 50%;margin-top: -20px; background:url(../images/case_arrow.png) no-repeat; text-indent: -9999px;overflow: hidden;}
.index-case .owl-prev,.index-news .owl-prev{background-position: left top; left: -40px; top:30%;}
.index-case .owl-next,.index-news .owl-next{background-position: right top; right: -40px; top:30%;}
}
@media screen and (max-width:1230px){
 
.product{max-width:1200px;}
.product_con dl{ width:290px;  margin:0px 5px; }

.index-about .box p{padding-left:20px; padding-right:20px; line-height:28px; font-size:14px; color:#fff;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5!important;
overflow: hidden;}
.index-case .owl-prev,.index-case .owl-next,.index-news .owl-prev,.index-news .owl-next{width: 20px;height: 40px;position: absolute;top: 50%;margin-top: -20px; background:url(../images/case_arrow.png) no-repeat; text-indent: -9999px;overflow: hidden;}
.index-case .owl-prev,.index-news .owl-prev{background-position: left top; left: -10px; top:30%;}
.index-case .owl-next,.index-news .owl-next{background-position: right top; right: 10px; top:30%;}
.product-box .view{margin-left:30px;}
.product-category { margin-left:20px;}
.hzhb{height:500px; overflow:hidden}
}


@media screen and (max-width:1000px){
.banner{margin-top:70px;}
.product{ width:100%;}  
.product_con dl{  width:47%;  margin:15px 1.5%;  }
.index-about{width:100%; margin:100px auto 0px auto;}
.index-about .cimg{width: 100%; float: left;}
.index-about .cimg img{width:100%;}
.index-about .box{width:100%; float:left; background:#00a29a; background-size:cover; display:inline-block;}
.index-about .box .title{line-height:60px; padding-left:20px; padding-top:30px;}
.index-about .box .title H2{font-size:30px; color:#fff;}
.index-about .box p{padding-left:20px; padding-right:20px; line-height:28px; font-size:14px; color:#fff;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;}
.index-about .box .btn{margin-top:20px; margin-left:20px;}
.index-about .box .btn a{font-size: 14px; border:1px solid #ccc; color:#fff; padding:5px 20px;}
.index-about .box .btn a:hover{font-size: 14px; border:1px solid #ccc; color:#fff; padding:5px 20px;}

.about_box{ width:100%; height:350px; margin-top:60px; overflow:hidden;}
.news .list,.case .list{ width:46%; margin:0px 2px 0px 2%; float:left; overflow:hidden; padding:0px 0 0px 0px;}
.news .list .pic,.case .list .pic{width:100% margin-top:8px;}
.news .list .pic img,.case .list .pic img{ width:100%;}
.news .list ul,.case .list ul{width:100%; float:right; text-align:left; color:#777; line-height:28px;}
.news .list ul h1 a,.case .list ul h1 a{ font-size:16px;}
.news .list ul text,.case .list ul text{ margin-bottom:7px; display:none}

.solution .list{ width:44%; margin:0px 2px 0px 2%; float:left; overflow:hidden; padding:0px 0 0px 1%;}
.solution .list .pic{width:100% margin-top:8px;}
.solution .list .pic img{ width:100%;}
.solution .list ul{width:100%; float:right; text-align:left; color:#777; line-height:28px;}
.solution .list ul h1 a{ font-size:16px;}
.solution .list ul text{ margin-bottom:7px; display:none}

.case-box{ padding-left:5%; padding-right:5%;}
.case-info figcaption{ padding-top:18px;}
.case-info figcaption h3{ font-size:22px;}
.case-info figcaption p{ margin-top:5px;}
.case-text{ margin-top:0px;}
.case li figcaption h3{ height:46px; overflow:hidden; line-height:1.4;}

.productPage{ padding: 0px 0px 50px;}
.productDL{ padding-bottom: 50px;}
.productDL .item{ padding: 25px 0px;}
.productDL .img{ left: 0px; top: 25px;}
.productDL .con{  padding-left: 220px; padding-top:0px;}
.productDL .yellow{ display: none;}
.productDL .t { color: #00a29a; font-size: 18px; line-height:22px; height: 22px; overflow: hidden; margin-bottom: 12px; }
.productDL dd:hover .t{ color: #070707;}
.productDL dd:hover .c{ color: #9c9c9c;}
.productDL .c { height: 20px; overflow: hidden; margin-bottom: 5px; }
.productDL dd:hover .redmore{ color: #aaa;}
.ninfoT{ padding: 35px 0px;}
.ninfoT .t{ font-size: 20px;}
.hzhb .con2{ width:100%; overflow:hidden; margin:20px auto; height:500px;}
.hzhb .con2 dl{ width:28%; float:left; margin:12px 2.5%!important; padding:0px 0px;}
.hzhb .con2 dl img{width:180px; border:1px solid #e6e6e6; padding:5px 5px; background:#fff; margin:0px!important;}

}

@media screen and (max-width:860px){
.about_box{ width:100%; height:350px; margin-top:50px; overflow:hidden;}
.product_con dl{  width:47%;  margin:15px 1.5%;  }
.product{ margin:20px auto 0 auto;}

.index-contact-left{ float:left;width: 94%; padding:44px 0px 0px 3%;} 
.index-contact-right{display:none}

.vwrap .videobox { width: 560px; margin-left: -298px; }
.inewList dd{ width: 48%;}
.boxC .en{ font-size: 34px;}
.boxC .zh{ font-size: 27px;}
.ithreenBox dd.ivideoBox{ height: 340px;}
.aboutNav li{ width: 33.33%;}
.aboutNav li:nth-child(1),.aboutNav li:nth-child(2),.aboutNav li:nth-child(3){ margin-bottom: 25px;}
.thressPorfile .w960, #videoPage{ height: 350px;}
.cultureList .con{ font-size: 16px;}
.historyList .con .t{ font-size: 16px;}
.historyList .con .year{ font-size: 26px;}
.historyList .con .bot{ margin: 20px 0px; width: 90px;}
.historyList dd{ background-color: #fff; margin-bottom: 20px; padding: 5%;}
.historyList .con{ font-size: 13px; padding: 0px;}
.honorList li{ width: 48%;}
.imgShowDemo .owl-controls .owl-buttons div{ width: 48px; height: 48px; margin-top: -24px;}
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover {background-color: transparent; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled { background-color: transparent; }


.hzhb .con2{ width:100%; overflow:hidden; margin:20px auto; height:420px;}
.hzhb .con2 dl{ width:45%; float:left; margin:12px 2.5%!important; padding:0px 0px;}
.hzhb .con2 dl img{width:180px; border:1px solid #e6e6e6; padding:5px 5px; background:#fff; margin:0px!important;}

}

@media screen and (max-width:768px){
.banner{margin-top:50px;}	
.index-case .owl-prev,.index-case .owl-next,.index-news .owl-prev,.index-news .owl-next{width: 20px;height: 40px;position: absolute;top: 50%;margin-top: -20px; background:url(../images/case_arrow.png) no-repeat; text-indent: -9999px;overflow: hidden;}
.index-case .owl-prev,.index-news .owl-prev{background-position: left top; left: 10px; top:30%;}
.index-case .owl-next,.index-news .owl-next{background-position: right top; right: 10px; top:30%;}	

.hzhb{height:600px; overflow:hidden}
	
.product_con dl{  width:47%;  margin:15px 1.5%;  }
.product{ margin:20px auto 0 auto;}

.index-contact-left{ float:left;width: 94%; padding:44px 0px 0px 3%;} 
.index-contact-right{display:none}

.solution .list{ width:40%; margin:0px 2px 0px 2%; float:left; overflow:hidden; padding:0px 0 0px 1%;}
.solution .list .pic{width:100% margin-top:8px;}
.solution .list .pic img{ width:100%;}
.solution .list ul{width:100%; float:right; text-align:left; color:#777; line-height:28px;}
.solution .list ul h1 a{ font-size:16px;}
.solution .list ul text{ margin-bottom:7px; display:none}

.index-about .box .btn{margin-top:20px; margin-bottom:20px; margin-left:20px;}
.about_box{ width:100%; height:200px; margin-top:50px; overflow:hidden;}
.case li{ width:48%; margin-right:4%;}
.case li:nth-child(3n+3){ margin-right:4%;}
.case li:nth-child(2n+2){ margin-right:0;}

.page{margin:20px 0;}
.contact-left{width:98%; margin:0px auto}
.contact-right{width:98%; margin-bottom:20px; margin-left:1%;}
.foot p{text-align:center; line-height:24px; padding:10px 0px; color:#fff;}
}

@media screen and (max-width:640px){
.productDL{ padding-bottom:0px;}
.productDL .item{ padding: 10px 0px; height:auto}
.productDL dd{ float: left; display: block; width: 46%; margin: 0px 2% 0px;}
.productDL .img{ position: relative; left: auto; top: auto; margin-bottom: 10px; width: 100%;}
.productDL .con{ padding-left: 0px;}
.productDL .t{ font-size: 16px;  line-height: 24px; text-overflow: ellipsis; white-space: nowrap;}
.productDL .c{ display: none;}
.side-pannel{display:none} 
}

@media screen and (max-width:460px){
.banner{margin-top:50px;}
.banner-hidden{display:none}
.product_con dl{  width:95%;  margin:15px 2.5%; }
.product{width:100%;}
.product_con dl span{display:none}
.product_con dl dd{ height:150px; margin-bottom:10px; padding:1px;} 
.case-bj{width:100%; background:#f3f3f3; padding-bottom:0px;}
.case-text{ margin-top:0px;}
.about .tab li{ display:inline-block; margin:0 10px;}
.news .tab li{ display:inline-block; margin:0 10px;}

.index-case .case-toggle{overflow:hidden; padding-bottom:80px; margin-bottom:20px;}

.hzhb .con2{ width:100%; overflow:hidden; margin:20px auto;}
.hzhb .con2 dl{ width:45%; float:left; margin:5px 2.5%!important; padding:0px 0px;}
.hzhb .con2 dl img{width:180px; border:1px solid #e6e6e6; padding:5px 5px; background:#fff; margin:0px!important;}


.index-contact-left{ float:left; width: 94%; padding:44px 0px 0px 3%;} 
.index-contact-right{display:none}

.index-head {text-align: center; margin-bottom: 24px; margin-top:20px;}
.index-head  li{display: inline-block;padding-left: 10px;padding-right: 10px;}
.index-head  a{font-size: 14px; border:1px solid #ccc; color:#666; padding:5px 10px;}
.index-head  li.on a{color:#00a29a; border:1px solid #00a29a;;}
.index-head  li:last-of-type{background: none;}
.index-head  a:hover{color:#00a29a;}

.news .list,.case .list{ width:100%; overflow:hidden; padding:10px 0 0px 0px; margin:0 auto; }
.news .list .pic,.case .list .pic{width:100% margin-top:8px;}
.news .list .pic img,.case .list .pic img{ width:100%;}
.news .list ul,.case .list ul{ width:100%; float:right; text-align:left; color:#777; line-height:28px;}
.news .view H3,.case .view H3{font-size:20px; color:#00a29a; line-height:45px; width:100%; text-align:center}

.solution .list{ width:100%; overflow:hidden; padding:10px 0 0px 15px; margin:0 auto; }
.solution .list .list .pic{width:100% margin-top:8px;}
.solution .list .pic img{ width:100%;}
.solution .list ul{ width:100%; float:right; text-align:left; color:#777; line-height:28px;}

.product-box{width:100%; margin:0px auto; padding-bottom:60px;}
.product-box .tab{ width:100%; text-align:center; background:#f5f5f5}
.product-box .tab li{ display:inline-block; margin:0 10px;}
.product-box .tab li a{ display:inline-block; border-bottom:0px solid #fff; font-size:14px; line-height:45px;}
.product-box .tab li a:hover{ color:#00a29a; border-bottom:1px solid #00a29a;}
.product-box .tab li.on a{ color:#00a29a; border-bottom:1px solid #00a29a;}

.about_box{ width:100%; height:200px; margin-top:50px; overflow:hidden;}

.case li{ width:100%; margin-right:0;}


.productDL{ padding-bottom:0px;}
.productDL .item{ padding: 10px 0px; height:auto}
.productDL dd{ float: left; display: block; width: 46%; margin: 0px 2% 0px;}
.productDL .img{ position: relative; left: auto; top: auto; margin-bottom: 10px; width: 100%;}
.productDL .con{ padding-left: 0px;}
.productDL .t{ font-size: 16px;  line-height: 24px; text-overflow: ellipsis; white-space: nowrap;}
.productDL .c{ display: none;}
.side-pannel{display:none} 

}




/*在线客服*/
.side-pannel {position:fixed; width:50px; bottom:150px; right:0px; z-index:99999999999; }
.side-bar>a {width:50px;height:50px;  position: relative; text-align: center; margin-bottom:2px;  display:block; cursor:pointer; float:left; background:rgba(34,34,34,.9);  box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:all .3s ease-out; }
.side-bar>a:hover{ background:#00a29a;}
.side-bar a.gotop:hover{ background:#00a29a;}

.side-bar a.qq i{ background:url(../images/side_03.png) no-repeat; width:24px; height:26px; display:block; margin:10px auto;}
 
.side-bar .dh{ width:50px;height:50px; position: relative; text-align: center; margin-bottom:2px;  display:block; cursor:pointer; float:left; display:block; background:rgba(34,34,34,.9);  box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:all .3s ease-out; }
.side-bar .dh:hover{ background:#00a29a;}
.side-bar .dh i{ background:url(../images/side_06.png) no-repeat; width:23px; height:23px; display:block; margin:14px auto;}
.side-bar a.wx i{ background:url(../images/side_10.png) no-repeat; width:26px; height:22px; display:block; margin:14px auto;}
.side-bar a.gotop i{ background:url(../images/side_14.png) no-repeat; width:23px; height:13px; display:block; margin:17px auto;}

.side-bar .dh .hide{  width:166px;  position:absolute; left:-166px; top:-35px;}
.side-bar .dh .hied_con{ width:150px; background:#222; border-radius:4px; color:#fff;  padding:5px 0 15px 0;box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:width .3s ease-in-out; display:none;}
.side-bar .dh:hover .hied_con{ display:block }
.side-bar .dh .hied_con:after{ content:""; width:10px; height:10px; background:#222; position:absolute; right:11px; top:58px; transform:rotate(45deg);}

 
.side-bar .dh .hide dl{ width:130px; margin:0 auto; overflow:hidden; text-align:left; line-height:22px; font-size:12px; margin-top:10px;}
.side-bar .dh .hide dl dt a{ color:#fff; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; }

.pro_main { background-color:#fff;zoom:1; padding:10px 5px; overflow:hidden;}
/*产品中心*/
dl.pd_list_dl{ width:224px; overflow:hidden; float:left; padding: 20px 33px 0 0px;}
dl.pd_list_dl dt,dl.pd_list_dl dt a{ line-height:0; font-size:0;}
dl.pd_list_dl dt img{width:210px; border: 2px solid #f1f1f1; padding:5px; }
dl.pd_list_dl dd {color: #535353; font-size:14px;line-height: 30px;text-align: center;background:url(/images/shadow1.png) no-repeat center top ;}
dl.pd_list_dl dd a{ color:#4c4c4c;font-size:14px;}
dl.pd_list_dl_0{ padding-right:0;}

/*文章分页样式*/
#fenye{clear:both; margin:50px 20px 0 0;}
#fenye a{text-decoration:none; display:inline;border-radius: 3px;line-height:25px;}
#fenye .prev,#fenye .next{width:52px; text-align:center;  line-height:25px;}
#fenye a.curr{width:22px;background:#0C9AD8; border:1px solid #0C9AD8; color:#fff; font-weight:bold; text-align:center;}
#fenye a.curr:visited {color:#fff;}
#fenye a{color:#333333;background:#fff; margin:0px 5px; border:1px solid #dcdddd; float:left; text-align:center;height:22px;line-height:22px}
#fenye a.num{width:22px;}
#fenye a:visited{color:#1f3a87;} 
#fenye a:hover{ float:left;}
#fenye span{line-height:30px; font-size:13px; height:30px;}