@font-face{
	font-family:Comfortaa;
	src:url(../font/Comfortaa-Light_0.ttf);
	src:url(../font/FontAwesome.otf);
	src:url(../font/fontawesome-webfont.eot);
	src:url(../font/fontawesome-webfont.ttf)
	url(../font/fontawesome-webfont.woff);
	}
body{ margin:0; padding:0; overflow-x:hidden;}
.top-area{ float:left; width:100%; height:auto;}
.top-cover{ margin:0 auto; width:950px; height:auto;}
.top-co{ float:left; width:100%; height:auto;}

.top-box-cover{ float:left; width:100%; margin-top:10px;}

.logo-cover{ float:left; width:20%; height:100px;}
.logo-cover img{ float:left;}

.top-face-cover{ margin:0 auto; width:20%; margin-top:20px; height:0;}

.top-call-cover{ float:right; width:auto; height:auto; height:90px;}
.call{ float:right; width:auto; height:auto; font:bold 13px arial; color:#666;}
.follow{ float:right; width:auto; height:auto; font:bold 13px arial; color:#666; margin-top:5px;}


.menu-area{ float:left; width:100%; height:auto; background:url(../img/menu-bg.png) repeat; height:25px; padding:5px 0px;}
.menu-cover{ margin:0 auto; width:950px; height:auto;}
.menu-co{ float:left; width:100%; height:auto;}
.menu-box{ float:left; width:100%;}


.sl-area{ float:left; width:100%; height:auto;}
.sl-cover{ margin:0 auto; height:auto;}
.sl-co{ float:left; width:100%; height:auto;}
.sl-box{ float:left; width:100%;}


.mid-area{ float:left; width:100%; height:auto;}
.mid-cover{ margin:0 auto; width:950px; height:auto; }
.mid-co{ float:left; width:100%; height:auto; background:#fff; box-shadow: 5px 0px 25px 0px #999; margin-top:-75px;
z-index: 666666;
position: relative;}
.mid-box{ float:left; width:98%; padding:10px;}
.mid-head-cover{ float:left; width:100%;}
.mid-head-co{ margin:0 auto; width:410px; font:bold 18px/20px Comfortaa; color:#000; text-transform:uppercase; letter-spacing:2px; margin-top:10px;}
.mid-head-text{ float:left; font:13px verdana; color:#727272; text-align:center; margin-top:15px; }

.box-cover{ float:left; width:100%; height:auto; margin-top:25px;}

.box-one{ float:left; width:30%; margin:15px 15px;}
.box-two{ float:left; width:63%; margin:15px 15px;}
.box1-head{ float:left; width:100%; height:auto; margin-bottom:20px; font:bold 14px Comfortaa; color:#000; text-transform:uppercase;}
.box1{ float:left; width:100%; background:url(../img/b1.jpg) center center no-repeat #840053; border-radius:15px; padding:5px 0px; margin:5px 0px; border-top:solid 3px #840053; border-bottom :solid 3px #840053; height:145px; position:relative;}
.box-bar{ float:left; width:96%; background:url(../img/menu-bg.png) repeat; padding:10px 5px; position:absolute; bottom:5px; font:12px verdana; color:#fff; border-radius:0px 0px 5px 5px;}

.box2{ float:left; width:100%;  font:13px/17px verdana; color:#727272; text-align:justify; height:223px; overflow:hidden; } 
.box3{ float:left; width:100%;  font:13px/17px verdana; color:#727272; text-align:justify;  } 

.news-box{ float:left; width:100%; height:auto; margin-bottom:25px;}
.news-date{ float:left; width:16%; height:auto;}
.news-d{ float:left; background:#ebc477; text-align:center; font:bold 15px verdana; color:#333; border-radius:5px; padding:8px 11px;}
.news-m{ float:left; background:#fff; text-align:center; font:bold 13px verdana; color:#666; border-radius:5px; padding:2px 11px 8px 11px;}

.news-con{ float:right; width:80%; height:auto;}
.news-con-head{ float:left; width:100%; font:bold 11px verdana; color:#727272; height:auto; }
.news-con-text{ float:left; width:100%; font:11px/18px verdana; color:#727272; height:auto;  margin-top:5px;}


.ser-cover{ float:left; width:100%; height:auto; margin-top:15px;}
.ser-head{float:left; width:100%; height:auto; margin-bottom:20px; font:bold 14px Comfortaa; color:#000; text-transform:uppercase;}
.ser-box{ float:left; width:30%; margin:10px 15px;}
.ser-co{background:url(../img/s1.jpg) center center no-repeat;  height:174px; width:293px; position:relative;}
.ser-co:hover{background:url(../img/s1.jpg) center center no-repeat;  height:174px; width:293px; position:relative;}
.ser{background:url(../img/menu-bg.png) repeat; height:20px; width:93%; position:absolute; bottom:20px; padding:10px; font:bold 12px Comfortaa; color:#fff;  height:20px; overflow:hidden;}
.ser span{font:bold 11px verdana; color:#ccc; text-decoration:none; text-align:justify; }
.ser:hover{background:url(../img/menu-bg.png) repeat; height:135px; width:93%; position:absolute; bottom:20px; padding:10px; font:bold 12px Comfortaa; color:#fff; cursor:pointer;}






.footer-area{ float:left; width:100%; height:auto; background:#1f1a17; margin-top:15px; padding:10px 0px;}
.footer-cover{ margin:0 auto; width:950px; height:auto;}
.footer-co{ float:left; width:100%; height:auto;}
.fo{ float:left; width:100%; height:auto;}
.copy{ float:left; width:auto; font:10px verdana; color:#727272;}
.link{ float:left; width:auto; font:11px verdana; color:#fff; margin-left:5%;}
.link a{ color:#fff; text-decoration:none;}
.link a:hover{ color:#666; }
.com{ float:right; width:auto; font:10px verdana; color:#727272;}
.com a{ color:#fff; text-decoration:none;}
.com a:hover{ color:#666; }



@media(max-width:950px) and (min-width:700px){
/*@font-face{
	font-family:Comfortaa;
	src:url(../font/Comfortaa-Light_0.ttf);
	src: url(http://themes.googleusercontent.com/static/fonts/comfortaa/v5/r_tUZNl0G8xCoOmp_JkSCnZ2MAKAc2x4R1uOSeegc5U.eot);
	}*/
body{ margin:0; padding:0; overflow-x:hidden; }
.top-area{ float:left; width:100%; height:auto;}
.top-cover{ margin:0 auto; width:97%; margin:10px;}
.top-co{ float:left; width:100%; height:auto;}

.top-box-cover{ float:left; width:100%; margin-top:10px;}

.logo-cover{ float:left; width:20%; height:100px;}
.logo-cover img{ float:left; width:100%;}

.top-face-cover{ margin:0 auto; width:24%; margin-top:20px; height:0;}

.top-call-cover{ float:right; width:auto; height:auto; height:90px;}
.call{ float:right; width:auto; height:auto; font:bold 13px arial; color:#666;}
.follow{ float:right; width:auto; height:auto; font:bold 13px arial; color:#666; margin-top:5px;}


.menu-area{ float:left; width:100%; height:auto; background:url(../img/menu-bg.png) repeat; height:25px; padding:5px 0px;}
.menu-cover{ margin:0 auto; width:97%; margin:0px 10px 10px 10px;}
.menu-co{ float:left; width:100%; height:auto;}
.menu-box{ float:left; width:100%;}


.sl-area{ float:left; width:100%; height:auto;}
.sl-cover{ margin:0 auto; width:100%; height:auto;}
.sl-co{ float:left; width:100%; height:auto;}
.sl-box{ float:left; width:100%;}


.mid-area{ float:left; width:100%; height:auto;}
.mid-cover{ margin:0 auto; width:97%; margin:10px;}
.mid-co{ float:left; width:100%; height:auto; background:#fff; box-shadow: 5px 0px 25px 0px #999; margin-top:-75px;
z-index: 666666;
position: relative;}
.mid-box{ float:left; width:97%; padding:10px;}
.mid-head-cover{ float:left; width:100%;}
.mid-head-co{ margin:0 auto; width:410px; font:bold 18px/20px Comfortaa; color:#000; text-transform:uppercase; letter-spacing:2px; margin-top:10px;}
.mid-head-text{ float:left; font:11px verdana; color:#727272; text-align:center; margin-top:15px; }

.box-cover{ float:left; width:100%; height:auto; margin-top:25px;}

.box-one{ float:left; width:30%; margin:15px 10px;}
.box1-head{ float:left; width:100%; height:auto; margin-bottom:20px; font:bold 14px Comfortaa; color:#000; text-transform:uppercase;}
.box1{ float:left; width:100%; background:url(../img/b1.jpg) center center no-repeat #840053; border-radius:15px; padding:5px 0px; margin:5px 0px; border-top:solid 3px #840053; border-bottom :solid 3px #840053; height:145px; position:relative;}
.box-bar{ float:left; width:96%; background:url(../img/menu-bg.png) repeat; padding:10px 5px; position:absolute; bottom:5px; font:12px verdana; color:#fff; border-radius:0px 0px 5px 5px;}

.box2{ float:left; width:100%;  font:11px/15px verdana; color:#727272; text-align:justify; height:165px; overflow:hidden; } 
.box3{ float:left; width:100%;  font:11px/15px verdana; color:#727272; text-align:justify;  } 

.news-box{ float:left; width:100%; height:auto; margin-bottom:25px;}
.news-date{ float:left; width:25%; height:auto;}
.news-d{ float:left; background:#ebc477; text-align:center; font:bold 15px verdana; color:#333; border-radius:5px; padding:8px 11px;}
.news-m{ float:left; background:#fff; text-align:center; font:bold 13px verdana; color:#666; border-radius:5px; padding:2px 11px 8px 11px;}

.news-con{ float:right; width:73%; height:auto;}
.news-con-head{ float:left; width:100%; font:bold 11px verdana; color:#727272; height:auto; }
.news-con-text{ float:left; width:100%; font:11px/18px verdana; color:#727272; height:auto;  margin-top:5px;}


.ser-cover{ float:left; width:100%; height:auto; margin-top:15px;}
.ser-head{float:left; width:100%; height:auto; margin-bottom:20px; font:bold 14px Comfortaa; color:#000; text-transform:uppercase;}
.ser-box{ float:left; width:45%; margin:10px 15px;}
.ser-co{background:url(../img/s1.jpg) center center no-repeat;  height:174px; width:293px; position:relative;}
.ser-co:hover{background:url(../img/s1.jpg) center center no-repeat;  height:174px; width:293px; position:relative;}
.ser{background:url(../img/menu-bg.png) repeat; height:20px; width:93%; position:absolute; bottom:20px; padding:10px; font:bold 12px Comfortaa; color:#fff;  height:20px; overflow:hidden;}
.ser span{font:bold 11px verdana; color:#ccc; text-decoration:none; text-align:justify; }
.ser:hover{background:url(../img/menu-bg.png) repeat; height:135px; width:93%; position:absolute; bottom:20px; padding:10px; font:bold 12px Comfortaa; color:#fff; cursor:pointer;}


.footer-area{ float:left; width:100%; height:auto; background:#1f1a17; margin-top:15px; padding:10px 0px;}
.footer-cover{ margin:0 auto; width:97%; margin:10px;}
.footer-co{ float:left; width:100%; height:auto;}
.fo{ float:left; width:100%; height:auto;}
.copy{ float:left; width:auto; font:10px verdana; color:#727272;}
.link{ float:left; width:auto; font:11px verdana; color:#fff; margin-left:5%;}
.link a{ color:#fff; text-decoration:none;}
.link a:hover{ color:#666; }
.com{ float:right; width:auto; font:10px verdana; color:#727272;}
.com a{ color:#fff; text-decoration:none;}
.com a:hover{ color:#666; }	
}

@media(max-width:700px) and (min-width:500px){
/*@font-face{
	font-family:Comfortaa;
	src:url(../font/Comfortaa-Light_0.ttf);
	src: url(http://themes.googleusercontent.com/static/fonts/comfortaa/v5/r_tUZNl0G8xCoOmp_JkSCnZ2MAKAc2x4R1uOSeegc5U.eot);
	}*/
body{ margin:0; padding:0; }
.top-area{ float:left; width:100%; height:auto;}
.top-cover{ margin:0 auto; width:94%; margin:10px;}
.top-co{ float:left; width:100%; height:auto;}

.top-box-cover{ float:left; width:100%; margin-top:10px;}

.logo-cover{ float:left; width:20%; height:100px;}
.logo-cover img{ float:left; width:100%;}

.top-face-cover{ margin:0 auto; width:39%; margin-top:20px; height:0;}

.top-call-cover{ float:right; width:auto; height:auto; height:90px;}
.call{ float:right; width:auto; height:auto; font:bold 13px arial; color:#666;}
.follow{ float:right; width:auto; height:auto; font:bold 13px arial; color:#666; margin-top:5px;}


.menu-area{ float:left; width:100%; height:auto; background:url(../img/menu-bg.png) repeat; height:25px; padding:5px 0px;}
.menu-cover{ margin:0 auto; width:94%; margin:0px 10px 10px 10px;}
.menu-co{ float:left; width:100%; height:auto;}
.menu-box{ float:left; width:100%;}


.sl-area{ float:left; width:100%; height:auto;}
.sl-cover{ margin:0 auto; width:100%; height:auto;}
.sl-co{ float:left; width:100%; height:auto;}
.sl-box{ float:left; width:100%;}

.wp-caption-text{font-weight:bold;color:#333;}
.mid-area{ float:left; width:100%; height:auto;}
.mid-cover{ margin:0 auto; width:96%; margin:10px;}
.mid-co{ float:left; width:100%; height:auto; background:#fff; box-shadow: 5px 0px 25px 0px #999; margin-top:-75px;
z-index: 666666;
position: relative;}
.mid-box{ float:left; width:94%; padding:10px;}
.mid-head-cover{ float:left; width:100%;}
.mid-head-co{ margin:0 auto; width:410px; font:bold 18px/20px Comfortaa; color:#000; text-transform:uppercase; letter-spacing:2px; margin-top:10px;}
.mid-head-text{ float:left; font:11px verdana; color:#727272; text-align:center; margin-top:15px; }

.box-cover{ float:left; width:100%; height:auto; margin-top:25px;}

.box-one{ float:left; width:97%; margin:15px 10px;}
.box-two{ float:left; width:97%; margin:15px 10px;}
.box1-head{ float:left; width:100%; height:auto; margin-bottom:20px; font:bold 14px Comfortaa; color:#000; text-transform:uppercase;}
.box1{ float:left; width:100%; background:url(../img/b1.jpg) center center no-repeat #840053; background-size:98%; border-radius:15px; padding:5px 0px; margin:5px 0px; border-top:solid 3px #840053; border-bottom :solid 3px #840053; height:145px; position:relative;}
.box-bar{ float:left; width:97.5%; background:url(../img/menu-bg.png) repeat; padding:10px 5px; position:absolute; bottom:0px; font:12px verdana; color:#fff; border-radius:0px 0px 10px 10px;}

.box2{ float:left; width:100%;  font:11px/15px verdana; color:#727272; text-align:justify; height:165px; overflow:hidden; } 
.box3{ float:left; width:100%;  font:11px/15px verdana; color:#727272; text-align:justify;  } 

.news-box{ float:left; width:100%; height:auto; margin-bottom:25px;}
.news-date{ float:left; width:25%; height:auto;}
.news-d{ float:left; background:#ebc477; text-align:center; font:bold 15px verdana; color:#333; border-radius:5px; padding:8px 11px;}
.news-m{ float:left; background:#fff; text-align:center; font:bold 13px verdana; color:#666; border-radius:5px; padding:2px 11px 8px 11px;}

.news-con{ float:right; width:73%; height:auto;}
.news-con-head{ float:left; width:100%; font:bold 11px verdana; color:#727272; height:auto; }
.news-con-text{ float:left; width:100%; font:11px/18px verdana; color:#727272; height:auto;  margin-top:5px;}


.ser-cover{ float:left; width:100%; height:auto; margin-top:15px;}
.ser-head{float:left; width:100%; height:auto; margin-bottom:20px; font:bold 14px Comfortaa; color:#000; text-transform:uppercase;}
.ser-box{ float:left; width:97%; margin:10px 15px;}
.ser-co{background:url(../img/s1.jpg) center center no-repeat;  height:174px; width:100%;  position:relative;}
.ser-co:hover{background:url(../img/s1.jpg) center center no-repeat;  height:174px; width:100%; position:relative;}
.ser{background:url(../img/menu-bg.png) repeat; height:20px; width:95.6%; position:absolute; bottom:0px; padding:10px; font:bold 12px Comfortaa; color:#fff;  height:20px; overflow:hidden;}
.ser span{font:bold 11px verdana; color:#ccc; text-decoration:none; text-align:justify; }
.ser:hover{background:url(../img/menu-bg.png) repeat; height:155px; width:95.6%; position:absolute; bottom:0px; padding:10px; font:bold 12px Comfortaa; color:#fff; cursor:pointer;}


.footer-area{ float:left; width:100%; height:auto; background:#1f1a17; margin-top:15px; padding:10px 0px;}
.footer-cover{ margin:0 auto; width:94%; margin:10px;}
.footer-co{ float:left; width:100%; height:auto;}
.fo{ float:left; width:100%; height:auto;}
.copy{ float:left; width:100%; font:10px verdana; color:#727272; text-align:center;}
.link{ float:left; width:100%; font:11px verdana; color:#fff; margin:5px 0px 5px 0px; text-align:center;}
.link a{ color:#fff; text-decoration:none;}
.link a:hover{ color:#666; }
.com{ float:right; width:100%; font:10px verdana; color:#727272; text-align:center;}
.com a{ color:#fff; text-decoration:none;}
.com a:hover{ color:#666; }	
}

@media(max-width:500px) and (min-width:50px){
/*@font-face{
	font-family:Comfortaa;
	src:url(../font/Comfortaa-Light_0.ttf);
	src: url(http://themes.googleusercontent.com/static/fonts/comfortaa/v5/r_tUZNl0G8xCoOmp_JkSCnZ2MAKAc2x4R1uOSeegc5U.eot);
	}*/
body{ margin:0; padding:0; }
.top-area{ float:left; width:100%; height:auto;}
.top-cover{ margin:0 auto; width:92%; margin:10px;}
.top-co{ float:left; width:100%; height:auto;}

.top-box-cover{ float:left; width:100%; margin-top:10px;}

.logo-cover{ float:left; width:100%; height:100px;  margin-bottom:25px;}
.logo-cover img{ float:none; width:180px;}

.top-face-cover{ margin:0 auto; width:100%; margin-top:20px; height:0;}

.top-call-cover{ float:right; width:auto; height:auto; height:70px;}
.call{ float:right; width:auto; height:auto; font:bold 13px arial; color:#666;}
.follow{ float:right; width:auto; height:auto; font:bold 13px arial; color:#666; margin-top:5px;}


.menu-area{ float:left; width:100%; height:auto; background:url(../img/menu-bg.png) repeat; height:25px; padding:5px 0px;}
.menu-cover{ margin:0 auto; width:94%; margin:0px 10px 10px 10px;}
.menu-co{ float:left; width:100%; height:auto;}
.menu-box{ float:left; width:100%;}


.sl-area{ float:left; width:100%; height:auto;}
.sl-cover{ margin:0 auto; width:100%; height:auto;}
.sl-co{ float:left; width:100%; height:auto;}
.sl-box{ float:left; width:100%;}


.mid-area{ float:left; width:100%; height:auto;}
.mid-cover{ margin:0 auto; width:96%; margin:10px;}
.mid-co{ float:left; width:100%; height:auto; background:#fff; box-shadow: 5px 0px 25px 0px #999; margin-top:-30px;
z-index: 666666;
position: relative;}
.mid-box{ float:left; width:94%; padding:10px;}
.mid-head-cover{ float:left; width:100%;}
.mid-head-co{ margin:0 auto; width:100%; font:bold 12px/20px Comfortaa; color:#000; text-transform:uppercase; letter-spacing:2px; margin-top:10px;}
.mid-head-text{ float:left; font:11px verdana; color:#727272; text-align:center; margin-top:15px; }

.box-cover{ float:left; width:100%; height:auto; margin-top:25px;}

.box-one{ float:left; width:100%; margin:15px 0px;}
.box-two{ float:left; width:100%; margin:15px 0px;}
.box1-head{ float:left; width:100%; height:auto; margin-bottom:20px; font:bold 14px Comfortaa; color:#000; text-transform:uppercase;}
.box1{ float:left; width:100%; background:url(../img/b1.jpg) center center no-repeat #840053; background-size:98%; border-radius:15px; padding:5px 0px; margin:5px 0px; border-top:solid 3px #840053; border-bottom :solid 3px #840053; height:145px; position:relative;}
.box-bar{ float:left; width:97%; background:url(../img/menu-bg.png) repeat; padding:10px 5px; position:absolute; bottom:0px; font:12px verdana; color:#fff; border-radius:0px 0px 10px 10px;}

.box2{ float:left; width:100%;  font:11px/15px verdana; color:#727272; text-align:justify; height:165px; overflow:hidden; } 
.box3{ float:left; width:100%;  font:11px/15px verdana; color:#727272; text-align:justify;  } 

.news-box{ float:left; width:100%; height:auto; margin-bottom:25px;}
.news-date{ float:left; width:25%; height:auto;}
.news-d{ float:left; background:#ebc477; text-align:center; font:bold 15px verdana; color:#333; border-radius:5px; padding:8px 11px;}
.news-m{ float:left; background:#fff; text-align:center; font:bold 13px verdana; color:#666; border-radius:5px; padding:2px 11px 8px 11px;}

.news-con{ float:right; width:73%; height:auto;}
.news-con-head{ float:left; width:100%; font:bold 11px verdana; color:#727272; height:auto; }
.news-con-text{ float:left; width:100%; font:11px/18px verdana; color:#727272; height:auto;  margin-top:5px;}


.ser-cover{ float:left; width:100%; height:auto; margin-top:15px;}
.ser-head{float:left; width:100%; height:auto; margin-bottom:20px; font:bold 14px Comfortaa; color:#000; text-transform:uppercase;}
.ser-box{ float:left; width:100%; margin:10px 0px;}
.ser-co{background:url(../img/s1.jpg) center center no-repeat;  height:174px; width:100%;  position:relative;}
.ser-co:hover{background:url(../img/s1.jpg) center center no-repeat;  height:174px; width:100%; position:relative;}
.ser{background:url(../img/menu-bg.png) repeat; height:20px; width:94%; position:absolute; bottom:0px; padding:10px; font:bold 12px Comfortaa; color:#fff;  height:20px; overflow:hidden;}
.ser span{font:bold 11px verdana; color:#ccc; text-decoration:none; text-align:justify; }
.ser:hover{background:url(../img/menu-bg.png) repeat; height:155px; width:94%; position:absolute; bottom:0px; padding:10px; font:bold 12px Comfortaa; color:#fff; cursor:pointer;}


.footer-area{ float:left; width:100%; height:auto; background:#1f1a17; margin-top:15px; padding:10px 0px;}
.footer-cover{ margin:0 auto; width:94%; margin:10px;}
.footer-co{ float:left; width:100%; height:auto;}
.fo{ float:left; width:100%; height:auto;}
.copy{ float:left; width:100%; font:10px verdana; color:#727272; text-align:center;}
.link{ float:left; width:100%; font:11px verdana; color:#fff; margin:5px 0px 5px 0px; text-align:center;}
.link a{ color:#fff; text-decoration:none;}
.link a:hover{ color:#666; }
.com{ float:right; width:100%; font:10px verdana; color:#727272; text-align:center;}
.com a{ color:#fff; text-decoration:none;}
.com a:hover{ color:#666; }	
}