@charset "utf-8";
@import url("../css/common/grid.css");/*网格*/
@import url("../css/common/layout.css");/*整体框架*/
@import url("../css/common/icon.css");/*图标*/
@import url("../css/navi/navi_02.css");/*02导航*/
@import url("../css/banner.css");/*幻灯片*/
@import url("../css/navi/classify_01.css");/*侧栏样式*/
@import url("../css/adorner/01/A_style.css");/*01装饰器*/
@import url("../css/adorner/02/A_style.css");/*02装饰器*/
@import url("../css/links.css");/*友情链接*/
@import url("../css/kefu.css");/*在线客服*/
@import url("../css/common/doc.css");/*自定义文档*/
@import url("./gaode_main.css");/*高德地图*/


/*顶部*/
.header_bg{
	width:100%;
	height:91px;
	background:url(../img/hearch_bg.jpg) bottom left repeat-x;
	border-top: 10px solid #333;
	}
.logo {position: absolute;height:106px;}
.logo a{width:235px;height:106px;display: block;}

.logo a img{}

.header_R{
	padding-top:5px;
}
.header_R .grid_14 a{
	color:#ff7d00;
}
/*顶部结束*/

/*头部*/
.nav_bg{
	background:#0789cc;
	width:100%;
	height:35px;
}
.nav #m7{
width:218px;
float:right;}
.cn a{line-height: 25px;font-size: 14px;} 
/*头部结束*/


/*尾部*/
.foot_bg{
	height:285px;
	border-top: 1px solid #ccc;
	padding-top:20px;
	background:#f8f8f7;
}
.foot{
	width:1200px;
	margin:0 auto;
	}
