@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-family:"Microsoft YaHei","微软雅黑";color: #000000;}
body{background: #FFFFFF;}
a{text-decoration: none;cursor: pointer;}
ul,li{list-style:none; text-decoration:none}
.fl{float: left;}
.fr{float: right;}
img{border: none;}
em,h1,i{font-style: normal;}
.w1180{width: 1180px;margin: 0 auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}

.title{padding: 90px 0 50px;text-align: center;}
.title span{display: block;font-size: 36px;color: #000000;}
.title p{font-size: 16px;color: #696868;padding-top: 20px;}

a.btn_gxs{display: block;width: 210px;height: 56px;line-height: 56px;text-align: center;border-radius: 8px;font-size: 18px;color: #fff;background: #ff632d;margin: 0 auto;}

.banner{height: 430px;background:url(../../images/product/gxs/banner.jpg)center top no-repeat;margin-top: -46px;}
.banner span{display: block;font-size: 52px;color: #000000;font-weight: bold;padding: 100px 0 20px;}
.banner span b{font-size: 52px;color: #2061f3;font-weight: bold;}
.banner i{display: block;font-size: 24px;color: #3a3a3a;font-weight: 500;}
.banner i em{color: #2165ff;font-size: 24px;font-weight: 500;}
.banner a.btn_gxs{margin: 40px 0 0 0;width: 185px;}

.floor_1{height: auto;overflow: hidden;padding-bottom: 100px;}
.floor_1 .ArtCon{width: 1028px;height: 295px;background:url(../../images/product/gxs/fl1_1.png)center top no-repeat;margin: 0 auto;}
.floor_1 .ArtCon p{font-size: 16px;color: #696868;line-height: 40px;padding: 65px 60px 0 450px;}
.floor_1 .ArtCon p em{font-size: 16px;color: #ff2020;font-weight: bold;}

.floor_2{height: auto;overflow: hidden;padding-bottom: 100px;background: #f6faff;}
.floor_2 i{display: block;font-size: 16px;color: #000000;line-height: 30px;background: #fff;width: 880px;padding: 16px 30px;border-radius: 10px;border: dashed 1px #3bacff;margin: 0 auto;}
.floor_2 img{display: block;margin: 60px auto;}
.floor_2 .btex{width: 410px;margin: 0 auto;display: flex;justify-content:space-between;flex-wrap:wrap;}
.floor_2 .btex a{display: block;width: 185px;height: 54px;line-height: 54px;text-align: center;border-radius: 8px;font-size: 18px;color: #fff;background: #ff632d;border: solid 1px #ff632d;}
.floor_2 .btex a:last-child{background: #fff;color: #ff632d;}

.floor_3{height: auto;overflow: hidden;padding-bottom: 100px;}
.floor_3 ul{display: flex;justify-content:space-between;flex-wrap:wrap;}
.floor_3 ul li{cursor: pointer;transition: 0.3s all;width: 192px;height: 405px;background:url(../../images/product/gxs/fl3_1.jpg)center top no-repeat;background-color: #0568e3;}
.floor_3 ul li:nth-child(2){background-image: url(../../images/product/gxs/fl3_2.jpg);}
.floor_3 ul li:nth-child(3){background-image: url(../../images/product/gxs/fl3_3.jpg);}
.floor_3 ul li:nth-child(4){background-image: url(../../images/product/gxs/fl3_4.jpg);}
.floor_3 ul li:nth-child(5){background-image: url(../../images/product/gxs/fl3_5.jpg);}
.floor_3 ul li:nth-child(6){background-image: url(../../images/product/gxs/fl3_6.jpg);}
.floor_3 ul li:hover{background: #0568e3;}
.floor_3 ul li i{display: block;text-align: center;font-size: 18px;color: #fff;line-height: 28px;}
.floor_3 ul li i::before{display: block;content: '';height: 32px;width: 35px;overflow: hidden;background-image: url(../../images/product/gxs/icons.png);background-size: 252px;background-position: 2px 0;margin: 75px auto 20px;}
.floor_3 ul li:nth-child(2) i::before{background-position: -40px 0;}
.floor_3 ul li:nth-child(3) i::before{background-position: -83px 0;}
.floor_3 ul li:nth-child(4) i::before{background-position: -126px 0;}
.floor_3 ul li:nth-child(5) i::before{background-position: -169px 0;}
.floor_3 ul li:nth-child(6) i::before{background-position: -211px 0;}
.floor_3 ul li p{font-size: 12px;color: #fff;line-height: 24px;opacity: 0.6;padding: 24px 0 0 36px;}
.floor_3 ul li:hover p{opacity: 1;}
.floor_3 a{display: block;width: 480px;height: 54px;border: solid 1px #ff632d;border-radius: 12px;line-height: 54px;overflow: hidden;background: #fff;margin: 60px auto 0;}
.floor_3 a i{display: block;float: left;width: 295px;text-align: center;font-size: 20px;color: #989898;}
.floor_3 a em{display: block;float: right;width: 185px;border-radius: 10px;text-align: center;background: #ff632d;font-size: 18px;color: #fff;}

.floor_4{height: auto;overflow: hidden;padding-bottom: 100px;background: url(../../images/product/gxs/fl4_bg.jpg)center top no-repeat;background-size: cover;}
.floor_4 .title span{color: #fff;}
.floor_4 .swiper{position: relative;width: 1346px;margin: 0 auto;overflow: hidden;}
.floor_4 .caseshow{width: 1180px;overflow: hidden;margin: 0 auto;height: 540px;border-radius: 12px;background: #fff;}
.floor_4 .caseshow .fl{width: 540px;padding: 50px 0 0 65px;}
.floor_4 .caseshow .fl .t{font-size: 30px;font-weight: bold;color: #000000;}
.floor_4 .caseshow .fl p{font-size: 14px;color: #626262;line-height: 30px;padding: 28px 0 16px;}
.floor_4 .caseshow .fl em{display: block;font-size: 14px;color: #000000;font-weight: bold;}
.floor_4 .caseshow .fl span{display: block;font-size: 14px;color: #ff632d;line-height: 30px;padding-top: 18px;}
.floor_4 .caseshow .fl span b{font-size: 14px;color: #000000;font-weight: bold;}
.floor_4 .caseshow .fl a.btn_gxs{margin: 30px 0 0 0;width: 235px;}
.floor_4 .caseshow img.fr{display: block;margin: 60px 150px 0 0;}
.floor_4 .caseshow img.fr1{margin: 120px 60px 0 0;}
.swiper-button-next:after, .swiper-button-prev:after{color: #fff;font-size: 60px;}

.floor_5{height: auto;overflow: hidden;padding-bottom: 100px;background: #f6faff;}
.floor_5 ul{display: flex;justify-content:space-between;flex-wrap:wrap;margin-bottom: 60px;}
.floor_5 ul li{height: 260px;width: 280px;border-radius: 12px;background: #fff;box-shadow: 0 0 16px 2px rgba(0,0,0,.04);}
.floor_5 ul li i{display: block;font-size: 20px;color: #000000;text-align: center;}
.floor_5 ul li i::before{display: block;content: '';height: 55px;width: 50px;overflow: hidden;background-image: url(../../images/product/gxs/icons.png);background-size: 252px;background-position: 0 -48px;margin: 26px auto 12px;}
.floor_5 ul li:nth-child(2) i::before{background-position: -69px -48px;}
.floor_5 ul li:nth-child(3) i::before{background-position: -137px -48px;}
.floor_5 ul li:nth-child(4) i::before{background-position: -205px -48px;}
.floor_5 ul li em{display: block;text-align: center;font-size: 16px;color: #000000;padding: 20px 0 12px;}
.floor_5 ul li p{font-size: 12px;color: #878787;line-height: 22px;padding-left: 40px;}

.floor_6{height: auto;overflow: hidden;padding-bottom: 130px;}
.floor_6 img.fl{display: block;}
.floor_6 .textBox{width: 850px;float: right;height: 222px;overflow: hidden;display: flex;justify-content:space-between;flex-wrap:wrap;}
.floor_6 .textBox a{display: block;width: 410px;height: 100px;overflow: hidden;margin-bottom: 25px;cursor: pointer;}
.floor_6 .textBox a em{display: block;float: left;font-size: 14px;color: #777777;text-align: center;height: 94px;width: 78px;border: solid 1px #e5e5e5;background: #f5f5f5;}
.floor_6 .textBox a em b{display: block;font-size: 48px;color: #666666;}
.floor_6 .textBox a .text{width: 314px;float: right;}
.floor_6 .textBox a .text i{display: block;font-size: 18px;color: #000000;transition: 0.3s all;}
.floor_6 .textBox a .text p{font-size: 14px;color: #818181;line-height: 22px;padding-top: 8px;transition: 0.3s all;}
.floor_6 .textBox a:hover i,.floor_6 .textBox a:hover p{color: #2e6ef1;}