@charset "utf-8";
.index-wrapper{background: #f4f4f4;border-bottom: 8px solid #f9c319;}
.index-wrapper .i-wrap{position: relative;padding: 90px 69px 0;margin:-130px auto 0;background: #fff;}

.index-column-img{position: relative;}
.index-column-img:after{position: absolute;bottom: 0;left: 34%;width: 220px;height: 60%;background: #f4f4f4;z-index: 1;content:'';}
.index-column-img.i2:after{left: 31%;bottom: 22%;height: 54%;}
.index-column-img.i1{height: 555px;}
.index-column-img.i2{height: 655px;margin-top: 110px;}
.index-column-img .lefter{display: flex;flex-direction: column;justify-content: center;align-items: center;width:50%;width: 41.154%;height:100%; position: relative;z-index: 2;float:right; overflow:hidden; box-sizing:border-box; color:#fff;}
.index-column-img.i2 .lefter{float: left;width: 41.923%;}
.index-column-img .lefter h1{text-align:center; font-size:72px; color:#000; font-family:"HelveticaNeueLTStd-Bd";}
.index-column-img .lefter h1 div{border-bottom:2px solid #fff; padding-top:25px; width:36px; margin:0 auto;}
.index-column-img .lefter  .txt{padding:0 0 20px; color:#686868; line-height:200%; font-size:20px;font-family: "MyriadPro-Light"; text-align:center;}
.index-column-img .lefter .link a{display:block; width:165px; height:54px; line-height:54px; text-align:center; text-decoration:none; background:#131313; margin:0 auto; font-size:20px;color: #fff;}
.index-column-img .lefter .link a:hover{background:#363636;}
.index-column-img .ad{width:50%;max-width: 410px;position: relative;z-index: 2;float:left; overflow:hidden; height:100%;}
.index-column-img.i2 .ad{max-width: 645px;float: right;}
.index-column-img .ad a{display:block; width:100%; height:100%;}
/*.index-column-img .ad img{height:100%;}*/

.index-wrapper .i_title{margin: 60px 0;font-size: 48px;color: #000;font-family:"HelveticaNeueLTStd-Bd";text-align: center;}

.index-product{padding:50px 0 0;}
.index-product .list{}
.index-product .list .box{width: 22.299%;box-shadow: 0 0 0 5px #f6f6f6;padding-bottom: 15px;}
.index-product .list .box + .box{margin-left: 3.55%;}
.index-product .list .box .pic{padding: 20px 0;}
.index-product .list .box .pic img{transition: all .8s;-webkit-transition: all .8s;}
.index-product .list .box .brief{border-top: 1px solid #dcdcdc;margin:0 4%;}
.index-product .list .box .name{height: 42px;padding-top: 15px;font-size: 16px;line-height: 21px; color: #333;font-family: "MyriadPro-Regular";}
.index-product .list .box .price{font-size: 14px;color: #333;font-family: "MyriadPro-Regular";padding-top: 3px;}
/*.index-product .list .box .name:hover{text-decoration: underline;}*/
.index-product .list .box .hover{top: 0;bottom: 0;width: 100%;height: 100%;display: flex;justify-content: space-around;align-items: flex-end;background: rgba(0,0,0,.6) url(../images/icon_pplus.png) no-repeat center;}
.index-product .list .box .hover a{margin-bottom: 25px;}
.index-product .list .box:hover .hover{visibility: visible;opacity: 1;}

.index_news{ position: relative; margin-top: 17px;padding-bottom: 70px;/* height: 470px;*/}
.index_news .list{position:relative; width:100%;}
.index_news .list .item{float:left; /*height:190px;*/ overflow:hidden; width:50%;box-sizing: border-box;padding:0 30px 40px;}
.index_news .list .item::after{width: 70%;height: 195px;/*max-height: 86%;*/position: absolute;bottom: 0;left: 0;z-index: 0;background: #f4f4f4;content: '';}
.index_news .list .item.no_img .img{display:none;}
.index_news .list .item.no_img .info{padding-left:0;}
.index_news .list .item .box{width:100%; height:100%; position:relative;}
.index_news .list .item .img{width:44.068%;position: relative;z-index: 1;float:left;border:7px solid #fff;}
.index_news .list .item .img img{max-height:190px;}
.index_news .list .item .info{width:50%;position: relative;z-index: 1; float:left; padding-left:30px; box-sizing:border-box;}
.index_news .list .item .info *{font-family: "MyriadPro-Regular";}
.index_news .list .item .info .title{line-height:150%; padding:0 0 5px; font-size:18px;overflow: hidden;}
.index_news .list .item .info .title a{}
.index_news .list .item .info .desc{ line-height:178%;font-size:14px;color:#747474;height: 95px;}
.index_news .list .item .info .desc.none{display: none;}
.index_news .list .item .info .more{font-size: 16px;color: #000;padding-top: 10px;margin-top: 14px;border-top: 1px solid #c0c0c0;}

@media(max-width: 1440px){

}
@media(max-width: 1200px){
    .index_news .list .item::after{height: 140px;}

}
@media(max-width: 1000px){
    .index-wrapper .i-wrap{margin-top: 0;padding: 50px 5% 0;}

    .index-product .list .box{width: 47%;margin:0 1.5% 15px;}
    .index-product .list .box + .box{margin:0 1.5% 15px;}
    .index-product .list .box .name{margin-top: 5px;}
    .index-product .list .box .hover{display: none;}

    .index-column-img.col-img{height: auto;}
    .index-column-img.col-img .ad{width: 100%;float: none;margin:0 auto;}
    .index-column-img.col-img .lefter{width: 100%;float: none;margin:4% auto 0;}
    .index-column-img::after{display: none;}
    .index-column-img.i2{margin-top: 60px;}

    .index_news .list .item{padding:0 15px;}
    .index_news .list .item::after{display: none;}
	.index_news .list .item .img{width:100%;float: none;}
	.index_news .list .item .img img{max-height: 100%;width:auto;}
	.index_news .list .item .info{width:100%;float: none;padding-left: 0;}
	.index_news .list .item .info .title{padding:5px 0;}
    .index_news .list .item .info .desc{height: auto;}
    .index_news .list .item::after{display: none;}
}
@media(max-width: 768px){
    .index_news .list .item + .item{margin-top: 15px;}
    .index-wrapper .i_title{margin: 30px 0;font-size: 32px;}
    .index-column-img .lefter h1{font-size: 42px;}
}
@media(max-width: 640px){
	.index_news{}
	.index_news .list{margin-top:20px;}
	.index_news .list .item{width:100%;height: auto; padding:0 10px; box-sizing:border-box;}
}
@media(max-width: 500px){
    .index-product{padding: 30px 0;}
    .index-product .list .box{width: 100%;margin: 0 0 15px;float: none;}
    .index-product .list .box + .box{margin: 0 0 15px;}
    .index-wrapper .i_title{margin: 15px 0;}
}