@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;
padding-top:25px;
padding-bottom:25px;
}

h2{
float:left; font-size:27px; margin-top:27px; margin-left:20px; color:#000; font-weight:bold;line-height:33px;}
h2 a{ color:#1696e8;}
h2 a:hover{ color:#1696e8;}
h2 span{color:#868686; font-size:20px; font-weight:normal }
h2 b{color:#2fb622; font-size:20px; }




#top{ width:100%; float:left;height:37px; border-bottom:#f0f0f0 solid 0px; background:#f8f8f8;line-height:37px;}
#top .top1{ width:1200px; height:37px; margin:auto; }
#top .top2{ float:right;}
#top .top2 span{ width:100px; float:left;}
#top .top2 em{ width:150px; float:left; font-style:normal}



.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; 
margin:auto;padding-bottom:25px;
}


#search{
width:320px;
float:right;
margin-top:20px;
}
#search_logo{ padding-top:0px; float:left;border:#eaeaea solid 1px;}


.searchinput{
height:33px;
color:#444444;
font-size:12px;
border:#eaeaea solid 1px;
border-right:#eaeaea solid 0px;
line-height:33px;
padding-left:10px;
width:170px;
margin-top:1px;
float:left;
display:inline;
background:#fff;
}

.vv-search{height:33px;border:#eaeaea solid 1px;background:#eaeaea; color:#999999; width:80px; text-align:center;line-height:33px; float:left; margin-top:1px;}




#tu{ width:1200px; margin:auto; }
#tu h3{width:880px; color:#1b1b1b; font-size:25px; font-weight:normal;  line-height:24px; height:24px; float:left; }
#tu h3 span{color:#a1a1a1; font-size:17px; font-weight:normal;}






.navbox{height:40px;position:relative;z-index:9999; float:right;padding-top:51px;}
.nav{width:400px;margin:0 auto;height:40px; list-style:none;}
.nav li{float:left;height:40px;position:relative; list-style:none;}
.nav li.last{background:none;}
.nav li a{text-decoration:none;}
.nav li a span{float:left;display:block;line-height:40px;font-size:16px;color:#606060;cursor:pointer;width:99px;text-align:center; }
.mj_hover_menu{text-decoration:none; width:99px; background:url(../images/ttts.jpg) no-repeat 45px 35px; height:50px;}
.nav li.selected .submenu{display:block;}
.nav li .submenu{display:none;position:absolute;top:50px;left:0px;}
.nav li .submenu li{float:none;padding:0;background:none;height:auto;border-bottom:dotted 0px #BEBEBE;}

.mj_menu_li_txt{line-height:30px; font-size:14px; color:#696969;}
.mj_menu_li_txt font{font-size:14px; color:#bb1721;}
.mj_menu_li_txt a{color:#696969; text-decoration:none;}
.mj_menu_li_txt a:hover{color:#696969; text-decoration:underline;}

.mj_menu_news_bg{width:440px; padding-bottom:50px; background:#fff; border-top:#afafaf solid 0px;}
.mj_menu_news_main{width:440px; margin:auto; padding-top:12px;}

.mj_menu_news_li{ padding-left:30px; height:135px; float:left; }
.mj_menu_news_img{float:right; padding-right:30px;padding-left:30px; text-align:left; color:#386d53; line-height:30px; font-size:12px;border-left:solid 1px #f0f0f0;}
.mj_menu_news_img font{font-size:13px; color:#696969; width:250px; float:left; line-height:20px; padding-top:10px;}


.mj_menu_news_bg1{width:650px; padding-bottom:50px; background:#fff; }
.mj_menu_news_main1{width:650px; margin:auto; padding-top:12px; }

.mj_menu_news_bg2{width:450px; padding-bottom:50px; background:#fff; border-top:#afafaf solid 0px;}
.mj_menu_news_main2{width:450px; margin:auto; padding-top:12px;}







#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;
}






.xxx{}
.xxx img{ height:auto!important ; max-width:100%; width:auto}



/* 本例子css */
/*==首页切换大图==*/
.rollBox{  width:900px; float:left; padding-top:20px; }
.rollBox  h3{width:900px;  font-size:35px; font-weight:normal; height:90px; float:left; color:#393939; text-align:center; padding-bottom:30px; background:url(../images/pro.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:900px;float:left;}

.rollBox .Cont .pick{width:274px; height:305px;  float:left;text-align:center; color:#333; margin-left:10px; margin-right:10px;   border-bottom:#0c99fd solid 5px; margin-bottom:20px;
  }
.rollBox .Cont .pic{width:274px; height:305px; float:left;text-align:left;  color:#333; overflow:hidden;font-family:"微软雅黑"; border:#e1e1e1 solid 1px;
  background:#fff; 
 }
.rollBox .Cont .pic h5{ width:274px;float:left; color:#0c99fd; font-size:20px!important; text-align:center; background:url(../images/lj.png) no-repeat top center; padding-top:40px; margin-top:30px; font-weight:normal}
.rollBox .Cont .pic h5 a{  color:#0c99fd; }


.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}


.rollBox .Cont .wenn{width:224px; text-align:center; padding-left:15px; padding-right:15px; height:130px; padding-top:20px; float:left
 }




#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:26px; line-height:100px;  background:#1381c8; text-align:center;margin-bottom:1px;}
#pro h3 span{font-weight:normal;}

#pro .tut{width:253px; height:112px; float:left; padding-top:15px;}



#pro ul{overflow:hidden; text-align:left; float:left; font-size:16px; margin-top:1px; }
#pro ul li{display:inline;float:left; }
#pro ul li a{ float:left;  border-bottom:#e8e8e8 solid 1px;  width:233px; text-align:left; padding-left:20px;line-height:22px; padding-top:10px; padding-bottom:15px; }
#pro ul li a:hover{ float:left;  color:#fff;  background: #2bb529; }






#right{
width:900px;
float:right;
}

#right h3{width:900px; float:left; height:37px; font-size:20px; color:#666666; font-weight:normal; border-bottom:#e8e8e8 1px solid; margin-bottom:15px;}
#right h3 span{float:right; font-size:13px; color:#8e8e8e; font-weight:normal; padding-top:5px; background:url(../images/home.jpg) no-repeat left 10px; }
#right h3 span a{color:#7b7b7b;}




#about{  padding-left:0px;   padding-right:0px; padding-top:10px; padding-bottom:10px;}

.cuti{ color:#0f81ca; float:left; width:900px;font-size:22px;text-align:center; margin-bottom:10px; line-height:25px; padding-top:10px; padding-bottom:20px;}




.order{
width:83%; line-height:35px; background:#e9e9e9; padding-left:5%; color:#000 ; margin:auto; overflow:hidden;
}




.vvv{width:1200px; float:left;}

.vvv ul{overflow:hidden; text-align:left; float:left; font-size:16px; padding-bottom:40px;  padding-top:20px; }
.vvv ul li{display:inline;float:left; line-height:40px; }
.vvv ul li a{ float:left; padding-left:40px; padding-right:40px; background:#67c438; border-radius:5px; color:#FFFFFF; margin-right:20px; font-size:18px;}
.vvv ul li a:hover{ float:left; background:#0085b7;}



.imglist ul li{display:inline;float:left; font-size:12px;border:#eaeaea solid 1px; width:280px; height:250px!important; margin-bottom:10px; margin-left:10px;  text-align:center  }
.imglist ul li img{max-width:280px; max-height:210px;}
.imglist ul li span{ float:left;line-height:40px; font-size:14px;  width:280px; text-align:center; }

.casepic{width:280px;height:210px;
vertical-align: middle!important;
display:table-cell!important; overflow:hidden; text-align:center }



#zhu1{width:100%; height:249px; float:left; background:url(../images/fot.jpg) no-repeat top center #1363ab; margin-top:30px;}
.zhu{ width:1200px; margin:auto; }
.zhu-1{ width:621px; float:left; color:#FFFFFF; padding-top:50px; line-height:40px; }
.zhu-1 a{ color:#FFFFFF;}
.ewm{  height:157px; float:right; background:#fff; padding-left:15px; padding-right:15px; padding-bottom:10px; margin-top:30px; padding-top:15px; text-align:center; line-height:40px;}



#footer1{ float:left; width:100%; background:#0f81ca; padding-top:50px; margin-top:70px; padding-bottom:30px; }
#footer21{margin:auto;width:1200px; }

.fot{ width:1200px; margin:auto; padding-top:10px; padding-bottom:50px; clear:both; overflow:hidden}


.fot-menu{ width:150px; float:left}
.fot-menu h3{ width:150px; float:left; font-size:17px; color:#FFFFFF; font-weight:normal; padding-bottom:20px; }
.fot-menu ul{overflow:hidden; text-align:left; float:left; font-size:15px;width:150px; }
.fot-menu ul li{display:inline;float:left; line-height:28px; width:150px;}
.fot-menu ul li a{ float:left; width:150px; color:#fff}

.contact{ width:450px; float:left; background:url(../images/ad.jpg) no-repeat left top; padding-left:62px; color:#fff}
.contact h3{ width:450px; float:left; font-size:20px; color:#FFFFFF; font-weight:normal; padding-bottom:20px;  background:url(../images/dh.png) no-repeat left top; padding-left:50px;}
.contact h4{ width:450px; float:left; font-size:25px; color:#FFFFFF; font-weight:normal; padding-bottom:20px; line-height:35px; }



.ewm1{ width:338px;float:right; }
.ewm1 h3{ width:323px; float:right; font-size:20px; color:#FFFFFF; font-weight:normal; padding-bottom:20px; padding-left:15px;}
.ewm{ width:124px;float:right;height:131px;margin-left:15px; background:#fff; padding:15px 15px 15px 15px; height:150px; }
.ewm p{ width:124px; float:left; text-align:center; line-height:40px;  color:#646464}

.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;}
.m6{ float:right;width:120px; text-align:left; color:#fff; background:#8dc20e; font-size:14px;border-radius:25px; text-align:center; line-height:35px; margin-left:120px;}
.m6 a{  color:#fff; }



#footer{ float:left;width:1200px;  text-align:left; overflow:hidden; color:#95ccee; padding-top:30px; border-top:#4da2d8 solid 1px; }

.zzb07tail
{  color:#95ccee;
}
a.zzb07link{color:#95ccee;

	text-decoration:none;
}

a.zzb07link:hover {color:#95ccee;
	text-decoration:underline;

}



.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;
}