*{padding: 0;margin: 0;font-family: "微软雅黑"}
body{ width:100%; height:100%}
/* 内外边距通常让各个浏览器样式的表现位置不�?*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    margin:0;
    padding:0;
}
div {
                /*关键代码*/
                -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            }
/* 要注意表单元素并不继承父�?font 的问�?*/
body,button,input,select,textarea {
    font:12px \5b8b\4f53,arial,sans-serif;
}
body{ background:#fff;}
input,select,textarea {
    font-size:100%;
}
/* 去掉 table cell 的边距并让其边重�?*/
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* ie bug：th 不继�?text-align */
th {
    text-align:inherit;
}
/* 去除默认边框 */
fieldset,img {
    border:none;
}
/* ie6 7 8(q) bug 显示为行内表�?*/
iframe {
    display:block;
}
/* 去掉 firefox 下此元素的边�?*/
abbr,acronym {
    border:none;
    font-variant:normal;
}
/* 一致的 del 样式 */
del {
    text-decoration:line-through;
}
address,caption,cite,code,dfn,em,th,var {
    font-style:normal;
    font-weight:500;
}
/* 去掉列表前的标识，li 会继�?*/
ol,ul {
    list-style:none;
}
/* 对齐是排版最重要的因素，别让什么都居中 */
caption,th {
    text-align:left;
}
/* 来自yahoo，让标题都自定义，适应多个系统应用 */
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:500;
}
q:before,q:after {
    content:'';
}
/* 统一上标和下�?*/
sub,sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline;
}
sup {
    top:-0.5em;
}
sub {
    bottom:-0.25em;
}
/* 让链接在 hover 状态下显示下划�?*/
a:hover {
    text-decoration:none;
}
/* 默认不显示下划线，保持页面简�?*/
ins,a {
    text-decoration:none;
	color:#706f6f;
}
.fl{ float:left;}
.fr{ float:right;}
/* 去除 ie6 & ie7 焦点点状�?*/
a:focus,*:focus {
    outline:none;
}
/* 清除浮动 */
.clearfix:before,.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
    overflow:hidden;
}
.clearfix {
    zoom:1; /* for ie6 & ie7 */
}
.clear {
    clear:both;
    display:block;
    font-size:0;
    height:0;
    line-height:0;
    overflow:hidden;
}
.mt20{margin-top:20px;}
.heade {
    width: 100%;
    margin: 0 auto;
	padding:0.4em 0;
}
.headeBox {
    width: 100%;
	height: 55px;
    /*height: 148px;*/
    position:fixed;
    z-index: 2;
	max-width:750px;
    background-color: #000;
}
.heade .logo {
	float:left;
    width: 45%;
	height:42px;
	margin:auto;
	margin-left:17%;
	margin-top:1%;
	text-align:center;
}
.heade .logo img{ max-width:85%; max-height:85%;}
.heade .tel{
	width:7%;
	height:38px;
	float:right;
	margin:3% 3% 0 3%;
}
.heade .tel img{
	max-width:100%;
	max-height:100%;
}
/*.heade .tel2{
	width:40%;
	float:left;
}
.heade .tel2 img{
	max-width:100%;
}
*/

.mobile{
	width: 100%;
	float: left;
	margin-top: 100px;
}
.mobile-inner{
	width: 550px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fafafa;
	position: relative;
}
.mobile-inner img{
	width: 100%;
	margin-bottom: 30px;
}
.mobile-inner p{
	color: #676767;
	line-height: 25px;
	font-size: 16px;
	padding-bottom: 30px;
	padding-right: 30px;
	padding-left: 30px;
	margin:0px;
}
.mobile-inner-header{
	background-color: rgba(0,0,0,0.7);
	width: 100%;
	height: 50px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.mobile-inner-header-icon{
	color: #ffffff;
	height: 50px;
	font-size:25px;
	text-align: center;
	float:left;
	width: 10%;
	position: relative;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
.mobile-inner-header-icon:hover{
	cursor: pointer;
}
.mobile-inner-header-icon span{
	position: absolute;
	/*left: calc((100% - 25px) / 2);*/
	top: calc((100% - 1px) / 2);
	width: 25px;
	height: 3px;
	background-color: rgba(255,255,255,1);
}
.mobile-inner-header-icon span:nth-child(1){
transform: translateY(4px) rotate(0deg);
	}
.mobile-inner-header-icon span:nth-child(2){
transform: translateY(-4px) rotate(0deg);
	}
	



.main5{ margin-top:15px;}
.main5 .title{}
.main5 .title h1,.main6 .title h1{ border-left:solid 3px #ff0062; height:25px; line-height:25px; font-size:20px; padding-left:5px; color:#383433; }
.main5 .title i,.main6 .title i{ color:#e1e1e1; font-weight:normal; font-size:14px; margin:0px 6px;}
.main5 .title span,.main6 .title span{ font-size:12px; color:#797979; font-weight:normal}
.main5 .title .more,.main6 .title .more{ float:right; background:#ff0062; width:50px; height:25px; color:#fff; text-align:center; border-radius:4px; line-height:25px; font-size:13px; font-weight:normal}
.main5 ul{ margin:15px auto 0;}
.main5 ul li{ width:32%; display:inline-block;}
.main5 ul li:active{ background:#ff0062;}
.main5 ul li a{ width:100%;  float:left; overflow:hidden; text-align:center; margin:0px auto 0px;}
@media screen and (max-width:320px){.main5 ul li a{ height:140px;}}
@media screen and (min-width:321px) and (max-width:375px){.main5 ul li a{}}
@media screen and (min-width:376px) and (max-width:414px){.main5 ul li a{ }}
@media screen and (min-width:415px) and (max-width:639px){.main5 ul li a{}}
.main5 ul li .img{ width:100%; max-height:100%;}
.main5 ul li a img{ max-width:110%;  display: inline-block; vertical-align: middle;}
.main5 ul li .info{ width:100%; /*height:90px;*/ border:solid 1px #eae6e6;  float:left;box-sizing:border-box;}
.main5 ul li .info a{ height:auto}
.main5 ul li .info a.h{ height:120px;}
.main5 ul li .info h1{ font-size:16px; color:#3c3837; line-height:34px; }
.main5 ul li .info hr{ width:20%; height:1px; background:#ff0062; border:none; margin:10px auto;}
.main5 ul li .info span{ color:#717171; font-size:14px; width:100%; text-align:center; line-height:24px; float:left}
.main5 ul li .info h3{ font-size:14px; color:#343031; text-align:left; width:95%; margin:0 5px; height:20px; overflow:hidden;}
.main5 ul li .info p{ color:#9f9f9f; text-align:left; margin:0 5px; line-height:24px;}
.main5 ul li .info .more{ text-align:left;color:#ff0062; /*line-height:30px;*/ font-size:14px; font-weight:normal; margin:0 5px}
/*.main5 .info hr{ width:15%; height:1px; background:#ff0062; border:none; margin:5px 5px;}*/
.main5 ul li:active .more,.main5 ul li:active h1,.main5 ul li:active span,.main5 ul li:active h3,.main5 ul li:active p{ color:#fff;}