@charset "utf-8"; @font-face { font-family: "pingfangSC"; src: url("./ziti/pingfangSC.ttf") format("truetype"); } @font-face { font-family: 'SourceHanSansCN_Regular'; src: url('./ziti/SourceHanSansCN_Regular.ttf') format('truetype'); } @font-face { font-family: 'SourceHanSansCN_Medium'; src: url('./ziti/SourceHanSansCN_Medium.ttf') format('truetype'); } @font-face { font-family: 'Gilroy_blod'; src: url('./ziti/Gilroy_blod.ttf') format('truetype'); } * {font-family: "寰蒋闆呴粦",Arial, Helvetica, sans-serif;-webkit-font-smoothing: subpixel-antialiased;} html{max-width: 1920px;margin: 0 auto;position: relative;} .wrap{width:1000px; margin:0 auto;} .blank36{margin-top: 36px;} .fl{float: left;} .fr{float: right;} .fz{font-size: 0;} .text-left{text-align: left;} .text-right{text-align: right;} .text-center{text-align: center;} .text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .over{overflow: hidden;} .relative{position: relative;z-index: 1;} .absolute{position: absolute;z-index: 1;} .fixed{position: fixed;z-index: 1;} .inline{display: inline;} .block{display: block;} .inline-block{display: inline-block;} .dis{display: inline-block;vertical-align: top;} .hide{display: none;} .max-w100{max-width: 100%;} .max-h100{max-height: 100%;} img{max-width: 100%;} .clear{margin:0px auto;clear:both;height:0px;font-size:0px;overflow:hidden;position: relative;} .img_vam{vertical-align: middle;} .span{vertical-align: middle;display: inline-block;height: 100%;} .relative{position: relative;z-index: 1;} .absolute{position: absolute;z-index: 1;} .middle{vertical-align: middle;} .trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;} .c1{clear: both;} .text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .trans3 { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; } .trans5 { transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .trans7 { transition: all 0.7s; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; -o-transition: all 0.7s; } .trans10 { transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .fz{font-size: 0;} .dis{display: inline-block;vertical-align: top;} .editor{color: #333;font-size: 16px;} .editor p, .editor div, .editor em, .editor b, .editor span{line-height: inherit;font-size: inherit;color: inherit;} .editor img{max-width: 100%!important;height: auto!important;} .border-box{-moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} body{max-width:1920px;min-width:320px;overflow-x: hidden;} table{max-width: 100%;} .bd_weixin_popup{min-height: 333px!important;} .m_auto{} .box-img{vertical-align: middle;max-height: 100%;max-width: 100%;} .box-span{display: inline-block;vertical-align: middle;height: 100%;} .w1400{width: 1400px;margin: 0 auto;} @media (max-width: 650px){ .editor img{width: auto!important;} table{width: 95%!important;/*table-layout: fixed;*/} } @media (max-width: 1440px){ .w1400{width: 95%;} } #at-cv-lightbox{display: none!important;} .wow{visibility: hidden;} #head_fixed{height: 112px;} #header{position: absolute;top: 0;left: 0;width: 100%;z-index: 9999;height: 112px;padding-top: 25px;} #header .logo{width: 123px;height: 62px;} #header .logo .box-img{display: none;} #header .logo .box-img.show-logo{display: inline-block;} #header .menu{cursor: pointer;display: none;width: 31px;height: 30px;background: url(/images/menu_02.png) no-repeat center center;} #header .nav .boxs{position: relative;margin-left: 60px;} #header .nav .boxs:first-child{margin-left: 0;} #header .nav .one{padding: 14px 0 46px;border-bottom: 2px solid transparent;color: #ffffff;font-size: 16px;} #header .nav .one:hover, #header .nav .one.on{border-bottom: 2px solid #1f85e6;} #header .nav .one:hover{color: #69b2f7;} #header .nav .two{border-radius: 5px;top: 84px;left: -70px;width: 200px;height: 0;overflow: hidden;} #header .nav .two.pro{width: 370px;} #header .nav .three{width: 150px;height: 0;overflow: hidden;right: 0;position: absolute;top: 0px;} #header .nav .boxs:nth-child(4) .two{left: -61px;} #header .nav .two .child{position: relative;width: 200px;height: 50px;line-height: 50px;text-align: center;border-bottom: 1px solid #e5e5e5;color: #999;font-size: 14px;background: #fff;} #header .nav .two.pro .t1:after{content: "";position: absolute;right: -6px;width: 6px;height: 0;top: 0;margin: auto;background: url(/images/right.png) no-repeat center center/100% auto;} /*#header .nav .two.pro .t1:after{height: 35px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; }*/ #header .nav .two.pro .b2:hover .t1:after{height: 35px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } #header .nav .three .c2{height: 35px;line-height: 35px;text-align: center;border-bottom: 1px solid #e5e5e5;color: #999;font-size: 14px;background: #fff;} #header .nav .three .c2:hover, #header .nav .two .child:hover{color: #1f85e6;} #header .nav .two .b2:first-child .child, #header .nav .two .c2:first-child{border-top-left-radius: 5px;border-top-right-radius: 5px;} #header .nav .two .c2:last-child, #header .nav .two .child:last-child{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-bottom: none;} /*#header .nav .two.on1{/*height: 300px;overflow: visible;/*} #header .nav .two .w1100{width: 815px;float: right;margin-right: 132px;} #header .nav .two .w1100 .t2{width: 34.4%;padding-left: 8.18%;border-right: 1px solid #eaeaea;} #header .nav .two .w1100 .t2:nth-child(4), #header .nav .two .w1100 .t2:first-child{width: 31.18%;padding-left: 0;} #header .nav .two .w1100 .t2:nth-child(3n){border-right: none;} #header .nav .two .w1100 .t3 .c1{padding-left: 19px;color: #828282;font-family: 'SourceHanSansCN_Medium';background: url(/images/nav1.jpg) no-repeat left center;margin-bottom: 25px;font-size: 14px;} #header .nav .two .w1100 .t2 .child:hover, #header .nav .two .w1100 .t3 .c1:hover{color: #1f85e6;} #header .nav .two .w1100 .right{position: absolute;top: -20px;left: 125px;width: 130px;height: 0;overflow: hidden;background: #fff;box-shadow: 0 0 20px 5px #efefef;} #header .nav .two .w1100 .right .b2{height: 20px;} #header .nav .two .w1100 .t3:hover{z-index: 2;} #header .nav .two .w1100 .t3:hover .c1{color: #1f85e6;} #header .nav .two .w1100 .t3 .l1{left: 120px;display: none;width: 5px;height: 11px;top: 6px;z-index: 2;background: url(/images/l3.png) no-repeat center center;} #header .nav .two .w1100 .right .c2{margin-bottom: 23px;color: #999999;font-size: 13px;font-family: 'SourceHanSansCN_Medium';padding: 0 15px;} #header .nav .two .w1100 .right .c2:last-child{margin-bottom: 0;} #header .nav .two .w1100 .right .c2:hover{color: #1f85e6;} #header .nav .two .child{margin-bottom: 32px;padding-left: 18px;background: url(/images/black.jpg) no-repeat left center;color: #333333;font-size: 16px;font-family: 'SourceHanSansCN_Medium';} #header .nav .two .child:hover{color: #111111;} #header .nav .two .h02{padding: 70px 0;}*/ #header .search{margin-left: 80px;margin-right: 30px;margin-top: 10px;} #header .search .form-input{z-index: 1;border-color: #fff;width: 200px;background: #fff;height: 30px;line-height: 20px;padding: 3px 50px 5px 10px;color: #333;font-size: 16px;border-radius: 50px;border: 1px solid transparent;} #header .search .form-submit{position: absolute;top: 0;right: 0;width: 50px;height: 30px;background: url(/images/search.png) no-repeat center center;border: none;cursor: pointer;background: url(/images/search2.png) no-repeat center center;} #header .search .f1{right: 0;top: 40px;height: 0;overflow: hidden;} #header .search .submit{z-index: 2;top: 14px;right: 0;width: 50px;height: 30px;background: url(/images/search.png) no-repeat center center;border: none;cursor: pointer;} #header .search.open .f1{height: 30px;} #header .lang{line-height: 24px;height: 24px;color: #fff;font-size: 16px;margin-top: 14px;} #header div.lang.fr{margin: 14px 12px 0;} @media (max-width: 1310px){ #header .search{margin-right: 25px;margin-left: 50px;} } @media (max-width: 1280px){ #header .nav .one{padding-bottom: 14px;} #header .nav .boxs{padding-bottom: 31px;} #header .nav .two{top: 53px;} #header .nav .boxs{margin-left: 40px;} } @media (max-width: 1200px){ #header .nav .two .w1100{width: 665px;} #header .nav .boxs, #header .search{margin-left: 35px;} } @media (max-width: 1056px){ #header .nav .one{font-size: 14px;} } @media (max-width: 1024px){ #header .menu{margin-right: 25px;} #header div.lang.fr, #header .lang{color: #000;margin-top: 18px;} } #header.head_detail{border-bottom: 2px solid #efefef;} #header.head_detail .menu{background: url(/images/menu.png) no-repeat center center;} #header.head_detail .nav .one{color: #111111;} #header.head_detail .search .form-submit, #header.head_detail .search .submit{background: url(/images/black_search.png) no-repeat center center;} #header.head_detail .search.open .form-input{border-color: #222;} #header.fixed-head{background: rgba(17,17,17,.6);position: fixed;top: 0;left: 0;} #header.fixed-head .d1{display: none!important;} #header.fixed-head .d2{display: inline-block!important;} @media (max-width: 1200px){ #header .nav .boxs{margin-left: 35px;} } @media (max-width: 1024px){ #head_fixed{height: 65px;} .head{height: 65px;} #header{height: 65px;padding-top: 0;} #header .logo{width: 75px;height: 65px;} #header .nav{display: none;} #header .menu{height: 25px;margin-top: 18px;background: url(/images/menu_02.png) no-repeat center center/25px auto;display: inline-block;} #header .search{margin-left: 0;margin-right: 15px;margin-top: 18px;} #header .search .submit{height: 25px;} #header .d2{display: none!important;} #header .d1{display: inline-block!important;} #header .menu{width: 26px;background: url(/images/menu.png) no-repeat center center/20px auto;} #header .nav .one{color: #111111;} #header .search .form-submit, #header .search .submit{background: url(/images/black_search.png) no-repeat center center/15px auto;} #header .search.open .form-input{border-color: #222;} #header.fixed-head .menu{background: url(/images/menu_02.png) no-repeat center center/20px auto;} #header.fixed-head .search .submit{background: url(/images/search.png) no-repeat center center/15px auto;} #head_fixed{display: none;} } #nav{width: 400px;height: 0;overflow: hidden;position: absolute;top: 65px;right: 0;background: #fff;z-index: 9999;} #nav .b2{height: 60px;} #nav .boxs{border-bottom: 1px solid #ededed;} #nav .one{color: #111;font-size: 18px;padding: 15px 40px 15px 30px;background: url(/images/p02.png) no-repeat 94% center;} #nav .two{height: 0;overflow: hidden;} #nav .two .child{padding-left: 45px;font-size: 16px;color: #111;margin-bottom: 15px;} #nav .one:hover, #nav .two .child:hover{color: #1f85e6;} #nav .boxs.on .one{color: #1f85e6;background: url(/images/p2.png) no-repeat 94% center;} #nav .three{display: none;} #nav .three .block{color: #111;font-size: 14px;line-height: 30px;padding-left: 45px;} #nav .three .block:hover{color: #1f85e6;} #nav .three .block:last-child{margin-bottom: 30px;} @media (max-width: 650px){ #nav .three{height: 0;overflow: hidden;display: block;} #nav .pro .two .b02.in .child{color: #1f85e6;margin-bottom: 0;} } @media (max-width: 580px){ #nav{width: 100%;} } #footer{background: #1b1c1f;padding: 5.21% 0 5.73%;} #footer .like{width: 13%;margin-right: 3%;} #footer .like .a1{color: #828282;font-size: 14px;margin-bottom: 23px;} #footer .like .tit{color: #ffffff;font-size: 18px;margin-bottom: 22px;} #footer .like .tit:hover{opacity: .5;} #footer .like .a1:hover{color: #fff;} #footer .wechat{margin-right: 2.36%;text-align: center;} #footer .wechat .img{width: 112px;height: 112px;margin: 0 auto;} #footer .wechat .stock, #footer .wechat .title{color: #fff;font-size: 14px;} #footer .wechat .title{margin: 28px 0 0;} #footer .contact .phone, #footer .wechat .stock span{color: #1f85e6;font-size: 23px;font-weight: bold;} #copyright{padding: 24px 0;background: #141516;} #copyright .w1400 *{color: #a9a9a9;font-size: 14px;margin-left: 5px;} #copyright a:hover{color: #fff;} .go-to-top{width: 50px;height: 45px;position: fixed;bottom: 30%;right: 3%;background: #1f85e6 url(/images/top.jpg) no-repeat center center/100% auto;z-index: 99;} .go-to-top.o1{position: absolute;bottom: 16%;} @media (max-width: 1560px){ #footer .contact .phone, #footer .wechat .stock span{font-size: 18px;} } @media (max-width: 1440px){ #footer .like{width: 14%;} #footer .wechat{margin-right: 0;} .go-to-top{width: 30px;height: 35px;right: 5px;} } @media (max-width: 1400px){ #footer .contact .phone, #footer .wechat .stock span{font-size: 18px;} #footer .wechat .title{margin: 30px 0 15px;} } @media (max-width: 1200px){ #footer .contact .phone, #footer .wechat .stock span{font-size: 16px;} .go-to-top{width: 30px;height: 30px;border-radius: 50%;background: #1f85e6 url(/images/top2.png) no-repeat center center/13px auto;} } @media (max-width: 1024px){ #footer .like{width: 11.5%;} #footer .like.contact{width: 136px;} #footer .wechat{margin-right: 0;} #footer .wechat .img{width: 100px;height: 100px;} #footer .wechat .title{margin-top: 15px;} #footer .like .tit{font-size: 16px;} } @media (max-width: 850px){ #footer{padding: 4% 0 4.5%;} #footer .wechat .stock, #footer .wechat .title{font-size: 12px;} #footer .contact .phone, #footer .wechat .stock span{font-size: 14px;} #footer .like .a1{margin-bottom: 16px;} } @media (max-width: 768px){ #footer .like{width: 17.3%;} #footer .like.contact{margin-right: 0;width: 17.3%;} #footer .like{margin-bottom: 3%;} #footer .wechat{float: none;display: block;clear: both;} } @media (max-width: 750px){ #footer {text-align: center;padding-bottom: 4%;} #footer .like .tit{} #footer .like{width: auto;float: none;display: inline-block;vertical-align: top;margin-right: 45px;margin-bottom: 0px;} #footer .like:nth-child(4){margin-right: 0;} #footer .like .a1{display: none!important;} #footer .like.contact{display: none;} #footer .wechat{padding-top: 22px;border-top: 1px solid #666;} #footer .like .tit{margin-bottom: 13px;} } @media (max-width: 650px){ #copyright{padding: 20px 0 10px;} #copyright .w1400 .dis{display: block;margin-bottom: 10px;} .go-to-top{width: 20px;height: 20px;background: #1f85e6 url(/images/top2.png) no-repeat center center/8px auto;} } @media (max-width: 480px){ #footer .like .tit{font-size: 14px;} #copyright{padding: 15px 0 10px;} #footer .like{margin-right: 20px;} #copyright .w1400 *{font-size: 13px;} #copyright .w1400 .dis{margin-bottom: 5px;} #copyright .w1400 .dis:nth-child(1) a{display: block;margin-top: 5px;} } @media (max-width: 375px){ #footer .like{margin-right: 10px;} } /*棣栭〉椤?骞垮憡鍥?/ #index_photo .b1{padding-top: 15.18%;} #index_photo .b2{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: 0 auto;} #index_photo .relative .absolute{width: 44.479%;max-height: 129px;top: 0;bottom: 0;left: 0;right: 0;text-align: center;margin: auto;} #index_photo .swiper-slide .absolute{bottom: -100%;top: auto;display: none;} #index_photo .swiper-slide.swiper-slide-active .absolute{bottom: 0;top: 0;display: block;} #index_photo .mobile{display: none;} #index_photo .swiper-button-prev, #index_photo .swiper-button-next{width: 70px;height: 70px;-webkit-background-size: 70px auto; background-size: 70px auto;background-repeat: no-repeat;background-position: center center;} #index_photo .swiper-button-prev{left: 80px;background-image: url(/images/swiper_left2.png);} #index_photo .swiper-button-next{right: 80px;background-image: url(/images/swiper_right2.png);} #index_photo .swiper-pagination{bottom: 47px;} #index_photo .swiper-pagination .swiper-pagination-bullet{width: 51px;height: 3px;background: rgba(255,255,255,.3);border-radius: 0;opacity: 1;} #index_photo .swiper-pagination .swiper-pagination-bullet:hover, #index_photo .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;} /*鍗曢〉-骞垮憡鍥?/ #inner-swiper{width: 100%;} #inner-swiper .mobile1{display: none;} #inner-swiper .absolute{top: 0;bottom: 0;left: 0;right: 0;width: 72.92%;margin: auto;} #inner-swiper .name{color: #ffffff;font-size: 37px;font-family: 'pingfangSC';} #inner-swiper form{width: 365px;margin: 25px auto 0;border: 1px solid #ffffff;background: transparent;border-radius: 5px;} #inner-swiper form .form-submit{width: 47px;height: 45px;background: transparent url(/images/search3.png) no-repeat center center;border:none;} #inner-swiper form .form-input{width: 314px;height: 45px;line-height: 45px;padding-right: 14px;color: #ffffff;font-size: 14px;background: transparent;border:none;opacity: .8} #inner-swiper form .form-input::-webkit-input-placeholder { color: #fff; } #inner-swiper form .form-input:-moz-placeholder { color: #fff; } #inner-swiper form .form-input:-ms-input-placeholder { color: #fff; } @media (max-width: 1400px){ #inner-swiper .name{font-size: 24px;} #inner-swiper form .form-input{height: 35px;line-height: 35px;} #inner-swiper form .form-submit{height: 35px;} } @media (max-width: 1280px){ #index_photo .swiper-button-prev, #index_photo .swiper-button-next{width: 50px;height: 50px;-webkit-background-size: 50px auto;background-size: 50px auto;} #index_photo .swiper-button-prev{left: 50px;} #index_photo .swiper-button-next{right: 50px;} } @media (max-width: 981px){ #index_photo .swiper-button-prev{left: 35px;} #index_photo .swiper-button-next{right: 35px;} #index_photo .swiper-pagination{bottom: 25px;} #index_photo .swiper-pagination .swiper-pagination-bullet{width: 25px;} } @media (max-width: 750px){ #index_photo .website{display: none;} #index_photo .mobile{display: block;} #index_photo .swiper-button-prev, #index_photo .swiper-button-next{width: 35px;height: 35px;-webkit-background-size: 35px auto;background-size: 35px auto;} #index_photo .swiper-button-prev{left: 20px;} #index_photo .swiper-button-next{right: 20px;} #inner-swiper .web1{display: none;} #inner-swiper .mobile1{display: block;} #inner-swiper .absolute{min-width: 300px;} #inner-swiper form{width: 300px;} #inner-swiper form .form-input{width: 250px;} } @media (max-width: 450px){ #inner-swiper .name{font-size: 16px;} } @media (max-width: 375px){ #inner-swiper .absolute{min-width: 250px;} #inner-swiper form{width: 250px;} #inner-swiper form .form-input{width: 190px;} } /*闈㈢櫧灞?/ #top-bread{height: 80px;border-bottom: 2px solid #efefef;} #top-bread .border{left: 0;bottom: 0;height: 2px;background: #1f85e6;} #top-bread .bread{color: #111111;font-size: 18px;margin-right: 5.71%;line-height: 80px;} #top-bread .bread.on, #top-bread .bread:hover{color: #1f85e6;} /*璇︾粏椤?闈㈠寘灞?/ .bread-list{padding: 1.87% 0;border-bottom: 1px solid #efefef;} .bread-list .dis{color: #111111;font-size: 16px;} .bread-list .dis.center{margin: 0 7px;color: #999999;} .bread-list .dis:first-child{color: #999999;margin-right: 11px;} .bread-list .dis:last-child{color: #1f85e6;} .bread-list a.dis:hover{color: #1f85e6;} @media (max-width: 1200px){ #top-bread .bread{font-size: 16px;} } @media (max-width: 850px){ .bread-list .dis{display: none;} .bread-list .dis:nth-child(1), .bread-list .dis:nth-child(2), .bread-list .dis:nth-child(4), .bread-list .dis:nth-child(3){display: inline-block;} .bread-list .dis:nth-child(4){color: #1f85e6;} } @media (max-width: 750px){ #top-bread{height: auto;border-bottom: none;margin-top: 4.29%;} #top-bread .border, #top-bread .bread{display: none;} #top-bread .bread.on{display: inline-block;margin: 0;padding: 0;font-size: 18px;font-weight: bold;line-height: 30px;} .bread-list .dis{font-size: 14px;} } /*鍏叡澶ф爣棰?/ #main .big-title{color: #111111;font-size: 24px;} #main .big-title.top{display: none;} #main .big2-title{color: #999999;font-size: 16px;margin-top: 12px;} @media (max-width: 450px){ #main .big-title{font-size: 20px;} } /*璇︾粏椤?鍏叡閮ㄥ垎*/ #main .bds_more{display: none!important;} #main .bdetail .title{color: #111111;font-size: 24px;} #main .bdetail .fz{margin: 15px 0 20px;} #main .bdetail .fz .dis{color: #999999;font-size: 14px;} #main .bdetail .fz .dis img{margin-right: 8px;} #main .bdetail .fz .visit{margin-left: 50px;} #main.detail-box{margin: 50px 0 140px;} @media (max-width: 1100px){ #main .bdetail .title{font-size: 20px;} } @media (max-width: 780px){ #main .bdetail .title{font-size: 18px;} } @media (max-width: 450px){ #main .bdetail .title{font-size: 16px;} #main .bdetail .fz .dis{font-size: 12px;} #main .bdetail .fz .visit{margin-left: 8%;} } @media (max-width: 375px){ } /*璇︾粏椤靛彛椋庣惔*/ #main.detail-box .desc-bread{border-bottom: 2px solid #1f85e6;} #main.detail-box .desc-bread .intro{width: 17.14%;color: #fff;font-size: 18px;height: 50px;line-height: 50px;background: #1f85e6;} @media (max-width: 1200px){ #main.product2 .desc-bread .intro{font-size: 16px;} } @media (max-width: 750px){ #main.detail-box .desc-bread .intro{width: 115px;font-size: 16px;} } /*鍒嗛〉*/ #turn_page .total{display: inline-block;vertical-align: top;margin:0 5px;text-align: center;line-height: 38px;color:#888888;font-size: 14px;} #turn_page .total.t1{margin-left: 15px;} #turn_page .pageOne{display: inline-block;vertical-align: top;} #turn_page .pageOne input{height: 38px;line-height: 38px;margin: 0;color: #888888;font-size: 14px;background: #fff;border: 1px solid #e5e5e5;} #turn_page .pageOne input.text{width: 38px;text-align: center;} #turn_page .pageOne input.submit{margin-left: 8px;padding: 0 17px;} @media (max-width: 981px){ /*#turn_page .total,*/ /*#turn_page .pageOne{display: none;}*/ } @media (max-width: 500px){ #turn_page .page_item, #turn_page .page_item_current, #turn_page .page_button, #turn_page .page_button, #turn_page .page_noclick{height: 35px;line-height: 35px;} #turn_page img{width: 6px;} #turn_page .page_button, #turn_page .page_item, #turn_page .page_button, #turn_page .page_noclick, #turn_page .page_item_current{padding: 0 12px;} #turn_page .pageOne{display: none;} } /*棣栭〉*/ #main.index-box .mips{margin: 115px auto;} #main.index-box .mips .mobile{display: none;} #main.index-box .mips .name{color: #111111;font-size: 34px;} #main.index-box .mips .desc{margin: 10px 0 35px;color: #999999;font-size: 18px;} #main.index-box .mips .swiper-button-prev, #main.index-box .mips .swiper-button-next{width: 62px;height: 62px;-webkit-background-size: 62px auto; background-size: 62px auto;background-repeat: no-repeat;background-position: center center;} #main.index-box .mips .swiper-button-prev{left: 80px;background-image: url(/images/mips1.png);} #main.index-box .mips .swiper-button-next{right: 80px;background-image: url(/images/mips3.png);} @media(max-width: 1280px){ #main.index-box .mips .name{font-size: 26px;} #main.index-box .mips .swiper-button-prev{left: 45px;} #main.index-box .mips .swiper-button-next{right: 45px;} #main.index-box .mips .swiper-button-prev, #main.index-box .mips .swiper-button-next{width: 45px;height: 45px;-webkit-background-size: 45px auto;background-size: 45px auto;} #main.index-box .mips{margin: 8.98% auto;} } @media(max-width: 981px){ #main.index-box .mips .name{font-size: 22px;} #main.index-box .mips{margin: 7% auto;} #main.index-box .mips .desc{font-size: 16px;} } @media(max-width: 750px){ #main.index-box .mips .swiper-slide .website{display: none;} #main.index-box .mips .mobile{display: inline-block;} #main.index-box .mips .name{font-size: 18px;} #main.index-box .mips .swiper-button-prev{left: 30px;} #main.index-box .mips .swiper-button-next{right: 30px;} #main.index-box .mips .swiper-button-prev, #main.index-box .mips .swiper-button-next{width: 30px;height: 30px;-webkit-background-size: 30px auto;background-size: 30px auto;} #main.index-box .mips .desc{font-size: 15px;margin-bottom: 20px;} } @media(max-width: 375px){ } #main.index-box .pub-tit{color: #111111;font-size: 34px;} #main.index-box .pub-desc{color: #999999;font-size: 18px;margin-top: 15px;margin-bottom: 30px;} #main.index-box .index-pro1{margin-bottom: 120px;} #main.index-box .index-pro1 .product{width: 49.07%;padding: 7.27% 4.64%;background: #fff;box-shadow: 0px 0px 30px 15px #f9f9f9;} #main.index-box .index-pro1 .product .img{width: 100%;text-align: center;} #main.index-box .index-pro1 .product .p{width: 100%;padding: 67.86% 0 0;} #main.index-box .index-pro1 .product .absolute{top: 0;right: 0;left: 0;bottom: 0;margin: auto;} #main.index-box .index-pro1 .product .msg{margin-top: 9.42%;} #main.index-box .index-pro1 .product .msg .name{color: #111111;font-size: 24px;} #main.index-box .index-pro1 .product .msg .desc{color: #999999;font-size: 14px;height: 52px;overflow: hidden;margin: 35px auto;line-height: 26px; text-align:center;} #main.index-box .index-pro1 .product .msg .more{width: 136px;height: 37px;margin: 0 auto;line-height: 37px;border: 1px solid #101010;border-radius: 50px;color: #111111;font-size: 16px;} #main.index-box .index-pro1 .product .msg .more .ms{width: 6px;height: 12px;margin-left: 20px;vertical-align: top;margin-top: 13px;background: url(/images/more01.png) no-repeat center center;display: inline-block;} #main.index-box .index-pro1 .product:hover .msg .name{color: #1f85e6;} #main.index-box .index-pro1 .product:hover .msg .more{border-color: #1f85e6;color: #1f85e6;} #main.index-box .index-pro1 .product:hover .msg .more .ms{background: url(/images/more02.png) no-repeat center center;} #main.index-box .index-pro1 .fr{width: 49.22%;} #main.index-box .index-pro1 .fr .cate a{display: block;width: 100%;} #main.index-box .index-pro1 .cate{width: 48.09%;padding: 7.5% 6.68%;margin-right: 3.63%;margin-bottom: 3.63%;background: #fafafa;} #main.index-box .index-pro1 .cate:nth-child(2n){margin-right: 0;} #main.index-box .index-pro1 .cate:nth-child(3), #main.index-box .index-pro1 .cate:nth-child(4){margin-bottom: 0;} #main.index-box .index-pro1 .cate .img{text-align: center;width: 100%;margin: 0 auto;} #main.index-box .index-pro1 .cate .p{width: 100%;padding: 71.24% 0 0;} #main.index-box .index-pro1 .cate .absolute{top: 0;right: 0;left: 0;bottom: 0;margin: auto;} #main.index-box .index-pro1 .cate .name{margin-top: 14.46%;color: #111111;font-size: 24px;margin-bottom: 20px;} #main.index-box .index-pro1 .cate .desc{height: 43px;overflow: hidden;color: #999999;font-size: 14px;line-height: 24px;} #main.index-box .index-pro1 .cate:hover .name{color: #1f85e6;} #main.index-box .index-pro1 .cate:hover {box-shadow: 0px 0px 10px 5px #fafafa;background: #fff;} @media (max-width: 1440px){ #main.index-box .index-pro1 .cate{padding: 7.2% 6.68%;} } @media (max-width: 1400px){ #main.index-box .pub-tit{font-size: 30px;} #main.index-box .index-pro1 .cate .name{font-size: 20px;} #main.index-box .index-pro1 .cate{padding: 6.8% 6.68%;} } @media (max-width: 1200px){ #main.index-box .index-pro1 .product{padding: 4% 4.5%;} } @media (max-width: 1024px){ #main.index-box .pub-tit{font-size: 24px;} #main.index-box .index-pro1 .cate{padding: 4.8% 4.68%;} #main.index-box .index-pro1 .cate .name{font-size: 18px;margin: 15px 0;} #main.index-box .index-pro1 .product .msg .name{font-size: 18px;} } @media (max-width: 850px){ #main.index-box .pub-tit{font-size: 20px;} #main.index-box .pub-desc{font-size: 15px;} #main.index-box .index-pro1{margin-bottom: 60px;} #main.index-box .index-pro1 .product{width: 100%;float: none;padding-bottom: 6%;margin-bottom: 5%;} #main.index-box .index-pro1 .product .p{padding: 60% 0 0;} #main.index-box .index-pro1 .product .msg{margin-top: 20px;} #main.index-box .index-pro1 .fr{width: 100%;float: none;} } @media (max-width: 750px){ #main.index-box .index-pro1 .cate .name{font-size: 16px;} } #main.index-box .index-pro2{padding: 115px 0 120px;background: #f8f8f8;} #main.index-box .index-pro2 .swiper-slide{padding-top: 33.02%;background-position: left top;background-repeat: no-repeat;-webkit-background-size: 100% auto;background-size: 100% auto;padding-bottom: 30px;} #main.index-box .index-pro2 .swiper-slide .w1400{background: #fff;padding: 60px 0;box-shadow: 0px 11px 19px -4px #eaeaea;} #main.index-box .index-pro2 .swiper-slide .name{color: #333333;font-size: 24px;width: 53.21%;margin: 0 auto;} #main.index-box .index-pro2 .swiper-slide .desc{width: 53.21%;color: #999999;font-size: 14px;line-height: 20px;margin: 40px auto;} #main.index-box .index-pro2 .more{font-family: Arial;width: 136px;height: 37px;margin: 0 auto;line-height: 37px;border: 1px solid #101010;border-radius: 50px;color: #111111;font-size: 16px;} #main.index-box .index-pro2 .more .ms{width: 6px;height: 12px;margin-left: 20px;vertical-align: top;margin-top: 13px;background: url(/images/more01.png) no-repeat center center;display: inline-block;} #main.index-box .index-pro2 .more:hover{border-color: #1f85e6;color: #1f85e6;} #main.index-box .index-pro2 .more:hover .ms{background: url(/images/more02.png) no-repeat center center;} #main.index-box .index-pro2 .swiper-button-prev, #main.index-box .index-pro2 .swiper-button-next{background-color: #e8e8e8;top: auto;margin: auto;bottom: 140px;width: 62px;height: 62px;background-position: center center;background-repeat: no-repeat;-webkit-background-size: 10px 16px;background-size: 10px 16px;border-radius: 50%;opacity: 1;} #main.index-box .index-pro2 .swiper-button-prev{left: 15.05%;background-image: url(/images/pro2_left.png);} #main.index-box .index-pro2 .swiper-button-next{right: 15.05%;background-image: url(/images/pro2_right.png);} #main.index-box .index-pro2 .swiper-button-prev:hover, #main.index-box .index-pro2 .swiper-button-next:hover{background-color: #1f85e6;} @media (max-width: 1440px){ #main.index-box .index-pro2 .swiper-button-prev{left:6%;} #main.index-box .index-pro2 .swiper-button-next{right:6%;} } @media (max-width: 1024px){ #main.index-box .index-pro2{padding: 60px 0 80px;} #main.index-box .index-pro2 .swiper-slide .name{font-size: 18px;} } @media (max-width: 768px){ #main.index-box .index-pro2{padding: 60px 0 0px;} #main.index-box .index-pro2 .swiper-button-prev, #main.index-box .index-pro2 .swiper-button-next{width: 35px;height:35px;bottom: 36%;-webkit-background-size: 6px auto;background-size: 6px auto;} #main.index-box .index-pro2 .swiper-slide .w1400{padding: 40px 0;} #main.index-box .index-pro2 .swiper-slide .name{width: 66%;} #main.index-box .index-pro2 .swiper-slide .desc{width: 66%;margin: 20px auto;} #main.index-box .index-pro2 .more{width: 100px;height: 30px;line-height: 30px;font-size: 14px;} #main.index-box .index-pro2 .more .ms{margin-left: 5px;margin-top: 9px;} } #main.index-box .index-solution{margin: 115px 0 120px;} #main.index-box .index-solution .list{margin-top: 36px;} #main.index-box .index-solution .list .li{width: 33.33%;} #main.index-box .index-solution .list .li .pd{width: 100%;padding: 63.38% 0 0;} #main.index-box .index-solution .list .li .img{opacity: 1;} #main.index-box .index-solution .list .li .absolute{top: 0;left: 0;right: 0;bottom: 0;margin: auto;} #main.index-box .index-solution .list .li .name{height: 0;bottom: auto;overflow: hidden;z-index: 3;} #main.index-box .index-solution .list .li .blue{width: 100%;height: 0;bottom: auto;overflow: hidden;z-index: 1;background: #1f85e6;} #main.index-box .index-solution .list .li .img{z-index: 2;} #main.index-box .index-solution .list .li .name .add{width: 37px;height: 37px;margin: 0 auto;margin-top: 22.48%;} #main.index-box .index-solution .list .li .name .n1{width: 80%;margin: 20px auto 5px;color: #fff;font-size: 16px;} #main.index-box .index-solution .list .li .name .n2{margin: 0 auto;width: 80%;color: #ffffff;font-size: 12px;} #main.index-box .index-solution .more{font-family: Arial;width: 136px;height: 37px;margin: 0 auto;margin-top: 40px;line-height: 37px;border: 1px solid #101010;border-radius: 50px;color: #111111;font-size: 16px;} #main.index-box .index-solution .more .ms{width: 6px;height: 12px;margin-left: 20px;vertical-align: top;margin-top: 13px;background: url(/images/more01.png) no-repeat center center;display: inline-block;} #main.index-box .index-solution .more:hover{border-color: #1f85e6;color: #1f85e6;} #main.index-box .index-solution .more:hover .ms{background: url(/images/more02.png) no-repeat center center;} #main.index-box .index-solution .list .li:hover .img{opacity: .3;} #main.index-box .index-solution .list .li:hover .blue{height: 100%;} #main.index-box .index-solution .list .li:hover .name{height: 100%;} #index_solu{display: none;} @media (max-width: 1100px){ #main.index-box .index-solution .list .li .name .add{margin-top: 15%;} } @media (max-width: 950px){ #main.index-box .index-solution{margin: 50px 0 80px;} #main.index-box .index-solution .list .li .name .n1{font-size: 15px;} } @media (max-width: 768px){ #main.index-box .index-solution .list .li{width: 50%;} } @media (max-width: 650px){ #main.index-box .index-solution .list .li .name .add{width: 30px;height: 30px;} #main.index-box .index-solution .list .li .name .n1{font-size: 14px;margin-top: 10px;} } @media (max-width: 450px){ #main.index-box .index-solution .list{margin-top: 20px;} #main.index-box .index-solution .list .li{width: 100%;margin-bottom: 20px;} #main.index-box .index-solution .more{width: 100px;font-size: 14px;} #main.index-box .index-solution .more .ms{margin-left: 10px;} #main.index-box .index-solution .list .web{display: none;} #main.index-box .index-solution .pub-desc{margin-bottom: 0px;} #index_solu{display: block;padding-top: 30px;} #index_solu .swiper-button-prev, #index_solu .swiper-button-next{top:0;margin: auto;bottom: auto;width: 25px;height: 25px;background-position: center center;background-repeat: no-repeat;-webkit-background-size: 6px auto;background-size: 6px auto;border: 2px solid #1f85e6;border-radius: 50%;} #index_solu .swiper-button-prev{background-image: url(/images/p1.png);left: auto;right: 40px;} #index_solu .swiper-button-prev.swiper-button-disabled{border-color: #c1c1c1;background-image: url(/images/p01.png);} #index_solu .swiper-button-next{background-image: url(/images/p2.png);right: 0px;left: auto;} #index_solu .swiper-button-next.swiper-button-disabled{border-color: #c1c1c1;background-image: url(/images/p02.png);} #main.index-box .index-solution .list .li{margin-bottom: 0;} #main.index-box .index-solution .list .li .img{opacity: .3;} #main.index-box .index-solution .list .li .blue{height: 100%;} #main.index-box .index-solution .list .li .name{height: 100%;} } #main.index-box .index-advantage{background-position: left top;-webkit-background-size: 100% 484px;background-repeat: no-repeat;background-size: 100% 484px;padding-top: 74px;} #main.index-box .index-advantage .pub-tit, #main.index-box .index-advantage .pub-desc{color: #fff;} #main.index-box .index-advantage .white{margin-top: 40px;padding-top: 60px;height: 405px;background: #fff;} #main.index-box .index-advantage .white .boxs .dis{width: 19.36%;} #main.index-box .index-advantage .white .boxs .dis .ico{width: 84px;height: 78px;margin: 0 auto;} #main.index-box .index-advantage .white .boxs .dis .number{margin-top: 35px;color: #111111;font-size: 16px;font-weight: bold;} #main.index-box .index-advantage .white .boxs .dis span.num{font-weight: normal;color: #1f85e6;font-size: 60px;font-family: 'Gilroy_blod';} #main.index-box .index-advantage .white .boxs .dis .desc{color: #111;font-size: 18px;} #main.index-box .index-advantage .white .boxs .dis.center{width: 1px;height: 97px;background: #e5e5e5;} #main.index-box .index-advantage .white .boxs .dis:last-child{display: none;} @media (max-width: 1280px){ #main.index-box .index-advantage .white{height: 330px;} #main.index-box .index-advantage .white .boxs{text-align: center;} #main.index-box .index-advantage .white .boxs .dis{width: 19%;} #main.index-box .index-advantage .white .boxs .dis .number{margin-top: 15px;} #main.index-box .index-advantage .white .boxs .dis span.num{font-size: 46px;} #main.index-box .index-advantage .white .boxs .dis .desc{font-size: 16px;} } @media (max-width: 1100px){ #main.index-box .index-advantage{padding-bottom: 74px;-webkit-background-size: 100% 100%;background-size: 100% 100%;background-image: url(/images/blue03.png)!important;} #main.index-box .index-advantage .white{height: 280px;} #main.index-box .index-advantage .white .boxs .dis .ico{width: 50px;height: 56px;} #main.index-box .index-advantage .white .boxs .dis span.num{font-size: 35px;} #main.index-box .index-advantage .white .boxs .dis .desc{font-size: 14px;} } @media (max-width: 850px){ #main.index-box .index-advantage .white{height: auto;padding-bottom: 60px;} #main.index-box .index-advantage .white .boxs .dis{width: 32%;margin-bottom: 25px;} } @media (max-width: 510px){ #main.index-box .index-advantage{padding-bottom: 50px;padding-top: 40px;} #main.index-box .index-advantage .white .boxs .dis .ico{width: 40px;height: 50px;} #main.index-box .index-advantage .white{padding: 30px 0 10px;} #main.index-box .index-advantage .white .boxs .dis{width: 48%;} #main.index-box .index-advantage .white .boxs .dis:nth-child(4), #main.index-box .index-advantage .white .boxs .dis:nth-child(8){display: none;} #main.index-box .index-advantage .white .boxs .dis .number{font-size: 14px;} #main.index-box .index-advantage .white .boxs .dis span.num{font-size: 20px;} #main.index-box .index-advantage .white .boxs .dis .desc{font-size: 12px;} } #main.index-box .index-partner.partner-box{padding: 115px 0 120px;margin-top: 0;} #main.index-box .index-info{margin: 115px auto 0;} #main.index-box .index-info .relative{/*padding-top: 36px;*/z-index: 99;} #main.index-box .index-info .relative .swiper-container{position: static;padding: 0 15px;padding-bottom: 120px;} #main.index-box .index-info .relative .swiper-slide {position: relative;padding-bottom: 4px;box-shadow: 0px 0px 16px 2px #f6f6f6;} #main.index-box .index-info .relative .swiper-slide:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 0;background: #1f85e6;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;} #main.index-box .index-info .relative .swiper-slide .p{width: 100%;padding: 65.33% 0 0;} #main.index-box .index-info .relative .swiper-slide .absolute{text-align: center;top: 0;bottom: 0;left: 0;right: 0;margin: auto;} #main.index-box .index-info .relative .swiper-slide .msg{padding: 35px 22px 40px;} #main.index-box .index-info .relative .swiper-slide .date{color: #333333;font-size: 16px;font-family: 'Gilroy_blod';} #main.index-box .index-info .relative .swiper-slide .name{color: #333333;font-size: 18px;font-weight: bold;margin: 12px 0 18px;} #main.index-box .index-info .relative .swiper-slide .desc{height: 60px;overflow: hidden;color: #999999;font-size: 13px;line-height: 20px;} #main.index-box .index-info .relative .swiper-slide:hover::after{height: 4px;} #main.index-box .index-info .relative .swiper-slide:hover .date{color: #1f85e6;} #main.index-box .index-info .swiper-button-prev, #main.index-box .index-info .swiper-button-next{top:-53px;margin: auto;bottom: auto;width: 42px;height: 42px;background-position: center center;background-repeat: no-repeat;-webkit-background-size: 10px 16px;background-size: 10px 16px;border: 2px solid #1f85e6;border-radius: 50%;} #main.index-box .index-info .swiper-button-prev{background-image: url(/images/p1.png);left: auto;right: 86px;} #main.index-box .index-info .swiper-button-prev.swiper-button-disabled{border-color: #c1c1c1;background-image: url(/images/p01.png);} #main.index-box .index-info .swiper-button-next{background-image: url(/images/p2.png);right: 26px;left: auto;} #main.index-box .index-info .swiper-button-next.swiper-button-disabled{border-color: #c1c1c1;background-image: url(/images/p02.png);} @media (max-width: 1024px){ #main.index-box .index-info{margin: 50px auto 0;} } @media (max-width: 981px){ #main.index-box .index-info .relative .swiper-container{padding-bottom: 80px;} #main.index-box .index-info .swiper-button-prev, #main.index-box .index-info .swiper-button-next{width: 35px;height:35px;-webkit-background-size: 10px auto;background-size: 10px auto;} #main.index-box .index-info .swiper-button-prev{right: 50px;} #main.index-box .index-info .relative .swiper-slide .msg{padding: 20px 15px 30px;} #main.index-box .index-info .relative .swiper-slide .name{font-size: 16px;margin: 6px 0 10px;} } @media (max-width: 750px){ #main.index-box .index-info .swiper-button-prev, #main.index-box .index-info .swiper-button-next{width: 25px;height: 25px;-webkit-background-size: 6px auto;background-size: 6px auto;} #main.index-box .index-info .swiper-button-prev{right: 60px;} } /*鍏充簬鎴戜滑*/ #main.about-box{margin-bottom: 140px;} #main.about-box.about01{margin-bottom: 0;} #main.about-box .company-top{margin: 60px auto;} #main.about-box .company-top .left{width: 50%;} #main.about-box .company-top .left .pd{width: 100%;padding: 54.29% 0 0;} #main.about-box .company-top .left .img{top: 0;left: 0;right: 0;bottom: 0;margin: auto;} #main.about-box .company-top .right{width: 44.3%;} #main.about-box .company-top .right .company{color: #1f85e6;font-size: 20px;font-weight: bold;padding-bottom: 20px;position: relative;margin: 50px 0 26px;} #main.about-box .company-top .right .company:after{content: "";position: absolute;left: 0;bottom: 0;width: 35px;height: 2px;background: #1f85e6;} #main.about-box .company-top .right .desc{color: #555555;font-size: 14px;line-height: 26px;} /*鎰挎櫙*/ #main.about-box .mission-list .list{margin-bottom: 60px;margin-top: 40px;} #main.about-box .mission-list .list .dis{width: 22.85%;margin-right: 2.86%;} #main.about-box .mission-list .list .dis .pd{width: 100%;padding: 135.94% 0 0;background-position: left top;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;position: relative;} #main.about-box .mission-list .list .dis .pd:before{width: 100%;height: 100%;content:"";position: absolute;bottom: 0;right: 0;bottom: 0;background: #1f85e6;margin: auto;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;} #main.about-box .mission-list .list .dis:hover .pd:before{height: 0;} #main.about-box .mission-list .list .dis .absolute{top: 15%;left: 0;right: 0;margin: auto;} #main.about-box .mission-list .list .dis .ico{width: 62px;height: 62px;background-repeat: no-repeat;background-position: center center;margin: 0 auto;-webkit-background-size: auto auto;background-size: auto auto;} #main.about-box .mission-list .list .dis .tit{margin-top: 20px;color: #ffffff;font-size: 28px;} #main.about-box .mission-list .list .dis .tit-en{margin-top: 3px;color: #ffffff;margin-bottom: 45px;font-size: 14px;font-family: Arial;opacity: .5;} #main.about-box .mission-list .list .dis .desc{width: 90%;margin: 0 auto;color: #ffffff;font-size: 16px;line-height: 30px;} #main.about-box .mission-list .list .dis:nth-child(4n){margin-right: 0;} #main.about-box .mission-list .list{position: relative;} #main.about-box .mission-list .list .swiper-container{position: static;} #main.about-box .mission-list .swiper-button-prev, #main.about-box .mission-list .swiper-button-next{width: 42px;height: 42px;background-position: center center center center;background-repeat: no-repeat;-webkit-background-size: 10px 16px;background-size: 10px 16px;border-radius: 50%;border: 2px solid #1f85e6;} #main.about-box .mission-list .swiper-button-prev:hover{border-color: #1f85e6;background-image: url(/images/p1.png);} #main.about-box .mission-list .swiper-button-prev{left: -4.38%;border-color: #c1c1c1;background-image: url(/images/p01.png);} #main.about-box .mission-list .swiper-button-next{right: -4.38%;border-color: #c1c1c1;background-image: url(/images/p02.png);} #main.about-box .mission-list .swiper-button-next:hover{border-color: #1f85e6;background-image: url(/images/p2.png);} @media (max-width: 1400px){ #main.about-box .company-top .right .company{margin-top: 30px;} #main.about-box .mission-list .list .dis .tit{font-size: 18px;} #main.about-box .mission-list .list .dis .tit-en{margin-bottom: 30px;} } @media (max-width: 1300px){ #main.about-box .company-top .right .company{margin-top: 15px;} #main.about-box .company-top .right .desc{line-height: 22px;} } @media (max-width: 1280px){ #main.about-box .mission-list .list .dis .desc{line-height: 26px;} #main.about-box .mission-list .list .dis .ico{width: 45px;height: 45px;-webkit-background-size: 100% auto;background-size: 100% auto;} } @media (max-width: 1200px){ #main.about-box .company-top .right{width: 46.3%;} #main.about-box .company-top .right .company{font-size: 18px;margin-bottom: 10px;margin-top: 0;} #main.about-box .mission-list .list .dis .absolute{top: 10%;} #main.about-box .mission-list .list .dis .desc{font-size: 14px;line-height: 24px;} } @media (max-width: 1050px){ #main.about-box .mission-list .list .dis .tit-en{margin-bottom: 20px;} } @media (max-width: 1024px){ #main.about-box .company-top .right{width: 100%;float: none;} #main.about-box .company-top .left{float: right;margin-left: 5%;} #main.about-box{margin-bottom: 80px;} } @media (max-width: 981px){ #main.about-box .mission-list .list .dis .tit{font-size: 16px;} #main.about-box .mission-list .list .dis .desc{font-size: 12px;line-height: 22px;} } @media (max-width: 690px){ #main.about-box .mission-list .list .dis .pd{padding-top: 100%;} } @media (max-width: 680px){ #main.about-box .company-top .right{width: 100%;float: none;} #main.about-box .company-top .left{margin-left: 0;width: 100%;float: none;margin-bottom: 35px;} } @media (max-width: 610px){ #main.about-box .mission-list .list .dis .pd{padding-top: 120%;} #main.about-box .mission-list .list .dis .ico{width: 30px;height: 30px;} #main.about-box .mission-list .list .dis .tit{margin-top: 10px;} } @media (max-width: 450px){ #main.about-box .mission-list .list .dis .tit-en{margin-bottom: 12px;} } @media (max-width: 410px){ #main.about-box .mission-list .list .dis{height: 210px;} #main.about-box .mission-list .list .dis .pd{padding-top: 100%;} } /*鍚堜綔浼欎即-鍏叡*/ #main .partner-box{background: #f4f4f4;padding: 40px 0 140px;margin-top: 60px;} #main .partner-box .swiper-container{position: static;} #main .partner-box .swiper-container .mobile{display: none;} #main .partner-box .swiper-button-prev, #main .partner-box .swiper-button-next{width: 42px;height: 42px;background-position: center center center center;background-repeat: no-repeat;-webkit-background-size: 10px 16px;background-size: 10px 16px;border-radius: 50%;border: 2px solid #1f85e6;} #main .partner-box .swiper-button-prev:hover{border-color: #1f85e6;background-image: url(/images/p1.png);} #main .partner-box .swiper-button-prev{left: -4.38%;border-color: #c1c1c1;background-image: url(/images/p01.png);} #main .partner-box .swiper-button-next{right: -4.38%;border-color: #c1c1c1;background-image: url(/images/p02.png);} #main .partner-box .swiper-button-next:hover{border-color: #1f85e6;background-image: url(/images/p2.png);} #main .partner-box .website{margin-top: 40px;}/*border: 2px solid #eaeaea;border-bottom: none;border-right: none;*/ #main .partner-box .website .dis{cursor: pointer;background: #fff;width: 16.66%;border: 1px solid #eaeaea;text-align: center;}/*border-bottom: 2px solid #eaeaea;*/ #main .partner-box .website .dis .p{width: 100%;padding: 74.46% 0 0;} #main .partner-box .website .dis .absolute{padding: 10px;top: 0;left: 0;right: 0;bottom: 0;margin: auto;} #main .partner-box .website .dis.on, #main .partner-box .website .dis:hover{background: #1f85e6;} @media (max-width: 1560px){ #main.about-box .mission-list .list{width: 90%;margin: 40px auto 60px;} #main .partner-box .w1400.relative{width: 80%;} #main .partner-box .swiper-button-prev{left: -6%;} #main.about-box .mission-list .swiper-button-prev{left: -6%;} #main .partner-box .swiper-button-next{right: -6%;} #main.about-box .mission-list .swiper-button-next{right: -6%;} } @media (max-width: 1400px){ #main .partner-box .w1400.relative{width: 85%;} #main .partner-box .swiper-button-prev, #main.about-box .mission-list .swiper-button-prev, #main .partner-box .swiper-button-next{width: 30px;height: 30px;} #main.about-box .mission-list .swiper-button-next{width: 30px;height: 30px;} } @media (max-width: 981px){ #main .partner-box .website .dis{width: 25%;} } @media (max-width: 590px){ #main .partner-box .w1400.relative{width: 95%;} #main .partner-box .website .dis{width: 33%;} #main .partner-box .swiper-button-prev{left: auto;right: 50px;top: -25px;} #main.about-box .mission-list .swiper-button-prev{left: auto;right: 50px;top: -25px;} #main .partner-box .swiper-button-next{right: 0;top: -25px;} #main.about-box .mission-list .swiper-button-next{right: 0;top: -25px;} } @media (max-width: 450px){ #main .partner-box .swiper-button-prev, #main.about-box .mission-list .swiper-button-prev, #main .partner-box .swiper-button-next{width: 25px;height: 25px;-webkit-background-size: 7px auto;background-size: 7px auto;} #main.about-box .mission-list .swiper-button-next{width: 25px;height: 25px;-webkit-background-size: 7px auto;background-size: 7px auto;} #main .partner-box .swiper-button-prev{right: 35px;} #main.about-box .mission-list .swiper-button-prev{right: 35px;} } #main.about-box .future{margin-top: 30px;} #main.about-box .de_list{margin-top:20px; padding:2%; background:url(/images/cy_bg.png) repeat-y center 31px; /*background:url(/images/test2.png) repeat-y center top;*/} #main.about-box .de_list li{width:55%; position:relative; z-index:1; visibility:hidden;} #main.about-box .de_list li:first-child{margin-top: 5px;} #main.about-box .de_list li .brief{font-size:16px; color:#222; padding:14px 24px; background:#f4f4f4; width:auto; line-height:28px;} #main.about-box .de_list li .brief{width: 42%;} #main.about-box .de_list li .brief_on{width: 42%;} #main.about-box .de_list li .brief span{font-size:16px; line-height:28px; height:28px; overflow:hidden; display:block;} #main.about-box .de_list li .brief_on{font-size:16px; color:#fff; padding:30px 25px; background:#1f85e6; line-height:28px; position:absolute; top:0; display:none; z-index:3;min-height: 84px;} #main.about-box .de_list li .br_l{left:0;} #main.about-box .de_list li .br_r{right:0;} #main.about-box .de_list li .title{height:86px; line-height:86px; width:35.8%; font-size:40px; color:#000;} #main.about-box .de_list li .tl{background:url(/images/tl.png) no-repeat left center; padding-left:38px; margin-left:19px;} #main.about-box .de_list li .tr{background:url(/images/tr.png) no-repeat right center; padding-right:38px; margin-right:19px; text-align:right; /*margin-left:13%;*/} #main.about-box .de_list li .cy_on{width:61px; height:61px; background:url(/images/cy_on.png) no-repeat; position:absolute; top:11%; z-index:5; display:none;} #main.about-box .de_list li .cy_l{left:8.5%;} #main.about-box .de_list li .cy_r{right:8.5%;} #main.about-box .de_list li:hover{z-index:2;} #main.about-box .de_list li:hover .title{color:#1f85e6;} #main.about-box .de_list li:hover .tl{background:url(/images/tl_hover.png) no-repeat left center;} #main.about-box .de_list li:hover .tr{background:url(/images/tr_hover.png) no-repeat right center;} #main.about-box .de_list li:hover .brief_on{display:block;} #main.about-box .de_list li:hover .cy_on{display:block;} #main.about-box .di_list{display:none;} #main.about-box .di_list{margin-top:20px; padding:0 6% 0; display:none;} #main.about-box .di_list li{cursor: pointer;width:100%; margin-bottom:10px;} #main.about-box .di_list li .brief{font-size:16px; color:#222; padding:14px 24px; background:#f0f0f0; width:70%; line-height:28px;} #main.about-box .di_list li .brief span{height:28px; overflow:hidden; line-height:28px; font-size:16px; color:#222;} #main.about-box .di_list li .brief_on{font-size:16px; color:#fff; padding:14px 24px; background:#1f85e6; width:70%; line-height:28px; display:none;} #main.about-box .di_list li .title{height: 56px;line-height: 56px;/*width:18.8%;*/ width:28%; font-size:20px; color:#000;padding-right:38px;background:url(/images/tr.png) no-repeat right center;} #main.about-box .di_list li.cur .brief{display:none;} #main.about-box .di_list li.cur .brief_on{display:block;} @media (max-width:1400px){ #main.about-box .de_list li .title{font-size: 32px;} } @media (max-width:1280px){ #main.about-box .de_list li {margin-top: 1px;} #main.about-box .de_list li .title{font-size: 20px;} #main.about-box .de_list li .title{width: 26.8%;} #main.about-box .de_list li .brief_on, #main.about-box .de_list li .brief{width: 50%;} #main.about-box .de_list li .brief_on{font-size: 14px;} } @media (max-width:1150px){ #main.about-box .de_list{padding: 2% 0;} #main.about-box .de_list li{margin-top: 2px;} #main.about-box .de_list li .brief_on, #main.about-box .de_list li .brief{width: 48%;} #main.about-box .de_list li .tr{padding-right: 32px;background: url(/images/tr.png) no-repeat right center/19px auto;} #main.about-box .de_list li .tl{background: url(/images/tl.png) no-repeat left center/19px auto;padding-left: 32px;} #main.about-box .de_list li:hover .tl{background:url(/images/tl_hover.png) no-repeat left center/19px auto;} #main.about-box .de_list li:hover .tr{background:url(/images/tr_hover.png) no-repeat right center/19px auto;} } @media (max-width:981px){ #main.about-box .de_list li .tr{background:none; padding:0;} #main.about-box .de_list li .tl{background:none; padding:0;} #main.about-box .de_list li:hover .tl{background:none;} #main.about-box .de_list li:hover .tr{background:none;} #main.about-box .de_list li .brief{padding: 15px 18px;font-size: 14px;} } @media (max-width:850px){ #main.about-box .di_list{display:block;} #main.about-box .de_list{display:none;} } @media (max-width:680px){ #main.about-box .di_list{padding: 0 2%;} #main.about-box .di_list li .title{font-size: 16px;} } @media (max-width:600px){ #main.about-box .di_list li .title{background:none; padding:0; width:29%;} #main.about-box .di_list li.cur .title{background:none;} #main.about-box .di_list li .brief span{font-size: 14px;} } @media (max-width:400px){ #main.about-box .di_list li .title{width: auto;display: inline-block;padding-right: 25px;float: none;background: url(/images/tr_hover.png) no-repeat right center/19px auto;color: #1f85e6;} #main.about-box .di_list li .brief_on, #main.about-box .di_list li .brief{float: none;width: 100%;} } /*鑽h獕*/ #main.about-box .honor-list{margin-bottom: 100px;} #main.about-box .honor-list .honor{margin-top: 58px;} #main.about-box .honor-list .honor:hover a.title{color: #1f85e6;} @media (max-width: 981px){ #main.about-box .honor-list{margin-bottom: 50px;} } /*鍏徃鍔ㄦ€?/ #main.about-box .info-list{margin-top: 4.29%;margin-bottom: 20px;} #main.about-box .info-list .item{width: 32.29%;margin-right: 1.5%;margin-bottom: 1.5%;border: 1px solid #e8e8e8;} #main.about-box .info-list .item:nth-child(3n){margin-right: 0;} #main.about-box .info-list .item .pd{width: 100%;padding: 67.18% 0 0;} #main.about-box .info-list .item .img{top: 0;left: 0;right: 0;bottom: 0;margin: auto;} #main.about-box .info-list .item .info{padding: 6.64%;} #main.about-box .info-list .item .date{color: #828282;font-size: 16px;font-family: 'Gilroy_blod';} #main.about-box .info-list .item .title{color: #333333;font-size: 20px;font-family: 'SourceHanSansCN_Medium';font-weight: bold;margin: 15px 0;} #main.about-box .info-list .item .brief{height: 64px;overflow: hidden;color: #999999;font-size: 13px;line-height: 22px;} #main.about-box .info-list .item .more{padding-top: 15px;border-top: 1px solid #eeeeee;margin-top: 15px;color: #828282;font-size: 14px;background: url(/images/more.png) no-repeat right center;} #main.about-box .info-list .item:hover{box-shadow: 0 0 30px #eeeeee;border-color: #eeeeee;} #main.about-box .info-list .item:hover .date, #main.about-box .info-list .item:hover .title, #main.about-box .info-list .item:hover .more{color: #1f85e6;} #main.about-box .info-list .item:hover .more{background: url(/images/more2.png) no-repeat right center;} #main.info-box .bdetail .visit{margin-bottom: 30px;} #main.info-box .content{margin-bottom: 80px;} #main.info-box .share-list .dis{margin-top: 6px;line-height: 24px;color: #333333;font-size: 14px;} @media (max-width: 1100px){ #main.about-box .info-list .item .title{font-size: 16px;margin: 10px 0;} #main.about-box .info-list .item .brief{line-height: 20px;} #main.about-box .info-list .item .more{} } @media (max-width: 768px){ #main.about-box .info-list .item:nth-child(3n), #main.about-box .info-list .item{width: 48.5%;margin-right: 3%;margin-bottom: 3%;} #main.about-box .info-list .item:nth-child(2n){margin-right: 0;} #main.about-box .info-list .item .title{font-size: 14px;} #main.about-box .info-list .item .date{font-size: 12px;} } @media (max-width: 450px){ #main.about-box .info-list .item:nth-child(3n), #main.about-box .info-list .item:nth-child(2n), #main.about-box .info-list .item{width:100%;margin-right: 0;margin-bottom: 3%;padding: 3%;} #main.about-box .info-list .item .block.relative{float: left;width: 30%;} #main.about-box .info-list .item .info{float: right;width: 64%;padding: 0;} #main.about-box .info-list .item .title{font-size: 14px;} #main.about-box .info-list .item .brief{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;height: auto;} #main.about-box .info-list .item .more{display: none!important;} } @media (max-width: 420px){ #main.about-box .info-list .item .title{margin: 3px 0;} #main.info-box .content{margin-bottom: 50px;} } /*鑱旂郴鎴戜滑*/ #main.about-box .contact-box .way-box{margin: 60px auto;} #main.about-box .contact-box .way-box .way{width: 32.21%;height: 158px;border: 1px solid #e3e3e3;box-shadow: 0 0 20px #f7f7f7;padding-right: 6.71%;padding-top: 40px;} #main.about-box .contact-box .way-box .way .ico{margin-bottom: 5px;font-family: 'SourceHanSansCN_Medium';color: #333333;font-size: 20px;padding-left: 46px;margin-left: 98px;} #main.about-box .contact-box .way-box .way .c1{color: #666666;font-size: 14px;font-family: 'SourceHanSansCN_Regular';line-height: 26px;margin-left: 145px;} #main.about-box .contact-box .way-box .way:nth-child(2){margin: 0 1.5%;} #main.about-box .contact-box .way-box .way.address .ico{background: url(/images/contact_add.png) no-repeat left center;} #main.about-box .contact-box .way-box .way.tel .ico{background: url(/images/contact_tel.png) no-repeat left center;} #main.about-box .contact-box .way-box .way.email .ico{background: url(/images/contact_email.png) no-repeat left center;} #main.about-box .contact-box .way-box .way.email a:hover{color: #1f85e6;} #main.about-box .contact-box .sales-list{padding: 60px 0 56px;background: #f8f8f8;} #main.about-box .contact-box .sales-list .big2-title{margin-bottom: 30px;} #main.about-box .contact-box .l1{margin-right: 27px;} #main.about-box .contact-box .r1{margin-left: 27px;} #main.about-box .contact-box .list .li{width: 31.9%;margin-right: 4.4%;padding-right: 4.1%;border-right: 1px solid #eaeaea;padding-top: 3.93%;} #main.about-box .contact-box .list .li:nth-child(1), #main.about-box .contact-box .list .li:nth-child(2), #main.about-box .contact-box .list .li:nth-child(3){padding-top: 0;} #main.about-box .contact-box .list .li:nth-child(3n){width: 27.36%;margin-right: 0;padding-right: 0;border-right: none;} #main.about-box .contact-box .list .li .name{color: #333333;font-size: 20px;font-family: 'SourceHanSansCN_Medium';padding-left: 37px;background: url(/images/sales.png) no-repeat left center;margin-bottom: 10px;} #main.about-box .contact-box .list .li .desc{color: #828282;font-size: 14px;font-family: 'SourceHanSansCN_Medium';line-height: 26px;} #main.about-box .map-box{margin: 60px auto 0;} #main.about-box .map-box .map{width: 100%;height: 580px;margin-top: 40px;} #main.about-box .map-box .map img{max-width: none;} @media (max-width: 1400px){ #main.about-box .contact-box .way-box .way .ico{margin-left: 21.73%;} #main.about-box .contact-box .way-box .way .c1{margin-left: 35.36%;} #main.about-box .contact-box .way-box .way{padding-top: 32px;} } @media (max-width: 1200px){ #main.about-box .contact-box .list .li {width: 33.9%;margin-right: 2.4%;padding-right: 2.1%;} } @media (max-width: 1100px){ #main.about-box .contact-box .way-box .way{padding-right: 4%;} #main.about-box .contact-box .way-box .way .ico{margin-left: 14.5%;font-size: 18px;} #main.about-box .contact-box .way-box .way .c1{margin-left: 30%;} } @media (max-width: 981px){ #main.about-box .contact-box .list .li:nth-child(3n), #main.about-box .contact-box .list .li {width: 48.5%;margin-right: 3%;border-right: 1px solid #eaeaea;padding-top: 3.93%;padding-right: 2.1%;} #main.about-box .contact-box .list .li:nth-child(2n){margin-right: 0;padding-right: 0;border-right: none;} } @media (max-width: 768px){ #main.about-box .contact-box .way-box{margin: 30px auto;} #main.about-box .contact-box .way-box .way:nth-child(2), #main.about-box .contact-box .way-box .way{width: 100%;margin: 0 auto 5%;height: auto;padding-bottom: 32px;} #main.about-box .contact-box .way-box .way .ico{margin-left: 5%;} #main.about-box .contact-box .way-box .way .c1{margin-left: 5%;padding-left: 46px;} #main.about-box .contact-box .list .li .name{font-size: 16px;height: 28px;line-height: 28px;} #main.about-box .contact-box .list .li .desc{font-size: 13px;} } @media (max-width: 750px){ #main.about-box .contact-box .list .li:nth-child(2n), #main.about-box .contact-box .list .li:nth-child(3n), #main.about-box .contact-box .list .li{width: 100%;padding: 0;margin: 0;margin-bottom: 4%;padding-bottom: 3%;border-right: none;border-bottom: 1px solid #eaeaea;} #main.about-box .map-box .map{height: 300px;} } @media (max-width: 450px){ #main.about-box .map-box .map{height: 260px;} } /*瑙e喅鏂规*/ #main.solution-box {margin: 3.125% 0 7.3%;} #main.solution-box .solution-list .item{width: 100%;margin-bottom: 60px;} #main.solution-box .solution-list .item .boxs{padding: 39.73% 0 0;} #main.solution-box .solution-list .item .b2{top: 13%;left: 46%;padding-left: 129px;background: url(/images/blue.jpg) no-repeat left center;color: #1f85e6;font-size: 18px;font-weight: bold;font-family: Arial;} #main.solution-box .solution-list .item .picture{width: 48.79%;left: 0;top: 0;} #main.solution-box .solution-list .item .picture .img{background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover;background-size: cover;} #main.solution-box .solution-list .item .info{width: 51.21%;height: 100%;padding-left: 6.43%;padding-top: 8%;right: 0;top: 0;background: url(/images/solution_bg.jpg) repeat;} #main.solution-box .solution-list .item .info .w1{width: 73.92%;} #main.solution-box .solution-list .item .info .title{max-height: 102px;overflow: hidden;color: #333333;font-size: 36px;font-weight: bold;font-family: 'SourceHanSansCN_Medium';} #main.solution-box .solution-list .item .info .brief{max-height: 87px;overflow: hidden;color: #828282;font-size: 16px;font-family: 'SourceHanSansCN_Medium';margin: 20px 0 80px;} #main.solution-box .solution-list .item .info .more{width: 138px;height: 41px;line-height: 41px;color: #ffffff;font-size: 14px;font-family: 'SourceHanSansCN_Medium';border-radius: 50px;background: #1f85e6;} #main.solution-box .solution-list .item .info .more img{vertical-align: top;margin: 16px 0 0 11px;} #main.solution-box .solution-list .item:nth-child(2n) .picture{right: 0;left: auto;} #main.solution-box .solution-list .item:nth-child(2n) .info{left: 0;right: auto;} #main.solution-box .solution-list .item:nth-child(2n) .b2{right: 46%;left: auto;padding-right: 129px;background: url(/images/blue.jpg) no-repeat right center;padding-left: 0;} #main.solution-box .solution-list .item .pd{width: 100%;padding: 81.4% 0 0;} #main.solution-box .solution-list .item .img{overflow: hidden;top: 0;right: 0;bottom: 0;left: 0;margin: auto;} #main.solution-box .solution-list .item:hover .title{color: #1f85e6;} #main.solution-box .solution-list .item .img img:hover{transform: scale(1.1);} #main.solution-box .solution-list .item .more:hover{opacity: .8;} @media (max-width: 1400px){ #main.solution-box .solution-list .item .b2{top: 6%;} #main.solution-box .solution-list .item .info{padding-top: 8%;} #main.solution-box .solution-list .item .info .title{font-size: 30px;} #main.solution-box .solution-list .item .info .brief{margin-bottom: 40px;} } @media (max-width: 1024px){ #main.solution-box .solution-list .item .b2{left: 44%;padding-left: 80px;background: url(/images/blue.jpg) no-repeat left center/70px auto;} #main.solution-box .solution-list .item:nth-child(2n) .b2{right: 44%;padding-right: 80px;background: url(/images/blue.jpg) no-repeat right center/70px auto;} #main.solution-box .solution-list .item .info .title{font-size: 20px;} #main.solution-box .solution-list .item .info .more{height: 30px;line-height: 30px;} #main.solution-box .solution-list .item .info .brief{font-size: 16px;} #main.solution-box .solution-list .item .info .more img{margin-top: 10px;} } @media (max-width: 850px){ #main.solution-box .solution-list .item .info .title{font-size: 18px;} #main.solution-box .solution-list .item .info{padding-left: 4%;} #main.solution-box .solution-list .item .info .w1{width: 93%;} #main.solution-box .solution-list .item .info .brief{max-height: 81px;margin-bottom: 15px;font-size: 14px;} } @media (max-width: 750px){ #main.solution-box .solution-list .item .boxs{display: none;} #main.solution-box .solution-list .item .picture{text-align: center;position: static;} #main.solution-box .solution-list .item .picture, #main.solution-box .solution-list .item .info{width: 100%;position: static;} #main.solution-box .solution-list .item .info{background: transparent;} #main.solution-box .solution-list .item .b2{display: none!important;} #main.solution-box .solution-list .item .info{padding: 6%;} #main.solution-box .solution-list .item .info .brief{max-height: none;} #main.solution-box .solution-list .item .pd{padding: 70% 0 0 ;} #main.solution-box .solution-list .item .info .w1{width: 100%;} } @media (max-width: 450px){ #main.solution-box .solution-list .item .info .title{font-size: 16px;} } /*瑙e喅鏂规-璇︽儏*/ #main.solution-detail{margin-top: 0;} #main.solution-detail .bread-list{border-bottom: none;} #main.solution-detail .detail{background: #f6f6f6;margin-bottom: 80px;} #main.solution-detail .detail .img{width: 56.93%;border: 1px solid #efefef;} #main.solution-detail .detail .img .pi{width: 100%;padding: 70.01% 0 0;} #main.solution-detail .detail .img .absolute{top: 0;left: 0;right: 0;bottom: 0;margin: auto;} #main.solution-detail .detail .msg{width: 36.43%;padding:5% 0 0;margin-right: 3.03%;} #main.solution-detail .detail .msg .title{color: #111111;font-size: 32px;font-weight: bold;font-family: 'SourceHanSansCN_Medium';} #main.solution-detail .detail .msg .desc{padding-left: 12px;background: url(/images/little.jpg) no-repeat left 19px;height: 120px;overflow-y: auto;margin: 5.66% 0 7.55%;line-height: 40px;color: #828282;font-size: 16px;font-family: 'SourceHanSansCN_Medium';} #main.solution-detail .detail .msg .desc::-webkit-scrollbar {width: 8px;height: 1px;z-index: 8;position: relative;} #main.solution-detail .detail .msg .desc::-webkit-scrollbar-thumb {border-radius: 8px;-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);background: #565555;} #main.solution-detail .detail .msg .desc::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);border-radius: 3px;background: #fafafa;} #main.solution-detail .detail .msg .desc::-webkit-scrollbar:horizontal { height: 1px;} #main.solution-detail .detail .msg .download{width: 198px;height: 58px;line-height: 58px;color: #111111;font-size: 16px;border-radius: 50px;border: 1px solid #cccccc;margin-bottom: 15%;background: #fff;} #main.solution-detail .detail .msg .download span{width: 17px;height: 16px;background: url(/images/down.png) no-repeat center center/100% auto;vertical-align: top;margin: 21px 15px 0 0;} #main.solution-detail .detail .msg .download:hover{background: #1f85e6;border-color: #1f85e6;color: #fff;} #main.solution-detail .detail .msg .download:hover span{background: url(/images/down2.png) no-repeat center center;} #main.solution-detail .detail .msg .share-list .dis{line-height: 36px;} #main.solution-detail .desc-bread{margin-bottom: 48px;} #main.solution-detail .editor{margin-bottom: 80px;} #main.solution-detail .prev-next .same1.prev{margin-bottom: 18px;padding-top: 40px;border-top: 1px solid #e9e9e9;margin-top: 75px;} #main.solution-detail .prev-next .same1 span.dis{color: #1f85e6;font-size: 14px;} #main.solution-detail .prev-next .same1 a.dis{color: #999999;font-size: 14px;} #main.solution-detail .prev-next .same1 a.dis:hover{color: #1f85e6;} @media (max-width: 1400px){ #main.solution-detail .detail .msg .title{font-size: 24px;} #main.pro20 .detail .msg .desc{line-height: 26px;background: url(/images/little.jpg) no-repeat left 12px;} } @media (max-width: 1300px){ #main.solution-detail .detail .msg{width: 39%;} #main.solution-detail .detail .msg .desc{background: url(/images/little.jpg) no-repeat left 12px;line-height: 26px;} #main.solution-detail .detail .msg .download{height: 40px;line-height: 40px;margin-bottom: 35px;} #main.solution-detail .detail .msg .download span{margin: 12px 10px 0 0;} } @media (max-width: 1200px){ #main.solution-detail .detail .msg{width: 37%;padding-top: 3%;} } @media (max-width: 1024px){ #main.solution-detail .detail .img{width: 52%;} #main.solution-detail .detail .msg{width: 40%;} #main.solution-detail .detail .msg .title{font-size: 18px;} #main.solution-detail .detail .msg .desc{font-size: 14px;line-height: 22px;height: 88px;} #main.solution-detail .detail .msg .download{width: 130px;font-size: 14px;} } @media (max-width: 981px){ #main.solution-detail .detail .msg .title{font-size: 18px;} } @media (max-width: 920px){ #main.solution-detail .detail .msg .download{height: 35px;line-height: 35px;margin-bottom: 20px;} #main.solution-detail .detail .msg .download span{margin-top: 10px;} } @media (max-width: 798px){ #main.solution-detail .detail .img{width: 100%;float: none;} #main.solution-detail .detail .msg{width: 90%;margin: 0 auto;float: none;padding: 6% 0;text-align: center;} #main.solution-detail .detail .msg .desc{ text-align: justify;height: auto;} #main.solution-detail .detail .msg .download{margin: 0 auto;margin-bottom: 25px;} #main.solution-detail .editor{overflow-x: hidden;margin-bottom: 50px;} #main.solution-detail .prev-next .same1.prev{margin-bottom: 18px;padding-top: 40px;border-top: 1px solid #e9e9e9;margin-top: 50px;} } /*鏈嶅姟涓庢敮鎸?/ #main.support-box .list{margin-top: 40px;} #main.support-box .list .dis{padding-top: 8.21%;width: 32.3%;margin-right: 1.5%;border: 1px solid #dcdcdc;height: 524px;overflow: hidden;} #main.support-box .list .dis:nth-child(3n){margin-right: 0;} #main.support-box .list .dis .ico{width: 116px;height: 116px;border: 1px solid #cccccc;border-radius: 50%;margin: 0 auto;} #main.support-box .list .dis .name{color: #333333;font-size: 24px;font-family: 'SourceHanSansCN_Medium';margin-top: 50px;} #main.support-box .list .dis .desc{width: 90%;margin: 30px auto 40px;color: #666666;font-size: 14px;line-height: 26px;font-family: 'SourceHanSansCN_Medium';height: 52px;overflow: hidden;} #main.support-box .list .dis .gray{width: 25px;height: 4px;background: #666666;margin: 0 auto;} #main.support-box .list .dis .details{cursor: pointer;display: none;color: #666666;font-size: 14px;font-family: Arial;} #main.support-box .list .dis:hover{padding-top: 4.29%;box-shadow: 0 0 50px 20px #f2f2f2;} #main.support-box .list .dis:hover .ico{background: #1f85e6;border-color: #1f85e6;} #main.support-box .list .dis:hover .name{color: #1f85e6;} #main.support-box .list .dis:hover .details{display: inline-block;margin-top: 18%;} #main.support-box .list .dis .details:hover{color: #1f85e6;} #main.support-box .bdetail{margin-bottom: 40px;} #main.support-box .bdetail .title{font-size: 32px;font-family: 'SourceHanSansCN_Medium';} @media (max-width: 1400px){ #main.support-box .list .dis{height: 450px;padding-top: 5%;} #main.support-box .list .dis .ico{width: 100px;height: 100px;} #main.support-box .list .dis:hover .details{margin-top: 5%;} #main.support-box .list .dis .name{margin-top: 30px;} } @media (max-width: 1200px){ #main.support-box .list .dis{height: 400px;} #main.support-box .list .dis .ico{width: 80px;height: 80px;} #main.support-box .list .dis .name{font-size: 20px;} } @media (max-width: 981px){ #main.support-box .list .dis{height: 322px;} #main.support-box .list .dis .name{margin-top: 20px;} #main.support-box .list .dis .desc{margin: 14px auto 26px;} } @media (max-width: 750px){ #main.support-box .list .dis:nth-child(3n), #main.support-box .list .dis{width: 48%;margin-right: 4%;margin-bottom: 4%;} #main.support-box .list .dis .desc{} #main.support-box .list .dis:nth-child(2n){margin-right: 0;} #main.support-box .list .dis .name{font-size: 18px;} #main.support-box .list .dis .ico{width: 50px;height: 50px;} #main.support-box .list .dis .ico img{width: 20px;height: auto;} #main.support-box .list .dis .desc{height: 87px;} #main.support-box .bdetail .title{font-size: 22px;font-weight: bold;color: #1f85e6;} } @media (max-width: 580px){ #main.detail-box{margin-bottom: 80px;} #main.support-box .list .dis:nth-child(3n), #main.support-box .list .dis{width: 100%;margin-right: 0;height: auto;padding-bottom: 8%;} #main.support-box .list .dis .desc{height: auto;} } @media (max-width: 375px){ #main.detail-box{margin-bottom: 60px;} } #main.support-box .download-list{margin: 80px auto 140px;} #main.support-box .download-list .left{width: 260px;padding-bottom: 40px;background: #f2f2f2;} #main.support-box .download-list .left .title{padding-left: 50px;width: 100%;height: 53px;line-height: 53px;background: #999999;color: #fff;font-size: 18px;} #main.support-box .download-list .left .one{;padding-left: 50px;color: #111111;font-size: 18px;background: #e8e8e8;height: 53px;line-height: 53px;background: #f2f2f2 url(/images/d_up1.png) no-repeat 226px center;} #main.support-box .download-list .left .two{height: 0;overflow: hidden;} #main.support-box .download-list .left .a{color: #111111;font-size: 16px;padding-top: 12px;background: #fbfbfb;padding-bottom: 18px;padding-left: 50px;} #main.support-box .download-list .left .a.ht{padding-left: 68px;background: #fbfbfb url(/images/nav2.png) no-repeat 53px 18px/6px; } #main.support-box .download-list .left .a.in2{color: #1f85e6;} #main.support-box .download-list .left .ht:hover, #main.support-box .download-list .left .ht.on2{color: #1f85e6;background: #fbfbfb url(/images/nav_on.png) no-repeat 53px 18px/6px; } #main.support-box .download-list .left .three{height: 0;overflow: hidden;} #main.support-box .download-list .left .three.in2{height: 100%;} #main.support-box .download-list .left .a2{color: #111111;font-size: 14px;padding-top: 12px;background: #fbfbfb;padding-bottom: 18px;padding-left: 50px;} #main.support-box .download-list .left .a-t3{color: #111111;font-size: 14px;padding-top: 12px;background: #fbfbfb;padding-bottom: 18px;padding-left: 72px;} #main.support-box .download-list .left .a-t3.in3, #main.support-box .download-list .left .a-t3:hover, #main.support-box .download-list .left .a.in, #main.support-box .download-list .left .a:hover{color: #1f85e6;} #main.support-box .download-list .left .cate.on .one{background: #e8e8e8 url(/images/d_down2.png) no-repeat 226px center;} #main.support-box .download-list .left .cate.on .two{height: auto;} #main.support-box .download-list .right{width: 80.71%;} #main.support-box .download-list .right .product {margin-bottom: 40px;padding: 40px 32px;background: #f2f2f2;} #main.support-box .download-list .right .product .img{text-align: center;width: 21%;margin-left: 3.2%;height: 140px;background: #fff;} #main.support-box .download-list .right .product .img img{vertical-align: middle;} #main.support-box .download-list .right .product .name{padding-bottom: 19px;border-bottom: 1px solid #dcdcdc;} #main.support-box .download-list .right .product .l1{width: 75%;line-height: 38px;color: #1f85e6;font-size: 20px;} #main.support-box .download-list .right .product .r1{width: 129px;height: 38px;line-height: 38px;background: #1f85e6;color: #fff;font-size: 14px;text-align: center;border-radius: 50px;} #main.support-box .download-list .right .product .desc{/*height: 48px;overflow: hidden;*/color: #999999;font-size: 14px;line-height: 24px;margin-top: 15px;} #main.support-box .download-list .right .product .msg{width: 65.93%;margin-right: 3.2%;} #main.support-box .download-list .right .product .msg.fl{width: 100%;margin-right: 0;} #main.support-box .download-list .right .list3{margin-bottom: 80px;} #main.support-box .download-list .right .list3 .box3{width: 43%;margin-right: 5%;margin-bottom: 45px;} #main.support-box .download-list .right .list3 .box3:nth-child(2n){margin-right: 0;} #main.support-box .download-list .right .list3 .ico2{padding-left: 86px;background: url(/images/ico1.jpg) no-repeat 30px center;height: 49px;line-height: 49px;color: #999999;font-size: 18px;} #main.support-box .download-list .right .list3 .name{width: 70%;margin-right: 5%;color: #1f85e6;font-size: 14px;} #main.support-box .download-list .right .list3 .tit2{height: 65px;line-height: 65px;margin-left: 76px;padding-left: 12px;border-bottom: 1px solid #f2f2f2;} #main.support-box .download-list .right .list3 .down{padding-left: 21px;background: url(/images/down.png) no-repeat left center;color: #999999;font-size: 12px;} #main.support-box .download-list .right .list3 .down:hover{background: url(/images/down3.png) no-repeat left center;color: #1f85e6;} #main.support-box .download-list .right .share-list .dis{line-height: 36px;} @media (max-width: 1440px){ #main.support-box .download-list .right{width: 77%;} } @media (max-width: 1250px){ #main.support-box .download-list .right{width: 72.5%;} #main.support-box .download-list .right .list3 .box3{width: 48%;margin-right: 3%;} #main.support-box .download-list .right .product .l1{width: 71%;font-size: 18px;} #main.support-box .download-list .right .product .r1{width: 110px;} } @media (max-width: 1050px){ #main.support-box .download-list .right{width: 70.5%;} #main.support-box .download-list .right .list3 .box3{width: 100%;margin-right: 0;} #main.support-box .download-list .right .list3 .box3:last-child{margin-bottom: 0;} #main.support-box .download-list .right .list3 .tit2{height: 50px;line-height: 50px;} #main.support-box .download-list .right .list3 .ico2{padding-left: 50px;background: url(/images/ico1.jpg) no-repeat 10px center/27px auto;} #main.support-box .download-list .right .list3 .tit2{margin-left: 37px;} #main.support-box .download-list .right .list3 .name{width: 75%;margin-right: 8%;} } @media (max-width: 981px){ #main.support-box .download-list .left{width: 225px;} #main.support-box .download-list .left .title, #main.support-box .download-list .left .one{padding-left: 40px;font-size: 16px;} #main.support-box .download-list .left .a{padding-left: 56px;} #main.support-box .download-list .right .product{padding: 25px;} } @media (max-width: 880px){ #main.support-box .download-list .right .product{padding: 20px;} #main.support-box .download-list .right .product .img{margin-left: 0;position: static;width: 100%;height: 200px;padding: 20px;margin-bottom: 35px;background: #fff;float: none;} #main.support-box .download-list .right .product .msg{width: 100%;float: none;} } @media (max-width: 850px){ #main.support-box{padding-top: 45px;position: relative;} #main.support-box .download-list{margin: 65px auto 80px;} #main.support-box .download-list .left{z-index: 10;position: absolute;background: transparent;top: 45px;padding-bottom: 0;} #main.support-box .download-list .left .title{background: #999999 url(/images/down_b.png) no-repeat 188px center;} #main.support-box .download-list .left.on .title{color: #fff;background: #1f85e6 url(/images/top2.png) no-repeat 188px center;} #main.support-box .download-list .left .list1{width: 0;height: 0;overflow: hidden;} #main.support-box .download-list .left .list1.in1{width: 225px;height: auto;} #main.support-box .download-list .right{width: 100%;float: none;} #main.support-box .download-list .right .product .img{width: 100%;height: 200px;padding: 20px;margin-bottom: 35px;background: #fff;float: none;} #main.support-box .download-list .right .product .msg{width: 100%;float: none;} } @media (max-width: 550px){ #main.support-box .download-list .right .product .img{margin-bottom: 20px;} #main.support-box .download-list .right .product .l1{width: 100%;float: none;text-align: center;} #main.support-box .download-list .right .product .r1{width: 100px;float: none;margin: 0 auto;height: 28px;line-height: 28px;margin-top: 15px;} #main.support-box .download-list .right .list3 .tit2{margin-left: 0;} } /*浜у搧涓績*/ #main.products-box .key-show{padding-bottom: 35px;margin-bottom: 35px;border-bottom: 1px solid #ddd;font-size: 16px;} #main.products-box .check-list{margin: 60px 0 47px;} #main.products-box .check-list .boxs{z-index: 999;margin-right: 20px;} #main.products-box .check-list .boxs:last-child{margin-right: 0;} #main.products-box .check-list .big{cursor: pointer;min-width: 152px;height: 51px;line-height: 51px;color: #828282;font-size: 16px;font-family: 'pingfangSC';position: relative;border: 1px solid #c8c8c8;padding-right: 41px;padding-left: 21px;z-index: 2;} #main.products-box .check-list .big:after{content:"";width: 5px;height: 51px;position: absolute;right: 25px;top: 0;background: url(/images/cate1.png) no-repeat center center;} #main.products-box{margin-bottom: 140px;} #main.products-box .check-list .boxs.open .big, #main.products-box .check-list .boxs .big.on, #main.products-box .check-list .boxs .big:hover{color: #fff;background: #1f85e6;border-color: #1f85e6;} #main.products-box .check-list .boxs .big:hover::after, #main.products-box .check-list .boxs .big.on:after, #main.products-box .check-list .boxs.open .big:after{width: 9px;background: url(/images/cate2.png) no-repeat center center;} #main.products-box .check-list .boxs:hover .child, #main.products-box .check-list .boxs.open .child{box-shadow: 0 0 16px 5px #e2e2e2;} #main.products-box .check-list .boxs .child{width: 100%;top: 51px;left: 0;height: 0;z-index: 1;overflow: hidden;} #main.products-box .check-list .boxs .child a{padding:20px 23px;width: 100%;color: #999999;font-size: 14px;font-family: 'SourceHanSansCN_Medium';border-bottom: 1px solid #ededed;background: #fff;} #main.products-box .check-list .boxs .child a:last-child{border-bottom: none;} #main.products-box .check-list .boxs .child a.on2, #main.products-box .check-list .boxs .child a:hover{color: #1f85e6;} #main.products-box .page .page_button, #main.products-box .page .page_item, #main.products-box .page .page_button, #main.products-box .page .page_noclick, #main.products-box .page .page_item_current{height: 38px;line-height: 38px;} #main.products-box .page .prev img{margin-top: 16px;margin-right: 10px;} #main.products-box .page .next img{margin-top: 16px;margin-left: 10px;} #products_category{display: none;} @media (max-width: 750px){ #main.products-box .check-list{margin: 40px 0px;} #main.products-box .check-list .big{min-width: auto;height: 35px;line-height: 35px;} #main.products-box .check-list .big:after{height: 35px;} #main.products-box .check-list .boxs .child{min-width: 150px;top: 36px;} #main.products-box{margin-bottom: 90px;} } @media (max-width: 650px){ #main.products-box .check-list .boxs{margin-bottom: 15px;} #main.products-box .check-list .boxs{display: none;} #main.products-box .check-list .boxs.on1{display: block;margin-right: 0;} #main.products-box .check-list .boxs.on1 .big{width: 100%;height: 30px;padding: 0 25px 0 18px;line-height: 30px;} #main.products-box .check-list .big:after{height: 30px;right: 15px;} #main.products-box .check-list .boxs .child a{padding: 10px 20px;} #main.products-box .check-list .boxs .child{top: 30px;} #main.products-box .list{margin-top: 50px;} /* #products_category{display: block;width: 89%;position: static;margin: 40px auto;} #products_category .swiper-slide{background: #fff;} #products_category .swiper-slide.active a, #products_category .swiper-slide.swiper-slide-active a{color: #1f85e6;} #products_category .swiper-slide .block{width: 100%;height: 30px;line-height: 30px;color: #111;text-align: center;font-size: 16px;position: relative;} #products_category .swiper-slide .block:after{content:"";position: absolute;top: 0;right: 0;bottom: 0;margin: auto;width: 1px;height: 15px;background: #1f85e6;} #products_category .swiper-button-prev, #products_category .swiper-button-next{width: 20px;height: 20px;margin: auto;top: 0;bottom: 0;} #products_category .swiper-button-prev{left: 0px;background: #fff url(/images/p1.png) no-repeat center center;} #products_category .swiper-button-next{right: 0;background: #fff url(/images/p2.png) no-repeat center center;}*/ #main.pro18 .list{margin-top: 0px;margin-bottom: 50px;} #main.pro19 .check-list{display: none;} #main.pro19 .check-list.cate19{display: block;} } @media (max-width: 450px){ #products_category .swiper-slide .block:after{display: none;} #main.products-box .check-list{margin: 25px 0 30px;} } /*鍒楄〃*/ /*鍏叡*/ #main.products-box .list .pro .name{margin: 28px 0 6px;color: #666666;font-size: 16px;} #main.products-box .list .pro .short{color: #999999;font-size: 14px;} #main.products-box .list .pro:hover .name, #main.products-box .list .pro:hover .short{color: #1f85e6;} #main.products-box .list .pro .absolute{top: 0;left: 0;right: 0;bottom: 0;margin: auto;} /*纭欢*/ #main.pro18 .list {margin-bottom: 60px;} #main.pro18 .list .pro{width: 31.7%;margin-right: 2.43%;margin-bottom: 36px;} #main.pro18 .list .pro .relative{} #main.pro18 .list .pro .pd{width: 100%;padding: 76.58% 0 0;} #main.pro18 .list .pro .absolute{border-radius: 6px;} #main.pro18 .list .pro .img{/*background: #f4f4f4;*/background: #fff;border: 1px solid #efefef;} #main.pro18 .list .pro .blue{height: 0;bottom: auto;overflow: hidden;background: url(/images/blue03.png) repeat;} #main.pro18 .list .pro .blue .num{margin-top: 18%;position: relative;padding-left: 20.05%;color: #ffffff;font-size: 60px;font-family: Arial;} #main.pro18 .list .pro .blue .num:before{content:"";position: absolute;left: 0;top: 0;bottom: 0;margin: auto;width: 18%;height: 1px;background: rgba(255,255,255,.5);} #main.pro18 .list .pro .blue .desc{width: 72.07%;margin: 0 auto;color: #ffffff;font-size: 12px;line-height: 24px;margin-top: 5px;} #main.pro18 .list .pro:nth-child(3n){margin-right: 0;} #main.pro18 .list .pro:hover .blue{height: 100%;} /*杞欢*/ #main.pro19 .list {margin-bottom: 50px;} #main.pro19 .list .pro{width: 49.64%;margin-right: 0.71%;margin-bottom: 50px;} #main.pro19 .list .pro:nth-child(2n){margin-right: 0;} #main.pro19 .list .pro .relative{overflow: hidden;} #main.pro19 .list .pro .pd{width: 100%;padding: 42.88% 0 0;} #main.pro19 .list .pro .blue{width: 100%;height: 48px;top: auto;bottom: -48px;background: #1f85e6 url(/images/add1.png) no-repeat center center;} #main.pro19 .list .pro:hover .blue{bottom: 0;} #main.pro20 .detail .img{width: 57.08%;} #main.pro20 .detail .msg .desc{height: 200px;} #main.pro20 .detail .gray{margin-bottom: 15%;width: 17px;height: 5px;background: #666666;} #main.pro20 .detail .content .editor *{font-family: 'SourceHanSansCN_Medium';} @media (max-width: 1400px){ #main.pro18 .list .pro .blue .num{margin-top: 10%;font-size: 40px;} } @media (max-width: 1200px){ #main.pro20 .detail .gray{margin-bottom: 10%;} #main.pro20 .detail .msg .desc{font-size: 14px;height: 170px;} } @media (max-width: 1100px){ #main.pro18 .list .pro .blue .desc{height: 68px;overflow: hidden;} } @media (max-width: 981px){ #main.pro18 .list .pro .blue .num{font-size: 26px;} #main.pro19 .list{margin-bottom: 30px;} #main.pro19 .list .pro{width: 48.5%;margin-right: 3%;} #main.pro19 .list .pro .blue{height: 25px;bottom: -25px;} } @media (max-width: 799px){ #main.pro20 .detail .img, #main.pro20 .detail .msg{float: none;} #main.pro20 .detail .img{width: 100%;} #main.pro20 .detail .msg{width: 90%;padding: 6% 0;margin: 0 auto;} #main.pro20 .detail .msg .desc{height: auto;margin-bottom: 30px;} #main.pro20 .detail .gray{margin-bottom: 5%;} } @media (max-width: 750px){ #main.pro18 .list .pro:nth-child(3n), #main.pro18 .list .pro{width: 48.5%;margin-right: 3%;} #main.pro18 .list .pro:nth-child(2n){margin-right: 0;} #main.products-box .list .pro .name{margin: 15px 0 6px;} #main.pro18 .list .pro .blue .num{margin-top: 18%;} } @media (max-width: 590px){ #main.pro18 .list .pro .blue .num{margin-top: 13%;} } @media (max-width: 500px){ #main.pro19 .list .pro:nth-child(2n), #main.pro19 .list .pro{width: 100%;margin-right: 0;} #main.pro19 .list{margin-bottom: 0;} } @media (max-width: 450px){ #main.products-box .list .pro .name{font-size: 14px;} #main.products-box .list .pro .short{font-size: 12px;} #main.pro18 .list{margin-bottom: 30px;} #main.pro18 .list .pro .blue{display: none;} } #main.products-detail{margin-top: 0;} #main.products-detail .img{width: 59.15%;border: 1px solid #efefef;} #main.products-detail .big-views{width: 100%;margin-bottom: 50px;text-align: center;} #main.products-detail .big-views .pi{width: 100%;padding: 65.01% 0 0;} #main.products-detail .big-views .absolute{top: 0;bottom: 0;left: 0;right: 0;margin: auto;} #main.product1 .swiper-container{width: 670px;position: static;margin-bottom: 43px;} #main.product1 .swiper-slide{height: 143px;border: 1px solid #efefef;} #main.product1 .swiper-slide .ab-style{top: 0;bottom: 0;right: 0;left: 0;margin: auto;} #main.product1 .swiper-slide .box{text-align: center;/*height: 81px;*/} #main.product1 .swiper-slide:hover, #main.product1 .swiper-slide.active{border-color: #666666;} #main.products-detail .swiper-button-prev, #main.products-detail .swiper-button-next{width: 30px;height: 30px;top: 0;bottom: 0;margin: auto;border-radius: 50%;border: 2px solid #90bcec;opacity: 1;background-position: center center;background-repeat: no-repeat;-webkit-background-size: 7px auto;background-size: 7px auto;} #main.products-detail .swiper-button-prev{left: 23px;background-image: url(/images/p1.png);} #main.products-detail .swiper-button-next{right: 23px;background-image: url(/images/p2.png);} #main.products-detail .swiper-button-prev.swiper-button-disabled{border-color: #c0c0c0;background-image: url(/images/p01.png);} #main.products-detail .swiper-button-next.swiper-button-disabled{border-color: #c0c0c0;background-image: url(/images/p02.png);} #main.products-detail .msg{width: 40.79%;height: 100%;padding: 65px 50px 0 40px;background: #f6f6f6;} #main.products-detail .msg .desc{margin-bottom: 65px;} #main.products-detail .msg .scroll-box{color: #999999;font-size: 16px;height: 330px;overflow-y: auto;} #main.products-detail .msg .scroll-box::-webkit-scrollbar {width: 8px;height: 1px;z-index: 8;position: relative;} #main.products-detail .msg .scroll-box::-webkit-scrollbar-thumb {border-radius: 8px;-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);background: #565555;} #main.products-detail .msg .scroll-box::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);border-radius: 3px;background: #fafafa;} #main.products-detail .msg .scroll-box::-webkit-scrollbar:horizontal { height: 1px;} #main.products-detail .msg .title{color: #111111;margin-bottom: 20px;font-size: 32px;} #main.products-detail .content{margin-top: 100px;} #main.products-detail .share-list .dis{line-height: 24px;} #main.products-detail .msg .download{margin-bottom: 65px;width: 198px;height: 58px;line-height: 58px;color: #111111;font-size: 16px;border-radius: 50px;border: 1px solid #cccccc;margin-bottom: 20%;background: #fff;} #main.products-detail .msg .download span{width: 17px;height: 16px;background: url(/images/book.png) no-repeat center center;vertical-align: top;margin: 21px 15px 0 0;} #main.products-detail .msg .download:hover{background: #1f85e6;border-color: #1f85e6;color: #fff;} #main.products-detail .msg .download:hover span{background: url(/images/book2.png) no-repeat center center;} #main.products-detail .content .desc-bread{margin-bottom: 80px;} #main.products-detail .content .desc-bread .dis{cursor: pointer;background: transparent;color: #999999;} #main.products-detail .content .desc-bread .dis:hover, #main.products-detail .content .desc-bread .dis.on{background: #1f85e6;color: #fff;} #main.products-detail .content .editor .introduce{display: none;} #main.products-detail .content .editor .introduce.open{display: inline-block;width: 100%;} #main.products-detail .content .editor .introduce table{max-width: 100%!important;} #main.products-detail .content .editor .introduce .m{display: none;} @media (max-width: 750px){ #main.products-detail .content .editor .introduce .pc{display: none;} #main.products-detail .content .editor .introduce .m{display: block;} /*#main.products-detail .content table td{width: 2%!important;padding-left:.5rem;}*/ #main.products-detail .content table{margin: 0 auto;} #main.products-detail .content table td{white-space: inherit;width: auto!important;padding: 6px!important;} #main.products-detail .content .img_center{font-size: .9rem!important;} #main.product2 .content .editor .introduce.open{width: 95%;margin: 0 auto;display: block;} } #main.products-detail .swiper-pagination .swiper-pagination-bullet{background: rgba(255,255,255,.8);opacity: 1;} #main.products-detail .swiper-pagination .swiper-pagination-bullet-active{background: #1f85e6;} @media(max-width: 1400px){ #main.products-detail .msg{padding-right: 35px;padding-top: 40px;} #main.products-detail .msg .scroll-box{font-size: 14px;height: 360px;} #main.product1 .swiper-container{width: 81%;} #main.product1 .swiper-slide{height: 120px;} #main.products-detail .msg .download, #main.products-detail .msg .desc{margin-bottom: 30px;} #main.products-detail .msg .download{width: 150px;height: 35px;line-height: 35px;} #main.products-detail .msg .download span{margin-top: 10px;} #main.products-detail .msg .title{font-size: 26px;} } @media(max-width: 1024px){ #main.products-detail .msg, #main.products-detail .img{float: none;width: 100%;border: none;} #main.products-detail .big-views{padding: 25px;border:1px solid #efefef;} #main.products-detail .big-views .pi{padding-top: 50%;} #main.products-detail .big-views{margin-bottom: 30px;} #main.products-detail .msg{padding-bottom: 40px;} #main.products-detail .msg .scroll-box{height: auto;} } @media(max-width: 750px){ #main.products-detail .content .desc-bread{margin-bottom: 40px;} #main.products-detail .swiper-slide{height: 100px;} #main.products-detail .swiper-button-prev{left: 10px;} #main.products-detail .swiper-button-next{right: 10px;} #main.products-detail .msg .title{font-size: 18px;text-align: center;} #main.products-detail .msg{padding: 45px 20px;} #main.products-detail .msg .download{margin: 0 auto;margin-bottom: 30px;} #main.products-detail .msg .share-list{text-align: center;} #main.product1 .big-views{display: none;} /*#main.products-detail.product1 .bread-list{border-bottom: none;} */ #main.products-detail .website{border: 1px solid #efefef;margin-top: 43px;} #main.products-detail .swiper-slide.active, #main.products-detail .swiper-slide{position: relative;height: auto;padding: 0;border: none;} #main.products-detail .swiper-slide .p{width: 100%;padding: 80% 0 0;} #main.products-detail .swiper-slide .box{position: absolute;top: 0; bottom: 0;right: 0;left: 0;margin: auto;} #main.products-detail .swiper-slide .box{height: auto;padding: 10px;} #main.products-detail .swiper-button-prev, #main.products-detail .swiper-button-next{width: 25px;height: 25px;} } @media(max-width: 450px){ #main.product1 .swiper-container{width: 85%;} #main.products-detail .swiper-button-prev{left: 0px;} #main.products-detail .swiper-button-next{right: 0px;} } #main.products-detail.product2 {margin-bottom: 140px;} #main.products-detail.product2 .content .desc-bread .dis{width: 16%;} #main.products-detail.product2 .msg .download span{background: url(/images/down.png) no-repeat center center;} #main.products-detail.product2 .msg .download:hover span{background: url(/images/down2.png) no-repeat center center;} #main.products-detail.product2 .detail{background: #f6f6f6;margin-bottom: 80px;} #main.products-detail.product2 .detail .img{width: 57.22%;border: 1px solid #efefef;} #main.products-detail.product2 .detail .img .pi{width: 100%;padding: 70.09% 0 0;} #main.products-detail.product2 .detail .img .absolute{top: 0;left: 0;right: 0;bottom: 0;margin: auto;} #main.products-detail.product2 .detail .msg{width: 36.43%;padding:5% 0 0;margin-right: 3.03%;} #main.products-detail.product2 .detail .msg .title{color: #111111;font-size: 32px;font-weight: bold;font-family: 'SourceHanSansCN_Medium';} #main.products-detail.product2 .detail .msg .desc{padding-left: 12px;background: url(/images/little.jpg) no-repeat left 19px;height: 160px;overflow-y: auto;margin: 5.66% 0 23%;line-height: 40px;color: #828282;font-size: 16px;font-family: 'SourceHanSansCN_Medium';} #main.products-detail.product2 .detail .msg .desc::-webkit-scrollbar {width: 8px;height: 1px;z-index: 8;position: relative;} #main.products-detail.product2 .detail .msg .desc::-webkit-scrollbar-thumb {border-radius: 8px;-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);background: #565555;} #main.products-detail.product2 .detail .msg .desc::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);border-radius: 3px;background: #fafafa;} #main.products-detail.product2 .detail .msg .desc::-webkit-scrollbar:horizontal { height: 1px;} #main.products-detail.product2 .big-views{margin-bottom: 0;} #main.products-detail.product2 .content .share-list, #main.products-detail.product2 .editor{margin-bottom: 80px;} #main.products-detail.product2 .editor .introduce{width: 100%;} #main.products-detail.product2 .editor .download{width: 1400px;margin: auto;} #main.products-detail.product2 .editor .download .down{width: 47%;margin-right: 5%;border-bottom: 1px solid #f2f2f2;padding: 20px 10px;} #main.products-detail.product2 .editor .download .down:nth-child(2n){margin-right: 0;} #main.products-detail.product2 .editor .download .down .n1{width: 70%;color: #1f85e6;margin-right: 10%;font-size: 16px;} #main.products-detail.product2 .editor .download .down .d1{padding-left: 21px;background: url(/images/down.png) no-repeat left center/17px auto;color: #999999;font-size: 12px;} #main.products-detail.product2 .editor .download .down .d1:hover{background: url(/images/down3.png) no-repeat left center;color: #1f85e6;} #main.products-detail.product2 .prev-next{padding-top: 40px;border-top: 1px solid #e9e9e9;} #main.products-detail.product2 .prev-next .prev{margin-bottom: 15px;} #main.products-detail.product2 .prev-next .dis{color: #1f85e6;font-size: 14px;} #main.products-detail.product2 .prev-next a.dis{color: #999999;} #main.products-detail.product2 .prev-next a.dis:hover{color: #1f85e6;} @media (max-width: 1440px){ #main.products-detail.product2 .editor .download{width: 95%;} } @media (max-width: 1200px){ #main.products-detail.product2 .detail .msg{padding-top: 3%;width: 37%;} #main.products-detail.product2 .detail .msg .title{font-size: 20px;} #main.products-detail.product2 .detail .msg .desc{line-height: 24px;} #main.products-detail.product2 .detail .msg .desc{background: url(/images/little.jpg) no-repeat left 12px;} } @media (max-width: 1024px){ #main.products-detail.product2 .detail .img{float: left;} #main.products-detail.product2 .detail .msg{float: right;} #main.products-detail .big-views{padding: 0;} #main.products-detail.product2{margin-bottom: 80px;} } @media (max-width: 981px){ #main.products-detail.product2 .editor .download .down{width: 100%;margin-right: 0;clear: both;} #main.products-detail.product2 .editor .download .down .d1{float: right;} } @media (max-width: 920px){ #main.products-detail.product2 .detail .msg{width: 39%;} #main.products-detail.product2 .detail .msg .desc{height: 144px;font-size: 14px;} #main.products-detail.product2 .msg .download{width: 120px;font-size: 14px;margin-bottom: 15px;} #main.products-detail.product2 .msg .download span{margin-right: 5px;} #main.products-detail.product2 .detail .msg .desc{margin: 4% 0 6%;} #main.products-detail.product2 .detail .msg{margin-right: 1.5%;} #main.products-detail.product2 .content .desc-bread .dis{width: auto;padding: 0 15px;} } @media (max-width: 799px){ #main.products-detail.product2 .detail .img{width: 100%;float: none;} #main.products-detail.product2 .detail .msg{width: 90%;margin: 0 auto;float: none;} #main.products-detail.product2 .detail .msg .desc{height: auto;} #main.products-detail.product2 .detail .msg{padding: 6% 0;text-align: center;} #main.products-detail.product2 .detail .msg .desc{text-align: left;} #main.products-detail.product2 .msg .download{margin: 0 auto;margin-bottom: 6%;} #main.products-detail .content{margin-top: 60px;} #main.products-detail.product2 .detail, #main.products-detail.product2 .content .share-list, #main.products-detail.product2 .editor{margin-bottom: 60px;} } @media (max-width: 750px){ #main.products-detail.product2 .desc-bread .intro{font-size: 14px;padding: 0 6px;} #main.detail-box .desc-bread .intro{height: 40px;line-height: 40px;} #main.products-detail.product2 .detail .msg .title{font-size: 18px;margin-bottom: 12px;} #main.products-detail.product2 .editor .download .down .n1{font-size: 14px;} } /*鎼滅储*/ #main.search-box .center1{margin: 40px 0 140px;} #main.search-box {margin-bottom: 6.25%;} #main.search-box .form{margin-bottom:22px;} #main.search-box .hr{text-align: center;position: relative;border-bottom:1px solid #dddddd;height: 69px;line-height: 69px;margin-bottom: 34px;color:#333333;font-size: 16px;font-family: '寰蒋闆呴粦';} #main.search-box .hr:after{content:"";left: 0;right: 0;margin:auto;bottom:-2px;position: absolute;width: 45px;height: 3px;background: #305d92;} #main.search-box .form .text{width: 340px;padding-left: 15px;height: 49px;line-height: 49px;border:1px solid #dddddd;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none;} #main.search-box .form .submit{height: 49px;width: 59px;border:1px solid #1f85e6;border-top-right-radius: 5px;border-bottom-right-radius:5px;background: #1f85e6 url(/images/big.png) no-repeat center center;} #main.search-box .form .radio{margin-top: 30px;margin-left: 17px;color:#333333;font-size: 14px;font-family: '寰蒋闆呴粦';} #main.search-box .form .radio.one{margin-left: 0;} #main.search-box .form .radio .button{-webkit-appearance: none;border:1px solid #cbcbcb;width: 12px;height: 12px;border-radius: 50%;} #main.search-box .form .radio:hover .button, #main.search-box .form .radio .on{border-color:#396497;background: #fff url(/images/small.png) no-repeat center center;} #main.search-box .list .info .cate{padding-left: 15px;} #main.search-box .list .new .cate{background: url(/images/info_ico.jpg) no-repeat left center;} #main.search-box .list .know .cate{background: url(/images/know_ico.jpg) no-repeat left center;} #main.search-box .list .info li{padding:20px 0;border-top:1px solid #dddddd;} #main.search-box .list .info:first-child li:first-child{border-top-color:transparent;} #main.search-box .list .info .title{margin-right: 16px;line-height: 22px;color:#1f85e6 ;font-size: 16px;font-family: '寰蒋闆呴粦';font-weight: bold;} #main.search-box .list .info .day, #main.search-box .list .info .cate{color:#888888;font-size: 16px;font-family: '寰蒋闆呴粦';margin-right: 20px;} #main.search-box .list .info .day{margin:0;} #main.search-box .list .info .desc{height: 60px;overflow: hidden;margin-top:1.375%;color:#888888;font-size: 14px;line-height: 32px;font-family: '寰蒋闆呴粦';} @media screen and (max-width: 1620px){ } @media screen and (max-width: 750px){ #main.search-box .form .radio{margin-left: 2.26%;} } @media screen and (max-width: 500px){ #main.search-box .form .text{width: 75%;} }