body{font-family: "Arial";user-select: text;} /*Top002070 */ .Top002070{width:100%; background-color:#fff;z-index:100;} .Top002070 .auto{position: relative} .Top002070 .header-left{position:absolute; top:50%; left:0; transform:translateY(-50%); width:40%; max-width:110px;} .Top002070 .header-right{position:absolute; top:50%;right:0;margin-top:-20px; z-index: 101;} .Top002070 .header-right dd{position:relative; float:left; border: 1px solid #d5d5d5; border-radius: 50%;} .Top002070 .header-right dd >a{display:block;height:40px; line-height:40px;} @media(min-width:1025px){.Top002070 .header-mid{margin-right:80px; margin-left:19%;}} .Top002070 .open-search{width:40px; background:url(../images/Top002070-search_btn.png) no-repeat center center;} .Top002070 .search-box{position:absolute; width:0; overflow:hidden; right:0; top:0; background:#eee; transition:0.3s; opacity:0;} .Top002070 .search-box .text{width:100%; background:none; height:40px; border:none; line-height:40px; padding:0 40px 0 10px;} .Top002070 .search-box .btn{position:absolute; right:0; top:0; height:100%; width:40px;background:url(../images/Top002070-search_btn.png) no-repeat center center ;} .Top002070 .top-search-on .search-box{width:200px; opacity:1;} .Top002070 .header-menu li{width: auto !important} .Top002070 .header-menu li em{line-height:76px; font-size:17px;position:relative; z-index: 100;padding: 0 20px ;} .Top002070 .header-menu li em a{transition:0.3s; border-bottom: 3px solid transparent; position: relative;font-weight: bold;} .Top002070 .header-menu li:hover em a, .Top002070 .header-menu li.aon em a{color: #328dea;} .Top002070 .header-menu li.aon em a:after{content: ""; display: block; position: absolute; left: 0; bottom: 15px; width: 100%; height: 2px; background: #328dea;} .Top002070 .header-menu li .sub{background:rgba(0,0,0,0.2)} .Top002070 .header-menu li .sub dt{border-top: 1px solid transparent;} .Top002070 .header-menu li .sub dt a{text-align:center; color:#fff;} .Top002070 .header-menu li .sub dt a:hover{border-bottom: 1px solid #fff; background: none;} .Top002070 .header-menu #m18 .sub{display: none !important;} .Top002070 .header-menu #m24 .sub{display: none !important;} @media(max-width:1400px){ .Top002070 .header-menu li em{font-size:14px;padding: 0 20px ;} .Top002070 .header-left{ left:2%; width:20%; max-width:74px;} .Top002070 .header-mid{margin-left:13%;} } @media(max-width:1200px){ .Top002070 .header-menu li em{padding: 0 12px ;} } @media(max-width:1024px){ .Top002070 .header{margin:0 2%; height:80px;} .Top002070 .header-right{z-index:101; right:2%;} .Top002070 .Public_nav_style #open_menu{position:relative; right:0; top:auto; margin-left:10px; border-radius:0; background:#17469d; height:32px; border:none; margin-top:4px;} .Top002070 #open_menu i::before, .Top002070 #open_menu i::after{background:#fff !important;} .Top002070 #open_menu i{background:#fff; height:3px; margin-top:-1.5px;} .Top002070 #header-menu ul{padding:0; border-top:82px solid #fff; background:rgb(23, 70, 157);} .Top002070 #header-menu li{text-align:center;} .Top002070 #header-menu li em a{padding:5%; font-weight:normal; line-height:normal;} .Top002070 #header-menu li .sub dt{margin-bottom:1px; background:rgba(0,0,0,0.3);} .Top002070 #header-menu li .sub dt a{border-bottom:0;} .Top002070 #header-menu #m18.has-sub em::before{display: none;} .Top002070 #header-menu #m24.has-sub em::before{display: none;} } /*Banner002058 */ .Banner002058{position:relative; z-index:1;} .Banner002058 .bx-viewport{z-index:1;} .Banner002058 li a, .Banner002058 li{height:750px;} .Banner002058 li{background-position: center top; background-repeat:no-repeat;} .Banner002058 li a{position:relative; display:block;} .Banner002058 li img{display:none;} .Banner002058 .bx-controls-direction a{z-index:10;position:absolute; width:49px; height:49px; overflow:hidden; line-height:1000px; top:50%; transform:translateY(-50%); background:url(../images/Banner002058-btn_left.png) no-repeat center center; background-size:contain; display: none} .Banner002058 .bx-controls-direction a.bx-prev{left:2%;} .Banner002058 .bx-controls-direction a.bx-next{right:2%; background-image:url(../images/Banner002058-btn_right.png);} .Banner002058 .bx-controls-direction a.bx-prev:hover{background-image:url(../images/Banner002058-btn_lefton.png);} .Banner002058 .bx-controls-direction a.bx-next:hover{background-image:url(../images/Banner002058-btn_righton.png);} .Banner002058 .bx-pager{position:absolute; left:0; bottom:8%; text-align:center; width:100%; z-index:10;} .Banner002058 .bx-pager *{width:28px; height:4px;} .Banner002058 .bx-pager div{display:inline-block;margin:0 3px;} .Banner002058 .bx-pager div a{display:block; line-height:100px; overflow:hidden; background:rgba(255,255,255,0.3);} .Banner002058 .bx-pager div a.active{background:#fff;} @media(max-width:1000px){.Banner002058 li a, .Banner002058 li{height:auto;} .Banner002058 li{background:none !important;} .Banner002058 li img{display:block; width:100%;}} .home_title{margin-bottom: 30px;} .home_title span{font-size:46px;font-weight: bold; font-family:Arial, Helvetica, sans-serif ; text-transform: uppercase; color:rgba(0,0,0,0.07); letter-spacing: -2px} .home_title h1{font-size: 34px;font-weight: normal; margin: 0; position: relative; margin-top:0px} .home_title h1:after{content: ""; display: block; width:60px;height: 3px; background: #17469d; margin-top: 30px;} /* .Floor000891 为demo编号 */ .Floor000891{padding:3.5% 0; background: #fff;position: relative} .Floor000891 .auto{position: relative;z-index: 10} .Floor000891 .intro{float:right; width:50%;padding-top: 20px} .Floor000891 .intro .info{line-height:30px; font-size: 15px; line-height: 32px;} .Floor000891 .img{width:43%; float:left;background: url(../images/1bg.jpg) no-repeat 12px 12px;padding:0 12px 12px 0;} .Floor000891 .more{display: inline-block;width: 220px; height: 40px;color: #fff;text-align: center;line-height: 40px;font-size: 14px; background:url(../images/more.png); margin-top: 20px;} .Floor000891 .more:hover{background-color:#f4a60f; color:#fff;} @media(max-width:768px){.Floor000891 .intro, .Floor000891 .img{float:none; width:auto;} .Floor000891 .img{text-align:center;}} /* .Floor001739 为demo编号 */ .Floor001739{background:url(../images/bg.jpg); padding:5.5% 0; background-size: cover} .Floor001739 .auto{padding-left: 18%; position: relative} .Floor001739 .home_title{position: absolute; left: 0px; top:-20px; z-index: 12; margin: 0} .Floor001739 .home_title span{color:rgba(255,255,255,0.1)} .Floor001739 .home_title h1{color: #fff} .Floor001739 .home_title h1:after{background: #fff} .Floor001739 li{float:left; position:relative; margin-right:24%;} .Floor001739 li:after{content:""; display: block; position: absolute; right: -130px ;top: 10%; width: 1px;height: 80%; background: rgba(255,255,255,0.2);transform:rotate(30deg);} .Floor001739 li:last-child:after{display: none} .Floor001739 li:last-child{margin-right: 0} .Floor001739 li a{display: block; position: relative} .Floor001739 li figure{max-width:110px; float: left} .Floor001739 li figure img{} .Floor001739 li figure .hover{display:none;} .Floor001739 li .hover{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; display: none} .Floor001739 li .hover h1{font-weight: normal; margin: 0 0 10px 0; color: #fff} .Floor001739 li .hover p{color: rgba(255,255,255,0.8); line-height: 24px;} .Floor001739 li:hover .text, .Floor001739 li:hover figure{opacity: 0} .Floor001739 li:hover .hover{display: block} .Floor001739 li .text{float: left; margin-left:5px; padding-top:30px; overflow: hidden} .Floor001739 li .text h3{font-size:26px; color: #fff; font-weight: normal; margin:5px 0} .Floor001739 li .text h2{display: block; margin: 0; color: #fff; text-transform: uppercase; font-family: din,Arial, Helvetica, sans-serif ; font-weight: lighter; font-size: 14px;color: rgba(255,255,255,0.4);} .Floor001739 li .text h2 span{font-size:16px; color: rgba(255,255,255,0.8); position: relative; border: 1px solid rgba(255,255,255,0.2); width: 30px; height: 30px; line-height: 30px; border-radius: 50%; margin-right: 5px; display: inline-block; text-align: center} .Floor001739 li .text span::after{position:absolute; content:''; width:120px;left:35px; top:25px; height:1px; background: rgba(255,255,255,0.2)} @media(max-width:860px){ .Floor001739 .home_title{position:static; left: 0px; top:0; z-index: 12; margin: 0} .Floor001739 .auto{padding:0 2%;} } @media(max-width:1400px){ .Floor001739 .home_title{ left:2%; } .Floor001739 li{margin-right:20%;} } @media(max-width:768px){ .Floor001739 li{width:50%; margin-right:0;} .Floor001739 li:after{display:none;} } @media(max-width:520px){ .Floor001739 li .text{ padding-top: 10px;} } /* .Floor002439 为demo编号 */ .Floor002439{padding:3% 0 4%; background:url(../images/Floor002439-bj.jpg) no-repeat center;} .Floor002439 .auto{overflow: hidden;} .Floor002439 .home_title{text-align: center} .Floor002439 .home_title h1:after{margin:20px auto 50px} .Floor002439 .list{padding-top: 15px; margin: 0 -3%;} .Floor002439 .list .item{float: left; width: 33.3334%;transform: skewX(-15deg);overflow: hidden;} .Floor002439 .list .item a{display: block; width: 100%; position: relative;} .Floor002439 .list .item a .bg{position: absolute; top: 0; left:-10%; width: 120%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover;transform: skewX(15deg);} .Floor002439 .list .item .word{padding:14% 5% 14% 15%; color: #fff; position: relative; z-index: 3; transform: skewX(15deg); height: 250px;} .Floor002439 .list .item:nth-child(1) .word{padding:14.2% 5% 14.2% 16%;} .Floor002439 .list .item .word .pic{width: 41px;} .Floor002439 .list .item .word h3{margin:5% 0 3%; font-size: 20px;} .Floor002439 .list .item .word p{margin: 0; line-height: 20px; height: 40px; overflow: hidden; font-size: 14px;} .Floor002439 .list .item .hover{width: 120%; height: 100%; background: rgba(23,70,157,0.95); position: absolute; padding:45px 140px; display: none; z-index: 3; top: 0; left:-10%;transform: skewX(15deg);} .Floor002439 .list .item .hover p{margin: 0; line-height: 26px; font-size: 14px; color: #fff} .Floor002439 .list .item:hover .hover{display: block} @media(max-width:1400px){ .Floor002439 .list{ margin:0;} .Floor002439 .list .item{transform: skewX(0deg);} .Floor002439 .list .item a .bg{transform: skewX(0deg);} .Floor002439 .list .item .word{transform: skewX(0deg); } } @media(max-width:768px){ .Floor002439 .list .item{ width:50%;} } @media(max-width:560px){ .Floor002439 .list .item{ width:100%;} } /* .Floor000704 为demo编号 */ .Floor000704{padding:3% 0; background:#fff;} .Floor000704 .home_title{text-align: center} .Floor000704 .home_title h1:after{margin:20px auto 50px} .Floor000704 .con{padding: 0 60px;position: relative;} .Floor000704 .swiper-button-next,.Floor000704 .swiper-button-prev{width: 20px; height: 30px; background-size: 80%; margin-top: -10px} .Floor000704 li{float:left;} .Floor000704 li div{padding:0 10%;} .Floor000704 li a{display:block; padding-bottom:100%; background-repeat:no-repeat; background-position: center center; background-size:contain; position:relative; background-color:#fff;} /*Bottom002626 */ .Bottom002626{background:#2d3947; padding:3% 0;} .Bottom002626 .bottom{padding-bottom:3%; position:relative;} .Bottom002626 .contact{position:absolute; right:0; top:0;} .Bottom002626 .contact dd img{width:150px; display:block;} .Bottom002626 .contact dt{color:rgba(255,255,255,1); text-align:right; padding-right:20px; font-size: 16px;} .Bottom002626 .contact dt span{background: url(../images/bottom_phone.png) no-repeat left;padding-left: 25px} .Bottom002626 .contact dt aside{color:#fff; font-size:32px; font-family:Arial, Helvetica, sans-serif; margin: 10px 0} .Bottom002626 .contact .bdsharebuttonbox{display:inline-block;} .Bottom002626 .contact .bdsharebuttonbox a{float:left; width:40px; height:40px; border-radius:50%; border:1px solid rgba(255,255,255,0.2); background:url(../images/Bottom002626_share.png) no-repeat left center; margin:0 10px 0 0;} .Bottom002626 .contact .bdsharebuttonbox a.bds_weixin{background-position:-50px center;} .Bottom002626 .contact .bdsharebuttonbox a.bds_tsina{background-position:-100px center; margin-right:0;} .Bottom002626 .bottom nav dl{float:left;margin-right: 4%;} .Bottom002626 .bottom nav dl:nth-child(8){margin-right: 0;} .Bottom002626 .bottom nav dl:last-child{width:auto;} .Bottom002626 .bottom nav dt{padding-bottom: 16px;} .Bottom002626 .bottom nav dt a{color:#fff; font-size:16px; margin-bottom:5%;} .Bottom002626 .bottom nav dd{line-height:32px;} .Bottom002626 .bottom nav dd a{color:#fff; opacity:0.5;} .Bottom002626 .bottom nav dd a:hover{opacity:1;} .Bottom002626 footer{border-top:1px solid rgba(255,255,255,0.1);} .Bottom002626 footer .auto{position: relative; padding-top:2%;} .Bottom002626 footer .auto:after{content: ""; display: block; position: absolute; left: 0px; top: -12px; width: 32px; height: 21px; background: url(../images/nnn.png) no-repeat} .Bottom002626 .copyright{float:left; width:100%;color:#6163ab;} .Bottom002626 .copyright dt{float: left} .Bottom002626 .copyright dt a{color:rgba(255,255,255,0.3);} .Bottom002626 .copyright dd a{color:rgba(255,255,255,0.3);} .Bottom002626 .copyright dt a::after{display:inline-block; content:''; width:1px; height:12px; vertical-align:middle; margin:0 10px; background:rgba(255,255,255,0.2);} .Bottom002626 .copyright dt a:last-child::after{display:none;} .Bottom002626 .copyright dd{float: right;color:rgba(255,255,255,0.3);} .Bottom002626 .copyright dd span{color:rgba(255,255,255,0.3);} .Bottom002626 .copyright dd span a{color:rgba(255,255,255,0.3);text-decoration:underline;} .Bottom002626 .copyright a:hover{color:#fff;} @media(max-width:1480px){ .Bottom002626 .contact{position:relative; width:300px;margin:0 auto;} .Bottom002626 .bottom nav dl{margin-right:6%;} } @media(max-width:1360px){ .Bottom002626 .bottom nav dl{margin-right:5%;} } @media(max-width:1280px){ .Bottom002626 .contact dt aside{font-size:24px;} } @media(max-width:1100px){ .Bottom002626 .bottom nav{display:none;} } @media(max-width:768px){ .Bottom002626 .copyright dt, .Bottom002626 .copyright dd{float:none; text-align: center;} .Bottom002626 .links, .Bottom002626 .copyright{float:none; width:auto;} .Bottom002626 .copyright{padding-top:3%;}} /*Banner002167 */ .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%); margin-left: -50px;} .Banner002167 aside:after{content: ""; display: block; width: 30px; height: 2px; background: #fff; margin-top: 10px;} @media(max-width:1400px){ .Banner002167 aside{margin-left:0px;} } @media(max-width:1000px){ .Banner002167 div{display:none;} .Banner002167 img{display:block; width:100%;} } @media(max-width:640px){ .Banner002167 aside{font-size:24px;} } /* .Menu002252 为demo编号 */ .Menu002252{padding:10px 0; text-align:center; overflow:hidden;} .Menu002252 a{font-size:16px; display: block;background:#e9e9e9; padding: 10px; margin-bottom: 1px;transform: skewX(-12deg);} .Menu002252 a.aon, .Menu002252 a:hover{color:#fff; background-color:#18469e;} @media(min-width:768px){ .Menu002252{padding:25px 0 10px;} .Menu002252 a{display:inline-block; line-height:30px; padding:0 15px; min-width:115px; overflow:hidden; margin:0 5px} } @media(min-width:1024px){ .Menu002252{padding:30px 0;} .Menu002252 a{display:inline-block;line-height:36px; padding:0 20px;background:#e9e9e9; min-width:130px;} } @media(max-width:768px){ .Menu002252 a{transform: skewX(0deg);} } /*Singlepage*/ .Singlepage{padding:1% 0 3% 0} .Singlepage p{font-size: 14px;line-height: 28px; color: #444;} .Singlepage .about .part2{padding: 50px 50px; background:url(../images/v.png) bottom; margin-top: 20px; text-align: center} .Singlepage .about .part2 p{font-size: 14px; color: #fff;} .Singlepage .about .part2 p span{font-size:22px;margin-bottom:10px; display: inline-block} @media(max-width:768px){ .Singlepage .about img{float: none !important; margin: 0; margin: 0 auto; display: block; } } /* .PicList002525 */ .PicList002525{ padding: 3% 0 0;} .PicList002525 ul{overflow: hidden; margin: 0 auto; max-width: 1400px;} .PicList002525 li{float: left; position: relative; background: #F7F7F7; margin-bottom: 3%; padding: 2%; list-style: none; } .PicList002525 li:last-of-type{margin-bottom: 0;} .PicList002525 li a{display: block;} .PicList002525 li .Ispic{float: left; width: 50%; padding-bottom: 20%; background-size: contain; background-color: #fff; border: 1px solid #eee;} .PicList002525 li .txt{float: right; width: 50%; padding: 4% 6% 0;} .PicList002525 li h2{margin: 0; padding: 0 0 3%; font-size: 20px; color: #333; font-weight: normal;} .PicList002525 li span{padding-bottom: 5px; color: #18469e;} .PicList002525 li p{font-size: 13px; color: #666; line-height: 1.8; text-align: justify; height: 120px; overflow: hidden;} .PicList002525_2{ padding-top:0;} .PicList002525_2 .btn{ display:block; margin-top:8%;} .PicList002525_2 .btn a{ display:inline-block; padding:10px 40px; background:#18469e; color:#fff; margin-right:3%;} .PicList002525_2 .btn a:last-child{ background:none; border:1px #18469e solid; color:#18469e;} @media(min-width:769px){ .PicList002525 li{width: 100%;} .PicList002525 li:nth-child(2n){margin-right: 0;} } @media(max-width:768px){.PicList002525 li{width: 50%;}} /*Page002046 */ .Page002046 .Pages{text-align:center; padding:2% 0 3%;} .Page002046 .Pages a{display:inline-block; vertical-align:middle;border:1px solid #ececec; padding:0 15px; line-height:38px; color:#999; background: #fff} .Page002046 .Pages a:hover, .Page002046 .Pages a.a_cur{background-color:#17469d; 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_cur, .Page002046 .Pages .p_count, .Page002046 .Pages .p_jump, .Page002046 .Pages .p_total{display:none;} .Page002046 .Pages .a_prev, .Page002046 .Pages .a_next{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-image:url(../images/Page002046-a_next.gif);} @media(max-width:640px){.Page002046 .Pages .a_first, .Page002046 .Pages .a_end{display:none;}} @media(max-width:480px){.Page002046 .Pages a{padding:0 5px;}} /* .Floor000704 为demo编号 */ .ROS{padding:3% 0; background:#fff;} .ROS .auto{position: relative} .ROS .title{padding:3% 0; background:#fff; position: absolute; left: 0; top: 50px} .ROS .title span{font-family:din,Arial, Helvetica, sans-serif ; text-transform: capitalize; color:#c5d3ee; letter-spacing: -2px; font-size:66px; line-height: 60px; font-weight: bold; position: relative} .ROS .title span:after{content: ""; display: block; width: 50px; height: 5px; background: #c5d3ee; margin-top: 20px;} .ROS li{background: #f5f5f5; width: 33.3334%; float: left; background-position:center right; background-repeat: no-repeat;} .ROS li .con{padding-top:50px; padding-left: 70px; font-size: 24px} .ROS li .con h1{font-size: 24px; font-weight: normal; } .ROS li .con h1 img{display: block; width: 45px; height: 45px;} .ROS li .con p{font-size: 12px; font-weight: normal; width: 80%; line-height: 22px;} .ROS li:nth-child(2) .con p{color: rgba(255,255,255,0.7)} .ROS li:nth-child(2) .con{color: #fff} .ROS li:nth-child(3) .con p{width: 50%;color: rgba(255,255,255,0.7)} .ROS li:nth-child(3) .con h1{color: #fff} .ROS li .con span{width: 37px; height: 11px; background: url(../images/more2.png); display: block; margin-top: 30px;} .ROS li:nth-child(2) .con span, .ROS li:nth-child(3) .con span{background: url(../images/more3.png)} .ROS li a{height: 100%;height: 350px; display: block} .ROS li:first-child{margin-left: 33.3334%} .ROS li:last-child{width: 100%; background: #eee} @media (max-width: 1400px){ .ROS .title{left: 2%;} } @media (max-width: 1000px){ .ROS .title{position: static;} .ROS li, .ROS li:first-child{margin-left:0; width: 100%; background-size: cover;} .ROS li:last-child{background-size: cover;} .ROS li:nth-child(3) .con p{font-size: 12px; font-weight: normal; width: 80%; line-height: 22px;} } .casebj{background: url(../images/bg2.jpg);} /* ..Bottom002626 .bottom nav dt */ .Floor001388{padding:2% 0 4% 0; overflow: hidden; } .Floor001388 .list_con{min-height: 350px; background: rgba(24,70,158,0.9)} .Floor001388 .list_con .Ispic{display: block; padding-bottom: 25%; float:left; width: 50%;} .Floor001388 .list_con .txt{float:left;width:50%; position:relative; padding: 50px 60px; min-height: 350px} .Floor001388 .list_con .txt h2{background:url(../images/Floor001388_tit.png) no-repeat left center; font-weight:normal; font-size:24px; color: #fff} .Floor001388 .list_con .txt h2 a{color: rgba(255,255,255,0.8)} .Floor001388 .list_con p{line-height:30px; font-size:14px; overflow:hidden;color: rgba(255,255,255,0.7)} .Floor001388 .list_con .more{width: 70px; height: 19px; display: block; background: url(../images/more4.png); margin-top: 30px;} .Floor001388 .list_con .txt::after{position:absolute; right:10px; bottom:10px; content:"" ; display: block; width:96%; height:1px; background: rgba(255,255,255,0.1)} .Floor001388 .list_con .txt::before{position:absolute; right:10px; bottom:11px; content:"" ; display: block; width:1px; height:94%; background: rgba(255,255,255,0.1)} @media (max-width: 1000px){ .Floor001388 .list_con .Ispic{width:48%; padding-bottom:34%; } .Floor001388 .list_con .txt{float:right; width:48%; margin-left:0;} .Floor001388 .list h1{left:0; top:100%; width: 100%;} .Floor001388 .list h1 span{float:left; width:25%; padding:2%;} .Floor001388 .list h1 span::before{left:0; top:6px; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #fa7d02;} .Floor001388 .list_con .txt::after{display:none;} .Floor001388 .list_con .txt h2{padding-left:36%; margin:5% 0;}} @media (max-width: 768px){ .Floor001388 .list_con .Ispic{float:none; width:100%;padding-bottom:50%; } .Floor001388 .list_con .txt{float:none; width:100%;} } @media (max-width: 320px){ .Floor001388 .list_con .txt h2{padding-left:0; background:none; text-align:center;} } .Floor001388_1 dl{display:table; width:100%;background:url(../images/Floor001388_1_bg.png) no-repeat;padding:2%; margin-bottom: 3%;background: #f8f8f8;} .Floor001388_1 dl:nth-child(2n){background:url(../images/Floor001388_1_bg2.png) no-repeat;background: #f8f8f8;} .Floor001388_1 dl dt, .Floor001388_1 dl dd{display:table-cell; vertical-align:middle;} .Floor001388_1 dl dd{padding-left: 2%;} .Floor001388_1 dl dd h2{ margin-top: 0; } .Floor001388_1 dl dt{width:49%;background: #f8f8f8;} .Floor001388_1 dl dt .Ispic{padding-bottom: 50%;} .Floor001388_1 dl dt img{width:90%;} .Floor001388_1 dl span{ padding-top: 10px; color: #18469e;} .Floor001388_1 dl:nth-child(2n) dt{text-align:right;} .Floor001388_1 dl h2{font-size:16px; margin:0;} .Floor001388_1 dl h3{color:#18469E;} .Floor001388_1 dl h3 em{font-style: normal;font-size: 18px;font-family:din,Arial, Helvetica, sans-serif ;} .Floor001388_1 .list_con dl p{line-height:24px; height:72px;overflow:hidden; padding-right:3%; color: #666;} .Floor001388_1 dl time{display: block;position: relative;} .Floor001388_1 dl time a{ color: #fff;} .Floor001388_1 dl time i{font-style: normal; background: #18469e; padding:5px 20px; border-radius: 20px;} .Floor001388_1 dl time span{display: inline-block;content: '';width:25px;height:24px;background: url(../images/more5.png) no-repeat center center;position:absolute;right:5%;text-align: right;} @media (max-width:768px){ .Floor001388_1 dl{background:url(../images/Floor001388_1_bg.png) repeat; padding:5%;background: #f8f8f8;} .Floor001388_1 dl:nth-child(2n){background:url(../images/Floor001388_1_bg2.png) repeat;background: #f8f8f8;} .Floor001388_1 dl dt{width:100%;background: #f8f8f8;} .Floor001388_1 dl dt, .Floor001388_1 dl dd{display:block; vertical-align:middle;} } .Floor001388_2{ background:#fff;} .Floor001388_2 .list_con { background:#fff;} .Floor001388_2 .list_con dl dd{ padding:20px 10px; border-bottom: 1px solid #e3e3e3;position:relative;} .Floor001388_2 .list_con dl dd a{display:block; padding: 0 75px 0 20px; background: url(../images/TextList001398_dow.png) 0 50% no-repeat; font-size: 16px; color: #3d3d3d;} .Floor001388_2 .list_con dl dd a:hover{color: #18469e;} .Floor001388_2 .list_con dl dd span{width:auto; height: 30px; line-height: 30px; position: absolute; top: 0; font-size: 12px; background: #18469e; color: #fff; padding: 0 10px; margin-top:10px; } .Floor001388_2 .list_con dl dd .btn{ right: 10px;} .Floor001388_2 .list_con dl dd .btn2{ right:120px; border:1px #18469e solid; color:#18469e; background:none;} .Floor001388_2 .list_con dl dd:nth-child(2n){background: #f2f2f2;} .Floor001388_3{ padding-top: 3%;} /*Menu002662 */ .Menu002662{text-align:center; padding:3% 0 0 0; background: #f5f5f5} .Menu002662 ul li:first-child{border-radius:6px 0 0 6px ; overflow: hidden} .Menu002662 ul li:last-child{border-radius:0 6px 6px 0 ; overflow: hidden} .Menu002662 ul li{padding:0} .Menu002662 ul li a{display:block; background:#fff; color:#333333;padding:0 30px; line-height:45px; font-size:16px; text-transform:uppercase;} .Menu002662 ul li a:hover, .Menu002662 ul li.aon a{background:#446cb5; color:#fff;} @media(max-width:1024px){.Menu002662 .columnname{font-size:36px;} .Menu002662 ul{display:block;} .Menu002662 ul li{padding:0 10px; float:left;} .Menu002662 ul li a{font-size:14px;}} @media(max-width:640px){.Menu002662 .columnname{font-size:20px;} .Menu002662 ul li{float:left; width:33.333333%; padding:1px;} .Menu002662 ul li a{font-size:12px; padding:0; text-align:center;}} /*Floor001844 */ .Floor001844{padding:4% 0;} .Floor001844 .home_title{text-align: center;} .Floor001844 .home_title h1:after{margin:20px auto 50px} .Floor001844 .link{position:relative;} .Floor001844 .link i{display:none; position:absolute; left:0; top:33%; width:100%; height:1px; background-color:#f1f1f1; z-index:2;} .Floor001844 .link b{display:none; position:absolute; left:0; top:67%; width:100%; height:1px; background-color:#f1f1f1; z-index:2;} .Floor001844 .link dd{float:left; width:10%; padding:20px 0; border-right:1px solid #f1f1f1;} .Floor001844 .link dd:nth-child(10n){border-right:0;} .Floor001844 .link dd a{display:block; padding-bottom:75%; background-size:contain;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6; transition:0.3s;} .Floor001844 .link dd a img{display:none;} @media(max-width:640px){ .Floor001844 .link dd{width:20%;} } @media(max-width:1000px){ .Floor001844 .bx-wrapper{max-width:640px !important; margin:0 auto;} .Floor001844 .team, .Floor001844 .link{float:none; width:auto;} .Floor001844 .team{padding-bottom:5%;} } @media(max-width:480px){ .Floor001844 .link dd{width:50%;border-bottom:1px solid #f1f1f1;border-right:0; position:relative;} .Floor001844 .link dd:nth-child(2n)::before{position:absolute; content:''; left:0; top:0; height:100%; width:1px; background-color:#f1f1f1;} .Floor001844 .link i{top:auto; bottom:0; background-color:#f1f1f1;} } /****人才招聘 .TextList000658 为demo编号 */ .TextList000658{padding-top:3%;} .TextList000658 .list{padding-bottom:1px;} .TextList000658 .list h1.title{font-size:18px; background-color:#f2f2f2; margin:0; padding:16px 0 16px 16px; font-weight:normal; position:relative; cursor:pointer; line-height:25px;} .TextList000658 .list h1.title time{float:right; padding-right:74px; font-size:14px; color:#ccc;position:relative;} .TextList000658 .list h1.title::before{width:23px; height:23px; background-color:#e5e5e5; border-radius:50%; position:absolute; content:''; right:20px; top:50%; margin-top:-11px;} .TextList000658 .list h1.title time::before, .TextList000658 .list h1.title time::after{position:absolute; content:''; background-color:#b3b3b2;top:50%;} .TextList000658 .list h1.title time::before{width:12px; height:2px; right:25px; margin-top:-1px;} .TextList000658 .list h1.title time::after{width:2px; height:12px; margin-top:-6px; right:30px;} .TextList000658 .list h1#on{background-color:#104097; color:#fff;} .TextList000658 .list h1#on time{color:#fff;} .TextList000658 .list h1#on::before{background-color:#fff;} .TextList000658 .list h1#on time::after{display:none;} .TextList000658 .list h1#on time::before{background-color:#b3b3b2;} .TextList000658 .con{padding:3%; display:none;} .TextList000658 .info{line-height:25px; padding-bottom:2%;} .TextList000658 .apply a{display:inline-block;color:#104097; font-size:16px;} @media(max-width:640px){.TextList000658 .list h1.title{font-size:15px;} .TextList000658 .list h1.title time{padding-right:54px; font-size:12px;} .TextList000658 .apply a{font-size:14px;}} /****联系方式 .Floor001318 为demo编号 */ .Floor001318{padding:3% 0;} .Floor001318 .auto{background-color:#f5f5f5;padding:3%;} .Floor001318 .map{overflow:hidden; position:relative; clear:both;} .Floor001318 .list{float:right; width:25.8%;} .Floor001318 #all_map_1318{position:absolute !important; left:0; top:0; width:69.8%; height:100%; border:#ccc solid 1px;} .Floor001318 #all_map_1318 *{box-sizing:content-box;} .Floor001318 #all_map_1318 img{max-width:none;} .Floor001318 #all_map_1318 .BMap_bubble_content{line-height:20px;} .Floor001318 .list li{padding-bottom:15px; cursor:pointer;} .Floor001318 .list li div{border-left:10px #b6b6b6 solid; background-color:#fff; padding:15px;} .Floor001318 .list li h5, .Floor001318 .list li p{margin:0; font-size:12px;line-height:24px; overflow:hidden;} .Floor001318 .list li h5{font-weight:normal;font-size: 15px;color:#333;} .Floor001318 .list li p{margin-top:5px; height:24px;} .Floor001318 .list li.on div{border-left-color:#18469E;} .Floor001318 .list .bx-controls-direction{overflow:hidden; clear:both;} .Floor001318 .list .bx-controls-direction a{width:48%; background: url(../images/Floor001318-btn_prev.png) no-repeat center center #fff; display:block; height:50px; float:left; overflow:hidden; line-height:1000px;} .Floor001318 .list .bx-controls-direction a.bx-next{float:right; background-image:url(../images/Floor001318-btn_next.png);} @media(max-width:768px){.Floor001318 .list{float:none; width:auto; margin-top:3%;} .Floor001318 #all_map_1318{position:relative !important; width:100%; height:300px !important;} .Floor001318 .link{text-align:center; overflow:hidden;} .Floor001318 .link span{display:block; text-align:left;} .Floor001318 .link span::before{left:80px;} .Floor001318 .link a{display:block; width:33.3333333%; float:left; line-height:30px; font-size:14px;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}} @media(max-width:375px){.Floor001318 .link a{width:50%;} .Floor001318 #all_map_1318{height:250px !important;}} /* .RighInfo002363 为demo编号 */ .RighInfo002363 .auto{max-width: 1400px;} @media only screen and (max-width:1400px ){.RighInfo002363 .auto{padding-left: 2%; padding-right: 2%;}} .RighInfo002363 .con-head em{padding-left: 20px;position:relative; margin:2% 0; font-style:normal; display: inline-block; color:#333; font-size:18px; padding-bottom:20px;} .RighInfo002363 .con-head em span{color:#18469E;} .RighInfo002363 .con-head em:before{position:absolute; left:0;top:50%;margin-top: -16px; width:12px; height:12px; content:""; background:#18469E;display: inline-block;} .RighInfo002363 .box1{padding:5% 0 4% 0; background: #f6f6f6;} .RighInfo002363 .box1 .tit{text-align:center; font-size:24px; font-family:'微软雅黑'; font-weight:normal; color:#333; margin:0; padding-bottom:25px; position:relative;} .RighInfo002363 .box1 .tit:after{display:block; margin:0 auto; width:68px; height:1px; background-color:#bbb; margin-top:16px; content:'';} .RighInfo002363 .box1 .text{position:relative; color: #333; padding: 15px 0;line-height: 26px;font-size: 15px;} .RighInfo002363 .img1{float:left; width:278px; height:49px; margin-right:2%; margin-bottom:1%;} @media only screen and (min-width:768px ){.RighInfo002363 .con-head em{font-size: 22px;} .RighInfo002363 .tit{font-size:28px;} .RighInfo002363 .con_p{height:44px}} @media only screen and (min-width:1024px ){.RighInfo002363 .con-head em{font-size: 24px;} .RighInfo002363 .tit{font-size:32px;}} .RighInfo002363 .box2{background: #fff; padding:40px 0;} .RighInfo002363 .box2 .list{padding-top: 25px;} .RighInfo002363 .box2 li{float:left;width: 50%;text-align: center; position:relative;} .RighInfo002363 .box2 li:nth-child(1):before,.RighInfo002363 .box2 li:nth-child(3):before{position:absolute; content:''; width:1px; border-right:1px solid #f4f4f4; right:0; top:0; height:80%;} .RighInfo002363 .box2 li a{display: block; margin:0 auto; width:100%;} .RighInfo002363 .box2 li figure,.RighInfo002363 .box2 li .txt{float:left;} .RighInfo002363 .box2 li figure{width:40%;} .RighInfo002363 .box2 li .txt{width:60%;text-align: left;padding-right: 3%;} .RighInfo002363 .box2 li figure img{width:100%; max-width:128px;-webkit-transition:all ease 0.5s;transition:all ease 0.5s; position: relative; top: 0;text-align: center;} .RighInfo002363 .box2 li:hover figure img{top: -10px;} .RighInfo002363 .box2 li h3{font-size: 18px; color: #333; margin:25px 0 15px;} .RighInfo002363 .box2 li p{line-height: 24px; height:96px; text-align:left; overflow:hidden;font-size: 14px;color: #a8a8a8; margin-top:20px;} @media(max-width:767px){.RighInfo002363 .box2{padding:20px 0;} .RighInfo002363 .box2 li{width:50%; margin-bottom:2%;} .RighInfo002363 .box2 li{border-left:1px solid #f4f4f4;} .RighInfo002363 .box2 li:nth-child(2n){border-left:1px solid #fff;}} .RighInfo002363 .info_main .info{padding-top:3%;} .RighInfo002363 .info_list{max-width:1360px;} .RighInfo002363 .info_list dl{padding:4% 0;} @media(min-width:481px){.RighInfo002363 .info_list dd{float:left; width:31.5%; margin-right:2.75%;} .RighInfo002363 .info_list dd:nth-child(3n){margin-right:0;} .RighInfo002363 .info_list dd:nth-child(3n+1){clear:left;}} .RighInfo002363 .info_list dd img{display:block; width:100%;} .RighInfo002363 .info_list dd p{font-size:15px; color:#666;line-height: 26px;} .RighInfo002363 .info_list dd p span{font-size:16px; color:#999; font-family:"Courier New", Courier, monospace; text-transform:uppercase;} .RighInfo002363 .info_list dd div{line-height:26px;} @media(max-width:1360px){ .RighInfo002363 .info_list{padding:0 2%;} } /* .PicList001213 为demo编号 */ .PicList001213 dl{margin:3% 0;background:url(../images/Floor001388_1_bg.png) no-repeat;} .PicList001213 dl:nth-child(2n){background:url(../images/Floor001388_1_bg2.png) no-repeat;} .PicList001213 dl{display:table; width:100%;padding:2%;} .PicList001213 dl dt, .PicList001213 dl dd{display:table-cell; vertical-align:middle;} .PicList001213 dl dd{padding: 0 3%;} .PicList001213 dl dt{width:49%;} .PicList001213 dl dt img{display: none;} .PicList001213 dl dt figure{width:100%;padding-bottom: 52%; } .PicList001213 dl:nth-child(2n) dt{text-align:right;} .PicList001213 dl h2{font-size:16px; margin:0;} .PicList001213 dl p{line-height:22px; max-height:110px; overflow:hidden; padding-right:3%;} .PicList001213 dl time{display: block;position: relative;} .PicList001213 dl time:before{display: inline-block;content: '';width:22px;height:22px;background: url(../images/time.png) no-repeat center center;position: relative;top:5px;margin-right: 8px;} .PicList001213 dl time a{display: inline-block;content: '';width:25px;height:24px;background: url(../images/more5.png) no-repeat center center;position:absolute;right:5%;text-align: right;} @media (max-width:768px){ .PicList001213 dl{background:url(../images/Floor001388_1_bg.png) repeat; padding:5%;} .PicList001213 dl:nth-child(2n){background:url(../images/Floor001388_1_bg2.png) repeat;} .PicList001213 dl dt{width:100%;} .PicList001213 dl dt, .PicList001213 dl dd{display:block; vertical-align:middle;} .PicList001213 dl dd{margin: 2% 0;} } @media(max-width:480px){ .PicList001213 dl dd{padding:3%;} } /* PicList000864 为demo编号 */ .PicList000864{padding-top:3%;} .PicList000864 li{float:left; width:32%; margin-right:2%; margin-bottom:3%;background-color: #f7f7f7;padding:1%;} .PicList000864 li:nth-child(3n){margin-right:0;} .PicList000864 li .Ispic{padding-bottom:60%; position:relative; display:block;} .PicList000864 li h5{font-size: 16px;font-weight: normal;margin:15px 0 0;padding: 0;} .PicList000864 li h5 a:hover{color: #e60012;} .PicList000864 li p{margin:10px 0; line-height:20px; height:40px; overflow:hidden;} .PicList000864 ul li span{float: left;font-size: 12px;color: #999;} .PicList000864 ul li span:before{display: inline-block;content: '';width:22px;height:22px;background: url(../images/time.png) no-repeat center center;position: relative;top:5px;margin-right: 8px;} .PicList000864 li .more{float: right;width:26px;height: 24px;display: block;background:url(../images/more5.png) no-repeat center;position: relative;top:4px;margin-right: 6px;} @media(max-width:768px){.PicList000864 li{width:49%;} .PicList000864 li h5{line-height:30px;} .PicList000864 li:nth-child(3n){margin-right:2%;} .PicList000864 li:nth-child(2n){margin-right:0;}} @media(max-width:480px){.PicList000864 li{width:100%;} .PicList000864 li h5{margin-top:2px;} .PicList000864 li p{margin:2px 0 10px 0;}} .RighInfo .title{padding:3% 0; background:#fff;} .RighInfo .title span{font-family:din,Arial, Helvetica, sans-serif ; text-transform: uppercase; color:#c5d3ee; letter-spacing: -2px; font-size:66px; line-height: 60px; font-weight: bold; position: relative} .RighInfo .title span:after{content: ""; display: block; width: 50px; height: 5px; background: #c5d3ee; margin-top: 20px;} .RighInfo figure, .RighInfo figure img{float:left;} .RighInfo figure{width:60%;} .RighInfo img{width:40%;} .RighInfo figure h3{color:#18469E;} .RighInfo figure h3:before{background-color:#18469E;display: inline-block;content: '';width:12px;height:12px;} .RighInfo figure p{font-size: 15px;line-height: 26px;color:#666;} .RighInfo figure dl dd{padding:10px 0;font-size: 15px;line-height: 26px;color:#666;} .RighInfo figure dl dd i{font-style: normal;color:#18469E;font-size: 18px;} .RighInfo .con2{padding-top: 4%;} .RighInfo .con2 figure{float:right;} .RighInfo .con2 figure{width:60%;} .RighInfo .con2 img{width:40%;} .RighInfo .con2 figure dl dd i{background-color:#18469E;display: inline-block;content: '';width:14px;height:3px;margin-right: 8px;position: relative;top:-4px;} .RighInfo_1{padding-bottom: 4%;} .RighInfo_1 h1{font-weight: normal;;font-size: 22px;text-align: center;padding-bottom: 2%;} .RighInfo_1 .title{padding:3% 0; background:#fff;} .RighInfo_1 .title span{font-family:din,Arial, Helvetica, sans-serif ; text-transform: capitalize; color:#c5d3ee; letter-spacing: -2px; font-size:66px; line-height: 60px; font-weight: bold; position: relative} .RighInfo_1 .title span:after{content: ""; display: block; width: 50px; height: 5px; background: #c5d3ee; margin-top: 20px;} .RighInfo_1 .box1 h3{color:#18469E;} .RighInfo_1 .box1 h3:before{background-color:#18469E;display: inline-block;content: '';width:12px;height:12px;margin-right: 8px;} .RighInfo_1 .box1 p,.RighInfo_1 .box2 p{font-size: 15px;line-height: 26px;color:#666;} .RighInfo_1 .box1 dl,.RighInfo_1 .box3 dl { margin:0; padding:0;} .RighInfo_1 .box1 dl dd{ color:#18469e; display:block; width:100%; position:relative; padding-left:15px; padding-bottom:10px;} .RighInfo_1 .box3 dl dd{ color:#666; display:block; width:100%; position:relative; padding-left:15px; padding-bottom:10px;} .RighInfo_1 .box1 .dl dd:after,.RighInfo_1 .box3 .dl dd:after{ content:'●'; font-size:14px; color:#18469e; position:absolute; left:0; top:0;} .RighInfo_1 .tit{text-align: center;margin:0 auto;font-size: 26px;color:#18469E;text-transform: uppercase;padding-bottom: 2%;} .RighInfo_1 .tit span{font-size: 18px;color:#333;display: block;font-weight: bold;} .RighInfo_1 .box3 h3,.RighInfo_1 .box4 h3,.RighInfo_1 .box5 h3{color:#18469E;margin-top: 3%;} .RighInfo_1 .box3 h3 em,.RighInfo_1 .box4 h3 em,.RighInfo_1 .box5 h3 em{font-style: normal;font-size: 18px;font-family:din,Arial, Helvetica, sans-serif ; } .RighInfo_1 .box3 p,.RighInfo_1 .box4 p,.RighInfo_1 .box5 p{font-size: 15px;line-height: 26px;color:#666;} .RighInfo_1 .box em,.RighInfo_1 .box4 em{font-family:din,Arial, Helvetica, sans-serif ;font-style: normal;} .RighInfo_1 .box .s_tit,.RighInfo_1 .box3 .s_tit,.RighInfo_1 .box4 .s_tit{color:#18469E;font-size: 16px;font-weight: bold;} .RighInfo_1 .list li{border-bottom:1px dashed #e5e5e5;} .RighInfo_1 .list li h5{ cursor:pointer;margin:0; font-size:15px; line-height:55px; font-weight:normal;position: relative;padding-left: 16px;} .RighInfo_1 .list li h5:before{ font-size:14px; content:'●'; position:absolute; left:0; top:0; color:#18469e;} .RighInfo_1 .list li div{ display:none; padding:0 0 2% 16px; position:relative; line-height:24px;} .RighInfo_1 .list li div img{ display:block;} .RighInfo_1 .list li div::before{ position:absolute; content:''; width:10px; height:1px; background-color:#18469e; left:0; top:12px;} .RighInfo_1 .list li h5.on{ font-weight:bold;} @media(max-width:768px){ .RighInfo figure, .RighInfo figure img{float:none;} .RighInfo figure{width:100%;} .RighInfo img{width:100%;} .RighInfo .con2 figure{float:none;} .RighInfo .con2 figure{width:100%;} .RighInfo .con2 img{width:100%;} } @media(max-width:480px){ .RighInfo_1 .list li div a{ display:block; overflow:hidden; height:120px;} } .RighInfo_1 .TextList .list{ border:1px solid #e8e8e8; padding:0 3%; margin-bottom:15px;} .RighInfo_1 .TextList .job-title{ line-height:30px; padding:15px 0; font-size:16px; cursor:pointer; position:relative;color:#454545;} .RighInfo_1 .TextList .job-title em{font-style: normal;font-size: 18px;font-family:din,Arial, Helvetica, sans-serif ;} .RighInfo_1 .TextList .job-title i{ position:absolute; width:22px; height:22px; background:#18469e; border-radius:50%; right:0; top:50%; margin-top:-11px;} .RighInfo_1 .TextList .job-title i::before, .RighInfo_1 .TextList .job-title i::after{ position:absolute; content:''; background:#fff;} .RighInfo_1 .TextList .job-title i::before{ left:20%; width:60%; height:2px; top:50%; margin-top:-1px;} .RighInfo_1 .TextList .job-title i::after{ left:50%; margin-left:-1px; width:2px; top:20%; height:60%;} .RighInfo_1 .TextList .job-title.select i::after{ display:none;} .RighInfo_1 .TextList .job-title.select{ color:#18469e;} .RighInfo_1 .TextList .job-main{ display:none; padding:22px 0; border-top:1px dotted #e5e5e5;} .RighInfo_1 .TextList .job-main p{ font-size: 15px;line-height: 26px;color:#666;position: relative;} .RighInfo_1 .TextList .job-main p em{ content:'●'; font-size:14px; color:#18469e; position:absolute; left:0; top:0;} .RighInfo_1 .TextList .job-main dl { margin:0; padding:0;} .RighInfo_1 .TextList .job-main dl dd{ color:#18469e; display:block; width:100%; position:relative; padding-left:15px; padding-bottom:10px;} .RighInfo_1 .TextList .job-main .dl dd:after{ content:'●'; font-size:14px; color:#18469e; position:absolute; left:0; top:0;} .RighInfo_1 .item{ margin-bottom:4%;} .RighInfo_1 .item time{ color:#333; margin:0; font-size:14px; font-weight:bolder;} .RighInfo_1 .item p{ margin:0; padding-top:10px;} .RighInfo_1 .item p span{ color:#18469e; font-weight:bolder;} .RighInfo_1 .item h3 span{ font-weight:normal; color:#333;} .RighInfo_2 figure{padding-top: 2%; padding-left: 15%;} .RighInfo_2 figure img{display: block;text-align: center;margin:0 auto;} .RighInfo_2 figure span{margin-left: 16px;display: block;text-align: center;} .RighInfo_2 dl{ margin-top:3%;} .RighInfo_2 dl dd{ display:inline-block; width:48.5%; margin-right:2%;} .RighInfo_2 dl dd:last-child{ margin-right:0;} .RighInfo_2 .table_box{ display:-webkit-box; text-align:center;} .RighInfo_2 .table1_2{ width:100%;border:1px #ddd solid;} .RighInfo_2 .table1_2,.table1_1 th,.table1_1 td { font-size:14px; text-align:left; padding:10px 10px; border-collapse:collapse; color:#666; text-align:center; border:1px #f8e3fe solid; } .RighInfo_2 .table1_2 .top{ background:#18469e; } .RighInfo_2 .table1_2 {width:100%; display:inline-table;} .RighInfo_2 .table1_2 tr td:nth-child(1){ width:8%;} .RighInfo_2 .table1_2 tr td:nth-child(2){ width:10%;} .RighInfo_2 .table1_2 tr td:nth-child(3){ width:12%;} .RighInfo_2 .table1_2 tr td:nth-child(4){ width:8%;} .RighInfo_2 .table1_2 tr td:nth-child(5){ width:31%;} .RighInfo_2 .table1_2 tr td:nth-child(6){ width:31%;} .RighInfo_2 .table1_2 tr td b{ font-weight:normal; display:block; text-align:left; font-size:14px;} .RighInfo_2 .table1_2 tr td em{ display:block; font-style:normal; text-align:left; padding-left:15px; position:relative;} .RighInfo_2 .table1_2 tr td em:after{ font-size:14px; content:'●'; position:absolute; left:0; top:0; color:#18469e;} .RighInfo_2 .table1_2 th{background-color:#006cad; border:1px solid #eee; color:#fff; text-align:center;} .RighInfo_2 .table1_2 ,.RighInfo_2 .table1_2 th,.RighInfo_2 .table1_2 td{font-size:14px; text-align:center; padding:8px 10px; border:1px solid #eee; border-collapse:collapse; color:#333;} .RighInfo_2 .table1_2 .top{ background:#18469e; color:#fff;} .RighInfo_2 .table1_2 .top .td_tit{color:#fff;} .RighInfo_2 .table1_3 tr td:nth-child(1){ width:25%;} .RighInfo_2 .table1_3 tr td:nth-child(2){ width:25%;} .RighInfo_2 .table1_3 tr td:nth-child(3){ width:50%;} .RighInfo_2 .table1_4 {display:table;} .RighInfo_2 .table1_4 tr td:nth-child(1){ width:30%;color:#fff;background-color: #18469e;} .RighInfo_2 .table1_4 tr td:nth-child(2){ width:70%;text-align: left;padding-left: 5%;} .RighInfo_2 .table1_4 tr td:nth-child(2) b{display: inline-block;padding:0 10px;position: relative;} .RighInfo_2 .table1_4 tr td:nth-child(2) b:before{content:'●'; font-size:14px; color:#18469e; position:absolute; left:0; top:0;} .RighInfo_2 .table1_5 tr td:nth-child(1){ width:5%;} .RighInfo_2 .table1_5 tr td:nth-child(2){ width:12%;} .RighInfo_2 .table1_5 tr td:nth-child(3){ width:5%;} .RighInfo_2 .table1_5 tr td:nth-child(4){ width:39%;} .RighInfo_2 .table1_5 tr td:nth-child(5){ width:39%;} .RighInfo_2 .table1_5 tr td b{padding-left:15px; position:relative;} .RighInfo_2 .table1_5 tr td b:after{ font-size:14px; content:'√'; position:absolute; left:0; top:0; color:#18469e;} .RighInfo_2 .table1_6 tr td:nth-child(3){ line-height: 23px;} .RighInfo_2 .table1_7 tr td:nth-child(4),.RighInfo_2 .table1_7 tr td:nth-child(5){ line-height: 25px;} .RighInfo_2 .table1_8 tr td:nth-child(1){ width:9%;} .RighInfo_2 .table1_8 tr td:nth-child(2){ width:25%;} .RighInfo_2 .table1_8 tr td:nth-child(3){ width:66%;} .RighInfo_2 .table1_9 {display:table;} .RighInfo_2 .table1_9 tr td:nth-child(1){ width:18%;} .RighInfo_2 .table1_9 tr td:nth-child(2),.RighInfo_2 .table1_9 tr td:nth-child(3),.RighInfo_2 .table1_9 tr td:nth-child(4),.RighInfo_2 .table1_9 tr td:nth-child(5) ,.RighInfo_2 .table1_9 tr td:nth-child(6),.RighInfo_2 .table1_9 tr td:nth-child(7){ width:13.6666%;} .RighInfo_2 .table1_10 {display:table;} .RighInfo_2 .table1_10 tr td:nth-child(1),.RighInfo_2 .table1_10 tr td:nth-child(3){ width:15%;color:#fff;background-color: #18469e;} .RighInfo_2 .table1_10 tr td:nth-child(2),.RighInfo_2 .table1_10 tr td:nth-child(4){ width:35%;text-align: left;padding-left: 5%;} .RighInfo_3{padding-bottom: 0;} .RighInfo_3 .tit{text-align: center;margin:0 auto;font-size: 26px;color:#18469E;text-transform: uppercase;padding-bottom: 2%;padding-top: 3%;} .RighInfo_3 .tit span{font-size: 18px;color:#333;display: block;font-weight: bold;} .RighInfo_3 dl dd{padding:10px 0;font-size: 15px;line-height: 26px;color:#666;} .RighInfo_3 dl dd:before{background-color:#18469E;display: inline-block;content: '';width:12px;height:12px;margin-right: 8px;} .RighInfo_3 .box{ margin:0% 0 6%;} .RighInfo_3 .dl dd{ width:23%; margin-right:2%; float:left; margin-bottom:2%;} .RighInfo_3 .dl dd:last-child{ margin-right:0;} .RighInfo_3 .dl dd a{ display:block; color:#666;padding:10px 0; text-align:center;font-size: 15px;line-height: 26px;color:#666;} .RighInfo_3 .dl dd:hover{ background:#18469e;} .RighInfo_3 .dl dd:hover a{ color:#fff;} .RighInfo_3 .dl dd img{ border:1px #eee solid;} .RighInfo_3 .dl dd:before{ display:none;} @media(max-width:680px){.Floor001297 dl{overflow:hidden;} .RighInfo_3 .dl dd{ width:48%;} .RighInfo_3 .dl dd:nth-child(2n){ margin-right:0;} } .RighInfo_4 .box1 figure .big_pic,.RighInfo_4 .box1 figure dl{float:left;} .RighInfo_4 .box1 figure dl{padding-left: 5%;} .RighInfo_4 .box1 figure dl dt img{padding-top: 24%} .RighInfo_4 .box1 figure dl dt .p_more{margin-top: 16%;margin-left: 4%;cursor: pointer;display: inline-block;color:#fff;font-size: 16px;;width:208px;height:38px;line-height: 38px;background: #18469E;border-radius: 24px;text-align: center;vertical-align: middle;position: relative;padding-left: 38px} .RighInfo_4 .box1 figure dl dt .p_more i{display: inline-block;content: '';width:38px;height:38px;background: url(../images/zy.png) no-repeat center center;position: absolute;left:32px;} .RighInfo_4 .box2{padding-top: 2%;} .RighInfo_4 .box2 h2{color:#18469E;font-size: 16px} .RighInfo_4 .box2 h2:before{background-color:#18469E;display: inline-block;content: '';width:12px;height:12px;margin-right: 8px;} @media(max-width:680px){ .RighInfo_4 .box1 figure .big_pic,.RighInfo_4 .box1 figure dl{float:none;} .RighInfo_4 .box1 figure dl dt{text-align: center;} .RighInfo_4 .box1 figure dl dt img{padding-top: 5%} .RighInfo_4 .box1 figure dl dt .p_more{margin-top: 5%;margin-bottom: 3%;} .RighInfo_4 .box2 dt{min-height: auto} } .RighInfo_5 .box1,.RighInfo_5 .box2{float:left;width:50%;} .RighInfo_6 .box3 dl{} .RighInfo_6 .box3 dl dd{position: relative;padding-left: 14px;} .RighInfo_6 .box3 dl dd:before{display: inline-block;content: '';width:6px;height:6px;background: #18469E;position: absolute;left:0;top:50%;margin-top: -8px;border-radius: 50%;} .RighInfo_6 figure{} .RighInfo_6 figure img{} .RighInfo_6 .box3 h4{display: inline-block;color:#18469E;} .RighInfo_6 .table1_11 tr:nth-child(1) td{background:#18469E;color:#fff;padding:8px 0;} .RighInfo_6 .table1_11 tr td:nth-child(1){ width:6%;} .RighInfo_6 .table1_11 tr td:nth-child(2){ width:14%;} .RighInfo_6 .table1_11 tr td:nth-child(3){ width:14%;} .RighInfo_6 .table1_11 tr td:nth-child(4){ width:6%;} .RighInfo_6 .table1_11 tr td:nth-child(5){ width:40%;} .RighInfo_6 .table1_11 tr td:nth-child(6){ width:20%;} .RighInfo_6 .table1_11 tr td em{ display:block; font-style:normal; text-align:left; padding-left:15px; position:relative;} .RighInfo_6 .table1_11 tr td em:after{ display: inline-block; content:''; width:6px;height:6px;border-radius: 50%;position:absolute; left:0; top:50%; background-color:#18469e;margin-top: -3px;} .RighInfo_6 .table1_12{display:table;} .RighInfo_6 .table1_12 tr:nth-child(1) td{background:#18469E;color:#fff;padding:8px 0;} .RighInfo_6 .table1_12 tr td:nth-child(1){ width:10%;} .RighInfo_6 .table1_12 tr td:nth-child(2){ width:30%;} .RighInfo_6 .table1_12 tr td:nth-child(3){ width:30%;} .RighInfo_6 .table1_12 tr td:nth-child(4){ width:30%;} .RighInfo_6 .table1_13{} .RighInfo_6 .table1_13 tr:nth-child(1) td{background:#18469E;color:#fff;padding:8px 0;} .RighInfo_6 .table1_13 tr td:nth-child(1){ width:10%;} .RighInfo_6 .table1_13 tr td:nth-child(2){ width:30%;} .RighInfo_6 .table1_13 tr td:nth-child(3){ width:30%;} .RighInfo_6 .table1_13 tr td:nth-child(4){ width:30%;} .RighInfo_6 .table1_13 tr td.tit{background:#18469E;color:#fff;} .RighInfo_6 .table_box1,.RighInfo_6 .table_box2,.RighInfo_6 .table_box3{width:33.333%;float: left;padding-right: 2%;} .RighInfo_6 .table_box1 p,.RighInfo_6 .table_box2 p,.RighInfo_6 .table_box3 p{display: inline-block;color:#18469E;} .RighInfo_6 .table1_14 tr:nth-child(1) td,.RighInfo_6 .table1_15 tr:nth-child(1) td,.RighInfo_6 .table1_16 tr:nth-child(1) td{background:#18469E;color:#fff;padding:8px 0;} /* .Menu002320 为demo编号 */ .Menu002320{border:1px solid rgba(0,0,0,.1);padding:3% 1%;} .Menu002320 .tit{height:26px; line-height:26px; padding-left:16px; color:#6e6e6e; font-size:20px; position: relative;} .Menu002320 nav{margin-top:16px; border-top:1px solid #f0f0f0; padding-left: 5px;} .Menu002320 nav li{border-bottom:1px solid #f0f0f0;} .Menu002320 nav li a{display:block;color:#666; line-height:30px; position: relative;position: relative;padding:10px 16px;} .Menu002320 nav li.on a{font-weight:bold;color: #18469E;} .Menu002320 nav li.on a:before{background-color:#18469E;display: inline-block;content: '';width:6px;height:6px;margin-right: 8px;position: relative;top:-2px;} /* .Floor001297 为demo编号 */ .Floor001297{} .Floor001297 .tit{text-align: center;margin:0 auto;font-size: 26px;color:#18469E;text-transform: uppercase;padding-bottom: 2%;} .Floor001297 .tit span{font-size: 18px;color:#333;display: block;font-weight: bold;} .Floor001297 .s_tit{color:#18469E;font-size: 16px;font-weight: bold;} .Floor001297 .s_p{font-size: 15px;line-height: 26px;color:#666;} @media(min-width:1001px){ .Floor001297 dl{display:table; width:100%;} .Floor001297 dt{display:table-cell; vertical-align:middle;} } .Floor001297 dt{padding:1% 3%; width:20%;text-align:center;position:relative; min-height: 360px;} .Floor001297 dt a{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;} .Floor001297 dt:last-child a{border-right:0;} .Floor001297 dt h3{margin:0; font-weight:normal; font-size:13px;} .Floor001297 dt h3 span{display:block; font-size: 16px; line-height:35px;color: #666;} .Floor001297 dt p{ line-height: 24px; } .Floor001297 dt figure{padding:5px 0 10px;} .Floor001297 dt:hover img{animation:infinite 1s ease imghover;} @media(max-width:1200px){ .Floor001297 dt h3{height:35px; overflow:hidden;} .Floor001297 dt h3 span{font-size: 16px;}} @media(max-width:1000px){ .Floor001297 dl{overflow:hidden;} .Floor001297 dt{width:33.3333333%;; float:left;} .Floor001297 dt:nth-child(3) a{border-right:0; clear: both;} } @media(max-width:680px){.Floor001297 dl{overflow:hidden;} .Floor001297 dt{width:50%;; float:left;} .RighInfo_2 figure{ padding-left: 0;} } @media(max-width:480px){ .Floor001297 dt{width:100%; float:none;} .Floor001297 dt:nth-child(2n) a{border-right:0;} .Floor001297 dt:nth-child(3) a{border-right:5px solid #fff;}} @keyframes imghover{0%{transform:translateY(6px)} 50%{transform:translateY(0)} 100%{transform:translateY(6px)}} @-webkit-keyframes imghover{0%{transform:translateY(6px)} 50%{transform:translateY(0)} 100%{transform:translateY(6px)}} @-ms-keyframes imghover{0%{transform:translateY(6px)} 50%{transform:translateY(0)} 100%{transform:translateY(6px)}} /*RighInfo001774*/ .RighInfo001774{padding-bottom:3%; font-family: "微软雅黑";font-weight: normal;color: #606060;} .RighInfo001774 .title{border-bottom:1px solid #D4D8D9;height: 10px;margin-bottom: 50px;} .RighInfo001774 .list_img{float:left; width:46%;} .RighInfo001774 .big{border:1px solid #e5e5e5; margin-bottom:20px;} .RighInfo001774 .big li figure{padding-bottom:68%; background-size:contain;} .RighInfo001774 .scroll li img, .RighInfo001774 .big li img{display:none;} .RighInfo001774 .scroll{padding:0 30px; position:relative;} .RighInfo001774 .scroll a{position:absolute; height:100%; top:0; width:25px; z-index:10; cursor:pointer;} .RighInfo001774 .scroll a.prev{left:0;} .RighInfo001774 .scroll a.next{right:0;} .RighInfo001774 .scroll a.prevStop, .RighInfo001774 .scroll a.nextStop{cursor:default;} .RighInfo001774 .scroll a span{position:absolute; font-size:20px; left:50%; top:0; margin-left:-10px;color:#ccc; line-height: 75px;} .RighInfo001774 .scroll .bd li{ float:left;} .RighInfo001774 .scroll li figure{margin:0 auto; padding-bottom:62%; background-size:contain; max-width:90%; border:1px solid #e5e5e5;} .RighInfo001774 .scroll li.on figure{border-color:#18469E;} .RighInfo001774 .intro{float:right; width:50%; background: url(../images/RighInfo001774_bg.png) right top no-repeat;} .RighInfo001774 .intro h2{font-size: 24px;color: #313131;margin-top: 40px;} .RighInfo001774 .intro h2 span{font-weight: normal;font-size: 20px;color: #18469E;display: block;} .RighInfo001774 .intro p{font-size: 14px;line-height: 24px;margin: 35px 0 20px;} .RighInfo001774 .intro p span{display: inline-block;} .RighInfo001774 .intro p i{display: block;font-size: 16px;color:#333;padding-bottom: 10px;font-style: normal;} .RighInfo001774 .intro p a.more{ float: right; padding:10px 26px; margin-top: 4%; border:1px solid #18469e;} .RighInfo001774 .intro p a.more:hover{ border:1px solid #18469e; background:#18469e; color: #fff; } .RighInfo001774 a.down{ display: inline-block; padding:10px 26px; margin-top: 1%; border:1px solid #18469e;margin-right:5px;} .RighInfo001774 .intro dl{ padding-bottom: 3%;} .RighInfo001774 .intro dl dt{font-size: 15px;color:#333;padding-bottom: 10px;font-weight: bold;} .RighInfo001774 .intro dl dd{font-size: 14px;line-height: 24px;} .RighInfo001774 .intro dl dd span{margin-right: 16px;} .RighInfo001774 .intro dl dd span:before{display: inline-block;content: '';width:12px;height:2px;background-color:#18469E;position: relative;top:-4px;margin-right: 4px;} .RighInfo001774 .infobox .tab{overflow:hidden; margin:30px 0 0;padding-bottom:3px;position: relative;} .RighInfo001774 .infobox .tab:after{content: '';display: block;width:100%;height:1px;background-color: #D4D8D9;position: absolute;bottom:3px;} .RighInfo001774 .infobox .tab span{float:left;padding:10px 42px; color:#666; font-size:16px; line-height:36px; cursor:pointer;position: relative;} .RighInfo001774 .infobox .tab span:after{content: '';display: inline-block; position:absolute; width:44px; height:6px; background-color:#536477; bottom:-3px; left:50%; margin-left:-22px;z-index: 99;display: none;} .RighInfo001774 .infobox .tab span.on{background:#18469E; color:#fff;} .RighInfo001774 .infobox .tab a{display: inline-block;float: right;font-size: 16px;color:#666;position: relative;top:8px;font-weight: normal;} .RighInfo001774 .infobox .tab a:hover{color:#18469E;} .RighInfo001774 .infobox .tab a i{display: inline-block;content: '';width:17px;height:26px;background: url(../images/video_more.png) no-repeat center center;margin-left: 4px;position: relative;top:8px;} .RighInfo001774 .infobox .tab a:hover i{background: url(../images/video_more_on.png) no-repeat center center;} .RighInfo001774 .single{padding:3% 0;} .RighInfo001774 .single .tableInfo{border-bottom:1px dashed #c1c1c1; padding-bottom:20px; margin-bottom:20px;} .RighInfo001774 .tableInfo dd{float:left; width:25%; padding:5px 10px 5px 0; line-height:24px;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .RighInfo001774 .single h2{ color:#18469E; line-height:24px; margin:0; padding-bottom:12px; font-size:18px;} .RighInfo001774 .single p{ line-height:24px; font-size:14px; margin:0;} .RighInfo001774 .single .box{ display:block; background:#f7f7f7; padding:2%;} .RighInfo001774 .single .box .img{ float:right; display:block; color:#999; line-height:24px; text-align:center; margin:0;} .RighInfo001774 .single .box .img img{ display:block;} .RighInfo001774 .single .box p{padding-bottom:12px;} .RighInfo001774 .single .box2{ margin-top:3%;} .RighInfo001774 .single .box2 ul{ margin-top:1%;} .RighInfo001774 .single .box2 ul li{ float:left; width:48%; margin-right:4%; background:#f7f7f7; padding:2%; margin-bottom:2%;} .RighInfo001774 .single .box2 ul li:nth-child(2n){ margin-right:0;} .RighInfo001774 .single .box2 ul li p{ margin-top:8%;} .RighInfo001774 .single .box2 .pic{display:block; float:right; color:#999; width:55%; line-height:24px; text-align:center; margin:0;} .RighInfo001774 .single .box2 .pic img{ display:block; margin-left:4%;} @media(max-width:1000px){ .RighInfo001774 .intro{width:50%; margin-right:0;} .RighInfo_1 .box1{width: 100% !important;} .RighInfo_1 .box2{width: 100% !important; margin-left: 0 !important;} } @media(max-width:768px){.RighInfo001774 .list_img, .RighInfo001774 .intro{float:none; width:auto; margin-bottom:3%;} .RighInfo001774 .tableInfo dd{width:50%;} .RighInfo001774 .single .box .img{ float:none;} .RighInfo001774 .single .box2 ul li{ float:none; width:100%; margin-right:0;} .RighInfo001774 .single .box2 .pic{float:none; width:100%; line-height:24px; text-align:center; margin:0;} .RighInfo001774 .single .box2 .pic img{ display:block; margin-left:0;} } @media(max-width:480px){.RighInfo001774 .tableInfo dd{float:none; width:auto;}} .RighInfo001774 .list{width:50%;} .RighInfo001774 .single .table_box{display:-webkit-box;} .RighInfo001774 .single .table1_1{width:100%;} .RighInfo001774 .single .table1_1 th{background-color:#006cad; border:1px solid #eee; color:#fff; text-align:center;} .RighInfo001774 .single .table1_1,.table1_1 th,.table1_1 td{font-size:14px; text-align:left; padding:8px 10px; border:1px solid #eee; border-collapse:collapse; color:#333;} .RighInfo001774 .single .table1_1 .tit{font-weight:bold; width:24%} .RighInfo001774 .single .table1_1 td{width:38%;} .RighInfo001774 .single .table1_1 tr:nth-child(odd){background-color:#f8f8f8;} .RighInfo001774 .single .table1_1 tr:nth-child(even){background-color:#fff;} .RighInfo001774 .single .table1_1 .tit1{background-color:#fff;} .RighInfo001774 .single .table1_1 .tit2{background-color:#E8E8E8;} .RighInfo001774 .single .table1_04 tr td{width:14.5%;} .RighInfo001774 .single .table1_04 tr td:nth-child(1){width:13%} .RighInfo001774 .single .table1_05 tr td{width:29%;} .RighInfo001774 .single .table1_05 tr td:nth-child(1){width:13%} @media(max-width:1400px){ .RighInfo001774 .list, .RighInfo001774 .single figure{float: none !important; width: 100% !important;} } /* .Form001725 为demo编号 */ .Form001725{ padding: 1% 0 3%;} .Form001725 .form{ padding-top:30px; max-width:552px; width:100%; padding: 4% 5%; margin: 0 auto; background: #fafafa;} .Form001725 .form td{ padding-bottom:20px; font-size:14px; } .Form001725 .form td.w1{ width:47%;} .Form001725 .form td.w2{ width:6%;} .Form001725 .form .text{ width:100%; border-radius:3px; border:1px solid #cfcfcf; line-height:36px;height:36px; text-indent:10px; background:none; } .Form001725 .form p{ margin:0 0 15px 0;color:#18469e; background:url(../images/Form001725-icon.jpg) no-repeat left center; padding-left:15px;} .Form001725 .form td em{ font-style:normal; color:#bcbcbc;} .Form001725 .form td em i{ font-style:normal; color:#fadbbe;} .Form001725 .form .btn{ background:#18469e; color:#fff; cursor:pointer; font-size:14px; width:120px; height:40px; border-radius:3px; border:none; margin-top:20px;} .Form001725 .form dl{ position:relative;} .Form001725 .form dt{ text-indent:10px; cursor:pointer; border:1px solid #cfcfcf;line-height:36px;height:36px; background:url(../images/Form001725-check.png) no-repeat 95% center;} .Form001725 .form dd{ display:none; position:absolute; left:0; top:100%; background-color:#eee; width:100%; z-index:10;} .Form001725 .form dd a{ display:block; line-height:36px; padding:0 10px;} .Form001725 .form dd a:hover{ background-color:#ccc;} @media(max-width:768px){ .Form001725 .search{ position:relative; margin-top:10px; top:auto; width:auto;} } .contact_map{ padding:1% 0 3%;} .contact_map .auto_1400{ padding: 3% 2%; background: #fafafa; } .contact_map .pic{ width: 63%; float: left; margin-right: 3%; } .contact_map .txt{ float: right; width: 34%;} .contact_map .txt li{ list-style: none; border-left: 5px #eee solid; padding: 5% 7%; background: #fff; margin-bottom: 5%; } .contact_map .txt li h3{ color: #333; font-size: 15px; font-weight: normal; margin: 0; } .contact_map .txt li:hover h3{ margin-bottom: 10px; } .contact_map .txt li p{ display: none; margin:0; font-size: 14px; line-height:30px; color: #666;} .contact_map .txt li:hover{border-left: 5px #18469E solid;} .contact_map .txt li:hover p{ display: block;} @media(max-width:768px){ .contact_map .pic{ width:100%; float: none; margin-right:0; } .contact_map .txt{ float:none; width: 100%;} .contact_map .txt li{ margin: 3% 0; } } /* .PicList000762 */ .PicList000762{ padding-top:2%;} .PicList000762 li{ float:left; width:23.5%; margin-right:2%; margin-bottom:3%; } .PicList000762 li:nth-child(4n){ margin-right:0;} .PicList000762 li a{display:block;transition:all ease-in-out 0.3s; background:#f7f7f7;} .PicList000762 li h2{ margin:0; font-size:16px; color:#333; text-align:left; padding:3% 5%; position:relative; padding-right: 28%;} .PicList000762 li h2:after{ content:'>'; font-size:24px; position:absolute; color:#fff; right:20px; top:20px; font-weight:normal; background:#18469e; border-radius:50%; width:34px; height:34px; text-align:center;} .PicList000762 li h2 span{ font-family:Arial; display:block; font-weight:normal; color:#666; padding:0 0 5px;} .PicList000762 li figure{background-position:center center;background-repeat:no-repeat;background-size:cover;padding-bottom: 72%;} .PicList000762 li a:hover{ background-color:#18469e; } .PicList000762 li a:hover h2{color:#fff;} .PicList000762 li a:hover h2 span{color:#fff;} @media(max-width:1000px){ .PicList000762 li{width:32%;} .PicList000762 li:nth-child(3n){ margin-right:0;} .PicList000762 li:nth-child(4n){ margin-right:2%;} } @media(max-width:640px){ .PicList000762 li{width:49%;} .PicList000762 li:nth-child(3n){ margin-right:2%;} .PicList000762 li:nth-child(2n){ margin-right:0;} } @media(max-width:420px){ .PicList000762 li{width:100%; margin-right:0 !important; margin-bottom: 2%;} } /*RighInfo002218*/ .RighInfo002218{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; min-height:246px; padding-bottom:3%;} .RighInfo002218 .title{position: relative;margin-bottom: 2%;} .RighInfo002218 .title:after{content: ""; display: block; width: 50px; height: 5px; background: #c5d3ee; margin-top: 20px;} .RighInfo002218 .box1{font-size:14px;line-height:24px; margin-top:4%;} /*.RighInfo002218 .box1 .pic{float:right;margin-left:3%;}*/ .RighInfo002218 .box1 .p_pic{display: block;text-align: center;} .RighInfo002218 .box1 .pic{display: inline-block;} .RighInfo002218 .box1 .h3{font-size:18px;color:#008cd6;margin:0 0 20px 0; font-weight:normal;} .RighInfo002218 .box1 figure{color: #666;line-height: 24px;font-size: 14px;} .RighInfo002218 .box1 figure p{ padding-bottom:15px; margin: 0;} .RighInfo002218 .box1 time{display: block;position: relative;} .RighInfo002218 .box1 time a{ color: #fff;} .RighInfo002218 .box1 time i{font-style: normal; background: #18469e; padding:5px 20px; border-radius: 20px;} .RighInfo002218 .box1 time span{display: inline-block;content: '';width:25px;height:24px;background: url(../images/more5.png) no-repeat center center;position:absolute;right:5%;text-align: right;} .RighInfo002218 .box1 .con{} .RighInfo002218 .box1 .con .p_pic,.RighInfo002218 .box1 .con .pic,.RighInfo002218 .box1 .con figure{float:left;} .RighInfo002218 .box1 .con .p_pic{width:40%;} .RighInfo002218 .box1 .con figure{width:60%;padding-left: 5%;} .RighInfo002218 .list{ padding-top:5%;} .RighInfo002218 .list li{ display:block; float:left; width:23.5%; height:300px; padding:3%; border:1px #eee solid; margin-right:2%;} .RighInfo002218 .list li:nth-child(4){margin-right: 0; } .RighInfo002218 .list img{ display:block;margin:0 auto; margin-bottom:12px; max-width:88px;} .RighInfo002218 .list h2{ font-weight:normal; color:#18469e; font-size:18px; margin:0; text-align:center;} .RighInfo002218 .list p{ margin:10px 0 0; color:#666; line-height:24px; text-align:center;} .RighInfo002218_2{padding-bottom:1%;} .RighInfo002218_2 .auto{ background:#f8f8f8;} .RighInfo002218_2 .title:after{content: ""; display: block; width: 50px; height: 5px; background: #c5d3ee; margin-top:30px;} .RighInfo002218_2 .box1 figure{ padding:2% 0 0 3%;} @media(max-width:1000px){ .RighInfo002218 .box1 .pic{ float:none; margin:0 auto 3% auto; display:block;} .RighInfo002218 .list figure{ padding:3% 0;} .RighInfo002218 .list li{ width:48%; margin:1% 1%; padding-bottom:0;} } @media(max-width:480px){ .RighInfo002218 .list li{ width:100%; margin:1% 0; float: none;} } /*RighInfo002218 End*/ /*TextList002514 */ .TextList002514{margin: 4% 0;} .TextList002514 .box{ width:100%;} .TextList002514 .list { border:1px solid #e8e8e8; margin-bottom:15px;} .TextList002514 .job-title{ line-height:30px; padding:15px 2%; font-size:16px; cursor:pointer; position:relative;} .TextList002514 .job-title p{display:block; font-size: 16px; color: #3d3d3d; margin: 0; padding-right: 200px;} .TextList002514 .job-title p:hover{color: #18469e;} .TextList002514 .job-title span{width:auto;line-height: 30px;position: absolute;top:1px;font-size: 14px;padding:5px 25px;margin-top:10px; color:#333; background:#f2f2f2;} .TextList002514 .job-title .btn {right: 10px;} .TextList002514 .job-title .btn:nth-child(2){ right:130px;} .TextList002514 .job-title .btn.aon{ background: #18469e;color: #fff; } .TextList002514 .job-main ul{ padding:15px 2%; border-top:1px dotted #e5e5e5; background:#f9f9f9;} .TextList002514 .job-main ul{display: none;} .TextList002514 .job-main ul li{ padding:20px 0; border-bottom: 1px dashed #ddd;position:relative;} .TextList002514 .job-main ul li a{display:block; padding: 0 75px 0 20px; background: url(../images/TextList001398_dow.png) 0 50% no-repeat; font-size: 16px; color: #3d3d3d;} .TextList002514 .job-main ul li a:hover{color: #18469e;} .TextList002514 .job-main ul li span{width:auto; height: 30px; line-height: 30px; position: absolute; top: 0; font-size: 12px; background: #18469e; color: #fff; padding: 0 10px; margin-top:10px; } .TextList002514 .job-main ul li .down{position: absolute;top:4px; text-align:center; width:80px; right: 10px; background:url(../images/TextList002514-icon.png) no-repeat left 12px center #fff; padding-left:25px;height:32px; border:1px #18469e solid; color:#18469e; line-height:32px;} .TextList002514 .job-main ul li:last-child{ border-bottom:none;} @media(max-width:640px){ .TextList002514 .job-title span{font-size: 12px; padding: 4px 14px;} .TextList002514 .job-title .btn:nth-child(2) {right: 100px;} .TextList002514 .job-main ul li a{font-size: 14px;} } /*TextList002514 */ .TextList002515{margin: 4% 0; display:none;} .TextList002515:first-child{ display:block;} .TextList002515 .box{ width:100%;} .TextList002515 .list { border:1px solid #e8e8e8; margin-bottom:15px;} .TextList002515 .job-title{ line-height:30px; padding:15px 2%; font-size:16px; cursor:pointer; position:relative;} .TextList002515 .job-title{display:block; font-size: 16px; color: #3d3d3d; margin: 0; padding-right: 200px;} .TextList002515 .job-main{ padding: 15px 2%;border-top: 1px dotted #e5e5e5; background: #f9f9f9; line-height: 30px;} /*TextList002514 */ .kecheng{padding:4% 0;} .kecheng .tit h3{color:#18469E;padding-bottom: 2%;} .kecheng .tit h3:before{background-color:#18469E;display: inline-block;content: '';width:12px;height:12px;margin-right: 8px;} .RighInfo002450{padding:0% 0 3%;} .RighInfo002450 .tit {color:#666;padding-bottom: 2%; text-align:center; font-size:26px;} .RighInfo002450 .con figure{background-color: #FFF;} .RighInfo002450 .con .txt{ height:100%;display: table-cell; vertical-align: middle;padding:3% 0;} .RighInfo002450 .con .txt .tit{font-size: 26px;} .RighInfo002450 .con .txt .tit span{display: block;font-size: 18px;color:#18469E;padding-top: 10px;} .RighInfo002450 .con .txt p{font-size: 15px;line-height: 30px;} .RighInfo002450_2 .con .txt{padding:7% 5%;} .RighInfo002450 dl{ margin-top:2%;} .RighInfo002450 dl dt{ font-weight:bolder; font-size:16px; line-height:32px; color:#333; margin:0; margin-bottom:0.5%;} .RighInfo002450 dl dd{padding:8px 0;font-size: 15px;line-height: 26px;color:#666;} .RighInfo002450 dl dd:before{background-color:#18469E;display: inline-block;content: '';width:12px;height:12px;margin-right: 8px;} @media(max-width:1400px){ .kecheng{padding:4% 2%;} } @media(max-width:768px){ .RighInfo002450 .con .txt img{ float: none !important; margin-left: 0;} } /*RighInfo002554 */ .RighInfo002554{} .RighInfo002554 .table_1 th, .RighInfo002554 .table_1 td{ text-align:center; border:1px solid #eee; border-collapse:collapse; line-height:24px; padding:15px;width:25%;} .RighInfo002554 .table_1 th{ font-size:16px; font-weight:normal;color:#333;background: #e8e8e8;} .RighInfo002554 .table_1 tr:nth-child(2) td{background: #f8f8f8;} @media(max-width:480px){ .RighInfo002554 .table_1{ overflow:auto;} .RighInfo002554 .table_1 table{ width:180%;} } /*Menu002551 */ .Menu002551{ position:relative; z-index:2; margin-top: 1%;} .Menu002551 .ul_pc{ display: none;} .Menu002551 li{display: block; background: #e6e6e6; color: #18469e; text-align: center; position: relative; cursor: pointer;width:100%; font-weight: normal; padding: 20px 0} .Menu002551 li a{color: #18469e;font-size: 16px;} .Menu002551 .owl-item:nth-child(2n) li{background: #f1f1f1;} .Menu002551 .owl-item:nth-child(2n) li:hover, .Menu002551 .owl-item:nth-child(2n) li.aon, .Menu002551 .owl-item:nth-child(2n) li:hover, .Menu002551 li:hover, .Menu002551 li.aon{background: #18469e; color: #fff;} .Menu002551 li:hover a, .Menu002551 li.aon a{ color: #fff;} .Menu002551 li .img2{ display: none;} .Menu002551 li:hover .img1, .Menu002551 li.aon .img1{display: none;} .Menu002551 li:hover .img2, .Menu002551 li.aon .img2{display: block; margin: 0 auto;} .Menu002551 li em{display: block; margin-bottom: 5px;} .Menu002551 li em img{max-width: 40px} .Menu002551 .owl-item{ float:left; text-align:center; } .Menu002551 .owl-carousel{position:relative; } .Menu002551 .owl-stage{margin:0 auto; } .Menu002551 .owl-stage-outer{overflow:hidden;} .Menu002551 .owl-nav button{ position:absolute; padding:0; cursor:pointer; height:100%; top:0; width:25px; border:none; background:none; font-size:40px; color:#fff;} .Menu002551 .owl-nav button.disabled{ opacity:0.5;} .Menu002551 .owl-nav .owl-prev{ left:0;} .Menu002551 .owl-nav .owl-next{ right:0;} .Menu002551_17 .owl-nav button{display: none;} .Menu002551 .owl-nav,.Menu002551 .owl-dots{display: none;} @media(max-width:700px){ .Menu002551 .owl-nav,.Menu002551 .owl-dots{display: b;} } /* .PicList002256 为demo编号 */ .PicList002256 li{ padding-left:35px; position:relative; margin:10px 0;} .PicList002256 li time{ background:url(../images/PicList002256-date.png) no-repeat; width:62px; height:63px; padding:12px 0 0; overflow:hidden; text-align:center; color:#fff; position:absolute; left:0; top:50%; margin-top:-31px; font-size: 12px;} .PicList002256 li time span{ display:block; font-size:16px; font-weight:bold; padding-top: 5px;} .PicList002256 li .txt{ padding:25px 20px 16px 50px; border:1px solid #e6e6e6; overflow:hidden;} .PicList002256 li .txt .pic{ margin-bottom: 10px; display: block;} .PicList002256 li .txt .pic img{ width:180px; height:115px;} .PicList002256 li .txt h3{ margin:0; font-size:14px;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;} .PicList002256 li .txt .more:hover, .PicList002256 li .txt h3 a:hover{ color:#3c89d9;} .PicList002256 li .txt p{ margin:10px 0; color:#6f6f6f; height:48px; line-height: 24px; overflow:hidden; font-size: 12px; margin: 10px 0;} .PicList002256 li .txt .more{ background:url(../images/PicList002256-more.jpg) no-repeat right center; padding-right:20px;font-family: Arial;color: #a9a9a9;text-transform: uppercase;} @media only screen and (min-width:481px ) { .PicList002256 li .txt .pic{ float: right; margin-left:10px; margin-bottom: 0;} } @media only screen and (min-width:768px ) { .PicList002256 li .txt{ padding:25px 20px 16px 70px;} } /* .RichInfo005 为demo编号 */ .RichInfo005{padding:1% 0 3% ;} .RichInfo005 .news_info .title{ text-align:center; padding-bottom:20px;} .RichInfo005 .news_info .title h1{ margin:0; padding-bottom:15px; font-size:24px; font-weight:normal;} .RichInfo005 .news_info .title p{ margin:0; border-bottom:1px dashed #d2d2d2; padding-bottom:10px; font-size: 14px; color:#999; } .RichInfo005 .news_info .info{ text-align:justify; } .RichInfo005 .news_info .pic{ float:right; margin-left:60px; margin-bottom: 6px;} .RichInfo005 .news_info .info_back{ text-align:center; clear:both; padding:30px 0; border-top: 1px dashed #eaeaea; margin-top:30px;} .RichInfo005 .news_info .p{line-height: 30px;} .RichInfo005 .news_info .info_back a{ color:#18469e; font-size:14px;} .RichInfo005 .news_info .info_pn span{ display:block; line-height:20px; padding: 10px 0;} .RichInfo005 .news_info .info_pn span a{ color:#999;} .RichInfo005 .news_info .info_pn span a:hover{color:#18469e;} @media(max-width:768px){ .RichInfo005 .news_info .pic{ float:none; margin-left:0; margin-bottom: 6px;} } .searchlist {padding:0 0 2% ;} .searchlist ul li{ padding:2% 120px 2% 0; position:relative; border-bottom:1px solid #eaeaea; font-size:14px;} .searchlist ul li:hover a{color:#007cc3; } .searchlist ul li time{ position:absolute; right:0; top:50%; color:#999; margin-top:-10px; } /* .RighInfo002239 为demo编号 */ .RighInfo002239{ padding:2% 0 5%;} .RighInfo002239 li{padding: 2% 0; border-bottom: 1px solid #eaeaea;} .RighInfo002239 li strong{display:inline-block; width:76px;} .RighInfo002239 li strong a{color:#007cc3; } .RighInfo002239 li span a{padding:0 2% ;} .mjasga{padding: 3% 0;} .mjasga .box{display: block;background: #f7f7f7;padding: 2%;} .mjasga .box .img {float: right;display: block;color: #999;line-height: 24px;text-align: center;margin: 0;} .mjasga h2 {color: #18469E;line-height: 24px;margin: 0;padding-bottom: 12px;font-size: 18px;} .mjasga .box .img img {display: block;} .mjasga p{line-height: 34px;font-size: 14px;margin: 0;} .mjasga .box2{margin-top: 3%;} .mjasga .box2 ul li{float: left;width: 48%;margin-right: 4%;background: #f7f7f7; padding: 2%;margin-bottom: 2%; list-style: none;} .mjasga .box2 ul li:nth-child(2n){ margin-right: 0;} .mjasga .box2 ul li dt{ float: left; width: 50%; padding-right: 3%;} .mjasga .box2 ul li p{ padding-left: 20px; background: url(../images/mjasga.png) no-repeat left center;} .mjasga .box3{ background: #f7f7f7;padding: 2%;} .mjasga .box3 p{ padding: 20px 0; border-bottom: 1px dashed #ccc;} @media(max-width:1024px){ .mjasga .box2 ul li{float: left;width: 100%;margin-right: 0%;} } /* .PicList000724 为demo编号 */ .PicList000724{ padding-top:3%;} .PicList000724 li{ float:left; width:18.4%; margin-right:2%; margin-bottom:2%;} .PicList000724 li:nth-child(5n){ margin-right:0;} .PicList000724 li figure{ padding-bottom:62%; position:relative; background-repeat:no-repeat; background-position: center center; background-size:cover;} .PicList000724 li figure a{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/PicList000724-icon.png) no-repeat center center;} .PicList000724 li figure a:hover{ background-image:url(../images/PicList000724-icon_hover.png);} @media(max-width:768px){ .PicList000724 li{width:49%;} .PicList000724 li:nth-child(3n){ margin-right:2%;} .PicList000724 li:nth-child(2n){ margin-right:0;} } @media(max-width:375px){ .PicList000724 li figure a{ background-size:40px 40px;} } /* .PicList000593 为demo编号 */ .PicList000593{ padding-top:2%;position: relative;} .PicList000593 li{ float:left; width:23.5%; margin-right:2%; position:relative; margin-bottom:2%;} .PicList000593 li:nth-child(4n){ margin-right:0;} .PicList000593 li .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;} .PicList000593 li .video_files video{width:100%; height:100%; background-color:#000;} .PicList000593 li figure{ position:relative;} .PicList000593 li figure em{ display:block; padding-bottom:65%; background-size:contain; background-position:center center; background-repeat:no-repeat;} .PicList000593 li figure a{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.5); } .PicList000593 li figure a::before, .PicList000593 li figure a::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;} .PicList000593 li figure a::before{width: 70px;height: 70px;border: 3px solid rgba(255,255,255,0.3);margin-left: -35px;margin-top: -35px;border-radius: 50%;} .PicList000593 li figure a::after{width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 20px solid rgba(255,255,255,0.6);margin-left: -3px;margin-top: -12px;} .PicList000593 li p{text-align:center;} @media(max-width:768px){ .PicList000593 li{width:49%; margin-right:2%;} .PicList000593 li:nth-child(2n){ margin-right:0;} } @media(max-width:480px){ .PicList000593 li figure a::before{width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;} .PicList000593 li figure a::after{border-top-width: 10px;border-bottom-width: 10px;border-left-width: 15px;margin-left: -3px;margin-top: -7px;} } @media(max-width:375px){ .PicList000593 li figure a::before{width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;} .PicList000593 li{width:100%; float:none; margin-right:0 !important;} } .Floor002470 .video_files{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background:rgba(0, 0, 0, 0.75) none repeat scroll 0 0 !important;filter:Alpha(opacity=75); background:#000; display: none; z-index: 100;} .Floor002470 .video_files iframe{ max-width: 800px;width: 100%; background: #000; width: 80%; margin: 10% auto 0; padding: 10px; background: #fff; box-shadow: 0 0 20px 5px rgba(0,0,0,.15);} /* .Floor002470 为demo编号 */ .Floor002470{ overflow: hidden;} .Floor002470 .auto{ } .Floor002470 .list1{ margin: 0 -10px;} .Floor002470 .item{ float: left; width: 50%;padding: 10px;} .Floor002470 .item-inner{ position: relative; overflow: hidden; } .Floor002470 .item .linkhref{ position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; display: block;} .Floor002470 .item .pic{ background-repeat: no-repeat; background-position: center; background-size: cover; padding-bottom:59.705%;} .Floor002470 .item .pic:after{position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ""; display: block;background-color:#000; -moz-opacity:0.4; opacity: 0.4; filter:alpha(opacity=40); transition: all .3s;} .Floor002470 .item .item-inner:hover .pic:after{-moz-opacity:0.1; opacity: 0.1; filter:alpha(opacity=10); } .Floor002470 .item .item-inner:hover .word figure{ margin: 15px 0 0; opacity: 1; height: 44px;} .Floor002470 .item1{ width: 100%; } .Floor002470 .item1 .pic{ padding-bottom:50.725%;} @media only screen and (max-width: 480px) { .Floor002470 .item{ width: 100%; float: none;} } @media only screen and (min-width: 768px) { .Floor002470 .item .word h2{ font-size: 20px;} .Floor002470 .item1{ width: 50%; } } @media only screen and (min-width: 1024px) { .Floor002470 .item1{width: 25%;} } .Floor002470 .videobox .play{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/Floor002470-play.png) no-repeat center; cursor: pointer; } .Floor002470 .videobox .play span{ position: absolute; top: 50%; left: 0; width: 100%; height: 100%; display: block;color: #fff; font-size: 18px; text-align: center; padding-top: 40px;} @media only screen and (max-width: 480px) { .Floor002470 .videobox .play{ background-size: 30px 30px;} .Floor002470 .videobox .play span{ font-size: 16px; padding-top: 20px;} } .Floor002470 .Popup{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; background:rgba(0, 0, 0, 0.75) none repeat scroll 0 0 !important;filter:Alpha(opacity=75); background:#000; display: none; z-index: 100;} .Floor002470 .Popup .video{ max-width: 800px; background: #000; width: 80%; margin: 10% auto 0; padding: 10px; background: #fff; box-shadow: 0 0 20px 5px rgba(0,0,0,.15);} .Floor002470 .Popup .video iframe{ width: 100%;height:100%;min-height: 520px;} @media only screen and (max-width: 480px) { .Floor002470 .Popup .video{padding:2px;} .Floor002470 .Popup .video iframe{ width: 100%;height:100%;min-height: auto;} } @charset "utf-8"; @import "mixinboc"; @import "sasscore/setting"; @import "sasscore/css3"; @import "sasscore/media"; @import "sasscore/mixin"; $color:#005ca9; $color2:#cc1f32; @import "media"; img{ max-width: 100%; } .mk{ background: url(../img/abin-hover.png)no-repeat center center; background-size: cover; } img.w100{ width: 100%; } .pcbox{ display: block; } .mbox{ display: none; } /**/ .dfj{ /* display: flex; align-items:center; justify-content:center;*/ } .ovh { overflow: hidden; } .bdb{ box-sizing:border-box; } .tov{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } h1{ line-height: 1.6; } h2{ line-height: 1.6; } h3{ line-height: 1.6; } .pc-img{ } .m-img{ display: none; } /*------------------*/ .about-wrap .ab_index{ padding: 2.3rem 0 1.1rem; } .about-wrap .ab_index .title{ text-align: center; box-sizing:border-box; padding: 0 3.5rem; margin-bottom: 1.5rem; } .about-wrap .ab_index .title .p{ font-size: .35rem; line-height: .6rem; } .about-wrap .ab_index .title .h3{ font-size: 0.6rem; color: #005ca9; margin-bottom: 0.5rem; } .about-wrap .ab_index li{ width: 23.2%; margin: 0 2.4% 2.4% 0; } .about-wrap .ab_index li a{ display: block; width: 100%; height: 100%; position: relative; overflow: hidden; } /* .about-wrap .ab_index li a:after{ position: absolute; content:""; width: 100%; height: 100%; left: 0; top: 0; background: url(../img/abin-hover.png) no-repeat center center; background-size: cover; z-index: 0; opacity: 0; transition:.5s ease-in-out; }*/ .about-wrap .ab_index li img{ /*position: absolute;*/ width: 100%; height: 100%; left: 0; top: 0; transition: all 0.3s ease 0s; } .about-wrap .ab_index li:nth-child(4n){ margin-right: 0; } .about-wrap .ab_index li .hover{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,117,189,0.85); color: #fff; box-sizing:border-box; padding: 0.3rem 0.75rem 0; left: 0; top: 70%; transition: all 0.3s ease 0s; z-index: 1; } .about-wrap .ab_index li .hover .point{ width: 0.4rem; height: 0.4rem; border-radius: 50%; background: rgba(255,255,255,0.5); right: 0.75rem; top: 0.45rem; transition: all 0.3s ease 0s; } .about-wrap .ab_index li .hover .p{ position: relative; display: inline-block; vertical-align: middle; padding-right: 45px; } .about-wrap .ab_index li .hover .p:before{ content: ''; position: absolute; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: rgba(255,255,255,0.5); top: 0; right: 0; bottom: 0; margin: auto; transition: all 0.3s ease 0s; opacity: 0; } .about-wrap .ab_index li .t{ font-size: 0.45rem; transition: all 0.3s ease 0s; } .about-wrap .ab_index li .p{ color: rgba(255,255,255,0.7); font-family: arial!important; opacity: 0; } .about-wrap .ab_index li:hover img{ transform:scale(1.1); } /*公司介绍*/ .context14{ font-size: .35rem; line-height: .6rem; } .ainfo-info{ padding: 2.25rem 0 2rem; } .ainfo-info .title-t .h2{ line-height: 1; margin-bottom: .25rem; } .ainfo-info .title-t{ margin-bottom: 0.6rem; color: #333; line-height: 1.2 } .ainfo-info .title-t .t{ font-size: 0.4rem; color: #999; } .ainfo-info .info_con{ height: 9.9rem; } .ainfo-info .info_con .le{ width: 48.2%; height: 100%; border-bottom: 2px solid #ccc; } .ainfo-info .info_con .le .h3{ color: #005ca9; margin-bottom: 0.5rem; } .ainfo-info .info_con .le .p{ } .ainfo-info .info_con .img{ width: 46.4%; height: 100%; } .ainfo-info .info_con .img .cir{ bottom: 0; left: 0; transform: translateX(-50%); } .ainfo-info .item_list{ margin-top: 0.35rem; } .ainfo-info .item_list .item{ border-bottom: 1px solid #e5e5e5; padding-top: .6rem; height: (165rem/40); } .ainfo-info .item_list .top{ font-size: 0; .item{ display: inline-block; vertical-align: bottom; } } .ainfo-info .item_list .top .item{ width: 28.2%; margin-left: 7.7%; &:nth-child(3n+1){ margin-left:0; } } .ainfo-info .item_list .item{ position: relative; padding-left: (110rem/40); .ico{ position: absolute; left: .35rem; top: .6rem; } } .ainfo-info .item_list .item .ico{ width: 1.9rem; height: 1.9rem; margin-right: 0.35rem; text-align: center; line-height: 1.9rem; } .ainfo-info .item_list .item .ico img{ width: 1rem; display: inline-block; vertical-align: middle; } .ainfo-info .item_list .item .con-t{ padding-top: 0.2rem; font-size: .35rem; line-height: .6rem; } .ainfo-info .item_list .bot .item .con-t{ width: 80%; } .ainfo-info .item_list .item .top .con-t{ width: 69%; } .ainfo-info .item_list .item .t{ font-size: 0.45rem; color: #333; margin-bottom: 0.25rem; } .ainfo-advan{ background:#fcfcfc url(../web/img/info-back.jpg)no-repeat center center; background-size: cover; background:#fcfcfc; padding-top: 2rem; } .ainfo-advan .title{ text-align: center; color: #333; margin-bottom: 0.75rem; } .ainfo-advan .item{ background: #fff; position: relative; min-height: 3.75rem; margin-bottom: 0.35rem; box-shadow: 2px 2px 4px 4px #e7e7e9; } .ainfo-advan .title{ margin-bottom: .3rem; } .ainfo-advan .item:last-child{ margin-bottom: 0; } .ainfo-advan .item .img .i{ position: relative; top: 50%; transform:translateY(-50%); line-height: 1.2; } .ainfo-advan .item .img{ width: 13.57%; height: 100%; background: #005ca9; color: #fff; font-size: 0.6rem; position: absolute; left: 0; top: 0; text-align: center; } .ainfo-advan .item .img img{ margin-bottom: 0.25rem; } .ainfo-advan .item:nth-child(2) .img{ background: #0074bd; } .ainfo-advan .item:nth-child(3) .img{ background: #36b2e5; } .ainfo-advan .item .con-t{ margin-left: 13.57%; width: 86.43%; box-sizing:border-box; padding: 0.9rem 1.35rem 0.7rem; color: #333; font-size: 0.4rem; } .ainfo-advan .item .con-t .wen{ font-size: 0.35rem; color: #666; line-height: 2.14; } .ainfo-advan .item_list{ margin-bottom: 0.1rem; } .ainfo-advan .links{ width: 2.5rem; height: 1.5rem; z-index: 1; } .ainfo-advan .links a{ display: block; width: 100%; height: 100%; } .ainfo-advan .link1{ left: 32%; top: 20%; } .ainfo-advan .link2{ left: 36.5%; top: 32%; } .ainfo-advan .link3{ left: 41%; top: 20%; } .ainfo-advan .link4{ left: 53.5%; top: 20%; } .ainfo-advan .link5{ left: 58%; top: 32%; } .ainfo-advan .link6{ left: 63%; top: 20%; } .ainfo-advan .link7{ left: 37%; top: 60%; } .ainfo-advan .link8{ left: 32%; top: 72%; } .ainfo-advan .link9{ left: 41%; top: 72%; } .ainfo-advan .link10{ left: 58%; top: 60%; } .ainfo-advan .link11{ left: 53%; top: 72%; } .ainfo-advan .link12{ left: 63%; top: 72%; } .ainfo-advan .link13{ width: 5rem; height: 3rem; left: 24.5%; top: 42%; } .ainfo-advan .link14{ width: 5rem; height: 3rem; left: 45%; top: 42%; } .ainfo-advan .link15{ width: 5rem; height: 3rem; left: 65%; top: 42%; } .ainfo-touzi{ padding: 2.25rem 0 2.5rem; position: relative; z-index: 4; } .ainfo-touzi .title{ text-align: center; color: #333; margin-bottom: 1.4rem; } .ainfo-touzi .w1400{ text-align: center; } .ainfo-touzi .show-con{ width: 12.375rem; height: 6.575rem; background:url('../../web/img/info-img4.png')no-repeat center center; background-size: 100%; box-sizing:border-box; padding: 0.7rem 2rem 0.75rem 0.75rem; text-align: left; } .infobox{ overflow-y:auto; max-height: 100%; } .ainfo-touzi .ys1 .show-con{ left: -6%; top: 48%; } .ainfo-touzi .ys2 .show-con{ left: 26%; top: 18%; } .ainfo-touzi .ys3 .show-con{ left: 26%; top: 66%; } .ainfo-touzi .ys4 .show-con{ left: 5%; top: 88%; } .ainfo-touzi .ys5 .show-con{ left: 40%; top: 36%; } .ainfo-touzi .ys6 .show-con{ left: 40%; top: 90%; } .ainfo-touzi .show-con .t{ font-size: 0.4rem; color: #005ca9; margin-bottom: 0.4rem; } .ainfo-touzi .show-con .b{ color: #333; margin-top: 0.4rem; margin-bottom: 0.2rem; } .ainfo-touzi .show-con span{ color: #35b3e3; } .ainfo-touzi .item-b .po{ width: 7.5rem; height: 2rem; color: #fff; cursor: pointer; } .ainfo-touzi .item-b .po1{ left: 8%; top: 32%; } .ainfo-touzi .item-b .po2{ left: 35%; top: 1%; width: 9.5rem; } .ainfo-touzi .item-b .po3{ left: 39%; top: 46%; height: 3rem; } .ainfo-touzi .item-b .po4{ left: 39%; top: 84%; } .ainfo-touzi .item-b .po5{ left: 71%; top: 32%; } .ainfo-touzi .item-b .po6{ left: 71%; top: 84%; } .ainfo-touzi .show-con .show-con.po1{ } .speech-w{ padding: 2rem 0 2.75rem; } .speech-w .title-t { margin-bottom: 1.2rem; color: #333; } .speech-w .title-t .t{ font-size: 0.4rem; color: #999; } .speech-w .info-con .le{ width: 50%; } .speech-w .info-con .le .t{ color: #005ca9; font-size: 0.6rem; margin-bottom: 0.9rem; } .speech-w .info-con .le .con-t{ line-height: 2.14; } .speech-w .info-con .img{ width: 42.14%; } .speech-w .swiper-box{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 0.6rem 0; margin-top: 1.75rem; } .speech-w .swiper-box .swiper-slide{ width: auto; margin-right: 0.4rem; } .speech-w .swiper-box .swiper-slide:last-child{ margin-right: 0; } /**/ @media screen and (max-width: 1700px) { .bocweb-header .nav-box .nav-top{ padding:0 .5rem; } } @media screen and (max-width: 1600px){ .nav-sousuo .span{ margin-left: .5rem; } .nav-sousuo .erweima{ margin-left: 0; } .nav-sousuo { margin-left: 0.5rem; padding-left: .7rem; } .contacts-box .contacts-map .mapbox .images{ width: 55%; height: (540rem/40); } .contacts-box .contacts-map .mapbox .words{ width: 36%; } .contacts-box .contacts-map .titbox{ width: 36%; } .develop .develop-list{ width: 80%; } } @media screen and (max-width: 1550px){ .bocweb-logo{ width: 8rem; display: inline-block; vertical-align: top; } .hleft, .bocweb-header .header-left{ width: 52%; } .hright, .bocweb-header .header-right{ width: 48%; } .foot-main .nav .nav-top{ font-size: 15px; } .foot-main .nav .nav-bot{ font-size: 13px; line-height: 2; } .foot-img .span{ font-size: 12px; line-height: 1.8; } .foot-main .nav:nth-child(n+2){ margin-left:2.2rem; } } @media screen and (max-width: 1360px){ .ability2-top .swiper-slide .items .tit{ font-size: .5rem; } .bocweb-header{ /*padding:0 1rem;*/ } .header-left{ padding-left: 1rem; } .header-right{ padding-right: 1rem; } .hright{ padding-right: 1rem; } .foot-main .nav:nth-child(n+2){ margin-left:1.5rem; } .w1400{ width: 1200px; max-width: 90%; } .news-bot .itemsbox .items .tit{ font-size: 14px; line-height: 18px; height: 18px; } .videolist .items .span{ font-size: 14px; line-height: 20px; height: 20px; } .silicon .silicon-top .words .wen{ padding-top: .8rem; width: 20rem; } .concept .listone .words .p br{ display: none; width: 80%; margin:0 auto; } .abmap{ width: 800px!important; height: 450px!important; } .abmap svg,.abmap .jsmap-svg-container{ width: 100%!important; height: 100%!important; } } @media screen and (max-width: 1270px){ .hleft, .bocweb-header .header-left{ width: 40%; } .hright, .bocweb-header .header-right{ width: 60%; } .crystal-left{ width: 10rem; } .crystal-right { width: calc(100% - 10rem); padding-left: 1.625rem; } .team-list .items .words { padding: .6rem .8rem; } .crystal-left .items .p{ font-size: 12px; } .crystal-left .items .words{ padding: 0.6rem .9rem 0.6rem .7rem; } } @media screen and (max-width: 1190px){ .welcome-products .box-left { width: 48%; padding-right: 2.5rem; } .welab-list{ .li1{ left: (460rem/50); bottom: (440rem/50); .words-box{ } } .li2{ left: (730rem/50); bottom: (525rem/50); } .li3{ left: (715rem/50); bottom: (335rem/50); } .li4{ left: (1205rem/50); bottom: (555rem/50); } .li5{ left: (1205rem/50); bottom: (330rem/50); } } } @media screen and (min-width: 1024px){ .ability2-top .swiper-slide{ width: 18% !important; } .ability2-top .swiper-slide-prev, .ability2-top .swiper-slide-next{ width: 20% !important; } .ability2-top .swiper-slide-active { width: 24% !important; } .about-wrap .ab_index li:hover .hover{ padding: 1.5rem 0.75rem 0; top:0; background: url(../img/abin-hover.png)no-repeat center center; background-size: cover; } .about-wrap .ab_index li:hover .p{ opacity: 1; } .about-wrap .ab_index li:hover .hover .point{ opacity: 0; } .about-wrap .ab_index li:hover .t{ font-size: 0.6rem; } .about-wrap .ab_index li:hover .hover .p:before{ opacity: 1; transition: all 0.3s ease 0s; } } @media screen and (max-width: 1023px){ .welab-list .words-box{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; margin: auto; transform: translate(0, 0); } .welab-list .li .close{ display: block; } .welab-list{ .li1{ left: (460rem/50); bottom: (440rem/50); .words-box{ } } .li2{ left: (730rem/50); bottom: (525rem/50); } .li3{ left: (715rem/50); bottom: (335rem/50); } .li4{ left: (1205rem/50); bottom: (555rem/50); } .li5{ left: (1205rem/50); bottom: (330rem/50); } } .ability-02 .ability2-bot .items-words{ width: 85%; } .crystal-list .imglist .li{ width: 32%; margin-left: 2%; &:nth-child(5n+1){ margin-left:2%; } &:nth-child(3n+1){ margin-left: 0; } } .ability-01 .items .imgs{ width: 100%; } .ability-01 .items{ width: 49%; margin-left: 2%; margin-bottom: 2%; img{ width: 100%; } &:nth-child(4n+1){ margin-left:2%; } &:nth-child(2n+1){ margin-left: 0; } } .ability-01 { padding-top: 1.625*.4rem; padding-bottom: 1.5*.4rem; } .ability-01 .list{ margin-top: .45rem; } .ability-01 .items .svgbox{ height: auto; } .ability2-top .imgs{ width: 100%; } .develop .develop-list{ width: 100%; } .contacts-box .contacts-map .mapbox .images{ width: 100%; margin-top: 1rem; } .contacts-box .contacts-map .mapbox .words{ width: 100%; position: static; padding-top: 1.5rem; padding-bottom: 1.5rem; } .contacts-box .contacts-map .titbox{ width: 100%; position: static; line-height: 1; } .contacts-box .contacts-map .mapbox .words{} .resources-top .items{ width: 49%; margin-left: 2%; margin-bottom: 2%; &:nth-child(4n+1){ margin-left:2%; } &:nth-child(2n+1){ margin-left:0; } } .about-wrap .ab_index li .hover{ top: 80%; } .about-wrap .ab_index li{ width: 49%; margin:0 2% 2% 0;; } .about-wrap .ab_index li:nth-child(4n){ margin-right: 2%; } .about-wrap .ab_index li:nth-child(2n){ margin-right: 0; } .welnews-bot .items .words { padding: 0.6rem; padding-right: 1rem; } .welnews-bot .items .line{ margin-top: .3rem; margin-bottom: .35rem; } .semicon .semicon-left, .semicon .semicon-right{ width: 100%; } .semicon .semicon-right{ margin-top: .6rem; } .semicon .semicon-right img{ width: 100%; } .svgbox .svg { stroke-width: 8; r: calc(50% - 4px); } .silicon-list .items .imgs:before,.silicon-list .items .imgs:after{ display: none; } .silicon-list .items .img, .silicon-list .items .imgs{ max-width: 100%; } .silicon .silicon-top .words .wen{ width: 90%; position: static; } .news-top .list .images{ width: 250px; height: auto; } .silicon .silicon-top .words{ position: static; padding-bottom: 20px; background:#b6b6b6; } .news-top .list .words { width: calc(100% - 250px); } .amore{ height: 35px; line-height: 35px; } .mbox{ display: block; } .pcbox{ display: none; } .con-banner .words{ padding-top: 50px; } .con-banner .conban-bg.animate{ width: 60%; max-width: none; } .foot-main .subnav{ display: none; } .foot-img{ width: 100%; border:none; min-height: auto; } .footer-top{ padding: 1.5rem 0; } .foot-main{ border-top: none; } .footer-bot{ text-align: center; } .footer-top, footer.f8{ background:#272c31; } .footer-top .selectbox .select-top{ background-color: #32373c; } .footer-top .selectbox .select-top span:after{ background: url(../img/anniu1.png) no-repeat center; background-size: 80%; } .foot-inputbox .inputs{ width: 100%; text-align: center; } .footer-top .selectbox{ vertical-align: middle; } .foot-img .img{ width: 100px; height: 100px; } .foot-main { margin-top: 0; padding-top: 28px; } .fx { text-align: center; } .footer-top .fx .i{ background-color:#fff!important; } .fx { margin-top: 30px; font-size: 0; .i{ margin: 0 5px; } } .team-list .items{ width: 49%; margin-left: 2%; margin-bottom: 2%; &:nth-child(3n+1){ margin-left:2%; } &:nth-child(2n+1){ margin-left: 0; } } } .pc900{ display: block; } .m900{ display: none; } @media screen and (max-width: 900px){ .welab-list .li1 { left: 18%; bottom: 25%; } .welab-list .li2 { left: 45%; bottom: 37%; } .welab-list .li3 { left: 45%; bottom: 22%; } .welab-list .li5{ left: 75%; bottom: 22%; } .welab-list .li4{ left: 75%; bottom: 37%; } .kf4 .items{ width: 49%; margin-left: 2%; margin-bottom: 2%; &:nth-child(4n+1){ margin-left:2%; } &:nth-child(2n+1){ margin-left:0; } } .speech-w .info-con .le{ width: 100%; } .speech-w .info-con .img{ width: 100%; margin-top: 1rem; } .concept .listtwo .items .li{ width: 49%; margin-left:2%; margin-bottom: 2%; &:nth-child(3n+1){ margin-left:2% } &:nth-child(2n+1){ margin-left:0; } } .concept .listone .items{ width: 50%; margin-bottom: 3%; } .ft18{ font-size: 15px; } .welcome-products .box{ width: 100%; max-width: 100%; } .welcome-products .box-right .items{ width: 100%; margin-left: 0; } .welcome-products .box-left .amore{ margin:0 auto; margin-top:1.2rem; } .welcome-products .box-left .tit{ margin-bottom: 1rem; } .ft16{ font-size: 14px; } .ft14{ font-size: 13px; } .numlist .numli{ max-width: 33%; } .numlist .numli{ padding: 0 1.5rem; } .numlist .numli .cn{ line-height: 1.5; } .pc900{ display: none; } .m900{ display: block; } .welcome-news .welnews-top .welmore{ position: relative; left: auto; bottom: auto; margin-top: .75rem; } .welcome-products .box-right{ margin-top: 1.5rem; } .welcome-products .box-right, .welcome-products .box-left{ width: 100%; img{ width: 100%; } } .welcome-news .welnews-top .images, .welcome-news .welnews-top .words{ width: 100%; } .welcome-news .welnews-top .words{ position: static; padding: 1.5rem; } .welnews-bot .items{ width: 100%; margin-left: 0; &:nth-child(n+2){ margin-top:20px; } } .welcome-products .box-left{ padding: 1rem 2rem 1rem 1rem; text-align: center; } .ainfo-info .item_list .top .item{ width: 100%; margin-left: 0; } .ainfo-info .item_list .item{ height: auto; padding-bottom: .5rem; min-height: 3rem; } .ainfo-info .info_con .img, .ainfo-info .info_con .le{ width: 100%; } .ainfo-info .info_con{ height: auto; } .ainfo-info .info_con .le{ height: auto; padding: 1rem 0 1rem 0; border-bottom: none; } .ainfo-info .info_con .img{ height: 9.9rem; margin-bottom: .75rem; } .crystal-left{ width: 100%; } .crystal-right{ width: 100%; padding-left: 0; } } .welcome-about .words .txt{ max-width: 100%; } .ainfo-touzi .show-con .close{ width: 20px; height: 20px; position: absolute; right: 5px; top: 5px; background:url(../img/jpg/close.png) no-repeat center; background-size: 100%; cursor: pointer; display: none; } .contacts-form .form .input.yanzheng .img img{ display: block; } @media screen and (min-width: 768px){ .swiper-box img{ height: 5.5rem; } .contacts-form .form .span, .contacts-form .form .input{ font-size: .4rem; line-height: 1.25rem; } .contacts-form .form .items .span{ width: (140rem/40); } .contacts-form .form .items .input { width: calc(100% - (140rem/40)); } .contacts-form .form input{ height: 1.25rem; } .contacts-form .form .input.yanzheng .img{ height: 1.25rem; img{ height: 100%; display: block; } } .contacts-form .form .input.yanzheng .submit{ font-size: .4rem; width: 4rem; } } @media screen and (max-width: 767px){ .welab-list .li .close{ display: block; } .numlist .numli:after{ height: 1rem; } .welab-list .li .imgs{ &:before{ width:1*.4rem; height:1*.4rem; left: .5*.4rem; top: .4*.4rem; } } .welab-list .li{ font-size: 0; .i{ display: none; } .spans{ padding-left: .5rem; &:after{ width:.4rem; height: .4rem; background:url(../img/ij.png) no-repeat center; background-size: 100%; content:""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; } } } .welab-list .li1 { left: .65rem; bottom: 3.5rem; } .welab-list .li2 { left: .65rem; bottom: 1.45rem; } .welab-list .li3 { left: 2.3rem; bottom: 2.5rem; } .welab-list .li5{ left: 4.15rem; bottom: 1.25rem; } .welab-list .li4{ left: 4.7rem; bottom: 3.3rem; } .welab-list .li .spans{ top: 0; } .welab-list .li .svgbox { width: 5.375*.4rem; height: 5.375*.4rem; } .welab-list{ .words-box{ width: (605rem/100); height: (215rem/100); .frwords{ border-radius: (170rem/100); height: (170rem/100); padding-left: (225rem/100); top: .5625*.4rem; padding-right: .4rem; padding-top: (15rem/100); font-size: .2rem; .tits{ font-size: .2rem; } .txts{ line-height: 1.5; margin-top: .2rem; } } } } .welab-list .li .i{ width: .4rem; height: .4rem; } .welab-list .li .spans { font-size: .2rem; width: 2.5rem; text-align: left; margin-left: 0; } .forming-items{ padding-top: .6*.4rem; padding-bottom: (1.2*.4rem); .num{ font-size: .2rem; padding-left: .12rem; &:after{ width: .1rem; height: .1rem; } } .txt{ margin-bottom: .75*.2rem; } .img{ &:after{ width: 1*.4rem; height: 1*.4rem; right: (32*.4rem/40); bottom: .1*.4rem; } } .ibox{ .words{ width: calc(100% - (220*.4rem/40)); padding-left: (28*.4rem/40); padding-right: (24*.4rem/40); } } .svgbox{ width: (220*.4rem/40); height: (220*.4rem/40); } } .forming-items .svgbox { width: 5.5*.4rem; height: 5.5*.4rem; } .forming-items .ibox .words{ width: calc(100% - 2.2rem); } .crystal-left .items .p{ font-size: .2rem; line-height: 1.5; margin-top: .1rem; } .crystal-left .items .png { right: .05rem; bottom: .05rem; width: .45rem; height: .45rem; } .crystal-left .items .i{ height: 2rem; } .crystalleft-swiper{ margin-bottom: .45rem; } .crystal-list .imglist .li, .crystal-list .imglist .li .p .num{ font-size: .2rem; } .crystal-list .imglist .li{ margin-bottom: .4rem; } .crystal { padding-bottom: 3.625*.2rem; } .svgbox.cur { width: 3.375*.4rem; height: 3.375*.4rem; box-shadow: 0 0 .1rem .04rem rgba(0, 0, 0, 0.15); } .crystal-list .imglist .li .img{ width: 100%; height: auto; } .crystal-list .items:after{ width: 4.875*.4rem; } .crystal-left .items .words { padding: 0.6*.4rem .9*.4rem 0.6*.4rem .7*.4rem; } .crystal-list .imglist { margin-top: .7rem; } .crystal-list .items .wen { font-size: .2rem; line-height: .4rem; margin-top: .3rem; } .crystal-list .items{ padding-bottom: .7rem; } .crystal-list .items2{ padding-top: 1.15*.4rem; } .crystal-list .items1{ padding-top: 1.45*.4rem; } .crystal-left .items .text{ padding-right: .85rem; } .swiperboxs{ .swiper-button-prev,.swiper-button-next{ width: .25rem; height: .5rem; } .swiper-button-prev{ left: -.28rem; } .swiper-button-next{ right: -.28rem; } } .semicon .semicon-left .items .i{ height: 2.5rem; opacity: 1; position: relative; &:after{ content:""; position: absolute; width: 100%; height: 100%; left: 0; top: bottom; background: url(../img/i23.png) no-repeat left top; background-size: cover; transition: .5s ease-in-out; } } .semicon .semicon-left .items .words .imgs{ width: 30%; } .semicon .semicon-left .items .words{ padding: .25rem 0; position: relative; } .semicon .semicon-left .items:hover .text .tit, .semicon .semicon-left .items:hover .text .p{ color:#666; } .semicon .semicon-left .items:nth-child(n+2){ margin-top: .2rem; } .semicon .semicon-right{ margin-top: .3rem; } .semicon .semicon-left .items .tit { font-size: .24rem; padding-left: .3rem; margin-bottom: 0.1rem; } .semicon .semicon-left .items .words .text { font-size: .2rem; width: 70%; padding-left: .2rem; padding-right: 1.375*.2rem; max-height: 100%; } .semicon .semicon-left .items .tit:after { width: .4*.4rem; height: .4*.4rem; top: .25*.4rem; } .semicon .semicon-left .items .p{ font-size: .2rem; line-height: 1.6; } .semicon .semicon-left .items .ying{ display: none; } .semicon { padding-bottom: 1.3rem; } .svgimgbox .imgs .img { width: 5.375*.4rem; height: 5.375*.4rem; line-height: 5.375*.4rem; top: 0; transform: none; } .ability-01 .items .imgs:before { width: 1*.4rem; height: 1*.4rem; right: 1.75*.4rem; bottom: .1*.4rem; } .video-active .svgbox:after{ background-size: .6rem .6rem; } .ability2-top .swiper-slide{ line-height: 1.2; } .ability2-top .swiper-slide .items .tit{ font-size: .3rem; line-height: .45rem; height: .45rem; } .ability-02 .ability-tit .tit{ margin-bottom: .3rem; } .ability2-top .swiper-slide .items{ height: auto; } .ability-02 .ability2-bot .items-words{ line-height: 1.6; } .ability2-top { margin-top: .3rem; margin-bottom: .45rem; } .ability-02 { padding-top: .9rem; padding-bottom: .85rem; } .ability-01 .items .tit{ margin-top: .3rem; } .ability-01 .items .p{ font-size: .2rem; line-height: .35rem; margin-top: .15rem; } .develop .develop-list .items:before{ width: (1.6*.4rem); height: (1.6*.4rem); top: -(1.6*.2rem); } .develop .develop-list{ padding-top: (.42rem); } .develop .develop-list .items .fr .tit { left: .4rem; } .develop .develop-list .items .tit { font-size: .22rem; padding-right: .3rem; top: -.12rem; } .develop .develop-list .items .tit:after{ width: .2rem; height: .2rem; } .develop .develop-list .items .line{ width: .8rem; height: 1px; } .develop .develop-list .items .fl{ padding-right: .4rem; } .develop .develop-list .items .fr{ padding-left: .4rem; } .develop .develop-list .items .words{ padding-top: .45rem; } .develop .develop-list .items .p{ line-height: 1.6; } .develop .develop-list .items{ padding-bottom: .6rem; } .develop-itembox { padding-bottom: 3.625*.4rem; padding-top: .4rem; } .develop { padding-top: 2.2*.4rem; padding-bottom: 3.45*.4rem; } .develop-tit{ margin-top: .45rem; } .jzmore { width: 1.8rem; height: .6rem; border-radius: .6rem; line-height: .6rem; font-size: .2rem; } .commit-list .list2 .span { padding-left: .2rem; line-height: 1.35*.4rem; height: 1.35*.4rem; } .commit-list{ margin-top: 1.25*.4rem; } .commit-list .list2 .items{ font-size: .2rem; } .commit-list .list2 .span:after{ width: .1rem; height: .1rem; } .commit-list .list2 .items{ margin-bottom: 2%; } .commit-list .spans{ margin-top: .2rem; margin-bottom: .3rem; } .commit-list .list .items-bot { line-height: 1.55*.4rem; height: 1.55*.4rem; } .commit-list .list .items{ font-size: .2rem; } .commit-list .list{ padding-bottom: 1.45*.4rem; } .commit-list .list { padding-bottom: .45rem; } .stronghold-title .spanstit{ height: .6rem; line-height: .6rem; } .stronghold-title .i { width: 1.8rem; border-radius: .6rem; font-size: .2rem; } .stronghold-title .i:nth-child(2){ margin-left: .15rem; } .stronghold { padding-bottom: 2.25*.4rem; padding-top: 2.125*.4rem; } .stronghold-title{ margin-bottom: .5rem; } .stronghold-bot .list-top img{ width: .25rem; height: .25rem; } .stronghold-bot{ padding-top: .4rem; } .stronghold-box .li-bot{ font-size: .22rem; line-height: 1.6; } .stronghold-box .list:nth-child(n+2){ padding-top: .875*.4rem; } .stronghold-box .li-bot .tit{ font-size: .2rem; margin-bottom: .16rem; } .stronghold-bot .li-bot { margin-top: .25rem; margin-bottom: .2rem; } .stronghold-box .li-bot .img { margin-top: 0.25rem; } .stronghold-bot .li-top { height: .5rem; line-height: .5rem; font-size: .24rem; padding: 0 0.2rem; } .stronghold-box .li-bot:before{ display: none; } .stronghold-box .li-bot .words, .stronghold-box .li-bot .images{ width: 100%; padding: 0; margin:.2rem 0; } .swiper-box img{ height: 2.5rem; } .speech-w { padding: .8rem 0 1rem; } .speech-w .title-t{ margin-bottom: .4rem; } .speech-w .info-con .le .t{ margin-bottom: .36rem; font-size: .26rem; } .speech-w .info-con .le .con-t{ line-height: 1.8; } .speech-w .swiper-box { padding: 0.6*.4rem 0; margin-top: 1.75*.4rem; } .speech-w .swiper-box .swiper-slide{ margin-right: .15rem; } .contacts-form .form .items .span span{ font-size: .2rem; right: .05rem; } .contacts-form .form .input.yanzheng .text[type=text]{ width: 1.3rem; } .contacts-form .w50{ width: 100%; } .contacts-form .form .input.yanzheng .img{ margin-left: .1rem; margin-right: .1rem; } .contacts-form .form .items .input .i:nth-child(1){ margin-right: .3rem; } .contacts-form .form { padding: .15rem .1rem; } .contacts-form .form .items.cur .span{ padding-left: 0; } .contacts-form .form .input.yanzheng .img img{ height: 100%; } .contacts-box .contacts-map .list .t0{ font-size: .24rem; line-height: 1.5; margin-bottom: .1rem; } .contacts-box .contacts-map .mapbox .images{ margin-top: .4rem; height: 5rem; } .contacts-form .form .items{ margin-bottom: .15rem; } .contacts-box { padding-top: .8rem; padding-bottom: .85rem; } .contacts-box .contacts-map .list .items { padding: 0.25rem .3rem; min-height: 0; } .contacts-box .contacts-map .list .i { padding-left: .35rem; font-size: .2rem; line-height: .4rem; margin: .05rem 0; } .contacts-box .contacts-map .list .i .img{ width: .2rem; height: .2rem; top: .12rem; } .contacts-box .contacts-map .titbox .li{ font-size: .2rem; line-height: .6rem; height: .6rem; width: 2rem; border-radius: .6rem; } .contacts-box .contacts-map .titbox .li:nth-child(n+2){ margin-left: .15rem; } .contacts-box .contacts-map .mapbox .words{ padding-bottom: 0; padding-top: .6rem; } .contacts-form .form-tit { height: 3.5*.4rem; line-height: 3.5*.4rem; } .contacts-form .form .span, .contacts-form .form .input{ font-size: .2rem; line-height: .64rem; } .contacts-box .contacts-map{ padding-bottom: .6rem; } .contacts-form .form-tit .span{ width: .35rem; height: .35rem; margin-left: .25rem; } .contacts-form .form .items .span{ width: (1.2rem); } .contacts-form .form .items .input { width: calc(100% - (1.2rem)); } .contacts-form .form input{ height: .64rem; } .contacts-form .form .input.yanzheng .img{ height: .64rem; } .contacts-form .form .input.yanzheng .submit{ font-size: .22rem; width: 1.6rem; } .selects-list select{ width: 3rem; height: .6rem; line-height: .6rem; font-size: .24rem; padding-left: .2rem; } .resources-table .tbody .ybox .close{ font-size: .2rem; line-height: .5rem; } .resources-table .tbody .ybox .link{ width: 2rem; height: .5rem; line-height: .5rem; font-size: .2rem; border-radius: .5rem; } .resources-table .tbody .td, .resources-table .tbody .td1, .resources-table .tbody .th:hover .td1, .resources-table .tbody .th.active .td1{ font-size: .2rem; } .resources-table .tbody .ybox .list{ padding-bottom: .5rem; } .resources-table .tbody .ybox .li2, .resources-table .tbody .ybox .li1{ padding: 0; } .resources-table .tbody .ybox .li2{ margin-top: .35rem; } .resources-table .tbody .ybox .li{ width: 100%; font-size: .2rem; line-height: 1.5; } .resources-table .tbody{ padding-bottom: .65rem; } .resources-table .tbody .ybox{ padding: .3rem .25rem; } .resources-table .thead .td{ font-size: .22rem; padding: 0 0.1rem; line-height: .72rem; } .resources-table .td{ padding: 0 0.1rem; line-height: .72rem; } .resources-table{ padding-top: .3rem; } .selects-list select:nth-child(n+2){ margin-left: .1rem; } .resources-top .items { font-size: .24rem; height: 3rem; padding: .2rem; padding-top: .25rem; } .resources-top .items .img{ width: .6rem; height: .6rem; } .resources-top .items .tit{ margin-top: .3rem; } .resources-top .items .p{ font-size: .2rem; line-height: 1.3; margin-top: .3rem; } .resources-top .text{ font-size: .22rem; line-height: 1.5; margin-top: .5rem; padding-bottom: .3rem; } .resources-box { padding: .8rem 0; } .concept .listtwo .items .li .box, .concept .listtwo .items .li:hover .box{ padding-bottom: .45rem; } .concept .listtwo .items .li .dian{ opacity: 1; } .concept{ padding-top: (85rem/100); .listtwo{ padding-top: .28rem; padding-bottom: .8rem; .items{ .li{ width: 100%; margin-left: 0%; height: 2rem; line-height: 2rem; .dian{ width: .22rem; height: .22rem; margin-top: .24rem; } .smil{ margin-top: .2rem; } &:after{ height: .05px; } } } } .listthree{ padding-top: (44rem/100); padding-bottom: .8rem; .items{ .li{ font-size: .2rem; width: 100%; margin-left: 0%; line-height: (78rem/100); height: (78rem/100); margin-bottom: .2rem; } } } .listone{ padding-bottom: (85rem/100); padding-top: .28rem; margin-top:.5rem; .items{ width: 100%; } .words{ padding-top: (32rem/100); .p{ font-size: .2rem; line-height: .35rem; margin-top: .14rem; } .en{ font-size: .2rem; margin-top: .1rem; } } .imgs{ width: (190rem/100); height: (190rem/100); &:after{ width: .4rem; height: .4rem; right: .008rem; top: .2rem; } .i{ width: (65rem/100); height: (65rem/100); top: (45rem/100); } } } } .concept-list{ .tit{ margin-bottom: .35rem; } } .commit{ padding-top: (85rem/100); padding-bottom: 1rem; } .commit-list .list2{ padding-top: .4rem; } .commit-list .list .items-top .i{ width: 1.375*.4rem; height: 1.375*.4rem; } .ainfo-touzi .item-b .po { width: 2rem; height: 0.6rem; } .ainfo-touzi .item-b .po1{ left: 1%; } .infobox::-webkit-scrollbar { width: 2px; height: 2px } .team-list .items .words .t0{ font-size: .26rem; margin-bottom: .1rem; } .team-list .items .words{ font-size: .2rem; line-height: 1.5; } .team-list .items .words{ padding: .2rem .25rem; } .team-list .items{ width: 100%; margin-left: 0!important; } .team{ padding-top: .84rem; } .about-titles .en{ margin-top: .1rem; } .about-titles .tit { margin-top: .45rem; color: #005ca9; margin-bottom: .3rem; } .team .about-titles{ padding-bottom: .6rem; } .team-list{ padding-bottom: .85rem; } .ainfo-touzi .show-con .close{ display: block; } .ainfo-advan .links{ display: none; } .ainfo-advan .item .con-t .wen{ font-size: .2rem; line-height: 2; } .ainfo-advan .item .con-t { margin-left: 20%; width: 80%; padding: 0.9*.4rem 1.35*.4rem 0.7*.4rem; } .ainfo-advan .item .img{ width: 20%; font-size: .24rem; } .ainfo-advan .item .img img{ margin-bottom: .1rem; width: .55rem; height: .55rem; } .ainfo-touzi .show-con .b{ margin-top: .15rem; margin-bottom: .1rem; } .ainfo-touzi .show-con{ } .ainfo-touzi { padding: 2.25*.4rem 0 2.5*.4rem; } .ainfo-touzi .title{ margin-bottom: .5rem; } .ainfo-touzi .show-con{ width: 12.375*.4rem; height: 3rem; padding: 0.7*.4rem 2*.4rem 0.75*.4rem 0.75*.4rem; left: 0!important; top: 0!important; bottom: 0!important; right: 0!important; margin: auto; background:#fff; border:1px solid #e5e5e5; } .ainfo-touzi .show-con .t{ font-size: .24rem; margin-bottom: .1rem; line-height: 1.5; } .context14{ font-size: .2rem; line-height: .35rem; } .ainfo-info .info_con .img{ margin-bottom: .3rem; height: 9.9*.4rem; } .ainfo-info .info_con .img .cir{ width: .64rem; height: .64rem; } .ainfo-info .item_list .item { padding-left: 2.75*.4rem; } .ainfo-info .item_list .item .ico img{ width: .4rem; } .ainfo-info .item_list .item .ico{ width: 1.9*.4rem; height: 1.9*.4rem; line-height: 1.9*.4rem; } .ainfo-info .item_list .item { padding-top: .2rem; min-height: 1.5rem; } .ainfo-info .item_list .item .t{ margin-bottom: .1rem; font-size: .28rem; line-height: .4rem; } .ainfo-info .item_list .top .item{ padding-top: .24rem; } .ainfo-info .item_list .item .con-t{ padding-top: .08rem; } .ainfo-info .item_list .item .ico { position: absolute; left: .35*.4rem; top: .6*.4rem; } .ainfo-info .item_list .item .con-t{ font-size: .2rem; line-height: .4rem; } .ainfo-info .item_list .bot .item .con-t{ width: 100%; } .ainfo-info { padding: 2.25*.4rem 0 .8rem; } .ainfo-info .title-t .h2{ margin-bottom: .1rem; } .ainfo-info .title-t .t{ font-size: .2rem; } .ainfo-info .title-t{ margin-bottom: .24rem; } .ainfo-info .info_con .le{ padding: .4rem 0 .4rem 0; } .ainfo-info .info_con .le .h3{ margin-bottom: .2rem; } .ainfo-advan{ padding-top: .8rem; } .ainfo-advan .item .con-t{ font-size: .26rem; line-height: 1.8; } .about-wrap .ab_index { padding: 2.3*.2rem 0 1.1*.4rem; } .about-wrap .ab_index .title{ padding: 0; margin-bottom: 0; } .about-wrap .ab_index .title .h3{ font-size: .3rem; margin-bottom: .2rem; } .about-wrap .ab_index .title .p{ font-size: .24rem; line-height: 1.5; } .about-wrap .ab_index .title{ padding-bottom: .6rem; } .about-wrap .ab_index li .t{ font-size: .24rem; } .about-wrap .ab_index li .p{ opacity: 1; } .about-wrap .ab_index li img{ transform:scale(1.1); } .about-wrap .ab_index li .hover{ padding: .3rem 0.1rem 0; } .about-wrap .ab_index li .p{ opacity: 1; } .about-wrap .ab_index li .hover .point{ opacity: 0; } .about-wrap .ab_index li .t{ font-size: 0.24rem; } .about-wrap .ab_index li .hover .p:before{ opacity: 1; transition: all 0.3s ease 0s; } .about-wrap .ab_index li .hover{ top: 0; } .about-wrap .ab_index li .hover .p:before{ width: .15rem; height: .15rem; } .about-wrap .ab_index li .hover .p{ padding-right: .25rem; font-size: .2rem; } .about-wrap .ab_index li .hover { background: url(../img/abin-hover.png) no-repeat center center; background-size: cover; } .footer-top .selectbox .select-bot{ top: .7rem; } .welcome-banner .items .words { padding-bottom: 1.5rem; background: url(../img/i40.png) no-repeat center bottom; background-size: cover; min-height: 4.4rem; padding-top: 1.25rem; } .ft18{ font-size: .2rem; } .ft16{ font-size: .2rem; } .ft14{ font-size: .2rem; } .ft60{ font-size: .6rem; } .ft48{ font-size: .36rem; } .welcome-banner .items .words .tit{ font-size: .48rem; margin-bottom: .4rem; } .ft28{ font-size: .28rem; } .welcome-banner .items .words .txt{ margin-bottom: .2rem; line-height: 1.1; } .ft18{ font-size: .2rem; } .welcome-banner .buts{ padding-bottom: .27rem; bottom: 0; } .welcome-banner .buts .btn-span{ display: none; } .welcome-banner .swiper-pagination .swiper-pagination-bullet{ width: .15rem; height: .15rem; margin:0 .12rem; } .welcome-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: .15rem; } .welcome-products{ padding-top: .58rem; } .welcome-products .list{ margin-top: .4rem; padding-top: .5rem; padding-bottom: .5rem; } .welcome-tit .en{ margin-top: .2rem; } .welcome-products .box-left{ padding: .4rem .8rem .5rem .4rem; text-align: center; } .welcome-products .box-left .tit{ font-size: .3rem; margin-bottom: .16rem; } .welcome-products .box{ width: 100%; max-width: 100%; } .context16{ font-size: .2rem; line-height: .4rem; } .welcome-products .box-left .amore{ margin:0 auto; margin-top: .26rem; } .welcome-products .box-right{ margin-top: 0; } .welcome-products .box-right .items{ width: 100%; margin-left:0; } .welcome-products .box-right .items .words { padding: .35rem .2rem; } .welcome-products .box-right .items .words .cn{ font-size: .24rem; } .welcome-products .box-right .items .words .en{ font-size: .2rem; margin-top: .15rem; } .welcome-products .box-right .items .words .i{ width: .6rem; height: .6rem; right: .35rem; bottom: .2rem; } .welcome-about .words{ padding-top: .68rem; } .welcome-about .pcimg{ height: 10.15rem; } .welcome-tit .cn{ font-size: .36rem; } .welcome-about .words .tit{ margin-top: .4rem; font-size: .24rem; color:#090c18; margin-bottom: .15rem; } .welcome-about .words .txt{ width: 100%; } .numlist .numli{ padding:0; width: 33.33%; padding: 0 .1rem; } .welcome-about .numlist{ margin-top: .3rem; } .numlist .num{ font-size: .72rem; } .numlist .numli .cn{ font-size: .2rem; margin-top: .2rem; } .welcome-news{ padding-top: .55rem; padding-bottom: .7rem; } .welcome-news .welnews-top .images:after{ width: .64rem; height: .64rem; right: 0; bottom: -.32rem; } .welcome-news .welnews-top .tit{ margin-top: 0; font-size: .28rem; color:#333333; margin-bottom: .2rem; } .welcome-news .welnews-top .welmore{ margin-top: .28rem; } .welnews-bot .items .words{ padding: .4rem .35rem; } .welnews-bot .items .line{ display: none; } .welcome-news .welnews-top .words{ padding: 0; padding-top: .3rem; padding-bottom: .58rem; } .welcome-news .welnews-top .time{ margin-bottom: .4rem; } .welnews-bot{ margin-top: 0; } .welnews-bot .items .tit:after{ bottom: auto; } .welnews-bot .items .tit, .time{ font-size: .2rem; display: inline-block; padding: 0; padding-bottom: .16rem; line-height: 1; &:before{ position:absolute; content:""; width: 100%; height: .02rem; background:$color; left: 0; bottom: 0; } &:after{ width: .12rem; height: .12rem; top: .02rem; right: -.24rem; } } .welnews-bot .items .words{ line-height: 1; } .welcome-news .welnews-top .line{ display: none; } .welnews-bot .items .p{ font-size: .28rem; line-height: .48rem; height: .96rem; margin-top: .15rem; } .welnews-bot .items:nth-child(n+2){ margin-top: .2rem; } .problem-list .items-top { font-size: .28rem; line-height: .7rem; height: .7rem; padding-left: .6rem; padding-right: .4rem; } .problem-list{ padding-bottom: .65rem; } .problem-list .items-bot { padding: .24rem .6rem .3rem .3rem; } .problem-list .items-bot .text{ padding-left: .43rem; } .problem-list .items-top:after{ right: .26rem; } .problem-list .items:nth-child(n+2){ margin-top: .15rem; } .problem-list .items-bot .text{ font-size: .24rem; line-height: .45rem; } .problem-box{ padding-bottom: 1.5rem; } .problem-list .items-top:before { width: .16rem; height: .16rem; left: .3rem; } .silicon-list .items .images{ margin-top: .25rem; } .ft36{ font-size: .36rem; } .silicon-list .items .imgs{ width: 100%; height: auto; } .silicon .silicon-top .words{ padding-bottom: .2rem; } .silicon-list .items .words .txt{ margin-top: .2rem; } .silicon-list .items .words .tit, .silicon-list .items .words .txt{ padding-left: .3rem; } .silicon .silicon-top .words .txt{ margin-top: .2rem; } .silicon-list .items .words .tit:after{ width: .15rem; height: .15rem; top: .15rem; } .product-tit { padding-top: .6rem; padding-bottom: .5rem; } .product-tit .txt, .ft14, .ft16{ font-size: .2rem; } .product-tit .txt, .ft14, .ft16{ margin-top: .16rem; } .silicon .silicon-top .words .wen{ padding-top: .5rem; } .silicon-list .items .img{ width: 4rem; height: 4rem; } .svgbox.on .svg,.svgbox.cur .svg, .svgbox .svg { stroke-width: .1rem; r: calc(50% - .05rem); } .silicon-list .items .words{ position: static; transform: translateY(0); } .silicon-list .items .images.fr,.silicon-list .items .images.fl{ padding:0; } .silicon-list .items .images, .silicon-list .items .words{ width: 100%; } .videolist .items .imgs:before{ width: .5rem; height: .5rem; } .videolist .items{ margin-bottom: .35rem; } .videolist{ padding-bottom: .4rem; } .videolist .items .span{ font-size: .2rem; line-height: .35rem; height: .7rem; -webkit-line-clamp: 2; padding-left: .2rem; margin-top: .15rem; } .videolist .items .span:after{ width: .06rem; height: .06rem; left: .04rem; bottom: auto; top: .14rem; } .videolist .items{ width: 49%; margin-left: 2%; &:nth-child(3n+1){ margin-left:2%; } &:nth-child(2n+1){ margin-left:0; } } .pagination a{ width: .5rem; height: .5rem; font-size: .2rem; line-height: .5rem; } .news-box { padding-top: 1.575*.4rem; padding-bottom: 3.125*.4rem; } .news-top .list .words .tit{ line-height: .4rem; height: .4rem; } .news-top .list .words .txt{ font-size: .2rem; line-height: .36rem; height: .72rem; margin-top: .52*.4rem; margin-bottom: 0.875*.4rem; } .news-top .list .alink{ right: .4rem; bottom: .25rem; } .alink{ font-size: .2rem; padding-left: .3rem; } .newsselect .f-l{ width: 100%; margin-bottom: .2rem; } .newsselect .f-r .input input[type=submit]{ width: .25rem; height: .25rem; right: .24rem; } .newsselect .items.items1{ margin-right: 2%; background-position: calc(100% - .3rem); } .newsselect .f-r .input input[type=text]{ padding-left: .28rem; padding-right:.6rem; } .alink:after{ width: .24rem; height: .16rem; } .newsselect .f-r{ width: 100%; } .news-bot .itemsbox .items { padding: 0.2rem 1.15*.4rem 0.24rem 0.36rem; } .news-bot .itemsbox .items .tit{ font-size: .24rem; line-height: .4rem; height: .4rem; } .news-bot .list{ margin-top: .28rem; } .news-bot { padding-top: .28rem; margin-top: .3rem; } .news-bot .itemsbox{ padding-bottom: 1.45*.4rem; } .newsselect .items{ width: 49%; height: .7rem; line-height: .7rem; font-size: .2rem; padding-left: 0.28rem; padding-right: .48rem; background-position: calc(100% - .3rem); } .newsselect .f-r .input{ width: 100%; height: .7rem; } .news-top .list{ padding: .12rem; border-width: 1px; } .news-top .list .images{ width: 100%; height: auto; } .news-top .list .words{ padding:.2rem .25rem; padding-bottom: .4rem; } .ft24{ font-size: .28rem; } .news-top .list .words { width: 100%; } .ft48{ font-size: .5rem; } .ft18{ font-size: .2rem; } .con-banner .words .text .wen .en{ margin-top: .2rem; } .w1400{ width: 6.9rem; max-width: 92%; } .footer-top{ padding:.6rem 0; } .footer-top .selectbox .select-top{ width: 100%; } .foot-inputbox .inputs{ width: 100%; } .footer-top .selectbox{ margin:0 auto; display: block; width: 80%; } .fx{ width: 100%; margin-top: .25rem; text-align: center; } .footer-top .fx .i{ width: .4rem; height: .4rem; } .foot-main { margin-top: 0.65*.4rem; padding-top: .38px; } .foot-img{ padding-left: 0; } .foot-img .img{ width: 1.1rem; height: 1.1rem; } .foot-img .span{ font-size: .2rem; line-height: 1.5; } .footer-bot { font-size: .2rem; line-height: 1.5; padding-top: 0.3rem; padding-bottom: .2rem; } .footer-bot .span,.footer-bot .a{ display: inline; } .footer-top .selectbox .select-top { height: .7rem; line-height: .7rem; padding-left: 0.2rem; font-size: .2rem; padding-right: .5rem; } .footer-top .selectbox .select-top span{ width: .3rem; height: .2rem; text-indent: -999px; overflow: hidden; background: transparent; padding: 0; &:after{ width:100%; height: 100%; right: 0; top: 0; } } .foot-img{ margin-top: .2rem; } .con-column .item{ font-size: .24rem; } .con-column{ line-height: .8rem; height: .8rem; } } /*header begin*/ .header {position:fixed;width: 100%;height:4.2vw;transition: all 1s ease;text-align:center; z-index:2299;background:#fff;} .logo{ position:absolute;top:1vw;left:8.33vw;z-index: 1100;transition: opacity 1.5s ease, visibility 0s;} .logo a{display:block;} .logo img{width:8vw;} .logo .tu{display:block;} .logo .tu1{display:none;} .header .pc_nav{display:block;} .pc_nav{width:auto;float:right;margin-right:8.33vw; height:4.2vw !important;} .pc_nav ul{text-align: right;} .pc_nav li{display:inline-block;padding:0px 1.25vw;transition:400ms ease all;line-height:4.2vw;} .pc_nav li a{color:#114f9d;font-weight: bold;font-size:0.83vw;line-height:4.2vw; display:inline-block; width:100%;letter-spacing:0.1vw;position:relative;} .pc_nav li.bg a:after{content:'';width:100%;position:absolute;bottom:0.78vw;left:0px;height:0.1vw;background:#fff;} .pc_nav li:hover a:after{content:'';width:100%;position:absolute;bottom:0.78vw;left:0px;height:0.1vw;background:#fff;} .pc_nav li.bb{padding-right:0px;} .pc_nav ul li.le{position:relative;} .header .pc_nav ul li.le .dnou2{width:8vw; height:0px; overflow:hidden;position: absolute;left:-0.78vw;opacity:0;background:rgba(0,0,0,0.8); z-index:9999;line-height:2.08vw; top:4.2vw;transition: all 1s ease; z-index:999999;padding:0.52vw 0px;} .pc_nav ul li.le .dnou2 a{ display:block; background:none; color:#fff; font-size:0.83vw;text-align:center;line-height:2.08vw;} .pc_nav ul li.le .dnou2 a:hover{ background:none; color:#0747b8; font-weight:normal;} .pc_nav ul li.le:hover .dnou2 {opacity: 1;height:auto} .pc_nav ul li.le:hover{ background:url(../images/bg1.jpg) no-repeat center 4.2vw; } .pc_nav li.bg .dnou2 a:after{height:0vw;} .pc_nav li:hover .dnou2 a:after{height:0vw;} .header.sticky .pc_nav ul li.le .dnou2{opacity:0;background:rgba(255,255,255,1);} .header.sticky .pc_nav ul li.le .dnou2 a{ display:block; background:none; color:#262626; font-size:0.83vw;text-align:center;line-height:2.08vw;} .header.sticky .pc_nav ul li.le .dnou2 a:hover{ background:none; color:#0747b8; font-weight:normal;} .header.sticky .pc_nav ul li.le:hover .dnou2 {opacity: 1;height:auto} .header.sticky .pc_nav ul li.le:hover{ background:url(../images/bg1.jpg) no-repeat center 4.2vw; } .header.sticky .pc_nav li.bg .dnou2 a:after{height:0vw;} .header.sticky .pc_nav li:hover .dnou2 a:after{height:0vw;} .sj_nav{ display:none; float:right; position:relative; width:35%;} .header.sticky .logo .tu{display:none;} .header.sticky .logo .tu1{display:block;} .header.sticky li a{ color:#114f9d;transition: all 1s ease;} .header.sticky li:hover a{color:#114f9d; } .header.sticky .pc_nav li:hover a:after{background:#0d6fb8;} .header.sticky .pc_nav li.bg a:after{background:#0d6fb8;} .header.sticky li.en:hover a{color:#114f9d; } @media(max-width:3500px){ .pc_nav li a{font-size:1.1vw;} } @media(max-width:1920px){ .pc_nav li a{font-size:1.1vw;} } @media(max-width:1440px){ .pc_nav li a{font-size:15px;} .header.sticky .pc_nav ul li.le .dnou2 a{font-size:15px;line-height:2.3vw;} .pc_nav ul li.le .dnou2 a{font-size:15px;line-height:2.3vw;} .header .pc_nav ul li.le .dnou2{width:10vw;left: -1.15vw;} } @media(max-width:1024px){ .pc_nav{ height:auto; display:none} .sj_nav{ display:block; float:right; position:relative; width:22px;right:30px; min-height:60px;} .header{height:60px;padding:0px;} .header.sticky{background:#fff;} .logo{padding-top:0px;} .logo{left:30px;} .logo img{width:auto;height:auto;} .header .mobile-inner-header-icon{background:url(../images/bg2.png) no-repeat center center;} .header .mobile-inner-header-icon-click{background:url(../images/bg3.png) no-repeat center center;} .header.sticky .mobile-inner-header-icon{background:url(../images/bg.png) no-repeat center center;} .header .pc_nav{display:none;} .header li a{letter-spacing:0.1vw;} } @media(max-width:414px){ .logo{left:15px;} .sj_nav{right:15px;} .logo img{width:30%;height:auto;} .logo{padding-top:8px;} } /*header end*/ /*header begin*/ .header11 {position:fixed;width: 100%;height:4.5vw;transition: all 1s ease;text-align:center; z-index:2299;background:#114f9d;} .logo{ position:absolute;top:1vw;left:8.33vw;z-index: 1100;transition: opacity 1.5s ease, visibility 0s;} .logo a{display:block;} .logo img{width:8vw;} .logo .tu{display:block;} .logo .tu1{display:none;} .header11 .pc_nav{display:block;} .pc_nav{width:auto;float:right;margin-right:8.33vw; height:4.2vw !important;} .pc_nav ul{text-align: right;} .pc_nav li{display:inline-block;padding:0px 1.25vw;transition:400ms ease all;line-height:4.2vw;} .pc_nav li a{color:#114f9d; font-size:1.1vw;line-height:4.2vw; display:inline-block; width:100%;letter-spacing:0.1vw;position:relative;} .pc_nav li.bg a:after{content:'';width:100%;position:absolute;bottom:0.78vw;left:0px;height:0.1vw;background:#fff;} .pc_nav li:hover a:after{content:'';width:100%;position:absolute;bottom:0.78vw;left:0px;height:0.1vw;background:#fff;} .pc_nav li.bb{padding-right:0px;} .pc_nav ul li.le{position:relative;} .header11 .pc_nav ul li.le .dnou2{width:8vw; height:0px; overflow:hidden;position: absolute;left:-0.78vw;opacity:0;background:rgba(0,0,0,0.8); z-index:9999;line-height:2.08vw; top:4.2vw;transition: all 1s ease; z-index:999999;padding:0.52vw 0px;} .pc_nav ul li.le .dnou2 a{ display:block; background:none; color:#fff; font-size:0.83vw;text-align:center;line-height:2.08vw;} .pc_nav ul li.le .dnou2 a:hover{ background:none; color:#0747b8; font-weight:normal;} .pc_nav ul li.le:hover .dnou2 {opacity: 1;height:auto} .pc_nav ul li.le:hover{ background:url(../images/bg1.jpg) no-repeat center 4.2vw; } .pc_nav li.bg .dnou2 a:after{height:0vw;} .pc_nav li:hover .dnou2 a:after{height:0vw;} .header11.sticky .pc_nav ul li.le .dnou2{opacity:0;background:rgba(255,255,255,1);} .header11.sticky .pc_nav ul li.le .dnou2 a{ display:block; background:none; color:#262626; font-size:0.83vw;text-align:center;line-height:2.08vw;} .header11.sticky .pc_nav ul li.le .dnou2 a:hover{ background:none; color:#0747b8; font-weight:normal;} .header11.sticky .pc_nav ul li.le:hover .dnou2 {opacity: 1;height:auto} .header11.sticky .pc_nav ul li.le:hover{ background:url(../images/bg1.jpg) no-repeat center 4.2vw; } .header11.sticky .pc_nav li.bg .dnou2 a:after{height:0vw;} .header11.sticky .pc_nav li:hover .dnou2 a:after{height:0vw;} .sj_nav{ display:none; float:right; position:relative; width:35%;} .header11.sticky .logo .tu{display:none;} .header11.sticky .logo .tu1{display:block;} .header11.sticky li a{ color:#262626;transition: all 1s ease;} .header11.sticky li:hover a{color:#262626; } .header11.sticky .pc_nav li:hover a:after{background:#0d6fb8;} .header11.sticky .pc_nav li.bg a:after{background:#0d6fb8;} .header11.sticky li.en:hover a{color:#262626; } @media(max-width:3500px){ .pc_nav li a{font-size:1.1vw;} } @media(max-width:1920px){ .pc_nav li a{font-size:1.1vw;} } @media(max-width:1440px){ .pc_nav li a{font-size:15px;} .header11.sticky .pc_nav ul li.le .dnou2 a{font-size:15px;line-height:2.3vw;} .pc_nav ul li.le .dnou2 a{font-size:15px;line-height:2.3vw;} .header11 .pc_nav ul li.le .dnou2{width:10vw;left: -1.15vw;} } @media(max-width:1024px){ .pc_nav{ height:auto; display:none} .sj_nav{ display:block; float:right; position:relative; width:22px;right:30px; min-height:60px;} .header11{height:60px;padding:0px;} .header11.sticky{background:#fff;} .logo{padding-top:0px;} .logo{left:30px;} .logo img{width:auto;height:auto;} .header11 .mobile-inner-header-icon{background:url(../images/bg2.png) no-repeat center center;} .header11 .mobile-inner-header-icon-click{background:url(../images/bg3.png) no-repeat center center;} .header11.sticky .mobile-inner-header-icon{background:url(../images/bg.png) no-repeat center center;} .header11 .pc_nav{display:none;} .header11 li a{letter-spacing:0.1vw;} } @media(max-width:414px){ .logo{left:15px;} .sj_nav{right:15px;} .logo img{width:30%;height:auto;} .logo{padding-top:8px;} } /*header end*/ /*header begin*/ .head {position:fixed;width: 100%;height:4.2vw;transition: all 1s ease;text-align:center; z-index:2299;} .head.sticky{background:#fff;} .head.sticky .logo .tu{display:none;} .head.sticky .logo .tu1{display:block;} .head.sticky li a{ color:#114f9d;transition: all 1s ease;} .head.sticky li:hover a{color:#114f9d; } .head.sticky li.en:hover a{color:#114f9d;} .head.sticky .pc_nav li.bg a:after{content:'';width:100%;position:absolute;bottom:0.78vw;left:0px;height:0.1vw;background:#0d6fb8;} .head.sticky .pc_nav li:hover a:after{content:'';width:100%;position:absolute;bottom:0.78vw;left:0px;height:0.1vw;background:#0d6fb8;} .head .pc_nav ul li.le .dnou2{opacity:0;} .head.sticky .pc_nav ul li.le .dnou2{opacity:0;background:(255,255,255,1);} .head.sticky .pc_nav ul li.le .dnou2 a{ display:block; background:none; color:#262626; font-size:0.83vw;text-align:center;line-height:2.08vw;} .head .pc_nav ul li.le:hover .dnou2{opacity:1;background:(255,255,255,1);} .head.sticky .pc_nav ul li.le .dnou2 a:hover{ background:none; color:#0747b8; font-weight:normal;} .head.sticky .pc_nav ul li.le:hover .dnou2 {opacity: 1;height:auto;} .head.sticky .pc_nav ul li.le:hover{ background:url(../images/bg1.jpg) no-repeat center 79px; } .head.sticky .pc_nav li.bg .dnou2 a:after{height:0vw;} .head.sticky .pc_nav li:hover .dnou2 a:after{height:0vw;} .menuTitle31{cursor:pointer;width:100%;list-style: none; height:48px; background:#fff; color:#fff; font-size:14px; line-height:48px; padding:0 15px; color:#000; font-size:16px;} .menuTitle31 a{ color:#000000; font-size:16px;} .menuTitle31 a i{color:#000000; font-size:16px; text-transform:uppercase;} @media(max-width:1440px){ .head.sticky .pc_nav ul li.le .dnou2 a{font-size:15px;line-height:2.3vw;} .head .pc_nav ul li.le .dnou2 a{font-size:15px;line-height:2.3vw;color:#262626;} .head .pc_nav ul li.le .dnou2{width:10vw;left: -1.15vw;background:rgba(255,255,255,1);} } @media(max-width:1024px){ .head{height:60px;background:#fff;} .head .logo .tu1{display:block;} .head .logo .tu {display: none;} .head li a{letter-spacing:0.1vw;} .head .mobile-inner-header-icon{background:url(../images/bg.png) no-repeat center center;} .head .mobile-inner-header-icon-click{background:url(../images/bg1.png) no-repeat center center;} .head.sticky .mobile-inner-header-icon{background:url(../images/bg.png) no-repeat center center;} } @media(max-width:414px){ } /*header end*/ /*header begin*/ .head1 {position:fixed;width: 100%;height:4.2vw;transition: all 1s ease;text-align:center; z-index:2299;} .head1.sticky{background:#fff;} .head1 .pc_nav ul li.le .dnou2{width:8vw; height:0px; overflow:hidden;position: absolute;left:-0.78vw;opacity:0;background:rgba(0,0,0,0.5); z-index:9999;line-height:2.08vw; top:4.2vw;transition: all 1s ease; z-index:999999;padding:0.52vw 0px;} .pc_nav ul li.le .dnou2 a{ display:block; background:none; color:#fff; font-size:0.83vw;text-align:center;line-height:2.08vw;} .pc_nav ul li.le .dnou2 a:hover{ background:none; color:#0747b8; font-weight:normal;} .pc_nav ul li.le:hover .dnou2 {opacity: 1;height:auto} .pc_nav ul li.le:hover{ background:url(../images/bg1.jpg) no-repeat center 4.2vw; } .pc_nav li.bg .dnou2 a:after{height:0vw;} .pc_nav li:hover .dnou2 a:after{height:0vw;} .head1.sticky .pc_nav ul li.le .dnou2{opacity:0;background:rgba(255,255,255,1);} .head1.sticky .pc_nav ul li.le .dnou2 a{ display:block; background:none; color:#262626; font-size:0.83vw;text-align:center;line-height:2.08vw;} .head1.sticky .pc_nav ul li.le .dnou2 a:hover{ background:none; color:#0747b8; font-weight:normal;} .head1.sticky .pc_nav ul li.le:hover .dnou2 {opacity: 1;height:auto} .head1.sticky .pc_nav ul li.le:hover{ background:url(../images/bg1.jpg) no-repeat center 4.2vw; } .head1.sticky .pc_nav li.bg .dnou2 a:after{height:0vw;} .head1.sticky .pc_nav li:hover .dnou2 a:after{height:0vw;} .head1.sticky .logo .tu{display:none;} .head1.sticky .logo .tu1{display:block;} .head1.sticky li a{ color:#262626;transition: all 1s ease;} .head1.sticky li:hover a{color:#262626; } .head1.sticky .pc_nav li:hover a:after{background:#0d6fb8;} .head1.sticky .pc_nav li.bg a:after{background:#0d6fb8;} .head1.sticky li.en:hover a{color:#262626; } .menuTitle31{cursor:pointer;width:100%; height:48px; background:#fff; color:#fff; font-size:14px; line-height:48px; padding:0 15px; color:#000; font-size:16px;} .menuTitle31 a{ color:#000000; font-size:16px;} .menuTitle31 a i{color:#000000; font-size:16px; text-transform:uppercase;} @media(max-width:1440px){ .head1.sticky .pc_nav ul li.le .dnou2 a{font-size:15px;line-height:2.3vw;} .pc_nav ul li.le .dnou2 a{font-size:15px;line-height:2.3vw;} .head1 .pc_nav ul li.le .dnou2{width:10vw;left: -1.15vw;} } @media(max-width:1024px){ .head1{height:60px;background:#fff;} .head1 .logo .tu1{display:block;} .head1 .logo .tu {display: none;} .head1 li a{letter-spacing:0.1vw;} .head1 .mobile-inner-header-icon{background:url(../images/bg.png) no-repeat center center;} .head1 .mobile-inner-header-icon-click{background:url(../images/bg1.png) no-repeat center center;} .head1.sticky .mobile-inner-header-icon{background:url(../images/bg.png) no-repeat center center;} } @media(max-width:414px){ } /*header end*/ /*fotter begin*/ .footer{background:#363636;width:100%; height:auto; overflow:hidden;position:relative; z-index:1;} .foot_bb{width:100%;height:auto;overflow:hidden;padding:3vw 8.33vw 0px;} .foot_bbl{float:left;} .foot_bbl p img{width:11.6vw;height:3vw;} .foot_bbl ul{margin-top:3.13vw;} .foot_bbl li{float:left;padding:0px 1.04vw;} .foot_bbl li.bg{padding-left:0px;border-left:0px;} .foot_bbl li a{display:block;font-size:0.83vw;line-height:1.25vw;color:#fff;} .foot_bbr{float:right; margin-bottom: 1.6vw;} .foot_bbr h2{font-size:1.25vw;line-height:1.25vw;color:#fff;margin-bottom:1.6vw;} .foot_w{width:100%;height:auto;overflow:hidden;padding:1.6vw 0px;border-top:1px solid #626262;} .foot_bw_l{float:right;} .foot_bw_l p{font-size:0.83vw;line-height:1.25vw;color:#ffffff;margin-bottom:0.52vw;} .foot_bw_r{float:right;margin-left:5.2vw;} .foot_bw_r h3{font-size:1.25vw;line-height:1.25vw;color:#ffffff;margin-bottom:2vw;} .foot_bw_r h3 img{vertical-align:middle;margin-right:10px;margin-top:-5px;} .foot_bw_r p{float:right} .foot_bw_r p a{display: inline-block;margin-right: 0.52vw;} @media(max-width:1440px){ .foot_bbl li a{font-size:14px;line-height:24px;text-align:center;} .foot_bbr h2{font-size:20px;line-height:24px;margin-bottom:30px;} .foot_bw_l p{font-size:14px;line-height:24px;margin-bottom:10px;} .foot_bw_r h3{font-size:22px;line-height:22px;margin-bottom:30px;} } @media(max-width:1024px){ .foot_bb{padding:30px 30px 0px;} .foot_bbl p img{width:auto;height:auto;} .foot_bbl{float:none;width:100%;height:auto;overflow:hidden;margin-bottom:10px;} .foot_bbl ul{margin-top:10px;width: 100%;height: auto;overflow: hidden;} .foot_bbl li{padding:0px 0px;width:16%;} .foot_bbl li a{font-size:16px;line-height:20px;text-align:center;} .foot_bbr{float:none;width:100%;margin-bottom:20px;clear: both;} .foot_bbr h2{font-size:24px;line-height:24px;margin-bottom:30px;} .foot_w{padding:10px 0px;} .foot_bw_l p{font-size:16px;line-height:24px;margin-bottom:10px;} .foot_bw_r{margin-left:100px;} .foot_bw_r h3{font-size:24px;line-height:24px;margin-bottom:30px;} .foot_bw_r h3 img{margin-right:10px;margin-top:-5px;} .foot_bw_r p a{margin-right: 10px;} .foot_bw_l{float: left;} } @media(max-width:768px){ .foot_bb{padding:15px 15px 0px;} } @media(max-width:414px){ .foot_bw_r {margin-left: 0px;float:left;} .foot_bw_r p{float:left} .foot_bbl li {padding: 0px 0px;width: 33.33%;margin-bottom: 10px;} .foot_bbr h2{font-size:20px;line-height:20px;margin-bottom:20px;} .foot_bw_r h3 {font-size:16px;line-height: 16px;margin-bottom: 10px;} .foot_bw_l p {font-size: 14px;line-height: 24px;margin-bottom: 5px;} } @media(max-width:375px){ } @media(max-width:360px){ } /*fotter end*/