*{margin:0;padding:0;list-style-type:none;}
html>body{font-size:12px;}
a{text-decoration:none;color:#000;}
img{border:0;}
/*头部样式 start */
.header{width:100%;height:135px;float:left;overflow:hidden;}
.header .left{width:17.9%;height:135px;float:left;}
.header .right{width:82.1%;height:135px;float:left;background-color:#008536;}
.header .right .logo{float:left;}
.header .right .nav{float:left;height:115px;line-height:115px;margin-left:15px;}
.header .right .nav a{display:block;float:left;color:#fff;padding:0 15px;font-size:14px;font-family:微软雅黑,黑体;}
.header .right .nav a:hover{color:#898989;}
.header .right .tel{padding-top:20px;height:70px;float:left;margin-left:10px;}
.header .right .tel .switch{width:140px;height:29px;background:#fff;padding:3px;}
.header .right .tel .switch a{display:block;float:left;text-align:center;heigth:23px;font:13px/29px '微软雅黑','黑体',sans-serif;}
.header .right .tel .switch a.eng{width:59.2%;background-color:#008536;color:#fff;}
.header .right .tel .switch a.eng2{width:59.2%;color:#008536;}
.header .right .tel .switch a.zw{width:40.8%;color:#008536;}
.header .right .tel .switch a.zw2{width:40.8%;background-color:#008536;color:#fff;}
.clear{ clear:both}
/* bannerBox轮播图 start*/
.bannerBox{width:100%; /*height:915px;*/clear:both;
background:url("../images/flashbg0.jpg") top no-repeat;
background-size:100%;
}
#focus-banner{
position: relative;
width: 100%;
overflow: hidden;
}
#focus-banner-list{
position: relative;
height:915px;
}
#focus-banner-list li{
position: absolute;
left: 0;
top: 0;
width: 100%;
}
#focus-banner-list li img{
width:100%;
}
.focus-banner-img{
display: block;
}
#focus-banner .focus-handle{
position: absolute;
top: 45%;
margin-top: 0px;
z-index: 100;
display: block;
width: 80px;
height: 80px;
background-image: url("../images/focus_handle.png");
}
#next-img{
left: 0;
}
#next-img{
left: 50px;
background-position: 0 0;
}
#next-img:hover{
background-position: 0 -80px;
}
#prev-img{
right: 0;
}
#prev-img{
right: 50px;
background-position: -80px 0;
}
#prev-img:hover{
background-position: -80px -80px;
}
#focus-bubble{
position: absolute;
left: 50%;
bottom: 50px;
z-index: 999;
}
#focus-bubble li{
float: left;
width: 13px;
height: 13px;
margin: 0 7px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border:1px #fff solid;
cursor: pointer;
}
#focus-bubble li.current{
background-color:#008536;
}
/* 我们的优势 start */
.advantage{position:relative;margin-top:12px;/*width:100%;z-index:1; margin-top:420px; top:420px;*/}
.case-content{overflow:hidden; margin:0 auto; width:1200px;}
/*.case-item{float:left;margin:10px 43px;}
.ih-item{position:relative;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item,.ih-item *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ih-item a{color:#333}
.ih-item a:hover{text-decoration:none}
.ih-item img{width:100%;height:100%}
.ih-item.circle,.ih-item.circle .img{position:relative;width:210px;height:210px;border-radius:50%}
.ih-item.circle .img:before{position:absolute;display:block;content:'';width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 16px rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.3);-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item.circle .img img{border-radius:50%}
.ih-item.circle .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.square{position:relative;width:316px;height:216px;border:8px solid #fff;box-shadow:1px 1px 3px rgba(0,0,0,.3)}
.ih-item.square .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.circle.effect1 .spinner{width:220px;height:220px;border:10px solid #ecab18;border-right-color:#1ad280;border-bottom-color:#1ad280;border-radius:50%;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.ih-item.circle.effect1 .img{position:absolute;top:10px;bottom:0;left:10px;right:0;width:auto;height:auto}
.ih-item.circle.effect1 .img:before{display:none}
.ih-item.circle.effect1.colored .info{background:#1a4a72;background:rgba(26,74,114,.6)}
.ih-item.circle.effect1 .info{top:10px;bottom:0;left:10px;right:0;background:#333;background:rgba(0,0,0,.6);opacity:0;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.ih-item.circle.effect1 .info h3{color:#fff;text-transform:uppercase;position:relative;letter-spacing:2px;font-size:24px;margin:0 30px;padding:55px 0 0;height:110px;text-shadow:0 0 1px white,0 1px 2px rgba(0,0,0,.3)}
.ih-item.circle.effect1 .info p{color:#bbb;padding:10px 5px;font-style:italic;margin:0 30px;font-size:12px;border-top:1px solid rgba(255,255,255,.5)}
.ih-item.circle.effect1 a:hover .spinner{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.ih-item.circle.effect1 a:hover .info{opacity:1}*/
/* 高新产品 */
.product{width:100%;height:824px;background:#63BD37;margin-bottom:33px;margin-top: 200px;}
.product .pro-1{width:1200px;height:824px;margin:0 auto;background:url(../images/product.png) no-repeat 14px 83px;position:relative;}
.product .pro-1 .pro-list{width:1200px;height:546px;position:absolute;bottom:74px; }
.product .pro-1 .pro-list .list{width:381px;height:545px; float:left;overflow: hidden; margin-right:28px;}
.product .pro-1 .pro-list .pl{width:381px;height:166px;background: #fff;text-align: center;}
.product .pro-1 .pro-list a.more{display:block;width:111px;height:32px;background:#56970A;text-align:center;line-height:32px;color:#fff;font-size:16px;font-family:微软雅黑,黑体;position:absolute;bottom:0;left:130px;}
.product .pro-1 .pro-list a.more:hover{ border:2px #56970A solid; background-color:#FFF; color:#56970A; }
.product .pro-1 .pro-list .list1{position:relative;}
.product .pro-1 .pro-list .list1 .pl1{background:#fff;text-align:center;}
.product .pro-1 .pro-list .list2{position:relative;}
.product .pro-1 .pro-list .list2 .pl2{background:url(../images/plogo2.png) no-repeat 20px 0;text-align:center;alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7;}
.product .pro-1 .pro-list .list3{margin-right:0; position:relative;}
.product .pro-1 .pro-list .list3 .pl3{background:url(../images/plogo3.png) no-repeat 75px 0;text-align:center;alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7;}
/* 高新产品 */
.probox{ width:100%;background:#63BD37; padding:40px 0px; margin-bottom:30px}
.recpro_bt{ padding-bottom:20px}
.recpro{ width:1200px; margin:0px auto}
.tv_hot {
width: 285px;
}
.avatar {
position: relative;
}
.tv_hot .avatar {
display: block;
height: 215px;
overflow: hidden;
width: 285px;
}
.tv_hot .avatar img {
height: 215px;
}
.avatar:after {
bottom: 0;
left: 5px;
position: absolute;
z-index: 10;
}
.avatar:hover, .zhuti .avatar:hover, .bbsinner .avatar:hover {
}
.avatar:hover img, .zhuti .avatar:hover img, .bbsinner .avatar:hover img {
transform: scale(1.3);
transition: all 1s ease 0s;
-webkit-transform: scale(1.3);
-webkit-transform: all 1s ease 0s;
}
/* 项目应用 */
.application{width:1200px;height:664px;margin:0 auto;margin-bottom:32px;}
.application .apptit{width:421px;height:664px;float:left;background:url(../images/app.png) no-repeat 20px 77px #22AAD3;}
.application .apptit .appdes{width:304px;height:65px;margin:151px 0 92px 63px;font-size:16px;font-family:微软雅黑,黑体;color:#fff;line-height:28px;}
.applicationBtn a:hover{background:#8CD735 !important;
color:#fff !important;}
.application .apptit .title{display:block;width:304px;height:71px;line-height:71px;text-align:center;color:#666666;font-size:17px;font-family:微软雅黑,黑体;background:#fff;;margin:0 auto;margin-bottom:20px;}
.applicationAddClass{
background:#8CD735 !important;
color:#fff !important;
}
/*.application .apptit a.title:hover{background:#008536;color:#fff;}*/
.application .case{width:779px;height:664px;position: absolute;display: none;}
.application .case .top{width:779px;height:414px;position:relative; }
.application .case div{
cursor: pointer;
}
.application .case a{width:142px;height:40px;line-height:40px; font-size:18px; text-align:center;color:#fff;border-radius:3px;border:solid 2px #FFF;
position: absolute;
left: 50%;
top: 50%;
margin-left: -44px;
margin-top: -13px;
z-index: 9999;
display: none;
}
.application .case a:hover{
background: #2fa7cc;
border:solid 2px #2fa7cc;
}
.application .case .left{width:402px;height:250px;float:left;position:relative;}
.application .case .right{width:377px;height:250px;float:left;position:relative;}
.application .case1 .top{
background-size: 100%;
}
.application .case1 .left{
background-size: 100%;
}
.application .case1 .right{
background-size: 100%;
}
.application .case2 .top{
background-size: 100%;
}
.application .case2 .left{
background-size: 100%;
}
.application .case2 .right{
background-size: 100%;
}
.application .case3 .top{
background-size: 100%;
}
.application .case3 .left{
background-size: 100%;
}
.application .case3 .right{
background-size: 100%;
}
/* 资讯·优惠 */
.news{width:1200px;height:616px;margin:0 auto;}
.news a.more{display:block;width:73px;height:29px;line-height:29px;border:solid 1px #fff;color:#fff;text-align:center;float:right;font-family:微软雅黑,黑体;font-size:15px;margin-right:29px;margin-top:33px;}
.news .discount{width:635px;height:614px;border:solid 1px #63BD37;float:left;}
.news .discount .dtitle{width:635px;height:90px;background:url(../images/youhui.png) no-repeat 14px 22px #63BD37;}
.news .discount .dtitle a:hover{ border:1px #FFF solid; background:#FFF; color:#159bc2;}
.news .discount .zixun{width:600px;height:218px;border:solid 1px #e0e0e0;margin:0 auto;margin-top:25px; position:relative;}
.news .discount .zixun img{ width:280px; height:210px; padding:5px;display:block;float:left;border:0;}
.news .discount .zixun .newscontent{width:295px;height:189px;padding:18px 15px;float:left;}
.news .discount .zixun .zixun_morns{ color:#666; padding:2px 10px; position:absolute; bottom:5px; right:5px;}
.news .discount .zixun .zixun_morns:hover{ color:#159bc2;}
.news .discount .line{width:600px;height:1px;border-top:dashed 1px #74c828;margin:0 auto;margin-top:18px;margin-bottom:22px;}
.news .discount ul{width:600px;margin:0 auto;}
.news .discount ul li{height:30px;margin-bottom:9px;font-size:14px;}
.news .discount ul li a{color:#676767;display:block;float:left;line-height:30px;}
.news .discount ul li a:hover{
color:#008536 ;
}
.news .discount ul li font{color:#676767;line-height:30px;display:block;float:right;}
.news .discount ul li img{display:block;float:left;margin-right:18px;margin-top:11px;}
.news .honor{width:562px;height:615px;float:left;border-bottom:solid 1px #008536;border-right:solid 1px #008536;}
.news .honor .htitle{width:562px;height:91px;background:url(../images/rongyu.png) no-repeat 13px 24px #22AAD3;}
.news .honor .htitle a:hover{border:1px #FFF solid; background:#FFF; color:#159bc2;}
.news .honor .hpic{width:528px;height:220px;margin:23px auto;}
.news .honor .hlist{width:528px;margin:0 auto;}
.news .honor .hlist div{float:left;width:130px;height:128px;text-align:center;position:relative;}
.news .honor .hlist div img{}
.news .honor .hlist div font{color:#656565;}
/* 施工指导 */
.guide{width:1200px;height:365px;margin:0 auto; margin-top:35px;}
.guide .gmore{width:419px;height:365px;float:left;background:url(../images/guide.png) no-repeat 102px 94px #63BD37;}
.guide .gm{}
.guide .gm a{width:141px;height:39px; display:block; color:#FFF;border:solid 1px #fff;text-align:center;line-height:39px;margin:160px 0 0 134px;color:#fff;font-size:18px;font-family:微软雅黑,黑体;cursor:pointer;}
.guide .gm a:hover{border:1px #FFF solid; background:#FFF; color:#159bc2;}
.guide .zhidao{width:781px;height:365px;background:url(../images/zd.jpg) no-repeat;float:left;position:relative;}
.guide .zhidao .zdship{width:781px;height:66px;background:#d54417;position:absolute;bottom:0;padding:4px 0;}
.guide .zhidao .zdship ul{width:390px;height:66px;float:left;font-size:14px;}
.guide .zhidao .zdship ul.u1{border-right:solid 1px #fdf3f1;}
.guide .zhidao .zdship ul li{height:28px;line-height:28px;padding-left:15px;}
.guide .zhidao .zdship ul li img{margin-right:10px;}
.guide .zhidao .zdship ul li a{color:#fdf3f1;}
.guide .zhidao .zdship ul li a:hover{text-decoration:underline;}
/* 关于我们 */
.abus{width:1200px;height:445px;margin:0 auto;margin-bottom:30px;margin-top:35px;}
.abus .aus{width:838px;height:445px;float:left;}
.abus .aus .a{width:839px;height:93px;background:#63BD37;}
.abus .aus .a .atit{width:242px;height:92px;background:url(../images/aboutus.png);margin-left:14px;float:left;}
.abus .aus .a .amore a{width:73px; color:#FFF; height:29px;border:solid 1px #fff;float:right;margin:30px 24px 0 0;color:#fff;line-height:29px;text-align:center;font-size:15px;font-family:微软雅黑,黑体;cursor:pointer;}
.abus .aus .a .amore a:hover{border:1px #FFF solid; background:#FFF; color:#159bc2;}
.abus .aus .usimg{width:838px;height:362px; position:absolute;}
.abus .aus .usimg .usdes{height:75px;padding:5px 20px;position:absolute;bottom:10px;z-index:1000;color:#fff;text-indent:2em;background:#000;font-size:14px;line-height:20px;filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.8;}
.abus .cus{width:362px;height:445px;float:left;}
.abus .cus .c{width:362px;height:93px;background:#22AAD3;}
.ctit{width:242px;height:92px;background:url(../images/cus.png) no-repeat 17px 28px; background-size:220px;float:left;}
.cmore a{width:73px; color:#FFF; height:29px;border:solid 1px #fff;float:right;margin:30px 24px 0 0;color:#fff;line-height:29px;text-align:center;font-size:15px;font-family:微软雅黑,黑体;cursor:pointer;}
.cmore a:hover{border:1px #FFF solid; background:#FFF; color:#159bc2;}
.abus .cus .contentus{width:362px;height:352px;background:#035966;}
.abus .cus .contentus .tus{width:262px;border-bottom:solid 1px #4d8c95;color:#fffeff;margin:0 auto;font-size:14px;padding-left:40px;}
.abus .cus .contentus .dizhi{background:url(../images/dizhi.jpg) no-repeat 5px 12px;height:50px;line-height:50px;}
.abus .cus .contentus .tel{background:url(../images/tel.jpg) no-repeat 0px 25px;height:76px;line-height:76px;}
.abus .cus .contentus .chuanz{background:url(../images/chuanz.jpg) no-repeat 0px 28px;height:75px;line-height:75px;}
.abus .cus .contentus .youj{background:url(../images/youj.jpg) no-repeat 0px 30px;height:78px;line-height:78px;}
.abus .cus .contentus .fouroo{background:url(../images/fouroo.jpg) no-repeat 0px 22px;height:67px;line-height:67px;}
/* 底部 */
/*友情链接*/
.flink{width:1200px;height:60px;margin:0 auto;line-height:60px;font-size:14px;padding-left:15px;}
.flink span{color:#035968;}
.flink a {color:#666666;}
.flink a:hover{color:#035968;}
.footNav{width:100%;background:#242424;padding-top:38px; overflow:hidden; clear:both;}
.footNav .fnav{width:100%;background: #1f1f1f; text-align:center; overflow:hidden;}
.footNav .fnav a{ display:inline-block;color:#fff;line-height:53px;padding:0 28px;font-size:14px;}
.footNav .fnav a:hover{background:#4baf33;}
.footNav .ownership{line-height:25px;color:#ccc;padding:20px 0;font-size:13px; text-align:center;}
.footNav .ownership .cpr{float:left; margin-left:80px; display:block;}
.footNav .ownership .cpr2{ text-align:center;}
.footNav .ownership .cnzz{margin-left:13px;margin-top:13px;margin-right:60px;float:left;}
.footNav .ownership .map{ text-align:center;}
.footNav .ownership .map a{color:#ccc;}
.footNav .ownership .share{float:left;margin-left:60px;}
.footNav .ownership .share a{display:block;float:right;margin:0 5px;}
/*新加样式*/
.advantageBg{
width: 100%;
height: 215px;
background: #BCC3CF;
opacity: 0.8;
}
.advantageBox{
width: 1200px;
position: absolute;
left: 50%;
margin-left: -600px;
z-index: 99999;
top:70px;
}
.advantageList{
width: 220px;
height: 280px;
float:left;
margin: 10px 40px;
}
.advantageListImg{
width: 220px;
height: 220px;
margin: auto;
margin-top: 10px;
position: relative;
overflow: hidden;
cursor: pointer;
}
.advantageListImg a{
float: right;
color: #99a3bb;
font-family: "宋体";
line-height: 20px;
}
.scrollicon{
position: absolute;
left: 0px;
top: 0px;
}
.scrolliconBg{
width: 220px;
height: 220px;
border: 2px solid green;
background: #FFF;
border-radius: 210px;
margin-bottom: 1px;
}
.scrolliconshow1{
width:200px;
height:200px;
background: #FFF;
background: url(../images/advantage1.png) no-repeat;
border-radius: 200px;
margin: auto;
margin-top: 7px;
}
.scrolliconshow2{
width:200px;
height:200px;
background: #FFF;
background: url(../images/advantage2.png) no-repeat;
border-radius: 200px;
margin: auto;
margin-top: 7px;
}
.scrolliconshow3{
width:200px;
height:200px;
background: #FFF;
background: url(../images/advantage3.png) no-repeat;
border-radius: 200px;
margin: auto;
margin-top: 7px;
}
.scrolliconshow4{
width:200px;
height:200px;
background: #FFF;
background: url(../images/advantage4.png) no-repeat;
border-radius: 200px;
margin: auto;
margin-top: 7px;
}
.advantageList .info{
width: 100%;
font-family: "微软雅黑";
line-height: 30px;
position: relative;
text-align:center;
}
.advantageList .info p{
text-align: center;
}
.advantageList .infoHead{
font-size: 18px;
text-align:center;
color:#000;
}
.advantageList .infoWord{position: relative;font-size:14px;}
.advantageList .infoWord p{color: #666666;}
.advantageList .info i{
width: 3px;
height: 7px;
position: absolute;
left: -5px;
bottom: 12px;
}
.productInfoBox{
position: absolute;
width: 381px;
height: 166px;
z-index: 99999;
left: 0px;
bottom: -166px;
}
.productLogo{
width: 100%;
position: absolute;
bottom: 25px;
left: 0px;
z-index: 999;
}
.productLogo img{
display: block;
margin: auto;
}
.applicationCaseBox{
float: left;
width: 779px;
position: relative;
}
.advantageWord{
width: 1200px;
height: 215px;
position: absolute;
top: 0px;
left: 50%;
margin-left: -600px;
}
.advantageWordIcon{
width: 924px;
height: 81px;
background: url("../images/advantageHead.png") top center no-repeat;
float: left;
margin-left: 25px;
margin-top: 27px;
}
.advantageWordIcon.en{background: url("../images/advantageHead-en.png") top center no-repeat;}