html { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; font-size: 40px; background: #fff; }

body { min-width: 320px; max-width: 640px; margin: 0 auto; font-family: arial, Microsoft Yahei; color: #333; background: #fff; }

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0px;padding: 0px ; }

ul, li { list-style: none ; }

a:active, a:hover { outline: none; }

img { width: 100%; vertical-align: top; }

a { outline: none; text-decoration: none; cursor: pointer; color: #333; }

a:hover { text-decoration: none; outline: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

input[type="search"] { -webkit-appearance: text field; box-sizing: content-box; }

input[type="search"]:-webkit-search-cancel-button, input[type="search"]:-webkit-search-decoration { -webkit-appearance: none; }

button { overflow: visible; }

button, select { text-transform: none; }

.flex { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }

.left { float: left; }

.right { float: right; }



/* box-1 */
.head_logo{
margin:0.5rem 0;
}

.box_1{width: 100%;;background: #dce0ff;padding-bottom: .75rem;}

.box_1 h2{font-size: .8rem;text-align: center;padding-top: .875rem;}

.box_1 h2 span{color: #ff0000;}

.top_form{width: 15rem;background: #fff;margin: 0 auto;margin-top: .8rem;padding-bottom: 0.5rem;}

.form_line{padding-top: .625rem;}

.top_form input{display: block;width: 13.4rem;;margin: 0 auto;line-height: 1.5rem;text-align: center;border: none;outline: none;border-radius: .25rem;}

.top_form input[type="text"]{background: #f3f3f3;background-image: url(../Images/icon_02.png);background-repeat: no-repeat;background-size: .75rem .75rem;background-position: .75rem center;font-size: .6rem;}

.top_form input[name="tel"]{background-image: url(../Images/icon_03.png);}

.box_1 .form_btn{background: #ffca50;font-size: .65rem;margin-top: .625rem;background-image: url(../Images/icon_01.png);background-repeat: no-repeat;background-size: .625rem .75rem;background-position:  10.5rem center;box-shadow: 0px .075rem .075rem #dbdcdd;}

/* box-2 */

.common_tit{width: 9rem;;margin: 0 auto;margin-top: 1.2rem;}

.common_tit .tit_num img{width: 1.725rem;}

.tit_con{width: 6rem;}

.common_tit .tit_img{width: 3.125rem;height: .6rem;background: url(../Images/tit_s.png) no-repeat center center;background-size: 100% 100%;font-size: .375rem;color: #fff;text-indent: .85rem;line-height: .65rem;}

.common_tit .tit_txt{font-size: .8rem;margin-top: .3rem;}

.common_tit .tit_txt span{color: #7d8cff;}

.box2_con{width: 15.975rem;height: 8.775rem;background: url(../Images/box2_bg.png) no-repeat center center;background-size: 100% 100%;margin: 0 auto;margin-top: 1.2rem;position: relative;}

.box2_con p{font-size: .5rem;color: #552d23;}

.box2_con p:nth-child(1){position: absolute;top: .85rem;left: 1.5rem;}

.box2_con p:nth-child(2){position: absolute;top: 1.2rem;right: 1rem;}

.box2_con p:nth-child(3){position: absolute;bottom: .8rem;left: 1.5rem;}

.box2_con p:nth-child(4){position: absolute;bottom: .85rem;right: .7rem;}

.common_zx{display: block;width: 13.55rem;background: #ffca50;font-size: .65rem;line-height: 1.5rem;text-align: center;background-image: url(../Images/icon_01.png);background-repeat: no-repeat;background-position: 11.5rem center;background-size: .625rem .75rem;border-radius: .25rem;box-shadow: 0px .075rem .075rem #dbdcdd;margin: 0 auto;margin-top: 1rem;}

/* box-3 */

.box_3{width: 100%;background: #f5f5f5;margin-top: 1rem;padding-bottom: 13rem;}

.box_3 .common_tit{width: 11rem;margin-top: 0rem;padding-top: 1.2rem;}

.box_3 .tit_img{margin-left: 2rem;}

.box_3 .tit_con{width: 8.8rem;}

.box3_con{width: 15rem;margin: 0 auto;margin-top: .9rem;}

.box3_item{width: 7.35rem;background: #fff;border: .025rem dotted #dfdfdf;box-sizing: border-box;}

.box3_item img{display: block;width: 6.625rem;margin: 0 auto;margin-top: .3rem;}

.rmzy{font-size: .65rem;font-weight: bold;text-align: center;margin-top: .4rem;}

.rmzy span{font-size: .55rem;color: #333;font-weight: initial;}

.box3_item p{font-size: .55rem;color: #333;text-align: center;margin-top: .4rem;}

.box3_zx{width: 6.6rem;font-size: .55rem;text-align: center;line-height: 1.05rem;margin: .55rem auto .6rem auto;}

.box3_zx a{width: 3.175rem;border-radius: .125rem;}

.box3_zx a:nth-child(1){border: .025rem solid #000;}

.box3_zx a:nth-child(2){background: #ffca50;}

.box_3 .common_zx{background-position: 10rem center;}

/* box-4 */

.box_4{width: 100%;background: #7d8cff;}

.box4_con{padding: .75rem 0;}

.box4_con p{font-size: .85rem;font-weight: bold;text-align: center;color: #fff;}

.box4_con img{width: 1.4rem;}

.form_center{width: 15rem;margin: 0 auto;margin-top: .35rem;}

.box_4 input{height: 1.2rem;font-size: .6rem;border: none;outline: none;border-radius: .125rem;}

.box_4 .form_ipn{display: block;width: 10.65rem;text-indent: 1.125rem;}

.box_4 .form_btn{display: block;width: 3.85rem;background: #ffca50;text-align: center;}

/* box-5 */

.box_5 .common_tit{width: 12rem;margin-top: 0rem;padding-top: 1.2rem;}

.box_5 .common_tit .tit_img{width: 7.15rem;background: url(../Images/tit_l.png);text-indent: .5rem;background-size: 100% 100%;}

.box_5 .tit_con{width: 8.8rem;}

.box5_con{width: 15rem;margin: 0 auto;margin-top: 1rem;}

.box5_item{width: 7.275rem;margin-bottom: .3rem;}

.box5_item img{width: 7.275rem;}

.box5_txt{border: .025rem solid #dddddd;box-sizing: border-box;}

.box5_item .box5_txt1{font-size: .6rem;text-align: center;font-weight: bold;margin-top: .375rem;}

.box5_item p span{color: #7d8cff;}
.box5_item .box5_txt2{font-size: .55rem;color: #333;text-align: center;margin: .375rem 0;}

.box_5 .common_zx{background-position: 10.5rem center;margin: 0.5rem auto 0.75rem auto;}

/* box-6 */

.box_6 .common_tit{width: 9rem;margin-top: 0rem;padding-top: 1.2rem;}

.box_6 .tit_num img{width: 1.8rem;}

.box_6 .common_tit .tit_img{width: 5rem;background: url(../Images/tit_m.png);background-size: 100% 100%;text-indent: .5rem;margin-left: 1rem;}

.box_6 .tit_con{width: 7rem;}

.box6_con{width: 100%;background: #f3f3f3;padding: .6rem 0 0.2rem 0;margin-top: 1.2rem;}

.box6_body{width: 14.15rem;margin: 0 auto;}

.box6_body img{width: 4.275rem;margin-bottom: .4rem;}

.box6_two{width: 100%;margin-top: 0.6rem;}

.box6_two_item{width: 7.2rem;}

.box6_two_item img{width: 100%;}

.box6_two_txt{width: 100%;height: 4.425rem;border: .025rem solid #dddddd;box-sizing: border-box;margin-top: .85rem;}

.box6_two_txt p{width: 3.05rem;background: #fff;font-size: .6rem;color: #ff0000;text-align: center;margin: -0.45rem auto 0 auto;}

.box6_two_txt .box6_txt{width: 6.2rem;font-size: .5rem;line-height: 0.8rem;text-align: center;margin: 0 auto;margin-top: .55rem;}

.box_6 .common_zx{background-position: 9.5rem center;margin: 0.75rem auto;}

/* box-7 */

.box_7{width: 100%;background: #f5f5f5;padding: .65rem 0 0.2rem 0;}

.box7_con{width: 15rem;margin: 0 auto;}

.box7_con a{display: block;width: 7.2rem;background: #fff;font-size: 0.6rem;line-height: 1.5rem;text-align: center;margin-bottom: .45rem;}

.box7_con b{color: #ff0000;}

/* box-8 */

.box_8 h2{font-size: .8rem;text-align: center;padding-top: .875rem;}

.box_8 h2 span{color: #7d8cff;}

.box8_top{width: 11.55rem;margin: 0 auto;}

.hsldbbd1{ margin: 0 0.25rem;}

.hsldbbd1_1{ width:33.333333333333333%; float:left; margin: 1rem 0;}

.hsldbbd1_1 a{ display:block; margin:0 0.25rem;}

.hsldbbd1_1 span{display:block; width: 2rem; height: 1.8rem; border: 0.025rem solid #fff; font-size: 0.65rem; color:#fff; font-weight:bold; margin:0 auto; text-align:center; padding: 0.25rem; border-radius: 0.25rem;letter-spacing: 0.025rem;}

.box_8 .top_form{background: #7d8cff;border-radius: .125rem;}

.top_form input{display: block;width: 13.4rem;;margin: 0 auto;line-height: 1.5rem;text-align: center;border: none;outline: none;border-radius: .25rem;}

.top_form input[type="text"]{background: #f3f3f3;background-image: url(../Images/icon_05.png);background-repeat: no-repeat;background-size: 1.5rem .775rem;background-position: .75rem center;font-size: .6rem;}

.top_form input[name="tel"]{background-image: url(../Images/icon_06.png);}

.box_8 .form_btn{background: #ffca50;font-size: .65rem;font-weight: bold;margin-top: .625rem;background-image: url(../Images/icon_01.png);background-repeat: no-repeat;background-size: .625rem .75rem;background-position:  9.5rem center;}



.pssj3 {

    height: 1rem;

    text-align: left;

}

.talkbox {

    position: fixed;

    bottom: 0;

    width: 100%;

    max-width: 640px;

    box-sizing: border-box;

    z-index: 999;

    background: #eee;

	height: 15.5rem;

}

.speak.top {

    top: 0;

}

.speak.one {

    transition: all 1s 1s;

}

.speak.two {

    transition: all 1s 3s;

}

.speak.there {

    transition: all 1s 5s;

}

.speak {

    position: relative;

    top: 500px;

    display: flex;

    justify-content: left;

    margin: 1rem auto;

    align-items: flex-start;

    width: 96%;

}

.speak p {

    background: url(../Images/ltk.png) no-repeat;

    background-size: 100% 100%;

        padding: 0.6rem 1rem 0.6rem 1rem;

    color: #313233;

    font-size: 0.5rem;

	width: 80%;

}

.speak>img {

    width: 2rem;

    border-radius: 0.3rem;

    overflow: hidden;

    background: #808396;

    font-size: 0.15rem;

}

.inputbox {

    padding: 0.3rem 0;

    display: flex;

    justify-content: space-between;

    align-items: center;

    box-sizing: border-box;

    border-top: 1px solid #bfbfbf;

    background: #fff;

}

.inputbox a.wys {

    background: none;

    border-radius: 0;

}

.inputbox a {

    display: inline-block;

    min-width: 4em;

    line-height:2em;

    background: #45C01A;

    color: #fff;

    border-radius: 0.3rem;

    text-align: center;

    font-size: 15px;

}

.hello span{

	color: red;

	font-weight: bold;

}

.inputbox img {

    width: 1rem;

    font-size: 0.15rem;

}

.inputbox input {

    outline: none;

    color: #333 !important;

    width: 80%;

    height:1.5em;

    border: none;

    border-bottom: 1px solid #d8d8d8;

    text-indent: 1em;

    margin: 0 2%;

    font-size: 0.6rem;

}