@charset "utf-8";
@charset "utf-8";

/* 
	@名称: base
	@功能: 重设浏览器默认样式
*/

/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html{
	color:#000;background:#fff;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:62.5%;
}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	margin:0;padding:0;
}

/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 
	display:block;
}

/* HTML5 媒体文件跟 img 保持一致 */
audio,canvas,video {
	display:inline-block;*display:inline;*zoom:1;
}

/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea{
	font:12px/1.5 tahoma,arial,\5b8b\4f53;
}

body{max-width:640px; margin:0 auto;}
/* iphone手机表单默认 */
input.no {-webkit-appearance:none;}

input,select,textarea{
	font-size:100%;
}

/* 去掉各Table  cell 的边距并让其边重合 */
table{
	border-collapse:collapse;border-spacing:0;
}

/* IE bug fixed: th 不继承 text-align*/
th{
	text-align:inherit;
}

/* 去除默认边框 */
fieldset,img{
	border:0;
}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe{
	display:block;
}

/* 去掉 firefox 下此元素的边框 */
abbr,acronym{
	border:0;font-variant:normal;
}

/* 一致的 del 样式 */
del {
	text-decoration:line-through;
}

address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:500;
}

/* 去掉列表前的标识, li 会继承 */
ol,ul {
	list-style:none;
}

/* 对齐是排版最重要的因素, 别让什么都居中 */
caption,th {
	text-align:left;
}

/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:500;
}

q:before,q:after {
	content:'';
}

/* 统一上标和下标 */
sub, sup {
	font-size:75%;line-height:0;position:relative;vertical-align:baseline;
}
sup {top:-0.5em; }
sub {bottom:-0.25em; }

/* 默认不显示下划线，保持页面简洁 */
a {
	text-decoration:none !important;
	color:#000;
}
a:hover {
	text-decoration:underline;
}

/* 清理内浮动 */
.fl-c:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.fl-c {
	*zoom:1; /* for IE6 IE7 */
}

/* 设置内联, 减少浮动带来的bug */
.fn-left,.fn-right {
	display:inline;
}
.fn-left {
	float:left;
}
.fn-right {
	float:right;
}

/* 默认字体样式 微软雅黑&宋体*/
*,input,button,select,textarea {font-family:\5FAE\8F6F\96C5\9ED1;}

/* 440设计稿——适应公用样式 */
@media screen and (max-width:320px){
	html {font-size: 72.72727272727273px !important;}
	section .tel-box .tel-text p {line-height: .35rem;}
}
@media screen and (min-width:320px){html {font-size: 72.72727272727273px !important;}}
@media screen and (min-width:360px){html {font-size: 81.81818181818182px !important;}}
@media screen and (min-width:375px){html {font-size: 85.22727272727273px !important;}} /*iphone6*/
@media screen and (min-width:400px){html {font-size: 90.90909090909091px !important;}}
@media screen and (min-width:414px){html {font-size: 94.09090909090909px !important;}}/*iphone6Plus*/
@media screen and (min-width:420px){html {font-size: 95.45454545454545px !important;}}
@media screen and (min-width:440px){html {font-size: 100px !important;}}
/*商务通*/
@media screen and (max-width:320px){body {font-size:10px!important;}}
@media screen and (min-width:320px){body {font-size:10px!important;}}
@media screen and (min-width:360px){body {font-size:11.248px!important;}}
@media screen and (min-width:400px){body {font-size:12.496px!important;}}
@media screen and (min-width:420px){body {font-size:13.125px!important;}}
@media screen and (min-width:440px){body {font-size:13.744px!important;}}

