.w22{ } .w75{ width: 73%; } @font-face{font-family:Fonts;src:url(../Fonts/Oswald-Regular.ttf)} @font-face{font-family:Fonts2;src:url(../Fonts/Oswald-Light.ttf)} .bg_line{position:fixed;left:0;top:0;width:100%;height:100%;z-index: 200000; opacity: 0.3} .bg_line .auto{height:100%; text-align: center;} /*.bg_line .auto span{height:100%;width:11.11%;border-right:1px solid #1bb1ff;float:left; } .bg_line .auto span:nth-child(1){border-left:1px solid #1bb1ff}*/ .bg_line .auto span{height:100%;width:11.245%;border-right:1px solid #1bb1ff;border-left:1px solid #1bb1ff;float:left; margin-right: 20px; } .bg_line .auto span:last-child{ margin-right: 0 } .auto_1400{max-width:1400px} @media(max-width:1400px){.auto_1400{padding:0 2%} } a:hover{color:#0096d3 } .Top002138{padding:0 2%;position:fixed;left:0;top:0;width:100%;z-index:1000;background-color:rgba(255,255,255,0.85); border-bottom:1px solid #d1d1d1;} .Top002138 .header{z-index:100} .Top002138 .header-left{float:left} .Top002138 .header-left img{ height: 55px; } .Top002138 .header-left .logo{padding:6px 0 0;transition:.3s} /*.Top002138 .header-left .logo_img1{display:block} .Top002138 .header-left .logo_img2{display:none}*/ .Top002138 .header-left .logo_txt{position:relative;padding-left:15px} .Top002138 .header-left .logo_txt::before{position:absolute;content:'';left:7px;top:50%;margin-top:-19px;width:1px;height:38px;background:#d6d5d1} .Top002138 .header-mid{margin-right: 30px;} .Top002138 .header-mid,.Top002138 .header-right{float:right} .Top002138 .header-right{padding-top:16px;position:relative;z-index:100} .Top002138 .header-right dd{float:left;line-height:36px;} .Top002138 .open-search{width:36px;height:26px;background:url(../images/Top002138-searchbg3.png) no-repeat center center;cursor:pointer} .Top002138 .open-search-on{background:0 0;position:relative} .Top002138 .open-search-on::after,.Top002138 .open-search-on::before{position:absolute;content:'';width:60%;left:20%;top:50%;transform:rotate(45deg);height:2px;background:#033543} .Top002138 .open-search-on::after{transform:rotate(-45deg)} .Top002138 .top-search{display:none;position:absolute;right:0;top:100%;margin-top:18px;margin-right:20px;padding:2px;background:#0096d3;width:300px;margin-left: 0 !important} .Top002138 .top-search .text{border:none;height:38px;line-height:38px;padding:0 50px 0 15px;width:100%;color:#666} .Top002138 .top-search .btn{position:absolute;right:0;width:40px;height:100%;top:0;background:url(../images/Top002138-searchbg.png) no-repeat center center #0096d3} .Top002138 .top-lang{ line-height: 20px;font-family:Fonts; margin-right: 20px;;font-size: 16px;color: #666;} .Top002138 .top-lang a{color: #666;margin: 0 4px;} .Top002138 .top-lang a:hover, .Top002138 .top-lang a.on{color: #0096d3;} .Top002138 .header-menu li{width:auto!important} .Top002138 .header-menu li em{padding:16px 23px;transition:.3s} .Top002138 .header-menu li em a{padding:0;line-height:36px;font-size:16px;border-radius:100px;position:relative;color:#333} .Top002138 .header-menu li em a:hover,.Top002138 .header-menu li.aon em a{color:#0096d3} .Top002138 .header-menu li em a:hover:after,.Top002138 .header-menu li.aon em a:after{content:"";display:block;position:absolute;left:0;top: -16px;width:100%;height:2px;background:#0096d3} .Top002138 .header-menu li .sub-menu dl{padding:12px 0;max-width:1000px;margin:0 auto} .Top002138 .header-menu li .sub-menu dt a{padding:0;color:#444} .Top002138 .header-menu li .sub-menu dt a::after{display:inline-block;content:'';width:1px;height:9px;margin:0 10px;background:rgba(0,0,0,.5)} .Top002138 .header-menu li .sub-menu dt:last-child a::after{display:none} .Top002138 .header-menu li .sub-menu dt a:hover{background:0 0;color:#0096d3} .Top002138 .sub-menu-layer{background:rgba(255,255,255,.8)} .Top002138 .header-menu li#m10 .sub{display:none!important} .Top002138 .header-menu li#m11 .sub{display:none!important} @media(max-width:1200px){.Top002138 .header-menu li em a{padding:0 10px} } @media(min-width:1025px){.Top002138 .top-language{position:relative} .Top002138 .top-language .top-sub{display:none;background:#0096d3;text-align:center;top:100%} .Top002138 .top-language .top-sub a{display:block;border-bottom:1px solid #fff} .Top002138 .top-search{max-width:400px} } @media(max-width:1024px){.Top002138{padding:0} .Top002138 .top-language span{display:none} .Top002138 .top-language .top-sub{display:block!important;height:37px!important;background:#000;top:0;text-align:right;padding:0 2%} .Top002138 .top-language .top-sub a{display:inline-block;border:1px solid #0096d3;color:#0096d3;padding:0 10px;margin-left:5px;line-height:25px} .Top002138 .header-left{width:50%} .Top002138 .header-left .logo{padding-top:15px} .Top002138 .header-right{padding-top:22px} .Top002138 .top-search{margin-right:-18px;margin-top:22px;width:250px} .Top002138 #open_menu,.Top002138 .header-right dd.open-search{background-color:#eee;border-radius:50%} .Top002138 #open_menu{width:36px;height:36px;position:relative} .Top002138 #open_menu i,.Top002138 #open_menu i::after,.Top002138 #open_menu i::before{background:#033543} .Top002138_on .open-search{background:url(../images/Top002138-searchbg.png) no-repeat center center;cursor:pointer} .Top002138_on .open-search-on::after,.Top002138_on .open-search-on::before{background:#033543} .Top002138 #open_menu i{width:60%;left:20%;top:50%;height:2px} .Top002138 #open_menu.open_menu_on{background:#033543;border:none} .Top002138 #open_menu.open_menu_on i{background:0 0!important} .Top002138 #open_menu.open_menu_on i::after,.Top002138 #open_menu.open_menu_on i::before{background:#fff} .Top002138 #open_menu.open_menu_on i::before{top:0!important;transform:rotate(-45deg)} .Top002138 #open_menu.open_menu_on i::after{top:0!important;transform:rotate(45deg)} .Top002138 .header{position:initial;height:80px} .Top002138 #header-menu{position:absolute;top:100%;left:0;width:100%;background:#fff;display:none} .Top002138 #header-menu li{border-bottom:1px dotted #eee} .Top002138 #header-menu li a{line-height:42px} .Top002138 #header-menu li em,.Top002138 #header-menu li em a{border-bottom:0} .Top002138 #header-menu li em a{color:#666;font-weight:400} .Top002138 #header-menu li .sub-menu dt a{border-bottom:none} .Top002138 #header-menu li .sub{background:#eee} .Top002138 #header-menu li .sub dt{border-bottom:1px dashed #ddd} .Top002138 #header-menu li .sub dt a{color:#666} .Top002138 #header-menu li.has-sub em a{background:url(../images/Top002138-a_lang.png) no-repeat 95% center} .Top002138 #header-menu #m10.has-sub em::before{display:none} .Top002138 #header-menu #m11.has-sub em::before{display:none} } .Banner002058{position:relative;z-index:1;margin-top:-81px;} .Banner002058 .bx-viewport{z-index:1;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease} .Banner002058 .text{position:absolute;left:5%;top:40%;z-index:100;opacity:0;transition:.8s;background:url(../images/ban_text.png) repeat-x left bottom;padding:0 10px} .Banner002058 .text h1{color:#fff;margin:0;font-size:48px} .Banner002058 .text h2{color:#fff;margin:0;font-size:38px} .Banner002058 li .text-active,.Banner002058 li.slick-active .text{left:14%;opacity:1} .Banner002058,.Banner002058 li,.Banner002058 li .pic,.Banner002058 li a{height:1000px;overflow:hidden;background-size:cover;} .Banner002058 li{background-position:center top;background-repeat:no-repeat} .Banner002058 li .pic{transition:6s linear;transform:scale(1);-webkit-transform:scale(1)} .Banner002058 li a{position:absolute;left: 0; top: 0; width: 100%; z-index: 100; display:block} .Banner002058 li .phone{display:none} .Banner002058 li .text .more{ width: 240px; height: 46px; background: url("../images/ban_more.png") no-repeat center center;background-size: contain; margin-top: 30px; opacity: 0.8; transition: 0.5s} .Banner002058 li .text .more:hover{ opacity: 1} .Banner002058 .slick-dots{position:absolute;bottom:60px;right:0;z-index:50;width:100%;text-align:center} .Banner002058 .slick-dots li{display:inline-block;width:48px;height:48px} .Banner002058 .slick-dots li button{border:none;padding:0;display:block;width:48px;height:48px;line-height:48px;text-align:center;font-size:16px;color:#fff;opacity:.6;border-bottom:2px solid rgba(255,255,255,.6);cursor:pointer;background:0 0;font-family:Fonts,sans-serif} .Banner002058 .slick-dots li.slick-active button{opacity:1;border-bottom:2px solid #fff} .Banner002058 .bx-controls-direction{display:none} .Banner002058 .bx-pager{position:absolute;left:0;bottom:6%;text-align:center;width:100%;z-index:10} .Banner002058 .bx-pager div{display:inline-block;margin:0 5px} .Banner002058 .bx-pager div a{display:block;line-height:100px;overflow:hidden;background:rgba(255,255,255,.5);position:relative;width:60px;height:5px} .Banner002058 .bx-pager div a.active{background:#fff ;background-size:100% 100%} @media(max-width:1367px){.Banner002058,.Banner002058 li,.Banner002058 li .pic,.Banner002058 li a{height:760px} } @media(max-width:1367px){.Banner002058,.Banner002058 li,.Banner002058 li .pic,.Banner002058 li a{height:760px} } @media(max-width:1000px){.Banner002058 li,.Banner002058 li a{height:auto} .Banner002058 li{background:0 0!important} .Banner002058 li a{position:relative;} .Banner002058 li .phone{display:block;width:100%;height: 300px; background-size: cover; background-position: center;} .Banner002058 li .pic{display: none;} .Banner002058, .Banner002058 li, .Banner002058 li .pic, .Banner002058 li a{height: auto;} } .home_title{margin-bottom:40px;position:relative;z-index: 50} .home_title span{font-family:Fonts2;font-size:22px;color:#000;font-weight:400;position:relative;display:none} .home_title h1{font-size:40px;color:#000;margin:0;font-family:Arial;font-weight:400;position:relative;/* padding-left: 20px; */text-align:center;} .home_title h1:after{content:"";display:block; margin:20px auto 0 ;width:50px;height:5px;background: #0096d3; } .home_more{margin:80px 0 0;position:relative;display:inline-block;border:2px solid #222} .home_more:before{content:"";display:block;position:absolute;left:-2px;top:-2px;width:10px;height:10px;border-top:2px solid #fff;border-left:2px solid #fff;transition:.5s;z-index:100} .home_more:after{content:"";display:block;position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border-bottom:2px solid #fff;border-right:2px solid #fff;transition:.5s;z-index:100} .home_more a{font-size:16px;color:#222;display:inline-block;position:relative;padding:15px 100px 15px 30px;background:url(../images/home_more.png) no-repeat right 20px center;transition:.5s} .home_more:hover a{padding:15px 100px 15px 50px} .Floor0001 .title{ font-size: 42px; text-align: center; color: #333; margin: 4% 0 2%; background: url(../uploadfiles/RighInfo002808-icon.png) 43% center no-repeat; padding-left: 32px; } .Floor0001{overflow: hidden; background:#f0f4f7;padding: 4vw 0;width: 100%;} .Floor0001 .auto{max-width: 1400px;} .Floor0001 .index-tit{padding-top: 6.25vw;color: #fff;position: relative;margin-bottom: 5.208vw;} .Floor0001 .index-tit b{ text-transform: uppercase;font-family: "roboto-Black";font-size: 4.1667vw;line-height: 0.775em;} .Floor0001 .index-tit .icon{background: url("../images/Floor003027_icon.png") no-repeat;width: 19px; height: 19px; margin-left: 20px;display: inline-block; vertical-align: text-bottom; animation:zhuan 5s infinite linear;} .Floor0001 .index-tit a {color: #911632;} @keyframes zhuan{ 0%{transform: rotate(0); } 100%{transform: rotate(360deg);} } @media(min-width:769px){ .Floor0001 .index-tit a {position: absolute;right: 0;bottom: 0;} } @media(max-width:768px){ .Floor0001 .index-tit{margin-bottom: 6vw;} .Floor0001 .index-tit b{font-size: 8vw;line-height: 1em;} } .Floor0001 .more{font-size: 18px;} .Floor0001 .more:before, .Floor0001 .more:after{display: inline-block; content: '';height: 1px;background: #911632; vertical-align: baseline; transition: 0.3s width; } .Floor0001 .more:before{width: 40px;margin-right: 8px;} .Floor0001 .more:after{width: 0;} .Floor0001 .more:hover:before{width: 0;margin-right: 0;} .Floor0001 .more:hover:after{width: 40px; margin-left: 8px;} @media(min-width:641px) and (max-width:768px){ .Floor0001 .more{font-size: 3vw;} } @media(max-width:640px){ .Floor0001 .more{font-size: 4vw;} } .Floor0001 ul{position:relative; z-index: 1;} .Floor0001 ol{width: 40%;height: 100%; left: 20%;top: 0;position: absolute;} .Floor0001 ol .Ispic{height: 100%;} .Floor0001 li{float: left; position:relative; background: #fff; overflow: hidden; } /*.Floor0001 li:before{position: absolute; left: 0; top: 0;height: 100%; width: 100%;background: url("../images/Floor003027_listhoverbg.jpg") no-repeat right bottom ; opacity: 0; transition: 0.3s; content: ''; opacity: 0;border: 4px solid #0096d3;}*/ .Floor0001 li .aon{color: #333;} .Floor0001 li:hover:before{ opacity: 1;} .Floor0001 li a{ z-index: 3; position: absolute; height: 100%; width: 100%; left: 0; top: 0;} .Floor0001 li a aside{position: absolute; z-index: 10; left: 0; padding: 0 8%; width: 100%; color: #333; bottom: 8%;font-size: 16px; text-align: center;} .Floor0001 li:hover aside{color: #333;} .Floor0001 li .Ispic{height: 100%; background-size: 80%} .Floor0001 li .cover{position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center;padding:50% 0 0; background:#0096d3;z-index: 100; opacity: 0; transition: 0.5s} .Floor0001 li .cover span{color: #fff; font-size: 18px;} .Floor0001 li:hover .cover{opacity: 1} @media(min-width:641px){ .Floor0001 li{width: 18.75%;padding-bottom: 18.75%;} .Floor0001 li:not(:nth-of-type(3n)){margin-right: 1.25%;} .Floor0001 li:nth-of-type(2), .Floor0001 li:nth-of-type(5){margin-left: 41.25%;} .Floor0001 li:nth-of-type(1), .Floor0001 li:nth-of-type(2), .Floor0001 li:nth-of-type(3){margin-bottom: 1.25%;} } @media(max-width:640px){ .Floor0001 li{width: 48%;padding-bottom: 48%; margin-bottom: 4%;} .Floor0001 li:not(:nth-of-type(2n)){margin-right: 4%;} .Floor0001 ol{display: none;} .Floor0001 li a aside{font-size: 4vw; } } .Floor0001 .hover-list{position: absolute; left: 0; top: 0; width: 100%; height: 100%;background: url("../images/Floor003027_hoverbg.jpg") no-repeat center center;background-size: cover; transition: 0.3s;} .Floor0001 .hover-list.show{opacity: 1;} .Floor0001 .hover-list:before{position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%;background: rgba(4,16,31,0.95);} .Floor0001 .hover-list dl{position: relative; height: 100%; z-index: 20;} .Floor0001 .hover-list dl:before, .Floor0001 .hover-list dl:after{position: absolute; content: ''; width: 14%; height: 14%;border:6px solid #0096d3; z-index: 50} .Floor0001 .hover-list dl:before{left: 0; top: 0;border-right: 0;border-bottom: 0;} .Floor0001 .hover-list dl:after{right: 0;bottom: 0;border-left: 0;border-top: 0;} .Floor0001 .hover-list dd{position: absolute;background-size:cover; left: 0; top: 0; width: 100%; height: 100%;opacity: 0; transition: 0.3s;} .Floor0001 .hover-list dd.on{opacity: 1; } .Floor0001 .hover-list .quan{position: absolute; z-index: 1; width: 56.061%; height: 56.061%;top: 21.9695%; left: 21.9695%; border-radius: 50%;background: #fff; } .Floor0001 .hover-list .quan:after, .Floor0001 .hover-list .quan:before{position: absolute; content: ''; background: rgba(255,255,255,0.06);border-radius: 50%; animation: test2 1s linear infinite;} .Floor0001 .hover-list .quan:before{left: -5.956%; right: -5.956%; top: -5.956%; bottom: -5.956%;} .Floor0001 .hover-list .quan:after{ left: -11.912%; right: -11.912%; top: -11.912%; bottom: -11.912%;} @keyframes test2{ 0%{opacity:0.3;transform:scale(0.5);} 40%{opacity:0.5;transform:scale(0.8);} 60%{opacity:1;transform:scale(1);} 100%{opacity:0.3;transform:scale(1.3);} } .Floor0002{position: relative; z-index: 1;padding: 4vw 0;background-size: cover;;} .Floor0002 .auto{ width:100%;; position: relative} .Floor0002 .arw{ height: 280px; bottom: -220px;} .Floor0002 .bg{ width: 74.7%; float: right} .Floor0002 .bg .pic{ height: 530px; position: relative;transition: transform .7s ease-in-out} /*.Floor0002 .bg .pic:after{ content: ""; display: block;position: absolute; left: 0; top: 0; width: 40%; height: 100%; background: url(../images/tr_bg2.png) center center; background-size: 100% 100%; opacity: 0.3}*/ .Floor0002 .bg .auto{ padding: 0;z-index: 100} .Floor0002 .bg .word { width: 100%; height: auto; position: absolute; left: 0; bottom: 0;z-index: 100; padding: 10% 5% 3% 5%} .Floor0002 .bg .word h1{ color: #fff; font-weight: normal; margin: 0 0 10px 0} .Floor0002 .bg .word p{ color: #fff; font-weight: normal; margin: 0 ; font-size: 16px; line-height: 26px; } .Floor0002 .home_title {margin-bottom: 50px;} .Floor0002 .nav {width:22.5%; position:absolute;left: 0; top: 0; height: 100%; z-index: 100;} .Floor0002 .nav .auto{padding: 0 } .Floor0002 .nav .slider-nav{ padding:0 ;} .Floor0002 .nav .pic{height: 100px;} .Floor0002 .nav ul{margin: 0} .Floor0002 .nav li{margin: 0; position: relative; cursor: pointer; line-height: 60px; padding:20px 30px} .Floor0002 .nav li:after{content: ""; display: block; position: absolute; right: 20px;top: 50%; margin-top: -25px;; width:50px; height:50px;background:url(../images/more_b.png) no-repeat center center; opacity: 0.5 } .Floor0002 .nav li .icon{float: left} .Floor0002 .nav li .icon .img{display:block; width: 50px;} .Floor0002 .nav li .icon .hover{display: none} .Floor0002 .nav li .text{transition: 0.3s; float: left; padding-left: 20px} .Floor0002 .nav li .text span{font-size: 14px; font-weight: normal; margin: 0 ;font-family: Fonts2; text-transform: uppercase; display: none} .Floor0002 .nav li .text h1{font-size: 18px; font-weight: normal; margin: 0 } .Floor0002 .nav li .pic{ position: absolute; right: 0; top: 20%; width: 35%; height: 60%; background-size: cover; background-position: center center} .Floor0002 .nav li.slick-current{ background:#0096d3; color: #fff } .Floor0002 .nav li.slick-current:after{ background:url(../images/more_a.png) no-repeat center center; opacity: 1;;} .Floor0002 .nav li.slick-current .icon .img{display:none} .Floor0002 .nav li.slick-current .icon .hover{display:block } .Floor0002 .nav li.slick-current .pic{ display: none} .Floor0002 .slick-arrow{ font-size:0; width:70px !important; height:70px !important; border:none; position:absolute; top:50%; margin-top:-25px; background-image:none !important; cursor:pointer; padding:0; display: none !important} .Floor0002 .slick-prev{ left:-80px;} .Floor0002 .slick-next{ right:-80px;} .Floor0002 .slick-next::before, .Floor0002 .slick-prev::before{ position:absolute; content:''; width:50%; height:50%; border-top:3px solid #e5e5e5; border-right:3px solid #e5e5e5; top:25%; left:25%; transform:rotate(45deg); -webkit-transform:rotate(45deg);} .Floor0002 .slick-prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg);} .Floor0002 .slick-next:hover::before, .Floor0002 .slick-prev:hover::before{ border-color:#00a0e9;} .Floor0003{overflow: hidden;padding: 4vw 0;background:#f0f4f7} .Floor0003 .list{position: relative; z-index: 1;} .Floor0003 .list ol {overflow: hidden;} .Floor0003 .list ol .ytable{table-layout:fixed; position: relative; background: #fff} .Floor0003 .list ol{background: #fff;} .Floor0003 .list ol .Ispic{padding-bottom: 51.613%;transition: transform .5s ease-in-out} .Floor0003 .list ol:hover .Ispic{ transform: scale(1.1);} .Floor0003 .list ol .time{width:120px;height: 100px;background: #0096d3;color: #fff; text-align: center; position: absolute;left: 0; bottom: 0;font-family:Fonts; padding: 10px 0 0} .Floor0003 .list ol .time aside{font-size: 42px; height:56px;} .Floor0003 .list ol .info{padding: 3% 5% 3% 160px;} .Floor0003 .list ol .info aside.dot{font-size: 16px;} .Floor0003 .list ol .info p.dot2{line-height: 1.5em;max-height: 3em;color: #666; word-break: break-word;} .Floor0003 .list li{overflow: hidden; } .Floor0003 .list li a{ display: block;padding: 50px; color: #666; transition: 0.3s; table-layout: inherit; background: url("../images/Floor002914_bg.png") no-repeat right top #fff;background-size: contain; } .Floor0003 .list li time{font-family:Fonts; } .Floor0003 .list li aside{font-size: 22px;color: #333;line-height: 1.273em; max-height: 2.546em; margin: 5% 0;} .Floor0003 .list li p{line-height: 2em;max-height: 4em; margin: 0;color: #444;} .Floor0003 .list li a:hover{background-color:#5d99e8;;color: #fff;background-image: url("../images/Floor002914_bg_5.png");} .Floor0003 .list li a:hover aside.dot2{color: #fff;} .Floor0003 .list li a:hover .main > *{opacity: 0.5;} .Floor0003 .list li a:hover .main aside{ color: #fff; opacity: 1} .Floor0003 .list li a:after{position: absolute;border: 40px solid transparent; border-bottom-color: #0096d3; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); width: 0;line-height: 0;height: 0; right: -40px; top: -40px;content: '';} .Floor0003 .list li a:hover .more, .Floor0003 .list li a:hover:after{opacity: 0;} .Floor0003 .list li .more{position: absolute; right: 10px; top: 10px; width: 14px; height: 14px;z-index: 10;} .Floor0003 .list li .more:before, .Floor0003 .list li .more:after{position: absolute; content: '';background: #fff; left: 50%; top: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);} .Floor0003 .list li .more:before{width: 100%; height: 2px;} .Floor0003 .list li .more:after{width: 2px; height: 100%;} @media(min-width:641px){ .Floor0003 .list ol{width: 61.9%;} .Floor0003 .list li{position: absolute;right: 0; width: 35%;height:49%;} .Floor0003 .list li:nth-of-type(1){top: 0;} .Floor0003 .list li:nth-of-type(2){bottom: 0;} .Floor0003 .list li a{height: 100%;} .Floor0003 .list li .main{padding: 0} } @media(min-width:641px) and (max-width:1024px){ .Floor0003{font-size: 1.2vw;} .Floor0003 .list li aside.dot2{font-size: 2.2vw;} .Floor0003 .list ol .info aside.dot{font-size: 2vw;} .Floor0003 .list ol .time aside{font-size: 4vw;} } @media(max-width:640px){ .Floor0003{font-size: 3.5vw;} .Floor0003 .list ol .time{width: 25%;} .Floor0003 .list li{position: relative;margin-top: 3vw;} .Floor0003 .list li .main{padding: 5%;} .Floor0003 .list li aside.dot2{font-size: 4.4vw;} .Floor0003 .list ol .info aside.dot{font-size: 4vw;} .Floor0003 .list ol .time aside{font-size: 6vw;} } .Floor0004{ padding:4% 0;} .Floor0004 .auto{ position: relative; background: #f3f9fd; } .Floor0004 .home_title { margin: 0; } .Floor0004 .home_title h1:after{margin:20px 0 0;} .Floor0004 .home_title>*{text-align:left;} .Floor0004 .home_title p{ margin:35px 0 0} .Floor0004 .text{ padding: 50px 50px 20px 50px; width: 50%; } .Floor0004 .text .txt-dl{padding-top: 20px;} .Floor0004 .text .txt-dl dl{ margin-bottom: 20px;} .Floor0004 .text .txt-dl dd{position:relative; font-size: 14px;color: #444; margin-top: 10px;line-height: 22px;padding-left: 14px;} .Floor0004 .text .txt-dl dt{position: relative;} .Floor0004 .text .txt-dl dt span{display: block;position: relative; z-index: 3;} .Floor0004 .text .txt-dl dt span.cn{ font-size: 18px;color: #000;border-left: 3px solid #0096d3; padding-left: 10px;line-height: 23px;} @media(min-width:769px){ .Floor0004 .text .txt-dl dl{float: left; width: 45%; margin-right: 5%;} .Floor0004 .text .txt-dl dl:nth-child(2n-1){clear: left;} } .Floor0004 .con{ overflow: hidden; } .Floor0004 .con .pic{ position: absolute; overflow: hidden; right: 0; bottom: 0; width:50%; height: 100%; } .Floor0004 .con .pic .Ispic{ height: 100%; transition: 0.3s; } .Floor0004 .con .pic .Ispic:hover{ transform: scale(1.1);} .Floor0004 .con .pic .con{ position: absolute; right: 0; bottom: 0; width: 100%; background: rgba(245,250,255,0.9); height: 150px; padding: 6% 100px 6% 6%} .Floor0004 .con .pic .con h1{ font-weight: normal; margin: 0 0 10px 0; color: #444; font-size: 24px;} .Floor0004 .con .pic .con p{ background: none; color: #444} .Floor0004 .con .pic .con span{ width: 50px; height: 50px; background: #fff; position: absolute; right: 6%; top: 35%; border-radius: 50%; background: url("../images/more2.png") no-repeat center center #fff} /*Bottom002743 */ .Bottom002743{background:#c6e6f4; padding: 4% 0 0;} .Bottom002743 a{ color: #000; } .Bottom002743 a:hover{} .Bottom002743 .copyright{line-height: 24px;color: #bbb;margin: 20px 0 0;position: relative;background: #333;} .Bottom002743 .copyright .auto{border-top: 1px solid rgba(0,0,0,0.1);padding: 30px 0;} .Bottom002743 .copyright a{color: #999;} .Bottom002743 .copyright a:hover{} .Bottom002743 .copyright a:not(:last-child):after{display: none; content: ''; width: 1px; height: 13px; background: #aaa;vertical-align: middle; margin: 0 10px;} .Bottom002743 .copyright p{float: left; margin: 0} .Bottom002743 .copyright aside{float:right} .Bottom002743 .links{margin: 53px 0; border-top: 1px solid rgba(255,255,255,0.07);border-bottom: 1px solid rgba(255,255,255,0.07);position: relative; line-height: 24px; padding: 11px 0 11px 70px;} .Bottom002743 .links a{display: inline-block;} .Bottom002743 .links span{position: absolute; left: 0; top: 11px; color: rgba(255,255,255,0.4);} .Bottom002743 .links a:not(:last-child):after{display: inline-block; content: ''; width: 1px; height: 13px; background: rgba(255,255,255,0.07);vertical-align: middle; margin: 0 14px;} .Bottom002743 .code{ margin-right: 2%; float: left; text-align: center} .Bottom002743 .code img{max-width: 100px; display: block} .Bottom002743 .code span{ margin: 10px 0 0; display: block} .Bottom002743 .contact{width: 32%;float: left;} .Bottom002743 .contact .name, .Bottom002743 nav dl dt{font-size: 18px;padding-bottom: 10px;} .Bottom002743 .contact dl{float: left; margin-right: 40px;} .Bottom002743 .contact ul{ } .Bottom002743 .contact li{ padding-bottom: 25px; line-height: 26px; display: block; margin-right:30px;padding-left: 25px;background: url(../images/Bottom002743_icon_call.png) no-repeat left top 10px; } .Bottom002743 .contact li aside{/* padding-left: 25px;*/background-position: left 5px; background-repeat: no-repeat;} .Bottom002743 .contact li:nth-child(1){padding-bottom:10px;} /*.Bottom002743 .contact li:nth-child(1) aside{background-image: url(../images/Bottom002743_icon_call.png);} */ .Bottom002743 .contact li b{font-size:30px;color: #333;font-family: Din;/* letter-spacing: 1px;*/ margin: 5px 0 0; display: block;} .Bottom002743 .contact .add{background-image: url(../images/Bottom002743_icon_add.png);background-position: left 4px;background-repeat: no-repeat;color: #000;padding-left: 25px;padding-bottom: 10px;line-height: 22px;} .Bottom002743 .share {margin: 20px 0 25px;} .Bottom002743 .share dd{float: left;position: relative;} .Bottom002743 .share dd figure{position: absolute; left: 50%; margin-left: -60px; width: 120px; bottom: 100%; margin-bottom: 10px;display: none;} .Bottom002743 .share dd figure:after{position: absolute; content: '';border: 5px solid transparent; border-top-color: #fff; top: 100%; margin-left: -5px; left: 50%;} .Bottom002743 .share dd a{opacity: 1;display: block;width: 32px;height: 32px;margin: 0 0 0 15px;background: url("../images/Bottom003009_share_icon.png") no-repeat 0 0;} .Bottom002743 .share dd.d_sina a{background-position: -42px 0;} .Bottom002743 .share dd.d_fb a{background-position: -49px 0;} .Bottom002743 .share dd.d_tw a{background-position: -101px 0;} .Bottom002743 .share dd.d_yt a{background-position: -152px 0;} .Bottom002743 .share dd.d_ing a{background-position: -204px 0;} .Bottom002743 .share dd.d_wx a{position: relative;cursor: pointer;} .Bottom002743 .share dd.d_wx a .img{position: absolute;top: -120px;left: 50%;width: 120px;height: 120px;margin-left: -60px;z-index: -1;background: #fff;transition: transform .3s ease-in-out;} .Bottom002743 .share dd.d_wx a .img img{max-width: 100%;max-height: 100%;padding: 10px;display: block;} .Bottom002743 .share dd.d_wx a:hover .img{z-index: 1;top: -135px;transform: scale(1.1);} .Bottom002743 nav dl dt a{color: #000; font-weight: bold;} .Bottom002743 nav{float: right; width: 60%; } .Bottom002743 nav dl{float: left; max-width: 180px;} .Bottom002743 nav dt{margin-bottom: 10px;;} .Bottom002743 nav dd{line-height: 20px;background: url("../images/Bottom002743_aicon.png") no-repeat left center; padding: 5px 0 5px 10px;} .Bottom002743 nav dd a{color: #000;} .Bottom002743 nav dd a:hover{color: #0096d3} @media(max-width:768px){ .Bottom002743{padding-top: 5%;} .Bottom002743 nav{display: none;} .Bottom002743 .contact{display: table; margin: 0 auto;} .Bottom002743 .links{margin: 30px 0; } .Bottom002743 .contact .name, .Bottom002743 .copyright{text-align: center;} } .e_link { float:left; margin-left:20px;} .e_image {height:28px;width:28px;} /* 栏目页内容 */ .column_box{ padding: 3vw 0 4vw; } /* 栏目页标题 */ .column_tit{ text-align: center; padding: 0 0 40px; } .column_tit h2{ font-size: 32px; font-weight: normal; position: relative; color: #000; padding-bottom: 25px; margin: 0; } .column_tit h2::after{ width: 40px; height: 2px; background: #0096d3; display: block; content: ''; position: absolute; left: 50%; bottom: 0; margin-left: -20px; } .column_tit p{ margin: 0; padding: 25px 0 0; line-height: 30px; font-size: 15px; color: #666; } /* 栏目页banner */ .Banner002167{position:relative;z-index:1} .Banner002167 div{height:300px;background-position:center top;background-repeat:no-repeat} .Banner002167 img{display:none} .Banner002167 aside{position:absolute;left:50%;top:50%;line-height:46px;height:46px;width:100%;font-size:33px;padding:0 2%;max-width:1200px;color:#fff;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} @media(max-width:1000px){.Banner002167 div{display:none} .Banner002167 img{display:block;width:100%} } @media(max-width:640px){.Banner002167 aside{font-size:24px} } /* 栏目页 产品中心菜单 */ .Menu002188{ margin-top: -71px; position: relative; z-index: 2; background:rgba(55, 149, 208, 0.9); min-height: 71px; } .Menuprdt{ margin-top: 0; } .Menu002188 .owl-nav{ display: none; } .Menu002188 .owl-stage-outer{ overflow: hidden; } .Menu002188 .Menu{ width: 100%; } .Menu002188 .Menu li{float:left; padding:25px 0; margin-right: 40px; } .Menu002188 .Menu li:last-of-type{ margin-right: 0; } .Menu002188 .Menu li a{font-size: 16px; color:rgba(255,255,255,0.65); padding-bottom:24px;position:relative} .Menu002188 .Menu li a:after{ content:''; background:#fff; height:3px; width:100%; position:absolute; left:0; bottom:-1px; display:none;} .Menu002188 .Menu li.cur a:after{ display:block;} .Menu002188 .Menu li:hover a:after{ display:block;} .Menu002188 .Menu li.cur a,.Menu002188 .Menu li a:hover{ color:#fff;} .Menu002188 .Currents{ text-align:right; color:rgba(255,255,255,0.65); line-height:25px; float:right; padding-top: 23px;} .Menu002188 .Currents em{ font-style:normal;background:url(../images/Menu002188-current_icon.png) no-repeat left center; background-size:auto 100%; padding-left:30px; display:inline-block;} .Menu002188 .Currents a{ color:rgba(255,255,255,0.65); } .Menu002188 .Currents span{ color:#fff; } .Menu002188 .Currents a:hover{color:#fff;} @media (max-width: 1024px){ .Menu002188 .Currents{ display:none; } .Menu002188 .Menu{ width: 100%; } .Menu002188 .Menu li:last-of-type{ margin-right: 0; } } @media (max-width: 768px){ .Menu002188{ margin-top: 0; min-height: inherit; } .Menu002188 .Menu li a{ font-size: 16px; } } @media (max-width: 640px){ .Menu002188 .Menu li{ padding: 20px 0; } } @media (max-width: 320px){ .Menu002188 .Menu li a{ font-size: 14px; } } /* 栏目页 三级 */ .Menu001957{ padding: 2vw 0 0; background:#f4f9fd; } .Menu001957 li{ float:left; padding-right:10px; padding-bottom:5px;} .Menu001957 li a{ display:block; line-height:40px; padding:0 20px; border:1px solid #eee; border-radius: 5px; background: #fff; } .Menu001957 li a:hover, .Menu001957 li.aon a{ background-color:#0096d3; color:#fff; border:1px solid #0096d3; } @media(max-width:640px){ .Menu001957 li{ padding-right:0; width:32%; margin-right:2%;} .Menu001957 li:nth-child(3n){ margin-right:0;} .Menu001957 li a{ text-align:center; padding:0;} } .Singlepage{padding:3% 0} .Singlepage .culture dd{width:49.5%;margin-right:1%;margin-bottom:1%;background:url(../images/bbg.png);float:left;padding:30px 30px;font-size:14px;border-radius:0;height:110px;position:relative;color:#666} .Singlepage .culture dd:nth-child(2n){margin-right:0} .Singlepage .culture dd p{font-size:18px;margin:5px 0;font-weight:400;color:#033443} .Singlepage .culture dd .tit{float:left} .Singlepage .culture dd .tit h1{margin:0;font-weight:400;font-size:22px;color:#444} .Singlepage .culture dd .tit h2{text-transform:uppercase;margin:0;font-size:16px;color:#ddd} .Singlepage .culture dd .icon{position:absolute;right:30px;top:25px;width:60px;height:60px;background:#fff;border-radius:100px;padding:12px;box-shadow:2px 2px 0 #eee} .Singlepage .culture dd .icon img{opacity:.5} .PicList001647{padding:3% 0 0} .PicList001647 li{float:left;margin-right:2%;width:18%;margin-bottom:1%;text-align:center} .PicList001647 li figure{position:relative} .PicList001647 li figure img{width:100%} .PicList001647 li a.Ispic{padding-bottom:120%;display:block;background-size:cover;background-color:#666} .PicList001647 li *{margin:0} .PicList001647 li p{font-size:14px;color:#666;height:40px;overflow:hidden;line-height:20px} .PicList001647 li h1{font-size:18px;font-weight:400;padding-top:5%;padding-bottom:3%} @media(min-width:641px){.PicList001647 li:nth-child(5n){margin-right:0} .PicList001647 li:nth-child(5n+1){clear:left} } @media(max-width:640px){.PicList001647 li{float:left;margin-right:2%;width:49%} .PicList001647 li:nth-child(2n){margin-right:0} .PicList001647 li:nth-child(2n+1){clear:left} .PicList001647 li h1{font-size:16px} } /* 翻页 */ .Page002046 .Pages{text-align:center;padding:2% 0 3%} .Page002046 .Pages a{display:inline-block;vertical-align:middle;border:1px solid #ececec;background:#fff;padding:0 15px;line-height:38px;color:#666} .Page002046 .Pages a.a_cur,.Page002046 .Pages a:hover{background-color:#cc9e66;color:#fff} .Page002046 .Pages em{font-style:normal;display:inline-block;vertical-align:middle;overflow:hidden} .Page002046 .Pages em a{float:left;margin-left:-1px} .Page002046 .Pages .p_count,.Page002046 .Pages .p_cur,.Page002046 .Pages .p_jump,.Page002046 .Pages .p_total{display:none} .Page002046 .Pages .a_next,.Page002046 .Pages .a_prev{padding:0;width:44px;background:url(../images/Page002046-a_prev.gif) no-repeat center center #fff;overflow:hidden;line-height:1000px;height:38px} .Page002046 .Pages .a_next{background:url(../images/Page002046-a_next.gif) no-repeat center center #fff} @media(max-width:640px){.Page002046 .Pages .a_end,.Page002046 .Pages .a_first{display:none} } @media(max-width:480px){.Page002046 .Pages a{padding:0 5px} } /* 06_2常见问题 */ .TextList001202 li{padding-bottom:10px;} .TextList001202 dl{ position:relative; padding-left:53px;} .TextList001202 dl dt, .TextList001202 dl dd{ border:1px solid #e3e7e6;} .TextList001202 dl dt{ position:absolute; width:50px; left:0; top:0; color:#0096d3; text-align:center; font-size:24px;} .TextList001202 dl.Q dt, .TextList001202 dl.Q dd, .TextList001202 dl.A dt{ height:60px; line-height:60px;} .TextList001202 dl.A dd{ padding:2%; line-height:24px; font-size:14px;color: #444;} .TextList001202 dl.Q dd{ padding:0 2%; font-size:15px; color: #000 } .TextList001202 li figure{ padding-top:2%;} .TextList001202 li figure a{ display:inline-block; padding:0 30px; line-height:30px;color:#fff; background-color:#0096d3; border-radius: 20px; } .TextList001202 dl.A{ display:none; padding-top:10px;} .TextList001202 dl.A dt{ top:10px;} .TextList001202 dl.A p{ margin:0;} .TextList001202 dl.Q_on dt{ color:#fff; background-color:#0096d3;} .TextList001202 dl.Q_on dd{background-color:#f7fbfc;} @media(max-width:480px){ .TextList001202 dl.Q dt, .TextList001202 dl.Q dd, .TextList001202 dl.A dt{ height:40px; line-height:40px;} .TextList001202 h1, .TextList001202 dl dt{font-size:20px;} .TextList001202 dl.A p{ max-height:72px; overflow:hidden;} } /* 07_2人才招聘 */ .joinus .ul li{ width: 100%; padding: 30px ; background: #fafcff; border: 1px solid #e5e5e5; border-radius: 10px; position: relative; margin-bottom: 2%; } .joinus .ul li .ico{ position: absolute; left:30px; top: 30px; } .joinus .ul li .txt{ padding-left: 130px; } .joinus .ul li .txt h2{ font-size: 18px; font-weight: bold; color: #333; margin: 0 0 10px; padding-top: 8px; } .joinus .ul li .txt p{ font-size: 14px; line-height: 32px; color: #444; } .joinus .list{ padding-top: 3%; } .joinus .list dd{ padding: 50px; border-radius: 5px; background: #fafcff; border: 1px solid #e5e5e5; width: 48.5%; float: left; margin-right: 3%; margin-bottom: 3%; } .joinus .list dd:nth-of-type(2n){ float: right; margin-right: 0;} .joinus .list dd h4{font-size: 18px; color: #0a122e; font-weight: bold; margin-top: 0; } .joinus .list dl dd p{font-size: 14px; color: #666; margin: 0 0 10px; position: relative; line-height: 36px; margin-bottom: 10px; padding-left: 36px; background-repeat: no-repeat;background-position: left center; } .joinus .list dl p.add{background-image:url(../images/Map001070-ico_01.png);} .joinus .list dl p.phone{background-image:url(../images/Map001070-ico_03.png);} .joinus .list dl p.email{background-image:url(../images/Map001070-ico_05.png);} .TextList001939{ margin:2% 0; border: 1px solid #e5e5e5;} .TextList001939 li{ padding:30px 0; border-bottom:1px solid #e5e5e5; } .TextList001939 li .con{position:relative; padding:0 0 0 120px;} .TextList001939 li.end{ border-bottom:0;} .TextList001939 li .name{padding:20px 15px; padding-right:127px;color:#666; line-height:normal; text-transform:uppercase;} .TextList001939 li .name h1{margin: 0; font-size:24px; color:#333; padding-bottom:5px;} .TextList001939 li .btn{position: absolute; top:0; right:30px; width:56px; height:56px; background:#e1e3e6; cursor:pointer;} .TextList001939 li .btn:before, .TextList001939 li .btn:after{ position:absolute; content:''; background-color:#fff;} .TextList001939 li .btn:before{ left:15%; width:70%;height:4px; top:50%; margin-top:-2px;} .TextList001939 li .btn:after{ top:15%; height:70%; width:4px; left:50%; margin-left:-2px;} .TextList001939 li#on .btn:after{ display:none;} .TextList001939 li#on .con#on .btn:after{ display:block;} /* .TextList001939 li .con#on .btn:after{display: none;} */ .TextList001939 li .con#on .btn:after{display: none;} .TextList001939 li .con .btn:after{display: block;} .TextList001939 li time{ font-family: Din; position:absolute; left:30px;top:0; width:75px;padding: 15px 0; text-align:center;background:#0096d3; color:#fff; font-weight:bold; font-size:22px; } .TextList001939 li time i{ display:block; font-weight:normal; padding-bottom: 8px; font-size:16px; position: relative; } .TextList001939 li time i::after{ position: absolute; width: 60%; height: 1px; background: rgba(255,255,255,0.2); display: inline-block; content: ''; left: 20%; bottom: 0;} .TextList001939 li .txt{ display:none; padding:30px 15px; } .TextList001939 li .txt p{ line-height: 30px; margin: 0 0 30px; color: #444; } .TextList001939 li .txt p strong{ color: #333; } .TextList001939 li .email em{ color: #f00; font-style: normal; padding-right: 5px; } @media(max-width:768px){ .TextList001939 li .con{position:relative; } .TextList001939 li .btn{right:5px;} .TextList001939 li .btn{ width:40px; height:40px;} .TextList001939 li time, .TextList001939 li .name h1{ font-size:18px;} .TextList001939 li .name{ font-size:12px; padding-right:55px;} } @media(max-width:375px){ .TextList001939 li .name h1{ font-size:16px;} .TextList001939 li .btn{ width:35px; height:35px;} .TextList001939 li .name{padding-right:50px;} } /* 栏目页菜单 上下 */ .Menu001536{ padding-bottom: 3vw; } .Menu001536 li{ float:left; padding-right:10px; padding-bottom:5px;} .Menu001536 li a{ display:block; line-height:40px; padding:0 20px; border:1px solid #eee; border-radius: 5px; background: #f9f9f9; } .history_box li a{ background: #fff; } .Menu001536 li a:hover, .Menu001536 li a.aon{ background-color:#0096d3; color:#fff; border:1px solid #0096d3; } @media(max-width:640px){ .Menu001536 li{ padding-right:0; width:32%; margin-right:2%;} .Menu001536 li:nth-child(3n){ margin-right:0;} .Menu001536 li a{ text-align:center; padding:0;} } /* 公司简介 */ .aboutusbox{ } .aboutusbox .txt{ } .aboutusbox .txt p{ color: #444; line-height: 32px; font-size: 15px; margin-top: 0; } .aboutusbox .pic{ width: 100%; height: 320px; background:url(../images/aboutusbox_img1.jpg) no-repeat center; margin:1.5vw 0; } .about_data{ padding: 5.5vw 0; border-radius: 20px; } .about_data .ul_num { margin:0 auto; } .about_data .ul_num li{ float: left; font-size: 18px; text-align: center; color:#fff; width:16.66667%; position: relative; } .about_data .ul_num li .txt{ position: relative; } .about_data .ul_num li .txt em{ font-size: 14px; font-style: normal; } .about_data .ul_num li::before{ position:absolute; content:''; width:2px; border-right:1px dashed rgba(44, 82, 142, 0.15); right:0; top:20%; height:60%;} .about_data .ul_num li:last-child::before{ display:none;} .about_data .ul_num li span{ font-family: "DIN-Bold","Roboto","DINCond-Bold",'helve118',Verdana, Geneva, sans-serif; font-weight: bolder; font-size: 48px; padding-right: 3px; } .about_data .ul_num li p{ position: relative; font-size: 14px; margin: 0; padding-top: 20px; color: #fff; } .about_data .ul_num li p::before{ position: absolute; display: block; content: ''; width: 20px; height: 3px; background:#fff; left: 50%; margin-left: -10px; top: 5px; } .pic5 { text-align:center; } .pic5 img{ padding-bottom: 2vw; max-width:900px;} @media(max-width:768px){ .pic5 img{ padding-bottom: 2vw; max-width:100%;} } .aboutus2{ padding-top: 2vw; } .aboutus2 .bg1{ width: 100%; height: 400px; background:url(../images/aboutusbox_img2.jpg) no-repeat center; } .aboutus2 .bg1 p{ color: #fff; padding-top: 7vw; } .aboutus2 .bg2{ padding: 3vw 0 0; } .aboutus2 .bg2 .pic3{ padding-bottom: 2vw; max-width:800px;text-align:center; } .aboutus2 p{ color: #444; line-height: 32px; font-size: 15px; margin-top: 0; } /* 05_1公司新闻 */ .PicList000687{ overflow: hidden;} .PicList000687 .auto{max-width: 1280px;} .PicList000687 .more{ text-align: center;width: 125px; line-height: 40px;color: #fff; background: #0096d3;display: block;} .PicList000687 .more:hover{background: #0096d3;} .PicList000687 .more:after{display: inline-block; content: '';background: url("../images/PicList000687_more.png") no-repeat; width: 25px; height: 6px; vertical-align: middle; margin-left: 5px;} .PicList000687 .news-list .pic{overflow: hidden;} .PicList000687 .news-list .pic img{transition: transform .3s ease-in-out;} .PicList000687 .news-list li:hover .pic img{transform: scale(1.1);} @media(max-width:480px){ .PicList000687 .more{line-height: 10vw;} } .PicList000687 .tit{font-size: 20px;color: #000;} .PicList000687 time{font-family: 'DIN-Medium';} .PicList000687 p{line-height: 1.715em;color: #444;height: 3.43em; margin-bottom: 2.03vw;} @media(max-width:640px){ .PicList000687 .tit{font-size:4vw;} .PicList000687 p{font-size:3.5vw;} } .PicList000687 .news-top{padding-bottom: 4.22vw;} .PicList000687 .news-top .info{border-top: 1px solid #eee; border-bottom: 1px solid #eee; border-right: 1px solid #eee; background: #f0f6ff; } .PicList000687 .news-top time{border-left:1px solid #e5e5e5; padding-left: 1.62vw;display: block; margin-bottom: 2.61vw;color: #0096d3;font-size: 18px;} .PicList000687 .news-top time span{display: block;font-size: 2em;} .PicList000687 .news-top .slick-dots{ text-align: center;padding-top: 1.72vw;} .PicList000687 .news-top .slick-dots li{display: inline-block; width: 20px; height:3px; margin: 0 5px;background-color: #d9d9d9;} .PicList000687 .news-top .slick-dots li button{display: none;} .PicList000687 .news-top .slick-dots li.slick-active{background:#0096d3;} @media(min-width:769px){ .PicList000687 .news-top .pic{width: 520px; overflow: hidden; } .PicList000687 .news-top .pic img{transition: transform .3s ease-in-out;} .PicList000687 .news-top .pic:hover img{transform: scale(1.1);} .PicList000687 .news-top .info .main{padding:0 4vw;} } @media(min-width:1025px) and (max-width:1024px){ .PicList000687 .news-top .pic{width: 45%;} } @media(max-width:768px){ .PicList000687 .news-top .ytable-cell, .PicList000687 .news-top .ytable{display: block;} .PicList000687 .news-top .info{padding: 5vw;} } @media(max-width:640px){ .PicList000687 .news-top time{font-size: 3.6vw;} } .PicList000687 .news-list{ } .PicList000687 .news-list li{background: #f0f6ff; margin-bottom: 1.41vw;} .PicList000687 .news-list li a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);} .PicList000687 .news-list .main{border-right: 2px solid #0096d3; padding:0 3vw; } .PicList000687 .news-list .tit{margin-bottom: 10px;} .PicList000687 .news-list time{color: #666;} .PicList000687 .news-list .more{line-height: normal;color: #666;background: none;width: auto; text-align: left;} .PicList000687 .news-list .more:after{background-image: url("../images/PicList000687_more.gif");} @media(min-width:641px){ .PicList000687 .news-list .pic{width: 320px;} } @media(max-width:640px){ .PicList000687 .news-list .ytable-cell, .PicList000687 .news-list .ytable{display: block;} .PicList000687 .news-list li{margin-bottom:4vw;} .PicList000687 .news-list .main{padding: 4vw;border: 2px solid #0096d3; border-bottom: 0;} } /* 04_5荣誉资质 */ .PicList002433 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .PicList002433 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .PicList002433 .slick-list:focus {outline: none} .PicList002433 .slick-list.dragging {cursor: pointer;cursor: hand;} .PicList002433 .slick-slider .slick-track, .PicList002433 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .PicList002433 .slick-track {position: relative; top: 0; left: 0; display: block;} .PicList002433 .slick-track:before, .PicList002433 .slick-track:after{display: table; content: '';} .PicList002433 .slick-track:after{ clear: both;} .PicList002433 .slick-loading .slick-track { visibility: hidden;} .PicList002433 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .PicList002433 .slick-slide .slick-loading img { display: none;} .PicList002433 .slick-slide .dragging img { pointer-events: none;} .PicList002433 .slick-initialized .slick-slide { display: block;} .PicList002433 .slick-loading .slick-slide { visibility: hidden;} .PicList002433 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .PicList002433 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .PicList002433{ padding-top: 2vw; } .PicList002433 .main{ } .PicList002433 .main .slick-arrow{ position:absolute; top:50%; width:57px; height:57px; margin-top:-30px; border:1px solid #0096d3; padding:0; background:none; font-size:0; z-index:10; cursor:pointer; border-radius:50%;} .PicList002433 .main .slick-arrow:hover{ background:#0096d3; } .PicList002433 .main .slick-arrow:before{ position:absolute; content:''; width:18px; height:18px; border-top:2px solid #0096d3; border-right:2px solid #0096d3; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); left:50%; top:50%; margin:-9px 0 0 -11px;} .PicList002433 .main .slick-arrow:hover:before{ border-color:#fff;} .PicList002433 .main .slick-prev:before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); margin-left:-5px;} .PicList002433 .main .slick-prev{ left:-59px;} .PicList002433 .main .slick-next{ right:-59px;} @media(max-width:1408px){ .PicList002433 .main .slick-prev{ left:2%;} .PicList002433 .main .slick-next{ right:2%;} } @media(max-width:640px){ .PicList002433 .main .slick-arrow{ width: 7vw;height: 7vw;margin-top: -3.5vw;} .PicList002433 .main .slick-arrow:before{width:40%; height: 40%;margin: 0;left: 40%; top: 30%;} .PicList002433 .main .slick-next:before{left: 20%;} } .PicList002433 .list ul{ padding:0 50px;} .PicList002433 .list li{ float:left; position:relative; text-align:center; margin-bottom:4%;} .PicList002433 .list li:first-child:before, .PicList002433 .list li:last-child:after{ position:absolute; content:''; bottom:0px; height:90px; width:50px;} .PicList002433 .list li:first-child:before{ left:-50px; background:url(../images/PicList002433_ul_l.png) no-repeat 0 0;} .PicList002433 .list li:last-child:after{right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list li aside{ font-size: 15px; padding-top:35px;height:90px; background:url(../images/PicList002433_libg.png) repeat-x left top;} .PicList002433 .list li .ytable{ height:245px;} .PicList002433 .list li .ytable-cell{ vertical-align:bottom;} .PicList002433 .list li figure{ position:relative; display:inline-block;max-width: 80%;} .PicList002433 .list li figure:after{ position:absolute; right:-24px; background:url(../images/PicList002433_ying.png) no-repeat left bottom; width:24px; height:100%; background-size:contain; content:'';} .PicList002433 .list li figure img{ max-height:245px;padding: 8px;padding-top: 12px;background: url(../images/PicList002433_kuang.png) no-repeat ;background-size:100% 100%;} .PicList002433 .list li figure i { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(/images/plays.png) center center no-repeat; cursor: pointer; } .PicList002433 .list li p{ font-weight: bold; margin:0 auto; max-width:210px;width:90%; font-size: 18px; line-height:20px; max-height:40px; color:#333;} .PicList002433 .list li span{ margin-top: 15px; color: #444; font-size: 14px; } .PicList002433 .list .ul-3 li{width:33.33333333%;} .PicList002433 .list .ul-3 li:nth-child(3):after{ position:absolute; content:''; bottom:0px; height:90px; width:50px; right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list .ul-2 li{width:50%;} .PicList002433 .list .ul-2 li:nth-child(2):after{ position:absolute; content:''; bottom:0px; height:90px; width:50px; right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} /* .PicList002433 .list .ul-2 li:nth-child(1) > *{ padding-left:30%;} .PicList002433 .list .ul-2 li:nth-child(2) > *{ padding-right:30%;} */ .PicList002433 .list .ul-1 li{width:100%;} @media(max-width:640px){ .PicList002433 .auto, .PicList002433 .list ul{ padding:0;} .PicList002433 .list li p{ font-size:12px;} .PicList002433 .list li .ytable{ height:150px;} .PicList002433 .list li figure img{ max-height:150px; padding:3px} /* .PicList002433 .list .ul-2 li:nth-child(1) > *{ padding-left:30%;} */ .PicList002433 .list .ul-2 li:nth-child(2) > *{ padding-right:30%;} .PicList002433 .list .ul-3 li:nth-child(3):after, .PicList002433 .list li:first-child:before{ display:none;} } @media(max-width:480px){ .PicList002433 .list li .ytable{ height:100px;} .PicList002433 .list li figure img{ max-height:100px;} } /* 栏目页banner */ .Banner002033 div{ height:280px; background-position:center top; background-repeat:no-repeat;} .Banner002033 div img{ display:none;} @media(max-width:1000px){ .Banner002033 div{ height:auto; background:none !important;} .Banner002033 div img{ display:block; width:100%;} } /* 栏目页菜单 */ .Menu002518 .side-title{ background:url(../images/Menu002518_titlebg.jpg) repeat-x left top; color:#fff; font-size:24px; border-radius:20px 20px 0 0; padding:20px 0 0 40px; height:85px; font-weight:bold;} .Menu002518 .side-title span{ display:block; opacity:0.5; font-size:14px; font-family:"Din",Verdana, Geneva, sans-serif;} .Menu002518 .side-menu{ border: 1px solid #eee; background:#fff;} .Menu002518 .side-menu li{ border-bottom: 1px solid #eee; } .Menu002518 .side-menu li:last-of-type{ border-bottom: 0; } .Menu002518 .side-menu li a{display:block; font-size:13px; position:relative; color:#666;} .Menu002518 .side-menu > ul > li > a{ padding: 5px 0; line-height:44px; padding-left:30px; font-size:16px; } .Menu002518 .side-menu li a i{ position:absolute; right:34px; top:50%; margin-top:-10px; width:20px; height:20px; border-radius:50%;} .Menu002518 .side-menu li a i::before, .Menu002518 .side-menu li a i::after{ position:absolute; content:''; background:#d1d1d1;} .Menu002518 .side-menu li a i::before{ left:20%; height:2px; width:60%; top:50%; margin-top:-1px;} .Menu002518 .side-menu li a i::after{ left:50%; width:2px; margin-left:-1px; top:20%; height:60%;} .Menu002518 .side-menu li ul{ display:none;} .Menu002518 .side-menu > ul > li > a:hover, .Menu002518 .side-menu > ul > li.aon > a{ background:#ebf4ff;} .Menu002518 .side-menu li.aon > a{ color:#0096d3;} .Menu002518 .side-menu li a:hover i::before, .Menu002518 .side-menu li.aon a i::before{ background:#226ccf;} .Menu002518 .side-menu li a:hover i::after, .Menu002518 .side-menu li.aon a i::after{ display:none;} .Menu002518 .side-menu li ul { background: #f6fbff; } .Menu002518 .side-menu li ul li{padding:0 30px; } .Menu002518 .side-menu li ul li a{ line-height:48px; border-bottom:1px solid #eee; position:relative;} .Menu002518 .side-menu li ul li a::before, .Menu002518 .side-menu li ul li a::after{ position:absolute; content:''; opacity:0;} .Menu002518 .side-menu li ul li a::before{ right:0; top:50%; width:15px; height:15px; margin-top:-7.5px; background:#0096d3; border-radius:50%;} .Menu002518 .side-menu li ul li a::after{ border-color:transparent; border-width:3px 0 3px 4px; border-style:solid; border-left-color:#fff; right:5px; top:50%; margin-top:-3px;} .Menu002518 .side-menu li ul li a:hover::before, .Menu002518 .side-menu li ul li a:hover::after, .Menu002518 .side-menu li ul li.aon a::before, .Menu002518 .side-menu li ul li.aon a::after{ opacity:1;} .Menu002518 .side-menu li ul li:last-child a{ border-bottom: 0; } .Menu002518 .side-menu li ul li { border-bottom: 0; } .Menu002518 .side-menu li ul{ padding: 10px 0; } @media(min-width:1025px){ .Menu002518 .side-open_menu{ display:none;} } @media(max-width:1024px){ .Menu002518{ position:relative; z-index:10;} .Menu002518 .side-menu{ display:none; position:absolute; left:0; width:100%; top:100%; margin-top:5px; z-index:100;} .Menu002518 .side-open_menu{ position:relative; background:rgba(226, 16, 19, 0.1); border:3px solid #fff;border-radius:6px; padding:10px 20px; font-size:18px; box-shadow:0 3px 0 #0096d3;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .Menu002518 .side-open_menu::before{ position:absolute; content:''; border:5px solid transparent; border-top-color:#0096d3; right:20px; top:50%; margin-top:-2px;} } @media(max-width:480px){ .Menu002518 .side-menu > ul > li > a {line-height: 40px;padding-left: 20px;font-size: 16px;} .Menu002518 .side-menu li ul li a {line-height: 36px;} .Menu002518 .side-menu li a{ font-size:14px;} .Menu002518 .side-menu{ padding-top:10px;} } /* 产品中心内容框 */ .pr_box{ background: #f4f9fd; } /* 产品中心 面包屑 */ .Location000957 { border-bottom: 1px solid #e5e5e5; margin-bottom: 25px; text-align:right;} .Location000957 em{ font-style: normal; padding-left:20px; background:url(../images/Location000957_home.png) no-repeat left center; font-size:13px; line-height:30px; margin-top:13px; color:#d6d6d6; } .Location000957 em a { color: #666; } .Location000957 em a:hover{ text-decoration:underline;} .Location000957 em span{ color:#0096d3; font-weight:bold;} /* 产品中心 */ .PicList001886{ } .PicList001886 dl{ display:table; width:100%; border-bottom:1px dashed #e8e7e7; } .PicList001886 dl:last-child{ border-bottom:0;} .PicList001886 dl dd{ margin-bottom: 3%; background: #fff; padding-bottom: 20px; } .PicList001886 dl .pic{ width:30%; float:left;overflow: hidden; } .PicList001886 dl .pic img{ display:block; width:100%;transition: transform .5s ease-in-out;} .PicList001886 dl .box{ padding:1vw 1vw 0 2vw; line-height:30px; float:right; width:70%;} .PicList001886 dl h2{ position: relative; line-height: 50px; } .PicList001886 dl h2::after{ position: absolute; display: block; content: ''; width: 28px; height: 3px; background: #0096d3; } .PicList001886 dl h2 .tit{ font-size:22px; margin:0; max-height:60px; overflow:hidden;} .PicList001886 dl .buy{ width: 160px; border-radius: 30px; font-size: 14px; height: 40px; line-height: 40px; padding: 0 20px; text-align: center; display: block; border: 1px solid #e5e5e5; color: #444; font-weight: normal; margin-top: 25px; } .PicList001886 dl .buy:hover{ border: 1px solid #0096d3; background: #0096d3; color: #fff; } .PicList001886 dl p{ margin:0; line-height: 26px; font-size: 14px; color: #444; padding-top: 2%; word-break: break-all;} .PicList001886 dl .pic:hover img{transform: scale(1.1);} @media(max-width:1200px){ .PicList001886 .auto{ padding:0; margin:2%;} } @media(max-width:768px){ .PicList001886 dl .box{line-height:24px;} .PicList001886 dl h2{max-height:48px;} .PicList001886 dl h2{ position: relative; line-height: 30px; } } @media(max-width:640px){ .PicList001886 dl{ padding:4%; display:block;} .PicList001886 dl .pic, .PicList001886 dl .box{ float:none; width:auto;} .PicList001886 dl .box{ padding-top:3%;} .PicList001886 dl dd{ display:block;} } /* 翻页 */ .Page002274{ text-align:center; padding:1% 0 40px; color:#666;} .Page002274 .Pages *{ vertical-align:middle;} .Page002274 .Pages .p_cur, .Page002274 .Pages .p_count, .Page002274 .Pages .p_total{ display:none;} .Page002274 .Pages a{ display:inline-block; padding: 0 15px; line-height:37px; background-color: #eef0f1; color:#666666; margin-left:5px;} .pr_box .Page002274 .Pages a{ background-color: #fff; } .Page002274 .Pages a:hover, .Page002274 .Pages a.a_cur{ color:#fff; background-color:#0096d3;} .Page002274 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle;} .Page002274 .Pages .i_text{ width:47px; height:36px; line-height:36px;border:1px solid #ceced5;} .Page002274 .Pages .i_button{ cursor:pointer; background:none; width:47px; height:36px;border:1px solid #ceced5;} .Page002274 .Pages .p_jump b{font-weight:normal; margin:0 5px;} .Page002274 .Pages .a_prev,.Page002274 .Pages .a_next{ font-family: 宋体; font-weight: bold; padding:0 25px; } @media(max-width:1000px){ .Page002274 .Pages em{ display:none;} } @media(max-width:640px){ .Page002274 .Pages a.a_first, .Page002274 .Pages a.a_end{ display:none;} .Page002274 .Pages a{ padding:0 10px;} } /* 07_1联系方式 */ .Map002516{ background: #f9fafb; } .Map002516 .map{padding: 2%; margin-bottom: 4%; position: relative; } .Map002516 .map:after{ content: ''; display: block; height: 0; clear: both; } .Map002516 .map #allmap{ margin-right: 2%; float: left; } .Map002516 .map #allmap, .Map002516 .map #allmap_1, .Map002516 .map #allmap_2{ height:400px; width: 49%;margin-right: 2%; float: left; } .Map002516 .map #allmap_2{margin-right: 0;} .Map002516 .map #allmap *, .Map002516 .map #allmap_1 *{ box-sizing:content-box;} .Map002516 .map #allmap img, .Map002516 .map #allmap_1 img{ max-width:none;} @media(min-width:641px){ .Map002516 .ul_con{ padding-bottom: 2%; } .Map002516 .ul_con li{ float:left; width:50%; padding:0 6% 4%;} } .Map002516 .ul_con li div{ padding-left:70px; background-repeat:no-repeat; background-position:left center;} .Map002516 .ul_con li.location div{ background-image:url(../images/Map002516_address.png);} .Map002516 .ul_con li.call div{ background-image:url(../images/Map002516_call.png);} .Map002516 .ul_con li.fax div{ background-image:url(../images/Map002516_fax.png);} .Map002516 .ul_con li.email div{ background-image:url(../images/Map002516_email.png);} .Map002516 .ul_con li p{ margin:0; border-bottom:1px solid #e5eaef; padding-bottom:15px; margin-bottom:15px; color:#000; font-size:16px;} .Map002516 .ul_con li p pre{color:#444;} .Map002516 .ul_con li:nth-child(2n+1){ clear:left;} @media(max-width:640px){ .Map002516 .ul_con li{ padding:10px;} .Map002516 .ul_con li:nth-child(2n){ background:#f5f5f5;} .Map002516 .map #allmap{ height:280px;} } /* 04_2股东介绍 董事长介绍 */ .RighInfo002852{ padding-bottom: 3vw; } .RighInfo002852 .intro-main .column_tit h2{ text-align: left; } .RighInfo002852 .intro-main .column_tit h2::after{ left: 0; margin-left: 0;} .RighInfo002852 .intro-main{padding-bottom: 2vw; } .RighInfo002852 .intro-main .pic img{display: block;width: 100%; border-radius: 30px 0 0; } .RighInfo002852 .intro-main{ line-height: 32px; color: #444;} .RighInfo002852 .intro-main p{ margin: 0; color: #444; } @media(min-width:641px){ .RighInfo002852 .intro-main .left{float: left;max-width: 900px; width: 66%; padding-top: 3vw; } .RighInfo002852 .intro-main .pic{float: right;width: 24.29%;} } @media(max-width:640px){ .RighInfo002852 .intro-main .pic{width: 80%; margin: 0 auto;} } /* 04_2股东介绍 通宇通讯简介 */ .RighInfo007{ background: #f0f4f7; padding: 4vw 0; } .RighInfo007 .auto_1280{ } .RighInfo007 .singlePage{ line-height: 32px; color: #444;} .RighInfo007 .singlePage p{ margin-bottom: 20px; color: #444; } .RighInfo007 .singlePage .pic2{ padding: 15px 0 20px; } /* 04_2股东介绍 发展历程 */ .history_box{ background: url(../images/Timeline002790_bg.jpg); } .Timeline002170{ padding:4vw 0; } .Timeline002170 .owl-item{ width:200px;} .Timeline002170 .owl-item .item{height:376px;background:url(../images/Timeline002170-bg.png) no-repeat 0 133px; background-size:100% auto; } .Timeline002170 .item dl{ height:100%;background:url(../images/Timeline002170-icon1.png) no-repeat 0 8px; padding-left:30px;} .Timeline002170 .odd-item dl{ padding-top:275px;} @media(min-width:376px){ .Timeline002170 .odd-item dl{background-image:url(../images/Timeline002170-icon2.png); background-position:0 124px; padding-left:0;} } .Timeline002170 .item dt{ font-weight:bold; font-size:16px; color: #333; padding-bottom: 10px } .Timeline002170 .item dd{ height:96px; color:#444; line-height:24px; overflow:hidden;} .Timeline002170 .owl-nav div{ position:absolute; width:28px; height:28px; top:50%; margin-top:-14px; background:url(../images/Timeline002170-btn.png) no-repeat left bottom; overflow:hidden; line-height:1000px; z-index:100;} .Timeline002170 .owl-nav .owl-prev{ left:0;} .Timeline002170 .owl-nav .owl-prev.disabled{ background-position:left top;} .Timeline002170 .owl-nav .owl-next{ right:0; background-position: right bottom;} .Timeline002170 .owl-nav .owl-next.disabled{background-position: right top;} .Timeline002170 .owl-nav div.disabled{ cursor:default;} @media(min-width:1201px){ .Timeline002170 .owl-carousel::before, .Timeline002170 .owl-carousel::after{ position:absolute; content:''; height:100%; background:url(../images/Timeline002170-bg3.png) no-repeat 0 135px; width:75%; top:0;} .Timeline002170 .owl-carousel::before{ left:-75px;} .Timeline002170 .owl-carousel::after{ right:-114px; width:114px; background-image:url(../images/Timeline002170-bg4.png);} .Timeline002170 .owl-nav .owl-prev{ left:-30px;} .Timeline002170 .owl-nav .owl-next{ right:-30px;} } @media(max-width:1200px){ .Timeline002170 .owl-carousel{ padding:0 30px;} } @media(max-width:375px){ .Timeline002170 .owl-item .item{ height:250px;} .Timeline002170 .odd-item dl{ padding-top:0; } } /**插件样式 有相同 留一个即可**/ .owl-carousel, .owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative} .owl-carousel{display:none;width:100%;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-item, .owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none} .owl-carousel .owl-item img{display:block;width:100%} .no-js .owl-carousel, .owl-carousel.owl-loaded{display:block} .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{visibility:hidden} .owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease} .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} /***end**/ /* 06_1下载中心 搜索 */ .Floor002915{ font-size: 16px;text-align: center;} .Floor002915 .auto{max-width: 950px; width: 96%;} .Floor002915 .form{position: relative;padding-right: 150px; overflow: hidden; border-radius: 5px;} .Floor002915 .form .btn{position: absolute;right: 0; top: 0; width: 150px; height: 56px; color: #fff;background: #0096d3; font-size: 16px; border: 0; cursor: pointer;} .Floor002915 .form .text{width: 100%;line-height: 56px; height: 56px; background: #f5f5f5; border: 0;padding: 0 2vw;} ::-webkit-input-placeholder{color: #666;} ::-moz-placeholder{color: #666;} :-ms-input-placeholder {color: #666;} @media(max-width:640px){ .Floor002915 .form{padding-right: 30%; margin: 2vw 0;} .Floor002915 .form .btn{ height: 12vw;width: 30%;} .Floor002915 .form .text{line-height: 12vw; height: 12vw;} .Floor002915, .Floor002915 .form .btn{font-size: 3.5vw;} } /* 06_1下载中心 列表 */ .TextList001230{ padding: 2vw 0; } .TextList001230 li{border-bottom: 1px dotted #ddd; width: 46%; float: left; margin-right: 8%; margin-bottom: 1%; padding: 20px 60px 20px 0; overflow:hidden; position:relative;} .TextList001230 li:nth-of-type(2n){ margin-right: 0; } .TextList001230 li time{ text-align:center; float:left;line-height: 24px; width:68px; margin-right:20px; font-size: 13px; border-radius:5px; background-color:#0096d3; color:#fff;} .TextList001230 li time span{line-height: 44px;display: block;font-size: 30px;color: #0096d3; background-color:#f8f8f8; } .TextList001230 li a{ position:absolute; right:0; padding-top:25px; height:24px; top:50%; margin-top:-25px; color: #666; background:url(../images/TextList001230-icon.png) no-repeat center top;} .TextList001230 li p{ margin:0; font-size:14px; line-height:24px; color:#333;} .TextList001230 li p span{ color:#666; font-size: 12px; } .TextList001230 li p span i{ font-style:normal; color:#9c0015;} /* 产品详情 */ .RighInfo002092{padding: 2vw; background: #fff; } .RighInfo002092 .h2{ font-size: 36px; color: #333; padding: 20px 0; margin: 0 0 3%; } .RighInfo002092 .list_img{ width:100%; position: relative; } .RighInfo002092 .list_img .buy{ } .RighInfo002092 .list_img h2{ font-size: 45px; color: #0096d3; margin: 0; } .RighInfo002092 .list_img span{ font-size: 32px; color: #000; margin: 10px 0 0; display: inline-block; } .RighInfo002092 .big{ background: #fff; margin-bottom:20px;} .RighInfo002092 .big li figure{ padding-bottom:30%; } .RighInfo002092 .scroll li img, .RighInfo002092 .big li img{ display:none;} .RighInfo002092 .scroll{ padding:0 30px; position: relative; margin-top: -40px; } .RighInfo002092 .scroll a{position: absolute;width: 50px;height: 50px;background: url(../images/RighInfo001278-btn_prev.png) no-repeat center center;cursor: pointer;top: -130%;margin-top: -25px;z-index: 10;} .RighInfo002092 .scroll a.prev{ left:0px;} .RighInfo002092 .scroll a.next{ right:0px; background-image:url(../images/RighInfo001278-btn_next.png);} .RighInfo002092 .scroll a.prevStop, .RighInfo002092 .scroll a.nextStop{ cursor:default;} .RighInfo002092 .scroll li{ float: left} .RighInfo002092 .scroll li figure{ margin:0 auto; border: 1px solid #eee; padding-bottom:45%; background-size:cover; max-width:90%; border-radius: 3px; } .RighInfo002092 .scroll li.on figure{ border-color:#0096d3; } .zoomContainer{ z-index:100;} .RighInfo002092 .intro{ } .RighInfo002092 .intro .dd_box{ padding:30px 0 40px 0; border-top: 1px solid #e5e5e5; margin-top: 40px; } .RighInfo002092 .intro dd{ line-height: 30px; color: #444; font-size: 15px; } .RighInfo002092 .intro .buy{ text-align: center; padding:0 0 3vw; } .RighInfo002092 .intro .buy a{ display: inline-block; width:50%; font-size: 15px; text-align: center; background: #e2e2e2; color:#666; width:180px; height: 42px; line-height: 42px; border-radius: 30px; margin: 0 5px; } .RighInfo002092 .intro .buy .advisory{ background:#911632; color: #fff; } .RighInfo002092 .intro .buy a:hover{ background: #0096d3; color: #fff; } .RighInfo002092 .tab{ } .RighInfo002092 .tab .h1_tab{ margin:0; overflow:hidden; font-size:16px; font-weight:normal; color:#000; border-bottom: 1px solid #e5e5e5; } .RighInfo002092 .tab .h1_tab span{ border-radius: 10px 10px 0 0; font-size: 15px; float:left; padding:0 5%; line-height:40px; background-color:#f5f5f5; margin-right:5px; cursor:pointer; text-transform: capitalize; } .RighInfo002092 .tab .h1_tab span:hover, .RighInfo002092 .tab .h1_tab span.on{ background-color:#0096d3; color: #fff; } .RighInfo002092 .tab .info{ padding:1.5vw 0 2.5vw; border-bottom: 1px solid #e5e5e5; margin-bottom: 2.5vw; } .RighInfo002092 .tab .info dd{ border: 1px solid #e5e5e5; line-height: 24px; min-height: 90px; padding: 20px; border-radius: 30px 0 0; width: 48.5%; margin-right: 3%; margin-bottom: 2%; float: left; border-right: 3px solid #0096d3; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; -webkit-box-orient: vertical; text-align: center; } .RighInfo002092 .tab .info dd:nth-of-type(2n){ margin-right: 0; } .RighInfo002092 .tab .info p{ line-height: 32px; position: relative; padding-left: 15px; } .RighInfo002092 .tab .info p::before{ position: absolute; width: 6px; height: 6px; border-radius: 10px; display: block; content: ''; background: #0096d3; left: 0; top: 13px; } .RighInfo002092 .table_1 th, .RighInfo002092 .table_1 td{ text-align:center; border:1px solid #e5e5e5; border-collapse:collapse; line-height:20px; padding:15px 10px; font-size: 12px; word-break:break-all; width: 70px; } .RighInfo002092 .table_1 td:first-of-type{ background: #ebf4ff; border-bottom: 1px solid #d9e9ff; } .RighInfo002092 .table_1 td:nth-of-type(5){ width: 12%; } .RighInfo002092 .table_1 td a{ color: #000; text-decoration: underline; font-family:"arial"; } .RighInfo002092 .table_1 th{ font-size:12px; background:#7aa6de; color: #fff; } .RighInfo002092 .table_1 tr:first-of-type td{ padding: 0; } .RighInfo002092 .table_1 tr:first-of-type td a{ text-decoration: underline; color: #0096d3; } @media(min-width:641px){ .RighInfo002092 .tab .info .ul li{float: left;width: 31%; border-left:5px solid #0096d3;} .RighInfo002092 .tab .info .ul li:not(:nth-child(3n)){margin-right: 3.5%;} .RighInfo002092 .tab .info .ul li:nth-child(3n+1){clear: left;} } @media(max-width:768px){ .zoomContainer{ display:none;} .RighInfo002092 .intro h2{ font-size: 42px; color: #0096d3; padding: 50px 0 0; margin: 0; } .RighInfo002092 .intro span{ font-size: 22px; color: #000; margin-bottom: 30px; display: inline-block; } .RighInfo002092 .table_1{ overflow:auto;} .RighInfo002092 .table_1 table{ width:180%;} } @media(max-width:640px){ .RighInfo002092 .list_img, .RighInfo002092 .intro{ float:none; width:auto;} .RighInfo002092 .intro{ margin-top:3%;} .RighInfo002092 .list_img h2{ font-size: 24px; } .RighInfo002092 .list_img span{ font-size: 20px; } } /* 06_3在线留言 */ .Form002802{ } .Form002802 .from td{ padding-bottom:2%; } .Form002802 .from tr:first-of-type td{ float: left; width: 31%; margin-right: 3.5%; } .Form002802 .from tr:first-of-type td:nth-of-type(3){ margin-right: 0; } .Form002802 .from tr:nth-of-type(2) td{ width: 48%; float: left; margin-right: 4%; } .Form002802 .from tr:nth-of-type(2) td:nth-of-type(2){ margin-right: 0; } .Form002802 .from td p{ margin: 0; color: #666; text-align: center;} .Form002802 .from td div{ position:relative;} .Form002802 .from label{ position:absolute; left:15px; top:0; font-size: 14px; line-height: 42px; color:#666;} .Form002802 .from label span{ color:#911632; } .Form002802 .from .textareas{ width:100%; } .Form002802 .from .text{ width:100%; height:42px; line-height:42px; text-indent:10px; border:none; background:#f5f5f5;} .Form002802 .from textarea.text{ height:160px;} .Form002802 .from .btn{ text-align:center;} .Form002802 .from .btn input{ background:#0096d3; cursor:pointer; padding:0; border:none; width: 160px; height:42px; line-height: 42px; font-size: 16px; color:#fff; text-transForm002802: uppercase; border-radius: 99px;} @media(max-width:640px){ .Form002802 .from td{ display: block; padding-right: 0; } } /* 04_6企业优势 */ .RighInfo002816{ } .RighInfo002816 .img-block{display: block;width: 100%;} .RighInfo002816 ul{margin-bottom: 6%;} .RighInfo002816 ul .inner{background: #ecf4ff; padding: 10%; } .RighInfo002816 ul h3{ font-size: 18px; color: #333;} .RighInfo002816 ul h3:before{display: inline-block; content: ''; height:16px; width:4px; background: #0096d3; vertical-align: middle; margin-right: 15px;} .RighInfo002816 ul .li p{ line-height: 28px; color: #666;} .RighInfo002816 ul .li .icon{padding-bottom: 15px;} @media(min-width:1025px){ .RighInfo002816 ul:nth-child(2n-1) .ol{float: left;} .RighInfo002816 ul:nth-child(2n-1) .li{float: right;} .RighInfo002816 ul:nth-child(2n) .ol{float: right;} .RighInfo002816 ul:nth-child(2n) .li{float: left;} .RighInfo002816 ul .ol, .RighInfo002816 ul .li{width: 50%;} .RighInfo002816 ul .li{ position: relative; z-index: 10;} .RighInfo002816 ul:nth-child(2n-1) .li .inner{ margin-left: -10%; padding-left: 15%;} .RighInfo002816 ul:nth-child(2n) .li .inner{width: 110%; } } @media(max-width:1024px){ .RighInfo002816 ul .li{padding: 0!important;} .RighInfo002816 ul .inner{ padding: 20px;} } /* 05_3展会动态 */ .PicList002149 h3{ margin:0; font-size:18px;} .PicList002149 p{line-height: 24px;overflow:hidden;color:#666;height:52px;margin:2% 0 0 0;} .PicList002149 ol{ background-color:#f2f2f2; margin-bottom:2%; position:relative; padding-left:36.25%;} .PicList002149 ol .Ispic{ width:36.25%; position:absolute; left:0; top:0; height:100%; overflow: hidden; } .PicList002149 ol .Ispic img{transition: transform .3s ease-in-out;} .PicList002149 ol .Ispic:hover img{transform: scale(1.1);} .PicList002149 ol div{padding: 5% 10% 3% 7%;} .PicList002149 ol h3 a{ color:#333;} .PicList002149 ol time{ display:block; padding:3% 0;} .PicList002149 ol p{margin:0 0 3% 0;height: 72px;} .PicList002149 ol span a{ display:inline-block; width:130px; line-height:40px; text-align:center; color:#fff; background:#0096d3; font-size:13px; border-radius: 5px; } .PicList002149 li{ overflow:hidden; padding-left:160px; padding-right:80px; position:relative; margin-bottom:2%; background-color:#f2f2f2;} .PicList002149 li:after{ position:absolute; content:''; right:0; top:0;width:80px; height:100%; background:url(../images/PicList002149-more.png) no-repeat center center; border-left:2px solid #fff;} .PicList002149 li div{border-left:1px solid #e2e2e2; padding:4% 5%;} .PicList002149 li time{ position:absolute; left:0; top:0; width:160px; height:100%;} .PicList002149 li time span{ position:absolute; width:100%; text-align:center; top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); color:#b2b2b2; font-size:16px;} .PicList002149 li time i{ font-style:normal; font-size:50px; color:#666; display:block; line-height:40px;} .PicList002149 li time i:after{ display:block; content:''; margin:5px auto; height:1px; width:50%; max-width:66px; background:#dfdfdf;} @media(max-width:1000px){ .PicList002149 li{padding-left:100px;padding-right:30px;} .PicList002149 li:after{width:30px; background-size:35% auto;} .PicList002149 li time{width:100px;} .PicList002149 li time span{font-size:14px;} .PicList002149 li time i{font-size:40px;line-height:30px;} } @media(max-width:768px){ .PicList002149 h3{ font-size:16px;} } @media(max-width:640px){ .PicList002149 ol{ padding-left:0;} .PicList002149 ol .Ispic{ width:auto; position:relative; height:auto; display:block; padding-bottom:60%;} .PicList002149 ol div{ padding:3%;} } @media(max-width:480px){ .PicList002149 li{padding-left:80px;padding-right:0;} .PicList002149 li:after{ display:none;} .PicList002149 li time{width:80px;} .PicList002149 li time span{font-size:12px;} .PicList002149 li time i{font-size:30px;} .PicList002149 h3{ font-size:14px;} .PicList002149 p{ font-size:12px; line-height:20px; overflow:hidden; height:40px;} .PicList002149 ol p{ height:60px;} } /* 04_4公司历程 */ .Timeline002790 { padding:6% 0 3%;} .Timeline002790 .year{ position:relative; padding:2% 0 4% 0;color:#6e6e6e;} .Timeline002790 .year::before{ content:''; width:10px; height:103%; top:-3%; position:absolute; background-color:#ededed; z-index:0;} .Timeline002790 ul{ position:relative; z-index:1;} .Timeline002790 li{position:relative; border-radius: 10px;margin-top: -60px; } .Timeline002790 li:after{ content: ""; display: block; position: absolute; top: 51%; right: 0; width: 50%; height: 2px; border-bottom: 5px solid #ededed; z-index: -2 } .Timeline002790 li:nth-child(2n):after{ left: 0} .Timeline002790 li:before{width:12px; height:12px;border:1px solid #666; border-radius:50%;position:absolute; left:50%; margin-left: -2px; top: 50%; margin-top: -2px; content:''; background:#fff;} .Timeline002790 li:nth-child(2n)::before{ left:auto; right:50%; margin-right: -10px; } .Timeline002790 li .con{width: 45%; background: #f5f5f5; border-radius: 10px; padding:40px; float: right; position: relative; overflow: hidden; } .Timeline002790 li .con figure{width: 40%; position: absolute; right: 0; top: 0; height: 100%;} .Timeline002790 li .icon{ position: absolute; left: 0; bottom: 0; width:60px; height: 60px; padding:5px; background: #fff; overflow: hidden; border-radius: 0 6px 0 0} .Timeline002790 li .con .txt{ width: 60%; } .Timeline002790 li .con .txt p{ color: #444; line-height:30px; font-size: 14px; } .Timeline002790 li:nth-child(2n) .con figure{left: 0} .Timeline002790 li:nth-child(2n) .con .txt{float: right; padding-left: 6%} .Timeline002790 li:nth-child(2n) .icon{ left: auto; right: 0; border-radius: 6px 0 0 0} .Timeline002790 li:nth-child(2n) .con{float:left} .Timeline002790 li .txt{ position:relative;font-size:16px; line-height:24px; } .Timeline002790 li:nth-child(2n) .txt{ padding-right: 0} .Timeline002790 li .txt figure{transition:all ease 0.5s; position:absolute; top:0;width:120px; height:100px; } .Timeline002790 li:nth-child(2n) .txt figure{ left:0; } .Timeline002790 li:nth-child(2n-1) .txt figure{ right:0; } .Timeline002790 li .txt figure img{ position:absolute; max-width:100%; max-height:100%; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} .Timeline002790 li .txt h3{margin: 0;font-size: 30px;color: #0096d3;padding-bottom: 7px; font-weight: normal;font-family:Arial, Helvetica, sans-serif;} .Timeline002790 li.hover:after{ border-color: #0096d3} .Timeline002790 li.hover:before{ border-color: #0096d3} @media(min-width:641px){ .Timeline002790 .year::before{left:50%;margin-left:-0.5px; } .Timeline002790 li{width:100%;} .Timeline002790 li:nth-child(2n){ float:left; } .Timeline002790 li:nth-child(2n-1){float:right; z-index:10; } } @media(max-width:1024px){ .Timeline002790{ padding-top: 0} .Timeline002790 li {margin-bottom: 20px; height: auto; overflow: hidden; margin-top: 0} .Timeline002790 li .con{width: 100%; float: left; padding: 20px } .Timeline002790 .year::before, .Timeline002790 li:after, .Timeline002790 li:before{ display: none} .Timeline002790 li .con .txt, .Timeline002790 li .con figure{ position: relative; float: left; width: 100%} .Timeline002790 li .con figure{height: 200px; margin-bottom: 20px;} } .Timeline002790 .more{ text-align:center; padding-bottom:20px;} .Timeline002790 .more a{width:180px;height: 36px; text-align:left;line-height:36px;display: inline-block;color: #fff;font-size: 14px; background:url(../images/Timeline002790-more.png) no-repeat 70% center #0096d3; position: relative; z-index: 100; border-radius: 60px; text-align: center; padding-right: 20px;} /* 04_3企业文化 */ .Positioning{} .Floor002232 .column_tit p{ max-width: 960px; margin: auto; } .RighInfo002811{padding: 5vw 0 0;} .RighInfo002811 .auto{max-width: 1440px; width: 96%;} .RighInfo002811 .box:not(:last-child){margin-bottom:7%;} .RighInfo002811 .box:nth-child(2n) .txt .inner, .RighInfo002811 .box:nth-child(2n-1) .txt{background: #e8e8e8;} .RighInfo002811 .pic img{display: block; width: 100%;} .RighInfo002811 .txt{position: relative; z-index: 10;} .RighInfo002811 .txt .inner{padding: 5% 10%;} .RighInfo002811 .box:nth-child(2n) .txt{vertical-align: top;} .RighInfo002811 .txt .tit{padding-left: 30px; font-size: 24px;color: #333;background: url(../images/RighInfo002811-icon.png) no-repeat left center;} .RighInfo002811 .txt p{line-height: 30px; font-size: 16px;color: #444;text-align: justify;} @media(min-width:1025px){ .RighInfo002811 .box:nth-child(2n){margin-bottom:13%;} .RighInfo002811 .box .pic{width: 48.612%;} .RighInfo002811 .box .pic .inner{ width: 105.715%;} .RighInfo002811 .box:nth-child(2n-1) .pic .inner{margin-top: -8%; padding-bottom: 6%;} .RighInfo002811 .box:nth-child(2n) .pic .inner{float: right; margin-top: 6%;} } @media(max-width:1024px){ .RighInfo002811 .ytable, .RighInfo002811 .ytable-cell{display: block;} .RighInfo002811 .txt .inner{padding: 5% 10%!important;} } /* 06_3售后服务 */ .Aftersale{ padding-bottom: 4vw; } .Aftersale .column_tit h2{ color: #fff; } .Aftersale .column_tit h2::after{ background: #fff; } .Aftersale .auto_1280{ background: url(../images/Aftersale_bg.jpg) no-repeat center; padding: 3.5vw 0 3vw; } .Aftersale .auto_1280 p{ max-width: 760px; margin: 0 auto; color: #fff; } /* 06_3售后服务 */ .RighInfo002522{ padding:4vw 0 2vw; background: #f3f9fd; } .RighInfo002522 .list dl{ float:left; width:100%; display:table; border:1px solid #ededed; margin-bottom:3.5%; background: #fff; } .RighInfo002522 .list dl > *{ display:table-cell; vertical-align:middle;} .RighInfo002522 .list dt{ width:95px;} .RighInfo002522 .list dt b{ display:block;width:45px; height:45px; border-radius:50%; background:#0096d3; color:#fff; font-size:24px; position:relative; overflow:hidden; line-height:45px; text-align:center; margin:25px auto;} .RighInfo002522 .list dt b::after{ position:absolute; content:''; width:20px; height:7px; background:#93bbf1; bottom:0; right:0;} .RighInfo002522 .list dd p{ padding:3% 5% 3% 0; color:#333; margin:0;} @media(max-width:1024px){ .RighInfo002522 .title{ font-size:24px;} } @media(min-width:769px){ .RighInfo002522 .list dl{width:31%;margin-right:3.5%;} .RighInfo002522 .list dl:nth-child(3n){ margin-right:0;} .RighInfo002522 .list dl:nth-child(3n+1){ clear:left;} } @media(max-width:768px) and (min-width:481px){ .RighInfo002522 .list dl{ width:48%;} .RighInfo002522 .list dl:nth-child(2n){ float:right;} .RighInfo002522 .list dl:nth-child(2n+1){ clear:left;} } /* 06_3售后服务 */ .RighInfo002296{ padding: 4vw 0 0; } .RighInfo002296 ul{ text-align:center;} .RighInfo002296 ul li{ font-size:16px; background: #f3f9fd; padding: 2vw; } .RighInfo002296 ul li p{ color: #444;} .RighInfo002296 ul li h5{ font-size:18px; font-weight:bold; color:#333; line-height:50px; margin: 0 0 10px; } .RighInfo002296 ul li h5 i{ display:block; width:20px; height:3px; background-color:#911632; margin:auto;} @media only screen and (min-width: 768px) { .RighInfo002296 .column-name{font-size:28px;} .RighInfo002296 dl{ font-size: 18px;} .RighInfo002296 ul li{ float: left; width: 31%; margin-right: 3.5%; } .RighInfo002296 ul li:nth-of-type(3n){ margin-right: 0; } .RighInfo002296 ul li h5{ font-size: 20px;} } @media only screen and (min-width: 1024px) { .RighInfo002296 .column-name{font-size:32px;} } /* 04_3企业文化 公司活动 */ .Floor002065{ } .Floor002065 .item{ position:relative;} .Floor002065 .item .pic{ overflow:hidden;position:relative;} .Floor002065 .item .Ispic{ display:block; padding-bottom:67%; transition:0.3s; position:relative;} .Floor002065 .item .Ispic img{ display:none;} .Floor002065 .item:hover .Ispic{ transform:scale(1.1);} .Floor002065 .item p{ color: #333; font-size: 16px; text-align: center; } .Floor002065 .owl-nav div{ position:absolute; top:50%; width:22px; overflow:hidden; line-height:1000px; height:40px; margin-top:-20px; background:url(../images/Floor002065-btn.png) no-repeat left top; z-index:10;} .Floor002065 .owl-nav .owl-prev{ left:0;margin-left:-50px;} .Floor002065 .owl-nav .owl-next{right:0; margin-right:-50px; background-position: right top;} .Floor002065 .owl-nav .owl-prev:hover{ background:url(../images/Floor002065-btn2.png) no-repeat left top; } .Floor002065 .owl-nav .owl-next:hover{ background:url(../images/Floor002065-btn2.png) no-repeat; background-position: right top;} @media(max-width:1024px){ .Floor002065 .owl-carousel{ padding:0 30px;} .Floor002065 .owl-nav .owl-prev{margin-left:-10px;} .Floor002065 .owl-nav .owl-next{margin-right:-10px;} } @media(max-width:640px){ .Floor002065 .title span{ display:block;} .Floor002065 .owl-nav .owl-prev{margin-left:-5px;} .Floor002065 .owl-nav .owl-next{margin-right:-5px;} } @media(max-width:640px) and (min-width:376px){ .Floor002065 .item dt, .Floor002065 .item dd{ float:none; text-align:right;} } /*这是滚动插件的公用样式 如出现雷同 请删除*/ .owl-carousel, .owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative} .owl-carousel{display:none;width:100%;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-item, .owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none} .owl-carousel .owl-item img{display:block;width:100%} .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{display:none} .no-js .owl-carousel,.owl-carousel.owl-loaded{display:block} .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{visibility:hidden} .owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-grab{cursor:move;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .owl-carousel .animated{animation-duration:1s;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{animation-name:fadeOut} @keyframes fadeOut{ 0%{opacity:1} 100%{opacity:0} } .owl-height{transition:height .5s ease-in-out} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease} .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000} .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease} .owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn{display:none} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease} .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /*end*/ /* 02_3企业文化 */ .RighInfo003073{ padding-bottom: 1vw; } .RighInfo003073 .column_tit{ } .RighInfo003073 .column_tit h2{ text-align: left; color: #fff; } .RighInfo003073 .column_tit h2::after{ left: 0; margin-left: 0; background: #fff; } .RighInfo003073 .box-1 .row{margin-bottom: 3vw;} .RighInfo003073 .box-2 .row{margin-bottom: 2vw; float: left; width: 46.5%; margin-right: 3%;} .RighInfo003073 .box-2 .row:nth-child(2n){margin-right:2%;} .RighInfo003073 .row:last-of-type{ margin-bottom: 0; } .RighInfo003073 h3{font-size: 18px; color: #fff; margin: 0 0 0.5em 0; } .RighInfo003073 p{ color: #fff; font-size: 14px; margin: 0; line-height: 30px; } .RighInfo003073 .box-1{position: relative; z-index: 1; background:url(../uploadfiles/culture_01.png) no-repeat; } .RighInfo003073 .box-2{position: relative; z-index: 1; background:url(../uploadfiles/culture_02.png) no-repeat; } .RighInfo003073 .box-2:before{position: absolute; left: 0; top: 0; height:100%; width: 100%; content: '';} .RighInfo003073 .box-2 .auto{position: relative; z-index: 5;} .RighInfo003073 .box-2 .y-1{margin-bottom: 1.72vw;} .RighInfo003073 .ytable-cell{ padding:4vw; } .RighInfo003073 .ytable-cell:not(:nth-child(1)) *{color: #fff;} .RighInfo003073 .box-2 .y-2{ padding:3vw 4vw; } .RighInfo003073 .box-2 h4{margin: 0 0 1.5em 0;font-size: 18px;color: #fff; } .RighInfo003073 .box-1 .fl{ } .RighInfo003073 .box-1 .fl{ background: #f9f9f9; background: -webkit-gradient(linear, right top, 0 50%, from(#3c64b3), to(#184d83));} .RighInfo003073 .box-1 .fl{ background: #f9f9f9; background: url(../images/RighInfo003073_bg.jpg) no-repeat;} .RighInfo003073 .box-1 .fl *{ color: #fff; } @media(min-width:1025px){ .RighInfo003073 .box-1 .fl, .RighInfo003073 .box-1 .fr{width: 50%;} .RighInfo003073 .box-1 .col-title{padding-right: 40%;} .RighInfo003073 .box-2 .y-1 .ytable-cell:nth-child(1){width: 50%;} .RighInfo003073 .box-2 .y-2 .ytable-cell{table-layout:fixed;padding-left: 4.48vw;width: 25%;} } @media(max-width:1024px){ .RighInfo003073 .box-2 .ytable, .RighInfo003073 .box-2 .ytable-cell{display: block;overflow: hidden;} .RighInfo003073 .box-2 .y-1 .row{width: 50%;float: left;padding-right: 2%;} .RighInfo003073 .box-2 .y-2 .ytable-cell{padding: 2vw 4vw;} } @media(max-width:640px){ .RighInfo003073 h3{font-size: 5vw;} .RighInfo003073 p{font-size: 3.5vw;} } /*企业优势修改样式*/ /*PicList002094 */ .PicList002094{} .PicList002094 li{ float:left; width:31.3%; margin-right:3%; margin-bottom:3%; position:relative; padding-bottom:35%;} .PicList002094 li a{ position:absolute; left:0; top:0; width:100%; height:100%;} .PicList002094 li figure, .PicList002094 li div{ position:absolute; left:0; width:100%;} .PicList002094 li figure{ height:52%; transition:top 0.3s; top:0;} .PicList002094 li figure img{ display:none;} .PicList002094 li div{ background-color:#F5F5F5; bottom:0; height:48%; padding:0 5%; transition:0.3s;} /*.PicList002094 li div:before{ position:absolute; content:''; width:24px; height:24px; bottom:10px; left:50%; margin-left:-12px;}*/ .PicList002094 li aside{ position:absolute; top:52%; margin-top:-50px; z-index:10; left:50%; width:100px; height:100px; margin-left:-50px;text-align:center; border-radius:50%; background-color:#fff; overflow:hidden;transition:0.3s;} .PicList002094 li aside img{ display:block; width:100%; height:100%;} .PicList002094 li aside img.hover{ display:none;} .PicList002094 li h5{ margin:0 0 15px 0; font-size:20px; text-align:center; padding-top:20%;} .PicList002094 li p{ line-height:24px; overflow:hidden; height:72px; margin:0;text-align: center;color: #444;} .PicList002094 li:hover div{ color:#fff;background:#0096d3;} .PicList002094 li:hover figure{top:-3%;} .PicList002094 li:hover div{ bottom:-3%;height:54%;} /*.PicList002094 li:hover div:before{background:url(images/PicList002094-more.png) no-repeat;}*/ .PicList002094 li:hover aside{background:#0096d3; top:50%;} .PicList002094 li:hover aside img{ display:none;} .PicList002094 li:hover aside img.hover{display:block;} @media(min-width:769px){ .PicList002094 li:nth-child(3n){ margin-right:0;} } @media(max-width:1000px) and (min-width:769px){ .PicList002094 li p{ height:48px;} .PicList002094 li aside{ margin-top:-35px; width:70px; height:70px; margin-left:-35px;} } @media(max-width:768px){ .PicList002094 li{ width:48%; margin-right:4%;} .PicList002094 li:nth-child(2n){ margin-right:0;} .PicList002094 li{ padding-bottom:61%;} } @media(max-width:640px){ .PicList002094 ul{ margin:0 auto; max-width:400px;} .PicList002094 li{ float:none; width:auto; padding-bottom:0; height:470px; margin:0 0 5% 0;} } /* 解决方案 */ .RighInfo002807{ padding: 4% 0 0; position: relative; } .RighInfo002807 .column_tit h2{ text-align: left; } .RighInfo002807 .column_tit h2::after{ left: 0; margin-left: 0; } .RighInfo002807 .txt{ padding-top: 6%;} .RighInfo002807 .txt .info{position:relative; z-index: 10; background: rgba(245,249,255,0.95); padding: 6% 3% 6% 5%;} .RighInfo002807 .txt .info p{ line-height: 30px; font-size: 15px; margin: 0 0 30px; text-align: justify;color: #444; } .RighInfo002807 .txt .btn{ padding: 0 30px; display: inline-block; line-height: 40px; text-align: center; background: #0096d3; color: #fff; border-radius: 30px; font-size: 14px; } @media(min-width:1025px){ .RighInfo002807 .txt .auto{position: relative; z-index: 1;padding-top: 6%;} .RighInfo002807 .txt .Ispic{position: absolute; right: 0; top: 0; height: 100%; width: 100%;} .RighInfo002807 .txt .info{float: right;width: 53.125%;} } @media(max-width:1024px){ .RighInfo002807 .txt .info{padding: 5% 0;} .RighInfo002807 .txt .Ispic{padding-bottom: 61%;} } /* 产品优势 */ .RighInfo002226{ } .RighInfo002226 .ul li{list-style: none; min-height: 370px; background: #fafcff; border: 1px solid #e5e5e5; float: left; width: 23%; margin-right: 2.66667%; padding: 3%; border-radius: 5px; } .RighInfo002226 .ul li:nth-of-type(4n){ margin-right: 0;} .RighInfo002226 .ul li .h2{ color: #000; padding-top: 10px; } .RighInfo002226 .ul li .h3{ font-size: 16px; font-weight: normal; color: #666; } .RighInfo002226 .ul li .p{ font-size: 14px; line-height: 28px; padding: 5px 0 0; color: #444; } @media(max-width:768px){ .RighInfo002226 .ul li{ width: 100%; margin-right: 0; } } .solution.industrybox .auto{overflow: hidden;} /* 相关产品 */ .R_Products{ padding: 4vw 0; } .R_Products .pic:hover .def, .R_Products .pic .hov{ display: none; } .R_Products .pic:hover .hov{ display: block; } /* 成功案例 */ .Banner002465{ position: relative; padding: 4vw 0 0; } .Banner002465 li a{ display:block; position: relative; } .Banner002465 li h3{ width: 100%; text-align: center; background: #f5f9ff; margin: 0; line-height: 30px; padding: 20px 0; } .Banner002465 li a.ul_a{position: relative;} .Banner002465 li a.ul_a span{display: block;width: 100%;height: 50px;line-height: 50px;background: rgba(50, 112, 195, 0.6);color: #fff;text-align: center;font-size: 16px;position: absolute;top: -50px;left: 0;} .Banner002465 .owl-dots{margin:0 auto; text-align:center;position:absolute; left:0; width:100%; bottom:100px; z-index:10;} .Banner002465 .owl-dots>div{ display:inline-block; margin:0 0.5%;position: relative;} .Banner002465 .owl-dots>div span{ display:block; width: 12px; height: 12px; border-radius:50%; background: #fff; -moz-opacity:0.5; opacity: 0.5; filter:alpha(opacity=50); } .Banner002465 .owl-dots>div.active span{ -moz-opacity:1; opacity: 1; filter:alpha(opacity=100); } .Banner002465 .owl-nav >div{ position: absolute; top: 50%; margin-top: -25px; background: url(../images/Banner002465-btns.png) no-repeat; width: 50px; height: 50px; cursor: pointer;} .Banner002465 .owl-nav .owl-prev{ left: 5%; background-position: 0 0;} .Banner002465 .owl-nav .owl-next{ right: 5%; background-position: -50px 0;} .Banner002465 .owl-nav .owl-prev:hover{ background-position: 0 -50px;} .Banner002465 .owl-nav .owl-next:hover{ background-position: -50px -50px;} @media(max-width:1200px){ .Banner002465 .owl-dots>div{ margin: 0 3px;} } .case_box{ background: #f4f9fd; } /* 03_5成功案例详情 */ .RighInfo002939{ background: #fff; padding: 3vw; } .RighInfo002939 .name{text-align: center; margin-bottom: 37px;} .RighInfo002939 .name h1{margin: 0 0 30px 0;font-size: 20px;color: #333;} .RighInfo002939 .time{color: #666;padding-bottom: 1.72vw;line-height: 16px;border-bottom: 1px dotted #cecece; } .RighInfo002939 .share{margin-left: 10px;} .RighInfo002939 .time time, .RighInfo002939 .time span, .RighInfo002939 .share, .RighInfo002939 .share > *{display: inline-block; margin:0 10px; vertical-align: middle;} .RighInfo002939 .share em{font-style: normal;} .RighInfo002939 .edit-info{ /* line-height: 2.5625em; */ color: #1e1e1e; padding-bottom: 1vw;} /*.RighInfo002939 .edit-info img{ display: block; margin: 0 auto; padding: 2vw 0; }*/ .RighInfo002939 .edit-info h3{ font-weight: normal; color: #000; position: relative; padding-left: 20px; } .RighInfo002939 .edit-info h3::before{ width: 10px; height: 10px; background: #0096d3; display: inline-block; content: ''; position: absolute; top: 50%; left: 0; margin-top: -5px; } .RighInfo002939 .info-page{border: solid 1px #eee;} .RighInfo002939 .info-page dd{line-height: 36px; background: #fff; } .RighInfo002939 .info-page dd a{padding: 0 20px;} .RighInfo002939 .info-page dd a:hover{color: #d43e45;} @media(min-width:641px){ .RighInfo002939 .info-page dd{float: left; width: 50%;} .RighInfo002939 .info-page dd:nth-child(2){border-left: 1px solid #eee;} .RighInfo002939 .info-page dd a, .RighInfo002939 .edit-info{font-size: 16px;} .RighInfo002939 .edit-info p{ color: #444; } .RighInfo002939 .time{ font-size: 14px; padding-top: 1vw; } } @media(max-width:640px){ .RighInfo002939 .info-page dd:nth-child(2){border-top: 1px solid #eee;} .RighInfo002939 .share{display: block; padding-top: 10px;} } .index_cpzx{ background: url(../images/bg3.png)no-repeat center #f0f4f7; padding: 4vw 0; } .index_cpzx .list { position: relative; padding-left: 50.7815%; } .index_cpzx .list li{ width: 49.219%; float: left; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1); } .index_cpzx .list li:first-child{ position: absolute; left: 0; top: 0; } .index_cpzx .list li:nth-child(2){ width: 100%; margin-bottom: 2.2%; } .index_cpzx .list li:nth-child(4){ margin-left: 1.562%; } .index_cpzx .list li a{ width: 100%; padding-bottom: 41.5%; height: 0; display: block; overflow: hidden; } .index_cpzx .list li:first-child a{ padding-bottom: 85.715%; } .index_cpzx .list li:nth-child(2) a{ position: relative; } .index_cpzx .list li:nth-child(2) a .img{ width: 50%; padding-bottom: 41.62%; } .index_cpzx .list li:nth-child(2) a .art{ width: 50%; position: absolute; left: 50%; top: 50%; text-align: left; margin-top: -48px; } .index_cpzx .list li:nth-child(2) a .art h3{ text-align: left; } .index_cpzx .list li:nth-child(2) a .art p{ display: -webkit-box; display: box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp:4; white-space: normal; text-align: left; } .index_cpzx .list li:nth-child(3) a, .index_cpzx .list li:nth-child(4) a{ padding-bottom: 85%; } .index_cpzx .list li:nth-child(3) a .img, .index_cpzx .list li:nth-child(4) a .img{ padding-bottom: 55%; } .index_cpzx .list li:first-child .img{ padding-bottom: 71%; } .index_cpzx .list .img { padding-bottom: 51.613%; position: relative; overflow: hidden; } .index_cpzx .list a .Ispic{ position: absolute; top: 5%; left: 5%; width: 90%; height: 90%; transition: transform .5s ease-in-out; } .index_cpzx .list a:hover .Ispic { transform: scale(1.1); } .index_cpzx .list .art{ padding: 0 20px; } .index_cpzx .list .art h3{ margin: 10px auto; text-align: center; font-size: 24px; color: #0096d3; font-family: Arial; } .index_cpzx .list .art p{ font-size: 16px; color: #444; text-align: center; margin: 0 auto; } @media(max-width:1200px){ .index_cpzx .list .art h3{ margin: 5px auto; font-size: 16px; text-align: left; } } @media(max-width:960px){ .index_cpzx .list{padding-left: 0;} .index_cpzx .list li{ position: relative!important; width: 100%!important; margin-bottom: 2%!important; margin-left: 0!important; } .index_cpzx .list li a{ padding-bottom: 42%!important; } .index_cpzx .list li a .img{ width: 50%!important; padding-bottom: 41.62%!important; } .index_cpzx .list li a .art{ width: 50%; position: absolute; left: 50%; top: 50%; text-align: left; margin-top: -48px; } .index_cpzx .list li a .art p{ display: -webkit-box; display: box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; text-align: left; } } .index_jjfa{ background: #f0f4f7; } .index_jjfa .bgimg{ width: 100%; height: 0; padding-bottom: 44.8%; position: relative; } .index_jjfa .bgimg .Ispic{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .index_jjfa .bgimg .list{ width: 100%; height: 180px; background: rgba(0,0,0,.6); position: absolute; bottom: 0; left: 0; z-index: 1; } .index_jjfa .bgimg .list ul { height: 100%; } .index_jjfa .bgimg .list li{ list-style: none; width: 25%; float: left; height: 100%; } .index_jjfa .bgimg .list li:hover{ background: rgba(57,131,230,.6); } .index_jjfa .bgimg .list li .img{ height: 100px; width: 100%; margin: 0px auto; text-align: center; line-height: 100px; } .index_jjfa .bgimg .list li .img img{ vertical-align: bottom; } .index_jjfa .bgimg .list li a p{ font-size: 24px; color: #ffffff; margin: 5px auto; text-align: center; } .index_jjfa .bgimg .textbox{ position: absolute; width: 100%; height: 1px; top: 150px; background: none; } .index_jjfa .bgimg .textbox .text{ width: 630px; padding: 80px 50px; background-color: rgba(255,255,255,0.9); max-width: 100%; margin-left: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .index_jjfa .bgimg .textbox .text.aon{ margin-left: calc(100% - 630px); } .index_jjfa .bgimg .textbox .text h1{ font-size: 44px; color: #222222; position: relative; margin: 0 0 30px; padding-bottom: 10px; } .index_jjfa .bgimg .textbox .text h1:before{ position: absolute; content: ''; bottom: 0; left: 0; width: 50px; height: 5px; background: #0096d3; } .index_jjfa .bgimg .textbox .text p{ font-size: 16px; color: #444; } .index_jjfa .bgimg .textbox .text a{ font-size: 16px; color: #0096d3; padding-right: 20px; background: url(../images/left.png)no-repeat right center; } @media(max-width:1680px){ .index_jjfa .bgimg .textbox{top: 120px;} .index_jjfa .bgimg .textbox .text{ padding: 60px 40px; } .index_jjfa .bgimg .textbox .text h1{ font-size: 40px; margin-bottom: 20px; } } @media(max-width:1440px){ .index_jjfa .bgimg .textbox{top: 100px;} .index_jjfa .bgimg .textbox .text{ padding: 45px 30px; } .index_jjfa .bgimg .textbox .text h1{ font-size: 36px; margin-bottom: 20px; } } @media(max-width:1280px){ .index_jjfa .bgimg .textbox{top: 80px;} .index_jjfa .bgimg .textbox .text{ padding: 30px 20px; } .index_jjfa .bgimg .textbox .text h1{ font-size: 30px; margin-bottom: 15px; } .index_jjfa .bgimg .list{ height: 120px; } .index_jjfa .bgimg .list li .img{ height: 70px; line-height: 70px; } .index_jjfa .bgimg .list li a p{font-size: 20px;} } @media(max-width:960px){ .index_jjfa .bgimg .Ispic{position: relative;min-height: 420px;} .index_jjfa .bgimg .list{position: absolute;} .index_jjfa .bgimg .textbox{top: 40px;} .index_jjfa .bgimg .textbox .text{background: rgba(255,255,255,.8);} .index_jjfa .bgimg .list li .img img{transform: scale(.8);} .index_jjfa .bgimg .list li a p{font-size: 18px;} .index_jjfa .bgimg .textbox .text h1{font-size: 20px;} .index_jjfa .bgimg{padding-bottom: 0;height: auto;} } .index_gywm{ background: url(../images/bg4.png)no-repeat center bottom #f5f8fa; padding: 4vw 0 8vw; position: relative; z-index: 2; } .index_gywm >.auto{ position: relative; padding-bottom: 80px; } .index_gywm .info{ margin: 42px auto; font-size: 16px; line-height: 30px; color: #444; } .index_gywm .more{text-align: center;} .index_gywm .more a{ display: inline-block; margin: 0 auto; font-size: 16px; color: #0096d3; padding-right: 15px; background: url(../images/left.png)no-repeat right center; } .guym_list{ position: absolute; bottom: -100px; left: 0; background: #fff; width: 100%; height: auto; z-index: 9; padding: 60px 0 40px; } .guym_list li{ width: 25%; float: left; list-style: none; position: relative; } .guym_list li:before{ position: absolute; content: ''; width: 1px; height: 110px; right: 0; top: 50%; margin-top: -55px; background: #efefef; } .guym_list li:last-child:before{ display: none; } .guym_list li h4{ margin: 0 auto; font-size: 60px; color: #0096d3; font-weight: normal; text-align: center; } .guym_list li h4 i{ font-style: normal; font-family: 'DIN-Bold'; } .guym_list li h4 span{ font-size: 24px; margin-left: 10px; } .guym_list li p{ font-size: 16px; color: #808080; margin: 0 auto; text-align: center; } .index_gywmbg{ position: relative; min-height: 500px; background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 3; } .index_gywmbg .auto{ position: relative; } .index_gywmbg .text{ position: absolute; width: 100%; height: auto; top: 45%; text-align: center; } .index_gywmbg .text h3{ font-size: 36px; color: #0096d3; margin: 0 auto 30px; } @media(max-width:960px){ .guym_list{ padding: 20px 0; } .guym_list li{ width: 50%; margin-bottom: 10px; } .guym_list li h4{ font-size: 30px; } .guym_list li:before{ height: 80px; margin-top: -40px; } .guym_list li:nth-child(2n):before{ display: none; } .guym_list{ position: relative; } .index_gywmbg{min-height: 300px;} .index_gywmbg .text h3{font-size: 20px;} .Floor0003 .list li aside{ font-size: 18px;} .guym_list{ bottom: auto; top: -100px; } } .mark{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; background:rgba(0,0,0,0.6); z-index: 999; display: none; } .markbox{ position: fixed; max-width: 95%; height: auto; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1000; display: none; } .markbox .close{ width: 60px; height: 60px; position: absolute; top: 0; right: 0; background: url(../images/close.png)no-repeat center; z-index: 99999; } .videobox{ max-width: 100%; width: 1000px; } .videobox video{ width: 100%; } .videobox a.play{ position: absolute; width: 53px; height: 53px; left: 50%; top: 50%; margin-top: -26.5px; margin-left: -26.5px; background: url(../images/play.png)no-repeat center; z-index: 99999; background-size: cover; } @media(max-width:960px){ .Floor0004 .text{width: 100%;padding: 30px 0 10px;} .Floor0004 .con .pic{ width: 100%; position: relative; } .Floor0004 .con .pic .Ispic{ position: relative; width: 100%; height: 0; padding-bottom: 100%; } .Floor0004{ background: #f3f9fd; } .Floor0004 .text .txt-dl{ padding-top: 30px; } .Floor0004 .text .txt-dl dl{ margin-bottom: 30px; } .Floor0004 .text .txt-dl dd{ margin-top: 10px; } .Bottom002743 .contact{ width: 100%; } .Bottom002743 .copyright aside{ float: none; } .home_title h1{ font-size: 24px; } .Floor0003 .list li a{ padding: 30px; } } .history_box2{ background: url(../images/bg6.jpg);background-size: cover; } .Timeline0027902 li{margin-top: 60px;position: relative;height:auto !important;} .Timeline0027902 li .conleft img{transition: transform .5s ease-in-out;} .Timeline0027902 li:hover .conleft img{ transform: scale(1.1); } .Timeline0027902 li .con figure{width: 100%;} .Timeline0027902 li .con{ background: url(../images/bg7.png)no-repeat center;background-size: 100% 100%; position: absolute; right: 0; top: 50%; /* margin-top: -8%; */ -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .Timeline0027902 li:after{display: none;} .Timeline0027902 li .txt h3{font-size: 24px;color: #fff;} .Timeline0027902 li .con .txt p{font-size: 18px;color: #fff;margin: 0;} .Timeline0027902 li .con .txt{width: 100%;padding-left: 10%;} .Timeline0027902 li:before{display: none;} .Timeline0027902 li .yeard { width: 104px; height: 104px; border-radius: 50%; position: absolute; left: 50%; margin-left: -52px; top: 50%; margin-top: -52px; content: ''; background: rgba(57,131,230,85); text-align: center; line-height: 104px; font-size: 34px; color: #fff; font-family: 'DIN-Bold'; } .Timeline0027902 li:hover .yeard:after{ width: 104px; height: 104px; content: ''; border: 1px #468be6 solid; border-radius: 104px; display: inline-block; animation: sonarEffect 2s ease-out 75ms infinite; position: absolute; left: 50%; top: 50%; margin-left: -52px; margin-top: -52px; } @keyframes sonarEffect{ 0% {opacity: 0.3;} 40% {opacity: 0.5;box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 20px 20px #468be6, 0 0 0 20px rgba(255, 255, 255, 0.5);} 100% {box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 20px 20px #468be6, 0 0 0 20px rgba(255, 255, 255, 0.5);transform: scale(1);opacity: 0;} } @-webkit-keyframes sonarEffect{ 0% {opacity: 0.3;} 40% {opacity: 0.5;box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 20px 10px #468be6, 0 0 0 20px rgba(255, 255, 255, 0.5);} 100% {box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 10px 20px #468be6, 0 0 0 20px rgba(255, 255, 255, 0.5);transform: scale(1);opacity: 0;} } @-moz-keyframes sonarEffect{ 0% {opacity: 0.3;} 40% {opacity: 0.5;box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 20px 10px #468be6, 0 0 0 20px rgba(255, 255, 255, 0.5);} 100% {box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 10px 20px #468be6, 0 0 0 20px rgba(255, 255, 255, 0.5);transform: scale(1);opacity: 0;} } .Timeline0027902 .year::before{ background: #0096d3; width: 14px; margin-left: -7px; height: 95%; top: 0; } .Timeline0027902 li .conleft{ width: 32%; float: left; position: relative; overflow: hidden; margin-left: 5%; } .Timeline0027902 li:nth-child(2n) .conleft{ float: right; margin-right: 5%; margin-left: 0%; } .Timeline0027902 li:nth-child(2n) .con .txt{ padding-left: 0; padding-right: 10%; } .Timeline0027902 li:nth-child(2n) .con{ background: url(../images/bg8.png)no-repeat center;background-size: 100% 100%; position: absolute; right: auto; left: 0; top: 50%; /* margin-top: -8%; */ -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .Timeline0027902 .top{ text-align: center; } .Timeline0027902 .top .topl{ display: inline-block; font-size: 160px; color: #000000; font-family: 'DIN-Bold'; } .Timeline0027902 .top .topr{ display: inline-block; text-align: left; font-family: 'DIN-Bold'; position: relative; } .Timeline0027902 .top .topr h3{ margin: 0; font-size: 60px; color: #333333; margin-bottom: 20px; } .Timeline0027902 .top .topr p{ margin: 0; font-size: 30px; color: #333333; position: relative; top: -8px; } .Timeline0027902 .top2{ margin: 0 auto; text-align: center; } .Timeline0027902 .top2 p{ padding: 12px 50px; background: #333333; display: inline-block; margin: 0; line-height: 24px; border-radius: 24px; font-size: 16px; color: #fff; } @media (max-width: 1024px){ .Timeline0027902 li .yeard{ display: none; } .Timeline0027902 li .con { width: 50%; float: left; padding: 20px; } .Timeline0027902 li .con{background: rgba(57,131,230,.5)!important;} .Timeline0027902 li .conleft{width: 40%;} .Timeline002790 li .txt{padding-right: 20px;} } .R_Products .pic{ position: relative; } .R_Products .pic .dian{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .R_Products .pic .dian li{ list-style: none; position: absolute; } .R_Products .pic .dian li .name{ width: 32px; height: 32px; background: #458ae5; line-height: 32px; font-size: 12px; color: #ffffff; border-radius: 50%; text-align: center; position: relative; z-index: 2; cursor: pointer; transition: transform .3s ease-in-out; z-index: 1; font-family: "Roboto"; } .R_Products .pic .dian li .name:before{ width: 100%; height: 100%; position: absolute; content: ''; left: 50%; top: 50%; margin-left: -16px; margin-top: -16px; z-index: 1; border-radius: 50%; } .R_Products .pic .dian li .name:after{ width: 40px; height: 40px; position: absolute; content: ''; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; z-index: 1; border-radius: 50%; z-index: 1; border: 4px solid rgba(93,153,232,0.2); } .R_Products .pic .dian li:hover .name:before{ animation: sonarEffect2 2s ease-out 75ms infinite; } @keyframes sonarEffect2{ 0% {opacity: 0.3;} 40% {opacity: 0.5;box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.1), 0 0 8px 8px #5d99e8, 0 0 0 8px rgba(255, 255, 255, 0.5);} 100% {box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.1), 0 0 8px 8px #5d99e8, 0 0 0 8px rgba(255, 255, 255, 0.5);transform: scale(1);opacity: 0;} } @-webkit-keyframes sonarEffect2{ 0% {opacity: 0.3;} 40% {opacity: 0.5;box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.1), 0 0 8px 8px #5d99e8, 0 0 0 8px rgba(255, 255, 255, 0.5);} 100% {box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.1), 0 0 8px 8px #5d99e8, 0 0 0 8px rgba(255, 255, 255, 0.5);transform: scale(1);opacity: 0;} } @-moz-keyframes sonarEffect2{ 0% {opacity: 0.3;} 40% {opacity: 0.5;box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.1), 0 0 8px 8px #5d99e8, 0 0 0 8px rgba(255, 255, 255, 0.5);} 100% {box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.1), 0 0 8px 8px #5d99e8, 0 0 0 8px rgba(255, 255, 255, 0.5);transform: scale(1);opacity: 0;} } .R_Products .pic .dian li:hover .name{ } .R_Products .pic .dian li .art{ width: 400px; background: rgba(93,153,232,0.9); padding: 40px; position: absolute; left: -184px; top: 40px; display: none; z-index: 2; } .R_Products .pic .dian li .art .img{ width: 100%; height: 0; padding-bottom: 56.25%; position: relative; } .R_Products .pic .dian li .art .img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .R_Products .pic .dian li .art:before{ width: 40px; height: 20px; content: ''; position: absolute; top: -8px; left: 50%; margin-left: -20px; background: url(../images/top.png)no-repeat center top; } .R_Products .pic .dian li .art p{ margin: -10px 0 0; font-size: 22px; color: #ffffff; font-weight: 600; margin-bottom: 20px; } .R_Products .pic .dian li.left .art{ left: 0px; } .R_Products .pic .dian li.left .art:before{ left: 16px; width: 32px; margin-left: -16px; } .R_Products .pic .dian li.right .art{ left: auto; right: 0; } .R_Products .pic .dian li.right .art:before{ left: auto; width: 32px; right: 0; } .R_Products2 .pic .dian li .name{ width: 40px; height: 40px; line-height: 40px; background: #fff; font-size: 14px; color: #0084ff; } .R_Products2 .pic .dian li .name:before{ margin-left: -20px; margin-top: -20px; } .R_Products2 .pic .dian li .name:after{ width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; border: 5px solid rgba(255, 255, 255, 0.2); } .R_Products2 .pic .dian li .art{ top: 50px; } .R_Products2 .pic .dian li .art{ left: -180px; } .R_Products2 .pic .dian li .art .img .swiper-container{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; } .R_Products2 .pic .dian li .art .img .swiper-container .swiper-button-next:after, .R_Products2 .pic .dian li .art .img .swiper-container .swiper-button-prev:after{ font-size: 16px; color: #b2b2b2; opacity: 1; } .R_Products2 .pic .dian li.left .art{ left: 0px; } .R_Products2 .pic .dian li.left .art:before{ left: 20px; width: 50px; margin-left: -25px; } .R_Products2 .pic .dian li.right .art{ left: auto; right: 0; } .R_Products2 .pic .dian li.right .art:before{ left: auto; width: 50px; right: -5px; } @media (max-width: 960px){ .R_Products .pic .dian li .art{ width: 300px; padding: 20px; } .R_Products .pic .dian li .art{ left: -134px; } .R_Products .pic .dian li .art{ left: -130px; } } /*details*/ #details .title {font-size: 24px; font-weight: normal; line-height: 1.5em; color:#222; text-align: center;margin-bottom: 15px; } #details h5{text-align: center;font-weight: normal;font-size: 16px;margin: 0 auto 2.5%;} /*entry*/ .entry {font-size:14px; line-height: 1.875em; color:#353535; margin-bottom: 3.5%; overflow: hidden;} .entry img {max-width: 100%; height: auto!important;} .entry ul, .entry ol {padding-left: 1em; margin-left: 2em;} .entry ul li {list-style: outside disc none;} .entry ol li {list-style: outside decimal none;} @media(max-width:1200px){ .Top002138 .header-menu li em{ padding: 26px 10px; } } @media(max-width:1024px){ .Banner002058 li .pic{ background-size: cover; background-position: center; } .Banner002058, .Banner002058 li, .Banner002058 li .pic, .Banner002058 li a{ height: 500px; } .RighInfo002807 .txt .info{ padding: 5% 2%; } .index_gywm .info{ line-height: 24px; } } @media(max-width:960px){ .Banner002058, .Banner002058 li, .Banner002058 li .pic, .Banner002058 li a{ height: auto; } .index_cpzx .list .art{ padding: 0; padding-right: 10px; } .index_gywm .info{ margin: 20px auto; } .Floor0003 .list ol .info{ padding: 3% 5% 3% 100px; } .PicList001886 dl .box{ padding-bottom: 3%; } .RighInfo002226 .ul li{ min-height: auto; margin-bottom: 15px; } .Banner002465 .owl-dots{ bottom: 60px; } .Bottom002743 .share{ margin-left: 50px; } .Banner002465 li h3{ display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 10px; font-size: 16px; } .about_data .ul_num li{ width: 33.333%; margin-bottom: 15px; } .about_data .ul_num li span{ font-size: 30px; } .about_data .ul_num{margin-top: 50px;} .aboutus2 .bg1{min-height: 400px;height: auto;padding-bottom: 10px;} .RighInfo003073 .box-2{background-size: cover;} .Timeline0027902 .top .topl{font-size: 60px;} .Timeline0027902 .top .topr h3{font-size: 30px;margin-bottom: 0px;} .Timeline0027902 .top .topr p{font-size: 16px;top: 0;} .Timeline0027902 li .txt h3{font-size: 18px;padding-bottom: 0;} .Timeline0027902 li .con{padding: 10px;border-radius: 0;border-top-right-radius: 0px;border-bottom-right-radius: 0px;} .Timeline0027902 li:nth-child(2n) .con{border-radius: 0;border-top-left-radius: 0px;border-bottom-left-radius: 0px;} .Timeline0027902 li .con .txt{padding-left: 0;padding-right: 0;} .Timeline0027902 li .con .txt p{font-size: 14px;line-height: 24px;} .TextList001230 li{width: 100%;margin-right: 0;} .column_tit h2{font-size: 20px;} .Map002516 .map #allmap, .Map002516 .map #allmap_1,.Map002516 .map #allmap_2{width: 100%;margin-bottom: 15px;height: 280px;} .joinus .ul li{padding: 20px;} .joinus .list dd{width: 100%;padding: 20px;} .joinus .ul li .ico{position: relative;margin: 0px auto 10px;top: 0;left: 0;display: block;max-width: 60px;max-height: 60px;} .joinus .ul li .txt{padding-left: 0;} .TextList001939 li time{ left: 15px; } .TextList001939 li .con{ padding-left: 100px; } .TextList001939 li .txt{ margin-left: -100px; } .Bottom002743 .contact li b{ font-size: 24px; } .Bottom002743 .contact li{ padding-bottom: 10px; } .column_tit h2{ padding-bottom: 15px; } .column_tit{padding: 0 2% 20px;} .Timeline0027902 li .conleft{margin-left: 0;width: 100%;text-align: center;} .Timeline0027902 li:nth-child(2n) .conleft{margin-right: 0;} .Timeline0027902 li:nth-child(2n) .con, .Timeline0027902 li .con{width: 100%;top: auto;margin-top: 0;position: relative;transform: translateY(0);} .Timeline0027902 li .con .txt p{line-height: 20px;-webkit-line-clamp: 3;} .Timeline0027902 li{margin: 30px auto;} .Timeline0027902 .top2 p{padding: 12px 20px;} .RighInfo003073 .box-2 .y-1 .row{width: 100%;} .RighInfo002807 .txt{padding-top: 0;} .RighInfo002226 .ul li .h2{padding-top: 0;margin: 5px;} .home_title{margin-bottom: 20px;} .R_Products .pic .dian li .name{ width: 24px; height: 24px; line-height: 24px; font-size: 10px; } .R_Products .pic .dian li .name:before{ margin-left: -12px; margin-top: -12px; } .R_Products .pic .dian li .name:after{ width: 30px; height: 30px; margin-left: -15px; margin-top: -15px; } .PicList002149 ol .Ispic{ background-image: none!important; padding-bottom: 0; } .TextList001202 dl.A p{ max-height: 72px; } .index_jjfa .bgimg .textbox .text.aon{ margin-left: 0; } } /* 20210608 */ .header-menu li { position: unset; } .header-menu li:hover .sub { opacity: 1; z-index: 1; height: auto; padding-top: 50px; padding-bottom: 50px; } .header-menu li .sub { width: 100%; position: absolute; left: 0; opacity: 0; z-index: -1; background: rgba(244, 244, 244); height: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .header-menu li .sub dl { width: 140px; float: left; } .header-menu li .sub dl dt { float: none; display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden; } .header-menu li .sub dl dt a { display: inline-block; font-size: 16px; line-height: 30px; color: #666666; position: relative; } .header-menu li .sub dl dt a:hover:before, .header-menu li .sub dl dt a.aon:before { background: #0096d3; } .header-menu li .sub dl dt a:before { content: ''; position: absolute; width: 100%; height: 2px; background: transparent; left: 0; bottom: 0; } .header-menu li .sub dl dt a:after { display: none!important; } .header-menu li .sub .art { width: calc(100% - 550px); float: left; } .header-menu li .sub .art .h2 { font-size: 24px; color: #333333; } .header-menu li .sub .art p { font-size: 14px; color: #444; line-height: 28px; } .header-menu li .sub .art a { font-size: 14px; color: #0096d3; } .header-menu li .sub .imgbox { float: right; width: 370px; height: 220px; } .header-menu li .sub .imgbox img { width: 100%; height: 100%; } @media (max-width: 1024px) { .Top002138 #header-menu li .sub .art, .Top002138 #header-menu li .sub .imgbox { display: none; } } @keyframes waveMove1 { 0% {background-position: 0px 80%;} 50% {background-position: 0px 100%;} 100% {background-position: 0px 80%;} } @keyframes waveMove2 { 0% {background-position: 0px 80%;} 50% {background-position: 0px 150%;} 100% {background-position: 0px 80%;} } .index_cpzx { animation: waveMove1 5s linear infinite; } .index_gywm { animation: waveMove2 5s linear infinite; } @media(max-width:768px){ .aboutusbox .txt p{text-align: justify;} }