﻿@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:#0f98fd;text-decoration:none;}


h1{
float:left;
margin-top:35px;
padding-bottom:30px;

}
.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;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:200px; text-align:right; padding-top:48px;}



.newspage {
	 width:100%; 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;

}




#head{
width:1200px;
height:88px;
margin:auto;
}



#menu1{width:100%;
float:left;
height:55px;
background:#0851b5
}
#menu2{width:1130px; margin:auto;
}





#menu{width:1200px;
margin:auto;
height:55px;

}
ul.menu {list-style:none; margin:0; padding:0;background:url(../images/s.jpg) no-repeat left}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; text-decoration:none; padding-left:0px; text-align:center;color:#fff;  }
ul.menu li {position:relative;  float:left; background:url(../images/s.jpg) no-repeat 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:170px;font-weight:normal;background:#079a00;color:#fff;  border-top:1px solid #fff;}
ul.menu ul li a {color:#fff;font-weight:normal;line-height:45px; font-size:15px;}
ul.menu ul li a:hover {color:#fff; background:#0851b5; }
ul.menu ul ul { top:0px}
ul.menu .menulink { width:170px;  height:55px;font-size:17px;_display: inline-block; line-height:55px;}
ul.menu .menulink:hover, ul.menu .menuhover { color:#fff; background:#079a00; }
ul.menu .sub {}
ul.menu .topline {}




#nn1{
width:100%;
float:left; padding-bottom:3px;
padding-top:3px;
background:#f1f1f1;
}
#nn{
width:1202px;
height:59px;
margin:auto;
}

#nn .n2{float:left;width:895px; line-height:59px; }
#nn .n2 h3{float:left;   font-weight:normal; font-size:16px; text-transform:uppercase; line-height:59px; padding-right:20px; color:#3f3f3f }

#nn .n2 span{float:right; }




#search{
width:284px;
padding-top:15px;
float:right;
}
#search_logo{ padding-top:0px;}


.searchinput{
height:28px;
line-height:28px;
color:#333333;
font-size:12px;
border:#d5d5d5 solid 1px;
width:200px;

float:left;
padding-left:20px;
display:inline;
background:#fff;
}



#f1{
width:100%;
height:300px;
float:left;
background:url(../images/f1.jpg) no-repeat top center;
}

#f2{
width:100%;
height:300px;
float:left;
background:url(../images/f2.jpg) no-repeat top center;
}

#f3{
width:100%;
height:300px;
float:left;
background:url(../images/f3.jpg) no-repeat top center;
}

#f4{
width:100%;
height:300px;
float:left;
background:url(../images/f4.jpg) no-repeat top center;
}

#f5{
width:100%;
height:300px;
float:left;
background:url(../images/f5.jpg) no-repeat top center;
}

#f6{
width:100%;
height:300px;
float:left;
background:url(../images/f6.jpg) no-repeat top center;
}


#f7{
width:100%;
height:300px;
float:left;
background:url(../images/f7.jpg) no-repeat top center;
}

#main{ width:1200px; margin:auto; padding-top:50px; clear:both}
#main h4{width:1200px; float:left; height:37px; font-size:20px; color:#666666; font-weight:normal; border-bottom:#e8e8e8 1px solid; margin-bottom:15px;}
#main h4 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;}
#main h4 span a{color:#7b7b7b;}

#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:30px; line-height:100px; background:#0851b5; text-align:center; margin-bottom:1px;}
#pro h3 span{   font-weight:normal; font-family:Arial, Helvetica, sans-serif; }

#pro .tut{width:253px; height:112px; float:left; padding-bottom:1px;}



#pro ul{overflow:hidden; text-align:left; float:left; font-size:16px;  border-bottom:#0f98fd solid 3px; }
#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; }
#pro ul li a:hover{ float:left; background:#0f98fd; width:233px;  float:left; color:#FFFFFF ; line-height:48px;  }




