body{font-family: "Microsoft YaHei"}
h4.en{font-size: 16px;color: #999;font-weight:normal;}
a{text-decoration: none}
a:focus, a:hover {
    color: #23527c;
    text-decoration:none;
    }
.mt-30{    margin-right: -30px;
    margin-left: -30px;}
.logo{margin:24px auto}
.navbox{border-top: 3px solid #464646;border-bottom: 2px solid #464646;  border-left: none;border-right:none;margin:0px 0 15px;}
.navli{display: flex;
    justify-content: space-around;}

.nav-pills>li>a{color: #666;padding: 13px 15px;font-size: 16px;font-weight: 500}
.nav-pills>li.active>a{background: none;color: #333}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
    color: #76adcb;
    background-color: rgba(255,255,255,0);
}
.swiper-button-black{background-color: #fff!important;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background-color: rgba(0,0,0,0)!important}
.nav>li>a:focus,.nav>li>a:hover{background-color: rgba(255,255,255,0);color: #76adcb}
.dropdown-menu{border-radius:0px;}
/*轮播*/
.bannerbox{padding:0;}
.banner{ width:100%;  clear:both;position:relative}
.banner ul{padding:0;margin-bottom:0;list-style: none}
.banner p{position:absolute;top: 27%;left:25%;z-index: 999;font-size: 48px;color: #76ADCB;  cursor: default;}
.banner li{width:100%; height:498px;  cursor: default;}
.owl-buttons{display: block;}
.owl-theme .owl-controls{bottom: 6px!important}
.owl-theme .owl-controls .owl-buttons div{color: rgba(225,225,225,0)!important;opacity: 1!important;}
.owl-prev{left: 20px!important;bottom: 210px!important;background:url(../images/lefton.png) right no-repeat!important ;background-size: cover;}
.owl-next{right: 20px!important;bottom: 210px!important;background:url(../images/righton.png) left no-repeat!important ;background-size: cover;}
.owl-theme .owl-controls .owl-page.active span{background: #76adcb!important;}
.owl-theme .owl-controls .owl-page span{width: 64px !important;height: 3px!important;border-radius: 0px!important;background:#979797!important; opacity: 1!important;margin:5px 17px!important;}
/*品牌介绍*/
.about{padding:0px 0 0px;}
.about .text{margin:0 auto;}
.about .text h3{font-weight: bold;text-align: center;opacity: 0.88;margin-bottom: 15px;color: #666;font-size: 26px;line-height: 30px;margin-top:70px;cursor: pointer}
.about .text span{width: 60%;display: block;margin: 0 auto 10px;height: 1px;background-color: #666;opacity: 0.88;cursor: pointer}
.about .text p{line-height: 30px;color: #666;width: 60%;padding: 0;margin:0 auto;font-size: 14px;opacity: 0.88;cursor: pointer}
.about .text video{margin:0 auto;display: block;}
.about .text  a{margin: 0 auto;
    display: block;
    padding-top: 15px;
    text-align: center;color: #666;font-size: 12px;opacity: 0.88}
.about .res img{margin:20px auto 35px ;}

.mirbox{padding:0 0 25px;}
.ox {
    width: 362px;padding: 0;margin:0;
    cursor: pointer;
}
.ox:nth-child(2){
	margin:0 57px;
}
.ox .ting{width: 100%;min-height: 325px;background-color: #f7f7f5}
.ox .ting .ing{width: 77.9%;margin:0 auto;background-color: rgba(255, 255, 255, 0.85);height: 285px;margin-top:-23px;z-index: 999;position:relative;padding:20px 25px;cursor: pointer}
.ox .ting .ing h3{margin: 0;    padding: 9px 0;
    padding-bottom: 11px;font-size: 20px}
.ox .ting .ing h4.en{padding-top:0;padding-bottom:25px;margin-top:0;margin-bottom:0;font-size: 18px}
.ox .ting .ing a{display: table;line-height: 36px;color: #666;font-size: 18px}
.ox .ting .ing .more{text-align: right;padding-top: 12px;    position: absolute;
    bottom: 15px;
    right: 25px;}
.ox .ting .ing .more a{float: right;color: #999;font-size: 12px}
.ox:hover{box-shadow:0px 0px 10px 2px #ccc}

/*产品系列*/
.serbox{padding:25px 0 5px;}
.titbox{margin:15px auto 15px;width: 200px;display: flex;justify-content: center;}
.titbox img{width: 36px;height: 36px;margin-top:26px;margin-right:8px;}
.titbox .title h4{font-size:30px;color: #555;font-weight: 400;text-align:center;margin-top:5px;}
.titbox .title h4.en{font-size: 18px;color: #999;font-weight:normal;}
.serbox .row{padding:0 15px;}
.serbox .seli{padding:0; margin:0;position:relative;overflow: hidden;}
.seli .mask{position:absolute;width: 100%;height: 50%;background-color: #fff;opacity: 0.5;}
.seli .mask a{color: #333;text-align: center;position: absolute;left: 37%;top: 40%; cursor: pointer;text-decoration: none;font-size: 24px;}
.seli .mask a span{font-size: 18px;    float: right;
    padding-top: 5px;}
.seli:nth-child(even)>.mask{bottom: 0}
.seli:nth-child(odd)>.mask{top: 0}
.seli img{
  cursor: pointer;
  transition: all 0.6s;
}
.seli img:hover{
  transform: scale(1.2);
}


/*荣誉证书*/
.certbox{padding:45px 0 32px;}
.certbox h4{
	text-align: center;
	font-size: 14px
}


/*新闻中心*/
.newsbox{margin-bottom:40px;}
.newsbox  h3 {height: 45px;line-height: 45px;background-color: #333;margin-bottom:25px;color: #fff;font-size: 18px;padding: 0 15px;margin-top:0px;}
.newsbox  h3 a{float: right;font-size: 12px;color: #fff}
.newsbox ul{list-style: none;margin:0;padding: 0}
.newsbox ul li{width: 100%;display: flex;margin-bottom: 30px}
.newsbox ul li span{padding-top: 10px;display: block;padding-left: 10PX;color: #666}
.newsbox ul li h4{font-size: 14px;color: #333}
.newsbox ul li p{font-size: 14px;color: #999}
.newsbox ul li .col-md-2{padding:0 5px;}
.newsbox .col-md-6{width: 47.5%}
.newsbox .company{float: left;}
.newsbox .col-md-10{padding-left:46px;}
.newsbox .industry{float: right;}

/*底部*/
footer{background:url(../images/fbg.jpg) no-repeat; background-size: cover}
footer .container{padding:20px 0;padding-bottom: 65px;    background: url(../images/foot_split.png) no-repeat 0 30px;
    margin: 0 auto 0 auto;position:relative;}
footer p{color: #999;line-height: 24px;}
footer .menubox{padding: 30px 0;}
footer .menubox ul {list-style: none;margin:0;padding:0;display: flex;justify-content: center;}
footer .menubox ul li{float: left;padding:0 10px;border-right: 1px solid #6b6b6b;}
footer .menubox ul li a{color: #dfdfdf}
footer .menubox ul li:first-child
{ 
padding-left:0
}
footer .menubox ul li:last-child{
	border-right: 0px
}
.maskin{ width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    display: none}
.wxma{cursor: pointer;}
.hid{display: none;    position: fixed;right: 0;bottom: 0;margin: auto;top: 0;left: 0;cursor: pointer;
    max-width: 100%;z-index: 1000}

.bt-info{position:absolute;bottom: 0;width: 10%;left: 45%;color: #ececec;text-align:center;}
.bt-info img{padding-bottom: 10px}
.bt-link{position:absolute;bottom: 0px;}
.bt-link p{padding: 0;padding-bottom: 0px;margin:0;}

.bt-link a{padding:0 10px;color: #555}
.copyright {text-align:right;color: #555}
/*悬停效果*/
.button3 {
	color: rgba(255,255,255,1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	border: 1px solid rgba(255,255,255,0.5);
	overflow: hidden;
}
.button3 a{
	color: rgba(51,51,51,1);
	text-decoration: none;
	display: block;
}

.button3:hover{
	background-color: rgba(255,255,255,0.2);
}

.button3::after{
	content: attr(data-text);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transform: translate(-30%, 0);
	transform: translate(-30%, 0);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;	
}
.button3:hover::after{
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.swiper-button-next{
	background-image: url("../images/righton2.png") !important;
}
.swiper-button-prev{
	background-image: url("../images/lefton2.png") !important;
}