﻿@charset "utf-8";
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    color: #333;
    font-family: Microsoft Yahei;
    font-size: 0.6rem;

}

p {
    font-size: 0.55rem
}

a {
    text-decoration: none;
    border: none;
    color: #333;
}

a:hover {
    text-decoration: underline;
    text-decoration: none;
}

ul, li {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    border: none;
    vertical-align: middle;
}
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}

.yygh_head { text-align: center; padding:0.5rem 0; text-align: center; position: relative; background:#EB6E8E; color: #fff; font-size: 0.75rem;height:2.2rem;}

.head_home { position: absolute; left:0.80rem; top:0.5rem;width:1.35rem;height:1.35rem; }

.head_phone { position: absolute; right:0.75rem;top:0.4rem;width:5.05rem;height:1.45rem;}

.header-name{position:absolute;left:2.25rem;top:0.5rem;width:6.0rem;height:1.2rem;}

.yygh_head span{display:block;font-size:0.425rem;color:#EB6E8E;background:#ffffff;width:5.8rem;height:0.525rem;margin:0 auto;line-height: 0.525rem;position:absolute;left:2.4rem;top:1.90rem;border-radius:0.125rem;}
.clear {zoom: 1;}
.bgfffs{margin-top:2.2rem;}

nav a {
    display: block;
    width: 3.98rem;
    height: 1.75rem;
    line-height: 1.75rem;
    text-align: center;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    float: left;
    font-size: 0.65rem;
    color: #6fbdec!important;
}

nav a:nth-child(-n+4) {
    border-top: none;
}

nav a:first-child, nav a:nth-child(5) {
    border-left: 0;
}

.boc {
    width: 16rem;
    height: auto;
    margin: 0 auto;
}
/*nav*/
nav{
    width:16rem;
    height:3.5rem;
}
/*panel-title*/
.panel-title {
    width: 16rem;
    margin: 0 auto;
    position: relative;
    height: 2.7rem;
    border-bottom: 0.075rem solid #EB6E8E;
}

.panel-title i {
    display: inline-block;
    width: 2.075rem;
    height: 1.65rem;
    background: url("../images/yyjj-bg.png") no-repeat;
    background-size: 5rem;
    background-position: -2.925rem 0;
    position: absolute;
    top: 0.65rem;
    left: 2.8rem;
}

.panel-title h3 {
    position: absolute;
    left: 5.2rem;
    top: 0.65rem;
    font-size: 0.9rem;
    color: #6fbdec;
}

.panel-title span {
    font-size: 0.35rem;
    color: #EB6E8E;
    top: 1.8rem;
    left: 5.25rem;
    position: absolute;
}

/*panel1*/
.panel1 {
    width: 15.5rem;
    margin: 0 auto;
}

.p1-top {
    width: 15.5rem;
    margin: 0 auto;
    border: 0.025rem solid #e6e6e6;
    margin-top: 0.55rem;
    height: 7.2rem;
}

.p1-top img {
    width: 6.015rem;
    height: 5.65rem;
}

.p1-top p {
    width: 8rem;
    float: left;
    margin-top: 1rem;
    margin-left: 0.6rem;
    font-size: 0.55rem;
    text-indent: 2em;
    line-height: 0.85rem;
}

.p1-top p span {
    color: #EB6E8E;
}

.p1-top img {
    float: right;
    margin-top: 0.45rem;
}

.p1-bottom {
    width: 15.5rem;
    height: 5.7rem;
    margin: 0 auto;
    margin-top: 0.5rem;
    border: 0.1rem solid #ededed;
}

.p1-bottom ul li {
    width: 8.1rem;
    height: 2.75rem;
    float: left;
    text-align: center;
    position: relative;
    border-bottom: 0.05rem solid #ededed;
    border-right: 0.05rem solid #ededed;
}

.p1-bottom ul li:nth-child(2) {
    width: 7.2rem;
    border-right: none;
}
.p1-bottom ul li:nth-child(3) {
    border-bottom: none;
	height:2.8rem;
}
.p1-bottom ul li:nth-child(4) {
    width: 7.2rem;
    border: none;
}

.p1-bottom ul li i {
    display: inline-block;
    width: 0.85rem;
    height: 0.9rem;
    background: url("../images/yyjj-bg.png") no-repeat;
    background-size: 5rem;
   /* position: absolute;*/
    left: 2.45rem;
    top: 0.6rem;
	}

.p1-bottom ul li:first-child i {
	background: url("../images/yyjj-bg.png") no-repeat;
    background-size: 5rem;
    background-position: 0 -1.1rem;
    margin-bottom:-0.125rem;
}

.p1-bottom ul li:nth-child(2) i {
    background-position: -0.9rem -1.15rem;
	margin-bottom:-0.2rem;
}

.p1-bottom ul li:nth-child(3) i {
    background-position: -2rem -1.15rem;
	margin-bottom:-0.225rem;
}

.p1-bottom ul li:nth-child(4) i {
    background-position: 0 -2.1rem;
	margin-bottom:-0.175rem;
}

.p1-bottom ul li h3 {
    font-size: 0.875rem;
    position: absolute;
    left: 2.5rem;
    top: 0.3rem;
    font-weight: normal;
}

.p1-bottom ul li:first-child h3 {
    color: #EB6E8E;
}

.p1-bottom ul li:nth-child(2) h3 {
    color: #52d7d3;
	left: 2.05rem;
}

.p1-bottom ul li:nth-child(3) h3 {
    color: #7eb3ff;
}

.p1-bottom ul li:nth-child(4) h3 {
    color: #fda172;
	left: 2.05rem;
}

.p1-bottom ul li p {
    position: absolute;
    top: 1.5rem;
    left: 0.45rem;
    width: 7.25rem;
    height: 0.75rem;
    display: inline-block;
    text-align: center;
}

.p1-bottom ul li:nth-child(2) p {
    left: 0;
}

.p1-bottom ul li:nth-child(4) p {
    left: 0;
}

/*panel2*/
.panel2 {
    width: 15.5rem;
    margin: 0 auto;
}

.p2-top {
    width: 15.45rem;
    margin: 0 auto;
    background: #eeeeee;
    line-height: 0.975rem;
    border-radius: 0 0.5rem 0 0.5rem;
    margin-top: 0.375rem;
}

.p2-top p {
    width: 14.65rem;
    margin: 0 auto;
    text-indent: 2em;
}

.banner {
    width: 15.5rem;
    margin: 0 auto;
    margin-top: 0.6rem;
    position: relative;
    margin-bottom: 0.9rem;
}

.banner ul {
    width: 100%;
    height: 100%;
    position: relative;
}

.banner ul li {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
}

.banner .bd {
    position: relative;
    z-index: 0;
}

.banner .bd ul li img {
    width: 15.45rem;
    height: 10rem;
}

.banner .hd {
    width: 100%;
    height: 0.55rem;
    position: absolute;
    z-index: 1;
    text-align: center;
    bottom: -0.8rem;
    cursor: pointer;

}

.banner .hd ul li {
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    background: #8C8C8C;
    margin: 0 0.1rem;
    vertical-align: top;
    overflow: hidden;
}

.banner .hd ul .on {
    background: #EB6E8E;
    color: #fff;
}

.banner-name {
    width: 8.25rem;
    height: 8rem;
    /*    background: #fdfdfd;
        opacity:0.6;
        filter:alpha(opacity=60);*/
    position: absolute;
    left: 6.85rem;
    top: 1.35rem;
}

.banner .bd ul li {
    position: relative;

}

.banner-name1 h3 {
    position: absolute;
    left: 7.4rem;
    top: 1.5rem;
    font-size: 1.5rem;
    font-weight: normal;
    color: #EB6E8E;
}

.banner-name1 i {
    background: url("../images/yyjj-bg.png") no-repeat;
    background-size: 5rem;
    background-position: -0.175rem -3rem;
    display: inline-block;
    width: 0.025rem;
    height: 1.125rem;
    position: absolute;
    left: 12.2rem;
    top: 2rem;
}

.banner-name1 span {
    font-size: 0.5rem;
    position: absolute;
    left: 12.4rem;
    top: 1.9rem;
}

.banner-name1 b {
    font-size: 0.5rem;
    position: absolute;
    left: 12.4rem;
    top: 2.5rem;
    font-weight: normal;
}

.banner-name1 h4 {
    position: absolute;
    left: 7.8rem;
    top: 3.45rem;
    font-weight: normal;
    font-size: 0.59rem;
}

.banner-name1 h4 i {
    width: 0.225rem;
    height: 0.23rem;
    background-position: -1.25rem -2.38rem;
    left: -0.35rem;
    top: 0.6rem;
}

.banner-name1 h4 strong {
    font-size: 0.825rem;
    color: #fda172;
    font-weight: normal;
}

.banner-name1 p {
    position: absolute;
    left: 7.5rem;
    top: 4.85rem;
    width: 7.1rem;
    font-size: 0.55rem;
    height: 2.45rem;
    line-height: 0.8rem;
}

.banner-name1 p span {
    font-size: 0.55rem;
    color: #ff0606;
	position:static
}

.zxys {
    display: inline-block;
    width: 3.4rem;
    height: 1.05rem;
    text-align: center;
    color: #ffffff;
    line-height: 1.05rem;
    border-radius: 0.125rem;
    position: absolute;
    top: 7.8rem;
    background: #fda172;
    left: 7.5rem;
	font-size:0.55rem;
}

.yyys {
    background: #EB6E8E;
    left: 11.25rem;
	font-size:0.55rem;
}

/*panel3*/
.panel3 {
    margin: 0 auto;
    width: 16rem;
}

.p3-middle {
    width: 15.5rem;
    height: 8.75rem;
    position: relative;
	margin:0 auto;
}

.p3-middle img {
    margin-top: 0.55rem;
    width: 15.25rem;
    height: 7.65rem;
}

.p3-middle h3 {
    position: absolute;
    font-size: 0.5rem;
    color: #EB6E8E;
    left: 10rem;
    top: 1rem;
	font-weight:bold;
}

.p3-middle ul {
    position: absolute;
    display: inline-block;
    width: 6.7rem;
    height: 1.95rem;
    left: 8.7rem;
    top: 2.4rem;
}

.p3-middle ul li {
    width: 1.95rem;
    height: 1.95rem;
    background: #fda172;
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
    font-size: 0.5rem;
    vertical-align: middle;
    float: left;
    margin-right: 0.375rem;
}

.p3-middle ul li:nth-child(2) {
    background: #52d7d3;
}

.p3-middle ul li:nth-child(3) {
    background: #7eb3ff;
	margin-right:0
}

.p3-middle ul li span {
    height: 1rem;
    margin-top: 0.275rem;
    display: inline-block;
    width: 100%;
}

.p3-middle p a {
    font-size: 0.925rem;
    color: #ff7284;
    font-family: haettenschweiler;
    position: absolute;
    left: 11.2rem;
    top: 5.1rem;
	width:3.925rem;
}

.p3-zxrk {
    font-size: 0.61rem;
    color: #fda172;
    display: inline-block;
    width: 4.8rem;
    height: 1.2rem;
    line-height: 1.1rem;
/*    border: 0.025rem solid #fda172;*/
    border-radius: 0.125rem;
    text-align: center;
    position: absolute;
    left: 10.1rem;
    top: 6.55rem;
}
.p3-middle .p3-telimg{
	width:4.175rem;
	height:0.65rem;
	margin-top: 0.25rem;
	margin-left: -0.5rem;
}
.p3-middle .p3-zxrkimg{
	width:4.85rem;
	height:1.25rem;
	margin-top: 0;
	margin-left: -0.8rem;	
}

.p3-zxrk span {
    display: block;
    width: 2.5rem;
    margin-left: 0.9rem;
}

.p3-bottom {
    width: 16rem;
    margin: 0 auto;
    height: 3.0rem;
    background: #eeeeee;
}

.p3-bottom p {
    width: 15rem;
    margin: 0 auto;
    height: 2.5rem;
    margin-top: 0.4rem;
    display: inline-block;
    margin-left: 0.5rem;
    text-indent: 2em;
}

.p3-bottom img {
    width: 15.25rem;
    margin: 0 auto;
    height: 3.75rem;
    display: inline-block;
    margin-left: 0.35rem;
    margin-top: 0.5rem;

}

/*panel4*/
.panel4 {
    width: 16rem;
    margin: 0 auto;
}

.p4-bottom {
    width: 15.45rem;
    margin: 0 auto;
    margin-top: 0.5rem;
}

.panel4 img {
    width: 15.45rem;
    margin: 0 auto;
    display: inline-block;
}

/*panel5*/
.panel5 {
    width: 16rem;
    margin: 0 auto;
    border-top: 0.375rem solid #eaeaea;
    margin-top: 0.5rem;
}

.p5-title {
    width: 16rem;
    text-align: center;
    margin-top: 0.75rem;
}

.p5-title h3 {
    font-size: 0.875rem;
    font-weight: normal;
}

.p5-title span {
    font-size: 0.6rem;
    color: #EB6E8E;
}

.yygh_banner {
    height: 5.275rem;
}

.yygh_banner img {
    width: 16rem;
    height: 5.275rem;
}

.yygh_top {
    height: auto;
    background: #FFFFFF;
}

.yygh_top .yygh_topa {
    width: 15rem;
    height: auto;
    padding-top: 0.6rem;
    color: #111111;
    font-size: 0.6rem;

    border-bottom: 1px solid #B4B4B4;
}

.yygh_top .yygh_topa .yygh_topb {
    width: 6rem;
    height: 100%;
    margin-right: 0.25rem;
}

.yygh_top .yygh_topa .yygh_topb img {
    width: 0.775rem;
    height: 0.775rem;
    margin-right: 0.22rem;
}

.yygh_top .yygh_topa .yygh_topc {

    height: 100%;
    color: #99cdff;
    font-size: 0.6rem;
}

.yygh_top .yygh_topa .yygh_topc img {
    width: 0.75rem;
    height: 0.525rem;
    margin-right: 0.22rem;
    margin-top: 0.18rem;
}

/*shoujikuaisuguahao*/

.p5-form {
    width: 100%;
    /*height: 15.35rem;*/
    background: #FFFFFF;
    margin-bottom: 0.25rem;
}

.p5-form .ghgl {
    width: 12.8rem;
    margin: 0 auto;
}

.p5-form .ghgl p {
    font-size: 0.5rem;
    color: #6c6c6c;
    line-height: 0.85rem
}

.p5-form .ghgl p span {
    font-size: 0.675rem;
    font-weight: bold;
    color: #6c6c6c;
    line-height: 0.85rem;
}

.p5-form .ghgl .user_input label {
    font-size: 0.6rem;
    color: #6c6c6c;
    float: left;
    height: 1.1rem;
    line-height: 1.1rem;
    margin-top: 0.2rem;
}

.p5-form .ghgl .user_input label i {
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    background: url("../images/yyjj-bg.png") no-repeat;
    background-size: 5rem;
    background-position: -2.25rem -2.35rem;
    margin-right: 0.25rem;
    margin-bottom: 0.1rem;
}

#sleBG{
	width: 9.3rem;
    border: none;
    background: #eee url(../images/yyjj-form_03.png) no-repeat right center;
    display: inline-block;
    margin-left: 0.5rem;
    margin-top: 0.2rem;
    height: 1.1rem;
    border-radius: 0.25rem;
    background-size: 1.2rem 1.1rem;
}

.p5-form .ghgl .user_input input {
    color: #b4b4b4;
    margin-top: 0.2rem;
    background: #eee;
  /*  border: 1px solid #eee;*/
    border-radius: 0.25rem;
    width: 9.3rem;
    height: 1.1rem;
    line-height: 1.2rem;
    margin-left: 0.5rem;
    padding-left: 0.2rem;
    font-size: 0.55rem;
	border:none;
}
.p5-form .ghgl .user_input .date-pick{
    background: #eee url("../images/yyjj-form_06.png") no-repeat right center;
    background-size: 1.2rem 1.1rem;
    color:#fff;  
    FILTER: alpha(opacity=0); /*androd*/  
    appearance:none;  /*下拉框去掉右侧图标*/  
    -moz-appearance:none;  
    -webkit-appearance:none;  
}

.p5-form .ghgl select {
    width: 9.3rem;
    height: 1.05rem;
    line-height: 1rem;
    box-sizing: content-box;
 /*   margin-left: 0.5rem;*/
    background: transparent;
    border: none;
    border-radius: 0.25rem;
    color: #b4b4b4;
    font-size: 0.55rem;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: relative;
}

.p5-form .ghgl select option {
    padding-left: 0.25rem;
    border: none;
    background: none;
}

.p5-form .ghgl textarea {
    width: 11.9rem;
    height: 3rem;
    box-sizing: content-box;
    border: 1px solid #999;
    font-size: 0.55rem;
    border-radius: 4px;
}

.tjbtn {
    width: 8.25rem;
    height: 1.05rem;
    margin: 0 auto;
    margin-top:0.5rem;
/*    margin-left: 1rem;*/
}

.submit {
    width: 4.5rem;
    height: 1.325rem;
}
.submit-sub{
    float:left;
    width:3.65rem;
    height:1rem;

}

.submit input {
    width: 5.5rem;
    height: 1.625rem;
    background: url(../images/yyjj-form_03.png) no-repeat;
    border: none;
    margin: 0;
    padding: 0;
    background-size: 3.65rem 1.05rem;
    vertical-align: top;
}
.ghinput1{
    width:3.7rem;
    height:1.05rem;
    border: none;
    background: url("../images/yyjjf-btn_03.png") no-repeat;
    background-size: 3.5rem 1.05rem;
	background-position:0 0;
/*	padding-left:0.1rem;*/
	border-radius:0.125rem;
}
.ipon{
    width:3.65rem;
    height:1rem;
    float: right;
    margin-left: 0.75rem;
	border-radius:0.125rem;
}

.ipon input {

    width:3.7rem;
    height:1.05rem;
    background: url(../images/yyjjf-btn_05.png) no-repeat;
    background-size: 3.65rem 1.05rem;
    border: none;
	border-radius:0.125rem;
    vertical-align: top;
	background-position:0 0;
/*    margin-left: 1rem;*/
}

.ghgl .user_input #tel1 {
    appearance: textfield;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
}

