/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;font-weight: normal;}
body{ font-size:12px;font-family:'Microsoft YaHei'; color:#666;overflow-x: hidden;}
body.head_on{overflow:hidden}
a{color:#666;transition: 0.3s;}
a:hover{ color:#f60; text-decoration:none;cursor: pointer;}
p{line-height:1.4em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}
@media only screen and (max-width: 1200px) {
.wapper{ width:100%;}

}
@font-face {
  font-family: "font1";
  src: url("../fonts/font1.ttf") format("woff2"),
       url("../fonts/font1.woff") format("woff"),
       url("../fonts/font1.ttf") format("truetype"),
       url("../fonts/font1.eot") format("embedded-opentype"),
       url("../fonts/font1.svg") format("svg");
}
@font-face {
  font-family: "font2";
  src: url("../fonts/font2.ttf") format("woff2"),
       url("../fonts/font2.woff") format("woff"),
       url("../fonts/font2.ttf") format("truetype"),
       url("../fonts/font2.eot") format("embedded-opentype"),
       url("../fonts/font2.svg") format("svg");
}
@font-face {
  font-family: "font3";
  src: url("../fonts/font3.ttf") format("woff2"),
       url("../fonts/font3.woff") format("woff"),
       url("../fonts/font3.ttf") format("truetype"),
       url("../fonts/font3.eot") format("embedded-opentype"),
       url("../fonts/font3.svg") format("svg");
}
@font-face {
  font-family: "font4";
  src: url("../fonts/font4.ttf") format("woff2"),
       url("../fonts/font4.woff") format("woff"),
       url("../fonts/font4.ttf") format("truetype"),
       url("../fonts/font4.eot") format("embedded-opentype"),
       url("../fonts/font4.svg") format("svg");
}
@font-face {
  font-family: "font5";
  src: url("../fonts/font5.ttf") format("woff2"),
       url("../fonts/font5.woff") format("woff"),
       url("../fonts/font5.ttf") format("truetype"),
       url("../fonts/font5.eot") format("embedded-opentype"),
       url("../fonts/font5.svg") format("svg");
}
@font-face {
  font-family: "font6";
  src: url("../fonts/font6.ttf") format("woff2"),
       url("../fonts/font6.woff") format("woff"),
       url("../fonts/font6.ttf") format("truetype"),
       url("../fonts/font6.eot") format("embedded-opentype"),
       url("../fonts/font6.svg") format("svg");
}


@font-face {
  font-family: "font7";
  src: url("../fonts/064-CAI978.ttf") format("woff2"),
       url("../fonts/064-CAI978.woff") format("woff"),
       url("../fonts/064-CAI978.ttf") format("truetype"),
       url("../fonts/064-CAI978.eot") format("embedded-opentype"),
       url("../fonts/064-CAI978.svg") format("svg");
}

@font-face {
  font-family: "font8";
  src: url("../fonts/font6.ttc") format("woff2"),
       url("../fonts/font6.woff") format("woff"),
       url("../fonts/font6.ttf") format("truetype"),
       url("../fonts/font6.eot") format("embedded-opentype"),
       url("../fonts/font6.svg") format("svg");
}




/* 首页头部 */
/* .header_box{
    width: 100%;
    height: 100px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100;
}
.header_box .header{
    float: right;
    position: relative;
}
.header ul li{
    float: left;
    padding-right: 30px;
    font-size: 35px;
    font-family: "font2";
    font-weight: bold;
}
.header ul li a{
    color: #989898;
}
.header_box .line{
    position: absolute;
    width: 100%;
    height: 3px;
    margin-top: 23px;
    background: rgb(255, 255, 255);
    z-index: 222;
} */
*{box-sizing: border-box;}
.header_box{width: 100%;margin: 0 auto;position: unset;}
.header{width: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;position: relative;padding: 10px 24px;}
.h_left{display: flex;align-items: center;justify-content: space-between;flex: 1;}
.h_left ul{display: flex;align-items: center;}
.h_left ul li{margin-right: 0;}
.h_left ul li a{font-size: 16px;color: #989898;font-family: "font2";}
.h_logo{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 0;}
.h_logo img{max-width: 100%;height: 35px;}
.f_share{margin-left: 120px;}
.f_share ul{display: flex;align-items: center;justify-content: flex-end;}
.f_share ul li{margin-right: 10px;padding-right: 0;}
.f_share ul li:last-child{margin-right: 2px;}
.f_share ul li a{display: inline-block;font-size: 0;}
.f_share ul li a img{max-width: 100%;width: 20px;}
.header a:hover{
    color: #000000;
    text-decoration: none;
}
.right_ul li{text-align: right;padding-left: 74px;padding-right: 0 !important;margin-right: 0 !important;margin-left:15px;}


#index_pic{
    width: 100%;
    height: 100%;
    display: flex;
    position: fixed;
    align-items: center;
    text-align: center;
}
#index_pic a{
    margin: 0 auto;
    color: #000;
    font-family: "font6";
    text-align: center;
}
/* #index_pic img{
    margin: 0 auto;
    max-width: 960px;
} */
#index_pic h1{
    font-size: 150px;
    font-family: "font4";
}
#index_pic h3{
   
    font-size: 40px;
    font-family: 'font5';
}

