﻿
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu {
	line-height: 1.0;
}
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 13em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width: 100%;
}
.sf-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float: left;
	position: relative;
}
.sf-menu a {
	display: block;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left: 0;
	top: 2.4em;
*top:2.2em; /* ie6,7 bug */
	z-index: 99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left: 15em; /* match ul width */
	top: 0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
	left: 15em; /* match ul width */
	top: 0;
}
/*** DEMO SKIN ***/
.sf-menu a {
	border-left: 1px solid #fff;
	border-top: 1px solid #CFDEFF;
	padding: .75em 1em;
	text-decoration: none;
}
.sf-menu a, .sf-menu a:visited {
	color: #13a;
}
.sf-menu li {
	background: #BDD2FF;
}
.sf-menu li li {
	background: #AABDE6;
}
.sf-menu li li li {
	background: #9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background: #CFDEFF;
	outline: 0;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 1.8em;/*min-width:1px;*/
}
.sf-sub-indicator {
	position: absolute;
	display: block;
	right: .75em;
	top: 1.05em; /* IE6 only */
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
	background: url('../img/superfish-arrows.gif') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {
	top: .8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
	background-position: -10px 0;
}
.sf-menu ul a > .sf-sub-indicator {
	background-position: 0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background: url('../img/superfish-shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/*** 垂直 adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width: 10em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}
/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator {
	background-position: -10px 0;
} /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator {
	background-position: 0 0;
} /* use translucent arrow for modern browsers*/
/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator, .sf-vertical a:hover > .sf-sub-indicator, .sf-vertical a:active > .sf-sub-indicator, .sf-vertical li:hover > a > .sf-sub-indicator, .sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


#tool {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 900;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	display:none;
}
#tool2 {
	height:50px;
	display:none;
}

ul.toollist {
    position: fixed;
    z-index: 900;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    height: 48px;
}
.toollist {
    background:#e04440;
}

.toollist li {
    border-right: 1px solid rgba(255, 255, 255, 0.7);
}
.toollist li {
    float: left;
    width: auto;
    height: 100%;
    width: 25%;
    position: static !important;
    margin: 0;
    border-radius: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-box-sizing: border-box;
    box-shadow: none !important;
    background: none;
}
li {
    list-style: none outside none;
}

.toollist li a {
    color: #fff;
}
.toollist li a {
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    display: block;
    text-decoration: none;
    padding-top: 2px;
    position: relative;
}

.toollist li a img {
    width: 24px;
    height: 24px;
}

.toollist li a p {
    margin: 1px 0 1px 0;
    font-size: 14px;
    display: block !important;
    line-height: 18px;
    text-align: center;
}
/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat; background-color:#444;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:38px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
.abimgxx{float:left; margin-right:5px; width:200px;}

.ys_dh{background:url(/skin/img/20170329174722_300767937.jpg) top center no-repeat; height:112px; line-height:112px; line-height:87px; text-align:center; font-size:38px; font-weight:bold; color:#222; margin:0 auto; margin-top:15px;}
.ys_dh span{font-size:18px;}
.ys_dhh{ line-height:87px; text-align:center; font-size:40px; font-weight:bold; color:#222; margin:0 auto;}
.ys_dhh span{font-size:18px;}
#top_ys{width:1050px; border:solid #ddd 1px; padding:35px; margin:0 auto;}
.ysv_li1{height:250px; background:url(/skin/img/20210508092353_151610872.jpg) top left no-repeat; padding-left:510px;}
.ysv_li2{height:250px; background:url(/skin/img/20210508092634_934154909.jpg) top right no-repeat; padding-right:480px;}
.ysv_li3{height:250px; background:url(/skin/img/20210508092631_1760479352.jpg) top left no-repeat; padding-left:510px;}
.ysv_li4{height:250px; background:url(/skin/img/20210508092409_1220172159.jpg) top right no-repeat; padding-right:530px;}
.ysv_li5{height:250px; background:url(/skin/img/20210508092632_999314394.jpg) top left no-repeat; padding-left:530px;}
.ysv_li6{height:250px; background:url(/skin/img/20210508092633_1366758540.jpg) top right no-repeat; padding-right:450px;}
.ysv_dh{height:70px; margin-top:20px; border-bottom:dashed #ddd 1px;}
.ysv_bt{width:100px; font-family:Arial, Helvetica, sans-serif; font-size:48px; color:#333; font-weight:bold;}
.ysv_li_titel{font-size: 18px;
color: #E04440;
font-weight: bold;
line-height: 26px;
padding-top: 25px;}
.ysv_li_titel span{ font-size:12px; font-weight:400; font-family:Arial, Helvetica, sans-serif; color:#ccc;}
.ysv_li_text{line-height:45px; margin-top:10px;}
.ysv_li_text span{ color:#D50A00; padding-right:10px;}
.fl {
    float: left;
}
@media (max-width:768px) {
#tool {
	display:block;
}
#tool2 {
	display:block;
}
.suspension{display:none;}
.abimgxx{float:none; margin-bottom:10px; width:100%;}
.ys_dh{display:none;}
#top_ys{display:none;}
} 