@charset "utf-8";

/***************************宽屏样式 (start)***************************/
.w_1200 .w{width:1200px; min-width:1200px;}
.w_1200 #main .contenter, .w_1200 #main .contenter .in_ad{ width: 1000px; }
.w_1200 #plist .blk { width: 199px; }
.trans{-webkit-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
/***************************宽屏样式 (end)***************************/

/**{font-family:Arial;}*/
body{width: 100%;min-width: 1200px;}
.img{text-align: center;}
.img img{vertical-align: middle;max-height: 100%;max-width: 100%;}
.img span{vertical-align: middle;height: 100%;display: inline-block;}
.w{width: 980px; margin:0 auto; min-width:899px;}
.hide{display:none;}
.imgbox{display:block; overflow:hidden;}
.imgbox img{max-width:100%; max-height:100%;}
.marinner{width: 1200px;margin: 0 auto; box-sizing:border-box;}
.wide{width:1200px; min-width:1200px;margin: 0 auto;}
@media screen and (max-width:1280px){
	.wide{width:1000px; min-width:1000px;}
}
@media screen and (max-width:1024px){
	.wide{width: 98%;min-width: 98%;padding: 0 1%;}
}
@media screen and (max-width: 768px){
	.wide{padding:0; width:100%; min-width:100%; box-sizing:border-box;}
}
@media screen and (max-width: 1280px) {
  body{min-width: 1000px;}
  .marinner{width: 1000px;}
}
@media screen and (max-width: 768px) {
  body{min-width: 320px;}
  .marinner{width: auto;padding: 0 10px;}
}

@media screen and (max-width: 768px) {

}

/*头部*/
#header{}
#header .relative{position: relative;}

#header .logomenu{height: 108px;}
#header .logomenu .logoout{display: inline-block;height: 94px;padding-top: 14px; width:55%; overflow:hidden;}
#header .logomenu .menu{padding-top: 36px; width:45%;}
#header .logomenu .menu .copy{float: right;margin-left: 16px;position: relative; padding-bottom:25px;}
#header .logomenu .menu .copy .topa{display: inline-block;height: 43px;text-align: center;padding: 0 20px;font-size: 16px;line-height: 43px;color: #000;border: 2px solid rgba(0,0,0,0);border-radius: 4px;text-transform: capitalize;transition: all 0.5s; text-decoration:none;}
#header .logomenu .menu .copy:hover .topa{border: 2px solid #339933;}
#header .logomenu .menu .copy .topa.cur{color: #339933;}
#header .logomenu .menu .copy .dept2{position: absolute;top: 72px;background: #fff;padding: 20px 30px;display: none;width: 200px;z-index: 999}
#header .logomenu .menu .copy .dept2 a{font-size: 14px;line-height: 41px;color: #1f1f1f;white-space:nowrap;word-break:keep-all;display: block;text-transform: capitalize;}
#header .logomenu .menu .copy .dept2 .img{position: absolute;top: -10px;left: calc( 50% - 11px );width: 22px;height: 10px;}
#header .logomenu .menu .copy .dept2 .img img{float: left;}

.banner .slide{position: relative;}
.banner .slide .absolute{position: absolute;top: 56%;z-index: 1;left:calc( (100% - 1200px)/2 + 30px );text-align: left;}
.banner .slide .absolute .title{color: #fff;font-size: 48px;border-left: 6px solid #339933;padding-left: 30px;}
.banner .slide .absolute .title br{line-height: 45px;}
.banner .slide .absolute a.more{display: inline-block;width: 204px;height: 46px;text-align: center;text-transform: uppercase;color: #000000;font-size: 16px;line-height: 46px;background: #339933;margin-top: 45px;transition: all 0.5s;}
.banner .slide .absolute a.more:hover{color: #fff;}

.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.banner .bx-wrapper .bx-pager.bx-default-pager a.active{background: #339933;}

@media screen and (max-width: 1280px) {
  #header .logomenu .menu .copy .topa{padding: 0 20px;}
  .banner .slide .absolute{left: calc( (100% - 950px)/2 + 30px );}
  .banner .slide .absolute .title{font-size: 28px;line-height: 28px;}
  .banner .slide .absolute .title br{line-height: 40px;}
  .banner .slide .absolute a.more{margin-top: 30px;}
}
@media screen and (max-width: 1024px) {
  #header .logomenu .logoout{height: 70px;}
  #header .logomenu .menu{padding-top: 24px;}
  #header .logomenu .menu .copy .topa{padding: 0 5px;}
  .banner .slide .absolute{left: calc( (100% - 750px)/2 + 30px );}
  .banner .slide .absolute .title{font-size: 20px;line-height: 20px;}
  .banner .slide .absolute .title br{line-height: 30px;}
  .banner .slide .absolute a.more{margin-top: 15px;width: 180px;height: 35px;font-size: 14px;line-height: 35px;}
}
@media screen and (max-width: 768px) {
  #header{display: none;}
  .banner .slide .absolute{top:auto;bottom: 15%;}
  .banner .slide .absolute{left: 10%;}
}


/*尾部*/
#footer{background:#ebebeb;padding-bottom: 30px;}
#footer .marinner{}
#footer .copy{display: inline-block;vertical-align: top;padding-top: 36px;padding-left: 10px; float:left; width:22%; overflow:hidden; box-sizing:border-box;}
#footer .copy:first-child{padding-left: 0px;}
#footer .copy.news_letter{width:34%;}
#footer .justify{width: 100%;height: 0;font-size: 0;display: inline-block;}
#footer .footer_title{color: #000;font-size: 16px;line-height: 30px;border-left: 5px solid #339933;padding-left: 17px;margin-bottom: 11px;height: 29px;text-transform: uppercase;}
#footer .copy .d{display: block;font-size:14px;line-height: 30px; height:30px; overflow:hidden;color: #000;padding-left: 22px; max-width:80%;}
#footer .copy .d a{color:#000;}
#footer .copy p{font-size: 14px;line-height:30px;color: #000;width: 350px;padding-left: 22px;padding-top: 5px;}
#footer .copy .share{margin: 0;padding: 9px 0 0 25px;}
#footer .copy .share .img{display: inline-block;margin-right: 20px;}
#footer .copy .share a{display: inline-block;padding: 0;}
#footer .copy.yingyong{width:40%;float: right;}
.yingyong a{padding-left: 25px;}
.yingyong .yydl{background: url(../images/icon_dl.png) no-repeat left center;width:42%;float: left;margin-bottom: 10px;margin-top: 5px;}
.yingyong .yyyj{background: url("../images/icon_yj.png") no-repeat left center;width:42%;float: left;margin-bottom: 10px;margin-top: 5px;}
.yingyong .yyhg{background: url("../images/icon_hg.png") no-repeat left center;width:42%;float: left;margin-bottom: 10px;}
.yingyong .yysy{background: url("../images/icon_oil.png") no-repeat left center;width:42%;float: left;margin-bottom: 10px;}
.yingyong .yyqt{background: url("../images/icon_other.png") no-repeat left center;clear: both}
#footer .copyer{font-size: 12px;color: #fff;line-height: 24px;padding: 12px 0 29px;}
#footer .copyer a{color:#fff;}
.copyRight{text-align: center;font-size: 14px;background: #339933;color: #ffffff;line-height:50px;}
.copyRight a{color: #ffffff; margin-left:10px;}

@media screen and (max-width: 1280px) {
  #footer .copy p{width: 300px;}
  #footer .copy form input[type=text]{width: 130px;}
}
@media screen and (max-width: 768px) {
  #footer .copy{padding:0px; width:100%; float:none;}
  #footer .footer_title{border-bottom:1px solid #339933; margin:0; height:42px; line-height:42px; border-left:none; padding-left:15px;}
  #footer .copy .d{display:none; padding-left:15px;}
  #footer .copy.news_letter{width: 100%;}
  #footer .copy.map{width:100%;margin-top: 10px}
  #footer .copyer{padding:10px 0; text-align:center;}
	.copyRight{font-size: 12px;}
	.copyRight span{display: none}
    #footer .copy.yingyong {width: 100%;}
}


#header .logomenu.no_banner .menu .copy .topa{color: #333;}

.banner .slide{position: relative;}
.banner .slide .absolute{position: absolute;top: 56%;z-index: 1;left:calc( (100% - 1200px)/2 + 30px );text-align: left;width: 70%;}
.banner .slide .absolute .title{color: #fff;font-size: 48px;border-left: 6px solid #339933;padding-left: 30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width: 100%;}
.banner .slide .absolute .title br{line-height: 45px;}
.banner .slide .absolute a.more{display: inline-block;width: 204px;height: 46px;text-align: center;text-transform: uppercase;color: #000000;font-size: 16px;line-height: 46px;background: #339933;margin-top: 45px;transition: all 0.5s;}
.banner .slide .absolute a.more:hover{color: #fff;}
@media screen and (max-width: 1220px) {
  .banner .slide .absolute{left: calc( (100% - 950px)/2 + 30px );}
  .banner .slide .absolute .title{font-size: 28px;line-height: 28px;}
  .banner .slide .absolute .title br{line-height: 40px;}
  .banner .slide .absolute a.more{margin-top: 30px;}
}
@media screen and (max-width: 1000px) {
  .banner .slide .absolute{left: calc( (100% - 750px)/2 + 30px );}
  .banner .slide .absolute .title{font-size: 20px;line-height: 20px;}
  .banner .slide .absolute .title br{line-height: 30px;}
  .banner .slide .absolute a.more{margin-top: 15px;width: 180px;height: 35px;font-size: 14px;line-height: 35px;}
}
@media screen and (max-width: 770px) {
  .banner .slide .absolute{top:auto;bottom: 15%;}
  .banner .slide .absolute{left: 10%;}
}
@media screen and (max-width: 500px) {
  .banner .slide .absolute .title{font-size: 16px;line-height: 16px;}
  .banner .slide .absolute .title br{line-height: 20px;}
  .banner .slide .absolute a.more{width: 150px;height: 30px;font-size: 12px;line-height: 30px;}
}