﻿@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0px;
}
body{
font-family:"微软雅黑";
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:25px;
margin-right:20px;
padding-bottom:28px;


}
.logo{
float:right; padding-top:26px; padding-right:10px;
}
.en_cn1{float:left;margin-top:20px; height:58px;text-align:left;background:url(../images/left.jpg) no-repeat; font-family:"微软雅黑"; color:#717171; font-size:17px; line-height:24px; padding-left:25px;font-weight:bold; padding-top:7px;}
.en_cn1 span{font-size:14px;font-weight:none}

.top2{ float:right; width:258px; text-align:right; padding-top:15px; padding-right:10px;}



.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----------------------*/
#container{
width:1200px;
margin:auto;

}

#head1{width:100%; float:left;height:41px;
background:#f0f0f0; border-bottom:#eeeeee solid 1px; }
.head2{
width:1200px;
margin:auto; line-height:35px;
}

.tel{ width:70px; border-left:#dedede solid 1px;border-right:#dedede solid 1px; float:right; height:41px; line-height:41px; text-align:center; font-size:12px;color:#616161}
.tel1{ width:70px;border-right:#dedede solid 1px;border-left:#dedede solid 1px; float:right; height:41px; line-height:41px; text-align:center; font-size:12px;color:#616161}



.yuyan{ float:right;}

ul.menu {list-style:none; margin:0; padding:0;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#616161; text-decoration:none; padding-left:0px; text-align:center; }

ul.menu li {position:relative;  float:left;}
ul.menu ul {position:absolute;  left:0; display:none; opacity:0; list-style:none;  }
ul.menu ul li {position:relative; width:80px;  text-align:center; overflow:hidden; font-weight:normal;background:#efefef; font-size:12px; border:#FFFFFF solid 1px; line-height:20px;}
ul.menu ul li a {color:#616161;font-weight:normal;font-family:Arial, Helvetica, sans-serif; }
ul.menu ul li a:hover { color:#fff; background:#8db5d4}
ul.menu ul ul { top:0px;}
ul.menu .menulink {  font-weight:none;padding-top:0px; padding-bottom:0px;font-size:12px;_display:inline-block; width:80px; background:#efefef; height:41px; line-height:41px;}
ul.menu .menulink:hover, ul.menu .menuhover {color:#fff;  background:#8db5d4; overflow:hidden ;}
ul.menu .sub {}
ul.menu .topline {}






#search{
width:205px;
float:right;
}
#search_logo{ padding-top:0px; float:left}


.searchinput{
height:41px;
color:#444444;
font-size:12px;
border:#c8c8c8 solid 0px;
line-height:41px;
padding-left:10px;
width:150px;
float:left;
display:inline;
background:#d9d9d9;
}


.head{
width:1200px;
height:89px;
margin:auto;
}


#menu1{width:800px;
float:right;
height:45px;
padding-top:50px;
font-size:16px;

}
#menu1 ul{overflow:hidden; background:url(../images/hh.jpg) no-repeat left }
#menu1 ul li{display:block;float:left;}
#menu1 ul li a{float:left; text-align:center; width:100px;line-height:45px;}
#menu1 ul li a:hover{   float:left;}








#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;}
#pro{width:253px; float:left;}

#pro h3{width:253px; float:left; color:#fff; font-weight:bold; font-size:26px; line-height:25px; height:72px; background:#187fc4; text-align:center; padding-top:40px; letter-spacing:5px; margin-bottom:1px;}
#pro h3 span{  font-size:14px; font-weight:normal; padding-right:5px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;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; font-weight:bold;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 #187fc4; width:233px;  float:left; color:#FFFFFF ; line-height:48px;  }





#right{
width:900px;
float:right;
}

#right h2{width:900px; float:left; height:37px; font-size:20px; color:#666666; font-weight:normal; border-bottom:#e8e8e8 1px solid; margin-bottom:15px;}
#right h2 span{float:right; font-size:13px; color:#8e8e8e; font-weight:normal; padding-top:5px; background:url(../images/home.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:left; margin-bottom:10px; line-height:33px;}




#about{  padding-left:0px;   padding-right:0px; padding-top:10px; padding-bottom:10px;}

#about1{ line-height:40px; padding-top:10px; padding-bottom:10px; font-size:16px;}
#about2{ padding:0px; text-indent:28px;}




#footer1{ float:left; width:100%; background:#5c5c5c; margin-top:20px; padding-top:40px; padding-bottom:60px; }

#footer2{margin:auto;width:1200px; }

.contact{ width:854px; float:left; border-right:#727171 solid 1px;}
.contact h3{width:854px; font-size:20px; font-weight:normal; line-height:24px;  height:30px; float:left; margin-bottom:30px; color:#fff; padding-bottom:20px;}
.contact h3 span{ font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:15px; color:#fff}
.contact h3 em{ background:#fff; width:50px; height:3px; position:absolute; margin-top:10px;}

.contact1{ width:396px; height:141px; float:left; }
.contact2{ width:270px; height:150px; float:left; background:url(../images/aaa.png) no-repeat left; padding-left:30px; line-height:25px; margin-left:50px; color:#FFFFFF }
.contact2 a{ color:#FFFFFF }

.ewm{ float:right; width:344px;  background:url(../images/sj.jpg) no-repeat right 100px; padding-top:30px; }
.ewm p{ color:#FFFFFF;  padding-left:20px; float:left;width:105px; float:right; text-align:center; margin-right:40px; }

.ewm1{ float:right; padding-bottom:33px; }


.imglist1 ul li{text-align:center;float:left;display:inline;width:285px; height:235px; 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:190px;
vertical-align: middle;
display: table-cell; background:#fff;}





#footer3{float:left; width:100%; background:#424242; line-height:50px; }
#footer{margin:auto;width:1200px; color:#fff; text-align:left; line-height:50px;  overflow:hidden;  }
#footer a{ color:#fff;  }
.zzb07tail
{ 
}
a.zzb07link{

	text-decoration:none;
}

a.zzb07link:hover {
	text-decoration:underline;

}


.qq1{ width:130px; float:right; padding-top:10px;}



.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;
}

