@charset "utf-8";
/* CSS Document */

#continue2{
font-family: "microsoft yahei";
margin: 0px auto;
padding: 0px;
text-align: left;
list-style: none;
text-decoration: none;
font-size: 12px;
text-decoration: none;
background: #FFF;
}

#continue{
font-family: "microsoft yahei";
margin: 0px auto;
padding: 0px;
text-align: left;
list-style: none;
text-decoration: none;
font-size: 12px;
text-decoration: none;
background: #eee;
}

*{
margin: 0px auto;
padding: 0px;
list-style: none;
text-decoration: none;
}

.clear{
clear: both;
}

img{
border: none;
}

a img{
border: none;
}

#keyword{
width: 230px;
height: 23px;
border: 1px #999 solid;
line-height: 23px;
color: #999;
}
#button{
width: 50px;
height: 25px;
background: #999;
color: #FFF;
border: none;
}



/*top*/

#top{
width: 100%;
height: 140px;
background: #125eb2;
}

.top-m{
width: 1100px;
border-bottom: 1px #226fc7 solid;
}

.top-m p{
line-height: 39px;
color: #3493fd;
}

.top-m span{
float: right;
line-height: 34px;
color: #3493fd;
}

.top-m span a{
color: #3493fd;
}
.top-m span a:hover{ color: #F00;}


/*logo*/

#logo{
width: 100%;
height: auto;
}

.logo-m{
width: 1100px;
}

.logo-left{
float: left;
width: 420px;
height: auto;
padding-top: 15px;
}

.logo-left img{ float: left;}

.logo-center{
float: left;
width: 227px;
height: auto;
padding-top: 15px;
margin-left: 80px;
}



.logo-right{
float: right;
width: 287px;
margin-top: 20px;
}





/*menu*/

#menu{
width: 100%;
height: auto;
background:  url(../images/menu-bg.jpg) repeat-x;
}

.daohang {
	width: 1100px;
	height: 52px;
}
.daohang ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.daohang ul li {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
	line-height: 52px;
	width: 100px;
	height: 52px;
	font-size: 16px;
	background: url(../images/menu-ge.jpg) right center no-repeat;
}
.daohang ul li a {
	font-size: 16px;
	color: #fff;
	text-align: center;
	display: inline-block;
	width: 100px;
	text-decoration: none;
	height: 52px;
	font-weight: bold;
}

.daohang ul li a:hover{ 
font-weight:bold; 
color:#FFF;
width: 100px;
height: 52px;
line-height: 52px;
background:  url(../images/menu-ho.jpg) center no-repeat;;
}

.daohang  .daohang_l {
	position: absolute;
	z-index:100;
	width: 160px;
	visibility: hidden;
	margin: 0px;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	overflow: visible;
	margin: 0px;
	padding: 0px;
	background: #243B7E;
}
.daohang  .daohang_l  a {
	width: 140px;
	color: #FFF;
	text-decoration: none;
	clear: both;
	text-align: left;
	display: inline-block;
	padding-left: 20px;
	margin: 0px;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	background-color: #333;
	background-image: none;
}
.daohang  .daohang_l  a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #da0203;
	background-image: none;
	width: 140px;
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
}




/*banner*/

#banner{
width: 100%;
height: 548px;
/*background: url(../images/banner.jpg) top center no-repeat;*/
}

.flexslider { position: relative; height: 548px; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat;}
.slides { position: relative; z-index: 1;}
.slides li { height: 548px;}
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background: url(../images/dot.png) right 0 no-repeat; cursor: pointer;}
.flex-control-nav .flex-active { background-position: 0 0;}






/*sousuo*/

#sousuo{
width: 100%;
height: auto;
background: #FFF;
}

.sousuo-m{
width: 1100px;
height: 45px;
}

.ss-left{
float: left;
width: 800px;
height: auto;
}