/* 最大宽度应对手机自定义 */
header,nav,section,footer {
	margin:0 auto; 
	max-width:440px;
}
/* header */
header img {
	display: block;
	width: 100%;
}
/* nav */
nav ul {
	margin-top: 30px;
}
nav li {
	float: left;
	width: 25%;
}
nav ul a {
	display: block;
	width: 100%;
	margin-bottom: .15rem;
}
nav ul img {
	width: 62.73%;
	margin: 0 auto;
	display: block;
}
nav ul h2 {
	text-align: center;
	font-size: .18rem;
}
.nav-title {
	width: 4.2rem;
	height: .35rem;
	border-radius: .3rem;
	border: 1px solid #ababab;
	margin: 0 auto;
	margin-bottom: .5rem;
	margin-top: .2rem;
}
.nav-title img {
	display: block;
	float: left;
	padding-top: .07rem;
	margin-left: .08rem;
	margin-right: .1rem;
	width: 5.24%;
}
.nav-title h3 {
	display: block;
	float: left;
	font-size: .18rem;
	line-height: .35rem;
}
/* section */
.form-title {
	background: #d22d0a;
}
.form-title img {
	float: left;
	width: 17.955%;
	border: 2px solid #e92e5d;
}
.form-title h2 {
	float: left;
	color: #fff;
	font-size: .26rem;
	font-weight: bold;
	text-align: center;
	padding: .03rem 0 0 .08rem;
}
.form-box h3 {
	text-align: center;
	color: #ff0000;
	font-size: .2rem;
	margin-left: .1rem;
	margin-top: .3rem;
}
.form-box h3 span {
	float: left;
	padding: 0 .05rem;
}
.form-box h3 .l,.form-box h3 .r {
	float: left;
	width: .55rem;
	padding-top: .07rem;
}
.form-box h3 b {
	width: .55rem;
	height: 1px;
	background: #808080;
	margin-top: .03rem;
}
.form-box h3 .l b {
	float: right;
}
.form-box h3 .r b {
	float: left;
}
.form-box h3 .l b:nth-child(1),.form-box h3 .r b:nth-child(1) {
	width: .48rem;
}
.form-box h3 .l b:nth-child(2),.form-box h3 .r b:nth-child(2) {
	width: .52rem;
}
.form-box h3 .l b:nth-child(3),.form-box h3 .r b:nth-child(3) {
	width: .55rem;
}
.form-content {
	margin-top: .2rem;
}
.form-content li {
	margin-bottom : .2rem;
	padding-left: .1rem;
	overflow: hidden;
}
.form-content li p {
	float: left;
	font-size: .17rem;
	font-weight: bold;
}
.form-content li p b {
	padding-right: .34rem;
}
.form-content li:nth-child(4) .pro {
	float: left;
	font-size: .14rem;
	padding-left: 1rem;
	color: #f00;
	font-family: "宋体";
	font-weight: normal;
	padding-top: .05rem;
}
.form-content li:nth-child(6) .pro {
	float: left;
	font-size: .2rem;
	padding-left: 1.3rem;
	color: #f00;
	font-weight: normal;
	padding-top: .05rem;
}
.form-content li p span {
	font-size: .19rem;
	color: #f00;
	display: block;
	float: left;
	margin-top: .03rem;
	margin-right: .05rem;
}
.form-content li input {
	width: 3.03rem;
	height: .26rem;
	padding-left: .05rem;
	border: 1px solid #A9A9A9;
}
.form-content li select {
	border: 1px solid #A9A9A9;
}
.form-content li textarea {
	border: 1px solid #A9A9A9;
}
.form-content li select {
	width: 3.12rem;
	height: .3rem;
	background: url(../images/ico_3-1.png) no-repeat;
	background-position: 2.87rem 0.02rem;
	background-size: 7%;
	appearance:none;
  	-moz-appearance:none;
  	-webkit-appearance:none;
}
.form-content li textarea {
	width: 3rem;
	height: .44rem;
	padding: .05rem;
}
.form-content a {
	display: block;
	float: left;
	width: 1.79rem;
	height: .53rem;
	border-radius: .05rem;
	color: #fff;
	text-align: center;
	line-height: .53rem;
	font-size: .27rem;
}


.form-content button {
	display: block;
	float: left;
	width: 1.79rem;
	height: .53rem;
	border-radius: .05rem;
	color: #fff;
	text-align: center;
	line-height: .53rem;
	font-size: .27rem;
}



