*{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
body{font-family:"Microsoft YaHei";  overflow-x: hidden;}
a{ text-decoration:none; color:#333;}
ol,ul{list-style:none;}
.tlc{text-align:center;}
.fn12{ font-size:12px;}
.fn14{ font-size:14px;}
.fn16{ font-size:16px;}
.fn18{ font-size:18px;}
.fn20{ font-size:20px;}
.fn24{ font-size:24px;}
.fn26{ font-size:26px;}
.fn30{ font-size:30px;}
.fla-l{ float:left;}
.fla-r{ float:right;}
.fn-hide{ display:none;}
.clearfiex{ clear:both;}
img{ border:0;}


html,body{ width:100%; }

.right-position{ position:fixed; right:2%; z-index:100; top:35%;}
.right-position ul li{ width:60px; height:60px; line-height:60px; background:rgba(72,72,72,0.5); margin-bottom:5px; border-radius:4px; position: relative; overflow: hidden;}
.right-position .iconfont{color:#fff; font-size:35px;}
.right-position ul li p{width: 60px;height: 60px;
	position: absolute;
	top:0px;
	left: 60px;
	z-index: 2;
	background:rgba(234,63,54,1);
	color: #fff;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	font-size: 14px;text-align: center;line-height: 20px; padding-top:10PX;
}
.right-position ul li:hover p{left:0px;}

@media only screen and (max-width: 1400px){
	.right-position{right: 10px;}
}
@media only screen and (max-width: 1024px){
	.right-position{display: none;}
	
}



.top-information{ height: 30px; line-height: 30px; color: #999; background-color: #494949;}
.top-container a{ color: #999;  margin:0 5px;}
.top-container a:hover{color:#df1d13;}




.zhaosheng-item,.news-section,.notice-main,.support-section,.map-section,.footer-main{ width:1400px; margin:0 auto;}

.header{width: 100%;height: 130px;position: fixed;top:0px;left: 0px;z-index: 99999999;}

.header .wrap00{width: 1400px;margin:0 auto;}
.lt9 .header .wrap00{width: 1200px;}
.header .top{height: 30px;width: 100%;background: #494949;line-height: 30px; color: #999;}
.header .top .wrap00 *{display: inline-block;}
.header .top a{color: #999;padding:0 6px;}
.header .top a:hover{color: #df1d13;}

.header .bottom{width: 1400px; margin:0 auto 0;}
.header .logo{float: left;width: 397px;height: 97px;line-height: 97px;position: relative; padding-left:8px;}
.header .logo>a img:nth-of-type(2){display: none;}
.lt9 .header .logo>a>img:first-child+img{display: none;}
.header .logo img{padding-top:22px;}
.header .phone_nav{display: none;}
.header .nav{float: right;}
.header .nav>ul{float: left;}
.header .nav>ul>li{float: left;height: 100px;line-height: 97px;position: relative;width:100px;text-align: center;
}
.header .nav>ul>li{background: url(../images/ie9.png);margin-right: 10px;}
.header .nav > ul > li:last-child { margin-right:0; }
.header .nav>ul>li a{font-size: 16px;color: #fff;display: inline-block;width: 100%;
	-webkit-transition:none;
	-moz-transition:none; 
	-ms-transition:none;
	transition:none;
}
.header .nav>ul>li:first-child{width: 70px;}
.header .nav>ul>li:hover a{color: #e60012;}
.header .nav>ul>li:hover >a{border-bottom: 3px solid #e60012;}
.header .nav>ul>li>a.hover{border-bottom: 3px solid #e60012;}
.header .nav>ul>li a.hover{color: #e60012;}
.header .nav>ul>li>ul{display: none;position: absolute; width:120%; top:100px;left: 50%;background: #fff;-webkit-transform: translateX(-50%);transform: translateX(-50%); border:1px solid #dadada;}
.lt9 .header .nav>ul>li>ul{margin-left:-75px;}
.header .nav>ul>li:hover>ul{display: block;}
.header .nav>ul>li>ul>li{width: 100%;border-bottom: 1px solid #dadada;text-align: center;line-height: 50px;height: 50px; margin:0 auto; overflow:hidden;} 
.header .nav>ul>li>ul>li a{ color:#202020; font-size:14px;}
.header .nav>ul>li>ul>li:hover{ background:#fff;}
.header .nav>ul>li:hover ul li a{ color:#202020;}
.header .nav>ul>li:hover ul li:hover a{ color:#e60012;}
.header .nav .search{float: right;line-height: 100px;width: 30px;position: relative;}
.header .nav .search.phone{display: none;}
.header .nav .search .sub{width: 30px;height: 23px;background: url(../images/search_btn.png) no-repeat right center;border:0;text-indent: -9999px;}
.header .nav .search .text{width:0px;height:35px;line-height:35px;
	position: absolute;top:50%;right: 30px;border:0px;
	text-indent: 10px;
	-webkit-transform: translateY(-50%);transform: translateY(-50%);
}
.header .nav .search:hover .text{width: 220px;border:1px solid #aaa;}
/*滚动头部效果*/
.scrollHeader.header{background: #fff;}
.scrollHeader.header .logo>a img:nth-of-type(2){display: block;}
.scrollHeader.header .logo>a img:nth-of-type(1){display: none;}
.lt9 .scrollHeader.header .logo>a>img:first-child+img{display: block;}
.lt9 .scrollHeader.header .logo>a>img:first-child{display: none;}
.scrollHeader.header .nav>ul>li a{color: #444;}
.scrollHeader.header .nav>ul>li:hover a{color: #e60012;}
.scrollHeader.header .nav>ul>li:hover ul li a{ color:#202020;}
.scrollHeader.header .nav>ul>li a.hover{color: #e60012;}
.scrollHeader.header .nav>ul>li>ul>li a{color: #202020;}
.scrollHeader.header .nav>ul>li>ul>li:hover a{color: #e60012;}
.scrollHeader.header .nav .search .sub{background: url(../images/search_btnH.png) no-repeat right center;}
<!--.header .nav .search.phone a{display: block;margin-top:50px;}-->

/*改变高度*/
.header,.header *{transition: all .3s ease-in-out;}
.change_height.header{height:100px; border-bottom:1px solid #ddd;}
.change_height.header .logo{height: 63px;line-height: 63px;width: 270px; }
.change_height.header .logo img{padding-top: 8px;}
.change_height.header .nav>ul>li{height: 67px;line-height: 67px;}
.change_height.header .nav>ul>li>ul{top: 53px;}
.change_height.header .nav .search{line-height: 55px;}

@media only screen and (max-width: 1620px){
	.header .wrap00{width: 98%;}
	.header .bottom{width: 98%;}
}
@media only screen and (max-width: 1420px){
	.header .nav>ul>li{margin-right: 0;}
}
@media only screen and (max-width: 1340px){
        .header .nav > ul > li > ul { width:160%; }
	.header .nav>ul>li{width:90px;}
}
@media only screen and (max-width: 1120px){
        
	.header .nav>ul>li{width:80px;}
}
@media only screen and (max-width: 1055px){

	.header .bottom{overflow: hidden;}
	.header .nav .search.phone{display: none;}
	.header .nav .search.phone a{display: none;margin-top:25px;}
	.header .nav .search{display: none;}
	.header *{box-sizing: border-box;-webkit-box-sizing: border-box;transition:all .3s ease-out;
	  -webkit-transition:all .3s ease-out;}
	.header .nav>ul{display: none;}
	.header .nav .phone_nav{display: block;color: #fff;float: right;
		height: 100px;width: 50px;text-align: center;
	}
	.change_height.header .nav .phone_nav{height: 55px;}
	/*导航按钮开始*/
	.phone_nav .toggle{position: relative;cursor: pointer;margin-top:32px; }
	.change_height.header .phone_nav .toggle{margin-top: 15px;}
	.phone_nav .toggle span {
	  position: relative;font-size: 0;width: 26px;height: 3px;background-color: #444;display: inline-block;
	}
	.phone_nav .toggle span:before,.phone_nav .toggle span:after {
	  content: "";position: absolute;width: 100%;height: 3px;background-color: #444;
	  left:0px;
	}
	.phone_nav .toggle span:before{top:-7px;}
	.phone_nav .toggle span:after{top:7px;}
	.visible_nav .toggle span{background-color: transparent;}
	.visible_nav .toggle span:before{left:5px;top:0px;
		transform: rotateZ(45deg);
		-webkit-transform: rotateZ(45deg);
	}
	.visible_nav .toggle span:after{top:0px;left: 5px;
		transform: rotateZ(-45deg);
		-webkit-transform: rotateZ(-45deg);
	}
	/*导航按钮结束*/
	/*二级导航关闭按钮开始*/
	.hide-submenu {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 60px;
	  height: 100%;
	  cursor: pointer;
	  background-color: #313131;
	}
	.hide-submenu:before {
	  opacity: 0;
	  content: "";
	  position: absolute;
	  top: 0;
	  right: 12px;
	  bottom: 0;
	  margin: auto;
	  padding: 4px;
	  width: 6px;
	  height: 6px;
	  cursor: pointer;
	  font-size: 0;
	  border-bottom: 2px solid #ededed;
	  border-right: 2px solid #ededed;
	  -webkit-transform: rotate(135deg);
	          transform: rotate(135deg);
	  left: 0;
	  right: -6px;
	  -webkit-transition: opacity 0.1s ease-out;
	  transition: opacity 0.1s ease-out;
	}
	.view-submenu .hide-submenu {
	  background-color: #3e3e3e;
	}
	.view-submenu .hide-submenu:before {
	  opacity: 1;
	}
	/*结束*/
	.menu-container{
		position: absolute;
		top:130px;left: 0px;bottom:0px;right: 0px;
		visibility:hidden;
		z-index: 99;
	}
	.visible_nav .menu-container {
		visibility:visible;
		transition:all .3s ease-out;
	  -webkit-transition:all .3s ease-out;
	}
	.view-submenu .menu-container {
	  -webkit-transform: translateX(-100%);
	  transform: translateX(-100%);
	  
	}
	
	.phone_ul{
		position: absolute;top:20px;bottom: 0px;left:0px;
		right:0px;background-color: #333;
		opacity: 0;
		transition:all .3s ease-out;
	  -webkit-transition:all .3s ease-out;
	}
	.visible_nav .phone_ul{
		opacity: 1;top:0px;
	}
	.phone_ul li{text-align: left;height: 40px;line-height:40px;width:100%;padding:0 30px;border-bottom: 1px solid #2c2c2c;}
	.phone_ul li a{color: #fff;float: left;display: block;width: 80%;}
	.phone_ul li span{float: right;display: block;
		width: 15px;height: 15px;text-indent: -9999px;cursor: pointer;
		position: relative;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);
	}
	.phone_ul li span:after{
		content: "";
		position: absolute;
		top:3px;right:3px;
		border-right:1px solid #fff;border-bottom: 1px solid #fff;
		width: 6px;height: 6px;
		transform: rotate(-45deg);
	}
	.phone_ul li ul.submenu{
		position: absolute;
		width:100%;
	    top: 0;
	    left: 100%;
	    bottom: 0px;
	    background-color: #313131;
	}
	.submenu li {
	    margin-left: 60px;
	}
}
@media only screen and (max-width: 767px){
	.header .top a{width: auto;padding:0 6px;}
	.header .top .fla-l{ display:none;}
}
@media only screen and (max-width: 560px){
	.header .top a{width: auto;padding:0 6px;font-size: 12px;}
	.header .logo{width: 350px;height: 47px; line-height:47px; padding-top:5px;}
	.header .logo img { width: 350px; }
}
@media only screen and (max-width: 435px){
	.header{ height:100px;}
	.header .top{height: 27px;}
	.banner{margin-top:27px;}
	.header .logo{width: 250px;height: 60px; line-height:60px; padding-top:0rem;}
	.header .logo img { width: 250px;}
	.header .nav .phone_nav{height: 60px;width: auto;}
	.phone_nav .toggle{margin-top:15px;margin-right: 15px;}
	.header .nav .search{height: 60px;line-height: 60px;margin-right: 10px;}
	.header .nav .search .sub{background-size: 15px;margin-top: 14px!important;}
	.header .logo img{padding-top: 17px;}

	.change_height.header .logo{width: 250px;height: 60px;}
	.change_height.header .logo img{padding-top: 17px;}
}





/*地图  底部信息*/


.footer-section{ width:100%; padding:30px 0;  background:#333; color:#999;}
.footer-section a{  font-size:14px; color:#999; margin:0 2px;}
.footer-section a:hover{ color:#ea3f36;}
.footer-l,.footer-m,.footer-r{ float:left; }
.footer-l{ width:50%; padding:0 15px;}
.footer-m{ width:30%; padding:0 15px; padding-top:15px;}
.footer-r{ width:170px; float:right; padding-top:15px;}
.footer-l h3{ padding:15px 0; font-size:18px; background: url(../images/line_03.jpg) no-repeat left bottom ; font-weight:normal; margin-bottom:10px;}
.footer-m .iconfont{font-size:30px; color:#999; vertical-align:middle; margin-right:10px;}
.footer-m p { font-size:14px; margin-bottom:10px;}
.footer-m p span{ font-size:16px;}

.footer-information{ padding:30px 0; line-height:22px; border-top:1px solid #5d5d5d; position:relative; margin-top:10px; text-align:center;}


.com-section{width:1400px; margin:30px auto;}
.com-section-title{ height: 80px; line-height:80px; color:#000; border-bottom:1px solid #ddd; }
.com-section-title h3{ background: url(../images/line_05.png) no-repeat left bottom ; }
.com-section-title h2{ float:left; width:150px; margin-right:15px; text-align:center;  font-size:20px;}
.com-section-title h2.actives{background: url(../images/line_05.png) no-repeat left bottom ;  font-size:24px;}
span.position-rdiv{ float:right; color:#666; font-size:16px; overflow:hidden; line-height:22px; padding-top:20px}
span.position-rdiv a{ color:#666; font-size:16px; margin:0px 2px;}
span.position-rdiv a:hover{ color: #e60012 ;}


.other_banner{ margin-top:120px;}
.other_banner img{ width:100%; height:100%;transition: all .7s;vertical-align: top; max-width: 100%;}



@media only screen and (max-width: 1400px){
	
	.com-section{width: 95%;}
	.top-container{ width:95%; padding:0 10px;}
    .menu-main,.zhaosheng-item,.news-section,.notice-main,.support-section,.footer-main{ width: 100%;}
	
	.footer-l{ width:48%; padding:0 15px;}
    .footer-m{ width:30%; padding:0 15px; padding-top:15px;}
	
}

@media only screen and (max-width: 1136px){
	
	.footer-l{ width:43%; padding:0 15px;}
    .footer-m{ width:30%; padding:0 15px; padding-top:15px;}
	
}


@media only screen and (max-width: 1024px){
    
	.com-section{ margin: 0px auto; }
    .footer-l{ width:50%; padding:0 15px;}
    .footer-m{ width:50%; padding:0 15px; padding-top:15px;}
	
	.com-section-title{ height: 60px; line-height:60px; font-size:19px; }
    .com-section-title h3{font-size:19px;  background: url(../images/line_05.png) no-repeat 0px 56px;}
	.com-section-title h2{ float:left; width:50%; text-align:center; font-size:16px; margin-right:0px;}
    .com-section-title h2.actives{background: url(../images/line_05.png) repeat-x 0px 56px ;font-size:20px;}
	span.position-rdiv{ float:right; color:#666; font-size:14px;}
	span.position-rdiv a{ color:#666; font-size:14px; margin:0px 2px;}


 
}



@media only screen and (min-width:640px) and (max-width:768px) {

	.footer-l{ width:94%; padding:0 3%;}
    .footer-m{ width:94%; padding:0 3%; padding-top:15px;}
	.footer-r{ float:left;}
	.footer-information{ width:94%; padding:20px 3%;}
	
	span.position-rdiv{ float:right; color:#666; font-size:12px;}
	span.position-rdiv a{ color:#666; font-size:12px; margin:0px 2px;}
		
	
}
@media only screen and (min-width:480px) and (max-width:640px) {

	.footer-l{ width:94%; padding:0 3%;}
    .footer-m{ width:94%; padding:0 3%; padding-top:15px;}
	.footer-r{ float:left;}
	.footer-information{ width:94%; padding:20px 3%;}
	span.position-rdiv{ float:right; color:#666; font-size:12px;}
	span.position-rdiv a{ color:#666; font-size:12px; margin:0px 2px;}
		
	
}
@media only screen and (min-width:400px) and (max-width:480px) {
	
	.footer-l{ width:94%; padding:0 3%;}
    .footer-m{ width:94%; padding:0 3%; padding-top:15px;}
	.footer-r{ float:left;}
	.footer-information{ width:94%; padding:20px 3%;}
	span.position-rdiv{ float:right; color:#666; font-size:12px;}
	span.position-rdiv a{ color:#666; font-size:12px; margin:0px 2px;}
		
	
}


@media only screen and (min-width:360px) and (max-width:400px) {
	.footer-l{ width:94%; padding:0 3%;}
    .footer-m{ width:94%; padding:0 3%; padding-top:15px;}
	.footer-r{ float:left;}
	.footer-information{ width:94%; padding:20px 3%;}
	span.position-rdiv{ float:right; color:#666; font-size:12px;}
	span.position-rdiv a{ color:#666; font-size:12px; margin:0px 2px;}
		
	
}


@media only screen and (min-width:320px) and (max-width:360px) {
	
	.footer-l{ width:94%; padding:0 3%;}
    .footer-m{ width:94%; padding:0 3%; padding-top:15px;}
	.footer-r{ float:left;}
	.footer-information{ width:94%; padding:20px 3%;}
	span.position-rdiv{ float:right; color:#666; font-size:12px;}
	span.position-rdiv a{ color:#666; font-size:12px; margin:0px 2px;}
	
}