@charset "utf-8";

/* CSS Document */

.z_inner{padding: 60px 0 100px;}



/*内页banner*/

.z_banner{width: 100%;height:510px;background: no-repeat center;padding: 110px 0 0;position: relative;}

.z_banner_txt{color: #fff;text-align: center;}

.z_banner_txt h6{font-size: 54px;text-transform: capitalize; font-family: Poppins1;;font-weight: bold;margin-bottom: 12px}

.z_banner_txt p{font-size: 34px;}



/*小导航*/

.z_nav{position: absolute; color: #fff;bottom: 20px;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);left: 50%;font-size: 24px;}

.z_nav a{display: inline-block;text-transform: capitalize;}

.z_nav a:last-child{color: #c30d23}



/*案例*/

.z_case_list{position: static;}

.z_case .case_list ul li{margin: 0 0 34px 34px;}

/*页码*/

.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: #c30d23;border-color: #c30d23;}

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

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



/*产品*/

.pro_sidebar{width: 372px;}

.pro_sidebar > h6{position:relative; height: 96px;background-color: #c30d23;font-size: 28px;text-align: center;line-height: 96px;color: #fff;font-weight: bold;border-radius:20px 20px 0 0}

.pro_sidebar > h6::before{position: absolute;width: 10px;height: 10px;background-color: #fff;border-radius: 50%;content: "";top: 43px;left: 20px; }

.pro_sidebar ul{background-color: #fafafa}

.pro_sidebar ul li h6{position: relative; font-size: 24px;color: #c30d23;font-weight: bold;line-height: 74px;padding-left: 28px;border-bottom: 1px dashed #ebebeb;text-transform: capitalize;background-color: #ebebeb;border-left: 4px solid #0b162b}

.pro_sidebar ul li h6::before{position: absolute;content: "";background:url(../images/icon_bg.png) -136px -48px; width: 24px;height: 16px;top: 30px;right: 28px;}

.pro_sidebar ul li a{font-size: 20px;color: #666;padding-left: 28px;border-bottom: 1px dashed #ebebeb;text-transform: capitalize;line-height: 64px;}

.pro_sidebar ul li a:hover{background-color: #c30d23;color: #fff;border-bottom: none}
.pro_sidebar ul li a.on{background-color: #c30d23;color: #fff;border-bottom: none}

.pro_right{width: 956px;}

.z_product_list .product_list_con ul li{width: 308px;margin: 0 0 16px 16px;overflow: hidden;}

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

.z_product_list .product_list_con ul li .product_list_img{width: 308px;height: 238px}

.z_product_list .product_list_con ul li .product_list_txt{padding: 24px}

/*新闻*/

.news_left{width: 1022px;}

.z_news_list ul li{background-color: #f9f9f9;box-shadow: 0px 3px 28.8px 3.2px rgba(3, 3, 3, 0.11);margin: 0 0 32px 0}

.z_news_list ul li .z_news_img{width: 382px;height: 250px;overflow: hidden}

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

.z_news_list ul li .z_news_txt{padding: 20px 48px 0 48px;width: 640px}

.z_news_list ul li .z_news_txt em{display: block;font-size: 21px;color: #2c2c2c;position: relative;padding-left:36px;}

.z_news_list ul li .z_news_txt em::before{position: absolute;content: "";background:url(../images/news_xs.png) no-repeat center;width: 29px;height: 24px;top: 2px;left: 0}

.z_news_list ul li .z_news_txt h6{font-size: 28px;font-family: Poppins1;color: #333;margin: 16px 0;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}

.z_news_list ul li .z_news_txt p{font-size: 20px;color: #666;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 60px}

.z_news_list ul li .z_news_txt span{float: right;display: block;width: 54px;height: 54px;border-radius: 50%;background-color: #c30d23;padding: 17px 8px;}

.z_news_list ul li .z_news_txt span img{width: 37px;height: 16px;}

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

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

.z_news_list ul li:hover .z_news_txt span img{-webkit-transform: rotate(360deg);

    animation: rotation 2s linear infinite;

    -moz-animation: rotation 2s linear infinite;

    -webkit-animation: rotation 2s linear infinite;

    -o-animation: rotation 2s linear infinite;}

.news_sidebar{width: 310px;}

.news_sidebar h6{position: relative; width: 310px;height: 58px;line-height: 58px;box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.33);font-family: Poppins1;font-size: 24px;color: #333;text-transform: capitalize;border-radius: 5px;padding-left: 54px;margin-bottom: 8px;}

.news_sidebar h6::before{position: absolute;width: 15px;height: 15px;background-color: #c30d23;content: "";top: 20px;left:24px}

.news_sidebar h6::after{position: absolute;width: 10px;height: 10px;background-color: #c30d23;content: "";top: 20px;right:24px;border-radius: 50%}

.news_sidebar a{position: relative; font-size: 18px;color: #666;line-height: 48px;border-bottom: 1px solid #ebebeb;padding-left:60px;transition: all .5s}

.news_sidebar a::before{position: absolute;content: "";background: url(../images/icon_bg.png) no-repeat -160px -48px;width: 16px;height: 16px;top: 16px;left: 28px;}

.news_sidebar a:hover{color: #c30d23;}

.news_sidebar a:hover:before{background:url(../images/icon_bg.png) no-repeat -176px -48px;}



/*视频*/

.z_video{padding: 60px 0 100px}

.video{}

.videolist { position:relative; float:left; width:448px; height:460px; margin: 0 0 28px 28px; cursor: pointer;overflow: hidden}

.container .videolist:nth-child(3n+1){margin-left: 0} 

.videolist h6{background-color: rgba(0,0,0,.6);font-size: 16px;color: #fff;text-align: center;line-height: 54px;position: absolute;left: 0;bottom: 0;width: 100%;padding: 0 10px;overflow: hidden;white-space: nowrap;}

.videolist .video_img{width: 448px;height: 460px;transition: all .5s}

.videoed { width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:1; border-radius:100%; }

.videos{ display:none;position:fixed; top:20%;left: 50%;background-color:rgba(0,0,0,1);margin-left: -700px; width:1400px; height:500px;z-index: 2 }

.videos  video{height: 100%;margin: 0 auto;width: 100%}

.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }

.videolist:hover .video_img{transform: scale(1.2)}

/*搜索*/

.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}

/*联系我们*/

.z_inner .title h6{font-size: 60px;}

.z_inner .title h6::before{margin-left: 230px;top: 8px}

.z_inner .title p{text-align: left;font-size: 20px;}

.form_right{width: 808px;}

.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: 24px;height: 24px;top: 20px;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 -24px -88px;}

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

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

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

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

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

.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: 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 .more{display: block; width:200px;height: 64px;background-color: #c30d23;color: #fff;text-align: center;line-height: 64px;transition: all .5s;font-size: 22px;font-family: Poppins;}

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

.contact_right{width: 474px;}

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

.contact_right ul li > img,.contact_right ul li .contact_txt{display: inline-block;vertical-align: middle;}

.contact_right ul li > img{width: 48px;height: 48px;}

.contact_right ul li .contact_txt{width: 426px; font-family: Poppins2;padding-left: 20px}

.contact_right ul li .contact_txt h6{font-size: 28px;color: #000;line-height:30px;margin-bottom: 12px}

.contact_right ul li .contact_txt p{font-size: 18px;color: #717074;line-height: 28px}

/*关于我们*/

.z_about1_left{width: 740px;}

.z_about1_left > h6{position: relative; font-size: 45px;color: #1f2d49;font-family: Poppins;}

.z_about1_left > h6::before{position: absolute;content: "";width: 44px;height: 44px;background-color: #c30d23;border-radius: 50%;top: 0;right: 120px;z-index: -1}

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

.z_about1_left > p{font-size: 20px;color: #666;line-height: 32px;}

.z_about1_left ul{margin: 32px 0 0}

.z_about1_left ul li{font-size: 20px;color: #666;position: relative;padding-left: 36px;margin: 14px 0}

.z_about1_left ul li::before{position: absolute;content: "";background: url(../images/z_about1_xs.png) no-repeat;width: 27px;height: 27px;top: 0;left: 0;}

.z_about1_right{width: 584px;}

.z_about1_xs{position: relative; background-color: #fff;box-shadow: 0px 10px 20px 10px rgba(0, 0, 0, 0.04);width: 406px;padding: 20px;margin-bottom: 40px;}

.z_about1_xs::before{position: absolute;content: "";width: 0; height: 0;border-left: 16px solid transparent;border-right: 16px solid transparent;border-top: 24px solid #fff;bottom: -24px;left: 50%;margin-left: -8px;}

.z_about1_xs span,.z_about1_xs em{display: inline-block;vertical-align: middle;}

.z_about1_xs span{color: #c30d23;font-size:24px;}

.z_about1_xs span i{font-family: Gemu1;font-size: 72px;}

.z_about1_xs em{font-size: 17px;color: #000;text-transform: uppercase;font-weight: bold;padding-left:16px}

.z_about1_xs em i{font-size: 14px;font-family: Poppins;color:  rgba(0,0,0,.7)}

.z_about1_xs > img{width: 580px;height: 416px;}

.z_about2{background: url(../images/z_about2_bg.jpg) no-repeat;background-attachment: fixed;background-size: cover;height: 206px;padding: 60px 0;margin: 54px 0}

.z_about2 p{line-height: 34px;position: relative; color: #fff;font-size: 25px;}

.z_about2 p::before{position: absolute;content: "";width: 12px;height: 12px;background-color: #c30d23;border-radius: 50%;bottom:6px;right: 160px;}

.z_about3{background: url(../images/z_about3_bg.jpg) no-repeat center;width: 100%;height: 788px}

.z_about3_left{padding: 200px 0 300px;width: 574px;position: relative;}

.z_about3_left::before,.z_about3_left::after{position: absolute;content: "";width: 50px;height: 50px;}

.z_about3_left::before{background-color: #fff;bottom: 200px;left: 0}

.z_about3_left::after{background-color: #c30d23;bottom: 195px;left: 5px}

.z_about3_left em{ display: block;background-color: #fff;width: 114px;height: 3px;margin-bottom: 16px}

.z_about3_left h6{position: relative;font-size: 55px;font-family: Poppins;font-weight: bold;color: #fff;text-transform: uppercase;}

.z_about3_left h6::before{position: absolute;content: ""; display: block;background-color: #fff;width: 114px;height: 3px;bottom: 0;right: 0}

.z_about3_right{width: 634px;height: 788px;overflow: hidden;position: relative;}

.z_about3_right .z_about3_list li{width: 100%; border:1px solid #e7e7e7;border-radius: 10px;padding: 24px;margin-bottom: 24px;height: auto!important}

.z_about3_right .z_about3_list li span{display: block; font-size: 25px;color: #323333;margin-bottom: 12px}

.z_about3_right .z_about3_list li p{font-size: 19px;color: #666;line-height: 26px;}

.about_dots{}

.about_dots .next,.about_dots .prev{width: 36px;height: 36px;padding:10px 6px;background-color: #c30d23;position: absolute;z-index: 1}

.about_dots .next{top: 0;right: 0}

.about_dots .prev {bottom: 0;right: 0}

.about_dots .next i,.about_dots .prev i{display: block; width: 24px;height: 16px;}

.about_dots .next i{background:#c30d23 url(../images/icon_bg.png) no-repeat -128px -88px;}

.about_dots .prev i{background:#c30d23 url(../images/icon_bg.png) no-repeat -152px -88px;bottom: 0;right: 0}

/*新闻文章*/

.z_news_article{width: 1022px;}

.z_news_article > img{width: 100%}

.article_txt{width:90%;background-color: #f9f9f9;margin: -100px auto 0;position: relative;z-index: 1;padding: 32px 48px;box-shadow: 0px 3px 28.8px 3.2px rgba(3, 3, 3, 0.07);}

.article_txt em{display: block;font-size: 21px;color: #2c2c2c;position: relative;padding-left:36px;}

.article_txt em::before{position: absolute;content: "";background:url(../images/news_xs.png) no-repeat center;width: 29px;height: 24px;top: 2px;left: 0}

.article_txt h6{font-size: 30px;font-family: Poppins1;color: #333;margin: 16px 0}

.article_txt p{font-size: 20px;color: #666;line-height: 35px;margin-bottom: 6px;}
.article_txt img{width: 100%}

/*篇数*/

.page{margin:36px 0 0;padding-left: 66px}

.page ul li{font-size: 18px;color: #c30d23;font-weight: bold;padding-right: 24px;text-transform: capitalize;margin: 12px 0}

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

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

/*产品文章*/

.z_pro_right{width: 920px}

.pro_article_left{width:920px;}

#pro_detail_img{height: 712px}

.pro_article_left1{background-color: #fff;border: 1px solid #ebebeb;overflow: hidden;height: 712px}

.pro_article_left1 ul li{float: left; width: 920px;height: 712px;}

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

.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 #999;background-color: #fff;}

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

.z_pro_txt{padding: 48px 32px}

.z_pro_txt_up{border-bottom: 2px dashed #d1d1d1;margin:0 0 24px 0}

.z_pro_txt h6{font-size: 35px;color: #000;margin: 0 0 12px 0}

.z_pro_txt_up p{font-size: 22px;color:rgba(102,102,102,.85);line-height: 36px;}

.z_pro_txt_up .more{line-height: 44px;height: 44px;font-weight: bold;margin: 32px 0 40px 0}