.ss-left p{ line-height: 45px; color: #000;}
.ss-left p a{ color: #666;}
.ss-left p a:hover{ color: #F00;}

.ss-right{
float: right;
width: 294px;
height: auto;
padding-top: 7px;
}

/*index-hzkh*/

#index-hzkh{
width: 100%;
height: auto;
background: #e9e9e9;
}

.index-hzkh-mm{
width: 1100px;
height: 228px;
padding-top: 20px;
}

.index-hzkh-mm h1{
line-height: 40px;
font-size: 34px;
color: #004992;
text-align: center;
}


.blk_18 { overflow:hidden; zoom:1; width:1100px; margin-top: 20px;}
.blk_18 .pcont { width:1015px; float:left; overflow:hidden; }
.blk_18 .ScrCont { width:32766px; zoom:1; margin-left:-5px; }
.blk_18 #List1_1, .blk_18 #List2_1 { float:left; }
.blk_18 .LeftBotton, .blk_18 .RightBotton { width:26px; height:26px; float:left; background: url(../images/btn-left.jpg) no-repeat;}
.blk_18 .LeftBotton { background: url(../images/btn-left.jpg) no-repeat; margin:30px 15px 0px 0px; }
.blk_18 .RightBotton { background: url(../images/btn-right.jpg) no-repeat; margin:30px 0px 0px 15px; }
.blk_18 .LeftBotton:hover { background: url(../images/btn-left2.jpg) no-repeat;}
.blk_18 .RightBotton:hover { background: url(../images/btn-right.jpg) no-repeat; }
.blk_18 .pl img { display:block; cursor:pointer; width: 120px; height: 100px;}
.blk_18 .pl { width: 120px;float:left;text-align:center; line-height:30px; margin-right: 15px;}
.blk_18 a.pl:hover {color:#F00;}
.blk_18 a.pl{ color: #555;}


/*index-pro*/

#index-pro{
width: 1100px;
height: auto;
margin-top: 20px;
}

.index-pro-cpfl{
float: left;
width: 220px;
height: auto;
}

.index-pro-cpfl h1{
height: 63px;
line-height: 63px;
text-align: center;
font-size: 20px;
color: #FFF;
background: url(../images/fl-bt.jpg) no-repeat;
}

.index-pro-cpfl ul{}
.index-pro-cpfl ul li{
display: block;
width: 220px;
height: 40px;
line-height: 40px;
background: #e9e9e9 url(../images/fl-bg1.jpg) left center no-repeat;
margin-bottom: 1px;
font-weight: bold;
}
.index-pro-cpfl ul li a{
display: block;
width: 180px;
height: 40px;
line-height: 40px;
color: #4a4a4a;
padding-left: 40px;
background: #e9e9e9 url(../images/fl-bg1.jpg) left center no-repeat;
}
.index-pro-cpfl ul li a:hover{
display: block;
width: 180px;
height: 40px;
line-height: 40px;
padding-left: 40px;
color: #FFF;
background: #da0203 url(../images/fl-bg2.jpg) left center no-repeat;
}

.index-pro-cp{
float: right;
width: 870px;
height: auto;
}

.wrap a { display:block; width:274px; height:218px; text-decoration:none; color:#000; float: left;}
.wrap { width:274px; height:218px; position:relative; overflow:hidden; font-family:arial, sans-serif; border:0;float:left; display:inline; margin-left: 15px; margin-bottom: 15px;}
.wrap img { border:0; }
.wrap i { display:block; width:274px; height:218px; position:absolute; left:0; top:180px; z-index:1; background:#000; filter: alpha(opacity=80);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
opacity:0.80; -webkit-transition: all 0.6s ease-in-out; }
.wrap p { display:block; width:274px; height:218px; position:absolute; left:0; top:180px; z-index:1; background:transparent; font-size:12px; color:#fff; padding:0; margin:0; line-height:16px; -webkit-transition: all 0.6s ease-in-out; }
.wrap p b { display:block; font-size:14px; color:#FFF; text-align:center; margin:0; padding:0; line-height:40px; }
.wrap p span { display:block; padding:10px; line-height:20px; }
.wrap a:hover { direction:ltr; }
.wrap a:hover i { top:0; }
.wrap a:hover p { top:0; }


/*index-guanggao*/

#index-guanggao{
width: 1100px;
height: auto;
margin-top: 10px;
}

#main-hc{
width: 1100px;
height: auto;
margin-top: 20px;
}

.main-hc-bt{
width: 1100px;
height: auto;
}

.hc-bt-left{
float: left;
width: 70px;
height: auto;
padding-top: 80px;
}

.hc-bt-right{
float: right;
width: 755px;
height: auto;
}

.hc1{
width: 1100px;
height: auto;
margin-top: 40px;
}

.hc1-left{
float: left;
width: 600px;
height: auto;
}

.hc1-bt1{
height: 60px;
background: url(../images/sz1.gif) left center no-repeat;
margin-bottom: 15px;
}

.hc1-bt1 h1{
margin-left: 70px;
line-height: 60px;
font-size: 24px;
color: #000;
background: url(../images/hc-bt-x.gif) bottom repeat-x;
}

.hc1-bt2{
height: 60px;
background: url(../images/sz2.gif) left center no-repeat;
margin-bottom: 15px;
margin-top: 10px;
}

.hc1-bt2 h1{
margin-left: 70px;
line-height: 60px;
font-size: 24px;
color: #000;
background: url(../images/hc-bt-x.gif) bottom repeat-x;
}

.hc1-left p{
font-size: 14px;
line-height: 28px;
color: #333;
}

.hc1-right{
float: right;
width: 488px;
height: auto;
}





.hc2{
width: 1100px;
height: auto;
margin-top: 40px;
}

.hc2-left{
float: left;
width: 497px;
height: auto;
}
.hc2-right{
float: right;
width: 580px;
height: auto;
padding-top: 40px;
}

.hc2-bt1{
height: 60px;
background: url(../images/sz3.gif) left center no-repeat;
margin-bottom: 15px;
}

.hc2-bt1 h1{
margin-left: 70px;
line-height: 60px;
font-size: 24px;
color: #000;
background: url(../images/hc-bt-x.gif) bottom repeat-x;
}

.hc2-bt2{
height: 60px;
background: url(../images/sz4.gif) left center no-repeat;
margin-bottom: 15px;
margin-top: 30px;
}

.hc2-bt2 h1{
margin-left: 70px;
line-height: 60px;
font-size: 24px;
color: #000;
background: url(../images/hc-bt-x.gif) bottom repeat-x;
}

.hc2-right p{
font-size: 14px;
line-height: 28px;
color: #333;
}

/*index-about*/

#index-about{
width: 100%;
height: auto;
background: #e9e9e9;
padding-top: 20px;
padding-bottom: 20px;
margin-top: 20px;
}

.index-about-nr{
width: 1100px;
height: auto;
}

.index-A-left{
float: left;
width: 739px;
height: auto;
background: url(../images/A-yy.jpg) right center no-repeat;
padding-right: 41px;
}

.index-A-left h1{
height: 44px;
line-height: 44px;
background: url(../images/Ab-bt.jpg) no-repeat;
font-size: 16px;
color: #FFF;
padding-left: 20px;
margin-bottom: 15px;
}
.index-A-left h1 img{
float: right;
padding-right: 10px;
padding-top: 15px;
}

.index-A-L-img{
float: left;
width: 328px;
height: 248px;
}

.index-A-L-wz{
float: right;
width: 380px;
height: 248px;
}
.index-A-L-wz p{
line-height: 24px;
color: #262626;
}
.index-A-L-wz img{ margin-right: 15px;}

.index-A-right{
float: right;
width: 308px;
height: 310px;
}




/*main7*/

.main7{
width: 1100px;
height: auto;
margin-top: 15px;
}

.main7-left{
float: left;
width: 739px;
height: auto;
}

.main7-bt{
width: 739px;
height: 44px;
background: url(../images/main7-bt.gif) no-repeat;
}

.main7-bt h1{
line-height: 44px;
font-size: 18px;
color: #FFF;
padding-left: 40px;
}

.main7-bt h1 a{
float: right;
padding-right: 15px;
}
.main7-bt h1 a img{ padding-top: 13px;}

.main7-nr{
width: 739px;
height: auto;
padding-top: 10px;
}

.index-news{
width: 739px;
height: auto;
}

.index-news-left{
float: left;
width: 221px;
height: 169px;
}
.index-news-left img{
width: 209px;
height: 157px;
border: 1px #CCC solid;
padding: 5px;
}

.index-news-right{
float: right;
width: 490px;
}

.index-news-right h1{
line-height: 35px;
font-size: 14px;
color: #444;
}

.index-news-right h1 a{ color: #444;}
.index-news-right h1 a:hover{ color: #F00;}

.index-news-right h2{
line-height: 20px;
color: #172d69;
font-size: 12px;
font-weight: normal;
}

.index-news-right p{
line-height: 22px;
color: #666;
margin-bottom: 10px;
}

.index-news2{
width: 739px;
height: auto;
margin-top: 20px;
background: url(../images/xw.gif) top repeat-x;
padding-top: 20px;
}

.index-news2 ul{}
.index-news2 ul li{
float: left;
display: block;
width: 338px;
line-height: 30px;
background: url(../images/ico1.gif) left center no-repeat;
padding-left: 20px;
padding-right: 10px;
}

.index-news2 ul li span{ float: right;}
.index-news2 ul li a{ color: #333;}
.index-news2 ul li a:hover{ color: #F00;}

.main7-right{
float: right;
width: 336px;
height: auto;
}

.main7-bt2{
width: 336px;
height: 44px;
background: url(../images/main7-bt.gif) no-repeat;
margin-bottom: 10px;
}

.main7-bt2 h1{
line-height: 44px;
font-size: 18px;
color: #FFF;
padding-left: 40px;
}

.main7-bt2 h1 a{
float: right;
padding-right: 15px;
}
.main7-bt2 h1 a img{ padding-top: 13px;}

.wenti{
width: 336px;
height: 80px;
border-bottom: 1px #dbdbdb solid;
margin-top: 20px;
}

.wenti h2{
line-height: 30px;
font-size: 14px;
color: #ff7200;
background: url(../images/q.jpg) left center no-repeat;
padding-left: 30px;
}

.wenti h2 a{ color: #ff7200;}
.wenti h2 a:hover{ color: #000;}

.wenti p{
line-height: 22px;
background: url(../images/a.jpg) top left no-repeat;
color: #676767;
padding-left: 30px;
}


/*index-anniu*/

#index-anniu{
width: 1100px;
height: auto;
border-top: 1px #cbcbcb solid;
margin-top: 20px;
padding-top: 20px;
}

#index-anniu ul{}
#index-anniu ul li{
float: left;
width: 220px;
height: auto;
text-align: center;
}

#index-anniu ul li h1{
font-size: 20px;
text-align: center;
color: #2e2e2e;
margin-top: 10px;
}

#index-anniu ul li p{
font-size: 12px;
color: #2e2e2e;
line-height: 24px;
padding: 0px 10px;
text-align: left;
}


/*footer*/

#footer{
width: 100%;
height: 268px;
background: url(../images/footer-bg.gif) repeat-x;
padding-top: 20px;
margin-top: 20px;
}

.footer-l{
width: 1100px;
height: 60px;
background: url(../images/footer-menu.jpg) no-repeat;
text-align: center;
color: #FFF;
font-size: 14px;
font-weight: bold;
line-height: 45px;
margin-top: 10px;
}

.footer-l a{ color: #FFF; padding: 0px 10px;}
.footer-l a:hover{ color: #F00;}

.footer-m{
width: 1100px;
height: auto;
}

.footer-lm2{
float: left;
width: 404px;
height: auto;
}

.footer-lm2 h1{
line-height: 35px;
font-size: 14px;
color: #FFF;
}

.footer-lm2 ul{}
.footer-lm2 ul li{
float: left;
width: 100px;
height: auto;
line-height: 30px;
}

.footer-lm2 ul li a{ color: #FFF;}
.footer-lm2 ul li a:hover{ color: #F00;}

.footer-lm{
float: left;
width: 400px;
height: auto;
margin-left: 50px;
padding-top: 35px;
}

.footer-lm p{
line-height: 24px;
color: #FFF;
}
.footer-lm p a{ color: #FFF;}


.footer-erweima{
float: right;
width: 160px;
height: 138px;
padding-top: 15px;
}



















