body {color:#666666} a{color:#222222}a:active,a:hover {color:#005EAC} @media (min-width: 1600px) {.container{ width: 1600px; }} @media (min-width: 1600px) {.container{ width: 1600px; }} /* 通用头部 */ #Top{ width: 100%; float: left;} #Top .pz_top{ float: left; width: 100%; z-index: 99999; position: fixed; left: 0; top: 0;} #Top .pz_top .top1{ float: left; width: 100%; height: 60px; padding: 18px 0;} #Top .pz_top .top1 .ico{ float: right;} #Top .pz_top .top1 .ico{ display: inline-block; margin-left: 18px; position: relative;} #Top .pz_top .top1 .ico a{ display: block; width: 26px; height: 22px;} #Top .pz_top .top1 .bn1{ background: url(../images/x2.png) center no-repeat;} #Top .pz_top .top1 .bn2{ background: url(../images/x3.png) center no-repeat;} #Top .pz_top .top1 .whact{ display: none; z-index: 99; width: 120px; height: 120px; line-height: 0; padding: 2px; background: #fff; border: 1px solid #ccc; position: absolute; left: 50%; margin-left: -60px; top: 25px;} #Top .pz_top .top1 .ico1:hover .whact{ display: block;} #Top .pz_top .top1 .kc{ padding: 0 30px; margin-right: 5px; float: right; border-right: 1px solid rgba(255, 255, 255, 0.6); background: url(../images/tel.png) no-repeat left center; background-size: 28px 28px; color: #FFFFFF;font-size: 20px;} #Top .pz_top .top1 .kc a{ font-size: 16px; color: #fff;} #Top .pz_top .top1 .kc a:hover{ color: #005EAC;} #Top .pz_top .top2{ padding: 0 30px; width: 100%; float: left; background: #fff;border-radius:10px;} #Top .pz_top .top2 .logo{ width:400px; margin: 11px 0; float: left; line-height: 0;} #Top .pz_top .top2 .lj{ margin-left: 30px; float: right;} #Top .pz_top .top2 .lj a{ display: inline-block; height: 40px; line-height: 38px; padding: 0 30px; margin: 30px 0 30px 10px; font-size: 16px; border-radius: 5px; color: #333;} #Top .pz_top .top2 .lj .zxxd{ background: rgba(0, 0, 0, 0.2); border: 1px solid transparent;} #Top .pz_top .top2 .lj .zxxd:hover{ background: none; border: 1px solid #fff;} #Top .pz_top .top2 .lj .ydcx{ border: 1px solid #ccc;} #Top .pz_top .top2 .lj .ydcx:hover{ background: #EA5404; border: 1px solid transparent;color: #fff;} #Top .pz_top.on{ background: #fff;} #Top .pz_top.on .top1{ display: none;} #Top .pz_top.on .top2 .logo{ width:360px;} #Top .pz_top.on .top2 .lj a{ height: 30px; line-height: 28px; margin: 21px 0 21px 10px;} #Top .pz_top.on .menu .nli span a{ line-height: 70px;} #Top .pz_top.on .menu .nli .sub{ top: 73px;} /* menu */ #Top .menu{ float: right;} #Top .menu .nli{ float: left; position: relative; margin: 0 35px;} #Top .menu .nli span a{ display: block; font-size: 18px; line-height: 100px; text-align: center; color: #333; position: relative;} #Top .menu .nli.active span a,#Top .menu .nli:hover span a{ border-bottom: 3px solid #fff;color: #005EAC;} #Top .menu .nli .sub{ display: none; position: absolute; width: 150px; top: 103px; left: 50%; margin-left: -60px; z-index: 999;} #Top .menu .nli .sub li{ height: 40px; line-height: 40px; text-align: center; background: #fff;} #Top .menu .nli .sub li a{ display: block; width: 100%; color: #333; font-size: 14px;} #Top .menu .nli .sub li a:hover{ background: #005EAC; color: #fff;} #Top .menuph{ display: none;} #Top .xialaph{ display: none;} .pcpc{ display:block; } .mobmob{ display:none; } .hslider{ width:102%; margin: 0 -1%; padding:0 20px; } .hslider .swiper-slide{ margin: 20px auto; width:100%; text-align: center; -webkit-box-shadow: 0px 7px 17px 3px #ccc; -moz-box-shadow: 0px 7px 17px 3px #ccc; box-shadow: 0px 3px 6px 3px #ccc; } .hslider .hxx img{ width:100%; height: auto; } .hslider .name{ display: inline-block; line-height:30px; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; padding:10px 8%; background: #DFE5EC; float: left; text-align: left; margin: 0 auto; font-size:14px; } .hslider .name div{ font-size:16px; color:#000; } .hslider .name span{ font-size:14px; color:#0070B3; } .hslider .name:hover{color:#0070B3;} .hslider .swiper-slide img{ display: block; width:100%; height:auto; } .hslider .swiper-pagination{ display: none; } .hslider .swiper-pagination-bullet{ opacity:1; background:#ccc; } .hslider .swiper-pagination-bullet-active{ background:#d43e35; } .swiper-slide{ position:relative; } .overon{ width: 100%; height: 100%; position: absolute; top: 0; left:100%; background: rgb(234,84,4,0.5); transition: all 0.6s; display:none; } .swiper-slide a:hover .overon{left:0;display:block;background: rgb(234,84,4,0.9);} .overoninfo{ color:#fff; width:90%; margin:0 auto; text-align:left; padding:5% 0; font-size:14px; line-height:25px; } .overoninfo h2{ line-height:50px; } .overoninfo .ti1{ font-weight: bold; } @media screen and (max-width:1599px){ #Top .pz_top .top2{ padding: 0 15px;} #Top .pz_top .top2 .lj{ margin-left: 0;} #Top .pz_top .top2 .lj a{ padding: 0 15px;} #Top .menu .nli{ margin: 0 16px;} #Top .pz_top .top2 .logo{ width:300px; margin:15px 0 11px; } } @media screen and (max-width:1199px){ #Top .pz_top .top2 .logo{ width: 200px;} #Top .menu .nli{ margin: 0 5px;} #Top .menu .nli span a{ line-height: 70px;} #Top .menu .nli .sub{ top: 74px;} #Top .pz_top .top2 .lj a{ height: 30px; line-height: 28px; margin: 21px 0 21px 10px;} } @media screen and (max-width:991px){ #Top .pz_top{ background: #fff;} #Top .pz_top .top1{ display: none;} #Top .pz_top .top2{ padding: 0;} #Top .pz_top .top2 .logo{ width:220px; margin: 4px 0;} #Top .pz_top .top2 .lj{ display: none;} #Top .top_ph{ width: 100%; float: left; margin-top: 10px;} #Top .top_ph a{ display: block; width: 33.3%; float: left; text-align: center;} #Top .pz_top.on .top2 .logo{ width:200px; margin: 5px 0;} #Top .menu{ display: none;} #Top .menuph{ display: block;} #Top .xialaph{ display: block;} .pcpc{ display:none; } .mobmob{ display:block; } /*手机按钮*/ #Top .menuph{ float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin: 12px 0;} #Top .menuph .point { display: inline-block; width: 28px; height: 22px; position: relative;} #Top .menuph .point:hover .navbtn, #Top .menuph .point:hover .navbtn::after, #Top .menuph .point:hover .navbtn::before { width: 28px;} #Top .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; height: 2px; background: #333; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;} #Top .menuph .navbtn::after, #Top .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; background: #333; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;} #Top .menuph .navbtn::after { top: -11px;} #Top .menuph .navbtn::before { top: 10px;} #Top .menuph .point.active .navbtn{ background: transparent;} #Top .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;} #Top .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;} /*手机下拉*/ #Top .xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100%; overflow: scroll; padding: 46px 0 100px 0; display: none; z-index:98; background:#ffffff;} #Top .xialaph .ul2, #Top .xialaph .ul3{ display: none;} #Top .xialaph h4 a{ float: left; width: 60%; color: #333333; font-size:16px; line-height: 50px;} #Top .xialaph h4 a span{ padding-left: 6px; color: #ccc; font-size: 14px;} #Top .xialaph h4{ float: left; width: 100%; position: relative;} #Top .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;} #Top .xialaph h4:hover a, #Top .xialaph h5:hover a{ color: #005EAC;} #Top .xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;} #Top .xialaph h5 a{ float: left; width: 100%; color: #1f1f1f; font-size: 14px; line-height: 40px; text-transform:uppercase;} #Top .xialaph h5{ float: left; width: 100%; position: relative;} #Top .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;} #Top .xialaph li:last-child h5::after{ display: none;} #Top .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 24px; cursor: pointer;} #Top .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: 26px; margin-right: 18px; cursor: pointer;} #Top .xialaph h4.active img.img_s, #Top .xialaph h5.active img.img_s{ display: none;} #Top .xialaph h4.active img.img_d, #Top .xialaph h5.active img.img_d{ display: block;} #Top .xialaph .ul2{ float: left; width: 100%; padding: 0 10px;} #Top .xialaph .ul3{ padding-top: 12px; padding-bottom: 18px; padding-left: 15px; position: relative;} #Top .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #3c3a3a;} #Top .xialaph li:last-child .ul3::after{ display: none;} #Top .xialaph .ul3 li a{ color: #333333; font-size: 14px; line-height: 35px; display: block;} #Top .xialaph .ul3 li{ padding-top: 5px;} #Top .xialaph .ul3 li:first-child{ padding-top: 0;} #Top .xialaph .phsou{ position: relative; margin-top: 34px;} #Top .xialaph .phsou input{ width: 100%; height: 56px; background-color: #ffffff; color: #aaa; font-size: 14px; padding-left: 20px; border: 1px solid #e5e5e5;} #Top .xialaph .phsou img{ cursor: pointer; width: 21px; height: 22px; position: absolute; top: 17px; right: 29px; } #Top .img_d, .disno{ display: none;} } @media screen and (max-width:767px){ } /* 通用底部 */ .indextit{ font-size:30px; width:50%; margin: 0 auto 50px; text-align: center; font-weight: bold; } .bottombottom{width: 100%; text-align: center;color: #A9A9AB; height: 40px; line-height: 40px; background:#222223; clear: both; font-size: 14px;} .bottombottom a{color: #A9A9AB;} #Down{ width: 100%; float: left;} #Down .pz_down{ padding: 3% 0; width: 100%; float: left; background: #27292c;} #Down .pz_down .footLeft{ float: left; width:22%;} #Down .pz_down .footLeft .over{ width: 100%; overflow: hidden;} #Down .pz_down .footLeft .img{ width:250px; float: left;} #Down .pz_down .footLeft .right{ margin-left: 12px; float: left; opacity: 0.4;} #Down .pz_down .footLeft .right .t1{ font-size: 24px; line-height: 24px; margin: 10px 0; font-weight: bold; color: #fff; letter-spacing: 5px;} #Down .pz_down .footLeft .right .t2{ font-size: 10px; line-height: 12px; text-transform: uppercase; color: #fff;} #Down .pz_down .footLeft .copy{ margin: 30px 0; font-size: 16px; line-height: 30px; color: #fff; opacity: 0.6;} #Down .pz_down .footLeft .yq{ position: relative;} #Down .pz_down .footLeft .yq .p{ display: none; line-height: 32px; padding: 0 45px 0 20px; font-size: 16px; cursor: pointer; border: 1px solid #696969; position: relative; border-radius: 5px; color: #fff; opacity: 0.6;} #Down .pz_down .footLeft .yq .p::after{ content: ">"; display: block; font-family: "宋体"; position: absolute; right: 20px; top: 0; color: #fff; transform: rotate(-90deg);} #Down .pz_down .footLeft .yq .lj{ display: none; position: absolute; bottom: 34px; left: 0; width: 130px; background: #27292c; border: 1px solid #696969;} #Down .pz_down .footLeft .yq .lj a{ display: block; padding: 5px 0; line-height: 16px; font-size: 14px; color: #fff; opacity: 0.6; text-align: center;} #Down .pz_down .footLeft .yq .lj a:hover{ background: #005EAC;} #Down .pz_down .footNav{ float: right; width: 78%;} #Down .pz_down .footNav .l1{ float: left; padding-left: 8.5%;} #Down .pz_down .footNav .l1 .p{ font-size: 18px; font-weight: bold; color: #fff; opacity: 0.6;} #Down .pz_down .footNav .l1 .p::after{ content: ""; display: block; width: 20px; height: 1px; margin: 20px 0; background: #fff; opacity: 0.2;} #Down .pz_down .footNav .l1 a{ display: block; font-size: 14px; line-height: 32px; color: #fff; opacity: 0.6;} #Down .pz_down .footNav .l1 a:hover{ color: #005EAC;} #Down .pz_down .footNav .img{ width: 128px; line-height: 0;} /*phone底部导航*/ #Down .q_d_m{float:left; width:100%; height:50px;} #Down .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#005EAC; z-index:999;} #Down .pf_down li{ width:25%; float:left; text-align:center; padding:7px 0 4px 0; border-right:1px solid #fff;} #Down .pf_down li .ico7{ width:100%; float:left; height:20px;} #Down .pf_down li .d_name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;} #Down .pf_down li.l1 .ico7{ background:url(../images/d1.png) no-repeat center; background-size:20px 20px;} #Down .pf_down li.l2 .ico7{ background:url(../images/d2.png) no-repeat center; background-size:20px 20px;} #Down .pf_down li.l3 .ico7{ background:url(../images/x02.png) no-repeat center; background-size:20px 20px;} #Down .pf_down li:last-child{ border:none;} /* 20200413修改开始 */ #Down .pf_down li{ width:25%;} #Down .pf_down li.l4 .ico7{ background:url(../images/x01.png) no-repeat center; background-size:20px 20px;} #Down .pf_down li.l5 .ico7{ background:url(../images/d5.png) no-repeat center; background-size:20px 20px;} /* 20200413修改结束 */ @media screen and (max-width:1599px){ #Down .pz_down .footLeft{ width: 25%;} #Down .pz_down .footNav{ width: 75%;} #Down .pz_down .footNav .l1{ padding-left: 4.5%;} } @media screen and (max-width:1199px){ #Down .pz_down .footLeft{ width: 34%;} #Down .pz_down .footNav{ width: 66%;} #Down .pz_down .footNav .l1{ padding-left: 3%;} } @media screen and (max-width:991px){ #Down .pz_down .footLeft{ width: 100%; text-align: center;} #Down .pz_down .footLeft .over{ width: 270px; display: inline-block;} #Down .pz_down .footLeft .img{ float: none; margin: 0 auto;} #Down .pz_down .footLeft .right{ float: none;} #Down .pz_down .footLeft .right .t1{ font-size: 16px; line-height: 16px;} #Down .pz_down .footLeft .copy{ margin: 10px 0; font-size: 14px; line-height: 18px;} #Down .pz_down .footLeft .yq .p{ font-size: 14px;} #Down .pz_down .footLeft .yq .lj{ left: 50%; width: 122px; margin-left: -61px;} #Down .pz_down .footNav{ width: 100%; text-align: center;} #Down .pz_down .footNav .u1{ width: 128px; display: inline-block} #Down .pz_down .footNav .l1{ display: none;} #Down .pz_down .footNav .l1:last-child{display: inline-block; margin-top: 10px; padding-left:0;} #Down .pz_down .footNav .l1:nth-child(5) {display: inline-block; margin-top: 10px; padding-left:0;} #Down .pz_down .footNav .l1 .p{ font-size: 14px;} #Down .pz_down .footNav .l1 .p::after{ margin: 5px auto 10px auto;} } @media screen and (max-width:767px){ .bottombottom{ margin-bottom:40px; } } /* 首页banner */ #Slide{ width: 100%; float: left;} #Slide .pz_banner{ width: 100%; float: left; position: relative;} #Slide .pz_banner .slide_banner{ width: 100%; line-height: 0; overflow: hidden; text-align: center; position: relative;background: #EBEBEB;} #Slide .pz_banner .slide_banner img{ width: 100%;} #Slide .pz_banner .slide_banner video{width: 100%;} #Slide .pz_banner .number{ overflow: hidden; position: absolute; bottom: 65px; left: 9.2%; color: #fff; z-index: 90;} #Slide .pz_banner .number em{ float: left; font-size: 36px; line-height: 36px;} #Slide .pz_banner .number i{ float: left; font-size: 14px; line-height: 14px; margin-top: 16px;} #Slide .pz_banner .number span{ float: right; font-size: 14px; line-height: 14px; margin-top: 16px;} #Slide .pz_banner .line{ width: 66%; height: 1px; background: #fff; opacity: 0.4; position: absolute; left: 17%; bottom: 85px;} #Slide .pz_banner .slide_banner .slick-prev,#Slide .slide_banner .slick-next{ width: 44px; height: 44px; border-radius: 50%; background: #fff; position: absolute; top: auto; bottom: 45px; z-index: 90;} #Slide .pz_banner .slide_banner .slick-prev:hover,#Slide .slide_banner .slick-next:hover{ background: #005EAC;} #Slide .pz_banner .slide_banner .slick-prev{ left: auto; right: 12.23%;} #Slide .pz_banner .slide_banner .slick-prev::after{ content: "<"; display: block; font-size: 14px; font-family: "宋体"; width: 44px; height: 44px; line-height: 44px; color: #9a9a9a; text-align: center;} #Slide .pz_banner .slide_banner .slick-next{ right: 9%;} #Slide .pz_banner .slide_banner .slick-next::after{ content: ">"; display: block; font-size: 14px; font-family: "宋体"; width: 44px; height: 44px; line-height: 44px; color: #9a9a9a; text-align: center;} #Slide .pz_banner .slide_banner .slick-prev:hover::after,#Slide .pz_banner .slide_banner .slick-next:hover::after{ color: #fff;} @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ #Slide .pz_banner .line{ width: 60%; left: 20%;} #Slide .pz_banner .slide_banner .slick-prev{ right: 15%;} } @media screen and (max-width:991px){ #Slide .pz_banner{ margin-top: 46px;} #Slide .pz_banner .number{ bottom: 25px;} #Slide .pz_banner .number em{ font-size: 16px; line-height: 16px;} #Slide .pz_banner .number i{ font-size: 12px; line-height: 12px; margin-top: 3px;} #Slide .pz_banner .number span{ font-size: 12px; line-height: 12px; margin-top: 3px;} #Slide .pz_banner .line{ width: 50%; left: 25%; bottom: 30px;} #Slide .pz_banner .slide_banner .slick-prev,#Slide .slide_banner .slick-next{ width: 20px; height: 20px; bottom: 10px;} #Slide .pz_banner .slide_banner .slick-prev::after{ font-size: 12px; width: 20px; height: 20px; line-height: 20px;} #Slide .pz_banner .slide_banner .slick-next::after{ font-size: 12px; width: 20px; height: 20px; line-height: 20px;} #Slide .pz_banner .slide_banner .slick-prev{ right: 16%;} } @media screen and (max-width:767px){ } /* 首页板块一 */ #Content{ width: 100%; float: left;} #Content .homeCon1{ width: 100%; float: left; padding: 7% 0;} #Content .homeCon1 .left{ float: left; width: 45.5%;} #Content .homeCon1 .tit{ float: left; margin-top: 20px;} #Content .homeCon1 .tit .entit{ font-size: 60px; line-height: 60px; font-weight: bold; color: #005EAC;} #Content .homeCon1 .tit .cntit{ font-size: 38px; line-height: 38px; margin-top: 20px; color: #333;} #Content .homeCon1 .num{ float: right; font-size: 36px; margin-top: 75px; line-height: 24px; color: #999; opacity: 0.5; position: relative;} #Content .homeCon1 .num::before{ content: ""; display: block; width: 26px; height: 3px; position: absolute; left: -55px; top: 10px; background: #999; opacity: 0.5;} #Content .homeCon1 .info{ font-size: 18px; line-height: 34px; height: 144px; overflow: hidden; margin: 50px 0 80px 0; color: #666; width: 100%; float: left;} #Content .homeCon1 .more{ float: left; display: block; font-size: 14px; height: 50px; line-height: 50px; padding: 0 100px 0 30px; position: relative; background: #262626; color: #fff;} #Content .homeCon1 .more::after{ content: ">"; display: block; font-family: "宋体"; color: #005EAC; position: absolute; right: 38px; top: 0;} #Content .homeCon1 .more:hover{ background: #005EAC;} #Content .homeCon1 .more:hover::after{ color: #fff;} #Content .homeCon1 .right{ padding: 80px; width: 48.9%; /* background: rgba(255, 255, 255, 0.8); box-shadow: 0 0 10px #ccc; */float: right;} #Content .homeCon1 .right .aboutys{ background: url("../images/ab.jpg"); width: 611px; height: 343px; margin-top: 50px; } #Content .homeCon1 .right .aboutys img{max-width:100%;height: auto;} .aboutys ul{ padding: 10px; } .aboutys ul li{ float: left; width: 50%; text-align: center; height: 161px; color: #fff; } .aboutys ul li .t1{ font-size: 30px; font-weight: bold; padding-top: 35px; padding-bottom: 5px; } .aboutys ul li:nth-child(1){ border-bottom: #616267 1px solid; border-right: #616267 1px solid; } .aboutys ul li:nth-child(2){ border-bottom: #616267 1px solid; } .aboutys ul li:nth-child(3){ border-right: #616267 1px solid; } #Content .homeCon1 .right .bt{ font-size: 26px; line-height: 26px; margin-bottom: 40px; color: #333;} #Content .homeCon1 .right .hd{ margin: 40px 0 35px 0; width: 100%; overflow: hidden;} #Content .homeCon1 .right .hd .l1{ font-size: 20px; line-height: 20px; margin-right: 60px; color: #666; float: left; cursor: pointer;} #Content .homeCon1 .right .hd .l1.on{ color: #005EAC;} #Content .homeCon1 .right .hd .l1 em{ display: block; float: left; width: 16px; height: 16px; line-height: 8px; margin: 2px 20px 2px 0; text-align: center; border: 1px solid #666; border-radius: 50%;} #Content .homeCon1 .right .hd .l1.on em{ border: 1px solid #005EAC;} #Content .homeCon1 .right .hd .l1.on i{ display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #005EAC;} #Content .homeCon1 .right .bd .fv{ font-size: 16px; padding: 20px 30px; margin-bottom: 20px; width: 100%; height: 60px; line-height: 20px; color: #888; border: 1px solid #e3e3e3;} #Content .homeCon1 .right .bd .fv1{ width: 100%; font-size: 18px; margin-top: 10px; height: 60px; line-height: 60px; color: #fff; background: #005EAC; text-align: center;} #Content .homeCon1 .right .bd .fv1:hover{ opacity: 0.8;} @media screen and (max-width:1599px){ #Content .homeCon1 .right .hd .l1{ margin-right: 30px;} } @media screen and (max-width:1199px){ #Content .homeCon1 .info{ margin: 20px 0 40px 0;} #Content .homeCon1 .right{ padding: 40px;} #Content .homeCon1 .right .hd .l1{ margin-right: 15px;} } @media screen and (max-width:991px){ #Content .homeCon1 .tit{ margin-top: 0;} #Content .homeCon1 .tit .entit{ font-size: 16px; line-height: 16px;} #Content .homeCon1 .tit .cntit{ font-size: 14px; line-height: 10px; margin-top: 5px;} #Content .homeCon1 .num{ font-size: 16px; margin-top: 10px; line-height: 16px;} #Content .homeCon1 .num::before{ width: 15px; height: 2px; left: -20px; top: 8px;} #Content .homeCon1 .info{ font-size: 14px; line-height: 16px; height: auto; margin: 10px 0 15px 0;} #Content .homeCon1 .more{ font-size: 14px; height: 30px; line-height: 30px; padding: 0 50px 0 15px;} #Content .homeCon1 .more::after{ right: 18px;} #Content .homeCon1 .right{ padding: 15px; margin-top: 15px;} #Content .homeCon1 .right .bt{ font-size: 16px; line-height: 16px; margin-bottom: 10px;} #Content .homeCon1 .right .hd{ margin: 15px 0 10px 0;} #Content .homeCon1 .right .hd .l1{ font-size: 14px; line-height: 16px; margin-right: 10px;} #Content .homeCon1 .right .hd .l1 em{ width: 12px; height: 12px; line-height: 6px; margin: 2px 10px 2px 0;} #Content .homeCon1 .right .hd .l1.on i{ width: 6px; height: 6px;} #Content .homeCon1 .right .bd .fv{ font-size: 12px; padding: 10px 15px; margin-bottom: 10px; height: 36px; line-height: 16px;} #Content .homeCon1 .right .bd .fv1{ font-size: 14px; margin-top: 10px; height: 30px; line-height: 30px;} #Content .homeCon1 .right .aboutys{ background: url("../images/ab.jpg"); width: 100%; height: auto; margin-top: 50px; } } @media screen and (max-width:767px){ #Content .homeCon1 .left{ width: 100%;} #Content .homeCon1 .right{ width: 100%;} } /* 首页板块二 */ #Content2{ width: 100%; float: left;} #Content2 .homeCon2{ width: 100%; float: left; padding: 7% 0;} #Content2 .homeCon2 .tit{ text-align: center; position: relative;} #Content2 .homeCon2 .tit .entit{ font-size: 60px; line-height: 60px; font-weight: bold; color: #005EAC;} #Content2 .homeCon2 .tit .cntit{ font-size: 38px; line-height: 38px; margin-top: 20px; color: #333;} #Content2 .homeCon2 .num{ width: 100%; position: absolute; top: 215px; font-size: 36px; line-height: 24px; text-align: center; color: #999; opacity: 0.5;} #Content2 .homeCon2 .num::before{ content: ""; display: block; width: 26px; height: 3px; position: absolute; left: 50%; margin-left: -14px; top: -45px; transform: rotate(90deg); background: #999; opacity: 0.5;} #Content2 .homeCon2 .u1{ width: 100%; overflow: hidden;} #Content2 .homeCon2 .l1{ width: 33.3%; margin: 60px 0 10px 0; padding: 80px 35px; float: left; cursor: pointer; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } #Content2 .homeCon2 .l1:hover{transform: translateY(-10px);} #Content2 .homeCon2 .l1 .ico{ width: 80px; height: 75px; margin: 0 auto 40px auto; line-height: 0;} #Content2 .homeCon2 .l1 .title{ position: relative; text-align: center;} #Content2 .homeCon2 .l1 .title .t1{ font-size: 48px; line-height: 48px; text-transform: uppercase; font-weight: bold; opacity: 0.08; color: #fff;} #Content2 .homeCon2 .l1 .title .t2{ width: 100%; font-size: 26px; line-height: 26px; position: absolute; bottom: -7px; font-weight: bold; color: #fff;} #Content2 .homeCon2 .l1 .info{ font-size: 16px; line-height: 34px; height: auto; overflow: hidden; margin: 35px 0 55px 0; color: #fff;} #Content2 .homeCon2 .l1 .more{ display: block; width: 50px; height: 50px; line-height: 50px; margin: 50px auto 0 auto; text-align: center; font-family: "宋体"; border-radius: 50%;} #Content2 .homeCon2 .l1:nth-child(1){ background: #262626;} #Content2 .homeCon2 .l1:nth-child(1) .more{ background: #3c3c3c; color: #005EAC;} #Content2 .homeCon2 .l1:nth-child(2){ margin-top: 150px; background: #005EAC;} #Content2 .homeCon2 .l1:nth-child(2) .more{ background: #fff; color: #005EAC;} #Content2 .homeCon2 .l1:nth-child(3){ background: #fff; box-shadow: 0 0 5px #ccc;} #Content2 .homeCon2 .l1:nth-child(3) .title .t1{ color: #333;} #Content2 .homeCon2 .l1:nth-child(3) .title .t2{ color: #333;} #Content2 .homeCon2 .l1:nth-child(3) .info{ color: #666;} #Content2 .homeCon2 .l1:nth-child(3) .more{ background: #005EAC; color: #fff;} @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ #Content2 .homeCon2 .l1{ padding: 40px;} } @media screen and (max-width:991px){ #Content2 .homeCon2 .tit .entit{ font-size: 16px; line-height: 16px;} #Content2 .homeCon2 .tit .cntit{ font-size: 14px; line-height: 10px; margin-top: 5px;} #Content2 .homeCon2 .num{ top: 50px; font-size: 16px; margin-top: 10px; line-height: 16px;} #Content2 .homeCon2 .num::before{ top: -12px; margin-left: -8px; width: 15px; height: 2px;} #Content2 .homeCon2 .u1{ margin-top: 50px;} #Content2 .homeCon2 .l1{ padding: 20px; margin: 10px 0 10px 0;} #Content2 .homeCon2 .l1 .ico{ width: 40px; height: 35px; margin: 0 auto 15px auto;} #Content2 .homeCon2 .l1 .title .t1{ font-size: 16px; line-height: 16px;} #Content2 .homeCon2 .l1 .title .t2{ font-size: 14px; line-height: 14px; bottom: -5px;} #Content2 .homeCon2 .l1 .info{ font-size: 14px; line-height: 18px; height: auto; margin: 10px 0 15px 0;} #Content2 .homeCon2 .l1 .more{ width: 30px; height: 30px; line-height: 30px; margin: 10px auto 0 auto;} #Content2 .homeCon2 .l1:nth-child(2){ margin-top: 50px;} } @media screen and (max-width:767px){ #Content2 .homeCon2 .l1{ width: 99%; margin: 5px 0.5% 5px 0.5%;} #Content2 .homeCon2 .l1:nth-child(2){ margin-top: 5px;} } /* 首页板块三 */ #Content3{ width: 100%; float: left;} #Content3 .homeCon3{ width: 100%; float: left; padding: 7% 0;} #Content3 .homeCon3 .tit{ float: left;} #Content3 .homeCon3 .tit .entit{ font-size: 60px; line-height: 60px; font-weight: bold; color: #005EAC;} #Content3 .homeCon3 .tit .cntit{ font-size: 38px; line-height: 38px; margin-top: 20px; color: #fff;} #Content3 .homeCon3 .num{ float: right; font-size: 36px; margin-top: 75px; line-height: 24px; color: #999; opacity: 0.5; position: relative;} #Content3 .homeCon3 .num::before{ content: ""; display: block; width: 26px; height: 3px; position: absolute; left: -55px; top: 10px; background: #999; opacity: 0.5;} #Content3 .xwTab{ margin-top: 55px; width: 100%; float: left; position: relative;} #Content3 .xwTab .hd{ position: absolute; top: -100px; right: 160px;} #Content3 .xwTab .hd .u1{ width: 100%; overflow: hidden;} #Content3 .xwTab .hd .l1{ float: left; font-size: 18px; margin: 0 23px; padding-bottom: 12px; cursor: pointer; color: #fff;} #Content3 .xwTab .hd .l1.on{ color: #005EAC; border-bottom: 3px solid #005EAC;} #Content3 .xwTab .bd .ul{ width: 100%; overflow: hidden; display: -webkit-box;} #Content3 .xwTab .bd .left{ width: 40.8%; position: relative;} #Content3 .xwTab .bd .left .img{ line-height: 0; overflow: hidden; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content3 .xwTab .bd .left .img img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s; vertical-align:middle; -ms-interpolation-mode:bicubic;} #Content3 .xwTab .bd .left .img:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Content3 .xwTab .bd .left .text{ position: absolute; bottom: 0; padding: 0 60px 60px 60px;} #Content3 .xwTab .bd .left .text .da{ font-size: 16px; line-height: 16px; color: #fff;} #Content3 .xwTab .bd .left .text .tit{ font-size: 18px; line-height: 18px; height: 18px; overflow: hidden; margin-top: 18px; color: #fff;} #Content3 .xwTab .bd .left:hover .text .tit{ color: #005EAC;} #Content3 .xwTab .bd .right{ width: 59.2%; height: 100%; overflow: hidden;} #Content3 .xwTab .bd .right .l1{ width: 100%; overflow: hidden;} #Content3 .xwTab .bd .right .l1 .text{ float: left; width: 50%; height: 100%; padding: 52px 60px; background: #fff;} #Content3 .xwTab .bd .right .l1 .text .da{ font-size: 16px; line-height: 16px; color: #888;} #Content3 .xwTab .bd .right .l1 .text .da::after{ content: ""; display: block; width: 24px; height: 3px; margin: 20px 0 25px 0; background: #005EAC;} #Content3 .xwTab .bd .right .l1 .text .t1{ font-size: 18px; line-height: 30px; max-height: 60px; margin-bottom: 45px; overflow: hidden; color: #333;} #Content3 .xwTab .bd .right .l1 .text .more{ display: inline-block; height: 36px; line-height: 34px; padding: 0 42px 0 24px; font-size: 12px; position: relative; border: 1px solid #d0d0d0; color: #888;} #Content3 .xwTab .bd .right .l1 .text .more::after{ content: ">"; display: block; font-family: "宋体"; color: #888; position: absolute; right: 22px; top: 0;} #Content3 .xwTab .bd .right .l1 .text .more:hover{ background: #005EAC; color: #fff; border: 1px solid #005EAC;} #Content3 .xwTab .bd .right .l1 .text .more:hover::after{ color: #fff;} #Content3 .xwTab .bd .right .l1 .img{ float: right; width: 50%; line-height: 0;} #Content3 .xwTab .bd .right .l1:nth-child(2) .text{ float: right;} #Content3 .xwTab .bd .right .l1:nth-child(2) .img{ float: left;} .index3_list{ clear: both; overflow: hidden; width:100%; margin:100px -1% 0} .index3_list ul{ clear: both; overflow: hidden;} .index3_list li{overflow: hidden; padding-bottom: 20px;transition-property:all;transition-duration:.5s; width: 31.333%; float: left; margin: 0 1%;} .index3_list li em{float: left; width: 100px; overflow: hidden; height: 96px; background-color:#005EAC; color:#FFF; text-align:center;} .index3_list li em .d1{ font-size: 20px; font-weight: bold; padding-top: 18px;padding-bottom: 10px} .index3_list li em a{color:#FFF; font-size:20px;} .index3_list li em img{ width: 100%; height:125px;} .index3_1{ overflow: hidden;line-height: 22px; padding: 10px; position: relative; color: #818181; height: 94px; background: #fff;} .index3_1 h3{font-weight: lighter; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .index3_1 span{ background: url(../images/index_03.png) no-repeat 0 bottom; padding: 5px 0; clear: both; display: none; color: #ababab;} .index3_1 p{ margin:7px 0; height: 44px; overflow: hidden; font-size: 14px} .index3_1 small{ font-size: 12px; color: #ababab; background: url(../images/index3_2.png) no-repeat 0 center; padding-left: 25px; display: none;} .index3_1 big{ position: absolute;right: 0; bottom: 0; background: #818181; color: #fff;font-size:24px; width: 40px; height: 40px; line-height: 40px; text-align: center; display: none;transition-property:all;transition-duration:.5s;} .index3_1 big a{color: #fff; display: block;} .index3_list li:hover h3,.index3_list ul li:hover h3 a{ color: #ff0000;} .index3_list li:hover big { background: #c41305;} @media screen and (max-width:1599px){ #Content3 .xwTab .bd .right .l1 .text{ padding: 23px 30px;} #Content3 .xwTab .bd .right .l1 .text .t1{ margin-bottom: 25px;} } @media screen and (max-width:1199px){ #Content3 .xwTab .bd .right .l1 .text{ padding: 27.5px 30px;} #Content3 .xwTab .bd .right .l1 .text .t1{ max-height: 30px; margin-bottom: 15px;} #Content3 .xwTab .bd .right .l1 .text .da::after{ margin: 20px 0 15px 0;} } @media screen and (max-width:991px){ #Content3 .homeCon3 .tit .entit{ font-size: 16px; line-height: 16px;} #Content3 .homeCon3 .tit .cntit{ font-size: 14px; line-height: 10px; margin-top: 5px;} #Content3 .homeCon3 .num{ font-size: 16px; margin-top: 10px; line-height: 16px;} #Content3 .homeCon3 .num::before{ width: 15px; height: 2px; left: -20px; top: 8px;} #Content3 .xwTab{ margin-top: 20px;} #Content3 .xwTab .hd{ top: -30px; right: 40px;} #Content3 .xwTab .hd .l1{ font-size: 14px; margin: 0 5px; padding-bottom: 2px;} #Content3 .xwTab .hd .l1.on{ border-bottom: 1px solid #005EAC;} #Content3 .xwTab .bd .left .text{ padding: 0 10px 20px 10px;} #Content3 .xwTab .bd .left .text .da{ font-size: 14px; line-height: 14px;} #Content3 .xwTab .bd .left .text .tit{ font-size: 16px; line-height: 16px; height: 16px; margin-top: 10px;} #Content3 .xwTab .bd .right .l1 .text{ padding: 20px 15px;} #Content3 .xwTab .bd .right .l1 .text .da{ font-size: 14px; line-height: 14px;} #Content3 .xwTab .bd .right .l1 .text .da::after{ height: 1px; margin: 5px 0 10px 0;} #Content3 .xwTab .bd .right .l1 .text .t1{ font-size: 16px; line-height: 20px; max-height: 40px; margin-bottom: 10px;} #Content3 .xwTab .bd .right .l1 .text .more{ height: 26px; line-height: 24px; padding: 0 30px 0 20px;} #Content3 .xwTab .bd .right .l1 .text .more::after{ right: 12px;} } @media screen and (max-width:767px){ #Content3 .xwTab .bd .left{ width: 100%;} #Content3 .xwTab .bd .right{ width: 100%; margin-top: 15px;} #Content3 .xwTab .bd .right .l1 .text{ width: 100%;} #Content3 .xwTab .bd .right .l1 .img{ width: 100%;} #Content3 .xwTab .bd .ul{ display: block;} } /* 首页板块四 */ #Content4{ width: 100%; float: left;} #Content4 .homeCon4{ width: 100%; float: left; padding: 3% 0; background: #FAFAFA;} #Content4 .homeCon4 .tit{ float: left;} #Content4 .homeCon4 .tit .entit{ font-size: 60px; line-height: 60px; font-weight: bold; color: #005EAC;} #Content4 .homeCon4 .tit .cntit{ font-size: 38px; line-height: 38px; margin-top: 20px; color: #333;} #Content4 .homeCon4 .num{ float: right; font-size: 36px; margin-top: 75px; line-height: 24px; color: #999; opacity: 0.5; position: relative;} #Content4 .homeCon4 .num::before{ content: ""; display: block; width: 26px; height: 3px; position: absolute; left: -55px; top: 10px; background: #999; opacity: 0.5;} #Content4 .hzTab{ margin-top: 45px; width: 100%; float: left;} #Content4 .hzTab .u1{ width: 102%; margin: 0 -1%; overflow: hidden;} #Content4 .hzTab .l1{ width: 18%; margin: 15px 1%; float: left; line-height: 0;} #Content4 .hzTab .l1:hover{ box-shadow: 0 0 10px #ccc;} #Content4 .hzTab .slick-dots{ z-index: 10; height: 14px; position: absolute; top: -85px; padding-right: 175px; text-align: right;} #Content4 .hzTab .slick-dots li{ vertical-align: top; width: 14px; height: 14px; background: #dadadc; margin: 0 13px; border-radius: 50%; cursor: pointer; text-indent: -999px; overflow: hidden;} #Content4 .hzTab .slick-dots .slick-active{ background: #005EAC;} .caidanz{ margin-bottom:60px;} .caidanz ul { display:table; margin:10px auto; } .caidanz ul li{float:left;} .caidanz ul li a{display:block;width:150px;height:50px; line-height:50px;text-align:center;background-color:#7e7e7e;color:#fff; margin:0 0px;} .caidanz ul li a:hover,.caidanz ul li a.hover{display:block; width:150px; height:50px; background-color:#ff7019; line-height:50px; text-align:center; color:#fff} .mesg{width: 100%;height: 780px;margin-top: 45px;position: relative;} .mesg ul{width: 100%;height: auto;overflow: hidden;} .mesg ul li{float: left;margin-right: 5px;margin-bottom: 5px;overflow: hidden;cursor: pointer;background: #000;} /* .mesg ul li:nth-of-type(3),.gol .mesg ul li:nth-of-type(7),.gol .mesg ul li:nth-of-type(9){margin-right: 0;} */ .mesg ul li a{display: block;position: relative;} .mesg ul li a img{transition: all 0.6s;} .one{ -ms-transform:scale(1.4); -webkit-transform: scale(1.4); transform: scale(1.4); } .mesg ul li a p{color: #666;position: absolute;top: 18px;left: 18px;line-height: 20px;} .mesg ul li a p span:nth-of-type(1){font-size: 24px;} .mesg ul li a p span:nth-of-type(2){ font-size: 12px; padding: 2px 8px; border: 1px solid #fff; position: relative; top:-3px; left:10px; } .mesg ul li a p span:nth-of-type(3){font-size: 8px;text-transform : uppercase;} .mesg ul li a .masks{ width: 100%; height: 100%; position: absolute; top: 0; right: 100%; background: rgb(234,84,4); transition: all 0.6s; } .mebig ul li a .masks{background: #2b8dd7;} .mebig ul li a .masks>img{width: 24px;height: 24px;position: absolute;top: 15px;right: 20px;} .mesg ul li a .masks .overs{margin: 40px 15px;} .mesg ul li a .masks .overs h2{color: #fff;} .mesg ul li a .masks .overs h2:nth-of-type(1){font-size: 24px;} .mesg ul li a .masks .overs h2:nth-of-type(2){font-size: 8px;margin-top: 10px;text-transform : uppercase;} .mesg ul li a .masks .overs h2:nth-of-type(3){ font-size: 14px; line-height: 25px; margin-top:20px; height:240px; overflow: hidden; text-align: justify; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; border-top: 1px solid #fff; padding-top: 20px; } .mebig ul li a .masks .overs h2:nth-of-type(3){ padding-top: 15px; margin-top: 15px; line-height: 27px; -webkit-line-clamp: 3; } /* .mxiu ul li a .masks .overs h2:nth-of-type(3){ padding-top: 20px; margin-top: 20px; -webkit-line-clamp: 3; } */ .mesg ul li a:hover .masks{right: 0;} .mebig ul li:nth-of-type(1){width: 635px;height: 263px;overflow: hidden;} .mebig ul li:nth-of-type(3){width: 322px;height: 292px;overflow: hidden;} .mebig ul li:nth-of-type(8){width: 555px;height: 244px;overflow: hidden;} .global .gol2{width: 100%;height: auto;margin: 100px auto 80px;} .gol2 .mesg{height:auto;} .gol2 .mesg ul li{overflow: hidden;width:24.5%;} /* .gol2 .mesg ul li:nth-of-type(1),.gol2 .mesg ul li:nth-of-type(1) img{width: 613px;height: 365px;} .gol2 .mesg ul li:nth-of-type(2),.gol2 .mesg ul li:nth-of-type(2) img{width: 563px;height: 365px;} .gol2 .mesg ul li:nth-of-type(3),.gol2 .mesg ul li:nth-of-type(3) img{width: 383px;height: 292px;} .gol2 .mesg ul li:nth-of-type(4),.gol2 .mesg ul li:nth-of-type(4) img{width: 510px;height: 400px;} .gol2 .mesg ul li:nth-of-type(5),.gol2 .mesg ul li:nth-of-type(5) img{width: 666px;height: 400px;} .gol2 .mesg ul li:nth-of-type(6){margin-right: 0;position: absolute;right: 0;bottom: 0;margin-bottom: 0;width: 385px;height: 470px;} .gol2 .mesg ul li:nth-of-type(6) img{width: 385px;height: 470px;} */ .links {color: #A9A9AB;} .links a{color: #A9A9AB; margin-left: 20px;float:left;text-align: center;font-size:14px;} .links a img{ width:120px; height: auto; padding-bottom:10px; } .clear{ clear:both; } .pagepage{margin:70px auto 40px auto; width:100%; text-align:center;} .pagepage a{ display:inline-block; height:30px; line-height:30px; width:30px; border:1px solid #dcdcdc; margin:0 1px; text-decoration:none; color:#333; font-size: 12px; } .pagepage a:hover,.pagepage a.hover{ color:#fff; background:#2e6ccf; border:#2e6ccf 1px solid; } @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Content4 .homeCon4 .tit .entit{ font-size: 16px; line-height: 16px;} #Content4 .homeCon4 .tit .cntit{ font-size: 14px; line-height: 10px; margin-top: 5px;} #Content4 .homeCon4 .num{ font-size: 16px; margin-top: 10px; line-height: 16px;} #Content4 .homeCon4 .num::before{ width: 15px; height: 2px; left: -20px; top: 8px;} #Content4 .hzTab{ margin-top: 15px;} #Content4 .hzTab .u1{ width: 102%; margin: 0 -1%;} #Content4 .hzTab .l1{ width: 18%; margin: 5px 1%;} #Content4 .hzTab .slick-dots{ height: 6px; top: -30px; padding-right: 60px;} #Content4 .hzTab .slick-dots li{ width: 6px; height: 6px; margin: 0 2px;} .mesg ul li a p span:nth-of-type(1){font-size: 18px;} .mesg ul li a .masks .overs{margin: 20px 25px;} .mesg ul li a .masks .overs h2{font-size:16px;} .gol2 .mesg ul li{overflow: hidden;width:48.5%;} .mesg ul li:nth-of-type(2),.gol .mesg ul li:nth-of-type(4),.gol .mesg ul li:nth-of-type(6),.gol .mesg ul li:nth-of-type(8){margin-right: 0;} .mesg ul li a .masks .overs h2:nth-of-type(1){font-size:18px;} } @media screen and (max-width:767px){ #Content4 .hzTab .l1{ width: 48%;} } /* 内页banner */ #Slide2{ width: 100%; float: left;} #Slide2 .pz_banner{ width: 100%; float: left; position: relative;} #Slide2 .zy_banner{ line-height: 0;} @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Slide2 .pz_banner{ margin-top: 46px;} } @media screen and (max-width:767px){ } /* 内页导航 */ #Content5{ width: 100%; float: left;} #Content5 .subNav{ text-align: center;} #Content5 .subNav .nybt{ font-size: 42px; line-height: 42px; color: #222; text-align: center;} #Content5 .subNav .u1{ margin: 60px 0 0 0; display: inline-block; overflow: hidden;} #Content5 .subNav .l1{ font-size: 18px; width:auto;padding:0 25px; height: 58px;line-height: 58px;margin: 1px; background:#f5f5f5; float:left;} #Content5 .subNav .l1 a{ color: #333;} #Content5 .subNav .l1.on,#Content5 .subNav .l1:hover{ background: #005EAC;} #Content5 .subNav .l1.on a,#Content5 .subNav .l1:hover a{color: #fff;} @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ #Content5 .subNav .l1{ width: 200px;} } @media screen and (max-width:991px){ #Content5 .subNav .nybt{ font-size: 16px; line-height: 16px; color: #222; text-align: center;} #Content5 .subNav .u1{ margin: 10px 0 0 0;} #Content5 .subNav .l1{ font-size: 14px; width: 100px; height: 24px; line-height: 24px;} } @media screen and (max-width:767px){ #Content5 .subNav .l1{ width:80px;padding-top:3px;} } /* 1公司简介板块一 */ #Content6{ width: 100%; float: left;} #Content6 .about1 .titi{ width: 100%; margin: 0 auto;font-weight:bold;text-align: center;padding-bottom:10px;border-bottom:1px dotted #E6E6E6;margin-bottom:20px;} #Content6 .about1 .info{ width: 78%; margin: 0 auto; font-size: 16px; line-height: 36px; color: #333;} @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ #Content6 .about1 .info{ width: 100%;} } @media screen and (max-width:991px){ #Content6 .about1 .info{ font-size: 14px; line-height: 24px;} } @media screen and (max-width:767px){ } /* 2发展历程 */ #Content7{ width: 100%; float: left;} #Content7 .aboutCon2 .fzlc{ width: 80%; margin: 0 auto; padding-bottom: 60px; position: relative;} #Content7 .aboutCon2 .dot{ width: 15px; height: 15px; margin: 0 auto; background: #005EAC; border-radius: 50%;} #Content7 .aboutCon2 .line{ width: 0.04%; height: 100%; position: absolute; top: 0; left: 50%; margin-left: -0.02%; background: #005EAC; opacity: 0.3;} #Content7 .aboutCon2 .u1{ width: 100%; overflow: hidden;} #Content7 .aboutCon2 .u1 .l1{ width: 49.8%; margin-top: 155px; float: right; position: relative;} #Content7 .aboutCon2 .u1 .l1 .nf{ position: absolute; left: -112px; top: 0;} #Content7 .aboutCon2 .u1 .l1 .num{ font-size: 24px; width: 90px; height: 90px; line-height: 90px; text-align: center; color: #fff; background: #005EAC; border-radius: 50%;} #Content7 .aboutCon2 .u1 .l1 i{ display: block; width: 16px; height: 1px; position: absolute; top: 45px; right: -15%; background: #005EAC; opacity: 0.3;} #Content7 .aboutCon2 .u1 .l1 em{ display: block; width: 22px; height: 22px; position: absolute; top: 35px; right: -33%; background: #005EAC; opacity: 0.3; border-radius: 50%;} #Content7 .aboutCon2 .u1 .l1 b{ display: block; width: 10px; height: 10px; position: absolute; top: 41px; right: -27%; background: #005EAC; opacity: 1; border-radius: 50%;} #Content7 .aboutCon2 .u1 .l1 .tit{ padding: 28px; margin: 0 0 0 30px; border-radius: 10px; color: #4f4b4c; background: #f5f5f5;} #Content7 .aboutCon2 .u1 .l1 .tit .wz{ font-size: 16px; line-height: 28px; max-height: 56px; overflow: hidden;} #Content7 .aboutCon2 .more{ font-size: 16px; line-height: 20px; padding: 20px 0; width: 90px; height: 90px; margin: 0 auto; border-radius: 50%; text-align: center; color: #fff; background: #27292c;} #Content7 .aboutCon2 .u1 .l1:nth-child(2n){ float: left; position: relative;} #Content7 .aboutCon2 .u1 .l1:nth-child(1){ margin-top: 55px;} #Content7 .aboutCon2 .u1 .l1:nth-child(2){ margin-top: 190px;} #Content7 .aboutCon2 .u1 .l1:nth-child(2n) .nf{ left: auto; right: -112px;} #Content7 .aboutCon2 .u1 .l1:nth-child(2n) i{ right: auto; left: -15%;} #Content7 .aboutCon2 .u1 .l1:nth-child(2n) em{ right: auto; left: -33%;} #Content7 .aboutCon2 .u1 .l1:nth-child(2n) b{ right: auto; left: -27%;} #Content7 .aboutCon2 .u1 .l1:nth-child(2n) .tit{ margin: 0 30px 0 0;} @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Content7 .aboutCon2 .fzlc{ width: 100%;} #Content7 .aboutCon2 .dot{ position: absolute; left: 9%; margin-left: -7.5px;} #Content7 .aboutCon2 .line{ left: 65px; width: 1px; margin-left: 0;} #Content7 .aboutCon2 .u1 .l1{ width: 80%; margin-top: 20px;} #Content7 .aboutCon2 .u1 .l1 .nf{ left: -143px;} #Content7 .aboutCon2 .u1 .l1 .num{ font-size: 14px; width: 40px; height: 40px; line-height: 40px;} #Content7 .aboutCon2 .u1 .l1 i{ top: 22px; right: -17px;} #Content7 .aboutCon2 .u1 .l1 em{ top: 12px; right: -32px;} #Content7 .aboutCon2 .u1 .l1 b{ top: 18px; right: -26px;} #Content7 .aboutCon2 .u1 .l1 .tit{ padding: 20px; margin: 0;} #Content7 .aboutCon2 .u1 .l1:nth-child(2){ margin-top: 20px;} #Content7 .aboutCon2 .u1 .l1:nth-child(2n){ float: right;} #Content7 .aboutCon2 .u1 .l1:nth-child(2n) .nf{ left: -140px; right: auto;} #Content7 .aboutCon2 .u1 .l1:nth-child(2n) i{ right: -15px; left: auto;} #Content7 .aboutCon2 .u1 .l1:nth-child(2n) em{ right: -30px; left: auto;} #Content7 .aboutCon2 .u1 .l1:nth-child(2n) b{ right: -24px; left: auto;} #Content7 .aboutCon2 .u1 .l1:nth-child(2n) .tit{ margin: 0;} #Content7 .aboutCon2 .more{ margin: 0 0 0 3%;} } @media screen and (max-width:767px){ #Content7 .aboutCon2 .dot{ display: none;} #Content7 .aboutCon2 .u1 .l1{ width: 70%;} #Content7 .aboutCon2 .u1 .l1 .nf{ left: -41%;} #Content7 .aboutCon2 .u1 .l1 .tit{ padding: 10px;} #Content7 .aboutCon2 .u1 .l1 .tit .wz { font-size: 14px; line-height: 20px; max-height: 40px;} #Content7 .aboutCon2 .u1 .l1:nth-child(2n) .nf{ left: -41%;} #Content7 .aboutCon2 .more{ margin: 0 0 0 12%; font-size: 14px; line-height: 16px; padding: 10px 0; width: 50px; height: 50px;} } /* 3业务范围板块一 */ #Content8{ width: 100%; float: left;} #Content8 .busiCon1 .pic{ padding-bottom: 65px;} #Content8 .busiCon1 .pic .picTop{ margin-top: 130px; position: relative;} #Content8 .busiCon1 .pic .picTop .img{ line-height: 0; position: relative;} #Content8 .busiCon1 .pic .picTop .img .bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.2);} #Content8 .busiCon1 .pic .picTop .text{ width: 240px; padding: 5% 0 6% 0; text-align: center; position: absolute; bottom: 0; left: 50%; margin-left: -120px; background: #005EAC;} #Content8 .busiCon1 .pic .picTop .text .ico{ width: 100px; height: 100px; margin: 0 auto; line-height: 0;} #Content8 .busiCon1 .pic .picTop .text .t1{ font-size: 20px; margin: 45px 0 35px 0; color: #fff;} #Content8 .busiCon1 .pic .picTop .text .t2{ font-size: 16px; line-height: 24px; height: 72px; overflow: hidden; text-transform: uppercase; color: #fff; opacity: 0.3;} #Content8 .busiCon1 .pic .picBot1{ padding: 60px 0; width: 100%; overflow: hidden; box-shadow: 0 0 10px #ccc; text-align: center;} #Content8 .busiCon1 .pic .picBot1 .left{ width: 50%; padding: 0 5%; float: left;} #Content8 .busiCon1 .pic .picBot1 .right{ width: 50%; padding: 0 5%; float: right;} #Content8 .busiCon1 .pic .picBot1 .tit{ font-size: 24px;} #Content8 .busiCon1 .pic .picBot1 .u1{ overflow: hidden; width: 100%;} #Content8 .busiCon1 .pic .picBot1 .l1{ float: left; width: 33.3%; cursor: pointer;} #Content8 .busiCon1 .pic .picBot1 .l1 .ico{ width: 130px; height: 130px; margin: 25px auto 30px auto; padding: 35px; background: #f5f5f5; border-radius: 50%; line-height: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #Content8 .busiCon1 .pic .picBot1 .l1 .bt{ font-size: 16px; line-height: 16px; color: #333;} #Content8 .busiCon1 .pic .picBot1 .l1:hover .ico{ transform:rotateY(180deg);} @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ #Content8 .busiCon1 .pic .picBot1 .l1 .ico{ width: 100px; height: 100px;} } @media screen and (max-width:991px){ #Content8 .busiCon1 .pic { padding-bottom: 80px;} #Content8 .busiCon1 .pic .picTop{ margin-top: 120px;} #Content8 .busiCon1 .pic .picTop .text{ width: 100px; padding: 6% 0 4% 0; left: 50%; margin-left: -50px;} #Content8 .busiCon1 .pic .picTop .text .ico{ width: 50px; height: 50px;} #Content8 .busiCon1 .pic .picTop .text .t1{ font-size: 16px; margin: 15px 0 10px 0;} #Content8 .busiCon1 .pic .picTop .text .t2{ font-size: 14px; line-height: 20px; height: 60px;} #Content8 .busiCon1 .pic .picBot1{ padding: 15px 0;} #Content8 .busiCon1 .pic .picBot1 .tit{ font-size: 16px;} #Content8 .busiCon1 .pic .picBot1 .l1 .ico{ width: 70px; height: 70px; margin: 5px auto 10px auto; padding: 15px;} #Content8 .busiCon1 .pic .picBot1 .l1 .bt{ font-size: 12px; line-height: 14px;} } @media screen and (max-width:767px){ #Content8 .busiCon1 .pic .picBot1 .left{ width: 100%;} #Content8 .busiCon1 .pic .picBot1 .right{ width: 100%; margin-top: 15px;} } /* 4服务网络板块一 */ #Content9{ width: 100%; float: left;} #Content9 .servCon1{ width: 100%; overflow: hidden;} #Content9 .servCon1 .img{ width: 71.25%; float: left; line-height: 0;} #Content9 .servCon1 .u1{ width: 21.25%; margin-top: 10%; float: right;} #Content9 .servCon1 .l1{ width: 100%; margin: 40px 0; overflow: hidden;} #Content9 .servCon1 .l1 .t1{ float: left; font-size: 24px; color: #005EAC;} #Content9 .servCon1 .l1 .t1 span{ font-size: 42px; font-weight: bold;} #Content9 .servCon1 .l1 .t2{ float: right; font-size: 18px; padding: 15px 25px; background: #e8e8e8; color: #333;} @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Content9 .servCon1 .img{ width: 100%;} #Content9 .servCon1 .u1{ width: 100%; margin-top: 15px;} #Content9 .servCon1 .l1{ width: 70%; margin: 10px auto;} #Content9 .servCon1 .l1 .t1{ font-size: 16px;} #Content9 .servCon1 .l1 .t1 span{ font-size: 20px;} #Content9 .servCon1 .l1 .t2{ font-size: 16px; padding: 5px 10px;} } @media screen and (max-width:767px){ } /* 4服务网络板块二 */ #Content10{ width: 100%; float: left;} #Content10 .servCon2{ padding: 4.3% 0;} #Content10 .servCon2 .tit{ font-size: 30px; line-height: 30px; font-weight: bold; color: #333; width: 78%; margin: 0 auto;} #Content10 .servCon2 .tit i{ display: block; float: left; font-size: 34px; margin-right: 15px; color: #005EAC;} #Content10 .servCon2 .info{ width: 78%; font-size: 16px; line-height: 30px; padding: 20px 45px; margin: 30px auto 0 auto; background: #fff;} @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Content10 .servCon2 .tit{ font-size: 16px; line-height: 16px;} #Content10 .servCon2 .tit i{ font-size: 18px; margin-right: 5px;} #Content10 .servCon2 .info{ font-size: 14px; line-height: 24px; padding: 10px 15px; margin: 10px auto 0 auto;} } @media screen and (max-width:767px){ } /* 4服务网络板块三 */ #Content11{ width: 100%; float: left;} #Content11 .servCon3 .t1{ font-size: 42px; line-height: 42px; margin-bottom: 40px; text-align: center; color: #222;} #Content11 .servCon3 .bg{ width: 100%; padding: 4% 20%; overflow: hidden; background: #f8f8f8;} #Content11 .servCon3 .t2{ font-size: 16px; line-height: 16px; margin: 0 0 40px 0; text-align: center; color: #005EAC;} #Content11 .servCon3 .lab{ width: 48%; margin: 0 1% 14px 1%; padding: 16px 30px; float: left; background: #fff; border: 1px solid #ebebeb;} #Content11 .servCon3 .lab1{ width: 48%; margin: 0 1% 14px 1%; padding: 16px 30px; float: left; background: #fff; border: 1px solid #ebebeb;} #Content11 .servCon3 .lab2{ width: 48%; margin: 0 1% 14px 1%; float: left; background: #005EAC;} #Content11 .servCon3 .wz{ font-size: 14px; margin-right: 10px; float: left; color: #666666;} #Content11 .servCon3 .fv{ float: left; width: 140px; height: 20px; line-height: 20px;} #Content11 .servCon3 .fv1{ width: 100%; font-size: 18px; height: 54px; line-height: 54px; text-align: center; background: #005EAC; color: #fff;} #Content11 .servCon3 .fv1:hover{ opacity: 0.8;} #Content11 .servCon3 .fv2{ float: left; width: 50px; height: 20px; line-height: 20px;} #Content11 .servCon3 img{ width: 90px; height: 20px; float: right;} #Content11 .servCon3 .dot{ float: right; color: #005EAC;} @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Content11 .servCon3 .bg{ padding: 4% 10%;} #Content11 .servCon3 .t1{ font-size: 18px; line-height: 18px; margin: 0 0 10px 0;} #Content11 .servCon3 .t2{ font-size: 14px; line-height: 14px; margin: 0 0 10px 0;} #Content11 .servCon3 .lab{ padding: 10px 20px;} #Content11 .servCon3 .lab1{ padding: 10px 20px;} #Content11 .servCon3 .fv1{ font-size: 14px; height: 40px; line-height: 40px;} } @media screen and (max-width:767px){ #Content11 .servCon3 .lab{ width: 100%; margin: 0 0 10px 0;} #Content11 .servCon3 .lab1{ width: 100%; margin: 0 0 10px 0;} #Content11 .servCon3 .lab2{ width: 100%; margin: 0 0 10px 0;} #Content11 .servCon3 .fv{ width: 100px;} } /* 5新闻中心 */ #List{ width: 100%; float: left;} #List .newsList1{ padding: 60px 0; background: #f5f5f5;} #List .newsList1 .u1{ width: 102%; margin: 0 -1%; overflow: hidden;} #List .newsList1 .l1{ float: left; width: 31.33%; margin:15px 1%; padding: 40px 40px; background: #fff;min-height:500px;} #List .newsList1 .l1 .da{ font-size: 16px; line-height: 16px; color: #888;} #List .newsList1 .l1 .da::after{ content: ""; display: block; width: 24px; height: 3px; margin: 15px 0 30px 0; background: #005EAC;} #List .newsList1 .l1 .tit{ font-size: 18px; line-height: 18px; height: 18px; overflow: hidden; color: #333;} #List .newsList1 .l1 .info{ font-size: 14px; line-height: 26px; height: 52px; margin: 20px 0 45px 0; overflow: hidden; color: #666;} #List .newsList1 .l1:hover .tit{ color: #005EAC;} #List .newsList1 .l1 .img{ line-height: 0;} #List .newsList1 .l1 .img img{ width:100%; height: auto; } #List .newsList2{ padding: 80px 0 0 0;} #List .newsList2 .u1{ width: 102%; margin: -15px -1% 45px -1%; overflow: hidden;} #List .newsList2 .l1{ float: left; width: 98%; margin: 15px 1%; padding: 35px 30px; border-radius: 10px; background: #f5f5f5;} #List .newsList2 .l1 .da{ width: 13%; float: left; text-align: center;} #List .newsList2 .l1 .da .da_r{ font-size: 36px; color: #005EAC;} #List .newsList2 .l1 .da .da_ny{ font-size: 16px; color: #9f9f9f;} #List .newsList2 .l1 .text{width:57%; padding-left: 30px; float: left; border-left: 1px solid #e9e9e9;} #List .newsList2 .l1 .imgs{width:26%;float: left} #List .newsList2 .l1 .imgs img{border-radius:10px;} #List .newsList2 .l1 .tit{ font-size: 18px; line-height: 18px; height: 18px; overflow: hidden;} #List .newsList2 .l1 .info{ font-size: 14px; margin: 25px 0 30px 0; line-height: 26px; height: 52px; overflow: hidden; color: #666;} #List .newsList2 .l1 .more{ font-size: 14px; text-decoration: underline; font-weight: bold; color: #000;} #List .newsList2 .l1:hover{ background: #fff; box-shadow: 0 0 10px #ccc;} #List .newsList2 .wack1{ width: 100%; text-align: center;} #List .newsList2 .pz_fy{ display: inline-block; *display: inline; *zoom: 1;} #List .newsList2 .pz_fy a { float: left; width: 38px; height: 38px; line-height: 36px; border: 1px solid #b1b1b1; color: #272727; font-size: 14px; font-family: Arial; margin: 0 5px;} #List .newsList2 .pz_fy a:hover, #List .newsList2 .pz_fy a.on { background: #005EAC; color:#fff; border: 1px solid #005EAC;} #List .newsList2 .pz_fy .l2{ font-size: 12px; color: #666; width: 100px;} #List .newsList2 .pz_fy .l2:hover{ background-color: #005EAC; color: #fff; border: 1px solid #005EAC;} #List .newsList2 .pz_fy .r2{ width: 100px; font-size: 12px; color: #666;} #List .newsList2 .pz_fy .r2:hover{ background-color: #005EAC; color: #fff; border: 1px solid #005EAC;} /* 6培训内容 */ #List{ width: 100%; float: left;} #List .newsList3{ padding: 60px 0; background: #f5f5f5;} #List .newsList3 .u1{ width: 102%; margin: 0 -1%; overflow: hidden;} #List .newsList3 .l1{ float: left; width: 48%; margin:15px 1%; padding: 0px 0px; background: #fff;} #List .newsList3 .l1 .img{ background:#0A90D9;width:100%;text-align:center;line-height:120px;height:120px;position:relative;margin:0 auto;} #List .newsList3 .l1 .img img{ width:80px; height: auto; position: absolute; /* 子元素定位 */ top: 50%; /* 向上偏移50% */ left: 50%; /* 向上偏移50% */ transform: translateY(-50%) translateX(-50%); /* 向上移动自身高度的50%以实现居中 */ margin:0 auto; } #List .newsList3 .l1 .text{padding:40px;} #List .newsList3 .l1 .da{ font-size: 16px; line-height: 16px; color: #888;font-weight: bold} #List .newsList3 .l1 .da::after{ content: ""; display: block; width: 24px; height: 3px; margin: 15px 0 30px 0; background: #005EAC;} #List .newsList3 .l1 .tit{ font-size: 18px; line-height: 18px; height: 18px; overflow: hidden; color: #333;} #List .newsList3 .l1 .info{ font-size: 14px; line-height: 26px; height:234px; margin: 20px 0 45px 0; overflow: hidden; color: #666;} #List .newsList3 .l1:hover .tit{ color: #005EAC;} #List .newsList3 .l1 .more a{display:block;background:#ff6600;text-align: center;color:#fff;line-height:45px;border-radius:5px;} #List .newsList3 .l1 .more a:hover{background:#ff9900;} /* 6首页团队 */ .teamlist{ width:100%; margin:0 auto; } .teamlist ul li{ width:50%; margin:20px auto; float:left; } .teamlist ul li img{width:30%;float:left;} .teamlist ul li .infos{width:66%;float:right;line-height:25px;font-size:14px;} .teamlist ul li .infos .t1{font-weight:bold;font-size:18px;line-height:40px;} .teamlist ul li .infos .t1::after{content: ""; display: block; width: 50px; height: 3px; margin: 5px 0 10px 0; background: #005EAC;} .products .t1{ width:100%; margin:0 auto; border-bottom:1px dotted #D6D6D6; text-align: center; font-size:18px; padding-bottom:10px; } .products .videos{ width:90%; margin: 20px auto; text-align: center; } .products .videos video{ height: auto; max-height:500px; width: auto; margin: 0px auto; } .query{ width:80%; margin: 0 auto; } .query .div1{width:100%;text-align: center;margin:20px auto;} .query .div1 input{border:1px #ECEBEB solid;width:100%;max-width:500px;line-height:40px;padding-left:10px;} .query .div2{width:100%;text-align: left;margin:20px auto;} .query .div2 input{border:1px #ECEBEB solid;width:100%;line-height:40px;padding-left:10px;} .query .div2 select{border:1px #ECEBEB solid;width:100%;line-height:50px;height:50px; padding-left:10px;} .query .div2 .mlist input{ border:1px #ECEBEB solid;width:auto; margin-left:20px; } .queryreturn{ width:80%; margin: 0 auto; background:#F5F5F5; padding:3%; } @media screen and (max-width:1599px){ #List .newsList1 .l1{ min-height:350px;} } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #List .newsList1{ padding: 20px 0;} #List .newsList1 .l1{ padding: 10px 5px;min-height:inherit} #List .newsList1 .l1 .da{ font-size: 12px; line-height: 12px;} #List .newsList1 .l1 .da::after{ width: 20px; height: 1px; margin: 5px 0 10px 0;} #List .newsList1 .l1 .tit{ font-size: 16px; line-height: 16px; height: 16px;} #List .newsList1 .l1 .info{ font-size: 14px; line-height: 20px; height: 40px; margin: 5px 0 10px 0;} #List .newsList2{ padding: 20px 0 0 0;} #List .newsList2 .u1{ margin: -5px -1% 15px -1%;} #List .newsList2 .l1{ margin: 5px 1%; padding: 10px 5px;} #List .newsList2 .l1 .da{ width: 13%;} #List .newsList2 .l1 .da .da_r{ font-size: 16px;} #List .newsList2 .l1 .da .da_ny{ font-size: 12px;} #List .newsList2 .l1 .text{ width: 57%; padding-left: 10px;} #List .newsList2 .l1 .tit{ font-size: 16px; line-height: 16px; height: 16px;} #List .newsList2 .l1 .info{ font-size: 14px; margin: 5px 0 10px 0; line-height: 20px; height: 40px;} #List .newsList2 .l1 .more{ font-size: 12px;} #List .newsList2 .fy_pc{ text-align: center; font-size: 14px; color: #272727; padding: 5px 0;} #List .newsList2 .fy_pc a{ padding: 5px 25px; background: #005EAC; color: #fff; border: transparent; border-radius: 16px; overflow: hidden;} #List .newsList2 .fy_pc span{ padding: 5px 25px; color: #272727;} #List{ width: 100%; float: left;} #List .newsList3{ padding: 60px 0; background: #f5f5f5;} #List .newsList3 .u1{ width: 102%; margin: 0 -1%; overflow: hidden;} #List .newsList3 .l1{ float: left; width: 96%; margin:15px 1%; padding: 0px 0px; background: #fff;} #List .newsList3 .l1 .img{ background:#0A90D9;width:100%;text-align:center;line-height:100px;height:100px;position:relative;margin:0 auto;} #List .newsList3 .l1 .img img{ width:80px; height: auto; position: absolute; /* 子元素定位 */ top: 50%; /* 向上偏移50% */ left: 50%; /* 向上偏移50% */ transform: translateY(-50%) translateX(-50%); /* 向上移动自身高度的50%以实现居中 */ margin:0 auto; } #List .newsList3 .l1 .text{padding:20px;} #List .newsList3 .l1 .da{ font-size: 14px; line-height: 16px; color: #888;font-weight: bold} #List .newsList3 .l1 .da::after{ content: ""; display: block; width: 24px; height: 3px; margin: 15px 0 30px 0; background: #005EAC;} #List .newsList3 .l1 .tit{ font-size: 18px; line-height: 18px; height: 18px; overflow: hidden; color: #333;} #List .newsList3 .l1 .info{ font-size: 14px; line-height: 26px; height:auto;min-height:208px; margin: 20px 0 45px 0; overflow: hidden; color: #666;} #List .newsList3 .l1:hover .tit{ color: #005EAC;} #List .newsList3 .l1 .more a{display:block;background:#ff6600;text-align: center;color:#fff;line-height:45px;border-radius:5px;} #List .newsList3 .l1 .more a:hover{background:#ff9900;} /* 6首页团队 */ .teamlist{ width:100%; margin:0 auto; } .teamlist ul li{ width:100%; margin:20px auto; float:left; } .teamlist ul li img{width:30%;float:left;} .teamlist ul li .infos{width:66%;float:right;line-height:25px;font-size:12px;} .teamlist ul li .infos .t1{font-weight:bold;font-size:16px;line-height:25px;} .teamlist ul li .infos .t1::after{content: ""; display: block; width: 50px; height: 3px; margin: 5px 0 10px 0; background: #005EAC;} } @media screen and (max-width:767px){ #List .newsList1 .u1{ width: 100%; margin: 0;} #List .newsList1 .l1{ width: 48%; margin: 5px 1%;} #List .newsList2 .u1{ width: 100%; margin: -5px 0 15px 0;} #List .newsList2 .l1{ width: 100%; margin: 5px 0;} } /* 6新闻详情 */ #Subpage{ width: 100%; float: left;} #Subpage .newsCon .bg{ width: 100%; overflow: hidden; background: #f7f7f7;} #Subpage .newsCon .left{ width: 76%; padding: 50px 60px; border-right: 1px solid #e5e5e5; float: left;} #Subpage .newsCon .left .tit{ font-size: 36px; line-height: 38px; color: #333;} #Subpage .newsCon .left .time{ width: 100%; overflow: hidden; font-size: 14px; line-height: 18px; padding: 20px 0 25px 0; border-bottom: 1px solid #e2e2e2; color: #444;} #Subpage .newsCon .left .time span{ display: block; float: left;} #Subpage .newsCon .left .time .s2{ margin: 0 20px 0 5px;} #Subpage .newsCon .left .info{ font-size: 16px; line-height: 34px; margin: 20px 0; color: #232323;} #Subpage .newsCon .left .info img{ max-width:100%; height:auto; padding:10px 0px; } #Subpage .newsCon .left .sx_fy{ float:left; width:100%; padding-top:7.82%; margin-top:3.13%; position:relative; background:url(../images/f1.png) center top no-repeat;background-size: 100%;} #Subpage .newsCon .left .sx_fy a{ float:left; width:50%; color:#232323; font-size:16px; line-height:24px; /*overflow:hidden;white-space: nowrap; text-overflow:ellipsis; text-transform:uppercase;*/} #Subpage .newsCon .left .sx_fy a span{ font-size: 14px; font-weight:bold; color:#8b8b8b;} #Subpage .newsCon .left .sx_fy a.l_fy{ padding-right:10px;} #Subpage .newsCon .left .sx_fy a.r_fy{ float:right; text-align:right; padding-left:10px;} #Subpage .newsCon .left .sx_fy a:hover, #Subpage .newsCon .left .sx_fy a:hover span{ color:#005EAC;} #Subpage .newsCon .left .sx_fy .dot{ font-size: 14px; width: 50px; height: 50px; line-height: 50px; position: absolute; top: 0; left: 50%; margin-left: -23px; text-align: center; border-radius: 50%; background: #005EAC; color: #fff;} #Subpage .newsCon .right{ width: 24%; float: right; padding: 60px 30px;} #Subpage .newsCon .right .t1{ font-size: 30px; line-height: 30px; padding-bottom: 30px; border-bottom: 1px solid #d4d4d4; color: #333;} #Subpage .newsCon .right .l1{ padding: 30px 0; border-bottom: 1px dashed #c6c6c6;} #Subpage .newsCon .right .l1 .bt{ font-size: 18px; line-height: 30px; color: #333;} #Subpage .newsCon .right .l1 .time{ padding-left: 22px; font-size: 14px; margin-top: 10px; line-height: 18px; background: url(../images/i1.png) no-repeat left center; color: #444;} #Subpage .newsCon .right .l1:hover .bt{ color: #005EAC;} @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Subpage .newsCon .left{ width: 100%; padding: 15px; border-right: 0; border-bottom: 1px solid #e5e5e5;} #Subpage .newsCon .left .tit{ font-size: 16px; line-height: 18px;} #Subpage .newsCon .left .time{ padding: 10px 0;} #Subpage .newsCon .left .time .s2{ margin: 0 10px 0 5px;} #Subpage .newsCon .left .info{ font-variation-settings: 14px; line-height: 24px; margin: 10px 0;} #Subpage .newsCon .left .sx_fy .dot{ font-size: 12px; width: 30px; height: 30px; line-height: 30px; margin-left: -15px;} #Subpage .newsCon .right{ width: 100%; padding: 15px 10px;} #Subpage .newsCon .right .t1{ font-size: 16px; line-height: 16px; padding-bottom: 10px;} #Subpage .newsCon .right .l1{ padding: 10px 0;} #Subpage .newsCon .right .l1 .bt{ font-size: 16px; line-height: 20px;} #Subpage .newsCon .right .l1 .time{ padding-left: 22px; font-size: 14px; margin-top: 10px; line-height: 18px; background: url(../images/i1.png) no-repeat left center; color: #444;} #Subpage .newsCon .left .sx_fy a{ font-size: 14px;} } @media screen and (max-width:767px){ } /* 7联系我们 */ #Content12{ width: 100%; float: left;} #Content12 .contCon .u1{ width: 102%; margin: 0 -1%; overflow: hidden;} #Content12 .contCon .l1{ float: left; width: 31.3%; margin: 0 1%; padding: 40px 10px; background: #f5f5f5;} #Content12 .contCon .l1 .ico{ width: 90px; height: 90px; line-height: 0; margin: 0 auto 30px auto;} #Content12 .contCon .l1 .t1{ font-size: 16px; line-height: 30px; height: 90px; overflow: hidden; text-align: center; color: #555;} #Content12 .contCon .l1 .t2{ margin: 50px auto 15px auto; width: 14px; height: 14px; border-radius: 80% 0 55% 50% / 55% 0 80% 50%; background-color: #005EAC; transform: rotate(-45deg);} #Content12 .contCon .l1 .t3{ font-size: 18px; line-height: 18px; height: 18px; overflow: hidden; color: #333; text-align: center;} #Content12 .contCon .map{ position: relative;} #Content12 .contCon .bdmap{ margin-top: 30px; height: 680px;} #Content12 .contCon .bd{ position: absolute; top: 60px; left: 60px; background: rgba(255, 255, 255, 0.8); padding: 60px; width: 714px; height: 560px; border-radius: 20px;} #Content12 .contCon .bd .t1{ font-size: 42px; line-height: 42px; text-align: center; color: #333;} #Content12 .contCon .bd .t2{ font-size: 16px; line-height: 16px; margin: 20px 0 30px 0; text-align: center; color: #005EAC;} #Content12 .contCon .bd .lab{ width: 48%; margin: 0 1% 14px 1%; padding: 16px 35px; float: left; background: #f0f0f0;} #Content12 .contCon .bd .lab1{ width: 98%; margin: 0 1% 14px 1%; padding: 16px 35px; float: left; background: #f0f0f0;} #Content12 .contCon .bd .lab2{ width: 98%; margin: 0 1% 14px 1%; float: left; background: #005EAC;} #Content12 .contCon .bd .wz{ font-size: 14px; margin-right: 10px; float: left; color: #666666;} #Content12 .contCon .bd .fv{ float: left; width: 140px; height: 20px; line-height: 20px; background: #f0f0f0;} #Content12 .contCon .bd .fv1{ width: 100%; font-size: 18px; height: 60px; line-height: 60px; text-align: center; background: #005EAC; color: #fff;} #Content12 .contCon .bd .fv1:hover{ opacity: 0.8;} #Content12 .contCon .bd .fv2{ float: left; width: 50px; height: 20px; line-height: 20px; background: #f0f0f0;} #Content12 .contCon .bd img{ width: 90px; height: 20px; float: right;} #Content12 .contCon .bd .dot{ float: right; color: #005EAC;} @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Content12 .contCon .l1{ padding: 15px 5px;} #Content12 .contCon .l1 .ico{ width: 40px; height: 40px; margin: 0 auto 10px auto;} #Content12 .contCon .l1 .t1{ font-size: 14px; line-height: 20px; height: 80px;} #Content12 .contCon .l1 .t2{ margin: 10px auto 5px auto; width: 10px; height: 10px;} #Content12 .contCon .l1 .t3{ font-size: 14px; line-height: 14px; height: 14px;} #Content12 .contCon .bdmap{ margin-top: 15px; height: 400px;} #Content12 .contCon .bd{ position: static; padding: 0; width: 100%; height: 360px; margin-top: 15px; border-radius: 10px;} #Content12 .contCon .bd .t1{ font-size: 18px; line-height: 18px;} #Content12 .contCon .bd .t2{ font-size: 14px; line-height: 14px; margin: 10px 0 15px 0;} #Content12 .contCon .bd .lab{ padding: 10px 20px;} #Content12 .contCon .bd .lab1{ padding: 10px 20px;} #Content12 .contCon .bd .fv1{ font-size: 14px; height: 40px; line-height: 40px;} } @media screen and (max-width:767px){ #Content12 .contCon .u1{ width: 100%; margin: 0;} #Content12 .contCon .l1{ width: 100%; margin: 0 0 10px 0;} #Content12 .contCon .bdmap{ margin-top: 10px;} #Content12 .contCon .bd{ height: 480px;} #Content12 .contCon .bd .lab{ width: 100%; margin: 0 0 10px 0;} #Content12 .contCon .bd .lab1{ width: 100%; margin: 0 0 10px 0;} #Content12 .contCon .bd .lab2{ width: 100%; margin: 0 0 10px 0;} #Content12 .contCon .bd .fv{ width: 100px;} } /* 8运单查询 */ #rgb1256{ width: 100%; float: left;} #rgb1256 .pz_banner{ width: 100%; float: left; position: relative; z-index: 97;} #rgb1256 .zy_banner{ line-height: 0; z-index: 98;} #rgb1256 .waybCon{ z-index: 99; width: 42%; padding: 4%; position: absolute; top: 28%; left: 29%; border-radius: 15px; background: rgba(255, 255, 255, 0.9);} #rgb1256 .waybCon .bt{ font-size: 42px; line-height: 42px; margin-bottom: 40px; text-align: center; color: #333;} #rgb1256 .waybCon .hd{ margin: 50px 0 30px 0; width: 100%; overflow: hidden; text-align: center;} #rgb1256 .waybCon .hd .u1{ display: inline-block;} #rgb1256 .waybCon .hd .l1{ font-size: 20px; line-height: 20px; margin: 0 30px; color: #666; float: left; cursor: pointer;} #rgb1256 .waybCon .hd .l1.on{ color: #005EAC;} #rgb1256 .waybCon .hd .l1 em{ padding: 2px; display: block; float: left; width: 16px; height: 16px; line-height: 8px; margin: 2px 20px 2px 0; text-align: center; border: 1px solid #666; border-radius: 50%;} #rgb1256 .waybCon .hd .l1.on em{ border: 1px solid #005EAC;} #rgb1256 .waybCon .hd .l1.on i{ display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #005EAC;} #rgb1256 .waybCon .bd .fv{ font-size: 16px; padding: 20px 30px; margin-bottom: 20px; width: 100%; height: 60px; line-height: 20px; color: #888;} #rgb1256 .waybCon .bd .fv1{ width: 100%; font-size: 18px; margin-top: 10px; height: 60px; line-height: 60px; color: #fff; background: #005EAC; text-align: center;} #rgb1256 .waybCon .bd .fv1:hover{ opacity: 0.8;} @media screen and (max-width:1599px){ #rgb1256 .waybCon{ width: 50%; left: 25%; padding: 3%;} } @media screen and (max-width:1199px){ #rgb1256 .waybCon{ width: 60%; left: 20%; padding: 2%;} #rgb1256 .waybCon .bt{ font-size: 32px; line-height: 32px; margin-bottom: 20px;} #rgb1256 .waybCon .hd{ margin: 20px 0 15px 0;} } @media screen and (max-width:991px){ #rgb1256 .pz_banner{ margin-top: 46px;} #rgb1256 .waybCon{ width: 90%; top: 35px; left: 5%;} #rgb1256 .waybCon .bt{ font-size: 16px; line-height: 16px; margin-bottom: 10px;} #rgb1256 .waybCon .hd{ margin: 15px 0 10px 0;} #rgb1256 .waybCon .hd .l1{ font-size: 14px; line-height: 16px; margin: 0 10px;} #rgb1256 .waybCon .hd .l1 em{ width: 12px; height: 12px; line-height: 6px; margin: 2px 10px 2px 0;} #rgb1256 .waybCon .hd .l1.on i{ width: 6px; height: 6px;} #rgb1256 .waybCon .bd .fv{ font-size: 12px; padding: 10px 15px; margin-bottom: 8px; height: 36px; line-height: 16px;} #rgb1256 .waybCon .bd .fv1{ font-size: 14px; margin-top: 0; height: 30px; line-height: 30px;} } @media screen and (max-width:767px){ #rgb1256 .waybCon{ padding: 15px;} #rgb1256 .waybCon .hd .l1{ margin: 0 5px;} } /* 11办公环境 */ #Content13{ width: 100%; float: left;} #Content13 .enviCon .ico{ width: 23px; height: 49px; margin: 0 auto 60px auto; background: url(../images/v1.png) no-repeat top center; background-size: cover;} #Content13 .enviCon .bg{ padding-bottom: 64px; background: url(../images/v2.png) repeat-x top center; width: 100%;} #Content13 .enviCon .img{ width: 90%; margin: 0 auto; line-height: 0;} @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Content13 .enviCon .ico{ width: 11px; height: 24px; margin: 0 auto 20px auto;} #Content13 .enviCon .bg{ padding-bottom: 20px;} } @media screen and (max-width:767px){ } /* 12企业文化 */ #Content14{ width: 100%; float: left;} #Content14 .cultCon .l1{ margin-bottom: 75px; width: 100%; overflow: hidden;} #Content14 .cultCon .l1:last-child{ margin-bottom: 0;} #Content14 .cultCon .l1 .t1{ font-size: 36px; line-height: 36px; font-weight: bold; color: #333; text-align: center;} #Content14 .cultCon .l1 .t2{ font-size: 18px; line-height: 18px; margin: 40px 0; color: #333; text-align: center;} #Content14 .cultCon .l1 .left{ width: 49%; float: left; line-height: 0;} #Content14 .cultCon .l1 .right{ width: 49%; float: right; line-height: 0;} @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Content14 .cultCon .l1{ margin-bottom: 15px;} #Content14 .cultCon .l1 .t1{ font-size: 16px; line-height: 16px;} #Content14 .cultCon .l1 .t2{ font-size: 14px; line-height: 18px; margin: 5px 0 5px 0;} } @media screen and (max-width:767px){ } /* 13在线下单 */ #Content15{ width: 100%; float: left;} #Content15 .downLoad{ display: none;} #Content15 .downLoad .bg{ background: #000; opacity: 0.5; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999;} #Content15 .downLoad .down{ background: rgba(255, 255, 255, 0.8); padding: 60px; width: 714px; height: 560px; position: fixed; top: 50%; left: 50%; margin-top: -280px; border-radius: 20px; margin-left: -357px; z-index: 99999;} #Content15 .downLoad .down .t1{ font-size: 42px; line-height: 42px; text-align: center; color: #333;} #Content15 .downLoad .down .t2{ font-size: 16px; line-height: 16px; margin: 20px 0 30px 0; text-align: center; color: #005EAC;} #Content15 .downLoad .down .lab{ width: 48%; margin: 0 1% 14px 1%; padding: 16px 30px; float: left; background: #fff;} #Content15 .downLoad .down .lab1{ width: 98%; margin: 0 1% 14px 1%; padding: 16px 30px; float: left; background: #fff;} #Content15 .downLoad .down .lab2{ width: 98%; margin: 0 1% 14px 1%; float: left; background: #005EAC;} #Content15 .downLoad .down .wz{ font-size: 14px; margin-right: 10px; float: left; color: #666666;} #Content15 .downLoad .down .fv{ float: left; width: 140px; height: 20px; line-height: 20px;} #Content15 .downLoad .down .fv1{ width: 100%; font-size: 18px; height: 60px; line-height: 60px; text-align: center; background: #005EAC; color: #fff;} #Content15 .downLoad .down .fv1:hover{ opacity: 0.8;} #Content15 .downLoad .down .fv2{ float: left; width: 50px; height: 20px; line-height: 20px;} #Content15 .downLoad .down img{ width: 90px; height: 20px; float: right;} #Content15 .downLoad .down .dot{ float: right; color: #005EAC;} /* 20200413修改开始 */ #Content15 .downLoad .down .clo{ width: 20px; height: 20px; background: url(../images/clo.png); background-size: cover; position: absolute; top: 30px; right: 30px; cursor: pointer;} /* 20200413修改结束 */ @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Content15 .downLoad .down{ padding: 20px; width: 600px; height: 360px; margin-top: -180px; border-radius: 10px; margin-left: -300px;} #Content15 .downLoad .down .t1{ font-size: 18px; line-height: 18px;} #Content15 .downLoad .down .t2{ font-size: 14px; line-height: 14px; margin: 10px 0 15px 0;} #Content15 .downLoad .down .lab{ padding: 10px 20px;} #Content15 .downLoad .down .lab1{ padding: 10px 20px;} #Content15 .downLoad .down .fv1{ font-size: 14px; height: 40px; line-height: 40px;} /* 20200413修改开始 */ #Content15 .downLoad .down .clo{ width: 15px; height: 15px; top: 10px; right: 10px;} /* 20200413修改结束 */ } @media screen and (max-width:767px){ #Content15 .downLoad .down{ padding: 10px; width: 80%; height: 320px; margin-top: -160px; margin-left: -40%; overflow-y: scroll;} #Content15 .downLoad .down .lab{ width: 100%; margin: 0 0 10px 0;} #Content15 .downLoad .down .lab1{ width: 100%; margin: 0 0 10px 0;} #Content15 .downLoad .down .lab2{ width: 100%; margin: 0 0 10px 0;} #Content15 .downLoad .down .fv{ width: 100px;} /* 20200413修改开始 */ #Content15 .downLoad .down{ height: 400px; margin-top: -200px;} /* 20200413修改结束 */ } /* 9查詢結果 */ #rgb1260{ width: 100%; float: left;} #rgb1260 .resuCon .form{ width: 100%; float: left; margin: 0 0 10px 0; z-index: 100;} #rgb1260 .resuCon table{border-collapse:collapse;table-layout:fixed} #rgb1260 .resuCon .clearfix{zoom:1} #rgb1260 .resuCon .clearfix:after{clear:both;display:block;visibility:hidden;width:0;height:0;content:"."} #rgb1260 .resuCon .fl{float:left} #rgb1260 .resuCon .fr{float:right} #rgb1260 .resuCon .date{position:relative; width: 45%; padding: 16px 2%; margin-right: 5%; float: left;border:1px solid #ccc; z-index: 100;} #rgb1260 .resuCon .wz{ display: block; float: left;width: 40%;font-size: 16px; line-height: 24px; color: #888;} #rgb1260 .resuCon .date-check{display: block; float: right;width:60%;height:24px; background: url(../images/date.png) no-repeat right center; font-size: 16px; line-height: 24px; color: #888;} #rgb1260 .resuCon .date-list{position:absolute;top:30px;z-index:999;display:none;overflow:hidden;padding:10px 0 4px;width:216px;border:1px solid rgba(0,0,0,.15);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fff;-webkit-box-shadow:1px 6px 12px rgba(0,0,0,.175),-1px 3px 12px rgba(0,0,0,.175);-moz-box-shadow:1px 6px 12px rgba(0,0,0,.175),-1px 3px 12px rgba(0,0,0,.175);box-shadow:1px 6px 12px rgba(0,0,0,.175),-1px 3px 12px rgba(0,0,0,.175);-ms-border-radius:5px;-o-border-radius:5px;-ms-box-shadow:1px 6px 12px rgba(0,0,0,.175),-1px 3px 12px rgba(0,0,0,.175);-o-box-shadow:1px 6px 12px rgba(0,0,0,.175),-1px 3px 12px rgba(0,0,0,.175)} #rgb1260 .resuCon .date-list table{width:214px} #rgb1260 .resuCon .header{margin-bottom:4px;padding:0 5px} #rgb1260 .resuCon .header .fl{margin-right:5px} #rgb1260 .resuCon .header .fl,.header .fr{cursor:pointer} #rgb1260 .resuCon .header select{padding:2px 0;height:30px;border:1px solid #ccc;vertical-align:top} #rgb1260 .resuCon .header-right{margin-right:8px} #rgb1260 .resuCon .header-left,.header-right{margin-top:2px;width:20px;height:20px;border:1px solid #ccc;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;color:#a7a3a3;vertical-align:middle;text-align:center;font-weight:700;font-size:14px;font-family:宋体;line-height:18px;-ms-border-radius:50%;-o-border-radius:50%} #rgb1260 .resuCon .header-left:hover,.header-right:hover{color:#6b6565} #rgb1260 .resuCon .today{padding:2px 5px;border:1px solid #ccc;border-radius:5px;background:#ccc;color:#fff;font-size:12px} #rgb1260 .resuCon .today:hover{background:#acadaf} #rgb1260 .resuCon .date-list th{padding:2px;font-weight:700;font-size:14px} #rgb1260 .resuCon .date-list td{padding:4px 0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#fff;text-align:center;font-size:12px;-ms-border-radius:4px;-o-border-radius:4px} #rgb1260 .resuCon .date-list td.act,#rgb1260 .resuCon .date-list td.cursorHand:hover{background: #005EAC;color:#fff;cursor:pointer} #rgb1260 .resuCon .date-list td.current{background:#d5d7d8;color:#fff} #rgb1260 .resuCon .outer{width:38.5%; float: left; z-index: 100;} #rgb1260 .resuCon .date-error .date-check{border:1px solid #005EAC} #rgb1260 .resuCon .slDiv{ float: left; width: 16.8%; font-size: 16px; height: 58px; line-height: 58px; cursor: pointer; position: relative; text-align: left; color: #888; border: 1px solid #d4d4d4; border-right: 0; z-index: 100;} #rgb1260 .resuCon .slDiv .btnSelect{ width: 100%; display: inline-block; padding-left: 11%;} #rgb1260 .resuCon .slDiv .btnSelect::after{ content: ""; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; border-width: 8px; border-style: solid dashed dashed dashed; border-color: #929292 transparent transparent transparent; position: absolute; top: 25px; right: 30px; margin-left: -8px;} #rgb1260 .resuCon .slDiv .ulDiv{ display: none; padding: 10px 20px; width: 100%; background: rgba(0, 0, 0, 0.6); position: absolute; top: 57px; z-index: 100;} #rgb1260 .resuCon .slDiv .ulDiv.ulShow{ display: block; text-align: center;} #rgb1260 .resuCon .slDiv .ulDiv ul li{ height: 50px; line-height: 50px; color: #fff; cursor: pointer;} #rgb1260 .resuCon .slDiv .ulDiv ul li:hover{ background:#005EAC;} #rgb1260 .resuCon .form .fv1{ float: left; width: 38%; font-size: 16px; height: 58px; line-height: 58px; margin: 0 1%; text-align: center; text-align-last: center; color: #888; border: 1px solid #d4d4d4;} #rgb1260 .resuCon .form .fv2{ float: left; width: 23%; font-size: 16px; height: 58px; margin: 0 2% 0 0; line-height: 18px; padding: 20px 30px; color: #bababa; border: 1px solid #d4d4d4; border-left: 0;} #rgb1260 .resuCon .form .fv3{ float: left; width: 19%; font-size: 18px; height: 58px; line-height: 58px; border: 1px solid #005EAC; text-align: center; background: #005EAC; color: #fff; border: 1px solid #d4d4d4;} #rgb1260 .resuCon .form .fv3:hover{ opacity: 0.8;} #rgb1260 .resuCon .u1{ width: 100%; float: left; z-index: -1;} #rgb1260 .resuCon .l1{ width: 100%; float: left; margin: 30px 0; border: 1px solid #ececec; border-top: 3px solid #ccc; z-index: -1;} #rgb1260 .resuCon .l1:hover{ border-top: 3px solid #005EAC;} #rgb1260 .resuCon .l1 .tit{ float: left;} #rgb1260 .resuCon .l1 .t1{ width: 8.1%;} #rgb1260 .resuCon .l1 .t2{ width: 10%;} #rgb1260 .resuCon .l1 .t3{ width: 10.1%;} #rgb1260 .resuCon .l1 .t4{ width: 10.1%;} #rgb1260 .resuCon .l1 .t5{ width: 5.3%;} #rgb1260 .resuCon .l1 .t6{ width: 8.8%;} #rgb1260 .resuCon .l1 .t7{ width: 5.3%;} #rgb1260 .resuCon .l1 .t8{ width: 8.8%;} #rgb1260 .resuCon .l1 .t9{ width: 7.25%;} #rgb1260 .resuCon .l1 .t10{ width: 6.25%; text-align: center;} #rgb1260 .resuCon .l1 .t11{ width: 10%;} #rgb1260 .resuCon .l1 .bt{ font-size: 16px; line-height: 70px; height: 70px; overflow: hidden; padding: 0 3%; color: #666; background: #f3f3f5;} #rgb1260 .resuCon .l1 .nr{ font-size: 14px; line-height: 64px; height: 64px; overflow: hidden; padding: 0 3%; color: #333;} #rgb1260 .resuCon .l1 .t10 .nr{ padding: 12px 0;} #rgb1260 .resuCon .l1 .nr a{ display: block; line-height: 20px; height: 20px;} #rgb1260 .resuCon .l1 .nr a:hover{ text-decoration: underline;} #rgb1260 .resuCon .l1 .tit:first-child .bt{ padding-left: 30px;} #rgb1260 .resuCon .l1 .tit:first-child .nr{ padding-left: 30px;} /* 10货物跟踪记录+详细信息 */ #rgb1260 .resuCon .l1 .lj{ display: none; width:100%; height: 100%; background-color: rgba(0,0,0,0.8); position: fixed; top:0; left: 0; z-index: 999999999999;} #rgb1260 .resuCon .l1 .lj .imgPop1{ height: 570px; width: 50%; left: 25%; position: absolute; top:50%; margin-top: -285px; border-radius: 10px; overflow: hidden; background: #fff; z-index: 999999999999;} #rgb1260 .resuCon .l1 .lj .recobt{ width: 100%; height: 66px; line-height: 66px; font-size: 24px; position: relative; background: #005EAC; color: #fff; text-align: center;} #rgb1260 .resuCon .l1 .lj .recobt .clo{ position: absolute; top: 0; right: 30px; opacity: 0.6; cursor: pointer;} #rgb1260 .resuCon .l1 .lj .list{ padding: 40px; max-height: 500px; overflow-y: scroll;} #rgb1260 .resuCon .l1 .lj .list::-webkit-scrollbar { display: none;} #rgb1260 .resuCon .l1 .lj .list .reco{ padding-bottom: 30px; line-height: 30px; padding-left: 40px; width: 100%; overflow: hidden; position: relative;} #rgb1260 .resuCon .l1 .lj .list .reco::before{ content: ""; display: block; width: 9px; height: 9px; position: absolute; top: 11px; left: 0; border-radius: 50%; background: #d7d7d7;} #rgb1260 .resuCon .l1 .lj .list .reco::after{ content: ""; display: block; width: 1px; height: 1000px; background: #d7d7d7; position: absolute; top: -10px; left: 4px;} #rgb1260 .resuCon .l1 .lj .list .reco .sj{ font-size: 16px; margin-right: 20px; color: #888; float: left;} #rgb1260 .resuCon .l1 .lj .list .reco .wz{ font-size: 16px; color: #333; float: left;} #rgb1260 .resuCon .l1 .lj .list .reco .hd{ display: block; font-size: 16px; height: 30px; line-height: 30px; margin-left: 10px; padding: 0 20px; border-radius: 15px; background: #005EAC; color: #fff; float: left;} #rgb1260 .xsnr{ display: none; width:100%; height: 100%; background-color: rgba(0,0,0,0.8); position: fixed; top:0; left: 0; z-index: 999999999999;} #rgb1260 .xsnr .imgPop1{ height: 570px; width: 50%; left: 25%; position: absolute; top:50%; margin-top: -285px; border-radius: 10px; overflow: hidden; background: #fff; z-index: 999999999999;} #rgb1260 .xsnr .imgPop1 .recobt{ width: 100%; height: 66px; line-height: 66px; font-size: 24px; position: relative; background: #005EAC; color: #fff; text-align: center;} #rgb1260 .xsnr .imgPop1 .recobt .clo{ position: absolute; top: 0; right: 30px; opacity: 0.6; cursor: pointer;} #rgb1260 .xsnr .imgPop1 .list{ padding: 40px; max-height: 500px; overflow-y: scroll;} #rgb1260 .xsnr .imgPop1 .list::-webkit-scrollbar { display: none;} #rgb1260 .xsnr .imgPop1 .list .reco{ padding-bottom: 30px; line-height: 30px; padding-left: 40px; width: 100%; overflow: hidden; position: relative;} #rgb1260 .xsnr .imgPop1 .list .reco::before{ content: ""; display: block; width: 9px; height: 9px; position: absolute; top: 11px; left: 0; border-radius: 50%; background: #d7d7d7;} #rgb1260 .xsnr .imgPop1 .list .reco::after{ content: ""; display: block; width: 1px; height: 1000px; background: #d7d7d7; position: absolute; top: -10px; left: 4px;} #rgb1260 .xsnr .imgPop1 .list .reco .sj{ font-size: 16px; margin-right: 20px; color: #888; float: left;} #rgb1260 .xsnr .imgPop1 .list .reco .wz{ font-size: 16px; color: #333; float: left;} #rgb1260 .xsnr .imgPop1 .list .reco .hd{ display: block; font-size: 16px; height: 30px; line-height: 30px; margin-left: 10px; padding: 0 20px; border-radius: 15px; background: #005EAC; color: #fff; float: left;} #rgb1260 .resuCon .l1 .xx{ display: none; width:100%; height: 100%; background-color: rgba(0,0,0,0.8); position: fixed; top:0; left: 0; z-index: 999999999999;} #rgb1260 .resuCon .l1 .xx .imgPop2{ height: 606px; width: 50%; left: 25%; position: absolute; top:50%; margin-top: -303px; border-radius: 10px; overflow: hidden; background: #fff; z-index: 999999999999;} #rgb1260 .resuCon .l1 .xx .recobt{ width: 100%; height: 66px; line-height: 66px; font-size: 24px; position: relative; background: #005EAC; color: #fff; text-align: center;} #rgb1260 .resuCon .l1 .xx .recobt .clo{ position: absolute; top: 0; right: 30px; opacity: 0.6; cursor: pointer;} #rgb1260 .resuCon .l1 .xx .list{ padding: 30px; max-height: 540px; overflow-y: scroll;} #rgb1260 .resuCon .l1 .xx .list::-webkit-scrollbar { display: none;} #rgb1260 .resuCon .l1 .xx .list .reco{ line-height: 20px; border-bottom: 1px solid #fff; width: 100%; background: #f1f1f1; overflow: hidden;} #rgb1260 .resuCon .l1 .xx .list .reco .sj{ width: 20%; padding: 15px 30px; font-size: 16px; color: #333; float: left; border-right: 1px solid #fff;} #rgb1260 .resuCon .l1 .xx .list .reco .wz{ width: 80%; padding: 15px 30px; font-size: 16px; color: #333; float: left;} #rgb1260 .xsnr{ display: none; width:100%; height: 100%; background-color: rgba(0,0,0,0.8); position: fixed; top:0; left: 0; z-index: 999999999999;} #rgb1260 .xsnr .imgPop2{ height: 606px; width: 50%; left: 25%; position: absolute; top:50%; margin-top: -303px; border-radius: 10px; overflow: hidden; background: #fff; z-index: 999999999999;} #rgb1260 .xsnr .imgPop2 .recobt{ width: 100%; height: 66px; line-height: 66px; font-size: 24px; position: relative; background: #005EAC; color: #fff; text-align: center;} #rgb1260 .xsnr .imgPop2 .recobt .clo{ position: absolute; top: 0; right: 30px; opacity: 0.6; cursor: pointer;} #rgb1260 .xsnr .imgPop2 .list{ padding: 30px; max-height: 540px; overflow-y: scroll;} #rgb1260 .xsnr .imgPop2 .list::-webkit-scrollbar { display: none;} #rgb1260 .xsnr .imgPop2 .list .reco{ line-height: 20px; border-bottom: 1px solid #fff; width: 100%; background: #f1f1f1; overflow: hidden;} #rgb1260 .xsnr .imgPop2 .list .reco .sj{ width: 20%; padding: 15px 30px; font-size: 16px; color: #333; float: left; border-right: 1px solid #fff;} #rgb1260 .xsnr .imgPop2 .list .reco .wz{ width: 80%; padding: 15px 30px; font-size: 16px; color: #333; float: left;} .logoq{ width: 100%; margin: 0 auto; padding-top: 20px; text-align: center; } .brand-list{ width: 100%; margin: 0 auto; max-width: 1920px; text-align: center; position: relative; overflow: hidden; padding-top: 28px; } .brand-list:hover .brand-list-content{ animation-play-state: paused !important; } .brand-list-content{ display: flex; } .brand-list-content>img{ width: 200px; height: auto; margin-right:64px; flex-shrink: 0; border:0px solid #DDDDDD; } .brand-mask-left{ position: absolute; top: 0; left: 0; background-image: linear-gradient(to left,rgba(255,255,255,0) 0%,#EBF6FF 100%); z-index: 10; width: 300px; height: 88px; } .brand-mask-right{ position: absolute; top: 0; right: 0; background-image: linear-gradient(to right,rgba(192,242,254,0) 0%,#c0f2fe 100%); width: 300px; height: 88px; } /* .brand-list-2 .brand-mask-left{ background-image: linear-gradient(to left,rgba(255,255,255,0) 0%,#E9F5FF 100%); } .brand-list-2 .brand-mask-right{ background-image: linear-gradient(to right,rgba(255,255,255,0) 0%,#EAF5FF 100%); } .brand-list-3 .brand-mask-left{ background-image: linear-gradient(to left,rgba(255,255,255,0) 0%,#E8F4FF 100%); } .brand-list-3 .brand-mask-right{ background-image: linear-gradient(to right,rgba(255,255,255,0) 0%,#E8F4FF 100%); } */ .brand-list-4 .brand-mask-left{ background-image: linear-gradient(to left,rgba(255,255,255,0) 0%,#E7F4FF 100%); } .brand-list-4 .brand-mask-right{ background-image: linear-gradient(to right,rgba(255,255,255,0) 0%,#E8F4FF 100%); } .brand-list-5{ height: 95px; } .brand-list-5 .brand-mask-left{ background-image: linear-gradient(to left,rgba(255,255,255,0) 0%,#E6F4FF 100%); height: 100px; } .brand-list-5 .brand-mask-right{ background-image: linear-gradient(to right,rgba(255,255,255,0) 0%,#E6F3FF 100%); height: 100px; } .brand-list-20-left{ -webkit-animation: 100s brand-animation-20-left linear infinite normal; animation: 100s brand-animation-20-left linear infinite normal; } .brand-list-18-right{ flex-direction: row-reverse; -webkit-animation: 100s brand-animation-18-right linear infinite normal; animation: 100s brand-animation-18-right linear infinite normal; } .brand-list-19-right{ flex-direction: row-reverse; -webkit-animation: 100s brand-animation-19-right linear infinite normal; animation: 100s brand-animation-19-right linear infinite normal; } .brand-list-17-left{ -webkit-animation: 100s brand-animation-17-left linear infinite normal; animation: 100s brand-animation-17-left linear infinite normal; } .brand-list-18-left{ -webkit-animation: 100s brand-animation-18-left linear infinite normal; animation: 100s brand-animation-18-left linear infinite normal; } @-webkit-keyframes brand-animation-17-left{ 0%{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } 100%{ -webkit-transform:translate3d(-2550px,0,0); transform:translate3d(-2550px,0,0); } } @keyframes brand-animation-17-left{ 0%{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } 100%{ -webkit-transform:translate3d(-2550px,0,0); transform:translate3d(-2550px,0,0); } } @-webkit-keyframes brand-animation-18-left{ 0%{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } 100%{ -webkit-transform:translate3d(-2700px,0,0); transform:translate3d(-2700px,0,0); } } @keyframes brand-animation-18-left{ 0%{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } 100%{ -webkit-transform:translate3d(-2700px,0,0); transform:translate3d(-2700px,0,0); } } @-webkit-keyframes brand-animation-20-left{ 0%{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } 100%{ -webkit-transform:translate3d(-3000px,0,0); transform:translate3d(-3000px,0,0); } } @keyframes brand-animation-20-left{ 0%{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } 100%{ -webkit-transform:translate3d(-3000px,0,0); transform:translate3d(-3000px,0,0); } } @-webkit-keyframes brand-animation-18-right{ 0%{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } 100%{ -webkit-transform:translate3d(2700px,0,0); transform:translate3d(2700px,0,0); } } @keyframes brand-animation-18-right{ 0%{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } 100%{ -webkit-transform:translate3d(2700px,0,0); transform:translate3d(2700px,0,0); } } @-webkit-keyframes brand-animation-19-right{ 0%{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } 100%{ -webkit-transform:translate3d(2850px,0,0); transform:translate3d(2850px,0,0); } } @keyframes brand-animation-19-right{ 0%{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } 100%{ -webkit-transform:translate3d(2850px,0,0); transform:translate3d(2850px,0,0); } } /* brand end */ @media screen and (max-width:1599px){ #rgb1260 .resuCon .l1 .t11{ width: 25%;} f #rgb1260 .resuCon .l1 .t1{ width: 25%;} #rgb1260 .resuCon .l1 .t2{ width: 25%;} #rgb1260 .resuCon .l1 .t3{ width: 25%;} #rgb1260 .resuCon .l1 .t4{ width: 25%;} #rgb1260 .resuCon .l1 .t5{ width: 25%;} #rgb1260 .resuCon .l1 .t6{ width: 25%;} #rgb1260 .resuCon .l1 .t7{ width: 25%;} #rgb1260 .resuCon .l1 .t8{ width: 25%;} #rgb1260 .resuCon .l1 .t9{ width: 25%;} #rgb1260 .resuCon .l1 .t10{ width: 50%;} #rgb1260 .resuCon .l1 .tit:first-child .bt{ padding-left: 3%;} #rgb1260 .resuCon .l1 .tit:first-child .nr{ padding-left: 3%;} #rgb1260 .resuCon .l1 .t10 .nr{ padding: 0;} #rgb1260 .resuCon .l1 .nr a{ display: inline-block; margin: 0 5px;} #rgb1260 .resuCon .l1 .lj .imgPop1{ height: 400px; margin-top: -200px;} #rgb1260 .xsnr .imgPop1{ height: 400px; margin-top: -200px;} #rgb1260 .resuCon .l1 .xx .imgPop2{ height: 400px; margin-top: -200px;} #rgb1260 .xsnr .imgPop2{ height: 400px; margin-top: -200px;} } @media screen and (max-width:1199px){ #rgb1260 .resuCon .outer{ width: 45.5%;} #rgb1260 .resuCon .form .fv2{ width: 16%;} } @media screen and (max-width:991px){ #rgb1260 .resuCon .form{ margin: 0 auto 10px auto;} #rgb1260 .resuCon .outer{ width: 100%; margin-bottom: 10px;} #rgb1260 .resuCon .date{ width: 49%; padding: 10px 2%; margin-right: 1%;} #rgb1260 .resuCon .date:nth-child(2n){ margin-right: 0; float: right;} #rgb1260 .resuCon .date-list{ top: 37px; right: 0;} #rgb1260 .resuCon .wz{ font-size: 14px; line-height: 18px;} #rgb1260 .resuCon .date-check{height:18px; font-size: 14px; line-height: 18px;} #rgb1260 .resuCon .slDiv{ font-size: 14px; height: 38px; line-height: 38px;} #rgb1260 .resuCon .slDiv .btnSelect::after{ border-width: 4px; top: 16px; right: 10px; margin-left: -4px;} #rgb1260 .resuCon .slDiv .ulDiv{ top: 37px;} #rgb1260 .resuCon .slDiv .ulDiv ul li{ height: 30px; line-height: 30px;} #rgb1260 .resuCon .form .fv2{ width: 62%; font-size: 14px; height: 38px; line-height: 18px; padding: 10px 10px;} #rgb1260 .resuCon .form .fv3{ font-size: 14px; height: 38px; line-height: 38px;} #rgb1260 .resuCon .l1{ margin: 10px 0; } #rgb1260 .resuCon .l1 .bt{ font-size: 14px; line-height: 34px; height: 34px; padding: 0 1.5%;} #rgb1260 .resuCon .l1 .nr{ font-size: 12px; line-height: 30px; height: 30px; padding: 0 1.5%;} #rgb1260 .resuCon .l1 .tit:first-child .bt{ padding-left: 1.5%;} #rgb1260 .resuCon .l1 .tit:first-child .nr{ padding-left: 1.5%;} #rgb1260 .resuCon .l1 .lj .imgPop1{ height: 386px; width: 80%; left: 10%; margin-top: -193px;} #rgb1260 .resuCon .l1 .lj .recobt{ height: 36px; line-height: 36px; font-size: 16px;} #rgb1260 .resuCon .l1 .lj .recobt .clo{ right: 20px;} #rgb1260 .resuCon .l1 .lj .list{ padding: 20px; max-height: 350px;} #rgb1260 .resuCon .l1 .lj .list .reco{ padding-bottom: 10px; line-height: 20px; padding-left: 20px;} #rgb1260 .resuCon .l1 .lj .list .reco .sj{ font-size: 14px; margin-right: 5px;} #rgb1260 .resuCon .l1 .lj .list .reco .wz{ font-size: 14px;} #rgb1260 .resuCon .l1 .lj .list .reco .hd{ font-size: 14px; height: 20px; line-height: 20px; margin-left: 5px; padding: 0 10px;} #rgb1260 .xsnr .imgPop1{ height: 386px; width: 80%; left: 10%; margin-top: -193px;} #rgb1260 .xsnr .imgPop1 .recobt{ height: 36px; line-height: 36px; font-size: 16px;} #rgb1260 .xsnr .imgPop1 .recobt .clo{ right: 20px;} #rgb1260 .xsnr .imgPop1 .list{ padding: 20px; max-height: 350px;} #rgb1260 .xsnr .imgPop1 .list .reco{ padding-bottom: 10px; line-height: 20px; padding-left: 20px;} #rgb1260 .xsnr .imgPop1 .list .reco .sj{ font-size: 14px; margin-right: 5px;} #rgb1260 .xsnr .imgPop1 .list .reco .wz{ font-size: 14px;} #rgb1260 .xsnr .imgPop1 .list .reco .hd{ font-size: 14px; height: 20px; line-height: 20px; margin-left: 5px; padding: 0 10px;} #rgb1260 .resuCon .l1 .xx .imgPop2{ height: 296px; width: 80%; left: 10%; margin-top: -148px;} #rgb1260 .resuCon .l1 .xx .recobt{ height: 36px; line-height: 36px; font-size: 16px;} #rgb1260 .resuCon .l1 .xx .recobt .clo{ right: 20px;} #rgb1260 .resuCon .l1 .xx .list{ padding: 10px; max-height: 260px;} #rgb1260 .resuCon .l1 .xx .list .reco{ line-height: 16px;} #rgb1260 .resuCon .l1 .xx .list .reco .sj{ width: 40%; padding: 5px; font-size: 14px;} #rgb1260 .resuCon .l1 .xx .list .reco .wz{ width: 60%; padding: 5px; font-size: 14px;} #rgb1260 .xsnr .imgPop2{ height: 296px; width: 80%; left: 10%; margin-top: -148px;} #rgb1260 .xsnr .imgPop2 .recobt{ height: 36px; line-height: 36px; font-size: 16px;} #rgb1260 .xsnr .imgPop2 .recobt .clo{ right: 20px;} #rgb1260 .xsnr .imgPop2 .list{ padding: 10px; max-height: 260px;} #rgb1260 .xsnr .imgPop2 .list .reco{ line-height: 16px;} #rgb1260 .xsnr .imgPop2 .list .reco .sj{ width: 40%; padding: 5px; font-size: 14px;} #rgb1260 .xsnr .imgPop2 .list .reco .wz{ width: 60%; padding: 5px; font-size: 14px;} .brand-list-content>img{ width: 100px; height: auto; margin-right:34px; flex-shrink: 0; border:0px solid #DDDDDD; } } @media screen and (max-width:767px){ #rgb1260 .resuCon .form{ width: 100%;} #rgb1260 .resuCon .outer{ margin-bottom: 3px;} #rgb1260 .resuCon .date{ width: 100%; margin-right: 0;} #rgb1260 .resuCon .date:nth-child(2n){ margin-top: 3px;} #rgb1260 .resuCon .slDiv{ width: 30%; font-size: 12px;} #rgb1260 .resuCon .slDiv .btnSelect::after{ right: 5px;} #rgb1260 .resuCon .form .fv2{ width: 70%; float: right; margin: 0; font-size: 12px;} #rgb1260 .resuCon .form .fv3{ width: 100%; float: right; margin-top: 3px; font-size: 12px;} #rgb1260 .resuCon .l1 .tit{ text-align: center;} #rgb1260 .resuCon .l1 .t1{ width: 100%;} #rgb1260 .resuCon .l1 .t2{ width: 100%;} #rgb1260 .resuCon .l1 .t3{ width: 100%;} #rgb1260 .resuCon .l1 .t4{ width: 100%;} #rgb1260 .resuCon .l1 .t5{ width: 100%;} #rgb1260 .resuCon .l1 .t6{ width: 100%;} #rgb1260 .resuCon .l1 .t7{ width: 100%;} #rgb1260 .resuCon .l1 .t8{ width: 100%;} #rgb1260 .resuCon .l1 .t9{ width: 100%;} #rgb1260 .resuCon .l1 .t10{ width: 100%;} #rgb1260 .resuCon .l1 .t11{ width: 100%;} } /* 1公司简介板块二 */ #Content16{ width: 100%; float: left;} #Content16 .about2 .info{ width: 78%; margin: 0 auto; font-size: 16px; line-height: 36px; color: #333;} #Content16 .about2 .pic{ width: 100%; margin: 45px auto; padding: 77px 10%;} #Content16 .about2 .pic .tit{ font-size: 36px; line-height: 36px; margin-bottom: 50px; color: #fff; text-align: center;} #Content16 .about2 .pic ul{ overflow: hidden;} #Content16 .about2 .pic .u1{ border-bottom: 1px solid rgba(255, 255, 255, 0.2);} #Content16 .about2 .pic li{ float: left; width: 33.3%; padding-left: 90px; border-right: 1px solid rgba(255, 255, 255, 0.2); color: #fff;} #Content16 .about2 .pic li:last-child{ border-right: 0;} #Content16 .about2 .pic .u1 .l1{ padding-bottom: 50px;} #Content16 .about2 .pic .u2 .l1{ padding-top: 50px;} #Content16 .about2 .pic li .over{ overflow: hidden;} #Content16 .about2 .pic li .num{ float: left; font-size: 48px; line-height: 48px; font-family: "Myriad Pro";} #Content16 .about2 .pic li .wz{ float: left; font-size: 16px; line-height: 16px; margin-top: 26px;} #Content16 .about2 .pic li .text{ font-size: 16px; line-height: 16px; margin-top: 12px;} @media screen and (max-width:1599px){ #Content16 .about2 .pic li{ padding-left: 40px;} } @media screen and (max-width:1199px){ #Content16 .about2 .info{ width: 100%;} #Content16 .about2 .pic li{ padding-left: 20px;} } @media screen and (max-width:991px){ #Content16 .about2 .info{ font-size: 14px; line-height: 24px;} #Content16 .about2 .pic{ margin: 15px auto; padding: 20px 2%;} #Content16 .about2 .pic .tit{ font-size: 16px; line-height: 16px; margin-bottom: 10px;} #Content16 .about2 .pic .u1 .l1{ padding-bottom: 10px;} #Content16 .about2 .pic .u2 .l1{ padding-top: 10px;} #Content16 .about2 .pic li .num{ font-size: 18px; line-height: 18px;} #Content16 .about2 .pic li .wz{ font-size: 14px; line-height: 14px; margin-top: 4px;} #Content16 .about2 .pic li .text{ font-size: 14px; line-height: 14px; margin-top: 5px;} } @media screen and (max-width:767px){ #Content16 .about2 .pic li{ padding-left: 1.5%;} #Content16 .about2 .pic li .num{ font-size: 16px; line-height: 16px;} #Content16 .about2 .pic li .wz{ font-size: 12px; line-height: 12px; margin-top: 4px;} #Content16 .about2 .pic li .text{ font-size: 12px; line-height: 16px; height: 32px; overflow: hidden; margin-top: 5px;} } /* 1公司简介板块三 */ #Content17{ width: 100%; float: left;} #Content17 .about3 .info{ width: 78%; margin: 0 auto; font-size: 16px; line-height: 36px; color: #333;} #Content17 .about3 .pic1{ width: 100%; margin: 45px auto; text-align: center;} #Content17 .about3 .pic1 .u1{ overflow: hidden; display: inline-block;} #Content17 .about3 .pic1 .u1 .l1{ float: left; width: 260px; height: 260px; text-align: center; background: #ededed; border-radius: 50%;} #Content17 .about3 .pic1 .u1 .l1 .img{ width: 80px; height: 70px; margin: 50px auto 0 auto; line-height: 0;} #Content17 .about3 .pic1 .u1 .l1 .t1{ font-size: 24px; line-height: 24px; margin: 22px 0 13px 0;} #Content17 .about3 .pic1 .u1 .l1 .t2{ display: inline-block; font-size: 14px; padding: 0 15px; height: 28px; line-height: 28px; border-radius: 14px; background: #005EAC; color: #fff;} #Content17 .about3 .pic1 .u1 .dot{ float: left; margin: 130px 35px; width: 100px; height: 1px; border-top: 1px dotted #b2b2b2;} @media screen and (max-width:1599px){ #Content17 .about3 .pic1 .u1 .l1{ width: 200px; height: 200px;} #Content17 .about3 .pic1 .u1 .l1 .img{ margin: 25px auto 0 auto;} #Content17 .about3 .pic1 .u1 .dot{ margin: 100px 35px; width: 80px;} #Content17 .about3 .pic1 .u1 .l1 .t1{ margin: 10px 0 10px 0;} } @media screen and (max-width:1199px){ #Content17 .about3 .info{ width: 100%;} } @media screen and (max-width:991px){ #Content17 .about3 .info{ font-size: 14px; line-height: 24px;} #Content17 .about3 .pic1{ margin: 15px auto;} #Content17 .about3 .pic1 .u1 .l1{ width: 180px; height: 180px;} #Content17 .about3 .pic1 .u1 .l1 .t1{ font-size: 16px; line-height: 16px;} #Content17 .about3 .pic1 .u1 .l1 .t2{ font-size: 14px;} #Content17 .about3 .pic1 .u1 .dot{ margin: 90px 10px; width: 50px;} } @media screen and (max-width:767px){ #Content17 .about3 .pic1 .u1 .l1{ width:165px;height:165px;margin:10px auto;padding-top:35px;} #Content17 .about3 .pic1 .u1 .l1 .img{ width: 20px; height: 17.5px; margin: 10px auto 0 auto;} #Content17 .about3 .pic1 .u1 .l1 .t1{ font-size: 14px; line-height: 14px; margin: 5px 0;} #Content17 .about3 .pic1 .u1 .l1 .t2{ font-size: 12px; line-height: 16px; height: 16px; padding: 0 5px;} #Content17 .about3 .pic1 .u1 .dot{ margin: 40px 2px; width: 10px;} #Content17 .about3 .pic2 .u1 .l1{ width: 48%;} } /* 1公司简介板块四 */ #Content18{ width: 100%; float: left;} #Content18 .about4 .info{ width: 78%; margin: 0 auto; font-size: 16px; line-height: 36px; color: #333;} #Content18 .about4 .tit{font-size:26px;font-weight: bold;text-align: center;width:100%;margin:30px auto 0px;} #Content18 .about4 .pic2{ width: 100%; margin: 30px auto;} #Content18 .about4 .pic2 .u1{ width: 102%; margin: 0 -1%; overflow: hidden;} #Content18 .about4 .pic2 .u1 .l1{ width: 18%; margin: 12px 1%; line-height: 0; border: 1px solid #e8e8e8; float: left;} @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ #Content18 .about4 .info{ width: 100%;} } @media screen and (max-width:991px){ #Content18 .about4 .info{ font-size: 14px; line-height: 24px;} #Content18 .about4 .pic2{ margin: 10px auto;} #Content18 .about4 .pic2 .u1 .l1{ margin: 5px 1%;} } @media screen and (max-width:767px){ } /* 3业务范围板块二 */ #Content19{ width: 100%; float: left;} #Content19 .busiCon2 .pic{ padding-bottom: 65px;} #Content19 .busiCon2 .pic .picTop{ margin-top: 130px; position: relative;} #Content19 .busiCon2 .pic .picTop .img{ line-height: 0; position: relative;} #Content19 .busiCon2 .pic .picTop .img .bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.2);} #Content19 .busiCon2 .pic .picTop .text{ width: 240px; padding: 5% 0 6% 0; text-align: center; position: absolute; bottom: 0; left: 50%; margin-left: -120px; background: #005EAC;} #Content19 .busiCon2 .pic .picTop .text .ico{ width: 100px; height: 100px; margin: 0 auto; line-height: 0;} #Content19 .busiCon2 .pic .picTop .text .t1{ font-size: 20px; margin: 45px 0 35px 0; color: #fff;} #Content19 .busiCon2 .pic .picTop .text .t2{ font-size: 16px; line-height: 24px; height: 72px; overflow: hidden; text-transform: uppercase; color: #fff; opacity: 0.3;} #Content19 .busiCon2 .pic .picBot2{ padding: 80px 130px; width: 100%; overflow: hidden; box-shadow: 0 0 10px #ccc;} #Content19 .busiCon2 .pic .picBot2 .hd .u1{ width: 102%; margin: 0 -1%; float: left;} #Content19 .busiCon2 .pic .picBot2 .hd .l1{ float: left; width: 18%; margin: 0 1%; padding: 45px 0 30px 0; cursor: pointer; position: relative; text-align: center; background: #f5f5f5;} #Content19 .busiCon2 .pic .picBot2 .hd .l1.on::after{ content: ""; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; border-width: 16px; border-style: solid dashed dashed dashed; border-color: #005EAC transparent transparent transparent; border-top-color: #005EAC; position: absolute; bottom: -32px; left: 50%; margin-left: -16px;} #Content19 .busiCon2 .pic .picBot2 .hd .l1 .ico1{ width: 90px; height: 90px; line-height: 0; margin: 0 auto;} #Content19 .busiCon2 .pic .picBot2 .hd .l1 .ico2{ display: none; width: 90px; height: 90px; line-height: 0; margin: 0 auto;} #Content19 .busiCon2 .pic .picBot2 .hd .l1 .wz{ font-size: 18px; line-height: 18px; margin-top: 50px; overflow: hidden; color: #333;} #Content19 .busiCon2 .pic .picBot2 .hd .l1.on{ background: #005EAC;} #Content19 .busiCon2 .pic .picBot2 .hd .l1.on .ico1{ display: none;} #Content19 .busiCon2 .pic .picBot2 .hd .l1.on .ico2{ display: block;} #Content19 .busiCon2 .pic .picBot2 .hd .l1.on .wz{ color: #fff;} #Content19 .busiCon2 .pic .picBot2 .bd{ margin-top: 50px; width: 100%; float: left;} #Content19 .busiCon2 .pic .picBot2 .bd .l1{ float: left; font-size: 18px; color: #333;} #Content19 .busiCon2 .pic .picBot2 .bd .l1 span{ color: #cfcfcf; margin: 0 40px;} #Content19 .busiCon2 .pic .picBot2 .bd .l1:last-child span{ display: none;} @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Content19 .busiCon2 .pic { padding-bottom: 80px;} #Content19 .busiCon2 .pic .picTop{ margin-top: 60px;} #Content19 .busiCon2 .pic .picTop .text{ width: 100px; padding: 6% 0 4% 0; left: 50%; margin-left: -50px;} #Content19 .busiCon2 .pic .picTop .text .ico{ width: 50px; height: 50px;} #Content19 .busiCon2 .pic .picTop .text .t1{ font-size: 16px; margin: 15px 0 10px 0;} #Content19 .busiCon2 .pic .picTop .text .t2{ font-size: 14px; line-height: 20px; height: 60px;} #Content19 .busiCon2 .pic .picBot2{ padding: 20px 10px;} #Content19 .busiCon2 .pic .picBot2 .hd .l1{ padding: 10px 0 15px 0; } #Content19 .busiCon2 .pic .picBot2 .hd .l1.on::after{ border-width: 8px; bottom: -16px; margin-left: -8px;} #Content19 .busiCon2 .pic .picBot2 .hd .l1 .ico1{ width: 30px; height: 30px;} #Content19 .busiCon2 .pic .picBot2 .hd .l1 .ico2{ width: 30px; height: 30px;} #Content19 .busiCon2 .pic .picBot2 .hd .l1 .wz{ font-size: 14px; line-height: 14px; margin-top: 10px;} #Content19 .busiCon2 .pic .picBot2 .bd{ margin-top: 20px;} #Content19 .busiCon2 .pic .picBot2 .bd .l1{ font-size: 14px;} #Content19 .busiCon2 .pic .picBot2 .bd .l1 span{ margin: 0 5px;} } @media screen and (max-width:767px){ #Content19 .busiCon2 .pic .picBot2 .hd .l1 .wz{ height: 28px;} } /* 3业务范围板块三 */ #Content20{ width: 100%; float: left;} #Content20 .busiCon3 .pic .picTop{ margin-top: 130px; position: relative;} #Content20 .busiCon3 .pic .picTop .img{ line-height: 0; position: relative;} #Content20 .busiCon3 .pic .picTop .img .bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.2);} #Content20 .busiCon3 .pic .picTop .text{ width: 240px; padding: 5% 0 6% 0; text-align: center; position: absolute; bottom: 0; left: 50%; margin-left: -120px; background: #005EAC;} #Content20 .busiCon3 .pic .picTop .text .ico{ width: 100px; height: 100px; margin: 0 auto; line-height: 0;} #Content20 .busiCon3 .pic .picTop .text .t1{ font-size: 20px; margin: 45px 0 35px 0; color: #fff;} #Content20 .busiCon3 .pic .picTop .text .t2{ font-size: 16px; line-height: 24px; height: 72px; overflow: hidden; text-transform: uppercase; color: #fff; opacity: 0.3;} #Content20 .busiCon3 .pic .picBot3{ padding: 80px; box-shadow: 0 0 10px #ccc;} #Content20 .busiCon3 .pic .picBot3 .u1{ width: 104%; margin: 0 -2%; overflow: hidden;} #Content20 .busiCon3 .pic .picBot3 .l1{ width: 21%; margin: 0 2%; float: left; text-align: center;} #Content20 .busiCon3 .pic .picBot3 .l1 .ico{ line-height: 0;} #Content20 .busiCon3 .pic .picBot3 .l1 .t1{ font-size: 24px; line-height: 24px; margin: 30px 0 20px 0;} #Content20 .busiCon3 .pic .picBot3 .l1 .t2{ font-size: 16px; line-height: 30px;} @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Content20 .busiCon3 .pic .picTop{ margin-top: 60px;} #Content20 .busiCon3 .pic .picTop .text{ width: 100px; padding: 6% 0 4% 0; left: 50%; margin-left: -50px;} #Content20 .busiCon3 .pic .picTop .text .ico{ width: 50px; height: 50px;} #Content20 .busiCon3 .pic .picTop .text .t1{ font-size: 16px; margin: 15px 0 10px 0;} #Content20 .busiCon3 .pic .picTop .text .t2{ font-size: 14px; line-height: 20px; height: 60px;} #Content20 .busiCon3 .pic .picBot3{ padding: 20px;} #Content20 .busiCon3 .pic .picBot3 .u1{ width: 110%; margin: -5px -5%;} #Content20 .busiCon3 .pic .picBot3 .l1{ width: 40%; margin: 5px 5%;} #Content20 .busiCon3 .pic .picBot3 .l1 .t1{ font-size: 16px; line-height: 26px; margin: 15px 0 10px 0;} #Content20 .busiCon3 .pic .picBot3 .l1 .t2{ font-size: 14px; line-height: 20px; height: 60px; overflow: hidden;} .links {color: #A9A9AB;margin-top: 10px;} .links a{color: #A9A9AB; margin-left:10px;font-size: 12px;float:left;} .links a img{ width:90px; height: auto; padding-bottom:10px; } } @media screen and (max-width:767px){ } /* 单页 */ #Content21{ width: 100%; float: left;} #Content21 .info{ font-size: 16px; line-height: 30px;} @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Content21 .info{ font-size: 14px; line-height: 24px;} } @media screen and (max-width:767px){ } #rgb1260 .wack1{ width: 100%; text-align: center;} #rgb1260 .pz_fy{ display: inline-block; *display: inline; *zoom: 1;} #rgb1260 .pz_fy a { float: left; width: 38px; height: 38px; line-height: 36px; border: 1px solid #b1b1b1; color: #272727; font-size: 14px; font-family: Arial; margin: 0 5px;} #rgb1260 .pz_fy a:hover, #rgb1260 .pz_fy a.on { background: #005EAC; color:#fff; border: 1px solid #005EAC;} #rgb1260 .pz_fy .l2{ font-size: 12px; color: #666; width: 100px;} #rgb1260 .pz_fy .l2:hover{ background-color: #005EAC; color: #fff; border: 1px solid #005EAC;} #rgb1260 .pz_fy .r2{ width: 100px; font-size: 12px; color: #666;} #rgb1260 .pz_fy .r2:hover{ background-color: #005EAC; color: #fff; border: 1px solid #005EAC;}