/* CSS Document */
* {margin: 0;outline: 0;padding: 0;}
body {background:#fff; border: none; font-family: "Arial,Helvetica,sans-serif"; font-weight: 400; font-size:16px;margin: 0;padding: 0;}
body, form, ul, ol, li, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, table, fieldset, hr, div {margin: 0;padding: 0;}
img {border: 0 none;max-width:100%;}
ul, ol, li {list-style-type: none;}
:focus { outline: none; }
a {outline: medium none;text-decoration: none;}
a:hover {text-decoration: none;}
em,i{font-style: normal;font-weight: normal;}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;}
input[type="submit"] {
    color: #000;
}
.clearfix{zoom: 1;}
.clear{ clear:both}
table{border-collapse:collapse;}
input {line-height: normal;}
input,select,textarea,button{font-family: PingFangSC-Regular, sans-serif; border: none;}
/*-------------------------------------*/
.fw-bold{ font-weight:bold;}
.fw-normal{ font-weight:normal;}
h1,h2,h3,h5 { font-weight: lighter;}
h4 { font-weight:normal}
.fr { float: right;}
/*-------------------------------------*/
.wrap{ width: 1200px; margin: 0 auto;}
.headCenter{ width: 100%; display: block;background: url(../images/banner.jpg) no-repeat center top; background-size:contain; height: 790px;min-width:1200px}
.headCenter .headCon { display: inline-block; margin: 1% auto; width: 100%; }
.headCenter .logo { width: 152px; height: 80px; }
.headCenter .IcoTel { float: right; color: #ffcb01; font-size: 18px; width: 50%;text-align: right; margin-top: -2px;}
.headCenter .IcoTel img { width: 26px; height: 26px; margin-right: 1%;vertical-align:middle;}
.bannerTit { float: left; margin: 5% 0 0; width: 700px;}
.bannerTit .Product { margin-top: 7%; width: 90%;}
.indexCon3 { background: url(../images/RegBg.png) repeat; width: 360px; border-radius: 6px; color: #000; float: right; margin-top: 3%; padding: 2%;}
.indexConOk { margin-top: 15%;}
.indexCon3 .title{ padding: 0 0 2%;font-size:26px; font-weight:normal}
.indexCon3 .label{font-size: 14px; width: 100%; display: inline-block;font-weight: normal;line-height: 22px;}
.formInput{ margin-top: 20px;text-align: left;}
.formInput li{ margin-top: 5%;display: inline-block; width: 100%;}
.formInput li .inputText{ border: none; width: 84%; *width: 83%; height: 40px; *height: 40px;line-height: 1.4;line-height: 3 \9; font-size: 16px; padding: 1px 16px; border-radius: 6px; border: 1px solid #fff; background:#fff !important;}
.formInput li .inputText:focus { outline: none; border-color: #e31c1a;}
.formInput li i{color: #ff0000;font-weight: bold;display: inline-block; margin-top: 3%; float: left; margin-right: 2%;}
.formInput li .tijiao{width: 50% !important; margin: 3% 25%; cursor: pointer; height: 46px !important; font-size: 20px !important; border-radius: 100px !important; background-color: #fff ;border: none !important;}
.nav { background: #fcc900; width: 100%;display: inline-block;min-width:1200px}
.nav ul li a{ color: #000; height: 60px; line-height: 60px; float: left; margin-right: 4%; font-size: 18px; padding: 0 1%;font-family: PingFangSC-Regular, sans-serif;}
.nav ul li a:hover{ background: #efeeee8f;} 
.nav li a.active { background: #efeeee8f;}
.nav ul li img { vertical-align: middle; margin-right: 6px;}
.nav ul li.offer { margin-right: 0; background: #e31c1a; color: #fff; padding: 0 1%; float: right;}
.nav ul li.offer a{ color: #fff; min-width: 130px;font-size: 18px;}
.nav ul li.offer a:hover{ background: none;}
.nav ul li.offer font { font-size:24px;vertical-align: bottom;margin-right: 7%;}
.nav-height{ position:relative;}
.nav-wrap { width: 100%;}
.nav-wrap.navFix{position: fixed;top: 0;left: 0; background: #fcc900; box-shadow: 0 0 5px rgba(0,0,0, 0.2);border-bottom:1px solid #e3e3e3\9; z-index: 99999;} 
.nav-wrap.navFix ul{ border-bottom: 0;}
.click-me {width: 150px;height: 30px; background: #fcc900;color: white; text-align: center;line-height: 30px;}
.click-me a {display: block;color: white;}	
.subMenu {position:fixed;top: 790px;z-index: 1000;width: 100%;}
.headService{ position: absolute;top:15px;right:20px; font-size: 15px; color: #fff; font-family: 'Microsoft Yahei';}
.headService i{ color: #fcc800; font-size: 22px; margin-right: 6px;}
.headNav{ position: absolute; bottom:10px;right:15px;}
.headNav a,.headNav em{ color: #fcc800;}
.headNav a{ padding: 0 5px;}
.infor{ width: 100%; display: block; padding:20px 0 30px; text-align: center;}
.infor .title{ color: #727272; font-weight: bold; font-size: 14px;}
.infor .content{ color: #727272; margin: 16px 0 20px;}
.infor .photo a{ padding: 0 26px; border-left: 1px solid #9f9fa0; height: 70px; display:inline-block}
.infor .photo a.first{ border: none}
.indexCon{ background:#fff; width: 100%; display: block; text-align: center; padding: 3% 0 3%;}
.indexTitle{ text-align: center; color: #333333; font-size: 36px; line-height: 52px;}
.indexTitle hr { width: 100px; height: 3px; background: #fcc800;margin: .5% auto; border: none;}
.indexTable{ width: 1200px; margin: 0 auto;height: 420px; padding-top: 1%;}
.indexTabBdCon{ text-align: left; display: block; margin-left:1%; padding-top:3%; cursor: pointer; position: relative; }
.indexTabBdCon dl{ width: 100%; display: inline-block;}
.indexTabBdCon .title{ font-size: 26px; color: #000; background: #fcc800; padding: 2% 1%; width: 99%; text-align: center;}
.indexTabBdCon .left{width: 298px;overflow: hidden;float: left;position: absolute;top: 6%;}
.indexTabBdCon .right {float: right;background: #fff;box-shadow: 3px 3px 18px #d2d2d2;width: 910px;height: 190px; margin-top: 2%;}
.IcoSymbol {display: inline-block;margin: 3% 5% 1%;}
.indexTabBdCon .content{line-height: 26px;color: #666;padding: 0 3% 0 10%;margin-bottom: 2%;font-size: 16px; margin-top:-3%;}
.indexTabBdCon .content .big{ font-size: 26px;}
.indexTabBdCon .list{ padding: 0 0 3% 10%; display: none;}
.indexTabBdCon .list span{display: inline-block;margin: 1% 1% 0 0;font-size: 15px;color: #333;text-align: center;background: #f4f5f5;padding: 1% 2%;font-weight: normal;}
.indexTabBdCon .list span.one{/* line-height:58px; height: 58px; */}
.indexTabBdCon .list span.two{line-height:15px; padding-top: 15px; height:44px;}
.indexTabBdCon .list span.three{ line-height:15px; height: 51px; padding-top: 7px;}
.indexTabHd{width: 889px;display: inline-block;float: right;}
.indexTabHd a{ width: 120px; height: 120px; display: inline-block; margin:3% 1% 0; position: relative;}
.indexTabHd a em { color: #212121; font-size: 14px; margin-top: 5%; display: inline-block;}
.indexTabHdListImg{width: 100%; height: auto; overflow: hidden; display: inline-block; border: 2px solid #f5f5f5;}
.indexTabHd a .indexTabHdListBg{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 5; display: inline-block; background: url(../images/bg-06.png) no-repeat;background-size: cover;color: #212121;line-height: 190px; font-size: 12px;}
.indexTabHd a.active .indexTabHdListBg{ display: none;}
.indexTabHd a.active .indexTabHdListImg { border: 2px solid #fcc800;}
.indexTableTip{ font-size: 12px; color: #004998; text-align: right; padding-right: 27px; margin-top: 5px;}
.indexCon2{background: #f4f5f5; width: 100%; display: block; text-align: center; padding: 3% 0;}
.picScroll-left{ position:relative;width: 1210px; margin: 2% auto 0;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:.5%; width: 24%;float:left; _display:inline; overflow:hidden; text-align:center; position: relative;}
.picScroll-left .bd ul li em{position: absolute;bottom: 0;left: 0;z-index:10;display: block;background:url(../images/IndustryBg.png) repeat;width: 100%;padding: 4% 0;color: #fff; font-size: 17px;}
.picScroll-left .bd ul li:hover em{ display: none;}
.picScroll-left .bd ul li p{position: absolute;top: 0;left: 0;z-index:10;display: none;background:url(../images/IndustryBg.png) repeat;width: 90%; height: 90%; padding: 5%;color: #fff; font-size: 16px; text-align: left; vertical-align: middle; overflow-y: auto;}
/*滚动条*/
.picScroll-left .bd ul li p::-webkit-scrollbar {width: 6px;}
.picScroll-left .bd ul li p::-webkit-scrollbar-track { background-color: #fff; }
.picScroll-left .bd ul li p::-webkit-scrollbar-thumb { background-color: #ccc; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;}
.picScroll-left .bd ul li p button { border: 1px solid #e31c1a; color: #e31c1a; background: none; padding: 2px 8px; display: block; margin: 20px auto 0; cursor: pointer;}
.picScroll-left .bd ul li:hover p{ display: block;}
.indexCon4{background: #fff; width: 100%; display: block; text-align: center; padding:3% 0 0;}
.introduce{ padding: 20px; display: block;}
.introduce .photo{ float: right; margin-left: 40px;}
.introduce .content{ text-align: left; line-height: 30px;}
.introduce  h3 { font-size: 20px; color: #333; margin: 2% 0;}
.Brand { width: 100%; display: inline-block;margin: 5% auto 0; text-align: center;}
.Brand a { margin: 2% 2% 0;}
.indexCon5{ width: 100%; display: inline-block; background: #fcc800; text-align: center; padding:3% 0; min-width: 1200px;}
.indexCon5OK{ width: 100%; display: inline-block; text-align: center; padding:3% 0 0;}
.indexCon5 .title,.indexCon5OK .title{ color: #000; font-size: 26px;font-weight:lighter;}
.indexCon5 .label,.indexCon5OK .label{ margin: 1% 0 2%; font-size: 18px; display: block;}
.indexCon5 .label a,.indexCon5OK .label a { margin: 0 1%; color: #000;font-family: PingFangSC-Regular, sans-serif;}
.indexCon5 .offerButton {background: #fff;border-radius: 30px;font-size: 20px;padding: 0 4%;margin: 0 auto; color: #000; height: 60px; line-height: 60px;display: inline-block;}
.indexCon5 .offerButton:hover { background: #ffffffd6; color: #5d5b51;}
.footer{ background: #232426; width: 100%; text-align: center; line-height: 55px; min-width: 1200px;}
.footerCon{ width: 1200px; display: inline-block; font-size: 12px; color: #a2a2a2; text-align: left;}
.footerCon a { color: #a2a2a2;}
.succend{ font-size: 20px; color: #000; margin:20% 0; width: 100%; display: inline-block; text-align: center;}
.succend i { font-size: 26px; display: block; margin-bottom: 3%;}
.DheadCenter{background: url(../images/Dbanner.jpg) no-repeat center top;}
.DheadCenter .IcoTel,.Dnav ul li a { color: #fff;}
.DheadCenter .IcoTel {font-size: 24px;}
.DindexCon3 { background: url(../images/DRegBg.png) repeat;}
.DindexCon3 .title,.DindexCon3 .label { color: #fff;}
.DformInput li .tijiao {background-color: #fcc900;}
/* .DindexTable {height: 350px;} */
.DindexTabBdCon .left {top: 5%;/* width: 320px; */}
.DindexTabBdCon .left img { width: 100%;}
.DindexTabBdCon .title { font-size: 22px;}
.DindexTabBdCon .right {height: 210px; width: 910px;}
.DindexTabHd { width: 880px;}
.DindexTabHd a{ width: 120px; height: 170px;margin: 3% 1% 0 2%; float: left;}
.DindexTabHd a .indexTabHdListBg { margin: 2px;}
/* .DpicScroll-left .bd ul li {width: 19%;} */
.Dnav,.Dnav-wrap.navFix { background: #0f3a6e;}
.Dnav ul li a:hover,.Dnav li a.active{ background: #efeeee4f;} 
.DindexTitle hr { background: #0f3a6e;}
.DformInput li .tijiao {background-color: #fdd000;}
.Dsuccend,.DformInput li .error { color: #fff;}
.formInput li label.error{margin: 2% 5% 0; font-size: 12px;}
.fixFooter{ position:fixed; left:0; bottom:0; width:100%; z-index:100; height:44px; box-shadow:0 0 4px rgba(0,0,0,.4);}
.fixFooter a{ height:44px; line-height:44px; text-align:center; color:#fff;  font-size:16px; background:#e60012; display:block; width:50%; float:left;}
.fixFooter a i{ display:inline-block; width:20px; margin-right:5px;}
.fixFooter a i img{ width:100%; height:auto;vertical-align: text-top;}
.fixFooter a:last-child{ background:#162282;}
@media screen and (min-width: 1681px) and (max-width: 1919px) {
.headCenter{ background-size:cover; height: 700px;}
.bannerTit { width: 660px; margin-bottom: 6%;}
/* .bannerTit img { width: 68%;} */
.bannerTit .Product { margin-top: 5%; width: 80%;}
.indexCon3 { width: 320px;padding:2% 2% 1% 2%;margin-top:2%}
.formInput {margin-top:0}
.subMenu {top: 662px;}
}
@media screen and (min-width: 1337px) and (max-width: 1680px) {
.headCenter .IcoTel { font-size: 18px;}
.wrap,.indexTable { width: 1100px;}	
.nav ul li a { height: 52px; line-height: 52px;font-size: 16px;}
.picScroll-left { width: 1110px;}	
.picScroll-left .bd ul li p { font-size: 15px;}
.headCenter{ background-size:cover; height: 630px;}
.bannerTit { width: 660px;margin: 3% 0 0;}
/* .bannerTit img { width: 60%;} */
.bannerTit .Product { margin-top: 3%; width: 76%;}
.indexCon3 { width: 320px;padding:2% 2% 1% 2%;margin-top:1%;border-radius: 3px;}
.indexCon3 .title { font-size: 22px;}
.formInput {margin-top:0}
.formInput li .inputText{ width: 82%; *width: 81%; height: 36px; *height: 36px;line-height: 1.4;line-height: 3 \9; font-size: 15px; padding: 1px 16px;}
.subMenu {top: 662px;}
.indexCon {padding: 3% 0 3%;}
.indexTitle { font-size: 32px;}
.indexTabHd {width: 790px;}
.indexTabBdCon .right {width: 816px;}
/* .DindexTable { height: 340px;} */
.DheadCenter .IcoTel {font-size: 22px;}
.DindexTabHd { width: 800px;}
.DindexTabHd a { width: 109px; height: 160px;}
.indexTabHd a em { font-size: 13px;}
.DindexTabBdCon .left { width: 270px;top: 5%;}
.DindexTabBdCon .title { font-size: 20px;}
.DindexTabBdCon .right {width: 850px; height: 202px;}
}
@media screen and (min-width: 1281px) and (max-width: 1366px) {
.headCenter .logo { width: 133px; height: 70px;}
.wrap,.indexTable { width: 1000px;}	
.picScroll-left { width: 1000px;}
.picScroll-left .bd ul li p { font-size: 15px;}
.indexTitle { font-size: 28px;line-height: 36px;}
.indexTabBdCon .left { width: 260px;top: 5%;}
.indexTabBdCon .title { font-size: 20px;}
.indexTabBdCon .right { width: 760px;height: 200px;}
.indexTabBdCon .content {padding: 0 2% 0 12%;font-size: 14px;margin-top: -5%;}
.indexTabBdCon .list { padding: 0 0 3% 12%;}
.indexTabBdCon .list span {font-size: 14px;}
.indexTabHd { width: 730px;}
.headCenter{ background-size:cover; height: 540px;}
.bannerTit { width: 660px; margin-bottom: 6%;margin-top: 3%;}
.bannerTit img { width: 90%;}
.bannerTit .Product { margin-top: 2%; width: 62%;}
.indexCon3 { width: 300px;padding:2% 2% 1% 2%;margin-top:0}
.indexCon3 .title {font-size: 20px;}
.formInput {margin-top:0}
.formInput li .inputText{ width: 82%; *width: 81%; height: 32px; *height: 32px;line-height: 1.2;line-height: 2 \9; font-size: 14px; padding: 1px 16px;}
.subMenu {top: 600px;}
.nav ul li a{height: 50px; line-height: 50px; margin-right: 3%; font-size: 16px;}
.indexCon5 .title, .indexCon5OK .title {font-size: 22px;}
.indexCon5 .offerButton { height: 50px;line-height: 50px;font-size: 18px;}
.DindexTable { height: 350px;}
.DindexTabBdCon .left { width: 250px;top: 5%;}
.DindexTabBdCon .title { font-size: 18px;}
.DindexTabBdCon .right { height: 180px;width: 760px;}
.DindexTabHd a { width: 100px; height: 150px;margin: 3% .5% 0 2%;}
.indexTabHd a em { font-size: 12px;}
}
@media screen and (min-width: 1153px) and (max-width: 1280px) {
.wrap,.indexTable { width: 1000px;}	
.picScroll-left { width: 1000px;}
.picScroll-left .bd ul li p { font-size: 14px;}
.indexTitle { font-size: 28px;line-height: 36px;}
.indexTabBdCon .left { width: 260px;top: 5%;}
.indexTabBdCon .title { font-size: 20px;}
.indexTabBdCon .right { width: 760px;height: 200px;}
.indexTabBdCon .content {padding: 0 2% 0 12%;font-size: 15px; margin-top: -4%;}
.indexTabBdCon .list { padding: 0 0 3% 12%;}
.indexTabBdCon .list span {font-size: 14px;}
.indexTabHd { width: 730px;}
.headCenter{ background-size:cover; height: 700px;}
.bannerTit { width: 660px; margin-bottom: 4%;margin-top: 4%;}
.bannerTit img { width: 90%;}
.bannerTit .Product { margin-top: 6%; width: 76%;}
.indexCon3 { width: 300px;padding:2% 2% 1% 2%;margin-top:3%}
.indexCon3 .title {font-size: 20px;}
.formInput {margin-top:0}
.formInput li .inputText{ width: 82%; *width: 81%; height: 32px; *height: 32px;line-height: 1.2;line-height: 2 \9; font-size: 14px; padding: 1px 16px;}
.subMenu {top: 600px;}
.nav ul li a{height: 50px; line-height: 50px; margin-right: 3%; font-size: 16px;}
.indexCon5 .title, .indexCon5OK .title {font-size: 22px;}
.indexCon5 .offerButton { height: 50px;line-height: 50px;font-size: 18px;}
.indexCon {padding: 4% 0 3%;}
/* .DindexTable {height: 350px;} */
.DindexTabBdCon .left { width: 250px;top: 5%;}
.DindexTabBdCon .title { font-size: 18px;}
.DindexTabBdCon .right { height: 220px; width: 760px;}
.DindexTabHd a { width: 106px; height: 160px; margin: 3% 0 0 2%;}
.indexTabHd a em { font-size: 13px;}
}
@media screen and (min-width: 1024px) and (max-width: 1152px) {
.wrap,.indexTable,.footerCon,.picScroll-left { width: 880px;}
.headCenter,.nav,.footer,.indexCon5{min-width: 880px;}
.indexTitle { font-size: 24px;line-height: 30px;}
.indexTable{height: 330px; padding-top: 3%;}
.indexTabBdCon .left { width: 200px;top: 3%;}
.indexTabBdCon .title { font-size: 18px;}
.indexTabBdCon .right { width: 700px;height: 170px;}
.indexTabBdCon .right .IcoSymbol { margin: 3% 1% 1% 5%; width: 4%;}
.indexTabBdCon .content {padding: 0 2% 0 12%;font-size: 14px; margin-top: -5%;}
.indexTabBdCon .list { padding: 0 0 3% 12%;}
.indexTabBdCon .list span {font-size: 14px;}
.indexTabHd { width: 674px;}
.indexTabHd a { width: 100px; height: 100px;margin: 1% 1% 0;}
.indexTabHd a em { font-size: 12px;}
.headCenter{ background-size:cover; height: 540px;}
.bannerTit { width: 500px; margin-bottom: 3%;margin-top: 3%;}
/* .bannerTit img { width: 60%;} */
.bannerTit .Product { margin-top: 8%; width: 80%;}
.indexCon3 { width: 260px;padding:2% 2% 1% 2%;margin-top:0}
.indexCon3 .title {font-size: 18px;}
.formInput {margin-top:0}
.formInput li .inputText{ width: 80%; *width: 79%; height: 28px; *height: 28px;line-height: 1.2;line-height: 2 \9; font-size: 14px; padding: 1px 10px;}
.formInput li .tijiao {font-size: 16px;}
.nav ul li a{ height: 45px;line-height: 45px;font-size: 14px;margin-right: 3%;}
.indexCon5 .title, .indexCon5OK .title {font-size: 18px;}
.indexCon5 .label, .indexCon5OK .label {font-size: 14px;}
.indexCon5 .offerButton { height: 45px;line-height: 45px;font-size: 16px;}
.indexCon {padding: 4% 0 3%;}
.picScroll-left .bd ul li em {font-size: 16px;}
.picScroll-left .bd ul li p { font-size: 12px;}
.picScroll-left .bd ul li p button { margin: 10px auto 0;}
.DindexTable {height: 360px;}
.DindexTabBdCon .title { font-size: 16px;}
.DindexTabHd a { width: 98px; height: 145px; margin: 1% 0 0 2%;}
.DindexTabBdCon .right {height: 200px;}
.DindexTabBdCon .content { margin-top: -4%; line-height: 24px;}
}
@media screen and (min-width: 641px) and (max-width: 1023px) {
.wrap { width: 90%; margin: 0 5%;}
.headCenter{ background-size:cover; height: 600px;}	
.bannerTit { width: 600px; margin-bottom: 3%;margin-top: 3%;}
/* .bannerTit img { width: 70%;} */
.bannerTit .Product { margin-top: 3%; width: 74%;}
.indexCon3 {margin-top:1%}
.indexCon3 .title {font-size: 20px;}
.formInput { margin-top: 0;}
.formInput li .inputText{ height: 32px; *height: 32px;line-height: 1.2;line-height: 2 \9; font-size: 14px; padding: 1px 12px;}
.subMenu {top: 600px;}
.nav ul li a{height: 46px; line-height: 46px; margin-right: 2%; font-size: 16px;}
.indexTitle { font-size: 30px;}
}
@media screen and (max-device-width: 414px) {
body,h1, h2, h3, h5 { font-weight: normal;}	
.wrap { margin: 0 2%; width: 96%;}
.headCenter { min-width: auto;height: auto;background-size: cover; background: url(../images/bannerMobile.jpg) no-repeat left top; }
.headCenter .headCon {/* margin: 2% auto 0; */}
.bannerTit { width: 100%;text-align: center;}
.bannerTit img { width: 96%;}
.indexCon3 { width: 94%; margin: 0 3% 5%; padding: 5% 3% 1%; text-align: center;}
.indexCon3 .label { color: #fff;}
.formInput { margin-top: 2%;}
.formInput li .inputText { width: 93%;margin-bottom: 0;}
.nav { position: fixed; top: 1%; right: 3%; width: 35%; background: none;min-width: auto; text-align: right; display: none;}
.nav ul { background: #fcc900; text-align: left;padding: 3% 0 0;}
.nav ul li a { float: none;font-size: 1rem;margin:0;height: auto; line-height: 2rem; padding: 3% 2% 3% 10%; display: inline-block;}
.nav ul li img { width: 1.3rem;}
.nav ul li.offer {padding: 3% 0;float: none; }
.nav ul li.offer a { min-width: auto;}
.indexTitle { font-size: 1.5rem;line-height: 2.6rem;}
.indexTitle hr { width: 60px;}
.indexTable{ width: 94%; margin: 3% 3% 0;height: auto;}
.indexTabBdCon .title {font-size: 1.2rem;padding: 3% 1% 3% 0; line-height: 1.6;}
.indexTabBdCon .left { position:inherit; width:100%; text-align: center;padding-top: 1rem;}
.indexTabBdCon .right { width:99%; height: auto; float: none;margin-top:0; padding-bottom: 2%; }
.indexTabBdCon .content { padding: 3% 5%; height: 12rem;display: inline-block; font-size: .9rem;line-height: 1.6rem;}
.indexTabBdCon .list {padding: 0 0 3% 3%;}
.indexTabHd { width: 100%; float: none;margin-top: 2%;}
.indexTabHd a { width: 5rem;height: 5rem; margin: 5% 1% 0;}
.indexTabHdListImg { width: 100%; height: 100%; border: 2px solid #e6e6e6;}
.indexTabBdCon .list span {font-size: .94rem; margin: 2% .5% 0 0;}
.picScrollApp{ padding-right: 1%; margin-top:20px !important; width: 96%; display: inline-block;}
.picScrollApp .swiper-slide{width:31% !important; margin-left: 2%;}
.picScrollApp .swiper-slide img{ float:left}
.picScrollApp .swiper-slide em{ margin:0 auto;font-size: .8rem; display: flex; color: #fff;background:#000; width: 100%;padding: 5% 0; height: 70px; align-items: center;line-height: 16px;}
.introduce { padding: 3% 0 0;}
.introduce .content { line-height: 1.5rem;width: 92%; margin: 0 4%;}
.introduce .content p { color: #333;}
.introduce .photo { float: none; margin: 2% auto;width: 50%;}
.introduce h3 { font-size: 1.2rem;margin: 6% 0 3%; line-height: 2rem;}
.Brand a {margin: 2% 0 0 1%;display: inline-block;width: 31%;}
.indexCon5 { min-width: auto; padding: 6% 0 5%;}
.indexCon5 .title, .indexCon5OK .title {font-size: 1.2rem;line-height: 2rem;}
.indexCon5 .label, .indexCon5OK .label { color: #333;font-size: .95rem; padding:2% 3.5% 0;}
.indexCon5 .labelNav, .indexCon5OK .labelNav { color: #333;font-size: .95rem; padding:2% 0;}
.indexCon5 .labelNav a, .indexCon5OK .labelNav a {margin: 1%; color: #333;display: inline-block;}
.indexCon5 .offerButton {font-size: 1.1rem; height: 2.3rem; line-height: 2.3rem; margin-top: 2%;padding: 0 10%;}
.footer { min-width: auto; line-height: 1.2rem; padding-bottom: 10%;}
.footerCon { width: 94%; margin: 2% 3%; text-align: center;}
.formInput li .tijiao:hover{ background: #ffffffd6; color: #5d5b51;}
.succend { padding: 0 5%; line-height: 2rem;font-size: 1.2rem;}
.succend i {margin-bottom: 6%;}
.indexCon5OK { padding: 8% 0 0 0;}
.Brand {margin: 3% auto 0;}
.IcoSymbol { display: none;}
.DindexTabBdCon .left img { width: auto;}
.DindexTabHd { width: 100%; float: none;margin-top: 3%;}
.DindexTabHd a {width: 7rem; height: auto; margin: 1% 1% 0;vertical-align: text-top;}
.DindexTabHd a em {margin-top: 0; font-size: .96rem; display: none;}
.DindexTabHd a .indexTabHdListImg { width: 100%; height:5.2rem; border: 2px solid #e6e6e6;}
.Dsuccend { color: #fff;}
.DheadCenter { background: url(../images/DbannerMobile.jpg) no-repeat;}
}
@media screen and (max-device-width:375px) {
.indexTitle {font-size: 1.4rem;line-height: 2.6rem;}
.indexTabHd a { width: 4.7rem; height: 4.7rem;}
.indexTabHd a em { font-size: 13px;}
.introduce h3 {font-size: 1rem;line-height: 1.6rem;}
.indexTabBdCon .list span {font-size: .9rem;}
.succend {font-size: 1.3rem;}
.IcoSymbol { display: none;}
.DindexTabBdCon .content { font-size: .9rem;}
.DindexTabHd a {width: 6.7rem; height: auto; margin: 3% 1% 0;vertical-align: text-top;}
.DindexTabHd a em {margin-top: 0; font-size: .9rem;}
.DindexTabHd a .indexTabHdListImg { width: 100%; height:5rem; border: 2px solid #e6e6e6;}
}
@media screen and (max-device-width:360px) {
.indexTitle {font-size: 1.3rem;line-height: 2.6rem;}
.indexTabHd a { width: 4.5rem; height: 4.5rem;margin: 3% 1% 0;}
.indexTabHd a em { font-size: 12px;}
.introduce h3 {font-size: 1rem;line-height: 1.6rem;}
.DindexTabHd a {width: 6.3rem;height: 4.8rem;}
.DindexTabBdCon .content { font-size: .86rem;}
.DindexTabHd a {width: 6.3rem; height: auto; margin: 3% 1% 0;vertical-align: text-top;}
.indexTabHd a em { font-size: .86rem;}
.DindexTabHd a .indexTabHdListImg { width: 100%; height:4.8rem; border: 2px solid #e6e6e6;}
.IcoSymbol { display: none;}
}
/*重置swiper*/
.selected-solution>div{position:relative;margin:0 auto;}
.swiper-container-horizontal>.swiper-pagination-bullets.solution-pagination{bottom:15px;}
.solution-pagination .swiper-pagination-bullet{width:24px;height:4px;border-radius:100px;overflow:hidden;background:#dfe1f1;border:none;cursor:pointer;content:'';display:inline-block;box-sizing:border-box;opacity:1;vertical-align:middle;}
.solution-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#f66f6a;box-sizing:border-box;}
.swiper-container-solution .swiper-button-prev{left:2%;width:30px;height:40px; margin-top:-12px;background-image:url(../images/marketplace-home-arrow_big.svg);background-size:cover;transition:background-image .15s;}
.swiper-container-solution .swiper-button-next{right:2%;width:30px;height:40px;margin-top:-12px;background-image:url(../images/marketplace-home-arrow_big.svg);transform:rotate(180deg);background-size:cover;transition:background-image .15s;}
.swiper-container-solution .swiper-button-next:hover,.swiper-container-solution .swiper-button-prev:hover{background-image:url(../images/marketplace-home-arrow_big_hover.svg);transition:background-image .2s;}

/* form validation */
input:invalid {
    border: 1px solid red;
}