/*===================== 重置样式 START =====================*/ @charset "utf-8"; html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,th,td,select,ul,ol,li,form,input,textarea,fieldset,legend,img{ margin:0; padding:0;} h1,h2,h3,h4,h5,h6{font-weight: 300;} li{list-style: none;} a{text-decoration: none;background: transparent;outline: none;color:#000;display: block;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} a:hover, .tran, .pub_button .pb_bg, .header .logo, .header.bg, .section_two .tab_box a i{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .upp{text-transform:uppercase;} .middle_box{display: table;width: 100%;height: 100%;} .middle_box .middle{display: table-cell;vertical-align: middle;width: 100%;text-align: center;} img{ border: 0;vertical-align: middle;max-width:100%;display: block;} table{ border-collapse: collapse; border-spacing: 0;} input,textarea{ -webkit-user-modify: read-write-plaintext-only;outline-style: none;border:none;font-size:14px;} input::-moz-placeholder, textarea::-moz-placeholder {color: #000; } input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #000; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#000; } html::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;} html::-webkit-scrollbar-track{border-radius:0;background-color:#fff;} html::-webkit-scrollbar-thumb{border-radius:50px;width:5px;height:5px;background-color:#004088;} textarea{resize:none; overflow: auto;} input{padding-top: 0; padding-bottom: 0;}; select,input{vertical-align:middle; } select,input,textarea{font-size:14px;margin:0;} .clear{zoom:1;} .clear:after{ content:""; display:block; height:0; visibility:hidden; clear:both;} .clear::before, .clear::after { content: "";display: table; } .clear::after{clear: both;} .fl{float: left;} .fr{float: right;} html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;} body{font-family: \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";font-size:16px;color:#333;background-color: #fff;overflow-x: hidden;} .error3{display: none !important;} html,body{max-width:1920px;margin:0 auto;} .dn{display: none;} /*===================== 重置样式 END =====================*/ /*===================== 公用样式 START =====================*/ .inputxt,.inputxt2{ margin-bottom: 15px;} .input1{ line-height: 42px; border-radius: 6px; border: #cccccc 1px solid; color: #ccc; width: 100%; padding-left: 20px; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ } .input2{ border-radius: 6px; border: #cccccc 1px solid; color: #ccc; line-height: 42px; width: 100%; height: 126px; padding: 0 20px; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ } .bt input{ height: 42px; width:150px; text-align: center; border: #000 1px solid; border-radius: 42px; font-size: 16px; background: none; cursor: pointer; letter-spacing: 1px;} .article_content .page-title{ margin-bottom: 30px; font-weight:bold; font-family: 微软雅黑, "Microsoft YaHei"; color: rgb(255, 0, 0); font-size: 36px;} .page-title span{ font-size: 36px; color: rgb(127, 127, 127); font-family: impact, chicago;} .title1{ color:#404040; border-bottom:#d6d6d6 1px dashed; font-size:30px; text-align:center; font-weight:bold; line-height:50px; padding-bottom:20px; margin-bottom:40px;} .pc_son{ margin-bottom:40px;} .header{position: fixed;top:0;left:0;width:100%;z-index:999;} .header .auto{padding:0 20px;} .header .logo img{margin-top:15px;} .header .ywtb{position: absolute;right:81px;top:45px;width:36px;} .header ul{margin-left:6%;width:60%;padding-top:30px;} .header ul li{float: left;width:12.5%;text-align: center; height: 45px;} .header ul li a{color:#fff;font-size:16px;height: 45px; line-height: 45px; display: block;} .header ul li a.active, .header ul li a:hover{color:#fff;background: #004088;border-radius: 30px;} .menu_button{cursor:pointer;width:50px;height:50px;margin:30px 0 0 0;position: relative;z-index:999999;} .menu_button .nav_button{position: absolute;right:11px;top:25px;vertical-align: middle;border-radius:20px;width:36px;height:3px;cursor:pointer;background-color:#fff;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .menu_button .nav_button::after, .menu_button .nav_button::before{content:'';width:30px;height:3px;border-radius:20px;position: absolute;z-index:99999999;right:0;background-color:#fff;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .menu_button .nav_button::after{top:10px;} .menu_button .nav_button::before{top:-10px;} .menu_button.on .nav_button::before, .menu_button.on .nav_button::after{transform: scale(0);-webkit-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);-moz-transform: scale(0);} .header.bg{background-color:rgba(0,0,0,0.75);padding:6px 0;} .header.bg .logo img{height:50px;margin-top:2px;} .header.bg ul{padding-top:6px;} .header.bg .menu_button{width:50px;height:50px;margin:5px 0 0;} .header.bg .menu_button .nav_button{width:26px;top:24px;} .header.bg .menu_button .nav_button::after, .header.bg .nav_button::before{width:26px;} .header.bg .menu_button .nav_button::after{top:11px;} .header.bg .menu_button .nav_button::before{top:-11px;} .header.bg .ywtb{position: absolute;right:81px;top:25px;width:36px;} .menu_box{position: fixed;width:100%;height:100%;background-color:#000;right:0;top:-100%;z-index:88888;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .menu_box .item{float: left;width:12.5%;overflow:auto;height:100%;} .menu_box .item::-webkit-scrollbar{width:2px;height:2px;background-color:#f1f1f1;} .menu_box .item::-webkit-scrollbar-track{border-radius:0;background-color:#f1f1f1;} .menu_box .item::-webkit-scrollbar-thumb{border-radius:0px;width:2px;height:2px;background-color:#004088;} .menu_box .item .pad{padding:200px 0 0 30px;} .menu_box .item h4{font-size:24px;color:#fff;} .menu_box .item i{display: block;width:30px;height:1px;background-color: #fff;margin:10px 0;} .menu_box .item span{font-size:14px;color:#fff;} .menu_box .item ul{padding-top:10px;width:auto;margin:0;} .menu_box .item ul li{width:100%;text-align: left;} .menu_box .item ul li a{font-size:14px;color:#fff;height:40px;line-height:40px;cursor:pointer;} .lianxi_titl{color:#333333; font-size: 30px; text-align:center; padding:30px 0; font-weight:bold;} .lianxi_txtl{ color:#666666; padding:30px 0; } .lianxi_txt2{ color:#666666; padding-top:30px;} .lianxi_txt2 img{float:left;} .lianxi_txt2 { line-height:30px;} .lianxi_left{ width:50%; float:left; padding-bottom:40px;} .lianxi_left h3,.lianxi_right h3{ font-size:20px; font-weight:bold; color:#333;} .lianxi_right { width:38%; float:right; padding-bottom:40px;} /*===================== 公用样式 END =====================*/ /*===================== 首页 START =====================*/ .section_three .tab_box{width:1300px;margin:30px auto;font-size:0;text-align: center;position: relative;} .section_three .tab_box .line{width:100%;height:1px;background-color: #fff;position: absolute;left:0;top:8px;z-index:1;} .section_three .tab_box a{display: inline-block;font-size:20px;width:20%;color:#363636;font-weight:bold;position: relative;z-index:2;} .section_three .tab_box a i{display: block;width:16px;height:16px;border-radius:50%;margin:0 auto 10px;background-color:#fff;} .section_three .tab_box a:hover, .section_three .tab_box a.active{color:#004088;} .section_three .tab_box a:hover i, .section_three .tab_box a.active i{background-color: #004088;} .section_three .tab_ele{width:900px;margin:0 auto 0;} .section_three .ele{position: relative;} .section_three .ele_scroll{width:450px;} .section_three .swiper-button-prev, .section_three .swiper-button-next{width:58px;height:125px;margin-top:-62px;} .section_three .sbp1, .section_three .sbp2, .section_three .sbp3, .section_three .sbp4, .section_two .sbp5{background:url(../images/b3.png) no-repeat;left:0;} .section_three .sbn1, .section_three .sbn2, .section_three .sbn3, .section_three .sbn4, .section_two .sbn5{background:url(../images/b4.png) no-repeat;right:0;} /*===================== 首页 END =====================*/ /* ========================= 内页 START ========================= */ /* ===================== 产品列表页 ===================== */ #list{margin:30px 0;} #list .auto, #news_article, #article, .position_now .auto, #nyba .black .auto{width:1500px;margin:0 auto;} @media(max-width:1505px ){ #list .auto, #news_article, #article, .position_now .auto, #nyba .black .auto{width:1200px;} } .showlist {width:100%;/* float:left; */} /*.showlist div *{width:100%;}*/ .showlist li{width:98%;margin:0 auto 20px;overflow: hidden;position: relative;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .showlist .wrap_box{float:left;} .showlist .button{width:60%;color:#fff;margin:0px auto;padding:0px;} #showdata {display:none;} #loaddata {text-align:center;} .showlist li .img{overflow: hidden;} .product_list_one .showlist, .product_list_two .showlist, .product_list_three .showlist{display: none;} .product_list_one #showdata, .product_list_two #showdata, .product_list_three #showdata{display: block !important;} .product_list_one .item, .product_list_two .item, .product_list_three .item{float: left;width:32.33%;margin:0 0.5% 30px; border:#e8e8e8 1px solid; box-sizing:border-box;} .product_list_one .item .img, .product_list_two .item .img{position: relative;overflow: hidden;} .product_list_one .item img, .product_list_two .item img, .product_list_two .item strong, .product_list_three .item em{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .product_list_one .item:hover img, .product_list_two .item:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);} /* 样式一 */ .product_list_one .item .info{padding:20px; } .product_list_one .item strong{display: block;width:100%;font-weight:100;font-size:18px; text-align:center;} .product_list_one .item p{display: none;} .product_list_one .item:hover .line2{transform: scaleX(1);-webkit-transform: scaleX(1);-moz-transform: scaleX(1);transform-origin: 0;-webkit-transform-origin: 0;visibility: visible\9;} .product_list_one .item:hover .info{background:#004ba7; color:#fff;} /* 样式一 */ /* 样式二 */ .product_list_two .item .info{padding:0 30px 20px;background-color:#f6f7f7;} .product_list_two .item .info strong, .product_list_three .item .info strong{display: block;color:#555;font-size:18px;font-weight:100;padding-top:30px;} .product_list_two .item .line1{width:0%;height:1px;margin-top:8px;} .product_list_two .item .info p, .product_list_three .item .info p{display: none;color:#868585;font-size:14px;line-height:26px;height:52px;overflow: hidden;margin-top:8px;} .product_list_two .item .line2{display: none;} .product_list_two .item:hover{box-shadow: 0px 18px 25px rgba(0, 0, 0, 0.08);background-color: #fff;} .product_list_two .item:hover strong{color:#004088;transform: translateY(-10px);-moz-transform: translateY(-10px);-o-transform: translateY(-10px);-ms-transform: translateY(-10px);-webkit-transform: translateY(-10px);} .product_list_two .item:hover .line1{width:100%;height:1px;background-color:#004088;} .product_list_two .item:hover p{transform: translateY(10px);-moz-transform: translateY(10px);-o-transform: translateY(10px);-ms-transform: translateY(10px);-webkit-transform: translateY(10px);} /* 样式二 */ /* 样式三 */ .product_list_three .item .info strong{padding:0;} .product_list_three .item{padding-bottom:20px;border-radius:6px;overflow:hidden;background-color:#f9f9f9;} .product_list_three .item .info{padding:15px;} .product_list_three .item em{font-style:normal;float: right;width:10px;height:3px;background-color:#004088;margin:0px 15px 0 0;} .product_list_three .item:hover em{width:30px;} .product_list_three .item:hover{box-shadow: 0px 18px 25px rgba(0, 0, 0, 0.08);background-color: #fff;} /* 样式三 */ /* 产品内页图 */ .product_article .img1{display: none;} .product_article .title{overflow: hidden;padding:10px 0 0;} .product_article .title h1{text-align: center;font-size:22px;color:#333;} .product_article .title .time{display: block;height:30px;line-height:30px;text-align: center;margin:14px 0 0;font-size:14px;color:#999;} .product_article .title .time img{display: inline-block;height:18px;margin-top:-2px;margin-right:10px;} .product_article .title .share{text-align: center;height:24px;line-height:24px;margin-top:10px;} .product_article .title .share span{display: inline-block;vertical-align: top;} .product_article .title .bdsharebuttonbox{display: inline-block !important;vertical-align: top;} /* 产品内页图 */ /* ===================== 产品列表页 ===================== */ /* ===================== 产品 详情页 ===================== */ .img_big_box{width:45%;float: left; border:1px solid #f1f1f1; box-sizing:border-box; padding:50px;} .img_big_box p{ text-align:center; padding-top:20px;} .img_big_box .small_box{border:1px solid #f1f1f1;border-radius:5px;text-align: center;} .img_big_box .small_box img{max-height:80px;display: inline-block;margin:10px 5px;border:1px solid #fff;} .img_big_box .small_box img.active{border-color:#004088;} .info_big_box{width:51%;float: right;height:502px;} .info_big_box1{ color:#004db7; line-height:30px; padding:0 0 10px 0; border-bottom: #d6d6d6 1px dashed; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; -webkit-justify-content:space-between;} .info_big_box1 span{ display:block; width:25%; } .info_big_box2{ padding-top:10px; line-height:30px;} .info_big_box3{ line-height:30px;} .info_big_box h1{color:#444;line-height:36px;font-weight: bold;font-size:26px;margin-top:60px;} .info_big_box .info_1{margin:30px 0 0;} .info_big_box .info_1 .dh{color:#555;margin-bottom:10px;height:40px;line-height:40px;cursor:help;font-family:impact;font-size:26px;margin-bottom:10px;letter-spacing:2px;} .info_big_box .info_1 .dh a{display: inline-block;color:#555;} .info_big_box .info_1 .dh img{display: inline-block;vertical-align: middle;width:30px;margin-right:12px;} .info_big_box .info_1 .dh span{font-size:18px;display: inline-block;vertical-align: middle;color:#555;letter-spacing:0px; width: 80%; line-height: 30px;} .info_big_box .info_2{padding:10px;} .info_big_box .share{height:24px;line-height:24px;margin:20px 0;} .info_big_box .share span{font-size:16px;color:#555;} .bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more{margin:0 6px 0 0 !important;} /*.info_big_box .info_2 .ewm{margin-right:20px;} .info_big_box .info_2 img{width:130px;border:1px solid #f2f2f2;padding:2px;} .info_big_box .info_2 strong{display: block;font-size:14px;height:30px;line-height:30px;color:#333;text-align: center;} .info_big_box .info_2 .but a{margin-top:26px;width:160px;height:36px;line-height:36px;text-align: center;position: relative;z-index:1;border:1px solid #f2f2f2;color:#666;} .info_big_box .info_2 .but a.a1:hover, .info_big_box .info_2 .but a.a2:hover{color:#fff;}*/ .info_big_box .info_3 span{display: inline-block;padding:8px 0;line-height:24px;color:#555;cursor:help;font-size:12px;} .info_big_box .info_3 span img{display: inline-block;height:20px;margin-bottom:3px;margin-right:6px;} .xgcp_title{padding:10px;background-color:#fafafa; margin:30px 0 0;} .xgcp_title h3{color:#004088;border-left:2px solid #004088;padding-left:20px;height:30px;line-height:30px;font-weight: bold;font-size: 20px;} .article_content{font-size:16px;line-height:26px;color:#333;padding-top:30px;} .article_box{padding-top:30px;} .article_box img, .article_content img{display: inline;} .article_box p, .article_content p{margin-bottom:14px;} #xgcp ul li{float: left;text-align: center;width:23%;margin:1%;} #xgcp ul li strong{display: block;height:36px;color:#333;font-size:16px;font-weight:100;line-height:36px;text-align: center;} #xgcp ul li:hover strong{color:#fff;} #xgcp ul li:hover .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;} .pagenum{border-top:1px solid #DCDCDC;margin-top:30px;text-align: center;} .pagenum a{display: inline-block;color:#666;margin:20px 20px 0;width:120px;height:30px;line-height:30px;border:1px solid #004088;border-radius:60px;font-size:0px;} .pagenum span{font-size:16px;color:#004088;} .pagenum a:hover{background-color:#004088;} .pagenum a:hover span{color:#fff;} /* ===================== 产品 详情页 ===================== */ /* ===================== 内页 Banner 图 ===================== */ #nyba{height:520px;position: relative;overflow:hidden;background-color:rgba(0,0,0,0.3);background-image:url(../images/neibanner.jpg);background-position:top center;background-repeat:no-repeat;background-attachment: fixed;} .fade_text{text-transform:uppercase;margin-top:12%;text-align: center;font-size:0;} .fade_text span{color:#fff;display: inline-block;} .fade_text .cn{height:95px;line-height:95px;overflow: hidden;} .fade_text .cn span{font-size:72px;} .fade_text .en{height:40px;line-height:40px;font-size:30px;overflow:hidden;} .fade_text .line{width:80px;height:3px;background-color:#fff;margin:20px auto;} .arrow_down{position:absolute;left:50%;margin-left:-4px;bottom:5px;overflow: hidden;width:8px;} .arrow_down .line{display: block;width:1px; height:40px;margin:0 3px;background: #fff; } .arrow_down .aw{display: block;width:100%;height:5px;margin-top:3px;background: url('../images/aw.png') no-repeat;} .arrow_down .lg{-webkit-animation: long 1.5s linear alternate infinite; animation: long 1.5s linear alternate infinite; } @-webkit-keyframes long{ from { -webkit-transform: translateY(-30px); transform: translateY(-30px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes long{ from { -webkit-transform: translateY(-30px); transform: translateY(-30px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } .son_list{position: absolute;height:50px;width:100%;bottom:10px;left:0;text-align: center;} .son_list a{display: inline-block;width:140px;padding:0 5px;height:50px;color:#333;background-color: #fff;font-size:16px;text-align: center;line-height:50px;position: relative;z-index:1;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;} .son_list a i{background-color:#004088;position: absolute;left:50%;top:50%;margin:-100px 0 0 -100px;z-index:-1;width:200px;height:200px;border-radius:50%;transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);} .son_list a:hover i, .son_list a.active i{transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);} .son_list a:hover, .son_list a.active{color:#fff;} /* ===================== 内页 Banner 图 ===================== */ /* ===================== 面包屑导航 ===================== */ .position_now{height:60px;line-height:60px;font-size:14px;background-color: #f1f1f1;} .position_now a{display: inline-block;color:#707070;} .position_now .fl{color: #707070;} .position_now .fl img{height:20px;margin-top:-4px;display: inline-block;margin-right:8px;} .position_now .fr{font-family: impact;color:#004088;font-size:22px;} .position_now .fr img{height:26px;display: inline-block;margin-right:8px;vertical-align: middle;} .position_now .fr strong{font-weight:100;} /* ===================== 面包屑导航 ===================== */ /* ===================== 新闻页面 ===================== */ /* 新闻样式 1 */ .news_one .news_box li{margin-bottom:20px; border-bottom: 1px solid #ccc;} .news_one .news_box li a{position: relative; display:block; padding: 54px 0 80px 230px; } .news_one .news_box li .img{width:40%;height:300px;overflow:hidden;float:left;border-radius:8px;} .news_one .news_box li .img img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .news_one .news_box li .img .bg{position: absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0);} .news_one .news_box li .img .bg i{opacity:0;position: absolute;left:50%;top:50%;margin:-15px 0 0 -50px;width:30px;height:30px;background:url(../images/news_arrow.png) center/100% no-repeat;} .news_one .news_box li .info{} .news_one .news_box li .info h3{font-weight:bold;font-size:20px;color:#333; line-height:50px; padding-bottom:10px;} .news_one .news_box li .info .time{color:#777;font-size:14px;padding:20px 0;} .news_one .news_box li .info .line{width:100%;height:1px;background-color: #e5e9ef;margin-bottom:20px;} .news_one .news_box li .info .line i{display: block;width:0%;height:1px;background-color:#004088;} .news_one .news_box li .info p{color:#999;font-size:16px;line-height:26px;height:52px;overflow: hidden;} .news_one .news_box li:hover h3,.news_one .news_box li:hover p{color:#004088;} .news_one .news_box li .date{position:absolute;top:56px;left:0;z-index:3} .news_one .news_box li .date .mm-dd{font-size:42px;line-height:54px;font-weight:bold;color:#999;border-bottom:1px solid #666;font-family:Arial, Helvetica, sans-serif} .news_one .news_box li .date .yy{font-size:16px;line-height:36px;color:#999} .news_article_box .left_fixed{position: fixed;left:0;top:0;width:30%;height:100%;} .news_article_box .left_fixed .text{padding:40% 0 0 25%;} .news_article_box .left_fixed h6{font-size:70px;color:#004088;opacity:0.5;font-style:italic;font-family: impact;} .news_article_box .left_fixed h5{font-size:16px;color:#333;margin-top:30px;} .news_article_box .left_fixed .return{margin-top:40px;font-size:14px;color:#666;} .news_article_box .left_fixed .return:after{content:'';} .news_article_box .right_article{float: right;width:70%;background-color: #f5f5f5;overflow: hidden;} .news_article_box .inner_content{padding:30px 50px;} .news_article_box .h1_title{padding:170px 40px 60px;background-color:#E5E5E5;line-height:1.5;} .news_article_box .h1_title h1{font-size:28px;color:#333;margin-bottom:20px;} .news_article_box .h1_title .time img{height:20px;display: inline-block;margin:-4px 10px 0 0;} .news_article_box .h1_title .time span{color:#777;font-size:16px;} .page_list{text-align: center;} .page_list b{font-size:0;} .page_list a, .page_list span{display: inline-block;font-weight:100;color:#999;font-size:16px;margin-right:10px;border:1px solid #e5e9ef; padding: 0 15px; height:40px;line-height:40px;border-radius:6px;text-align: center;} .page_list a:hover,.page_list span{background-color:#004088;color:#fff;border-color:#004088;} .page_list_span1{display: none;} /* 新闻样式 1 */ /* 新闻样式 2 */ .news_two .news_box li{float: left;width:31.33%;margin:1%;overflow: hidden;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .news_two .news_box li a{padding:20px;background-color:#f3f3f3;position: relative;} .news_two .news_box li .time strong{font-size:50px;color:#004088;display: inline-block;font-family:"SimHei";position: relative;} .news_two .news_box li .time strong::after{content:'';position: absolute;left:0;top:30px;width:0px;background-color:#004088;height:2px;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .news_two .news_box li .time span{font-size:12px;color:#333;display: block;font-family:"SimHei";} .news_two .news_box li h3{color:#333;font-size:18px;line-height: 26px;height:52px;overflow: hidden;margin:15px 0 10px;} .pc .news_two .news_box li:hover h3{color:#004088;} .news_two .news_box li p{font-size:14px;color:#666;line-height:22px;height:44px;overflow: hidden;margin-bottom:10px;} .news_two .news_box li i{position: absolute;background-color:#004088;} .news_two .news_box li i.i1{width:0px;height:2px;top:20px;right:20px;} .news_two .news_box li i.i2{width:2px;height:0px;top:20px;right:20px;} .pc .news_two .news_box li:hover i.i1{width:30px;} .pc .news_two .news_box li:hover i.i2{height:30px;} .pc .news_two .news_box li:hover{box-shadow:0px 18px 25px rgba(0,0,0,0.08);} .pc .news_two .news_box li:hover strong::after{width:100%;} .fixed_body{display: none;position: fixed;width:100%;height:100%;background:rgba(255,255,255,0.8);left:-30%;top:0;z-index:9999;} .fixed_body .fixed_article{display: none;position:fixed;width:1200px;height:800px;top:50%;right:20%;margin:-400px -600px 0 0;background-color:#fff;z-index:99999;box-shadow:0px 0 25px rgba(0,0,0,0.08);} .fixed_body .fixed_article .fb_close{position: absolute;right:0;top:0;width:60px;height:60px;cursor:pointer;background-color:#004088;} .fixed_body .fixed_article .fb_close i{display: block;margin:10px auto 0;width:40px;height:40px;background:url(../images/jia.png) center center/80% no-repeat;} .fixed_body .fixed_article .fb_close:hover i{transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);} .fixed_body .fixed_article iframe{border:none;width:100%;height:100%;display: block;} @media( max-width:1505px ){ .fixed_body .fixed_article{width:1000px;margin-right:-500px;} } /* 新闻样式 2 */ /* ===================== 新闻页面 ===================== */ /* ===================== 产品页 左侧 导航 ===================== */ #list .left_side{width:280px;} #list .left_side .box_one, #list .left_side .box_two{width:260px;background-color:#004088;padding:10px 10px;} #list .left_side .box_one .title{text-align: center;margin-bottom:20px;} #list .left_side .box_one .title h3{color:#fff;font-weight:bold;font-size:30px;margin:20px 0 10px 0;} #list .left_side .box_one .title p{color:#fff;font-size:16px;} #list .left_side .box_one ul li{line-height:50px;background-color:#fff;margin-bottom:5px;text-align:left;} #list .left_side .box_one ul li a{position: relative;z-index:1;overflow: hidden;height:50px;} #list .left_side .box_one ul li span, #list .left_side .box_one ul li em{position: absolute;display: block;width:96%;height:100%;padding-left:4%;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;} #list .left_side .box_one ul li span{left:0;top:0;background-color:#fff;} #list .left_side .box_one ul li em{right:-100%;top:0;background-color:#f9be00;color:#fff;} #list .left_side .box_one ul li a:hover span, #list .left_side .box_one ul li a.active span{top:100%;} #list .left_side .box_one ul li a:hover em, #list .left_side .box_one ul li a.active em{right:0;} #list .left_side .box_one ul li .son_nav{border-top:1px solid #004088;} #list .left_side .box_one ul li .son_nav a{background:none;height:40px;line-height:40px;position: relative;} #list .left_side .box_one ul li .son_nav a::after{content:'';position: absolute;left:20px;top:20px;width:8px;height:1px;background-color:#004088;} #list .left_side .box_one ul li .son_nav a:hover::after, #list .left_side .box_one ul li .son_nav a.active::after{background-color: #fff;} #list .left_side .box_one ul li .son_nav span{padding-left:40px;} #list .left_side .box_two{margin-top:10px;padding:20px 10px;} #list .left_side .box_two p{font-size:16px;color:#fff;line-height:30px;} #list .left_side .box_two strong{color:#fff;font-size:30px;display: block;margin-bottom:10px;font-family:impact;font-weight:100;} #list .left_side .box_two .more{height:36px;line-height:36px;background-color:#fff;margin-top:10px;width:200px;color:#333;text-align: center;} #list .left_side .box_two .more i{background-color:#0067ac;} #list .left_side .box_two .more:hover{color:#fff;} #list .right_side.fr{width:1200px;} @media(max-width:1505px ){#list .right_side.fr{width:900px;}} /* ===================== 产品页 左侧 导航 ===================== */ /* ===================== 全局搜索框 ===================== */ .form_box {display: none;border:1px solid #f1f1f1;border-radius: 5px;margin-bottom: 20px;} .form_box .sf{margin:0 auto;text-align: center;font-size:0;} .form_box .an {display: inline-block;border: 1px solid #f1f1f1;background-color: #fff;color: #333;height: 40px;border-radius: 8px;margin: 10px 5px;font-size: 16px;line-height:40px;padding: 0px 15px;outline:none;} .form_box .an{vertical-align: bottom;} .form_box .an:hover{border-color:#004088;} .form_box .inp{height:38px;vertical-align: bottom;} .form_box .submit{width:80px;cursor:pointer;} /* ===================== 全局搜索框 ===================== */ /* ===================== 在线留言 ===================== */ .form_box_box{width:1200px;margin:40px auto;padding:60px 0;box-shadow: 0px 20px 80px rgba(76, 76, 76, 0.1);} ul.fs{width:1000px;margin:0 auto;} ul.fs input, ul.fs textarea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;} ul.fs .box1 li{float: left;width:320px;margin-right:20px;} ul.fs .box1 li:nth-of-type(3){margin:0;} ul.fs .box1 li input{border:1px solid #e1e7ee;width:100%;height:50px;padding:10px;color:#999;} ul.fs li input:hover{border-color:#004088;} ul.fs .box1 li input::-webkit-input-placeholder, ul.fs li.textarea textarea::-webkit-input-placeholder, ul.fs li.yzm input::-webkit-input-placeholder{color: #999;} ul.fs .box1 li input:-moz-placeholder, ul.fs li.textarea textarea:-moz-placeholder, ul.fs li.yzm input:-moz-placeholder{color: #999;} ul.fs .box1 li input:-ms-input-placeholder, ul.fs li.textarea textarea:-ms-input-placeholder, ul.fs li.yzm input:-ms-input-placeholder{color: #999;} ul.fs li.textarea textarea{width:100%;height:150px;border:1px solid #e1e7ee;padding:10px;margin:20px 0;color:#999;} ul.fs li.textarea textarea:hover{border-color:#004088;} ul.fs li.radio{text-align: center;} ul.fs li.radio label{margin:0 10px;} ul.fs li.yzm{text-align: center;margin:20px 0;} ul.fs li.yzm img{display: inline-block;height:20px;} ul.fs li.yzm input{border-bottom:1px solid #e1e7ee;width:200px;height:50px;padding:10px;color:#999;} ul.fs li.yzm input:hover{border-color:#004088;} ul.fs li.submit input{height:50px;margin:0 auto;display: block;cursor:pointer;width:200px;border-radius:50px;background-color:#004088;font-size:16px;color:#fff;} /* ===================== 在线留言 ===================== */ /* ===================== 联系我们 地图 ===================== */ #allmap{height:500px;padding-top:100px;} #allmap img{max-width:none !important;} /* ===================== 联系我们 地图 ===================== */ /* ===================== 回到顶部 ===================== */ .go_top{display: none;background:url(../images/top.png) center center/50% no-repeat;width:40px;height:40px;cursor:pointer;text-align: center;background-color:#004088;border-radius:50%;position: fixed;right:6px;bottom:100px;z-index:99999999999;} /* ===================== 回到顶部 ===================== */ .firstRow img {display: inline-block;} /* ================================ 内页 END ================================ */ /*===================== 响应式代码 START =====================*/ @media( max-width:1600px ){ .section_five .info, .section_six .info, .section_seven .info{width:1200px;margin-left:-600px;} .section_five .box{background-size:100%;width:790px;} .section_five .txt{width:640px;background-size:100%;font-size:13px;line-height:44px;} .section_five .it2 {left: 210px;top: 355px;} .section_five .it3{top:250px;} .section_five .it5{top:84px;} #top_scroll{width:600px;} .section_six .img{width:540px;padding-bottom:300px;} .section_seven .item .text p{height:56px;overflow: hidden;} .section_seven .box{background: url(../images/g4.png) left top no-repeat;width:220px;} .section_seven .box p{font-size:14px;margin:15px 0;} .section_two .tab_box{width:1200px;} } .wap_son{display: none;padding:0 13px;margin-bottom:20px;} .wap_son a{width:31.33%;height:40px;line-height:40px;font-size:16px;color:#fff;text-align: center;margin:1%;float: left;background-color:#004088;} .pc .fixed_footer{display: none;} .mobile .fixed_footer{display: none;background-color:#004088;height:50px;position: fixed;bottom:30px;left:50%;margin-left:-46%;z-index:999;width:92%;border-radius:10px;} @media (min-width:640px){.mobile .fixed_footer{width:640px !important;left:50%;margin-left:-320px;}} .mobile .fixed_footer a{float: left;width:33.33%;text-align: center;} .mobile .fixed_footer img{display: inline-block;height:24px;margin:5px 0 0;} .mobile .fixed_footer strong{color:#fff;font-size:12px;display: block;height:20px;line-height:20px;} @media( max-width:1210px ){ .info_big_box1{ margin-top:15px;} .info_big_box1 span{ display:block; width:100%; } .img_big_box{ width:100%; float:none;} .lianxi_txtl{padding: 20px 0;} .lianxi_txt2{padding-top: 10px;} .lianxi_left,.lianxi_right{ width:100%;} .lianxi_right{ padding-top: 20px;} .lianxi_left{ padding-bottom: 20px;} .article_content .page-title{ font-size:26px; margin-bottom: 0; }.page-title span { font-size: 26px;} .n_nav a{ padding: 10px 30px; margin-bottom:10px;} .news_one .news_box li{ padding-bottom:15px;} .news_one .news_box li .info p{ font-size:14px;} .news_one .news_box li a{padding:0 ;} .news_one .news_box li .date{position:absolute;top:52px;left:0;z-index:3} .news_one .news_box li .date .mm-dd{float:right;font-size:14px;line-height:20px;border-bottom:0;font-weight:normal} .news_one .news_box li .date .yy{float:right;font-size:14px;line-height:20px} .news_one .news_box li .date .yy::after{content:'-';display:block;float:right} .news_one .news_box li .title{margin-bottom:24px;font-size:16px;line-height:26px} .news_one .news_box li .info h3{white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; margin-bottom: 24px; font-size: 16px; } .news_one .news_box li .info{ padding-top: 0;} .header{background-color: rgba(0,0,0,0.65);max-width: 750px;left: 50%;margin-left: -375px;padding:5px 0;} .header.bg{padding:5px 0;} .header .logo{margin:0;} .header .logo img{height:50px;margin-top:5px;} .header .auto{padding:0 10px;} .menu_button, .header.bg .menu_button{width:55px;height:55px;margin:0;} .menu_button .nav_button{width:33px !important;top:27px;} .menu_button .nav_button::after, .menu_button .nav_button::before{width:33px !important;} .menu_button .nav_button::after{top:11px;} .menu_button .nav_button::before{top:-11px;} .menu_box{overflow:auto;min-height:100%;} .menu_box .item{float:none;width:100%;height:auto;} .menu_box .item .pad{padding:30px 40px 0;} .menu_box .item h4{font-size:18px;} .menu_box .item ul li a{font-size:14px;height:28px;line-height:28px;} .menu_box .item:last-child{padding-bottom:40px;} html,body{max-width:750px;margin:0 auto !important;} .news_two .news_box li p, .position_now .fr, .arrow_down, #list .left_side, .news_one .news_box li .img .bg, .news_article_box .left_fixed, #none, .header ul.nav,.pc_son{display: none;} .header .menu_box, .mobile .fixed_footer, .wap_son{display: block;} #list .auto, #news_article, #article, .position_now .auto, #nyba .black .auto, .section_two .auto, .section_three .auto, .footer .inner{width:auto;padding:0 15px;} .product_son{display: none !important;} .copyright{height:auto;line-height:40px;} .position_now .fl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;} #map{padding-top:60px;} #allmap{height:400px;padding:0;} #nyba{height:200px;} .fade_text{margin-top:94px;} .fade_text .cn{line-height:40px;height:40px;} .fade_text .cn span{font-size:30px;} .fade_text .en{font-size:16px;} .fade_text .line{margin:10px auto;} .form_box_box, ul.fs{width:100%;} .form_box_box{margin:0;padding:20px 0;box-shadow:none;} ul.fs .box1 li{float:none;width:100%;margin-bottom:20px;} .product_list_one .item, .product_list_two .item, .product_list_three .item{width:49%;margin:0.5%; border:#e8e8e8 1px solid; box-sizing:border-box;} .product_list_two .item .info{min-height:70px;} #list .right_side{float:none !important;width:100% !important;} .news_one .news_box li .img, .news_one .news_box li .info{float:none !important;width:100%;} .news_one .news_box li .img{height:200px;} .news_one .news_box li .info{ height:auto;} .news_one .news_box li .info .time{padding:6px 0;} .news_one .news_box li .info .line{margin-bottom:6px;} .news_one .news_box li:hover .info{padding-top:20px;} .son_list{height:40px;} .son_list a{height:40px;line-height:40px;width:100px;font-size:14px;padding:0;} .news_article_box .right_article{width:100%;float:none;background-color: #fff;} .news_article_box .wow.h1_title{padding-top:100px;} .news_article_box .inner_content, .news_article_box .h1_title{padding:20px;} .news_two .news_box li{width:49%;margin:0.5%;} .news_two .news_box li a{padding:8px;} .news_two .news_box li .time strong{font-size:30px;} .fixed_body .fixed_article {width:90%;height:500px;margin: -250px -45% 0 0;} .fixed_body .fixed_article .fb_close{top:auto;bottom:0;width:50px;height:50px;} .fixed_body .fixed_article .fb_close i{margin-top:5px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);} .info_big_box{width:100%;height:auto;} .info_big_box h1{margin-top:0;font-size:20px;} .info_big_box .info_1{margin-top:10px;} .info_big_box .share{margin:0 0 10px 0;} .xgcp_title{margin-top:10px;} .section_eight .img2, .section_eight .img3, .section_seven .more, .section_six .img, .section_five .more .call, .footer .one, .footer .two_two, .footer .ewm, .section_two .title .line{display: none !important;} .footer .two{border:none;width:100%;margin:0;padding:0;min-height:auto;} .video_box, .section_eight .title .call, .section_seven .item span, .section_seven .item .date, .section_seven .title img, .section_seven .title .line, .section_seven .box, .section_six .img, .section_five .txt, .section_five .img2, .section_four .box img.fl, .section_two .tab_box .line, .section_two .tab_box a i{display:none;} .section_one .logo img{height:30px;margin:0 5px;} .section_one .bg_move{background:url(../images/bg1.jpg) center no-repeat;} .section_one .txt_bg{width:auto;background:none;} .section_one img{max-width:80%;} .section_one p{font-size:16px;} .section_one .call{padding-left:60px;} .section_two .img1{max-width:80%;} .section_two .tab_box{width:auto;padding:0 15px;} .section_two .tab_box a{width:50%;font-size:14px;margin-bottom:10px;} .section_two .tab_ele{width:auto;} .section_two .ele_scroll{width:280px;} .section_two .swiper-button-prev, .section_two .swiper-button-next{width:40px;height:80px;margin-top:-40px;background-size:100%;} .section_three .img1{max-width:80%;} .section_three .p{font-size:14px;} #scroll_one{width:auto;height:125px;} #scroll_one ul li{width:190px;} #scroll_one ul li a{padding:4px;} #scroll_one ul li h3{font-size:12px;} .section_four .box{width:auto;height:auto;padding:0;background:none;} .section_four .info{width:auto;margin:0;float:none;padding:0 15px;} .section_four .text{height:210px;overflow: hidden;} .section_four .more{margin:30px auto 0;} .section_four .img1{max-width:96%;margin:30px auto;} .section_five .info .fl{float:none;width:100%;} .section_five .info, .section_six .info, .section_seven .info{width:auto;padding:0 15px;margin:0;position: relative;top:0;right:0;bottom:0;left:0;} .section_five .box{width:100%;position: relative;top:0;padding-top:9rem;right:0;bottom:0;left:0;height:auto;background: url(../images/e4.png) center top/100% no-repeat;} .section_five .img1{max-width:94%;margin:35% auto 20px;} .section_five .item{float: left;width:48%;border-radius:70px;height:34px;margin:5px 1%;line-height:34px;position: relative;top:0;right:0;bottom:0;left:0;background:none;} .section_six .scroll{float:none;width:auto;} .section_six .scroll .ts{display: block;} #top_scroll{width:100%;height:18rem;margin-top:20px;} .section_six .info{height:20rem;margin-top:5rem;} #top_scroll ul li h3{font-size:14px;line-height:26px;height:26px;} .section_seven .title{width:auto;text-align: center;margin:4rem 0 20px;} .section_seven .news_box{width:auto;float:none;} .section_seven .item{width:100%;float:none;height:auto;margin:0 0 10px;} .section_seven .item a{padding:14px;} .section_seven .item h3{font-size:18px;line-height:28px;} .section_seven .item .text{padding:10px 0 0;border:none;} .section_eight .title{width:auto;background:none;} .section_eight .text{font-size:16px;line-height:26px;} .footer{ display: none; } } @media( max-width:750px ){ .header{left:0;margin:0;} }