/*banner*/
.banner{width:100%;position:relative;z-index:5;overflow:hidden}
.banner .swiper-container {position:relative;width: 1920px;height:600px;left:50%;margin-left:-960px;background:#222;}
.banner .swiper-container-horizontal .swiper-pagination-bullets {bottom: 10px;}
.banner .swiper-container-horizontal .swiper-pagination-bullet {width: 40px;height: 5px;border-radius:0;display: inline-block;background:#868686;opacity:1;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.banner .swiper-container-horizontal .swiper-pagination-bullet-active{opacity:1;background:#f08519;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 4px;}
.banner .swiper-button-prev{left:50%;margin-left:-627px}
.banner .swiper-button-next{right:50%;margin-right:-627px}


/*品质*/
.pinz{padding:50px 0px;box-shadow:rgba(0, 0, 0, 0.459) 0px 0px 10px;}
.pinz dl{width: 222px;float: left;padding-right: 50px;padding-left: 50px;padding-top: 57px;}
.pinz dl dt{height: 92px;line-height: 92px;overflow: hidden;font-size: 24px;color: #555;}
.pinz dl dt em{width: 114px;height: 92px;display: block;float: left;line-height: 0;}
.pinz dl dt em img{width: 92px;height: 92px;-webkit-transition: -webkit-transform 0.5s ease-out;-moz-transition: -moz-transform 0.5s ease-out;-o-transition: -o-transform 0.5s ease-out;-ms-transition: -ms-transform 0.5s ease-out;}
.pinz dl dt:hover img {-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.pinz dl dd span img,.ys_pic img,.jz dl dt span img,.news dt img{width: 374px;height: 210px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.pinz dl dd span img:hover,.ys_pic img:hover,.jz dl dt span img:hover,.news dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.pinz dl dd{padding: 35px 0 0;}
.pinz dl dd p{font-size: 16px;color: #555;line-height: 24px;height: 48px;overflow: hidden;}
.pinz dl dd span{width: 222px;height: 120px;display: block;overflow: hidden;margin-top: 22px;}
.pinz dl dd span img{width: 222px;height: 120px;}
.pinz .nobor01{padding-left: 0;background: none;}
.pinz .nobor02{padding-right: 0;}


/*产品中心*/
.cpzx{margin-top: 50px;}
.cp_tit{ background:#f08519;height:150px;overflow:hidden;margin-top: 30px;}
.cp_ul01 li{float: left;padding: 0 0 0 25px;}
.cp_ul01 li a{display: block;font-size: 20px;color: #fff;font-weight: bold;height: 54px;line-height: 54px; background:url('../images/listlogo.png') no-repeat 0 17px; padding:0 0 0 40px;}
.cp_ul01 .cp_ul02 li{padding: 0;}
.cp_ul01 .cp_ul02 li a{font-size: 16px;color: #fff;font-weight: normal;  background:url('../images/cp_ico03.png') no-repeat 0 15px;padding: 0 0 0 18px;height: 38px;line-height: 38px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-right:50px;}
.cp_ul01 li.nobor{width: 324px;padding: 0 0 0 60px;}
.cp_more{position: absolute;top: 70px;right: 0;width: 225px;}
.cp_more b{display: block;font-size: 16px;color: #fff;width: 70px;height: 80px;}
.cp_more em{display: block; width: 86px; height: 24px; text-align: center; line-height: 24px; font-size: 14px; color: #f08519; background: #fff; overflow: hidden;border-radius: 20px;-webkit-transition:all .3s;transition:all .3s;}
.cp_more a:hover em{box-shadow:0 2px 3px 0 #bcc5cf;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px)}

.cp_m{padding: 35px 0;position: relative;}
.cp_m p{width: 80px; height: 80px; position: absolute; top: 235px; cursor: pointer;-webkit-transition:all .3s;transition:all .3s;border-radius: 50%;z-index: 30;} 
.cp_lico{left: -100px;}
.cp_rico{right: -100px;}
.cp_m ul{float: left;}
.cp_m ul li{width: 374px;margin-right: 40px;}
.cp_m ul li em{width: 374px;height: 300px;display: block;line-height: 0;overflow: hidden;margin-bottom:15px;-webkit-transition:all .3s;transition:all .3s;}
.cp_m ul li em img{width: 100%;}

.cp_m ul li span{ width:374px; display:block; text-align:center; height:40px; line-height:25px;font-size: 16px;color: #666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_m ul li a:hover span{color: #f08519;}
.cp_m ul li a:hover em,.cp_m p:hover{box-shadow:0 10px 15px 0 #bbb;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px)}



/* 公司简介 */
.index_about{margin-top:4px;}
.index_about .img_list{display:table; margin:0 auto; margin-top:46px; margin-bottom:41px;}
.index_about .img_list ul{margin:0; padding:0; height:auto; overflow:hidden;}
.index_about .img_list ul li{margin:0 20px; float:left;width:200px; }
.index_about .img_list ul li img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; width:100%;}
.index_about .img_list ul li img:hover{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter:none;}
.index_about .img_list ul li p{     margin-top: 15px;font-size: 16px;text-align: center; color:#333333}
.index_about .about_info{width:1130px; height:auto; overflow:hidden; margin:0 auto; color:#666666; font-size:16px; line-height:30px; text-align:center;}

/*新闻资讯*/
.news_item{padding-bottom:80px}
.news_item .tops{margin-left:-40px;margin-top:30px}
.news_item .tops dl{float: left;margin-left:16px;width:280px}
.news_item .tops dl .pic{width:278px;height:198px;border:1px solid #e5e5e5;overflow:hidden}
.news_item .tops dl .pic img{width:278px;}
.news_item .tops dl .con{margin-top:10px}
.news_item .tops dl .con .t{width:280px;height:50px;line-height:25px;font-size:16px;color:#333;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_item .tops dl .con .p{margin-top:5px;width:280px;height:50px;line-height:25px;font-size:14px;color:#999;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_item .tops dl .con .d{margin-top:20px;width:280px;height:30px;line-height:30px;color:#999;background-color:#fff;}
.news_item .tops dl .con .d a{display: block;width:280px;height:30px;}
.news_item .tops dl .con .d span{float: left;margin-left:0;}
.news_item .tops dl .con .d i{float: right;width:20px;height:20px;margin-top:5px;background: url('../images/0-02.png') no-repeat -20px 0;}
.news_item .tops dl:hover .t{color:#f08519}
.news_item .tops dl:hover .d{background-color:#f08519}
.news_item .tops dl:hover .d span{color:#ffffff;margin-left:10px;}
.news_item .tops dl:hover .d i{background-position:0 0;margin-right:10px}
.choesbox_c{width: 345px;height:40px;margin: 35px auto;}
.choesbox{width: 140px;height: 40px;float: left;margin:0 15px;}
.choesbox a{color: #fff;text-align: center;line-height: 35px;}
.choesbox div.cur{background-color: #f08519;}
.choesbox div{width: 100%;height: 40px;background-color: #bbbbbb;float: left;font-size: 16px;}

.more .morebox{margin:0 auto;width:135px;height: 40px;margin-top: 40px;}
.more a {color: #fff;text-align: center;line-height: 35px;}
.lbx .l1{width:0;border-right: 30px solid #f08519;border-top: 20px solid transparent;border-bottom: 20px solid transparent;float: left;}
.lbx .l2{width: 75px;height: 40px;background-color: #f08519;float: left;font-size: 16px;}
.lbx .l3{width:0;border-left: 30px solid #f08519;border-top: 20px solid transparent;border-bottom: 20px solid transparent;float: left;}