/* 本例子css */
/*==首页切换大图==*/
.rollBox{  width:1200px;margin:0 auto; }
.rollBox  h3{width:1200px;  font-size:35px; font-weight:normal; height:90px; float:left; color:#393939; text-align:center; padding-bottom:30px; background:url(../images/pp.png) no-repeat top center; padding-top:40px; margin-top:50px;}
.rollBox h3 span{color:#828282; text-align:center; font-size:17px; line-height:27px; padding-top:15px; float:left;width:1200px; }

.rollBox .Cont{width:1200px;float:left;}

.rollBox .Cont .pick{width:254px; height:335px;  float:left;text-align:center; color:#333; margin-left:20px; margin-right:20px;   border-bottom:#0c99fd solid 5px; margin-bottom:20px;
  }
.rollBox .Cont .pic{width:254px; height:335px; float:left;text-align:left;  color:#333; overflow:hidden;font-family:"微软雅黑"; border:#e1e1e1 solid 1px;
  background:#fff; 
 }
.rollBox .Cont .pic h5{ width:254px;float:left; color:#000; font-size:17px!important; text-align:center; background:url(../images/lj.png) no-repeat top center; padding-top:30px; margin-top:30px; font-weight:normal; line-height:20px; height:30px;}
.rollBox .Cont .pic h5 a{  color:#000; }
.rollBox .Cont .pic h5 span{ width:254px;float:left; color:#0c99fd; font-size:17px!important; text-align:center; font-weight:normal; line-height:50px;}
.wenn img{ width:150px; height:150px; float:left; border-radius:100%; margin-left:50px; padding-top:20px; padding-bottom:20px;}


.rollBox .Cont .pic .linkmore a{ width: 105px; height:31px; line-height:31px; border-radius: 20px; float:left;
-moz-border-radius:  20px;
-khtml-border-radius:  20px;
-webkit-border-radius:  20px; margin-left:70px; text-align:center; display:block; text-decoration:none; background:#eaeaea; color:#a5a5a5}
.rollBox .Cont .pic .linkmore a:hover{ color:#fff; background:#0c99fd; border:0}




#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:#000; background:#eaeaea; float:left; width:900px;font-size:20px;text-align:center; margin-bottom:20px; line-height:40px; margin-top:25px;}





#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;}




.imglist ul li{display:inline;float:left; font-size:12px;border:#eaeaea solid 1px; width:280px; height:190px!important; margin-bottom:10px; margin-left:10px;  text-align:center  }
.imglist ul li img{max-width:280px; max-height:190px;}
.imglist ul li span{ float:left;line-height:40px; font-size:14px;  width:280px; text-align:center; }

.casepic{width:280px;height:190px;
vertical-align: middle!important;
display:table-cell!important; overflow:hidden; text-align:center }



.kuang1{
height:35px;
color:#767676;
border:#cccccc solid 1px;
width:95%;
float:left;
display:inline;
margin-right:5px;
margin-top:10px;
line-height:35px;
background:#fdfdfd;
}


.kuang2{
height:80px;
color:#767676;
border:#cccccc solid 1px;
width:95%;
float:left;
display:inline;
margin-right:5px;
margin-top:10px;
line-height:35px;
background:#fdfdfd;
}






#fot1{width:100%;float:left;background:#262626;padding-top:30px;padding-bottom:40px; margin-top:80px}

.fot{ width:1100px; margin:auto; padding-top:40px; padding-bottom:70px; clear:both; overflow:hidden}

.fot-menu{ width:250px; float:left}
.fot-menu h3{ width:200px; float:left; font-size:20px; color:#FFFFFF; font-weight:normal; padding-bottom:20px; }
.fot-menu ul{overflow:hidden; text-align:left; float:left; font-size:15px;width:200px; }
.fot-menu ul li{display:inline;float:left; line-height:28px; width:100px;}
.fot-menu ul li a{ float:left; width:122px; color:#989898}


.contact{ width:382px; float:left;  padding-left:62px; color:#989898}
.contact h3{ width:382px; float:left; font-size:20px; color:#FFFFFF; font-weight:normal; padding-bottom:20px; }
.contact h4{ width:382px; float:left; font-size:25px; color:#FFFFFF; font-weight:normal; padding-bottom:20px; background:url(../images/dh.jpg) no-repeat left top; padding-left:50px; line-height:35px; }



.ewm1{ width:381px;float:right; padding-top:50px;}



.fot2{ width:1100px; margin:auto; padding-top:40px; border-top:#565656 solid 1px; clear:both; color:#989898; font-size:15px;}
.fot2 p{ width:600px; float:left; padding-left:30px;}
.fot2 span{ padding-top:10px; float:left}
.m6{ float:right;width:120px; text-align:left; color:#fff; background:#0851b5; font-size:14px;border-radius:25px; text-align:center; line-height:35px; margin-left:120px;}
.m6 a{  color:#fff; }



.footer{width:1100px; margin:auto; clear:both; padding-top:50px; padding-bottom:0px;}

.v11{ float:right}

.zzb07tail{color:#7b7b7b}
a.zzb07link{color:#7b7b7b; text-decoration:none;}

a.zzb07link:hover {color:#7b7b7b;text-decoration:underline;

}


