@charset "gb2312";
/*css*/
body{color: #505050; font-size: 1.5rem; font-family:"MicroSoft YaHei"; line-height:24px;}
html{font-size:62.5%;}
a{text-decoration: none;color: #f00;}a:hover{text-decoration: underline; color: inherit;}
p{ font-size:1.5rem; color:#505050;}
p a{color: #ff0000;}p a:hover{color: #ff0000;}
em{color: #ff0000; font-style:normal;}

/* CSS Document */
.logo{ position:relative;}
.logor{position:absolute; width:35%; height:100%; right:0; top:0; z-index:1;}
h2{ font-size:2rem;  margin:6% 0 2% 0; height:36px; border-bottom:1px solid #ff6161; position:relative;}
h2 i{ display:block; width:8px; height:8px; background:#ff6161; border-radius:50%; position:absolute; right:0; bottom:-4px;}
h2 span{ display:inline-block;height:36px; line-height:36px; background:#ff6161; color:#fff;padding-left:2%; position:relative;}
h2 span::after{content: ""; border-left: 20px solid #ff6161; border-top: 36px solid transparent; border-right: 10px solid transparent; border-bottom: 0px solid transparent; position: absolute; top:0; left:100%;}
.button{  text-align:center; margin:6% auto; }
.button a{position:relative; background:linear-gradient(#f0e979,#f3ba2b); border-radius:15px; border:1px solid #b37c12; color:#000; font-size:1.6rem; padding:1% 6% 1% 4%;}
.button img{animation: cursorMove 1s infinite; position: absolute;right:0;}
@keyframes cursorMove{
	0%{top:12px;}
	100%{top:20px;}
}
@-webkit-keyframes cursorMove{
	0%{top:12px;}
	100%{top:20px;}
}

.container .tel table{max-width:466px; margin:6% auto;}

.container .A div.fix{ border:1px dashed #ff6161; border-radius:15px; padding:10px; margin-top:15px;}
.container .A p strong{ color:#000;}
.container .A table tr td{ text-align:center;}
.container .A table p{ border-bottom:1px solid #c5c5c5;}

.container .B table tr td{ text-align:center; height:34px; border:1px solid #fff;}
.container .B table a{ color:#505050;}
.container .B table h3{ font-size:1.8rem; color:#fff; font-weight:bold; line-height:40px;}
.container .B table h3 img{ position:relative; top:5px;}
.container .B div.fix{ border:1px dashed #ff9600; border-radius:10px; padding:5px 10px; margin-top:15px;}

.container .C div.fix img{ width:50%; max-width:195px;}

.container .D table tr td{ padding-top:10px; vertical-align:top;}
.container .D table tr td:first-child{ width:30px; background:url('../images/line1.jpg') center center repeat-y; text-align:center;}
.container .D table span{ display:inline-block; width:15px; height:15px; background:#ff6161; border-radius:50%;}
.container .D table strong{ color:#000;}

.container .E div.fix{ background:#daf2ea; margin-top:10px; padding:10px;}
.container .E img{ width:40%; max-width:138px;}
.container .E h3{ font-size:1.7rem; color:#008759;}

.container .F h4{ font-size:1.6rem; margin:15px 0 5px 0;}
.container .F h4 span{display:inline-block; width:80px; height:30px; line-height:30px; background:#ff6161; position:relative; margin-right:15px; text-align:center; color:#fff;}
.container .F h4 span::after{content: ""; border-left: 10px solid #ff6161; border-top: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid transparent; position: absolute; top: 5px; left:100%;}
.container .F ul li{ width:31.333%; float:left; margin:1%; text-align:center;}
.container .F ul li a{ display:block; color:#505050; font-size:1.5rem;}
.container .F ul li img{ width:70%; max-width:87px;}

.container .G table tr td{ height:70px; text-align:center; position:relative;}
.container .G table tr td span{ display:inline-block; width:16px; height:16px; border-radius:50%; background:#fff; border:1px solid #e9657a; position:absolute; top:26px; left:50%; margin-left:-9px;}
.container .G table tr td hr{ width:100%; height:1px; border:none; background:#c3bcbd;}
.container .G table tr td p{ text-align:left; border:1px solid #e38493; padding:5px 0 5px 10px;}
.container .G table tr td p strong{ font-size:1.6rem; color:#e8566d;}

.container .H a{ display:block; color:#505050; font-size:1.6rem; line-height:34px;}
@media screen and (max-width: 400px){
	h2{ font-size:1.8rem;}
	}
@media screen and (max-width: 374px){
	.container .F ul li a{ font-size:1.4rem;}
	}
@media screen and (max-width: 359px){
	h2 span{ font-size:1.8rem; display:block; background:#ff6161; color:#fff;padding-left:0; position:relative; text-align:center;}
	h2 span::after{content: ""; border-left: 0px solid #ff6161; border-top: 36px solid transparent; border-right: 10px solid transparent; border-bottom: 0px solid transparent; position: absolute; top:0; left:0;}
	h2 i{ display:none;}
	.container .F ul li a{ font-size:1.3rem;}
	.container .G table tr td p{padding:5px 0 5px 5px;}
	}