@charset "utf-8";
/*~~~~框架布局~~~*/

/*==字符串↓==*/
i,.iof{font-style: normal;font-family: "iconfont";line-height:1;transition: all .4s ease-in-out}
@font-face {
  font-family: 'iconfont';  /* project id 1963410 */
  src: url('//at.alicdn.com/t/font_1963410_5iznhqq1s9h.eot');
  src: url('//at.alicdn.com/t/font_1963410_5iznhqq1s9h.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1963410_5iznhqq1s9h.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1963410_5iznhqq1s9h.woff') format('woff'),
  url('//at.alicdn.com/t/font_1963410_5iznhqq1s9h.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1963410_5iznhqq1s9h.svg#iconfont') format('svg');
}


.rack{padding:50px 0 80px 0;}
.container{ width:1600px;min-width:320px; margin: auto;}
.container-B{width:1800px;min-width:320px; margin: auto;}

.rackWor{}
.wor img{max-width:100%; width:auto !important;height:auto !important}

.videoBox iframe{ width:80%; height:600px; display: table;  margin:auto}

.effect-lower{ position: relative;}
.effect-lower .effect-lower-block{position: absolute;right: 0;top:32px;width: 150px;line-height: initial;/* height:50px; */display: block;border: 1px #ddd solid;padding: 10px 20px;z-index: 9;background: #fff;filter: alpha(opacity=0);transform-origin: 95% 0%;transform:scale(0.01);-moz-transform:scale(0.01);transition:all 1s;}
.effect-lower:hover .effect-lower-block{opacity:1;transform: scale(1);}


/*==顶部↓==*/
.header{padding:20px 0}
.header .logo{float:left}
.header .nav{float:right;margin: 20px 0 0 0;}
.header .nav li{float:left; margin:0 20px;}
.header .nav li a{ position: relative; display: block;color:#333333;font-size:18px;/*! padding-bottom: 20px; */}
.header .nav li a:before{ content: ""; position: absolute; left:0;bottom:-36px;height:3px; width:0%; background: #009049;transition: all .4s ease-in-out;}
.header .nav li:hover a:before,.header .nav li.active a:before{width:100%}
.header .nav li a:hover,.header .nav li.active a{color:#009049}
.header .right{float:right;margin:15px 0 0 30px;}
.header .right .block{float:left;cursor: pointer;}
.header .right .block em{ position: relative; display: block;width:30px;height:30px; border-radius: 50%; background: #ececec;margin: 0 0 0 10px;text-align: center;transition: all .4s ease-in-out;} 
.header .right .block em:before{ position: absolute;left:8px; top:7px; font-size:15px;color:#666;transition: all .4s ease-in-out;}
.header .right .block:hover em{ background: #009049;}
.header .right .block:hover em:before{ color:#fff}
.header .right a.weixin .effect-lower-block{/* top:100%; */padding:10px;width: 130px;}
.header .tel .effect-lower-block{left:-180px;top:35px;transform-origin: 95% 0%;padding: 9px;width: 220px;font-size: 18px;text-align: center;background: #fff;color: #009049;}
.header .search .effect-lower-block{transform-origin: 95% 0%;/* top: 25px; */width: 300px;}
.header .search .box{ background:#f5f5f5}
.header .search input{line-height:25px;border:1px #ddd solid;width:210px;padding: 2px 10px;font-size:13px;}
.header .search button{line-height:25px; height:30px;width:40px; border:none;padding:0 5px; background:#666;color:#fff;}
.header .search button:hover{ background:#009049}


/*==次级导航↓==*/
.menu{/*! position:absolute; *//*! left:0; */ /*! bottom:0; */width:100%;padding: 10px 0;background: #f3f3f3;}
.menu ul{ text-align: center; display: table; background:#f2f3f4;width: 100%;}
.menu li{ /*! display:table-cell; */ float: left;margin-right: 50px;}
.menu li a{ position: relative; display: block;margin:0 0px;color:#888888;font-size:18px; padding: 20px 0px;}
.menu li a:before{ content: ""; position: absolute;left:0;bottom:-10px; width:0%; height:3px;transition: all .4s ease-in-out; background: #009049}
.menu li:hover a,.menu li.active a{color:#333333}
.menu li:hover a:before,.menu li.active a:before{width:100%;}



/*==面包屑↓==*/
.site{margin:30px 0 50px 0;color:#666666;font-size:12px;}
.site .home{ padding-left:25px; background: url(../images/home_ico.png) no-repeat left;}
.site a{color:#666;font-size:12px;}
.site a:hover{color:#009049}


/*==标题↓==*/
.titleAx{ margin:20px 0; text-align: center;/*! display: table; */margin: 20px auto;position: relative;overflow: hidden;}
.titleAx b{ position:relative;color:#00a432;font-size:35px;display: table; margin: auto;}
.titleAx b:before,.titleAx b:after{ content:"";position: absolute;left:-54%;top:24px; width:50%;height:1px; background: #00a432;}
.titleAx b:after{left:auto; right:-54%;}
.titleAx b i{ position: absolute;width: 100%;display: block;left: 0;top: 0;}
.titleAx b i:before,.titleAx b i:after{  content:"";position: absolute;left:-10px;top:15px; width:2px;height:20px; background: #00a432;}
.titleAx b i:after{left:auto;right:-10px;}
.titleAx p{color:#999999;font-size:16px;margin-top: 10px;width: 50%;margin:10px auto 0;display: table;}


/*==特点↓==*/
.HomeFeature{}
.HomeFeature ul{}
.HomeFeature ul li{ position:relative;float:left; width:25%; border-right:1px #ddd solid;transition: all .4s ease-in-out;height: 180px;}
.HomeFeature ul li:before{ opacity: 0; content:""; position: absolute; left:0;top:0;width:100%;height:100%;background:-webkit-linear-gradient(left, #02943e, #00a212);transition: all .4s ease-in-out;}
.HomeFeature ul li:last-child{ border-right:0px;}
.HomeFeature ul li a{ position: relative; display: block; margin:50px;padding-left: 95px;}
.HomeFeature ul li a:before{ content:"";position: absolute; left:0;top:0;width:80px;height:80px;background-repeat:no-repeat;transition: all .4s ease-in-out;}
.HomeFeature ul li h3{color:#333333;font-size:24px}
.HomeFeature ul li p{color:#999;font-size:14px; margin-top:10px;}
.HomeFeature ul li:hover:before{ opacity: 1;}
.HomeFeature ul li:hover h3,.HomeFeature ul li:hover p{color:#fff}
.HomeFeature ul li:hover a:before{ background-position:0 -90px; }
.HomeFeature ul li.x1 a:before{ background-image: url(../images/HomeFeatureIco01.png);} 
.HomeFeature ul li.x2 a:before{ background-image: url(../images/HomeFeatureIco02.png);} 
.HomeFeature ul li.x3 a:before{ background-image: url(../images/HomeFeatureIco03.png);} 
.HomeFeature ul li.x4 a:before{ background-image: url(../images/HomeFeatureIco04.png);} 


/*==首页解决方案↓==*/
.HomeSolve{ padding:50px 0 70px 0; background: #f4f4f4;}
.HomeSolve .long{position:relative;padding:0 50px;margin-top: 50px;}
.HomeSolve .swiper-container{width: 100%;height: 100%;}
/*.HomeSolve .swiper-slide{text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}*/


.HomeSolve .swiper-slide{position:relative;z-index:2;float:left; width:25%;padding:20px 30px;text-align: center;}
.HomeSolve .swiper-slide:before{ content:""; position: absolute; left:0;bottom:0;width:100%; height:0%;background:#00a432;z-index: -1;transition: all .4s ease-in-out;}
.HomeSolve .swiper-slide:hover:before{ height:100%}
.HomeSolve .swiper-slide img{ display: block; margin: 25px auto 0;}
.HomeSolve .swiper-slide em{ position: relative; display: table;margin: auto;width: 110px;height: 115px; border-radius: 50%}
.HomeSolve .swiper-slide em:before{content:""; position: absolute; left:0;top:0;width:100%;height:100%; background:url(../images/HomeSolveIcoBg.png) no-repeat; animation: spinoffPulse1 10s infinite linear;}
@-webkit-keyframes spinoffPulse1{
form{transform:rotate(90deg);}
to{transform:rotate(90deg);}}
.HomeSolve .swiper-slide h3{color:#333333;font-size:24px; margin-top:20px;}
.HomeSolve .swiper-slide p{color:#888888;font-size:12px;margin:20px 0 30px 0;line-height: 22px;}
.HomeSolve .swiper-slide b{ display: table; margin:auto;  border:1px #ddd solid; color:#989898;font-size:16px; border-radius:20px;padding: 5px 10px;}
.HomeSolve .swiper-slide.swiper-slide:hover h3,.HomeSolve .swiper-slide:hover p{color:#fff}
.HomeSolve .swiper-slide:hover b{ border:1px #fff solid; color:#fff}
.HomeSolve .swiper-slide:hover em:before{ opacity: 0}
.HomeSolve .swiper-slide:hover em{ background: #fff}
.HomeSolve .swiper-button-prev,.HomeSolve .swiper-button-next{top:45%; color:#666;font-size:50px;background:none;transition: all .4s ease-in-out;}
.HomeSolve .swiper-button-prev:hover,.HomeSolve .swiper-button-next:hover{color:#00a432;}
.HomeSolve .swiper-button-prev{ left:0px;}
.HomeSolve .swiper-button-next{ right:0px;}

/*==首页案例↓==*/
.ProductHome{padding:50px 0 40px 0 }
.ProductHome .tone{position:relative;margin:0 auto 40px;overflow:hidden;text-align: center;border:1px #ddd solid;border-bottom:0px;display: flex;flex-flow: row wrap;align-content: flex-start;align-items: center;justify-content: center;} 
.ProductHome .tone li{flex-grow: 1;display: inline-block;border-right:1px #ddd solid;border-bottom:1px #ddd solid;}
.ProductHome .tone a{position:relative;z-index:2;display: block;padding: 10px 20px;text-align: center;color: #212121;font-size:18px;overflow: hidden;background: #fff;} 
.ProductHome .tone a:after{content:"";position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:100%;background:#00a432;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.ProductHome .tone .active a{color: #ffffff; }
.ProductHome .tone .active a:after{transform: scale(1);transform-origin:left;}
/*==案例列表↓==*/
.product-list{margin:0 0 -30px -20px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.product-list li{display: inline-block;width:33.3%;margin-bottom:30px;  text-align: center;}
.product-list h4{color:#212121;font-size:16px;margin-top:18px; }
.product-list li a{display: block;margin-left:20px;height:100%;}
.product-list li .pic{padding-top:70%}
/*.product-list li .pic:before{opacity:0;content: "\e629";position: absolute;left:0;top:0;right: 0;z-index:2;bottom: 0;width:50px;height:50px;margin: auto;font-size: 40px;color:#fff;font-style: normal;font-family: "iconfont";line-height:1;transform: translateX(-8px);transition: all .4s ease-in-out;}*/
.product-list li .pic:after{opacity:0; content: ""; position: absolute;left:0;top:0;width:100%;height:100%; background: #000;transition: all .4s ease-in-out;}
.product-list li .pic .box{ opacity:0; position:absolute;left: 0px;top:0;right: 0px;bottom:0;z-index: 2;margin: auto;height: min-content;padding:50px 80px;}
.product-list li .pic p{opacity: 0; -webkit-line-clamp: 3;color:#fff;font-size:15px;line-height: 26px;transform: translateY(-5px);}
.product-list li .pic em{display: table;width:50px;height:50px;margin:30px auto 0;font-size: 40px;color:#fff;font-style: normal;font-family: "iconfont";line-height:1;transform: translateY(5px);transition: all .4s ease-in-out;}
.product-list li:hover h4{color:#00a432}
.product-list li:hover .box{opacity:1;}
.product-list li:hover .pic p{opacity:1;transform: translateY(0px);}
.product-list li:hover .pic em{opacity:1;transform: translateY(0px);}
.product-list li:hover .pic:after{opacity:0.4;}


/*==案例↓==*/
.HomeCase{padding:50px 0 40px 0}
.list-case{}
.list-case li{float:left; width:33.3%;}
.list-case li a{ display: block; margin:0 8px 30px 8px;}
.list-case li .box{ position:relative;padding-right:0px}
.list-case li .box:before{ display: none; position: absolute; right:15px;top:40%;border: 1px #ddd solid;/*! padding: 20px; */border-radius: 50%;/*! background: #000; */width: 35px;line-height: 35px;text-align: center;box-shadow: 0 0 10px #ddd;color: #999;font-size: 20px;transition: all .4s ease-in-out;}
.list-case li h4{color:#262626;font-size:20px; margin:15px 0;}
.list-case li p{color:#777777;font-size:12px;line-height: 22px;}
.list-case li:hover h4{color:#00a432}
.list-case li:hover .box:before{color:#fff; border:1px #00a432 solid; background: #00a432}


/*==切换↓==*/
.scrollBox{ position: relative;margin-top: 40px;}
.scrollBox .list{}
.scrollBox .prev,.scrollBox .next{ position: absolute; left:-65px; top:45%; display: block;width:50px;line-height:50px; text-align: center; color:#fff;font-size:20px;background: #d4d4d4; border-radius: 50%;text-align: center;cursor: pointer;}
.scrollBox .next{left:auto; right:-65px;}
.scrollBox .prev:hover,.scrollBox .next:hover{ background: #00a432;}
.scrollBox .spot{ display: none}


/*==解决方案↓==*/
.SolveDetailBox{}
.SolveDetailBox .top{}
.SolveDetailBox .top .title{color:#262626;font-size:40px; margin-bottom: 25px;}
.SolveDetailBox .top .left{width:50%;}
.SolveDetailBox .top .left img{width:100%;max-width:100%;}
.SolveDetailBox .top .right{width:45%}
.SolveDetailBox .top .right span{ color:#777;font-size:16px;display: block; border-bottom: 1px #ddd solid;padding-bottom:20px;margin-bottom: 20px;}
.SolveDetailBox .top .right span b{ font-size:20px;color:#262626;font-weight:bold; margin-bottom:10px;display: block;}
a.online{display: table; margin-top:50px; padding:10px 50px; border-radius: 30px;color:#fff;font-size:20px; background: #009049;}
a.online:hover{ background: #f60;}
.SolveDetailBox .down{margin:50px 0;float: left;width: 100%;}
.SolveDetailBox .down .title{margin:0 0 30px 0;color:#262626;font-size:25px; text-align: center; width:100%; padding:10px; background: #f2f2f2;}
.SolveDetailBox .relative{float: left;width: 100%;}
.SolveDetailBox .relative .title{color: #262626;font-size: 40px; margin-bottom:50px;text-align:center}


/*==首页关于↓==*/
.HomeAbout{padding: 70px 0;background: #f4f4f4;}
.HomeAbout .digital{margin:50px 0 70px 0;padding: 0 200px;overflow: hidden;}
.HomeAbout .digital li{float:left; width:33.3%; text-align: center;}
.HomeAbout .digital li span{color:#00a432;font-size:80px;}
.HomeAbout .digital li b{color:#6d6d6d;font-size:16px;display: block;}
.HomeAbout .left{float:left;width:56%;}
.HomeAbout .left img{max-width:100%}
.HomeAbout .right{float:left;width:24%;margin-left: 5%;}
.HomeAbout .right h3{color:#00a432;font-size:20px;}
.HomeAbout .right .box{ margin-top:20px;color:#a0a0a0;font-size:14px; line-height:26px; padding:30px 35px 30px 20px;background: #fff; box-shadow: 0 0 10px #ddd;overflow: hidden;}
.HomeAbout .right .box h4{color:#000000;font-size:16px;margin-bottom: 10px;}
.scrollbar{/*! margin-left: 30px; */float: left;height: 330px;width: 100%;/* background: #F5F5F5; */overflow-y: scroll;/*! margin-bottom: 25px; */padding-right: 25px;}
.force-overflow{min-height: 20px;}
#style-3::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
#style-3::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
#style-3::-webkit-scrollbar-thumb{background-color: #00a432;}
.HomeAbout-2{display: table;height: 892px;overflow: hidden;}
.HomeAbout-2 .left{width:50%;display: table-cell;}
.HomeAbout-2 .left a{ display: block;height: 100%;}
.HomeAbout-2 .left img{max-width:100%;height: 100%;}
.HomeAbout-2 .right{width:50%;display: table-cell;vertical-align: top;height: 100%;}
.HomeAbout-2 .right .box{ display: inline-block;float: left;}
.HomeAbout-2 .right .box-1{padding:70px; background: url(../images/bg01.jpg) no-repeat center;height: 50%;/*! display: inline-block; */width: 100%;}
.HomeAbout-2 .right .box-1 h3{font-size:32px; color:#fff}
.HomeAbout-2 .right .box-1 span{font-size:22px; color:#fff}
.HomeAbout-2 .right .box-1 .wx{font-size:14px; color:#fff;margin: 20px 0 40px 0;line-height: 25px;}
.HomeAbout-2 .right .box-1 a.more{position:relative;color:#fff;font-size:14px; padding:10px 40px 10px 20px;border-radius:30px;background: #07461a;/*! float: left; */}
.HomeAbout-2 .right .box-1 a.more:before{content: "";width:14px;height:9px; position: absolute;top:15px;right:18px; background: url(../images/line09.png) no-repeat;}
.HomeAbout-2 .right .box-1 a.more:hover{  background: #000}
.HomeAbout-2 .right .box-2{padding:10% 20px 20px 20px; background: #9ad430;/*! float: left; */width: 50%;height: 50%;/*! display: inline-block; */}
.HomeAbout-2 .right .box-2 em{ display: block; margin:auto;width:150px;height:150px; /*! padding:50px; */ border-radius: 50%; 
border: 5px solid rgba(194, 194, 194, 0.5);
background:#fff;
background-image:url(../images/patentIco.png);
background-repeat: no-repeat;
  background-position: center;
}
.HomeAbout-2 .right .box-2 h3{color:#fff;font-size:30px;margin-top:20px; text-align: center;}
.HomeAbout-2 .right .box-2 h3 font{color:#fff;font-size:12px; display: block;}
.HomeAbout-2 .right .box-2:hover{ background: #87ba2a}
.HomeAbout-2 .right .box-3{ position: relative;width: 50%;/*! float: left; */height: 50%;/*! display: inline-block; */}
.HomeAbout-2 .right .box-3 a{ display: block;height: 100%;/*! float: left; */}
.HomeAbout-2 .right .box-3 img{ height:100%}
.HomeAbout-2 .right .box-3 .effect-one{height:100%;}
.HomeAbout-2 .right .box-3 h3{ position:absolute;left:0;top:40%; width:100%; text-align:center;color:#fff;font-size:30px;}
.HomeAbout-2 .right .box-3 h3 font{ display: block; font-size:12px;color:#fff;}
.HomeAbout-2 .right .frame{height:100%;}

/*==首页新闻↓==*/
.HomeArticle{padding:70px 0 100px 0; background: #f4f4f4;}
.HomeArticle{}
.HomeArticle .list{margin-top:40px;overflow: hidden;}
.HomeArticle .list .one{width:63%;}
.HomeArticle .list .one .pic{float:left;width:50%;}
.HomeArticle .list .one .pic img{max-width:100%;height:540px}
.HomeArticle .list .one .box{float:left;width:50%;height:540px;padding:70px 50px;background: #fff;}
.HomeArticle .list .one .box h4{color:#333333;font-size:18px}
.HomeArticle .list .one .box p{margin:30px 0 58px 0;color:#888888;font-size:14px;line-height:25px;}
.HomeArticle .list .one .box span{color:#888888;font-size:18px;transition: all .4s ease-in-out;}
.HomeArticle .list .one .box span:before{ float:right; color:#999; border:1px #ddd solid; border:1px #ddd solid; font-size:15px; width:35px;line-height:35px; text-align: center; border-radius: 50%;transition: all .4s ease-in-out;}
.HomeArticle .list .one:hover h4{color:#00a432}
.HomeArticle .list .one:hover span:before{color:#fff; background: #00a432; border:1px #00a432 solid}
.HomeArticle .list .two{float:right;width:36%; height:180px;padding:37px 50px;border-bottom: 1px #ddd solid;background: #fff;}
.HomeArticle .list .two:last-child{ border:none}
.HomeArticle .list .two h4{color:#333333;font-size:16px;padding-left:10px;background: url(../images/line02.png) left no-repeat;}
.HomeArticle .list .two p{color:#888888;font-size:13px; margin-top:15px;line-height: 25px;}
.HomeArticle .list .two:hover h4{color:#00a432}


/*==新闻↓==*/
.NewsListBox{}
.NewsListBox .list{}
.NewsListBox .list li{width:100%; clear: both; border-bottom:1px #ddd dashed;margin-bottom:50px; padding-bottom:50px;overflow: hidden;}
.NewsListBox .list li .pic{float:left;width:20%; margin-right:50px;}
.NewsListBox .list li h4{color:#333333;font-size:24px}
.NewsListBox .list li span{color:#888888;font-size:14px;margin-top: 5px;display: block;}
.NewsListBox .list li p{margin:30px 0 50px 0;color:#969696;font-size:14px;line-height: 25px;}
.NewsListBox .list li b{color:#666666;font-size:14px; border:1px #ddd solid; border-radius:30px; padding:15px 40px;}
.NewsListBox .list li:hover h4{color:#009049}
.NewsListBox .list li:hover b{color:#fff;border:1px #009049 solid;background:#009049}

.newsLi{overflow:hidden;padding-top:40px;margin:0 -1.5%;}
.newsLi li{float: left;width:29.3%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;background: url('../images/ly_li.png') no-repeat left center;padding-left:15px;margin:0 1.5%;margin-bottom:15px;}
.newsLi li span{float:right;opacity:.5;margin-left:20px;}
.newsLi li a:hover{color:#0ba83b;}



/*==社会责任↓==*/
.cooperationBox{}
.cooperationBox .title{color:#000;font-size:30px;text-align:center;margin: 20px 0 30px 0;}
.cooperationBox .wor{ text-align: center}
.cooperationBox .block{ padding:50px 0}
.cooperationBox .bg{ background: #f4f4f4;}
.cooperationBox .contribution .wor{ }
.cooperationBox .focusContribution{margin-top:30px;padding:0 80px;position: relative;}
.cooperationBox .focusContribution .spot{ display:none}
.cooperationBox .focusContribution .list li{}
.cooperationBox .focusContribution .list li img{max-width:100%;}
.cooperationBox .focusContribution .prev,.cooperationBox .focusContribution .next{ position: absolute; left:0;top:50%; width:50px;line-height:60px; text-align: center; color:#fff;font-size:30px; background: #999;cursor: pointer;}
.cooperationBox .focusContribution .prev:hover,.cooperationBox .focusContribution .next:hover{ background:#009049}
.cooperationBox .focusContribution .next{left:auto; right:0;}
.cooperationBox .focusContribution .list .box{padding:50px; background: #e9e9e9;}
.cooperationBox .focusContribution .list .box h3{color:#666;font-size:20px}
.cooperationBox .focusContribution .list .box p{color:#999;font-size:14px;margin-top:20px;}
.cooperationBox .commonweal{}
.list-commonweal{}
.list-commonweal li{float:left; width:33.3%}
.list-commonweal li a{ margin:0 10px 20px 10px;display: block;}
.list-commonweal li img{max-width:100%;}
.list-commonweal li h4{color:#666;font-size:14px;padding:20px; border:1px #ddd solid}
.list-commonweal li:hover h4{color:#009049}
.cooperationBox .commonweal .more{ display: table; margin:20px auto 0; padding:10px 30px; color:#666;font-size:16px; border-radius: 30px; background:#eee}
.cooperationBox .commonweal .more:hover{color:#fff; background:#009049}


/*==产品↓==*/
.list-product li{ float:left;width:25%; }
.list-product li a{ display: block;margin: 0 10px 20px 10px;background: #fff;padding-bottom: 20px;}
.list-product li h4{color:#333333;font-size:14px;text-align: center;margin: 15px 0;padding:0 15px}
.list-product li em{ display: table; margin:auto; border:1px #ddd solid; color:#ddd;border-radius: 50%;width: 20px;line-height: 20px;text-align: center;transition: all .4s ease-in-out;}
.list-product li:hover h4{ color:#009049}
.list-product li:hover em{ color:#009049;border:1px #009049 solid}


/*==产品详情↓==*/
.ProductListBox .list-product{margin-top:30px;}
.ProductListBox .list-product li a{ border:1px #ddd solid}
.ProductShow{margin: 20px 0 70px 0;}
.ProductShow .sTopLeft{width:50%;}
.ProductShow .sTopRight{width:45%;/*! padding-left:50px; */}
.ProductShow .sTopRight h2{color:#262626;font-size:30px;padding-bottom:30px; margin-bottom:30px;border-bottom: 1px #666 dashed;}
.ProductShow .sTopRight h2 font{font-size:20px;display: block;}
.ProductShow .sTopRight span,.ProductShow .sTopRight span b{ display: table;margin:0 0 20px 0;color:#7f7f7f;font-size:16px}
.ProductShow .sTopRight span b{width:90px; display: table-cell;}
.ProductShow .sTopRight span font{ display: table-cell;line-height:30px}
.ProductShow .tabBox{float: left;width: 100%;margin-top: 70px;}
.ProductShow .tabBox .tone{ border-top:1px #ddd solid; border-bottom: 1px #ddd solid;overflow: hidden;}
.ProductShow .tabBox .tone li{color:#afafaf;font-size:20px;padding:15px 40px;cursor: pointer;float: left;}
.ProductShow .tabBox .tone li.hit{color:#fff; background: #009049;}
.ProductShow .tabBox .down{margin-top:50px;}


/*  产品详情*/
.pageProbg{background: #fff;padding:70px;width: 1060px;margin: 0 auto;box-shadow:0 0 2px 1px #dadada;}
.prodPic{width:100%;}
.prodPic .big{width:680px;height:435px;position:relative;z-index:1;float:left;border:1px solid #e3e3e3;/*! background: #000; */display: table;margin: auto;}
.prodPic .big a{width:100%;height:100%;/*! background:#e1e5f1; */display:table-cell;text-align:center;vertical-align:middle;}
.prodPic .big a img{vertical-align:middle;max-width:100%;max-height:430px;margin: auto;display: table;}
.prodPic .big a{*display:block;*font-family:Arial;*line-height:1;}
div.zoomDiv{ opacity:0;z-index:-1;position:absolute;top:0px;left:0px;width:300px;height:300px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url(../images/mask.png);cursor:move;z-index:1;}
.prodPic .list{width:100px;height:435px;overflow:hidden;position:relative;float:right;}
.prodPic .list a.prev,.prodPic .list a.next{/*! display:none; */width:50%;line-height:30px;position:absolute;bottom:0;left:0; background:#2b4c93;overflow:hidden;cursor:pointer;text-align: center;font-size: 20px;color: #fff;}
.prodPic .list a.next{ background: #c31117;}
.prodPic .list a.next{right:0;bottom:0;/*! background:#999; */left: auto;}
.prodPic .list a.prev:hover{background-position:0 -25px;}
.prodPic .list a.next:hover{background-position:0 -75px;}
.prodPic .list .thumb{position:relative;width:100px;height:400px;overflow:hidden;top:0;}
.prodPic .list .thumb ul{position:absolute;height:99999px;}
.prodPic .list .thumb ul li{background:none;float:left;width:100px;height:92px;position:relative;margin-bottom: 10px;}
.prodPic .list .thumb ul li a{display:block;width:100%;height:100%;border:2px solid #e3e3e3;text-align:center;/*! background:#e1e5f1; */}
.prodPic .list .thumb ul li img{max-width:100%;max-height:100%;cursor:pointer;height: 100%;}
.prodPic .list .thumb ul li a em{display:block;width:5px;height:9px;position:absolute;right:-5px;top:35px;}
.prodPic .list .thumb ul li a.selected{border-color:#009049;}
.prodPic .list .thumb ul li a.selected em{background:url(../images/jt.png) no-repeat}


/*==新闻详细页↓==*/
.newsDetail{float:left;width:100%;}
.newsDetail h2{margin:20px 0 0 0;font-size:24px;line-height:26px;text-align:center;color:#333;padding-bottom:15px;font-weight:normal;}
.newsDetail .msg{text-align:center;border-bottom:1px solid #e7e7e7;font-family:"宋体";font-size:12px;padding-bottom:5px;}
.newsDetail .msg span{padding:0 7px;color:#999;}
.newsDetail .msg .fonts a{padding:0 3px;}
.newsDetail .msg a.active{font-weight:bold;color:#9a6834;}
.newsDetail .detailCont{padding:20px 0;line-height:26px;overflow:hidden;}
.newsDetail .detailCont embed{width:70%; height:500px; margin:auto;display: block;}
.newsDetail .detailCont .pic{text-align:center;padding-bottom:20px}
.pagIng{border-top:1px solid #dadada;padding:30px 15px;overflow:hidden;}
.pagIng .fl{/*! width:100%; */height:60px;padding-right:30px;/*! border-right:1px solid #dadada; */}
.pagIng .fl a:hover{color:#009049}
.pagIng .fl a{display:block;height:30px;line-height:30px;}
.pagIng .fr{line-height:28px;display:block;width:85px;height:28px;margin-top:16px;text-align:center;color:#fff;border-radius:2px;background:#009049;}
.pagIng .fr:hover{background:#000;color:#fff;}
.recTitle{padding-left:20px;height:35px;line-height:35px;background:url(../images/page_line.jpg) no-repeat 10px 12px #eee;font-weight:bold;color:#333;font-weight:normal;margin-top:20px;}
.relNews{overflow:hidden;margin-top:15px;}
.relNews ul{width:100%;}
.relNews ul li{float:left;margin:0 1%;width:48%;height:28px;line-height:28px;}
.relNews ul li a{display:block;width:200px;line-height:28px;background:url(../images/arrow_02.png) no-repeat left center;padding-left:15px;float:left;font-size:12px;}
.relNews ul li a:hover{background:url(../images/arrow_one.png) no-repeat left center;margin-left:5px;}
.relNews ul li span{float:right;color:#999;}


/*==图片↓==*/
.list-pic2{}
.list-pic2 li{float:left;width:23%; margin:0 1% 2% 1%;}
.list-pic2 li .box{border:2px #f9f9f9 solid}
.list-pic2 li h4{text-align: center;color:#666; font-size:15px;padding:10px 0 10px 0;font-weight:bold;background: #eee;}
.list-pic2 li h4 font{ display: block;font-size:13px;margin-top:5px;font-weight: 400}
.list-pic2 li img{max-width:100%;}
.list-pic2 li:hover h4{color:#009049}
.list-pic2 li:hover .box{border: 2px #009049 solid;}


/*==关于↓==*/
.AboutBox{margin:0 0 30px 0}
.AboutBox .title{color:#009049;font-size:36px; margin:20px 0; text-align: center;}
.AboutBox .introduction{ margin:20px 0 100px 0;}
.AboutBox .introduction .wx{margin:40px 0 50px 0;color:#737373;font-size:14px;line-height: 25px;}
.AboutBox .introduction img{max-width:100%;}
.AboutBox .culture{padding:50px 0 100px 0; background: #f0f0f0;}
.AboutBox .culture ul{margin:30px 0 0 0;} 
.AboutBox .culture ul li{float:left; width:18%; margin:0 1%;text-align: center;}
.AboutBox .culture ul li img{max-width:100%;}
.AboutBox .culture ul li h3{padding:30px;color:#000000;font-size:25px;}
.AboutBox .culture ul li h3 font{ display: block;color:#9c9c9c;font-size:16px;}
.AboutBox .development{margin:70px 0;}
.AboutBox .development .title{ text-align: left; margin-bottom:30px;}
.AboutBox .development .wx{float:left; width:55%;color:#525252;font-size:14px;line-height: 30px;;}
.AboutBox .development .pic{ float:right; width:35%;}
.AboutBox .development .pic img{max-width:100%}
.AboutBox .honor{}
.AboutBox .honor .list{}
.AboutBox .honor .list li{float:left;width:25%;}
.AboutBox .honor .list li a{ display: block; border:1px #666 solid;padding:10px;margin:0 10px; background: #eee;}
.AboutBox .honor .list li img{display: block; max-width:100%;}
.AboutBox .honor .list li:hover a{ border:1px #009049 solid}
.AboutBox .environment{margin:50px 0 0 0;}
.AboutBox .environment .list{margin-top: 50px;}
.AboutBox .environment .list li{float:left;width:33.3%}
.AboutBox .environment .list li a{ position: relative; display: block; margin:0 5px 10px 5px;}
.AboutBox .environment .list li img{max-width:100%}
.AboutBox .environment .list li h4{ opacity: 0; position: absolute; left:0;bottom:0; width:100%;padding:15px 20px; color:#fff;font-size:14px; background:rgba(0,0,0,0.7)}
.AboutBox .environment .list li:hover h4{ opacity: 1;}


/*==联系我们↓==*/
.contactBox{}
.contactBox .left{width:28%;}
.contactBox .left h3{color:#333333;font-size:26px}
.contactBox .left .wx{margin:20px 0; line-height:30px;color:#666666;font-size:14px;}
.contactBox .left .ewm{width:50%;display: inline-block;color:#666666;font-size:14px; padding-right:20px; text-align: center;float: left;}
.contactBox .left .ewm img{ display: block; margin:0 auto 10px;border:8px #009049 solid;max-width:100%;margin-bottom: 10px;}
.contactBox .right{width:70%; }
.contactBox .right img{max-width:100%}
.contactBox #dituContent{margin-top:70px;float: left;}



/*==留言2↓==*/
.message{background: #ededed;padding: 50px 0 50px 0;margin: 70px 0 0 0;overflow: hidden;}
.message form{ margin-top:30px}
.message .frame{position: relative; float:left;padding:20px 20px; /*! line-height:50px; */width:32.3%; margin:0 0.5% 1% 0.5%; background:#fff;}
.message .frame.x1 input{background: url(../images/ico101.png) no-repeat left;/*! float: left; */}
.message .frame.x2 input{background: url(../images/ico102.png) no-repeat left;}
.message .frame.x3 input{background: url(../images/ico103.png) no-repeat left;}
.message .frame.x4 textarea{background: url(../images/ico104.png) no-repeat left top;}
.message .frame.x4{width:99%;}
.message .frame input,.message .frame textarea{padding-left:30px; border:none;/*! width: 100%; *//*! float: left; */display: inline;vertical-align: top;/*! float: right; */}
.message .frame textarea{/*! width:100%; */height:100px; clear: both}
.message button.submit{float:left;width:50%; padding:20px 20px;font-size:14px; color:#fff; background: #009049;border: none;}
.message button.submit:hover{background:#f00}
.message .yzm{margin:0 0 0 20px;}
.message .yzm input{padding:20px 20px;margin:0 10px;}



/*==list-box↓==*/
.list-box{}
.list-box li{float:left; width:23%; margin:0 1% 1% 1%}
.list-box li img{max-width:100%;width:100%;}
.list-box li .pic{padding-top:65%;border: 1px #ddd solid;}
.list-box li:hover .pic{border: 1px #009049 solid;}
.list-box li h4{color:#666;font-size: 15px;text-align: center;padding:10px 0;height: 50px;}
.list-box li:hover h4{color:#009049;}
#list-box2 li{width:18%;}
.list-honor2{margin:0 0 20px 0; overflow: hidden;}
.list-honor2 h2.title{float:left;width:100%;color:#666;font-size:20px;margin:0 0 20px 0; padding:0 0 15px 0;border-bottom: 1px #ddd solid;}
.list-honor2 li{float:left; width:23%; margin:0 1% 1% 1%;text-align: center;}
.list-honor2 li a{ display: block}
.list-honor2 li .imgBoxB{/*! width:100%; */ text-align: center; border:1px #ddd solid;margin: auto;/*height: 250px;*/}
.list-honor2 li .auto{ margin:auto; display: table}
.list-honor2 li .imgBox{/*height:250px;*/width:100%;/*! border:1px #ddd solid; */vertical-align: middle;display: table-cell;text-align: center;}
.list-honor2 li .imgBox img{ width:auto;max-width:100%;margin: auto;max-height: 270px;display: block;vertical-align: middle;}
.list-honor2 li .imgPD{border: 1px #ddd solid;}
.list-honor2 li h4{color:#666;font-size: 15px;text-align: center;padding:10px 0;height: 50px;}
.list-honor2 li:hover h4{color:#009049;}


/*==底部===*/
.footer{padding: 70px 0 0 0;background: #434343;overflow: hidden;}
.footer .nav{}
.footer .nav h3{ color:#fff;font-size:18px;margin-bottom:20px;}
.footer .nav{position:relative;display: table;margin-bottom: 30px;width: 68%;}
.footer .nav li{/*! display: table-cell; */padding-right: 15px;float: left;width: 25%;}
.footer .nav li a{ display: block;color:#9f9f9f; line-height:20px;font-size:13px;padding:3px 0;}
.footer .nav li a:hover{color:#fff}
.footer .right-top{width:30%;}
.footer .right-top .tel{color:#fff;font-size:18px;}
.footer .right-top .tel font{ font-size:48px; display: block;}
.footer .right-top .wx{margin:10px 0;color:#9f9f9f;font-size:13px;display: block;line-height: 25px;}
.footer .right-top .share{float:left;margin:10px 0 0 0px;}
.footer .right-top .share .block{float:left;cursor: pointer;}
.footer .right-top .share .block em{ position: relative; display: block;width:30px;height:30px; border-radius: 50%; background: #8c8c8c;margin: 0 0 0 10px;text-align: center;transition: all .4s ease-in-out;} 
.footer .right-top .share .block em:before{ position: absolute;left:8px; top:7px; font-size:15px;color:#ddd;transition: all .4s ease-in-out;}
.footer .right-top .share .block:hover em{ background: #009049;}
.footer .right-top .share .block:hover em:before{ color:#fff}
.footer .right-top .weixin .effect-lower-block{left:-120px;top:auto;bottom:10px;transform-origin: 100% 100%;padding: 9px;width: 130px;font-size: 20px;text-align: center;background: #fff;color: #005197;}
.footer .down{padding:20px 0;color:#9f9f9f;font-size:13px; background:#3f3f3f;margin-top: 30px;}
.footer .down a{color:#9f9f9f;font-size:13px;}
.footer .down a:hover{color:#fff}




/*==响应↓==*/


@media all and (max-width:1800px){
.container{width:1400px;}
.container-B{width:1600px;}
.HomeFeature ul li a{margin:50px 30px}
.prodPic .big{width:585px;height:435px;}
.prodPic .big a img{max-height:430px;}
.prodPic .list{width:100px;height:436px;}
.prodPic .list .thumb{height:400px}  
.prodPic .list .thumb ul li{width:100px;height:92px;} 
  
}


@media all and (max-width:1600px){
.container{width:1200px;}
.container-B{width:1400px;}
.HomeFeature ul li h3{font-size:20px}
.list-case li .box{padding-right:60px}
.prodPic .big{width:490px;height:420px;}
.prodPic .big a img{max-height:420px;}
.prodPic .list{width:100px;height:422px;}
  .prodPic .list .thumb{height:385px;}  
.prodPic .list .thumb ul li{width:100px;height:88px;} 
  
}


@media all and (max-width:1400px){
.container{width:1200px;}
.container-B{width:1200px;}
.header .nav li a{font-size:16px}
.header .nav li{margin:0 15px}
.HomeFeature ul li{height:200px;}
.scrollBox{padding:0 30px;}
.scrollBox .prev,.scrollBox .next{left:-25px;}
.scrollBox .next{left:auto;right:-35px;}
.HomeAbout-2{height:600px}
.HomeAbout-2 .right .box-1{padding:30px;}
.HomeAbout-2 .right .box-1 span{font-size:15px}  
.newsLi{font-size:12px;}
.product-list li .pic .box{ padding:20px 40px;}
}


@media all and (max-width:1200px){
.container{width:1000px;}
.container-B{width:1000px;}
.logo img{width:150px;}
.HomeFeature ul li{width:50%;border-bottom:1px #ddd solid}
.HomeSolve .swiper-slide h3{font-size:20px;}
.HomeAbout .digital li span{font-size:60px;}
.prodPic .big{width:390px;height:435px;}
.prodPic .big a img{max-height:430px;}
.prodPic .list{width:100px;height:435px;}
.prodPic .list .thumb{height:400px}    
.prodPic .list .thumb ul li{width:100px;height:92px;}
.header .nav{margin-top:10px;}
.header .nav li a{font-size:15px}
.header .nav li{margin:0 12px}
.header .nav li a::before{bottom: -27px}
.header .right{margin:5px 0 0 10px}
.HomeAbout-2{height:500px;}
.HomeAbout-2 .right .box-1{padding:30px;}
.HomeAbout-2 .right .box-1 span{font-size:15px}
.HomeAbout-2 .right .box-1 .wx{margin: 10px 0 20px 0;line-height: 22px;}
.HomeAbout-2 .right .box-2 h3{font-size:25px}
.HomeArticle .list .one{width:100%;margin-bottom: 20px;overflow: hidden;}
.HomeArticle .list .two{width:100%;height: auto;}
.AboutBox .culture ul li h3{padding:15px;font-size:20px;}
.AboutBox .culture ul li h3 font{font-size:13px;}
.NewsListBox .list li .pic{width:30%}
.NewsListBox .list li h4{font-size:20px}
.list-pic2 li h4{height:50px;font-weight:400;font-size:14px;}
.contactBox .left{width:40%}
.contactBox .right{width:58%}
.footer .nav{width:58%}
.footer .right-top{width:40%}
.newsLi{margin:0;}
.newsLi li{width:48%;margin:0;margin-bottom:10px;}
.newsLi li:nth-child(2n){float:right;}
}


@media all and (max-width:1000px){
.container{width:760px;}
.container-B{width:760px;}
.logo img{height:35px;width:auto}
.header .nav{margin-top:10px;}
.header .nav li a{font-size:14px;}
.header .nav li{margin:0 10px;}
.header .nav li a::before{bottom: -27px}
.header .right{display: none}
.ProductShow .sTopRight .online{float:left;margin-left:0;/*! clear: both;*/}
.serviceBox .lease .left{width:30%}
.serviceBox .lease .right{padding:22px;}
.serviceBox .lease .right span{margin-bottom: 10px;}
.serviceBox .lease .right .online{margin:8px 0 0 10px;padding:10px 40px 10px 70px;}
.contactBox .mode .online{padding:80px 0 0 10px;}
.contactBox .mode .ewm{width:100%;margin-top:20px;}
.contactBox .headquarters .map{width:100%;margin-top:10px;}
.contactBox .job .title{padding:25px 30px}
.HomeSolve .swiper-slide{padding:10px 20px 10px 20px}
.list-case li .box{padding-right:0px;}
.list-case li .box:before{display: none}
.HomeAbout .left{width:65%}
.HomeAbout .right{width:30%}
.HomeAbout-2{height:auto;}
.HomeAbout-2 .left{width:100%;display: block}
.HomeAbout-2 .right{width:100%;display: block}
.HomeAbout-2 .right .box-2{height:350px}
.HomeAbout-2 .right .box-3{height:350px}
.HomeArticle .list .one .pic img{height:400px}
.HomeArticle .list .one .box{height:400px;padding:30px}
.HomeArticle .list .one .box p{margin: 30px 0 50px 0;}
.SolveDetailBox .top .title{font-size:25px;margin-bottom: 15px;}
.SolveDetailBox .top .left{width:100%;}
.SolveDetailBox .top .left img{width:100%;max-width:100%;}
.SolveDetailBox .top .right{width:100%;margin-top:20px}
.SolveDetailBox .top .right span{font-size:14px;}
.SolveDetailBox .top .right span b{font-size:16px;}
a.online{margin-top:30px;font-size:14px}
.SolveDetailBox .down{margin:50px 0 50px 0}
.NewsListBox .list li .pic{width:40%}
.NewsListBox .list li h4{font-size:20px}
.NewsListBox .list li p{margin:10px 0 40px 0;}
.contactBox .left{width:100%}
.contactBox .right{width:100%;margin-top:20px;}
.ProductShow .sTopLeft{width:100%;}
.prodPic .big{width:650px;height:435px;}
.prodPic .big a img{max-height:430px;}
.prodPic .list{width:100px;height:435px;}
.prodPic .list .thumb ul li{width:100px;height:92px;}
.ProductShow .sTopRight{width:100%;margin-top:20px}
/*--*/
.ProductHome .tone{ margin:0 auto 30px; } 
.ProductHome .tone a{padding: 8px 20px;font-size:16px;} 
/*--*/
.product-list{margin:0 0 -20px -20px;}
.product-list h4{font-size:16px;margin-top:12px; }
.product-list li .pic:after{display: none;}
.product-list li .pic .box{display: none;}
.menu li a{font-size:16px;padding:10px 0}
.menu li a:before{bottom: -5px}
.titleAx{margin: 15px auto;}
.titleAx b{font-size:25px;}
.titleAx b:before,.titleAx b:after{left:-54%;top:18px;width:50%;}
.titleAx b:after{left:auto;right:-54%;}
.titleAx b i:before,.titleAx b i:after{left:-10px;top:8px;width:2px;height:20px;}
.titleAx b i:after{left:auto;right:-10px;}
.titleAx p{font-size:14px;margin-top: 10px;width: 100%;}
.footer .nav{width:65%}
.footer .right-top{width:35%;}
.footer .right-top .tel font{font-size:30px;} 
  
}


@media all and (max-width:760px){
.container{width:100%;padding-left:10px;padding-right:10px}
.container-B{width:100%;padding-left:10px;padding-right:10px;}
.header{height:55px;padding: 10px 0;}
.header .nav{display: none}
.fixed-top{position: fixed;z-index: 999;background: #fff;box-shadow: 0 0 10px #ddd;}
.HomeSearch{display: none}
.head-long .tel{display: none}
.head-long{position: fixed;z-index: 999;height:55px;padding:10px 0;background: #009049;top: 0;}
.head-long .logo img{height:35px;}
.list-product li{width:50%}
.list-product li a{margin:0 5px 10px 5px;padding-bottom: 10px;}
.list-product li h4{font-size:12px;height:30px;margin: 8px 0;}
.ProductListBox .list-product{margin-top:5px}
.banner-within{/*! margin-top:45px;*/}
.menu{position: initial;margin: 0px 0 5px 0;}
.menu li{width:32.3%;margin:0.5%}
.menu li a{margin:0 0px;font-size:12px;padding:5px 0px;background: #ddd}
.menu li a:before{display: none}
.menu li:hover a, .menu li.active a{color:#fff;background :#009049}
.site{display: none}
.HomeFeature ul li{width:100%;height:auto}
.HomeFeature ul li a{margin:20px;padding-left: 65px;}
.HomeFeature ul li a:before{width:50px;height:50px;background-size:50px}
.HomeFeature ul li h3{font-size:16px}
.HomeFeature ul li p{font-size:12px;margin-top:10px;}
.HomeSolve{padding: 20px 0 20px 0;}
.HomeSolve .long{margin-top:20px;padding:0 30px;}
.HomeSolve .swiper-slide{width:100%;text-align:center}
.HomeSolve .swiper-slide img{/*! width:90px; *//*! float: left; *//*! margin-right:15px; */}
.HomeSolve .swiper-slide h3{font-size:16px;margin-top:10px;}
.HomeSolve .swiper-slide p{margin:10px 0 10px 0;line-height: 20px;}
.HomeSolve .swiper-slide b{display: none}
.HomeSolve .swiper-button-prev,.HomeSolve .swiper-button-next{font-size:30px;}
.HomeCase{padding:20px 0 10px 0}
.scrollBox{margin-top: 15px;padding:0px;}
.scrollBox .list{}
.scrollBox .prev,.scrollBox .next{display:none;left:-5px;width:30px;top:42%;line-height:30px;font-size:14px;}
.scrollBox .next{left:auto;right:-5px;}
.list-case li{width:33.3%;}
.list-case li a{margin:0 5px 20px 5px;}
.list-case li .box{}
.list-case li .box:before{right:15px;top:40%;width: 35px;line-height: 35px;font-size: 20px;}
.list-case li h4{font-size:14px;margin:10px 0;}
.list-case li p{display: none;line-height: 22px;}
.HomeAbout{padding: 15px 0;}
.HomeAbout .digital{margin:20px 0 20px 0;padding: 0 20px;}
.HomeAbout .digital li{width:33.3%;}
.HomeAbout .digital li span{font-size:30px;font-weight:bold;}
.HomeAbout .digital li b{font-size:12px;}
.HomeAbout .left{width:100%}
.HomeAbout .right{width:100%;margin: 20px 0 0 0;}
.HomeAbout .right h3{font-size:18px}
.HomeAbout .right .box{margin-top:10px;}
.scrollbar{height:100px}
.HomeAbout-2{}
.HomeAbout-2 .left a{height:auto;}
.HomeAbout-2 .left img{ height:auto;}
.HomeAbout-2 .right .box-1{padding:20px 15px}
.HomeAbout-2 .right .box-1 h3{font-size:16px}
.HomeAbout-2 .right .box-1 span{font-size:12px}
.HomeAbout-2 .right .box-1 .wx{font-size:12px;line-height:20px}
.HomeAbout-2 .right .box-1 a.more{font-size:12px;padding: 8px 30px 8px 15px;}
.HomeAbout-2 .right .box-1 a.more:before{top:12px;right:10px}
.HomeAbout-2 .right .box-2{padding: 20px;}
.HomeAbout-2 .right .box-2 em{width:80px;height:80px;background-size: 50px;}
.HomeAbout-2 .right .box-2 h3{font-size:16px}
.HomeAbout-2 .right .box-3 h3{font-size:16px}
.HomeAbout-2 .right .box-2 h3 font{font-size:12px}
.HomeAbout-2 .right .box-2,.HomeAbout-2 .right .box-3{height:200px;width: 50%;/*! padding-top: 100%; */float: ;display: block;vertical-align: top;}
/*.HomeAbout-2 .right .frame{height:auto;display: table;height: 150px;}*/
.HomeArticle{padding:20px 0 30px 0}
.HomeArticle .list{margin-top:10px}
.HomeArticle .list .one .pic{width:30%;}
.HomeArticle .list .one .pic img{height:auto;}
.HomeArticle .list .one .box{width:70%;height:auto;padding:0px 20px 0 20px;background: none;}
.HomeArticle .list .one .box h4{font-size:14px;margin-bottom:10px;}
.HomeArticle .list .one .box p{display: none}
.HomeArticle .list .one .box span{font-size:12px}
.HomeArticle .list .one .box span:before{width:30px;line-height:30px;font-size:12px}
.HomeArticle .list .two{padding:15px;}
.HomeArticle .list .two h4{font-size:14px}
.HomeArticle .list .two p{margin-top:10px;font-size:12px;line-height: 20px}
.AboutBox{margin:0 0 30px 0}
.AboutBox .title{font-size:18px;margin:10px 0;}
.AboutBox .introduction{margin:5px 0 30px 0;}
.AboutBox .introduction .wx{margin:20px 0 30px 0;font-size:12px;line-height: 22px;}
.AboutBox .culture{padding:20px 0 10px 0;}
.AboutBox .culture ul{margin:30px 0 0 0;}
.AboutBox .culture ul li{width:100%;margin:0px 0 15px 0;}
.AboutBox .culture ul li img{float:left;/*! margin-right:10px;*/width:30%;}
.AboutBox .culture ul li h3{float:left;padding:0px 0 0 20px;text-align: left;font-size:16px;width: 70%;}
.AboutBox .culture ul li h3 font{font-size:12px;margin-top:10px}
.AboutBox .culture ul li:nth-child(even) img{float: left}
.AboutBox .culture ul li:nth-child(even) h3{float:right}
.AboutBox .development{margin:20px 0;}
.AboutBox .development .title{margin-bottom:10px;}
.AboutBox .development .wx{width:100%;font-size:13px;line-height: 30px;}
.AboutBox .development .pic{width:100%;margin-top: 15px;}
.AboutBox .honor{}
.AboutBox .honor .list{}
.AboutBox .honor .list li{width:50%;}
.AboutBox .honor .list li a{border:1px #666 solid;padding:10px;margin:0 5px 10px 5px;}
.AboutBox .environment{margin:20px 0 0 0;}
.AboutBox .environment .list{margin-top: 20px;}
.AboutBox .environment .list li{width:50%;}
.AboutBox .environment .list li a{margin:0 5px 10px 5px;}
.AboutBox .environment .list li h4{opacity: 1;width:100%;padding:5px 10px;font-size:12px;}
/*--*/
.ProductHome{padding:20px 0 10px 0;}
.ProductHome .tone{ margin:0 auto 20px; } 
.ProductHome .tone a{padding: 6px 20px;font-size:16px;} 
.ProductHome .case-list li:nth-child(n+5){display: none;}
/*--*/
.product-list{margin:0 0 -20px -15px;}
.product-list h4{font-size:15px;margin-top:15px; }
.product-list li{width:50%;margin-bottom:20px}
.product-list li a{margin-left:12px}
.prodPic{float: none;width:350px ;margin:auto}
.prodPic .big{width:260px;height:300px;}
.prodPic .big a img{max-height:290px;}
.prodPic .list{width:80px;height:300px;}
.prodPic .list .thumb{height:271px;}    
.prodPic .list .thumb ul li{width:80px;height:59px;}
.ProductShow .sTopRight h2{font-size:18px;padding-bottom:15px;margin-bottom:15px;}
.ProductShow .sTopRight h2 font{font-size:14px;}
.ProductShow .sTopRight span,.ProductShow .sTopRight span b{margin:0 0 10px 0;font-size:14px}
.ProductShow .sTopRight span b{width:80px;}
.ProductShow .sTopRight span font{line-height:25px}
.ProductShow .tabBox{margin-top: 30px;}
.ProductShow .tabBox .tone li{font-size:14px;padding:10px 30px;}
.ProductShow .tabBox .down{margin-top:20px;}
.rack{padding:20px 0 20px 0;}
.titleAx{margin: 10px auto;}
.titleAx b{font-size:20px;}
.titleAx b:before,.titleAx b:after{left:-35%;top:15px;width:30%;}
.titleAx b:after{left:auto;right:-35%;}
.titleAx b i:before,.titleAx b i:after{left:-10px;top:8px;width:2px;height:15px;}
.titleAx b i:after{left:auto;right:-10px;}
.titleAx p{font-size:12px;margin-top: 5px;}
.caseBox{margin:0px 0 10px 0}
.caseBox .list{margin:0px 0 0 0;}
.caseBox .list li{width:50%;}
.caseBox .list li a{margin:0 5px 10px 5px;}
.caseBox .list li h4{height:40px;font-size:12px;padding:10px;}
.caseBox .list li h4 em{width:12px;height:5px;margin: 5px 0 0 0;}
.NewsDetailBox{padding-bottom: 30px}
.pagIng{margin-bottom:0px;border-top:1px #ddd solid;border-bottom:0px;border-left:0px;border-right:0px;border-bottom:0px;padding:10px 1px 1px 1px;}
.newsDetail h2{font-size: 17px;margin:0px 0 0 0;border-bottom: 1px #ddd solid;}
.newsDetail .msg{display: none}
.pagIng .fl a{font-size:12px;height: 25px;}
.relNews ul li{width:98%;}
.pagIng .fl{width:100%;margin-bottom: 10px;}
.pagIng .fr{display:table;margin:10px auto 0;float: none;}
.SolveDetailBox{}
.SolveDetailBox .top{margin-top: 20px;}
.SolveDetailBox .top .title{font-size:18px;margin-bottom: 10px;}
.SolveDetailBox .top .left{}
.SolveDetailBox .top .left img{width:100%;max-width:100%;}
.SolveDetailBox .top .right{}
.SolveDetailBox .top .right span{font-size:16px;border-bottom: 1px #ddd solid;padding-bottom:10px;margin-bottom: 10px;}
.SolveDetailBox .top .right span b{font-size:14px;font-weight:bold;margin-bottom:10px;}
a.online{margin-top:20px;padding:10px 30px;font-size:12px;}
.SolveDetailBox .down{margin:20px 0;width: 100%;}
.SolveDetailBox .down .title{margin:0 0 30px 0;font-size:18px;padding:10px;}
.SolveDetailBox .relative{width: 100%;margin-top: 10px;}
.SolveDetailBox .relative .title{font-size: 18px;margin-bottom:15px;}
.cooperationBox{}
.cooperationBox .title{font-size:18px;margin: 10px 0 10px 0;}
.cooperationBox .block{padding:20px 0}
.cooperationBox .focusContribution{margin-top:10px;padding:0 30px;}
.cooperationBox .focusContribution .prev,.cooperationBox .focusContribution .next{left:-5px;width:30px;line-height:30px;font-size:20px;}
.cooperationBox .focusContribution .next{left:auto;right:-5px;}
.cooperationBox .focusContribution .list .box{padding:20px;}
.cooperationBox .focusContribution .list .box h3{font-size:14px}
.cooperationBox .focusContribution .list .box p{font-size:12px;margin-top:10px;}
.cooperationBox .commonweal{}
.list-commonweal{margin-top: 20px;}
.list-commonweal li{width:50%}
.list-commonweal li a{margin:0 5px 10px 5px;}
.list-commonweal li h4{font-size:12px;padding:10px;}
.cooperationBox .commonweal .more{margin:10px auto 0;padding:10px 20px;font-size:12px;}
.contactBox{margin:0 0 30px 0}
.contactBox .left{}
.contactBox .left h3{font-size:16px;}
.contactBox .left .wx{font-size:12px;line-height:20px;margin: 10px 0;}
.contactBox .left .ewm{float:left;width:50%;font-size:12px;}
.contactBox .right{}
.contactBox #dituContent{margin-top:20px;height:250px}
.NewsListBox .list li{margin-bottom:15px;padding-bottom:15px}
.NewsListBox .list li .pic{margin-right:15px}
.NewsListBox .list li h4{font-size:14px}
.NewsListBox .list li p{font-size: 12px;line-height: 17px;margin: 5px 0 0 0;}
.NewsListBox .list li b{display: none}
.NewsListBox .list li span{margin-top:3px;font-size: 12px;}
.list-honor2{}
.list-honor2 li{width:48%;margin:0 1% 1% 1%}
.list-honor2 li h4{font-size: 12px;padding:10px 0 5px 0;}
.list-honor2 li .imgBox{height:180px;}
.list-honor2 li .imgBoxB{height:180px;}
.list-honor2 li:hover h4{color:#009049;}
.list-box{margin-top: 0px;}
.list-box li{width:48%;margin:0 1% 1% 1%}
.list-box li h4{font-size: 13px;padding: 10px 0 10px 0;max-height: 50px;height: auto;}
#list-box2 li{width:31.3%;}
.list-pic2 li{width:48%;}
.list-pic2 li h4{font-size:12px; }
.footer{padding:20px 0 0 0}
.footer .nav{display: none}
.footer .right-top{width:100%;padding: 0px;border: none;text-align: center;}
.footer .right-top .tel{font-size:14px}
.footer .right-top .tel font{font-size:20px}
.footer .right-top .wx{font-size:12px;margin-top: 5px;line-height: 20px}
.footer .right-top .share{display: none}
.footer .down{margin-top:10px;padding:10px 0;text-align: center;font-size:12px}
.footer .down .left,.footer .down .right{width:100%;margin:2px 0}
.footer .down a{font-size:12px;}
.newsLi li{width:100%;float:none;font-size:12px;}
}

.firendLink a{margin: 0 10px 0 10px;}