﻿	jrfw_title@charset "utf-8";
	/* CSS Document */
	
	* {
		margin: 0px;
		padding: 0px;
	}
	
	input:focus, 
	textarea:focus {
		border-color: #0078CE !important;
		outline: none;
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	}
	input.error,
    textarea.error{
      border-color: #ff0000 !important;
    }

	body {
		width: 100%;
		height: 100%;
		font-family: "Microsoft YaHei", "宋体", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif, FreeSans, Arimo;
		color: #333;
		overflow-x: hidden;
	}
	
	h3 {
		font-family: "微软雅黑";
		font-size: 15px;
		color: #333;
	}
	
	p {
		font-family: "宋体";
		color: #999999;
		font-size: 14px;
	}
	
	.wholebody {
		width: 100%;
        min-width: 1200px;
	}
	@media only screen and (max-width: 750px){
     	.wholebody {
          min-width: 0;
		}
    }
	
	/*******中间框架样式开始*******/
	
	.main {
		width: 100%;
		margin: 0 auto;
	}
	
	.banner1 {
		width: 100%;
        min-width: 1140px;
		margin: 0 auto;
	}
	
	.banner1 img {
		width: 100%;
	}
	@media only screen and (max-width: 750px){
     	.banner1 {
            min-width: 0;
        }
    }
	.messagebox {
		width: 1140px;
      	min-width: 1140px;
		height: 570px;
		margin: 0 auto;
	}
	.clearfloat:after {
      content: "";
        display: block;
        height: 0;
        clear:both;
        visibility: hidden;
    }
	.messagebox input {
		font-size: 14px;
	}
.messagebox label.error {
	  position:absolute;
      right:20px;
      top:20px;
      color:#ff0000;
      font-size:14px;
	}

.captcha label.error {
	  position:absolute;
      left:0px;
      top:60px;
      right:auto;
      color:#ff0000;
      font-size:14px;
	}
@media only screen and (max-width: 750px){
    .messagebox {
		width: 90%;
      min-width: 0;
      height: auto;
      min-height: 750px;
	}
    .verificationcode label.error {
      font-size:1.4rem;
	}
 }

	.form div {
		padding: 10px 0;
		overflow: hidden;
	}
	
	.name,
	.tel,
    .brand {
		width: 48%;
		float: left;
      	position: relative;
	}
	
	.name input,
	.mobile input,
	.tel input,
	.email input,
    .brand input,
    .model input {
		width: 100%;
		height: 40px;
		border: 1px solid #CCCCCC;
		box-sizing: border-box;
		margin: 10px 0 10px 0;
		padding-left: 10px;
	}
	
	.mobile,
	.email,
    .model {
		width: 48%;
		float: left;
		margin-left: 4%;
        position: relative;
	}
	
    .companyname {
		width: 100%;
		margin: 10px 0 10px 0;
        position: relative;
	}

    .companyname input {
		width: 100%;
		height: 40px;
		border: 1px solid #CCCCCC;
		box-sizing: border-box;
		padding-left: 10px;
		margin-top: 10px;
	}
	.message{
      position: relative;
    }
	textarea {
		width: 100%;
		padding: 10px;
		margin: 10px 0 10px 0;
		border: 1px solid #CCCCCC;
		box-sizing: border-box;
		font-size: 14px;
		font-family: "微软雅黑";
	}
	
	.verificationcode {
		width: 100%;
		text-align: center;       
	}
    .verificationcode span{
      margin-top: 10px;
    }
	
	.verificationcode #Captcha {
		width: 160px;
		height: 40px;
		border: 1px solid #CCCCCC;
		margin: 10px 0 10px 0;
		padding-left: 10px;
	}
	.captcha{
      display:inline-block;
      position: relative;
	}
	.button {
		margin-left: 10px;
		background-color: #0078ce;
		border: none;
		color: #FFFFFF;
		border-radius: 6px;
		width: 160px;
		height: 40px;
	}
    .tip{
      color:#ff0000;
      font-size:14px;
      display:inline-block;
      vertical-align: top;
      margin-left:30px;
      height:40px;
      display: inline-flex;
      align-items: center;
    }
.successtip{
  display:none;
  z-index:100;
  color:#fff;
  font-size:18px;
  font-weight:bold;
  width:450px;
  height:100px;
  background-color:rgba(134,134,134,0.8);
  border-radius:20px;
  position:fixed;
  top:50%;
  left:50%;
  text-align: center;
  line-height: 100px;
  transform: translate(-50%,-50%);
}
@media only screen and (max-width: 750px){
     .name,
	.tel,
    .brand,
    .mobile,
	.email,
    .model {
		width: 100%;
		float: none;
		margin-left: 0;
	}
	.button {
		width: 80px;
	}
   .verificationcode span{
      margin-top: 0;
    }
    .tip{
      margin-left:0;
      display: block;
    }
.successtip{
  /*display:none;*/
  font-size:1.8rem;
  width:220px;
  height:auto;
  padding:10px 30px;
  line-height: 35px;
}
 }
/*******中间框架样式结束*******/