/**样式重置**/
body{
	padding: 0px;
	margin: 0px;
}
a{
	text-decoration:none;
}
a:hover{
	color: #CE5C3E;
	text-decoration: none;
}
ul,ol li{
	list-style-type: none;
}
.container{
	width: 1090px;
	margin: 0px auto;
}
hr{
	margin-top: 5px;
	margin-bottom: 0px;
}

/**-----------------------01网页头部------------------------------------------------**/
#startTitle{
	padding-top: 10px;
}
.glyphicon-earphone{
	color: red;
}
#startright{
	padding-right: 30px;
}

	
	#serviceList{
		border:1px solid blue ;
		display: none;
	}
	
	#serviceText{
		border:1px solid red ;
		display: none;
	}
	#serviceText li{
		border-bottom:2px dotted ghostwhite ;
		padding-top: 20px;
		padding-bottom: 8px;
	}
		
	/**鼠标移动弹出二维码**/
	a.weixin{
		position: relative;
	}
	.weixin img{
	  position: absolute;
	  z-index: 99;
	  top: 20px;
	  right: -28px;
	  width: 7.5rem;
	  max-width: none;
	  height: 7.5rem;
	  transform: scale(0);
	  transform-origin: 20% 40%;
	  opacity: 0;
	  border: .3125rem solid #0085ba;
	  border-radius: .25rem;
	  -webkit-transition: all .4s ease-in-out;
	  -o-transition: all .4s ease-in-out;
	  transition: all .4s ease-in-out;
	}
	.weixin:hover img{
		transform: scale(1);
	    opacity: 1;
	}


/**-----------------------02网页导航------------------------------------------------**/
.navbar{
	margin: 0px auto;
	width: 1090px;
	height: 100px;
	//padding-top: 30px;
	background-color: #FFFFFF;
	border: 0px;
	//border:1px solid black ;
}
#navIdContainer{
	padding-left: 0px;
	padding-right: 0px;
}
.carousel{
	width: 1090px;
	margin: 0px auto;
	
}
.navbar-header{
	width: 30%;
	height: 100px;
	margin-top: 5px;
	//border:1px solid red ;
}
.navbar-brand img{
	height: 60px;
	width: 300px;
}
.navbar .container .navbar-nav{
	float: right;
	width: 70%;
	padding-left: 0px;
	//border:1px solid red ;
}

.navbar .container .navbar-nav li{
	margin-top: 30px;
	float: right;
	margin-left: 28px;
	text-align: center;
	width: 120px;
	height: 50px;
	//border:1px solid blue ;
}

.navbar .container .navbar-nav li>a:hover{
	background-color:#356C9F;
	color: white;

}

/*重写导航样式*/
/**下拉主导航 移入背景设置**/
.navbar-default .navbar-nav .open .dropdown-toggle{
	color: white;
	background-color: #356C9F;
}
.navbar-default .navbar-nav .open .dropdown-toggle:hover {
	color: white;
	background-color: #356C9F;
}

/**下拉部分设置**/
.navbar-default .navbar-nav .open .dropdown-menu{
	color: white;
	background-color: #356C9F;
}
.navbar-default .navbar-nav .open .dropdown-menu li{
	color: white;
	width: 100%;
	height: 100%;
	margin: 1px;
}
.navbar-default .navbar-nav .open .dropdown-menu li a{
	color: white;
	width: 100%;
	height: 100%;
	margin: 0px;
}
.navbar-default .navbar-nav .open .dropdown-menu li a:hover {
	opacity:0.8;
	//background-color: whitesmoke;
	//color: white;
}
	
/**-----------------------03网页banner幻灯片-------------------------------------------**/
#carousel-example-generic{
	width: 100%;
	//border:1px solid red ;
}

#advertment img{
	width: 100%;
	height: 200%;
}

/**-----------------------04网页热词搜索部分-------------------------------------------**/
#searchContainer{
}
#searchBar{
	height: 50px;
	padding-top: 12px;
}
#searchBar a{
	font-size: 13px;
	font-weight: 300;
	cursor: pointer;
}
#searchBar form{
	//border:1px solid green;
}
#searchBar form input[type="text"]{
	margin-left: 10px;
	width: 200px;
}
#searchBar form input[type="submit"]{
	margin-left: 25px;
	width: 80px;
}

/**-----------------------05网页主内容区-------------------------------------------**/
	/**-------左边list区域 -----**/
#list_text{
	margin-top: 30px;
	//width: 1080px;
}
#listLeft{
	width: 250px;
	text-align: center;
	padding-top: 8px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #307FB1;
	position: relative;
}

#listLeft span{
	font-size: 11px;
	color: gainsboro;
}
#listLeft span:first-of-type{
	font-size: 20px;
	font-weight: bolder;
	font-family: "微软雅黑";
	color: white;
}
#listLeft ul{
	background-color: white;
	margin-top: 10px;
	padding-left: 10px;
	padding-top: 10px;
	position: relative;
}
#listLeft ul li{
	width:160px;
	margin: 10px auto;
	padding-bottom: 10px;
	font-size:16px;
	font-weight: bolder;
	text-align: left;
	border-bottom: 1px dashed whitesmoke;
}

