﻿@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0px;
}
body{
font-family:"微软雅黑";
font-size:14px;
line-height:24px;
color:#646464;
background:#fff;

}
img{
border:none;
}
ul li{
list-style:none;
}
a{color:#646464; text-decoration: none;}

a:hover{color:#009e6f;text-decoration:none;}


h1{

float:left;
padding-top:17px; padding-bottom:25px;
}

/*--------------------index.html start----------------------*/


.header{  width:1142px; margin:auto;}

.sss{width:70px;float:right; padding-top:65px; padding-bottom:0px;}
.zhh{ background:url(../images/dt.jpg) no-repeat left 8px; padding-left:30px; float:right; padding-top:8px; font-size:13px; color:#bababa}
.zhh a{  color:#bababa}



.weixin{ width:30px; height:30px; float:right;position:relative; font-size:12px; margin-top:70px; margin-right:10px;  z-index:99999}
.weixin a{width:30px; height:30px; display:block; position:absolute; left:0; top:0;background:url(../images/weixin.png) no-repeat center top; }

.weixin .weixin_nr{width:100px; height:100px;text-align:center; position:absolute; left:-33px; top:40px; display:none;}
.weixin .weixin_nr img{ margin-bottom:5px;}
.weixin .weixin_nr .arrow{ width:0; height:0; border-bottom:10px solid #eeeeee;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:40px; top:-10px;}
.weixin.on .weixin_nr{ display:block;}
.weixin.on a{ background:url(../images/weixin.png) no-repeat left bottom;}


#menu{
width:100%; background:#009e6f;
height:45px;
float:left;
}
.menu1{
width:1142px; margin:auto;
height:45px;
}


.wraper{ width:820px; float:left;}
.nav{ position:relative; width:100%; height:45px;  overflow:hidden}
.nav-item{ position:relative; float:left; width:115px; height:40px; line-height:45px; text-align:center; font-size:17px; z-index:1}
.nav-item a{ display:block; height:45px; color:#fff;}
.nav-item a:hover{ color:#fff}
.move-bg{ display:none;position:absolute;left:0;top:0; width:115px; height:45px; background:#ceae40; z-index:0}





#search{
width:285px; height:45px;
float:right;
}
#search_logo{ }


.searchinput{
height:45px;
line-height:45px;
color:#60dab6;
border:#008e5f solid 0px;
border-bottom:#ebebeb solid 0px;
width:210px; padding-left:20px; 
float:left; font-size:14px;
display:inline;
background:#008e5f;
}




#flash{
width:100%;
height:516px;
float:left;
}







.ab2{width:1142px; margin:auto; padding-top:50px; clear:both;}


.ab2-1{width:642px; float:left; }
.ab2-1 h3{width:642px; float:left;font-size:35px; color:#000;font-weight:normal;line-height:70px; padding-bottom:30px; text-transform:uppercase }
.ab2-1 h3 span{ font-weight:normal}
.ab2-1 em{width:100px; background:#009e6f; height:3px; position:absolute;}

.ab2-3{width:642px; float:left; height:180px; }


.ab11{width:426px;height:212px; float:right; margin-top:55px; }
.ab1{width:426px;height:212px; float:left; background:#e5e5e5;   }
.nr1{float:left;width:426px; height:0px; position: relative;clear: both; margin-left:20px;}
.nr2{float:left;width:426px;height:466px;  position: absolute; overflow:hidden;margin-top:-20px;}
.nr2 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; }
.nr2 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);}


.m1{  text-align:center;float:left; line-height:30px; font-size:17px; font-weight:normal;width:180px; border-radius:5px;}
.m1 a{float:left;  background:#009e6f;  line-height:30px; color:#fff;  font-size:17px;font-weight:normal;width:180px; 

transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.m1 a:hover{background:#efcf17; float:left;width:180px; text-align:center; line-height:30px; background:#009e6f; color:#fff; 	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}






.m2{  text-align:center;float:left; line-height:30px; font-size:17px; font-weight:normal;width:180px; border-radius:5px; margin-left:20px;}
.m2 a{float:left;  background:#ceae40;  line-height:30px; color:#fff;  font-size:17px;font-weight:normal;width:180px; 

transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.m2 a:hover{background:#efcf17; float:left;width:180px; text-align:center; line-height:30px; background:#ceae40; color:#fff; 	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}




/* 本例子css */
.tabox{ float:left; width:100%;  background:url(../images/pro.jpg) no-repeat top center; margin-top:70px; height:570px;}
.tabox .hd{width:1142px; margin:auto; }
.tabox .hd ul{width:500px; float:left; padding-top:50px}
.tabox .hd ul li{ float:left; text-align:center;width:225px;float:left; background:#009e6f; border:#31b184 solid 1px;box-shadow:0px 0px 8px #31b184; line-height:32px; color:#a6ffe5; font-size:16px; height:32px; margin-right:20px; margin-bottom:17px;  }
.tabox .hd ul li.on{background:#a6ffe5;color:#009e6f;width:225px;border:#a6ffe5 solid 1px;box-shadow:0px 0px 8px #31b184;-moz-transition: all .8s ease 0s;-ms-transition: all 1.5s ease 0s;-o-transition: all 1.5s ease 0s;transition: all 1.5s ease 0s;-webkit-transition:all 1.5s ease 0s;}
.tabox .bd{}
.tabox .lh{width:100%; float:left; height:200px;}



.right{
width:1142px!important; margin:auto!important; font-size:17px; text-align:left;padding-top:20px;}
.right h3{width:1142px;   float:left;  line-height:70px; font-weight:normal;  font-size:35px; color:#323232; padding-top:25px; padding-bottom:30px;}
.right em{width:100px; background:#009e6f; height:3px; position:absolute;}

.right ul{width:1142px; float:left; padding-bottom:20px; }
.right ul li{ float:left; text-align:left; width:380px; font-size:16px; color:#474747; }
.right ul li a{color:#474747;  width:340px; padding-left:40px;}
.right ul li a:hover{ color:#009e6f; -moz-transition: all .8s ease 0s;-ms-transition: all 1.5s ease 0s;-o-transition: all 1.5s ease 0s;transition: all 1.5s ease 0s;-webkit-transition:all 1.5s ease 0s;}

.right p{width:25px; background:#009e6f; height:1px; position:absolute; margin-top:13px;}



.cp1{ float:left; width:100%; background:#f5f5f5; padding-top:50px; padding-bottom:50px; margin-top:70px;}
.cp{width:1142px; margin:auto }
.cp h3{width:1142px; float:left;text-align:center;font-size:35px; color:#323232;font-weight:900;line-height:70px; padding-bottom:20px; margin-bottom:0px;}
.cp em{width:100px; background:#009e6f; height:3px; position:absolute; margin-left:-55px;}

.cp ul{overflow:hidden;width:1142px; float:left; }
.cp ul li{display:inline;float:left;margin-bottom:35px; margin-top:25px; margin-right:10px;}


.cp ul li a{ float:left; width:275px; height:170px; background:#FFFFFF;border-radius:8px; 
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; }
.cp ul li a:hover{ float:left; box-shadow: 5px 5px 2px #e1e1e1; 
transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px); }

.cp-wz{ width:275px; height:140px;  float:left;  padding-top:20px;font-size:17px; color:#4e4e4e; text-align:center }
.cp-wz h4{ width:275px; line-height:40px; float:left; font-size:35px; color:#ceae40; font-weight:normal; }



.m3{  text-align:center;float:left; background:#009e6f; color:#FFF; line-height:30px; font-size:17px; font-weight:normal;width:275px; 
border-top-left-radius:0px;
border-bottom-left-radius:8px;
border-top-right-radius:0px;
border-bottom-right-radius:8px;

}
.m3 a{float:left;  background:#009e6f;  line-height:30px; color:#fff;  font-size:17px;font-weight:normal;width:180px; }








#new{width:1142px; margin:auto; clear:both; overflow:hidden; padding-top:60px; }
#new h3{width:150px; height:125px; float:left; text-align:left;font-size:35px; color:#b1b1b1; font-weight:normal;background:url(../images/new.jpg) no-repeat top left; padding-left:300px; padding-top:80px;  text-transform:uppercase;}
#new h3 span{font-weight:normal; font-size:40px; color:#4e4e4e;line-height:55px; background:url(../images/n1.jpg) no-repeat right; padding-right:20px; }

.n2{width:680px;float:right; }
.n2 ul{ float:left;width:680px;}
.n2 ul li{display:inline;float:left;width:300px; margin-left:40px; }
.n2 ul li h5{width:300px;float:left; text-align:left; color:#000; font-size:17px; font-weight:normal; border-bottom:#CCCCCC solid 1px; line-height:40px; margin-bottom:5px;}
.n2 ul li a{ float:left;  width:300px;  line-height:30px; margin-bottom:10px; }


.n2 em{ color:#949494; font-size:12px; font-style:normal }
.n2 b{ font-weight:normal;width:300px; float:right; text-align:left; font-size:14px; color:#b0b0b0; }


.m4{width:50px; line-height:33px; text-align:center; float:left; color:#CCCCCC; margin-top:30px; font-size:20px;}

.m4 a{width:50px!important;line-height:32px; float:left; color:#CCCCCC!important; border:#CCCCCC solid 1px;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}

.m4 a:hover{ color:#FFFFFF!important; background:#666666; width:150px!important;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}






#fot1{width:100%;float:left; height:705px; background:url(../images/fot.jpg) no-repeat top center #009e6f; margin-top:60px}

.fot{ width:1142px; margin:auto; padding-top:50px;}


#ddd{width:586px; float:left; height:524px;  }
#ddd h3{width:586px; float:left;text-align:left;font-size:35px; color:#fff;font-weight:normal;line-height:50px;  }

.ddd1{width:586px; float:left; padding-top:30px;  }


.kuang3{
height:35px;
color:#fff;
border:#7dc9b5 solid 0px;
border-bottom:#7dc9b5 solid 1px;
width:100%;
float:left;
display:inline;
margin-right:5px;
margin-top:5px;
line-height:35px;
background:none;
font-size:15px;
}






.kuang2{
height:50px;
color:#fff;
border:#7dc9b5 solid 0px;
border-bottom:#7dc9b5 solid 1px;
width:100%;
float:left;
display:inline;
margin-top:5px;
line-height:20px;
background:none;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;

}

.kuang4{
height:35px;
color:#fff;
border:#7dc9b5 solid 0px;
border-bottom:#7dc9b5 solid 1px;
width:50%;
float:left;
display:inline;
margin-top:5px;
line-height:35px;
background:none;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;

}

.kuang5{
height:35px;
color:#009e6e;
width:100%;
float:left;
margin-top:10px;
line-height:35px;
background:#fff;
border-radius:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
border:#FFFFFF solid 1px;

}








.fot-menu{ width:420px; float:right; color:#FFFFFF}
.fot-menu a{ color:#FFFFFF}
.fot-menu h3{width:420px; float:left;text-align:left;font-size:35px; color:#fff;font-weight:normal;line-height:50px; padding-bottom:30px;  }
.ewm{width:420px; float:left; padding-top:35px;}



.footer{width:1142px; margin:auto; clear:both; padding-top:45px;  text-align:left; font-size:14px;color:#FFFFFF}
.footer a{color:#FFFFFF}
.zzb07tail{color:#FFFFFF}
a.zzb07link{color:#FFFFFF; text-decoration:none;}
a.zzb07link:hover {color:#FFFFFF;text-decoration:underline;}


.bah{ float:right; color:#6eefc9}
.bah a{ color:#6eefc9}