.form-content .form-sub {
	background-color: #0ca4bb;
	border: 1px solid #028a9e;
	margin-left: .25rem;
}
.form-content .form-sub img {
	width: 15.65%;
	position: relative;
	top: .05rem;
	padding-left: .1rem;
}
.form-content .form-tel {
	background-color: #da191a;
	border: 1px solid #b0042f;
	margin-left: .28rem;
}
.form-content .form-tel img {
	width: 14%;
	position: relative;
	top: .01rem;
	padding-left: .1rem;
}
#date {
	background: url(../images/ico_3-2.png) no-repeat 2.88rem .04rem; 
	background-size: 5.5%;
	border: 1px solid #A9A9A9;
}
.prompt {
	margin-top: .3rem;
	font-size: .18rem;
	padding: 0 .1rem;
}
.prompt span {
	color: #fd0324;
	font-weight: bold;
}
.tel-box {
	background: #f1f1f1;
	border-top: 1px solid #d4d4d4;
	position: relative;
	margin-top: .3rem;
	margin-bottom: .5rem; 
}
.tel-box .l {
	position: absolute;
	border-left: .1rem solid #d4d4d4;
	border-bottom: .1rem solid rgba(255,255,255,0);
	top: 0;
	left: 0;
}
.tel-box .r {
	position: absolute;
	border-right: .1rem solid #d4d4d4;
	border-bottom: .1rem solid rgba(255,255,255,0);
	top: 0;
	right: 0;
}
.tel-box h3 {
	text-align: center;
	color: #ff0000;
	font-size: .19rem;
	font-weight: bold;
	padding-top: .16rem;
}
.tel-text {
	width: 3.2rem;
	height: .32rem;
	border: 1px solid #fc4d00;
	background: #fff; 
	margin: 0 auto;
	margin-top: .15rem;
}
.tel-text img {
	width: 6.567%;
	padding-left: .05rem;
	padding-right: .05rem;
	float: left;
	padding-top: .06rem;
}
.tel-box .tel-text p {
	padding: 0;
	font-size: .22rem;
	color: #a3a3a3;
	float: left;
	display: block;
	height: .32rem;
	line-height: .32rem;
}
.tel-text a {
	color: #fff;
	font-size: .16rem;
	display: block;
	float: right;
	background-color: #fc4d00;
	width: .88rem;
	text-align: center;
	height: .33rem;
	line-height: .32rem;
}
.tel-box p {
	font-size: .17rem;
	text-align: center;;
	padding-top: .15rem;
	color: #666;
	padding-bottom: .2rem;
}
.tel-box p span {
	color: #ff0000;
}
h1 {
	color: #fff;
	font-size: .35rem;
	font-weight: bold;
	text-align: center;
	height: .59rem;
	line-height: .59rem; 
	width: 100%;
	background: #d22d0a;
}
.list-1 {
	padding: .3rem 0 .5rem 0;
}
.list-1 img {
	margin: 0 auto;
	display: block;
}
.list-1 .img1 {
	width: 95.455%;
}
.list-1 .img2 {
	width: 100%;
}
.list-1 p {
	font-size: .18rem;
	text-indent: 2em;
	padding: .3rem .1rem .2rem .1rem;
}
.expert .bor {
	border: 1px solid #dfdfdf;
	border-top: none;
	border-bottom: none;
}
.expert img {
	width: 100%;
	display: block;
}
.expert>img {
	margin-top: .25rem;
}
.expert li {
	border-bottom: 1px solid #dfdfdf;
	padding-top: .2rem;
}
.expert li>p {
	margin-top: .05rem;
	border: 1px solid #dfdfdf;
	padding: .2rem .1rem .25rem .1rem;
	font-size: .18rem;
	border-bottom: none;
}
.expert li p span {
	color: #f00;
}
.expert li a {
	display: block;
	width: 1.45rem;
	height: .52rem;
	color: #fff;
	font-size: .26rem;
	text-align: left;
	line-height: .52rem;
	border-radius: .05rem;
	float: left;
	margin-bottom: .25rem;
	padding-left: .1rem;
}
.expert li .but {
	margin-left: .5rem;
	background: url(../images/ico_8-2.png) no-repeat;
	background-color: #ff7c14;
	background-size: 18%;
	background-position: 1.2rem .13rem;
}
.expert li .tel {
	background: url(../images/ico_8-1.png) no-repeat;
	background-color: #28b3ac;
	margin-left: .26rem;
	background-size: 16%;
	background-position: 1.2rem .13rem;
}
.expert {
	margin-bottom: .5rem;
}
.expert .on {
	height: 2.9rem;
	color: #fff;
}
.expert .on p {
	font-family: 宋体;
	font-size: .17rem;
}
.expert .bg1 p {
	padding: 1.92rem .1rem 0 2.5rem;
}
.expert .bg2 p {
	padding: 1.8rem .1rem 0 2.5rem;
}
.expert .bg3 p {
	padding: 1.8rem .1rem 0 2.5rem;
}
.expert .bg1 {
	background: url(../images/bg_1-1.jpg) no-repeat bottom;
	background-size: 100%;
}
.expert .bg2 {
	background: url(../images/bg_1-2.jpg) no-repeat bottom;
	background-size: 100%;
}
.expert .bg3 {
	background: url(../images/bg_1-3.jpg) no-repeat bottom;
	background-size: 100%;
}




