/* banner */
#user_defined2 .banner{
    width:100%;
    height:630px;
}
#user_defined2 #banner{
    margin-bottom:0 !important;
    position:relative;
    overflow:hidden;
}
#user_defined2 #banner .camera_loader{
    background:url(http://img.easthardware.com/upload/z/z3/zohen/picture/2016/04/13/b2a25732-7205-416a-82d5-115191a4e16f.gif) no-repeat center;
    background-color:#fff;
}
#user_defined2 #banner .camera_fakehover{
    height:630px !important;
}
#user_defined2 #banner .camera_pag{
    display: none;
}
#user_defined2 #banner .camera_prev, #user_defined2 #banner .camera_next{
    opacity: 1 !important;
    position: absolute;
    top: 50%;
    outline: 0;
    width: 40px;
    z-index: 2;
    border-radius: 3px;
    height: 80px;
    margin-top: -41px;
    background: rgba(21, 20, 20, 0.91);
    border: 1px rgba(241, 241, 241, 0.11) solid;
    transition:all ease-out .3s;
    -moz-transition:all ease-out .3s;
    -o-transition:all ease-out .3s;
    -webkit-transition:all ease-out .3s;
}
#user_defined2 #banner .camera_prev:hover, #user_defined2 #banner .camera_next:hover{
    background-color: #cf0a0a;
}
#user_defined2 #banner .camera_prev{
    left: 20px;
}
#user_defined2 #banner .camera_next{
    right: 20px;
}
#user_defined2 #banner .camera_prev span{
    background-image: url(http://img.jihui88.com/upload/j/j2/jinhaoda/picture/2017/05/09/8d54d150-2626-4d7a-8a15-3086982612b2.png);
    position: absolute;
    top:20px;
    left: 0;
    background-position: 0 0;
}
#user_defined2 #banner .camera_next span{
    background-image: url(http://img.jihui88.com/upload/j/j2/jinhaoda/picture/2017/05/09/8d54d150-2626-4d7a-8a15-3086982612b2.png);
    position: absolute;
    top:20px;
    left: 0;
    background-position: -40px 0;
}


