@charset "utf-8";

/* CSS Document */

.z_inner{background-color: #f2f4f6;}



/*搜索*/

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

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

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

.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: 229px;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: 201px;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: 2;-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}





/*内页banner*/

.z_banner{width: 100%;height: 640px;background: no-repeat center;padding: 180px 0 0;}

.z_banner_txt{color: #fff;}

.z_banner_txt h6{font-size: 60px;text-transform: capitalize; font-family: Gemu;}

.z_banner_txt em{display: block;width: 64px;height: 4px;background-color: #c30d23;margin-bottom: 24px}

.z_banner_txt p{font-size: 28px; font-family: Poppins;}



/*小导航*/

.z_nav{ background-color: #04123c;padding:15px 26px;display: inline-block;border-radius: 5px;color: #fff;margin-top: 200px}

.z_nav a{display: inline-block;font-size: 18px;line-height: 28px;text-transform: capitalize;}

.z_nav a:nth-child(1){color: #c30d23}



/*案例*/

.z_case{padding:90px 0}

.z_case_list ul li{margin: 0 0 51px 51px}

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

.line{width: 100%;height: 20px;background-color: #fff}

.hot_pro{padding: 64px 0 100px}

.hot_pro_con{position: relative;}

.hot_pro_list{margin-top: 36px;}

.hot_pro_list ul li{margin: 0 51px 20px 0}

.hot_pro a{top:-110px;}

.hot_pro .prev{left:91%}

.hot_pro .next{right: 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:48px;height:48px;border:1px solid #ddd;line-height:48px;text-align: center;color: #3b3b44;display: inline-block;transition:all .5s;}

.pagination li a:hover {color: #fff;background-color: #04123c ;border-color: #033566;}

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

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



/*产品*/

.z_inner_title{background-color: #fff;height: 80px;}

.z_inner_title ul li{float: left;}

.z_inner_title ul li a{position: relative; font-size: 18px;color: #333;font-weight: bold;line-height: 80px;padding:0 20px;text-transform: capitalize;}

.z_inner_title ul li a::before{position: absolute;content: "";width: 2px;height: 18px;background-color: #666;right: 0;top: 30px;}

.z_inner_title ul li a::after{position: absolute;content: "";width: 0;height: 2px;background-color: #c30d23;left: 55%;bottom: 0;transition: .3s ease 0s;}

.z_inner_title ul li:first-child a{padding-left: 0;}

.z_inner_title ul li:last-child a{padding-right: 0;}

.z_inner_title ul li:last-child a::before{display: none}

.z_inner_title ul li:hover a::after{width: 80%;left: 8%;background-color: #c30d23}

.z_inner_title ul li:hover a{color: #c30d23}
.z_inner_title ul li.on a::after{width: 80%;left: 8%;background-color: #c30d23}
.z_inner_title ul li.on a{color: #c30d23}
.z_product{padding:80px 0 100px}

.z_product .product_list{margin-top: 0;}



/*新闻*/

.z_news{padding: 80px 0 100px;}

.z_news_con{background-color: #fff;padding: 36px 36px 48px 36px;border-radius: 10px;}

.z_news_list ul li{background-color: #f2f4f6;margin-bottom: 36px;}

.z_news_list ul li .news_img{position: relative; width: 551px;height: 420px;overflow: hidden;}

.z_news_list ul li .news_img img{width: 100%;transition: all .5s}

.z_news_list ul li .news_date{right: 30px;bottom:280px;}

.z_news_txt{padding: 90px 42px 0 42px;width: 816px}

.z_news_txt .news_detail{padding: 0 0 36px 0;}

.z_news_txt .news_detail p{display: -webkit-box;-webkit-line-clamp: 3;margin-top: 12px}

.z_news_txt .news_bottom{padding: 36px 0}

.news_bottom .more{display: inline-block;vertical-align: middle;}

.z_news_list ul li:hover{box-shadow: 5px 5px 5px rgba(0,0,0,.1);}

.z_news_list ul li:hover .news_detail{border-bottom: 1px solid #c30d23}

.z_news_list ul li:hover .news_img img{transform: scale(1.2)}

.z_news_list ul li:hover .news_detail h6{color: #c30d23}

.z_news_list ul li:hover .news_date{background-color: #04123c;}

.z_news_list ul li:hover .news_date::before{border-left: 15px solid #04123c;}

.z_news_list ul li:hover .more::before {-webkit-transform: scale3d(9, 9, 1);transform: scale3d(9, 9, 1);}

/*联系我们*/

.z_contact{padding: 80px 0 100px;}

.z_contact_con{background:#fff url(../images/contact_bg.jpg) no-repeat bottom center;border-radius: 10px;}

.z_contact_up{border-bottom: 1px solid #f2f4f6}

.z_contact_up ul li{float: left;width: 480px;padding:60px 0 40px 52px;}

.z_contact_up ul li span,.z_contact_up ul li p{float: left}

.z_contact_up ul li span{width: 56px;height: 56px;border-radius: 5px;border: 4px solid #fff;box-shadow: 0px 3px 15.04px 0.96px rgba(4, 0, 0, 0.17);background-color: #c30d23;padding: 8px;margin-top:28px}

.z_contact_up ul li span i{display: block; width: 32px;height: 32px;background:url(../images/icon_bg.png) no-repeat 0 -64px;}

.z_contact_up ul li p{width: 368px; font-size: 16px;padding-left: 20px;line-height: 32px;}

.z_contact_up ul li p em{display: block; font-size: 32px;font-weight: bold;color: #04123c;text-transform: capitalize;margin-bottom: 12px}

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

.z_contact_up ul li:nth-child(2) i{background:url(../images/icon_bg.png) no-repeat -32px -64px;}

.z_contact_up ul li:nth-child(3) i{background:url(../images/icon_bg.png) no-repeat -64px -64px;}

.z_contact_up ul li p a:hover{color: #c30d23}

/*表单*/

.z_contact_down{padding: 82px 0 112px 60px;}

.z_contact_left{width: 760px;}

.contact_form{margin: 32px 0 0}

.contact_form ul li{position: relative;margin-bottom: 32px;font-size: 17px;}

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

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

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

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

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

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

.contact_form ul li input{width:100%;border: 1px solid #e5e5e5;line-height:64px;padding: 0  0 0 48px;}

.contact_form ul li textarea{width:100%;border: none; border: 1px solid #e5e5e5;padding: 4px  0 0 48px;height:140px}

.contact_form ul li.code input{ width: 400px;}

.contact_form ul li.code img{margin:-64px 0 0 420px ; width: 124px;height:65px;border: 1px solid #ebebeb}

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

.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 .more{display: block; width: 180px;height: 54px;background-color: #04123c;color: #fff;text-align: center;line-height: 54px;transition: all .5s}

.contact_form ul li.submit:hover .more{background-color: #c30d23;margin-left: 10px;}

.z_contact_down > img{float: right;width: 620px;margin-top: 120px}



/*关于我们*/

.z_about{padding: 80px 0 0}

.z_about1{padding-bottom: 136px}

.z_about1 > .w_center{position: relative;z-index: 2;height: 620px;}

.z_about1 > .w_center::before{position: absolute;background-color:#fff;content: "";width: 1200px;height: 620px;top: 0;left: 0;z-index: 1}

.z_about1_txt{width: 720px;position: relative;z-index: 2;padding: 80px 0 0 60px;}

.z_about1_txt span{display: block;font-size: 24px;color: #333;line-height: 36px;margin-bottom:24px}

.z_about1_txt p{font-size: 18px;color: #666;line-height: 30px}

.z_about1 > .w_center > img{float: right;position: relative;z-index: 2;margin-top: 64px;width: 658px;height: 490px;}

.z_about2{position: relative; background: url(../images/z_about2_img.jpg) no-repeat left center;height: 650px;}

.z_about2::before{position: absolute;background-color:#c30d23;content: "";width: 1064px;height: 668px;top: -72px;right: 0;z-index: 1}

.z_about2::after{position: absolute;background: url(../images/z_about2_bg.png) no-repeat;content: "";width: 1037px;height: 608px;top: -72px;right: 0;z-index: 1}

.z_about2_txt{position: absolute;color: #fff;z-index:2;top: 0;right: 240px;width: 780px}

.z_about2_txt span{font-size: 24px;display: block;margin-bottom: 12px}

.z_about2_txt p{font-size:18px;line-height: 30px;}

.z_about3{background: #c30d23 url(../images/z_about3_img.jpg) no-repeat center;padding: 98px 0 140px;margin: 60px 0 100px}

.z_about3_txt{width: 640px;color: #fff}

.z_about3_txt span{font-size: 24px;display: block;margin-bottom: 12px}

.z_about3_txt p{font-size:18px;line-height: 30px;}

.about_guodu1{margin-bottom: 0;}



/*新闻文章*/

.z_article{padding: 80px 0 100px}

.z_article_con{background-color: #fff;border-radius: 10px;padding: 76px 54px  100px;}

.z_article_txt{border-bottom: 1px solid #e9e9e9;padding-bottom: 36px}

.z_article_txt h6{font-size: 36px;color: #333;text-align: center;border-bottom: 1px solid #e9e9e9;padding-bottom: 16px}

.z_article_txt span{display: block;font-size: 16px;color: #666;margin: 16px 0 24px}

.z_article_sum{background-color: #f2f4f6;padding: 10px 24px;font-size: 17px; color: #666;line-height: 28px;margin-bottom: 12px}

.z_article_txt p{font-size: 18px;color:#808080;line-height: 30px;margin-bottom: 10px}
.z_article_txt img{width: 100%;padding: 10px 0}

.z_article_form{background:url(../images/z_article_bg.jpg) no-repeat center;padding: 60px 0}

.z_article_form > .w_center{position: relative;}

.z_article_form > .w_center > img{position: absolute;width: 416px;height: 735px;right: -72px;top: -76px}

.z_article_form .about_top_txt h6{color: #fff}

.z_contact_form{width: 1142px;}

.z_contact_form ul li{float: left;}

.z_contact_form ul li input{width: 360px;background-color: #fff;}

.z_contact_form ul li.phone{margin: 0 31px}

.z_contact_form ul li textarea{width: 1142px;background-color: #fff;}

.z_contact_form  ul li.submit{float: none}

.z_contact_form  ul li.submit .more{background-color: #c30d23}

/*篇数*/

.page{margin:36px 0 0;}

.page ul li{width: 48%;font-size: 18px;color: #666;font-weight: bold;overflow: hidden;white-space:nowrap;padding-right: 24px}

.page ul li a{display: inline-block;font-weight: normal}

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



/*产品文章*/

.pro_article{padding: 80px 0 100px;}

.pro_up{background-color: #f2f4f6;border-radius: 10px;height: 553px;border: 40px solid #fff;margin-bottom:72px}

.pro_article_left{width: 720px;height: 473px;box-sizing: border-box;box-shadow: 0 1px 0 rgba(0,0,0,.1);overflow: hidden;}
#pro_detail_img{height: 100%;width: 100%}

.pro_article_left1{background-color: #fff;overflow: hidden;width: 100%}

.pro_article_left1 ul li{float: left; width:720px!important;height: 473px;border: 1px solid #ebebeb;overflow: hidden}

.pro_article_left1 ul li img{width: 100%; margin: 0 auto;}

.z_product_dots{overflow:hidden;margin-top: -32px;position: relative;z-index: 1}

.z_product_dots ul{text-align: center;font-size: 0}

.z_product_dots ul li{display: inline-block; width:16px;height:16px;margin:0 5px;font-size: 0;cursor:pointer; border-radius: 10px;border: 1px solid #666;background-color: #fff;}

.z_product_dots ul li.on{ background:#c30d23;border: 1px solid #c30d23;}

.pro_article_right{width: 584px;padding: 64px 48px 0 0}

.pro_article_right h6{font-size: 24px;color: #333;font-weight: bold;padding-bottom: 12px;border-bottom: 1px solid rgba(0,0,0,.1);margin-bottom: 24px}

.pro_article_right p{font-size: 16px;line-height: 26px;color: #666;margin-bottom: 40px;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;}

.pro_form{width:  380px;}

.pro_form h6{font-size: 36px;color: #04123c;font-family: Poppins1;}

.pro_form .contact_form ul li{margin-bottom: 18px;}

.pro_form .contact_form ul li input{background-color: #fff}

.pro_form .contact_form ul li textarea{background-color: #fff}

.pro_form .contact_form ul li.code input{width: 244px}

.pro_form  .contact_form ul li.code img{width: 120px;margin-left: 258px}

.pro_form .contact_form ul li.submit{margin-top: 36px}

.pro_detail{width: 1000px;background-color: #FFFFFF}

.pro_detail_title ul li{float: left;width: 50%;height: 70px;font-size: 28px;text-align: center;line-height: 70px;border-bottom: 1px solid #e5e5e5;background-color: #fff;color: #333;border-top: 4px solid #c30d23}

.pro_detail_title ul li.on{;background-color: #c30d23;color: #fff;}

.pro_con{padding: 36px 36px 56px}

.pro_con .pro_con1{display: none;}

.pro_con .pro_con1.cur{display: block}

.pro_con1 p{font-size: 18px;color: #666;line-height: 30px;margin-bottom: 8px}

.pro_con1 img{width: 100%}