.pintai .mentdevelop_2:nth-child(1){padding: 160px 0 0;} .pintai .mentdevelop_2{padding: 40px 0 0;} .pintai .mentdevelop_2:nth-child(2n){align-items: center;} .pintai .mentdevelop_2:nth-child(2n) .mentdevelop_2_left{width: 53%;height: 614px;margin-right: -40px;margin-left: 40px;} .pintai .mentdevelop_2:nth-child(2n) .mentdevelop_2_right{margin-top: 0;} .pintai .mentdevelop_2:nth-child(2n) .mentdevelop_2_right_box{padding: 143px 85px 122px 100px;} .headerSwiper .swiper-wrapper{justify-content: center;} .headerSwiper .swiper-slide{width: 24.5% !important;} .pro_list_bon .item dd p .em{font-style: italic;} .body-box{ min-height: 100vh; position: relative;} .body-box .section{display: table;table-layout: fixed;width: 100%;height: 100vh;} .section8 { height: 100px !important; display: block !important;} .section8 .fp-tableCell{ height: auto !important;} /*.ohter_main{ max-width: 1920px; margin: 0 auto;}*/ .ohter_main{ margin: 0 auto;} .header{ position: fixed; left: 0; right: 0; top: 0; z-index: 1002; transition: 0.3s all;} .header .imgb{ display: none;} .header .all_wrap{ height: 50px; margin: 40px 50px; position: relative; text-align: center; transition: 0.3s all;} .header .logo{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 120px; text-align: center;} .header .logo img{ width: 120px; height: auto; transition: 0.3s all; } .menu-right{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);} .menu-right .search{ position: relative; padding:10px;} .menu-right .search .img{ width: 30px; height: 30px; position: relative; cursor: pointer; } .menu-right .search .img img{ opacity: 1; transition: 0.4s all; } .menu-right .search .img::after, .menu-right .search .img::before{ position: absolute; left:0; top: 50%; margin-top: -1px; content: ''; width: 100%; height: 3px; background: #fff; transition: 0.4s all; opacity: 0;} .menu-right .search dl{ position: absolute; right: 0; top: 100%; background: #fff; width: 250px; opacity: 0; transition: 0.5s all; visibility: hidden; transform: translateY(20px); box-shadow: 0 0 5px rgba(0,0,0,0.3);} .menu-right .search dl::after{ content: ''; position: absolute; right: 20px; top: -10px; border: 5px solid rgba(0,0,0,0); border-bottom-color: #0f3471;} .menu-right .search dt{ float: left; padding: 0 10px; width: 60%;} .menu-right .search dt input{ width: 100%; border: 0; height: 40px; line-height: 40px;} .menu-right .search dd{ overflow: hidden;} .menu-right .search dd button{ width: 100%; height: 40px; line-height: 40px; border: 0; background: #0f3471; color: #fff;} .menu-right .hover1 .img img{ opacity: 0; } .menu-right .hover1 .img::after{ transform:rotate(45deg); opacity: 1;} .menu-right .hover1 .img::before{ transform:rotate(-45deg); opacity: 1;} .menu-right .hover1 dl{ transform: translateY(0); opacity: 1; visibility: visible;} .menu-right .lange{ position: relative;} .menu-right .lange dt{ padding: 10px; color: #fff; cursor: pointer;} .menu-right .lange dt span{ display: inline-block; margin: 0 5px; vertical-align: middle;} .menu-right .lange dt i{ transition: 0.3s all; display: inline-block; position: relative; vertical-align: middle; height: 20px;} .menu-right .lange dd{ position: absolute; top: 100%; background: #fff; border-top: 2px solid #0f3471; width: 100%; opacity: 0; transition: 0.5s all; visibility: hidden; transform: translateY(20px); box-shadow: 0 0 5px rgba(0,0,0,0.3);} .menu-right .lange dd::after{ content: ''; position: absolute; left:50%; margin-left: -5px; top: -12px; border: 5px solid rgba(0,0,0,0); border-bottom-color: #0f3471;} .menu-right .lange dd a{ display: block; padding: 8px 0; transition: 0.2s all;} .menu-right .lange dd a:hover{ background: #0f3471; color: #fff;} .menu-right .lange dl:hover dt i{ transform:rotateX(180deg) translateY(-2px);} .menu-right .lange dl:hover dd{ opacity: 1; transform: translateY(0); visibility: visible;} .header .menu { line-height: 50px; margin: 0 15% 0 15%;} .header .menu li{ position: relative;margin: 0 30px;} /*第 去掉了菜单hover事件的border-top: 2px solid #0892e8; 第54行 background: url(../images/bg_118.png) no-repeat;*/ .header .menu li .child{ line-height: 1.8; position: absolute; background: white; min-width: 200px; margin-left: -100px; left: 50%; opacity: 0; transition: 0.3s all; visibility: hidden; transform: translateY(20px); box-shadow: 0 0 5px rgba(0,0,0,0.3);} .header .menu li .child::after{ content: ''; position: absolute; width: 17px; height:10px ; left: 50%; margin-left: -8px; top: -10px; } .header .menu li .child .w a{ display: block; padding: 8px 6px;white-space: nowrap;} .header .menu li .child .w{ padding: 10px;} .header .menu li .child .w a:hover{ background: #0f3471; color: #fff;} .header .menu li .a1{ color: #fff; text-shadow: 0 0 1px rgba(0,0,0,0.5); display: block; white-space: nowrap;} .header .menu li:hover .a1{ color: #0f3471; font-weight: bold; text-shadow: none;white-space: nowrap;} .header .menu li:hover .child{opacity: 1; transform: translateY(0); visibility: visible;} /* .header .menu li:last-child .child{margin-left: -138px;} */ /* .header .menu li .child_2{opacity: 1; visibility: visible; transform:translateY(0)} */ .header .menu li .child_2{ width: 1500px; left: -18.2vw; margin-left: 0; } .header .menu li .child_2::after{ left: 20vw;} .header .menu li .child_2 .top{padding: 5px 0;} .header .menu li .child_2 .tab_head{ display: flex; pcadding: 10px; margin: 0 0;} .header .menu li .child_2 .tab_head .tab_a{ flex: 1; max-width: 20%; } .header .menu li .child_2 .tab_head .tab_a.cur span{background: #0f3471; color: #fff;} .header .menu li .child_2 .tab_head .tab_a span{ cursor: pointer; margin: 0 10px; background: #b1dcfb; padding: 10px 10px; display: block;} .header .menu li .child_2_w { } .header .menu li .child_2_w .left{ float: left; width: 20%; } .header .menu li .child_2_w .left .left_w{background: #E7E7E7; margin-right: 5px; height: 60vh; overflow-y: auto; } .header .menu li .child_2_w .right{ overflow: hidden; height: 60vh; overflow-y: auto;} .header .menu li .child_2_w .left .ul{ padding: 20px 0;} .header .menu li .child_2_w .left p{ padding: 12px 0; cursor: pointer;} .header .menu li .child_2_w .left p.cur{background: #f6f6f6;} /* .header .menu li:nth-child(4) .child{margin-left: -166px;} */ #menu_left .mCSB_inside > .mCSB_container{ margin-right: 0;} .pro_item_list{ position: relative; overflow: hidden; padding-bottom: 20px;} .pro_item_list{ line-height: 1.5; text-align: left;} /*.pro_item_list .item{ width: 20%; float: left; position: absolute; opacity: 0;}*/ .pro_item_list .item { width: 24%; float: left; /*height: 30%;*/ /*position: absolute; */ opacity: 0; } .waterfall_overs .item{ opacity: 1;} .pro_item_list .item dl{ margin: 20px 20px 20px;} .pro_item_list .item dt{ border-bottom:1px solid #bfbfbf; font-weight: bold; padding-bottom: 10px; margin-bottom: 10px;} .pro_item_list .item dt img{ width: 20px; height: 20px; margin-right: 3px; vertical-align: text-top; position: relative; top: 1px;} .pro_item_list .item dd a{ padding: 2px 0; display: inline-block; color: #666;} .pro_item_list .item dd a:hover{ color: #0f3471;} .pro_item_list{ display: none;} .pro_item_list.cur{ display: block;} .right_a{ display: none;} .news-list .hidden{ visibility: hidden; opacity: 0; position:absolute; width: 100%; height: auto; left: 0; top: 0; z-index: -1;} .show_0 .left .right_a:nth-child(1), .show_0 .right .right_a:nth-child(1), .show_1 .left .right_a:nth-child(2), .show_1 .right .right_a:nth-child(2){ display: block;} #child_2 .tab_b{ display: none;} #child_2 .show_0 .tab_b_1, #child_2 .show_1 .tab_b_1, #child_2 .show_2 .tab_b_2, #child_2 .show_3 .tab_b_3{ display: block;} .ohter_main{ overflow: hidden;} /* .scroll_header */ .header{ background:rgba(255,255,255,0.9); box-shadow: 0 0 4px rgba(0,0,0,0.3);} /* .scroll_header */ .header .all_wrap{ margin: 10px 50px;} /* .scroll_header */ /* .header .logo img{ width: 80px;} */ /* .scroll_header */ .header .menu li .a1{ color: #333; text-shadow: none;} /* .scroll_header */ .menu-right .search{ padding: 20px 10px;} /* .scroll_header */ .menu-right .lange dt{ padding: 20px 10px;} /* .scroll_header */ .menu-right .search .img::after, /* .scroll_header */ .menu-right .search .img::before{ background: #333;} /* .scroll_header */ .menu-right .lange dt{ color: #333;} /* .scroll_header */ .header .menu{ line-height: 70px; margin-top: -10px;} /* .scroll_header */ .header .imgb{ display:inline-block;} /* .scroll_header */ .header .imga{ display: none;} .tab_b_2, .tab_b_3{ min-height: 40vh;} .menu_tab_2_list{ padding: 20px 0px;} .menu_tab_2_list .item{ float: left; width: 25%;} .menu_tab_2_list .item a{ display: block; margin: 0 20px; background: #d9d9d9;} .menu_tab_2_list .item a:hover{ background: #0f3471; color: #fff;} .menu_tab_2_list .item .img_ratio{ padding-top: 70%; } .menu_tab_2_list .item .bottom2{ padding: 10px;} .menu_tab_2_list .item .bottom2 h3{color: #0f3471;} .menu_tab_2_list .item a:hover .bottom2 h3{color: #fff;} .menu_tab_3_list{ padding: 20px 0px;} .menu_tab_3_list .item{ float: left; width: 33.33%;} .menu_tab_3_list .item a{ display: block; margin: 0 20px; background: #d9d9d9;} .menu_tab_3_list .item a:hover{ background: #0f3471; color: #fff;} .menu_tab_3_list .item .img_ratio{ padding-top: 50%; } .menu_tab_3_list .item .bottom2{ padding: 10px;} body #fp-nav.right{ right: auto; left: 10px;} /*footer .footer-top{background:url(../images/footer_bg.jpg) no-repeat;background-size:cover; }*/ footer .container{padding:70px 0 20px; max-width: 1500px; margin: 0 auto;} footer .container .left{overflow: hidden; float: none; padding-right: 2%;} footer .container .left > ul{display:flex;justify-content:space-between} footer .container .left > ul li{ flex: 1;} footer .container .left > ul li h2{margin-bottom:10px} footer .container .left > ul li h2 a{color:#333;font-weight:bold;position:relative;transition:all 0.5s;} footer .container .left > ul li h2 a i{ color: #225CA6; margin-right: 5px;} footer .container .left > ul li h2:hover a{color: #0f3471 } footer .container .left > ul li ul li a{color:#777;line-height:30px;transition:all 0.5;} footer .container .left > ul li ul li:hover a{color: #0f3471 } footer .container .right{float:right;width:270px;text-align:center} footer .container .right .tu{max-width:118px;margin:0 auto 10px} footer .container .right p{text-align:center;font-weight:bold;color:#666} footer .container .right ul{display:inline-block;margin-top:8px} footer .container .right ul li{float:left;width:42px;height:42px;background:#c6c6c6;border-radius:50%;transition:all 0.5s;} footer .container .right ul li a span{color:#fff;font-weight:bold;display:block;text-align:center;line-height:42px} footer .container .right ul li:not(:last-child){margin-right:10px} footer .container .right ul li:hover{background: #0f3471 } footer .link{padding:0 120px} footer .link .con{border-top:2px solid #dadada; padding: 30px 0;} footer .link .con h2{float:left;color:#666;margin-right:20px} footer .link .con ul{overflow:hidden} footer .link .con ul li{float:left;padding:0 20px;position:relative} footer .link .con ul li a{color:#999;transition:all 0.5s;} footer .link .con ul li:not(:last-child):before{content:'';width:2px;height:16px;background:#cbcbcb;position:absolute;right:0;top:50%;margin-top:-8px} footer .link .con ul li:hover a{color: #0f3471 } footer .footer-bottom{background:url(../images/footer_bottom.jpg) no-repeat;background-size:cover;padding:52px 80px} footer .left{float:left} footer .left p{color:#ebebeb} footer .left p span{color:#fff} footer .left .contact{margin-top:8px} footer .left .contact p{float:left;color:#ebebeb;margin-right:8px} footer .left .contact p a{color:#fff;margin-right:8px} footer .right{overflow: hidden; text-align: right;} footer .footer-bottom .right ul{float:right} footer .footer-bottom .right ul li{float:left;position:relative;padding:0 10px} footer .footer-bottom .right ul li a{color:#ebebeb;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s} footer .footer-bottom .right ul li:last-child{padding-right:0} footer .footer-bottom .right ul li:not(:last-child):before{content:'';width:1px;height:12px;background:#aaa;position:absolute;right:0;top:50%;margin-top:-6px} footer .footer-bottom .right ul li:hover a{color:#ccc;} footer .right p{margin-top:8px;float:left;width:100%;text-align:right;color:#ebebeb;} footer .right p a{ color: #e7e7e7; margin-left: 20px; display: inline-block;} footer .right p a:hover{ color: #ccc;} .hidden{ opacity: 0 !important; visibility: hidden !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden; } /*.slider-right{ position: fixed; right: 20px; top: 50%;transform: translateY(-50%); z-index: 100;}*/ /*.slider-right li{ background: #fff; width: 44px; height: 44px; line-height: 44px; text-align: center; margin-bottom: 10px; box-shadow: 0 0 6px rgba(0,0,0,0.1); cursor: pointer; position: relative;border-radius: 8px }*/ /*.slider-right li .rightZi {*/ /* display: none;*/ /*}*/ /*.slider-right li .img img{*/ /* width: 54%;*/ /*}*/ /*.slider-right li .num{ background: #fff; position: absolute; z-index: 2; right: 3px; top: 3px; border: 1px solid #0f3471; line-height: 1.1; border-radius: 15px; min-width: 1.1em; text-align: center; }*/ /*.slider-right li img{ display: none; vertical-align: middle;}*/ /*.slider-right li img:first-child,*/ /*.slider-right li:hover img:first-child+img{ display: inline-block;}*/ /*.slider-right li:hover img:first-child{ display: none;}*/ /*.slider-right li:hover { background: #0f3471; border-radius: 8px }*/ /*.slider-right li a{ color: #6a7076;}*/ /*.slider-right li i{ vertical-align: top;}*/ /*.slider-right li:hover a{ color: #fff;}*/ /*.slider-right li .child2{ display: none;*/ /* box-shadow: 0 0 4px rgba(0,0,0,0.2);*/ /* position: absolute;*/ /* right: 82%;*/ /* width: 208px;*/ /* height: 100%;*/ /* top: 0;*/ /* background: #0f3471;*/ /* z-index: 10;*/ /* border-radius: 5px;*/ /*}*/ /*.slider-right li .child2 .bshare-custom{ position: relative; top: 5px;}*/ /*.slider-right li:hover .child2{ display: block;}*/ /*.slider-right li .weixinchild{ height: auto; top: 50%; width: auto; line-height: 1.8; transform: translateY(-50%);}*/ /*.slider-right li .weixinchild .px{ padding: 15px;}*/ /*.slider-right li .weixinchild img{ display: block !important; margin: 0 auto; width: 150px; border-radius: 10px;}*/ /*.slider-right li.animated a{ color: #fff;}*/ /*.slider-right li.animated img:first-child+img{ display: inline-block;}*/ /*.slider-right li.animated img:first-child{ display: none;}*/ /*.slider-right li.animated { background: #0f3471; }*/ .slider-right{ position: fixed; right: 20px; top: 50%;transform: translateY(-50%); z-index: 100;} .slider-right li{ background: #fff; width: 44px; height: 44px; line-height: 44px; text-align: center; margin-bottom: 10px; box-shadow: 0 0 6px rgba(0,0,0,0.1); cursor: pointer; position: relative;border-radius: 8px } .slider-right li .rightZi { display: none; } .slider-right li .img img{ width: 54%; } .slider-right li .num{ background: #fff; position: absolute; z-index: 2; right: 3px; top: 3px; border: 1px solid #0f3471; line-height: 1.1; border-radius: 15px; min-width: 1.1em; text-align: center; } .slider-right li img{ display: none; vertical-align: middle;} .slider-right li img:first-child, .slider-right li:hover img:first-child+img{ display: inline-block;} .slider-right li:hover img:first-child{ display: none;} .slider-right li:hover { background: #0f3471; border-radius: 8px } .slider-right li a{ color: #6a7076;} .slider-right li i{ vertical-align: top;} .slider-right li:hover a{ color: #fff;} .slider-right li .child2{ display: none; box-shadow: 0 0 4px rgba(0,0,0,0.2); position: absolute; right: 82%; width: 208px; height: 100%; top: 0; background: #0f3471; z-index: 10; border-radius: 5px; } .slider-right li .child2 .bshare-custom{ position: relative; top: 5px;} .slider-right li:hover .child2{ display: block;} .slider-right li .weixinchild{ height: auto; top: 50%; width: auto; line-height: 1.8; transform: translateY(-50%);} .slider-right li .weixinchild .px{ padding: 15px;} .slider-right li .weixinchild img{ display: block !important; margin: 0 auto; width: 150px; border-radius: 10px;} .slider-right li.animated a{ color: #fff;} .slider-right li.animated img:first-child+img{ display: inline-block;} .slider-right li.animated img:first-child{ display: none;} .slider-right li.animated { background: #0f3471; } .demo-class .layui-layer-min, .demo-class .layui-layer-max{ display: none !important;} .zx_tan .tab .btn { float: left; width: 166px; height: 41px; background: url(../images/bg_65.png) no-repeat left top; background-size: 100% 100%; color: #656565; line-height: 40px; margin-top: 20px; margin-right: 30px; border: 0; } .zx_tan .tab .btn:hover{ background: url(../images/bg_58.png) no-repeat left top; background-size: 100% 100%; color: #fff; } .zx_tan{ padding: 30px 60px;} .zx_tan .tab{ width: 100%;} .zx_tan .tab th{ width: 8em; text-align: right; padding:8px 5px; padding-right: 10px;} .zx_tan .tab th, .zx_tan .tab td{ padding-bottom: 15px; vertical-align: top;} .zx_tan .tab th i{ color: red;} .zx_tan .tab td input{ font-size:inherit; width: 100%; box-sizing:border-box; border: 1px solid #eee; padding:8px 5px; } .zx_tan .tab td textarea{ font-size:inherit; height: 6em; border: 1px solid #eee; box-sizing:border-box; padding: 5px; width: 100%;} .zx_tan .gxq{ display:block;} .zx_tan .gxq li{ display: inline-block; border: 1px solid #ddd; padding: 5px 10px; position: relative; margin: 0 15px 10px 0;} .zx_tan .gxq li i{ cursor: pointer; padding: 5px; position: absolute; right: -0.7em; top: -1em; color: #0f3471;} .banner{ position:relative} .banner .img{ width:100%} .banner .nei{ position:absolute; bottom:50%;transform: translateY(50%); left:0; width:100%; text-align:center; z-index:1; color:#fff} .banner .nei h1{ text-shadow: 0 0 2px rgba(0,0,0,0.9); } .banner .nei h3{ text-shadow: 0 0 2px rgba(0,0,0,0.1); } .banner .nei p{ margin-top:20px} .banner .nei p a{ display:inline-block; width:60px; height:60px; background:url(../images/bg_01.png) no-repeat left top; background-size:100% 100%;} .banner .nei p a:hover{background-image:url(../images/bg_01-sel.png); } .wrap{ max-width: 1366px; margin: 0 auto;} .postion_menu{ padding:15px 0; border-bottom: 1px solid #f7f7f7;} .postion_menu a{ display: inline-block; position: relative; padding-right: 1.3em; margin-right: 0.3em;} .postion_menu a::after{ content: ">"; position:absolute; right: 0; top: 50%; margin-top: -0.75em; color: #999;} .postion_menu a.home{ padding-left: 25px;} .postion_menu a.home::before{ content: ''; position: absolute; left: 0; background: url(../images/bg_74.jpg) no-repeat; width: 19px; height: 16px; left: 0; top: 50%; margin-top: -8px; } .search_list li{ margin-bottom: 10px; } .search_list li a em{ color: red;} .search_list li a{background: #f7f7f7; padding: 15px; display: block;} .join_1{ background-size: 100% auto; background-repeat: no-repeat; padding: 30px 0 90px;} .join_1 .left_nei{ float: left; width: 50%; margin-right: 30px; } .join_1 .left_nei h3{ margin-bottom: 30px; line-height: 54px;} .join_1 .left_nei img{ margin-right: 10px;} .join_1 .left_nei span{ display: inline-block; vertical-align: top;} .join_1 .right_nei{ overflow: hidden; padding-top: 2em;} .join_1 .box1{ padding: 80px 0;} .join_1 .box2 li{ float: left; width: 50%;} .join_1 .box2 ul{ margin: 0 -30px;} .join_1 .box2 li .w{ margin: 0 30px; background-size: cover; text-align: center; height: 370px; display:flex; justify-content: center; align-items: center; position: relative;} .join_1 .box2 li .mak{ padding: 30px; z-index: 2; position: relative;} .join_1 .box2 li .a span{ display: inline-block; background: url(/static/images/a1.png) no-repeat; line-height: 41px; width: 166px; color: #fff; } .join_1 .box2 li article{ height: 0; overflow: hidden; margin: 20px 0;} .join_1 .box2 .w h2{ position: relative;} .join_1 .box2 .w h2::after{ content: ' '; position: absolute; left: 50%; top: 110%; height: 3px; background: #333; width: 3em; margin-left: -1.5em;} .join_1 .box2 li .w:hover::after{ content: ""; position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);} .join_1 .box2 li .w:hover{ color: #fff;} .join_1 .box2 li .w:hover article{ height: auto;} .join_1 .box2 li .w:hover h2::after{ background: #fff;} .join_1 .box2 li .w:hover .a span{ background-image: url(/static/images/a2.png);} .join_2 .box{ margin-top: 191px; margin-bottom: -80px; float: right; width: 669px; height: 517px; background: url(/static/images/bg_67.png); } .join_2 .box .w{ padding: 50px; padding-top: 80px;} .join_2 .box .w h2{ margin-bottom: 20px;} .join_3{ padding: 100px 0 0;} .join_3 .tit{ width: 40%;} .join_3 .tit h2{ margin-bottom: 10px;} .join_3 ul{ padding-top: 100px;} .join_3 li{ float: left; width: 50%; padding: 40px 0 150px;} .join_3 li .img_ratio{ padding-top:67.12%; margin-right: 40px;} .join_3 li:nth-child(3n-1) .img_ratio{ margin-right: auto; margin-left: 40px;} .join_3 li:nth-child(3n-1) .w{ margin-top: -200px;} .join_3 li .txt{ position: relative; margin-top: -100px; padding: 20px 50px 40px; background:rgba(200,200,200,0.95);} .join_3 li .txt dt{ margin-bottom: 20px;} .join_3 li .w:hover .txt{ background: rgb(5, 39, 175); color: #fff;} .join_3 li .w:hover .txt dt{ color: #fff;} .join_4{ padding: 100px 0; background-size: cover;} .join_4 .title { padding-bottom: 50px;} .fengwo{ width: 90%; padding-left: 10%; margin: 80px auto ; } .fengwo li{ width: 12%; margin: 0 3%; float: left; position: relative; padding-top: 5%; cursor: pointer;} .fengwo li .nei{ position: absolute; left: 4px; top: -47%; bottom: -47%; right: 4px; background: url(/static/images/jr_01.png) no-repeat; background-size: 100% 100%; display:flex; align-items: center; text-align: center; justify-content: center;} .fengwo li .nei h3{ font-size: 16px; color: #0f3471;} .fengwo li .nei .desc{ font-size: 12px;} .fengwo li .nei img{ width: 46px; height: 46px;} .fengwo li .nei h3{ padding: 10px 0;} .fengwo li .nei .desc{ display: none;} .fengwo li .nei .desc:after{content: "";border: 10px solid transparent;border-bottom-color: white;position: absolute;top: 0;left: 50%;transform: translateX(-50%);margin-top: -19px;} .fengwo li:hover { z-index: 100;} .fengwo li:hover .nei .desc{ display: block;} .fengwo .desc {display: block !important;position: absolute;top: 106%;left: 50%;min-width: 70%;transform: translateX(-50%);margin: auto;transition: all .4s;border-radius: 6px;background-color: #fff;box-shadow: 0 0 10px 8px rgba(0,0,0,.1);opacity: 0;padding: 10px;text-align: left;} .fengwo li:hover .desc {opacity: 1 !important;top: 90%;} .fengwo li.l1{ margin-left: 21%;} .fengwo li.l3{ margin-right: 10%;} .fengwo li.l4{ margin-left: 12%;} .fengwo li.l7{ margin-right: 10%;} .fengwo li.l13{ margin-left: 12%;} .fengwo li.l16{ margin-right: 10%;} .fengwo li.l17{ margin-left: 21%;} .fengwo li.l21{ margin-left: 30%;} .join_5 { background: #fff; padding: 0 0 100px;} .join_5 .top img{ width: 100%; height: auto;} .join_5 .top { position: relative;} .join_5 .top .wrap{ position:absolute; left: 0; bottom: 0; right: 0; z-index: 10;} .join_5 .top .right{ width: 200px; background: #fff; height: 240px; } .join_5 .top .right .w{ padding-left:15%;} .join_5 .top .left{ color: #fff; margin-left: 5%; padding-top: 30px;} .join_5 .jt{ margin-top: 15px; display: inline-block; background: url(/static/images/bg_70.png); width: 47px; height: 15px;} .join_5 .jt.r{ transform: rotateY(180deg);} .join_5 .li{ float: left; width: 45%; position: relative;} .join_5 .li .left{ position: absolute; left: 0; right: 200px; bottom: 0; top: 0;} .join_5 .li .right{ width: 200px; background: #fff; height: 240px; display: flex; align-items: center;} .join_5 .li .right .w{ padding-left: 15%;} .join_5 .li.li2, .join_5 .li.li3{ width: 55%;} .join_5 .li.li2 .right h3, .join_5 .li.li3 .right h3{ color: #fff;} .join_5 .li.li2 .right .jt, .join_5 .li.li3 .right .jt{ background-image: url(/static/images/bg_71.png);} .join_5 .li.li2 .right{ background:#8733D3;} .join_5 .li.li3 .right{ background:#531B86;} .join_5 .li.li3 .right, .join_5 .li.li4 .right{text-align: right;justify-content: flex-end; } .join_5 .li.li3 .right .w, .join_5 .li.li4 .right .w{ padding-right: 15%;} .join_5 .li.li1 .right, .join_5 .li.li2 .right{ float: right; } .join_5 .li.li3 .left, .join_5 .li.li4 .left{ right: 0; left: 200px;} .menu_left{ position:fixed; top:50%; left:10px; transform: translateY(-50%) translateX(-150%); width:121px;box-sizing:border-box; z-index:200;transition:all .8s ease 0s; display:block;} .menu_left li{ margin-top:-20px; text-align: center;} .menu_left li a{ padding:0px 3px 0 26px;word-break:break-all; text-align:center; color:#333333; width:106px; height:107px; box-sizing:border-box; background:url(../images/icon/bg-01.png) no-repeat left center;transition:all .6s ease 0s; font-size:1rem; display: flex; justify-content: center; align-items: center; } .menu_left li a:hover, .menu_left li.curr a{ color:#0f3471; background:url(../images/icon/bg-02.png) no-repeat left top;} .menu_left li a p{ display: block; max-width: 7em; margin: 0 auto;word-break: break-word;} .menu_left_show{ transform: translateY(-50%) translateX(0%);} .pro_1{ background-size: 100% auto;background-repeat: no-repeat; padding: 80px 0 0;} .pro_1 ul{ margin: 0 -12px; padding: 50px 0;} .pro_1 li{ float: left; width: 33.33%;} .pro_1 li dl{ margin: 0 12px 30px; box-shadow: 0 0 10px rgba(0,0,0,0.05); overflow: hidden; background: #fff;} .pro_1 li dl:hover{ background: #0f3471; color: #fff;} .pro_1 li dl:hover dd p::before{ background-image: url(../images/bg_102-sel.png);} .pro_1 li dl:hover dt{ color: #fff;} .pro_1 li dl dt{ text-align: center; margin: 2em 0 0;} .pro_1 li dl dd{ padding: 2em; min-height: 12em;} .pro_1 li dl dd p{ margin: 0 0 0.5em 0;} .pro_1 li dl dd p::before{ position: relative; top: 2px; content: ''; display: inline-block; margin-right: 5px; width: 12px; height: 13px; background: url(../images/bg_102.png);} .pro_1 .box .swiper-button-prev{transform:rotateY(180deg);} .pro_1 .box .swiper-button-prev, .pro_1 .box .swiper-button-next{background-image: url(../images/right3.png);} .pro_2 .title{ margin-bottom: 50px;} .pro_2 .box{ position: relative; padding-bottom: 50px;} .pro_2 .box .img_ratio{ padding-top: 70%;} .pro_2 .swiper-container{ margin: 0 30px; padding-bottom: 80px;} .pro_2 .box .a{ display: block; margin: 0 20px;} .pro_2 .box .a:hover .bottom{ background: #0f3471; color: #fff;} .pro_2 .box .a:hover .bottom h3{ color: #fff;} .pro_2 .box .bottom{ background: #F5F5F5; overflow: hidden; padding: 20px; transition: 0.3s all;} .pro_2 .box .bottom h3{color: #0f3471;} .pro_2 .box .swiper-button-next{ background-image: url(../images/right3.png); top: 34%; right: -10px;} .pro_2 .box .swiper-button-prev{background-image: url(../images/right3.png); top: 34%; left: -10px; transform: rotateY(180deg);} .pro_2 .swiper-pagination-bullet{ width:20px; height:17px; background:url(../images/icon/slide01.png) no-repeat top center; border-radius:0; opacity:1; background-size:100% 100%} .pro_2 .swiper-pagination-bullet-active{background:url(../images/icon/slide.png) no-repeat top center;background-size:100% 100%} .pro_3{ padding: 80px 0;} .pro_3 .tpye_head{ padding:0 0 60px; text-align:center; display: flex; justify-content: center;} .pro_3 .tpye_head a{ width:121px; height:118px; background:url(../images/bg_104.png) no-repeat left top; background-size:100%; text-align:center; font-size:22px; color: #0f3471; cursor:pointer; display:flex; justify-content: center; align-items: center;} .pro_3 .tpye_head a i{ margin-bottom: 1em; line-height: 1.2;padding: 0 28px;word-break: break-all;} .pro_3 .tpye_head a.sel{ background-image:url(../images/bg_104-sel.png) ; color:#fff} .pro_3 .tab_head ul{ margin: 0 -10px ;} .pro_3 .tab_head li{ width: 20%; float: left; margin-bottom: 20px;} .pro_3 .tab_head li dl{ margin: 0 10px; cursor: pointer; padding: 10px 20px; background: #fff; box-shadow: 3px 3px 10px rgba(0,0,0,0.05);} .pro_3 .tab_head li dl dt{ float: left; margin-right: 10px;} .pro_3 .tab_head li dl dt img{ width: 34px; height: 34px; display: none;} .pro_3 .tab_head li dl dt img:first-child{ display: inline-block;} .pro_3 .tab_head li dl:hover, .pro_3 .tab_head li.cur dl{ background: #0f3471; color: #fff;} .pro_3 .tab_head li dl:hover dt img:first-child, .pro_3 .tab_head li.cur dl dt img:first-child{ display: none;} .pro_3 .tab_head li.cur dl dt img:first-child+img, .pro_3 .tab_head li dl:hover dt img:first-child+img{ display: inline-block;} .pro_3 .tab_head li dl dd{ overflow: hidden; padding: 5px;} .pro_3 .tab_body .top{ background: url(../images/cp5.png) no-repeat; background-size: cover; padding: 50px; margin:10px 0 30px;} .pro_3 .tab_body .top dd{min-height: 6em; width: 85%; background: #fff; padding: 5%; box-shadow: 1px 1px 13px #cccccc; }} .pro_3 .tab_body .item, .pro_3 .type_body .tab_b{ display: none;} .pro_3 .tab_body ul{ margin: 0 -10px ;} /*修改01.加入了 cursor: not-allowed;*/ .pro_3 .tab_body li{ width: 25%; position: relative; float: left; margin-bottom: 20px;} .pro_3 .tab_body li dl{ margin: 0 10px; cursor: pointer; padding: 10px 20px; background: #fff; box-shadow: 3px 3px 10px rgba(0,0,0,0.05);} .pro_3 .tab_body li dl dt{ float: left; margin-right: 10px;} .pro_3 .tab_body li dl dt img{ width: 34px; height: 34px; display: none;} .pro_3 .tab_body li dl dt img:first-child{ display: inline-block;} .pro_3 .tab_body li:hover dl{ background: linear-gradient(37deg, #fff1eb 33%, #ace0f9); color: #531c86;} /*.pro_3 .tab_body li:hover dl dt img:first-child{ display: none;}*/ .pro_3 .tab_body li:hover dl dt img:first-child+img{ display: inline-block;} .pro_3 .tab_body li dl dd{ overflow: hidden; padding: 5px; white-space: nowrap; text-overflow: ellipsis;} .pro_3 .tab_body li .child{ position: absolute; top: 100%; left: 10px; right: 10px; box-shadow: 3px 3px 5px rgba(0,0,0,0.05); background:#fff1eb; visibility: hidden; opacity: 0;} .pro_3 .tab_body li .child a{ display: block; color: #0f3471; padding:12px 10px; padding-left: 70px; border-bottom: 1px solid #f0f0f0;} .pro_3 .tab_body li .child a:hover{ background: #ace0f9; /*font-weight: 600;*/ box-shadow: #ace0f9 2px 2px 10px;} .pro_3 .tab_body li:hover{ z-index: 10;} .pro_3 .tab_body li:hover .child{ visibility: visible; opacity: 1;} .pro_4{ padding: 80px 0; overflow: hidden;} .pro_4 .title{ margin-bottom: 50px;} .pro_4 ul { margin: 0 -25px;} .pro_4 ul li{ float: left; width: 50%;} .pro_4 ul a{ display: block; margin: 0 25px; text-align: center;} .pro_4 ul a .img_ratio{ padding-top: 50%;} .pro_4 ul .bottom{ background: #F5F5F5; overflow: hidden; padding: 20px; transition: 0.3s all;} .pro_4 ul a:hover .bottom{ background: #531c86; color: #fff;} .pro_5{ padding: 0 0 100px;} .cp_four{background-size: cover; overflow: hidden; position:relative; z-index:1;} .cp_four .nei{ overflow: hidden; padding: 108px 153px; color: #000; font-weight: bold;} .cp_four .zt{ float:right; width:430px; background:#fff; border-radius:4px; padding:40px;} .cp_four h2{ padding-bottom:5px; font-weight: bold;} .cp_four h3{ padding-bottom:20px; font-weight: bold;} .cp_four p{ border-bottom:1px solid #CCCCCC; position:relative;} .cp_four p span{ float: left; line-height: 56px;} .cp_four p em{ display: block; overflow: hidden; margin-right: 30px;} .cp_four p em input{ width: 100%; border: 0; line-height: 56px;} .cp_four p img{ position:absolute; top: 50%; right: 5px; pointer-events: none; transform: translateY(-50%); } .cp_four .btn{ float:right; width:105px; height:40px; background:#8948BB; border-radius:6px; color:#fff; cursor:pointer; margin-top:30px; font-size:18px; border:0; line-height: 40px; text-align: center;} .cp_four .btn:hover{ background:#531B86} .cp_four .btn_fh{ background:#B0B0B0; color:#fff; margin-left:30px; } .cp_four .btn_fh:hover{ background:#999; } .product_menu{ padding: 50px 0; border-bottom: 1px solid #ddd;} .product_menu ul{ display: flex; justify-content: center; text-align: center;flex-wrap: nowrap;} .product_menu li { margin: 0 14px; width: 12%;} .product_menu li img{ width: 76px; height: 66px;} .product_menu li img:nth-child(2){ display: none;} .product_menu li.cur img:nth-child(1){ display: none;} .product_menu li.cur img:nth-child(2){ display:inline-block; } .product_menu li.cur a{ color: #0f3471; font-weight: bold;} .product_menu li p{ margin-top: 5px;} .faq_search{ width:40%; max-width:780px; margin:50px auto; border:1px solid #DDDDDD; position:relative; overflow: hidden;} .faq_search .txt{ float:left; width:100%; box-sizing:border-box; padding-left:20px; height:54px; line-height:54px; font-size:16px; border:0;} .faq_search .btn{ position:absolute; top:0; right:0; width:80px; height:54px; background:url(../images/bg_88.png) no-repeat center center #DDDDDD; cursor:pointer; border:0;} .faq_list{ padding-bottom: 50px;} .faq_list .item{ padding-bottom: 30px;} .faq_list .item .t{ position: relative; margin: 0 0 20px; padding-bottom: 10px;} .faq_list .item .t::after{ content: ''; position: absolute; left: 0; bottom: 0; width: 2.5em; height: 3px; background: #0f3471;} .faq_list .item .n dl{ background: #E6E6E6; margin-bottom: 10px;} .faq_list .item .n dl dt{ padding: 10px; cursor: pointer; } .faq_list .item .n dl.open{ background: #0f3471;} .faq_list .item .n dl.open dt{ color: #fff;} .faq_list .item .n dl.open dd{ display: block;} .faq_list .item .n dl dd{ background:#F6F6F6; padding:20px 10px; display: none;} .down_list{ padding-bottom: 50px;} .down_list .item{ padding-bottom: 30px;} .fenlei_tit, .down_list .item .t{ position: relative; margin: 0 0 20px; padding-bottom: 10px;} .fenlei_tit::after, .down_list .item .t::after{ content: ''; position: absolute; left: 0; bottom: 0; width: 2.5em; height: 3px; background: #0f3471;} .down_list ul{ margin: 0 -20px;} .down_list ul li{ width: 20%; float: left;} .down_list ul li a{ display: block; margin: 0 20px 40px; background: #ECECEC; overflow: hidden;} .down_list ul li a:hover{ background: #0f3471; color: #fff;} .down_list ul li .img_ratio{ padding-top: 141.8%; border: 1px solid #eee;} .down_list ul li p{ margin: 8px; text-align: center;} .pro_5_coa{ margin-top: 80px; background-size: 100% auto; background-repeat: no-repeat;} .down_type{ padding: 50px 10px; text-align: center;} .down_type a{ display: inline-block; background: url(../images/b1.png); margin: 0 30px 10px; width: 239px; height: 59px; line-height: 58px; text-align: center; color: #000; } .down_type a.cur{ background-image: url(../images/b2.png); color: #fff;} .pro_list_bon{ padding-bottom: 50px;} .pro_list_bon .item{ margin-bottom: 20px;} .pro_list_bon .item dl{ overflow: hidden; margin-top: 10px;} .pro_list_bon .item dt{ float: left; min-width: 6em; padding: 8px 0;} .pro_list_bon .item dd{ overflow: hidden;} .pro_list_bon .item dd p{ display: inline-block; padding:8px 15px ; text-align: center; min-width: 7em; background: #fff; margin: 0 10px 10px 0 ; box-shadow: 0 0 3px rgba(0,0,0,0.05); border: 1px solid #fff; cursor: pointer;} .pro_list_bon .item dd p.cur{ background: url(../images/bg_114.png) right bottom no-repeat #E5CBF6; border: 1px solid #5B118A; } .pro_list_bon .item .dl2 dd p{ min-width: 6em; padding: 5px; cursor: pointer;} .pro_list_bon .item .dl2 dd p.cur{ background-size: 18px 15px; border-color: #E5CBF6; } .pro_list_bon .item .dl2 dd p.t{ cursor: default; background:none; min-width: auto; padding: 6px; border: 0;} .pro_list_bon .item dd .box{ overflow: hidden; position: relative;} .pro_list_bon .item dd .more{ display: none; cursor: pointer; float: right; padding:8px 10px; background: #E8E8E6; color: #5B118A; } .pro_list_bon .item.smore dd .more{ display: block;} .pro_list_bon .item .dl1 dd{ height: 3em; overflow: hidden;} .pro_list_bon .item dd .more .s2{ display: none;} .pro_list_bon .item dd .more .s1{ display: block;} .pro_list_bon .item.open .dl1 dd{ height: auto;} .pro_list_bon .item.open dd .more .s2{ display: inline-block;} .pro_list_bon .item.open dd .more .s1{ display: none;} .pro_list_box{overflow: hidden;} .pro_list_box ul{ margin: 0 -22px; padding: 50px 0 0;} .pro_list_box li{ float: left; width: 50%;} .pro_list_box li .w{ display: block; margin: 0 24px 40px; box-shadow: 1px 1px 5px rgba(0,0,0,0.2); padding:10px 20px 5px;} .pro_list_box li .w .t{ margin-bottom: 5px;cursor:pointer} .pro_list_box li .w .b{ height: 14.5em;} .pro_list_box li .w .b .l{ width: 50%;} .pro_list_box li .w .b .r{ width: 50%; text-align: center;} .pro_list_box li .w .b .bon{ margin: 10px 0 0;} .pro_list_box li .w .b .i1{ margin-right: 10px; display: inline-block; width: 180px; height: 45px; background: url(../images/bg_85.png) no-repeat; } .pro_list_box li .w .b .i2{ margin-right: 10px;display: inline-block; width: 180px; height: 45px; background: url(../images/bg_86.png) no-repeat; } /*.pro_list_box li .w:hover{ background:url(../images/bg_87.png) no-repeat ; background-size: cover;cursor: pointer;}*/ .pro_list_box li .w:hover{box-shadow: rgb(192 192 192) 2px 2px 10px;} .pro_list_box li .w .b .i1:hover{ background-image: url(../images/bg_85-sel.png);cursor: pointer;} .pro_list_box li .w .b .i2:hover{ background-image: url(../images/bg_86-sel.png);cursor: pointer;} .pro_list_box li .w .b .i1 span:hover{ color:#0f3471 ;cursor: pointer;} .pro_list_box li .w .b .i2 span:hover{ color:#0f3471 ;cursor: pointer;} .page{ text-align: center; padding: 50px 0 80px;} .page a, .page span{ margin: 0 !important; padding: 0 30px 0 0; display: inline-block; vertical-align: middle; min-width: 40px; height: 67px !important; line-height: 64px !important; border: 0 !important;text-decoration: underline;} .page a.laypage_prev{ background: url(../images/left2.png) no-repeat center; font-size: 0; width: 69px !important;} .page a.laypage_prev:hover{ background-image: url(../images/left2-sel.png) ; } .page a.laypage_next{ background: url(../images/right2.png) no-repeat center; font-size: 0; width: 69px !important;} .page a.laypage_next:hover{ background-image: url(../images/right2-sel.png) ; } .page .laypage_curr{ width: 69px !important; background: url(../images/bg_48.png) no-repeat center; color: #531c86; font-weight: bold; } .pro_details{ background-repeat: no-repeat; background-size: 100% auto; padding: 50px 0;} .pro_details .left{ float: left; width: 276px; margin-right: 30px; box-shadow: 0 0 5px rgba(0,0,0,0.1);} .pro_details .left .tit{ background: url(../images/bg_79.png); padding: 30px 0; padding-left: 20px; color: #fff; } .pro_details .left ul{ padding: 10px;} .pro_details .left li{ margin-bottom: 10px; position: relative; z-index: 1;} .pro_details .left dt{ cursor: pointer; background: #ddd; position: relative; padding: 10px; padding-right: 30px;} .pro_details .left dt i{ transition: 0.2s all; position: absolute; display: block; right: 10px; top: 50%; margin-top: -0.75em;} .pro_details .left li.close dt i{ transform: rotateX(180deg);} .pro_details .left dd{ margin: 0 -5px;} .pro_details .left dd .i{ display: inline-block; min-width: 49%; margin: 10px 0 0; position: relative; z-index: 1; } .pro_details .left dd .i .c{ position: relative; margin: 0 5px; padding: 5px; z-index: 1; } .pro_details .left dd .i .c a{ display: block;} .pro_details .left li:hover, .pro_details .left dd .i:hover{ z-index: 3;} .pro_details .left dd .i.open .c, .pro_details .left dd .i:hover .c{ background: #ddd; z-index: 3; color: #0f3471} .pro_details .left dd .i:hover .child{ display: block;} .pro_details .left dd .i .child{ display: none; position: absolute; left: 0; right: 0; top: 100%; background: whitesmoke; z-index: 3;} .pro_details .left dd .i .child a{ padding:2px 5px; opacity: 0.5;} .pro_details .left dd .i .child a:hover{ opacity: 1; background: #0f3471;color: #ffffff;} .pro_details .left .left2{ padding-bottom: 10px;} .pro_details .left .left2_dl{ padding: 10px 10px 0; } .pro_details .left .left2_dt{ cursor: pointer; background: #ddd; color: #5B118A; position: relative; padding: 10px; padding-right: 30px;} .pro_details .left .left2_dt a{ color: #5B118A;} .pro_details .left .left2_dt i{ transition: 0.2s all; transform: rotateX(0); position: absolute; display: block; right: 10px; top: 50%; margin-top: -0.75em;} .pro_details .left .left_2{ padding-bottom: 10px;} .pro_details .left .left2_dl.open .left2_dt{background: #0f3471; color: #fff;} .pro_details .left .left2_dl.open .left2_dt a{ color: #fff;} .pro_details .left .left2_dl.open .left2_dt i{ transform: rotateX(180deg);} .pro_details .left .left2_dd{ background: #fff; padding: 10px; display: none;} .pro_details .left .left2_dd p{margin-bottom: 15px;} .pro_details .left .left2_dd p:last-child{margin-bottom: 0;} .pro_details_faq_search{ margin: 0;} .pro_details .pro_bon { text-align: left; margin: 50px 0 50px;} .pro_details .pro_bon a{ display: inline-block; color: #fff; padding: 10px 18px; margin-left: 12px; background: #ADADAD; line-height: 26px;border: 1px #6a7076 solid;border-radius: 6px;text-decoration: none} .pro_details .pro_bon a:hover{ background: #0f3471;color: #FFF;} /*.pro_details .pro_bon a img{ margin-right: 5px;}*/ .pro_details .pro_name2 span{ display: inline-block; padding: 5px 10px; border-radius: 3px; background: #0f3471;} .pro_dl{ padding: 20px 0 0;} .pro_dl .pro_dt{ background: linear-gradient(37deg, #fff1eb 33%, #ace0f9); color: #000; padding: 10px 20px; position: relative; cursor: pointer;} .pro_dl .pro_dt::after{ content: ""; position: absolute; right: 0; top: 50%; margin-top: -25px; background: url(../images/bg_82-sel.png) no-repeat center ; width:50px; height: 50px;} .pro_dl.close .pro_dt::after{background-image: url(../images/bg_82.png);} .pro_art_box5 .pro_list_box li{ width: 50%;} .pro_art_box5 .pro_list_box ul{ margin: 0 -5px; padding:20px 0 0;} .pro_art_box5 .pro_list_box li .w{ margin: 0 12px 20px;} /*#app .pro_dd .attr {*/ /* display: inline-block;*/ /* width: 56%;*/ /* padding-left: 8%;*/ /* line-height: 270%;*/ /* margin-top: 5%;*/ /*}*/ /*#app .pro_dd .box img {*/ /* display: inline-block;*/ /* width: 35%;*/ /* box-shadow: rgb(192 192 192) 2px 2px 10px;*/ /* margin: 45px 0 -2px 28px;*/ /* border-radius: 11px;*/ /*}*/ .pro_dl .pro_dd .attr .at{ border-bottom: #ccc 1px solid;padding-left: 2%;} #app .pro_dd .box{ position: relative; } .pro_dl .pro_dd .attr{ display: inline-block;width: 46%; line-height: 270%; margin: 4% 0px 0px 4%; } .pro_dl .pro_dd .box .zhutu{ display: inline-block; width: 33%; /*box-shadow: rgb(192 192 192) 2px 2px 10px;*/ margin-left: 4%; /*margin-top: 3%*/ } .pro_art_box2 p { text-align: justify; padding: 0 4% 0 4%; } .st { width: 30%; position: absolute; left: 6%; top: 65%; } .pro_dl .pro_dd{ adding: 10px 5px; background: #FFFFFF; border: 1px #fff solid; border-radius: 12px; margin-top: 10px;} .pro_art_box1 li{ display: inline-block; min-width: 49%; padding-bottom: 10px; } .pro_art_box4 table{ width: 100%; border: 1px solid #eee; margin: 20px 0;} .pro_art_box4 table td{ border: 1px solid #eee; width: 25%; padding: 10px;} .pro_art_box2 { margin: 0} .pro_art_box2 .item{ float: left; width: 33.33%; padding: 20px 0 0;} .pro_art_box2 .item dl{ margin: 0 10px; background: #fff; box-shadow: 0 0 4px rgba(0,0,0,0.1); padding: 20px;} .pro_art_box2 .item dt{ color: #5B258E; margin-bottom: 10px;} .pro_art_box2 .item dd p{ padding: 2px 0;} .pro_art_box3 table{ width: 100%; border: 1px solid #ddd; margin: 10px 0;} .pro_art_box3 table td.lefttd{ width: 25%; background: #F1E3FA;} .pro_art_box3 table td{ border: 1px solid #ddd; padding: 10px;} .solution_1{ padding: 50px 0; background-size: 100% auto; background-repeat: no-repeat; } .solution_1 ul{ margin: 0 -20px;} .solution_1 li { float: left; width: 33.33%;} .solution_1 li .w{ box-shadow: 0 0 5px rgba(0,0,0,0.1); padding: 10px; margin: 10px 20px; text-align: center;} .solution_1 li .w:hover{ background: #0f3471; color: #fff;} .solution_1 li .w:hover h2{color: #fff;} .solution_1 li .w h2{ padding-top: 30px;} .solution_2{ padding: 50px 0;} .solution_2 ul{ margin: 0 -10px;} .solution_2 li{ float: left; width: 33.33%;} .solution_2 li a{ display: block; margin: 0 10px 20px; background: #fff; overflow: hidden;} .solution_2 li a:hover{ background: #0f3471; color: #fff;} .solution_2 li a p{ margin: 10px 10px; justify-content: center; } .solution_2 li .img_ratio{ padding-top: 62%;} .solution_3{ padding: 50px 0 80px;} .solution_3 ul { margin:40px -25px 0;} .solution_3 ul li{ float: left; width: 50%;} .solution_3 ul a{ display: block; margin: 0 25px; text-align: center;} .solution_3 ul a .img_ratio{ padding-top: 50%;} .solution_3 ul .bottom{ background: #F5F5F5; overflow: hidden; padding: 20px; transition: 0.3s all;} .solution_3 ul a:hover .bottom{ background:#0f3471; color: #fff;} .down_type2{ padding: 0px 10px 50px; text-align: center;} .down_type2 a{ display: inline-block; background: url(../images/a3.png); margin: 0 10px 10px; width: 166px; height: 41px; line-height: 40px; text-align: center; color: #000; } .down_type2 a.cur{ background-image: url(../images/a2.png); color: #fff;} .solution_list_top ul{ margin: 0 -10px ; padding: 50px 0;} .solution_list_top li{ width: 25%; float: left; margin-bottom: 20px;} .solution_list_top li dl{ margin: 0 10px; cursor: pointer; padding: 10px 20px; background: #fff; box-shadow: 3px 3px 10px rgba(0,0,0,0.05);} .solution_list_top li dl dt{ float: left; margin-right: 10px;} .solution_list_top li dl dt img{ width: 34px; height: 34px; display: none;} .solution_list_top li dl dt img:first-child{ display: inline-block;} .solution_list_top li dl:hover, .solution_list_top li.cur dl{ background: #531c86; color: #fff;} .solution_list_top li dl:hover dt img:first-child, .solution_list_top li.cur dl dt img:first-child{ display: none;} .solution_list_top li.cur dl dt img:first-child+img, .solution_list_top li dl:hover dt img:first-child+img{ display: inline-block;} .solution_list_top li dl dd{ overflow: hidden; padding: 5px;} .solution_list_3_box ul{ position: relative; margin:0 -20px; } .solution_list_3_box ul li{ width: 33.33%; float: left;} .solution_list_3_box .img_ratio{ padding-top: 70%;} .solution_list_3_box .a{ margin: 0 30px; padding-bottom: 60px;} .solution_list_3_box .a{ display: block; margin: 0 20px;} .solution_list_3_box .a:hover .bottom{ background: #0f3471; color: #fff;} .solution_list_3_box .bottom{ background: #F5F5F5; overflow: hidden; padding: 20px; transition: 0.3s all;} .pro_faq{ overflow: hidden; background-size: 100% auto; background-repeat: no-repeat;} .bg-box1{ background-size: 100% auto; background-repeat: no-repeat;} .solution_pro_right{ position: relative; margin: 50px 0; padding: 20px; background: url(../images/xx1_03.png) repeat-y; background-size: 100% auto;} .solution_pro_right::before, .solution_pro_right::after{ content: ''; position: absolute; left: 0; top: -50px; right: 0; background: url(../images/xx1_01.png); background-size: 100% 100%; height: 50px;} .solution_pro_right::before{ background-image: url(../images/xx1_05.png) ; bottom: -50px; top: auto;} .solution_pro_right .left1{width: 50%; float: left;} .solution_pro_right .left1 .swiper-container{ margin: 0 30px;} .solution_pro_right .left1 .img_ratio{ padding-top: 75%;} .solution_pro_right .right1{ padding: 0 40px;} .solution_pro_right .swiper-pagination-bullet-active{ background: #5B118A;} /* 全球战略 zl */ .zl_two{ width:100%; background:#F5F5F5; position: relative; padding:70px 16% 20px; box-sizing:border-box; } .zl_two .sth{ color:#959595; margin-top:10px; text-align: right; margin-bottom:10px;} .zl_two .dt{ width:100%; position:relative;} .zl_two .dt .img{ width:100%} .zl_two .ul{ position:absolute; top:0; left:0; width:100%; height:100%; } .zl_two .ul li{ position:absolute; width:24px; height:31px; background:url(../images/bg_41.png) no-repeat left top; transform: translateX(-10%) translateY(-36%); } .zl_two .ul li span{ margin-top:-21px; margin-left:30px; display:none; padding-left:100px; background:url(../images/bg_75.png) no-repeat left center; float: left;} .zl_two .ul li img{ float:left; width:61px; height:71px;} .zl_two .ul li:hover span{ display:block} .zl_two .bottom{ overflow: hidden; width:100%; left: 0; position:absolute; bottom: 50px; z-index:11;} .zl_two .bottom li{ float:left; width:16.66666%; background:url(../images/bg_42.png) no-repeat left center; background-size:100% 100%; line-height:100px; height:100px; text-align:center; color:#656565; cursor:pointer;} .zl_two .bottom li.sel{ color:#fff; background:url(../images/bg_42-sel.png) no-repeat left top; background-size:100% 100%;} .zl_three{ width:100%; padding:50px 0; box-sizing:border-box; overflow: hidden;} .zl_three .top{ float:left; width:100%; color:#333333; padding-bottom:30px; border-bottom:1px solid #DDDDDD;} .zl_three .ul{ float:left; width:100%; padding-top:20px; margin-bottom:50px;} .zl_three .ul li{ float:left; width:14.28%; background:url(../images/bg_43.png) no-repeat left top; background-size:100% 100%; line-height:90px; height:90px; color:#656565; text-align:center;} .strategy_1{ padding: 80px 0;} .strategy_1_left{ float: left; width: 50%; padding-right: 2%;} .strategy_1_left h4 span{ display: inline-block; padding-top: 15px;} .strategy_1_right{ overflow: hidden;} .mentdevelop_box{ padding: 5% 0; background-size: 100% auto; background-repeat: no-repeat; overflow: hidden; } .mentdevelop_1{ overflow: hidden;} .mentdevelop_1_left{ float: left; width: 40%;} .mentdevelop_1_left .img_ratio{ padding-top: 100%;} .mentdevelop_1_right{ overflow: hidden; padding: 5% 0 50px 50px;} .mentdevelop_1_right li{ flex: 1; text-align: center; position: relative;} .mentdevelop_1_right li::after{ content: ''; position: absolute; width: 1px; background: rgba(0,0,0,0.1); right: 0; height:50%; transform: translateY(-50%); top: 50%;} .mentdevelop_1_right li:last-child::after{ display: none;} .mentdevelop_1_textContent { padding: 70px 0 0 50px;} .mentdevelop_1_textContent h2{ margin-bottom: 30px;} .mentdevelop_2{ padding: 160px 0 0; display: flex;} .mentdevelop_2 h2.f-30{ position:relative; color: #0f3471; font-weight: bold;} .mentdevelop_2 h2.f-30::after{ content: ''; position: absolute; left: 0; top: 110%; width: 2em; height: 4px; background: #0f3471; } .mentdevelop_2_left { float: left; background: url(../images/bg_29.png); background-size: 100% 100%; width: 55%; position: relative; margin-left: -40px; z-index: 2; margin-right: -80px;} .mentdevelop_2_left .mentdevelop_2_textContent{ padding: 140px 80px 90px;} .mentdevelop_2_right{width: 50%; margin-top: -180px; overflow: hidden; background: url(../images/bg_34.png); background-size: 100% 100%;} .mentdevelop_2_right_box{ padding: 120px 70px 80px 130px;} .scroll_wrap_left{ height: 320px;} .scroll_wrap_right{ height: 430px;} .mentdevelop_3{ background: url(../images/bg_30.png) center; background-size: cover; padding: 80px 0;} .mentdevelop_3 .introduce{ padding: 30px 0 60px;} .mentdevelop_3 .img_ratio{ position: absolute; left: 10px; top: 10px; bottom: 10px; right: 10px; box-shadow: 0 0 8px rgba(0,0,0,0.5); } .mentdevelop_3 .import_swiper h4{ position: absolute; bottom: 10px; left: 10px; right: 10px; padding: 10px ; z-index: 2;background: #0f3471; color: #fff;} .mentdevelop_3 .import_swiper{ width: 90%; margin: 0 auto;} .mentdevelop_3 .swiper-container{ margin: 0 -5%;padding: 100px 0;} .mentdevelop_3 .swiper-slide{ width:30%; height: 550px; overflow: hidden; position: relative;} .mentdevelop_3 .import_swiper{ position: relative;} .mentdevelop_3 .import_swiper .swiper-button-prev{ width: 63px; height: 55px; left: -70px; background: url(../images/icon/04-left.png) no-repeat top left; background-size: cover; } .mentdevelop_3 .import_swiper .swiper-button-next{ width: 63px; height: 55px; right: -70px; background: url(../images/icon/04-right.png) no-repeat top left; background-size: cover; } .mentdevelop_3 .honour_swiper{width: 70%;margin: 0 auto;position: relative;} .mentdevelop_3 .honour_swiper .swiper-button-prev{ width: 63px; height: 55px; left: -140px; background: url(../images/icon/04-left.png) no-repeat top left; background-size: cover; } .mentdevelop_3 .honour_swiper .swiper-button-next{ width: 63px; height: 55px; right: -140px; background: url(../images/icon/04-right.png) no-repeat top left; background-size: cover; } .mentdevelop_3 .honour_swiper .swiper-container{ margin: 0 -5%;} .mentdevelop_3 .honour_swiper .swiper-slide{ height: 350px; overflow: hidden; background: #f4f4f4; border-radius: 10px; padding: 10px; box-sizing: border-box; } .mentdevelop_3 .honour_swiper .swiper-slide .slideTop{ width: 100%; height: 290px; overflow: hidden; display: flex; justify-content: center; align-items: center; } .mentdevelop_3 .honour_swiper .swiper-slide .slideTop img{display: block;margin:0 auto;width: auto;height: auto;max-width: 90%;max-height: 90%;cursor: pointer;transform: scale(0.8);transition: transform .3s ease;} .mentdevelop_3 .honour_swiper .swiper-slide:hover .slideTop img{transform: scale(1);} .mentdevelop_3 .honour_swiper .swiper-slide h4{line-height: 1.5;color: #666;font-size: 16px;text-align: center;} #videoPopup{position:fixed;width:100%;height:100%;top:0;z-index:1000;background-color:rgba(0,0,0,0.4);display:none;} #videoPopup .video-box{width: 70%;position: absolute;left: 0;background: #000;padding-top: 40%;transform: translateY(18%);right: 0;margin: auto;} #videoPopup .video-box video{width:100%;position:absolute;top:0;left:0; height: 100%;} #videoPopup .video-box .close{position:absolute;right:0px;top:0px;width:40px;height:40px; border-radius:50%;background:rgba(0,0,0,0.5);cursor:pointer;text-align:center;} #videoPopup .video-box .close span{line-height:40px;color:#fff; transition: 0.3s all; position: relative; display: inline-block;} #videoPopup .video-box .close:hover span{transform:rotate(180deg);} .about_1{ padding: 80px 0 100px; } .about_1 li{ position: relative; line-height: 1; text-align: center;} .about_1 li::after{ content: ''; position: absolute; width: 1px; background: rgba(0,0,0,0.1); right: 0; height:80%; transform: translateY(-50%); top: 50%;} .about_1 li:last-child::after{ display: none;} .about_1 h2{ margin-bottom: 20px; padding-left: 15px;} .about_1 em{ display:inline-block; vertical-align: top; margin-left: 5px; position: relative; font-weight: bold; ;} .about_1 em.c{ vertical-align: bottom; bottom:0.3em;} .about_2{ padding: 0 0 10%; position: relative; margin-top: 100px; } .about_2 .left{ width: 45%; margin-top: -50px; padding-left: 2%;} .about_2 .left .desc{ height: 12em;} .about_2 .right{ width: 32%; position: absolute; right: 210px; bottom: 40px; } .about_2 .right .img_ratio{ padding-top: 71% ;} .about_2 .right .swiper-pagination{ width:auto; left:auto; right:35px; background:url(../images/bg_06.png) no-repeat left center; background-size:100% 1px; height:17px; bottom:30px} .about_2 .right .swiper-pagination-bullet:first-child{ margin-left: 0 !important;} .about_2 .right .swiper-pagination-bullet:last-child{ margin-right: 0 !important;} .about_2 .right .swiper-pagination-bullet{ width:20px; height:17px; background:url(../images/bg_05.png) no-repeat top center; border-radius:0; opacity:1; background-size:100% 100%; margin: 0 10px !important;} .about_2 .right .swiper-pagination-bullet-active{background:url(../images/bg_05-sel.png) no-repeat top center;background-size:100% 100%} .about_3{ padding: 80px 0;} .about_3 .develop_swiper2::after{ content: ""; position: absolute; z-index: 10; background: url(../images/js1.png); background-size: 100% 100%; right: 0; top: 0; left: 0; height: 20%;} .about_3 .develop_swiper3::after{ content: ""; position: absolute; z-index: 10; background: url(../images/js2.png); background-size: 100% 100%; right: 0; bottom: 0; left: 0; height: 15%;} .about_3 .tit{ padding: 20px 0 0 20px;} .about_3 .img_ratio{ padding-top:70%;} .about_3 .left{ width: 47%; float: left;} .about_3 .right{ width: 47%; float: right;} .about_3 .left .txt{ padding: 20px;} .about_3 .right .txt{ margin-top: -20px; z-index: 2; padding: 20px; position: relative;} .about_3 .wrap .swiper-pagination{ position: absolute; width:20px; left:auto; top: 50%; bottom: auto; right:15px; background:url(../images/bg_06.png) no-repeat center center; background-size:1px 100%; height:auto; font-size: 0; transform: scale(0.8);} .about_3 .wrap .swiper-pagination-bullet:first-child{ margin-top: 0 !important;} .about_3 .wrap .swiper-pagination-bullet:last-child{ margin-bottom: 0 !important;} .about_3 .wrap .swiper-pagination-bullet{ width:20px; height:17px; background:url(../images/bg_05.png) no-repeat top center; border-radius:0; opacity:1; background-size:100% 100%; margin: 10px 0 !important; vertical-align: top;} .about_3 .wrap .swiper-pagination-bullet-active{background:url(../images/bg_05-sel.png) no-repeat top center;background-size:100% 100%} .company_3.about_3 .develop_swiper2::after, .company_3.about_3 .develop_swiper3::after{ display: none;} .company_3.about_3 .left .txt{ padding-top: 0; margin-top: -6em;} .companys_box{ background-repeat: no-repeat; background-size:100% auto; background-position:center;} .company_2{ padding: 10% 0 8%;} .company_2 ul{ width: 80%; margin: 0 auto;} .company_2 li{ float: left; width: 25%; text-align: center;} .company_2 li img{width: 50px; height: 50px; margin-bottom: 10px;} .about_4 .txt{ text-align: center; padding: 100px 0;} .about_4 .video{ height:35vw; background-size: cover; justify-content: center; color: #fff; text-align: center; position: relative;} .about_4 .video::after{ transition: 0.3s all; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color:rgba(0,0,0,0.04);} .about_4 .video .bon{ opacity: 0.8; margin-top: 50px; position: relative ; z-index: 2;} /*.about_4 .video .p1{ width: 90px; height: 90px; margin: 0 auto 20px; background: url(../images/img_01.png); background-size: 100% 100%;}*/ /*.about_4 .video:hover .p1{ background-image: url(../images/img_02.png);}*/ .about_4 .video:hover::after{ background-color: rgba(0,0,0,0.08);} .culture_1{ position: relative;} .culture_1 .bg{ position:relative; padding-top: 40%;} .culture_1 .bg .img_ratio{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; transition: 0.3s all;} .culture_1 .bg .img_ratio.cur{ z-index: 2; opacity: 1;} .culture_1 .post{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5; display: flex; align-items: center; justify-content: center;} .culture_1 .post .wrap{ width: 100%; } .culture_1 .post .top{ justify-content: center;} .culture_1 .post .bon{ width:20%; margin: 0 20px; text-align: center; cursor: pointer; color: #666;} .culture_1 .post .bon.cur{ color: #0f3471;} .culture_1 .post .img_ratio{ padding-top: 85%;} .culture_1 .post .img_ratio img{ object-fit: initial;} .culture_1 .post .img_ratio span{ position: absolute; z-index: 3; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);} .culture_1 .post .txt{ text-align: center; margin-top: 100px;} .culture_1 .post .txt .item{ display: none;} .culture_1 .post .txt .item.cur{ display: block;} .culture_2{ background-size: cover; padding: 50px 0;} .wh_two h1{ text-align:center; color:#333333;} .wh_two .ul{ background:url(../images/bg_17.jpg) repeat-y center center; position:relative;} .wh_two .ul li{ width:100%; padding:0px 10%; box-sizing:border-box; margin-bottom:50px;} .wh_two .ul li .img{ float:left; width:45%; margin-right:5%;} .wh_two .ul li .img .img1{ float:none; width:48%; position:relative; z-index:1;} .wh_two .ul li .img .img1 .img_ratio{ padding-top: 75%;} .wh_two .ul li .img .img2{ float:left; width:64%; margin-left:-12%; margin-top:4.7rem; } .wh_two .ul li .img .img2 .img_ratio{ padding-top: 75%;} .wh_two .ul li .left{ overflow: hidden; padding-left:50px; margin-top:5.6rem; background:url(../images/bg_05-sel.png) no-repeat left 2.6rem; position: relative; left: -10px;} .wh_two .ul li h2{ color:#333333;} .wh_two .ul li p{ color:#999999; } .wh_two .ul::after{ content: ""; position:absolute; top:0; left:0;width:100%; text-align:center; height:18px; background:url(../images/bg_18.png) no-repeat top center; margin:0;} .wh_two .ul::before{ content: ""; position:absolute; bottom:0; left:0;width:100%; text-align:center; height:18px; background:url(../images/bg_18.png) no-repeat top center; margin:0;} .culture_3{ padding: 80px 0;} .culture_video{ padding: 10px; margin-top: 50px; background: #eee; box-shadow: 0 0 10px rgba(0,0,0,0.1);} .culture_video .top .img_ratio{ padding-top: 50%;} .culture_video .top .img_ratio video{ background: #000; position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .culture_video .bottom{ margin: 10px -5px 0;} .culture_video .bottom .img_ratio{ padding-top: 50%; margin:0 5px;} @media only screen and (min-width: 760px) { .wh_two .ul li:nth-child(2n) .img{ float:right; margin:0; margin-left:5%;} .wh_two .ul li:nth-child(2n) .img .img1{ width:60%;} .wh_two .ul li:nth-child(2n) .img .img2{ width:50%; margin-top:7.2rem;} .wh_two .ul li:nth-child(2n) .left{ left: auto; right: -10px; padding-left:0; padding-right:50px;background:url(../images/bg_05-sel.png) no-repeat right 2.6rem;} .wh_two .ul li:nth-child(2n) .left h2{ text-align:right;} } .fz_one{ position:relative; color:#fff; margin-bottom:30px; } .fz_one .img{ position:relative; z-index:1; width: 100%; height: auto;} .fz_one .nei{ position:absolute; top:50%; transform: translateY(-50%); text-align:center; left:10%; width:80%; z-index:111;text-shadow: 0 0 15px black;} .fz_main{ background:url(../images/bg_35.png) #F9F7F7 repeat-y top center; border-top: 30px solid #F9F7F7; } .fz_two{ float:left; width:45%; margin-left:5%; background:url(../images/bg_35.png) no-repeat left top; background-size:1px 95%; margin-top:40px; margin-bottom:50px;} .fz_two li{ height:160px;} .fz_two li p{ padding-left:34px; margin-left:-9px; background:url(../images/bg_37.png) no-repeat left center; line-height:56px; color:#656565; margin-top:-20px; cursor:pointer;} .fz_two li:last-child{ height:auto;} .fz_two li.sel p{ background:url(../images/bg_38.png) no-repeat left center; font-size: 1.3em; padding-left:80px; margin-left:-30px;} .fz_three{ float:left; width:50%; margin-top:20px;} .fz_three li{ float:left; padding-bottom:35px; width:100%; padding-left:30px; box-sizing:border-box; position:relative;} .fz_three li .year{ padding-left:45px; margin-left:-40px; background:url(../images/bg_39.png) no-repeat left center; line-height:40px; color:#000000; } .fz_three li .desc{ color:#656565; padding-top:5px; padding-left:5px; box-sizing:border-box;text-align:justify;} .fz_three li .img_list{ position:absolute; left:-340px; top:10px; display:none; width:340px;} .fz_three li .img_list .img{ width:300px; margin-bottom:15px;-moz-box-shadow:0px 0px 20px #9E9E9E; -webkit-box-shadow:0px 0px 20px #9E9E9E; box-shadow:0px 0px 20px #9E9E9E; float:left;} .fz_three li .img_list .img img{ width:100%; height: auto;} .fz_three li.sel .img_list{ display:block;} .fz_three li.sel .year{ color:#0f3471; background:url(../images/bg_40.png) no-repeat left center;} .fz_three li.sel .desc{ color:#0f3471;} .coures_1{ padding: 80px 0 120px;} .coures_1_left{ float: left; width: 50%; padding-right: 2%;} .coures_1_left h4 span{ display: inline-block; padding-top: 15px;} .coures_1_right{ overflow: hidden;} .fz_main .wrap22{ max-width: 1000px; margin: 0 auto;} [v-cloak]{ display: none;} .news_box{background:url(../images/bg.png) no-repeat left top; background-size:100% auto; padding-top:100px;} .dt_one{ box-sizing:border-box; margin-bottom:40px; overflow:hidden} .dt_one .swiper-slide{ background: #E8E8E8; } .dt_one .swiper-container{ padding-bottom:50px;} .dt_one .swiper-pagination{ width:100%; bottom:0; left:0; background:none; background-size:1px 90%;} .dt_one .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0px; margin-top:15px; border-radius:40px; background:#D7D7D7; width:12px; height:12px; margin:0px 6px;} .dt_one .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background:#571D8B; width:40px;} .dt_one .nei{ background:#E8E8E8; } .dt_one .nei .img{ float:left; width:50%} .dt_one .nei .img .img_ratio{ padding-top: 60%;} .dt_one .right{ overflow: hidden; padding: 40px ; } .dt_one .right .title{ color:#531B85; } .dt_one .right .date{ color:#999999; padding-bottom:15px; padding-top:5px;} .dt_one .right .desc{ color:#656565; margin-bottom:30px;} .dt_one .right .a{ float:left; color:#656565; } .dt_one .right .a i{ display: inline-block; vertical-align: middle; margin-right: 5px;} .dt_one .right .a:hover{ color:#0f3471;} .dt_two{ /* border-top:1px solid #D9DDE1; */ padding-top:45px; } .dt_two .tt_img{ text-align:center; height:17px; background:url(../images/bg_54.png) no-repeat top center;} .dt_two .ul{ background:url(../images/bg_55.png) repeat-y top center; box-sizing:border-box; padding:80px 40px; padding-top: 180px;} .dt_two .ul li{ float:left; width:50%; margin-left:10px; background:url(../images/bg_56.png) no-repeat right center; margin-bottom:30px; margin-top:-150px;} .dt_two .ul li .xx{ margin-right:80px;} .dt_two .ul li .img_ratio{ padding-top: 60%; } .dt_two .ul li .nei{ box-sizing:border-box; padding:18px 30px;} .dt_two .ul li .title{ color:#434343;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .dt_two .ul li .desc{ color:#656565; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; margin-top:15px; margin-bottom:20px;} .dt_two .ul li .a{ float:left; width:20px; height:20px; background:url(../images/bg_53.png) no-repeat center center;} .dt_two .ul li .a:hover{ background:url(../images/bg_53-sel.png) no-repeat center center;} .dt_two .ul li .date{ float:right; color:#999999;} .dt_two .ul li:nth-child(2n){ margin-left:0; margin-right:10px; padding-right:0; float:right; background:url(../images/bg_57.png) no-repeat left center; } .dt_two .ul li:nth-child(2n) .xx{ margin-right:0; margin-left: 80px;} .dt_two .ul li .xx{ -webkit-transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;transition:all .8s ease 0s;background:#F5F5F5;} .dt_two .ul li:hover .xx{ background:#fff;-moz-box-shadow:0 0 20px rgb(5 39 174 / 50%); -webkit-box-shadow:0 0 20px rgb(5 39 174 / 50%); box-shadow:0 0 20px rgb(5 39 174 / 50%);} .dt_two .more{ margin-bottom:100px; text-align:center; margin-top:-40px;} .dt_two .more a{ display:inline-block; width:184px; height:45px; background:url(../images/bg_58.png) no-repeat center center; color:#fff; line-height:45px;} /* -------------------生产质控------------------------------ */ .quality_1{width:100%;background:url(../images/bg_20.png) no-repeat left top;background-size:100% auto;box-sizing:border-box} .quality_11{padding:90px 0 120px;} .quality_1 .quality_1_left{width:45%} .quality_1 .quality_1_left h4{display:flex;align-items:center;color:#0f3471;} .quality_1 .quality_1_left h4 img{display:block} .quality_1 .quality_1_left h2{color:#333333;} .quality_1 .quality_1_right{width:55%} .quality_1 .quality_1_right ul{width:100%;margin-bottom:20px;box-sizing:border-box;display:flex;justify-content:center;align-items:flex-start} .quality_1 .quality_1_right ul li{position:relative;padding:0 30px;box-sizing:border-box} .quality_1 .quality_1_right ul li:first-child{padding-left:0} .quality_1 .quality_1_right ul li:last-child{padding-right:0} .quality_1 .quality_1_right ul li::after{content:"";width:1px;height:60px;background:#B7B7B7;position:absolute;top:50%;right:0;transform:translateY(-50%)} .quality_1 .quality_1_right ul li:last-child:after{content:none} .quality_1 .quality_1_right ul li h2{display:flex;justify-content:center;margin-bottom:15px} .quality_1 .quality_1_right ul li h2 span{color:#531B86;} .quality_1 .quality_1_right .quality_1_right_text span{color:#531B86} .quality_2{width:100%;padding:110px 0 70px;box-sizing:border-box;} .quality_2_li{width:50%;position:relative;z-index:2; float: left; } .quality_2_li .boxc{ position: relative; transition: 0.4s all;} .quality_2_li:first-child { margin-top: -100px;} .quality_2_li:first-child {z-index: 3;} .quality_2_li:first-child .boxc{ margin-right: -50px;} .quality_2_li img{width:100%; height: 100%; object-fit:cover; position:absolute; left: 0; top: 0; z-index: 0; } .quality_2_li .quality_2_left_img2{ opacity: 0; z-index: 2; transition: 0.3s all;} .quality_2_li .quality_2_left_content{z-index:10;padding:30px 70px 30px; position: relative;} .quality_2_li .bott{ position: relative; z-index: 2; padding: 30px 0; background:url(../images/bg_22.png) no-repeat left top;background-size:100% 100%} .hover .bott{background:url(../images/bg_22-sel.png) no-repeat left top;} .quality_2_li:first-child+li .quality_2_left_content{ padding-left: 110px;} .quality_2_li.hover{ z-index: 4;} .quality_2_li.hover .quality_2_left_img2{ opacity: 1;} .quality_2_li.hover .boxc{ box-shadow: 0 0 20px rgba(5,39,174,0.5); transform: scale(1.03);} .quality_3{padding:95px 0;box-sizing:border-box;background:url(../images/bg_120.jpg) no-repeat top left;background-size:cover; background-position: center;} .quality_3 .quality_3_box{display:flex;flex-direction:column;align-items:center} .quality_3 .quality_3_box h2{color:#0f3471} .quality_3 .quality_3_box .quality_3_littleTit{color:#9E9D9D} .qua_sw{width:80%;margin:50px auto 0;position:relative} .quality_swiper .swiper-slide{border-radius:10px;transition:all .3s ease} .quality_swiper .swiper-slide .slideBox{display:flex;flex-direction:column;align-items:center;padding:56px 15px;box-sizing:border-box} .quality_swiper .swiper-slide .quality_swiper_img{position:relative;width:68px;height:68px} .quality_swiper .swiper-slide .quality_swiper_img img:nth-child(1){position:relative;z-index:1;opacity:1;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease} .quality_swiper .swiper-slide .quality_swiper_img img:nth-child(2){position:absolute;top:0;left:0;z-index:2;opacity:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease} .quality_swiper .swiper-slide h4{color:#666666; margin:30px 0;transition:color .3s ease} .quality_swiper .swiper-slide p{transform:translateY(30px);opacity:0} .quality_swiper .swiper-slide.hover{background:linear-gradient(-25deg,#0f3471,#245DA7);box-shadow:0px 0px 20px 0px rgba(0,0,0,0.2)} .quality_swiper .swiper-slide.hover .quality_swiper_img img:nth-child(1){opacity:0} .quality_swiper .swiper-slide.hover .quality_swiper_img img:nth-child(2){opacity:1} .quality_swiper .swiper-slide.hover h4{color:#FFFFFF} .quality_swiper .swiper-slide.hover p{transform:translateY(0);opacity:1;transition:all 1s ease} .quality_3 .quality_prev{left:-50px} .quality_3 .quality_next{right:-50px} .news_details { padding: 50px 0;} .news_details .right{ width: 25%; margin-left: 7%; float: right;} .news_details .right dt .img_ratio{ padding-top: 56%;} .news_details .right dd{ padding-top: 10px;} .news_details .right dd span{ color: #aaa;} .news_details .right dl{ padding: 20px 0; border-bottom: 1px solid #ddd; margin-bottom: 10px;} .news_details .right ul{} .news_details .right li{ padding: 5px 0;} .news_details .right li a{ position: relative; padding-left: 10px; display: inline-block;} .news_details .right li a::before{ position: absolute; left: 0; top: 0.7em; content: " "; width: 3px; height: 3px; border-radius: 3px; background: #333;} .news_details_bottom{ line-height: 45px; padding-top: 20px; padding-left: 30px;} .news_details_bottom img{ width: 50px; height: auto;} .news_details_bottom .hui2{ display: none;} .news_details_bottom a:hover .hui2{ display: inline-block;} .news_details_bottom a:hover .hui1{ display: none;} .news_details_bottom a{ display: block; padding: 10px;} .branchContent_text_tijiao{margin-top: 79px;} .branchContent_text_tijiao div input{width: 404px;height: 55px;border: 1px solid #DDDDDD;border-right: 0;text-indent: 1em;} .branchContent_text_tijiao div span{font-size: 20px;color: #FF0000;margin-right: 10px;} .branchContent_text_tijiao div a{width: 80px;height: 57px;line-height: 55px;background: #5B3391;display: inline-block;text-align: center;font-size: 1.4rem;color: #FFFFFF;} .branchContent_text_tijiao div:first-child{color: #5E3693;font-weight: 500;font-size:1.9rem;} .branchContent_text_tijiao div:last-child{margin-top: 28px;font-size: 0;display: flex;align-items: center;} @media only screen and (max-width: 1750px) { .header .menu li .child_2{ width: 1400px;} .pro_item_list .item{ width: 25%;} .header .menu li{margin: 0 28px;} } @media only screen and (max-width: 1600px) { .header .menu li .child_2{ width: 1200px;} .pro_item_list .item{ width: 25%;} footer .container{ margin: 0 120px; max-width: none;} .join_1{ overflow: hidden;} .join_4{ overflow: hidden;} .fengwo{ width: 110%; padding-left: 0; } .zl_two .ul li{width: 20px;background-size: 89%;} .header .menu li{margin: 0 22px;} } @media only screen and (max-width: 1566px) { .wrap{ margin: 0 120px;} .header .menu li{margin: 0 17px;} } @media only screen and (max-width: 1440px) { .header .menu li .child_2{ width: 1000px;} .pro_item_list .item{ width: 33.33%;} .header .menu li{margin: 0 15px;} } @media only screen and (max-width: 1400px) { .wrap{ margin: 0 120px;} .zl_two .ul li{ background-size: 77%;} } @media only screen and (max-width: 1260px) { .header .all_wrap{ margin: 30px 10px;} /* .scroll_header */ .header .all_wrap{ margin: 10px;} footer .container{ margin: 0 50px;} footer .link{ padding: 0 50px;} footer .footer-bottom{ padding: 20px 50px;} footer .container .right{ width: 220px;} footer .container .left{ padding-right: 0;} .join_5 .li .right{ height: 15vw;} .fengwo{ width: auto; padding-left: 3%;} .fengwo li{ width: 16%; margin: 0 4%; padding-top: 7%;} .fengwo li.l1{ margin-left: 16%;} .fengwo li.l3{ margin-right: 10%;} .fengwo li.l4{ margin-left: 4%;} .fengwo li.l7{ margin-right: 4%;} .fengwo li.l8{ margin-left: 16%;} .fengwo li.l13{ margin-left: 4%;} .fengwo li.l15{ margin-left: 16%;} .fengwo li.l16{ margin-right: 4%;} .fengwo li.l17{ margin-left: 4%;} .fengwo li.l21{ margin-left: 4%;} .fengwo li.l22{margin-left: 16%;} .fengwo li .nei .desc{ font-size: 10px;} .join_4{ padding: 50px 0;} .join_3 li{ padding-bottom: 50px;} .solution_1 li{ width: 33.33%;} .wh_two .ul li{ padding: 0 0;} .culture_1 .bg{ padding-top: 55%;} .header .menu li{margin: 0 6px;} } @media only screen and (max-width: 1100px) { body .layui-layer-setwin .layui-layer-close2{ right: 0; top: 0;} } .child_yuanliao, .menu_h, .ph_menu_bg, .header .menu li .phi{ display: none;} @media only screen and (max-width: 1024px) { #videoPopup .video-box video{transform: translateY(32%);} .slider-right li .child2 .bshare-custom { position: relative; top: 25px; } footer .footer-bottom{ text-align: center;margin-bottom: 50px;} footer .left .contact p{ float: none; display: inline-block;} footer .left{ float:none;} footer .right{ text-align: center; margin-top: 20px;} footer .footer-bottom .right ul{ float: none;} footer .footer-bottom .right ul li{ float: none; display: inline-block;} footer .right p{ text-align: center;} footer .container .left > ul{ display: block;} footer .container .left > ul li{ display: block;} footer .container .left > ul li h2{ margin-bottom: 0;} footer .container .left > ul li ul{ margin-bottom: 10px;} footer .container .left > ul li ul li{ display: inline-block; margin: 0 30px 0 0;} .menu-right{ right: 50px;} .menu_h { z-index: 100; display: block; background: none; transition: 0.3s all; z-index:1000; border: none; width: 40px; height:40px; outline: none; position: absolute; right: 0; top: 3px; transform: scale(0.8); } .menu_h::before, .menu_h::after, .menu_h span { background: #fff ; border-radius: 2px; } .menu_h::before, .menu_h::after { content: ''; position: absolute; height: 5px; width: 100%; left: 0; top: 50%; transform-origin: 50% 50%;transition: transform 0.25s; } .menu_h span { position: absolute; width: 100%; height: 5px; left: 0; overflow: hidden; text-indent: 200%; transition: opacity 0.25s; } .menu_h::before { transform: translate3d(0, -12px, 0); } .menu_h::after { transform: translate3d(0, 12px, 0); } .menu-open .menu_h span { opacity: 0; } .menu-open .menu_h::before { transform: rotate3d(0, 0, 1, 45deg); background: #333; } .menu-open .menu_h::after { transform: rotate3d(0, 0, 1, -45deg); background: #333; } /* .scroll_header */ .menu_h::before, /* .scroll_header */ .menu_h::after, /* .scroll_header */ .menu_h span{ background: #333;} .ph_menu_bg{ background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 0.3s all; z-index: 98; cursor: pointer; display: block;} .header .menu{ z-index: 99; transform: translateX(100%); transition: 0.3s all;} .menu-open .header .menu{transform: translateX(0);} .menu-open .ph_menu_bg{ opacity: 0.5; visibility: visible;} .header .menu li{ border-bottom: 1px solid #f0f0f0; line-height: 50px;} .header .menu li .a1{ display: block; color: #333 !important; text-shadow: none !important; text-align: left; padding: 0 20px;white-space: nowrap;} .header .menu li .phi{ display: block; position: absolute; z-index: 2; height: 50px; width: 40%; right: 0; top: 0;} .header .menu li .phi::after{content: '';position: absolute;right: 10px; top: 50%; margin-top: -2px; width: 0;height: 0;border: 4px solid rgba(0,0,0,0.0);border-top-color: #333; opacity: 0.7; transition: 0.4s all;} .header .menu{ margin: 0; position: fixed; right: 0; top: 0; width: 200px; background:rgba(255,255,255,1); height: 100vh; } .header .menu ul{ display: block;} .header .menu ul li{ display: block;} .header .menu li:hover{ background: #f6f6f6;} .header .menu li:hover .phi::after{ transform: rotateX(180deg) translateY(5px);} .header .menu li .child{ top: 0; left: auto; right: 100%; margin-left: 0; border: 0; border-right: 2px solid #531c86;} .header .menu li .child::after{ right: -14px; left: auto; margin-left: 0; top: 20px; transform: rotate(90deg);} .header .menu li .child_2{ width: 550px;} .pro_item_list .item{ width: 50%;} .header .menu ul{ padding-top: 50px;} .header .menu li .child_2 .tab_head .tab_a{ max-width: none;} .header .menu li .child_2 .tab_head .tab_a span{ margin: 0 4px; padding: 10px 0;} .menu_tab_2_list .item{ width: 50%; margin-top: 10px;} .banner .nei h3{ display: none;} .cp_four .nei{ padding: 80px;} .cp_four .zt{ width: auto; overflow: hidden; float: none;} .about_4 .video{ height: auto;} .about_4 .video .bon{ margin: 30px 0;} .about_2{ margin-top: 50px; padding-bottom: 50px;} .news_details .right{ display: none;} .slider-right { position: fixed; right: 0; top: auto; transform: translateY(0); z-index: 100; bottom: 0; width: 100%; background-color: #fff; /* background-image: url(../images/right00-bg.png); */ background-repeat: no-repeat; /* background-position: left top; */ background-size: 100% auto; box-shadow: 0 0 8px 0 #e1e1e1; } .slider-right ul{ display: flex; justify-content: space-around; align-items: center; height: 70px; } .slider-right li { box-shadow: none; width: 13.33%; height: auto; line-height: 0; padding: 3% 0 3% 0; background-color: inherit; /* line-height: 59px; */ } .slider-right li .rightZi { display: block; margin-top: 15px; font-size: 1.4rem; } .slider-right li .img { transition: all .2s; } .slider-right li .img img{ width: 45%; } .slider-right li:hover .img img{ width: 74%; } .slider-right li:hover { background-color: inherit; /*background: #0f3471;*/ border-radius: 8px } .slider-right li:first-child:hover .img { transform: translate(22%, -76%); } .slider-right li:hover .img { padding: 32% 23%; display: flex; justify-content: center; align-items: center; background: linear-gradient(146deg, #0f3471 0%, #87ceeb 100%); box-shadow: 0px 13px 32px 0px rgb(135 206 235/ 42%); border-radius: 50%; transform: translateY(-50%); } .slider-right li:hover .num, .slider-right li:hover .rightZi { display: none; } #backTop:hover .child2, .linke:hover .child2{ display: none !important; } #backTop:hover .rightZi, .linke:hover .rightZi{ display: block !important; color: #333; } #backTop:hover .img, .linke:hover .img{ padding:0 !important; box-shadow: none !important; transform: translateY(0) !important; background: inherit !important; } #backTop:hover img:first-child, .linke:hover img:first-child{ display: block !important; } #backTop:hover img:first-child+img, .linke:hover img:first-child+img{ display: none !important; } .linke:hover .img img, #backTop:hover .img img{ width: 45% !important; } .slider-right li .num{ top: 6px; } .slider-right li .child2{ right: -150%; } .slider-right li .weixinchild{ top: -170%; } .slider-right li .fenxiang{ top: -86%; height: 60%; } .product_menu ul{flex-wrap: wrap;} } @media screen and (max-width: 1110px){ .pro_details .pro_bon { text-align: center; margin: 30px 0 50px -12px; width: max-content; } .pro_details .pro_bon a { display: inline-block; color: #fff; padding: 10px 9px; margin-left: 9px; background: #ADADAD; line-height: 23px; border: 1px #6a7076 solid; border-radius: 6px; text-decoration: none; } } @media only screen and (max-width: 1023px) { /*pro_details .pro_bon a {*/ /* display: inline-block;*/ /* color: #fff;*/ /* padding: 10px 12px;*/ /* !* margin-left: 20px; *!*/ /* background: #ADADAD;*/ /* !* line-height: 26px; *!*/ /* border: 1px #6a7076 solid;*/ /* border-radius: 6px;*/ /* text-decoration: none;*/ /*}*/ .fengwo{ width: auto; padding-left: 0;} .fengwo li{ width: 22%; margin: 0 5.5%; padding-top: 9.5%;} .fengwo li.l1{ margin-left: 22%;} .fengwo li.l3{ margin-right: 5.5%;} .fengwo li.l4{ margin-left: 5.5%;} .fengwo li.l6{margin-left: 22%;} .fengwo li.l7{ margin-right: 5.5%;} .fengwo li.l8{ margin-left: 5.5%;} .fengwo li.l11{ margin-left: 22%;} .fengwo li.l13{ margin-left: 5.5%;} .fengwo li.l15{ margin-left:5.5%;} .fengwo li.l16{ margin-right: 5.5%; margin-left: 22%;} .fengwo li.l17{ margin-left: 5.5%;} .fengwo li.l21{ margin-left: 22%;} .fengwo li.l22{margin-left: 5.5%;} .fengwo li .nei img{ width: 30px; height: 30px;} .join_5 .top .right{ height: 180px; width: 160px;} .join_5 .li .right .join_5 .li { margin-top: 1%;} .join_5 .li .left{ position: relative; height: 25vw; left: 0 !important; right: 0 !important; top: 0; bottom: 0;} .join_5 .li .right{ width: auto; float: none !important; height: auto; padding: 10px 0;} .join_5 .li.li2, .join_5 .li.li3{ width: 54%;} .join_5 .li.li1, .join_5 .li.li3{ margin-right: 1%;} .pro_details .left{ float: none;width: 100%;} .mentdevelop_1_left{ width: auto; float: none;} .mentdevelop_1_right{ padding: 20px 0;} .mentdevelop_1_textContent{ padding: 30px 0;} .mentdevelop_2_left{ float:none; width: auto; margin: 0;} .mentdevelop_2{ padding: 0;} .mentdevelop_2_left .mentdevelop_2_textContent{ padding: 50px 30px;} .mentdevelop_2_right{ margin-top: 0;} .mentdevelop_2_right_box{ padding: 50px 30px;} .scroll_wrap_left{ height: 220px;} .scroll_wrap_right{ height: 330px;} .quality_1 .quality_1_left{ width: auto; float: none; margin-bottom: 40px;} .quality_1 .quality_1_right{ width: auto; float: none;} .quality_2_li{ float:none; width: auto; margin-bottom: 40px;} .quality_2_li:first-child .boxc{ margin: 0;} .quality_2_li:first-child+li .quality_2_left_content{ padding-left: 50px;} .product_menu li{width: 17%;} } @media only screen and (max-width: 760px) { .pro_details .pro_bon{ text-align: center; width: max-content; margin: 30px auto; } .pro_dl .pro_dd .attr .at{ border-bottom: #ccc 1px solid;padding-left: 2%;} .pro_dl .pro_dd .attr{ /* display: inline-block;*/ width: 100%; /*line-height: 196%;*/ margin: 75px 0 0 0; } .pro_dl .pro_dd .box .zhutu{ /* display: inline-block;*/ width: 100%; /*box-shadow: rgb(192 192 192) 2px 2px 10px;*/ margin: auto; } .st { width: 70%; position: absolute; left: 16%; top: 44%; } #videoPopup .video-box .close{top: 140% !important;left: 0;right: 0;margin: auto;} .product_menu li p{white-space: pre-wrap;} .header{ background:rgba(255,255,255,0.9); box-shadow: 0 0 4px rgba(0,0,0,0.3);} .header .all_wrap{ margin: 10px ;} .header .logo img{ width: 80px;} .header .menu li .a1{ color: #333; text-shadow: none;} .menu-right .search{ padding: 20px 10px;} .menu-right .lange dt{ padding: 20px 10px;} .menu-right .search .img::after, .menu-right .search .img::before{ background: #333;} .menu-right .lange dt{ color: #333;} .wrap{ margin: 0 20px;} .header .imgb{ display:inline-block; transform: scale(0.7);} .menu-right .lange dt i, .menu-right .lange dt span{ position: relative; top: 4px;} .header .imga{ display: none;} .menu_h::before, .menu_h::after, .menu_h span{ background: #333;} .header .menu{ width:60%; font-size: 1.6rem; margin-top: 0; overflow: auto; } .header .menu li .child{ /*border: 0; border-top: 2px solid #0f3471;*/ position: relative; left: 0; right: 0; top: 0; bottom: 0; margin: 0; transform: none; display: none; box-shadow: none;} .header .menu li:hover .child{ display: block;margin-left: 0;} .header .menu li .child.child_2{ display: none !important;} .header .menu li .child .w a:hover{ background: none; color: #0f3471;} .header .menu li .child::after{left: 2em; margin-left:0; top: -10px; right: auto; transform: none;} .header .menu li .child .w a{ text-align: left; padding: 5px 10px; border-bottom: 1px solid #eee;} /* .scroll_header */ .header .menu{ margin-top: 0;} .menu-right .search dl::after{ right: 70px;} .menu-right .search dl{ right: auto; left: -100px;} /* .slider-right{ display: none;} */ footer .container .left{ display: none;} footer .container .right{ width: auto; float: none;} footer .container{ margin: 0; padding: 20px;} footer .link{ padding: 0 20px;} footer .link .con h2{ margin-right: 2px;} footer .link .con ul li{ padding: 0 7px 0 0; margin-right: 7px;} footer .left .contact p, footer .left .contact p a{ margin: 0 5px;} .menu_left{ display: none;} .ohter_main{ padding-top: 70px;} .banner .nei h3{ display: none;} .banner .nei p a{ width:20px; height:20px;} .fengwo{ width: 120%; margin-left: -8%;} .fengwo li{ width: 32% !important; margin: 0 8% !important; padding-top: 14% ;} .fengwo li:nth-child(3n-2){ margin-left: 32% !important;} .join_1{ padding: 20px 0;} .join_1 .box1{ padding: 20px 0;} .join_1 .left_nei{ width: auto; margin-right: auto; float: none;} .join_1 .left_nei h3{ line-height: 40px;} .join_1 .left_nei img{ width: 40px; height: 40px;} .join_1 .box2 li{ float:none; width: auto; margin-bottom: 20px;} .join_1 .box2 li .w{ height:auto;} .join_1 .box2 li article{ height: auto;} .join_1 .box2 li .mak{ background: rgba(0,0,0,0.2); color: #fff;} .join_1 .box2 .w h2::after{ background: #fff;} .join_2 .box{ width: auto; margin-top: 30px; height: auto; background-size: auto 100%;} .join_2 .box .w{ padding: 50px 20px 80px;} .join_3 .tit{ width: auto;} .join_3 ul{ padding-top: 0; padding-bottom: 30px;} .join_3 li{ float: none; width: auto; padding:30px 0 0 ;} .join_3 li:nth-child(3n-1) .w{ margin-top: 0;} .join_3 li .img_ratio{ margin: 0 !important;} .join_3 li .txt{ margin-top: -50px; padding: 20px;} .join_4 .title{ padding: 20px 20px 0;} .join_5 .top { overflow: hidden;} .join_5 .top img{ width: 200%; margin-left: -50%;} .join_5 .top .wrap{ position: relative;} .join_5 .top .right{ display: none;} .join_5 .top .left{ color: #333; margin:0 0 40px; padding-top: 10px;} .join_5 .li{ float: none !important; width: auto !important; margin:10px 0 0 !important; border-bottom: 1px solid #eee;} .join_5 .li .left{ height: auto;} .join_5 .img_ratio img{ position: relative;} .join_5{ padding-bottom: 10px;} .pro_1{ padding:20px 0 0;} .pro_1 li{ width: auto; float: none;} .pro_1 li dl dd{ min-height: auto;} .pro_2 .box .a{ margin: 0;} .pro_3 .tab_head li dl{ padding: 10px;} .pro_3 .tab_head li dl dt img{ width: 20px; height: 20px;} .pro_3 .tab_head li dl dd{ padding: 1px 5px;} .pro_3 .tab_head li{ width: 50%;} .pro_3 .tab_body li dl{ padding: 10px;} .pro_3 .tab_body li dl dt img{ width: 20px; height: 20px;} .pro_3 .tab_body li dl dd{ padding: 1px 5px;} .pro_3 .tab_body li{ width: 50%;} .pro_3 .tab_body li .child a{ padding-left: 10px; text-align: center;} .pro_2 .box .swiper-button-next{ transform: scale(0.5);} .pro_2 .box .swiper-button-prev{ transform: scale(0.5) rotateY(180deg);} .pro_3 .tpye_head a{width: 80px; height: 78px; font-size: 14px;} .pro_3{ padding: 30px 0;} .pro_3 .tpye_head{ padding-bottom: 10px;} .pro_3 .tab_body .top{ padding: 20px;} .pro_3 .tab_body .top dd{ width: auto; min-height: 4.5em;} .pro_4{ padding: 20px 0;} .pro_4 .title{ margin-bottom: 20px;} .pro_4 ul li{ width: auto; float: none; margin-bottom: 20px;} .cp_four .nei{ padding: 20px;} .cp_four .zt{ padding: 10px;} .pro_5{ padding-bottom: 50px;} .pro_list_bon .item{ margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #ddd;} .pro_list_bon .item dt{ float: none; margin-bottom: 5px; width: auto; padding: 3px 0;} .pro_list_bon .item dd{ position: relative;} .pro_list_bon .item .dl1 dd{ height: 2.1em;} .pro_list_bon .item dd p{ margin: 0 5px 5px 0;} .pro_list_bon .item dd .more{ font-size:0; padding: 5px;} .pro_list_bon .item dd .more .s1::after{ font-size: 1.3rem; content: "+";} .pro_list_bon .item dd .more .s2::after{ font-size: 1.3rem; content: "-";} .pro_list_bon .item dd .box{ position: relative; } .pro_list_bon .item .dl2 dt{ padding: 0;} .pro_list_bon .item dd p{ min-width: auto; padding: 2px 10px;} .pro_list_bon .item dd p.cur{ background-size: 18px 15px;} .pro_list_bon .item .dl2 dd p{ min-width: auto; padding: 5px 10px;} .pro_list_box li{ width: auto; float: none;} .faq_search{ width: 98%;} .pro_details .pro_bon a{ padding: 5px 8px; margin-left: 5px;} .pro_dl .pro_dd{ padding: 10px;} .pro_art_box2 .item{ width: auto; float: none;} .pro_art_box5 .pro_list_box ul{ margin: 0 5px;} .pro_art_box5 .pro_list_box li{ width: auto; float: none;} .pro_art_box5 .pro_list_box li .w{ margin: 0 0 10px;} .faq_search{ margin: 20px 0;} .faq_search .btn{ line-height: 40px; height: 40px; width: 50px;} .faq_search .txt{ line-height: 40px; height: 40px;} .down_type{ padding: 10px 0 20px;} .down_type a{ width: 140px; height: 35px; line-height: 34px; background-size: 100% 100%; margin: 0 5px ;} .down_list ul { margin: 0 -10px;} .down_list ul li a{ margin: 0 10px 20px;} .down_list ul li{ width: 50%;} .product_menu{ padding: 20px 0;} .product_menu li{ margin: 10px;width: 24%;} .product_menu li img{ width: 40px; height: 33px;} .solution_1 li{ width: 50%;} .solution_1 ul{ margin: 0 -5px;} .solution_1 li .w{ margin: 10px 5px 0;} .solution_2 li{ width: 50%;} .solution_3 ul li{ width: auto; float: none; margin-bottom: 20px;} .down_type2{ padding: 0 0 30px;} .down_type2 a{ width: 40%; margin: 0 5px 10px; background-size: 100% 100%;overflow:hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 10px;} .solution_list_top li dl{ padding: 10px;} .solution_list_top li dl dt img{ width: 20px; height: 20px;} .solution_list_top li dl dd{ padding: 1px 5px;} .solution_list_top li{ width: 50%;} .solution_list_3_box ul{ margin: 0 -10px;} .solution_list_3_box ul li{ width: 50%;} .solution_list_3_box .a{ margin: 0 10px; padding-bottom: 20px;} .solution_list_3_box .bottom{ padding: 10px;} .page{ padding: 30px 0 40px;} .pro_details{ padding: 20px 0;} .solution_pro_right{ background: none;} .solution_pro_right{ padding: 0; margin: 0;} .solution_pro_right::before, .solution_pro_right::after{ display: none;} .solution_pro_right .left1 .swiper-container{ margin: 0;} .solution_pro_right .left1{ float: none; width: auto; margin-bottom: 20px;} .solution_pro_right .right1{ padding: 0;} .strategy_1 .strategy_1_left{ float:none; width: auto; padding-bottom: 20px;} #videoPopup .video-box{ width: 100%; padding-top: 60%; left: 0%;} #videoPopup .video-box .close{ top: -40px;} .mentdevelop_3{ padding: 30px 0;} .mentdevelop_3 .swiper-slide{ height: 200px;} .mentdevelop_3 .import_swiper{width: auto;} .mentdevelop_3 .swiper-button-next, .mentdevelop_3 .swiper-button-prev{ display: none;} .about_1{ padding: 30px 0 30px;} .about_1 ul{ display: block; overflow: hidden;} .about_1 ul li{ padding: 20px 0; float: left; width: 50%;} .about_1 ul li::after{ width:50%; top: auto; left: 50%; transform:translateX(-50%); height: 1px; bottom: 0; right: auto; display: block !important;} .about_1 h2{ margin: 0 ; padding: 0 0 10px;} .about_4 .video .p1{ width: 40px; height: 40px;} .about_2 .left{ width: auto; margin:0; padding: 0;} .about_2 .right{ position: relative; bottom: 0; margin: 285px 0 0 0; /* top: 9%; */ width: auto; right: 0; } .about_4 .txt{ padding: 30px 0;} .about_3 .right, .about_3 .left{ float: none; width: auto; margin: 0 0 40px;} .about_2{ margin: 0; padding: 30px 0;} .culture_1 .bg{ padding-top: 100%;} .wh_two .ul::before, .wh_two .ul::after{ background-position: left center; left: -10px; display: none;} .wh_two .ul{ background-position: left center;} .wh_two .ul li .img{ float: none; overflow: hidden; width: 70%; padding-left: 50px; margin-left: -10px; background: url(../images/bg_05-sel.png) no-repeat left 0;} .wh_two .ul li .left{ margin-top: 10px; background: none;} .culture_3{ padding: 30px 0;} .culture_3 .swiper-button-next, .culture_3 .swiper-button-prev{ transform: scale(0.5);} .dt_one .right{ padding: 20px;} .dt_one .nei .img{ float: none; width: auto;} .dt_two .ul{ padding: 50px 0; padding-top: 150px; margin: 0 -10px;} .dt_two .ul li{ margin-top: -120px;} .dt_two .ul li .xx{ margin-right: 30px;} .dt_two .ul li .nei{ padding: 10px;} .dt_two .ul li:nth-child(2n) .xx{ margin-right:0px; margin-left: 30px;} .coures_1{ padding: 50px 0;} .coures_1_left{ float: none; width: auto;} .fz_two{ display: none;} .fz_three{ width: auto;} .fz_main{ background-position: 19px top;} .fz_three li .img_list{ position: relative; display: block; width: auto; left: 0;} .fz_three li .img_list .img{ box-shadow: none;} .zl_two .bottom{ position: relative; bottom: 0;} .zl_two .bottom li{ width: 33.33%; line-height: 70px; height: 70px;} .zl_three .ul li{ width: 33.33%; line-height: 60px; height: 60px;} .quality_1 .quality_1_right ul li{ padding: 0 20px;} .quality_11{ padding: 50px 0;} .quality_2_li .quality_2_left_content{ padding: 20px !important;} .quality_swiper .swiper-slide{ color: #fff; background:linear-gradient(-25deg,#0f3471,#245DA7);box-shadow:0px 0px 20px 0px rgba(0,0,0,0.2)} .quality_swiper .swiper-slide .quality_swiper_img img:nth-child(1){opacity:0} .quality_swiper .swiper-slide .quality_swiper_img img:nth-child(2){opacity:1} .quality_swiper .swiper-slide h4{color:#FFFFFF} .quality_swiper .swiper-slide p{transform:translateY(0);opacity:1;transition:all 1s ease} .demo-class iframe{ height: 80vh !important;} .demo-class{ width: 90% !important; height: 80vh !important; left: 5% !important; top: 10% !important;} .demo-class .layui-layer-setwin .layui-layer-close2{ right: 0px; top: 0px;} .zx_tan{ padding: 20px;} .zx_tan tr{ display: block; margin-bottom: 10px;} .zx_tan .tab th{ width: auto; text-align: left; } .zx_tan .tab th, .zx_tan .tab td{ display: block; margin-bottom: 0; padding: 0;} .zx_tan .tab .btn{ width: 120px; margin: 0 18px 40px; margin-right: 10px;} .zl_two{ padding: 10px 10px;} .page{ transform: scale(0.9);} .page a, .page span{ height: 37px !important; line-height: 37px !important; background-size: 100% 100% !important;} .page .laypage_curr, .page a.laypage_prev, .page a.laypage_next{width: 39px !important; } .company_2 ul{ width: 100%;} .company_2 li img{width: 30px; height: 30px;} .companys_box .about_1_txt{ margin-top: 0;} .companys_box .about_1_txt span{ display: block;} .culture_1 .post .bon{ width: 40%;} .pro_list_bon .item dl{ overflow: visible;} .zl_two .ul li{ width: 15px; background-size: 80%;} } /*.pro_details .pro_bon {*/ /* text-align: right;*/ /* margin: 0px 0 50px -12px;*/ /* width: max-content;*/ /*}*/