﻿/*å¤´éƒ¨æ ·å¼*/
.sky{line-height:36px;color:#666666;background:#efefef;}
.sky a{color:#666666;}
.wel{color:#098b60;font-size:14px;}
.sky a:hover{color:#008d5f;}
#header{width:1209px;margin:0 auto;height:120px;}
.logo{float:left;padding-top:12px;   }




.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: ur.con:nth-child(1) imgl(../../images/bangde/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;}
.topLink .k1{line-height:32px;padding-top:5px;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"å¾®è½¯é›…é»‘";}



/*çƒ­é—¨æœç´¢*/
.search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;}
#formsearch{width:320px;float:left;}
.hotSearch{width:400px;float: left;height: 24px;margin-left: 30px;line-height: 32px;font-weight:normal;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}



/*æœç´¢å’Œçƒ­é—¨æœç´¢*/
.hotSearch a{margin-right:6px;}
#formsearch input{height:22px;background:#fff;border:1px solid #c8c8c8;line-height:22px;}
#formsearch input#keyword{height:22px;line-height:22px;padding-left:4px;color:#666;}
#formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background-color:#3480ce;color:#fff;border:none;cursor:pointer;}


/*ä¸»ä½“æ ·å¼*/
#container{width:1209px;margin:0 auto;margin-top:40px;}
.container{width:1209px;margin:0 auto;}



.tabli{position:relative;background:#008f5d;height:107px;}
.tabli li{height:107px;float:left;width:190px;text-align:center;border-right:1px solid #18996c;}
.tabli li img{}
.tabli li a{display:block;}
.tabli li img{margin-top:22px;margin-bottom:12px;}
.tabli li h3 {color:#fff;font-size:16px;font-weight:normal;}
.tabli li.cur{background:#006d47;background:url(../../images/bangde/jiao.png) no-repeat center bottom #006d47;}
.tabli li.cur a{color:#fff;}
.tabli li:last-child{margin-right:0;}

.prod{background:url(../../images/bangde/bj1.jpg) no-repeat;width:1920px;position:relative;left:50%;margin-left:-960px;height:450px;padding-top:80px;}

.tab{}

.content{}
.con{
	width: 225px;
	height: 168px;
	float: left;
	margin-right: 17px;
	margin-bottom:19px;
	position: relative;
	cursor: pointer;
	overflow:hidden;
	
}
.con img{
	width:225px;
	height: 168px;
}

.con:nth-child(4){margin-right:5px;}
.con:nth-child(7){margin-right:5px;}

.con:nth-child(1){
	width: 468px;
	height: 356px;
	float: left;
	margin-right: 17px;
	margin-bottom: 15px;
	position: relative;
	cursor: pointer;
	overflow:hidden;
}
.con:nth-child(1) img{
	width:468px;
	height:356px;
}




.txt{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.6);
}
.txt h3{
	font-weight: normal;
	font-size:14px;
}
.txt p{
	font-size: 14px;
	display: block;
	line-height: 20px;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-moz-margin-before: 1em;
	-moz-margin-after: 1em;
	-moz-margin-start: 0px;
	-moz-margin-end: 0px;
}





.box2{margin-top:60px;}
.titles{color:#008355;font-size:28px;text-align:center;background:url(../../images/bangde/line.jpg) no-repeat center center;line-height:60px;font-weight:bold;}
.titles span{color:#c5c5c5;font-size:18px;display:block;text-transform:uppercase;letter-spacing:12px;font-family:"Arial";font-weight:normal;}

.estructure li{width:201px;float:left;text-align:center;margin-top:48px;position:relative;padding-top:117px;}

.estructure li .img1{width:117px;margin:0 auto;height:117px;opacity:1;transition: .5s;position:absolute;left:42px;top:0;z-index:1;cursor:pointer;}
.estructure li .img2{width:117px;margin:0 auto;height:117px;opacity:0;transition: .5s;position:absolute;left:42px;top:0;z-index:0;cursor:pointer;}
.estructure li h3{font-size:14px;padding-top:20px;color:#333333;font-weight:normal;}
.estructure li h3 span{color:#008355;}
.estructure li:hover .img1{opacity:0;transform:rotateY(180deg);}
.estructure li:hover .img2{opacity:1;transform:rotateY(180deg);}



.box3{margin-top:88px;background:url(../../images/bangde/bj2.jpg) no-repeat;width:1920px;position:relative;left:50%;margin-left:-960px;height:836px;padding-top:70px;}
.titles2{color:#fff;font-size:28px;text-align:center;background:url(../../images/bangde/line2.jpg) no-repeat center center;line-height:60px;}
.titles2 span{color:#fff;font-size:18px;display:block;text-transform:uppercase;letter-spacing:12px;font-family:"Arial";}

.box3 .cont{padding-top:55px;}

.pic{width:240px;height:240px;overflow:hidden;transition:.8s;transform:scale(1);cursor:pointer;margin-right:1px;}
.pic img{width:240px;height:240px;}
.pic img:hover{ transition:.8s;transform:scale(1.1);} 

.pic2{margin-top:240px;}
.pic3{margin-top:240px;}


.wz{width:240px;margin-right:1px;}
.wz2{margin-top:120px;}

.sub .img{position:relative;width:240px;height:240px;overflow:hidden; transition:.8s;transform:scale(1);cursor:pointer;}
.sub .img img{width:240px;height:240px;}
.sub .img:hover img{ transition:.8s;transform:scale(1.3);} 

.sub .wenzi{position:absolute;top:38px;width:196px;left:50%;margin-left:-98px;}
.sub .wenzi .ca{color:#fff;font-size:22px;}
.sub .wenzi .cb{color:#fff;opacity:.3;font-size:13px;text-transform:uppercase;}
.sub .wenzi .cc{color:#fff;font-size:14px;line-height:22px;padding-top:22px;}

.add{width:100%;margin:0 auto;}
.add img{width:100%;margin:0 auto;}




.box4{margin-top:57px;}
.about{width:908px;float:left;position:relative;padding-top:35px;}
.abpic{width:749px;height:362px;margin-left:159px;}
.about .content{background:#fff;width:393px;height:166px;overflow:hidden;padding:58px 49px 56px 41px;color:#666666;line-height:28px;text-align:justify;box-shadow: 0px 2px 14px #ddd;position:absolute;left:0;top:76px;}
.about a{position:absolute;left:483px;;top:163px;}

.about_right{width:278px;padding-top:35px;}
.about_pic{margin-bottom:18px;}

.ads{}
.ads li{width:278px;float:left;height:125px;position:relative;}
.ads li img{}
.ads li h3{font-size:24px;color:#ffffff;font-weight:normal;position:absolute;left:45px;top:50px;}
.ads li .mo{position:absolute;left:188px;top:45px;}







.pro_banner{ _width:1209px; height:419px; _height:419px;}
#center{ overflow:hidden; height:419px; width:1209px; margin:20px auto; _margin:10px auto;}
.bg_000{ background-color:#000;}

#center { position: relative; background-color: #000; }
#slider { position: absolute; width: 1209px; left: 0px; top: 0px; }
#slider .slide { position: absolute;width: 100%; height: 419px; overflow: hidden; background-color: #696969; }
#slider .text { position: absolute; text-align: justify; width: 470px; color: #fff; top: 100%; left: 10px; display: none; }
#slider .diapo {height: 419px; position: absolute; filter: alpha(opacity=100); visibility: visible; opacity: 1; left: 0px; top: 0px; }
#slider .details { position: absolute; display: none; color: white; width:545px;text-align: left; left:0px;bottom:51px;background: url(../../images/bangde/mask.png) no-repeat center bottom;height:130px;padding-top:30px;}
#slider .details a {color: #fff;font-size:20px;font-weight:normal;padding-left:30px;}

#slider .details p { padding-top:5px; font-size:12px;line-height:20px;padding-left:30px;padding-right:80px;}

.quan_tu {background: url(../../images/bangde/nub.png) no-repeat center bottom;width:134px;height:80px;text-align:center;line-height:80px;font-size:40px;color:#fff;display:block;position:absolute;left:0%;bottom:25px;margin:0 auto;}

.quan_tu p{width: 85px;padding: 26px 0 0 24px;line-height: 37px;}



.box6{margin-top:68px;}


.new_fl{float: left;width:790px;margin-top:60px;}
.new_h3{background: url(../../images/bangde/tt3.png) no-repeat bottom left;font-size:19px;padding-bottom:10px;color:#008355;font-weight:bold;}
.new_h3 span{color:#666666;text-transform: uppercase;padding-left:9px;font-weight:bold;}
.c5aa{width: 280px;}
.news_sub{background: #008355;height: 112px;}
.news_sub a{font:400 14px/46px "å¾®è½¯é›…é»‘";color:#fff;padding-left: 23px;padding-top:15px;display:block;}
.news_sub span{font:400 12px/20px "å¾®è½¯é›…é»‘";color:#fff;padding-left: 23px;display: block;padding-right: 10px;}

.c5bb{width: 480px;}
.news_list1{}
.news_list1 li{position:relative;margin-bottom: 10px;border-bottom:1px solid #cccccc;padding-bottom: 19px;}
.news_list1 li h2{float: left;width:57px;text-align: center;font-size:34px;color:#656565;}
.news_list1 li h2 span{display: block;width:57px;font-weight: normal;height:21px;line-height:21px;background-color:#989898;color:#ffffff;font-size:12px;/* margin-top:12px; */}
.news_list1 li h3{float: right;width:345px;font-size:14px;color:#000000;font-weight: normal;margin-top: 6px;}
.news_list1 li h3 a{font-size:14px;color:#000000}
.news_list1 li h3 span{display: block;font-size:12px;color:#6c6c6c;line-height:18px;margin-top: 8px;}
.news_list1 li:hover h2 span{background-color:#008355;}
.news_list1 li:hover h3 a{color:#008355;}



.new_fr{float: right;width:315px;;margin-top:60px;border: 1px solid #cccccc;padding:25px 20px 20px 28px;}
.news_list3 li{position:relative;padding: 27px 0 13px;border-bottom:1px dotted #e3e3e3;}
.news_list3 li a{line-height:25px;padding-left:38px;background: url(../../images/bangde/wen.png) left center no-repeat;display:block;font-size:15px;color:#1c1c1c;}
.news_list3 li a:hover{text-decoration:none;color:#008355;}
.news_list3 span{background: url(../../images/bangde/da.png) left 3px no-repeat;padding-left:38px;font:400 12px/22px "å¾®è½¯é›…é»‘";color:#5c5c5c;display:block}
#ydemo{overflow:hidden;margin:0 auto;position:relative;height:189px;}
#yindemo{height:100%;}



#ydemo1{}
#ydemo2{}
.content1{margin-top:21px;}








.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;
background:url(../../images/bangde/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}

.about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"å¾®è½¯é›…é»‘";
background:url(../../images/bangde/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}

.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"å¾®è½¯é›…é»‘";
background:url(../../images/bangde/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/bangde/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/bangde/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/bangde/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/bangde/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;}

/*å‰å°å¤šé¡µç­¾*/

.list1{padding:8px 10px;}
.list1 li{line-height:27px;position:relative;vertical-align: middle;}
.list1 li a{background:url(../../images/bangde/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;}




/*å‹æƒ…é“¾æŽ¥*/
.link{background: url(../../images/bangde/you.png) no-repeat center top;margin-top:68px;height:50px;}
.f_link{width:1209px;margin:0 auto;line-height:50px;font-size:14px;color:#666666;text-indent:85px;}
.f_link a{padding:0 6px;color:#666666;}


/*é¡µé¢åº•éƒ¨*/
#footer{background: url(../../images/bangde/foot.png) no-repeat center top #333333;padding-top:41px;height:260px;}
#footer a{}
#footer a:hover{color:#008355;text-decoration:none;}

.er{float:left;width:420px;}
.foot_con2{margin-top:20px;}




.foot_h2{background: url(../../images/bangde/tt4.png) no-repeat left bottom;padding-bottom:11px;font-size:16px;color:#ffffff;}



.foot_f2{float: left;width:200px;margin-left:93px;}
.foot_con1{font-size:13px;color:#999999;line-height:30px;margin-top:15px;}
.foot_con1 a{width:100px;float:left;color:#999999;}


.foot_fr{margin-left:105px;}
.foot_con{font-size:12px;color:#999999;line-height:30px;margin-top:11px;}


.copyright{line-height:42px;background:#292929;color:#696969;}
.copyright a{color:#696969;}
.copyright a:hover{color:#008355;text-decoration:none;}


/*------------å†…é¡µ-------------------*/



.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:1920px;margin:0 auto;position:relative;left:50%;margin-left:-960px;}




.left .box{margin-bottom:23px;border:1px solid #008b5e;padding:10px 20px;}
.sort_menu{border:1px solid #008b5e;}
.left .box h3{
    height:30px;
    line-height:30px;
    color:#008b5e;
    font-size:16px;
    padding-left:13px;
    background:url(../../images/bangde/lefttit.png) no-repeat left center;
    font-weight:normal;
    margin-bottom:10px;
}

.left .sort_menu h3{padding-left:24px;background:url(../../images/bangde/tt.png) no-repeat;padding-top:20px;font-size:30px;color:#ffffff;padding-bottom:19px;width:204px;height:70px;font-weight: normal}


.left .sort_menu h3 span{display: block;font-size:14px;color:#ffffff;text-transform: uppercase;letter-spacing:6px;}



.left .box .content{padding:5px 0px;}
.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.left{width:230px;float:left;position:relative;z-index:999999;}

.sort_product{margin-top:10px;}

.n_contact{margin-top:10px;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:923px;float:right;padding-bottom:10px;}
.sitemp{line-height:25px;height:31px;overflow:hidden;padding-right:10px;color:#767676;/*border-bottom:2px solid #f4f4f4;*/}
.sitemp .site{float:left;text-align:right;line-height:20px;color:#767676;}
.sitemp .site a{
    color:#767676;
}
.sitemp .site a:hover{
    color:#008b5e;
}
.right .content{padding-top:0px;overflow:hidden;line-height: 24px;}

