@charset "utf-8";
/* CSS Document */
body{margin:0 auto; padding:0; border:0;} .clear{clear:both;} #header{padding:1em 0; width:100%; height:100px;} .header{width:1100px; margin:auto;} .header .pull-left{width:200px; float:left;} .pull-center{width:360px; float:left;} .header .pull-right{width:240px; padding-top:10px; float:left; padding-left:300px;}
#navigation{width:100%; margin:auto; background:#3f8d7f; } .navigation{width:1100px; margin:auto; height:50px; }  #sider{
	width: 100%;
	
	margin-top:-100px;
	position: relative;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
} .sider img{width:100%; }
#welcome{width:100%; margin:auto; background:#9f0262; padding:2em 0; font-family:Calibri; color:#F4F4F4; text-align:justify; font-size:16px;} .welcome{width:1000px; margin:auto;} .welcome h3{margin:0; padding:0; font-size:36px; font-weight:normal;} .welcome h3 span{color:#000;} .welcome p{font-size:18px; font-family:Calibri;} #services{width:100%; margin:auto;} .services{width:1000px; margin:auto; padding:2em 0;} .services ul{margin:0; padding:0; list-style:none;} .services ul li{width:325px; float:left; margin:3px;}
.marquee{width:100%; margin:auto; padding:0 0 15px 0;}

.fottor-ser{width:100%; height:auto; background:#2a2a2a; border-top:6px solid #3f8d7f; color:#CCC; line-height:25px; font-family:Calibri; font-size:15px; overflow:hidden;}
.fottor-ser1{width:19%; height:auto; float:left; text-align:left; margin-left:10%; margin-right:1%;}
.fottor-ser2{width:19%; height:auto; float:left; text-align:left; margin-right:1%;}
.fottor-ser2 li {font-size:14px; line-height:30px;}
.fottor-ser2 li a{color:#848484; text-decoration:none; }
.fottor-ser2 li a:hover{color:#fff; text-decoration:none; transition:1s;}

.fottor-ser3{width:19%; height:auto; float:left; text-align:left; margin-right:1%;}
.fottor-ser3 li {}
.fottor-ser3 li a{text-decoration:none; }
.fottor-ser3 li a:hover{color:#fff; text-decoration:none; transition:1s;}

.fottor-ser4{width:20%; height:auto; float:left; text-align:left; margin-right:10%; }

#fottor{width:100%; height:50px; background:#666;  overflow:hidden;} .fottor{width:1000px; margin:auto; color:#fff; line-height:50px; font-family:Calibri;} .fottor .pull-left{width:50%; text-align:left; float:left;} .fottor .pull-right{width:50%; text-align:right; float:left;}



			
.inner{width:1000px; height:auto; margin:auto; margin-top:30px; color:#595959; padding:10px 20px 10px 20px; line-height:35px; text-align:justify; font-family:Calibri;}
.inner h2{margin:0; padding:0.5em 0; color:#000; border-bottom:1px solid #5f5e5e; font-family:Calibri; font-size:20px; margin-bottom:0.5em;}
.inner h2 span{border-bottom:2px solid #3f8d7f; padding:0.5em 0;}
.inner h3{margin:0; padding:0.5em 0; color:#3f8d7f; border-bottom:1px solid #5f5e5e; font-family:Calibri; font-size:20px; margin-bottom:0.5em;}
.inner form{margin:0; padding:2em 0; border:0;}
.row{width:100%; float:left; margin-bottom:0.8em;} 
.row .pull-left{width:20%; padding:0 1em; float:left; line-height:30px; text-align:right; color:#000000;}
.row .pull-right{width:60%; float:left;}
.inner form input{outline:none; padding:0.5em 1em; width:250px;}
.inner form select{outline:none; padding:0.5em 1em 0.5em 0.5em; width:280px;}
.inner form textarea{outline:none; padding:0.5em 1em 0.5em 0.5em; width:260px;}
.inner form input[type="submit"]{outline:none; background:#3f8d7f; border:0; width:140px; padding:1em; color:#fff; border-radius:5px;}
.inner form input[type="reset"]{outline:none; background:#3f8d7f; border:0; width:140px; padding:1em; color:#fff; border-radius:5px;}
.inner ul{margin:0; padding:0; list-style:none;} .inner ul li{float:left; background:#F5F5F5; padding:5px; border:1px solid #EAEAEA; margin:0.5em; width:22%; overflow:hidden; height:200px;} .inner ul li:hover{background:#3f8d7f;} .inner ul li img{position:relative; width:100%; height:100%;}
