/****/ * { margin: 0; padding: 0;-webkit-appearance: none;word-break: break-word!important;} body,html{ color: #000; background: #fff; font:14px/2 gothic,"Helvetica Neue", "Microsoft Yahei","Hiragino Sans GB",sans-serif;} ul, li { list-style-type: none; } table{border-color: #e5e5e5; width: 100%!important; border-collapse: collapse;} td,th {border-color: #e5e5e5; padding: 10px;} table.hide_line,table.hide_line td{border:none!important;} input, button, select, textarea { outline: none;resize: none;font:14px/2 gothic,"Helvetica Neue", "Microsoft Yahei","Hiragino Sans GB",sans-serif; background: none; color: #666; text-indent: 6px; margin: 0; padding: 0; border: 1px solid #ebebeb;} input:focus,textarea:focus{border-color: #004fab} img { border:0; vertical-align: middle;} a{ color: #000; text-decoration: none; } a:hover{color: #004fab} input[type="button"], input[type="submit"]{-webkit-appearance: none;} small{color: #999; font-style: normal;} .f{padding: 0 60px;} hr{height: 1px; border: none; background-color: #efefef;} .hide,.gg_widget .gg_t,.gg_widget .gg_desc{display: none;} .fl{float: left;} .fr{float: right;} .bg{background: #f8f8f8;} .mt_15{margin-top: 15px!important;} .mt_20{margin-top: 20px!important;} .mt_40{margin-top: 40px!important;} .mt_50{margin-top: 50px!important;} .pt_80{padding-top:80px!important;} .pt_90{padding-top:90px!important;} .pb_100{padding-bottom:100px;} .w{max-width: 1440px; margin: 0 auto;} .clear{clear:both;} .clearfix {*zoom: 1;} .clearfix:before,.clearfix:after { display: table; content: ""; line-height: 0;} .clearfix:after { clear: both;} .img_list_box{display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap;} .scale_img img{transition: All .4s ease-in-out; -webkit-transition: All .4s ease-in-out; -moz-transition: All .4s ease-in-out; -o-transition: All .4s ease-in-out;} .scale_img img:hover{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);} .content img{max-width: 100%;height: auto!important;} /*top-header*/ .index_head{position: relative;} .index_head::after{width: 100%;height: 235px;position: absolute;content: "";left: 0;top: 0;background: url(../images/menu_bg.png) repeat-x center top;z-index: 2;} .index_head.on{position: relative;} .index_head.on::after{content:"";width:100%;height:180px;background-image:linear-gradient(to bottom,rgba(0,0,0,0.6),rgba(255,0,0,0));position:absolute;left:0;right:0;z-index:3;} .index_head.on .header{background: #fff;box-shadow: 0 3px 3px rgba(0, 0, 0, .05);} .index_head.on .logo1{display: none;} .index_head.on .logo2{display: block;} .index_head.on .nav_ul_big > li > a{color: #333;} .index_head.on .se_btn{background-image: url(../images/searchb.png);background-color: #f3f3f3;} .index_head.on .lang .curr i{background: url(../images/arr_sw.png) no-repeat center center; background-size: 100% auto;} .header {height: 100px;position: fixed;left: 0;right: 0;top: 0;z-index: 20;display: flex;overflow: hidden;} .header .logo{padding: 13px 0;} .header .logo img{width: auto;height: 74px;} .lang{text-align: left;position: relative;} .lang a.curr,.lang a.curr:hover {color: #fff;display: block;line-height: 100px;padding-right: 18px;position: relative;margin: 0 20px 0 10px;} .lang a.curr span{display:block;float: left;width: 30px;height: 30px;margin: 35px 5px 0 0;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;background:#004fab url(../images/lang.gif) no-repeat left center;background-size: 30px;} .lang .curr i{width: 10px;height: 100px;position: absolute;right: 0;top: 0;background: url(../images/arr_s.png) no-repeat center center;transition: all ease .2s;-webkit-transition: all ease .2s;-moz-transition: all ease .2s;background-size: 100% auto;} .index_head.on .lang .curr i{background-image: url(../images/arr_b.png);} .lang .lang_list{ position: absolute; z-index: 999;left: 0;top: 100px; background: #fff;} .lang .lang_list a{display: block;background-repeat: no-repeat;background-position: 10px center;padding-left: 40px;width: 70px; line-height:50px;background-size: 20px;} .lang:hover .lang_list{display: block;} .index_head.on .lang a.curr{color: #333;} .lang .lang_list a:hover{background-color: #f3f3f3;} .lang:hover i{transform: rotate(180deg);} .lang a.en{ background-image:url(../images/en.png);} .lang a.jp{ background-image:url(../images/jp.png);} .lang a.cn{ background-image:url(../images/cn.png);} .lang a:hover{color: #004fab;} /*nav*/ .menu_box{flex: 1;text-align: center;padding-left: 100px;} .menu_r{height: 100px;} .en .menu_box{text-align: left;} .nav_ul_big > li{ float: left;} .nav_ul_big > li > a{color: #fff;font-size: 16px;font-weight: bold;padding: 0 15px; text-align: center; display:block;height: 100px; line-height: 100px;position: relative;z-index: 1001;white-space: nowrap;text-overflow:ellipsis; overflow: hidden;} .nav_ul_big > li:hover > a::after,.nav_ul_big li.curr .menu_1::after{content: "";width: 13px;height: 5px;background: url(../images/nav_cu.png) no-repeat center top;position: absolute;left: 50%;margin-left: -6px;top: 70px;} .nav_ul_big > li > a:hover,.nav_ul_big > li:hover > a{color: #fff;} .nav_ul_box{position: absolute;display: none; z-index:100; background:rgba(255,255,255,.9);box-shadow: 0 5px 15px rgba(0,0,0,0.1);top: 100px;left: 0;right: 0;width:100%;text-align: left;padding-left: 210px;} #nav_ul_small {display: inline-block;margin: 0 auto;text-align: left;padding: 30px 0;} #nav_ul_small > li{display: block;padding:10px 40px;float: left;} #nav_ul_small > li .menu_2{display: block; line-height: 20px;font-size: 16px;} #nav_ul_small > li .menu_2 span{display: block;width: 100%;height: 100px;padding-bottom: 30px;} #nav_ul_small > li .menu_2 span img{max-width: 100%;max-height: 100%;} #nav_ul_small > li .menu_3{padding:8px 0; display: block; line-height: 20px;color: #333;} #nav_ul_small > li a:hover,#nav_ul_small > li:hover .menu_2{color: #e91d00; } #nav_ul_small > li:hover #nav_ul_small2{display: block;} #nav_ul_small2{border-top: 1px #eaeaea solid;margin-top: 20px;padding-top: 10px;} #nav_ul_small2 li{} /*搜索*/ .se_btn{width: 42px;height: 42px;margin-top: 30px;background:#7495bc url(../images/search.png) no-repeat center center;background-size: 20px;border-radius: 100%;-webkit-order-radius: 100%;-moz-border-radius: 100%} .se_btn:hover{color: #fff;} .search{overflow: hidden;} .searchformzone{width: 300px; height: 40px;padding: 30px 0;position: relative;} .searchformzone .input{border:1px #e5e5e5 solid;width: 198px; height: 38px; line-height: 38px;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;} .searchformzone .se_button{width: 60px;line-height: 40px;text-align: center;color: #fff;} .index_head.on .searchformzone .se_button{color: #333;} .searchformzone .search_close{width: 40px;height: 40px;background: url(../images/se_close.png) no-repeat center center;background-size: 28px;} .searchformzone input::-webkit-input-placeholder{ color:#999; } .searchformzone input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; } .searchformzone input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999; } .searchformzone input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999; } /*banner*/ .banner{width:100%;height: 660px; position:relative;z-index: 1;overflow:hidden;background:#000;} .banner .slides{position:relative;z-index:1;} .banner .slides .gg_img{display: none;} .banner .slides li{display: none;pointer-events: none;} .banner .slides .gg_widget .gg_desc{display: block;} .banner .slides video{width: 100%;height: 660px;object-fit: cover;} .banner .slides li a{display: block; width: 100%; height: 100%;text-align: center;} .banner .slides li img{width: 100%;height: 100%;object-fit: cover;} .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;} .flex-control-nav .flex-active{background: #fff;position: relative;} .flex-control-nav .flex-active::after{content: "";width: 16px;height: 16px;position:absolute;left:-4px;top: -4px;border: 1px #fff solid;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;} .flex-direction-nav{display: none;position:absolute;z-index:3;width:100%;top:45%;} .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;} .flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;} .flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;} .flex-control-nav li { height: 12px; margin: 0 5px;display: inline-block;} .flex-control-nav li a{display: inline-block; width: 10px; height: 10px; background: #fff; background: rgba(255,255,255,.5); text-indent: -9999px; cursor: pointer; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;} /*index*/ .index_tt{padding: 80px 0 40px;position: relative;} .index_tt h4{font-size: 34px;line-height: 50px;} .index_tt h4 span{font-size: 30px;text-transform: uppercase;display: block;color: #d7d7d7;font-family: "DIN Condensed";} .index_tt h4 em{color: #004fab;font-style: normal;} .index_tt .desc{width: 60%;} .t_ms{color: #666;line-height: 24px;padding-bottom: 30px;} .more{display: block;width: 180px;text-indent: 40px;height: 52px;line-height: 52px;color: #fff;background:#004fab url(../images/icon_more.png) no-repeat 130px center;background-size: 30px;border-radius: 26px;-webkit-border-radius: 26px;-moz-border-radius: 26px;transition: all ease .3s;-webkit-transition: all ease .3s;-moz-transition: all ease .3s;} .more:hover{color: #fff;width: 200px;background-position: 150px center;} /* 首页分类广告 */ .index_cate{background-color: #f2f7fc;} .index_cate .list{padding:80px 0 40px;display:flex;flex-wrap:wrap;} .index_cate .li{text-align: center;float: left;width:calc(33.3333% - 27px);box-sizing: border-box;padding:28px;background-color: #fff;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;margin: 0 40px 40px 0;-webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;overflow: hidden;} .index_cate .li:nth-child(3n){margin-right: 0;} .index_cate .li:hover{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);background-color: #004fab;} .index_cate .li:hover *{color: #fff;} .index_cate .li .gg_img{display: block;width: 76px;height: 76px;margin: 0 auto;} .index_cate .li img{max-width: 100%;max-height: 100%;} .index_cate .gg_t{display: block;font-size: 20px;padding: 5px 0;line-height: 30px;} .index_cate .gg_desc{display: block;text-align: left;font-size: 13px;} .index_cate .li.c{background-image: url(../images/clogo.png);padding: 70px 28px;} .index_cate .li:hover img{filter: grayscale(100%) brightness(500%); -webkit-filter: grayscale(100%) brightness(500%); -moz-filter: grayscale(100%) brightness(500%); -ms-filter: grayscale(100%) brightness(500%); -o-filter: grayscale(100%) brightness(500%);} /* 样品 */ .index_pdt{padding-bottom: 40px;} .index_pdt .list .gg_widget{display:flex;flex-wrap:wrap;} .index_pdt .list .gg_li{float:left;width:calc(33.3333% - 27px);box-sizing:border-box;padding:28px;background-color:#eff5fa;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;margin:0 40px 40px 0;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;position: relative;} .index_pdt .list .gg_li:nth-child(3n){margin-right: 0;} .index_pdt .list .gg_li a{display: block;height:240px;position: relative;} .index_pdt .list .gg_li:hover{ -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); background-color: #004fab;} .index_pdt .list .gg_li:hover *{color: #fff;} .index_pdt .list .gg_li .gg_t{width: 70%;font-size: 22px;line-height: 28px;padding-bottom: 20px;} .index_pdt .list .gg_li .gg_desc{width: 55%;position: relative;z-index: 1;height: 170px;overflow: hidden;} .index_pdt .list .gg_li .gg_img{display: block;max-width: 220px;max-height: 210px;position: absolute;right: 10px;bottom: 10px;z-index: 0;} .index_pdt .list .gg_li .gg_img img{width:100%;height:100%;object-fit:cover;} .index_pdt .list .gg_li em{display: none;width: 58px;height: 58px;background: #fff url(../images/add.png) no-repeat center center;background-size: 16px;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;position: absolute;right: 0;bottom: 0;z-index: 1;} .index_pdt .list .gg_li .gg_desc,.index_pdt .list .gg_li .gg_t{display: block;} .index_pdt .list .gg_li:hover em{display: block;} /* 实力 */ .index_cap{background-color: #f2f7fc;padding-bottom: 80px;} .index_cap .desc h5{font-size: 22px;} .index_cap .info_box{display: flex;padding-top: 40px;} .index_cap .list{width: 180px;padding-right: 140px;} .index_cap .list li a{display: block;width: 180px;height: 52px;line-height: 52px;text-align: center;background-color: #e9eef3;margin-bottom: 13px;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;transition: all ease .3s;-webkit-transition: all ease .3s;-moz-transition: all ease .3s;} .index_cap .list li a:hover{background-color: #004fab;color: #fff;width: 200px;} .index_cap .info{flex: 1;margin-top: -220px;height: 780px;} .index_cap .info li{position: relative;} .index_cap .info li .item{width: 30%;height: 340px;position: absolute;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;overflow: hidden;} .index_cap .info li .item p,.index_cap .info li .item h4{display: none;} .index_cap .info li .item img{width: 100%;height: 100%;object-fit: cover;} .index_cap .info li .item:nth-child(1){width: 35%;height: 480px;top: 280px;right: 64%;} .index_cap .info li .item:nth-child(2){right: 32%;top: 0;} .index_cap .info li .item:nth-child(3){right: 32%;top: 365px;} .index_cap .info li .item:nth-child(4){right: 0;top: 55px;} .index_cap .info li .item:nth-child(5){right: 0;top: 425px;} .vdo{margin-top: -350px;} .vdo .gg_img{display: none;} .vdo .gg_desc{display: block;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;overflow: hidden;} .vdo video{width: 100%;height: auto;vertical-align: middle;} .custom-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background: url(../images/play.png) no-repeat center center;background-size: 50px;cursor:pointer;z-index:10;transition:all 0.3s ease;} .custom-play-btn.playing{background-image: url(../images/pause.png);} .custom-play-btn:hover{transform:translate(-50%,-50%) scale(1.1);} /* 关于 */ .index_about{background: url(../images/ab_bg.jpg) no-repeat center top;background-size: cover;} .index_about .text{display: block;width: 47%;} .index_about .desc{padding-bottom: 160px;} .index_about .gg_desc{margin-bottom: 30px;-webkit-box-orient: vertical;min-height: 230px; display:block;} .index_about .gg_widget{position: relative;} .index_about .gg_img{width: 50%;height:485px;position: absolute;right: 0;top: 0;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;overflow: hidden;} .index_about .gg_img img{width:100%;height:100%;object-fit:cover;} .index_about .ph{width: 47%;padding: 30px 0 40px;} .index_about .ph .owl-controls,.index_about .ph h4,.index_about .ph p{display: none!important;} .index_about .ph img{width: 100%;} .index_about .ph a{display: block;margin-right: 10px;border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;overflow: hidden;} .index_cul{height: 660px;background: url(../images/cul.jpg) no-repeat center 80px;background-size: cover;margin-top: -80px;} .index_cul .numscroll{width: 80%;min-width: 1200px;height: 185px;margin: 0 auto;background-color: #004fab;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;overflow: hidden;display: flex;box-sizing: border-box;color: #fff;} .numscroll .four{flex: 1;box-sizing: border-box;padding: 60px 0;text-align: center;line-height: 30px;cursor: pointer;} .index_cul .numscroll .line{background: url(../images/num_line.png) no-repeat right center;} .numscroll .four .counter{font-size: 32px;font-weight: bold;} .numscroll .four i{font-style: normal;font-size: 13px;} .numscroll .four h6{font-weight: normal;font-size: 14px;} .index_cul .text{text-align: center;color: #fff;padding-top: 150px;} /* 新闻 */ .index_news {padding-bottom: 80px;background-color: #f8f8f8;} .index_news .list a{display: block;position: relative;border-radius: 16px;overflow: hidden;background-color: #eff5fa;} .index_news .list a img{width:100%;height:100%;object-fit:cover;} .index_news .list a h4{font-size: 24px;-webkit-box-orient:vertical;height:70px;line-height: 35px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;} .index_news .list a .desc{margin: 30px 0;-webkit-box-orient:vertical;height:90px;line-height: 30px;color: #333;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;} .index_news em{font-style: normal;display: block;width: 60px;height: 60px;font-size: 38px;text-align: center;line-height: 55px;color: #fff;background-color: #004fab;border-radius: 100%;position: absolute;right: 40px;bottom: 40px;} .index_news .list a:hover{background-color: #004fab;color: #fff;} .index_news .list a:hover em{background-color: #fff;color: #004fab;} .index_news .list a:hover .desc,.index_news .list a:hover .time{color: #fff;} .index_news .list a .time{font-size: 13px;color: #666;} .index_news .rec{margin-bottom: 40px;} .index_news .rec a{height: 462px;} .index_news .rec .image{width: 50%;float: left;height: 100%;overflow: hidden;} .index_news .rec .info{float: right;width: 50%;} .index_news .info{padding: 80px 50px;box-sizing: border-box;} .index_news .reg{padding-bottom: 20px;} .index_news .reg .image{display: block;height: 300px;overflow:hidden;} .index_news .reg li{width: calc(33.3333% - 27px);margin:0 40px 40px 0;float: left;} .index_news .reg li:nth-child(3n){margin-right: 0;} .index_news .reg .info{padding: 40px 30px 100px;} .index_news .more{margin: 0 auto;} .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; padding: 0; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } .owl-theme .owl-controls .owl-buttons div { position: absolute; bottom: 0; width: 50px; height: 50px; margin: 0; padding: 0; overflow: hidden; _display: none; } .owl-theme .owl-controls .owl-buttons .owl-prev { left: -60px;top: 40%; background: url(../images/p_l.png) no-repeat center center;background-size: 35px;} .owl-theme .owl-controls .owl-buttons .owl-next { right: -60px;top: 40%;background: url(../images/p_r.png) no-repeat center center;background-size: 35px} /*footer*/ .footer{margin:0 auto; clear:both; background: #303c5a url(../images/ft_bg.png) no-repeat right center;background-size: auto 110%;} .foot{padding-top: 50px;padding-bottom: 50px;border-bottom: 1px #25304d solid;} .footer .f_a a{display: inline-block;padding-left: 15px;color: #b6b6b6;} .footer .f_a a:hover{color: #fff;} .footer .f_tel{padding-left: 20px;background: url(../images/f_tel.png) no-repeat left center;background-size:15px;} .footer .f_tel strong{font-size: 22px;color: #fff;} .footer .f_tel em{font-style: normal;color: #b6b6b6;} .footer .f_ca{color: #b6b6b6;} .footer .f_ca span{display: inline-block;padding-left: 23px;background: url(../images/fc.png) no-repeat left center;background-size: 20px;padding-right: 15px;} .footer .f_ca p{display: inline-block;padding-left: 22px;background: url(../images/fa.png) no-repeat left center;background-size: 18px;} .footer .copyright{padding: 50px 0;color: #b6b6b6;} .footer .copyright a{color: #b6b6b6;} .footer .copyright a:hover{color: #fff;} .footer .share_box .st-btn{background: none!important;} /*page_banner*/ .page_banner{position:relative;background-color:#000;overflow:hidden;height: 660PX;} .page_banner .gg_li{position:relative;height:660px;} .page_banner .bn_vdo2 .gg_img{display:block;overflow:hidden;opacity:.7;height:660px;} .page_banner .bn_vdo2 img{width:100%;height:100%;object-fit:cover;} .page_banner .bn_vdo2 .text{max-width:1440px;margin:0 auto;padding:40px 60px 30px;box-sizing:initial;color:#fff;position:relative;z-index:1;margin-top:-400px;} .page_banner .bn_vdo2 .text .gg_t{display:block;font-size:42px;margin-bottom:20px;line-height:100%;} .page_banner .bn_vdo2 .text .gg_desc{font-size:16px;position: relative;} .page_banner .bn_vdo2 .text .gg_desc::after{position: absolute;width: 30px;height:5px;content: "";z-index: 1;left:0;bottom: -30px;background-color:#fff;} .page_banner video{min-width:100%;height:660px;object-fit:cover;} .page_banner .bn_vdo1 {font-size: 0;} .page_banner .bn_vdo1 .gg_img{display: none;} .page_banner .bn_vdo1 .gg_desc{display: block;} /*page图片点击放大*/ .cover{ width: 100%; height: 100%; background: rgba(0,0,0,.5); position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 999} .cover .bigimg{ border: 5px #fff solid; background: #fff; position: absolute; top: 100px;border-radius: 5px; overflow: hidden; left: 50%;} /*======================================================================================*/ .page_t{display:block;font-size:32px;margin-bottom:50px;position:relative;padding-bottom:10px;font-weight: bold;} .page_tips{font-size: 14px;font-weight: normal;color: #555;} /* 关于内页 */ .page_about{padding: 80px 0 0;} .page_about .pga_info{box-sizing:border-box;margin:0 auto;padding-bottom: 80px;background: url(../images/p_ab.jpg) repeat-x center bottom;} .page_about .pab_box .list .item{padding:0 15px;} .page_about .pab_box .list .item span{display: block;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;overflow: hidden;} .page_about .pab_box .list .item h4{padding-top:10px;font-weight: normal;} .page_about .pab_box .list .item p{display: none;} .page_about .pab_box .list .item img{width: 100%;} .page_about .pab_text{position: relative;padding-right: 55%;} .page_about .pab_text .img{position: absolute;right: 0;width: 55%;top: 0;overflow: hidden;} .page_about .pab_text .img img{width: 100%;margin-top: -50px;} .page_about .pab_num{width: 52%;} .page_about .pab_num .numscroll{display: flex;} .page_about .pab_num .four{text-align: left;} .page_about .pab_num .facts-wrap-num{color: #004fab;} .page_about .page_cul {height: 790px;background: url(../images/p_cul.jpg) no-repeat center center;background-size: cover;} .page_about .page_cul .page_t{color: #fff;} .page_about .page_cul .info{padding-top: 150px;} .page_about .page_cul .gg_li{width:29.3333%;height:260px;float:left;background:rgba(31,70,116,.65);margin:0 2%;position:relative;cursor:pointer;box-sizing:border-box;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;overflow:hidden;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;} .page_about .page_cul .gg_li:hover{ -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); background-color: #004fab;} .page_about .page_cul .gg_img{display:block;width: 36px;height: 36px;position: absolute;right: 45px;top: 45px;z-index: 1;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;} .page_about .page_cul .gg_img img{width:100%;} .page_about .page_cul .gg_li:hover .gg_img{width:54px ;} .page_about .page_cul .gg_t{display: block;font-size: 22px;margin: 0 60px;position: relative;} .page_about .page_cul .gg_t::after{content: "";position: absolute;width: 20px;height: 1px;background-color: #fff;left: 0;top: 50px;} .page_about .page_cul .text{position:absolute;left:0;top:40%;color:#fff;width:100%;} .page_about .page_cul .text img{display: none;} .page_about .page_cul .text .gg_desc{display:block;margin:15px 60px} .page_about .page_his{height: 1000px;background: url(../images/p_his.jpg) no-repeat center bottom;} .page_about .page_his .num{font-size:120px;font-weight:bold;background:-webkit-linear-gradient(#004fab,#74eaf2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;} .page_about .scroll_wrap{width: 50%;height: 472px;border-left: 1px #c6c9cc solid;padding-left: 40px;box-sizing: border-box;} .page_about .scroll_wrap::after{content: "";width:13px;height:13px;background-color: #004fab;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;left: -6.5px;top: -6px;position: absolute;} .page_about .scroll_wrap .br{padding-right: 25px;} .page_about .scroll_wrap .scroll_bar{display:block;} .page_about .page_net {background:url(../images/p_net.png) no-repeat center center;padding-bottom: 60px;} .page_about .page_net .page_t::after{background-color: #fff;} .page_about .page_net .list{width: 1200px;height: 650px;margin: 0 auto;position: relative;background: url(../images/map.png) no-repeat center top;background-size: 1200px auto;} .page_about .page_net .list span{display: flex;width: 80px;height: 80px;font-size: 12px;align-items: center;justify-content: center;border: 1px #5d8fc5 dashed;border-radius: 100%;background: rgba(229, 238, 248, .6);position: absolute;line-height: 18px;text-align: center;} .page_about .page_net .list span::after{background-color:#fff;content:"";position:absolute;z-index:0;left:-5px;top:-5px;width:90px;display:block;height:90px;border-radius:100%;-webkit-animation:warn 1s ease-out infinite;;animation:warn 1s ease-out infinite;} .page_about .page_net .list .m1{left: 880px;top: 250px;} .page_about .page_net .list .m2{left: 150px;top: 90px;} .page_about .page_net .list .m3{left: 210px;top: 300px;} .page_about .page_net .list .m4{left: 210px;top:190px;} .page_about .page_net .list .m5{left: 950px;top: 320px;} .page_about .page_net .list .m6{left: 860px;top: 350px;} .page_about .page_net .list .m7{left:940px;top:410px;} .page_about .page_net .list .m11{left: 980px;top: 210px;} .page_about .page_net .list .m12{left: 690px;top: 80px;} .page_about .page_net .list .m13{left: 820px;top: 70px;} .page_about .page_net .list .m14{left: 620px;top: 130px;} @keyframes warn{0%{transform:scale(1);opacity:0.8;} 20%{transform:scale(1.1);opacity:0.6;} 40%{transform:scale(1.2);opacity:0.4;} 60%{transform:scale(1.3);opacity:0.2;} 80%{transform:scale(1.4);opacity:0.1;} 100%{transform:scale(1.5);opacity:0.0;} } .page_about .owl-carousel .owl-wrapper-outer{width:auto;} .page_about .page_envi_box{background: url(../images/p_honor.jpg) no-repeat center center;background-size:cover;padding-bottom: 80px;} .page_about .page_envi .item a{padding:0 20px 0;position:relative;display:block;} .page_about .page_envi .item a span{display:flex;text-align: center;align-items: center;justify-content: center;height: 200px;background-color: #fff;border-radius: 20px;overflow: hidden;padding: 20px;} .page_about .page_envi .item a img{max-width:100%;max-height: 100%;} .page_about .page_envi .item h4{display: none;} .page_about .page_envi .item p{display:none;} .modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:100000;justify-content:center;align-items:center;} .modal-content{position:relative;width:100%;height:100%;text-align: center;padding: 100px;box-sizing: border-box;} .modal img{max-width:100%;max-height:100%;} .galleryclose{position:absolute;top:0px;right:25px;color:white;font-size:50px;cursor:pointer;z-index: 9999;} /* 品质保证 */ .page_qua{padding: 80px 0;} .page_qua .pq_text{padding-bottom: 50px;} .page_qua .list .item{padding:0 15px;} .str_desc_imgs .page_qua .list .item,.qua_desc_imgs .listimg .item{width:33.3333%;float:left;box-sizing:border-box;margin-bottom:40px;} .page_qua .list .item span{display: block;height: 300px;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;overflow: hidden;} .page_qua .list .item h4{padding-top:10px;font-weight:bold;font-size: 16px;font-weight: normal;} .page_qua .list .item p{display: none;} .page_qua .list .item img{width:100%;height:100%;object-fit:cover;} .page_qua .owl-controls{position:relative;padding:20px 0 100px;} .page_qua .owl-buttons{width:100px;height:30px;position:absolute;left:50%;margin-left:-50px;top:18px;} .page_qua .owl-pagination{text-align: center;padding-top: 32px;} .page_qua .owl-pagination .owl-page{width: 10px;height: 10px;background-color: #d0d0d0;display: inline-block;margin: 0 5px;border-radius: 100%;} .page_qua .owl-pagination .owl-page.active{background-color: #004fab;} .page_qua .honor p,.page_qua .honor h4{display: none;} .page_qua .honor .item a{display: block;border: 1px #aebed8 solid;padding: 10px;border-radius: 20px;overflow: hidden;} .page_qua .honor .item span{display:flex;text-align:center;align-items:center;justify-content:center;height:auto;background-color:#fff;border-radius:20px;overflow:hidden;} .page_qua .honor .item span img{max-width:100%;max-height:100%;object-fit:cover;} .page_qua .data_box{padding: 80px 0;display: flex;} .page_qua .str_data_box{padding: 0 0 80px;display: block;} .page_qua .str_data_box .str_tb table{width: 100%;} .page_qua .str_data_box .str_tb table td{border: 1px #b8c2ce solid;} .page_qua_txt{background-color:#004fab;padding:50px 0;color:#fff !important;} .page_qua_txt *{background: none!important;} .page_qua_txt .pq_text{position: relative;} .page_qua_txt .pq_text::after{position: absolute; content: ""; width: 25px; height: 12px; background: url(../images/sjx.png) no-repeat center top; left: 200px; bottom: -60px;} .page_qua .data_box .table{flex: 1;} .page_qua .data_box .table table{height: 100%;} .page_qua .data_box .table table td{border: 1px #b8c2ce solid;text-align: center;} .page_qua .data_box .table table tr:first-child{background-color: #004fab;color: #fff;font-size: 15px;font-weight: bold;height: 40px;} .page_qua .data_box .tb2{width: 580px;padding-left: 40px;} .page_qua .data_box .tb2 .rz{height: 310px;margin-bottom: 35px;background: url(../images/rz.jpg) no-repeat center center;background-size: cover;padding: 55px 40px;color: #fff!important;box-sizing: border-box;} .page_qua .data_box .tb2 .ry{height: 310px;background: url(../images/ry.jpg) no-repeat center center;background-size: cover;;padding: 55px 40px;color: #fff!important;box-sizing: border-box;} .page_qua .con{height: 180px;background: url(../images/qua_con.jpg) no-repeat center center;background-size: cover;border-radius: 20px;overflow: hidden;color: #fff;padding: 50px 80px;box-sizing: border-box;position: relative;} .page_qua .con h4{font-size: 22px;} .page_qua .con p{font-size: 18px;} .page_qua .con a{display: block;width: 180px;height: 56px;line-height: 56px;font-weight: bold;color: #fff;text-indent: 70px;background:#004fab url(../images/kf.png) no-repeat 30px center;background-size: 30px auto;border-radius: 12px;position: absolute;right: 80px;top: 70px;z-index: 1;} /* 智造 */ .page_str .pq_desc{background: url(../images/zz_bg.jpg) no-repeat center center;background-size: cover;} .page_str .pq_desc .w{padding:60px 0} .page_str .pq_desc .str_desc{width: 38%;font-size: 30px;font-weight: bold;} .page_str .pq_desc .str_text{width: 60%;} .page_str .pq_info {padding: 80px 0;} .page_str .pq_info .tabs{text-align: center;margin-bottom: 50px;} .page_str .pq_info .tabs li{display: inline-block;margin: 0 10px;} .page_str .pq_info .tabs a{display: block;min-width: 120px;padding: 0 20px;border-radius: 16px;background-color: #e9eef3;height: 54px;line-height: 54px;} .page_str .pq_info .tabs li.thistab a{background-color: #004fab;color: #fff;} .page_str .owl-controls{position:relative;padding:20px 0 100px;} .page_str .owl-buttons{width:100px;height:30px;position:absolute;left:50%;margin-left:-50px;top:18px;} .page_str .owl-pagination{text-align: center;padding-top: 32px;} .page_str .owl-pagination .owl-page{width: 10px;height: 10px;background-color: #d0d0d0;display: inline-block;margin: 0 5px;border-radius: 100%;} .page_str .owl-pagination .owl-page.active{background-color: #004fab;} .page_str .list .item{padding:0 15px;} .page_str .list .item a{display: block;background-color: #e9eef3;border-radius: 16px;-webkit-border-radius: 16px;-moz-border-radius: 16px;overflow: hidden;} .page_str .list .item a:hover{background-color: #004fab;color: #fff;} .page_str .list .item span{display: block;height: 300px;overflow: hidden;} .page_str .list .item h4{padding:15px 30px;font-weight:bold;font-size: 16px;} .page_str .list .item p{padding:0 30px;line-height:24px;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;} .page_str .list .item img{width:100%;height:100%;object-fit:cover;} .page_str .page_tips{background: url(../images/pst.jpg) no-repeat center center;background-size: cover;min-height: 500px;} .page_str .page_tips .info{padding: 80px 0;} .page_str .page_tips .gg_t{display: block;color: #fff;font-size: 32px;} .page_str .page_tips .gg_desc{display: flex;color: #fff;padding: 100px 0;} .page_str .page_tips .gg_desc p{display: block;flex: 1;border: 1px #fff solid;margin: 0 20px;padding: 20px 30px;} .ps_desc_t .w{display: flex;} .ps_desc_t{background-color: #004fab;padding: 60px 0;color: #fff!important;} .ps_desc_t .str_desc{width: 38%;font-size: 30px;font-weight: bold;position: relative;display: flex;align-items: center;} .ps_desc_t .str_desc::after{position:absolute;content:"";width:25px;height:12px;background:url(../images/sjx.png) no-repeat center top;left:200px;bottom:-70px;} .ps_desc_t .str_text{width: 60%;} /* 联系我们 */ .page_con{padding: 80px 0;} .page_con .list{display:flex;flex-wrap:wrap;} .page_con .add{width: 48%;border-radius: 20px;overflow: hidden;box-sizing: border-box;padding: 50px;position: relative;} .page_con .add em{display: block;width: 34px;height: 34px;background: url(../images/add_icon.png) no-repeat center center;background-size: 34px auto;position: absolute;right: 50px;top: 50px;z-index: 1;} .page_con .add1{margin-right: 4%;background:#f2f7fc url(../images/add1.png) no-repeat right bottom;} .page_con .add2{background: #f2f7fc url(../images/add2.png) no-repeat right bottom;} .page_xs{font-size: 32px;font-weight: normal;line-height: 50px;padding-bottom: 80px;} .page_fd{padding: 80px 0;background: url(../images/page_fd.png) no-repeat center center;background-size: cover;} .page_fd .forms{background: #fff;padding: 55px 50px;border-radius: 20px;display: flex} .page_fd .forms form{flex: 1;} .page_fd .forms .text{width: 390px;padding-left: 50px;padding-top: 190px;border-left: 1px #d2dce6 solid;background: url(../images/fd_pic.png) no-repeat right top;} .page_fd .forms .text h4{font-size: 18px;color: #004fab;line-height: 30px;padding-top: 20px;} .page_fd .forms .text img{width: 138px;height: auto;border: 1px #d2dce7 solid;} .page_fd .forms .text p{display: block;width: 140px;text-align: center;} .page_fd .form_li li{width: 50%;padding-right: 50px;box-sizing: border-box;float: left;padding-bottom: 36px;} .page_fd .form_li h5{font-weight: normal;padding-bottom: 10px;} .page_fd .form_li input{width: 100%;height: 50px;line-height: 50px;border-radius:7px;font-size: 13px;text-indent: 10px;} .page_fd .form_li .h{width: 100%;} .page_fd .form_li textarea{width: 100%;height: 112px;border-radius:7px;font-size: 13px;text-indent: 10px;} .page_fd .form_li .submit_btn{cursor: pointer;;width: 180px;border-radius: 26px;text-align: left;float: right;margin-top: 35px;text-indent: 40px;background-position: 120px center;} .page_fd .form_li .li_bt{padding-bottom: 0;} /*左侧*/ .left_box{padding-top: 80px;} .left_box h2{display:none;} .left_box img{width:100%;} .left_box .gg_widget{border:1px #e5e5e5 solid;border-top:none;} .side_menu > ul{display:block;text-align: center;} .side_menu > ul > li{position:relative;display:inline-block;margin: 0 10px;text-align: left;} .side_menu em{display:none;position:absolute;width:30px;height:50px;cursor:pointer;right:0px;top:0;z-index:1} .side_menu em.inactive{background:url(../images/arr_s.png) no-repeat center center;background-size: 10px auto;} .side_menu > ul > li:hover em,.side_menu em.active{background:url(../images/arr_sh.png) no-repeat center center;background-size: 10px auto;} .side_menu a{display:block;background-color: #e9eef3;line-height:50px;padding: 0 30px 0 20px;font-size: 16px;border-radius: 16px;-webkit-border-radius: 16px;-moz-border-radius: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .side_menu > ul > li:hover > a,.side_menu a:hover,.side_menu a.category_active{color:#fff;background-color: #004fab;} .side_menu ul ul{display:none;} .side_menu li li a{display:block;font-size: 14px;word-break: break-word;text-decoration:none;background:#f5f5f5;color:#666;border-top:none;padding:10px 10px 10px 20px;line-height:20px;} .side_menu li li a:hover{background-color: #f0f0f0;color:#004fab;} /*右侧*/ .right_box{max-width:1440px;padding:0 60px 60px;margin:80px auto 0;} /*留言*/ .fb_con{ width: 550px;} .fb_main{width: 620px;padding-top: 25px;} /*面包屑样式*/ .path_title{display: none;height:52px; line-height: 52px;font-size: 14px;} .path_title .span_right{ float: right; color: #fff;background: url(../images/home.png) no-repeat left center;background-size: 14px;padding-left: 20px;} .path_title .span_right a{color: #fff;} /*产品列表*/ .product_list .left_box{width: 180px;float: left;padding-top:0;} .en .product_list .left_box{width: 300px;} .product_list{display: flex;padding: 80px 0;} .product_list .right_pdt{flex: 1;padding-right: 0;margin-top: 0;padding-bottom: 0;} .product_list .side_menu a{margin-bottom: 20px;} .product_list .side_menu > ul > li{display: block;margin: 0;} .product_list_ul{margin:0 auto 20px;display: flex;flex-wrap: wrap;} .product_list_ul li{float: left; width: calc(33.3333% - 20px);background: #fff; margin:0 30px 50px 0;-webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;} .product_list_ul li:nth-child(3n){margin-right: 0;} .product_list_ul li:hover{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);} .product_list_ul li:hover span{box-shadow: 0px 10px 20px 0px rgb(40 40 40 / 20%); -webkit-box-shadow: 0 10px 30px rgb(0 0 0 / 10%); box-shadow: 0 15px 30px rgb(0 0 0 / 20%); } .product_list_ul a {display: block;} .product_list_ul span{display: block;background-color: #a3b1c8;border-radius: 16px;-webkit-border-radius: 16px;-moz-border-radius: 16px;overflow: hidden;border: 1px #e8e8e8 solid;} .product_list_ul li img{width: 100%;} .product_list_ul a h4{display: block; font-size:18px; padding:20px 0 10px;} .product_list_ul a p{max-height: 50px;line-height: 25px;font-size: 13px; color: #333;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;} /*相册*/ .photo_list_ul{display:flex;flex-wrap:wrap;font-size: 15px;} .photo_list_ul li{width:calc(33.33% - 20px);float:left;margin-right:30px;margin-bottom:30px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;} .photo_list_ul li:nth-child(3n){margin-right:0;} .photo_list_ul li:hover{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);} .photo_list_ul li img{width:100%;} .photo_list_ul a p{line-height:45px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 8px;} .photo_list_ul a span{font-size:14px;display:block;color:#333;border: 1px #f0f0f0 solid;} .photo_list_ul a:hover span{color:#004fab;} .photo_list_ul li .img img{width:100%;} /*应用*/ .app_list_ul{display:flex;flex-wrap:wrap;font-size: 15px;} .app_list_ul li{width:calc(50% - 15px);float:left;margin-right:30px;margin-bottom:30px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;} .app_list_ul li:nth-child(2n){margin-right:0;} .app_list_ul li:hover{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);} .app_list_ul span{display: block;width: 40%;height: 190px;overflow: hidden;} .app_list_ul img{width:100%;height: 100%;object-fit: cover;} .app_list_ul a{padding: 30px 30px;background-color: #fff;display: flex;} .app_list_ul h4{font-size: 20px;line-height:45px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .app_list_ul .text{width: 60%;box-sizing: border-box;padding: 10px 0 10px 20px;} .app_list_ul .text p{color:#666;line-height:24px;height:120px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;} /*相册详情*/ .app_info_box,.app_desc_box{display: flex;} .app_info_box .app_info{flex:1;padding:30px;box-sizing:border-box;background-color:#fff;margin-right:30px;} .app_info_box .app_photo{width: 500px;} .app_info_box .app_info .bigimg img{width: 100%;} .app_info_box .app_text{padding: 20px 0 0 40px;flex: 1;} .app_info_box .app_text h3{font-size: 24px;padding-bottom: 20px;} .app_info_box .app_text .des{color: #666;padding-bottom: 40px;border-bottom: 1px #e5e5e5 solid;margin-bottom: 50px;} .app_info_box .app_text .tel{height:50px;line-height:50px;width: 260px;margin-bottom:20px;display:block;border-radius:35px;-webkit-border-radius:35px;-moz-border-radius:35px;-ms-border-radius:35px;-o-border-radius:35px;color:#004fab;text-align:center;cursor:pointer;border: 1px #004fab solid;} .app_info_box .app_text .tel p{display:inline-block;background:url(../images/tel.png) no-repeat left center;background-size:26px;padding-left:34px;font-size:20px;} .app_info_box .app_pdt{width:300px;border-left:1px #eee solid;padding-left:20px;box-sizing:border-box;} .app_info_box .app_pdt h3{font-size:26px;font-weight:normal;;} .app_info_box .app_pdt ul > li{padding-top: 20px;border-bottom: 1px #eee solid;padding-bottom: 15px;} .app_info_box .app_pdt .p1{font-size: 16px;font-weight: bold;} .app_info_box .app_pdt .p2{color: #666;padding:6px 0 6px 16px;display: block;background: url(../images/p2_dot.jpg) no-repeat left 20px;} .app_info_box .app_pdt .p2:hover{color: #004fab;} /*新闻列表*/ .news_list .index_news{background: none;} /* 下载列表 */ .down_list_ul{display:flex;flex-wrap:wrap;} .down_list_ul li{width:calc(50% - 15px);float:left;margin-right:30px;margin-bottom:30px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;background:#eaeaea url(../images/down_list.jpg) no-repeat 25px center;padding-left:150px;background-size:100px;} .down_list_ul li:nth-child(even){margin-right:0;} .down_list_ul li:hover{box-shadow:0 0 12px 1px rgba(0,0,0,.1);} .down_list_ul a{display:block;height:100%;width:100%;background-color:#fff;padding:15px;position:relative;float:left;} .down_list_ul h4{font-weight:normal;font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .down_list_ul small{color:#999;display:block;padding:3px 0 5px;} .down_list_ul p{color:#999;line-height:24px;height:48px;overflow:hidden;word-break:break-all;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;margin:10px 0;} .down_list_ul em{display:inline-block;background:#004fab;color:#fff;text-align:center;padding:5px 30px;} .down_list_ul em:hover{background:#d06e0c;} .down_page .down_title{font-size:18px;line-height:50px;font-weight:normal;} .down_page .download_btn{margin:10px 0;} .down_page .download_btn a{display:block;background:#004fab;color:#fff;width:100px;height:35px;line-height:35px;text-align:center;border-radius:4px;} /*404*/ .error{width: 440px; height: 400px; text-align: center;position: absolute; left: 50%; margin-left: -220px; top: 50%; margin-top: -160px;} .error_img{margin: -40px auto 0; width: 220px;} .error a{width: 200px;display: block;margin: 0 auto; background: #ec3131;color: #fff;line-height: 40px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;} /*标签列表*/ .tags_list li{background:url(../images/li.gif) 0px 10px no-repeat; line-height: 28px; margin-bottom: 8px; padding-bottom: 10px;} .tags_lis h3{padding: 0px; margin: 0px;} .tags_p{padding: 0px; margin: 0px; color: #7d7d7d; line-height: 20px;} /*标签样式*/ .tags{} .tags ul{position:absolute; z-index:100;width:720px; margin-top: 10px;} .tags li{float: left;} .tags a{display:block;color:#bdbdbd; height: 16px; font-size:12px; float:left;text-align:center; background-color:#68696D; padding:3px 10px; margin:5px 4px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius:12px;line-height: 16px;} .tags a:hover{ text-decoration:none; background-color:#68696D; color:#fff;} .news_page_info{display:flex;} .news_info_l{flex: 1;padding: 30px;box-sizing: border-box;background-color: #fff;margin-right: 30px;} .news_info_l img{max-width:100%;height:auto!important;} .news_info_r{width: 300px;} .news_data{text-align:right;padding-right:10px;margin:8px 0px;} .news_title{padding-bottom:30px;border-bottom: 1px #f0f0f0 solid;margin-bottom: 30px;} .content_bg{border:#EAEAEA 1px solid;border-top:none;margin-bottom:10px;} /*产品展示*/ #preview{ float:none; margin:0px auto; text-align:center;position: relative;} .jqzoom{position:relative;overflow: hidden;width: 100%;} .jqzoom img{width: 100%;height: 100%;} .list-h li{ float:left;} #spec-n5{ padding:20px 40px; overflow:hidden;position: relative;} #spec-left{ background:url(../images/pl.png) no-repeat left center; width:30px; height:132px; cursor:pointer;position: absolute;left: 0;top: 0;} #spec-right{background:url(../images/pr.png) no-repeat right center; width:30px; height:132px; cursor:pointer; position: absolute;right: 0;top: 0;} #spec-list{ width:100%; overflow:hidden; display:inline-block;} #spec-list ul li{ float:left; margin:0;padding: 5px;} #spec-list ul li img{ border:1px solid #ccc; width:80px; height:80px;} #spec-list ul li img.curr{border-color: #004fab;} .zoomdiv{z-index:10;position:absolute;top:0;left:550px;background:url(../images/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;} .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;} .product_page{padding-top: 110px;} .product_info_box{background: url(../images/p_bg.png) no-repeat center top;background-size: cover;padding: 70px 60px 50px;} .product_page .attr_nav {background-color: #004fab;padding-top: 20px;padding-bottom: 20px;width: 100%;box-sizing: border-box;} .product_page .attr_nav .list a{display: inline-block;padding: 10px 20px;font-size: 16px;border-radius: 30px;color: #fff;} .product_page .attr_nav .list a:hover,.product_page .attr_nav .list a.curr{background-color: #fff;color: #004fab;} .product_page .attr_nav.fix{position: fixed;top: 100px;z-index: 11;} .product_page .attr_nav .path_title{display: block;} .product_group{width:55%;} .product_group h1{color:#000;font-size:32px;font-weight: normal;} .product_group .attr{padding: 30px 0;} .product_group li{list-style:none; line-height:28px; color: #666} .product_group .desc{color: #666;padding-bottom: 30px;} .product_group .download{padding-top: 10px;border-top: 1px #e5e5e5 dashed;} .product_group .download li{float: left;margin-right: 20px;} .product_group .download a{color: #999;background:url(../images/attch.png) no-repeat left center; padding: 3px 0 3px 12px;} .product_group .download a:hover{color: #333;} .product_content{line-height:26px; margin-top: 25px;} .product_content .download a{display: block;background: url(../images/down_icon.png) no-repeat left center;padding-left: 25px;background-size: 18px;border-bottom: 1px #CFCFCF dashed;box-sizing: border-box;line-height: 50px;width: 46%;float: left;margin: 0 2%;} .product_content .pdt_attr_li{background: #fff;padding: 30px;margin-bottom: 40px;border-radius: 20px;} .product_content .pdt_attr_h4{font-size: 28px;line-height: 50px;font-weight: normal;margin-bottom: 30px;padding-bottom: 10px;position: relative;} .product_content .pdt_attr_h4::after{content:"";position:absolute;left:0;bottom:0;width:30px;height:4px;background:#004fab;} .product_content .attr_t{color:#333; margin-bottom: 20px; font-weight: normal; font-size: 22px; line-height: 50px;} .product_content img{max-width: 100%;height: auto!important;} .product_imgs{width: 44%;box-sizing: border-box;padding-right: 50px;} .product_imgs .pic_b{display: flex;align-items: center;} .product_group .pdt_tel{padding-top: 30px;} .product_group span.tel{height: 70px;line-height: 70px;margin-bottom: 20px;display: block;border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px;font-size: 20px;color: #fff; background:#004fab ;text-align: center;cursor: pointer;flex: 1;} .product_group .op1{display: flex;} .product_group .op1 a{ width: 68px;height: 68px;margin: 0 20px 0 0;line-height: 100px;border-radius: 7px;-webkit-border-radius: 7px;-moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border: 1px solid #d6d6d6;text-align: center;} .product_group .op1 .op_buy{background: url(../images/albb.png) no-repeat center 10px;background-size: 40px;} .product_group .op1 .op_z{background: url(../images/p_zx.png) no-repeat center 10px;background-size: 28px;} .product_group .op1 .op_v{background: url(../images/p_vx.png) no-repeat center 10px;background-size: 28px;position: relative;} .product_group .op1 .op_v img{ position: absolute; width: 100px; bottom: 0px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); background-color: #fff; box-shadow: 0 0 5px rgb(0 0 0 / 15%); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; opacity: 0; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s;} .product_group .op1 .op_v:hover img{bottom: 102%;opacity: 1;} .product_group span.tel p{display: inline-block;background: url(../images/p_tel.png) no-repeat left center;background-size: 26px;padding-left: 34px;font-size: 26px;} .product_group span a{display: block;padding-left: 80px;} .product_group span.fd,.product_group span.buy{display: inline-block;line-height: 70px;border: 1px #d6d6d6 solid;border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px;font-size: 20px;width: 100%;box-sizing: border-box;} .product_group span.buy a{background: url(../images/inq.png) no-repeat 40px center;position: relative;background-size: 30px;} .product_group span.buy a em{display: block;width: 40px;height: 40px;background: #fff url(../images/arr_ss.png) no-repeat center center;background-size: 50%;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;position: absolute;right: 40px;top: 15px;} /*相关产品*/ .related_product{background-color: #fff;padding: 30px;margin-bottom: 40px;} .related_product .related_title{font-size:28px;line-height:50px;font-weight:normal;margin-bottom:30px;padding-bottom:10px;position:relative;} .related_product .related_title::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:60px;height:2px;background:#004fab;} /* 详情页订购 */ .pdt_inquiry{background: #fff;padding:30px;position: relative;} .pdt_inquiry .inq_t{font-size:28px;line-height:50px;font-weight:normal;margin-bottom:30px;padding-bottom:10px;position:relative;} .pdt_inquiry .inq_t::after{content:"";position:absolute;left:0;bottom:0;width:30px;height:4px;background:#004fab;} .pdt_inquiry .forms{width:460px;} .pdt_inquiry dt{float: left;width: 80px;background: #fff;border: 1px #e5e5e5 solid;padding: 0 6px;text-align: right;line-height: 32px;} .pdt_inquiry dd{float: left;width: 360px;background: #fff;margin-bottom: 10px;border: 1px #e5e5e5 solid;border-left: none;position: relative;} .pdt_inquiry dd input{width: 100%;border: none;height: 32px;text-indent: 10px;color: #333;} .pdt_inquiry dd .codeimg{position: absolute;right: 5px;top: 5px;} .pdt_inquiry .area_box{position: absolute;right: 20px;bottom: 30px;left: 500px;} .pdt_inquiry .areawidth{width: 98%; height: 278px;background: #fff;color: #333;padding: 9px 1%;} .pdt_inquiry .forms_btn{clear: both;} .pdt_inquiry .submit_btn{cursor: pointer;width: 455px;line-height: 34px;background: #262626;color: #fff;border: none;margin: 0;} .pdt_inquiry .submit_btn:hover{background: #004fab;} /*相关新闻*/ .related_new {border-left: 1px #eee solid;padding-left: 20px;} .related_new .related_title{font-size: 26px;font-weight: normal;} .related_new li{padding-top: 20px;} .related_new li h4{font-weight: normal;font-size: 15px;padding: 10px 0 5px;line-height: 24px;} .related_new a{display: block;} .related_new img{width: 100%;} .related_new .desc{line-height:24px;max-height: 72px;font-size:13px;color:#999;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;} /*上一个下一个*/ .point{margin:40px 0px 25px 0px; text-align:center; line-height:22px;} .point span.to_prev{padding:4px 12px;} .point span.to_prev a{color:#0068b7;} .point span.to_prev a:hover{text-decoration: underline;} .point span.to_next{padding:4px 12px;} .point span.to_next a{color:#0068b7;} .point span.to_next a:hover{text-decoration: underline;} /*分页样式*/ .page{clear:both; margin:25px 0px; font-size: 13px;text-align: center;} .page a,.page .current {display: inline-block; padding: 5px 15px; background: #ebebeb; border-radius: 3px; -webkit-border-radius: 5px; margin:0 3px 10px;} .page a:hover,.page .current{ background: #004fab; color: #fff;} /*留言*/ .feedback_box{max-width:1366px;margin:0 auto;} .feedback .t{padding-top:50px;text-align:center;} .feedback .t::before{top:140px;} .feedback .t h4{padding-bottom:60px;font-size:50px;line-height:60px;} .feedback .f_tip{margin:30px 0;border-bottom:1px #ececec solid;padding-bottom:10px;} .feedback .form_li{margin-top:50px;display:flex;flex-wrap:wrap;} .feedback .form_li li.h{width:100%;margin-right:0;} .feedback .form_li li{width:calc(33.33% - 20px);margin-right:30px;float:left;} .feedback .form_li li.li_bt{width:100%;} .feedback .form_li li:nth-child(4){margin-right:0;} .feedback .form_li h5{display:block;height:40px;line-height:40px;} .feedback .form_li .ipt{display:block;height:40px;line-height:40px;margin-bottom:20px;} .feedback .textwidth{width:100%;height:40px;} .feedback .form_li .biezhu{height:auto;} .feedback .form_li .biezhu textarea{height:115px;width:100%;} .feedback .codeimg{background-color:#000;position:absolute;right:10px;top:8px;z-index:1;} .feedback .submit_btn{width:160px;height:40px;margin:40px 20px 0 0;background:#004fab;color:#fff;cursor:pointer;border:none;text-indent:0;} .feedback .submit_btn.reset{background:#a9a9a9;} .feedback .info{padding:50px 0 100px;flex-wrap:wrap;} .feedback .info .con{background:#004fab;padding:40px 350px 40px 50px;color:#fff;border-radius:10px;position:relative;min-height: 400px;} .feedback .info .con table{font-size:15px;} .feedback .info .con table img{width:40px;max-width:inherit;} .feedback .info .fb_code{width:220px;position:absolute;right:60px;top:130px;z-index:1;text-align:center;} .feedback .info .fb_code img{width: 200px;} .feedback .info .fb_code p{padding-top:10px;} /*网站地图*/ .ul_sitemap{margin: 10px 0px 30px 30px;} .ul_sitemap li{list-style: none; line-height: 26px;clear: both;} .ul_sitemap li a{color: #7d7d7d;} li.small_li_sitemap{clear: both;padding-left: 12px;} li.small_li2_sitemap{float: left; padding-left: 20px;} /*相册放大*/ body.over-flow-x{overflow: hidden;} #jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;} #jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:1000;text-align:center;line-height:0;} #jquery-lightbox a img{border:none;} #lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:auto!important;max-width: 620px;max-height: 620px;margin:0 auto;border-radius: 20px 20px 0 0;} #lightbox-container-image{padding:10px;} #lightbox-image{max-width: 600px; max-height: 600px;} #lightbox-loading{position:absolute;top:0;left:0;height:100%;width:100%;text-align:center;line-height:0;background: url(../images/loading.gif) no-repeat center center;} #lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;} #lightbox-container-image-box > #lightbox-nav{left:0;} #lightbox-nav a{outline:none;height: 100%!important;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;max-height: 620px;} #lightbox-nav-btnPrev{float:left;} #lightbox-nav-btnNext{float:right;} #lightbox-container-image-data-box{background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;max-width: 600px;padding:0 10px 10px; border-radius: 0 0 20px 20px;} #lightbox-container-image-data{padding:0;color:#666;} #lightbox-container-image-data #lightbox-image-details span{text-align:left;font-size: 16px;color: #333;font-weight: bold;display: block;padding-top: 10px;} #lightbox-container-image-data #lightbox-image-details p{font-weight: normal;font-size: 14px;color: #666;padding-top: 10px;} #lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em;} #lightbox-secNav-btnClose{width:20px;float:right;padding:0 10px 10px 0;} /* 悬浮客服1*/ #leftsead{position:fixed;bottom:32%;right:0; z-index:79} *html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));} #leftsead li{height:50px;margin-bottom: 1px;} #leftsead li span{display: block; padding-top: 15px; margin-top: 15px;text-align: center;} #leftsead li a{height:80px;float:right;display:block;width:80px;color: #fff; line-height: 50px;background-color: #666;margin-bottom: 5px;position: relative;} #leftsead li a:hover{background-color: #004fab;} #leftsead li.qq_li span{background: url(../images/q.png) no-repeat center top;} #leftsead li.ol_zx span{background: url(../images/ol_zx.png) no-repeat center top;} #leftsead li.ol_tel span{background: url(../images/ol_tel.png) no-repeat center top;} #leftsead li.msn_li span{background: url(../images/msn.png) no-repeat center top;} #leftsead li.skype_li span{background: url(../images/skype.png) no-repeat center top;} #leftsead li.whatsapp_li span{background: url(../images/whatsapp.png) no-repeat center top;} #leftsead li.email_li span{background: url(../images/email.png) no-repeat center top;} #leftsead li.w_li span{background: url(../images/ww.png) no-repeat center top;} #leftsead li.ww_li span{background: url(../images/ww.png) no-repeat center top;} #leftsead li.www_li span{background: url(../images/ww.png) no-repeat center top;} #leftsead li.feedback span{background: url(../images/feedback.png) no-repeat center top;} #leftsead li.code_li span{background: url(../images/code.png) no-repeat center top; position: relative;} #leftsead li .code{ min-width: 120px; height: 120px; position: absolute; right: 90px; top: -20px; background:#fff;box-shadow: 0 0 24px rgba(0,0,0,0.1);color: #666;white-space: nowrap;line-height: 30px;} #leftsead li .code b{color: #004fab;font-size: 20px;font-weight: bold;padding: 0 80px 0 20px;} #leftsead li .code p{padding: 25px 20px 10px;} #leftsead li .code img{width: 100%; height: 100%;} #leftsead li.top_li span{background: url(../images/gotop.png) no-repeat center top;} #remind{ width: 100%; height: 50px;line-height: 50px; position: fixed; bottom: 0; left: 0; z-index: 10; color: #f5d783; font-size: 20px; text-align: center; background: #000; background: rgba(0,0,0,.8);} /* 悬浮客服2*/ .main-im{ position:fixed; right: 10px; top:30%; z-index: 100; width: 130px; height: 272px;} .main-im .qq-a { display: block; width: 128px; height: 116px; font-size: 14px; color: #004fab; text-align: center; position: relative; } .main-im .qq-a span { bottom: 5px; position: absolute; width: 110px; left: 10px; } .main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 30px; top: 10px; overflow: hidden; z-index: 9; } .main-im .qq-container { z-index: 99; position: absolute; width: 129px; height: 116px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/qq-icon-bg.png) no-repeat center 8px; } .main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; } .main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;display:none;} .main-im .im_main .im-tel { color: #000000; text-align: center; width: 129px; border-bottom: 1px solid #dddddd;padding: 10px 0;} .main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;} .main-im .im_main .im-tel .tel-num {font-weight: bold; color: #004fab;padding: 0 5px;} .main-im .im_main .im-tel:hover { background: #fafafa; } .main-im .im_main .weixing-container {width: 65px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/weixing-icon.png) no-repeat center center;float:left;} .main-im .im_main .weixing-show {width: 112px; height: 145px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -100px; } .main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 116px; position: absolute; z-index: 2;} .main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 114px; position: absolute; } .main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; } .main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto; text-align:center;} .main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/toTop-icon.png) no-repeat center center;float:right;} .main-im .im_main .go-top a { display: block; width: 52px; height: 47px; } .main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; } .main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top; } .main-im .close-im a:hover { text-decoration: none; } .main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(../images/open_im.png) no-repeat left top; } .main-im .open-im.en { background: url(../images/open_im2.png) no-repeat left top; } @media screen and (max-width:1800px){ .appli_box .side_menu > ul{text-align: left;} }