/* 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;
  letter-spacing: normal;
  font-size:12px;
  }
td,div,li, a{
font-size:12px;
color:#333;
font-family: "微软雅黑";

}
@-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;}

i, em {font-style: normal;}

/*分页*/
.pageshow{ padding:30px 0px; height:30px; line-height:30px; text-align:center; clear: both; width:100%; }
.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: #ED3F4A;border: 1px #ED3F4A solid; color:#FFFFFF;}


.map_top_left{ float:left;width:950px; margin-top:0px;}
.map_top_left li{ float:left;  text-align:left; margin:0px 15px;width:950px; border-bottom:1px dashed #ddd; padding:15px 0px;}
.map_top_left li h2 { color:#212993; font-size:14px;line-height:30px; font-weight: 700; margin-top:10px; }
.map_top_left li a:hover{ color:#ff0000;}
.map_top_left dl { float:left;  text-align:left; margin:0px 0px;}
.map_top_left dl dd{ margin: 0px; float:left; width:950px; background:none; color:#333;}
.map_top_left dl dd a{ line-height:26px;  float:left;  font-size:13px; color:#999;}
.map_top_left dl dd span{ line-height:26px;  float:left; color:#000; font-size:13px; width:950px; margin-top:5px;}
.map_top_left dl dd a:hover{  color:#212993; }
.map_top_left dl dd div{  float:left; width:180px; text-align:left; margin:2px 5px;}


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

.head{ width:100%; z-index:99; }
.w1200{width:1200px; margin:0 auto;}

.logo{ float:left; margin-top:65px;}

.top{background:#37383a; height:40px;}
.top_l{color:#eee; line-height:40px; padding-left:10px;}
.top_r2{color:#eee;height:40px; line-height:40px; margin-right:30px;}
.top1{position:relative; width:1200px; margin:0 auto;}
.top_r1{color:#a9a9a9; width:80px; height:40px; line-height:40px; background:url(../images/lanbg.png) top center no-repeat #272928; padding-left:40px; display:block; cursor:pointer;}

.top_r2 a{ color:#a9a9a9;}

.top_r1 ul {display:none; position:absolute; z-index:999;right:0px; top:40px;}
.top_r1 li {border-top:1px solid #4c4c4c; background:#37383a; /*IE6 only*/ float: none; }
.top_r1 li  a { display:block; text-align:left;height:40px; line-height:40px; width:80px; padding-left:40px;  font-size:13px;color:#a9a9a9;}
.top_r1 li  a:hover{background-color:#272928;color:#a9a9a9;}

.wbg{background-color:#F5F5F5; height:125px;}

.menu { float:left; width:800px;}
.menu ul{ width:100%; float:left;}
.menu li { float:right;  padding:0px 28px; }
.menu li a.menunava{height:50px; line-height:50px;  display:block; color:#333; font-size:15px; font-weight: normal;  text-align:center;transition: all 0.3s;}
.menu li a.menunava:hover, .menu li a.menunavb { color:#ED3F4A;height:50px; line-height:50px;  display:block;font-size:15px; font-weight: normal; text-align:center;transition: all 0.3s; }

.menu_xiugai { float:left; width:800px;}


.navbox{position:absolute; width:100%;top:600px; z-index:88;}
.main{  background-color:#FFFFFF; width:100%; padding:40px 0px 10px 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:400px; 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:1200px;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;}


.footer_bottom{background-color:#fff; border-top:1px solid #ccc; padding-top:20px; padding-bottom:20px;}

.footer{background-color:#fff; padding:30px 0 40px 0;border-top:1px solid #ccc; }


.menunav li{display:block; float:left; margin-right:130px;text-align:left; padding:20px 0px 0px 0;}
.menunav li h1{ font-size:30px; color:#333; font-weight:normal; text-align:right;}
.menunav li p.tit {
	color: #333;
	font-size: 16px;
	height:35px;
	display:block;
}
.line_w{ background-color:#e6e6e6; padding:1px 0; width:30px;}


.menunav li span.sub {
    display: block;
    font-size: 13px;
    margin-top: 0px;

}

.menunav li span.sub p  , .menunav li span.sub p a {
display:block;
    color: #333;
	margin-bottom:5px;
	 line-height:26px;
	font-size:13px;
}
.menunav li span.sub p  a:hover{
    color: #D60201;
}

.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:#48b035;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:#48b035; color:#FFFFFF;}




.jjmeng{width:380px; margin-top:15px;}
.jjmeng li{ margin-bottom:10px;}
.jjmeng input ,.jjmeng textarea{ width:100%; line-height:22px;padding: 10px 15px;border: 1px solid #ccc;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.jjmeng input:hover ,.jjmeng textarea:hover{ border-color:#D60201;}
.jjmeng .sumbit{width: 100%; margin-top:5px; height:40px; cursor:pointer; background-color:#D60201; font-size:14px;padding: 10px 0; text-align:center; color:#fff;}
.jjmeng .sumbit:hover{ background-color:#000; 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:14px; font-weight:700; color:#ff0000; float:right; margin-top:-80px; margin-right:10px;}
.more{float:left;font-size:13px; font-weight:300;color:#999;}
.more a{ font-size:13px; font-weight:300;color:#ff0000;}
.more a:hover{color:#999; text-decoration:underline;}

.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:#48b035;}
.tab .sumbit{width: 100%; margin-top:20px; cursor:pointer; border-width:1px;border-style:solid;border-color:#ff0000;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:#ff0000; font-size:14px;padding: 5px 50px; height:45px; color:#fff; font-size:16px;}
.tab .sumbit:hover{ background-color:#000; color:#FFFFFF; border:1px solid #000;}

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



@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;}
.top_r1,.top_r2,.pt140,.menu,.contentbox2,.leftnav,.more,.wap-none{ display:none!important;}
.top1{position: static; width:100%;;}
.w1200{ width:100%;}
.head{position: static;}
.logo{float:left; position:absolute; margin-left:10px;}
.logo img{ height:80px; width:auto;}
.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{background:url(../images/dot3.png) 15px 5px no-repeat; font-size:16px; font-weight: normal;padding-left:40px; margin-bottom:15px;}


.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;}
}