* {
box-sizing: border-box;
}
html{
overflow-x: hidden;
}
.brmix {min-width:1200px; flex;position: relative;justify-content: space-between;}
.banner {flex: 1;background: #333;min-width: 1200px;}
.banner .swiper-pagination {display: none;}
.banner div.mask {position: absolute;z-index: 1;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);}
.banner video {width: 1920px;height:710px;object-fit: cover;display: block;position: relative;}
.banner a {display: block;}
.banner figure {}
.banner img {}
.banner section {position: absolute;z-index: 1;left: 25px;top: 190px;right: 100px;color: #fff;}
.banner section h2 {font-size: 44px;line-height: 50px;margin: 0 0 10px;background-image: linear-gradient(45deg, #bfa483 0, #000 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.banner section p {font-size: 22px;line-height: 30px;padding: 0 0 0 30px;}
.banner section a {display: none;line-height: 30px;border-radius: 3px;padding: 0 8px;background: #fff;}
.banner section a:hover {background: #c00;color: #fff;}
.honor {
flex: 0 0 480px;
min-width: 0;
/* width: 20%; */
width: 380px;
box-sizing: border-box;
margin: 40px;
color:#1e4a71;
position: absolute;
z-index: 1;
top: 65px;
right: 5px;
float: right;
}
.honortitle {margin: 15px 0;text-align: center;color: #fff;}
.honortitle h2 {font-size: 22px;line-height:30px;}
.honortitle p {text-transform: uppercase;font-size: 12px;}
.honorslide {margin-bottom:17px;}
.honorslide figure {overflow: hidden;}
.honorslide img {width: 100%;}
.honorslogen {color: #fff;}
.honorslogen h3{font-size:17px;margin:0 0 10px;}
.honorslogen p{line-height:25px;}
.process {
width: 100%;
background-color: rgba(34, 34, 34, 0.8);
flex: 1;
position: absolute;
z-index: 1;
top: 632px;
right: 50%;
transform: translate(50%,0);
color: #fff;
}
.processslide .swiper-slide{
width: 25%;
}
.processitem {position:relative;padding: 20px 20px 20px 70px;}
.processitem:hover {
background-color: #1e4a71;
}
.processitem img {position:absolute;top:50%;left:20px;transform:translateY(-50%);display: block;}
.processitem h3 {font-size: 14px;}
.processitem p {font-size: 12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.product {padding-top: 100px;}
.producttitle {margin: 0 0 30px 5px;}
.producttitle h2 {font-size: 22px;line-height: 30px;}
.producttitle h3 {text-transform: uppercase;font-size: 12px;font-weight: normal;}
.producttitle p {text-transform: uppercase;font-size: 12px;}
.productslide {}
.productclass {border-bottom: 1px solid #eee;padding: 0 0 20px;margin: 0 0 20px;}
.productclass ul {padding-left: 5px;}
.productclass li {float: left;font-size: 17px;color: #999;margin: 0 60px 0 0;cursor: pointer;}
.productclass li.on {color: #1e4a71;}
.productmain {}
.game163x {position: relative;overflow: hidden;}
.game163x .smallScrollx {margin: 0 0 20px;background: #eee;padding: 20px 10px;overflow: hidden;}
.game163x .smallImgx {float: left;margin: 0 0;width: 840px;}
.game163x .smallImgx ul {width: 9999px;overflow: hidden;}
.game163x .smallImgx li {float: left;padding: 0 10px;width: 190px;cursor: pointer;display: inline;}
.game163x .smallImgx li figure {border: 1px solid #eee;position: relative;overflow: hidden;}
.game163x .smallImgx img {width: 100%;}
.game163x .smallImgx li figure figcaption {position: absolute;top: 10px;left: 10px;}
.game163x .smallImgx li.on figure {border: 1px solid #1e4a71;}
.game163x .smallImgx li:hover figure img {transform: scale3d(1.05, 1.05, 1);}
.game163x .bigImgx {position: relative;width: 100%!important;}
.game163x .bigImgx li {background: #eee;width: 100%!important;}
.game163x .bigImgx li article {padding: 20px;height: 130px;}
.game163x .bigImgx h3 {font-size: 18px;line-height: 30px;}
.game163x .bigImgx h4 {font-size: 14px;font-weight: normal;margin: 0 0 20px;}
.game163x .sPrevx,.game163x .sNextx {display: block;width: 30px;float: left;line-height: 170px;text-align: center;color: #1e4a71;font-weight: bold;}
.game163x .sPrevx{display:none;}
.game163x .sNextx {background-position: 0 -2698px;}
.game163x .sNextx{display:none;}
.game163x .sPrevx:hover {background-position: 0 -3133px;}
.game163x .sNextx:hover {background-position: 0 -2785px;}
.game163x .pageStatex {position: absolute;top: 235px;right: 5px;font-family: "Times New Roman", serif;letter-spacing: 1px;}
.game163x .pageStatex span {color: #f00;font-size: 16px;}
.productsort {display:flex;justify-content: space-between;}
.productaside {
flex: 0 0 320px;min-width: 0;margin: 0 20px 0 0;position:relative;overflow:hidden;
}
.productsortcover {width: 100%;position:relative;height:237px;overflow:hidden;margin:0 0 20px;}
.productsortcover video {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 100%;height: 316px;object-fit: cover;display: block;position: relative;}
.productaside .producttxt {
width: 100%;
height: 170px;
background-color: #F7FAFC;
padding: 20px;
}
.producttxt h2 {
font-size: 22px;
padding-bottom: 10px;
}
.producttxt h3 {
font-size: 12px;
font-weight: normal;
}
.productmaininfo{position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;background:#F7FAFC;}
.productmaininfo article {padding: 20px;height: 130px;}
.productmaininfo article h3 {
font-size: 1.6em;
padding-bottom: 10px;}
.productmaininfo article h4 {font-size: 14px;font-weight: normal;margin: 0 0 20px;}
.imgslide{width:860px;}
.smallimg{background:#F7FAFC;padding:20px;margin:0 0 20px;}
.smallimg figure{position:relative;}
.smallimg figure img{width:100%;}
.smallimg figure figcaption{position:absolute;top:10px;left:10px;}
.smallimg .swiper-slide-thumb-active figure{border:1px solid #1e4a71;}
.bigimg{background:#F7FAFC;position:relative;}
.bigimg figure{}
.bigimg figure img{width:100%;}
.productsortslide {flex:1;background:#F7FAFC;}
.productsortslide .hd {background: #fff;padding: 0 0 20px;}
.productsortslide .hd ul {}
.productsortslide .hd li {float: left;width: 25%;position: relative;cursor: pointer;}
.productsortslide .hd li img {width: 100%;border: 1px solid #F7FAFC;box-sizing: border-box;}
.productsortslide .hd li h3 {position: absolute;top: 20px;left: 20px;}
.productsortslide .bd {}
.productsortslide .bd ul {}
.productsortslide .bd li {padding: 20px;}
.productsortslide .bd li h3 {margin: 0 0 10px;}
.productsort .onelevel {
flex: 0 0 320px;
min-width: 0;
margin: 0 20px 0 0;
position: relative;
overflow: hidden;
}
.onelevel .productti{
width: 320px;
position: relative;
height: 237px;
padding: 20px;
overflow: hidden;
margin: 0 0 20px;
background: #F7FAFC;
}
.onelevel h2,
.twolevel h2{
padding-bottom: 10px;
}
.productti h2{
font-size: 22px;
}
.productti h3{
font-size: 12px;
font-weight: normal;
}
.onelevel .productprofit {
width: 100%;
padding: 20px;
height: 170px;
background-color: #F7FAFC;
}
.productsort .twolevel{
width: 860px;
}
.twolevel .productdetail{
background: #F7FAFC;
padding: 20px;
height: 237px;
margin: 0 0 20px;
}
.twolevel .productapp{
background: #F7FAFC;
padding: 20px;
height: 170px;
}
.machine {padding-top: 100px;}
.machinetitle {margin: 0 0 30px 5px;}
.machinetitle h2 {font-size: 22px;line-height: 30px;}
.machinetitle h3 {
text-transform: uppercase;
font-size: 12px;
font-weight: normal;
}
.machinetitle p {text-transform: uppercase;font-size: 12px;}
.machineslide {}
.machineclass {}
.machineclass>ul {}
.machineclass>ul>li {margin: 0 0 30px;}
.machineclass>ul>li:nth-of-type(2n+1) {float: left;width: 58%;text-align: center;margin-right: 2%;}
.machineclass>ul>li:nth-of-type(2n) {float: left;width: 40%;text-align: center;}
.machineclass>ul>li {opacity: 0.5;}
.machineclass>ul>li.on {opacity: 1;}
.machineclass>ul>li>span {display: inline-block;background: #1e4a71;color: #fff;line-height: 40px;padding: 0 20px;margin: 0 0 30px;position: relative;cursor: pointer;}
.machineclass>ul>li>span:after {content: '';display: block;position: absolute;top: 40px;left: 50%;transform: translateX(-50%);width: 1px;background: #1e4a71;height: 15px;}
.machineclass>ul>li>ul {display: flex;}
.machineclass>ul>li>ul>li {flex: 1;}
.machineclass>ul>li>ul>li>span {position: relative;}
.machineclass>ul>li>ul>li>span:before {content: '';display: block;position: absolute;top: -15px;left: 0;width: 120%;height: 1px;background: #1e4a71;}
.machineclass>ul>li>ul>li>span:after {content: '';display: block;position: absolute;top: -15px;left: 50%;transform: translateX(-50%);width: 1px;background: #1e4a71;height: 15px;}
.machineclass>ul>li>ul>li:first-child>span:before {left: 50%;}
.machineclass>ul>li>ul>li:last-child>span:before {right: 50%;left: auto;}
.machineclass>ul>li:nth-of-type(2n+1)>ul>li>span {display: inline-block;background: #F7FAFC;line-height: 40px;padding: 0 33px;}
.machineclass>ul>li:nth-of-type(2n)>ul>li>span {display: inline-block;background: #F7FAFC;line-height: 40px;padding: 0 23px;}
.machinemain {margin: 0 -10px;}
.machinemainslide {}
.machinemainslide .bd {}
.machinemainslide .bd ul {}
.machinemainslide .bd li {float: left;width: 25%;}
.machinemainslide .bd li figure {overflow: hidden;padding: 10px;}
.machinemainslide .bd li img {width: 100%;}
.machinemainslide .bd li h3 {padding: 0 10px;font-weight: normal;font-size: 14px;text-align:center;}
.partner {flex: 0 0 520px;min-width: 0;}
.game163 {position: relative;overflow: hidden;}
.game163 .smallScroll {float: left;margin-bottom: 20px;width: 100%;;background: #F7FAFC;padding: 20px 5px;overflow: hidden;}
.game163 .partnertitle {
padding: 0 0 10px 20px;
}
.game163 .partnertitle h2{
font-size: 22px;
line-height: 30px;
}
.game163 .partnertitle h3{
text-transform: uppercase;
font-size: 12px;
font-weight: normal;
}
.game163 .smallImg {float: left;width: 630px;margin: 0 5px;}
.game163 .smallImg ul {width: 9999px;overflow: hidden;}
.game163 .smallImg li {float: left;width: 100px !important;cursor: pointer;display: inline;}
.game163 .smallImg li figure {text-align: center; }
.game163 .smallImg img {width: 80%; padding: 10%;}
.game163 .smallImg li.on figure {border: 1px solid #1e4a71;}
.game163 .bigImg {
float: left;
position: relative;
background: #F7FAFC;
}
.game163 .bigImg ul {
/* display: flex; */
}
.game163 .bigImg li {
float: left;
width: 48%;
padding: 20px;
height: 150px;
}
.game163 .bigImg li figure {flex: 0 0 190px;margin: 0 20px 0 0;}
.game163 .bigImg li img {vertical-align: middle;width: 100%;}
.game163 .bigImg li article {flex: 1;}
.game163 .bigImg h3 {font-size: 18px;line-height: 30px;}
.game163 .bigImg h4 {font-size: 14px;font-weight: normal;margin: 0 0 20px;}
.game163 .sPrev,
.game163 .sNext {float: left;width: 30px;display: block;line-height: 110px;text-align: center;}
.game163 .sPrev{display:none;}
.game163 .sNext {background-position: 0 -2698px;}
.game163 .sNext{display:none;}
.game163 .sPrev:hover {background-position: 0 -3133px;}
.game163 .sNext:hover {background-position: 0 -2785px;}
.game163 .pageState {position: absolute;top: 235px;right: 5px;font-family: "Times New Roman", serif;letter-spacing: 1px;}
.game163 .pageState span {color: #f00;font-size: 16px;}
#about3 {padding-top: 100px;}
.contact {flex: 0 0 660px;min-width: 0;box-sizing: border-box;padding: 20px;background: #F7FAFC;}
.contacttitle {}
.contacttitle h2 {font-size: 22px;line-height: 30px;}
.contacttitle h3 {
text-transform: uppercase;
font-size: 12px;
font-weight: normal;
padding-bottom: 10px;
}
.contactform {margin: 0 0 20px;}
.contactform form {}
.contactform ul {position: relative;height: 140px;}
.contactform li {position: absolute;}
.contactform li input {background: transparent;border: 1px solid #ddd;box-sizing: border-box;width: 100%;height: 29px;line-height: 29px;color: #999;padding: 0 10px;}
.contactform li input.btn {background: #1e4a71;color: #fff;}
.contactform li:nth-of-type(1),
.contactform li:nth-of-type(2),
.contactform li:nth-of-type(3),
.contactform li:nth-of-type(4) {width: 48%;}
.contactform li:nth-of-type(1) {top: 0;left: 0;}
.contactform li:nth-of-type(2) {top: 0;right: 0;}
.contactform li:nth-of-type(3) {top: 50px;left: 0;width: 100%;}
.contactform li textarea {display: block;background: transparent;border: 1px solid #ddd;box-sizing: border-box;width: 100%;height: 60px;padding: 5px 10px;color: #999;}
.contactform li:nth-of-type(4) {top: 130px;left: 0;width: 48%;}
.contactform li:nth-of-type(4) #checkCodeImg {top: 2px;right: 2px;}
.contactform li:nth-of-type(5) {top: 130px;right: 0;width: 48%;}
.contactlist {overflow: hidden;padding-top: 30px;}
.contactlist figure {float: right;}
.contactlist figure figcaption {font-size: 12px;text-align: center;margin: 10px 0 0;}
.contactlist ul {}
.contactlist li {line-height: 32px;font-size: 16px;}
.contactlist li i {float: left;margin: 0 10px 0 0;font-size: 25px;}
.about {margin: 60px 0;}
.aboutslide {position: relative;background: #F7FAFC;}
.aboutslide span.iconfont {display: block;width: 40px;height: 40px;font-size: 30px;text-align: center;line-height: 40px;color: #1e4a71;border-radius: 5px;font-weight: bold;}
.aboutslide .swiper-button-prev {left: -20px;}
.aboutslide .swiper-button-next {right: -20px;}
.aboutinfo {display: flex;justify-content: space-between;box-sizing: border-box;padding: 20px;background: #F7FAFC;}
.aboutinfo figure {flex: 0 0 540px;min-width: 0;position: relative;box-sizing: border-box;margin: 0 0 0 40px;}
.aboutinfo figure img {width: 100%;}
.aboutinfo article {fex: 1;}
.aboutinfo h2 {font-size: 22px;line-height: 30px;}
.aboutinfo h3 {font-size: 12px;font-weight: normal;text-transform: uppercase;margin: 0 0 30px;}
.aboutinfo p {opacity: 0.8;line-height: 30px;font-size: 15px;overflow: hidden;}
.aboutinfo ul {display: none;overflow: hidden;margin: 30px 0 0;}
.aboutinfo li {float: left;width: 25%;box-sizing: border-box;position: relative;}
.aboutinfo li strong {font-family: 'sysfont';font-size: 30px;line-height: 30px;color: #1e4a71;}
.aboutinfo li span {display: block;color: #999;}
.aboutinfo li i {margin-left: 10px;}
.aboutinfo a {display: inline-block;line-height: 38px;border: 1px solid #333;padding: 0 15px;text-transform: uppercase;color: #333;}
.aboutinfo a:hover {background: #c00;color: #fff;border: 1px solid #c00;}
.aboutinfoculture {display: flex;justify-content: space-between;box-sizing: border-box;padding: 20px;background: #F7FAFC;}
.aboutinfoculture h2 {font-size: 22px;line-height: 30px;}
.aboutinfoculture h3 {font-size: 12px;font-weight: normal;text-transform: uppercase;margin: 0 0 30px;}
.aboutinfoculture figure {flex: 0 0 540px;min-width: 0;position: relative;box-sizing: border-box;margin: 0 0 0 40px;}
.aboutinfoculture figure img {width: 100%;}
.aboutinfoculture article {opacity: 0.8;line-height: 30px;font-size: 15px;overflow: hidden;}
.aboutinfohonor {display: flex;justify-content: space-between;box-sizing: border-box;padding: 20px;background: #F7FAFC;}
.aboutinfohonor figure {flex: 0 0 904px;min-width: 0;position: relative;box-sizing: border-box;margin: 0 80px 0 0;}
.aboutinfohonor figure img {width: 100%;}
.aboutinfohonor article {flex: 1;}
.aboutinfohonor h2 {font-size: 22px;line-height: 30px;}
.aboutinfohonor h3 {font-size: 12px;font-weight: normal;text-transform: uppercase;margin: 0 0 30px;}
.aboutinfohonor p {opacity: 0.8;font-size: 14px;overflow: hidden;margin-left: 40px;}
.aboutinfohr{background: #F7FAFC;}
.aboutinfohr {display: flex;justify-content: space-between;box-sizing: border-box;padding: 20px;background: #F7FAFC;}
.aboutinfohr h2 {font-size: 22px;line-height: 30px;}
.aboutinfohr h3 {font-size: 12px;font-weight: normal;text-transform: uppercase;margin: 0 0 30px;}
.aboutinfohr figure {flex: 0 0 720px;min-width: 0;position: relative;box-sizing: border-box;margin: 0 80px 0 0;overflow: hidden;}
.aboutinfohr figure img {width: 100%;}
.aboutinfohr article {opacity: 0.8;line-height: 30px;font-size: 15px;overflow: hidden;width: 270px;}
.aboutinfohr article p {
margin-left: 40px;
}
.flink {padding: 10px 0;}
.flink a {margin-right: 10px;}