body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0px; padding:0px;font-family:"΢ÈíÑźÚ";}
table { border-collapse: collapse; /*border-spacing: 0px;*/ }
fieldset, img { border: 0px; }
*{ margin:0; padding:0;}
a{ text-decoration:none;}
ul li{ list-style:none;}
img{ border:none; width:100%;}
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
ol,ul,li{ list-style: none; }
caption { text-align: left; }
q:before, q:after { content:''; }
abbr, acronym { border:0px; }
caption,legend { display: none; }
html { height: 100%; overflow: auto; }


.btswt{ display:block;width:120px; height:120px;background:url(bt.jpg) no-repeat top center;-moz-border-radius:60px;-webkit-border-radius:60px;border-radius:60px;-moz-background-size:100% 100%; background-size:100% 100%;}
.swt{ background:#FF608E;display:block; width:66%; height:46px;  color:#fff; clear:both; line-height:46px;  text-decoration:none; text-align:center; margin:0 auto;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius:8px;font-size:13px}

#banner{max-width:640px;min-width:320px; margin:0 auto; }
#box{max-width:640px;min-width:320px; margin:0 auto; font-size:62.5%; box-sizing:border-box; color:#000;}

#box ul{ position:relative; overflow:hidden;}
#box img{ margin:auto;}
#box .btn{transition: all 0.2s; border-radius:10pt; display:block; margin:5% auto; font-size:3em; text-align:center; color:#fff; width:70%; background:#ed647e;padding:4% 0;}
#box .btn:hover{transform: scale(1.02);}
#box .left{ float:left;}
#box .right{ float:right;}
.boxW{width:93.75%; padding:0 3.125%;}

h2.title{background:url(../images/title.png) no-repeat center top; width:52.5%; margin:8% auto 2%; background-size:contain; padding:12% 0 6% 20%; box-sizing:border-box; text-align:center; color:#A72D38; font-size:2em; color:#fff;}
h2.title span{ display:block;line-height:1.2em; }


.box_1{ background:#f7f0ec; padding:1% 0;}
.box_1 ul{ padding:0 4.84375%}
.box_1 ul li{ margin-bottom:1%;font-size:1.6em; overflow:hidden;}
.box_1 ul li p{ width:49%; margin-bottom:4%;}
.box_1 ul li b{ display:block; border-bottom:1px dashed #ed647e; margin:0 auto 4%; padding-bottom:2%; text-align:center; font-size:1.375em; font-weight:normal;}

.box_2{ text-align:center; }
.box_2 p{font-size:1.6em; line-height:1.8em;}
.box_2 p span{ color:#ed647e;}
.box_2 img{ width:94.0625%;}
.box_2 ul{background:url(../images/4.jpg) top center no-repeat; background-size:contain; margin:0 2%; }
.box_2 ul li{width:33.333%; float:left; text-align:left; color:#fff; font-size:1.6em; padding:0 2% 6%; box-sizing:border-box; }
.box_2 ul li span{ margin-right:0;  line-height:1.2em;}
.box_2 ul li b{ display:block; margin:auto; padding:6% 0 16%; text-align:center; font-size:1.4em; font-weight:normal; color:#000;}
.box_2 a.btn,.box_5 a.btn{ line-height:1em; padding-top:4%;}

.box_3{ background:#f7f0ec; padding:1% 0 4%; }
#box .box_3 img{ margin:0 auto 3%;}
.anli{ position:relative;} 
.anli .btn1{display:block; padding:4% 0; width:80%; position:absolute;bottom:2.6%; left:10%; text-indent:-99999px; overflow:hidden;}

.box_4 p{ padding:0 2%; font-size:2em; line-height:1.6em;}
.box_4 ul{ overflow:hidden;margin:4% 2% 2%; padding:2%;}
.box_4 ul li{ overflow:hidden;}
.box_4 ul .left{ width:24.78125%;}
.box_4 ul .right{ width:70.21875%;line-height:2em;}
.box_4 ul span{ font-size:1.6em; }
.box_4 ul p{ background:#ffd6e0; padding:4%; margin-top:2%; font-size:1.4em;}
.box_4 ul .gap{ margin-top:4%;}
.box_4 .box_4_1{  border:2px dashed #ed647e;}

.box_5,.box_7{ background:#f7f0ec; padding:1% 0 4%; margin-top:8%; }
.box_5 p{ font-size:1.8em; text-align:center; padding:0 3%; box-sizing:border-box;line-height:1.8em;}
.box_5 p,.box_5 .chanpin,.box_5 dl{ width:84.372%; margin: auto;}
.box_5 .chanpin{ margin:4% auto; border-bottom:1px dashed #ed647e; padding-bottom:4%;}
.box_5 .chanpin  p{ font-size:2em; text-align:left; padding:0; width:100%; margin-top:3%;}
.box_5 dl{ background:#fff; font-size:1.8em; padding:3%; box-sizing:border-box;}
.box_5 dd{ margin-bottom:1%;}

.box_7{ padding-bottom:8%;}
.zj{ position:relative;} 
.zj .btn1{display:block; padding:5% 0; width:90%; position:absolute;bottom:1%;left:6%; text-indent:-99999px; overflow:hidden;}


.box_8{ width:90.625%; margin:0 auto 4%; overflow:hidden;}
.box_8 p a{ width:50%; text-align:center; font-size:2.8em; color:#000; margin:1% auto 3%; display:block; float:left; transition:all 0.2s;}
.box_8 p a:hover{ transform:scale(1.1);}

	
@media (min-width:1px) and  (max-width:319px){
    #box{ font-size:31%;}
	}
@media (min-width:320px) and  (max-width:399px){
    #box{ font-size:36%;}
	}
@media (min-width:400px) and  (max-width:479px){
    #box{ font-size:39%;}
    }
	
@media (min-width:480px) and  (max-width:559px){
    #box{ font-size:47%;}
	} 
	
@media (min-width:560px) and  (max-width:639px){
    #box{ font-size:58%;}

	}