#listLeft ol {
	position: absolute;
	top: 20px;
	left: 300px;
	margin-top: 2px;
	width: 150px;
	padding-left:10px ;
	//border: 1px solid #D7BF81;
	//background-color: #FCF7DA;
	border: 1px solid #eacff5;
	background-color: #fcf6fc;
	z-index: 9999999;
	display: none;
}
#listLeft ol li{
	margin-top: 2px;
	text-align: left;
}
#listLeft ol li:hover{
	background-color: #eacff5;
}

	/**-------右边内容区域 -----**/
#right{
	width: 780px;
	//border:1px solid blue;
}

#rightTitle{
	height: 50px;
	margin-bottom: 30px;
	background-color: wheat;
	background:url(../img/barbg.gif) no-repeat ;
}
#rightTitle span{
	margin-top: 7px;
	margin-left: 10px;
	font-size: 20px;
	display: inline-block;
}
#rightTitle a{
	font-size: 12px;
	margin-top: 16px;
	display: inline-block;
	float: right;
}
/**-----------------------06网页赞助商区域-------------------------------------------**/
#cut{
	margin-top: 50px;
	text-align: center;
}

#sponsor{
	margin-top: 20px;
}
#sponsor .row{
	padding: 0px 180px;
}
#sponsor .col-xs-2{
	padding: 0px;
	margin: 0px 10px;
}
#sponsor img{
	width: 100%;
	height: 100%;
}
/**-----------------------07网页foot区域-------------------------------------------**/
#foot {
	margin-top: 20px;
	//width: 1090px;
	height: 180px;
	background: url(../img/foot.jpg)  ;
}
#foot .container{
	height: 180px;
	padding-top: 30px;
}
#foot .container .left{
	margin-left: 50px;
}
#foot .container .left img{
	margin-left: 10px;
}
.footshu{
	float: left;
	height: 140px;
	margin-top: 20px;
	margin-left: 70px;
	//border:1px solid red ;
}
#foot .container .middle{
	padding-top: 20px;
	margin-left: 80px;
	font-size: 11px;
	color: white;
}
#foot .container .right{
	padding-top: 50px;
	margin-right: 30px;
	font-size: 11px;
	color: white;
}
#foot .container .right a{
	font-size: 11px;
	color: white;
}#foot .container .right a:hover{
	text-decoration: underline;
}
/**--------------------08[手机]foot区域-------------------------------------------**/
#iphoneFoot{
	margin-top: 10px;
	height: 100px;
	background-color: ghostwhite;
	padding-top: 20px;
	display: none;	
}
#iphoneFoot  p{
	margin-top: 10px;
	width: 100%;
	text-align: center;
	color: gainsboro;
	font-size: 15px;
	letter-spacing: 6px;	
}

/**-----------------------09网页留言栏区域-------------------------------------------**/
#online{
	position: fixed;
	top:150px;
	left: 500px;
	width: 300px;
	height: 500px;
	border-radius: 18px;
	background-color: gainsboro;
	//padding: 10px;
	z-index: 999999;
	display: none;
}
#online .title{
	width: 100%;
	height: 40px;
	padding: 10px;
	background-color: #216CCD;
	border-top-left-radius: 18px;
	border-top-right-radius: 18px;
	margin-bottom: 20px;
}
#online .title .alert{
	padding: 0px;
	color: white;
	font-size: 16px;
}
#online .company{
	padding: 20px;
	padding-left: 10px;
	padding-bottom: 50px;
	margin-bottom: 20px;
	font-size: 14px;
	color: darkslategrey;
}
#online .message input,textarea{
	width: 80%;
	height: 40px;
	background-color: lightgrey;
	border: none;
	margin-top: 8px;
	margin-left: 10px;
}
#online .message textarea{
	color: darkgrey;
	padding: 2px;
	height: 100px;
}
#online .message input[type="button"] {	
	width: 100px;
	background-color: #216CCD;
	color: white;
	border-radius: 10px;
}
#msgAlert,#nameAlert,#phoneAlert{
	padding-left: 10px;
	color: red;
	display: none;
}

#onlineClick img{
	position: fixed;
	bottom: 0px;
	right: 0px;
	display: none;
}

/**手机屏幕时**/
@media  screen and (max-width: 768px)  {
	/*手机隐藏pc端的属性：[头部变化][导航变换][banner隐藏][热搜隐藏][主内容隐藏][赞助商隐藏][foot隐藏]*/
	#startTitle,#nav1,#carousel-example-generic,#searchContainer,#list_text,#cut,#sponsor,#foot,#onlineClick{
		display: none;
	}
	#iphoneFoot{
		display: block;
	}
	#advertment{
		display: none;
		width: 100%;
	}
	
}

@media  screen and (max-width: 1090px)  {
	/**设置banner宽度 至少是1090px**/
	#carousel-example-generic,hr,#foot,#advertment{
		width: 1090px;
	}
	
}