/* 首页产品展示 */
#user_defined3 .pro{
    width:100%;
    background-color: #f7f7f7;
}
#user_defined3 .pro_title{
    width:1200px;
    padding-top:55px;
    padding-bottom:17px;
    margin:0 auto;
    position: relative;
}
#user_defined3 .pro_title:after{
    content:"";
    width:100%;
    height:5px;
    display: block;
    background-image: url(http://img.jihui88.com/upload/j/j2/jinhaoda/picture/2017/05/06/453c7467-3622-47a9-bf8a-3f0e8e44752f.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom:6px;
    left: 0;
}
@font-face {
    font-family: 'webfont_pro_h1';
    src: url('//at.alicdn.com/t/ij70l7be5t57b9.eot'); /* IE9*/
    src: url('//at.alicdn.com/t/ij70l7be5t57b9.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//at.alicdn.com/t/ij70l7be5t57b9.woff') format('woff'), /* chrome、firefox */
    url('//at.alicdn.com/t/ij70l7be5t57b9.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('//at.alicdn.com/t/ij70l7be5t57b9.svg#思源黑体-粗') format('svg'); /* iOS 4.1- */
}
#user_defined3 .pro_title h1{
    font-weight:normal;
    text-align: center;
    margin:0;
    font-size:26px;
    color:#333333;
    line-height:38px;
    font-family: "webfont_pro_h1";
}
#user_defined3 .pro_title h2{
    font-weight:normal;
    text-align: center;
    margin:0;
    font-size:14px;
    color:#bab9b9;
    line-height:26px;
    text-transform: uppercase;
    font-family: "Arial";
}
#user_defined3 .category_content{
    width:1200px;
    height:40px;
    padding:42px 0;
    margin:0 auto;
}
#user_defined3 .category_content ul{
    font-size:0;
    line-height:0;
    text-align: center;
}
#user_defined3 .category_content li{
    display: inline-block;
    margin:0 6px;
}
#user_defined3 .category_content a{
    width:128px;
    height:38px;
    display: block;
    text-align: center;
    line-height:38px;
    border:1px solid #efefef;
    font-size:14px;
    color:#a6a3a6;
    background-color: #fff;
    transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    -webkit-transition:all .3s;
}
#user_defined3 .category_content a.active{
    background-color: #cf0a0a;
    color:#fff;
}
#user_defined3 .category_content a:hover{
    background-color: #cf0a0a;
    color:#fff;
}
#user_defined3 .pro_content{
    width:1200px;
    height:770px;
    padding-top:10px;
    padding-bottom:50px;
    margin:0 auto;
    position: relative;
}
#user_defined3 .pro_content ul:after{
    content:""; 
    display:block;
    clear:both; 
    visibility: hidden;
    line-height: 0; 
    height: 0;
    font-size:0; 
}
#user_defined3 .pro_content .prompt{
    font-size:16px;
    color:#666;
    line-height:40px;
    text-align: center;
}
#user_defined3 .pro_content .pro_list{
    width:291px;
    float: left;
    margin-right:12px;
    margin-bottom:24px;
}
#user_defined3 .pro_content .pro_list:nth-child(4n){
    margin-right:0;
}
#user_defined3 .pro_content .pro_list a{
    width:291px;
    display: block;
    position: relative;
    transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    -webkit-transition:all .3s;
}
#user_defined3 .pro_content .pro_pic{
    width:291px;
    height:291px;
    display: table-cell;
    vertical-align: middle;
    background-color: #fff;
    position: relative;
    transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    -webkit-transition:all .3s;
}
#user_defined3 .pro_content a:hover .pro_pic{
    box-shadow: 0 0 15px #999;
    -moz-box-shadow: 0 0 15px #999;
    -o-box-shadow: 0 0 15px #999;
    -webkit-box-shadow: 0 0 15px #999;
    transform: translateY(-12px);
    -moz-transform: translateY(-12px);
    -o-transform: translateY(-12px);
    -webkit-transform: translateY(-12px);
} 
#user_defined3 .pro_content .pro_pic img{
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}
#user_defined3 .pro_content .pro_name{
    width:255px;
    height:51px;
    display: block;
    box-sizing:border-box;
    font-size:15px;
    color:#ffffff;
    line-height:51px;
    text-align: center;
    position: absolute;
    left: 18px;
    bottom: 0;
    opacity: 0;
    background-image: url(http://img.jihui88.com/upload/j/j2/jinhaoda/picture/2017/05/06/57626945-d039-47b2-8920-d77c52f0dbf6.jpg);
    transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    -webkit-transition:all .3s; 
}
#user_defined3 .pro_content a:hover .pro_name{
    opacity: 1;
    bottom:18px;
}
#user_defined3 .pro_content .pro_type{
    font-size:17px;
    color:#575757;
    display: block;
    line-height:39px;
    text-align: center;
}
#user_defined3 .pro_content .more{
    width:120px;
    padding-right:30px;
    height:38px;
    display: block;
    position: absolute;
    bottom:50px;
    left: 50%;
    margin-left:-75px;
    text-align: center;
    line-height:38px;
    background-color: #fff;
    color:#aba8a8;
    font-size:14px;
    font-family: "Arial";
    transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    -webkit-transition:all .3s;
    box-shadow:0 2px 12px #e2e2e2;
    -moz-box-shadow:0 2px 12px #e2e2e2;
    -o-box-shadow:0 2px 12px #e2e2e2;
    -webkit-box-shadow:0 2px 12px #e2e2e2;
}
#user_defined3 .pro_content .more:hover{
    color:#525252;
    box-shadow:0px 7px 15px #dedede;
    -moz-box-shadow:0px 7px 15px #dedede;
    -o-box-shadow:0px 7px 15px #dedede;
    -webkit-box-shadow:0px 7px 15px #dedede;
}
#user_defined3 .pro_content .more:after{
    content:"";
    width:38px;
    height:38px;
    display: block;
    position: absolute;
    right:0;
    top:0;
    background-image: url(http://img.jihui88.com/upload/j/j2/jinhaoda/picture/2017/05/06/120adbc4-baf9-44f1-b671-8b1079d4b7dc.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #383838;
    transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    -webkit-transition:all .3s;
}
#user_defined3 .pro_content .more:hover::after{
    background-color: #cf0a0a;
}

