/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
@charset "utf-8";@font-face {font-family:"member";src:
 url('../font/member.woff') format('woff'),  url('../font/member.ttf') format('truetype');}
.member_iconfont {font-family:"member" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}
/* Style Reset */
html {font-size:120px;-webkit-text-size-adjust:none;max-height:100%}
body {font-size: 0.16rem;}.head {background:#1A5B9B;}
.foot {background:#1A5B9B;}
body, p, h1, ul, li, input, img, figure, h3, h1, h2, dl, dd, dt {margin:0;padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a {text-decoration:none;outline:0px;}
fieldset, img {border:0;}
img {max-width: 100%}
input[type="text"], input[type="password"], input[type="submit"], input[type="reset"], input[type="button"], textarea {-webkit-appearance: none;}
.clear {clear:both;width:100%;}
.c {clear:both;width:100%;}
/* common */
.content {overflow:hidden;font-size:0.2rem;margin-top:2%;padding-bottom: 15%;background-color: transparent;}
.dqwz a {color:#1A5B9B;}
.dqwz {margin-left:3.5%;}
.content_new {margin-top:0!important;} /* 首页不要上边距 */
.common_bg {background-color: #b30f1a!important;}
/* index style */
/*导航页*/
.ny_main {width:100%;min-height:15em;height:auto;overflow:hidden;margin-top:0em;}
.ny_main .location {width:100%;height:2.8em;line-height:2.8em;color:#666;font-size:0.8em;}
.ny_main .location a {color:#666;}
.ny_nav {width:100%;overflow:hidden;min-height:2.5em;height:auto;line-height:2.5em;color:#FFF;border-top:1px solid #234AAF;border-bottom:1px solid #234AAF;}
.ny_nav li {width:33.3%;display:block;float:left;text-align:center;}
.ny_nav li a {width:8em;height:2.0em;overflow:hidden;line-height:2.0em;display:block;float:left;background:#3C3E41;border-radius:5px;margin:0.5em 1em;text-align:center;color:#fff;font-size:0.8em;}
.ny_nav li a:hover {background:#1A5B9B;overflow:hidden;border-radius:5px;}
.ny_nav li a.a1 {background:#1A5B9B;border-radius:5px;}
/*header*/
.header {width:100%;position:fixed;z-index:9999;background: #1A5B9B;}
.head {text-align: center;position:fixed;width:100%;height:0.691rem;top:0;right:0;box-shadow: 0 0 2px rgba(9,2,4,.55);line-height:0.791rem;z-index:99;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.logo {display:inline-block;width:80.8125%;height:auto;margin-left:3.4375%}
.top-nav {position:absolute;right:1.09375%;top:100%;width:14.0625%;}
.class-btn {position:absolute;right:16%;top:0%;width:14.0625%;font-size:0.24rem;line-height:0.82rem;color:#fff;text-align:center;overflow:hidden;}
.top-home {position:absolute;left:1.09375%;top:0;width:14.0625%;font-size:0.4rem;line-height:0.82rem;color:#fff;text-align:center;overflow:hidden;}
.top-title {width:30%;position: absolute;left:35%;top:0;font-size:0.3rem;line-height:0.71rem;text-align:center;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.sub_page {min-height:6rem;overflow:hidden;font-size:0.16rem}
.sub_page center {padding:0.4rem 0;font-size:0.2rem}
.sub_page center a {color:red}
.search_hl {width:14.0625%;top:-1px;position:absolute;height:100%;font-size:0.38rem;line-height:0.8rem;color:#ffffff;text-align:center;overflow:hidden;}
.search_l {left:0%;}
.fl {float:left;}
.fr {float:right;}
.pg-a {width:87.5%;margin:0 auto;}
.pg_a-son {display:inline-block;text-align:center;margin:1em auto;padding:0 2em 0 2em;border-radius: 5px;color:#ffffff!important;font:1em/2 "Microsoft YaHei";overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#1A5B9B;cursor:pointer;}
.pg_a-son:hover {background:#535353;}
.infos {height:2em;line-height:2em;text-align:center;width:100%;color:#666;font-size:0.7em;border-bottom:1px dashed #ccc;}
/*header end*/
.pglist {width:100%;clear:both;height:80px;}
.pglist ul {width:100%;text-align:left;padding-top:24px;border-top:1px solid #d2d2d2}
.pglist ul li {vertical-align: bottom;display:inline-block;*display:inline;*zoom:1;width:30px;height:30px;*margin-left:5px;_display:inline;_zoom:1;_margin-left:5px;border:1px solid #535353;line-height:30px;text-align:center;background:#535353}
.pglist ul li a {color:#fff;line-height:30px;display:block}
.pglist ul li.home, .pglist ul li.end {width:60px;height:30px;border:1px solid #535353;color:#FFF;}
.pglist ul li.next, .pglist ul li.last {width:30px;height:30px;border:1px solid #535353;font-size:24px;line-height: 30px;font-family:'宋体'!important;font-weight:bold;}
.pglist ul li.on {background:#155b9d;border:1px solid #155b9d;}
.pglist ul li.on a {color:#fff;}
.pglist ul li.nohover {background:#dfdfdf;border:1px solid #dfdfdf;color:#535353;font-family:'微软雅黑';}
.pglist ul li.nohover a {color:#535353;}
.pageinfo {width:200px!important;color:#FFF;}
.thisclass {color:#FFF;font-weight:bold;font-size:18px;}
.per {float:left;margin-top:20px;text-align:center;width: 100%;margin-bottom: 20px;}
.cgbt {border-bottom: 1px #ccc solid;font-size: 18px;font-weight: bold;width: 1000px;}
.xgxw {width:310px;line-height: 25px;height:25px;float:left;margin:5px 10px;border-bottom: 1px #ccc dashed;}
.xgxw a {color: #666;}
.tj {width: 286px;height: 36px;margin: 20px 80px;border-radius: 3px;border: 0;text-align: center;font: 18px/36px "microsoft yahei";color: #fff;cursor: pointer;background-color: #404040;}
/* nav */
body {position:relative;width:100%;background:#fff;height:100%;}
.allpage {position:relative;z-index:10;background:#fff;height:auto;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;right:0;min-height:6rem;padding-top:60px;}
.clicked {right:220px!important;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.nav {width:220px;position:absolute;right:0;top:0;bottom:0;z-index:2;}
.fixed {width:220px;height:100%;position:fixed;right:0;top:0;bottom:0;z-index:5;overflow-x: hidden;-webkit-overflow-scrolling: touch;}
.nav li {width:220px;margin:0 auto;border-bottom:1px solid #ffffff;}
.nav li a {display:block;width:100%;font:100 16px/50px '微软雅黑';color:#fff;text-indent:60px;}
.nav li a span {margin-right:3%}
.nav li p {text-indent:70px;}
.nav li:last-child {margin-bottom:20%;}
#allmap {width:100%;height:8rem;font-size:0.18rem}
.share {width:160px;margin:0.5rem auto;}
.black-fixed {position: fixed;z-index:99999!important;left:0;width:0;top:0;height:100%;background:rgba(0,0,0,0.9);text-align:right;font-size:0.4rem;color:#fff;line-height:2;right:0;overflow:hidden;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 0}
.black-clicked {width:100%;padding-right:2%;left:-227px;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1}
/* nav end*/



/* sub header */
.nav-btn {width:14.0625%;right:0;top:0;position:absolute;font-size:0.4rem;line-height:0.71rem;color:#ffffff;text-align:center;overflow:hidden;}
.home-btn {width:14.0625%;left:1.09375%;top:0;position:absolute;height:100%;font-size:0.4rem;line-height:0.71rem;color:#ffffff;text-align:center;overflow:hidden;display:block;}
.top-nav {position:absolute;right:1.09375%;top:100%;width:14.0625%;}
.top-home {position:absolute;left:1.09375%;top:0;width:14.0625%;font-size:0.4rem;line-height:0.82rem;color:#fff;text-align:center;overflow:hidden;}
.class-btn {position:absolute;right:16%;top:0%;width:18.0625%;font-size:0.24rem;line-height:0.666rem;color:#fff;text-align:center;overflow:hidden;}
.class-btn span.commonfont {font-size:0.28rem}
/* footer */
.footer {width:100%;height:0.8rem;position: fixed!important;bottom: 0;right: 0;z-index: 9999;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.foot {width:100%;position: fixed;height:0.8rem;bottom:0;left:0;z-index:10;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.foot-relative {position:relative;width:100%;height:0.8rem;}
.foot a {display:block;float:left;width:25%;color:#ffffff}
.foot a span {display:block;width:100%;text-align:center;font-size:0.4rem;line-height:0.5rem;}
.foot a h3 {width:100%;text-align:center;font:0.18rem/0.2rem "microsoft yahei";}
.common-pro-search {width:90%;height:0.533rem;background: #fff;margin:2% auto;}
.common-text {float:left;border:0;background:#fff;width:84.45%;height:0.533rem;text-indent:0.1rem;font:0.16rem/0.533rem "microsoft yahei";border-radius:0;}
.common-submit {float:right;width:15.55%;border:0;font-size:0.36rem;line-height:0.533rem;color:#fff;height:0.533rem;border-radius:0;background:none;background:#333;}
/* foot search btn */
.common-search {width:92.1875%;position:absolute;z-index:100;left:3.90625%;bottom:0.9rem;background: #fff;border:1px solid #ccc;display:none;border-radius: 8px;overflow: hidden;-webkit-box-shadow: 0 1px 2px #666 inset;box-shadow: 0 1px 2px #666 inset;}
.search-input-n {width: 85%;height:0.533rem;line-height: 0.533rem;border:none;outline: none;text-indent: 5%;border-radius: 25px;font-family: "microsoft yahei";background-color: transparent;}
.search-btn-n {width: 12%;border:none;outline: none;font-size: 0.4rem;line-height: 0.533rem;background-color: transparent;color:#666;background-color: transparent;font-family: "microsoft yahei";}
/* foot search btn end*/

/*font*/
@font-face {font-family:"iconfont";src:url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype');}
.iconfont {font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}
/*font*/
@font-face {font-family:"commonfont";src:url('../font/common.woff') format('woff'), url('../font/common.ttf') format('truetype');}
.commonfont {font-family:"commonfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}
/* sub_banner */
.big-pic {width:100%;position:relative;z-index:2;margin:0 auto;}
.big-pic-in {position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto;}
.pic-list {position:relative;height:auto;-webkit-transform:translate3d(0, 0, 0);z-index:0;}
.pic-list img {float:left;height:auto;width:100%;display:block;}
.big-pic2 .pic-list {width:200%;}
.big-pic2 .pic-list img {width:50%;}
.big-pic3 .pic-list {width:300%;}
.big-pic3 .pic-list img {width:33.333334%;}
.big-pic4 .pic-list {width:400%;}
.big-pic4 .pic-list img {width:25%;}
.slide-dot {width:100%;text-align:center;height:16px;padding-top:4px;overflow:hidden;position:absolute;bottom:5px;display:none}
.slide-dot span {display:inline-block;width:8px;height:8px;border-radius:8px;vertical-align:top;z-index:10;margin:0 7px;background:#fff}
.slide-dot span.slide-dot-cur {z-index:10;vertical-align:top;background:#6b1b55}
.transition {-moz-transition: -moz-transform 0.3s ease-out;-webkit-transition: -webkit-transform 0.3s ease-out;-o-transition: -o-transform 0.3s ease-out;transition: transform 0.3s ease-out;}
/* top class */
.type {width:100%;top:0.691rem;right:0;position:fixed;background:#232323;z-index: 999;overflow-x: hidden;-webkit-overflow-scrolling: touch;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;height:3rem;padding:0.1rem 0;display:none}
.type li {width:90%;background:#fff;font:0.2rem/0.46rem "microsoft yahei";margin:2% auto;overflow:hidden;position:relative;}
.type li a {display: block;float:left;width:60%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;padding:0 4%;color:#666}
.type li span.commonfont {font-size:0.3rem;line-height:0.46rem;display:block;width:16%;text-align:center;color:#666;position:absolute;top:0;right:0;}
.type li dl {float:left;border-top:2px solid #232323;width:100%;display:none}
.type li dl dd {overflow:hidden}
.type li dl dd a {width:100%}
.type h1 {font:0.2rem/2 "microsoft yahei";width:90%;margin:0 auto;color:#fff;}
/* top class */
.class {width:100%;top:8.33em;position:fixed;background:#232323;overflow-x: hidden;-webkit-overflow-scrolling: touch;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;height:3rem;padding:0.1rem 0;display:none}
.class li {width:90%;background:#fff;font:0.2rem/0.46rem "microsoft yahei";margin:2% auto;overflow:hidden;position:relative;}
.class li a {display: block;float:left;width:60%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;padding:0 4%;color:#666}
.class li span.iconfont {font-size:0.3rem;line-height:0.46rem;display:block;width:16%;text-align:center;color:#666;position:absolute;top:0;right:0;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);-moz-transition: -moz-transform 0.3s ease-out;-webkit-transition: -webkit-transform 0.3s ease-out;-o-transition: -o-transform 0.3s ease-out;transition: transform 0.3s ease-out;}
.class li span.iconfont.class-up {-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);-moz-transition: -moz-transform 0.3s ease-out;-webkit-transition: -webkit-transform 0.3s ease-out;-o-transition: -o-transform 0.3s ease-out;transition: transform 0.3s ease-out;}
.class li dl {float:left;border-top:2px solid #232323;width:100%;display:none}
.class li dl dd {overflow:hidden}
.class li dl dd a {width:100%}
/* subpage */
.about, .view {width:92.5%;margin:2% auto;font:0.22rem/2.4 "microsoft yahei";color:#1d1d1d;}
.view p {margin:0;padding:0;}
.view h1 {width:100%;text-align:center;font:0.3rem/0.5rem "microsoft yahei";color:#393939;}
.about h1 {line-height: 0.6rem;text-align:center;font:0.28rem/0.5rem "microsoft yahei";font-weight:bold;margin-bottom:3%;}
.view img {max-width: 100%;display:inline}
.page {display:block;width:100%;height:0.38rem;font:0.22rem/0.38rem "microsoft yahei";color:#777;background:#ddd;border-radius:0.38rem;margin:2% auto;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;text-indent:0.1rem;}
.back {display:block;width:33.57%;margin:2% auto;height:0.4rem;border-radius:0.4rem;font:0.2rem/0.4rem "microsoft yahei";color:#393939;text-align:center;}
/* product */
.product-top {width:91.25%;margin:2% auto;border-bottom:1px solid #c9c9c9;height:0.5833rem;font:0.2rem/0.5833rem "microsoft yahei";color:#7b7b7b;}
.product-top p {float:left;}
.product-top p span {color:#3e74ce}
.product-top-right {float:right;color:#7b7b7b}
.product-top-right a {font-size:0.3rem;color:#272727;vertical-align: middle}
.product-top-right a.show {color:#3e74ce}
/* news */
/*
.news1,.news2,.news3{width:100%;height:auto;overflow:hidden;margin:2% auto;}
.news1 li{width:100%;height:0.691rem;overflow:hidden}
.news1 li a,.news2 li a,.news3 li a{display:block;width:100%;height:0.691rem;overflow:hidden;font:0.2rem/0.691rem "microsoft yahei"}
.news1 li span:nth-child(1),.news2 li span:nth-child(1),.news3 li span:nth-child(1){display:block;float:left;width:60%;margin-left:4%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;color:#1d1d1d}
.news1 li span:nth-child(2),.news2 li span:nth-child(2),.news3 li span:nth-child(2){display:block;float:right;margin-right:4%;color:#9f9f9f}
.news1 li:nth-child(even){background:#f2f2f2;}
.news2 li{width:100%;height:0.691rem;overflow:hidden;border-bottom:1px solid #ddd;}
.news3 li{width:100%;height:0.691rem;overflow:hidden;border-bottom:1px dashed #ddd;}
*/

/* news */
.news {width:100%;height:auto;overflow:hidden;margin:2% auto;}
.news li {width:100%;height:0.691rem;overflow:hidden}
.news li a {display:block;width:100%;height:0.691rem;overflow:hidden;font:0.2rem/0.691rem "microsoft yahei"}
.news li span:nth-child(1) {display:block;float:left;width:60%;margin-left:4%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;color:#1d1d1d}
.news li span:nth-child(2) {display:block;float:right;margin-right:4%;color:#9f9f9f}
.news li:nth-child(even) {background:#fff;}
.imore, .back {display:block;width:36%;margin:2% auto;overflow:hidden;border-radius:0.3rem;background:#b30f1a;text-align:center;color:#fff;font:0.20rem/2.2 "microsoft yahei";clear:both}
.imore:before, .back:before {content:"";clear:both;}
.common_news {width:100%;height:auto;overflow:hidden;margin:0% auto;}
.news1, .news1 a, .news2, .news2 a {width:100%;height:auto;overflow:hidden;font:0.23rem/0.691rem "microsoft yahei";display:block;}
.news1, .news2 {width:92%;margin:0 auto}
.news1 a span:nth-child(1), .news2 a span:nth-child(1) {display:block;float:left;width:70%;height:0.691rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;color:#1d1d1d}
.news1 a span:nth-child(2), .news2 a span:nth-child(2) {display:block;float:right;width:29%;height:0.691rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;text-align:right;color:#9f9f9f}
.news2 div {width:100%;font:0.18rem/0.3rem "microsoft yahei";color:#666;max-height:0.9rem;overflow:hidden;}
.news3 {width:96%;margin:2% auto;height:auto;overflow:hidden;}
.news3>a {display:block;width:33%;height:auto;overflow:hidden;float:left;padding-left:3%;}
.news1>a>img {display:block;width:100%;float:left;}
.news3>h1 {display:block;width:100%;margin-left:3%;overflow:hidden;}
.news3>h1>a {display:block;width:100%;height:0.35rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;font:0.22rem/0.3rem "microsoft yahei";color:#333;}
.news3>div {float:left;width:58%;margin-left:3%;overflow:hidden;font:0.18rem/0.24rem "microsoft yahei";max-height: 0.93rem;color:#999;margin-top:1%}
.news4 {width:50%;float:left;height:auto;overflow:hidden;margin:2% auto;}
.news4 a {display:block;width:80%;margin:0 auto;}
.news4 a img {display:block;width:100%;}
.news4 a span {display:block;width:100%;text-align:center;font:0.22rem/0.3rem "microsoft yahei";color:#666;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;margin-top:6%}
.news5 {width:96%;margin:2% auto;height:auto;overflow:hidden;}
.news5 a.news5imgwrap {width:25%;height:auto;float:left;margin-left:3%;}
.news5 a.news5imgwrap img {display:block;width:100%;}
.news5 h1 {display:block;float:left;width:68%;margin-left:3%;overflow:hidden}
.news5>h1>a {display:block;width:100%;height:0.3rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;font:0.2rem/0.3rem "microsoft yahei";color:#333;}
.news5>div {float:left;width:68%;margin-left:3%;overflow:hidden;font:0.18rem/0.2rem "microsoft yahei";max-height: 0.59rem;color:#999;margin-top:1%}
/* case */
.case {width:100%;height:auto;overflow:hidden;margin:2% auto}
.case li {width:100%;height:auto;padding:2% 0;border-bottom:1px solid #ccc;overflow:hidden}
.case li>a {display:block;width:35.46875%;float:left;margin:0 3.75% 0 4.6875%;border:1px solid #fff;}
.case li>a img {display:block;width:100%}
.case li h1 {float:left;width:51.875%;height:0.35rem;font:0.2rem/0.35rem "microsoft yahei";text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.case li h1 a {color:#232323}
.case li div {float:left;width:51.75%;height:1.1rem;overflow:hidden;font:0.18rem/0.28rem "microsoft yahei";color:#1d1d1d}
/* for white */
.white-bg {background:#fff;}
/* login & reg */
.login {width:87.5%;margin:10% auto;height:auto;overflow:hidden}
.login li {width:100%;height:auto;padding-bottom:3%;overflow:hidden;font:0.16rem/1.4 "microsoft yahei"}
.login_input {display:block;border:1px solid #d9d9d9;background:#fff;width:96%;float:left;height:0.42rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:0}
.login_textarea {display:block;border:1px solid #d9d9d9;background:#fff;width:95%;float:left;height:1.42rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:0;resize: none}
.pin_width {width:51.78%;}
.login_pin {width:30%;float:left;height:0.42rem;margin-left:4%;}
.login_btn {width:98%;height:0.5rem;color:#fff;border:0;-webkit-appearance:none;border-radius:0;text-align:center;font:0.22rem/0.5rem "microsoft yahei"}
.red_alert {width:87.5%;margin:0 auto;font:0.2rem/0.44rem "microsoft yahei";color:red;}
.login_link1 {float:left;font:0.2rem/0.44rem "microsoft yahei";color:#949494;margin-left:4%}
.login_link2 {float:right;font:0.2rem/0.44rem "microsoft yahei";color:#949494;margin-right:4%}
.info_left {float:left;width:26%;text-align:left;font:0.2rem/0.44rem "microsoft yahei";color:#707070}
.info_username {float:left;width:16%;text-align:center;font:0.2rem/0.44rem "microsoft yahei";color:#707070}
.info_input {float:left;width:70%;}
/* site_nav 悬浮球*/
.site_btn {position: fixed;width:0.7rem;height:0.7rem;top:270px;left:1.875%;z-index:999;border:2px solid #e1e1e1;border-radius:50%;color:#fff;text-align:center;font:0.5rem/0.7rem "microsoft yahei";}
.cart-btn-numbers {width:100%;position:relative;height:100%;color:#fff}
.cart-btn-number {position:absolute;width:0.24rem;height:0.24rem;left:74%;bottom:74%;font:0.14rem/0.24rem "microsoft yahei";background:#fff;border:0.016rem solid #e1e1e1;border-radius:50%;color:#c2c2c2}
/* 临时
.site-nav{position:absolute;left:0;bottom:100%;width:100px;height:auto;overflow:hidden}   */
.site-nav li {overflow:hidden;width:100%;height:auto;font:0.16rem/0.2rem "microsoft yahei"}
.site-nav a {color:#fff}
.site-nav li a {font:0.18rem/0.2rem "microsoft yahei";color:#fff;text-align:center;display:block;position:absolute;width:0.6rem;height:0.4rem;border-radius:50%;border:2px solid #e8e8e8;bottom:0;opacity: 0;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;z-index:-999;transform:rotate(-360deg);-ms-transform:rotate(-350deg);-moz-transform:rotate(-350deg);-webkit-transform:rotate(-350deg);-o-transform:rotate(-350deg);padding:0.1rem 0;}
.site-nav.slideup li:nth-child(1) a {left:100%;bottom:100%;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1;transition-delay:0ms;z-index:999;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
.site-nav.slideup li:nth-child(2) a {left:150%;bottom:0.05rem;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1;transition-delay:100ms;z-index:999;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
.site-nav.slideup li:nth-child(3) a {left:100%;bottom:-0.6rem;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1;transition-delay:200ms;z-index:999;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
.site-nav.slidedown li:nth-child(1) a {left:auto;right:100%;bottom:100%;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1;transition-delay:0ms;z-index:999;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
.site-nav.slidedown li:nth-child(2) a {left:auto;right:150%;bottom:0.05rem;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1;transition-delay:100ms;z-index:999;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
.site-nav.slidedown li:nth-child(3) a {left:auto;right:100%;bottom:-0.6rem;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1;transition-delay:200ms;z-index:999;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
/* product width cart btn css*/
.view-price {width:100%;margin:0 auto;font:0.2rem/2 "microsoft yahei";color:#626262}
.view-price span {font-size:0.28rem;color:#ff0000}
.view_btns {width:100%;margin:2% auto;overflow:hidden}
.view_btns a {display:block;font:0.22rem/1.6 "microsoft yahei";color:#fff;padding:3% 12%;float:left}
.view_btns a:last-child {float:right;}
.view_collect {width:100%;margin:2% auto;overflow:hidden;border-top:1px solid #dadada;border-bottom:1px solid #dadada;}
.view_collect p {float:left;width:30%;font:0.2rem/3 "microsoft yahei";border-right:1px solid #dadada;color:#6b6565;text-align:center;}
.view_collect a {float:left;width:68%;font:0.2rem/3 "microsoft yahei";position:relative;text-indent:.6em;color:#707070;display: block}
.view_collect a font {position: absolute;right:0}
.view_collect a a {color:#707070}

@media all and (min-width:640px) {.content {width:640px;margin:0 auto;position:relative;/*padding-top:6% !important;*/
	padding-bottom: 16%;}}
@media only screen and (max-width: 479px) and (min-width: 321px) {html {font-size: 70px;}}
@media only screen and (max-width: 320px) {html {font-size: 60px;}}
/* Survey */
.survey {height:auto;overflow:hidden;width:92.5%;margin:0% auto;}
.survey li {width:100%;height:auto;padding-bottom:3%;overflow:hidden;font:0.16rem/1.4 "microsoft yahei"}
.survey_input {display:block;border:1px solid #d9d9d9;background:#fff;width:96%;float:left;height:0.42rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:0}
.surveya {height:auto;overflow:hidden;width:92.5%;margin:0% auto;}
.surveya li {width:100%;height:auto;padding-bottom:3%;overflow:hidden;font:0.25rem/1.4 "microsoft yahei";border-bottom: 1px solid #ededed;margin:0 0 2% 0;}
.survey_label {margin:5px 6px}
.survey_boder {border:#FF0000 solid 1px;}
/* msg & reg */
.msg_pin {width:100%;float:left;height:0.52rem;font-size:0.3rem;line-height:0.52rem;text-align:center;margin-left:0%;border-radius:6px;color:#fff;background:#f14400;}
.msg_input {display:block;border:1px solid #d9d9d9;background:#fff;width:94%;float:left;height:0.52rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:6px;}
.msg_textarea {display:block;border:1px solid #d9d9d9;background:#fff;width:94%;float:left;height:1.42rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:6px;resize: none}
.msg_input2 {display:block;border:1px solid #d9d9d9;background:#fff;width:50%;float:left;height:0.42rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:6px;}
.redmc {font-weight:bold;font:0.28rem/0.62rem "microsoft yahei";}
.msg_pin-value {width:80%;float:left;height:0.52rem;font-size:0.3rem;line-height:0.52rem;text-align:center;margin-left:0%;border-radius:6px;color:#fff;background:#f14400;margin-left:10%;border:0;background:#f14400;}
/* search*/
input {outline: none;}
.search {width: 96%;height: 0.691rem;padding:0 2%;position: absolute;top: -120%;left: 0;background-color: #e6453c;font-family: "microsoft yahei";}
.search-input {width: 75%;border:1px solid #e6453c;border-radius: 15px 0 0 15px;float: left;border-right: none;height: 0.461rem;font-size: 0.18rem;font-family: "microsoft yahei";text-indent: 5%;margin-top: 2%;background-color:#FFFFFF}
.search-btn {width: 15%;float: left;background-color: #fff;border-radius:0 15px 15px 0;border:1px solid #e6453c;border-left: none;height: 0.491rem;font-size: 0.25rem;margin-top: 2%;}
.search a {display: inline-block;width: 9%;float: left;color:#fff;text-align: center;height: 0.7rem;}
.index_text {width: 90%;font-size: 14px;height: 0.5rem;background: #fff url(../images/search_bg_05.png) no-repeat 95% center;-webkit-background-size: 7%;background-size: 7%;border:none;font-size: 0.21rem;font-family:"microsoft yahei";text-indent: 3%;margin:2% 0;border-radius: 7px;}
/* product discuss */
.discuss_top {width:87.5%;margin:2% auto;overflow:hidden;background:url(../images/discuss.png) right 0 no-repeat;background-size:4.46%;position:relative;padding:2% 0;color:#fff;}
.discuss_top_left {float:left;width:70.35%;margin:0 0 0 2.85%;height:0.9rem;overflow:hidden;font:0.18rem/0.3rem "microsoft yahei";}
.discuss_top_right {position:absolute;height:100%;right:0;top:0;border-left:1px solid rgba(255,255,255,.39);width:23.21%;font:0.18rem/1rem "microsoft yahei";text-align:center}
.discuss_top_right span {font-size:0.5rem;}
.discuss_list {width:87.5%;margin:2% auto;overflow:hidden;}
.discuss_list li {width:100%;height:auto;border-bottom:1px solid #ddd;overflow:hidden;padding:2% 0}
.discuss_list_top {width:100%;height:auto;overflow:hidden}
.discuss_list_top span {float:left;font:0.18rem/0.4rem "microsoft yahei";color:#545454}
.discuss_list_top_right {float:right;overflow:hidden;width:38.92%;}
.discuss_list_top_right div {float:left;width:67.43%;height:auto;overflow:hidden;position:relative;margin-top:3.2%;background:#d0cfcf}
.discuss_list_top_right div img {position:relative;z-index:2;width:100%;display:block}
.discuss_list_top_right div p {position: absolute;width:50%;left:0;top:0;height:100%;}
.discuss_list_top_right font {float:left;font:0.18rem/0.4rem "microsoft yahei";width:30%;display:block;text-align:center}
.discuss_list_con {width:100%;height:auto;overflow:hidden;font:0.18rem/0.24rem "microsoft yahei";color:#8a8a8a;padding:2% 0}
.discuss_list_reply {width:100%;height:auto;font:0.18rem/0.26rem "microsoft yahei";color:#877f7f;background:#eaeaea;padding:2%;overflow:hidden}
/* product width cart */
.view-price {width:100%;margin:0 auto;font:0.2rem/2 "microsoft yahei";color:#626262}
.view-price span {font-size:0.28rem;color:#ff0000}
.view_btns {width:100%;margin:2% auto;overflow:hidden}
.view_btns a {display:block;font:0.22rem/1.6 "microsoft yahei";color:#fff;padding:3% 12%;float:left}
.view_btns a:last-child {float:right;}
.view_collect {width:100%;margin:2% auto;overflow:hidden;border-top:1px solid #dadada;border-bottom:1px solid #dadada;}
.view_collect p {float:left;width:30%;font:0.2rem/3 "microsoft yahei";border-right:1px solid #dadada;color:#6b6565;text-align:center;}
.view_collect a {float:left;width:68%;font:0.2rem/3 "microsoft yahei";position:relative;text-indent:.6em;color:#707070;display: block}
.view_collect a font {position: absolute;right:0}
.view_collect a a {color:#707070}
.picContent div{width:100% !important;}
.picContent table{width:100% !important;border:none;border-collapse: collapse;border-spacing: 0px}
.picContent table td{text-align:center;    word-break: break-all;}
.picContent table td img{width:100% !important}