﻿@charset "utf-8";
/* CSS Document */
body {
    font: sans-serif,Arial;
    color: #1a1a1a;
}

body {
    font-family: "Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;
}

* {
    margin: 0;
    padding: 0;
}

img {
    border: none;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #444;
}

ul li {
    list-style: none;
}

em {
    font-style: normal;
    color: #F00;
}


.conter {
    max-width: 750px;
    margin: 0 auto;
    font-size:10px;
    line-height:20px;
}

.header1 img {
    width: 100%;
    height: auto;
    display: inherit;
}


.conter03 {
    padding: 1em 0;
    overflow: hidden;
    background: #fafafa;
}
    .conter03 p {
        text-align: justify;
        text-indent: 2em;
    }
    .conter03 .conMain .top {
        margin: .5em 0;
    }

    .conter03 .conMain .bottom {
        text-align: justify;
        text-indent: 2em;
    }
.conTitle {
    text-align: center;
    font-size: 1.3em;
    padding: .5em 0;
    color: #0000b5;
    font-weight: bold;
}


.conter04{
    padding:1.4em 0 0;
    overflow:hidden;
    text-align:justify;
}
    .conter04 .conMain {
        padding: .8em 0;
    }
    .conter04 .conMain p img {
        display:inherit;
    }
        .conter04 .conMain .p2 {
            display:block;
            background: url('../../images/zhuanti_diy/25sqgl/25sqgl_06.jpg') top center repeat-y;
            background-size:100%;
            padding: .8em 2em;
        }



.conMain {
    padding: 0 .8em;
}

.conter05 {
    overflow: hidden;
    padding: 1.5em 0 0;
}
    .conter05 .conMain .itTitle {
        margin: 1.2em 0 .8em;
        display: flex;
        align-items: center;
        font-size: 1.1em;
        color: #d73e56;
    }

        .conter05 .conMain .itTitle span:first-child {
            width:8%;
        }
        .conter05 .conMain .itTitle span:last-child {
            padding-left: .5em;
        }

    .conter05 .conMain .itTxt .p1 {
        text-align: center;
        padding-top: .5em;
    }


.conter06 {
    overflow: hidden;
    padding: 1.5em 0 0;
}
    .conter06 .p1 {
        text-align: justify;
    }

        .conter06 .p1 span {
            color: #4186ed;
        }

    .conter06 table {
        width: 100%;
        margin: 1em auto 0;
        border-collapse: collapse;
    }

        .conter06 table td {
            padding: .3em 0;
            text-align: center;
            border: 1px solid #919191;
            font-size: .8em;
        }

        .conter06 table tr td:first-child {
            border-bottom: 1px solid #fff;
            background: #4186ed;
            color: #fff;
            font-size: 1em;
        }

.conter07 {
    margin: 1.5em auto 0;
    padding: 1em 0;
    background: #fafafa;
}
    .conter07 .bdDiv {
        margin: 1.2em auto 0;
    }
    .bdDiv .item {
        margin: .5em;
        overflow: hidden;
    }

    .bdDiv span {
        display: block;
        width: 28%;
        float: left;
        text-align: right;
        line-height: 40px;
    }

    .bdDiv .bdk {
        width: 65%;
        height: 40px;
        float: left;
        border: 1px solid #9b9a9a;
    }

    .bdDiv input {
        padding: 0 5px;
        width: 65%;
        height: 40px;
        float: left;
        border: 1px solid #9b9a9a;
    }

.tjBtn {
    display: block;
    width: 50%;
    margin: 1.4em auto 0;
    background: #4186ed;
    color: #fff;
    padding: .3em;
    text-align: center;
}

.bdDiv select {
    width: 60px;
    text-align: center;
    height: 38px;
    border: 0;
    border-right: 1px solid #ededed;
    padding-left: 8px;
    float: left;
    margin-left: 1px;
}

    .bdDiv select option {
        text-align: center;
    }

#txtContact {
    padding: 0 5px;
    width: 65%;
    height: 38px;
    border: 0;
    float: left;
    background: #fff;
}


.conter08 {
    margin:1.5em auto 0;
    padding: 0 0;
}
    .conter08 .conMain {
        padding: .8em;
        margin-top: 1em;
    }
    .conter08 .pf {
        text-align:justify;
    }

    .conter08 .item {
        display: flex;
        align-items: center;
        margin-top: 1em;
        width: 100%;
    }

        .conter08 .item .p1 {
            background:#4186ed;
            padding:.4em;
            border-radius:.3em;
            color:#fff;
            min-width:25%;
            text-align:center;
        }

        .conter08 .item .p2 {
            color: #777777;
            padding-left:1em;
        }


    .conter08 .pb {
        text-align: center;
        background: #ebebeb;
        margin-top: 1.3em;
        padding:.8em;
        font-size:.8em;
    }

        .conter08 .pb a {
            color: #4186ed;
            text-decoration: underline;
        }

.conter09 {
    padding: .8em 0;
    overflow: hidden;
    margin:0 auto;
}
    .conter09 .conMain {
        padding: .8em;
    }
    .conter09 .itTitle {
        overflow: hidden;
        margin: 1em 0;
    }

    .conter09 .conMain .ittxt p {
        text-align: justify;
    }

    .conter09 .materials {
        width: 100%;
        justify-content: space-between;
    }

        .conter09 .materials .item {
            border: 1px solid #4186ed;
            background: #fff;
            margin: 1em auto;
        }


        .conter09 .materials .title {
            background-color: #3b8ddb;
            color: #fff;
            padding: .4em;
            font-weight: bold;
            font-size: 1.2em;
            text-align: center;
        }

        .conter09 .materials .txt {
            padding: .8em;
        }

            .conter09 .materials .txt p {
                text-align:justify;
            }




.conter10 {
    margin: 1.5em auto 0;
}
    .conter10 .conMain {
        padding: 1em 0;
        background: #f5f5f5;
    }

    .conter10 .top img, .conter10 .bottom img {
        display:inherit;
    }

    .conter10 .timeline {
        background: url('../../Images/zhuanti_diy/25sqgl/25sqgl_34.jpg') top left repeat-y;
        background-size:100%;
        margin: auto;
    }

    .conter10 .timeline-entry {
        position: relative;
        padding: 0 0;
        padding-left: 35px;
    }

    .conter10 .timeline-entry {
        background: url('../../Images/zhuanti_diy/25sqgl/25sqgl_36.jpg') top center no-repeat;
        background-size: 100%;
    }

        .conter10 .timeline-entry h3 {
            margin: 0;
            color: #007BFF;
        }

        .conter10 .timeline-entry p {
            margin: 5px 0 0 0;
            padding:.5em 0 1em;
            text-align: justify;
        }

.conter11 {
    margin: 1.5em auto 0;
    padding: 1em 0;
    background: #eaf2ff;
}


.conter12 {
    margin: 1.5em auto 0;
    padding: 0 0;
}

    .conter12 .conMain {
        padding:1.2em .8em;
    }

        .conter12 .conMain a {
            display: block;
            width: 50%;
            float: left;
        }


@media screen and (min-width:360px) {
	 .conter {font-size:13px;line-height:25px;}

 	}
	
@media screen and (min-width: 425px) {
	 .conter {font-size:16px;line-height:25px;}

	}
@media screen and (min-width: 600px) {
	 .conter {font-size:20px;line-height:28px;}

 	}