/* 首页公司简介 */
#user_defined4 .profile{
    width:100%;
    height:776px;
    padding-top:84px;
    box-sizing:border-box;
    background-image: url(http://img.jihui88.com/upload/j/j2/jinhaoda/picture/2022/04/08/07e1bb81-7db8-45c0-992b-646be066cd86.jpg);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
#user_defined4 .profile:before{
    content:"";
    width:1200px;
    height:644px;
    background-color: #fff;
    position: absolute;
    top:84px;
    right:50%;
    margin-right:-67px;
}
#user_defined4 .profile .profile_title{
    width:1200px;
    margin:0 auto;
    padding:22px 0;
    position:relative;
    z-index: 2;
}
@font-face {
    font-family: 'webfont_profile_h1';
    src: url('//at.alicdn.com/t/3udx69iv5kqn0zfr.eot'); /* IE9*/
    src: url('//at.alicdn.com/t/3udx69iv5kqn0zfr.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//at.alicdn.com/t/3udx69iv5kqn0zfr.woff') format('woff'), /* chrome、firefox */
    url('//at.alicdn.com/t/3udx69iv5kqn0zfr.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('//at.alicdn.com/t/3udx69iv5kqn0zfr.svg#思源黑体-粗') format('svg'); /* iOS 4.1- */
}
#user_defined4 .profile .profile_title h1{
    font-weight:normal;
    margin:0;
    font-size:26px;
    color:#333333;
    line-height:36px;
    font-family: "webfont_profile_h1";
}
#user_defined4 .profile .profile_title h2{
    font-weight:normal;
    margin:0;
    font-size:14px;
    color:#bab9b9;
    line-height:20px;
    text-transform: uppercase;
    font-family: "Arial";
}
#user_defined4 .profile .profile_content{
    width:1200px;
    margin:0 auto;
    position: relative;
    z-index: 2;
}
#user_defined4 .profile .company_pic{
    display: inline-block;
    border:1px solid #efefef;
    padding:12px;
    font-size:0;
    line-height: 0;
}
@font-face {font-family: 'webfont_profile_h2';
    src: url('//at.alicdn.com/t/webfont_a6yu2qq3lxgbke29.eot'); /* IE9*/
    src: url('//at.alicdn.com/t/webfont_a6yu2qq3lxgbke29.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//at.alicdn.com/t/webfont_a6yu2qq3lxgbke29.woff') format('woff'), /* chrome、firefox */
    url('//at.alicdn.com/t/webfont_a6yu2qq3lxgbke29.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('//at.alicdn.com/t/webfont_a6yu2qq3lxgbke29.svg#思源黑体-粗') format('svg'); /* iOS 4.1- */
  }
  
#user_defined4 .profile_content h1{
    padding-left:13px;
    font-weight:normal;
    font-size:18px;
    color:#575757;
    line-height:56px;
    margin:0;
    font-family: "webfont_profile_h2";
}
#user_defined4 .profile_content p{
    font-size:12px;
    line-height:23px;
    margin-bottom:10px;
    color:#575757;
    width:634px;
    padding-left:13px;
    padding-right:20px;
    text-align: justify;
}
#user_defined4 .profile_content .contact_icon{
    overflow: hidden;
    padding-top:14px;
}
#user_defined4 .contact_icon li{
    float: left;
}
#user_defined4 .contact_icon a{
    width:50px;
    height:50px;
    display: block;
    background-image: url(http://img.jihui88.com/upload/j/j2/jinhaoda/picture/2017/05/08/a9fabd2c-a469-4cdb-9454-f82cb7bb0890.png);
    transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    -webkit-transition:all .3s;
}
#user_defined4 .contact_icon a.qq{
    background-position: 0 0;
}
#user_defined4 .contact_icon a.qq:hover{
    background-position: 0 -50px;
}
#user_defined4 .contact_icon a.wechat{
    background-position: -50px 0;
}
#user_defined4 .contact_icon a.wechat:hover{
    background-position: -50px -50px;
}
#user_defined4 .contact_icon a.weibo{
    background-position: -100px 0;
}
#user_defined4 .contact_icon a.weibo:hover{
    background-position: -100px -50px;
}

