@charset "utf-8";
/*初始化样式*/
* {-webkit-tap-highlight-color:transparent;}
body {background-color:#fff; color:#000; font:16px/1.75em Arial,"Microsoft Yahei","Lucida Grande";/*设置字体*/ overflow-x:hidden; width:100%;/*设置宽度*/}
body.gray {background-color: #f7f7f7;}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:16px; width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd; box-sizing: border-box;}
table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;}
table td,table th{padding:5px 10px;border:1px solid #ddd; box-sizing: border-box;}

/*html5设置*/
article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}
html,body, div, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, p {margin:0; padding:0;}

a {text-decoration:none; outline:none; color:#000;}
a:focus {outline:none; -moz-outline:none;}
a:hover {color:#000;}
a img {border:none;}

/*强制去除表单自带的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0;}
input:focus { outline: none;}
input,button,select,textarea{outline:none; /*-webkit-appearance:none;*/}
textarea{resize:none;/*-webkit-appearance:none;*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}

/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

/*该设置跟后台编辑器有关*/
.ul,.ul li,.dl,.dl dd,ul,ul li,ol,ol li,dl,dl dd{ list-style:none; margin:0; padding:0;}
.h1,.h2,.h3,.h4,.h5,.h6,.p,h1,h2,h3,h4,h5,h6 { padding:0px; margin:0px;}
/*该设置跟后台编辑器有关*/

/*全局样式*/
.inner {width:1200px; margin:0 auto;}
.inner1380 {width:1380px; margin:0 auto;}
.inner1680 {width:1680px; margin:0 auto;}
/*全站头部*/

/*header*/
.header {background-color:#fff;position:fixed;left:0;top:0;width:100%;z-index:8;border-bottom:1px solid #bfbfbf;}
.blank {height:45px;clear:both;}
/*logo*/
.logo {float:left;padding:7px 0;position:relative;z-index:8;}
.logo a {display:block;overflow:hidden;width:270px;height:45px;text-indent:-9999em;background:url(../images/logo.png) no-repeat left center;background-size:contain;}
.logoen{background:url(../images/logo-en.png) no-repeat left center !important; background-size:contain !important;}
/*other*/
.other {float:right;padding:17px 0;position:relative;z-index:3;}
/*topbtn*/
.navbtn {display:none;position:relative;width:22px;height:24px;float:left;cursor:pointer;}
.navbtn:before,.navbtn:after {width:100%;height:2px;background-color:#000;content:'';display:block;position:absolute;left:0;transition:all .3s;}
.navbtn:before {top:3px;}
.navbtn:after {bottom:3px;}
.navbtn span {display:block;position:absolute;left:0;top:50%;width:100%;height:2px;background-color:#000;margin-top:-1px;transition:all .3s;}
.navbtn.open:before {transform:rotate(45deg);top:50%;}
.navbtn.open:after {transform:rotate(-45deg);bottom:auto;top:50%;}
.navbtn.open span {opacity:0;}
/*topTel*/
.topTel {float:left;font-size:15px;line-height:24px;padding-left:15px;}
/*topBtn*/
.topBtn {float:left;padding-left:50px;}
.topBtn a {background-color:#dd0111;color:#fff;height:24px;line-height:24px;font-size:15px;/*width:48px;*/text-align:center;display:block; padding:0 5px;}
/*topSch*/
.topSch {float:left;position:relative;}
.topSch span {display:block;width:24px;height:24px;background:url(../images/icon_01.png) no-repeat center center;cursor:pointer;}
/*search*/
.search {position:absolute;top:0;right:0;width:200px;display:none;}
.searchform {background-color:#fff;border:1px solid #000;padding-right:24px;}
.searchform .text {font-size:14px;height:22px;line-height:22px;display:block;width:100%;text-indent:10px;border:none;}
.searchform a {display:block;position:absolute;right:0;top:0;width:24px;height:100%;background:url(../images/icon_01.png) no-repeat center center;}
/*topMem*/
.topMem {float:left;padding-left:18px;}
.topMem a {display:block;text-indent:-99999em;overflow:hidden;width:24px;height:24px;background:url(../images/icon_02.png) no-repeat center center;}
/*nav*/
.nav {margin-left:260px;margin-right:270px;position:relative;z-index:1;}
.nav li {float:left;text-align:center;font-size:15px;line-height:45px;position:relative;}
.nav li a {display:block;padding:7px 25px;}
.nav li .cur,.nav li .on {background-color:#dd0111;}
.nav li a.cur,.nav li a.on{color:#fff;}
.nav li ul {position:absolute;left:-50px;top:100%;white-space:nowrap;display:none;}
.nav li li {line-height:40px;float:none;display:inline-block; }
.nav li li a {padding:0 15px;color:#fff;}
.nav li li a:hover {opacity:.85;}
.nav em {display:none;}
.navbg {position:absolute;left:0;top:100%;width:100%;background-color:rgba(0,0,0,0.3);height:40px;display:none;}
.navon{ background-color:#dd0111;}
.navon a{ color:#fff;}
#nav4 ul{left:-350px;}
/*popup*/
.popup {position:fixed;left:0;top:-100%;opacity:0;width:100%;height:80%;z-index:9;transition:all .3s;}
.popup.show {top:10%;opacity:1;}
.popup .bg {position:absolute;left:0;top:0;width:100%;height:100%;}
.popup .table {display:table;width:640px;height:100%;position:relative;z-index:2;margin:0 auto;background-color:#fff;}
.popup .table .close{ position:absolute; width:50px; height:50px; right:0; top:0; cursor:pointer;}
.popup .table .close::before,
.popup .table .close::after{ position:absolute; content:''; left:20%; top:50%; width:60%; height:2px; background:#000; margin-top:-1px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.popup .table .close::before{ transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.popup .td {vertical-align:middle;display:table-cell;height:100%;}
.popup h2 {text-align:center;font-size:30px;font-weight:normal;line-height:1.5em;margin-bottom:70px;}
.popup .tel {text-align:center;font-size:18px;margin-bottom:182px;}
.popup form {width:64.84375%;margin:0 auto;}
.popup .item {margin-bottom:48px;position:relative;}
.popup .item select {display: none;}
.popup .text,.popup .cur {border-bottom:1px solid #000;font-size:25px;line-height:28px;padding:9px 2.5%;width:95%;color:#000;display:block;position:relative;}
.popup .text::-moz-placeholder {color:#000;opacity:1;}
.popup .text:-moz-placeholder {color:#000;opacity:1;}
.popup .text::-webkit-input-placeholder {color:#000;opacity:1;}
.popup .text:-ms-input-placeholder {color:#000;opacity:1;}
.popup .cur {padding-right:32px;width:auto;}
.popup .cur:after {content:'';display:block;position:absolute;width:22px;height:18px;background:url(../images/icon_04.png) no-repeat center center;background-size:contain;right:10px;top:50%;margin-top:-9px;}
.popup .list {position:absolute;left:0;top:100%;width:100%;display:none;}
.popup .list ul {border:1px solid #a0a0a0;background-color:#fff;}
.popup .list li {font-size:25px;padding:0 2.5%;line-height:1.7em;max-height:6.8em;overflow-y:auto;-webkit-overflow-scrolling:touch;cursor:pointer;}
.popup .list li:hover {background-color:#000;color:#fff;}
.popup .btn {margin-top:17px;}
.popup .submit {font-size:30px;color:#fff;background-color:#000;width:130px;height:55px;margin:0 auto;display:block;-webkit-apearance:none;cursor:pointer;}
/*bottom*/
.bottom {padding:20px 0;background-color:#fff;}
/*menu*/
.menu {margin-right:270px;position:relative;z-index:1;}
.menu ul {overflow:hidden;}
.menu li {float:left;text-align:center;font-size:15px;line-height:2em;position:relative;}
.menu li a {display:block;padding:7px 50px 7px 0;}
.menu li a:hover {opacity:.5;}
/*footer*/
.footer {background-color:#000;color:#fff;font-size:12px;line-height:1.75em;padding:15px 0;}
.footer a {color:#fff;}
.footer a:hover {text-decoration:underline;}
.footer .inner1380 {display:table;table-layout:fixed;}
.footer .td {display:table-cell;vertical-align:middle; float: left;}
.copyright {padding:10px 0;}
.copyright a {margin:0 16px;}
.record {padding:10px 0;overflow:hidden;}
.record span {display:block;float:left;}
.record .icp {padding-right:60px;}
.record i {font-style:normal;font-weight:bold;}
.qrcode {width:330px; float: right !important;}
.qrcode ul {overflow:hidden;}
.qrcode li {float:left;text-align:center;font-size:16px;line-height:1.125em;}
.qrcode .wx {padding-left:70px;}
.qrcode img {width:68px;height:68px;margin:0 auto 12px;display:block;}
/*hmSlides*/
.hmSlides .load {padding-bottom:40.886%;}
.hmSlides .item a {padding-bottom:40.886%;}
.hmSlides .item a img { display: none;}

#ban{width: 100%;clear: both;padding:0px 0 0 0; overflow: hidden;}
#ban .items{ position: relative;height:500px;width: 100%;  background-position: center center;background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: cover; background-size: cover; overflow: hidden;}
#ban .items a{display: block; position: relative;height: 100%;width: 100%;overflow: hidden;}
#ban .items a .img{height: 100%; width: 100%;background-repeat: no-repeat;background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#ban .items.slick-active a .img{    
	animation:a-big 5s;
	-moz-animation:a-big 5s; 
	-webkit-animation:a-big 5s;
	-o-animation:a-big 5s; }

#ban .slick-dots{ position: absolute; bottom: 2%; text-align: center;width: 100%;}
#ban .slick-dots li{display: inline-block; margin:0 5px;}
#ban .slick-dots li button{display: block;outline: none;font-size: 0;padding:0;width: 12px;height:12px;background:#fff;border:0;border-radius: 50%;}
#ban .slick-dots li.slick-active button{background:rgba(0,0,0,0.4);}

#ban .slick-next,#ban .slick-prev{position: absolute;z-index: 9;top: 50%;margin-top: -30px; background: url(../images/banner-arr.png) no-repeat; width: 31px;height: 61px;font-size: 0;line-height: 999; border: none;cursor: pointer;}
#ban .slick-prev{left: 50%;margin-left: -650px;background-position:left 0;}
#ban .slick-next{right: 50%;margin-right: -650px;background-position:right 0;}


/*******************************
	-------[=手机轮播]-------
********************************/
.index-banner{
	display: none!important;
	height:100%;overflow: hidden;position: relative;z-index: 1;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}
.index-banner .slick-slider,.index-banner .slick-list,.index-banner .slick-track,.index-banner .slick-slide{height: 100%; overflow: hidden;}
.index-banner a{
	display: block;height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.index-banner .slick-dots{position: absolute;margin-left: -40px;left: 50%;bottom: 15px;width: 100%;text-align: center;z-index: 999;}
.index-banner .slick-dots li{float: left;width:25px;}
.index-banner .slick-dots li button{display: block;width:12px;height:12px;border: none;	font-size: 0;line-height: 0;text-indent: 999px;background-color: #fff;border-radius: 50%;}
.index-banner .slick-dots li.slick-active button{background-color: #045fb2;}




/*slides*/
#slides .item a {display:block;overflow:hidden;background:no-repeat center center;background-size:cover;}
#slides .owl-nav button {position:absolute;top:50%;transform:translateY(-50%);display:block;border:none;width:1.77%;}
#slides .owl-nav span {display:block;font-size:0;line-height:0;padding-bottom:285.295%;background:url(../images/icon_03.png) no-repeat 0 0;background-size:100% auto;text-indent:-99999em;overflow:hidden;}
#slides .owl-nav .owl-prev {left:3.542%;}
#slides .owl-nav .owl-next {right:3.542%;}
#slides .owl-nav .owl-next span {background-position:0 100%;}
/*insideSlide*/
.insideSlide {clear:both;}
.insideSlide .item a {padding-bottom:24.375%;}
/*banner*/
.banner {padding-bottom:37.709%;position:relative;background:no-repeat center center;background-size:cover;}
.banner a {display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
/*advantage*/
.advantage {background-color:#f1f1f1;padding:1.771% 0 2.03125%;}
.advantage.bg {background-color:#f7f7f7;}
.advantage ul {overflow:hidden;}
.advantage li {float:left;width:23%;padding:1%;text-align:center;}
.advantage .icon {width:54px;margin:0 auto 6.087%;}
.advantage .icon i {padding-bottom:100%;display:block;background:no-repeat center center;background-size:contain;}
.advantage h2 {font-weight:normal;font-size:20px;line-height:1.9em;}
.advantage p {font-size:20px;line-height:1.9em;}
/*hmTitle*/
.hmTitle {text-align:center;color:#4a4a4a;margin:0 8.33% 3.985%;overflow:hidden;}
.hmTitle h2 {font-size:34px;line-height:1.35em;margin-bottom:1.479%;}
.hmTitle h3 {font-size:18px;line-height:1.35em;font-weight:normal;width:515px;position:relative;margin:0 auto;}
.hmTitle h3:before,.hmTitle h3:after {width:300%;height:3px;background-color:#5a5a5a;content:'';display:block;position:absolute;top:50%;margin-top:-1.5px;}
.hmTitle h3:before {right:100%;}
.hmTitle h3:after {left:100%;}
/*hmtab*/
.hmtab {font-size:0;line-height:normal;text-align:center;margin-bottom:3.261%;}
.hmtab span {display:inline-block;/* padding: 2.174% 0; */width: 31.333%;margin: 5px 1%;/* border: 1px solid #ddd; */}
.hmtab a {display:block;font-size:26px;color:#4a4a4a;line-height: 48px;/* padding: 0 5.8%; *//* border: 1px solid #ddd; */background: #ddd;}
.hmtab .cur a {background-color:#ae4140;color:#fff;}
.tabbox {overflow:hidden;}
.proen{ font-size:18px !important;}
/*customization*/
.customization {margin-bottom:2.86875%; margin-top:2.6875%;}
.customization ul {overflow:hidden; display:none;}
.customization ul:first-child {display:block;}
.customization li {float:left;padding:0 0.85% 1.7% 0.85%;width:23.3%;overflow:hidden;}
.customization li .pic a {padding-bottom:75.481%;transition:all .3s;background:no-repeat center center;background-size:cover;}
.customization li .pic a:hover {transform:scale(1.1);}
.customization li a {display:block;overflow:hidden;}
.customization li .box {position:relative; overflow:hidden;}
.customization li .info { opacity: 0; position:absolute;left:0;bottom:0;width:100%;height:100%;color:#fff;text-align:center;background-color:rgba(0,0,0,0.5);transition:all .3s; }
.customization li .text {position:absolute;left:0;bottom:0;width:100%;max-height:100%;}
.customization li .btn {font-size:0;line-height:normal;text-align:center;margin-bottom:15%;}
.customization li .btn span {display:inline-block;padding:0 5%;width:80px;}
.customization li .btn a {display:block;overflow:hidden;font-size:20px;line-height:1.35em;color:#fff;}
.customization li .btn i {padding-bottom:64%;display:block;background:no-repeat center center;background-size:contain;margin:0 auto 15px;}
.customization li .btn .more {background-image:url(../images/icon_more.png);}
.customization li .btn .advi {background-image:url(../images/icon_advi.png);}
.customization li h4 {font-size:15px;font-weight:normal;line-height:2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5.65%;background: #dd0111;}
.customization li h4 a{ color:#fff;}
/*.customization li:nth-child(5n+1) {width:38.48%;position:relative; padding-left: 0;}
.customization li:nth-child(5n+1) .pic a {padding-bottom:119.209%;}
.customization li:nth-child(5n+1) .btn {margin-bottom:29.19%;}*/
.customization li:hover .info { opacity: 1;}


/*showcase*/
.showcase {margin-bottom:2.084%;}
.showcase .inner1380 {overflow:hidden;}
.showcase ul {width:100.5%;}
.showcase li {float:left;width:32.833%;padding-right:0.5%;padding-bottom:0.5%;}
.showcase .box {position:relative;overflow:hidden;}
.showcase .pic a {padding-bottom:75.497%;background:no-repeat center center;background-size:cover;display:block;overflow:hidden;}
.showcase .info {position:absolute;left:0;bottom:-100%;width:100%;height:100%;color:#fff;text-align:center;background-color:rgba(0,0,0,0.5);transition:bottom .3s;}
.showcase .text {position:absolute;left:0;bottom:0;width:100%;max-height:100%;}
.showcase .btn {font-size:0;line-height:normal;text-align:center;margin-bottom:13%;}
.showcase .btn span {display:inline-block;padding:0 6.78%;width:19.963%;}
.showcase .btn a {display:block;overflow:hidden;font-size:20px;line-height:1.35em;color:#fff;}
.showcase .btn i {padding-bottom:60%;display:block;background:no-repeat center center;background-size:contain;margin:0 auto 15px;}
.showcase .btn .more {background-image:url(../images/icon_more.png);}
.showcase .btn .advi {background-image:url(../images/icon_advi.png);}
.showcase h4 {font-size:20px;font-weight:normal;line-height:1.35em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4.75%;}
.showcase h4 a {color:#fff;}
.showcase li:hover .info {bottom:0;}
/*customBox*/
.customBox {margin-bottom:3.292%;}
.customBox .inner1380 {display:table;table-layout:fixed;background:url(../images/bg_01.jpg) no-repeat center center;background-size:cover;}
.customBox .td {display:table-cell;vertical-align:middle;padding:40px 0;}
.customBox .left {color:#fff;background-color:#ae4140;width:430px;text-align:center;}
.customBox h2 {font-size:32px;line-height:1.5em;margin-bottom:10px;}
.customBox h2 i {font-style:normal;display:inline-block;position:relative;padding-bottom:15px;}
.customBox h2 i:after {width:100%;height:2px;background-color:#fff;content:'';display:block;position:absolute;left:0;bottom:0;}
.customBox h3 {font-size:22px;line-height:1.5em;}
.customBox .right {padding-left:70px;padding-right:70px;}
.customBox .total {text-align:center;font-size:26px;line-height:1.125em;margin-bottom:40px;}
.customBox .total span {font-style:italic;color:#b00d0c;font-size:40px;padding:0 10px;font-weight:bold;}
/*customForm*/
.customForm {overflow:hidden;}
.customForm .item {float:left;padding-right:7.407%;width:30.864%;}
.customForm .text {background-color:#676767;color:#bbb;border-radius:10px;display:block;font-size:18px;line-height:24px;padding:10px 5%;width:90%;}
.customForm .text::-webkit-input-placeholder {color:#bbb;opacity:1;}
.customForm .text::-moz-placeholder {color:#bbb;opacity:1;}
.customForm .text:-moz-placeholder {color:#bbb;opacity:1;}
.customForm .text:-ms-input-placeholder {color:#bbb;opacity:1;}
.customForm .text.focus{ color: #fff;}
.customForm .btn {float:right;width:20.988%;}
.customForm .submit {background-color:#ae4140;border-radius:10px;display:block;width:100%;height:44px;color:#fff;font-size:18px; cursor: pointer;}
/*life*/
.life {background-color:#e7e7e7;line-height:1.75em;padding:2.33% 0 2.9375%;}
.life .inner1380 {display:table;table-layout:fixed;}

.sy-news li {float: left;width: 50%;}
.sy-news li a {display: block;margin-left: 22px;border: 1px solid #eee;background-color: #fff;margin-top: 12px;overflow: hidden;}
.sy-news li .img-center {overflow: hidden; margin-bottom: 8px; max-height: 315px;}
.sy-news li .img-center img {-webkit-transition: all 0.5s;transition: all 0.5s;}
.sy-news li a:hover .img-center img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.sy-news li .date {float: left;width: 100px;color: #666;padding: 15px 0;text-align: center;border-right: 1px solid #eee;line-height: 1;}
.sy-news li .date strong {display: block;font-size: 44px;color: #333;font-family: Impact;margin-bottom: 6px;}
.sy-news li .info {margin-left: 100px;padding:6px 15px;}
.sy-news li .info h4 {margin: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px; margin-top:10px;}
.sy-news li .info p {color: #888;margin: 5px 0 0;overflow: hidden;line-height: 1.6;height: 50px; font-size:14px;}
.sy-news li a:hover {box-shadow: 0 0 10px rgba(0,0,0,0.2);}

.life .td {display:table-cell;vertical-align:middle;}
.life .left {padding:0 8.334%;}
.life .left p {padding:0 0.5em;}
.life .right {padding-left:15%;}
.life h2 {font-size:170px;line-height:1em;margin-bottom:10px;}
/*coverage*/
.coverage {padding:2.552% 0 2.771%;}
.coverage h2 {text-align:center;font-size:36px;line-height:1.5em;margin-bottom:2.696%;}
.coverage .top {position:relative;overflow:hidden;margin-bottom:8.83%;}
.coverage .pic {padding-bottom:72.383%;background:no-repeat center center;background-size:cover;}
.coverage .info {position:absolute;left:0;bottom:-100%;width:100%;height:100%;background-color:rgba(0,0,0,0.5);color:#fff;transition:bottom .3s;}
.coverage .text {position:absolute;left:0;width:100%;top:50%;transform:translateY(-50%);text-align:center;}
.coverage h3 {font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35em;margin-bottom:4.415%;}
.coverage h4 {font-size:25px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35em;text-align:center;}
.coverage p {font-size:20px;line-height:1.75em; max-height: 3.5em; overflow: hidden;}
.coverage a {display:block;overflow:hidden;cursor: default;}
.coverage a:hover .info {bottom:0;}
.coverage .owl-nav button {position:absolute;top:50%;transform:translateY(-50%);width:1.957%;}
.coverage .owl-nav span {display:block;font-size:0;line-height:0;padding-bottom:300%;background:url(../images/icon_05.png) no-repeat 0 0;background-size:100% auto;}
.coverage .owl-nav .owl-prev {right:100%;margin-right:4.347%;}
.coverage .owl-nav .owl-next {left:100%;margin-left:4.347%;}
.coverage .owl-nav .owl-next span {background-position:0 100%;}
/*groupbuy*/
.groupbuy {background-color:#878585;padding:3.125% 0 4.167%;margin-bottom:0%;}
.groupbuy .inner1380 {overflow:hidden;}
.groupbuy .hmTitle {color:#fff;}
.groupbuy .hmTitle h3:before,.groupbuy .hmTitle h3:after {background-color:#fff;}
.groupbuy .table {display:table;table-layout:fixed;width:100%;}
.groupbuy .td {display:table-cell;vertical-align:top;}
.groupbuy .left {width:43.406%; position:relative;}
.groupbuy .pic {padding-bottom:487px;background:no-repeat center center;background-size:cover;transition:all .3s;}

.groupbuy .form {background-color:#ae4140;color:#fff;font-size:0;line-height:normal;text-align:center;padding:45px 30px 30px;}
.groupbuy h4 {font-size:30px;line-height:1.35em;font-weight:normal;margin-bottom:33px;}
.groupbuy .input {display:inline-block;border:1px solid #fff;border-radius:10px;margin:0 20px;width:40%;}
.groupbuy .text {display:block;width:90%;padding:3px 5%;font-size:14px;color:#fff;height:24px; line-height:24px;}
.groupbuy .btn {margin-top:25px;}
.groupbuy .submit {display:block;font-size:14px;color:#ae4140;background-color:#fff;border-radius:10px;width:140px;height:30px;margin:0 auto; cursor: pointer;}
.groupbuy .right {width:56.594%;position:relative;}
.groupbuy .item {float:left;width:50%;position:absolute;}
.groupbuy .item:nth-child(1) {left:0;top:0;}
.groupbuy .item:nth-child(1) .pic {padding-bottom:350px;}
.groupbuy .item:nth-child(2) {top:0;right:0;}
.groupbuy .item:nth-child(2) .pic {padding-bottom:402px;}
.groupbuy .item:nth-child(3) {left:0;bottom:0;}
.groupbuy .item:nth-child(3) .pic {padding-bottom:372px;}
.groupbuy .item:nth-child(4) {right:0;bottom:0;}
.groupbuy .item:nth-child(4) .pic {padding-bottom:320px;}
.groupbuy .item a {display:block;overflow:hidden;position:relative;color:#fff;}
.groupbuy .item a:hover .pic {transform:scale(1.1);}
.groupbuy h5 {position:absolute;bottom:0;left:0;width:88%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:rgba(0,0,0,0.64);font-size:22px;font-weight:normal;line-height:1.5em;padding:18px 6%;}
/*service*/
.service {margin-bottom:0.90625%;}
.service .inner1680 {overflow:hidden;}
.service ul {width:102%;}
.service li {float:left;width:23%;padding-right:2%;padding-bottom:2%;}
.service li .pic {padding-bottom:72.223%;background:no-repeat center center;background-size:cover;transition:all .3s;}
.service li h2 {position:absolute;left:0;top:50%;width:90%;padding:0 5%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translateY(-50%);font-size:38px;text-align:center;line-height:1.35em;font-weight:normal;}
.service li a {display:block;overflow:hidden;position:relative;color:#fff;}
.service li a:hover .pic {transform:scale(1.1);}
/*process*/
.process {margin-bottom:2.448%;}
.process .hmTitle {margin-left:9%;margin-right:9%;}
.processlist {padding:0 4%;margin-bottom:30px;}
.processlist ul {overflow:hidden;}
.processlist li {float:left;width:12.5%;text-align:center;}
.processlist .icon {max-width:55px;margin:0 auto;}
.processlist .icon i {display:block;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
.processlist h4 {font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;line-height:1.35em;}
.processlist h5 {font-size:12px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5em;}
/*processForm*/
.processForm {display:table;table-layout:fixed;width:100%;background-color:#d9d9d9;border-radius:10px 0 0 10px;overflow:hidden;}
.processForm .td {display:table-cell;vertical-align:middle;padding:30px 70px;}
.processForm .left {width:310px;background:no-repeat center center;background-size:cover;position:relative;border-radius:10px;overflow:hidden;}
.processForm .left:before {width:100%;height:500%;content:'';display:block;position:absolute;left:0;top:0;background-color:rgba(174,65,64,0.92);}
.processForm .title {position:relative;z-index:1;color:#fff;}
.processForm h2 {font-size:30px;line-height:1.35em;margin-bottom:5px;}
.processForm h3 {font-size:18px;font-weight:normal;line-height:1.35em;}
.processForm h4 {font-size:28px;font-weight:normal;text-align:center;line-height:1.35em;margin-bottom:35px;}
/*wrapper*/
.wrapper {padding:4.167% 0;}
/*recurit*/
.recurit {border-bottom:2px solid #e6e6e6;padding-bottom:5.073%;margin-bottom:4.71%;}
.recurit:last-child {border-bottom:none;padding-bottom:0;}
.recurit h2 {font-size:28px;line-height:1.5em;margin-bottom:1%;}
.recurit .meta {overflow:hidden;color:#666;font-size:0;line-height:normal;margin-bottom:1.812%;}
.recurit .meta span {line-height:1.35em;font-size:22px;display:inline-block;padding-right:2.899%;margin-right:2.899%;position:relative;}
.recurit .meta span:after {width:2px;height:21px;background-color:#666;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.recurit .meta span:last-child:after {display:none;}
.recurit h3 {font-size:28px;line-height:1.35em;margin-bottom:1.087%;padding-left:15px;border-left:4px solid #abce03;}
.recurit .info {font-size:22px;line-height:1.75em;}
/*singlepage*/
.singlepage {font-size:16px;line-height:1.75em;}
.singlepage.mb {margin-bottom:3.624%;}
.singlepage h3 {font-size:22px;line-height:1.75em;}
.singlepage h4 {font-size:16px;line-height:1.75em;}
.singlepage p {line-height:1.75em;word-break: break-all;}
.singlepage img {max-width:100%;height:auto!important;}
/*sidemenu*/
.sidemenu {float:left;width:220px;}
.sidemenu h2 {font-size:22px;font-weight:normal;line-height:1.55em;margin-bottom:8.387%;background: #dd0111;padding: 10px 0;text-align: center;color: #fff; font-weight:bold;}
.sidemenu li {font-size:16px;line-height:2.8em;margin-bottom:7.097%;width: 100%;text-align: center;background:#ddd;border-bottom: 1px solid #aeabab;}
.sidemenu li:hover{ background:#dd0111;}
.sidemenu li:hover a{ color:#fff; font-weight:bold;}
.sidemenu .cur {font-weight:bold;}
/*main*/
.main {margin-left:310px;overflow:hidden;}
/*storeMap*/
.storeMap {overflow:hidden;border-bottom:1px solid #dedede;padding-bottom:7.247%;margin-bottom:4.348%;}
/*mapForm*/
.mapForm {float:left;width:305px;}
.mapForm .item {margin-bottom:30px;}
.mapForm label {display:block;font-size:20px;line-height:1.5em;margin-bottom:6px;}
.mapForm select {border:1px solid #c5c5c5;background-color:#fff;font-size:20px;display:block;width:100%;line-height:1.5em;padding:9px;-webkit-appearance:none;color:#444;}
.mapForm .submit {width:147px;height:47px;text-align:left;background-color:#6e6e6e;color:#fff;font-size:20px;padding:0 15px;cursor:pointer;}
.mapForm .submit:hover {opacity:.85;}
.mapBox {width:752px;float:right;}
.mapBox .map {padding-bottom:65.426%;position:relative;overflow:hidden;}
.mapBox #map {position:absolute;left:0;top:0;width:100%;height:100%;}
.mapBox h2 {font-size:22px;line-height:1.5em;font-weight:normal;border-bottom:2px solid #4a4a4a;padding-bottom:5px;margin-bottom:5px;}
.mapBox p {font-size:16px;line-height:1.5em;}
/*storeResult*/
.storeResult h2 {font-size:25px;color:#030303;line-height:1.35em;margin-bottom:5.435%;}
.storeResult .list {overflow:hidden;}
.storeResult ul {overflow:hidden;width:110%;}
.storeResult li {float:left;width:40%;padding-right:10%;padding-bottom:5%;}
.storeResult .box {padding-right:50px;background:url(../images/icon_addr.png) no-repeat right 10px;}
.storeResult h3 {font-size:20px;color:#030303;line-height:1.75em;}
.storeResult p {font-size:20px;line-height:1.75em;color:#030303;}
/*proside*/
.proside {width:230px;float:left;}
/*promenu*/
.promenu li {font-size:16px;line-height:2.3em;padding:5px 0;background:#ddd;border-bottom:1px solid #aeabab;width:100%;margin-bottom: 2%;}
.promenu .cur {font-weight:bold;}
.promenu a {display:block; width:80%; padding:0 10%;}
.promenu li:hover{ background:#dd0111;}
.promenu li a:hover{  color:#fff; font-weight:bold;}
/*proSearch*/
.proSearch {position:relative;padding-right:31px;border-bottom:3px solid #000;margin-bottom:15px;background: #dd0111;}
.proSearch a {display:block;width:100%; background: url(../images/icon_01.png) no-repeat center right;/*position:absolute;*/right:0;top:0;color: #fff;text-indent: 15px;padding: 15px 0;font-size: 26px;}

.proSearch .text {font-size:13px;line-height:19px;padding:6px 0;display:block;width:100%;}
/*proMain*/
.proMain {margin-left:249px;overflow:hidden;}
/*prolist*/
.prolist {overflow:hidden;}
.prolist ul {overflow:hidden;width:103%;}
.prolist li {width:31%;padding-right:2%;padding-bottom:4%;float:left;}
.prolist li .top {position:relative;margin-bottom:13px;overflow:hidden;}
.prolist li .pic a {display:block;overflow:hidden;padding-bottom:54.667%;background:no-repeat center center;background-size:cover;}
.prolist li .text {background-color:rgba(0,0,0,0.5);position:absolute;left:0;bottom:-100%;width:100%;height:100%;transition:bottom .3s;}
.prolist li .btn {font-size:0;line-height:normal;text-align:center;position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);}
.prolist li .btn span {display:inline-block;padding:0 6.78%;width:40%;}
.prolist li .btn a {display:block;overflow:hidden;font-size:14px;line-height:1.35em;color:#fff;}
.prolist li .btn i {padding-bottom:100%;display:block;background:no-repeat center center;background-size:contain;margin:0 auto 12px;}
.prolist li .btn .more {background-image:url(../images/icon_more.png);}
.prolist li .btn .advi {background-image:url(../images/icon_advi.png);}
.prolist li .title a {display:block;overflow:hidden;}
.prolist li h2 {font-size:18px;font-weight:normal;line-height:1.5em;/*white-space:nowrap;*/overflow:hidden;text-overflow:ellipsis; height:3em;}
.prolist li h3 {font-size:18px;font-weight:normal;text-transform:uppercase;line-height:1.875em;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.prolist li:hover .text {bottom:0;}
/*features*/
.features {background-color:#fff;padding:2.084% 0 3.646%;}
.features ul {overflow:hidden;}
.features li {float:left;width:20%;text-align:center;}
.features .icon {width:28%;margin:0 auto 4%;}
.features .icon i {display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
.features h2 {font-size:20px;font-weight:normal;line-height:1.35em;}
/*profit*/
.profit {padding:6.615% 0 3.906%;}
.profit img {max-width:100%; height:auto!important;}
.profit .top {text-align:center;margin-bottom:8.696%;overflow:hidden;}
.profit .title {display:inline-block;text-align:center;padding:0 9%;position:relative;}
.profit .title:before,.profit .title:after {width:203px;height:2px;background-color:#979695;content:'';display:block;position:absolute;top:50%;margin-top:-1px;}
.profit .title:before {right:100%;}
.profit .title:after {left:100%;}
.profit h2 {font-size:32px;line-height:1.5em;margin-bottom:10px;}
.profit h3 {font-size:25px;font-weight:normal;line-height:1.5em;}
.profit .btm {position:relative;overflow:hidden;padding:3.624% 0 5.073%;}
.profit .btm:before {width:13px;height:7px;background:url(../images/icon_06.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:50%;top:0;margin-left:-6.5px;}
.profit .btm:after {width:1px;height:100%;background-color:#000;content:'';display:block;position:absolute;left:50%;top:0;margin-left:-0.5px;}
.profit ul {overflow:hidden;}
.profit li {float:left;width:50%;padding:2.174% 0;}
.profit .box {overflow:hidden;padding:0 10.87% 0 7.246%;}
.profit .icon {width:124px;float:right;}
.profit .icon i {display:block;}
.profit .text {margin-right:125px;max-width:320px;}
.profit h4 {font-size:25px;line-height:1.75em;}
.profit p {font-size:20px;line-height:1.875em;}
.profit li:nth-child(2n) .box {padding:0 7.246% 0 10.87%;}
.profit li:nth-child(2n) .icon {float:left;}
.profit li:nth-child(2n) .text {margin-left:180px;margin-right:0;}
/*joinForm*/
.joinForm {padding:3.906% 0 5.46875%;}
.joinForm .inner1380 {overflow:hidden;}
.joinForm .form {margin:0 3.624%;position:relative;padding-right:205px;overflow:hidden;}
.joinForm .item {float:left;width:40%;padding-right:8%;}
.joinForm .text {border-bottom:1px solid #000;font-size:25px;line-height:1.4em;padding:15px 0;display:block;width:100%;}
.joinForm .text::-webkit-input-placeholder {color:#000;opacity:1;}
.joinForm .text::-moz-placeholder {color:#000;opacity:1;}
.joinForm .text:-moz-placeholder {color:#000;opacity:1;}
.joinForm .text:-ms-input-placeholder {color:#000;opacity:1;}
.joinForm .btn {float:right;}
.joinForm .submit {height:100%;background-color:#000;color:#fff;width:204px;font-size:30px;position:absolute;right:0;top:0;cursor:pointer;}
/*submenu*/
.submenu {padding:2.084% 0;}
.submenu ul {overflow:hidden;padding-left:4px;position:relative;}
.submenu ul:before {width:4px;height:27px;background-color:#000;content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.submenu li {float:left;font-size:28px;line-height:1.35em;padding:0 16px;}
.submenu li a {display:block;}
.submenu .cur a {color:#abcd03;}
/*newslist*/
.newslist .inner1680 {overflow:hidden;border-bottom:1px solid #c0c0c0;padding-bottom:3.125%;}
.newslist ul {overflow:hidden;width:107.5%;padding:1.488% 0 3.125%;}
.newslist li {width:46%;padding:0 2% 1.2% 2%;float:left;transition:opacity .3s;}
.newslist li a {display:block;overflow:hidden;position:relative;border-bottom:4px solid transparent;padding-bottom:2%;}
.newslist li a img{ width:100%;}
.newslist li a:hover {border-bottom-color:#000; color:#dd0111;}
.newslist time {display:block;font-size:22px;line-height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1.723%;}
.newslist .pic {margin-bottom:4.107%;overflow:hidden; display:none;}
.newslist .pic i {display:block;overflow:hidden;padding-bottom:57.906%;background:no-repeat center center;background-size:cover;}
.newslist h2 {font-size:22px;line-height:1.5em;font-weight:normal;height:1.8em;overflow:hidden;transition:border .3s;}
.newslist .on {opacity:.4;}
/*newslist*/
.caselist .inner1680 {overflow:hidden;border-bottom:1px solid #c0c0c0;padding-bottom:3.125%;}
.caselist ul {overflow:hidden;width:100%;padding:1.488% 0 3.125% 0;}
.caselist li {width:23%;padding:0 1% 1.2% 1%;float:left;transition:opacity .3s;}
.caselist li a {display:block;overflow:hidden;position:relative;border-bottom:4px solid transparent;padding-bottom:2%;}
.caselist li a img{ width:100%;}
.caselist li a:hover {border-bottom-color:#000; color:#dd0111;}
.caselist time {display:block;font-size:22px;line-height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1.723%;}
.caselist li a p{ height:3.5em;}
.caselist .pic {margin-bottom:4.107%;overflow:hidden; display:none;}
.caselist .pic i {display:block;overflow:hidden;padding-bottom:57.906%;background:no-repeat center center;background-size:cover;}
.caselist h2 {font-size:22px;line-height:1.5em;font-weight:normal;height:1.8em;overflow:hidden;transition:border .3s;}
.caselist .on {opacity:.4;}
/*pagenavi*/
.pagenavi{ float:left; width:100%; padding:20px 0 10px 0; color:#242424; text-align:center; }
.pagenavi a{ color:#3a3a3a; background:#e2e2e2; padding:5px; }
.pagenavi a:hover{ color:#fff; background:#0095e5;}
.pagenavi .a_cur,.pagenavi a:hover {font-weight:bold;}
.pagenavi .a_first,.pagenavi .a_prev,.pagenavi .a_next,.pagenavi .a_end {font-family:'Simsun';}
.fanye{ float:left; width:100%; text-align: center;}
.fanye a{   float:none; text-align:center; }
.fanye a:hover{  float:none;}
/*case*/
.case {padding:5.73% 0;}
.case .pic {margin-bottom:7.14%;overflow:hidden;}
.case .pic i {display:block;overflow:hidden;padding-bottom:74.231%;background:no-repeat center center;background-size:cover;}
.case h2 {font-size:18px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5em;}
.case .a {display:block;overflow:hidden;}
.case .owl-carousel {width:75%;margin:0 auto;}
.case .owl-nav button {display:block;position:absolute;top:50%;transform:translateY(-50%);width:3.092%;}
.case .owl-nav span {display:block;font-size:0;line-height:normal;text-indent:-99999em;padding-bottom:187.5%;background:url(../images/icon_07.png) no-repeat 0 0;background-size:100% auto;}
.case .owl-nav .owl-prev {right:100%;margin-right:14%;}
.case .owl-nav .owl-next {left:100%;margin-left:14%;}
.case .owl-nav .owl-next span {background-position:0 100%;}
/*resBox*/
.resBox {background-color:#f6f6f6;padding:3.125% 0;}
.resBox ul {overflow:hidden;margin-bottom:4.1304%;width:102%;}
.resBox li {float:left;width:18%;padding-right:2%;font-size:0;line-height:normal;}
.resBox .box {display:table;table-layout:fixed;width:100%;}
.resBox .icon {display:table-cell;vertical-align:middle;width:110px;}
.resBox .icon img {width:100%;height:auto;display:block;}
.resBox .text {display:table-cell;vertical-align:middle;font-size:25px;line-height:1.35em;}
.resBox .btn a {display:block;width:293px;text-align:center;background-color:#7b2c3c;font-size:28px;color:#fff;line-height:35px;padding:20px 0;margin:0 auto;}
/*related*/
.related {padding:2.511% 0 2.605%;background-color:#fff;}
.related ul {overflow:hidden;width:103%;}
.related li {float:left;width:23%;padding-right:2%;padding-bottom:2%;}
.related li i {display:block;overflow:hidden;padding-bottom:81.432%;background:no-repeat center center;background-size:cover;transition:all .3s;}
.related li a {display:block;overflow:hidden;}
.related li a:hover i {transform:scale(1.1);}
.boxTitle {font-size:36px;font-weight:normal;line-height:1.5em;text-align:center;margin-bottom:3.52%;}
/*details*/
.details time {display:block;font-size:22px;line-height:1.5em;}
.details .title {font:normal 38px/1.5em 'Arial';margin-bottom:5.357%;}
/*entry*/
.entry {font-size:26px;line-height:1.5em;text-align:justify;overflow:hidden;}
.entry p {line-height:1.5em;margin-bottom:1.072%;}
.entry img {max-width:100%;height:auto;}
.entry p video{/*display: block;width: 100% !important;*/height: auto !important;}
/*moreNews*/
.moreNews {padding:8.929% 0 0;margin-bottom:15px; display:none;}
.moreNews h3 {font-size:42px;line-height:1.35em;font-weight:normal;margin-bottom:2.679%;}
.moreNews .pic {padding-bottom:64.173%;background:no-repeat center center;background-size:cover;}
.moreNews .item a {display:block;overflow:hidden;position:relative;color:#fff;}
.moreNews .text {position:absolute;left:0;bottom:0;width:94%;padding:0 3%;}
.moreNews .box {padding-right:10.257%;overflow:hidden;}
.moreNews time {display:block;font-size:22px;line-height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.moreNews h4 {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:normal 22px/1.5em 'Arial';margin-bottom:2.084%;}
.moreNews .owl-carousel .owl-stage-outer {overflow:visible;}
.moreNews .owl-nav button {display:block;position:absolute;top:50%;transform:translateY(-50%);width:1.593%;}
.moreNews .owl-nav span {display:block;font-size:0;line-height:normal;text-indent:-88888em;padding-bottom:387.5%;background:url(../images/icon_08.png) no-repeat 0 0;background-size:100% auto;}
.moreNews .owl-nav .owl-prev {left:5%;display:none;}
.moreNews .owl-nav .owl-next {left:107%;}
.moreNews .owl-nav .owl-next span {background-position:0 100%;}
.moreNews .owl-carousel .owl-nav.disabled {display:block;}
/*backlist*/
.backlist {text-align:right;margin-bottom:5.952%;}
.backlist a {font-size:22px;line-height:1.5em;}
.backlist .actBtm{display:block;margin: 0 auto;}
/*selectwrap*/
.selectwrap {margin-top:4.167%;}
.selectwrap .advantage {background-color: #f7f7f7;}
/*selectSide*/
.selectSide {overflow:hidden;float:left;width:20.358%;}
.selectSide .proSearch {border-bottom-width:1px;margin-bottom:25px;}
/*selectMenu*/
.selectMenu {overflow:hidden;width:101%;}
.selectMenu dl {float:left;width:49%;padding-right:1%;}
.selectMenu dt {font-size:20px;line-height:1.5em;font-weight:bold;margin-bottom:8px;}
.selectMenu dd {font-size:18px;line-height:1.5em;margin-bottom:14px;}
.selectMenu .cur a,.selectMenu a:hover {color:#abcd03;}
/*selectMain*/
.selectMain {float:right;width:75.596%;overflow:hidden;}
/*selectBox*/
.selectBox {background-color:#fff;padding:2.362% 3.543% 1.733%;margin-bottom:4.725%;}
.selectBox h2 {font-size:18px;font-weight:normal;line-height:1.35em;margin-bottom:2.543%;}
.selectBox .more {overflow:hidden;}
.selectBox .more a {display:block;float:left;width:118px;height:42px;text-align:center;line-height:42px;border:1px solid #555;font-size:14px;}
.selectBox .more a:hover {background-color:#000;color:#fff;border-color:#000;}
.selectBox ul {overflow:hidden;width:103%;}
.selectBox li {float:left;width:22%;padding-right:3%;padding-bottom:3%;}
.selectBox li a {display:block;overflow:hidden;}
.selectBox li a:hover i {transform:scale(1.1);}
.selectBox .pic {overflow:hidden;margin-bottom:4.348%;}
.selectBox .pic i {display:block;overflow:hidden;padding-bottom:73.978%;background:no-repeat center center;background-size:cover;transition:all .3s;}
.selectBox h3 {font-size:18px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5em;}
/*fcbox*/
.fcbox {padding:3.90125% 0 8.334%;background-color:#eaeaea;}
.fcbox .boxTitle {margin-bottom:7.609%;}
.fcbox ul {display:table;table-layout:fixed;width:84.058%;margin:0 auto;border-right:1px solid #000;}
.fcbox li {border-left:1px solid #000;display:table-cell;text-align:center;vertical-align:middle;width:50%;font-size:28px;line-height:1.35em;padding:2.587% 0;}
.fcbox i {display:block;font-style:none;}
.fcbox a {display:block;overflow:hidden;}
/*proIntro*/
.proIntro {padding:5.73% 0 7.292%; border-bottom:2px solid #bfbfbf;}
.proIntro .inner1380 {display:table;table-layout:fixed;}
.proIntro .pic {display:table-cell;vertical-align:top;width:49.203%;}
.proIntro .pic img {display:block;width:100%;height:auto;}
.proIntro .text {display:table-cell;vertical-align:middle;padding-left:7%;}
.proIntro .title {margin-bottom:3.974%;}
.proIntro h2 {font-size:22px;font-weight:normal;line-height:1.5em;}
.proIntro h3 {font-size:16px;line-height:1.5em;font-weight:normal;}
.proIntro .intro {font-size:16px;line-height:1.5em;margin-bottom:5.795%;}
.proIntro .btn {overflow:hidden;margin-bottom:8.278%;}
.proIntro .btn a {display:block;float:left;color:#fff;position:relative;height:33px;line-height:33px;background-color:#ae4140;font-size:16px;padding:0 43px 0 13px;}
.proIntro .btn a:after {width:25px;height:2px;background-color:#fff;content:'';display:block;position:absolute;right:13px;top:50%;margin-top:-1px;}
.proIntro .btn a:hover {opacity:.6;}
.proIntro .tel {font-size:16px;line-height:1.5em;}
/*belief*/
.belief {margin-bottom:4.948%;}
.belief img {display: block; width: 100%; height: auto;}
/*design*/
.design {margin-bottom:8.59375%;}
.design .wap { display: none;}
@media only screen and (max-width:480px){
    .design .pc {display: none;}
    .design .wap {display: block;}
}
/*activity*/
.activity {position:relative;z-index:2;}
/*actForm*/
.actForm {background-color:#3f3a39;color:#fff;padding:30px 3.986% 23px;overflow:hidden;margin-bottom:3.624%;}
.actForm.mt {margin-top:-3.624%;}
.actForm .top {overflow:hidden;margin-bottom:22px;}
.actForm h2 {font-size:28px;font-weight:normal;line-height:1.125em;display:inline-block;vertical-align:bottom;padding-right:6.693%;}
.actForm .total {display:inline-block;vertical-align:bottom;font-size:20px;line-height:1.35em;}
.actForm .total i {font-style:normal;color:#ff0404;}
.actForm .btm {overflow:hidden;}
.actForm .item {float:left;width:19%;padding-right:1.575%;}
.actForm .btn {float:right;width:17.323%;}
.actForm .text {display:block;width:92%;padding:12px 4%;background-color:#898989;font-size:20px;line-height:1.5em; color:#fff;}
.actForm .text::-webkit-input-placeholder {opacity:1;color:#fff;}
.actForm .text::-moz-placeholder {opacity:1;color:#fff;}
.actForm .text:-moz-placeholder {opacity:1;color:#fff;}
.actForm .text:-ms-placeholder {opacity:1;color:#fff;}
.actForm select {display:block;background-color:#898989;font-size:20px;width:100%;padding:0 4%;height:54px;-webkit-appearance:none;color:#fff;}
.actForm .submit {display:block;width:100%;color:#fff;font-size:20px;height:54px;background-color:#ae4140;}
/*account*/
.account {background:no-repeat center center;background-size:cover;}
.account .inner1680 {overflow:hidden;padding-top:2.679%;}
.account .box {width:600px;float:right;background-color:#fff;}
.account .form {padding:6.667% 7.5%;min-height:825px;}
.account .type {overflow:hidden;position:relative;margin-bottom:5.882%;}
.account .type:before {width:5px;height:45px;background-color:#dbdbdb;content:'';display:block;position:absolute;left:50%;top:50%;transform:translateY(-50%);margin-left:-2.5px;}
.account .type span {display:block;width:50%;float:left;text-align:center;font-size:36px;line-height:1.125em;}
.account .type a {display:block;}
.account .type .cur a {color:#ae4140;}
.account .tab {display:none;}
.account .tab:first-child {display:block;}
/*formLogin*/
.formLogin .item {margin-bottom:4.314%;overflow:hidden;}
.formLogin label {float:left;display:block;border:1px solid #ececec;border-right:none;height:72px;width:74px;text-align:center;font-size:22px;line-height:72px;}
.formLogin .getCode {float:right;border:1px solid #ececec;border-left:none;font-size:22px;height:72px;line-height:72px;width:145px;text-align:center;}
.formLogin .getCode a {color:#505ade;display:block;}
.formLogin .input {border:1px solid #ececec;}
.formLogin .ml {margin-left:75px;}
.formLogin .mr {margin-right:146px;}
.formLogin .text {display:block;width:90%;font-size:22px;line-height:32px;padding:20px 5%;}
.formLogin .btn {border:1px solid #d39d9b;margin:12px 0;}
.formLogin .submit {background-color:#ae4140;color:#fff;font-size:22px;-webkit-appearance:none;display:block;width:100%;height:72px;cursor:pointer;}
.formLogin .submit:hover {opacity:.85;}
.formLogin .or {overflow:hidden;font-size:22px;line-height:1.5em;}
.formLogin .or a {color:#979797;}
.formLogin .or a:hover {color:#ae4140;}
.formLogin .left {float:left;}
.formLogin .color a {color:#ae4140;}
.formLogin .color a:hover {color:#979797;}
.formLogin .right {float:right;}
/*wxlogin*/
.wxlogin {overflow:hidden;}
.wxlogin .weixin {width:82.353%;padding-bottom:82.353%;position:relative;background-color:#d1d1d1;margin:4.902% auto;}
.wxlogin #qr {position:absolute;left:0;top:0;width:100%;height:100%;}
.wxlogin img {display:block;width:100%;height:100%;}
.wxlogin h3 {text-align:center;font-weight:normal;color:#ae4140;font-size:22px;line-height:1.5em;}
/*member*/
.member {padding:1.823% 0 10.417%;}
.member .inner1680 {display:table;table-layout:fixed;}
.sidebar {display:table-cell;vertical-align:top;width:155px;border-right:1px solid #000;padding:3.869% 20px 3.869% 0;}
.sidebar li {font-size:22px;line-height:2em;text-align:right;margin-bottom:21.29%;}
.sidebar a {display:block;padding:0 20px;}
.sidebar .cur a {background-color:#e0dfdf;}
/*memberMain*/
.memberMain {display:table-cell;vertical-align:top;padding:3.572% 0 3.572% 5.357%;}
/*person*/
.person {display:table;table-layout:fixed;width:100%;border-bottom:1px solid #818181;padding-bottom:5.304%;margin-bottom:4.951%;}
.person .td {display:table-cell;vertical-align:middle;}
.person .vip {width:170px;}
.person .vip a {display:block;color:#fff;font-size:20px;height:48px;line-height:48px;background-color:#9c7a3c;text-align:center;letter-spacing:1px;}
.person .info {padding:0 6.365%;}
.person h2 {font-size:25px;font-weight:normal;line-height:1.35em;margin-bottom:2.706%;}
.person .meta {font-size:20px;line-height:1.5em;}
.person .fl {float:left;}
.person .level {padding-left:9.74%;color:#bc9304;letter-spacing:1px;}
/*avatar*/
.avatar {width:140px;display:table-cell;vertical-align:top;}
.avatar i {display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:cover;border-radius:50%;}
/*enjoy*/
.enjoy {overflow:hidden;border-bottom:1px solid #818181;padding-bottom:6.719%;margin-bottom:6.012%;}
.enjoy h3 {float:left;font-size:25px;font-weight:normal;line-height:64px;}
.enjoy ul {margin-left:110px;overflow:hidden;padding-left:7.426%;}
.enjoy li {float:left;padding-left:24px;padding:5px 0 5px 24px;}
.enjoy a {display:block;background-color:#ae4140;color:#fff;height:54px;line-height:54px;width:160px;text-align:center;font-size:18px;}
/*popular*/
.popular {overflow:hidden;margin-bottom:7.07%;}
.popular .top {position:relative;margin-bottom:2.558%;}
.popular .top span {position:absolute;right:1%;top:50%;transform:translateY(-50%);font-size:25px;font-family:'Simsun';}
.popular h3 {margin-right:90px;font-size:25px;font-weight:normal;}
.popular ul {overflow:hidden;width:103%;}
.popular li {float:left;width:31%;padding-right:2%;padding-bottom:2%;}
.popular li i {display:block;overflow:hidden;padding-bottom:52.42%;background:no-repeat center center;background-size:cover;transition:all .3s;}
.popular li a {display:block;overflow:hidden;}
.popular li a:hover i {transform:scale(1.2);}
/*mbTitle*/
.mbTitle {font-weight:normal;font-size:30px;line-height:1.35em;margin-bottom:2.672%;}
/*curLevel*/
.curLevel {padding:1.415% 0 4.032%;font-size:16px;line-height:1.875em;border-bottom:1px solid #bdbdbd;margin-bottom:5.658%;}
/*benefits*/
.benefits .mbTitle {padding:0 5.1%;margin-bottom:0.7%;}
.benefits table {border:none;table-layout:fixed;}
.benefits td {border:none;font-size:18px;text-align:center;line-height:1.5em;padding:2.742% 5px;}
.benefits th {border:none;border-bottom:1px solid #000;font-weight:normal;font-size:22px;line-height:1.5em;padding:2.742% 5px;width:16.66%;}
.benefits i {display:block;width:45px;height:31px;background:url(../images/icon_09.png) no-repeat 0 0;background-size:100% auto;margin:0 auto;}
.benefits .no {background-position:0 100%;}
/*mbCard*/
.mbCard {margin-bottom:5.484%;}
.mbCard table {border:none;table-layout:fixed;}
.mbCard th {border:none;border-bottom:1px solid #000;font-size:16px;line-height:1.875em;text-align:left;padding:0.686% 0;font-weight:normal;width:44%;}
.mbCard .name {width:28%;}
.mbCard .level {width:28%;}
.mbCard td {border:none;font-size:16px;line-height:1.875em;padding:2.399% 0;}
.mbCard tr:nth-child(2) td {padding-top:4.798%;}
/*safe*/
.safe .form {border-top:1px solid #a4a4a4;padding:3.085% 0;overflow:hidden;}
.safe .nb {border-top:none;}
.safe form {display:block;float:left;}
.safe .item {overflow:hidden;margin-bottom:20px;}
.safe label {font-size:20px;float:left;display:block;line-height:31px;}
.safe .change {float:right;font-size:20px;line-height:31px;}
.safe .change a {color:#1f4ab8;}
.safe .change a:hover {text-decoration:underline;}
.safe .pwd {margin-left:100px;margin-right:40px;font-size:20px;line-height:31px;}
.safe .input {margin-left:100px;border:1px solid #c4c4c4;width:241px;}
.safe .text {display:block;width:90%;height:29px;line-height:29px;padding:0 5%;font-size:16px;}
.safe .btn {margin-left:100px;text-align:center;}
.safe .submit {font-size:20px;line-height:1.5em;-webkit-appearance:none;cursor:pointer;}
/*orderItem*/
.orderItem .top {display:table;padding:3.435% 0;}
.orderItem .top span {display:table-cell;vertical-align:top;font-size:20px;line-height:1.7em;padding:0 35px;border-left:1px solid #e0dfdf;}
.orderItem .top .name {padding-left:0;border-left:none;}
.orderItem .line {height:1px;background-color:#a4a4a4;}
.orderItem .btm {padding:3.054% 0;width:85%;}
.orderItem table {border:none;}
.orderItem th {border:none;font-weight:normal;font-size:16px;padding:1.68% 1% 1.68% 0;}
.orderItem td {border:none;font-size:16px;padding:1.68% 1% 1.68% 0;text-align:center;}
.orderItem .i {text-align:left;width:32.825%;}
.orderItem .y {padding-right:0;width:4em;}
/*message*/
.message .item {font-size:16px;line-height:1.875em;padding:0 0.764%;border-bottom:1px solid #bdbdbd;padding-bottom:6.107%;margin-bottom:3.054%;}
/*mbTab*/
.mbTab {border-bottom:1px solid #bdbdbd;margin-bottom:4.581%;}
.mbTab span {font-size:25px;line-height:1.125em;float:left;padding:2.672% 4.962% 2.672% 5.115%;border-bottom:1px solid transparent;position:relative;display:block;}
.mbTab span:before {width:100%;height:1px;content:'';display:block;position:absolute;left:0;bottom:-2px;}
.mbTab span:first-child {padding-left:1.145%;}
.mbTab a {color:#9e9e9e;display:block;overflow:hidden;}
.mbTab .cur:before {background-color:#000;}
.mbTab a:hover,.mbTab .cur a {color:#000;}
.mbTab .clear {float:none;padding:0;border:none;}
.mbTab .clear:before {display:none;}
/*redeem*/
.redeem .mbTab span {font-size:16px;}
/*redeemlist*/
.redeemlist {padding:0 18.5% 0 1%;}
.redeemlist ul {overflow:hidden;width:103%;margin-bottom:7.634%;}
.redeemlist li {float:left;width:22%;padding-right:3%;padding-bottom:3%;}
.redeemlist li a {display:block;overflow:hidden;}
.redeemlist .pic {overflow:hidden;margin-bottom:6.466%;}
.redeemlist .pic i {display:block;overflow:hidden;padding-bottom:79.915%;background:no-repeat center center;background-size:cover;}
.redeemlist .info {display:table;table-layout:fixed;width:100%;font-size:16px;line-height:1.875em;}
.redeemlist .info span {word-break:break-all;word-wrap:break-word;}
.redeemlist .info .l {display:table-cell;vertical-align:middle;}
.redeemlist .info .r {display:table-cell;vertical-align:middle;}
/*paging*/
.paging {overflow:hidden;padding-right:9.488%;}
.paging .left {float:left;padding:6.5px 0;font-size:0;line-height:normal;}
.paging .left a {display:inline-block;line-height:25px;font-size:16px;padding:0 11px;margin:0 20px;}
.paging .left .a_cur,.paging .left a:hover {background-color:#e0dfdf;}
.paging .right {float:right;font-size:16px;line-height:38px;}
.paging .right a {display:block;width:145px;text-align:center;background-color:#e0dfdf;}
/*profile*/
.profile .table {border-top:1px solid #a4a4a4;display:table;table-layout:fixed;width:100%;padding:3.536% 0 6.012%;}
.profile .right {padding-left:6.365%;display:table-cell;vertical-align:middle;}
.profile .name {font-size:25px;line-height:1.35em;font-weight:normal;float:left;width:30%;}
.profile .addr {float:left;font-size:16px;line-height:1.875em;}
.profile .meta {font-size:16px;line-height:1.875em;overflow:hidden;clear:both;margin-top:2.956%;}
.profile .meta span {display:block;float:left;padding-right:2.365%;}
.profile .basic {border-top:1px solid #a4a4a4;padding:3.536% 0;}
.profile .form {width:62%;padding:1.415% 0;}
.profile .item {overflow:hidden;margin-bottom:15px;}
.profile .top {line-height:34px;font-size:16px;overflow:hidden;}
.profile .change {display:block;float:right;width:58px;text-align:center;color:#1c2dd1;}
.profile label {display:block;margin-right:60px;}
.profile .submit {background-color:#ae4140;color:#fff;display:block;width:58px;height:34px;-webkit-appearance:none;float:right;cursor:pointer;}
.profile .submit:hover {opacity:.85;}
.profile .btm {margin:20px 0;display:none;}
.profile .input {margin-right:60px;max-width:196px;border:1px solid #c4c4c4;}
.profile .text {display:block;width:90%;height:24px;line-height:24px;padding:5px 5%;font-size:16px;}
/*myScores*/
.myScores .box {display:table;table-layout:fixed;width:100%;border-bottom:1px solid #bdbdbd;padding:2.476% 0 7.073%;margin-bottom:5.941%;}
.myScores .td {display:table-cell;vertical-align:middle;overflow:hidden;}
.myScores .mid {padding:0 4.95%;}
.myScores .right {padding-left:4.95%;}
.myScores .scores {font-size:16px;line-height:1.875em;padding-right:14%;float:left;}
.myScores .scores i {font-size:25px;font-style:normal;color:#b39726;}
.myScores .btn {float:left;}
.myScores .btn a {display:block;overflow:hidden;width:91px;height:28px;text-align:center;line-height:28px;font-size:16px;border:1px solid #b0b0b0;}
.myScores .btn a:hover {background-color:#000;border-color:#000;color:#fff;}
.myScores .list {margin-bottom:5.941%;}
.myScores .list .mbTitle {padding:0 0.849%;}
.myScores table {table-layout:fixed;border:none;}
.myScores th {border:none;font-size:16px;line-height:1.875em;font-weight:normal;padding:0.849%;border-bottom:1px solid #000;}
.myScores td {font-size:16px;line-height:1.875em;border:none;text-align:center;padding:0.849%;}
.myScores .s {text-align:left;width:34%;}
.myScores tr:nth-child(2) td {padding-top:2.263%;}
/*redemption*/
.redemption {border-top:1px solid #a4a4a4;padding:3.89% 0;}
.redemption .top {overflow:hidden;margin-bottom:3.536%;}
.redemption .pic {float:left;width:32.674%;}
.redemption .pic img {display:block;width:100%;height:auto;}
.redemption .info {width:60.396%;float:right;overflow:hidden;}
.redemption .title {font-size:34px;line-height:1.35em;font-weight:normal;margin-bottom:7px;}
.redemption .intro {font-size:25px;line-height:1.52em;margin-bottom:1.757%;overflow:hidden;}
.redemption .intro h3 {font-weight:normal;font-size:25px;line-height:1.52em;float:left;}
.redemption .text {margin-left:5em;}
.redemption .box {display:table;table-layout:fixed;width:100%;}
.redemption .btn {display:table-cell;vertical-align:middle;width:146px;}
.redemption .btn span {display:block;font-size:20px;line-height:37px;padding:8px 0;}
.redemption .btn a {display:block;color:#fff;background-color:#ae4140;text-align:center;}
.redemption .pay {display:table-cell;vertical-align:middle;padding-left:17.565%;font-size:20px;line-height:1.35em;}
.redemption .pay p {padding:5px 0;}
.redemption .pay img {display:block;width:88px;height:auto;}
/*contact*/
.contact {position:fixed;right:0;top:54%;z-index:7;width:62px;font-size:12px;line-height:1.5em;text-align:center;}
.contact i {width:31px;padding-bottom:31px;background:no-repeat 0 0;background-size:100% auto;display:block;margin:0 auto;}
.contact a {color:#9b9b9b;display:block;padding:6px 0 7px;}
.contact a:hover {background-color:#ae4140;color:#fff;}
.contact a:hover i {background-position:0 100%;}
.contact li {border:1px solid #b1b1b1;background-color:#fff; position: relative; cursor: pointer;}
.contact li.bt { margin-top: 600px; transition: margin-top 0.5s;}
.contact li.bt_act { margin-top: 0;}
.contact .ol i {background-image:url(../images/icon_ol.png);}
.contact .tel i {background-image:url(../images/icon_tel.png);}
.contact .tel .sub {padding:10px 18px;}
.contact .wx i {background-image:url(../images/icon_wx.png);}
.contact .wx .sub {padding:14px 30px;text-align:center;}
.contact .bt i {background-image:url(../images/icon_bt.png);}
.contact .sub {background-color:#fff;border:1px solid #d3d3d3;border-top:6px solid #ae4140;line-height:1.5em;font-size:12px;position:absolute;right:100%;top:50%; transform: translateY(-20%); white-space:nowrap;margin-right:16px;text-align:left;color:#a9a9a9;display:none;}
.contact .sub:after {width:8px;height:8px;border-top:1px solid #d3d3d3;border-right:1px solid #d3d3d3;background-color:#fff;transform:rotate(45deg);content:'';display:block;position:absolute;right:-5px;top:15px;}
.contact .sub span {font-size:16px;line-height:1.5em;color:#ae4140;}
.contact .icon {float:left;padding:5px 0;}
.contact .info {margin-left:40px;overflow:hidden;}
.contact .qr {width:135px;margin:0 auto 10px;}
.contact .qr img {display:block;width:100%;height:auto;}
.left-hover a{font-weight:bold; color:#dd0111; }
@media only screen and (max-height:830px){
  .popup h2 {margin-bottom: 30px;}
  .popup .tel {margin-bottom: 130px;}
}
@media only screen and (max-height:768px){
  .popup .tel {margin-bottom: 70px;}
  .popup .item {margin-bottom: 25px;}
}
@media only screen and (max-height:640px){
  .popup .form {max-height:100%; overflow-y: auto; -webkit-overflow-scrolling:touch;}
}
@media only screen and (max-width: 1792px){
  .inner1680 {width: 93.75%;}
  /*1792px topBtn*/
  .topBtn {padding-left:20px;}
  /*1792px nav*/
  .nav {margin-left:300px; margin-right: 265px;}
  .nav li a {padding-left:25px; padding-right: 25px;}

}
@media only screen and (max-width: 1472px){
  /*1472px inner1380*/
  .inner1380 {width: 93.75%;}
  /*1472px customization*/
  .customization li .btn a {font-size:20px;}
  /*1472px customBox*/
  .customBox .left {width:380px;}
  .customBox h2 {font-size: 28px;}
  .customBox h3 {font-size:20px;}
  .customBox .total {font-size:24px;}
  .customBox .total span {font-size:36px;}
  /*1472px customForm*/
  .customForm .text, .customForm .submit {font-size:16px;}
  /*1472px sidemenu*/
  .sidemenu {width:230px;}
  /*1472px main*/
  .main {margin-left:250px;}
  /*1472px account*/
  .account .type span {font-size:32px;}
  .account .box {width: 43.479%;}
  /*1472px enjoy*/
  .enjoy h3 {font-size:22px;line-height: 55px;}
  .enjoy a {font-size:16px; height: 45px; line-height: 45px;}
  /*1472px popular*/
  .popular h3, .popular .top span {font-size:22px;}
  /*1472px redemption*/
  .redemption .title {font-size:30px;}
  .redemption .intro, .redemption .intro h3 {font-size:22px;}
  .redemption .btn span, .redemption .pay {font-size:18px;}
}
@media only screen and (max-width: 1366px){
  /*1366px topTel*/
  .topTel {padding-left:10px;}
  /*1366px topBtn*/
  .topBtn {padding-left:15px;}
  /*1366px topMem*/
  .topMem {padding-left:15px;}
  /*1366px logo*/
  .logo {padding:9.5px 0;}
  .logo a {width:183px; height:25px;}
  /*1366px nav*/
  .nav {margin-left:200px; margin-right: 230px;}
  .nav li a {padding-left:18px; padding-right: 18px;}
  /*1366px showcase*/
  .showcase .btn a, .showcase h4 {font-size: 18px;}
  /*1366px account*/
  .account .form {min-height: 625px;}
  /*1366px enjoy*/
  .enjoy h3 {font-size:20px;line-height: 50px;}
  .enjoy a {font-size:16px; height: 40px; line-height: 40px;}
  /*1366px popular*/
  .popular h3, .popular .top span {font-size:20px;}
  /*1366px mbTitle*/
  .mbTitle {font-size:26px;}
  /*1366px redemption*/
  .redemption .title {font-size:26px;}
  .redemption .intro, .redemption .intro h3 {font-size:18px; line-height: 1.75em;}
}
@media only screen and (max-width: 1280px){
  /*1280px popup*/
  .popup h2 {font-size:24px; margin-bottom: 20px;}
  .popup .tel {font-size:16px;}
  .popup .item {margin-bottom: 35px;}
  .popup .text, .popup .cur, .popup .list li {font-size:22px;}
  .popup .submit {font-size:24px; height: 45px;}
  /*1280px logo*/
  .logo {padding:12px 0;}
  .logo a {width:147px; height:20px;}
  /*1280px topBtn*/
  .topBtn a {font-size:14px; width:54px;}
  /*1280px topMem*/
  .topMem {padding-left:10px;}
  .topMem a {background-size:auto 70%;}
  /*1280px nav*/
  .nav {margin-left:155px; margin-right:220px;}
  .nav li {font-size:14px;}
  /*1280px advantage*/
  .advantage h2, .advantage p {font-size:18px;}
  /*1280px hmTitle*/
  .hmTitle h2 {font-size:30px;}
  .hmTitle h3 {font-size: 16px;}
  /*1280px hmtab*/
  .hmtab a {font-size:22px;}
  /*1280px customization*/
  .customization li .btn a {font-size:18px;}
  .customization li h4 {font-size:20px;}
  /*1280px showcase*/
  .showcase .btn span {width: 23%;}
  .showcase .btn a, .showcase h4 {font-size: 16px;}
  /*1280px customBox*/
  .customBox .left {width:330px;}
  .customBox h2 {font-size: 24px;}
  .customBox h3 {font-size:18px;}
  .customBox .total {font-size:22px;}
  .customBox .total span {font-size:32px;}
  /*1280px life*/
  .life {font-size:22px;}
  .life h2 {font-size:150px;}
  /*1280px coverage*/
  .coverage h2 {font-size:32px;}
  .coverage h4 {font-size: 22px;}
  .coverage h3, .coverage p {font-size: 18px;}
  /*1280px groupbuy*/
  .groupbuy h4 {font-size:26px;}
  .groupbuy h5 {font-size: 18px;}
  .groupbuy .input {margin:0 10px;}
  /*1280px service*/
  .service li h2 {font-size:32px;}
  /*1280px processForm*/
  .processForm .left {width:260px;}
  .processForm h2 {font-size:26px;}
  .processForm h3 {font-size:16px;}
  .processForm h4 {font-size:24px;}
  /*1280px menu*/
  .menu {margin-right: 220px;}
  .menu li a {padding-right: 30px;}
  /*1280px qrcode*/
  .qrcode {width: 260px;}
  .qrcode li {font-size:14px;}
  .qrcode .wx {padding-left:35px;}
  /*1280px recurit*/
  .recurit h2, .recurit h3 {font-size:24px;}
  .recurit .meta span, .recurit .info {font-size:18px;}
  .recurit .meta span:after {height: 18px;}
  /*1280px singlepage*/
  .singlepage h3 {font-size:20px;}
  /*1280px mapForm*/
  .mapForm {width:250px;}
  .mapForm label, .mapForm select, .mapForm .submit {font-size:18px;}
  /*1280px mapBox*/
  .mapBox {width:auto; margin-left:300px;float:none;}
  .mapBox h2 {font-size:20px;}
  /*1280px storeResult*/
  .storeResult h2 {font-size:22px;}
  .storeResult h3, .storeResult p {font-size:18px;}
  /*1280px prolist*/
  .prolist li h2 {font-size:20px;}
  .prolist li h3 {font-size:16px;}
  .prolist li .btn span {width:20%;}
  /*1280px features*/
  .features h2 {font-size:18px;}
  /*1280px profit*/
  .profit h2 {font-size:28px;}
  .profit h3, .profit h4 {font-size:22px;}
  .profit .box {padding:0 5% 0 0;}
  .profit .icon {width: 100px;}
  .profit .text {margin-right:130px;}
  .profit p {font-size:18px;}
  .profit li:nth-child(2n) .box {padding:0 0 0 5%;}
  .profit li:nth-child(2n) .text {margin-left:130px;}
  /*1280px joinForm*/
  .joinForm .form {padding-right: 180px;}
  .joinForm .text {font-size:22px;}
  .joinForm .submit {font-size:26px; width:180px;}
  /*1280px submenu*/
  .submenu li {font-size: 24px;}
  /*1280px newslist*/
  .newslist time, .newslist h2, .pagenavi a {font-size:20px;}
  /*1280px case*/
  .case .owl-nav .owl-prev {margin-right:8%;}
  .case .owl-nav .owl-next {margin-left:8%;}
  .case h2 {font-size:16px;}
  /*1280px resBox*/
  .resBox .icon {width: 80px;}
  .resBox .text {font-size:24px;}
  .resBox .btn a {font-size: 24px; width: 280px; padding:15px 0;}
  /*1280px boxTitle*/
  .boxTitle {font-size: 32px;}
  /*1280px details*/
  .details time {font-size:20px;}
  .details .title {font-size:34px;}
  /*1280px entry*/
  .entry {font-size:22px;}
  /*1280px moreNews*/
  .moreNews h3 {font-size:36px;}
  .moreNews time, .moreNews h4 {font-size:20px;}
  /*1280px backlist*/
  .backlist a {font-size:20px;}
  /*1280px selectMenu*/
  .selectMenu dt {font-size:18px;}
  .selectMenu dd {font-size:16px;}
  /*1280px selectBox*/
  .selectBox h3 {font-size:16px;}
  .selectBox .more a {height: 35px; line-height: 35px; width:100px;}
  /*1280px selectBox*/
  .fcbox li {font-size: 24px;}
  /*1280px proIntro*/
  .proIntro h2 {font-size: 20px;}
  /*1280px actForm*/
  .actForm h2 {font-size:24px;}
  .actForm .total {font-size:18px;}
  .actForm .text {font-size: 18px; padding-top:10px; padding-bottom: 10px;}
  .actForm select, .actForm .submit {font-size: 16px; height: 47px;}
  /*1280px account*/
  .account .type span {font-size:28px;}
  /*1280px formLogin*/
  .formLogin .text {font-size:20px; padding-top:15px; padding-bottom: 15px;}
  .formLogin .submit {font-size:20px; height: 60px;}
  .formLogin .or, .wxlogin h3 {font-size:20px;}
  .formLogin label, .formLogin .getCode {font-size:20px; height: 62px; line-height: 62px;}
  /*1280px sidebar*/
  .sidebar li {font-size:20px;}
  /*1280px person*/
  .person h2 {font-size: 22px;}
  .person .meta {font-size:18px;}
  .person .vip {width: 140px;}
  .person .vip a {font-size:18px; height: 40px; line-height: 40px;}
  /*1280px avatar*/
  .avatar {width:15%;}
  /*1280px enjoy*/
  .enjoy h3 {font-size:18px;line-height: 45px;}
  .enjoy a {font-size:14px; height: 35px; line-height: 35px;}
  .enjoy ul {margin-left:90px;}
  /*1280px popular*/
  .popular h3 {font-size:20px; margin-right: 70px;}
  .popular .top span {font-size:20px;}
  /*1280px mbTitle*/
  .mbTitle {font-size:22px;}
  /*1280px benefits*/
  .benefits .mbTitle {padding:0 4.1%;}
  .benefits th {font-size:20px;}
  .benefits td {font-size:16px;}
  .benefits i {width:35px; height: 24px;}
  /*1280px safe*/
  .safe label, .safe .change, .safe .submit, .safe .pwd {font-size:18px;}
  /*1280px orderItem*/
  .orderItem .top span {font-size:18px; padding:0 25px;}
  .orderItem .btm {width: auto;}
  /*1280px message*/
  .mbTab span {font-size:22px;}
  /*1280px redeemlist*/
  .redeemlist {padding-right: 1%;}
  /*1280px paging*/
  .paging {padding-right: 20px;}
  .paging .right, .paging .left a {font-size:14px;}
  .paging .right a { width: 125px;}
  /*1280px profile*/
  .profile .name {font-size:22px; width: auto; float:none;}
  .profile .addr {float:none; margin-top:1.5%;}
  .profile .meta {margin-top:1.5%;}
  /*1280px myScores*/
  .myScores .scores, .myScores .btn {float:none; padding:5px 0;}
  .myScores .scores i {font-size:22px;}
  .myScores .btn a {font-size:14px; width: 80px;}
}
@media only screen and (max-width: 1200px){
  /*1200px topbtn*/
  .navbtn {display: block;}
  /*1200px topTel*/
  .topTel {padding-right: 10px;}
  /*1200px nav*/
  .nav {position:fixed; left:-100%; top:0; width:100%; height: 100%; background-color: #fff; margin:0; overflow-y: auto; -webkit-overflow-scrolling:touch; transition:left .3s;}
  .nav.open {left:0;}
  .nav ul {margin:44px 0;}
  .nav li {float:none; text-align:left; line-height: 45px;}
  .nav li a {padding:0 45px 0 3.125%;}
  .nav li ul {position: static; left:auto; top:auto; width:auto; margin:0;}
  .nav li li {display: block;}
  .nav li li a {color:#000; padding:0 3.125%; text-indent:2em;}
  .nav em {display: block; width:45px; height: 45px; position:absolute; right:0; top:0;}
  .nav em:after {content:''; display:block; width:8px; height: 8px; border-right:1px solid #444; border-bottom: 1px solid #444; transform: rotate(45deg); position:absolute; top:50%; left:50%; margin:-6px 0 0 -6px;}
}
@media only screen and (max-width: 1024px){
  /*1024px popup*/
  .popup .table {width:62.5%;}
  .popup h2 {font-size:20px;}
  .popup .tel {font-size:14px;}
  .popup .item {margin-bottom: 30px;}
  .popup .text, .popup .cur, .popup .list li {font-size:18px;}
  .popup .submit {font-size:20px; height: 40px;}
  /*1024px advantage*/
  .advantage h2, .advantage p {font-size:16px; line-height: 1.875em;}
  /*1024px hmTitle*/
  .hmTitle h2 {font-size:24px;}
  /*1024px hmtab*/
  .hmtab a {font-size:18px; line-height: 32px; padding:0 20px;}
  /*1024px customization*/
  .customization li .btn span {width: 25%;}
  .customization li .btn a {font-size:16px;}
  .customization li h4 {font-size:18px;}
  /*1024px showcase*/
  .showcase .btn {margin-bottom: 10%;}
  .showcase .btn span {width: 28%;}
  .showcase .btn i {margin-bottom: 10px;}
  /*1024px customBox*/
  .customBox .left {width:250px;}
  .customBox h2 {font-size: 20px;}
  .customBox h3 {font-size:16px;}
  .customBox .right {padding:30px 5%;}
  .customBox .total {margin-bottom: 30px;}
  .customBox .total {font-size:18px;}
  .customBox .total span {font-size:28px;}
  .customForm .item {padding-right:4%; width: 34%;}
  .customForm .text {padding-top: 7px; padding-bottom: 7px;}
  .customForm .btn {width:22%;}
  .customForm .submit {height: 38px;}
  /*1024px life*/
  .life {font-size:18px;}
  .life h2 {font-size:120px;}
  /*1024px coverage*/
  .coverage h2 {font-size:28px;}
  .coverage h4 {font-size: 18px;}
  .coverage h3, .coverage p {font-size: 16px;}
  /*1024px groupbuy*/
  .groupbuy h4 {font-size:22px;}
  .groupbuy h5 {font-size: 16px;}
  .groupbuy .pic {padding-bottom: 340px;}
  .groupbuy .item:nth-child(1) .pic, .groupbuy .item:nth-child(4) .pic {padding-bottom: 240px;}
  .groupbuy .item:nth-child(3) .pic, .groupbuy .item:nth-child(2) .pic {padding-bottom: 325px;}
  /*1024px service*/
  .service li h2 {font-size:26px;}
  /*1024px process*/
  .process .hmTitle {margin-left:0; margin-right:0;}
  /*1024px processlist*/
  .processlist {padding:0;}
  .processlist h4 {font-size:14px;}
  /*1024px processForm*/
  .processForm .td {padding:30px;}
  .processForm .left {width:220px;}
  .processForm h2 {font-size:22px;}
  .processForm h4 {font-size:20px; margin-bottom: 20px;}
  /*1024px bottom*/
  .bottom .other {float:none; overflow: hidden; font-size:0; line-height: normal; text-align: center;}
  .bottom .topSch, .bottom .topMem {display: none;}
  .bottom .topBtn, .bottom .topTel {float:none; display: inline-block; padding:0 7px;}
  /*1024px menu*/
  .menu {margin-right:0; clear:both; margin-top:10px;}
  .menu ul {font-size:0; line-height: normal; text-align:center;}
  .menu li {display: inline-block; padding:0 15px; float:none;}
  .menu li a {padding:0;}
  /*1024px copyright*/
  .copyright {padding:5px 0;}
  .copyright span {display: block; padding:5px 0;}
  .copyright a {margin:0 10px 0 0;}
  /*1024px record*/
  .record {padding:5px 0;}
  .record .icp {padding-right: 30px;}
  /*1024px recurit*/
  .recurit h2, .recurit h3 {font-size:20px;}
  .recurit .meta span, .recurit .info {font-size:16px;}
  .recurit .meta span:after {height: 14px;}
  /*1024px sidemenu*/
  .sidemenu {width:200px;}
  .sidemenu h2 {font-size:20px;}
  /*1024px main*/
  .main {margin-left:200px;}
  /*1024px singlepage*/
  .singlepage h3 {font-size:18px;}
  /*1024px mapForm*/
  .mapForm .item {margin-bottom: 20px;}
  .mapForm label, .mapForm select {font-size:16px;}
  .mapForm .submit {height: 40px; font-size:16px; width:100%; padding:0; text-align:center;}
  /*1024px mapBox*/
  .mapBox h2 {font-size:18px;}
  /*1024px storeResult*/
  .storeResult h2 {font-size:20px;}
  .storeResult h3, .storeResult p {font-size:16px;}
  .storeResult ul {width:105%;}
  .storeResult li {padding-right:5%; width:45%;}
  .storeResult .box {background-size:30px auto; padding-right:35px;}
  /*1024px proMain*/
  .proMain {margin-left: 160px;}
  /*1024px prolist*/
  .prolist li h2 {font-size:18px;}
  .prolist li h3 {font-size:14px;}
  .prolist li .btn span {width:22%;}
  /*1024px features*/
  .features h2 {font-size:16px;}
  /*1024px profit*/
  .profit h2 {font-size:24px;}
  .profit h3, .profit h4 {font-size:18px;}
  .profit .icon {width: 80px;}
  .profit .text {margin-right:110px;}
  .profit p {font-size:16px;}
  .profit li:nth-child(2n) .text {margin-left:110px;}
  /*1024px joinForm*/
  .joinForm .form {padding-right: 160px;}
  .joinForm .text {font-size:18px;}
  .joinForm .submit {font-size:20px; width:160px;}
  /*1024px submenu*/
  .submenu ul:before {height: 20px;}
  .submenu li {font-size: 20px;}
  /*1024px newslist*/
  .newslist time, .newslist h2, .pagenavi a {font-size:18px;}
  /*1024px resBox*/
  .resBox {padding:5% 0;}
  .resBox .icon {width: 60px;}
  .resBox .text {font-size:18px;}
  .resBox .btn a {font-size: 18px; width: 220px; line-height: 24px; padding:10px 0;}
  /*1024px boxTitle*/
  .boxTitle {font-size: 28px;}
  /*1024px details*/
  .details time {font-size:16px;}
  .details .title {font-size:28px;}
  /*1024px entry*/
  .entry {font-size:18px;}
  /*1024px moreNews*/
  .moreNews h3 {font-size:30px;}
  .moreNews time, .moreNews h4 {font-size:18px;}
  .moreNews .box {padding-right: 15%;}
  .moreNews .owl-nav .owl-next {left:110%;}
  /*1024px backlist*/
  .backlist a {font-size:18px;}
  /*1024px selectSide*/
  .selectSide {width:195px;}
  /*1024px selectMenu*/
  .selectMenu dt {font-size:16px;}
  .selectMenu dd {font-size:14px;}
  /*1024px selectMain*/
  .selectMain {width:auto; margin-left:235px; float:none;}
  /*1024px selectBox*/
  .selectBox {padding:2.5% 3.5%;}
  .selectBox li {width:47%;}
  /*1024px selectBox*/
  .fcbox li {font-size: 20px;}
  /*1024px proIntro*/
  .proIntro h2 {font-size: 18px;}
  .proIntro h3 {font-size:14px;}
  .proIntro .text {padding-left:3.5%;}
  .proIntro .intro {font-size: 14px; line-height: 1.75em;}
  .proIntro .btn a {font-size:14px;}
  /*1024px actForm*/
  .actForm h2 {font-size:20px;}
  .actForm .total {font-size:16px;}
  .actForm .text {font-size: 16px; padding-top:7px; padding-bottom: 7px;}
  .actForm select, .actForm .submit {font-size: 16px; height: 38px;}
  /*1024px account*/
  .account .form {min-height: 525px;}
  .account .type span {font-size:24px;}
  /*1024px formLogin*/
  .formLogin .text {font-size:18px; line-height: 24px; padding-top:10px; padding-bottom: 10px;}
  .formLogin .submit {font-size:18px; height: 42px;}
  .formLogin .or, .wxlogin h3 {font-size:18px;}
  .formLogin label, .formLogin .getCode {font-size:18px; height: 44px; line-height: 44px;}
  /*1024px sidebar*/
  .sidebar {width: 130px;}
  .sidebar li {font-size:16px; margin-bottom: 15%;}
  /*1024px person*/
  .person h2 {font-size: 18px;}
  .person .meta {font-size:16px;}
  .person .vip {width: 120px;}
  .person .vip a {font-size:16px; height: 36px; line-height: 36px;}
  /*1024px enjoy*/
  .enjoy h3 {font-size:16px;}
  .enjoy ul {margin-left:80px;}
  /*1024px popular*/
  .popular h3 {font-size:16px; margin-right: 70px;}
  .popular .top span {font-size:16px;}
  /*1024px mbTitle*/
  .mbTitle {font-size:18px;}
  /*1024px benefits*/
  .benefits .mbTitle {padding:0 3%;}
  .benefits th {font-size:18px;}
  .benefits i {width:25px; height: 17px;}
  /*1024px safe*/
  .safe label, .safe .change, .safe .submit, .safe .pwd {font-size:16px;}
  /*1024px orderItem*/
  .orderItem .top span {font-size:16px; padding:0 20px; line-height: 25px;}
  .orderItem th, .orderItem td {font-size:14px;}
  /*1024px message*/
  .mbTab span {font-size:18px;}
  /*1024px paging*/
  .paging {padding-right: 10px;}
  .paging .left {padding:3.5px 0;}
  .paging .left a {margin:0 10px;}
  .paging .right a { width: 100px; line-height: 32px;}
  /*1024px profile*/
  .profile .name {font-size:18px;}
  .profile .addr, .profile .meta {font-size:14px;}
  .profile .form {width: auto;}
  /*1024px redemption*/
  .redemption .pic {width: 35%;}
  .redemption .title {font-size:22px;}
  .redemption .intro, .redemption .intro h3 {font-size:16px;}
  .redemption .btn {width: 120px;}
  .redemption .btn span, .redemption .pay {font-size:16px; line-height: 32px;}
}
@media only screen and (max-width: 768px){
  /*768px topBtn*/
  .topBtn {display: block; margin-right:10px; padding-left:0;}
  .topTel {display: none;}
  /*768px topMem*/
  .topMem {padding-right:15px;}
  /*768px search*/
  .search {top: 40px; right:-10px; background-color: #fff; padding:5px;}
  .searchform {position: relative;}
  /*768px popup*/
  .popup .table {width:70%;}
  .popup form {width:85%;}
  .popup .item {margin-bottom: 20px;}
  .popup .list li {font-size:16px;}
  .popup .text {font-size:16px; line-height: 22px; padding-top:5px; padding-bottom:5px;}
  .popup .cur {padding-right:22px; font-size:16px;}
  .popup .cur:after {width:12px; height: 10px; margin-top:-5px;}
  .popup .submit {font-size:16px; height: 32px; width:110px;}
  /*768px nav*/
  .nav ul {margin:54px 0;}
  /*768px banner*/
  #ban{ display: none;}
  .index-banner{display:block!important; padding:0px 0 0 0;}
  .hmSlides .item a {padding-bottom:0;}
  .hmSlides .item a img { display: block;}
  /*768px advantage*/
  .advantage {padding:5% 0;}
  .advantage h2, .advantage p {font-size:14px; line-height: 1.2em;}
  .advantage .icon {margin-bottom: 5px; width: 30px;}
  .advantage li {width:48%; padding:1%;}
  /*768px hmTitle*/
  .hmTitle {margin-left:0; margin-right: 0;}
  .hmTitle h2 {font-size:20px;}
  .hmTitle h3 {max-width: 85%; font-size: 14px;}
  .hmTitle h3:before, .hmTitle h3:after {height: 2px; margin-top:-1px;}
  /*768px hmtab*/
  .hmtab span {padding:1% 0; width:48%;}
  .hmtab a {font-size:14px; line-height: 24px; padding:0 15px;}
  /*768px customization*/
  .customization {margin: 7% 0;}
  .customization li{ width:48%; padding:0 1% 1.7% 1%;}
  .customization li .btn {margin-bottom: 15%;}
  .customization li .btn span {width: 30%;}
  .customization li .btn a {font-size:14px;}
  .customization li .btn i {margin-bottom: 5px;}
  .customization li h4 {font-size:14px; margin-bottom: 7%;}
  .customization li .info{ display: none;}
  /*768px showcase*/
  .showcase {margin-bottom: 6%;}
  .showcase ul {width: 103%;}
  .showcase li {width:47%; padding-right:3%; padding-bottom: 3%;}
  .showcase .info {bottom:0; height: auto;}
  .showcase .btn {display: none;}
  .showcase .text {position:static; left:auto; bottom:auto; width:auto;}
  .showcase h4 {font-size:14px; margin-bottom: 0; padding:5px 0;}
  /*768px customBox*/
  .customBox .inner1380 {display: block;}
  .customBox .left {width: auto;}
  .customBox .td {display:block; padding:20px;}
  .customBox h2 {font-size:16px; margin-bottom: 5px;}
  .customBox h2 i {padding-bottom: 8px;}
  .customBox h2 i:after {height: 1px;}
  .customBox h3 {font-size: 14px;}
  .customBox .right {padding:30px 3.125%;}
  .customBox .total {font-size:16px; margin-bottom: 3.5%;}
  .customBox .total span {font-size:24px;}
  /*768px customForm*/
  .customForm .item {display: block; padding-right: 0; width:auto; margin-bottom: 10px; float:none;}
  .customForm .text {padding-bottom: 5px; padding-top: 5px; font-size:14px; border-radius:5px;}
  .customForm .btn {clear: both; width:100%; float:none; overflow: hidden;}
  .customForm .submit {height: 34px; padding:0 15px; font-size:14px; border-radius:5px;cursor: pointer;}
  .groupbuy .submit{ width: 100%;}
  /*768px life*/
  .life {font-size:16px; padding:6.5% 0; display:none;}
  .life .inner1380 {display: block;}
  .life .td {display: block; text-align: center; padding:2.5% 0;}
  .life h2 {font-size:80px; margin-bottom: 0;}
  /*768px coverage*/
  .coverage {padding:7% 0;}
  .coverage h2 {font-size:20px; margin-bottom: 6%;}
  .coverage h4 {font-size: 14px;}
  .coverage .top {margin-bottom: 5%;}
  .coverage a:hover .info {bottom:-100%;}
  .coverage .owl-dots {font-size:0; line-height: normal; text-align:center; margin-top: 5%;}
  .coverage .owl-dot {display: inline-block; margin:0 8px;}
  .coverage .owl-dot span {display: block; width:8px; height: 8px; border-radius:50%; border:1px solid #ae4140;}
  .coverage .active span {background-color:#ae4140; }
  /*768px groupbuy*/
  .groupbuy {padding:7% 0;}
  .groupbuy .table, .groupbuy .td {display: block; width:auto;}
  .groupbuy h4 {font-size:18px; margin-bottom: 15px;}
  .groupbuy h5 {font-size: 14px;}
  .groupbuy .pic {padding-bottom: 81.302%;}
  .groupbuy .form {padding:25px 20px;}
  .groupbuy .input {display: block; width:auto; margin:0 0 10px;}
  .groupbuy .btn {margin-top:0;}
  .groupbuy .item {position: static; left:auto; top:auto;}
  .groupbuy .item:nth-child(1) .pic, .groupbuy .item:nth-child(2) .pic, .groupbuy .item:nth-child(3) .pic, .groupbuy .item:nth-child(4) .pic {padding-bottom: 87.94%;}
  .groupbuy h5 {padding:10px 5%; width:90%;}
  /*768px service*/
  .service {margin-bottom: 7%;}
  .service.mb0 {margin-bottom: 0;}
  .service li {width:48%;}
  .service li h2 {font-size:18px;}
  /*768px process*/
  .process {margin-bottom: 5%;}
  /*768px processlist*/
  .processlist {margin-bottom: 20px;}
  .processlist li {width:25%; padding-bottom: 2%;}
  /*768px processForm*/
  .processForm, .processForm .td {display: block; width:auto; border-radius: 5px; overflow: hidden;}
  .processForm .td {padding:20px;}
  .processForm h2 {font-size:18px;}
  .processForm h3 {font-size:14px;}
  .processForm h4 {font-size:18px; margin-bottom: 15px;}
  /*768px menu*/
  .menu {display: none;}
  /*768px footer*/
  .footer .inner1380 {display: block;}
  .footer .td {display: block; width: 100%; padding:5px 0; float: none;}
  /*768px qrcode*/
  .qrcode {display:block; width: auto;}
  .qrcode ul {font-size:0; line-height: normal; text-align:center;}
  .qrcode li {font-size:14px; display: inline-block; padding:0 20px; float:none;}
  .qrcode .wx {padding-left:20px;}
  /*768px copyright*/
  .copyright {padding:0; text-align:center;}
  .copyright span {display: block; padding:5px 0;}
  .copyright a {margin:0 5px;}
  /*768px record*/
  .record {padding:5px 0; text-align: center;}
  .record span {float:none; display: inline-block;}
  .record .icp {padding-right: 20px;}
  /*768px wrapper*/
  .wrapper {padding:7% 0;}
  /*768px recurit*/
  .recurit {border-bottom-width: 1px; margin-bottom: 5.5%;}
  .recurit h2, .recurit h3 {font-size:16px; margin-bottom: 3%;}
  .recurit h3 {padding-left:10px; border-left-width:3px;}
  .recurit .meta {margin-bottom: 3.5%;}
  .recurit .meta span, .recurit .info {font-size:14px;}
  .recurit .meta span:after {height: 10px;}
  /*768px singlepage*/
  .singlepage, .singlepage h4 {font-size:14px;}
  .singlepage h3 {font-size:16px;}
  /*768px sidemenu*/
  .sidemenu {width:auto; float:none; margin-bottom: 5%;}
  .sidemenu h2 {font-size:16px; margin-bottom: 10px;}
  .sidemenu ul {overflow: hidden;}
  .sidemenu li {font-size: 14px; float:left; margin-bottom: 0; padding-right:20px;}
  /*768px main*/
  .main {margin-left:0;}
  /*768px storeMap*/
  .storeMap {margin-bottom: 7%; padding-bottom: 7%;}
  /*768px mapForm*/
  .mapForm {width:auto; float:none; margin-bottom: 20px;}
  .mapForm .item {margin-bottom: 16px;}
  .mapForm select {font-size:14px; padding:5px 10px;}
  .mapForm .submit {height: 32px; font-size:14px;}
  .mapForm .tel {font-size:14px;}
  /*768px mapBox*/
  .mapBox {margin-left:0;}
  .mapBox h2 {font-size:16px;}
  .mapBox p {font-size:14px;}
  /*768px storeResult*/
  .storeResult h2 {font-size:18px;}
  .storeResult h3, .storeResult p {font-size:14px;}
  .storeResult ul {width:auto;}
  .storeResult li {padding-right:0; width:auto; float:none;}
  .storeResult .box {background-size:20px auto; padding-right:25px;}
  /*768px proside*/
  .proside {float:none; width:auto;}
  /*768px proSearch*/
  .proSearch, .promenu {margin-bottom: 20px;}
  /*768px promenu*/
  .promenu ul {overflow: hidden;}
  .promenu li {font-size:14px; float:left; padding:5px 15px 5px 0;}
  /*768px proMain*/
  .proMain {margin-left:0;}
  /*768px prolist*/
  .prolist ul {width:102%;}
  .prolist li {width:48%;}
  .prolist li .top {margin-bottom: 10px;}
  .prolist li h2 {font-size:16px;}
  .prolist li .btn span {width:33%;}
  .prolist li .btn a {font-size:12px;}
  .prolist li .btn i {margin-bottom: 7px; width:65%; padding-bottom: 65%;}
  .prolist li .text { display: none;}
  /*768px features*/
  .features {padding:6% 0;}
  .features .icon {width: 45%; margin-bottom: 5%;}
  .features h2 {font-size:14px;}
  /*768px profit*/
  .profit {padding:7% 0 3.5%;}
  .profit .top {margin-bottom: 5%;}
  .profit .title:before, .profit .title:after {height:1px; margin-top:-0.5px;}
  .profit h2 {font-size:18px; margin-bottom: 5px;}
  .profit h3 {font-size:14px;}
  .profit .btm {padding-left:25px;}
  .profit .btm:before {left:0; margin-left:0;}
  .profit .btm:after {left:6px; margin-left:0;}
  .profit h4 {font-size:16px; line-height: 1.5em;}
  .profit p {font-size:14px; line-height: 1.75em;}
  .profit li {float:none; width:auto; padding:10px 0;}
  .profit .box {padding:0;}
  .profit .icon {float:left; width:60px;}
  .profit .text, .profit li:nth-child(2n) .text {margin-left:75px; margin-right: 0; max-width: none;}
  .profit li:nth-child(2n) .box {padding:0;}
  /*768px joinForm*/
  .joinForm {padding:3.5% 0 7%;}
  .joinForm .form {padding-right: 0; margin:0;}
  .joinForm .item {float:none; width:auto; padding-right: 0; padding-bottom: 3.5%;}
  .joinForm .text {font-size:14px; line-height: 1.75em; padding:5px 0;}
  .joinForm .submit {font-size:16px; width:100%; position:static; right:auto; top:auto; height: 35px; margin-top:3.5%;}
  /*768px submenu*/
  .submenu {padding:5% 0;}
  .submenu ul:before {height: 16px;}
  .submenu li {font-size: 16px; padding:0 10px;}
  /*768px newslist*/
  .newslist .inner1680 {padding-bottom: 5%;}
  .newslist time {font-size:14px;}
  .newslist h2 {font-size: 14px; border-bottom:none;}
  .newslist ul {width: 100%;}
  .newslist li {width:47%; padding:0 2% 3% 1%; }
  .newslist .on {opacity: 1;}
  .newslist li a {border-bottom:2px solid #eee; padding-bottom: 3.125%;}
    /*768px newslist*/
  .caselist .inner1680 {padding-bottom: 5%;}
  .caselist time {font-size:14px;}
  .caselist h2 {font-size: 14px; border-bottom:none;}
  .caselist ul {width: 100%;}
  .caselist li {width:47%; padding:0 2% 3% 1%; }
  .caselist .on {opacity: 1;}
  .caselist li a {border-bottom:2px solid #eee; padding-bottom: 3.125%;}
  /*768px pagenavi*/
  .pagenavi a {font-size:14px; margin:0 7px;}
  /*768px case*/
  .case {padding:7% 0;}
  .case h2 {font-size:14px;}
  .case .owl-carousel {width: 100%;}
  .case .owl-dots {font-size:0; line-height: normal; text-align:center; margin-top: 5%;}
  .case .owl-dot {display: inline-block; margin:0 8px;}
  .case .owl-dot span {display: block; width:8px; height: 8px; border-radius:50%; border:1px solid #ae4140;}
  .case .active span {background-color:#ae4140; }
  /*768px resBox*/
  .resBox {padding:7% 0;}
  .resBox ul {margin-bottom: 5.5%;}
  .resBox .box {display: block; width:auto;}
  .resBox .icon {width: 50px; display: block; margin:0 auto 5px;}
  .resBox .text {display:block; text-align:center; font-size:14px;}
  .resBox .btn a {font-size: 14px; width: 160px; line-height: 20px; padding:8px 0;}
  /*768px related*/
  .related {padding:7% 0;}
  /*768px boxTitle*/
  .boxTitle {font-size: 18px;}
  /*768px details*/
  .details time {font-size:14px;}
  .details .title {font-size:18px;}
  /*768px entry*/
  .entry {font-size:14px;}
  /*768px moreNews*/
  .moreNews h3 {font-size:22px;}
  .moreNews time, .moreNews h4 {font-size:14px;}
  /*768px backlist*/
  .backlist {margin-bottom: 7%;}
  .backlist a {font-size:14px;}

  /*768px selectSide*/
  .selectSide {float:none; width:auto; margin-bottom: 10px;}
  .selectSide .proSearch {margin-bottom: 15px;}
  /*768px selectMenu*/
  .selectMenu dl {width:auto; float:none; padding-right: 0; overflow: hidden; margin-bottom: 10px;}
  .selectMenu dt {font-size:14px;}
  .selectMenu dd {float:left; padding:2px 15px 2px 0; margin-bottom: 0;}
  /*768px selectMain*/
  .selectMain {margin-left:0;}
  /*768px selectBox*/
  .selectBox {padding:3.125%;}
  .selectBox h2 {font-size:16px;}
  .selectBox ul {width: 105%;}
  .selectBox li {width:45%; padding-right: 5%;}
  .selectBox h3 {font-size:14px;}
  .selectBox .more a {height: 26px; line-height: 26px; width: 80px; font-size:12px;}
  /*768px selectBox*/
  .fcbox {padding:7% 0;}
  .fcbox li {font-size: 16px;}
  /*768px proIntro*/
  .proIntro {padding:7% 0;}
  .proIntro .inner1380 {display: block;}
  .proIntro .pic {display: block; width:auto; margin-bottom: 15px;}
  .proIntro .title {text-align:center; margin-bottom: 10px;}
  .proIntro .intro {margin-bottom: 15px;}
  .proIntro h2 {font-size: 16px;}
  .proIntro .text {padding-left:0; display: block; width: auto;}
  .proIntro .btn {margin-bottom: 15px;}
  .proIntro .btn a {float:none; width:4em; margin:0 auto; height: 30px; line-height: 30px;}
  .proIntro .btn a:after {width:20px;}
  .proIntro .tel {text-align:center;}
  /*768px belief*/
  .belief {margin-bottom: 7%;}
  /*768px actForm*/
  .actForm {padding:15px; margin-bottom: 7%;}
  .actForm h2 {font-size:16px; display: block; padding-right: 0;}
  .actForm .top {margin-bottom: 15px;}
  .actForm .total {font-size:14px;}
  .actForm .item {float:none; width:auto; padding-right: 0; margin-bottom: 10px;}
  .actForm .item:nth-of-type(3),.actForm .item:nth-of-type(4){display: none;}
  .actForm .text {font-size: 14px; padding-top:5px; padding-bottom: 5px;}
  .actForm select, .actForm .submit {font-size: 14px; height: 31px;}
  .actForm .btn {float:none; width:auto;}
  /*768px account*/
  .account .inner1680 {padding:10% 0;}
  .account .box {width:88%; float:none; margin:0 auto; }
  .account .form {min-height: 0; padding:7.5%;}
  .account .type {margin-bottom: 7%;}
  .account .type:before {width:3px; margin-left:-1.5px; height:30px;}
  .account .type span {font-size:16px;}
  /*768px formLogin*/
  .formLogin .item {margin-bottom: 15px;}
  .formLogin .text {font-size:14px; padding-top:6px; padding-bottom: 6px;}
  .formLogin .submit {font-size:14px; height: 36px;}
  .formLogin .or, .wxlogin h3 {font-size:14px;}
  .formLogin label, .formLogin .getCode {font-size:14px; height: 36px; line-height: 36px; width: 50px;}
  .formLogin .ml {margin-left:51px;}
  .formLogin .getCode {width:90px;}
  .formLogin .mr {margin-right:91px;}
  /*768px wxlogin*/
  .wxlogin .weixin {margin:0 auto 3.5%;}
  /*768px member*/
  .member .inner1680 {display: block;}
  /*768px sidebar*/
  .sidebar {display: block; width:auto; padding:5% 0; margin-bottom: 5%; border-right: 0; overflow: hidden;}
  .sidebar ul {overflow: hidden; width:103%;}
  .sidebar li {font-size:14px; float:left; margin-bottom: 0; width:31%; padding-right:2%; text-align:center;}
  .sidebar li a {padding:0 5px;}
  /*768px memberMain*/
  .memberMain {display: block; padding:0;}
  /*768px person*/
  .person .info {padding:0 3.5%;}
  .person h2 {font-size: 16px; margin-bottom: 2%;}
  .person .meta {font-size:12px;}
  .person .vip {width: 72px;}
  .person .vip a {font-size:12px; height: 30px; line-height: 30px;}
  /*768px enjoy*/
  .enjoy h3 {float:none; line-height: 1.5em; margin-bottom: 10px;}
  .enjoy ul {margin-left:0; width:103%; padding-left:0;}
  .enjoy li {padding:1% 2% 1% 0; width:31%;}
  .enjoy li a {width: auto; height: 30px; line-height: 30px;}
  /*768px popular*/
  .popular .top span {font-size:14px;}
  .popular h3 {margin-right: 50px;}
  /*768px mbTitle*/
  .mbTitle {font-size:16px;}
  /*768px benefits*/
  .benefits .mbTitle {padding:0 2%;}
  .benefits th {font-size:14px;}
  .benefits td {font-size:12px;}
  .benefits i {width:15px; height: 10px;}
  /*768px mbCard*/
  .mbCard th {font-size:14px; padding-bottom: 3.5%;}
  .mbCard td {font-size:12px;}
  /*768px curLevel*/
  .curLevel {font-size:14px;}
  /*768px safe*/
  .safe .item {margin-bottom: 10px;}
  .safe label, .safe .change, .safe .submit, .safe .text {font-size:14px;}
  .safe .pwd {font-size: 14px; margin-left:70px;}
  .safe .input {margin-left:70px;}
  /*768px orderItem*/
  .orderItem .top span {font-size:14px; padding:1.5% 0; line-height: 1.75em; border-left:none; display: block;}
  /*768px message*/
  .message .item {font-size:14px;}
  /*768px mbTab*/
  .mbTab span {font-size:14px;}
  /*768px redeem*/
  .redeem .mbTab span {font-size:14px; padding-right: 1.6%; padding-left:1.6%;}
  /*768px redeem*/
  .redeemlist li {width: 47%;}
  .redeemlist .pic {margin-bottom: 2.5%;}
  .redeemlist .info {font-size:14px;}
  /*768px paging*/
  .paging {padding-right:0;}
  .paging .left {padding:0;}
  .paging .left a {margin:0 10px 0 0; line-height: 28px;}
  .paging .right a { width: 80px; line-height: 28px;}
  /*768px profile*/
  .profile .table, .profile .basic {padding:5% 0;}
  .profile .right {padding-left:3.5%;}
  .profile .name {font-size:16px;}
  .profile .addr, .profile .meta {font-size:12px; margin-top:1%;}
  .profile .top {font-size:14px; line-height: 28px;}
  .profile .btm {margin:10px 0 5px;}
  .profile .text {height:20px; line-height: 20px; font-size:14px;}
  .profile .submit {height: 32px;}
  /*768px myScores*/
  .myScores .avatar {padding-top:10px;}
  .myScores .scores {font-size:14px;}
  .myScores .scores i {font-size:16px; display: block;}
  .myScores .btn a {font-size:12px; width: 70px; height: 24px; line-height: 24px;}
  .myScores th, .myScores td {font-size:14px;}
  /*768px redemption*/
  .redemption .title {font-size:18px;}
  .redemption .intro, .redemption .intro h3, .redemption .btn span, .redemption .pay {font-size:14px;}
  /*768px contact*/
  .contact {display: none;}
}
@media only screen and (max-width: 540px){
  /*540px moreNews*/
  .moreNews .box {padding-right: 20%;}
  .moreNews .owl-nav button {width: 4.5%;}
  .moreNews .owl-nav .owl-next {left:115%;}
  /*540px safe*/
  .safe form {float:none;}
  .safe .input {width: auto;}
  /*540px redemption*/
  .redemption .pic {width: auto; float:none; margin-bottom: 3.5%;}
  .redemption .info {float:none; width:auto;}
  .redemption .intro { margin-bottom: 3.5%;}
  .redemption .intro h3 {float:none;}
  .redemption .text {margin-left:0;}
}


.footer_nav { display: none; position: fixed; z-index: 100; left: 0; bottom: 0; width: 100%; border-top: 1px solid #222;}
.footer_nav dd{ float:left; width:33.333%; background-color:#000; text-align:center;}
.footer_nav dd:hover{ background-color:#ae4140;}
.footer_nav dd a{ color:#fff; font-size:24px; display:block; padding:5% 0;}
/*
.footer_nav dd a::before{ display:block; width:100%; content:''; padding-bottom:24%; background:url(../images/icon1.png) no-repeat center center; background-size:contain;}
.footer_nav dd:nth-child(2) a::before{ background-image:url(../images/icon2.png);}
.footer_nav dd:nth-child(3) a::before{ background-image:url(../images/icon3.png);}
*/
@media(max-width:768px){
footer{ padding-bottom: 7vw; background-color:#000; }
.footer_nav { display: block;}
}
@media(max-width:480px){
.footer_nav{text-align: center;background-color: #000;}
.footer_nav dd{float: none;display: inline-block;width: 35%;margin-right: 10%;}
.footer_nav dd:last-child{margin-right: 0;}
.footer_nav dd a{ font-size:16px;}
/*.footer_nav dd a::before{ padding-bottom:35%;}*/
}