@charset "utf-8";

/* CSS Document */

/*banner*/

.z_banner{width: 100%;height: 480px;background: no-repeat center;padding: 140px 0 0;margin-top: 100px;background-size: cover;color:#fff;}

.z_banner .z_banner_txt h6{position: relative;display: inline-block; font-size:54px;font-weight: bold;text-transform: uppercase;margin-bottom: 24px;}

.z_banner .z_banner_txt h6::before{content: "";position: absolute;width:70%;height: 2px;background-color: #c30d23;top: 78px;left: 0;}

.z_banner .z_banner_txt h6::after{content: "";position: absolute;width:40%;height: 4px;background-color: #c30d23;top: 77px;left: 0;}

.z_banner .z_banner_txt p{font-size: 24px;}

/*子导航*/

.z_nav{position: relative; width: 1140px;height: 70px;margin: -35px auto 60px;background-color: #0f0c0c;box-shadow: 0 7px 35px 5px rgba(0, 0, 0,1);z-index: 1;border-radius: 8px}

.z_nav p{text-align: center;color: #fff;font-size: 18px;text-transform: capitalize;line-height: 70px;font-weight: bold}

.z_nav p a{display: inline-block;font-weight: bold}

/*搜索*/

.z_search> .w900{width: 900px;margin: 0 auto;}

.z_search> .w900 > form{width: 900px;margin: 0 auto;padding: 180px 0 80px}

.z_search_in1{height:55px;padding: 0 10px;width:820px;float: left;line-height: 55px;font-size:16px;border: 1px solid #ccc;color: #fff}

.z_seach_btn1{float:right;width:80px;height:56px;border: 0;background:url(../images/z_search.jpg) no-repeat;}

.z_search_list >ul{margin-bottom: 80px}

.z_search_list >ul li{width: 892px;height: 300px;background-color: #f6f6f6;margin-bottom: 36px;transition: all .5s}

.z_search_list >ul li .z_search_img{margin: 14px 32px 14px 14px;width: 334px;height:272px;overflow: hidden;}

.z_search_list ul li .z_search_img img{width: 100%}

.z_search_list ul li .z_search_txt{width: 452px;padding: 36px 0}

.z_search_list ul li .z_search_txt h6{font-size:20px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}

.z_search_list ul li .z_search_txt p{font-size:16px;color: #666;line-height: 28px;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}

.z_search_list ul li .z_search_txt span{display: inline-block;vertical-align: middle;font-size:16px;color: #666;padding-left: 4px}

.z_search_list ul li:hover{background-color: #fff;box-shadow: 5px 5px 20px rgba(0,0,0,.2)}

.z_search_list ul li .z_search_txt em{display: block;width: 48px;height: 4px;background-color: #c30d23;margin: 10px 0 20px}

/*案例*/

.z_case{padding-bottom: 60px;}

.z_case_roll ul li{margin: 0 0 36px 60px;}

.z_case_roll ul li:nth-child(3n+1){margin-left: 0;}

/*页码*/

.pagination {display: flex;padding-left: 0;list-style: none;}

.pagination {align-items: center; justify-content: center;}

.pagination li {position: relative;margin: 0 5px 5px;}

.pagination li a {width:40px;height:40px;border:1px solid #ddd;line-height:40px;text-align: center;color: #fff;display: inline-block;transition:all .5s;}

.pagination li a:hover {color: #fff;background-color: #c30d23;border-color: #c30d23;}

.pagination li span {width:40px;height:40px;line-height:40px;text-align: center;color: #fff;background-color: #c30d23;display: inline-block;}

.pagination li a.next {border-color: transparent; font-size: 18px}

/*产品*/

.z_product{padding-bottom: 60px;}

.z_product_list{margin-bottom: 40px;}

/*新闻*/

.z_news{padding-bottom: 60px;}

.z_news_left{margin-bottom: 40px;}

/*右边栏*/

.sidebar{width: 330px;color: #fff}

.sidebar_title > h6{font-size: 24px;font-weight: bold;position: relative;margin-bottom: 34px;}

.sidebar_title > h6::before{content: "";position: absolute;width:100%;height: 1px;background-color: #fff;top: 44px;left: 0;}

.pro_cate ul li{width: 330px;margin: 12px 0;transition: all .5s}

.pro_cate ul li i{display: inline-block;vertical-align: middle; background:url(../images/icon_bg.png) -46px -32px;width:26px;height: 16px;}

.pro_cate ul li h6{display: inline-block;vertical-align: middle;font-size: 16px;transition: all .5s}

.pro_cate ul li:hover{padding-left: 4px;}

.pro_cate ul li:hover i{background:url(../images/icon_bg.png) -46px -64px;}

.pro_cate ul li:hover h6{color: #c30d23}

.reco_news{margin-top: 40px;}

.reco_news ul li{font-size: 0;line-height: 0;margin-bottom: 20px;}

.reco_news ul li .reco_news_img{display: inline-block;vertical-align: middle;width: 126px;height: 80px;overflow: hidden;}

.reco_news ul li .reco_news_img img{transition: all .5s}

.reco_news ul li h6{display: inline-block;vertical-align: middle;width:204px;padding:0 0 0 10px;font-size: 18px;line-height: 28px;height:56px;overflow: hidden;transition: all .5s}

.reco_news ul li:hover .reco_news_img img{transform: scale(1.2)}

.reco_news ul li:hover h6{color: #c30d23}



/*篇数*/

.page{margin-top: 48px;}

.page ul li{display: inline-block;width: 240px;height: 56px;background-color: #0d0a0a;text-align: center;font-size: 18px;line-height: 56px;color: #fff;text-transform: uppercase;border-right: 1px solid rgba(255,255,255,.2);transition: all .5s;box-shadow: 0 0 10px rgba(0,0,0,1)}

.page ul li a{font-weight: bold;}

.page ul li:last-child{border: none}

.page ul li.cur{color: #c30d23}

.page ul li:hover{color: #c30d23}

.page ul li:last-child:hover{color: #fff}



/*联系我们*/

.z_contact_title{text-align: center;}

.z_contact_title p{font-size: 18px;color: #c30d23;font-weight: bold}

.z_contact_title h6{font-size: 32px;color: #fff;font-weight: bold}

.z_contact_list ul{padding: 48px 0;background-color: #272525;color: #fff;box-shadow: 0 0 10px rgba(0,0,0,1);margin:24px 0 72px;}

.z_contact_list ul li{float: left; width: 400px;text-align: center;padding: 24px 0;border-right: 1px solid rgba(255,255,255,.2);height: 184px;}

.z_contact_list ul li p{font-size: 16px;margin-top: 24px;}

.z_contact_list ul li p a{display: inline-block;}

.z_contact_list ul li:nth-child(1) i{display: block;background:url(../images/icon_bg.png) -72px -32px;width: 40px;height: 40px;margin: 0 auto}

.z_contact_list ul li:nth-child(2) i{display: block;background:url(../images/icon_bg.png) -112px -32px;width: 56px;height: 40px;margin: 0 auto}

.z_contact_list ul li:nth-child(3) i{display: block;background:url(../images/icon_bg.png) -168px -32px;width: 56px;height: 40px;margin: 0 auto}

.z_contact_list ul li:last-child{border: none}

/*form表单*/

.z_contact_form{padding: 64px 48px;background-color: #272525;margin: 24px 0 72px}

.contact_form ul li{position: relative;margin-bottom:36px;width:656px;height:64px;line-height:64px; border: 1px solid rgba(255,255,255,.4);color: #fff}

.contact_form ul li.name{width: 530px;}

.contact_form ul li.phone{width: 530px;}

.contact_form ul li.email{width: 530px;}

.contact_form ul li i{display: block; position: absolute; width:32px;height: 32px;top: 14px;left: 10px}

.contact_form ul li.name i{background:url(../images/icon_bg.png) no-repeat 0 -88px;}

.contact_form ul li.phone i{background:url(../images/icon_bg.png) no-repeat -32px -88px;}

.contact_form ul li.email i{background:url(../images/icon_bg.png) no-repeat -64px -88px;}

.contact_form ul li.message i{background:url(../images/icon_bg.png) no-repeat -96px -88px;}

.contact_form ul li input{width:100%;padding: 0 18px 0 48px;font-size: 16px;color: #fff}

.txt_w::-webkit-input-placeholder {color: #fff;}

.txt_w::-moz-input-placeholder {color: #fff;}

.txt_w::-ms-input-placeholder {color: #fff;}

.contact_form ul li:nth-child(5){border: none}

.contact_form ul li.message{width:100%;height:180px;}

.contact_form ul li.message textarea{width:100%;padding:0 18px 6px 48px;font-family:Arial;height:180px;border:none}

.contact_form ul li.message textarea::-webkit-input-placeholder {color: #fff;}

.contact_form ul li.message textarea::-moz-input-placeholder {color: #fff;}

.contact_form ul li.message textarea::-ms-input-placeholder {color: #fff;}

.contact_form ul li.submit{margin:56px 0 0 10px;width: 200px}

.contact_form ul li.submit input{position: absolute;z-index: 3;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;padding: 0;}

.contact_form ul li em{position: absolute;display: block;right: 10px;top: 40%;font-size: 20px;color: #f00;line-height: 20px;font-weight: bold}

.contact_form ul li.submit:hover .more a{background-color: #fff; box-shadow: 2px 2px 10px rgba(0,0,0,.2);color: #ff5e14}

.contact_form ul li.submit:hover .more{background-color: #ff5e14}

p.code{position: relative;}

p.code input{display: inline-block;vertical-align: middle; width: 530px;height:64px;line-height: 64px;padding: 0 16px 0 48px;border: 1px solid rgba(255,255,255,.4);}

p.code > img{display: inline-block;vertical-align: middle;width: 160px;height: 64px;margin:0 0 0 12px}

p.code i{position: absolute; width: 32px;height:32px;top: 13px;left: 10px;background:url(../images/icon_bg.png) no-repeat -128px -88px;}

p.submit{position: relative;width: 175px;margin: 32px 0 0}

p.submit input{position: absolute;top: 0;left: 0;width: 175px;height: 42px;}

p.submit a{width: 194px;height: 54px;background-color: #c30d23;overflow: hidden;position: relative;margin-top:36px;}

p.submit a span{position: relative; font-size: 20px;color: #fff;line-height: 54px;padding: 0 0 0 42px;z-index: 2;transition: all .5s}

p.submit a span::before{background:url(../images/icon_bg.png) 0 -72px;content: "";background-repeat: no-repeat;position: absolute;width: 32px;height: 8px;top:6px;right:-42px;}

p.submit a::before,p.submit a::after {content: '';position: absolute;height: 100%;width: 100%;bottom: 100%;left: 0;z-index:1;-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}

p.submit a::before {background: #000;}

p.submit a::after {background: #c30d23;}

p.submit a:hover {color: #fff;}

p.submit a:hover::before,p.submit a:hover::after {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}

p.submit a:hover::after {-webkit-transition-delay: 0.175s;transition-delay: 0.175s;}

/*产品详情*/

.pro_article{padding-bottom: 60px;}

.pro_article_up{background-color: #272424;padding: 40px}

.pro_article_left{width: 564px;}

.pro_article_left1{border-radius: 10px;background-color: #fff;}

.pro_article_left1 ul li{float: left; width: 564px;height: 480px;border-radius: 10px;}

.pro_article_left1 ul li img{width: 100%; margin: 0 auto;border-radius: 10px;}

.pro_article_right{width: 504px;color:#fff}

.pro_article_right h6{font-size: 28px;position: relative;margin-bottom:36px;}

.pro_article_right h6::before{content: "";position: absolute;width:100%;height: 1px;background-color: rgba(255,255,255,.1);top: 54px;left: 0;}

.pro_article_right p{font-size: 16px;color: rgba(255,255,255,.8);text-align: justify;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 10;-webkit-box-orient: vertical;height: 240px}

.pro_article_right a{width: 194px;height: 54px;background-color: #c30d23;overflow: hidden;position: relative;margin-top: 88px;}

.pro_article_right a span{position: relative; font-size: 20px;color: #fff;line-height: 54px;padding: 0 0 0 42px;z-index: 2;transition: all .5s}

.pro_article_right a span::before{background:url(../images/icon_bg.png) 0 -72px;content: "";background-repeat: no-repeat;position: absolute;width: 32px;height: 8px;top:6px;right:-42px;}

.pro_article_right a::before,.pro_article_right a::after {content: '';position: absolute;height: 100%;width: 100%;bottom: 100%;left: 0;z-index:1;-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}

.pro_article_right a::before {background: #000;}

.pro_article_right a::after {background: #c30d23;}

.pro_article_right a:hover {color: #fff;}

.pro_article_right a:hover::before,.pro_article_right a:hover::after {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}

.pro_article_right a:hover::after {-webkit-transition-delay: 0.175s;transition-delay: 0.175s;}

.pro_article_down{color: #fff;width: 1200px;}

.pro_article_down > h6{font-size: 32px;background-color: #272424;line-height: 96px;width: 1200px;margin: 48px 0 0;padding-left: 40px;}

.pro_article_txt{padding: 24px 60px;border: 1px solid rgba(255,255,255,.2);border-top: none}

.pro_article_down p{font-size: 16px;color: rgba(255,255,255,.8);margin-bottom: 10px;}

.pro_article_down img{width: 100%;}

.line{background-color: #242121;width: 100%;height: 14px;margin-bottom: 80px;}

.z_product_form{background-color: #141313;padding: 0}

.z_product_form .contact_form ul li.name{width: 580px;}

.z_product_form .contact_form ul li.phone{width:580px;}

.z_product_form .contact_form ul li.email{width: 580px;}

.z_product_form p.code input{width: 580px;}

.product_dots{overflow:hidden;margin-top: -32px;position: relative;z-index: 1}
.product_dots ul{text-align: center;font-size: 0}
.product_dots ul li{display: inline-block; width:14px;height:14px;margin:0 5px;font-size: 0;cursor:pointer; border-radius: 10px;border: 1px solid #666}
.product_dots ul li.on{ background:#c30d23;border:1px solid #c30d23;}

/*文章*/

.z_article{background-color: #fff;width: 810px;padding-bottom: 56px}

.z_article_detail{width: 100%;}

.z_article_txt{padding: 36px 48px;}

.z_article_txt span{font-size: 14px;color: #c30d23;font-weight: bold}

.z_article_txt h6{font-size: 24px;color: #333;margin: 10px 0 24px}

.z_article_txt p{font-size:16px;color: rgba(102,102,102,1);line-height: 28px}

.z_article .page{padding:0 48px;}



/*关于我们*/

.z_about1{margin-bottom: 80px;}

.z_about1_right{width: 680px;height: 500px;}

.z_about1_left{width: 480px;}

.z_about1_left img{width: 226px;}

.z_about1_left em{display: block;width: 90px;height: 4px;background-color: #c30d23;margin: 10px 0 24px}

.z_about1_left span{display: block; font-size: 20px;color: #fff;margin-bottom: 18px;}

.z_about1_left p{font-size: 16px;color: rgba(255,255,255,.8)}

.z_about2{background:url(../images/z_about2.jpg) no-repeat center;padding-top: 126px;height: 600px}

.about_number ul li{float:left;width: 400px;text-align: center;}

.about_number ul li h6{display: inline-block;font-family: GemunuLibre;font-size: 56px;color: #c30d23}

.about_number ul li i{display: inline-block;font-family: GemunuLibre;font-size: 56px;color: #c30d23}

.about_number ul li span{display: block; color: #fff;font-size: 16px;}

.z_about3{position: relative;margin-top: -310px;z-index: 1;margin-bottom: 60px;}

.z_about3 > .w_center{background-color: #272525;padding: 0 0 100px}

.z_about3 .w_center > img{width: 100%;margin: 0 0 60px;}

.z_about3_txt{padding: 0 56px;position: relative;}

.z_about3_txt::before{content: "";position: absolute;width:2px;height: 100px;background-color: #c30d23;top:-110px;left: 50%;}

.z_about3 .w_center .z_about3_txt span{display: block; font-size: 24px;color: #fff;font-weight: bold;text-transform: uppercase;margin-bottom: 20px;}

.z_about3 .w_center .z_about3_txt p{font-size: 16px;color: rgba(255,255,255,.8);line-height: 36px;}

.z_about4{background:url(../images/z_about4.jpg) no-repeat center;padding: 100px 0}

.z_about4 span{display: block; font-size: 24px;color: #fff;font-weight: bold;text-transform: uppercase;margin-bottom: 20px;}

.z_about4 p{font-size: 16px;color: rgba(255,255,255,.8);line-height: 36px;}

.culture{margin: 60px 0 100px}

.culture_list ul li{float: left;width: 360px;background-color: #fff;position: relative;padding: 72px 42px 0 42px;height: 310px;margin: 60px 60px 0 0;box-shadow: 0 0 10px rgba(0,0,0,1)}

.culture_list ul li:last-child{margin-right: 0;}

.culture_img{width: 130px;height: 130px;background-color: #fff;border-radius: 50%;position: absolute;top: -65px;left:42px;box-shadow: 5px 5px 10px rgba(0,0,0,.4)}

.culture_img img{width: 60px;height: 60px;margin: 32px auto}

.culture_txt{color: #fff;}

.culture_txt h6{font-size: 24px;font-weight: bold;color: #333}

.culture_txt em{display: block;width: 32px;height: 2px;background-color: #c30d23;margin: 10px 0 24px}

.culture_txt p{font-size: 18px;color: #666}