/*轮播图片*/
.i-banner{
    position: relative;
    width: 100%;
    min-width: 1200px;
    height: 680px;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-repeat:no-repeat;
    background-position: center center ;
    overflow: hidden;
}
.i-banner .i-banner-info:hover img{transform: scale(1.05);opacity: 1;}
.i-banner .i-banner-bottom{ position: absolute;bottom: 160px;left:0;width: 100%;margin: 0 auto;}
.i-banner .i-banner-bottom .btn-box{margin: 0px auto;position: relative;width: 1200px;}
.i-banner .i-banner-bottom .i-banner-bottom-btn{position: relative; z-index: 999;
    margin-left: 18%;
    cursor:pointer;
    width: 300px;
    height: 38px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 38px;
    color: #fff;
    background-color: #605454;
    border-radius: 20px;

}
.i-banner .i-banner-bottom .i-banner-bottom-btn:hover{
    background-color:#ff6000;
    color: #fff;
    /*border: 2px solid    rgba(255,255,255,0.9);*/
    /*box-shadow: 1px 1px 1px    rgba(0,0,0,0.5);*/
}
/*产品分类*/
.i-category{position: relative; width:100%;min-width: 1200px;padding: 30px 0px;}
.i-category ul{margin: 0px auto;overflow: hidden;width: 1200px; }
.i-category ul li{width: 220px; float:left; margin-right:25px; }
.i-category ul li.m-r{margin-right:0px;}
.i-category ul li a{display: block;border-radius: 2px;overflow: hidden;border:1px solid #efefef;background: #efefef;}

.i-category ul li a .img{width: 100px;height: 100px; overflow: hidden;float: left;}
.i-category ul li a .title{width:100px;margin-left: 10px;margin-top: 10px; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;font-weight:bold;
    overflow: hidden;text-align: left;float: left;}
.i-category ul li a .small_title{width:100px;margin-left: 10px;color:#666;font-size: 12px;line-height: 20px;height: 60px;
    overflow: hidden;
    text-align: left;float: left;
}
.i-category ul li a:hover{background: #ff6000;color:#fff;border-radius: 2px;overflow: hidden;}
.i-category ul li a:hover .small_title{color: #fff;}

.i-about{position: relative;margin: 0px auto 20px; width:100%;min-width: 1200px;padding-bottom: 40px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-image:url("../images/i-about-bg.jpg");
    /*background-color:#efefef;*/
    /*background-image: linear-gradient(115deg,#3ca6da,#ffffff);*/
}
.i-about ul{overflow:hidden;max-width:1200px;  margin:10px auto 0px;}
.i-about ul li{float: left;width: 50%;}
.i-about ul li .img{ width: 95%; height: 300px;overflow: hidden;background: #efefef;}
.i-about ul li .title{width:100%;margin: 10px auto 5px;text-align: left; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;font-weight:bold;
    overflow: hidden; font-size: 18px;}
.i-about ul li .description{width:100%;color:#333;margin: 0px auto;line-height: 30px;height: 180px;
    overflow: hidden;
    text-align: left;
}

.i-about .btn{width: 98px;  height: 36px;line-height: 36px;text-align:center; margin: 30px 0px 40px 0px;}
.i-about .btn a{display: block; color: #fff;border-radius: 3px;    background: #3ca6da;}
.i-about .btn a:hover{background-color: #ff6000;}


/*首页产品*/
.i-pro{position: relative;margin: 0px auto 20px; width:100%;min-width: 1200px;
    /*background-color:#efefef;*/
    /*background-image: linear-gradient(175deg,#efefef,#ffffff);*/
}
.i-pro ul{overflow:hidden;max-width:1200px;  margin:10px auto 0px;}
.i-pro ul li{float:left;width: 273px;  margin-bottom: 30px;margin-right: 30px; overflow: hidden;
    border-radius: 3px;
    border:2px solid #efefef;cursor:pointer;}
.i-pro ul a{display: block;color: #333;}
.i-pro ul li a:hover{color:#ff6000;}
.i-pro ul li.m-r{margin-right: 0px;}
.i-pro ul li .img{margin: 0px auto; width: 100%; height: 270px;overflow: hidden;}
.i-pro ul li .img img{opacity: 0.9;}
.i-pro ul li .price{ margin: 5px auto 10px; background-color: #605454;text-align:center;width: 120px;line-height: 20px;
    color: #fff; font-size: 12px;font-weight:bold; border-radius:5px;}
.i-pro ul li .title{width:80%;margin: 10px auto 5px;text-align: left; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;font-weight:bold;
    overflow: hidden;text-align: center;}

.i-pro ul li p{width:80%;color:#666;font-size: 12px;margin: 0px auto 30px;line-height: 25px;height: 78px;
    overflow: hidden;
    text-align: center;
}
.i-pro ul li:hover .img img{transform: scale(1.05);opacity: 1;}
.i-pro ul li:hover{border-color:#ff6000;}


.i-pro .btn{width: 98px;  height: 36px;line-height: 36px;text-align:center; margin: 0px auto 40px;}
.i-pro .btn a{display: block; color: #fff;border-radius: 3px;    background: #3ca6da;}
.i-pro .btn a:hover{background-color: #ff6000;}



/*首页新闻*/
.i-news{position: relative;margin: 0px auto; overflow: hidden;background-color: #efefef; }
.i-news .i-news-list{width: 1200px;height: 600px;margin: 20px auto 0px;}
.i-news .i-news-list li{float: left;width:590px;overflow: hidden;margin-right: 20px;margin-bottom: 20px;background-color: #fff;}
.i-news .i-news-list li.m-r{margin-right: 0px;}
.i-news .i-news-list li:hover{box-shadow:0px 2px 5px #ccc;}
.i-news .i-news-list li a{display: block;position: relative; margin-bottom: 1px;}
.i-news .i-news-list li a .title{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;margin: 5px auto;overflow: hidden;margin:20px auto 10px;width: 550px;font-size: 20px;}
.i-news ul li a .description{ margin:0px auto 10px;width: 550px;color:#888;line-height: 20px;height: 40px; overflow: hidden;font-size: 12px;}
.i-news ul li a .date{ margin:0px auto 20px;width: 550px;color:#777;overflow: hidden;border-top:1px solid #efefef;padding-top: 10px;}
.i-news ul li a .date span {float:right;margin-right:10px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.i-news ul li a:hover .date span {margin-right:0px;}

/*首页合作伙伴*/
.i-job{ overflow: hidden; }
.i-job ul{width: 1200px;margin: 10px auto 60px;}
.i-job ul li{margin-bottom:15px; padding: 15px; display:block;overflow: hidden;background-color:#efefef;}
.i-job ul li .title{float: left;width: 200px;border-right: 1px solid #ccc; padding:0px 20px;}
.i-job ul li .title strong{display: block;height: 50px;line-height: 50px;font-size: 22px;}
.i-job ul li .title p{color:#666;font-size: 14px;height: 35px;}
.i-job ul li .job-info{line-height: 25px;height: 75px;overflow: hidden;float: left;margin-left: 20px;font-size: 12px;}
.i-job ul li .job-icon{float:right;width: 120px;height: 36px;margin-top: 20px;}
.i-job ul li .job-icon a{display: block;
    color: #fff;border-radius: 3px;    background: #3ca6da; line-height: 36px; text-align: center;}
.i-job ul li .job-icon a:hover{background-color: #ff6000;color: #fff;}
.i-job .btn{width: 98px;height: 36px;line-height: 36px;text-align:center; margin: 0px auto 20px;}
.i-job .btn a{display: block; color: #fff;border-radius: 3px;    background: #3ca6da;}
.i-job .btn a:hover{background-color: #ff6000;color: #fff;}