/* CSS Document */
*{ margin:0; padding:0; }
body { margin:0 auto; padding:0; background-color:#fff;-webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overflow:-Scroll;overflow-x:hidden;font-family: "微软雅黑";font-size:13px;
  }
td,div,li, a{
font-size:13px;
color:#333;


}
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
a{ 
blr:expression(this.onFocus=this.blur()); 
outline: none;
text-decoration:none;}
a {color:#333;text-decoration:none;}
a:hover{ color:#143582;}

.fl{ float:left;}
.fr{ float:right;}
li{list-style:none;}
img{border:0;}
.clear{ clear:both; overflow:hidden; zoom:1;}
i, em {font-style: normal;}

/*分页*/
.pageshow{ margin:30px 0px; height:30px; line-height:30px; text-align:center; }
.center .pageshow{ margin:10px 0px; height:35px; line-height:35px; text-align:right; border:none;}
.pageshow a {padding: 0 8px;
    line-height: 25px;
    display: inline-block;
    border: 1px #bbb solid;
    margin: 2px;
    background: #ccc;}

.pageshow a.pagefan ,.pageshow a:hover{
    background: #E70012;border: 1px #E70012 solid; color:#FFFFFF;}


.mt10{margin-top:10px;}
.pt140 { padding-top:85px;}
.whitebg{background-color:#FFFFFF;}
.h340{ height:340px;}


.logo{ position:absolute; left:0px; top:40px; z-index:99;}
.head{width:100%;}
.w1200{width:1100px; margin:0 auto; position:relative; }

.wbg_home{ background:none; height:auto;}
.wbg{background-color:none;   
   -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1); height:85px;}


.menu{  position:absolute; left:0px; top:50px;}

.menu li { float:right;margin-left:15px; }
.menu li a.menunava{height:85px; line-height:85px;  display:block; color:#333; font-size:14px; font-weight: bold; width:82px; text-align:center;transition: all 0.3s;}
.menu li a.menunava:hover, .menu li a.menunavb {background:#E50112; color:#FFFFFF;height:85px; line-height:85px;  display:block;font-size:14px; font-weight: bold; width:82px;text-align:center;transition: all 0.3s; }


.navbox{position:absolute; width:100%;top:600px; z-index:88;}
.main{  background-color:#FFFFFF; width:1100px;padding:40px 0px 40px 0px; margin:0 auto;}

.banners{ position:relative;}
.banner{ height:480px; overflow:hidden;}
.banner .d1{width:100%;height:480px;display:block;position:absolute;left:0px;top:0;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:380px;}
.banner .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -35px;display:inline;}
.banner .d2 li{width:70px;height:5px;overflow:hidden;cursor:pointer;background:url(../images/img1.png) no-repeat center;float:left;margin:0 10px;display:inline;}
.banner .d2 li.nuw{background:url(../images/img1_1.png) no-repeat center;}

.banner_h300{ height:300px; background-position:top center; background-repeat:no-repeat;}

.slides{overflow:hidden;width:1099px;}
.slides ul{list-style:none;width:2999px;}
.slides li{float:left; width:260px; height:260px;  margin-right:17px;}

.slides_p{overflow:hidden;width:890px;}
.slides_p li{float:left; width:280px; height:280px;  margin:20px 8px 0 8px;}

.image-box{border:1px #f1f1f1 solid; padding:5px;width:248px; height:208px; overflow:hidden;}
.image-box2{border:1px #f1f1f1 solid; padding:5px;width:268px; height:228px; overflow:hidden;}

.port-1{float: left; width: 100%;overflow: hidden; text-align: center;}
.port-1 .text-desc{ height:40px; line-height:40px; text-align:center;}

.port-1 img{transition: 0.5s;}
.port-1:hover img{transform: scale(1.2);}

.slides2{overflow:hidden;width:860px;}
.slides2 ul{list-style:none;width:1000px;}
.slides2 li{float:left; display:block; width:260px; height:260px; overflow:hidden; margin-right:36px;border:1px #f1f1f1 solid; margin-bottom:30px;}


.bt{font-size:20px; margin-bottom:30px; font-weight:600;}
.bt span{ color:#c9c9c9; font-size:15px; padding-left:15px; font-weight:normal;}
.bt span i{ font-style:normal; padding-left:15px;font-weight:normal;}
.bt a {
    display: inline-block;
    padding-right: 18px;
    background: url(../images/ico_03.png) no-repeat right center;
    color: #888;
    text-transform: uppercase;
	font-size:12px;
	font-weight:normal;
}
.bt a:hover {color:#48b035;}

.contentbox2{width:1100px;margin:300px auto 60px; padding:0 50px;}
.companypic{width:270px; height:200px; overflow:hidden;}
.companypic img { display:block; width:270px; height:200px; -webkit-transition: all .5s linear;-moz-transition: all .5s linear;-o-transition: all .5s linear; -ms-transition: all .5s linear;transition: all .5s linear;}
.companypic img:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
.companyjs{width:220px; height:140px; overflow:hidden; color:#666666; padding:30px;}

.companyjs span{font-size:16px; font-weight:bold; color:#333333; display:block; margin-bottom:15px;}
.companymore{ background-color:#48b035; text-align:right; padding-right:20px; }
.companymore a{font-size:14px;color:#FFFFFF;height:35px; line-height:35px;}

.times{width:50px; height:42px; padding-top:8px;line-height:18px;overflow:hidden; background-color:#48b035; color:#FFFFFF; text-align:center; font-size:18px;}
.times i{ display:block; font-style:normal; font-size:13px; margin-top:2px;}
.newslist{width:410px; border-bottom:1px #e0e0e0 solid; padding-bottom:25px; margin-bottom:25px;}
.newslist dt{  margin-bottom:10px;}
.newslist dt a{font-size:15px;}
.newslist dd{ color:#999;}


.end{width:1100px; min-height:200px; margin:0 auto; padding:30px 0 20px 0; }
.menunav li{display:block; float:left; margin-right:100px;}
.menunav li p.tit {
	color: #eee;
	font-size: 14px;
	height:38px;
	display:block;
}
.line_w{ background-color:#e6e6e6; padding:1px 0; width:30px;}


.menunav li span.sub {
    display: block;
    font-size: 12px;
    margin-top: 0px;
	line-height:22px;

}

.menunav li span.sub p  , .menunav li span.sub p a {
display:block;
    color: #999;
	margin-bottom:8px;
	 font-size:12px;
}
.menunav li span.sub p  a:hover{
    color: #fff;
}

.menunav li span.sub2 {
    display: block;
    line-height: 35px;
    font-size: 14px;
    margin-top: 20px;
    padding-left: 22px;
}

.menunav li span.sub2 p a {
display:block;
float:left;
    color: #ccc;
	margin-bottom:5px;
	 width:60px;
}
.menunav li span.sub2 p  a:hover{
    color: #48b035;
}


.leftnav{ margin-bottom:30px;}
.ser{background-color:#f2f2f2; padding:5px;}
.ser input{width:140px; height:25px; border:0; background-color:#FFFFFF;float:left; padding:0 5px;}
.ser button{ background-image:url(../images/ser.png); width:25px; height:25px; cursor:pointer; border:0; float:right;background-color:#f2f2f2;}

.w190{width:190px;}
.w190 p{font-size:16px; margin-bottom:10px; padding-left:10px; font-weight:700;}
.w190 a{background: #f2f2f2;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #fff;display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-indent: 25px;
    color: #000;
    transition: all .3s ease-out;}
.w190 a:hover {background: #48b035;color: #fff;transition: all .3s ease-out;}

.w860{width:860px;}
.titles{font-size:16px; font-weight:700; border-bottom:1px #cecece solid; padding-bottom:12px; margin-bottom:30px;}
.titles span{ float:right; font-size:12px; font-weight:normal; color:#999999; padding-top:2px;}
.titles span a{color:#999999;}
.txt{ line-height:25px;}
.txtimg{ max-width:100%; height:auto;}

.tab{width:850px; margin:0 auto;}
.tab li{ margin-bottom:10px;}
.tab input ,.tab textarea{ width:100%; line-height:22px;padding: 10px 26px;border: 1px solid #ccc;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.tab input:hover ,.tab textarea:hover{ border-color:#48b035;}
.tab .sumbit{width: auto; margin-top:20px; cursor:pointer; border-width:2px;border-style:solid;border-color:#E50112;border-radius:50px;border-top-left-radius:50px;border-top-right-radius:50px;border-bottom-left-radius:50px;border-bottom-right-radius:50px; background-color:#FFFFFF; font-size:14px;padding: 5px 50px;}
.tab .sumbit:hover{ background-color:#E50112; color:#FFFFFF;}


.p50{padding:50px 0 20px;}
.leftnav{width:220px; background-color:#FFFFFF; padding:22px 0;overflow:hidden;}
.leftnav-title{padding:0 0 20px 55px; background:url(../images/dot1.png) 20px 2px no-repeat; font-size:16px; font-weight:700; border-bottom:1px #f0f0f0 solid;}
.leftnav ul li{border-bottom:1px #f0f0f0 solid;}
.leftnav ul li a{display:block;background:url(../images/dot2.png) 21px 15px no-repeat;height:45px; line-height:45px;padding-left:53px;}
.leftnav ul li a:hover , .leftnav ul li a.cc{height:45px; line-height:45px;background:url(../images/dot3.png) 21px 15px no-repeat; padding-left:53px; display:block;color:#48b035;}
.productlist2{width:950px;overflow:hidden;}
.righttitle{ font-size:16px; font-weight:700; color:#333;  margin-bottom:15px; border-left:5px solid #ff0000; padding-left:10px;}
.wz_line{ line-height:25px; width:100%; height:1px; background:#ccc; margin-bottom:15px;}
.more{float:right;font-size:12px; font-weight:300;color:#999;}
.more a{ font-size:12px; font-weight:300;color:#999;}
.more a:hover{color:#999; text-decoration:underline;}

.txt {background-color:#FFF; min-height:380px; margin-bottom:30px; padding:30px; }
.txt , .txt div ,.txt p ,.txt span .txt td{font-size:14px;}
.txtimg img{ max-width:100%; height:auto;}
.map{margin-top:30px;width:100%; height: 400px;}

.tab{width:850px; margin:0 auto;}
.tab li{ margin-bottom:10px;}
.tab input ,.tab textarea{ width:100%; line-height:22px;padding: 10px 26px;border: 1px solid #ccc;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.tab input:hover ,.tab textarea:hover{ border-color:#EB0000;}
.tab .sumbit{width: auto; margin-top:20px; cursor:pointer; border-width:1px;border-style:solid;border-color:#EB0000;border-radius:3px;border-top-left-radius:5px;border-top-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px; background-color:#EB0000; font-size:14px;padding: 5px 50px; color:#fff;}
.tab .sumbit:hover{ background-color:#ff0000; color:#FFFFFF;}

.tab2 td{ padding-bottom:10px;border-bottom:1px dotted #ccc;}
.tab2 span{ float:right; font-size:13px; font-weight:normal; color:#de1d1e;}

.childInfo{ line-height:35px;}
.childInfo img{ max-width:100%; max-height:100%;}








.search{position:absolute; right:-10%; width:21px; height:16px;  margin-top:30px; }
.searchContent{position:absolute;top:80px;right:0px;padding:25px; z-index:99999;  display:none;  background-color: #fff;border-bottom:1px solid #dcdadb;border-left:1px solid #dcdadb;}
.searchk{position:relative;margin-top:0px;width:200px;height:230px;background:#fff;}
.searchContent p{ line-height:35px; font-size:14px; text-align:center; width:200px;}
.seachIcon{cursor:pointer;}




@media screen and (min-width:641px){
 .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle,.wap-news,.wap-foot {
    display: none;
  }
.nav-collapse , .pc-none , .bt2{ display:none!important;}

}


@media screen and (max-width:640px){
.fl,.fr{ float:none;}
.pt140 { padding-top:60px;}
.top1{position: static; width:100%;;}
.main{ width:100%;  min-height:auto; padding:20px 0px 10px 0px;}
.w1200{ width:100%;}
.head{position: static;}
#logo{float:left; margin-left:10px;}
#logo img{ height:30px; width:auto; margin-top:15px;}
.wbg{background-color:#FFFFFF;    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1); height: auto;}
.slider { width:100%; height:auto; text-align:center;}
.slider img { max-width:640px; max-height:300px; width:100%; height:100%;}
.slide > * {max-width: 100%;}

.bt2{font-size:16px;padding:15px 10px;}

.bt2 a {
float:right;
    display: inline-block;
    padding-right: 18px;
    background: url(../images/ico_03.png) no-repeat right center;
    color: #888;
    text-transform: uppercase;
	font-size:12px;
}

.productlist{ padding:20px 10px 0 10px;}
.productlist ul li{ width:47%; padding:0 0 20px; text-align:center;}
.probox {width:100%; min-height:120px; overflow:hidden;display:-webkit-box; display:box;-webkit-box-orient:horizontal;box-orient:horizontal;-webkit-box-pack:centr;box-pack:centr;-webkit-box-align:center;box-align:center;}
.probox img{ max-width:100%; height:120px; display:block; vertical-align:middle;}
.productlist ul li p {
margin-top:5px;
    line-height: 30px;
    height: 30px;
    text-align: center;
 background: #fafafa;
 color: #555;
 font-size: 12px;
}
.probox a{
    display: block;
}

.flol { float: left;}
.flor { float: right;}
.p1020{ padding:20px 10px;}
.companypic2{width:100%; height: auto; text-align:center;}
.companypic2 img { display:block; max-width:100%; height: auto; margin:0 auto;}
.companyjs2{width:100%; height: auto; color:#666666; padding:20px 0 0 0;}
.companyjs2 span{font-size:16px; font-weight:bold; color:#333333; display:block; margin-bottom:10px; text-align:center;}

.newslist1{ padding:20px 10px;}
.newslist1 li{background:url(../images/dd.gif) 5px 10px no-repeat; padding-left:25px; margin-bottom:15px;}

.sub{ text-align:center;color:#cecece; font-size:12px;}
.bottom{border-top:1px #535353 solid; padding:15px 0 0 0; color:#999; font-size:12px; text-align:center; margin-top:20px;}

.p50{padding:15px 0 0 0;}
.productlist2{width:100%;}

.righttitle{ margin-left:10px;}

.txt{min-height: inherit; margin-bottom:0; padding:20px;}

.titel{height:36px; line-height:36px; font-size:15px; padding:0 0 0 40px; border-bottom: solid 1px #f0f0f0; position:relative;margin-top:15px; color:#48b035;}

.titel:after{
	width:6px;
    height:20px;
    background-color: #48b035;
	border-radius:10px;
	-webkit-border-radius:10px;
    display: block;
    content: '';
    position: absolute;
	left:20px;
	top:8px;
    right:auto;
    bottom: auto;
    z-index:3;
    pointer-events: none;
}


.newslist2 li{ height:35px; line-height:35px; border-bottom: dashed 1px #ededed; font-size:10px; padding:0 0 0 40px; position:relative;}
.newslist2 li:after{
content: '';
 width:0;
 height:0;
 border-top: 5px solid transparent;
 border-left:6px solid #bcbcbc;
 border-bottom:5px solid transparent;
 position:absolute;
 display: block;
 top:50%;
 margin-top:-5px;
 left:20px;
}

.newslist2 li a {
	color: #555;
	display:block;
	float: left;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size:13px;
}

.map{margin-top:20px;width:100%; height: 300px;}

.tab{width:100%;}
.tab .sumbit{padding: 5px 30px;}
}