@charset "utf-8";
@font-face { font-family: "member"; src: url('../other/member.woff') format('woff'), url('../other/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: 625%; -webkit-text-size-adjust: none; max-height: 100% }
body { font-size: 0.16rem; font-family: "microsoft yahei"; }
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 { display: block; 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 { min-height: 8rem; overflow: hidden; font-size: 0.2rem; margin-top: 6%; padding-bottom: 15%; background-color: transparent; }
.content_new { margin-top: 0 !important; }

/* 首页不要上边距 */
.common_bg { background-color: #b30f1a !important; }

/* index style */

/*header*/

.header { width: 100%; height: 0.691rem; background: #1d1d1d; position: relative; z-index: 9999; }
.head { text-align: center; position: fixed; width: 100%; height: 0.691rem; top: 0; right: 0; line-height: 0.691rem; 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: 62.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: 70%; position: absolute; left: 15%; top: 0; font-size: 0.3rem; line-height: 0.71rem; text-align: center; color: #fff; overflow: hidden; height: 0.71rem;}
.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: 0; position: absolute; height: 100%; font-size: 0.4rem; line-height: 0.691rem; color: #fff; text-align: center; overflow: hidden; }
.search_l { left: 0%; }

/*header end*/

/* 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; }
.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 #303030; }
.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: 150%; 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.691rem; color: #fff; 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.691rem; color: #fff; 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.691rem; color: #fff; text-align: center; overflow: hidden; }
.class-btn span.commonfont { font-size: 0.4rem; }

/* 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: #fff }
.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('../other/iconfont.woff') format('woff'), url('../other/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('../other/common.woff') format('woff'), url('../other/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: 0% auto; font: 0.22rem/2.4 "microsoft yahei"; color: #1d1d1d; }
.about1{width: 92.5%;margin: 0 auto;font: 0.22rem/2.4 "microsoft yahei"; color: #1d1d1d; }
.about1 table{width: 100% !important;}
.about1 td{padding:1%;}
.about1 img { max-width: 100%; height: auto !important; }
.about1 h1 { line-height: 0.6rem; text-align: center; font: 0.28rem/0.5rem "microsoft yahei"; font-weight: bold; margin-bottom: 3%; }
.xiangqing td{font-size: 0.23rem !important;line-height: 0.38rem !important}
.xiangqing td span{font-size: 0.23rem !important;line-height: 0.4rem !important}
.xiangqing td p{font-size: 0.23rem !important;line-height: 0.38rem !important}
.xq_tit{width: 100%;height: 0.5rem;line-height: 0.5rem;border-bottom: 1px #0461C9 solid;border-left: 2px solid #0461C9;text-align: left;text-indent: 15px;margin: 1em 0}
.about p { font-size: 0.24rem !important;line-height: 1.7em !important; }
.about p span{ font-size: 0.24rem !important;line-height: 1.7em !important; } 
.about img { max-width: 100%; height: auto !important; }
.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: #0461C9; 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 }

/*.header{height:0.691rem!important;}*/
@media all and (min-width:640px) {
    .content { width: 640px; margin: 0 auto; position: relative; margin-top: 6%; padding-bottom: 15%; }
}
@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: #0078c1; font-family: "microsoft yahei"; }
#searchtext { width: 75%; border: 1px solid #0078c1; 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 }
#searchid, #isnoidjs { display: none; }
#pngFix { width: 15%; float: left; background-color: #fff; border-radius: 0 15px 15px 0; border: 1px solid #0078c1; 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; }
.search_lh { width: 100%; text-align: center; background-color: #ff9600; }
.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: 25px; }

/* 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 }
.pages { width: 100%; height: 30px; margin: 10px 0; clear: both; text-align: center; }
.pages dd { float: left; margin-left: 10px; line-height: 30px; }
.pages ul { float: right; display: inline; }
.pages ul span { float: left; display: inline; margin: 0 7px 0 0; font: 500 14px/28px "宋体"; color: #666; border: 1px solid #666; text-align: center; }
.pages ul span a { color: #666; display: block; padding: 0 10px; }
.pages ul span a:hover { background-color: #009656; color: #fff; }
#current { background-color: #0858b1; color: #fff; padding: 0 10px; }

@media screen and(min-width:640px) { .news4 a img{height: 192px;}}
@media screen and (max-width:640px){ .news4 a img{height: 165px;}}
@media screen and (max-width:480px){ .news4 a img{height: 117px;}}
@media screen and (max-width:300px){ .news4 a img{height: 76px;}}