@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#4e4e4e; background:url(../images/bg.jpg);}
ul,li{ margin:0; padding:0; list-style:none;}
a{ text-decoration:none; color:#4e4e4e;}
a:hover{}
.clear{ clear:both;}
img{border:none;}

.ind_top_out{position: relative;width:100%; height:104px; border-bottom:7px solid #2e2c34; background:url(../images/home_01.jpg) no-repeat center;background-size: cover;z-index: 999;}
.ind_top{max-width:1200px; height:104px; margin:0 auto;display: flex;align-items: center;justify-content: center;}
.logo{ width:150px; position: absolute;left: 100px;}
.logo img{width: 100%;}
.ind_top_r{ width:733px; float:right;}
.ind_top_r_fx{ height:24px; float:right; margin-top:22px;}
.ind_nav{ height:45px; margin-top:0px;}
p span{
    white-space: normal;
    word-wrap: break-word;
}

#nav { font-weight:bold;} 
#nav>li {float: left; text-align:center;}
#nav>li.active>h2 a{color: #f96400;position: relative;}
#nav>li.active>h2 a::after{
    content: "";
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #f96400;
}
#nav li H2{font-size:14px;font-weight:normal;margin: 0;}
#nav li a{position: relative;color:#ffffff; text-align:center;line-height:60px; font-size:16px; display:inline-block;margin: 0 16px;font-weight: 500;;} 
#nav li a:hover {text-decoration: none;color: #ff6407;}
#nav li .nav2 {display: none;;background:#4d4d4d;position: absolute; left: 50%;width:1170px; z-index:1000;justify-content: space-between;padding: 68px 100px 80px;transform: translateX(-50%);flex-direction: column;}
#nav li .nav2 .le{width: 70%;border-right: 1px solid #ffffff;}
#nav li .nav2 .le .item{max-width: 300px;margin: 0 auto;text-align: left;}
#nav li .nav2 .le .item dl{margin: 0;}
#nav li .nav2 .le .item .ite2 a{position: relative;text-align: left;width: 80%;}
#nav li .nav2 .le .item .ite2 em{position: relative;float: right;width: 20px;height: 20px;cursor: pointer;}
#nav li .nav2 .le .item .ite2 em::before{
    content: "";
    position: absolute;
    right: 0px;
    top: 28px;
    width: 100%;
    width: 12px;
    height: 2px;
    background: #ffffff;
    transition: 284ms ease-in-out;
    transition: all 0.5s ease-out 0s;
}
#nav li .nav2 .le .item .ite2 em::after{
    content: "";
    position: absolute;
    right: 5px;
    top: 23px;
    width: 100%;
    width: 2px;
    height: 12px;
    background: #fff;
    transition: 284ms ease-in-out;
    transition: all 0.5s ease-out 0s;
}
#nav li .nav2 .le .item.on .ite2 em::before {top: 27px;}
#nav li .nav2 .le .item.on .ite2 em::after{transform: rotate(90deg);top: 22px;}
#nav li .nav2 .le .item dt{display: none;}
#nav li .nav2 .ri{width: 30%;padding-left: 40px;}
#nav li .nav2 .ri li a{display: block;text-align: left;}

#nav li .nav2 .top{
    display: flex; /* 子元素也是 Flex 容器 */
    flex-direction: row; /* 水平排列（默认值） */
    align-items: flex-start; /* 关键：子元素垂直方向顶部对齐 */
    flex-wrap: wrap;
}
/* #nav li .nav2 .top .item{width: 11.5%;margin: 0 0.5% auto;text-align: left;display: inline-block;} */
#nav li .nav2 .top .item{
    flex-basis: 18%; /* 100% / 5 = 20%，减去2%的左右margin */
  max-width: 18%;
  margin: 1%; /* 每个项目的边距，包括左右和上下 */
  box-sizing: border-box; /* 确保padding和border不增加项目实际宽度 */
  margin-bottom: 20px;
}
#nav li .nav2 .top .item .ite2{text-align: center;height: 160px;}
#nav li .nav2 .top .item .ite2 a{position: relative;text-align: center;width: 100%;line-height: 40px; margin: 0 auto;}
#nav li .nav2 .top .item .ite2 a img{width: 60%;height: 70px;}
#nav li .nav2 .top .item .ite2 em{position: relative;width: 20px;height: 20px;cursor: pointer; margin: 0 auto; display: block;}
#nav li .nav2 .top .item .ite2 em::before{
    content: "";
    position: absolute;
    right: 0px;
    top: 10px;
    width: 12px;
    height: 2px;
    background: #ffffff;
    transition: 284ms ease-in-out;
    transition: all 0.5s ease-out 0s;
}
#nav li .nav2 .top .item .ite2 em::after{
    content: "";
    position: absolute;
    right: 5px;
    top: 5px;
    width: 100%;
    width: 2px;
    height: 12px;
    background: #fff;
    transition: 284ms ease-in-out;
    transition: all 0.5s ease-out 0s;
}
#nav li .nav2 .top .item.on .ite2 em::before {top: 15px;}
#nav li .nav2 .top .item.on .ite2 em::after{transform: rotate(90deg);top: 10px;}
#nav li .nav2 .top .item dt{display: none;background-color: #666666; width: 93%; margin: 0 auto; padding: 18px 0 25px;}
#nav li .nav2 .top .item dl{margin: 20px 0;text-align: center;}
#nav li .nav2 .top .item dt dl a img{width: 63%; margin-bottom: 5px;}
#nav li .nav2 .bot{height: 10px;padding-top: 40px;}
#nav li .nav2 .bot li{display: inline-block;text-align: center; }
#nav li .nav2 .bot li a{display: block;text-align: center; line-height: 20px; font-size: 14px;}
#nav li .nav2 .bot li:first-child{border-right: 1px solid #fff; padding-right: 18px; }
#nav li .nav2 .bot li:last-child{padding-left: 11px;}

#nav li dt{
    /*padding-left: 40px;*/
}
#nav li dt dl a{
    font-size: 14px;
    line-height: 26px;
}
#nav li .nav2 .top .item dt dl a{
    width: 90%;
    margin: 0 auto;
    word-break: break-word;
    text-align: center;
}

