@charset "utf-8";

@media only screen and (max-width: 1024px) { div{ font-size: 21px; }}
@media only screen and (max-width: 768px) { div{ font-size: 20px; }}
@media only screen and (max-width: 640px) { div{ font-size: 19px; }}
@media only screen and (max-width: 600px) { div{ font-size: 18px; }}
@media only screen and (max-width: 560px) { div{ font-size: 17px; }}
@media only screen and (max-width: 500px) { div{ font-size: 16px; }}
@media only screen and (max-width: 460px) { div{ font-size: 15px; }}
@media only screen and (max-width: 400px) { div{ font-size: 14px; }}
@media only screen and (max-width: 360px) { div{ font-size: 12px; }}
@media only screen and (max-width: 320px) { div{ font-size: 11px; }}

/* CSS Document */
body,html{ background:#ffffff;}
.container{min-width:320px;max-width:768px;margin:0 auto;-webkit-text-size-adjust:none; position:relative;}
img{width:100%;}
figure{position:relative;}
.fly{position:absolute;display:inline-block;}
.color_blue{color:#15b3ee;}
.color_red{color:#eb4141;}
.b_color_blue{background-color:#15b3ee;}
.b_coloer_red{background-color:#eb4141;}
.box_no_1 {margin:30% auto; width:120px; height:120px;  background:url(../images/user_no_info.png) no-repeat; background-size:120px;}
.box_no_2 {margin:15% auto; width:120px; height:120px;  background:url(../images/user_no_info.png) no-repeat; background-size:120px;}
/*首页头部*/
#header{background-color:#017f02;}
#title { padding:2% 2%; color:#fff;}
#title .index_left { width:80%; font-size:1.5em; float:left;}
/*#title .index_min {width:10%; padding-top:1%;}*/
#title .index_right { width:20%; padding-top:1%; float:left;}
#title .index_right .user_a {display:block; width:1.5em; height:1.5em; background:url(../images/ico_user.png) no-repeat right center; background-size:1.5em; float:right;}
/*内页头部*/
#title .div_lr{width:35%; float:left; }
#title .div_lr span{display:block; width:100%; height:24px; line-height:24px; text-align:right; font-size:0.8em; float:left;}
#title .div_lr img{width:70%; float:right;}
#title .div_m{width:30%; height:24px; font-size:1.2em; line-height:24px; text-align:center; float:left;}
#title .div_lr .back_a{display:block; width:1.5em; height:1.5em; margin-top:1px; background:url(../images/ico_back.png) no-repeat left center; background-size:1.5em;}
#title .div_lr .home_a{display:block; width:1.5em; height:1.5em; background:url(../images/ico_home.png) no-repeat right center; background-size:1.5em; float:right;}

/*分类title*/
#banner_title{ margin:2% 2% 0 2%;padding:1% 0;box-sizing:border-box; border-bottom:1px solid #d8d8d8;}
#banner_title .title_a{display:block; width:100%; float:left;}
.titletext{ display:block; height:1.8em; line-height:1.8em; font-size:1.2em; float:left;}
.titlemore{ display:block; margin-top:2%; height:0.8em; width:0.8em; float:right;}
/*.adtext:before{content:'● ';font-size:1em;color:#767676;}
.adtext:after{content:' ●';font-size:1em;color:#767676;}*/
/*分类*/
.ui-title{ text-align: center; font-weight:normal; display: block; margin-top:0; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; display:none;text-indent: -10px; color: #FFF;}
.ui-title:hover{color:#fff;}
#popmenu{cursor:pointer; display:block; position:relative;  text-align: center; width: 100%; margin:0 auto}
#popmenu:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 8%;
    top: 50%;
    margin-top: -2px;
    border-width: 5px 5px 0 5px;
    border-style: solid;
    border-color: #ffffff transparent;
}
#overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);display:none;z-index: 4;}
#win{position: fixed;top:0;left:50%;
    width:60%; margin:0 0 0 -30%;display:none;z-index: 99;}

.fn-title {cursor:pointer; display:block; padding-top:3%; padding-bottom:2%; height:2.0em; line-height:2.0em; position:relative; font-size:1.2em; background:url(../images/pro_title_b.png) repeat-x bottom; background-color:#fafafa; text-align: center; width: 100%; margin:0 auto}
.fn-title:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 25%;
    top: 45%;
    border-width: 0 5px 5px 5px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 1) transparent;    
}
.dropdown {
    /* Size and position */
    position: relative;
	display:block;
    margin: 0 auto;
    /* Styles */
    background-color: rgba(255, 255, 255, 1);
    cursor: pointer;
    outline: none;
	list-style: none outside none;
}
.dropdown li {
    display: block;
    float: left;
	line-height: 35px;
	height: 35px;
    width: 100%;
}
.dropdown li span{
    border-left: 3px solid #017f02;
    display: block;
	background-color:#e0e0e0;
	padding-left:17px;
    font-size: 1.2em;
    height: 35px;
}
.dropdown li a{display:block; font-size: 1.2em; padding-left:20px;}
.dropdown li:hover {
    background-color: rgba(240, 240, 240, 0.9);
}
#pro_sort {width:100%; background:#fff; -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.3); -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.3);box-shadow: 0 0 3px 0 rgba(0,0,0,.3);}
#pro_sort .left_b {width:50%; background:url(../images/show_b_p.png) repeat-y right; float:left;}
#pro_sort .right_b {width:50%; float:left;}
#pro_sort .pro_sort_a { width:95%; padding:2% 0; font-size:1.2em; line-height:2.0em; text-align:center; background:url(../images/pro_sort.png) no-repeat right center; background-size:0.8em; margin-right:5%; float:left;}
#pro_page {margin:2%;}
#pro_page .more {
	display:block;
    cursor: pointer;
    width: 100%;
    height: 38px;
	line-height:38px;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#ffffff));
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 0;
    font-size: 14px;
    font-weight: 400;
    color: #333;
	text-align:center;
}
/*详细介绍*/
#show_div {background-color:#fff; padding:2%; -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.3); -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.3);box-shadow: 0 0 3px 0 rgba(0,0,0,.3);}
#show_div .pro_pic {width:100%;}
#show_div .pro_text {width:100%; padding-top:3%;}
#show_div .pro_text .pro_left_div{width:40%; float:left;}
#show_div .pro_text .pro_left_div .pro_name{width:100%; float:left;}
#show_div .pro_text .pro_left_div .pro_price{width:100%; padding-top:1%; font-size:1.2em float:left;}
#show_div .pro_text .pro_left_div .pro_price .pro_price_red {display:block; font-size:1.5em; color:#eb4141; float:left;}
#show_div .pro_text .pro_left_div .pro_price .pro_price_del {display:block; padding-left:7px; text-decoration:line-through; color:#999; float:left;}
#show_div .pro_text .pro_right_div{width:60%; float:left;}
#show_div .pro_text .pro_right_div .pro_lit_div {width:15%; padding-left:10%; float:left;}
#show_div .pro_text .pro_right_div .pro_lit_div .pro_ico_pic{width:100%;}
#show_div .pro_text .pro_right_div .pro_lit_div .pro_ico_text{width:100%; padding-top:4%; font-size:0.8em; text-align:center;}
#show_exp {width:100%; margin-top:3%; border-top:1px solid #dcdcdc; background:#fff;}
#show_exp .exp_title {width:100%;}
#show_exp .exp_title .div_b1 {width:33%; background:url(../images/show_b_p.png) repeat-y right; float:left;}
#show_exp .exp_title .div_b2 {width:34%; float:left;}
#show_exp .exp_title .div_b3 {width:33%; background:url(../images/show_b_p.png) repeat-y left; float:left;}
#show_exp .exp_title_a {display:block; width:100%; border-bottom:3px solid #999; padding:3% 0 2% 0; line-height:2.5em; text-align:center; font-size:1.2em; float:left;}
#show_exp .exp_title_a:active{}
#show_exp .exp_title_span {display:block; width:100%; border-bottom:3px solid #eb4141; color:#eb4141; padding:3% 0 2% 0; line-height:2.5em; text-align:center; font-size:1.2em; float:left;}
#show_exp .exp_text { width:92%; padding:4%; font-size:1.2em; line-height:2.0em;}
#show_exp .exp_review {width:100%; padding-top:4%;}
#show_exp .exp_review .review_lit{ width:94%; padding:4% 3%; border-bottom:1px solid #dcdcdc;}
#show_exp .exp_review .review_lit .user_pic { width:10%; float:left;}
#show_exp .exp_review .review_lit .user_pic img { display:block;}
#show_exp .exp_review .review_lit .user_pic .user_pic_style{ width:100%; border-radius:50%; overflow:hidden;}
#show_exp .exp_review .review_lit .review_text{width:88%; padding-left:2%; float:left;}
#show_exp .exp_review .review_lit .review_text .review_name_date{ width:100%; float:left;}
#show_exp .exp_review .review_lit .review_text .review_name_date .name_span{ display:block; font-size:1.2em; color:#eb4141; float:left;}
#show_exp .exp_review .review_lit .review_text .review_name_date .date_span{ display:block; color:#999; float:right;}
#show_exp .exp_review .review_lit .review_text .review_info {width:100%; padding-top:7px; line-height:1.5em; color:#666666; float:left;}
#show_exp .exp_review_send {width:90%; padding:4% 5%; text-align: center;}
.exp_review_send form textarea {
    width: 94%;
	margin-bottom:3%;
	padding-left:2%;
	padding-top:2%;
    height: 7.5em;
    background: #fcfcfc;
    border: 1px solid #ddd;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1) inset;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1) inset;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1) inset;
    color: #999;
    font-size: 1.2em;
}
.exp_review_send form textarea:focus {
    border: 1px solid #ccc;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.exp_review_send form textarea:-moz-placeholder { color: #aaa; }
.exp_review_send form textarea:-ms-input-placeholder { color: #aaa; }
.exp_review_send form textarea::-webkit-input-placeholder { color: #aaa; }

.exp_review_send form button {
    cursor: pointer;
    width: 96%;
    height: 42px;
    padding: 0;
    background: #eb4141;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 0;
    -moz-box-shadow: 0 15px 30px 0 rgba(255,255,255,.1) inset;
    -webkit-box-shadow: 0 15px 30px 0 rgba(255,255,255,.1) inset;
    box-shadow: 0 15px 30px 0 rgba(255,255,255,.1) inset;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.1);
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
}

.exp_review_send form button:hover {
    -moz-box-shadow: 0 -15px 30px 0 rgba(255,255,255,.05) inset;
    -webkit-box-shadow: 0 -15px 30px 0 rgba(255,255,255,.05) inset;
    box-shadow: 0 -15px 30px 0 rgba(255,255,255,.05) inset;
}

.exp_review_send form button:active {
    -moz-box-shadow:
        0 -15px 30px 0 rgba(255,255,255,.05) inset,       
        0 5px 8px 0 rgba(0,0,0,.1) inset;
    -webkit-box-shadow:
        0 -15px 30px 0 rgba(255,255,255,.05) inset,       
        0 5px 8px 0 rgba(0,0,0,.1) inset;
    box-shadow:
        0 -15px 30px 0 rgba(255,255,255,.05) inset,       
        0 5px 8px 0 rgba(0,0,0,.1) inset;
}
/*联系我们*/
#contact {width:94%; padding:3%; background:#fff;}
#contact .con_title { width:100%;}
#contact .con_title .con_t_left { width:20%; float:left;}
#contact .con_title .con_t_left .logo_pic { width:100%; /*border-radius:50%;*/ overflow:hidden;}
#contact .con_title .con_t_left .logo_pic img{ display:block;}
#contact .con_title .con_t_right {width:77%; margin-left:3%; padding-bottom:2%; border-bottom:1px dotted #dcdcdc; float:left;}
#contact .con_title .con_t_right_text{ width:100%;}
#contact .con_title .con_t_right h1{font-size:1.2em; line-height:2.2em;}
#contact .con_title .con_t_right p{line-height:1.5em}
#contact .con_info{ width:100%; padding-top:4%;}
#contact .con_info .info_t_right {width:77%; padding-left:23%; float:left;}
#contact .con_info .info_t_right .con_info_title{ width:100%; float:left;}
#contact .con_info .info_t_right .con_info_title h1{display:block; font-size:1.2em; color:#666666; float:left;}
#contact .con_info .info_t_right .con_info_title .en_span{display:block; padding-left:5px; padding-top:3px; color:#999; float:left;}
#contact .con_info .info_t_right .con_info_text{ width:100%; line-height:1.8em; color:#666666; padding-top:2%; float:left;}
/*活动*/
#news {
	margin: 4%;
    padding: 4%;
	background: #fff; 
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 0px 2px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0px 2px 0 rgba(0,0,0,.3);
    box-shadow: 0 0px 2px 0 rgba(0,0,0,.3);
}
#news h1{display:block; width:100%; font-size:1.2em; float:left;}
#news .news_date_span{ display:block; padding-top:2%; color:#999; width:100%; float:left;}
#news .news_pic_p {width:100%; max-height:150px; padding-top:3%; overflow:hidden; float:left;}
#news .news_info_p {display:block; width:100%; line-height:1.8em; padding-top:3%; color:#999; float:left;}
#news .pro_info_p {display:block; width:100%; line-height:1.5em; padding-top:3%; color:#ccc; float:left;}
#news h2{ display:block; width:100%; font-size:1.1em; padding-top:6%; float:left;}
#news_text {margin:0; padding:4%; font-size:1.2em; line-height:1.8em; background:#fff;}
#news_text .t_h1{display:block; width:100%; color:#017f02; font-size:1.2em; float:left;}
#news_text .news_t_date{ display:block; width:100%; font-size:0.8em; color:#999; float:left;}
#news_text .news_t_pic {display:block; width:100%; padding-top:1%; overflow:hidden; float:left;}
/*列表式新闻*/
#listnews {
	margin: 2%;
    padding: 3%;
	background: #fff; 
/*    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;*/
    -moz-box-shadow: 0 0px 2px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0px 2px 0 rgba(0,0,0,.3);
    box-shadow: 0 0px 2px 0 rgba(0,0,0,.3);
}
#listnews .news_pic{ width:60px; height:60px; overflow:hidden; float:left;}
#listnews .news_text{ margin-left:70px;}
#listnews .news_text h1{display:block; width:100%; font-size:1.2em; float:left;}
#listnews .news_text .news_info_p {display:block; width:100%; line-height:1.8em; color:#666; float:left;}
#listnews .news_text .pro_info_p {display:block; width:100%; line-height:1.8em; color:#999; float:left;}
#listnews .news_date_span{ display:block; color:#999; width:100%; float:left;}
#listnews .help_a{font-size:1.2em;}
/* ----- 注册与登录 ----- */
.register form {
	margin:2%;
    padding: 8%;
	background: #f8f8f8 ;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    text-align: center;
}

.register form input{
    width: 95%;
	margin-bottom:5%;
	padding-left:1%;
    height: 2.5em;
    background: #fcfcfc;
    border: 1px solid #ddd;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1) inset;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1) inset;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1) inset;
    color: #999;
    font-size: 1.2em;
}
.register form textarea {
    width: 95%;
	margin-bottom:5%;
	padding-left:2%;
	padding-top:2%;
    height: 7.5em;
    background: #fcfcfc;
    border: 1px solid #ddd;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1) inset;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1) inset;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1) inset;
    color: #999;
    font-size: 1.2em;
}
.register form input:focus {
    border: 1px solid #ccc;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*.register form label {
    margin: 7px 0 10px 5px;
    font-size: 1.8em;
    text-align: left;
}*/

/*.register form label span {
    font-style: italic;
}*/

.register form input:-moz-placeholder { color: #aaa; }
.register form input:-ms-input-placeholder { color: #aaa; }
.register form input::-webkit-input-placeholder { color: #aaa; }

.register form textarea:-moz-placeholder { color: #aaa; }
.register form textarea:-ms-input-placeholder { color: #aaa; }
.register form textarea::-webkit-input-placeholder { color: #aaa; }

.register form button {
    cursor: pointer;
    width: 95%;
    height: 42px;
    margin-top: 3%;
    padding: 0;
    background: #eb4141;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 0;
    -moz-box-shadow: 0 15px 30px 0 rgba(255,255,255,.1) inset;
    -webkit-box-shadow: 0 15px 30px 0 rgba(255,255,255,.1) inset;
    box-shadow: 0 15px 30px 0 rgba(255,255,255,.1) inset;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.1);
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
}

.register form button:hover {
    -moz-box-shadow: 0 -15px 30px 0 rgba(255,255,255,.05) inset;
    -webkit-box-shadow: 0 -15px 30px 0 rgba(255,255,255,.05) inset;
    box-shadow: 0 -15px 30px 0 rgba(255,255,255,.05) inset;
}

.register form button:active {
    -moz-box-shadow:
        0 -15px 30px 0 rgba(255,255,255,.05) inset,       
        0 5px 8px 0 rgba(0,0,0,.1) inset;
    -webkit-box-shadow:
        0 -15px 30px 0 rgba(255,255,255,.05) inset,       
        0 5px 8px 0 rgba(0,0,0,.1) inset;
    box-shadow:
        0 -15px 30px 0 rgba(255,255,255,.05) inset,       
        0 5px 8px 0 rgba(0,0,0,.1) inset;
}
.register .ny_div{ width:100%; padding-top:3%; text-align:center;}
.register .ny_div a{color:#eb4141;}
.register .ny_div a:hover{text-decoration:underline;}

/*分享及拨号*/
#mess_share{ width:100%;margin:2% 0; float:left;}
#share_1{float:left;width:32%; display: block}
#share_2{float:left;width:32%; margin-left:2%; display: block}
/*#share_3{float:left;width:32%; display: block}*/
#mess_share img{width:22px;height:22px;vertical-align: top;border: 0;}
.button2{
font-size:1.2em;padding:4% 0;
color:#000000;
background-color:#FFFFFF;
background-image: linear-gradient(to top, #f5f5f5, #ffffff);
border: 1px solid #D3D3D3;
box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.15);
-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.15);
text-shadow: 0.5px 0.5px 1px #fff;
text-align:center;
border-radius:3px;
width:100%;
cursor:pointer;
}
.button2:active{background-image: linear-gradient(to top, #ffffff, #ffffff);}
<!---->
#mcover{ position: fixed;	top:0;	left:0;	width:100%;	height:100%;background:rgba(0, 0, 0, 0.7);	display:none;z-index:20000;}
#mcover img {position: fixed;right: 18px;top:5px;width: 260px;height: 180px;z-index:20001;}
#download_div{ position:absolute; width:100%; text-align:center; bottom:0;}