.header_box_m{
    width: 100%;
    height: 58px;
    position: fixed;
    top:0;
    right:0;
    background: white;
    z-index: 666;
}
.header_box_m .header_botton{
    float:right;
    margin-top: 17px;
    margin-right: 20px;
    width: 34px;
    height: 34px;
    background: url(../images/index_nav_button_hover.png) no-repeat;
    background-size: 27px;

}
.header_box_m .header_botton:hover{
    background: url(../images/index_nav_button.png) no-repeat;
	background-size:27px;
}
.header_box_m .header_menu{
    width: 100%;
    height: 100%;
    top:0;
    right: 0;
    position: fixed;
    z-index: 200;
    background: white;
}
.header_box_m .header_menu .header_inbanner{
    width: 100%;
    height: 58px;
    margin: 0;
}
.header_box_m .header_menu .header_inbanner .header_inbutton{
    float: right;
    margin-top: 17px;
    margin-right: 20px;
    width: 34px;
    height: 34px;
    background:url(../images/index_nav_button.png) no-repeat;
    background-size:27px;
}
.header_box_m .header_menu .header_inbanner .header_inbutton:hover{
    background: url(../images/index_nav_button_hover.png) no-repeat; 
	background-size:27px;
}
.header_box_m .header_menu ul{
    padding: 0;
    margin: 12px 20px 0 20px;
}
.header_box_m .header_menu ul li h1{
    font-size: 26px;
    text-align: right;
    margin: 0;
    font-family: 'font2';
    padding-top: 22px;
    padding-bottom: 12px;
    /* font-style: italic; */
    font-weight: bold;
}
.header_box_m .header_menu a:hover{
    color: black;
}
.header_box_m .header_logo{
    float: left;
    margin-top: 12px;
    margin-left: 20px;
    height: 34;
}
.header_box_m .header_logo img{
    max-height: 45px;
}
.header_box_m{
    display: none;
}
/* asian 样式开始 */
.header_box_t{
    width: 100%;
    height: 220px;
    position: relative;
    background: rgba(255, 255, 255, 0.85);
    border-bottom: 2px solid #888;
}
.t_img{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.t_img a{
    margin: 0 auto;
    color: #000;
    font-family: "font6";
    text-align: center;
}
/* .t_img img{
    margin: auto;
    max-width: 500px;
} */
.t_img h1{
    font-size: 116px;
    font-family: "font4";
}
.t_img h3{
   
    font-size: 39px;
    font-family: 'font5';
}
.t_share_box .t_share ul li img{
    width: 25px;
    height: 25px;
    margin-bottom: 5px;
}
.header_box_t .t_share_box{
    margin-left: auto;
    margin-right: auto;
    /* width: 80%; */
    right: 20%;
    height: 220px;
    position: absolute;
    /* z-index: -1; */
}
.header_box_t .t_share_box .t_share{
    width: 24px;
    height: 115px;
    float: right;
    margin-top: 58px;
    display: block;
}

.header_box_t2{
    /* width: 1272px; */
    /* height: 100px; */
    margin: 0 auto;
    padding-left: 170px;
    text-align: center;
}
.header_box_t2 .header2{
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.header_box_t2 .header2 ul li{
    float: left;
    padding-right: 40px;
    padding-top: 20px;
    padding-bottom: 40px;
    font-size: 28px;
    font-family: "font2";
    font-weight: bold;
   /* font-style: italic;*/
}
.header2 ul li a{
    color: #989898;
}
.header_box_t2 .line2{
    position: absolute;
    width: 100%;
    height: 3px;
    margin-top: 23px;
    background: rgb(255, 255, 255);
}
.header2 a:hover{
    color: #000000;
    text-decoration: none;
}


.header_box_t_x{
    width: 100%;
    height: 99px;
    z-index: 999;
    position: fixed;
    top:0;
    left: 0px;
    background: rgba(255, 255, 255, 0.85);
    border-bottom: 2px solid #888;
    display: none;
}
.t_x_index1{
    width: 1272px;
    height: 100%;
    margin: auto;
}
.t_x_index1_logo{
    width: 210px;
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    float: left;
    align-items: center;
}
.t_x_index1_logo img{
    margin: auto;
    max-width: 190px;
}
.t_x_index1_list{
    width:1000px;
    height: 100%;
    margin: 0;
    float: right;
    padding: 0;
}
.t_x_index1_list_share{
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 0;
}
.t_x_index1_list_share ul li{
    float: right;
    width: 18px;
    height: 18px;
    padding: 2px;
    margin: 16px 0 0 10px;
}
.t_x_index1_list_share ul li img{
    width: 100%;
    height: 100%;
}
.t_x_index1_list_menu{
    width: 100%;
    height: 40px;
    padding: 0;
    margin-left: 140px;
    margin-top: 16px;
}
.t_x_index1_list_menu ul li{
    height: 100%;
    float: left;
    padding-right: 20px;
    font-size: 25px;
    font-weight: bold;
    /*font-style: italic;*/
}
.t_x_index1_list_menu ul li a{
    font-family: "font2";
    color: #989898;
}
.t_x_index1_list_menu ul li a:hover{
    color: #000000;
}

.main_content{
    width: 85%;
    margin: 20px auto;
    font-family: 'font3';
    display: inherit;
}
.main_content h1{
    font-weight: bold;
    font-size: 45px;
    margin-top: 35px;
    margin-bottom: 40px;
    color: #FFF;
   /* font-style: italic;*/
}
.main_content span{
   /* font-weight: bold;*/
    font-size: 25px;
    margin-top: 35px;
    font-family: 'font4';
    margin-bottom: 40px;
    color: #000;
  /*  font-style: italic;*/
}
.main_content .desc1 p{
        font-size: 100px;
        font-family: 'font4';
        text-align: center;
    }
.main_content i{
    font-size: 25px;
    margin-top: 35px;
    margin-bottom: 40px;
    margin-left: 20px;
    color: #000000;
    font-style: italic;
}
.main_content_pic{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-size: 30px;
    text-align: center;
    margin-left: -12px;
    font-weight:400;
}
.main_content_pic .content_pic{
    width: 24.25%;
    /* margin:0 auto; */
    margin-right: 1%;
    margin-bottom: 30px;
    flex-shrink: 0;
}
.main_content_pic .content_pic:nth-child(4n){ margin-right: 0;}
.main_content_pic .content_pic a{
    color: #888;
    width: 100%;
    display: block;
    text-decoration: none;
    position: relative;
}
.main_content_pic .content_pic a:hover{
    color: #000000;
    text-decoration: none;
}
span.spanteshu{
    font-family: 'font3';
    text-align: center;
}

.content_pic img{
    width: 100%;    
}
.hsuhe{ position:absolute; bottom:0px; left:0; width:100%; display:block; height:0; background:rgba(122 119 111 / 0.7);text-align: center;}
.hsuhe h1{
    font-size: 50px;
    text-align: center;
    font-family: "font2";
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 9%;
}
.hsuhe strong{ font-weight:normal; font-size:21px; color:#fff; display:none;text-align: left;font-family: "font1";}
.content_pic a:hover .hsuhe{ display:flex; transition: all 0.5s ease; height:100%;align-items: center;justify-content: center;}
.content_pic a:hover .hsuhe strong{display:block;font-family: "font1";}
.content_pic span{
    font-family: "font5";
    max-width: 100%;
    font-size: 22px;
    color:#353535;;
    text-align: center;
}
.hsuhe strong .title1{
    float: left;
    width: 41%;
    line-height: 31px;
    text-align: right;
}
.hsuhe strong .dec1{
    float: right;
    width: 52%;
    line-height: 31px;
    text-align: left;
}
/* 底部 */
.foot{
    width: 100%;
    margin: 0 auto;
    border-top: 2px solid #888;
	padding-top: 50px;
}
.foot .foot_logo{
    margin: 0 auto;
    text-align: center;
}
.foot .foot_logo a{
    margin: 0 auto;
    color: #000;
    font-family: "font6";
}
.foot .foot_logo img{
    max-width: 180px;
}
.foot .foot_logo h1{
    font-size: 40px;
    margin-top: 30px;
    font-family: "font4";
    text-align: center;
}
.foot .foot_logo h3{
    font-size: 13px;
    font-family: 'font5';
    margin-bottom: 30px;
    text-align: center;
}
.foot .foot_con{
    text-align: center;
    font-size: 20px;
    color: #000000;
    margin-bottom: 3px;
    font-family: 'font7';
}
.foot .foot_con .s1{
    font-family:'font4';
    font-size:16px;
}
.foot .foot_con .s2{
    font-size:14px;
    color:#91938e;
    font-family: 'font6';
    font-weight:bold;
}
.foot .foot_con .s3{
    font-weight:bold;
    font-size:14px;
    color:#91938e;
    font-family: 'font6';
}
.foot .foot_adress{
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
    color: #888;
}

/* detail */
.bigpic_box{
    width: 100%;
    /* height: 600px; */
    margin: 0 auto;
    /* margin-bottom: 30px; */
    position: relative;
    
}
.bigpic_box .bigpic{
    width: 100%;
    height: 100%;  
    margin: 0 auto; 
    
}
.bigpic_box .bigpic img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.bigpic_box .big_title{
    position: absolute;
    width: 100%;
    margin: 0 auto;
    top: 0;
    left: 0;
    padding-left: 8.5%;
    box-sizing: border-box;
    padding-top: 10.5%;
}
.bigpic_box .big_title .big_name{
    font-size: 43px;
    FONT-FAMILY: 'font5';
    color: white;
    width: 100%;
    display: block;
    margin-top: 12%;
    /* padding-bottom: 6%; */
    /* padding-left: 3.5%; */
    line-height: 1;
}
.bigpic_box .big_title .big_hw{
    font-size: 19px;
    line-height: 31px;
    font-family: 'arial';
    padding-left: 4px;
    margin-top: 2.7%;
    color: #fff;
}
.main_content_pic1{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    align-content: space-between;
}
.main_content_pic1 p{
    padding: 5px 0px;
    width: 49%; margin-right: 2%;
}
.main_content_pic1 p:nth-child(2n){ margin-right: 0;}
.main_content_pic1 p img{
    width: 100%;
}
.main_content_pic1 .photo{
    width: 48%;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    flex-shrink: 0;
}
.main_content_pic1 .photo img{
    width: 100%;
}
.main_content_pic1 .photo_x{
    width: 95.5%;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    flex-shrink: 0;
}
.main_content_pic1 .photo_x img{
    width: 100%;
}
.table{
    width: 100%;
    margin: 50px auto 40px auto;
    padding: 0;
    display: table;
    border-collapse: collapse;
    border-top: 1px solid #333;
}
.table .table_tr{
    display: table-row;
    font-size: 18px;
}
.table_th{
    width: 33%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 12px 0px;
    border-bottom: 1px solid #333;
    background-color: #ccc;
}
.table_th_ts{
    width: 33%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 12px 0px;
    border-bottom: 1px solid #333;
    background-color: white;
}
b{
    font-weight: bold;
    color: black;
}
.table_th a{
    color: #888;
    text-decoration: none;
}
.table_th a:hover{
    color: #333333;
    text-decoration: none;
}
.desc{
    font-size: 25px;
    color: #666;
    font-family: "font6";
}




/* 新增详情 */
.index8box{width: 100%;margin: 0 auto;}
.index8{width: 100%;margin: 0 auto;position: relative;}
.i8_btn{cursor: pointer;position: absolute;right: 105px;top: 15px;z-index: 3;}
.i8_btn img{max-width: 100%;width: 80px;}


.style1{width: 100%;margin: 0 auto;display: none;padding: 0 95px;}
.style1.on{display: block;}
.i8_swiper{width: 100%;margin: 0 auto;overflow: hidden;/*border-top: 1px solid #ddd;*/position: relative;}
.i8_prev,.i8_next{position: absolute;top: 30%;cursor: pointer;font-size: 0;z-index: 2;}
.i8_prev img,.i8_next img{max-width: 100%;width: auto;}
.i8_prev{left: 6%;}
.i8_next{right: 6%;}
.i8_swiper .swiper-slide{background: transparent;}
.i8_swiper .swiper-slide .inner{width: 100%;/*background-color: #f8f8f8;*/}
.i8_swiper .swiper-slide .inner .inner_top{display: flex;flex-wrap: wrap;justify-content: space-between;}
/* .i8_swiper .swiper-slide .inner .inner_top .text{width: 50%;display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;}
.i8_swiper .swiper-slide .inner .inner_top .text h1{font-size: 30px;color: #000;margin-bottom: 20px;max-width: 80%;margin: 0 auto;font-weight: bold;}
.i8_swiper .swiper-slide .inner .inner_top .text h3{font-size: 20px;color: #000;line-height: 50px;max-width: 80%;margin: 0 auto;text-align: center;} */
.tip{position: absolute;bottom: 60px;left: 42%;font-size: 16px;color: #666;font-family: 'font8';}
.tip span{width: 10px;height: 10px;border-radius: 50%;background-color: #000;margin-right: 5px;display: inline-block;}
.i8_swiper .swiper-slide .inner .inner_top .imgbox{width: 100%;height: 100%;font-size: 0;position: relative;display:flex;align-items: center;justify-content: center;}
.i8_swiper .swiper-slide .inner .inner_top .imgbox img{width: 100%;height: 100%;object-fit: cover;}
.download{position: absolute;max-width: 100%;width: auto;left: 60%;bottom: 40px;}
.i8_swiper .swiper-slide .inner .inner_bot{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;background-color: #f9f9f9;padding: 0 20px;padding-top: 50px;padding-bottom: 30px;}
.i8_swiper .swiper-slide .inner .inner_bot p{font-size: 14px;color: #91938e;max-width: 30%;font-family: 'font6';}
.i8_swiper .swiper-slide .inner .inner_bot h3{font-size: 16px;color: #000;font-family: 'font4';}

.style2{width: 100%;margin: 0 auto;display: none;padding: 0 95px;}
.s2_top{margin-bottom: 50px;_padding-top: 20px;}
.s2_top h3{font-size: 30px;color: #000;font-weight: bold;margin-bottom: 20px;}
.s2_top .s2t_list{width: 100%;}
.s2_top .s2t_list ul{display: flex;flex-wrap: wrap;}
.s2_top .s2t_list ul li{width: auto;margin-right: 10px;}
.s2_top .s2t_list ul li h3{font-size: 16px;color: #000;font-weight: bold;margin-bottom: 0;}
.s2_top .s2t_list ul li p{font-size: 16px;color: #000;}
.style2.on{display: block;}
.s2t_list2 ul{display: flex;flex-wrap: wrap;}
.s2t_list2 ul li{width: 24.25%;margin-right: 1%;margin-bottom: 20px;font-size: 0;}
.s2t_list2 ul li:nth-child(4n){margin-right: 0;}
.s2t_list2 ul li img{width: 100%;}




@media (max-width: 1000px){
	.i8_btn {right: 10px;top: 10px;}
	.i8_swiper .swiper-slide .inner .inner_top .text h3 {font-size: 18px;line-height: 24px;}
	.i8_swiper .swiper-slide .inner .inner_top .text .tip {bottom: 10px;right: 10px;}
	.i8_swiper .swiper-slide .inner .inner_top .text {width: 100%;padding: 50px;}
	.i8_swiper .swiper-slide .inner .inner_top .imgbox{width: 100%;}
	.s2_top h3 {font-size: 25px;}
	.s2t_list2 ul li {width: 49%;}
	.s2t_list2 ul li:nth-child(2n){margin-right: 0;}
    .i8_swiper .swiper-slide .inner .inner_top .imgbox img{width: 100%;}
}











@media (max-width: 1800px){
    .hsuhe h1{
        padding-bottom: 9%;
    }
    .hsuhe strong{
        padding-top: 24%;
        font-size: 16px;
    }
    .hsuhe strong .title1{
        line-height: 26px;
    }
    .hsuhe strong .dec1{
        line-height: 26px;
    }
    .bigpic_box{
        width: 100%;
    }
    .bigpic_box .bigpic{
        width: 100%;
    }
    .bigpic_box .bigpic img{
        width: 100%;
    }
}
@media (max-width: 1600px){
    .hsuhe h1{
        padding-bottom: 9%;
    }
    .hsuhe strong{
        padding-top: 24%;
        font-size: 16px;
    }
    .hsuhe strong .title1{
        line-height: 25px;
    }
    .hsuhe strong .dec1{
        line-height: 25px;
    }
    .bigpic_box{
        width: 100%;
    }
    .bigpic_box .bigpic{
        width: 100%;
    }
    .bigpic_box .bigpic img{
        width: 100%;
    }
}
@media (max-width: 1600px){
    .hsuhe h1{
        padding-bottom: 9%;
    }
    .hsuhe strong{
        padding-top: 22%;
        font-size: 16px;
    }
    .hsuhe strong .title1{
        line-height: 24px;
    }
    .hsuhe strong .dec1{
        line-height: 24px;
    }
    .bigpic_box{
        width: 100%;
    }
    .bigpic_box .bigpic{
        width: 100%;
    }
    .bigpic_box .bigpic img{
        width: 100%;
    }
}
@media (max-width: 1400px){
    .wapper{
        width: 100%;
    }
    .hsuhe h1{
        padding-bottom: 10%;
        font-size: 35px;
    }
    .hsuhe strong{
        padding-top: 26%;
        font-size: 15px;
    }
    .hsuhe strong .title1{
        line-height: 22px;
    }
    .hsuhe strong .dec1{
        line-height: 22px;
    }
    .bigpic_box{
        width: 100%;
    }
    .bigpic_box .bigpic{
        width: 100%;
    }
    .bigpic_box .bigpic img{
        width: 100%;
    }
}
@media (max-width: 1300px){
    .wapper{
        width: 100%;
    }
    .hsuhe h1{
        padding-bottom: 8.5%;
        font-size: 30px;
    }
    .header_box_t2 {
    padding-left: 140px;
    }
    .hsuhe strong{
        padding-top: 26%;
        font-size: 11px;
    }
    .hsuhe strong .title1{
        line-height: 20px;
    }
    .hsuhe strong .dec1{
        line-height: 20px;
    }
    .bigpic_box{
        width: 100%;
    }
    .bigpic_box .bigpic{
        width: 100%;
    }
    .bigpic_box .bigpic img{
        width: 100%;
        /* height: 350px; */
        object-fit: contain;
    }
}
@media (max-width: 1000px) {
    .wapper{
        width: 100%;
    }
    #index_pic img {
        margin: auto;
        max-width: 450px;
    }
    .header_box {
        display: none;
    }
    .header_box_t{
        display: none;
    }
    .header_box_t2{
        display: none;
    }
    .header_box_t_x{
        display: none;
    }
    
    .header_box_m {
        display: block;
    }
    .main_content .content_pic{
        width: 50%;
        margin-left: 0;
        margin-right: 0;
        text-align: center;
        margin-bottom: 20px;
    }
    .main_content .content_pic img{
        min-width: 97.5%;
        max-width: 97.5%;
    }
    .main_content_pic1{
        width: 100%;
        margin-left: 0;
    }
    
    .main_content_pic1 .photo{
        width: 48%;
        margin-left: 0;
        margin-right: 2%;
        margin-bottom: 18px;
    }
    .main_content_pic1 .photo img{
        width: 100%;
    }
    .main_content_pic1 .photo_x{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 18px;
    }
    .main_content_pic1 .photo_x img{
        width: 100%;
    }
    .hsuhe h1{
        padding-bottom: 10%;
        font-size: 52px;
    }
    .hsuhe strong{
        padding-top: 25%;
        font-size: 21px;
    }
    .hsuhe strong .title1{
        line-height: 31px;
    }
    .hsuhe strong .dec1{
        line-height: 31px;
    }
    .bigpic_box{
        width: 100%;
    }
    .bigpic_box .bigpic{
        width: 100%;
    }
    .bigpic_box .bigpic img{
        width: 100%;
    }
}

@media (max-width: 850px){

    #index_pic img{
        margin: 0 auto;
        max-width: 340px;
    }
    .bigpic_box .big_title .big_name{
        /* transform: translate(-60%,-50%); */
        font-size: 20px;
        margin-top: 5%;
        margin-bottom: 0;
        margin-left: 0;
    }
    .bigpic_box .big_title .big_name{
        /* transform: translate(-60%,-50%); */
        font-size: 28px;
        margin-bottom: 0;
        margin-left: 0;
    }
    .bigpic_box .big_title .big_hw{
        /* transform: translate(-60%,-50%); */
        font-size: 22px;
        width: 100%;
        margin-left: 0;
    }
    .main_content{
        margin:60px auto 20px auto;
    }
    .hsuhe h1{
    
    padding-bottom: 9%;
    font-size: 40px;
    }
    .hsuhe strong{padding-top: 26%;}
    .hsuhe strong .title1{
        line-height: 27px;
    }
    .hsuhe strong .dec1{
        line-height: 27px;
    }
    .bigpic_box{
        width: 100%;
    }
    .bigpic_box .bigpic{
        width: 100%;
    }
    .bigpic_box .bigpic img{
        width: 100%;
    }
}

@media (max-width: 780px){
    #index_pic img{
        margin: 0 auto;
        max-width: 340px;
    }
    .bigpic_box .big_title .big_name{
        /* transform: translate(-60%,-50%); */
        font-size: 20px;
        margin-top: 5%;
        margin-bottom: 0;
        margin-left: 0;
    }
    .bigpic_box .big_title .big_name{
        /* transform: translate(-60%,-50%); */
        font-size: 28px;
        margin-bottom: 0;
        margin-left: 0;
    }
    .bigpic_box .big_title .big_hw{
        /* transform: translate(-60%,-50%); */
        font-size: 22px;
        width: 100%;
        margin-left: 0;
    }
    .main_content{
        margin:60px auto 20px auto;
    }
    .main_content .desc1 p{
        font-size: 60px;
    }
    .hsuhe h1{
    
    padding-bottom: 8%;
    font-size: 40px;
    }
    .hsuhe strong{padding-top: 25%;font-size: 18px;}
    .hsuhe strong .title1{
        line-height: 25.5px;
    }
    .hsuhe strong .dec1{
        line-height: 25.5px;
    }
    .bigpic_box{
        width: 100%;
    }
    .bigpic_box .bigpic{
        width: 100%;
    }
    .bigpic_box .bigpic img{
        width: 100%;
    }
}
@media (max-width: 700px){
    #index_pic img{
        margin: 0 auto;
        max-width: 340px;
    }
    #index_pic h1{
    font-size: 100px;
    }
    #index_pic h3{
        font-size: 25px;
    }
    .bigpic_box .big_title .big_name{
        /* transform: translate(-60%,-50%); */
        font-size: 28px;
        margin-bottom: 0;
        margin-left: 0;
    }
    .bigpic_box .big_title .big_hw{
        /* transform: translate(-60%,-50%); */
        font-size: 22px;
        width: 100%;
        margin-left: 0;
    }
    .main_content{
        margin:60px auto 20px auto;
    }
    .main_content .desc1 p{
        font-size: 60px;
    }
    .hsuhe h1{
    
    padding-bottom: 8%;font-size: 35px;
    }
    .hsuhe strong{padding-top: 23%;font-size: 14px;}
    .hsuhe strong .title1{
        line-height: 20px;
    }
    .hsuhe strong .dec1{
        line-height: 20px;
    }
    .bigpic_box{
        width: 100%;
    }
    .bigpic_box .bigpic{
        width: 100%;
    }
    .bigpic_box .bigpic img{
        width: 100%;
    }
    .bigpic_box .big_title {
        position: absolute;
        width: 100%;
        margin: 0 auto;
        top: 0;
        left: 0;
        padding-left: 8.5%;
        box-sizing: border-box;
        padding-top: 0.5%;
    }
    .bigpic_box .big_title .big_name{
        /* transform: translate(-60%,-50%); */
        font-size: 20px;
        margin-top: 9%;
        margin-bottom: 0;
        margin-left: 0;
    }
    .bigpic_box .big_title .big_hw{
        /* transform: translate(-60%,-50%); */
        font-size: 13px;
        line-height: 20px;
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 414px){
    #header_box_m #header_logo {
        float: left;
        margin-top: 10px;
        margin-left: 18px;
        height: 28px;
    }
    #index_pic h1{
    font-size: 85px;
    }
    #index_pic h3{
        font-size: 20px;
    }
    .main_content .content_pic{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .main_content .content_pic img{
        min-width: 97.5%;
        max-width: 97.5%;
    }
    .main_content{
        margin:60px auto 20px auto;
    }
    .main_content .desc1 p{
        font-size: 60px;
    }
    .hsuhe h1{
    
    padding-bottom: 10%;font-size: 40px;
    }
    .hsuhe strong{padding-top: 26%;font-size: 16px;}
    .hsuhe strong .title1{
        line-height: 25px;
    }
    .hsuhe strong .dec1{
        line-height: 25px;
    }
    .bigpic_box .big_title {
        position: absolute;
        width: 100%;
        margin: 0 auto;
        top: 0;
        left: 0;
        padding-left: 8.5%;
        box-sizing: border-box;
        padding-top: 0.5%;
    }
    .bigpic_box{
        width: 100%;
    }
    .bigpic_box .bigpic{
        width: 100%;
    }
    .bigpic_box .bigpic img{
        width: 100%;
    }
    .bigpic_box .big_title .big_name{
        /* transform: translate(-60%,-50%); */
        font-size: 20px;
        margin-top: 9%;
        margin-bottom: 0;
        margin-left: 0;
    }
    .bigpic_box .big_title .big_hw{
        /* transform: translate(-60%,-50%); */
        font-size: 13px;
        line-height: 20px;
        width: 100%;
        margin-left: 0;
    }
    .desc{
    font-size: 16px;
    }
    .foot .foot_logo h1{
        font-size: 35px;
        margin-top: 30px;
        font-family: "font4";
        text-align: center;
    }
    .foot .foot_logo h3{
        font-size: 11px;
        font-family: 'font5';
        margin-bottom: 30px;
        text-align: center;
    }
    .foot .foot_con .s1{
        font-family:'font4';
        font-size:12px;
    }
    .foot .foot_con .s2{
        font-size:12px;
        color:#91938e;
        font-family: 'font6';
        font-weight:bold;
    }
    .foot .foot_con .s3{
        font-weight:bold;
        font-size:12px;
        color:#91938e;
        font-family: 'font6';
    }
}