html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{/*color:#666;*/}
a:hover,a:active,a:focus{color:#e87518;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}


.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}


.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}




/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;color: #333;}
.hotSearch a:hover{color: #457e39;}
#formsearch input{height:31px;background:#ffffff;border:1px solid #a7a7a7;line-height:31px;}
#formsearch input#keyword{width: 217px;float: left;height:31px;line-height:31px;padding-left:10px;color:#888888;border-right:none;}
#formsearch input#s_btn{width:72px;height:31px;line-height:31px;text-align:center;background-color:#0c41a3;color:#fff;border:none;cursor:pointer;}





.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;overflow:hidden;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);overflow:hidden;}


/*导航栏样式*/

#menu{
    height: 50px; margin-top:30px;
}
.nav{height:50px;}
.nav li{line-height:50px;height:50px;text-align:center;float:left;position:relative;z-index:999;margin-left:65px;}
.nav li a{display:block;line-height:50px;color:#FFF;height:50px;font-size:16px;}
.nav li a:hover{text-decoration:none;background:url(../images/navhover.png) no-repeat bottom center; border-bottom:#FFF solid 3px;}

.nav .sec{height:0;background:#457e39;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:50px;left:0px;}
.nav .sec a{background:#457e39;color:#fff;height:38px;line-height:38px;width:97px;font-size:14px;}
.nav .sec a:hover{background:#457e39;text-decoration:none;}



/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}


#d_demo{overflow:hidden;width:100%;margin:0 auto;}
#d_indemo {float: left;width:800%}
#d_demo1 {float: left;}
#d_demo2 {float: left;}




.wt{width:1920px;position: relative;left:50%;margin-left:-960px;}
.wt_t{width:1200px;margin:0 auto;}




/*头部样式*/
#header{width:1200px;margin:0 auto;}
.header{width:1200px;margin:0 auto;}
.top{
    height: 37px;
    line-height: 37px;
    overflow: hidden;
    border-bottom:1px solid #27b3b3;
    color: #FFF; background:#27b3b3;
}
.top a{
    color: #313131;
}
.top a:hover{
    color: #457e39;
}
.top2{
    height: 113px; background:#FFF;
}
.logo{
    line-height: 113px;
	width:385px;

}
.logo img{
	 width:100%;

}
.k3{}
  
  
.k2{
    text-align:right;
    color: #666;
    margin-top: 15px;
        font-weight: bold;
}
.k2 strong{
    font-weight:normal;
    color: #457e39;
    font-size:20px;
}
.k2 span{
    vertical-align: middle;
}

.topLink{float:right;text-align:right;position: relative;z-index: 9999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}

/*热门搜索*/
.search{width: 1200px;margin: 0 auto;}
#formsearch{float:right;margin-top: 13px;}
.hotSearch{float:left;height:55px;line-height:56px;font-weight:normal;color: #333;}
.hotSearch p{float:right;}
#search-type{float: left;width:100px;height: 31px;border: 1px solid #a7a7a7;margin-right: 10px;}


/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:10px;}
.container{width:1200px;margin:0 auto;}
.nei1{
    height: 55px;
    overflow: hidden;
    background:#f0f0f0;
}
.nei2{
    margin-top: 35px;   background:#f8f8f8;
}
.nei2tit{
    text-align: center;
    color: #222;
    font-size:21px;
    text-transform: uppercase;
    line-height: 36px;
}
.nei2tit p{
    color: #222;
    font-size:18px;
    background:url(../images/titline.png) no-repeat center center;
}
.nei2Con{
    margin:0 -15px;
    margin-top: 45px;
}
.nei2Con li{
    width:380px;
    float: left;
    margin:0 100pxpx;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
        margin-left: 30px;
}

.nei2Con li a img.imgx{width:380px;height:380px;}


.nei2Con li .img{
    position: absolute;
        top: 94px;
    left: 0;
    right: 0;
    z-index:9999;
}
.nei2Con li .intro{
    background:rgba(14,56,119,0.8);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.nei2Con li h3{
    font-weight:normal;
    color: #fcfcfc;
    font-size:16px;
    position: absolute;
    bottom: 20px;
    text-align: center;
    width: 100%;
    display: none;
}
.nei2Con li:hover .intro{
    display: block;
}
.nei2Con li:hover h3{
    display: block;
}
.nei3{
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    background:url(../images/nei3bac.png) no-repeat top center;
    height: 1038px;
    /*margin-top: 25px;*/
}
.nei3tit{
    text-align: center;
    padding-top: 195px;font-size:43px;color:#01588c;font-weight: bold; background:url(../images/hh4.png) no-repeat  center bottom;line-height:50px;
}

.nei3tit p{
        margin-top: -95px;
}
.nei3Con{
        margin-top: 45px;
}
.nei3left{
    width:550px;
    text-align:justify;
}
.nei3left h2{
    color: #393939;
    font-size: 25px;
    font-weight: normal;
    padding-bottom: 20px;
    background: url(../images/nei3line.png) no-repeat bottom left;
}
.nei3Box{
    color: #202020;
    font-size:14px;
    margin-top: 18px;
    line-height: 27px;
}
.nei3left>a{
    display: block;
    margin-top: 42px;
    width: 123px;
    height: 33px;
    font-size:14px;
    text-transform: uppercase;
    color: #fff;
    background:url(../images/moretu.png) no-repeat bottom left;
    line-height: 33px;
    text-align: center;
}
.nei3right{
    width:600px;
}
.titN3{
    margin-top: 45px;
    height: 45px;
    line-height: 45px;
    position: relative;
    overflow: hidden;
    border-bottom:2px dashed #bababa;
    color: #565656;
    font-size:20px;
}
.titN3 span{
    font-size:14px;
    padding-left: 20px;
}
.titN3 i{
    font-style:normal;
    color: #7ebc26;
}
.titN3 a{
    position: absolute;
    right: 0;
    top: 0;
    color: #7ebc26;
    font-size:18px;
}






.nei3Con>a{
       position: absolute;
    display: block;
    width: 22px;
    height: 48px;
        top: 148px;
    margin-top: 0px;
    background: url(../images/left.png) no-repeat top center;
    left: -39px;

}
.nei3Con>a:hover{
    background:url(../images/righth.png) no-repeat top center;
}
.nei3Con a.rightbtn{
        background: url(../images/right.png) no-repeat top center;
    left: auto;
    right: -39px;
}
.nei3Con a.rightbtn:hover{
    background:url(../images/lefth.png) no-repeat top center;
}











.product_listN3{
    margin-top: 30px;
    position:relative;
}
.product_listN3 li{float:left;margin-left:17px;margin-right:17px;_display:inline;}
.product_listN3 li a.img{background:url(../images/yin.png) no-repeat bottom center;padding-bottom: 18px;}
.product_listN3 li a.img img{width:275px;height:275px;background:url(../images/hei.png) no-repeat bottom center;}
/*.product_listN3 li a img:hover{*/
/*    display:block;*/
/*        background: url(../images/hei.png) no-repeat bottom center;*/
/*}*/
.product_listN3 li img.img{
    display:none;
}
.product_listN3 li:hover img.img{
    display:block;
    position:absolute;
    top:0;
}

.product_listN3 li h3{text-align:center;height:30px;line-height:30px;}
.product_listN3 li h3 a{font-weight:normal;color:#000000;display:block;font-size:18px;}
/*.product_listN3 li a.img{display:block;}*/





.product_listN6 li{float:left;margin-left:11px;margin-right:11px;_display:inline;}
.product_listN6 li a.img img{width:261px;height:210px;}
.product_listN6 li h3{text-align:center;height:45px;line-height:45px;}
.product_listN6 li h3 a{font-weight:normal;color:#000000;display:block;font-size:14px;}
.product_listN6 li a.img{display:block;}
















.nei4{
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}
.nei5{
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    height: 1058px;
    background:url(../images/nei5bac.png) no-repeat top center;
}
.nei5tit{
    text-align: center;
    text-transform: uppercase;
    color: #999;
    font-size:30px;
    font-family:"宋体";
    padding-top: 40px;
        height: 111px;
     background:url(../images/nei5tit.png) no-repeat center center;
         margin-top: 102px;
}
.nei5tita{
    text-align: center;
    text-transform: uppercase;
    color: #999;
    font-size:30px;
    font-family:"宋体";
    padding-top: 40px;
        height: 111px;
     background:url(../images/nei5tita.png) no-repeat center center;
         margin-top: 22px;
}
.nei5tita h2{
        font-size: 44px;
    color: #01588c;
    font-family: "微软雅黑";
    margin-top: -31px;
}
.nei6tita{
    text-align: center;
    text-transform: uppercase;
    color: #999;
    font-size:30px;
    font-family:"宋体";
    padding-top: 40px;
        height: 111px;
     background:url(../images/nei6tita.png) no-repeat center center;
            margin-top: 50px;
                margin-bottom: 28px;
}
.nei6tita h2{
        font-size: 44px;
    color: #01588c;
    font-family: "微软雅黑";
       margin-top: -28px;
    margin-left: 18px;
}

.nei8tita{
    text-align: center;
    text-transform: uppercase;
    color: #999;
    font-size:30px;
    font-family:"宋体";
    padding-top: 40px;
        height: 111px;
     background:url(../images/nei8tita.png) no-repeat center center;
           margin-top: 80px;
    margin-bottom: 60px;
}
.nei8tita h2{
        font-size: 44px;
    color: #01588c;
    font-family: "微软雅黑";
    margin-top: -31px;
}


.nei7tita{
    text-align: center;
    text-transform: uppercase;
    color: #999;
    font-size: 30px;
    font-family: "宋体";
    padding-top: 40px;
    height: 74px;
    background: url(../images/nei7tita.png) no-repeat center center;
    margin-top: 67px;
  
}
.nei7tita h2{
        font-size: 44px;
    color: #01588c;
    font-family: "微软雅黑";
       margin-top: -49px;
}


.nei5tit h2{
        font-size: 44px;
    color: #01588c;
    font-family: "微软雅黑";
    margin-top: -31px;
}
.nei5tit p{
    font-family:"微软雅黑";
    color: #666;
    font-size:18px;
    
}








.nei5Con{
    margin-top: 50px;
}
.nei5left{
    width:559px;
    margin-left: 23px;
}
.nei5right{
    width:510px;
    margin-right: 20px;
    /*margin-top: 12px;*/
}
.titN5{
    height: 45px;
    line-height: 45px;
}
.titN5 img{
    vertical-align: top;
    float: left;
    width: 45px;
}
.titN5 span{
    width: 430px;
    float: left;
    display:block;
    margin-left: 27px;
    border-bottom:1px dashed #dbdbdb;
    color:rgba(51,51,51,0.48);
    font-size:20px;
    font-family:"宋体";
    text-transform: uppercase;
}
.titN5 strong{
    font-family:"微软雅黑";
    color: #333;
    padding-right: 10px;
}
.nei5Box{
    color: #666;
    margin-left: 80px;
    line-height: 27px;
}
.nei5Con2{
    margin-top: 10px;
}
.nei5Con2 .nei5right{
    margin-left: 23px;
    margin-right: 0;
}
.nei5Con2 .nei5left{
    width:708px;
    margin-right: -55px;
    margin-left: 0;
    margin-top: 50px;
}
.nei5tit2{
    text-align: center;
    color: #585858;
    font-size:24px;
    text-transform: uppercase;
    margin-top: 50px;
}
.nei5tit2 b{
    display: block;
    color: #000;
}
.nei5Con2{
    margin:0 -5px;
    margin-top: 40px;
        margin-bottom: 77px;
}
.nei5Con2 li{
    width:292px;
    float: left;
    margin:0 5px;
    position: relative;
    text-align: center;
}
.nei5Con2 li .img{
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    z-index:9999;
}
.nei5Con2 li .intro{
    background:rgba(78,149,63,0.6);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.nei5Con2 li h3{
    font-weight:normal;
    color: #ffffff;
    font-size:22px;
    position: absolute;
    bottom: 40px;
    text-align: center;
    width: 100%;
    display: none;
}
.nei5Con2 li:hover .intro{
    display: block;
}
.nei5Con2 li:hover h3{
    display: block;
}

.nei5Con2 li a img.imgx{width:292px;height:185px;}






.nei6{
    height: 363px;
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    background:url(../images/nei6bac.png) no-repeat top center;
}


.nei6Con{
    position: relative;
     margin-top: 73px;
    padding:0 40px;
}
.nei6Con>a{
    position: absolute;
    display: block;
    width: 22px;
    height: 48px;
    top: 50%;
    margin-top: -45px;
    background:url(../images/left.png) no-repeat top center;
    left:0;
}
.nei6Con>a:hover{
    background:url(../images/righth.png) no-repeat top center;
}
.nei6Con a.rightbtn2{
    background:url(../images/right.png) no-repeat top center;
    left: auto;
    right: 0;
}
.nei6Con a.rightbtn2:hover{
    background:url(../images/lefth.png) no-repeat top center;
}



.nei8{
    height: 340px;
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    /*background:#e6e6e6;*/
}


.nei8Con{
    position: relative;
    margin-top: 5px;
    padding:0 40px;
}
.nei8Con>a{
    position: absolute;
    display: block;
    width: 22px;
    height: 48px;
    top: 50%;
    margin-top: -45px;
    background:url(../images/left.png) no-repeat top center;
    left:0;
}
.nei8Con>a:hover{
    background:url(../images/righth.png) no-repeat top center;
}
.nei8Con a.rightbtn3{
    background:url(../images/right.png) no-repeat top center;
    left: auto;
    right: 0;
}
.nei8Con a.rightbtn3:hover{
    background:url(../images/lefth.png) no-repeat top center;
}



.nei7tit{
    text-align: center;
    color: #151515;
    font-size:24px;
    font-weight:bold;
    background:url(../images/nei7tit.png) no-repeat bottom center;
    height: 80px;
    line-height: 80px;
    overflow: hidden;
    margin-top: 35px;
}
.nei7left{
    width:582px;
    margin-left: 11px;
    margin-top: 64px;
}
.nei7left a{
    display: block;
}
.nei7left img{
    width:582px;
    height:282px;
}
.nei7left h3{
    position: relative;
    height: 45px;
    line-height: 45px;
    font-weight:normal;
    font-size:16px;
}
.nei7left h3 a{
    color: #333;
}
.nei7left h3 span{
    position: absolute;
    right: 0;
    top: 0;
    color: #666;
}
.nei7left p{
    color: #333;
    font-size:14px;
    margin-top: 5px;
    line-height: 22px;
}
.nei7right{
    width:580px;
    margin-right: 8px;
    margin-top: 64px;
}
.nei7right li{
    border:1px solid #e8e8e8;
    height: 78px;
    margin-bottom: 20px;
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
}
.nei7right li .data{
    width:80px;
    text-align: center;
    color: #333;
    font-size:14px;
    background:#e8e8e8;
    height: 78px;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
}
.nei7right li .data b{
    display: block;
    font-size:34px;
}
.nei7right li .intro{
    width:480px;
    margin-left: 5px;
    color: #333;
    font-size:14px;
    float: left;
    padding-top: 3px;
    text-align:justify;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
}
.nei7right li .intro a{
    color: #333;
    font-size:16px;
    display: block;
    margin-bottom: 4px;
}
.nei7right li:hover{
    border-color:#4e953f;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}
.nei7right li:hover .data{
    background:#4e953f;
    width: 110px;
    color: #fff;
}
.nei7right li:hover .intro{
    width: 450px;
}

.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about{width:460px;float:left;margin-left:12px;padding-bottom:5px;}
.about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about .content{padding:5px;padding-bottom:12px;text-indent:20px;}
.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*首页新闻*/
.news_company{width:280px;float:right;}
.news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.news_company .content{padding:5px;}

/*首页左侧联系我们*/
.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

/*工程案例*/
.case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;}
.case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}

/*产品推荐*/
.recommend_product{margin-top:10px;width:692px;float:left;}
.recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}

/*品牌列表*/
.brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.brand-list li{margin: 5px 8px;}
.brand-list li:hover{box-shadow: 2px 1px 5px;}
.brand-list li img {width: 150px;height: 120px;}

/*前台多页签*/
.news{width:1200px;float:left;margin-top: 10px;}
.tab{position:relative;}
.tab li{float:left;width:100px;height:30px;display:block;line-height:30px;border:1px solid #ccc;margin-right:8px;text-align:center;color:#333;font-size:12px;cursor: pointer;}
.tab li.cur{color:#fff;text-decoration:none;font-size:12px;background:#3a78c1;border-color: #3a78c1;}

.tt{display: none;}
.list1{padding:8px 10px;}
.list1 li{line-height:27px;position:relative;vertical-align: middle;}
.list1 li a{background:url(../images/list_dot1.gif) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;}
.list1 li a:hover{color:#e87518;text-decoration:none;}
.list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;}




/*友情链接*/
.f_link{width:1200px;margin:0 auto;margin-top: 50px;}
.link{
    text-align: center;
}
.f_link a{
    color: #5e5e5e;
    padding:6px 0;
    padding-right: 10px;
}

/*页面底部*/
.foot{
    background:#012d4a;
    margin-top: 25px;
    border-bottom:1px solid #3b3b3b; display:none;
}
.footer{
    width: 1200px;
    margin: 0 auto;
}
.footleft{
    width:710px;
    position: relative;
}
.footright{
    width:436px;
    height:380px;
    background:url(../images/footbac.png) no-repeat top center;
    margin-top: -16px;
    padding-left:43px;
    padding-right: 47px;
    box-sizing: border-box;
}
.footlogo{
    padding-top: 64px;
}
.nav_foot{
    color: #575757;
    font-size:14px;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    margin-top: 10px;
    border-bottom:1px solid #363636;
}
.nav_foot a{
    color: #fff;
}

.lianxi{
    color: #fff;
    margin-top: 10px;
}
.lianxi span{
    vertical-align: middle;
}
.lianxi strong{
    font-weight:normal;
    font-size:14px;
}
.lian{
    color: #cbcbcb;
    font-size:14px;
    line-height: 24px;
    margin-top: 10px;
}
.er{
    position: absolute;
    right: 0;
    bottom: 0;
}

.footit{
    color: #fff;
    font-size:19px;
    height: 55px;
    line-height: 55px;
    overflow: hidden;
    margin-top: 40px;
}
.messa{
    border-bottom:1px solid #242424;
    height: 41px;
    line-height: 41px;
    background:#e9e9e9;
    position: relative;
}
.messa .img{
    width:40px;
    text-align: center;
    line-height: 41px;
}
.messa .intro{
    position: relative;
    width: 306px;
    float: left;
}
.messa .intro .m_label{
    color: #787878;
    font-size:14px;
    position: absolute;
    left: 0;
    line-height: 41px;
}
.messa .intro input{
    border:none;
    background:none;
    height: 41px;
    vertical-align: baseline;
    line-height: 41px;
    width: 100%;
    box-sizing: border-box;
    padding-right: 10px;
}
.messa .intro #content{
    height: 55px;
    border:none;
    background:none;
    box-sizing: border-box;
    width: 100%;
    padding:10px;
    padding-left: 0;
    font-size:14px;
}
.messa.messb{
    height: 66px;
    line-height: 24px; 
}
.messc input{
    width:100px;
    width: 140px;
    height: 33px;
    border:none;
    background:#e9e9e9;
    text-align: center;
}
.messc a{
    color: #fff;
}
.message1 .msgbtn{
    margin-top: 10px;
    width: 127px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background:#194768;
    color: #fff;
    font-size:16px;
    font-weight:bold;
    border:0;
}
.foot2{
    background:#004164;
    padding:25px 0;
    color: #fFF;
    line-height: 24px;
    margin-top: 25px; text-align:center;
}
.foot2 a{
    color: #FFF;
}



/*------------内页-------------------*/

.left {
    width: 224px;
    float: left;
}

.left .box {
    margin-bottom: 10px;
}

.left .box h3 {
    line-height: 60px;
    padding-left: 34px;
    background: #4e953f;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    position: relative
}

.left .box h3::after{
    content:"";
    position: absolute;
    width:5px;
    height:20px;
    top:20px;
    left:15px;
    background: #fff
}

.left .box .content {
    padding: 5px 0px;
}
.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:1920px;margin-left:-960px;left:50%;position:relative;}
.n_banner img{width:1920px;margin:0 auto}
.left{width:225px;float:left;}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:940px;float:right;padding-bottom:10px;}
.sitemp {
    border-bottom:1px solid #eee;

}

.sitemp h2 {
    width: 340px;
    float: left;
    line-height: 40px;
    text-align: left;
    font-size: 18px;
    color:#333;
}

.sitemp .site {
    width: 380px;
    float: right;
    text-align: right;
    line-height: 40px;
}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}


div.wrapper {
    margin: 0 auto;
    position: relative;
    height: 570px;
}

.family_x {
    position: absolute;
    right: 400px;
    top: 520px;
    width: 200px;
    z-index: 9999;
}

.family_x ul {}

.family_x ul li {
    width: 100px;
    float: left;
    height: 22px;
    line-height: 22px;
}

.family_x ul li a {
    font: bold 14px/22px "微乳雅黑";
    color: #bcbcbc;
    display: block;
    padding-left: 30px;
}

.family_x ul li a:visited {
    color: #bcbcbc;
}

.family_x ul li a:hover {
    text-decoration: none;
    color: #FFCC00;
}

.family_x ul li.fam_01 {
    background: url(../images/zg.png) no-repeat 0px 50%;
}

.family_x ul li.fam_02 {
    background: url(../images/yw.png) no-repeat 0px 50%;
}




.fn-clear {
    zoom: 1;
}

.box_skitter {
    position: relative;
    background: none;
}

.box_skitter ul {
    display: none;
}

.box_skitter .container_skitter {
    overflow: hidden;
    position: relative;
}

.box_skitter .image {
    overflow: hidden;
}

.box_skitter .image img {
    display: none;
    width: 1920px;
    height: 570px;
}

.box_skitter .box_clone {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    overflow: hidden;
    display: none;
    z-index: 20;
}

.box_skitter .box_clone img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    width: 1920px;
    height: 570px;
}

.box_skitter .prev_button {
    position: absolute;
    top: 50%;
    left: 15%;
    z-index: 999;
    width: 57px;
    height: 62px;
    overflow: hidden;
    text-indent: -9999em;
    margin-top: -25px;
    background: url(../images/prev.png) no-repeat left top !important;
}

.box_skitter .next_button {
    position: absolute;
    top: 50%;
    right: 15%;
    z-index: 999;
    width: 57px;
    height: 62px;
    overflow: hidden;
    text-indent: -9999em;
    margin-top: -25px;
    background: url(../images/next.png) no-repeat left top !important;
}

.box_skitter .label_skitter {
    z-index: 150;
    position: absolute;
    display: none;
}

.loading {
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 10000;
    margin: -16px -16px;
    color: #fff;
    text-indent: -9999em;
    overflow: hidden;
    background: url(../images/ajax-loader.gif) no-repeat left top;
    width: 31px;
    height: 31px;
}

#slideshow {
    width: 1920px;
    height: 570px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    overflow-x: hidden;
}

#slideshow ul {
    display: none;
}


.index_cnt_m_about{width:100%;}
.index_about_f{position:relative; width:100%; }
.index_cnt_m_about_t{width:100%;color:#8ec31f; text-align:center;margin: 42px 0;}
.i_about_t1{font-size: 36px;font-weight: bold;font-family: "Arial";line-height: 60px;display: block;}
.i_about_t2{margin:0 5px; height: 20px;line-height: 20px;background: url(../images/index_cnt_m_about_t.png) no-repeat center;font-size: 20px;display: block;}
.index_cnt_m_about_cnt{width:1200px; margin: 0 auto;overflow: hidden; }
.i_about_img{width:505px; height:346px;float: left; padding-bottom:10px;}
.index_cnt_m_about_cont{width: 620px;float: right;padding-top: 20px;}
.i_about_cnt{height:240px; display:block; word-break: break-all; overflow:hidden; font-size:14px; color:#555555; line-height:30px;margin-bottom: 20px;}
.index_cnt_m_about_more{}
.index_cnt_m_about_more a{ width:130px; height:30px; display: block;line-height: 30px;border: 1px solid #8ec31f;font-size: 14px;color: #8ec31f;border-radius: 15px;text-indent: 20px;background: url(../images/index_cnt_m_about_more.png) no-repeat 85px center;}
.index_cnt_m_about_more a:hover{}

.xn_c_index_103_wrap{width:100%;height: 315px;background-color: #fafafa;margin: 36px 0;}
.xn_c_index_103_Title{display: none;}
.xn_c_index_103_wbox{width: 1200px;margin: 0 auto;padding-top: 50px;}
.xn_c_index_103_jtstyle{float: left;width: 25%;}
.xn_c_index_103_jtstyle:hover .xn_c_index_103_listImg img{transform: rotateY(180deg);}
.xn_c_index_103_listIntro{height:48px;line-height:24px;color: #999999;font-size: 14px; overflow:hidden;width: 225px;margin: 0 auto;text-align: center;}
.xn_c_index_103_listImg{width:96px;height:96px;margin: 0 auto;border-radius: 50%; position:relative;overflow: hidden;}
.xn_c_index_103_listImg img{width:100%;height:100%;transition:0.5s all;}
.xn_c_index_103_listTit{height: 64px;line-height: 64px;font-size: 18px;color: #8ec31f;text-align: center;}
.xn_c_index_103_listTit a{color: #8ec31f;}



.xn_c_index_275_wrap{width: 100%;position: relative;}
.xn_c_index_275_topbox{width:100%;color:#8ec31f; text-align:center;margin: 42px 0;}
.xn_c_index_275_tb1{font-size: 36px;font-weight: bold;font-family: "Arial";line-height: 60px;display: block;}
.xn_c_index_275_tb3{margin:0 5px; height: 20px;line-height: 20px;background: url(../images/index_cnt_m_about_t.png) no-repeat center;font-size: 20px;display: block;}

.xn_c_index_275_tWrap{margin:0px auto 45px;width: 1200px;text-align: center;font-size: 0;}
.xn_c_index_275_tLi{height: 30px;line-height: 30px;display: inline-block;font-size: 16px;margin: 0 53px;color: #555555;text-align: center;width: 110px;cursor: pointer;}
.xn_c_index_275_tCurr {color: #fff;background-color: #8ec31f;border-radius: 15px;}

.xn_c_index_275_cWrap{width:1200px;margin: 0 auto; overflow: hidden;}

.xn_c_index_275_cUl{overflow: hidden;position: relative;}
.xn_c_index_275_cImg{height: 150px;width: 224px;float: left;}   
.xn_c_index_275_cImg img{width: 100%;height: 100%;}
.xn_c_index_275_cLi{float: left;position: relative;width:100%; height: auto;overflow: hidden;}

.xn_c_index_275_cMain{overflow: hidden;}
.xn_c_index_275_items{width: 580px;float: left;position: relative;height: 180px;border: 1px solid #eeeeee;padding: 18px 14px;box-sizing: border-box;margin-bottom: 42px;}
.xn_c_index_275_items:hover{border-color: #8ec31f;box-shadow: 0px 0px 10px #e6e6e6;}
.xn_c_index_275_items:hover .xn_c_index_275_cline{background-color:#8ec31f;}
.xn_c_index_275_items:hover .xn_c_index_275_cTitle a{color:#8ec31f;}
.xn_c_index_275_items:nth-child(2n){float: right;}
.xn_c_index_275_cCont{width: 300px;float: right;}
.xn_c_index_275_cTitle{width:100%;height: 44px;line-height: 44px;overflow: hidden;font-size: 18px;}
.xn_c_index_275_cline{background-color:#171c60;width:30px;height:3px;margin-bottom:18px;}
.xn_c_index_275_cTitle a{color: #555555;}
.xn_c_index_275_pricebox{width:100%; height:48px;}
.xn_c_index_275_pricebox dl{width:33%; line-height:24px; float: left;font-size:14px;}
.xn_c_index_275_cIntro{width:100%;height: 72px;line-height:24px;overflow: hidden;color: #999999;font-size:14px;}
.xn_c_index_275_date{width:100%; height:24px; line-height:24px; overflow: hidden;font-size:14px;}

.xn_c_index_275_left,.xn_c_index_275_right{display: none;}



.i_tcase{position: relative; width:100%;height: auto;background: url(../images/i_tcase.jpg) no-repeat center;height: 742px;} 
.i_tcase_f{width:1200px;margin: 0 auto; height:100%; position:relative;}
.i_tcase_t{width:100%;color:#fff; text-align:center;padding: 42px 0;}
.i_tcase_t1{font-size: 36px;font-weight: bold;font-family: "Arial";line-height: 60px;display: block;}
.i_tcase_t3{margin:0 5px; height: 20px;line-height: 20px;background: url(../images/i_tcase_t.png) no-repeat center;font-size: 20px;display: block;}
.i_tcase_m{width: 100%;height:auto;overflow:hidden;position: relative;}
.i_tcase_main{width: 100%;height: 450px;position:relative;}
.i_tcase_img{width: 605px;height: 430px;}
.i_tcase_img img{width: 100%;height: 100%;}
.i_tcase_main_cont{width:594px;height:390px;position:absolute;right:0;top:40px;background-color:#fff;}
.i_tcase_main_name{width: 100%;height: 50px;line-height: 50px;font-size: 24px;  }
.i_tcase_main_name a{color: #555555;}
.i_tcase_main_cnt{font-size:14px;margin: 20px 0;line-height: 24px;height: 72px;overflow: hidden;color: #999999;width: 520px; height:150px;}
.i_tcase_main_cont1{width: 560px;height: 360px;border: 1px solid #eeeeee;box-sizing: border-box;padding: 20px 0 0 26px;position: absolute;right: 18px;top: 18px;}
.i_tcase_main_copyfrom,.i_tcase_main_Author{font-size:14px;margin-bottom: 10px;line-height: 24px;color: #999999;}
.i_tcase_main_copyfrom1,.i_tcase_main_Author1{color:#8ec31f;}
.i_tcase_main_more a{ width:130px; height:30px; display: block;line-height: 30px;border: 1px solid #8ec31f;font-size: 14px;color: #8ec31f;border-radius: 15px;text-indent: 20px;background: url(../images/index_cnt_m_about_more.png) no-repeat 85px center;margin-top: 25px;}


.index_cnt_news{width: 1200px;margin: 0 auto;overflow: hidden;padding: 50px 0;}
.xn_c_index_13_company{overflow: hidden;width: 530px;float: left;margin-right: 50px;}
.xn_c_index_13_cpTitle{font-size:16px;line-height:32px;height:32px;width:100%;color:#555555;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.xn_c_index_13_cpTitle a{color:#555555;}
.xn_c_index_13_cnt{width:420px;height:40px;line-height:20px;font-size:12px;overflow:hidden;color:#999999;}
.xn_c_index_13_cpDate{width:70px;height:70px;float:left;box-sizing:border-box;border:1px solid #c3c3c3;text-align: center;font-family:"Arial";color:#999999;font-size:0px;margin-right: 16px;}
.xn_c_index_13_cpDate>span{font-size:14px;}
.xn_c_index_13_cpDate .xn_c_index_13_cpDay{display:block;height:44px;line-height:44px;font-size:38px;}
.xn_c_index_13_cpCont{width:420px;float:right;}
.xn_c_index_13_cpLi{width: 100%;margin-bottom: 30px;overflow: hidden;}
.xn_c_index_13_cpLi:hover .xn_c_index_13_cpDate{background-color: #8ec31f;border-color: #8ec31f;color: #fff;}
.xn_c_index_13_cpLi:hover .xn_c_index_13_cpTitle a{color: #8ec31f;text-decoration: underline;}
.xn_c_index_13_cpCol{width: 100%;height: 80px;border-bottom:1px solid #eeeeee;margin-bottom:26px;position:relative;}
.xn_c_index_13_t1{color:#cccccc;font-family:"Arial";font-size:18px;line-height:26px;padding-top: 10px;}
.xn_c_index_13_t2{color:#8ec31f;font-size:24px;line-height:32px;}
.xn_c_index_13_cpMore{height: 24px;width: 24px;background: url(../images/xn_c_index_13_cpMore.png) no-repeat center;font-size:0;position:absolute;right:0;top:40px;}
.xn_c_index_13_cpMore a{display:block;width:24px;height:24px;}


.xn_c_index_14_industry{overflow: hidden;width: 530px;float: left;}
.xn_c_index_14_cpTitle{font-size:16px;line-height:32px;height:32px;width:100%;color:#555555;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.xn_c_index_14_cpTitle a{color:#555555;}
.xn_c_index_14_cnt{width:420px;height:40px;line-height:20px;font-size:12px;overflow:hidden;color:#999999;}
.xn_c_index_14_cpDate{width:70px;height:70px;float:left;box-sizing:border-box;border:1px solid #c3c3c3;text-align: center;font-family:"Arial";color:#999999;font-size:0px;margin-right: 16px;}
.xn_c_index_14_cpDate>span{font-size:14px;}
.xn_c_index_14_cpDate .xn_c_index_14_cpDay{display:block;height:44px;line-height:44px;font-size:38px;}
.xn_c_index_14_cpCont{width:420px;float:right;}
.xn_c_index_14_cpLi{width: 100%;margin-bottom: 30px;overflow: hidden;}
.xn_c_index_14_cpLi:hover .xn_c_index_14_cpDate{background-color: #8ec31f;border-color: #8ec31f;color: #fff;}
.xn_c_index_14_cpLi:hover .xn_c_index_14_cpTitle a{color: #8ec31f;text-decoration: underline;}
.xn_c_index_14_indCol{width: 100%;height: 80px;border-bottom:1px solid #eeeeee;margin-bottom:26px;position:relative;}
.xn_c_index_14_t1{color:#cccccc;font-family:"Arial";font-size:18px;line-height:26px;padding-top: 10px;}
.xn_c_index_14_t2{color:#8ec31f;font-size:24px;line-height:32px;}
.xn_c_index_14_indMain{float: left;margin-left:20px;}
.xn_c_index_14_cpMore{height: 24px;width: 24px;background: url(../images/xn_c_index_13_cpMore.png) no-repeat center;font-size:0;position:absolute;right:0;top:40px;}
.xn_c_index_14_cpMore a{display:block;width:24px;height:24px;}
.xn_c_index_14_indTitle a{display: block;width: 250px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}


.xn_f_21_wrap{width:1200px;margin: 0 auto; line-height:36px;font-size: 14px;color: #999999; margin:0px auto;overflow: hidden;display: block;}
.xn_f_21_xhbox:first-child{margin-right: 0;}
.xn_f_21_xhbox{float:left;margin-right: 36px; }
.xn_f_21_xhbox a{color: #999999;line-height: 36px;}
.xn_f_21_xhbox a:hover{color: #8ec31f;}

.foot_nav2{max-width: 820px;margin: 40px 0;height: 18px;overflow: hidden;}
.foot_nav2_ul{ float:left; margin:0px; padding:0px;}
.foot_nav2 ul li{float:left;}
.foot_nav2 ul li:nth-child(8) a{margin-right: 0;border: 0;}
.foot_nav2 ul li a{line-height: 18px;font-size: 14px;color: #fff;padding-right: 24px;border-right: 1px solid #fff;display: block;margin-right: 24px;}
.foot_nav2 ul li ul li a{line-height:25px; font-weight: normal !important;}


.foot_tel{position:absolute;width: 280px;right: 0;top: 0;color: #99a2a8;}
.foot_tel_f .foot_tel_line{height:100px;background:url(../images/foot_tel_line.png) no-repeat left center;padding-left:90px;color:#ffffff;font-style: italic;text-indent: 0;}
.foot_tel_line1{font-size:14px;line-height:20px;padding-top:30px;}
.foot_tel_line2{font-size:24px;line-height:30px;font-family:"Impact";}
.foot_tel_f{ position:relative; width:100%; height:100%;line-height: 20px;text-indent: 32px;}
.foot_add{background: url(../images/foot_add.png) no-repeat left -10px;margin-bottom: 20px;}
.foot_phone{background: url(../images/foot_phone.png) no-repeat left center;margin-bottom: 20px;}
.foot_fax{background: url(../images/foot_fax.png) no-repeat left center;margin-bottom: 20px;}
.foot_zip{background: url(../images/foot_zip.png) no-repeat left center;margin-bottom: 20px;}


.xn_f_1_warp {}


.xn_f_2_warp {}

/*
.foot_copy{width:100%;text-align: center;font-size: 12px;color: #69737c;line-height: 34px;}
.foot_copy>div{display: inline-block;}
.foot_copy a{color: #69737c;}


.foot{  width:100%; position:relative;}
.foot a:hover{ color:#8ec31f;}
.foot_c{position:relative; width:100%; margin:auto; text-align:left;background: url(../images/foot_c.png) repeat-x;height: 320px;}
.foot_c_wrap{width: 1200px;margin: 0 auto;overflow: hidden;position: relative;height: 286px;}


.foot_c_code{overflow: hidden;}
.foot_c_code_img{float: left;width: 125px;margin-right: 45px;font-size: 14px;line-height: 36px;color: #9aa2a8;text-align: center;}
.foot_c_code_img img{width:124px;height:124px;}
.foot_c_code_logo{float: left;width: 380px;margin-right: 95px;font-size: 14px;line-height: 36px;color: #9aa2a8;text-align: center;margin-top: 27px;}
.foot_c_code_logo img{width:100%;}*/


/* 本例子css */
		.slideGroup{ width:1200px;text-align:left;  }
		.slideGroup .parHd{ height:30px; line-height:30px;padding:0 20px; position:relative;  }
		.slideGroup .parHd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
		.slideGroup .parHd ul li{height: 30px;
line-height: 30px;
display: inline-block;
font-size: 16px;
margin: 0 42px;
color: #555555;
text-align: center; padding:0 15px;
cursor: pointer;}
		.slideGroup .parHd ul li.on{ color: #fff;
background-color: #8ec31f;
border-radius: 15px;}
		.slideGroup .parHd ul li a{ color:#555555;}
		.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10px 42px 10px 42px; position:relative;   }

		.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:80px; display:block; width:22px; height:48px; border:1px solid #ddd; background:url(images/left.png) center center no-repeat #f4f4f4; }
		.slideGroup .sNext{ left:auto; right:5px; background:url(images/right.png) center center no-repeat #f4f4f4;  }
		.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }

		.slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
		.slideGroup .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.slideGroup .parBd ul li .pic{ text-align:center; }
		.slideGroup .parBd ul li .pic img{ width:265px; height:190px; display:block;border:1px solid #FFF; }
		.slideGroup .parBd ul li .pic a:hover img{ border-color:#8ec31f;  }
		.slideGroup .parBd ul li .title{ line-height:36px; font-size:14px;   }
		.slideGroup .parBd ul li .title a{ color:#555555;}
		
		
.xypg-right-content { font-size:16px; line-height:30px;}