@charset "UTF-8";

html {-webkit-text-size-adjust:none;}
body,body * {box-sizing:border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,  section{display:block;}

img {max-width:100%;height:auto;width:auto\9;}
.video embed,.video object,.video iframe {width:100%;height:auto;}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;outline:0;font-size:100%;background:transparent}
fieldset,img,input,button{border:0;}
:focus {outline: 0;}
address, caption, cite, code, dfn, em, th, var, optgroup {font-style: normal;font-weight: normal;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
abbr, acronym {border: 0;font-variant: normal;}
input, button, textarea, select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
code, kbd, samp, tt {font-size: 100%;}

input, button, textarea, select {*font-size: 100%;}
ol, ul {list-style: none;}

table{border-collapse: collapse;border-spacing: 0;}
caption,th {text-align: left;}
sup,sub{font-size: 100%;vertical-align: baseline;}

:link, :visited, ins {text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}

.cl{*zoom:1;}
.cl:before,.cl:after{display:table;content:" ";}
.cl:after{clear:both;}

@font-face {
    font-family:'PlayfairDisplay-Black';
    src: url('fonts/PlayfairDisplay-Black.eot');
    src: url('fonts/PlayfairDisplay-Black.eot?#iefix') format('embedded-opentype'),
         url('fonts/PlayfairDisplay-Black.woff2') format('woff2'),
         url('fonts/PlayfairDisplay-Black.woff') format('woff'),
         url('fonts/PlayfairDisplay-Black.ttf') format('truetype'),
         url('fonts/PlayfairDisplay-Black.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{color:#666;font-size:12px;font-family:'Microsoft YaHei',Arial, Helvetica, sans-serif;}
body {overflow-x:hidden;max-width:1920px;}

a{color:#444;}
a:hover{text-decoration:none;color:#2285CA;}

.full-opacity{opacity:0 !important;}
.uppercase{text-transform:uppercase;}
.hide{display:none;}
.wp{max-width:1280px;margin:0 auto;box-sizing:border-box;}
.wp2{margin:0 auto;width:1200px;box-sizing:border-box;}
.pr{position:relative;}
.fr{float:right;}.fl{float:left;}

.gray{-webkit-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%);filter:gray;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;cursor:pointer;}
.graybg{background:#F7F7F7;}

.light-blue-bg{background-color:rgba(244,248,251,.6);}


body.home{background:#fff;}

/*---mo-header---*/
#top{background:#171A1E;height:42px;line-height:42px;}

#top span{float:left;font-size:14px;color:#fff;height:42px;line-height:42px;margin:0 20px 0 0;padding:0 0 0 15px;border-left:1px solid #393B3F;}
#top span a{color:#fff;padding:0 0 0 31px;display:block;font-family:Georgia;}
#top span a:hover{color:#FE7F0E;}
#top span.tel{padding:0;border-left:none;}
#top span.tel a{background:url("../images/tel.png") no-repeat left center;}
#top span.mail a{background:url("../images/email.png") no-repeat left center;}
#top span.fax em{display:block;background:url("../images/fax.png") no-repeat left center;padding:0 0 0 31px;}

#top span.mo-header-menu{width:50px;height:50px;display:none;line-height:50px;font-size:24px;padding:0;color:#fff;}
#top span.mo-header-menu i{font-size:24px;line-height:50px;}
#top span.mo-header-menu a{color:#fff;}

#top p{float:right;background:#0D0E11;width:172px;line-height:42px;font-size:12px;text-align:center;font-weight:bold;}
#top p a{color:#ECAD01;}

#top .header-lang{display:none;}

.mo-search{padding:10px 15px;display:none;border-bottom:1px solid #222;position:absolute;left:0;top:51px;width:100%;background:#333;box-sizing:border-box;}
.mo-search .form-control {float:left;display:block;box-sizing: border-box;width:85%;height:34px;padding: 6px 12px;font-size: 14px;line-height:1;color: #555;background-color: #fff;background-image: none;border:none;border-radius:4px 0 0 4px;}
.mo-search .submit_btn{float:left;width:15%;height:34px;line-height:34px;background:#1F60A4;border:none;font-size:18px;color:#fff;border-radius:0 4px 4px 0;}

.mo-leftmenu{background:#F5F5F5;position:fixed;top:0;left:0;bottom:0;overflow-x:hidden;box-sizing:content-box;width:70%;-webkit-overflow-scrolling:touch;z-index:100!important;-webkit-transition:all .4s cubic-bezier(0.7,0,0.2,1);-ms-transition:all .4s cubic-bezier(0.7,0,0.2,1);transition:all .4s cubic-bezier(0.7,0,0.2,1);-webkit-box-shadow:0 0 40px rgba(82,85,90,0.1);box-shadow:0 0 40px rgba(82,85,90,0.1);-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
.mo-leftmenu .tit{height:50px;line-height:50px;background:#353535;}
.mo-leftmenu .tit h6{float:left;color:#fff;padding:0 0 0 20px;font-size:20px;font-weight:bold;font-family: "Times New Roman";}
.mo-leftmenu .tit span{float:right;cursor:pointer;width:50px;text-align:center;}
.mo-leftmenu .tit span i{color:#fff;font-size:16px;}
.mo-leftmenu > ul{}
.mo-leftmenu > ul > li{line-height:50px;font-size:15px;border-top:2px solid #e5e5e5;position:relative;}
.mo-leftmenu > ul > li > a{padding:0 0 0 20px;}
.mo-leftmenu > ul > li > i {position:absolute;color:#333;font-size:12px;top:5px;right:0;z-index:1;width:50px;line-height:40px;text-align:center;cursor:pointer;}
.mo-leftmenu > ul > li.active{}
.mo-leftmenu ul li a{color:#333;display: block;}
.mo-leftmenu ul li a:hover{text-decoration: none;}
.mo-leftmenu ul li ul{display:none;padding-bottom:10px;}
.mo-leftmenu ul li ul li{line-height:35px;}
.mo-leftmenu ul li ul li a{background:url("../images/d.png") no-repeat 25px center;padding:0 0 0 40px;}

.menu-transitioning{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}


/*---header---*/

.header {position:absolute;top:0;left:0;z-index:100;width:100%;height:150px;opacity:1;-webkit-transition:all .4s ease 0s;-ms-transition:all .4s ease 0s;transition:all .4s ease 0s;}
.header-wp{max-width:1280px;margin:0 auto;display:block;position:relative;z-index:10;box-sizing:border-box;overflow:hidden;}
.header .logo {float:left;margin:60px 0 0 0;}
.header .logo img{height:62px;}

.header span.mo-header-menu,.header span.mo-tel{display:none;width:50px;height:50px;text-align:center;}
.header span.mo-header-menu i,.header span.mo-tel i{font-size:24px;line-height:50px;color:#fff;}


.header .navdiv{float:right;margin:27px 0 0 0;}
.header .option {line-height:26px;height:26px;}
.header .option .tel a{color:#FFF}
.header .option span{float:right;display:block;font-size:12px;color:#fff;position:relative;}
.header .option span::after{content:"";display:block;position:absolute;right:-20px;width:1px;height:10px;background-color: #fff;opacity:.2;top: 50%;margin-top:-4px;}
.header .option span:first-child::after{display:none;}
.header .option span.tel{color:#fff;font-size:12px;background:url("../images/tel.png") no-repeat left center;padding:0 0 0 20px;}
.header .option span.tel em{padding:4px 14px;background-color:rgba(255,255,255,.15);margin-left:10px;}
.header .option span.email{margin-right:40px;background:url("../images/i2.png") no-repeat left center;padding:0 0 0 20px;}
.header .option span.fw{margin-right:40px;background:url("../images/i1.png") no-repeat left center;padding:0 0 0 30px;}

.header .navdiv .nav{float:right;border-bottom:1px solid rgba(255,255,255,0.2);}
.header .navdiv .nav ul{}
.header .navdiv .nav ul > li{float:left;padding:28px 25px;position:relative;}
.header .navdiv .nav ul > li::after {content:'';position:absolute;bottom:-1px;left:0px;width:0;height:2px;background-color:#96DAF0;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;opacity:0;}
.header .navdiv .nav ul > li >a {display:block;font-size:16px;color:#fff;}
.header .navdiv .nav ul > li >a span{display:block;font-size:12px;}
.header .navdiv .nav ul > li >a {transition:none ease-out .3s;transition-property:none;transition-duration:0.3s;transition-timing-function:ease-out;transition-delay:0s;transition-property:color,background,text-indent,opacity;}

.header .navdiv .nav ul > li:hover::after {width:100%;opacity:1;}
.header .navdiv .nav ul > li.active::after {width:100%;opacity:1;}
.header .navdiv .nav ul > li.active >a {}
.header .navdiv .nav ul > li:last-child >a {padding-right:0;padding-left:0;}
.header.act {height:0px;opacity:0;}


.header .navdiv .nav ul > li > .header-sub{display:none;}

.header .navdiv .nav .search{float:right;line-height:26px;cursor:pointer;}
.header .navdiv .nav .search i{color:#fff;font-size:16px;}



#banner{position:relative;background:transparent;width:100%;height:90vh;}
#banner .swiper-slide{height:90vh;position:relative;}
#banner .swiper-slide::after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(36,42,58,0.3) url(../images/bg-mask.png);z-index:10;opacity:1;transition:1s linear 2s;}

#banner .swiper-slide img{position:absolute;width:100%;height:100%;-webkit-transform:scale(1.1);transform:scale(1.1);transition:1s linear 2s;}
#banner .swiper-slide-active img, #banner.swiper-slide-duplicate-active img{transition:4s linear;transform:scale(1,1);}	

#banner .videocon{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;}
#banner .videocon2{top:-70px;}
#banner .videocon video{display:block;width:100%;}

#banner .swiper-slide .txt{position:absolute;width:100%;z-index:20;top:50%;-webkit-transform: translateY(-50%) translateZ(0);transform: translateY(-50%) translateZ(0);text-align:center;}
#banner .swiper-slide .txt p{font-size:18px;line-height:28px;color:#96DAF0;letter-spacing:2px;}
#banner .swiper-slide .txt h4{font-size:42px;display:block;color:#fff;margin:15px 0 0;letter-spacing:1px;}
#banner .swiper-slide .txt a{height:48px;line-height:48px;display:inline-block;border:1px solid #fff;padding:0 40px;color:#fff;margin-top:50px;}
#banner .swiper-slide .txt a:hover{background:#96DAF0;}

#banner .swiper-container-horizontal > .swiper-pagination-progress {width:100px;height:2px;left:50%;margin-left:-50px;top:auto;bottom:100px;background-color: rgba(255,255,255,.5);}
#banner .swiper-pagination-progress .swiper-pagination-progressbar {background:#96DAF0;left:0;top:0;width:100%;height:100%;}


#banner .swiper-button-prev,#banner .swiper-button-next{background-image:none;width:90px;height:60px;position:absolute;top:50%;margin-top:-30px;cursor:pointer;}

#banner .swiper-button:after {content:"";display:block;position:absolute;width:30px;height:1px;top:50%;margin-top:-1px;background-color:#fff;-webkit-transition:-webkit-transform .6s cubic-bezier(.77,0,.175,1);transition:-webkit-transform .6s cubic-bezier(.77,0,.175,1);transition:transform .6s cubic-bezier(.77,0,.175,1);transition:transform .6s cubic-bezier(.77,0,.175,1),-webkit-transform .6s cubic-bezier(.77,0,.175,1)}
#banner .swiper-button:before {content:"";display:block;position:absolute;width:30px;height:1px;top:50%;margin-top:-1px;background-color:#fff;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .6s cubic-bezier(.165,.84,.44,1);transition:-webkit-transform .6s cubic-bezier(.165,.84,.44,1);transition:transform .6s cubic-bezier(.165,.84,.44,1);transition:transform .6s cubic-bezier(.165,.84,.44,1),-webkit-transform .6s cubic-bezier(.165,.84,.44,1)}

#banner .swiper-button-prev{left:0}
#banner .swiper-button-prev:after {left:40px;-webkit-transform-origin:0 50%;transform-origin:0 50%}
#banner .swiper-button-prev:before {left:40px;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}

#banner .swiper-button-next {right:0}
#banner .swiper-button-next:after {right:40px;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}
#banner .swiper-button-next:before {right:40px;-webkit-transform-origin:0 50%;transform-origin:0 50%}

#banner .swiper-button span{position:absolute;width:6px;height:6px;top:27px;margin-top:0;}
#banner .swiper-button span:before {content:"";display:block;width:6px;height:6px;background-color:#fff;border-radius:100%;position:absolute;top:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:0;-webkit-transition:opacity .6s cubic-bezier(.77,0,.175,1),-webkit-transform .6s cubic-bezier(.77,0,.175,1);transition:opacity .6s cubic-bezier(.77,0,.175,1),-webkit-transform .6s cubic-bezier(.77,0,.175,1);transition:transform .6s cubic-bezier(.77,0,.175,1),opacity .6s cubic-bezier(.77,0,.175,1);transition:transform .6s cubic-bezier(.77,0,.175,1),opacity .6s cubic-bezier(.77,0,.175,1),-webkit-transform .6s cubic-bezier(.77,0,.175,1)}
#banner .swiper-button span:after {content:"";display:block;width:6px;height:6px;background-color:#fff;border-radius:100%;position:absolute;top:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity .6s cubic-bezier(.165,.84,.44,1),-webkit-transform .6s cubic-bezier(.165,.84,.44,1);transition:opacity .6s cubic-bezier(.165,.84,.44,1),-webkit-transform .6s cubic-bezier(.165,.84,.44,1);transition:transform .6s cubic-bezier(.165,.84,.44,1),opacity .6s cubic-bezier(.165,.84,.44,1);transition:transform .6s cubic-bezier(.165,.84,.44,1),opacity .6s cubic-bezier(.165,.84,.44,1),-webkit-transform .6s cubic-bezier(.165,.84,.44,1)}

#banner .swiper-button-prev span{left:20px}
#banner .swiper-button-next span{right:20px}

#banner .swiper-button:hover:after {-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition:-webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition:transform .8s cubic-bezier(.165,.84,.44,1);transition:transform .8s cubic-bezier(.165,.84,.44,1),-webkit-transform .8s cubic-bezier(.165,.84,.44,1)}
#banner .swiper-button:hover:before {-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition:-webkit-transform .8s cubic-bezier(.77,0,.175,1);transition:-webkit-transform .8s cubic-bezier(.77,0,.175,1);transition:transform .8s cubic-bezier(.77,0,.175,1);transition:transform .8s cubic-bezier(.77,0,.175,1),-webkit-transform .8s cubic-bezier(.77,0,.175,1)}
#banner .swiper-button:hover span:before {-webkit-transform:scale(2.3);transform:scale(2.3);opacity:0;-webkit-transition:opacity .8s cubic-bezier(.165,.84,.44,1),-webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition:opacity .8s cubic-bezier(.165,.84,.44,1),-webkit-transform .8s cubic-bezier(.165,.84,.44,1);transition:transform .8s cubic-bezier(.165,.84,.44,1),opacity .8s cubic-bezier(.165,.84,.44,1);transition:transform .8s cubic-bezier(.165,.84,.44,1),opacity .8s cubic-bezier(.165,.84,.44,1),-webkit-transform .8s cubic-bezier(.165,.84,.44,1)}
#banner .swiper-button:hover span:after {-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:opacity .8s cubic-bezier(.77,0,.175,1),-webkit-transform .8s cubic-bezier(.77,0,.175,1);transition:opacity .8s cubic-bezier(.77,0,.175,1),-webkit-transform .8s cubic-bezier(.77,0,.175,1);transition:transform .8s cubic-bezier(.77,0,.175,1),opacity .8s cubic-bezier(.77,0,.175,1);transition:transform .8s cubic-bezier(.77,0,.175,1),opacity .8s cubic-bezier(.77,0,.175,1),-webkit-transform .8s cubic-bezier(.77,0,.175,1)}


#videobanner{position:relative;background:transparent;width:100%;overflow:hidden;}
#videobanner::after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height: 100%;background:rgba(36,42,58,0.3) url(../images/bg-mask.png);z-index:10;opacity:.7;transition:1s linear 2s;}
#videobanner .videocon{width:100%;height:100%;}
#videobanner .videocon video{display:block;width:100%;}

/*---footer---*/

#footer{background:#fff;box-sizing:border-box;padding-top:60px;margin-top:40px;padding-bottom:30px;border-top:1px solid #EAEAEA;border-bottom:1px solid #EAEAEA;}
.foot-right{float:right;width:210px;}
.foot-right .logo{border-bottom:3px solid #C8E0F1;box-sizing:border-box;padding:0 0 20px;}
.foot-right .logo img{margin:0 0 20px -6px;}
.foot-right .logo p{font-size:16px;line-height:22px;color:#666;}
.foot-right .txt{box-sizing:border-box;border-bottom:1px solid #D5E4F0;padding:20px 0;}
.foot-right .txt h5{font-size:18px;color:#242a3a;}
.foot-right .txt p{font-size:15px;color:#666;line-height:28px;padding:0 0 0 30px;margin:15px 0 0;}
.foot-right .txt p em{display:block;font-size:15px;}
.foot-right .txt p.p1{background:url(../images/foot-i1.png) no-repeat left 4px;}
.foot-right .txt p.p2{background:url(../images/foot-i2.png) no-repeat;}
.foot-right .txt p.p3{background:url(../images/foot-i3.png) no-repeat;}
.foot-right .wx{padding:20px 0 0;text-align:center;}
.foot-right .wx p{font-size:16px;color:#333;margin:15px 0 0;}

.foot-left{width:840px;}

.foot-left .foot-nav{border-bottom:1px solid rgba(255,255,255,0.2);}
.foot-left .foot-nav ul{overflow:hidden;}
.foot-left .foot-nav ul > li{float:left;margin-right:30px;position:relative;}
.foot-left .foot-nav ul > li::after {content:'';position:absolute;bottom:-1px;left:0px;width:0;height:2px;background-color:#f00;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;opacity:0;}
.foot-left .foot-nav ul > li >a {display:block;font-size:16px;color:#242A3A;}
.foot-left .foot-nav ul > li >a span{display:block;font-size:12px;}
.foot-left .foot-nav ul > li >a:hover{color:#96DAF0;transition:none ease-out .3s;transition-property:none;transition-duration:0.3s;transition-timing-function:ease-out;transition-delay:0s;transition-property:color,background,text-indent,opacity;}


.foot-left .friendlink a{font-size:16px;color:#242A3A;}
.foot-left .friendlink{font-size:16px;color:#242A3A;line-height: 30px;margin:20px 0 0 0;}

.foot-left .foot-add ul{margin:30px 0 0;overflow:hidden;}
.foot-left .foot-add ul li{float:left;width:33.333333%;height:150px;font-size:14px;padding:25px 20px 0 30px;box-sizing:border-box;border-bottom:1px solid #EAEAEA;}
.foot-left .foot-add ul li:nth-last-child(1),.foot-left .foot-add ul li:nth-last-child(2),.foot-left .foot-add ul li:nth-last-child(3){border-bottom:none;}
.foot-left .foot-add ul li h5{font-size:16px;line-height:1;color:#333;position:relative;margin:0 0 10px 0;}
.foot-left .foot-add ul li h5::before{font-family:"qico";content:"\e627";font-size:18px;color:#333;position:absolute;left:-30px;top:2px;}
.foot-left .foot-add ul li a{color:#fff;}
.foot-left .foot-add ul li a:hover{color:#FF7F0E;text-decoration:underline;}
.foot-left .foot-add ul li p{line-height:23px;color:#666;font-size:14px;}


.foot-form{padding:64px 0;}
.foot-form p{float:left;font-size:18px;color:#93d1e5;}
.foot-form p span{color:#242a3a;font-size:48px;line-height:1;display:block;margin:6px 0 0 0;}

.foot-form .sendemail{float:right;width:720px;background:#EAEAEA;}
.foot-form .sendemail .post-text{float:left;width:560px;height:82px;color:#333;padding:15px 16px;box-sizing:border-box;position:relative;}
.foot-form .sendemail .post-text .form-control{border:none;width:100%;background:#fff;box-sizing:border-box;font-size:14px;height:50px;line-height:50px;padding:0 10px 0 60px;color:#666;}
.foot-form .sendemail .post-text::before{font-family:"qico";content:"\e74b";font-size:18px;color:#EAEAEA;position:absolute;left:16px;top:15px;text-align:center;width:50px;height:50px;line-height:50px;border-right:1px solid #EAEAEA;}
.foot-form .sendemail .post-btn{float:left;border:none;background:#242A3A;font-size:16px;color:#fff;width:160px;text-align:center;height:82px;display:block;cursor:pointer;margin:0;}


.copyright{position:relative;overflow:hidden;z-index:2;background-color:#091D35;padding:100px 0;}
.copyright::after{content:"";background:url(../images/footbg.png) no-repeat center top;display:inline-block;position:absolute;left:0;top:0;height:32px;width:100%;;z-index:10;}
.copyright::before {content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(9,29,53,0.85);z-index:1;}
.copyright #video-bg {position:absolute;top:0;bottom:0;width:100%;height:100%;overflow:hidden;}
.copyright #video-bg video {min-width:100%;min-height:100%;width:auto;height:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}

.copyright .wp2{position:relative;z-index:10;text-align:center;color:#fff;font-size:15px;}

@-webkit-keyframes footWave{0%{-webkit-transform:translateX(0);transform:translateX(0);}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}
@keyframes footWave{0%{-webkit-transform:translateX(0);transform:translateX(0);}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}

.side-bar{display:none;bottom:100px;position:fixed;right:0;margin-left:496px;z-index:99}
.side-bar a{display:block;cursor:pointer;width:100px;height:100px;background:#2285CA;margin:0 0 1px;position:relative;color:#676767;padding-top:25px;text-align:center;box-sizing:border-box;border-radius:3px;}
.side-bar a i{display:inline-block;width:32px;height:32px;background-position:center;background-repeat:no-repeat;}
.side-bar a i.s-tel{background-image:url(../images/side-bar-i1.png);}
.side-bar a i.s-online{background-image:url(../images/side-bar-i2.png);}
.side-bar a i.s-email{background-image:url(../images/side-bar-i3.png);}
.side-bar a i.s-wx{background-image:url(../images/side-bar-i4.png);}
.side-bar a i.s-top{background-image:url(../images/side-bar-i5.png);}

.side-bar a span {line-height:20px;font-size:15px;color:#fff;display:block;margin:10px 0 0;}

.side-bar a.wx .wx-box{width:175px;height:193px;position:absolute;right:110px;top:-60px;overflow:hidden;display:none;}
.side-bar a.wx .wx-box::after{content:"";width:0;height:0;font-size:0;line-height:0;position:absolute;bottom:80px;right:-10px;border-top:10px dashed transparent;border-right:10px dashed transparent;border-bottom:10px dashed transparent;border-left:10px solid #fff;}
.side-bar a.wx .wx-box .box{width:165px;padding:15px 0;text-align:center;background:#fff;position:absolute;left:0;top:0;overflow:hidden;}
.side-bar a.wx .wx-box .box img{width:135px;}
.side-bar a.wx .wx-box .box span{font-size:12px;color:#333;line-height:18px;letter-spacing:1px;}


#cartbox{position:fixed;bottom:100px;right:20px;height:52px;width:52px;box-sizing:border-box;background:#FF7F0E url("../images/cart.png") no-repeat center center;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;z-index:1000;border-radius:50%;}
#cartbox a.cartbnt{display:block;width:52px;height:52px;position:relative;}
#cartbox a.cartbnt em{position:absolute;top:-10px;right:-10px;width:30px;height:30px;background:#fff;border:1px solid #FF7F0E;text-align:center;line-height:30px;font-size:14px;color:#FF7F0E;border-radius:50%;font-family:Arial;}

#cartbox .cartlist{display:none;position:absolute;bottom:90px;right:0;width:248px;}
#cartbox .cartlist .tit{height:41px;line-height:41px;background:#FF7F0E;color:#fff;font-size:16px;cursor:pointer;}
#cartbox .cartlist .tit i{font-size:11px;color:#fff;margin:0 30px 0 23px;}
#cartbox .cartlist .box{border:1px solid #D9D9D9;border-top:none;padding:0 12px 12px;background:#fff;}
#cartbox .cartlist .box ul{}
#cartbox .cartlist .box ul li{border-bottom:1px dashed #D9D9D9;padding:12px 0;}
#cartbox .cartlist .box ul li img{float:left;width:60px;}
#cartbox .cartlist .box ul li .t{margin:0 0 0 69px;}
#cartbox .cartlist .box ul li .t p{font-size:14px;color:#333;}
#cartbox .cartlist .box ul li .t a.del{font-size:14px;color:#999;}
#cartbox .cartlist .box ul li .t a.del:hover{color:#0160AB;}

#cartbox .cartlist .bot{padding:20px 0 0;}
#cartbox .cartlist .bot span{float:left;width:70px;height:26px;line-height:24px;text-align:center;font-size:14px;color:#666;background:#F5F5F5;cursor:pointer;}
#cartbox .cartlist .bot a{float:right;width:70px;height:26px;line-height:24px;text-align:center;font-size:14px;color:#fff;background:#FF7F0E;}


/* footerbar */
#footBar {position:fixed;bottom:0;left:0;width:100%;height:45px;display:none;z-index:999;background:#1F9A92;border-top:1px solid rgba(255, 255, 255, 0.8);transition:all 0.6s ease 0s;-webkit-transition:all 0.6s ease 0s;}
#footBar li {width:25%;height:45px;float:left;text-align:center;border-left:1px solid rgba(255, 255, 255, 0.2);cursor:pointer;padding:6px 0 0 0;box-sizing: border-box;}
#footBar li:first-child {border-left:none;}
#footBar li a{display:block;height:45px;line-height:1;text-transform:uppercase;}
#footBar li i{color:#fff;font-size:20px;}
#footBar li span{display:block;color:#fff;font-size:12px;margin-top:3px;}