@charset "utf-8";
/* 初始化-------------------------------------------- */
body {font-family:"微软雅黑", Microsoft Yahei, \5FAE\8F6F\96C5\9ED1, \5b8b\4f53, Arial, Lucida, Verdana, Helvetica, sans-serif;color: #555;background-color:#F1F1F1;min-width: 320px;}
body, button, input, textarea {font-size: 12px;line-height: 1.531;outline: none;margin: 0;padding: 0;border: 0;}
p, ul, ol, dl, dt, dd, form, blockquote {margin: 0;padding: 0;}
a {text-decoration: none;color: #333333;}
a:hover {text-decoration: underline;}
ul, ol {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 12px;margin: 0;padding: 0;}
input, select {vertical-align: middle;}
em, b, i {font-style: normal;font-weight: normal;}
img {vertical-align: middle;border: 0;}
label {cursor: pointer;}

/* 主体框架--------------------------------------------- */

#wrapper {width: 100%;min-width: 320px;margin: 0 auto;max-width: 640px;background-color: #F5F5F5;overflow: hidden;}

/* 通知页a链接---------------------------------------------*/

.wrap a{background: #0084ff;padding: 3px;color: #fff;margin-left:5px;}

/*默认导航
#header {zoom: 1;overflow: hidden;background-color: #fff;height:75px;margin-bottom: 1px;color: #FFF;text-align: center;font-size: 16px;border-bottom:1px solid #0089d1;}
#header a {color: #FFF;}
#header em {line-height: 45px;}
#header .logo {float: left;text-align:left;}
#header a {display:inline-block;width: 45px;height: 45px; margin-top: 15px;}
#header a {display:inline-block;width: 45px;height: 45px; margin-top: 15px;}
#header a.home {float: right;background: url(images/icon_head.png) no-repeat left top;}
#header a.siteMap {float: right;background: url(images/icon_head.png) no-repeat -45px top; margin-top: 15px;}
#header a.order {float: right;background: url(images/icon_head.png) no-repeat -90px top;}
#header .topSearch {float: left;width: 50%;margin: 8px 0 0 8px;}
#header .topSearch .searchBox {border: 1px solid #FFF;text-align: left;}
#header .ttext{float: left;padding:12px 5px;;text-align:left;font-size:14px;}*/

/* -- 未浮动置顶header
#header {zoom: 1;overflow: hidden;background-color: #fff;height:80px;text-align: center;font-size: 16px;border-top:3px solid #cc0000;}
#header a {color: #FFF;}
#header em {padding:15px 0 5px 8px;display: inline-block;}
#header .logo {float: left;text-align:left;}
#header .logo img{width: 100%; max-width: 160px;}
#header a {}
#header a.home {float: right;background: url(images/icon_head.png) no-repeat left top;}
#header a.siteMap {float: right;background: url(images/icon_head.png) no-repeat -45px top; margin-top: 15px;}
#header a.order {float: right;background: url(images/icon_head.png) no-repeat -90px top;}
#header .topSearch {float: left;width: 50%;margin: 8px 0 0 8px;}
#header .topSearch .searchBox {border: 1px solid #FFF;text-align: left;}
#header .ttext{float: left;padding:12px 5px;;text-align:left;font-size:14px;}
#swap{width: 100%;}
#swap nav{height:80px;line-height:80px;background: #fff;}
#swap nav .nav_content{display: none;position: absolute;top:80px;width:100%;max-width:640px;background: #323232;z-index:999;}
#swap nav .nav_content li{height:36px;line-height:36px!important;}
#swap nav .nav_btn{float: right;font-size: 20px;}
#swap nav .nav_btn .nav_btn_icon{cursor: pointer;margin-right: 10px;color: #323232;}
--*/
 
/* -- 浮动置顶header -- */
#header {zoom: 1;overflow: hidden;background-color: #fff;width: 100%;height:80px;/*margin-bottom: 1px;color: #FFF;*/text-align: center;font-size: 16px;border-top:3px solid #0089d1;position:fixed;z-index:9999;max-width: 640px;}
#header a {color: #FFF;}
#header em {line-height: 45px;padding:10px 0;display: inline-block;}
#header .logo {float: left;text-align:left;z-index: 9999;position: relative;}
#header .logo img{width: 100%;}
#header a {/*display:inline-block;width: 45px;height: 45px; margin-top: 15px;*/}
#header a.home {float: right;background: url(images/icon_head.png) no-repeat left top;}
#header a.siteMap {float: right;background: url(images/icon_head.png) no-repeat -45px top; margin-top: 15px;}
#header a.order {float: right;background: url(images/icon_head.png) no-repeat -90px top;}
#header .topSearch {float: left;width: 50%;margin: 8px 0 0 8px;}
#header .topSearch .searchBox {border: 1px solid #FFF;text-align: left;}
#header .ttext{float: left;padding:12px 5px;;text-align:left;font-size:14px;}
#swap{width: 100%;}
#swap nav{height:80px;line-height:80px;background: #fff;/*border-bottom: 1px #000 solid;*/position: fixed;width: 100%;max-width: 640px;}
#swap nav .nav_content{display: none;position: absolute;top:80px;width:100%;max-width:640px;background: #104e9f;z-index:999;}
#swap nav .nav_content li{height:36px;line-height:36px!important;}
#swap nav .nav_btn{float: right;font-size: 20px;}
#swap nav .nav_btn .nav_btn_icon{cursor: pointer;margin-right: 10px;color: #104e9f;}


/*内容*/
#swap #main{position: absolute;width: 100%;height: 500px;}
#swap #main img{width: 320px;height: 200px;vertical-align: middle;}
#swap #main .carousel .carousel_inner{position: relative;width: 320px;height: 280px;margin: 0px auto;border: 2px #eee solid;overflow: hidden;}
#swap #main .carousel .window{position: absolute;/*width: 1600px;*/height: 200px;}
#swap #main .carousel .window .inner{position: absolute;top: 0;}
#swap #main .carousel .window .carousel_control img{width: 90px;height: 50px;vertical-align: middle;margin-left: 12px;}
#swap #main .carousel .window .carousel_control{position: relative;top: 200px;height: 80px;line-height: 80px;background: #9D9D9D;}
#swap #main .carousel .window .carousel_control ul{position: absolute;height: 80px;line-height: 80px;background: #9D9D9D;}
#swap #main .carousel .window .carousel_control ul li .active{border: 2px #FFFFFF solid;}
#swap #main .carousel .window .carousel_control .left img,
#swap #main .carousel .window .carousel_control .right img{width: 20px;height: 40px;cursor: pointer;vertical-align: middle;}
#swap #main .carousel .window .carousel_control .left,
#swap #main .carousel .window .carousel_control .right{position: absolute;}
#swap #main .carousel .window .carousel_control .left{left: -12px;}
#swap #main .carousel .window .carousel_control .right{left: 285px;}
#swap #main li{float: left;}
/*底部*/
#swap footer{position: fixed;bottom: 0px;width: 100%;height: 100px;background: #222222;color: #FFFFFF;}
#swap footer .footer_swap{height: 100px;margin: 0px auto;text-align: center;}


/* -- mainNav -- */

#mainNav {font-size: 13px;background-color:#FFF;}
#mainNav ul {zoom: 1;overflow: hidden;}
#mainNav li {float: left;width: 25%;background:#104e9f;}
#mainNav li a {display: block;text-align: center;border-right: solid #EEEEEE 1px;border-bottom: solid #EEEEEE 1px;line-height: 55px;color:#fff;}
#mainNav li a.last {border-right: none;}

/* 首页样式
----------------------------------------------- */
/* -- 幻灯 -- */

.slideShow {position: relative;padding: 0;*zoom: 1;}
.slideShow .slideBox {background: #fff;/*fix other elements on the page moving (on Chrome)*/-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);}
.slideShow .slideBox .slides img {max-width: 100%;display: block;}

/* -- slideLoading -- */

.slideShow .slideLoading {min-height: 50px;background: url(images/slide_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}

/* -- previous 和 next 按钮 -- */

.slideShow .arrowBox a {z-index: 50;font-family: \5b8b\4f53, sans-serif;position: absolute;display: block;margin-bottom: -20px;width: 40px;height: 40px;bottom: 50%;line-height: 40px;text-decoration: none;text-align: center;color: #fff;font-size: 2em;background-color: #333;background-color: rgba(50,50,50,.3);}
.slideShow .arrowBox a.disabled {display: none;}
.slideShow .arrowBox .arrowPrev {left: 20px;}
.slideShow .arrowBox .arrowNext {right: 20px;}
.slideShow .arrowBox a:hover {background-color: rgba(50,50,50,.6);}

/* -- controlBox -- */

.slideShow .controlBox {z-index: 30;position: absolute;bottom: 3px;width: 100%;text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;}
.slideShow .controlBox .control {display: inline-block;*zoom: 1;*display: inline;}
.slideShow .controlBox.controlDefault a {background: url(images/inactive.png) no-repeat 50% 50%;text-indent: -9999px;width: 13px;height: 13px;clear: none;display: block;}
.slideShow .controlBox.controlDefault a:hover, .slideShow .controlBox.controlDefault a.active {background: url(images/active.png) no-repeat 50% 50%;}

/* -- indexSearch -- */

#indexSearch {background-color: #104e9f;height: 30px;padding:2px;margin: 1rem 0;}
#indexSearch .searchBox {border: 1px solid #DDDDDD;}

/* page--------------------------------------------- */

#page {padding-bottom: 30px;background-color:#FFF;}
#page h1 {border-bottom: 1px solid #EEEEEE;color: #333333;font-size: 14px;font-weight: bold;padding: 0 0 10px 10px;}
#page .content {color: #878787;line-height: 200%;padding: 10px;min-height:275px;}
#page .content img {max-width:100%;}
#page p{padding:10px;font-size:14px;}

/* productList--------------------------------------------- */

.productList {font-size: 13px;zoom: 1;overflow: hidden;background-color:#FFF;}
.productList dl {float: left;width: 50%;}
.productList dd {text-align: center;border-right: solid #EEEEEE 1px;border-top: solid #EEEEEE 1px; padding: 10px 0 10px 0;}
.productList dd.clearBorder {border-right: none;}
.productList dd .img {margin-bottom: 10px;}
.productList dd .img  img{width:100%;max-width:240px;height:160px;}
.productList dd .name {margin-bottom: 6px;}
.productList dd .price {color: #999999;}

/* product---------------------------------------------- */

#product {padding-bottom: 30px;background-color:#FFF;}
#product .img {border-bottom: 1px solid #EEEEEE;padding: 10px;text-align: center;}

#product .info {padding: 10px;line-height: 180%;}
#product .info h1 {font-size:18px;color: #333333;}
#product .info .defined {color: #999999;padding: 5px 0;}
#product .info .price {color: #888888;font-size: 14px;}
#product .info .btnBuy {margin-top: 20px;}
#product .info .btnBuy .addToCart {background:#19B4EA url(images/btn_addtocart.png) no-repeat 20px 50%;color: #FFFFFF;padding: 8px 25px 8px 50px;text-decoration:none;cursor: pointer;font-size:16px;-webkit-appearance: none;}
#product .info .tel {margin-top: 20px;zoom: 1;overflow: hidden;line-height: 35px;background-color: #104e9f;font-weight: bold;font-size: 14px;}
#product .info .tel dt {float: left;width: 82px;height: 35px;text-align: right;padding-right: 3px;background-color: #000;color: #fff;}
#product .info .tel dd {float: left;width: 150px;height: 35px;color: #FFF;padding-left: 10px;}
#product .info .tel dd a {color: #FFF;}
#product .content {padding:10px;min-height:275px;}
#product .content img {max-width:100%;}
#product .content h3 {height: 35px;line-height: 35px;color: #104e9f;font-weight: bold;font-size: 16px;border-bottom: 1px solid #EEE;}
#product .content ul {padding:10px 0;color: #888888;line-height: 200%;}



/* -- 产品多图切换 -- */
.slide_goods {width: 320px;margin: 0 auto;height: auto;overflow: hidden;}
.slide_goods .bigImg {float: left;width: 320px;height: 300px;overflow: hidden;}
.slide_goods .bigImg li {float: left;width: 320px;height: 300px;overflow: hidden;}
.slide_goods .bigImg li img {width: 316px;height: 296px;padding: 1px; border: 1px solid #e9e9e9;}
.slide_goods .smallScroll {float: left;width: 320px;margin-top: 10px;height: 103px;left: 0;bottom: 0;position: relative;}
.slide_goods .smallImg {float: left;width: 330px;height: auto;position: relative;}
.slide_goods .smallImg ul {float: left;width: 330px;height: auto;text-align: center;overflow: hidden;}
.slide_goods .smallImg ul li {width: 56px;height: 56px;display: inline;margin: 5px;}
.slide_goods .smallImg ul li img {width: 50px;height: 50px;cursor: pointer;padding: 2px;border: 1px solid #e8e8e8;}
.slide_goods .smallImg .on img {border: 1px solid #3084d5;}

/*首页tel*/


/* articleList---------------------------------------------- */

.articleList {background-color:#FFF;}
.articleList dl {border: 3px solid #f4f4f4;padding:10px;/*height:50px;*/}
.articleList dt {margin-bottom: 5px;font-size: 16px;font-weight:bold;text-align:left;}
.articleList dt img{border:1px #eee solid;box-shadow: 5px 5px 5px #f4f4f4, 5px -5px 5px #f4f4f4, -5px 5px 5px #f4f4f4, -5px -5px 5px #f4f4f4;width:100%;}
.articleList dd {color: #999999;text-align: left;font-size:14px;}
.articleList dd em {margin-right:8px;font-style:normal;font-size:12px;}
.articleList dd a{text-align:center;padding: 8px 30px;display: block;background: #104e9f;color: #fff;margin: 15px 0;}

/* article---------------------------------------------- */

#article {padding-bottom: 10px;background-color:#FFF;}
#article h1 {border-bottom: 1px solid #EEEEEE;color: #333333;font-size: 16px;font-weight: bold;padding: 0 0 10px 10px;}
#article .info {padding: 10px;color: #999999;font-size: 13px;}
#article .content {color: #878787;line-height: 200%;padding: 10px;min-height:275px;}
#article .content img {width:100%;max-width:640px;text-align:center;padding-bottom:30px;}

/* 站点地图
----------------------------------------------- */

#catalog {zoom: 1;overflow: hidden;}
#catalog li a {display: block;background:#FFF url(images/icon_arrow_right.png) no-repeat right center;border-bottom: 1px solid #EEE;line-height: 50px;height:50px;
padding-left: 10px;}

/* 提示信息
----------------------------------------------- */

#douMsg {text-align: center;padding:50px 0;background-color:#FFF;}
#douMsg dt {color: #0072C6;font-size: 16px;margin-bottom: 30px;font-weight: bold;}
#douMsg dd {color: #666;}
#douMsg dd .back {display:block;width:100px;line-height:30px;background-color:#19B4EA;color:#FFF;margin:30px auto;}

/* 全局样式
----------------------------------------------- */
/* -- common -- */

.clear {clear: both;height: 0;line-height: 0;font-size: 0;}
.none {display: none;}
#vcode {cursor: pointer;}
.cue {color: red;font-size:12px;}
.fixex {position: fixed;left: 0;bottom: 0;z-index: 10000;width: 100%;}

/* -- form -- */

.btn {display: inline-block;background-color: #104e9f;color: #EEE;padding: 8px 5px;text-transform: capitalize;cursor: pointer;font-weight: bold;text-align:center;font-size: 14px;-webkit-appearance: none;width:100%;}
.btnGray {display: inline-block;border: 1px solid #CCCCCC;color: #555555;padding: 6px 5px;cursor: pointer;font-weight: bold;text-align:center;font-size: 14px;-webkit-appearance: none;width:96%;}
.btnMini {display: inline-block;border: 1px solid #CCCCCC;color: #555555;padding: 4px 20px;cursor: pointer;font-weight: bold;text-align:center;-webkit-appearance: none;}
.btnRed {border: 1px solid #e4393c;color: red;}
.btnPayment {display: inline-block;background-color: red;color: #FFF;padding:4px 20px;text-transform: capitalize;cursor: pointer;font-weight: bold;text-align:center;font-size: 14px;-webkit-appearance: none;}


/* -- captcha -- */
.smsCaptchaBox{position: relative;height: 39px;}
.smsCaptchaBox .textInput{position: absolute;left: 0;top: 0;}
.smsCaptchaBox .btnCaptcha{position: absolute;right: 0;top: 0;}
.btnCaptcha{display: inline-block;background-color: #19B4EA;border: 0;color: #FFF;padding: 10px 22px;text-transform: capitalize;cursor: pointer;font-size: 13px;}
.btnCaptcha[disabled], .btnCaptcha:disabled, .btnCaptcha.disabled{color: #FFF;background-color: #b2b2b2;opacity: 1;}
.select{border: 1px solid #DDDDDD;}

/* -- color -- */
.cRed{color: #F40;}
.cOra{color: #f30;}
.cGre{color: #0c6;}
.cBlu{color: #69c;}
.cGra{color: #999;}

/* -- input -- */
.textInput {padding: 8px 5px;border: 1px solid #DDDDDD;font-size: 14px;-webkit-appearance: none;width:96%;}
.textArea {padding: 8px 5px;border: 1px solid #DDDDDD;font-size: 14px;-webkit-appearance: none;width: 96%;}
.textAreaAuto {border: 1px solid #DDDDDD;padding: 0;font-size: 12x;line-height: 20px;resize: none;min-height: 40px;-webkit-appearance: none;width: 96%;}

/*- inputFile -*/
.inputFile{width: 80px;}
.inputFile .inputFileShow{height: 80px; line-height: 80px; text-align: center; color: #555; background-color: #F5F5F5;}
.inputFile .inputFileShow img{width: 100%; height: 80px;}
.inputFile .inputFileBtn{width: 100%; background-color: #EEE; color: #999; line-height: 25px; cursor: pointer; text-align: center; -webkit-appearance: none;}

/* -- incBox -- */
.incBox {margin-bottom: 5px;background-color:#FFF;}
.incBox h3 {font-weight: bold;font-size: 14px;color: #104e9f;padding:10px;}
.incBox h3 .more {float: right;font-size: 12px;}
.incBox h3 a{display: block; padding: 2px 8px 2px 8px; font-weight: normal; border-radius: 10px; background: #333; color: #fff;}

/* -- searchBox -- */
.searchBox { position: relative;background-color: #FFF;height: 28px;padding-left: 10px;}
.searchBox .keyword {width: 90%;color: #999;height: 20px;line-height: 20px;margin: 4px 0;}
.searchBox .btnSearch {position: absolute;right: 0;border: 0;background: #E0E0E0 url(images/btn_search.gif) no-repeat;width: 28px;height: 28px;text-indent: -999px;cursor: pointer;}

/* -- tree -- */
.treeBox {zoom: 1;overflow: hidden;padding: 20px 5px;height:auto;min-height: 50px;background-color:#FFF;}
.treeBox a {display: block;float: left;margin: 4px;border:solid #104e9f 1px;padding: 3px 4px; border-radius:3px;}
.treeBox a.cur {background-color:#104e9f;color:#FFF;border:solid #104e9f 1px;}
.treeBox1 {zoom: 1;overflow: hidden;padding:10px 5px;height:55px;background-color:#FFF;}
.treeBox1 a {display: block;float: left;margin: 4px;border:solid #104e9f 1px;padding: 3px 4px; border-radius:3px;}
.treeBox1 a.cur {background-color:#104e9f;color:#FFF;border:solid #104e9f 1px;}

/* tableBasic */
.tableBasic {font-size: 13px;padding: 5px 10px;background-color:#FFF;}
.tableBasic dl {overflow: hidden;zoom: 1;padding:3px 0;height:20px;}
.tableBasic dl dt {float: left;width: 70px;}
.tableBasic dl dd {margin-left: 70px;}

/* formBasic */
.formBasic {font-size: 13px;padding: 15px 10px;background-color:#FFF;}
.formBasic dl {overflow: hidden;zoom: 1;margin-bottom: 15px;}
.formBasic dl dt {margin-bottom:3px;}
.formBasic dl dd label {margin-right:25px;line-height:38px;}
.formBasic dl .captcha {width: 100px;}
.formBasic dl .select {height: 38px;}

/* -- urHere -- */
.urHere {background-color: #EEE;color: #555;padding:10px 0px;height:24px;font-size:14px;}
.urHere a {color: #104e9f;}
.urHere b {margin: 0 8px;}

/* -- pager -- */
.pager {text-align: center; height: 56px; background-color: #FFF; margin-bottom: 3px; font-size: 14px; line-height: 56px; border: 3px solid #f1f1f1;}
.pager a, .pager span, .pager em {display:inline-block;color: #525252;padding:0 10px;line-height:28px;border:1px solid #d4d8e9;border-radius: 5px;margin:0 10px;}
.pager em {color:#aaaaaa;font-style:normal;border-radius:5px;border: 1px solid #d4d8e9;border-radius: 5px;margin:0 10px;}

/* -- pager class two -- */
.pager ul{display: inline-block; *display: inline; border-left: 1px solid #dddddd;}
.pager ul li{display: inline;}
.pager ul li a{float: left; padding: 0 14px; line-height: 38px; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; border-left-width: 0;}
.pager ul li a:hover{background-color: #f5f5f5;}
.pager ul .active a{background-color: #f5f5f5; color: #999999; cursor: default;}

/* -- lift -- */
.lift{color: #999; font-size: 14px;border: 1px solid #ddd;border-radius: 5px;padding: 5px 10px;width:98%;margin: 0 auto;margin-top: 35px;}
.lift a{color: #999;padding:5px 0;display: inline-block;}
.lift span{margin-right: 15px;}

/* -- screen -- */
.screen{padding: 5px 15px; background-color: #FFF; border-bottom: 1px solid #EEE;}
.screen dl{padding: 7px 0;}
.screen dl dt{display: inline-block; font-weight: bold;}
.screen dl dd{display: inline-block;}
.screen dl dd a{display: inline-block; background-color: #EEE; color: #777; padding: 1px 5px; margin-right: 5px;}
.screen dl dd a.cur{background-color: #CCC; color: #555;}

/* -- footer -- */
#footer {background-color: #FFF;}
#footer .goTop {display: block;margin: 0 auto 20px auto;width: 60px;height:20px;text-align: center;background: url(images/icon_gotop.png) no-repeat center 5px;padding-right: 0;border: 1px solid #999;color: #999;border-radius: 50px;}
.goTop {display: block;margin: 10px auto 10px auto;width: 60px;height:20px;text-align: center;background: url(images/icon_gotop.png) no-repeat center 5px;padding-right: 0;border: 1px solid #999;color: #999;border-radius: 50px;}
#footer ul {background-color: #104e9f;padding: 15px 0;text-align: center;color: #fff;}
#footer a {color: #fff;padding-right:5px;}
#footer li {padding: 5px 0;}
#footer .footNav a {margin: 0 5px;color: #fff;border:1px solid #fff;border-radius:5px;padding:3px;}
#footer .powered {font-size: 12px;}


/*底部导航菜单*/
.footers{background: #323232;padding:30px 0;}
.bellows{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;margin: 0 auto;width: 96%;}
.bellows__header{position: relative; padding: 15px 20px; border: 1px solid #f0f0f0; border-width: 0 0 1px; background: #323232; color: white; -webkit-tap-highlight-color: transparent;}
.bellows__header:active{background: #323232;}
.bellows__header::before, .bellows__header::after{content: ''; position: absolute; top: 50%; right: 20px; z-index: 2; display: block; width: 16px; height: 4px; margin-top: -2px; background: white; pointer-events: none; -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out;}
.bellows__header::before{content: ''; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}
.bellows__header::after{-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.bellows__item.bellows--is-open > .bellows__header::before, .bellows__item.bellows--is-opening > .bellows__header::before{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} .bellows__item.bellows--is-open > .bellows__header::after, .bellows__item.bellows--is-opening > .bellows__header::after{-webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}
.bellows__item:last-child > .bellows__header{border-bottom: 0;}
.bellows__header h1, .bellows__header h2, .bellows__header h3, .bellows__header h4{margin: 0;font-weight: 300;}
.bellows__content{padding: 8px 20px; border-bottom: 1px solid #ecf0f1;}
.bellows__content a{display:block;padding:8px 0;}
.bellows__content .bellows{margin-top: 20px;}
.bellows__item:not(.bellows--is-open) > .bellows__content{display: none;}
.bellows__item.bellows--is-open > .bellows__content-wrapper,
.bellows__item.bellows--is-closing > .bellows__content-wrapper{display: block;}
.bellows__content-wrapper{display: none;}
.finfo{margin: 0 auto;text-align: center;padding: 15px 0;}
.finfo h4{margin:0 auto;text-align:center;padding:5px 0;}
.finfo a{color: #ccc;}
.finfo span{color: #ccc;padding: 15px 0; line-height: 24px;}
.bellows__header h3{font-weight:300;font-size:16px;}
.bellows__content p a{font-size:14px;}


/*浮动按钮*/
.v_page_m{padding-left:8px;color:#104e9f;}

.float-menu{width: 50px;height: 50px;position: fixed;z-index: 99999;right:50px;bottom:80px;}
.float-menu div{-webkit-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-moz-transition:all 0.2s linear;transition:all 0.2s linear;}
.float-menu .plus{width: 100%;height: 100%;background: url(images/menu-icon.png) no-repeat center center;background-size: 100%;z-index: 2;position: absolute;left: 0;top: 0;}
.float-menu .plus .cross{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 3;content: "";background:url(images/menu-add.png) no-repeat center center;background-size: 37%;}
.float-menu .menu-list{opacity:0;width: 100%;height: 100%;z-index: 1;position: absolute;left: 0;top: 0;border-radius: 100%;}
.float-menu .menu-list a{width: 33%;height: 15%;display: block;position: absolute;text-align: center;padding-top: 18%;opacity: 0;font-size: 0;color: #fff;font-size: 12px;text-decoration: none;}
.float-menu .menu-list a.link-home{left: 50%;top: 0;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);background: url(images/icon_case.png) no-repeat center 5px;background-size: 50%;}
.float-menu .menu-list a.link-my{left: 0%;top: 50%;-webkit-transform:translate(0%,-50%);-moz-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);transform:translate(0%,-50%);background: url(images/icon_tel.png) no-repeat center top;background-size: 50%;}
.float-menu .menu-list a.link-cart{left: 50%;bottom: 0;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);background: url(images/icon_home.png) no-repeat center top;background-size: 50%;}
.float-menu .menu-list a.link-pro{right: 0%;top: 50%;-webkit-transform:translate(0%,-50%);-moz-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);transform:translate(0%,-50%);background: url(images/icon_pro.png) no-repeat center top;background-size: 50%;}
.float-menu.open .menu-list a{opacity: 1;font-size: 12px;}
.float-menu.open .cross{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);border-radius: 100%;}
.float-menu.open .menu-list{opacity: 1;width:300%;height: 300%;left: -100%;top: -100%;background-color: rgba(242,105,57,1);}
.float-menu #float-cart{background-color: #f97157;border-radius: 100%;display: block;position: absolute;right: 5px;top: 0;color: #fff;min-width: 18px;min-height: 18px;line-height: 18px;text-align: center;}

/*底部按钮*/
.footer{background:#e8e8e8; padding-bottom:40px; width:100%; max-width: 640px; margin:0 auto;}
.footer p{font-size:12px; color:#666; text-align:center; padding:8px 0px; line-height:20px;}
.footer_tele{position: fixed;bottom: 0px;width: 100%;left: 50%;max-width: 640px;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 10;}
.footer-nav{width: 100%;background-color: #FFF;font-size: 0;}
.blue-nav{height: 45px;display: inline-block;text-align: center;line-height: 45px;font-size: 15px;vertical-align: middle;width: 48%;color: #FFF;background: url(images/ico_bott1.png) no-repeat 8% center;background-color: #0e84e8;padding-left:2%;}
.orange-nav{height: 45px;display: inline-block;text-align: center;line-height: 45px;font-size: 15px;vertical-align: middle;width: 46%;color: #FFF;background: url(images/ico_bott2.png) no-repeat 8% center;background-color: #fd6c01;padding-left:4%;}
#footer .powered{font-size: 11px;}

/*品牌*/
.btitle{font-family:"微软雅黑","Helvetica Neue",Helvetica,sans-serif!important;font-size:24px!important;text-align:center;line-height:32px!important;color:#000;}
.bnr{font-family:"微软雅黑","Helvetica Neue",Helvetica,sans-serif!important;font-size:18px!important;line-height:26px!important;color:#999;text-align:justify;text-indent:28px;}
.bnr2{font-family:"微软雅黑","Helvetica Neue",Helvetica,sans-serif!important;font-size:18px!important;line-height:26px!important;color:#000;text-align:justify;padding:10px 0;}


/*微信提示浏览器打开*/
.weixin-tip{display: none; position: fixed; left:0; top:0; bottom:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80); height: 100%; width: 100%; z-index: 100;}
.weixin-tip p{text-align: center; margin-top: 10%; padding:0 5%;}

/*简介，内容，上下篇*/
.{padding: 25px;background: #f7f7f7;border-radius: 5px;margin: 25px 0;}

/* 客服插件 css 代码块 */
.jinni8_kefu_style{position: fixed;width:78px;top: 50%;transform: translateY(-50%);right: 0;font-size: 13px;color: #fff;z-index:100000000000000000;background-color: #104e9f;cursor:pointer;}
.jinni8_kefu_nth{display:block;position: relative;text-align: center;padding: 15px 10px;padding:15px 0;border-top: rgb(0, 0, 0) 1px solid;transition:all 0.3s;color:#fff !important;}
.jinni8_kefu_nth a{color:#fff !important;}
.jinni8_kefu_nth:before{content:"";position: absolute;left: 0;top: -1px;width: 100%;/*height: 1px;*/background-color: #FFFFFF;z-index: 10;}
.jinni8_kefu_nth:hover{background-color: #104e9f;}
.jinni8_kefu_nth:nth-child(1){border:0;}
.jinni8_kefu_nth:nth-child(1):before{display:none;}
.jinni8_kefu_mipimgs{height:32px;}
.jinni8_kefu_xx .jinni8_kefu_mipimgs{background:url(images/jinni8_kefu_xx.png) no-repeat center;}
.jinni8_kefu_qq .jinni8_kefu_mipimgs{background:url(images/jinni8_kefu_qq.png) no-repeat center;}
.jinni8_kefu_sj .jinni8_kefu_mipimgs{background:url(images/jinni8_kefu_sj.png) no-repeat center;}
.jinni8_kefu_ma .jinni8_kefu_mipimgs{background:url(images/jinni8_kefu_ma.png) no-repeat center;}
.jinni8_kefu_top .jinni8_kefu_mipimgs{background:url(images/jinni8_kefu_top.png) no-repeat center;}
.jinni8_kefu_zj .jinni8_kefu_mipimgs{background:url(images/jinni8_kefu_zj.png) no-repeat center;}
.jinni8_kefu_hy .jinni8_kefu_mipimgs{background:url(images/jinni8_kefu_zj.png) no-repeat center;}

.jinni8_kefu_nth span{display:block;margin-top:8px;}
.jinni8_kefu_nth .tips{display:none;opacity:0;transition: all 0.3s;position: absolute;right: 78px;top: 0;width: 300px;height: 100%;box-shadow: 0 5px 10px rgba(72, 139, 255, 0.38);background-color: rgba(255, 255, 255, 1);color: #104e9f;line-height: 90px;text-align: center;text-indent: 10px;font-size: 16px;text-shadow: 0 0 1px #C5DAFF;z-index:1000000;}
.jinni8_kefu_nth:hover .tips{display:block;opacity:1;}
.jinni8_kefu_ma .tips{top: inherit;bottom: 0;height: inherit;width: 200px;padding: 10px;margin: 10px;}
.jinni8_kefu_ma .tips:before{content: "";width: 100%;height: 100%;position: absolute;z-index: 1;}
.jinni8_kefu_ma .tips a{display:none;}
.jinni8_kefu_style mip-fixed{position: relative !important;right: inherit !important;bottom: inherit !important;left: inherit !important;top: inherit !important;}
.jinni8_kefu_style mip-fixed mip-gototop{background-image:none;width:auto !important;height:inherit;background:none !important;border:none;}
.jinni8_kefu_style mip-fixed mip-gototop .jinni8_kefu_nth{border-top: rgb(0, 0, 0) 1px solid;}
.jinni8_kefu_style mip-fixed mip-gototop .jinni8_kefu_nth:before{display:block;}

/*iphone 5 5s 5se */
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){
.jinni8_kefu_style{width:100%;bottom:0!important;left:0;top:inherit;height:76px;transform: inherit;box-shadow:0 0 5px #fff;}
.jinni8_kefu_nth{width:calc( 20% - 1px );float:left;border-top:0 !important;border-left: #104e9f 1px solid;margin-top: 2px;}
.jinni8_kefu_nth:nth-child(1){border-left: 1px solid #104e9f;}
.jinni8_kefu_nth:before{display:none;}
.jinni8_kefu_nth .tips{display:none;}
.jinni8_kefu_nth:hover .tips{display:none;opacity:0;}
.jinni8_kefu_mipimgs{height:22px;}
.jinni8_kefu_style .jinni8_kefu_mipimgs{background-size:22px 22px;}
.jinni8_kefu_ma:hover .tips{display: block;z-index: 99999;opacity: 1;bottom: 66px;top: inherit;right: 0;left: inherit;background-color: rgba(0,0,0,0.8);width: 100%;height: 100%;position: fixed;padding: 0;margin: 0;}
.jinni8_kefu_ma:hover .tips mip-img{width: 180px;height:180px;position: absolute;left: calc( 50% - 130px);bottom: calc( 50% - 130px);border-radius: 4px;}
.jinni8_kefu_ma:hover .tips mip-img img{border:#fff 20px solid !important;width:inherit;min-width:inherit;border-radius:4px;height:auto;max-width:calc( 100% - 40px );}
.jinni8_kefu_ma .tips a{position: relative; top: 60%; right: -27%; color: #fff !important; z-index: 99999; font-size: 13px; padding: 10px; background: #F44336; text-align: center!important; display: inline-block; border-radius: 50%; line-height: 35px;}
}
/*三星GS5*/
@media (min-device-width:360px) and (max-device-width:640px) and (-webkit-min-device-pixel-ratio:2){
.jinni8_kefu_style{width:100%;bottom:0!important;left:0;top:inherit;height:76px;transform: inherit;box-shadow:0 0 5px #fff;}
.jinni8_kefu_nth{width:calc( 20% - 1px );float:left;border-top:0 !important;border-left: #104e9f 1px solid;margin-top: 2px;}
.jinni8_kefu_nth:nth-child(1){border-left: 1px solid #104e9f;}
.jinni8_kefu_nth:before{display:none;}
.jinni8_kefu_nth .tips{display:none;}
.jinni8_kefu_nth:hover .tips{display:none;opacity:0;}
.jinni8_kefu_mipimgs{height:22px;}
.jinni8_kefu_style .jinni8_kefu_mipimgs{background-size:22px 22px;}
.jinni8_kefu_ma:hover .tips{display: block;z-index: 99999;opacity: 1;bottom: 66px;top: inherit;right: 0;left: inherit;background-color: rgba(0,0,0,0.8);width: 100%;height: 100%;position: fixed;padding: 0;margin: 0;}
.jinni8_kefu_ma:hover .tips mip-img{width: 180px;height:180px;position: absolute;left: calc( 50% - 130px);bottom: calc( 50% - 130px);border-radius: 4px;}
.jinni8_kefu_ma:hover .tips mip-img img{border:#fff 20px solid !important;width:inherit;min-width:inherit;border-radius:4px;height:auto;max-width:calc( 100% - 40px );}
.jinni8_kefu_ma .tips a{position: relative; top: 60%; right: -27%; color: #fff !important; z-index: 99999; font-size: 13px; padding: 10px; background: #F44336; text-align: center!important; display: inline-block; border-radius: 50%; line-height: 35px;}
}
/*iphone 6/7/8 */
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-device-pixel-ratio:2){
.jinni8_kefu_style{width:100%;bottom:0!important;left:0;top:inherit;height:76px;transform: inherit;box-shadow:0 0 5px #fff;}
.jinni8_kefu_nth{width:calc( 20% - 1px );float:left;border-top:0 !important;border-left: #104e9f 1px solid;margin-top: 2px;}
.jinni8_kefu_nth:nth-child(1){border-left: 1px solid #104e9f;}
.jinni8_kefu_nth:before{display:none;}
.jinni8_kefu_nth .tips{display:none;}
.jinni8_kefu_nth:hover .tips{display:none;opacity:0;}
.jinni8_kefu_mipimgs{height:22px;}
.jinni8_kefu_style .jinni8_kefu_mipimgs{background-size:22px 22px;}
.jinni8_kefu_ma:hover .tips{display: block;z-index: 99999;opacity: 1;bottom: 66px;top: inherit;right: 0;left: inherit;background-color: rgba(0,0,0,0.8);width: 100%;height: 100%;position: fixed;padding: 0;margin: 0;}
.jinni8_kefu_ma:hover .tips mip-img{width: 180px;height:180px;position: absolute;left: calc( 50% - 130px);bottom: calc( 50% - 130px);border-radius: 4px;}
.jinni8_kefu_ma:hover .tips mip-img img{border:#fff 20px solid !important;width:inherit;min-width:inherit;border-radius:4px;height:auto;max-width:calc( 100% - 40px );}
.jinni8_kefu_ma .tips a{position: relative; top: 60%; right: -27%; color: #fff !important; z-index: 99999; font-size: 13px; padding: 10px; background: #F44336; text-align: center!important; display: inline-block; border-radius: 50%; line-height: 35px;}
}
/*iphone 6p/7p/8p */
@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-device-pixel-ratio:3){
.jinni8_kefu_style{width:100%;bottom:0!important;left:0;top:inherit;height:76px;transform: inherit;box-shadow:0 0 5px #fff;}
.jinni8_kefu_nth{width:calc( 20% - 1px );float:left;border-top:0 !important;border-left: #104e9f 1px solid;margin-top: 2px;}
.jinni8_kefu_nth:nth-child(1){border-left: 1px solid #104e9f;}
.jinni8_kefu_nth:before{display:none;}
.jinni8_kefu_nth .tips{display:none;}
.jinni8_kefu_nth:hover .tips{display:none;opacity:0;}
.jinni8_kefu_mipimgs{height:22px;}
.jinni8_kefu_style .jinni8_kefu_mipimgs{background-size:22px 22px;}
.jinni8_kefu_ma:hover .tips{display: block;z-index: 99999;opacity: 1;bottom: 66px;top: inherit;right: 0;left: inherit;background-color: rgba(0,0,0,0.8);width: 100%;height: 100%;position: fixed;padding: 0;margin: 0;}
.jinni8_kefu_ma:hover .tips mip-img{width: 180px;height:180px;position: absolute;left: calc( 50% - 130px);bottom: calc( 50% - 130px);border-radius: 4px;}
.jinni8_kefu_ma:hover .tips mip-img img{border:#fff 20px solid !important;width:inherit;min-width:inherit;border-radius:4px;height:auto;max-width:calc( 100% - 40px );}
.jinni8_kefu_ma .tips a{position: relative; top: 60%; right: -27%; color: #fff !important; z-index: 99999; font-size: 13px; padding: 10px; background: #F44336; text-align: center!important; display: inline-block; border-radius: 50%; line-height: 35px;}
}
/*iphone x */
@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3){
.jinni8_kefu_style{width:100%;bottom:0!important;left:0;top:inherit;height:76px;transform: inherit;box-shadow:0 0 5px #fff;}
.jinni8_kefu_nth{width:calc( 20% - 1px );float:left;border-top:0 !important;border-left: #104e9f 1px solid;margin-top: 2px;}
.jinni8_kefu_nth:nth-child(1){border-left:0;}
.jinni8_kefu_nth:before{display:none;}
.jinni8_kefu_nth .tips{display:none;}
.jinni8_kefu_nth:hover .tips{display:none;opacity:0;}
.jinni8_kefu_mipimgs{height:22px;}
.jinni8_kefu_style .jinni8_kefu_mipimgs{background-size:22px 22px;}
.jinni8_kefu_ma:hover .tips{display: block;z-index: 99999;opacity: 1;bottom: 66px;top: inherit;right: 0;left: inherit;background-color: rgba(0,0,0,0.8);width: 100%;height: 100%;position: fixed;padding: 0;margin: 0;}
.jinni8_kefu_ma:hover .tips mip-img{width: 180px;height:180px;position: absolute;left: calc( 50% - 130px);bottom: calc( 50% - 130px);border-radius: 4px;}
.jinni8_kefu_ma:hover .tips mip-img img{border:#fff 20px solid !important;width:inherit;min-width:inherit;border-radius:4px;height:auto;max-width:calc( 100% - 40px );}
.jinni8_kefu_ma .tips a{position: relative; top: 60%; right: -27%; color: #fff !important; z-index: 99999; font-size: 13px; padding: 10px; background: #F44336; text-align: center!important; display: inline-block; border-radius: 50%; line-height: 35px;}
}
@media screen and (max-width:767px){
.jinni8_kefu_style{width:100%;bottom:0!important;left:0;top:inherit;height:76px;transform: inherit;box-shadow:0 0 5px #fff;}
.jinni8_kefu_nth{width:calc( 20% - 1px );float:left;border-top:0 !important;border-left: #104e9f 1px solid;margin-top: 2px;}
.jinni8_kefu_nth:nth-child(1){border-left: 1px solid #104e9f;}
.jinni8_kefu_nth:before{display:none;}
.jinni8_kefu_nth .tips{display:none;}
.jinni8_kefu_nth:hover .tips{display:none;opacity:0;}
.jinni8_kefu_mipimgs{height:22px;}
.jinni8_kefu_style .jinni8_kefu_mipimgs{background-size:22px 22px;}
.jinni8_kefu_ma:hover .tips{display: block;z-index: 99999;opacity: 1;bottom: 66px;top: inherit;right: 0;left: inherit;background-color: rgba(0,0,0,0.8);width: 100%;height: 100%;position: fixed;padding: 0;margin: 0;}
.jinni8_kefu_ma:hover .tips mip-img{width: 180px;height:180px;position: absolute;left: calc( 50% - 130px);bottom: calc( 50% - 130px);border-radius: 4px;}
.jinni8_kefu_ma:hover .tips mip-img img{border:#fff 20px solid !important;width:inherit;min-width:inherit;border-radius:4px;height:auto;max-width:calc( 100% - 40px );}
.jinni8_kefu_ma .tips a{position: relative; top: 60%; right: -27%; color: #fff !important; z-index: 99999; font-size: 13px; padding: 10px; background: #F44336; text-align: center!important; display: inline-block; border-radius: 50%; line-height: 35px;}
}
/* 客服插件 代码块 END */