锘?{
	margin: 0;
	padding: 0;
}

em {
	font-style: normal;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
	vertical-align: top;
}

input{
	outline: none;
}

body {
	font-size: 14px;
	font-family: "寰蒋闆呴粦";
	background: white;
}

.fl {
	float: left;
}
i{font-style:normal;}
.fr {
	float: right;
}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.clear {
	clear: both;
}
.wrap {
	width: 1200px;
	margin: 0 auto;
}

.header{width:100%;height:130px;margin:0 auto;}
.header .logo{width:280px;padding:20px 0 0 0;float:left;}
.header .logo img{}
.header .search{width:310px;height:50px;float:left;margin:42px 0 0 310px;font-size:14px;}
.header .search .input{width:255px;float:left;height:50px;box-sizing:border-box;border:1px solid #e5e5e5;font-size:14px;color:#999;line-height:48px;text-indent:20px;border-right:none;border-top-left-radius:10px;border-bottom-left-radius:10px; }
.header .search .button{width:55px;height:50px;box-sizing:border-box;border-left:none;line-height:50px;float:left;border-top-right-radius:10px;border-bottom-right-radius:10px;text-align:center;color:#fff;background:#c21b23;font-family:iconfont;border:none;font-size:20px;}
.header .tel{width:215px;float:right;padding-top:42px;}
.header .tel i{font-family:iconfont;display:block;width:50px;height:50px;color:#c21b23;font-size:55px;float:left;margin-right:15px;}
.header .tel p{font-size:20px;color:#c21b23;font-family: 'MONTSERRAT-REGULAR';line-height:50px;font-weight:bold;}

.menu{width:100%;background:#fff;height:60px;z-index:99;position:relative;}
.menu li{width:12.5%;float:left;}
.menu li i{font-family:iconfont;position:absolute;right:-5px;top:3px;font-size:12px;color:#282828;z-index:99;}
.menu li a{position:relative;display:block;width:60%;height:100%;line-height:60px;text-align:center;font-size:17px;color:#282828;transition: all 0.5s;border-bottom:5px solid #fff;margin:0 auto;}
.menu li a:hover{border-bottom:5px solid #c21b23;}

.menu li ul{position:absolute;display:none;left:34px;width:800px;left:50%;margin-left:-400px;background-color:rgba(40,40,40,0.9);padding:20px 0;border-bottom-left-radius:20px;border-bottom-right-radius:20px;}
.menu li ul li{width:16.6%;color:#fff;float:left;height:auto;padding:10px 0;}
.menu li ul li img{width:70%;border-radius:5px;}
.menu li ul li a{line-height:34px;font-size:16px;color:#fff;border:none;}
.menu li ul li a:hover{border:none;}


.searchbox{width:200px;background:#fff;color:#fff;padding:3px;height:auto;height:1.8rem;border-radius:1.2rem;overflow:hidden;float:right;margin-top:30px;}
.searchbox .input{width:75%;float:left;background:#fff;border:none;font-size:12px;color:#999;text-indent:0.8rem;line-height:1.8rem;border-radius:1rem;}
.searchbox .button{width:25%;float:left;background:#fff;color:#ffbe00;text-align:center;line-height:1.8rem;border:none;font-family:iconfont;font-size:1.2rem;cursor:pointer;}

.categorylist{padding:80px 0 120px 0;}
.categorylist ul{padding-top:50px;}
.categorylist li{width:20%;float:left;height:auto;background:#fff;position:relative;text-align:center;box-sizing:border-box;padding:0 20px 30px 20px;}
.categorylist li div{width:100%;height:202px;border-radius:10px;overflow:hidden;}
.categorylist li img{width:100%;transition: all 0.5s;}
.categorylist li h1{font-size:16px;color:#666;font-weight:normal;padding-top:10px;}
.categorylist li a{}
.categorylist li img:hover{width:222px;height:222px;margin:-10px 0 0 -10px;}
.categorylist li.all div{background:#04ab3f;color:#fff;line-height:202px;text-align:center;font-size:50px;font-family:iconfont;}

.title h1{font-size:35px;color:#feeaec;font-weight:bold;line-height:35px;text-transform:uppercase;}
.title h2{font-size:26px;color:#383838;margin-top:-15px;}
.title hr{width:43px;height:3px;background:#c21d23;border:none;margin-top:30px;}

.about{padding:80px 0;}
.about .title{margin-bottom:60px;}
.about .company{width:650px;float:left;}
.about img{float:right;margin-top:50px;}
.about p{font-size:17px;color:#474747;padding-bottom:15px;line-height:34px;text-align:justify;}
.about a{transition: all 0.5s;display:block;width:170px;height:47px;text-align:center;line-height:47px;color:#fff;font-size:17px;background:#c21b23;margin-top:60px;}
.about a i{font-family:iconfont;}
.about a:hover{background:#333;}

.product{padding-top:80px;background:#fafafa;}
.product .tit{height:140px;}
.product .tit .title{width:50%;float:left;}
.product .tit a{transition: all 0.5s;display:block;width:170px;height:47px;text-align:center;line-height:43px;color:#303030;font-size:17px;margin-top:30px;border:1px solid #676767;box-sizing:border-box;float:right;}
.product .tit a i{font-family:iconfont;}
.product .tit a:hover{background:#c21b23;border:2px solid #c21b23;color:#fff;}
.product .bg{width:100%;height:auto;background:url(../images/product-bg.jpg) no-repeat bottom center #ededee;background-size:100% auto;padding:90px 0;}
.product .category{width:250px;height:auto;float:left;background:#c21b23;padding:25px 15px 25px 25px;box-sizing:border-box;color:#fff;}
.product .category h2{font-size:24px;line-height:50px;border-bottom:1px solid #fff;}

.online{padding:80px 0;}
.online .tit{height:140px;}
.online .tit .title{width:50%;float:left;}
.online .tit a{transition: all 0.5s;display:block;width:170px;height:47px;text-align:center;line-height:43px;color:#303030;font-size:17px;margin-top:0px;border:1px solid #676767;box-sizing:border-box;float:right;}
.online .tit a i{font-family:iconfont;}
.online .tit a:hover{background:#c21b23;border:2px solid #c21b23;color:#fff;}
.online li{width:32%;float:left;}
.online li:nth-child(2){padding:0 2%;}
.online li a{display:block;width:100%;position:relative;}
.online li span{display:block;padding:10px;background:rgba(0,0,0,0.5);color:#fff;font-size:14px;position:absolute;top:10px;right:10px;z-index:99;border-radius:3px;}
.online li div{width:100%;height:270px;overflow:hidden;position:relative;border-radius:3px;}
.online li div img{position: absolute;width: 100%;top: 0;left: 0;object-fit: cover;height: 100%;transition: all 0.5s;}
.online li:hover img{width: 110%;}
.online li h1{font-size:20px;color:#000;line-height:30px;font-weight:500;padding-top:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.online li p{font-size:15px;color:#888;padding-bottom:10px;line-height:24px;}
.online li i{font-family:iconfont;font-size:20px;}
.online li h6{color:#ccc;vertical-align:middle;line-height:16px;font-size:16px;}

.category ul{padding-top:20px;}
.category li{width:100%;height:auto;font-size:16px;margin-bottom:0px;position:relative;color:#fff;transition: all 0.5s;}
.category li img{position:absolute;left:8px;top:8px;width:35px;z-index:999;border-radius:5px;}
.category li h1{font-size:17px;text-indent:55px;line-height:47px;color:#fff;}
.category li a{color:#fff;position:relative;display:block;width:100%;transition: all 0.3s;}
.category li:hover{background:#fff;border-radius:3px;}
.category li:hover a{color:#c21b23;}
.category li span{position:absolute;right:10px;top:2px;font-family:iconfont;color:#999;font-size:24px;}
.category li a:hover span,.sidenav li a.active span{color:#fff;}
.category li div{clear:both;padding:0 20px 0px 55px;}
.category li div a{width:50%;float:left;line-height:20px;font-size:15px;padding-right:5%;box-sizing:border-box;}
.category li div a:hover{background:none;color:#333;text-decoration:underline;}

.product .list{width:860px;height:auto;float:right;background:#fff;padding:20px;}
.product .list ul{}
.product .list li{width:33.3%;float:left;text-align:center;box-sizing:border-box;padding:10px;}
.product .list li:hover{}
.product .list li div{width: 265px;height: 265px;border: 1px solid #eeeeee;overflow: hidden;/*display: table-cell;*/text-align: center;vertical-align: middle;}
.product .list li img{max-width:265px;max-height:265px;}
.product .list li p{color:#333;font-size:16px;line-height:24px;padding-top:5px;}

.Scroll{width:100%;height:auto;position:relative;}
.ScrollBox{width:3600px;position:relative;}

.news{padding:80px 0;background:#f9f9f9;}
.news .tit{width:100%;height:100px;}
.news .tit .title{width:50%;float:left;}
.news .tit .tab{width:360px;height:auto;float:right;padding-top:30px;}
.news .tit .tab li{width:150px;height:50px;box-sizing:border-box;transition: all 0.5s;font-size:18px;color:#000;text-align:center;line-height:50px;border:1px solid #d9d9d9;float:left;margin-left:30px;border-radius:5px;cursor:pointer;background:#fff;}
.news .tit .tab li a{color:#000;}
.news .tit .tab li:hover,.news .tit .tab li.active{background:#c21b23;border:none;color:#fff;}
.news .tit .tab li:hover a{color:#fff;}

.news .list{width:100%;padding:50px 0;}
.news .list .top{width:600px;float:left;}
.news .list .top div{height:320px;overflow:hidden;}
.news .list .top img{width:100%;}
.news .list .top h1{font-size:22px;color:#000;line-height:60px;font-weight:500;}
.news .list .top p{font-size:16px;color:#888;padding-bottom:30px;line-height:28px;}
.news .list .top span{transition: all 0.5s;display:block;width:145px;line-height:40px;text-align:center;font-size:14px;color:#303030;background:#dfdfdf;}
.news .list .top span i{font-family:iconfont;}
.news .list .top a:hover span{background:#c21b23;color:#fff;}

.news .list .other{width:560px;float:right;}
.news .list .other li{width:100%;clear:both;border-bottom:1px solid #dcdcdc;padding:30px 0;height:120px;position:relative;transition: all 0.5s;}
.news .list .other li:nth-child(1){padding-top:0;}
.news .list .other li:nth-child(3){border:none;}
.news .list .other li .img{width:120px;height:120px;overflow:hidden;border-radius:5px;float:left;}
.news .list .other li img{height:120px;padding-right:15px;padding-bottom:20px;}
.news .list .other li .info{width:100%;}
.news .list .other li h1{font-size:20px;line-height:30px;color:#000;font-weight:bold;padding-bottom:10px;}
.news .list .other li p{font-size:16px;color:#888;line-height:24px;}
.news .list .other li i{font-family:iconfont;font-size:20px;}
.news .list .other li .date{position:absolute;left:0;bottom:20px;color:#666;vertical-align:middle;}
.news .list .other li .more{position:absolute;right:0;bottom:20px;color:#666;vertical-align:middle;}
.news .list .other li .more i{padding-top:10px;}
.news .list .other li:hover{}
.news .list .other li:hover h1{color:#c21b23;}


#more{transition: all 0.3s;width:200px;height:50px;background:#fff;border:1px solid #676767;font-size:18px;color:#444;text-align:center;line-height:50px;margin:50px auto 50px auto;display:block;box-sizing:border-box;}
#more:hover{width:250px;background:#c21b23;border:none;color:#fff;}
#more i{font-family:iconfont;}

.foot{width:100%;background:#3c3c3c;height:215px;padding:50px 0 20px 0;box-sizing:border-box;font-family:'Microsoft YaHei';}
.foot .logo{float:left;}
.foot .contact{width:670px;float:left;color:#fff;padding-left:60px;padding-top:15px;}
.foot .contact li{padding-bottom:10px;}
.foot .contact p{font-size:16px;line-height:24px;}
.foot .contact p b{font-size:18px;}
.foot .contact li div{font-family:iconfont;font-size:34px;padding:3px;margin-right:10px;float:left;}
.foot .contact li h3{font-family:Rubik;font-size:26px;line-height:44px;}

.foot .weixin{width:300px;float:right;}
.foot .weixin img{width:135px;float:left;padding-right:15px;}
.foot .weixin p{font-size:16px;color:#fff;text-align:center;line-height:30px;padding-top:30px;}
.foot .weixin i{font-family:iconfont;font-size:24px;}
.copy{width:100%;line-height:50px;font-size:14px;color:#999;text-align:center;background:#2e2e2e;}
.copy a{color:#999;}



.flexslider {
	margin: 0px auto;
	position: relative;
	width: 100%;
	height: 600px;
	overflow: hidden;
	zoom: 1;
     
}
#banner{
    width:100%;
    position:relative;
}
#banner .text{position:absolute;top:0;left:50%;width:1140px;z-index:98;margin:100px 0 0 -570px;}
#banner .text h1{font-size:48px;line-height:130px;color:#fff;font-weight:bold;text-shadow:0 0 10px #333;}
#banner .text h2{color:#fff;font-size:24px;line-height:34px;padding-top:40px;text-shadow:0 0 10px #333;}
#banner .text hr{width:100px;height:2px;border:none;background:#fff;}
#banner .text a{width:180px;height:50px;background:#fff;border-radius:5px;font-size:18px;display:block;margin-top:30px;line-height:50px;text-align:center;color:#282828;}
#banner .text a i{border-radius:50%;background:#282828;color:#fff;font-size:18px;font-family:iconfont;padding:8px;}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}
.flex-direction-nav{width:50%;height:83px;background:rgba(194,27,35,0.85);position:absolute;bottom:0;left:50%;margin-left:300px;z-index: 10;border-top-left-radius:7px;overflow:hidden;}
.flex-direction-nav a {
	width: 90px;
	height: 83px;
	line-height: 90px;
	overflow: hidden;
	display: block;	
	cursor: pointer;	
	-webkit-transition: all .3s ease;
	float:left;
    font-family:iconfont;
    font-size:45px !important;text-align:center;
}
.flex-direction-nav .current{color:#fff;line-height:90px;font-size:16px;font-weight:normal;}
.flex-direction-nav .flex-next {
	color:#fff;
}

.flex-direction-nav .flex-prev {
	background:#fff;color:#747474;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	position: absolute;
top: 200px;
z-index: 10;
padding: 0px 0px;
line-height: 25px;
height: auto;
border-radius: 15px;
margin-left: 570px;
left:50%;
z-index:100;
width:20px;
}

.flex-control-nav li {
	margin: 0;
	display: inline-block;
	zoom: 1;
    width:20px;height:20px;border-radius:50%;box-sizing:border-box;
}

.flex-control-paging li a {
	display: block;
	width: 10px;
    height: 10px;
    margin-top: 4px;    
    font-size: 14px;
    margin-left: 4px;    
    text-align: center;  
    cursor: pointer;
border-radius: 50%;
background:#fff;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active {
	border:1px solid #fff;
}

/*.flexslider .slides a img {
	width: 2000px;
	height: 600px;
	display: block;
}*/
.flexslider .slides a{
    display:block;width:100%;height:600px;
}
/*new right*/
.demo-icon{
  font-family:'iconfont';
  font-style:normal;
  font-weight:normal;
  speak:none;
  display:inline-block;
  text-decoration:inherit;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  font-size:20px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:24px;
  color:#999; 
}
.cndns-right{position:fixed;right:5px;top:40%;margin-top:-100px;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:53px;height:53px;text-align:center;display:block;margin-bottom:6px;position:relative;background:rgba(50,50,50,0.5);box-shadow: 0 0 10px 0 rgba(20,34,67,.1);line-height:60px;border-radius:50%;}
.cndns-right-btn span{color:#fff;font-size:22px;line-height:53px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#cc9900;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#1765ba;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover{background:#c21b23;color:#fff;border-radius:50%;}

.meau-car .cndns-right-btn {border-color:#1765ba;margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#c21b23}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#1765ba;}
.meau-sev .cndns-right-btn p{color:#fff}
.meau-top .cndns-right-btn i{display:block;color:#fff}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#c21b23}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{padding:30px 20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#333;font-size:22px;line-height:28px;font-family: "MONTSERRAT-REGULAR",'Microsoft YaHei';}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:33.33333%}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#333}
.cndns-right-box .box-border .qrcode img{width:100%;}
.meau-sev .cndns-right-box .box-border{width:220px;}
.meau-contact .cndns-right-box .box-border{width:220px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#f66e06;font-size:16px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.cndns-right-btn:hover{background:#c21b23;color:#fff;border-radius:50%;}
.cndns-right-btn:hover .demo-icon{color:#fff;}
.meau-zs .cndns-right-btn{background-color:#1765ba;color:#fff;margin-top:80px;border-color:#1765ba}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}
.sev-t h6{color:#333;font-size:14px;line-height:40px;}