﻿@charset "utf-8";
/*当页面小于992px的时执行下面的CSS*/
@media screen and (max-width: 992px){
	.form{
		padding: 30px 0;
		background:url(../images/form.jpg) no-repeat center;
		background-size: cover;
		width: 100%;
		height: auto;
		margin-top:30px
	}
	.form_left_right{ overflow:hidden}
	.form_left_right .l{width:93%; height:auto; margin:0 auto; font-size:0.2rem; font-weight:400; color:#FFF}
	.form_left_right .r{width:93%; height:auto; margin:0 auto; margin-top:17px; overflow:hidden}
	
	.c1{
		float: left;
		width: calc(100% - 80px);
		line-height: 25px;
		border: none;
		color: #FFFFFF;
		background: rgba(255, 255, 255, 0.2);
		padding: 10px;
		box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	}
	.send {
		float: right;
		width: 80px;
		border: none;
		background: #f60;
		color: #FFFFFF;
		text-transform: uppercase;
		line-height: 25px;
		padding: 10px 0;
		cursor:pointer;
	}
	.send:hover{background:#0d247d;}
	
	.foot{width:100%; height:auto; padding:40px 0; color:#333;  position:relative; overflow:hidden}
	.foot a{color:#333}
	.foot a:hover{ color:#147749}
	
	.foot_box{overflow:hidden;}
	.foot_box .l{width:95%; height:auto; margin:0 auto}
	.foot_box .l p{ font-size:0.16rem}
	.foot_box .l i{ margin-right:10px}
	.foot_box .l h6 {
		padding-top:5px;
		padding-bottom:2px;
		color: #f60;
		font-size:0.25rem;
		font-weight:bold
	}
	.foot_box .l span{ display:block; line-height:0.26rem;}
	.foot_box .l em{ margin-left:22px}
	
	.foot_box .r{width:50%; height:auto; margin-left:0; margin-top:15px}
	.foot_box .r img{width:100%; height:auto}
	.foot_box .r p{text-align:center; padding-top:12px}
	
	.bks1{
		position: absolute;
		top: -95%;
		right: -10%;
		z-index: -1;
		width: 50%;
		height: auto;
	}
	.bks2{
		position: absolute;
		left: auto;
		right: 0;
		bottom: 0;
		z-index: -1;
		width: 55%;
		height: auto;
	}
}

/*当页面大于992px时候*/
@media screen and (min-width:992px){
	.form{
		padding: 40px 0;
		background:url(../images/form.jpg) no-repeat center;
		background-size: cover;
		width: 100%;
		height: auto;
		margin-top:40px
	}
	.form_left_right{ overflow:hidden}
	.form_left_right .l{ float:left; width:45%; height:auto; font-size: 32px; font-weight:400; color:#FFF}
	.form_left_right .r{ float:right; width:53%; height:auto; overflow:hidden}
	
	.c1{
		float: left;
		width: calc(100% - 180px);
		line-height: 25px;
		border: none;
		color: #FFFFFF;
		background: rgba(255, 255, 255, 0.2);
		padding: 10px;
		box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	}
	.send {
		float: right;
		width: 180px;
		border: none;
		background: #f60;
		color: #FFFFFF;
		text-transform: uppercase;
		line-height: 25px;
		padding: 10px 0;
		cursor:pointer;
	}
	.send:hover{background:#0d247d;}
	
	.foot{width:100%; height:auto; padding:50px 0; color:#333;  position:relative; overflow:hidden}
	.foot a{color:#333}
	.foot a:hover{ color:#147749}
	
	.foot_box{overflow:hidden;}
	.foot_box .l{ float:left; width:800px; height:auto;}
	.foot_box .l p{ font-size:18px}
	.foot_box .l i{ margin-right:10px}
	.foot_box .l h6 {
		padding-top:5px;
		padding-bottom:2px;
		color: #f60;
		font-size: 36px;
		font-weight:bold
	}
	.foot_box .l span{ display:block; line-height:26px;}
	.foot_box .l em{ margin-left:22px}
	
	.foot_box .r{ float:right; width:150px; height:auto;}
	.foot_box .r img{width:100%; height:auto}
	.foot_box .r p{text-align:center; padding-top:12px}
	
	.bks1{
		position: absolute;
		top: -95%;
		right: -10%;
		z-index: -1;
		width: 50%;
		height: auto;
	}
	.bks2{
		position: absolute;
		left: auto;
		right: 0;
		bottom: 0;
		z-index: -1;
		width: 15%;
		height: auto;
	}
}

/* 移动端底部专用 */
.foot_height{height:0.5rem;}
.footer{width:100%; height:0.6rem; overflow:hidden; position:fixed; bottom:0; right:0; z-index:999; background-color:#0067b8; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.footer li{float:left; width:25%; height:auto; position:relative}
.footer li:before{content: ""; width:1px; height:0.3rem; background-color:#0677cf; position:absolute; right:0; top:0.15rem}
.footer li:nth-child(4):before{ display:none}
.footer li a{display:block}
.footer li span{display:block; width:100%; height:0.26rem; padding-top:0.07rem; text-align:center;}
.footer li span img{height:100%}
.footer li p{width:100%; height:0.26rem; line-height:0.26rem; text-align:center; font-size:0.12rem; font-weight:100; color:#fff;}
/* 移动端底部专用_end */