@charset "utf-8";
/*初始化样式*/
* {-webkit-tap-highlight-color:transparent;}
body {background-color:#fff; color:#333; font:16px/1.75em Arial,"Microsoft Yahei","Lucida Grande";/*设置字体*/ overflow-x:hidden; width:100%;/*设置宽度*/}
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{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:#333;}
a:focus {outline:none; -moz-outline:none;}
a:hover {color:#0068b7;}
a img {border:none;}

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

/*清楚浮动*/
.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;}

/*全站头部*/


/*header*/
#header { width:100%; left:0; top:0; position:fixed; border-bottom: 1px solid #eee; z-index:51;}
.header {position:relative;background-color:#fff; z-index:8;}
.header .inner {position:relative;}
.blank {display:block; height:81px;}

/*logo*/
.logo {float:left;padding:14px 0;}
.logo a {display:block;text-indent:-9999em;width:157px;height:52px;background:no-repeat left center;background-size:contain;}
/*topBtn*/
.topBtn {float:right;padding:24.5px 0;}
.topBtn a {display:block;}
/*language*/
.language {float:left;padding-right:25px;}
.language a {width:31px;height:31px;color:#fff;border-radius:50%;background-color:#0068b7;text-align:center;line-height:31px;font-size:16px;text-transform:uppercase;}
.language a:hover {opacity:.85;}
/*search*/
.search {float:left;}
.search a {width:28px;height:31px;background:url(../images/icon_search.png) no-repeat center center;background-size:contain;}
/*searchForm*/
.searchForm {position:absolute;right:0;top:100%;width:400px;z-index:4;display:none;margin-top:1px;}
.searchForm .input {padding:6px 46px 6px 6px;background-color:#0068b7;position:relative;}
.searchForm .text {background-color:rgba(255,255,255,0.5);height:24px;line-height:24px;padding:5px 3%;width:94%;color:#fff;font-size:14px;}
.searchForm .submit {display:block;width:34px;height:34px;background:url(../images/icon_search2.png) no-repeat center center;position:absolute;right:5px;top:5px;opacity:.8;}
/*nav*/
.nav {padding:28px 0;position:relative;margin:0 110px 0 170px;}
.nav ul {height:24px;}
.nav li {float:left;font-size:18px;position:relative;line-height:24px;width:13.666%;padding:0 1%;text-align:center;}
.nav li#nav71{ width:19.666%;}
.nav li a {position:relative;display:block;}
.nav li.cur > a,.nav li.on > a {color:#0068b7;}
.nav li em {display:none;}
.navBtn {cursor:pointer;position:relative;float:left;width:25px;height:28px;display:none;}
.navBtn span {display:block;position:absolute;right:0;top:50%;margin-top:-1.5px;width:100%;height:3px;background-color:#444;cursor:pointer;transition:opacity .3s;}
.navBtn span:before,.navBtn span:after {content:'';display:block;width:100%;height:3px;background-color:#444;position:absolute;right:0;transition:all .3s;}
.navBtn span:before {top:-9px;}
.navBtn span:after {bottom:-9px;}
.navBtn.open span {height:0;}
.navBtn.open span:before {transform:rotate(45deg);top:0;}
.navBtn.open span:after {transform:rotate(-45deg);bottom:auto;top:0;}
/*proNav*/
.proNav {position:absolute;left:0;top:-500px;width:100%;z-index:5;opacity:0;transition:all .3s; box-shadow:0px 5px 10px rgba(0,0,0,.3);}
.proNav.show {top:100%;opacity:1; margin-top:1px;}
.subMenu {background-color:#f3f4f6;}
.subMenu ul {overflow:hidden;}
.subMenu li {float:left;width:12.5%;text-align:center;}
.subMenu li .icon {width:40px;margin:20px auto 5px;}
.subMenu li i {overflow:hidden;padding-bottom:145%;background:no-repeat center center;background-size:contain;display:none;}
.subMenu li i:first-child {display:block;}
.subMenu li .text {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:1.75em;padding-bottom:10px;}
.subMenu li span {padding:0 10px;position:relative;}
.subMenu li span:after {width:100%;height:2px;background-color:#0068b7;content:'';position:absolute;left:0;bottom:-13px;display:none;}
.subMenu li a {display:block;overflow:hidden;color:#717071;padding:0 2%;}
.subMenu li.cur i:first-child {display:none;}
.subMenu li.cur i:last-child {display:block;}
.subMenu li.cur a {color:#0068b7;}
.subMenu li.cur span:after {display:block;}
.menuList {padding:2.604% 0;background-color:#fff;}
.menuList .inner {overflow:hidden;position:relative;padding-bottom:40px;}
.menuList .menuBox {display:none;}
.menuLeft {width:25%;float:left;border-radius:8px;overflow:hidden;}
.menuLeft .item {overflow:hidden;}
.menuLeft .item a {padding-bottom:74%;display:block;overflow:hidden;background:no-repeat center center;background-size:cover;}
.menuLeft .owl-dots {font-size:0;line-height:normal;text-align:center;position:absolute;left:50%;bottom:8.56%;transform:translateX(-50%);}
.menuLeft .owl-dots button {display:inline-block;}
.menuLeft .owl-dots span {display:block;border:2px solid #fff;width:7px;height:7px;border-radius:50%;margin:0 9px;}
.menuLeft .owl-dots .active span {background-color:#fff;}
.menuRight {width:70.83%;float:right;overflow:hidden;}
.menuRight .pic {overflow:hidden;border-radius:5px;margin-bottom:8px;}
.menuRight .pic i {display:block;overflow:hidden;padding-bottom:93.333%;background:no-repeat center center;background-size:contain;transition:transform .3s;}
.menuRight a {display:block;overflow:hidden;text-align:center;}
.menuRight a:hover .pic i {transform:scale(1.1);}
.menuRight h2 {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;font-size:12px;line-height:1.5em;}
.menuRight p {font-size:12px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.menuRight .owl-carousel {position:static;}
.menuRight .owl-carousel .owl-dots.disabled {display:block;}
.menuRight .owl-dots {font-size:0;line-height:normal;text-align:center;position:absolute;left:50%;bottom:0;transform:translateX(-50%);}
.menuRight .owl-dots button.owl-dot {display:inline-block;border:1px solid transparent;border-radius:50%;margin:0 9px;}
.menuRight .owl-dots span {display:block;width:11px;height:11px;border-radius:50%;background-color:#c7c7c7;margin:3px;}
.menuRight .owl-dots button.active {border-color:#0068b7;}
.menuRight .owl-dots button.active span {background-color:#0068b7;}
/*footer*/
.footer {background-color:#212121;}
.footer .footTop {border-bottom:1px solid #343434;}
.footer .footLeft {margin-right:170px;overflow:hidden;padding-right:6.666%;}
.footer .footRight {float:right;width:170px;padding:4.584% 0;}
.footer .footBtm {overflow:hidden;font-size:14px;color:#8b8b8b;line-height:1.5em;padding:15px 0 48px;}
.footer .footBtm a {color:#8b8b8b;}
.footer .footBtm a:hover {color:#fff;}
/*pagesList*/
.pagesList {float:left; display: none;}
.pagesList i {color:#313224;}
/*copyright*/
.copyright {float:right;}
/*social*/
.social {float:left;width:30px;}
.social li {margin-bottom:14px;position:relative;}
.social li a {display:block;overflow:hidden;width:30px;height:30px;text-indent:-99999em;background:no-repeat center center;background-size:contain;}
.social li a:hover {opacity:.85;}
.social li.wx a {background-image:url(../images/icon_wx.png);}
.social li.wb a {background-image:url(../images/icon_wb.png);}
.social li .qrcode {position:absolute;right:45px;top:50%;background-color:#fff;border:1px solid #e5e5e5;border-radius:5px;width:100px;height:100px;margin-top:-54px;padding:3px;z-index:2;display:none;}
.social li .qrcode:after {width:8px;height:8px;background-color:#fff;border-top:1px solid #e5e5e5;border-right:1px solid #e5e5e5;transform:rotate(-45deg);content:'';display:block;position:absolute;top:50%;right:-6px;margin-top:-4px;}
.social li .qrcode img {display:block;width:100%;height:100%;}
/*follow*/
.follow {margin-left:50px;overflow:hidden;color:#fff;font-size:14px;text-align:center;line-height:1.5em;}
.follow p {margin-bottom:10px;}
.follow img {display:block;width:100%;height:auto;border-radius:5px;}
/*footMenu*/
.footMenu {display:table;table-layout:fixed;width:100%;}
.footMenu dl {display:table-cell;vertical-align:top;border-left:1px solid #343434;width:13.666%;padding:5.789% 0;}
.footMenu dt {font-size:16px;color:#fff;line-height:1.125em;margin-bottom:14.557%;padding:0 10%;position:relative;}
.footMenu dt:before {width:1px;height:17px;background-color:#0068b7;content:'';display:block;position:absolute;left:-1px;top:0;}
.footMenu dt a {color:#fff;}
.footMenu dt a:hover {opacity:.85;}
.footMenu dd {font-size:14px;color:#666;line-height:1.5em;margin-bottom:10px;padding:0 10%;}
.footMenu dd a {color:#666;}
.footMenu dd a:hover {color:#fff;}
/*hmService*/
.hmService {margin-bottom:5.208%;overflow:hidden;}
.hmService .inner {overflow:hidden;}
.hmService ul {display:table;width:100%;table-layout:fixed;}
.hmService li {display:table-cell;vertical-align:top;width:33.333%;text-align:center;border-left:1px solid #e5e5e5;}
.hmService li:last-child {border-right:1px solid #e5e5e5;}
.hmService li .icon {width:52px;margin:0 auto 4.511%;}
.hmService li .icon i {overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;display:none;}
.hmService li .icon .one {display:block;}
.hmService li .intro {font-size:16px;line-height:1.5625em;margin-bottom:5.514%;}
.hmService li .btn {width:150px;height:50px;line-height:50px;background-color:#7d7d7d;color:#fff;border-radius:3px;margin:0 auto;font-size:16px;}
.hmService li a {display:block;overflow:hidden;color:#333;}
.hmService li a:hover .one {display:none;}
.hmService li a:hover .two {display:block;}
.hmService li a:hover .btn {background-color:#0068b7;}
/*hmNews*/
.hmNews {margin-bottom:5.208%;overflow:hidden;}
.hmNews .pic {overflow:hidden;margin-bottom:7.225%;}
.hmNews .pic a {display:block;overflow:hidden;padding-bottom:63.4%;background:no-repeat center center;background-size:cover;transition:transform .3s;}
.hmNews .pic a:hover {transform:scale(1.1);}
.hmNews h2 {font-size:17px;font-weight:normal;line-height:1.588em;height:3.176em;overflow:hidden;margin-bottom:2.89%;}
.hmNews time {display:block;font-size:14px;color:#555;line-height:1.5em;margin-bottom:2.312%;}
.hmNews .excerpt {font-size:14px;color:#888;line-height:1.58em;height:3.16em;overflow:hidden;}
.hmNews .more {overflow:hidden;margin-top:8.67%;}
.hmNews .more a {display:block;background-color:#fff;border:1px solid #7d7d7d;color:#7d7d7d;font-size:14px;height:40px;line-height:40px;width:110px;text-align:center;padding:0 29px;}
.hmNews .more i {font-style:normal;display:block;padding-right:34px;position:relative;}
.hmNews .more i:after {width:19px;height:13px;background:url(../images/icon_01.png) no-repeat 0 0;background-size:100% auto;content:'';display:block;position:absolute;right:0;top:50%;margin-top:-6.5px;}
.hmNews .more a:hover {background-color:#0068b7;color:#fff;border-color:#0068b7;}
.hmNews .more a:hover i:after {background-position:0 100%;}
.hmNews .owl-carousel .owl-dots.disabled {display:block;}
.hmNews .owl-dots {font-size:0;line-height:normal;text-align:center;margin-top:5%;}
.hmNews .owl-dots button {display:inline-block;}
.hmNews .owl-dots span {display:block;border:3px solid #bfbfbf;width:14px;height:14px;border-radius:50%;margin:0 7px;}
.hmNews .owl-dots .active span {border-color:#0068b7;}
.hmNews .load {padding-bottom:44.5%;}
/*hmSolution*/
.hmSolution {overflow:hidden;margin-bottom:3.646%;}
.hmSolution a {display:block;overflow:hidden;}
.hmSolution img {display:block; width:100%; height:auto;}
.hmSolution .wap {display:none;}
/*hmSlides*/
.hmSlides {overflow:hidden;}
.hmSlides .load {padding-bottom:31.25%;}
.hmSlides .item {position:relative;}
.hmSlides .item .wap {display:none;}
.hmSlides .item span {padding-bottom:31.25%;display:block;overflow:hidden;background:no-repeat center center;background-size:cover;}
.hmSlides .video {padding-bottom:31.25%;position:relative;}
.hmSlides video {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;}
.hmSlides .owl-dots {font-size:0;line-height:normal;text-align:center;position:absolute;left:50%;bottom:3.94%;transform:translateX(-50%);}
.hmSlides .owl-dots button {display:inline-block;}
.hmSlides .owl-dots span {display:block;width:20px;height:20px;background:url(../images/icon_05.png) no-repeat 0 0;background-size:auto 100%;margin:0 6px;}
.hmSlides .owl-dots .active span {background-position:100% 0;}
/*hmProcat*/
.hmProcat {background-color:#fafafa;padding:1.563% 0 0.521%;overflow:hidden;}
.hmProcat ul {overflow:hidden;}
.hmProcat li {float:left;width:12.5%;text-align:center;}
.hmProcat li .icon {width:40px;margin:0 auto 5px;}
.hmProcat li i {overflow:hidden;padding-bottom:145%;background:no-repeat center center;background-size:contain;display:none;}
.hmProcat li i:first-child {display:block;}
.hmProcat li .text {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:1.75em;padding-bottom:10px;}
.hmProcat li span {padding:0 10px;position:relative;}
.hmProcat li span:after {width:100%;height:2px;background-color:#0068b7;content:'';position:absolute;left:0;bottom:-10px;display:none;}
.hmProcat li a {display:block;overflow:hidden;color:#717071;padding:0 2%;}
.hmProcat li a:hover i:first-child {display:none;}
.hmProcat li a:hover i:last-child {display:block;}
.hmProcat li a:hover {color:#0068b7;}
.hmProcat li a:hover span:after {display:block;}
/*hmProducts*/
.hmProducts {background:url(../images/bg_hmpro.png) no-repeat center bottom;background-size:100% auto;overflow:hidden;padding:4.167% 0 9.375%;}
.hmProducts .hmProList {display:block;}
.hmProducts .owl-stage-outer {padding:1.2% 0;}
.hmProducts .item .pic {width:58%;margin:0 auto;}
.hmProducts .item .pic span {display:block;padding-bottom:224.138%;position:relative;}
.hmProducts .item .pic i {position:absolute;left:0;top:0;width:100%;height:100%;background:no-repeat center center;background-size:contain;transition:transform .3s;}
.hmProducts .item .pic i:last-child {opacity:0;}
.hmProducts .item h2 {text-align:center;font-weight:normal;font-size:16px;color:#717071;line-height:1.35em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px;}
.hmProducts .item em {display:block;width:22px;height:22px;margin:0 auto;background:url(../images/icon_04.png) no-repeat 0 0;background-size:100% auto;}
.hmProducts .item a {display:block;}
.hmProducts .item a:hover em {background-position:0 100%;}
.hmProducts .item a:hover h2 {color:#0068b7;}
.hmProducts .item a:hover .pic i {transform:scale(1.1);}
.hmProducts .item a:hover .pic i:first-child {opacity:0;}
.hmProducts .item a:hover .pic i:last-child {opacity:1;}
.hmProducts .owl-nav button {position:absolute;top:50%;transform:translateY(-50%);}
.hmProducts .owl-nav button.disabled {cursor:default;opacity:.5;}
.hmProducts .owl-nav span {width:26px;height:48px;background:no-repeat center center;background-size:contain;display:block;text-indent:-99999em;}
.hmProducts .owl-nav .owl-prev {left:-20px;}
.hmProducts .owl-nav .owl-prev span {background-image:url(../images/arrow_left.png);}
.hmProducts .owl-nav .owl-next {right:-20px;}
.hmProducts .owl-nav .owl-next span {background-image:url(../images/arrow_right.png);}
.hmProducts .load {padding-bottom:26.266%;}
/*banSlides*/
.banSlides .load {padding-bottom:26.042%;}
.banSlides .item {position:relative;}
.banSlides .item .wap {display:none;}
.banSlides .item span {padding-bottom:26.042%;display:block;overflow:hidden;background:no-repeat center center;background-size:cover;}
.banSlides .video {padding-bottom:26.042%;position:relative;}
.banSlides video {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.banSlides .owl-dots {font-size:0;line-height:normal;text-align:center;position:absolute;left:50%;bottom:8%;transform:translateX(-50%);}
.banSlides .owl-dots button.owl-dot {display:inline-block;border:2px solid transparent;border-radius:50%;margin:0 5px;}
.banSlides .owl-dots span {display:block;width:12px;height:12px;margin:1px;border-radius:50%;background-color:#d2dce9;}
.banSlides .owl-dots button.active {border-color:#fff;}
.banSlides .owl-dots button.active span {background-color:#fff;width:8px;height:8px;margin:3px;}
/*wrapper*/
.wrapper {padding:3.125% 0;}
.bgColor {background-color:#f8f8f8;}
/*newsList*/
.newsList .item {overflow:hidden;border:1px solid #ebebeb;padding:10px;margin-bottom:2.5%;}
.newsList .pic {float:left;width:320px;overflow:hidden;}
.newsList .pic a {display:block;overflow:hidden;padding-bottom:62.5%;background:no-repeat center center;background-size:cover;transition:transform .3s;}
.newsList .pic a:hover {transform:scale(1.1);}
.newsList .info {margin-left:320px;padding:20px 20px 20px 30px;}
.newsList h3 {font-size:18px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35em;margin-bottom:13px;}
.newsList .intro {font-size:14px;color:#999;line-height:2.14em;height:4.28em;overflow:hidden;}
.newsList .meta {overflow:hidden;margin-top:45px;}
.newsList time {display:block;background:url(../images/icon_clock.png) no-repeat left center;padding-left:25px;font-size:14px;color:#979596;float:left;line-height:16px;}
.newsList .more {float:right;display:block;padding-top:7px;}
.newsList .more a {display:block;width:32px;height:5px;background:url(../images/icon_02.png) no-repeat center center;background-size:contain;transition:margin .3s;}
.newsList .more a:hover {margin-right:10px;}
/*pagenavi*/
.pagenavi {font-size:0;text-align:center;line-height:normal;padding:2.9% 0;}
.pagenavi a {display:inline-block;color:#666;font-size:12px;height:33px;line-height:33px;padding:0 13px;background-color:#fff;margin:0 5px;border:1px solid #e5e5e5;border-radius:3px;}
.pagenavi a.a_cur,.pagenavi a:hover {color:#fff;background-color:#0068b7;border-color:#0068b7;}
.pagenavi a.a_next {background:#fff url(../images/icon_03.png) no-repeat center center;text-indent:-99999em;padding:0 16.5px;margin:0 5px;}
.pagenavi span {display:inline-block;color:#666;font-size:12px;height:35px;line-height:35px;padding:0 7px;}
/*newsDetails*/
.newsDetails, .singlePage {margin-bottom:3.33%;}
.newsDetails .title, .singlePage .title {text-align:center;font-size:30px;color:#454545;line-height:1.35em;margin-bottom:2%;font-weight:normal;}
.newsDetails .meta, .singlePage .meta {border-bottom:1px dashed #ccc;padding-bottom:1.67%;margin-bottom:1.167%;}
.newsDetails .meta ul, .singlePage .meta ul {font-size:0;text-align:center;line-height:normal;}
.newsDetails .meta li, .singlePage .meta li {display:inline-block;font-size:16px;color:#999;position:relative;padding:0 1.25%;vertical-align:middle;line-height:1.5em;}
.newsDetails .meta li i, .singlePage .meta li i {display:inline-block;width:17px;height:20px;background:url(../images/icon_share.png) no-repeat center center;background-size:contain;vertical-align:middle;cursor:pointer;}
.newsDetails .entry, .singlePage .entry {font-size:16px;line-height:2.25em;color:#666;overflow:hidden;}
.newsDetails .entry img, .singlePage .entry img {max-width:100%;height:auto;}
.share .social-share {position:absolute;right:50%;top:170%;transform:translateX(50%);background-color:#fff;white-space:nowrap;padding:10px 15px;border-radius:8px;box-shadow:0px 0px 5px #ddd;border:1px solid #eee;display:none;}
.share .social-share a {width:30px;height:30px;background:no-repeat center center;background-size:contain;border:none;}
.share .social-share a:before {display:none;}
.share .social-share .icon-weibo {background-image:url(../images/icon_wb.png);}
.share .social-share .icon-wechat {background-image:url(../images/icon_wx.png);}
.share .social-share .icon-qq {background-image:url(../images/icon_qq.png);}
.share .social-share img {display:block;}
/*postnavi*/
.postnavi {overflow:hidden;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;padding:2.5% 0;margin-top:5.83%;}
.postnavi .icon {float:left;width:45px;height:45px;background:no-repeat center center;background-size:contain;}
.postnavi p {font-size:16px;color:#0068b7;line-height:1.4em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.postnavi a {font-size:14px;color:#666;line-height:1.5em;}
.postnavi .left,.postnavi .right {overflow:hidden;width:48%;}
.postnavi .left {float:left;}
.postnavi .left .icon {background-image:url(../images/icon_prev.jpg);float:left;}
.postnavi .left .text {margin-left:60px;}
.postnavi .right {float:right;text-align:right;}
.postnavi .right .icon {background-image:url(../images/icon_next.jpg);float:right;}
.postnavi .right .text {margin-right:60px;}
/*feature*/
.feature {overflow:hidden;border-bottom:1px solid #d6d7d7;padding-bottom:3.834%;margin-bottom:2.917%;}
.feature .left {width:35%;float:left;}
.feature li {margin-bottom:3.572%;position:relative;}
.feature li span {border:1px solid #cacaca;display:block;text-align:center;font-size:18px;color:#9fa0a0;line-height:1.75em;padding:3.5px 5px;background-color:#fff;margin-right:8px;font-weight:lighter;cursor:pointer;position:relative;}
.feature li span:after {border-left:8px solid #0068b7;border-top:8px solid transparent;border-bottom:8px solid transparent;content:'';display:block;position:absolute;right:-8px;top:50%;margin-top:-8px;display:none;}
.feature li.cur span {background-color:#0068b7;border-color:#0068b7;color:#fff;font-weight:normal;}
.feature li.cur span:after {display:block;}
.feature li .intro {display:none;}
.feature .right {width:62.5%;float:right;}
.feature .intro {display:none;}
.feature .intro:first-child {display:block;}
.feature .pic {margin-bottom:10px;}
.feature .pic img {display:block;width:100%;height:auto;}
.feature .text {font-size:16px;color:#595757;line-height:1.625em;}
/*proBox*/
.proBox {display:table;table-layout:fixed;width:100%;overflow:hidden;}
.proMenu {display:table-cell;vertical-align:top;width:185px;border-right:1px solid #c9caca;}
.proMenu ul {margin-right:23px;}
.proMenu li {border-bottom:1px solid #d6d7d7;font-size:16px;line-height:29px;padding-bottom:8px;margin-bottom:8px;}
.proMenu li a {color:#595757;display:block;overflow:hidden;padding:5px;}
.proMenu li a:hover i {margin-right:18px;}
.proMenu li i {display:inline-block;vertical-align:top;width:29px;height:29px;background:no-repeat center center;background-size:contain;margin-right:12px;transition:margin .3s;}
.proMenu li .ts {background-image:url(../images/icon_ts.png);}
.proMenu li .js {background-image:url(../images/icon_js.png);}
.proMenu li .gm {background-image:url(../images/icon_gm.png);}
.proList {display:table-cell;vertical-align:top;padding-left:18px;}
.proList h2 {font-size:20px;color:#595757;margin-left:5px;margin-bottom:2.523%;}
.proList h2 i {font-weight:normal;font-style:normal;}
.proList ul {overflow:hidden;width:101.2%;}
.proList li {float:left;width:23.8%;padding-right:1.2%;}
.proList li .pic {overflow:hidden;}
.proList li .pic span {padding-bottom:93.333%;background:no-repeat center center;background-size:contain;display:block;overflow:hidden;}
.proList li .title {text-align:center;color:#595757;padding:17px 10px;}
.proList li h3,.proList li h4 {font-size:16px;font-weight:normal;line-height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.proList li a {display:block;overflow:hidden;background-color:#fff;margin:5px;}
.proList li a:hover {box-shadow:0px 0px 5px #bbb;}
/*prodetails*/
.proBlank {height:77px; width:100%; clear:both;}
.prodetails .top {background-color:#f9f9f9;padding:12px 0;border-bottom:1px solid #f4f4f4;min-height:34px; width:100%; transition:all .3s;position:fixed; left:0; top:81px; z-index: 5;}
.prodetails .inner {overflow:hidden;position:relative;}
.prodetails .top .left {overflow:hidden;margin-right:230px;}
.prodetails .title {display:table; width:100%; table-layout:fixed;}
.prodetails .title .icon {display:table-cell; vertical-align:middle; width:40px;}
.prodetails .title img {display:block;width:auto;max-width:100%;height:auto;}
.prodetails .title h2 {display:table-cell; vertical-align:middle; font-size:16px;font-weight:normal;line-height:1.75em;padding:5px;}
.prodetails .btn {position:absolute;right:0;top:50%;margin-top:-17px;overflow:hidden;}
.prodetails .btn span {display:block;float:left;font-size:14px;}
.prodetails .btn span.buy {padding-left:20px;}
.prodetails .btn span.buy a {background-color:#bd3939;}
.prodetails .btn a {display:block;color:#fff;height:34px;line-height:34px;padding:0 22px;background-color:#0068b7;border-radius:3px;}
.prodetails .btn a:hover {opacity:.85;}
.prodetails .btm {margin-top:4.5%;}
/*proPage*/
.proPage #header {position:static; left:auto; top:auto; width:auto;}
.proPage .blank {display:none;}
/*proInfo*/
.proInfo {overflow:hidden;margin-bottom:7%;}
.proInfo .text {width:37.5%;padding:2.083% 0;float:left;text-align:center;font-size:14px;line-height:2.15em;}
.proInfo .text h3 {font-size:22px;font-weight:normal;line-height:1.5em;}
.proInfo .text h4 {font-size:28px;line-height:1.35em;margin-bottom:5.11%;}
.proInfo .meta {float:right;width:62.5%;padding-bottom:5px;}
.proInfo .meta table {max-width:550px;margin:0 auto;border:none;}
.proInfo .meta th {border:none;border-bottom:1px solid #ccc;text-align:left;font-size:16px;font-weight:normal;line-height:1.75em;padding:8px 0;}
.proInfo .meta td {border:none;border-bottom:1px dashed #eaeaea;font-size:12px;color:#888;line-height:1.5em;padding:7px 0 5px;}
/*proInstall*/
.proInstall {margin-bottom:5.416%;}
.proInstall .boxTitle {text-align:center;font-size:26px;line-height:1.35em;font-weight:normal;position:relative;margin-bottom:5.83%;overflow:hidden;}
.proInstall .boxTitle:after {width:40px;height:2px;background-color:#0068b7;content:'';display:block;margin:1.5% auto 0;}
.proInstall .entry {font-size:16px;line-height:1.875em;}
.proInstall .entry img {max-width:100%;height:auto;}
/*proImg*/
.proImg {padding:0 13.75%;margin-bottom:10%;}
.proImg .load {padding-bottom:43.5%;}
.proImg .owl-stage {padding:14% 0;}
.proImg .item {border:1px solid #eaeaea;padding:25px;margin:0 1px;}
.proImg .item:hover {border-color:#0068b7;}
.proImg .item span {padding-bottom:100%;display:block;overflow:hidden;background:no-repeat center center;background-size:contain;transition:transform .3s;}
.proImg .prev .item {margin-left:-30px;margin-right:30px;}
.proImg .next .item {margin-left:30px;margin-right:-30px;}
.proImg .center .item {border:none;padding:0;}
.proImg .center .item span {transform:scale(2.6);}
.proImg .owl-nav button {position:absolute;top:50%;margin-top:-15px;}
.proImg .owl-nav span {width:24px;height:30px;background:no-repeat center center;background-size:contain;display:block;overflow:hidden;text-indent:-99999em;}
.proImg .owl-carousel .owl-nav.disabled {display: block;}
.proImg .owl-nav .owl-prev {left:-64px;}
.proImg .owl-nav .owl-prev span {background-image:url(../images/icon_06.png);}
.proImg .owl-nav .owl-next {right:-64px;}
.proImg .owl-nav .owl-next span {background-image:url(../images/icon_07.png);}
/*banList*/
.banBox {overflow:hidden;}
.banList {overflow:hidden;padding-bottom:26.042%;position:relative;}
.banList .item {position:absolute;top:0;height:100%;}
.banList .item .bg,.banList .item span {position:absolute;left:0;top:0;width:100%;height:100%;display:block;overflow:hidden;}
.banList .item span {background:no-repeat center center;background-size:cover;transition:transform .3s;}
.banList .item a {display:block;overflow:hidden;color:#fff;font-size:32px;line-height:1.125em;height:100%;position:relative;z-index:1;}
.banList .item a:hover span {transform:scale(1.1);}
.banList .item .title {position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/bg_banlist.png) repeat-x center bottom;}
.banList .item i {position:absolute;text-align:center;font-style:normal;left:0;bottom:6%;width:90%;padding:0 5%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.banList .item1 {left:0;width:30.21%;}
.banList .item1 i {width:58.9%;}
.banList .item4 {right:0;width:31.25%;}
.banList .item2,.banList .item3 {transform:skew(-20deg);width:24.2%;left:25.48%;z-index:2;}
.banList .item2 i,.banList .item3 i {transform:skew(20deg);}
.banList .item2 .bg,.banList .item3 .bg {width:140%;transform:skew(20deg);left:-20%;}
.banList .item3 {left:49.5%;z-index:2;}
/*main*/
.main {float:left;width:67.667%;}
/*knowledge*/
#knowledge .inner {position:relative;}
.knowledge {background-color:#fff;border:2px solid #f2f2f2;margin-bottom:5.665%;}
.knowledge h2 {font-size:20px;color:#595757;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5em;padding:12px 20px;}
.knowledge .piclist a {display:block; overflow: hidden;}
.knowledge .item {overflow:hidden;}
.knowledge .item span {display:block;overflow:hidden;padding-bottom:72.223%;background:no-repeat center center;background-size:contain;transition:transform .3s;}
.knowledge .item span:hover {transform:scale(1.1);}
.knowledge .load {padding-bottom:77.7%;}
.knowledge .owl-carousel .owl-dots.disabled {display:block;}
.knowledge .owl-dots {font-size:0;line-height:30px;text-align:center;height:30px;margin:14px 90px 0;}
.knowledge .owl-dots button {display:inline-block;vertical-align:middle;}
.knowledge .owl-dots span {display:block;width:8px;height:8px;border-radius:50%;background-color:#c9caca;margin:0 3px;}
.knowledge .owl-dots .active span {background-color:#0068b7;}
.knowledge .excerpt {padding:0 20px 3.713%;font-size:16px;color:#595757;line-height:1.625em;clear:both;}
.knowledge .excerpt a {color:#b5b5b6;}
.knowledge .excerpt a:hover {color:#0068b7;}
.knowledge .meta {padding:0 20px;margin-top:-30px;margin-bottom:18px;width:90px;position:relative;z-index:5;}
.knowledge .obj {float:left;position:relative;}
.knowledge .obj .btn {width:34px;height:30px;background:no-repeat center center;background-size:contain;display:block;}
.knowledge .zan .btn {background-image:url(../images/icon_zan.png);}
.knowledge .zan.success .btn {background-image:url(../images/icon_zan2.png);}
.knowledge .zan span {display:none; color:#f00;}
.knowledge .share {padding-left:16px;}
.knowledge .share .btn {background-image:url(../images/icon_fx.png);}
/*sidebar*/
.sidebar {float:right;width:27.584%;}
.aside.fixed {position:fixed; top:80px; z-index: 5;}
.aside.absolute {position:absolute; right:0; bottom:0;}
.widget {background-color:#fff;border:2px solid #f2f2f2;padding:0 20px;margin-bottom:10.272%;}
.widget h3 {font-size:20px;color:#595757;font-weight:normal;line-height:1.5em;padding:11.5px 0;}
.widget ul {overflow:hidden;}
.widget li {font-size:16px;line-height:1.5em;}
.widget li a {color:#595757;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.water h3 {text-align:center;}
.water li {border-top:1px solid #ececec;padding:10px;}
.water li a {background:no-repeat left center;padding-left:35px;transition:padding .3s; background-size:auto 23px;}
.water li a:hover {padding-left:40px;}
.question ul {margin-bottom:15px;}
.question li {margin-bottom:2px;}
.question li a:hover {color:#0068b7;}
/*videoList*/
.videoList .item {background:no-repeat center center;background-size:cover;padding:5.3125% 0 4.167%;}
.videoList .item:nth-child(2) .info {float:left;}
.videoList .inner {overflow:hidden;}
.videoList .info {width:45.834%;float:right;}
.videoList .title {color:#000;border-left:4px solid #0068b7;padding-left:25px;padding-right:10px;margin-bottom:5.455%;}
.videoList h2 {font-size:40px;font-weight:normal;line-height:1.125em;margin-bottom:5px;}
.videoList h3 {font-size:32px;font-weight:normal;font-weight:lighter;line-height:1.125em;}
.videoList .intro {font-size:18px;color:#3e3a39;line-height:1.56em;padding-right:10px;}
.videoList .video {padding:0 10px 10px 0;position:relative;margin-bottom:3.091%;}
.videoList .video:before,.videoList .video:after {background-color:rgba(255,255,255,0.5);content:'';display:block;position:absolute;right:0;bottom:0;}
.videoList .video:before {width:10px;height:96.775%;}
.videoList .video:after {width:98.182%;height:10px;}
.videoList .video a {padding-bottom:55.556%;position:relative;background:no-repeat center center;background-size:cover;display:block;overflow:hidden;}
.videoList .video i {display:block;width:12.037%;padding-bottom:11.111%;position:absolute;left:50%;top:50%;margin-left:-6.0185%;margin-top:-5.5555%;background:url(../images/icon_play.png) no-repeat center center;background-size:contain;transition:transform .3s;}
.videoList .video i:hover {transform:scale(0.7);}
/*brandIntro*/
.brandIntro {padding:7.552% 0; position:relative;}
.brandIntro .bg {position:absolute; left:0; top:0; width:100%; height:100%; background:no-repeat center center;background-size:cover;}
.brandIntro .intro {position:relative; z-index:1;}
.brandIntro .inner {overflow:hidden;}
.brandIntro .text {font-size:18px;color:#333;line-height:1.75em;width:40.4%;padding:0 8.3%;}
/*history*/
.history {position:relative;}
.history #history {overflow:hidden;display:none}
.history #history .pic {padding-bottom:500px;background:no-repeat center center;background-size:cover;overflow:hidden;display:none;}
.history #history .pic:first-child {display:block;}


/*timeLine*/
.timeLine {background-color:#4c4948;padding-top:17px;padding-bottom:10px;position:absolute;left:0;bottom:10px;width:100%; display: none;}
.timeLine .year {text-align:center;color:#fff;font-size:15px;font-family:Arial;line-height:1.125em;padding-top:18px;background:url(../images/bg_timeline.png) repeat-x left top;}
.timeLine .year span {display:block;margin-right:2.898%;cursor:pointer;}
.timeLine .year i {display:block;width:10px;height:10px;background:url(../images/icon_dot.png) no-repeat 0 0;background-size:100% auto;margin:0 auto 2px;}
.timeLine .cur i {background-position:0 100%;}
/*screen*/
.screen {overflow:hidden;margin-bottom:5.135%;}
.screen .selectBox {width:27.027%;padding-right:1.8%;float:left;}
.screen .select {border:1px solid #0068b7;overflow:hidden;border-radius:21.5px;position:relative;}
.screen .select:after {width:9px;height:6px;background:url(../images/icon_08.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:21.5px;top:50%;margin-top:-3px;}
.screen select {height:43px;line-height:43px;width:100%;display:block;padding:0 32px 0 15px;font-size:14px;font-family:'Microsoft Yahei';color:#bdbdbd;-webkit-appearance:none;appearance:none;position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.screen select:focus,.screen input:focus {color:#555;}
.screen .inputBox {width:41.44%;float:right;position:relative;}
.screen .input {border:1px solid #0068b7;border-radius:21.5px;overflow:hidden;padding-right:50px;}
.screen .text {height:25px;line-height:25px;display:block;width:100%;text-indent:18px;font-family:'Microsoft Yahei';color:#bdbdbd;padding:9px 0;}
.screen .submit {width:45px;height:45px;background:url(../images/icon_09.png) no-repeat center center;position:absolute;right:5px;top:0;cursor:pointer;display:block;}
/*buyTab*/
.buyTab {overflow:hidden;margin-bottom:3.75%;}
.buyTab span {display:block;width:50%;float:left;}
.buyTab span a {display:block;color:#888;border-bottom:4px solid #cecece;font-size:24px;text-align:center;line-height:1.35em;padding-bottom:4.667%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.buyTab .cur a,.buyTab a:hover {color:#0068b7;border-bottom-color:#0068b7;font-weight:bold;}
.buyBox {background-color:#fff;box-shadow:0px 2px 7px rgba(0,0,0,0.29);padding:3.167% 3.75%;border-radius:10px;overflow:hidden;margin-bottom:4.417%;}
.buyMap {float:left;width:65.135%;}
.buyMap .map {padding-bottom:826px;position:relative;}
.buyMap .map h3 {font-size:16px;color:#333;margin-bottom:5px;}
.buyMap .map p {font-size:14px;color:#666;line-height:1.5em;}
.buyMap #allmap {position:absolute;left:0;top:0;width:100%;height:100%;}
/*addrList*/
.addrList {float:right;width:30.27%;}
.addrList dl {border-bottom:1px solid #e5f0f8;padding:22px 7% 17px;cursor:pointer;}
.addrList .item:focus {outline:none;}
.addrList dt {font-size:18px;color:#0068b7;line-height:1.45em;margin-bottom:8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.addrList dd {font-size:14px;color:#6d6d6d;line-height:1.857em;}
.addrList dd.phone {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.addrList dd.addr {height:3.714em;overflow:hidden;}
.addrList #addrList {padding:20px 0;position:relative;height:826px;overflow:hidden;}
.addrList .slick-arrow {display:block;height:20px;background:#0068b7 no-repeat center center;text-indent:-99999em;font-size:0;width:100%;position:absolute;left:0;cursor:pointer;}
.addrList .slick-prev {background-image:url(../images/icon_11.png);top:0;}
.addrList .slick-next {background-image:url(../images/icon_12.png);bottom:0;}
/*buyStore*/
.buyStore ul {width:103%;overflow:hidden;}
.buyStore li {width:31%;padding-right:2%;float:left; padding-bottom:2%;}
.buyStore li a {display:table;width:90.65%;table-layout:fixed;border:1px solid #ccc;padding:5.195% 4.675%;background-color:#fff;}
.buyStore li .icon {display:table-cell;vertical-align:middle;width:51.8%;}
.buyStore li .icon span {display:block;overflow:hidden;padding-bottom:61.112%;background:no-repeat center center;background-size:contain;}
.buyStore li .info {display:table-cell;vertical-align:middle;padding-left:15px;}
.buyStore li .info h2 {font-size:18px;font-weight:normal;line-height:1.35em;color:#343434;margin-bottom:13px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.buyStore li .info span {font-size:14px;display:block;color:#006ab7;overflow:hidden;line-height:24px;}
.buyStore li .info i {display:block;float:left;background:url(../images/icon_10.png) no-repeat right center;padding-right:30px;font-style:normal;}
/*serviceTitle*/
.serviceTitle {font-size:24px;color:#666;line-height:1.5em;margin-bottom:2.834%;font-weight:normal;}
/*serviceBox*/
.serviceBox {background-color:#fff;border-radius:10px;box-shadow:0px 2px 7px rgba(0,0,0,0.29);margin-bottom:6.667%;padding:2% 2.5% 3.25%;overflow:hidden;}
.serviceBox h3 {font-size:20px;font-weight:normal;color:#0068b7;line-height:1.35em;padding-left:53px;background:no-repeat left center;margin-bottom:2.193%;}
.serviceBox h3:after {height:1px;width:60px;background-color:#0068b7;content:'';display:block;margin-top:14px;}
.serviceBox h3.qx {background-image:url(../images/icon_qx.png);}
.serviceBox h3.jt {background-image:url(../images/icon_jt.png);}
.serviceBox h3.sf {background-image:url(../images/icon_sf.png);}
.serviceBox h3.bz {background-image:url(../images/icon_bz.png);}
.serviceBox .entry {font-size:16px;color:#666;line-height:1.875em; overflow: hidden;}
.serviceBox table {border-color:#ccc;}
.serviceBox th {font-size:18px;color:#333;border-color:#ccc;font-weight:normal;line-height:1.5em;padding:10.5px 5px;}
.serviceBox td {border-color:#ccc;text-align:center;padding:10px 5px;font-size:16px;color:#666;line-height:1.75em;}
.serviceBox .line {position:relative;}
.serviceBox .line:before {width:1px;height:90%;background-color:#0068b7;content:'';display:block;position:absolute;top:1%;left:15px;}
.serviceBox li {overflow:hidden;}
.serviceBox .num {float:left;width:31px;height:31px;background:url(../images/icon_num.png) no-repeat center center;background-size:contain;line-height:31px;text-align:center;color:#fff;font-size:16px;font-family:'Microsoft Yahei';position:relative;z-index:1;}

.serviceBox .text {margin-left:53px;overflow:hidden;}
.serviceBox p {margin-bottom:1.84%;}
.serviceBox h4 {font-size:16px;font-weight:normal;color:#0068b7;line-height:1.875em;margin-bottom:2.024%;}
.serviceWrap {position:relative;}
.serviceNav {position:absolute;top:0;right:auto;margin-left:-200px;width:140px;padding:25px 0;}
.serviceNav:before {width:1px;height:100%;background-color:#e0e0e0;content:'';display:block;position:absolute;left:69.5px;top:0;}
.serviceNav.fixed {position:fixed;top:80px;}
.serviceNav.absolute {top:auto;}
.serviceNav .item {padding:27.778% 0;}
.serviceNav span {display:block;background-color:#efefef;border-radius:50%;position:relative;padding:7.5px;clear:both;}
.serviceNav a {color:#333;border-radius:50%;background-color:#e0e0e0;text-align:center;padding-bottom:100%;position:relative;display:block;font-size:15px;line-height:1.6em;}
.serviceNav a i {position:absolute;left:2%;top:50%;width:96%;transform:translateY(-50%);font-style:normal;}
.serviceNav .cur span {background-color:#b2d2e9;}
.serviceNav .cur a {color:#fff;background-color:#0068b7;}

#fanwei p {padding-left:53px; position:relative;}
#fanwei p:before {display:block;width:17px;height:17px;border-radius:50%;background-color:rgba(0,106,183,0.4);position:absolute; left:7px;top:7px; content:'';}
#fanwei p:after {background-color:#0068b7;border-radius:50%;width:11px;height:11px;content:'';display:block;position:absolute;left:10px;top:10px;}
/*tools*/
.tools {position:fixed;right:3.854%;top:50%;transform:translateY(-50%);width:120px;z-index:8;}
.tools li {padding:1.5px 0;font-size:14px;text-align:center;line-height:1.75em;position:relative;}
.tools a {display:block;overflow:hidden;color:#fff;background-color:#0068b7;padding:10px 5px;}
.tools a:hover {opacity:.85;}
.tools i {display:block;width:30px;height:30px;background:no-repeat center center;background-size:contain;margin:0 auto 5.5px;}
.tools .tel {background-image:url(../images/tool_01.png);}
.tools .wechat {background-image:url(../images/tool_02.png);}
.tools .exp {background-image:url(../images/tool_03.png);}
.tools .back {background-image:url(../images/tool_04.png);}
.tools .qrcode {position:absolute;right:100%;top:50%;background-color:#fff;border:1px solid #e5e5e5;border-radius:5px;width:100px;height:100px;margin-top:-54px;margin-right:8px;padding:3px;display:none;}
.tools .qrcode:after {width:8px;height:8px;background-color:#fff;border-top:1px solid #e5e5e5;border-right:1px solid #e5e5e5;transform:rotate(45deg);content:'';display:block;position:absolute;top:50%;right:-6px;margin-top:-6px;}
.tools .qrcode img {display:block;width:100%;height:100%;}
.tools .number {position:absolute;right:100%;top:50%;background-color:#fff;border:1px solid #e5e5e5;border-radius:5px;white-space:nowrap;padding:10px 15px;transform:translateY(-50%);margin-right:8px;font-size:24px;color:#333;line-height:1.5em;display:none;}
.tools .number:after {width:8px;height:8px;background-color:#fff;border-top:1px solid #e5e5e5;border-right:1px solid #e5e5e5;transform:rotate(45deg);content:'';display:block;position:absolute;top:50%;right:-6px;margin-top:-6px;}
/*popup*/
.popup {background-color:#fff;width:800px;height:auto;border-radius:10px;box-shadow:0px 0px 25px rgba(0,0,0,0.9);position:fixed;left:50%;top:50%;transform:translateY(-50%);margin-left:-400px;z-index:9;display:none;}
.popup .popupBox {padding:2.5% 3.75%;overflow:hidden;}
.popup .close {width:22px;height:22px;background:url(../images/icon_close.png) no-repeat center center;background-size:contain;float:right;cursor:pointer;}
.reservation h2 {font-size:20px;font-weight:normal;color:#0068b7;line-height:1.35em;border-bottom:1px solid #dedede;padding:8px 25px 13px 0;}
.reservation .form {overflow:hidden;width:105%;padding:28px 0;}
.reservation .item {float:left;width:29%;padding-right:4%;padding-bottom:2.1%;}
.reservation .box {border-bottom:1px solid #e0e0e0;overflow:hidden;padding:10px 0;}
.reservation label {display:block;font-size:14px;color:#676767;}
.reservation .input {padding-right:5px;position:relative;}
.reservation .input i {font-style:normal;color:#f00;position:absolute;right:0;top:50%;margin-top:-0.5em;}
.reservation .verify {margin-right:50px;}
.reservation .text {font-size:14px;color:#333;height:28px;line-height:28px;font-family:'Microsoft Yahei';width:100%;display:block;}
.reservation img {display:block;float:right;height:24px;width:50px;padding:2px 0;}
.reservation .textarea {border-bottom:1px solid #e0e0e0;margin-right:5%;margin-bottom:5.798%;}
.reservation .textarea label {float:none;}
.reservation textarea.text {height:56px;resize:none;margin-bottom:5px;}
.reservation .btn {margin-bottom:10px;}
.reservation .submit {display:block;width:190px;height:40px;cursor:pointer;border-radius:20px;margin:0 auto;color:#fff;background-color:#0068b7;font-size:16px;box-shadow:0px 9px 10px rgba(0,0,0,0.14);-webkit-appearance:none;appearance:none;}
.reservation .submit:hover {opacity:.85;}
/*beforeBox*/
.beforeBox {background:url(../images/bg_before.jpg) no-repeat right center;background-size:cover;padding:3.021% 0 5.208%;}
.beforeBox .inner {overflow:hidden;}
.beforeBox h3 {text-align:center;font-size:32px;color:#606060;line-height:1.35em;margin-bottom:5%;}
.beforeBox h4 {background-color:#f6f6f6;color:#606060;font-size:32px;padding:21px 17px;line-height:1.35em;}
/*decoTab*/
.decoTab {float:left;width:172px;}
.decoTab span {display:block;}
.decoTab a {display:block;overflow:hidden;height:77px;line-height:77px;background:url(../images/bg_tab.jpg) no-repeat right center;background-size:cover;font-size:25px;color:#fff;padding:0 10px;}
.decoTab a:hover {opacity:.85;}
.decoTab i {font-style:normal;display:block;background:no-repeat left center; font-size:14px;padding-left:45px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-size:34px 27px;}
.decoTab .cur a {background:#01a2d4;}
/*decoBox*/
.decoBox {margin-left:172px;}
.decoBox .box {height:308px;background:no-repeat center center;background-size:cover;position:relative;display:none;}
.decoBox .box:first-child {display:block;}
.decoBox .box:after {width:100%;height:100%;background-color:rgba(96,96,96,0.65);content:'';display:block;position:absolute;left:0;top:0;}
/*decoPro*/
.decoPro ul {overflow:hidden;position:relative;z-index:1;padding:78px 9.24%;}
.decoPro li {float:left;width:29.33%;padding:2%;}
.decoPro li a {display:block;overflow:hidden;color:#fff;}
.decoPro li a:hover {opacity:.8;}
.decoPro li .text {text-align:center;background-color:rgba(255,255,255,0.25);border:1px solid #cec8c3;font-size:25px;line-height:1.6em;padding:29px 5px;margin-bottom:5px;}
.decoPro li strong {margin-right:8px;}
.decoPro li .more {overflow:hidden;}
.decoPro li .more span {float:right;width:53px;height:13px;text-align:center;line-height:13px;background-color:#fff;font-size:8px;color:#474745;}
/*decoInfo*/
.decoInfo {position:absolute;width:100%;height:393.2px;background:#000 url(../images/bg_decoInfo.jpg) no-repeat right center; background-size:cover; left:0; bottom:0; z-index: 5; display: none;}
.decoInfo .close {width:185px; position:absolute; right:0; bottom:101%; cursor: pointer;}
.decoInfo .close i {display: block; padding-bottom: 11.892%; background:url(../images/icon_close2.png) no-repeat center center; background-size:contain;}
.decoInfo .info {overflow: hidden; display: none;}
.decoInfo .pic {width:381px; float:left; position:relative;}
.decoInfo .pic:before {border-left:10px solid #fff; border-top:10px solid transparent; border-bottom:10px solid transparent; content:''; display:block; position:absolute; left:100%; top:50%; margin-top:-10px;}
.decoInfo .pic span {display:block; padding-bottom: 104.2%; background:no-repeat center center; background-size:cover;}
.decoInfo .cont {margin-left:381px; overflow: hidden; position:relative; padding:20px 3.405%;}
.decoInfo h5 {font-weight: normal; color:#fff; font-size:28px; line-height: 1.35em; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; margin-bottom: 30px;}
.decoInfo h5 i {font-style: normal; color:#0197c7; margin-left:10px;}
.decoInfo ul {overflow: hidden; width:101%;}
.decoInfo li {float:left; width:24%; padding-right:1%;}
.decoInfo li a {display: block;}
.decoInfo li .img {width:67.93%; margin:0 auto 20px; position: relative;}
.decoInfo li .img:after {width:32.632%; padding-bottom:32.632%; content:''; display:block; background:url(../images/icon_13.png) no-repeat center center; background-size:contain; position:absolute; left:105%; top:50%; transform:translateY(-50%); }
.decoInfo li:last-child .img:after {display:none;}
.decoInfo li .img span {padding-bottom: 221.523%; display:block; background:no-repeat center center; background-size:contain;}
.decoInfo li p {font-size:18px; color:#fff; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; line-height: 1.35em; text-align:center;}
/*afterBox*/
.afterBox {background:url(../images/bg_after.jpg) no-repeat right center;background-size:cover;padding:6.5625% 0 6.875%;}
.afterBox .top {background:url(../images/bg_aftertitle.jpg) repeat-x left bottom;height:78px;line-height:78px;overflow:hidden;}
.afterBox h2 {font-size:32px;color:#606060;float:left;width:30.75%;}
.afterBox h2 i {font-style:normal;padding:0 20px;display:block;}
.afterTab {width:69.25%;float:right;}
.afterTab span {display:block;float:left;width:25%;text-align:center;font-size:25px;}
.afterTab a {border-left:1px solid #898989;border-right:1px solid #898989;color:#fff;display:block;overflow:hidden;position:relative;margin-left:-1px;background:url(../images/bg_aftertab.jpg) repeat-x left bottom;}
.afterTab a:hover {opacity:.85;}
.afterTab a:before {border-left:15px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;content:'';display:block;position:absolute;left:0;top:50%;margin-top:-10px;}
.afterTab .cur a {background:#00a5d8;}
/*afterBtm*/
.afterBtm .box {background:no-repeat center center;background-size:cover;position:relative;display:none;}
.afterBtm .box:first-child {display:block;}
.afterBtm ul {overflow:hidden;position:relative;z-index:1; font-size:0; line-height: normal; text-align:right;}
.afterBtm li {display:inline-block; width:14.46%;padding:2.3% 1.1% 0;vertical-align:bottom;}
.afterBtm li a {display:block;overflow:hidden;color:#fff; background:url(../images/bg_after_pro.png) no-repeat center bottom; background-size:contain; padding-bottom:5px;}
.afterBtm li .pic {overflow:hidden;width:57.8%;margin:0 auto 5px;}
.afterBtm li .pic span {display:block;overflow:hidden;padding-bottom:180%;background:no-repeat center center;background-size:contain;}
.afterBtm li h3 {font-size:16px;text-align:center;overflow:hidden;line-height:1.5em; height:3em;  margin:0 auto; font-weight: normal;}
.afterBtm li h3 i {background:url(../images/icon_14.png) no-repeat right center; padding-right:15px; font-style: normal; max-width:5em; display: inline-block; margin:0 auto;}
/*afterTips*/
.afterTips {font-size:14px; color:#b4b4b4; line-height: 1.5em; margin-top:5px;}
/*explore*/
.explore {position:relative;z-index:1;}
.explore .title {background:url(../images/bg_gjia.jpg) repeat-x center bottom; background-size:auto 100%; padding:3.047% 0;}
.explore .title span {display: block; width:38.5%; padding-bottom:4.75%; background:no-repeat center center; background-size:contain; margin:0 auto;}
/* * -- Img Responsive And Zoom Style --*/
.explore .mask {text-decoration:none;overflow:hidden;display:block;}
.explore .mobile {display:none;}
.explore .pc {display:block;}
.explore .lexiang {position:fixed;left:10px;bottom:10px;color:#d1d1d1;font-size:12px;z-index:99;}
.explore .gap {position:relative;margin:0 15px;}
.explore .delcookie {position:fixed;right:0;top:0;color:#000;background:#fff;padding:0.5em;z-index:100000;}
.explore .notransition {-webkit-transition:all 0s linear 0s!important;transition:all 0s linear 0s!important;}
.explore .pure-img {width:100%;height:auto;}
.explore .pure-img200 {width:100%;height:auto;display:block;}
.explore .pure-img1 {height:100%;width:auto;display:block;}
.explore .pure-img3 {width:33%;height:auto;display:block;margin:0 auto;}
.explore .pure-img2 {height:23.9375rem;width:auto;display:block;margin:0 auto;}
.explore #main-banner {position:relative;}
.explore .cover-container {position:absolute;left:0;top:0;width:100%;height:100%;z-index:20;}
.explore .cover-container .cover-left {position:absolute;left:0;top:0;width:50%;height:100%;background:url(../img/top.jpg) no-repeat top left;background-size:200% 100%;transition:all 0.7s ease-out;}
.explore .cover-container .cover-left .ss1 {transition:all 1s;}
.explore .cover-container .cover-left .slide1 {position:absolute;left:50%;top:57%;width:25.625%;height:4.6%;background:url(../img/slide_bg1.png) no-repeat;background-size:contain;transition:all 0.3s;}
.explore .cover-container .cover-left .slide1 #btn1 {position:absolute;z-index:3;height:100%;right:0;padding:0.364vw;box-sizing:border-box;}
.explore .cover-container .cover-left .slide1 #btn1 img {pointer-events:none;}
.explore .cover-container .cover-left .slide1 .text {position:relative;pointer-events:none;z-index:2;}
.explore .cover-container .cover-left .slide1 .mask {position:absolute;width:100%;height:100%;left:0;top:0;-webkit-mask-image:url(../img/slide_bask.png);-webkit-mask-size:contain;overflow:hidden;mix-blend-mode:overlay;}
.explore .cover-container .cover-left .slide1 .mask .light {position:absolute;right:-40%;width:40%;animation:lightMove 2s ease-in-out infinite;}
.explore .cover-container .cover-left .slide1.hided {transform:translateY(3vw);opacity:0;visibility:hidden;}
.explore .cover-container .cover-left.hide {transform:translateX(-100%);}
.explore .cover-container .cover-right {position:absolute;right:0;top:0;width:50%;height:100%;background:url(../img/top.jpg) no-repeat top right;background-size:200% 100%;transition:all 0.7s ease-out;}
.explore .cover-container .cover-right .slide2 {position:absolute;right:50%;top:57%;width:25.625%;height:4.6%;background:url(../img/slide_bg2.png) no-repeat;background-size:contain;transition:all 0.3s;}
.explore .cover-container .cover-right .slide2 #btn2 {position:absolute;z-index:2;height:100%;left:0;padding:0.364vw;box-sizing:border-box;}
.explore .cover-container .cover-right .slide2 #btn2 img {pointer-events:none;}
.explore .cover-container .cover-right .slide2 .text {position:relative;pointer-events:none;z-index:2;}
.explore .cover-container .cover-right .slide2 .mask {position:absolute;width:100%;height:100%;left:0;top:0;-webkit-mask-image:url(../img/slide_bask.png);-webkit-mask-size:contain;overflow:hidden;mix-blend-mode:overlay;}
.explore .cover-container .cover-right .slide2 .mask .light {position:absolute;left:-40%;width:40%;animation:lightMove1 2s ease-in-out infinite;}
.explore .cover-container .cover-right .slide2.hided {transform:translateY(3vw);opacity:0;visibility:hidden;}
.explore .cover-container .cover-right.hide {transform:translateX(100%);}
.explore .dot {position:absolute;width:2.7vw;height:2.7vw;z-index:50;cursor:pointer;}
.explore .dot:before {content:"";position:absolute;border-radius:50%;width:1.1vw;height:1.1vw;left:0.78vw;top:0.78vw;box-sizing:border-box;background:#fff;border:#0082e8 2px solid;z-index:1;}
.explore .dot:after {content:"";position:absolute;width:2.7vw;height:2.7vw;background:url(../img/dot.png) no-repeat;background-size:contain;animation:zoomOutIn 1s alternate infinite ease-in-out;}
.explore .dot0 {position:absolute;width:2.7vw;height:2.7vw;z-index:50;left:49.125%;top:79%;cursor:pointer;}
.explore .dot0:before {content:"";position:absolute;border-radius:50%;width:1.1vw;height:1.1vw;left:0.78vw;top:0.78vw;box-sizing:border-box;background:#fff;border:#0082e8 2px solid;z-index:1;}
.explore .dot0:after {content:"";position:absolute;width:2.7vw;height:2.7vw;background:url(../img/dot.png) no-repeat;background-size:contain;}
.explore .black-tech {position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;background:black;}
.explore .black-tech .black-in {width:auto;height:100%;}
.explore .black-tech .swiper-slide {width:auto;position:relative;}
.explore .black-tech .swiper-slide .back-btn {position:absolute;left:48.5%;top:94.7%;width:5vw;height:1.354vw;z-index:109;background:url(../img/back_btn.png) no-repeat;background-size:contain;transition:all 0.3s;}
.explore .black-tech .swiper-slide .back-btn:hover {opacity:0.9;transform:scale(1.1);}
.explore .black-tech .swiper-slide .mouse {position:absolute;left:49.458%;top:86.1%;width:1.3vw;height:2.24vw;z-index:109;background:url(../img/mouse.png) no-repeat;background-size:contain;animation:mousemove 1.5s infinite alternate linear;}
.explore .black-tech .swiper-slide .tip {position:absolute;z-index:10;font-family:"FZLTXIHJW";color:#fefeff;font-size:0.9375vw;background-size:contain;line-height:1.5em;box-sizing:border-box;text-align:justify;transition:all 0.3s;}
.explore .black-tech .swiper-slide .tip.hide {opacity:0;visibility:hidden;transform:translateY(20%);}
.explore .black-tech .swiper-slide .tip .light {position:absolute;width:79%;top:0;height:auto;pointer-events:none;}
.explore .black-tech .swiper-slide .tip1 {width:7.906%;height:17.4%;left:5.406%;top:53.6%;}
.explore .black-tech .swiper-slide .tip1 .light {transform:translate(25%,-50%);}
.explore .black-tech .swiper-slide .tip2 {width:7.187%;height:23.6%;left:19.188%;top:10.9%;}
.explore .black-tech .swiper-slide .tip2 .light {transform:translate(-10%,-50%);}
.explore .black-tech .swiper-slide .tip3 {width:9.031%;height:19.6%;left:27.875%;top:26.5%;}
.explore .black-tech .swiper-slide .tip3 .light {transform:translate(15%,-50%);}
.explore .black-tech .swiper-slide .tip4 {width:9.781%;height:19.3%;left:60.719%;top:17.3%;}
.explore .black-tech .swiper-slide .tip4 .light {transform:translate(-10%,-50%);}
.explore .black-tech .swiper-slide .tip5 {width:7.969%;height:19%;left:73.281%;top:56.9%;}
.explore .black-tech .swiper-slide .tip5 .light {transform:translate(-20%,-50%);}
.explore .black-tech .swiper-slide .tip6 {width:7.844%;height:17%;left:88%;top:45.8%;}
.explore .black-tech .swiper-slide .tip6 .light {transform:translate(25%,-50%);}
.explore .black-tech .swiper-slide .dot1 {left:4.75%;top:51%;}
.explore .black-tech .swiper-slide .dot2 {left:20.156%;top:36.3%;}
.explore .black-tech .swiper-slide .dot3 {left:34.25%;top:58.5%;}
.explore .black-tech .swiper-slide .dot4 {left:64.656%;top:33.9%;}
.explore .black-tech .swiper-slide .dot5 {left:72.469%;top:54.5%;}
.explore .black-tech .swiper-slide .dot6 {left:87.219%;top:43.1%;}
.explore .black-tech.hide {visibility:hidden;opacity:0;}
.explore .life-tech {position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;background:black;}
.explore .life-tech .life-in {width:auto;height:100%;}
.explore .life-tech .swiper-slide {position:relative;width:auto;}
.explore .life-tech .swiper-slide .back-btn {position:absolute;left:48.083%;top:94.7%;width:5vw;height:1.354vw;z-index:109;background:url(../img/back_btn.png) no-repeat;background-size:contain;transition:all 0.3s;}
.explore .life-tech .swiper-slide .back-btn:hover {opacity:0.9;transform:scale(1.1);}
.explore .life-tech .swiper-slide .mouse {position:absolute;left:49.458%;top:86.1%;width:1.3vw;height:2.24vw;z-index:109;background:url(../img/mouse.png) no-repeat;background-size:contain;animation:mousemove 1.5s infinite alternate linear;}
.explore .life-tech .swiper-slide .tip {position:absolute;z-index:10;width:8.5833%;height:28%;font-family:"FZLTXIHJW";color:#fefeff;font-size:0.78125vw;background-size:contain;line-height:1.5em;box-sizing:border-box;text-align:justify;transition:all 0.3s;}
.explore .life-tech .swiper-slide .tip.hide {opacity:0;visibility:hidden;transform:translateY(20%);}
.explore .life-tech .swiper-slide .tip1 {left:6.083%;top:44.6%;}
.explore .life-tech .swiper-slide .tip2 {left:15.875%;top:49.8%;}
.explore .life-tech .swiper-slide .tip3 {left:25.292%;top:42.8%;}
.explore .life-tech .swiper-slide .tip4 {left:60.75%;top:55.1%;}
.explore .life-tech .swiper-slide .tip5 {left:70.792%;top:43.4%;}
.explore .life-tech .swiper-slide .tip6 {left:85.667%;top:39.1%;}
.explore .life-tech .swiper-slide .dot1 {left:11.25%;top:16.2%;}
.explore .life-tech .swiper-slide .dot2 {left:18.875%;top:41.9%;}
.explore .life-tech .swiper-slide .dot3 {left:30.083%;top:16.4%;}
.explore .life-tech .swiper-slide .dot4 {left:61.958%;top:26.4%;}
.explore .life-tech .swiper-slide .dot5 {left:72%;top:13%;}
.explore .life-tech .swiper-slide .dot6 {left:88.75%;top:31.9%;}
.explore .life-tech.hide {visibility:hidden;opacity:0;}
@media screen and (max-width:720px) {
	.explore .pc {display:none;}
.explore .mobile {display:block;}
.explore .cover-container .cover-left {background:url(../img/top1.jpg) no-repeat top left;background-size:200% 100%;}
.explore .cover-container .cover-left .button1 {position:absolute;width:52.592%;height:6.82%;left:21.66%;top:65.42%;background:url(../img/button1.png) no-repeat;background-size:contain;}
.explore .cover-container .cover-left .button1 .arrow {position:absolute;height:100%;width:31.69%;left:-20%;background:url(../img/arrow1.png) no-repeat;background-size:contain;animation:arrow1 0.8s ease infinite alternate;}
.explore .cover-container .cover-right {background:url(../img/top1.jpg) no-repeat top right;background-size:200% 100%;}
.explore .cover-container .cover-right .button2 {position:absolute;width:52.592%;height:6.82%;right:21.66%;top:65.42%;background:url(../img/button2.png) no-repeat;background-size:contain;}
.explore .cover-container .cover-right .button2 .arrow {position:absolute;height:100%;width:31.69%;right:-20%;background:url(../img/arrow2.png) no-repeat;background-size:contain;animation:arrow2 0.8s ease infinite alternate;}
.explore .black-tech .swiper-slide .dot {width:1.625%;height:5.2%;}
.explore .black-tech .swiper-slide .dot:before {width:40%;height:40%;left:28.9%;top:28.9%;}
.explore .black-tech .swiper-slide .dot:after {width:100%;height:100%;}
.explore .black-tech .swiper-slide .dot0 {width:1.625%;height:5.2%;left:49.125%;top:79%;}
.explore .black-tech .swiper-slide .dot0:before {width:40%;height:40%;left:28.9%;top:28.9%;}
.explore .black-tech .swiper-slide .dot0:after {width:100%;height:100%;}
.explore .black-tech .swiper-slide .back-btn {position:absolute;left:48.5%;top:94.7%;width:3%;height:2.6%;z-index:109;background:url(../img/back_btn.png) no-repeat;background-size:contain;transition:all 0.3s;}
.explore .black-tech .swiper-slide .mouse {width:0.78125%;height:4.3%;z-index:109;}
.explore .life-tech .swiper-slide .dot {width:2.167%;height:5.2%;}
.explore .life-tech .swiper-slide .dot:before {width:40%;height:40%;left:28.9%;top:28.9%;}
.explore .life-tech .swiper-slide .dot:after {width:100%;height:100%;}
.explore .life-tech .swiper-slide .back-btn {width:4%;height:2.6%;}
.explore .life-tech .swiper-slide .mouse {width:1.04%;height:4.3%;}
}



@media only screen and (max-width:1700px){

  /*1700px serviceNav*/
  .serviceNav {margin-left:-130px;}
}
@media only screen and (max-width:1560px){
  /*1560px banList*/
  .banList .item a {font-size:24px;}

  /*1560px serviceNav*/
  .serviceNav {margin-left:-110px; width:81px;}
  .serviceNav:before {left:40px;}
  .serviceNav a {font-size:14px;}
}
@media only screen and (max-width:1440px){
  /*1440px serviceNav*/
  .serviceNav {margin-left:-75px; width:65px;}
  .serviceNav:before {left:32px;}
  .serviceNav span {padding:5px;}
  .serviceNav a {font-size:12px;}

}
@media only screen and (max-width:1366px){
  /*1366px serviceNav*/
  .serviceWrap {padding-left:8%;}
  .serviceNav {margin-left:-100px;}

  #knowledge .inner {width:70%;}


}
@media only screen and (max-width:1280px){
  .inner, #knowledge .inner {width:93.75%;}
  /*1280px hmProducts*/
  .hmProducts .hmProList {padding:0 20px;}
  .hmProducts .owl-nav span {width:20px; height:37px;}
  /*1280px hmService*/
  .hmService li .btn {height:40px; line-height: 40px; width:130px;}
  /*1280px footer*/
  .footer .footLeft {padding-right:2%;}
  .footer .footBtm {padding:15px 0;}

  /*1280px newsDetails*/
  .newsDetails .title, .singlePage .title {font-size: 26px;}
  /*1280px feature*/
  .feature li span {font-size:16px;}
  /*1280px proImg*/
  .proImg {padding:0 50px; margin-bottom: 5%;}
  .proImg .center .item span {transform: scale(2.2);}
  .proImg .owl-stage {padding:9% 0;}
  .proImg .owl-nav .owl-prev {left:-50px;}
  .proImg .owl-nav .owl-next {right:-50px;}
  /*1280px proInfo*/
  .proInfo .text {width:43%;}
  .proInfo .meta {width:50%;}
  .proInfo .meta table {max-width:100%; width:100%;}
  /*1280px proInstall*/
  .proInstall .boxTitle {font-size:22px;}
  /*1280px banList*/
  .banList .item a {font-size:20px;}
  /*1280px videoList*/
  .videoList h2 {font-size:32px;}
  .videoList h3 {font-size:26px;}
  /*1280px brandIntro*/
  .brandIntro .text {padding:0; width:50%;}
  /*1280px timeLine*/
  .timeLine {padding-top:10px;}
  .history #history .pic {padding-bottom: 39.0625%;}
  /*1280px buyStore*/
  .buyStore li .icon {width:45%;}
  /*1280px beforeBox*/
  .beforeBox h3, .beforeBox h4 {font-size:28px;}
  /*1280px decoTab*/
  .decoTab a, .decoPro li .text {font-size:22px;}
  .decoPro ul {padding-top:80.5px; padding-bottom:80.5px;}
  /*1280px decoInfo*/
  .decoInfo {height:100%;}
  .decoInfo .pic {width:295.5px;}
  .decoInfo .cont {margin-left:295.5px; padding-left:2%; padding-right:2%;}
  .decoInfo h5 {margin-bottom: 10px; font-size:24px;}
  .decoInfo ul {width:103%;}
  .decoInfo li {width:22%; padding-right:3%;}
  .decoInfo li .img {width:59%; margin-bottom:10px;}
  .decoInfo li .img:after {left:110%;}
  .decoInfo li p {font-size:16px;}
  /*1280px afterBox*/
  .afterBox h2 {font-size:28px;}
  .afterTab span {font-size:22px;}
}
@media only screen and (max-width:1024px){
	.blank {height:66px;}
  /*1024px logo*/
  .logo {padding:10px 0;}
  .logo a {width:132px; height:45px;}
  /*1024px topBtn*/
  .topBtn {padding:18.5px 0;}
  /*1024px language*/
  .language {padding-right:0;}
  .language a {font-size:14px; width:28px; height:28px; line-height: 28px;}
  /*1024px search*/
  .search {padding:0 15px;}
  .search a {height:28px;}
  /*1024px searchForm*/
  .searchForm {margin-top:1px;}
  /*1024px navBtn*/
  .navBtn {display:block;}
  /*1024px nav*/
  .nav {margin:0; position:fixed; top:66px; right:-300px; background-color: #fff; height:100%; width:300px; overflow-y:auto; -webkit-overflow-scrolling:touch; transition:right .3s; padding:0; border-left:1px solid #eee;}
    .nav.open {right:0;}
    .nav ul {padding:10px 0; margin-bottom:66px; height:auto;}
    .nav li {float:none; padding:0; line-height: normal; width:auto; font-size:16px; text-align:left;}
	.nav li#nav71 {width:auto;}
    .nav li a {padding:12px 44px 12px 1.5em; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  display:block;}
    .nav li em {position:absolute; right:0; top:0; width:100%; height:44px; z-index: 9; display: block; cursor:pointer;}
    .nav li em:after {content:''; display:block; width:8px; height:8px; border-right:1px solid #333; border-bottom:1px solid #333; transform:rotate(45deg); position:absolute; right:20px; top:50%; margin-top:-7px; transition:all .3s;}
    .nav li em.open:after {transform:rotate(-135deg); margin-top:0;}
    .nav li ul {padding:0; margin-bottom:0; display: none;}
    .nav li li .icon {width:20px; float:left;}
    .nav li li .icon i {padding-bottom: 145%; background:no-repeat center center; background-size:contain; display: block;}
    .nav li li .icon i:last-child {display: none;}
    .nav li li .text {margin-left:25px; padding:4.5px 0;}
    .nav li li a {padding-right:1em;}
    .nav li li span {display:block; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
    /*1024px proNav*/
    .proNav {display: none;}
    /*1024px hmNews*/
    .hmNews h2 {font-size:16px;}
    .hmNews .pic {margin-bottom: 10px;}
    .hmNews .more {margin-top:10px;}
    .hmNews .more a {width:95px; height: 35px; line-height: 35px; padding:0 20px;}
    .hmNews .more i {padding-right:25px;}
    /*1024px footer*/
    .footer .footRight {width:140px;}
    .footer .footLeft {margin-right: 140px;}
    /*1024px follow*/
    .follow {margin-left:40px;}
    /*1024px newsList*/
    .newsList .pic {width:250px;}
    .newsList .info {margin-left:250px; padding:14px 0 14px 20px;}
    .newsList .meta {margin-top:15px;}
    /*1024px newsDetails*/
  .newsDetails .title, .singlePage .title {font-size: 22px;}
  /*1024px feature*/
  .feature li span {font-size:14px;}
  /*1024px proMenu*/
  .proMenu {width:160px;}
  .proMenu li {line-height: 20px;}
  .proMenu li i {width:20px; height:20px;}
  /*1024px proList*/
  .proList h2 {font-size:18px;}
  /*1024px proInfo*/
  .proInfo .text h3 {font-size:20px;}
  .proInfo .text h4 {font-size:24px; margin-bottom: 3%;}
  /*1024px banList*/
  .banList .item a {font-size:16px;}
  /*1024px sidebar*/
  .sidebar {width:29.5%;}
  .aside.fixed {top:66px;}
  /*1024px water*/
  .water li a, .water li a:hover {padding-left:25px;}
  /*1024px knowledge*/
  .knowledge h2 {font-size:18px;}
  /*1024px widget*/
  .widget {padding:0 15px;}
  .widget h3 {font-size:18px; padding:10px 0;}
  /*1024px water*/
  .water li {padding:10px 0;}
  /*1024px videoList*/
  .videoList h2 {font-size:26px;}
  .videoList h3 {font-size:22px;}
  .videoList .info {width:50%;}
  .videoList .intro {font-size:16px;}
  /*1024px brandIntro*/
  .brandIntro .text {font-size:16px;}
  /*1024px buyTab*/
  .buyTab span a {font-size:20px;}
  /*1024px screen*/
  .screen .select, .screen .input {border-radius: 17.5px;}
  .screen .select:after {right:17.5px;}
  .screen select {height:35px; line-height: 35px;}
  .screen .input {padding-right:45px;}
  .screen .text {padding:5px 0;}
  .screen .submit {height:37px; width:37px;}
  /*1024px buyStore*/
  .buyStore li .info h2 {font-size:16px; margin-bottom: 5px;}
  /*1024px buyStore*/
  .buyMap {float:none; width:auto; margin-bottom:10px;}
  .buyMap .map {padding-bottom:45%;}
  /*1024px addrList*/
  .addrList {float:none; width:auto;}
  .addrList #addrList {height:auto;}
  .addrList dl {padding:12px 0 8px;}
  .addrList dt {margin-bottom: 3px;}
  .addrList dd {line-height: 1.75em;}
  /*1024px serviceTitle*/
  .serviceTitle {font-size:20px;}
  /*1024px serviceNav*/
  .serviceWrap {padding-left:0;}
  .serviceNav {display:none;}
  /*1024px serviceBox*/
  .serviceBox h3 {font-size:18px; background-size:auto 25px; padding-left:34px;}
  .serviceBox h3:after {margin-top:5px;}
  .serviceBox .line:before {left:12.5px;}
  .serviceBox .num {font-size:12px; width:25px; height:25px; line-height: 25px;}
  .serviceBox .text {margin-left:34px; line-height: 1.75em;}
  .serviceBox th {font-size:16px;}
  .serviceBox td {font-size:14px;}

  #fanwei p {padding-left:34px;}
  #fanwei p:before {left:5px;}
  #fanwei p:after {left:8px;}
  /*1024px beforeBox*/
  .beforeBox h3 {font-size:24px;}
  .beforeBox h4 {font-size:24px; padding:15px;}
  /*1024px decoTab*/
  .decoTab {float:none; width:auto; overflow:hidden;}
  .decoTab span {float:left; width:25%;}
  .decoTab a, .decoPro li .text {font-size:18px;}
  .decoTab i {background-size:auto 22px; padding-left:35px;}
  /*1024px decoBox*/
  .decoBox {margin-left:0;}
.decoBox .box {height:auto;}
  /*1024px decoInfo*/
  .decoInfo h5 {font-size:20px; margin-bottom: 20px;}
  .decoInfo li .img {margin-bottom: 10px;}

  /*1024px decoPro*/
  .decoPro ul {padding:82.5px 3%;}

  /*1024px afterBox*/
  .afterBox .top {height:58px; line-height: 58px;}
  .afterBox h2 {font-size:24px;}
  .afterTab span {font-size:18px;}
   /*1024px prodetails*/
  .prodetails .top {top:66px;}
}
@media only screen and (max-width:960px){
  /*960px feature*/
  .feature .right {display: none;}
  .feature .left {float:none; width:auto;}
  .feature li {margin-bottom:5px; overflow: hidden;}
  .feature li span {margin-right:0;}
  .feature li span:after {border-top:8px solid #0068b7; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:none; right:50%; margin-right:-8px; margin-top:0; top:auto; bottom:-8px;}
  .feature li.cur span {margin-bottom: 18px;}
  .feature li .intro.show {display: block;}
  .feature .pic img {width:auto; max-width:100%; margin:0 auto;}
  .feature .text {font-size:14px;}
  /*960px proBox*/
  .proBox, .proMenu {display:block; width:auto;}
  /*960px proMenu*/
  .proMenu {border-right:none; margin-bottom:3.5%;}
  .proMenu ul {margin-right:0; overflow: hidden; border-bottom:1px solid #d6d7d7; padding-bottom:2.3%;}
  .proMenu li {float:left; width:33.333%; border-bottom:none; margin-bottom:0; padding-bottom:0; text-align:center;}
  /*960px proList*/
  .proList {display: block; width:auto; padding-left:0;}
  .proList h2 {margin-left:0;}
  .proList li a {margin:0;}
  .proList li a:hover {box-shadow: none;}
  .proList li .title {padding:8px 0;}
  .proList li h3, .proList li h4 {font-size:14px;}
  /*960px proImg*/
  .proImg .owl-stage {padding:8% 0;}
  .proImg .center .item span {transform:scale(1.5);}

  /*960px proImg*/
  .popup {width:83%; margin-left:-41.5%;}
  .reservation .form {padding:15px 0;}
  .reservation h2 {font-size:18px;}

  #history, .timeLine {display:none;}
}
@media only screen and (max-width:768px){
	.nav {width:100%; border-left:none; right:-100%;}
	.nav ul { padding:0 3.125%;}
	.nav li {border-bottom:1px solid #eee;}
	.nav li a {padding-left:0;}
	.nav li em:after {right:10px;}
	.nav li ul {overflow:hidden;border-top:1px solid #eee; margin-bottom:-1px;}
	.nav li li {width:50%; float:left;border-bottom:1px solid #eee;}


  /*768px hmSlides*/
  .hmSlides .item .pc {display:none;}
  .hmSlides .item .wap {display:block;}
  .hmSlides .item span, .hmSlides .video, .hmSlides .load {padding-bottom:72.526%;}
  .hmSlides .owl-dots span {width:15px; height:15px; margin:0 3px;}

  /*768px hmProcat*/
  .hmProcat {padding:3.5% 0 3%;}
  .hmProcat li {width:31.333%; padding:1%;}
  .hmProcat li .text {padding-bottom:0;}
  .hmProcat li span:after {display: none;}
  /*768px hmProducts*/
  .hmProducts .item h2 {font-size: 14px; margin-bottom: 5px;}
  .hmProducts .item em {width:15px; height: 15px;}
  .hmProducts .item a:hover .pic i.one {display: block;}
  .hmProducts .item a:hover .pic i.two {display: none;}
  .hmProducts .hmProList {padding:0 15px;}
  .hmProducts .owl-nav span {width:15px; height: 28px;}
  .hmProducts .owl-nav .owl-prev {left:-15px;}
  .hmProducts .owl-nav .owl-next {right:-15px;}
  .hmProducts .load {padding-bottom: 37.22%;}
  /*768px hmSolution*/
  .hmSolution .wap {display:block;}
  .hmSolution .pc {display:none;}
  /*768px hmNews*/
  .hmNews {margin-bottom: 7%;}
  .hmNews h2, .hmNews .pic, .hmNews time {margin-bottom: 5px;}
  .hmNews .more a {height:30px; line-height: 30px; width:85px; padding:0 15px;}
  .hmNews .load {padding-bottom: 62.5%;}
  .hmNews .owl-dots span {width:10px; height: 10px; margin:0 4px;}
  /*768px hmService*/
  .hmService li .intro {font-size:14px;}
  .hmService li .btn {font-size:14px; height:32px; line-height: 32px; width:90px;}
  /*768px footer*/
  .footer .footLeft {display: none;}
  .footer .footRight {width:auto; float:none; padding-bottom: 3.5%;}
  /*768px footer*/
  .social {float:none; width:auto; margin-bottom:10px;}
  .social ul {font-size:0; line-height: normal; text-align:center;}
  .social li {display:inline-block; margin-bottom: 0; padding:0 10px;}
  .social li .qrcode {right:50%; top:45px; margin-top:0; transform:translateX(50%);}
  .social li .qrcode:after {top:-6px; right:50%; margin-top:0; margin-right:-6px;}
  /*768px follow*/
  .follow {width:100px; margin:0 auto;}
  .follow p {margin-bottom: 5px;}
  /*768px pagesList*/
  .pagesList {float:none; text-align:center; margin-bottom: 5px;}
  .pagesList a {padding:0 5px;}
  /*768px copyright*/
  .copyright {float:none; text-align:center;}
  /*768px banSlides*/
  .banSlides .load, .banSlides .item span {padding-bottom:72.526%;}
  .banSlides .item .pc {display:none;}
  .banSlides .item .wap {display:block;}
  .banSlides .owl-dots button.owl-dot {margin:0 3px;}
  .banSlides .owl-dots span {width:10px; height:10px;}
  .banSlides .owl-dots button.active span {width:6px; height:6px;}
  /*768px newsList*/
  .newsList .item {padding:5px; margin-bottom:4%;}
    .newsList .pic {width:110px;}
    .newsList .info {margin-left:120px; padding:0;}
    .newsList h3 {font-size:16px; margin-bottom: 9px; white-space: normal; line-height: 1.5em; height:2.7em;}
    .newsList .intro {display:none;}
	.newsList .meta {margin-top:0;}
	.newsList .more {display:none;}
    /*768px pagenavi*/
    .pagenavi a {margin:1px 2px; height:25px; line-height: 25px; padding:0 9px;}
    /*768px newsDetails*/
  .newsDetails .title, .singlePage .title {font-size: 18px;}
  .newsDetails .meta, .singlePage .meta {margin-bottom: 2.5%;}
  .newsDetails .meta li, .singlePage .meta li {font-size:14px;}
  .newsDetails .entry, .singlePage .entry {line-height: 1.875em;}
  /*768px postnavi*/
  .postnavi .left, .postnavi .right {float:none; width:auto; padding:5px 0;}
  .postnavi .right {text-align:left;}
  .postnavi .right .icon {float:left;}
  .postnavi .right .text {margin-right:0; margin-left:55px;}
  .postnavi .left .text {margin-left:55px;}
  /*768px proMenu*/
  .proMenu li {font-size:14px;}
  .proMenu li i {width:15px; height:15px; margin-right:5px; margin-top:2px;}
  .proMenu li a:hover i {margin-right:5px;}

  /*768px proImg*/
  .proImg {padding:0 30px;}
  .proImg .item {padding:15px;}
  .proImg .owl-stage {padding:9% 0;}
  .proImg .owl-nav .owl-prev {left:-30px;}
  .proImg .owl-nav .owl-next {right:-30px;}
  .proImg .prev .item {margin-right:10px; margin-left:-10px;}
  .proImg .next .item {margin-left:10px; margin-right:-10px;}
  /*768px prodetails*/
  .proBlank {display: none;}
  .prodetails .top {position:static; left:auto; top:auto; width:auto; min-height:28px;}
  .prodetails .top .left {margin-right:155px;}
  .prodetails .title {width:auto; display:block; padding:2px 0;}
  .prodetails .title .icon {display:none;}
  .prodetails .title h2 {padding:0; line-height:1.5em;}
  .prodetails .btn {margin-top:-14px;}
  .prodetails .btn span {font-size:12px;}
  .prodetails .btn span.buy {padding-left:5px;}
  .prodetails .btn a {height:28px; line-height: 28px; padding:0 10px;}

  /*768px proInfo*/
  .proInfo .text {float:none; width:auto; margin-bottom:3.5%; padding:0; line-height: 1.75em;}
  .proInfo .text h3 {font-size:18px;}
  .proInfo .text h4 {font-size:22px; margin-bottom: 10px;}

  .proInfo .meta {float:none; width:auto;}
  .proInfo .meta table, .proInfo .meta th {text-align:center;}
  /*768px proInstall*/
  .proInstall .boxTitle {font-size:20px;}
  /*768px banList*/
   .banList {padding-bottom:0; width:101%;}
  .banList .item {position:relative; left:auto; top:auto; right:auto; bottom:auto; width:49%; padding-right:1%; padding-bottom:1%; height:auto; float:left;}
  .banList .item .bg, .banList .item span {position:static; left:auto; top:auto; width:auto; height:auto;}
  .banList .item span {padding-bottom:75%;}
  .banList .item a {font-size:14px; height:auto;}
  .banList .item .title {background:rgba(0,0,0,.3);}
  .banList .item i {bottom:50%; transform:translateY(50%); white-space:normal; height:auto; line-height:1.5em; max-height:4.5em; width:90%;}
  .banList .item2, .banList .item3, .banList .item2 .bg, .banList .item3 .bg {transform:none;}
  /*768px main*/
  .main, .sidebar {float:none; width:auto;}
  /*768px knowledge*/
  .knowledge, .widget {margin-bottom: 3.5%;}
  .knowledge h2 {font-size:16px; padding:10px;}
  .knowledge .owl-dots { margin:5px 70px 0;}
  .knowledge .excerpt {font-size:14px; padding:0 10px 10px;}
  .knowledge .obj .btn {width:23px; height:20px;}
  .knowledge .meta {padding:0 10px; width:60px; margin-top:-26px; margin-bottom:5px;}
  .knowledge .share {padding-left:10px;}
  /*768px widget*/
  .aside.fixed, .aside.absolute {position: static; top:auto;}
  .widget h3 {font-size:16px;}
  .widget li {font-size:14px;}
  /*768px water*/
  .water li {padding:8px 0;}
  .water li a {background-size:auto 16px;}
  .water li a, .water li a:hover {padding-left:20px;}
  /*768px question*/
  .question ul {margin-bottom: 10px;}
  /*768px videoList*/
  .videoList .title {padding-left:10px; margin-bottom: 15px;}
  .videoList h2 {font-size:18px;}
  .videoList h3 {font-size:16px;}
  .videoList .item {width:auto; padding:8% 0;}
  .videoList .info, .videoList .item:nth-child(2) .info {float:none; width:auto;}
  .videoList .intro {font-size:14px;}
  .videoList .video {margin-bottom: 20px;}
  /*768px brandIntro*/
  .brandIntro {padding:0;}
  .brandIntro .bg {padding-bottom:65%; position:static; left:auto; top:auto; width:auto; height:auto;}
  .brandIntro .intro {background-color:#fff; padding:5% 0;}
  .brandIntro .text {width:auto; font-size:14px; line-height: 1.5em;}
  /*768px timeLine*/
  .timeLine {position:static; left:auto; bottom:auto;}
  /*768px buyTab*/
  .buyTab {margin-top:10px;}
  .buyTab span a {font-size:16px; border-bottom-width:3px;}
  /*768px buyBox*/
  .buyBox {border-radius: 5px;}
  /*768px screen*/
  .screen .inputBox {clear:both; width:auto; float:none;}
  .screen .text {text-indent:13px;}
  .screen .selectBox {width:49%; padding-right:0; padding-bottom: 2%;}
  .screen .selectBox:nth-child(2) {float:right;}
  .screen .select:after {right:10px;}
  .screen select {padding:0 10px;}
  /*768px buyStore*/
  .buyStore ul {width:auto;}
  .buyStore li {float:none; width:auto; padding-right:0; margin-bottom:2%; border:1px solid #ccc;}
  .buyStore li a {border:none;}
  .buyStore li .icon {width:120px;}
  /*768px buyMap*/
  .buyMap .map {padding-bottom:55%;}
  /*768px addrList*/
  .addrList dt {font-size:16px;}

  /*768px serviceTitle*/
  .serviceTitle {font-size:16px;}
  /*768px serviceBox*/
  .serviceBox h3 {font-size:16px; background-size:auto 18px; padding-left:25px;}
  .serviceBox .entry {font-size:14px;}
  .serviceBox th, .serviceBox td {padding:5px;}

   #fanwei p:before {top:5px;}
  #fanwei p:after {top:8px;}
  /*768px popup*/
  .popup {width:93.75%; left:3.125%; margin-left:0; margin-top:32px;}
  .reservation h2 {font-size: 16px; padding-bottom: 8px;}
  .reservation .form {width:auto;}
  .reservation .item {float:none; width:auto; padding-right:0; padding-bottom: 5px;}
  .reservation .box {padding:5px 0;}
  .reservation label {float:left;}
  .reservation .item:nth-child(2) .input {margin-left:110px;}
  .reservation .two {margin-left:52px;}
  .reservation .four {margin-left:110px;}
  .reservation .sixth {margin-left:150px;}
  .reservation .verify {margin-left:125px;}
  .reservation .textarea {margin-right:0;}
  .reservation textarea.text {height:28px;}
  .reservation .submit {width:100px; height:32px; font-size:14px;}
  .reservation .btn {margin-bottom: 0;}
  /*768px beforeBox*/
  .beforeBox {padding:5% 0;}
  .beforeBox h3 {font-size:20px;}
  .beforeBox h4 {font-size:20px; padding:10px;}
   /*768px decoTab*/
   .decoTab a {font-size:16px; height:50px; line-height: 50px; text-align:center; padding:0 5px;}
  .decoTab i {width:64px; margin:0 auto;}
  /*768px decoPro*/
  .decoPro ul {padding:8% 3%;}
  .decoPro li .text {font-size:16px; padding:8% 1%;}

  /*768px decoInfo*/
  .decoInfo {height:auto;}
  .decoInfo .pic {width:29.2%;}
  .decoInfo .cont {margin-left:29.2%; padding-top:10px; padding-bottom:10px;}
  .decoInfo h5 {font-size:16px; margin-bottom: 5px;}
  .decoInfo li .img {margin-bottom: 5px;}
  .decoInfo li p {font-size:14px;}
  /*768px tools*/
  .tools {width:60px; right:1%;}
  .tools li {font-size:12px;}
  .tools a {padding:7px 5px;}
  .tools i {width:20px; height:20px; margin-bottom:5px;}

  /*768px afterBox*/
  .afterBox .top {height:auto; line-height: normal;}
  .afterBox h2 {font-size:20px; float:none; background: url(../images/bg_aftertitle.jpg) repeat-x left bottom; width:auto; height:40px; line-height: 40px;}
  .afterTab {float:none; width:auto;}
  .afterTab span {font-size:14px; line-height: 1.75em; width:24%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .afterTab span:nth-child(3) {width:28%;}
  .afterTab a { padding:8px 5px;}
  .afterTab a:before {border-width:5px; margin-top:-5px;}


  .afterBtm li {padding:12% 5% 0; width:23.333%;}
  .afterBtm li .pic {width:40%;}
  .afterBtm li h3 {font-size:14px;}
  .afterBtm li h3 i {padding-right:10px;}
	/*768px history*/
  .history {display:none;}
  /*768px explorePage*/
  .explorePage .banSlides, .explore .title {display:none;}
}
@media only screen and (max-width:540px){
  /*540px hmProcat*/
  .hmProcat li a {padding:0 0.5%;}
  .hmProcat li .icon {width:47.619%;}
  .hmProcat li span {padding:0 2px;}
  .hmProducts .load {padding-bottom:49.407%;}
  /*540px hmNews*/
  .hmNews h2 {white-space: nowrap; overflow:hidden; text-overflow: ellipsis; height: auto;}
  .hmNews .item {padding:0 5%;}
  /*540px hmService*/
  .hmService ul {display:block; width:auto;}
  .hmService li {display:block; width:auto; border-left:none; margin-bottom:30px; padding-bottom:30px; position:relative;}
  .hmService li:last-child {border-right:none; margin-bottom:0; padding-bottom:0;}
  .hmService li:after {content:''; display:block; width:100px; height:1px; background-color:#ddd; position:absolute; left:50%; bottom:0; margin-left:-50px;}
  .hmService li:last-child:after {display:none;}
  .hmService li .intro {margin-bottom:5px;}
  .hmService li .icon {margin-bottom:5px;}
  /*540px searchForm*/
  .searchForm {width:100%;}
  /*540px proList*/
  .proList ul {width:102%;}
  .proList li {width:48%; padding-right:2%;}
  /*540px proImg*/
  .proImg .owl-stage {padding:1% 0;}
  .proImg .item {border:none; margin:0; padding:0;}
  .proImg .next .item, .proImg .prev .item {margin:0;}
  .proImg .center .item span {transform:scale(1);}


  /*540px decoTab*/
  .decoTab a {font-size:14px; line-height: 1.125em; height:auto; padding:7px 0 6px;}
  .decoTab i {padding-left:0; padding-top:23px; background-position:center top; background-size:auto 20px; display: block; width:auto;}

 /*540px decoPro*/
  .decoPro li {float:none; width:auto; padding:1% 0;}
/*540px decoInfo*/
  .decoInfo .pic {float:none; width:auto;}
  .decoInfo .pic span {padding-bottom:75%; background-position:center 5%; background-size:100% auto;}
  .decoInfo .cont {margin-left:0;}
  .decoInfo .close {width:120px;}
}

/*.logoban*/
.logoban .box{ height: 300px; background-repeat: no-repeat; background-size: cover; background-position: center center;}
@media only screen and (min-width:768px) {
.logoban .box{ height: 400px;}
}
@media only screen and (min-width:1024px) {
.logoban .box{ height: 500px;}
}