/*初始化  reset*/  

body,button,dd,dl,dt,h1,h2,h3,h4,h5,h6,input,li,ol,p,td,ul{margin:0;padding:0}  

body,button{font:12px/1.5 tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif}  

h1,h2,h3,h4,h5,h6,button,input{font-size:100%}  

ol,ul{list-style:none;}  

a{text-decoration:none;color: #000;}  

a:hover{text-decoration:none}  

a:visited{color: #000;}

fieldset,img{border:0;vertical-align:top;}  

a,button{cursor:pointer;}  

/*清除浮动*/  

.clearfix:before,.clearfix:after {  

    content:"";  

    display:table;  

}  

.clearfix:after{clear:both;}  

.clearfix{  

    *zoom:1;/*IE/7/6*/  

} 

body{

	background: #fff;

	font-family: "microsoft yahei";

}

/*滚动式新闻条*/

.scrollNews{

	height: 36px;

	background: #333;

}

.centerContent{

	width: 1200px;

	margin: 0 auto;

	height: 36px;

}

.centerContent span,.centerContent marquee{

	color: #fff;

}

.centerContent span{

	float: left;

	line-height: 36px;

}

.centerContent marquee{

	float: left;

    width: 1016px;

    height: 36px;

    line-height: 36px;

    cursor: pointer;

}

#multi{

	height: 100px;



	background: #fff;

	width: 100%;

}

.navContainer{

	width: 1200px;

	margin: 0 auto;

}

.logo{

	float: left;

}

.logo a{

	display: block;

    margin-top: 15px;

}

.logo a img{

	width: 394px;

	height: auto !important;

}

.navList{

	width: 720px;

	float: right;

	height: 100px;

	line-height: 70px;

	height: 70px;

}

.navList .moudule{

	float: right;

	text-align: right;

	margin-left: 18px;

}



.subList .moudule{

	clear: both;

	width: 100%;

    text-align: center;

}

.navList ul{

	height: 70px;

	margin-top: 15px;

}

.navList .moudule a{

	font-size: 16px;

	color: #333;

}

.subList ul{

	height: initial;

	overflow: hidden;

	position: relative;

	right: 48px;

	bottom: 20px;

    padding-top: 10px;

    margin-top: 0px;

	background: url(../img/navTop.png)center top no-repeat #fff; 

    border-bottom: 1px solid #e2e2e2;

    box-shadow: 15px 15px 10px -13px #e2e2e2;

/*    transform: translateY(0px);

    transition: all 0.5s ease;
*/
}

.subList ul li{

	height: 40px;

	line-height: 40px;

}

.subList{

	position: absolute;

    width: 158px;

    visibility: hidden; z-index:9999

}

.subList .moudule a{

	display: block;

	border-left: 1px solid #e2e2e2;

	border-right: 1px solid #e2e2e2;

	font-size: 14px;

	font-family: "microsoft yahei";

}

.moudule:hover .subList {

	visibility: visible;

}

.moudule:hover .subList ul{

	transform: translateY(10px);

}

.subList .moudule:hover a{

	background: #3393c3;

	color: #fff;

}

.caseBtn{

	width: 24px;

	height: 100px;

	color: #FFFFFF;

	font-size: 14px;

	background: url(../img/caseLogo.png)center 20px no-repeat #6eabd8;

	padding: 44px 6px 0;

    text-align: center;

    cursor: pointer;

}

.enterCase{

	width: 0px;

	height: 144px;

	overflow: hidden;

	transition: width 0.4s;

}

.enterCase a{

	display: block;

}

.enterCase img{

	width: 144px;

	height: 115px;

}

.enterCase p{

	width: 144px;

	height: 29px;

	background: #1980cb;

	line-height: 29px;

	color: #fff;

	font-size: 16px;

	text-align: center;

}

.floatCase{

    overflow: hidden;

    position: fixed;

    right: 0px;

    top: 552px;

    z-index: 99999;

}

.caseBtn,.enterCase{

	float: right;

}

.floatCase:hover .enterCase,.floatMessage:hover .enterCase{

	width: 144px;

}

.floatMessage{

	overflow: hidden;

    position: fixed;

    right: 0px;

    top: 696px;

    z-index: 9999;

}

.floatMessage .caseBtn{

	background: url(../img/weixin.png)center 20px no-repeat #4ad779;

}

.floatMessage .enterCase p{

	background: #18cc54;

}

.footer{

	background: url(../img/bottom_bg.png);

}

.footerContent{

	width: 1200px;

	margin: 0 auto;

	padding: 40px 0 37px;

}

.ctrlList{

	width: 64px;

	float: left;

	margin-right: 126px;

}

.quickJump{

	overflow: hidden;

}

.detailTitle{

	font-size: 16px;

	text-align: center;

	color: #fff;

	line-height: 33px;

	border-bottom: 1px solid #3293c2;

}

.detailList li a{

	color: #818181;

	text-align: left;

	line-height: 24px;

	display: block;

}

.contactCode{

	width: 230px;

	float: right;

}

.rightShare{

	float: right;

}

.leftCode{

	float: left;

}

.leftCode img{

	width: 100px;

	height: 100px;

}

.contact{

	font-size: 14px;

	color: #fff;

}

.tel{

	font-size: 30px;

	color: #3293c2;

	font-weight: bold;

}

.rightShare p{

	color: #fff;

	font-size: 16px;

	width: 76px;

	padding-left: 31px;

	line-height: 33px;

}

.xinlang{

	background: url(../img/xinlang.png)left center no-repeat;

}

.weixin{

	background: url(../img/weixin.png)left center no-repeat;

}

.tengxun{

	background: url(../img/tengxun.png)left center no-repeat;

}

.shareBlock{

	overflow: hidden;

}

.copyRight span,.copyRight,.copyRight span a,.friendlyLink span,.friendlyLink span a,.friendlyLink{

	font-size: 14px;

	color: #fff;

	line-height: 25px;

}
#banner a{
	/*height:100%;*/
}
#banner a img{
	display:block;

	width: 100%;

	height: 100%;

}

