@charset "utf-8";
/* CSS Document */
html {overflow-y:scroll;}
*{margin:0;padding:0;list-style:none;border:0;}
body{font-size:15px;  margin:0; padding:0;font-family: "Microsoft Yahei";  }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,html,body,nav{padding:0;margin:0; color:#333}
h1,h2,h3,h4,h5,h6 {font-size:14px; font-weight:normal;}
img{border:0;}
ol,ul{list-style:none;}
i{ font-style:normal}
h1{font-size:18px;}
a{color:#333;text-decoration:none;font-size:15px;blr:expression(this.onFocus=this.blur());}
a:hover{color:#f00;text-decoration:none;}
.clean100{clear:both;height:160px;overflow:hidden;}
.clean50{clear:both;height:50px;overflow:hidden;}
.clean30{clear:both;height:30px;overflow:hidden;}
.clean20{clear:both;height:20px;overflow:hidden;}
.clean10{clear:both;height:10px;overflow:hidden;}
.left{ float:left;overflow:hidden;}
.right{float:right;overflow:hidden;}
.mar{ margin:0 auto}
.w1200{ width:1200px; clear:both;}
.i{font-style:normal}
.content{
    position: relative;
	width: 1200px;
	margin:auto;
	overflow: hidden;
}

/*返回顶部样式*/
.totop{position:fixed;right:25px;bottom:25px;display:block;width:26px;height:62px;background:url(../images/rocket.png) no-repeat 0 0;-webkit-transition: all 0.2s ease-in-out;}
.totop:hover{background:url(../images/rocket.png) no-repeat 0 -62px;}
/*导航条1*/
#headdiv{height:170px; position: fixed; top: 0px;left:0; width: 100%; z-index: 1000;}
.top{ height:40px; line-height:40px; color:#666; font-size:13px; background: #f4f4f4}
.top a{ color:#666; font-size:13px;}
.header{ background:#fff; overflow:hidden; padding:15px 0;  width: 100%; float:left}
.header .logo{ height:100px;}
.shutiao{ float: left; border-left: 1px solid #d6d6d6; height: 80px; margin:10px 20px;}
.header span{ max-width: 300px; display: inline-block; margin-top: 20px;}
.header span strong{ font-size:18px; line-height:30px;}
.header span p{ color:#666; line-height:35px}
.header span i{ color:#009944; }

.yc{ float:right; padding-top:15px;}
.tel{ background:url(../images/dh.png) left center no-repeat; height:50px; line-height:50px; float:left; display:inline-block; font-family:"Impact"; font-size:30px; color:#272636; margin:10px 70px 0 0; padding-left:55px}


/*导航条*/
.dht1{ width:100%; float:left; height:56px; background-color:#009944; border-bottom:3px solid #00a1e9}
.menu{ width:100%; overflow:hidden; float:left}
.menu .menu_item{ display:inline-block;float:left;font-size: 18px;width:171px;text-align:center;font-family:"微软雅黑"; }
.menu .menu_item a{font-size: 16px; display: block;width: auto; color:#fff; line-height:56px;font-family:"微软雅黑";}
.menu .menu_item:hover,.cur{background:#00a1e9 }

.menu:hover .cur{ background:none}

.menu .menu_item:hover .submenu{display:block; z-index:999999; position:absolute;}
.submenu{background:rgba(0, 0, 0, 0.55) none repeat scroll !important; /*实现FF背景透明，文字不透明*/
background:#000; filter:Alpha(opacity=55);/*实现IE背景透明*/ overflow: hidden;z-index:999999999; display:none;}
.submenu_item {padding:0 2px; min-width:171px; }
.submenu_item a{ color:#fff !important; font-weight:100 !important; line-height:3em !important;}
.submenu_item:hover{ background:#009944;filter:Alpha(opacity=55);background:rgba(0, 153, 68, 0.88) none repeat scroll !important; }








/*搜索*/
.search{ width:300px; height:32px; background:url(../images/ss.png) no-repeat; float: right; margin-top:20px;}
.kuan_sou{ width:220px; height:24px; line-height:24px; float:left;border:none; margin:4px 12px; border-right:1px solid #ccc; background:none; color:#fff}
.kuan_an{ width:50px; height:26px; background:url(../images/ss1.png) 0 1px no-repeat;cursor:pointer; float:left;  margin-top:3px; border:none;}
.kuan_an:hover{background:url(../images/ss2.png) 0 1px no-repeat;}





/*banner*/

.banner{ min-width:1200px;  position:relative;  height:600px; overflow:hidden;top:209px}
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:600px; }
.banner .bd li .siteWidth{ width:1200px; position:relative;  margin:0 auto;  height:600px;  }
.banner .bd li a{ height:600px; display:block;  }
.banner .bd .txt{ position:absolute; width:415px; top:100px; left:22px;   font:normal 18px/30px "Microsoft YaHei";    }
.banner .bd .btn{ display:block; zoom:1; margin-top:8px;  width:72px; padding-right:10px;  height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background:url(../images/banner-btn.png) 0 0 no-repeat;
_background:url(../images/banner-btn-ie6.png) 0 0 no-repeat;
}
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:10px; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(../images/dot-black.png) 0 0; overflow:hidden; 
	line-height:9999px; filter:alpha(opacity=40);opacity:0.4; 
}
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1;  }

/*栏目推荐*/


.clean130{clear:both;height:280px;overflow:hidden;}
.bjs{width:100%; float:left;  background:#f4f4f4}
.bt{ width:100%; float:left; height:110px; text-align:center;background: url(../images/tips_l.png) center top no-repeat;}
.bt h1{ font-size:36px; width:100%;float:left; margin-bottom:12px; padding-top:24px; letter-spacing:1px}
.bt span{ color:#d2d3d6;text-transform: uppercase;}

/*产品分类*/

.tese ul{width:110%; float:left;overflow:hidden }
.tese ul li{ width:575px; float:left; margin-right:50px; overflow:hidden}
.tese ul li img{ width:100%}
/*关于我们*/
.gywm{ width:500px; float:left; overflow:hidden}
.gywm dl { width:100%; float:left;}
.gywm dl h1{float:left; font-size:36px; line-height:54px; padding-top:4px;}
.gywm dl b{ float:left; font-weight:normal; padding-left:15px; padding-top:35px;}

.gywm span{ width:100%; float:left; padding-top:20px;}
.gywm span p{ width:100%; float:left;line-height:32px; font-size:16px; }
.gywm_l{ width:619px; float:right; text-align:center;height:372px; }
.gywm_l img{ width: 100%}


.gywm dd{ width:105px;height:40px; text-align:center; display:inline-block;  float: right; margin-top:30px; background-color:#009944;}
.gywm a{  line-height:40px; font-size:36px; color:#fff; font-weight:bold; display:inline-block;}
.gywm a:hover{ color:#fff; background-color:#2f353b}

/*产品中心*/
.prot ul,.ys ul,.new{ width:110%; float:left; overflow:hidden}
.prot ul li.protu{ width:280px; float:left; padding-right:30px; text-align:center; padding-bottom:30px;}
.prot ul li .cpimg{ width:278px; height:304px; overflow:hidden; display: table-cell; vertical-align:middle; text-align:center; border:1px solid #c6c6c6; *display: block; *font-size:174px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial; }
.prot ul li  .cpimg img{ width:278px; height:304px;vertical-align:middle;object-fit:cover;}


.prot ul li .ctimg{ width:288px; height:220px; overflow:hidden; display: table-cell; vertical-align:middle; text-align:center; border:1px solid #c6c6c6; *display: block; *font-size:192px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial; }
.prot ul li  .ctimg img{ max-width:288px; max-height:210px;vertical-align:middle;width:auto; height:auto;}
.prot ul li:hover  .ctimg{border:1px solid #009944;}

.prot ul li:hover .cpimg img,.prot ul li:hover .ctimg img{ -webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.2);transform:scale(1.2); }
.prot ul li b{ width:100%; float:left; line-height:36px;overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;/*不换行*/ text-overflow:ellipsis;/*超出部分省略号显示*/}
.prot ul li:hover b{ color:#009944}

.prot ul li:hover  .cpimg{border:1px solid #009944;}
.gd{ width:100%; float:left; text-align:center}
.gd a{ width:176px; height:46px; border:1px solid #009944; color:#009944; display:inline-block; text-align:center; line-height:46px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius: 3px;-o-border-radius: 3px; }
.gd a:hover{ background-color:#009944; color:#fff}

/*我们的优势*/
.ys{ width:100%; float:left; background:url(../images/bg5.jpg) no-repeat; padding-top:84px; padding-bottom:84px; height:132px;}
.ys ul li{ width:324px; padding:28px; background-color:#FFF; margin-right:30px; float:left }
.ys ul li img{ width:72px; float:left}
.ys ul li span{ width:228px; float:right}
.ys ul li b{ width:100%; float:left; font-size:20px; font-weight:normal; color:#7d6666; line-height:140%}
.ys ul li p{ color:#999; line-height:22px; font-size:13px}

/*新闻*/
.news_l{ width:32%; float:left;}
.news_l a{ display:inline-block}
.news_l img{ width:100%; height:250px;object-fit:cover;}
.news_l h1{ font-size:16px; line-height:50px;}
.news_l p{line-height:26px; color:#767676}
.news_l i{ display:inline-block; float:left; border:1px solid #8f8e8e; text-align:center; width:160px; height:40px; line-height:40px; color:#8f8e8e; margin-top:15px;}
.news_l i:hover{ background:#009641; color:#fff}


.new_r{ width:59%;  float: right; }
.new_r li{ width:100%; float:left; border-bottom:1px solid #f4f4f4; padding-bottom:30px; margin-bottom:35px; overflow:hidden}
.new_r li span{ width:100px;float:left; padding-bottom:20px;}
.new_r li span b{ width:100%; float:left;line-height:46px;color:#009944;font-size:28px; font-weight:normal;}
.new_r li span i{color:#767676; font-size:14px; }
.new_r li h1{  font-size:20px;  line-height:40px; height:40px;overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;/*不换行*/ text-overflow:ellipsis;/*超出部分省略号显示*/}
.new_r li p{ color:#767676;}
.new_r li:hover{border-bottom:1px solid #00a1e9;}
.new_r li:hover h1{ color:#00a1e9}
.new_r li:hover span b{ color:#00a1e9}

/*合作伙伴*/
.friendLink{ width:100%; float:left;overflow:hidden; clear:both; height:102px;}
.friendLink ul{ overflow:hidden; zoom:1; }
.friendLink ul li{float:left;margin-right:25px; width:210px; text-align:center }
.friendLink ul li a{display:inline-block; }
.friendLink ul li span{display:table-cell; text-align: center; vertical-align: middle; width:208px; height:100px; overflow: hidden; border:1px solid #f2f2f2; *display: block; *font-size: 87px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}
.friendLink ul li span img{max-width:208px;max-height:100px;display: inline-block;vertical-align: middle; width:auto; height:auto}
.friendLink ul li:hover{ transition: all .7s;}


/*底部*/
.foot{ width:100%; float:left; background:#222222;padding-top:30px; padding-bottom:30px;}
.foot_l{ width:280px; float:left; padding-top:14px;}
.foot_l span{ width:100%; float:left; padding-bottom:17px;}
.foot_l span img{ height:80px; float:left; padding-right:8px;}
.foot_l span h1{ line-height:56px; float:left; color:#666666; font-size:24px;}
.foot_l p{ width:100%; float: left; line-height:22px; color:#666; font-size:12px; padding-bottom:20px;}

.foot_t{ width:820px; float:right}
.footer-list{ width:192px; float:left;}
.footer-list span,.footer-new span,.footer-code span{ width:100%; float:left; border-bottom:1px solid #666; line-height:38px; color:#666; margin-bottom:15px;}
.footer-list li{ width:96px;float:left; padding-bottom:12px;}
.footer-list li a{color:#666; font-size:14px}

.footer-new{ width:370px; float:left; padding-left:50px;}
.footer-new li{ width:100%; float: left; line-height:30px;  }

.footer-new li dl a{ font-size:12px; color:#009944; float:left; padding-right:8px;}
.footer-new li h1{ width:195px; font-size:12px; color:#666; float:left;overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;/*不换行*/ text-overflow:ellipsis;/*超出部分省略号显示*/}
.footer-new li i{font-size:12px; color:#666; float:right; }

.footer-code{ width:120px; float:right;}
.footer-code img{ width:120px;}

.footer{ width:100%; float:left; text-align:center;  line-height:50px; background-color:#000;}
.footer p,.footer p a{ color:666}


/*翻页*/
#pages,.cpage{ width: 100%; height: 50px; text-align: center; line-height: 22px; padding-top: 1px; clear:both;}
#pages a,.cpage a{ background: #f5f5f5; border: #ddd solid 1px; padding: 3px 8px; margin: 0 2px; float: none; color: #333; font-size: 14px;}
#pages span{ background: #009944; color: #fff; border: #DDD solid 1px; padding: 3px 8px; margin: 0 2px; float: none;}
#pages a:hover{border: #009944 solid 1px;}

.articlebook{ width:100%; float:left; overflow:hidden; padding-top:10px; padding-bottom:10px}
.articlebook a.zuo{ float:left}
.articlebook a.you{ float:right}
.articlebook a:hover{ color:#F00}

/* 左侧通用 */
.banner-subban{ min-width:1200px;  position:relative;  height:500px; overflow:hidden;top:208px}
.banner-subban img{ width:100%; float:left;}
.pro_list{width:210px; position:absolute; top:590px; }
.pro_left{ width:210px; height:140px; text-align:center; background:url(../images/bjk.jpg) no-repeat; float:left}
.pro_left p{ color:#FFF}
.pro_left h1{ width:100%; float:left; padding-top:30px; padding-bottom:10px; font-size:30px;color:#FFF}
.pro_l{ width:100%; float:left; background-color:#2f353b; margin-top:1px;}
.pro_l li{ width:100%; height:61px; text-align:center; float:left; line-height:60px;}
.pro_l li a{ width:185px; float:left; margin-left:10px; border-bottom:1px solid #aaaaaa; color:#FFF }
.pro_l li:hover,.cug{ background-color:#009944}



.lxwm{width:90%; float:left; margin-top:20px; background:#f6f6f6; padding:10px; }
.lxwm span a{ float: left; line-height:36px; font-size:18px; font-weight:600; width:100%; border-bottom:2px dashed #eee; margin-bottom:8px; display:inline-block}
.lxwm p{float: left; width:100%; padding-bottom:8px; line-height:26px; }
.lxwm img{ width:26px; float:left; padding-right:8px;}


.w940{ width:940px; overflow:hidden; float:right}
.clean210{clear:both;height:210px;overflow:hidden;}
.shouye{ width:98%; float:left; background:#f8f8f8; padding:15px;}
.shouye span,.shouye span a{ font-size:13px;}
.about p{ line-height:36px; font-size:15px;}
.about strong{color:#4ca47c; font-size:16px}
.about img{ max-width:800px;}

/*产品内容页*/
.chan_we dl img{ max-width:400px;}
.chan_we span img{ max-width:800px;}
.chan_we h1{ width:100%; float:left; text-align:center;font-size: 20px; font-weight:600;line-height: 33px;margin-bottom: 30px; float:left;}
.chan_we p{ line-height:36px;}
.chan_we strong{ font-size:17px; color:#009944}

.about-title{ width:100%; float:left; background-color:#f4f4f4; height:50px; line-height:50px;} 
.about-title span{ color:#4ca47c}
.about-title a{ color:#434343; font-size:13px;}


.about_left{ width:100%; float:left; text-align:center; overflow:hidden; padding-bottom:30px}
.about_left a{ padding:6px 20px; font-size:16px; color:#fff; background-color:#a20001; display:inline-block}
.about_left a:hover{ background:#096f39}
.about_left .cuz{ background:#096f39}

/*新闻列表页*/

.news-title li{
	width:100%; float:left; padding-bottom:15px; margin-bottom:15px;border-bottom: 1px dotted #e2e2e2;
}
.news-title li .rq{ width:70px; height:80px; background-color:#009944; margin-left:30px; display:inline-block; text-align:center; float:left; margin-top:5px;}
.news-title li .rq b{ font-size:24px; color:#FFF; display:block; line-height:42px; margin-top:5px;}
.news-title span{ color:#FFF; font-size:12px;}
.news-title h1{ width:1060px; float:right;
	display: inline-block;
    font-family: Microsoft YaHei;
    font-size: 24px;
    color: #5A5A5A;
    text-decoration: none;
}
.news-title p{ width:1060px; float:right; font-size: 13px; 
    padding-top: 5px;
    color: #888888;
    font-weight: normal;
	text-decoration: none;
	line-height:22px;
}
.news-title li:hover h1{color:#009944}
/* 新闻内容页 */

.news_show h1{
	display: block;
	font-size: 20px;
    /* line-height: 140%; */
    color: #333333;
	font-family: 'Microsoft YaHei';
	min-height:52px;
    text-indent: 0px;
    font-weight: bold;
    line-height: 42px;
    width: 100%;
    overflow: hidden;
    text-align: center; 
}
.artdetail-time{
	display: block;
	font-size: 14px;
    line-height: 23px;
    color: #888888;
	font-family: 'Microsoft YaHei';
	/* padding-left: 8px; */
    min-height: 23px;
    text-align: center;
 }
.news_show b{  float:left; font-size:13px;
	font-family: 'Microsoft YaHei';
    color: #868686;
    text-indent: 0;
    border-color: transparent;
    padding: 10px;
    background-color: #F5F5F5;
    border: #E5E5E5 1px solid;
    margin-bottom:40px; margin-top:20px; font-weight:normal;
}
.news_show strong{ font-size:18px; color:#ff9800}
.news_show p{ width:100%; float:left; line-height:30px;}
.news_show img{ max-width:850px;width:auto; height:auto }

/*在线咨询*/
.table_form{ width:1000px; margin:0 auto}

.table_form th,.table_form tr,.table_form td{ width:100%; float:left; text-align:left}
.table_form .input-text,.table_form textarea{ width:100% !important; height:46px; border:1px solid #898989; float:left} 
.table_form textarea{ width:100% !important; height:46px; border:1px solid #898989; float:left} 
.button{ background-color:#009944 !important; width:100% !important; height:40px; float:left}

.zxlx{ width:380px; float:right; text-align:center; padding-top:200px;}
.zxlx strong{font-size: 30px;line-height: 150%;}
.zxlx  p{ line-height:30px; font-size:13px;}
/* 联系我们 */
.lxwm_list ul{ width:110%; float:left;}
.lxwm_list ul li{ width:450px; float:left; padding-right:50px;}
.lxwm_list ul li span{ width:110px; height:110px; background-color:#009944;word-wrap: break-word;  display:inline-block; text-align:center; margin-right:24px; float:left}
.lxwm_list ul li img{ width:54px; margin-top:20px;}
.lxwm_list ul li b{  width:310px; float:left; line-height:160%; padding-top:8px}
.lxwm_list ul li p{ line-height:25px;}



/*QQ悬浮框*/
.suspend{width:40px;height:198px;position:fixed;top:200px;right:0;overflow:hidden;z-index:9999;}
.suspend dl{width:120px;height:198px;border-radius:25px 0 0 25px;padding-left:40px;box-shadow:0 0 5px #e4e8ec;}
.suspend dl dt{width:40px;height:198px;background:url(../images/suspend.png);position:absolute;top:0;left:0;cursor:pointer;}
.suspend dl dd.suspendQQ{width:120px;height:85px;background:#ffffff;}
.suspend dl dd.suspendQQ a{width:120px;height:85px;display:block;background:url(../images/suspend.png) -40px 0;overflow:hidden;}
.suspend dl dd.suspendTel{width:120px;height:112px;background:#ffffff;border-top:1px solid #e4e8ec;}
.suspend dl dd.suspendTel a{width:120px;height:112px;display:block;background:url(../images/suspend.png) -40px -86px;overflow:hidden;}
* html .suspend{position:absolute;left:expression(eval(document.documentElement.scrollRight));top:expression(eval(document.documentElement.scrollTop+200))}

.friendLink1{ width:100%; float:left;overflow:hidden; clear:both; height:260px;}
.friendLink1 ul{ overflow:hidden; zoom:1; }
.friendLink1 ul li{float:left;margin-right:25px; width:215px; text-align:center }
.friendLink1 ul li a{display:inline-block; }
.friendLink1 ul li span{display:table-cell; text-align: center; vertical-align: middle; width:213px; height:160px; overflow: hidden; border:1px solid #eee; *display: block; *font-size: 183px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}
.friendLink1 ul li span img{max-width:213px;max-height:160px;display: inline-block;vertical-align: middle; width:auto; height:auto}
.friendLink1 ul li:hover{ transition: all .7s;}
.friendLink1 ul li:hover span img{-webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.3);transform:scale(1.3);}
.friendLink1 ul li p{ width:100%;height:36px;text-align:center; float:left;  text-align:center;line-height:36px; overflow:hidden;white-space: nowrap; color:#4c4c4c}
.friendLink1 ul li:hover p{background-color:#009944; color:#FFF;opacity: 1;line-height:36px;}


.cp_left{ width:210px; float:left;overflow:hidden}
.list-title{ width:100%; height:100px; float:left; background: url(../images/bjk.jpg) no-repeat; display:inline-block;font-size:24px; color:#FFF; line-height:100px; font-weight:800}
.list-title i{ background: url(../images/left.png) center no-repeat; height:100px; width:80px; float:left}
.list-title h1{ font-size:24px; color:#fff;}

.accordion {
    width: 100%; float:left;
    }

.accordion .link {
    cursor: pointer;
    display: block;
    padding: 15px 15px 15px 23px; background:#00a1e9;
    border-bottom: 1px dotted #fff;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.accordion .link a{ font-size: 16px; color: #fff;}

.accordion li{
    cursor: pointer;
}
.accordion .link  i { background:url(../images/ttp.png) center no-repeat; height:21px; width:56px; float:left;
   
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.accordion .link:hover,.cugt{ background:#009944;}
.accordion .link:hover a,.cugt a{ color:#FFF }
.accordion  .link:hover  i,.cugt  i{ background:url(../images/tt1.png) center no-repeat; }
/**
 * submenute
 -----------------------------*/
.submenute {
 
    background: #009944;
    font-size: 14px;
}

.submenute li {
    border-bottom: 1px dotted #fff;
}

.submenute a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 12px 5px;

    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.submenute li i{ background:url(../images/xt1.png) center no-repeat; width:50px; height:23px; float:left}
.submenute a:hover ,.submenute li.cento a{
    background: #f08400;
    color: #FFF;
}
.submenute li:last-child .link {
    border-bottom: 0;
}