﻿@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0px;
}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:24px;
color:#737373;
background:#fff;
}
img{
border:none;
}
ul li{
list-style:none;
}
a{color:#737373; text-decoration: none;}

a:hover{color:#0f81ca;text-decoration:none;}


h1{
float:left;
margin-top:20px;
padding-bottom:25px;


}

.en_cn1{float:right;margin-top:30px;text-align:left; text-align:right; font-size:12px;}
.en_cn1 p{ text-align:right; font-size:16px; color:#bfbfbf; padding-top:10px;}
.en_cn1 span{ text-align:right; font-size:14px; color:#c9c9c9;}

.newspage {
	 width:900px; float:left;PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 20px; TEXT-ALIGN: center
}
.newspage A { 
	BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 5px; BACKGROUND: #fff; PADDING-BOTTOM: 2px; FONT: 12px/22px ""; BORDER-LEFT: #999 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid
}
.newspage A:hover {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BACKGROUND: #d90011; BORDER-LEFT: #fff 1px solid; COLOR: #fff; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: none
}
.newspage A:active {
	BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BACKGROUND: #d90011; BORDER-LEFT: #666 1px solid; COLOR: #666; BORDER-BOTTOM: #666 1px solid
}
.newspage SPAN.current {
	BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #666 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: #d90011; PADDING-BOTTOM: 2px; BORDER-LEFT: #666 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #666 1px solid
}
.newspage SPAN.disabled {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid
}

/*--------------------index.html start----------------------*/

.head{
width:1200px;
height:89px;
margin:auto;
}

#menu1{width:100%;
float:left;
background:#0063c0;
height:52px;
}
#menu2{width:1200px;
margin:auto;
font-size:16px;

}
#menu{width:1200px;
float:left;
background:url(../images/shu.jpg) repeat-y left;
}

ul.menu {list-style:none; margin:0; padding:0; }
ul.menu * {margin:0; padding:0;}
ul.menu a {display:block; text-decoration:none; padding-left:0px; text-align:center;color:#000000;   }
ul.menu li {position:relative;  float:left; background:url(../images/shu.jpg) repeat-y right;}
ul.menu ul {position:absolute;  left:0; display:none; opacity:0; list-style:none;  }
ul.menu ul li {position:relative; border-top:none; width:200px; margin:0;font-weight:normal;background:#00498e; font-size:14px;color:#fff;  border-top:1px solid #fff; }
ul.menu ul li a {color:#fff;font-weight:normal;line-height:35px;}
ul.menu ul li a:hover {color:#fff; background:#eb0000; }
ul.menu ul ul { top:0px;}
ul.menu .menulink { width:200px;  height:52px;font-size:16px;_display: inline-block; line-height:53px; color:#fff; }
ul.menu .menulink:hover, ul.menu .menuhover { color:#fff;background:#00498e;  }
ul.menu .sub {}
ul.menu .topline {}



#f1{
width:100%;
height:333px;
float:left;
background:url(../images/f1.jpg) no-repeat top center;
}

#f2{
width:100%;
height:333px;
float:left;
background:url(../images/f2.jpg) no-repeat top center;
}

#f3{
width:100%;
height:333px;
float:left;
background:url(../images/f3.jpg) no-repeat top center;
}

#f4{
width:100%;
height:333px;
float:left;
background:url(../images/f4.jpg) no-repeat top center;
}

#f5{
width:100%;
height:333px;
float:left;
background:url(../images/f5.jpg) no-repeat top center;
}

#f6{
width:100%;
height:333px;
float:left;
background:url(../images/f6.jpg) no-repeat top center;
}


#f7{
width:100%;
height:333px;
float:left;
background:url(../images/f7.jpg) no-repeat top center;
}




#main{ width:1200px; margin:auto;}
#left{width:253px; float:left; padding-bottom:50px; margin-bottom:30px; }
#pro{width:253px; float:left;}

#pro h3{width:253px; float:left; color:#fff; font-weight:bold; font-size:26px; line-height:90px;background:#0063c0; text-align:center;  margin-bottom:1px;}
#pro h3 span{  font-weight:normal; letter-spacing:0px;}

