@charset "utf-8";


/*Reset*/
*{ padding:0; margin:0; outline:none;}
*html{background-image:url(about:blank);background-attachment:fixed;}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0; font-weight:normal;}
img{border:none}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
select,input{ vertical-align:middle;}  
a {color:#000;text-decoration:none;}
a:hover {color:#20A53A;}
a:active {color:#20A53A;}
.hidden{ display:none}
i{ font-style:normal}
/*basic*/ 
body{margin:0px; padding:0px;font-family: Arial, Helvetica, sans-serif; font-size:14px;color:#000;}  



.banner{width: 100%; float: left; position: relative;}   
/*.banner2{ display: none;}

@media screen and (max-width: 768px) {

.banner1{ display: none;}
.banner2{ display: block;}

}	
*/
.top{ width:950px; height:250px; margin:0 auto; background:url(top.jpg); font-size:30px; line-height:250px; text-indent:30px; font-weight:bold; text-align:center}
.top .msgbox{  color:#e11b28; margin-top: 18px;background-color:rgb(255,255,255);opacity:0.9;;padding:5px; line-height: 27px; width: 300px;margin: 0 auto;text-indent:0px;font-size:23px;letter-spacing:3px;}
.top img{ float:left; margin-top:45px; margin-left:45px;}
.main{ width:970px; margin:0 auto; overflow:hidden;  background:url(leftf.jpg);}
.maintop{ width:100%; float:left; height:30px; background:url(lefttop.jpg) left top;}
.mainfoot{ width:100%; float:left; height:30px; background:url(leftfoot.jpg) left bottom;}
.left{ width:220px; float:left; margin-left:10px;}
.lefttop{ width:100%; float:left; background-repeat:no-repeat; background:url(ltop.png); height:40px; line-height:40px; font-size:18px; font-weight:bold; text-indent:10px; color:#fff}
.leftmain{ width:100%;  padding-bottom:80px; float:left}

.menu{ float:left; width:180px; margin:0 20px;}
.menu a{ color:#000; float:left; display:block; width:100%; float:left; line-height:50px; border-bottom:1px dashed #ddd; background:url(doc1.jpg) left center; background-repeat:no-repeat; font-size:16px; text-indent:15px;}
.menu a.on{ color:#20A53A;}
.leftlx{float:left; width:180px; margin:0 20px; margin-top:15px;}
.leftlx p{ line-height:40px; text-indent:25px; font-size:16px; }
.lxwm1{background:url(c2.png) left center; background-repeat:no-repeat;}
.lxwm2{background:url(c1.png) left center; background-repeat:no-repeat;}
.lxwm3{background:url(c3.png) left center; background-repeat:no-repeat;}

.right{ width:700px; float:right;  min-height:300px; margin-right:20px; padding-bottom:20px;}
.righttop,h1{ width:100%; float:left; font-size:18px; line-height:40px; border-bottom:1px solid #20A53A; font-weight:bold;}
.contents{ width:100%; float:left; line-height:25px; margin-top:20px;}
.foot{ width:950px; margin:0 auto; border-top:2px solid #20A53A; line-height:30px; padding:10px 0; margin-top:10px; text-align:center}
.piclist{ width:750px; float:left; margin-top:20px;}
.pic{ width:336px; margin-right:25px; float:left; margin-bottom:15px;}
.pic img{ float:left; width:100%; box-sizing:; border:1px solid #ddd;}
.pic p{ float:left; line-height:20px;width:100%;  text-align:center; text-align:center; height:40px; padding-top:10px;}
.pic a{ display:block}

.cleft{ width:400px; float:left}
.cright{ width:250px; float:left}
.input1{ width:248px; float:left; line-height:40px; text-indent:5px; border:1px solid #ddd; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif}
.text1{ width:238px; float:left; line-height:25px; height:100px;border:1px solid #ddd; padding:5px; font-family:Arial, Helvetica, sans-serif}
.button1{ width:100px; height:40px; color:#fff; margin-top:20px; background:#20A53A; border:0; cursor:pointer}