@charset "UTF-8";
/*  HAMPOO  2017/11/17 */

/* index */
body{font-family:"思源黑体 CN",arial,sans-serif;overflow-x:hidden;}
.w{width:85.96%;margin:0 auto;position: relative;}
img{width:100%; vertical-align:top;}
.ft12{font-size: 12px;}
.ft14{font-size: 14px;}
.ft16{font-size: 16px;}
.ft18{font-size: 18px;}
.ft20{font-size: 20px;}
a{ text-decoration:none; color:#333;  }
a:hover{ color:#e71a0f;  }
.header{
    width:100%;
    top:0;
    background:transparent;
    z-index: 50;
    height: 95px;
    position: fixed;
}
.h-wrap{
    box-shadow: 0 1px 9px #323131;
    background-color: #fff;
    border-bottom: 1px solid rgba(150, 150, 150, 0.2221);
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
}
.nav{
    /* width:92.91%; */
    width:85.96%;
    height: 88px;
    margin:0 auto;
}
.logo{
    float:left;
    padding-top:25px;
}
.nav-item{
    float:right;
}
.nav-item .list{
    position: relative;
    float:left;
    margin:0 20px;
}
.nav-item .list a{
    color:#666464;
    font-size: 18px;
    line-height: 88px;
}
.nav-item .first  a:hover{
    color:#e71a0f!important;
}
.nav-item .sub{
    width: 310px;
   padding:15px 0;
   left:-40%;
    display: none;
    position: absolute;
    text-align: left;
    background-color: #fff;
    top:90px;
    border-radius: 6px;
    border: 1px solid rgba(150, 150, 150, 0.2221)
}
.nav-item li .nav_img{
    overflow: hidden;
    float: right;
    width: 50%;
    margin: 10px 15px 10px 0;
}
.nav-item .sub li{
    float:none;
    margin:0 15px;
}
.nav-item .sub li a{
  
    font-size: 14px;
    line-height: 2;
}
.cart{
    display: none;
    position: absolute;
    padding-top:28px;
    right:5%;
}
.cart span{
    margin:3px auto;
    display: block;
    height:4px;
    background-color:#666464;
    border-radius: 6px;
}
.cart .n1,.cart .n2{
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.cart .n1{
    /* width:22px; */
    width:33px;

}
.cart .n2{
    width:33px;
}
.curr .n1{
    width:33px;
    background-color:#e71a0f;
}
.curr .n2{
    /* width:22px; */
    width:33px;
    background-color:#e71a0f;
}
.moblie-nav{
    display: none;
}
.moblie-nav ul{
    background-color:#242424;
    padding-top:20px;
    padding-bottom:30px;
}
.moblie-nav li{
    text-align: center;
    border-bottom: 1px dashed #383838;
}
.moblie-nav li a{
    color:#fff;
    font-size: 16px;
    line-height: 50px;
   
    
}
.search{
    position: relative;
    padding:30px;
    float:right;
}
.search:hover .s-form{
    display: block;
}
.search .s-form{
    display: none;
    position: absolute;
    top:90px;
    left: -125%;
    background:#fff;
    border-radius: 6px;

}
.search .search-input{
    width: 220px;
    height:34px;
    padding:0 40px 0 20px;
    border-radius: 10px;
    background-color:transparent;
    border:1px solid #f1f1f1;
    color:#e71a0f;
    font-size: 14px;
}
.search .search-btn{
    position: absolute;
    bottom: 0;
    right:0;
    width: 40px;
    height: 36px;
    background: url(../images/search_02.png) no-repeat center;
    border:none;
    
}
.search_icon{
    cursor:pointer;
    display: block;
    width: 30px;
    height: 30px;
    background:url(../images/search3_03.png) no-repeat center;
}

.search_icon1:hover{
    background-image: url(../images/search_01.png);
}
.language{
    float:right;
    margin-top:30px;
    overflow: hidden;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    /* margin-left:50px; */
}
.language li{
    float:left;
    height: 24px;
    background-color:#555256;
    text-align: center;
}
.language li.cur{background-color:#e71a0f;}
.language li a{
    display: block;
    color:#fff;
    line-height: 24px;

    font-size: 16px;
}
.language li .zh{padding:0 12px;}
.language li .en{padding:0 8px;}
.down_icon{
    position: absolute;
    left:50%;
    margin-left:-25px;
    display: block;
    width: 50px;
    height: 50px;
    background:url(../images/icon_down_03.png) no-repeat center;
}
.world .world_tittle{
    line-height: 105px;
    font-size: 30px;
    color: #282828;
    width: 85.96%;
    margin: 0 auto;
}
.world .bd{
    position: relative;
}
.world .hd{
    position: absolute;
    width:100%;
    left: 4.624%;
    top:14%;
}
.world .w-text{
    width:50%;
    position: absolute;
    left:28%;
    top:12%;
    text-align: center;
    color:#fff;
}
 .w-text a{
     display: block;
     padding-top:10px;
     color:#fff;
 }
 .w-text a:hover{
    color:#fff;}

.w-text h2{
    font-size: 30px;
    transform: scale(1);
    transition: all .3s;

}
.w-text p{
    line-height: 36px;
    text-align: left;
    text-indent: 2em;
    font-size: 16px;
    transform: scale(1);
    transition: all .3s;
  
}
.w-text:hover p,.w-text:hover h2{
    transform: translateY(-1px) scale(1.05);;
}
.w-text .cut-off{
    display: block;
    margin:48px auto;
    height:1px;
    width:231px;
    background-color:#a02414;
}
.w-text{
    margin:0 auto;
}
.w-tip{
    /*width:50%;
    position: absolute;
    left:25%;
    top:55%;*/
    margin-top: 1.5em;
    /*-webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);*/
    text-align: center;
    display:none;
}
.w-tip li{
    display:inline-block;
    height:40px;
    line-height: 40px;
    font-size: 14px;
    text-align: left;
    /*width:25%;*/
    margin:0 3%;
}

.w-tip span{
    color:#fff;
    background:url(../images/add.png)no-repeat 0 8px;
    padding-left:40px;
    display:block;
}
.content{
    width: 85.96%;
    margin: 0 auto;
    position: relative;
    padding-bottom: 98px;
}
.content .partner{
    width:65.00%;
}
/*.content .partner ul{height:90px;}*/
.partner li{
    display: inline-block;
    width:24%;
}
.partner li a{
    /*margin: 10px;*/
    border: 1px solid #fff;
    display: block;
    height:94px;line-height: 94px;text-align: center;
}
.partner li:hover a{
    border: 1px solid #f1f1f1;
}
.partner li img{max-height: 100%;width:auto;max-width: 100%;vertical-align: middle}
.nice{
    width:31%;
}
.nice_wrap{
    overflow: hidden;
    height:360px;
    padding:0 30px;
    background-color:#eeeeee;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
}
.nice_wrap .bd{width:100%}


/*
.nice .inner-bg{
    scrollbar-face-color:#c72c18; !*滚动条3D表面（ThreedFace）的颜色*!
    scrollbar-arrow-color:#656565; !*滚动条方向箭头的颜色*!
    scrollbar-track-color:#656565; !*滚动条的拖动区域(TrackBar)颜色*!
}
.nice .inner-bg::-webkit-scrollbar {
    width:6px;
    background:#656565;
}
.nice .inner-bg::-webkit-scrollbar-thumb {
    background:#c72c18;
    width:6px;
    height:93px;
}
.nice .inner-bg::-webkit-scrollbar-button {
    background:#eeeeee;
}
*/
.nice h4{
    line-height: 42px;
    color:#000;

}
.item_project p, .item_recommet p {
    padding-bottom:30px;
    line-height: 24px;
    color:#888;
}
.tip{
    padding-top:30px;
    position: relative;
}
.tip-text{
    position: absolute;
    left:0;
}
.tip-wrap{
    position: absolute;
    left:134px;
    top:40px;
}
.tip-wrap p{
    color:#000;
}
.tip-wrap .red1{color:#cc4635;}
.pic1{
    display:inline-block;
    width: 114px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    /*background:url(../images/3_31.jpg) no-repeat;*/
    background-color:#cc4635
}
.pic1 img{max-width:80%;/*;height:100%;*/max-height:100%;vertical-align: middle}
.nice_wrap .bd li{border-bottom:1px solid #aaa}
.item_recommet{
    padding-top: 15px;
    border-top:1px dotted #ddd;
}
.nice_wrap .bd li a{
    display: block;
}
.inter{
    padding-bottom: 10px;
    margin:0 auto;
    width:85.9695%;
}
.inter .i-text {
    height: 100%;
    padding-top:100px;
}
.inter .i-text p{
    font-size: 16px;
    color:#5a5a5a;
    line-height: 38px;
    text-align: center;
}
.inter .i-text span{
    color:#d15545;
}
.inter_wrap{overflow: hidden;padding:170px 0 30px;position:relative}
.inter_wrap .swiper-slide{-webkit-transition: .8s;transition: .8s}
.inter_wrap .swiper-slide .img{margin-bottom:5px;-webkit-transition: .8s;transition: .8s}
.inter_wrap .swiper-slide .img2{height:80px;overflow:hidden;opacity:0.6;-webkit-transform:rotate3d(1,0,0,-180deg);transform:rotate3d(1,0,0,-180deg);position:relative;-webkit-filter: blur(2px);-moz-filter: blur(2px);-ms-filter: blur(2px);filter: blur(2px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=2, MakeShadow=false); }
.inter_wrap .swiper-slide .img2 img{position:absolute;left:0;bottom:0;width:100%}
.inter_wrap .swiper-slide .img2:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(180deg,rgba(255,255,255,0.9),rgba(0,0,0,0.2))}
.inter_wrap .swiper-slide-next{position:relative;z-index: 2}
.inter_wrap .swiper-slide-next .img1{-webkit-transform-origin:bottom center;transform-origin:bottom center;-webkit-transform:scale(1.5);transform:scale(1.5)}
.inter_wrap .swiper-slide-next .img2{-webkit-transform:scale(1.5) rotate3d(1,0,0,-180deg);transform:scale(1.5) rotate3d(1,0,0,-180deg);opacity:0.7}
.inter_wrap .swiper-slide-next .img2 img{bottom:15px;}
.inter-next{position:absolute;height:50%;top:170px;right:0;width:33%;cursor:pointer;z-index: 1}
.inter-prev{position:absolute;height:50%;top:170px;left:0;width:33%;cursor:pointer;z-index: 1}

 .footer{
     background-color:#333333;
     margin-bottom: 10px;
 }
 .footer .f-wrap{
    padding-top:38px;
 }
 .footer .service{
     float:left;
     padding-left:20px;
     /* width:13.843%; */

 }
 .vertical-Line{
    margin: 0 4%;
     float:left;
     border-left:1px solid #3c3a3a;
     height:290px;
     width:1px;
 }
.service dt{
     font-size: 16px;
     color:#ffffff;
     line-height: 72px;
 }
 .service dd{
     font-size: 14px;
     line-height: 24px;
 }
 .service a{
    color:#939393;
 }
.service a:hover{color:#e71a0f}
 .follow{
     position: absolute;
     right:0;
     width:auto;
 }
 .follow dt {
    font-size: 16px;
    color:#ffffff;
    line-height: 72px;
 }
 .follow dd span.time{
     color:#939393;
     display: inline-block;
     font-size: 14px; 
     line-height: 24px;
     padding-top:14px;
    }
 .follow a{
     position: relative;
     display: inline-block;
     padding-right:20px;
 }
 .follow a img{
     display: none;
     width:200%;
     position: absolute;
     left:-100%;
     top:130%;
 }

 .follow a:hover img{
    display: block;
 }
 .fb{
     width: 44px;
     height: 44px;
     background:url(../images/facebook.png) no-repeat;
    } 
 .in{
     width: 44px;
     height: 44px;
     background:url(../images/twitter_F.png) no-repeat;
    } 
 .go{
     width: 44px;
     height: 44px;
     background:url(../images/10011_11.png) no-repeat;
    } 
 .tw{
     width: 44px;
     height: 44px;
     background:url(../images/10011_13.png) no-repeat;
    } 
.tel{
    margin-top:50px;
    height:64px;
    font-size: 16px;
    color:#ffffff;
    background: url(../images/tel.png) no-repeat 0 bottom;
}
.hp-news {
    position: relative;
    background-color:#eeeeee;
    padding-bottom: 84px;


}
.hp-news li{
    float:left;
    width:19.25442%;
    margin-right:5.804%;

}
.hp-news h2,.content h2{
    line-height: 105px;
    font-size: 30px;
    color:#282828;
}
.hp-news li p{
    width:97%;
    font-size: 16px;
    line-height: 26px;
    color:#333;
}
.hp-news li:hover p{
    color:#a02414;
}
.hp-news li span{
    font-size: 14px;
    line-height: 44px;
    color:#999;
}
.hp-news li:hover span{
    color:#333;
}
.news_in{width:72%;margin:0 auto;}
.news_in img{max-width:100%;height:auto!important;width:auto;}
 .copyright{
        margin-top:45px;
        border-top:1px solid #404040;
    }
    .copyright p{
        text-align: center;
        font-size: 13px;
        color:#fff;
        line-height: 60px;
        
    }
    .slideBox .show_mobile, .world .world_tittle{ display: none;}
    .slideBox .show_mobile li a{
        display: block;
        color:#fff;
    }
    .slideBox{ width:100%; /*overflow:hidden;*/ position:relative;margin:0 auto; }
    .slideBox .hd{ position: absolute;width:20%;left: 4.624%;top:15%; z-index:1; }
    .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
    .slideBox .hd ul li{ width:260px;height: 34px;background-color:#606060;color:#fff;font-size: 14px;line-height: 34px;margin-bottom: 14px;border-radius: 15px;text-indent: 2em;cursor: pointer; }
    .slideBox .hd ul li.on{  background-color: #a02414; color:#fff; }
    .slideBox .bd{ position:relative;  z-index:0; overflow: hidden;max-height:100vh;  }
    .slideBox .bd li{ zoom:1; vertical-align:middle; cursor: pointer; }
    .slideBox .bd li a{display:block;word-wrap: break-word}
    .slideBox .bd img{ width:100%; height:auto; display:block;}


    .picScroll-left{ width:100%;  /*overflow:hidden;*/ position:relative; }
    .picScroll-left .next{position: absolute;right:-25px;top:50%;z-index: 3; margin-top:-50px;display: block;width:50px;height: 50px;background:url(../images/slider-arrow.png) no-repeat -42px;cursor:pointer}
.picScroll-left .next:hover{background-position-x:17px;}
    .picScroll-left .bd{ padding:10px 0;width:95%;overflow: hidden;}
    .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
    .picScroll-left .bd ul li{ margin-right:90px; float:left; _display:inline; overflow:hidden; }
    .picScroll-left .bd ul li .pic{max-height: 180px; text-align:center;overflow: hidden; }
    .picScroll-left .bd ul li .pic img{ width:100%; height:auto; display:block;  padding:2px;}
    .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
    .picScroll-left .bd ul li .title{ line-height:24px;   }

    .banner .bd .tempWrap li {
        display: block;
        background-size:cover;
        background-repeat: no-repeat;
        background-position:left center ;
    }

    .container{
        width:89.60%;
        margin: 0 auto;
    }
    .slide{
        width: 100%;
        height:470px!important;
        overflow: hidden;
        position: relative;

    }
    .slide .img{
        overflow: hidden;
        position: absolute;
        transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
        -webkit-transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
        -moz-transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
        -o-transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
    }
    .slide .img img{
        width: calc(100% - 14px);
        height: calc(100% - 14px);
        margin: 7px;
    }
    .slide .img1{
        width: 40%;
        height: 40%;
        top: 30%;
        left: -50%;
        z-index: 1;
    }
    .slide .img2{
        width: 60%;
        height: 60%;
        top: 20%;
        left: -20%;
        z-index: 2;
    }
    .slide .img3{
        width: 80%;
        height: 80%;
        top: 10%;
        left: 10%;
        z-index: 3;
    }
    .slide .img4{
        width: 60%;
        height: 60%;
        top: 20%;
        left: 60%;
        z-index: 2;
    }
    .slide .img5{
        width: 40%;
        height: 40%;
        top: 30%;
        left: 110%;
        z-index: 1;
    }
    .slide-bt{
        position: absolute;
        left: 50%;
        bottom: 13%;
        z-index: 10;
    }
    .slide-bt span{
        width: 24px;
        height: 8px;
        background: #c9caca;
        float: left;
        margin: 5px;
        border-radius: 4px;
    }
    .slide .slide-bt .on{
        background: #ffd200;
    }
    button{
        width: 50px;
        margin: 20px;
    }
    
/* chanpin */

.c-banner{
    padding-top:90px;
}
.c-banner a{
    display: block;
}
.crumbs{
    margin-top:20px;
}
.crumbs a{ 
    font-size: 16px;
    color:#333;    
}
.crumbs .to{
    color:#e71a0f;
}
.produce,.produce_06{
    margin-top:70px;
    padding:0 15px;
}
.produce li{
    float:left;
    width:20%;
    height: 450px;
    border-right:1px solid #e5e5e5;
    padding:0 3.2%;
}
.produce li:last-child{ 
    border-right:1px solid #fff;
}
.produce li:first-child{
    padding-left:0;
}
.produce li:last-child{
    padding-right:0;
}
.produce li .c-img{
    overflow: hidden;
 
}
.produce li img{
    transition: all .5s ;
    -webkit-transition: all .5s ;
    -moz-transition: all .5s ;
    -o-transition: all .5s ;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
}
.produce li:hover img{
    transform: scale(1.2);
}
.produce li span{
    display: block;
    line-height: 1.8;
    text-align: center;
    font-size: 16px;
    color:#999;

}
.produce li h3{
    margin:10% auto;
     width: 80%;
    height: 50px;
    line-height: 50px;
    border: 1px solid #ddd;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    /* font-size: 24px; */
    font-size: 20px;
    color:#999;
    text-align: center;
    transition: all .5s ;
    -webkit-transition: all .5s ;
    -moz-transition: all .5s ;
    -o-transition: all .5s ;
}
.produce li:hover h3{
    color:#666;
    border: 1px solid #666;   
}
.produce li:hover a{
    color:#666;
}
.produce li span:hover{
    color:#e93831;
    
}
/* chanpin_06 */

.produce_06 li{
    box-sizing: border-box;
    padding-top:60px;
    position: relative;
    bottom:0;
    float:left;
    width:22.90%;
    height:540px;
    text-align: center;
    /* border:1px solid #666; */
    margin-left:42px;
    box-shadow: 0 0 1px #666;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}
.produce_06 li:first-child{
    margin-left:0;
}
.produce_06 li h3 {
    font-size: 30px;
    font-weight: 600;
    color:#333333;
    padding-bottom:24px;

}
.produce_06 li p{
    font-size: 16px;
    color:#999999;
    line-height: 26px;
}
.produce_06 li:hover p{
    color:#666;
}
.produce_06 li button{
    width: 162px;
    height:38px;
    background:#fff;
    border:2px solid #e71a0f;
    border-radius: 6px;
    font-size: 16px;
    color:#e71a0f;
    font-weight: 500;
    margin:32px 0 88px 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;

}

.produce_06 li:hover{
    position: relative;
    bottom:10px;
    box-shadow: 0 1px 10px #666;
    
}
.produce_06 li:hover button{
    background-color:#e71a0f;
    color:#fff;
}
.produce_06 .k-img{
    padding:0 0 62px 0;
}
.produce_06 img{
    width:inherit;
}

.line{
    margin:80px 0 48px 0;
    border-top:1px solid #cdcdcd;
    height:1px;
}


/* inter */

.callme{
    margin: 15px 0;
    font-weight: 700;
    font-size: 14px;
    display: block;
}

.about_a .row{
    padding-top:90px;
    min-height: 370px;
    position: relative;
}
.about_a #a1 .row{
    padding-top:0;
}
.about_a .wrap{
    position: absolute;
    width:28.545%;
    top:0;
    right:0;
}
 .r-text{
    width:65%;
}
.r-text .moz{
    width:50%;
    margin-top:18px;
}
.about_a .r-text p{line-height:30px;}
.r-text .moz li{
    padding-left:20px;
    font-size: 14px;
    line-height: 30px;
    color:#666666;
    background:url(../images/red_dot.png) no-repeat 0 center ;
}
.about_a .row h3{
    font-size: 36px;
}
.icon_03{
    margin: 36px 0;
    width:410px;

    /* background:url(../images/incon_03.jpg) no-repeat; */
}
.icon_04{
    margin: 36px 0;
    width:250px;
   
    /* background:url(../images/incon_07.jpg) no-repeat; */
}
.icon_03 img{
    width:100%;
    height: auto;
}
.icon_04 img{
    width:100%;
    height: auto;
}


.slideBox1,.slideBox2{ height:418px; overflow:hidden; position:relative;float:right}
.slideBox1 .hd,.slideBox2 .hd{ height:15px; overflow:hidden; position:absolute; right: 40.027%; bottom:6%; z-index:1; }
.slideBox1 .hd ul,.slideBox2 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox1 .hd ul li,.slideBox2 .hd ul li{ text-indent: 9999em; float:left; margin-right:10px;  width:15px; height:15px; line-height:14px; text-align:center; background:#7d7d7d; cursor:pointer; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
.slideBox1 .hd ul li.on,.slideBox2 .hd ul li.on{ background:#f00; color:#fff; }
.slideBox1 .bd,.slideBox2 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox1 .bd li,.slideBox2 .bd li{ zoom:1; vertical-align:middle; }
.slideBox1 .bd img,.slideBox2 .bd img{ width:100%; display:block;  }


/* News */
.news_menu,.news_menu_list{
    margin-top:45px;
    /* margin-bottom: 370px; */
}
.news_menu .curr,.news_menu_list .curr{
    height:370px;
    background-color:#eeeeee
}

.news_menu .curr .n-img,.news_menu_list .curr .n-img{
    overflow: hidden;
    display: block;
    height:275px;
    width:30.596%;
    margin-right:7%;
}


.news_menu .curr .btn,.news_menu_list .curr .btn{
    display: block;
    margin-top:46px;
    color:#666;
    width:176px;
    line-height: 40px;
    border:1px solid #666;
    border-radius: 6px;
    background-color:transparent;
    cursor: pointer;
}
.news_menu .curr:hover .btn, .news_menu_list .curr:hover .btn{
    color:#fff;
    background-color:#e71a0f;
    border:1px solid #e71a0f;
   
}
.news_menu  h4{
    float: left;
    font-size: 30px;
    display: none;
}
.news_menu .curr h3{
    padding-top:20px;
}
.news_menu  a,.news_menu_list  a{
    display: block;
    font-size: 14px;
    padding:34px 63px 40px 63px;
}

.news_menu_list .n-text span{
    color:#999;
}
.others_list {
    padding-top:45px;
}
.others_list li a{
    font-size: 18px;
    display: block;
    border-bottom: 1px solid #eeeeee;
    padding:8px;
}
   
.others_list  li h4:hover{
    /* text-decoration: underline; */
}
.news_menu  h3,.news_menu_list .n-text h3{
    font-size: 18px;
    color:#666;
    line-height: 36px;
}
.news_menu .n-text .active{

    color:#c02d2b;
    line-height: 24px;
}

.news_menu .date{
    font-size:30px;
    color:#e93831;
}
.news_menu .year{
    font-size:16px;
    color:#5e5d5d;
}
.news_menu .cont,.news_menu_list .n-text .cont{
    height: 105px;
    overflow: hidden;
    font-size: 14px;
    margin-top:12px;
    color:#666666;
    line-height: 1.5;
}
.news_menu li:hover h3,.news_menu_list li:hover h3{
    color:#e93831;
    
}

.news_menu .others .cont{
    color:#666;
}
.news_menu  li:hover .cont{
    color:#0f0e0e;
}
.news_menu .btn{
    display: none;
}
.news_menu li{
    height:295px;
    background-color:#fff;
    border-bottom:1px solid #eee;
}
.news_menu .others .n-img{
    overflow: hidden;
    width:17.48%;
    margin :0 4.584%;
   
}
.news_menu li img{
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
}
.news_menu  li:hover img{
    transform: scale(1.1);


}
.news_menu .others .n-text{ margin-right:4.584%;}
.news_menu .curr h4{
    display: none;
}
.news_menu .icon_down{
    position: relative;
    top:-30px;
    margin:80px auto;
    width: 75px;
    height: 75px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    cursor: pointer;
    background:url(../images/icon_down_red.png) no-repeat center;
}
.news_menu .icon_down:hover{
    top:0;
}
.pagetation{
    font-size: 16px;
    margin-top:150px;
   text-align: center;
   color:#888;
}
.pagetation a{
    
    display: inline-block;
   padding-left:10px;
   padding-right: 13px;
   color:#888;
}
.pagetation a:hover,.pagetation a.active{
    color:#e71a0f;
}
.applicaiton li{
    float:left;
    height:338px;
    width:22%;
    margin:23px 0;
    /* margin-bottom: 46px; */
    padding:0 1.83374%;
    border-right:1px solid #eee;
}
.applicaiton li:nth-child(4n+1){
    padding-left:0;
   
}
.applicaiton li:nth-child(4n){
    padding-right:0;
    border-right:1px solid transparent;
}
.applicaiton li a{
    display: block;
    padding:18px 13px;
    box-shadow: 4px 0 15px transparent;
}
.applicaiton li:hover a{
    box-shadow: 4px 0 15px #d0cbcb;
}
.applicaiton .a-img{
    overflow:hidden;
}
.applicaiton .a-img img{
    transform: scale(1);
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
}
.applicaiton li:hover img{
    transform: scale(1.1);
}
.applicaiton .a-text{
    text-align: center;
    font-size: 20px;
    line-height: 75px;
    color:#999;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
}
.applicaiton li:hover .a-text{
    color:#e9342c;
  
}
/* About */
.about_a{
    margin-top:50px;
}

.vertical_nav{
    z-index: 3;
    -webkit-transition: 1s;
    transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
}
.vertical_nav.on{position:fixed;}
.vertical_nav li{
  margin-bottom: 6px;
  width:260px;

}
.vertical_nav li a{
    overflow: hidden;
    display: block;
    width:178px;
    height:40px;
    color:#4a4a4a;
    line-height: 40px;
    font-size: 16px;
    padding:0 33px;
    background:#e5e5e5;
    border-radius: 6px;
}
.vertical_nav li:hover a,.vertical_nav li .active{
    color:#fff;
    background:#e71a0f url(../images/back_icon.png) no-repeat 200px;

}
.about_a{
    margin-bottom: 160px;
}
.about_a .us{
    margin-left:333px;  
}
.about_a .tex{
margin-top:20px;

}

.about_a .im{
    /* width:38.1%; */
    padding-left:4%;
}
.about_a .im .wrap_video{
    position: relative;
width:510px;
height:350px;
}
.about_a .im video{
 width:100%;
 height:100%;
    background-color:#000
}
.about_a .im .wrap_video a{
    position: absolute;
    top:50%;
    left:50%;
    background: url(../images/icon_06.png) no-repeat;
    margin-left:-24px;
    margin-top:-24px;
    width:48px;
    height:48px;
    display: block;
}
.about_a h3{
    font-size: 30px;
    color:#e71a0f;
    
}
.about_a p{
    font-size: 16px;
    line-height: 36px;
    color:#666666;
    margin-bottom: 36px;
    margin-right:60px;
}
.square{
    margin-top:90px;
}
.square_item{
    width: 79.156%;
}
.square li{
    float:left;
    width:33.333%;
}

.square li a{
    display: block;
   border:1px solid #eaeaea;
    margin:0 20%;
    height:145px;
    text-align: center;
}

.square li:hover a{
    background:#f6f5f5 url(../images/border_03.png) no-repeat center;
    background-size: 100% 100%;

}
.square  .text_wrap{
    padding-top: 45px;
    color:#777777;
    font-size: 14px;
}
.square .time{
    padding-top:45px;
    font-size: 33px;
    color:#e71a0f;
}
.square .bulided{
    margin-top:5px;
    display: block;
    font-size: 14px;
    color:#242424;


/* about_03 */
}
.about_c{
    margin-top:60px;
}
.honour{
    margin-left:333px;
}
.honour li{
    float:left;
    height:306px;
    width:30%;
    border-bottom:1px solid #e3e3e3;
    margin-right:3.333%;
   
}
.honour li:nth-child(3n){
    margin-right:0;
}
.honour h3{
    padding-bottom: 20px;
    font-size: 30px;
    color: #e71a0f;
}
.honour li:hover .bg{
    width:100%;
    height:100%;
    position: absolute;
    top: 0;
    left: 0;
    background:rgba(0, 0, 0, 0.336) url(../images/hor_icon_03.png) no-repeat center 90px;
    
}
.honour li a{
    position: relative;
    padding:33px 0;
    display: block;
    text-align: center;
    font-size: 18px;
    color:#666666;
}
.honour li .h-img{
    overflow: hidden;
    height:165px;
}
.honour li .h-img img{ 
    width: inherit;
    max-height: 100%;
    max-width: 100%;
}
.honour li .h-text{
    margin-top:5px;
    /* line-height:46px; */
}

.bg-model{
    top:0%;
    left:0%;
    display:none;
    background:rgba(0,0,0,0.6);
    width:100%;
    height:100%;
    position:fixed;
    z-index:99999;
}

.content-model{
    position: absolute;
    left: 35%;
    top: 25%;
    border-radius: 8px;
    width: 30%;
    height: 40%;
}
.content-model img{
    margin:0 auto;
    display: block;
    width:auto;
    min-height:100%;
    box-shadow: 0 0 20px #fff;
    
}

.partner_b{

}
.partner_b dl{
    padding-top:30px;
}
.partner_b dt{
    float:left;
    font-size: 20px;
    color:#666;
}
.partner_b dd{
    margin:1%;
    display: inline-block;
    width:13%;
}
/* industry */

.industry{
    margin-top:50px;
}
.industry #a1{
    padding-top:0;
}
.industry .ODM {
    position: relative;
    padding-top: 100px;
    margin-left:333px;
}
.industry .ind{
    position: relative;
    padding-top: 100px;
    margin-left:333px;
}
.industry h3{
    padding-bottom: 20px;
    font-size: 30px;
    color: #e71a0f;
}
.industry p{
    color:#666;
    font-size: 14px;
    line-height: 36px;
    padding-bottom: 35px;
}
.industry .tex{
    padding-bottom: 85px;
}
.industry p.p{
    width:60%;
}
   
.industry .o_img{
    width:28.12%;
    padding-left:60px;
    /* position: absolute;
    top:0;
    right:0; */
}
.industry .more li{
    background:url(../images/1_07.png) no-repeat left center;
}
.more li a{
    font-size: 16px;
    padding-left: 32px;
    color:#999;
}
.more li a:hover{
    color:#a02414;
}


/*history*/
.history{
    margin-top:50px;
    background:url(../images/dashed_03.png) repeat-y 29.90% ;
}

.history-date h4{
    cursor:pointer;
    background:url(../images/lcb.png) no-repeat  29.4% 0,url(../images/dashed_03.png) repeat-x 0 16px;
}
/*.history-date ul{
    display: none;
}*/
 .history-date strong{
     position: relative;
    display: block;
    color:#fff;
    font-size: 16px;
    line-height: 38px;
    width:15.56%;
    height: 38px;
    font-weight: 400;
    text-align: center;

}
.history-date strong::after{
    top:0;
    position: absolute;
    right:-25%;
    display: block;
    width:25%;
    height:38px;
    content: "";
    background-color:#fff;
}
.yellow{
    /* background-color: #ffc535; */
    background-color: #ff0000;
}
.green{
    background-color: #3cbbbe;
}
.red{
    background-color: #ff0000;
}
 .history-date  span{
    display: block;
    font-size:20px;
    width:15.56%;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color:#a6a6a6;
}
.history-date span b{
    color:#e71a0f;
    font-weight: 500;
}
 .history-date li{
    padding-bottom: 25px;
     position: relative;
    color:#333;
    height:69px;
    background:url(../images/dashed_07.png) no-repeat 29.70% 26px;
}
.history-date li:hover{
    background:url(../images/dashed_07_red.png) no-repeat 29.70% 26px;
}

.history-date li:hover p,.history-date li:hover h5{
    color:#e71a0f;
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    text-shadow: 0 3px 7px #242424;
    text-shadow: 0 3px 7px rgba(128, 128, 128, 0.329);
}
 .history-date li h5{
     
     position: absolute;
     left:23.26%;
     font-size: 14px;
     line-height: 69px;
     text-align: right;
     -webkit-transition: all .2s ease;
     -moz-transition: all .2s ease;
     -o-transition: all .2s ease;

}
.history-date li p{
    padding-top:30px;
    position: absolute;
    left:33.3%;
    height:24px;
    font-size: 14px;
    line-height: 1.4;
    color:#333;
    margin-top:inherit;
     -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
}
.boss{
    margin-top:35px;
    background: #f7f7f7
}
.boss,.organiza{
    padding: 40px 80px 80px;

}
.boss_photo{
    width: 260px;
    padding-right: 30px;
    padding-bottom: 15px;
}

.boss_info{
    padding-top:25px;
}
.boss_info .name{
    width:60%;
    font-size: 26px;
    margin-bottom: 10px;

}
/* .contact */
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.contact{
    margin-top:35px;
    margin-bottom: 40px;
}
.right_bottom .contact {
    width:50%;
}
.contact h4{
    font-size: 20px;
    color:#323131;
    line-height: 45px
    
}
.tittle_line{
    height: 4px;
    margin: 20px 0;
    display: block;
    background: url(../images/link_03.png) no-repeat;
}

.tittle_line1{
    height: 4px;
    margin: 20px 0;
    display: block;
    background: url(../images/link_07.png) no-repeat;
}
.service_way strong{
    color:#ff1f05;
    font-size: 30px;

}
.service_way{
    height: 190px;
    width: 250px;
    position: relative;
    text-align: right;
}
.service_way span{
    display: block;
    font-size: 15px;
    color:#666666;
   

}
.erwei{
    position: absolute;
    right:0;
    bottom: -40px;
    width:108px;
    text-align: center;
}
.erwei span{
    padding-top:10px;

}
.contact li{
    height: auto;
    font-size: 14px;
    color:#666666;
    background-image:url(../images/contact_icon.png);
    background-repeat: no-repeat;
    padding-left:6%;
    max-width: 90%;
    margin-bottom: 15px;
}
.contact1{margin:35px 0 40px;}
.contact li.map{
    background:url(../images/add_01.png) no-repeat top left
}

.num{
    background-position-y:-38px; 
}
.fix{
    background-position-y:-73px; 
}
.email{
    background-position-y:-109px; 
}
.zip{
    background-position-y:-148px; 
}

.border_bottom{
    margin-top:64px;
    display: block;
    width:78.62%; 
    height:1px;
    background-color: #d2d2d2;
}
.us_box1{
    padding-bottom: 50px;
    margin-top:25px;
    background:#f7f7f7;
    box-sizing: border-box;
}
.us_box1 h4{
    color:#e71a0f;
    font-size: 24px;
    margin-bottom:20px;
}
.u-text{
    /* width:40%; */
    line-height: 36px;
    padding:50px 0 0 50px;
}
.u-text span{
    display: block;
    font-size: 16px;
    color:#666;

}
.u-text span b{
    color:#383838;
}
.u-img{
    width:50%;
}
.us_box1 img{
    float:right;
}
.icon_08{
    background:#dedcdc url(../images/icon_08.png) no-repeat 96% center;
    color:#333333;
}
.icon_07{
    background:#e71a0f url(../images/icon_07.png) no-repeat 96% center;
    color:#fff;
}
.zhaopin .tab_btn li{
    display: inline-block;
    text-align: center;
    height:34px;
    vertical-align: middle;
    color:#333333;
    background-color:#dedcdc;
    line-height: 34px;
    padding:0 80px;
    margin-right:12px;
    cursor: pointer;
}
.tab_btn{
    margin-top:52px;
}
.zhaopin .tab_btn .active{
    color:#fff;
    background-color:#e71a0f;
}
.link{
    padding-left:80px;
    cursor:pointer;
  
}

.talent{
    padding-left:80px;
    /* padding-bottom:16px; */
    padding-top:18px;
}
.talent:last-child{
    padding-bottom: 25px
}
.tab_con{
    margin-top:40px;
}
.tab_con li{
    line-height:40px;
    margin-bottom:26px;

    
}
.list-grounp{
    display: none;
}
.tab_con li dl{
    background-color:#f5f5f5;
}
.tab_con dl dt{
    font-size: 14px;
    font-weight: 700;
    color:#000;
    line-height: 30px;
}
.tab_con dl dd{
    font-size: 14px;
    color:#737373;
    line-height: 30px;
}

#goTopBtn {
    position: fixed;
    top: 100%;
    background: url(../Images/top.gif) no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: none;
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9; /* Sit on top */
    padding-top: 170px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 560px;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal-content, #caption {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}

@keyframes zoom {
    from {transform: scale(0.1)} 
    to {transform: scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 170px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}
/*search*/
.search_wrap{width:90%;margin:90px auto 0;padding:80px 0 80px;min-height: 350px;}
.search_wrap_t{width:50%;margin:10px auto 60px;border:3px solid #bfbfbf;}
.search_wrap_t input{width:78%;float:left;height:40px;line-height: 40px;border:none;background:none;font-size: 18px;padding-left: 2%}
.search_wrap_t a{width:20%;float:right;text-align: center;font-size: 18px;line-height: 40px;color:#FFF;background:#ff0000}
.search_wrap_t a:hover{color:#FFF;background: #ff3714 }
.search_item{padding:37px 0 60px;border-bottom:1px solid #b2b2b2;}
.search_item a{display: block;}
.search_item h4{font-size:18px;line-height:1.5;padding:0.5em 0;color:#0f0e0e;}
.search_item p{font-size:14px;line-height: 30px;color:#666;}
.search_item:hover h4{color:#ff0000}
/*imp*/
.imp{width:90%;margin:0 auto;padding-bottom:60px;}
.imp_t h3,.imp_b h3{font-size:24px;line-height: 88px;color:#ff0000}
.imp_t li{float:left;width:25%;box-sizing: border-box;-webkit-box-sizing: border-box;border:1px solid #fff;position:relative;height:230px;background-repeat: no-repeat;background-size:cover;background-position: center;}
.imp_t li>img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:auto;max-width: 60%;max-height: 80px;}
.imp_t li .li_in{position:absolute;width:110%;min-height:110%;z-index: 1;left:-5%;top:-5%;display:none;background:#ff0000}
.imp_t li:hover .li_in{display: block;}
.imp_t li .li_in .li_in_img{margin:10px auto;text-align: center;}
.imp_t li .li_in .li_in_img img{max-width:60%;width:auto;margin:25px auto;max-height: 80px;}
.imp_t li .li_in p{margin-bottom:15px;padding:0 20px;text-align: left;color:#FFF;}
.imp_c{padding:80px 0;width:86%;position:relative}
.imp_c img{width:auto;}
.imp_c .bd{width:100%;overflow: hidden;}
.imp_c .bd li{width:50%;}
.imp_c .bd li .txt{width:73%;padding-left: 2%}
.imp_c .bd li .txt p{text-indent: 2em;color:#666;line-height: 1.5}
.imp_c .bd li .txt p .img2{margin:5px 0 0 1.5em;}
.imp_c .bd li .txt p .img2 img{}
.imp_c .bd li .img{padding-left: 2%;margin-top: 20px;}
.imp_c .hd .next{position: absolute;right:-15%;top:50%;z-index: 3; margin-top:-50px;display: block;width:50px;height: 50px;background:url(../images/slider-arrow.png) no-repeat -42px;cursor:pointer}
/*.imp_c .hd .next:hover{background-position-x:17px;}*/
.fl{float:left;}
.fr{float:right;}
.imp_b{}
.imp_bl{float:left;width:56%;}
.imp_br{float:right;width:28%;padding:5px 2% 30px;background:#eee;border-radius: 15px;margin-top:32px;}
.imp_br h4{font-size: 18px;line-height: 2;padding-top: 1em;padding-bottom: 0.5em;}
.imp_br p{font-size: 16px;line-height: 2.8;padding:0 5%;color:#666;}
.imp_form_item{width:48%;margin-bottom: 24px;}
.imp_form_item label{display:block;font-size: 16px;line-height: 32px;color:#666;}
.imp_form_item input,.imp_form_item select,.imp_form_item textarea{width:100%;padding-left:2%;background:#eee;height:60px;line-height: 60px;color:#666;box-sizing: border-box;-webkit-box-sizing: border-box;border:1px solid #aaa;border-radius: 5px;}
.imp_form_item.message,.imp_form_item.add,.imp_form_item.button{width:100%;}
.imp_form_item textarea{padding:1em 2%;height:12em;resize: none;line-height: 1.5;font-size: 16px;font-family: Arial}
.imp_form_item.button input{cursor: pointer;-webkit-transition: .3s;transition: .3s}
.imp_form_item.button input:hover{background:#ff0000;color:#FFF;}
/*thanks*/
.thanks_body{background:#f8f7f7;text-align: center;}
.thanks{padding:17em 0 17em;width:580px;margin:0 auto;}
.thanks h1{margin-bottom: 30px;}
.thanks h1 img{width:auto;max-width: 100%}
.thanks p{font-size: 18px;line-height: 44px;color:#e71a0f;}
/*float*/
.float{position:fixed;top:72%;right:10px;z-index: 999}
.float_btn{width:200px;height:2em;line-height: 2;color:#FFF;background:#979795;font-size: 24px;border-radius: 5px;display:block;text-align: center;-webkit-transition: .3s;transition: .3s;}
.float_btn:hover{background:#888;color:#FFF;}
.float_form{position:absolute;width:265px;height:360px;padding:15px 30px 38px;background:#979795;border-radius: 5px;bottom:70px;right:-400px;-webkit-transition: .3s;transition: .3s;}
.float_form.on{right:0}
.float_close{position:absolute;top:5px;right:12px;font-size: 24px; color:#000;-webkit-transition: .3s;transition: .3s;}
.float_close:hover{color:#ff0000}
.float_form h2{color:#000;font-size: 22px;line-height: 86px;text-align: center;}
.float_form input[type='text']{width:90%;padding:0 5%;height:34px;line-height: 34px;border:none;background:#FFF;border-radius: 3px;font-size: 16px;margin-bottom: 15px;color:#777;}
.float_form textarea{resize:none;width:90%;padding:10px 5%;height:85px;line-height: 1.5;border:none;background:#FFF;border-radius: 3px;font-size: 16px;font-family:"思源黑体 CN",arial,sans-serif;margin-bottom: 15px;color:#777}
.float_form input[type='button']{width:100%;height:54px;color:#FFF;background:#ff0000;border:none;opacity:.8;-webkit-transition: .3s;transition: .3s;cursor:pointer}
.float_form input[type='button']:hover{opacity:1}