.phoneBtn{

	width: 42px;

	height: 7%;

	position: absolute;

	right: 25px;

	top: 0px;

	background: url(../img/phoneList.png)center center no-repeat;

	cursor: pointer;

	display: none;

}

.phoneList{

	position: absolute;

	top: 88px;

	width: 100%;

	height: auto;

	background: rgba(0,0,0,0.7);

	z-index: 99999;

}

.phoneList ul{

	position: absolute;

    top: 0;

    width: 60%;

    right: 0;

    background: #fff;

}

.phoneList ul li a{

	display: block;

	height: 72px;

}

.phoneList ul li {

	border-top: 1px solid #ccc;

	border-left: 1px solid #ccc;

	border-right: 1px solid #ccc;

}

.phoneList ul li:last-child{

	border-bottom: 1px solid #ccc;

}

.p_subList ul{

	position: initial;

    width: 100%;

}

.p_moudule a{

	font-size: 24px;

	line-height: 72px;

	padding-left: 40px;

}

.p_moudule a{

	background: url(../img/closeArrow.png)right center no-repeat;

	margin-right: 25px;

}

.p_subList .p_moudule a{

	margin-right: 0px;

}

.p_subList .p_moudule a{

	background: #f5f5f5;

}

.p_subList .p_moudule a{

	padding-left: 70px;

	font-size: 20px;

	color: #333;

	height: 60px;

	line-height: 60px;

}

.p_subList{

	display: none;

}

.phoneList{

	display: none;

}

.phoneBtn{

	display: none;

}

@media only screen and (max-width: 1200px) {

	/*手机版导航条*/

	.scrollNews{

		display: none;

	}

	.navList{

		display: none;

	}

	.phoneBtn{

		display: block;

	}

	#multi{

		top: 0px;

		height: 88px;

	}



	.logo{

		float: initial;

	    text-align: center;

	    width: 394px;

	    margin: 8px auto;

	}



	.logo a{

		margin-top: 0px;

	}

	.navContainer{

		width: 100%;	

	}

	.phoneBtn{

		display: block;

	}

	.floatCase,.floatMessage{

		display: none;

	}

	#banner{

		/*height: 400px !important;*/

	}

	.footerContent{

		width: 80%;

	}

	.ctrlList{

		margin-right: 4%;

	}

	

}

@media only screen and (max-width: 900px) {

	.logo a img{

		width: 300px;

   	    height: 53px;

	}

	#multi{

		height: 69px ;

	}

	.phoneList{

		top:69px;

	}



	.leftLink{

		display: none;

	}

	.contactCode{

		float: initial;

		margin: 0 auto;

	}

	.copyRight{

		display: none;

	}

	.friendlyLink{

		margin: 20px auto 0;

	}

	.footerContent{

		width: 90%;

	}

	.contactCode{

		width: 100%;

    	text-align: center;

	}

	.rightShare{

		float: initial;

	    width: 103px;

	    margin: 0 auto 15px;

	    overflow: hidden;

	}

	.leftCode{

		float: initial;

	    text-align: center;

	    clear: both;

	}

	.rightShare p{

		float: left;

	}

	

}

@media only screen and (max-width: 620px) {

	.logo a img{

		width: 200px;

    	height: 36px;

	}

	#multi {

		height:52px;

	}

	.phoneList{

		top:52px;

	}

	#banner,.banner_message{


	}

	.logo{

		width: 200px;

	}

	.phoneBtn{

		background-size: 50%;

    	right: 0px;

	}

	#banner{

		height: 232px;

	}

	.phoneList li a ,.p_subList .p_moudule a{

		font-size: 16px;

		height:55px !important;

	    line-height: 55px ;

	    background-size: 5% !important;

	}

	.p_subList .p_moudule a{

		font-size: 14px;

	}

}

/*@media only screen and (max-width: 480px) {
	#banner {
		height: 232px !important;
	}
}
@media only screen and (max-width: 380px)(
	#banner {
		height: 210px !important;
	}
}
@media only screen and (max-width: 365px){
	#banner {
		height: 202px !important;
	}
}
@media only screen and (max-width: 350px){
	#banner {
		height: 180px !important;
	}
}*/