/* AB模板网 整站模板下载 */
/* 模板：Www.AdminBuy.Cn */
/* QQ：9490489 */
@charset "utf-8";.index-banner{position:relative;margin:0 auto;width:1680px;border-top:2px solid #f6f6f5}
.index-banner .f_btn{position:absolute;left:50%;top:70%;padding:2px;width:240px;height:60px;border:1px solid #aebc9f;transform:translateX(-50%);box-sizing:border-box}
.index-banner .f_btn a{display:block;width:100%;height:100%;line-height:55px;background:#aebc9f;font-size:18px;color:#fff;text-align:center}
.index-banner .bxSlide-outter{overflow:unset!important}
.index-banner .bx-wrapper .bx-controls-direction a{width:22px;height:42px;background:url(../images/turn_prev.png) no-repeat center center}
.index-banner .bx-wrapper .bx-controls-direction a.bx-next{background:url(../images/turn_next.png) no-repeat center center}
.bxSlide-outter .bx-wrapper .bx-pager.bx-default-pager a:hover,.bxSlide-outter .bx-wrapper .bx-pager.bx-default-pager a.active{background:#006967}
.bx-wrapper .bx-controls-direction a{}
.index-banner .bx-wrapper .bx-prev{left:-65px}
.index-banner .bx-wrapper .bx-next{right:-65px}
.i_txt{margin:0 auto;padding:63px 0 55px 0;width:100%;text-align:center}
.i_txt .title{line-height:50px;font-size:38px;color:#333333;font-family:Poppins-Regular;font-weight:bold}
.i_txt .brief{margin:30px auto 0;max-width:1200px;line-height:34px;font-size:16px;color:#666666;font-family:'Poppins-Regular'}
.i_txt a.read_more{display:block;margin:40px auto 0;width:196px;height:50px;line-height:50px;background:#000000;font-size:14px;color:#ffffff;font-family:'Poppins-Regular';text-align:center;text-transform:uppercase}
.i_pro{padding:35px 0 0px}
.i_pro .title{font-size:36px;color:#333333;font-family:Poppins-Regular;font-weight:bold;text-align:center;text-transform:uppercase;letter-spacing:2px}
.i_pro .pro_list{width:1680px;margin:50px auto 0}
.i_pro .pro_list .item{margin-left:37px;margin-bottom:53px;width:285px;position:relative;overflow:hidden}
.i_pro .pro_list .item:hover img{transform:scale(1.06)}
.i_pro .pro_list .item:first-child{margin-left:0}
.i_pro .pro_list .item:nth-child(5){margin-left:0}
.i_pro .pro_list .item .img{width:100%;height:0;padding-bottom:100%;position:relative;overflow:hidden}
.i_pro .pro_list .item .img a{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.i_pro .pro_list .item .info{margin-top:30px;text-align:center;overflow:hidden}
.i_pro .pro_list .item .info a{display:block;height:22px;font-size:16px;color:#333333;font-family:'Poppins-Regular';overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.i_pro .pro_list .item .info .index_price{font-size:16px;margin-top:10px}
.i_pro .pro_list .item .price{margin-top:10px;text-align:center}
.i_pro .pro_list .item:hover a{text-decoration:underline}
.i_pro .pro_list .all_pro{margin:30px auto 0;width:194px;height:48px;line-height:48px;border:1px solid #222222;text-align:center}
.i_pro .pro_list .all_pro a{color:#000000;font-size:14px;font-family:'Opensans-Regular';text-transform:uppercase;letter-spacing:2px}
.i_collect{margin:0 auto;width:1680px}
.i_collect a{display:block;width:33.333%;max-height:396px;overflow:hidden}
.i_collect a:hover img{transform:scale(1.06)}
.i_info{padding-top:60px;padding-bottom:112px}
.i_info .title{text-align:center;font-size:36px;color:#333333;font-family:Poppins-Regular;font-weight:bold;text-align:center;margin-top: 20px;}
.i_info .info_list{margin:70px auto 0;width:1200px}
.i_info .info_list .item{margin-left:32px;width:378px}
.i_info .info_list .item .img{height:239px}
.i_info .info_list .item:first-child{margin-left:0}
.i_info .info_list .item .info{margin-top:25px}
.i_info .info_list .item .info .date{font-size:14px;color:#999999;font-family:Opensans-Regular}
.i_info .info_list .item .info .s_title{margin-top:15px;height:56px;overflow:hidden}
.i_info .info_list .item .info .s_title a{line-height:30px;font-size:18px;color:#000000;font-family:Poppins-Regular}
.i_info .info_list .item .info .read_more{margin-top:50px;padding-left:41px;position:relative}
.i_info .info_list .item .info .read_more:after{content:'';position:absolute;width:31px;height:2px;background:#000000;top:50%;transform:translateY(-50%);left:0}
.i_info .info_list .item .info .read_more a{font-size:14px;color:#000000;font-family:'Opensans-Regular';text-transform:uppercase;letter-spacing:2px}
.i_info .info_list .item:hover .info .s_title a{color:#888888}
.i_info .info_list .item:hover .info .read_more:after{background:#d17474}
.i_info .info_list .item:hover .info .read_more a{color:#d17474}
@media screen and (max-width:1810px){.index-banner{width:1440px}
}@media screen and (max-width:1680px){.i_pro .pro_list{width:1440px}
.i_pro .pro_list .item{width:285px}
.i_collect{width:1440px}
}@media screen and (max-width:1570px){.index-banner .bx-wrapper .bx-prev{left:0}
.index-banner .bx-wrapper .bx-next{right:0}
}@media screen and (max-width:1440px){.i_pro .pro_list{width:1200px}
.i_pro .pro_list .item{width:272px}
.i_collect{width:100%}
}@media screen and (max-width:1200px){.index-banner{width:100%}
.i_txt{width:96%}
.i_txt .brief{width:100%}
.i_pro .pro_list{width:1000px}
.i_pro .pro_list .item{width:222px}
.i_info .info_list{width:1000px}
.i_info .info_list .item{width:312px}
.i_info .info_list .item .img{height:196px}
}@media screen and (max-width:1000px){.i_pro .pro_list{width:96%}
.i_pro .pro_list .item{margin-left:0;float:left;width:49%;text-align:center}
.i_pro .pro_list .item:nth-child(2n){float:right}
.i_pro .pro_list .item .img img{vertical-align:middle}
.i_pro .pro_list .item .img span{display:inline-block;height:100%;vertical-align:middle}
.i_info .info_list{width:768px}
.i_info .info_list .item{width:234px;text-align:center}
.i_info .info_list .item .img{height:150px}
.i_info .info_list .item .info .read_more{margin-top:20px;display:inline-block}
.i_txt .brief{font-size:18px}
}@media screen and (max-width:991px){.responsive_pc_header{display:none}
}@media screen and (max-width:768px){.index-banner{border-top:0}
.index-banner .bx-wrapper .bx-controls-direction a{width:15px;height:35px;background-size:100%}
.index-banner .bx-wrapper .bx-prev{left:10px}
.index-banner .bx-wrapper .bx-controls-direction a.bx-next{background-size:100%;right:10px}
.i_txt{padding:30px 0}
.i_txt .title{line-height:40px;font-size:24px}
.i_txt .brief{font-size:14px}
.i_pro{padding:0 0 30px}
.i_pro .pro_list{margin-top:30px}
.i_pro .pro_list .item{margin-bottom:25px}
.i_pro .pro_list .item .info{margin-top:15px}
.i_info{padding:30px 0}
.i_info .info_list{margin:30px auto 0;width:96%}
.i_info .info_list .item{margin-left:0;margin-bottom:20px;width:100%}
.i_info .info_list .item .img{height:auto}
.i_pro .title{font-size:30px}
.i_info .title{font-size:30px}
}@media screen and (max-width:750px){.i_collect a{width:100%;text-align:center;max-height:unset}
}

/*通用样式 首页产品*/
.content-bg{ background:#fff;padding:60px 0;}
.content-bg2{ background:#f5f5f5;padding:60px 0;}
.content-box{ width:1200px;margin:0 auto;}
.content-box:after{ content:"";display:block;height:0;clear:both;visibility:hidden;}
.border-bottom{ border-bottom:solid 1px #ddd;}
.pd30{ padding:30px 0;}
/*首页产品*/
.tab-chanpin-con{ background:#fff;padding-bottom:60px;border-bottom:solid 1px #ddd;}
.tab-chanpin-con:after{ content:"";display:block;height:0;clear:both;visibility:hidden;}
.tab-chanpin .hd{ padding:60px 0 180px 0;background-size:cover !important;}
.tab-chanpin .hd ul{ width:1200px;margin:0 auto;}
.tab-chanpin .hd ul h2{ float:left;font-size:28px;height:38px;line-height:34px;color:#fff;margin-right:40px;}
.tab-chanpin .hd ul li{ cursor:pointer;float:left;height:34px;line-height:34px;padding:0 30px;color:#fff;font-size:16px;margin-top:2px;}
.tab-chanpin .hd ul li.on{ background:#fff;color:#3c5dc5;position:relative;}
.tab-chanpin .hd ul li.on:before{ content:'';display:inline-block;margin-left:5px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;Position:absolute;bottom:-6px;left:50%;margin-left:-6px;}
.tab-chanpin span.right{ display:block;float:right;height:38px;line-height:38px;}
.tab-chanpin span.right a{ color:#fff;font-size:16px;}
.tab-chanpin span.right i{ display:inline-block; margin-left:6px;border-left:8px solid #fff;border-bottom:6px solid transparent;border-top:6px solid transparent;margin-top:-1px;vertical-align:middle;}
.tab-chanpin .bd{ width:1200px;margin:0 auto;margin-top:20px;}
.tab-chanpin .bd:after{ content:"";display:block;height:0;clear:both;visibility:hidden;}
.tab-chanpin .scroll_btn{ margin-top:30px;text-align:center;}
.tab-chanpin .scroll_btn a{ cursor:pointer;display:inline-block; width:10px;height:10px;border:solid 1px #ffcb2d;margin:0 4px 0 4px;text-indent:-9999px;border-radius:1000%;}
.tab-chanpin .scroll_btn a.on{ background:#ffcb2d;border:solid 1px #ffcb2d;}
/*产品列表*/
.list-chanpin{ }
.list-chanpin:after{ content:"";display:block;height:0;clear:both;visibility:hidden;}
.list-chanpin ul{ margin-left:-20px;margin-top:-20px;}
.list-chanpin ul li{ width:25%;float:left;margin-top:20px;}
.list-chanpin ul li .box{ margin-left:20px;background:#fff;padding-bottom:123px;position:relative;}
.list-chanpin ul li .box:after{ content:'';Position:absolute;bottom:0;height:5px;width:0;background:#ffcb2d;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;}
.list-chanpin ul li:hover .box:after{ width:100%;}
.list-chanpin ul li .box:hover{ box-shadow:0 5px 20px rgba(0, 0, 0, 0.1);}
.list-chanpin ul li .img{ width:100%;}
.list-chanpin ul li .img img{ width:100%;}
.list-chanpin ul li .tips{border-top:0;background:#fff;padding:20px 20px 30px 20px;Position:absolute;bottom:0;left:0;right:0;}
.list-chanpin ul li .tips h2{ margin-bottom:20px;height:28px;line-height:28px;font-size:18px;text-align:center;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.list-chanpin ul li .cs{ overflow:hidden;height:0;line-height:20px;font-size:12px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;}
.list-chanpin ul li .cs p{ margin-bottom:10px;max-height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#999;}
.list-chanpin ul li:hover .cs{ height:150px;}
.list-chanpin ul li .more-cp{ text-align:center;line-height:24px;height:24px;overflow:hidden;}
.list-chanpin ul li .more-cp span{ display:inline-block;}
.list-chanpin ul li .more-cp span.iconfont{ font-size:16px;padding-left:5px;transform:rotate(90deg);vertical-align:middle;margin-top:-7px;}

.tab-chanpin-con .title{font-size:36px;color:#333333;font-family:Poppins-Regular;font-weight:bold;text-align:center;text-transform:uppercase;letter-spacing:2px;margin-top: 20px;}