/* CSS Document */



#main_wrap {

    background: #f5f5f5 none repeat scroll 0 0; 

}

#main_wrap:before {



    background: rgba(0, 0, 0, 0) url("../images/main_wrap_bg.png") no-repeat scroll 0 0;



    content: "";



    height: 92px;;



    right: 0;



    position: absolute;



    top: -92px;



    width: 700px;



}





#contact{ margin-top:55px; padding:0 20px; }

#contact .tip { font-size: 20px; text-align: center; color: #666; border-bottom: 1px solid #E5E5E5; padding-bottom: 20px; margin-bottom: 20px; margin-top:20px }

#contact .left { width: 22.25%; display: inline-block; vertical-align: top; margin-left: 2%; line-height:22px}

#contact .left li { position: relative; zoom: 1; margin-bottom: 10px; }

#contact .left span {   }

#contact .left p { display: block; overflow: hidden; }

#contact .right { width: 75%; display: inline-block; vertical-align: top; }

#contact .map { width: 100%; margin-top: 20px; }

#contact iframe{ min-height:450px;_height:450px;overflow: visible; margin-bottom:20PX;}

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

#main_wrap:before { display:none}

#contact iframe{ min-height:600px;_height:600px;overflow: visible; margin-bottom:20PX}

}

.DD{ background:#f5f5f5}

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

	 #contact .left { width: 100%; margin-bottom: 10px; }

  #contact .right { width: 100%; }

  .iframe{ height:1000px}

   }

.message{ background:#FFF}

.message .title .tl { width: 20%; display: inline-block; float: left; background: #2fa14c; text-align: center; border-right: 1px solid #fff; color: #fff; font-size: 16px; height: 40px; line-height: 40px; }

.message .title .tr { width: 80%; background: #2a365b; color: #fff; text-align: left; font-size: 14px; float: right; height: 40px; line-height: 40px; font-weight: normal; padding-left: 20px;}



 }



@media screen and (max-width: 740px) { .message .title .tl { width: 100%; }

  .message .title .tr { display: none; } 

  

  }

.message .sendform { border: 1px solid #DBDBDB; border-top: 0px none; display: block;}

.message ul { padding: 30px; padding-bottom: 5px; }

@media screen and (max-width: 630px) { .message ul { padding: 10px; } }

.message ul li { width: 48%; position: relative; margin-bottom: 15px; color: #919191; }

.message ul li span.must { position: absolute; right: 4px; top: 1px; z-index: 12; color: #FF0000; }

.message ul li input[type=text] { border: 1px solid #DBDBDB; padding: 13px 6px 13px 6px; width: 100%; font-size: 14px; position: relative; z-index: 2; line-height: 1; color: #333; }

.message ul li label { position: absolute; top: 5px; left: 0; padding-left: 7px; color: #919191; font-size: 14px; text-transform: capitalize; z-index: 1; width: 100%; }

.message ul li input[name="verifycode"] { height: 32px; line-height: 32px; padding: 0 0 0 5px;   vertical-align: middle;   width: 89px;}

.message ul li input[name="verifycode"]:focus {   padding: 0 0 0 5px;}

.message ul li span.code {   display: inline-block;   margin-left: 5px;   position: relative;   vertical-align: middle;}

.message ul li input[type=text]:focus { padding: 4px 6px 22px 6px; border-color: #2fa14c; }

.message ul li input[type=text]:focus + label, .message ul li textarea:focus + label { top: 100%; font-size: 12px; color: #fff; margin-top: -16px; background: #2fa14c; z-index: 15; }



@media screen and (max-width: 630px) { .message ul li { width: 100%; } 



}

.message ul li input[name=code] { width: 89px; padding: 0; height: 32px; line-height: 32px; padding-left: 5px; vertical-align: middle; }

.message ul li input[name=code]:focus { padding: 0; padding-left: 5px; }

.message ul li span.code { position: relative; display: inline-block; vertical-align: middle; margin-left: 5px; }

.message .box.none { margin-bottom: 0; }

.message .block { display: block; width: 100%; position: relative; text-align: center; }

.message .block label { text-align: left; }

.message .block textarea { width: 100%; border: 1px solid #DBDBDB; padding: 6px; height: 132px; min-height: 100px; min-width: 100%; position: relative; z-index: 2; }

.message .block textarea:focus { border-color: #2fa14c; }

.message input[type=submit], .message input[type=reset] { width: 95px; text-align: center; border: 1px solid #ddd; background: #fff; line-height: 1; font-size: 14px; padding: 8px 20px; color: #aaa; margin: 0 10px; }

.message input[type=submit]:hover, .message input[type=reset]:hover { background: #2fa14c; color: #fff; }}





.four { width: 100%; background:none  }

.four b { color: #fff; text-transform: uppercase;line-height: 1; display: block; margin-bottom: 10px; font-size:17px;   }



.four .sendform  { display: block; width: 100%; position: relative; }

.four .sendform  ul{ width:100%;}

.four .sendform  li { position: relative; width:100%; margin-bottom: 8px;}

.four .sendform  input[type=text], .four  .sendform  textarea { width: 100%; color: #fff; background: transparent; border: 0px solid #fff; padding: 4px 0 4px 5px;  line-height: 1; z-index: 2; position: relative; padding:5px;background:#434343; border-radius:3px ;  }

.four .sendform  input[type=text]:focus, .four .sendform  input[type=text].focusOn, .four .sendform  textarea:focus, .four .sendform  textarea.focusOn { background: #434343; }

.four .sendform  textarea { height:100px; }

.four .sendform  input[name="verifycode"] { width: 88px; vertical-align: bottom; margin-right: 5px;  background:#434343; border-radius:5px ;}

.four .sendform  span.code { display: inline-block; } 

.four .sendform  input[type="submit"] {right: 0; bottom: 5px; color: #fff; border: 0px none; padding: 4px 22px; background:#fe6000; border-radius:5px ; }

.four .sendform  label { position: absolute; background: transparent; color: #fff; top: 2px; left: 5px; z-index: 1;  width:100% }

input[type="text"]:focus, input.focusOn[type="text"], textarea:focus, textarea.focusOn{ background:#fff}





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

.iframe{ height:1100px}

}