/* 首页新闻资讯 */
#user_defined5 .news{
    background-color: #fff;
    padding-bottom:104px;
    width:100%;
}
#user_defined5 .title_content{
    padding-top:64px;
    padding-bottom:48px;
}
@font-face {font-family: 'webfont_news_h1';
    src: url('//at.alicdn.com/t/webfont_zz05pg1a3fdmquxr.eot'); /* IE9*/
    src: url('//at.alicdn.com/t/webfont_zz05pg1a3fdmquxr.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//at.alicdn.com/t/webfont_zz05pg1a3fdmquxr.woff') format('woff'), /* chrome、firefox */
    url('//at.alicdn.com/t/webfont_zz05pg1a3fdmquxr.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('//at.alicdn.com/t/webfont_zz05pg1a3fdmquxr.svg#思源黑体-粗') format('svg'); /* iOS 4.1- */
  }  
#user_defined5 .title_content h1{
    text-align: center;
    font-weight:normal;
    margin:0;
    font-size:26px;
    color:#333333;
    line-height:36px;
    font-family: "webfont_news_h1";
}
#user_defined5 .title_content h2{
    text-align: center;
    font-weight:normal;
    margin:0;
    font-size:14px;
    color:#bab9b9;
    line-height:20px;
    text-transform: uppercase;
    font-family: "Arial";
}
#user_defined5 .news_content{
    width:1070px;
    height:470px;
    margin:0 auto;
}
#user_defined5 .news_content .news_show_content{
    width:640px;
    float: left;
}
#user_defined5 .news_show_content .news_pic_content{
    width:640px;
    height:320px;
    display: block;
    font-size:0;
    line-height:0;
    position: relative;
}
#user_defined5 .news_show_content .news_pic_content img{
    width:640px;
    height:320px;
    position: absolute;
    left:-150px;
    opacity: 0;
    transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    -webkit-transition:all .3s;
}
#user_defined5 .news_show_content .news_pic_content img.active{
    left:0;
    opacity: 1;
}
#user_defined5 .news_show_content .news_details_content{
    width:640px;
    height:150px;
    display: block;
    position: relative;
}
#user_defined5 .news_show_content .news_details_content li{
    position: absolute;
    width:640px;
    height:150px;
    box-sizing:border-box;
    padding:0 40px;
    padding-top:10px;
    bottom:-100px;
    opacity: 0;
    overflow: hidden;
    background-color: #f6f6f6;
    transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    -webkit-transition:all .3s;
}
#user_defined5 .news_show_content .news_details_content li.active{
    bottom:0;
    opacity: 1;
}
#user_defined5 .news_show_content .news_details_content h1{
    margin:0;
    font-weight:normal;
    font-size:16px;
    color:#777777;
    overflow: hidden;
    height:50px;
    line-height:50px;
}
#user_defined5 .news_show_content .news_details_content p{
    font-size:12px;
    line-height:20px;
    color:#777777;
    height:60px;
    overflow: hidden;
    text-align: justify;
}
#user_defined5 .news_list_content{
    width:420px;
    height:470px;
    float: right;
}
#user_defined5 .news_list_content li{
    width:420px;
    height:110px;
    margin-top:10px;
}
#user_defined5 .news_list_content li:first-child{
    margin-top:0;
}
#user_defined5 .news_list_content a{
    width:100%;
    height:100%;
    display: block;
    box-sizing:border-box;
    font-size:0;
    line-height:0;
    padding:18px;
    background-color: #eaeaea;
    transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    -webkit-transition:all .3s;
}
#user_defined5 .news_list_content a.active{
    background-color: #b40606;
}
#user_defined5 .news_list_content .news_pic{
    width:148px;
    height:74px;
    display: block;
    float: left;
}
#user_defined5 .news_list_content .news_pic img{
    width:100%;
    height:100%;
}
#user_defined5 .news_list_content .news_details{
    width:218px;
    height:74px;
    display: block;
    float: right;
}
#user_defined5 .news_list_content .news_title{
    display: block;
    overflow: hidden;
    height:24px;
    font-size:14px;
    color:#444444;
    line-height:24px;
    transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    -webkit-transition:all .3s;
}
#user_defined5 .news_list_content a.active .news_title{
    color:#fff;
}
#user_defined5 .news_list_content .news_info{
    height:40px;
    display: block;
    line-height:20px;
    font-size:12px;
    text-align: justify;
    color:#828282;
    overflow: hidden;
    margin-top:6px;
    transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    -webkit-transition:all .3s;
} 
#user_defined5 .news_list_content a.active .news_info{
    color:#fff;
    opacity: 0.5;
}

/* 公司介绍 */
#user_defined6 .bodyContContent{
    overflow: visible;
}
#user_defined6 .company_intro{
    width:100%;
    height:105px;
    background-color: #f7f7f7;
}
#user_defined6 .company_intro .intro_content{
    width:1200px;
    height:105px;
    margin:0 auto;
    position: relative;
}
#user_defined6 .company_intro .intro_content li{
    width:400px;
    height:250px;
    float: left;
    position: absolute;
    bottom:0;
}
#user_defined6 .company_intro .intro_content li.intro_list_1{
    left: 0;
}
#user_defined6 .company_intro .intro_content li.intro_list_2{
    left: 400px;
}
#user_defined6 .company_intro .intro_content li.intro_list_3{
    left: 800px;
}
#user_defined6 .company_intro .intro_content a{
    width:400px;
    height:250px;
    display: block;
    font-size:0;
    line-height:0;
    transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    -webkit-transition:all .3s;
}
#user_defined6 .company_intro .intro_content a:hover{
    transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:visible
    }
    100% {
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes slideInUp {
    0% {
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:visible
    }
    100% {
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
.slideInUp {
    -webkit-animation-name:slideInUp;
    animation-name:slideInUp
}