@charset "utf-8"; /* CSS Document */ /* author:sin */ /* company style */ /*basic*/ body{font-size:12px;font-family:'寰蒋闆呴粦';font-weight:normal;} /*header*/ .header{padding:5px 0;height:70px;} .header .logo{margin-top:-5px;} .header .nav{display:inline-block;height:40px;padding:10px 0;} .header .nav li a{font-size:125%;color:#333;position:relative;padding-left:0;padding-right:0;margin-left:20px;margin-right:20px;font-family:"PingHei",'鎬濇簮榛戜綋 CN',"寰蒋闆呴粦",STHeiti,"Hiragino Sans GB","Droid Sans Fallback",Arial, Helvetica, sans-serif} .header .nav li a::after{position:absolute;width:0;content:'';height:2px;background:#de2525;bottom:5px;left:50%;transform: translateX(-50%);transition:all 0.4s ease;} .header .nav li.on a::after{width:30px;} .header .nav li:hover a{background:none;} .header .nav li:hover a::after{width:100%;} .header .share{height:60px;} .header .share li{display:inline-table;margin-left:10px;height:inherit;} .header .share li a{display:table-cell;vertical-align:middle;margin-left:10px;color:#333;font-weight:500;font-size:125%;position:relative;font-family:Arial} /*footer*/ .footer{background:#0097ed;padding:20px 0;} .footer p,.footer a{display:inline-block;font-size:116.67%;color:#fff;margin:0 5px;line-height:1.8} /*banner*/ .index_banner{height:600px;} .inner_banner{height:300px;overflow:hidden;} #slideIndexBox{height:100%;overflow:hidden;} #slideIndexBox .hd{position:absolute;height:auto;bottom:0;z-index:9;} /*#slideIndexBox .hd li{cursor:pointer;width:14px;height:14px;margin:0 5px;background:#fff;border-radius:7px;display:inline-block;}*/ #slideIndexBox .hd li{cursor:pointer;display:inline-block;} #slideIndexBox .hd li span{height:10px;width:2px;margin:0 12px;margin-bottom:50px;background:#fff;position:relative;display:block;transition:0.2s all ease-in;} #slideIndexBox .hd li.on span,#slideIndexBox .hd li:hover span{height:20px;} #slideIndexBox .hd li span::after{opacity:0;font-size:133.33%;top:-30px;color:#fff;position:absolute;transform:translateX(-10px);left:-8px;} #slideIndexBox .hd li.on span::after,#slideIndexBox .hd li:hover span::after{opacity:1;animation-name: fadeInDown;animation-fill-mode: both;animation-duration: 0.3s;transition: all 0.3s ease-out 0s;} #slideIndexBox .bd{zoom:1;position:relative;} #slideIndexBox .bd ul{width:1920px;height:100%;position:absolute;left:50%;margin-left:-960px;} #slideIndexBox .hd li:nth-child(1) span::after{content:'01'} #slideIndexBox .hd li:nth-child(2) span::after{content:'02'} #slideIndexBox .hd li:nth-child(3) span::after{content:'03'} #slideIndexBox .hd li:nth-child(4) span::after{content:'04'} #slideIndexBox .hd li:nth-child(5) span::after{content:'05'} #slideIndexBox .hd li:nth-child(6) span::after{content:'06'} #slideIndexBox .hd li:nth-child(7) span::after{content:'07'} #slideIndexBox .hd li:nth-child(8) span::after{content:'08'} #slideIndexBox .hd li:nth-child(9) span::after{content:'09'} #slideIndexBox .hd li:nth-child(10) span::after{content:'10'} #slideIndexBox .hd li:nth-child(11) span::after{content:'11'} #slideIndexBox .hd li:nth-child(12) span::after{content:'12'} #slideIndexBox .hd li:nth-child(13) span::after{content:'13'} #slideIndexBox .hd li:nth-child(14) span::after{content:'14'} #slideIndexBox .hd li:nth-child(15) span::after{content:'15'} #slideIndexBox .hd li:nth-child(16) span::after{content:'16'} .inner_banner .banner_img{height:380px;margin-top:-80px;width:1920px;left:50%;margin-left:-960px;position:absolute;} .inner_banner .left_text{display:inline-block;margin-top:150px;color:#fff;} .inner_banner .left_text label{display:inline-block;font-size:250%;text-transform:uppercase;margin-bottom:70px;} .inner_banner .left_text label::after{width:30px;left:0;bottom:-35px;height:3px;background:#fff;position:absolute;content:'';} .inner_banner .left_text span{display:inline-block;font-size:116.667%;} .inner_banner .left_text span b{font-size:166.667%;font-weight:500;} /*index*/ .cd_title{font-size:250%;color:#111;display:inline-block;font-weight:500;position:relative;margin:0} .cd_title::after{content:'';width:40px;height:2px;background:#f41c1b;left:50%;margin-left:-20px;bottom:-15px;position:absolute;} .index_level_1{padding:70px 0;background:#fff;} .index_news_list{padding-top:50px;} .index_news_list a{display:inline-block;width:360px;} .index_news_list li{margin-bottom:30px;} .index_news_list li:hover a{box-shadow:0px 0px 15px #9c9c9c;} .index_news_list ._images{overflow:hidden;} .index_news_list ._images b{opacity:0;display:inline-block;background:url(../images/index_news_hover.jpg) no-repeat;width:100%;height:40px;position:absolute;bottom:0;left:50%;transition:0.4s all linear;transform: translateX(-50%);} .index_news_list ._images img{transition:0.4s all ease;width:360px;height:180px;} .index_news_list li:hover ._images img{transform:scale(1.1);} .index_news_list li:hover ._images b{opacity:1;} .index_news_list ._text{padding:40px 0;} .index_news_list ._text .__title{color:#333;font-size:133.333%;margin-bottom:15px;overflow:hidden;} .index_news_list ._text .__intro{color:#999;font-size:116.667%;padding:0 15px;height:50px;overflow:hidden;line-height:1.8;} .index_news_list li:hover ._text .__title{color:#01539d;} .index_about{background:url(../images/index_about_bg.jpg) no-repeat center center;height:540px;} .index_about ._text{width:630px;margin-left:15px;margin-top:105px;} .index_about ._text p{font-size:116.667%;color:#777;margin-top:40px;line-height:1.8;} .index_about ._text p span{display:inline-block;text-indent:4%;} .web_more{margin-top:35px;} .more{background:url(../images/index_about_btn.jpg) no-repeat center center;width:160px;display:inline-block;height:40px;line-height:40px;color:#fff;font-size:133.33%;} .more:hover{color:#fff;} .index_level_3{padding:70px 0;background:#fff;} .index_pro_list{padding-top:55px;} .index_pro_list .hd{margin-bottom:25px;} .index_pro_list .hd li{height:50px;display:inline-block;position:relative;min-width:150px;padding:0 30px;font-size:116.667%;color:#777;line-height:50px;margin:0 15px;cursor:pointer;transition:all 0.4s ease;z-index:2} .index_pro_list .hd li::before{height:100%;width:100%;position:absolute;left:50%;transform:translateX(-50%);top:0;background:#eee;transition:all 0.4s ease;content:'';z-index:-1} .index_pro_list .hd li::after{height:100%;width:0;position:absolute;left:50%;transform:translateX(-50%);top:0;background:linear-gradient(90deg, #0f9ff1, #007cc2);transition:all 0.4s ease;content:'';z-index:-1} .index_pro_list .hd li.on{color:#fff;background:transparent;} .index_pro_list .hd li.on::before{width:0;} .index_pro_list .hd li.on::after{width:100%;} .index_pro_list .bd{width:1170px;} .index_pro_list .bd ul{padding-top:20px;} .index_pro_list .bd li{width:360px;margin:0 15px;} .index_pro_list .bd li a{width:360px;display:inline-block;} .index_pro_list .bd li:hover a{box-shadow:0px 0px 15px #9c9c9c;} .index_pro_list .bd li ._img{width:360px;height:360px;overflow:hidden;} .index_pro_list .bd li ._img img{zoom:1;height:100%;width:100%;transition:0.4s all ease;} .index_pro_list .bd li:hover ._img img{transform:scale(1.1);} .index_pro_list .bd li ._text{padding:15px 0;min-height:70px;transition:all 0.4s ease;} .index_pro_list .bd li ._text p{z-index:9;background:transparent;transition:0.4s all;} .index_pro_list .bd li ._text .__name{font-size:116.667%;color:#474747;font-weight:700;} .index_pro_list .bd li ._text .__sort_name{color:#ccc;} .index_pro_list .bd li ._text::after{position:absolute;content:'';width:0px;height:100%;left:50%;transform: translateX(-50%);background:linear-gradient(90deg, #0f9ff1, #007cc2);transition:0.4s all;top:0;z-index:1} .index_pro_list .bd li:hover ._text::after{width:100%;} .index_pro_list .bd li:hover ._text *{color:#fff;} .index_tech{background:#f6f6f6;padding:60px 0 75px;} .index_tech .text-block{margin-top:55px;} .index_tech ._text{width:555px;} .index_tech .__title{font-size:216.667%;font-weight:500;margin-top:20px;margin-bottom:20px;} .index_tech .__text{font-size:116.667%;color:#777;line-height:1.8;} .__picscroll{overflow:hidden;margin-top:35px;} .__picscroll .hd{position:absolute;z-index:9;top:10px;} .__picscroll.picscroll2{margin-top:20px;} .__picscroll .bd{position:relative;width:503px;display:inline-block;} .__picscroll .bd li{width:148px;height:148px;margin:0 10px;} .__picscroll .bd li a{display:inline-block;height:100%;position:relative;overflow:hidden;} .__picscroll .bd li b{display:inline-table;width:100%;height:inherit;left:0;top:0;background:rgba(0,0,0,0.2);position:absolute;} .__picscroll .bd li b span{font-weight:500;font-size:133.33%;color:#fff;display:table-cell;vertical-align:middle;overflow:hidden;} .__picscroll .bd li:hover img{transform:scale(1.1);transition:all 0.4s;} .__picscroll .bd_gallery li a{display:inline-block;height:100%;position:relative;overflow:hidden;width:100%;} .__picscroll .bd_gallery li b{display:inline-table;width:100%;height:inherit;left:0;top:0;background:rgba(0,0,0,0.2);position:absolute;} .__picscroll .bd_gallery li b span{font-weight:500;font-size:133.33%;color:#fff;display:table-cell;vertical-align:middle;overflow:hidden;} .__picscroll .bd_gallery li img{width:100%;height:100%;background-size:cover;transition:all 0.4s;} .__picscroll .bd_gallery li:hover img{transform:scale(1.1);} .__picscroll .next,.__picscroll .prev{width:35px;height:128px;position:absolute;top:50%;margin-top:0;} .__picscroll .next{left:0;right:auto;background:url(../images/next.jpg) no-repeat center center;} .__picscroll .prev{right:0;left:auto;background:url(../images/prev.jpg) no-repeat center center;} .index_sale{height:820px;background:url(../images/index_sale_bg.png) no-repeat center bottom;padding-top:90px;} .index_sale p{color:#333;margin-top:25px;} .index_sale .ewm { width:150px; height:150px; float: right;margin-top: 230px; margin-right: 280px;} .index_sale .map_img{margin-top:35px; width:690px;} .index_sale .address{margin-top:-150px;margin-right:120px;font-size:116.667%;color:#777;line-height:1.8;} /*inner_nav*/ .inner_nav{margin-top:-60px;} .inner_nav li{height:60px;width:180px;background:#fff;float:left;text-align:center;color:#999;line-height:60px;font-size:116.667%;} .inner_nav li a{color:#999;} .inner_nav li.on{color:#fff;background:#da251c;} .inner_nav li.on a{color:#fff;} .inner_nav2{margin-bottom:65px;} /*.inner_nav2 li{display:inline-block;height:60px;width:180px;background:#fff;text-align:center;line-height:60px;font-size:116.667%;border:1px solid #999;margin:0 10px;transition:all 0.4s;}*/ .inner_nav2 li{display:inline-block;height:50px;min-width:150px;width:auto;background:#eee;text-align:center;line-height:50px;font-size:116.667%;margin:0 10px;transition:all 0.4s;} .inner_nav2 li:hover{border-color:#eee;} .inner_nav2 li a{width:100%;padding:0 30px;height:100%;color:#777;display:inline-block;} .inner_nav2 li.on{background:#0f9ff1;background:linear-gradient(90deg, #0f9ff1, #007cc2);color:#fff;} .inner_nav2 li.on a{color:#fff;} /*inner_content*/ .main{background:#f3f3f3} .main .content>.bg_1170>.level{padding-top:55px;padding-bottom:50px;background:#fff;} /*contact*/ .contact{width:740px;} .contact ._title{font-size:200%;color:#111;margin-bottom:35px;} .contact .qr_img{position:absolute;left:-280px;display:inline-block;width:210px;height:210px;} .contact ._contactInfor{margin-top:40px;margin-left:-60px;} .contact ._contactInfor li{margin-bottom:15px;} .contact ._contactInfor li ._name{font-size:16px;font-weight:bold;color:#2276bd;} .contact ._contactInfor li ._tel{font-size:14px;white-space:nowrap;line-height:1.8;} .contact ._informaition{font-size:116.667%;color:#777;line-height:1.8;margin-bottom:55px;} .contact ._map{width:695px;height:550px;} /*inner_news*/ .index_news_list.inner_news{padding-top:0;} .inner_news .bg_1170 .level{background:#fff;} .inner_news .bg_1170>.level:first-child{padding-top:50px;} .pages_box{margin-top:30px;margin-bottom:30px;} .pages_box .page{width:20px;height:20px;line-height:20px;color:#fff;display:inline-block;font-size:116.667%;vertical-align:middle;margin:0 5px;background:#999;} .pages_box .page.on{background:linear-gradient(90deg, #0f9ff1, #007cc2);} .pages_box .page a{color:#fff;width:auto;} .inner_news_show>.bg_1170>.level:last-child{padding-bottom:65px;} .inner_news_show h1{font-size:250%;color:#333;margin-top:0;} .inner_news_show h6{font-size:116.667%;color:#999;margin-bottom:25px;} .inner_news_show h6 span{display:inline-block;margin:0 10px;} .inner_news_show .news_show_box *{color:#777;/*font-size:14px !important;*/} .news_change{padding:15px 0;border-top:1px solid #cecece;margin-top:15px;} .news_change a{width:auto;font-size:116.667%;color:#999;} /*product*/ .inner_pro{padding-top:0;} .inner_pro .bg_1170 .level{background:#fff;} .inner_pro .bg_1170>.level:first-child{padding-top:50px;} .inner_pro .pro_list{padding-bottom:65px;} .inner_pro .pro_left{width:210px;margin-left:15px;} .inner_pro .pro_left li{width:100%;height:40px;border-radius:20px;font-size:116.667%;background:#e2e2e2;color:#777;} .inner_pro .pro_left li a{width:100%;height:100%;border-radius:20px;line-height:40px;color:#777;font-size:13px;} .inner_pro .pro_left li:hover a{color:#fff;} .inner_pro .pro_left li.on{background:#da251c;} .inner_pro .pro_left li.on a{color:#fff;} .inner_pro .pro_right{width:930px;margin-right:15px;} .inner_pro .pro_right li{width:280px;margin:0 15px 30px;} .inner_pro .pro_right li a{width:280px;display:inline-block;} .inner_pro .pro_right li ._img{width:280px;height:280px;overflow:hidden;} .inner_pro .pro_right li ._img img{zoom:1;height:100%;width:100%;transition:0.4s all ease;} .inner_pro .pro_right li:hover ._img img{transform:scale(1.1);} .inner_pro .pro_right li ._text{padding:15px 0;min-height:70px;transition:all 0.4s ease;} .inner_pro .pro_right li ._text p{z-index:9;background:transparent;transition:0.4s all;} .inner_pro .pro_right li ._text .__name{font-size:116.667%;color:#474747;font-weight:700;} .inner_pro .pro_right li ._text .__comm{color:#000;} .inner_pro .pro_right li ._text .__sort_name{color:#ccc;} .inner_pro .pro_right li ._text::after{position:absolute;content:'';width:0px;height:100%;left:50%;transform: translateX(-50%);background:linear-gradient(90deg, #0f9ff1, #007cc2);transition:0.4s all;top:0;z-index:1} .inner_pro .pro_right li:hover ._text::after{width:100%;} .inner_pro .pro_right li:hover ._text *{color:#fff;} /*index_swiper*/ .swiper-container{width:100%;height:300px;margin-left:auto;margin-right:auto} .swiper-slide{background-size:cover;background-position:center} .gallery-top{height:460px;width:550px} .gallery-thumbs{height:148px;box-sizing:border-box;padding:10px 0;width:504px;display:inline-block} .gallery-thumbs .swiper-slide{height:100%;opacity:.4} .gallery-thumbs .swiper-slide-thumb-active{opacity:1} .gallery-thumbs .swiper-slide-thumb-active img{transform:scale(1.1)} /*download*/ .down_box{width:80%;margin:0 auto;display:inline-table;} .down_box th{font-size:16px;line-height:2.3;} .down_box td{font-size:14px;line-height:1.8;} .down_box td p{text-indent:15px;} .down_box td a{color:#f00;}