@CHARSET "UTF-8";

/*å¤´éƒ¨æ ·å¼*/
.tophead{
	width: 100%;
	height: 36px;
	line-height: 36px;
	background: #ededed
}
.container{
	width: 1200px;
	margin: 0 auto;
}
.promote{
	margin-top: 50px;
	margin-left: 84px;
}
.k4{
    line-height: 37px;
    margin-top: 36px;
}
#header{}
.top{width:1200px;margin:0 auto;}
.logo{float:left;margin-top: 14px;}
.topLink{float:right;text-align:right;}
.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:32px;padding-top:5px;}
.topLink .k2{color: #333333;font-family:"å¾®è½¯é›…é»‘";background: url(../images/tele.png) no-repeat left;text-align: left;line-height: 27px;padding-left: 44px;margin-top: 36px;}

/*çƒ­é—¨æœç´¢*/
.search{text-align:right;height:24px;width: 100%;background: #f4f4f4;height: 64px;line-height: 64px;}
#formsearch{width: 400px;float:right;background: url(../images/ss.jpg) no-repeat center;height: 36px;margin-top: 14px;}
.hotSearch{width: 360px;float:left;height: 64px;line-height: 64px;color: #333333;font-size: 14px;}
.hotSearch span{font-size: 16px;color: #32ab2a;font-family: 'Arial'}

/*ä¸»ä½“æ ·å¼*/
#container{width:1200px;margin:0 auto;margin-top:10px;}
.menu_cate{width:220px;float:left;border:1px solid #e0e1dc;padding:2px;}
.cate_title{line-height:28px;padding-left:20px;background-color:#ececec;font-size:14px;font-weight:bold;font-family:"å¾®è½¯é›…é»‘";}
.about{width:270px;}
.about_title{font:100 18px/22px "å¾®è½¯é›…é»‘";color:#525252;}
.about_title span{color:#a8a8a8;font:100 14px/22px "Arial";}
.about .content{padding-bottom:12px;line-height:20px;color:#8b8b8b;}
.navigation{float:right;width:100px;}

.left .box{padding:2px;border:1px solid #e0e1dc;margin-bottom:10px;}
.left .box h3{background-color:#00a13a;line-height:28px;padding-left:15px;font-weight:bold;color:#fff;}
.left .box .content{padding:5px;}
.fl{float:left;}
.fr{float:right;}
/*é¦–é¡µæ–°é—»*/
.xinwen{background:url(../images/new.jpg) no-repeat top;}
.news_company{width:320px;}
.news1_title{font:100 14px/38px "å¾®è½¯é›…é»‘";padding-left:45px;color:#525252;}
.news_company .content{padding:5px;}

/*é¦–é¡µå·¦ä¾§è”ç³»æˆ‘ä»¬*/
.contact{width:218px;float:left;border:1px solid #e0e1dc;padding-bottom:5px;margin-top:10px;}
.contact_title{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.contact .content{padding:5px;padding-left:8px;}

/*å·¥ç¨‹æ¡ˆä¾‹*/
.case{width:460px;float:left;margin-left:12px;border:1px solid #e0e1dc;padding:2px;padding-top:5px;padding-bottom:5px;margin-top:10px;}
.case_title{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}

/*äº§å“æŽ¨è*/
.recommend_product{margin-top:10px;}
.recommend_product .title{font:100 18px/32px "å¾®è½¯é›…é»‘";color:#646464;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;float:left;}
.roll_product{float:left;}

.hot_product{margin-top:10px;border:1px solid #e0e1dc;padding:2px;width:692px;float:left;}
.hot_product .title{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.hot_product .content{padding-top:15px;padding-bottom:14px;}
/*é¦–é¡µå›¾ç‰‡åˆ‡æ¢*/
.focus_img{margin-top:10px;width:280px;float:right;border:1px solid #e0e1dc;}
.focus_img .title{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.focus_img .content{padding:5px;}
/*é¦–é¡µä¸‹è½½ä¸­å¿ƒ*/
.down_index{margin-top:10px;width:280px;float:right;padding:2px;border:1px solid #e0e1dc;}
.down_index .title{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.down_index .content{padding:5px;}

/*é¦–é¡µåŒºåŸŸ*/
.region{margin-top:15px;color:#333;position:relative;line-height:40px;height:40px;}
.region a{padding-left:10px;}
.region h3{line-height:40px;height:px;padding-left:10px;position:relative;font-family:"å¾®è½¯é›…é»‘";background:#f3f3f3;font-size:14px;}
a.more_region{position:absolute;right:10px;line-height:40px;top:0;font-weight:normal;font-size:12px;}
.region .item{padding:10px;padding-bottom:0;color:#666;}
.region .item a{color:#666;padding-left:12px;padding-right:12px;line-height:26px;margin-bottom:6px;}
.region .item a:hover{text-decoration:underline;color:#df2525;}
.city h2{line-height:30px;border-bottom:1px solid #d5d5d5;padding-left:5px;}
.city .item{line-height:28px;padding:10px;}

/*å‹æƒ…é“¾æŽ¥*/
.f_link{color:#333;width: 1200px;margin: 0 auto;font-size: 14px;margin-top: 36px;}
.f_link .title{line-height: 24px;height: 24px;position:relative;font-family:"å¾®è½¯é›…é»‘";font-size:14px;color: #333333;}
.f_link span{color:#32ab2a;font-family:'Arial'}
.f_link a{
    color: #666666;
    margin-left: 12px;
}

/*é¡µé¢åº•éƒ¨*/
#footer{text-align:center;padding-bottom: 12px;padding-top: 12px;background: #1c7416;color: #ffffff;line-height: 21px;}
.nav_foot{text-align:center;width:984px;margin:0 auto;line-height:24px;}
.copyright{text-align:center;width:984px;margin:0 auto;font-family:"arial";}
#footer a{color:#ffffff;}
#footer a:hover{color:#e87518;}
.foot1{
    background: #2b9d24;
    padding-top: 28px;
    margin-top: 18px;
    padding-bottom: 28px;
}
.ftcont{
    width: 171px;
}
.ftcont h3{
    color: #ffffff;
    font-size: 14px;
}
.ftcont .ftlist{
    margin-top: 12px;
}
.ftcont .ftlist a{
    display: block;
    color: #ffffff;
    font-size: 12px;
    line-height: 28px;
}


/*------------å†…é¡µ-------------------*/
.n_banner{width:984px;margin:0 auto;}
.left{width:210px;float:left;}
.sort_menu{border:1px solid #e0e1dc;padding:2px;}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;border:1px solid #e0e1dc;padding:2px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;border:1px solid #e0e1dc;padding:2px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;}

.right{width:960px;float:right;border:1px solid #e0e1dc;padding-bottom:10px;}
.sitemp{line-height:30px;height:30px;overflow:hidden;background-color:#00a13a;padding-right:10px;border-bottom:2px solid #eb5b05;color:#fff;}
.sitemp h2{width:340px;float:left;line-height:30px;text-align:center;text-align:left;text-indent:10px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;}
.sitemp a{color:#fff;}
.sitemp a:hover{color:#e87518}
.right .content{padding:10px;padding-top:15px;overflow:hidden;}


/*é¦–é¡µæ ‡é¢˜æ ·å¼*/
.titles{
    position: relative;
    line-height: 28px;
}
.titles h3{
    color: #333333;
    font-size: 28px;
    font-family: 'Arial';
    text-transform: uppercase;
}
.titles p{
    font-size: 20px;
    color: #32ab2a;
    font-weight: bold;
    position: relative;
    padding-left: 50px;
}
.titles p:after{
	content:'';
	position:absolute;
	width:34px;
	height:2px;
	background:#32ab2a;
	left:0;
	top:14px
}
.titles a{
    color: #333333;
    font-size: 14px;
    width: 124px;
    display: block;
    border-bottom: 2px solid #cccccc;
    text-align: center;
    position: absolute;
    right: 0;
    padding-bottom: 4px;
    top: 12px;
}
.titles a:hover{
	color: #32ab2a;
	border-color: #32ab2a;
}



/*å…¬å¸ç®€ä»‹*/
.aboutus{
    margin-top: 40px;
}
.ableft{
    width: 560px;
    margin-top: 30px
}
.ableft img{
    width: 100%;
}
.abright{
    width: 593px;
    height: 325px;
    box-shadow: 1px 1px 12px 4px rgba(0,0,0,0.1);
    margin-right: 12px;
    color: #333333;
    font-size: 15px;
    box-sizing: border-box;
    padding: 36px;
    margin-top: 30px
}
.abright a{
	color: #32ab2a;
	font-size: 15px;
	display: block;
	height: 34px;
	width: 128px;
	border: 1px solid #32ab2a;
	text-align: center;
	line-height: 34px;
	border-radius: 14px
}


/*äº§å“ä¸­å¿ƒ*/
.procenter{
	position: relative;
	width: 1920px;
	left: 50%;
	margin-left: -960px;
	background: url(../images/probg.jpg) no-repeat center;
	height: 660px;
	margin-top: 61px;
	box-sizing: border-box;
	padding-top: 49px;
}
.proleft{
	width: 268px;
}
.proleft h3{
	width: 268px;
	height: 94px;
	box-sizing: border-box;
	background: #32ab2a;
	color: #ffffff;
	padding-left: 28px;
	line-height: 30px;
	padding-top: 20px;
}
.proleft h3 span{
	font-size: 28px;
	display: block;
}
.proleft h3 p{
	font-size: 14px;
	font-family: 'Arial';
	text-transform: uppercase;
	font-weight: normal;
}
.prosort{
    background: #f2f2f2;
    margin-top: 2px;
    padding-bottom: 12px
}
.prosort li{
    line-height: 49px;
    background: url(../images/sheng.png) no-repeat 228px center;
    position: relative;
}
.prosort li a{
    border-bottom: 1px dashed #bbbbbb;
    display: block;
    width: 240px;
    margin: 0 auto;
    color:#333333;
    font-size:16px;
    padding-left:16px;
}
.prosort .layers2{
    position: absolute;
    left: 269px;
    background: #ffffff;
    top: 0;
    display: none;
}
.prosort .layers2 li{
    width: 268px;
    background: none;
}
.prosort .layers2 li a{
    padding-left: 36px;
    width: 232px;
}
.prosort li:hover{
	background:url(../images/shengh.png) no-repeat 228px center #f47115;
}
.prosort li.list_item1:hover a{
	color:#f2f2f2
}
.prosort .layers2 li:hover{
	background: #f47115;
}
.prosort .layers2 li:hover a{
	color:#f2f2f2
}
.prosort .prolx{
    padding-left: 20px;
    margin-top: 24px;
}
.prosort .prolx img{
    margin-right: 8px;
}
.proright{
    width: 915px;
}
.proright li{
    margin-left: 19px;
    width: 286px;
    height: 275px;
    float: left;
    background: #f2f2f2;
    margin-bottom: 32px;
    box-sizing: border-box;
    padding-top: 5px;
}
.proright li a.img{
    display: block;
    text-align: center;
}
.proright li a.img img{
    width: 276px;
    height: 210px;
}
.proright li h3{
    text-align: center;
    font-weight: normal;
    padding-top: 4px;
}
.proright li h3 a{
    color: #333333;
    font-size: 14px;
}
.proright li:hover h3 a{
	color: #e77e11
}


/*æŽ¨èäº§å“*/
.prorec{
    margin-top: 42px;
    position: relative;
}
.product_listt{
	margin-top: 36px
}
.product_listt li{
    margin-left: 29px;
}
.product_listt li a.img{
	display: block;
}
.product_listt li a.img img{
    width: 276px;
    height: 210px;
}
.product_listt li h3{
    font-weight: normal;
    text-align: center;
    padding-top: 12px;
}
.product_listt li h3 a{
    color: #333333;
    font-size: 14px;
}
.product_listt li h3 a{
	color: #f47115
}
.prorec .l_btn,.prorec .r_btn{
	position: absolute;
	width: 28px;
	height: 54px;
	background: url(../images/left1.png) no-repeat center;
	left: -38px;
	top: 170px;
	cursor: pointer;
}
.prorec .r_btn{
	background: url(../images/right1.png) no-repeat center;
	left: auto;
	right: -38px;
}
.prorec .l_btn:hover{
	background: url(../images/left1h.png) no-repeat center;
}
.prorec .r_btn:hover{
	background: url(../images/right1h.png) no-repeat center;
}

/*æœåŠ¡æµç¨‹*/
.procedures{
    background: #edffec;
    margin-top: 42px;
    padding-top: 44px;
    padding-bottom: 56px;
}
.procedures ul{
	margin-top: 48px;
}
.procedures li{
    float: left;
    margin-right: 69px;
}
.procedures li a{
    display: block;
    position: relative;
    width: 248px;
    height: 102px;
}
.procedures li a span{
    display: block;
    width: 248px;
    height: 102px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
}
.procedures li a span img{
    width: 248px;
    height: 102px;
}
.procedures li a span.img1{
    opacity: 1;
    transition: all 0.6s;
}
.procedures li a span.img2{
    opacity: 0;
    transition: all 0.6s;
}
.procedures li:last-child{
	margin-right:0
}
.procedures li:nth-child(1) a span.img2{
    background: url(../images/img1h.png);
}
.procedures li:nth-child(2) a span.img2{
	background: url(../images/img2h.png);
}
.procedures li:nth-child(3) a span.img2{
	background: url(../images/img3h.png);
}
.procedures li:nth-child(4) a span.img2{
	background: url(../images/img4h.png);
}
.procedures li:hover a span.img1{
    opacity: 0;
    transition: all 0.6s;
}
.procedures li:hover a span.img2{
    opacity: 1;
    transition: all 0.6s;
}


/*æ–°é—»ä¸­å¿ƒ*/
.newsinfo{
    margin-top: 42px;
}
.txtMarquee-left{margin-top: 52px;}
.newslist1 li{
    float: left;
    width: 352px;
    margin-left: 24px;
    margin-right: 24px;
}
.newslist1 li a{
    display: block;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 12px;
}
.newslist1 li span{
    color: #666666;
    font-size: 14px;
    line-height: 24px;
    margin-top: 14px;
    display: block;
}
.newslist2{
    margin-top: 50px;
}
.newslist2 li{
    float: left;
    line-height: 48px;
    border-bottom: 1px dashed #cccccc;
    width: 382px;
    position: relative;
    margin-left: 9px;
    margin-right: 9px;
}
.newslist2 li a{
    color: #333333;
    font-size: 16px;
    padding-left: 12px
}
.newslist2 li span{
    position: absolute;
    right: 16px;
    display: block;
    color: #333333;
    font-size: 14px;
    top: 0
}


/*åŠžå…¬çŽ¯å¢ƒ*/
.offices{
    background: #edffec;
    margin-top: 59px;
    padding-top: 40px;
    padding-bottom: 18px;
    height: 335px;
}
.offices .parHd{
    width: 1200px;
    margin: 0 auto;
    height: 55px;
}
.offices .parHd li{
    float: left;
    width: 298px;
    height: 48px;
    border: 1px solid #cccccc;
    color: #333333;
    font-size: 18px;
    line-height: 48px;
    text-align: center;
}
.offices .parHd li.on{
	border: none;
    width: 300px;
    height: 55px;
    color: #ffffff;
    background: url(../images/ttbg.png) top;
}
.offices .parBd{
    width: 1200px;
    margin: 0 auto;
    margin-top: 34px;
    position: relative;
}
.slideBox{width: 1200px;overflow: hidden;}
.slideBox .tempWrap{
	margin-left: -12px;
}
.slideBox li{
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
.slideBox li a{
    display: block;
}
.slideBox li a img{
    width: 286px;
    height: 215px;
}
.slideBox li a h3{
    text-align: center;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    padding-top: 10px;
}
.slideBox .sPrev,.slideBox .sNext{
    background: url(../images/left1.png) no-repeat center;
    width: 28px;
    height: 54px;
    position: absolute;
    left: -38px;
    top: 84px;
}
.slideBox .sNext{
    left: auto;
    right: -38px;
    background: url(../images/right1.png) no-repeat center;
}
.slideBox .sPrev:hover{
    background: url(../images/left1h.png) no-repeat center;
}
.slideBox .sNext:hover{
    background: url(../images/right1h.png) no-repeat center;
}