.Ispic{display: block; width: 100%; background-size: 100% 100% !important;} /*Top002070 */ .Top002070{position:fixed; width:100%; background:#fff; z-index:9999; height: 80px; top: 0; left: 0;} .Top002070 .auto{ position:relative; max-width: 1600px;} .Top002070 .logo{ position:absolute; height: auto; overflow: hidden; } .Top002070 .top{ position:absolute; top:20px;} .Top002070 .top{ right:0; z-index:10;} .Top002070 .top:after{ display: block; content: ""; width: 1px; height: 80px; background:#eee; left: -18px;top: -20px; position: absolute;} .Top002070 .top dt, .Top002070 .top dd{ float:left; line-height:40px;} .Top002070 .top dd:before{ display:inline-block; content:''; width:2px; border-right:1px dotted #8c8c8c; height:5px; margin-right:15px; vertical-align:middle;} .Top002070 .top dd a{display:inline-block; color: #444;} .Top002070 .top dd a:after{ display:inline-block; content:''; width:0; height:0; border:5px solid transparent; border-top-color:#8c8c8c; margin-left:10px;vertical-align:middle;} .Top002070 .top dt{ position:relative; width:40px; height:40px; background:url(../images/Top002070-search_btn.png) no-repeat center center;} .Top002070 .top dt div{ position:absolute; right:0; top:0; overflow:hidden; width:0; opacity:0;background:#eee; transition:0.3s;} .Top002070 .top dt:hover div{ width:200px; opacity:1;} .Top002070 .top dt div .text{ width:100%; background:none; height:40px; border:none; line-height:40px; padding:0 40px 0 10px;} .Top002070 .top dt div .btn{ position:absolute; right:0; top:0; height:40px; border:none; cursor:pointer; width:40px;background:url(../images/Top002070-search_btn.png) no-repeat center center;} .Top002070 .logo{ left:0;} .Top002070 .logo a{ float: left; margin-top: 5px;} .Top002070 .logo .num{ margin: 0px; float: left; margin-left: 10px; color: #444; font-size: 14px; margin-top: 20px;} .Top002070 .logo .num p{ margin: 0px; } .Top002070 .logo .p b{ color: #0077D3} .Top002070 nav{ padding:0 50px 0 24%; } .Top002070 nav li{ float:left;position:relative;width:11%; text-align:center;} .Top002070 nav li a{ display:block;} .Top002070 nav li > a{ line-height:30px; font-size:16px; color:#444; width: 100%; margin-top: 25px;} .Top002070 nav li:hover>a, .Top002070 nav li.aon>a{ background:#0077D3} .Top002070 nav li:hover>a, .Top002070 nav li.aon>a{ color: #fff} .Top002070 nav li span{ display:none;} .Top002070 nav li .con{display:none; } .fancybox-overlay{z-index: 9999!important;} .Top002070 nav li dd a{color:#fff; font-size: 16px; display: block; width: 100%; height: 40px; line-height: 30px;} @media only screen and (min-width: 1025px) { .Top002070 nav li#m01 > a:before{ display:none;} .Top002070 nav li .con{text-align: center; position: absolute; width: 100%; height:226px; left: 0px; top: 50px;} .Top002070 nav li dl{display: inline-block; height:226px; position: absolute; left: 0px; padding-top:50px; } .Top002070 nav li dd{float: left; margin-right:12px; width: 200%; text-align: left; } .Top002070 nav li dd:last-child{margin-right: 0;} .Top002070 nav li dd a{width:130px; height:100%; } .Top002070 nav li dd a p{text-align:left; margin: 0; margin: 0px; float: right; width: 50%; line-height: 80px;} .Top002070 .navBg{display: none; position: absolute; z-index: -1; width: 100%; height:270px; top: 80px; left: 0px; background: rgba(0,0,0,0.5);} } @media only screen and (min-width: 1000px) { .Top002070 nav #m16 dl dd{ height: 70px; margin-bottom: 10px; } .Top002070 nav #m16 dl dd a{ width: 150%;} .Top002070 nav #m16 dl dd p{ line-height: 65px; margin-left: 10px; float: left; } .Top002070 nav li dd a img{width:100px; display:block; display:none; float: left; } .Top002070 nav #m16 a img{ display: block; } } @media only screen and (min-width: 1366px) { .Top002070 nav li dd{ margin-right:17.5px;} } @media(max-width:1024px){ .Top002070 header{ margin:0 2%; overflow: hidden; padding-bottom: 10px;} .Top002070 .logo{ position:relative; top:auto; transform:translateY(0);} .Top002070 .top{ right:50px;} .Top002070 nav{ position:fixed; right:0; top:0;height:100%; max-height:100%; overflow:auto; padding:0; width:70%; max-width:280px; background:#0077D3; z-index:100; transform:translateX(100%); opacity:0; transition:0.3s;} .Top002070 nav.navOut{transform:translateX(0); opacity:1;} .Top002070 nav ul{ padding-top:100px;} .Top002070 nav li{ float:none; width:auto; padding:0; border-bottom:1px solid rgba(0,0,0,0.3); position: relative;} .Top002070 nav li >a, .Top002070 nav li span{ display:block; color:#fff; font-size:16px; padding:5%; font-weight:bold; line-height:normal;} .Top002070 nav li.has_sub >a{ display:none;} .Top002070 nav li dl{ position:relative; top:auto; background:rgba(0,0,0,0.2);} .Top002070 .mobile_menu{ position:absolute; right:2%; top:50%; transform:translateY(-50%); width:40px; height:32px; background-color:#0077D3; border-radius:4px; z-index:101;} .Top002070 .mobile_menu span, .Top002070 .mobile_menu span:after, .Top002070 .mobile_menu span:before{position:absolute;height:3px; background-color:#fff;width:100%; left:0%; border-radius:3px;} .Top002070 .mobile_menu span{width:70%; left:15%; top:50%; margin-top:-1.5px;} .Top002070 .mobile_menu span:after, .Top002070 .mobile_menu span:before{content:''; transform:transform 0.3s;} .Top002070 .mobile_menu span:before{ top:-8px;} .Top002070 .mobile_menu span:after{ top:8px;} .Top002070 .open_menu span{ background-color:transparent;} .Top002070 .open_menu span:before{ top:0; transform:rotate(45deg);} .Top002070 .open_menu span:after{ top:0; transform:rotate(-45deg);} .Top002070 nav li dd a{background: transparent !important;} .Top002070 nav li dd a img{ display:none;} } @media only screen and (min-width: 1200px) and (max-width: 1366px) { .Top002070 nav li > a{font-size: 14px;} } @media only screen and (min-width: 1024px) and (max-width: 1199px) { .Top002070 nav li > a{font-size: 12px;} .Top002070 nav li dd{margin: 0 5px;} .Top002070 .logo .num{display: none;} .Top002070 nav{padding: 0 50px 0 20%;} } @media only screen and (max-width: 1200px) { .Top002070 .top:after{display: none;} .Top002070 .logo .num{padding: 0;margin-left: 0px;} } @media only screen and (max-width: 640px) { .Top002070 .logo .num{display: none;} } .home_banner{ width: 100%; } /* .Banner002385 为demo编号 */ .Banner002385{ overflow:hidden; position:relative; z-index:1;} .Banner002385 .bx-viewport{ z-index:1;} .Banner002385 .bx-viewport li a{ display:block;} .Banner002385 .bx-controls-direction a{ position:absolute; width:89px; height:89px; top:50%; margin-top:-44px; background:url(../images/Banner002385-Banner_btn.png) no-repeat left top; z-index:10; overflow:hidden; line-height:1000px;} .Banner002385 .bx-controls-direction a.bx-prev{ left:12%;} .Banner002385 .bx-controls-direction a.bx-next{ background-position:right top; right:12%;} .Banner002385 .bx-pager{ position:absolute; width:100%; left:0; bottom:7%; z-index:10; text-align:center;} .Banner002385 .bx-pager *{ width:50px; height:8px;} .Banner002385 .bx-pager div{ display:inline-block; margin:0 3px;} .Banner002385 .bx-pager a{ display:block; overflow:hidden; line-height:100px; background: rgba(255,255,255,0.3);} .Banner002385 .bx-pager a.active{ background: #e72923; } .Banner002385 .wap{display: none;} @media(max-width:1024px){ .Banner002385 .pc{display: none;} .Banner002385 .wap{display: block;} .Banner002385 .bx-viewport li a img{ position: relative; width: 100%; max-width: none;} } @media(max-width:900px){ .Banner002385 .bx-controls-direction{ display:none;} } .title{ text-align: center; padding: 3% 0 1%; position: relative;} .title span{ font-size:30px; color: #ddd; letter-spacing: 0px; font-family:Arial, Helvetica, sans-serif ; text-transform: uppercase; font-weight: bold; z-index: 1; position: relative;} .title .h1{ font-size:32px; font-weight: normal;margin: 0 0 0 0 ; letter-spacing:0px; color: #333; z-index: 10; position: relative;} .title:after{ content: ""; display: block; position: absolute; left: 50%; bottom:0px; margin-left:-25px; width: 50px; height: 2px; background: #28459b; } /* .Floor002437 为demo编号 */ .Floor002437{padding: 2% 0 ; height: auto ;overflow: hidden;} .Floor002437 .auto{ background:#fff; overflow: hidden; height: auto; } .Floor002437 li{ float: left; width:25%; text-align: center; padding:0 0; position: relative; height: auto; border-right: 1px solid #e5e5e5;} .Floor002437 li .pic{ width: 30%; margin: 0px auto; display: block;border-radius: 10px; padding: 1% 0; border: 1px solid #ddd; position: relative;} .Floor002437 li:first-child{ border-left: 1px solid #e5e5e5;} .Floor002437 li>*{ position: relative; z-index: 2;} .Floor002437 li img{ max-width: 95px;} .Floor002437 li .img1{display:none;} .Floor002437 li .word{ padding-top: 10px;} .Floor002437 li .word h3{ font-weight: normal; font-size: 18px; margin: 0 0 10px;} .Floor002437 li .word h3 a{color: #444;} .Floor002437 li .word figure{ font-size: 14px; color: #999; line-height: 20px; height: 40px; overflow: hidden;} .Floor002437 li:hover .pic{ border: 1px solid #09539d; background: #09539d; } .Floor002437 li:hover img{display: none;} .Floor002437 li:hover .img1{display:inline-block; margin: 0 auto;} .Floor002437 li:hover .word h3 a{color:#09539d;} @media only screen and (max-width: 1024px) { .Floor002437 li .pic{width: 80%;} } @media only screen and (max-width: 640px) { .Floor002437 li{width: 50%;} } /* .Floor002410 为demo编号 */ .Floor002410{ padding:3% 0 3% 0;background:#eee} .Floor002410 .title { margin-bottom: 3%;} .Floor002410 .title .h1{ color:#333 ; position: relative; } .Floor002410 .title .h1:after{ color:#333 ; position: absolute; background: url(../images/Floor002410-icon.png) no-repeat; width: 59px; height: 59px; content: ""; display: block; left: 50% ; margin-left:-35px;top: -60px; background-size: 90% 90%; background-position: center center;} .Floor002410 .title .h1 a:hover { color: #0077D3; } .Floor002410 .title span{ color: rgba(255,255,255,0.3) } .Floor002410 li{ float:left; width:32%; margin-right:2%; overflow:hidden; border: 3px solid #eee;transition:0.3s all; -webkit-transition:0.3s all; } .Floor002410 li:last-child{ margin-right:0; } .Floor002410 li a{ display:block; transition:0.3s;} .Floor002410 li .Ispic{ padding-bottom:55%; overflow: hidden; transition:all 0.5s ease-out 0s;} .Floor002410 li img{ display:none; } .Floor002410 li figure{font-size:14px; background: #fff ;padding: 6% 8% 10% 8%; height: auto; overflow: hidden;} .Floor002410 li h3{ margin:0; font-size:18px;color:#333; float: left; line-height: 50px; width: 100%; } .Floor002410 li span{ border: 1px solid #ddd; color:#666;text-transform:uppercase; background:url(../images/Floor001805-more.png) no-repeat 82px #f5f5f5; padding:0 40px 0 20px; border-radius: 30px; float:left;line-height: 30px; display: block; margin-top: 10px} .Floor002410 li .p{ opacity:0 ;transition:0.05s all; -webkit-transition:0.05s all;} .Floor002410 li:hover .p{ color: #0077D3; opacity: 1 } .Floor002410 li:hover{ border:3px solid #0077D3; } .Floor002410 li:hover figure{ background: #f9f9f9; color: #fff ; } .Floor002410 li:hover .Ispic{ transform: scale3d(1.04,1.04,1.04);} @media only screen and (max-width: 1000px) { .Floor002410{padding-top: 5%;} } @media only screen and (min-width: 520px) and (max-width: 1024px) { .Floor002410 li h3{float: none; margin: 0 auto; text-align: center;} .Floor002410 li span{float: none; margin: 0 auto;} } @media only screen and (max-width: 520px) { .Floor002410 li{float: none; width: 100%; margin-bottom: 5%;} } @media only screen and (max-width: 1024px) { .Floor002410 .home_title{ padding-top:60px;} } /* .Floor002412 为demo编号 */ .Floor002412{ padding: 2% 0 4%; background: #fafafa;} .Floor002412 .title{ margin-bottom: 4%; } .Floor002412 li{ float: left; width:32%; float: left; margin-right: 1.8%; } .Floor002412 li:nth-child(3){ margin-right: 0; } .Floor002412 li time{ color: #b3b3b3; font-size: 14px;} .Floor002412 li .pic{ overflow:hidden; position: relative; } .Floor002412 li .pic a{width: 100%; display: block; background-repeat: no-repeat; background-position: center; transition: transform .5s ease-in-out; } .Floor002412 li .pic a img{ visibility: hidden;} .Floor002412 li .pic a:hover{ transform: scale(1.1);} .Floor002412 li .word { background: #f1f1f1; padding: 15px 30px;} .Floor002412 li .word h3{ margin: 10px 0 5px; font-size: 16px; font-weight: normal;} .Floor002412 li .word h3 a{ color: #444;} .Floor002412 li .word figure{ height: 44px; overflow: hidden; line-height: 22px; color: #555; font-size: 14px; margin: 5px 0;} /* .Floor002439 为demo编号 */ .Floor002439 { background: #f1f1f1;padding: 4% 0;} .Floor002439 .auto{ overflow: hidden;} .Floor002439 .list{ } .Floor002439 .list .item{ width:33%; float: left; } .Floor002439 .list .item a{ display: block; width: 100%; position: relative; } .Floor002439 .list .item a .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; } .Floor002439 .list .item .word{ padding:10% 5% 10% 10%; color: #fff; position: relative; z-index: 3;} .Floor002439 .list .item .word:before{content: ""; display:block; position:absolute; top:10px; bottom:10px ; left: 10px; right: 10px;z-index:100;border:2px solid #fff;opacity:0; transition:all .15s ease-in-out;} .Floor002439 .list .item .word:hover:before{opacity:1;} .Floor002439 .list .item .word .pic{ width: 41px;} .Floor002439 .list .item .word h3{ font-weight: normal; margin:8% 0 1.345%; font-size: 20px;} .Floor002439 .list .item .word p{ margin: 0; line-height: 20px; height: 40px; overflow: hidden; font-size: 14px;} @media only screen and (min-width:640px ) { .Floor002439 .list .item{ float: left; width: 33.3334%;} } @media only screen and (max-width: 639px) { .Floor002439 .list .item .word h3{font-size: 14px;} } /*公司简介*/ /* .Menu002272 为demo编号 */ .Menu002272{} .Menu002272 .nav-menu{border-bottom: 1px solid #eef0f1;} .Menu002272 .current{padding-left: 25px;background: url(../images/Menu002272-icon.png) no-repeat left center;} .Menu002272 .current a{font-size: 14px;color: #717171;padding: 0 13px 0 10px; position: relative; line-height: 45px;} .Menu002272 .current a:after{ content: "·"; position: absolute; top: 0; right: 0; line-height: 20px; height: 20px; color: #ddd;} .Menu002272 .current a:first-child{padding-left: 0;} .Menu002272 .current a:hover{color: #0077D3;} .Menu002272 .current span{padding-left: 10px; font-weight: normal;} .Menu002272 .nav-menu ul li a{display: block; width: 100%; height: 100%;} @media screen and (min-width:768px ) { .Menu002272 .current a{line-height: 60px;} } @media screen and (min-width:1025px ) { .Menu002272 .nav-menu ul{display: block;float: left;} .Menu002272 .nav-menu ul li{float: left;line-height: 60px;margin: 0 2px;padding: 0 3px;} .Menu002272 .nav-menu ul li:first-child{margin-left: 0;} .Menu002272 .nav-menu ul li:hover, .Menu002272 .nav-menu ul li.on{background: #0077D3;} .Menu002272 .nav-menu ul li:hover a, .Menu002272 .nav-menu ul li.on a{color: #fff;} .Menu002272 .nav-menu .location{/*float: right;*/ background:#fff;} .Menu002272 .nav-menu ul li{padding: 0 12px;margin: 0 6px;} .Menu002272 .nav-menu .location .current{ float:right;} } @media screen and (min-width:1200px ) { .Menu002272 .nav-menu ul li{line-height: 73px;font-weight: 700;} .Menu002272 .current a{line-height: 73px;font-weight: 700;} .Menu002272 .current span{ color: #0077d3 } } @media only screen and (max-width: 1024px) { .Menu002272 .nav-menu .ul{width: 100%; clear: both;} .Menu002272 .nav-menu .ul li{width: 100%; height: 45px; line-height: 45px; text-align: center; background: rgba(40,70,155,0.3);} .Menu002272 .nav-menu .ul li a{color: white;} .Menu002272 .nav-menu .ul li.on,.Menu002272 .nav-menu .ul li:hover{background: #0077D3;} } /* .RighInfo002309 为demo编号 */ .RighInfo002309{margin: 2% auto;} .RighInfo002309 .aboutTxt01 p{font-size:14px;color:#333;text-indent: 2em;} .RighInfo002309 .CenTitle{ padding:10px 0; position:relative; z-index:1;} .RighInfo002309 .CenTitle .name{ text-align:center; font-size:15px; font-weight:bold; color:#555; line-height:30px;} .RighInfo002309 .CenTitle .line{ width:10px; height:1px; background:#e50014; overflow:hidden; margin:0 auto;} .RighInfo002309 .txtbox{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both;} .RighInfo002309 .aboutTxt01{ line-height:30px; font-size:14px; color:#555;} .RighInfo002309 .aboutTxt01 .wap_pic{ display: block; text-align: center;} .RighInfo002309 .aboutTxt01 .pc_pic{ display: none;} @media only screen and (min-width:768px ) { .RighInfo002309 .aboutTxt01 .wap_pic{ display: none;} .RighInfo002309 .aboutTxt01 .pc_pic{ display: block;} .RighInfo002309 .aboutTxt01 .pic{ display: block;float:right; margin-left:80px;} } /*Banner002043 */ .Banner002043{ width:100%; overflow:hidden;} .Banner002043 div{ height:200px; background-position:center top; background-repeat:no-repeat; margin-top:80px; position:relative;} .Banner002043 div img{ display:none;} .Banner002043 div aside{ margin-left: -20px; position:absolute; left:50%; top:50%;line-height:46px;height:46px; width:100%; font-size:32px; padding:0 2%; max-width:1200px; color:#fff; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} @media(max-width:1000px){ .Banner002043 div{ height:auto; background:none !important;} .Banner002043 div img{ display:block; width:100%;} } /* .Floor001050 为demo编号 */ .Floor001050{ background-color:#fff; position:relative; padding:3.5% 0 3%; height: auto; overflow: hidden;} .Floor001050 .auto{ position:relative; z-index:5;} .Floor001050 .title{ margin-bottom: 4%;} .Floor001050 .title .h1{ position: relative;} .Floor001050 .title .h1:after{ color:#333 ; position: absolute; background: url(../images/Floor001050-icon.png) no-repeat; width: 64px; height: 64px; content: ""; display: block; left: 50% ; margin-left:-35px;top: -70px;} .Floor001050 .title .h1 a:hover { color: #0077D3; } .Floor001050 .list{ float:left; width:45%;} .Floor001050 .txt{ float:right; width:51%; } .Floor001050 .list_txt{position:relative; } .Floor001050 .list_txt ol{ height: auto; overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ccc;} .Floor001050 .list_txt ol h4{ font-size: 18px; color: #444;margin:0 0 10px 0} .Floor001050 .list_txt ol p{ height: 50px; overflow: hidden; font-size: 14px; color: #999; line-height: 24px; margin: 10px 0;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 这个表示要显示几行 */ -webkit-box-orient: vertical; } .Floor001050 .list_txt ol .more{ color: #d00808;} .Floor001050 .list_txt li{ height: auto; overflow: hidden; line-height: 40px; } .Floor001050 .list_txt li div{ position:relative;} .Floor001050 .list_txt li time{ font-size:16px; color:#333; float: right;} .Floor001050 .list_txt li h4{ margin:0; font-size:16px; font-weight:normal; float: left; position: relative; padding-left: 10px; width: 78%;} .Floor001050 .list_txt li h4:after{ position: absolute; top: 18px; left: 0px; content: ""; width: 4px; height: 4px; background: #999;} @media only screen and (max-width: 1000px) { .Floor001050{padding-top: 8%;} } @media only screen and (max-width: 640px) { .Floor001050 .list_txt li h4{width: 70%;} } .Floor001050 .bx-pager{ display:none;} .Floor001050 .list li { position: relative} .Floor001050 .list li .Ispic{ display:block; padding-bottom:61%; } .Floor001050 .list li time{ color:#ededed; font-size:12px; display:block; padding:5px 0;} .Floor001050 .list li h1{ margin:0; font-weight:normal; font-size:16px; line-height:35px; overflow:hidden; position: absolute;z-index: 50; background: rgba(0,0,0,0.5);bottom: 0px;left: 0px; width: 100%; display: block; padding:5px 30px;} .Floor001050 .list li h1 a{ color:#fff;} .Floor001050 .list { position: relative;} .Floor001050 .list .bx-controls-direction{ overflow:hidden;position: absolute;bottom: 10px;right: 10px; z-index: 100} .Floor001050 .list .bx-controls-direction a{ display:block; float:left; width:20px; height:20px; background-color:#0077D3; background-repeat:no-repeat; background-position:center center; overflow:hidden; text-indent:-999em;} .Floor001050 .list .bx-controls-direction a.bx-prev{ background-image:url(../images/Floor001050-btn_prev.png);} .Floor001050 .list .bx-controls-direction a.bx-next{ margin-left:5px; background-image:url(../images/Floor001050-btn_next.png);} @media(max-width:1200px){ .Floor001050 .list{ width:51%;} .Floor001050 .txt{ width:45%; } .Floor001050 .list_txt li time{ display:none;} } @media screen and (max-width:1000px){ .Floor001050 .list_txt li div{ padding-top:15px; padding-bottom:15px;} } @media screen and (max-width:1024px){ .Floor001050 .list_txt li time{ display:block;} .Floor001050::after, .Floor001050::before{ display:none;} .Floor001050 .auto{ padding:0;} .Floor001050 .txt{ float:none; width:auto; padding:2%;} .Floor001050 .txt h2{ border-bottom:1px solid #efefef; height:auto; padding-top:3%;} .Floor001050 .list_txt .bx-wrapper{ padding:3% 0;} .Floor001050 .list{ float:none; width:auto;padding:2%;background:url(../images/Floor001050-bg.jpg) no-repeat center center;background-size:cover;} .Floor001050 .list .bx-controls-direction{ bottom: 25px;right: 20px;} .Floor001050 .list li h1{ padding:5px 40px 5px 20px;} } @media screen and (max-width:480px){ .Floor001050 .txt h2{ font-size:24px;} .Floor001050 .list .bx-controls-direction{ bottom: 20px;right: 15px;} .Floor001050 .list_txt .bx-controls-direction a{ display:inline-block; margin:0 10px 0 0 !important;} .Floor001050 .list li h1{ padding:5px 50px 5px 15px;} } @media only screen and (max-width: 640px) { .Floor001050{padding: 16% 0 6%;} } /* .Bottom002463 为demo编号 */ .Bottom002463{ background: #1e1e1e; color: #fff;} .Bottom002463 a{transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;} .Bottom002463 .bottom{ padding: 3% 0 0 0;} .Bottom002463 .nav .dl { padding:0 0 2% 0;} .Bottom002463 .nav .dl dt{ padding-bottom:15px; border-bottom: 1px solid #525252; margin-bottom: 15px;} .Bottom002463 .nav .dl dt a{ color:#fff; font-size:16px; line-height:24px;} .Bottom002463 .nav .dl.add_dl dt{ text-align: center;} .Bottom002463 .nav .dl dd{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .Bottom002463 .nav .dl dd a{ display:block; line-height:35px; font-size: 14px; width: 100%; height: 100%; color: #7e7e7e;} .Bottom002463 .nav .dl dd a:hover{ color: #fff;} .Bottom002463 .nav .dl dd a:hover:before{ background: #fff;} @media only screen and (max-width:640px ) { .Bottom002463 .nav .dl.add_dl dt{ text-align: left;} } @media only screen and (min-width:768px ) { .Bottom002463 .nav{ float:left; width: 100%;} .Bottom002463 .nav .dl{ float:left; min-height: 200px;} } @media only screen and (max-width:767px ) { .Bottom002463 .nav .dl dt{ position: relative; margin-bottom: 0; margin-top: 10px;} .Bottom002463 .nav .dl dt:after{ position: absolute; content: ""; display: block; background: url(../images/Bottom002463-bottom_arrow.png) no-repeat right top; width: 11px; right: 3%; height: 20px; top: 50%; margin-top: -10px;} .Bottom002463 .nav .dl dt.on:after{ transform: rotate(90deg);} .Bottom002463 .nav .dl .two{ display: none;background-color: #0f0f0f; padding: 15px;} .Bottom002463 .nav .dl dd{display: none;} } .Bottom002463 .info{width: 120px;} @media only screen and (min-width:768px ) and (max-width:1023px ){ .Bottom002463 .nav .dl{margin-right: 2.1%;} } @media only screen and (min-width:1200px ) { .Bottom002463 .info{ float:right; text-align: right;} .Bottom002463 .nav .dl{margin-right:4.2%;} } @media only screen and (max-width:767px ) { .Bottom002463 .info{ padding: 3% 0;} .Bottom002463 .info>*{ text-align: center !important;} .Bottom002463 .info{clear: both; margin: 0 auto;} } @media only screen and (min-width:768px ) and (max-width: 1200px) { .Bottom002463 .nav .dl{width: 12%; margin: 0 0.25%;} .Bottom002463 .nav .dl dd a,.Bottom002463 .nav .dl dt a{font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .Bottom002463 .info{clear: both; margin: 0 auto;} } .Bottom002463 .weixinbox{ margin: 0 0 10px auto;} .Bottom002463 .weixinbox dd{display: block !important;} .Bottom002463 .weixinbox dd span{ display: block; text-align: center; padding-top: 5px;} @media only screen and (max-width:767px ) { .Bottom002463 .info .weixinbox{ margin: 10px auto;} } .Bottom002463 .share{ padding: 10% 0 5%;} .Bottom002463 .share >*{ display: inline-block;} .Bottom002463 .share a{ width:32px !important; height:32px !important; text-align: center; margin-left: 3px; position: relative; border: 1px solid #555; border-radius: 50%;} .Bottom002463 .share a:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/Bottom002463-share_icon.png) no-repeat !important;} .Bottom002463 .share a.a1:before{ background-position: -11px 0 !important;} .Bottom002463 .share a.a2:before{ background-position: -56px 0 !important; } .Bottom002463 .share a.a3:before{ background-position: -98px 0 !important; } .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{background: transparent !important; float: none !important; margin: 0 !important;} @media only screen and (max-width:767px ) { .Bottom002463 .share{ padding: 20px 0 0;} } .Bottom002463 footer{width: 100%; margin: 0 auto; line-height:24px; position: relative; border-top: 1px solid #3d3d3d; padding: 20px 0; } @media only screen and (max-width:767px ) { .Bottom002463 footer{ text-align: center;} } .Bottom002463 footer a{ color: #fff;} .Bottom002463 footer a:hover{ color: #fff;} .Bottom002463 footer .navLinks a{ display:inline-block; position: relative; color: #777;} .Bottom002463 footer .navLinks a+a{ margin-left: 20px;} .Bottom002463 footer .navLinks a+a:before{ content: ""; left: -10px; position: absolute; height: 50%; top: 25%; width: 1px; display: block; background: #777; } @media only screen and (min-width:768px ) { .Bottom002463 footer .navLinks{ float: left;} .Bottom002463 footer .copyright{ margin: 0; color:#777;} .Bottom002463 footer .copyright a{ color:#777;} .Bottom002463 footer .copyright span{ margin-right: 10px; } } @media only screen and (min-width:768px ) { .Bottom002463 footer .copyright{ float: right;} } @media only screen and (max-width: 640px) { .Bottom002463 footer .navLinks a{font-size: 12px;} } /*Banner001847 */ .Banner001847 div{ height:960px; background-position:center top; background-repeat:no-repeat;} .Banner001847 div img{ display:none; width:100%;} .Banner001847 .enter{ display: block;} @media screen and (max-width:1000px){ .Banner001847 div{ height:auto; background:none !important;} .Banner001847 div img{ display:block;} } /* .Other001470 为demo编号 */ .Other001470{ width:84px; height:auto; position:fixed; top:300px; right:0; z-index:200; } .Other001470 a{ display:block; width:84px; padding-bottom:3px; font-size:14px; color:#ddd; text-align:center; margin-bottom:1px; position:relative;} .Other001470 .top{ background:url(../images/Other001470-icon.png) no-repeat #aaa; padding: 50px 0 10px 0 } @media screen and (max-width:640px){ .Other001470 {display: none} } /*荣誉资质*/ /* .PicList002239 为demo编号 */ .PicList002239{ padding-top:55px;} .PicList002239 li{cursor: pointer; margin-bottom: 55px; text-align: center; background: #f4f4f4;} .PicList002239 li .dot{width: 50%; float: left;padding: 15.5px 0; font-size: 16px; color: #e50014 ;} .PicList002239 li .text{ margin-top: 5%; border-top: solid 1px #e3e3e3;} .PicList002239 li .span2{ float: right; font-size: 14px; color: #999; padding:17px 0; padding-left: 30px; background: url(../images/PicList002239-icon.png) no-repeat left center} .PicList002239 .open_info{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:200; background:rgba(0,0,0,0.7); display:none;} .PicList002239 .info_area{ position:absolute; width:90%; max-width:1200px; left:50%; transform:translate(-50%,-50%); top:50%; background:#fff; padding:5%;} .PicList002239 .info_area .close{ position:absolute; right:0; width:31px; height:31px; top:-32px; background:#fff; cursor:pointer;} .PicList002239 .info_area .close::before, .PicList002239 .info_area .close::after{ position:absolute; content:''; width:25px; height:2px; background:#c53b19; top:15px; left:3px;} .PicList002239 .info_area .close::before{ transform:rotate(45deg);} .PicList002239 .info_area .close::after{ transform:rotate(-45deg);} .PicList002239 .info_area .pic{width:100%; height:auto; overflow:hidden; top:0; left:0; text-align:center;} .PicList002239 .info_area .txt{ overflow:auto; padding-top:15px; text-align:center;} .PicList002239 li .Ispic{position:relative; display:block;width: 100%; padding-top: 70%;} .PicList002239 li .Ispic img{ display: block; max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-height: 100%;} @media screen and (min-width: 641px) { .PicList002239 li{ float: left; width: 48%; margin: 0 1% 55px;} } @media screen and (min-width: 1024px) { .PicList002239 li{width: 31.33%;} } @media screen and (min-width: 1250px) { .PicList002239 .ul{ margin:0 -30px;} .PicList002239 li{margin: 0 30px 55px ; width: 360px;} } /* .Page002274 。为demo编号· */ .Page002274{ text-align:center; padding:1% 0 60px;color:#666666;} .Page002274 *{ vertical-align:middle;} .Page002274 .Pages .p_cur, .Page002274 .Pages .p_count, .Page002274 .Pages .p_total{ /*display:none;*/} .Page002274 .Pages a{ display:inline-block; padding: 0 15px; line-height:37px; background-color: #eef0f1; color:#666666; margin-left:5px;} .Page002274 .Pages a:hover, .Page002274 .Pages a.a_cur{ color:#fff; background-color:#0077D3;} .Page002274 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle;} .Page002274 .Pages .i_text{ width:47px; height:36px; line-height:36px;border:1px solid #ceced5;} .Page002274 .Pages .i_button{ cursor:pointer; background:none; width:47px; height:36px;border:1px solid #ceced5;} .Page002274 .Pages .p_jump b{font-weight:normal; margin:0 5px;} .Page002274 .Pages .a_prev,.Page002274 .Pages .a_next{ font-weight: bold; padding:0 25px; } @media screen and (max-width:1000px){ .Page002274 .Pages em{ display:none;} } @media screen and (max-width:640px){ .Page002274 .Pages a{ padding:0 10px;} } .Page002274 .Pages a.a_first, .Page002274 .Pages a.a_end, .Page002274 .Pages .p_jump{/* display:none;*/} /* 知识产权及商标*/ /*PicList002120 */ .PicList002120{ background-color:#f8f8f8; padding:3% 0;} .PicList002120 li{ float:left; width:23.5%; margin-right:2%; margin-bottom:3%;} .PicList002120 li a{ display:block;} .PicList002120 li p{ margin:0; line-height:46px; padding:0 2%; text-align:center; font-size:16px;} .PicList002120 li p:hover{ color: #0077D3;} .PicList002120 li .table{ display:none;} .PicList002120 li figure{padding-bottom:77%; background-size:contain;} @media screen and (min-width:641px){ .PicList002120 li:nth-child(4n){ margin-right:0;} } @media screen and (max-width:640px){ .PicList002120 li{ width:48%; margin-right:4%;} .PicList002120 li:nth-child(2n){ margin-right:0;} } @media screen and (max-width:375px){ .PicList002120 li p{ font-size:14px;} } /* 发展历程*/ /* .Timeline000753 为demo编号 */ .Timeline000753{ background: url(../images/Timeline000753-bg.jpg) no-repeat center top; background-size:cover; padding:3% 0; } .Timeline000753 .title{ text-align:center;background:url(../images/Timeline000753-title.png) no-repeat center bottom; padding-bottom:25px; margin-bottom:20px;} .Timeline000753 .title h1{ margin:0; font-size:44px; border-bottom:#cacacb 1px solid; font-weight:normal; color:#000; margin-bottom:15px; font-family:'黑体';} .Timeline000753 .title h1 span{ border-bottom:#ee7700 3px solid; display:inline-block;} .Timeline000753 .bx-controls{ display:none;} .Timeline000753 .prev, .Timeline000753 .next{ text-align:center;} .Timeline000753 .prev a, .Timeline000753 .next a{ display:inline-block; background:url(../images/Timeline000753-icon_up.png) no-repeat center center; width:21px; height:21px; cursor:pointer;} .Timeline000753 .next a{ background-image:url(../images/Timeline000753-icon_down.png);} .Timeline000753 .prev{ padding-bottom:20px;} .Timeline000753 .next{ padding-top:20px;} .Timeline000753 .bx-wrapper{ position:relative;} .Timeline000753 .bx-wrapper:before{ position:absolute; content:''; width:3px; height:100%; background-color:#fff; left:50%; margin-left:-1.5px; top:0;} .Timeline000753 .list li{ padding:16px 0;} .Timeline000753 .list li .txt{position:relative; padding-right:56%;} .Timeline000753 .list li.odd .txt{padding-left:56%; padding-right:0;} .Timeline000753 .list li .txt div{ background-color:#fff; border-radius:5px; padding:10px; position:relative; } .Timeline000753 .list li .txt div figure{cursor: pointer; transition: all 1.2s; width: 40%;padding-bottom: 25%;border-radius:5px;background-position: left top;background-repeat:no-repeat;background-size:contain;position:absolute;left:10px;top:10px;} .Timeline000753 .list li .txt div figure:hover{transform: scale(1.08); } .Timeline000753 .list li .txt div p{margin:0;padding-left: 44%;line-height:24px;color:#333;min-height:140px;padding-top: 10px;padding-bottom: 10px;} .Timeline000753 .list li .txt div::before{ position:absolute; content:''; width:0; height:0;border-top: 7px solid transparent;border-left: 11px solid #fff;border-bottom: 7px solid transparent; right:-10px;} .Timeline000753 .list li.odd .txt div::before{ right:auto; left:-10px;border-right: 11px solid #fff; border-left:0;} .Timeline000753 .list li time{position:absolute; left:50%; margin-left:-32px; top:0; border-radius:50%; text-align:center; font-family:"Times New Roman"; color:#999;width:64px; height:64px; line-height:64px;background-color:#f3f3f3;font-size:14px; font-weight:bold;} .Timeline000753 .list li time span{ display:block;font-size:24px;font-weight:normal;} .Timeline000753 .list li:hover time{width:86px; height:86px;line-height: 86px; margin-left:-43px; top:-11px; color:#0077D3;font-size:18px;} .Timeline000753 .list li:hover time::before{ position:absolute; content:''; width:110px; height:110px; border-radius:50%;border:2px dotted #fff; left:-13px; top:-13px;} .Timeline000753 .list li:hover time span{ font-size:34px;} @media screen and (max-width:768px){ .Timeline000753 .title h1{font-size:35px;} .Timeline000753 .list li .txt div figure{ width:auto; position:relative; left:0; top:0; padding-bottom:34%;} .Timeline000753 .list li .txt div p{ padding-left:0; min-height:inherit;} .Timeline000753 .list li time{ margin-left:-25px;width:50px; height:50px;font-size:12px;} .Timeline000753 .list li time span{font-size:18px;} .Timeline000753 .list li:hover time{width:60px; height:60px; margin-left:-30px; top:-5px; font-size:14px;} .Timeline000753 .list li:hover time::before{width:70px; height:70px; left:-7px; top:-7px;} .Timeline000753 .list li:hover time span{ font-size:18px;} } @media screen and (max-width:480px){ .Timeline000753 .title h1{font-size:26px; } } @media screen and (max-width:640px){ .Timeline000753 .list li .txt{ padding-right:0 !important; padding-left:3% !important; padding-top:70px;} .Timeline000753 .list li .txt div::before{ display:none;} .Timeline000753 .list li:hover time{ background-color:#ee7700; color:#fff;} } /* 公司新闻*/ /*PicList001958*/ .PicList001958{padding: 3% 0;} .PicList001958 .auto{ overflow: hidden;} .PicList001958 li{ overflow:hidden; padding:20px 0;/* border-bottom:1px solid #ebecec;*/ width: 31.73%; float: left; margin-right: 2.4%; margin-bottom: 2%; padding:8px;} .PicList001958 li:nth-child(3n){margin-right:0} .PicList001958 li:last-child{ border-bottom:0;} .PicList001958 li div{ position:relative; } .PicList001958 li .Ispic{ float: left; padding-bottom: 66.666%; width:100%;overflow: hidden;transition:all 0.5s ease-out 0s;} .PicList001958 li .Ispic img{ display:none;} .PicList001958 li h1{ margin:0; font-size:16px; padding:15px 0; width: 100%; } .PicList001958 li time{ color:#999;} .PicList001958 li p{color:#333; margin:10px 0 0 0; line-height:22px; height:70px; overflow:hidden;} .PicList001958 li:hover .Ispic {transform: scale3d(1.04,1.04,1.04);} .detail{ text-align: center; padding:0 0 5% 0;} .detail #moreNews{ background:#0077D3; color: #fff; padding: 10px 30px } @media screen and (max-width:768px){ .PicList001958 li{width: 100%; margin-right: 0} } /* 公司新闻详情*/ .news-info-down{ text-align:center; margin-bottom:10px; } .RichInfo005{ padding:1% 0 5% 0; } .RichInfo005 .news_info .title{ text-align:center; padding-bottom:20px;} .RichInfo005 .news_info .title:after{display:none;} .RichInfo005 .news_info .title h1{ margin:0; padding-bottom:15px; font-size:20px; font-weight:normal; color:#333; font-weight: bold;} .RichInfo005 .news_info .title p{ margin:0; border-bottom:1px dashed #d2d2d2; padding-bottom:10px;} .RichInfo005 .news_info p{text-indent:2em} .RichInfo005 .news_info .title p span{margin:0 5px;color: #999;font-size: 14px;font-weight: normal;} .RichInfo005 .news_info .info{ text-align:justify; text-justify:inter-ideograph; color:#888; font-size:14px; line-height:30px;} .RichInfo005 .news_info .info_back{ text-align:center; clear:both; padding:20px 0; margin:20px 0; } .RichInfo005 .news_info .info_back a{ color:#fff; font-size:14px;background:#0077D3;padding:10px 5px; border-radius:5px;} .RichInfo005 .news_info .info_pn span{ width:45%; float:left; line-height:30px; height:30px; overflow:hidden;} .RichInfo005 .news_info .info_pn span:nth-child(2){margin-right:0px; text-align: right; float:right;} .RichInfo005 .news_info .info_pn span a{ color:#999;font-size:14px;} .RichInfo005 .news_info .info_pn span a:hover{color:#0077D3;} @media(max-width:768px){ .RichInfo005 .news_info .info_pn span{ width:100%; float:none; display:block;} .RichInfo005 .news_info .info_pn span:nth-child(2){ text-align:left; float:none; margin-top:10px;} } /*卫星图像*/ /*PicList002045 */ .PicList002045{ padding-top:2%;} .PicList002045 li{ float:left; width:32%; margin-right:2%; margin-bottom:2%; position:relative; text-align:center;} .PicList002045 li:nth-child(3n){ margin-right:0;} .PicList002045 li a{ position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #e8e8e8;} .PicList002045 li a:hover{ border-width:3px; border-color:#0077D3;} .PicList002045 li div{ max-width:380px; margin:0 auto; padding:4% 4% 10% 4%;} .PicList002045 li figure{ padding-bottom:74.8%; background-size:contain;} .PicList002045 li figure img{ display:none;} .PicList002045 li p{ font-size:16px; color:#000; margin-bottom:5px;} @media(max-width:480px){ .PicList002045 li{ width:49%;} .PicList002045 li:nth-child(3n){ margin-right:2%;} .PicList002045 li:nth-child(2n){ margin-right:0;} .PicList002045 li p{ font-size:14px;} } /* 宇航电子芯片*/ /*PicList002220*/ .PicList002220{ padding-bottom:5%;} .PicList002220 .Ptit{ position:relative; margin:0;text-align:center;} .PicList002220 .Ptit:before{ width:100%; height:1px; background:#e8e8e8; display:block; content:""; position:absolute; top:50%; left:0; z-index:2;} .PicList002220 .Ptit span{ color:#008cd6; font-weight:normal; font-size:24px; background:#fff; padding:0 45px; position:relative; z-index:3;} .PicList002220 ul{ list-style:none;} .PicList002220 .List{ padding-top:3%; padding-bottom:4%;} .PicList002220 .List ul{ float:left; width:49%;} .PicList002220 .List ul:last-child{ float:right;} .PicList002220 .List li{transition:all 0.5s ease-out 0s; position:relative;} .PicList002220 .List .pic{ display:block; overflow:hidden;} .PicList002220 .List .pic .Ispic{transition:all 0.5s ease-out 0s; padding-bottom: 62%;} .PicList002220 .List .tit{ display:block; position:absolute; left:0; bottom:0; width:100%; background:#fff; padding:0 3%; font-size:18px; color:#333333; line-height:47px; height:48px; border:1px solid #f3f3f3; border-top:none;transition:all 0.5s ease-out 0s;} .PicList002220 .List .tit span{ display:block;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-right:30px;} .PicList002220 .List .tit i{ background:url(../images/PicList002220-icon.png) no-repeat; display:block; width:18px; height:15px; position:absolute; right:3%; top:50%; margin-top:-9px;} .PicList002220 .List ul:first-child li:first-child{ margin-bottom:3.3%;} .PicList002220 .List li:hover{box-shadow:0 5px 10px 0 rgba(0,0,0,.15);transform:translate3d(0,-2px,0);} .PicList002220 .List li:hover .tit{ color:#0077D3;} .PicList002220 .List li:hover .pic .Ispic{ transform: scale3d(1.04,1.04,1.04);} .PicList002220 .ListAll{ padding-top:1%;} .PicList002220 .ListAll ul{position:relative; overflow:hidden;text-align: center; font-weight: bold;} .PicList002220 .ListAll li{ float:left; width:23%; margin:5px 1% 15px; padding:10px; border:1px solid #ececec; background:#f8f8f8;transition:all 0.5s ease-out 0s;} .PicList002220 .ListAll .pic{ display:block; border:1px solid #f1f1f1; overflow:hidden} .PicList002220 .ListAll .pic .Ispic{transition:all 0.5s ease-out 0s; padding-bottom: 85%;} .PicList002220 .ListAll h4{ margin:0; text-align:center; font-weight:normal; font-size:16px; padding:10px 0 5px;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .PicList002220 .ListAll h4 a{ color:#728391;} .PicList002220 .ListAll li:hover .pic .Ispic{transform: scale3d(1.04,1.04,1.04);} .PicList002220 .ListAll li:hover{ background:#e5e5e5;} .PicList002220 .ListAll li:hover h4 a{ color:#0077D3;} @media(max-width:767px){ .PicList002220 .ListAll li{ width:31.33334%} .PicList002220 .List .tit{ font-size:16px;} .PicList002220 .Ptit span{ font-size:20px;} } @media(max-width:480px){ .PicList002220 .ListAll li{ width:48%} .PicList002220 .List ul{ width:100%; float:none !important;} .PicList002220 .List ul:first-child li{ margin-bottom:3.3%;} } /*PicList002220 End*/ /*服务网络*/ /* .PicList001512 为demo编号 */ .PicList001512{padding:3% 0;} .PicList001512 .map{text-align: center;} .PicList001512 .name h3{ position:relative; color:#343434; font-size:34px; padding-bottom:2%; background:url(../images/PicList001512_tit.png) no-repeat left center/contain; font-weight:normal; margin:0; } .PicList001512 .name h3:before{ position:absolute; left:0; bottom:0; width:31px; height:2px; content:""; background:#343434; } .PicList001512 .list{width: 48%;float: left;border: 1px solid #edebec;} .PicList001512 .list_right{width: 48%;float: right; border: 1px solid #edebec;} .PicList001512 .list h2,.PicList001512 .list_right h2{font-size: 24px;color: #333;text-align: left;font-weight: normal;margin-bottom: 3%;padding-left: 10px;} .PicList001512 dd{float:left;margin-right:2%;margin-bottom:2%;width: 100%;border-bottom: 1px dashed #eee;padding:5px;color:#666;padding:4px;} .PicList001512 dd:nth-child(2n){ margin-right:0;} .PicList001512 dd:last-child{ border-bottom: none;} .PicList001512 dd div{ position:relative; padding-left:35%;height:210px; overflow:hidden;} .PicList001512 dd figure{ position:absolute; left:0; top:0; height:100%;width:33%; } .PicList001512 dd h5, .PicList001512 dd p{ margin:0; line-height:30px;} .PicList001512 dd h5{font-size:14px; } .PicList001512 dd p{ color:#888;font-size:12px; } @media(max-width:768px){ .PicList001512 dd{ float:none; width:auto; margin-right:0;} .PicList001512 .list{width: 100%; float: none; margin-bottom: 3%;} .PicList001512 .list_right{float: none; width: 100%;} } @media(max-width:480px){ .PicList001512 .name h3{ font-size:24px; } .PicList001512 dd figure{width:43%; } .PicList001512 dd div{padding-left:45%;} } /* .TextList001230 为demo编号 */ .TextList001230{padding: 2% 0;font-size:12px;margin: 0 auto;} .TextList001230 li{border-bottom: 1px dotted #ddd;padding: 20px 60px 20px 0; overflow:hidden; position:relative;} .TextList001230 li time{ text-align:center; float:left;line-height: 24px; width:68px; margin-right:15px; border-radius:5px; background-color:#0077D3; color:#fff;} .TextList001230 li time span{line-height: 44px;display: block;font-size: 30px;color: #0077D3; background-color:#e2e2e2;border-radius:5px 5px 0 0;} .TextList001230 li a{ position:absolute; right:0; padding-top:25px; height:24px; top:50%; margin-top:-25px; background:url(../images/TextList001230-icon.png) no-repeat center top;} .TextList001230 li p{ margin:0; font-size:12px; line-height:24px; color:#333;} .TextList001230 li p span{ color:#999;} .TextList001230 li p span i{ font-style:normal; color:#9c0015;} /* .PicList001204 为demo编号 */ .PicList001204{margin: 2% auto;} .PicList001204 li{position:relative;border-bottom:1px dashed #ccc; padding:2% 0; transition:all ease-in-out 0.5s;} .PicList001204 li a{ z-index:3; position:absolute; left:0; top:0; width:100%; height:100%;} .PicList001204 li div{ position:relative; padding-left:116px; padding-right:20px;} .PicList001204 li time{ font-size: 12px; position:absolute; left:16px; top:0; line-height: 24px; width:68px; border-radius:5px; background-color:#0077D3; text-align:center; color:#fff; transition:all ease-in-out 0.5s;} .PicList001204 li time span{display: block; line-height: 44px;font-size: 30px;color: #0077D3; background-color:#e2e2e2;border-radius:5px 5px 0 0;} .PicList001204 li h5{ margin:0; line-height:30px; color:#434345; font-size:16px; transition:all ease-in-out 0.5s;} .PicList001204 li p{ margin:0; line-height:20px; overflow:hidden; height:40px; font-size:12px;} .PicList001204 li:hover, .PicList001204 li:hover time, .PicList001204 li:hover h5{color:#fff;} .PicList001204 li:hover{ background-color:#325f9a;} .PicList001204 li:hover time{background-color:#b5c4d7;} @media(min-width:641px){ .PicList001204 ol .Ispic{ position:absolute; left:0; top:0; height:100%;width:30%; } } @media(max-width:640px){ .PicList001204 ol .Ispic{ display:block; padding-bottom:50%;} .PicList001204 ol div{ padding:2%;} .PicList001204 ol h2{ margin-top:2%;} } /*招聘公告*/ /* .TextList001652 为demo编号 */ .TextList001652{margin: 3% auto;} .TextList001652 .list_ul, .TextList001652 .job_ol{ overflow:hidden; clear:both;} .TextList001652 .job_ol li, .TextList001652 .list_ul li{ list-style:none; float:left; width:20%; text-align:center;} .TextList001652 .job_ol li{ background-color:#0077D3; color:#fff; line-height:3em;} .TextList001652 .list{ border-bottom:1px solid #ebebeb;} .TextList001652 .job_info{ display:none;} .TextList001652 .job_info strong{ color:#0077D3; ;font-size: 14px;} .TextList001652 .list_ul{ cursor:pointer;font-size:12px;} .TextList001652 .list_ul li{ padding:1em 0; font-size:14px} .TextList001652 div:nth-child(2n){background-color:#eee;} .TextList001652 .list_ul li:nth-child(5) a{ border:1px solid #ededed; border-radius:5px; display:inline-block; padding:0 7%; line-height:1.8em;background-color:#e50014;color:#fff;} .TextList001652 .job_info{padding:1% 5% 1%;} @media(max-width:640px){ .TextList001652 .job_ol li, .TextList001652 .list_ul li{width:25%;} .TextList001652 .job_ol li:nth-child(4), .TextList001652 .list_ul li:nth-child(4){ display:none;} } /* 联系方式*/ /* .RighInfo002275 为demo编号 */ .RighInfo002275 .p,.RighInfo002275 .h2,{} .RighInfo002275{padding: 8% 0} .RighInfo002275 .text{margin-bottom: 30px} .RighInfo002275 .text .title{font-size: 30px;color: #666;font-weight: normal;margin-bottom: 20px;} .RighInfo002275 .text .title span{font-weight: 700;} .RighInfo002275 .text .p{font-size: 16px;color:#666;line-height: 38px; margin: 0; padding: 0;} .RighInfo002275 .map{width: 100%;height: 200px;} .RighInfo002275 .map #map{height: 100%;} .RighInfo002275 .map img{max-width: none !important;} @media screen and (min-width: 768px) { .RighInfo002275 .text{float: left;width: 45%;} .RighInfo002275 .map{float: right;width: 50%;height: 260px;} } @media screen and (min-width: 1024px) { .RighInfo002275 .auto{background: url(../images/RighInfo002275-contact_bg.png) no-repeat center;} .RighInfo002275 .map{float: right;width: 50%;height: 320px;} .RighInfo002275 .text .title{font-size: 52px;} } @media screen and (min-width: 1200px) { .RighInfo002275{padding: 50px 0 70px} .RighInfo002275 .text .title{margin-bottom: 50px;} .RighInfo002275 .map{width: 700px;height: 430px;} .RighInfo002275 .text{width: 40%;text-align: center;} } /*在线留言*/ /* .Form000573 为demo编号 */ .Form000573{ padding-bottom:2%;} .Form000573 .title{ text-align:center; font-size:30px; padding:2% 0;} .Form000573 .title span{ font-family:Georgia; font-size:24px; text-transform:uppercase; display:block; color:#c1c1c1;} @media(max-width:640px){ .Form000573 .title{font-size:18px;} .Form000573 .title span{ font-size:14px;} } .Form000573 .list li{ margin-bottom:3%;line-height:22px;} .Form000573 .list li figure, .Form000573 .list li div{ padding:1em 2em 1em 3em;} .Form000573 .list li figure{ border:1px solid #f0f0f0; border-bottom:0; color:#0077D3; text-align:justify; text-justify:inter-ideograph; background:url(../images/Form000573-icon_Q.gif) no-repeat 1.4em 1.4em #f8f8f8;padding-bottom:1.3em;} .Form000573 .list li figure time{ color:#b1b1b1; font-size:12px; float:right; margin-left:5px;} .Form000573 .list li div{ border:1px dotted #ddd;background:url(../images/Form000573-icon_A.gif) no-repeat 1.4em 1.4em; color:#9a9a9a; position:relative; } .Form000573 .list li div::before{ position:absolute; content:''; background:url(../images/Form000573-icon_jiao.png) no-repeat; width:20px; height:12px; left:3em; top:-11px;} .Form000573 .from h1{ margin:0; font-weight:normal;border-bottom:1px solid #d1d1d1; font-size:16px; padding-left:15px; height:35px;} .Form000573 .from h1 span{border-bottom: 3px solid #0077D3;padding-bottom:0.8em;display:inline-block;height:36px;} .Form000573 .from .btn{cursor:pointer;border:none;padding:0 15%;height:35px;font-size:14px;color:#fff;background: #0077D3;} .Form000573 .from .f_name{ width:80px; padding-right:15px;text-align:right; color:#4d4d4d;} .Form000573 .from table{ max-width:535px;} .Form000573 .from td{ line-height:35px; padding-top:3%; vertical-align:top;} .Form000573 .from .text{ width:80%; border:1px solid #eaeaea; height:35px; line-height:35px; padding:0 2%; border-radius:3px;} .Form000573 .from .textcode{ width:80px;} .Form000573 .from .text:focus{ border-color:#0077D3; box-shadow:0 0 8px #4ec1e4 inset; transition:all ease 0.5s;} .Form000573 .from textarea.text{ width:100%; height:175px;} .Form000573 .from i{ color:#19ad66; font-style:normal;} .Form000573 .form_err{color:#df2130;} /* 卫星视频*/ /*PicList002173 */ .PicList002173{ padding: 3% 0;} .PicList002173 .title{ font-size:24px; margin-bottom:3%;} .PicList002173 .title:before{ display:inline-block; content:''; margin-right:10px; width:20px; height:4px; background:#006cba; vertical-align:middle; color:#333;} .PicList002173 .video{ position:relative; padding-bottom:47.8%;} .PicList002173 .video video{ position:absolute; left:0; width:100%; top:0; height:100%; background:#000;} .PicList002173 .owl-carousel{ padding:0 30px; margin-top:3%;} .PicList002173 .item{padding: 0 10px;cursor:pointer;border: 1px solid #e8e8e8;margin: 0 5px;padding-bottom: 10px;color:#333;line-height:25px;} .PicList002173 .item figure{padding-bottom:56%;position:relative;margin: 10px 0;} .PicList002173 .item figure a{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/PicList002173-icon_video.png) no-repeat center center; background-color:rgba(82,99,111,0.4);} .PicList002173 .item figure img{ display:none;} .PicList002173 .item p{margin:0;/* border:1px solid #e8e8e8; */border-top:0;/* line-height:57px; */padding:0 3%;font-weight:normal;font-size: 14px;} .PicList002173 .owl-carousel .ON p{color:#333;line-height:25px;} .PicList002173 .owl-carousel .ON p:hover{color:#006cba;} .PicList002173 .owl-nav div{ position:absolute; width:28px; height:28px; top:50%; margin-top:-14px; background:url(../images/PicList002173-btn.png) no-repeat left bottom; overflow:hidden; line-height:1000px;} .PicList002173 .owl-nav .owl-prev{ left:0;} .PicList002173 .owl-nav .owl-prev.disabled{ background-position:left top;} .PicList002173 .owl-nav .owl-next{ right:0; background-position: right bottom;} .PicList002173 .owl-nav .owl-next.disabled{background-position: right top;} .PicList002173 .owl-nav div.disabled{ cursor:default;} @media(max-width:1000px){ .PicList002173 .item{ padding:0 10px;} } @media(max-width:640px){ .PicList002173 .item p{font-size:14px;} } @media(max-width:480px){ .PicList002173 .title{ font-size:20px;} } /**插件样式 有相同 留一个即可**/ .owl-carousel, .owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative} .owl-carousel{display:none;width:100%;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-item, .owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none} /*.owl-carousel .owl-item img{display:block;width:100%}*/ .no-js .owl-carousel, .owl-carousel.owl-loaded{display:block} .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{visibility:hidden} .owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease} .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} /***end**/ /*友情链接 */ .links{ padding:3% 0;} .links .Pages{margin: 3% 0 6% 0;} .links li{list-style: none; float:left; width:22.75%; margin-right:3%; margin-bottom:3%;} .links li dl,.links ul{margin: 0; padding: 0;} .links li a{ border:1px solid #e8e8e8; position:relative; display:block;} .links li .Ispic{padding-bottom: 50%;} .links li a figure{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 121, 195,0.7); opacity:0; transition:0.3s;} .links li a:hover figure{ opacity:1;} .links li dl{ display:table; width:100%; height:100%;} .links li dt{ display:table-cell; vertical-align:middle;text-align:center; font-size:18px; color:#fff;} @media(min-width:769px){ .links li:nth-child(4n){ margin-right:0;} } @media(max-width:768px){ .links li{ width:32%; margin-right:2%;} } @media(max-width:768px) and (min-width:481px){ .links li:nth-child(3n){ margin-right:0;} } @media(max-width:480px){ .links li{ width:49%;} .links li:nth-child(2n){ margin-right:0;} .links li dt{ font-size:15px;} } /*搜索*/ .searchCon{margin: 3% 0;} .searchCon .w1440{padding: 3% 1%; background: #fff;} .searchCon li{cursor: pointer; overflow: hidden; height: 60px; line-height: 60px; border-bottom: 1px solid #dbe5e2;} .searchCon li a{display: block; float: left; padding-left: 30px; background: url(../images/searchIcon.png) no-repeat; background-position: 2px 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; font-size: 16px;} .searchCon li:hover{border-bottom: 1px solid #0079c3;} .searchCon li:hover a{color: #0079c3; background: url(../images/searchIcon_hover.png) no-repeat; background-position: 2px 50%;} .searchCon li:hover span{color: #0079c3;} .searchCon li span{font-size: 14px; color: #415868;} .searchCon li span.time{float: right;} .searchCon li span.catename{ margin-left:10px} .searchCon .pages{margin: 4% 0 0;} @media only screen and (min-width: 1024px) { .searchCon li a{max-width: 85%;} } @media only screen and (max-width: 1023px) { .searchCon li a{max-width: 65%;} } .mask{display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; cursor: pointer; background: rgba(0,0,0,0.5); z-index: 1000;} .mask .maskImg{position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: auto; max-width: 90%; max-height: 90%;} /*招聘信息表单弹出框*/ .addMask{display: none; position: fixed; top: 0px; left: 0px; z-index: 9999; width: 100%; height: 100%;} .addMask .addMaskBg{position: fixed; top: 0px; left: 0px; background: rgba(0,0,0,0.5); width: 100%; height: 100%;} .addMask .addMaskCon{position: fixed; left: 0px; top: 0px; bottom: 0px; right: 0px; width: 400px; height: 360px; padding: 20px; box-sizing: border-box; background: white; border-radius: 10px; margin: auto; box-shadow: 0px 0px 10px #ccc;} .addMask .addMaskCon .close{font-size: 45px; font-style: normal; width: 45px; height: 45px; line-height: 45px; text-align: center; color: #000; position: absolute; right: 0px; top: 0px; cursor: pointer;} .addMask .addMaskCon ul {margin-top: 15px;} .addMask .addMaskCon ul li{position: relative; margin-bottom: 10px; height: 40px; line-height: 40px;} .addMask .addMaskCon ul li label{position: absolute; left: 10px; top: 0px; height: 40px; font-size: 14px; color: #333;} .addMask .addMaskCon ul li .text{width: 100%; height: 40px; line-height: 40px; border: 1px solid #ccc; box-sizing: border-box; padding-left: 55px; padding-right: 10px;} .addMask .addMaskCon ul li .file{width: 100%; padding-left: 55px;} .addMask .addMaskCon ul li .btn{border: 0px; background: #0077D3; font-size: 16px; line-height: 40px; height: 40px; width: 100%; text-align: center; color: white; font-weight: bold; cursor: pointer;} .addMask .addMaskCon ul li #jobName{padding-left: 55px; font-weight: bold; font-size: 16px; color: #0077D3;} .addMask .addMaskCon ul li.end{height: 50px;} .addMask .addMaskCon ul li.end .p{font-size: 12px; line-height: 15px; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} @media only screen and (max-width: 768px) { .contact_add li .add-Con dl dd{float: initial; width: 100%;} .contact_add li .time{display: none;} } @media only screen and (max-width: 400px) { .addMask .addMaskCon{width: 96%;} } .bd_weixin_popup{width: 260px !important; height: 310px !important;} .slideUp { /* -webkit-transform: translateY(-100px); transform: translateY(-100px);*/ -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); /*transition: transform .5s ease-out;*/ -webkit-transition: transform .5s ease-out; -o-transition: transform .5s ease-out; transition: transform .5s ease-out; } .slideDown { /*-webkit-transform: translateY(0); transform: translateY(0);*/ -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /*transition: transform .5s ease-out;*/ -webkit-transition: transform .5s ease-out; -o-transition: transform .5s ease-out; transition: transform .5s ease-out; } /*右侧悬浮框*/ .Other001470{ display:none;} .add_Other001470{ display:block; width:75px;} .add_Other001470 a{ width:75px; padding-top:60px;} .add_Other001470 a .p{ margin:0; font-size:12px;} .add_Other001470 .icon1{ background:url(../images/nqhicon.png) #0077D3 no-repeat center -5px; background-size:100% auto; position:relative;} .add_Other001470 .qr_img{ padding:5px; background:#fff; position:absolute; top:0; right:75px; width:121px; display:none;} .add_Other001470 .top{ background-size:100%; padding: 46px 0 10px 0; display:none; text-align:center; color:#fff;} .add_Other001470 .icon1:hover .qr_img{ display:block;} @media only screen and (max-width: 640px) { .add_Other001470{ display:none;} } /*右侧悬浮框*/ /*新闻页更改*/ .add_news{} .add_news li .Ispic{ float:none;} .add_news .news_info2{ padding:20px;} .news_info2 time{ display:block; font-size: 14px;color: #8c8c8c;background: url(../images/data.png) no-repeat 0 center;padding-left: 20px;margin-bottom: 8px;} .add_news li h1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height:1.5; height:3em; padding:0;} .news_info2 .add_more{display: block; width: 148px; height: 36px; background: #0077D3; color: #fff; text-align: center; line-height: 36px; margin-top:20px;} .add_detail #moreNews{ display:block; margin:0 auto; width:180px; height:56px; line-height:56px; font-size:18px; padding:0 0 0 32px; background:#0077D3 url(../images/jz.png) left 36px center no-repeat; border-radius:5px;} .maincontent .add_newsauto{ width:900px; max-width:100%; margin:0 auto;} /*新闻页更改*/ /*首页业务板块改*/ .Floor002410 li h3{ float:none; color:#0077D3;border-bottom: 3px solid #0077D3;display: inline-block;width: auto;max-width: 100%;} .Floor002410 li .p{ opacity:1; -webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; line-height:20px; height:60px; color:#333;} .Floor002410 li:hover .p{ color:#333;} .Floor002410 li .product_list{ opacity:0; height:100px;} .Floor002410 li:hover .product_list{ opacity:1;} .Floor002410 li .product_list a{ display:inline-block; line-height:24px;} .product_list .product_item{ width:50%; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .Floor002410 li .product_list .product_item a{ display:inline;} .product_list .product_item a{ font-size:14px; padding-left:10px; color:#0077D3; position:relative;} .product_list .product_item a:before{ content:''; display:block; width:5px; height:5px; border-radius:5px; background:#0077D3; position:absolute; top:8px; left:0;} .product_list .product_item a:hover{ color:#000;} .product_list .product_item a:hover:before{ background:#000;} .Floor002410 li figure a{ display:inline-block;} .Floor002410 .ul{ text-align:center;} .Floor002410 li{ width:27%; margin:0 2.2%; display:inline-block; float:none; text-align:left;} .Floor002410 li figure{ padding:6% 10% 10% 10%;} @media only screen and (max-width: 1024px) { .Floor002410 li{ width:27%; margin:0 2.2%;} } @media only screen and (max-width: 640px) { .Floor002410 li{ width:100%; margin:10px 0 20px;} } @media only screen and (max-width: 520px) { .Floor002410 li .product_list{ opacity:1;} } /*头部业务板块改*/ .Top002070 nav #m16{ padding-bottom:25px;} .Top002070 nav .ul #m16:hover .add_con{ display:block;} .Top002070 .ul .add_con{ position:fixed; top:80px; left:0; width:100%; background:rgba(0,0,0,0.5); display:none;} .add_con .add_conm{ text-align:center; padding-bottom:20px;} .add_con .add_conm .add_conitem{ display:inline-block; text-align:left; min-width:200px; vertical-align:top; line-height:50px;} .add_conitem .h3, .add_conitem .p{ color:#fff;} .add_conitem .h3:hover, .add_conitem .p:hover{ color:#0d4d90;} .add_conitem .p i{ display:inline-block; width:50px; height:50px; background:#000; border-radius:5px; vertical-align:middle; margin-right:5px; text-align:center; line-height:50px;} .add_conitem .p:hover i{ background:#0d4d90;} .add_conitem .p i img{ display:inline-block !important; width:80%; height:80%;} @media only screen and (max-width: 1024px) { .Top002070 nav #m16{ padding-bottom:0;} .Top002070 .ul .add_con{ position:static;} .Top002070 .ul #m16 .a{ display:none;} .add_conitem .p i{ display:none;} .add_conitem .h3, .add_conitem .p{ line-height:24px; margin:0; line-height:45px;} .add_conitem .add_conp{ display:none;} } /*内页导航*/ @media screen and (min-width: 1200px){ .Menu002272 .current a{ line-height:45px;} } .Menu002272 .nav-menu{ border-bottom:none;} @media screen and (min-width: 1025px){ .Menu002272 .nav-menu ul li{ border-top:4px solid transparent; margin:0; line-height:45px; font-weight:normal;} .Menu002272 .nav-menu ul li a{ font-size:16px;} .Menu002272 .nav-menu{ background:#ebebeb;} .Menu002272 .nav-menu ul li:hover a, .Menu002272 .nav-menu ul li.on a{ color:#333;} .Menu002272 .nav-menu ul li:hover, .Menu002272 .nav-menu ul li.on{ background:#fff; border-top:4px solid #0077D3;} } @media screen and (min-width: 768px){ .Menu002272 .current a{ line-height:45px;} } /*内页导航*/ /*首页底部推荐栏目图片*/ @media only screen and (min-width: 640px) { .Floor002439 .list .item{ width:31.3333%; margin-right:3%;} .Floor002439 .list .item:nth-child(3n){ margin-right:0;} } @media only screen and (max-width: 640px) { .Floor002439 .list .item{ width:100%; margin:0 0 20px;} .Floor002439 .list .item:nth-child(3n){ margin:0 0 20px;} .Floor002439 .list .item a .bg{ background-size:cover;} } /*首页底部推荐栏目图片*/ /*首页新闻轮播*/ .Floor001050 .bx-pager{ display:block;} .Floor001050 .list .bx-controls-direction{ display:none;} .Floor001050 .bx-pager{ text-align:center; position:absolute; bottom:50px; left:0; width:100%;} .Floor001050 .bx-pager .bx-pager-item{ display:inline-block;} .Floor001050 .bx-pager .bx-pager-item a{ display:block; font-size:0; width:10px; height:10px; border-radius:10px; background:#fff; margin:5px;} .Floor001050 .bx-pager .bx-pager-item .active{ background:#0077D3;} /*首页新闻轮播*/ /*右侧悬浮框*/ .Other001470{ top:auto; bottom:5%;} /*右侧悬浮框 结束*/ /*首页栏目列表导航*/ .Floor002437 li{ border-right:none;} .Floor002437 .ul{ text-align:center;} .Floor002437 .ul li{ display:inline-block; width:15%; float:none;} .Floor002437 li:first-child{ border-left:none;} .Floor002437 li .pic{ width:auto; max-width:86px;} .Floor002437 li img{ width:100%;} @media only screen and (max-width: 640px) { .Floor002437 .ul li{ display:block; width:50%; float:left; margin:15px 0;} } /*首页栏目列表导航*/ .singlepage .Content{ min-height:300px;} @media only screen and (min-width: 1024px) { .Top002070 nav #m2 dd{ width: 50%; float: left; margin:0 0 10px; padding-left: 22px;} .Top002070 nav #m2 .con{ width:260%; height:300px;} .Bottom002463 .nav .add_dl{ width:240px;} .Bottom002463 .nav .add_dl dd{ width:50%; float:left;} .Top002070 nav li dd a:hover{ color:#0077D3;} } /*新闻列表调整*/ .add_news{ padding:3% 0 1%;} .add_news li{ width:23.2%; border:2px solid transparent;} .PicList001958 li:last-child{ border:2px solid transparent;} .add_news li:nth-child(3n){ margin-right:2.4%;} .add_news li:nth-child(4n){ margin-right:0;} .add_news li:hover{ border-color:#0077D3;} @media only screen and (max-width: 860px) { .add_news li{ width:48%; margin-right:4%;} .add_news li:nth-child(3n){ margin-right:4%;} .add_news li:nth-child(4n){ margin-right:4%;} .add_news li:nth-child(2n){ margin-right:0;} } @media only screen and (max-width: 480px) { .add_news li, .add_news li:nth-child(3n), .add_news li:nth-child(4n), .add_news li:nth-child(2n){ width:100%; margin:0;} } /*新闻列表调整*/ /*下载中心*/ .download_select{ padding-top:50px;} .download_select .ds{ padding-left:180px; position:relative; min-height:100px; border:1px solid #ededed;} .download_select .ds .ds_h{ position:absolute; top:0; left:0; width:150px; height:100px; background:#f7f7f7; display:table; text-align:center;} .ds_h span{ display:table-cell; vertical-align:middle; font-size:16px; color:#5e5f62; font-weight:bold;} .ds .ul li{ float:left; margin:36px 20px 10px; padding:0 10px; position:relative;} .ds .ul li a{ text-align:center;} .ds .ul li>a{ display:block; padding:3px 25px; border-radius:3px;} .ds .ul li>a:hover, .ds .ul .ds_on>a{ background:#0077D3; color:#fff;} .ds .ul .ds_on2>a{ color:#0077D3;} .ds .ul li .dl{ padding-top:10px; position:absolute; top:100%; left:0; width:100%; display:none;} .ds .ul li:hover .dl{ display:block; background:#fff;} .ds .ul li .dl a{ display:block; padding:5px 0;} @media only screen and (max-width: 1024px) { .download_select .ds{ padding:0;} .download_select .ds .ds_h{ position:static; width:100%; height:45px;} .download_select .ds .ul{ padding:10px 10px;} .ds .ul li{ margin:10px 15px 10px 0; float:none;} .ds .ul li>a{ display:inline-block; background:#eef0f1; color:#666;} .ds .ul li .dl{ display:block; position:static;} .ds .ul li .dl dd{ display:inline-block; margin-right:15px;} } /*下载中心*/ .Laboratory_info .bigImg{ width:78%; float:left;} .Laboratory_info .show .bigImg ul{ width:100% !important; padding-bottom:70%; height:auto !important;} .Laboratory_info .show .bigImg li{ width:100% !important;} .Laboratory_info .bigImg .pic{ width:100%; position:relative; height:0; padding-bottom:70%;} .Laboratory_info .bigImg .pic img{ position:absolute; top:0; left:0; max-width:100%; height:100%;} .Laboratory_info .smallScroll{ float:right; width:21%; position:relative; padding:30px 0; overflow:hidden;} .Laboratory_info .smallScroll .ul{ overflow:hidden;} .Laboratory_info .smallScroll li{ width:100%; cursor:pointer; padding:3% 0;} .Laboratory_info .smallScroll .pic{ width:100%; padding:0; border:1px solid #ddd;} .Laboratory_info .smallScroll li.on .pic{ border:1px solid #54caf2;} .Laboratory_info .smallScroll .pic a{ width:100%; position:relative; height:0; padding-bottom:70%; display:block;overflow: hidden;} .Laboratory_info .smallScroll .pic img{ position:absolute; top:0; left:0; width:100%; min-height:100%;} .Laboratory_info .smallScroll .a{ display:block;background: #54caf2;color: #fff; height:25px; width:100%; position:absolute; left:0; z-index:5;} .Laboratory_info .smallScroll .a:before{position:absolute; right:50%; width:10px; height:10px; content:''; border:1px solid #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin-right:-5px;} .Laboratory_info .smallScroll .sPrev{ top:0;} .Laboratory_info .smallScroll .sPrev:before{ border-left:none; border-bottom:none; top:10px;} .Laboratory_info .smallScroll .sNext{ bottom:0;} .Laboratory_info .smallScroll .sNext:before{ border-top:none; border-right:none; bottom:10px;} .RighInfo001278 .Laboratory_info2{overflow: hidden;clear: both;} .Laboratory_info{overflow:hidden;width: 44%;float: left;} .prod_info22{margin-left: 46%;overflow: hidden;} .h1{ font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-weight: inherit; font-stretch: inherit; font-size: 100%; line-height: inherit; font-family: inherit; } .RighInfo001278 .prod_info .h1{ text-transform: uppercase; margin: 0;padding: 0; font-size: 30px; color: #51678d; font-weight: normal; margin-bottom: 20px; } .prod_info .hr{background: #51678d; height: 2px; width: 50px; border: none; overflow: hidden; margin-top: 10px; margin-bottom: 10px; display: block; } .prod_info2{text-align: justify;overflow: hidden;padding: 30px 0 0;} .prod_info2>h3{ color: #839acb; font-size: 16px; margin: 0;padding: 0; font-weight: normal; } .ADDLEFT{width: 200px;float: left;overflow:hidden;padding-bottom: 4%;} .ADDRIGHT{margin-left: 240px;overflow: hidden;padding-bottom: 4%;} .DivName .h3{background: #0077D3;overflow: hidden;color: #fff;font-size: 20px;font-weight: normal;padding: 25px 20px;margin: 0;} .ADDLEFT .ul{border: 1px solid #dcdcdc;} .ADDLEFT .ul li>a{display: block;line-height: 20px;padding:20px 15px;font-size: 16px;border-bottom: 1px solid #dcdcdc;} .ADDLEFT .ul li dl{display: none;} .ADDLEFT .ul li dl .divspan{display: none;} .ADDLEFT .ul li dl dd>a{display: block;line-height: 20px;padding:15px 25px;font-size: 14px;border-bottom: 1px solid #dcdcdc;} .ADDLEFT .ul li dl dd span{display: block;} .ADDLEFT .ul li dl dd span a{display: block;line-height: 20px;padding:5px 35px;font-size: 12px;border-bottom: 1px solid #dcdcdc;} .ADDLEFT .ul li.on>a{color: #0077D3;} .ADDLEFT .ul li dl dd.on>a{color: #0077D3;} .ADDLEFT .ul li dl dd span.on>a{color: #0077D3;} .IMGBOX{ overflow: hidden; width: 44%; float: left;margin-bottom: 2%;} .IMGBOX2{position: relative;height: 0;overflow: hidden;padding-bottom: 55.81%;} .IMGBOX2 img{display: block;width: 100%;max-height: 100%;position: absolute;left: 0;top: 0;} .ADDINFO{overflow: auto;max-height: 140px;} /*业务板块详情页*/ .RighInfo001278{ padding:2% 0;} .RighInfo001278 .prod_info{ position:relative;} .RighInfo001278 .prod_info .share{ padding:2% 0; overflow:hidden; border-bottom:1px solid #eaeaea; margin-bottom:5%;} .RighInfo001278 .prod_info .share a.more{ float:right;color:#999;line-height:28px;} .RighInfo001278 .prod_info .share a.more:hover{color:#e60a00;} .RighInfo001278 .prod_info .share em{ float:left; font-size:14px; font-style:normal; line-height:28px;} @media(max-width:1200px){ .RighInfo001278 .Laboratory_info2{margin-left: 0;} .Laboratory_info{width: 100%;float: none;max-width: 410px;margin-bottom: 2%;} } @media(min-width:641px){ .RighInfo001278 .big_img{ position:absolute; left:0; top:0; height:100%; width:43.9%;} .RighInfo001278 .big_img li{ position:absolute;width:100%;top:0; left:0; height:100%; } .RighInfo001278 .big_img li .table{ display:table; width:100%; height:100%;} .RighInfo001278 .big_img li .table_cell{ display:table-cell; vertical-align:middle; padding:0 5%;} .RighInfo001278 .big_img li img{ max-height:100%;} } .RighInfo001278 .big_img li{ text-align:center; border:1px solid #dcdcdc;} .RighInfo001278 .list{ padding:0 30px;position:relative;} .RighInfo001278 .list a{ position:absolute; width:26px; height:26px; background:url(../images/RighInfo001278-btn_prev.png) no-repeat center center; cursor:pointer;top:50%; margin-top:-13px; z-index:10;} .RighInfo001278 .list a.prev{ left:0;} .RighInfo001278 .list a.next{ right:0; background-image:url(../images/RighInfo001278-btn_next.png);} .RighInfo001278 .list a.prevStop, .RighInfo001278 .list a.nextStop{ cursor:default;} .RighInfo001278 .list li{position:relative; text-align:center;} .RighInfo001278 .list li .table{width:90%; margin:0 auto;padding:5px;border:1px solid #f2f2f2;} .RighInfo001278 .list li.on .table{ border-color:#6ad1f4;} .RighInfo001278 .tab{ padding:3% 0;clear: both;} .RighInfo001278 .tab .h1_tab{ margin:0; overflow:hidden; font-weight:normal; font-size:14px;} /*.RighInfo001278 .tab .h1_tab span{ float:left; padding:0 3%; line-height:44px; cursor:pointer;} .RighInfo001278 .tab .h1_tab span.on{ background-color:#54caf2; color:#fff;}*/ .RighInfo001278 .tab .info{ padding-top:3%;} @media(max-width:640px){ .RighInfo001278 .prod_info{ padding-left:0;} .RighInfo001278 .big_img{ margin-bottom:3%;} .RighInfo001278 .big_img li{ padding:3%;} } /*业务板块详情页*/ .ug-arrow-left.ug-skin-default, .ug-arrow-right.ug-skin-default, .ug-theme-default .ug-default-button-play-single, .ug-theme-panel .ug-strip-panel, .ug-default-button-hidepanel{ display:none;} .contain .gallery_img{ padding:30px 0;} .contain .gallery_img #gallery{ margin:0 auto;} /*业务板块三级四级导航*/ .twonav .ul{ text-align:center; position:relative; padding:30px 0 0; margin-bottom:50px;} .twonav .ul li{ display:inline-block; margin:10px 10px 0;} .twonav .ul li>a{ display:block; padding:6px 20px; color:#666; border-radius:15px; background:#eef0f1;} .twonav .ul li>a:hover, .twonav .ul li .aon{ color:#fff; background:#0077D3;} .twonav .ul li .dl{ position:absolute; width:100%; top:100%; left:0; text-align:center; padding:20px 0;} .twonav .ul li:hover .dl{ display:block;} .twonav .ul li .dl dd{ display:inline-block; margin:0 20px;} .twonav .ul li .dl dd a{ color:#666; padding:6px 20px;} .twonav .ul li .dl dd a:hover, .twonav .ul li .dl dd .bon{ color:#0077D3;} @media only screen and (max-width: 1024px) { .twonav .ul{ margin-bottom:20px;} .twonav .ul li{ display:block;} .twonav .ul li .dl{ display:block; position:static; text-align:left;} .twonav .ul li .dl dd{ margin:0 5px 5px;} .twonav .ul li .dl dd a{ padding:5px 10px;} } .addnav .ul{ text-align:center; padding:0 0 20px; border-bottom:1px solid #ededed;} .addnav .ul li{ display:inline-block; margin:5px 10px;} .addnav .ul li>a{ display:block; padding:8px 20px; color:#666; border-radius:18px; background:#eef0f1;} .addnav .ul li>a:hover, .addnav .ul li>.on{ background:#0077D3; color:#fff;} .addnav .dl{ text-align:center;} .addnav .dl dd{ display:inline-block; margin:0 25px;} .addnav .dl dd a{ display:block; padding:16px 0 20px;} .addnav .dl dd a:hover, .addnav .dl dd .on{ border-top:3px solid #0077D3;} /*业务板块三级四级导航*/ /*知识产权及商标*/ .PicList002120 li{ padding:2%;} .PicList002120 li figure{transition: All 0.5s ease-in-out; -webkit-transition: All 0.5s ease-in-out;-moz-transition: All 0.5s ease-in-out;-o-transition: All 0.5s ease-in-out;} .PicList002120 li:hover figure{transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);} /*知识产权及商标*/ /*荣誉资质*/ .PicList002239 li{ padding:1%;} .PicList002239 li .Ispic{transition: All 0.5s ease-in-out; -webkit-transition: All 0.5s ease-in-out;-moz-transition: All 0.5s ease-in-out;-o-transition: All 0.5s ease-in-out;} .PicList002239 li:hover .Ispic{transform: scale(1.05);-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);} /*荣誉资质*/ /*下载中心筛选*/ .myselect{ padding:10px 0;} .myselect .myselect_h{ height:40px; line-height:40px; color:#fff; padding:0 2%; background:#0077D3;} .myselect .dl{ position:relative; line-height:38px; border-bottom:1px solid #e0e0e0; padding:4px 0; padding-left:75px;} .myselect .dl dt{ position:absolute; top:0; left:15px; width:60px; font-weight:bold; line-height:46px;} .myselect .dl dd{} .myselect .dl dd a{ margin-right: 20px; display: inline-block; line-height: 20px; padding: 5px 10px;} .myselect .dl dd a:hover, .myselect .dl dd .on{ background:#0077D3; color:#fff;} /*下载中心筛选*/ .ULLIST{overflow: hidden;padding-top: 10px;} .ULLIST li a{display: block;padding-left: 25px;background: url(../images/pdf.gif) left center no-repeat;margin-bottom: 15px;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;} @media only screen and (max-width: 850px) { .IMGBOX{float: none;max-width: 435px;width: 100%;} .prod_info22{margin: 0;} .ADDINFO{max-height: none;} } @media only screen and (max-width: 650px) { .ADDLEFT{width: 100%;padding-bottom: 2%;float: none;} .ADDRIGHT{margin: 0;} } .columnSide { float: left; width: 220px; position: relative;} .localNavBtn { display: none; } @media screen and (max-width: 1000px) { .ADDLEFT1 .columnSide{ display: block; width: 100%; position: relative; height: 50px; float: none;} .ADDRIGHT2{ margin-left: 0;} .localNavBtn { display: block; position: absolute; right: 0px; top: -10px; width: 50px; height: 50px; -webkit-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25); background-color: #0077d3; } .localNavBtn:before, .localNavBtn:after, .localNavBtn span { content: ""; display: block; position: absolute; left: 10px; width: 26px; height: 4px; background: #fff; } .localNavBtn:before { top: 13px; } .localNavBtn span { top: 23px; overflow: hidden; text-indent: 100%; white-space: nowrap; } .localNavBtn:after { top: 33px; } } /* ---------------------------------------------- localNav ---------------------------------------------- */ .localNav { } .localNav li { line-height: 0; } .localNav li a { line-height: 1.4; } .localNav a { display: block; } /* navRoot ---------------------------------------------- */ .localNav .navRoot { padding: 13px 20px 11px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.3) inset; -moz-box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.3) inset; box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.3) inset; background: #0077d3; } .localNav .navRoot a { color: #fff; } .localNav .navRoot a span { display: block; padding-left: 24px; font-size: 113%; font-weight: bold; line-height: 1.4; background: url(../images/icon_arrow03l.png) left 0.23em no-repeat; } .localNav .navRoot a.active span { padding-left: 10px; background:none; } /* navLevel01~05 ---------------------------------------------- */ .localNav .navLevel01 li{ position: relative;} .localNav .navLevel01 li ul{ display: none;} .localNav .navLevel01 li i{ position: absolute; left: 0; top: 0; width: 30px; height: 100%; cursor: pointer;} .localNav .navLevel01 li a { padding: 14px 20px 12px 30px; border-bottom: 1px solid #c1d1db; color: #706f6f; position: relative; } .localNav .navLevel01 li a:hover{color: #0077d3;} .localNav .navLevel01 li a.open { font-weight: bold; } .localNav .navLevel01 li.slideOpen > ul, .localNav .navLevel02 li.slideOpen > ul{ display: block; } .localNav .navLevel01>li.slideClose>a { background:url(../images/icon_selecter2.gif) left 15px no-repeat; } .localNav .navLevel01>li.slideOpen>a { background:url(../images/icon_selecter3.gif) left 15px no-repeat; } .localNav .navLevel01>li.slideOpen>a, .localNav .navLevel01 li .navLevel02>li.slideOpen>a, .localNav .navLevel01 li .on a{ font-weight: bold; color: #0077d3; } .localNav .navLevel01 li .navLevel02 a { padding-left: 45px; } .localNav .navLevel01 li .navLevel02>li.slideClose>a { background:url(../images/icon_selecter2.gif) 15px 15px no-repeat; } .localNav .navLevel01 li .navLevel02>li.slideOpen>a { background:url(../images/icon_selecter3.gif) 15px 15px no-repeat; } .localNav .navLevel01 li .navLevel02 li .navLevel03 a { padding-left: 55px; } .localNav .navLevel01 li .navLevel02 li .navLevel03 li .navLevel04 a { padding-left: 70px; } .localNav .navLevel01 li .navLevel02 li .navLevel03 li .navLevel04 li .navLevel05 a { padding-left: 85px; } @media screen and (max-width: 1000px) { .localNavOpen { display: none; position:absolute; left: 0px; top: 100%; width: 100%; height: auto; padding: 60px 0px; background-color: rgba(255, 255, 255, 0.95); z-index: 100; } .localNavOpen .close { display: block; position: fixed; right: 10px; top: 0px; width: 60px; height: 60px; cursor: pointer; } .localNavOpen .close:before, .localNavOpen .close:after { content: ""; display: block; position: absolute; width: 24px; height: 3px; background: #b6b6b6; } .localNavOpen .close:before, .localNavOpen .close:after { top: 26px; left: 18px; } .localNavOpen .close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .localNavOpen .close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .localNav { padding: 0px 5%; } } .ADDRIGHT2 .RighInfo001278 .tab .info{ display: none;} .ADDRIGHT2 .RighInfo001278 .tab .h1_tab span{ display: inline-block; margin-right: 3%;color: #6a6e75;height: 40px;line-height: 40px; border-bottom: 2px solid #fff; cursor: pointer;} .ADDRIGHT2 .RighInfo001278 .tab .h1_tab span.on{border-color: #0077d3;color: #0077d3;} .ADDRIGHT2 .RighInfo001278 .info ul{ clear: both; overflow: hidden; padding-right: 1%;} .ADDRIGHT2 .RighInfo001278 .info ul.ul_title{ background: #0077d3; color: #fff;} .ADDRIGHT2 .RighInfo001278 .info ul.ul_title a{ color: #fff;} .ADDRIGHT2 .RighInfo001278 .info ul li{ font-size:0;} .ADDRIGHT2 .RighInfo001278 .info ul li.hover{ background: #f5f5f5} .ADDRIGHT2 .RighInfo001278 .info ul li span{ display: inline-block; font-size: 14px; vertical-align: middle; padding:10px 0 10px 1%;} .ADDRIGHT2 .RighInfo001278 .info ul li span:nth-child(1){ width: 23%;} .ADDRIGHT2 .RighInfo001278 .info ul li span:nth-child(2){ width: 13%;} .ADDRIGHT2 .RighInfo001278 .info ul li span:nth-child(3){ width: 12%;} .ADDRIGHT2 .RighInfo001278 .info ul li span:nth-child(4){ width: 20%;} .ADDRIGHT2 .RighInfo001278 .info ul li span:nth-child(5), .ADDRIGHT2 .RighInfo001278 .info ul li span:nth-child(6), .ADDRIGHT2 .RighInfo001278 .info ul li span:nth-child(7){ width: 10%;} @media screen and (max-width: 1000px) { .ADDRIGHT2 .RighInfo001278 .info ul li span:nth-child(1){ width: 25%;} .ADDRIGHT2 .RighInfo001278 .info ul li span:nth-child(2){ width: 18%;} .ADDRIGHT2 .RighInfo001278 .info ul li span:nth-child(3){ width: 15%;} .ADDRIGHT2 .RighInfo001278 .info ul li span:nth-child(4){ width: 25%;} .ADDRIGHT2 .RighInfo001278 .info ul li span:nth-child(5){ width: 15%;} .ADDRIGHT2 .RighInfo001278 .info ul li span:nth-child(6), .ADDRIGHT2 .RighInfo001278 .info ul li span:nth-child(7){ display: none;} } @media screen and (max-width: 640px) { .ADDRIGHT2 .RighInfo001278 .info ul li span:nth-child(1){ width: 30%;} .ADDRIGHT2 .RighInfo001278 .info ul li span:nth-child(2){ width: 25%;} .ADDRIGHT2 .RighInfo001278 .info ul li span:nth-child(3){ width: 20%;} .ADDRIGHT2 .RighInfo001278 .info ul li span:nth-child(4){ width: 25%;} .ADDRIGHT2 .RighInfo001278 .info ul li span:nth-child(5){ display: none;} } .AddListBox{padding: 30px 0;color: #fff;background: #839acb;} .AddListBox .ul{font-size: 0;overflow: hidden;} .AddListBox .ul li{display: inline-block;vertical-align: top;width: 16.6666666%;text-align: center;font-size: 14px;padding: 0 2%;} .AddListBox .ul li i{display: block;overflow: hidden;margin: 0 auto 15px;width: 36px;height: 36px;} .AddListBox .ul li .h3{font-weight: normal;text-transform: uppercase;margin: 0 0 5px;} .AddListBox .ul li img{display: block;width: 100%;height: 100%;} .AddListBox .ul li .TxtPage{ font-weight: 300; opacity: .6; filter: alpha(opacity=60); } @media screen and (max-width: 900px) { .AddListBox .ul li{width: 33.33333333%;padding: 2%;} } @media screen and (max-width: 550px) { .AddListBox .ul li{width: 50%;} } /*首页banner*/ .Banner001500{ position:relative;} .Banner001500 .bx-pager{ position:absolute; width:100%; left:0; bottom:1em; text-align:center;} .Banner001500 .bx-pager div{ display:inline-block; margin:0 6px;} .Banner001500 .bx-pager div a{ width:25px; height:4px; background:#cccdce; display:block; overflow:hidden; line-height:1000px;-webkit-transition:all ease 0.5s;transition:all ease 0.5s; } .Banner001500 .bx-pager div a.active{ background:#000;} .Banner001500 li img{ width:100%; display:block;} @media(max-width:768px){ .Banner001500 .bx-pager div{ margin:0 2px;} .Banner001500 .bx-pager div a{ width:8px; height:2px; } } @media(max-width:640px){ .Banner001500{ padding-top:21%;} } /*首页banner*/ /*业务板块详情页图片*/ .add_yewud .IMGBOX2{ background-repeat:no-repeat; background-position:center; background-size:auto 100%;} .add_yewud .IMGBOX2 img{ display:none;} /*业务板块详情页图片*/ .ab_min{ padding: 5% 0;} .ab_min .left{ float: left; width: 40%;position: relative;} .ab_min .left ul li h4{ font-size: 16px; color: #0077D3; border-bottom: dashed 1px #0077D3; height: 45px; line-height: 45px;} .ab_min .right{ float: right; width: 48%; } .ab_min .right ul li{ float:left; width:49%; margin-right:2%; margin-bottom:2%;} .ab_min .right ul li:nth-child(2n){ margin-right: 0;} .ab_min .right ul li a{position:relative; display:block;width: 100%; padding-top: 35%;} .ab_min .right ul li img{ display: block; max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-height: 100%;} .ab_min .left:before{ position: absolute; content: ''; width: 1px; height: 100%; background: #cccccc; right: -70px;} @media(max-width:768px){ .ab_min .left:before{ display: none;} .ab_min .left{ float: none; width: 100%;} .ab_min .right{ float: none; width: 100%;} } .searchnewstype{ max-width: 1200px; margin: 0.5% auto -1.5%; text-align: center; overflow: hidden; padding: 10px 0;} .searchnewstype li{ margin-right: 2%; line-height: 30px; display: inline-block;} .searchBar{ max-width: 1200px; margin: 1.5% auto -1.5%; overflow: hidden; clear: both;} .searchBar select, .searchBar input{ float: left; border: 1px solid #ccc;} .searchBar select{ width: 18%; height: 36px; line-height: 36px;} .searchBar input{ line-height: 36px; height: 36px;} .searchBar input#workNameKey{ width: 70%; padding: 0 10px;} .searchBar input#searchWord{ border: none; background: #0077D3; color: #fff; width: 12%;} @media(max-width:1200px){ .searchnewstype, .searchBar{ padding: 0 2%;} } @media(max-width:640px){ .searchBar select{ width: 25%;} .searchBar input#workNameKey{ width: 55%;} .searchBar input#searchWord{ width: 20%;} } /*产品详情*/ .pd_detail{} .pd_detail .pdd_h{ padding:30px 0 20px;} .pd_detail .pdd_h .h3{ display:inline-block; width:130px; height:30px; line-height:30px; font-weight:normal; font-size:16px; background:#0077d3; color:#fff; padding-left:18px;} .pd_detail .pdd_info1 .p{ text-indent:2em; margin:0 0 10px;} .pd_detail .pdd_info2{ width:633px; max-width:100%; margin:0 auto;} .pd_detail .pdd_info2 img{ display:block; margin:0 auto;} .pd_detail .pdd_info2 .pdd_imgname{ text-align:center;} .pd_detail .pdd_info2 .dl dd{ text-indent:1em; font-size:12px; line-height:18px;} .pd_detail .pdd_info3 table{ border-color:#e6e5e3; border:1px solid #e6e5e3; width:100%;} .pd_detail .pdd_info3 table td{ padding:15px 25px;} .pd_detail .pdd_info3 table .td1{ background:#eef3f9; color:#053575; font-weight:bold; width:15%; text-align:center; padding:0 10px;} .pd_detail .pdd_info4 table{ border-color:#233245; border:1px solid #233245; width:100%;} .pd_detail .pdd_info4 table th, .pd_detail .pdd_info4 table td{ color:#0a141d;} .pd_detail .pdd_info4 table th{ background:#8db3e2; font-weight:normal; text-align:center;} .pd_detail .pdd_info4 table td{ padding:5px 10px;} .pd_detail .pdd_info4 table .td1, .pd_detail .pdd_info4 table .td4{ text-align:center;} .pd_detail .pdd_info4 table .td1{ width:10%;} .pd_detail .pdd_info4 table .td2{ width:20%;} .pd_detail .pdd_info4 table .td3{ width:55%;} .pd_detail .pdd_info4 table .td4{ width:15%;} .pd_detail .pdd_info5 .pdd_type{} .pdd_info5 .pdd_type span{ padding-right:40px; font-size:14px; color:#026acd;} .pdd_info5 .pdd_type img{ margin-right:5px;} .pdd_info5 .ul{ padding:20px 0 30px;} .pdd_info5 .ul li{ width:620px; max-width:100%; padding-left:20px; background:url(../images/pdf.jpg) no-repeat left center; margin-bottom:5px;} .pdd_info5 .ul li .p{ float:left; width:70%; margin:0;} .pdd_info5 .ul li span{ float:right;} .pdd_info4{ overflow:auto;} .pdd_info4 .pro_table_1750{ border:none;} .pdd_info4 .pro_table_1750 td{ padding-top: 1px; padding-right: 1px; padding-left: 1px; font-weight: 400; font-style: normal; text-decoration: none; color: #0A141D; font-size: 8.0pt; font-family: 'Microsoft YaHei', sans-serif; text-align: center; vertical-align: middle; border: 1pt solid white; background: #C5D9F1; white-space: normal; border-left: none;} .pdd_info4 .pro_table_1750 .tr_tit td, .pdd_info4 .pro_table_1750 .tr_tit2 td{padding-top: 1px; padding-right: 1px; padding-left: 1px; font-weight: 400; font-style: normal; text-decoration: none; color: white; font-size: 10.0pt; font-family: '思源黑体 CN Normal'; text-align: center; vertical-align: middle; border: 1pt solid white; background: #0070C0; white-space: normal;} /*产品详情*/ .bottom .beian{ text-align:center; padding-top:10px;} .bottom .beian a{ color:#777;}