@media (min-width: 1200px){ .container { width: 1200px; } } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{ padding:0 55px; } .main .download .con>.w1200 .con_box ul li a h6{ margin: 0px 0px 0px 20px; } ul, ol, li, dl, dd{ list-style: none; } img{ display: block; } .border-bottom-1px{ border-bottom: 1px solid #ccc; } .adv-value-item{ border: 1px solid #e6e6e6; overflow: hidden; margin-bottom: 20px; height: 204px; } .product-summry img{ width: 100%; } .product-summry p{ font-size: 12px; line-height: 24px; } .content-notice p{ padding: 0 100px; height: 138px; display: table; background: url(../images/notice-bg.jpg) no-repeat 36px center; } .content-notice p span{ display: table-cell; vertical-align: middle; } .content-notice p span i{ font-size: 16px; color: #464646; font-weight: 800; background: #e5e5e5; border: 1px solid #ccc; font-style: normal; padding: 5px 15px; line-height: 32px; } .container h2{ font-size: 22px; height: 78px; line-height: 78px; padding: 0 55px; font-weight: 800; position: relative; } .container h2::before{ content: ''; display: block; width: 4px; height: 22px; position: absolute; background: #398ced; left: 40px; top: 28px; } .user-pain-point img{ width: 100%; display: block; } .advantage-value .pull-left{ width: 30%; height: 100%; padding: 20px; position: relative; } .advantage-value .pull-right{ width: 70%; padding: 20px; height: 100%; } .advantage-value .pull-left img{ width: 100px; position: absolute; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px; display: inline-block; } .advantage-value .pull-right h4{ font-size: 16px; font-weight: 800; height: 38px; line-height: 38px; } .advantage-value .pull-right p{ font-size: 12px; color: #666; line-height: 22px; } .cases{ margin-bottom: 110px; } .cases img{ width: 100%; } .cases h4{ font-size: 18px; font-weight: 800; line-height: 50px; margin-top: 30px; } .cases p{ font-size: 12px; line-height: 26px; color: #666; } .banner{ height: 350px; width: 100%; z-index: 1; margin-top: 88px; } .banner .w1200{ width: 1200px; position: absolute; left: 50%; margin:0 0 0 -600px; } .banner .w1200 h5{ font-size: 36px; margin: 106px 50px 26px; line-height: 50px; color: #fff; font-weight: normal; text-transform: inherit; } .fa-banner-wrapper .w1200 h5{ /* margin-left: 0px; */ } header{ display: block; } .banner .desc{ margin-left: 50px; font-size: 18px; color: #fff; } @media (max-width: 1200px){ .banner .w1200{ width: 100%; text-align: center; left: 0; margin: 0; } .content-notice{ padding: 20px 0; } .content-notice p{ padding: 0 50px 0 100px; } .banner{ margin-top: 0.78rem; } .banner .desc{ margin: 0 !important; padding: 0 15px; } } /* 瑙e喅鏂规閮ㄥ垎 start */ .lt{ float: left; } .rt{ float: right; } .case-summry p{ font-size: 12px; line-height: 24px; color: #666; float: none; margin: 0 auto; text-align: left; } .container .case-h3{ font-size: 22px; height: 78px; line-height: 78px; /* padding: 0 55px; */ text-align: center; font-weight: 800; position: relative; margin: 40px 0 30px; } .container .case-h3::before{ content: ''; display: block; width: 40px; height: 3px; position: absolute; background: #398ced; left: 50%; margin-left: -20px; bottom: 14px; } .safety-wrapper{ background: url(../images/case-bg.jpg) no-repeat; background-size: cover; } .safety-status{ padding-bottom: 100px; margin-top: 80px; } .safety-status .col-md-6{ overflow: hidden; margin-bottom: 45px; } .safety-status .case-h3{ color: #fff; margin-bottom: 50px; } .safety-status .case-h3::before{ background: #fff; } .safety-status .num{ width: 20%; } .safety-status .num span{ width: 70px; height: 70px; line-height: 70px; text-align: center; font-size: 32px; color: #fff; background: url(../images/num-bg.jpg) repeat-y center; display: inline-block; } .safety-status .safety-info{ width: 77%; margin-left: 3%; } .safety-status .safety-info h6{ font-size: 16px; color: #fff; margin-top: 0; } .safety-status .safety-info p{ font-size: 12px; line-height: 24px; color: #fff; } .solutions h4{ font-size: 14px; color: #272727; font-weight: 800; position: relative; padding-left: 10px; } .solutions h4::before{ display: inline-block; width: 4px; height: 4px; background: #398ced; content: ''; left: 0; position: absolute; top: 5px; } .solutions p{ font-size: 12px; color: #5c5c5c; line-height: 24px; text-indent: 24px; } .solutions img{ height: 100%; margin: 0 auto; width: 100%; } .solutions .solutions-item{ margin-bottom: 40px; } .solutions .solutions-item:last-child{ border-bottom: 1px solid #e6e6e6; padding-bottom: 40px; } .it{ margin-bottom: 110px; text-align: center; } .it img{ width: 100px; margin: 0 auto; } .it h3{ font-size: 16px; font-weight: 800; line-height: 50px; margin-top: 30px; } .it p{ font-size: 12px; line-height: 24px; color: #666; /* padding: 0 20px; */ } .it .col-md-4{ margin-bottom: 50px; } /* banner start */ .w1200{ overflow: hidden; } .solu_tab{ overflow: hidden; } .solu_tab .banner { height: 350px; width: 100%; z-index: 1; margin-top: 88px; } .solu_tab h5{ font-size: 45px; color: #fff; text-align: center; margin-top: 6%; } .solu_tab p{ font-size: 16px; color: #fff; margin: 40px auto!important; padding: 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 90%; text-align: center; } /* banner end */ .main .about_tab .banner{ height: 395px; background-size: cover; } @media (max-width: 1260px){ .solutions{ padding: 0px; } .banner .w1200{ width: 100%; text-align: center; left: 0; margin: 0; overflow: hidden; } .banner .w1200 h5{ font-size: 28px !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .content-notice{ padding: 20px 0; } .content-notice p{ padding: 0 50px 0 100px; } .banner{ margin-top: 0.78rem !important; } .banner .desc{ margin: 0 auto!important; padding: 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 90%; } .solu_tab h5{ margin-top: 20% !important; } .m-header{ display: block !important; } .pc-header{ display: none !important; } .w470{ width: 100% !important; margin: 24px auto 0 !important; text-align: center !important; } header{ height: auto !important; } .welcome-banner .w1200 h5{ font-size: 0.2rem !important; line-height: 0.2rem; } .welcome-banner .w1200 h6{ font-size: 0.18rem !important; line-height: 0.2rem; } } /* 瑙e喅鏂规閮ㄥ垎 end */ /* 绉诲姩绔痟eader鏍峰紡 start */ .bg-wrapper{ width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); position: fixed; left: 0; top: 0; display: none; z-index: 12; } .header{display: none;height:0.78rem;background:#fff;position:fixed;right:0;top:0;width:100%;z-index:13;transition:all 0.5s;box-shadow:0 0 0.16rem 0 rgba(6,0,1,0.28)} .header .logo{width:1.31rem;height:0.37rem;float:left;margin:0.23rem 0 0 0.17rem} .header .logo img{width:100%;display:block} .header>h5{font-size:0.28rem;color:#3f3f3f;line-height:0.78rem;position:absolute;width:3.4rem;left:50%;top:0;margin-left:-1.7rem;text-align:center;font-weight:normal} .header>h5 a{display:block} .header .menu{width:0.32rem;background-size:cover;float:right;margin:0.25rem 0.17rem 0 0;height:0.25rem;background:url(../img/menu.jpg) no-repeat;background-size:cover} .header .menu.on{background:url(../img/menu_close.jpg) no-repeat;background-size:contain} .header nav{width:2.8rem;height:100%;background:#fff;position:fixed;right:0;top:0;z-index:-1;transition:all 0.5s;opacity:0;transform:perspective(400px) rotateY(-90deg);transform-origin:right center;overflow-y:scroll} .header nav ul{width:100%} .header nav ul>li{border-bottom:1px solid #f2f2f2} .header nav ul>li>a{display:block;font-size:0.28rem;color:#333;line-height:0.8rem;padding-left:0.52rem} .header nav ul>li dl{background:#fff;padding:0 0 0.2rem;display:none} .header nav ul>li dl dd>a{padding-left:0.52rem;font-size:0.26rem;color:#6e706d;line-height:0.55rem;display:block} .header nav ul>li dl dd ol{display:none}.header nav ul>li dl dd ol li a{padding-left:0.72rem;font-size:0.24rem;color:#6e706d;line-height:0.55rem;display:block} .header nav.on{transition:all 0.5s 0.1s;transform:rotateY(0);opacity:1} /* 绉诲姩绔痟eader鏍峰紡 end */ /* 鍏充簬瀹夊崥閫 start */ .con_tit{ display: none; } h5{ margin: 0px; } .con_tit { position: relative; height: 0.66rem; z-index: 10; } .con_tit .tit { overflow: hidden; padding: 0 0.6rem 0 0.17rem; background: #fff; box-shadow: 0 0.04rem 0.1rem 0 rgba(6,0,1,0.1); position: relative; line-height: 0.66rem; height: 0.66rem; } .con_tit .tit h6 { font-size: 0.24rem; color: #006cd1; font-weight: normal; overflow: hidden; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 0.66rem; margin: 0; } .con_tit .tit em { width: 0.43rem; height: 0.17rem; background: url(../img/zhankai.jpg) no-repeat; background-size: cover; position: absolute; right: 0.17rem; top: 0.25rem; } .con_tit .tit.on em { background: url(../img/shouqi.jpg) no-repeat; background-size: cover; } .con_tit .tit_con { position: absolute; left: 0; top: 0.66rem; width: 100%; background: #fff; display: none; } .con_tit .tit_con ul li { border-bottom: 1px solid #f1f1f1; padding: 0 0.17rem; } .con_tit .tit_con ul li>a { line-height: 0.6rem; font-size: 0.22rem; color: #555; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .main .culture .box2 p img{ margin: 0 auto; } .main .recru .con>.w1200 ul li .li_con .con_tit{ display: block; } .main .contact .con>.w1200 .box1{ text-align: center; } .main .resume .banner{ margin-top: 0px; } .main .resume .con .applay-tb select.applay-input,.main .resume .con .applay-tb .applay-input { height: 34px; width: 80%; margin-left: 10px; } .resume-table ul li div{ display: inline-block; } .resume-table .row{ overflow: hidden; font-size: 0px; } .resume-table .row div{ font-size: 14px; width: 80%; } .resume-table .row .lable{ width: 20%; text-align: right; } .resume-table .textare-wrapper .lable{ width: 57.8px; text-align: right; line-height: 100px; vertical-align: top; } .resume-table .textare-wrapper .textarea-content{ width: 872px; } .main .con .resume-table .textare-wrapper .textarea-content textarea.applay-input{ width: 95%; } .main .resume .con .applay-tb textarea.applay-input{ width: 80%; } .main .download .con>.w1200 .con_box ul li a .down .span-hide{ display: none; } .main .info .box_con img{ margin: 0 auto; } @media (max-width: 1200px){ .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{ padding:0 15px; } .w1200{ width: 100%; } .box1{ padding: 0 30px; } .main .company .con .pro_nav .w1200 a{ width: 20%; margin-right: 0px; font-size: 14px; } .pro_nav{ display: none; } .con_tit{ display: block; } .tab{ display: none; } .main { margin-top: 0.78rem; } .main .about_tab .banner,.main .download_tab .banner{ height: 2.5rem; } .main .about_tab .banner .w1200 h5,.main .download_tab .banner .w1200 h5{ line-height: 2.5rem; margin-top: 0; } /* 浼佷笟鏂囧寲 start*/ .main .culture .con>.w1200 .box2{ padding:0 0.15rem; } .main .culture .box2 p img{ width: 100%; } .culture .box2 p img { width: 100% !important; height: auto !important; } /* 浼佷笟鏂囧寲 end*/ /* 鏂伴椈涓績 start */ .main .news .con>.w1200 ul li a .img{ width: 100%; } .main .news .con>.w1200 ul li a{ padding: 0.15rem; overflow: auto; height: auto; } .main .news .con>.w1200 ul li a .li_r{ width: 100%; } .main .news .con>.w1200 .page{ text-align: center; } /* 鏂伴椈涓績 end */ /* 鎷涜搐绾冲+ start */ .main .recru .con>.w1200 ul.ani{ padding:0 0.15rem; } .main .recru .con>.w1200 ul li .li_tit h5{ width: auto; } .main .recru .con>.w1200 ul li .li_con dl dd{ line-height: 0.3rem; } .main .recru .con>.w1200 ul li .li_con .con_tit .item em{ width: 0.18rem; height: 0.18rem; } .main .recru .con>.w1200 ul li .li_con .con_tit .item span{ line-height: 0.18rem; } .main .recru .con>.w1200 ul li .li_con .con_tit i{ height: 0.18rem; margin: 0px 0.1rem 0 0; } .main .recru .con>.w1200 ul li .li_con .con_tit .item{ margin-right: 0.1rem; } .main .recru .con>.w1200 ul li .li_con .con_tit{ height: 0.3rem; } /* 鎷涜搐绾冲+ end */ /* 鎷涜搐绾冲+鐢宠 start */ .resume .banner { margin-top: 0 !important; } .main .resume .con .applay-tb{ width: auto; } .resume-table ul li{ margin-bottom: 10px; } .resume-table ul li:last-child{ margin-bottom: 0px; } .resume-table ul li .submit-wrapper{ text-align: center; margin: 0 auto; width: 100%; } .resume-table .textare-wrapper .lable{ width: 20%; } .resume-table .textare-wrapper .textarea-content{ width: 80%; } .main .con .resume-table .textare-wrapper .textarea-content textarea.applay-input{ width: 80%; } /* 鎷涜搐绾冲+鐢宠 end */ /* 浜у搧鎵嬪唽 start */ .main .download .con>.w1200 .con_box ul li a h6{ width: 45%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin: 0 20px; } .main .download .con>.w1200 .con_box ul li a .down .span-show{ display: none; } .main .download .con>.w1200 .con_box ul li a .down .span-hide{ display: inline-block; } .main .download .con>.w1200 .con_box ul li a .down{ width: 100px; } .main .download .con>.w1200 .con_box .page{ text-align: center; } /* 浜у搧鎵嬪唽 end */ /* SPOS铚曞彉涔嬭矾 start */ .main .pro_tab .banner{ height: 2.5rem; } .main .emerge .con .w1200 .box{ padding: 0 0.2rem; } .main .emerge .con .w1200 .box img{ width: 100%; } /* SPOS铚曞彉涔嬭矾 end */ /* 鎶€鏈綋绯 start */ .main .technology .con .w1200 .box>ul li.even .img{ margin: 0; } .main .technology .con .w1200 .box>ul>li{ padding:0; } .main .technology .con .w1200 .box{ padding: 0 0.2rem; } .main .technology .con .w1200 .box>ul>li .li_con-aaa{ width: 100%; } /* 鎶€鏈綋绯 end */ /* 鍚堜綔鐢熸€ start */ .main .cooperation .box1{ padding: 0px; } .main .cooperation .w1200{ padding: 0.2rem; } .main .cooperation .pro_tab .w1200{ padding: 0; } .main .cooperation .pro_tab h5{ margin: 0!important; line-height: 2.5rem !important; } .main .cooperation .w1200 img{ width: 100%; } /* 鍚堜綔鐢熸€ end */ /* 绮惧僵涓撻 start */ .main .about_tab .banner{ height: 2.5rem; background-size: 100% 100% !important; } .lmxz-left,.lmxz-right{ width: 100%; } /* 绮惧僵涓撻 end */ /* SPOS-App瀹夊叏搴旂敤 start */ .main .pro_info .pro_info_banner,.main .product_spos .pro_banner{ height: 2.5rem; position: relative; } .main .pro_info .pro_info_banner .txt,.main .product_spos .pro_banner .txt{ font-size: 28px; color: #fff; width: 100%; position: absolute; line-height: 2.5rem; text-align: center; top: 0px; left: 0px; } .main .pro_info .pro_info_banner img,.main .product_spos .pro_banner img{ height: 100%; width: 100%; } .main .pro_info .con_content{ padding: 0.2rem; } .main .pro_info .box1{ padding: 0; } .main .pro_info .box1 img{ width: 100% !important; } /* SPOS-App瀹夊叏搴旂敤 end */ /* 琛屼笟瑙e喅鏂规 start */ .main .product_spos .con .con_content ul li>a { display: block; line-height: 0.5rem; padding: 0 0.17rem; border-bottom: 1px solid #e3e3e3; font-size: 0.2rem; color: #4f4f4f; } /* 琛屼笟瑙e喅鏂规 end */ /* 鏂伴椈鍐呴〉 start */ .main .con section { width: auto !important; } .main .box_con{ padding: 0 0.25rem; } .main .info .con>.w1200 .box_bot .bot_l{ float:none; margin-left: 0px; padding: 0 0.25rem; } .main .info .con>.w1200 .box_bot .bot_r{ float: none; margin-top: 0.25rem; } .main .info .con>.w1200 .box_bot .bot_r a{ margin: 0 auto; } /* 鏂伴椈鍐呴〉 end */ /* 浜у搧绯诲垪 start */ .main .product_list .con .con_content a:focus,.main .product_list .con .con_content a:hover{ text-decoration: none; } .main .product_list .con .con_content ul li dl { background: #fff; display: none; } .main .product_list .con .con_content ul li dl dd a { display: block; line-height: 0.5rem; padding: 0 0.6rem; border-bottom: 1px solid #e3e3e3; font-size: 0.2rem; color: #3e3e3e; } /* 浜у搧绯诲垪 end */ /* 涓撻鍐呴〉 start */ .main .infos .about_tab .banner{ background-size: 140% 100% !important; } .main .infos .tj_h5 h5{ padding:0 0.25rem; } .main .infos .box_con img{ height: auto !important; width: 100% !important; } .main .infos .tj_h5 .box_bot .bot_l{ float:none; margin-left: 0px; padding: 0 0.25rem; } .main .infos .tj_h5 .box_bot .bot_r{ float: none; margin-top: 0.25rem; } .main .infos .tj_h5 .box_bot .bot_r a{ margin: 0 auto; } /* 涓撻鍐呴〉 end */ } /* 鍏充簬瀹夊崥閫 end */ .risk-summry .to-pro .a h6, .container p span, .container p { font-size: 13px !important; font-family: 'Microsoft Yahei' !important; text-indent: 0px !important; } .container h6 span, .container h6 { font-size: 15px !important; font-family: 'Microsoft Yahei' !important; } .container h4 span, .container h4 { font-size: 16px !important; font-family: 'Microsoft Yahei' !important; } .it p, .risk-summry p { text-align: left !important; } .risk-summry .to-pro .a p { text-align: center !important; } .solutions h4 span, .solutions h4 { font-size: 12px !important; font-family: 'Microsoft Yahei' !important; }