/*导航*/
nav{height:71px;  color:#292929;overflow:hidden;background:#fff; }
nav a{line-height:35px; width:80px;float:left; display:inline-block;font-family:"微软雅黑"; font-size:12px;border-bottom:solid 1px #cecece;overflow:hidden; text-align:center;}
nav a:link{color:#292929;}
nav a:hover{ color:#292929;}
nav a:visited { color:#292929 }
nav a:active { color: #292929 }

/*通栏广告*/
.g-adv{ position:relative; width:320px; margin:0 auto 0 auto; height:233px; background:#c3c3c3; z-index:15;}
.g-adv .m-box,.g-adv .sclwrap_box{height:230px; overflow:hidden}
.g-adv .m-box img{ display:block;position: relative;width:320px; height:230px; }
.g-adv .m-cnt {background-color: #777; bottom: 0;height:3px;left: 0;position: absolute;width: 100%;z-index: 10;}
.g-adv .m-cnt li{ width:106px; height:3px; float:left}
.g-adv .m-cnt li.z-on{ background:#950246;}
.g-adv .m-cnt li:nth-child(2){ border-left:solid 1px #e0b5c9;border-right:solid 1px #e0b5c9;}

/*通栏广告*/
.m-ys{ height:369px;background:url(/mobile/images/Index/ge01.jpg) no-repeat center 0;background-size:320px 35px;}
.ystil{background:url(/mobile/images/Index/ysbg.jpg) repeat-x 0 bottom;background-size:6px 12px; height:83px; padding:16px 0 0; text-align:center; font-size:18px; color:#404040; line-height:25px; position:relative}
.ystil:before{ content:""; position:absolute; width:16px; height:16px; background:#eee; border-radius:16px; display:block; left:50%; margin-left:-8px; top:78px;}
.ystil:after{ content:""; position:absolute; width:3px; height:3px; border-left:solid 1px #676767;border-bottom:solid 1px #676767;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg); top:83px; left:50%; margin-left:-2px;}
.ystil span{ width:160px; float:left; display:block; height:25px;}
.yst1{ text-align:right; font-size:21px; color:#950246; line-height:25px;}
.yst1 b{ color:#950246; padding-right:3px;}
.yst1 b i{ font-style:normal; color:#cc0072; font-size:30px; font-family:Arial; padding:0 2px;}
.yst2{ text-align:left;color:#424242;font-size:12px; line-height:12px;}
.yst2 em{ font-style:normal; font-family:"Times New Roman", Times, serif; font-size:12px; line-height:15px; display:block; text-transform:uppercase; color:#b8b8b8;}
.ys_c li{ width:85px; height:65px; float:left; margin:18px 0 0 16px;}
.ys_c li a{ display:block;width:85px; height:65px; font-size:15px; font-weight:bold; color:#353535; line-height:65px; text-align:center;background:url(/mobile/images/Index/ysbg1.jpg) no-repeat center 0;background-size:85px 65px;}
.ys_c li a b{ color:#930044}
.ys_c li:last-child a{ font-weight:normal; font-size:13px; color:#646464}
.ys_c li a:hover{background:url(/mobile/images/Index/ysbg2.jpg) no-repeat center 0;background-size:85px 65px; color:#fff;}
.ys_c li a:hover b{ color:#fff;}

/*立即咨询电话*/
.u-btel{clear:both;height:48px;padding:7px 30px 0 50px; width:240px;line-height:18px;color:#2d2d2d;font-size:11px;background:#fff; border-top:solid 1px #dad9da; position:relative}
.u-btel1{ height:54px;}
.pho_dj{ width:85px; height:27px; display:block; float:right; display:block; background:#cc0072; line-height:27px; text-align:center; color:#fff; font-size:12px; margin:6px 0 0; position:relative}
.pho_dj:before{ content:""; position:absolute; width:80px; height:22px; border:solid 1px #e066aa; top:2px; left:2px;}
.pho_dj a{position:relative;z-index:1;}
.u-btel .telph{font-size:20px;color:#950246; font-weight:bold; display:block}
.u-btel2 .telph{ padding-top:10px; font-size:21px;}
.u-btel .u-tel{ width:24px; height:24px; display:block; background:url(/mobile/images/common/tel.png) no-repeat; float:left; position:absolute; -webkit-background-size:24px 24px;-ms-background-size:24px 24px;-o-background-size:24px 24px;background-size:24px 24px;left:18px; top:17px;}
.u-btel .s-ln-1, .u-btel .s-ln-2, .u-btel .s-ln-3 {border: 2px solid #950246;}
.u-btel .u-tel .z-ln-1{z-index:10;
	display:inline-block;
	width:8px;
	height:8px;
	border-width: 2px 2px 0 0;
	border-radius:0 30px 0 0;
	position:absolute;
	top:-1px;
	right:-1px;
	animation-name: xshow2;
	animation-duration: 4s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name: xshow2; 
	-webkit-animation-duration: 4s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-o-animation-name: xshow2; 
	-o-animation-duration: 4s; 
	-o-animation-timing-function: linear; 
	-o-animation-iteration-count: infinite;} 
.u-btel .u-tel .z-ln-2{z-index:10;
	display:inline-block;
	width:11px;
	height:11px;
	border-width: 2px 2px 0 0;
	border-radius:0 35px 0 0;
	position:absolute;
	top:-4px;
	right:-4px;
	animation-name: xshow;  /*动画名称*/
	animation-duration: 4s; /* 动画时间*/
	animation-timing-function: linear;  /*动画频率，匀速*/
	animation-iteration-count: infinite; /*动画循环播放的次数，infinite为无限次*/
	-webkit-animation-name: xshow; /*针对苹果浏览器写的兼容*/
	-webkit-animation-duration: 4s; /*针对苹果浏览器写的兼容*/
	-webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/
	-webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/
	-o-animation-name: xshow; /*针对欧朋浏览器写的兼容*/
	-o-animation-duration: 4s; /*针对欧朋浏览器写的兼容*/
	-o-animation-timing-function: linear; /*针对欧朋浏览器写的兼容*/
	-o-animation-iteration-count: infinite;	} /*头部电话一闪一闪的线条，css3样式*/
.u-btel .u-tel .z-ln-3{z-index:10;
	display:inline-block; width:4px; height:4px;
	border-width:2px 2px 0 0;
	border-radius:0 7px 0 0;
	position:absolute;
	top:3px;
	right:3px;
	animation-name: xshow;
	animation-duration: 6s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name: xshow3;
	-webkit-animation-duration: 6s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-o-animation-name: xshow3;
	-o-animation-duration: 6s;
	-o-animation-timing-function: linear;
	-o-animation-iteration-count: infinite; }

/*产品*/
.m-cp{ height:368px; overflow:hidden}
.til01{background:url(/mobile/images/Index/tilbg1.jpg) repeat-x 0 0;background-size:3px 39px; font-size:15px; padding:3px 0 0; width:320px; overflow:hidden; height:36px; line-height:34px;}
.til01 li{ padding:0 11px; border-left:solid 1px #fff; border-right:solid 1px #d6d6d6; color:#3c3c3c; height:34px; float:left}
.til01 li:first-child{ border-left:0;}
.til01 li:last-child{ border-right:0;}
.til01 li.z-on{ background:#950246; color:#fff; border:0}
.m-cp .m-box,.m-cp .sclwrap_box{ height:327px; overflow:hidden;}
.cp01 p{ padding:10px; height:177px; text-align:center; position:relative; float:left; display:inline}
.cp01 p:before{ content:""; position:absolute; left:10px; bottom:10px; width:298px; height:18px; background:#000;filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6;}
.cp01 p img{ width:298px; height:177px; display:block;}
.cp01 p span{ width:298px; height:18px; line-height:18px; text-align:center; color:#fff; font-size:12px; position:absolute;left:10px; bottom:10px;}
.cp01 ul{float:left; display:inline}
.cp01 li{ width:144px; float:left; padding:3px 2px 0 10px;}
.cp01 li img{ width:144px; height:86px; display:block}
.cp01 li span{ display:block; text-align:center; line-height:18px; font-size:12px; color:#5e5e5e}


/*搜索*/
.m-ss{padding:17px 17px 0;height:57px;z-index:2;background:#f8f8f8;border-top:solid 1px #dad9da;position:relative}
.inp01{border:solid 1px #c0c0c0; background:#f2f2f2;color:#a6a6a6;float:left;font-size:14px;height:38px;line-height:38px;padding:0 12px;width:180px; box-shadow:2px 3px 5px #cecece inset;z-index:2;}
.u-in{background:none;z-index: 50;cursor: pointer;width:72px;height:40px;float:left; display:block;  line-height:40px; text-align:center; color:#fff; font-size:14px; margin-left:6px; position:relative}
.m-ss .scl_fri {display: block;float: left;width:72px;height:40px;background:#cc0072;position:absolute; top:17px; left:230px; z-index:1;}
.m-ss .scl_fri:before{ content:""; position:absolute; width:66px; height:34px; border:solid 1px #e066aa; top:2px; left:2px;}

/*分类*/
.m-fl{ height:201px; overflow:hidden; position:relative;}
.more01{ position:absolute; line-height:34px; top:3px; right:9px; font-size:12px;}
.more01 a{ color:#858585;}
.fl_c li{ float:left; width:75px; padding-left:31px; height:34px; line-height:34px; border-bottom:solid 1px #b0b0b0; font-size:14px; position:relative;}
.fl_c li:before{ content:""; position:absolute; width:12px; height:12px; background:#c3c3c3; border-radius:12px; left:13px; top:11px;}
.fl_c li:after{ content:""; position:absolute; width:0; height:0; left:18px; top:13px;border-left:solid 4px #fff;border-top:4px solid rgba(0, 0, 0, 0);border-bottom:4px solid rgba(0, 0, 0, 0);}
.fl_c li:nth-child(8){ width:182px;}
.fl_c li a{ color:#3d3d3d}
.fl_c p{ clear:both; padding:11px 30px 0; line-height:30px; font-size:15px; color:#950246;}
.fl_c p span{ width:117px; height:30px; background:#cc0072; float:right; position:relative; text-align:center}
.fl_c p span:before{ content:""; position:absolute; width:112px; height:25px; border:solid 1px #e066aa; top:2px; left:2px;}
.fl_c p span a{ color:#fff;position:relative;z-index:1;}

/*见证*/
.m-jz{ height:340px; overflow:hidden}
.m-jz h2{ text-align:center}
.m-jz h2 b{ color:#950246;}
.jz_c dl{ height:256px; padding:10px 8px 0;overflow:hidden; float:left;}
.jz_c dt{ width:143px;}
.jz_c dt img{ border:solid 1px #cfcfcf; padding:2px; width:137px; height:79px;}
.jz_c dd{ width:143px;line-height:20px; font-size:12px; color:#606060; height:160px;}
.jz_c dd h3{ height:44px; line-height:20px; font-size:12px; overflow:hidden;}
.jz_c dd h3 a{ color:#950246}
.jz_more{ clear:both; height:34px; line-height:34px;border-top:solid 1px #e1e1e1; text-align:center;background:#f7f7f7;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e7e7e7)); 
background-image: -webkit-linear-gradient(top, #f8f8f8, #e7e7e7); 
background-image: -moz-linear-gradient(top, #f8f8f8, #e7e7e7);
background-image: linear-gradient(top, #f8f8f8, #e7e7e7);}
.jz_more a{ color:#353535; font-size:12px;}

/*介绍*/
.m-js{ height:288px; overflow:hidden; position:relative;}
.m-js .m-box,.m-js .sclwrap_box{ height:245px; overflow:hidden;}
.js01{ padding:14px 13px 0;float:left; display:inline;}
.js01 dt{ height:138px;}
.js01 dt img{border:solid 1px #cfcfcf; padding:2px; width:100%; height:auto;}
.js01 dd{ font-size:12px; line-height:20px;}
.js02{padding:25px 13px 0;float:left; display:inline;}
.js02 ul{ height:165px;}
.js02 li{ width:116px; float:left; padding:0 25px 0 5px;}
.js02 li img{ width:110px; height:84px;border:solid 1px #cfcfcf; padding:2px; display:block}
.js02 li span{ display:block;height:45px; padding:5px 0 0;text-align:center;line-height:22px; font-size:12px; overflow:hidden}
.js02 .pho_dj{ margin-right:100px;}
.js02 .pho_dj a{ color:#fff;}

/*资讯*/
.m-zx{ height:213px; overflow:hidden; position:relative}
.m-zx .m-box,.m-zx .sclwrap_box{clear:both; height:174px; overflow:hidden;}
.m-zx ul{ float:left; display:inline;}
.zx01{ padding:7px 0 0;}
.zx01 li{ height:27px; line-height:27px; border-bottom:solid 1px #d8d8d8;background:url(/mobile/images/Index/ico01.jpg) no-repeat 13px 10px;background-size:3px 5px; padding-left:23px; overflow:hidden}
.zx01 li:last-child{ border:0;}
.zx01 li a{ font-size:12px; color:#555;}