@charset "utf-8";
.menu{
   display: none;
}
.menu-icon2{
   z-index: 99999;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 40px;
    cursor: pointer;
    right: 10px;
    transition-timing-function: swing;
    -webkit-transition-duration: 0.66s;
    transition-duration: 0.66s;
    -webkit-transition-timing-function: swing;
}
.menu-icon2:before{
   position: absolute;
    width: 0px;
    height: 0px;
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    transition-timing-function: swing;
    -webkit-transition-duration: 0.66s;
    transition-duration: 0.66s;
    -webkit-transition-timing-function: swing;
    -ms-transform: translateX(-50%) translateY(-50%);
}
.menu-open .menu-icon2:before{
   background-color: #000;
    width: 10000%;
    height: 10000%;
    opacity:0.8;
}
.menu-icon2 .icon{
   position: absolute;
    background-color: #4771a0;
    width: 30px;
    height: 4px;
    top: 18px;
    left: 5px;
    border-radius: 2px;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    transiting-timing-function: swing;
}
.menu-open .icon{
   width: 0px;
}
.menu-icon2 .icon:before{
   top: -9px;
}
.menu-icon2 .icon:after{
   top: 9px;
}
.menu-icon2 .icon:before{
   position: absolute;
    background-color: #4771a0;
    width: 30px;
    height: 4px;
    content: "";
    left: 0px;
    border-radius: 2px;
    transition-timing-function: swing;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: swing;
}
.menu-icon2 .icon:after{
   position: absolute;
    background-color: #4771a0;
    width: 30px;
    height: 4px;
    content: "";
    left: 0px;
    border-radius: 2px;
    transition-timing-function: swing;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: swing;
}
.menu-open .icon:before{
   -webkit-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg);
    -ms-transform: translateY(9px) rotate(45deg);
}
.menu-open .icon:after{
   -webkit-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg);
    -ms-transform: translateY(-9px) rotate(-45deg);
}
@media(max-width: 1440px){
.gywm H5{
font-size:36px;

}
#box_root_sub2_sub1_sub1{
width:96%;
margin-left:2%;
margin-right:2%;

}
.FrontNews_detail01-d1_c1{
width:98%;
}
#box_root_sub2_sub1_sub2{
width:96%;
margin-left:2%;
margin-right:2%;
}
.FrontNews_list01-d2_c1_01 .content .main{
width:60%;
}

.gywm{
padding-top:5%;
}
.gywm SPAN{
font-size:16px;
}
.gywm p{
line-height:24px;
font-size:12px;
padding-top:10px;
}
#box_root_sub6_sub1_sub2{
width:32%;
}
#box_root_sub6_sub1_sub1{
width:65%;
margin-left:1.5%;
}
.gywm A{
width:120px;
line-height:40px;
height:40px;
text-align:center;
font-size:14px;
}
.dibu SPAN{
font-size:20px;
}
.dibu A{
font-size:14px;
}
.dibu p{
font-size:14px;
}
.flw H5{
font-size:20px;
}
.flw{
padding-top:45px;
padding-bottom:0px;
}
}
@media(max-width: 1024px){
.FrontProducts_list01-d1_c1 .content{
width:32%;
margin-bottom:10px;
}
.menu{
display:block;
}
.FrontColumns_navigation01-d2_c1 UL.nav-first LI{
border:none !important;
}
#box_root_sub1_sub1_sub1_sub2{
display:none;
}
.menu-open #box_root_sub1_sub1_sub1_sub2{
display:block;
z-index:999999999;
width:100%;
position:absolute;
top:100%;
}
.FrontColumns_navigation01-d2_c1 .ddsubmenustyle{
display:none;
}
.FrontColumns_navigation01-d2_c1 .mattblackmenu LI{
width:96%;
text-align:center;
}
.FrontColumns_navigation01-d2_c1 UL.nav-first LI A{
display:block;
width:100%;
color:#fff;
line-height:47px;
transition:1s;
}
#box_root_sub1_sub1_sub1_sub3{
float:left;
margin-left:10px;
}
#box_root_sub1_sub1_sub1_sub4{
float:left;
}
#box_root_sub1_sub1_sub1_sub1{
MARGIN-RIGHT:25%;
}
.FrontColumns_navigation01-d2_c1 UL.nav-first LI A{
padding-left:15px;
padding-right:15px;
}
.td LI{
width:48%;
margin:0px 1%;
}
.FrontProducts_list01-d3_c1_01 .content{
width:45%;
}
.FrontProducts_list01-d6_c1 .content{
width:45%;
}
#box_root_sub3{
background:none;
}


.dakuai LI{
width:32%;
margin-bottom:10px;
}
#FrontNews_list01-1488799681837 .content .pic{
width:45%;
}
#FrontNews_list01-1488799681837 .content .main{
width:50%;}
}

