﻿@charset "utf-8";
/*!
 * edh5 1.0 
 * Copyright 2017 eidea.net.cn
 * http://www.eidea.net.cn
*/

/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td {
	margin: 0;
	padding: 0;
   _background-image:url(about:blank);
   _background-attachment:fixed;
   
}
html{
	color: #333;
	min-width: 320px;
	font-size: 100%;
}
a {text-decoration:none;blr:exPRession(this.onFocus=this.blur());outline:none; background: transparent; /*修正win8系统IE连接灰色背景*/}
/* 设置默认字体 */ 
body, button, input, select, textarea {
	font-family: "microsoft yahei","宋体","Arail";
	font-size: 14px;
    outline:none;
	color:#828282 ;
}
body{overflow-x:hidden;}

/* 列表元素 */ 
ul,ol,li {
	list-style: none;
}

img {
	border: none;
    vertical-align: middle;
}

/* 定义浮动居中 */ 
.fl {
	float: left;
	display: inline
}

.fr {
	float: right;
	display: inline
}

/*index*/
.header{width:100%; height:60px; margin:0px auto; background:#fff;box-shadow: 0 3px 3px Rgba(50,50,50,0.2);}
.logo{float:left; padding-left:5%; padding-top:5px;}
.menu{float:right; display:block; margin:0px auto;width: 680px;}
.menu ul {padding:0px 0px 0px 0px; list-style:none;}
.menu ul li {float:left; margin:0;}
.menu ul li a{float:left; color:#333; line-height:60px; font-size:15px;margin:0px 9px;}
.menu ul li a:hover{color:#ea5504; border-bottom:1px solid #ea5504;}

.m-nav{clear: both;position: absolute;top: 60px;left: 0;width: 100%;}
.m-nav a{display: block;width: 100%;line-height:35px;text-align: left;border-top: 1px solid Rgba(0,0,0,0.2);font-size: 15px;background-color:Rgba(0,0,0,0.8); padding: 0 20px; color: #fff;}
#nav-toggle { position: absolute; right: 14px; top:25px;color: #fff;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8); 
    -ms-transform: scale(0.8); 
    -o-transform: scale(0.8); 
    transform: scale(0.8);
    transform-origin: 100% 50%;
 }
#nav-toggle { cursor: pointer; padding: 5px 35px 16px 0px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor: pointer; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; height:3px; width: 35px; background: #333; position: absolute; display: block; content: ''; }
#nav-toggle span:before { top: -10px; }
#nav-toggle span:after { bottom: -10px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; }
#nav-toggle.active span { background-color: transparent; }
#nav-toggle.active span:before, #nav-toggle.active span:after { top: 0; }
#nav-toggle.active span:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
#nav-toggle.active span:after { transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); top: 10px; }

.m-nav{display: none;}

@media (max-width:1024px) {
	.menu {display:none;}
}
@media (min-width:1024px) {
#nav-toggle{ display:none;}
}


/*banner*/
.inner_banner img{width:100%;height:auto;}



/*sct_tit*/
.main_con,.main_con section{position:relative; background:#eee; padding-bottom:5px;}

.sec_tit{font-size:24px;color:#777777;line-height:1;background:url(../images/tit_icon.png) no-repeat left;padding-left:20px;margin-top:45px;margin-bottom:20px;}





/*breadcrumb*/
.breadcrumb{position:absolute;right:0;top:0;}
.breadcrumb a{color:#999999;}
.breadcrumb a:after{
	content:"/";
	margin:0 10px;
}
.breadcrumb a.active:after{
	content:"";
	margin:0;
}
.see_more{position:relative;width:30%;height:45px;border:1px solid #e7e7e7;line-height:45px;text-align:center;margin:35px auto 100px;cursor:pointer;
-webkit-transition:all  0.4s  ease-out;
	-o-transition:all 0.4s ease-out;
	transition:all  0.4s ease-out;}
.see_more:hover{border:1px solid #e54e12;background:#e54e12;border-radius:0.5em;color:#fff;}

@media only screen and (max-width: 1440px) {
	.sec_tit{font-size:22px;}
}
@media only screen and (max-width: 1200px) {
	.sec_tit{font-size:20px;}
}
@media only screen and (max-width: 992px) {
	.sec_tit{font-size:18px;}
}
	
@media only screen and (max-width:768px) {
	.sec_tit{font-size:16px;padding-left:15px;margin-top:30px;margin-bottom:1px;}
	.breadcrumb{font-size:12px;line-height:16px;}
	.breadcrumb a:after{margin:0 5px;}
	.main_con{padding-bottom:50px;}
	.banner_txt{font-size: 24px;}
}
@media only screen and (max-width:360px) {
	.menu_txt{margin-left:5px;}
	.menu_box ul li:nth-child(2) .menu_child_box dl dd {padding-left:0;}
}

/*右悬浮菜单*/
.right_menu{position: fixed;top: 50%;right: 15px;width: 45px;text-align: center;z-index: 10;height:172px;margin-top:-74px;z-index:9999;}
.right_menu a {width: 54px;height: 54px;-webkit-border-radius: 27px; -moz-border-radius: 27px;border-radius: 27px;  cursor: pointer; background-color: #fc5a1a;display: block;background-repeat: no-repeat; background-position: center center; vertical-align: middle;overflow: hidden;line-height: 38px;margin-bottom:5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 1px solid #fc5a1a;
       -webkit-transition: all .3s cubic-bezier(0.15, 0.65, 0.58, 0.99);
    -moz-transition: all .3s cubic-bezier(0.15, 0.65, 0.58, 0.99);
    -ms-transition: all .3s cubic-bezier(0.15, 0.65, 0.58, 0.99);
    -o-transition: all .3s cubic-bezier(0.15, 0.65, 0.58, 0.99);
    transition: all .3s cubic-bezier(0.15, 0.65, 0.58, 0.99);
}
.right_menu a span {color: #fff;font-size:14px;margin-left: 25px;display: none;line-height: 54px;opacity: 0;filter:alpha(opacity=0);
    -webkit-transition: all .5s 1s cubic-bezier(0.15, 0.65, 0.58, 0.99);
    -moz-transition: all .5s 1s cubic-bezier(0.15, 0.65, 0.58, 0.99);
    -ms-transition: all .5s 1s cubic-bezier(0.15, 0.65, 0.58, 0.99);
    -o-transition: all .5s 1s cubic-bezier(0.15, 0.65, 0.58, 0.99);
    transition: all .5s 1s cubic-bezier(0.15, 0.65, 0.58, 0.99);
}
.float-install{background-image:url(../images/fixed_icon2.png); position: absolute;right: 0;top: 0;  -ms-behavior: url(../images/backgroundsize.htc); behavior: url(backgroundsize.htc); }
.float-repair{background-image:url(../images/fixed_icon3.png); position: absolute;right: 0;top: 50%;margin-top:-27px;-ms-behavior: url(../images/backgroundsize.htc); behavior: url(backgroundsize.htc);}
.float-top{background-image:url(../images/fixed_icon1.png); position: absolute;right: 0;bottom: 0;-ms-behavior: url(../images/backgroundsize.htc); behavior: url(backgroundsize.htc);}
.right_menu a.float-top{margin-bottom: 0;}
.right_menu a:hover{background-position: 15px center;}
.right_menu a:hover{width: 130px;}
.right_menu a:hover span{display: block;opacity: 1;filter: alpha(opacity=100);
	
}
.fixed_closed{position: fixed;top:50%;margin-top:-95px;right:35px;cursor: pointer;z-index: 99999;width:13px;height: 13px;background: url(../images/fixed_hover.png) no-repeat;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;}

/*下拉框*/
.select-ipt {width: 100%; color:#979797;height: 40px; padding-left:10px;background-color: #fff;border: 1px solid #d1d1d1;line-height: 40px;cursor: pointer;background: url(../images/down_icon.png) no-repeat center right 8px;background: url(../images/down_icon.png) no-repeat 97%  center\0;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;}
.select-ipt.down{border:1px solid #f00;}
/*样式一：下拉一排一个*/
.select-list {border: 1px #ccc solid;border-top:none;z-index:9;width:100%;margin-left:0px;position:absolute;z-index:10000;background:#fff;max-height:400px;overflow-y: scroll;}
.select-list span{cursor:pointer;display:block;width:100%;height:22px;line-height:22px;padding:0;font-size:14px;padding-left:10px;height: 30px;line-height: 30px;}
.select-list span:hover{background:#ff6f16;color:#fff}
.address_group>div {width:110px;float: left;margin-right:10px;position: relative;}
.address_group>div .select-list{width:150%;border-top:1px #ccc solid;}
.address_group>div.town{margin-right:0;}
.span{line-height: 40px!important;}
.search-warp .span{line-height: 35px! important;display: none!important;}
@media only screen and (max-width:1200px) {
	.right_menu a{width:50px;height:50px;}
	.float-install{background-size:22px 22px;}
	.float-repair{background-size:25px 22px;}
}

@media only screen and (max-width:768px) {
	.address_group>div{width:47.5%;margin-right:0;margin-bottom: 10px;}
	.address_group>div:nth-child(2n){margin-left:2.5%;}
	.address_group>div:nth-child(2n+1){margin-right:2.5%;}
}

/*page*/
/*内页产品小图*/
.page{text-align:center; padding-top:10px; padding-bottom:30px;}
.page ul{float:left; position:relative; left:50%;padding-bottom:12px;}
.page ul li{position:relative; right:50%; float:left; margin-right:4px; text-align:center; }
.page ul li a{display:block;color:#666;width:40px; height:40px; line-height:40px; text-align:center; border: 1px solid #e1e1e1;transition: 1s;}
.page ul li a:hover{background:#e71e14;color:#FFF;width:40px; height:40px; line-height:40px; text-align:center; display:block;border: 1px solid #e71e14;transition: 1s;}
#page-dq{ background:#e71e14;}
#page-dq a{color:#FFF;border: 1px solid #e71e14;}
#page-dq a:hover{background: none;}


.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom:50px; z-index:1500;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
@media (max-width:1024px) {
	.toolbar {display:none;}
}
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -550px;}
.toolbar-item-app:hover{background-position:0 -612px;}
.toolbar-item-app .toolbar-layer{height:194px;background-position:0 -222px;}
.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}
