/*字体*/

@font-face {font-family: "icon";
  src: url('/fonts/iconfont.eot?');
  src: url('/fonts/iconfont.eot?') format('embedded-opentype'),
  url('/fonts/iconfont.woff?') format('woff'),
  url('/fonts/iconfont.ttf?') format('truetype'),
  url('/fonts/iconfont.svg?') format('svg');
}
.fa {
  font-family:"icon" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.fa-phone:before { content: "\e725"; }
.fa-process1:before { content: "\e9d4"; }
.fa-process:before { content: "\e6ce"; }
.fa-security:before { content: "\e71c"; }
.fa-security1:before { content: "\e9ef"; }
.fa-similarproduct:before { content: "\e6f6"; }
.fa-category:before { content: "\e699"; }
.fa-phone:before {
    content: "\e725";
}
.fa-close:before { content: "\e69a"; }

 @media screen and (min-width: 1230px) {
#footer .container {
	width: 1200px;
}
}






/*头部*/
.banner-tops{height:80px; background:#1d1d1d;}
.banner-tops.b10001{display:none;}
.clear:after{clear:both; content:''; display:block;}
.head-box{position:fixed; top:0; right:0; left:0; z-index:999999; padding:20px 0; background:#1d1d1d;
transition:.15s ease-in-out; -moz-transition:.15s ease-in-out; -ms-transition:.15s ease-in-out;
-o-transition:.15s ease-in-out; -webkit-transition:.15s ease-in-out;}
.head-cut{width:1560px; margin:0 auto;}
.head-cut:after{clear:both; content:''; display:block;}
.logo-box{float:left; background:url('/images/logo5.png'); background-size:100%; height:40px; width:120px;}
.nav-box{float:left; padding:0 0 0 50px;}
.nav-box>ul{float:left;}
.nav-box>ul>li{float:left; position:relative;}
.nav-box>ul>li.active:before{left:0; right:0; bottom:-20px; height:2px; background:#00c1de; content:''; position:absolute;}
.nav-box>ul>li>a{display:block; color:#fff; font-size:16px; line-height:40px; margin:0 25px; position:relative; z-index:3;}
.nav-box>ul>li>a:hover{color:#00c1de;}
.nav-box>ul>li.hot>a:before{position:absolute; width:24px; height:16px; margin-left:-12px; content:'';
background:url(../hot.png); bottom:100%; left:100%;}
.nav-box>ul>li>p{position:absolute; background:#1d1d1d; top:61px; left:0; right:0; visibility:hidden; opacity:0;
transform:translateY(30px);
transition:.2s;}
.nav-box>ul>li>p:before{position:absolute; content:''; left:0; right:0; top:-30px; height:30px;}
.nav-box>ul>li:hover>p{visibility:visible; opacity:1; transform:translateY(0);}
.nav-box>ul>li>p>a{color:#fff; display:block; text-align:center; line-height:35px;font-size: 16px;}
.nav-box>ul>li>p>a:hover{color:#00c1de;}
.nav-box>ul>li>p>a:first-child{padding:10px 0 0 0;}
.nav-box>ul>li>p>a:last-child{padding:0 0 10px 0;}
.phone-box{float:right; height:34px; line-height:34px; margin:3px 0;}
.phone-box a{color:#fff; font-size:34px; text-align:center; float:left; padding-right:5px;}
.phone-box b{display:block; float:left; color:#fff; font-size:25px; font-weight:normal;}
.login-box{float:right; line-height:34px; margin:3px 50px 3px 0;}
.login-box a:hover{color:seashell;}
.login-box a{display:block; background:#00c1de; color:#fff; font-size:16px; padding:0 25px; border-radius:50px;}
@media(max-width:1580px){
.head-cut{width:1360px;}
.nav-box{padding:0 0 0 25px;}
.nav-box>ul>li>a{margin:0 18px; font-size:15px;}
.login-box{margin:3px 25px 3px 0;}
.login-box a{padding:0 20px; font-size:15px;}
.phone-box b{font-size:23px;}
}
@media(max-width:1440px){
.head-cut{width:1200px;}
.nav-box{padding:0 0 0 15px;}
.nav-box>ul>li>a{margin:0 15px;}
.phone-box b{font-size:20px;}
}
@media(max-width:767px){
.head-cut{width:auto; padding:0 10px;}
.banner-tops{height:70px;}
.banner-tops.b10001{display:block;}
.logo-box{    height: 37px;
    width: 120px;}
.phone-box{height:30px; line-height:30px; margin:0 10px 0 0;}
.phone-box a{font-size:26px;}
.phone-box b{display:none;}
.login-box{line-height:26px; margin:2px 12px 2px 0;}
.login-box a{font-size:14px; padding:0 15px;}

.nav-box{float:none; background:#000; top:100%; left:0; height:0; overflow:auto; right:0; padding:0; position:absolute;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.nav-box.active{height:300px;}
.nav-box>ul{float:none;}
.nav-box>ul>li{float:none; position:relative; border-bottom:1px solid rgba(255,255,255,.15);}
.nav-box>ul>li.active:before{left:0; right:auto; top:0; bottom:0; height:auto; width:4px; background:#00c1de; content:''; position:absolute;}
.nav-box>ul>li>a{color:#fff; font-size:16px; line-height:50px; margin:0 25px; position:relative;}
.nav-box>ul>li>a:hover{color:#00c1de;}
.nav-box>ul>li.hot>a:before{position:absolute; width:24px; height:16px; margin-left:-12px; content:'';
background:url(../hot.png); bottom:100%; left:100%;}
.nav-box>ul>li>p{position:relative; background:#1d1d1d; top:0; left:0; right:0; visibility:visible; opacity:1;
transform:translateY(0);
transition:.2s;}
.nav-box>ul>li>p:before{position:absolute; content:''; left:0; right:0; top:-30px; height:30px;}
.nav-box>ul>li:hover>p{visibility:visible; opacity:1; transform:translateY(0);}
.nav-box>ul>li>p>a{color:#fff; display:block; text-align:left; padding:0 35px; border-bottom:1px solid #000; line-height:40px;}
.nav-box>ul>li>p>a:hover{color:#00c1de;}
.nav-box>ul>li>p>a:first-child{padding:0 35px;}
.nav-box>ul>li>p>a:last-child{padding:0 35px; border-bottom:0;}
}


.category-box{display:none;}
@media(max-width:767px){
.category-box{float:right; display:block; width:30px; height:30px; position:relative;}
.category-box i{color:#fff; line-height:30px; font-size:26px; position:absolute; left:0; top:0;} 
.category-box i:first-child{visibility:visible; transform:rotate(0deg) scale(1);
transition:.2s .15s; -moz-transition:.2s .15s; -ms-transition:.2s .15s; -o-transition:.2s .15s; -webkit-transition:.2s .15s;}
.category-box i:last-child{visibility:hidden; transform:rotate(180deg) scale(0);
transition:.2s; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s; -webkit-transition:.2s;}
.category-box.active i:first-child{visibility:hidden; transform:rotate(-180deg) scale(0);
transition:.2s; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s; -webkit-transition:.2s;}
.category-box.active i:last-child{visibility:visible; transform:rotate(0deg) scale(1);
transition:.2s .15s; -moz-transition:.2s .15s; -ms-transition:.2s .15s; -o-transition:.2s .15s; -webkit-transition:.2s .15s;}
}













































/*客服*/
.online-fixed{position:fixed; right:0; top:50%; z-index:99999999;
transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); 
border:1px solid #e0e0e0;}
.online-fixed>div{width:60px; height:60px; position:relative; border-top:1px solid #e0e0e0;}
.online-fixed>div:first-child{border-top:none;}
.online-fixed>div>a{display:block; padding:10px 0 0 0; width:100%; height:100%; background:#fff; }
.online-fixed>div>a>img{display:block; margin:0 auto;}
.online-fixed>div>a>img:nth-child(1){}
.online-fixed>div>a>img:nth-child(2){display:none;}
.online-fixed>div>a>span{font-size:12px; color:#333; display:block; text-align:center;}
.online-fixed>div>a:hover{background:#00c1de;}
.online-fixed>div>a:hover>img:nth-child(1){display:none;}
.online-fixed>div>a:hover>img:nth-child(2){display:block;}
.online-fixed>div>a:hover>span{color:#fff;}
.online-phone{position:absolute; display:none; top:0; right:100%; background:#fff; 
width:220px; height:59px; overflow:hidden; background:#55c1de; color:#fff; line-height:59px; text-align:center;}
.online-phone i{margin-right:5px; font-size:25px;}
.online-phone b{font-size:20px;}
.online-fixed>div:hover>.online-phone{display:block;}
.online-weixin{position:absolute; display:none; top:0; right:100%; background:#fff; 
width:190px; height:190px; overflow:hidden; border:1px solid #e0e0e0;}
.online-fixed>div:hover>.online-weixin{display:block;}
.online-weixin img{position:relative; width:130px; height:130px; display:block; margin:20px auto 0 auto;}
.online-weixin font{display:block; text-align:center; }


















/* 底部 */
#footer {
	background-color: #424242;
	color: #fff;
	    text-align: -webkit-left;
}
#footer a {
	color: #fff;
}
.foot_link {
	padding: 20px 0;
	border-bottom: 1px solid #5f5f5f;
}
.foot_link h2 {
	float: left;
	padding-left: 40px;
	background: url(/images/icon_link.png) no-repeat left center;
	font-size: 20px;
	color: #d4000e;
	line-height: 32px;
}
.foot_link .link_list {
	padding-left: 150px;
}
.foot_link a {
	padding-left: 35px;
	color: #fff;
	line-height: 32px;
}
.foot_link a:first-child {
	padding-left: 0;
}
.foot_bottom {
	padding: 30px 0 20px;
}
.foot_bottom_left {
	float: left;
	width: 62%;
	padding-right: 60px;
}
.foot_bottom_right {
	float: right;
	width: 38%;
}
.foot_logo {
	float: left;
	padding-right: 40px;
}
.foot_logo img {
	width: 174px;
}
.foot_bottom .hr {
	width: 100%;
	height: 1px;
	background-color: #5f5f5f;
	margin: 10px 0;
}
.foot_cat_copy {
	float: left;
	/*width: calc(100% - 214px);*/
}
.foot_bottom .pro_cat h2, .foot_contact h2 {
	font-size: 20px;
	color: #fff;
	line-height: 30px;
}
.foot_bottom .pro_cat ul {
	font-size: 0;
}
.foot_bottom .pro_cat li {
	display: inline-block;
	font-size: 14px;
}
.foot_bottom .pro_cat li:not(:last-child):after {
	content: "|";
}
.foot_bottom .pro_cat li a {
	padding: 0 12px;
	color: #fff;
}
.foot_link a:hover, #footer a:hover, .foot_bottom .pro_cat li a:hover {
	color: #d4000e;
}
.foot_bottom .pro_cat li:first-child a {
	padding-left: 0;
}
.foot_contact {
	float: left;
}
.foot_wechat {
	float: right;
	width: 120px;
	text-align: center;
}
/*footer导航*/
.sp-module {
	margin-top: 50px
}

.sp-module:first-child {
	margin-top: 0
}

.sp-module .sp-module-title {
	margin: 0 0 15px;
	font-size: 15px;
	text-transform: uppercase;
	line-height: 1;
	color: #f4f3f3;
	font-weight: 700;
}

.sp-module
ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.sp-module ul>li {
	display: block;
	border-bottom: 1px solid #e8e8e8;
	-webkit-transition: 300ms;
	transition: 300ms
}

.sp-module ul>li>a {
	display: block;
	padding: 5px
0;
	line-height: 36px;
	padding: 2px
0;
	-webkit-transition: 300ms;
	transition: 300ms
}

.sp-module ul>li>a:hover {
	background: none
}

.sp-module ul>li>a:before {
	font-family: FontAwesome;
	content: "\f105";
	margin-right: 8px
}

.sp-module ul>li:last-child {
	border-bottom: none
}

.sp-module .categories-module
ul {
	margin: 0
10px
}

.sp-module .latestnews>div {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #e8e8e8
}

.sp-module .latestnews>div:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0
}

.sp-module .latestnews>div>a {
	display: block;
	font-weight: 400
}

.sp-module
.tagscloud {
	margin: -2px 0
}

.sp-module .tagscloud .tag-name {
	display: inline-block;
	padding: 5px
10px;
	background: #808080;
	color: #fff;
	border-radius: 4px;
	margin: 2px
0
}
.sp-module ul>li {
    display: block;
    border-bottom: 1px solid #e8e8e8;
    -webkit-transition: 300ms;
    transition: 300ms;
}
/*footer 导航*/

/*toolbar*/
#toolbar2 {
	display: none;
}
#toolbar {
	position: fixed;
	right: 0px;
	top: 80%;
	margin-top: -136px;
	width: 68px;
	z-index: 1000000;
}
#toolbar li {
	float: left;
	position: relative;
	margin: 4px 0px;
	width: 68px;
	height: 68px;
}
#toolbar li .t_item {
	display: block;
	width: 68px;
	height: 68px;
	background:#d4000e;
	text-align: center;
	line-height: 68px;
	border-radius: 5px 0 0 5px;
	color: #fff;
	text-decoration: none;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
}
#toolbar li a.t_item:hover, #toolbar li a.cur {
	background:#52bf18;
}
.tool_qq {
	display: none;
	position: absolute;
	left: -118px;
	top: 0px;
	width: 118px;
	padding: 0 10px 0 0;
}
.tool_qq_con {
	float: left;
	padding: 10px 0;
	width: 108px;
	border: 1px solid #d4000e;
	background: #fff;
	text-align: center;
}
.tool_tel {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0 0 0 10px;
	width: 170px;
	height: 68px;
	background: #d4000e;
	line-height: 68px;
	font-size: 18px;
	color: #fff;
	white-space: nowrap;
	border-radius: 5px 0 0 5px;
}
.tool_weixin {
	position: absolute;
	top: 0px;
	width: 118px;
	left: -118px;
	padding: 0 10px 0 0;
	display: none;
}
.t_wx_con {
	padding: 3px;
	width: 108px;
	background: #fff;
	border: 1px solid #d4000e;
	text-align: center;
	font-size: 14px;
	line-height: 22px;
}
.t_wx_con img {
	width: 100px;
	height: 100px;
}
.t_item i {
	display: block;
	width: 68px;
	height: 68px;
}
.t1 i {
	background: url(/images/u1.png) no-repeat center center;
}
.t2 i {
	background: url(/images/u2.png) no-repeat center center;
}
.t3 i {
	background: url(/images/u3.png) no-repeat center center;
}
.t4 i {
	background: url(/images/u4.png) no-repeat center center;
}
.t5 i {
	background: url(/images/u5.png) no-repeat center center;
}
 @media screen and (max-width: 768px) {
 	body #toolbar2 {
	position: fixed;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 54px;
	background: #000;
	color: #fff;
	z-index: 8;
}
#toolbar2 {
	position: fixed;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 54px;
	background: #000;
	color: #fff;
	z-index: 8;
}
#toolbar2 li {
	float: left;
	width: 25%;
	text-align: center;    list-style: none;
}
#toolbar2 a {
	display: block;
	padding: 5px 0 0 0;
	width: 100%;
	color: #fff;
	line-height: 23px;
	font-size: 14px;
}
#toolbar2 a span {
	display: block;
	font-size: 22px;
}


 	}