/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}

a:hover,a:active,a:focus{text-decoration:none;outline:none;}


input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}




/*----- Common css ------*/
.fl{
	
	font-size: 14px;
	float:left;

}
.fr{
	
	float:right;
	font-size: 14px;

}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}




.pos{
	
	width: 100%;
    position: relative;
    /* left: 50%; */
    /* margin-left: -960px;*/
	
}
.wh{width:80%;margin:0 auto;}


.com-img{overflow:hidden;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}


.roll_product {float: left;}


/*头部样式*/
.top1{background:#f2f2f2;color:#858585;height:34px;line-height:34px;overflow:hidden;font-size:14px;border-bottom:1px solid #bcbcbc;}
.top1 a{color:#858585;}

.top2{height:90px;}
.logo{float:left;line-height:85px;overflow:hidden;}


/* 导航样式 */
.x-menu {float:right;width:779px;}
.x-menu > li+li{margin-left:48px;}
.x-menu > li {
      float: left;
      position: relative;
      text-align:center;
      width:78px;
}

.x-menu > li > a {
  display: block;
  font-size: 16px;
  color: #333333;
  line-height:85px;
}

.x-menu > li:hover > a {
  background:url(../images/0d4ecb0ef1770206782b69962c4ed6544e95752a.png) no-repeat center 68%;
  background: #9d2373;
  color: #fff;
  margin: 0 -26.8px;
  font-weight: 600;
}

.x-menu > li.active > a {

}


.x-menu > li:hover .x-sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.x-sub-menu {
  position: absolute;
  z-index: 99999;
  width: 168%;
  left: -34%;
  top: 100%;
  background: #e9eaeb;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.x-sub-menu > li > a {
  display: block;
  text-align: center;

  font-size: 14px;
  color: #333;
  line-height:45px;
  height:45px;
  overflow:hidden;
 
}

.x-sub-menu > li > a:hover {
  background: #9d2373;
  font-weight: 600;
  color: #ffffff;
}





/*热门搜索*/
.souu{
	
	height:70px;
	border-bottom:1px solid #e9e9e9;
	
	}
.kk1{color:#666666;font-size:14px;line-height:95px;background:url(../images/cbe82f28374fe8d2ebb421ba7d09a8c30b1bcdb2.png) no-repeat left center;padding-left:31px;width:480px;}
.kk1 a{color:#666666;}



.hotSearch{
	
	float: left;
    height: 70px;
    line-height: 70px;
    font-weight: normal;
    color: #666666;
    font-size: 14px;
    background: url(../images/0e81afc….png) no-repeat left center;
    padding-left: 35px;
	
}
.hotSearch a{margin-right:8px;color:#666666;}




#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


/*搜索和热门搜索*/
#formsearch{

	float: right;
    background: url(../images/bb9d288….png) no-repeat;
    width: 295px;
    height: 40px;
    margin-top: 1%;

}
#formsearch input{}
#formsearch input#keyword{height:39px;line-height:39px;padding-left:0;float:left;color:#666666;font-size:14px;background:none;border:none;outline:none;width:260px;}
#formsearch input#s_btn{width:25px;height:39px;line-height:39px;text-align:center;background:none;border:none;outline:none;color:#fff;border:none;cursor:pointer;font-size: 12px;float:right;}
#formsearch input::-webkit-input-placeholder{color:#666666;}
#formsearch textarea::-webkit-input-placeholder{color:#666666;}


/*主体样式*/
.box1{
	
	margin-top:3%;
	
	}
.bt{background:url(../images/5b3fbe56385b0db8c175d06ebdfa12228ebacc1f.png) no-repeat center center;height:76px;text-align:center;padding-top:17px;}
.bt h2{
	
	color: #9d2373;
    font-size: 28px;
	
	}
.bt h3{color:#999999;font-size:12px;text-transform:uppercase;margin-top:5px;}
.box1 .cont{margin-top:34px;}
.about{
	
	width: 55%;
	
}
.abtt{
	
	font-size: 36px;
    text-transform: uppercase;
    color: #9d2373;
    font-family: "Arial";
	
}
.abtt span{font-size:18px;color:#999999;font-family:"微软雅黑";}
.gsm{color:#333333;font-size:24px;}
.ab{
	
	color: #333333;
    font-size: 16px;
    margin-top: 10px;
    line-height: 30px;
    text-align: justify;
    margin-top: 2%;
    text-indent: 2rem;
	
}
a.am{
	
	display: block;
    text-align: center;
    color: #fff;
    font-size: 18px;
    background: #9d2373;
    width: 203px;
    line-height: 50px;
    margin-top: 43px;
	
}
.abpic{
	
	width:40%;
	/*height:394px;*/
	
	
	}

    .picMarquee-left{ overflow:hidden;margin-top:48px;}
    .picMarquee-left .bd{}
    .picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
    .picMarquee-left .bd ul li{ margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center;  }
    .picMarquee-left .bd ul li .img{ text-align:center;border:1px solid #999999;display:block;padding:4px;}
    .picMarquee-left .bd ul li .img img{width:290px;display:block;}





.box2{
	
	margin-top:2%;

}
.sort1{margin-top:10px;text-align:center;position:relative;}
.sort1 li{float:left;line-height:77px;width:150px;background:url(../images/58583f84fe3c4a0c865990889b4e26df1b3ef5f7.png) no-repeat center bottom;position:relative;z-index:999;}
.sort1 li a{color:#333333;font-size:18px;}
.sort1 li:hover{background:url(../images/2dda2eae94fa59f861cca92bef5f4f8d7aa684d5.png) no-repeat center bottom;}
.sort1 .hx{background:#e9e9e9;width:1040px;height:1px;position:absolute;left:50%;margin-left:-520px;top:70px;z-index:9;}

.product_list1{margin-top:30px;}
.product_list1 li{
	
	float: left;
    margin: 0 15px;
    margin-bottom: 30px;
    position: relative;
    width: 22%;
	
}
.product_list1 li:nth-child(3n){
	margin: 0 15px;
	
}
.product_list1 li img{
	
	width:100%;

}
.product_list1 li h3{text-align:center;font-weight:normal;color:#fff;font-size:16px;width:100%;position:absolute;left:0;bottom:0;height:45px;line-height:45px;overflow:hidden;background:rgba(0,0,0,.35);}





.box4{margin-top:77px;}
.box4 .cont{margin-top:33px;}
#certify {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
#certify,#certify *{
    box-sizing:content-box;
}
#certify .swiper-container {
}

#certify  .swiper-slide {
  width:800px;
  height:534px;position:relative;}
#certify  .swiper-slide img{
    width: 100%;
    height: 100%;
}

#certify  .swiper-slide h3{font-weight:normal;text-align:center;z-index:99999;position:absolute;left:0;bottom:0;width:100%;line-height:70px;height:70px;overflow:hidden;background:rgba(0,0,0,.5);display:none;}
#certify  .swiper-slide h3 a{font-size:18px;color:#fff;}
#certify  .swiper-slide .mask{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(255,255,255,.5);display:block;}

#certify .swiper-slide-active h3{display:block;}
#certify .swiper-slide-active .mask{display:none;}







#certify .swiper-pagination {
  width: 100%;
  bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
  border: 3px solid #fff;
  background-color: #d5d5d5;
  width: 10px;
  height: 10px;
  opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
  border: 3px solid #00aadc;
  background-color: #fff;
}

#certify .swiper-button-prev {
  left: -74px;
  width:18px;
  height:17px;
  background: url(../images/79bd5e4d71c039869c9ebf8dcffdf4c1d9389aae.png) no-repeat center;top:255px;z-index:999;
}


#certify .swiper-button-next {
  right: -74px;
  width: 18px;
  height: 17px;
  background: url(../images/223a3b6c7b791ee47c3f519be3b62d49a8c91bcd.png) no-repeat center;top:255px;z-index:999;
}










.box3{
	
	background: url(../images/ce3b5761807be8e195a59f64821e46e53f058789.png) no-repeat;
    height: 858px; 
    margin-top: 3%;
    padding-top: 5%;
    overflow: hidden;
	
	
}
.zuob{
	
	width: 33%;
    margin: 18% 10% 0 0;
	
}
.gd{color:#fff;font-size:34px;line-height:60px;}
.gen{color:#fff;font-size:12px;line-height:24px;opacity:.6;text-transform:uppercase;margin-top:40px;}
.gdt{
	
	width: 20%;
    /* height: 220px; */
    margin-top: 2%;
	
}
.gdt p img{
	
	width: 50%;
}





.add{
	
	float: left;
    width: 57%;
    margin-top: 8.5%;
	
}
.add li{
	
	float: left;
    width: 48%;
    border: 1px solid #9d237370;
    height: 300px;
    overflow: hidden;
	
}
.add li .det{
	
	width: 88%;
    margin: 0 auto;
    padding-top: 10%;
    transition: all 0.8s;
    position: relative;
    z-index: 9999;
	
	}  
	
.add li .det img{
	
	width: 15%;
	
}
	
.add li .img{height:56px;}  
.add li h3{color:#fff;font-size:22px;background:url(../images/05faacf3a139a474422c2e9d7a5c770ddba436d0.png) no-repeat left bottom;height:63px;line-height:63px;}  
.add li h5{
	
	color: #fff;
    font-size: 14px;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    margin-top: 10px;
    text-align: justify;
	
}
.add li:hover{
	
	background: rgba(157,135,215,.58);
   /* width: 380px;
    height: 300px;*/
	
}
.add li:hover .det{padding-top:45px;}
.add li:hover h5{height:auto;}
.add li:nth-child(2n){border-left:none;}
.add li:nth-child(n+3){border-top:none;}


.box5{
	
	margin-top:1%;

}
.box5 .cont{
	
	margin-top:32px;
	
	}
.sort2{
	
	width:15%;
	
	}
.sort2 li{
	
	height: 5rem;
    background: #333;
    padding-left: 28%;
    border-radius: 15px;
	
}
.sort2 li h2{color:#fff;font-size:20px;padding:12px 0 8px;}
.sort2 li h3{color:#fff;font-size:12px;}
.sort2 li h4{background:url(../images/66efd68d9e6a436e3a3e4eb54ab0d333c793c3d0.png) no-repeat;width:17px;height:17px;display:block;margin-top:12px;}
.sort2 li:hover{
	
	color: #9d2373
	
	}
.sort2 li+li{margin-top:30px;}
.xw{
	
	width: 80%;
    float: right;
	
}
.xw li{
	
	float: left;
    width: 50%;
    padding-right: 3%;
    border-bottom: 1px solid #e3e3e3;
    height: 5rem;
    margin-bottom: 2%;
	
}
.xw li:nth-child(2n){
	
	width:45%;
	float:right;
	padding-right:0;
	
	}
.xw li .time{
	
	/*height: 86px; */
    color: #999999;
    font-size: 36px;
    border-right: 1px solid #d5d5d5;
    padding-right: 5%;
    font-family: "Arial";
    text-align: center;
    line-height: 1rem;
	
}
.xw li .time p{font-size:22px;margin-top:27px;}
.xw li .det{
	
	    width: 75%;
	
}
.xw li h3{font-size:18px;color:#333;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.xw li h5{font-size:14px;color:#666666;line-height:24px;margin-top:15px;height:48px;overflow:hidden;}
.xw li:hover .time{
	
	color:#9d2373;
	
	}
	
.xw li:hover h3{
	color: #9d2373
	
}


#ftop{
  background:#f9f9f9;
  padding:10px 0;
}

/*友情链接*/


/*页面底部*/
.foot{
	
	background:url(../images/826297db8407e7c6222fad66cfdeb3f84e18ba93.jpg) no-repeat 100%;
	height: 750px;
	overflow:hidden;
	margin-top:3%;
	
	}
.foot .cont{height:507px;overflow:hidden;}
.footz{width:580px;}
.lk{height:110px;overflow:hidden;}
.fgsm{color:#fff;font-size:24px;border-bottom:1px solid #535353;width:430px;padding:56px 0 24px;}
.lx{
	
	color: #fff;
    font-size: 16px;
    line-height: 2rem;
    margin-top: 17px;
	
}
.lx a{color:#fff;}
.lx p{padding-left:50px;}
.lx p:nth-child(1){background:url(../images/ca53ad6e8f435538003ad19da431b63cb969c0a1.png) no-repeat left center;}
.lx p:nth-child(2){background:url(../images/37e79dc2a309dec054bb8c9ac4de53f481e8b709.png) no-repeat left center;}
.lx p:nth-child(3){background:url(../images/14e41929d41b97ebe8c00d16456d3e7398c11a3d.png) no-repeat left center;}
.lx p:nth-child(4){background:url(../images/70767b166dc6e6052f407258265f0293691fdfdf.png) no-repeat left center;}


.footy{
	
	width: 40%;
	
}
.gztt{padding-top:60px;text-align:center;color:#fff;font-size:30px;background:url(../images/449a9fee4f29734ef817a8c44335b787133bc107.png) no-repeat center bottom;padding-bottom:17px;}
.fnav{margin-top:33px;}
.fnav li{width:174px;float:left;font-size:16px;line-height:30px;color:#fff;padding-left:63px;}
.fnav li a{color:#fff;}
.codes{
	
	width: 32%;
    margin: 0 auto;
    text-align: center;
    margin-top: 5%;
	
	}
	
.codes p img{	
   
   width: 80%;

}

.copyright{line-height: 26px;border-top:1px solid #535353;font-size:14px;color:rgba(255,255,255,.5);padding-top: 13px;height: 217px;}
.copyright a{color:rgba(255,255,255,.5);}



/*内页左侧样式*/
.container{width: 1200px!important;margin: 0 auto;padding: 0;}
.page-product-inquiry a{color: #fff;}

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


@media screen and (max-width: 1200px) {
.about {
    width: 45%;
}

.product_list1 li {
  
    float: left;
    margin: 1%;
    /* margin-bottom: 30px; */
    position: relative;
    width: 22%;
}
}


.add {
    float: left;
    width: 54%;
    margin-top: 8.5%;
}
}