/***
 * Created by:lishanzhou
 * Date:Des 16, 2013
 * Website:http://feilu66.com/
***/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { background:transparent; border:0; margin:0; padding:0; }

/***GENERAL STYLES***/
body { font-size:14px;line-height:21px; min-width:1180px; background-color:#fff; }

.wap_body { width: auto; min-width: 300px; }
 
 

input, select, textarea, button { outline: none; font-family: DroidSansRegular, "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
.form input,.form select,.form textarea,.form button,.locstart,.locterminal  { padding:0 5px; border-radius:3px;  -webkit-border-radius:3px;-moz-border-radius:3px; }

.form select { height: 34px; height: 22px \0; *height: 22px; line-height: 22px \0; padding: 0px \0; *padding-right: 0px; }
.form input[type="text"]:focus,.form input[type="password"]:focus,.form select:focus,.form textarea:focus{ border-color:rgba(50, 202, 46, 0.4); -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px rgba(50, 202, 46, 0.8);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px rgba(50, 202, 46, 0.4);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px rgba(50, 202, 46, 0.4); border:0px #efefef solid\0; box-shadow:none\0; outline:0;border-color:#52a8ec \9; /* IE8 */}

button { margin:0; outline:0; }
small { font-size:11px; line-height:12px; }

/***nav***/

.headbar { background-color:#fff; width:100%; height:70px; -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075),0 0 4px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075),0 0 4px rgba(0, 0, 0, 0.1);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075),0 0 4px rgba(0, 0, 0, 0.1); position:relative; z-index:999; }
.navbar { width:1080px; height:70px; margin:0 auto; }
.deerpslogo { width:120px; height:64px; margin:3px 0 0px; }
.menugrp { width:auto; height:70px; }
.mulink { display:inline-block; float:right; font-size:18px; width:140px; height:68px; color:#333; line-height:68px; text-align:center; border-bottom:2px #fff solid; }
.mulink:hover { background-color:#f5f5f5; border-bottom:2px #f5f5f5 solid; }
.menugrp .cur {  color:#1d61db; border-bottom:2px #1d61db solid; }

.contact-banner { width:100%; height:640px; background:url(../image/index-banner01.jpg) top center no-repeat; position:relative; z-index:0; }
.contactbg { width:1080px; height:70px; border-bottom:1px #e5e5e5 solid; margin:10px auto; font-size:18px; text-align:center; line-height:60px; }
.controw { width:1080px; margin:20px auto 30px; }
.col-one-third { width:46.5%; margin:20px 1%; float:left; text-align:center; }
.col-one-third h3 { margin:10px 0 10px; }
.contact-body-col { font-size:16px; line-height:24px; }
.ctlkbg1 { width: 100px; height: 100px; background: url(../image/con-icon1.png) no-repeat; }
.ctlkbg2 { width: 100px; height: 100px; background: url(../image/con-icon2.png) no-repeat; }
.ctlkbg3 { width: 100px; height: 100px; background: url(../image/con-icon3.png) no-repeat; }

.footer { width:100%; background-color:#f4f6f4; }
.footbox { width:1080px; margin:0 auto;  height:60px; line-height:60px; text-align:center; }

.txtcont { width:1000px; text-align: center; margin: 40px auto; }
.txtcont .lkcont { font-weight: bold; font-size: 24px; color: #}

.heibk { height: 60px; }



.footer-info {
    font-size: 12px;
    color: #666;
    text-align: center;
    background: #e1e2e3;
    padding: 20px 0;
}

.footer-info li {
	display: inline-block;
	padding: 0 10px;
}

.contact-body { padding-bottom:20px; position:relative; }

@media screen and (max-width:768px) {  
	.mbhide { display:none; }
	
 }

@media screen and (max-width:720px) { }

@media screen and (max-width:640px) { }

@media screen and (max-width:540px) { .webbody { width:100%; margin:0 auto; } }

@media screen and (max-width:480px) { .webbody { width:100%; margin:0 auto; } }

@media screen and (max-width:360px) { }

@media screen and (max-width:320px) { .webbody { width:100%; margin:0 auto; } }

