/* CSS Document */
body{color:#333333;font-family:"Microsoft YaHei";padding:0px;margin:0px;}
h1,h2,h3,h4,h5,h6,i,em,p,span,i,th,td{ font-weight:normal;margin:0px; padding:0px;}
a{ color:#333333; text-decoration:none;}
a:hover{ color:#009162;}
img,input,select{outline:none; vertical-align:middle;padding:0px;margin:0px;}
img{border: none;}
ul,ol,li{list-style:none;padding:0px;margin:0px;}

.fl,.left{ float:left;}
.fr,.right{ float:right;}
.dis{display:none;}
.clear,.c{clear:both; height:0px; font-size:0px; overflow:hidden;}
.c10{clear:both; height:10px; font-size:0px; overflow:hidden;}
.c10b{clear:both; height:10px; background:#fff; font-size:0px; overflow:hidden;}
.c20{clear:both; height:20px; font-size:0px; overflow:hidden;}
.c30{clear:both; height:30px; font-size:0px; overflow:hidden;}
.c40{clear:both; height:40px; font-size:0px; overflow:hidden;}
.c50{clear:both; height:50px; font-size:0px; overflow:hidden;}
.c55{clear:both; height:55px; font-size:0px; overflow:hidden;}
.c70{clear:both; height:70px; font-size:0px; overflow:hidden;}
.c100{clear:both; height:100px; font-size:0px; overflow:hidden;}
.clearfix:after {display: block;clear: both;content: "";visibility: hidden;height: 0}
.clearfix {zoom:1}

table,th,td{border-collapse:collapse;border-spacing:0;}

.w1200{width:1310px; margin:0 auto; clear:both; display:block;}
.w1200w{width:1310px; margin:25px auto; clear:both;}
.huanyingbj{ height:30px; background:#e5e5e5;}
.huanying{ width:1310px; margin:0 auto; line-height:30px; color:#868686; font-size:13px;}
.fixedSubNav{position: fixed; top: 0px; left: 0px; z-index:10; width: 100%; background: #009162;/* background: rgba(3,83,168,.9); */animation:myfirst 0.5s;
-moz-animation:myfirst 0.5s; /* Firefox */
-webkit-animation:myfirst 0.5s; /* Safari and Chrome */
-o-animation:myfirst 0.5s; /* Opera */box-shadow:  10px 0px 20px 0 #0358B9;}
@keyframes myfirst
{
from {top:-50px;}
to {top:0px;}
}

@-moz-keyframes myfirst /* Firefox */
{
from {top:-50px;}
to {top:0px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
from {top:-50px;}
to {top:0px;}
}

@-o-keyframes myfirst /* Opera */
{
from {top:-50px;}
to {top:0px;}
}

.foot_info_bottom {overflow: hidden;position: fixed;bottom: 0;left: 0;z-index: 999; width: 100%;}
.foot_info_bottom {display: none;}
.foot_info_bottom .main { display: flex;}
.foot_info_bottom .main>div {flex: 1;text-align: center;}
.foot_info_bottom a.item { color: #ffffff; padding: 5px 0; display: inline-block;}
.foot_info_bottom a.item i {font-size: 16px;display: block;}
.foot_info_bottom a.item span {color: #ffffff;}
.icon img {width: 30px;height: 30px;}



/*关键词搜索*/
.keyword{width:100%; clear:both; height:60px; line-height:60px; overflow:hidden; font-size:16px; background:#f5f5f5;}
.keyword .key_text{float:left;}
.keyword .key_text a{ padding:0px 15px;}
.keyword .key_text span{ color:#F00}
.search_li{ text-align:right; display:none;}
.search{width:286px; float:right; padding-top:15px;}
.search li{float:left;}
.search li .select{width:60px; background:#fff; height:32px;float:left; margin-right:2px; display:none;}
.search li .input{width:230px; background:#fff; border:1px solid #ccc; height:30px;float:left; text-indent:3px; text-indent:6px;}
.search li .submit{width:50px; background:#F00 url(../images/sousuo.png) no-repeat center; cursor:pointer; text-indent:-999em; height:32px;float:left; color:#fff; border:none;}


.inabout{width:1000px; margin:0 auto;border: 10px #04c35c solid;padding: 60px; position: relative;}
.about_left{float:left; width:520px;}
.about_left1{height: 100%;padding: 0;background: #ffffff;border-radius: 5px 0 0 0; min-height: 373px;}
.item-text {width: 100%; padding-top: 0px;}
.about_left h3{font-weight: bold;font-size: 26px; line-height: 24px;padding-bottom: 15px;margin: 0;text-align: left;color: #04c35c;}

.span-right { width: calc(100% - 77px);float: right;}
.about_left p{font-size:14px; line-height:24px; display:block; padding-top:10px;color: #242121;}
.about_more{ clear:both; display:block; padding-top:20px;float: right;}
.about_more a{display:block;background: #ffffff;box-shadow: 0 0 10px rgba(12,3,6,.13);color:#04c35c; width:120px; height:30px; line-height:30px; font-size:14px;  text-align:center;}
.about_more a:hover{background:#04c35c;color:#fff;}
.about_right{float:left; width:520px; height: 360px; right: -85px;position: absolute;}
.about_right img{width:100%; height:100%;}
.about_right1{float:left; width:58.333333%;}
.about_right1 img {width: 100%;height: 100%; height:320px;}

/*============优势===============*/
.m4wr{ background:#f3f3f3;}
.m4wr1{background: #044d37;}
.size1{ width:1100px; height:auto; margin:0 auto;}
.main4{ height:630px;/* background: url(../images/main4.png) no-repeat  center 40px;*/ position:relative;}
.main4 dl{ width:200px; height:200px; position:absolute; display:block;}
.main4 dl dt{font-size:24px; height:56px; line-height:56px; font-weight:bold; text-indent:70px;}
.main4 dl dd{font-size:16px; display:block; padding-top:10px;}
.main4 .dl01{top:60px;left:80px;}
.main4 .dl01 dt{background:url(../images/y_num1.png) no-repeat;}
.main4 .dl02{top:230px;left:10px;} 
.main4 .dl02 dt{background:url(../images/y_num2.png) no-repeat;}
.main4 .dl03{top:420px;left:60px;} 
.main4 .dl03 dt{background:url(../images/y_num3.png) no-repeat;}

.main4 .dl04{top:60px;right:60px;} 
.main4 .dl04 dt{background:url(../images/y_num4.png) no-repeat;}
.main4 .dl05{top: 230px;right:0px;}
.main4 .dl05 dt{background:url(../images/y_num5.png) no-repeat;}
.main4 .dl06{top:420px;right:60px;}
.main4 .dl06 dt{background:url(../images/y_num6.png) no-repeat;}
.main4 .ys_pic{position:absolute;top:20px; left:27%; right:27%;}


.youshi{width:100%; clear:both; display:block; background:url(../images/youshi_bg.jpg) no-repeat top center; height:550px;}
.youshi ul{width:1250px; margin:0 auto;display:block;}
.youshi li{width:20%; float:left;}
.youshi li .ys_pic{text-align:center;border:2px solid #fff; border-radius:5em; width:90px; height:90px; padding:25px;margin:0 auto;}
.youshi li .ys_pic img{ width:100%; height:100%;}
.youshi li .ys_text{display:block; text-align:center; }
.youshi li .ys_text h3{font-size:22px; height:66px; line-height:66px; display:block;color:#fff;}
.youshi li .ys_text .ys_desc{font-size:16px; clear:both; width:190px; margin:0 auto; text-align:center;color:#fff; line-height:25px; overflow:hidden; display:block;}


.ad1{width:100%; height:473px; background:url(../images/ad1.jpg) no-repeat center;overflow:hidden; background-size:cover;}
.ad1 a{width:1200px; margin:0 auto; display:block; height:100%;}
.ad2{width:100%; height:630px; background:url(../images/ad2.jpg) no-repeat center;overflow:hidden; background-size:cover;}
.ad2 a{width:1200px; margin:0 auto; display:block; height:100%;}



.incase{width:100%;overflow: hidden;display:block;  padding-top:20px;}
.incase ul { margin:0;padding:0; clear:both;/* height:290px; */overflow: hidden;}
.incase li {float:left; width:25%; height:250px; overflow: hidden;text-align:center;border-collapse: collapse;}

.incase li a{display:block; width:94%; margin:0 auto;}
.incase li a .cp_name{display: block; width:100%; height:196px;overflow:hidden; position:relative; z-index:1;}
.incase li .cp_name img{height:100%; width:100%;object-fit: cover;}
.incase li a .cp_more{display:none;transition:0.6s all 0s linear;}
.incase li a:hover .cp_more{display:block;position:absolute; z-index:200; top:0px; left:0%; width:100%; height:100%;background:url(../images/case_jiao.png) center;transition:0.6s all 0s linear;}
.incase_title{margin:0 auto; display:block; width:86%;}
.incase li span{height:40px; line-height:46px;color: #111; text-align:center;display:block; clear:both; font-size:16px; text-align:left;overflow:hidden;}
.incase li .case_xian{height:2px; background:#0269c8; width:50px;transition:all 0.6s;}
.incase li a:hover .case_xian{width:100px;transition:all 0.6s;}


.news{ width:100%; height:auto; overflow:hidden;text-align:center; padding-bottom:10px; }
.news .con{ width:100%; float:left;overflow:hidden;background-color: #ffffff; }
.news .row{ width:100%;}
.news .article{width:47%; float:left; margin-bottom:20px; margin-top:0px; position:relative; margin-right: 3%; height: 100px;}
.news .article:nth-child(1){margin-top:0px;}
.news .time{ position:absolute;overflow: hidden; width: 160px;height: 100px;text-align: center;top:0px; left:0}
.news .time img{ width: 160px;height: 100px;}
.news .article h3{ margin-left:180px;text-align:left; font-weight:normal;height:28px; line-height:28px; overflow:hidden; padding-top:6px; font-size:20px;}
.news .article h3 a{font-size:16px; color:#333;}
.news .article p{margin-left:180px; font-size:12px; color:#242121; line-height:20px; height:40px; overflow:hidden; display:block;    text-align: left;}
.more {
border: 1px solid;
background-color: #04c35c;border-color: #04c35c;background-color: ;border-color: ;display: block;padding: 0 5px;height: 40px;line-height: 40px;text-align: center;color: #ffffff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: background-color 0.5s linear;-moz-transition: background-color 0.5s linear;-webkit-transition: background-color 0.5s linear;-o-transition: background-color 0.5s linear;}


@media screen and (max-width:1199px){
.news .con{ width:55%;}
.news .row{ width:100%; margin-left:10px;}
.news article{ width:100%;}
.news article h3{margin-left:70px;}
.news article p{margin-left:70px;}
}
@media screen and (max-width:860px){
.news{padding-bottom:15px; }
.news .row{ width:100%; margin:0 auto}
.news article{width:94%; float:none; margin:0 auto; margin-bottom:20px;}
.news article time{ height:65px; width:65px; top:8px;}
.news article h3{ margin-left:75px;height:28px; line-height:28px;padding-top:6px; font-size:18px;}
.news article p{margin-left:75px;line-height:20px; height:40px; }
.hotnews{width:40%; float:right; margin-right:1%;}
}

@media screen and (max-width:650px){
.news{padding-bottom:15px; }
.news .con{ width:100%;}
.news .row{ width:100%; margin:0 auto}
.news .article{width:94%; float:none; margin:0 auto; margin-bottom:10px;}
.news .time{ height:65px; width:65px; top:8px;}
.news .article h3{ margin-left:75px; height:34px; line-height:34px;}
.news .article p{margin-left:75px;line-height:20px; height:40px;}
.hotnews{width:96%; margin:0 auto;}
}


.map{width:1310px; margin:0 auto; display:block;text-align: center;}
.mappic{float: left; width: 66.666667%;}
.ly{width: 48%;float: left; text-align: left;padding-right: 15px;margin-bottom: 15px;}
.ly input {color: #333333; border: 1px solid; border-color: #f2f2f2; border-color: ; background: #f2f2f2;}
.form-control{font-size: 1rem;
    line-height: 1.571429;display: block; width: 100%;  padding: 5px 19px;color: #76838f;border: 1px solid #e4eaec;border-radius: .215rem;background-color: #fff; background-image: none; -webkit-background-clip: padding-box;background-clip: padding-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: -webkit-box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear; -o-transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;border-color: #e4eaec;-webkit-appearance: none;-moz-appearance: none;}
.form-control1{font-size: 1rem;
    line-height: 1.571429;display: block; width:59%; padding: 5px 19px;color: #76838f;border: 1px solid #e4eaec;border-radius: .215rem;background-color: #fff; background-image: none; -webkit-background-clip: padding-box;background-clip: padding-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: -webkit-box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear; -o-transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;border-color: #e4eaec;-webkit-appearance: none;-moz-appearance: none; float: left;}
.ly textarea {color: #333333;border: 1px solid;border-color: #f2f2f2;background: #f2f2f2;}

.w91 {width: 97.5%;}
.maptext{ width:33%;height:220px; float:right; text-align: right;}
.maptext h3{color:#fff; font-size:1.4rem; font-weight:bold;}
.maptext ul{padding:10px 0;}
.maptext li{font-size:12px;line-height:40px;color:#333;  display:block;}
.maptext li.m1{}
.maptext li.m2{font-size: 30px; font-weight: bold;}
.maptext li.m3{font-size: 14px;font-weight: bold;}



/* CSS Footer */
.foot_bg{width: 100%;padding:20px 0 0px 0; border-top: 1px solid #f0f2f5;}
.foot{width:1200px; margin:0 auto;}
.foot_right{width:74%; float:right;}
.xlogo{width:25%;background:#3a3a3a; float:left; text-align:center; padding-top:70px; height:280px;}
.xlogo span{font-size:40px; height:110px; line-height:110px; color:#fff; display:block;}
.footer_nav{text-align:center; width:100%;}
.footer_nav a{font-size:12px;height:30px; text-align:center;line-height:30px; color: #333;transition: all .4s; padding: 10px 20px;}

.copyright{ color:#333; line-height:30px; clear:both; overflow:hidden;font-size: 12px; text-align: center; padding-bottom: 20px;}

.copyleft{color: #333;text-align: center; font-size: 16px;}
.copyleft a{color: #333;font-size: 16px;}
.copyright a{color:#333; padding:0px 10px; font-size:12px;}

.lxwm{ clear:both;}
.lxwmpic{width:100%;height:420px;background:url(../images/map.jpg) no-repeat 300px top;background-size:cover;}
.lxwmtext{background:#fff; width:25%;height:420px; float:left;padding:0px 56px;}
.lxwmtext h3{color:#333; font-size:1.4rem; font-weight:bold;}
.lxwmtext ul{padding:10px 0;}
.lxwmtext li{font-size:18px;line-height:60px;color:#333; padding-left:52px; display:block;}
.lxwmtext li.m1{background:url(../images/lxwmico.jpg) no-repeat 0 14px;}
.lxwmtext li.m2{background:url(../images/lxwmico.jpg) no-repeat 0 -42px;}
.lxwmtext li.m3{background:url(../images/lxwmico.jpg) no-repeat 0px -94px;}
/*============简介===============*/
.about{width:100%;}
.about img{width:100%;}
.about p{display:block; padding:20px 0; width:90%; margin:0 auto; font-size:16px;}
.about_li{width:100%; clear:both;}
.about_li li{ text-align:center; width:23%; padding:1%;float:left;}
.about_li li img{width:100%; height:100%;}
/*标题*/
.hd_title{width:100%; height:50px; padding:0px; text-align:center; clear:both; background-color: #04c35c;}
.hd_title h3{font-weight: bold;font-size: 22px; height:50px; line-height:50px; color:#fff;float: left;margin-left: 25px;}
.hd_title span{font-size:14px; height:40px; line-height:40px; color:#fff;text-transform:uppercase; float: left;margin-top: 10px;}
.hd_title em{ width:60px; height:3px; background:#009162; display:block; margin:0 auto;}


.hd_title1{width:100%; padding:0px; text-align:center; clear:both; }
.hd_title1 h3{font-weight: bold;  font-size: 36px; margin-top: 0px; text-align: center; font-weight: 500; color: #000000;margin-bottom: 11px;}
.hd_title1 span{ font-size: 14px;font-weight: 300;text-align: center;width: 80%;margin: 0px auto; margin-bottom: 30px;color: #242121;}
.hd_title1 em{ width:60px; height:3px; background:#009162; display:block; margin:0 auto;}


.ys_title{width:100%; height:120px;text-align:center; margin-top:0px; clear:both;padding-top:60px;}
.ys_title h3{font-size:36px; height:80px; line-height:80px; color:#fff;font-weight:normal;text-align:center; margin-top:-80px;}
.ys_title span{font-size:80px; height:80px; line-height:80px; color:#2d66a0;text-transform:uppercase; display:block;font-family:Impact;text-align:center;}
.ys_title em{ width:60px; height:3px; background:#fff; display:block; margin:0 auto;}



.news_title{width:100%; height:100px; margin-top:20px; padding:0px 0; text-align:center;background:url(../images/bt3.jpg) no-repeat center;}
.news_title h3{font-size:28px; padding-left:42px; line-height:100px; color:#fff;letter-spacing:4px; width:200px; margin:0 auto;}


.cp_class{width:23%; float: left; }
/*.cp_class li em{ width:40px; height:40px; line-height:40px;font-size:18px; display:block; margin:0 auto; clear:both; background:#009162; border-radius:2em; color:#fff; font-style:normal;}
.cp_class li a img{width:120px; height:120px; margin:0 auto; border-radius:10em; padding:5px; background:#D3D3D3; border:5px solid #f4f4f4; transition:all 0.4s;}
.cp_class li span{height:34px; overflow:hidden; line-height:34px; width:100%; display:block; font-size:16px; clear:both;}*/
.cp_class a{font-size:15px;width:99.5%; margin:0;text-align:left;display:block; float:left; color:#111;transition:all 0.4s;padding: 13px 0;border:1px #cfcfcf solid;text-indent: 30px;border-top: none;}
.cp_class a:hover{background:-webkit-linear-gradient(top,#ffffff 0%,#f5f5f5 72%,#edecec 100%);color:#04c35c;}
.erj {background: #e6e6e6;}
.left_b{height:24px;background:url(../images/bt_bg.jpg) no-repeat center;}
.plist{ width:16%; float: left; overflow: hidden; margin-bottom:20px; background:#f4f4f4;}
.plist .hd{ height:60px; line-height:60px; font-size:22px; color:#fff; text-align:center;background:#04c35c;overflow: hidden;}
.plist .bd{ border: 1px solid #eaeaea;  border-top: none;overflow: hidden;background:#f2f2f2;}
.plist .bd ul{ width:100%; margin: 0 auto; padding-top:10px;padding-bottom:10px; overflow: hidden;}
.plist .bd ul li{ width: 100%; height:44px; line-height: 44px; overflow: hidden;text-align:center; border-bottom:1px solid #dfdede;}
.plist .bd ul li:last-child{border-bottom:none;}
.plist .bd ul li a{display:block; color:#009162; font-size:14px;}
.plist .bd ul li a:hover{ color:#000; background:#fff;}
.plist .bot{border: 1px solid #eaeaea;font-size: 15px;}
.plist .bot ul{ padding: 10px 15px; line-height:28px;}
.plist .bot ul li{line-height:32px;color:#009162; text-align:center; font-size:13px;}
.plist .bot h3{width:37px; height:37px; padding:16px; background:#04c35c; margin:0 auto; border-radius:5em; margin-top:20px;}
.bgimg {background:#04c35c; text-align: center; padding-top: 52px;}
.bgimg img{max-width: 84%;height: auto;}
.tel1 {padding: 0px 0px 48px;}
.tel1 p {line-height: 20px; font-size: 16px; color: rgb(255, 255, 255); margin: 8px 0px 0px;}
.tel1 b { font-size: 20px;color: rgb(255, 255, 255);}
/*首页滚动产品展示*/
.inproduct{width:1200px; clear:both;overflow: hidden; padding-top:0px;}
.product{width:100%;overflow: hidden; padding-top:0px;}
.cpgd { width:100%; display:block; overflow: hidden;}
.cpgd ul { margin:0;padding:0; clear:both; height:290px; overflow: hidden;}
.cpgd li {float:left; width: 256px; overflow: hidden; line-height: 35px; text-align:center;border-collapse: collapse;
 border:1px solid #e0e0e0;margin:15px 20px 25px 20px;}
.cpgd li a{display:block;}
.cpgd li a .cp_name{display: block; width:246px; height:190px;background: #fff; color: #555;display: table-cell;/*图片容器以表格的单元格形式显示*/ text-align: center; /* 实现水平居中 */ vertical-align: middle; /*实现垂直居中*/ overflow:hidden; padding:5px;}
.cpgd li a:hover span{background: #04c35c; color: #fff;transition:0.6s all 0s linear;}
.cpgd li a img{max-width: 246px; height:190px; vertical-align:middle;object-fit: cover;}
.cpgd li span{height:50px; line-height:50px; background:#e2e2e2; display:block; clear:both;}
.cpgd li a .cp_name:hover img { transform: scale(1.1, 1.1);}
.cpgd li a .cp_name img{transition:transform 1s ease 0s}
/*首页产品展示*/
.ihead { position: relative;border-bottom: 3px solid;border-color: #222222;height: 50px;line-height: 1.6;margin-bottom: 20px;}
.ihead h2 {font-size: 25px;color: #222222;font-weight: bold; margin: 0;}
.mo {position: absolute;right: 0;top: 6px;font-size: 14px;color: #04c35c;display: block;}
.con_right {width:82%; float:right;display:block; overflow: hidden;}
.index_cp {width:75%;float: right; overflow: hidden;}
.index_cp ul {margin:0;padding:0; clear:both; overflow: hidden;}
.index_cp li { float: left;width: 23.0%; overflow: hidden;line-height: 35px; text-align: center; border-collapse: collapse;margin: 0px 0% 10px 2%;}
.index_cp li a{display:block; font-size:16px; color:#121212; width:98%; padding:1%; }
.index_cp li a .cp_name{display: block; color: #555;/*display: table-cell;图片容器以表格的单元格形式显示*/ text-align: center; /* 实现水平居中 */ vertical-align: middle; /*实现垂直居中*/ overflow:hidden; width:100%;}
.index_cp li a:hover span{color: #00428e!important; }
.index_cp li a:hover{color: #00428e!important; }
.index_cp li a .cp_name img{width: 98.2%; height:100%; vertical-align:middle;border: 2px solid #ffffff; border-radius: 8px!important;object-fit: cover;}
.index_cp li span{height:42px; line-height:42px; display:block; clear:both; font-size:18px;color: #222222;font-weight: bold;}
/*.index_cp li a .cp_name:hover img { transform: scale(1.1, 1.1); border-radius:6px;}
.index_cp li a .cp_name img{transition:transform 1s ease 0s;}*/
.index_pro {width:100%;display:block; overflow: hidden;margin:0;padding:0;}
.index_pro ul {margin:0;padding:0; clear:both; overflow: hidden;}
.index_pro li {float:left; width: 28.3%; overflow: hidden;text-align:center;border-collapse: collapse;margin:0px 1% 20px 3%;}
.index_pro li a{display:block; font-size:16px; color:#121212; width:98%; padding:1%; background:#EFEFEF; border-radius:6px;}
.index_pro li a .cp_name{display: block; height:225px;color: #555;/*display: table-cell;图片容器以表格的单元格形式显示*/ text-align: center; /* 实现水平居中 */ vertical-align: middle; /*实现垂直居中*/ overflow:hidden; width:100%;}
.index_pro li a:hover span{color: #fff;}
.index_pro li a:hover{color: #fff;background:#04c35c; border-radius:6px;}
.index_pro li a .cp_name img{width: 100%; height:100%; vertical-align:middle;border-top-left-radius:6px;border-top-right-radius:6px;object-fit: cover;}
.index_pro li span{height:42px; line-height:42px; display:block; clear:both; font-size:16px;}

.hangye {width:95%;display:block; overflow: hidden;margin: 0 auto;}
.hangye ul {margin:0;padding:0; clear:both; overflow: hidden;}
.hangye li {float:left;  width: 233px;padding: 25px; overflow: hidden; line-height: 35px; text-align:center;border-collapse: collapse;margin:0px 1% 0px 1%;}
.hangye li a{display:block; font-size:16px; color:#121212; width:100%;}
.hangye li a .cp_name{display: block; height:122px;color: #555;display: table-cell;/*图片容器以表格的单元格形式显示*/ text-align: center; /* 实现水平居中 */ vertical-align: middle; /*实现垂直居中*/ overflow:hidden; width:100%;}
.hangye li a:hover b{color: #fff;box-shadow: 0 0 9px rgba(12,3,6,.4);}
.hangye li a img{width: 100%; height:100%; vertical-align:middle;object-fit: cover;}
.hangye li span{height:50px; line-height:44px; display:block; clear:both;}
.hangye li a .cp_name:hover img { transform: scale(1.1, 1.1);}
.hangye li a .cp_name img{transition:transform 1s ease 0s}

.case {width:100%;display:block; overflow: hidden;}
.case ul {margin:0;padding:0; clear:both; overflow: hidden;}
.case li {float:left; width: 22.84%; overflow: hidden; line-height: 35px; text-align:center;border-collapse: collapse;margin:8px 1% 8px 1%;border: 1px solid #eaeaea;}
.case li a{display:block; font-size:18px; color:#121212; width:100%;}
.case li a .cp_name{display: block; height:243px;color: #555;/*display: table-cell;图片容器以表格的单元格形式显示*/ text-align: center; /* 实现水平居中 */ vertical-align: middle; /*实现垂直居中*/ overflow:hidden; width:100%; background:#fff;}
.case li a:hover b{color: #fff;}
.case li a img{width: 100%; height:100%; vertical-align:middle;object-fit: cover;}
.case li span{height:50px; line-height:44px; display:block; clear:both; font-size: 18px;font-weight: bold; text-align: left;padding: 20px 20px;}    
.case li a .cp_name:hover img { transform: scale(1.1, 1.1);}
.case li a .cp_name img{transition:transform 1s ease 0s; width:100%;}





.linkbj{ height:92px; background:#111;}
.link{ width:1200px; margin:0 auto;}
.linkz{ float:left; width:250px; height:92px; background:url(../images/yqlj.jpg) no-repeat; font-size:16px; font-weight:bold;}
.linky{ width:950px; float:right; padding-top:20px;}
.linky a{ display:block; float:left; padding: 0 15px 10px 15px; color:#fff;}
.linky a:hover{text-decoration:underline;}



/*内页*/
.class_bg{width:100%; background:url(../images/class_bg.jpg) no-repeat center; height:400px; clear:both;background-size:cover;}
.class_bg h3{margin-top:50px; padding:40px; float:left; background:#fff; border-radius:10px; font-size:36px; color:#000; display:none;}

.proli{ width:100%; height:60px; line-height:60px; border-bottom:1px solid #f0f0f0;}
.proli li{width:15%; height:60px; line-height:60px;text-align:center; float:left;}
.proli li a{display:block; font-size:16px;}
.proli li:hover{width:15%; height:60px; line-height:60px; border-bottom:1px solid #04c35c; text-align:center; float:left;}
.proli li.hover{width:15%; height:60px; line-height:60px; border-bottom:1px solid #04c35c; text-align:center; float:left;}

.path{width:100%;height:50px; line-height:50px; padding:0px; background: rgb(247, 247, 247);}
.path h2{float:left; font-weight:bold; font-size:18px; background:#04c35c; height:40px; line-height:40px; padding:0px 30px; color:#fff;}
.path span{float:left;font-size:14px;color:#111; border-left:5px solid #04c35c; text-indent:22px;}
.path span a{color:#111;}

.content,.view_con{width:98%; margin:0 auto; padding:25px 1%; font-size:16px; line-height:28px;color:#333;}
.about_bg{background:url(../images/about_bg.jpg) bottom center;}
.content p{display:block; padding-top:8px;font-size:16px;color:#2a333c; line-height:40px;}
.view_con p{display:block;font-size:16px;color:#333;}
.content table,.view_con table{border:0px;border-top:1px solid #e2e2e2;border-right:1px solid #e2e2e2; width:99%!important; margin:0 auto;table-layout: fixed !important;border-collapse:collapse;}
.content table td,.view_con table td{border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2; margin:0px; padding:4px 0; text-align:center;border-collapse:collapse;border-spacing:0;word-break:keep-all;word-wrap:break-word;
 /* 自适应宽度*/
}
.content img{float:right; padding-left:20px;}
.content h2{color:#009162; font-size:22px; clear:both; padding-top:8px;}
.content strong{color:#333; font-weight:600;}

.view_con img{max-width:90%;}
.view-title{font-size:24px; line-height:30px; padding:8px 0; display:block; text-align:center;}
.view-date{height:25px; line-height:25px; display:block; text-align:center;}

.updown{width:100%; clear:both; margin-top:15px; margin-bottom:15px; height:50px; display:block;}
.updown li{height:25px; line-height:25px;}
.products{ width:100%; margin:0 auto;}
.products .pros_tit{font-size:28px; text-align:center;height:90px; line-height:90px;margin-top:20px;margin-bottom:20px;clear:both;}
.products .pros_tit a{font-size:28px; background:#009162; color:#fff; padding:10px 30px;}

.row .cptitle{ width:291px; background:#eeeeee; height:50px;}
.row .cptitle p{ color:#333; font-size:16px; text-align:center; line-height:50px;}

.pro-type{float:left;width:272px;height:316px; overflow:hidden; background:#fff;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;transition:all .2s ease;display: table-cell;/*图片容器以表格的单元格形式显示*/ text-align: center; /* 实现水平居中 */ vertical-align: middle; /*实现垂直居中*/}
.pro-type img{width:232px; padding:10px 20px; height:296px;object-fit: cover;}
/*产品组图*/
.pro_list{padding:20px 0px;}

#imgto{width:510px; float:left;}
#imgto .big{width:510px;height:390px;display: table-cell;/*图片容器以表格的单元格形式显示*/ text-align: center; /* 实现水平居中 */ vertical-align: middle; /*实现垂直居中*/  text-align:center; background:#fff;}
#imgto .big img{max-width:510px;max-height:390px;}

#imgto .small{height:82px; padding:8px; border:1px solid #e2e2e2;clear:both; background:#f4f4f4;}
#imgto .small div{float:left;overflow:hidden;}
#imgto .small div.imgl,#imgto .small div.imgr{width:13px;height:80px; border:1px solid #CCC; background-color:#F6F6F6; text-align:center; line-height:80px; font-weight:bold; color: #999; cursor:pointer; display:none;}
#imgto .small div.imgl:hover,#imgto .small div.imgr:hover{ background-color: #E7E7E7; color: #666}
#imgto .small div.imgc{width:100%; position:relative;height:82px;display: table-cell;/*图片容器以表格的单元格形式显示*/ text-align: center; /* 实现水平居中 */ vertical-align: middle; /*实现垂直居中*/}
#imgto .small div.imgc ul{ position:absolute;width:2200px; height:82px;top:0; left:0;}
#imgto .small div.imgc ul li{ float:left; width:115px; margin-left:10px;cursor:pointer;}
#imgto .small div.imgc ul li:first-child{ margin-left:0px;}
#imgto .small div.imgc ul li img{width:111px; height:78px; padding:1px;border:1px solid #1a1f23;}
#imgto .small div.imgc ul li img.the {border:1px solid #0D83F2}

.pro_right{width:52%; float:right;}
.pro_right h1{height:80px; line-height:80px; font-size:26px;}
.pro_right .pro_desc{line-height:28px; line-height:28px; font-size:14px; background:#f4f4f4; padding:15px;}
.pro_right .pro_desc em{font-style:normal; color:#f00;}
.pro_right .pro_zx{width:270px;height:28px; line-height:28px; margin-top:50px; font-size:30px; background:#009162 url(../images/tel2.png) no-repeat 20px 16px; padding:15px 25px; border-radius:3em; text-indent:36px; color:#fff;}
.pro_zx a{color:#fff;}
.pro_img{ width:94%; margin:0 auto; clear:both; text-align:center; display:block; padding:20px;}

.view_con{width:100%; padding:15px 0; font-size:14px;}
.view_con img{max-width:740px;}
.view_pic{width:100%; padding:15px 0; text-align:center;}
.view_pic img{min-width:440px; max-width:640px;}
.view_desc{padding:15px 25px; background:#f5f5f5; border:1px solid #e2e2e2; font-size:14px;}

.view_title{width:100%; background:#f4f4f4; height:50px; line-height:50px; margin:10px auto;}
.view_title h3{background:#009162 url(../images/ico.png) no-repeat 20px center; display:block; float:left; color:#fff;padding:0px 20px;text-indent:30px; font-size:16px;}
.view_title span{float:right; padding-right:10px;}
.view_title span a{color:#111;}

.pronrupr{height:auto;float: left;padding-bottom:20px; margin-left:150px; margin-top:15px;}
.pronrupr1{ width:100%; height:40px; line-height:40px; display:block; color:#1d7ae1; background-color:#767676;}
.pronrupr1_1{ width:auto; padding-left:6px; padding-right:6px; height:40px; display:block; text-align:center; color:#FFF;background-color:#2b5c97; float:left;}
.pronrupr1_2{ width:200px; float:left; height:auto; display:block; padding-top:8px;}
.pronrupr1_3{color:#000; font-weight:bold;}
.pronrupr1_2 a:hover{ text-decoration:underline;}

.pronrupr2{ width:165px; height:50px; display:block; padding-top:10px; float:left;}
.pronrupr2_1{ width:135px; height:39px; line-height:39px; display:block; float:left;}
.pronrupr2_1 a{ width:100%; height:39px; display:block;color:#fff;background:url(../images/qqpibg.png) no-repeat 10px 10px; background-color:#009162;display:block; text-indent:50px;font-weight:bold;}
.pronrupr2_1 a:hover{ color:#000;background:url(../images/qqpibg.png) no-repeat 10px -30px; background-color:#c40000; color:#FFF;}
.pronrupr2_2{ width:198px; height:29px; padding-top:7px; display:block; float:left; }

.pronrupr3{ width:230px; height:55px;padding-left:61px;background:url(../images/protel.png) no-repeat left; font-size:20px; color:#f25000; display:block; line-height:24px; float:left;}
.pronrupr3_1{color:#000; font-size:14px;}

.pronrupr2_112{ width:140px; height:42px; line-height:42px; display:block; float:left; margin-top:8px;}

.pronrupr2_11{ width:100%; height:42px; display:block;color:#c40000;background:url(../images/weixin.png) no-repeat 5px 10px;background-color:#ffeded;border:#c40000 solid 1px; border-radius:8px; text-indent:37px;transition:all 0.3s}
.pronrupr2_11:hover{ color:#000;background:url(../images/weixin.png) no-repeat 5px -30px; background-color:#c40000; color:#FFF;transition:all 0.3s}
.pronrupr2_22{ width:148px; height:148px; display:none; position:relative; top:-50px;transition:all 0.3s}
.pronrupr2_22 img{width:148px; height:148px;}
.pronrupr2_11:hover .pronrupr2_22{ display:block;width:148px; height:148px; position:relative; top:-127px; left:108px;transition:all 0.3s}
.info_title {
	margin: 10px 0 0 0;
	width: 100%;
	height: 40px;
	background: #E2E2E2;
	margin-bottom: 10px; clear:both;
}
.info_title b {
	display: inline-block;
	padding:0 20px;
	height: 100%;
	border-right: 1px solid #fff;
	background: #009162;
	color: #fff;
	line-height: 40px;
}
.info_title a {
	margin: 8px;
	width: 15px;
	height: 15px;
	background-position: 0 -426px;
}

.info_class{width:100%; text-align: center; height:62px;}
.info_class a{background:#b9dcff; height:42px; line-height:42px; width:230px; margin:10px 10px; padding:10px 80px; font-size:16px;}
.info_class a:hover{background:#009162; color:#fff;}
.info_class a.hover{background:#009162; color:#fff;}
/*新闻列表*/
.news_list{ width:100%; clear:both; margin:10px auto;}
.news_list li{height:68px; line-height:68px; border-bottom:1px dashed #e2e2e2;padding-left:10px; color:#666; clear:both; width:100%;}
.news_list li a{ color:#666; font-size:18px;}
.news_list li a:hover{ color:#009162;}
.news_list li span{float:right; padding-right:10px;}
.news_list li b{font-weight:normal;}

.news_list li.topnews{ height:184px; clear:both; width:100%;border-bottom:none;padding-left:0px;margin-bottom:30px;}
.news_list li.topnews:nth-child(2){margin-bottom:10px;}
.news_list li .news_pic{width:30%; height:184px; float:left;}
.news_list li .news_pic img{width:100%; height:100%;object-fit: cover;}
.news_list li .news_tdesc{width:68%;float:right;}
.news_titlex{height:50px; line-height:50px; text-align:left;}
.news_date{height:25px; line-height:25px;font-size:16px; color:#999;}
.news_desc{line-height:28px; font-size:16px; color:#999; display:block; padding-top:10px;}
/*新闻列表二*/
.main_c{width: 100%;float: left;line-height: 260%;padding:10px 0 20px 0;}
.news_two_ul {
    height: auto;
    overflow: hidden;
    width:100%; margin:0 auto;
}
.news_two_ul li{height:160px; overflow:hidden;}
.news_two_box {
    width: 100%;
    height: 130px;
    border: 1px solid transparent;
    position: relative;
    background: #f7f7f7;
    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
}
.news_two_img {
    width: 200px;
    height: 100px;
    padding: 15px;
    float: left;
    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
}
.news_two_img img{width: 200px;height: 100px;object-fit: cover;}
.news_two_txt span {
    font-size: 16px;
    color: #717171;
    display: block;
    height: 30px; line-height:30px;
    overflow: hidden;
    margin-bottom: 10px;
    transition: all .3s ease-out 0s
}
.news_two_txt span b{font-size:16px; font-weight:normal;}
.news_two_box:hover .news_two_txt span {
    color: #333;
}

.news_two_txt i {
    height: 52px;
    color: #A2A2A2;
    line-height: 24px;
    display: block; font-size:14px;
    overflow: hidden; font-style:normal;
    transition: all .3s ease-out 0s
}

.news_two_box:hover .news_two_txt i {
    color: #999
}

.news_two_txt {
    width: 60%;
    float: left;
    padding:16px 0 28px 28px;
    transition: all .3s ease-out 0s
}

.news_two_box:hover .news_two_txt {
    padding: 16px 0 28px 40px
}

.news_two_date {
    width:160px;
    float: right;
    font-family: HELVETICANEUELTPRO-THEX, "微软雅黑";
    color: #999;
    padding: 16px 19px 0 0;
    transition: all .3s ease-out 0s; text-align:right;
}

.news_two_box:hover .news_two_date {
    padding: 26px 29px 0 0
}

.news_two_date span {
	color: rgb(153, 153, 153);
    height: 26px;
    font-size: 24px;
    font-family: HELVETICANEUELTPRO-THEX, "微软雅黑"
}

.news_two_date i {
    font-size: 13px; 
    font-family: HELVETICANEUELTPRO-THEX, "微软雅黑"
}

.news_two_but {
    position: absolute;
    top: 100px;
    right: 108px
}

.news_two_box:hover {
    border: 1px solid #efefef;
    box-shadow: 0 6px 10px 5px rgba(0, 0, 0, .08)
}

.news_two_box:hover .news_two_img {
    background: #0D83F2;
}

.news_two_box:hover .ser_but {
    background: #0a5cb0;
    border: 1px solid #0a5cb0;
    margin: 0 -36px
}


/*联系我们*/
.contact {font: 400 14px/28px "microsoft yahei";}
.contact .caption {margin: 30px 0 20px; padding-bottom:20px;border-bottom: 1px solid #e8e8e8;}
.contact .caption span {display: block;color: #ff2020;font-size: 13px}
.contact h2 {clear: both;font: 700 20px/40px "microsoft yahei";margin-bottom: 10px}
.contact .cway {position: relative;padding: 20px 0;overflow: hidden;}
.contact .cway ul {height: 270px;float: left;}
.contact .cway li {background: url(../images/icon_contact.png) 0 100px no-repeat;line-height: 40px;text-indent: 60px;margin: 5px 0}
.contact .cway li a {color: #666}
.contact .cway li a:hover {color: #ff5050;font-weight: 700}
.contact .cway li span {font-weight: 700}
.contact .cway li.tel {background-position: -60px -338px}
.contact .cway li.qq {background-position: -60px -381px}
.contact .cway li.email {background-position: -60px -473px}
.contact .cway li.fax {background-position: -60px -519px}
.contact .cway li.group {background-position: -60px -427px}
.contact .cway .chat {display: block;width: 230px;line-height: 40px; height:40px;text-align: center;color: #fff;font-size: 16px;font-weight: 700;background-color: #ff2020;margin: 30px 0 0 6px}

/*.map{ width:600px; padding:20px 0;float:right;}
.map p{line-height:25px;}*/

#allmap{width:100%; height:350px; line-height:25px;}

/*分页*/
.pages{text-align:center;clear:both; padding:5px 0px 10px 0px;font-size:14px;width:100%; margin:0 auto;margin:15px 0;}
.pages a{margin:3px;padding:8px 12px;border:1px solid #c1c1c1;color:#A0A0A0;font-size:14px;border-radius: 3px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#FEFEFE), to(#F0F0F0));}
.pages span{background:#15181E;color:#fff;margin:3px;padding:8px 12px;border:1px solid #15181E;border-radius: 3px;}

/*留言*/
.member_f{margin-top:5px;float:right;}
.member_f dl{border-bottom:1px solid #E8E8E8; padding:5px 0; width:100%; float:left;}
.member_f dl dt{float:left; width:110px; text-align:right; line-height:26px; font-weight:bold;}
.member_f dl dd{float:left; line-height:26px; padding-left:10px;}
.member_f dl dd textarea{ width:90%; height:200px;}
.member_f dl dd.m span{color:#C00;}
.member_f dl dd.m span.ok{ background-color:#000; width:10px; height:5px;}
.inp{height:32px; line-height:32px; border:1px solid #e2e2e2; border-radius:5px; padding-left:5px;}
.btnbig{height:40px; line-height:40px; background:#009162; width:180px; color:#fff;}