@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"Hiragino Kaku Gothic Pro W3", Arial, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;color:#898989;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "Hiragino Kaku Gothic Pro W3", Arial, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }
.top.nr{ }
.top{display: block; width: 100%; padding: 30px 3%; box-sizing: border-box; position: absolute; top: 0; left: 0; z-index: 99;}
.top h2{ position: absolute; left: 3%; top: 0; line-height: 38px; font-size: 14px; color: #fff;}
.top .top_box{ width: 100%; overflow: hidden; height: 54px;}
.top .top_box .logo{ float: left; height: 54px; line-height: 54px;}
.top .top_box .logo img{ vertical-align: middle; display: inline-block;}
.top .top_box .nav{ float: right;}
.top .top_box .nav ul{ overflow: hidden;}
.top .top_box .nav ul li{ float: left; height: 54px; margin-left: 40px; line-height: 54px; font-size: 14px; color: #fff;}
.top .top_box .nav ul li a{ font-size: 14px; color: #fff;}
.top .top_box .nav ul li p{ width: 247px; height: 54px; border: 1px solid #fff; border-radius:3px; padding-left: 75px; box-sizing: border-box; line-height: 52px; font-size: 16px; color: #fff; background: url(../images/logo_03.png) 40px center no-repeat;}
.top .top_box .nav ul li.bt:hover{ border-bottom: 1px solid #fff;}
.banner{ width: 100%; overflow: hidden; position: relative;}
.banner img{ display: block; width: 100%; height: auto;}
.banner .bannerTit{ position:absolute; bottom: 40px; left: 40px;}
.banner .bannerTit p{ font-size: 16px; color: #fff; padding-bottom: 30px;}
.banner .bannerTit h2{ font-size: 32px; color: #fff;}

.container{ width: 100%;}
.container .layer1{ width: 100%; overflow: hidden; padding: 100px 4%; box-sizing: border-box; background: url(../images/index_06.jpg) 95% center no-repeat;}
.container .layer1 .icon{ width: 40%; float: left;}
.container .layer1 .icon img{ display: block; width: 100%;}
.container .layer1 .text{ float: left; width: calc(100% - 40%); padding-left: 10%; box-sizing: border-box;}
.container .layer1 .text .text_box{ width: 51%;padding-top: 55px;}
.container .layer1 .text .text_box span{ font-size: 10px; color: #0055ff; display: block; padding-bottom: 22px;}
.container .layer1 .text .text_box h2{color: #333333; padding-bottom: 25px; font-size: 32px; font-weight: bold;}
.container .layer1 .text .text_box p{ font-size: 16px; padding-bottom: 30px; line-height: 32px; color: #333;}
.container .layer1 .text .text_box a{ display: block; width: 260px; height: 70px; line-height: 68px; border: 1px solid #0055ff; color: #0055ff; text-align: center; font-size: 12px; border-radius:5px;}
.container .layer2{ width: 100%;}
.container .layer2 ul{ overflow: hidden;}
.container .layer2 ul li{ width: 50%; float: left; position: relative;}
.container .layer2 ul li img{ display: block; width: 100%;}
.container .layer2 ul li .text{ position: absolute; top: 13%; width: 50%; left: 50%; transform: translateX(-50%);}
.container .layer2 ul li .text span{ display: block; text-align: center; color: #fff; font-size: 10px;}
.container .layer2 ul li .text h2{ text-align: center; padding: 15px 0 40px 0; font-size: 32px; color: #fff; font-weight: bold;}
.container .layer2 ul li .text h3{ font-weight: bold; color: #fff; font-size: 16px; line-height: 32px;}
.container .layer2 ul li .text p{ color: #fff; font-size: 16px; line-height: 32px;}
.container .layer2 ul li .text a{margin: 25px auto; display: block; width: 260px; height: 70px; line-height: 68px; border: 1px solid #fff; color: #fff; text-align: center; font-size: 12px; border-radius:5px;}
.container .layer3{ width: 100%; padding:100px 0 80px 0; background: url(../images/bg_02.jpg) top center no-repeat;}
.container .title{ width: 100%;}
.container .title span{ padding-bottom: 22px; font-size: 10px; color: #0055ff; text-align: center; display: block;}
.container .title p{ text-align: center; font-size: 32px; color: #333; font-weight: bold;}
.container .layer3 .layer3Box{ width: 1050px; overflow: hidden; margin: 0 auto; padding-top: 45px;}
.container .layer3 .layer3Box .icon{ width: 100%;}
.container .layer3 .layer3Box .icon img{ display: block; width: 100%; height: auto;}
.container .layer3 .layer3Box .text{ width: 100%; padding-top: 5px;}
.container .layer3 .layer3Box .text h2{ height: 60px; line-height: 30px; font-size: 20px; color: #000; font-weight: bold;}
.container .layer3 .layer3Box .text p{ color: #333; font-size: 16px; line-height: 32px; text-overflow: ellipsis; -webkit-line-clamp:7; word-break:break-all; display:-webkit-box; -webkit-box-orient:vertical;}
.container .layer3 .more{ display: block; margin: 30px auto 0 auto; width: 260px; height: 70px; line-height: 68px; border: 1px solid #0055ff; color: #0055ff; text-align: center; font-size: 12px; border-radius:5px;}
.container .layer4{ padding: 200px 3% 50px 3%; position: relative;}
.container .layer4Left{ width: 28.125%; padding: 60px 3%; box-sizing: border-box; background: linear-gradient(to right,#0055fe,#344891); position: relative; z-index: 2;}
.container .layer4Left .title span{ color: #fff;}
.container .layer4Left .title p{ color: #fff;}
.container .layer4Left .text{ width: 100%; padding-top: 35px;}
.container .layer4Left .text p{ font-size: 15px; color: #fff; line-height: 32px; padding-bottom: 30px;}
.container .layer4Left .text a{ display: block; margin: 30px auto 0 auto; width: 260px; height: 70px; line-height: 68px; border: 1px solid #fff; color: #fff; text-align: center; font-size: 12px; border-radius:5px;}
.container .layer4Right{ position: absolute; right:0; top: 120px; z-index: 1;}
.container .layer5{ width: 100%; padding: 120px 0; background: #fbfcff;}
.container .layer5 ul{ text-align: center; padding-top: 50px;}
.container .layer5 ul li{ vertical-align: top; display: inline-block; padding: 0 50px; border-right:1px solid #cacee1; height: 84px;}
.container .layer5 ul li:last-child{ border-right:0 ;}
.container .layer5 ul li h2{ line-height: 52px; font-size: 38px; color: #0055ff; padding-left: 40px; background:url(../images/icon_05.jpg) 12px center no-repeat; transform: translateX(-30px); margin-bottom: 5px;}
.container .layer5 ul li p{ font-size: 14px; color: #404040;}

.footer{ width: 100%; padding: 95px 0; background: #0055ff;}
.footer .footer_box{ width: 1080px; margin: 0 auto; position: relative; overflow: hidden;}
.footer .footer_box .footer_logo{ position: absolute; left: 0; top: 0; width: 300px; height: 100%;}
.footer .footer_box .footer_logo img{ display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.footer .footer_box .footer_nav{ float: right; overflow: hidden; width: calc(100% - 300px);}
.footer .footer_box .footer_nav ul{ float: left;}
.footer .footer_box .footer_nav ul li{ line-height: 34px; font-size: 12px; color: #fff; margin-right: 75px;}
.footer .footer_box .footer_nav ul li h2{ font-size: 16px; font-weight: bold; color: #fff;}
.footer .footer_box .footer_nav ul li a{font-size: 12px; color: #fff;}
.footer .footer_box .footer_nav p{ float: right; width: 215px; float: right; color: #fff; line-height: 24px;}
.container .layer6{ width: 80%; margin: 0 auto; padding: 60px 3%; box-sizing: border-box;}
.container .layer6Left{ width: 65%; float: left; background-color: #f9f9f9;padding: 30px;list-style: none; height: 600px;
overflow: auto; box-sizing: border-box; box-sizing: border-box;}
.container .layer6Left h2{ font-size: 26px; color: #333; padding-bottom: 20px;}
.container .layer6Left li{ width: 100%; padding: 15px; border-bottom:1px dashed #c1c1c1;}
.container .layer6Left li a{display: block; line-height: 32px; font-size: 16px; color: #333;}
.container .layer6Left li a span{ font-weight: bold; display: inline-block; margin-right: 10px;}
.container .layer6Right{ width: 35%; float: right; height: 600px;}
.container .layer6Right .iframeDiv{ width: 340px; height: 500px; margin: 40px auto 0;}
.container .layer6Right iframe{ width: 100%; height: 100%; border: none;}

.indexContainer{ width: 100%;}
.indexContainer .layer1{ width: 1200px; margin: 0 auto; padding: 75px 0;}
.indexContainer .layer1 .tit{ width: 100%;}
.indexContainer .layer1 .tit h2{ font-size: 28px; text-align: center; line-height: 50px; color: #020306; padding-bottom: 20px; position: relative}
.indexContainer .layer1 .tit h2::before { position: absolute; content: ""; background: #333; height: 2px; width: 80px; right: 0; left: 0; bottom: 20px; margin: auto;}
.indexContainer .layer1 .tit p{ text-align: center; font-size: 15px; line-height: 15px; color: #626468;}
.indexContainer .layer1 .hd{ width: 100%;  border-bottom: 1px solid #dfe2e8;}
.indexContainer .layer1 .hd ul{ overflow: hidden;}
.indexContainer .layer1 .hd ul li{ float: left; width: 150px;padding-bottom: 30px; position: relative; }
.indexContainer .layer1 .hd ul li .icon{ width: 100%; height: 110px;}
.indexContainer .layer1 .hd ul li p{ width: 100%; font-size: 15px; color: #333; text-align: center;}
.indexContainer .layer1 .hd ul li span{ position: absolute; left: 50%; bottom: 0; display:block; height: 4px; width: 65px; border-radius:2px 2px 0 0; background: #2395ff; display: none; transform: translateX(-50%);}
.indexContainer .layer1 .hd ul li:nth-child(1) .icon{ background: url(../images/a1.svg) center center no-repeat;}
.indexContainer .layer1 .hd ul li:nth-child(2) .icon{ background: url(../images/a2.svg) center center no-repeat;}
.indexContainer .layer1 .hd ul li:nth-child(3) .icon{ background: url(../images/a3.svg) center center no-repeat;}
.indexContainer .layer1 .hd ul li:nth-child(4) .icon{ background: url(../images/a4.svg) center center no-repeat;}
.indexContainer .layer1 .hd ul li:nth-child(5) .icon{ background: url(../images/a5.svg) center center no-repeat;}
.indexContainer .layer1 .hd ul li:nth-child(6) .icon{ background: url(../images/a6.svg) center center no-repeat;}
.indexContainer .layer1 .hd ul li:nth-child(7) .icon{ background: url(../images/a7.svg) center center no-repeat;}
.indexContainer .layer1 .hd ul li:nth-child(8) .icon{ background: url(../images/a8.svg) center center no-repeat;}
.indexContainer .layer1 .hd ul li:nth-child(1).on .icon{ background: url(../images/b1.svg) center center no-repeat;}
.indexContainer .layer1 .hd ul li:nth-child(2).on .icon{ background: url(../images/b2.svg) center center no-repeat;}
.indexContainer .layer1 .hd ul li:nth-child(3).on .icon{ background: url(../images/b3.svg) center center no-repeat;}
.indexContainer .layer1 .hd ul li:nth-child(4).on .icon{ background: url(../images/b4.svg) center center no-repeat;}
.indexContainer .layer1 .hd ul li:nth-child(5).on .icon{ background: url(../images/b5.svg) center center no-repeat;}
.indexContainer .layer1 .hd ul li:nth-child(6).on .icon{ background: url(../images/b6.svg) center center no-repeat;}
.indexContainer .layer1 .hd ul li:nth-child(7).on .icon{ background: url(../images/b7.svg) center center no-repeat;}
.indexContainer .layer1 .hd ul li:nth-child(8).on .icon{ background: url(../images/b8.svg) center center no-repeat;}
.indexContainer .layer1 .hd ul li.on p{ color: #0082ff;}
.indexContainer .layer1 .hd ul li.on span{ display: block;}
.indexContainer .layer1 .bd{ width: 100%; padding: 40px 40px 0 40px; box-sizing: border-box; overflow: hidden;}
.indexContainer .layer1 .bd .bd_box .icon{ float: left; width: 30%; height: auto; border-radius:8px; overflow: hidden;}
.indexContainer .layer1 .bd .bd_box .icon img{ display: block; width: 100%; height: auto;}
.indexContainer .layer1 .bd .bd_box .text{ float: left; width:55%; padding: 0 7%; box-sizing: border-box;}
.indexContainer .layer1 .bd .bd_box .text h2{ color: #333; height: 55px; line-height: 55px; font-size: 17px;}
.indexContainer .layer1 .bd .bd_box .text p{ font-size: 14px; color: #64666a; line-height: 28px;}
.indexContainer .layer2{ width: 100%; background: url(../images/bg1.jpg) center bottom no-repeat #131929; height: 800px; background-size:100% auto ;}
.indexContainer .layer2 .tit{ text-align: center; font-size: 28px; color: #fffs; line-height: 180px; color: #fff; letter-spacing: 4px; position: relative}
.indexContainer .layer2 .tit::before { position: absolute; content: ""; background: #fff; height: 2px; width: 80px; right: 0; left: 0; bottom: 65px; margin: auto;}
.indexContainer .layer2 .aboutTab table tr td:first-child { color: #33353a}
.indexContainer .layer2 .aboutTab table tr td:last-child { background: #ffffff; color: #33353a}
.indexContainer .layer2 ul{ width: 1200px; margin: 0 auto; }
.indexContainer .layer2 ul li{ width: 30%; float: left; transition: 0.5s; height: 400px; background: linear-gradient(#f2f4f8,#d7dde9); position: relative;}
.indexContainer .layer2 ul li:nth-child(2){ margin: 0 5%;}
.indexContainer .layer2 ul li .icon{ width: 100; height: 115px; position: relative;}
.indexContainer .layer2 ul li .icon img{ display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.indexContainer .layer2 ul li h2{ text-align: center; font-size: 16px; color: #333; padding-bottom: 40px;}
.indexContainer .layer2 ul li p{ font-size: 14px; color: #666; text-align: center; padding-bottom: 25px;}
.indexContainer .layer2 ul li p a{ font-size: 14px; color: #666;}
.indexContainer .layer2 ul li .text{ position: relative; z-index: 2;}
.indexContainer .layer2 ul li .bg{ height: 135px; bottom: 10px; width: 100%; right: 10px; position: absolute; z-index: 1; transition: 0.5s; -webkit-transition: 0.5s}
.indexContainer .layer2 ul li:hover{ transform: translateY(-10px);}
.indexContainer .layer2 ul li p a:hover{ color: #1890FF;}
.indexContainer .layer2 ul li:nth-child(1) .bg{ background: url(../images/bg2.svg) right bottom no-repeat;  background-size:auto 100%; -webkit-background-size:auto 100%;}
.indexContainer .layer2 ul li:nth-child(1):hover .bg{ background: url(../images/bg3.svg) right bottom no-repeat; background-size:auto 100%;-webkit-background-size:auto 100%;}
.indexContainer .layer2 ul li:nth-child(2) .bg{ background: url(../images/bg4.svg) right bottom no-repeat; background-size:auto 100%; -webkit-background-size:auto 100%;}
.indexContainer .layer2 ul li:nth-child(2):hover .bg{ background: url(../images/bg5.svg) right bottom no-repeat; background-size:auto 100%; -webkit-background-size:auto 100%;}
.indexContainer .layer2 ul li:nth-child(3) .bg{ background: url(../images/bg6.svg) right bottom no-repeat; background-size:auto 100%;-webkit-background-size:auto 100%;}
.indexContainer .layer2 ul li:nth-child(3):hover .bg{ background: url(../images/bg7.svg) right bottom no-repeat; background-size:auto 100%;-webkit-background-size:auto 100%;}
.indexContainer .layer3{ width: 100%; position: relative;}
.indexContainer .layer3 img{ display: block; width:100%; height: auto;}
.indexContainer .layer3 .layer3_box{ width: 1200px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.indexContainer .layer3 .layer3_box h2{ font-size: 28px; color: #0f0e0f; line-height: 28px; padding-bottom: 25px;}
.indexContainer .layer3 .layer3_box p{ width: 485px; font-size: 14px; line-height: 28px; padding-bottom: 35px;}
.indexContainer .layer3 .layer3_box a{ display: block; width: 120px; height: 40px; text-align: center; line-height: 40px; background:linear-gradient(to right,#35C3FF,#1890FF); border-radius:2px; text-align: center; font-size: 14px; color: #fff;}
.indexContainer .layer3 .layer3_box a:hover{ background: #1890FF;}
.indexContainer .layer4{ position: relative; background: #f6f8fa;}
.indexContainer .layer4 .bg{ width: 100%; position: absolute; top: 0; height: 100%; overflow: hidden;}
.indexContainer .layer4 .bg ul{ width: 100%; height: 100%;}
.indexContainer .layer4 .bg ul li{ width: 100%; height: 100%; display: none; position: absolute; overflow: hidden; left: 0; top: 0;  }
.indexContainer .layer4 .bg ul li img{ display: block; width: auto; height: 100%; float: right;}
.indexContainer .layer4 .bg ul li.on{ display: block; position: relative;}
.indexContainer .layer4_box{ width: 1200px; margin: 0 auto; padding: 80px 0; position: relative; z-index: 1;}
.indexContainer .layer4_box .tit{ width: 100%;}
.indexContainer .layer4_box .tit h2{ font-size: 28px; text-align: center; line-height: 28px; color: #020306; padding-bottom: 20px; position: relative}
.indexContainer .layer4_box .tit h2::before { position: absolute; content: ""; background: #333; height: 2px; width: 80px; right: 0; left: 0; bottom: 10px; margin: auto;}
.indexContainer .layer4_box .tit p{ text-align: center; font-size: 15px; line-height: 15px; color: #626468;}
.indexContainer .layer4_box .nr{ padding-top: 60px; width: 100%; overflow: hidden;}
.indexContainer .layer4_box .nr .hd{box-sizing: border-box; float: left; width: 164px;border-right:1px solid #dfe2e7 ;}
.indexContainer .layer4_box .nr .hd ul li{ position: relative; width: 100%;margin-bottom: 30px; overflow: hidden;}
.indexContainer .layer4_box .nr .hd ul li span{ display: block; width: 100%; height: 48px; padding-left: 28px; line-height: 48px;  color: #65666b; font-size: 15px;  cursor: pointer; box-sizing: border-box; z-index: 1; position: relative;}
.indexContainer .layer4_box .nr .hd ul li:last-child { margin-bottom: 0;}
.indexContainer .layer4_box .nr .hd ul li.on{ border-right:3px solid #0083ff ;}
.indexContainer .layer4_box .nr .hd ul li.on span{ color: #319cfe;}
.indexContainer .layer4_box .nr .hd ul li p{ width: 100%; height: 100%; position: absolute; left:-100%; top: 0; background: linear-gradient(to right,#f6f8fa,#ddedfd); transition: 0.7s;}
.indexContainer .layer4_box .nr .hd ul li.on p{left: 0;}
.indexContainer .layer4_box .nr .bd{ float: left; width: 1035px; padding-left: 35px; box-sizing: border-box;}
.indexContainer .layer4_box .nr .bd .bd_box{ width: 100%;}
.indexContainer .layer4_box .nr .bd .bd_box .icon { float: left; width: 30%; height: auto; border-radius: 8px; overflow: hidden;}
.indexContainer .layer4_box .nr .bd .bd_box .icon img { display: block; width: 100%; height: auto;}
.indexContainer .layer4_box .nr .bd .bd_box .text { float: left; width: 47%; padding-left: 4%; box-sizing: border-box;}
.indexContainer .layer4_box .nr .bd .bd_box h2{ font-size: 24px; color: #08090a; padding-bottom: 12px; line-height: 50px;}
.indexContainer .layer4_box .nr .bd .bd_box h4{ font-size: 18px; font-weight: bold; color: #08090a; line-height: 30px;}
.indexContainer .layer4_box .nr .bd .bd_box p{ font-size: 14px; color: #33353a; line-height: 23px;}
.indexContainer .layer4_box .nr .bd .bd_box ul{ width: 100%; overflow: hidden;}
.indexContainer .layer4_box .nr .bd .bd_box ul li{ float: left; margin: 0 15px 0 15px;}
.indexContainer .layer4_box .nr .bd .bd_box ul li .icon{ margin:0 0 15px 0; text-align: center; height: 95px; line-height: 95px; width: 50px; height: 50px; border-radius:50%; border:1px solid #0083FF ;}
.indexContainer .layer4_box .nr .bd .bd_box ul li .icon img{ display: inline-block; vertical-align: middle;}
.indexContainer .layer4_box .nr .bd .bd_box ul li p{height: auto; text-align: center; font-size: 16px; width: auto; padding-bottom: 35px;}

.indexContainer .layer4_box .nr .bd .bd_box a{ display: block; width: 120px; height: 40px; border-radius:5px; background: linear-gradient(to right,#35C3FF,#1890FF); font-size: 14px; text-align: center; line-height: 40px; color: #fff;}
.indexContainer .layer4_box .nr .bd .bd_box a:hover{ background: #1890FF;}

.indexContainer .layer5{ width: 1200px; margin: 0 auto;}
.indexContainer .layer5 .tit h2{ line-height: 160px; font-size: 28px; color: #333; text-align: center; position: relative}
.indexContainer .layer5 .tit h2::before { position: absolute; content: ""; background: #333; height: 2px; width: 80px; right: 0; left: 0; bottom: 55px; margin: auto;}
.indexContainer .layer5 .layer5Box{ width: 100%; margin-bottom: 40px; height: 138px; border: 1px solid #D7DDE9; box-sizing: border-box; padding: 20px; overflow-y: auto; font-size: 16px; line-height: 32px;}

.about{ width: 100%;}
.about .tit{ text-align: center; line-height: 30px; padding: 85px 0 65px 0; font-size: 28px; color: #303133; position: relative;}
.about .tit::before { position: absolute; content: ""; background: #333; height: 2px; width: 80px; right: 0; left: 0; bottom: 55px; margin: auto;}
.about .aboutLayer1-1{ width: 1200px; margin: 0 auto; overflow: hidden;}
.about .aboutLayer1-1 .icon{ float: left; width: 580px; height: 340px;}
.about .aboutLayer1-1 .icon img{ display: block; width: 100%; height: 100%;}
.about .aboutLayer1-1 .text{ float: left; width: calc(100% - 580px); box-sizing: border-box;}
.about .aboutLayer1-1 .text h2 { font-size: 17px; font-weight: bold; color: #333; line-height: 28px; padding-bottom: 10px; text-align: center;}
.about .aboutLayer1-1 .text p{ font-size: 14px; color: #606266; line-height: 28px; padding-bottom: 20px;}
.about .aboutLayer1-1 .text p:last-child{ padding-bottom: 0;}
.about .aboutLayer1-2{ width: 1200px; margin: 30px auto; overflow: hidden;}
.about .aboutLayer1-2 .icon{ float: left; width: 580px; height: 340px;}
.about .aboutLayer1-2 .icon img{ display: block; width: 100%; height: 100%;}
.about .aboutLayer1-2 .text{ float: left; width: calc(100% - 580px); padding-left: 35px; box-sizing: border-box;}
.about .aboutLayer1-2 .text h2 { font-size: 17px; font-weight: bold; color: #333; line-height: 28px; padding-bottom: 10px; text-align: center;}
.about .aboutLayer1-2 .text p{ font-size: 14px; color: #606266; line-height: 28px; padding-bottom: 20px;}
.about .aboutLayer1-2 .text p:last-child{ padding-bottom: 0;}
.about .aboutLayer1-3{ width: 1200px; margin: 30px auto; overflow: hidden;}
.about .aboutLayer1-3 .text{ float: left; width: 100%; box-sizing: border-box;}
.about .aboutLayer1-3 .text p{ font-size: 14px; color: #606266; line-height: 28px; padding-bottom: 20px;}
.about .aboutLayer1-3 .text p:last-child{ padding-bottom: 0;}
.about .aboutLayer1-4{ display:none;}

.about .aboutLayer2{ width: 1200px; margin: 0 auto;  overflow: hidden; margin-bottom: 75px;}
.about .aboutLayer2 .warp{ overflow: hidden; margin-bottom: 20px;box-shadow: 0 0 15px rgba(0,0,0,0.1);}

.about .aboutLayer2 .text{ float: left; width: 600px; height: 440px; background: linear-gradient(#fff,#d4edfe);padding: 0 40px;  box-sizing: border-box; position: relative;}
.about .aboutLayer2 .text .bt{ float: left; width: 160px; height: 105px; line-height: 105px; border-bottom: 2px solid #158eff; font-size: 22px; color: #606266;}
.about .aboutLayer2 .text .list{width: calc(100% - 160px); box-sizing: border-box; float: left; padding-left: 65px;}
.about .aboutLayer2 .text .list h2{ line-height: 105px; font-size: 18px; color: #333;}
.about .aboutLayer2 .text .list ul li{ font-size: 14px; line-height: 14px; padding-bottom: 25px; color: #606266;}
.about .aboutLayer2 .text img{ position: absolute; left: 40px; bottom: 40px;}
.about .aboutLayer2 .icon{ float: left; width: 600px; height: 440px;}
.about .aboutLayer2 .icon img{ display: block; width: 100%; height: 100%;}
.about .aboutLayer2 .warp:nth-child(2n) .icon{ float: left;}

.about .aboutLayer2 .warp:nth-child(2n) .text{ float: right;}
.aboutLayer3{ width: 100%; padding: 30px 0; background: #F2F4F8; margin-top: 30px;}
.aboutLayer3 .main{ width: 1200px; margin: 0 auto;}
.aboutLayer3 .main .bt{border-radius:5px; width: 100%; margin-bottom: 10px; height: 50px; line-height: 50px; text-indent: 15px; color: #fff; font-size: 16px; color: #fff; background: #4472c4;}
.aboutLayer3 .main .text{border-radius:5px; box-shadow: 0 0 10px rgba(0,0,0,0.2); width: 100%; height: 150px; background: #fff; padding: 15px; box-sizing: border-box;  color: #333; overflow-y: auto; margin-bottom: 10px;}
.aboutLayer3 .main table{ width: 100%;}
.aboutLayer3 .main table th{ height: 80px; font-size: 16px; font-weight: normal; line-height: 20px; color: #333;}
.aboutLayer3 .main table tr th:nth-child(1){ background: #eeeeee;}
.aboutLayer3 .main table tr th:nth-child(2){ background: #d4e380;}
.aboutLayer3 .main table tr th:nth-child(3){ background: #fff9b1;}
.aboutLayer3 .main table tr th:nth-child(4){ background: #c7e8fa;}
.aboutLayer3 .main table tr th:nth-child(5){ background: #fadbda;}
.aboutLayer3 .main table tr td{ text-align: center; height: 60px;}
.aboutLayer3 .main .text p{font-size: 16px; line-height: 28px;}
.aboutLayer4{ width: 100%; margin: 0 auto;}
.aboutLayer4 .icon{ width: 100%; padding-bottom: 70px;}
.aboutLayer4 .icon img{ display: block; width: 1250px; margin: 0 auto; height: auto;}
.aboutLayer4 ul{ width: 1200px; margin: 0 auto; overflow: hidden;padding:10px;}
.aboutLayer4 ul li{ width: 280px; height: 160px; border: 2px solid #eff2f6; box-sizing: border-box; box-shadow: 0 0 10px rgba(0,0,0,0.05); margin-right: 20px; margin-bottom: 20px; padding: 0 18px; box-sizing: border-box; float: left;}
.aboutLayer4 ul li:nth-child(4n){ margin-right: 0;}
.aboutLayer4 ul li h2{line-height: 50px; font-size: 18px; color:#1890FF;}
.aboutLayer4 ul li p{ font-size: 18px; color: #303133; line-height: 28px; height: 56px;}
.about4Box{ width: 1200px; margin: 0 auto; padding:0 20px 50px 20px;}
.about4Box .swiper-container .icon{ padding: 20px; box-sizing: border-box;  }
.about4Box .swiper-container .icon img{ display: block;  width: 540px;box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 20px; background: #fff;}

.about4Box .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: none;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 0.1s;
	  transform: scale(0.8);
    }
.about4Box .swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
       z-index: 1;
	}
.about4Box .swiper-container .swiper-slide.swiper-slide-prev .icon{ transform: translateX(555px);}
.about4Box .swiper-container .swiper-slide.swiper-slide-next .icon{  transform: translateX(-555px);}
.about4Box .swiper-container .swiper-button-prev{ width: 56px; height: 56px; border-radius:50%;background:url(../images/prev2.png) center center no-repeat #fff; background-size:12px 20px ;margin: 0; left: 10px; top: 50%; transform: translateY(-50%); box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.about4Box .swiper-container .swiper-button-next{ position: absolute; width: 56px; height: 56px; border-radius:50%; background:url(../images/next2.png) center center no-repeat #fff; background-size:12px 20px ; margin: 0; resize: 10px; top: 50%; transform: translateY(-50%); box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.about4Box .swiper-container .swiper-button-prev:hover{ background: url(../images/prevOn2.png) center center no-repeat #fff; background-size:12px 20px ;}
.about4Box .swiper-container .swiper-button-next:hover{ background: url(../images/nextOn2.png) center center no-repeat #fff; background-size:12px 20px ;}

.about .aboutLayer{ width: 1200px; margin: 30px auto; overflow: hidden;}
.about .aboutLayer .icon{ float: left; width: 580px; height: 340px;}
.about .aboutLayer .icon img{ display: block; width: 100%; height: 100%;}
.about .aboutLayer .text{ float: left; padding-left: 35px; box-sizing: border-box;}
.about .aboutLayer .text h2 { font-size: 17px; font-weight: bold; color: #333; line-height: 28px; padding-bottom: 10px; text-align: center;}
.about .aboutLayer .text p{ font-size: 14px; color: #606266; line-height: 28px; padding-bottom: 20px;}
.about .aboutLayer .text p:last-child{ padding-bottom: 0;}

.product{ width: 1200px; margin: 0 auto;}
.product .tit { text-align: center; line-height: 30px; padding: 85px 0 65px 0; font-size: 30px; color: #303133; position: relative;}
.product .tit::before { position: absolute; content: ""; background: #333; height: 2px; width: 80px; right: 0; left: 0; bottom: 55px; margin: auto;}
.product .hd{ padding: 40px 0;}

.product.zz .hd ul{ width: 1212px;}
.product.zz .hd ul li{ width: 200px;}
.product .hd ul{position: relative; width: 620px; height: 48px; padding: 4px; box-sizing: border-box; background: #f5f7f9; margin: 0 auto; border-radius:4px;}
.product .hd ul li{cursor: pointer; z-index: 2; width:204px; float: left; height: 40px; text-align: center; line-height: 40px; font-size: 15px; color: #a3a6ab; position: relative; }
.product .hd ul li.on{ color: #0082ff;}
.product .hd ul .bg{-webkit-box-shadow: 0 0 4px 0 rgba(157,164,175,0.16); box-shadow: 0 0 4px 0 rgba(157,164,175,0.16); width: 204px; height: 40px; position: absolute; left:4px; top: 4px; transition: 0.5s; background: #fff; border-radius:2px ;}
.product .bd{ width: 100%;}
.product .bd .usedcars-list{ width: 100%;}
.product .bd .usedcars-list li{ width: 100%; overflow: hidden; height: auto; border: 1px solid #cfd1e0; transition: 0.4s;position: relative; margin-bottom: 20px;}
.product .bd .usedcars-list li:hover{ border:1px solid #1890FF; box-shadow: 0 0 10px rgba(37,90,170,0.1);}
.product .bd .usedcars-list li .icon{ width: 500px; height: 100%; background: #f6f8fa; position: absolute; left: 0; top: 0;}
.product .bd .usedcars-list li .icon img{ position: absolute; left: 50%; top:10%; transform: translate(-50%,0); width: 100%; height: auto;}
.product .bd .usedcars-list li .text{ float: right; width: calc(100% - 500px); padding:50px 40px; min-height: 400px; box-sizing: border-box;}
.product .bd .usedcars-list li .text h2{ font-size: 20px; color: #303133; line-height: 20px; padding-bottom:25px;}
.product .bd .usedcars-list li .text p{ font-size: 14px; color: #606266; line-height: 28px; margin-bottom: 35px;}
.product .bd .usedcars-list li .text h3{ font-size: 16px; color: #333; line-height: 16px; padding-bottom: 20px;}
.product .bd .usedcars-list li .text table{width: 100%; overflow: hidden; border-collapse: collapse;}
.product .bd .usedcars-list li .text table th{ font-size: 16px; color: #666; line-height: 30px; }
.product .bd .usedcars-list li .text table td{ font-size: 14px; color: #666; line-height: 30px; }
.product .bd .usedcars-list li .text .price{ width: 50%; float: left;}
.product .bd .usedcars-list li .text .price p{ float: left; color: #FF0000; }
.product .bd .usedcars-list li .text .price p:last-child{ font-size: 35px; line-height: 55px; padding-left: 20px; }
.product .bd .usedcars-list li .text .quote { width: 50%; float: left;}
.product .bd .usedcars-list li .text .quote p:first-child{ margin-bottom: 0;}
.product .bd .usedcars-list li .text .quote p:last-child{ font-size: 28px;}
.product .bd .usedcars-list li .text .info { width: 100%; float: left;}
.product .bd .usedcars-list li .text .button { width: 100%; float: left; padding-top: 20px;}
.product .bd .usedcars-list li .text .button a{ display: block; width: 160px; height: 40px; border-radius:5px; background: linear-gradient(to right,#35C3FF,#1890FF); font-size: 14px; text-align: center; line-height: 40px; color: #fff;}
.product .bd .usedcars-list li .text .button a:hover{ background: #1890FF;}
.product .bd .column-list{ width: 100%; display:none}
.product .bd .column-list:first-child{ display:block}
.product .bd .column-list li{ width: 100%; overflow: hidden; height: auto; border: 1px solid #cfd1e0; transition: 0.4s;position: relative; margin-bottom: 20px;}
.product .bd .column-list li:hover{ border:1px solid #1890FF; box-shadow: 0 0 10px rgba(37,90,170,0.1);}
.product .bd .column-list li .icon{ width: 500px; height: 100%; background: #f6f8fa; position: absolute; left: 0; top: 0;}
.product .bd .column-list li .icon img{ position: absolute; left: 50%; top:10%; transform: translate(-50%,0); width: 100%; height: auto;}
.product .bd .column-list li .text{ float: right; width: calc(100% - 500px); padding:50px 40px; min-height: 400px; box-sizing: border-box;}
.product .bd .column-list li .text h2{ font-size: 20px; color: #303133; line-height: 20px; padding-bottom:25px;}
.product .bd .column-list li .text p{ font-size: 14px; color: #606266; line-height: 28px; margin-bottom: 35px;}
.product .bd .column-list li .text h3{ font-size: 16px; color: #333; line-height: 16px; padding-bottom: 20px;}

.page-header{ width: 1200px; margin: 0 auto;}
.page-header .entry-title{ text-align: center; color: #333;}
.page-header .entry-date{ width: 90%; text-align: right;}
.page-header .entry-date time{ font-size: 14px; line-height: 38px; color: #666;}
.page-header .entry-date .entry-new{display: inline-block; padding: 3px 7px; color: #fff; font-weight: 700; font-size: 10px; background-color: #e28484; border-radius: 5px; transition: background-color .2s;}

.details2{ width: 1200px; margin: 0 auto;}
.details2 .navGtaion{ width: 100%; height: 54px; line-height: 54px;}
.details2 .navGtaion ul{ width: 100%; height: 54px;}
.details2 .navGtaion ul li{ float: left; font-size: 14px; color: #999; line-height: 54px; font-size: 14px;}
.details2 .navGtaion ul li a{ font-size: 16px; color: #999;}

.details2Layer1{ width: 100%; height: 440px; background: #fff;}
/*.details2Layer1 .left{ width: 305px; float: left; margin: 27px 0 0 0;}*/
.details2Layer1 .left{ width: 360px; float: left; margin: 27px 0 0 0;}
.details2Layer1 .left .icon{ padding: 10px; overflow: hidden; width: 100%; height:305px; border: 1px solid #eeeeee; position: relative; box-sizing: border-box;}
.details2Layer1 .left .icon img{ display: block;  width: 100%; height: 100%;}
.details2Layer1 .left .icon ul{ width: 100%; height: 100%;}
.details2Layer1 .left .icon ul li{ width: 100%; height: 100%;display:none}
.details2Layer1 .left .icon ul li:first-child{ display:block}
.details2Layer1 .left .nr{ width: 100%; height: 52px; padding: 0 32px; position: relative; box-sizing: border-box; overflow: hidden; margin-top: 15px;}
.details2Layer1 .left .nr .bd{ width: 100%;}
.details2Layer1 .left .nr .bd ul{ overflow: auto;}
.details2Layer1 .left .nr .bd ul li{ width: 52px; height: 52px; position: relative; cursor: pointer; border: 1px solid #eee; margin-right: 10px;}
.details2Layer1 .left .nr .bd ul li img{ display: block; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); width: 32px; height: 39px;}
.details2Layer1 .left .nr .prev{ width: 22px; height: 45px;  position: absolute; left: 0; top: 50%; transform: translateY(-50%); cursor: pointer; border-radius:0 7px 7px 0; background: url(../images/arrow2_03.png) center center no-repeat rgba(0,0,0,0.7); background-size:50% auto ;}
.details2Layer1 .left .nr .next{ width: 22px; height: 45px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); cursor: pointer; border-radius:7px 0 0 7px; background: url(../images/arrow2_05.png) center center no-repeat rgba(0,0,0,0.7); background-size:50% auto ;}

/*.details2Layer1 .center{ float: left; width: 505px; margin-left: 40px; padding-top: 30px;}*/
.details2Layer1 .center{ float: left; width: 705px; margin-left: 40px; padding-top: 30px;}
.details2Layer1 .center .tit{ font-size: 20px; color: #333; font-weight: bold; line-height: 20px; padding-bottom: 15px;}
.details2Layer1 .center .tit2 img{ display: block; float: left;}
.details2Layer1 .center .tit2 .time{ float: left; margin-left:30px; padding-left: 20px; background: url(../images/details_09.jpg) left center no-repeat; height: 34px; line-height: 34px; color: #fff; font-size: 16px;}
.details2Layer1 .center .tit2 a{ float: right; display: inline-block; font-size: 14px; color: #fff; padding-right: 14px; margin-right: 10px; background: url(../images/details_12.jpg) right center no-repeat; height: 34px; line-height: 34px;}
.details2Layer1 .center .main{ background: #f7f7f7; margin-bottom: 15px;}
.details2Layer1 .center .main .mainLayer{ width: 100%; overflow: hidden;}
.details2Layer1 .center .main .mainLayer .mainLeft{ float: left; width: 100px; height: 38px; text-align: left; text-indent: 10px; line-height: 38px; font-size: 14px; color: #999;}
.details2Layer1 .center .main .mainLayer .mainRight{ float: left; width: calc(100% - 100px);}
.details2Layer1 .center .main .mainLayer .mainRight p{ font-size: 12px; line-height: 38px; color: #666;}
.details2Layer1 .center .main .mainLayer .mainRight.strikethrough p{ font-size: 12px; line-height: 38px; color: #666; text-decoration: line-through;}
.details2Layer1 .center .main .mainLayer .mainRight h2{ line-height:38px; font-size: 18px; color: #FF0000}
.details2Layer1 .center .main .mainLayer .mainRight h3{ line-height: 38px; font-size: 14px; color: #666;}
.details2Layer1 .center .main .mainLayer .mainRight h4{ line-height: 28px; overflow: hidden; font-size: 14px; color: #666}
.details2Layer1 .center .main .mainLayer .mainRight h4 span{vertical-align: middle; width: 34px; margin-right: 5px; text-align: center; border-radius:0 5px 0 5px ;  height: 15px;  display: inline-block; line-height: 15px; font-size: 12px;}
.details2Layer1 .center .main .mainLayer .mainRight h4 a{  color: #1b7dec; text-decoration: underline;}
.details2Layer1 .center .mainTable{ width: 100%;}
.details2Layer1 .center .mainTable table{ width: 100%; margin-bottom: 15px;border-collapse: collapse;}
.details2Layer1 .center .mainTable table th{ width: 20%; font-weight: normal; font-size: 16px; height: 40px;border: 2px solid #ccc;}
.details2Layer1 .center .mainTable table td{ text-align: center; height: 40px; font-size: 14px;border: 2px solid #ccc;}
.details2Layer1 .center .mainTable table.table_th_1{ width: 20% }
.details2Layer1 .center .mainTable table.table_th_2{ width: 40% }
.details2Layer1 .center .mainTable table.table_th_3{ width: 60% }
.details2Layer1 .center .mainTable table.table_th_4{ width: 80% }
.details2Layer1 .center .mainInfo{ width: 100%; padding: 10px; font-size: 14px;}

.details2Layer1 .center .enter{ padding-top: 20px; width: 100%; border-top:1px dashed #e5e5e5; overflow: hidden;}
.details2Layer1 .center .enter .num{ width: 95px; height: 53px; border:1px solid #f2f2f2; overflow: hidden; border-radius:5px; position: relative; background: #f7f7f7; float: left; margin-left: 10px;}
.details2Layer1 .center .enter .num span{ width: 62px; height: 100%; display: block; line-height: 51px; font-size: 20px; text-align: center}
.details2Layer1 .center .enter .num ul{ width: 30px; border-left:1px solid #F2F2F2; background: #fff; height: 100%; position: absolute; right: 0; top: 0;}
.details2Layer1 .center .enter .num ul li{ width: 100%; height: 50%; border-bottom: 1px solid #F2F2F2; box-sizing: border-box;line-height: 25px; text-align: center;font-weight: bold; color: #666; cursor: pointer; font-size: 18px;}
.details2Layer1 .center .enter .num ul li:last-child{ border: 0;  }
.details2Layer1 .center .enter button{border: none; outline: none; background: none; float: left; width: 148px; height: 53px; border: 1px solid #5ea1ef; box-sizing: border-box; text-align: center; line-height: 51px; font-size: 20px; color:#5ea1ef; margin-left: 20px; border-radius:8px; cursor: pointer;}

.details2Layer1 .center .enter dl{ padding-top: 18px; overflow: hidden; display: block; width: 100%;}
.details2Layer1 .center .enter dl dd{ float: left; margin-left: 12px; padding-left: 13px; background: url(../images/details_27.jpg) left center no-repeat; color: #a0a0a0;}
.details2Layer1 .center .enter dl dd:first-child{ background: none; padding: 0;}
.details2Layer1 .right{ float: right; width: 255px; height: 100%; border-left:1px solid #eee; box-sizing:border-box; padding: 0 30px; box-sizing: border-box;}
.details2Layer1 .right .tit{ text-align: center; line-height: 65px; font-size: 16px; color: #333;}
.details2Layer1 .right ul{ width: 100%;}
.details2Layer1 .right ul li{ width: 100%; border: 1px solid #eee; margin-bottom: 25px;}
.details2Layer1 .right ul li .icon{ width: 100%; height: 170px; border-bottom: 1px solid #eee; position: relative;}
.details2Layer1 .right ul li .icon img{ display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 132px; width: auto;}
.details2Layer1 .right ul li .text{ width: 100%; padding: 12px 7px; box-sizing: border-box; background: #f7f7f7;}
.details2Layer1 .right ul li .text h2{ font-size: 14px; color: #333; padding-bottom: 12px;}
.details2Layer1 .right ul li .text p{ font-size: 14px; color: #FF0000}
.details2Layer3{ width: 100%; padding-top: 20px; overflow:hidden;}

.details2Layer3 .right{ width: 100%; background: #fff; float: right;}
.details2Layer3 .right .tit{ height: 50px; width: 100%; border-bottom: 1px solid #5ea1ef; transition: 0.5s;}
.details2Layer3 .right .tit.on{ width: 1200px; position: fixed; left: 50%; margin-left: -600px; top: 0; z-index: 999; background: #fff;}
.details2Layer3 .right .tit ul{ overflow: hidden;}
.details2Layer3 .right .tit ul li{float: left; width: 105px; height: 50px; line-height: 50px; text-align:center; cursor: pointer;}
.details2Layer3 .right .tit ul li.on{ background: #5ea1ef; color: #fff}
.details2Layer3 .right .main{ padding: 30px 18px; width: 100%; box-sizing: border-box;}
.details2Layer3 .right .main .main_box{ padding:0 20px; box-sizing: border-box; border-left:1px solid #eeeeee;}
.details2Layer3 .right .main .main_box .text{ width: 100%;}
.details2Layer3 .right .main .main_box .text .title{font-size: 20px; height: 20px; line-height: 20px; font-weight: bold; color: #333; position: relative;}
.details2Layer3 .right .main .main_box .text .title .bt{ width: 13px; height: 24px; background: url(../images/details_35.jpg) center center no-repeat #fff; position: absolute; top: 50%; left: -28px; transform: translateY(-50%);}
.details2Layer3 .right .main .main_box .text .title img{ display: inline-block; vertical-align: middle;}
.details2Layer3 .right .main .main_box .text ul{ margin: 20px 0; padding: 15px 0; border: 1px solid #eee; overflow: hidden;}
.details2Layer3 .right .main .main_box .text ul li{ width: 25%; float: left; border-right:1px dashed #eee ; font-size: 14px; color: #999; box-sizing: border-box; text-align: center;}
.details2Layer3 .right .main .main_box .text ul li:last-child{ border-right:0;}
.details2Layer3 .right .main .main_box .text ul li h2{ width: 100%; font-size: 20px; padding-bottom: 15px; text-align: center; color: #333;}
.details2Layer3 .right .main .main_box .text h3{ color: #999}
.details2Layer3 .right .main .main_box .text h3 span{ color: #333}
.details2Layer3 .right .main .main_box .list{ width: 100%; background: #5ea1ef; padding:0 10px 0 10px; position: relative; margin: 25px 0;}
.details2Layer3 .right .main .main_box .list .title{ height: 75px; text-align: center; font-size: 34px; color: #fff; font-weight: bold; line-height: 75px;}
.details2Layer3 .right .main .main_box .list .close{ position: absolute; right: 0; top: 0; background: url(../images/details_42.jpg); width: 30px; height: 30px; cursor: pointer;}
.details2Layer3 .right .main .main_box .list ul{ width: 100%; overflow: hidden;}
.details2Layer3 .right .main .main_box .list ul li{ padding: 5px; box-sizing: border-box; width: 170px; height: 265px; margin-right: 16px; margin-bottom: 10px; background: #fff; float: left; position: relative;}
.details2Layer3 .right .main .main_box .list ul li:nth-child(6n){ margin-right: 0;}
.details2Layer3 .right .main .main_box .list ul li .icon{  width: 100%; height: 180px;}
.details2Layer3 .right .main .main_box .list ul li .icon img{ display: block; height: 100%; width: 100%; margin: 0 auto;}
.details2Layer3 .right .main .main_box .list ul li .text p{ text-align: center; font-size: 14px; color: #333; line-height: 14px; line-height: 30px; text-align: center;}
.details2Layer3 .right .main .main_box .list ul li .text span{ display: block; width: 135px; height: 35px; background: #5ea1ef; color: #fff; font-size: 16px; margin: 0 auto; text-align:center; line-height: 35px;}
.details2Layer3 .right .main .main_box .list ul li.on .text span{ background: url(../images/proIcon_07.png) 5px center no-repeat #5ea1ef; background-size:20px auto;}
.details2Layer3 .right .main .main_box .pic{ width: 100%;}
.details2Layer3 .right .main .main_box .pic img{ display: block; width: 100%; height: auto; margin: 15px 0;}
.details2Layer3 .right .main .main_box .text h2{ width: 100%; padding-top: 25px; font-size: 14px; color: #333; line-height: 30px; font-weight: bold;}
.details2Layer3 .right .main .main_box .text p{ line-height: 30px; font-weight: normal; color: #333; font-size: 14px;}

.productMain{ width: 100%;}
.bdMain{ position: relative;}
.productMain.Listx.on{ position: relative; z-index: 1;}
.productMain.Listx{ position: absolute; top: 0; z-index: -1;}
.warp .hdMain{ margin: 40px auto;width: 410px; height: 48px; border-radius:2px; padding: 4px; box-sizing: border-box; background: #f6f8fa;}
.warp .hdMain ul{width: 100%; height: 100%; overflow: hidden; position: relative;}
.warp .hdMain ul li{ width: 50%; float: left; height: 40px; line-height: 40px; position:relative;z-index: 2;}
.warp .hdMain ul li a{ width: 100%; height: 100%; text-align: center; line-height: 40px; color: #909399; font-size: 14px; display: block;}
.warp .hdMain ul li.on a{ color: #3ca1ff;}
.warp .hdMain ul .bg{ position: absolute; left: 0; top:0; width: 50%; height: 100%; background: #fff; z-index: 1; border-radius:2px; transition: 0.5s;}
.productMain .productLayer1{ width: 1200px; margin: 0 auto;}
.productMain .tit{ padding: 85px 0 65px 0; text-align: center; font-size: 28px; color: #303133;}
.productMain .leftTit{ text-align: left; line-height: 30px; padding: 80px 0 65px 0; font-size: 30px; color: #303133; width: 1200px; margin: 0 auto;}
.productMain .leftTit h4{ position: relative; padding: 10px 60px; color: #fff; background: url(../images/bg_b.jpg); z-index: -1;}
.productMain .leftTit h4:before { position: absolute; content: ''; left: -2px; top: -2px; border: none; border-left: solid 40px white; border-bottom: solid 79px transparent; z-index: -2;}
.productMain .aboutLayer1{ width: 1200px; margin: 0 auto; overflow: hidden;}
.productMain .aboutLayer1:last-child{ margin-bottom: 60px;}
.productMain .aboutLayer1 .icon{ float: left; width: 580px; height: 340px;}
.productMain .aboutLayer1 .icon img{ display: block; width: 100%; height: 100%;}
.productMain .aboutLayer1 .text{ float: left; width: calc(100% - 580px); padding-left: 35px; box-sizing: border-box;}
.productMain .aboutLayer1 .text h2{ font-size: 17px; font-weight: bold; color: #333; line-height: 28px; padding-bottom: 10px;}
.productMain .aboutLayer1 .text p{ font-size: 14px; color: #606266; line-height: 28px; padding-bottom: 20px;}
.productMain .aboutLayer1 .text p:last-child{ padding-bottom: 0;}
.productMain .aboutLayer1 .text .button { width: 100%; float: left; padding-top: 20px;}
.productMain .aboutLayer1 .text .button a{ display: block; width: 160px; height: 40px; border-radius:5px; background: linear-gradient(to right,#35C3FF,#1890FF); font-size: 14px; text-align: center; line-height: 40px; color: #fff;}
.productMain .aboutLayer1 .text .button a:hover{ background: #1890FF;}
.productMain .productLayer1 ul{ width: 100%; overflow:hidden;}
.productMain .productLayer1 ul li{ width: 240px; float: left; margin-right: 80px; padding-bottom: 40px;}
.productMain .productLayer1 ul li:nth-child(4n){ margin-right: 0;}
.productMain .productLayer1 ul li .icon{ width: 100%; line-height: 42px; height: 42px;}
.productMain .productLayer1 ul li .icon img{ display: inline-block; vertical-align: middle;}
.productMain .productLayer1 ul li h2{ height: 75px; line-height: 75px; font-size: 22px; color: #303133;}
.productMain .productLayer1 ul li p{ font-size: 14px; color: #606266; line-height: 28px; height: 84px;}
.productMain .productLayer1 .pro4List li{margin: 0 75px;}
.productMain .productLayer1 .pro4List li:nth-child(4n){margin: 0 75px; }
.productMain .productLayer1 .pro4List li:nth-child(3n){ margin-right: 0;}
.productMain .productLayer2{background: #131929; padding-bottom: 120px;}
.productMain .productLayer2 .tit{ color: #fff;}
.productMain .productLayer2 ul{ width: 1200px; margin: 0 auto; overflow: hidden;}
.productMain .productLayer2 ul li{ width: 300px; height: 400px; float: left; overflow: hidden; position: relative;}
.productMain .productLayer2 .pro3List li{ width: 400px;}
.productMain .productLayer2 ul li .bg{ width: 100%; height: 100%; display: block; transition: 0.5s;}
.productMain .productLayer2 ul li .bg img{ width: 100%; height: 100%;}
.productMain .productLayer2 ul li .box{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(19,25,41,.75);}
.productMain .productLayer2 ul li .box .nr{ width: 100%; position: absolute; top: 50%; transform: translateY(-50%);}
.productMain .productLayer2 ul li .box .nr .icon{ width: 100%; height: 105px;}
.productMain .productLayer2 ul li .box .nr .icon img{ display: block; margin: 0 auto;}
.productMain .productLayer2 ul li .box .nr h2{ text-align: center; font-size: 18px; color: #fff;}
.productMain .productLayer2 ul li .box .nr span{ display: block; margin: 20px auto; width: 20px; height: 2px; background: #fff; }
.productMain .productLayer2 ul li .box .nr p{ width: 234px;margin: 0 auto; height: 0; text-align: center; line-height: 26px; color: #fff; font-size: 14px; transition: 0.5s; margin: 0 auto; overflow: hidden; opacity: 0;}
.productMain .productLayer2 ul li:hover .box .nr p{height: auto; opacity: 1;}
.productMain .productLayer2 ul li:hover .bg{ transform: scale(1.1);}
.productMain .productLayer3{ background: linear-gradient(#ffffff,#e9f6ff); padding-bottom: 75px;}
.productMain .productLayer3 .list{ width: 900px; margin: 0 auto 40px auto; font-size: 14px; line-height: 28px; color: #606266; text-align: center;}
.productMain .productLayer2 .JyList li{ width: 20%;}
.productMain .productLayer2 .JyList li .box .nr p{ width: 80%; margin: 0 auto;}

.productMain .productLayer4{ width: 100%; padding-bottom: 40px;}
.productMain .productLayer4 .hd{ width: 1200px; margin: 0 auto 60px auto; border-bottom: 1px solid #e5e7ea;}
.productMain .productLayer4 .hd ul{ text-align: center;}
.productMain .productLayer4 .hd ul li{ display: inline-block; height: 70px; line-height: 70px; position: relative; margin: 0 40px; font-size: 15px; color: #8a8b8f; cursor: pointer;}
.productMain .productLayer4 .hd ul li span{ position: absolute; left: 50%; width: 64px; bottom: -1px; height: 3px; border-radius:2px  ; background: #0082ff; display: none; transform: translateX(-50%);}
.productMain .productLayer4 .hd ul li.on{ color: #333;}
.productMain .productLayer4 .hd ul li.on span{ display: block;}
.productMain .productLayer4 .swiper-container{ width: 100%; height: auto;}
.productMain .productLayer4 .swiper-container img{ width: 90.9%; margin:0 auto; height: auto; display: block; margin: 0 auto;}
.productMain .productLayer4 .swiper-container .swiper-button-next{ width: 56px; height: 56px; background:url(../images/next2.png) center center no-repeat #fff; border-radius:50%; background-size:12px 21px; box-shadow: 0 0 10px rgba(0,0,0,0.1); top: 50%; right: 23%; transform: translate(0%,-50%); margin: 0; outline: none;}
.productMain .productLayer4 .swiper-container .swiper-button-prev{width: 56px; height: 56px; background:url(../images/prev2.png) center center no-repeat #fff; border-radius:50%; background-size:12px 21px; box-shadow: 0 0 10px rgba(0,0,0,0.1); top: 50%; left: 23%; transform: translate(0%,-50%); margin: 0;  outline: none;}
.productMain .productLayer4 .swiper-container .swiper-button-next:hover{ background: url(../images/nextOn2.png) center center no-repeat #fff;background-size:12px 21px;}
.productMain .productLayer4 .swiper-container .swiper-button-prev:hover{ background: url(../images/prevOn2.png) center center no-repeat #fff;background-size:12px 21px;}

.productMain .productLayer4 .NrWarp{ width: 100%;margin: 0 auto; overflow: hidden; position: relative; overflow: hidden;}
.productMain .productLayer4 .NrWarp .icon{ width: 60%; z-index: 2; position: relative; margin: 0 auto;  transition: 0.5s;}
.productMain .productLayer4 .NrWarp .icon img{ display: block; margin: 0; width: 100%; height: auto;}
.productMain .productLayer4 .NrWarp .text{ width: 40%; height: 78.21%; position: absolute; background: #fff; border-radius:4px; box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: 1; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: 0.5s; padding-left: 4.5%; box-sizing:border-box;}
.productMain .productLayer4 .NrWarp .text img{ display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 20.3%; width: auto}
.productMain .productLayer4 .NrWarp .text h2{ padding: 23% 0 7% 0; font-size: 24px; color: #333;}
.productMain .productLayer4 .NrWarp .text p{ font-size: 14px; color: #666; width: 80%; line-height: 28px;}
.productMain .productLayer4.dh .swiper-slide.swiper-slide-active .NrWarp .icon{ float: left; transform: translateX(0);}
.productMain .productLayer4.dh .swiper-slide.swiper-slide-active .NrWarp .text{left: 59.5%; transform: translate(0,-50%);}
.productMain .productLayer4.dh .swiper-slide.swiper-slide-prev .icon{ float: right; margin-right: 8%;}
.productMain .productLayer4.dh .swiper-slide.swiper-slide-next .icon{ float: left; margin-left: 8%;}
.aboutTab{ width: 1000px; margin: 0 auto;}
.aboutTab table{ width: 100%;}
.aboutTab table td{width: 50%; height: 80px; text-align: center; font-size: 14px; line-height: 22px;}
.aboutTab table tr td:first-child{ background: #e3e3e3;}
.AppTop{ display: none;}
.sideBar{ display: none;}
@media(max-width: 1280px){
.banner .bannerTit{display: none;}
.banner .bannerTit p{ font-size: 16px; color: #fff; padding-bottom: 30px;}
.banner .bannerTit h2{ font-size: 32px; color: #fff;}
	body{ padding-top: 50px;}
    .top{ display: none;}
	.AppTop{ display: block; width: 100%; height: 50px; position: fixed; top: 0; left: 0; background: #4986ff; z-index: 999;}
	.AppTop .sideClick{ transition: 0.5s; position: absolute; width:25px; height: 20px; right: 15px; top: 50%; transform: translateY(-50%);}
	.AppTop .sideClick span{ transition: 0.5s; display: block; width: 100%; height: 3px; border-radius:1.5px; background: #fff; position: absolute; left: 0;}
	.AppTop .sideClick span:nth-child(1){ top: 0;}
	.AppTop .sideClick span:nth-child(2){ top:50%; transform: translateY(-50%);}
	.AppTop .sideClick span:nth-child(3){ top: auto; bottom: 0;}
	.AppTop .sideClick.on{ transform:translateY(-50%) rotate(180deg);}
	.AppTop .sideClick.on span:nth-child(1){ top: 50%; transform: translateY(-50%) rotate(45deg);}
	.AppTop .sideClick.on span:nth-child(2){ width: 0;}
	.AppTop .sideClick.on span:nth-child(3){top: 50%; transform: translateY(-50%) rotate(-45deg);}
	.AppTop .logo{ float: left; height: 100%; line-height: 50px; padding-left: 15px;}
	.AppTop .logo img{ display: inline-block; height: 20%; width: auto; vertical-align: middle;}
	.sideBar{ width: 100%;position: fixed; top: 50px; left: 0; padding: 20px 0; background: #4986ff; z-index: 998; box-shadow: 0 0 10px rgba(0,0,0,0.1); display: none;}
	.sideBar ul{ width: 100%; overflow: hidden;}
	.sideBar ul li{ width: 50%; float: left; height: 28px; font-size: 12px; border-right:1px solid #fff; box-sizing: border-box; text-align: center; margin-bottom: 20px; line-height: 28px;}
	.sideBar ul li:nth-child(2n){ margin-right: 0; border: 0;}
	.sideBar ul li a{ font-size: 12px; color: #fff;}
	.container .layer1{ padding: 15px; box-sizing: border-box;}
	.container .layer1 .icon{ width: 100%;}
	.container .layer1 .text{ width: 100%; padding: 0;}
	.container .layer1 .text .text_box{ width: 100%; padding: 0;}
	.container .layer1 .text .text_box span{ line-height: 50px; text-align: center; padding: 0;}
	.container .layer1 .text .text_box h2{ font-size: 18px; text-align: center;}
	.container .layer1 .text .text_box p{ font-size: 12px; line-height: 24px; padding-bottom: 20px;}
	.container .layer1 .text .text_box a{ width: 100%; height: 48px; line-height: 46px;}
	.container .layer2 ul li{ width: 100%; height: 350px; overflow: hidden;}
	.container .layer2 ul li img{ height: 100%; display: block;}
	.container .layer2 ul li .text{ width: 95%; top: 5%;}
	.container .layer2 ul li .text h2{ padding:10px 0; font-size: 22px;}
	.container .layer2 ul li .text h3{font-size: 14px; line-height: 22px;}
	.container .layer2 ul li .text p{ font-size: 12px; line-height: 22px;}
	.container .layer2 ul li .text a{ width: 100%; line-height: 46px; height: 48px;}
	.container .layer3 .title p{ font-size: 22px;}
	.container .layer3 .layer3Box{ width: 100%; padding: 20px 20px 0 20px; box-sizing: border-box;}
	.container .layer3 .layer3Box .text h2{ height: 30px; font-size: 16px;}
	.container .layer3 .layer3Box .text p{ font-size: 14px; -webkit-line-clamp:5; line-height: 28px;}
	.container .layer4{ padding: 0;}
	.container .layer4 .title p{ font-size: 22px;}
	.container .layer4Left{ position: relative; width: 100%;}
	.container .layer4Left .text p{ font-size: 14px; line-height: 28px; padding-bottom: 15px;}
	.container .layer4Right{ position: relative; width: 100%; top: 0;}
	.container .layer4Right img{ display: block; width: 100%;}
	.container .layer5{ padding: 45px 0;}
	.container .layer5 .title p{ font-size: 22px;}
	.container .layer5 ul{ width: 100%;}
	.container .layer5 ul li{ margin-bottom: 30px; height: auto; width: 100%; text-align: center; padding: 0 20px; box-sizing: border-box;}
	.container .layer5 ul li img{ display: block; margin: 0 auto; width: 100%;}
	.container .layer5 ul li h2{ font-size: 22px; transform: translateX(0); text-align: left;}
	.footer{ width: 100%; padding: 20px 0;}
	.footer .footer_box{ width: 100%;}
	.footer .footer_box .footer_nav{ width: 100%; padding: 0 20px; box-sizing: border-box;}
	.footer .footer_box .footer_logo{ width: 100%; padding-bottom: 20px; position: relative;}
	.footer .footer_box .footer_logo img{ display: block; margin: 0 auto; position: relative; transform: translate(0); left: auto; top: auto;}
	.footer .footer_box .footer_logo img{ position: relative;}
	.footer .footer_box .footer_nav p{ width: 100%; text-align: center; padding-top: 30px;}
	.container .layer6{ width: 100%; padding: 0 0 30px 0; overflow: hidden;}
	.container .layer6Left{ width: 100%; padding: 0 3%; height: auto;}
	.container .layer6Left h2{ font-size: 22px; text-align: center; line-height: 80px; padding-bottom: 0;}
	.container .layer6Left li a{ font-size: 12px; line-height: 24px;}
	.container .layer6Right{ width: 100%;}
	.container .layer6Right iframe{ width: 100%;}
	.indexContainer .layer1{ width: 100%; padding: 20px 15px; box-sizing: border-box;}
	.indexContainer .layer1 .tit h2{ font-size: 24px;}
	.indexContainer .layer1 .tit p{ font-size: 12px; line-height: 24px;}
	.indexContainer .layer1 .hd ul li{ width: 25%; float: left; padding-bottom: 15px; margin-bottom: 10px;}
	.indexContainer .layer1 .hd ul li .icon{height: 50px;}
	.indexContainer .layer1 .hd ul li p{ font-size: 12px; line-height: 14px; overflow: hidden;}
	.indexContainer .layer1 .hd ul li:nth-child(1) .icon{ background: url(../images/a1.svg) center center no-repeat; background-size:30% auto ;}
.indexContainer .layer1 .hd ul li:nth-child(2) .icon{ background: url(../images/a2.svg) center center no-repeat; background-size:30% auto ;}
.indexContainer .layer1 .hd ul li:nth-child(3) .icon{ background: url(../images/a3.svg) center center no-repeat; background-size:30% auto ;}
.indexContainer .layer1 .hd ul li:nth-child(4) .icon{ background: url(../images/a4.svg) center center no-repeat; background-size:30% auto ;}
.indexContainer .layer1 .hd ul li:nth-child(5) .icon{ background: url(../images/a5.svg) center center no-repeat; background-size:30% auto ;}
.indexContainer .layer1 .hd ul li:nth-child(6) .icon{ background: url(../images/a6.svg) center center no-repeat; background-size:30% auto ;}
.indexContainer .layer1 .hd ul li:nth-child(7) .icon{ background: url(../images/a7.svg) center center no-repeat; background-size:30% auto ;}
.indexContainer .layer1 .hd ul li:nth-child(8) .icon{ background: url(../images/a8.svg) center center no-repeat; background-size:30% auto ;}
.indexContainer .layer1 .hd ul li:nth-child(1).on .icon{ background: url(../images/b1.svg) center center no-repeat; background-size:30% auto ;}
.indexContainer .layer1 .hd ul li:nth-child(2).on .icon{ background: url(../images/b2.svg) center center no-repeat; background-size:30% auto ;}
.indexContainer .layer1 .hd ul li:nth-child(3).on .icon{ background: url(../images/b3.svg) center center no-repeat; background-size:30% auto ;}
.indexContainer .layer1 .hd ul li:nth-child(4).on .icon{ background: url(../images/b4.svg) center center no-repeat; background-size:30% auto ;}
.indexContainer .layer1 .hd ul li:nth-child(5).on .icon{ background: url(../images/b5.svg) center center no-repeat; background-size:30% auto ;}
.indexContainer .layer1 .hd ul li:nth-child(6).on .icon{ background: url(../images/b6.svg) center center no-repeat; background-size:30% auto ;}
.indexContainer .layer1 .hd ul li:nth-child(7).on .icon{ background: url(../images/b7.svg) center center no-repeat; background-size:30% auto ;}
.indexContainer .layer1 .hd ul li:nth-child(8).on .icon{ background: url(../images/b8.svg) center center no-repeat; background-size:30% auto ;}
.indexContainer .layer1 .bd{ padding:10px 0; box-sizing: border-box;}
.indexContainer .layer1 .bd .bd_box .icon{ width: 100%; height: auto; margin-bottom: 10px;}
.indexContainer .layer1 .bd .bd_box .text{ padding: 0; width: 100%;}
.indexContainer .layer2{ width: 100%; padding: 10px; box-sizing: border-box; height: auto; background-size:auto 100%;}
.indexContainer .layer2 .tit{ font-size: 24px; line-height: 80px;}
.indexContainer .layer2 .tit::before { bottom: 15px;}
.indexContainer .layer2 ul{ width: 100%; overflow: hidden;}
.indexContainer .layer2 ul li{ width: 100%; margin-bottom: 10px;}
.indexContainer .layer2 ul li:nth-child(2){ width: 100%; margin: 0 0 10px 0;}
.indexContainer .layer4 .bg ul li img{ float: left;}
.indexContainer .layer4_box{ width: 100%; padding: 20px 0;}
.indexContainer .layer4_box .tit h2{ font-size: 24px;}
.indexContainer .layer4_box .tit p{ font-size: 12px;}
.indexContainer .layer4_box .nr{ padding-top: 20px;}
.indexContainer .layer4_box .nr .hd{ width: 100%; border: 0;}
.indexContainer .layer4_box .nr .hd ul li{ width: 30%; float: left; margin: 0; font-size: 14px; height: 40px; text-align: center; line-height: 40px;}
.indexContainer .layer4_box .nr .hd ul li span{ height: 100%; line-height: 40px; font-size: 14px; text-align: center; padding: 0;}
.indexContainer .layer4_box .nr .bd{ width: 100%; padding: 0 15px; box-sizing: border-box;}
.indexContainer .layer4_box .nr .bd .bd_box .icon{ width: 100%; height: auto; padding-top: 10px;}
.indexContainer .layer4_box .nr .bd .bd_box .text{ padding: 0; width: 100%;}
.indexContainer .layer4_box .nr .bd .bd_box h2{ font-size: 16px; text-align: center;}
.indexContainer .layer4_box .nr .bd .bd_box p{ width: 100%;}
.indexContainer .layer4_box .nr .bd .bd_box ul li{ width: 25%; float: left; margin: 0;}
.indexContainer .layer4_box .nr .bd .bd_box ul li .icon{ margin: 10px auto;}
.indexContainer .layer4_box .nr .bd .bd_box ul li p{ font-size: 12px;}
.indexContainer .layer5{ width: 100%; padding: 0 10px; box-sizing: border-box;}
.indexContainer .layer5 .tit h2{ line-height: 80px; font-size: 24px;}
.indexContainer .layer5 .tit h2::before { bottom: 15px;}
.indexContainer .layer5 .layer5Box{ margin-bottom: 10px; font-size: 12px; line-height: 22px; padding: 12px;}
.indexContainer .layer4_box .nr .bd .bd_box a{ margin: 0 auto;}
.about .tit{ height: 80px; line-height: 85px; padding: 0; font-size: 24px;}
.about .tit::before { bottom: 10px;}
.about .aboutLayer1-1{ width: 100%; padding: 0 10px; box-sizing: border-box;}
.about .aboutLayer1-1 .icon{ width: 100%; height: auto;}
.about .aboutLayer1-1 .icon img{ width: 100%; height: auto;}
.about .aboutLayer1-1 .text{ width: 100%; padding:25px 0 0 0;}
.about .aboutLayer1-1 .text p{ font-size: 12px; line-height: 22px;}
.about .aboutLayer1-2{ display:none;}
.about .aboutLayer1-4{ display:block; width: 100%; padding: 0 10px; box-sizing: border-box;}
.about .aboutLayer1-4 .icon{ width: 100%; height: auto;}
.about .aboutLayer1-4 .icon img{ width: 100%; height: auto;}
.about .aboutLayer1-4 .text{ width: 100%; padding:25px 0 0 0;}
.about .aboutLayer1-4 .text p{ font-size: 12px; line-height: 22px;}
.about .aboutLayer1-3{ width: 100%; padding: 0 10px; box-sizing: border-box;}
.about .aboutLayer1-3 .text{ width: 100%;}
.about .aboutLayer1-3 .text p{ font-size: 12px; line-height: 22px;}
.aboutLayer3{ width: 100%; padding: 15px; box-sizing: border-box;}
.aboutLayer3 .main{ width: 100%;}
.aboutLayer3 .main table th{ font-size: 12px; line-height: 18px;}
.about .aboutLayer2 .text{ width: 100%; padding:0 15px 15px 15px; box-sizing: border-box; height: auto;}
.about .aboutLayer2 .text .list{ width: 100%; padding: 0 0 60px 0;}
.about .aboutLayer2 .text .bt{ width: 100%;}
.about .aboutLayer2{ width: 100%;}
.about .aboutLayer2 .icon{ width: 100%; height: auto;}
.about .aboutLayer2 .icon img{ display: block; width: 100%; height:auto;}
.aboutLayer4{ width: 100%;}
.about4Box{ width: 100%;}
.about4Box .swiper-container .icon img{ width: 100%; height: auto; padding: 0;}
.about4Box .swiper-container .icon{ padding: 0;}
.aboutLayer4 ul{ width: 100%;}
.aboutLayer4 ul li{ width: 49%; margin-right: 2%; margin-bottom: 10px;}
.aboutLayer4 ul li:nth-child(2n){ margin-right: 0;}
.aboutLayer4 ul li h2{ font-size: 12px;}
.aboutLayer4 ul li p{ font-size: 12px;}

.product{ width: 100%; padding: 0 10px; box-sizing: border-box;}
.product .tit{ height: 80px; line-height: 85px; padding: 0; font-size: 24px;}
.product .tit::before { bottom: 10px;}
.product .hd{ padding: 20px 0;}
.product .hd ul{ width: 100%;}
.product .hd ul li{ width: 33%;}
.product .hd ul li:nth-child(2){ width: 34%;}
.product .hd ul .bg{ display: none;}
.product .bd .usedcars-list li .icon{ width: 100%; position: relative; height: auto;}
.product .bd .usedcars-list li .icon img{ display: block; width: 100%; height: auto; position: relative; transform: translate(0); left: 0; top: 0;}
.product .bd .usedcars-list li{ width: 100%; overflow: hidden; height: auto;}
.product .bd .usedcars-list li .text{ width: 100%;}
.product .bd .usedcars-list li .text .price { width: 100%;}
.product .bd .usedcars-list li .text .quote { width: 100%;}
.product .bd .column-list li .icon{ width: 100%; position: relative; height: auto;}
.product .bd .column-list li .icon img{ display: block; width: 100%; height: auto; position: relative; transform: translate(0); left: 0; top: 0;}
.product .bd .column-list li{ width: 100%; overflow: hidden; height: auto;}
.product .bd .column-list li .text{ width: 100%;}
.product.zz .hd ul{ width: 100%; height: auto; overflow: hidden;}
.product.zz .hd ul li{ width: 33%;}
.product.zz .hd ul li:nth-child(2){ width: 34%;}
.product.zz .hd ul li:nth-child(5){ width: 34%;}
.product.zz .hd ul .bg{ display: none;}

.page-header{ width: 100%;}
.page-header .entry-date { width: 100%;}

.details2Layer1{ width: 100%; height: auto;}
.details2{ width: 100%;}
.details2Layer1 .left{ width: 100%; padding: 10px; box-sizing: border-box; height: auto;}
.details2Layer1 .left .icon{ width: 100%; height: auto;}
.details2Layer1 .left .nr .bd ul li{ margin-right: 6px;}
.details2Layer1 .center{ width: 100%; margin: 0; padding: 0 10px; box-sizing: border-box;}
.details2Layer1 .right{ display: none;}
.details2Layer3 .right .tit ul li{ width: 25%;}
.details2Layer3 .right .tit.on{ width: 100%; top: 50px; left: 0; margin: 0;}
.details2Layer3 .right .main{ padding: 10px;}
.details2Layer3 .right .main .main_box .text ul{ display: none;}
.details2Layer3 .right .main .main_box .list ul li{ width: 49%; float: left; margin-right: 2%;}
.details2Layer3 .right .main .main_box .list ul li:nth-child(2n){ margin-right: 0;}
.details2Layer3 .main_box img{ display: block; width: 100%; height: auto;}
.productMain .productLayer1{ width: 100%;}
.productMain .tit{ padding: 25px 0;}
.productMain .leftTit{ width: 100%; height: 80px; padding: 15px 5px 0 0; font-size: 18px; }
.productMain .leftTit h4 { padding: 5px 45px;}
.productMain .leftTit h4:before { border-left: solid 35px white; border-bottom: solid 69px transparent;}
.productMain .aboutLayer1{ width: 100%; padding: 0 10px; box-sizing: border-box;}
.productMain .aboutLayer1 .icon{ width: 100%; height: auto;}
.productMain .aboutLayer1 .icon img{ width: 100%; height: auto;}
.productMain .aboutLayer1 .text{ width: 100%; padding:25px 0 0 0;}
.productMain .aboutLayer1 .text h2{ font-size: 14px; line-height: 22px;}
.productMain .aboutLayer1 .text p{ font-size: 12px; line-height: 22px;}
.productMain .productLayer1 ul li{ width: 50%; float: left; margin: 0; padding: 10px; box-sizing: border-box; text-align: center;}
.productMain .productLayer2 ul{ width: 100%; padding: 0 20px; box-sizing: border-box;}
.productMain .productLayer2 .pro3List li{ width: 100%; margin-bottom: 20px;}
.productMain .productLayer4 .hd ul{ display: none;}
.productMain .productLayer4 .swiper-container .swiper-button-next{ width: 30px; height: 30px;    background: url(../images/next2.png) center center no-repeat #fff; background-size:20% auto ;}
.productMain .productLayer4 .swiper-container .swiper-button-next:hover{ width: 30px; height: 30px;    background: url(../images/next2.png) center center no-repeat #fff; background-size:20% auto ;}
.productMain .productLayer4 .hd{ display: none;}
.productMain .productLayer4 .swiper-container .swiper-button-prev{ width: 30px; height: 30px;    background: url(../images/prev2.png) center center no-repeat #fff; background-size:20% auto ;}
.productMain .productLayer4 .swiper-container .swiper-button-prev:hover{ width: 30px; height: 30px;    background: url(../images/prev2.png) center center no-repeat #fff; background-size:20% auto ;}
.aboutTab{ width: 100%; padding: 0 10px; box-sizing: border-box;}
.aboutTab table td{ width: auto;}
.aboutTab table tr td:first-child{ width: 35%;}
}