.foot ul li{margin-bottom:10px;}
.foot ul li h2 a{ display:block; margin-bottom:20px; color:#eb5307;}
.copy  a{margin:0 10px 0 10px;color:#666;}
 * .copy{color:#666;}
.foot1 ul li{ padding-left:30px;}
.ma_h1{ background:url(../img/ma_h1.jpg) left center no-repeat;}
.ma_h2{ background:url(../img/ma_h2.jpg) left center no-repeat;}
.ma_h3{ background:url(../img/ma_h3.jpg) left center no-repeat;}
.ma_h4{ background:url(../img/ma_h4.jpg) left center no-repeat;}
.ma_h5{ background:url(../img/ma_h5.jpg) left center no-repeat;}
/*尾部结束*/

/*内容1*/
.ind_main_img, .ind_main_img img{
	width:195px;
	height:195px;
	}
.ind_con_main_1, .ind_con_main_2, .ind_con_main_3, .ind_con_main_4{width:390px;height:195px;}
.ind_con_main_1 .ind_main_R, .ind_con_main_2 .ind_main_R, .ind_con_main_3 .ind_main_R, .ind_con_main_4 .ind_main_R{
	width:173px;
	height:98px;
	padding:95px 10px 0 10px;
	border:1px solid #ddd;
	}
.ind_con_main_1, .ind_con_main_4{float:right;}
.ind_main_R h2 a{
	width:78px;
	text-align:center;
	display: block;
	padding:2px;
	background:#000;
	color:#fff;
	}
.ind_con_main_1 .ind_main_R{
	background:url(../img/img2_bg.jpg) left top -10px no-repeat;
	}
.ind_con_main_2 .ind_main_R{
	background:url(../img/img1_bg.jpg) left top -10px no-repeat;
	}
.ind_con_main_3 .ind_main_R{
	background:url(../img/img3_bg.jpg) left top -10px no-repeat;
	}
.ind_con_main_4 .ind_main_R{
	background:url(../img/img4_bg.jpg) left top -10px no-repeat;
	}
.ind_news .more, .topic_about .more{
	display:block;
	float:right;
	width:60px;
	height:26px;
	background:url(../img/more.png) no-repeat;
	}
.ind_news_list li {
  height: 30px;
  line-height: 30px;
  padding: 5px 0;
  }
.ind_news_list li a{font-size:14px;}
.ind_news_list span{
	display:block;
	float:left;
	width:25px;
	height:25px;
	line-height:25px;
	text-align:center;
	font-size:14px;
	margin-right:10px;
	background:url(../img/news_title_bg.png) center center;}
/*内容1结束*/


/*内容2*/
.content2 a img{
	width:590px;
	height:330px;
	}

.pro_L_1 {position: relative;width:590px;height:330px;}
.pro_L_1 .title{
	background: url(../img/link_bg.png);
	position:absolute;
	bottom:0px;
	left:0;
	width:590px;
	height:160px;
	text-align:center;
}
.pro_L_1 a {
	width: 590px;
	height: 330px;
	color: #fff;
	font-size:20px;
	display: block;
}
.pro_L_1 a:hover{ text-decoration:blink;}
.pro_L_1 a h1{
	width:550px;
	padding:20px 20px 10px 20px;
	font-size:28px; 
	color:#fff;
	}
.pro_L_1 a p{
	width:530px;
	padding:0 30px;
	font-size:18px; 
	color:#fff;
	text-align: left;
	text-indent: 36px;
	}
/*内2结束*/

/* 笼式足球样式  
--------------------------------------------------------------------*/
.topic_main_bg{
	width:100%;
	background: url(../img/topic_main_bg.jpg);
	}
.topic_title h1{
	width:1130px;
	height:47px;
	line-height:47px;
	padding-left:20px;
	color:#fff;
	background:url(../img/topic_title_bg.jpg) repeat-x;
	margin-bottom:20px;
	font-weight:normal;
	text-align:left;
	}
.topic_content1, .topic_content2, .topic_content3{ width:1150px; margin:0 auto;}
.topic_about{
	width:408px;
	height:320px;
	padding:15px;
	background:url(../img/top_about_bg.jpg) no-repeat;
	}

.topic_about h2{ color:#fff;}
.topic_about p{ width:390px;padding:0 10px;color:#fff; font-size:14px; line-height:26px;}

.topic_content2 .about_left .bd ul li a{ color:#fff;  font-size: 14px;}

.case_main{
	width:525px;
	height:530px;
	padding:15px 25px 0 25px;
	background:url(../img/case_bg.jpg) no-repeat;
	}
.case_pic img{ width:525px; height:350px;}
.case_main h2{ text-align: left; color:#fff; font-size:20px; font-weight:normal; margin-bottom:20px;}
.case_main p{ width:505px; padding:20px 10px; font-size:15px; color:#fff;line-height: 28px;text-align: left;}


/* 内页样式  
--------------------------------------------------------------------*/
.main_bg{ background:#f8f8f8;}
.page_banner .main{
	width:1200px;
	height:164px;
	background:none;
	}
.page_banner .main p{
  margin-top: 30px;
  border-left: 2px solid #ccc;
  padding-left: 5px;
  font-size: 28px;
  text-align: left;
  width: 100%;
  line-height:100%;
display: none;
  }
.classify h2{
	width:170px;
	height:60px;
	line-height:60px;
	font-size:18px;
	padding-left:30px;
	background: url(../img/page_icon1.png) center right 25px #eb5307 no-repeat;
	color:#fff;
	border-radius:10px 10px 0px 0px;
	}

.main_left{
	position: relative;
	margin-top: -60px;
	}

.main_right{
	width:954px;
	padding:0 20px 30px 20px;
	background:url(../img/page_right_bg.png) left top repeat-y;
	}
/*内页滚动图*/
.about_photo_main{
	width:400px;
	padding:10px;
	background: url(../img/aboutint.png) center top no-repeat;
	}
.about_recommend{
	width:380px;
	height:230px;
	border:1px solid #ddd;
	padding:5px;
	}
.about_recommend .bd ul li img{ width:380px; height:230px;}
.about_recommend .hd ul li{  width: 10px;height: 10px;}
.about_recommend .hd ul li.on{ background:#008BD1;}
/* about_left   样式  
--------------------------------------------------------------------*/
.about-left{  overflow:hidden; position:relative;  }
.about-left .hd {
  overflow: hidden;
  height: 13px;
  position: relative;
  top: -50px;
  z-index: 99;
}
.about-left .hd ul{ float:right; overflow:hidden; zoom:1; zoom:1; }
.about-left .hd ul li{ float:left;  width:13px; height:13px; overflow:hidden; margin:1px 5px 0px 0px; text-indent:-999px; cursor:pointer; background:#fff; }
.about-left .hd ul li.on{ background:#F00;}
.about-left .bd{float:none;  }
.about-left .bd ul{ overflow:hidden; zoom:1; }
.about-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center;  }
.about-left .pic{ margin:0px;padding:0px; overflow:hidden; display:inline; width:90px;}

.about_recommend .bd ul li img{  width: 380px; height: 230px;}
.text .about_recommend li {
	padding-left:0;
  list-style: none;
}
  
/*内页滚动图结束*/
.topic_classify{
	width:260px;
}
.topic_classify li a h3{
	width:240px;
	padding-left:20px;
	line-height:47px;
	margin-bottom:2px;
	text-align:left;
	color:#fff;
	font-size:16px;
	background:url(../img/topic_title_bg.jpg) repeat-x;
	}
.topic_right{
	width:820px;
	float:right;
	padding:20px;
	border-radius:10px 10px 2px 2px ;
	background: url(../img/topic_buis_bg.png);
	}
.topic_right h2{ color:#fff;}
.topic_text{
	width:800px;
	padding:10px;
	background:#000;
	border-radius:10px 10px 10px 10px ;
	}
.topic_news_list li{ margin:5px 0 ;}
.topic_text p, .topic_text li a, .topic_text h1, .topic_text .assist, .topic_text .Tags  { color:#fff;}
.topic_news_list .pageGuide{height: 30px; color:#fff;}





.recommend .title a{ color:#fff; font-size:14px;}

.public_2col{
	width:1200px;
}
.child ul{
	border:0;}
.products_list {
	padding-left:10px;
	}
.products_list li{ border-bottom:3px solid #ddd;  padding-top: 10px; padding-bottom: 10px; background:url(../img/page_pro_bg.jpg) top left no-repeat;}
.pic_info_content li{ margin-bottom:10px;}
.pic_info_content li span{ font-size:16px;}


.ind_news_list li:hover{
}
.download ul li:hover{
		background:#F0F0F0;
}

.Links .grid .grid_13 {
	border:1px solid #E7E7E7;
}
.Links .grid .grid_13:hover {
	border:1px solid #FF9A32;
}
.Links ul li img:hover{
	border:0;}

.topic_news_list .page_news_list li.first{height: 140px;width: 790px;padding-bottom:20px;}

.topic_news_list .page_news_list li.first .ind_news_main{width: 560px;}

.messages .grid_40, .messages .grid_37{margin-top:10px;}

.messages .grid_40{padding-left:10px;}

.service_main a{
	display: block;
	width:170px;
	height:104px;
	background:url(../img/Service.png) no-repeat;
	bottom: 10%;
	right: 0;
	position: fixed;
}

.foot a, .foot{font-size: 14px;}


.content1 .ind_news .mt25{display: none;}


.tongji a img{display: ;}

.topic_content1 .grid_26, .topic_content1 .grid_84  {margin-top:50px;}

.copy_left{float:left;}


#onlineMessages {margin: 0 auto;width: 1200px;}


#onlineMessages .grid_30{width:350px;padding-left: 20px;}

.page_news_list .pic{border:none;width:180px;height:133px;}

.page_news_list .pic img{width:180px;height:133px;}

.page_news_list h4 a, .page_news_list .first h3 a{font-size: 16px;font-weight: normal;}

.topic_main_bg .topic_content2 .recommend .pic{border:none;}

.topic_main_bg .topic_content2 .recommend li .title {width: 240px;height: 22px;overflow: hidden;
}

.topic_news_list .page_news_list li.grid{width: 790px;padding:5px 5px 0 5px}

.pic_info_li table td{text-align: left;}

.topic_title .more a{
	display: block;
	float: right;
	width: 60px;
	height: 47px;
	line-height: 47px;
	background: url(../img/more_a.png)center center no-repeat;
	font-size: 14px;
	color: #fff;
	padding-left: 18px;
}
.case_main .more a{
	display: block;
	float: right;
	width: 60px;
	height: 30px;
	line-height: 30px;
	background: url(../img/more_a.png)center center no-repeat;
	font-size: 14px;
	color: #fff;
	padding-left: 18px;
}

.public_2col .news_detail .right_main{width: 800px;margin:0 auto;}

.about  .right_main{width: 880px;margin:0 auto;}

.honor_list .grid_23{width: 200px;margin-left: 15px;margin-top: 15px;}

.honor_list .pic{height: 200px;width: 150px;margin: 0 auto;    padding: 5px;}





.products_list li .pro_info p a{
	font-size:14px;
	}
.products_list li .pro_info p{
	font-size:12px;
	color:#aaa;
	}
.products_list li .pro_info p.title{
margin-bottom: 5px;
}
.products_list li .pro_info p span{
	color:#ed5605;
font-size:18px;
    font-family:  Arial, "Microsoft YaHei",Helvetica, sans-serif;
	}
.products_list li .pro_info p span.fuhao{
font-size:12px;
}

.public_1col{
	padding-left:30px;
	padding-right:30px;
	padding-top:10px;
	padding-bottom:30px;
    width:1140px;
	background:url(../img/nye_pro_bj.jpg) left top repeat-y;
	}

.pic_info_content{
max-height: 450px;
overflow: auto;
    padding-right: 10px;
}
.pic_info_content h2{
	font-family: "微软雅黑", "黑体";
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	color: #333;
	margin-top:5px;
	margin-bottom:30px;
	}
.pic_info_content span{
	display:block;
	display:inline-block;
	margin-left:10px;
	color:#666;
	overflow:hidden;
	width:400px;
	line-height:26px;
	float:right;
	}
.pic_info_content p{
	display: inline-block;
	margin-bottom: 20px;
	padding-bottom:20px;
	line-height: 26px;
	color: #666;
	font-size: 16px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	}

.pic_info_content p a{
    display:inline-block;
	margin-top:20px;
margin-right: 10px;
}
.pic_info_content .jiage span{
	font-size: 22px;
	color: #ed5605;
	font-family:  "微软雅黑", "黑体";
	font-weight: bold;
	}





	
	
/*---------20周年-----------*/



.twentieth_banner{ height:765px; position:relative; overflow:hidden;    margin: 0 auto;}
.twentieth_banner .content{ display:block; width:1920px; height:auto; position:absolute;left: 50%; margin-left: -960px; overflow:hidden;}



.main_20th{ width:1920px; height:auto;margin-left: -960px;left: 50%;position: relative; background:url(../img/20_bg.jpg) no-repeat top center; background-size:cover; padding-bottom:100px;}

.main_20th .part01{ width:1200px; margin:0 auto 120px auto; display:none;}
.main_20th .part01 .title{ margin:0 auto 40px auto;}

.twentiethBox {overflow: hidden;position:relative;width:900px;margin:0 auto;}
.twentiethBox .hd {height: 20px;overflow: hidden;position: absolute;bottom: 10px;z-index: 1;width:100%;}
.twentiethBox .hd ul {width:900px;text-align:center;overflow: hidden;zoom: 1;}
.twentiethBox .hd ul li {display:inline-block;margin-right: 2px;width: 12px;height: 12px;line-height: 14px;text-align: center;border:solid 1px #fff;cursor: pointer;
	*line-height: 20px;
	*display:inline;
	*height:0px;
	*padding-left:4px;
	*padding-top:0px;
	*padding-bottom:0px;
	border-radius:50%;
	border-radius:35px;
}
.twentiethBox .hd ul li.on {background: #fff;border:solid 1px #fff;color: #fff;}
.twentiethBox .hd ul li.on {background:#FFF;}
.twentiethBox .bd {position: relative;height: 100%;z-index: 0;}
.twentiethBox .bd ul li{width: 100%;height: auto;}
.twentiethBox .bd img {width: 100%;height: auto;display: block;}

.main_20th .part01 .txt{ width:900px; margin:30px auto 0 auto;}
.main_20th .part01 .txt span{display:block font-size:16px; color:#f0f0f0; line-height:34px;}
.main_20th .part01 .txt a{ display:block; color:#f0f0f0; font-family:arial; margin-top:14px;}

.main_20th .part02{ width:1300px; margin:0 auto 110px auto;}
.main_20th .part02 .title{ margin:0 auto 40px auto;}

.main_20th .part02 .viBox{ width:1300px; position:relative;}
.main_20th .part02 .viBox .piclist li{ width:370 !important; height:auto; margin-left:15px; margin-right:15px;overflow:hidden; position:relative;}

.main_20th .part02 .viBox .piclist li .con{ width:370px; height:246px; overflow:hidden; position:relative;}
.main_20th .part02 .viBox .piclist li .con .img{ display:block; width:370px; height:246px; }
.main_20th .part02 .viBox .piclist li .con .img img{width:370px; height:246px;  display:block; margin:0 auto;}
.main_20th .part02 .viBox .piclist li .con .link{ position:absolute; background:rgba(0,0,0,0.3); top:0; left:0; width:370px; height:246px;  opacity:0; transition: 1s all;}
.main_20th .part02 .viBox .piclist li .con .link img{ display:block; width:70px; height:70px; margin:80px auto 0 auto;}

.main_20th .part02 .viBox .piclist li .txt{ padding:5px 20px; position:absolute; bottom:0; left:0; display:block; width:330px; height:50px; background:rgba(0,0,0,0.5); color:#fff; text-align:left; font-size:16px; line-height:25px; transition: 1s all;}

.main_20th .part02 .viBox .piclist li:hover .con .link{ opacity:1;   transition: 1s all;}
.main_20th .part02 .viBox .piclist li:hover .txt{ text-decoration:none; color:#fff; background:rgba(1,7,43,0.8);transition: 1s all;}

.main_20th .part02 .viBox .ohbox{ width:1200px; margin:0 auto; padding-bottom:10px;}


.main_20th .part02 .viBox .pageBtn span:hover{opacity:1;}

.main_20th .part02 .viBox .pageBtn .prev01{ position:absolute; top:35%; left:3px; display:block; height:42px; width:42px; background:url(../img/icon_L.png) no-repeat;opacity:0.5;}
.main_20th .part02 .viBox .pageBtn .next01{ position:absolute; top:35%; right:3px; display:block; height:42px; width:42px; background:url(../img/icon_R.png) no-repeat;opacity:0.5;}


.main_20th .part03{ width:1300px; margin:0 auto 110px auto;}
.main_20th .part03 .title{ margin:0 auto 40px auto;}

.main_20th .part03 .peBox{ width:1300px; position:relative;}
.main_20th .part03 .peBox .piclist li{width:400px !important;  height:auto; overflow:hidden;}

.main_20th .part03 .peBox .piclist li .con{ width:370px; height:auto; overflow:hidden; position:relative; margin:0 auto;}
.main_20th .part03 .peBox .piclist li .con .img{ display:block; width:370px; height:246px;}
.main_20th .part03 .peBox .piclist li .con .img img{width:370px; height:246px; display:block; margin:0 auto;}
.main_20th .part03 .peBox .piclist li .con .link{ position:absolute; background:rgba(0,0,0,0.3); top:0; left:0; width:370px; height:246px; opacity:0; transition: 1s all;}
.main_20th .part03 .peBox .piclist li .con .link img{ display:block; width:76px; height:76px; margin:110px auto 0 auto;}

.main_20th .part03 .peBox .piclist li .txt{ display:block;  color:#fff; font-size:16px; line-height:35px; transition: 1s all;}

.main_20th .part03 .peBox .piclist li:hover .con .link{ opacity:1;   transition: 1s all;}


.main_20th .part03 .peBox .ohbox{ width:1200px; margin:0 auto; padding-bottom:10px;}


.main_20th .part03 .peBox .pageBtn span:hover{opacity:1;}

.main_20th .part03 .peBox .pageBtn .prev01{ position:absolute; top:35%; left:3px; display:block; height:42px; width:42px; background:url(../img/icon_L.png) no-repeat;opacity:0.5;}
.main_20th .part03 .peBox .pageBtn .next01{ position:absolute; top:35%; right:3px; display:block; height:42px; width:42px; background:url(../img/icon_R.png) no-repeat;opacity:0.5;}


.main_20th .part04{ width:1200px; margin:0 auto 0 auto;}
.main_20th .part04 .title{ margin:0 auto 0 auto;}
.main_20th .part04 ul{ width:1200px; margin:0 auto;}
.main_20th .part04 ul li{ margin-top:50px;}
.main_20th .part04 ul li .left{ float:left; width:600px;}
.main_20th .part04 ul li .left .img{ width:480px; height:160px; background:#055d94; margin-top:180px; margin-left:60px; position:relative;}
.main_20th .part04 ul li .left .img a{ display:block; position:absolute; width:100%; height:200%; right:20px; bottom:20px;}
.main_20th .part04 ul li .left .img a img{ width:100%; height:100%;}
.main_20th .part04 ul li .txt{ float:left; width:500px; margin-left:50px; margin-top:70px; text-align:left;}
.main_20th .part04 ul li .txt a{ display:block; color:#fff; font-size:22px;}
.main_20th .part04 ul li .txt .line{ width:60px; height:2px; background:#e8d22f; margin-top:16px; margin-bottom:20px;}
.main_20th .part04 ul li .txt span{ display:block; color:#f0f0f0; line-height:28px;}

.main_20th .part04 ul li:nth-child(even) .left{ float:right;}



.twentieth_inner{ width:1920px; position:relative; margin-left:-960px; left:50%; background:#212B5E;}
.twentieth_inner .main{  margin-top:50px; }
.twentieth_inner .main .left{ float:left; width:220px;}
.twentieth_inner .main .left h2{ font-size:50px; color:#EAD631; margin-bottom:20px;}
.twentieth_inner .main .left h2 span{ font-size:24px; font-family:Arial; font-weight:normal;}
.twentieth_inner .main .left ul li{ margin-bottom:10px;}
.twentieth_inner .main .left ul li a{ font-size:16px; color:#f0f0f0; line-height:30px;}

.twentieth_inner .main .main_right{ float:right; width:900px; background:#1A1F41;  margin-bottom:100px; padding: 10px 20px 30px 20px; border-radius:20px;}
.twentieth_inner .main .main_right .alltitle h2{ color:#fff;}
.twentieth_inner .main .main_right .alltitle { color:#f0f0f0; margin-bottom:20px;}
.twentieth_inner .main .main_right .alltitle a{ color:#f0f0f0;}
.twentieth_inner .main .main_right .inner{ width:94%; padding:2%; background:#11152B;border-radius:10px;}
.twentieth_inner .main .main_right .inner .text_title{ color:#f0f0f0;}
.twentieth_inner .main .main_right .inner p{ color:#f0f0f0;}

.twentieth_inner .main .main_right .list{ width:100%;}
.twentieth_inner .main .main_right .list li{ margin-bottom:26px; padding-bottom:10px; border-bottom:1px dashed #ccc;}
.twentieth_inner .main .main_right .list li .date{ color:#ddd;}
.twentieth_inner .main .main_right .list li .txt .title{ display:block; font-size:22px; color:#fff; float:left; line-height:40px;}
.twentieth_inner .main .main_right .list li .txt .more{ display:block; font-size:14px; color:#f0f0f0; font-family:arial; float:right; line-height:40px;}
.twentieth_inner .main .main_right .list li:hover .txt .title{ color:#eb5307;}

.twentieth_inner .main .main_right .pageGuide {height: 30px;color: #fff; padding-top:10px;}