@media (min-width: 769px) {
    .index1 li a:hover .imgss,.index2_cont .lt a:hover .imgss,.index2_cont .rt .rt1 a:hover .imgss{-webkit-transform: scale(0.95);transform: scale(0.95);box-shadow: 0 0.5rem 2rem rgba(0,0,0,0.25);}
    .index1 li a:hover .font22,.index2 ul li a:hover,.index2_cont .rt .rt1:first-child a:hover .font24,.index3 .index3_rt a:hover .font30,.footer_cont ul.lt a:hover{color: #c19a68;}
    .index3 .index3_rt a:hover .font30,.index3 .index3_rt a:hover .font20{transform: translateY(10px);-webkit-transform: translateY(10px);}
    .index3 .index3_rt a:hover img{transform: translateY(-10px);-webkit-transform: translateY(-10px);}
    .video i:hover{transform:rotate(180deg);-webkit-transform:rotate(180deg);}
    .banner a:hover{color: #c19a68;border: 1px solid #c19a68}
    .add:hover{color: #f6791e;transition: background .3s .2s,color .3s;border-color: #fff;}
    .case .add:hover{border-color: #f6791e}
    .add:hover::before,
    .footer_cont ul.lt li:first-child a:hover::before,
    .shopping .rt button:hover::before,
    .cp_ls .rt form .btn:hover::before,
    .banner a:hover::before{transform: translate3d(0,100%,0);transition-delay: 0s;}
    .add:hover::after,
    .footer_cont ul.lt li:first-child a:hover::after,
    .shopping .rt button:hover::after,
    .cp_ls .rt form .btn:hover::after,
    .banner a:hover::after{transform: translate3d(0,100%,0);transition-delay: .175s; }
    .addImgss a:hover,.footer_bom .conts ul a:hover{color: #f6791e;}
    .footer_cont ul.lt li:first-child a:hover{color: #f6791e;}
    header nav li a:hover{border-bottom: 3px solid #000;}

    .search-panel a:hover{text-decoration: underline;color: #000}
    .menu ul li a:hover{text-decoration: underline}
    button.submit:hover::before{transform: translate3d(0,100%,0);transition-delay: 0s;}
    button.submit:hover::after{transform: translate3d(0,100%,0);transition-delay: .175s}
    button.submit:hover{color: #fff;}
    .html_foot .row .col-md-4 a:hover{background: #f6791e;color: #fff}
    .menu .conrs .conrs_l ul li a:hover .imgss div{-webkit-transform: scale(1.1);transform: scale(1.1);}


}
@media (min-width: 1200px){

}
@media (min-width: 1400px) {
    .container{width: 1240px;}
    .menu .conrs .conrs_l ul li .imgss{width: 200px;height: 128px;}
}
@media (min-width: 1600px) {
	.container{width: 1440px;}


}

@media (max-width: 1600px) {
    .index2_cont .rt .rt1:first-child .wenzi{left: -126px}

}
@media (max-width: 1500px){
    .foot .footer_top{padding: 130px 20px 200px}
    .product1 {height: 440px;}
    .product2 {height: 690px;}
    .product3{height: 330px}


}
@media (max-width: 1400px) {
    .index1 li a .imgss{height: 370px}
    .index1_cont{padding: 3% 6% 20%;top: -120px}
    .index2_cont .rt .rt1:first-child .wenzi{left: -115px}
    .footer_cont ul.lt li{padding: 0 20px}
    footer .logo img{height: 110px}
    .footer_cont{padding: 3rem 0 4rem}
    .foot .footer_top{padding: 110px 20px 180px}
    .case .caseList{height: 340px}
    .pay_list label{width: 190px}
    .pay_list label:nth-child(3n + 3){margin-right: 0}
    .index1_cont p{margin: 1rem 0 7rem}


}
@media (max-width: 1332px){
    .foot .footer_top{padding: 90px 20px 160px}

}
@media (max-width: 1314px){

}
@media (max-width: 1200px){
    .banner .logon{height: 100px}
    .index2_cont .lt .imgss{height: 600px;}
    .index2_cont .rt .rt1 .imgss{height: 300px}
    .index2_2{height: 300px;margin-top: -150px;}
    .index2_cont .rt .rt1:first-child .wenzi {left: -97px;height: 70px}
    .index1 {padding-bottom: 6rem;}
    .foot .footer_top{padding: 70px 20px 140px}
    .product1 {height: 340px;}
    .product2 {height: 542px;}
    .product3{height: 256px}
    .products a .cont p{margin: 1rem auto}
    .pay_list label:nth-child(3n + 3){margin-right: 15px}
    .pay_list label:nth-child(2n + 2){margin-right: 0px}
    .footer_cont ul.lt li:first-child a{width: 170px;
    height: 50px;
    line-height: 50px}
    .footer_cont ul.lt li {
    padding: 0 15px;
}
.footer_cont ul.lt li:first-child{top:-15px;}
.footer_cont ul.lt{padding-left: 170px}

}
@media (max-width: 997px){
    .index3_rt_cont
    {height:200px;
         top: -70px;
    }
}
@media (max-width: 992px) {
    .index1 li a .imgss {height: 290px;}
    .index1 li:nth-child(2) {margin-top: 4rem;}
    .index1 li:nth-child(3) {margin-top: 8rem;}
    .index1_cont p{margin: 3rem 0}
    .index1_cont{top: -160px}
    .index2_cont .lt .imgss {height: 450px;}
    .index2_cont .rt .rt1 .imgss{height: 225px}
    .index2_cont .rt .rt1:first-child .wenzi{height: 65px;left: -81px}
    .index2_cont .rt .rt1:first-child .font24{margin: 1rem 0 6px}
    .index2_2{height: 225px;margin-top: -112px}
    .index3_rt_cont .index3_img{height: 290px;}
    footer .logo img {  height: 80px;}
    .footer_cont ul.lt li:first-child a{width: 190px;height: 50px;line-height: 50px}
    .footer_cont ul.lt,.footer_cont ul.rt{width: 100%;float: none}
    .footer_cont ul.lt{padding-left: 201px;margin-top: 1rem;margin-bottom: 1rem}
    footer{padding-top: 4rem}
   
    .footer_bom{padding: 3rem 0}
    .title{margin: 4rem 0 2rem}
    .box70{width: 80%}
    .product1 {height: 270px;}
    .product2 {height: 430px;}
    .product3{height: 200px}
    .products a .cont{width: 40%}
    .add{padding: 7px 25px}
    .product3 .add ,.product2 .add{margin: 1rem auto 1rem;}
    .Shipping .rt{width: 340px}
    .Shipping .lt{width: -webkit-calc(100% - 360px);width: calc(100% - 360px)}
    .pay_list label{width: 170px}
    .pay_list label img{width: 120px}
    .order .lt{width: 200px}
    .order .rt {width: calc(100% - 230px);width: -webkit-calc(100% - 230px);}
    .shopping .lt{width: 100%}
    .shopping .rt{width: 100%}
    .tijao .form-group{width: 100%}
.video video{width: 80%;}
.cp_ls .lt{padding: 20px 3%}

}
@media (max-width: 768px){
    .dept_select{    height: 54px;
        line-height: 54px;
        background-color: #ffffff;
        border: solid 1px #dddddd;
        background: none;
        padding: 0 6px 0 55px;
        box-shadow: none;
        border-radius: 0;}
}
@media (max-width: 767px){
    .banner .logon{height: 66px}
    .index1 li{width: 100%;float: none}
    .index1 li:nth-child(2){margin-top: 15px}
    .index1 li:nth-child(3){margin-top: 15px}
    .index1_cont{position: initial;width: 100%;padding: 6%;margin-top: 15px;margin-bottom: 20px;}
    .index1 {padding-bottom: 4rem;}
    .index1{background-size: contain !important;}
    .index2 ul{position: initial;width: 100%;text-align: center;margin-top: 0;margin-bottom: 20px}
    .index2 ul li{display: inline-block;padding: 0 10px}
    .index2_cont{padding-left: 0}
    .index2_cont .lt,.index2_cont .rt{width: 100%;float: none}
    .index3 .index3_rt{width: 90%}
    .index3 .index3_rt .font20{margin-bottom: 5px}
    .index3 .index3_rt .font30{margin-bottom: 5px;}
    .index3 .index3_rt a{top: -15px;left: 10px}
    .index3 .index3_lt{width: 10%}
    .index3_rt_cont{width: 70%;top: -56px;}
    .index3_rt_cont .index3_img{height: 190px}
    footer {padding-top: 7rem;}
    footer .logo{text-align: center }
    .footer_cont ul.lt{padding-left: 0}
    .footer_cont ul.lt li a{height: 33px; line-height: 33px;}
    .footer_cont ul.lt{text-align: center;}
    .footer_cont ul.lt li{display: inline-block;float: none}
    .footer_cont ul.lt li:first-child{position: initial;margin-bottom: 10px;margin-top: 15px;width: 100%;text-align: center}
    .footer_cont ul.lt li:nth-of-type(2){width: auto;margin-bottom: 0;display: inline-block}
    .footer_cont ul.rt{text-align: center}
    .footer_cont ul.rt li img{height: 90px;}
    .footer_cont {padding: 2rem 0 3rem;}
    .footer_bom {padding: 2rem 0;}
    .index2 ul li{margin-top: 0}
    .index2_cont .lt .imgss{height: 400px}
    .index2_cont .rt .rt1{float: none;width: 100%;}
    .index2_cont .rt .rt3{margin-left: 0}
    .index2_cont .rt .rt1:first-child .wenzi{left: -80px;z-index: 1;}
    .index2 .index2_1{width: 100%}
    .index2{padding-bottom: 2rem}
    .index3 {margin-top: 6rem;}
    .footer_cont ul.lt li:first-child a{width: 170px;height: 40px;line-height: 40px;letter-spacing: 1px;font-size: 16px}
    .footer_cont ul.lt a{font-size: 16px;}
    footer .logo img {height: 60px}
    .banner a{padding: 5px 25px;font-size: 14px;}
    .ico{left: 0;margin-left: 0;top: 6px;width: 25px}
    header .navbar-right{right: 0;top: 0}
    header .box90{width: 93%}
    .about1 .lt,.about1 .rt{width: 100%;}
    .about1 .rt .cont:first-child {margin-bottom: 1rem;margin-top: 1.2rem}
    .about1{padding:0;}
    .swiper2 {padding-bottom: 0rem;}
    .about1 .lt{padding: 0 15%}
    .about .cont{width: auto}
    .about img{height: 46px;}
    .about p{margin-bottom: 10px}
    .add{padding: 8px 20px;margin-top: 1rem}
    .about1 .rt .cont .font36{margin-bottom: 5px;margin-top: 10px}
    .about1 .swiper-button-prev{left: 5px}
    .about1 .swiper-button-next{right: 5px}
    .footer_bom .conts .font18 a{margin-bottom: 1rem;}
    .footer_bom .conts ul a{margin-bottom: 4px;}
    .foot .footer_top{padding: 0px 20px 80px}
    .footer_bom .fa_bm{padding: 1.5rem 0;margin-top: 2rem;text-align: center}
    header nav li:first-child a{margin-left: 0}
    header nav li:last-child a{margin-right: 0}
    header nav li a{margin: 0 10px}
    .add{margin-bottom: 3rem}
    .case .caseList{height: 350px}
    .logo img{height: 40px !important}
    header nav{margin-top: 0}
    .erjiHtml,.about{margin-top: 118px}
    .footer_bom .fa_bm .bdsharebuttonbox{position: initial;margin-top: 5px}
    .footer_bom .fa_bm .bdsharebuttonbox a{float: none;margin-bottom: 0}
    .title{margin: 3rem 0 2rem}
    .box70{width: 100%}
    .casedetails .cont .img img{margin: 10px 0}
    .casedetails .swiper-container{width: calc(100% - 50px);width: -webkit-calc(100% - 50px);}
    .casedetails .cont .font30 {margin: 2rem auto 0rem;}
    .casedetails .swiper-button-next{right: 0}
    .casedetails .swiper-button-prev{left: 0}
    .cp_ls{display: block}
    .cp_ls .rt{width: 100%}
    .cp_ls .rt form .qian{margin: 1rem 0}
    .introduce {margin-top: 3rem;margin-bottom: 1rem;}
    .html_foot .row .col-md-4{margin-bottom: 2rem}
    .html_foot .row .col-md-4:last-child{margin-bottom: 0}
    .introduce .font30{margin-bottom: 0}
    .page-top .fv{height: 60vh}
    .banner .xia{margin-top: 2rem}
    .banner img:nth-of-type(1){margin-bottom: 2rem}
    .index_head .box90 .wid100{height: 60px;line-height: 60px}
    .index_head .box90 .wid100 .ico{top: 20px}
    .fa-search_cont_w{width: 100%}
    .fa-searchs .fa-close{right: 0}
    .fa-searchs_bg{display: none}
    .fa-searchs{height: calc(100vh - 60px);height: -webkit-calc(100vh - 60px);}
    header .navbar-right img{margin-left: 10px;height: 18px}
    .login_men_cont{width: 90%;margin-top: 100px}
    .Shipping .rt,.Shipping .lt{width: 100%}
    .Shipping .lt{margin-bottom: 3rem}
    .pay_list label:nth-child(3n + 3){margin-right: 15px}
    .pay_list label:nth-child(2n + 2){margin-right: 15px}
    .pay_list label{width: 150px}
    .pay_list label img{width: 90px}
    .Shipping .Shopping_bags li {padding: 2rem 0px;}
    .order .lt{width: 100%}
    .order .rt {width:100%;margin-top: 4rem}
    .Shopping_bags ul li img {height: 60px;}
    .Shopping_bags ul li{width: 100%;display: inline-block;overflow: hidden;padding: 1rem 5px;}
    .Shopping_bags ul li .ls{width: 100%;margin-bottom: 1rem}
    .total ul{margin: 1rem 0 2rem}
    .Shipping .tijao .font20 {padding: 10px 0 }
    .Shipping .tijao .xian {margin: 2rem 0 1rem;}
    .Shipping .Shopping_bags .ls-js{margin-top: 5px;margin-left: 20px}
    .Shipping .Shopping_bags ul li .money{margin-top: 0}
    .Shopping_bags ul li .ls-ct,.Shipping .Shopping_bags .ls-js{display: inline-block}
    .Shipping .Shopping_bags li{text-align: center}
    .case .caseList{height: auto}
    .case .caseList .cont,.case .caseList .imgss{width: 100%}
    .case .caseList .imgss{height: 300px}
    .case .caseList .cont{height: auto;padding: 2rem 20px}
    .case .caseList .cont:before{display: none}
    .footer_cont ul.lt li:nth-of-type(6){display: inline-block;width: auto;margin-top: 0}
    .about .dianji img{height: auto}
    .menu .conrs .conrs_l ul li .imgss{display: none}
    .menu .conrs .conrs_l{display: block;width: 100%}
    .menu .conrs:before{display: none}
    .menu .conrs .conrs_l .conrs_l_ct{position: initial;height: auto;}
    .menu .conrs .conrs_l ul{position:initial;padding: 0px 0 10px}
    .menu .conrs{height: auto}
    .menu .conrs .conrs_l ul li .font12{display: none}
    .menu .text-center a img{height: 50px}

    .sousuo1 li .left img{width: 120px}
    .sousuo1 li .cont{margin-top: 1rem;margin-left: 5px}
    .foot_search p{width: 100%;text-align: center}
    .foot_search .bdsharebuttonbox{float: none;text-align: center}
    .foot_search .bdsharebuttonbox a{
        float: none;
    }
    .footer_bom .conts{display: block;margin-bottom: 0;    overflow: hidden;}
    .foot{position: relative;}
    .erjiHtml{margin-bottom: 0 !important}
    .foot .footer_top{display: none;}
    footer {
    padding-top: 3rem;
}
.index3_rt_cont {
    height: 169px;
}
.footer_list{margin-top: 15px;    width: 50%;
    float: left;text-align: center;    height: 105px;}
.erjiHtml .container{width: 100%;}
.index2_cont .rt .rt1:first-child .wenzi{left: 0}
.index2_cont .rt .rt2{margin-bottom: 10px;}
.index2_2{width: 100%;}
.case .caseList{height: auto !important;}
.video video{width: 90%;}
.erjiHtml .casedetails video{width: 100% !important;height: auto !important; }
 .fv__img .BoxCell .logon{display:block }
  .fv .imgs{display:none;}
  .about{background:none !important;}
.abouti{display:block;width:100%  !important;height:auto  !important;margin-bottom:0  !important}
.customerCare .lt,.customerCare .rt{width:100%;}
.customerCare .lt
{
    margin-bottom:20px;
}
@media (max-width: 730px){
.fnb_is-parent h1{font-size:20px;}
.horizontal_banner_12col .fnb_left-middle{width:100%;float:none;}

}
@media (max-width: 680px){


}
@media (max-width:600px){
    .product1 {height: 270px;}
    .product2 {height: 430px;width: 100%;margin-right: 0}
    .product3{height: 210px;width: 100%}
    .product4{margin-left: 0}
    .products a .cont{width: 100%;margin-left: 0}
    .register_cont,.tijao .form-group{width: 100%}
    .product1 .BoxTable .BoxCell{
    text-align: center;
    z-index: 4;
    color: #fff}
    .product1 a .cont p{margin: 0 auto}
    .product1 .add{margin: 1rem 0 0;}
}
@media (max-width:550px){
    .case .caseList{height: 310px}
}
@media (max-width: 460px){
    .case .caseList{height: 280px}
    .page-top .fv{height: 75vh}
}
@media (max-width: 440px){

}
@media (max-width: 360px){
    .menu ul li a{margin: 0 5px}


}