body {color:#001a32;} a{color:#001a32}a:active,a:hover {color:#005bac} #obtn{float: left; width: 100%;} @media (min-width: 768px) { .container{width:768px;} } @media (min-width: 992px) { .container{width:992px;} } @media (min-width:1230px) { .container{width:1230px;} } @media (min-width:1430px) { .container{width:1430px;} } @media (min-width:1630px) { .container{width:1630px;} } /*手机底部导航*/ #obtn .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#005bac; box-shadow:0 -4px 7px rgba(0,0,0,0.05); z-index:8;} #obtn .pf_down li{ width:33.33333%; float:left; text-align:center; padding:7px 0 5px 0; border-right:1px solid rgba(255,255,255, 0.2);} #obtn .pf_down li:last-child{ border:none;} #obtn .pf_down li a{float: left; width: 100%;} #obtn .pf_down li .ico{ width:100%; float:left; text-align: center; line-height: 0; height:20px;} #obtn .pf_down li .ico img{ width:20px; height:20px;} #obtn .pf_down li .name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;} /*banner*/ .bannerBox{float: left; width: 100%; position: relative;} .bannerBox .loading{position: absolute; width: 16px; bottom: 40px; z-index:2; left: 50%; transform: translate(-50%,0); -moz-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); } .bannerBox .loading span{float: left; line-height: 0; animation: load 1.04s ease infinite; -moz-animation: load 1.04s ease infinite; -webkit-animation: load 1.04s ease infinite;} @-webkit-keyframes load{ 0%{ opacity: 1; } 100%{ opacity: 0.3; } } .loading span:nth-child(1){ -webkit-animation-delay:0.13s; } .loading span:nth-child(2){ -webkit-animation-delay:0.26s; } .loading span:nth-child(3){ -webkit-animation-delay:0.39s; } .slide_banner{float: left; width: 100%; position:relative; overflow:hidden;font-size: 0;line-height: 0; z-index: 1; -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; } .slide_banner img{width: 100%;} .slide_banner .slick-dots{ height:12px; bottom:89px; } .slide_banner .slick-dots li{ width:12px; height:12px; margin:0 9px; text-align:center; text-indent:-9999px; overflow:hidden; vertical-align:top; position: relative; background: #fff; border:0; opacity: 0.6; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -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; } .slide_banner .slick-dots li.slick-active{opacity: 1;} @media screen and (max-width:991px) { .slide_banner{margin-top: 65px;} .slide_banner .slick-dots{bottom: 75px;} .bannerBox .loading{bottom: 30px;} } @media screen and (max-width:767px) { .slide_banner{margin-top: 58px;} .slide_banner .slick-dots{height:9px; bottom: 40px;} .slide_banner .slick-dots li{width: 9px; height:9px; margin: 0 5px;} .bannerBox .loading{width:12px;bottom: 12px;} } ._hAboutBox{float: left; width: 100%; position: relative;} ._hAboutBox .lVideo{float: left; width: 50%; line-height: 0; position: relative;} ._hAboutBox .lVideo video{position:absolute; width: 100%; left: 0; top:0; height: 100%; z-index: 3;object-fit:cover} ._hAboutBox .yourButton{position: absolute; left: 50%; top:50%; text-align: center; color:#fff; font-size: 18px; line-height: 40px; cursor: pointer; z-index: 3; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } ._hAboutBox .yourButton i{display:block; line-height: 0;} ._hAboutBox .yourButton b{display: block; margin-top: 30px;} ._hAboutBox .yourButton b span{opacity: 0.8;} ._hAboutWords{position: absolute; width: 100%; height: 100%; z-index: 2; overflow: hidden;} ._hAboutWords .aboutUs{position: absolute; width: 50%; text-align: center; color:#f2f5f7; font-size: 165px; font-weight: bolder; right: 0; bottom: -35px; line-height: 135px; text-transform: uppercase; z-index: 2; white-space:nowrap;} ._hAboutWords:after{position: absolute; content: ''; width: 0; height: 0; right: -180px; bottom:0; z-index: 1; border-bottom:900px solid #fafcfd; border-right: 1200px solid transparent; } ._hAboutWords .container{height: 100%;} ._hAboutWords .rAbout{float: right; width: 43.75%; height: 100%; display: table; position: relative; z-index:3;} ._hAboutWords .rAbout .table{display: table-cell; vertical-align: middle;} ._hTit{float: left; width: 100%;position: relative;} ._hTit h2.h2{display: block; color:#001a32; font-size: 36px; font-weight: bolder; line-height: 50px; font-family:Arial; text-transform: uppercase;} ._hTit h3.h3{display: block; color:#001a32; font-size: 30px; line-height: 32px;} ._hAboutWords .rAbout .tit{padding-bottom: 46px; } ._hAboutWords .rAbout .tit:after{position: absolute; content: ''; left: 0; bottom: 0; width: 72px; height: 3px; background: #005bac;} ._hAboutWords .rAbout .text{float: left; width: 100%; color:#627792; font-size: 16px; line-height: 36px; margin-top: 60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:6; overflow: hidden; } ._hAboutWords .rAbout .more{float: left; width: 100%; margin-top: 108px;} ._hAboutWords .rAbout .more a{float: left; width: 150px; height: 44px; text-align: center; font-size: 16px; line-height: 42px;color:#005bac; border:1px solid #005bac; display: block;} ._hAboutWords .rAbout .more a span{display: inline-block;} ._hAboutWords .rAbout .more a i{display: inline-block; width: 24px; height: 7px; margin:-4px 0 0 15px; vertical-align: middle; background: url("_im_g/ico2.png") no-repeat center; -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; } ._hAboutWords .rAbout .more a:hover{background: #005bac; color:#fff;} ._hAboutWords .rAbout .more a:hover i{background: url("_im_g/ico2_1.png") no-repeat center;} @media screen and (max-width:1629px){ ._hAboutWords .rAbout .tit{padding-bottom: 40px;} ._hTit h2.h2{font-size: 32px; line-height: 45px;} ._hTit h3.h3{font-size: 28px; line-height: 30px;} ._hAboutWords .rAbout .text{font-size: 15px; line-height: 32px; margin-top: 55px;} ._hAboutWords .rAbout .more{margin-top: 85px;} ._hAboutWords .rAbout .more a{font-size:15px;} ._hAboutWords .aboutUs{font-size: 135px;} } @media screen and (max-width:1429px){ ._hAboutWords .rAbout .tit{padding-bottom: 30px;} ._hTit h2.h2{font-size: 30px; line-height: 40px;} ._hTit h3.h3{font-size: 26px;} ._hAboutWords .rAbout .text{font-size: 14px; line-height: 30px; margin-top: 45px;} ._hAboutWords .rAbout .more{margin-top: 60px;} ._hAboutWords .rAbout .more a{font-size: 14px; width: 140px; height: 40px; line-height: 38px;} ._hAboutWords .aboutUs{font-size: 120px; line-height: 110px;} } @media screen and (max-width:1229px){ ._hAboutBox .yourButton{font-size: 16px;} ._hAboutBox .yourButton i img{width: 70px;} ._hAboutBox .yourButton b{margin-top: 15px;} } @media screen and (max-width:991px){ ._hAboutWords .rAbout .tit{padding-bottom: 20px} ._hAboutWords .rAbout .tit:after{width:55px;} ._hTit h2.h2{font-size: 24px; line-height: 30px;} ._hTit h3.h3{font-size: 22px; line-height:24px;} ._hAboutWords .rAbout .text{line-height: 28px; margin-top: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } ._hAboutWords .rAbout .more{margin-top: 40px;} ._hAboutWords .aboutUs{font-size: 90px;line-height: 80px;bottom: -20px;} ._hAboutBox .yourButton{font-size: 14px;} ._hAboutBox .yourButton i img{width: 60px;} ._hAboutBox .yourButton b{margin-top: 10px;} } @media screen and (max-width:767px){ ._hAboutBox{overflow: hidden;} ._hAboutBox .lVideo{width: 100%;} ._hAboutWords{position: relative; float: left; padding:30px 0 50px 0;} ._hAboutWords .rAbout{width: 100%;} ._hAboutWords .aboutUs{width: 100%;font-size: 75px;line-height: 70px;} ._hAboutWords .rAbout .tit{padding-bottom: 15px;} ._hTit h2.h2{font-size: 22px;} ._hTit h3.h3{font-size: 20px; line-height: 22px;} ._hAboutWords .rAbout .text{margin-top: 20px;} ._hAboutWords .rAbout .more{margin-top: 30px;} ._hAboutWords:after{left: 0; top:0; bottom: auto; right: auto;} } @media screen and (max-width:413px){ ._hAboutWords .aboutUs{font-size: 70px;line-height: 70px;} } ._hProBox{float: left; width: 100%; margin: 90px 0 96px 0;} ._hProBox .list{float: left; width: 100%; margin-top: 40px;} ._hProBox .list dl{float: left; width: 100%; margin-top: 35px;} ._hProBox .list dl dt{float: left; color:#001a32; font-size: 30px;line-height: 50px; margin-right:35px;} ._hProBox .list dl dd{float: left; margin-left: 100px;} ._hProBox .list dl dd:nth-child(2){margin-left: 0;} ._hProBox .list dl dd a{float: left; color:#627792; font-size: 24px; line-height: 50px; padding-bottom: 17px; position: relative;} ._hProBox .list dl dd a:after{position: absolute; content: ''; left:50%; width:0; height: 1px; bottom: 0; background: #005bac; -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; } ._hProBox .list dl dd a:hover{color:#005bac;} ._hProBox .list dl dd a:hover:after{width: 100%; left: 0;} @media screen and (max-width:1629px){ ._hProBox{margin: 80px 0 86px 0;} ._hProBox .list{margin-top: 30px;} ._hProBox .list dl{margin-top: 30px;} ._hProBox .list dl dt{font-size: 28px; line-height: 45px;} ._hProBox .list dl dd{margin-left:80px;} ._hProBox .list dl dd a{font-size: 22px; line-height: 45px; padding-bottom: 15px;} } @media screen and (max-width:1429px){ ._hProBox{margin: 70px 0 76px 0;} ._hProBox .list{margin-top: 20px;} ._hProBox .list dl{margin-top: 20px;} ._hProBox .list dl dt{font-size: 26px; line-height: 40px;} ._hProBox .list dl dd{margin-left:60px;} ._hProBox .list dl dd a{font-size: 20px; line-height: 40px; padding-bottom: 10px;} } @media screen and (max-width:1229px){ ._hProBox .list dl dt{margin-right: 20px;} ._hProBox .list dl dd{margin-left: 50px;} } @media screen and (max-width:991px){ ._hProBox{margin: 50px 0 56px 0;} ._hProBox .list{margin-top: 15px;} ._hProBox .list dl{margin-top: 15px;} ._hProBox .list dl dt{font-size: 22px; line-height: 35px;} ._hProBox .list dl dd{margin-left: 30px;} ._hProBox .list dl dd a{font-size: 16px; line-height: 35px; padding-bottom: 5px;} } @media screen and (max-width:767px){ ._hProBox{margin: 30px 0;} ._hProBox .list{margin-top: 10px;} ._hProBox .list dl{margin-top: 10px;} ._hProBox .list dl dt{font-size: 18px; line-height: 30px; margin-right: 0;} ._hProBox .list dl dd{margin-left: 15px;} ._hProBox .list dl dd a{font-size: 14px; line-height: 30px;} } .back1{float: left; width: 100%; background: #fafbfe; padding: 75px 0 160px 0;} ._hAppTit{float: left; width: 100%;} ._hAppTit ._hTit{width: auto;} ._hAppTit .more{float: right;} ._hAppTit .more a{float: left; width: 150px; height: 44px; text-align: center; font-size: 16px; line-height: 42px;color:#005bac; border:1px solid #005bac; display: block;} ._hAppTit .more a span{display: inline-block;} ._hAppTit .more a i{display: inline-block; width: 24px; height: 7px; margin:-4px 0 0 15px; vertical-align: middle; background: url("_im_g/ico2.png") no-repeat center; -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; } ._hAppTit .more a:hover{background: #005bac; color:#fff;} ._hAppTit .more a:hover i{background: url("_im_g/ico2_1.png") no-repeat center;} ._hAppList{float: left; width: 100%; margin-top: 90px;} ._hAppList .ulList{margin: 0 -13px;} ._hAppList .liBox{float: left; width: 100%; padding: 0 13px;} ._hAppList .liBox a{float: left; width: 100%; background: #fff;} ._hAppList .liBox a .tImg{float: left; width: 100%;line-height: 0} ._hAppList .liBox a .tImg img{width:100%;} ._hAppList .liBox .infoBox{float: left; width: 100%; background: #fff; border:1px solid #f1f5fa; height: 230px;} ._hAppList .liBox .dText{float: left; width: 100%; padding: 20px 15px 15px 15px; -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; } ._hAppList .liBox .dText .title{float: left; width: 100%; padding-bottom: 15px; position: relative; color:#001a32; font-size: 24px; line-height: 50px; text-align: center;} ._hAppList .liBox .dText .title:after{position: absolute; content: ''; width: 71%; height: 1px; background: #e8ebee; left:14.5%; bottom: 0;} ._hAppList .liBox .dText .title:before{position: absolute; content: ''; width: 60px; height: 2px; left: 50%; margin-left: -30px; bottom: 0; background: #005bac; z-index: 2;} ._hAppList .liBox .dText .info{float: left; width: 100%; text-align: center; margin-top: 26px; color:#627690; font-size: 16px;line-height: 30px; height: 90px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } ._hAppList .liBox .more{float: left; width: 100%; text-align:center; margin-top: 10px;line-height: 40px; display: none;} ._hAppList .liBox .more span{display: inline-block; color:#fff; font-size: 16px; } ._hAppList .liBox .more i{display: inline-block; width: 24px; height: 7px; margin:-4px 0 0 15px; vertical-align: middle; background: url("_im_g/ico2_1.png") no-repeat center; -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; } ._hAppList .liBox a:hover .infoBox{padding: 0 18px 18px 18px;} ._hAppList .liBox a:hover .dText{position: relative; margin-top: -133px; padding:47px 30px 44px 30px; background: rgba(0,91,172,0.72);} ._hAppList .liBox a:hover .dText:after{position: absolute; content: ''; width: 95%; height: 90%; border:1px solid #fff; opacity: 0.49; left: 2.5%; top:5%;} ._hAppList .liBox a:hover .dText .title{color:#fff;} ._hAppList .liBox a:hover .dText .info{color:#fff;} ._hAppList .liBox a:hover .dText .title:before{background: #fff;} ._hAppList .liBox a:hover .dText .title:after{background:#fff; opacity: 0.33;} ._hAppList .liBox a:hover .more{display: block; margin-top: 30px;} ._hAppList .slick-prev, ._hAppList .slick-next{width: 100px; height: 43px; left: 40%; background-size: cover; border: 1px solid #005bac; top: auto; bottom: -100px;} ._hAppList .slick-next{left: auto; right: 40%; background-size: cover;} ._hAppList .slick-arrow:hover{background:#005bac;} ._hAppList .slick-arrow::after{content:"";width: 20px;position: absolute;left: 50%; height: 1px;top: calc(50% + 2px);transform: translate(-50%,-50%);background: #005bac;} ._hAppList .slick-arrow::before{content: ""; width: 7px; height: 1px; background: #005bac; position: absolute; transform-origin: center; top: 19px; } ._hAppList .slick-arrow:hover::before{background: #fff;} ._hAppList .slick-arrow:hover::after{background: #fff;} ._hAppList .slick-next::before{right: 38px;transform: rotate(45deg);} ._hAppList .slick-prev::before{left: 38px;transform: rotate(135deg);} @media screen and (max-width:1629px){ .back1{padding: 70px 0 140px 0} ._hAppTit .more a{font-size: 15px;} ._hAppList{margin-top: 70px;} } @media screen and (max-width:1429px){ .back1{padding: 65px 0 120px 0} ._hAppTit .more a{font-size: 14px; width: 140px; height: 40px; line-height: 38px;} ._hAppList{margin-top: 60px;} ._hAppList .liBox .infoBox{height: 200px;} ._hAppList .liBox .dText{padding:15px} ._hAppList .liBox .dText .title{font-size: 20px; line-height: 45px; padding-bottom: 10px;} ._hAppList .liBox .dText .info{font-size: 14px; line-height: 26px; height: 78px;} ._hAppList .liBox .more span{font-size: 14px;} ._hAppList .liBox a:hover .infoBox{padding: 0 12px 12px 12px} ._hAppList .liBox a:hover .dText{margin-top: -95px; padding:30px;} ._hAppList .liBox a:hover .more{margin-top: 20px;} } @media screen and (max-width:1229px){ ._hAppList{margin-top: 50px;} ._hAppList .ulList{margin:0 -10px;} ._hAppList .liBox{padding: 0 10px;} ._hAppList .liBox .infoBox{height: 180px;} ._hAppList .liBox .dText .title{font-size: 18px; line-height: 40px; padding-bottom: 5px;} ._hAppList .liBox .dText .info{margin-top: 20px;} ._hAppList .liBox a:hover .dText{margin-top: -70px; padding:20px;} ._hAppList .liBox a:hover .more{margin-top: 10px;} } @media screen and (max-width:991px){ .back1{padding: 80px 0;} ._hAppList{margin-top: 45px;} ._hAppList .slick-prev, ._hAppList .slick-next{width: 80px; height: 34px; bottom: -60px;} ._hAppList .slick-next{right: 20%;} ._hAppList .slick-prev{left: 20%;} ._hAppList .slick-arrow::after{content:"";width: 20px;position: absolute;left: 50%; height: 1px;top: calc(50% + 2px);transform: translate(-50%,-50%);background: #005bac;} ._hAppList .slick-arrow::before{content: ""; width: 5px; height: 1px; background: #005bac; position: absolute; transform-origin: center; top: 19px; } ._hAppList .slick-next::before{right: 29px;top: 15px;} ._hAppList .slick-prev::before{left: 29px;top: 15px;} } @media screen and (max-width:767px){ .back1{padding: 60px 0;} ._hAppList{margin-top: 25px; padding: 0 20px;} ._hAppList .ulList{margin: 0;} ._hAppList .liBox .infoBox{height: 160px;} ._hAppList .liBox .dText .title{font-size: 16px; line-height: 30px;} ._hAppList .liBox .dText .info{font-size: 12px; line-height: 24px; height: 72px; margin-top: 15px;} ._hAppList .liBox .more span{font-size: 12px;} ._hAppList .liBox a:hover .dText{margin-top: -63px;} ._hAppList .liBox a:hover .more{margin-top: 5px;} } ._hNewsBox{float: left; width: 100%; margin: 90px 0 100px 0;} ._hNewsBox ._hTit{width: auto;} ._hNewsBox .hdBox{float: right; margin-top: 12px;} ._hNewsBox .hdBox ul{margin:0 -10px;} ._hNewsBox .hdBox li{float: left; width: 150px;height: 44px; border:1px solid #005bac; text-align: center; font-size: 16px; line-height: 42px; color:#005bac; margin: 0 10px; cursor: pointer; -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; } ._hNewsBox .hdBox li.on, ._hNewsBox .hdBox li:hover{background: #005bac; color:#fff;} ._hNewList{float: left; width: 100%; margin-top: 90px;} ._hNewList ul{float: left; width: 100%;} ._hNewList .left{float: left; width: 37.5%;} ._hNewList .left a{float: left; width: 100%; background: #fff;} ._hNewList .left .tImg{float: left; width: 100%; line-height: 0; overflow: hidden;} ._hNewList .left .tImg img{width: 100%; -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; } ._hNewList .left .dText{float: left; width: 100%; padding: 26px 30px 46px 35px;} ._hNewList .left .titH3{float: left; width: 100%; color:#001a32; font-size: 20px; line-height: 35px; font-weight: bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } ._hNewList .left .info{float: left; width: 100%; color:#627690; font-size: 16px; line-height: 30px; height: 60px; margin-top: 18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; } ._hNewList .left .time{float: left; margin-top: 19px; line-height: 38px; color:#627690; font-size: 16px;} ._hNewList .left .more{float: right; line-height: 38px; margin-top: 19px;} ._hNewList .left .more span{float: left; color:#005bac; font-size: 16px;} ._hNewList .left .more i{float: left; width: 24px; height: 7px; margin:14px 0 0 15px; vertical-align: middle; background: url("_im_g/ico2.png") no-repeat center; } ._hNewList .left a:hover{box-shadow: 0 13px 60px rgba(168,168,168,0.25); -ms-box-shadow: 0 13px 60px rgba(168,168,168,0.25); -moz-box-shadow: 0 13px 60px rgba(168,168,168,0.25); -webkit-box-shadow: 0 13px 60px rgba(168,168,168,0.25); } ._hNewList .left a:hover .titH3{color:#005bac;} ._hNewList .left a:hover .tImg img{ transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } ._hNewList .right{float: right; width: 60.5%;} ._hNewList .right .liBox{float: left; width: 100%; margin-top: 18px;} ._hNewList .right .liBox:first-child{margin-top: 0;} ._hNewList .right .liBox a{float: left; width: 100%; background: #fff; padding: 12px;} ._hNewList .right .liBox .lImg{float: left; width: 29.48%; overflow: hidden; line-height: 0;} ._hNewList .right .liBox .lImg img{width: 100%; -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; } ._hNewList .right .liBox .text{float: left; width: 50%; margin-left: 4%;} ._hNewList .right .liBox .text .titH3{float: left; width: 100%; color:#001a32; font-size: 20px; line-height: 35px; margin-top: 22px; font-weight:bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; -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; } ._hNewList .right .liBox .text .info{float: left; width: 100%; color:#627690; font-size: 16px; line-height: 30px; margin-top: 18px; height: 60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } ._hNewList .right .liBox .time{float: right; width: 13.46%; height: 134px; margin-top: 11.5px; border-left:2px solid #f7f7f7; text-align: center; padding-top: 33px;} ._hNewList .right .liBox .time span{display: block; font-size: 24px; line-height: 38px; color:#627690} ._hNewList .right .liBox .time em{display: block; font-size: 16px; color:#627690; line-height: 30px;} ._hNewList .right .liBox a:hover{box-shadow: 0 5px 15px rgba(168,168,168,0.25); -moz-box-shadow: 0 5px 15px rgba(168,168,168,0.25); -webkit-box-shadow: 0 5px 15px rgba(168,168,168,0.25); } ._hNewList .right .liBox a:hover .text .titH3{color:#005bac} ._hNewList .right .liBox a:hover .lImg img{ transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); } @media screen and (max-width:1629px){ ._hNewsBox{margin: 80px 0 90px 0;} ._hNewList{margin-top: 80px;} ._hNewList .left .dText{padding: 26px 30px 28px 35px;} ._hNewList .right .liBox .text .titH3{margin-top: 10px;} ._hNewList .right .liBox .time{height: 114px; padding-top: 24px;} } @media screen and (max-width:1429px){ ._hNewsBox{margin: 70px 0 80px 0;} ._hNewsBox .hdBox li{font-size: 14px; height: 40px; width: 140px; line-height: 38px;} ._hNewList{margin-top: 70px;} ._hNewList .left .titH3{font-size: 18px;} ._hNewList .left .info{font-size: 14px;} ._hNewList .left .time{font-size: 14px;} ._hNewList .left .more span{font-size: 14px;} ._hNewList .left .more i{margin: 16px 0 0 15px} ._hNewList .right .liBox{margin-top: 28px;} ._hNewList .right .liBox .text .titH3{font-size: 18px; margin-top: 5px;} ._hNewList .right .liBox .text .info{font-size: 14px; margin-top: 10px;} ._hNewList .right .liBox .time{height: 95px; padding-top: 14px;} ._hNewList .right .liBox .time span{font-size: 20px;} ._hNewList .right .liBox .time em{font-size: 14px;} } @media screen and (max-width:1229px){ ._hNewList{margin-top: 60px;} ._hNewList .left .dText{padding: 20px 20px 21px 20px} ._hNewList .left .titH3{font-size: 16px;} ._hNewList .left .info{line-height: 26px; height: 52px;} ._hNewList .right .liBox .text .titH3{font-size: 16px; margin-top: 0; line-height: 30px;} ._hNewList .right .liBox .text .info{line-height: 26px; height: 52px;} ._hNewList .right .liBox .time{height: 70px; padding-top: 10px;} ._hNewList .right .liBox .time span{font-size: 18px; line-height: 30px;} ._hNewList .right .liBox .time em{line-height: 24px;} } @media screen and (max-width:991px){ ._hNewsBox{margin: 60px 0;} ._hNewList{margin-top: 45px;} ._hNewList .left .dText{padding: 15px;} ._hNewList .left .info{margin-top: 10px;} ._hNewList .right .liBox .text .info{height: 26px;} ._hNewList .right .liBox .time{height: 50px; padding-top: 5px;} ._hNewList .right .liBox .time span{font-size: 16px; line-height: 20px;} ._hNewList .right .liBox .time em{font-size: 12px; line-height: 20px;} } @media screen and (max-width:767px){ ._hNewsBox{margin: 30px 0;} ._hNewsBox .hdBox{width: 100%; text-align: center; display: block; margin-top:20px;} ._hNewsBox .hdBox li{display: inline-block; float: none; width: 120px; height: 35px; line-height: 33px; margin: 0 5px;} ._hNewList{margin-top: 20px;} ._hNewList .left{width: 100%;} ._hNewList .right{width: 100%;} ._hNewList .right .liBox{margin-top: 10px;} ._hNewList .right .liBox:first-child{margin-top: 10px;} ._hNewList .right .liBox a{padding: 8px;} ._hNewList .right .liBox .lImg{height: 62px; position: relative} ._hNewList .right .liBox .lImg img{position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } ._hNewList .right .liBox .text .titH3{font-size: 15px;} ._hNewList .right .liBox .text .info{margin-top: 0; font-size: 12px;} ._hNewList .right .liBox a:hover .lImg img{ transform:scale(1.1) translate(-50%,-50%); -moz-transform:scale(1.1) translate(-50%,-50%); -webkit-transform:scale(1.1) translate(-50%,-50%); } ._hNewList .right .liBox .time{margin-top: 5px;} ._hNewList .right .liBox .time span{font-size: 14px;} } .back2{float: left; width: 100%; background: #fafbfe;} ._hConBox{float: left; width: 100%; margin: 90px 0 100px 0;} ._hConBox ._hTit{width: auto;} ._hConBox .hdBox{float: right;} ._hConBox .hdBox ul{margin:0 -10px;} ._hConBox .hdBox li{float: left; width: 150px;height: 44px; border:1px solid #005bac; text-align: center; font-size: 16px; line-height: 42px; color:#005bac; margin: 0 10px; cursor: pointer; -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; } ._hConBox .hdBox li.on, ._hConBox .hdBox li:hover{background: #005bac; color:#fff;} ._hConBox .bdConBox{float:left; width: 100%; margin-top: 70px;} ._hConBox .bdConBox ul{float: left; width: 100%;} ._hConBox .bdConBox li{float: left; width:49.4%; margin-top: 20px; background: #fff; border:1px solid #fff; padding:32px 6.25%; cursor: pointer; -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; } ._hConBox .bdConBox li:nth-child(2n){float: right;} ._hConBox .bdConBox li .topName{float: left; width: 100%; color:#001a32; font-size: 24px; line-height: 40px;} ._hConBox .bdConBox li .dlBox{float: left; width: 100%; margin-top: 9px;} ._hConBox .bdConBox li .dlBox dl{float: left; width: 100%; margin-top: 18px; position: relative; padding-left: 34px;} ._hConBox .bdConBox li .dlBox dl dt{position: absolute; left: 0; top:1px; width: 24px; height: 24px; line-height: 0;} ._hConBox .bdConBox li .dlBox dl dd{float: left; width: 100%; color:#627792; font-size: 16px; line-height: 26px; -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; } ._hConBox .bdConBox li:hover{border-color:#005bac; box-shadow: 0 7px 29px rgba(195,195,195,0.22); -moz-box-shadow: 0 7px 29px rgba(195,195,195,0.22); -webkit-box-shadow: 0 7px 29px rgba(195,195,195,0.22); } ._hConBox .bdConBox li:hover .topName{color:#005bac;} ._hConBox .bdConBox li:hover .dlBox dl dd{font-size: 18px;} @media screen and (max-width:1629px){ ._hConBox{margin: 80px 0 90px 0;} ._hConBox .bdConBox{margin-top: 60px;} } @media screen and (max-width:1429px){ ._hConBox{margin: 70px 0 80px 0;} ._hConBox .hdBox li{font-size: 14px;height: 40px;width: 140px;line-height: 38px;} ._hConBox .bdConBox{margin-top: 50px;} ._hConBox .bdConBox li{padding: 28px 5%;} ._hConBox .bdConBox li .topName{font-size: 20px; line-height: 35px;} ._hConBox .bdConBox li .dlBox dl{margin-top: 15px;} ._hConBox .bdConBox li .dlBox dl dd{font-size: 14px;} ._hConBox .bdConBox li:hover .dlBox dl dd{font-size: 16px;} } @media screen and (max-width:1229px){ ._hConBox .bdConBox li{padding: 25px 4%} ._hConBox .bdConBox li .dlBox dl dd{font-size: 12px;} ._hConBox .bdConBox li:hover .dlBox dl dd{font-size: 14px;} } @media screen and (max-width:991px){ ._hConBox{margin:60px 0;} ._hConBox .bdConBox{margin-top: 40px;} ._hConBox .bdConBox li{width: 100%;} } @media screen and (max-width:767px){ ._hConBox{margin:30px 0;} ._hConBox .bdConBox{margin-top:5px;} ._hConBox .bdConBox li{margin-top: 15px;padding: 15px;} ._hConBox .bdConBox li .topName{font-size: 18px;} ._hConBox .bdConBox li .dlBox{margin-top: 0;} ._hConBox .hdBox{display: block; text-align: center; width: 100%; margin-top: 20px;} ._hConBox .hdBox li{display: inline-block;float: none;width: 120px;height: 35px;line-height: 33px;margin: 0 5px;} } .bdConBox .messageBox{float: left; width: 100%;} .bdConBox .messageBox label{float: left; width: 47.8%; margin-top: 30px; position: relative; padding-left: 110px;} .bdConBox .messageBox label:nth-child(2n){float: right;} .bdConBox .messageBox label span{position: absolute; left: 0; top:0; width: 110px; line-height: 44px; color:#627690; font-size: 18px; text-align: right;} .bdConBox .messageBox label input{float: left; width: 100%; border:1px solid #d7dce5; background:none; height: 44px; line-height:42px; font-size: 18px; text-indent: 15px; color:#627690;} .bdConBox .messageBox label select{float: left; width: 100%; border:1px solid #d7dce5; background:none; height: 44px; line-height:42px; font-size: 18px; text-indent: 10px; color:#627690;} .bdConBox .messageBox label textarea{float: left; width: 100%; border:1px solid #d7dce5; background:none; padding: 8px 15px; font-size: 18px; line-height: 32px; height: 148px;} .bdConBox .messageBox label i{position: absolute; right:0; line-height: 0; top:1px;} .bdConBox .messageBox label input.sub{float:left; width: 48.5%; background: #005bac; color:#fff; border:1px solid #005bac; text-indent: 0;} .bdConBox .messageBox label input.res{float:right; width: 48.5%; background: #fafbfe; color:#005bac; border:1px solid #005bac;text-indent: 0; -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; } .bdConBox .messageBox label input.res:hover{background: #005bac; color:#fff;} @media screen and (max-width:1429px){ .bdConBox .messageBox label{margin-top: 20px;} .bdConBox .messageBox label span{font-size: 16px;} .bdConBox .messageBox label input{font-size: 16px;} .bdConBox .messageBox label select{font-size: 16px;} .bdConBox .messageBox label textarea{font-size: 16px;} } @media screen and (max-width:767px){ .bdConBox .messageBox label{width: 100%; margin-top: 15px; padding-left: 90px;} .bdConBox .messageBox label span{font-size: 14px; line-height: 40px;width: 90px;} .bdConBox .messageBox label input{height: 40px; line-height: 38px; font-size: 14px; text-indent: 10px;} .bdConBox .messageBox label select{font-size: 14px; text-indent: 5px; height: 40px; line-height: 38px;} .bdConBox .messageBox label textarea{font-size: 14px; line-height: 28px;padding:5px 10px;} .bdConBox .messageBox label i img{height: 38px;} } .introBox{float: left; width: 100%; background: #fff; padding: 28px 0; box-shadow: -10px 0 29px rgba(195,195,195,0.22); -moz-box-shadow: -10px 0 29px rgba(195,195,195,0.22); -webkit-box-shadow: -10px 0 29px rgba(195,195,195,0.22); } .introBox dl{float: left; width: 20.5%; margin-left: 4%; height: 130px; border-right: 1px dotted #627690;} .introBox dl:first-child{margin-left: 0;} .introBox dl .table{display: table; width: 100%; height: 130px; padding-left: 88px; position: relative;} .introBox dl .table .cell{display: table-cell; vertical-align: middle;} .introBox dl .table dt{position: absolute; left: 0; top:50%; width: 88px; height: 88px; border: 1px solid #627690; line-height: 0; margin-top: -44px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;} .introBox dl .table dd{float: left; width: 100%; padding-left: 7%;} .introBox dl .table dd span{display: block; color:#001a32; font-size: 20px; line-height: 40px;} .introBox dl .table dd em{display: block; color:#001a32; font-size: 16px; line-height: 30px; margin-top: 10px; opacity: 0.7;} .introBox dl:last-child{width:26.5%;border-right: 0;} @media screen and (max-width:1629px){ .introBox dl{height: 120px;} .introBox dl .table{height: 120px; padding-left: 78px;} .introBox dl .table dt{width: 78px; height: 78px; margin-top: -39px;} .introBox dl .table dd span{font-size: 18px;} .introBox dl .table dd em{font-size: 14px; margin-top: 0;} } @media screen and (max-width:1429px){ .introBox dl{height: 100px; width: 21%; margin-left: 3%;} .introBox dl .table{height: 100px;padding-left: 68px;} .introBox dl .table dt{width: 68px; height: 68px; margin-top: -34px;} .introBox dl .table dd span{font-size: 16px; line-height: 30px;} .introBox dl .table dd em{font-size: 12px;} .introBox dl:last-child{width: 27.5%} } @media screen and (max-width:1229px){ .introBox dl{height: 80px; margin-left: 2%;} .introBox dl .table{height: 80px; padding-left: 50px;} .introBox dl .table dt{width: 50px; height: 50px; margin-top: -25px;} .introBox dl .table dd span{font-size: 14px;} .introBox dl .table dd em{line-height: 20px;} .introBox dl:last-child{width: 30.5%} } @media screen and (max-width:767px){ .introBox{padding: 15px 0;} .introBox dl{width:100%;margin-left:0; border-right: 0; border-bottom: 1px dotted #627690; height: auto; padding: 10px 0;} .introBox dl:last-child{width: 100%; border-bottom: 0;} .introBox dl .table{height: auto;} } /*底部*/ .footerBox{float: left; width: 100%; background: #021229;} .footerBox .footLeft{float: left; width: 100%; margin-top: 32px;} .footerBox .footLeft .dLogo{float: left; line-height: 0;} .footerBox .footLeft .dNav{float: left; margin-left: 2.2%;} .footerBox .footLeft .dNav a{float: left; color:#ffffff; font-size: 16px; line-height: 37px; margin-left: 74px;} .footerBox .footLeft .dNav a:hover{color:#005bac; text-decoration:underline;} .footerBox .footLeft .shareBox{float: right;} .footerBox .footLeft .shareBox li{float: left; width: 34px;height: 34px; border:1px solid #fff; cursor: pointer; margin-left: 18px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -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; } .footerBox .footLeft .shareBox li:hover{border-color:#005bac; background: #005bac;} .footerBox .footDown{float: left; width: 100%; margin-top: 25px; padding: 15px 0 13px 0; border-top:1px solid rgba(255,255,255,0.1);} .footerBox .footDown .copyright{float: left; color:#fff; font-size: 16px; line-height: 40px; opacity: 0.6;} .footerBox .footDown .copyright a{color:#fff;} .footerBox .footDown .copyright a:hover{color:#005bac;} .footerBox .footDown .right{float: right; line-height: 40px;} .footerBox .footDown .right a.SiteMap{float: left; color:#fff; font-size: 16px;opacity: 0.6;} .footerBox .footDown .right a.SiteMap:hover{ text-decoration: underline; opacity: 1;} .footerBox .footDown .right span{float: left; font-size: 16px; color:#fff; margin: 0 10px; opacity: 0.2;} .footerBox .footDown .links{float: right; width:100px; height:40px; position: relative; } .footerBox .footDown .links h5{float:left; width: 100%; height:40px; padding-right: 33px; cursor: pointer; color:#fff; font-size: 16px; background: url("_im_g/footer5.png") no-repeat right center; opacity: 0.6;} .footerBox .footDown .links ul{position: absolute; display: none; width: 160px; text-align: center; background: rgba(255,255,255,0.95); bottom:50px; right: 0; padding: 10px 10px;} .footerBox .footDown .links ul:after{position: absolute; content: ''; width: 0; height: 0; right: 20px; bottom: -7px; border-left:7px solid transparent; border-right:7px solid transparent; border-top:7px solid rgba(255,255,255,0.95);; } .footerBox .footDown .links ul .Box{float: left; width: 100%; max-height: 150px; padding-right:10px;overflow:hidden;overflow-y:auto;scrollbar-width:thin;} .footerBox .footDown .links ul .Box::-webkit-scrollbar {width:3px} .footerBox .footDown .links ul .Box::-webkit-scrollbar-track { background-color:#e5e5e5; border-radius:3px} .footerBox .footDown .links ul .Box::-webkit-scrollbar-thumb { width:3px;height:40px; background-color:#005bac; border-radius:3px } .footerBox .footDown .links ul li{float: left; width: 100%; } .footerBox .footDown .links ul li a{ float: left; width: 100%; line-height:30px; text-align: left; color:#333333;font-size: 14px; position: relative; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .footerBox .footDown .links ul li a:after{position: absolute; content: ''; left: 0; top:0; line-height: 30px; font-size:14px;} .footerBox .footDown .links ul li a:hover{color:#005bac;padding-left: 12px;} .footerBox .footDown .links ul li a:hover:after{content: '-';} @media screen and (max-width:1629px) { .footerBox .footLeft .dNav a{margin-left: 53px;} } @media screen and (max-width:1429px) { .footerBox .footLeft .dNav a{font-size: 14px; margin-left:35px;} .footerBox .footDown .copyright{font-size: 14px;} .footerBox .footDown .right a.SiteMap{font-size: 14px;} .footerBox .footDown .right span{font-size: 14px;} .footerBox .footDown .links{width: 85px;} .footerBox .footDown .links h5{font-size: 14px; padding-right: 20px;} } @media screen and (max-width:1229px) { .footerBox .footLeft .dLogo{margin-top: 3px;} .footerBox .footLeft .dLogo img{height: 30px;} .footerBox .footLeft .dNav{margin-left: 0;} .footerBox .footLeft .dNav a{margin-left: 20px;} .footerBox .footLeft .shareBox li{width: 30px; height: 30px; margin: 2px 0 0 15px;} } @media screen and (max-width:991px) { .footerBox .footLeft .dLogo{margin-top: 0; width: 100%; margin-bottom: 10px;} .footerBox .footLeft .dNav a:first-child{margin-left: 0;} .footerBox .footDown .copyright{width: 100%;} .footerBox .footDown .right{float: left;} } @media screen and (max-width:767px) { .footerBox{margin-bottom: 50px;} .footerBox .footLeft{margin-top: 30px;} .footerBox .footLeft .dLogo{margin-bottom: 15px;} .footerBox .footLeft .dNav{display: none;} .footerBox .footLeft .shareBox{float: left;} .footerBox .footLeft .shareBox li:first-child{margin-left: 0;} .footerBox .footDown{margin-top: 20px;} .footerBox .footDown .copyright{font-size: 12px; line-height: 26px;} .footerBox .footDown .right{line-height: 30px;} .footerBox .footDown .right a.SiteMap{font-size: 12px;} .footerBox .footDown .right span{font-size: 12px;} .footerBox .footDown .links{height: 30px; width: 75px;} .footerBox .footDown .links h5{font-size: 12px; line-height: 30px; height: 30px;} .footerBox .footDown .links ul li a{font-size: 12px;} } /*1关于我们-简介*/ .currentName{position: absolute; width: 100%; left: 0; top:50%; color:#ffffff; font-size: 60px; line-height: 60px; text-align: center; font-weight: bolder; letter-spacing: 5px; transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); } @media screen and (max-width:1429px){ .currentName{font-size: 50px;} } @media screen and (max-width:1229px){ .currentName{font-size: 40px;} } @media screen and (max-width:767px){ .currentName{font-size: 30px;} } /*二级导航*/ #obtn .slideBox{ float:left; width:100%; border-bottom:1px solid #ddd; height:70px;} #obtn .slideBox.active{position: fixed; left: 0; top:0; z-index: 2; background: #fff;} #obtn .slideBox .pz_SideLayer{ float:left; width: 100%; display: block;text-align: center;} #obtn .slideBox .pz_SideLayer .l1{ display: inline-block; margin: 0 60px;} #obtn .slideBox .pz_SideLayer .l1 a{ float:left; line-height:70px; min-width: 60px; color:#001a32; font-size:16px; position:relative;} #obtn .slideBox .pz_SideLayer .l1 a:after{ float:left; width:0; height:2px; content:''; position:absolute; left:50%; bottom:0; background:#005bac; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%);} #obtn .slideBox .pz_SideLayer .l1.on a, #obtn .slideBox .pz_SideLayer .l1:hover a{ color:#005bac;} #obtn .slideBox .pz_SideLayer .l1.on a:after, #obtn .slideBox .pz_SideLayer .l1:hover a:after{ width:100%;} @media screen and (max-width:1429px){ #obtn .slideBox .pz_SideLayer .l1{margin: 0 40px;} #obtn .slideBox .pz_SideLayer .l1 a{font-size: 15px;} } @media screen and (max-width:1229px){ #obtn .slideBox{height: 60px;} #obtn .slideBox .pz_SideLayer .l1{margin: 0 30px;} #obtn .slideBox .pz_SideLayer .l1 a{line-height: 60px; font-size: 14px;} } @media screen and (max-width:991px){ #obtn .slideBox{height:46px;} #obtn .slideBox .pz_SideLayer .l1{margin: 0 20px;} #obtn .slideBox .pz_SideLayer .l1 a{ height:46px; min-width: auto; line-height:46px; font-size:14px;} } @media screen and (max-width:767px){ #obtn .slideBox{white-space:nowrap; height:46px;} #obtn .slideBox .container{ overflow-x:scroll; white-space:nowrap;} #obtn .slideBox .pz_SideLayer{ overflow-x:scroll; white-space:nowrap;} #obtn .slideBox .pz_SideLayer .l1{ float:none; display:inline-block; white-space:nowrap;margin: 0 10px;} } ._pAboutBox{float: left; width: 100%; margin: 100px 0;} ._pAboutBox .lImg{float: left; width: 42.5%; line-height: 0; position: relative} ._pAboutBox .lImg img{width: 100%;} ._pAboutBox .lImg .img{position: absolute; width: 92.64%; right: 0; top:50%; line-height: 0; overflow: hidden; transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); } ._pAboutBox .lImg .img img{ -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; } ._pAboutBox .lImg .img:hover img{ transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } ._pAboutBox .rText{float: right; width: 51%; color:#627792; font-size: 16px; line-height: 36px;} @media screen and (max-width:1629px){ ._pAboutBox{margin: 90px 0;} ._pAboutBox .rText{width: 53%; font-size: 15px; line-height: 32px;} } @media screen and (max-width:1429px){ ._pAboutBox{margin: 80px 0;} ._pAboutBox .rText{font-size: 14px; line-height: 28px;} } @media screen and (max-width:1229px){ ._pAboutBox{margin: 70px 0;} ._pAboutBox .rText{font-size: 12px; line-height: 26px;} } @media screen and (max-width:991px){ ._pAboutBox{margin: 60px 0;} ._pAboutBox .lImg{width: 100%;} ._pAboutBox .rText{width: 100%; margin-top: 25px;} } @media screen and (max-width:767px){ ._pAboutBox{margin: 30px 0;} ._pAboutBox .lImg .img{width: 96%;} ._pAboutBox .rText{margin-top: 20px;} } /*2关于我们-企业文化*/ ._pCultureList{float: left; width: 100%; margin: 100px 0;} ._pCultureList ul{float: left; width: 100%;} ._pCultureList li{float: left; width: 20%;} ._pCultureList li .tImg{float: left; width: 100%; line-height: 0; overflow: hidden;} ._pCultureList li .tImg img{width: 100%; -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; } ._pCultureList li:hover .tImg img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1); } ._pCultureList li .dText{float: left; width: 100%; line-height: 0; background: #f7f7f7; position: relative;} ._pCultureList li .dText img{width: 100%;} /*20221201start*/ ._pCultureList li .dText .info{position: absolute; width: 100%;padding: 0 15%; left: 0; top:50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} ._pCultureList li .dText .info h2.h2{float: left; width: 100%; color:#001a32; font-size: 24px; line-height: 40px; padding-bottom: 20px; position: relative} ._pCultureList li .dText .info h2.h2:after{position: absolute; content: ''; width: 40px; height: 2px; background: #005bac; left: 0; bottom:0;} ._pCultureList li .dText .info .words{float: left; width: 100%; color:#627792; font-size: 16px; line-height: 30px; margin-top: 23px;} @media screen and (max-width:1629px){ ._pCultureList{margin: 90px 0;} ._pCultureList li .dText .info{top:50%;} ._pCultureList li .dText .info h2.h2{font-size: 22px; padding-bottom: 15px;} ._pCultureList li .dText .info .words{margin-top: 18px; font-size: 15px; line-height: 28px;} } @media screen and (max-width:1429px){ ._pCultureList{margin: 80px 0;} ._pCultureList li .dText .info{top:50%;} ._pCultureList li .dText .info h2.h2{font-size: 20px; line-height: 30px;} ._pCultureList li .dText .info .words{font-size: 14px; line-height: 26px; margin-top: 10px;} } @media screen and (max-width:1229px){ ._pCultureList{margin: 70px 0;} ._pCultureList li .dText .info{padding: 0 10%; top:50%;} ._pCultureList li .dText .info h2.h2{font-size: 18px; padding-bottom: 10px;} ._pCultureList li .dText .info .words{font-size: 12px; line-height: 24px;} } @media screen and (max-width:991px){ ._pCultureList{margin: 60px 0;} ._pCultureList li{width: 33.333%;} ._pCultureList li:nth-child(4), ._pCultureList li:nth-child(5){width: 50%;} } @media screen and (max-width:767px){ ._pCultureList{margin:30px 0;} ._pCultureList li{width: 100%; margin-top: 15px;} ._pCultureList li:nth-child(4), ._pCultureList li:nth-child(5){width: 100%;} ._pCultureList li:first-child{margin-top: 0;} ._pCultureList li .dText img{display: none;} ._pCultureList li .dText .info{position: static;float: left; top:0; padding: 15px; transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0);} ._pCultureList li .dText .info h2.h2{font-size: 16px;} ._pCultureList li .tImg{width: 50%;height: 128px;position: relative;overflow: hidden;} ._pCultureList li .tImg img{width: 100%;min-height: 100%;position: absolute;left: 0;top: 0;} ._pCultureList li .dText{width: 50%;height: 128px;} ._pCultureList li .dText .info .words{overflow: hidden; overflow-y: auto; scrollbar-width: thin; max-height: 48px;} ._pCultureList li .dText .info .words::-webkit-scrollbar{ display: none;} } /*20221201end*/ /*3关于我们-公司荣誉*/ ._pHonorBox{float: left; width: 100%;margin: 70px 0; position: relative;} ._pHonorBox .honorTop{float:left; width: 100%;} ._pHonorBox .honorTop .slick-list{padding: 30px 0;} ._pHonorBox .honorTop .lImg{float: left; width: 43%; background: #fff; line-height: 0; padding: 38px 3.625%; box-shadow: 0 7px 29px rgba(176,176,176,0.24); -moz-box-shadow: 0 7px 29px rgba(176,176,176,0.24); -webkit-box-shadow: 0 7px 29px rgba(176,176,176,0.24); } ._pHonorBox .honorTop .rText{float: right; width: 53.5%; margin-top: 40px;} ._pHonorBox .honorTop .rText .year{float: left; width: 100%; color:#005bac; font-size: 24px; line-height: 40px; font-weight: bolder;} ._pHonorBox .honorTop .rText .info{float: left; width: 100%;margin-top: 20px; color:#333; font-size: 18px; line-height: 36px;} ._pHonorBox .honorSmall{position: absolute; right: 0; bottom: 0; width: 54.375%;} ._pHonorBox .honorSmall .honUl{margin: 0 -8px;} ._pHonorBox .honorSmall .honUl .slick-list{padding: 30px 0;} ._pHonorBox .honorSmall ._li{float: left; width: 100%; padding: 0 8px;} ._pHonorBox .honorSmall .img{float: left; width: 100%; padding: 20px; line-height: 0; background: #fff; text-align:center; box-shadow: 0 7px 15px rgba(176,176,176,0.24); -moz-box-shadow: 0 7px 15px rgba(176,176,176,0.24); -webkit-box-shadow: 0 7px 15px rgba(176,176,176,0.24); } ._pHonorBox .honorSmall .slick-prev, ._pHonorBox .honorSmall .slick-next{width: 30px; height: 30px; background: #d0d0d0;left: auto; right: 6px; top:-22px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } ._pHonorBox .honorSmall .slick-next{right:50px;} ._pHonorBox .honorSmall .slick-next:after{position: absolute; content: ''; width: 30px; height: 30px; left: 0; top:0; background: url("_im_g/about12.png") no-repeat center; background-size: cover;} ._pHonorBox .honorSmall .slick-prev:after{position: absolute; content: ''; width: 30px; height: 30px; left: 0; top:0; background: url("_im_g/about13.png") no-repeat center; background-size: cover;} ._pHonorBox .honorSmall .slick-prev:hover, ._pHonorBox .honorSmall .slick-next:hover{background: #005bac;} @media screen and (max-width:1629px){ ._pHonorBox{margin: 60px 0;} ._pHonorBox .honorTop .rText .year{font-size: 22px;} ._pHonorBox .honorTop .rText .info{font-size: 16px; line-height: 32px;} } @media screen and (max-width:1429px){ ._pHonorBox{margin: 50px 0;} ._pHonorBox .honorTop .rText{margin-top: 25px;} ._pHonorBox .honorTop .rText .info{margin-top: 15px;} } @media screen and (max-width:1229px){ ._pHonorBox{margin: 40px 0;} ._pHonorBox .honorTop .rText{margin-top:15px;} ._pHonorBox .honorTop .rText .year{font-size: 20px;} ._pHonorBox .honorTop .rText .info{font-size: 14px; line-height: 28px; margin-top: 10px;} ._pHonorBox .honorSmall .img{padding: 15px;} ._pHonorBox .honorSmall .slick-prev, ._pHonorBox .honorSmall .slick-next{width: 25px; height: 25px;top: -8px;} ._pHonorBox .honorSmall .slick-next{right: 40px;} ._pHonorBox .honorSmall .slick-next:after{width:25px; height:25px;} ._pHonorBox .honorSmall .slick-prev:after{width:25px; height: 25px;} } @media screen and (max-width:991px){ ._pHonorBox{margin: 30px 0;} ._pHonorBox .honorTop .rText{margin-top: 0;} ._pHonorBox .honorTop .rText .info{margin-top: 5px;} } @media screen and (max-width:767px){ ._pHonorBox{margin: 0;} ._pHonorBox .honorTop{} ._pHonorBox .honorTop .slick-list{padding:5px;} ._pHonorBox .honorTop .lImg{width: 100%;padding:15px; background:none;box-shadow:none} ._pHonorBox .honorTop .rText{width: 100%;} ._pHonorBox .honorTop .slick-slide{background:#fff; box-shadow: 0 7px 15px rgba(176,176,176,0.54); -moz-box-shadow: 0 7px 15px rgba(176,176,176,0.54); -webkit-box-shadow: 0 7px 15px rgba(176,176,176,0.54); padding:10px;} ._pHonorBox .honorTop .rText .year{font-size: 18px; line-height: 30px; margin-top: 15px;} ._pHonorBox .honorTop .rText .info{font-size: 12px; line-height: 24px;} ._pHonorBox .honorSmall{position: static; float: left; width: 100%;padding-top:30px;} ._pHonorBox .honorSmall .honUl{margin: 0 -5px;} ._pHonorBox .honorSmall ._li{padding: 0 5px;} } /*5关于我们-招聘信息*/ .joinlist{ float:left; width: 100%; margin: 100px 0;} .joinlist ul{ float: left; width: 100%;} .joinlist ul li{ float: left; width: 100%; margin-top:30px; position: relative; } .joinlist ul li:first-child{margin-top: 0;} .joinlist ul li .join_list{ float: left; width: 100%; padding:0 40px; background: #f4f4fc; color:#001a32;} .joinlist ul li .join_list .Job_title{float: left; width: 100%; font-size: 20px;line-height: 70px; padding-left: 15px; border-bottom: 1px solid rgba(149,149,149,0.2);} .joinlist ul li .join_list dl{ float: left; width: 100%; padding-left: 15px;} .joinlist ul li .join_list dd{float: left; width:22.8%; font-size:18px; line-height: 70px; margin: 0;} .joinlist ul li .join_list.active{background: #005bac; color:#fff;} .joinlist .deta{ display:none; width:100%; float:left;color:#627792; line-height:36px; font-size:16px; position:relative; background:#f4f4fc; padding:28px 40px 66px 55px ;} .joinlist .deta span{color:#001a32; font-size: 18px; line-height: 65px;} .joinlist #lermore{ position: absolute; right: 40px; top:70px; width: 26px; height:70px; background: url(_im_g/join1.png) no-repeat center; cursor: pointer;} .joinlist .join_list.active #lermore{background: url(_im_g/join2.png) no-repeat center;} @media screen and (max-width:1629px){ .joinlist{ margin: 90px 0;} .joinlist ul li .join_list .Job_title{font-size: 18px;} .joinlist ul li .join_list dd{font-size: 16px;} .joinlist .deta{font-size: 14px; line-height: 32px;} .joinlist .deta span{font-size: 16px;} } @media screen and (max-width:1429px){ .joinlist{ margin: 60px 0;} } @media screen and (max-width:1229px){ .joinlist{ margin: 70px 0;} .joinlist ul li .join_list{padding: 0 30px;} .joinlist ul li .join_list .Job_title{line-height: 60px;} .joinlist ul li .join_list dd{line-height: 60px;} .joinlist #lermore{ top:60px; height: 60px; right: 30px;} .joinlist .deta{padding: 20px 30px 45px 45px} } @media screen and (max-width:991px){ .joinlist{ margin: 60px 0;} .joinlist ul li{ margin-top:20px;} .joinlist ul li .join_list{padding: 0 20px;} .joinlist ul li .join_list .Job_title{font-size: 16px; line-height: 50px; padding-left: 5px;} .joinlist ul li .join_list dl{padding-left: 5px;} .joinlist ul li .join_list dd{font-size: 14px; line-height: 50px;} .joinlist #lermore{height: 50px; background-size: 20px; top:50px; right: 20px;} .joinlist .join_list.active #lermore{background-size: 20px;} .joinlist .deta{padding: 15px 20px 35px 25px; font-size: 12px; line-height: 28px;} .joinlist .deta span{font-size: 14px; line-height: 50px;} } @media screen and (max-width:767px){ .joinlist{ margin: 30px 0;} .joinlist ul li{ margin-top:15px;} .joinlist ul li .join_list{padding:0 15px;} .joinlist ul li .join_list .Job_title{font-size: 14px; padding-left: 0;} .joinlist ul li .join_list dl{width: 100%; padding: 10px 0;} .joinlist ul li .join_list dd{width:50%; font-size: 12px; line-height: 35px;} .joinlist #lermore{top:0; right: 15px;} .joinlist .btn{ position:static; margin-top:10px; width:140px; height:36px; line-height:34px;} .joinlist .deta{padding: 15px 15px 20px 15px; line-height: 24px;} } .newsList{ float:left; width:100%; margin: 100px 0;} .newsList li{ float:left; width:100%; padding:30px 60px 30px 26px; background: #f6f6f6; position:relative; margin-top: 40px; -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; } .newsList li:after{position: absolute; content: ''; width: 1px; height: 100%; left: 400px; top:0; background: #fff;} .newsList li:first-child{margin-top: 0;} .newsList .la{ float:left; width:100%; position:relative; height:186px;} .newsList .img{ float:left; width:330px; height:186px; line-height:0; overflow:hidden; position:absolute; left:0; top:0;} .newsList .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;} .newsList li:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .newsList .cont{ float:left; width:100%; padding:0 0 0 420px;} .newsList .tit{ float:left; width:100%; color:#001a32; font-size:20px; line-height:40px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .newsList .info{ float:left; width:100%; color:#627690; font-size:16px; line-height:30px; height:60px; overflow:hidden; margin-top: 13px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; } .newsList .time{ float:left; color:#627690; font-size:16px; line-height: 30px; margin-top: 22px;} .newsList .more{ float:right; line-height: 30px; margin-top: 22px; padding-right: 38px; color:#627690; font-size: 16px; background: url("_im_g/ico2_2.png") no-repeat right center;} .newsList li:hover{ background:#fff; box-shadow: 0 6px 27px rgba(0,0,0,0.11); -moz-box-shadow: 0 6px 27px rgba(0,0,0,0.11); -webkit-box-shadow: 0 6px 27px rgba(0,0,0,0.11); } .newsList li:hover .tit{ color:#005bac;} .newsList li:hover .more{ color:#005bac; background: url("_im_g/ico2.png") no-repeat right center;} @media screen and (max-width:1629px){ .newsList{margin: 90px 0;} .newsList .tit{font-size: 18px;} } @media screen and (max-width:1429px){ .newsList{margin: 60px 0;} } @media screen and (max-width:1229px){ .newsList{margin: 70px 0;} .newsList li{margin-top: 30px; padding:25px 40px 25px 25px} .newsList li:after{left: 340px;} .newsList .la{height: 160px;} .newsList .img{width: 285px;height: 160px;} .newsList .cont{padding-left: 345px;} .newsList .tit{font-size: 16px; line-height: 30px;} .newsList .info{font-size: 14px; line-height: 26px; height: 52px;} .newsList .time{font-size: 14px;} .newsList .more{font-size: 14px;} } @media screen and (max-width:991px){ .newsList{margin: 60px 0;} .newsList li{margin-top:20px} } @media screen and (max-width:767px){ .newsList{margin: 30px 0;} .newsList li{margin-top:15px; padding: 15px;} .newsList li:after{display: none;} .newsList .la{height: auto;} .newsList .img{width: 100%; position: static;} .newsList .cont{padding-left: 0; margin-top: 15px;} .newsList .tit{font-size: 15px;} .newsList .info{font-size: 12px; line-height: 24px; height: 48px; margin-top: 5px;} .newsList .time{font-size: 12px; margin-top: 12px;} .newsList .more{font-size: 12px; margin-top: 12px;} } /* 分页 */ .wack1{ float:left; width:100%; padding:100px 0 0 0; display:flex;justify-content:center;align-items:center;} .pz_fy{ display:inline-block; *display:inline; *zoom:1;} .pz_fy a{ float:left; width:32px; height:32px; line-height:32px; border-radius:38px; -moz-border-radius:38px; -webkit-border-radius:38px; border: #e2e2e2 1px solid; color:#272727; font-size:14px; font-family:Arial; margin:0 8px; text-align: center;} .pz_fy a:hover, .pz_fy a.on{color:#fff; border:#005bac 1px solid; background-color:#005bac;} .pz_fy .l_fy{ background:url(_im_g/ico3_2.png) center no-repeat; width:100px; display:inline-block; *display:inline; *zoom:1;} .pz_fy .r_fy{ background:url(_im_g/ico2_2.png) center no-repeat; width:100px; display:inline-block; *display:inline; *zoom:1;} .pz_fy .l_fy:hover{ background:url(_im_g/ico3.png) center no-repeat #005bac;} .pz_fy .r_fy:hover{ background:url(_im_g/ico2_1.png) center no-repeat #005bac;} .wack1 .pageNumber{display: inline-block; margin-left: 3.5%; color:#222222; font-size: 14px; line-height: 30px;} .wack1 .pageNumber span{color:#005bac} @media screen and (max-width:1680px){ .wack1{padding-top: 40px;} } @media screen and (max-width:991px){ .wack1{padding:30px 0 0 0;} .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;} .fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #005bac; background:#005bac; border-radius:16px; overflow:hidden;} .fy_pc span{ padding:5px 20px; color:#272727;} } /*7新闻中心-详情*/ ._pNewInfo{float: left; width: 100%; padding: 50px 0 160px 0; overflow: hidden;} ._pNewInfo .lNewIN{float: left; width: 69%;} ._pNewInfo .lNewIN .tit{float: left; width: 100%; color:#001a32; font-size: 24px; line-height: 40px; text-align: left;} ._pNewInfo .lNewIN .publish{float: left; width: 100%; color:#777; font-size: 14px; line-height:30px; margin-top: 20px; display: block; text-align: left; padding-bottom: 32px; border-bottom: 1px solid #d7d8d8;} ._pNewInfo .lNewIN .publish span{display: inline-block; margin: 0 65px 0 0;} ._pNewInfo .lNewIN .words{float: left; width: 100%; padding: 42px 0 53px 0;} ._pNewInfo .lNewIN .words .textBox{float: left; width: 100%; color:#627690; font-size: 16px; line-height: 30px;} ._pNewInfo .shareNews{float:left; width: 100%; margin-top: 98px; display: block; text-align: center;} .bshare-custom #bshare-shareto{font-weight: 500!important;} .bshare-custom .bshare-more{color:#666666!important;} .bshare-custom a{margin-right: 12px!important;} .bshare-custom a:last-child{margin-right: 0!important;} .bshare-custom.icon-medium a{line-height: 26px; height: 26px!important; padding-left: 26px!important;} .bshare-custom.icon-medium .bshare-weixin{background: url("_im_g/shareWX.jpg")!important;} .bshare-custom.icon-medium .bshare-qqim{background: url("_im_g/shareQQ.jpg")!important;} .bshare-custom.icon-medium .bshare-qzone{background: url("_im_g/shareKJ.jpg")!important;} .bshare-custom.icon-medium .bshare-qqmb{background: url("_im_g/shareTX.jpg")!important;} .bshare-custom.icon-medium .bshare-sinaminiblog{background: url("_im_g/shareWB.jpg")!important;} ._pNewInfo .rRecom{float:right; width: 27.56%;} ._pNewInfo .rRecom .tit{float: left; width: 100%; height: 166px; line-height: 46px; font-size: 24px; text-align: center; color:#fff; letter-spacing: 2px; padding: 60px 0; background: url("_im_g/new3.jpg") no-repeat center; background-size: cover; position: relative;} ._pNewInfo .rRecom .tit:after{position: absolute; content: ''; width: 22.67%; height: 1px; background: url("_im_g/new4.png") no-repeat; background-size: 100% 100%; left: 50%; top:50%; margin-left: -40%;} ._pNewInfo .rRecom .tit:before{position: absolute; content: ''; width: 22.67%; height: 1px; background: url("_im_g/new5.png") no-repeat; background-size: 100% 100%; right: 50%; top:50%; margin-right: -40%;} ._pNewInfo .rRecom ul{float: left; width: 100%; background:#f7f7f7; position: relative} ._pNewInfo .rRecom ul:after{position: absolute; content: ''; width: 100%;height:100%; background: #f7f7f7; right: 0; bottom: -50%; z-index: -1;} ._pNewInfo .rRecom li{float: left; width: 100%;} ._pNewInfo .rRecom li a{float: left; width: 100%; padding: 16px 25px 0 25px; color:#001a32;} ._pNewInfo .rRecom li a .h2{float: left; width: 100%; font-size: 16px; line-height: 35px; padding: 0 15px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } ._pNewInfo .rRecom li a .time{float: left; width: 100%; color:#627690; font-size: 14px; margin-top: 18px; line-height: 26px; padding: 0 15px 16px 15px; border-bottom: 1px solid #e7e7e7; -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; } ._pNewInfo .rRecom li a:hover{color:#fff; background: #005bac;} ._pNewInfo .rRecom li a:hover .time{color:#fff;} @media screen and (max-width:1629px){ ._pNewInfo{padding: 50px 0 140px 0} ._pNewInfo .lNewIN .tit{font-size: 22px;} ._pNewInfo .lNewIN .publish{padding-bottom:25px; margin-top: 15px;} ._pNewInfo .rRecom .tit{height: 146px; padding: 50px 0; font-size: 22px;} ._pNewInfo .lNewIN .words .textBox{font-size: 15px;} ._pNewInfo .rRecom li a .h2{font-size: 15px;} ._pNewInfo .rRecom li a .time{margin-top: 12px;} } @media screen and (max-width:1429px){ ._pNewInfo{padding: 50px 0 120px 0} ._pNewInfo .lNewIN .tit{font-size: 20px;} ._pNewInfo .shareNews{margin-top: 75px;} ._pNewInfo .rRecom .tit{font-size: 20px; height: 126px; padding: 40px 0;} ._pNewInfo .rRecom li a{padding: 13px 15px 0 15px} ._pNewInfo .rRecom li a .h2{padding: 0 10px;} ._pNewInfo .rRecom li a .time{padding: 0 10px 13px 10px; margin-top: 10px;} } @media screen and (max-width:991px){ ._pNewInfo{padding: 40px 0 80px 0} ._pNewInfo .lNewIN .tit{font-size:18px; line-height: 32px;} ._pNewInfo .lNewIN .publish{font-size: 12px;padding-bottom: 20px;margin-top: 10px;} ._pNewInfo .lNewIN .publish span{margin-right: 40px;} ._pNewInfo .lNewIN .words{padding: 30px 0 40px 0} ._pNewInfo .lNewIN .words .textBox{font-size: 14px; line-height: 26px;} .bshare-custom a {margin-right: 8px !important;} ._pNewInfo .rRecom .tit{font-size: 18px; padding: 30px 0; height:106px; } ._pNewInfo .rRecom li a .h2{font-size: 14px; line-height: 30px;} ._pNewInfo .rRecom li a .time{font-size: 12px; line-height: 24px;} } @media screen and (max-width:767px){ ._pNewInfo{padding: 20px 0 0 0; margin-bottom: 30px;} ._pNewInfo .lNewIN{width: 100%; margin-top: 0;} ._pNewInfo .lNewIN .tit{margin-top: 0; font-size:16px; line-height: 28px;} ._pNewInfo .lNewIN .publish{padding-bottom: 15px;margin-top: 5px;} ._pNewInfo .lNewIN .publish span{margin-right:15px;} ._pNewInfo .lNewIN .publish span:last-child{margin-right: 0;} ._pNewInfo .lNewIN .words{padding: 20px 0;} ._pNewInfo .lNewIN .words .textBox{font-size: 12px; line-height: 24px;} ._pNewInfo .shareNews{margin-top: 25px;display: none;} ._pNewInfo .rRecom{width: 100%; margin-top: 25px;} ._pNewInfo .rRecom .tit{height: 80px; line-height:80px; padding: 0; font-size: 16px;} ._pNewInfo .rRecom ul{padding-bottom: 30px;} ._pNewInfo .rRecom ul:after{display: none;} ._pNewInfo .rRecom li a{padding: 13px 10px 0 10px;} ._pNewInfo .rRecom li a .h2{font-size: 14px;} ._pNewInfo .rRecom li a .time{font-size: 12px; margin-top: 0;} } /*上下翻页*/ .UPDOWN{float: left; width: 100%; border-top:1px solid #cfcfcf; padding-top:23px; display: block; text-align: center;} .UPDOWN .up{float: left; width:30%; text-align: left} .UPDOWN .up.right{float: right; text-align: right;} .UPDOWN .up a{float: left; width: 100%; line-height: 26px;} .UPDOWN .up a span{display: block; font-size: 14px; color:#8b8b8b;} .UPDOWN .up a .p1{display: block; font-size: 14px; color:#333333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .UPDOWN .up.right i{margin:0 0 0 6px;} .UPDOWN .up.right a span{margin-left: 6px} .UPDOWN .up a:hover .p1{color:#005bac;} .UPDOWN .return{display: inline-block; line-height: 38px; margin-top: 7px;} .UPDOWN .return a{float: left; color:#666666; font-size: 16px;font-weight: bold;} .UPDOWN .return i{float: left;} .UPDOWN .return span{float: left; margin-left: 10px;} .UPDOWN .return a:hover{color:#005bac} @media screen and (max-width:1629px){ .UPDOWN .return a{font-size: 15px;} } @media screen and (max-width:767px){ .UPDOWN{padding-top: 15px;} .UPDOWN .up{width: 65%;} .UPDOWN .up a{position: relative; padding-left: 43px;} .UPDOWN .up a span{font-size: 12px; margin: 0; position: absolute; left: 0; top:0;} .UPDOWN .up a .p1{display: inline;float: left; width: 100%;} .UPDOWN .up.right{float: left; text-align: left;} .UPDOWN .up.right a span{margin-left: 0;} .UPDOWN .up a{line-height: 24px;} .UPDOWN .up a .p1{font-size: 12px; } .UPDOWN .return{line-height: 30px; margin-top:9px; float: right;} .UPDOWN .return a{font-size: 12px;} } /*8品质技术*/ .back3{background: #fafbfe;} .systemBox{float: left; width: 100%; margin: 90px 0 100px 0;} .systemBox ._hTit{padding-left: 36.875%; position: relative} .systemBox ._hTit:after{position: absolute; content: ''; right: 0; bottom: 4px; width: 54%; height: 1px; background: #005bac;} .systemBox.RoHS ._hTit{text-align: right; padding-right: 36.875%;} .systemBox.RoHS ._hTit:after{right: auto; left: 0;width: 53%;} .systemBox .systemUl{float: left; width: 100%; margin-top: 40px;} .systemBox .systemUl li{float: left; width: 47%; margin-top: 50px; padding-bottom: 19px; border-bottom: 1px solid #ddd;} .systemBox .systemUl li:nth-child(2n){float: right;} .systemBox .systemUl li a{float: left; width: 100%; padding-right: 60px; font-size: 16px; position: relative; height: 35px; line-height: 35px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .systemBox .systemUl li a i{position: absolute; right: 12px; width: 22px; height: 22px; top:50%; margin-top: -11px; line-height: 0;} @media screen and (max-width:1629px){ .systemBox{margin: 80px 0 90px 0;} .systemBox .systemUl{margin-top: 30px;} } @media screen and (max-width:1429px){ .systemBox{margin: 70px 0 80px 0;} .systemBox .systemUl li{margin-top: 40px;} } @media screen and (max-width:1229px){ .systemBox{margin: 60px 0 70px 0;} .systemBox ._hTit:after{width: 51%;} .systemBox.RoHS ._hTit:after{right: auto; left: 0;width: 50%;} .systemBox .systemUl{margin-top: 20px;} .systemBox .systemUl li{margin-top: 30px; padding-bottom: 15px;} .systemBox .systemUl li a{font-size: 14px;} } @media screen and (max-width:991px){ .systemBox{margin: 50px 0 60px 0;} } @media screen and (max-width:767px){ .systemBox{margin: 25px 0 30px 0;} .systemBox ._hTit{padding-left: 0;} .systemBox ._hTit:after{width: 70%;} .systemBox.RoHS ._hTit{text-align: right; padding-right: 0;} .systemBox.RoHS ._hTit:after{right: auto; left: 0;width: 68%;} .systemBox .systemUl{margin-top: 10px;} .systemBox .systemUl li{width: 100%; margin-top: 15px; padding-bottom: 8px;} .systemBox .systemUl li a{padding-right: 40px;} .systemBox .systemUl li a i{right: 0; width: 18px; height: 18px; margin-top: -9px} } /*9联系我们*/ .contactBox{float: left; width: 100%; background: #000; position: relative} .contactBox .bgImg{position: absolute; width: 100%; height: 100%; opacity: 0.47;} .contactList{float: left; width: 100%; padding: 197px 12.9% 210px 12.9%; position: relative; z-index: 2;} .contactList ul{float: left; width: 100%; position: relative} .contactList ul li{float: left; width: 47.55%; padding: 22px 30px 26px 30px; border:1px solid #fff;} .contactList ul li:nth-child(2n){float: right; padding-left: 109px;} .contactList ul li:first-child{border-radius: 0 0 140px 0;} .contactList ul li:nth-child(2){border-radius: 0 0 0 140px;} .contactList ul li:nth-child(3){border-radius: 0 140px 0 0; margin-top: 50px;} .contactList ul li:nth-child(4){border-radius: 140px 0 0 0; margin-top: 50px;} .contactList ul li .topName{float: left; width: 100%; color:#ffffff; font-size: 24px; line-height: 40px;} .contactList ul li .dlBox{float: left; width: 100%; margin-top: 7px;} .contactList ul li .dlBox dl{float: left; width: 100%; margin-top: 9px; position: relative; padding-left: 34px;} .contactList ul li .dlBox dl dt{position: absolute; left: 0; top:1px; width: 24px; height: 24px; line-height: 0;} .contactList ul li .dlBox dl dd{float: left; width: 100%; color:#ffffff; font-size: 16px; line-height: 26px; -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; } .contactList ul .contactTit{position: absolute; width:194px; height:194px; left: 50%; top:50%; background: #005bac; border:1px solid #fff; color:#ffffff; font-size: 48px; line-height: 60px; text-align: center; font-weight: bolder; letter-spacing: 2px; padding: 37px 0; box-shadow: 0 0 0 18px rgba(0,91,172,0.17); -moz-box-shadow: 0 0 0 18px rgba(0,91,172,0.17); -webkit-box-shadow: 0 0 0 18px rgba(0,91,172,0.17); transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } @media screen and (max-width:1629px){ .contactList{padding: 197px 10% 210px 10%;} .contactList ul li:nth-child(2n){padding-left: 99px;} .contactList ul .contactTit{font-size: 40px;} } @media screen and (max-width:1429px){ .contactList{padding: 150px 0 170px 0;} .contactList ul li:nth-child(2n){padding-left: 12.5%;} .contactList ul li .topName{font-size: 20px;} .contactList ul li .dlBox dl dd{font-size: 14px;} .contactList ul .contactTit{font-size: 38px; line-height: 50px;padding: 47px 0;} } @media screen and (max-width:1229px){ .contactList{padding: 120px 0 140px 0;} .contactList ul li{padding: 20px;} .contactList ul li .topName{line-height: 30px;} .contactList ul li:nth-child(2n){padding-left: 8%;} .contactList ul li:nth-child(3), .contactList ul li:nth-child(4){margin-top: 40px;} .contactList ul .contactTit{width: 180px; height: 180px; font-size: 30px; line-height: 40px; padding: 50px 0;} } @media screen and (max-width:991px){ .contactBox{margin-top: 65px;} .contactList{padding: 100px 0;} } @media screen and (max-width:767px){ .contactBox{margin-top:58px;} .contactList{padding: 35px 0;} .contactList ul li{width: 100%; margin-top: 15px; padding: 15px;} .contactList ul li:first-child{margin-top: 0;} .contactList ul li:first-child, .contactList ul li:nth-child(2), .contactList ul li:nth-child(3), .contactList ul li:nth-child(4){border-radius: 0} .contactList ul .contactTit{display: none;} .contactList ul li:nth-child(3), .contactList ul li:nth-child(4){margin-top: 15px;} .contactList ul li:nth-child(2n){padding-left: 15px;} .contactList ul li .topName{font-size: 18px;} .contactList ul li .dlBox dl{margin-top: 5px;} .contactList ul li .dlBox dl dd{font-size: 12px;} } /*10应用领域*/ ._pFieldBox{float: left; width: 100%; margin: 100px 0;} ._pFieldBox ul{float: left; width: 100%;} ._pFieldBox li{float: left; width: 100%; margin-top: 80px; } ._pFieldBox li:first-child{margin-top: 0;} ._pFieldBox li a{float: left; width: 100%;border:1px solid #eee;position: relative; background: #fff;} ._pFieldBox li a .lImg{float: left; width: 55.375%; position: relative; line-height: 0; overflow:hidden;} ._pFieldBox li a .lImg img{ -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; } ._pFieldBox li a .lImg:after{position: absolute; content: ''; width: 0; height: 0; right: -25px; top:0; border-top: 550px solid #fff; border-left: 175px solid transparent; } ._pFieldBox li a .rText{position: absolute; width: 35.625%; right: 5.9%; top:0; height: 100%;} ._pFieldBox li a .rText .table{display: table; height: 100%; width: 100%;} ._pFieldBox li a .rText .table .cell{display: table-cell; vertical-align: middle;} ._pFieldBox li a .rText .tit{float: left; width: 100%; color:#001a32; font-size: 24px; line-height: 40px; padding-bottom: 38px; position: relative} ._pFieldBox li a .rText .tit:after{position: absolute; content: ''; width: 60%; border-bottom: 1px solid #e8ebee; left: 0; bottom: 0; z-index: 1} ._pFieldBox li a .rText .tit:before{position: absolute; content: ''; width: 60px; height: 2px; bottom: 0; background: #005bac; z-index: 2; left: 0;} ._pFieldBox li a .rText .info{float: left; width: 100%; color:#627690; font-size: 16px; line-height: 30px; margin-top: 38px;} ._pFieldBox li a .rText .more{float: left; width: 113px; margin-top: 55px; line-height: 30px; padding-right: 38px; color:#627690; font-size: 16px; background: url("_im_g/ico2_2.png") no-repeat right center;} ._pFieldBox li:nth-child(2n) a .lImg{float: right;} ._pFieldBox li:nth-child(2n) a .lImg:after{left: 0; right: auto; border-bottom: 550px solid #fff; border-right: 175px solid transparent; border-top: 0; border-left: 0; } ._pFieldBox li:nth-child(2n) a .rText{left: 5.9%; right: auto;} ._pFieldBox li a:hover{ border-color:#fff; box-shadow: 0 0 30px rgba(194,194,194,0.25); -moz-box-shadow: 0 0 30px rgba(194,194,194,0.25); -webkit-box-shadow: 0 0 30px rgba(194,194,194,0.25); } ._pFieldBox li a:hover .rText .more{ color:#005bac; background: url("_im_g/ico2.png") no-repeat right center;} ._pFieldBox li a:hover .lImg img{ transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } @media screen and (max-width:1629px){ ._pFieldBox{margin: 90px 0;} ._pFieldBox li{margin-top: 70px;} ._pFieldBox li a .rText .tit{padding-bottom: 30px;} ._pFieldBox li a .rText .more{margin-top: 45px;} } @media screen and (max-width:1429px){ ._pFieldBox{margin: 80px 0;} ._pFieldBox li{margin-top: 60px;} ._pFieldBox li a .rText .tit{font-size: 22px; padding-bottom: 20px} ._pFieldBox li a .rText .info{font-size: 15px; margin-top: 25px;} ._pFieldBox li a .rText .more{font-size: 15px; margin-top: 30px;} } @media screen and (max-width:1229px){ ._pFieldBox{margin: 70px 0;} ._pFieldBox li{margin-top: 50px;} ._pFieldBox li a .lImg:after{right: 0; border-top: 350px solid #fff; border-left: 100px solid transparent;} ._pFieldBox li:nth-child(2n) a .lImg:after { border-bottom: 350px solid #fff; border-right: 100px solid transparent;} ._pFieldBox li a .rText .tit{font-size: 20px; line-height: 30px; padding-bottom: 15px;} ._pFieldBox li a .rText .tit:before{width: 40px;} ._pFieldBox li a .rText .info{font-size: 14px; line-height: 26px; margin-top: 15px;height: 104px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } ._pFieldBox li a .rText .more{font-size:14px; margin-top: 20px; width: 100px;} } @media screen and (max-width:991px){ ._pFieldBox{margin: 60px 0;} ._pFieldBox li{margin-top: 40px;} ._pFieldBox li a .rText .tit{font-size: 18px;} ._pFieldBox li a .rText .info{height:78px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden; } ._pFieldBox li a .lImg::after{border-top: 220px solid #fff;border-left: 70px solid transparent;} ._pFieldBox li:nth-child(2n) a .lImg:after { border-bottom: 220px solid #fff; border-right: 70px solid transparent;} } @media screen and (max-width:767px){ ._pFieldBox{margin:30px 0;} ._pFieldBox li{margin-top: 20px;} ._pFieldBox li a .lImg{width: 100%;} ._pFieldBox li a .lImg:after{display: none;} ._pFieldBox li a .rText{position: static; width: 100%;right: 0; float: left; padding: 15px;} ._pFieldBox li a .rText .tit{font-size: 16px;} ._pFieldBox li a .rText .info{font-size: 12px; line-height: 24px; height: 72px;} ._pFieldBox li a .rText .more{font-size: 12px; width: 90px; margin-top: 15px;} } ._pFieldTop{float: left; width: 100%; margin:100px 0 60px 0; background: #fff; position: relative; box-shadow: 0 4px 30px rgba(194,194,194,0.25); -moz-box-shadow: 0 4px 30px rgba(194,194,194,0.25); -webkit-box-shadow: 0 4px 30px rgba(194,194,194,0.25); } ._pFieldTop .leftImg{float: left; width: 50%; position: relative; z-index: 2;} ._pFieldTop .leftImg .img{float: left; width: 100%; line-height: 0;} ._pFieldTop .slick-prev, ._pFieldTop .slick-next{width: 45px; height: 45px; left: -21px; background: rgba(0,0,0,0.3); border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -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; } ._pFieldTop .slick-next{left: auto; right: -21px;} ._pFieldTop .slick-prev:after{position:absolute; content: ''; width: 45px; height: 45px; background: url("_im_g/about12.png") no-repeat center; opacity: 0.5; left: 0; top:0;} ._pFieldTop .slick-next:after{position:absolute; content: ''; width: 45px; height: 45px; background: url("_im_g/about13.png") no-repeat center; opacity: 0.5; left: 0; top:0;} ._pFieldTop .slick-prev:hover, ._pFieldTop .slick-next:hover{background: #005bac} ._pFieldTop .rightText{position: absolute; width: 41.25%; right: 4%; height: 100%; top:0;} ._pFieldTop .rightText .table{display: table; height: 100%; width: 100%;} ._pFieldTop .rightText .table .cell{display: table-cell; vertical-align:middle;} ._pFieldTop .rightText .table .tit{float: left; width: 100%; padding-bottom: 30px; border-bottom: 1px solid #f3f4f6; line-height: 40px; color:#001a32; font-size: 24px; position: relative;} ._pFieldTop .rightText .table .tit:after{position: absolute; content: ''; width: 60px; height: 2px; left: 0; bottom: 0; background: #005bac} ._pFieldTop .rightText .table .info{float: left; width: 100%; color:#627690; font-size: 16px; line-height: 30px;margin-top: 38px;} @media screen and (max-width:1629px){ ._pFieldTop{margin:90px 0 50px 0;} ._pFieldTop .rightText .table .tit{font-size: 22px; padding-bottom: 25px;} ._pFieldTop .rightText .table .info{margin-top: 30px;} } @media screen and (max-width:1429px){ ._pFieldTop{margin:80px 0 40px 0;} } @media screen and (max-width:1229px){ ._pFieldTop{margin:70px 0 30px 0;} ._pFieldTop .slick-prev, ._pFieldTop .slick-next{width: 38px; height: 38px;} ._pFieldTop .slick-prev:after, ._pFieldTop .slick-next:after{width: 38px; height: 38px;} ._pFieldTop .rightText .table .tit{font-size: 20px; padding-bottom: 15px;} ._pFieldTop .rightText .table .info{font-size: 14px; line-height: 26px; margin-top: 20px;} } @media screen and (max-width:991px){ ._pFieldTop{margin:60px 0 30px 0;} ._pFieldTop .rightText .table .tit{font-size: 18px; line-height: 30px;} ._pFieldTop .rightText .table .info{margin-top: 15px;} } @media screen and (max-width:767px){ ._pFieldTop{margin:30px 0 15px 0;} ._pFieldTop .leftImg{width: 100%;} ._pFieldTop .slick-prev, ._pFieldTop .slick-next{width: 30px;height: 30px; left: -15px;} ._pFieldTop .slick-next{left: auto; right: -15px;} ._pFieldTop .slick-prev:after, ._pFieldTop .slick-next:after{width: 30px; height: 30px;} ._pFieldTop .rightText{position: static; float: left; width: 100%; right: 0; padding: 15px;} ._pFieldTop .rightText .table .tit{font-size: 16px; line-height: 30px;} ._pFieldTop .rightText .table .info{margin-top: 15px; font-size: 12px; line-height: 24px;} ._pFieldTop .rightText .table .tit:after{width: 40px;} } ._pFieldDown{float: left; width: 100%; margin-bottom: 100px;} ._pFieldDown .fieldLi{float: left; width: 100%; margin-top: 50px;} ._pFieldDown .fieldLi .topTit{float: left; width: 100%; border-bottom:1px solid #ddd; padding-bottom: 30px; line-height: 40px; color:#001a32; font-size: 18px; padding-right: 80px; position: relative; cursor: pointer;} ._pFieldDown .fieldLi .topTit i{position: absolute; right: 35px;top:0; color:#000000; font-size: 24px; line-height: 40px; -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; } ._pFieldDown .fieldLi .UsePro{float: left; width: 100%; margin-top: 55px; display: none;} ._pFieldDown .fieldLi .UsePro .titH3{float: left; width: 100%; color:#001a32; font-size: 24px; line-height: 50px; padding-bottom: 23px; border-bottom: 1px solid #ddd;} ._pFieldDown .fieldLi .UsePro .Single{float: left; width: 100%; margin-top: 13px;} ._pFieldDown .fieldLi .UsePro .Single dl{float: left; width: 100%; margin-top:38px; padding-left: 110px; position: relative;} ._pFieldDown .fieldLi .UsePro .Single dl:first-child{margin-top: 0;} ._pFieldDown .fieldLi .UsePro .Single dl dt{position: absolute; left: 0; top:30px; width: 110px; text-align: right; color:#001a32; font-size: 18px; line-height: 38px;} ._pFieldDown .fieldLi .UsePro .Single dd{float: left; width: 100%;} ._pFieldDown .fieldLi .UsePro .Single li{float: left; width: 10.5%; margin: 30px 0.8% 0 0.8%; color:#627690; font-size: 16px; text-align: center; line-height:36px; border:1px solid #ddd; cursor: pointer; -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; } ._pFieldDown .fieldLi .UsePro .Single li a{ color:#627690; font-size: 16px;} ._pFieldDown .fieldLi .UsePro .Single li.on, ._pFieldDown .fieldLi .UsePro .Single li:hover{color:#fff; background: #005bac; border-color:#005bac;} ._pFieldDown .fieldLi .UsePro .Single li:hover a{color:#fff;} ._pFieldDown .fieldLi .UsePro .dImg{float: left; width: 100%; text-align: center; line-height: 0; margin-top: 100px;} ._pFieldDown .fieldLi .topTit.active{border-color:#005bac;color:#005bac;} ._pFieldDown .fieldLi .topTit.active i{color:#005bac; transform:rotateX(180deg); -ms-transform:rotateX(180deg); -moz-transform:rotateX(180deg); -webkit-transform:rotateX(180deg); } @media screen and (max-width:1629px){ ._pFieldDown{margin-bottom: 90px;} ._pFieldDown .fieldLi .UsePro .dImg{margin-top: 80px;} ._pFieldDown .fieldLi .UsePro .Single li a{ font-size: 13px;} } @media screen and (max-width:1429px){ ._pFieldDown{margin-bottom: 80px;} ._pFieldDown .fieldLi{margin-top: 40px;} ._pFieldDown .fieldLi .topTit{font-size: 16px; padding-bottom: 20px;} ._pFieldDown .fieldLi .UsePro{margin-top: 30px;} ._pFieldDown .fieldLi .UsePro .titH3{font-size: 20px; padding-bottom: 15px;} ._pFieldDown .fieldLi .UsePro .Single dl{margin-top: 25px;padding-left: 130px;} ._pFieldDown .fieldLi .UsePro .Single dl dt{font-size: 13px; top:20px;width: 130px;} ._pFieldDown .fieldLi .UsePro .Single li{margin-top: 20px;} ._pFieldDown .fieldLi .UsePro .dImg{margin-top: 60px;} } @media screen and (max-width:1229px){ ._pFieldDown{margin-bottom: 70px;} ._pFieldDown .fieldLi{margin-top: 30px;} ._pFieldDown .fieldLi .UsePro .Single li{font-size: 14px; width: 12.5%;} } @media screen and (max-width:991px){ ._pFieldDown{margin-bottom: 60px;} ._pFieldDown .fieldLi{margin-top: 20px;} ._pFieldDown .fieldLi .topTit{padding-bottom: 15px; padding-right: 60px;} ._pFieldDown .fieldLi .topTit i{right: 25px;} ._pFieldDown .fieldLi .UsePro{margin-top: 20px;} ._pFieldDown .fieldLi .UsePro .titH3{font-size: 18px; line-height: 35px;} ._pFieldDown .fieldLi .UsePro .Single dl{margin-top: 15px;} ._pFieldDown .fieldLi .UsePro .Single dl dt{font-size: 14px; line-height: 32px; top:15px;} ._pFieldDown .fieldLi .UsePro .Single li{font-size: 12px; line-height: 30px; margin-top: 15px;} ._pFieldDown .fieldLi .UsePro .dImg{margin-top: 40px;} } @media screen and (max-width:767px){ ._pFieldDown .fieldLi{margin-top: 15px;} ._pFieldDown .fieldLi .topTit{font-size: 14px;padding-right: 40px; padding-bottom: 10px; line-height: 30px;} ._pFieldDown .fieldLi .topTit i{right: 10px; line-height: 30px;} ._pFieldDown .fieldLi .UsePro .titH3{font-size: 16px; line-height: 30px; padding-bottom: 10px;} ._pFieldDown .fieldLi .UsePro .Single dl{padding-left: 80px; margin-top: 10px;} ._pFieldDown .fieldLi .UsePro .Single dl dt{font-size: 12px;width: 80px; top:10px;} ._pFieldDown .fieldLi .UsePro .Single li{margin-top: 10px; width:auto;padding: 0 6px;} ._pFieldDown .fieldLi .UsePro .dImg{margin-top: 20px;} } @media screen and (max-width:413px){ ._pFieldDown .fieldLi .UsePro .Single li{width: auto;padding: 0 6px;} } .ppjs_section2 ul{width: 100%; margin: 100px 0; padding-left: 30px; position: relative;} /*20230208start*/ .ppjs_section2 ul .slick-prev, .ppjs_section2 ul .slick-next{width: 55px;height: 110px; left: -100px; background: rgba(0,91,172,0.5); top:50%; -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; } /*20230208end*/ .ppjs_section2 ul .slick-next{left: auto; right: -100px;} .ppjs_section2 ul .slick-prev:after{position: absolute; content: ''; width: 55px; height: 110px; background: url("_im_g/about14.png") no-repeat center; left: 0; top:0;} .ppjs_section2 ul .slick-next:after{position: absolute; content: ''; width: 55px; height: 110px; background: url("_im_g/about15.png") no-repeat center; left: 0; top:0;} /*20230208start*/ .ppjs_section2 ul .slick-prev:hover, .ppjs_section2 ul .slick-next:hover{background: rgba(0,91,172,1)} /*20230208end*/ .ppjs_section2 ul li{height: auto;position: relative;} .ppjs_section2 ul .slick-list{z-index: 2;} /*20221031start*/ .ppjs_section2 ul::before{width: 100%;height: 1px;background-color: #005bac;content: "";display: block;position: absolute;left: 0;top: 50%;margin-top: -0.5px;z-index: 2;} /*20221031end*/ .ppjs_section2 ul li .icon{width: 100px;height: 100px;position: relative;z-index: 9;background-color: rgba(255,255,255,0.21);border-radius: 100%; box-shadow: 0 0 10px rgba(0,0,0,0.1);} .ppjs_section2 ul .l1 .icon::after{content: "";display: block;width: 1px;height: 60px;border-left:1px dashed #005bac;position: absolute;left: 30px;bottom: -45px;z-index: 8; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .ppjs_section2 ul .l2 .icon::after{content: "";display: block;width: 1px;height: 60px;border-left:1px dashed #005bac;;position: absolute;left: 30px;top: -45px;z-index: 8; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} .ppjs_section2 ul li .iconbox{width: 100%;position: relative;} .ppjs_section2 ul li .icon1{width: 80px;height: 80px;position: absolute;left: 10px;top: 10px; z-index: 9;background-color: #005bac;border-radius: 100%;line-height: 78px;border: 1px solid #fff; text-align: center;font-size: 24px;color: #fff; font-family: Arial; font-weight: bold;} .ppjs_section2 ul li .picwords{margin-left: 10px;} .ppjs_section2 ul li .picwords .ywords1{font-size: 18px;color: #333333;line-height: 24px;margin-bottom: 24px;display: none;} .ppjs_section2 ul .l1 .picwords{padding: 4px 16px 0 16px;border-left: 1px dashed #005bac;margin-top: 35px;} .ppjs_section2 ul .l2 .picwords{width: 100%;padding: 0 16px 4px 16px;border-left: 1px dashed #005bac;margin-bottom: 35px;} .ppjs_section2 ul li{display:inline-block!important; float: none!important; vertical-align:baseline;} .ppjs_section2 ul li:nth-child(2n){ vertical-align:top;} /*20221031start*/ .ppjs_section2 ul li .picwords .words{font-size: 14px;color: #444444;position: relative; line-height: 22px;word-break: break-all;height: 110px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;} .ppjs_section2 ul li .picwords .words span{display: block;position: relative;padding-left: 14px;margin-bottom: 16px;} .ppjs_section2 ul li .picwords .words span:last-child{margin-bottom: 0;} .ppjs_section2 ul li .picwords .words span::after{content: "";display: block; width: 5px;height: 5px;background-color: #005bac;position: absolute;left: 2px;top: 8px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} /*20221031end*/ .ppjs_section2 ul .l1 .picwords .words{margin-bottom: 0;} .ppjs_section2 ul li .picwords .pic{width: 100%;padding-bottom: 61.19%; position: relative; overflow: hidden;} .ppjs_section2 ul li .picwords .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .ppjs_section2 ul li .name{width: 12px;height: 12px;background-color: #005bac;border-radius: 100%;margin-left: 6px;} @media screen and (max-width: 1629px){ .ppjs_section2 ul{margin: 90px 0;} .ppjs_section2 ul::before{top:53%;} .ppjs_section2 ul li .picwords .ywords1{font-size: 16px;margin-bottom: 18px;} .ppjs_section2 ul .slick-prev, .ppjs_section2 ul .slick-next{top:53%;} } @media screen and (max-width: 1429px){ .ppjs_section2 ul{margin:70px 0 80px 0;} .ppjs_section2 ul .slick-prev, .ppjs_section2 ul .slick-next{width: 50px; height: 100px; left: -80px;} .ppjs_section2 ul .slick-next{left: auto; right: -80px;} .ppjs_section2 ul .slick-prev:after, .ppjs_section2 ul .slick-next:after{width: 50px; height: 100px;} } @media screen and (max-width: 1229px){ .ppjs_section2 ul{margin:60px 0 70px 0;} .ppjs_section2 ul li .picwords .ywords1{font-size: 14px;margin-bottom: 10px;} .ppjs_section2 ul li .picwords .words{font-size: 14px; line-height: 24px;height: 72px;} .ppjs_section2 ul .l2 .picwords .words{margin-top:10px;} } @media screen and (max-width: 991px){ .ppjs_section2 ul{margin:50px 0 60px 0; padding: 0 20px;} .ppjs_section2 ul li{padding-top: 60px;position: relative;vertical-align: top;border: 1px solid #eee;padding: 60px 12px 12px 12px;} .ppjs_section2 ul li .picwords .words{font-size: 14px;line-height: 24px;} .ppjs_section2 ul li .icon{width: 60px;height: 60px;position: absolute;left: 10px;top: 10px;} .ppjs_section2 ul .l1 .icon::after{content: "";display: block;left: 18px;bottom: -15px;height: 30px;display: none;} .ppjs_section2 ul .l2 .icon::after{content: "";display: block;left: 18px;top: -15px;height: 30px;display: none;} .ppjs_section2 ul li .picwords{margin-left: 8px;} .ppjs_section2 ul .l1 .picwords{padding: 0;border-left: 0;margin-left: 0;margin-top: 0;padding-left: 0;margin-top: 20px;} .ppjs_section2 ul .l2 .picwords{padding: 0;margin-bottom: 0;border-left: 0;margin-left: 0;padding-left: 0;margin-top: 20px;} .ppjs_section2 ul li .iconbox{position: static;} /*20221031start*/ .ppjs_section2 ul li .picwords .words{font-size: 14px;} /*20221031end*/ .ppjs_section2 ul .l1 .picwords .words{margin-bottom: 0;height: auto;-webkit-line-clamp: 100;font-size: 14px;} .ppjs_section2 ul .l2 .picwords .words{margin-top: 0;height: auto;-webkit-line-clamp: 100;font-size: 14px;} .ppjs_section2 ul li .picwords .words{height: 82px!important;overflow: hidden; overflow-y: auto; scrollbar-width: thin; max-height: 82px;} .ppjs_section2 ul li .picwords .words::-webkit-scrollbar{ display: none;} .ppjs_section2 ul li .icon1{line-height: 44px;font-size: 14px;} .ppjs_section2 ul::before{content: "";display: block;top: 53%;} .ppjs_section2 ul li .name{width: 10px;height: 10px;margin-left: 4px;display: none;} .ppjs_section2 ul::before{content: "";display: block;top: 52%;} .ppjs_section2 ul li .icon1{width: 50px;height: 50px;left: 5px;top: 5px;line-height: 48px;font-size: 16px;} .ppjs_section2 ul .slick-prev, .ppjs_section2 ul .slick-next{width: 30px;height: 70px;right: 0;top: 52%;left: 0;z-index: 1;} .ppjs_section2 ul .slick-next{left: auto; right: 0;} .ppjs_section2 ul .slick-prev:after, .ppjs_section2 ul .slick-next:after{width: 30px; height: 70px;} .ppjs_section2 ul li .picwords .words span{margin-bottom: 10px;} } @media screen and (max-width: 767px){ .ppjs_section2 ul{margin:20px 0 30px 0;padding-left: 30px;padding-right: 30px;} /*20221031start*/ .ppjs_section2 ul .slick-prev, .ppjs_section2 ul .slick-next{left: -10px;top: 50%;} /*20221031end*/ .ppjs_section2 ul .slick-next{left: auto; right: -10px;} /*20221031start*/ .ppjs_section2 ul::before{content: "";display: none;top: 50%;} /*20221031end*/ .ppjs_section2 ul li .picwords .words{font-size: 12px;} } /*12产品*/ .currentLocation{float:left; width: 100%; background: #f0f0f0; padding: 10px 0;} .currentLocation span{float: left; margin-right: 30px; line-height: 40px;} .currentLocation span img{vertical-align: middle; margin-top: -5px;} .currentLocation a{float: left; color:#000; font-size: 16px;line-height: 40px;} .currentLocation i{float: left; width: 35px; text-align:center; color:#000; font-size: 16px; line-height:40px;} .currentLocation a.on, .currentLocation a:hover{color:#005bac} @media screen and (max-width: 1629px){ .currentLocation a{font-size: 15px;} .currentLocation i{font-size: 15px;} } @media screen and (max-width: 1429px){ .currentLocation span{margin-right: 20px; line-height: 30px;} .currentLocation a{font-size: 14px; line-height: 30px;} .currentLocation i{font-size: 14px; line-height: 30px;} } @media screen and (max-width: 991px){ .currentLocation{margin-top: 65px;} } @media screen and (max-width: 767px){ .currentLocation{margin-top: 58px;} .currentLocation span{margin-right: 12px; line-height: 24px;} .currentLocation a{font-size: 12px; line-height: 24px;} .currentLocation i{font-size: 12px; line-height: 24px; width: 28px;} } ._pProBox{float: left; width: 100%; margin-bottom: 100px;} ._pProBox .proName{float: left; width: 100%; padding: 26px 0 24px 0; color:#005bac; font-size: 18px; line-height: 30px; border-bottom:1px solid #f0f0f0;} ._pProBox .screenBox{float: left; width: 100%; margin-top: 56px;} ._pProBox .screenBox .dlBox{ width: 100%;overflow: hidden; overflow-y: auto; scrollbar-width: thin; max-height: 237px;padding-right: 12px;} ._pProBox .screenBox .dlBox::-webkit-scrollbar{ width: 3px;} ._pProBox .screenBox .dlBox::-webkit-scrollbar-track{ background-color: #bebebe; border-radius: 3px;} ._pProBox .screenBox .dlBox::-webkit-scrollbar-thumb{ width: 3px; background-color: #005cac; border-radius: 3px;} ._pProBox .screenBox .dlBox dl{float: left; width: 100%; padding-left: 23.125%; position: relative; border:1px solid #d2d2d2; border-top:0;} ._pProBox .screenBox .dlBox dl:first-child{border-top:1px solid #d2d2d2;} ._pProBox .screenBox .dlBox dl dt{position: absolute; width: 23.125%; left: -1px; top:-1px; height: 102%; padding: 12px 20px; color:#fff; background: #005bac; font-size: 14px; line-height: 24px; border:1px solid #eee;} /*20221031start*/ ._pProBox .screenBox .dlBox dl dt .words{width: 100%;position: absolute;left: 0;top: 50%;padding: 5px 20px; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} /*20221031end*/ ._pProBox .screenBox .dlBox dl dd{float:left; width: 100%; padding: 14px 4.8%;} ._pProBox .screenBox .dlBox dl dd label{float: left; width: 14%; line-height: 30px; cursor: pointer;} ._pProBox .screenBox .dlBox dl dd label input[type="checkbox"]{width: 14px; height: 14px; border:1px solid #d2d2d2; border-radius: 2px; float: left; margin-top: 7px;} ._pProBox .screenBox .dlBox dl dd label span{float: left; color:#666; font-size: 14px; margin-left:7%;} ._pProBox .ButtonBox{float:left; width: 100%; display: block; text-align: center; margin-top: 30px;} ._pProBox .ButtonBox .push{display:inline-block; width: 190px; height: 52px; border:1px solid #005bac; line-height: 50px; text-align: center; color:#005bac; font-size: 16px; cursor: pointer; margin: 0 17px; -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; } ._pProBox .ButtonBox .push:hover{background: #005bac; color:#fff;} ._pProBox .ButtonBox .btn-submit{display:inline-block; width: 140px; height: 42px; border:1px solid #005bac; background: #005bac; line-height: 40px; text-align: center; color:#fff; font-size: 16px; cursor: pointer;margin: 0 17px;} ._pProBox .tabBox{float: left; width: 100%; margin-top: 100px;} ._pProBox .tabBox .p-t-titile{float: left; width: 100%; border-top:1px solid #eee; border-left: 1px solid #eee; height: 100px; background: #005bac;} ._pProBox .tabBox .p-t-titile dl{display: flex; height: 100%;} ._pProBox .tabBox .p-t-titile dd{display: flex; justify-content:center; align-items:center;height: 100%;flex-direction:column; color:#fff; line-height: 24px; width:8.57%; border-right: 1px solid #eee; padding: 0 } ._pProBox .tabBox .p-t-titile dd:first-child{width: 10.5%;} ._pProBox .tabBox .p-t-titile dd:nth-child(6){width: 11.2%;} ._pProBox .tabBox .p-t-titile dd:nth-child(7){width: 12%;} ._pProBox .tabBox .p-t-titile dd:last-child{width: 6.3%; border-right: 0;} /*20221201satrt*/ ._pProBox .tabBox .p-t-titile dd:last-child span{margin-top: 0;min-height: 72px;} /*20221201end*/ ._pProBox .tabBox .p-t-titile dd:first-child span{ font-size: 16px; margin-top: 0;} ._pProBox .tabBox .p-t-titile dd span{font-size: 14px; margin-top: 20px;} ._pProBox .tabBox .p-t-titile dd em{ color:#fefefe; font-size: 14px; min-height: 72px;padding: 0 10px;} ._pProBox .tabBox .p-t-titile dd .table{vertical-align: middle; display: table-cell;} ._pProBox .tabBox .p-d-list{float: left; width: 100%;border:1px solid #d2d2d2;} ._pProBox .tabBox .p-d-list dd{float: left;width: 100%;border-bottom: 1px solid #d2d2d2;} ._pProBox .tabBox .p-d-list dd:last-child{border-bottom: 0;} ._pProBox .tabBox .p-d-list dd span{float: left; width: 8.57%; text-align: center; line-height: 30px; padding: 13px 0; color:#222; font-size: 14px; border-right: 1px solid #d2d2d2} ._pProBox .tabBox .p-d-list dd span:first-child{width: 10.5%;} ._pProBox .tabBox .p-d-list dd span:nth-child(6){width: 11.2%;} ._pProBox .tabBox .p-d-list dd span:nth-child(7){width: 12%;} ._pProBox .tabBox .p-d-list dd span:last-child{width: 6.3%; border-right: 0;} ._pProBox .tabBox .p-d-list dd span img{vertical-align: middle; margin-top: -3px;} ._pProBox .tabBox .p-d-list dd:hover{background: rgba(0,91,172,0.05)} .overBox{float: left; width: 100%;} @media screen and (max-width: 1629px){ ._pProBox{margin-bottom: 90px;} ._pProBox .proName{padding: 20px 0} ._pProBox .screenBox{margin-top: 50px;} ._pProBox .ButtonBox{margin-top: 25px;} ._pProBox .tabBox{margin-top: 90px;} } @media screen and (max-width: 1429px){ ._pProBox{margin-bottom:60px;} ._pProBox .proName{font-size: 16px;} ._pProBox .screenBox{margin-top: 40px;} ._pProBox .screenBox .dlBox dl dt{font-size: 13px;} ._pProBox .screenBox .dlBox dl dd{padding: 14px 3%} ._pProBox .screenBox .dlBox dl dd label input[type="checkbox"]{width: 13px; height:13px; margin-top: 10px;} ._pProBox .screenBox .dlBox dl dd label span{font-size: 13px;} ._pProBox .ButtonBox{margin-top: 20px;} ._pProBox .ButtonBox .push{width: 180px; height: 45px; line-height: 43px; font-size: 14px;margin: 0 12px;} ._pProBox .ButtonBox .btn-submit{width: 120px; height: 35px; line-height: 33px; font-size: 14px;margin: 0 12px;} ._pProBox .tabBox{margin-top: 80px;} ._pProBox .tabBox .p-t-titile{height: 100px;} ._pProBox .tabBox .p-t-titile dd:first-child span{font-size: 14px;} ._pProBox .tabBox .p-t-titile dd em{font-size: 12px;} ._pProBox .tabBox .p-t-titile dd span{font-size: 12px; margin-top: 15px;} ._pProBox .tabBox .p-d-list dd span{font-size:12px;} } @media screen and (max-width: 1229px){ ._pProBox{margin-bottom: 70px;} ._pProBox .screenBox .dlBox dl dt{font-size: 12px; line-height: 20px;padding: 10px 15px;} /*20211103start*/ ._pProBox .screenBox .dlBox dl dt .words{padding: 10px 15px;} /*20211103end*/ ._pProBox .screenBox .dlBox dl dd label{width: 15%;} ._pProBox .screenBox .dlBox dl dd label span{margin-left: 5%;} ._pProBox .tabBox{margin-top: 70px;} } @media screen and (max-width: 991px){ ._pProBox{margin-bottom: 60px;} ._pProBox .screenBox{margin-top: 30px;} ._pProBox .screenBox .dlBox dl dd label{width: 18%;} ._pProBox .screenBox .dlBox dl dd label span{font-size: 12px;margin-left: 6px; float: left;} ._pProBox .screenBox .dlBox dl dd label input[type="checkbox"]{width: 12px; height: 12px; margin-top: 11px;} ._pProBox .ButtonBox{margin-top: 10px;} ._pProBox .ButtonBox .push, ._pProBox .ButtonBox .btn-submit{width: 100px;height: 30px; line-height: 28px;margin: 0 10px;} .overBox{overflow-y: auto;} ._pProBox .tabBox{margin-top: 60px;width: 962px;} ._pProBox .tabBox .p-t-titile dd em{font-size: 11px;} } @media screen and (max-width: 767px){ ._pProBox{margin-bottom: 30px;} ._pProBox .proName{padding: 10px 0;} ._pProBox .screenBox{margin-top: 20px;} ._pProBox .screenBox .dlBox dl{padding-left: 30%;} ._pProBox .screenBox .dlBox dl dt{width: 30%; padding: 5px 10px; line-height: 18px;} /*20211103start*/ ._pProBox .screenBox .dlBox dl dt .words{padding: 5px 10px;white-space:normal;} /*20211103end*/ ._pProBox .screenBox .dlBox dl dd label{width:33.3333%; line-height:25px;} ._pProBox .ButtonBox{margin-top: 10px;} ._pProBox .ButtonBox .push, ._pProBox .ButtonBox .btn-submit{width: 100px;height: 22px; line-height: 20px;margin: 0 5px; font-size: 12px;} ._pProBox .tabBox{margin-top: 30px;} ._pProBox .screenBox .dlBox dl dd label input[type="checkbox"] {width: 12px;height: 12px;margin-top: 7px;float: left;} ._pProBox .screenBox form{white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;} ._pProBox .screenBox form::-webkit-scrollbar{ display: none;} ._pProBox .screenBox .dlBox{max-height: 100000px;padding-right: 0;width: 600px;} ._pProBox .screenBox .dlBox::-webkit-scrollbar{ width: 0;} ._pProBox .screenBox .dlBox::-webkit-scrollbar-track{ background-color: #bebebe; border-radius: 0;} ._pProBox .screenBox .dlBox::-webkit-scrollbar-thumb{ width: 0; background-color: #005cac; border-radius: 0;} ._pProBox .screenBox .dlBox::-webkit-scrollbar{ display: none;} } @media screen and (max-width: 413px){ ._pProBox .screenBox .dlBox dl dd label{width:auto;float: left;display: flex;margin-right: 20px;} } @media screen and (max-width: 374px){ ._pProBox .screenBox .dlBox dl dd label{width:auto;float: left;} } .overBox .search{ width: 70%; margin-top: 20px; position: relative;} .overBox .search input{width: 100%; height: 30px; background: #fff; text-indent: 5px; font-size: 14px; color:#333; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .overBox .search button{position: absolute; right: 0; top:0; width: 30px; height: 30px; padding: 3px; background: #005bac; border:1px solid #fff; line-height:28px; border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; } @media screen and (max-width: 1229px){ .overBox .search{ width: 90%; margin-top: 15px;} .overBox .search input{font-size: 12px;} } @media screen and (max-width: 991px){ .overBox .search input{height: 26px;} .overBox .search button{width: 26px; height: 26px; line-height: 24px;} } /*20221028start首页切图*/ @charset "UTF-8"; /*主体宽度*/ .w_1530{ max-width:1530px; margin-right: auto; margin-left: auto;} .w_1290{ max-width:1290px; margin-right: auto; margin-left: auto;} .w_width{padding-left: 60px;padding-right: 60px;} /*.container{padding-left: 15px;padding-right: 15px;}*/ @media screen and (max-width: 1050px){ .w_width{padding-left: 15px;padding-right: 15px;} } /*顶部导航*/ /*顶部导航*/ body.on{overflow: hidden;height: 100vh;} .wyb_s{background: #f6f7fb;} .t_navs{ width: 100%;} .t_navs::after{content: "";display: block;clear: both;} /*正常屏幕显示*/ .t_navs .top{ width: 100%; float: left; position: relative;} /*logo*/ .t_navs .top .logo{ margin: 32px 0; line-height: 0; float: left;} .t_navs .top .logo img{ width: auto; height: 56px;} /*一级导航*/ .t_navs .top .right{ float: right;} .t_navs .top .right ._t{margin-bottom: 22px;padding-top: 14px;text-align: right;} .t_navs .top .right ._t .phone{font-size: 0;margin-right: 30px;display: inline-block;vertical-align: middle;} .t_navs .top .right ._t .phone img{width: 23px;display: inline-block;vertical-align: middle;margin-right: 11px;} .t_navs .top .right ._t .phone .words{font-size: 24px;color: #333333;line-height: 35px;display: inline-block;vertical-align: middle;font-weight: bold;} .t_navs .top .right ._t .input{background: #fff;overflow: hidden;display: inline-block;vertical-align: middle;} .t_navs .top .right ._t .input input{width: 207px;float: left;font-size: 12px;color: #666666;padding: 0 12px;height: 35px;display: block;} .t_navs .top .right ._t .input input::-webkit-input-placeholder{font-size: 12px;color: #666666;} .t_navs .top .right ._t .input input::-moz-placeholder{font-size: 12px;color: #666666;} .t_navs .top .right ._t .input input::moz-placeholder{font-size: 12px;color: #666666;} .t_navs .top .right ._t .input input:-ms-input-placeholder{font-size: 12px;color: #666666;} .t_navs .top .right ._t .but{width: 106px;cursor: pointer;font-size: 0;text-align: center;background-color: #005bac;float: left;} .t_navs .top .right ._t .but:hover{opacity: 0.6;} .t_navs .top .right ._t .but img{width: 13px;display: inline-block;vertical-align: middle;margin-right: 14px;} .t_navs .top .right ._t .but .words{font-size: 12px;color: #ffffff;line-height: 35px;display: inline-block;vertical-align: middle;} .t_navs .top .right .menu{float: left;} .t_navs .top .right .menu ul{float: left;position: relative;} .t_navs .top .menu .nli{ float: left; position: relative;margin: 0 30px;} .t_navs .top .menu .nli:nth-child(3){position: static;} .t_navs .top .menu .nli:last-child{margin-right: 0;} .t_navs .top .menu .nli:first-child{margin-left: 0;} .t_navs .top .menu .nli span a{ display: block;color: #333333; position: relative;line-height: 22px;font-size: 18px;padding-bottom: 27px; transition: All 0s ease-in-out; -webkit-transition: All 0s ease-in-out; -moz-transition: All 0s ease-in-out; -o-transition: All 0s ease-in-out;} /*鼠标经过样式*/ .t_navs .top .menu .nli.on span a,.t_navs .top .menu .nli:hover span a{ color: #005cac;font-weight: bolder;} .t_navs .top .menu .nli.on span a::after,.t_navs .top .menu .nli:hover span a::after{ content: ""; display: block; width: 100%; height: 2px; background: #005cac; position: absolute; bottom: 0; left: 0;} /*二级导航*/ .t_navs .top .sub{ display: none;position: absolute; top:100%;background: #f6f7fb; z-index: 4;} .t_navs .top .sub1{width: 408px;left: -56px;padding: 42px 20px 46px 20px;font-size: 0;} /*20221201satrt*/ .t_navs .top .sub1 .picbox{width: 191px;display: inline-block;vertical-align: top;} .t_navs .top .sub1 .picbox .pic{ padding-bottom: 74.4%; position: relative; overflow: hidden;} .t_navs .top .sub1 .picbox .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .t_navs .top .sub1 .listbox{width: calc(100% - 191px);display: inline-block;vertical-align: top;padding-left: 40px;} /*20221201end*/ .t_navs .top .sub1 .listbox .list{width: 100%;margin-bottom: 18px;} .t_navs .top .sub1 .listbox .list:last-child{margin-bottom: 0;} .t_navs .top .sub1 .listbox .list a{font-size: 15px;color: #333333;line-height: 20px;padding-left: 16px;position: relative; white-space: nowrap;} .t_navs .top .sub1 .listbox .list a::after{content:"";display: block;width: 6px;height: 6px;background-color: #ababab;position: absolute;left: 0;top: 50%;margin-top: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .t_navs .top .sub1 .listbox .list a:hover{color: #005cac;} .t_navs .top .sub1 .listbox .list a:hover::after{background: #005cac;} .t_navs .top .sub2{width: 100%;left: 0;top: 100%;padding: 38px 80px 48px 68px;} .t_navs .top .sub2 .qh_t{width: 100%;margin-bottom: 34px;overflow: hidden;} .t_navs .top .sub2 .qh_t .list{cursor: pointer;float: left;width: 128px;font-size: 14px;color: #333333;line-height: 38px;border: 1px solid #bfbfbf;text-align: center;margin-right: 50px;} .t_navs .top .sub2 .qh_t .list:last-child{margin-right: 0;} .t_navs .top .sub2 .qh_t .list.on{background: #005cac;color: #fff;border-color: #005cac;} .t_navs .top .sub2 .qh_t .list a{color: #333333;} .t_navs .top .sub2 .qh_t .list.on a{color: #fff;} .t_navs .top .sub2 .qh_b{width: 100%;} .t_navs .top .sub2 .qh_b .list{margin: 0 -44px;overflow: hidden;width: calc(100% + 88px);} .t_navs .top .sub2 .qh_b .list .dd{width: 25%;float: left;padding: 0 20px;} .t_navs .top .sub2 .qh_b .list .dd .wors_t{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #dadada;} .t_navs .top .sub2 .qh_b .list .dd .wors_t a{display: block;font-size: 18px;color: #005cac;line-height: 22px;} .t_navs .top .sub2 .qh_b .list .dd .words_bbox{width: 100%;} .t_navs .top .sub2 .qh_b .list .dd .words_bbox ._blist{margin-bottom: 18px; width:100%; overflow:hidden; position:relative; padding-left: 15px;} .t_navs .top .sub2 .qh_b .list .dd .words_bbox ._blist:last-child{margin-bottom: 0;} .t_navs .top .sub2 .qh_b .list .dd .words_bbox ._blist a{border-bottom:1px solid #f6f7fb;display: block;float:left; font-size: 14px;color: #666666;line-height: 18px;position: relative;} .t_navs .top .sub2 .qh_b .list .dd .words_bbox ._blist::after{content: "";display: block;width: 5px;height: 5px;background-color: #005bac;position: absolute;left: 0;top: 50%;margin-top: -3px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .t_navs .top .sub2 .qh_b .list .dd .words_bbox ._blist a:hover{color: #005cac; border-bottom:1px solid #005cac;} /*隐藏手机显示*/ .t_navs .menuph{ display: none;} .t_navs .xialaph{ display: none;} .t_navs .top .menu .nli:nth-child(5) .sub1, .t_navs .top .menu .nli:nth-child(6) .sub1, .t_navs .top .menu .nli:nth-child(7) .sub1{left:auto; right:-36px;} @media screen and (max-width:1680px) { .t_navs .top .logo{ margin: 25px 0;} .t_navs .top .logo img{ width: auto; height: 50px;} .t_navs .top .right ._t{margin-bottom: 16px;padding-top: 12px;} .t_navs .top .right ._t .phone{margin-right: 24px;} .t_navs .top .right ._t .phone .words{font-size: 18px;line-height: 30px;} .t_navs .top .right ._t .input input{width: 180px;height: 30px;} .t_navs .top .right ._t .but{width: 90px;} .t_navs .top .right ._t .but img{margin-right: 6px;} .t_navs .top .right ._t .but .words{line-height: 30px;} .t_navs .top .menu .nli{margin: 0 20px;} .t_navs .top .menu .nli span a{line-height: 22px;font-size: 16px;padding-bottom: 21px;} .t_navs .top .sub1{width: 398px;left: -36px;padding: 20px 10px 20px 20px;} .t_navs .top .sub1 .picbox{width: 180px;} .t_navs .top .sub1 .listbox{width: calc(100% - 180px);padding-left: 24px;} .t_navs .top .sub1 .listbox .list{margin-bottom: 14px;} .t_navs .top .sub1 .listbox .list a{font-size: 14px;line-height: 20px;} .t_navs .top .sub2{padding: 20px 60px 20px 30px;} .t_navs .top .sub2 .qh_t{margin-bottom: 26px;} .t_navs .top .sub2 .qh_t .list{width: 120px;line-height: 34px;margin-right: 30px;} .t_navs .top .sub2 .qh_b .list{margin: 0 -30px;width: calc(100% + 60px);} .t_navs .top .sub2 .qh_b .list .dd{padding: 0 30px;} .t_navs .top .sub2 .qh_b .list .dd .wors_t{padding-bottom: 18px;margin-bottom: 18px;} .t_navs .top .sub2 .qh_b .list .dd .wors_t a{font-size: 16px;line-height: 20px;} .t_navs .top .sub2 .qh_b .list .dd .words_bbox ._blist{margin-bottom: 14px;} .t_navs .top .menu .nli:nth-child(5) .sub1, .t_navs .top .menu .nli:nth-child(6) .sub1, .t_navs .top .menu .nli:nth-child(7) .sub1{left:auto; right:-36px;} } @media screen and (max-width: 1220px) { .t_navs .top .logo{ margin: 30px 0;} .t_navs .top .logo img{ height: 40px;} .t_navs .top .menu .nli{margin: 0 12px;} .t_navs .top .sub1{left: -20px;} .t_navs .top .menu .nli:nth-child(5) .sub1, .t_navs .top .menu .nli:nth-child(6) .sub1, .t_navs .top .menu .nli:nth-child(7) .sub1{left:auto; right:-20px;} } @media screen and (max-width: 1024px) { /*电脑端导航隐藏*/ .t_navs .menu{ display: none;} .t_navs .top .right ._t{display: none;} /*手机端导航显示*/ .t_navs .menuph{ display: block;} .t_navs .xialaph{ display: block;} /*手机端样式*/ .t_navs .top{ padding: 0 15px; width: 100%; position: absolute; top: 0; left: 0; z-index: 4; background: #fff;} /*logo*/ .t_navs .top .logo{ margin: 8px 0;} .t_navs .top .logo img{ height: 30px;} /*右侧三条杠*/ .t_navs .menuph{ float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin: 12px 0;} .t_navs .menuph .point { display: inline-block; width: 28px; height: 22px; position: relative;} .t_navs .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; height: 2px; background: #005cac; -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;} .t_navs .menuph .navbtn::after, .t_navs .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; background: #005cac; -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;} .t_navs .menuph .navbtn::after { top: -11px;} .t_navs .menuph .navbtn::before { top: 11px;} .t_navs .menuph .point.active .navbtn{ background: transparent;} .t_navs .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: 0;} .t_navs .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0;} /*一级导航*/ .t_navs .xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100%; overflow: scroll; padding: 46px 15px 100px 15px; display: none; z-index:3; background:#fff;} .t_navs .xialaph .ul2, .t_navs .xialaph .ul3{ display: none;} .t_navs .xialaph h4 a{ float: left; width: 60%; color: #333333;line-height: 40px;font-size: 14px;} .t_navs .xialaph h4{ float: left; width: 100%; position: relative;} .t_navs .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;} .t_navs .xialaph h4:hover a, .t_navs .xialaph h5:hover a{ color: #005cac;} .t_navs .xialaph h5 a{ float: left; width: 100%; color: #1f1f1f;line-height: 40px; text-transform: uppercase;font-size: 14px;} .t_navs .xialaph h5{ float: left; width: 100%; position: relative;} .t_navs .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;} .t_navs .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 16px; cursor: pointer;} .t_navs .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: -25px; margin-right: 18px; cursor: pointer;} .t_navs .xialaph h4.active img.img_s, .t_navs .xialaph h5.active img.img_s{ display: none;} .t_navs .xialaph h4.active img.img_d, .t_navs .xialaph h5.active img.img_d{ display: block;} .t_navs .xialaph .ul2{ float: left; width: 100%; padding: 0 10px;width: 100%;} .t_navs .xialaph .ul2 li{width: 100%;float: left;} .t_navs .xialaph .ul3{padding-bottom: 10px; padding-left: 15px; position: relative;width: 100%;float: left;} .t_navs .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;} .t_navs .xialaph .ul3 li a{ color: #333;line-height: 35px; display: block;font-size: 14px;} .t_navs .xialaph .ul3 li:hover a{color: #005cac;} .t_navs .xialaph .ul3 li{ padding-top: 5px;float: left;width: 100%;} .t_navs .xialaph .ul3 li.l1s{margin-bottom: 8px;font-weight: bolder;} .t_navs .xialaph .inputbox{width: 100%;position: relative;float: left;margin-top: 20px;} .t_navs .xialaph .inputbox input{width: 100%;height: 36px;padding: 0 60px 0 12px;font-size: 14px;color: #555;border: 1px solid #eee;} .t_navs .xialaph .inputbox img{width: 13px;display: block;position: absolute;right: 12px;top: 50%;margin-top: -6.5px;} /*二级三级导航箭头*/ .t_navs .img_d, .t_navs .disno{ display: none;} } /*首页banner*/ .sy_banner{width: 100%;} .sy_banner .ul{width: 100%;} .sy_banner .ul .li{width: 100%;} .sy_banner .ul .li a{display: block;width: 100%;position: relative;} .sy_banner .ul .li a .ba_pic{width: 100%;} .sy_banner .ul .li a .ba_pic img{width: 100%;display: block;} .sy_banner .ul .l1 a .wordsbox{width: 100%;position: absolute;left: 0;top: 46%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .sy_banner .ul .l1 a .wordsbox .words1{font-size: 55px;color: #ffffff;line-height: 70px;margin-bottom: 20px;font-weight: bolder;} .sy_banner .ul .l1 a .wordsbox .words2{font-size: 21px;color: rgba(255,255,255,0.34);line-height: 30px;margin-bottom: 68px;} .sy_banner .ul .l1 a .wordsbox .mroe{width: 100px;font-size: 12px;color: #ffffff;line-height: 30px;border: 1px solid #fff;border-radius: 16px;text-align: center;} .sy_banner .ul .l1 a .wordsbox .mroe:hover{background: #fff;color: #005bac;} .sy_banner .ul .l2 a .wordsbox{width: 100%;position: absolute;left: 0;top: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .sy_banner .ul .l2 a .wordsbox .titbox{width: 100%;text-align: center;margin-bottom: 28px;position: relative;} .sy_banner .ul .l2 a .wordsbox .titbox .words{font-size: 62px;color: #ffffff;line-height: 64px;font-weight: bolder;position: relative;z-index: 2;} .sy_banner .ul .l2 a .wordsbox .titbox img{width: 395px;display: block;position: absolute;left: 50%;top: -4px;z-index: 1; transform: translate(-50%,0); -ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0);} .sy_banner .ul .l2 a .wordsbox .border{width: 382px;height: 1px;position: relative;margin: 0 auto 68px auto;background: rgba(255,255,255,0.15);} .sy_banner .ul .l2 a .wordsbox .border::after{content: "";display: block;width: 64px;height: 3px;background-color: #ffffff;position: absolute;left: 50%;top: -1px;margin-left: -32px;} .sy_banner .ul .l2 a .wordsbox .pic{width: 100%;} .sy_banner .ul .l2 a .wordsbox .pic img{max-width: 100%;display: block;margin: 0 auto;} .sy_banner .ul .l3 a .wordsbox{width: 100%;position: absolute;left: 0;top: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .sy_banner .ul .l3 a .wordsbox .words1{font-size: 46px;color: #ffffff;line-height: 63px;margin-bottom: 18px;font-weight: bolder;text-align: center;letter-spacing: -1px;} .sy_banner .ul .l3 a .wordsbox .words2{font-size: 18px;color: rgba(255,255,255,0.34);line-height: 30px;margin-bottom: 64px;text-align: center;} .sy_banner .ul .l3 a .wordsbox .more{width: 100px;font-size: 12px;color: #ffffff;line-height: 30px;border: 1px solid #fff;border-radius: 16px;text-align: center;margin: 0 auto;} .sy_banner .ul .l3 a .wordsbox .more:hover{background: #fff;color: #005bac;} .sy_banner .ul .slick-dots{position: absolute; bottom: 36px; height: 11px; text-align: center;} .sy_banner .ul .slick-dots li{ vertical-align: top; width: 11px; height: 11px;border-radius: 5.5px; margin: 0 7px;border: 1px solid #fff;} .sy_banner .ul .slick-dots li.slick-active{ background: #fff;width: 28px;} @media screen and (max-width: 1680px) { .sy_banner .ul .l1 a .wordsbox .words1{font-size: 30px;line-height: 40px;margin-bottom: 14px;} .sy_banner .ul .l1 a .wordsbox .words2{font-size: 18px;line-height: 26px;margin-bottom: 40px;} .sy_banner .ul .l2 a .wordsbox .titbox{margin-bottom: 20px} .sy_banner .ul .l2 a .wordsbox .titbox .words{font-size: 40px;line-height: 44px;} .sy_banner .ul .l2 a .wordsbox .titbox img{width: 250px;top: -4px;} .sy_banner .ul .l2 a .wordsbox .border{width: 260px;margin: 0 auto 40px auto;} .sy_banner .ul .l2 a .wordsbox .border::after{width: 50px;margin-left: -25px;} .sy_banner .ul .l2 a .wordsbox .pic img{max-width: 70%} .sy_banner .ul .l3 a .wordsbox .words1{font-size: 24px;line-height: 30px;margin-bottom: 12px;} .sy_banner .ul .l3 a .wordsbox .words2{font-size: 13px;line-height: 20px;margin-bottom: 30px;} } @media screen and (max-width: 1024px) { .sy_banner{margin-top: 50px;} .sy_banner .ul .slick-dots{bottom: 20px; height: 8px;} .sy_banner .ul .slick-dots li{width: 8px; height: 8px;border-radius: 4px; margin: 0 4px;} .sy_banner .ul .slick-dots li.slick-active{width: 18px;} } /*底导航*/ .b_nav{width: 100%;} .b_nav .top{width: 100%;background: #005bac;padding-top: 44px;padding-bottom: 40px;position: relative;} .b_nav .top .w_1530::after{content: "";display: block;clear: both;} .b_nav .top .left{float: left;width: 39.215%;font-size: 16px;color: #ffffff;line-height: 30px;font-weight: lighter;padding-right: 60px;} .b_nav .top .center{width: 448px;float: left;margin-top: 33px;} .b_nav .top .center img{width: 100%;display: block;} .b_nav .top .right{float: right;} .b_nav .top .right .ewm{width: 100%;display: block;margin-bottom: 8px;} .b_nav .top .right .wordsico{width: 100%;font-size: 0;} .b_nav .top .right .wordsico img{width: 17px;display: inline-block;vertical-align: middle;margin-right: 6px;} .b_nav .top .right .wordsico .words{font-size: 12px;color: #ffffff;line-height: 16px;display: inline-block;vertical-align: middle;} .b_nav .bottom{width: 100%;background: #0155a0;padding-top: 10px;padding-bottom: 10px;} .b_nav .bottom .w_1530::after{content: "";display: block;clear: both;} .b_nav .bottom .bq{float: left; color: #fff;} .b_nav .bottom .bq a{color: #fff;} /*.b_nav .bottom .bq a br{display: none;}*/ .b_nav .bottom ._rights{float: right;} .b_nav .bottom ._rights .abox{float: left;/*margin-right: 40px;*/} .b_nav .bottom ._rights .abox a{float: left;font-size: 12px;color: #ededed;line-height: 28px;} .b_nav .bottom ._rights .abox a:hover{color: #fff;} .b_nav .bottom ._rights .abox span{float: left;font-size: 12px;color: #ededed;line-height: 28px;margin: 0 6px;} .b_nav .bottom ._rights .firend{float: left;position: relative;} .b_nav .bottom ._rights .firend ._t{overflow: hidden;cursor: pointer;} .b_nav .bottom ._rights .firend ._t .words{font-size: 12px;color: #ededed;line-height: 28px;float: left;margin-right: 12px;} .b_nav .bottom ._rights .firend ._t img{width: 16px;float: left;display: block;margin-top: 9.5px;} .b_nav .bottom ._rights .firend ._b{width: 100px;position: absolute;left: 50%;bottom: calc(100% + 12px);background: #fff;box-shadow: 0 0 30px rgba(0,0,0,0.1);display: none; transform: translate(-50%,0); -ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0);} .b_nav .bottom ._rights .firend ._b a{display: block;width: 100%;font-size: 14px;color: #555;line-height: 40px;text-align: center;} .b_nav .bottom ._rights .firend ._b a:hover{color: #fff;background: #005bac;} @media screen and (max-width: 1024px) { .b_nav .top{padding-top: 30px;padding-bottom: 30px;} .b_nav .top .left{float: left;width: calc(50% - 150px);font-size: 14px;line-height: 26px;} .b_nav .top .center{width: 300px;} } @media screen and (max-width: 1024px) { .b_nav{margin-bottom: 50px;} .b_nav .top{padding-top: 20px;padding-bottom: 20px;} .b_nav .top .left{width: 100%;font-size: 14px;line-height: 24px;text-align: center;float: none;padding-right: 0;} .b_nav .top .center{width: 448px;position: absolute;left: 50%;top: 50%;display: none; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);} .b_nav .top .center img{width: 100%;display: block;} .b_nav .top .right{float: none;text-align: center;margin-top: 12px;} .b_nav .top .right .ewm{width: 100px;margin: 0 auto 8px auto;} /*.b_nav .bottom .bq a{line-height: 28px;}*/ .b_nav .bottom ._rights{width: 100%;} .b_nav .bottom ._rights .abox{/*margin-right: 16px;*/} .b_nav .bottom ._rights .abox a{line-height: 20px;} .b_nav .bottom ._rights .abox span{line-height: 20px;margin: 0 4px;} .b_nav .bottom ._rights .firend ._t .words{line-height: 20px;margin-right: 6px;} .b_nav .bottom ._rights .firend ._t img{margin-top: 6px;width: 14px;} .b_nav .bottom ._rights .firend ._b a{line-height: 34px;} } /*首页标题*/ .sy_tti_section{width: 100%;overflow: hidden;} .sy_tti_section h1{float: left;padding-left: 15px;position: relative;font-size: 26px;color: #333333;line-height: 30px;} .sy_tti_section h1::after{content: "";display: block;width: 3px;height: 25px;background-color: #005bac;position: absolute;left: 0;top: 50%;margin-top: -12.5px;} .sy_tti_section h2{float: left;padding-left: 15px;position: relative;font-size: 26px;color: #333333;line-height: 30px;} .sy_tti_section h2::after{content: "";display: block;width: 3px;height: 25px;background-color: #005bac;position: absolute;left: 0;top: 50%;margin-top: -12.5px;} .sy_tti_section h3{float: left;padding-left: 15px;position: relative;font-size: 26px;color: #333333;line-height: 30px;} .sy_tti_section h3::after{content: "";display: block;width: 3px;height: 25px;background-color: #005bac;position: absolute;left: 0;top: 50%;margin-top: -12.5px;} .sy_tti_section ._rs{float: right;} .sy_tti_section ._rs .more a{display: block;font-size: 12px;color: #005bac;line-height: 30px;} .sy_tti_section ._rs .more a:hover{opacity: 0.6;} .sy_tti_section ._rs .qh_t{font-size: 0;} .sy_tti_section ._rs .qh_t .list{display: inline-block;vertical-align: middle;margin-right: 36px;position: relative;font-size: 16px;color: #666666;line-height: 30px;} .sy_tti_section ._rs .qh_t .list::after{content:"";display: block;width: 0%;height: 1px;background: #005bac;position: absolute;left: 50%;bottom: 0; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out; transform: translate(-50%,0); -ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0);} .sy_tti_section ._rs .qh_t .list.on::after, .sy_tti_section ._rs .qh_t .list:hover::after{width: 100%;} .sy_tti_section ._rs .qh_t .list:hover, .sy_tti_section ._rs .qh_t .list.on{color: #005bac;} @media screen and (max-width: 1680px) { .sy_tti_section h1{font-size: 22px;line-height: 26px;} .sy_tti_section h1::after{width: 3px;height: 20px;margin-top: -10px;} .sy_tti_section h2{font-size: 22px;line-height: 26px;} .sy_tti_section h2::after{width: 3px;height: 20px;margin-top: -10px;} .sy_tti_section h3{font-size: 22px;line-height: 26px;} .sy_tti_section h3::after{width: 3px;height: 20px;margin-top: -10px;} .sy_tti_section ._rs .more a{line-height: 26px;} .sy_tti_section ._rs .qh_t .list{margin-right: 26px;font-size: 14px;line-height: 26px;} } @media screen and (max-width: 1024px) { .sy_tti_section h1{padding-left: 12px;font-size: 18px;line-height: 22px;} .sy_tti_section h1::after{width: 2px;height: 18px;margin-top: -9px;} .sy_tti_section h2{padding-left: 12px;font-size: 18px;line-height: 22px;} .sy_tti_section h2::after{width: 2px;height: 18px;margin-top: -9px;} .sy_tti_section h3{padding-left: 12px;font-size: 18px;line-height: 22px;} .sy_tti_section h3::after{width: 2px;height: 18px;margin-top: -9px;} .sy_tti_section ._rs .more a{line-height: 22px;} .sy_tti_section ._rs .qh_t .list{margin-right: 12px;line-height: 22px;} } .sy_section1{width: 100%;padding-top: 36px;padding-bottom: 36px;background-color: #f6f7fb;} .sy_section1 .content{width: 100%;margin-top: 26px;} .sy_section1 .content .ul{width: calc(100% + 30px);margin: 0 -15px;} .sy_section1 .content .ul .li{padding: 0 15px;} .sy_section1 .content .ul .li .a{display: block;width: 100%;padding: 24px 20px 20px 20px;background-color: #ffffff;} .sy_section1 .content .ul .li .a .top{width: 100%;margin-bottom: 40px;} .sy_section1 .content .ul .li .a .top .tit{width: 100%;padding-bottom: 20px;margin-bottom: 18px;border-bottom: 1px solid #f0f0f0;font-size: 22px;color: #333333;line-height: 26px; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .sy_section1 .content .ul .li .a:hover .top .tit{} .sy_section1 .content .ul .li .a .top .listbox{width: 100%;min-height: 128px;} .sy_section1 .content .ul .li .a .top .listbox .list{width: 100%;padding-left: 15px;position: relative;margin-bottom: 16px;font-size: 16px;color: #666666;line-height: 20px;} .sy_section1 .content .ul .li .a .top .listbox .list:last-child{margin-bottom: 0;} .sy_section1 .content .ul .li .a .top .listbox .list::after{content: "";display: block;width: 5px;height: 5px;position: absolute;left: 0;top: 50%;margin-top: -2.5px;background: #005bac; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .sy_section1 .content .ul .li .a .top .listbox .list a{color: #666666;} .sy_section1 .content .ul .li .a .top .listbox .list a:hover{color: #005bac;border-bottom: 1px solid #005bac;} .sy_section1 .content .ul .li .a .bottom{width: 100%;} .sy_section1 .content .ul .li .a .bottom .pic{ width: 100%; padding-bottom: 58.22%; position: relative; overflow: hidden; min-height: 50px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} .sy_section1 .content .ul .li .a .bottom .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -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;} .sy_section1 .content .ul .li .a:hover .bottom .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);} @media screen and (max-width: 1680px) { .sy_section1 .content{margin-top: 20px;} .sy_section1 .content .ul .li .a{padding: 20px;} .sy_section1 .content .ul .li .a .top{margin-bottom: 20px;} .sy_section1 .content .ul .li .a .top .tit{padding-bottom: 16px;margin-bottom: 16px;font-size: 16px;line-height: 20px;} } @media screen and (max-width: 1024px) { .sy_section1{padding-top: 30px;padding-bottom: 30px;} .sy_section1 .content{margin-top: 16px;} .sy_section1 .content .ul{width: calc(100% + 12px);margin: 0 -6px;padding-bottom: 24px;} .sy_section1 .content .ul .li{padding: 0 6px;} .sy_section1 .content .ul .li .a{padding: 12px;} .sy_section1 .content .ul .li .a .top{margin-bottom: 14px;} .sy_section1 .content .ul .li .a .top .tit{padding-bottom: 12px;margin-bottom: 12px;;font-size: 16px;line-height: 20px;} .sy_section1 .content .ul .li .a .top .listbox{min-height: 100px;} .sy_section1 .content .ul .li .a .top .listbox .list{margin-bottom: 10px;} .sy_section1 .content .ul .slick-dots{position: absolute; bottom: 0; height: 8px; text-align: center;} .sy_section1 .content .ul .slick-dots li{ vertical-align: top; width: 8px; height: 8px;border-radius: 100%; margin: 0 4px; background: #dddddd;} .sy_section1 .content .ul .slick-dots li.slick-active{ background: #005bac;} } .sy_section2{width: 100%;background: #f6f7fb;padding-bottom: 36px;} .sy_section2 .content{width: 100%;margin-top: 28px;} .sy_section2 .content .ul{margin: 0 -15px;width: calc(100% + 30px);} .sy_section2 .content .ul .li{padding: 0 15px;} .sy_section2 .content .ul .li a{display: block;width: 100%;background: #ffffff;} .sy_section2 .content .ul .li a .pic{ width: 100%; padding-bottom: 64.18%; position: relative; overflow: hidden; min-height: 50px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} .sy_section2 .content .ul .li a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -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;} .sy_section2 .content .ul .li a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);} .sy_section2 .content .ul .li a .wordsbox{width: 100%;padding: 0 20px;font-size: 0;} .sy_section2 .content .ul .li a .wordsbox .words{font-size: 18px;color: #333333;line-height: 64px;display: inline-block;vertical-align: middle;margin-right: 12px;} .sy_section2 .content .ul .li a:hover .wordsbox .words{color: #005bac;} .sy_section2 .content .ul .li a .wordsbox img{width: 6px;display: inline-block;vertical-align: middle;} @media screen and (max-width: 1680px) { .sy_section2 .content .ul .li a .wordsbox .words{font-size: 16px;line-height: 50px;margin-right: 8px;} } @media screen and (max-width: 1024px) { .sy_section2{padding-bottom: 30px;} .sy_section2 .content{margin-top: 16px;} .sy_section2 .content .ul{margin: 0 -6px;width: calc(100% + 12px);padding-bottom: 24px;} .sy_section2 .content .ul .li{padding: 0 6px;} .sy_section2 .content .ul .li a .wordsbox{padding: 0 12px;} .sy_section2 .content .ul .li a .wordsbox .words{font-size: 16px;line-height: 36px;;margin-right: 8px;} .sy_section2 .content .ul .slick-dots{position: absolute; bottom: 0; height: 8px; text-align: center;} .sy_section2 .content .ul .slick-dots li{ vertical-align: top; width: 8px; height: 8px;border-radius: 100%; margin: 0 4px; background: #dddddd;} .sy_section2 .content .ul .slick-dots li.slick-active{ background: #005bac;} } .sy_section3{width: 100%;padding-bottom: 50px;background: #f6f7fb;} .sy_section3 .qh_b{width: 100%;margin-top: 22px;position: relative;} .sy_section3 .qh_b .list{width: 100%;position: absolute;left: 0;top: 0;z-index: 1;opacity: 0; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .sy_section3 .qh_b .list.on{opacity: 1;z-index: 2;position: relative;} .sy_section3 .qh_b .list .ul{margin: 0 -15px;width: calc(100% + 30px);padding-bottom: 40px;} .sy_section3 .qh_b .list .ul .li{padding: 0 15px;} .sy_section3 .qh_b .list .ul .li a{display: block;width: 100%;background: #ffffff;padding: 46px 50px 60px 32px;} .sy_section3 .qh_b .list .ul .li a .date{font-size: 16px;color: #005bac;line-height: 20px;margin-bottom: 18px;} .sy_section3 .qh_b .list .ul .li a .info{font-size: 18px;color: #333333;line-height: 30px;margin-bottom: 26px;height: 90px;font-weight: bolder; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;} .sy_section3 .qh_b .list .ul .li a:hover .info{color: #005bac;} .sy_section3 .qh_b .list .ul .li a .more{width: 100px;font-size: 12px;color: #333333;line-height: 30px;text-align: center;border: 1px solid #666666;border-radius: 16px;} .sy_section3 .qh_b .list .ul .li a:hover .more{color: #fff;border-color: #005bac;background: #005bac;} .sy_section3 .qh_b .list .ul .slick-dots{position: absolute; bottom: 0; height: 11px; text-align: center;} .sy_section3 .qh_b .list .ul .slick-dots li{ vertical-align: top; width: 11px; height: 11px;border-radius: 100%; margin: 0 7px;border: 1px solid #bcbcbd} .sy_section3 .qh_b .list .ul .slick-dots li.slick-active{ background: #005bac;border-color: #005bac;} .sy_section3 .qh_b .list .ul .slick-prev{width: 34px;height: 34px;border: 1px solid #b5b5b5;left: -54px;top: 50%;border-radius: 100%;} .sy_section3 .qh_b .list .ul .slick-next{width: 34px;height: 34px;border: 1px solid #b5b5b5; right: -54px;top: 50%;border-radius: 100%;} .sy_section3 .qh_b .list .ul .slick-prev::after{content: "";display: block;width: 10px;height: 10px;border-left: 1px solid #b5b5b5;border-top: 1px solid #b5b5b5;position: absolute;left: 50%;top: 50%;margin: -5px 0 0 -4px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} .sy_section3 .qh_b .list .ul .slick-next::after{content: "";display: block;width: 10px;height: 10px;border-right: 1px solid #b5b5b5;border-top: 1px solid #b5b5b5;position: absolute;left: 50%;top: 50%;margin: -5px 0 0 -8px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .sy_section3 .qh_b .list .ul .slick-prev:hover, .sy_section3 .qh_b .list .ul .slick-next:hover{background: #005bac;} .sy_section3 .qh_b .list .ul .slick-prev:hover::after, .sy_section3 .qh_b .list .ul .slick-next:hover::after{border-color: #fff;} @media screen and (max-width: 1680px) { .sy_section3 .qh_b .list .ul .li a{padding: 30px;} .sy_section3 .qh_b .list .ul .li a .date{font-size: 14px;line-height: 20px;margin-bottom: 12px;} .sy_section3 .qh_b .list .ul .li a .info{font-size: 16px;line-height: 26px;margin-bottom: 20px;height: 72px;} .sy_section3 .qh_b .list .ul .slick-prev{left: -36px} .sy_section3 .qh_b .list .ul .slick-next{right: -36px} } @media screen and (max-width: 1680px) { .sy_section3{padding-bottom: 30px;;} .sy_section3 .qh_b{margin-top: 14px;} .sy_section3 .qh_b .list .ul{margin: 0 -6px;width: calc(100% + 12px);padding-bottom: 30px;} .sy_section3 .qh_b .list .ul .li{padding: 0 6px;} .sy_section3 .qh_b .list .ul .li a{padding: 12px;} .sy_section3 .qh_b .list .ul .li a .date{font-size: 14px;line-height: 18px;margin-bottom: 12px;} .sy_section3 .qh_b .list .ul .li a .info{font-size: 14px;line-height: 22px;margin-bottom: 14px;height: 66px;} .sy_section3 .qh_b .list .ul .slick-dots{ height: 8px; } .sy_section3 .qh_b .list .ul .slick-dots li{width: 8px; height: 8px;margin: 0 2px;} .sy_section3 .qh_b .list .ul .slick-prev{width: 0;height: 0;opacity: 0;} .sy_section3 .qh_b .list .ul .slick-next{width: 0;height: 0;opacity: 0;} } /* zzh */ /* 产品列表页 */ .cplb_banner{width: 100%;} .cplb_banner img{width: 100%;} .cplb_content{width: 100%;background: #f6f7fb;} .cplb_content .cplb_title{width:100%;text-align: center;border-bottom: 1px solid #dddddd;} .cplb_content .cplb_title a{font-size:16px;color: #001a32;line-height:70px;margin: 0 60px;position: relative;padding-bottom: 28px;} .cplb_content .cplb_title a::after{content: "";position: absolute;width:100%;height: 2px;background: #005bac;left: 0px;bottom:2px;display: none;} .cplb_content .cplb_title a:hover{color: #005bac;} .cplb_content .cplb_title a:hover::after{display: block;} .cplb_content .cplb_list{width: 100%;padding-bottom: 40px;padding-top: 40px;} .cplb_content .list_ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;} .cplb_content .list_ul .list_li{width: 32%;background: #ffffff;padding: 40px 52px 0 42px;min-height:287px;margin-bottom: 26px;} .cplb_content .list_title{width: 100%;} .cplb_content .list_title::after{content: "";display: block;clear: both;} .cplb_content .list_title a{cursor:default; float: left;width: 100%;font-size: 22px;color: #333333;border-bottom: 1px solid #f0f0f0;padding-bottom: 24px;margin-bottom: 20px;} .cplb_content .list_title a:hover{} .cplb_content .list_li ul{width: 100%;} .cplb_content .list_li ul::after{content: "";display: block;clear: both;} .cplb_content .list_li li{float: left; margin-bottom: 16px;width: 100%;} .cplb_content .list_li li a{width: 100%;font-size: 16px;color: #666666;position: relative;padding-left: 14px;} .cplb_content .list_li li a::after{content: "";position: absolute;display: block;background: #005bac;width: 4px;height: 4px;transform: rotate(45deg);left: 0px;bottom: 35%;} .cplb_content .list_li li a:hover{border-bottom: 1px solid #005bac;color: #005bac;} @media screen and (max-width:1024px) { .cplb_content .cplb_title a{font-size: 12px;line-height: 50px;} .cplb_content .list_title a{font-size: 16px;padding-bottom: 14px;margin-bottom: 14px;} .cplb_content .list_li li a{font-size: 14px;} } @media screen and (max-width:767px) { .cplb_banner{margin-top: 44px;} .cplb_content .cplb_title a{margin: 0 30px;} .cplb_content .list_ul .list_li{width: 100%;min-height: 1px;margin-bottom: 10px;padding: 16px 16px 0 16px;} .cplb_content .cplb_list{padding-bottom: 30px;padding-top: 30px;} } /* 联系我们 */ .lxwm_banner{width: 100%;position: relative;} .lxwm_banner img{width: 100%;} .lxwm_banner .banner_tit{font-size: 60px;color: #ffffff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .lxwm_content{float: left;width: 100%;background: #f6f7fb;padding-top: 50px;padding-bottom: 10px;} .lxwm_content .list_ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;} .lxwm_content .list_ul .list_li{width:48.6928%;background: #ffffff;padding-left: 40px;padding-top: 48px;padding-right: 50px;min-height: 346px;margin-bottom: 40px;} .lxwm_content .list_ul .list_li:hover{box-shadow:0 0 30px 4px rgba(0, 0, 0, 0.1);} .lxwm_content .comp_name{float: left; font-size: 22px;font-weight: bolder; color: #333333;width: 100%;padding-bottom: 22px;border-bottom: 1px solid #f0f0f0;margin-bottom: 28px;} .lxwm_content .list_li img{float: left;width: 26px;margin-top: 10px;} .lxwm_content .comp_pho{float: left;width:calc(100% - 26px);padding-left: 13px;margin-bottom: 15px;} .lxwm_content .comp_site{float: left;width:calc(100% - 26px);padding-left: 13px;} .lxwm_content .text{font-size: 16px;color: #666666;margin-bottom: 4px;} .lxwm_content .comp_context{font-size: 18px;color: #333333;line-height: 31px;} @media screen and (max-width:1024px) { .lxwm_banner .banner_tit{font-size: 44px;} .lxwm_content{padding-top: 20px;padding-bottom: 0px;} .lxwm_content .list_ul .list_li{margin-bottom: 20px;min-height:1px;padding: 16px;} .lxwm_content .comp_name{font-size: 18px;padding-bottom: 18px;border-bottom: 1px solid #f0f0f0;margin-bottom: 20px;} .lxwm_content .comp_pho{margin-bottom: 10px;} .lxwm_content .text{font-size: 12px;margin-bottom: 8px;} .lxwm_content .comp_context{font-size: 14px;line-height: 24px;} .container{padding-left: 15px;padding-right: 15px;} } @media screen and (max-width:767px) { .lxwm_banner{margin-top:44px;} .lxwm_banner .banner_tit{font-size: 30px;} .lxwm_content .list_ul .list_li{width: 100%;padding-right: 16px;} .lxwm_content .comp_name{font-size: 16px;padding-bottom: 12px;border-bottom: 1px solid #f0f0f0;margin-bottom: 14px;} .lxwm_content .list_li img{width: 20px;} } /*20221028end首页切图*/ /*网站地图*/ .wzdt{ width:100%; float:left;} .wzdt li{ width:100%;float:left; border-bottom:1px dashed #323232; padding:10px 0;} .wzdt li .a1{ width:100%;float:left; font-size:16px;font-weight:bold; line-height:24px; color:#323232} .wzdt li .a2{float:left; text-align:center; padding-right:10px; line-height:24px; color:#323232}