@charset "gb2312";
/* CSS Document */
/* 公用部分 */
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video ,p{margin:0;padding:0;border:0;font-size:100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {
  width: 100%;
  font-family: Arial, "微软雅黑";
  
  -webkit-touch-callout: inherit ;
  -webkit-user-select: auto ;
  background-color: #fff;
}
html, body{
	-webkit-touch-callout:none;
	-webkit-text-size-adjust:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-user-select:none;
	
}
html{font-size:68.75%; /* 11÷16=62.5% */} 
@media (min-width: 43.75em) {
	
	html{font-size:100%; /* 10÷16=62.5% */} 
	}

@media (min-width: 56.25em) {
	
	html{font-size:120%; /* 10÷16=62.5% */} 
	}
@media screen and (max-device-width: 480px){
	html{font-size:62.5%; /* 10÷16=62.5% */} 
	
	 }
ol, ul {list-style:none; list-style-type:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
:focus {outline:0;}
table {border-collapse: collapse;border-spacing: 0;}
i,em{font-style:normal;}
img{border:0;vertical-align:middle;}
p{word-wrap:break-word}
a{ text-decoration:none;}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; font-family:"微软雅黑" , Arial; }
input[type="button"], input[type="submit"], input[type="reset"] , input[type="text"] {-webkit-appearance: none;}
header{ width:100%;position:fixed;left:0;top:0;z-index:100; background-color:#fff;}
header .head{ border-bottom:1px solid #c7c7c7;  }
  header .head_r{  position:absolute; right:3%; top:35%; }
 header .head_l{}
 .head_l img{ margin:2.5% 2.5% 2.5% 3.5% ; width:30%; }
.head_r img{width:2rem; }
 header .head_r1{ color:#292929; text-align:center; line-height:260%; font-size:1.7rem; padding-top:1%; }
 header .head_l1{ position:absolute; top:1.7rem; left:5%;}
 header .head_l1 img{ width:2rem;}
.hide-me{display:none;}
#other1{display:none;}

.more-fn{ width:40%; position:absolute; right:0; top:100%; box-shadow:-2px 2px 10px #999; height:auto; overflow:hidden; background:url(head_bj2.png) top repeat-x #fff;}
.more-fn p{   border-bottom:1px solid #ebe9e9; font-size:1.8rem; line-height:280%; text-align:center;  }
.more-fn a{ color:#636363;}

.footer{ width:100%; height:auto; font-size:1rem; color:#7b7b7b; line-height:170%; text-align:center; clear:both; background-color:#efefef; padding:10px 0;}
.footer2{ width:100%; height:auto; font-size:1rem; color:#7b7b7b; line-height:170%; text-align:center; clear:both; padding:3px 0; }
.footer3{ width:100%; height:auto; font-size:1rem; color:#7b7b7b; line-height:170%; text-align:center; clear:both; padding:3px 0; }
/* 公用部分 */


/* index.html部分 */
.center{ background-color:#676c71; text-align:center;width:100%; height:auto; overflow:hidden; }
.center img{ margin:20% auto 2%; width:95%; }
.center span img{ width:70%; height:auto; margin:3% auto 5%;}
.zc{ text-align:center;background:#f47e8f;  width:94%; height:auto; font-size:2.2rem; line-height:200%; margin:4.5% auto; -moz-border-radius: 5px;    -webkit-border-radius: 5px;    border-radius:5px; color:#fff; padding-top:1%;}
.zc a{ color:#fff;}
.zc1 a{ color:#fff;}


.zc1{ text-align:center;background:#f47e8f;  width:94%; height:auto; font-size:2.2rem; line-height:200%; margin:2.5% auto; -moz-border-radius: 5px;    -webkit-border-radius: 5px;    border-radius:5px; color:#fff; padding-top:1%;}


.center2{ width:100%; height:auto; margin:0px auto; overflow:hidden; background-color:#efefef; padding:2.5% 2.5% 0;}
.center2_bt{ font-size:1.5rem;  color:#a8a8a8;line-height:180%; background:url(index_bt1.png) center left no-repeat;background-size:2.5rem 2rem; padding-left:3.2rem; margin-left:1%; padding-top:1%;}
.center2_bt1{ font-size:1.5rem;  color:#a8a8a8;line-height:180%; background:url(index_bt2.png) center left no-repeat; background-size:1.3rem 2.3rem; padding-left:2rem; margin-left:1%;}
.center2_bt2{ font-size:2rem; font-weight:bold; color:#333333; text-align:center; line-height:200%;}
.center2_bt3{ font-size:1.55rem; color:#4c5052; text-align:center;line-height:100%;}
.center2_bt4{ font-size:1.1rem; color:#c5c5c5; text-align:center; line-height:200%;}
.center2 ul{}
.center2 li{ float:left; width:50%;}
.box{ width:97%; height:auto; overflow:hidden; margin:0.6rem auto; text-align:center;  background-color:#fff; padding:5% 0 7%;  -moz-border-radius:3px;    -webkit-border-radius: 3px;    border-radius:3px; border:thin solid #e1e1e1; }
.box img{ width:25%; margin:10% 0 4%; }
.index_big1 img{ width:30%; margin:5% 0 2%;}
.index_big2 img{ width:22%; margin:12% 0 6%;}
.index_big3 img{ width:23%; margin:10% 0 6%;}
.index_big4 img{ width:23%; margin:12% 0 6%;}
.index_big5 img{ width:26%; margin:8% 0 4%;}



/* index.html部分 */

/* about.html部分 */
.about_bt3{ text-align:left; color:#2f2f2f; font-size:1.8rem;  line-height:150%; padding:2% 5%;}
.about_bt4{ text-align:left; color:#818181; font-size:1.5rem;  line-height:150%; padding:0% 5% 3%;    }
.about_bt4 span{ color:#4e95e6;}
.about_bt4 strong{ font-weight:normal; font-size:1.8rem;}
/* about.html部分 */


/* product.html部分 */
.product_center{ margin-top:2%;}
.product_center img{ text-align:center; width:100%; height:auto; margin-top:5%;}
.bt1{ text-align:center; color:#00b7ee; font-weight:bold; font-size:2.5rem;  line-height:200%; padding-top:3%;}
.bt2{ text-align:left; color:#818181; font-size:1.5rem;  line-height:200%; padding:0 8% 8%;   }
.product_color1{ background-color:#bbefe7; border-top:0.3rem solid #00b7ee;}
.product_color2{ background-color:#f3f2b8; border-top:0.3rem solid #00b7ee;}

/* product.html部分 */

/* product子页面部分 */
.product_son{ margin-top:2%;}
.product_son img{ text-align:center; width:100%; height:auto; border-bottom:2rem solid #12bebe; }
.upload{ margin:10% auto; width:80%; height:auto; overflow:hidden; background-color:#eee; padding:5%;  }
.upload img { width:30%; height:auto; margin-right:10%;}
.upload a{ font-size:2rem; color:#a7a6a9;}
/* product子页面部分 */



/* buy.html部分 */
.buy_center{ margin-top:18%;}
.buy_center img{ text-align:center; width:100%; height:auto;}
.buy_bt3{ text-align:left; color:#2f2f2f; font-size:1.8rem;  line-height:150%; padding:1% 5%;}
.buy_bt4{ text-align:left; color:#818181; font-size:1.5rem;  line-height:200%; padding:0 5% 0%;   }
.buy_bt5{ text-align:left; color:#2f2f2f; font-size:1.6rem;  line-height:150%; padding:1% 5%;}
.buy_bt4 span{ color:#4e95e6;}
.bt5{ text-align:center; font-size:2.5rem; padding-top:10%; color:#818181;}
.bt6{ text-align:center; font-size:2.5rem; padding-top:5%; color:#a4a4a4; }
.buy_box{ margin:0% auto 5%;  border:0.1rem solid #e1e1e1 ; clear:both; width:90%; height:auto; overflow:hidden; -moz-border-radius: 3px;    -webkit-border-radius: 3px;    border-radius:3px;}
.buy_box li{ float:left; width:50%; text-align:center; color:#2f2f2f; vertical-align:middle; font-size:1.5rem; line-height:250%;}

.xm{ background-color:#f0f0f0; margin-bottom:2%; color:#6a6a6a;}
.xm span{ font-size:1.1rem; color:#999999; line-height:200%;}
.buy_box li strong{ color:#f16905; font-weight:normal;}

.buy_bottom{ border-bottom:1px solid #e1e1e1;}
.buy_color2{ color:#6a6a6a;}
/* buy.html部分 */

.bt4 b{ font-weight:normal; margin-left:5rem;}

.bt10{ text-align:left; color:#818181; font-size:2rem;  line-height:200%; width:90%; margin:2% auto; text-indent:2em; }

/* login.html部分*/
.login_center{ margin-top:2%;}
.bt7{ font-size:3rem; line-height:200%; color:#373737; font-weight:bold; margin-top:2rem;}
.login_center img { width:100%; height:auto; text-align:center;}
.login_center2{ margin-top:2%; height:auto; }
.box3{ border-top:0.1rem solid #c0c0c0; width:100%; height:auto; overflow:hidden;}
.box3 li{ float:left;}
.color1 img , .color2 img,.color3 img,.color4 img,.color5 img{ width:95%; height:auto; padding:30% 32%;}
.color1{ background-color:#76dada;  width:27%;}
.color2{ background-color:#dc85a5;  width:27%;}
.color3{ background-color:#936896;  width:27%;}
.color4{ background-color:#e7ce7c;  width:27%;}
.color5{ background-color:#e1857a;  width:27%;}
.bt8{ vertical-align:middle; font-size:2.5rem; padding-top:2rem; color:#373737; font-weight:bold; margin-left:2rem;}
.bt8 a{ color:#373737;}
.bt9{ color:#a7a6a9; font-size:1.3rem;margin-left:2rem;}
.bot {border-bottom:0.1rem solid #c0c0c0;}
/* login.html部分*/

/* free.html部分*/
.free_center{ margin:13% 5% 0; }
.free_center .free_bt{ text-align:left; font-size:2.5rem; color:#2f2f2f; margin:2.5% auto; line-height:200%;}

.free_center p span{ font-size:1.2rem; font-weight:normal; color:#a4a4a4; line-height:150%;}
.free_center p span a{ color:#338dd5; margin-left:1.5rem;}
input[type=text]{
	width:100%;  margin:1% auto; font-size:1.8rem; -webkit-appearance:none; padding:10px 15px; -webkit-user-select:text; outline:0; font-weight:normal;
	}
.lxr{ text-align:left; width:80%;}

.free_height{ margin:0 auto;}
.free_height span{ font-size:1.5rem; font-weight:normal; color:#a4a4a4; line-height:150%;}
.free_height span a{ color:#338dd5; margin-left:1.5rem;}
input::-webkit-input-placeholder { /* WebKit browsers */
  line-height:200%;
}
.input{ width:100%; height:4.5rem;  padding-left:1rem;border-left: 0;   border-right: 0;   border-top: 0; border-bottom:0.1rem solid #c8c8c8; font-size:1.5rem;}
.input2{ width:40%; height:4.5rem; padding-left:1rem; font-size:1.5rem; border-left: 0;   border-right: 0;   border-top: 0; border-bottom:0.1rem solid #c8c8c8; }

.free_content{
	text-align:center;
	font-size:1.5rem;
	line-height:200%;
	}
/*.regular-radio + label{-webkit-appearance:none; background-color:#fafafa; border:0.1rem solid #cacece; box-shadow:0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding:0.8rem; border-radius:5rem; display:inline-block; position:relative; margin:0 1rem;}

.regular-radio:checked + label{ background-color:#e9ecee; color:#99a1a7}*/
label{ display:inline; margin-right:1rem;}
.input_bg{ resize:none; width:100%; height:4.5rem; line-height:250%; padding-left:0.5em; font-size:1.5rem; border-left: 0;   border-right: 0;   border-top: 0; border-bottom:0.1rem solid #c8c8c8; margin-top:1rem;}
.black{ background-color:#b4bed3; margin:0 2rem; padding:1rem; font-size:2rem; font-weight:normal; color:#fff;}
#submit_btn{ border:none; color:#fff; background-color:#f47e8f; font-size:2rem; padding:1rem; font-weight:normal;  -moz-border-radius: 5px;    -webkit-border-radius: 5px;    border-radius:5px; width:100%;}
/* free.html部分*/