@charset "utf-8"; /* CSS Document */ /*切图：yly*/ @font-face { font-family: myFirstFont; src: url('fonts/NotoSansHans-Regular.otf'); font-weight: normal; font-style: normal; } html{ overflow-x:hidden; overflow-y:auto;} *{ padding:0; margin:0;} ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;} body, button, input, select, textarea{ font-family:'NotoSansHans-Regular','Microsoft yahei' ,Arial; font-size:12px;} code, kbd, pre, samp { font-family:'NotoSansHans-Regular','Microsoft yahei' ,Arial;} address, caption, cite, code, dfn,th, var { font-style: normal; font-weight: normal; } a{ text-decoration:none; color:#333; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; } a:hover{color:#002f7c; cursor:pointer;} img{border:0; max-width:100%;} table { border-collapse: collapse; border-spacing: 0; } h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; font-family:'NotoSansHans-Regular','Microsoft yahei' ,Arial;} h1{font-size:36px;} h2{font-size:24px;} h3{font-size:22px;} h4{font-size:18px;} h5{font-size:14px;} h6{font-size:12px;} input,table,tr,td{ margin:0; padding:0; border:none; background: none;} button,table{ border:none; background:none; margin:0; padding:0;} select{ margin:0; padding:0; border: 0; background: none; font-family:'NotoSansHans-Regular','Microsoft yahei' ,Arial; outline:none;} textarea{ resize:none; outline:0; border: 0; background: none;} input{ outline:0;} body{ overflow:hidden; background:#fff; max-width: 1280px; margin: 0 auto;} .pz_top{ float:left; width:100%; position:relative; z-index:99; background:#fff;} .pz_banner{ float:left; width:100%; overflow:hidden; position:relative; z-index:8; } .pz_main{ float:left; width:100%; min-height:200px;} .pz_down{ float:left; width:100%;} /*top*/ .topTel{ float:left; margin:52px 0 37px 0; color:#002f7c; font-size:18px; line-height:32px; font-weight: 500; background:#f5f5f5 url(images/top1.png) left center no-repeat; padding:0 11px 0 43px;} .www{ float:left; margin:52px 0 37px 0; position:relative;} .www .la{ float:left; margin:0 0 0 20px; color:#333333; font-size:16px; line-height:32px; background:url(images/top4.png) right center no-repeat;padding:0 25px 0 0;} .www .la:hover{ color:#002f7c; background:url(images/top5.png) right center no-repeat;} .www .la1{ float:left; margin:0 0 0 20px; color:#333333; font-size:16px; line-height:32px; background:url(images/top3.png) right center no-repeat;padding:0 25px 0 0;} .www .la1:hover{ color:#002f7c; background:url(images/top2.png) right center no-repeat;} .www .sub{ display:none; float:left; position:absolute; left:-3px; width:130px; top:37px; background:#fff; border:1px solid #ebebeb; z-index:999; padding:7px 0;} .www .sub a{ float:left; width:100%; text-align:center; color:#333; font-size:14px; line-height:26px;} .www .sub a:hover{ color:#002f7c;} .logo{ float:right; /*width:197px;*/ height:76px; line-height:0; margin:19px 30px 25px 0;} .so{ float:left; position:relative; margin:45px 0 30px 26px; border: 1px solid #eaeaea;} /*.so::after{ float:left; width:1px; height:10px; position:absolute; left:28px; top:50%; margin-top:-5px; content:''; background:#bdbab9;}*/ .so .Search{ float:left; height:38px; background:none; border:none; line-height:24px; padding:4px 12px 4px 15px; color:#bdbab9; font-size:16px; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: 0; border-radius:0 } .so .sear_sub{ float:right; width:42px; height:42px; border:none;background: #002f7c url(images/search.png) center no-repeat;} .so ::-webkit-input-placeholder{color:#bdbab9} .so :-moz-placeholder{color:#bdbab9} .so ::-moz-placeholder{color:#bdbab9} .so :-ms-input-placeholder{color:#bdbab9} .so span{display:block; float:right; width:84px; height:40px; background:url(images/img_1_11.png) no-repeat 65px 20px #fff; cursor:pointer ; position:relative; z-index:9999;} .so span input.sou_inp{ display:block; position:absolute; left:0; top:0; width:84px; height:42px; line-height: 42px; font-size: 16px; z-index:1; opacity:0; filter:alpha(opacity=00);} .so span div{ float:left; text-align:center; height:44px; line-height:44px; font-size:16px; color:#4c4c4c; position:relative; z-index:9; width:64px;} .so span ul{ display:none; position:absolute; left:1px; top:44px; background: #fff; border:1px solid #eaeaea; width:84px; height:auto; overflow-y:auto;overflow-x:hidden;z-index:9} .so span ul li{ float:left; width:100%; text-align:center; height:30px; line-height:30px; font-size:14px; color:#4c4c4c;} .so span ul li:hover{ background:#f0f0f0; color: #002f7c;} /*menu*/ .menu{ float:left; width:100%; border-top:1px solid #e5e5e5;} .menu ul{ margin:0 -17px;} .menu .nli{ float:left; padding:0 17px; text-align:center; position:relative;} .menu .nli::after{float:left; width:1px; height:14px; position:absolute; right:0; top:50%; margin-top:-7px; content:''; background:#e4e1e0;} .menu .nli:last-child::after{ display:none;} .menu .nli span a{float:left; padding:0 30px; color:#333333; font-size:16px; line-height:60px; position:relative; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;} .menu .nli span a::after{ float:left; width:0; height:2px; background:#002f7c; position:absolute; left:50%; top:-1px; content:'';oz-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%);} /*20220906start */ .menu .nli.active span a, .menu .nli:hover span a{ color:#002f7c;} /*20220906end*/ .menu .nli.active span a::after, .menu .nli:hover span a::after{ width:100%;} /*20220906start*/ .menu_sub{ display:none; float:left; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; position:absolute; left:0; top:131px; width:100%; background:#fff; background:rgba(255,255,255,0.9); z-index:69; text-align:center;} /*20220906end*/ .menu_sub .l2{ float: left; width: 25%; border-right: 1px solid #eaeaea; text-align: center; vertical-align:top;} .menu_sub .l2:first-child{ border-left: 1px solid #eaeaea;} .menu_sub .l2 .a1{ float:left; display: block; width: 100%; color:#333333; font-size:16px; line-height:50px; position:relative;} .menu_sub .l2.active .a1{ background: #002f7c; color: #fff;} .menu_sub .l2.active .a1::after{ content: ""; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; z-index:99; border-width: 8px; border-style: solid dashed dashed dashed; border-color: #002f7c transparent transparent transparent; position: absolute; bottom: -16px; left: 50%; margin-left: -8px;} .menu_sub .l2 .a1:hover,.menu_sub .l2 .a1.active{ background: #002f7c; color: #fff;} .menu_sub .l2 .a1:hover::after,.menu_sub .l2 .a1.active::after{ content: ""; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; z-index:99; border-width: 8px; border-style: solid dashed dashed dashed; border-color: #002f7c transparent transparent transparent; position: absolute; bottom: -16px; left: 50%; margin-left: -8px;} .menu_sub1.active{ display: block!important;} .menu_ul3{ display:none; float:left; position:absolute; left:0; top:51px; padding: 14px 0 10px 0; width:100%; background:#fff; background:rgba(255,255,255,0.9); z-index:66; text-align:center; overflow: hidden;} .menu_ul3 .l3{ float: left; width: 16%; text-align: center; margin: 5px 0;} .menu_ul3 .l3 .img{ width: 75px; height: auto; margin: 0 auto;} .menu_ul3 .l3 .text{ font-size: 14px; height: 40px;} .menu_ul3 .l4{ float: left; width: 15%; text-align: left;} .menu_ul3 .l4 .text{ font-size: 14px;} .le1 .ml1:first-child{ margin-left: 380px;} .le2 .ml1:first-child{ margin-left: 824px;} /*20220906start*/ .m1{ display: none; position:absolute; font-size: 16px; left:0; top:131px; width:100%; background:#fff; background:rgba(255,255,255,0.9);} /*20220906end*/ .m1 .ml1,.menu_ul3 .ml1{ float: left; margin: 10px 15px;} .m1 .ml1 .img,.menu_ul3 .ml1 .img{ width: 100px; margin: 0 auto;} .m1 .ml1 .text,.menu_ul3 .ml1 .text{ font-size: 14px; text-align: center;} .menu_ul3 .container, .m1 .container{display:flex; flex-wrap: wrap; align-items: flex-start;} .a7:first-child { margin-left: 260px!important;} .pc_top{ display:block;} .ph_top{ display:none;} .pc_menu{ display:block;} .menuph{ display:none;} .xialaph{ display:none;} .menu_sub .l2.l2_mleft{margin-left:215px;} @media screen and (max-width:1230px ) { .menu ul{ margin:0 -10px;} .menu .nli{ padding:0 10px;} .menu .nli span a{ padding:0 25px;} .menu_sub li{ margin:0;} .menu_sub li:first-child{ margin-left:0;} .logo{ width: 110px ;height: 42px; margin: 39px 0;} .topTel{ margin:52px 0 37px 0; font-size:16px; line-height:32px; padding:0 11px 0 43px;} .www{ margin:52px 0 37px 0;} .www .la{ margin:0 0 0 10px; font-size:14px; padding:0 25px 0 0;} .www .la1{ margin:0 0 0 10px; font-size:14px; padding:0 25px 0 0;} .www .sub{ left:3px; width:89px; top:37px;} .www .sub a{ font-size:14px; line-height:26px;} .m1 .ml1 .img,.menu_ul3 .ml1{ width: 145px;} .le1 .ml1:first-child { margin-left: 546px;} .le2 .ml1:first-child { margin-left: 680px;} .m1 .ml1, .menu_ul3 .ml1{ margin: 10px 5px;} .a7:first-child { margin-left: 680px!important;} .menu_sub .l2.l2_mleft{margin-left:182px;} } @media screen and (max-width:1023px ) { .logo{ float:right; width:113px; height:43px; margin:8px 0;} .so_but_ph{ float: left; width: 100%; position:relative; margin:10px 0; border: 1px solid #eaeaea;} .so_but_ph .Search{ float:left; width: 58%; height:42px; background:none; border:none; line-height:24px; padding:4px 8px 4px 8px; color:#bdbab9; font-size:14px;} .so_but_ph .sear_sub{ float:right; width:42px; height:42px; border:none;background: #002f7c url(images/search.png) center no-repeat;} .so_but_ph ::-webkit-input-placeholder{color:#bdbab9} .so_but_ph :-moz-placeholder{color:#bdbab9} .so_but_ph ::-moz-placeholder{color:#bdbab9} .so_but_ph :-ms-input-placeholder{color:#bdbab9} .so_but_ph span{display:block; float:right; width:84px; height:40px; background:url(images/img_1_11.png) no-repeat 65px 20px #fff; cursor:pointer ; position:relative; z-index:9999;} .so_but_ph span input.sou_inp{ display:block; position:absolute; left:0; top:0; width:84px; height:42px; line-height: 42px; font-size: 16px; z-index:1; opacity:0; filter:alpha(opacity=00);} .so_but_ph span div{ float:left; text-align:center; height:44px; line-height:44px; font-size:14px; color:#4c4c4c; position:relative; z-index:9; width:70px;} .so_but_ph span ul{ display:none; position:absolute; left:1px; top:44px; background: #fff; border:1px solid #eaeaea; width:84px; height:auto; overflow-y:auto;overflow-x:hidden;z-index:9} .so_but_ph span ul li{ float:left; width:100%; text-align:center; height:30px; line-height:30px; font-size:14px; color:#4c4c4c;} .so_but_ph span ul li:hover{ background:#f0f0f0; color: #002f7c;} .www{ margin:0 0 15px 0; text-align:center; } .www .la{ margin:0 7px; float:none; display:inline-block;} .www .la1{ margin:0 7px; float:none; display:inline-block;} .www .sub{ left:7px; top:auto; bottom:37px;} /*20220906start*/ .pz_top{ position: fixed; top: 0; left: 0;background: #002f7c;padding: 0 15px;} /*20220906end*/ .kb{ height: 60px; width: 100%;} .menuph{ display:block;} .xialaph{ display:block;} /*手机按钮*/ /*20220906start*/ .menuph{ float:left; width:28px; height:22px; cursor: pointer; text-align: center; margin:19px 0;} .menuph .point { display: inline-block; width: 28px; height: 22px; position: relative;} .menuph .point:hover .navbtn, .menuph .point:hover .navbtn::after, .menuph .point:hover .navbtn::before { width: 28px; } .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; height: 2px; -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; background: #fff; } .menuph .navbtn::after, .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; -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; background: #fff; } .menuph .navbtn::after { top: -11px; } .menuph .navbtn::before { top: 10px; } .menuph .point.active .navbtn{ background: transparent; } .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; } .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; } /*手机下拉*/ .xialaph{ position:fixed; left:0; top:0; float:left; width: 100%; height:100%; overflow:scroll; padding:52px 0 140px 0; display: none; z-index:98; background:#fff;} /*20220906end*/ .xialaph .ul2, .xialaph .ul3{display: none;} .xialaph h4 a{ float:left; width:92%; color: #333333; font-size:16px; line-height: 55px;} .xialaph h4 a span{ padding-left:6px; color:#ccc; font-size:14px;} .xialaph h4{ float:left; width:100%; position:relative;} .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7; /*opacity: 0.1;*/ } .xialaph h4:hover a, .xialaph h5:hover a{ color: #002f7c; } .xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7; /*opacity: 0.1;*/ } .xialaph h5 a{ float:left; width:85%; color: #1f1f1f; font-size:14px; line-height: 45px; text-transform:uppercase; } .xialaph h5{ float:left; width:100%;position: relative; } .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7; /*opacity: 0.05;*/ } .xialaph li:last-child h5::after{ display: none; } .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 24px; cursor: pointer;} .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: 20px; margin-right: 18px; cursor: pointer; } .xialaph h4.active img.img_s, .xialaph h5.active img.img_s{ display: none; } .xialaph h4.active img.img_d, .xialaph h5.active img.img_d{ display: block; } .xialaph .ul2{ float:left; width:100%; padding:0 10px; position:relative;} .xialaph .ul3{ padding-top: 12px; padding-bottom: 18px; padding-left: 15px; position: relative; float: left; width: 100%; } .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7; } .xialaph li:last-child .ul3::after{ display: none; } .xialaph .ul3 li a{ color: #333; font-size: 14px; line-height: 35px; display: block; } .xialaph .ul3 li a:hover{color: #002f7c;} .xialaph .ul3 li{ padding-top: 5px; } .xialaph .ul3 li:first-child{ padding-top: 0; } .xialaph .phsou{ position: relative; margin-top: 34px; } .xialaph .phsou input{ width: 100%; height: 56px; background-color: #fff; color: #aaa; font-size: 14px; padding-left: 20px; border: 1px solid #e5e5e5; } .xialaph .phsou img{ cursor: pointer; width: 21px; height: 22px; position: absolute; top: 17px; right: 29px; } .img_d, .disno{ display: none; } } @media screen and (max-width:320px ) { .so_but_ph span{ width: 30%;} .so_but_ph .Search{ padding: 8px 0;} .so_but_ph .sear_sub{ width: 32px;} } /*banner*/ .slide_banner{ float: left; width: 100%; line-height: 0; overflow: hidden; text-align: center; position: relative;} .slide_banner img{ width: 100%;} .slide_banner .slick-prev{ width: 60px; height: 60px; left: 8%; top: 50%; margin-top: -36px; background:url(images/Prev1.png) no-repeat center; background-size: 100% 100%;} .slide_banner .slick-next{ width: 60px; height: 60px; right:8%; top: 50%; margin-top: -36px; background:url(images/Next1.png) no-repeat center; background-size: 100% 100%;} .slide_banner .slick-prev:hover{ background:url(images/Prev2.png) no-repeat center;} .slide_banner .slick-next:hover{ background:url(images/Next2.png) no-repeat center;} .pz_banner .slick-dots{ position: absolute; bottom: 25px; z-index: 10; height: 10px;} .pz_banner .slick-dots li{ vertical-align: top; width: 10px; height: 10px; background: #fff; margin: 0 10px; border-radius: 50%; cursor: pointer; text-indent: -999px; overflow: hidden;} .pz_banner .slick-dots .slick-active{ background: #002f7c;} .zy_banner{ float: left; width: 100%; line-height: 0; position: relative;} @media screen and (max-width:1023px ) { .slide_banner .slick-prev{ width:15px; height:30px; left:3%; margin-top: -15px; } .slide_banner .slick-next{ width:15px; height:30px; right:3%; margin-top: -15px; } .pz_banner .slick-dots{ bottom: 10px; height: 6px;} .pz_banner .slick-dots li{ width: 5px; height: 5px; margin: 0 2px;} } /* main */ /* 标题 */ .homeTit1{ overflow: hidden;} .homeTit1 .tit{ float: left; font-size: 30px; padding-left: 37px; color: #002f7c; background: url(images/main1.png) no-repeat left center;} .homeTit1 .homeMore{ display: block; width: 81px; float: right; font-size: 14px; padding-left: 25px; margin-top: 10px; color: #959696; background: url(images/main2.png) no-repeat left center;} .homeTit1 .homeMore:hover{ color: #002f7c; background: url(images/main2_1.png) no-repeat left center;} .homeTit2{ overflow: hidden;} .homeTit2 .tit{ float: left; font-size: 30px; padding-left: 37px; color: #002f7c; background: url(images/main1.png) no-repeat left center;} .homeTit2 .homeMore{ display: block; width: 81px; float: left; font-size: 14px; padding-left: 25px; margin-left: 20px; margin-top: 10px; color: #959696; background: url(images/main2.png) no-repeat left center;} .homeTit2 .homeMore:hover{ color: #002f7c; background: url(images/main2_1.png) no-repeat left center;} .homeTit3{ overflow: hidden;} .homeTit3 .tit{ float: left; font-size: 30px; padding-left: 37px; color: #fff; background: url(images/main1_1.png) no-repeat left center;} .homeTit3 .homeMore{ display: block; width: 81px; float: right; font-size: 14px; padding-left: 25px; margin-top: 10px; color: #fff; background: url(images/main2_2.png) no-repeat left center;} .homeTit3 .homeMore:hover{ color: #959696; background: url(images/main2.png) no-repeat left center;} @media screen and (max-width:1023px ) { .homeTit1 .tit{ font-size: 18px; padding-left: 20px; background-size: 20%;} .homeTit1 .homeMore{ font-size: 12px; padding-left: 15px; margin-top: 5px; background-size: 15%;} .homeTit1 .homeMore:hover{ background-size: 15%;} .homeTit2 .tit{ font-size: 18px; padding-left: 20px; background-size: 20%;} .homeTit2 .homeMore{ font-size: 12px; padding-left: 15px; margin-top: 5px; background-size: 15%;} .homeTit2 .homeMore:hover{ background-size: 15%;} .homeTit3 .tit{ font-size: 18px; padding-left: 20px; background-size: 20%;} .homeTit3 .homeMore{ font-size: 12px; padding-left: 15px; margin-top: 5px; background-size: 15%;} .homeTit3 .homeMore:hover{ background-size: 15%;} } /* 产品 */ .homeProd{ margin: 35px 0;} .homeProdCon{ margin-top: 30px; overflow: hidden;} .homeProdCon .parBd{ float: left; width: 48%; height: 570px; overflow: hidden; padding-bottom: 20px; background: #eeefef;} .homeProdCon .slideGroup .slide_box{ padding-top: 10px;} .homeProdCon .slideGroup .pic .img{ line-height: 0; width: 95%; margin:0 auto;} .homeProdCon .slideGroup .pic .title{ font-size: 21px; margin-top: 15px; text-align: center; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-transform: uppercase;} .homeProdCon .slideBox .slick-dots{ position:static; z-index: 10; margin-top:4%; height:10px; text-align: center;} .homeProdCon .slideBox .slick-dots li{ display: inline-block; vertical-align: top; width: 10px; height: 10px; background: #d396a3; margin: 0 5px; border-radius: 50%; cursor: pointer; text-indent: -999px; overflow: hidden;} .homeProdCon .slideBox .slick-dots .slick-active{ background: #002f7c;} .homeProdCon .parHd{ float: right; width: 48.5%;} .homeProdCon .parHd li{ width: 47%; background: #eeefef; margin-bottom: 30px; padding: 27px 30px;} .homeProdCon .parHd .l1{ float: left;} .homeProdCon .parHd .l2{ float: right;} .homeProdCon .parHd .ico{ width: 64px; height: 64px; background-size: cover!important;} .homeProdCon .parHd .ico1{ background: url(images/main4.png) no-repeat center;} .homeProdCon .parHd .ico2{ background: url(images/main5.png) no-repeat center;} .homeProdCon .parHd .ico3{ background: url(images/main6.png) no-repeat center;} .homeProdCon .parHd .ico4{ background: url(images/main7.png) no-repeat center;} .homeProdCon .parHd .tit{ font-size: 21px; margin: 20px 0 10px 0; color: #002f7c;} .homeProdCon .parHd .tit .a{ color: #002f7c;} .homeProdCon .parHd .link{ display: block; font-size: 16px; line-height: 24px; color: #666666;} .homeProdCon .heicon{ height: 96px; overflow: hidden;} @media screen and (min-width:1023px) { .homeProdCon .parHd li:hover .ico1{ background: url(images/main4_1.png) no-repeat center;} .homeProdCon .parHd li:hover .ico2{ background: url(images/main5_1.png) no-repeat center;} .homeProdCon .parHd li:hover .ico3{ background: url(images/main6_1.png) no-repeat center;} .homeProdCon .parHd li:hover .ico4{ background: url(images/main7_1.png) no-repeat center;} .homeProdCon .parHd li:hover .ico{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .homeProdCon .parHd .tit .a:hover{ text-decoration: underline;} .homeProdCon .parHd .link:hover{ color: #002f7c; text-decoration: underline;} } @media screen and (max-width:1230px) { .homeProdCon .parHd li{ padding: 13px 15px; margin-bottom: 20px;} .homeProdCon .parHd .ico{ width: 60px; height: 60px; background-size: 100%;} .homeProdCon .parBd{ height: 495px;} } @media screen and (max-width:1023px) { .homeProdCon .parBd{ width: 100%; height: auto; padding-bottom: 10px;} .homeProd{ margin: 15px 0;} .homeProdCon{ margin-top: 0;} .homeProdCon .slideGroup .pic{ width: 100%; padding-bottom: 10px;} .homeProdCon .slideGroup .pic .img{ width: 50%;} .homeProdCon .slideGroup .pic .title{ font-size: 16px; margin-top: 5px;} .homeProdCon .slideBox .slick-dots{ height: 6px; margin-top: 0;} .homeProdCon .slideBox .slick-dots li{ width: 6px; height: 6px;} .homeProdCon .parHd{ width: 100%; margin-top: 10px;} .homeProdCon .parHd li{ width: 49%; margin-bottom: 10px; padding: 10px;} .homeProdCon .parHd .ico{ width: 32px; height: 32px; background-size: cover;} .homeProdCon .parHd .tit{ font-size: 16px; margin: 10px 0 5px 0;} .homeProdCon .parHd .link{ font-size: 14px; line-height: 20px;} } @media screen and (max-width:768px) { .homeProdCon .heicon{ height: 100px; overflow: hidden;} } /* 解决动态 */ .homeSolu{ overflow: hidden; background: #e8e7e7; z-index: 999999999999999;} .homeSolu .homeSoluLeft{ float: left; width: 50%; height: auto; position: relative; cursor: pointer;} .homeSolu .homeSoluLeft .ico{ display: none; width: 72px; height: 72px; background: url(images/main8.png) no-repeat center; position: absolute; top: 50%; left: 50%; margin-left: -36px; margin-top: -36px;} .homeSolu .homeSoluLeft:hover .ico{ display: block;} .homeSolu .homeSoluLeft .img{ line-height: 0;} .homeSolu .homeSoluLeft .img img{ height: auto;} .homeSolu .homeSoluRight{ float: right; width: 50%;} .homeSolu .homeSoluRight .text{ width: 60%; padding: 40px 0 40px 60px;} .homeSoluCon{ margin-top: 20px;} .homeSoluCon li{ margin-bottom: 10px;} .homeSoluCon .tit{ font-size: 21px; line-height: 24px; padding: 5px 0 10px 65px; cursor: pointer; background: url(images/main10.jpg) no-repeat left center;} .homeSoluCon .tit.active{ background: url(images/main10_1.jpg) no-repeat left center;} .homeSoluCon .box{ display: none; font-size: 16px; padding-left: 65px; line-height: 24px; height: 48px; overflow: hidden; color: #666666;} .homeSoluCon li:first-child .box{ display: block;} @media screen and (max-width:1440px) { .homeSolu .homeSoluRight .text{ width: 80%;} } /*@media screen and (max-width:1230px) { .homeSolu .homeSoluRight .text{ width: 96%;} }*/ @media screen and (max-width:1230px) { .homeSolu .homeSoluLeft{ width: 100%; height: auto;} .homeSolu .homeSoluLeft .img img{ height: auto;} .homeSolu .homeSoluRight{ width: 100%;} .homeSolu .homeSoluRight{ width: 100%;} .homeSolu .homeSoluRight .text{ width: 100%; padding: 10px;} .homeSoluCon{ margin-top: 10px;} .homeSoluCon li{ margin-bottom: 10px;} .homeSoluCon .tit{ font-size: 16px; margin-bottom: 5px; line-height: 20px; padding: 0 0 0 35px; background-size: 3%;} .homeSoluCon .tit.active{ background-size: 3%;} .homeSoluCon .box{ display: none; font-size: 14px; padding-left: 25px; line-height: 20px; height: 40px;} } /* 新闻动态 */ .homeNews{ padding: 35px 0; background: url(images/main15.jpg) repeat-x top center;} .homeNews .line{ width: 100%; height: 1px; background: #002f7c; margin: 20px 0;} .homeNewsCon{ background: #eeefef; overflow: hidden;} .homeNewsCon .text{ float: left; width: 50%; padding: 40px 55px 40px 40px;} .homeNewsCon .text .tit{ font-size: 21px; margin-bottom: 15px; /*height: 26px;*/ line-height: 26px; overflow: hidden; color: #002f7c;} .homeNewsCon .text .info{ font-size: 16px; line-height: 24px; height: 216px; overflow: hidden; color: #555555;} .homeNewsCon .text .more{ display: block; font-size: 14px; padding-left: 25px; margin-top: 30px; color: #959696; background: url(images/main2.png) no-repeat left center;} .homeNewsCon .text .more:hover{ color: #002f7c; background: url(images/main2_1.png) no-repeat left center;} .homeNewsCon .img{ float: right; width: 50%; line-height: 0; overflow: hidden;} .homeNewsCon .img img{ width: 100%; -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;} .homeNewsCon .img:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .homeNewsTab{ margin: 30px -15px 0 -15px;} .homeNewsTab .pic{ position: relative; margin: 0 15px;} .homeNewsTab .pic .bg{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.3; z-index: 1;} .homeNewsTab .pic .img{ line-height: 0; overflow: hidden;} .homeNewsTab .pic .img img{ width: 100%; -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;} /*.homeNewsTab .pic:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}*/ .homeNewsTab .pic .text{ width: 90%; position: absolute; bottom: 15px; left: 5%; z-index: 99;} .homeNewsTab .pic .text .tit{ font-size: 21px; margin-bottom: 10px; color: #fff;} .homeNewsTab .pic .text .info{ font-size: 16px; color: #fff; height: 0; line-height: 24px; overflow: hidden; -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; } /*.homeNewsTab .pic:hover .bg{ display: block;}*/ .homeNewsTab .pic:hover .text .info{ height: 72px;} @media screen and (max-width:1230px) { .homeNewsCon .text .info{ height: 96px;} } @media screen and (max-width:1023px) { .homeNews{ padding: 20px 0; background: url(images/main15.jpg) repeat-x center center;} .homeNews .line{ margin: 10px 0;} .homeNewsCon .text{padding: 10px 15px;} .homeNewsCon .text .tit{ font-size: 16px; margin-bottom: 5px;} .homeNewsCon .text .info{ font-size: 14px; line-height: 20px; height: 60px;} .homeNewsCon .text .more{ width: 64px; font-size: 12px; margin-top: 5px; padding-left: 15px; background-size: 15%;} .homeNewsTab{ margin: 10px -5px 0 -5px;} .homeNewsTab .pic{ margin: 0 5px;} .homeNewsTab .pic .text{ width: 90%; bottom: 5px; left: 5%;} .homeNewsTab .pic .text .tit{ font-size: 14px; margin-bottom: 5px;} .homeNewsTab .pic .text .info{ font-size: 14px;} .homeNewsTab .slick-dots{ position:static; z-index: 10; margin-top:3%; height:6px; text-align: center;} .homeNewsTab .slick-dots li{ display: inline-block; vertical-align: top; width: 6px; height: 6px; background: #d396a3; margin: 0 5px; border-radius: 50%; cursor: pointer; text-indent: -999px; overflow: hidden;} .homeNewsTab .slick-dots .slick-active{ background: #002f7c;} } @media screen and (max-width:768px) { .homeNewsCon .text .tit{ height: auto;} .homeNewsCon .text .info{ display: none;} .homeNewsTab .pic .text .info{ display: none;} } /* 合作伙伴 */ .homeCoop .line{ width: 100%; height: 1px; background: #eeeeee; margin: 20px 0;} .homeCoopTab{ margin: 0 -10px; position: relative;} .homeCoopTab .pic{ margin: 10px 10px 35px 10px;} .homeCoopTab .pic:hover{ box-shadow: 3px 3px 10px #ccc;} .homeCoopTab .slick-prev{ position: absolute; top: -65px; right: 55px; width: 22px; height: 22px; background: url(images/main22.jpg) no-repeat center;} .homeCoopTab .slick-next{ position: absolute; top: -65px; right: 15px; width: 22px; height: 22px; background: url(images/main23.jpg) no-repeat center;} .homeCoopTab .slick-prev:hover{ background: url(images/main22_1.jpg) no-repeat center;} .homeCoopTab .slick-next:hover{ background: url(images/main23_1.jpg) no-repeat center;} @media screen and (max-width:1023px) { .homeCoop .line{ margin: 10px 0;} .homeCoopTab{ margin: 0 -5px; } .homeCoopTab .pic{ margin: 10px 5px 35px 5px;} .homeCoopTab .slick-prev{ top: -35px; right: 30px; width: 11px; height: 11px; background-size: 100%;} .homeCoopTab .slick-next{ top: -35px; right: 10px; width: 11px; height: 11px; background-size: 100%;} .homeCoopTab .slick-prev:hover{ background-size: 100%;} .homeCoopTab .slick-next:hover{ background-size: 100%;} } /*foot*/ /*20220906start*/ .foot1{ float:left; width:100%; background:#989898; padding:0.8% 0;background: #002f7c;} /*20220906end*/ .bq{ float:left; color:#fff; font-size:16px; line-height:26px;} .bq a{ color:#fff; } .bq a:hover{ color:#002f7c; } .copyright{ float:left; color:#ededed; font-size:14px; line-height:26px;} .copyright a{ color:#ededed; } .copyright a:hover{ color:#002f7c; } .footMap{ float:right; color:#b7b7b7; font-size:12px; line-height:26px; margin-top:26px;} /*20220906start*/ .footMap a{ color:#ededed; font-size:16px;} /*20220906end*/ .footMap a:hover{ color:#002f7c;} /*20220906start*/ .foot2{ float:left; width:100%; background:#f3f3f3;padding:2.22% 0 3.75% 0;} /*20220906end*/ .footBox{ float:left; width:100%; margin-top:1.83%;} .footTit{ float:left; width:100%; background:#989898; line-height:42px;} .footTit span{ float:left; padding:0 24px 0 21px; background:#002f7c; color:#fff; font-size:16px; position:relative;} .footTit span::after{ float:left; width:0; height:0; border-top: 21px solid transparent; border-bottom:21px solid transparent;border-left: 14px solid #002f7c; content:''; position:absolute; right:-14px; top:0; } .side_tit{ background: #989898; height: 42px; line-height: 42px; font-size: 16px; position:relative;} /*20220906start*/ .side_tit span::after{ float: left; width: 15px; height: 8px; content: ''; position: absolute; right: 12px; top: 50%; margin-top: -4px; background: url(img/xiap1.png) center no-repeat;} /*20220906end*/ .side_tit .l1{ display: inline-block; height: 42px; line-height: 42px; position: relative; background: #989898; padding: 0 30px;color: #000;} .side_tit .l1:first-child::before{ display: none;} .side_tit .l1::before{ content: ""; position: absolute; left: -18px; display: inline-block; width: 18px; height: 42px; background: url(images/foot2.png) no-repeat right center; background-size: cover;} /*20220906start*/ .side_tit .l1.on{ background: #989898;} .side_tit .l1.on::before{ content: ""; position: absolute; left: -18px; display: inline-block; width: 18px; height: 42px; background: url(images/foot3.png) no-repeat right center; background-size: cover;} .side_tit .l1.on:first-child::before{ display: none;} .side_tit .l1.on::after{ content: ""; position: absolute; right: -18px; display: inline-block; width: 18px; height: 42px; background: url(img/foot1.png) no-repeat right center; background-size: cover;} /*20220906end*/ .Fnav{ float:left; width:auto; margin-right: 3%;} .Fnav:last-child{ margin-right: 0;} /*20220906start*/ .Fnav .title{ display:block; color:#000; font-size:21px; line-height:26px;} .Fnav .sub{ display:block; margin-top:12px;} .Fnav .sub li a{ display:block; color:#000; font-size:16px; line-height:24px;} .Fnav .sub li a span{color: #002f7c;} .Fnav .sub li a:hover{ color:#002f7c;} .Fnav:last-child{ width:12%;} .cnzz{ margin-left: 15px;} /*20220906end*/ @media screen and (max-width:1230px) { .Fnav{ margin-right: 2.5%;} .Fnav .sub li a{ font-size: 14px;} } @media screen and (max-width:1169px) { .Fnav .sub li a{ line-height:22px;} } @media screen and (max-width:1200px) { .Fnav .sub li a{ font-size:14px;} } @media screen and (max-width:1023px) { .foot2{padding:4% 0;} .foot1{ padding:2% 0;} .footTit { line-height:34px; position:relative;} .footTit span{padding:0 12px; font-size:16px;} .footTit span::after{ border-top: 17px solid transparent; border-bottom:17px solid transparent;border-left:10px solid #002f7c; right:-10px; } .footTit::before{ float:left; width:15px; height:8px; content:''; position:absolute; right:12px; top:50%; margin-top:-4px; background:url(images/xiap1.png) center no-repeat;} .Fnav{ width:100%; margin:5px 0;} .Fnav:nth-child(3){ width: 100%;} .Fnav .title{ font-size:16px; line-height:26px;} .Fnav .sub{ margin-top:0;} .Fnav .sub li{ width:50%; float:left;} .Fnav.last{ width:100%;} } @media screen and (max-width:767px) { .Fnav:last-child{ width:100%;} .bq{ float: none;} .side_tit{ height: 26px; line-height: 26px;} .side_tit .l1{ height: 26px; font-size: 14px; line-height: 26px; padding: 0 8px;float: left;display: block;} .side_tit .l1::before{ left: -11px; width: 11px; height: 26px;} .side_tit .l1.on::before{ left: -11px; width: 11px; height: 26px;} .side_tit .l1.on::after{ right: -11px; width: 11px; height: 26px;} .footNav{ padding:15px 0;} /*20220906start*/ .Fnav .sub li{ float:left;} /*20220906end*/ .footBox{ display:none;} .bq{ text-align:center;} .copyright{ font-size:14px; line-height:22px; width:100%; text-align:center; margin:5px 0 0 0;} .footMap{line-height:22px; width:100%; text-align:center; margin:0 0 5px 0;} .footMap a{ font-size:14px;} } /* 侧漂浮 */ .side{ width: 98px; height: 390px; position: fixed; top: 300px; left: 5px; z-index: 99999;} .side .pic{ line-height: 0;} .side .pic p{ font-size: 1px; color: #3e3d3d;} .side ul li{ width: 86px; height: 62px; padding-top: 18px; cursor: pointer; text-align: center; background: #98989a; margin: 0 6px 1px 6px;} .side ul li img{ width: 28px; height: 22px;} .side ul li p{ font-size: 12px; color: #fff;} .side ul li p a{color:#fff;} .side ul li:hover{ background: #002f7c;} .messagePo{ display:none; float:left; width:295px; background:#f3f3f3; background:rgba(243,243,243,.8); position:fixed; right:100px; top:50%; margin-top:-147px; padding:20px 30px 22px 30px; box-shadow: 0 5px 35px rgba(178,178,178,.75); z-index:102;} .messagePo .title{ float:left; width:100%; color:#828282; font-size:16px; line-height:26px; margin-bottom:9px;} .messagePo .lab{ float:left; width:100%; position:relative; margin-top:6px;} .messagePo .fv1{ float:left; width:100%; color:#a1a1a1; font-size:13px; line-height:24px; height:32px; border:1px solid #e2e2e2; background:#fff; padding:3px 15px;} .messagePo .fv2{ float:left; width:100%; color:#a1a1a1; font-size:13px; line-height:24px; height:58px; border:1px solid #e2e2e2; background:#fff; padding:3px 15px;} .messagePo .fv3{ float:left; width:100%; color:#fff; font-size:13px; line-height:24px; height:32px; border:none; background:#ad0e34; cursor:pointer;} .messagePo .fv3:hover{ box-shadow:0 5px 10px rgba(0,0,0,.2);} .yanzhengma{ float:left; position:absolute; right:1px; top:1px; width:60px; height:30px;} @media screen and (max-width:1023px ) { .messagePo{ padding:12px 12px 15px 12px; width:250px; right: 50%; margin-right: -125px;} .messagePo .title{ margin-bottom:0;} .messagePo .fv1{ padding:3px 10px;} .messagePo .fv2{ padding:3px 10px;} } /*phone底部导航*/ .q_d_m{float:left; width:100%; height:50px;} /*20220906start*/ .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#002f7c; z-index:999;border-top: 1px solid #fff;} /*20220906end*/ .pf_down li{ width:33.33%; float:left; text-align:center; padding:7px 0 4px 0; border-right:1px solid #fff;} .pf_down li .ico7{ width:100%; float:left; height:20px;} .pf_down li .d_name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;} .pf_down li.l1 .ico7{ background:url(images/btn14.png) no-repeat center; background-size:20px 20px;} .pf_down li.l2 .ico7{ background:url(images/btn15.png) no-repeat center; background-size:20px 20px;} .pf_down li.l3 .ico7{ background:url(images/btn16.png) no-repeat center; background-size:20px 20px;} .pf_down li.l4 .ico7{ background:url(images/btn17.png) no-repeat center; background-size:20px 20px;} .pf_down li:last-child{ border:none;} /* 内页 */ .min-nav{ width: 100%; background: #ebebeb; font-size: 16px;} .min-nav li{ float: left; padding: 0 20px; margin: 17px 0; border-right: 1px dashed #bcbcbc;} .min-nav li:first-child{ padding-left: 0;} .min-nav li:last-child{ border-right: 0;} .min-nav a{ color: #444444;} .min-nav li.on a,.min-nav a:hover{ color: #002f7c;} .side_tit_top{ margin: 15px 0;} .side_tit_top .ico{ display: block; float: left; margin: 3px 12px 0 0; width: 14px; height: 16px; background: url(images/icon1.png) no-repeat center;} .side_tit_top a{ color: #666666; font-size: 14px;} .side_tit_top a:hover,.side_tit_top a:last-child{ color: #002f7c; border-bottom: 1px dotted #002f7c;} /* 关于我们 */ .aboutCon .aboutTit{ display: inline-block; color: #0069af; font-size: 30px; margin: 40px 0 30px 0; padding-bottom: 20px; border-bottom: 1px solid #b2d2e7;} .aboutCon .info{ font-size: 16px; color: #444; line-height: 24px;} .aboutCon .aboutPicPc{ margin-top: 25px; overflow: hidden;} .aboutCon .img{ line-height: 0; position: relative; overflow: hidden;} .aboutCon .img img{ width: 100%; -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;} .aboutCon .img:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .aboutCon .img .kuang{ display: none; border: 1px solid #fff; position: absolute;} .aboutCon .img:hover .kuang{ display: block;} .aboutCon .img1{ float: left; width: 25.55555556%;} .aboutCon .img1 .kuang{ width: 91%; height: 95%; top: 2.5%; left: 5%;} .aboutCon .right{ float: right; width: 73.5042735%;} .aboutCon .img2{ float: left; width: 65.11627907%; margin-bottom: 8px;} .aboutCon .img2 .kuang{ width: 94.5%; height: 88.5%; top: 5.5%; left: 3%;} .aboutCon .img3{ float: right; width: 33.72093023%; margin-bottom: 8px;} .aboutCon .img3 .kuang{ width: 90.5%; height: 88.5%; top: 5.5%; left: 5%;} .aboutCon .img4{ float: left; width: 31.39534884%;} .aboutCon .img4 .tit{ position: absolute; top: 50%; left: 50%; margin-left: -84px; margin-top: -26px; text-align: center;} .aboutCon .img4 .cntit{ font-size: 24px; line-height: 24px; color: #fff; margin-bottom: 16px;} .aboutCon .img4 .entit{ font-size: 14px; line-height: 12px; color: #fff; text-transform: uppercase;} .aboutCon .img5{ float: right; width: 67.44186047%;} .aboutCon .img5 .kuang{ width: 95%; height: 89%; top: 5.5%; left: 2.5%;} .aboutCon .coopList ul{ overflow: hidden; margin: 0 -0.5% 50px -0.5%;} .aboutCon .coopList ul li{ float: left; margin: 2px 0.5% 25px 0.5%; width: 15.6%;} .aboutCon .coopList ul li .img{ line-height: 0;} .aboutCon .coopList ul li:hover .img{ box-shadow: 2px 2px 5px #ccc;} .aboutCon .coopList ul li .tit{ font-size: 15px; height: 20px; overflow: hidden; margin-top: 10px; color: #555555; text-align: center;} @media screen and (max-width:1230px) { .aboutCon .aboutTit { margin: 30px 0 20px 0; padding-bottom: 10px;} } @media screen and (max-width:1023px) { .aboutCon .aboutTit{ font-size: 16px; margin: 15px 0 8px 0; padding-bottom: 5px;} .aboutCon .info{ font-size: 14px;} .aboutCon .img2{ margin-bottom: 3px;} .aboutCon .img3{ margin-bottom: 3px;} .aboutCon .img4 .tit{ position: absolute; top: 50%; left: 50%; margin-left: -42px; margin-top: -16px; text-align: center;} .aboutCon .img4 .cntit{ font-size: 12px; line-height: 20px; margin-bottom: 0;} .aboutCon .img4 .entit{ font-size: 12px; line-height: 12px;} } @media screen and (max-width:768px) { .aboutCon .coopList ul{ margin: 0 -0.5% 10px -0.5%;} .aboutCon .coopList ul li{ margin: 2px 0.5% 10px 0.5%; width: 49%;} .aboutCon .coopList ul li .tit{ font-size: 12px; height: 18px; margin-top: 5px;} } @media screen and (max-width:400px) { .aboutCon .img4 .tit{ margin-top: -26px; margin-left: -40px;} .aboutCon .img4 .tit .cntit{ transform: scale(0.8);} .aboutCon .img4 .tit .entit{ transform: scale(0.8);} } /* 联系我们 */ .contCon{ overflow: hidden; padding: 20px 20px 20px 30px; margin-top: 50px; border: 1px solid #ebebeb;} .contCon .contConLeft{ float: left; width: 33%;} .contCon .contConLeft .tit{ display: inline-block; padding-bottom: 15px; margin-top: 15px; border-bottom: 1px solid #002f7c; font-size: 18px; color: #002f7c;font-weight: 700;} .contCon .contConLeft .line{ width: 100%; height: 1px; background: #e8e8e8;} .contCon .contConLeft .l1{ overflow: hidden; margin-top: 27px; font-size: 16px; color: #666666;} .contCon .contConLeft .ico{ display: block; float: left; width: 20px; height: 20px; margin-right: 10px;} .contCon .contConLeft .ewm{ overflow: hidden; margin-top: 27px;} .contCon .contConLeft .ewm .pic{ float: left; width: 130px; height: 130px;} .contCon .contConLeft .ewm .wz{ /*float: left;*/ margin: 20px 0 0 25px; font-size: 21px; color: #666666; line-height: 30px;} .bdmap{ float: right; width: 47%; height: 440px;} .map{ margin: 0 -1.5% 40px -1.5%; overflow: hidden;} .map .cont{ float: left; width: 47%; height: 305px; margin: 30px 1.5% 0 1.5%; padding: 34px 40px 30px 40px; border: 1px solid #ebebeb;} .map .cont .tit{ display: inline-block; padding-bottom: 15px; border-bottom: 1px solid #002f7c; font-size: 30px; color: #002f7c;} .map .cont .line{ width: 100%; height: 1px; background: #e8e8e8;} .map .cont .info{ font-size: 16px; margin-top: 30px; color: #666; line-height: 24px;} .map .cont1{ background: url(images/Cont5.jpg) no-repeat bottom right; background-size: cover;} .map .cont2{ background: url(images/Cont6.jpg) no-repeat bottom right; background-size: cover;} .map .cont3{ background: url(images/Cont7.jpg) no-repeat bottom right; background-size: cover;} .map .cont4{ background: url(images/Cont8.jpg) no-repeat bottom right; background-size: cover;} .map .cont5{ background: url(images/Cont9.jpg) no-repeat bottom right; background-size: cover;} @media screen and (max-width:1023px) { .contCon{ padding: 10px; margin-top: 20px;} .contCon .contConLeft{ width: 100%;} .contCon .contConLeft .tit{ padding-bottom: 5px; margin-top: 0; font-size: 16px;} .contCon .contConLeft .l1{ margin-top: 10px; font-size: 14px;} .contCon .contConLeft .l1 .wz{ float: left; width: 90%;} .contCon .contConLeft .ico{ width: 15px; height: 15px; margin-top: 2px; margin-right: 5px;} .contCon .contConLeft .ewm{ margin-top: 10px;} .contCon .contConLeft .ewm .wz{ margin: 25px 0 0 10px; font-size: 14px;line-height: 24px;} .bdmap{ width: 100%; height: 300px; margin-top: 10px;} .map{ margin: 0 0 20px 0;} .map .cont{ width: 100%; height: 200px; margin: 10px 0 0 0; padding: 10px;} .map .cont .tit{ padding-bottom: 5px; font-size: 16px;} .map .cont .info{ font-size: 14px; margin-top: 5px;} } @media screen and (max-width:768px) { .contCon .contConLeft .l1 .wz .t1{ float: left;} .contCon .contConLeft .l1 .wz .t2{ display: block; width: 75%; float: left;} .map .cont{ height: 250px;} .map .cont .info .wz{ overflow: hidden;} .map .cont .info .t1{ float: left;} .map .cont .info .t2{ display: block; width: 76%; float: left;} } /* 新闻动态 */ .newsTab{ overflow: hidden; position: relative;} .newsTab .pic{ background: #f4f4f4; overflow: hidden;} .newsTab .pic .img{ float: left; width: 50%; height: auto; position: relative; overflow: hidden; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} .newsTab .pic .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;} .newsTab .pic .img:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .newsTab .pic .title{ float: right; width: 50%; padding: 3% 5%;} .newsTab .pic .title .tit{ color: #333; font-size: 24px; line-height: 30px; height: 60px; font-weight: bold; overflow: hidden;} .newsTab .pic .title .date{ color: #4d4d4d; font-size: 16px; margin: 15px 0 20px 0; overflow: hidden;} .newsTab .pic:hover .title .tit{ color: #002f7c;} .newsTab .pic .title .info{ color: #666; font-size: 16px; line-height: 24px; height: 120px; overflow: hidden;} .newsTab .pic .title .line{ width: 100%; height: 1px; border-bottom: 1px dashed #ccc; margin: 35px 0 25px 0;} .newsTab .pic .title .more{ font-size: 16px; color: #666; padding-right: 30px; background: url(images/icon2.png) no-repeat right center;} .newsTab .pic .title .more:hover{ color: #002f7c ;background: url(images/icon2_1.png) no-repeat right center;} .newsTab .slick-dots{ position: absolute; z-index: 10; bottom: 10%; right: 5%; height:10px; text-align: right!important;} .newsTab .slick-dots li{ vertical-align:top; width: 10px; height: 10px; background: #f4f4f4; border: 1px solid #002f7c; margin:0 4px; border-radius: 50%; cursor:pointer; text-indent:-999px; overflow:hidden;} .newsTab .slick-dots .slick-active{ background: #002f7c;} .newsTab .slick-dots button{ text-indent: 999em;} .newsList ul{ margin: 10px 0 40px 0;} .newsList ul .l1{ background: #f3f3f3; padding: 20px 1.70940171%; margin-bottom: 30px; overflow: hidden;} .newsList ul .l1 .img{ width: 25.64102564%; height: auto; float: left; line-height: 0; overflow: hidden;} .newsList ul .l1 .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 ul .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .newsList ul .l1 .title{ float: left; margin:0 3.41880342% 0 2.39316239%; width: 58.11965812%;} .newsList ul .l1 .title .tit{ font-size: 21px; margin: 15px 0 15px 0; height: 26px; overflow: hidden;} .newsList ul .l1 .title .date{ font-size: 12px; margin: 10px 0 20px 0; color: #666666;} .newsList ul .l1 .title .info{ font-size: 16px; line-height: 24px; height: 96px; overflow: hidden; color: #666; border-left: 1px solid #e2e2e2; padding-left: 20px;} .newsList ul .l1 .more{ float: left; width: 6.83760684%; height: 193px; background: url(images/icon3.png) no-repeat 90% center; border-left: 1px solid #e2e2e2;} .newsList ul .l1:hover{ background: #002f7c;} .newsList ul .l1:hover .title .tit{ color: #fff;} .newsList ul .l1:hover .title .date{ color: #fff;} .newsList ul .l1:hover .title .info{ color: #fff; border-left: 1px solid #fff;} .newsList ul .l1:hover .more{ background: url(images/icon3_1.png) no-repeat 90% center; border-left: 1px solid #fff;} .newsConList{ margin-bottom: 40px;} .newsConList .tit{ font-size: 30px; color: #002f7c; margin: 30px 0 20px 0;} .newsConList ul{ overflow: hidden;} .newsConList ul .l1{ float: left; width: 48.5%; background: #eeefef; margin: 0 2.5% 2px 0; padding: 10px 15px 10px 36px; position: relative;} .newsConList ul .l1:nth-child(2n){ margin-right: 0;} .newsConList ul .l1::before{ content: ""; display: block; width: 4px; height: 4px; background: #002f7c; position: absolute; top: 50%; margin-top: -2px; left: 20px;} .newsConList ul .l1 .img{ float: left; line-height: 0; width: 20%; margin-right: 3%;} .newsConList ul .l1 .right{ float: left; width: 77%;} .newsConList ul .l1 .text{ font-size: 16px; line-height: 28px;} .newsConList ul .l1 .time{ font-size: 16px; color: #888;} @media screen and (max-width:1230px ) { .newsConList ul .l1 .img{ width: 30%; margin-right: 3%;} .newsConList ul .l1 .right{ width: 67%;} .newsConList ul .l1 .text{ line-height: 24px;} } @media screen and (max-width:1023px ) { .newsTab .pic .img{ width: 100%;} .newsTab .pic .title{ width: 100%;} .newsTab .pic .title .tit{ font-size: 16px; height: 30px;} .newsTab .pic .title .date{ font-size: 14px; margin: 0 0 3px 0;} .newsTab .pic .title .info{ font-size: 13px !important; line-height: 24px; height: 72px;} .newsTab .pic .title .line{ margin: 10px 0 5px 0;} .newsTab .pic .title .more{ font-size: 12px; padding-right: 15px; background-size: 25%;} .newsTab .pic .title .more:hover{ background-size: 25%;} .newsTab .slick-dots{ z-index: 10; bottom: 3.5%; height:6px;} .newsTab .slick-dots li{ width: 6px; height: 6px; margin:0 4px;} .newsList{ margin-top: 10px;} .newsList ul{ margin: 0 0 20px 0;} .newsList ul .l1{ padding: 10px 1.70940171%; margin-bottom: 10px;} .newsList ul .l1 .img{ width: 27.64102564%;} .newsList ul .l1 .title .tit{ font-size: 16px; margin: 0 0 5px 0; height: 20px;} .newsList ul .l1 .title .date{ margin: 3px 0;} .newsList ul .l1 .title .info{ font-size: 14px; height: auto; padding-left: 10px;} .newsList ul .l1 .more{ width: 4.83760684%; height: 130px; background-size: 20%;} .newsList ul .l1:hover .more{ background-size: 20%;} .newsConList{ margin-bottom: 20px;} .newsConList .tit{ font-size: 16px; margin: 15px 0 5px 0;} .newsConList ul .l1{ width: 100%; line-height: 22px; margin: 0 2.5% 2px 0; padding: 5px 10px 5px 20px;} .newsConList ul .l1:nth-child(2n){ margin-right: 0;} .newsConList ul .l1::before{ left: 10px;} .newsConList ul .l1 .text{ font-size: 14px; line-height: 20px;} .newsConList ul .l1 .time{ font-size: 14px;} } @media screen and (max-width:767px ) { .newsTab .pic .title .date{ margin: 0 0 3px 0;} .newsList ul .l1 .title .info{ height: 24px;} .newsList ul .l1 .more{ display: none;} .newsList ul .l1 .img{ width: 35%;} .newsList ul .l1 .title{ width: 61%; margin: 10px 2%;} .newsList ul .l1 .title .info{ display: none;} .newsList ul .l1 .title .tit{ height: auto; font-size: 14px;} .newsList ul .l1 .title .date{ margin: 10px 0 0 0;} .newsConList ul .l1{ width: 100%; line-height: 28px; margin: 0 0 2px 0; padding: 10px 15px 10px 15px;} .newsConList ul .l1::before { left: 5px;} .newsConList ul .l1 .time{ font-size: 12px;} } @media screen and (max-width:400px ) { .newsList ul .l1 .title{ margin: 0 2%;} .newsConList ul .l1 .text{ line-height: 16px;} } /* 分页 */ .wack1{ text-align:center;} .pz_fy{ display:inline-block; *display:inline; *zoom:1;} .pz_fy a { float:left; width: 38px; height: 38px; line-height: 38px; color:#272727; border: 1px solid #e1e1e1; font-size: 14px; margin:0 5px;} .pz_fy a:hover, .pz_fy a.on{color:#fff; background:#002f7c; border: 1px solid #002f7c;} .pz_fy .l_fy{ width: 100px;} .pz_fy .r_fy{ width: 100px;} .pz_fy .l_fy.on, .pz_fy .l_fy:hover{ background: #002f7c; border: 1px solid #002f7c;} .pz_fy .r_fy.on, .pz_fy .r_fy:hover{ background: #002f7c; border: 1px solid #002f7c;} @media screen and (max-width:1023px){ .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;} .fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #002f7c; background:#002f7c; border-radius:0; overflow:hidden;} .fy_pc span{ padding:5px 20px; color:#272727;} } /* 新闻详细 */ .newsConTop{ overflow: hidden; border-top: 1px solid #e5e5e5; border-bottom: 1px dashed #e5e5e5; padding: 35px 0 10px 0;} .newsConTop .l1{ float: left; width: 80%; overflow: hidden;} .newsConTop .l2{ font-size: 42px; color: #002f7c; font-weight: 700;font-family:Microsoft YaHei,Arial; } .newsConTop .l3{ float: left; overflow:hidden; font-size: 14px; color: #888; height: 54px; line-height: 54px;} .newsConTop .l3 .ico{ display: block; float: left; width: 20px; height: 16px; margin-bottom: -4px; margin-right: 5px; margin-top: 3px;} .newsConTop .l3 .tex{ float: left; margin-right: 15px;} .newsConTop .bdsharebuttonbox{ float: left; margin-left: 30px; padding-top: 13px;} .newsConTop .bdsharebuttonbox p{ float: left; color: #888; font-size: 14px; margin-top: 3px;} .newsCon .return{ display: block; float: right; margin-right: 5px; width: 115px; height: 36px; line-height: 36px; font-size: 16px; padding-left: 33px; color: #fff; background: #989898 url(images/icon6.png) no-repeat 15px center;} .newsCon .return:hover{ box-shadow: 3px 3px #d1d1d1;} .newsCon .l4{ font-size: 16px; line-height: 24px; padding: 30px 0 40px 0; overflow: hidden;} .newsCon .l4 img{ display: block; margin: 0 auto;} .sx_fy{ padding-top:7.82%; margin-top:3.13%; margin-bottom: 40px; overflow: hidden; position:relative; background:url(images/News6.png) center top no-repeat;} .sx_fy a{ float:left; width:50%; color:#232323; font-size:14px; line-height:24px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; text-transform:uppercase;} .sx_fy a span{ font-weight:bold; color:#8b8b8b;} .sx_fy a.l_fy{ padding-right:10px;} .sx_fy a.l_fy .img{ width: 15%; margin-right: 3%; float: left;} .sx_fy a.r_fy{ float:right; text-align:right; padding-left:10px;} .sx_fy a.r_fy .img{ width: 15%; margin-left: 3%; float: right;} .sx_fy a:hover, .sx_fy a:hover span{ color:#002f7c;} @media screen and (max-width:1023px){ .newsConTop{ padding: 10px 0 5px 0;} .newsConTop .l1{ width: 80%;} .newsConTop .l2{ font-size: 18px;} .newsConTop .l3{ font-size: 14px; height: 24px; line-height: 24px;} .newsConTop .l3 .ico{ width: 16px; height: 13px; margin-top: 1px;} .newsConTop .bdsharebuttonbox{ margin-left: 0; padding-top: 0;} .newsCon .return{ margin-right: 3px; width: 75px; height: 28px; line-height: 28px; font-size: 12px; padding-left: 20px; background: #989898 url(images/icon6.png) no-repeat 5px center; background-size: 10%;} .newsCon .l4{ font-size: 14px; padding: 10px 0 10px 0;} .sx_fy{ background-size:100% auto; position:relative; margin-bottom: 15px;} .sx_fy a{ width:100%;} .sx_fy a.l_fy{ padding-right: 0;} .sx_fy a.l_fy .img{ width: 20%;} .sx_fy a.r_fy{ text-align:left; padding-left:0;} .sx_fy a.r_fy .img{ width: 20%; margin-left: 0; margin-right: 3%; float: left;} } @media screen and (max-width:400px){ .newsConTop .l1{ width: 70%;} } /* 产品 */ .prodList{ padding-bottom: 30px;} .prodList .prodt{ width: 100%; overflow: hidden; border-bottom: 1px solid #ebebeb;} .prodList h6.tit{ float: left; font-size: 30px; line-height: 76px; color: #002f7c;} .prodList .more{ display: block; width: 81px; float: right; font-size: 14px; padding-left: 25px; margin-top: 35px; color: #959696; background: url(images/main2.png) no-repeat left center;} .prodList .more:hover{ color: #002f7c; background: url(images/main2_1.png) no-repeat left center;} .prodList .parHd{ overflow: hidden;} .prodList .parHd ul{ float: left; width: 100%; overflow: hidden;} .prodList .parHd ul .l1{ width: 25%; float: left; height: 50px; line-height: 50px; overflow: hidden; border-bottom: 1px dashed #cccccc; font-size: 16px; color: #444444;} .prodList .parHd ul .l1.on a{ color: #002f7c;} .prodList .parHd ul .l1 .line{ float: left; margin-right: 10px; color: #002f7c;} .prodList .parHd ul .l1 a{ float: left;} .prodList .parHd ul .l1 .ico{ display: block; float: left; width: 34px; height: 16px; line-height: 16px; text-align: center; font-size: 12px; margin: 13px 0 0 10px; color: #fff; background: #002f7c;} /* 修改开始 */ .prodList .parBd{ margin: 20px -1% 10px -1%; overflow: hidden;} .prodList .parBd .tp{ float: left; width: 100%;} .prodList .parBd .tp .hov{ display: block; margin: 0 1%;} .prodList .parBd .tp .img{ line-height: 0; border: 1px solid #e9e9e9; border-bottom: 0; overflow: hidden;} .prodList .parBd .tp .img img{ width: 100%; -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;} .prodList .parBd .tp .img:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .prodList .parBd .tp .text1{ width: 100%; height: 50px; line-height: 50px; font-size: 16px; overflow: hidden; text-align: center; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; background: url(images/Prod8.jpg) no-repeat top center; position: relative;} .prodList .parBd .tp .hov:hover{ color: #fff;} .prodList .parBd .tp .hov:hover .text1{ background: #002f7c url(images/Prod8_1.jpg) no-repeat top center;} .prodList .parBd .tp .text2{ height: 50px; line-height: 50px; font-size: 16px; margin: 20px 1% 0 1%; padding: 0 3px; overflow: hidden; text-align: center; background: #ebebeb;} .prodList .parBd .tp .text2 a{ color: #333;} .prodList .parBd .tp .text2:hover{ background: #002f7c;} .prodList .parBd .tp .text2:hover a{ color: #fff;} /* 修改结束 */ @media screen and (max-width:1023px){ .prodList{ padding-bottom: 20px;} .prodList h6.tit{ font-size: 16px; line-height: 30px;} .prodList .more{ font-size: 12px; padding-left: 15px; margin-top: 5px; background-size: 15%;} .prodList .more:hover{ background-size: 15%;} .prodList .parHd ul .l1{ height: 30px; line-height: 30px; font-size: 14px;} .prodList .parHd ul .l1 .line{ margin-right: 5px;} .prodList .parHd ul .l1 .ico{ -webkit-transform: scale(0.6); -moz-transform: scale(0.6);transform: scale(0.6); margin: 0;} /* 修改开始 */ .prodList .parBd{ margin: 10px -1% 0 -1%;} .prodList .parBd .tp .hov{ margin: 0 5px;} .prodList .parBd .tp .text1{ height: 38px; line-height: 38px; font-size: 14px;} .prodList .parBd .tp .text2{ height: 30px; line-height: 30px; font-size: 14px; margin: 10px 5px 0 5px;} /* 修改结束 */ } @media screen and (max-width:768px){ .prodList .parHd ul .l1{ width: 50%;} .prodList .parBd{ margin: 10px -0.5% 0 -0.5%;} .prodList .parBd li{ margin: 0 0.25%;} .prodList .parBd .slick-dots{ position:static; z-index: 10; margin-top:3%; height:6px; text-align: center;} .prodList .parBd .slick-dots li{ display: inline-block; vertical-align: top; width: 6px; height: 6px; background: #d396a3; margin: 0 5px; border-radius: 50%; cursor: pointer; text-indent: -999px; overflow: hidden;} .prodList .parBd .slick-dots .slick-active{ background: #002f7c;} } /* 产品中心 */ .prodList2 .prodTitle{ overflow: hidden;} .prodList2 .prodTitle ul{ float: left; width: 50%; overflow: hidden; border-bottom: 1px dashed #cccccc;} .prodList2 .prodTitle ul .l1{ width: 50%; float: left; height: 50px; line-height: 50px; font-size: 16px; color: #444444;} .prodList2 .prodTitle ul .l1.on a{ color: #002f7c;} .prodList2 .prodTitle ul .l1 .line{ float: left; margin-right: 10px; color: #002f7c;} .prodList2 .prodTitle ul .l1 a{ float: left;} .prodList2 .prodTitle .l1 .ico{ display: block; float: left; width: 34px; height: 16px; line-height: 16px; text-align: center; font-size: 12px; margin: 13px 0 0 10px; color: #fff; background: #002f7c;} .prodCenPic{ margin: 30px -1% 20px -1%; overflow: hidden; display:flex; flex-wrap: wrap; align-items: flex-start;} .prodCenPic .pic{ float: left; width: 23%; margin: 0 1% 20px 1%;} .prodCenPic .pic .img{ line-height: 0; border: 1px solid #e9e9e9; overflow: hidden;} .prodCenPic .pic .img img{ width: 100%; -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;} .prodCenPic .pic:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .prodCenPic .pic .tit{ width: 100%; padding: 20px 10px; background: #ebebeb; text-align: center; position: relative;} .prodCenPic .pic .tit::after{ content: ""; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; border-width: 8px; border-style: dashed dashed solid dashed; border-color: transparent transparent #ebebeb transparent; position: absolute; top: -16px; left: 50%; margin-left: -8px;} .prodCenPic .pic .tit .cntit{ font-size: 16px; color: #333; margin-bottom: 5px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .prodCenPic .pic .tit .entit{ font-size: 16px; color: #888888; height: 32px; line-height: 32px; overflow: hidden;} .prodCenPic .pic:hover .tit{ background: #002f7c;} .prodCenPic .pic:hover .tit::after{ border-color: transparent transparent #002f7c transparent;} .prodCenPic .pic:hover .tit .cntit{ color: #fff;} .prodCenPic .pic:hover .tit .entit{ color: #fff;} @media screen and (max-width:1023px){ .prodList2 .prodTitle ul{ width: 100%;} .prodList2 .prodTitle ul .l1{ height: 30px; line-height: 30px; font-size: 14px;} .prodList2 .prodTitle ul .l1 .line{ margin-right: 5px;} .prodList2 .prodTitle .l1 .ico{ margin: 0 0 0 10px;} .prodCenPic{ margin: 10px -1% 0 -1%;} .prodCenPic .pic{ width: 31%; margin: 0 1% 10px 1%;} .prodCenPic .pic .tit{ padding: 5px;} .prodCenPic .pic .tit::after{ border-width: 4px; top: -8px; margin-left: -4px;} .prodCenPic .pic .tit .cntit{ font-size: 14px; margin-bottom: 2px;} .prodCenPic .pic .tit .entit{ height: 32px; font-size: 12px;} } @media screen and (max-width:768px){ .prodCenPic .pic{ width: 48%; margin: 0 1% 10px 1%;} } /* 产品详情 */ .prodCon1{ border-top: 1px solid #e5e5e5; padding-top: 30px; overflow: hidden;} .prodCon1 .prodLeft{ float: left; width: 33%; padding-bottom: 30px; border: 1px solid #e8e7e7;} .prodCon1 .prodLeft .slick-dots{ position: absolute; bottom: 25px; z-index: 10; height: 10px;} .prodCon1 .prodLeft .slick-dots li{ vertical-align: top; width: 20px; height: 4px; background: #979799; margin: 0 5px; cursor: pointer; text-indent: -999px; overflow: hidden;} .prodCon1 .prodLeft .slick-dots .slick-active{ background: #002f7c;} .prodCon1 .prodRight{ float: right; width: 64%;} .prodCon1 .prodRight .title{ overflow: hidden; margin-top: 10px;} .prodCon1 .prodRight .title .tit{ float: left; font-size: 30px;font-size: 42px;font-weight: 700;font-family:Microsoft YaHei,Arial; } .prodCon1 .prodRight .title .more{ display: block; float: right; margin-right: 5px; width: 115px; height: 36px; line-height: 36px; font-size: 16px; padding-left: 33px; color: #fff; background: #989898 url(images/icon6.png) no-repeat 15px center;} .prodCon1 .prodRight .title .more:hover{ box-shadow: 3px 3px #d1d1d1;} .prodCon1 .prodRight .info{ font-size: 16px; line-height: 24px; margin-top: 25px; color: #555555; position:relative; height:72px; overflow:hidden;} #info.on {height:auto;} .prodCon1 .prodRight .c1{ color: #002f7c; cursor: pointer; position:absolute; bottom:0;right:0; background-color:#fff; padding-left:10px;} .prodCon1 .prodRight .c2{ color: #666; cursor: pointer;} .prodCon1 .prodRight .text{ font-size: 16px; line-height: 36px; margin-top: 30px; color: #555555;} .prodCon1 .prodRight .bot a{ display: block; float: left; width: 126px; height: 44px; line-height: 44px; font-size: 16px; margin: 48px 10px 0 0; text-align: center; color: #fff;} .prodCon1 .prodRight .zx{ background: #002f7c;} .prodCon1 .prodRight .zx:hover{ background-color:#989898;} .prodCon1 .prodRight .sq{ background: #989898;} .prodCon1 .prodRight .sq:hover{ background-color:#002f7c} .prodCon2 .tit{ font-size: 21px; padding: 30px 0 20px 0; color: #002f7c; display: inline-block; border-bottom: 1px solid #002f7c;} .prodCon2 .line{ width: 100%; height: 1px; margin-bottom: 25px; background: #d1d1d1;} .prodCon2 .nr{ width: 100%; overflow: hidden; margin-top: 30px;} .prodCon2 .nr .left{ float: left; width: 65%;} .prodCon2 .nr .info{ font-size: 16px; line-height: 24px;} .prodCon2 .sp{ float: right; width: 31.6%; position: relative;} .prodCon2 .sp .img{ background: #e8e7e7; padding: 10px; line-height: 0;} .prodCon2 .sp .ico{ display: block; width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; margin-top: -45px; margin-left: -25px;} .prodCon2 .sp .wz{ font-size: 16px; height: 52px; line-height: 52px; background: #989898; color: #fff; text-align: center;} .prodCon2 .table{ margin: 10px 0 15px 0; overflow: hidden;background: #f1f1f1;} .prodCon2 .table .td{ padding: 5px 20px; min-height: 36px; line-height: 24px; font-size: 14px; color: #666; border: 1px solid #e8e7e7;} .prodCon2 .table .tr { } .prodCon2 .table .tr:nth-child(2n){ background: #fff;} .prodCon2 .tablebt{ font-size: 14px;} .prodCon2 .more_right{ float: right; font-size: 16px; margin: 32px 0 20px 0;} .prodCon2 .prog ul{ margin-top: -20px;} .prodCon2 .prog .l1{ overflow: hidden; background: url(images/icon7.png) no-repeat 20px center; padding: 20px 0 20px 40px; border-bottom: 1px solid #e9e9e9;} .prodCon2 .prog .l1 .left{ float: left; width: 80%;} .prodCon2 .prog .l1 .left .text1{ font-size: 16px; line-height: 20px; margin-bottom: 5px; color: #333;} .prodCon2 .prog .l1 .left .text2{ font-size: 16px; line-height: 24px; color: #888888;} .prodCon2 .prog .l1 .right{ float: right; padding-right: 30px;} .prodCon2 .prog .l1:hover{ background: #e8e7e7 url(images/icon7.png) no-repeat 20px center;} .prodCon2.mt{ margin-top: 50px;} .prodCon2 .righ{ float: right;} .prodCon2 .return{ display: block; margin-right: 5px; margin-top: -20px; width: 115px; height: 36px; line-height: 36px; font-size: 16px; padding-left: 33px; color: #fff; background: #989898 url(images/icon6.png) no-repeat 15px center;} .prodCon2 .return:hover{ box-shadow: 3px 3px #d1d1d1;} .prodCon2 .more{ display: block; font-size: 16px; text-align: right; padding: 20px 5px 20px 0;} .prodCon2 .prodCon2Pic{ margin: 30px -1% 20px -1%; overflow: hidden;} .prodCon2 .prodCon2Pic .pic{ float: left; width: 18%; margin: 0 1% 20px 1%;} .prodCon2 .prodCon2Pic .pic .img{ line-height: 0; border: 1px solid #e9e9e9; overflow: hidden;} .prodCon2 .prodCon2Pic .pic .img img{ width: 100%; -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;} .prodCon2 .prodCon2Pic .pic:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .prodCon2 .prodCon2Pic .pic .title{ width: 100%; padding: 20px 10px; background: #ebebeb; text-align: center; position: relative;} .prodCon2 .prodCon2Pic .pic .title::after{ content: ""; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; border-width: 8px; border-style: dashed dashed solid dashed; border-color: transparent transparent #ebebeb transparent; position: absolute; top: -16px; left: 50%; margin-left: -8px;} .prodCon2 .prodCon2Pic .pic .title .cntit{ height: 42px; overflow: hidden; font-size: 16px; color: #333; margin-bottom: 5px;} .prodCon2 .prodCon2Pic .pic .title .entit{ font-size: 16px; line-height:32px; color: #888888;} .prodCon2 .prodCon2Pic .pic:hover .title{ background: #002f7c;} .prodCon2 .prodCon2Pic .pic:hover .title::after{ border-color: transparent transparent #002f7c transparent;} .prodCon2 .prodCon2Pic .pic:hover .title .cntit{ color: #fff;} .prodCon2 .prodCon2Pic .pic:hover .title .entit{ color: #fff;} @media screen and (max-width:1023px){ .prodCon1{ padding-top: 15px;} .prodCon1 .prodLeft{ width: 100%; padding-bottom: 0;} .prodCon1 .prodLeft .slick-dots{ bottom: 25px; z-index: 10; height: 6px;} .prodCon1 .prodLeft .slick-dots li{ width: 10px;} .prodCon1 .prodRight{ width: 100%;} .prodCon1 .prodRight .title{ margin-top: 10px;} .prodCon1 .prodRight .title .tit{ font-size: 16px;} .prodCon1 .prodRight .title .more{ margin-right: 3px; width: 75px; height: 28px; line-height: 28px; font-size: 12px; padding-left: 20px; background: #989898 url(images/icon6.png) no-repeat 5px center; background-size: 10%;} .prodCon1 .prodRight .info{ font-size: 14px; margin-top: 5px;} .prodCon1 .prodRight .text{ font-size: 14px; margin-top: 10px;} .prodCon1 .prodRight .bot a{ width: 85px; height: 28px; line-height: 28px; font-size: 14px; margin: 10px 10px 0 0;} .prodCon2 .tit{ font-size: 16px; padding: 10px 0 5px 0;} .prodCon2 .line{ margin-bottom: 5px;} .prodCon2 .nr{ margin-top: 10px;} .prodCon2 .nr .left{ width: 100%;} .prodCon2 .nr .info{ font-size: 14px;} .prodCon2 .nr .more{ font-size: 14px; width: 90px; height: 24px; line-height: 24px; margin-top: 10px; margin-bottom: 10px; padding-left: 5px; background: #002f7c url(images/icon10.png) no-repeat 65px center; background-size: 15%;} .prodCon2 .sp{ width: 100%;} .prodCon2 .sp .img{ padding: 5px;} .prodCon2 .sp .ico{ width: 30px; height: 30px; margin-top: -25px; margin-left: -15px;} .prodCon2 .sp .wz{ font-size: 14px; height: 24px; line-height: 24px;} /*.prodCon2 .table .td{ width: 100%;}*/ .prodCon2 .table .td:nth-child(1),.prodCon2 .table .td:nth-child(2),.prodCon2 .table .td:nth-child(5),.prodCon2 .table .td:nth-child(6){ background: #fff;} .prodCon2 .table .td:nth-child(2n+1){ background: #f1f1f1;} .prodCon2 .more_right{ font-size: 14px; margin: 14px 0 0px 0;} .prodCon2 .prog ul{ margin-top: -5px;} .prodCon2 .prog .l1{ overflow: hidden; background: url(images/icon7.png) no-repeat 10px center; padding: 5px 0 5px 20px; border-bottom: 1px solid #e9e9e9;} .prodCon2 .prog .l1 .left{ width: 80%;} .prodCon2 .prog .l1 .left .text1{ font-size: 14px; margin-bottom: 0;} .prodCon2 .prog .l1 .left .text2{ font-size: 14px;} .prodCon2 .prog .l1 .right{ padding-right: 20px; margin-top: 5px;} .prodCon2 .prog .l1:hover{ background: #e8e7e7 url(images/icon7.png) no-repeat 10px center;} .prodCon2.mt{ margin-top: 30px;} .prodCon2 .return{ margin-right: 5px; width: 75px; height: 24px; line-height: 24px; margin-top: -20px; font-size: 12px; padding-left: 20px; background: #989898 url(images/icon6.png) no-repeat 5px center; background-size: 10%;} .prodCon2 .more{ font-size: 14px; padding: 8px 5px 8px 0;} .prodCon2 .prodCon2Pic{ margin: 0 -1% 20px -1%;} .prodCon2 .prodCon2Pic .pic{ width: 31.3%; margin: 0 1% 10px 1%;} .prodCon2 .prodCon2Pic .pic .title{ padding: 5px;} .prodCon2 .prodCon2Pic .pic .title::after{ border-width: 4px; top: -8px; left: 50%; margin-left: -4px;} .prodCon2 .prodCon2Pic .pic .title .cntit{ height: 38px; font-size: 14px; margin-bottom: 5px;} .prodCon2 .prodCon2Pic .pic .title .entit{ font-size: 12px; line-height:32px; height:32px} } @media screen and (max-width:768px){ .prodCon2 .prodCon2Pic .pic{ width: 48%;} .prodCon2 .prodCon2Pic .pic .title{ text-align: left;} .prodCon2 .prodCon2Pic .slick-dots{ position:static; z-index: 10; margin-top:3%; height:6px; text-align: center;} .prodCon2 .prodCon2Pic .slick-dots li{ display: inline-block; vertical-align: top; width: 6px; height: 6px; background: #d396a3; margin: 0 5px; border-radius: 50%; cursor: pointer; text-indent: -999px; overflow: hidden;} .prodCon2 .prodCon2Pic .slick-dots .slick-active{ background: #002f7c;} } /* 主要品牌 */ .majoList{ padding-bottom: 10px;} .majoList ul{ overflow: hidden; margin: 0 -1%;} .majoList ul .l1{ float: left; width: 23%; height: 250px; border: 1px solid #e8e7e7; margin: 0 1% 30px 1%; padding-bottom: 54px; position: relative;} .majoList ul .l1 .img{ line-height: 0; background: #fff; padding: 20px 15px;} .majoList ul .l1 .text{ position: absolute; bottom: 0; padding: 20px 5px; background: #e8e7e7; text-align: center; WIDTH: 100%;} .majoList ul .l1 .text .t1{ font-size: 16px; color: #555555; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-transform: uppercase;} .majoList ul .l1 .text .t2{ display: none; font-size: 16px; color: #fff; margin: 10px 0; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-transform: uppercase;} .majoList ul .l1 .text .t3{ display: none; font-size: 16px; color: #fff; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-transform: uppercase;} .majoList ul .l1:hover .img{ padding: 0 15px; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent;} .majoList ul .l1:hover .text{ background: #002f7c;} .majoList ul .l1:hover .text .t1{ color: #fff;} .majoList ul .l1:hover .text .t2{ display: block;} .majoList ul .l1:hover .text .t3{ display: block;} @media screen and (max-width:1023px){ .majoList{ padding-bottom: 5px;} .majoList ul .l1{ height: 150px; margin: 0 1% 10px 1%; padding-bottom: 54px;} .majoList ul .l1 .img{ padding: 20px 5px;} .majoList ul .l1 .text{ padding: 5px 3px;} .majoList ul .l1 .text .t1{ font-size: 14px;} .majoList ul .l1 .text .t2{ font-size: 14px; margin: 5px 0;} .majoList ul .l1 .text .t3{ font-size: 14px;} .majoList ul .l1:hover .img{ padding: 0 5px;} } @media screen and (max-width:768px){ .majoList ul .l1 .img{ padding: 20px 20px;} .majoList ul .l1{ width: 31.3%;} .majoList ul .l1 .text .t2{ margin: 2px 0;} .majoList ul .l1:hover .img{ padding: 0 20px;} } @media screen and (max-width:500px){ .majoList ul .l1{ width: 48%;} } @media screen and (max-width:400px){ .majoList ul .l1{ height: 140px;} } /* 品牌产品 */ .majoCon1{ overflow: hidden;} .majoCon1 .text{ float: left; width: 49%;} .majoCon1 .text .tit{ display: inline-block; font-size: 30px; padding-bottom: 15px; margin-bottom: 10px; border-bottom: 1px solid #ebebeb; color: #002f7c;} .majoCon1 .text .info{ font-size: 16px; line-height: 24px; color: #555;} .majoCon1 .img{ float: right; width: 49%; line-height: 0;} .majoCon2 .tit,.majoCon3 .tit{ font-size: 21px; padding: 30px 0 20px 0; color: #002f7c; display: inline-block; border-bottom: 1px solid #002f7c;} .majoCon2 .line,.majoCon3 .line{ width: 100%; height: 1px; margin-bottom: 25px; background: #d1d1d1;} .hist{ padding: 0 20px 40px 20px; background: #f1f1f1; overflow: hidden; position: relative;} .hist .line{ width: 1px; height: 100%; background: #002f7c; position: absolute; top: 0; left: 50%;} .hist .t1{ font-size: 21px; color: #002f7c; font-weight: bold; position: relative;} .hist .t2{ font-size: 16px; line-height: 24px;} .hist .d1{ width: 48.1%; margin-top: 30px; float: right;} .hist .d1 .t1::after{ content: ""; display: block; width: 10px; height: 10px; border-radius: 50%; background: #002f7c; position: absolute; top: 8px; left: -25px;} .hist .d1 .wz{ margin-left: 20px;} .hist .d2{ width: 48.3%; margin-top: 30px; float: left; text-align: right;} .hist .d2:nth-child(1){ margin-top: 80px;} .hist .d2 .t1::after{ content: ""; display: block; width: 10px; height: 10px; border-radius: 50%; background: #002f7c; position: absolute; top: 8px; right: -25px;} .hist .d2 .wz{ margin-right: 20px;} .majoConPic{ margin: 30px -1% 20px -1%; overflow: hidden;} .majoConPic .pic{ float: left; width: 23%; margin: 0 1% 20px 1%;} .majoConPic .pic .img{ line-height: 0; border: 1px solid #e9e9e9; overflow: hidden;} .majoConPic .pic .img img{ width: 100%; -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;} .majoConPic .pic:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .majoConPic .pic .title{ width: 100%; padding: 20px 10px; background: #ebebeb; text-align: center; position: relative;} .majoConPic .pic .title::after{ content: ""; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; border-width: 8px; border-style: dashed dashed solid dashed; border-color: transparent transparent #ebebeb transparent; position: absolute; top: -16px; left: 50%; margin-left: -8px;} .majoConPic .pic .title .cntit{ font-size: 16px; height: 40px; line-height: 20px; overflow: hidden; color: #333; margin-bottom: 5px;} .majoConPic .pic .title .entit{ font-size: 16px; height: 32px; line-height: 32px; overflow: hidden; color: #888888;} .majoConPic .pic:hover .title{ background: #002f7c;} .majoConPic .pic:hover .title::after{ border-color: transparent transparent #002f7c transparent;} .majoConPic .pic:hover .title .cntit{ color: #fff;} .majoConPic .pic:hover .title .entit{ color: #fff;} .majoCon .more_right{ float: right; font-size: 16px; margin: 32px 0 20px 0;} @media screen and (max-width:1230px){ .hist .d1{ width: 47.8%;} .hist .d2{ width: 48%;} } @media screen and (max-width:1023px){ .majoCon1 .text{ width: 100%;} .majoCon1 .text .tit{ font-size: 16px; padding-bottom: 5px; margin-bottom: 5px;} .majoCon1 .text .info{ font-size: 14px;} .majoCon1 .img{ width: 100%; margin-top: 10px;} .majoCon2 .tit,.majoCon3 .tit{ font-size: 16px; padding: 10px 0 5px 0;} .majoCon2 .line,.majoCon3 .line{ margin-bottom: 5px;} .hist{ padding: 0 10px;} .hist .t1{ font-size: 16px;} .hist .t2{ font-size: 14px;} .hist .wz{ margin-bottom: 15px;} .hist .d1 { width: 44.9%;} .hist .d1 .t1::after{ left: -13%;} .hist .d2 { width: 44.8%;} .hist .d2 .t1::after{ right: -13%;} .majoConPic{ margin: 10px -1% 5px -1%;} .majoConPic .pic{ margin: 0 1% 10px 1%;} .majoConPic .pic .title{ padding: 5px;} .majoConPic .pic .title::after{ border-width: 4px; top: -8px; left: 50%; margin-left: -4px;} .majoConPic .pic .title .cntit{ font-size: 14px; margin-bottom: 5px;} .majoConPic .pic .title .entit{ font-size: 12px;} .majoCon .more_right{ font-size: 14px; margin: 14px 0 0px 0;} } @media screen and (max-width:768px){ .majoConPic .pic{ width: 48%;} .hist .d1 { width: 44.9%;} .hist .d2 { width: 44.9%;} .majoConPic .pic .title{ text-align: left;} } @media screen and (max-width:450px){ .hist .d1 { width: 45.4%;} .hist .d2 { width: 45.5%;} } /* 解决方案 */ .soluList{ padding-bottom: 40px;} .brand .t1{ font-size: 16px; color: #002f7c;} .brand .t2{ font-size: 16px; padding: 0 5px; color: #fff; background: #002f7c;} .brand .clos1{ float: right; font-size: 14px; padding-right: 20px; cursor: pointer; background: url(images/icon9_1.png) no-repeat right center;} .brand .clos2{ float: right; font-size: 14px; padding-right: 20px; cursor: pointer; color: #002f7c; background: url(images/icon9.png) no-repeat right center;} .brand ul{ margin: 10px -0.25% 20px -0.25%;} .brand ul .l1{ display: inline-block; margin: 0 0.25%; width: 10.25%;} .brand ul .l1 .img{ line-height: 0; border: 1px solid #ececec;} .brand ul .l1:hover .img{ border: 1px solid #002f7c;} .brand ul .l1.on .img{ border: 1px solid #002f7c;} .brand ul .l1 .tit{ font-size: 15px; margin: 8px 0 15px 0; text-align: center;} .brand .heig1{ height: 87px; overflow: hidden;} .brand .heig2{ height: auto;} .appl .t1{ font-size: 16px; color: #002f7c;} .appl .t2{ font-size: 16px; padding: 0 5px; color: #fff; background: #002f7c;} .appl .clos1{ float: right; font-size: 14px; padding-right: 20px; cursor: pointer; background: url(images/icon9_1.png) no-repeat right center;} .appl .clos2{ float: right; font-size: 14px; padding-right: 20px; cursor: pointer; color: #002f7c; background: url(images/icon9.png) no-repeat right center;} .appl ul .l1{ display: inline-block; margin-right: 35px; font-size: 15px; height: 36px; line-height: 36px;} .appl ul .l1.on a {color:#002f7c;} .appl .heig1{ height: 36px; overflow: hidden;} .appl .heig2{ height: auto;} .soluList .prog ul{ margin: 30px 0; border-top: 1px solid #e9e9e9;} .soluList .prog .l1{ overflow: hidden; background: url(images/icon7.png) no-repeat 20px center; padding: 20px 0 20px 40px; border-bottom: 1px solid #e9e9e9;} .soluList .prog .l1 .left{ float: left; width: 81%;} .soluList .prog .l1 .left .tit{ overflow: hidden;} .soluList .prog .l1 .left .min-tit1{ display: inline-block; padding: 0 10px; margin-right: 10px; line-height: 26px; height: 26px; font-size: 16px; text-align: center; font-weight: normal; background: #002f7c; color: #fff;} .soluList .prog .l1 .left .min-tit2{ display: inline-block; margin-right: 10px; line-height: 24px; height: 26px; font-size: 17px; text-align: center; font-weight: normal; color: #002f7c;} .soluList .prog .l1 .left .text1{ font-size: 16px; line-height: 28px; margin-bottom: 10px; font-weight: bold; color: #333;} .soluList .prog .l1 .left .text2{ font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; margin-top: 10px; color: #888888;} .soluList .prog .l1 .right{ float: right; padding-right: 30px;} .soluList .prog .l1:hover{ background: #e8e7e7 url(images/icon7.png) no-repeat 20px center;} @media screen and (max-width:1230px){ .brand .heig1{ height: 80px;} .soluList .prog .l1 .left .text1{ width: 83%;} } @media screen and (max-width:1023px){ .soluList{ padding-bottom: 20px;} .brand .t1{ font-size: 14px;} .brand .t2{ font-size: 14px;} .brand .clos1{ font-size: 12px;} .brand .clos2{ font-size: 12px;} .brand ul{ margin: 5px -0.25% 10px -0.25%;} .brand ul .l1{ width: 31.9%;} .brand ul .l1 .tit{ font-size: 13px; margin: 8px 0 10px 0;} .brand .heig1{ height: 0;} .appl .t1{ font-size: 14px;} .appl .t2{ font-size: 14px;} .appl .clos1{ font-size: 12px;} .appl .clos2{ font-size: 12px;} .appl ul{ margin: 5px 0 0 0;} .appl ul .l1{ margin-right: 0; font-size: 13px; height: 20px; line-height: 20px; height: 26px; line-height: 26px; width: 49%;} .appl .heig1{ height: 0;} .soluList .prog ul{ margin: 10px 0 20px 0;} .soluList .prog .l1{ overflow: hidden; background: url(images/icon7.png) no-repeat 10px 15px; padding: 5px 0 5px 20px; border-bottom: 1px solid #e9e9e9;} .soluList .prog .l1 .left{ width: 88%;} .soluList .prog .l1 .left .min-tit1{ margin-right: 5px; font-size: 14px; height: 20px; line-height: 20px;} .soluList .prog .l1 .left .min-tit2{ margin-right: 5px; font-size: 14px; height: 20px; line-height: 18px;} .soluList .prog .l1 .left .text1{ font-size: 14px; line-height: 20px; margin-bottom: 0;} .soluList .prog .l1 .left .text2{ font-size: 14px;} .soluList .prog .l1 .right{ padding-right: 20px; margin-top: 5px; width: 10%;} .soluList .prog .l1:hover{ background: #e8e7e7 url(images/icon7.png) no-repeat 10px center;} } @media screen and (max-width:768px){ .soluList .prog .l1 .left .min-tit1{ padding: 0 5px 2px 5px; margin-right: 10px; font-size: 12px;} .soluList .prog .l1 .left .min-tit2{ padding: 0 0 2px 0; margin-right: 10px; font-size: 13px;} .soluList .prog .l1 .left .text1{ width: 100%; font-size: 14px; line-height: 20px; margin: 5px 0;} .soluList .prog .l1 .left .text2{ font-size: 14px; line-height: 24px; margin-top: 0;} .soluList .prog .l1 .right{ padding-right: 10px;} } /* 下载弹窗 */ .downLoad{ display: none;} .downLoad .bg{ background: #000; opacity: 0.5; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99;} .downLoad .down{ background: #fff; width: 480px; height: 566px; position: fixed; top: 50%; left: 50%; margin-top: -288px; margin-left: -240px; z-index: 999;} .downLoad .down .tit{ font-size: 21px; height: 50px; line-height: 50px; padding-left: 20px; background: #002f7c; color: #fff;} .downLoad .down .lab{ margin: 20px 20px 0 20px; padding: 15px 20px; overflow: hidden; background: #f5f5f5; position: relative;} .downLoad .down .lab .wz{ float: left; font-size: 16px;} .downLoad .down .lab .dot{ float: left; color: #002f7c; margin-left: 2px;} .downLoad .down .lab .f1{ float: right; font-size: 16px; padding-right: 115px; text-align: right;} .downLoad .down .lab .f2{ display:block; position: absolute; right: 0; top: 0; width: 115px; height: 50px; line-height: 50px; font-size: 16px; cursor: pointer; text-align: center; background: #dcdcdc; color: #002f7c;} .downLoad .down .lab .f3{ float: right; font-size: 16px; text-align: right;} .downLoad .down .lab1{ margin: 20px;} .downLoad .down .lab1 .f4{ width: 100%; height: 50px; line-height: 50px; font-size: 16px; text-align: center; color: #fff; background: #002f7c; cursor: pointer;} @media screen and (max-width:1023px){ .downLoad .down{ width: 80%; height: auto; margin-top: -40%; margin-left: -40%;} .downLoad .down .tit{ font-size: 16px; height: 30px; line-height: 30px; padding-left: 10px;} .downLoad .down .lab{ margin: 10px 10px 0 10px; padding: 5px 10px;} .downLoad .down .lab .wz{ font-size: 14px;} .downLoad .down .lab .f1{ font-size: 14px; padding-right: 85px;} .downLoad .down .lab .f2{ width: 85px; height: 30px; line-height: 30px; font-size: 14px;} .downLoad .down .lab .f3{ font-size: 14px;} .downLoad .down .lab1{ margin: 10px;} .downLoad .down .lab1 .f4{ height: 30px; line-height: 30px; font-size: 14px;} } /* 信息填写 */ .downLoad2{ display:none ;} .downLoad2 .bg{ background: #000; opacity: 0.5; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99;} .downLoad2 .down{ background: #fff; width: 480px; height: 566px; overflow-y:auto; position: fixed; top: 50%; left: 50%; margin-top: -288px; margin-left: -240px; z-index: 999;} .downLoad2 .down .tit{ font-size: 21px; height: 50px; line-height: 50px; padding-left: 20px; background: #002f7c; color: #fff;} .downLoad2 .down .lab{ margin: 20px 20px 0 20px; padding: 15px 20px; overflow: hidden; background: #f5f5f5; position: relative;} .downLoad2 .down .lab .wz{ float: left; font-size: 16px;} .downLoad2 .down .lab .dot{ float: left; color: #002f7c; margin-left: 2px;} .downLoad2 .down .lab .f1{ float: right; font-size: 16px; padding-right: 115px; text-align: right;} .downLoad2 .down .lab .f2{ display:block; position: absolute; right: 0; top: 0; width: 115px; height: 50px; line-height: 50px; font-size: 16px; cursor: pointer; text-align: center; background: #dcdcdc; color: #002f7c;} .downLoad2 .down .lab .f3{ float: right; font-size: 16px; text-align: right;} .downLoad2 .down .lab1{ margin: 20px;} .downLoad2 .down .lab1 .f4{ width: 100%; height: 50px; line-height: 50px; font-size: 16px; text-align: center; color: #fff; background: #002f7c; cursor: pointer;} @media screen and (max-width:1023px){ .downLoad2 .down{ width: 80%; height: auto; margin-top: -40%; margin-left: -40%;} .downLoad2 .down .tit{ font-size: 16px; height: 30px; line-height: 30px; padding-left: 10px;} .downLoad2 .down .lab{ margin: 10px 10px 0 10px; padding: 5px 10px;} .downLoad2 .down .lab .wz{ font-size: 14px;} .downLoad2 .down .lab .f1{ font-size: 14px; padding-right: 85px;} .downLoad2 .down .lab .f2{ width: 85px; height: 30px; line-height: 30px; font-size: 14px;} .downLoad2 .down .lab .f3{ font-size: 14px;} .downLoad2 .down .lab1{ margin: 10px;} .downLoad2 .down .lab1 .f4{ height: 30px; line-height: 30px; font-size: 14px;} } /* 信息填写省市联动 */ .n_city {margin-left:80px; text-align:right;} .n_city select {width:40%; margin:0 2%; height:21px; line-height:21px; color:#888; font-size:14px;} .con {float:left; width:100%; height:30px ;margin-top:10px; font-size:16px;} /* 解决方案详情 */ .soluCon .return{ display: block; float: right; margin-right: 5px; width: 115px; height: 36px; line-height: 36px; font-size: 16px; padding-left: 33px; color: #fff; background: #989898 url(images/icon6.png) no-repeat 15px center;} .soluCon .return:hover{ box-shadow: 3px 3px #d1d1d1;} .soluCon .l4{ width: 100%; overflow: hidden; margin-top: 30px;} .soluCon .l4 .left{ width: 65%; float: left;} .soluCon .l4 .info{ font-size: 16px; line-height: 24px;} .soluCon .l4 .more{ display: block; font-size: 16px; width: 140px; height: 46px; line-height: 46px; margin-top: 60px; padding-left: 25px; color: #fff; background: #002f7c url(images/icon10.png) no-repeat 95px center;} .soluCon .l4 .more:hover{ box-shadow: 3px 3px #9c5363;} .soluCon .sp{ float: right; width: 31.6%; position: relative;} .soluCon .sp .img{ background: #e8e7e7; padding: 10px; line-height: 0;} .soluCon .sp .ico{ display: block; width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; margin-top: -45px; margin-left: -25px;} .soluCon .sp .wz{ font-size: 16px; height: 52px; line-height: 52px; background: #989898; color: #fff; text-align: center;} @media screen and (max-width:1023px){ .soluCon .return{ margin-right: 3px; width: 75px; height: 28px; line-height: 28px; font-size: 12px; padding-left: 20px; background: #989898 url(images/icon6.png) no-repeat 5px center; background-size: 10%;} .soluCon .l4{ margin-top: 10px;} .soluCon .l4 .left{ width: 100%;} .soluCon .l4 .info{ font-size: 14px;} .soluCon .l4 .more{ font-size: 14px; width: 90px; height: 24px; line-height: 24px; margin-top: 10px; margin-bottom: 10px; padding-left: 5px; background: #002f7c url(images/icon10.png) no-repeat 65px center; background-size: 15%;} .soluCon .sp{ width: 100%;} .soluCon .sp .img{ padding: 5px;} .soluCon .sp .ico{ width: 30px; height: 30px; margin-top: -25px; margin-left: -15px;} .soluCon .sp .wz{ font-size: 14px; height: 24px; line-height: 24px;} } /* 服务 */ .servCon .line{ width: 100%; height: 1px; border-bottom: 1px solid #e5e5e5;} .servCon .tit1{ display: inline-block; font-size: 30px; padding-bottom: 15px; margin-top: 30px; margin-bottom: 10px; border-bottom: 1px solid #ebebeb; color: #002f7c;} .servCon .pic{ overflow: hidden; padding: 30px 0; border-bottom: 1px dashed #b2b2b2;} .servCon .pic .img{ float: left; width: 40%; line-height: 0; overflow: hidden;} .servCon .pic .img img{ width: 100%; -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;} .servCon .pic .img:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .servCon .pic .text{ float: right; width: 56%; margin-top: 20px;} .servCon .pic .text .tit2{ font-size: 21px; margin-bottom: 15px; color: #002f7c;} .servCon .pic .text .info{ font-size: 16px; line-height: 24px; color: #444444;} .servCon .pic1 .img{ float: right;} .servCon .pic1 .text{ float: left;} .yqb{ overflow: hidden; padding-bottom: 60px;} .yqb .left{ float: left; width: 71.3%;} .yqb .right{ float: right; width: 24%;} .yqb .right .u1 .l1{ overflow: hidden; background: #e8e7e7; padding: 20px 30px; margin-bottom: 1px;} .yqb .right .u1 .l1 .ico{ width: 38px; height: 38px; margin-right: 20px; float: left;} .yqb .right .u1 .l1 .t1{ display: inline-block; float: left; font-size: 24px; margin-right: 10px; color: #002f7c;} .yqb .right .u1 .l1 .t2{ display: inline-block; float: left; font-size: 20px;} .yqb .right .u2{ margin-top: 40px;} .yqb .right .u2 .l1{ overflow: hidden; background: #e8e7e7; padding: 20px; margin-bottom: 1px;} .yqb .right .u2 .l1 .ico{ width: 18px; height: 18px; margin-right: 5px; margin-top: 3px; float: left;} .yqb .right .u2 .l1 .t1{ font-size: 16px; color: #666666;} @media screen and (max-width:1023px){ .servCon .tit1{ font-size: 16px; padding-bottom: 10px; margin-top: 10px; margin-bottom: 0;} .servCon .pic{ padding: 10px 0; } .servCon .pic .img{ width: 100%;} .servCon .pic .text{ width: 100%;} .servCon .pic .text{ margin-top: 15px;} .servCon .pic .text .tit2{ font-size: 16px; margin-bottom: 5px;} .servCon .pic .text .info{ font-size: 14px; line-height: 24px;} .servCon .pic1 .img{ float: left;} .servCon .pic1 .text{ float: right;} .yqb{ padding-bottom: 20px;} .yqb .left{ width: 100%;} .yqb .right{ width: 100%;} .yqb .right .u1 .l1{ padding: 10px 15px;} .yqb .right .u1 .l1 .ico{ width: 20px; height: 20px; margin-right: 10px;} .yqb .right .u1 .l1 .t1{ font-size: 16px; margin-right: 8px;} .yqb .right .u1 .l1 .t2{ font-size: 14px;} .yqb .right .u2{ margin-top: 15px;} .yqb .right .u2 .l1{ padding: 10px;} .yqb .right .u2 .l1 .ico{ width: 16px; height: 16px;} .yqb .right .u2 .l1 .t1{ font-size: 14px;} } /* 在线招聘 */ .onliRecr{ border-top: 1px solid #e5e5e5; overflow: hidden; padding: 30px 0 35px 0;} .onliRecr .recrLeft{ float: left; width: 14.5%;} .onliRecr .recrLeft ul .l1{ width: 100%; height: 46px; line-height: 46px; font-size: 16px; margin-bottom: 5px; background: #f1f1f1; text-align: center;} .onliRecr .recrLeft ul .l1:hover,.onliRecr .recrLeft ul .l1.on{ background: #002f7c;} .onliRecr .recrLeft ul .l1:hover a,.onliRecr .recrLeft ul .l1.on a{ color: #fff;} .onliRecr .recrRight{ float: right; width: 83.5%;} .onliRecr .recrRight .title1{ font-size: 16px; height: 56px; line-height: 56px; padding-left: 5%; position: relative; background: #e8e7e7; color: #333333;} .onliRecr .recrRight .title1::after{ content: ""; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; border-width: 8px; border-style: dashed solid dashed dashed; border-color: transparent #e8e7e7 transparent transparent; position: absolute; top: 50%; left: -16px; margin-top: -8px;} .onliRecr .recrRight .title1 .t1,.onliRecr .recrRight ul li .title2 .t1{ float: left; width: 16.4%;} .onliRecr .recrRight .title1 .t2,.onliRecr .recrRight ul li .title2 .t2{ float: left; width: 11.4%; text-align: center;} .onliRecr .recrRight .title1 .t3,.onliRecr .recrRight ul li .title2 .t3{ float: left; width: 23.7%; text-align: center;} .onliRecr .recrRight .title1 .t4,.onliRecr .recrRight ul li .title2 .t4{ float: left; width: 9.8%; text-align: center;} .onliRecr .recrRight .title1 .t5,.onliRecr .recrRight ul li .title2 .t5{ float: left; width: 17.2%; text-align: center;} .onliRecr .recrRight .title1 .t7,.onliRecr .recrRight ul li .title2 .t7{ float: left; width: 10%; text-align: center;} .onliRecr .recrRight ul li{ overflow: hidden; border-bottom: 1px solid #f1f1f1;} .onliRecr .recrRight ul li .title2{ font-size: 16px; height: 56px; line-height: 56px; padding-left: 5%; overflow: hidden; cursor: pointer; color: #555;} .onliRecr .recrRight ul li .title2 .t6{ float: left; width: 10%; height: 50px; background: url(images/Recr1_1.png) no-repeat center;} .onliRecr .recrRight ul li .title2:hover{ background: #f1f1f1; color: #002f7c;} .onliRecr .recrRight ul li .title2:hover .t6{ background: url(images/Recr1_2.png) no-repeat center;} .onliRecr .recrRight ul li .box{ display: none; padding-left: 5%; padding-bottom: 30px;} .onliRecr .recrRight ul li .box .p1{ font-size: 16px; color: #333; margin-top: 20px;} .onliRecr .recrRight ul li .box .p2{ font-size: 16px; color: #666; margin-bottom: 30px;} .onliRecr .recrRight ul li .box .more{ display: block; width: 124px; height: 38px; line-height: 38px; font-size: 16px; text-align: center; background: #002f7c; color: #fff;} .onliRecr .recrRight ul li .box .more:hover{ box-shadow: 3px 3px #9c5363;} .onliRecr .recrRight ul li .title2.active .t6{ background: url(images/Recr1_3.png) no-repeat center;} .onliRecr .recrRight .title2 .t1{ position: relative;} .onliRecr .recrRight .jp{ display: inline-block; height: 14px; line-height: 14px; font-size: 12px; position: absolute; top: 10px; margin-left: 5px; color: #002f7c;} @media screen and (max-width:1023px){ .onliRecr{ padding: 15px 0;} .onliRecr .recrLeft ul .l1{ height: 28px; line-height: 28px; font-size: 14px;} .onliRecr .recrRight .title1{ font-size: 12px; height: 28px; line-height: 28px; padding-left: 1%;} .onliRecr .recrRight .title1::after{ border-width: 4px; left: -8px; margin-top: -4px;} .onliRecr .recrRight .title1 .t1,.onliRecr .recrRight ul li .title2 .t1{ float: left; width: 18.4%;} .onliRecr .recrRight .title1 .t2,.onliRecr .recrRight ul li .title2 .t2{ float: left; width: 14.4%; text-align: center;} .onliRecr .recrRight .title1 .t3,.onliRecr .recrRight ul li .title2 .t3{ float: left; width: 22.7%; text-align: center;} .onliRecr .recrRight .title1 .t4,.onliRecr .recrRight ul li .title2 .t4{ float: left; width: 12.8%; text-align: center;} .onliRecr .recrRight .title1 .t5,.onliRecr .recrRight ul li .title2 .t5{ float: left; width: 17.2%; text-align: center;} .onliRecr .recrRight .title1 .t7,.onliRecr .recrRight ul li .title2 .t7{ float: left; width: 10%; text-align: center;} .onliRecr .recrRight ul li .title2{ font-size: 12px; height: 28px; line-height: 28px; padding-left: 1%;} .onliRecr .recrRight ul li .title2 .t6{ width: 4%; height: 28px; background-size: 70%;} .onliRecr .recrRight ul li .title2:hover .t6{ background-size: 70%;} .onliRecr .recrRight ul li .box{ padding-left: 1%; padding-bottom: 10px;} .onliRecr .recrRight ul li .box .p1{ font-size: 12px; margin-top: 10px;} .onliRecr .recrRight ul li .box .p2{ font-size: 12px; margin-bottom: 10px;} .onliRecr .recrRight ul li .box .more{ width: 84px; height: 28px; line-height: 28px; font-size: 14px;} .onliRecr .recrRight ul li .title2.active .t6{ background-size: 70%;} .onliRecr .recrRight .jp{ top: 0; margin-left: 0; -webkit-transform-origin-x: 0;-webkit-transform: scale(0.50);} } @media screen and (max-width:500px){ .onliRecr .recrRight .title1 .t1,.onliRecr .recrRight ul li .title2 .t1{ width: 20.4%; height: 28px; overflow: hidden;} .onliRecr .recrRight .title1 .t2,.onliRecr .recrRight ul li .title2 .t2{ width: 15.4%; height: 28px; overflow: hidden;} .onliRecr .recrRight .title1 .t3,.onliRecr .recrRight ul li .title2 .t3{ width: 14.7%; height: 28px; overflow: hidden;} .onliRecr .recrRight .title1 .t4,.onliRecr .recrRight ul li .title2 .t4{ width: 15.8%; height: 28px; overflow: hidden;} .onliRecr .recrRight .title1 .t5,.onliRecr .recrRight ul li .title2 .t5{ width: 17.2%; height: 28px; overflow: hidden;} .onliRecr .recrRight .title1 .t7,.onliRecr .recrRight ul li .title2 .t7{ width: 16%; height: 28px; overflow: hidden;} } @media screen and (max-width:400px){ .onliRecr .recrLeft{ width: 10.5%;} .onliRecr .recrLeft ul .l1{ font-size: 12px;} .onliRecr .recrRight{ width: 87.5%;} .onliRecr .recrRight ul li .box .more{ width: 64px; height: 24px; line-height: 24px; font-size: 12px;} } @media screen and (max-width:350px){ .onliRecr .recrRight .jp{ display: none;} } /* 在线留言 */ .messCon{ border-top: 1px solid #e4e4e4;} .messCon .tit{ display: inline-block; font-size: 30px; padding: 35px 0 20px 0; border-bottom: 1px solid #e4e4e4; color: #002f7c;} .messCon .ico{ width: 22px; height: 22px; margin-right: 8px; float: left;} .messCon .bd{ margin: 0 -0.85%; overflow: hidden;} .messCon .lab1{ width: 31.6%; padding: 10px; border: 1px solid #d2d2d2; float: left; margin: 20px 0.85% 0 0.85%;} .messCon .wz{ float: left; font-size: 16px; padding-right: 14px; height: 16px; line-height: 16px; margin: 3px 0; border-right: 1px solid #d5d5d5;} .messCon .lab1 .f1{ width: 70%; font-size: 15px; height: 16px; line-height: 16px; margin: 3px 0 3px 5px;} .messCon .lab1 .dot{ float: right; color: #002f7c;} .messCon .lab1 .f2{ display: block; margin: 0 auto; font-size: 15px; padding: 1px 15px; color: #323232; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(images/Mess9.png) no-repeat scroll right center transparent;} .messCon .lab1 .f3{ width: 74%; float: right; font-size: 15px;} .messCon .lab2{ width: 98.2%; padding: 10px; margin: 20px 0.85% 0 0.85%; border: 1px solid #d2d2d2; float: left;} .messCon .lab2 .line{ width: 100%; float: left; height: 1px; margin: 10px 0; background: #d2d2d2;} .messCon .lab2 .f4{ width: 100%; font-size: 15px; line-height: 30px; height: 210px;} .messCon .lab3{ width: 100%; float: left;} .messCon .lab3 .f5{ -webkit-appearance: none; border-radius: 0; display: block; font-size: 16px; width: 210px; height: 50px; line-height: 50px; margin: 30px auto 60px auto; text-align: center; cursor: pointer; color: #fff; background: #002f7c;} @media screen and (max-width:1023px){ .messCon .tit{ font-size: 16px; padding: 10px 0 5px 0;} .messCon .ico{ margin-right: 5px;} .messCon .bd{ margin: 0;} .messCon .lab1{ width: 100%; padding: 5px; margin: 10px 0 0 0;} .messCon .wz{ font-size: 14px;} .messCon .lab1 .f1{ font-size: 13px;} .messCon .lab1 .f2{ font-size: 13px; padding: 2px 15px;} .messCon .lab1 .f3{ font-size: 13px;} .messCon .lab2{ width: 100%; padding: 5px; margin: 10px 0 0 0;} .messCon .lab2 .line{ margin: 5px 0;} .messCon .lab2 .f4{font-size: 13px; line-height: 30px; height: 210px;} .messCon .lab3 .f5{ font-size: 14px; width: 100px; height: 30px; line-height: 30px; margin: 15px auto 20px auto;} } /* 网站地图 */ .siteMap{ border-top: 1px solid #e4e4e4; padding-bottom: 45px;} .siteMap .tit{ display: inline-block; font-size: 30px; padding: 35px 0 20px 0; border-bottom: 1px solid #e4e4e4; color: #002f7c;} .siteMap .u1{ border-left: 1px solid #ebebeb; margin-left: 18px;} .siteMap .u1 .l1{ line-height: 60px; font-size: 21px; margin-left: 20px; border-bottom: 1px dashed #b2b2b2; position: relative;} .siteMap .u1 .l1::after{ content: ""; display: block; width: 10px; height: 10px; border-radius: 50%; background: #002f7c; position: absolute; top: 25px; left: -25px;} .siteMap .u1 .l1 .u2{ overflow: hidden; font-size: 16px; line-height: 24px; margin-bottom: 20px;} .siteMap .u1 .l1 .u2 .left{ float: left; width: 10%;} .siteMap .u1 .l1 .u2 .left a{ display: block;} .siteMap .u1 .l1 .u2 .right{ float: left; width: 90%; color: #555555;} @media screen and (max-width:1023px){ .siteMap{ padding-bottom: 15px;} .siteMap .tit{ font-size: 16px; padding: 10px 0 5px 0;} .siteMap .u1{margin-left: 8px;} .siteMap .u1 .l1{ line-height: 30px; font-size: 14px; margin-left: 10px;} .siteMap .u1 .l1::after{ width: 5px; height: 5px; top: 13px; left: -13px;} .siteMap .u1 .l1 .u2{ font-size: 12px; margin-bottom: 10px;} .siteMap .u1 .l1 .u2 .left{ width: 25%;} .siteMap .u1 .l1 .u2 .right{ width: 75%;} } /* 大昌华嘉 */ .groupCon{ margin-top: 40px;} .groupCon .title{ font-size: 30px; color:#002f7c; padding-bottom: 15px; border-bottom: 3px solid #f6e7ea; position: relative;} .groupCon .title::after{ content: ""; display: block; width: 180px; height: 3px; background: #002f7c; position: absolute; bottom: -3px;} .groupCon .info{ font-size: 16px; line-height: 24px; margin: 15px 0 0 0;} .groupCon .bg{ margin: 30px 0 60px 0; background-size: cover; padding: 20px;} .groupCon .bg .kuang{ width: 100%; height: 100%; border: 1px solid #3e4a5b;} .groupCon .bg .text{ font-size: 24px; line-height: 36px; margin-top: 10px; text-align: center; color: #fff;} .groupCon .bg .more{ display: block; width: 140px; height: 42px; line-height: 42px; margin: 5px auto 12px auto; text-align: center; background:#002f7c;} .groupCon .bg .more .cen{ display: inline-block;} .groupCon .bg .more .ico{ display: block; float: left; width: 15px; height: 16px; margin-right: 10px; margin-top: 14px; background: url(images/Group2.png) no-repeat center; line-height: 0;} .groupCon .bg .more span{ display: block; float: left; color: #fff; font-size: 16px;} .groupCon .bg .more:hover{ box-shadow:3px 3px rgba(142,41,36,0.6);} @media screen and (max-width:1023px){ .groupCon{ width: 98%; margin: 15px auto 0 auto;} .groupCon .title{ font-size: 18px; padding-bottom: 10px;} .groupCon .title::after{ width: 110px;} .groupCon .info{ font-size: 14px; line-height: 24px;} .groupCon .bg{ margin: 15px 0 20px 0; padding: 10px;} .groupCon .bg .text{ font-size: 16px; line-height: 24px; margin-top: 10px;} .groupCon .bg .more{ width: 100px; height: 28px; line-height: 28px;} .groupCon .bg .more .ico{ width: 15px; height: 16px; margin-right: 5px; margin-top: 6px;} .groupCon .bg .more span{ font-size: 14px;} } /*视频弹窗*/ .videoPop{width:100%; height: 100%; background-color: rgba(0,0,0,0.6); position: fixed; top:0; left: 0; z-index: 300; display: none;} .videoPop2{background-color:#fff; min-height: 100px; width:50%; left: 25%; padding:10px; position: absolute; top:50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} .videoPop2 .video2{display:block;width: 100%;object-fit:fill} .videoPop2 .close2{width:30px; height: 30px; position: absolute; top:-15px; right:-15px;} .videoPop .diamabox{width: 100%; padding-bottom:50%; position:relative; overflow:hidden;} .videoPop .diamabox p, .videoPop .diamabox video{width:100%; height:100%; position:absolute; left:0; top:0;} .videoPop .diamabox p iframe{width:100%; height:100%} @media screen and (max-width:991px){ .videoPop2{width:90%; left: 5%; padding:10px;} } .sjgx{ margin: 20px 0; font-size: 16px;} .bd_weixin_popup{box-sizing:content-box;} .search_ts{float:left; width:100%; font-size:16px; line-height:30px; text-align:center; color:#002f7c; margin-top:60px; } @media screen and (max-width:991px){ .search_ts{ font-size:14px; line-height:20px; } } /*20220905start*/ .pz_top .w_ts{width: 100%;position: relative;z-index: 20;background: #002f7c;} @media only screen and (min-width: 750px) { .pz_top .w_ts{width: 100%;position: fixed;z-index: 20;max-width: 1280px;} } .pz_top .w_ts .cons{width: 100%;} .pz_top .w_ts .cons::after{content: "";display: block;clear: both;} .pz_top .w_ts .cons .phone{float: left;font-size: 0;margin-right: 24px;} .pz_top .w_ts .cons .phone img{width: 16px;display: inline-block;vertical-align: middle;margin-right: 14px;} .pz_top .w_ts .cons .phone .words{font-size: 18px;color: #fff;line-height: 70px;display: inline-block;vertical-align: middle;} .pz_top .w_ts .cons .listbox{float: left;margin-right: 24px;} .pz_top .w_ts .cons .listbox .list{float: left;margin-right: 26px;} .pz_top .w_ts .cons .listbox .list:last-child{margin-right: 0;} .pz_top .w_ts .cons .listbox .list .qhbox{position: relative;} .pz_top .w_ts .cons .listbox .list .qhbox ._t{font-size: 0;} .pz_top .w_ts .cons .listbox .list .qhbox ._t .words{font-size: 16px;color: #ffffff;line-height: 70px;display: inline-block;vertical-align: middle;margin-right: 10px;} .pz_top .w_ts .cons .listbox .list .qhbox ._t img{width: 15px;display: inline-block;vertical-align: middle;} .pz_top .w_ts .cons .listbox .list .qhbox ._b{display: none; padding: 7px 0; width: 130px;position: absolute;left: 50%;top: 100%;background-color: #fff;border: 1px solid #ebebeb;margin-left: -65px;} .pz_top .w_ts .cons .listbox .list .qhbox ._b a{display: block;font-size: 14px;color: #333;line-height: 26px;text-align: center;} .pz_top .w_ts .cons .listbox .list .qhbox ._b a:hover{color: #002f7c;} .pz_top .w_ts .cons .inputbox{float: left;background: #e5e5e5;margin: 19px 0;} .pz_top .w_ts .cons .inputbox:hover{background: #fff;} .pz_top .w_ts .cons .inputbox .left{width: 204px;float: left;padding: 0 20px 0 10px;} .pz_top .w_ts .cons .inputbox .left input{width: 100%;height: 32px;font-size: 16px;color: #999999;background: rgba(255,255,255,0);} .pz_top .w_ts .cons .inputbox .left input::-webkit-input-placeholder{font-size: 16px;color: #999999;} .pz_top .w_ts .cons .inputbox .left input:-moz-placeholder{font-size: 16px;color: #999999;} .pz_top .w_ts .cons .inputbox .left input::moz-placeholder{font-size: 16px;color: #999999;} .pz_top .w_ts .cons .inputbox .left input:-ms-input-placeholder{font-size: 16px;color: #999999;} .pz_top .w_ts .cons .inputbox .right{width: 119px;float: right;font-size: 0; text-align:right;} .pz_top .w_ts .cons .inputbox .right .qhbox{display: inline-block;vertical-align: middle;/*width: 86px;*/position: relative;} .pz_top .w_ts .cons .inputbox .right .qhbox ._t{width: 100%;} .pz_top .w_ts .cons .inputbox .right .qhbox ._t a{display: block;font-size: 0;} .pz_top .w_ts .cons .inputbox .right .qhbox ._t a .words{font-size: 16px;color: #444444;line-height: 32px;display: inline-block;vertical-align: middle;margin-right: 10px;} .pz_top .w_ts .cons .inputbox .right .qhbox ._t a img{width: 10px;display: inline-block;vertical-align: middle;} .pz_top .w_ts .cons .inputbox .right .qhbox ._b{display: none; padding: 7px 0; width: 130px;position: absolute;left: 50%;top: 100%;background-color: #fff;border: 1px solid #ebebeb;margin-left: -65px;} .pz_top .w_ts .cons .inputbox .right .qhbox ._b a{display: block;font-size: 14px;color: #333;line-height: 26px;text-align: center;} .pz_top .w_ts .cons .inputbox .right .qhbox ._b a:hover{color: #002f7c;} .pz_top .w_ts .cons .inputbox .right .ico{width: 16px;display: inline-block;vertical-align: middle; margin-left:10px; margin-right:8px;} .pz_top .w_ts .cons .logo{float: right;/*width: 129px;*/height: 40px;margin: 15px 0;} .pz_top .w_ts .cons .logo a{display:block; width:100%; height:100%;} .pz_top .w_ts .cons .logo a img{height:100%; } .pz_top .w_ts .cons .logo h1{height:100%;} .pz_top .w_bs{position: relative;z-index: 10;} @media only screen and (min-width: 750px) { .pz_top .w_bs{position: relative;z-index: 10;margin-top: 70px;} } @media screen and (max-width: 1230px){ } @media screen and (max-width: 1024px){ .pz_top .w_ts{width: 80%;float: right;background: rgba(255,255,255,0)!important;} .pz_top .w_ts .cons .phone{display: none;} .pz_top .w_ts .cons .listbox{display: none;} .pz_top .w_ts .cons .inputbox{display: none;} .pz_top .w_ts .cons .logo{width: auto;height: 28px;margin: 8px 0; margin-top:16px;} .pz_top .w_bs{float: left;} .pz_top .w_ts .cons .logo.logoleft{margin-right:10px;} .pz_top .w_ts .cons .logo a img{height:28px; /*width:90px;*/ } } /*20220905end*/ /*20240531start*/ .phshow{display: none!important;} .w_1500{max-width: 1500px;margin-left: auto;margin-right: auto;} .ctext{padding-left: 70px;padding-right: 70px;} @media screen and (max-width: 1024px){ .ctext{padding-left: 15px;padding-right: 15px;} .pcshow{display: none!important;} .phshow{display: block!important;} } .zt_tnav{width: 100%;padding-top: 20px;padding-bottom: 20px;position: fixed;left: 0;top: 0;z-index: 999; 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;} .zt_tnav.on{background: #84c5c3;padding-top: 14px;padding-bottom: 14px;} .zt_tnav .logos{width: 260px;position: relative;left: 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;} .zt_tnav .logos img{width: 100%;display: block;} .zt_tnav.on .logos{width: 200px;left: 50%;transform: translate(-50%,0);} @media screen and (max-width: 1024px){ .zt_tnav{background: #84c5c3;padding-top: 10px;padding-bottom: 10px;} .zt_tnav .logos{width: 142px;margin: 0 auto;} } .zt_banner{width: 100%;position: relative;overflow: hidden;} .zt_banner .li{width: 100%;position: relative;} .zt_banner .pic{width: 100%;display: block;} .zt_banner .posi{width: 100%;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);} .zt_banner .posi .content{width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;position: relative;} .zt_banner .posi .left{width: 43.86666666666667%;padding-right: 50px;} .zt_banner .posi .left .bt{font-size: 62px;color: #ffffff;line-height: 66px;margin-bottom: 40px;font-weight: bold;} .zt_banner .posi .left .bt span{font-size: 48px;color: #ffffff;line-height: 64px;font-weight: bold;background: rgba(132,197,195,0.3);border-radius: 4px;padding: 0 18px;margin-left: 16px;} .zt_banner .posi .left .info{font-size: 40px;color: #ffffff;line-height: 56px;margin-bottom: 74px;} .zt_banner .posi .left .btns{display: flex;justify-content: flex-start;align-items: flex-start;} .zt_banner .posi .left .btns a{display: flex;justify-content: center;align-items: center;background: #84c5c3;padding: 0 16px 0 40px;min-width: 190px;} .zt_banner .posi .left .btns .wz{font-size: 18px;color: #ffffff;line-height: 56px;margin-right: 40px;} .zt_banner .posi .left .btns img{width: 24px;display: block;} .zt_banner .posi .left .btns a:hover{background: #98CFCC;} .zt_banner .posi .right{width: 64.33333333333333%;position: absolute;right: -8%;top: -47.07779886148008%;} .zt_banner .posi .right img{width: 100%;display: block;} .zt_banner .banner-wave {width: 100vw;position: absolute;bottom: -204px;z-index: 2;left: 0;z-index: 2;} .zt_banner .wave {animation: wave 3s linear;animation-iteration-count: infinite;fill: #daeaea;} .zt_banner.on .wave {animation: wave 3s linear;animation-iteration-count: infinite;fill: #f9f8f5;} .zt_banner.on2 .wave {animation: wave 3s linear;animation-iteration-count: infinite;fill: #cddedd;} .zt_banner #wave2 {animation-duration: 9s;animation-direction: reverse;opacity: 1} .zt_banner #wave3 {animation-duration: 11s;opacity: .4;} @keyframes wave {to {transform: translateX(-100%);}} @media screen and (max-width: 1680px){ .zt_banner .posi .left{padding-right: 40px;} .zt_banner .posi .left .bt{font-size: 40px;line-height: 50px;margin-bottom: 24px;} .zt_banner .posi .left .bt span{font-size: 30px;line-height: 40px;padding: 0 12px;margin-left: 12px;} .zt_banner .posi .left .info{font-size: 26px;line-height: 40px;margin-bottom: 40px;} .zt_banner .posi .left .btns a{padding: 0 12px 0 30px;min-width: 160px;} .zt_banner .posi .left .btns .wz{font-size: 16px;line-height: 46px;margin-right: 30px;} .zt_banner .posi .left .btns img{width: 18px;} .zt_banner .posi .right{width: 50%; right: 0;top: 50%;transform: translate(0,-50%);} .zt_banner .banner-wave {bottom: -120px;} } @media screen and (max-width: 1024px){ .zt_banner{margin-top: 50px;} .zt_banner .posi .content{display: block;} .zt_banner .posi .left{width: 100%;padding-right: 0;} .zt_banner .posi .left .bt{font-size: 24px;line-height: 30px;margin-bottom: 12px;text-align: center;} .zt_banner .posi .left .bt span{font-size: 18px;line-height: 24px;padding: 0 10px;margin-left: 10px;} .zt_banner .posi .left .info{font-size: 16px;line-height: 24px;margin-bottom: 12px;text-align: center;} .zt_banner .posi .left .info br{display: none;} .zt_banner .posi .left .btns{justify-content: center;} .zt_banner .posi .left .btns a{padding: 0 20px;min-width: 120px;} .zt_banner .posi .left .btns .wz{font-size: 14px;line-height: 40px;margin-right: 12px;} .zt_banner .posi .left .btns img{width: 20px;} .zt_banner .posi .right{width: 90%;position: static;transform: translate(0,0);margin-top: 20px;margin: 20px auto 0 auto;} .zt_banner .banner-wave {bottom: -30px;} } .zt_bnav{width: 100%;position: relative;overflow: hidden;} .zt_bnav .cont1{padding-top: 250px;padding-bottom: 88px;border-bottom: 1px solid rgba(255,255,255,0.2);} .zt_bnav .cont1 .content{width: 100%;display: flex;justify-content: flex-start;align-items: stretch;} .zt_bnav .cont1 .left{width: 354px;background: rgba(255,255,255,0.1);display: flex;justify-content: center;align-items: center;} .zt_bnav .cont1 .left img{height: 52px;display: block;} .zt_bnav .cont1 .center{width: calc(100% - 354px - 134px);padding: 0 80px;} .zt_bnav .cont1 .center .bt{font-size: 24px;color: #ffffff;line-height: 30px;margin-bottom: 20px;font-weight: bold;} .zt_bnav .cont1 .center ul{margin: -15px -70px;width: calc(100% + 140px);display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;} .zt_bnav .cont1 .center li{padding: 15px 70px;display: flex;justify-content: flex-start;align-items: flex-start;} .zt_bnav .cont1 .center li:nth-child(1){width: 100%;} .zt_bnav .cont1 .center ul img{width: 40px;display: block;} .zt_bnav .cont1 .center ul .wzbox{width: calc(100% - 40px);padding-left: 8px;} .zt_bnav .cont1 .center ul .wz1{font-size: 18px;color: #ffffff;line-height: 24px;} .zt_bnav .cont1 .center ul .wz2{font-size: 18px;color: #ffffff;line-height: 24px;white-space:nowrap;} .zt_bnav .cont1 .right{width: 134px;} .zt_bnav .cont1 .right img{width: 100%;display: block;margin-bottom: 14px;} .zt_bnav .cont1 .right .wz{font-size: 16px;color: #ffffff;line-height: 20px;text-align: center;} .zt_bnav .cont2{padding-top: 16px;padding-bottom: 16px;} .zt_bnav .cont2 .banquan{font-size: 16px;color: #ffffff;line-height: 28px;text-align: center;} .zt_bnav .cont2 .banquan a{color: #fff;margin-left: 18px;} .zt_bnav .banner-wave {width: 100vw;position: absolute;top: -170px;z-index: 2;left: 0;z-index: 2; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} .zt_bnav .wave {animation: wave 3s linear;animation-iteration-count: infinite;fill: #daeaea;} .zt_bnav.on .wave {animation: wave 3s linear;animation-iteration-count: infinite;fill: #f9f8f5;} .zt_bnav.on2 .wave {animation: wave 3s linear;animation-iteration-count: infinite;fill: #cddedd;} .zt_bnav #wave2 {animation-duration: 9s;animation-direction: reverse;opacity: 1} .zt_bnav #wave3 {animation-duration: 11s;opacity: .4;} @keyframes wave {to {transform: translateX(-100%);}} @media screen and (max-width: 1680px){ .zt_bnav .cont1 .center{padding: 0 30px;} .zt_bnav .cont1 .center ul{margin: -12px -30px;width: calc(100% + 60px);} .zt_bnav .cont1 .center li{padding: 12px 50px;} .zt_bnav .cont1 .center ul .wz1{font-size: 16px;line-height: 22px;} .zt_bnav .cont1 .center ul .wz2{font-size: 16px;line-height: 22px;} .zt_bnav .banner-wave{top: -100px;} } @media screen and (max-width: 1024px){ .zt_bnav .cont1{padding-top: 80px;padding-bottom: 30px;} .zt_bnav .cont1 .content{display: block;position: relative;} .zt_bnav .cont1 .left{width: 100%;background: rgba(255,255,255,0);display: block;margin-bottom: 12px;} .zt_bnav .cont1 .left img{height: 32px;} .zt_bnav .cont1 .center{width: 100%;padding: 0;margin-bottom: 0;} .zt_bnav .cont1 .center .bt{font-size: 18px;line-height: 24px;margin-bottom: 10px;} .zt_bnav .cont1 .center ul{margin: 0;width: 100%;padding-right: 120px;} .zt_bnav .cont1 .center li{padding: 0;width: 100%;margin-bottom: 12px;} .zt_bnav .cont1 .center li:last-child{margin-bottom: 0;} .zt_bnav .cont1 .center ul img{width: 26px;} .zt_bnav .cont1 .center ul .wzbox{width: calc(100% - 26px);} .zt_bnav .cont1 .center ul .wz1{font-size: 14px;line-height: 20px;} .zt_bnav .cont1 .center ul .wz2{font-size: 14px;line-height: 20px;white-space:normal;} .zt_bnav .cont1 .right{width: 100px;position: absolute;right: 0;top: 80px;} .zt_bnav .cont1 .right img{margin-bottom: 8px;} .zt_bnav .cont1 .right .wz{font-size: 14px;line-height: 18px;} .zt_bnav .cont2{padding-top: 12px;padding-bottom: 12px;} .zt_bnav .cont2 .banquan{font-size: 14px;line-height: 24px;} .zt_bnav .cont2 .banquan a{display: block; margin-left: 0;margin-top: 4px;} .zt_bnav .banner-wave{top: -20px;} } .zt_section1{width: 100%;padding-top: 70px;padding-bottom: 150px;overflow: hidden;position: relative;z-index: 10;} .zt_section1 .ssbox{width: 100%;margin-bottom: 140px;display: flex;justify-content: flex-start;align-items: flex-start;position: relative;z-index: 2;} .zt_section1 .ssbox .input{width: calc(100% - 200px);padding: 0 24px;font-size: 18px;color: #555555;background: #ffffff;display: block;line-height: 64px;} .zt_section1 .ssbox .btns{width: 200px;display: flex;justify-content: center;align-items: center;background: #84c5c3;} .zt_section1 .ssbox .btns:hover{background: #6EADAB;} .zt_section1 .ssbox .btns img{width: 22px;display: block;margin-right: 12px;} .zt_section1 .ssbox .btns .wz{font-size: 20px;color: #ffffff;line-height: 64px;} .zt_section1 .content{width: 100%;display: flex;justify-content: flex-start;align-items: center;} .zt_section1 .content .left{width: 530px;position: relative;margin-left: 70px;} .zt_section1 .content .left .pic{width: 100%;display: block;border-radius: 100%;position: relative;z-index: 2;} .zt_section1 .content .left .back{width: 179.2452830188679%;max-width: 179.2452830188679%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: block;z-index: 1;} .zt_section1 .content .right{width: calc(100% - 600px);padding-left: 250px;} .zt_section1 .content .bt{font-size: 48px;color: #000000;line-height: 72px;margin-bottom: 38px;} .zt_section1 .content .bt:hover{color:#6EADAB;} .zt_section1 .content .jj{font-size: 18px;color: #000000;line-height: 36px;} @media screen and (max-width: 1680px){ .zt_section1{padding-top: 100px;padding-bottom: 100px;} .zt_section1 .ssbox{margin-bottom: 100px;} .zt_section1 .content .left{width: 400px;margin-left: 50px;} .zt_section1 .content .right{width: calc(100% - 450px);padding-left: 200px;} .zt_section1 .content .bt{font-size: 30px;line-height: 40px;margin-bottom: 20px;} .zt_section1 .content .jj{font-size: 14px;line-height: 26px;} } @media screen and (max-width: 1024px){ .zt_section1{padding-top: 50px;padding-bottom: 30px;} .zt_section1 .ssbox{margin-bottom: 40px;} .zt_section1 .ssbox .input{width: calc(100% - 100px);padding: 0 10px;font-size: 13px;line-height: 40px;} .zt_section1 .ssbox .btns{width: 100px;} .zt_section1 .ssbox .btns img{width: 18px;margin-right: 10px;} .zt_section1 .ssbox .btns .wz{font-size: 14px;line-height: 40px;} .zt_section1 .content{display: block;} .zt_section1 .content .left{width: 200px;margin: 0 auto 20px auto;} .zt_section1 .content .right{width: 100%;padding-left: 0;} .zt_section1 .content .bt{font-size: 17px;line-height: 24px;margin-bottom: 10px;} .zt_section1 .content .jj{font-size: 14px;line-height: 24px;} } .zt_section2{width: 100%;padding-top: 114px;padding-bottom: 70px;} .zt_section2 h3{font-size: 48px;color: #000000;line-height: 52px;text-align: center;margin-bottom: 36px;} .zt_section2 .ul{margin: -10px;width: calc(100% + 20px);padding-bottom: 44px;} .zt_section2 .li{padding: 10px;} .zt_section2 .ul a{display: block;width: 100%;background: #ffffff;} .zt_section2 .ul a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);background: #84c5c3;} .zt_section2 .ul a .pic{ width: 100%; padding-bottom: 83.333%; position: relative; overflow: hidden; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} .zt_section2 .ul 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;} .zt_section2 .ul 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);} .zt_section2 .ul a .wordsbox{width: 100%;padding: 40px 30px;position: relative;z-index: 5; 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;} /*.zt_section2 .ul a:hover .wordsbox{box-shadow: 0px -6px 6px 0px rgba(0,0,0,0.02)}*/ .zt_section2 .ul a .bt{font-size: 20px;color: #000000;line-height: 24px;margin-bottom: 10px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;} .zt_section2 .ul a:hover .bt{color: #fff;} .zt_section2 .ul a .fbt{font-size: 16px;color: #84c5c3;line-height: 20px;margin-bottom: 20px;font-weight: bold; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;} .zt_section2 .ul a:hover .fbt{color: #fff;} .zt_section2 .ul a .jj{font-size: 16px;color: #333333;line-height: 30px;margin-bottom: 32px;min-height: 60px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;} .zt_section2 .ul a:hover .jj{color: #fff;} .zt_section2 .ul a .btns{width: 140px;font-size: 16px;color: #ffffff;line-height: 44px;text-align: center;background: #84c5c3;} .zt_section2 .ul a:hover .btns{background: #fff;color: #84c5c3;} .zt_section2 .ul .slick-dots{position: absolute; bottom: 8px; height: 10px; text-align: center;} .zt_section2 .ul .slick-dots li{ vertical-align: top; width: 10px; height: 10px;border-radius: 100%; margin: 0 6px; background: #fff;} .zt_section2 .ul .slick-dots li button{font-size: 0;} .zt_section2 .ul .slick-dots li.slick-active{ background: #84c5c3;} @media screen and (max-width: 1024px){ .zt_section2{padding-top: 30px;padding-bottom: 30px;} .zt_section2 h3{font-size: 20px;line-height: 24px;margin-bottom: 20px;} .zt_section2 .ul{margin: -6px;width: calc(100% + 12px);padding-bottom: 24px;} .zt_section2 .li{padding: 6px;width: 50%;} .zt_section2 .ul a{margin-bottom: 12px;} .zt_section2 .ul a:last-child{margin-bottom: 0;} .zt_section2 .ul a .wordsbox{padding: 12px;} .zt_section2 .ul a .bt{font-size: 16px;line-height: 20px;margin-bottom: 6px;} .zt_section2 .ul a .fbt{font-size: 14px;line-height: 18px;margin-bottom: 10px;} .zt_section2 .ul a .jj{font-size: 14px;line-height: 24px;margin-bottom: 10px;min-height: 48px;} .zt_section2 .ul a .btns{width: 110px;font-size: 14px;line-height: 36px;} .zt_section2 .ul .slick-dots{position: absolute; bottom: 0; height: 8px; text-align: center;} .zt_section2 .ul .slick-dots li{ vertical-align: top; width: 8px; height: 8px;border-radius: 100%; margin: 0 4px; background: #fff;} .zt_section2 .ul .slick-dots li button{font-size: 0;} .zt_section2 .ul .slick-dots li.slick-active{ background: #84c5c3;} } .zt_section3{width: 100%;padding-top: 120px;padding-bottom: 120px;} .zt_section3 h4{font-size: 48px;color: #000000;line-height: 52px;text-align: center;margin-bottom: 36px;} .zt_section3 .jj{font-size: 18px;color: #333333;line-height: 24px;text-align: center;margin-bottom: 36px;} .zt_section3 .content{width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;} .zt_section3 .left{width: 50%;} .zt_section3 .left .top{width: 100%;padding-right: 20px;padding-bottom: 20px;} .zt_section3 .left ul{margin: -5px;width: calc(100% + 10px);display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;} .zt_section3 .left ul li{width: 50%;padding: 5px;} .zt_section3 .left ul a{display: block;width: 100%;padding: 46px 20px;background: #ffffff;} .zt_section3 .left ul a .ico{width: 90px;display: block;margin: 0 auto; 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;} .zt_section3 .left ul a:hover .ico{transform: rotateY(180deg);} .zt_section3 .left ul a .wz{font-size: 24px;color: #333333;line-height: 30px;text-align: center;margin-top: 26px;} .zt_section3 .left .more{width: 100%;} .zt_section3 .left .more a{display: flex;justify-content: center;align-items: center;background: #84c5c3;} .zt_section3 .left .more .wz{font-size: 16px;color: #ffffff;line-height: 56px;margin-right: 20px;} .zt_section3 .left .more img{width: 24px;display: block;} .zt_section3 .left .more a:hover{background: #6EADAB;} .zt_section3 .right{width: 50%;} .zt_section3 .right .ul{width: 100%;} .zt_section3 .right .li{width: 100%;} .zt_section3 .right .ul .libox{width: 100%;height: 562px;position: relative;cursor: pointer;} .zt_section3 .right .ul::after{content: "";display: block;width: 100%;height: 56px;background: rgba(0,0,0,0.4);position: absolute;left: 0;bottom: 0;} .zt_section3 .right .ul .libox .wz_posi{width: 142px;height: 142px;background: rgba(132,197,195,0.2);border-radius: 100%;display: flex;justify-content: center;align-items: center;position: absolute;right: 10px;top: 10px;} .zt_section3 .right .ul .libox .wz_posi::after{content: "";display: block;width: 120px;height: 120px;background: #84c5c3;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;border-radius: 100%;} .zt_section3 .right .ul .libox .wz_posi span{font-size: 18px;color: #ffffff;line-height: 24px;font-weight: bold;position: relative;z-index: 2;} .zt_section3 .right .ul .slick-dots{position: absolute; bottom: 22px; height: 10px; text-align: center;z-index: 99;} .zt_section3 .right .videos{width: 100%;height: 562px;display: block;object-fit: cover;} .zt_section3 .right .ul .slick-dots li{ vertical-align: top; width: 10px; height: 10px;border-radius: 100%; margin: 0 4px; background: rgba(255,255,255,0.4);} .zt_section3 .right .ul .slick-dots li button{font-size: 0;} .zt_section3 .right .ul .slick-dots li.slick-active{ background: #fff;} @media screen and (max-width: 1024px){ .zt_section3{padding-top: 30px;padding-bottom: 30px;} .zt_section3 h4{font-size: 20px;line-height: 24px;margin-bottom: 8px;} .zt_section3 .jj{font-size: 14px;line-height: 20px;margin-bottom: 20px;} .zt_section3 .content{display: block;} .zt_section3 .left{width: 100%;margin-bottom: 20px;} .zt_section3 .left .top{padding-right: 0;padding-bottom: 0;margin-bottom: 12px;} .zt_section3 .left ul a{padding: 20px;} .zt_section3 .left ul a .ico{width: 50px;} .zt_section3 .left ul a .wz{font-size: 16px;line-height: 20px;margin-top: 12px;} .zt_section3 .left .more .wz{font-size: 14px;line-height: 40px;margin-right: 12px;} .zt_section3 .left .more img{width: 20px;} .zt_section3 .right{width: 100%;} .zt_section3 .right .ul .libox{height: auto;background: url()!important;} .zt_section3 .right .videos{height: 260px;} .zt_section3 .right .ul::after{height: 40px;} .zt_section3 .right .ul .libox .wz_posi{width: 110px;height: 110px;} .zt_section3 .right .ul .libox .wz_posi::after{width: 90px;height: 90px;} .zt_section3 .right .ul .libox .wz_posi span{font-size: 14px;line-height: 20px;} .zt_section3 .right .ul .slick-dots{bottom: 16px; height: 8px;} .zt_section3 .right .ul .slick-dots li{width: 8px; height: 8px;} } .lxtc_section{width: 100%;height: 100vh;position: fixed;left: 0;top: 0;background: rgba(0,0,0,0.5);z-index: 9999;display: none;} .lxtc_section.on{display: block;} .lxtc_section .content{width: 480px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #ffffff;} .lxtc_section .btbox{width: 100%;display: flex;justify-content: space-between;align-items: center;background: #002f7c;} .lxtc_section .btbox .wz{font-size: 20px;color: #ffffff;line-height: 50px;padding: 0 20px;} .lxtc_section .btbox .none{width: 50px;height: 50px;background: #00b4d7;display: flex;justify-content: center;align-items: center;cursor: pointer;} .lxtc_section .btbox .none img{width: 20px;display: block;} .lxtc_section .btbox .none:hover{background: #99cecc;} .lxtc_section .cont{width: 100%;padding: 20px;} .lxtc_section .cont ul{width: 100%;} .lxtc_section .cont li{width: 100%;margin-bottom: 20px;} .lxtc_section .cont li:last-child{margin-bottom: 0;} .lxtc_section .cont li:nth-child(4){margin-bottom: 60px;} .lxtc_section .cont .input{width: 100%;display: flex;justify-content: space-between;align-items: center;background: #f5f5f5;padding: 0 20px;} .lxtc_section .cont .input .bt{font-size: 16px;color: #000000;line-height: 24px;width: 50px;} .lxtc_section .cont .input .bt span{color: #002f7c;} .lxtc_section .cont .input input{width: calc(100% - 50px);padding-left: 20px;height: 50px;font-size: 16px;color: #000;text-align: right;} .lxtc_section .cont .input input::-webkit-input-placeholder{font-size: 16px;color: #888888;opacity: 1;} .lxtc_section .cont .input input::-moz-placeholder{font-size: 16px;color: #888888;opacity: 1;} .lxtc_section .cont .input input::moz-placeholder{font-size: 16px;color: #888888;opacity: 1;} .lxtc_section .cont .input input:-ms-input-placeholder{font-size: 16px;color: #888888;opacity: 1;} .lxtc_section .cont .btns{width: 100%;} .lxtc_section .cont .btns a{display: block;font-size: 16px;color: #ffffff;line-height: 50px;text-align: center;background: #00b4d7;} .lxtc_section .cont .btns a:hover{background: #99cecc;} @media screen and (max-width: 1024px){ .lxtc_section .content{width: calc(100% - 30px);} .lxtc_section .btbox .wz{font-size: 16px;line-height: 36px;padding: 0 12px;} .lxtc_section .btbox .none{width: 36px;height: 36px;} .lxtc_section .btbox .none img{width: 16px;} .lxtc_section .cont{padding: 14px;} .lxtc_section .cont li{margin-bottom: 12px;} .lxtc_section .cont li:nth-child(4){margin-bottom: 20px;} .lxtc_section .cont .input{padding: 0 12px;} .lxtc_section .cont .input .bt{font-size: 14px;line-height: 20px;width: 40px;} .lxtc_section .cont .input input{width: calc(100% - 40px);padding-left: 12px;height: 36px;font-size: 14px;} .lxtc_section .cont .input input::-webkit-input-placeholder{font-size: 14px;} .lxtc_section .cont .input input::-moz-placeholder{font-size: 14px;} .lxtc_section .cont .input input::moz-placeholder{font-size: 14px;} .lxtc_section .cont .input input:-ms-input-placeholder{font-size: 14px;} .lxtc_section .cont .btns a{font-size: 14px;line-height: 40px;} } .lxwctc_section{width: 100%;height: 100vh;position: fixed;left: 0;top: 0;background: rgba(0,0,0,0.5);z-index: 9999;display: none;} .lxwctc_section.on{display: block;} .lxwctc_section .content{width: 480px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #ffffff;} .lxwctc_section .btbox{width: 100%;display: flex;justify-content: space-between;align-items: center;background: #002f7c;} .lxwctc_section .btbox .wz{font-size: 20px;color: #ffffff;line-height: 50px;padding: 0 20px;} .lxwctc_section .btbox .none{width: 50px;height: 50px;background: #00b4d7;display: flex;justify-content: center;align-items: center;cursor: pointer;} .lxwctc_section .btbox .none img{width: 14px;display: block;} .lxwctc_section .btbox .none:hover{background: #99cecc;} .lxwctc_section .cont{width: 100%;padding: 30px 20px 20px 20px;} .lxwctc_section .cont .info{font-size: 16px;color: #000000;line-height: 36px;margin-bottom: 18px;min-height: 288px;} .lxwctc_section .cont .btns{width: 100%;} .lxwctc_section .cont .btns a{display: block;font-size: 16px;color: #ffffff;line-height: 50px;text-align: center;background: #00b4d7;} .lxwctc_section .cont .btns a:hover{background: #99cecc;} @media screen and (max-width: 1024px){ .lxwctc_section .content{width: calc(100% - 30px);} .lxwctc_section .btbox .wz{font-size: 16px;line-height: 36px;padding: 0 12px;} .lxwctc_section .btbox .none{width: 36px;height: 36px;} .lxwctc_section .btbox .none img{width: 12px;} .lxwctc_section .cont{padding: 14px;} .lxwctc_section .cont .info{font-size: 14px;line-height: 24px;margin-bottom: 12px;min-height: 1px;} .lxwctc_section .cont .btns a{font-size: 14px;line-height: 40px;} } .prodCon1{ border-top: 1px solid #e5e5e5; padding-top: 30px;position: relative;z-index: 10; overflow:initial;} .prodCon1::after{content: "";display: block;clear: both;} .prodCon1 .prodRight .pdf_btn{margin-top: 65px;position: relative;float: left;} .prodCon1 .prodRight .pdf_btn .pd_t{cursor: pointer;width: 126px; height: 44px; line-height: 44px; font-size: 16px;text-align: center; color: #fff;background: #002f7c; 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;} .prodCon1 .prodRight .pdf_btn .pd_t:hover{background: #989898;} .prodCon1 .prodRight .pdf_btn .pd_b{position: absolute;left: 0;top: 100%;background-color: #989898;width: 100%;display: none;} .prodCon1 .prodRight .pdf_btn .pd_b .a{cursor: pointer;font-size: 16px;color: #ffffff;line-height: 44px;text-align: center;border-top: 1px solid #ffffff;margin: 0;} .prodCon1 .prodRight .pdf_btn .pd_b .a:hover{background: #002f7c;} @media screen and (max-width:1023px){ .prodCon1 .prodRight .pdf_btn{margin-top: 10px;} .prodCon1 .prodRight .pdf_btn .pd_t{width: 85px; height: 30px; line-height: 30px; font-size: 14px;} .prodCon1 .prodRight .pdf_btn .pd_b .a{font-size: 14px;line-height: 30px;} } /*20240531end*/ /*20240814start*/ .vr_btn{width: 140px;margin-top: 24px;} .vr_btn a{display: flex;justify-content: center;align-items: center;background: #002f7c;} .vr_btn a img{width: 24px;display: block;} .vr_btn a .wz{font-size: 16px;color: #ffffff;line-height: 40px;margin-left: 8px;} .vr_btn a:hover{opacity: 0.8;} @media screen and (max-width:1024px){ .vr_btn{width: 120px;margin-top: 12px;margin-bottom: 20px;} .vr_btn a img{width: 20px;} .vr_btn a .wz{font-size: 14px;line-height: 34px;margin-left: 6px;} } .vr_tc{width: 100%;height: 100vh;background: rgba(0,0,0,0.5);position: fixed;left: 0;top: 0;z-index: 99999;display: none;} .vr_tc .content{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #ffffff;width: 480px;} .vr_tc .content .top{background: #002f7c;display: flex;justify-content: space-between;align-items: center;padding-left: 20px;} .vr_tc .content .top .bt{font-size: 20px;color: #ffffff;line-height: 24px;} .vr_tc .content .top .none{width: 50px;height: 50px;background: #00b4d7;display: flex;justify-content: center;align-items: center;cursor: pointer;} .vr_tc .content .top .none img{width: 24px;display: block;} .vr_tc .content .bottom{width: 100%;padding: 16px 20px 20px 20px;} .vr_tc .content .bottom .tswz{font-size: 16px;color: #002f7c;line-height: 20px;margin-bottom: 16px;} .vr_tc .content .bottom ul{width: 100%;} .vr_tc .content .bottom li{margin-top: 20px;} .vr_tc .content .bottom li:first-child{margin-top: 0;} .vr_tc .content .bottom .input{width: 100%;background: #f5f5f5;padding: 0 20px;display: flex;justify-content: space-between;align-items: center;} .vr_tc .content .bottom .wz{font-size: 16px;color: #000000;line-height: 20px;width: 100px;} .vr_tc .content .bottom .wz span{color: #002f7c;} .vr_tc .content .bottom input{width: calc(100% - 100px);text-align: right;height: 50px;font-size: 16px;color: #000;} .vr_tc .content .bottom input::-webkit-input-placeholder{font-size:16px;color:#888888;opacity: 1;} .vr_tc .content .bottom input::-moz-placeholder{font-size:16px;color:#888888;opacity: 1;} .vr_tc .content .bottom input::moz-placeholder{font-size:16px;color:#888888;opacity: 1;} .vr_tc .content .bottom input:-ms-input-placeholder{font-size:16px;color:#888888;opacity: 1;} .vr_tc .content .bottom li:last-child{margin-top: 60px;} .vr_tc .content .bottom .btns{font-size: 16px;color: #ffffff;line-height: 50px;text-align: center;background: #00b4d7;width: 100%;cursor: pointer;} .vr_tc .content .bottom .btns:hover{opacity: 0.8;} @media screen and (max-width:1024px){ .vr_tc .content{width: calc(100% - 30px);} .vr_tc .content .top{padding-left: 14px;} .vr_tc .content .top .bt{font-size: 16px;line-height: 20px;} .vr_tc .content .top .none{width: 40px;height: 40px;} .vr_tc .content .top .none img{width: 20px;} .vr_tc .content .bottom{padding: 14px;} .vr_tc .content .bottom .tswz{font-size: 14px;line-height: 18px;margin-bottom: 10px;} .vr_tc .content .bottom li{margin-top: 12px;} .vr_tc .content .bottom .input{padding: 0 12px;} .vr_tc .content .bottom .wz{font-size: 14px;line-height: 18px;width: 80px;} .vr_tc .content .bottom input{width: calc(100% - 80px);height: 40px;font-size: 14px;} .vr_tc .content .bottom input::-webkit-input-placeholder{font-size:14px;} .vr_tc .content .bottom input::-moz-placeholder{font-size:14px;} .vr_tc .content .bottom input::moz-placeholder{font-size:14px;} .vr_tc .content .bottom input:-ms-input-placeholder{font-size:14px;} .vr_tc .content .bottom li:last-child{margin-top: 20px;} .vr_tc .content .bottom .btns{font-size: 14px;line-height: 40px;} } /*20240814end*/ .pz_top .nav-active{ top: 0; background: #fff; } .pz_top .nav-active .words{color: #000!important;}