﻿@charset "utf-8";
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,select,textarea,button,th,td,figure,figcaption {margin: 0;padding: 0;}
ul,dl,ol {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
img {border: none;}
input,select,textarea{outline:none;}
a {text-decoration: none;cursor: pointer;}
a:hover{text-decoration: none;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.fl {float: left;}/*左浮动*/
.fr {float: right;}/* 右浮动*/
.clear {clear: both;}/*清除浮动*/
.clearfix:after{clear:both;display: block;content: '';}
.container{width: 100%;padding:0;}



html {
	width: 100%;
	height: 100%;
	outline: 0;
	-webkit-text-size-adjust: none;
}

body {
	width: 100%;
	height: 100%;
	font-family: '微软雅黑', 'Arial', 'Microsoft YaHei';
	position: relative;
	-webkit-text-size-adjust: none;
	font-size: 14px;
}


/*导航栏*/

.navbar {
    height: 115px;
    margin-bottom: 0;
	/*z-index: 1;*/
	background: url(../images/head-bg.jpg) center top repeat-x;
	padding:14px 0;
	border-radius:0;
}

.container-fluid {
    max-width: 1200px;
    height: 86px;
}

.navbar-brand {/*logo*/
    height: 86px;
    padding: 0;
}

.navbar-inverse .navbar-collapse{/*导航栏边框*/
    border-color: transparent; margin-right: -15px;
}

/*导航部分*/
.navbar-nav{
	float: right;
	height: auto;
/*	margin-right: -15px;*/
	padding:12px 0;
} 
.navbar-inverse .navbar-nav >li.home{display:none;}
.navbar-inverse .navbar-nav > li {padding:8px 0 0 30px;}
/*.navbar-inverse .navbar-nav > li.active,.navbar-inverse .navbar-nav > li:hover{padding-left:85px;}*/
.navbar-inverse .navbar-nav > li > a {
    color: #fff;font-size: 18px; 
}
.nav > li > a {
	font-size: 1.6rem;
    padding: 0px 9px;
    line-height: 48px;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a.active,
.navbar-inverse .navbar-nav > li > a:focus {
    background-color: #c7000b;margin-left:55px;
}
/*.navbar-inverse .navbar-nav > li a{background-color: #c7000b;}*/
.navbar-inverse .navbar-nav > li a:hover:before,
.navbar-inverse .navbar-nav > li a.active:before{
	content: "";display: block;position: absolute;right:100%;top:-6px;
	width: 80px;height: 60px;background:url(../images/home-before.png) left center no-repeat;
}
/*导航部分结束*/

/*下拉按钮*/
.navbar-default .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: #222;
}
.navbar-toggle {
    margin-top: 20px;
}
/*下拉按钮结束*/

.banner img{width:100%;}


/*返回顶部*/
.top{
	display: none;
	width: 30px;
	height: 103px;
	position: fixed;
	bottom: 10%;
	right: 0;
	background: #b33023;
	color: #FFFFFF;
	font-size: 1.8rem;
	text-align: center;
	text-decoration: none;
	z-index: 1;
}
.top img{
	margin: auto;
}

.top:focus,.top:hover{
	color: #FFFFFF;
	text-decoration: none;
}


.dock {position: fixed;right:3px;top:200px;width: 45px;z-index:999999;}
.dock.close {z-index: 50;}
.dock ul.icons {position: absolute;list-style: none;right: 0px;padding: 0px;width:45px;/*background:#000;*/ -webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.dock.close ul.icons {right: -70px;}
.dock ul.icons li{position: relative;}
.dock ul.icons li i {display: block;position: relative;width: 45px;height: 45px;border-radius:4px;margin-bottom:1px; background: url(../images/kefu.png) no-repeat; background-color:rgba(0,0,0,0.6); cursor: pointer;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;z-index: 210;}
/*.dock ul.icons li:hover i {background: url(../images/kefu.png) no-repeat;}*/
.dock ul.icons li.cl i{background-position: 0px 0px;}
.dock ul.icons li.home i{background-position: 0px -45px;}
.dock ul.icons li.im i {background-position:0px -90px;}
.dock ul.icons li.tel i {background-position: 0px -135px;}
.dock ul.icons li.wechat i {background-position: 0px -180px;}
.dock ul.icons li.up i {background-position: 0px -225px;}
/*.dock ul.icons li.top i {background-position: -4px -2px;}*/
.dock ul.icons li p {display: block; font-size:14px; position: absolute;top: 0px;right: -260px;padding: 10px 15px;/*height: 152px;*/color: White;line-height: 30px;border: 1px solid #333;/*border-right: none;*/background: #111;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-moz-opacity: 0;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .4s ease-in-out .1s;-moz-transition: all .4s ease-in-out .1s;-ms-transition: all .4s ease-in-out .1s;-o-transition: all .4s ease-in-out .1s;transition: all .4s ease-in-out .1s;overflow: hidden;z-index: 201;}
.dock ul.icons li p:after{border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 10px solid #000;content:"";position:absolute;right:-10px;top:50%;margin-top:-6px;}
.dock ul.icons li:hover p {right: 55px;-moz-opacity: 1;opacity: 1;filter: alpha(opacity=100);}
.dock ul.icons li.tel p {width: 146px; height:auto;overflow:visible;line-height:22px;}
.dock ul.icons li.im p {width: 156px; height:auto; }
.dock ul.icons li.im p a {display: block;margin-top: 12px;width: 100px;height: 35px;line-height: 32px;color: #ff4343;font-size: 16px;text-align: center;text-decoration: none;border: 1px solid #ff4343;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.dock ul.icons li.im p a:hover {color: White;background: #0f8773;border: 1px solid #0f8773;}
.dock ul.icons li.wechat p {width: 140px;padding:10px;overflow:visible;top:-48px;}
.dock ul.icons li.wechat p img {width: 120px;}
/*.dock a.switch {position: absolute;display: block;top: 210px;right: 11px;width: 26px;height: 26px;background: url(../images/icons.png) no-repeat 0px -640px;cursor: pointer;-webkit-transition-delay: .15s;-moz-transition-delay: .15s;-ms-transition-delay: .15s;-o-transition-delay: .15s;transition-delay: .15s;}
.dock a.switch.off {background-position: -32px -640px;}*/

/*页脚*/
footer{
	background:url(../images/footer-bg.png) center top;
	padding: 15px 0;
}
footer .foot{text-align: center;color:#fff;}
footer .foot h2{margin-bottom: 20px; font-size: 12px;}
footer .foot p{line-height: 28px;font-size: 12px;}
footer .foot a{color:#fff;font-size: 12px;}


@media (max-width:1200px) and (min-width: 992px) {
	.navbar-inverse .navbar-nav > li {padding:8px 0 0 26px;}
	.navbar-inverse .navbar-nav > li > a{padding:0 5px;font-size: 14px;}
/*	.navbar-inverse .navbar-nav > li > a span{display: none;}
*/}
@media (max-width:991px){
	.navbar-collapse{margin-right:0;padding:0;}
	.navbar {height: auto;padding: 0;}
	.navbar-header{margin:0;}
    /*.navbar-brand{height:60px;}*/
	.container-fluid {height: auto;/*margin:12px 0;*/}
	.navbar-nav{width: 100%;float: none;margin:0;}
	.navbar-inverse .navbar-collapse{width: 100%; position: fixed;right: 15px;top: 0;height: 100%; z-index: 9999999;display:none;}
	.navbar-inverse .navbar-collapse ul.navbar-nav {width: 250px;/*float: right;*/margin: 0; background-color: rgba(0,0,0,0.8);height: 100%;position:fixed;right:-250px; z-index: 1000;}
    /*.navbar-inverse .navbar-collapse.in { display:block;}*/
	.navbar-inverse .navbar-nav > li{margin:0;padding:0;}
    .navbar-inverse .navbar-nav >li.home{display:block;}
	.navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a.active,
    .navbar-inverse .navbar-nav > li > a:focus{margin-left:0;}
	.navbar-inverse .navbar-nav > li a:hover:before,
	.navbar-inverse .navbar-nav > li a.active:before{content:none;}
	
}

@media (max-width:600px)
{
    /*.dock ul.icons li{right:-48px;}
    .dock ul.icons li.cl{right:0;}*/
}
@media (max-width:480px)
{
   /*.navbar{height:76px;}*/ 
    .navbar-header{height:60px;}
    .navbar-header img{height:60px;}
    .navbar-toggle{margin-top:10px;}
    .navbar-brand{height:60px;}
    footer .foot h2{margin-bottom: 5px;}
}


