html, body, form, p, h1, h2, h3, h4, h5, h6, dl, ul, ol, li, dt, dd, select, figure, header, footer { margin: 0; padding: 0; color: #7e7e7e; }
body { font: 16px/1.5 "Microsoft YaHei",Arial; font-family: "Microsoft YaHei",Arial!important; -webkit-text-size-adjust: none; }
html, body { height: 100%; overflow:hidden; }
select, input, option, textarea { font-size: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
ul, ol, li { list-style-type: none; }
em, i { font-style: normal; }
a, a:visited { color: #7e7e7e; }
a { text-decoration: none; }
a img { border: 0 none; }


body{width:640px; margin:0 auto; background-color:#fff; pointer-events: none;}
.wrapper {width:640px; height: 100%; overflow: hidden; margin: 0 auto; }
.wrapper .main { height: 1000%; }
.wrapper .main > * { height: 10%; overflow: hidden; }

section{position:relative; width:640px;}

header{position:absolute; width:640px; left:0; top:0; height:113px; z-index:1; overflow:hidden;}
header .logo{position:absolute; left:0; top:0; padding:5% 0 0 3%;}
header h3,header h4{float:right; width:57%;text-align:right; padding-right:4%; font-weight:normal}
header h3{font-size:24px; color:#000; padding-top:4%; line-height:34px;}
header h4{font-size:28px; color:#1bb7de; line-height:48px;}
header h4:after{display:block;content:""; border-bottom:1px solid #eceff6;}
header h3 a{color:#000;}
header h4 a{color:#1bb7de;}

article{position:absolute; width:600px; left:50%; top:50%; margin:10px auto 0; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
article h2,article h1{font-size:30px; height:64px;line-height:64px; color:#707070; font-weight:normal}
article .content:after{content: ""; display: table; clear: both;}
article .pic,article .pic1{float:left; width:262px;}
article .intro,article .intro1,article .intro2{font-size:22px;word-wrap:break-word;}
article .intro1,article .intro2{float:right; width:54%;}
article .intro2{float:left;}
article .pic1{float:right;}
article .pic img,article .pics img{border:1px solid #dcdcdc; margin:0 auto;}
article .photo-tab{width:600px; height:338px; position:relative;margin:20px auto;}
article .photo{width:600px; height:338px; overflow:hidden; position:relative;}
article .photo ul{width:1000%; height:338px; position:absolute;}
article .photo li{float: left; width: 600px; margin: 0; padding: 0; -webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
article .prev,article .next{width:30px; height:76px; position:absolute; top:130px; z-index:2;}
article .prev{background:url(https://2.zol-img.com.cn/zt/tm_550/92fcdbd219/prev1.png) no-repeat; left:10px;}
article .next{background:url(https://2.zol-img.com.cn/zt/tm_550/92fcdbd219/next1.png) no-repeat; right:10px;}
article .photo-tab1{height:268px;}
article .photo-tab1 .photo{height:268px;}
article .photo-tab1 .prev,article .photo-tab1 .next{top:90px;}

article .pics{margin-top:20px;}
article .pics ul{display:-webkit-box;display:flex; -webkit-justify-content:content; justify-content:content;}
article .pics li{-webkit-box-flex:1; flex:1;text-align:center;}
article .pics em{display:block}

#home header{height:123px;}
#home .logo,#footer .logo{right:0; left:auto; padding:5% 3% 0 0;}
#home h3,#home h4{float:none; text-align:left; padding-left:4%; padding-right:0;}
#home h3,#footer h3{font-size:30px; line-height:40px;}
#home h4,#footer h4{font-size:36px; line-height:56px;}
article .date{font-size:24px; color:#d3d3d3; line-height:52px; margin-bottom:6px;}
.advantage { margin:8px -10px 0; overflow: hidden; height: 152px; }
.advantage table { width: auto; margin: 0 auto; border-spacing: 10px; text-align: left; float: none; }
.advantage:after { content: ""; display: table; clear: both; }
.advantage td{ width: 132px; height: 132px; text-align: center; padding: 3px 10px; line-height: 30px; text-align: center; font-size: 24px; background: #1bb7df; -webkit-border-radius: 132px; border-radius: 132px; color:#fff;}
.advantage a{color:#fff}

#footer header{height:210px;}
#footer h3,#footer h4{width:100%; padding-right:0; text-align:center;}
#footer h3{padding-top:19%;}
#footer h4:after{display:none;}
#footer h2{text-align:center}
#footer .price{width:400px; margin:20px auto 0;}
#footer .price-num{float:left; font-size:48px; color:#fda400}
#footer .price-num em{font-size:32px;}
#footer .price-btn{float:right; width:200px; height:60px; line-height:60px; font-size:24px; background:#fda400; border-radius:5px; text-align:center; color:#fff}
#footer .price-btn a,#footer .price-btn a:visited{color:#fff}



.copyright{position: absolute;bottom: 4%; left: 0;width: 100%;padding:12px 0; font-size: 18px; text-align: center; color:#dcdcdc}

.float-left, .float-right, .float-up, .float-down{ -webkit-transition: .3s; transition: .3s; opacity: 0; }
.float-left { -webkit-transform: translate(50px,0); transform: translate(50px,0); }
.float-right { -webkit-transform: translate(-50px,0); transform: translate(-50px,0); }
.float-up { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); }
.float-down { -webkit-transform: translate(0, -50px); transform: translate(0, -50px); }
.float-scale{-webkit-transform:scale(0.6);transform:scale(0.6); -webkit-transition: .3s .2s; transition: .3s .2s; opacity: 0;}
.current .float-left, .current .float-right, .current .float-up, .current .float-down { opacity: 1; -webkit-transform: none; transform: none; }
.current .float-scale{-webkit-transform:scale(1);transform:scale(1);opacity: 1;}

#swipe-tips { display: block; position: fixed; z-index: 2; width: 23px; height: 12px; left: 50%; margin: 0 0 0 -12px; background: no-repeat 0 0; -webkit-background-size: 100% 100%; background-size: 100% 100%; -webkit-animation: swipe-tips-ani infinite .5s; animation: swipe-tips-ani infinite .5s; }
#swipe-tips.down { bottom: 2%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAWBAMAAAC4QDh0AAAAA3NCSVQICAjb4U/gAAAAMFBMVEX////c3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3NxurGwfAAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAC8SURBVBiVXY/NCcJAEIUnGkT0krsebEDIXRArkFQQW7ADW7ADW9AKxAokNiCo91xERGI+N5v9w3fZN292Zt4TmSUSYJSKxOUpUKLzQySnCj9RZ7KDvZeOsJUhfJwyUEUikW4YqJGDesbwNkofquZ+dIV1K22g0GQKL0168J1o1i1h0ZAc7mbFHJ7SmKZOjRSjuem0WMFNOnbe73VX3PWL92I94h27JEEumzdI36K0WTyUj+xPigObFktn8wcQ4G2PwMjuQAAAAABJRU5ErkJggg==); -webkit-background-size: 18px 11px; background-size: 18px 11px; }
#swipe-tips.up { bottom: 2%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAWBAMAAAC4QDh0AAAAA3NCSVQICAjb4U/gAAAAMFBMVEX////c3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3NxurGwfAAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAC8SURBVBiVXZDBCcJAEEUnuoh4yl0PuYuQuyBWIFYQW7CDtGAHlqBWIFYg2oCg3nMREYl57q4xu8kcltm3OzP/j0gZs6k0QvFoogXMGyiDU530gHcdrTVi5ZMuFPDyUQrnCywd6cAnGsHToQRu0tZDK7kqo4hFJji5Za6wLyZa/wrt4PpDVV87xSSBm56WrgZOo1ach/rT3nOife2sYefXXELZwNaJtiUJuWe2bzapsoOHguNdn+PI38kwli/nT22+BNp1/wAAAABJRU5ErkJggg==); -webkit-background-size: 18px 11px; background-size: 18px 11px; }

@-webkit-keyframes swipe-tips-ani {
	0% { -webkit-transform: translate(0,0); }
	50% { -webkit-transform: translate(0,-2px); }
}

@keyframes swipe-tips-ani {
	0% { transform: translate(0,0); }
	50% { transform: translate(0,-2px); }
}

.loading { display: block; position: absolute; z-index: 1; opacity: 0; pointer-events: none; width: 80px; height: 70px; left: 50%; top: 50%; margin: -35px 0 0 -40px; -webkit-border-radius: 4px; border-radius: 4px; background: rgba(0,0,0,.7) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAVFBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////+UMeA9AAAAG3RSTlMAAgQQIDA9QEpMUGBwfICQlKCssMDE0Nzg8PQ1V+FjAAABn0lEQVR4Xq3W227DIBAE0HWA0rrYNIFSHP7/P3sxLsrOkiKlI0V5yYnG1nIhKWYNudTk4AwNRftcWLLXfzIbi5ho7zLdGFKN4Gm5pJ9cy51cU81b6/f9WWMZy/bS4PHtwvY3nC2De4w757vuTBy26Nc+zopBHjX7JEFLCBHjG/MEUI7jRW/gS9cZKHoD37swYVGi5XC29NwqFCVKR9fYg5YVNbVG3J0uHajYJKy//fd59z3ob12iA9ZnzQjlog3m+sZFqDYsWuH+J64DAxZt0NUfCG4WijYY9kcsg0UbzERURMiGO/JxIpoQ4mxvmsOJThLUrKgjDk8A5aKDcIWiY9AULIpwQpigKMKJCKDHoghhAHC2ZxJghpGDRRhIggGGHIoqETpYVjMUFaHhC1ltUFSCGbaOAEVF6PlmhUVlqNn2yGfbkwwj35Aj7L8ytOwIcHBQyFnYoTNYFI+5BEXH4ApFx6ApPHG1A1AlgIgRstkGrLrQlvtJflYSZIuwjzk8VzCGG3xORz765iPVXJYHLroPXK0fvsxjptNXJvr3fAJQqYYOskEC/AAAAABJRU5ErkJggg==) no-repeat 50% 50%;-webkit-background-size:28px 28px;background-size:28px 28px; -webkit-transition: opacity .3s; transition: opacity .3s; }

.loading-ring { display: block; position: absolute; width: 48px; height: 48px; left: 50%; top: 50%; margin: -24px 0 0 -24px; -webkit-animation: loaing-animation linear 1s infinite; animation: loaing-animation linear 1s infinite; background: url(data:image/png;base64,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) no-repeat 0 0; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.loading-visible { opacity: 1; }

@-webkit-keyframes loaing-animation {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes loaing-animation {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}