@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:42px;text-indent:-9999em;background:url(../images/logo.png) no-repeat left center;background-size:contain;}

/*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:#0094DA;color:#fff;height:24px;line-height:24px;font-size:15px;width:48px;text-align:center;display:block;}

/*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:#0094DA;}

.nav li a.cur,.nav li a.on{color:#fff;}

.nav li ul {position:absolute;left:-90px;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;}

#nav4 ul{ left:-299px;}
.navon{ background-color:#0094DA;}

.navon a{ color:#fff;}

/*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 45px 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:#0094DA;}



#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: #0094DA;}









/*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; width:18.4%;}

.hmtab a {display:block;font-size:26px;color:#4a4a4a;line-height:38px;padding:0 0.8%;}

.hmtab .cur a {background-color:#0094DA;color:#fff;}

.tabbox {overflow:hidden;}

/*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; width:23.3%;padding:0 0.85% 1.7% 0.85%;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:5%;}

.customization li .btn span {display:inline-block;padding:0 5%;width:50%;}

.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:22px;font-weight:normal;line-height:2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5.65%; background:#0094DA; }

.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:23.3%;padding:0 0.85% 1.7% 0.85%;}

.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:5%;}

.showcase .btn span {display:inline-block;padding:0 6.78%;width:50%;}

.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:22px;font-weight:normal;line-height:2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4.75%; background:#0094DA;}

.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:#0094DA;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:4.407%;width:23.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:#0094DA;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:#0094DA;color:#fff;font-size:0;line-height:normal;text-align:center;padding:90px 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:#0094DA;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.24);font-size:22px;font-weight:normal;line-height:1.5em;padding:18px 6%;}

.groupbuy input::-webkit-input-placeholder {

/* WebKit browsers */

color: #fff;

}



.groupbuy input:-moz-placeholder {

/* Mozilla Firefox 4 to 18 */

color: #fff;

}



.groupbuy input::-moz-placeholder {

/* Mozilla Firefox 19+ */

color: #fff;

}



.groupbuy input::-ms-input-placeholder {

/* Internet Explorer 10+ */

color: #fff;

}

/*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(0, 148, 218, 1);}

.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:260px;}

.sidemenu h2 {font-size:22px;font-weight:normal;line-height:1.75em;margin-bottom:8.387%;background:#0094DA;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:#0094DA;}
.sidemenu li:hover a{ color:#fff; font-weight:bold;}
.sidemenu .cur {font-weight:bold;}
.left-hover{font-weight:bold; background:#0094DA !important; }
.left-hover a{ color:#fff; }

/*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*/
.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:#0094DA;}
.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: #0094DA;}
.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:74.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:22px;font-weight:normal;line-height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.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:#0094DA;}
.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:#0094DA;}
.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; }
.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;}

/*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:28px;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:1.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;}

.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 0.292%;}

.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:#0094DA;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:2.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:#0094DA;}

/*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:#0094DA;}

.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:#0094DA;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:#0094DA;}

.formLogin .left {float:left;}

.formLogin .color a {color:#0094DA;}

.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:#0094DA;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:#0094DA;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:#0094DA;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:#0094DA;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:39%;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:#0094DA;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 #0094DA;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:#0094DA;}

.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;}

@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: 30px;}

  .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:250px;}

  /*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:29px;}

  /*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:170px; height:26px;}

  /*1280px topBtn*/

  .topBtn a {font-size:14px; width:40px;}

  /*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*/

  .topTel {display: none;}
  .topBtn{ margin-right:10px;}

  /*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:13px; 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:33%}

  .hmtab a {font-size:14px; line-height: 24px; padding:0 15px;}

  /*768px customization*/

  .customization {margin: 7% 0;}

  .customization li {width:47%; padding:0 1.5% 1.7% 1.5%; }

  .customization li .info{bottom:0; height: auto;  position:relative; opacity:1;}

  .customization li .text{bottom:0; height: auto;  position:static;}

  .customization li .btn {margin-bottom: 15%; display:none;}

  .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%;}

  .customBox{ display:none;}

  .kuang{ width:auto !important;}

  .groupbuy .form{ display:none;}

  .life{display:none;}

  .related li{ width:48%;}

    /*768px showcase*/

  .showcase {margin-bottom: 6%;}

  .showcase ul {width: 103%;}

  .showcase li {width:47%; padding:0 1.5% 1.7% 1.5%; }

  .showcase .info {bottom:0; height: auto; position:relative;}

  .showcase .btn {display: none;}

  .showcase .text {position:static; left:auto; bottom:auto; width:auto;}

  .showcase h4 {font-size:14px; margin-bottom: 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;}

  .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 #0094DA;}

  .coverage .active span {background-color:#0094DA; }

  /*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: 103%;}

  .newslist li {width:46.5%; padding:0 1.5% 3% 1.5%;}

  .newslist .on {opacity: 1;}

  .newslist 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 #0094DA;}

  .case .active span {background-color:#0094DA; }

  /*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:first-child{background-color:#0094DA;}
.footer_nav dd:hover{ background-color:#0094DA;}

.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%;padding-right: 10%;}

.footer_nav dd:last-child{margin-right: 0;}

.footer_nav dd:first-child{background-color:#0094DA;}

.footer_nav dd a{ font-size:16px;}

/*.footer_nav dd a::before{ padding-bottom:35%;}*/

}