@charset "utf-8";

/* CSS Document */

.z_banner_txt{width: 1403px;left: 50%;transform: translate(-50%, -50%);top: 50%;position: absolute;text-align: center}

.z_banner_txt h6{margin: 12px 0 26px;font-family: ArcaMajora;font-size: 48px;font-weight: bold;text-transform:uppercase;color: #fff}

.z_banner_txt p{font-size: 16px;color: #cecece;width: 1100px;margin: 0 auto}

.nav_x{font-size: 14px;color: #cecece;text-transform: uppercase;line-height: 40px;}

/*关于我们*/

.z_about_banner{position: relative;background:url(../images/about_banner.jpg) no-repeat;height:664px}

.about_num1{position: absolute; width: 1403px;margin: 0 auto;background-color: #fff;z-index:1;padding: 26px 0;box-shadow: 2px 1px 21px rgba(36,36,36,.18);bottom:-180px;left: 50%;transform: translate(-50%, -50%);}

.about_num1 ul li.about_num1_1{background: url(../images/num_right.png) no-repeat 276px 10px;}

.about_num1 ul li.about_num1_2{background: url(../images/num_right.png) no-repeat 252px 10px;}

.about_num1 ul li.about_num1_4{background: url(../images/num_right.png) no-repeat -36px 10px;}

.why{background: url(../images/z_about_bg.png) no-repeat;padding: 180px 0 100px;}

.why_title{color: #333;text-align: center;margin-bottom: 78px}

.why_title h6{font-family: ArcaMajora;font-size: 36px;font-weight: bold;text-transform: uppercase}

.why_title p{font-size: 16px;}

.why_con_img{width: 708px}

.why_con_txt1{width: 695px;padding: 96px 0 0 62px}

.why_con_txt em{display: block;font-size: 16px;color: #666;}

.why_con_txt h6{font-size: 24px;color: #333;font-weight: bold;margin: 6px 0 12px}

.why_con_txt span{display: block;width: 78px;height: 1px;background-color: #333;margin-bottom:32px}

.why_con_txt p{font-size: 16px;color:#333;line-height: 30px;margin-bottom: 42px}

.why_con_txt2{width: 708px;padding: 153px 128px 0 0}

.why_con_img1{width: 695px}

.service{background: url(../images/service.jpg) no-repeat;padding: 143px 0 114px}

.service_txt{width: 708px;color: #fff;padding-right: 124px}

.service_txt h6{font-family: ArcaMajora;font-size:48px;font-weight: bold;text-transform: uppercase}

.service_txt p{font-size: 16px;line-height: 30px;margin: 32px  0 68px}

.service_txt span{position:relative; display: block;width: 204px;height: 58px;color: #cc0202;font-size: 24px;line-height: 58px;background-color: #fff;text-align: center;border-radius: 6px; border-bottom-right-radius: 20px;transition: all .5s}

.service_txt span a{position: absolute;background: url(../images/service_con.png) no-repeat;width: 206px;height: 60px;top: 0;left: 0;font-weight: bold;}

.service_txt span:hover{background-color: #cc0202;color: #fff}

.service_advantage{width: 695px; position: relative;}

.service_advantage1{width: 576px; position:absolute;z-index: 1; background-color: #fff;border-top-left-radius: 30px;border-bottom-left-radius: 10px;box-shadow: 2px 1px 21px rgba(36,36,36,.2);padding: 72px 52px;top: 116px;left: 0;}

.service_advantage1 h6{font-size: 28px;font-weight: bold;background: linear-gradient(to top, #ff3b27, #f57825);-webkit-background-clip: text;color: transparent;}

.service_advantage1 p{background: url(../images/advan_xs.png) no-repeat 10px center;font-size: 16px;color:#333;line-height: 30px;padding-left: 30px;margin: 30px 0;transition: all .5s}

.service_advantage_xs{position: absolute;bottom: 24px;right: 24px;}

.service_advantage_bg{position: absolute;top: 0;right:0}

.service_advantage1 p:hover{font-weight: bold}

.honor{margin-top:60px}

.honor_txt{color: #333}

.honor_list{height:277px;overflow: hidden;width: 1403px!important;margin-bottom: 116px}

.honor_list ul{width: 500%}

.honor_list ul li{float: left;width: 389px;margin-right:116px;height: 277px}

.inter{background: url(../images/inter_bg.jpg) no-repeat;padding: 92px 0 110px}

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

.inter_title h6{font-family: ArcaMajora;font-size:48px;font-weight: bold;text-transform: uppercase}

.inter_title p{font-size: 16px;line-height: 30px;margin: 8px  0 54px;padding: 0 200px}

.inter_list{height:280px;overflow: hidden;width: 1403px!important;}

.inter_list ul{width: 500%}

.inter_list ul li{width: 315px;float: left;text-align: center;margin-right: 48px;}

.inter_list ul li .inter_list_img{width: 315px;height: 227px;overflow: hidden;}

.inter_list ul li .inter_list_img img{width: 100%;transition: all .5s}

.inter_list ul li h6{font-size: 16px;color: #fff;margin-top: 36px;transition: all .5s}

.inter_list ul li:hover h6{color: #c30d23}
.inter_list ul li:hover .inter_list_img img{transform:scale(1.2)}

/*新闻中心*/

.z_news_banner{position: relative;background:url(../images/news_banner.jpg) no-repeat;height:399px}

.z_news_banner1{width: 1403px;left: 50%;transform: translate(-50%, -50%);top: 50%;position: absolute;}

.z_news_banner1 h6{font-family: ArcaMajora;font-size: 36px;font-weight: bold;text-transform:uppercase;color: #fff}

.z_news_banner1 p{font-size:16px;color: #fff}

.z_news{padding: 96px 0;}

.z_news1{background: url(../images/z_about_bg.png) no-repeat;}

.z_news_title{color: #333;text-align: center;margin-bottom: 20px}

.z_news_title h6{font-family: ArcaMajora;font-size: 36px;}

.z_news_title p{font-size: 16px}

.z_news_title1{}

.z_news_title1 ul{text-align: center}

.z_news_title1 ul li{display: inline-block;border: 1px solid #333;border-radius: 25px;margin: 12px 28px;transition: all linear .5s;line-height: 48px;font-size: 16px;width: 180px;color:#666;height: 48px;}

.z_news_title1 ul li a{display:block;}

.z_news_title1 ul li:hover{background-color: #c30d23;border:1px solid #c30d23;color: #fff}

.z_news_title1 ul li.lic{background-color: #c30d23;border: none;color: #fff}

.z_news_list ul li{float: left; width: 624px;height: 140px;background-color: #fff;padding: 24px 32px;margin-top: 64px;border-radius: 25px}

.z_news_list ul li:nth-child(odd){margin-right: 155px}

.z_news_list ul li h6{font-size: 18px;color: #333;display: inline-block;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;width: 456px;}

.z_news_list ul li span{font-size: 18px;color: #e80000;display: inline-block;float: right}

.z_news_list ul li p{font-size: 16px;color: #666;line-height: 26px;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 12px}

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

.z_news2{background: url(../images/z_news_bg.jpg) no-repeat;padding: 70px}

.z_news2_box{width: 1403px;height: 360px;background-color: #fff;border-top-right-radius: 20px;border-bottom-right-radius: 20px}

.z_news2_txt{width: 900px;padding: 40px 0 0 60px}

.z_news2_txt h6{font-family: ArcaMajora;font-size:36px;color: #333}

.z_news2_txt em{display: block;width: 80px;height: 4px;background-color: #c30d23;margin: 10px 0 30px}

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

.z_news2_txt span{position: relative; display: block;width: 180px;height: 44px;font-size: 18px;text-align: center;line-height: 44px;margin-top: 40px;background-image: -moz-linear-gradient( 90deg, rgb(255,57,57) 0%, rgb(255,136,56) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(255,57,57) 0%, rgb(255,136,56) 100%);background-image: -ms-linear-gradient( 90deg, rgb(255,57,57) 0%, rgb(255,136,56) 100%);color: #fff;border-radius: 44px}

.z_news2_txt span a{display: block;}

.z_news2_txt span::before {content: '';position: absolute;top: -20px;left: -12px;bottom: -20px;right: -12px;background: inherit;border-top-left-radius: 10px;border-bottom-right-radius: 10px;z-index: -1;opacity: 0.4;-webkit-transform: scale3d(0.8, 0.5, 1);transform: scale3d(0.8, 0.5, 1);}

.z_news2_txt span:hover {-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;transition: background-color 0.1s 0.3s, color 0.1s 0.3s;

color: #fff1;background-color: #c30d23;-webkit-animation: anim-moema-1 0.3s forwards;animation: anim-moema-1 0.3s forwards;}

.z_news2_txt span:hover {color: #fff;background-color: #c30d23;}

.z_news2_txt span:hover::before {-webkit-animation: anim-moema-2 0.3s 0.3s forwards;animation: anim-moema-2 0.3s 0.3s forwards;}

@-webkit-keyframes anim-moema-1 {60% {-webkit-transform: scale3d(0.8, 0.8, 1);transform: scale3d(0.8, 0.8, 1);}85% {-webkit-transform: scale3d(1.1, 1.1, 1);

transform: scale3d(1.1, 1.1, 1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}

@keyframes anim-moema-1 {60% {-webkit-transform: scale3d(0.8, 0.8, 1);transform: scale3d(0.8, 0.8, 1);}85% {-webkit-transform: scale3d(1.1, 1.1, 1);transform: scale3d(1.1, 1.1, 1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}

@-webkit-keyframes anim-moema-2 {to {opacity: 0;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}

@keyframes anim-moema-2 {to {opacity: 0;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}

.z_news_img{width: 390px}

/*页码*/

.page {padding: 40px 12px 0;text-align: center}

.page li.c {background: #c30d23;color: #fff;}

.page li {display: inline-block;padding: 0 10px;margin: 0 6px 6px;vertical-align: top;border: 1px solid #c30d23;color: #c30d23;line-height: 28px;}

.page li a{display: block}

/*文章*/

.z_news_banner2{background:url(../images/news_banner1.jpg) no-repeat;height: 547px;}

.article_dw{width: 1403px;position: absolute;bottom:-50px;left: 50%;transform: translate(-50%, -50%);margin: 0 auto;height: 100px;background-color: #fff}

.article{background-color: #fff;}

.article_con{padding-top: 20px}

.article_left{background-color: #fff; width: 1004px;padding: 0 60px;}

.article_left p{font-size: 16px;color: #333;line-height: 30px}

.article_left img{}

.article_right{margin-top: -30px;}

.article_right >h6{background: url(../images/ling.png) no-repeat;font-size: 18px;color: #333;font-weight: bold;padding-left: 30px;margin-bottom: 42px;position: relative;z-index: 100}

.article_right ul li{width: 271px;text-align: center;margin-bottom: 83px}

.article_right ul li .article_right_img{width: 271px;overflow: hidden}
.article_right ul li .article_right_img img{width: 271px;transition: all .5s}

.article_right ul li h6{font-size: 16px;color: #333;line-height: 36px;}

.article_title{position: absolute;width: 1305px;background-color: #f5f7ff;height: 100px;border-top-left-radius: 20px;border-top-right-radius: 20px;top: -50px;left: 49px;text-align: center;}

.article_right ul li:hover h6{color: #c30d23;}
.article_right ul li:hover .article_right_img img{transform: scale(1.2)}

.article_title img{display: inline-block;vertical-align: middle}

.article_title p{display: inline-block; vertical-align: middle;line-height: 100px;font-size: 18px;color: #333}

.article_title p a{display: inline-block;background-image: linear-gradient(#fd8e22, #f32323);width: 206px;height: 43px;line-height: 43px;color: #fff;font-weight: bold;border-radius: 10px}

.pages{margin: 60px 0 90px}

.pages ul li{width: 432px; float: left;font-size: 18px;font-weight: bold;padding:0 24px;border-right: 1px dashed #ff0000;height: 76px;line-height: 76px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}

.pages ul li:nth-child(2){border: none}

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

.recomm{margin-bottom: 72px}

.recomm h6{background: url(../images/ling.png) no-repeat;font-size: 18px;color: #333;font-weight: bold;padding-left: 30px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}

.recomm ul li{float: left; background: url(../images/xs.png) no-repeat left center;width:400px; font-size: 18px;color: #333;padding-left:20px;line-height: 36px;height: 36px;margin: 40px 0 0 100px;overflow: hidden}

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

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

/*.recomm_pro{margin-bottom: 168px}*/

/*留言板*/


.message{background: url(../images/contact_bg.jpg) no-repeat center;}

.message_left{width: 600px;color: #fff;padding: 80px 0 106px;margin-right: 124px}

.message_left h6{font-family: ArcaMajora;font-size: 48px;margin-bottom: 10px}

.message_left p{color: #97989c;font-size: 16px;line-height: 36px}

.message_left span{display: block;font-size: 16px;padding-left: 30px;margin-top: 40px}

.message_icon1{background: url(../images/message_icon1.png) no-repeat 0 center;}

.message_icon1 i{font-size: 36px;color: #f41212;font-weight: bold}

.message_icon2{background: url(../images/message_icon2.png) no-repeat 0 center;}

.message_icon2 i{color: #f41212;text-decoration: underline}

.message_icon3{background: url(../images/message_icon3.png) no-repeat 0 4px;}

.message_left1{margin-top: 42px}

.message_left1 p{font-size: 16px;color: #fff;margin-left: 334px;}

.message_right{width: 678px; padding: 0 54px;}

.product_info .message_right{margin-top: -68px;}

.product_info .message_left{padding-top: 0!important;}



.message_right h6{font-family: ArcaMajora;font-size: 48px;margin-bottom: 10px;color: #fff;text-align: center;padding-top: 140px}

.product_info .message_right h6{padding-top:100px!important}

.message_right p{font-size: 16px;line-height: 36px;text-align: center;color: #97989c}

.message_form ul li{margin-top: 28px;position: relative;}

.message_form ul li span{display: block; font-size: 14px;color: #fff;text-transform: uppercase;margin-bottom:8px}

.message_form ul li input{background-color: #fff;width: 267px;height: 44px;border-radius: 10px;white-space: normal;padding: 0 15px}

.message_form ul li textarea{width: 570px;height: 110px;border: none;background-color: #fff;padding:10px 15px 0 15px;border-radius: 10px;}

.message_form ul li em{position: absolute;top: 48%;right: -16px;font-size: 18px;color: #c30d23;font-weight: bold;margin-top: 10px;line-height: 18px}

.message_form form p{display: inline-block;vertical-align: middle}

.message_form form p.send{display: inline-block; position: relative;z-index: 1;text-align: center;line-height: 36px;}

.message_form form p.send input {position: absolute;z-index: 3;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}

.message_form form p.send span{display:block; width: 162px;line-height: 45px;color: #fff;box-sizing: border-box;text-align: center;margin:0 auto;border-radius: 10px;background-color: #c30d23;font-size: 18px}

.message_form form p.reset{display: inline-block;z-index: 1;text-align: center;line-height: 36px;}

.message_form form p.reset input {width: 162px;line-height: 45px;background-color: #fff;padding-left: 10px;border-radius: 10px}

.yzm{width: 162px;height: 45px;margin: 0 44px 0 16px}

/*联系我们*/

.z_contact_banner{position: relative;background:url(../images/contact_banner.jpg) no-repeat;height:1040px}

.z_contact{width:1403px;position: absolute;top:54%;left: 50%;transform: translate(-50%, -50%);}

.z_contact_left{width: 640px}

.z_banner_contact >h6{font-family: ArcaMajora;font-size: 54px;font-weight: bold;margin: 0 0 24px;text-transform:uppercase;line-height: 80px;white-space:normal;color: #fff}

.z_banner_contact >p{font-size:18px;white-space:normal;color: #cecece;}

.z_banner_contact .nav_x{font-size: 14px;color: #cecece;text-transform: uppercase;}

.z_contact_left span{display: block;font-size: 16px;padding-left: 30px;margin-top: 40px;color: #fff;text-transform: uppercase;}

.z_contact_right{width: 662px;background-color: #fff;height: 710px;}

.z_contact_right h6{color: #333!important;padding-top: 42px}

.z_contact_right p{color: #333!important}

.z_contact_right ul li{margin-top: 24px;position: relative;}

.z_contact_right ul li span{color: #333!important}

.z_contact_right ul li input{background-color: #f2f2f2!important}

.z_contact_right ul li textarea{width: 554px!important;background-color: #f2f2f2!important;font-family: Arial, Helvetica,"Microsoft Yahei",sans-serif;}
.z_contact_right p.reset input{background-color: #f2f2f2!important}

.z_contact_right ul li em{position: absolute;top: 48%;right: -16px;font-size: 18px;color: #c30d23;font-weight: bold;margin-top: 10px;line-height: 18px}
.z_contact_right ul li textarea:focus{outline: none}
/*地图*/

.map{margin-top: 60px}

.map h6{font-size: 30px;color:#fff;font-weight: bold;margin-bottom: 16px}

.map p{font-size: 16px;color: #fff}

.dt_box{position: relative;z-index: 100;margin-top: 20px}

.box{width:266px;height:162px;}

#map_container{height: 100%;}

@media print{#notes{display: none}

#map_container{margin: 0}}

.iw_poi_title{color: #CC5522;font-size: 13px;font-weight: bold;overflow: hidden;padding-right: 13px;white-space: nowrap}

.iw_poi_content{font: 12px arial,sans-serif;overflow: visible;padding-top: 4px;word-wrap: break-word;width: 216px;text-align: justify}

.iw_poi_phone span{font-size: 12px;color: #999}

.iw_poi_phone{border-radius: 3px;margin: 6px 0;color: #0094e4;font-size: 15px;font-weight: bold;line-height: 24px;word-wrap: break-word;display: block;width: 216px;text-align:justify}

 .g-mapbox{height:360px; z-index:0;position:relative;overflow:hidden}

/*案例中心*/

.z_case_banner{position: relative;background: url(../images/case_banner.jpg) no-repeat;height: 612px}

.z_case_banner2{width: 1403px; position: absolute;top: 40%;left: 50%;transform: translate(-50%, -50%);}

.z_case_banner2 h6{position: relative; font-size: 40px; background: url(../images/case_xs.png) no-repeat 0 14px;padding-left: 44px;color: #fff;font-family: ArcaMajora;}

.z_case_banner2 h6:before{position: absolute;content: "";display: block;width: 420px;height: 1px;border-top: 1px dashed #676967;top: 90px;left:400px}

.z_case_banner2 h6:after{position: absolute;content: "Welcome to inquire";display: block;top: 76px;left:830px;font-size: 16px;text-decoration: underline;font-family:Arial;color: #f41212}



.z_case{width: 1403px;margin:-110px auto 0; background: url(../images/z_about_bg.png) no-repeat;position: relative;z-index:2;border-radius: 30px;padding: 50px 60px;}

.z_case p{text-align: center;font-size: 16px;color: #333;margin-bottom: 36px}

.z_case_list ul li{float: left;margin-left: 94px;width: 365px;border-radius: 20px;background-color: #fff;margin-bottom: 80px;border: none;transition: all .5s;height: 312px}

.z_case_list ul li .z_case_list_img{width: 315px;margin: 25px 25px 0 25px;border-radius: 20px;overflow: hidden}

.z_case_list ul li .z_case_list_img img{width: 100%;transition: all linear .5s}

.z_case_list ul li h6{font-size: 20px;color: #333;line-height:48px;text-align: center;padding-bottom: 12px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;padding: 0 10px}

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

.z_case_list ul li:hover{border: 1px solid #c30d23}

.z_case_list ul li:hover .z_case_list_img img{transform: scale(1.2)}
.z_case_list ul li:hover h6{color: #c30d23}

/*案例文章*/

.z_case_banner1{position: relative;margin-top: 126px;background:url(../images/case_banner1.jpg) no-repeat;height:840px}

.case_article{top: 48%}



.case_article1{width:721px}

.case_pro{width: 721px;height: 570px;background-color:rgba(255,255,255,.1);border: 29px solid transparent;border-bottom: none;margin-top: 30px;border-radius: 15px;}

.case_pro1{width: 663px;}

.case_pro1 img{width: 100%;height: 478px;border-radius: 15px;}

.case_de ul li{position: relative; float: left;font-size: 16px;color: #fff;padding-left: 10px;margin:18px  59px 0 0}

.case_de ul li:nth-child(3){margin-right: 0;}

.case_de ul li:before{position: absolute;content: "";display: block;width:6px;height:6px;background-color: #fff;top: 10px;left: 0;border-radius: 6px}

.case_article2{width: 622px;margin-top: 42px}

.case_jl{margin-top: 140px}
.case_jl .case_online{margin-top: 60px;}

.case_article2 h6{font-size: 36px;color: #fff;font-weight: bold;margin-bottom: 28px}

.case_article2 > ul >li{background: url(../images/case_xs1.png) no-repeat 0 center;margin-bottom: 18px}

.case_article2 > ul >li span{display: block; background: linear-gradient(to bottom, #fd8e22, #f32323);-webkit-background-clip: text; color: transparent;font-size: 16px;padding-left: 20px;}

.case_article2 > p{font-size: 16px;line-height: 26px;color: #fff}

.case_article2 > em{display: block; font-size: 16px;background: url(../images/case_xs2.png) no-repeat 0 center;padding-left: 20px;color: #fff;margin: 30px 0 48px}

.case_online >a{position: relative; display: block;width: 206px;height: 49px;font-family: ArcaMajora;font-size: 18px;color: #fff;text-decoration: underline;background-image: linear-gradient(#fd8e22, #f32323);line-height: 49px;text-align: center}

.case_online >a:before{position: absolute;content: "";display: block;width: 346px;height: 1px;border-top: 1px dashed #676967;top: 25px;left:208px}

.case_online >a:after{position: absolute;content: "You can Send email to us";display: block;font-size: 16px;color: #fff;top:-14px;left: 290px;width: 184px;font-family: arial;font-weight: normal}

.case_online span{position: relative}

.case_online span:after{font-family: arial; position: absolute;content: "TEL:+86 187-0380-5381";display: block;font-size: 18px;color: #fff;top:30px;left: -261px;width: 280px;font-weight:bold;letter-spacing: 2px}

.download{margin-top: 28px}

.download a{font-size: 16px;color: #da0202;border-bottom: 1px solid #da0202;line-height: 32px}

.download a i{font-weight: bold}

.case_article > p{background: url(../images/case_person.png) no-repeat 0 8px;color: #fff;margin-top: 28px;padding-left: 36px}

.case_article > p em{font-size: 24px;font-weight: bold;display: inline-block;vertical-align: middle}

.case_article > p span{font-size: 16px;vertical-align: middle}

.case_article_con{padding-top: 80px}

.case_article_right{margin-top: 0;}

/*产品文章*/

.article1{position:relative}

.product_article_con{padding-top: 0;}

.product_article_con > .article_left1{width: 1017px;border-top-right-radius: 50px;}

.product_article_con > .article_left1 > .article_left{background-color: #fff; border: 1px solid #333;width: 981px;border-top-right-radius: 50px;padding-top: 50px;margin: 48px 0 60px}

#detail_1,#detail_2,#detail_3{padding-top: 126px;margin-top: -126px}
#detail_4{padding-top: 126px;}


#detail_1 h6,.Technica h6{font-size: 28px;color: #333;font-weight: bold;margin: 10px 0}

.product_article_con > .article_right{position: relative;z-index: 1;padding-left: 80px;background-color: #f5f7ff;padding-top: 54px;border-bottom-left-radius: 50px;}

.Technica{margin-bottom: 20px}

.article_product_title{position: relative;margin-top: -60px;z-index: 1}

.article_product_title ul{background-color: #f5f7ff;border-top-left-radius: 50px;height: 134px;text-align: center;}

.article_product_title ul li{float: left;font-size: 24px;color: #999;line-height: 134px}

.article_product_title ul li a{font-weight: bold;margin: 0 40px;display: block;}

.product_article_con > .article_right .more_product p{font-size: 16px;color: #333;line-height: 40px;transition: all .5s}

.product_article_con > .article_right .more_product p a{display: block;}

.product_article_con > .article_right .more_product p:hover{color: #f41212;padding-left: 6px}

.product_article_con > .article_right .more_product h6{margin-bottom: 24px;background: url(../images/ling.png) no-repeat;font-size: 18px;color: #333;font-weight: bold;padding-left: 30px;}

.product_article_con > .article_right .more_product{padding-bottom: 72px}

.recomm_w{width: 1017px}

.recomm_w ul li:nth-child(even){margin-left: 150px}

.recomm_w ul li:nth-child(odd){margin-left: 0}

.article1::after{content: "";display: block;position: absolute;width:320px;height:1683px;top: 0;right: 0;background-color: #f5f7ff;z-index: 0}

/*产品列表*/

.z_product_banner{position: relative; background: url(../images/product_banner.jpg) no-repeat;height: 489px;}

.z_product1{width: 1403px; left: 50%;top:75%;transform: translate(-50%, -50%);position: absolute;}

.z_product_txt h6{font-family: ArcaMajora;font-size:36px;font-weight: bold;margin: 0 0 24px;text-transform:uppercase;color: #fff}

.z_product1_left{width: 636px}

.z_product1_left1 ul li{float: left;font-size: 16px;background: url(../images/case_xs2.png) no-repeat 0 center;padding-left: 20px;color: #fff;margin-left: 54px}

.z_product1_left1 ul li:nth-child(1){margin-left: 0;}

.z_product1_left1 p{color: #afaeae;font-size: 16px;margin-top: 42px}

.z_product1_right{width: 563px;}

.z_product{ background: url(../images/z_about_bg.png) no-repeat;padding-top: 148px}

.z_product_title{text-align: center}

.z_product_title h6{font-family: ArcaMajora;font-size: 40px;color: #333;font-weight: bold;text-transform: uppercase}

.z_product_title p{font-size: 16px;color: #666;margin-top: 8px;width: 788px;margin: 0 auto}

.z_product_title span{color: #f41212;font-weight: bold;}

.z_product_c{padding: 80px 0}

.z_product_sidebar{width: 282px;}

.z_product_sidebar h6{width: 282px;height: 59px;background-color: #112a4b;border-top-right-radius: 50px;color: #fff;font-size: 18px;font-weight: bold;line-height: 59px;padding-left: 24px;}

.z_product_sidebar ul li{padding-left: 24px;width: 282px;height: 66px;background-color: #fff;line-height: 66px;font-size: 18px;color: #333;box-shadow: 2px 1px 10px rgba(0,0,0,.1);transition: all .5s}

.z_product_sidebar ul li a{display: block;}

.z_product_sidebar ul li:hover{color: #c30d23;padding-left: 28px;}

.z_product_sidebar ul li.lic{color: #c30d23;padding-left: 28px;}

.z_product_list{width: 1080px;}

.z_product_list .z_product_list1 li{width: 316px;margin:0 0  53px 44px;float: left;background-color: #fff;border-radius: 20px;text-align: center;transition: al1 linear .8s;border: none;height: 278px;}

.z_product_list .z_product_list1 li .z_product_list_img{width: 273px; margin: 22px 22px 0 22px;border-radius: 20px;overflow: hidden;}

.z_product_list .z_product_list1 li .z_product_list_img img{width: 100%;transition:all linear .5s;height:197px;}


.z_product_list .z_product_list1 li h6{font-size: 20px;color: #333;line-height:48px;text-align: center;padding-bottom: 12px;transition: al1 linear .8s;}


.z_product_list .z_product_list1 li:hover{border:1px solid #c30d23}

.z_product_list .z_product_list1 li:hover .z_product_list_img img{transform: scale(1.1)}

.z_product_list .z_product_list1 li:hover h6{color: #c30d23}

.sban1{position: relative;z-index: 1;}

.sban1 .dots1{position: absolute;z-index: 3;bottom: 50px;left: -812px;text-align: center;}

.sban1 .dots1 li{display: inline-block;width:8px;height:8px;border-radius: 16px;background: #b3b3b3;margin: 0 18px;font-size: 0;line-height: 0}

.sban1 .dots1 li.on{background: #b72e22;position: relative;}

.sban1 .dots1 li.on:before{content: "";display: block;position: absolute;width: 21px;height: 21px;border-radius: 21px; border: 1px solid #b72e22; top: -7px;left: -7px}

.show1 .move1{white-space: nowrap;overflow: hidden;font-size: 0;line-height: 0}

.show1 .move1 li{width: 100%;display: inline-block;}

.show1 .move1 li a{display: block;}

.show1 .move1 li img{display: block;width: 100%;height:406px}

.dots_bg{position: absolute;width: 374px;height: 105px;background-color: #fff;bottom: 0px;left: -840px;box-shadow: 2px 1px 10px rgba(0,0,0,.2)}

.dots_bg p{position: absolute;top: 40px}

.dots_bg .prev{right: 126px}

.dots_bg .next{right: 28px}

.dots_bg:before{content: "";display: block;position: absolute;width: 1px;height: 104px;background-color: #e5e5e5;top: 0;left: 210px}




/*页码*/

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}
.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: 38px;text-align: center;color: #3b3b44;display: inline-block;transition: .5s;}



.pagination li a:hover {

    color: #fff;

    background-color: #3b3b44;

    border-color: #3b3b44;

}



.pagination li span {

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    color: #fff;

    background-color: #3b3b44;

    display: inline-block;

}



.pagination li a.next {

    border-color: transparent;

    font-size: 18px;

}