@charset "utf-8";

/* CSS Document */

/*小导航*/

.z_nav > .w1200{border-bottom: 1px dashed #ccc;height: 52px;margin-bottom: 60px}

.z_nav_left i{display: inline-block;vertical-align: middle; background: url(../images/icon_bg.png) no-repeat 0 -256px;width: 24px;height: 24px;margin: 14px 0}

.z_nav_left a{display: inline-block; vertical-align: middle;font-size: 15px;color: #999;text-transform: uppercase;line-height: 52px}

/*子页面banner图*/

.z_banner{height: 500px;background:no-repeat center;padding: 160px 0 0;}

.z_banner > .w1200{width: 840px;margin: 0 auto;text-align: center;}

.z_banner h6{font-size: 54px;color: #fff;font-weight:bold;text-transform:capitalize;}

.z_banner em{display: block;width: 90px;height: 9px;background-color: #c30d23;margin: 10px auto 20px}

.z_banner p{font-size: 28px;color: #fff;}

/*页码*/

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

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

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

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

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

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

/*新闻*/

.z_news{margin-bottom: 60px}

.z_news_nav{background-color: #f4f4f4}

.z_news_nav > .w1200{border: none}

.z_nav_right >ul >li{font-size: 18px;color: #999;float: left;line-height: 18px;border-right: 1px solid #ccc;padding: 0 10px;margin: 17px 0}

.z_nav_right >ul >li:last-child{border: none}

.z_nav_right >ul >li.lic{color: #113e9a}

.z_news_left{width: 892px}

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

.z_news_list >ul li .z_news_img{margin: 14px 32px 14px 14px;width: 334px;height: 201px;overflow: hidden;}

.z_news_list ul li .z_news_img img{width: 100%}

.z_news_list ul li .z_news_txt{width: 452px;padding: 36px 0}

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

.z_news_list ul li .z_news_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_news_list ul li .z_news_txt .z_news_time{font-size: 0;line-height: 0;margin: 16px 0 20px}

.z_news_list ul li .z_news_txt i{display: inline-block;vertical-align: middle; background: url(../images/icon_bg.png) no-repeat -24px -216px;width: 24px;height: 24px;}

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

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

/*右边固定*/

.fixednews{position: fixed;top: 117px;margin-left: 934px;}

.z_news_fixed{width: 266px;overflow: hidden;background-color: #f6f6f6;}

.z_news_fixed .fixed_img{width: 236px;height: 161px;margin: 15px}

.z_news_fixed .fixed_img img{width: 100%}

.z_news_fixed > p{font-size: 20px;color:#666;text-align: center;}

.z_news_fixed > a{display: block; margin: 14px auto 24px;width: 196px;height: 44px;font-size: 18px;color: #fff;background-color: #c30d23;text-align: center;line-height: 44px;border-radius: 4px}

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

/*下面优势*/

.z_advantage_line{width: 100%;height: 14px;background-color: #f4f4f4}

.z_advantage_list{margin: 70px 0}

.z_advantage_list ul li{width: 380px;float: left;background-color: #f6f6f6;height: 390px;margin-right: 30px}

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

.z_advantage_list ul li .z_advan_img{width: 380px;height: 228px;overflow: hidden;}

.z_advantage_list ul li .z_advan_img img{width: 100%}

.z_advantage_list ul li p{font-size: 17px;color:#666;padding: 24px 23px;line-height: 30px;}

.z_advantage_list ul li p span{font-size: 20px;color: #113e9a}

/*新闻文章*/

.z_news_article{}

.z_news_article h6{font-size: 30px;color: #333;line-height: 40px;}

.z_article_time{border-bottom: 1px dashed #ccc;border-top: 1px dashed #ccc;padding: 0 24px;margin: 24px 0 40px;font-size: 0;line-height: 0}

.z_article_time >p{display: inline-block;vertical-align: middle;font-size: 16px;color: #666;line-height: 44px;margin-right: 220px}

.z_article_time >p i{display: inline-block;vertical-align: middle; background: url(../images/icon_bg.png) no-repeat -24px -242px;width: 24px;height: 24px;}

.z_article_time >p em{color: #333}

.z_article_time >p:last-child{margin-right: 0}

.z_article_txt > p{font-size: 16px;color: #666;line-height: 30px;margin-top: 10px}

.z_article_txt > img{width: 100%;margin-top: 10px}

/*关键词标签*/

.Key_tag{margin: 48px 0}

.Key_tag ul{font-size: 0;line-height: 0}

.Key_tag ul li{display: inline-block;position: relative; border: 1px solid #b6e3fa;border-left:none;margin: 24px 24px 0}

.Key_tag ul li span{font-size: 15px;color: #b0dae4;line-height: 32px;display:block;padding: 0 20px}

.Key_tag ul li::before{position: absolute;content: "";top: 10px;left: 0;width: 8px;height: 8px;border-radius: 8px;border: 1px solid #b6e3fa}

.Key_tag ul li i{position: absolute;display: block; background: url(../images/icon_bg.png) no-repeat -48px -216px;width: 24px;height: 40px;top: -4px;left: -22px}

/*文章页码*/

.article_page ul{background-color: #fbfbfb;width:100%;height: 70px;padding: 0 16px}

.article_page ul li{width: 430px;float: left;line-height: 32px;margin: 19px 0}

.article_page > ul > li > a i{display: inline-block;vertical-align: middle; background: url(../images/icon_bg.png) no-repeat -72px -121px;width: 24px;height: 24px}

.article_page > ul > li:nth-child(1){border-right: 1px solid #d9d9d9}

.article_page > ul > li > a span{display: inline-block;vertical-align: middle;font-size: 16px;color: #333;margin-left: 16px;overflow: hidden;width: 362px;white-space: nowrap;text-overflow:ellipsis;}

.article_page > ul > li:nth-child(2) a i{background: url(../images/icon_bg.png) no-repeat -72px -144px;width: 24px;height: 24px;}

.article_page > ul > li:nth-child(2) a span{margin-left: 38px;padding-right: 10px}

.article_page > ul > li:nth-child(1):hover a i{background: url(../images/icon_bg.png) no-repeat -72px -168px;}

.article_page > ul > li:nth-child(2):hover a i{background: url(../images/icon_bg.png) no-repeat -72px -192px;}
.article_page > ul > li:hover a span{color: #113e9a}

/*案例*/

.z_case{margin-bottom: 60px;}

.z_case_list .case_list ul li{margin:0 0 36px 36px;}

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



/*产品详情*/

.product_article> .w1200{margin-bottom: 48px}

.product_article_left{width: 596px;}

.gallery .bd li{position: relative;}

.gallery .bd li .pic{width: 596px;height: 481px;overflow: hidden;border:1px solid #dedede;}

.gallery .bd li .pic img{width: 100%}

.gallery >.hd{ position:relative; padding:0 15px;width: 520px;margin: 20px auto 0;}

.gallery >.hd .tempWrap{width: 520px!important;overflow: hidden}

.gallery >.hd li{ width:103px;float: left;height: 84px;border:1px solid #ddd;overflow: hidden;margin:0 14px}

.gallery >.hd li img{width: 100%}

.gallery >.hd li.on{}

.gallery >.hd li.on{ border:1px solid #c30d23;}

.gallery >.hd .sNext,.gallery >.hd .sPrev{display: block; text-align:center;width:32px; height:84px; line-height:84px;background-color: #f3f3f3; color: #666; position:absolute;left:-40px; top:0; }

.gallery >.hd .sNext{left: auto; right:-40px; }

.gallery >.hd .sNext:hover,.gallery>.hd .sPrev:hover{ text-decoration:none; border:1px solid #c30d23; }

.z_product_txt{width: 576px;}

.z_product_txt > h6{font-size: 36px;color:#333;border-bottom: 1px dashed #ccc;line-height:80px;padding-bottom:12px}

.z_product_txt > p{font-size: 16px;color:#666;margin: 24px 0 40px;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 12;-webkit-box-orient: vertical;text-align: justify;}

.z_product_con > a{display: inline-block; width: 164px;height: 44px;background-color: #113e99;font-size: 16px;text-align: center;line-height: 44px;color: #fff;margin:30px  20px 0 0;text-transform: capitalize;}

.z_product_con > a:last-child{background-color: #45a3e0}

.product_detail{width: 820px;}

.product_detail >h6{font-size: 30px;color:#333}

.product_detail >p{font-size: 16px;color:#666;margin: 10px 0 20px}

.product_page{margin-top: 60px}

.product_page1{width: 800px}

.product_page_img{width: 800px;overflow: hidden;margin-top: 24px}

.product_page_img img{width: 100%;}

.product_contact{margin: 40px 0 60px;width: 800px}

.product_contact > h6{font-size: 30px;color:#333}

.product_contact > p{font-size: 16px;color:#666;margin: 10px 0 20px}

.product_contact_form ul li{position: relative;margin-bottom: 36px;width: 380px;height: 48px;line-height: 48px;background-color: #f6f6f6;}
.product_contact_form ul li i{}

.product_contact_form ul li i{position: absolute; width: 24px;height: 24px;top: 13px;left: 10px}
.product_contact_form ul li.name i{background: url(../images/icon_bg1.png) no-repeat 0 0;}
.product_contact_form ul li.phone i{background: url(../images/icon_bg1.png) no-repeat -24px 0;}
.product_contact_form ul li.email i{background: url(../images/icon_bg1.png) no-repeat -48px 0;}
.product_contact_form ul li.country i{background: url(../images/icon_bg1.png) no-repeat -120px 0;}
.product_contact_form ul li.message i{background: url(../images/icon_bg1.png) no-repeat -72px 0;}


.product_contact_form ul li input{width:100%;padding: 0 16px 0 40px}

.product_contact_form ul li.message{width:100%;height: 140px;}

.product_contact_form ul li.message textarea{width:100%;border: none; background-color:#f6f6f6; padding:6px 16px 6px 40px;font-family:Arial;height: 140px}



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

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

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

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

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

p.code{position: relative;}

p.code input{display: inline-block;vertical-align: middle; width: 380px;height: 48px;line-height: 48px;background-color: #f6f6f6;padding: 0 16px 0 40px;}

p.code img{display: inline-block;vertical-align: middle;width: 150px;height: 48px;margin:0 0 0 24px}

p.code i{position: absolute; width: 24px;height: 24px;top: 13px;left: 10px;background: url(../images/icon_bg1.png) no-repeat -96px 0;}

p.submit{position: relative;margin-top: 32px;}

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

p.submit .more{display: block; width: 160px;height: 44px;text-align: center;line-height: 44px;background-color: #e03c3b;color:#fff;font-size: 16px}

.case_re{font-size: 30px;color:#333;margin: 40px 0 32px}

.case_re1{margin-bottom: 60px!important}

/*关于我们*/

.z_about > .w1200 > p{font-size: 17px;color:#333;line-height: 26px;margin-bottom: 24px;}

.z_about1{background: url(../images/z_about1.jpg) no-repeat center;height: 514px;padding:80px 0 94px;margin-bottom: 48px}

.z_about1_txt{background-color: #fff;width: 1200px;height: 340px;padding: 54px 40px 24px}

.z_about1_txt h6{font-size: 36px;color: #010101;text-align: center}

.z_about1_txt h6 span{text-transform: uppercase;}

.z_about1_txt p{font-size: 16px;color: #333;line-height: 26px;margin: 16px 0 28px}

.z_about1_txt > a{display: block;margin: 0 auto;width: 208px;height: 36px;background-color: #c30d23;font-size: 18px;color: #fff;text-align: center;line-height: 36px}

.z_about2 .w1200 > h6{font-size: 36px;color: #000;text-align: center}

.z_about2 .w1200 > p{font-size: 16px;color: #333;line-height: 26px;margin: 36px 0 80px}

.z_about3{background: url(../images/z_about2.jpg) no-repeat center;height: 719px;color:#fff;padding: 54px 0 130px;margin-bottom: 60px;}

.z_about3_con > h6{font-size: 36px;text-align: center;margin-bottom: 36px}

.z_about3_left{width: 582px}

.z_about3_left > h6{position: relative;height: 60px;background-color: rgba(255,255,255,.8)}

.z_about3_left > h6::before{position: absolute;content: "";width: 16px;height: 16px;background-color: #1e1e7a;top: 24px;left:80px}

.z_about3_left1{background-color: #1e1e7a;padding:0 48px 40px}

.z_about3_left1 ul li{padding-top: 28px}

.z_about3_left1 ul li .z_about3_icon{display: inline-block;vertical-align: middle; border: 1px solid #42428f;width: 64px;height: 60px;border-radius: 32px}

.z_about3_left1 ul li i{display: inline-block; background: url(../images/icon_bg.png) no-repeat 0 -280px;width: 32px;height: 32px;margin: 12px 16px}

.z_about3_left1 ul li span{display: inline-block;vertical-align: middle;font-size: 16px;padding-left: 16px}

.z_about3_left1 ul li p{font-size: 16px;line-height: 24px;height: 48px}

.z_about3_left1 ul li em{display: block;width: 40px;height:1px;background-color: #42428f;margin: 14px 0 20px}

.z_about3_left1 ul li:nth-child(1){padding-bottom: 40px;border-bottom: 1px solid #42428f}

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

.z_about3_right .z_about3_left1 ul li:nth-child(1) i{background: url(../images/icon_bg.png) no-repeat -64px -280px;}

.z_about3_right .z_about3_left1 ul li:nth-child(2) i{background: url(../images/icon_bg.png) no-repeat -96px -280px;}

.z_about4_title{text-align: center;}

.z_about4_title h6{font-size: 36px;color: #020202;text-transform: uppercase;}

.z_about4_title p{font-size: 24px;color: #666}

.z_about4_up{margin: 48px 0 30px}

.z_about4_up1{width: 610px;font-size: 16px}

.z_about4_up1 h6{font-size: 24px; color:#333;text-transform: uppercase;}

.z_about4_up1 span{font-size: 18px;display: block;margin:20px 0 12px}

.z_about4_up1 p{font-size: 16px}

.z_about4_img1{width: 560px;overflow: hidden}

.z_about4_img1 img{width: 100%}

.z_about4_down{margin-bottom: 80px;}

.z_about4_down1{width: 541px;margin-top: 40px}

.z_about4_down1 h6{font-size: 24px; color:#333;text-transform: uppercase;}

.z_about4_down1 span{font-size: 18px;display: block;margin:20px 0 12px}

.z_about4_down1 p{font-size: 16px}

.z_about4_img2{width: 608px;overflow: hidden;}

.z_about4_img2 img{width: 100%}

/*联系我们*/

.z_contact1{background: url(../images/z_contact_img.jpg) no-repeat center bottom;height: 542px;}

.z_contact1 p{font-size: 17px;color:#666;line-height: 24px;}

.z_contact2{background: url(../images/z_contact_img1.jpg) no-repeat center;height: 580px;padding: 84px 0 96px;}

.z_contact2 .z_contact2_con{width: 1400px;height: 400px;background-color: #fff;padding: 32px 120px;text-align: center;margin: 0 auto}

.z_contact2 .z_contact2_con > h6{position: relative; font-size: 28px;color: #010101;text-align: center;text-transform: uppercase;display: inline-block;margin-bottom: 16px}

.z_contact2 .z_contact2_con > h6::before{position: absolute;content: "";width: 4px;height: 22px;background-color: #113e9a;top:8px;left: -20px}

.z_contact2 .z_contact2_con > h6::after{position: absolute;content: "";width: 4px;height: 22px;background-color: #113e9a;top:8px;right: -20px}

.z_contact2_list{text-align: left;}

.z_contact2_list ul li{margin-bottom: 24px;}

.z_contact2_list ul li h6{font-size: 24px;color: #040404;text-transform: uppercase;}

.z_contact2_list ul li p{font-size: 18px;color: #666;margin-top: 8px;}

.z_contact2_list ul li:nth-child(odd){width: 620px;float: left}

.z_contact2_list ul li:nth-child(even){width: 532px;float: right}

.z_contact3{margin: 42px 0 72px}

.z_contact3_right{width: 362px;height: 306px;border: 1px solid #bfbfbf;margin-top: 100px}

.z_contact3_right1{width: 316px;height: 260px;margin: 23px;background-color:#f9f9f9;padding: 24px 24px 0}

.z_contact3_right1 ul li{margin-bottom: 14px}

.z_contact3_right1 ul li .z_contact3_icon{display: inline-block;vertical-align: middle; width: 36px;height: 36px;border: 2px solid #b7b7b7;border-radius: 36px}

.z_contact3_right1 ul li .z_contact3_icon i{display: block; background: url(../images/icon_bg.png) no-repeat -64px -256px;width: 24px;height: 24px;margin:4px}

.z_contact3_right1 ul li p{display: inline-block;vertical-align: middle;font-size: 18px;color: #666;padding-left: 10px}

.z_contact3_right1 ul li:nth-child(2) .z_contact3_icon i{background: url(../images/icon_bg.png) no-repeat -136px -280px;}

.z_contact3_right1 ul li:nth-child(3) .z_contact3_icon i{background: url(../images/icon_bg.png) no-repeat -160px -280px;vertical-align: baseline}

.z_contact3_right1 ul li:nth-child(3) .z_contact3_icon{vertical-align: baseline}

.z_contact3_right1 > a{display: block; font-size: 13px;color: #fff;width: 180px;height: 40px;background-color: #113e9a;line-height: 40px;text-align: center;margin: 0 auto}

.z_contact3_left{margin: 0;width: 780px}