@font-face {
    font-family: "myFirstFont";
    /*src: url("./font/qdhg.eot");*/
    src: url("../Public/font/qdhg.ttf") format("truetype");
    src: url("../font/qdhg.woff") format("woff");
    font-weight: bold;
}

@media(min-width:1200px) {
    body{font-family: 微软雅黑;margin: 0;padding: 0;background: #F5F5F5;width:100%;}
    a{text-decoration:none;color: black;}
    .top{background: #403C39;width: 100%;height: 70px;}
    .top_l{width: 33%;height:70px;float: left;}
    .top_img{display: block;margin-left: 46%;margin-top: 20px;}
    .top_c{width: 33%;height:70px;float: left;}
    .top_p1{line-height: 70px;font-size: 46px;text-align: center;color: #EC7712;font-style:oblique; font-family:宋体;margin: 0;}
    .top_p1 a{line-height: 70px;font-size: 46px;text-align: center;color: #EC7712;font-style:oblique; font-family:宋体;margin: 0;text-decoration: none;}
    .top_p1 a:hover{line-height: 70px;font-size: 46px;text-align: center;color: #EC7712;font-style:oblique; font-family:宋体;margin: 0;text-decoration: none;}
    .top-r{width: 33%;height:70px;float: left;}
    .top_p2{text-align: left;line-height: 70px;font-size: 20px;margin: 0;}
    .top a:hover{text-decoration:none;color: white;}
    .m2 a{color:white;}
    .m1 a{color:#C04573;}
    .m1 a:hover{color:#C04573;font-size: 24px;}
    .top_menu{width: 100%;margin: 0;height: 90px;padding: 0;background: #fff;overflow: hidden;position: relative;z-index: 1;}
    .top_menu_l{width: 42%;float: left;height: 90px;}
    .top_menu_l img{margin: 10px auto;display: block;height: 70px;}
    .top_menu_c{width: 58%;float: left;height: 90px;}
    .top_menu_c li .active{background: #F8B703;color: white;text-decoration:none;}
    .log{line-height: 90px;font-size: 20px;float: left;margin-left: 30px;}
    .top_menu_c ul{margin: 0;padding: 0;}
    .top_menu_c ul li{float: left;width:100px;text-align: center;color: black;line-height: 90px;display:inline-block;}
    .top_menu_c ul li a{height:90px;text-align: center;color: black;line-height: 90px;display:inline-block;font-size: 20px;font-family: 微软雅黑;margin: 0;padding: 0;width: 100px;}
    .top_menu_c ul li a:hover{background: #F8B703;color: white;text-decoration:none;}
    .log a{display: inline-block;width: 100px;height: 36px;margin: 27px auto;line-height: 36px; text-align: center;color: black;text-decoration:none;}
    .log a:hover{background: #F8B703;border-radius: 5px;color: white;}
    .clear{clear:both;}
    .margin{color: #888C8F;}
    .div_box{width: 1200px;margin: 0 auto;margin-top: 80px;}
    .box_t{text-align: center;}
    .box_h{color: #F37423;font-family: 微软雅黑;}
    .div_img{width:400px; height:350px;float: left;overflow: hidden;position: relative;}
    .box_img{ width:400px;}
    .box_r{margin-left: 90px;margin-top: 60px;width:665px;float: left;font-family: 微软雅黑;}
    .box_p{font-size: 20px;line-height: 25px;letter-spacing:1px;}
    .lo{font-size: 13px;}
    .img_box{width: 383px;height: 166px;float:left;border:1px solid red;}
    .product_img{width: 383px;height: 166px;float:left;}
    .product_opa{margin: 0 auto;margin-top:40px;width: 210px;height: 90px;background:rgba(255,255,255,0.5) none repeat scroll !important; background:#000; filter:Alpha(opacity=50);color:#fff;}
    .product_p{text-align:center;line-height:90px;color: blue;font-size: 24px;font-family: myFirstFont;font-weight: bold;position: relative;}
    .img_1{}
    .img_2{margin-left: 25px;}
    .img_3{}
    .img_4{margin-top: 28px;}
    /*.img_5{margin-left: 25px;margin-top: 28px;}
    .img_6{margin-left: 25px;margin-top: 28px;}*/
    .youshi{width: 1200px;margin: 0 auto;}
    .youshi_div{margin-top: 140px;}
    .youshi_img_div{width:580px; height:340px; border-radius: 20px;}
    .img_left{width:580px; height:340px; float: left;}
    .youshi_r{margin-left: 90px;margin-top: 60px;width:460px;float: left;font-family: 微软雅黑;}
    .youshi_r_div{background: #fff;border-radius: 10px;width: 620px;height: 340px;}
    .youshi_t{font-size: 20px;letter-spacing:1px;}
    .div_box2{width:580px; height:340px; border-radius: 20px;}
    .img_r{width:580px; height:340px; float: right;border-radius: 10px;}
    .float_l{float:left;}
    .float_r{float:right;}
    .youshi_f_r{margin-right: 100px;margin-top: 100px;width:460px;float: right;font-family: 微软雅黑;text-align: right;}
    .lj{color:#888C8F; }
    .lj:hover{color: #888C8F;text-decoration:none;}
    .new_box{float: left;width: 400px;text-align: center;}
    .new_box a:hover{text-decoration:none;}
    .box_new a:hover{text-decoration:none;}
    .boxn{margin: 0 auto;border-radius: 50%;width: 225px;height: 225px;border-radius: 50%;overflow:hidden;position: relative;z-index:1;}
    .new_img{margin: 0 auto;display: block;/*border-radius: 50%;*/}
    .new_t{font-size: 24px;color: black;margin-top: 50px;font-weight: bold;}
    .new_p{font-size: 16px;color: black;margin-top: 30px;}
    .footer{background: #403C39;width: 100%;height: 325px;margin-top: 80px;}
    .foot{width: 1200px;margin:0 auto;color: white;padding-top: 65px;}
    .foot a{color: white;text-decoration:none;}
    .foot a:hover{color: white;text-decoration:none;}
    .foot_box1{float: left;width: 273px;}
    .foot_box_p{font-size: 18px;font-weight: bold;line-height: 30px;}
    .foot_box2{float: left;width: 313px;}
    .foot_box3{float: left;width: 400px;}
    .foot_box_m{font-size: 15px;color: white;font-weight: normal;}
    .foot_box4{float: left;width: 214px;text-align: center;color: white;}
    .img_weixin{width:98px; height:98px;margin: 0 auto;display: inline-block;}
    .foot_weixin_p1{font-size: 12px;margin-top: 5px;}
    .foot_weixin_p2{font-size: 12px;margin-top: 10px;}
    .foot_hr{width: 100%;height: 1px;background: white;margin-top: 10px;}
    .foot_beian{width: 600px;margin: 0 auto;margin-top: 20px;}
    .foot_m2{font-size: 20px;color: white;font-family: 微软雅黑;}
    .foot_m3{font-size: 12px;color: white;font-family: 微软雅黑;margin-left: 100px;}
    .main{width: 1200px;margin: 0 auto;}

}
@media(max-width:1199px) {
    .scrollsidebar{display:none;}
        html{ font-size: 62.5%; }
    body{font-family: 微软雅黑;margin: 0;padding: 0;background: #F5F5F5;width:100%;}
    a{text-decoration:none;color: black;}
    .top{background: #403C39;width: 100%;height: 3.5rem;}
    .top_img{display: none;}
    .top_c{width: 45%;height:3.5rem;float: left;}
    .top_p1{line-height: 3.5rem;font-size: 2rem;text-align: center;color: #EC7712;font-style:oblique; font-family:宋体;margin: 0;}
    .top_p1 a{line-height: 3.5rem;font-size: 2rem;text-align: center;color: #EC7712;font-style:oblique; font-family:宋体;margin: 0;text-decoration: none;}
    .top_p1 a:hover{line-height: 3.5rem;font-size: 2rem;text-align: center;color: #EC7712;font-style:oblique; font-family:宋体;margin: 0;text-decoration: none;}
    .top-r{width: 55%;height:3.5rem;float: left;}
    .top_p2{text-align: right;line-height: 3.5rem;font-size: 1rem;margin: 0;}
    .top a:hover{text-decoration:none;color: white;}
    .m2 a{color:white;}
    .m1 a{color:#C04573;}
    .m1 a:hover{color:#C04573;font-size: 1.2rem;}
    .top_menu{width: 100%;margin: 0;height: 12.5rem;padding: 0;background: #fff;overflow: hidden;position: relative;white-space: nowrap;z-index: 1;}
    .top_menu_l{width: 100%;float: left;height: 7.5rem;}
    .top_menu_l img{margin: 0.5rem auto;display: block;height: 6.5rem;}
    .top_menu_c{width: 100%;height: 5rem;overflow:hidden ;position: relative;border-top:1px solid #ccc;}
    .top_menu_c ul{ position: absolute;overflow-x: auto;white-space: nowrap;display: flex; }
    .top_menu_c li .active{background: #F8B703;color: white;text-decoration:none;}
    .log{line-height: 3rem;font-size: 1rem;float: left;margin-left: 1.5rem;}
    .top_menu_c ul{margin: 0;padding: 0;}
    .top_menu_c ul li{text-align: center;color: black;line-height:4.5rem;display:inline-block;}
    .top_menu_c ul li a{height:4.5rem;text-align: center;color: black;line-height:3.5rem;display:inline-block;font-size: 1rem;font-family: 微软雅黑;margin: 0;padding-left: 0.4rem;padding: 0.4rem;}
    .top_menu_c ul li a:hover{background: #F8B703;color: white;text-decoration:none;}
    .log a{display: inline-block;width: 5rem;height: 1.8rem;margin: 1.35rem auto;line-height: 1.8rem; text-align: center;color: black;text-decoration:none;}
    .log a:hover{background: #F8B703;border-radius: 0.25rem;color: white;}
    .clear{clear:both;}
    .main{color: #888C8F;width: 100%;}
    .div_box{margin:0 auto;}
    .box_t{text-align: center;}
    .box_h{color: #F37423;font-family: 微软雅黑;font-size: 3rem;}
    .div_img{width: 90%;margin: 0 auto; overflow: hidden;position: relative;}
    .box_img{ width: 100%;}
    .box_r{margin-top: 3rem;width: 90%;margin: 0 auto;font-family: 微软雅黑;}
    .box_p{font-size: 1.4rem;line-height: 2rem;letter-spacing:1px;}
    .lo{font-size: 1rem;}
    .img_box{width: 383px;height: 166px;float:left;border:1px solid red;}
    .product_img{width: 45%;height: 7rem;float:left;}
    .product_opa{margin: 0 auto;margin-top:1.5rem;width: 70%;height: 4rem;background:rgba(255,255,255,0.5) none repeat scroll !important; background:#000; filter:Alpha(opacity=50);color:#fff;}
    .product_p{text-align:center;line-height:4rem;color: blue;font-size: 1.6rem;font-family: myFirstFont;font-weight: bold;position: relative;}
    .img_1{margin-left: 0.8rem;margin-top: 1.4rem;}
    .youshi{width: 90%;margin: 0 auto;}
    .youshi_div{margin-top: 3rem;}
    .img_left{width:100%; float: left;}
    .youshi_r{margin-top: 2rem;width:100%;float: left;font-family: 微软雅黑;}
    .youshi_t{font-size: 2rem;letter-spacing:1px;}
    .youshi_r_div{background: #fff;border-radius: 10px;width: 100%;}
    .div_box2{width:100%;  border-radius: 1rem;}
    .img_r{width:100%;  float: right;border-radius: 10px;}
    .float_l{float:left;}
    .float_r{float:right;}
    .youshi_f_r{margin-top: 2rem;width:100%;float: right;font-family: 微软雅黑;text-align: left;}
    .lj{color:#888C8F; }
    .lj:hover{color: #888C8F;text-decoration:none;}
    .new_box{float: left;width: 33%;text-align: center;}
    .new_box a:hover{text-decoration:none;}
    .box_new a:hover{text-decoration:none;}
    .boxn{width: 6rem;height: 6rem;border-radius: 50%;z-index: 1;margin:0 auto;overflow:hidden;position: relative;}
    /*.boxn{margin: 0 auto;border-radius: 50%;width: 225px;height: 225px;border-radius: 50%;overflow:hidden;position: relative;z-index:1;}*/
    .new_img{height: 100%;}
    .new_t{font-size: 1.5rem;color: black;margin-top: 1rem;font-weight: bold;}
    .new_p{font-size: 1rem;color: black;margin-top: 1rem;}
    .footer{background: #403C39;width: 100%;height: 7rem;margin-top: 2rem;}
    .foot{width: 100%;margin:0 auto;color: white;padding-top: 2rem;}
    .foot a{color: white;text-decoration:none;}
    .foot a:hover{color: white;text-decoration:none;}
    .foot_box1{float: left;width: 273px;display: none;}
    .foot_box_p{font-size: 18px;font-weight: bold;line-height: 30px;}
    .foot_box2{float: left;width: 313px;display: none;}
    .foot_box3{float: left;width: 400px;display: none;}
    .foot_box_m{font-size: 15px;color: white;font-weight: normal;}
    .foot_box4{float: left;width: 214px;text-align: center;color: white;display: none;}
    .img_weixin{width:98px; height:98px;margin: 0 auto;display: inline-block;}
    .foot_weixin_p1{font-size: 12px;margin-top: 5px;}
    .foot_weixin_p2{font-size: 12px;margin-top: 10px;}
    .foot_hr{width: 100%;height: 1px;background: white;margin-top: 10px;display: none;}
    .foot_beian{width: 90%;margin: 0 auto;margin-top: 0rem;text-align: center;}
    .foot_m2{font-size: 1.5rem;color: white;font-family: 微软雅黑;display: block;text-align: center;}
    .foot_m3{font-size: 1rem;color: white;font-family: 微软雅黑;margin-left: 3rem;text-align: center;}
}