﻿a {
	text-decoration: none;
}

body {
	background: #fff
}

nav {
	margin-bottom: 4em;
}
.section{padding:0 !important}

@media (min-width: 1200px){
	.bread {
		margin: auto;
		width: 90%;
		padding: 1.5em 0;
		border-bottom: 1px #E3E3E3 solid;
		max-width: 1200px;
	}
	.bread>p a {
		text-decoration: none;
	}
	.bread>p .a1 {
		color: #999
	}
	.bread>p .a2 {
		color: #37ADBB
	}
	.bread>p span {
		margin-right: 0.5em;
		margin-left: 0.5em;
		color: #999
	}
	.section {
		margin: auto;
		width: 75em;
		margin-bottom: 5em;		
		margin-top: 3em;
	}
	.form-control:focus {
		border-color: #009BAC;
	}
	.form-group{
		width:35%;
		margin: auto;
		overflow: hidden;
		margin-top:1.5em;
	}
	.form-group label{	
		float: left;	
		width:20%;
		line-height:3.2em;
		text-align: right;
	}
	.form-group input {
		margin-left: 3em;
		width:60%;
		float:left;				
		border: 1px solid #e1e1e1;
		color: #666;
		margin-top: 0.5em;
	}
	.form-control,
	.bbt {
		border-radius: 0;
		width: 99.5%;
	}
	h3 {
		text-align: center;
		background: #EAEBEF;
		line-height: 2.5em;
		margin: 0;
		margin-bottom: 1em;
	}
	.form-group label span {
		position: relative;
		top: 0.3em;
		left: 0.5em;
		color: #f00
	}
	.bbt {
		font-size: 1.15em;
		width: 99.5%;
		background: #009BAC;
		color: #fff;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.bbt:hover {
		background: #009BAC;
		color: #fff
	}
	.bbt {
		width:60%;
		float:left;		
		margin-left:2.6em;		
		margin-top: 0.5em;		
		font-size: 1.15em;
		background: #009BAC;
		color: #fff;
		height:2.5em;
		line-height: 2em;
		border:0;
	}
}

@media (min-width: 992px) {
	.bread {
		margin:auto;
		width:90%;
		max-width: 1200px;
		padding: 1.5em 0;
		border-bottom: 1px #E3E3E3 solid;
	}
	.bread>p a {
		text-decoration: none;
	}
	.bread>p .a1 {
		color: #999
	}
	.bread>p .a2 {
		color: #37ADBB
	}
	.bread>p span {
		margin-right: 0.5em;
		margin-left: 0.5em;
		color: #999
	}
	.section {
		margin: auto;
		width: 75em;
		margin-bottom: 5em;		
		margin-top: 3em;
	}
	.form-control:focus {
		border-color: #009BAC;
	}
	.form-group{
		width:50%;
		margin: auto;
		overflow: hidden;
		margin-top:1.5em;
	}
	.form-group label{	
		float: left;	
		width:20%;
		line-height:3.2em;
		text-align: right;
	}
	.form-group input {
		margin-left: 3em;
		width:60%;
		float:left;				
		border: 1px solid #e1e1e1;
		color: #666;
		margin-top: 0.5em;
	}
	.form-control,
	.bbt {
		border-radius: 0;
		width: 99.5%;
	}
	h3 {
		text-align: center;
		background: #EAEBEF;
		line-height: 2.5em;
		margin: 0;
		margin-bottom: 1em;
	}
	.form-group label span {
		position: relative;
		top: 0.3em;
		left: 0.5em;
		color: #f00
	}
	.bbt {
		font-size: 1.15em;
		width: 99.5%;
		background: #009BAC;
		color: #fff;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.bbt:hover {
		background: #009BAC;
		color: #fff
	}
	.bbt {
		width:60%;
		float: right;
    margin-right: 12%;		
		margin-top: 0.5em;		
		font-size: 1.15em;
		background: #009BAC;
		color: #fff;
		height:2.5em;
		line-height: 2em;
		border:0;
	}
	}
