@media only screen and (min-width:1024px)
{
    body {
        width: 1002px;
        margin:auto;
    }
    .bd{width: 1002px;padding-top: 5px;}
    .bd .Pro_left{
        float:left;
        width: 750px;
    }
    .bd .Pro_left .head_div{display: block;width: 750px;height: 302px;border: 1px solid #ccc;box-sizing: border-box;}
    .bd .Pro_left .head_div .left_area{width: 346px;float: left;height:300px;border: 1px solid #000;display: flex;justify-content: center;align-items: center;}
    .bd .Pro_left .head_div .left_area img{width: 98%;height: 98%;}
    .bd .Pro_left .head_div .right_area{width: 398px;float: right;}

    .bd .Pro_left .mid_title99{display: flex;justify-content: left;align-items: center;clear: both;}
    .bd .Pro_left .mid_title99 div{ float:left; line-height:41px; padding-left:15px; padding-right:15px; margin-right:5px; background:#CCCCCC; margin-top: 10px;width: 160px;text-align: center;text-transform: capitalize;cursor: pointer;}
    .bd .Pro_left .mid_title99 div.hover{background:#C60;color:#000011;cursor: pointer;}

    .bd .Pro_left .bott-left{float:left;clear:both;width:100%;/*height:800px;*/border:1px solid #ccc; margin-top: 10px; line-height:25pt;display: none;box-sizing: border-box;}
    .bd .Pro_left #con_mm_1{display: block;}
    .bd .Pro_left #con_mm_1 table{border-collapse: collapse;width: 100%;border: 1px solid #000;}
    .bd .Pro_left #con_mm_1 table td,.bd .Pro_left #con_mm_1 table th{border: 1px solid #666;padding: 6px 10px;}
    .bd .Pro_left #con_mm_1 table tbody{display:table-row-group;}

    .bd .Pro_left #con_mm_3 form{width: 100%;margin-bottom: 20px;}
    .bd .Pro_left #con_mm_3 form .imgShow{display: flex;justify-content:flex-start;align-items: center;gap: 5px;width: 100%; border: 1px solid #ccc;}
    .bd .Pro_left #con_mm_3 form label{width: 100px;display: inline-block;}
    .bd .Pro_left #con_mm_3 form label:nth-of-type(2){height: 160px;line-height: 160px;vertical-align: bottom;}
    .bd .Pro_left #con_mm_3 input[type=submit],.bd .Pro_left #con_mm_3 input[type=reset]{width: 100px;height: 30px;margin:0 80px;cursor: pointer;}
    .bd .Pro_left #con_mm_3 table{width: 90%;border-collapse: collapse;margin-top: 5px;}
    .bd .Pro_left #con_mm_3 table td:first-child{text-align: center;}
    .bd .Pro_left #con_mm_3 table th,.bd .Pro_left #con_mm_3 table td{background: #f5f7fa;border: 2px solid #333;}

    .bd .Pro_left h1,.bd .Pro_left .p_time{text-align: center;text-transform: capitalize;}



    .bd .Pro_left .Page_cont{
        width: 95%;
        padding: 0 20px;

    }
    .bd .Pro_left .Page_cont p{width: 100%;}
    .bd .Pro_left .Page_cont h2{text-transform: capitalize;}
    .bd .Pro_left .Page_cont p embed,.bd .Pro_left .Page_cont p img{
        display: block;
        width: 500px;
        height: 375px;
        margin: 0 auto;
    }


    .bd .Pro_right{
        width: 250px;
        float: right;
    }
    .bd .Pro_right .right_one{
        padding-top: 54px;
        width: 100%;
        background-repeat: no-repeat;
        background-size: 100%;
        background-image:url("../images/mid_right_two.jpg") ;
        border: 1px solid #ccc;
    }
    .bd .Pro_right .right_two{
        margin-top: 3px;
        padding-top: 30px;
        width: 100%;
        background-repeat: no-repeat;
        background-size: 100%;
        background-image:url("../images/index_r3_c1.jpg") ;
        border: 1px solid #ccc;
    }
    .bd .Pro_right .right_two ul{
        width: 250px;
        list-style: none;
        padding:0;
        margin: 0;
    }
    .bd .Pro_right .right_two ul li
    {
        border-bottom:1px solid #CCCCCC;
        text-align:center;
        margin:10px auto;
        font-weight:bold;
        clear: both;
    }
    .bd .Pro_right .right_two ul li img{
        width:210px;
        height:140px;
    }
    #con_mm_2 embed
    {
        display: block;
        width: 500px;
        height: 375px;
        margin: 0 auto;
    }
}

@media only screen and (min-width:993px) and (max-width:1023px){
    body {
        width: 993px;
        margin:auto;
    }
    .bd{width: 993px;padding-top: 5px;}
    .bd .Pro_left{
        float:left;
        width: 743px;
    }
    .bd .Pro_left .head_div{display: block;width: 743px;height: 305px;border: 1px solid #ccc;box-sizing: border-box;}
    .bd .Pro_left .head_div .left_area{width: 340px;float: left;height:300px;border: 1px solid #000;display: flex;justify-content: center;align-items: center;}
    .bd .Pro_left .head_div .left_area img{width: 333px;height: 293px;}
    .bd .Pro_left .head_div .right_area{width: 398px;float: right;}
    .bd .Pro_left .head_div .right_area p{width: 100%;text-align: justify;text-indent: 2em;}

    .bd .Pro_left .mid_title99{display: flex;justify-content: left;align-items: center;clear: both;}
    .bd .Pro_left .mid_title99 div{ float:left; line-height:41px; padding-left:15px; padding-right:15px; margin-right:5px; background:#CCCCCC; margin-top: 10px;width: 160px;text-align: center;text-transform: capitalize;cursor: pointer;}
    .bd .Pro_left .mid_title99 div.hover{background:#C60;color:#000011;cursor: pointer;}

    .bd .Pro_left .bott-left{float:left;clear:both;width:100%;/*height:800px;*/border:1px solid #ccc; margin-top: 10px; line-height:25pt;display: none;box-sizing: border-box;}
    .bd .Pro_left #con_mm_1{display: block;}
    .bd .Pro_left #con_mm_1 table{border-collapse: collapse;width: 100%;border: 1px solid #000;}
    .bd .Pro_left #con_mm_1 table td,.bd .Pro_left #con_mm_1 table th{border: 1px solid #666;padding: 6px 10px;}
    .bd .Pro_left #con_mm_1 table tbody{display:table-row-group;}

    .bd .Pro_left #con_mm_3 form{width: 100%;margin-bottom: 20px;}
    .bd .Pro_left #con_mm_3 form .imgShow{display: flex;justify-content:flex-start;align-items: center;gap: 5px;width: 100%; border: 1px solid #ccc;}
    .bd .Pro_left #con_mm_3 form label{width: 100px;display: inline-block;}
    .bd .Pro_left #con_mm_3 form label:nth-of-type(2){height: 160px;line-height: 160px;vertical-align: bottom;}
    .bd .Pro_left #con_mm_3 input[type=submit],.bd .Pro_left #con_mm_3 input[type=reset]{width: 100px;height: 30px;margin:0 80px;cursor: pointer;}
    .bd .Pro_left #con_mm_3 table{width: 90%;border-collapse: collapse;margin-top: 5px;}
    .bd .Pro_left #con_mm_3 table td:first-child{text-align: center;}
    .bd .Pro_left #con_mm_3 table th,.bd .Pro_left #con_mm_3 table td{background: #f5f7fa;border: 2px solid #333;}


    .bd .Pro_left h1,.bd .Pro_left .p_time{text-align: center;text-transform: capitalize;}



    .bd .Pro_left .Page_cont{
        width: 95%;
        padding: 0 20px;

    }
    .bd .Pro_left .Page_cont p{width: 100%;}
    .bd .Pro_left .Page_cont h2{text-transform: capitalize;}
    .bd .Pro_left .Page_cont p embed,.bd .Pro_left .Page_cont p img{
        display: block;
        width: 500px;
        height: 375px;
        margin: 0 auto;
    }


    .bd .Pro_right{
        width: 248px;
        float: right;
    }
    .bd .Pro_right .right_one{
        padding-top: 54px;
        width: 100%;
        background-repeat: no-repeat;
        background-size: 100%;
        background-image:url("../images/mid_right_two.jpg") ;
        border: 1px solid #ccc;
    }
    .bd .Pro_right .right_two{
        margin-top: 3px;
        padding-top: 30px;
        width: 100%;
        background-repeat: no-repeat;
        background-size: 100%;
        background-image:url("../images/index_r3_c1.jpg") ;
        border: 1px solid #ccc;
    }
    .bd .Pro_right .right_two ul{
        width: 248px;
        list-style: none;
        padding:0;
        margin: 0;
    }
    .bd .Pro_right .right_two ul li
    {
        border-bottom:1px solid #CCCCCC;
        text-align:center;
        margin:10px auto;
        font-weight:bold;
        clear: both;
    }
    .bd .Pro_right .right_two ul li img{
        width:210px;
        height:140px;
    }
    #con_mm_2 embed
    {
        display: block;
        width: 500px;
        height: 375px;
        margin: 0 auto;
    }
}

/*大于768-992分辨率*/
@media only screen and (min-width:768px) and (max-width:992px){
    body {
        width: 768px;
        margin:auto;
    }
    .bd{width: 768px;padding-top: 3px;}
    .bd .Pro_left{
        float:left;
        width: 575px;
        box-sizing: border-box;
    }
    .bd .Pro_left .head_div{display: block;width: 575px;height: 305px;border: 1px solid #ccc;box-sizing: border-box;}
    .bd .Pro_left .head_div .left_area{width: 265px;float: left;height:300px;border: 1px solid #000;display: flex;justify-content: center;align-items: center;}
    .bd .Pro_left .head_div .left_area img{width: 260px;height: 290px;}
    .bd .Pro_left .head_div .right_area{width: 300px;float: right;}
    .bd .Pro_left .head_div .right_area p{width: 100%;text-align: justify;text-indent: 2em;}

    .bd .Pro_left .mid_title99{display: flex;justify-content: left;align-items: center;clear: both;}
    .bd .Pro_left .mid_title99 div{ float:left; line-height:41px; padding-left:15px; padding-right:15px; margin-right:5px; background:#CCCCCC; margin-top: 10px;width: 160px;text-align: center;text-transform: capitalize;cursor: pointer;}
    .bd .Pro_left .mid_title99 div.hover{background:#C60;color:#000011;cursor: pointer;}

    .bd .Pro_left .bott-left{float:left;clear:both;width:100%;/*height:800px;*/border:1px solid #ccc; margin-top: 10px; line-height:25pt;display: none;box-sizing: border-box;}
    .bd .Pro_left #con_mm_1{display: block;}
    .bd .Pro_left #con_mm_1 table{border-collapse: collapse;width: 100%;border: 1px solid #000;}
    .bd .Pro_left #con_mm_1 table td,.bd .Pro_left #con_mm_1 table th{border: 1px solid #666;padding: 6px 10px;}
    .bd .Pro_left #con_mm_1 table tbody{display:table-row-group;}

    .bd .Pro_left #con_mm_3 form{width: 100%;margin-bottom: 20px;}
    .bd .Pro_left #con_mm_3 form .imgShow{display: flex;justify-content:flex-start;align-items: center;gap: 5px;width: 100%; border: 1px solid #ccc;}
    .bd .Pro_left #con_mm_3 form label{width: 100px;display: inline-block;}
    .bd .Pro_left #con_mm_3 form label:nth-of-type(2){height: 160px;line-height: 160px;vertical-align: bottom;}
    .bd .Pro_left #con_mm_3 input[type=submit],.bd .Pro_left #con_mm_3 input[type=reset]{width: 100px;height: 30px;margin:0 80px;cursor: pointer;}
    .bd .Pro_left #con_mm_3 table{width: 90%;border-collapse: collapse;margin-top: 5px;}
    .bd .Pro_left #con_mm_3 table td:first-child{text-align: center;}
    .bd .Pro_left #con_mm_3 table th,.bd .Pro_left #con_mm_3 table td{background: #f5f7fa;border: 2px solid #333;}


    .bd .Pro_left h1,.bd .Pro_left .p_time{text-align: center;text-transform: capitalize;}



    .bd .Pro_left .Page_cont{
        width: 95%;
        padding: 0 20px;
    }
    .bd .Pro_left .Page_cont p{width: 100%;}
    .bd .Pro_left .Page_cont h2{text-transform: capitalize;}
    .bd .Pro_left .Page_cont p embed,.bd .Pro_left .Page_cont p img{
        display: block;
        width: 500px;
        height: 375px;
        margin: 0 auto;
    }



    .bd .Pro_right{
        width: 190px;
        float: right;
    }
    .bd .Pro_right .right_one{
        padding-top: 54px;
        width: 100%;
        background-repeat: no-repeat;
        background-size: 100%;
        background-image:url("../images/mid_right_two.jpg") ;
        border: 1px solid #ccc;
    }
    .bd .Pro_right .right_one img{
        width: 100%;
    }

    .bd .Pro_right .right_two{
        margin-top: 3px;
        padding-top: 30px;
        width: 100%;
        background-repeat: no-repeat;
        background-size: 100%;
        background-image:url("../images/index_r3_c1.jpg") ;
        border: 1px solid #ccc;
    }
    .bd .Pro_right .right_two ul{
        width: 190px;
        list-style: none;
        padding:0;
        margin: 0;
    }
    .bd .Pro_right .right_two ul li
    {
        border-bottom:1px solid #CCCCCC;
        text-align:center;
        margin:10px auto;
        font-weight:bold;
        clear: both;
    }
    .bd .Pro_right .right_two ul li img{
        width:170px;
        height:112px;
    }
    #con_mm_2 embed
    {
        display: block;
        width: 500px;
        height: 375px;
        margin: 0 auto;
    }
}

/*大于299-767分辨率*/
@media only screen and (min-width:587px) and (max-width:767px){
    body {
        width:100%;
        margin:auto;
    }
    .bd{width: 100%;margin-top: 3px;}
    .bd .Pro_left{
        float:left;
        width: 100%;
        box-sizing: border-box;
    }
    .bd .Pro_left .head_div{display: block;width: 100%;height: 40vw;border: 1px solid #ccc;box-sizing: border-box;}
    .bd .Pro_left .head_div .left_area{width: 50%;float: left;height:38vw;border: 1px solid #000;display: flex;justify-content: center;align-items: center;}
    .bd .Pro_left .head_div .left_area img{width: 98%;height: 38vw;}
    .bd .Pro_left .head_div .right_area{width: 48%;float: right;}
    .bd .Pro_left .head_div .right_area p{width: 100%;text-align: justify;text-indent: 2em;}

    .bd .Pro_left .mid_title99{display: flex;justify-content: left;align-items: center;clear: both;width: 100%;}
    .bd .Pro_left .mid_title99 div{ float:left; line-height:41px; padding-left:15px; padding-right:15px; margin-right:5px; background:#CCCCCC; margin-top: 10px;width: 30vw;text-align: center;text-transform: capitalize;cursor: pointer;}
    .bd .Pro_left .mid_title99 div.hover{background:#C60;color:#000011;cursor: pointer;}

    .bd .Pro_left .bott-left{float:left;clear:both;width:100%;/*height:800px;*/border:1px solid #ccc; margin-top: 10px; line-height:25pt;display: none;box-sizing: border-box;}
    .bd .Pro_left #con_mm_1{display: block;}
    .bd .Pro_left #con_mm_1 table{border-collapse: collapse;width: 100%;border: 1px solid #000;}
    .bd .Pro_left #con_mm_1 table td,.bd .Pro_left #con_mm_1 table th{border: 1px solid #666;padding: 6px 10px;}
    .bd .Pro_left #con_mm_1 table tbody{display:table-row-group;}

    .bd .Pro_left #con_mm_3 form{width: 100%;margin-bottom: 20px;}
    .bd .Pro_left #con_mm_3 form .imgShow{display: flex;justify-content:flex-start;align-items: center;gap: 5px;width: 100%; border: 1px solid #ccc;}
    .bd .Pro_left #con_mm_3 form label{width: 100px;display: inline-block;}
    .bd .Pro_left #con_mm_3 form label:nth-of-type(2){height: 160px;line-height: 160px;vertical-align: bottom;}
    .bd .Pro_left #con_mm_3 form textarea{width: 60vw;display: inline-block;}
    .bd .Pro_left #con_mm_3 input[type=submit],.bd .Pro_left #con_mm_3 input[type=reset]{width: 100px;height: 30px;margin:0 80px;cursor: pointer;}
    .bd .Pro_left #con_mm_3 table{width: 90%;border-collapse: collapse;margin-top: 5px;}
    .bd .Pro_left #con_mm_3 table td:first-child{text-align: center;}
    .bd .Pro_left #con_mm_3 table th,.bd .Pro_left #con_mm_3 table td{background: #f5f7fa;border: 2px solid #333;}


    .bd .Pro_left h1,.bd .Pro_left .p_time{text-align: center;text-transform: capitalize;}



    .bd .Pro_left .Page_cont{
        width: 95%;
        padding: 0 20px;

    }
    .bd .Pro_left .Page_cont p{width: 100%;}
    .bd .Pro_left .Page_cont h2{text-transform: capitalize;}
    .bd .Pro_left .Page_cont p embed,.bd .Pro_left .Page_cont p img{
        display: block;
        width: 400px;
        height: 300px;
        margin: 0 auto;
    }



    .bd .Pro_right{
        width: 100%;
        float: left;
    }
    .bd .Pro_right .right_one{
    display: none;
    }
    .bd .Pro_right .right_one img{
        width: 100%;
    }

    .bd .Pro_right .right_two{
        margin-top: 3px;
        padding-top: 30px;
        width: 100%;
        background-repeat: no-repeat;
        background-image:url("../images/index_r3_c1.jpg") ;
        border: 1px solid #ccc;
    }
    .bd .Pro_right .right_two ul{
        width: 100%;
        list-style: none;
        padding:0;
        margin: 0;
    }
    .bd .Pro_right .right_two ul li
    {
        display: inline-block;
        width: 45%;
        border-bottom:1px solid #CCCCCC;
        text-align:center;
        margin:10px auto;
        font-weight:bold;
        clear: both;
    }
    .bd .Pro_right .right_two ul li img{
        width:30vw;
        height:20vw;
    }
    #con_mm_2 embed
    {
        display: block;
        width: 400px;
        height: 300px;
        margin: 0 auto;
    }
}

@media only screen and (min-width:50px) and (max-width:586px){
    body {
        width:100%;
        margin:auto;
    }
    .bd{width: 100%;margin-top: 3px;}
    .bd .Pro_left{
        float:left;
        width: 100%;
        box-sizing: border-box;
    }
    .bd .Pro_left .head_div{width: 100%;height: 90vw;border: 1px solid #ccc;box-sizing: border-box;}
    .bd .Pro_left .head_div .left_area{width: 100%;float: left;height:60vw;border: 1px solid #000;display: flex;justify-content: center;align-items: center;}
    .bd .Pro_left .head_div .left_area img{width: 98%;height: 58vw;}
    .bd .Pro_left .head_div .right_area{width: 100%;height: 30vw;}
    .bd .Pro_left .head_div .right_area p{width: 100%;text-align: justify;text-indent: 2em;}

    .bd .Pro_left .mid_title99{display: flex;justify-content: left;align-items: center;clear: both;width: 100%;}
    .bd .Pro_left .mid_title99 div{ float:left; height: 80px;display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: space-around; padding-left:1vw; padding-right:1vw; margin-right:5px; background:#CCCCCC; margin-top: 10px;width: 30%;text-align: center;text-transform: capitalize;cursor: pointer;}
    .bd .Pro_left .mid_title99 div.hover{background:#C60;color:#000011;cursor: pointer;}

    .bd .Pro_left .bott-left{float:left;clear:both;width:100%;/*height:800px;*/border:1px solid #ccc; margin-top: 10px; line-height:25pt;display: none;box-sizing: border-box;}
    .bd .Pro_left #con_mm_1{display: block;}
    .bd .Pro_left #con_mm_1 table{border-collapse: collapse;width: 100%;border: 1px solid #000;}
    .bd .Pro_left #con_mm_1 table td,.bd .Pro_left #con_mm_1 table th{border: 1px solid #666;padding: 6px 10px;}
    .bd .Pro_left #con_mm_1 table tbody{display:table-row-group;}

    .bd .Pro_left #con_mm_2{width: 100%;height: 60vw;}
    .bd .Pro_left #con_mm_2 embed{width: 100%;height: 100%;}

    .bd .Pro_left #con_mm_3 form{width: 100%;margin-bottom: 20px;border: 1px solid #ccc;}
    .bd .Pro_left #con_mm_3 form .imgShow{display: flex;justify-content:flex-start;align-items: center;gap: 5px;width: 100%; border: 1px solid #ccc;}
    .bd .Pro_left #con_mm_3 form .imgShow img{width: 30%;}
    .bd .Pro_left #con_mm_3 form .imgShow input[type=text]{width: 60%;}

    .bd .Pro_left #con_mm_3 form label{width: 20vw;display: inline-block;font-size: 4vw;}
    .bd .Pro_left #con_mm_3 form label:nth-of-type(2){height: 160px;line-height: 160px;vertical-align: bottom;}
    .bd .Pro_left #con_mm_3 form textarea{width: 60vw;display: inline-block;}
    .bd .Pro_left #con_mm_3 input[type=text]{width: 70%;}
    .bd .Pro_left #con_mm_3 input[type=submit],.bd .Pro_left #con_mm_3 input[type=reset]{width: 100px;height: 30px;margin:0 5vw;cursor: pointer;}
    .bd .Pro_left #con_mm_3 table{width: 90%;border-collapse: collapse;margin-top: 5px;}
    .bd .Pro_left #con_mm_3 table td:first-child{text-align: center;}
    .bd .Pro_left #con_mm_3 table th,.bd .Pro_left #con_mm_3 table td{background: #f5f7fa;border: 2px solid #333;}


    .bd .Pro_left h1,.bd .Pro_left .p_time{text-align: center;text-transform: capitalize;}



    .bd .Pro_left .Page_cont{
        width: 95%;
        padding: 0 20px;

    }
    .bd .Pro_left .Page_cont p{width: 100%;}
    .bd .Pro_left .Page_cont h2{text-transform: capitalize;}
    .bd .Pro_left .Page_cont p embed,.bd .Pro_left .Page_cont p img{
        display: block;
        width: 100%;
        height: 30vw;
        margin: 0 auto;
    }



    .bd .Pro_right{
        width: 100%;
        float: left;
    }
    .bd .Pro_right .right_one{
        display: none;
    }
    .bd .Pro_right .right_one img{
        width: 100%;
    }

    .bd .Pro_right .right_two{
        margin-top: 3px;
        padding-top: 30px;
        width: 100%;
        background-repeat: no-repeat;
        background-image:url("../images/index_r3_c1.jpg") ;
        border: 1px solid #ccc;
    }
    .bd .Pro_right .right_two ul{
        width: 100%;
        list-style: none;
        padding:0;
        margin: 0;
    }
    .bd .Pro_right .right_two ul li
    {
        display: inline-block;
        width: 45%;
        border-bottom:1px solid #CCCCCC;
        font-size: 4vw;
        text-align:center;
        margin:10px auto;
        font-weight:bold;
        clear: both;
    }
    .bd .Pro_right .right_two ul li img{
        width:30vw;
        height:20vw;
    }
    #con_mm_2 embed
    {
        display: block;
        width: 100%;
        height: 30vw;
        margin: 0 auto;
    }
}