.list-2 {
	padding: .32rem .1rem .4rem;
}
.list-2-title {
	color: #fff;
	font-size: .22rem;
	text-align: center;
	width: 1.03rem;
	height: 1.36rem;
	background: #ed6904;
	float: left;
}
.list-2-title img {
	width: 49.52%;
	padding-top: .28rem;
}
.list-2 ul {
	float: left;
	width: 75%;
	margin-left: .02rem;
	padding-top: .02rem;
}
.list-2 li {
	float: left;
	width: 33%;
	height: .42rem;
	line-height: .42rem;
	margin-bottom: .03rem;
}
.list-2 li a {
	background: #f1f1f1;
	display: block;
	text-align: center;
	font-size: .18rem; 
	margin-left: .03rem;
}
.list-2 li .on {
	color: #d02602;
}
.list-2 .list2-img {
	width: 22.34%;
}
.list-2 .list2-ti{
	float: right;
}
.list-2 .list2-ul {
	margin-left: 0;
	margin-right: .02rem;
}
.list-3 ul {
	background: #f4f4f4;
	padding: 0 .1rem;
}
.list-3 li {
	float: left;
	width: 25%;
}
.list-3 li a {
	display: block;
	text-align: center;
	font-size: .18rem;
	margin: .13rem 0;
	border-right: 2px solid #dcdcdc;
}
.list-3 li a img {
	width: 69.19%;
}
.list-3 li:nth-child(4) a {
	border-right: none;
}
.list-3>a {
	width: 3.98rem;
	height: .54rem;
	line-height: .54rem;
	text-align: left;
	color: #fff;
	font-size: .26rem;
	display: block;
	border-radius: .05rem;
	margin: 0 auto;
}
.list-3 .tel {
	background: #ed6904;
	margin-top: .3rem;
}
.list-3 .but {
	background: #28b3ac;
	margin-top: .2rem;
	margin-bottom: .3rem;
}
.list-3>a img {
	width: 8.14%;
	padding-left: .2rem;
	position: relative;
	top: .06rem;
	padding-right: .15rem;
}
.footer {
	background: #d02602;
	color: #fff;
	padding-bottom: .7rem;
}
.footer .top {
	display: block;
	color: #d22d0a;
	font-size: .3rem;
	text-align: center;
	width: 2.14rem;
	height: .54rem;
	line-height: .54rem;
	margin-top: 1px;
	border-bottom-left-radius: .05rem;
	border-bottom-right-radius: .05rem;
	margin: 0 auto;
	border-top: 1px solid #d02602;
	background: url(../images/ico_9.png) no-repeat;
	background-color: #fff;
	background-position: 1.84rem .1rem;
	margin-bottom: .2rem;
	padding-right: .4rem;
	background-size: 12.8%;
}
.footer img {
	display: block;
	margin: 0 auto;
	width: 89.091%;
	padding-bottom: .15rem;
}
.footer p {
	text-align: center;
	font-size: .18rem;
	line-height: .3rem;
}
