/*头部样式*/
#header{position: fixed;z-index: 100;background-color: #fff;width: 100%;height: 85px;left: 0;top: 0;}
.logo{width: 440px;line-height: 85px;}

.sy-swiper .sy-pagination{
  position: absolute;
  left: calc(50% + 800px);
  z-index: 100;
}
.sy-pagination .swiper-pagination-bullet{
  width: 10px;
  height: 10px;
  border:1px solid #333;
  opacity: 1;
  background: transparent;
  outline: none;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
  background: #333;
}
.swiper-slide{
  overflow: hidden;
}
.huang{
    position: absolute;
    top: 15px;
    right: -30px;
}

.slide2-wrap{
  background: url(../image/slide2.jpg) center no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}
.slide2-wrap .article{
  padding-top: 200px;
  text-align: center;
}

.black{
  font:30px/72px "微软雅黑";
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
}
.black span{
  display: block;
  font:72px/1 "宋体";
  opacity: .15;
  position: relative;
  margin-top: -72px;
}

.sy-about{
  margin-top: 25px;
  font:14px/30px "微软雅黑";
  color: #000;
}

.abt{
  width: 500px;
  margin-right: 40px;
}
.abt_t{
  background: url(../image/ab.png) no-repeat;
  width: 320px;
  height: 163px;
}
.abt_more{
  font:400 14px/39px "Microsoft Yahei";
  color: #333;
  border:#878787 1px solid;
  text-align: center;
  width: 135px;
  margin-top:60px;
}
.banqian{
  font:400 14px/30px "Microsoft Yahei";
  color:#484848;
}

.chantt{
  background: url(../image/chan.png) top center no-repeat;
  height: 270px;
  height: 119px;
}

.chanfen{
  width: 390px;
  margin:0 auto;
}

.slide2-wrap ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
   width: 650px;
   margin:60px auto 0;
}

.slide2-wrap ul li{
  text-align: center;
}

.slide2-wrap ul li p{
  line-height: 40px;
}

.slide2-wrap ul li h3{
  font:14px/44px "微软雅黑";
  color: #fff;
}


.slide3-wrap{
  width: 100%;
  height: 100%;
  background: url(../image/slide3.png) center no-repeat;
}

.slide3-wrap .article{
  padding-top: 170px;
}

.sortt li{
  float: left;
  width: 179px;
  height: 41px;
  background: #db1105;
  text-align: center;
  color: #fff;
}
.sortt li a{
  font:400 14px/41px "Microsoft Yahei";
  color: #fff;
}
.sortt li:nth-child(2n){
  float: right;
}
.sortt{
  margin-top: 33px;
}