#nav li .nav1 {display: none;background:#4d4d4d;position: absolute; left: 50%;transform: translateX(-50%);width:1170px; z-index:1000;justify-content: space-between;padding: 20px 0;justify-content: center;}
#nav li .nav1 dl{
    display: inline-block;
    border-right: 1px solid #fff;
    margin: 15px 0;
}
#nav li .nav1 dl:last-child{
    border-right: unset;
}
#nav li .nav1 dl a{
    line-height: 14px;
}



/* #nav li ul li{ width:150px; text-align:center;font-weight:bold; } */
#nav li ul li a { text-align:center;line-height:25px; padding:0;}
#nav li ul li a:hover {font-weight:normal;}
#nav li:hover ul {}
#nav li.sfhover ul {left: auto;}
#nav li.sfhover a{opacity:0.60;filter:alpha(opacity=60);}





.banner{ width:100%; 
/* height:490px; */
position: relative;
}
.ind_main{ width:auto; margin:0 auto;}
.ind_main .ind_tit{ height:15px; line-height:16px; margin:24px 0 0 28px; font-size:14px; font-weight:bold; color:#f8bc2e;}
.ind_news{ width:298px; height:157px; background:url(../images/home_13.jpg); float:left;}
.ind_news_con{ width:263px; margin:15px auto 0; color:#FFFFFF; line-height:120%; font-size:10px;}
.ind_pro{ width:298px; height:157px; background:url(../images/home_15.jpg); float:left; margin:0 5px;}
.ind_pro_con{ width:298px; margin:15px auto 0;}
/*.ind_pro_con #r_l{ float:left; margin:13px 0 0 7px;}
.ind_pro_con #r_r{ float:left; margin:13px 0 0 3px;}
.ind_pro_con #MarqueeDiv td{ padding:0 6px;}*/
.rollBox{width:224px;height:62px;position:relative;margin:0 auto;}
.rollBox #pic_box{width:224px;height:62px; position:absolute; left:0px; top:0px; overflow:hidden;}
.rollBox .pic_item{ width:112px; height:62px; float:left;}
.rollBox .page_on_left { position:absolute; left:-30px; top:20px;text-align: center;cursor: pointer; z-index:1000;}
.rollBox .page_on_right {position:absolute; right:-30px; top:20px;text-align: center;cursor: pointer; z-index:1000;}

.ind_cert{ width:213px; height:157px; float:left; background:url(../images/home_17.jpg);}
.ind_globe{ width:217px; height:157px; float:right; background:url(../images/home_19.jpg);}
.ind_foot_out{ width:100%; height:auto;padding: 30px 0; background:url(../images/home_18.jpg) no-repeat center;background-size: cover;}
.ind_foot{ max-width:1041px; margin:0 auto;}
.foot_ewm{ width:84px; float:left;}
.foot_copy{ float:right; }



.top_ny{ width:100%; height:151px; background:#2f2a2b url(../images/top_ny_bg.jpg) no-repeat center;}
.nav_ny{ width:1013px; height:74px; margin:0 auto; background:url(../images/nav_ny_bgg.jpg) no-repeat center top;}
.nav_ny ul{ width:720px; margin:0 auto;}
.nav_ny ul li{ margin:15px 0 0; height:25px; line-height:25px; float:left;}
.nav_ny ul li a{ margin:0 18px; font-size:14px; color:#3d3a3a;}
.nav_ny ul li a:hover{ color:#cb5604;}
.nav_ny ul li ul{ position:absolute; left:-999em; z-index:1000; width:150px;}
#nav_ny li ul {background:#d0d0d0;left: -999em;position: absolute; width:150px; z-index:1000; margin-left:-10px; margin-top:-3px;}
#nav_ny li ul li{ width:150px; text-align:center; margin:0px; float:none;}
#nav_ny li ul li a { text-align:center;line-height:25px; padding:0; margin:0;}
#nav_ny li ul li a:hover {color:#FFF;text-decoration:underline;font-weight:normal;}
#nav_ny li:hover ul {left: auto;}
#nav_ny li.sfhover ul {left: auto;}
/*#nav_ny li.sfhover a{opacity:0.60;filter:alpha(opacity=60);}*/

.main_ny{ }
.main_ny_l{ width:804px; float:left;}
.main_ny_l_t{ width:804px; height:40px; background:url(../images/main_10.jpg);}
.main_ny_l_t .lj{ float:left; color:#000; margin:17px 0 0 33px;}
.main_ny_l_t div{ float:right; margin:15px 0px 0 0; font-weight:bold;}
.main_ny_l_t div a{ margin-right:10px;}
.main_ny_c{ width:804px; _height:550px; min-height:550px; background:url(../images/main_13.jpg) repeat-y; padding-bottom:20px;}
.main_ny_c_t{ width:773px; margin:0 auto; border-bottom:1px dotted #8b8b8b;}
.main_ny_c_t_l{ width:200px; float:left;}
.search{ width:auto;}
.search_inp{ width:365px; height:30px; color:#cdcdcd; float:left; border:1px solid #000; border-right:none;border-radius: 3px;padding-left: 10px;}
.search_btm{ width:38px; height:30px; float:left; border:0;background:url(../images/a3-b.png)  no-repeat center; cursor:pointer; border:1px solid #000;background-size: 30px;margin-left: 10px;}
.ask{ margin:2px 0 0 28px; line-height:26px;}
.ask svg{vertical-align: middle;}
.main_ny_c_con{ width:730px; margin:10px auto 0; line-height:150%; color:#4e4e4e;}
.main_ny_b{ width:804px; height:10px; background:url(../images/main_15.jpg);}
.main_ny_c_con ul { width:730px;}
.main_ny_c_con ul li{ width:730px;  margin-top:27px;}
.main_ny_c_con ul li .zt{ width:281px; float:left;}
.main_ny_c_con ul li .ycon{ width:425px; float:right;}
.ycon_title{ width:425px; margin:0 auto; height:20px;  font-size:16px; font-weight:bold; color:#212121;}


.main_ny_r{ width:204px; float:right;}
.main_ny_r1{ width:204px; _height:182px;padding-top:10px; margin-top:21px; min-height:153px; background:url(../images/pro_list.jpg) repeat-y;}
.main_ny_r1 ul{ width:160px; margin:0 auto; }
.main_ny_r1 ul li{ width:160px; font-size:12px; font-weight:bold; color:#fdfdfb; margin-bottom:10px}
.main_ny_r1 ul li a{ color:#fdfdfb;}
.main_ny_r1 ul li a:hover{ text-decoration:underline;}
.main_ny_r1 ul li ul{ width:150px; margin-left:10px;}
.main_ny_r1 ul li ul li{ line-height:24px; margin-bottom:0;}

.main_ny_r .dl1 dt,.main_ny_r .dl dd { background:none; padding-left:5px;font-size:12px; font-weight:bold; color:#fdfdfb; margin-bottom:5px}
.main_ny_r .dl1 dt a:hover,.main_ny_r .dl1 dd a:hover{ background:none;}

.main_ny_r2{ width:204px; min-height:245px;_height:245px; padding-top:5px; background:url(../images/main_18.jpg) no-repeat; margin-top:7px;}
.main_ny_r2 ul li{ width:160px; font-size:12px; font-weight:bold; color:#fdfdfb; margin-bottom:10px;}
.main_ny_r2 ul{ width:160px;}
.main_ny_r3{ width:204px; min-height:182px; _height:182px; padding-top:12px;margin-top:21px;}
.main_ny_r3_t{ font-size:14px; font-weight:bold; color:#fefcfc; width:160px; margin:0px auto;}
.main_ny_r3 ul{ width:145px; margin:10px auto;}
.main_ny_r3 ul li{ width:145px; margin-bottom:10px;height:24px; }


.main_ny_r3 ul li .z{color:#FFF; width:24px; height:24px; line-height:24px; float:left;}
.main_ny_r3 ul li .y{color:#FFF; width:116px; height:24px; line-height:24px; float:right;}
.main_ny_r3 ul li .y a{ color:#FFF;}

.bottom{ width:100%; height:45px; background:url(../images/main_28.png) repeat-x;}
.bottom_con{ width:1014px; margin:0 auto;}
.bottom_con_l{ width:160px; color:#736e6e; float:left; font-size:14px; line-height:30px; margin:15px 0 0 5px;}
.bottom_con_l img{ margin:8px 0 0 20px;}
.bottom_con_r{ float:right; margin:15px 5px 0 0; line-height:30px;}

.fir{ width:770px; margin:0 auto; border-bottom:1px dotted #8b8b8b;}
.fir_title{ width:715px; margin:0 auto; height:40px; line-height:40px; font-size:16px; font-weight:bold; color:#212121;}
.fir_con{ width:715px; margin:0 auto; line-height:150%;}
.fir_con ul{ width:715px;}
.fir_con ul li{ width:134px; float:left; margin:10px 18px 15px 0; color:#010101;}
.fir_con ul li .img{ width:134px; height:92px;}
.fir_con ul li .tit{ margin-top:10px; line-height:20px; color:#4e4e4e; text-align:center;}
.fir_con ul li .con{ text-align:left; color:#4e4e4e; margin-bottom:5px;}
.fir_con ul li .price{ text-align:center;}
.fir_con ul li .car{ margin-top:5px; line-height:20px; text-align:center;}
.fir_con ul li .car img{ float:left; margin-left:25px;}

.fir_show{ width:680px; margin:0 auto;}
.fir_con .fir_show_tit{ width:715px; height:20px; border-bottom:1px solid #6f7172;}
.fir_con .fir_show_tit span{ display:block; width:150px; height:20px; line-height:20px; background:#6f7172; color:#fcf8f8; font-weight:bold; margin-left:20px;}
.fir_con .fir_show_tit table{ margin-left:20px;}
.fir_con .fir_show_tit table td{ padding:0 20px; background:#6f7172; color:#fcf8f8; font-weight:bold; }
.fir_con .fir_show_con{ width:715px; margin:10px 0px 30px;}
.fir_con .fir_show_con .fir_show_con_con{ margin:0 20px;}
.fir_con .fir_show_con ul{ width:715px; background-color:#999999;}
.fir_con .fir_show_con ul li{ width:715px; margin:20px 0 15px 0;}
.fir_con .fir_show_con ul li .img{ width:170px; float:left;}
.fir_con .fir_show_con ul li .con{ width:390px; float:left;}
.fir_con .fir_show_con ul li .buy{ width:130px; float:right; line-height:20px;}
.fir_con .fir_show_con ul li .buy img{ float:left;}

.fir_show2{ width:740px; margin:0 auto 50px;}
.fir_show2_l{ width:485px; float:left; /*overflow-x:hidden;*/}
.fir_show2_l_bimg{ width:485px; _height:258px; min-height:258px;}
.fir_show2_l ul{ width:496px; margin:15px 0;}
.fir_show2_l ul li{ width:113px; height:60px; margin-right:11px; float:left;}
.fir_show2_r{ width:235px; float:right;}

.abo_con{ margin:15px 0 20px; _height:150px; min-height:150px;}
.fir_con .ny_news{ width:670px; margin:15px auto 20px;}
.fir_con .ny_news li{ height:25px; line-height:25px; width:670px; border-bottom:1px solid #cccccc; margin:0;}
.fir_con .ny_news li span{ float:right;}

.ind_top .right{
    position: absolute;
    width: 120px;
    right: 200px;
    bottom: 24px;
    display: flex;
    justify-content: space-between;
}
.hs-a{display: none;position: absolute;right: 0;top: 50px; z-index: 108;white-space: nowrap;}
.hs-form{font-size: 0;display: inline-block;}
.hs-text{border: none;padding: 0 5px; display: inline-block;vertical-align: middle; width: 300px;height: 45px;background-color: #fff;color: #333;}
.hs-submit{border: none;display: inline-block;vertical-align: middle;cursor: pointer; width: 45px;height: 45px; background-color: #ff6500;background-image: url('../images/a3-b.png');background-size: 30px auto;background-position: center center;background-repeat: no-repeat;}
.header.search-state .h-search{background-image: url('../images/a3-c.png');}
.h-search a{
    display: block;
}
button, input[type=submit], input[type=text], input[type=button] {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
    outline: 0;
}
.ind_product {
    padding: 60px 0;
    border-bottom: 4px solid #68686884;
}
.ind_product .protit h3{
    /* font-size: 20px; */
}
.title{
    text-align: center;
    color: #fff;
    font-size: 36px;
    margin-bottom: 40px;
    text-decoration: underline;
}
.probox a{
    /* display: flex; */
    text-decoration: none;
}
.probox h1{
    /* font-size: 2rem; */
    font-size: 32px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding-bottom: 30px;

}
.probox{
    color: #fff;
    padding: 40px 0;
    /* border-top: 3px solid #686868bb; */
}
.probox:first-child{
    border-top:unset;
}
.probox .img {
    /* margin: 20px 0; */
    text-align: center;
    width: 42%;
    /* margin-left: 2%; */
}
.probox .img img{
    max-width: 100%;
}
.btn{
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
@media (min-width: 992px) {
    .container{
        max-width: 1200px;
        margin: 0 auto;
    }
}
.ind_sort{
    padding: 40px 0;
}
.ind_sort .ind_sor1 img{
    width: 100%;
    border-radius: 10px;
    border: 1px solid #fff;
}
.ind_sor2{
    margin-top: 40px;
    min-height: 340px;
}
.ind_sor2 .warp{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 80px;
}
.ind_sor2 .warp .left{
    position: relative;
}
.ind_sor2 .warp .left img{
    max-width: 370px;
    border-radius: 10px;
    border: 1px solid #fff;
}
.ind_sor2 a{
    display: inline-block;
}
.ind_sor2 .warp .left a:nth-child(2){
    position: absolute;
    top: 80px;
    left: 300px;
}
.ind_sor2 .warp .right h1{
    color: #fff;
    margin-right: 80px;
}
.ind_sor2 .warp .right h1 a{
    color: #fff;
    text-decoration: underline;
}
.ind_sor2 .warp .right h1 a:hover{
    color: #ff6500;
}
.flag{
    font-size: 16px;
    color: #88561c;
    font-family: "Bradley Hand ITC";
}
.ind_foot{
    display: flex;
    justify-content: space-between;
}
.foot_copy{
    width: 80%;
}
.foot1{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.footlogo img{
    max-width: 100px;
}
.foot1 .footdjf{
    width: 10%;
    display: flex;
    justify-content: space-between;
}
.foot2{
    color: #fff;
    margin-top: 20px;
}
.foot2 a{
    color: #fff;
}
#toTop{
    bottom: 4rem;
    -webkit-box-shadow: 0 0 .06rem rgba(0, 0, 0, .12);
    box-shadow: 0 0 .06rem rgba(0, 0, 0, .12);
    cursor: pointer;
    position: fixed;
    left: 6rem;
    z-index: 999;
}
#toTop img{
    max-width: 40px;
}
.pos{
    padding: 40px 0;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pos a{
    color: #fff;
    margin:0 10px;
}
.posri{
    display: flex;
}
.main_1{
    background-color: #333333;
}
.main_1 .pro_ind{
    /* padding: 60px; */
    /* border-bottom:5px solid #1e1e1e; */
    padding:120px;
}
.pro_ind h1{
    font-size: 36px;
    text-align: center;
    color: #fff;
    margin-bottom: 100px;
    /* margin-top: 30px; */
    /* font-weight: bold; */
}
.pro_ind .procont{
    /* display: flex; */
    justify-content: space-between;
    margin-bottom: 60px;
}
.pro_ind .procont .img{
    width: 33%;
    float: left;
    margin-right: 15px;
}
.pro_ind .procont .img img{
    width: 100%;
}
.pro_ind .procont .txt{
    width: 100%;
}
.pro_ind .procont .txt{
    color: #fff;
}
.pro_ind .swiper-slide h3{
    font-size: 14px;
    font-weight: normal;
    margin-top: 0.8rem;
}
.btn1{
    margin-top: 20px;
}
.btn1 a{
    display: inline-block;
    background-color: #808080;
    padding: 5px 15px;
    border-radius: 5px;
    color: #fff;
    transition: 0.3s;
}
.btn1 a:hover{
    background-color: #545454;
}
.btn2{
    margin-top: 20px;
}
.btn2 a{
    display: inline-block;
    background-color: #ff6600;
    padding: 5px 15px;
    border-radius: 5px;
    color: #fff;
    transition: 0.3s;
}
.btn2 a:hover{
    background-color: #e05a01;
}
.protit{
    position: relative;
    width: 100%;
    color: #fff;
    text-align: center;
    margin: 60px 0;
}
.protit h3{
    position: relative;
    display: inline-block;
    border: 1px solid #808080;
    padding: 10px 20px;
    margin: 0;
    color: #fff;
    font-size: 2.5rem;
    min-width: 160px;
    border-radius: 10px;
    /* font-weight: bold; */
    background-color: #333333;
    z-index: 1;
    transition: 0.3s;
}
.protit a:hover h3{
    color: #ff6407;
}
.protit::after{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    background-color: #808080;
}
.protit1{
    position: relative;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 60px 0;
}
.protit1 h3{
    position: relative;
    display: inline-block;
    padding: 10px 30px;
    font-size: 2rem;
    min-width: 160px;
    border: 1px solid #808080;
    border-radius: 10px;
    font-weight: 500;
    margin: 0;
    background-color: #333333;
    z-index: 1;
}
.protit1.noline h3{
    background: transparent;
    border: unset;
}
.protit1.noline::after{
    display: none;
}
.protit1::after{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    background-color: #808080;
}
.prolist{
    color: #fff;
    text-align: center;
    position: relative;
    padding: 0 60px;
}
.prolist h5{
    font-weight: 500;
    font-size: 16px;
}
.prolist h5 em{
    color: #ff6600;
    font-style: normal;
}
.prolist .img img{
    width: 100%;
    height: 160px;
    object-fit: cover;
}
.ban img{
    width: 100%;
}
.ind_f1 {
   display: flex;
   flex-direction: column;
   align-items: center;
    
}
.ind_f1 .foot2{
    text-align: center;
}
.pro_ind .cont{
    color: #fff;
}
.prota{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    margin-bottom: 40px;
}
.prota a{
    color: #fff;
}
.prota a:hover{
    text-decoration: none;
    color: #fff;
}
.prota .img{
    width: 35%;
}
.prota .img img{
    width: 100%;
}
.prota .word{
    width: 45%;
}
.prota .word h2{
    font-size: 16px;
    font-weight: 600;
}
.prota .txt{
    width: 10%;
}
.prota .jhd{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.prota .jhd h5{
    font-weight: 500;
    font-size: 16px;
}
.prota .jhd h5 em {
    color: #ff6600;
    font-style: normal;
}
.banlist {
    background-color: #333333;
    padding: 20px 0;
}
.banlist .swiper-slide .img{
    box-sizing: border-box;
    border: 5px solid transparent;
}
.banlist .active .img{
    border: 2px solid #ff6600;
}
.banlist .swiper-slide .item p{
    color: #fff;
    margin-top: 0.5rem;
    transition: 0.3s;
}
.banlist .swiper-slide .active.item  p{
    color: #ff6600;
}
/*.banlist .swiper-slide .item a:hover{*/
/*    color: #ff6600;*/
/*}*/
/*.banlist .swiper-slide .item a:hover p{*/
/*    color: #ff6600;*/
/*}*/
.proxq{
    /* padding: 30px; */
    padding: 120px 120px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.proxq .left{
    width: 60%;
    min-height: 600px;
}
.proxq .right{
    width: 35%;
    color: #fff;
}
.proxq .right h1{
   font-size: 2rem;
   margin-bottom: 1rem;
}
.proxq .swiper-container {
    width: 100%;
    height: 500px;
    margin-left: auto;
    margin-right: auto;
  }
.proxq .swiper-slide {
    /* background-size: cover; */
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    
  }
.proxq .gallery-top {
    height: 80%;
    width: 100%;
  }
.proxq .gallery-thumbs {
    height: 14%;
    box-sizing: border-box;
    padding: 10px 0;
  }
.proxq .gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
    transition: 0.3s;
  }
.proxq .gallery-thumbs .swiper-slide-thumb-active,.proxq .gallery-thumbs .swiper-slide:hover {
    opacity: 1;
  }
  /* .proxq .gallery-top .video::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 80px;
    height: 80px;
    background: url(../images/bg-play.png) no-repeat center;
    background-size: cover;
  } */
  .proxq .gallery-top .video video{
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
  }
  .proxq .gallery-thumbs .video-bg::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 40px;
    height: 40px;
    background: url(../images/bg-play.png) no-repeat center;
    background-size: cover;
  }

  .proxq .right .txt p{
    display: flex;
    margin-bottom: 0.4rem;
  }
  .proxq .right .txt p span:first-child{
    font-weight: 600;
    margin-right: 10px;
    min-width: 60px;
    text-align: right;
  }
  .proxq .right .txt p span em{
    color: #ff6500;
    font-style: normal;
  }
  .proxq .right .txt .price em{
    font-size: 24px;
  }


  .proxq .right .bt{
    width: 100%;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    transition: 0.3s;
    box-sizing: border-box;
  }
  .proxq .right .bt a{
    display: inline-block;
    width: 100%;
    padding: 5px 0;
    color: #fff;
  }
  .proxq .btn2{
    width: 90%;
  }
  .proxq .btn2 a{
    width: 100%;
    text-align: center;
  }
  .proxq .btn3{
    margin-top: 20px;
    border: 1px solid #ff6600;
  }
  .proxq .btn4{
    margin-top: 20px;
    border: 1px solid #fff;
  }
  .proxq .btn3:hover,.proxq .btn4:hover{
    border: 1px solid #ff6600;
    background-color: #ff6600;
  }
  .prodes{
    /* padding: 0 30px 40px 30px; */
    padding: 0 120px 120px;
  }
  .prodes .content{
    color: #fff;
  }
  .discoun{
    display: flex;
    justify-content: space-between;
    margin-bottom: 120px;
  }
  .discoun .item{
    width: 31%;
  }
  .lx_cont{
    /* padding: 30px; */
  }
  .lx_cont .lx1{
    display: flex;
    /* justify-content: space-between; */
    /* justify-content: space-evenly; */
    align-items: flex-start;
  }
  .lx_cont .lx1 .left{
    width: 40%;
    position: relative;
    padding: 20px 0;
  }
  .lx_cont .lx1 .right{
    width: 55%;
    padding: 20px 0;
    margin-left: 5%;
  }
  /* .lx_cont .lx1 .left::after{
    content: "";
    position: absolute;
    right: -60px;
    top: 50%;
    transform: translateY(-50%);
    height: 92%;
    width: 2px;
    background-color: #4d4d4d;
  } */
  .lx_cont .tit{
    width: 100%;
    line-height: 50px;
    background-color: #4d4d4d;
    color: #fff;
    padding-left: 30px;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 1rem;
    box-sizing: border-box;
  }
  .lx_cont .lx1 .nr{
    color: #fff;
    /* margin-left: 60px; */
    line-height: 26px;
    width: 80%;
    margin: 0 auto;
  }
  .lx_cont .lx1 .nr a{
    color: #1302ab;
    text-decoration: underline;
  }
  .lx_cont .lx1 .nr p{
    display: flex;
  }
  .lx_cont .lx1 .nr p span:first-child {
    font-weight: 600;
    margin-right: 15px;
    min-width: 80px;
    text-align: right;
  }
  .lx_cont .lx2{
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; 
    padding-bottom: 100px; */
    padding: 0 120px 120px;
  }
  .lx_cont .lx2 .item{
    /* width: 47%; */
    width: 45%;
    /* margin: 0 2%; */
  }
  .lx_cont .lx2 .nr{
    color: #fff;
    line-height: 14px;
    margin-bottom: 60px;
  }
  #message form .inp_row {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-bottom: 30px;
  }
  #message form .inp_row input {
        /* width: 300px; */
        width: 50%;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-indent: 6px;
        border-radius: 2px;
        box-sizing: border-box;
        height: 36px;
        border: 1px solid #ccc;
        background-color: #cccccc;
        outline: none;
  }
  #message form .inp_row input[name="address"]{
        /* width: 80%; */
        width: 60%;
  }
  #message form .inp_row span,#message form .tex_row span {
        color: #e16108;
        margin-left: 5px;
  }

    #message form .button {
        /* margin-left: 195px; */
        margin-left: 30%;
        display: flex;
        justify-content: flex-start;
        } 
    #message form .button button {
        width: 180px;
        cursor: pointer;
        color: #fff;
        font: 14px 微软雅黑;
        height: 34px;
        background-color: #ff6600;
        border: 1px solid #ff6600;
        border: 0;
        border-radius: 5px;
        transition: 0.3s;
        }
    #message form .button button:nth-child(2){
        border: 1px solid #ff6600;
        background-color: #4d4d4d;
        margin-left: 30px;
        }
        #message form .button button:nth-child(1):hover{
            background-color: #ea6207;
        }
        #message form .button button:nth-child(2):hover{
            background-color: #ff6600;
        }
    #message form .tex_row {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        /* display: grid;
        grid-template-columns: 1fr 2fr; */
        margin-bottom: 30px;
        
  }
     #message form .tex_row textarea {
        /* width: 80%; */
        width: 60%; 
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-indent: 6px;
        border-radius: 2px;
        box-sizing: border-box;
        height: 100px;
        border: 1px solid #ccc;
        background-color: #cccccc;
        padding: 5px;
        font-family: inherit;
        outline: none;
    }
    
    #message form .inp_row h4,#message form .tex_row h4{
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        /* min-width: 195px; */
        width: 30%;
        text-align: right;
        margin: 0;
        /* padding-right: 20px; */
        padding-right: 2%;
        box-sizing: border-box;
    }
    #message form .inp_row img{
        /* width: 80px; */
        width: 10%;
        height: 36px;
        /* margin-left: 10px; */
        margin-left: 1%;
    }

    .ind_top .menubtn {
        float: right;
        width: 35px;
        height: 30px;
        background: url(../images/menu-icon11.png) center right no-repeat;
        -moz-background-size: 28px 28px;
        -webkit-background-size: 28px 28px;
        background-size: 28px 28px;
        cursor: pointer;
    }
    .ind_top .menubtn.on {
        background: url(../images/menu-icon2.png) center right no-repeat;
        -moz-background-size: 28px 28px;
        -webkit-background-size: 28px 28px;
        background-size: 28px 28px;
    }

    .m-nav {
        display: none;
        position: fixed;
        right: 0;
        top: 60px;
        width: 100%;
        height: -moz-calc(100vh - 70px);
        height: -webkit-calc(100vh - 70px);
        height: calc(100vh - 70px);
        background: #1a1a1a;
        display: none;
        overflow-y: auto!important;
        z-index: 105;
    }
    .m-nav ul {
        padding: 10px 10px 0;
    }
    
    .m-nav ul li {
        width: 100%;
        padding: 0 3%;
        overflow: hidden;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .m-nav ul li a,.m-nav ul li .one-level{
        position: relative;
        color: #fff;
        font-size: 16px;
        line-height: 36px;
    }
    .m-nav ul li a:hover{
        color: #ff6407;
    }
    .m-nav .submenu {
        display: none;
        margin: auto;
        width: 100%;
        padding: 0 0 0 15px;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .m-nav .submenu a{
        position: relative;
        padding-left: 8px;
    }
    .m-nav .submenu a::after{
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 3px;
        height: 3px;
        background-color: #fff;
        border-radius: 50%;
    }
    .submenu .submenu-li a {
        display: inline-block;
        color: #fff;
        font-size: 16px;
        line-height: 2.4;
    }
 
    
    .submenu a:hover {
        color: #ff6407;
    }
    .m-nav li>.submenu>.submenu-li>a{
        padding-left: 0;
    }
    .m-nav li>.submenu>.submenu-li>a::after{
        display: none;
    }

     .m-nav ul li .one-level em,.m-nav ul li .one-level1 em {
        position: relative;
        float: right;
        width: 20px;
        height: 20px;
        cursor: pointer;
    }
    .m-nav ul li .one-level em::before,.m-nav ul li .one-level1 em::before {
        content: "";
        position: absolute;
        right: 0px;
        top: 15px;
        width: 100%;
        width: 12px;
        height: 2px;
        background: #ffffff;
        transition: 284ms ease-in-out;
        transition: all 0.5s ease-out 0s;
    }
    .m-nav ul li .one-level em::after,.m-nav ul li .one-level1 em::after  {
        content: "";
        position: absolute;
        right: 5px;
        top: 10px;
        width: 100%;
        width: 2px;
        height: 12px;
        background: #fff;
        transition: 284ms ease-in-out;
        transition: all 0.5s ease-out 0s;
    }
    .m-nav ul li .one-level.on em::before,.m-nav ul li .one-level1.on em::before {
        top: 15px;
    }
    .m-nav ul li .one-level.on em::after,.m-nav ul li .one-level1.on em::after{
        transform: rotate(90deg);
        top: 10px;
    }
    .wapbanner .swiper-container{
        padding-bottom: 30px;
        background: url(../picture/wapbg.png) no-repeat center;
    }
    .wapbanner .swiper-slide h1{
        text-align: center;
        color: #fff;
        padding: 20px 15px;
        font-size: 24px;
        font-weight: 600;
    }
    .wapbanner .swiper-slide img{
        width: 100%;
        max-height: 300px;
        object-fit: contain;
    }
    .wapbanner .swiper-slide .t1{
        text-align: center;
        color: #fff;
        padding: 20px 15px 20px 15px;
        word-wrap: break-word;
        margin-top: 40px;
    }
    .wapbanner .swiper-container-horizontal>.swiper-pagination-bullets, 
    .wapbanner .swiper-pagination-custom, .swiper-pagination-fraction{
        bottom: 160px;
    }
    .wapfoot{
        position: fixed;
        bottom: 0;
        height: 50px;
        width: 100%;
        background-color: #333333;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 20px;
        color: #fff;
        z-index: 99;
    }
    .wapfoot img{max-width: 28px;}
    .other .h-search{display: none;}
    .ban{border-bottom: 3px solid #2e2c34;}
    .cont video{margin-bottom: 1rem;}
    .sort{
        background-color: #4d4d4d;
        padding: 15px 30px;
        display: flex;
        justify-content: space-between;
    }
    .sort .sorlogo{
        width: 20%;
        margin: auto 0;
    }
    .sort .sorlogo img{
        width: 100%;
        /* max-width: 80px; */
        max-width: 120px;
    }
    .sort .item{
        width: 75%;
        margin: auto 0
    }
    .sort .item dt{
        text-align: right;
    }
    .sort .item dl{
        display: inline-block;
        border-right: 1px solid #fff;
        margin: 0;
    }
    .sort .item dl:last-child{
        border-right: unset;
    }
    .sort .item dl a{
        color: #fff;
        font-weight: 500;
        line-height: 14px;
        padding: 0 10px;
        transition: 0.3s;
    }
    .sort .item dl a:hover,.sort .item dl.on a{
        color: #e76515;
        text-decoration: underline;
    }
    .prodes{
        overflow: hidden;
    }
    .footnav{
        max-width: 770px;
        display: flex;
        justify-content: center;
        text-align: center;
    }
    .footnav a{
        position: relative;
        color: #ffffff;
        text-align: center;
        line-height: 14px;
        font-size: 14px;
        display: inline-block;
        margin: 0 16px;
        font-weight: 500;
    }
    .footnav dl {
        display: inline-block;
        border-right: 1px solid #fff;
        margin: 0 0 10px 0;
    }
    .footnav dl:last-child{
        border-right: unset;
    }
    .newslist .item{
     display: flex;
     justify-content: space-between;
    }
    .newslist .item a{
        color: #ffffff;
        max-width: 800px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
     .newslist .item a:hover{
        color: #e76515;
        text-decoration: underline;
    }
    .cart{
        position: relative;
        margin-top: 5px;
    }
    .cart i{
            background: #ff6500;
            border-radius: 50%;
            color: #fff;
            width: 20px;
            height: 20px;
            display: inline-block;
            position: absolute;
            text-align: center;
            top: -13px;
            right: -9px;
    }
  .button a, .button button, .button input {
    /* font-family: 'lucida sans', arial, helvetica, sans-serif; */
    line-height: 18px;
    color: #fff !important;
    text-decoration: none;
    padding: 5px 15px;
    display: block;
    width: auto;
    position: relative;
    z-index: 2;
    border: none;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    background: #808080;
    background: #808080;
    background: #808080;
    background: #808080;
    background: #808080;
    background: #808080;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.dhw .prodes .content.noup{
    position: relative;
    padding-bottom: 60px;
    transition: .3s;
}
/*.dhw .prodes .content.noup{*/
/*    padding-bottom: 0px;*/
/*}*/
/*.dhw .prodes .content.noup.up:after{*/
/*    display: none;*/
/*}*/
.dhw .prodes .content.up .an:after{
    content:'';
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 25px;
    height: 25px;
    background: url(../images/up.png) no-repeat;
    background-size: contain;
    cursor: pointer;
    transform: translateX(-50%);
}
.dhw .prodes .content.down{
    height: 150px;
    overflow: hidden;
}
.dhw .prodes .content.down .an:before{
    content:'';
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 25px;
    /*background: linear-gradient(to bottom, #8989892e, #333333);*/
}
.dhw .prodes .content.down .an:after{
    content:'';
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 25px;
    height: 25px;
    background: url(../images/down.png) no-repeat;
    background-size: contain;
    cursor: pointer;
    transform: translateX(-50%);
}
.indexvideo{
    display: block;
    position: relative;
    text-align: center;
}
.indexvideo .text {
    width: 870px;
    left: 50%;
    position: absolute;
    top: 10%;
    text-align: center;
    transform: translate(-50%);
}


.indexvideo h2 {
    font: 400 40px / 1.2 "microsoft yahei", Tahoma, arial, sans-serif;
    color: #0066cc;
    margin: 0 0 26px;
}
@media (max-width: 992px) {
    /*.indexvideo{*/
    /*    background: #333333;*/
    /*    padding-bottom: 180px;*/
    /*}*/
    /*.indexvideo .text {*/
    /*    padding: 0 15px;*/
    /*    width: 100%;*/
    /*    margin-left: 0;*/
    /*    position: absolute;*/
    /*    top: unset;*/
    /*    bottom:0;*/
    /*    text-align: left;*/
    
    /*}*/
    .indexvideo .text {
    width: 100%;
    left: 0%;
    padding: 0 15px;
    position: absolute;
    top: 10%;
    text-align: left;
     transform: none;
    }
    .bf img{
        width: 40px;
    }
}

/* 4-10 */
.container_pc{
    position: relative;
}

.container_pc .kjsd:nth-child(even) .proList_box {
/* background: #ff6600; */
/* order: 2; */
/* padding-right: 10%; */
}


.container_pc .kjsd:nth-child(even) .probox .img {
    /* margin-left: 0; */
    /* margin-right: 2%; */
    /* order:1; */
    /* width: 42%; */
}


.container_m{display: none;}

.container_pc .wapper{
    display: flex;
}
.container_pc .probox{
    padding-bottom: 100px;
}
.container_pc .kjsd:nth-child(odd) .probox .wapper{
    /* margin-left: 10%;
    margin-right: 10%; */
    
}

.container_pc .kjsd:nth-child(even) .probox .wapper{
    /* display: flex;
    margin-left: 10%; */
    /* flex-direction:row-reverse; */
}
.proList_box{
    width: 56%;
    /* background: #222; */
    padding: 50px;
    position: relative;
}
.newBtn{
    padding: 0;
    position: absolute;
    bottom: 30px;
}
.protit_new{
    position: relative;
    width: 100%;
    color: #fff;
    text-align: center;
    margin: 30px 0;
}
.protit_new .new_title{
    position: relative;
    display: inline-block;
    padding: 10px 20px;
    margin: 0;
    color: #fff;
    font-size: 28px;
    min-width: 160px;
    border-radius: 10px;
    font-weight: 500;
    z-index: 1;
    transition: 0.3s;
}
.new_tringle{
    transform: scale(0.3);
    margin-top: -40px;
}
.protit_new a:hover p{
    color: #ff6600;
}
.home_bottom{
    background: #323232;
    padding: 120px 0;
}
.product_index_box{
    background: transparent;
}
.product_index_box .pro_ind:nth-child(even){
    background: #666;
}
.product_index_box .pro_ind:nth-child(odd){
    background: #333;
}

.product_index_box .pro_ind:nth-child(even) .protit h3{
    background: #666;
}

.product_index_box .pro_ind{
    margin-bottom: 100px;
}

.contact_title{
    position: relative;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 60px 0;
    background-color: #333;
}
.contact_title h3{
    position: relative;
    display: inline-block;
    padding: 10px 30px;
    font-size: 2rem;
    min-width: 160px;
    font-weight: 500;
    margin: 0;
    z-index: 1;
}

.lx_cont .lct{
    text-align: center;
    padding: 0;
  }
/* .lx_cont .left{
    max-height: 300px;
} */
.lx_cont .left,.lx_cont .left .tit{
    background: #ff6600;
}
.lx_cont .right{
    background:#4d4d4d;
}


.contactbg_box{
    background: #666;
    
}
.contact_con #sort2,.contact_con #sort3{
    margin-top: 88px;
}
.lx_cont .lx2 .item:nth-child(1) .tit,.lx_cont .lx2 .item:nth-child(4) .tit,.lx_cont .lx2 .item:nth-child(5) .tit,.lx_cont .lx2 .item:nth-child(8) .tit,.lx_cont .lx2 .item:nth-child(9) .tit,.lx_cont .lx2 .item:nth-child(12) .tit,.lx_cont .lx2 .item:nth-child(13) .tit{
    background: #ff6600;
}
.contact_con{
    background: transparent;
}
.lx1{
    background: #333;
    padding: 0 120px 120px;
}

.list_note_box{

}
.proList_box::before{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    background: linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 60%);
    transition: width 0.1s cubic-bezier(0.4, 0, 1, 1), height 0.1s ease-in-out;
}
.proList_box:hover::before {
    width: 100%;
    height: 100%;
}

.protit h3{
    position: relative;
    display: inline-block;
    border: 1px solid #808080;
    padding: 10px 20px;
    margin: 0;
    color: #fff;
    /* font-size: 2.5rem; */
    font-size: 24px;
    min-width: 160px;
    border-radius: 10px;
    /* font-weight: bold; */
    background-color: #333333;
    z-index: 1;
    transition: 0.3s;
}
.main_1 .pro_ind{
    padding-bottom: 150px;
}
.lx_cont .lx2 .item:nth-child(odd){
    /* margin-left: 5%; */
}
.lx_cont .lx2 .item:nth-child(even){
    margin-left: 10%;
}

.contact_con #sort3,#message{
    width: 80%;
    margin: 0 auto;
}
.contact_con #sort3{
    margin-top: 100px;
}


.contact_con #sort1.protit1::after,.contact_con #sort2.protit1::after,.contact_con #sort3.protit1::after{
    display: none;
}

.ct_1{background: #333;}
.contact_con #sort1.protit1 h3,.contact_con #sort2.protit1 h3,.contact_con #sort3.protit1 h3{
    border: none;
}
.contact_con #sort1.protit1{
    background: #333;
}

.contact_con #sort2.protit1,.lx2{
    background: #666
}
.contact_con #sort2.protit1 h3,.contact_con #sort3.protit1 h3{
    background: transparent;
}

#message form .inp_row input[name="checkcode"]{
    width: 39%;
}
.contact_con #sort3.protit1{
    background: #4d4d4d;
}
#message{
    background: #4d4d4d;
    padding: 40px 40px 100px;
    margin-bottom: 100px;
}
.list_note_box{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow:hidden;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}

.index_bg_color{
    background-color: #666;
}
.indexvideo video{object-fit: contain !important; height: auto;}
.prolist .img img {
    object-fit: contain;
    object-position: center;
    width: 100%;
    max-height: 100%;
    min-height: 145px;
}
.pro_ind .swiper-slide h3{
    min-height: 34px;
}

.new_probox{
    background: transparent;
}
.proxq,.prodes{
    background: #333;
}
.prodes{
    margin-bottom: 100px;
    border: 0;
}
.fixed_bg{
    background-attachment: fixed;
}


.zt{
    display: none;
}

a:hover{
    text-decoration: none;
}

.banner{position: relative;}
.ind_main {position: relative;}
.home_bg{

    background-image: url(../images/home_pro_bg.png);
    background-repeat: no-repeat;
    background-position: right top;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
}
.proxq_m{display: none;}
.foot2{text-align: center;}

.proxq .txt table{
    width: 100%
}

 .sort .sorlogo img{
        max-width: 120px;
}
.product_index_box .btn1 a,.jhd .btn1 a{
    background: transparent;
    border: 1px solid #ff6600;
}
.product_index_box .btn1 a:hover,.jhd .btn1 a:hover{
    background:#ff6600;
    color: #fff;
}

   /* new_products*/
.proxq.new_pro_odd_bg{ background: #2b2b2b; padding: 120px 120px 0; }
.prodes.new_pro_odd_bg { background: #2b2b2b; padding: 0 120px 120px; }
.proxq.new_pro_even_bg { background: #656565;  padding: 120px 120px 0; }
.prodes.new_pro_even_bg { background: #656565;  padding: 0 120px 120px; }

.pro_ind_pri{margin-bottom: 0;}
.prolist h5.pro_ind_pri_per{font-size: 14px;}