/* * Author: 渔课 */ @font-face { font-family: Libre Baskerville; src: url('LibreBaskerville.otf'); } body{font-family:'Jost','microsoft yahei',Helvetica, sans-serif; color: #000;font-size: 14px; } a{transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;} ul{list-style:none;} ul, li {list-style: none;margin: 0; padding: 0;} .clear{clear: both;} .img-thumbnail{transition : opacity 0.7s;} .img-thumbnail:hover,.opacity_img:hover{opacity: 0.75;} .top_contact p {display: inline-block;margin: 0px 15px;font-size: 14px;font-family: segoeui_1;letter-spacing: 1px;} .top_contact a {color: #fff;} .show_video li{ width:33.33%; float:left; padding:15px;} .show_video li iframe{ width:100%; height:275px;} .photo_con iframe{ height:535px; width:100%;} .video-btn{ width:50px; height:auto; position:absolute; left:42%; top:37%; display: none !important;} /*顶部信息*/ .navbar-static-top::before {position: absolute;content: "";height: 100%;width: 30%;top: 0;left: 0px;background: #fff;z-index: -1;} .navbar-static-top::after {position: absolute;content: "";width: 51px;height: 79px;background: #fff;right: 68%;top: 20px;clip-path: polygon(100% 43%, 100% 43%, -29% 100%, 8% 8%);z-index: -999;} .align-items-center {align-items: center!important;display: flex;flex-wrap: wrap;} .top_menu{font-size: 14px;width: 100%;height: 60px;line-height: 60px;background-color: #19142d;color: #fff;position: relative;z-index: 1000;display: none;} .top_lang{ margin-top: 25px; padding-left: 5px;} .top_name{display: inline-block; padding-left:10px;} .top_bg{color: #777;width: 100%;height: 36px;border-bottom: 1px solid #e4e4e4;} .top_email {padding-top: 6px;color: #565656;float: left;margin: 35px 0px 0px 10px;font-size: 20px;} .top_email i{color: #72AE44;margin-right: 5px;} .top_email a{color: #565656;margin-right: 30px} .top_email a:hover{color: #21c149;text-decoration: none;} .nav_icons a{ display: inline-block;color: #fff;width: 40px;height: 40px;text-align: center;line-height: 40px;} .nav_icons i {font-size: 22px;border-radius: 50%;text-align: center;} .nav_inquiry i{font-size: 24px;color: #099be4;margin-top: -5px;display: none;} /*产品搜索*/ .search_group{float: right;} .top_search input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#fff;} .top_search input:-moz-placeholder,textarea:-moz-placeholder{color:#fff;} .top_search input::-moz-placeholder,textarea::-moz-placeholder{color:#fff;} .top_search input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#fff;} .search_group input.form-control{border-radius: 0px;box-shadow: none;color: #585A5A;padding: 0px 0px 0px 15px;height: 40px;background: transparent;border: none;} .search_group input.form-control:focus{box-shadow: none;} /*头部搜索*/ .bx_search {float: right; line-height: 80px; padding: 0 20px; cursor: pointer;} .search_ico,.search_x{ font-size:16px; cursor: pointer;} .search_x{ display: none; } .top_search { width:215px;float: right; margin-top: 9px;} .top_search .search_group{ margin: 0;background-color: transparent;border-radius: 12px;margin-top: 3px;border:1px solid #fff;} .input-group-btn{line-height: 0px;} .top_search #search_submit{ color: #fff;font-size: 16px;border-radius: 0px;width: 30px;} .top_contact{} .top_search .input-group .form-control{ height: 35px; } /*新翻译*/ #gt_float_wrapper {right: 20px !important;top: 40px;left: auto !important;} .gt_float_switcher .gt-selected .gt-current-lang {padding: 3px 8px !important;font-weight: 400 !important;font-size: 14px !important;} .gt_float_switcher img {width: 40px !important;} .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {height: 24px !important;width: 20px !important;background-size: 7px !important;} .gt-lang-code{font-size:20px;} /*幻灯片*/ .flash img{width: 100%;} .flash ul.bxslider{list-style:none;} .flash div.bx-pager{bottom: 4%;} .flash div.bx-controls-direction{display:none;} .banner_box{position: relative;height: 770px;width: 100%;} .banner_text{position: absolute;top: 19%;transition: transform 0.2s ease-in-out,opacity 0.2s ease-in-out;animation: textout 1s;width: 50%;color: #fff;left: 5%;} @keyframes textout { from {transform:scale(0);left: 0;opacity: 0;} to {transform: scale(1);opacity: 1;} } /*Safari 和 Chrome:*/ @-webkit-keyframes textout { from {transform:scale(0);left: 0;opacity: 0;} to {transform: scale(1);opacity: 1;} } .banner_text h2{font-size: 54px;line-height: 72px;color: #333;font-weight: 600;} .banner_text p{font-size: 26px;line-height: 44px;color: #444;font-weight: 400;width: 53%;} .banner_btn{display: inline-block;text-decoration: none;font-size: 17px;font-weight: 500;letter-spacing: 1px;background: #099be4;color: #fff;padding: 13px 25px;border-radius: 3px; position: relative;z-index: 1;} .banner_btn2{background: #fff; color: #0b0b0b; margin-left: 15px;display: none;} .banner_btnbox a::before {position: absolute;content: "";background-color: #19142d;width: 101%;height: 0%;left: 50%;top: 50%;border-radius: 3px;transform: translate(-50%, -50%) rotate(0deg);z-index: -1;transition: all 500ms ease;} .banner_btnbox a:hover::before {height: 103%; } .banner_btn:hover{color:#fff;text-decoration: none;} /* 首页数字 */ .iabout_count{background: #f9f9f9;padding: 40px 50px;} .iadv_count{display: flex;justify-content: space-around;} .icount_box{color: #000;width: 24%;text-align: center;} .icount_box h2{font-size: 40px;font-weight: bold;position: relative;} .icount_box p{font-size: 20px;} .icount_sign{top: 0px;font-size: 26px;font-weight: 500;} .icount_txt {font-size: 18px;font-weight: normal;display: contents;} /* 首页标题样式 */ .index_head{ text-align: center;} .index_head p{ margin-top: 11px; line-height: 1.2; font-size: 24px;color: #E1E1E1;font-weight: 500;margin-bottom: 7px;position: relative;padding: 0 50px 0;} .index_head h2{ color: #0b0b0b;font-size: 42px;font-weight: 600;text-align: center; text-transform: math-auto;margin-top: 5px;margin-bottom: 30px;} /*首页-公司简介*/ .about_bg{ padding: 50px 0px;background: #f5f5f5; position: relative; margin-bottom: 100px;} .iabout_left{padding: 0;} .iabout_lbox{ position: relative;min-height: 478px;overflow: hidden;} .iabout_right{background: transparent;padding: 15px 30px 40px;} .about_img{width: 100%;} .iabout_rbox h2{ text-transform: uppercase; font-size: 22px;color: #087e12;} .about_h2{font-size: 38px;color: #222;font-weight: bold;font-family: 'Libre Baskerville', serif;} .about_p{color: #E1E1E1;font-size: 25px;margin-top: 30px;font-weight: bold;} .about_content{font-size: 24px;line-height: 30px;text-align: justify;color: #333;} .about_btn{ display: inline-block; width: 145px;line-height: 40px;height: 40px;text-align: center;color: #fff;font-size: 16px;border-color: #099be4;background-color: #099be4;border-radius: 0px;margin-top: 20px;border: #099be4 2px solid;} .about_btn1{ color: #fff;font-size: 16px; border: #E1E1E1 2px solid;background-color: #099be4;margin-right: 20px;border-radius: 0px;} .about_btn:hover,.about_btn:focus{ color: #E1E1E1;text-decoration: none;background: #099be4;} /*首页产品*/ .iproduct_bg{ padding: 60px 0px;clear: both;background: #fff;} .iproduct_select{ width: 100%;display: flex; } .ipli_select2,.ipli_select3{display: none;} .iproduct_select a{color: #222;} .iproduct_select li {width: 33%; transition: all 0.45s; float: left;height: 45px;line-height: 45px;text-align: center;background:#099be4;border-radius: 5px;font-size: 18px;color: #fff;margin: 0px 8px; cursor: pointer; margin-bottom: 15px;} .iproduct_select li:hover{color: #fff; background: #000 ;} .iproduct_select li p {color: #fff;} .ipselect_li{ background: #000 !important;} .iproduct_box a{overflow: hidden;} .product_list{clear: both;padding: 15px 0px 0px 0px;} .product_list2{padding-top: 20px;} .product_img{padding-left: 15px; padding-right: 15px; } .ip_decs{padding: 0px 10px;} .product_img img{width: 100%;height: auto;margin-bottom: 0;padding: 3px;overflow: hidden;transition: all 0.6s;display: block;border-radius: 10px; box-shadow:0px 0px 5px 5px #eee;;} .product_list2 div.product_img{min-height: 260px;margin-bottom: 10px;} .product_title{ text-align: center;margin: 5px 0;} .product_title a{ font-size: 24px;color: #0b0b0b ;} .product_title a:hover{text-decoration: none;color:#E1E1E1;} /* 首页adv */ .adv_bg{text-align: center;} .iadv_list{padding: 20px 0 0;} .adv_desc{min-height: 190px;} .adv_desc p{font-size: 24px;padding: 0 0 30px;text-align: left;color:#000;} .adv_img{display: flex;gap: 20px;} .adv_img img{border-radius: 50%;} .adv_title{width: 60%;} .adv_title a{text-decoration:none; font-size: 24px;color: #000;} @media screen and (min-width:1200px) { .product_list .product_img{ margin-bottom: 25px;} .product_list2 .product_img:nth-child(3n+1){ clear: both; } } @media screen and (max-width:768px) { .product_list .product_img:nth-child(2n+1){ clear: both; } } /*翻译*/ .change-language{display:inline-block;position:relative;text-align:left;vertical-align:middle;margin-left:30px;white-space:normal; float:right; } .change-language-title a{color:#666;} .change-language .change-language-title, .change-language .change-language-title a{font-size:14px;line-height: 36px;} .change-language .change-language-title a:after{font-family:'fontawesome';content:"\f0d7"; display:inline-block;padding-left:2px;} .change-language:hover .change-language-title a:after{-moz-transform:rotate(-360deg);-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);} .change-language .change-language-cont{position:absolute;top:100px;right:0;width:360px;background:#FFF;padding:20px 10px 20px 20px;transform:scale3d(0.9, 0.9, 1);opacity:0;visibility:hidden;z-index:9999;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border:1px solid #ccc;border-radius:5px;/*overflow-y:scroll;max-height:80vh;*/} .change-language:hover .change-language-cont{transform:scale3d(1, 1, 1);opacity:1;visibility:visible;} .change-language .change-language-cont li{display:inline-block;vertical-align:top;width:46%;margin:0 0 10px;font-size:10pt;overflow:hidden;padding:0 10px 0 0;} .change-language .change-language-cont li a:hover{color:#0b0b0b;} .change-language .change-language-cont .lang-item-hide{display:none !important;} .change-language .change-language-cont .lang-more{position:relative;display:block;text-align:center;cursor:pointer;line-height:30px;} .change-language .change-language-cont .more-active{font-size:20px;} .language-flag span{position:relative;display:inline-block;vertical-align:top;white-space:nowrap;padding:0 0 0 15px;overflow:hidden;} .change-language-cont .language-flag span{ font-size:16px; } .change-language .change-language-title a:after{color:#fff;} .change-language .change-language-title .language-flag span{color:#fff;} .change-language ::-webkit-scrollbar{width:5px;} .change-language ::-webkit-scrollbar-track{background-color:#000;} .change-language ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:3px;} .change-language .language-cont:hover::-webkit-scrollbar-thumb{display:block} li.language-flag a{position:relative; color: #000;} /*end*/ /*首页-新闻*/ .inew_bg{ padding: 80px 40px 50px;clear: both; background-color: #fff;} .inew_head h2{ color: #E1E1E1;} .inews_desc{padding:10px 15px;} .news_list{padding-top: 30px;} .inew_bg .slide{width: 360px !important;} .inews_box{ margin-right: 0 !important; text-align: center;} .inews_box .slide{margin-right: 0 !important;} .inew_bg .bx-pager{display: none;} .news_img img{max-width: 100%;padding:0px 15px 20px;} .inews_title a{color: #0b0b0b;font-size: 24px;} .inews_title a:hover{text-decoration: none;color: #099be4;} /*.inews_box img{width:100%;padding:0px 15px 20px; display: block; margin: 0 auto;;}*/ .inews_title{margin: 0;} .inew_content{margin-top: 20px;} /*.inews_title a{color: #0b0b0b;font-size: 18px;font-weight: 600;}*/ /*.inews_title a:hover{text-decoration: none;color: #099be4;}*/ .inews_time{color: #999;font-size: 16px; display: none;} .inews_text{ color: #656565;line-height: 20px;margin-top: 10px;} .inews_img{position: relative;display: block;} .inew_bg .bx-prev{background: url(../images/left.png) no-repeat center;height: 52px !important;background-size: 32px; top: 65.2% !important;left: -20px;display: block;width: 52px !important; } .inew_bg .bx-prev:hover{background: url(../images/left.png) no-repeat center;background-size: 32px;} .inew_bg .bx-next:hover{background: url(../images/right.png) no-repeat center;background-size: 32px;} .inew_bg .bx-next{background: url(../images/right.png) no-repeat center;height: 52px !important;background-size: 32px;top: 65.2% !important; right: -20px;display: block;width: 52px !important;} /*列表页-左侧栏目*/ .left_h3{height: 50px;font-size: 24px;font-weight: normal;color: #333;line-height: 50px;border-bottom: 1px solid #ebebeb;} .left_h3 span{display: inline-block;height: 50px;border-bottom: 1px solid #E1E1E1; text-transform: uppercase;font-weight:bold;} .left_nav_ul{list-style:none;margin:0px;padding:0px; margin:15px 0px 0px 0px;padding-bottom: 10px;} .left_nav_ul > li{position:relative; border-bottom: 1px solid #f2f2f2; background: url(../images/left_li.gif) 6px 15px no-repeat;padding:8px 0px 8px 18px; } .left_nav_ul > li:last-child {border-bottom: none;} .left_nav_ul > li > a{text-decoration:none; color:#000; font-size:24px;} .left_nav_ul > li > a:hover,.left_nav_ul li a.left_active{color:#000;font-weight: normal;} .menu_head{cursor:pointer; font: 600 18px/30px "Open Sans", sans-serif; width:35px; text-align:center;color:#303c4b;display:inline-block;position: absolute; top:3px; right:0px;} .menu_head:hover{ color: #E1E1E1;} /*列表页-左侧二级栏目*/ ul.left_snav_ul{list-style:none;padding:0px;display: none; padding-top: 8px;} ul.left_snav_ul > li{ margin:0px;padding:5px 0px 5px 10px; background: url(../images/left_sli.gif) 0px 13px no-repeat;} ul.left_snav_ul > li > a{border:0;color:#000;padding: 5px 0px 5px 0px;font-size: 24px;} ul.left_snav_ul > li > a:hover{ text-decoration: none;color:#66a8be;} .left_snav_ul_li{ margin:0px;padding:5px 0px 5px 10px; background: url(../images/left_sli.gif) 0px 13px no-repeat;} .left_snav_ul_li a{border:0;color:#969494;padding: 5px 0px 5px 0px;} .now_acvite { font-weight: bold;} /*列表页-左侧新闻*/ .left_news{clear: both;list-style:none;margin:0px;padding:0px;} .left_news li{color:#545455;border-bottom: 1px dotted #ddd;background: url(../images/li.png) no-repeat left 15px;line-height:21px; padding: 10px 0px; padding-left:14px;} .left_news li a{color:#2F2F2F;font-size: 24px;} .left_news li a:hover, .left_news li a:focus{text-decoration:none;color:#03b29c;} /*列表页-左侧联系*/ .left_contact{margin:30px 0px 35px 0px;} .left_contact p{clear: both;line-height: 24px;font-size: 23px;} /*列表页-横幅*/ .page_bg{height: 600px;margin-bottom: 0px;} .page_bg img{max-width:100%;} /*列表页-面包屑*/ .bread_bg{background-color: #f3f3f3;margin-top: 20px;} .bread_nav{padding: 10px 20px;font-size: 24px;} .bread_nav span{color: #E1E1E1;padding-right: 6px;} .bread_nav a{color: #2F2F2F;} .bread_nav a:hover{color: #E1E1E1;text-decoration: none;} /*列表页-右栏*/ .right_head{clear: both;} .right_head h2{height: 50px;font-size: 24px;font-weight: normal;color: #333;line-height: 50px;border-bottom: 1px solid #ebebeb; } .right_head h2 span{display: inline-block;height: 50px;border-bottom: 1px solid #E1E1E1;text-transform: uppercase;font-weight:bold;} .right_contents{clear: both;padding:15px 0px 15px 0px; line-height:28px; overflow: auto;} .right_contents_h1{margin: 0px;padding: 10px 0px;text-align: center;color: #000;font-size:24px;color:#434343;font-weight:bold;line-height: 34px;} .right_contents img {max-width: 100%;} /*列表页-右侧新闻*/ .right_new{clear: both; list-style:none;margin:0px; padding:0px 0px 20px 0px;} .right_new li{color:#898989;background: url(../images/li.png) no-repeat left 18px;font-size: 16px;line-height:22px; padding:12px 0px; padding-left:13px;border-bottom: 1px dashed #e3e2e2;} .right_new li a{color:#2F2F2F;} .right_new li a:hover,.right_new li a:focus{text-decoration:none;color:#E1E1E1;} .right_new_time{float:right;} .relevant_new ul.right_new li{font-size: 14px;} .right_new .news_time{float: right;} .new_list li {list-style: none;border-bottom: 1px solid #ddd; margin-top: 20px;} .new_list li .title a {color: #282828; font-size: 22px;font-weight: 700;} .new_list li .title a:hover{ text-decoration:none; color:#E1E1E1;} .new_list li .time { color: #000; } .new_list li .time i { color: #717375; padding: 10px 10px 10px 0; } .new_list .zhai { color: #000; line-height: 23px; font-size: 18px; } .new_list .new_bnt { background: #099be4; color: #fff; padding: 4px 10px; font-family: 'poppins-semibold'; transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; margin-top: 6px; font-size: 12px;} /*列表页-右侧案例*/ .case_list{clear: both;padding: 25px 0px 0px 0px;margin-right: -15px;margin-left: -15px;} .case_list2{padding-top: 20px;} .case_img{padding-left: 15px;padding-right: 15px;min-height: 270px;} .case_img img{margin-right: auto;margin-left: auto;display: block;max-height: 270px;max-width: 100%;height: auto; margin-bottom: 10px; padding: 0px 0px 0px 0px;} .case_list2 div.case_img{min-height: 160px;position: relative;} .case_title{text-align: center;height: 40px;} .case_title a{color: #2F2F2F;} .case_title a:hover{text-decoration: none;color:#E1E1E1;} /*分页样式*/ .page{clear:both;margin:20px 0px 20px 0px;text-align: center; } .page a{display: inline-block; font-family: Arial; font-size: 13px; border: #dbdbdb 1px solid; padding:8px 13px; margin: 2px; margin-bottom: 5px; color: #31363c; text-decoration: none} .page a:hover,.page a:focus{font-family: Arial;font-size: 13px;border: #E1E1E1 1px solid;padding:8px 13px;color: #fff;background-color: #E1E1E1;} .page .current{font-family: Arial;border: #E1E1E1 1px solid; font-size: 13px; padding:9px 13px; color: #fff;margin: 2px;background-color: #E1E1E1} /*产品详细页*/ .showpic_box,.proinfo_box{margin: 30px 0px 20px 0px;} .product_h1{margin:0px; line-height:22px; font-size:22px;font-weight: bold;color: #000; padding-bottom:10px;border-bottom: 1px dotted #ccc; } .product_info{list-style:none;padding:0px;margin-top:10px;} .product_info p{line-height:28px;font-size: 21px; } .product_btn{margin-top: 15px; display:inline-block;} #pic-page{text-align: center;margin-top:10px;} #pic-page a{margin: 0 2px;} #pic-page a img{width:40px;padding: 2px;border: solid #ccc 1px;margin-bottom:5px;} #pic-page a:hover img,#pic-page a.active img {border: solid #E1E1E1 1px;} .product_con {clear: both; border-top: 1px dotted #a9a9a9;margin:10px 0px 20px 0px;padding:20px 0px 0px 0px; line-height:26px;overflow: auto; } .photo_con {clear: both;margin:0px 0px 20px 0px; padding:10px 0px 20px 0px;line-height:26px;overflow: auto; } .product_con img,.photo_con img {/*max-width: 840px;*/ max-width:100%;} .list_related{margin-top: 50px; } .list_related div.product_img{min-height: 160px;} .showpic_flash{ overflow: hidden; } .bx-viewport .example-image{ margin:auto;} .info_share{ margin-top: 15px; } /*按钮样式*/ .download_btn {float: right;display: block;margin: 10px 10px 20px 0px;} .page-btn {display: inline-block;float: left; background-color: #099be4;border-radius: 0px; border: none; transition:background 0.3s;margin-right: 15px; } .page-btn:hover,.page-btn:focus {background-color:#000;} .grey-btn {border-radius: 0px;border: none;background-color: #099be4;color: #fff;} .grey-btn:hover,.grey-btn:focus {background-color: #000;color:#fff;} /*在线留言订购*/ .feedback {margin-top: 50px;} .form-horizontal .form-group{margin-right: -10px;margin-left: -10px;margin: 20px 20px;font-size: 20px;} .codeimg{margin: 0px 0px -10px -18px;} .a2a_default_style{display: inline-block;} /*上一个下一个*/ .point{clear: both; margin:20px 0px 40px 0px;padding-bottom: 40px;line-height:22px;font-size: 20px;} .point span.to_prev{text-align:center;} .point span.to_prev a{color:#337AB7;} .point span.to_prev a:hover{color: #ea042b;text-decoration: none;} .point span.to_next{text-align:center;} .point span.to_next a{color:#337AB7;} .point span.to_next a:hover{color: #ea042b;text-decoration: none;} /*标签样式*/ .tags{margin: 18px 0px 10px 0px;} .tags a{margin: 0px 5px 8px 0px;} .tags_list{padding: 5px 10px 100px 10px;} .tags_ul{margin-top: 0px;} .tags_ul li{line-height: 28px;margin-bottom: 8px;padding-bottom: 10px;} .tags_ul h3{font-size: 14px;padding: 0px;margin: 0px;line-height: 20px;} .tags_ul p{font-size: 13px;padding: 0px;margin: 0px;color: #777;line-height: 20px;padding-top: 8px;} /*网站地图*/ ul.ul_sitemap{margin: 30px 0px 40px 30px;} ul.ul_sitemap li{list-style: none;line-height: 26px;clear: both; } ul.ul_sitemap li a{color: #7d7d7d;} li.small_li_sitemap{clear: both;padding-left: 12px;} li.small_li2_sitemap{float: left;padding-left: 20px; } /*友情链接*/ .link_box{background-color: #E1E1E1;padding:10px 0px;text-align: center;color: #fff;font-size: 13px;line-height: 30px;clear: both;} .link_box a{color: #fff;padding:0px 0px 0px 10px;font-size: 13px;} .link_box a:hover{text-decoration: none;color: #fff;} .link_box a:last-child{border-right:0px;} .link_box button{display: none;} .link_title{font-size: 13px;margin-right: -6px;} .link_title:after{content:":";} .link_box p {margin-top: 5px;} /*底部TAGS*/ .tags_box{background-color: #E1E1E1;padding:10px 0px;text-align: center;color: #f6f6f6;font-size: 13px; border-top: 1px solid #fff;line-height: 30px; border-bottom: 1px solid #fff;} .tags_box a{color: #fff;padding:0px 2px 0px 8px;font-size: 13px;} .tags_box a:hover{text-decoration: none;color: #35404e; } .tags_box a:last-child{border-right:0px;} .tags_box button{display: none;} .tags_title{font-size: 13px;margin-right: -6px; } .tags_title a{padding:0px;} .tags_title:after{content:":";} /*底部信息*/ footer{color:#0b0b0b;padding:50px 0px 0px 0px;background-color: #e3e3e3;font-size: 15px; clear: both;} .footer_contact {line-height: 28px;} .footer_icon {padding-top: 10px;} .footer_icon a:hover{text-decoration: none;} .footer_icon img{width: 40px;height: 40px;} .footer_sitemap{color: #0b0b0b;} .footer_sitemap:hover,.footer_sitemap:focus {color: #E1E1E1;text-decoration: none;} footer .about_content {font-size: 12px;line-height: 2;color: #0b0b0b;margin: 0;} .logo1 {max-width: 240px;} /*底部分类*/ .footer_menu p{font-size: 22px;} .footer_menu a{color: #0b0b0b;line-height: 30px;} .footer_menu a:hover{color: #099be4;text-decoration: none;} .footer_menu_first{font-size: 28px !important;font-weight: bold;} .footer-bar {padding: 10px 0;text-align: center;color: #666;background-color: #E1E1E1;margin-top: 30px;border-top: 1px solid #fff;font-size: 20px;} .foot_contact .list-unstyled p{line-height: 30px;font-size: 22px;} /*404*/ .oopspage{ background-color:#d1f3e5; text-align: center; padding: 80px 0;} .oopspage img{ max-width: 100%; } .oopspage h3{ font-size:40px; } .oopspage h3 span{ font-size: 50px; color: #f00; } .ops_gohome a{ padding: 5px 20px; background-color: #E1E1E1; display: inline-block; color: #fff; font-size: 18px; border-radius: 5px; margin-top: 20px; } .ops_gohome a:hover{ text-decoration: none; background-color: #E1E1E1; } /*大屏幕样式*/ @media screen and (min-width: 769px) { .logo {max-width: 200px;} /*导航样式*/ .navbar {margin:0px;border:none;background-color: #fff;min-height: 50px;width: 100%;} #top_nav .container{} .navbar-collapse{padding-left: 15px !important; padding-right: 15px !important;} .navbar-nav > li { float: none;display: inline-block;margin-right: 28px;} .navbar-nav > li:first-child {} .navbar-nav > li:last-child {} .navbar-nav > li:last-child {color: #fff;} .navbar-nav {float: none;} .navbar-nav > li > a {text-align: center;position: relative;display: inline-block;} .navbar-default .navbar-nav > li > a {color: #000;font-family: 'Open Sans', sans-serif;font-size: 20px;font-weight: bold;letter-spacing: 0px;text-transform: uppercase; padding:46px 0px;} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #099be4;} .roofing-menu{ text-align: right;} .navbar-brand {display: none;} .navbar-default .navbar-nav > li > a.active:before { position: absolute; content: ''; width: 33%; height: 3px; border-radius: 15px; background-color: #099be4; bottom: 27%; left: 33%; opacity: 1; transition: all 0.3s; } .nav_css:before{position: absolute;content: '';width: 33%;height: 3px;border-radius: 15px;background-color: #E1E1E1;bottom: 27%;left: 33%;opacity: 1;transition: all 0.3s;} .navbar-default .navbar-nav > li:active:before{ position: absolute;content: '';width: 33%;height: 3px;border-radius: 15px;background-color: #099be4;bottom: 27%;left: 33%;opacity: 1;transition: all 0.3s; } .navbar-default .navbar-nav > li:hover .active_zs{color: #099be4;} /*导航-触发滚动*/ .navbar-fixed-top {top: 0;border-width: 0 0 1px;opacity:0.85;} .navbar-fixed-top ul.navbar-nav > li > a {padding: 46px 0;} /*导航二级菜单*/ .nav_small {background-color:#fff;padding: 0px;border-radius: 0px;border: none;box-shadow: none; top: 84%; left: -30px;} .nav_small > li{height: 45px;line-height: 40px;} .nav_small > li > a { line-height: 25px;padding: 8px;text-align:center;color: #333;font-size: 20px;text-transform: capitalize;} .nav_small > li > a:hover { color: #fff;background-color: #099be4;} #app_menudown,#search_btn {display:none;} .mfoot_box {display:none;} /*导航三级菜单*/ .dropdown-menu2{position:absolute;left:100%;z-index:22;display:none;top:0;} .dropdown-menu2 li{background:#fff;height:35px;line-height:35px;color:#333;padding:0 15px; left: 1px;width: 220px;} .dropdown-menu2 li a{color:#333;text-decoration:none;font-size:18px;display:block;} .dropdown-menu2 li:hover{background:#fff} .dropdown-menu2 li:hover a{color:#E1E1E1} .dropdown-menu2 li.dropdown{ border-bottom: 1px solid #e8e8e8; } .dropdown-menu li.dropdown{position:relative;} .dropdown-menu li.dropdown:hover .dropdown-menu2{display:block!important; width: 100%;} @media screen and (max-width:1000px) { .dropdown-menu2{padding:5px 10px;position:initial;left:initial;width:99%;} .dropdown.open .dropdown-menu2{display:block;} .dropdown-menu2 li{background:#e4e6e8} .dropdown-menu2 li a{display:block;} } .dropdown i{display:none;} .contact_head{width: 95%; margin:auto; text-align: center;} .contact_head p{width: 70%; } .product_head p{width: 45%;margin: 0 auto;line-height: 26px;} } @media (min-width: 1200px) and (max-width: 1600px){ .navbar-nav > li { margin-right: 15px;} } @media (min-width: 992px) and (max-width: 1199px){ .navbar-nav > li {margin-right: 12px;} .navbar-default .navbar-nav > li > a{font-size: 16px;} .navbar-default .banner_btn{font-size: 14px;padding: 12px 12px;} .navbar-static-top::after {right: 76%;} .navbar-static-top::before{width: 22%;} } @media (min-width: 769px) and (max-width: 992px){ .navbar-nav > li {margin-right: 7px;} .navbar-static-top::after { display: none;} .navbar-default .banner_btn{font-size: 14px; padding: 12px 5px;} .navbar-static-top::before{width: 26%;} .navbar-default .navbar-nav > li > a{font-size: 12px;} } /*弹窗*/ .nlyz {position: fixed;top: 0px;left: 0px;width: 100% !important;background: rgba(146,146,146,0.65);height: 100vh !important;z-index: 9999;} .nlyz_main { max-width: 800px;margin: auto;background: #eee;padding: 15px 15px 50px;z-index: 9999;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 90%;min-height: 342px;border-radius: 15px;} .nlyz_main p {text-align: center;font-size: 18px;padding: 0 55px 0px;line-height: 35px; font-family: fantasy;} .nlyz_main p.seeyou{ font-size:16px;color: #12ae99;} .nlyz_main .years_title{ text-align: center; padding: 15px 0 10px 0; font-size: 35px;font-family: fangsong;font-weight: 600;} .nlyz_ms {color: #1d1d1d;margin: 0px;} .nlyz_ms a,.ht{ color: #12ae99; } .nlyz_ms a:hover, .ht:hover{color: #009d4e;} .Tips p{text-align: left;margin: auto;width: 70%;font-size: 15px;color: #504e4e;} .Tips{margin-bottom: 15px;} .nlyz_main .over_gb {width: 160px;height: 40px;display: inline-block;background: linear-gradient(90deg,rgb(53 179 31) 0%,rgb(14 173 165) 100%);color: #fff;line-height: 40px;margin: 0px 10px;border-radius: 5px;cursor: pointer;font-size: 16px;text-align: center;margin-right: 125px;} .nlyz_gb{width: 160px;height: 40px;display: inline-block;background: #929791;color: #fff;line-height: 40px;margin: 0px 10px;border-radius: 5px;cursor: pointer;font-size: 16px;text-align: center;} .nlyz_btn{text-align: center;margin-top: 25px;} .nlyz_btn a.nlyz_gb:hover{ background:#27ae61;} .nlyz_main .over_gb:hover, .nlyz_gb:hover{text-decoration: none;color: #fff;} .close_x { border: 1px solid #ccc;width: 40px;height: 40px;display: inline-block;position: absolute;right: -15px;top: -15px;z-index: 9999999; font-size: 20px;border-radius: 20px;background-color: #2db238;color: #fff;line-height: 40px;text-align: center;cursor:pointer;} /* .nlyz_gb{position: absolute;right: -8px;height: 60px;width: 60px;overflow: hidden;top: -8px;display: block;cursor: pointer;} */ /*.nlyz_gb img{width: 100%;}*/ @media screen and (max-width: 768px) { /* 手机端弹窗 */ .nlzy_img{display: none;} .nlyz_main .years_title{font-size: 22px; padding: 5px 0 5px;} .nlyz_main p{font-size: 15px;text-align: left;padding: 0px;} .nlyz_main .over_gb, .nlyz_gb{width: 120px;font-size: 15px;} .nlyz_main{padding: 15px 15px 15px;} .Tips p{width: 100%;font-size: 12px;} .nlyz_main .over_gb{margin-right: 0px;} .nlyz_btn{margin-top: 13px;margin-bottom: 10px;} } /*小屏幕样式*/ @media screen and (max-width: 769px) { .show_video li{ width:100%;} .email{display: none !important;} .top_menu{position: relative;} .logo {display: block;margin: 8px 0px;max-width: 150px;} .top_lang,.top_email,.top_search{display: none;} .search_group{margin: 5px 0px 20px 0px;} #topsearch,#app_menudown1{display: none;} /*#gt_float_wrapper {display: none;}*/ #gt_float_wrapper {right: 20px !important;top: 20px;display:none;} .gt_float_switcher img{width: 30px !important} .gt-lang-code{font-size: 16px;} /* 手机端列表页 */ .page_bg{ height: 81px;} .bread_nav{display: none;} .left_all{display: none;} /*手机-导航搜索图标*/ #search_btn {float: right;margin-top: 7px;padding:8px 13px;font-size: 17px;border-radius: 4px; color: #fff;} #search_btn:hover,#search_btn:focus {cursor: pointer;background-color: #444;} /*手机-导航样式*/ .navbar {margin: 0px;border:0px;min-height: 50px;background-color: #E1E1E1;} .navbar-default .navbar-brand {color: #fff;font-size: 16px;} .navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus {color: #fff;} .navbar-toggle { border: none;margin-top: 11px;background: #099be4;} .navbar-default .navbar-collapse,.navbar-default .navbar-form {border:none; background: #E1E1E1;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #fff;} .navbar-default .navbar-toggle .icon-bar {background-color: #E1E1E1;} .navbar-default .navbar-nav {margin-top: 0px;margin-bottom: 0px;} .navbar-default .navbar-nav > li:last-child{border: none;} .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #333;padding: 2px 15px;} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { background-color: #444; color: #fff;} #app_menudown {position: absolute;top:0px;right:0px;font-size: 16px;} #app_menudown:hover {background-color: #444;} .navbar-fixed-top {margin-top:0px;opacity: 0.9;} .banner_btnbox{display: none;} .banner_headbtnbox{display: block;padding: 10px;} .banner_headbtnbox .banner_btn{right: -47%;} .navbar-static-top::before{display: none;} .navbar-static-top::after{display: none;} .dropdown-menu2 li a{ padding-left:40px;color:#fff;text-decoration:none;font-size:14px;display:block;} .top_contact p{margin: 0;} .top_search{ position: absolute;display: inline-block;top: 8px;padding: 0;border-radius: 5px;margin: 0;width: 200px;right: 0; } .bx_search{ display: none; } /* 手机轮播图 */ .banner_text {top: 2%;width: 80%;left: 5%;} .banner_text h2 {font-size: 18px;line-height: 18px;} .banner_text p {font-size: 14px;line-height: 24px;width: 100%;margin: 0;} .banner_box {height: 210px;} /* 手机标题 */ .index_head p {padding: 0 40px 0; font-size: 18px; overflow: hidden;} .index_head h2{font-size: 28px; line-height: initial; margin: 0;} /* 手机首页数字 */ .iabout_count{display: none;} .iadv_count{flex-direction: column;align-items: center;} .icount_box{width: 100%;} /*手机-首页产品*/ .iproduct_bg{padding: 50px 0;} .iproduct_select li {height: 55px;line-height: 55px;font-size: 16px; margin: 5px 8px; display: inline-block;float: none;} .iproduct_head {padding-right: 0;} .ipall_btn{display: none;} .iproduct_select {margin: 20px 0 0; padding: 0;display: flex;} .iproduct_select li p{font-size: 12px;padding: 0;display: block;} .indes_introduce { padding: 15px 0px 0px;} .introduce_head {padding: 0px 4%;} .product_head h2{font-size: 30px;} .product_index{margin-top: 10px;} .product_list{padding: 20px 0px 0px 0px;} .product_img{min-height:80px; margin-bottom: 10px;padding: 0px 5px;} .product_list2 div.product_img{min-height:160px; margin-bottom: 10px;} .product_intd{text-align: center;} .iproduct_bg .container {padding-top: 0px;padding-bottom: 0px;} /*手机-首页简介*/ .about_bg {padding: 50px 0 60px;margin-bottom: 0;} .iabout_lbox::before{display: none;} .about_img {position: unset;} .about_content{line-height: 25px;text-align: left;font-size: 18px;} .about_btn {width: 140px;line-height: 40px;height: 40px;} .product_title a{font-size: 18px;} .news_list {padding-top: 25px;} .iabout_head p {font-size: 26px;margin-bottom: 15px;} .iabout_lbox {min-height: 256px;} .iabout_rbox h2 {color: #fff;margin: 0 0 15px;font-size: 24px;} /* 手机端图组*/ .adv_bg{padding: 50px 0;} .iadv_box{width:100%;} /* 手机首页adv */ /*.iadv_list .bx-controls-direction{display: none;}*/ .iadv_list .bx-wrapper .bx-controls-direction a{z-index: 9999999;} .adv_btn{width: 300px;height: 80px;border-radius: 50px;background: linear-gradient(90deg,rgb(216,82,15) 0%,rgb(157,25,0) 100%);border: none;box-shadow: 0 8px 13px 0 rgba(0, 0, 0, 0.2);color: #fff;font-size: 20px;font-style: italic;margin-top: 55px;} /*手机-首页新闻*/ .inew_bg { padding: 50px 0px 50px;} .inew_bg .bx-next{right: 0; margin-top:0 !important;} .inews_box{min-height: 440px;} .inew_bg .bx-prev{left: 0; margin-top:0 !important;} .inew_content {margin-top: 0;padding: 0px;} .inews_time {margin: 0px;} .inews_box img {width: 90%; padding: 0px 15px 20px 25px;} /*手机-底部信息*/ .footer_contact {margin-bottom:30px;} .footer_menu{margin-bottom: 20px;display: none;} .footer_menu_first{margin-bottom: 8px;} .footer-bar{margin-bottom: 40px;} /*手机-友情链接*/ .link_box a {display: block;border-right:0px;padding:4px 0px;} .link_title{display: block; } .link_title:after {content:"";} .link_box button{display: inline-block;background-color: transparent;border: none;float: right;margin-top: -20px;} .link_box button:hover, .link_box button:focus{color: #72AE44;} .link_list{display: none;padding-top: 7px;} /*手机-Tags标签*/ .tags_box a{display: block;border-right:0px;padding:4px 0px;} .tags_title{display: block;} .tags_title:after{content:"";} .tags_box button{display: inline-block;background-color: transparent;border: none;float: right;margin-top: -20px;} .tags_box button:hover,.tags_box button:focus{color: #72AE44;} .tags_rows{display: none;padding-top: 7px; } /*手机-底部按钮*/ .mfoot_box{background-color: #fafafa;} .mfoot_nav {width:25%;float:left;background-color: #fafafa;text-align:center;color:#898989;} .mfoot_nav:hover,.mfoot_nav:focus {background-color: #e4e4e4;cursor:pointer;} .mfoot_nav a {color:#E1E1E1;display:block;} .mfoot_nav a:hover,.mfoot_nav a:focus{ text-decoration:none;} .mfoot_nav span {display:block;padding:3px 0px 0px 0px;} .mfoot_share {width: 200px;padding: 5px;} .advantage_head {text-align: center;} .advantage_head h2{font-size: 40px;} .remove {float: left;} /*手机-404*/ .oopspage{padding: 40px 0;} .oopspage h3{ font-size:30px; } .oopspage h3 span{ font-size: 40px; color: #f00; } } @media screen and (max-width: 767px) { .copyright_p{display:none;} } /*320px到768px*/ @media screen and (min-width:320px) and (max-width:768px) { .col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 { float: left; } .col-mm-12 { width: 100%; } .col-mm-11 { width: 91.66666667%; } .col-mm-10 { width: 83.33333333%; } .col-mm-9 { width: 75%; } .col-mm-8 { width: 66.66666667%; } .col-mm-7 { width: 58.33333333%; } .col-mm-6 { width: 50%; } .col-mm-5 { width: 41.66666667%; } .col-mm-4 { width: 33.33333333%; } .col-mm-3 { width: 25%; } .col-mm-2 { width: 16.66666667%; } .col-mm-1 { width: 8.33333333%; } }