@charset "utf-8";

/* CSS Document */

/*内页banner*/

.z_banner{width: 100%;height: 510px;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}

.z_banner_txt h5{font-size: 50px;text-transform: uppercase;font-family: Refsan;font-weight: bold;}

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

.z_banner_txt span{color: #febc35}

.z_banner_center{text-align: center;}

.z_banner_txt a{position: relative;display: block; width: 156px;height: 40px;text-align: center;line-height:40px;font-size: 17px;overflow: hidden;background-color: #febc35;color: #fff;-webkit-transition: background-color 0.3s ease-in, color 0.3s ease-in;transition: background-color 0.3s ease-in, color 0.3s ease-in;margin:30px auto 0;border-radius: 10px}

.z_banner_txt a::after{content: attr(data-text);position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 40px;color: #febc35;-webkit-transform-origin: -25% 50%;transform-origin: -25% 50%;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);-webkit-transition: -webkit-transform 0.3s ease-in;transition: transform 0.3s ease-in;}

.z_banner_txt a:hover::after,.z_banner_txt a:hover {-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}

.z_banner_txt a:hover {background-color: #fff;color: #fff;}

.z_banner_txt a:hover::after {-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg);}

/*当前位置*/

.z_nav_con{padding: 32px 0 16px;border-bottom: 1px dashed #dcdcdc}

.z_nav i{display: inline-block;vertical-align: middle;background: url(../images/icon_bg.png) no-repeat -16px -136px;width: 24px;height: 24px;}

.z_nav span{display: inline-block;vertical-align: middle; font-size: 15px;color: #2e2751;text-transform: capitalize;}

.z_nav a{display: inline-block;vertical-align: middle;font-size: 15px;color: #2e2751;text-transform: capitalize;}

.z_nav a.current{color: #febc35}

/*搜索*/

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

/*页码*/

.pagination {display: flex;padding-left: 0;list-style: none;margin-top: 40px;}

.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:all .5s;}

.pagination li a:hover {color: #fff;background-color: #febc35;border-color: #febc35;}

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

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

/*产品列表*/

.z_product{padding-bottom: 80px;}

/*案例*/

.z_case{padding: 20px 0 80px}

.z_case_list ul li{float: left; width: 382px;margin: 24px 0 0 27px}

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

.z_case_list ul li .z_case_img{position: relative;width: 382px;height: 269px;margin-bottom: 10px;overflow: hidden}

.z_case_list ul li .z_case_img::before{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;

background:-moz-linear-gradient(top,rgb(255,255,255,0),rgb(46,39,81,.8));

background:-ms-linear-gradient(top,rgb(255,255,255,0),rgb(46,39,81,.8));

background:-o-linear-gradient(top,rgb(255,255,255,0),rgb(46,39,81,.8));

background:-webkit-linear-gradient(top,rgb(255,255,255,0),rgb(46,39,81,.8));

transition: all .5s;z-index: 1;}

.z_case_list ul li .z_case_img img{width: 382px;height: 269px;transition: all .5s}

.z_case_list ul li h6{font-size: 19px;line-height: 32px;color: #2e2751;transition: all .5s;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 64px}

.z_case_list ul li .z_case_img:hover::before{opacity: .6}

.z_case_list ul li:hover .z_case_img img{transform: scale(1.2)}

.z_case_list ul li:hover h6{color: #febc35;padding-left: 6px;}

/*新闻*/

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

.z_news_list ul li{transition: all .5s;}

.z_news_list ul li .z_news_img{width: 434px;height: 344px;overflow: hidden;}

.z_news_list ul li .z_news_img img{width: 434px;height: 344px;transition: all .5s}

.z_news_list ul li  .z_news_txt{width: 766px;height: 344px;padding: 48px 40px;transition: all .5s}

.z_news_list ul li  .z_news_txt h6{font-size: 28px;color: #2e2751;font-weight: bold;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: all .5s}

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

.z_news_list ul li  .z_news_txt span{display:inline-block;position: relative; font-size: 14px;color:#fff;text-transform: uppercase;padding-left: 20px;margin-top: 10px;transition: all .5s;width: 116px;height: 36px;background-color: #febc35;text-align: center;line-height: 36px}

.z_news_list ul li  .z_news_txt span::before{position: absolute;content: "";width: 16px;height: 2px;background-color: #fff;top: 18px;left:9px}

.z_news_list ul li  .z_news_txt i{font-size: 18px;color: #322c4b;font-family: Refsan;padding-left: 24px;font-weight: bold}

.z_news_list ul li:nth-child(odd) .z_news_img{float: left;}

.z_news_list ul li:nth-child(odd) .z_news_txt{float:right;background-color: #fafafa}

.z_news_list ul li:nth-child(even) .z_news_img{float:right;}

.z_news_list ul li:nth-child(even) .z_news_txt{float:left;background-color: #fff}

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

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

.z_news_list ul li:hover .z_news_txt{padding-left: 46px}

.z_news_list ul li:hover .z_news_txt h6{color: #febc35}

/*联系我们*/

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

.z_contact_left{width: 470px;}

.z_contact_left h6{font-size:52px;color: #192437;font-weight:bold;line-height: 64px;}

.z_contact_left em{display: block;width: 460px;height: 3px;background-color: #febc35;margin:10px 0 36px}

.z_contact_left p{font-size: 20px;color: #717074;line-height: 34px;}

.z_contact_down{margin-top:48px;}

.z_contact_down ul li{float: left;width: 368px;height: 312px;border: 2px dashed #e3e3e3;padding: 40px 28px 70px;text-align:left;text-align: center;}

.z_contact_down ul li .z_contact_icon{width: 98px;height: 98px;border:2px dashed #eaedff;border-radius: 50%;margin: 0 auto 28px;padding: 27px}

.z_contact_down ul li p{font-size: 17px;color: #313e53;line-height: 26px;margin: 8px 0}

.z_contact_down ul li.z_contact_phone{margin: 0 48px;}

.z_contact_down ul li i{display: block;width: 40px;height: 40px;}

.z_contact_down ul li.z_contact_email i{background:url(../images/icon_bg.png) no-repeat -168px -56px;}

.z_contact_down ul li.z_contact_phone i{background:url(../images/icon_bg.png) no-repeat -168px -96px;}

.z_contact_down ul li.z_contact_address i{background:url(../images/icon_bg.png) no-repeat -168px -136px;}

/*form表单*/

.z_contact_right {width: 656px;}

.contact_form ul li{position: relative;margin-bottom:16px;width:656px;height:54px;line-height:54px; background-color: #f6f6f6}

.contact_form ul li.name{width: 320px;}

.contact_form ul li.phone{width: 320px;}

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

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

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

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

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

.contact_form ul li input{width:100%;padding: 0 18px 0 44px;font-size: 16px;}

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

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

.contact_form ul li.message textarea{width:100%;padding:0 18px 6px 40px;font-family:Arial;height:120px;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: 480px;height:54px;line-height: 54px;padding: 0 16px 0 40px;background-color: #f6f6f6}

p.code > img{display: inline-block;vertical-align: middle;width: 160px;height: 54px;margin:0 0 0 12px}

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

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: #febc35;color:#fff;font-size: 16px;border-radius: 10px;}



/*关于我们*/

/*第一部分*/

.z_about{}

.z_about_nav{background-color: #f7f7f7}

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

.z_about1_left{width: 560px;position: relative;padding-left: 20px}

.z_about1_left img{width: 538px;height: 438px;position: relative;z-index: 1}

.z_about1_left::before{position: absolute;content: "";width: 538px;height: 438px;background-color: #febc35;bottom:-20px;left: 0;z-index: 0}

.z_about1_right{width: 588px;padding-top: 40px}

.z_about1_titlte{position: relative;}

.z_about1_titlte img{position: absolute;width: 107px;top: -40px;left: 0}

.z_about1_titlte h6{font-size: 36px;color: #192437;font-family: Refsan;font-weight: bold;}

.z_about1_titlte em{display: block;width: 366px;height: 3px;background-color: #febc35;margin: 10px 0 24px;}

/*滚动条*/

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

#scrollbar1 .viewport {height:272px; 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: #febc35; }

#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_about2{position: relative;padding: 80px 0 124px}

.z_about2 > img{position: absolute;z-index: 1}

.z_about2 .z_about2_xs1{right: 0;top:-60px;}

.z_about2 .z_about2_xs2{left: 0;top: 0;}

.z_about2_left{width: 240px;margin-top: 24px}

.z_about2_left h6{font-size: 36px;color: #2e2751;font-weight: bold;font-family: Refsan;line-height: 42px;}

.z_about2_left p{font-size: 17px;color: #666;margin: 24px 0 54px;}

.z_about2_left span{display: block; font-size: 13px;color: #192437;font-weight: bold;font-family: Refsan;text-decoration: underline;}

.z_about2_right{width: 924px;}

.z_about2_right ul li{float: left;width: 268px;height: 312px;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);border-radius: 10px;margin-left: 40px;padding: 42px 0 0 48px;transition: all .5s}

.z_about2_right ul li span{display: block;width: 64px;height: 64px;}

.z_about2_right ul li h6{font-family: CHARL;font-size: 44px;color: #333;font-weight: bold;margin: 24px  0 16px;}

.z_about2_right ul li h6 i{font-size: 20px;font-family: Refsan;}

.z_about2_right ul li p{font-size: 13px;color: #000;font-family: Refsan;text-transform: uppercase;}

.z_about2_right ul li:nth-child(1) span{background:url(../images/about_icon.png) no-repeat 0 0;}

.z_about2_right ul li:nth-child(2) span{background:url(../images/about_icon.png) no-repeat -64px 0;}

.z_about2_right ul li:nth-child(3) span{background:url(../images/about_icon.png) no-repeat -128px 0;width:72px;height: 64px;}

.z_about2_right ul li:hover{background:url(../images/z_about2_bg.jpg) no-repeat center;}

.z_about2_right ul li:nth-child(1):hover span{background:url(../images/about_icon.png) no-repeat 0 -64px;}

.z_about2_right ul li:nth-child(2):hover span{background:url(../images/about_icon.png) no-repeat -64px -64px;}

.z_about2_right ul li:nth-child(3):hover span{background:url(../images/about_icon.png) no-repeat -128px -64px;}

.z_about2_right ul li:hover h6{color: #fff}

.z_about2_right ul li:hover p{color: #fff}

.factory_con{position: relative;overflow: hidden;}

.factory_list ul{white-space: nowrap;}

.factory_list ul li{position: relative; width: 510px;height: 660px;float: left;margin-right:36px;overflow: hidden;}

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

.factory_list ul li h6{opacity: 0; position: absolute;width: 510px;height: 660px;top: 0;left: 0;font-size: 26px;color: #fff;text-align: center;background-color: rgba(0,0,0,.65);transition: all .5s;white-space: normal;padding: 256px 20px 0 20px}

.factory_list ul li:hover h6{opacity: 1;}

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

.z_about4{padding: 80px 0 180px;}

.z_about4 > .w_center{position: relative;}

.z_about4 > .w_center img{position: absolute;top:190px;left:0;width: 662px;}

.z_about4_title h6{color: #2e2751}

.z_about4_con{position: relative;float: right;margin-top: 60px;}

.z_about4_txt{width: 608px!important;}

.z_about4_txt ul li{float: left; width: 608px!important;height: 430px;background-color: #febc35;color: #fff;padding: 60px 100px 0}

.z_about4_txt ul li h6{font-size: 46px;text-align: center;font-family: Refsan;margin-bottom: 20px;}

.z_about4_txt ul li p{font-size: 16px;line-height: 26px;}

.z_about4_dots a{display: block; position: absolute;bottom:-70px;width: 52px;height: 52px;padding:14px;margin-top: -26px;border-radius: 52px;border: 1px solid #e5e5e5;transition: all .5s}

.z_about4_dots a.prev{left:240px}

.z_about4_dots a.next{right: 240px}

.z_about4_dots a i{display: block;width: 24px;height: 24px}

.z_about4_dots a.prev i{background: url(../images/icon_bg.png) no-repeat -144px -24px;}

.z_about4_dots a.next i{background:  url(../images/icon_bg.png) no-repeat -120px -24px;}

.z_about4_dots  a:hover{background-color: #febc35}

.z_about4_dots a.prev:hover i{background: url(../images/icon_bg.png) no-repeat -176px 0;}

.z_about4_dots a.next:hover i{background: url(../images/icon_bg.png) no-repeat -152px 0;}

/*新闻详情页*/

.z_news_article{padding: 40px 0 80px;}

.z_news_detail{width: 760px;}

.z_news_detail > img{width: 100%;}

.z_news_date > p{width: 296px;height: 40px;background-color: #febc35;text-align: center;line-height: 40px;font-size: 18px;color: #fff;font-family: Refsan;margin: 40px 0}

.z_news_detail > h6{font-size: 30px;color: #2e2751;font-weight: bold;margin-bottom: 14px}

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

/*篇数*/

.page {margin-top:30px}

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

.page li a{color: #666;display: inline-block;}

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

/*新闻侧边栏*/

.z_news_sidebar{width: 342px;}

.z_news_sidebar_up{background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);padding: 28px 32px;margin-bottom: 24px;}

.z_news_sidebar h6{font-size: 22px;color: #2e2751;}

.z_news_sidebar em{display: block;width: 40px;height: 2px;background-color: #febc35;margin:4px 0 16px}

.z_news_sidebar_up ul li{}

.z_news_sidebar_up ul li span{font-size:15px;color: #2e2751;float: left;line-height: 40px;transition: all .5s}

.z_news_sidebar_up ul li i{float: right; display: block;background: url(../images/icon_bg.png) no-repeat -168px -24px;width: 16px;height: 16px;margin-top: 12px;}

.z_news_sidebar_up ul li:hover span{color: #febc35}

.z_news_sidebar_up ul li:hover i{background: url(../images/icon_bg.png) no-repeat -184px -24px;}

.z_news_sidebar_down{background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);padding: 28px 12px 28px 32px;}

.z_news_sidebar_down ul li{margin-top: 16px;}

.z_news_sidebar_down ul li .z_news_article_img{width: 136px;overflow: hidden;height: 108px;box-shadow: 0 0 5px rgba(0,0,0,.1)}

.z_news_sidebar_down ul li .z_news_article_img img{width: 136px;height: 108px;transition: all .5s}

.z_news_sidebar_down ul li .z_news_article_txt{width: 150px;}

.z_news_sidebar_down ul li .z_news_article_txt h6{font-size: 14px;color: #2e2751;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;transition: all .5s}

.z_news_sidebar_down ul li .z_news_article_txt p{font-size: 0;line-height: 0;margin-top:24px}

.z_news_sidebar_down ul li .z_news_article_txt p i{display: inline-block;vertical-align: middle; width: 16px;height: 16px;background:url(../images/icon_bg.png) no-repeat 0 -136px;}

.z_news_sidebar_down ul li .z_news_article_txt p span{color: #878e99;font-size: 13px;display: inline-block;vertical-align: middle;margin-left:8px}

.z_news_sidebar_down ul li:hover .z_news_article_img img{transform: scale(1.2)}

.z_news_sidebar_down ul li:hover .z_news_article_txt h6{color: #febc35}

.z_news_sidebar_down  h6{font-size: 22px;color: #2e2751;}

.z_news_sidebar_down  em{display: block;width: 40px;height: 2px;background-color: #febc35;margin:4px 0 16px}

/*产品详情*/

.z_product_article{background:url(../images/z_product_bg.jpg) no-repeat;padding: 70px 0 }

.z_product_article_left{width: 580px;position: relative;height: 403px;overflow: hidden;}

.z_product_article_list ul li{float: left; width: 580px!important}

.z_product_article_list ul li img{width: 580px;height: 403px;}

.z_product_dots a{display: block; position: absolute;top:50%;width: 52px;height: 72px;padding:24px 14px;margin-top: -36px; transition: all .5s;background-color:#febc35;z-index: 1;}

.z_product_dots a.prev{left:10px}

.z_product_dots a.next{right:10px}

.z_product_dots a i{display: block;width: 24px;height: 24px}

.z_product_dots a.prev i{background: url(../images/icon_bg.png) no-repeat -176px 0;}

.z_product_dots a.next i{background:  url(../images/icon_bg.png) no-repeat -152px 0;}

.z_product_article_right{width: 570px;color: #fff;height: 403px}

.z_product_article_right > h6{font-size: 34px;font-family: Refsan;border-bottom: 2px dashed #3e395a;padding-bottom: 10px;}

.z_product_article_right p{font-size: 15px;line-height: 25px;margin: 18px 0;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}

.contact_share{line-height: 0;font-size: 0;display: inline-block;vertical-align: middle;margin-top: 8px}

.contact_share a{float: left; width:36px;height: 36px;padding: 6px;margin-right: 10px;border-radius: 50%}

.contact_share a i{display: block; width: 24px;height: 24px; }

.share_facebook2{background-color: #0c88ef}

.share_twitter2{background-color: #e60023}

.share_skype2{background-color: #d54b3d}

.share_whatsapp2{background-color: #1a91da}

.share_facebook2 i{background:url(../images/icon_bg.png) no-repeat -120px -136px;}

.share_twitter2 i{background:url(../images/icon_bg.png) no-repeat -72px -136px;}

.share_skype2 i{background:url(../images/icon_bg.png) no-repeat -48px -136px;}

.share_whatsapp2 i{background:url(../images/icon_bg.png) no-repeat -96px -136px;}

.product_contact{margin-top: 40px}

.product_contact a{width: 156px;height: 40px;text-align: center;font-size: 17px;line-height: 40px;display: inline-block;margin-right: 20px}

.product_contact a:nth-child(1){background-color: #febc35}

.product_contact a:nth-child(2){background-color: #fff;color: #2e2751}

.z_product_article  > p{font-size: 15px;color: #fff;width: 1200px;margin: 20px auto 0}

.z_product_nav{border-bottom:13px solid #f4f4f4}

.z_product_nav .z_nav_con{border: none;}

.z_product_detail{padding: 36px 0 48px;border-bottom:13px solid #f4f4f4}

.product_detail_sidebar{width: 350px;}

.product_detail_sidebar1{background: url(../images/z_product_detail_bg.jpg) no-repeat center;height: 364px;padding: 40px 0 0 28px;color: #fff;font-family: Refsan;}

.product_detail_sidebar1 span{display: block;font-size: 18px;}

.product_detail_sidebar1 p{font-size: 26px;}

.product_detail_sidebar1 a{display: inline-block; position: relative; font-size: 13px;margin-top: 24px;transition: all .5s}

.product_detail_sidebar1 a i{display:inline-block; background:url(../images/icon_bg.png) no-repeat -200px 0;width: 16px;height: 8px;}

.product_detail_sidebar1 a::before{position: absolute;content: "";width: 100%;height: 1px;background-color: #fff;top:18px;left: 0; transition: all .5s}

.product_detail_sidebar1 a:hover{color: #febc35;margin-left: 10px}

.product_detail_sidebar1 a:hover::before{background-color: #febc35}

.product_detail_sidebar1 a:hover i{background:url(../images/icon_bg.png) no-repeat -200px -8px;}

.product_detail_sidebar2 {background-color: #fff;box-shadow: 0 4px 5px rgba(0,0,0,.1);padding: 8px 32px 48px;}

.product_detail_sidebar2 h6{font-size: 23px;color: #2e2751}

.product_detail_sidebar2 ul li{float: left; font-size: 14px;color: #666;background-color: #f5f5f5;line-height:40px;text-align: center;width: 126px;margin:12px 16px 0 0;transition: all .5s}

.product_detail_sidebar2 ul li:hover{color: #fff;background-color: #febc35}

.product_detail{width: 806px;}

.product_detail h6{font-size: 26px;color: #010101;margin-bottom: 12px}

.product_detail > p{font-size: 16px;color: #666;line-height: 25px;margin-bottom: 24px;}

.product_detail img{width: 100%}

.z_product_online{padding: 60px 0 80px}

/*视频*/