/* 判断ipad */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.bread {
		margin: auto;
		width: 80%;
		padding: 1.5em 0;
		border-bottom: 1px #E3E3E3 solid;
	}
	.bread>p a {
		text-decoration: none;
	}
	.bread>p .a1 {
		color: #999
	}
	.bread>p .a2 {
		color: #37ADBB
	}
	.bread>p span {
		margin-right: 0.5em;
		margin-left: 0.5em;
		color: #999
	}
	.section {
		margin: auto;
		width: 85%;
		margin-bottom: 5em;		
		margin-top: 3em;
	}
	.form-control:focus {
		border-color: #009BAC;
	}
	.form-group{
		width:50%;
		margin: auto;
		overflow: hidden;
		margin-top:1.5em;
	}
	.form-group label{	
		float: left;	
		width:20%;
		line-height:3.2em;
		text-align: right;
	}
	.form-group input {
		margin-left: 3em;
		width:60%;
		float:left;				
		border: 1px solid #e1e1e1;
		color: #666;
		margin-top: 0.5em;
	}
	.form-control,
	.bbt {
		border-radius: 0;
		width: 99.5%;
	}
	h3 {
		text-align: center;
		background: #EAEBEF;
		line-height: 2.5em;
		margin: 0;
		margin-bottom: 1em;
	}
	.form-group label span {
		position: relative;
		top: 0.3em;
		left: 0.5em;
		color: #f00
	}
	.bbt {
		font-size: 1.15em;
		width: 99.5%;
		background: #009BAC;
		color: #fff;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.bbt:hover {
		background: #009BAC;
		color: #fff
	}
	.bbt {
		width:60%;
		float:right;		
		margin-right:2.6em;		
		margin-top: 0.5em;		
		font-size: 1.15em;
		background: #009BAC;
		color: #fff;
		height:2.5em;
		line-height: 2em;
		border:0;
	}
}

@media (max-width:760px)
/*iphone*/

{
	.bread {
		margin: auto;
		width: 85%;
		padding-bottom: 1.5em;
		border-bottom: 1px #E3E3E3 solid;
	}
	.bread>p a {
		text-decoration: none;
	}
	.bread>p .a1 {
		color: #999
	}
	.bread>p .a2 {
		color: #37ADBB
	}
	.bread>p span {
		margin-right: 0.5em;
		margin-left: 0.5em;
		color: #999
	}
	.section {
		margin: auto;
		width:85%;
		margin-bottom: 5em;		
		margin-top: 3em;
	}
	.form-control:focus {
		border-color: #009BAC;
	}
	.form-group{
		width:100%;
		margin: auto;
		overflow: hidden;
		margin-top:1.5em;
	}
	.form-group label{	
		float: left;	
		width:20%;
		line-height:3.2em;
		text-align: right;
	}
	.form-group input {
		margin-left: 3em;
		width:60%;
		float:left;				
		border: 1px solid #e1e1e1;
		color: #666;
		margin-top: 0.5em;
	}
	.form-control,
	.bbt {
		border-radius: 0;
		width: 99.5%;
	}
	h3 {
		text-align: center;
		background: #EAEBEF;
		line-height: 2.5em;
		margin: 0;
		margin-bottom: 1em;
	}
	.form-group label span {
		position: relative;
		top: 0.3em;
		left: 0.5em;
		color: #f00
	}
	.bbt {
		font-size: 1.15em;
		width: 99.5%;
		background: #009BAC;
		color: #fff;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.bbt:hover {
		background: #009BAC;
		color: #fff
	}
	.bbt {
		width:60%;
		float: right;
        margin-right: 1.6em;	
		margin-top: 0.5em;		
		font-size: 1.15em;
		background: #009BAC;
		color: #fff;
		height:2.5em;
		line-height: 2em;
		border:0;
	}
}