@charset "utf-8";

/*内页banner*/

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

.z_banner_txt{color: #fff;}

.z_banner_txt h6{font-size: 50px;font-weight: bold;position: relative;margin-bottom: 24px;text-transform: capitalize;}

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

.z_banner_center{text-align: center;}

.z_banner_txt a{display: block;width: 156px;height:40px;line-height: 40px;background-color: #ff5e14;border-radius: 10px;text-align: center;margin-top: 16px;}

/*小导航*/

.z_nav{color: #fff;margin-top: 70px}

.z_nav_center{text-align: center;}

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

.z_nav_left a{color: #fff;display: inline-block; vertical-align: middle;font-size:16px;text-transform:capitalize;line-height: 60px}

.z_nav_left a.cur{color: #ff5e14}

/*案例*/

.z_case_txt{padding-left:30px;}

.z_case_txt h6::before{position: absolute;content: ""; width: 10px;height: 10px;background-color: #ff5e14;top: 30px;left:-30px;}

.case_list ul li{margin:0 0 60px 27px}

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

/*页码*/

.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:40px;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}

/*关于我们*/

.z_about{margin: 72px 0}

.z_about1{margin-bottom: 60px;}

.z_about1_left{width: 647px;}

.z_about1_left > p{}



#scrollbar1 { width: 647px; clear: both; margin: 20px 0 10px; }

#scrollbar1 .viewport {height: 400px; overflow: hidden; position: relative; }     /****************高度可改***************/

#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }

#scrollbar1 .overview p{font-size: 17px;color: #666;line-height: 28px;padding-right: 20px}

#scrollbar1 .thumb .end,#scrollbar1 .thumb { background-color: #ff5e14; }

#scrollbar1 .scrollbar { position: relative; float: right; width: 8px; background-color: #c7c6c5;border-radius: 15px; padding-bottom:20px;}

#scrollbar1 .thumb { width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left:0;border-radius: 15px;}

#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 13px; }

#scrollbar1 .disable{ display: none; }

.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }



.z_about_right img{width: 522px;margin-top: 74px;height: 525px;}

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

.about_number_left{width: 495px;height: 491px;background-color: #fff;padding: 30px;}

.about_number_left ul{box-shadow:0px 0 5px rgba(0,0,0,.2);position: relative;}

.about_number_left ul::before{position: absolute;content: "";width:1px;height: 360px;background-color: #c7c6c5;top: 0;left: 49%}

.about_number_left ul li{float: left;color: #fff;width: 216px;padding:30px 0 30px 20px;}

.about_number_left ul li h6{font-family:CHARL;font-size:48px;display: inline-block;vertical-align: middle;color: #ff5e14}

.about_number_left ul li i{font-size:20px;display: inline-block;vertical-align: middle;color: #ff5e14} 

.about_number_left ul li span{display: block;font-size: 16px;color: #666;margin-top: 4px;}

.about_number_left>h6{font-size: 30px;color: #020202;font-weight: bold;margin-bottom: 20px;}

.about_number_left ul li:nth-child(1){border-bottom: 1px solid #c7c6c5}

.about_number_left ul li:nth-child(2){border-bottom: 1px solid #c7c6c5}

.z_about2_right{width: 617px;}

.z_about2_right h6{font-size: 30px;color: #050505;font-weight: bold;text-transform: uppercase;}

.z_about2_right span{font-size: 17px;color: #323333;display: block;margin: 12px 0 6px;}

.z_about2_right p{font-size: 16px;color: #666;line-height: 26px;}

.z_about3{background:url(../images/z_about3_bg.jpg) no-repeat center;height: 750px;padding-top: 140px;}

.z_about3_right ul li{height: 181px;}

.z_about3_right em{display: block;height: 51px;}

.z_about4{margin-top: 36px;}

.z_about4_list ul li{position: relative; width: 260px;float: left;margin-right: 52px}

.z_about4_list ul li:nth-child(4){margin-right: 0}

.z_about4_list ul li .z_about4_icon1{width: 148px;height: 148px;background-color: #f6f6f6;border: 6px solid #ddd;border-radius: 160px;margin: 0 auto 16px}

.z_about4_list ul li .z_about4_icon1 img{margin: 32px;}

.z_about4_list ul li p{font-size: 17px;color: #002641;font-weight: bold;text-align: center;}

.z_about4_list ul li em{display: block;width: 40px;height: 40px;background-color: #ff5e14;border-radius: 40px;font-size: 18px;text-align: center;line-height: 40px;position: absolute;top: 6px;left: 166px;color: #fff}

/*联系我们*/

.z_contact{padding: 72px 0 0}

.z_contact_up{margin-bottom: 72px}

.z_contact_up ul li{float: left;width: 300px;text-align: center;border: 2px solid #f3f3f3;border-right: none;height: 272px;padding: 40px 32px 0 32px}

.z_contact_up ul li img{width: 40px;height: 40px;margin: 0 auto}

.z_contact_up ul li h6{font-size: 20px;color: #010101;font-weight: bold;padding: 20px 0 16px}

.z_contact_up ul li p{font-size: 18px;color: #717270;}

.z_contact_up ul li:nth-child(4){border-right: 2px solid #f3f3f3}

.z_contact_down{background-color: #f7f6f6;padding: 36px 0 60px}

.z_contact_down h6{font-size: 30px;color: #050505;font-weight: bold;text-align: center;margin-bottom: 16px;}

.contact_form ul li{position: relative;margin-bottom: 28px;width: 569px;height: 48px;line-height: 48px;border:1px solid #c3c6c9}

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

.contact_form ul li input{width:100%;padding: 0 18px 0 40px}

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

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

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

.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: 380px;height: 48px;line-height: 48px;padding: 0 16px 0 40px;border:1px solid #c3c6c9}

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

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 .more{display: block; width: 175px;height: 42px;text-align: center;line-height: 44px;background-color: #ff5e14;color:#fff;font-size: 16px;border-radius: 10px;}

p.submit .more a{display: inline-block;vertical-align: middle}

p.submit .more i{display: inline-block;vertical-align: middle;padding-left: 6px}

/*新闻*/

.z_news{padding: 72px 0}

.z_news_list ul li{width: 786px;margin-bottom: 40px}

.z_news_list ul li .z_news_img{width: 786px;height: 534px;overflow: hidden;}

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

.z_news_list ul li span{display: block;width: 128px;height: 40px;background-color: #ff5e14;text-align: center;line-height: 40px;color: #fff;border-radius: 4px;margin: 24px 0 16px}

.z_news_list ul li h6{font-size: 36px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: bold;transition: all .5s}

.z_news_list ul li p{font-size: 16px;line-height: 28px;color: #999;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin: 6px 0 10px}

.z_news_list ul li em{position: relative; display: block;font-size: 14px;color: #333;font-weight: bold;text-transform: uppercase;padding-left: 50px;margin-top: 16px;transition: all .5s}

.z_news_list ul li em::before{position: absolute;content: "";width: 40px;height: 2px;background-color: #ff5e14;top: 10px;left: 0;transition: all .5s}

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

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

.z_news_right{width: 346px;background-color: rgba(247,247,247,.2);padding:36px;border: 1px solid #e5e5e5}

.fixednews{position: fixed;margin-left: 854px;top: 76px;}

.z_news_right > h6{position: relative;font-size: 20px;color: #00256c;font-weight: bold;padding-left: 20px}

.z_news_right > h6::before{position: absolute;content: "";width: 10px;height: 10px;background-color: #ff5e14;border-radius: 10px;top: 10px;left: 0}

#hot_news{width: 272px;}

.hot_news_list{width: 272px;}

.hot_news_list ul li{margin: 20px 0;width: 272px!important;float: left}

.hot_news_list ul li .hot_news_img{width: 272px;height: 185px;margin-bottom: 10px;overflow: hidden;}

.hot_news_list ul li .hot_news_img img{width:100%;}

.hot_news_list ul li h6{font-size: 16px;color: #00256c;white-space: normal!important;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;}

.news_dots{overflow:hidden;}

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

.news_dots ul li{display: inline-block; width:12px;height:12px;margin:0 5px;font-size: 0;cursor:pointer; border-radius: 10px;background-color: #d0d0d0}

.news_dots ul li.on{ background:#ff5e14;border:1px solid #ff5e14;}

/*文章详情页*/

.z_news_detail{padding: 72px 0;}

.z_news_article{width: 786px;}

.z_news_article span{display: block;width: 128px;height: 40px;background-color: #ff5e14;text-align: center;line-height: 40px;color: #fff;border-radius: 4px;margin: 0 0 16px}

.z_news_article h6{font-size: 36px;color: #333;margin-bottom: 12px;}

.z_news_article p{font-size: 17px;line-height: 28px;color: #999;}

/*篇数*/

.page {margin-top:30px}

.page li {color: #ff5e14;line-height: 28px;font-size: 18px;}

.page li a{color: #666}

.page li:hover a{color:#ff5e14}

/*产品详情*/

.w1310{width: 1310px;margin: 0 auto}

.product_article{padding: 72px 0}

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

.product_article_left{width: 638px;}

.gallery .bd li{position: relative;}

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

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

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

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

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

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

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

.gallery >.hd .sNext,.gallery >.hd .sPrev{display: block; text-align:center;width:32px; height:78px; line-height:78px;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 #ff5e14; }

.z_product_txt{width: 520px;}

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

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


.product_detail{margin-top: 40px}

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

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

.product_page{margin: 24px 0 0}

.product_page1{width: 830px}

.product_page_img{width: 830px;overflow: hidden}

.product_page_img img{width: 100%;}

.top_right > a{display:inline-block;width: 48px;height: 48px;}

.top_right >a.top_skype{background: url(../images/icon_bg1.png) no-repeat 0 -24px;}

.top_right >a.top_twitter{background: url(../images/icon_bg1.png) no-repeat 0 -72px;}

.top_right >a.top_what{background: url(../images/icon_bg1.png) no-repeat -48px -24px;}

.top_right >a.top_face{background: url(../images/icon_bg1.png) no-repeat -48px -72px;}

.top_right >a.top_skype:hover{background: url(../images/icon_bg1.png) no-repeat -96px -24px;}

.top_right >a.top_twitter:hover{background: url(../images/icon_bg1.png) no-repeat -96px -72px;}

.top_right >a.top_what:hover{background: url(../images/icon_bg1.png) no-repeat -144px -24px;}

.top_right >a.top_face:hover{background: url(../images/icon_bg1.png) no-repeat -144px -72px;}

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

.fixedproduct{position: fixed;top: 76px;margin-left: 872px;}

.z_product_right{width: 328px;}

.last_news{background-color: #fff; border: 1px solid #dcdcdc;padding: 36px}

.last_news > h6{position: relative; font-size: 21px;color: #040404;font-weight: bold;text-transform: uppercase;padding-left: 16px}

.last_news > h6::before{position: absolute;content: "";top: 7px ;left: 0;width: 6px;height: 16px;background-color: #ff5e14}

.last_news ul li{margin-top: 20px;}

.last_news ul li .last_news_img{width:90px;vertical-align: middle;display: inline-block;height: 61px;}

.last_news ul li h6{width: 150px;font-size: 16px;color: #666;vertical-align: middle;display:inline-block;margin-left: 10px;overflow: hidden;text-overflow:ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: all .5s;height: 48px;}

.last_news ul li:hover h6{color: #ff5e14}

.z_product_contact{background: url(../images/z_product_right_bg.jpg) no-repeat center;width: 328px;height: 309px;padding:36px 54px;margin-top: 30px;color: #fff;}

.z_product_contact h6{font-size: 24px;font-weight: bold;}

.z_product_contact span{display: block;font-size: 13px;margin: 10px 0 12px;}

.z_product_contact p a{font-size: 20px;font-weight: bold;}

.z_product_contact > a{display: block;width: 88px;height: 36px;text-align: center;line-height: 36px;background-color: #ff5e14;font-size: 12px;color: #fff;margin-top: 20px;}

.z_product_down{background-color: #fff}

.may_pro{margin-bottom: 72px;}

.may_pro h6{font-size: 28px;color: #010101}

.may_pro_con{position: relative;}

.may_pro_list ul li{width: 382px!important;float: left;margin: 27px 27px 0 0;border: 1px solid #ddd;overflow: hidden;}

.may_pro_list ul li .may_pro_img{width: 382px!important;height: 292px;overflow: hidden;}

.may_pro_list ul li .may_pro_img img{width: 100%;}

.may_pro_list ul li h6{font-size: 22px;color: #333;text-align: center;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;margin: 12px 0}

/*产品列表*/

.z_product_nav{margin-top: 20px;}

.z_product{padding:72px 0}

.z_product_sidebar{width: 212px;}

.z_product_title{width: 212px;height:68px; border-top-right-radius:58px;background-color: #ff5e14;padding-left: 16px}

.z_product_title i{display: inline-block;vertical-align: middle;width: 15px;}

.z_product_title h6{display: inline-block;vertical-align: middle;font-size: 17px;font-weight: bold;color: #fff;line-height: 68px;padding-left: 4px}

.z_product_con{width: 964px;}

.z_product_list ul li{float: left;margin: 0 0 30px 20px;width: 308px;border: 1px solid #dfdcdc;overflow: hidden;}

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

.z_product_list ul li .z_product_img{position: relative; width: 308px;height:237px;overflow: hidden;}

.z_product_list ul li .z_product_img em{position: absolute;content: "";width: 382px;height: 292px;background-color:rgba(0,0,0,.4);top: 0;left: 0;display:none;transition: all .5s}

.z_product_list ul li .z_product_img img{width: 100%;transition: all .5s}

.z_product_list ul li .z_product_txt1{background-color: #fff;padding:20px 28px 24px;transition: all .5s}

.z_product_list ul li .z_product_txt1 h6{font-size: 18px;color: #333;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 6px}

.z_product_list ul li .z_product_txt1 p{font-size: 16px;color: #666;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.z_product_list ul li:hover .z_product_img img{transform: scale(1.2);}

.z_product_list ul li:hover .z_product_img em{display: block;}

.z_product_list ul li:hover .z_product_txt1{padding-left: 24px}

.z_product_list ul li:hover .z_product_txt1 h6{color: #ff5e14}

.z_product_sidebar ul li{width: 212px;background-color: #fff;box-shadow: 0 0 8px rgba(0,0,0,.1);transition: all .5s}

.nav-item > a{display: block; padding:0 14px;margin-bottom: 4px;transition: all .5s}

.nav-item > a > span{ font-size: 18px;color: #565656;font-weight: bold;line-height: 54px;padding-right: 38px}

.nav-item > a i{float: right;display: block; background:  url(../images/icon_bg.png) no-repeat -40px -24px;width: 16px;height: 16px;margin-top: 20px;}

.nav-item  ul{display: none;}

/*.z_product_sidebar > ul > li:nth-child(1) ul{display: block;}*/

.nav-item  ul li{padding-left: 14px;margin-bottom: 4px;transition: all .5s}

.nav-item  ul li a{display: block; line-height: 50px;font-size: 15px;color:rgba(46,46,46,.8);transition: all .5s}
.nav-item  ul li:hover{background-color: #ff5e14}
.nav-item  ul li:hover a{color: #fff}
.nav-item  ul li.on{background-color: #ff5e14}
.nav-item  ul li.on a{color: #fff}

.nav-item.nav-show{display: block;}

.nav-item.nav-show > a i{background:  url(../images/icon_bg.png) no-repeat -56px -24px;}
.z_product_sidebar ul li:last-child i{opacity: 0;}
.z_product_sidebar ul li:last-child a{padding: 0 0 0 14px!important}
.z_product_sidebar ul li:last-child a span{padding-right: 0}
.nav-item > a.on{background-color: #ff5e14;color: #fff}
.nav-item > a.on span{color: #fff}
/*搜索*/

.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 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: #ff5e14;margin: 10px 0 20px}