﻿

/*top*/

.Toper{position: relative;height: 116px;z-index: 999999;    box-shadow: 0 0 6px #999;}
.Toper .logo{ display: block; height:100%; float: left;margin-left: 15px; height:60px; margin-top:10px}
.Toper .logo img{vertical-align: middle;}
.Toper .navbtn{width: 36px;height: 44px;margin-right: 10px;display: block;float: right; background: url(../images/navbtn.png) no-repeat center;}
.Toper .navbtnon{ background-image: url(../images/navbtnon.png); }
.Toper .searchbtn{display:block;width:36px; height: 100%;float: right; margin-right: 10px; background: url(../images/seachicon01.png) no-repeat center;}
.Top_tt .langBox{display: block;position: relative;float: right; height: 100%; width: 118px; line-height: 25px; background: url(../images/langxl.png) no-repeat right center; margin-right: 30px;font-size: 16px;}
.Top_tt .langBox .lanxl{position: absolute; top: 29px; width: 100%; display: none;z-index: 88;}
.Top_tt .langBox .lanxl a{display: block; line-height: 30px;padding-left: 30px;}
.Top_tt .langBox .lanxl a:hover{color: #d0111b;}
.searchBox{width: 100%; display: block;padding: 20px 15px; background: #fff; position: relative; z-index: 88; max-width: 500px;}
.searchBox .Box{height: 40px; border: 1px solid #dcdcdc; line-height: 40px; position: relative; }
.searchBox .Box input{width:100%; padding-right: 50px;padding-left: 15px;font-size: 16px;}
.searchBox .Box  a{display: block; position: absolute; right: 0;top: 0;width: 40px; height:100%; border-left: 1px solid #dcdcdc; background: url(../images/search.png) no-repeat center;}
/* .searchBox .wordbox{position: absolute; top: 100%; left: 0; width: 100%; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.15); text-align: center;}
.searchBox .wordbox span{display: block; color: #333;}
.searchBox .wordbox span+span{ border-top: 1px solid #eee;}
.searchBox .wordbox span:hover{ color: #fff; background: #b31b20;} */
.clear1024{height: 15px;}
.MaxNav{display: none;z-index: 99;background: #fff;}
.MaxNav ul{background: #fff;}
.MaxNav ul li .navA{padding:0 15px; display: block; line-height: 43px; font-size: 16px;color:#333;}
.MaxNav ul li .navA:hover,.MaxNav ul li.on .navA{background:#b31b20; color: #fff; }
.Top_tt .langBox{background: #fff;}
.Top_tt{position: relative;z-index: 100;}
.Top_tt .lanxl{background: #fff;}
.Top_tt .langBox {color:#666666;background: url(../images/xia.png) no-repeat right center;}
.Top_tt .langBox .span{padding-left: 30px;background: url(../images/zt.png) no-repeat left center;height: 25px;display: inline-block;line-height: 25px;}
.Top_tt .dl_box{float: right}
.Top_tt .dl_box a{font-size: 14px;color:#666;display: inline-block;padding:0 4px;}
.Top_tt .dl_box{padding-left:30px;background: url(../images/dlbg.png) no-repeat left center;height: 25px;line-height: 25px;}
.Top_tt {padding-top: 10px;    padding-bottom: 3px;}
.Toper_box{padding: 15px 0;z-index: 8;max-width: 1260px;margin:0 auto;}
.nav_slide{position: absolute;top:57px;left:0;width: 100%;display: none;}

@media only screen and (max-width:768px ) {
	.MaxNav{border: 1px solid #eee;}
	.nav_slide{position: static;background: #fff;}
	/* #nav2 .nav_slide{display: none !important;} */
	.nav_slide dl{line-height: 30px;padding: 0 20px;}
	.nav_slide dl img{display: none;}
	.nav_slide dd,
	.nav_slide dl{margin: 0;}
	.nav_slide .nav_slide_box .left{display: none;}
	.nav_slide .nav_slide_box .right .nr_box{display: none;}
	.nav_slide .nav_slide_box .right .nr_box a{ font-size: 12px; }
	.nav_slide .nav_slide_box .right .nr_box .div_box{ padding-left: 15px;}
	.nav_slide .nav_slide_box .yc_icon{display: none;}
}





.top_slide_right{position: fixed;top:50%;right:0;z-index:15;-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
/* display: none; */
}
.top_slide_right li{width: 40px;height: 60px;text-align: center;color:#fff;background: #b31b20;margin-bottom: 2px;}
.top_slide_right li.first{padding-top:35px;background: url(../images/icon5.png) #b31b20 no-repeat center 10px;padding-bottom: 5px;position: relative;}
.top_slide_right li.second a{padding-top:35px;background: url(../images/icon5.png) #b31b20 no-repeat center -53px;padding-bottom: 5px;display: block;color:#fff;}
.top_slide_right li.last{padding-top:35px;background: url(../images/icon5.png) #b31b20 no-repeat center -115px;padding-bottom: 5px;position: relative;}
.top_slide_right li.four a{padding-top:35px;background: url(../images/icon5.png) #b31b20 no-repeat center -169px;padding-bottom: 5px;display: block;color:#fff;position: relative;}
.top_slide_right li.four i{position: absolute; top: -20px; left: 50%; transform: translateX(-50%); border-radius: 30px; background: #b31b20; color: #fff;font-size: 12px; text-align: center; line-height: 30px; width: 30px;}

.top_slide_right li.first .Box{position: absolute;top:0;right:65px;display: none;transition: all 0.5s;
    -moz-transition: all 0.5s;  /* Firefox 4 */
    -webkit-transition: all 0.5s; /* Safari 和 Chrome */
    -o-transition: all 0.5s;}
.top_slide_right li.first .Box .box{background: #fff;border:1px solid #dcdcdc;margin-right: 25px;
  width: 164px;
  position: relative;
  height: 320px;
  padding:0 0;}
.top_slide_right li.first .Box dd{
  float:left;
  width: 100%;
  text-align: center;font-size: 15px;color:#333333;border-right:1px solid #e5e5e5;padding:5px 0 10px;  margin: 0; }
.top_slide_right li.first .Box dd:last-child{border:0;}
.top_slide_right li.first .Box .h3{line-height: 30px;padding-top:9px}
.top_slide_right li.first .Box .h4{line-height: 20px;}
.top_slide_right li.first .i{position: absolute;top:20px;right:-14px;width: 14px;height: 23px;background: url(../images/jian.png);}


.top_slide_right li.last{position: relative;display: none;}
.top_slide_right li.last .Box1{position: absolute;top:0;right:65px;transition: all 0.5s;
    -moz-transition: all 0.5s;  /* Firefox 4 */
    -webkit-transition: all 0.5s; /* Safari 和 Chrome */
    -o-transition: all 0.5s;display: none}
.top_slide_right li.last .Box1 .box{background: #fff;border:1px solid #dcdcdc;margin-right: 25px;width:52px;position: relative;height: 162px;padding:10px 6px;}

.top_slide_right li.last .bdshare-button-style0-32 a{width: 36px !important;height:36px !important;/*background: url(../images/icon2.png);*/margin-right: 0;margin-left:0;opacity: 1;}
/*.top_slide_right li.last .bdshare-button-style0-32 .bds_sqq{background-position: -43px 0;}
.top_slide_right li.last .bdshare-button-style0-32 .bds_tsina{background-position: -85px 0;}
.top_slide_right li.last .bdshare-button-style0-32 .bds_fbook{background-position: -128px 0;}*/

/*.top_slide_right li.last .bdshare-button-style0-32 a:hover{background: url(../images/icon4.png);}*/
/*.top_slide_right li.last .bdshare-button-style0-32 .bds_sqq:hover{background-position: -43px 0;}
.top_slide_right li.last .bdshare-button-style0-32 .bds_tsina:hover{background-position: -85px 0;}
.top_slide_right li.last .bdshare-button-style0-32 .bds_fbook:hover{background-position: -128px 0;}*/
.top_slide_right li.last .i{position: absolute;top:20px;right:-14px;width: 14px;height: 23px;background: url(../images/jian.png);}

.top_slide_right li.first .dd{cursor: pointer;}
  .top_slide_right li.five {
        padding-top: 35px;
        background: url(../images/newicon5.png) #b31b20 no-repeat center 10px;
        padding-bottom: 5px;
        position: relative;
    }


.top_target{position: fixed;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);z-index: 1111;display: none;}
.top_target .Box{position: absolute;top:50%;left:5%;-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);background: #fff;
width: 90%;}
.top_target .Box .h3{color:#fff;font-size: 18px;line-height: 48px;background: #242032;padding:0 10px;position: relative;}
.top_target .Box .h3 .close{position: absolute;top: 0;right: 0;height: 48px;width: 48px;background: url(../images/close.png) no-repeat center;}
.top_target .Box .box1{padding:10px;margin-bottom: 15px;height: 450px;    overflow-y: auto;}
.top_target .Box .box1 .h5{color:#000000;font-size: 24px;padding:5px 0 5px;}
.top_target .Box .box1 .p{color:#000;padding-bottom: 20px;}
.top_target .Box .box1 li{height: 40px;line-height: 38px;margin-bottom: 15px;position: relative;padding-right: 20px;}
.top_target .Box .box1 li .box{border:1px solid #d8d8d8;padding:5px 0;padding-left:50px;height: 40px;}
.top_target .Box .box1 li input{height: 28px;line-height: 28px;width:100%;padding:0 5%;color:#999999;border-left:1px solid #d8d8d8;vertical-align: top;}
.top_target .Box .box1 li .i{position: absolute;top:0;right: 0;height: 40px;line-height: 40px;color:#b31a20;}
.top_target .Box .box1 li.li1 .box{background:url(../images/icon7.png) no-repeat 14px 9px; }
.top_target .Box .box1 li.li2 .box{background:url(../images/icon7.png) no-repeat 14px -51px; }
.top_target .Box .box1 li.li3 .box{background:url(../images/icon7.png) no-repeat 13px -112px; }
.top_target .Box .box1 li.li4 .box{background:url(../images/icon7.png) no-repeat 14px -173px; }


.top_slide_right li.five .Box {
        position: absolute;
        top: 0;
        right: 65px;
        display: none;
        transition: all 0.5s;
        -moz-transition: all 0.5s; /* Firefox 4 */
        -webkit-transition: all 0.5s; /* Safari 和 Chrome */
        -o-transition: all 0.5s;
    }

        .top_slide_right li.five .Box .box {
            background: #fff;
            border: 1px solid #dcdcdc;
            margin-right: 25px;
            width: 164px;
            position: relative;
            height: 320px;
            padding: 0 0;
        }

        .top_slide_right li.five .Box dd {
            float: left;
            width: 100%;
            text-align: center;
            font-size: 15px;
            color: #333333;
            border-right: 1px solid #e5e5e5;
            padding: 5px 0 10px;
            margin: 0;
        }

            .top_slide_right li.five .Box dd:last-child {
                border: 0;
            }

        .top_slide_right li.five .Box .h3 {
            line-height: 30px;
            padding-top: 9px
        }

        .top_slide_right li.five .Box .h4 {
            line-height: 20px;
        }

    .top_slide_right li.five .i {
        position: absolute;
        top: 20px;
        right: -14px;
        width: 14px;
        height: 23px;
        background: url(../images/jian.png);
    }

    .top_slide_right li.five .dd {
        cursor: pointer;
    }






.top_target .Box .box1 li.li5 .box{background:url(../images/icon7.png) no-repeat 12px -234px; }
.top_target .Box .box1 li.li6 .box{padding-left:0;}
.top_target .Box .box1 li.li6 .box{border:0;}
.top_target .Box .box1 li.li6 .box input{border:0;background: #b31a20;color:#fff;text-align: center;line-height: 40px;height: 40px;margin:10px 0;}

@media screen and (min-width:480px ){
  .HomeBan .swiper-slide .h3{font-size: 40px;line-height: 50px;padding-bottom: 5px;}
  .HomeBan .swiper-slide .h4{font-size:16px;line-height: 30px;padding-bottom: 20px;}
  .Home_floor2 .ul li{float: left;width: 50%;}
  .Home_floor4_left .first .left{float: left;width: 43%;}
  .Home_floor4_left .first .left img{width: 100%;}
  .Home_floor4_left .first .right{float: left;width: 52%;padding-left:5%;}
  .Home_floor4_left .first .h4{padding-top:0;}
  .Home_floor4_left .first{padding-bottom: 20px;}
  .Home_floor4 .second a{padding-right: 50px;position: relative;}
  .Home_floor4 .second a .time{position: absolute;top:0;right: 0;display: block;}

 
}


@media screen and (min-width:640px ){
   .HomeBan .swiper-slide .h3{font-size: 60px;line-height: 50px;padding-bottom: 20px;}
   .HomeBan .swiper-slide .h4{font-size:16px;line-height: 30px;padding-bottom: 40px;}
   .Home_floor2 .ul li{float: left;width: 25%;}
   .Home_floor2 .Box .h4{font-size: 16px;}
   .Home_floor3 .right{float: right;width: 45%;}
   .Home_floor3 .left{float:left;width: 50%;padding-left: 9%}
   .top_target .Box .box1 .h4 .left{float: left;}
   .top_target .Box .box1 .h4 .right{float: right;text-align: right;padding-top:20px;}
   .top_target .Box .box1 .h4 {padding-bottom: 20px;}
   .top_target .Box{width: 70%;left:15%;}
}
@media screen and (min-width:768px ){
   .Home_floor2 .Box .h4{font-size: 20px;}
   .Home_floor4_left{float: left;width: 50%;padding-right: 3%;border-right:1px solid #53535d;}
   .Home_floor4_right{float: right;width: 47%;}
   .Home_floor4_right{padding-top: 0;}
   .Home_floor4_right .Home_floor4_title{padding-bottom: 10px;}
   .Home_floor4_left .first{padding-bottom: 0;}
   .footer_top{display: block;}
   .footer_bottom .h4 a:nth-child(1){padding-left:0;}
   .footer_bottom .left{float: left;text-align: left;}
   .footer_bottom .right{float: right;}
   .footer_bottom .left a:hover{color:#b31b20;}
   .footer_bottom .right{display: block;}
   .top_slide_right{display: block;}

  .HF4-box{overflow: hidden;}
  /*.HF4-box .Home_floor4_left{margin-bottom: -9999px;padding-bottom: 9999px;}
  .HF4-box .Home_floor4_right{margin-bottom: -9999px;padding-bottom: 9999px;}*/


}
@media screen and (min-width:900px ){
   .top_target .Box{width: 790px;margin-left:-395px;left:50%;}
   .top_target .Box .box1{height: auto;padding:20px 60px 60px 80px;}
}

@media screen and (min-width:1024px ){
  .clear1024{display: none;}
  .Toper .navbtn{display: none;}
  .Toper .langBox{display:block;}
  .Toper .searchbtn{background-image: url(../images/seachicon.png);}
  .MaxNav{display: block; float: right; margin-right: 0;padding-top: 38px;}
  .MaxNav ul li{float: left;padding:0 30px;}
  
   #nav2  .nav_slide .left{padding-right: 80px;}
   #nav2  .nav_slide .right{ position:relative; z-index:100; padding-left:85px; min-height: 270px; }
   #nav2  .nav_slide .right a{ color:#666460; font-size:15px }
   #nav2  .nav_slide .right a:hover{ color:#0065af; font-size:15px }
   #nav2  .nav_slide .right dt:hover > a{ color:#0065af;font-size:15px  }
   #nav2  .nav_slide .right dl{ position:relative }
   #nav2  .nav_slide .right dl dt{ border-bottom: 0px solid #BEBEBE;  line-height:44px; font-size:16px; padding:3px 50px 3px 10px}
   #nav2  .nav_slide .right dl dt:hover{  line-height:44px; font-size: 16px; padding:3px 50px 3px 10px}
   #nav2  .nav_slide .right dl dt a{ padding-bottom:0; font-size:15px;}
   #nav2  .nav_slide .right dl dt .nr_box{ position:absolute;padding-left:0px; width:1000px; min-height: 230px; left:100%; top:0; display:none }
   #nav2  .nav_slide .right dl dt .nr_box .div_box{ float:left; width:700px;}
   #nav2  .nav_slide .right dl dt:hover .nr_box{ display:block; }
   .nav_slide .right dl .yc_icon{ display:inline-block; }
   .nav_slide .right dl .yc_icon span{color: red;}
   
   
  .MaxNav ul li .navA{border-bottom:2px solid transparent;background: none;color:#333333;background: none;line-height: 60px;padding:0;}
  .MaxNav ul li .navA:hover,.MaxNav ul li.on .navA{background:none; color: #333;border-bottom:2px solid #43bb1b; }
  .MaxNav{background: none;}
  .Top_tt{position: absolute;top:0;right:0;width: 100%;}
  .Toper .logo{padding:28px 0px 16px 0px;}
  .Toper{height: auto;padding:0;}
  .Toper_box{padding:0;}


  .searchBox{position: absolute; right: 0px; width: 400px; top: 80px;z-index: 88;}
  .nav_slide{display: block;position: absolute; left: 0;top:100px;width: 100%; background-color: rgba(217,223,228, 1); z-index: 98; padding:35px 0;min-height: 210px;display: none;}
  .nav_slide .nav_slide_box{max-width: 1100px;margin:0 auto;padding-left:155px;position: relative;}
  .nav_slide .left{position: absolute;top:0;left: 0;border-right:1px solid #c2c2c2;padding-right: 45px;padding-bottom: 22px;padding-left: 15px;}
  .nav_slide .left .h3{color:#333;font-size: 24px;display: none;}
  .nav_slide .left .h4{color:#333;font-size: 25px;margin:2px 0 60px;}
  .nav_slide .right dl{float: left;}
  .nav_slide .left .more a{color: #666;font-size: 14px;text-align: center;display: inline-block;width: 100px;height: 30px;line-height: 30px;border:1px solid #c2c2c2;}
  .nav_slide .left .more a:hover{color:#0065af;border-color:#0065af;}
  .nav_slide .right dl dd{margin:0;}
  .nav_slide .right dl{padding:0 0 0 2.8%;margin:0;padding-top: 8px;}
  .nav_slide .right dl dt a{color:#b31b20;font-size: 15px;padding-bottom: 15px;display: inline-block;}
  .nav_slide .right dl dd{color:#666666;line-height: 22px;display: block;margin-bottom: 15px;position: relative;}
  .nav_slide .right dl dd .yc_icon{position: absolute;right: 0px;top: 0;width: 74px;}
  .nav_slide .right dl dd .yc_icon span{color: red;}
  
  #nav3 .nav_slide .right dd img{vertical-align: middle;margin-right: 10px; width: 25px!important; height: 21px!important;}
  #nav3 .nav_slide .right dd a{color:#666666;}
  #nav3  .nav_slide .right dl dd{margin-bottom: 30px;}
  #nav3  .nav_slide .right dl{padding-right: 10%;padding-left: 0;}
  #nav3  .nav_slide .right{padding-left: 10%;}
  #nav3  .nav_slide .left{padding-right: 100px;}
  #nav3  .nav_slide .nav_slide_box{}
  #nav3 .nav_slide .right dd a:hover{color:#41821C;}

  .MaxNav .ul{float: left;}
  .searchBox{position: static;float: right;width: 47px; text-align:right; margin:0;padding:0;border:0;border-left:1px solid #dcdcdc;margin-top: 17px;margin-left: 35px;}
  .searchBox .Box  a{border:0;background: url(../images/search.png) #fff no-repeat right center;z-index: 7;width: 46px;height: 37px;top:-7px;}
  .searchBox .Box{border:0;height: 34px;line-height: 34px;}
  .searchBox .Box input{width: 200px;height: 34px;line-height: 34px;padding:0 8px;border:0px solid #dcdcdc; background:url(../images/searchbg.png) no-repeat }
  .searchBox .Box .input_box{position: absolute;right:0;top:-7px;height: 34px;background: #fff;width: 0;overflow:hidden;z-index: 2;padding-right: 15px;transition: all 0.5s;
    -moz-transition: all 0.5s;  /* Firefox 4 */
    -webkit-transition: all 0.5s; /* Safari 和 Chrome */
    -o-transition: all 0.5s;
      }
  .searchBox.show .Box .input_box{width: 205px;right: 47px;}
  
/*顶部搜索下拉框*/
.searchBox .Box .similar-products{position: absolute;
    right: 52px;
    top: 29px;
    height: 35px;
    background: #fff;
    width: 0;
    overflow: hidden;
    z-index: 2;
    padding-right: 15px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    width: 200px;
    min-height: 300px;
    max-height: 500px;
    display: block;
    overflow: scroll;
    padding: 5px;}
.searchBox .Box .similar-products a{width: 100%;position: relative;background: 0;cursor: pointer;height: auto;
                                    border-bottom: 1px solid #dcdcdc;}
/*顶部搜索下拉框end*/
  
  .HomeBan .max_img{display: block;}
  .HomeBan .min_img{display: none;}

  .Home_floor2 .ul li:hover .Box{opacity: 0;}
  .Home_floor2 .ul li:hover .Box1{opacity: 1;}
  .footer_top .left dl{padding-right: 8%;}
  .Top_tt{position: fixed;top:0;left:0;width: 100%;z-index: 888;}
  .Toper{position: fixed;top:0;left:0;width: 100%;z-index: 887;background: #fff;}
  body{padding-top: 100px;}

  .top_slide_right li.first:hover .Box{display: block;}
  .top_slide_right li.last:hover .Box1{display: block;}

  .top_slide_right li.first .Box .box{background: #fff;border:1px solid #dcdcdc;margin-right: 25px;width: 495px;position: relative;height: 170px;padding:33px 0;}
  .top_slide_right li.first .Box dd{float:left;width: 33.33%;text-align: center;font-size: 15px;color:#333333;border-right:1px solid #e5e5e5;padding:5px 0 10px;  margin: 0; }

  .top_slide_right li{width: 60px;height: 60px;text-align: center;color:#fff;background: #b31b20;margin-bottom: 2px;}
  .top_slide_right li.last{
    display: block;
  }
  .top_slide_right li.second{
    display: block!important;
  }
  .top_slide_right li.five:hover .Box {
        display: block;
    }

    .top_slide_right li.five:hover .Box {
        display: block;
    }

    .top_slide_right li.five .Box .box {
        background: #fff;
        border: 1px solid #dcdcdc;
        margin-right: 25px;
        width: 495px;
        position: relative;
        height: 170px;
        padding: 33px 0;
    }

    .top_slide_right li.five .Box dd {
        float: left;
        width: 33.33%;
        text-align: center;
        font-size: 15px;
        color: #333333;
        border-right: 1px solid #e5e5e5;
        padding: 5px 0 10px;
        margin: 0;
    }
}
@media screen and (min-width:1200px ){
  .Home_floor4_left .first{padding-bottom: 32px;}
}
@media screen and (min-width:1260px ){
   .Toper_box{padding:0 ;}
   .nav_slide .left{padding-left: 0;}
   .footer_top .right{right: 0;}
   .footer_top .left dl{padding-right: 12%;}
   
}
.top_slide_right li.second{
  display: none;
}