.product_list1 li{float:left;margin-left:15px;margin-right:15px;padding-bottom:15px;_display:inline;}
.product_list1 li a.img img{width:200px;height:240px;}
.product_list1 li h3{text-align:center; margin-top:5px;background: #db1105;font:400 14px/33px "Microsoft Yahei";color: #fff;}
.product_list1 li h3 a{font-weight:normal;height:40px;line-height:40px;color:#fff;display:block;font-size:14px;}
.product_list1 li a.img{display:block;}
.product_list1 li a.img:hover{border-color:#e87518;}

.xw{
  float: left;
  width: 179px;
  margin-top: 150px;
  margin-left: 3px;
}


.sorty li{
  float: left;
  width: 179px;
  background: #db1105;
  color: #fff;
  text-align: center;
  font:400 14px/41px "Microsoft Yahei";
  display: block;
}
.sorty li a{
  color: #fff;
}


.slide3-wrap ul li{

  position: relative;
}

.slide3-wrap ul li img{
  width: 200px;
  height: 240px;
}
.slide3-wrap ul li div{
  position: absolute;
  width: 100%;
  text-align: center;
  top: 134px;
  left: 0;
  z-index: 5;
  color: #fff;
}

.slide3-wrap ul li div h2{
  font:24px/38px "宋体";
}

.slide3-wrap ul li div h3{
  font:24px/40px "微软雅黑";
}

.slide4-wrap{
  width: 100%;
  height: 100%;
  background: url(../image/slide4.jpg) center;
  background-size: cover;
}
.slide4-wrap .article{
  padding-top: 168px;
}

.layeryy{
  margin-top: 5px;
}

.xxw{
  width: 585px;
  margin-right: 45px;
  margin-top: 60px;
}
.xxw li{
  background: #d3d3d3;
  box-sizing: border-box;
  padding: 20px 25px;
  margin-bottom: 8px;
}
.xxw li:hover{
  background: #fdfdfd;
}
.xxw li h3{
  color:#474747;
  font:600 14px/30px "Microsoft Yahei";
  position: relative;
}
.xxw li h3 span{
  position: absolute;
  top:0px;
  right: 0px;
  font:200 12px/30px "Microsoft Yahei";
}
.xwwtiu{
  font:400 12px/24px "Microsoft Yahei";
  color: #474747;
}

.slide5-wrap{
  width: 100%;
  height: 100%;
  background: url(../image/slide5.jpg) center;
  background-size: cover;
}

.slide5-wrap .article{
  padding-top: 190px;
}

.white{
  text-align: right;
  font:30px/72px "微软雅黑";
  color: #333;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.white span{
  display: block;
  font:72px/1 "宋体";
  opacity: .15;
  position: relative;
  margin-top: -72px;
}

.slide5-inner{
  margin-top: 50px;
  overflow: hidden;
}

.slide5-left{
  margin-left: 28px;
  width: 486px;
}

.slide5-left img{
  width: 486px;
  height: 299px;
}
.slide5-left h3{
  font:14px/38px "微软雅黑";
  text-indent: 20px;
  background: #fff;
  color: #333;
}

.slide5-left h3 span{
  float: right;
  margin-right: 20px;
}

.slide5-right{
  width: 615px;
  padding-right: 15px;
}

.slide5-right dl{
  overflow: hidden;
}

.slide5-right dl dt{float: left;}
.slide5-right dl dt img{
  width: 183px;
  height: 115px;
}

.slide5-right dl dd{
  float: right;
  width: 405px;
  position: relative;
}

.slide5-right dl dd:after{
  content: "+MORE";
  position: absolute;
  width: 126px;
  height: 35px;
  background: #fff;
  text-align: center;
  font:14px/35px "微软雅黑";
  color: #333;
  top: 0;right: 0;
}

.slide5-right dl dd h3{
  font:14px/24px "微软雅黑";
}

.slide5-right dl dd h3 span{
  display: block;
  font-size: 12px;
  color: #333;
}

.slide5-right dl dd p{
  font:12px/18px "微软雅黑";
  margin-top: 15px;
  color: #333;
}

.slide5-right ul{
  margin-top: 30px;
}

.slide5-right ul li{
  padding: 10px 0;
}

.slide5-right ul li h3{
  font:14px/24px "微软雅黑";
  color: #333;
}

.slide5-right ul li h3 span{
  float: right;
  margin-right: 5px;
  font:12px/24px "微软雅黑";
}

.slide5-right ul li p{
  font:12px/2 "微软雅黑";
  color: #333;
  opacity: .7;
}

.slide6-wrap{
  width: 100%;
  height: 100%;
  background: url(../image/slide6.jpg) center;
  background-size: cover;
}

.slide6-wrap .article{
  padding-top: 175px;
}

/*热门关键词*/
.search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;}
.hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;}
.hotSearch a{margin-right:6px;}


/*搜索*/
#formsearch{width:320px;float:right;}
#formsearch input{background:none;border:none;line-height:22px;height:22px;outline: none;}
#formsearch input#keyword{padding-left:10px;color:#666;width:150px;border:1px solid #333;}
#formsearch input#s_btn{width:46px;text-align:center;background-color:#3480ce;color:#fff;cursor:pointer;}

/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:10px;position: relative;z-index: 10;}
.article{width: 1200px;margin:0 auto;position: relative;}
.v-article{width: 1200px;margin:0 auto;position: relative;}

/*----- 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;}





/*友情链接*/
.f_link{width:1200px;margin:0 auto;margin-top:15px;line-height:30px;}

/*页面底部*/
#footer{position:relative;width:930px;margin:0 auto;}

#ny-footer{
  width:1200px;margin:0 auto;text-align: center;
  font:14px/1.5 "微软雅黑";
}

.ny-copyright{
  text-align: center;
  line-height: 2;
  font-size: 12px;
}

.yingwen{
  font:400 12px/30px "Microsoft Yahei";
  color: #6b6b6c;
  text-transform: uppercase;
}
.lianxxty{
  font:400 14px/30px "Microsoft Yahei";
}

.fContact{
  width: 265px;
  margin-top: 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 130px;
  padding-top: 10px;
  font:600 40px/56px "微软雅黑";
  color: #fff;
}
.fContact span{
  display: block;
  font:30px/46px "微软雅黑";
}
.copyright{
  margin-left: 40px;
  width: 385px;
  margin-top: 25px;
  font:12px/2 "微软雅黑";
  color: #2e2a27;
}
.copyright a{
  color: #2e2a27;
}
.copyright>h1{
  font:24px/1.2 "微软雅黑";
  margin-bottom: 10px;
}

.fCode{
  width: 134px;
  padding: 20px;
  background: #3f8af8;
}

.fMap{
  clear: both;
  padding-top: 22px;
}

/*------------内页-------------------*/

.left {
    width: 224px;
    float: left;
}

.left .box {
    margin-bottom: 10px;
}

.left .box h3 {
    line-height: 60px;
    padding-left: 34px;
    background: #db1105;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    position: relative
}

.left .box h3::after{
    content:"";
    position: absolute;
    width:5px;
    height:20px;
    top:20px;
    left:15px;
    background: #fff
}

.left .box .content {
    padding: 5px 0px;
}
.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;margin-left:-960px;position:relative;left:50%;
}
.n_banner img{width:1920px;margin:0 auto;margin-left:-960px;position:relative;left:50%;}
.left{width:225px;float:left;}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:954px;float:right;padding-bottom:10px;}
.sitemp {
    border-bottom:1px solid #eee;

}

.sitemp h2 {
    width: 340px;
    float: left;
    line-height: 40px;
    text-align: left;
    font-size: 16px;
    color:#333;
}

.sitemp .site {
    width: 380px;
    float: right;
    text-align: right;
    line-height: 40px;
}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}