﻿@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}





/*--------------------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;}






#flash{
width:100%;
height:601px;
float:left;
padding-bottom:50px;
}







.banner{
			width: 100%;
			/*height: 560px;*/
			/*background: black;*/
			/*子绝父相*/
			position: relative;
			/*超出部分全部隐藏，解决横向滚动条*/
			overflow: hidden;
		}
		.banner ul{
			position: absolute;
		}
		.banner ul li{
			/*这个100%是相对于父盒子的（会把父盒子的宽度继承过来,如父盒子300%,这这里的100%就会相当于300%）*/
			width: 100%;
			height:601px;
			float: left;
			background:  no-repeat center center;
		}
		/*.banner ul li:nth-child(1){*/
			/*background: url('./1.jpg') no-repeat center center;*/
		/*}*/
		/*.banner ul li:nth-child(2){*/
			/*background: url('./2.jpg') no-repeat center center;*/
		/*}*/
		/*.banner ul li:nth-child(3){*/
			/*background: url('./3.jpg') no-repeat center center;*/
		/*}*/
		.banner ol{
			/*width: 60px;*/
			height: 20px;
			background: rgba(0,0,0,0.5);
			position: absolute;
			left:50%;
			/*margin-left: -40px;*/
			bottom: 30px;
			padding: 0 10px;
			border-radius: 10px;
			 z-index:200;
		}
		.banner ol li{
			width: 10px;
			height: 10px;
			float: left;
			margin: 5px 5px;
			background: rgba(255,255,255,0.5);
			border-radius: 50%;
			cursor: pointer;
			list-style-type:none;
		}
		.banner ol .current{
			background: rgba(255,255,255,1);
		}
		.banner i{
			width: 58px;
			height: 120px;
			position: absolute;
			top: 50%;
			margin-top: -60px;
			cursor: pointer;
			border-radius: 5px;
			display: none;
			 z-index:200;
		}
		.banner .left{
			left: 20px;
			background:url(../images/left_right.png) no-repeat 0 0px;
		}
		.banner .right{
			right: 20px;
			background:url(../images/left_right.png) no-repeat 0px -120px;
		}
		.banner .left:hover , .banner .right:hover{
background-color: rgba(0, 0, 0, 0.31);
		}





#ab2{width:1200px; margin:auto; padding-top:20px; clear:both}
#ab2 h3{width:1200px;  font-size:35px; font-weight:normal; height:90px; float:left; color:#2e2e2e; text-align:center; padding-bottom:10px;}
#ab2 h3 span{color:#828282; text-align:center; font-size:16px; line-height:27px; padding-top:15px; float:left;width:1200px; letter-spacing:0px;}


