@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	font-family: 'Heiti SC', 'Microsoft Yahei', 'Arial', 'Helvetica', 'sans-serif';
	font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/
	line-height:150%;
	font-weight: normal;
	color: #4A4A4A;
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
body {
	background-color:#fff;
	position:relative;
}
@font-face {
	font-family:"sf01";
	src: url("../sf01.otf");
}  

@font-face {   
	font-family:"sf01";
	src: url("../sf01.eot"); 
}

@font-face {
	font-family:"sf02";
	src: url("../sf02.otf"); 
}  

@font-face {   
	font-family:"sf02";
	src: url("../sf02.eot"); 
}

@font-face {
	font-family:"sf03";
	src: url("../sf03.otf"); 
}  

@font-face {   
	font-family:"sf03";
	src: url("../sf03.eot");
}
table, caption, tbody, tfoot, thead, tr, th, td {
	vertical-align: middle;
}
:focus {
	outline: 1;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
/*input默认文字颜色*/
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #DFDEE0;  
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #DFDEE0;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #DFDEE0;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #e5e5e5;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"]{
  -moz-appearance: textfield;
}

div {
	overflow: hidden;
	font-size: 0;
}
img {
	vertical-align: middle;
}
a:link {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a img {
	border-style: none;
}
a:focus {
	text-decoration: none;
	background: none;
}
a[href^="tel:"] {
	color: inherit;
	text-decoration: none;
}
/*整体布局*/
.pagewide {
	max-width:480px;
	min-height:700px;
	background-color:#fff;
	margin: 0 auto 0 auto;
	position: relative;
}
/*容器水平定位元素*/
.fl {
	float: left
}
.fr {
	float: right
}
.fc {
	margin: 0 auto 0 auto;
}
/*文字对其元素*/
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.middle {
	vertical-align: middle
}
.val-bottom {
	vertical-align: text-bottom;
}
.txtalign {
	text-align: Justify;
	text-justify: inter-ideograph;
}
/*绝对相对元素*/
.position_r {
	position: relative;
}
.position_a {
	position: absolute;
}
.position_f {
	position: fixed;
}
.bottom-0 {
	bottom:0;
}
.bottom-10 {
	bottom:10px;
}
.bottom-20 {
	bottom:20px;
}
.bottom-2 {
	bottom:2px;
}
.top-0 {
	top:0;
}
.top-5 {
	top:5px;
}
.top-10 {
	top:10px;
}
.top-20 {
	top:20px;
}
.left-0 {
	left:0;
}
.left-5 {
	left:5px;
}
.right-0 {
	right:0;
}
/*线条元素*/
.bottomline {
	border-bottom: 1px solid #e5e5e5;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
}
.bottomline-ef {
	border-bottom: 1px solid #efefef;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
}
.topline {
	border-top: 1px solid #e5e5e5;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
}
.leftline {
	border-left: 1px solid #e5e5e5;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
}
.rightline {
	border-right: 1px solid #e5e5e5;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
}
.rightline-ef {
	border-right: 1px solid #efefef;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
}
/*间隔元素*/
.spaceline {
	border-bottom: 1px dashed #e5e5e5;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	width:100%;
	margin:4rem 0;
}
.space {
	border-bottom:1px #ccc solid;
	padding-top:10px;
	margin-bottom:20px;
}
.space30 {
	height: 30px;
}
.space15 {
	height: 15px;
}
.space20 {
	height: 20px;
}
.space30 {
	height: 30px;
}
.space40 {
	height: 40px;
}
/*按钮元素*/
.button1{
	background-color:#F44336;
	font-size:14px;
	color:#fff;
	padding:1rem 0;
	margin:20px 12px;
	border-radius:4px;
	text-align:center;
}
.button2{
	background-color:#F44336;
	font-size:12px;
	color:#fff;
	padding:0 5px;
	height:20px;
	line-height:150%;
	border-radius:2px;
	margin-top:10px;
	text-align:center;
}
.button3{
	background-color:#efefef;
	font-size:12px;
	color:#999;
	padding:0 5px;
	height:20px;
	line-height:150%;
	border-radius:2px;
	margin-top:10px;
	text-align:center;
}
.button4{
	background-color:#F44336;
	font-size:18px;
	color:#fff;
	padding:5px 0;
	border-radius:4px;
	text-align:center;
}
.button5{
	background-color:#f8e71c;
	width:100%;
	height:40px;
	line-height:40px;
}
.button6{
	background-color:#efefef;
	font-size:14px;
	color:#4a4a4a;
	padding:10px 0;
	margin:20px 15px;
	border-radius:4px;
	text-align:center;
}
/*文字元素*/
.font12{
	font-size:12px;
}
.font14{
	font-size:14px;
}
.font18{
	font-size:18px;
}
.font24{
	font-size:24px;
}

/*背景色元素*/
.bgc-ef {
	background-color:#efefef;
}
.bgc-f {
	background-color:#fff;
}
/*间距元素设置*/
.p-a-10 {
	padding:10px;
}
.m-a-10 {
	margin:10px;
}
.m-l-5 {
	margin-left:5px;
}
.m-r-5 {
	margin-right:5px;
}
.m-l-10 {
	margin-left:10px;
}
.m-r-10 {
	margin-right:10px;
}
/*行高设置*/
.l-h-40 {
	height:40px;
	line-height:40px;
}
/*宽度元素*/
.w100 {
	width:100%;
}
.w85 {
	width:85%;
}
.w80 {
	width:80%;
}
.w70 {
	width:70%;
}
.w65 {
	width:65%;
}
.w60 {
	width:60%;
}
.w50 {
	width:50%;
}
.w46 {
	width:46%;
}
.w40 {
	width:40%;
}
.w35 {
	width:35%;
}
.w33 {
	width:33.33%;
}
.w30 {
	width:30%;
}
.w25 {
	width:25%;
}
.w20 {
	width:20%;
}
.w15 {
	width:15%;
}
.w10 {
	width:10%;
}
/*input样式*/
.input1 {
	height:40px;
	line-height:24px;
	font-size:14px;
	border:none;
	outline:medium;
}
/*列表样式*/
.dot1 {
	background-image:url(../images/p_dot1.png);
	background-repeat:no-repeat;
	background-size:5px;
	background-position:15px 10px;
	padding:5px 5px 5px 25px;
}
.dot2 {
	background-image:url(../images/icon_logonoword.png);
	background-repeat:no-repeat;
	background-size:10px;
	background-position:10px 10px;
	padding:5px 5px 5px 25px;
}
/*水平翻转*/
.flipx {
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	/*IE*/
	filter: FlipH;
}
/*垂直翻转*/
.flipy {
	-moz-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	transform: scaleY(-1);
	/*IE*/
	filter: FlipV;
}
/*头部*/
.header {
	background:#2d5982;
}
.header h1 {
	font-family: sf03, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#fff;
	margin-bottom:10px;
}
.header h2 {
	font-size:12px;
	color:#fff;
	margin-left:5px;
}
/*下拉选项*/
.fakeselect {
	position:relative;
	border-radius:3px;
	background:#fff;
	padding:5px 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
}
.fakeselect span{
	font-size:12px; 
	color:#6699cc
}
.fakeselect select{
	/* older safari/Chrome browsers */
	-webkit-opacity: 0;
	/* Netscape and Older than Firefox 0.9 */
	-moz-opacity: 0;
	/* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
	-khtml-opacity: 0;
	/* IE9 + etc...modern browsers */
	opacity: 0;
	/* IE 4-9 */
	filter: alpha(opacity=0);
	/*This works in IE 8 & 9 too*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /*IE4-IE9*/
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	position:absolute;
	left: 0px;  
    top: 0px;  
    width: 100%;
	height:30px;
}
/*响应式*/
@media (min-width: 992px) {
	/*头部菜单*/
.topmenumark {
	/* older safari/Chrome browsers */
	-webkit-opacity: 0.5;
	/* Netscape and Older than Firefox 0.9 */
	-moz-opacity: 0.5;
	/* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
	-khtml-opacity: 0.5;
	/* IE9 + etc...modern browsers */
	opacity: 0.5;
	/* IE 4-9 */
	filter: alpha(opacity=50);
	/*This works in IE 8 & 9 too*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /*IE4-IE9*/
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	position:absolute;
	left:0;
	top:0;
	background:#000;
	height:100px;
	z-index:50;
	width:100%;
	
}
.topmenu {
	position:absolute;
	width:100%;
	left:0;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	padding:15px 10%;
	z-index:1000;
}
.topmenu .itemlocal {
	float:right;
	margin-top:15px;
}
.topmenu h1 {
	font-family:"sf02";
	font-size:60px;
	color:#fff;
	line-height:150%;
	float:left;
}
.topmenuitem {
	background:#ff3333;
	font-family:"sf02";
	line-height:36px;
	color:#fff;
	font-size:18px;
	padding:10px 20px;
	margin:0 0 0 20px;
}
.topbanner .figure-list {
	margin: 0;
	padding: 0;
}
.topbanner .figure-list:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
.topbanner .figure-list li {
	list-style: none;
	float: left;
	width: 100%;
	margin: 0;
}
.topbanner .figure-list figure {
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding-bottom: 37%; /* 关键语句 */
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
}
.topbanner .figure-list figure a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
	top: 0;
	bottom: 0;
	font-size: 2.4rem;
	color: #fff;
	text-align: center;
	padding-top: 30%;
}
.topbanner .figure-list .contentlocal{
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	padding:14% 0 0 10%;
}
.topbanner .figure-list figure h1 {
	color:#fff;
	font-size:48px;
	line-height:120%;
	font-family:"sf01";
}
.topbanner .figure-list .button1 {
	color:#fff;
	font-size:18px;
	line-height:35px;
	height:35px;
	width:150px;
	font-family:"sf02";
	border-radius:30px;
	border:#fff 1px solid;
	background: none;
	padding:10px 30px;
	margin:2% 30px 0 0;
}
.topbanner .figure-list .button2 {
	color:#ff3333;
	font-size:18px;
	line-height:35px;
	height:35px;
	width:150px;
	font-family:"sf02";
	border-radius:30px;
	border:#fff 1px solid;
	background: #fff;
	padding:10px 30px;
	margin:2% 30px 0 0;
}
.titlebar {
	width:auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	padding:15px 0;
	margin:30px 10% 15px 10%;
	border-bottom:#ddd 1px solid;
	font-size:24px;
	font-family:"sf01";
	line-height:120%;
}
.boxlocal {
	width:auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	margin:0 8.8%;
}
.box .figure-list {
	margin: 0;
	padding:0;
}
.box .figure-list:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
.box .figure-list li {
	list-style: none;
	float: left;
	width: 47%;
	margin: 15px 1.5%;
}
.box .figure-list figure {
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding-bottom: 58%; /* 关键语句 */
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
	border-radius:20px;
}
.box .figure-list .title {
	padding:0 30px;
	height:60px;
	line-height:60px;
	color:#fff;
	font-family:"sf01";
	font-size:24px;
	background:#ff3333;
}
.box .figure-list .title img {
	margin-top:20px
}
.box .figure-list .contentwords {
	line-height:150%;
	color:#fff;
	font-family:"sf01";
	font-size:18px;
	margin:30px;
}

.bottom {
	padding:30px 10% 0 10%;
	background:#262626;
	margin-top:20px;
}
.bottom .list {
	float:left;
	margin-right:60px;
}
.bottom .list1 {
	float:right;
}
.bottom h1 {
	font-size:12px;
	color:#fff;
	font-family:"sf01";
	margin-bottom:15px;
}
.bottom h2 {
	font-size:12px;
	color:#ff3333;
	font-family:"sf01";
}
.bottom p {
	font-size:12px;
	color:#999;
	line-height:150%;
	font-family:"sf01";
	padding-left:25px;
	padding-bottom:20px;
	border-bottom:1px solid #666;
	background-position:left top;
	background-size:15px;
	background-repeat:no-repeat;
	margin-bottom:20px;
}
	
}
@media (max-width: 991px) {
	/*头部菜单*/
.topmenumark {
	/* older safari/Chrome browsers */
	-webkit-opacity: 0.5;
	/* Netscape and Older than Firefox 0.9 */
	-moz-opacity: 0.5;
	/* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
	-khtml-opacity: 0.5;
	/* IE9 + etc...modern browsers */
	opacity: 0.5;
	/* IE 4-9 */
	filter: alpha(opacity=50);
	/*This works in IE 8 & 9 too*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /*IE4-IE9*/
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	position:absolute;
	left:0;
	top:0;
	background:#000;
	height:220px;
	z-index:50;
	width:100%;
	
}
.topmenu {
	position:absolute;
	width:100%;
	left:0;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	padding:30px 1% 0 1%;
	z-index:1000;
}
.topmenu .itemlocal {
	text-align:center;
}
.topmenu h1 {
	font-family:"sf02";
	font-size:60px;
	color:#fff;
	line-height:150%;
	text-align:center;
}
.topmenuitem {
	background:#ff3333;
	font-family:"sf02";
	line-height:80px;
	color:#fff;
	font-size:36px;
	padding:30px;
	margin:0 10px;
}
.topbanner .figure-list {
	margin: 0;
	padding: 0;
}
.topbanner .figure-list:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
.topbanner .figure-list li {
	list-style: none;
	float: left;
	width: 100%;
	margin: 0;
}
.topbanner .figure-list figure {
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding-bottom: 60%; /* 关键语句 */
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
}
.topbanner .figure-list figure a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
	top: 0;
	bottom: 0;
	font-size: 2.4rem;
	color: #fff;
	text-align: center;
	padding-top: 30%;
}
.topbanner .figure-list .contentlocal{
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	padding:28% 0 0 5%;
}
.topbanner .figure-list figure h1 {
	color:#fff;
	font-size:60px;
	line-height:120%;
	font-family:"sf01";
}
.topbanner .figure-list .button1 {
	color:#fff;
	font-size:32px;
	line-height:50px;
	height:50px;
	width:250px;
	font-family:"sf02";
	border-radius:50px;
	border:#fff 1px solid;
	background: none;
	padding:10px 30px;
	margin:2% 30px 0 0;
}
.topbanner .figure-list .button2 {
	color:#ff3333;
	font-size:32px;
	line-height:50px;
	height:50px;
	width:250px;
	font-family:"sf02";
	border-radius:50px;
	border:#fff 1px solid;
	background: #fff;
	padding:10px 30px;
	margin:2% 30px 0 0;
}
.titlebar {
	width:auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	padding:15px 0;
	margin:30px 5% 15px 5%;
	border-bottom:#ddd 1px solid;
	font-size:48px;
	font-family:"sf01";
	line-height:120%;
}
.boxlocal {
	width:auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	margin:0 4%;
}
.box .figure-list {
	margin: 0;
	padding:0;
}
.box .figure-list:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
.box .figure-list li {
	list-style: none;
	float: left;
	width: 97%;
	margin: 15px 1.5%;
}
.box .figure-list figure {
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding-bottom: 58%; /* 关键语句 */
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
	border-radius:20px;
}
.box .figure-list .title {
	padding:0 30px;
	height:120px;
	line-height:120px;
	color:#fff;
	font-family:"sf01";
	font-size:48px;
	background:#ff3333;
}
.box .figure-list .title img {
	margin-top:40px;
	width:5%;
}
.box .figure-list .contentwords {
	line-height:150%;
	color:#fff;
	font-family:"sf01";
	font-size:48px;
	margin:30px;
}

.bottom {
	padding:60px 5% 0 5%;
	background:#262626;
	margin-top:30px;
}
.bottom .list {
	width:100%;
	margin-bottom:60px;
	text-align:center;
	border-bottom:#666 1px solid;
	padding-bottom:40px;
}
.bottom .list1 {
	width:100%;
}
.bottom h1 {
	font-size:36px;
	color:#fff;
	font-family:"sf01";
	margin-bottom:15px;
}
.bottom h2 {
	font-size:30px;
	color:#ff3333;
	line-height:150%;
	font-family:"sf01";
}
.bottom p {
	font-size:30px;
	color:#999;
	line-height:150%;
	font-family:"sf01";
	padding-left:60px;
	padding-bottom:20px;
	border-bottom:1px solid #666;
	background-position:left 10px;
	background-size:40px;
	background-repeat:no-repeat;
	margin-bottom:20px;
}
	
}