* {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    border: none;
}

i {
    font-style: normal;
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    display: block;
}

.wrapper {
    margin: 0 auto;
    background-color: #ffffff;
    padding: 1px 0;
}

a {
    color: #000000;
}

body {
    color: #000000;
    font-family: "微软雅黑", "Microsoft YaHei";
}

a, a:visited {
    text-decoration: none
}

em {
    font-style: normal;
}

.left {
    float: left;
}

.right {
    float: right;
}

p {
    line-height: 1.5em;
}

.clear {
    clear: both;
}

.div_h {
    width: 100%;
    height: 10px;
    background-color: #dbdbdb;
    border-bottom: 1px solid #959595;
    border-top: 1px solid #959595; margin: 10px auto;
}

.main3 {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
 
}

.main3_l {
    width: 50%;
    float: left;
}

.main3_l p {
    text-indent: 2em;
}

.main3_r {
    width: 47%;
    float: right;
}

.category-zj-list {width: 100%;height: auto;float: left; box-sizing: border-box;background-color: #fff;position: relative;}
.category-zj-ul{ width:100%; height:auto; }
.category-zj-ul li{ width:100%; height:100%; float:left;}


.category-zj-list .hd{ width:8em;  position:absolute; top:95%; left:50%; margin-left:-4em; overflow:hidden; }
.category-zj-tit{ width:8em; height:0.6em; float:left; }
.category-zj-tit li{ width:0.6em; height:0.6em; float:left; margin:0 0.55em 0 0; background:url(../images/category-zj-tit-bg1.png) no-repeat; background-size:100% 100%;}
.category-zj-tit li.on{ background:url(../images/category-zj-tit-bg2.png) no-repeat; background-size:100% 100%;}


.top_sy{ width:100%;overflow:hidden;}
.top_sy_l{ width:60%; float:left;}
.top_sy_r{ width:40%; float:right;}
.top_sy_r p{ color:#d62f8a; text-align:right; padding-right:10px; }
.top_sy_r .p1{ font-weight:bold; padding-top:1em;}
.top_sy_r p a{ color:#d62f8a; font-weight:bold;}
.top_sy_r img{ max-width:20%; margin-top: -2em;}


.main4_sy{ width:100%; background-color:#d62f8a; overflow:hidden; padding:0.5em 0; }
.main4_sy ul li{ float:left;width:19%; width: calc(100/5*1% - 1px); width:-moz-calc(100/5*1% - 1px); width:-webkit-calc(100/5*1% - 1px);text-align:center; border-right:1px solid #fff;}
.main4_sy ul li a{ color:#ffffff; font-size:1.2em; }
.main4_sy .li1{ border:none;}




.form{ width:80%; margin:1em auto; padding-bottom:2em;}
.form dl { overflow:hidden; width:98%; margin:8px auto;}
.form dl dt{ float:left; font-family:΢���ź�; font-size:1.2em; color:#d62f8a; width:80px; text-align:center;}
.form dl dd{ float:left; width: 65%;    width:-moz-calc(100% - 80px);    width:-webkit-calc(100% - 80px);    width: calc(100% - 80px); }
.form dl dd span{ width:10px; float:right; color:#d62f8a;}
.name{ border:1px solid #d62f8a;border-radius:4px; height:30px; width: 65%; width:-moz-calc(100% - 15px); width:-webkit-calc(100% - 15px); width: calc(100% - 15px); }
.g_dl06{ padding-bottom:10px;}
.g_dl06 li{ float:left; width:40%; margin-left:5%; margin-right:5%;}
.btn1{  padding:5px 0; width:90%;  background:#2e8380; border:none; font-family:΢���ź�; font-size:1.2em; color:#FFF; border-radius:6px;}
.ret1{ background:#d62f8a; width:90%; border:none;  padding:5px 10px; font-family:΢���ź�; font-size:1.2em; color:#FFF; border-radius:6px;}


.foot_sy{display: block; line-height: 40px; background-color:#fcf5f9; overflow:hidden;}
.foot_sy_l{ float:left; width:30%; padding-top:3%;}
.foot_sy_r{ float:right; width:70%;}
.foot_sy_r ul{padding-top:5%;}

.foot_sy_r p{font-weight:normal; line-height:1.8em; text-indent:0em; color:#545454;padding-left: 5%;}
.foot_sy_r p a{ color:#545454;}


.footerd{border-top: 2px solid #d62f8a;border-bottom: 2px solid #d62f8a; background:#FFF;margin-bottom: 0.5em;}
.footerd a{color:#d62f8a !important;}


@media only screen and (min-width: 640px) {
    body {
        font-size: 18px;
    }

    .wrapper {
        width: 640px;
    }

    .top_sy_r .p1{  padding-top:1.5em;}



}

@media only screen and (min-width: 480px) and (max-width: 639px) {
    body {
        font-size: 16px;
    }

    .wrapper {
        width: 100%;
    }

}

@media only screen and (min-width: 360px) and (max-width: 479px) {
    body {
        font-size: 13px;
    }

    .wrapper {
        width: 100%;
    }

}

@media only screen and (min-width: 320px) and (max-width: 359px) {
    body {
        font-size: 12px;
    }

    .wrapper {
        width: 100%;
    }

}

@media only screen and (max-width: 319px) {
    body {
        font-size: 12px;
    }

    .wrapper {
        width: 100%;
    }

}