.ab3{width:381px; height:430px; float:left; background:url(../images/a1.jpg) no-repeat;  color:#fff; padding-top:50px; padding-left:50px; padding-right:50px; }
.ab3 a{color:#fff; }
.ab3 h4{width:481px;  font-size:25px; font-weight:normal;float:left; color:#fff; text-align:left; padding-bottom:20px;}



.az{width:719px; float:right; background:#f2f2f2}

.az11{width:719px; float:left; }
.az1{width:325px; height:240px; float:left;}
.az1 h4{width:325px;  font-size:15px; font-weight:normal;float:left; color:#6a6a6a; text-align:center; padding-top:70px;}
.az1 h4 span{width:325px;  font-size:50px; font-weight:normal;color:#0f98fd; line-height:70px;}

.az2{width:325px; height:240px; float:left;}
.az2 h4{width:325px;  font-size:15px; font-weight:normal;float:left; color:#6a6a6a; text-align:center; padding-top:70px;}
.az2 h4 span{width:325px;  font-size:50px; font-weight:normal;color:#0f98fd; line-height:70px;}


.az4{width:719px; height:240px; float:right; }
.az4-1{width:395px; height:240px; float:right; overflow:hidden}
.az4-1 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.az4-1 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}


.nr1{ float:right; width:395px; height:0px; position: relative;clear: both; z-index:100; }
.nr2{float:left; width:395px; height:44px; position: absolute;clear: both; color:#FFFFFF; background:url(../images/a_d.png) no-repeat left top; margin-top:100px }



.az4-2{width:244px; height:150px;  float:left; font-size:25px; color:#fff; padding-top:90px; padding-left:50px; line-height:30px; background:#0f81ca; text-align:right; text-transform:uppercase; padding-right:30px;}
.az4-2 a{color:#fff;}

.az4-2 span{font-size:16px; font-family:Arial, Helvetica, sans-serif;}








#pro1{width:100%; float:left ; background:url(../images/p_b.jpg) repeat; border-top:#e5e5e5 solid 0px; border-bottom:#e5e5e5 solid 0px; margin-top:70px;}
#pro{width:1200px; margin:auto; padding-top:65px;}
#pro  h3{width:1200px;  font-size:35px; font-weight:normal; height:90px; float:left; color:#2e2e2e; text-align:center; padding-bottom:30px; background:url(../images/pro.png) no-repeat top center; padding-top:35px;}
#pro h3 span{color:#828282; text-align:center; font-size:17px; line-height:27px; padding-top:15px; float:left;width:1200px; }




/* 本例子css */
/*==首页切换大图==*/
.rollBox{ overflow:hidden; width:1200px;margin:0 auto;background-repeat:repeat-x; z-index:-9999; padding-top:0px; padding-bottom:40px;}
.rollBox .LeftBotton{height:66px;width:38px;background:url(../images/leftarrow.png) no-repeat 0px 0;overflow:hidden;float:left;display:inline;margin:137px 0 0 0;cursor:pointer;}
.rollBox .RightBotton{height:66px;width:38px;background:url(../images/rightarrow.png) no-repeat 0px 0;overflow:hidden;float:right;display:inline;margin:137px 0 0 0; cursor:pointer;}
.rollBox .Cont{width:1102px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pick{width:254px; height:305px;  float:left;text-align:center; color:#333; margin-left:11px; margin-right:11px;   border-bottom:#0c99fd solid 5px;   
  }
.rollBox .Cont .pic{width:254px; height:305px; 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:#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
 }







#new1{width:1200px; margin:auto; overflow:hidden; padding-top:20px;}
#new1  h3{width:1200px;  font-size:35px; font-weight:normal; height:70px; float:left; color:#393939; text-align:left; padding-bottom:30px;  padding-top:40px;}
#new1 h3 span{color:#828282;  font-size:17px; line-height:27px; padding-top:15px; float:left;width:1200px; }
#new1 h3 em{color:#828282;  font-size:14px; float:right; font-style:normal}




.nr3{
	float:left;
	width:559px;
	position: relative;
	clear: both;
	height:0px;
}
.nr4{
	float:left;
	width:116px;
	height:251px;
	background:url(../images/n_b.png) repeat; 
	position: absolute;
	margin-left:20px;
	clear: both;
	z-index:1500;}
.nr4 h5{
	float:left;
	font-size:18px;  font-weight:normal; border-bottom:#FFFFFF solid 5px; color:#FFFFFF; margin-left:40px; padding-top:80px;}

	
.n1{width:559px;float:left; background:url(../images/x1.jpg) no-repeat top right;  padding-right:55px;}
.n1 h4{width:559px; font-size:18px;  font-weight:normal;float:left; padding-bottom:20px; color:#000}
.n1 h4 a{color:#000}
.ttxw_tu{width:559px; height:251px; float:left; padding-bottom:15px; }
.ttxw_tu .tttt{width:559px; height:251px; float:left; overflow:hidden}
.ttxw_tu a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.ttxw_tu a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}


.ttxw{width:559px; height:27px;  font-size:17px;  font-weight:normal;float:left;margin-bottom:0px;}

.ttxw1{width:559px;  font-weight:normal;float:left; margin-bottom:5px; color:#7f7f7f }
.ttxw1 a{color:#7f7f7f }
.ttxw1 span{ font-size:12px; color:#fff; background:#2fb622; padding-left:25px; padding-right:25px; padding-top:8px; padding-bottom:8px;}



.n2{width:562px;float:right;}

.n2 ul{overflow:hidden; text-align:left; float:left;}
.n2 ul li{display:inline;float:left;  height:115px; float:left;  background:url(../images/dd.jpg) no-repeat right; width:512px; margin-bottom:20px; border-bottom:#CCCCCC dotted 1px; padding-right:50px;}
.n2 ul li a{ float:left; font-size:15px; color:#a1a1a1 }

.n2 em{ color:#d3d3d3;  font-style:normal }

.n2 h5{ color:#666666; font-size:16px; line-height:24px; float:left; font-weight:normal}
.n2 h5 a{ color:#666666;}
 







#footer1{ float:left; width:100%; background:#0f81ca; padding-top:50px;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;

}


.qq1{ width:130px; float:right; padding-top:10px;}