@media(max-width: 768px){
.FrontProducts_list01-d1_c1 .content{
width:49%;
margin-bottom:10px;

}

#box_root_sub2_sub1_sub2{
display:none;
}
#box_root_sub1_sub2{
display:none;
}
#box_sss{
display:block;
}
#box_root_sub1_sub3{
display:block;
}
.gywm H5{
font-size:24px;
}
.FrontNews_search01-d2_c1_01 .input-gray{
border-bottom: medium none;
    position: absolute;
    border-left: medium none;
    line-height: 35px;
    width: 120px;
    height: 35px;
    color: gray;
    border-top: medium none;
    top: 70px;
    border-right: medium none;
}
#FrontSpecifies_show01-1488183485510 img{
width:100px;
height:36px;
}
.menu-icon2{
    z-index: 99999;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 14px;
    cursor: pointer;
    right: 10px;
    transition-timing-function: swing;
    -webkit-transition-duration: 0.66s;
    transition-duration: 0.66s;
}
#box_root_sub1_sub1_sub1_sub4{
margin-top:10px;
}
#box_root_sub1_sub1_sub1{
padding-top:10px;}
#box_root_sub1_sub1_sub1_sub3{
margin-top:10px;
}
#box_root_sub3{
display:none;
}
#box_root_sub4{
display:block;
}

#box_root_sub1_sub1_sub1_sub1{
margin-right:15%;
}
.td LI{
width:98%;
margin-left:1%;
margin-right:1%;
}
.FrontNews_list01-d2_c1_01 .content .pic A{
width:100%;
}

#FrontNews_list01-1488791875891 .content{
width:96%;
margin-left:1%;
margin-right:1%;
}
.FrontProducts_list01-d6_c1 .content{
width:96%;
margin-left:1%;
margin-right:1%;
}
#FrontNews_list01-1488799681837 .content .pic{
width:100%;
padding-bottom:20px;
}
.FrontNews_list01-d2_c1_01 .newstitle LI H3 A{
font-size:20px;
line-height:40px;
}
#FrontNews_list01-1488799681837 .content .main{
width:100%;
}
.FrontNews_list01-d2_c1_01 .content .pic{
width:100%;
}
.FrontNews_list01-d2_c1_01 .content .main{
width:100%;
}
#FrontNews_list01-1488799681837 .newstitle LI H3{
padding-bottom:15px;
}


#box_root_sub5_sub1_sub1{
width:100%;
}
#box_root_sub5_sub1_sub2{
width:100%;
}
.dakuai LI{
width:49%;
margin-bottom:10px;

}
.gywm{
padding-left:2%;
padding-right:2%;
}
.gywm{
padding-bottom:3%;
}
#box_root_sub1_sub1_sub1_sub4{
float:left;
padding-right:10px;
}
#box_root_sub1_sub1_sub1_sub3{
float:left;
margin-left:0px;
}
#box_root_sub6_sub1_sub1{
width:96%;
margin-left:2%;
margin-right:2%;
}
#box_root_sub6_sub1_sub2{
width:96%;
margin-left:2%;
margin-right:2%;
}
.dibu LI{
display:block;
width:100%;
margin-top:20px;
}
#FrontSpecifies_show01-1488242944876 P{
line-height:30px;
}
.nu{
text-align: left;
    width: 96%;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
}

@media(max-width: 640px){

.FrontProducts_list01-d1_c1 .content{
width:96%;
margin-left:2%;
margin-right:2%;
}
.youx{
display:none;
}
#FrontNews_list01-1488791875891 .content .pic{
width:100%;
}
.FrontProducts_list01-d3_c1_01 .content{
width:95%;
}
#FrontNews_list01-1488799681837 .content{
width:100%;
margin:0px;
}
#box_root_sub6_sub1_sub1{
width:96%;
margin-left:2%;
margin-right:2%;
}
.lx{
margin-top:10px;
width:96%;
margin-left:2%;
margin-right:2%;
}
.FrontProducts_list01-d1_c1 .pic-module .pic A{
width:100%;
}
.FrontNews_list01-d2_c2 .newstitle LI H3{
padding-bottom:15px;
padding-top:20px;
}
.FrontNews_list01-d2_c2 .newstitle LI H3 A{
font-size:20px;
}
.FrontNews_list01-d2_c2 .content .pic{
width:100%;
}
.FrontNews_list01-d2_c2 .content .pic A{
width:100%;
}
.FrontNews_list01-d2_c2 .content .main{
width:100%;
}
#box_root_sub6_sub1_sub2{
width:96%;
margin-left:2%;
margin-right:2%;
}
.dibu LI{
display:block;
width:100%;
margin-top:20px;
}
.dibu{
padding-top:20px;
}
.dakuai LI{
width:98%;
margin-left:1%;
margin-right:1%;
}
}