#pro .tut{width:253px; height:112px; float:left; padding-bottom:1px;}


#pro ul{overflow:hidden; text-align:left; float:left; font-size:14px; }
#pro ul li{display:inline;float:left; line-height:48px; border-bottom:#e8e8e8 solid 1px; }
#pro ul li a{ float:left;padding-left:20px; width:233px;background:url(../images/cp_1.png) no-repeat 230px 18px;}
#pro ul li a:hover{ float:left; background:url(../images/cp_2.png) no-repeat 230px 18px #b2d1ef; width:233px;  float:left; color:#FFFFFF ; line-height:48px;  }


.left01 {width:253px; float:left;}
.left01  h3{width:253px; float:left; color:#fff; font-weight:bold; font-size:26px; line-height:25px; height:72px; background:#0063c0; text-align:center; padding-top:40px; letter-spacing:5px; margin-bottom:1px;}
.left01  h3 span{  font-size:14px; font-weight:normal; padding-right:5px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;letter-spacing:0px;}


.left01 ul{ width: 253px; float:left}
.left01 ul li{ line-height:40px;  background:url(../images/cp_1.png) left 13px no-repeat; padding-left:20px; }
.left01 ul li a{ padding:0;   border-bottom:#ddd dotted 1px; color:#333; display:block; font-weight:bold; font-size:14px;}
.left01 ul li a:hover{ color:#0063c0;}
.left02 {text-indent:1em;margin:2px 1px;list-style:none;text-align:left;  margin-bottom:5px;}
.left02 a{ padding:0; background:#eee; border-bottom:#ddd dotted 1px; padding-left:5px; color:#333; display:block; line-height:27px; font-size:13px; margin-bottom:1px;}
.left02 a:hover{background:#d1e4f0}


.zui{ width:900px; float:left; background:#7cb7ef; line-height:50px; text-align:center; color:#FFFFFF; font-size:18px;}

#right{
width:900px;
float:right; margin-bottom:30px; 
}

#right h2{width:900px; float:left; height:37px; font-size:22px; color:#0063c0; font-weight:normal; border-bottom:#e3e3e3 solid 1px; margin-bottom:15px;}
#right h2 span{float:right; font-size:13px; color:#8e8e8e; font-weight:normal; padding-top:5px; background:url(../images/h.jpg) no-repeat left 10px; padding-left:25px;}
#right h2 span a{color:#7b7b7b;}

.cuti{ color:#0f81ca; float:left; width:990px;font-size:16px;text-align:center; margin-bottom:10px; line-height:33px; font-weight:bold}


.biaoge{ width:100%; float:left}
.biaoge table{ width:100%; clear:both; margin:0 auto;border:#ddd solid 0px; }
.biaoge table td{ padding:5px; padding-left:15px; padding-right:15px; line-height:27px;}

#about{  padding-left:0px;   padding-right:0px; padding-top:10px; float:left; padding-bottom:10px;width:900px;}


.cc1{ color:#FFFFFF;}
.z11{ font-size:16px; color:#0063c0; line-height:60px;}



.biaoge{ width:100%; clear:both; font-size:14px; line-height:33px;}
.biaoge table{ width:100%; clear:both; margin:0 auto; border:#ddd solid 1px;}
.biaoge table td{ border-bottom:#ddd solid 1px; }


.imglist1 ul li{text-align:center;float:left;display:inline;width:285px; height:245px; margin:5px 4px;overflow:hidden; border:#e7e7e7 1px solid;}
.imglist1 ul li img{background:#FFFFFF; max-width:285px!important; max-height:190px!important;}
.imglist1 ul li span{line-height:35px; height:76px;display:block; text-align:center;  font-size:14px;color:#36581c; padding-top:5px; font-weight:normal; }


* html .imglist1 ul li img{background:#FFFFFF; width:auto;height:196px;}
* + html .imglist1 ul li img{background:#FFFFFF; max-width:100%; max-height:100%; }

.casepic{ width:285px;
height:210px;
vertical-align: middle;
display: table-cell; background:#fff;}


.imglist3 ul li{text-align:center;float:left;display:inline;width:441px; height:229px; margin:2px 2px;overflow:hidden; border:#e7e7e7 0px solid;}
.imglist3 ul li img{background:#FFFFFF; width:441px; height:229px; }

.imglist2 ul li{text-align:center;float:left;display:inline;width:220px; height:330px; margin:10px 35px;overflow:hidden; border:#e7e7e7 1px solid;}
.imglist2 ul li img{background:#FFFFFF;width:220px;height:300px;}
.imglist2 ul li span{line-height:35px; height:76px;display:block; text-align:center;  font-size:14px;color:#36581c; padding-top:5px; font-weight:normal; }


.imglist2h ul li{text-align:center;float:left;display:inline;width:400px; height:239px; margin:10px 15px;overflow:hidden; border:#e7e7e7 1px solid;}
.imglist2h ul li img{background:#FFFFFF;width:400px;height:239px;}
.imglist2h ul li span{line-height:35px; height:76px;display:block; text-align:center;  font-size:14px;color:#36581c; padding-top:5px; font-weight:normal; }


#fot1{ width:100%; float:left; background:#f7f7f7; margin-top:50px; }
.fot{ width:1200px; margin:auto;overflow:hidden; }
.fot2{ width:940px; float:left; padding-top:50px; padding-bottom:40px; }
.daoh{ float:left; width:170px; border-left:#e7e7e7 solid 1px; height:210px; padding-left:30px;}
.daoh span{ float:left; color:#3d3d3d; font-size:18px; height:30px;}
.daoh p{ float:left; width:170px;  color:#8d8d8d;  line-height:30px; }
.daoh a{ color:#8d8d8d}

.daoh1{ float:left; width:120px; border-left:#e7e7e7 solid 1px; height:210px; padding-left:30px;}
.daoh1 span{ float:left; color:#3d3d3d; font-size:18px; height:30px;}
.daoh1 p{ float:left; width:120px;  color:#8d8d8d;  line-height:30px; }
.daoh1 a{ color:#8d8d8d}

.contact{ width:380px; float:left; padding-right:50px;}
.contact h3{width:380px; float:left; height:40px; text-align:left; font-size:18px; color:#3d3d3d; font-weight:normal}

.ewm{ float:right; width:200px; background:#efefef; height:210px;  padding-top:50px; padding-bottom:40px; text-align:right; padding-left:30px; padding-right:30px; }



#search{
width:200px;
float:right; padding-top:30px; padding-bottom:80px;
}
#search_logo{ padding-top:0px; float:left;border:#c8c8c8 solid 1px;border-left:#c8c8c8 solid 0px;}


.searchinput{
height:34px;
color:#666;
font-size:12px;
border:#c8c8c8 solid 1px;
border-right:#c8c8c8 solid 0px;
line-height:34px;
padding-left:20px;
width:137px;
float:left;
display:inline;
background:#fff;
}


#footer3{float:left; width:100%; background:#0063c0; }
#footer{margin:auto;width:1200px; color:#fff; text-align:left;line-height:27px; overflow:hidden; padding-top:30px; padding-bottom:20px;  }
#footer a{ color:#fff;  }
.zzb07tail
{ 
}
a.zzb07link{

	text-decoration:none;
}

a.zzb07link:hover {
	text-decoration:underline;

}


.kuang1{
height:30px;
color:#767676;
font-size:12px;
border:#cccccc solid 1px;
width:80%;
float:left;
display:inline;
margin-right:5px;
margin-top:3px;
padding-top:3px;
padding-left:10px;
background:#fdfdfd;
}

.kuang2{
height:30px;
color:#767676;
font-size:12px;
border:#cccccc solid 1px;
width:80%;
float:left;
display:inline;
margin-right:5px;
margin-top:3px;
padding-top:3px;
padding-left:10px;
background:#fdfdfd;
font-family:Arial, Helvetica, sans-serif;
}

