@charset "utf-8"; .header{background: white; height: 80px;box-shadow: 0 3px 20px rgba(0,0,0,0.15);position: fixed;top: 0;left: 0;width: 100%;z-index: 33;} .logo{float: left;width: 180px;padding: 30.5px 43px;background: #f00000;margin-right: 30px;} .logo img{display: block;/* width: 100%; */} .navbar{float: left;margin-right: 80px;} .category-item{float: left;} .category-a{display: block;font-size: 16px;line-height: 80px;color: #333;padding: 0 25px;-webkit-transition: all .8s;-o-transition: all .8s;transition: all .8s;position: relative;} .category-item.active .category-a,.category-item:hover .category-a{color: #018fd7;} .dropdown-menu.single {position: absolute;top: 100%;left: 0;width: 100%;z-index: 11;background: #f2f6fa;height: auto;/*max-height: 0; opacity: 0;*/display: none;overflow: hidden;-webkit-transition: max-height .8s;-o-transition: max-height .8s;transition: max-height .8s;border: none;color: #303233;padding: 0;-ms-box-shadow: 0 3px 20px rgba(0,0,0,0.15);-o-box-shadow: 0 3px 20px rgba(0,0,0,0.15);-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.15);box-shadow: 0 3px 20px rgba(0,0,0,0.15);} .dropdown-menu.single .dropdown-pad {padding: 50px 0 0;width:1560px;margin: 0 auto; overflow: hidden;} .dropdown-top{padding-bottom: 44px;border-bottom: solid 1px #d2d2d2;} .dropdown-left{margin-right: 100px; width: 260px;height: 260px;padding: 20px;background: white;float: left;} .dropdown-left img{display: block;width: 100%;height: 100%;} .dropdown-top dl{width: 226px;float: left;padding-top: 16px;} .dropdown-top dt{margin-bottom: 22px;} .dropdown-top dt a{font-family: '思源黑体 CN Regular','regular'; display: block;font-weight: bold;font-size: 20px;color: #333;} .dropdown-top dd a{ font-family:'思源黑体 CN Regular','regular';padding-left: 11px;background: url(../images/dot.png) no-repeat left center; display: block;font-size: 16px;color: #666666;} .dropdown-top dd{margin-bottom: 18px;} .dropdown-top dt a:hover,.dropdown-top dd a:hover{color: #018fd7;} .dropdown-bot{ font-family:'思源黑体 CN Regular','regular';height: 63px;font-size: 16px;color: #666;text-align: center;line-height: 63px;} .dropdown-bot span{font-size: 24px;font-weight: bold;} /*.category-item:hover .dropdown-menu.single{ max-height: 500px;opacity: 1;}*/ .search{width: 300px;height: 32px;border: solid 1px #d2d2d2;float: left;/* margin-top: 24px; */border-radius: 4px;} .search .submit{width: 33px;height: 30px;border-left: solid 1px #d2d2d2;background: #eeeeef url(../images/search.png) no-repeat center;float: right;} .search .text{width: 260px;line-height: 30px;float: left;height: 30px;font-size: 14px;color: #999;padding: 0 10px;} .language {float: right;position: relative;margin-top: 25px;margin-right: 43px;} .language-text { display: block;color: #333; line-height: 30px; font-size: 16px; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s;transition: all .3s; padding-left: 32px; background: url(../images/lanu.png) no-repeat left center;} .language-text i { display: inline-block;vertical-align: middle; font-size: 16px; font-weight: bold; margin-left: 8px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;} .language-list {position: absolute;top: 100%;right: 0;z-index: 30;background: #fff;padding: 0px 0;-webkit-box-shadow: 0 2px 4px 2px rgba(0,0,0,.05);box-shadow: 0 2px 4px 2px rgba(0,0,0,.05);opacity: 0;visibility: hidden;-webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;} .language-list a { display: block; padding: 10px 20px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .language:hover .language-text {color: #018fd7;} .language:hover .language-text i {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg); transform: rotate(180deg);} .language:hover .language-list {opacity: 1;visibility: visible;} .language-list a:hover {color: #fff; background: #018fd7;} @media (max-width: 1459px) { .navbar { margin-right: 25px; } .category-a { padding:0 10px; } } @media (max-width: 1300px) { .navbar{margin-right: 10px;} .category-a{padding: 0 10px;} } /*banner*/ .main{width: 1200px;margin: 0 auto;} .banner .swiper-slide{padding-top: 73px; height: 640px;background-position: center;background-size: cover;background-repeat: no-repeat;} .banner-tit{opacity: 0;transform:translateY(10px);transition: all .5s .4s; margin-bottom: 55px; font-family:'思源黑体 CN Bold','regular';font-weight: bolder; font-size: 72px;color: white;} .banner-dec{opacity: 0;transform:translateY(10px);transition: all .5s .6s; margin-bottom: 15px; font-family:'segoepr';font-size: 60px;color: white;} .banner-p{opacity: 0;transform:translateY(10px);transition: all .5s .8s; font-family:arial;font-size: 18px;color: white;line-height: 30px;} .banner .swiper-slide.swiper-slide-active .banner-tit, .banner .swiper-slide.swiper-slide-active .banner-dec, .banner .swiper-slide.swiper-slide-active .banner-p{opacity: 1;transform:translateY(0px);} .banner .swiper-button-next{color: white;line-height: 120px;font-weight: bold;font-size: 30px;padding-left: 10px;top: 260px; width: 120px;height: 120px;border-radius: 50%;background: rgba(255,255,255,0.2);right: -60px;} .banner .swiper-button-prev{text-align: right; color: white;line-height: 120px;font-weight: bold;font-size: 30px;padding-right: 10px;top: 260px; width: 120px;height: 120px;border-radius: 50%;background: rgba(255,255,255,0.2);left: -60px;} .banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{color: #018fd7;background: white;} /*内容*/ .index{background: #f2f6fa;} .index-one{padding: 40px 0;} .ino-left{width: 590px;height: 660px;float: left;} .ino-more{position: relative; display: block;width: 100%;height: 100%;} .ino-pic{width: 100%;height: 100%;} .ino-pic img{display: block;width: 100%;height: 100%;} .ino-ltit{font-family:'思源黑体 CN Regular','regular';font-weight: lighter; position: absolute;width: 100%;left: 0;text-align: center;color: white;font-size: 36px;line-height: 40px;bottom: 92px;} .ino-ldec{font-family:'思源黑体 CN Regular','regular';font-weight: lighter; position: absolute;width: 100%;left: 0;text-align: center;color: white;font-size: 16px;line-height: 20px;bottom: 63px;} .ino-left .swiper-pagination{width: auto !important;position: absolute;left: 50% !important;transform: translateX(-50%);} .ino-left .swiper-pagination-bullet{opacity: 1;width: 16px;height: 16px;background: #4d4d4d;margin:0 8px !important;float: left;} .ino-left .swiper-pagination-bullet-active{background: white;} .ino-right{width: 590px;height: 660px;overflow: hidden;float: right;} .ino-list{display: block; width: 100%;height: 320px;background: white;padding: 31px 54px 35px 29px;} .ino-rpic{float: right;width: 283px;height: 253px;} .ino-rpic img{display: block;width: 100%;transition: all .5s;} .ino-top{background: url(../images/ino-bg.png) no-repeat center;margin-bottom: 20px;} .ino-rfont{float: left;padding-top: 79px;} .ino-rfont h3{margin-bottom: 4px; font-size: 36px;color: #333;font-family:'思源黑体 CN Medium','regular';} .ino-rfont p{font-weight: lighter; font-size: 16px;color: #666;line-height: 24px; font-family:'思源黑体 CN Light','regular';} .ino-list:hover .ino-rpic img{transform: scale(1.05);} .ino-top .ino-rfont h3{color: white;} .ino-top .ino-rfont p{color: rgba(255,255,255,0.6);} .index-two ul{overflow: hidden;padding: 40px 0;background: white;} .index-two li{width: 400px;float: left;padding:48px 30px;border-right: solid 1px #eeeeee;} .index-two li:last-child{border-right: none;} .int-icon{width: 60px;height: 64px;overflow: hidden;float: left;transition: all .5s;} .int-icon img{display: block;width: 100%;height: 100%;} .int-font{margin-left: 90px;} .int-font h3{font-family:'思源黑体 CN Regular','regular';font-size: 24px;color: #333;line-height: 34px;} .int-font p{font-family:'思源黑体 CN Light','regular';font-size: 16px;color: #666;line-height: 30px;} .index-two li:hover .int-icon{transform: translateY(-10px);} .index-two li:hover .int-font h3{color: #018fd7;} .index-three{padding: 80px 0 100px;} .ine-left{width: 797px;border-right: solid 1px #d9dadc;float: left;} .ine-tit{ font-family:'思源黑体 CN Regular','regular';font-size: 24px;color: #333;line-height: 24px;} .ine-box{padding-top: 18px;width: 700px;} .ine-news{display: block;margin-top: 18px;} .ine-news p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-family:'思源黑体 CN Light','regular';font-size: 14px;color: #666;line-height: 24px;margin-bottom: 2px;} .ine-news span{font-family:'思源黑体 CN Light','regular';display: block; font-size: 14px;color: #777;line-height: 14px;} .ine-news:hover p{color: #018fd7;} .ine-right{width: 350px;float: right;} .ine-ewm{margin-top: 39px;width: 146px;} .ine-ewm img{display: block;width: 100%;} .ine-ewm p{font-size: 14px;color: #333;line-height: 20px;margin-top: 14px;text-align: center;} /*底部*/ .foot{background: #232323;border-top: solid 1px #989b9d;} .foot-top{padding-top: 48px;padding-bottom: 39px;border-bottom: solid 1px rgba(110,110,110,0.3);} .foot-left{width: 125px;float: left;} .foot-left p{font-size: 14px;color: #666;line-height: 20px;text-align: center;margin-top: 17px;} .foot-logo{margin-bottom: 40px;} .foot-logo{float: left;} .foot-right{float: right;} .foot-right dl{width: 120px;float: left;} .foot-right dt a{font-family:'思源黑体 CN','regular'; display: block;color: white;font-size: 18px;line-height: 18px;} .foot-right dt{margin-bottom: 8px;} .foot-right dd a{font-family:'思源黑体 CN','regular';font-weight: lighter; display: block;color: #666;font-size: 14px;line-height: 26px;} .foot-right dl:first-child{width: 260px;padding-right: 20px;} .foot-right dl:last-child{width: 113px;} .foot-right dd a:hover{color: white;} .foot-bot{padding-top: 45px;} .foot-bl{margin-right: 50px; float: left;padding-left: 65px;background: url(../images/foot-tel.png) no-repeat left center;} .foot-bl h3{font-family:'思源黑体 CN','regular';font-weight: bold;font-size: 30px;color: white;line-height: 24px;margin-bottom: 10px;} .foot-bl p{font-family:'思源黑体 CN','regular';font-size: 14px;color: white;line-height: 14px;} .foot-bl p span{color: #808080;} .foot-br{float: left;padding-left: 65px;background: url(../images/foot-email.png) no-repeat left center;margin-right: 50px;} .foot-tm{float: left;padding-left: 65px;background: url(../images/taobao.png) no-repeat left center;} .foot-br h3,.foot-tm h3{font-family:'思源黑体 CN','regular';font-size: 18px;color: white;line-height: 48px;} .foot-bb{padding: 28px 0 22px;} .foot-bb p,.foot-bb span{float: left; font-family:'思源黑体 CN','regular';font-size: 16px;color: #999999;line-height: 30px;} .foot-bb p a,.foot-bb span a{font-size: 16px;color: #999999;padding-left: 15px;} .foot-bb span{float: right;} .foot-bb span a{padding-left: 0;} .foot-bb p a:hover,.foot-bb span a:hover{color: white;} /*产品中心*/ .ny-banner{height: 400px;background-repeat: no-repeat;background-position: center;background-size: cover;} .ny-banner h3{font-family:'思源黑体 CN','regular';padding-left: 20px; font-weight: bold;font-size: 48px;color: white;margin-bottom: 14px;} .ny-banner h4{font-family:'思源黑体 CN','regular';padding-left: 20px; font-weight: lighter;font-size: 18px;color: #666;} .ny-banner h5{font-family:'思源黑体 CN','regular';padding-left: 20px; font-weight: bold;font-size: 48px;color:black ;margin-bottom: 14px;} .ny-banner h6{font-family:'思源黑体 CN','regular';padding-left: 20px; font-weight: lighter;font-size: 18px;color: white;} .crumb{padding: 34.5px 0; font-family:'思源黑体 CN','regular';font-size: 14px;color: #666;} .crumb a{display: inline-block;line-height: 16px; font-family:'思源黑体 CN','regular';font-size: 14px;color: #666;} .product{padding-bottom: 60px;background: #f2f6fa;} .pro-list{overflow: hidden;transition: all .5s;margin-bottom: 40px; display: block;width: 100%;background: white;border: solid 1px #eeeeee;padding: 15px 80px 15px 40px;} .pro-font{width: 585px;float: left;padding-top: 20px;} .pro-font h3{margin-bottom: 6px; font-family:'思源黑体 CN','regular';font-weight: bold;font-size: 36px;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .pro-font h4{margin-bottom: 25px;font-family:'思源黑体 CN Medium','regular';font-size: 24px;color: #6699ff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .pro-font p{font-size: 14px;color: #666;line-height: 24px;} .pro-pic{width: 300px;height: 268px;float: right;} .pro-pic img{display: block;width: 100%;height: 100%;transition: all .5s;} .pro-list:hover{box-shadow: 0 2px 15px rgba(0,0,0,0.1);} .pro-list:hover .pro-pic img{transform: scale(1.05);} /*产品列表*/ .pro-left{width:280px;float: left;background: white;} .pro-left ul{padding: 15px 37px;} .pro-top li{line-height: 60px;} .pro-top li a{position: relative; font-size: 16px;color: #666;font-family: '思源黑体 CN','regular';} .pro-top li a::after{display: none; position: absolute;content: '';right: -30px; width: 7px;height: 14px;top: 0px; background: url(../images/pro-top.png) no-repeat center;} .pro-top li.on a::after{display: block;} .pro-top li.on a{color: #018fd7; } .pro-bot h3{font-family: '思源黑体 CN','regular';color: white;font-size: 18px;padding-left: 37px;background: #008fd7;line-height: 60px;} .pro-bot ul{padding: 20px 20px 3px;} .pro-bot li{margin-bottom: 30px;} .nav-top{height: 37px;border-bottom: solid 1px #e5e5e5;padding: 0 6px 0 17px;} .nav-top h4{font-family: '思源黑体 CN','regular';font-size: 16px;color: #333;line-height: 36px;float: left;width: 80%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .nav-tig{transform: rotate(-90deg);transition: all .5s; background: url(../images/nav-tig.png) no-repeat center;width: 36px;height: 36px;float: right;} .nav-pad{padding: 0 17px;} .nav-pad .nav-list{ height: 33px;padding: 10px 0;} .nav-check{position: relative;width: 13px;height: 13px;float: left;border: solid 1px #e5e5e5;} .nav-check input,.nav-check label{position: absolute;width: 100%;height: 100%;left: 0;top: 0;} .nav-check label::after{display: none; position: absolute;content: '';width: 11px;height: 11px;background: url(../images/check.png) no-repeat center;} .nav-check input:checked +label::after{display: block;} .nav-pad .nav-list p{font-family: '思源黑体 CN','regular';line-height: 13px; float: left;margin-left: 10px;font-size: 16px;color: #333;} .pro-bot li.on .nav-tig{transform: rotate(0deg);} .pro-bot li.on .nav-bot{display: block;} .nav-bot{display: none;} .pro-right{width: 900px;float: right;padding-bottom: 40px;} .pro-item{/* display: block; */height: 151px;border-bottom: dashed 1px #dcdcdc;padding: 0 11px 0 20px;transition: all .5s;width: 25%;float: left;} .pro-img{width: 100%;/* height: 150px; *//* float: right; */} .pro-img img{display: block;width: 100%;height: 100%;transition: all .5s;} .pro-dec{width: 100%;/* float: left; *//* padding-top: 43px; */} .pro-tit{margin-bottom: 8px;height: 33px;overflow: hidden;} .pro-tit h3{ font-family:'思源黑体 CN Medium','regular';float: left;max-width: 80%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 30px;color: #333;} .pro-tit span{display: block;float: left;margin-left: 28px;line-height: 43px; font-family:'思源黑体 CN','regular';font-size: 14px;color: #6a9cff;} .pro-dec p{ font-family:'思源黑体 CN','regular';font-size: 14px;color: #666;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .pro-item:hover .pro-img img{transform: scale(1.05);} .pro-item:hover{background: white;} /*产品详情*/ .proinfo{padding-top: 40px;} .pro-line{width: 100%;height: 1px;background: #eeeeee;} .proi-top{margin-bottom: 80px;} .pro_left{width:600px;float:left;padding: 30px 0 0 76px;} .jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block; width:316px;height:100%;overflow:hidden;} .jqzoom img{width:100%; height:100%;} .zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:368px;height:368px;background:#ffffff;display:none;text-align:center;overflow:hidden;} .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:150px !important;height:133px !important;border:1px solid #aaa;background:#ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);} .spec-preview{height: 282px;width: 100%;} .spec-scroll{width:316px;position: relative;height: 50px;margin-top: 68px;} .spec-scroll .prev{left: -35px;} .spec-scroll .next{right: -35px;} .spec-scroll .prev,.spec-scroll .next{text-align: center;font-weight: bold; position: absolute;top: 0; width:28px;height:50px;cursor:pointer;line-height: 50px;font-size: 20px;color: #999;} .spec-scroll .prev:hover,.spec-scroll .next:hover{color: #008fd7;} .spec-scroll .items{width:325px;height: 100%;overflow: hidden;position: relative;} .spec-scroll .items ul{position:absolute;} .spec-scroll .items ul li{width:56px;text-align:center;float: left;margin-right: 9px;} .spec-scroll .items ul li img{border:1px solid #dcdcdc;width:100%;height:50px;} .spec-scroll .items ul li.hover img { border:1px solid #008fd7;} .spec-scroll .items ul li p{color: #333;font-size: 16px;text-align: center;margin-bottom: 0px;} .pro_right{/* height: 430px; */width: 495px;float: right;position: relative;overflow: hidden;} .pror-tit{ font-family:'思源黑体 CN','regular';font-size: 30px;color: #333;line-height: 36px;margin-bottom: 15px;} .pror-dec{ font-family:'思源黑体 CN Medium','regular';margin-bottom: 29px; margin-top: 24px;padding-bottom: 36px;border-bottom: solid 1px #eeeeee; font-size: 18px;color: #219bf3;} .pro_right p{ font-family:'思源黑体 CN','regular';font-size: 14px;color: #666;line-height: 30px;padding-left: 15px;background: url(../images/pror.png) no-repeat left top 15px;} .pro_right a.info-more{ font-family:'思源黑体 CN','regular';border-radius: 3px;position: absolute;left: 0;bottom: 0; display: block;width: 180px;height: 44px;line-height: 44px;text-align: center;font-size: 16px;color: white;background: #1897f2;} .pro_right a.info-more:hover{background: #0c6fdb;} .proi-mid{padding-bottom: 30px;} .proi-tit{font-family:'思源黑体 CN','regular';margin-bottom: 50px; font-size: 26px;color: #333;text-align: center;line-height: 24px;padding-bottom: 10px;border-bottom: solid 1px #eeeeee;} .prm-left{width: 585px;float: left;} .prm-tit{ font-family:'思源黑体 CN','regular';line-height: 24px;margin-bottom: 25px; font-size: 24px;color: #666;} .prm-left span,.prm-right span{line-height: 20px; width: 188px;float: left;font-size: 12px;color: #209bf3;} .prm-left p,.prm-right p{line-height: 20px;margin-left: 188px; font-size: 12px;color: #999;} .prm-big{margin-bottom: 46px;} .prm-right{width: 615px;float: left;} .proi-bot{padding-bottom: 50px;} .prb-big{width: 358px;margin-bottom: 48px;} .prb-tit{ font-family:'思源黑体 CN','regular';line-height: 24px;margin-bottom: 25px; font-size: 24px;color: #333333;} .prb-li{position: relative; display: block;margin-bottom: 15px;} .prb-right{margin-right: 50px;} .prb-right p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden; margin-bottom: 5px; font-family:'思源黑体 CN','regular'; font-size: 14px;color: #1897f2;} .prb-right span{display: block; line-height: 13px; font-size: 12px;color: #999999;} .prb-btn{position: absolute;top: 0;right: 0; width: 50px;height: 25px;border: solid 1px #505355;font-size: 14px;color: #666;line-height: 23px;text-align: center;} .prb-li:hover .prb-btn{color: white;background: #1897f2;} /*代工服务*/ .sevice{background: white;} .service-tit{height: 160px;background: #f7f8f9;padding: 63px 0;} .service-tit h3{line-height: 34px; font-family:'思源黑体 CN','regular';font-size: 30px;color: #333333;} .service-tit h3 span{color: #F00000;padding-left:19px ;} .foun-dec{ font-family:'思源黑体 CN','regular';text-align: center;line-height: 20px;padding-top: 50px; font-size: 20px;color: #333;height: 100px;border-bottom: solid 1px #dcdcdc;} .foun-obox h3{ font-family:'思源黑体 CN','regular';text-align: center;line-height: 20px;margin: 30px 0 27px; font-size: 20px;color: #1c86f3;} .foun-ocen{position:relative;padding-top: 93px;} .foun-opic{padding-top: 138px; background: url(../images/foun-one.png) no-repeat center;width: 340px;height: 351px;margin: 0 auto;} .foun-opic h5{ font-family:'思源黑体 CN','regular';font-size: 20px;color: white;line-height: 28px;text-align: center;} .foun-ofont h4{ font-family:'思源黑体 CN Medium','regular';margin-bottom: 9px; text-align: center;line-height: 20px;font-size: 20px;color: #1c86f3;} .foun-ofont p{margin-bottom: 16px; text-align: center;line-height: 24px;font-size: 14px;color: #666666;} .foun-ofont{position: absolute;} .foun-ofont1{top: 0;left: 50%;margin-left:-105px;} .foun-ofont2{bottom: -40px;left:285px;} .foun-ofont3{bottom: -40px;right:285px;} .foun-one{padding-bottom: 100px;} .foun-two{padding-bottom:70px;} .foun-tdec{ font-family:'思源黑体 CN','regular';text-align: center;line-height: 20px;padding-top: 50px; font-size: 20px;color: #333;height: 100px;} .foun-tpic{width: 100%;overflow: hidden;} .foun-tpic img{display: block;width: 100%;height: 100%;transition: all .5s;} .foun-tfont{transition: all .5s;font-family:'思源黑体 CN','regular';margin-top: 14px; font-size: 16px;color: #666666;text-align: center;line-height: 28px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .foun-tli:hover img{transform: scale(1.05);} .foun-tli:hover .foun-tfont{color: #1c86f3;} .foun-swiper .swiper-container{padding-bottom: 46px;} .foun-swiper .swiper-pagination-bullet{width: 12px;height: 12px;margin: 0 5px !important; background: #bfbfbf;opacity: 1;} .foun-swiper .swiper-pagination-bullet-active{background: #1c86f3;} .foun-three{padding-bottom:72px;} .foun-edec{ font-family:'思源黑体 CN','';text-align: center;line-height: 28px; font-size: 20px;color: #333;margin: 25px 0 45px;} .foun-three .foun-dec,.foun-four .foun-dec{font-size: 24px;} .foun-three li{width: 25%;float: left;} .foun-icon{width: 120px;height: 120px;margin: 0 auto;border-radius: 50%;overflow: hidden;background: url(/PC/images/foun-bg.png);transition: all .5s;} .foun-icon img{display: block;width: 100%;height: 100%;} .foun-three li h3{ font-family:'思源黑体 CN','regular';margin-top: 24px;margin-bottom: 7px; font-size: 18px;color: #282828;line-height: 28px;text-align: center;} .foun-three li p{padding: 0 16px; font-family:'思源黑体 CN','regular';font-size: 14px;color: #666;line-height: 28px;text-align: center;} .foun-three li:hover .foun-icon{transform: translateY(-10px);} .foun-four {padding-bottom: 94px;} .foun-four ul{padding: 0 37.5px;margin-left: -41.5px;} .foun-four li{position: relative; width: 125px;float: left;margin-left: 41.5px;} .foun-ficon{width: 72px;height: 48px;margin: 0 auto;overflow: hidden;transition: all .5s;} .foun-ficon img{display: block;width: 100%;height: 100%;} .foun-four li p{ font-family:'思源黑体 CN','regular';line-height: 28px;text-align: center;margin-top: 13px; font-size: 16px;color: #333;} .foun-four li::after{position: absolute;content: '';width:41.5px ;height: 20px;top: 14px;right: -41.5px; background: url(../images/foun-icon.png) no-repeat center;} .foun-four li:last-child::after{display: none;} .foun-four li:hover .foun-ficon{transform: translateY(-10px);} /*解决方案*/ .solu-banner{padding-top: 87px;height: 520px;background-repeat: no-repeat;background-position: center;background-size: cover;} .solu-banner h3{ font-family:'思源黑体 CN','regular';font-weight: 800; font-size: 60px;text-align: center;color: #222;letter-spacing: 2px;} .solu-banner h4{ font-family:'思源黑体 CN','regular';font-weight: 800; font-size: 30px;text-align: center;color: #e60012;margin: 15px 0 20px;} .solu-banner p{ font-family:'思源黑体 CN','regular'; font-size: 14px;text-align: center;color: #666;} .solution{background: white;} .solu-one{padding-bottom: 70px;} .solu-box{padding-top: 47px;} .solu-pic{width: 100%;overflow: hidden;} .solu-pic img{display: block;width: 100%;} .solu-sjx{width: 160px;height: 80px;margin: 4px auto 0;} .solu-sjx img{display: block;width: 100%;} .solu-box ul{margin-top: 80px;} .solu-box li{width: 300px;padding: 0 22.5px;float: left;} .solu-box h3{ font-family:'思源黑体 CN','regular';font-size: 30px;color: #333;line-height: 30px;} .solu-box h4{ font-family:'思源黑体 CN','regular';font-size: 14px;color: #666666;line-height: 20px;margin: 26px 0 16px;} .solu-box p{line-height: 34px;font-size: 14px;color: #666;padding-left: 14px;background: url(../images/solu-dot.png) no-repeat left top 15px;} .solu-box li.li3{/* width: 350px; *//* padding-right: 40px; */} .solu-box li.li4{/* padding-right: 0; *//* width: 250px; */} .inner-down{padding: 50px 0;} .sinfo-font{padding: 44px 0 73px;} .sinfo-font p{font-size: 14px;color: #666;line-height: 28px;} .sinfo-two ul{padding: 50px 0;margin-left: -20px;} .sinfo-two li{transition: all .5s;width: 590px;height: 170px;float: left;margin-left: 20px;margin-bottom: 30px;border: solid 1px transparent;} .sinfo-pic{overflow: hidden; padding: 0 34px;float: left; width: 256px;height: 100%;background: #f7f8f9;} .sinfo-pic img{display: block;width: 100%;height: 100%;transition: all .5s;} .sinfo-right{margin-left: 256px;padding: 24px 20px 0;height: 100%;} .sinfo-right h3{ font-family:'思源黑体 CN','regular';font-size: 20px;color: #333;margin-bottom: 13px;} .sinfo-right p{font-size: 14px;color: #666;line-height: 20px;} .sinfo-two li:hover {border-color: #e6e6e6;} .sinfo-two li:hover img{transform: scale(1.05);} .sinfo-two li:hover .sinfo-right h3{color: #1897f2;} .sinfo-three ul{padding: 30px 0 80px;} .sinfo-three li{background: url(../images/sinfo-dot.png) no-repeat left center; padding:0 15px;height: 57px;line-height: 56px;border-bottom: solid 1px #d6d6d6;} .sinfo-three li a{display: block;font-size: 16px;color: #666;line-height: 56px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .sinfo-three li:hover a{color: #1897f2 ;} .sinfo-four{background: #6699ff;padding: 51px 0 52px;display: block;} .sinfo-four h3{font-family:'思源黑体 CN','regular';font-weight: bold;margin-bottom: 7px; font-size: 30px;color: white;text-align: center;} .sinfo-four h4{font-family:'思源黑体 CN','regular';font-size:16px;color: white;text-align: center;} /*关于我们*/ .about .service-tit h3 span{padding-left: 0;} .abo{padding: 38px 0 75px;} .abo-p p{text-align: center; font-family:'思源黑体 CN','regular';font-size: 14px;color: #666;line-height: 36px;} .abo-p p.abo-hide{display: none;} .read-more{cursor: pointer; line-height: 24px;margin-top: 24px;margin-bottom: 55px; font-family:'思源黑体 CN','regular';text-align: center; font-size: 14px;color: #666666;} .read-more img{padding-left: 8px;transition: all .5s;} .abo li{width: 33.3%;text-align: center;float: left;} .abo li span{font-family: 'hel'; font-size: 60px;color: #333;line-height: 43px;} .abo li i{font-style: normal;font-size: 16px;color: #333;} .abo li p{ font-family:'思源黑体 CN','regular';font-size: 14px;color: #666;line-height: 24px;margin-top: 11px;} .abo li:hover span,.abo li:hover i,.abo li:hover p{color: #018fd7;} .abt ul{margin-left: -106px; padding: 50px 0 43px ;} .abt li{float: left; width: 220px;margin-left: 106px;text-align: center;} .abt-icon{transition: all .5s;width: 160px;height: 160px;border-radius: 50%;background: #e6e6e6;margin: 0 auto;padding: 40px 0;} .abt li h3{font-family:'思源黑体 CN','regular';font-size: 18px;color: #333;line-height: 28px;margin: 34px 0 8px;} .abt li p{font-family:'思源黑体 CN','regular';font-size: 14px;color: #666;line-height: 28px;} .abt-p{padding: 48px 0 70px;border-top: solid 1px #e5e5e5;} .abt-p h3{font-family:'思源黑体 CN','regular';font-size: 24px;line-height: 28px;color: #333;margin-bottom: 17px;} .abt-p p{font-family:'思源黑体 CN','regular';font-size: 14px;line-height: 34px;color: #666;padding-left: 14px;background: url(../images/abt-dot.png) no-repeat left top 15px;} .abt li:hover .abt-icon{transform: translateY(-10px);} .abe-swiper{padding: 50px 0 90px;} .abe-swiper .swiper-container{padding-bottom: 45px;} .abe-swiper .swiper-pagination-bullet{width: 12px;height: 12px;margin: 0 5px !important; background: #bfbfbf;opacity: 1;} .abe-swiper .swiper-pagination-bullet-active{background: #1c86f3;} .abe-pic{width: 100%;overflow: hidden;height: 240px;} .abe-pic img{display: block;width: 100%;height: 100%;transition: all .5s;} .abe-font{transition: all .5s;font-family:'思源黑体 CN','regular';margin-top: 16px; font-size: 18px;color: #666666;text-align: center;line-height: 28px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .abe-li:hover img{transform: scale(1.05);} .abe-li:hover .abe-font{color: #1c86f3;} /*公司历史*/ .history{background: #f2f6fa;padding-bottom: 100px;} .his-tit{font-family:'思源黑体 CN','regular';font-weight: 500;padding: 32px 0 17px; font-size: 48px;color: #333;} .his-top{padding: 235px 68px 91px;background: white;} .his-top ul{background: url(../images/his-line1.png) no-repeat center;height: 134px;position: relative;} .his-year{font-family:'思源黑体 CN','regular';line-height: 18px; font-size: 18px;color: #333;text-align: center;} .his-name{font-family:'思源黑体 CN','regular';line-height: 18px; font-size: 14px;color: #e62129;text-align: center;margin: 2px 0 13px;} .his-cir{width: 7px;height: 7px;border: solid 1px #e70618;border-radius: 50%;margin: 0 auto;} .his-line{width: 1px;height: 53px;background: #e70618;margin: 0 auto;} .his-top li{max-width: 75px;position: absolute;} .his-icon {text-align: center;} .his-top li.li0{bottom: 60px;left: 48px;} .his-top li.li1{left: 120px;bottom: 58px;} .his-top li.li2{left: 201px;bottom: 38px;} .his-top li.li3{left: 283px;bottom: 77px;} .his-top li.li4{left: 365px;bottom: 77px;} .his-top li.li5{left: 445px;bottom: 91px;} .his-top li.li6{left: 504px;bottom: 72px;} .his-top li.li7{right: 432px;bottom: 74px;} .his-top li.li8{right: 315px;bottom: 62px;} .his-top li.li9{right: 206px;bottom: 85px;} .his-top li.li10{right: 123px;bottom: 90px;} .his-top li.li11{right: 10px;bottom: 110px;} .his-bot{padding: 73px 160px;background: white;margin-top: 20px;} .his-day{line-height: 26px; width: 96px;float: left;font-size: 16px;color: #666;font-family:'思源黑体 CN','regular';} .his-dec{margin-left: 96px;} .his-dec p{line-height: 26px;font-family:'思源黑体 CN','regular';font-size: 14px;color: #666;} /*行业列表*/ .industry{background: #f2f5fa;} .ind-banner{height: 520px;background-repeat: no-repeat;background-position: center;background-size: cover;} .ind-banner h3{font-family:'思源黑体 CN','regular';padding-left: 20px; font-weight: bold;font-size: 60px;color: white;margin-bottom: 14px;} .ind-box{padding-bottom: 60px;} .ind-list{transition: all .5s; overflow: hidden; margin-bottom: 40px;padding: 30px 0 30px 30px;background: white;display: block;} .ind-pic{width: 280px;height: 180px;overflow: hidden;float: left;} .ind-pic img{display: block;width: 100%;height: 100%;transition: all .5s;} .ind-font{width: 860px;float: right;padding-top: 17px;} .ind-font h3{font-family:'思源黑体 CN','regular';font-size: 36px;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .ind-font h4{margin: 16px 0 23px; font-family:'思源黑体 CN','regular';font-size: 18px;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .ind-p{height: 43px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .ind-font p{font-family:'思源黑体 CN','regular';font-size: 14px;color: #666;} .ind-list:hover img{transform: scale(1.05);} .ind-list:hover{box-shadow: 0 2px 15px rgba(0,0,0,0.1);} /*行业详情*/ .indinfo{background: white;} .ind-top{padding: 42px 0;} .ind-top p{font-family:'思源黑体 CN','regular';font-size: 14px;color: #666;line-height: 28px;} .ind-tit{font-family:'思源黑体 CN','regular';border-bottom: solid 2px #6699ff; line-height: 83px;font-size: 24px;color: #333;text-align: center;} .ind-nav{padding: 23px 0 12px;overflow: hidden;} .ind-nav span{font-family:'思源黑体 CN','regular';font-size: 14px;line-height: 28px; float: left;margin-right: 60px;color: #69f;} .ind-mid p{font-family:'思源黑体 CN','regular';font-size: 14px;color: #666;line-height: 34px;} .ind-mid{margin-bottom: 42px;} .ind-bot{padding-bottom: 30px;} /*环保预案*/ .plan h3{font-family:'思源黑体 CN','regular';font-weight: 500;margin: 40px 0 23px; font-size: 48px;color: #333;} .plan-box h4{font-family:'思源黑体 CN','regular';font-size: 24px;line-height: 28px;margin-bottom: 18px; color: #018fd7;} .plan-box{margin-bottom: 40px;} .plan{padding-bottom: 50px;} .plan-box li{overflow: hidden;} .plan-left{font-family:'思源黑体 CN','regular';float: left; width: 160px;font-size: 14px;color: #333;line-height: 30px;} .plan-right{font-family:'思源黑体 CN','regular';margin-left: 160px;font-size: 14px;color: #666;line-height: 30px;} .plan-right p.plan-dot{padding-left: 16px;background: url(../images/plan-dot.png) no-repeat left top 12.5px;} /*联系我们*/ .contact .service-tit h3 span{padding-left: 0;} .con-one ul{padding: 48px 0 76px;} .con-one li{float: left;width: 50%;padding-right: 100px;} .con-one li h3{font-family:'思源黑体 CN','regular';font-size: 24px;color: #666;line-height: 28px;} .con-line{width: 30px;height: 2px;background: #888888;margin: 16px 0 7px;} .con-one .con-li{ overflow: hidden; font-family:'思源黑体 CN','regular';font-size: 16px;color: #333;line-height: 30px;padding: 13px 0 13px 65px;} /*.con-one .con-li.phone{background: url(../images/phone.png) no-repeat left top 13px;} .con-one .con-li.email{background: url(../images/email.png) no-repeat left top 13px;} .con-one .con-li.fax{background: url(../images/fax.png) no-repeat left top 13px;} .con-one .con-li.add{min-height: 77px; background: url(../images/add.png) no-repeat left top 13px;} .con-one .con-li.code{background: url(../images/code.png) no-repeat left top 13px;} .con-one .con-li.person{ background: url(../images/person.png) no-repeat left top 13px;}*/ .con-one .con-li span{float: left;width: 64px;} .con-one .con-li p{margin-left: 64px;} .con-one li a{display: block;font-family:'思源黑体 CN','regular';font-size: 20px;line-height: 28px;color: #018fd7;} .con-form{padding: 50px 0 80px;} .form{margin-left: -30px;height: 54px;margin-bottom: 30px;} .form .text{float: left; position: relative; width: 380px;margin-left: 30px;height: 54px;} .form .text input{padding-left: 75px; width: 100%;height: 54px;line-height:52px; border: solid 1px #d9d9d9;} .form .text label{position: absolute;height: 100%;line-height: 54px;color: #666666;font-size: 14px;left: 19px;top: 0;} .form select { float: left; position: relative; border: solid 1px #d9d9d9; width: 790px; margin-left: 30px; padding: 16px 0; padding-left: 19px; background: url(../images/select.png) no-repeat right 20px center; } .area{position: relative; width: 100%;height: 200px;margin-bottom: 50px;} .area textarea{width: 100%;height: 100%;border: solid 1px #d9d9d9;resize: none;padding-left: 67px;padding-top: 15px;} .area label{position: absolute;height: 100%;line-height: 54px;color: #666666;font-size: 14px;left: 19px;top: 0;} .form .text input:focus,.area textarea:focus{border-color: #018fd7;} .form .text input:focus+label,.area textarea:focus+label{color: #018fd7;} .con-sub{height: 40px;} .con-sub .submit{height: 40px;width: 138px;text-align: center;line-height: 40px;float: right;background: #018fd7;color: white;font-size: 14px;} .yzm{margin-right: 30px; width: 222px;height: 40px;float: right;border: solid 1px #d2d2d2;} .yzm .text1{float: left; width: 136px;height: 38px;line-height:38px; font-size: 14px;color: #d2d2d2;padding: 0 10px;} .yzm img{float: left;width: 84px;height: 38px;} .con-box{padding: 50px 0 100px;} .con-box table{width: 100%;} .con-box thead{background: #e5e5e5;} .con-box thead th{font-family:'思源黑体 CN','regular';text-align: left; height: 50px;padding-left: 30px; font-size: 18px;color: #333;font-weight: normal;} .con-box thead th.th1{width: 170px;} .con-box thead th.th2{width: 152px;} .con-box thead th.th3{width: 170px;} .con-box thead th.th4{width: 198px;} .con-box thead th.th5{width: 511px;} .con-box tbody td{font-family:'思源黑体 CN','regular';line-height: 69px;border-bottom: solid 1px #e5e5e5;padding-left: 30px;font-size: 16px;color: #666;} .con-box tbody tr:hover td{color: #018fd7;} /*培训活动*/ .act-big{padding: 30px 0 100px;} .act-tit{font-family:'思源黑体 CN','regular';font-weight: 500; font-size: 48px;color: #333;} .act-nav{height: 60px;margin: 20px 0 50px;} /*.act-nav a{font-family:'思源黑体 CN','regular';float: left; height: 100%;line-height: 60px;width: 200px;margin-right: 20px;padding-left:85px;font-size: 18px;color: #333;background-image: url(../images/download.png); background-color: #e5e5e5;background-repeat: no-repeat;background-position: left 40px center;} .act-nav a.act-icon1{background-image: url(../images/act-icon1.png);} .act-nav a.act-icon2{background-image: url(../images/act-icon2.png);} .act-nav a.act-icon3{background-image: url(../images/act-icon3.png);} .act-nav a.on{background-color: #018fd7;color: white;background-image: url(../images/dolwnloadH.png);} .act-nav a.act-icon1.on{background-image: url(../images/act-icon1H.png);} .act-nav a.act-icon2.on{background-image: url(../images/act-icon2H.png);} .act-nav a.act-icon3.on{background-image: url(../images/act-icon3H.png);}*/ .act-box{padding-bottom:40px;} .act-head{height: 50px;background: #e5e5e5;} .act-head span{font-family:'思源黑体 CN','regular';padding-left: 30px;border-right: solid 1px white; float: left;line-height: 50px;font-size: 18px;color: #333;} .act-box span.span1{width: 742px;} .act-box span.span2{width: 242px;} .act-box span.span3{width: 216px;} .act-list span{text-overflow:ellipsis;white-space: nowrap;overflow: hidden; font-family:'思源黑体 CN','regular';padding-left: 30px; float: left;line-height: 69px;font-size: 16px;color: #666;} .act-list{border-bottom: solid 1px #e5e5e5;height: 70px;display: block;} .act-list:hover span{color: #018fd7;} /*分页*/ .page{height: 37px;} .page a{font-family:'思源黑体 CN','regular';margin-right: 7px; display: block;float: left;width: 37px;height: 37px;text-align: center;line-height: 37px;background: #ececec;font-size: 16px;color: #666;} .page a.on,.page a:hover{color: white;background: #018fd7;} .page a.page-prev::after{position: absolute;/* content: '上一页'; */font-size: 12px;width: 100%;height: 100%;top: 11px;left: 0;border: solid 1px #e5e5e5;} .page a.page-next::after{position: absolute;/* content: '下一页'; */font-size: 12px;width: 100%;height: 100%;top: 11px;left: 0;border: solid 1px #e5e5e5;} .page a.page-prev,.page a.page-next{width: 37px;border: none;/* display: none; */} /*新增*/ .page-right{ display: inline-block; vertical-align: middle; margin-left: 15px; color: #888888; } .page-right span{font-size:16px} .page-input{ width: 50px; height: 37px; border: 1px solid #dddddd; text-align: center; line-height: 37px; background: white; color: #888888; margin: 0 5px; } .page-right .btn-go{ display: inline-block; font-size: 16px; height: 37px; width: auto; border: 1px solid #b2b2b2; text-align: center; line-height: 37px; background: #398dea !important; color: #fff; padding: 0 8px; margin: 0 0 0 15px; float: right; } /*培训视频*/ .video-box{padding-bottom: 10px;margin-left: -30px;overflow: hidden;} .video-list{margin-bottom: 24px; width: 380px;margin-left: 30px;float: left;} .video-pic{position: relative; height: 240px;width: 100%;overflow: hidden;} .video-pic img{display: block;width: 100%;height: 100%;} .video-pic::after{position: absolute;content: '';width: 100%;height: 100%;/* background: rgba(0,0,0,0.6) url(../images/pause.png) no-repeat center; */top: 0;left: 0;} .video-par{font-family:'思源黑体 CN','regular';text-overflow:ellipsis;white-space: nowrap;overflow: hidden;margin-top: 13px; font-size: 16px;color: #333;line-height: 30px;} /*视频弹窗*/ .msg-box-bg {width: 100%;height: 100%;position: fixed;left: 0;top: 0;display: none;z-index: 10001;background: rgba(0,0,0,0.5);} .msg-box {width: 860px;height: 524px;padding: 50px;background-color: #F3F3F3;position: absolute;left: 50%;margin-left: -430px;top: 0;margin-top: -262px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);} .msg-box .close-box {width: 38px;height: 38px;font-size: 30px;color: #666; cursor: pointer;position: absolute;right: 10px;top: 10px;-webkit-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-o-transition: .5s;transition: .5s;} .msg-box .close-box:hover {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);} /*学习资料*/ .study{padding-bottom: 40px;} .study table{width: 100%;} .study thead{background: #e5e5e5;} .study thead th{font-family:'思源黑体 CN','regular';border-right: solid 1px white;text-align: left;height: 50px;padding-left: 27px;font-size: 16px;color: #333;font-weight: normal;} .study thead th.th1{width: 430px;} .study thead th.th2{width: 243px;} .study thead th.th3{width: 197px;} .study thead th.th4{width: 187px;} .study thead th.th5{width: 143px;} .study tbody td{font-family:'思源黑体 CN','regular';line-height: 65px;border-bottom: solid 1px #e5e5e5;padding-left: 30px;font-size: 16px;color: #666;} .study tbody td a{font-size: 26px;color: #666;} .study tbody td h5{font-family:'思源黑体 CN','regular';font-size: 16px;color: #666;} .study tbody tr:hover a,.study tbody tr:hover h5{color: #018fd7;} /*资料下载*/ .download{padding-bottom: 20px;margin-left: -22.5px;overflow: hidden;} .down-list{transition: all .5s; width: 385px;height: 240px;padding: 33px 28px 28px; border: solid 1px #dedede;margin-left: 22.5px;margin-bottom: 20px;float: left;} .down-tit{font-family:'思源黑体 CN','regular';transition: all .5s;font-size: 20px;color: #444;line-height: 28px;height: 56px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .down-line{transition: all .5s;width: 18px;height: 2px;background: #018fd7;margin: 13px 0;} .down-time{transition: all .5s;font-family:'思源黑体 CN','regular';font-size: 16px;color: #999;line-height: 30px;} .down-more{transition: all .5s;margin-top: 23px;padding-left: 50px; font-family:'思源黑体 CN','regular';display: block;width: 130px;height: 40px;line-height: 38px;border: solid 1px #e6e6e6;border-radius: 3px;background: url(../images/down.png) no-repeat left 22px center;font-size: 14px;color: #666666;} .down-list:hover{background: #018fd7;border-color: #018fd7;} .down-list:hover .down-tit{color: white;} .down-list:hover .down-line{background: rgba(255,255,255,0.8);} .down-list:hover .down-time{color:rgba(255,255,255,0.8);} .down-list:hover .down-more{background: white url(../images/downH.png) no-repeat left 22px center;color: #018fd7;} /*售后维修*/ .ser-tit{margin-bottom: 20px; font-family:'思源黑体 CN','regular';font-weight: 500; font-size: 48px;color: #333;line-height: 45px;} .ser-top h3{ font-family:'思源黑体 CN','regular';margin-top: 14px; font-size: 24px;line-height: 40px;color: #018fd7;} .ser-top p{font-size: 14px;color: #666;line-height: 34px;} .ser-hide{display: none;} .ser-top .read-more{margin-bottom: 45px;} .ser-bot.con-one ul{padding: 0;padding-top: 8px;padding-bottom: 23px;} .ser-bot.con-one .con-li.add{min-height: 41px;} .ser-bot.con-one li{margin-bottom: 63px;} /*新闻*/ .news{background: #f2f5fa;padding-bottom: 100px;} .news .page a{background: white;} .news .page a.on,.news .page a:hover,.page_list a:hover{background: #398dea;} .news-tit{margin:30px 0 20px; font-family:'思源黑体 CN','regular';font-size: 48px;color: #333;font-weight: 500;} .news-list{transition: all .5s;display: block;width: 100%;padding: 30px;margin-bottom: 40px; background: white;overflow: hidden;} .news-pic{float: left;width: 260px;height: 160px;overflow: hidden;} .news-pic img{display: block;width: 100%;height: 100%;transition: all .5s;} .news-mid{width: 154px;float: left;padding: 50px 0 0 40px;} .news-data{font-family:'思源黑体 CN','regular';font-weight: lighter;line-height: 40px; font-size: 36px;color: #333;} .news-year{font-family:'思源黑体 CN','regular';line-height: 17px; font-size: 14px;color: #333;padding-left: 3px;} .news-font{width: 726px;float: left;padding-top: 26px;} .news-font h3{font-family:'思源黑体 CN','regular';font-size: 18px;margin-bottom: 18px; color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 28px;} .news-font p{font-size: 14px;color: #666;line-height: 24px; height: 48px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .news-list:hover{box-shadow: 0 2px 15px rgba(0,0,0,0.1);} .news-list:hover img{transform: scale(1.05);} /*新闻详情*/ .newsinfo{padding: 40px 0 92px;} .newsinfo h1{font-size: 28px;line-height: 32px;text-align: center;} .news-share{height: 26px;margin-top: 26px;position: relative;} .news-share .bdsharebuttonbox{background: white; position: absolute;width: 162px;height: 26px;top: 0;left: 50%;margin-left: -81px;z-index: 3;padding: 0 9px;} .news-share::after{position: absolute;content: '';width: 100%;height: 1px;background: #dcdcdc;left: 0;top: 13px;} .news-share a{color: white !important;border-radius: 50%;font-size: 16px !important;text-align: center;line-height: 26px !important;width: 26px;height: 26px !important;background:none !important;margin: 0 5px !important;padding: 0 !important;display: block;float: left;} .news-share a.bds_tsina{background: #da3c3c !important;} .news-share a.bds_weixin{background: #21ba41 !important;} .news-share a.bds_sqq{background: #3e91ee !important;} .news-share a.bds_qzone{background: #f4c50b !important;} .bd_weixin_popup{width: 250px !important;height: 315px !important;} .news-time{font-size: 14px;color: #666;text-align: center;line-height: 32px;margin-bottom: 22px;} .newsinfo p,.newsinfo span{font-family:'思源黑体 CN','regular';font-size: 14px;color: #666;line-height: 28px;} .news-back{height: 30px;} .news-back a{margin-left: 45px; float: right;font-size: 14px;color: #666;line-height: 30px;} .news-back a.back{padding-left: 24px;background: url(../images/back.png) no-repeat left center;} .news-back a:hover{color: #018fd7;} .news-back a.back:hover{background-image: url(../images/backH.png);} .fenye{padding: 0px 0 40px;} /**/ .recruit{padding-bottom: 70px;} .rec-tit{margin: 30px 0 20px; font-family:'思源黑体 CN','regular';font-size: 48px;color: #333;font-weight: 500;} .job-item{margin-bottom:30px;} .job-item.open .job-le{background:#018fd7;} .job-item.open .job-le:after{opacity: 0;} .job-hea{width: 100%;height:50px;line-height: 50px;cursor: pointer;} .job-le{float: left;width:50px;height:50px;position: relative;background: #999999;} .job-le:before{content: '';width: 20px;height:2px;position: absolute;top:50%;left: 50%;margin-left:-10px;margin-top:-1px;background: #fff;} .job-le:after{content: '';height: 20px;width:2px;position: absolute;top:50%;left: 50%;margin-left:-1px;margin-top:-10px;background: #fff;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;} .job-ri { padding-left: 50px; background: #e6e6e6; font-size: 20px; line-height: 50px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .job-z { float: left; padding: 0 30px; font-size: 18px;color: #333;font-family:'思源黑体 CN','regular'; } .job-d { float: right; padding: 0 30px; font-size: 18px;font-family:'思源黑体 CN','regular'; color: #666; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .job-d span{padding-left: 12px;} .job-cont{display: none;background: #f5f5f5;} .job-pad{padding:52px 0 57px;} .job-b { position: relative;margin-bottom: 38px; } .job-c-z{float: left;width: 50%;padding:0 50px;} .job-c-z p{font-family:'思源黑体 CN','regular';font-size: 16px;color: #333; line-height: 28px;margin-bottom: 10px;} .job-c-z li{list-style: none; font-family:'思源黑体 CN','regular';font-size: 14px;color: #666;line-height: 20px;margin-bottom: 20px;} .job-b::after { content: ''; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: #d5d5d5; } .rec-con{padding-left: 50px;height: 20px;} .rec-con span{font-family:'思源黑体 CN','regular';float: left;margin-right: 68px;font-size: 14px;color: #666666;} .job-item.open .job-ri{background: #999999;color:#fff;} .job-item.open .job-d,.job-item.open .job-z{color: #fff;} /*kefu*/ .kf-shqi{width: 100%;height: 40px;} .kf-shqi .m-icon{display: block;margin:0 auto;width: 30px;height: 30px;border-radius: 50%;text-align: center;line-height: 30px;color: #fff;font-size: 14px;background:#018fd7;opacity:.7;cursor: pointer;transform: rotate(45deg);transition:all 0.3s;} .kf-shqi .m-icon:hover{opacity: 1;} .gr_kefu.show .m-icon{transform: rotate(0);} .gr_kefu{display: none;position:fixed;width:50px;height:154px;right:0;top:50%;margin-top: -77px;z-index:100;} .gr_kefu ul li{width:50px;height:50px;position:relative;margin-bottom:1px;font-size:14px;line-height:50px;} .gr_kefu ul li .sidebox{position:absolute;width:50px;height:50px;top:0;right:0;transition:all 0.3s;color:#fff;background:#1c86f3;overflow:hidden;opacity:.7;} .gr_kefu ul li.kf2 .sidebox{overflow:visible;} .gr_kefu ul li .sidebox:hover{opacity:1;} .gr_kefu ul li .sidebox3{font-size:16px;} .gr_kefu .kf-icon{display: inline-block;width: 50px;height: 50px;font-size: 26px;text-align: center;line-height: 50px;} .gr_kefu .kf_wx{ position:absolute; top:0;left:-140px;width:140px;display:none;background:#fff;border:1px solid #dadada;padding:14px;line-height:20px;color:#333;text-align:center;display:none;} .gr_kefu .kf_wx img{ display:block;width:110px; height:110px;margin-bottom:5px;float:none;} .gr_kefu .qq{height:0;position:relative;z-index:2;} .gr_kefu .qq .sidebox{border:1px solid #78be21;height:auto;border-radius:5px 0 0 5px;width:140px;background:#fff;opacity:1;bottom:-50px;top:auto;text-align:center;padding-bottom:5px;right:-150px;} .gr_kefu .qq h5{height:35px;line-height:35px;background:#78be21;font-weight:normal;color:#fff;font-size:14px;padding:0 10px;text-align:left;margin-bottom:10px;} .gr_kefu .qq h5 i{float:right;cursor:pointer;transition:all 0.3s;position:relative;z-index:5;} .gr_kefu .qq h5 i:hover{transform: rotate(90deg);} .gr_kefu .qq a{display:block;height:32px;line-height:32px;border-radius:18px;border:1px solid #78be21;margin:5px 15px} .gr_kefu ul{ display:none;} .page .zz {display:none;} /*新增*/ .banner .flex-active-slide .banner-tit, .banner .flex-active-slide .banner-dec, .banner .flex-active-slide .banner-p{opacity: 1;transform:translateY(0px);} .banner .flex-next{position: absolute;top: 230px;width: 60px;height: 120px;background:url(../images/banner-next.png);right: 0px;} .banner .flex-prev{position: absolute;top: 230px;width: 60px;height: 120px;background:url(../images/banner-prev.png);left: 0px;} .banner .flex-next:hover{background-image: url(../images/banner-nextH.png);} .banner .flex-prev:hover{background-image: url(../images/banner-prevH.png);} .flexslider.banner{margin: 0;padding: 0;border: none;overflow: hidden;position: relative;} .banner .slides li{/* padding-top: 73px; */min-height: 520px;background-position: center;background-size: cover;background-repeat: no-repeat;} .banner .slides li:hover{cursor:pointer} .banner .flex-control-nav{display: none;display: block;bottom: 10px;} .banner .flex-control-nav a{} .ino-left .flex-control-nav{text-align: center; width:100% !important;position: absolute;height: 16px;bottom: 20px;} .ino-left .flex-control-nav li{display: inline-block; opacity: 1;width: 16px;height: 16px;overflow: hidden; margin:0 8px !important;border-radius: 50%;} .ino-left .flex-control-nav a{display: block;width: 100%;height: 100%;background: url(../images/li-back.png) no-repeat center;} .ino-left .flex-control-nav a.flex-active { background: url(../images/li-active.png) no-repeat center; } .ino-left .flex-control-nav a:hover{background-color:none;} /*代工服务*/ .foun-swiper .flexslider { border: none; margin: 0; padding: 0; } .foun-tli{width: 400px;float: left;padding: 0 15px;} .foun-tpic{width: 100%;overflow: hidden;} .foun-tpic img{display: block;width: 100%;height: 100%;transition: all .5s;} .foun-tfont{transition: all .5s;font-family:'思源黑体 CN','regular';margin-top: 14px; font-size: 16px;color: #666666;text-align: center;line-height: 28px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .foun-tli:hover img{transform: scale(1.05);} .foun-tli:hover .foun-tfont{color: #1c86f3;} .foun-swiper .flex-control-nav li{width: 12px;height: 12px;margin: 0 5px !important;opacity: 1;} .foun-swiper .flex-control-nav a{display: block;width: 100%;height: 100%;background: url(../images/swiper-dot.png) no-repeat center;} .foun-swiper .flex-control-nav a.flex-active{background: url(../images/swiper-dotH.png) no-repeat center;} .foun-four li .foun-jt{position: absolute;width:41.5px ;height: 20px;top: 14px;right: -41.5px; background: url(../images/foun-icon.png) no-repeat center;} /*售后服务*/ .con-one .con-li{position: relative;overflow: hidden;font-family:'思源黑体 CN','regular';font-size: 16px;color: #333;line-height: 25px;padding: 8px 0;} .con-one .con-li em{display: block;position: absolute;width: 35px;height: 35px;left: 0;top: 13px;} .con-one .con-li.phone em{background: url(/PC/images/phone.png) no-repeat center;} .con-one .con-li.email em{background: url(/PC/images/email.png) no-repeat center;} .con-one .con-li.fax em{background: url(/PC/images/fax.png) no-repeat center;} .con-one .con-li.add {min-height: 77px;} .con-one .con-li.add em{ background: url(/PC/images/add.png) no-repeat center;} .con-one .con-li.code em{background: url(/PC/images/code.png) no-repeat center;} .con-one .con-li.person em{ background: url(/PC/images/person.png) no-repeat center;} /*关于我们*/ .abe-swiper .flexslider{border: none;margin: 0;padding: 0;} .abe-swiper{padding: 50px 0 90px;} .abe-swiper .flex-control-nav li{width: 12px;height: 12px;margin: 0 5px !important;opacity: 1;} .abe-swiper .flex-control-nav a{display: block;width: 100%;height: 100%;background: url(../images/swiper-dot.png) no-repeat center;} .abe-swiper .flex-control-nav a.flex-active{background: url(../images/swiper-dotH.png) no-repeat center;} .abe-li{width: 400px;float: left;padding: 0 15px;} .abe-pic{width: 100%;overflow: hidden;height: 240px;} .abe-pic img{display: block;width: 100%;height: 100%;transition: all .5s;} .abe-font{transition: all .5s;font-family:'思源黑体 CN','regular';margin-top: 16px; font-size: 18px;color: #666666;text-align: center;line-height: 28px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .abe-li:hover img{transform: scale(1.05);} .abe-li:hover .abe-font{color: #1c86f3;} .abt-icon{transition: all .5s;width: 160px;height: 160px;border-radius: 50%;background: url(../images/abt-icon.png) no-repeat center;margin: 0 auto;padding: 40px 0;} .pro-font h4{margin-bottom: 25px;font-family:'思源黑体 CN','regular';font-size: 24px;color: #6699ff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 28px;} .pro-tit h3{ font-family:'思源黑体 CN','regular';float: left;max-width: 80%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 30px;color: #333;} /*培训活动*/ .act-nav a{position: relative; font-family:'思源黑体 CN','regular';float: left; height: 100%;line-height: 60px;width: 200px;margin-right: 20px;padding-left:85px;font-size: 18px;color: #333; background-color: #e5e5e5;background-repeat: no-repeat;background-position: left 40px center;} .act-nav a span{position: absolute;display: block;width: 30px;height: 60px;left: 40px;top: 0;background: url(../images/download.png) no-repeat center;} .act-nav a.act-icon1 span{background: url(../images/act-icon1.png) no-repeat center;} .act-nav a.act-icon2 span{background: url(../images/act-icon2.png) no-repeat center;} .act-nav a.act-icon3 span{background: url(../images/act-icon3.png) no-repeat center;} .act-nav a.on{background-color: #018fd7;color: white;} .act-nav a.on span{background-image: url(../images/dolwnloadH.png);} .act-nav a.act-icon1.on span{background-image: url(../images/act-icon1H.png);} .act-nav a.act-icon2.on span{background-image: url(../images/act-icon2H.png);} .act-nav a.act-icon3.on span{background-image: url(../images/act-icon3H.png);} /*视频中心*/ .video-pic .video-after{position: absolute;width: 100%;height: 100%;background: url(../images/video-after.png) no-repeat center;top: 0;left: 0;} /*资料中心*/ .down-more{position: relative; transition: all .5s;margin-top: 23px;padding-left: 50px; font-family:'思源黑体 CN','regular';display: block;width: 130px;height: 40px;line-height: 38px;border: solid 1px #e6e6e6;border-radius: 3px;font-size: 14px;color: #666666;} .down-more span{position: absolute;width:20px;height: 40px;left: 22px;/* background: url(../images/down.png) no-repeat center; */} .down-list:hover{background: #018fd7;border-color: #018fd7;} .down-list:hover .down-tit{color: white;} .down-list:hover .down-line{background: #cce9f7;} .down-list:hover .down-time{color:#ddebf7;} .down-list:hover .down-more{background: white;color: #018fd7;} .down-list:hover .down-more span{background: url(../images/downH.png) no-repeat left center;} @media (max-width: 1200px) { .main1 {width:1200px;} } .kf-shqi .m-icon{display: block;margin:0 auto;width: 32px;height: 32px;border-radius: 50%;background:url(/PC/images/kf-close.png) no-repeat center;background-size: 32px; opacity:.7;cursor: pointer;transform: rotate(45deg);transition:all 0.3s;} .kf2 .kf-icon{background: url(/PC/images/kf-wx.png) no-repeat center;background-size: 27px;} .kf3 .kf-icon{background: url(/PC/images/kf-phone.png) no-repeat center;background-size: 27px;} .kf4 .kf-icon{background: url(/PC/images/kf-email.png) no-repeat center;background-size: 27px;} .kf-gotop .kf-icon{background: url(/PC/images/kf-top.png) no-repeat center;background-size: 25px;} /*新增*/ .appli-float{float: left;margin-right: 20px;} .appli-item{ position: relative;} .appli-top{width: 200px;height: 60px;background: #e5e5e5;} .act-nav .appli-category{margin-right: 40px;padding-left: 60px; display: block;font-size: 18px;line-height: 60px;color: #333; -webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;position: relative;} .act-nav .appli-category span{left: 20px;} .appli-tig{transition: all .5s; position: absolute;right: 10px;top: 0; background: url(/PC/images/index-right.png) no-repeat center;width: 30px;height: 60px;} .appli-item:hover .appli-top,.appli-item:hover .appli-category, .appli-item.on .appli-top,.appli-item.on .appli-category{background: #018fd7;} .appli-dropdown {position: absolute;width: 100%; top: 100%;left: 0%;z-index: 1100;background: rgba(255,255,255,1); margin-top: 0; max-height: 0;opacity: 0;overflow: hidden;-webkit-transition: max-height .5s;-o-transition: max-height .5s;transition: max-height .5s; border: none; color: #303233; box-shadow: 0 0 10px rgba(0,0,0,0.15);height: auto;padding: 0; display: block;} .appli-pad a{background: white; display: block;border-bottom: solid 1px #eee;padding:13px 30px;line-height: 24px;font-size: 16px;} .appli-item:hover .appli-dropdown{max-height: 450px;opacity: 1;} .appli-pad a:hover{color: #018fd7;} .appli-item:hover .appli-category,.appli-item.on .appli-category{color: white;} .appli-item:hover span,.appli-item.on span{background-image: url(/PC/images/dolwnloadH.png);} .appli-item:hover .appli-tig{background-image: url(/PC/images/index-rightH.png);transform: rotate(90deg);} .appli-item.on .appli-tig{background-image: url(/PC/images/index-rightH.png);} .box-top,.box-right,.box-left{position: relative;} .box-pic{width: 100%;overflow: hidden;} .box-pic img{display: block;width: 100%;} .box-font{position: absolute;top: 0;padding: 30px 0;} .box-font h3{color: white;font-size: 22px;font-weight: bold;} .box-font p{color: white;font-size: 16px;} .box-top .box-font{width: 100%;left: 0;} .box-top .box-font h3{text-align: center;} .box-top .box-font p{text-align: center;} .box-right .box-font{right: 0;padding: 30px 20px;} .box-left .box-font{left: 0;padding: 30px 20px;} @media (max-width: 640px) { .box-font h3{font-size: 18px;} .box-font p{font-size: 14px;} .box-font{padding: 20px 0;} .box-right .box-font,.box-left .box-font{padding: 20px 10px;} } .con-two #address{padding-left:100px;} .msg-box-bg video{width: 100%;height: 100%;} .navbar .category-item:hover .dropdown-menu.single{display:block;} /*2020-4-17*/ /*下拉导航*/ .navbar li:nth-child(2) .dropdown-top dl{max-width: 165px;min-width: 145px;padding-right: 0px;} .navbar li:nth-child(1) .dropdown-top dl{max-width: 350px;min-width: 300px;padding-right: 0px;} .dropdown-top dl{min-width: 165px;float: left;padding-right: 70px;padding-top: 16px;} .dropdown-left {margin-right: 60px;} /*产品列表*/ .pro-dec p { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: inherit; } .pro-img{height:auto;float:none;margin-bottom: 10px;} .pro-dec{height:auto;padding-top:0px;} .pro-item {padding: 0 10px 0 10px; height:300px;} .page {clear:left;} .h900{height: 900px;} .pro-tit h3{max-width:100%;font-size: 22px;} .pro-tit span{line-height: 28px;} .pro-tit { height: 28px;margin-bottom: 5px; } /*下载列表*/ .down-des{transition: all .5s;font-family: '思源黑体 CN','regular';font-size: 16px;color: #999;line-height: 20px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height:60px;} .down-list{height:300px;} .down-list:hover .down-des{color:#fff;} .down thead th.th1,.down table tr td:nth-child(1) { width: 350px; } .down thead th.th2,.down table tr td:nth-child(2) { width: 370px; } .down thead th.th3 { width: 100px; text-align: center; padding-left: 0px; } .down thead th.th4 { width: 187px; } .down thead th.th5 { width: 75px; } .down table tr td:nth-child(2) p { padding: 0 30px; font-size: 12px; line-height: 20px; text-align: left; height: 60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .down table tr td:nth-child(1) img { width: 112px; height: 90px; padding: 5px; float: left; display: none; } .down table tr td:nth-child(1) h5 { float: left; margin: 16px 10px; /* width: 310px; */ text-align: left; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 40px; } .down table tr td{text-align:center;padding-left:0;} .down tr:hover td {background: #018fd7;color:#fff;} .down tbody tr:hover h5, .down tbody tr:hover a {color: #fff;} /*关于我们*/ .abt ul { margin-left: 0px; } .abt li{width:33.3%;margin-left: 0px;} .pro-dec{padding-top: 10px;} .daima { font-size: 14px; line-height: 25px; } .left {float:left;} #phones{font-size: 16px;line-height: 80px;padding-left: 50px;} @media (max-width: 1919px) { .category-a{padding: 0 20px;} } @media (max-width: 1549px) { .search{width:240px;} .search .text{width:200px;} .category-a{padding: 0 15px;} #phones{padding-left: 40px;} } @media (max-width: 1459px) { .search{width:240px;} .search .text{width:200px;} .category-a{padding: 0 10px;} #phones{padding-left: 30px;} } @media (max-width: 1359px) { .search{width: 200px;} .search .text{width: 160px;} .category-a{padding: 0 8px;} #phones{padding-left: 15px;} } .news-font span{ margin-top: 5px; display: block; font-size: 14px; font-family: unset; } hones{padding-left: 15px;} .news-font span{} .tzz {display: inline-flex;width: 100%;} .tzz .list4{width: calc(25% - 20px);padding: 10px 10px 0px; display:inline-block; background: #fff; margin: 0px 10px 10px; } .tzz .list4 .tzzpic img{ width: 100%; } .tzz .list4 .tzztitle h3{ font-size: 22px; text-align: center; line-height: 40px; } .pro_right p br{display:none;} .con2 .flexce{display:flex;width:100%;justify-content:space-around;text-align:center} .con2 .title{font-size:22px;line-height:40px} .con2 .futitle{height:50px;font-size:16px;margin-bottom:20px} .con2 .pic{width:120px;margin:0 auto} .con2 .pic img{width:100%} .con2 .list3{width:calc(30% - 20px);background:#fff;padding:15px 10px 25px 10px} table tr td{/* border:1px solid rgb(191, 191, 191); */}