@charset "utf-8";
/* CSS Document*/
body{text-align: left;padding: 0;margin: 0;font-size: 14px;font-family: 'microsoft yahei';-webkit-text-size-adjust: none;height: auto;color: #333;background: #fff;}
body{position: relative;overflow-x: hidden;overflow-y: auto;padding-top: 0px;}
html{min-width: 1280px;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p{padding: 0;margin: 0;}
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th{padding: 0;margin: 0;}
fieldset{border-top-width: 0;border-left-width: 0;border-bottom-width: 0;border-right-width: 0;}
a img{border: 0;padding: 0;margin: 0;}
i{font-style: normal;}
address,caption,cite,cite,code,dfn,em,th,var{font-weight: normal;font-style: normal;}
li{list-style-type: none;}
caption{text-align: left;}
th{text-align: left;}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 100%;}
q:unknown{content: '';}
input,textarea,select{font-family: inherit;font-size: 100%;}
a:link{color: #333;text-decoration: none;}
a:visited{color: #333;text-decoration: none;}
a:hover{color: var(--colour1);text-decoration: none;}
.fl{float: left;}
.fr{float: right;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;font-size: 0;margin: 0;padding: 0;display: block;_height: 0;overflow: hidden;}
/*清除浮动*/
.clearfix{zoom: 1;}
.clearfix:before,.clearfix:after{visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0;}
/*高光特效*/
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: '';position: absolute;left: -100%;top: 0;width:100%;height:100%;background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform: skewx(-25deg);}
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
/*网站公用样式表*/
.w1200{width: 1020px;margin: 0 auto;}

/*首页标题*/
.index .in_title{font-size: 38px;font-weight: bold;color: #111;text-align: center;padding-bottom: 30px;}
.index .in_title span{color: var(--colour1)}
.index .more{position: relative;z-index: 1;}
.index .more a{position: relative;display: block;width: 198px;color: #fff;font-size: 16px;line-height: 46px;text-align: center;margin: 0 auto;border-radius: 50px;border: 1px solid var(--colour1);background: var(--colour1);}
.index .more a:hover{border-color: #111;background: #111;}
/*关于我们*/
.index .about{max-width: 1920px;margin: 0 auto;height: 680px;padding: 88px 0;box-sizing: border-box;background: url(../images/ab_bg.png) no-repeat center;}
.index .about .box{position: relative;}
.index .about .img{position: relative;width: 607px;height: 500px;color: #fff;}
.index .about .img:after{content: ' ';position: absolute;right: 0;top: 0;width: 425px;height: 100%;background: var(--colour1);}
.index .about .img > div{position: relative;z-index: 1;}
.index .about .img .en{position: relative;margin: 25px 0;margin-left: 40px;color: #fff;font-size: 47px;font-weight: bold;line-height: 37px;text-align: left;}
.index .about .img .en:after{content: ' ';position: absolute;top: 50%;left: -38px;width: 23px;height: 4px;transform: translateY(-50%);background: var(--colour1);}
.index .about .img .en span{color: #111;}
.index .about .img .pic{width: 520px;height: 300px;}
.index .about .img .pic img{width: 100%;height: 100%;display: block;transition: all 1s;}
.index .about .img .pic:hover img{transform: scale(1.1);}
.index .about .img .tit{width: 520px;padding-top: 25px;text-align: right;}
.index .about .img .tit h3{font-size: 16px;padding-bottom: 10px;}
.index .about .img .tit p{font-size: 12px;font-family: 'Arial';}
.index .about .txt{width: 520px;}
.index .about .txt .in_title{color: var(--colour1);padding-top: 50px;padding-bottom: 0;text-align: left;}
.index .about .txt .in_title span{color: #111;}
.index .about .txt .con{margin-top: 50px;}
.index .about .txt .con h3{position: relative;font-size: 24px;}
.index .about .txt .con p{color: rgba(0,0,0,.7);font-size: 16px;line-height: 30px;text-align: justify;margin-top: 18px;}
/*产品展示*/
.index .product{padding: 10px 0;}
.index .product .hd {margin-bottom: 30px;text-align: center; width:600px; margin:0 auto}
.index .product .hd ul{ margin:0 auto}
.index .product .hd ul li{display: inline-block;width: 184px;height: 43px;color: #828283;font-size: 15px;line-height: 43px;margin: 7px;border: 1px solid #d5d4d5;border-radius: 10px;cursor: pointer;transition: all .5s;}
.index .product .hd ul li:hover,.index .product ul li.on{color: #fff;background: var(--colour1);border-color: var(--colour1);}
.index .product .bd .box{position: relative;}
.index .product .bd ul{padding:10px 10px 20px 10px !important;}
.index .product .bd ul li{float: left;width: 230px;margin-right: 27px;padding: 0px;padding-bottom: 0;box-shadow: 0px 2px 10px rgb(0 0 0 / 50%);overflow: hidden;}
.index .product .bd ul li .img{width: 100%;height: 310px;overflow: hidden;}
.index .product .bd ul li .img img{width: 100%;height: 100%;display: block;transition: all .5s;}
.index .product .bd ul li h3{font-size: 14px;line-height: 44px;text-align: center;border-bottom: 1px solid var(--colour1);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index .product .bd ul li span{display: block;font-size: 12px;color: #b1b1b1;text-align: center;padding: 10px 0 15px;}
.index .product .bd ul li:hover .img img{transform: scale(1.1);}
.index .product .prev,.index .product .next{position: absolute;top: 50%;margin-top: -25px;display: block;width: 28px;height: 50px;cursor: pointer; z-index:9999}
.index .product .prev{left: -25px;}
.index .product .next{right: -25px;}
.index .product .prev:after,.index .product .prev:before,
.index .product .next:after,.index .product .next:before{content:"";display: block;position: absolute;width: 35px;height: 3px;background: #111;transition: all .5s;}
.index .product .prev:after,.index .product .next:after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.index .product .prev:before,.index .product .next:before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.index .product .prev:after{top: 35px;left: -3px;}
.index .product .prev:before{top: 12px;left: -3px;}
.index .product .next:after{top: 12px;right: -3px;}
.index .product .next:before{top: 35px;right: -3px;}
.index .product .prev:hover:after,.index .product .prev:hover:before,
.index .product .next:hover:after,.index .product .next:hover:before{background: var(--colour1);}


.more1{display: block;width: 148px;height: 36px;line-height: 36px;border: 0px solid #ccc;text-align: center;font-size: 14px;color: #fff;margin-top: 10px; margin:20px auto 0 auto;background:#D90505}
.more1 a{display: block;width: 148px;height: 36px;line-height: 36px;border: 0px solid #ccc;text-align: center;font-size: 14px;color: #fff;margin-top: 10px; margin:20px auto 0 auto; background:#D90505}
.more1 a:hover{ background:#D00}