.select_wrap {
    position: relative;
    margin-top: 0.2rem;
}

.select_wrap2 {
    width: 15rem;
    margin: 0 auto;
    margin-top: 0.5rem;
}

.ghgl .user_input input.input_box {
    background: #fff url(../images/ghzx3_11.png) no-repeat right center;
    background-size: 1.525rem auto;
    cursor: pointer;
    border: none;
    margin-top: 0;
    border-radius: 0.3rem;
    padding: 0 0.25rem;
    color: #b4b4b4;
    font-size: 0.55rem;
}

.ghgl .user_input input.ksinput_box {
    background: #dedede url(../images/ghzx3_11.png) no-repeat right center;
}

.input_box.zjtd_inbox {
    background: #fff url(../images/yygh_zhqcd.png) no-repeat right center;
    background-size: 2.325rem auto;
    width: 15rem;
    height: 1.6rem;
    line-height: 1.6rem;
    border-radius: 0.3rem;
    padding: 0 0.25rem;
    color: #b4b4b4;
    font-size: 0.55rem;
    border: none;
}

.select_box {
    position: absolute;
    width: 12.75rem;
    height: auto;
    background: #fff;
    left: 0;
    top: 1.3rem;
    border-radius: 0.3rem;
    border: 1px solid #dadada;
    overflow: hidden;
}

