.wp{width: 1100px; margin:0 auto;}

body,html{ background-color: #fff;}

.gray-bar{height: 40px;width: 100%; border-bottom:solid 1px #DCDCDC;}
.gray-bar .gray-bar-left span{ line-height:40px;display: block;height: 40px; float: left;min-width: 165px; border-right:solid 1px #DCDCDC; margin-right: 20px;}
.gray-bar .gray-bar-left span:last-child{ border-right:none;}
.gray-bar .gray-bar-left span i{display: block;height: 17px;width: 18px;background: url("../images/topbg.png") no-repeat 0 0; float: left;
  margin-top: 12px; margin-right: 5px;}
.gray-bar .gray-bar-left span i.icon-mobile{ background-position: 0 0;}
.gray-bar .gray-bar-left span i.icon-tel{ background-position: -168px 0;}
.gray-bar .gray-bar-left span i.icon-mail{ background-position: -351px 0;}
.gray-bar-search{width: 190px; float: right;height: 40px; margin-top: 5px;}
.gray-bar-search-input{ width: 155px;height: 30px; background-color:#EDEDED;border-top-left-radius: 5px;border-bottom-left-radius: 5px; border: none; padding-left: 5px;}
.gray-bar-search a{display: block; float: right;width: 30px;height: 30px; border-radius:3px; background:#8CC220 url("../images/search.png") no-repeat center;}

.header{height: 80px; border-bottom:solid 4px #8cc220;width: 100%; background-color: #fff;}
.logo{width: 220px; float: left;height: 55px;}
.logo a{display: block;width: 186px; height:55px; margin-top:13px;  background: url("../images/headerbg.png") no-repeat 0 0;}
.header-nav{height: 73px;width: 875px; float: right;}
.header-nav ul li{width: 125px;height: 80px; text-align: left; float: left;}
.header-nav ul li a{color: #333;font-size: 14px; line-height: 80px; float: left;display: block;width: 95px; padding-left: 5px; }
.header-nav ul li a:hover{color:#246CAD; }
.header-nav ul li i{display: block;height: 80px;width: 25px; background: url("../images/headerbg.png") no-repeat; float: left;}
.header-nav ul li i.icon1{ background-position: -260px center;}
.header-nav ul li i.icon2{ background-position: -364px center;}
.header-nav ul li i.icon3{ background-position: -488px center;}
.header-nav ul li i.icon4{ background-position: -620px center;}
.header-nav ul li i.icon5{ background-position: -745px center;}
.header-nav ul li i.icon6{ background-position: -877px center;}
.header-nav ul li i.icon7{ background-position: -1007px center;}



.swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-button-prev{ left:10%;}
.swiper-button-next{ right:10%;}
.slider{width: 100%;height: 525px;}

.banner_01{ background:url("../images/banner1.jpg") no-repeat;}
.banner_02{ background:url("../images/banner2.jpg") no-repeat;}

.main{width: 100%;height: auto;}

.bannerCon{width: 430px;height: 67px; padding:15px 20px; position: absolute;top: 50%;right: 0; margin-top:-28px;
  background: rgba(255,255,255,0.8) url("../images/arr.png") no-repeat 450px center;}
.bannerCon h1{text-align: left;font-size:28px;color: #71a50a; }
.bannerCon p{font-size: 16px;color: #666;text-align: left;}



.company{height: auto;}
.company .company-title{ padding-top:50px; text-align: center;}
.company .company-title span{font-size: 19px; padding:15px 0; border-bottom:solid 1px #eee;}
.company .company-subtitle{font-size: 12px;color: #999; text-align: center; margin-top: 20px;}

.companyCon{ margin-top: 50px; }
.companyCon-list{padding: 15px;width: 243px; border:solid 1px #eee; border-right:none; height: 235px; position: relative; float: left;}
.companyCon-list:last-child{ border-right:solid 1px #eee;}
.companyCon-list .title-line{width:4px;height: 16px; background-color: #8cc220; float: left; }
.companyCon-list span{ line-height:16px;margin-left: 5px;font-size: 18px;}
.companyCon-img{margin-top: 20px;width:100%;overflow-x:hidden}
.company-icon1{ background-position:  0 0;}
.company-icon2{ background-position:  -270px 0;}
.company-icon3{  background-position:  -550px 0;}
.company-icon4{ background-position:  -828px 0;}
.companyCon-title{color: #333;}
.companyCon-intro{font-size: 12px;color: #000; line-height:2;margin-top: 15px;}
.companyCon-link{ text-align: center; position: absolute;bottom: 40px;width:74px;left: 50%; margin-left:-37px; }
.companyCon-link a{font-size: 14px; text-decoration: underline;color: #666;}
.companyCon-link a:hover{color: #246CAD;}

.indexAbout{ height:138px; background: url("../images/aboutbg.jpg") no-repeat center;width: 100%; font-family:"楷体"; }
.indexAbout h1{font-size:30px; color: #fff; padding-top: 32px; letter-spacing: 10px; color:#8cc220;font-weight:bold;}
.indexAbout p{font-size: 18px;color: #fff; padding-top: 10px; width: 100%;letter-spacing: 10px;}
.indexAbout a{ display: block;width: 125px;height: 35px; background-color: #fff; border-radius:5px; line-height: 35px;
  text-align: center;font-size: 16px; float: right; margin-top: 60px; color: #8cc220;}

.newsCenter{ margin-top: 50px; }
.newsCenter .newslistCon{width: 335px;height: 360px;padding: 15px; border:solid 1px #dcdcdc; border-right:none; float: left;}
.newsCenter .newslistCon:last-child{ border-right:solid 1px #dcdcdc;}
.newsCenter .newslistCon-title{height: 16px; line-height: 16px;}
.newsCenter .newslistCon-title .title-line{width:4px;height: 16px; background-color: #8cc220; float: left; }
.newsCenter .newslistCon-title a{ float: right;font-size: 12px;color: #666; line-height:16px;}
.newsCenter .newslistCon-title a:hover{color: #1c79a3;}
.newsCenter .newslistCon-title span{ line-height:16px;}

.newsCenter .newslistCon ul{ margin-top: 30px;}
.newsCenter .newslistCon ul li{height: 30px; line-height: 30px; padding-left: 15px; background: url("../images/dot.jpg") no-repeat left center;}
.newsCenter .newslistCon ul li a{font-size: 12px;color: #333;}
.newsCenter .newslistCon ul li a:hover{font-size: 12px;color: #1c79a3;}

.newslistCon-img{width: 100%;height: 146px; margin-top: 20px;}

.footer{ margin-top: 50px;width: 100%;height: auto; background-color: #26343b;}
.footerLink{ text-align: center;height: 46px; background-color: #202c32;}
.footerLink p{font-size: 12px; text-align: center;color: #fff;line-height: 46px;}

.footerCon{padding: 60px 0;}
.footerCon-list{ float: left;width: 183px;height: auto;}
.footerCon-list .footerCon-title{height: 16px;}
.footerCon-list .title-line{width:4px;height: 16px; background-color: #8cc220; float: left; }
.footerCon-list span{color: #fff;line-height: 16px;}
.footerCon-list ul{ margin-top: 20px;}
.footerCon-list ul li{height: 25px; line-height: 25px; padding-left: 10px;}
.footerCon-list ul li a{color:rgba(255,255,255,0.6); }
.footerCon-list ul li a:hover{color: #fff;}

.footer-focus{}
.footer-focus a{display: block;width: 25px;height: 25px; float: left; background: url("../images/contact.png") no-repeat; margin-left: 10px;}
.footer-focus a.weibo{ background-position: 0 0;}
.footer-focus a.qqweibo{ background-position: -35px 0;}
.footer-focus a.qqzone{ background-position: -70px 0;}
.footer-focus a.weixin{ background-position: -105px 0;}

/*内页*/
.innerSection .home{ width:100%; background:#f2f2f2; height:60px; line-height:60px; color:#666; font-size:12px; position:relative; min-width:1200px}
.home a{ color:#666}
.home em{ color:#1c79a3;height:60px; line-height:60px;}

.section .leftside{width:208px; padding-top:35px}
.leftside h1{ color:#1c79a3; font-size:24px; padding-bottom:20px; }
.leftside h1 span{ display:block; color:#a9a9a9; font-size:12px}
.leftside h1 em{ display:block; width:28px; height:2px; background:#999; margin-top:16px}
.leftside .nav2{ border-top:1px solid #f2f2f2}
.nav2 li{height:53px; border-bottom:1px solid #f2f2f2}
.nav2 li a{ display:block; height:51px; border-left:2px solid #fff; line-height:51px; color:#666; font-size:14px;border-top:1px solid #fff; border-bottom:1px solid #fff; padding-left:13px; background:url(../images/sign.png) no-repeat 93% 21px}
.nav2 li a.move{ background:#f2f2f2 url(../images/sign.png) no-repeat 93% -33px; border-left:2px solid #1c79a3; color:#1c79a3;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;}

.section .rightside{ border-left:2px solid #f2f2f2;width:858px;padding-left:32px; padding-bottom:80px;min-height:800px}
.rightside .join{padding:38px 0 80px 0}
.rightside .join dl{ border-bottom:1px solid #e1e1e1; padding:0 0px 32px 0px; margin-bottom:36px}
.rightside .join span{ display:block; font-size:16px; color:#333;margin-bottom:16px;}
.rightside .join dt{font-size:12px; color:#333; margin-bottom:8px; margin-top:5px; font-weight:bold}
.rightside .join dd{font-size:12px; color:#666; line-height:30px}
.rightside .join .line{ height:1px; background:#e1e1e1; margin-top:30px}

.subNavBox{width:208px;}
.subNav{height:auto; border-bottom:1px solid #f2f2f2}
.subNav > a{display:block; height:51px; border-left:2px solid #fff; line-height:51px; color:#666; font-size:14px;border-top:1px solid #fff; border-bottom:1px solid #fff; padding-left:13px; background:url(../images/jiantou.png) no-repeat 93% 50%}
.subNav:hover > a{background:#f2f2f2 url('../images/jiantou1.png') no-repeat;background-position:93% 50%;color:#1c79a3; border-left:2px solid #1c79a3; color:#1c79a3;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;}
.currentDd a{color:#1c79a3;}
.currentDt a{background:#f2f2f2 url('../images/jiantou1.png') no-repeat;background-position:93% 50%;color:#1c79a3; border-left:2px solid #1c79a3; color:#1c79a3;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;}
.navContent{background:#fff;padding:9px 0;display:none;}

.navContent li a{line-height:30px;padding:0 22px;display:block;font-size:12px;color:#555;}

.navContent li a:hover{color:#1c79a3;}

.rightside .product,.rightside .product2{ padding:41px 0 150px 0}
.rightside .product1{ padding:41px 0 150px 0}
.leftside .contact{ border:1px solid #f2f2f2; padding:18px 4px; margin-top:20px;border-right:none;}
.leftside .contact .way{ border-bottom:1px solid #dfdfdf; padding-bottom:6px}
.leftside .contact .way li{ margin-bottom:13px}
.leftside .contact .way li span{ display:inline-block;color:#333; font-size:12px; float:left; letter-spacing:-0.6px}
.leftside .way li span em{ display:block;color:#999; font-size:12px; margin-top:2px}
.leftside .way li span b{ font-weight:normal; color:#F00}
.leftside .contact .sao{ text-align:center; padding-top:21px}
.leftside .contact .sao p{ color:#666; font-size:12px; line-height:24px; margin-top:10px}
.contact .way li strong{ display:inline-block; float:left; margin:2px 5px 0 0px;}

.product2 .tab_title.fixed{ position:fixed; top:0px;z-index:20}

.product h6{color:#000; font-size:18px; margin:0; font-weight:normal; margin-bottom:14px; margin-top:-5px}
.product1 h6{color:#000; font-size:18px; margin:0; font-weight:normal; margin-bottom:14px; margin-top:-5px}
.product th{ height:60px; background:#f7f7f7; color:#333; font-size:16px;text-align:left; padding:0 26px}
.product td{ height:56px; padding:0 26px;border-bottom:1px solid #ededed;}
.product tr:hover{ background:#f7f7f7;}

.product .js img{ padding-bottom:24px; width:958px; height:220px}
.product .js p{ color:#666; font-size:12px; line-height:24px; text-indent:26px}
.product .pp_sort{ padding-top:30px}
.pp_sort h5{ color:#000; font-size:18px; margin-bottom:16px}
.pp_sort h5 em{ display:block; color:#999; font-size:16px; margin-top:3px}
.pp_sort ul{ width:980px}
.pp_sort li{ float:left; width:225px; margin-right:20px; min-height:210px; margin-bottom:20px}
.pp_sort li span{ display:block; margin-bottom:12px; position:relative}
.pp_sort li span a em{ display:block; position:absolute; width:201px;height:40px; background:rgba(0,0,0,0.6); color:#fff; font-size:16px; padding:0 12px; line-height:40px; left:0px; bottom:0px}
.pp_sort li p a{ color:#666; font-size:12px; line-height:24px; display:block; margin:0 12px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; height:24px}
.pp_sort li p a:hover{color:#1c79a3; -webkit-transform:translateX(10px); -moz-transform:translateX(10px); transform:translateX(10px);}

.page{ margin-top: 30px;}

.product-detail{ padding:20px;}
.product-detail p{font-size: 14px; line-height: 1.8;color: #666; margin-bottom: 10px;}
.product-detail span{font-size: 14px; line-height: 1.8;color: #666; margin-bottom: 10px;}
.product-detail img{ max-width:858px;margin: 0 auto;}

.newListCon li{ padding-left:15px; height:40px; line-height:40px; background: url("../images/dot.jpg") no-repeat left center; border-bottom:dotted 1px #dcdcdc; padding-right:15px;}
.newListCon li a{font-size: 14px;color: #333;}
.newListCon li a:hover{color:#1c79a3;}
.newListCon li span{ line-height: 40px;}

.newsDetail h5{font-size: 20px; text-align: center;}
.newsDetail > p{font-size: 12px;color: #333; text-align: center; margin-top: 5px;}

.newsDetail-r-pro-img {
  padding: 20px;
}
.newsDetail-r-pro-img .newsDetail-r-pro-left {
  width: 300px;
  height: 200px;
  text-align: center;
  overflow: hidden ;
  float: left;
}
.newsDetail-r-pro-img img {
  height: 200px;
  text-align: center;
  margin: 0 auto;
}
.newsDetail-r-pro-img .newsDetail-r-pro-right {
  width: 375px;
  height: 200px;
  float: left;
  margin-left: 20px;
 
}
.newsDetail-r-pro-img .newsDetail-r-pro-right p {
  line-height: 40px;
  height: 40px;
  font-size: 14px;
}
.newsDetail-r-pro-img .newsDetail-r-pro-right p span {
  font-size: 14px;
}
.imgPro-title,
.imgPro-title span{font-size: 18px !important;}

.header-nav li { position: relative;}

.header-nav-sec{
  display: none;
  width: 140px;
  position: absolute;
  top:60px;
  background-color: #fff;
  left: 0;
  border:solid 1px #eee;
  box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
  z-index: 999999;
}
.header-nav-sec a{
  width: 115px!important;
  height: 30px!important;
  line-height: 30px!important;
  font-size: 12px!important;
  padding-left: 15px!important;
  border-bottom:dotted 1px #eee;
}
.header-nav-sec a:hover{ background-color: #fafafa;}
.header-nav li:hover .header-nav-sec{ display: block!important;}

.side {
  position: fixed;
  width: 54px;
  height: 275px;
  right: 0;
  bottom: 320px;
  z-index: 100;
}
.side ul li {
  width: 54px;
  height: 54px;
  float: left;
  position: relative;
  border-bottom: 1px solid #444;
}
.side ul li .sidebox {
  position: absolute;
  width: 54px;
  height: 54px;
  top: 0;
  right: 0;
  transition: all 0.3s;
  background: #26343b;
  opacity: 0.8;
  filter: alpha(opacity=80);
  color: #fff;
  font: 14px/54px "΢ÈíÑźÚ";
  overflow: hidden;
}
.side ul li img {
  float: left;
}

.yb_conct{position:fixed;z-index:9999999;top:240px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#67CDFD url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#67CDFD url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#67CDFD url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#67CDFD url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;font:16px/53px 'Microsoft YaHei';}
.yb_phone a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;font:16px/53px 'Microsoft YaHei';}