/*mobile css clear default*/@charset "utf-8";/*clear-default start*/*,blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,ul,ol,li,p,pre,th,td,textarea{margin: 0;padding: 0;}
html,input,button,select,textarea{font-size: 24px/1.5em;color:#232323;font-family: "PingFang SC", "DroidSans","microsoft yahei", "微软雅黑", Tahoma, Helvetica, Arial, sans-serif;outline: none;}
address,cite,dfn,em,var,i,b,u{font-style:normal;}
input,button,select,textarea{border-radius: 0;}
a,a:active,a:link,a:visited,a:focus,a:hover{-webkit-tap-highlight-color: rgba(0,0,0,0);text-decoration: none;-webkit-user-select: none;user-select: none;}
input[type=button],input[type=submit],button{-webkit-appearance: none;appearance: none;}
img,a img{border:none;-webkit-user-select: none;user-select: none;}
hr{border:none;border-bottom:1px solid #666;}
ul,ol,dl,li{list-style: none;}
table{font-size: inherit;border-collapse: collapse;border-spacing: 0;}
textarea{display: block;resize: none;}
.f30{font-size:30px!important;}
.f24{font-size:24px!important;}
.f22{font-size:22px!important;}
.f20{font-size:20px!important;}
.f18{font-size:18px!important;}
.f16{font-size:16px!important;}
.f14{font-size:14px!important;}
.f12{font-size:12px!important;}
.f10{font-size:12px!important;}
.f-l{float: left!important;}
.f-r{float: right!important;}
.clearfix:after{content: "\20";display: block;visibility: hidden;clear: both;font-size: 0;height: 0;line-height: 0;}
.clearfix{*zoom: 1;}
.re{position: relative!important;}
.ab{position: absolute!important;}
.fixed{position: fixed!important;}
.none{display: none!important;}
.block{display: block!important;}
.inline{display: inline!important;}
.inlb{display: inline-block !important;;}
.m-c{margin:0 auto!important;}
.t-c{text-align:center!important;}
.t-l{text-align:left!important;}
.t-r{text-align:right!important;}
.t-j{text-align: justify!important;}
.flex {display: flex;display: -webkit-flex;flex-direction: row;justify-content: space-between;align-items: center;-webkit-align-items: center;}
.flex-around {justify-content: space-around;}
.flex-column {flex-direction: column;}
.flex-start {align-items: flex-start;}
.flex-end {align-items: flex-end;}
.no-m { margin:0 !important;}
.no-m-t { margin-top:0 !important;}
.no-m-r { margin-right:0 !important;}
.no-m-b { margin-bottom:0 !important;}
.no-m-l { margin-left:0 !important;}
.no-p { padding:0 !important;}
.no-p-t { padding-top:0 !important;}
.no-p-r { padding-right:0 !important;}
.no-p-b { padding-bottom:0 !important;}
.no-p-l { padding-left:0 !important;}
.no-b { border: none !important;}
.no-b-t { border-top:0 !important;}
.no-b-r { border-right:0 !important;}
.no-b-b { border-bottom:0 !important;}
.no-b-l { border-left:0 !important;}
.c-default {color:#ccc !important;}
.c-primary {color:#4374e0 !important;}
.c-info {color:#57b5e3 !important;}
.c-success {color:#53a93f !important;}
.c-danger {color:#d73d32 !important;}
.c-warning {color:#f4b400 !important;}
.c-sky {color:#11a9cc !important;}
.c-blueberry {color:#6f85bf !important;}
.c-yellow {color:#ffce55 !important;}
.c-darkorange {color:#ed4e2a !important;}
.c-magenta {color:#bc5679 !important;}
.c-purple {color:#7e3794 !important;}
.c-maroon {color:#981b48 !important;}
.c-darkpink {color:#cc324b !important;}
.c-pink {color:#e75b8d !important;}
.c-azure {color:#2dc3e8 !important;}
.c-orange {color:#fb6e52 !important;}
.bg-default {background:#ccc !important;}
.bg-primary {background:#4374e0 !important;}
.bg-info {background:#57b5e3 !important;}
.bg-success {background:#53a93f !important;}
.bg-danger {background:#d73d32 !important;}
.bg-warning {background:#f4b400 !important;}
.bg-sky {background:#11a9cc !important;}
.bg-blueberry {background:#6f85bf !important;}
.bg-yellow {background:#ffce55 !important;}
.bg-darkorange {background:#ed4e2a !important;}
.bg-magenta {background:#bc5679 !important;}
.bg-purple {background:#7e3794 !important;}
.bg-maroon {background:#981b48 !important;}
.bg-darkpink {background:#cc324b !important;}
.bg-pink {background:#e75b8d !important;}
.bg-azure {background:#2dc3e8 !important;}
.bg-orange {background:#fb6e52 !important;}
.active-shadow {box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset;}
/*clear-default end*/
.wrap {margin:0 auto;width: 750px;position: absolute;left:50%;top:0;margin-left:-375px;background: white;font-size:20px;}
* {letter-spacing: 0.02em;box-sizing: border-box;}
.m-t-20 {margin-top: 20px!important;}
.m-t-35 {margin-top: 35px!important;}
.m-t-50 {margin-top: 50px!important;}
.m-t-60 {margin-top: 60px!important;}
.m-t-80 {margin-top: 80px!important;}
.m-t-100 {margin-top: 100px!important;}
.tit {text-align: center;font-size: 32px;font-weight: bold;color:#666;}

.icon {background: url(../images/icon.png) no-repeat;}
.active {color:#61b3e4!important;}
header {position: relative;z-index: 9999;border-top:4px solid #61b3e4;border-bottom: 2px solid #d5d5d5;background: white;height:107px;padding:0 25px;}
header .nav,header .nav i {width:70px;height:80px;display: block;transition: all ease ;}
header .nav i {background-position: 7px -160px;}
header.show {}
header.show .nav i {background-position: -69px -160px;}
.animate {-webkit-transition: all ease .3s;-moz-transition: all ease .3s;-o-transition: all ease .3s;-ms-transition: all ease .3s;transition: all ease .3s;}
header .nav-list {width:750px;background: white;position: absolute;left:-750px;top:100px;z-index:9999;opacity: 0;}
header.show .nav-list {left:0;opacity: 1;}
header .nav-list ul li {height:100px;line-height: 100px;padding-left:25px;}
header .nav-list ul li a {color:#3a3e39;font-size: 24px;display: block;width:100%;}
header .nav-list ul li.active {background: #61b3e4;}
header .nav-list ul li.active a {color:white;}
footer {margin-top: 60px;height:100px;line-height: 100px;background: #eee;text-align: center;font-size: 18px;color:#999;}

header .right {
    font-size: 28px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
header .right {

}
header .right .lang {
    display: none;
}
header .right .lang span {
    margin:0 5px;
}
header .right .lang.show {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
header .right .lang.show a {
    color:#333;
}



.box-shadow {position: fixed;left:0;top:-100%;z-index:9998;width:100%;height:100%;background: rgba(0,0,0,.4);opacity: 0;}
.box-shadow.show {top:0;opacity: 1;}
#index-banner {margin: 0 auto;}
#index-banner,#index-banner .swiper-slide img {display: block;width: 702px;height: 410px;}
#index-banner .swiper-pagination-bullet {width:16px;height:16px;background: white;opacity: 1;margin:0 7px;}
#index-banner .swiper-pagination-bullet-active {background: #61b3e4;}
.index-tit {font-size: 36px;color:#3a3e39;display: flex;flex-direction: row;justify-content: center;align-items: center;letter-spacing: 0.1em;}
.index-tit i {width:160px;height:10px;background-position: -400px -278px;margin:0 20px;}
#goods i {width:80px;height:80px;display: block;}
#goods div {width:150px;height:130px;display: flex;flex-direction: column;align-items: center;justify-content: center;font-weight: normal;font-size: 22px;color:#999;-webkit-user-select: none;padding-bottom: 20px;}
#goods div.active {color:#61b3e4;position: relative;}
#goods div.active:before {content: '';position: absolute;bottom:0;left:25%;width:50%;height:5px;background: #61b3e4;}
#goods div.active i {background-position-y: -400px;}
#goods .item1 i {background-position: 0 -320px;}
#goods .item2 i {background-position: -80px -320px;}
#goods .item3 i {background-position: -160px -320px;}
#goods .item4 i {background-position: -240px -320px;}
#goods .item5 i {background-position: -320px -320px;}
#goods .item6 i {background-position: -400px -320px;}
#goods .item7 i {background-position: -480px -320px;}
#goods .item8 i {background-position: -560px -320px;}
#goods .item9 i {background-position: -640px -320px;}
#goods {
    flex-wrap:wrap;
    padding:0 30px;
}
#goods div {
    width:33.33%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    margin-bottom:20px;
}

.index-goods .box {}
.index-goods .box ul {display: flex;flex-direction: row;justify-content: space-between;align-content: flex-start;flex-wrap: wrap;padding:30px 25px 0;display: none;}
.index-goods .box ul.show {display: flex;}
.index-goods .box ul li {width:336px;height:370px;text-align: center;}
.index-goods .box ul li img {display: block;width:336px;height:336px;}
.index-goods .box ul li h3 {font-size: 28px;font-weight: normal;color:#484848;padding:5px 0;}
.index-goods .box ul li p {font-size: 18px;line-height: 1.7;color:#999;}
.more {display: block;width:180px;height:40px;line-height: 40px;color:#666;border:1px solid #626262;border-radius: 100px;background: white;text-align: center;margin:0 auto;}
.more:active {background: #626262;color:white;}
.index-pic1 {justify-content: space-between;padding:40px 25px;flex-wrap: wrap;}
.index-pic1 img:last-child {margin-top: 25px;}
#index-news .swiper-slide {width:750px;height:225px;display: flex;flex-direction: column;align-items: center;justify-content: center;font-weight: bold;font-size: 22px;color:#999;-webkit-user-select: none;padding-bottom: 20px;}
.brand-list {}
.brand-list .item {width:700px;border-radius: 10px;box-shadow: 0 0 10px rgba(94,171,216,.3);margin-top: 50px;overflow: hidden;}
.brand-list .item h3 {background: #5eabd8;color:white;font-size: 30px;font-weight: normal;letter-spacing: 0.1em;height: 80px;line-height: 80px;padding:0 20px;justify-content: flex-start;}
.brand-list .item h3 i {position: relative;display: block;width:80px;height:80px;margin-right: 33px;}
.brand-list .item h3 i:before {content: "";position: absolute;right:-15px;top:18px;height:50px;border-right: 2px solid white;}
.brand-list .item:nth-child(1) h3 i {background-position: 0 -240px;}
.brand-list .item:nth-child(2) h3 i {background-position: -80px -240px;}
.brand-list .item:nth-child(3) h3 i {background-position: -160px -240px;}
.brand-list .item:nth-child(4) h3 i {background-position: -240px -240px;}
.brand-list .item:nth-child(5) h3 i {background-position: -320px -240px;}
.brand-list .item div {padding:20px 30px;font-size: 24px;color:#666;line-height: 2.2;letter-spacing: -0.06em;}
.brand-list .item p {font-size: 28px;color:black;padding:10px 0 25px;}
.brand-list .item dl dt {position: relative;display: inline-block;line-height: 1;padding:10px 0 5px;}
.brand-list .item dl dt:before {content: '';position: absolute;left:0;bottom:5px;z-index:-1;width:88px;height:6px;background: #bbdef3;}
.news-list {}
.news-list .news-tit {padding:30px 0 20px;border-bottom: 1px solid #d5d5d5;}
.news-list .news-tit h3 {font-size: 30px;color:#3a3e39;margin-bottom: 10px;}
.news-list .box {}
.news-list .box ul li {width:750px;padding:25px;border-bottom: 1px solid #d5d5d5;}
.news-list .box ul li img {display: block;width:100%;}
.news-list .box ul li h3 {font-size: 24px;font-weight: normal;color:#3e3a39;padding-left:20px;line-height: 1.3;margin:18px 0;position: relative;}
.news-list .box ul li h3:before{content: "";position: absolute;left:0;top:4px;height:23px;border-left:5px solid #61b3e4;}
.news-list .box ul li div {font-size: 18px;color:#61b3e4;margin-bottom: 10px;}
.news-list .box ul li p {font-size: 18px;line-height: 1.8;color:#666;text-indent: 2em;}
.news-list .page {justify-content: center;}
.news-list .page a {width:36px;height:36px;line-height: 34px;text-align: center;border-radius: 100px;border:1px solid white;font-weight: bold;font-size: 28px;margin:0 7px;color:#333;}
.news-list .page a.active {border-color:black;}
.news-list .page a .btn-prev,.news-list .page a .btn-next {display: block;width:36px;height:36px;}
.news-list .page a .btn-prev{background-position: -664px -3px;}
.news-list .page a .btn-next {background-position: -664px -42px;}
.news-inner h3 {font-size: 26px;color:#3e3a39;text-align: center;padding:30px 0;border-bottom: 2px solid #d5d5d5;}
.news-inner .content {padding:30px 25px;font-size: 24px;color:#666;line-height: 1.7;}
.news-inner .content img {display: block;margin: 15px auto;max-width: 700px;}
.shop {flex-wrap: wrap;padding:0 25px;}
.shop img {margin-bottom: 25px;}
.index-goods .tit-pic li {display: none;}
.index-goods .tit-pic li img {display: block;margin:0 auto;width:700px;}
.index-goods .tit-pic li.show {display: block;}
.contact {width:750px;height:718px;background: url(../images/contact-bg.png);color:white;justify-content: center;}
.contact .box {width:600px;letter-spacing: 0.1em;}
.contact .box h3 {font-size: 30px;font-weight: normal;margin-top: 10px;}
.contact .box p {font-size: 18px;margin:15px 0;}
.contact .box a {display: block;border:1px solid white;font-size: 18px;color:white;display: inline-block;padding:5px 20px;}

.footer-bottom {
    width:750px;
    height:100px;
    position: fixed;
    left:50%;
    margin-left:-375px;
    bottom:0;
}
.contact1-box3 {
    height:232px;
    background: url("../images/contact1-pic3.jpg") no-repeat center center;
    color:white;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding:0 30px;
}
.contact1-box3 div {
    font-size:32px;
    font-weight: bold;
}
.contact1-box3 p {
    text-align: justify;
    font-size:25px;
    margin-top:20px;
    line-height: 1.5;
}
.contact1-box5 {
    height:319px;
    background: url("../images/contact1-pic5.jpg") no-repeat center center;
    color:white;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding:0 30px;
}
.contact1-box5 div {
    font-size:32px;
    font-weight: bold;
}
.contact1-box5 .tips {
    font-size: 23px;
    font-weight: normal;
}
.contact1-box5 p {
    text-align: justify;
    font-size:25px;
    margin-top:20px;
    line-height: 1.5;
}
.contact1-box7 {
    text-align: center;
    color:#61afe0;
    padding:30px 50px;
}
.contact1-box7 div {
    font-size:28px;
}
.contact1-box7 p {
    text-align: justify;
    font-size:25px;
    margin-top:20px;
    line-height: 1.5;
}
.contact1-box8 {
    height:209px;
    background: url("../images/contact1-pic7.jpg") no-repeat center center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    color:white;
}
.contact1-box8 div {
    font-size: 26px;
    width:480px;
    text-align: justify;
    padding-right: 30px;
    line-height: 1.5;
}
.contact1-box9 {
    height:209px;
    background: url("../images/contact1-pic9.jpg") no-repeat center center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    color:white;
}
.contact1-box9 div {
    font-size: 26px;
    text-align: justify;
    padding-bottom: 40px;
    padding-left:50px;
}
.contact1-box11 {
    height:379px;
    background: url("../images/contact1-pic11.jpg") no-repeat center center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    color:white;
}
.contact1-box11 div {
    width:590px;
    padding:0 30px 0 0;
}
.contact1-box11 div h3 {
    font-size: 82px;
    text-align: right;
    font-weight: normal;
}
.contact1-box11 div p {
    font-size: 24px;
    text-align: justify;
    line-height: 1.5;
    margin-top: 20px;
}
.contact1-box14 {
    text-align: justify;
    font-size: 23px;
    color:#231815;
    padding:30px 50px;
    line-height: 1.5;
}
.contact1-box14 .important {
    text-align: center;
    font-size: 22px;
    color:#666;
    padding:40px 0;
    line-height: 1.7;
}
.contact1-box14 .important h3 {
    font-size: 28px;
    font-weight: normal;
    color:#666;
    margin-bottom: 15px;
}
.contact1-box14 .important dl {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
}
.contact1-box14 .important dl dt {
    width:95px;
}
.contact1-box14 .important dl dd {
    flex: 1;
    text-align: justify;
}
.contact1-pic15 {
    background: #61b1e2;
    color:white;
    text-align: center;
    padding:50px 10px;
    margin:70px auto;
}
.contact1-pic15 h3 {
    font-size: 28px;
}
.contact1-pic15 p {
    font-size: 18px;
    line-height: 1.5;
    margin-top: 40px;
}
.contact1-pic15 p b {
    font-size: 27px;
}
.contact1-pic16 {
    background: #61b1e2;
    color:white;
    text-align: center;
    padding:50px 10px;
    margin:70px auto;
}
.contact1-pic16 h3 {
    font-size: 28px;
}
.contact1-pic16 dl {
    margin-top:35px;
}
.contact1-pic16 dl dt {
    font-size: 22px;
}
.contact1-pic16 dl dd {
    font-size: 18px;
    margin-top: 10px;
}
.contact1-pic17 {
    text-align: center;
}
.contact1-pic17 h3 {
    font-size: 28px;
}
.contact1-pic17 div {
    font-size: 22px;
    margin-top: 25px;
    padding:45px 40px;
    text-align: justify;
    line-height: 1.7;
    background: url("../images/contact1-pic17.jpg") no-repeat center center;

}
.contact1-pic17 div p {
    width:100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
.contact1-pic17 div img {
    display: block;
    margin-top: 10px;
    margin-right:0
}
.contact1-info {
    padding:50px 60px 120px;
}
.contact1-info dl {
    margin-bottom:60px;
}
.contact1-info dl dt {
    font-size: 28px;
    color:#696969;
    letter-spacing: 0.05em;
}
.contact1-info dl dd {

}
.contact1-info dl dd input {
    width:100%;
    height:60px;
    line-height: 1;
    background: #cfe7f6;
    border-radius: 10px;
    border:0;
    margin-top:30px;
    padding:0 25px;
    font-size: 24px;
}
.contact1-info dl dd ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: 40px;
}
.contact1-info dl dd ul li {
    width:190px;
    height:60px;
    line-height: 60px;
    background: #cfe7f6;
    text-align: center;
    border-radius: 10px;
    font-size: 24px;
    color:#aaa;
    margin-bottom: 25px;
    margin-right:30px;
}
.contact1-info dl dd ul li.active {
    background: #7ec3ee;
    color:white;
}
.contact1-info dl dd textarea {
    width:100%;
    height:250px;
    line-height: 1;
    background: #cfe7f6;
    border-radius: 10px;
    border:0;
    padding:25px;
    font-size: 24px;
}
.contact1-info button {
    width:380px;
    height:70px;
    line-height: 1;
    background: #f7c54c;
    border:0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin:40px auto 0;
    font-size: 28px;
    display: block;
}
.contact1-info .tips {
    color:#959595;
    font-size: 18px;
    text-align: center;
    margin-top: 20px;
}
.contact1 img {
    display: block;
    margin:0 auto;
    width:750px;
}

.footer {position: fixed;bottom:0;left:50%;margin-left:-375px;width:750px;height:100px;background: #5eabd8;font-size:26px;text-align: center;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.footer a {width:33.33%;height:100px;line-height: 100px;color:white;position: relative;}
.footer a:before {content: "";position: absolute;right:0;top:36px;height:30px;border-right:1px solid white;}
.footer a:last-child:before {display: none;}