.select_box.select_ks {
    top: 1.6rem;
    width: 15rem;
}

.select_box span {
    display: block;
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    cursor: pointer;
    color: #b4b4b4;
    padding: 0 0.25rem;
}

.select_box span:hover {
    background: #f3f3f3;
}

.ghgl .user_input input.timea {
    background: #dedede url(../images/dyna_ipac.png) no-repeat right;
    background-size: 1.52rem 1.3rem;
}

.ghgl .user_input input.timeg {
    background: #fff url(../images/dyna_ipac.png) no-repeat right;
    background-size: 1.52rem 1.3rem;
}

.ghgl .user_input {
    padding-top: 0.5rem;
}


.bottom_tel{width:15rem;margin:0.375rem auto;}
.bottom_tel img{width:15rem;height:5.225rem;}
.bottom_gb{background:url(../images/footer_bottom_06.jpg) no-repeat;background-size:16rem 7.5rem;width:16rem;height:7.5rem;margin:0 auto;}
.bottom_gb span{font-size:0.5rem;color:#fff;display:block;margin-bottom:0.6rem;}
.bottom_gb_span{margin-left:8.3rem;padding-top:0.95rem;width:6.8rem;height:5.5rem}
.bottom_gb_span a{font-size:0.675rem;color:#fff;margin-top:-0.1rem;display:inline-block;margin-top:-0.5rem;}
/*footer*/

footer {
    margin-top: 2.75rem;
}
footer .foot {
    padding: 0.25rem 0;
    position: fixed;
    z-index: 2;
    left: 50%;
    bottom: 0;
    width: 16rem;
    margin-left: -8rem;
    background: #fff;
    border-top: 1px solid #ccc;
}
footer .foot a {
    float: left;
    width: 4rem;
    border-left: 1px solid #e0e0e0;
    padding: 0.2rem 0;
}
footer .foot a:first-child {
    border-left: none;
}
/*footer .foot a .foot_icon {
	margin: 0 auto;
	width: 1.375rem;
	height: 1.075rem;
	background: url(../images/spr_bot.png) no-repeat;
	background-size: 5.5rem auto;
}*/
footer .foot a .foot_icon1{background: url(../images/spr_bot_01.png) no-repeat; background-size: 1.2rem 1.075rem;width:1.3rem;height:1.075rem;margin-top: 0.3rem;
    margin-bottom: 0.26rem;
    margin-left: 1.42rem;}

footer .foot a .foot_icon2 { background: url(../images/spr_bot_05.gif) no-repeat;background-size: 2.6rem 1.45rem; width: 2.6rem;
    height: 1.45rem;margin-left:1.3rem;}

footer .foot a .foot_icon3 { background: url(../images/spr_bot_07.gif) no-repeat;background-size: 1.8rem 1.45rem;width: 2.6rem;
    height: 1.45rem;
    margin-left:1.45rem;}

footer .foot a .foot_icon4 {background: url(../images/spr_bot_02.png) no-repeat; background-size: 1.2rem 0.775rem;width: 1.3rem;height: 0.775rem;margin-top: 0.38rem;
    margin-bottom: 0.42rem;margin-left: 1.42rem;}
footer .foot a p {
    text-align: center;
    font-size: 0.45rem;
    margin-top: 0.15rem;
}
#scrolltp {
    position: fixed;
    bottom: 2.85rem;
    right: 0.15rem;
    z-index: 999999999;
}
#scrolltp img {
    width: 1.3rem;
    height: 1.3rem;
    cursor: pointer;
}
