.w_1600{ max-width:1600px; margin-right: auto; margin-left: auto;} .w_1660{ max-width:1660px; margin-right: auto; margin-left: auto;} body{ overflow-x:hidden; overflow-y:auto;} .ctext{ float:left; width:100%; padding-left:62px; padding-right:62px;} @media screen and (max-width:1024px){ .ctext{ padding-left:15px; padding-right:15px;} } .head{ position:absolute; left:0; top:0; z-index:10; transition:background 1s ease; -o-transition:background 1s ease; -moz-transition:background 1s ease; -webkit-transition:background 1s ease;} /*.head.active{ background:#0164a0; box-shadow:0 3px 6px rgba(0,0,0,0.1);}*/ .head_2._active{ background:#fff;} .head .logo{ float:left; line-height:0; overflow:hidden; border-radius:0 0 8px 8px;} .head .logo img{ max-width:none; height:79px;} .head_index .logo{ background:#fff; } .head .so{ float:right; width:130px; margin:10px 0; position:relative; cursor:pointer; } .head .so:after{ float:left; width:2px; height:16px; content:''; position:absolute; right:0; top:50%; margin-top:-8px; background:#fff;} .head .so .Search{ float:left; width:100%; height:58px; background:none; border:0; font-size:18px; line-height:38px; padding:10px 10px 10px 44px; color:#fff;} .head .so .sear_sub{ float:left; width:30px; height:30px; position:absolute; left:0; top:13px; background:url(../_im_g/submit.png) center no-repeat; } .head .so .down{ float:left; width:480px; position:absolute; right:12px; top:100%;-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1); -moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1); transition: all 500ms cubic-bezier(.5, 1, .4, 1); -webkit-transform-origin:90% 50%; -moz-transform-origin:90% 50%; -ms-transform-origin:90% 50%; -o-transform-origin:90% 50%; transform-origin:90% 50%; -webkit-transform: translateY(0) scale(0); -moz-transform: translateY(0) scale(0); -ms-transform: translateY(0) scale(0); -o-transform: translateY(0) scale(0); transform: translateY(0) scale(0);} .head .so .down .text{ float:left; width:100%; height:51px; background:#fff; border-radius:51px; border:0; font-size:12px; line-height:41px; padding:5px 80px 5px 47px; color:#333333;} .head .so .down .submit{ float:left; width:30px; height:30px; position:absolute; right:30px; top:11px; background:url(../_im_g/submit1.png) center no-repeat; } .head .so:hover .down{opacity: 1; filter: alpha(opacity=100); display: block \9; pointer-events: auto; -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); -o-transform: translateY(0) scale(1); transform: translateY(0) scale(1);} .head .so ::-webkit-input-placeholder{color:#333333} .head .so :-moz-placeholder{color:#333333} .head .so ::-moz-placeholder{color:#333333} .head .so :-ms-input-placeholder{color:#333333} .head .lang{ float:right; position:relative; z-index:3; margin-left:34px;} .head .lang h5{ float:left; color:#fff; font-size:18px; line-height:79px; position:relative; padding-right:35px; cursor:pointer; background:url(../_im_g/top2.png) right center no-repeat;} .head .lang ul{ float:left; position:absolute; left:0; top:66px; padding:11px 0 12px 0; border-radius:0 0 8px 8px; background:#fff; width:100px; text-align:center; -webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1); -moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1); transition: all 500ms cubic-bezier(.5, 1, .4, 1); -webkit-transform-origin:50% 0%; -moz-transform-origin:50% 0%; -ms-transform-origin:50% 0%; -o-transform-origin:50% 0%; transform-origin:50% 0%; -webkit-transform: translateY(0) scale(0); -moz-transform: translateY(0) scale(0); -ms-transform: translateY(0) scale(0); -o-transform: translateY(0) scale(0); transform: translateY(0) scale(0);} .head .lang ul li{ float:left; width:100%;} .head .lang ul li a{ float:left; width:100%; color:#242b38; font-size:14px; line-height:33px;} .head .lang:hover h5{ background:url(../_im_g/top1.png) right center no-repeat;} .head .lang:hover ul{opacity: 1; filter: alpha(opacity=100); display: block \9; pointer-events: auto; -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); -o-transform: translateY(0) scale(1); transform: translateY(0) scale(1);} .menu{ float:left; } .menu .ul{ float:left;} .menu .nli{ float:left; position:relative;} .menu .nli span{ float:left; width:100%; position:relative;} .menu .nli span:before{ float:left; width:0; height:100%; content:''; position:absolute; left:50%; top:0; background:#fff; z-index:1; -ms-transform:translateX(-50%); transform:translateX(-50%); border-radius:0 0 8px 8px;} .menu .nli span a{ float:left; color:#fff; font-size:18px; line-height:79px; padding:0 31px; position:relative; z-index:4;transition:none; -moz-transition:none; -webkit-transition:none; -o-transition:;} .menu .ul .nli.active span:before{ width:-webkit-calc(100% + 16px); width:-moz-calc(100% + 16px); width:calc(100% + 16px);} .menu .ul .nli.active span a{ color:#1071a9;} .menu .sub{ display:none; float:left; position:absolute; top:64px; z-index:6; width:-webkit-calc(100% + 16px); width:-moz-calc(100% + 16px); width:calc(100% + 16px); left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); border-radius:0 0 0px 8px; background:#fff; padding-top:15px;} .menu .sub:after{ float:left; width:0; height:1px; content:''; position:absolute; left:50%; top:0; background:#1071a9; z-index:3; -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; -ms-transform:translateX(-50%);transform:translateX(-50%);} .menu .nli:hover .sub:after{width:-webkit-calc(100% - 16px); width:-moz-calc(100% - 16px); width:calc(100% - 16px);} .menu .sub .li{ float:left; width:100%; position:relative;} .menu .sub .li .la{ float:left; width:100%; color:#242b38; font-size:16px; line-height:30px; padding:12px 0; text-align:center;} .menu .sub .li .la:hover{ color:#1071a9;} .menu .sub .li .dl{ display:none; float:left; position:relative; position:absolute; left:100%; top:0; background:#fff; border-radius:0 8px 8px 0; padding:12px 40px 12px 15px;} .menu .sub .li .dl dd{ display:inline; margin:0 27px;} .menu .sub .li .dl dd a{ display:inline; color:#242b38; font-size:16px; line-height:30px; white-space:nowrap;} .menu .sub .li .dl dd a:hover{ color:#1071a9;} .menu .sub .li:hover .dl{ display:block;} .head_1 .menu .nli span a{ color:#666666;} .head_1 .so:after{ background:#333333;} .head_1 .so .Search{ color:#333333;} .head_1 .so .sear_sub{background: url(../_im_g/submit1.png) center no-repeat;} .head_1 .lang h5{ color:#333333;background: url(../_im_g/top4.png) right center no-repeat;} .head_1 .lang:hover h5{ background:url(../_im_g/top3.png) right center no-repeat;} .head_2 .menu .nli span a{ color:#666666;} .head_2 .so:after{ background:#333333;} .head_2 .so .Search{ color:#333333;} .head_2 .so .sear_sub{background: url(../_im_g/submit1.png) center no-repeat;} .head_2 .lang h5{ color:#333333;background: url(../_im_g/top4.png) right center no-repeat;} .head_2 .lang:hover h5{ background:url(../_im_g/top3.png) right center no-repeat;} .so_ph{ float:left; width:100%; position:relative; overflow:hidden; margin-top:10px;} .so_ph .Search{ float:left; width:100%; height:48px; background:#0164a0; border-radius:25px; border:0; font-size:14px; line-height:38px; padding:5px 80px 5px 30px; color:#fff;} .so_ph .sear_sub{ float:left; width:30px; height:30px; position:absolute; right:30px; top:8px; background:url(../_im_g/submit.png) center no-repeat; } .so_ph ::-webkit-input-placeholder{color:#fff} .so_ph :-moz-placeholder{color:#fff} .so_ph ::-moz-placeholder{color:#fff} .so_ph :-ms-input-placeholder{color:#fff} .xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100%; overflow: scroll; padding:80px 15px 60px 15px; display: none; z-index:9; background:#fff;} .xialaph .ul2, .xialaph .ul3{ display: none;} .xialaph h4 a{ float: left; width:100%; color: #242b38; font-size:16px; line-height: 50px; padding-left:5px;} .xialaph h4 a span{ padding-left: 6px; color: #ccc; font-size: 14px;} .xialaph h4{ float: left; width: 100%; position: relative; margin-top:-1px;} .xialaph h4 i{ float:left; width:10px; height:10px; position:absolute; right:12px; top:50%; border-top:1px solid #242b38; border-right:1px solid #242b38; opacity:0.8; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg);} .xialaph h4.active i{ transform:translate(0,-50%) rotate(135deg); -ms-transform:translate(0,-50%) rotate(135deg); margin-top:-4px; border-top:1px solid #0164a0; border-right:1px solid #0164a0; opacity:1} .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #242b38; opacity:0.2;} .xialaph li:first-child h4::after{ display:none;} .xialaph li:last-child h4::before{ display:none;} .xialaph h4:hover a{ color: #0164a0;} .xialaph h5:hover a{ color: #0164a0;} .xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #242b38;opacity:0.2;} .xialaph h5 a{ float: left; width:100%; color: #242b38; font-size: 14px; line-height:44px; text-transform: uppercase; padding-left:6px;} .xialaph h5{ float: left; width: 100%; position: relative;} .xialaph h5 i{ float:left; width:10px; height:10px; position:absolute; right:12px; top:50%; border-top:1px solid #242b38; border-right:1px solid #242b38; opacity:0.8; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg);} .xialaph h5.active i{ transform:translate(0,-50%) rotate(135deg); -ms-transform:translate(0,-50%) rotate(135deg); margin-top:-4px; border-top:1px solid #0164a0; border-right:1px solid #0164a0; opacity:1} .xialaph .ul2{ float: left; width: 100%; padding: 0 10px;} .xialaph .ul2 li{ float: left; width: 100%; position:relative;} .xialaph .ul2 li::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #242b38;opacity:0.2;} .xialaph .ul2 li:last-child::after{ display: none;} .xialaph .ul3{ float:left; width:100%; padding:8px 15px; position: relative;} .xialaph .ul3 li{ float:left; width:100%;} .xialaph .ul3 li::after{ display:none;} .xialaph .ul3 li a{ float:left; width:100%; color: #333; font-size: 14px; line-height:30px; position:relative;} .xialaph .ul3 li a:hover{ color:#0164a0;} .menuph{ display:none; float: right; 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:28px; height: 2px; background: #fff; -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;} .menuph .navbtn::after, .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; background: #fff; -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;} .menuph .navbtn::after { top: -10px;} .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;} @media screen and (max-width:1400px){ .menu .nli span a{ font-size:16px; padding:0 16px;} .menu .sub .li .la{ font-size:14px;} .menu .sub .li .dl dd a{ font-size:14px;} .head .so .Search{ font-size:16px;} .head .lang{ margin-left:30px;} .head .lang h5{ font-size:16px;} } @media screen and (max-width:1200px){ .menu{ display:none;} .menuph{ display:block;} .head .logo img{ height:60px;} .head .so{ display:none;} .head .lang{ margin:0 15px 0 0;} .head .lang h5{ line-height:60px; font-size:16px; padding-right:0; background:none;} .head .lang ul{ top:56px;} .no-touch { height:100%;} .no-touch body{ overflow:hidden;height:100%;} .no-touch .head{ background:#0164a0;} .no-touch .head_2{ background:#fff;} .head_2.active{ background:#fff;} .head_2 .menuph .navbtn, .head_2 .menuph .navbtn::after, .head_2 .menuph .navbtn::before{background: #0164a0;} .head_2._active .menuph .navbtn, .head_2._active .menuph .navbtn::after, .head_2._active .menuph .navbtn::before{background: #0164a0;} } .pf_right{ float:left; width:66px; position:fixed; z-index:99; right:5px; bottom:50%; display:none; transform:translateY(50%); -ms-transform:translateY(50%);} .pf_right ul{ float:left; width:100%;} .pf_right ul li{ float:left; width:100%; position:relative; margin:2px 0;} .pf_right ul li a{ float:left; width:100%; position:relative; z-index:6; background:#0164a0; padding:6px 0; height:66px; border-radius:5px; display: flex; justify-content:center; align-items: center;flex-direction:column;} .pf_right ul li a:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; z-index:1; background:#fff; opacity:0;-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;} .pf_right ul li:hover a:after{ opacity:0.2;} .pf_right ul li a i{ float:left; width:100%; line-height:0; text-align:center;} .pf_right ul li a i img{ width:22px; height:22px; margin:0 auto;} .pf_right ul li a h5{ float:left; width:100%; color:#fff; font-size:12px; line-height:12px; text-align:center; margin-top:3px;} .pf_right ul li:hover a h5{ color:#fff;} .pf_right .pf_tel, .pf_right .pf_WeChat{ float:left; position:absolute; z-index:4; top:0; right:66px; background:#fff; border-radius:5px; overflow:hidden; -webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1); -moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1); transition: all 500ms cubic-bezier(.5, 1, .4, 1); -webkit-transform-origin:100% 26px; -moz-transform-origin:100% 26px; -ms-transform-origin:100% 26px; -o-transform-origin:100% 26px; transform-origin:100% 26px; -webkit-transform: translateY(0) scale(0); -moz-transform: translateY(0) scale(0); -ms-transform: translateY(0) scale(0); -o-transform: translateY(0) scale(0); transform: translateY(0) scale(0);} .pf_right .pf_tel{ line-height:32px; color:#0164a0; font-size:18px; white-space:nowrap; padding:17px 15px;} .pf_right .pf_WeChat{ line-height:0;} .pf_right .pf_WeChat img{max-width:initial;} .pf_right ul li:hover .pf_tel, .pf_right ul li:hover .pf_WeChat{ right:66px; opacity: 1; filter: alpha(opacity=100); display: block \9; pointer-events: auto; -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); -o-transform: translateY(0) scale(1); transform: translateY(0) scale(1);} ._hei{ display:none; width:100%; float:left; height:52px;} @media screen and (max-width:1024px){ ._hei{ display:block;} .pf_right{ right:0; bottom:0; width:100%;display:block !important; opacity:1 !important; transform:translateY(0); -ms-transform:translateY(0); border-top:1px solid rgba(255,255,255,0.1);} .pf_right ul li{ width:25%; margin:0;} .pf_right ul li a{ padding:4px 0; border-radius:0; height:52px; } .pf_right ul li a h5{ text-transform:uppercase;} .pf_right .pf_tel, .pf_right ul li:hover .pf_tel{ display:none !important;} } .footer{ background:#0164a0;} .foot_t{ float:left; width:100%; display: flex; justify-content: space-between; padding:60px 0 45px 0; } .foot_t ._nav{ float:left; } .foot_t ._nav h4{ display:block;} .foot_t ._nav h4 a{ display:block; color:#fff; font-size:18px; line-height:24px; white-space:nowrap; } .foot_t ._nav ul{display: flex; flex-direction:column; margin-top:19px; } .foot_t ._nav ul li{ display:block; margin-top:10px; } .foot_t ._nav ul li a{ display:block; color:#fff; color:rgba(255,255,255,0.6); font-size:15px; line-height:24px; white-space:nowrap;} .foot_t ._nav ul li a:hover{ color:#fff;} .foot_t ._nav dl{ display:block; padding:0 0 0 14px; margin-top:10px; border-top:1px solid rgba(245,245,245,0.26);} .foot_t ._nav dl dd{ display:block; margin-top:10px;} .foot_t .line{ float:left; width:1px; min-height:100%; position:relative; background:#fff; opacity:0.1; margin:0 3%;} .foot_t ._Add{ float:left; width:400px;} .foot_t ._Add h4{ float:left; width:100%; color:#fff; font-size:18px; line-height:24px; margin-bottom:12px; } .foot_t ._Add h5{ float:left; width:100%; color:#fff; color:rgba(255,255,255,0.6); font-size:15px; line-height:18px; margin-top:10px;} .foot_t .share{ float:left; width:100%; margin-top:24px;} .foot_t .share a{ float:left; width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,0.1); line-height:0; margin-right:15px;} .foot_t .WeChat{ float:right; width:110px; text-align:center; margin-top:10px;} .foot_t .WeChat i{ float:left; width:100%; line-height:0;} .foot_t .WeChat i img{ max-width:none;} .foot_t .WeChat h5{ float:left; width:100%; color:#fff; color:rgba(255,255,255,0.6); font-size:15px; line-height:25px; margin-top:8px;} .foot_d{ float:left; width:100%; padding:30px 0; border-top:1px solid rgba(255,255,255,0.1);} .foot_d .link{ float:right; position:relative; width:146px; z-index:6;} .foot_d .link h5{ float:left; width:100%; background:rgba(255,255,255,0.1); text-align:center; padding-right:19px; box-sizing:border-box; position:relative; cursor:pointer; color:#fff; color:rgba(255,255,255,0.6); font-size:16px; line-height:40px;} .foot_d .link h5:after{ float:left; width:0; height:0; content:''; position:absolute; left:50%; top:18px; margin-left:19px; opacity:0.6; z-index:3; border-left:4px solid transparent; border-right:4px solid transparent;border-top:5px solid #fff; } .foot_d .link h5.on:after{ transform:rotate(180deg); -ms-transform:rotate(180deg); } .foot_d .link ul{ display:none; float:left; width:100%; position:absolute; right:0; bottom:100%; background:#fff; /*border-radius:6px 6px 0 0;*/ padding:12px 0;} .foot_d .link ul li{ float:left; width:100%;} .foot_d .link ul li a{ float:left; width:100%; padding:0 15px; text-align:center; box-sizing:border-box; color:#333; font-size:14px; line-height:26px; } .foot_d .link ul li a:hover{ color:#1071a9;} .Copyright{ float:left; color:#fff; color:rgba(255,255,255,0.6); font-size:15px; line-height:26px; margin:7px 0;} .Copyright a{ color:#fff; color:rgba(255,255,255,0.6);} .Copyright a:hover{ color:#fff;} @media screen and (max-width:1400px){ .foot_t .line{ margin:0 1%;} .foot_t ._nav ul li a{ font-size:14px;} .foot_t ._Add{ width:240px;} .foot_t ._Add h5{ font-size:14px;} .foot_t .line{ display:none; margin:0;} .foot_t .WeChat h5{ font-size:14px;} .Copyright{ font-size:14px;} } @media screen and (max-width:1024px){ .foot_t{ padding:25px 0;flex-wrap:wrap;} .foot_t ._nav{ display:none;} .foot_t ._Add{ width:100%; text-align:center; margin:0 0 18px 0;} .foot_t ._Add h4{ margin-bottom:2px;} .foot_t ._Add h5{ font-size:14px; margin-top:6px;} .foot_t .WeChat{ float:none; display:table; margin:0 auto;} .foot_t .share{ float:left; width:100%; margin-top:18px; text-align:center;} .foot_t .share a{ float:none; display:inline-table; width:40px; height:40px; margin:0 5px;} .foot_d{ padding:15px 0;} .foot_d .link{ display:none; width:100%; margin:10px 0 5px 0;} .Copyright{ width:100%; text-align:center; font-size:14px; line-height:24px; margin:0 0 5px 0;} } .banner{ float:left; width:100%; line-height:0; position:relative;} .slide_banner{ float:left; width:100%; position:relative; z-index:2; line-height:0;} .slide_banner .slick-slide{ float:left; width:100%; position:relative; display:block;} .slide_banner .slick-slide video{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; background:#000;} .slide_banner .slick-slide .img{ float:left; width:100%; height:400px;;} .slide_banner .slick-slide .text{ float:left; width:100%; position:absolute; left:0; top:44%; z-index:4; letter-spacing:1px; padding-left: 62px; padding-right: 62px;} .slide_banner .slick-slide .text .h5{ display:table; margin:0 auto; color:#fff; font-size:36px; line-height:36px;} .slide_banner .slick-slide .text .span{ display:block; color:#fff; font-size:60px; line-height:60px; font-weight:bold; margin-top:16px;} .slide_banner .slick-slide .text .p{ display:block; color:#fff; font-size:1rem; line-height:1.1; font-weight:bold;} .slide_banner .slick-dots{ bottom:11%; display: flex; justify-content: center;} .slide_banner .slick-dots li{ width:15px; height:15px; border-radius:15px; background:#fff; margin:0 10px; -webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } .slide_banner .slick-dots li.slick-active{ width:32px;} ._banner .slick-slide .text .h5{ width:100%;} ._banner_p .slick-slide .text{ top:53%; transform:translateY(-50%); -ms-transform:translateY(-50%);} ._banner_p .slick-slide .img{ height:auto;} ._banner_n .slick-slide .text .h5{ color:#333333;} ._banner_n .slick-slide .text .span{ color:#21adde;} .so_banner{ float:left; width:100%; height:400px;} @media screen and (max-width:1024px){ .slide_banner .slick-dots{ bottom:80px;} .slide_banner .slick-dots li{ margin:0 6px; width:10px; height:10px; border-radius:10px;} .slide_banner .slick-dots li.slick-active{ width:22px; } .banner ul li .pic{ height:160px;} .slide_banner .slick-slide .text{ padding-left:15px; padding-right:15px;} .slide_banner .slick-slide .text .h5{ font-size:18px; line-height:18px;} .slide_banner .slick-slide .text .span{ font-size:28px; line-height:28px; margin-top:8px;} .slide_banner .slick-slide .text .p{ font-size:0.86rem;} ._banner .slick-dots{ bottom:20px;} ._banner_p .slick-dots{ bottom:20px;} .so_banner{ height:150px;} .slide_banner .slick-slide .img{height:auto;} .slide_banner .slick-slide .img img{display:block; width:100%; height:auto;} } .index_tit{ float:left; position:relative; z-index:6; color:#242933; font-size:36px; line-height:48px; font-weight:bold;} ._News{ padding-top:76px;} .News_list{ float:left; width:100%; padding:6px 0 30px 0;} .News_list li{ float:left; width:100%; padding-top:50px; padding-bottom:50px;} .News_list li:nth-child(2n){ background:#eaeaea;} .News_list li a{ float:left; width:100%; position:relative; padding-left:660px;} .News_list li i{ float:left; width:660px; height:400px; position:absolute; left:0; top:0; overflow:hidden; border-radius:10px; line-height:0;} .News_list li i 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;} .News_list li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .News_list li .text{ float:right; width:88%; min-height:400px; display: flex; flex-direction:column; justify-content: center;} .News_list li h5{ float:left; width:100%; color:#000000; font-size:28px; line-height:40px; max-height:80px; font-weight:bold;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;} .News_list li h6{ float:left; width:100%; color:#181818; font-size:16px; line-height:24px; margin:30px 0; max-height:240px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:10;} .News_list li time{ float:left; width:100%; color:#828282; font-size:16px; line-height:26px;} .News_list li a:hover h5{ color:#1071a9;} @media screen and (max-width:1400px){ .News_list li a{ padding-left:528px;} .News_list li i{ width:528px; height:320px;} .News_list li .text{ width:90%; min-height:320px;} .News_list li h6{ max-height:144px; -webkit-line-clamp:6;} } @media screen and (max-width:1024px){ .index_tit{ font-size:20px; line-height:30px;} ._News{ padding-top:25px;} .News_list{ padding:3px 0 15px 0;} .News_list li{ padding-top:30px; padding-bottom:30px;} .News_list li a{ padding-left:330px;} .News_list li i{ width:330px; height:200px;} .News_list li .text{ width:94%; min-height:200px;} .News_list li h5{ font-size:18px; line-height:28px; max-height:56px;} .News_list li h6{ font-size:14px; line-height:24px; margin:10px 0; max-height:96px; -webkit-line-clamp:4;} .News_list li time{ font-size:14px; line-height:24px;} } @media screen and (max-width:767px){ .News_list li a{ padding-left:0;} .News_list li i{ width:100%; height:auto; position:static;} .News_list li .text{ width:100%; min-height:100px; margin-top:20px;} } ._Applicat{ float:left; width:100%; position:relative; background:#1eabdc;} ._Applicat .top{ position:absolute; left:0; top:80px; width:100%;} ._Applicat .index_tit{ color:#242933; width:50%; z-index:6;} ._Applicat .list{ float:left; width:100%;flex-wrap:wrap; display: flex; align-items:flex-end;} ._Applicat ul{ float:left; width:50%; position:relative; z-index:3;} ._Applicat ul li{ float:left; width:100%;} ._Applicat ul li a{ float:left; width:100%; line-height:0; overflow:hidden; position:relative;} ._Applicat ul li a:after{ float:left; content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../_im_g/main19.png) center right; z-index:2;} ._Applicat ul li i{ float:left; width:100%; height:428px; position:relative; z-index:1; -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;} ._Applicat ul li a:hover i{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} ._Applicat ul li h5{ position:absolute; float:left; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); z-index:3;} ._Applicat ul li h5 span{ float:left; max-width:100%; min-width:249px;overflow:hidden;white-space: nowrap; text-overflow:ellipsis; border:2px solid #fff; line-height:46px; border-radius:10px; text-align:center; color:#fff; font-size:28px; padding:10px 30px;} ._Applicat ul li a:hover h5 span{ border:2px solid #005398; background:#005398; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease; -webkit-transition:background 0.5s ease; } ._Applicat ul:nth-child(2n) li i{ height:540px;} @media screen and (max-width:1024px){ ._Applicat .top{ top:45px;} ._Applicat ul li i{ height:300px;} ._Applicat ul:nth-child(2n) li i{ height:360px;} ._Applicat ul li h5 span{ min-width:160px; border:1px solid #fff; line-height:30px; border-radius:6px; font-size:18px; padding:5px 15px;} } @media screen and (max-width:767px){ ._Applicat .top{ position:static; padding-top:25px; padding-bottom:25px;} ._Applicat .index_tit{ width:100%;} ._Applicat ul{ width:100%;} ._Applicat ul li i{ height:auto;} ._Applicat ul:nth-child(2n) li i{ height:auto} } ._View_Prod{ padding-top:100px; padding-bottom:100px;} ._View_Prod .list{ float:left; width:100%; position:relative; padding-right:238px;} ._View_Prod .index_tit{ position:absolute; right:0; top:-10px; float:right; text-align:right; width:auto;} ._View_Prod ul{ margin:-15px; flex-wrap:wrap; display: flex;} ._View_Prod ul li{ float:left; width:33.33%; padding:0 15px; margin:15px 0; min-height:627px;} ._View_Prod ul li .la{ float:left; width:100%; position:relative; flex-wrap:wrap; display: flex;} ._View_Prod ul li .text{ float:left; width:100%; position:relative; z-index:1; border-radius:10px; box-shadow:0 10px 16px rgba(97,97,97,0.2); background:#008ecf; text-align:center; overflow:hidden; background-image: -webkit-linear-gradient(top, #83def8 0%, #008ecf 100%); background-image: -moz-linear-gradient(top, #83def8 0%, #008ecf 100%); background-image: -o-linear-gradient(top, #83def8 0%, #008ecf 100%); background-image: linear-gradient(top, #83def8 0%, #008ecf 100%); } ._View_Prod ul li .text a{ float:left; width:100%; background:url(../_im_g/main7.png) center bottom no-repeat; background-size:100% auto;padding:150px 25px 290px 25px;} ._View_Prod ul li .text i{ float:left; width:100%; line-height:0;} ._View_Prod ul li .text i img{ max-width:none; height:82px;} ._View_Prod ul li .text h5{ float:left; width:100%; line-height:34px; font-size:24px; color:#fff; font-weight:bold; margin-top:25px;} ._View_Prod ul li .cont{ opacity:0; float:left; width:75%; margin:0 12.5%; position:absolute; left:0; top:238px; margin-top:100px; z-index:6; background:#fff; border-radius:10px; box-shadow:0 10px 16px rgba(97,97,97,0.2); padding:36px 0 43px 0;transition: all 0.5s linear;-moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; overflow:hidden; overflow-y:auto; scrollbar-width:thin; min-height:384px; max-height:384px; } ._View_Prod ul li .cont::-webkit-scrollbar { width:3px } ._View_Prod ul li .cont::-webkit-scrollbar-track { background-color:#f5f5f5; border-radius:3px } ._View_Prod ul li .cont::-webkit-scrollbar-thumb { width:3px; height:60px; background-color:#0164a0; border-radius:3px } ._View_Prod ul li .cont .p{ float:left; width:100%; padding:15px 12.3%; border-bottom:1px solid #94d0eb;} ._View_Prod ul li .cont .p a{ float:left; width:100%; color:#333333; font-size:18px; line-height:30px; position:relative; padding-left:54px; min-height:30px;} ._View_Prod ul li .cont .p a:hover{ color:#1071a9;} ._View_Prod ul li .cont .p a img{float:left;width:28px;height:28px;border-radius:50%;line-height:0;position:absolute;left:0;top:1px;} ._View_Prod ul li:nth-child(3n+2) .text{ background:#00a8b0; background-image: -webkit-linear-gradient(top, #84f9ff 0%, #00a8b0 100%); background-image: -moz-linear-gradient(top, #84f9ff 0%, #00a8b0 100%); background-image: -o-linear-gradient(top, #84f9ff 0%, #00a8b0 100%); background-image: linear-gradient(top, #84f9ff 0%, #00a8b0 100%); } ._View_Prod ul li:nth-child(3n+3) .text{ background:#35944b; background-image: -webkit-linear-gradient(top, #a8fed9 0%, #35944b 100%); background-image: -moz-linear-gradient(top, #a8fed9 0%, #35944b 100%); background-image: -o-linear-gradient(top, #a8fed9 0%, #35944b 100%); background-image: linear-gradient(top, #a8fed9 0%, #35944b 100%); } ._View_Prod ul li:hover .cont{ opacity:1;margin-top:0 !important;} ._View_Prod ul li:hover .text a{ padding:75px 25px;} @media screen and (max-width:1600px){ ._View_Prod .list{ padding-right:200px;} ._View_Prod ul li .cont{ width:80%; margin:0 10%; padding:20px 0 30px 0;} ._View_Prod ul li .cont .p{ padding:15px 8%;} ._View_Prod ul li .cont .p a{ padding-left:40px;} } @media screen and (max-width:1400px){ } @media screen and (max-width:1024px){ ._View_Prod{ padding-top:35px; padding-bottom:30px;} ._View_Prod .list{ padding-right:110px;} ._View_Prod ul{ margin:0; display:block; } ._View_Prod ul li{ padding:0; margin:7px 0; min-height:390px;} ._View_Prod ul li .text{ border-radius:5px; box-shadow:0 5px 8px rgba(97,97,97,0.2);} ._View_Prod ul li .text a{ padding:100px 12px;} ._View_Prod ul li .text i img{ height:50px;} ._View_Prod ul li .text h5{ line-height:28px; font-size:18px; margin-top:10px;} ._View_Prod ul li .cont{ width:85%; top:130px; margin-top:100px; margin:0 7.5%; border-radius:5px; box-shadow:0 5px 8px rgba(97,97,97,0.2); padding:10px 0 20px 0; min-height:260px; max-height:260px;} ._View_Prod ul li .cont .p{ padding:10px 12px;} ._View_Prod ul li .cont .p a{ font-size:14px; line-height:22px; padding:3px 0 3px 36px; min-height:28px;} ._View_Prod ul li .cont .p a img{ top:0;} ._View_Prod ul li:hover .text a{ padding:35px 12px;} } @media screen and (max-width:767px){ ._View_Prod .index_tit{ position:static; width:100%; margin-bottom:10px; text-align:left;} ._View_Prod .index_tit br{display:none;} ._View_Prod .list{ padding-right:0;} ._View_Prod ul li{ width:100%; min-height:300px;} ._View_Prod ul li .cont{ min-height:165px;max-height:165px;} } .wack1{ float:left; width:100%; display:flex; justify-content: center; margin:78px 0; } .wack1 .pz_fy{ display:flex;} .wack1 .pz_fy a { float:left; width:38px; height:38px; line-height:36px; text-align:center; border-radius:38px; -moz-border-radius:38px; -webkit-border-radius:38px; border:1px solid #e1e1e1; color:#575757; font-size:14px; font-family:Arial; margin:0 5px;} .wack1 .pz_fy a:hover, .wack1 .pz_fy a.on{color:#fff; border:1px solid #005398; background:#005398;} .wack1 .pz_fy .l_fy, .wack1 .pz_fy .r_fy{ width:100px;} .wack1 .pz_fy .l_fy i, .wack1 .pz_fy .r_fy i{ display:block; width:16px; height:2px; background:#005398; margin:17px auto; position:relative;} .wack1 .pz_fy .l_fy i:after, .wack1 .pz_fy .l_fy i:before, .wack1 .pz_fy .r_fy i:after, .wack1 .pz_fy .r_fy i:before{float:left; width:7px; height:2px; background:#005398; content:''; position:relative;} .wack1 .pz_fy .l_fy i:after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:3px; left:-7px; } .wack1 .pz_fy .l_fy i:before{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:-3px; left:0px; } .wack1 .pz_fy .r_fy i:after{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:3px; right:-2px; } .wack1 .pz_fy .r_fy i:before{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:-3px; right:-9px;} .wack1 .pz_fy .l_fy:hover i, .wack1 .pz_fy .r_fy:hover i, .wack1 .pz_fy .l_fy.on i, .wack1 .pz_fy .r_fy.on i{ background:#fff;} .wack1 .pz_fy .l_fy:hover i:after, .wack1 .pz_fy .l_fy:hover i:before, .wack1 .pz_fy .r_fy:hover i:after, .wack1 .pz_fy .r_fy:hover i:before, .wack1 .pz_fy .l_fy.on i:after, .wack1 .pz_fy .l_fy.on i:before, .wack1 .pz_fy .r_fy.on i:after, .wack1 .pz_fy .r_fy.on i:before{ background:#fff;} @media screen and (max-width:1024px){ .wack1{ margin:30px 0;} .wack1 .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;} .wack1 .fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #005398; background:#005398; border-radius:16px; overflow:hidden;} .wack1 .fy_pc span{ padding:5px 20px; color:#333333;} } .news_list{ float:left; width:100%; margin-top:70px; padding:0 5%;} .news_list ul{ margin:-23px;flex-wrap:wrap; display: flex; } .news_list li{ float:left; width:33.33%; padding:23px;} .news_list li a{ float:left; width:100%; position:relative; min-height:100%; background:#f0f2f4;} .news_list li i{ float:left; width:100%; line-height:0; overflow:hidden;} .news_list li i 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;} .news_list li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .news_list li .text{ float:left; width:100%; padding:26px;} .news_list li h5{ float:left; width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; line-height:25px; color:#0f1b1f; font-size:16px; height:50px; font-weight:bold;} .news_list li h6{ float:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; width:100%; line-height:24px; color:#666666; font-size:16px; height:72px; font-weight:bold; margin:16px 0;} .news_list li time{ float:left; width:100%; line-height:22px; color:#999999; font-size:12px; margin:10px 0;} .news_list li a:hover h5{ color:#1071a9;} .news_list li a:hover{ box-shadow:5px 5px 10px rgba(0,0,0,0.15);} @media screen and (max-width:1600px){ .news_list{ padding:0;} } @media screen and (max-width:1400px){ } @media screen and (max-width:1024px){ .news_list{ margin-top:30px;} .news_list ul{ margin:-6px;} .news_list li{ padding:6px;} .news_list li .text{ padding:15px;} .news_list li h6{ margin:10px 0;} .news_list li time{ margin:0 0 5px 0;} } @media screen and (max-width:767px){ .news_list li{ width:100%;} } .news_t{ background:#fafafa; padding-top:70px; padding-bottom:21px;} .news_t .tit{ float:left; width:72.5%;color:#333333; font-size:36px; line-height:46px;} .news_t .time{ float:left; width:100%;color:#444444; font-size:14px; line-height:24px; margin:12px 0 18px 0; display: flex; align-items: center;} .news_t .bdshare{ float:right;} .news_t .bdshare a{ color:#444444 !important; font-size:16px !important; line-height:26px !important; height:26px !important; margin:0 0 0 10px !important; padding:0 0 0 26px !important; transition:none !important; -moz-transition:none !important;-webkit-transition:none !important; -o-transition:none !important; border-radius:5px;} .news_t .bdshare .bds_weixin{ background:url(../_im_g/ico1.png) left center no-repeat #a0a0a0 !important;} .news_t .bdshare .bds_tsina{ background:url(../_im_g/ico2.png) left center no-repeat #a0a0a0 !important;} .news_t .bdshare .bds_sqq{ background:url(../_im_g/ico3.png) left center no-repeat #a0a0a0 !important;} .news_t .bdshare .bds_more{ background:url(../_im_g/ico4.png) left center no-repeat !important; padding:0 0 0 32px !important;} .bd_weixin_popup{ box-sizing:content-box;} .bdshare_popup_box{ margin-left:-150px; z-index:5 !important;} .news_d{ float:left; width:100%; position:relative; padding-top:56px; padding-bottom:32px;} .news_l{ float:left; width:72.5%; padding-bottom:50px;} .news_l .cont{ float:left; width:100%;color:#444444; font-size:16px; line-height:26px;} .news_l .cont img{ max-width:100%;} .news_l .page{ float:left; width:100%; margin-top:45px; position:relative; border-top:1px solid #e7e7e7; padding:22px 0;} .news_l .page a{ float:left; width:100%;color:#555555; font-size:16px; line-height:34px;} .news_l .page .Back{ width:auto; position:absolute; right:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); padding-left:29px; background:url(../_im_g/main27.png) left center no-repeat;} .news_l .page .Prev, .news_l .page .Next{ padding-right:80px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; } .news_l .page a:hover{ color:#005398;} .news_l .page a.Back:hover{ background:url(../_im_g/main28.png) left center no-repeat;} .news_r{ float:right; width:20%;} .news_r h4{ float:left; width:100%;color:#333333; font-size:30px; line-height:30px; padding-bottom:30px; border-bottom:1px solid #e7e7e7;} .news_r ul{ float:left; width:100%;} .news_r ul li{ float:left; width:100%;} .news_r ul li a{ float:left; width:100%; border-bottom:1px dashed #b2b2b2; padding:24px 0;} .news_r ul li h5{ float:left; width:100%;color:#333333; font-size:18px; line-height:27px; max-height:54px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;} .news_r ul li time{ float:left; width:100%;color:#888888; font-size:14px; line-height:24px; margin-top:10px;} .news_r ul li a:hover h5{ color:#005398;} @media screen and (max-width:1600px){ .news_t .tit{ font-size:30px; line-height:40px;} } @media screen and (max-width:1024px){ .news_t{ padding-top:25px;} .news_t .tit{ width:100%; font-size:18px; line-height:28px;} .news_d{ padding-top:30px;} .news_l{ width:100%; padding-bottom:10px;} .news_l .cont{ font-size:15px; line-height:26px;} .news_l .page{ margin-top:22px; padding:12px 0;} .news_l .page a{ font-size:14px; line-height:24px;} .news_r{ width:100%; margin-top:20px;} .news_r h4{ font-size:22px; line-height:22px; padding-bottom:20px;} .news_r ul li a{ padding:12px 0;} .news_r ul li h5{ font-size:16px; line-height:25px; max-height:50px;} .news_r ul li time{ margin-top:5px;} } @media screen and (max-width:767px){ } .search_bg{ background:#f0f0f0;} .search_result{ float:left; width:100%; color:#333333; font-size:18px; line-height:30px; padding:15px 0;} .search_result span{ color:#1071a9;} .NewsBg{ background:#f0f2f4; padding-top:92px; padding-bottom:102px; margin-top:98px;} .NewsBg1{ background:none; margin-top:0;} .NewsBg .news_list{ margin-top:90px; padding:0 2.5%;} .NewsBg .news_list li a{ background:#fff;} .NewsBg1 .news_list li a{ background:#f5f5f5;} .search_list{ float:left; width:100%; margin-top:90px;} .search_list .down{ float:left; width:100%; margin-top:75px;} .search_list dl{ float:left; width:100%; background:#eaeaea; border-top:2px solid #323741; border-bottom:2px solid #323741; display: flex; align-items: center;} .search_list dl dd{ float:left; color:#020611; font-size:24px; line-height:36px; padding:12px 6px; text-align:center; font-weight:bold;} .search_list dl dd:nth-child(1){ width:16.9%;} .search_list dl dd:nth-child(2){ width:18.8%;} .search_list dl dd:nth-child(3){ width:25.2%; margin:0 6.3% 0 3.4%;} .search_list dl dd:nth-child(4){ width:29.4%;} .search_list ul{ float:left; width:100%; border-bottom:2px solid #323741;} .search_list ul a{ display: flex; align-items: center;} .search_list ul a:hover{background:#e2eef5;} .search_list ul li{ float:left; color:#020611; font-size:24px; line-height:36px; padding:24px 6px;} .search_list ul li a{ color:#020611;} .search_list ul li:nth-child(1){ width:16.9%; text-align:center;} .search_list ul li:nth-child(2){ width:18.8%; text-align:center;} .search_list ul li:nth-child(3){ width:25.2%; margin:0 6.3% 0 3.4%;} .search_list ul li:nth-child(4){ width:29.4%;} .search_list ul:hover li:nth-child(1){ color:#1071a9;} @media screen and (max-width:1400px){ .search_list dl dd{ font-size:18px; line-height:30px;} .search_list ul li{ font-size:18px; line-height:30px;} .search_list ul li:nth-child(1){ } .search_list ul li:nth-child(2){ } } @media screen and (max-width:1024px){ .search_result{ font-size:16px; line-height:26px; padding:12px 0;} .NewsBg{ padding-top:30px; padding-bottom:30px; margin-top:40px;} .NewsBg1{ margin-top:0;} .NewsBg .news_list{ margin-top:30px; padding:0;} .search_list{ margin-top:30px;} .search_list .down{ margin-top:20px;} .search_list dl dd{ font-size:16px; line-height:26px; padding:8px 4px;} .search_list ul li{ font-size:16px; line-height:26px; padding:12px 4px;} .search_list ul li:nth-child(1){ } .search_list ul li:nth-child(2){ } } @media screen and (max-width:767px){ .search_list{ overflow:hidden;} .search_list .down{ overflow-y:hidden; overflow-x:auto;} .search_list .down::-webkit-scrollbar{ display: none;} .search_list dl{ min-width:700px;} .search_list dl dd:nth-child(3){ width:30.2%; margin:0 2.3% 0 2.4%;} .search_list ul{ min-width:700px;} .search_list ul li:nth-child(3){ width:30.2%; margin:0 2.3% 0 2.4%;} } ._pord_SIP{ margin-bottom:95px;} ._pord_SIP ._cont{ float:left; width:100%; border-bottom:2px solid #53575f; padding-bottom:92px; margin:77px 0 66px 0;} ._pord_SIP ._cont .img{ float:left; width:31.25%; line-height:0;} ._pord_SIP ._cont .cont{ float:right; width:64.68%; color:#000000; font-size:22px; line-height:34px;} ._pord_SIP .search_list{ margin-top:0 !important;} .Side_d{ background:#f0f2f5;position:relative;z-index:30;} .Side_two{ float:left; width:100%; text-align:center; padding:25px 0; display: flex; flex-wrap:wrap; justify-content:center;} .Side_two .l1{ float:left; margin:0 60px;} .Side_two .l1 a{ float:left; font-weight:bold; color:#242933; font-size:24px; line-height:50px;} .Side_two .l1.on a, .Side_two .l1:hover a{ color:#1071a9;} /*20230830start*/ .Side_three{ float:left; } .Side_three .l1{ float:left; margin-right:120px;position: relative;padding: 25px 0;} .Side_three .l1:last-child{margin-right: 0;} .Side_three .l1 .a1{ float:left; color:#333333; font-size:18px; line-height:50px; position:relative;padding-right: 22px;font-weight: bolder;} .Side_three .l1 .a1::after{content: "";display: block;width: 9px;height: 6px;background: url(../img/zimg3.png)no-repeat center center;background-size: cover;position: absolute;right: 0;top: 50%;transform: translate(0,-50%);} .Side_three .l1.on .a1, .Side_three .l1:hover .a1{ color:#1071a9;} .Side_three .l1.on .a1::after{background: url(../img/zimg4.png)no-repeat center center;background-size: cover;} .Side_three .l1 .cpxl_list{ width: 360px;position: absolute;left: 50%;top: 100%;transform: translate(-50%,0);background: #fff;box-shadow: 0 0 4px rgba(185,185,185,0.45);z-index: 999;display: none;} .Side_three .l1 .cpxl_list li{width: 100%;} .Side_three .l1 .cpxl_list a{display: block;font-size: 16px;color: #666666;line-height: 20px;text-align: center; padding:10px 12px;;} .Side_three .l1 .cpxl_list a:hover{color: #1071a9;} /*20230830end*/ ._pord_SIP1{ margin-bottom:0;} ._pord_SIP1 ._cont{ border-bottom:none; margin-bottom:0;} @media screen and (max-width:1600px){ .Side_two .l1{ margin:0 40px;} .Side_three .l1{ margin-right:80px;} } @media screen and (max-width:1400px){ .Side_two .l1{ margin:0 25px;} .Side_two .l1 a { font-size:20px;} ._pord_SIP ._cont .img{ width:31.25%;} ._pord_SIP ._cont .cont{ width:64.68%; font-size:18px; line-height:30px;} } @media screen and (max-width:1024px){ ._pord_SIP{ margin-bottom:40px;} ._pord_SIP ._cont{ padding-bottom:30px; margin:30px 0 30px 0;} ._pord_SIP ._cont .img{ width:100%;} ._pord_SIP ._cont .cont{ width:100%; margin-top:20px; font-size:15px; line-height:26px;} .Side_two{ padding:10px 0;} .Side_two .l1{ margin:0 12px;} .Side_two .l1 a{ font-size:16px; line-height:30px;} .Side_three{ padding:10px 0;} /*20230830satrt*/ .Side_three .l1{ margin-right:25px;padding: 0;} .Side_three .l1 .a1{ font-size:15px; line-height:30px;} .Side_three .l1 .cpxl_list{ width: 120px;left: 0;transform: translate(0,0);} .Side_three .l1 .cpxl_list a{font-size: 14px;line-height: 34px;} /*20230830end*/ ._pord_SIP1{ margin-bottom:0;} ._pord_SIP1 ._cont{ border-bottom:none; margin-bottom:0;} } @media screen and (max-width:767px){ .Side_two .l1{ margin:0 10px;} .Side_two .l1 a{ font-size:15px;} } ._pord_MEMS{ padding-top:74px; padding-bottom:66px;} .MEMS_img{ float:left; width:100%; line-height:0; text-align:center;} .MEMS_img img{ max-width:100%;} ._pord_MEMS ._list{ float:left; width:100%; margin-top:118px;} ._pord_MEMS ._list .li{ float:left; width:100%; border-bottom:2px solid #60636b; padding:60px 0;} ._pord_MEMS ._list .li:last-child{ border-bottom:none;} ._pord_MEMS ._list .li .cont{ float:right; width:64.69%; color:#242933; font-size:24px; line-height:42px;} ._pord_MEMS ._list .li .cont img{max-width:100%;} @media screen and (max-width:1400px){ ._pord_MEMS ._list .li .cont{ font-size:18px; line-height:30px;} } @media screen and (max-width:1024px){ ._pord_MEMS{ padding-top:40px; padding-bottom:20px;} ._pord_MEMS ._list{ margin-top:20px;} ._pord_MEMS ._list .li{ padding:25px 0;} ._pord_MEMS ._list .li .cont{ font-size:15px; line-height:26px;} } @media screen and (max-width:767px){ ._pord_MEMS ._list .li .cont{ width:100%; margin-top:15px;} } ._pord_MAG{ border-top:1px solid #e5e5e5; padding-top:65px; padding-bottom:136px;} ._pord_MAG ul{ float:left; width:100%; padding:0 5%;} ._pord_MAG ul li{ float:left; width:100%;} ._pord_MAG ul li:hover{background:#e2eef5;} ._pord_MAG ul li i{ float:left; width:50%; line-height:0; overflow:hidden;} ._pord_MAG ul li i 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;} ._pord_MAG ul li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} ._pord_MAG ul li .text{ float:left; width:41.6%; padding:8.6% 45px 3% 45px;} ._pord_MAG ul li .text h4{ float:left; width:100%; color:#222a34; font-size:24px; line-height:34px; font-weight:bold; } ._pord_MAG ul li .text h4:hover{ color:#1071a9;} ._pord_MAG ul li .text h5{ float:left; width:100%; color:#666666; font-size:16px; line-height:24px; height:72px; overflow:hidden;/*word-break: break-all;*/display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; margin:20px 0 38px 0; } ._pord_MAG ul li .text h6{ float:left; padding-right:21px; color:#1071a9; font-size:16px; line-height:26px; font-weight:bold; position:relative; } ._pord_MAG ul li .text h6:after{ float:left; width:11px; height:11px; content:''; position:absolute; right:0; top:9px; border-top:2px solid #1071a9; border-right:2px solid #1071a9; transform:rotate(45deg); -ms-transform:rotate(45deg);} ._pord_MAG ul li:nth-child(2n) i{ float:right;} ._pord_MAG ul li:nth-child(2n) .text{ float:right; text-align:right;} ._pord_MAG ul li:nth-child(2n) .text h6{ float:right;} @media screen and (max-width:1600px){ ._pord_MAG ul{ padding:0;} ._pord_MAG ul li .text{ padding:6% 45px 3% 45px;} } @media screen and (max-width:1400px){ ._pord_MAG ul li .text{ padding:4.5% 45px 3% 45px;} ._pord_MAG ul li .text h5{ margin:15px 0 20px 0;} } @media screen and (max-width:1024px){ ._pord_MAG{ padding-top:30px; padding-bottom:30px;} ._pord_MAG ul li .text{ width:50%; padding:20px 15px 25px 15px;} ._pord_MAG ul li .text h4{ font-size:16px; line-height:26px;} ._pord_MAG ul li .text h5{ font-size:14px; line-height:24px; height:72px; margin:6px 0 10px 0;} ._pord_MAG ul li .text h6{ padding-right:16px;} ._pord_MAG ul li .text h6:after{ width:9px; height:9px; top:10px;} } @media screen and (max-width:767px){ ._pord_MAG ul li i{ width:100%;} ._pord_MAG ul li .text{ width:100%;} } ._Contact_addr{ background:#f7f7f7; padding-top:108px; padding-bottom:70px;} ._Contact_addr .list{ float:left; width:100%; margin-top:110px; } ._Contact_addr .list ul{ float:left;} ._Contact_addr .list ul li{ float:left; position:relative; margin-bottom:60px; padding-left:85px;} ._Contact_addr .list ul li i{ float:left; width:60px; height:60px; background:#2698d0; border-radius:50%; line-height:0; position:absolute; left:0; top:0;} ._Contact_addr .list ul li i img{ width:100%;} ._Contact_addr .list ul li h5{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; min-height:60px; display:flex; align-items: center;} ._Contact_addr .list ul li h6{ float:left; width:100%; color:#333333; font-size:16px; line-height:32px; margin-top:16px;} ._Contact_addr .list ul:nth-child(1){ float:left; width:76%;} ._Contact_addr .list ul:nth-child(1) li:nth-child(2n+1){ width:63%; padding-right:25px;} ._Contact_addr .list ul:nth-child(1) li:nth-child(2n+2){ width:37%; padding-right:25px;} ._Contact_addr .list ul:nth-child(2){ float:right; width:24%;} ._Contact_addr .list ul:nth-child(2) li{ width:100%;} @media screen and (max-width:1600px){ ._Contact_addr .list ul:nth-child(1){ width:70%;} ._Contact_addr .list ul:nth-child(1) li:nth-child(2n+1){ width:56%; padding-right:25px;} ._Contact_addr .list ul:nth-child(1) li:nth-child(2n+2){ width:44%; padding-right:25px;} ._Contact_addr .list ul:nth-child(2){ width:30%;} } @media screen and (max-width:1400px){ ._Contact_addr .list ul li{ padding-left:75px;} ._Contact_addr .list ul li h5{ font-size:16px; line-height:26px;} ._Contact_addr .list ul li h6{ font-size:15px; line-height:26px;} } @media screen and (max-width:1024px){ ._Contact_addr{ padding-top:30px; padding-bottom:20px;} ._Contact_addr .list{ margin-top:30px; } ._Contact_addr .list ul li{ margin-bottom:20px; padding-left:62px;} ._Contact_addr .list ul li i{ width:50px; height:50px;} ._Contact_addr .list ul li h5{ min-height:50px;} ._Contact_addr .list ul li h6{ margin-top:12px;} ._Contact_addr .list ul:nth-child(1) li:nth-child(2n+1){ padding-right:15px;} ._Contact_addr .list ul:nth-child(1) li:nth-child(2n+2){ padding-right:15px;} } @media screen and (max-width:767px){ ._Contact_addr .list ul:nth-child(1){ width:100%;} ._Contact_addr .list ul:nth-child(1) li:nth-child(2n+1){ width:100%; padding-right:0;} ._Contact_addr .list ul:nth-child(1) li:nth-child(2n+2){ width:100%; padding-right:0;} ._Contact_addr .list ul:nth-child(2){ width:100%;} } ._Contact_map{ padding-top:102px; padding-bottom:150px;} ._Contact_map .list{ float:left; width:100%; position:relative; margin-top:90px;} ._Contact_map .list em{ float:left; width:100%; line-height:0;} ._Contact_map .list li{ float:left; position:absolute; cursor:pointer;} ._Contact_map .list li i{ float:left; position:relative; z-index:3; color:#2698d0; font-size:14px; line-height:24px; position:relative; padding-left:12px; padding-right:12px; -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; } ._Contact_map .list li i span{ float:left;} ._Contact_map .list li i img{ width:16px; height:19px; position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-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; } ._Contact_map .list li:hover i img{ width:29px; height:35px;} ._Contact_map .list li .text{ display:none; float:left; width:448px; background:rgba(17,26,35,0.7); border-radius:15px; padding:17px 30px 20px 30px; position:absolute; right:115%; top:-30px; z-index:6;} ._Contact_map .list li:hover .text{ display:block;} ._Contact_map .list li .text:after{ float:left; width:0; height:0; content:''; position:absolute; left:100%; top:25px; border-top:12px solid transparent; border-bottom:12px solid transparent;border-left:13px solid rgba(17,26,35,0.7); } ._Contact_map .list li .text h5{ float:left; width:100%; color:#fff; font-size:24px; line-height:44px; border-bottom:1px solid rgba(255,255,255,0.2); padding:13px 0;} ._Contact_map .list li .text h6{ float:left; width:100%; color:#fff; font-size:16px; line-height:36px; padding:10px 0;} ._Contact_map .list li.l1 i{ color:#666666; font-size:12px; line-height:24px;} ._Contact_map .list li.l1 i img{ width:6px; height:6px;} ._Contact_map .list li:nth-child(1) i, ._Contact_map .list li:nth-child(2) i{ padding-top:20px;} ._Contact_map .list li:nth-child(1) i img, ._Contact_map .list li:nth-child(2) i img{ left:50%; top:auto; bottom:20px; transform:translateX(-50%); -ms-transform:translateX(-50%);} ._Contact_map .list li:nth-child(4) i img, ._Contact_map .list li:nth-child(5) i img, ._Contact_map .list li:nth-child(7) i img{ left:auto; right:0;} ._Contact_map .list li:nth-child(6) i img{ top:0; left:auto; right:12px;} ._Contact_map .list li:nth-child(8) i img{ top:0; left:12px;} ._Contact_map .list li:nth-child(9) i, ._Contact_map .list li:nth-child(10) i{ padding-left:19px;} ._Contact_map .list li:nth-child(3):hover i{ padding-left:20px;} ._Contact_map .list li:nth-child(9):hover i, ._Contact_map .list li:nth-child(10):hover i{ padding-left:34px;} ._Contact_map .list li:nth-child(1) .text, ._Contact_map .list li:nth-child(2) .text{ right:auto; left:115%;} ._Contact_map .list li:nth-child(1) .text:after, ._Contact_map .list li:nth-child(2) .text:after{ left:auto; right:100%;border-left:none;border-right:13px solid rgba(17,26,35,0.7);} @media screen and (max-width:1600px){ ._Contact_map .list li i{ font-size:12px; line-height:22px;} } @media screen and (max-width:1024px){ ._Contact_map{ padding-top:30px; padding-bottom:30px;} ._Contact_map .list{ margin-top:30px;} ._Contact_map .list li i span{ display:none;} ._Contact_map .list li .text{ top:-25px; width:224px; border-radius:7px; padding:10px 12px; margin:0 10px;} ._Contact_map .list li .text:after{ top:13px; border-top:6px solid transparent; border-bottom:6px solid transparent;border-left:7px solid rgba(17,26,35,0.7); } ._Contact_map .list li .text h5{ font-size:16px; line-height:26px; padding:6px 0;} ._Contact_map .list li .text h6{ font-size:14px; line-height:24px; padding:5px 0;} ._Contact_map .list li:nth-child(1) .text:after, ._Contact_map .list li:nth-child(2) .text:after{ left:auto; right:100%;border-left:none;border-right:7px solid rgba(17,26,35,0.7);} ._Contact_map .list li.l1 i{ color:#666666; font-size:12px; line-height:24px;} } @media screen and (max-width:767px){ ._Contact_map .list li .text{ top:15px;} ._Contact_map .list li .text:after{ display:none;} } /**/ ._What_QST{ background:#f7f7f7; padding-top:134px; padding-bottom:94px;} .pagecon{padding-top:60px; padding-bottom:60px;} ._What_QST .cont{ float:right; width:64.375%; color:#2e343d; font-size:24px; line-height:34px;} .pagecon .cont{width:100%;} @media screen and (max-width:1400px){ ._What_QST .cont{ font-size:18px; line-height:30px;} } @media screen and (max-width:1024px){ ._What_QST{ padding-top:30px; padding-bottom:30px;} ._What_QST .cont{ font-size:15px; line-height:26px;} .pagecon{padding-top:30px; padding-bottom:30px;} } @media screen and (max-width:767px){ ._What_QST .cont{ width:100%; margin-top:15px;} .pagecon .cont{margin-top:0;} } ._Honor{ background:#f7f7f7; padding-top:74px; padding-bottom:81px;} ._Honor .title{ float:right;} ._Honor .title .li{ float:left; cursor:pointer; color:#333333; font-size:18px; line-height:48px; position:relative; margin-left:140px;} ._Honor .title .li.on, ._Honor .title .li:hover{ color:#1071a9;} ._Honor .list{ float:left; width:100%; margin-top:70px;} ._Honor .list ul{ margin:-13px;flex-wrap:wrap; display: flex; } ._Honor .list ul li{ float:left; width:25%; padding:13px;} ._Honor .list ul li a{ float:left; width:100%; position:relative; min-height:100%; background:#fff; border:1px solid #eeeeee;} ._Honor .list ul li a i{ float:left; width:100%; line-height:0; overflow:hidden;} ._Honor .list ul li a h5{ float:left; width:100%; text-align:center; color:#242b38; font-size:18px; line-height:30px; min-height:60px; padding:0 30px; margin:9.1% 0 14.85% 0 ; overflow:hidden; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; } ._Honor .list ul li.li{ width:33.33%;} ._Honor .list ul li.li a{cursor:default} ._Honor .list ul li.li a h5{ margin:3.50% 0 5.15% 0 ;} @media screen and (max-width:1600px){ ._Honor .list ul li a h5{ padding:0 16px; margin:8.5% 0 13.00% 0 ;} } @media screen and (max-width:1400px){ ._Honor .title .li{ margin-left:80px;} } @media screen and (max-width:1024px){ ._Honor{ padding-top:30px; padding-bottom:30px;} ._Honor .list{ margin-top:20px;} ._Honor .list ul{ margin:-6px; } ._Honor .list ul li{ padding:6px;} ._Honor .list ul li a h5{ font-size:14px; line-height:24px; min-height:48px; padding:0 8px; } ._Honor .title .li{ margin-left:25px; font-size:16px; line-height:30px;} ._Honor .list ul li.li a h5{ } } @media screen and (max-width:767px){ ._Honor .list ul li{ width:100%;} ._Honor .list ul li.li{ width:100%;} ._Honor .index_tit{ width:100%; margin-bottom:10px;} } ._Milestone{ float:left; width:100%; position:relative; overflow:hidden;} ._Milest_t{ float:left; position:absolute; left:0; top:80px; z-index:6;} ._Milest_tab{ float:left; width:100%; position:relative; z-index:3;} ._Milestone .info{ float:left; width:100%; position:relative; z-index:6; padding-top:130px; padding-bottom:270px;} ._Milestone .info .li{ float:left; width:100%; padding:0 22.5%;} ._Milestone .info .li .num{ float:left; width:100%; color:#8ecde6; font-size:100px; line-height:100px; font-weight:bold;} ._Milestone .info .li .cont{ float:left; width:100%; color:#6f7070; font-size:18px; line-height:42px; font-weight:bold; margin-top:16px;} .year_d{ position:absolute; left:0; bottom:100px; z-index:6;} ._Milestone .year{ float:left; width:100%; position:relative; z-index:6; padding:0 8.75%;} ._Milestone .year:after{ float:left; width:88.6%; height:6px; content:''; position:absolute; left:5.7%; top:17px; z-index:1; background-image: -webkit-linear-gradient(right, #192d79 0%, #1071a9 75%, rgba(33,172,221,0) 100%); background-image: -moz-linear-gradient(right, #192d79 0%, #1071a9 75%, rgba(33,172,221,0) 100%); background-image: -o-linear-gradient(right, #192d79 0%, #1071a9 75%, rgba(33,172,221,0) 100%); background-image: linear-gradient(right, #192d79 0%, #1071a9 75%, rgba(33,172,221,0) 100%);} ._Milestone .year .slick-track, ._Milestone .year .slick-list{ z-index:6;} ._Milestone .year .li{ float:left; width:20%; position:relative; z-index:6; cursor:pointer; text-align:center; color:#fff; font-size:30px; line-height:54px; font-weight:bold; padding-top:54px; margin-top:8px;} ._Milestone .year .li:after{ float:left; content:''; position:absolute; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); z-index:6; top:0; width:24px; height:24px; background:#fff; border-radius:50%; box-shadow:0 0 13px rgba(42,174,221,0.5);} ._Milestone .year .li.slick-current{ color:#fff;} ._Milestone .year .slick-prev, ._Milestone .year .slick-next{ float:left; width:34px; height:34px; transform:translate(0,0) rotate(45deg); -ms-transform:translate(0,0) rotate(45deg); top:8px; border-width:4px; border-style:solid; border-radius:2px;} ._Milestone .year .slick-prev{ left:0;border-left-color:#1071a9; border-bottom-color:#1071a9;} ._Milestone .year .slick-next{ right:0;border-right-color:#192d79; border-top-color:#192d79;} ._Milestone .year .slick-prev:hover, ._Milestone .year .slick-next:hover{ opacity:0.5;} @media screen and (max-width:1400px){ ._Milestone .info .li{ padding:0 16%;} } @media screen and (max-width:1024px){ ._Milest_t{ top:30px;} ._Milestone .info{ padding-top:65px; padding-bottom:105px;} ._Milestone .info .li{ padding:0 4%;} ._Milestone .info .li .num{ font-size:50px; line-height:60px;} ._Milestone .info .li .cont{ font-size:14px; line-height:26px; margin-top:10px;} ._Milestone .year:after{ height:3px; top:14px;} ._Milestone .year .li{ font-size:18px; line-height:30px; padding-top:20px; margin-top:8px;} ._Milestone .year .li:after{ width:14px; height:14px;} ._Milestone .year .slick-prev, ._Milestone .year .slick-next{width:18px; height:18px; border-width:3px;} .year_d{ bottom:30px;} } @media screen and (max-width:767px){ } ._Culture{ padding-top:72px; padding-bottom:94px;} ._Culture ul{ float:left; width:100%; margin-top:60px; padding:0 4.875%;} ._Culture li{ float:left; width:100%;} ._Culture li .img{ float:left; width:50%; line-height:0; height:400px;} ._Culture li .text{ float:left; width:50%; padding:30px 48px; min-height:400px; display: flex;justify-content:center; flex-direction:column;} ._Culture li .text h5{ float:left; width:100%; color:#232330; font-size:24px; line-height:36px; font-weight:bold;} ._Culture li .text h6{ float:left; width:100%; color:#555555; font-size:16px; line-height:28px; margin-top:15px;} ._Culture li:nth-child(2n) .img{ float:right;} ._Culture li:nth-child(2n) .text{ text-align:right;} ._Culture li:hover .text h5{ color:#1071a9;} @media screen and (max-width:1600px){ ._Culture ul{ padding:0;} } @media screen and (max-width:1024px){ ._Culture{ padding-top:30px; padding-bottom:30px;} ._Culture ul{ margin-top:25px;} ._Culture li .img{ height:280px;} ._Culture li .text{ padding:20px 15px; min-height:280px;} ._Culture li .text h5{ font-size:18px; line-height:30px;} ._Culture li .text h6{ font-size:15px; line-height:27px; margin-top:10px;} } @media screen and (max-width:767px){ ._Culture li .img{ width:100%; height:auto;} ._Culture li .text{ width:100%; min-height:30px;} } .swiper-wrapper { position:relative; z-index:1; display:flex; transition-property:transform; box-sizing:content-box; transform:translate3d(0px,0,0) } .swiper-slide { flex-shrink:0; position:relative; transition-property:transform } ._Living{ background:url(../_im_g/main52.png) center top no-repeat #f7f7f7; padding-top:37px; padding-bottom:113px;} ._Living .swiper-Room{ float:left; width:100%; padding:0 25px; position:relative; overflow:hidden;} ._Living .swiper-Room .swiper-button-prev, ._Living .swiper-Room .swiper-button-next{ float:left; width:38px; height:38px; border-radius:50%; z-index:5; position:absolute; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); cursor:pointer;} ._Living .swiper-Room .swiper-button-prev{ left:0;background:url(../_im_g/main50.png) center no-repeat #b2b4b7;} ._Living .swiper-Room .swiper-button-next{ right:0;background:url(../_im_g/main51.png) center no-repeat #b2b4b7;} ._Living .swiper-Room .swiper-button-prev:hover{ background:url(../_im_g/main50.png) center no-repeat #1eabdb;} ._Living .swiper-Room .swiper-button-next:hover{ background:url(../_im_g/main51.png) center no-repeat #1eabdb;} ._Living .title{ float:left; width:100%;} ._Living .title .l1{ float:left; margin:0 50px;} ._Living .title .l1 a{ float:left; color:#333333; font-size:20px; line-height:36px; padding:22px 10px; position:relative;} ._Living .title .l1 a:after{ float:left; width:0; height:2px; content:''; position:absolute; left:50%; bottom:0; background:#1eabdb; transform:translateX(-50%); -ms-transform:translateX(-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; } ._Living .title .l1:hover a{ color:#1eabdb;} ._Living .title .l1.on a{ color:#1eabdb;} ._Living .title .l1.on a:after{ width:100%;} ._Living .box{ float:left; width:100%; background:#f0f0f0; position:relative; margin-top:41px;} ._Living .box:after{ float:left; width:62.25%; height:100%; position:absolute; right:0; top:0; z-index:1; background:#fff; content:'';} ._Living .box .text{ float:left; position:relative; z-index:3; width:37.75%; padding:55px;} ._Living .box .text ul{ float:left; width:100%;} ._Living .box .text ul li{ float:left; width:100%; margin-bottom:14.17%;} ._Living .box .text h5{ float:left; width:100%; color:#333333; font-size:30px; line-height:40px; position:relative; padding-left:37px; margin:4.45% 0;word-wrap:break-word;} ._Living .box .text h5:after{ float:left; width:5px; height:26px; content:''; position:absolute; left:0; top:7px; background:#1eabdb;} ._Living .box .text dl{ float:left; width:100%; padding-left:37px;} ._Living .box .text dl dd{ float:left; width:100%; margin:1.1% 0;} ._Living .box .text dl dd a{ float:left; width:100%; color:#666666; font-size:20px; line-height:30px;word-wrap:break-word; } ._Living .box .text dl dd a:hover{ color:#1eabdb;} ._Living .box .cont{ float:left; position:relative; z-index:3; width:62.25%; padding:55px 47px;} ._Living .box .cont .li{ float:left; width:100%;} ._Living .box .cont .img{ float:left; width:100%; line-height:0; border:1px solid #eeeeee;} ._Living .box .cont .img .slick-slide{ float:left; width:100%; position:relative;} ._Living .box .cont .img .slick-slide video{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; background:#000;} ._Living .box .cont .p{ float:left; width:100%; color:#666666; font-size:16px; line-height:36px; margin:40px 0;} ._Living .box .cont .slick-prev, ._Living .box .cont .slick-next{ float:left; width:38px; height:38px; border-radius:50%; z-index:5;} ._Living .box .cont .slick-prev{ left:-19px;background:url(../_im_g/main50.png) center no-repeat rgba(17,26,35,0.3);} ._Living .box .cont .slick-next{ right:-19px;background:url(../_im_g/main51.png) center no-repeat rgba(17,26,35,0.3);} ._Living .box .cont .slick-prev:hover{ background:url(../_im_g/main50.png) center no-repeat #1eabdb;} ._Living .box .cont .slick-next:hover{ background:url(../_im_g/main51.png) center no-repeat #1eabdb;} @media screen and (max-width:1600px){ ._Living .swiper-Room{ padding:0 30px;} ._Living .title .l1{ margin:0 25px;} } @media screen and (max-width:1400px){ ._Living .swiper-Room{ padding:0 30px;} ._Living .title .l1{ margin:0 20px;} ._Living .box .text{ padding:55px 3.4375%;} ._Living .box .text h5{ padding-left:25px;} ._Living .box .text dl{ padding-left:25px;} } @media screen and (max-width:1024px){ ._Living{ padding-top:15px; padding-bottom:40px;} ._Living .swiper-Room .swiper-button-prev, ._Living .swiper-Room .swiper-button-next{ width:30px; height:30px;} ._Living .title .l1{ margin:0 8px;} ._Living .title .l1 a{ font-size:16px; line-height:30px; padding:10px 5px;} ._Living .box{ margin-top:15px;} ._Living .box .text{ padding:20px 15px;} ._Living .box .text ul li{ margin-bottom:15px;} ._Living .box .text h5{ padding-left:15px; margin:5px 0; font-size:20px; line-height:30px;} ._Living .box .text h5:after{ width:3px; height:18px; top:6px;} ._Living .box .text dl{ padding-left:15px;} ._Living .box .text dl dd{ margin:5px 0;} ._Living .box .text dl dd a{ font-size:16px; line-height:24px;} ._Living .box .cont{ padding:20px 20px;} ._Living .box .cont .p{ font-size:15px; line-height:26px; margin:20px 0;} ._Living .box .cont .slick-prev, ._Living .box .cont .slick-next{ width:30px; height:30px;} ._Living .box .cont .slick-prev{ left:-15px;} ._Living .box .cont .slick-next{ right:-15px;} } @media screen and (max-width:767px){ ._Living .box:after{ display:none;} ._Living .box .cont{ width:100%; background:#fff;} ._Living .box .text{ width:100%;} ._Living .title .l1 a{ font-size:15px;} } /* @media screen and (max-width:1600px){ } @media screen and (max-width:1400px){ } @media screen and (max-width:1024px){ } @media screen and (max-width:767px){ } */ ._search{float:left; width:100%; padding-top:100px;} ._search .img{ float:left; width:100%; line-height:0; text-align:center;} ._search .img img{max-width:100%;} ._search .cont{ float:left; width:100%;color:#1b1b1b; color:rgba(27,27,27,0.5); font-size:24px; line-height:28px; text-align:center;} @media screen and (max-width:1024px){ ._search{ padding-top:40px;} ._search .cont{ font-size:18px; line-height:22px;} } @media screen and (max-width:767px){ } /**/ ._pordBg{ background:#f1f2f6; padding-top:75px; padding-bottom:82px; margin-top:122px;} ._pordList{ float:left; width:100%; margin-top:52px;} ._pordList ul{ margin:0 -32px;flex-wrap:wrap; display: flex; } ._pordList li{ float:left; width:33.33%; padding:32px;} ._pordList li a{ float:left; width:100%; position:relative; min-height:100%; background:#FFF; border-radius:10px; overflow:hidden;} ._pordList li i{ float:left; width:100%; line-height:0; overflow:hidden;} ._pordList li i 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;} ._pordList li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} ._pordList li .text{ float:left; width:83.4%; margin:0 8.3% 40px 8.3%; border-top:1px solid #7b7e84;} ._pordList li h5{ float:left; width:100%; line-height:34px; color:#1d222c; font-size:24px; font-weight:bold; white-space: nowrap; text-overflow:ellipsis; margin:45px 0 10px 0;} ._pordList li h6{ float:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; width:100%; line-height:18px; color:#999999; font-size:12px; height:54px;} ._pordList li a:hover h5{ color:#1071a9;} ._pordList li a:hover{ box-shadow:5px 5px 10px rgba(0,0,0,0.15);} ._pordBg1{ margin-top:0;} ._pordList1{ margin-top:0;} @media screen and (max-width:1600px){ ._pordList ul{ margin:0 -20px;} ._pordList li{ padding:20px;} ._pordList li h5{ margin:30px 0 10px 0;} } @media screen and (max-width:1400px){ } @media screen and (max-width:1024px){ ._pordBg{ padding-top:30px; padding-bottom:30px; margin-top:40px;} ._pordList{ margin-top:20px;} ._pordList ul{ margin:0 -6px;} ._pordList li{ padding:8px 6px;} ._pordList li .text{ width:92%; margin:0 4% 20px 4%;} ._pordList li h5{ font-size:20px; line-height:30px; margin:15px 0 5px 0;} ._pordBg1{ margin-top:0;} ._pordList1{ margin-top:0;} } @media screen and (max-width:767px){ ._pordList li{ width:100%;} } ._pordBg.searchbj{padding-top:0;} ._pordBg.searchbj .index_tit{padding-top:75px;} @media screen and (max-width:1024px){ ._pordBg.searchbj .index_tit{padding-top:30px;} } /*20211201start*/ .wtcbutton{width: 100%;float: left;margin-top: 60px;font-size: 0;text-align: center;} .wtcbutton .buts{position: relative; margin: 0 8px;border-radius: 10px; width: 210px;font-size: 16px;color: #fff;line-height: 50px;text-align: center;background-color: #919191;cursor: pointer;display: inline-block;vertical-align: middle;font-size: 0;} .wtcbutton .buts:hover{background-color: #0164a0;} .wtcbutton .buts .ico{width: 40px;height: 40px;display: inline-block;vertical-align: middle;} .wtcbutton .buts .words{font-size: 14px;color: #fff;line-height: 40px;display: inline-block;vertical-align: middle;margin-left: 12px;} .wytc_section1{width: 100%;height: 100vh;background-color: rgba(0,0,0,0.53);position: fixed;left: 0;top: 0;z-index: 999;display: none;} .wytc_section1.on{display: block;} .wytc_section1 .tcbox{width: 100%;height: 100%;position: relative;} .wytc_section1 .tcbox .cont{width: 465px;position: absolute;left: 50%;top: 50%;background-color: #fff;border-radius: 10px;overflow: hidden;padding: 28px 32px 42px 32px; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);} .wytc_section1 .tcbox .cont ._t{width: 100%;overflow: hidden;margin-bottom: 34px;} .wytc_section1 .tcbox .cont ._t .logo{float: left;} .wytc_section1 .tcbox .cont ._t .logo img{height: 79px;display: block;} .wytc_section1 .tcbox .cont ._t .titbox{float: left;margin-left: 18px; margin-top:5px;} .wytc_section1 .tcbox .cont ._t .titbox .tit1{font-size: 32px;color: #000000;line-height: 36px;} .wytc_section1 .tcbox .cont ._t .titbox .tit2{font-size: 18px;color: #7A7A7A;line-height: 24px;} .wytc_section1 .tcbox .cont ._b{width: 100%;} .wytc_section1 .tcbox .cont ._b .inputbox{width: 100%;margin-bottom: 12px;} .wytc_section1 .tcbox .cont ._b .inputbox input{width: 100%;height: 36px;border: 1px solid #9B9B9B;padding: 0 12px;font-size: 15px;color: #000;} .wytc_section1 .tcbox .cont ._b .inputbox input::-webkit-input-placeholder{font-size: 15px;color: #000;} .wytc_section1 .tcbox .cont ._b .inputbox input:-moz-placeholder{font-size: 15px;color: #000;} .wytc_section1 .tcbox .cont ._b .inputbox input::moz-placeholder{font-size: 15px;color: #000;} .wytc_section1 .tcbox .cont ._b .inputbox input:-ms-input-placeholder{font-size: 15px;color: #000;} .wytc_section1 .tcbox .cont ._b .textbox{width: 100%;margin-bottom: 28px;} .wytc_section1 .tcbox .cont ._b .textbox textarea{width: 100%;height: 96px;border: 1px solid #9b9b9b;padding: 12px;font-size: 15px;color: #000;} .wytc_section1 .tcbox .cont ._b .textbox textarea::-webkit-input-placeholder{font-size: 15px;color: #000;} .wytc_section1 .tcbox .cont ._b .textbox textarea:-moz-placeholder{font-size: 15px;color: #000;} .wytc_section1 .tcbox .cont ._b .textbox textarea::moz-placeholder{font-size: 15px;color: #000;} .wytc_section1 .tcbox .cont ._b .textbox textarea:-ms-input-placeholder{font-size: 15px;color: #000;} .wytc_section1 .tcbox .cont ._b button{width: 93%;display: block;margin: 0 auto;background-color: #1071a9;border-radius: 14px;height: 52px;font-size: 20px;color: #fff;} .wytc_section1 .tcbox .cont ._b button:hover{opacity: 0.6;} .wytc_section1 .tcbox .cont .none{width: 22px;height: 25px;position: absolute;right: 24px;top: 24px;cursor: pointer;} /*20230830start*/ .wytc_section1 .qh_box{position: relative;margin-bottom: 12px;z-index: 20;} .wytc_section1 .qh_box .qh_t{width: 100%;padding: 0 12px;display: flex;justify-content: space-between;align-items: center;border: 1px solid #9B9B9B;cursor: pointer;} .wytc_section1 .qh_box .words{font-size: 15px;color: #767676;line-height: 34px;} .wytc_section1 .qh_box .ico{width: 9px;display: block;} .wytc_section1 .qh_box .qh_b{width: 100%;position: absolute;left: 0;top: calc(100% + 12px);background: #fff;box-shadow: 0 0 12px rgba(0,0,0,0.2);display: none;} .wytc_section1 .qh_box .qh_b a{display: block;width: 100%;font-size: 14px;color: #333;line-height: 40px;text-align: center;padding: 0 20px;} .wytc_section1 .qh_box .qh_b a:hover{color: #1071a9;} /*20230830end*/ .wytc_section2{padding: 12px 24px;border-radius: 10px; background: #fff;position: absolute;top: 110%;left: 0;box-shadow: 0 0 30px rgba(220,220,220,0.6);display: none;} .wytc_section2.on{display: block;} .wytc_section2 .social-share{width: 202px;} .wytc_section2 .social-share::after{content: "";display: block;clear: both;} .wytc_section2 .social-share a{display: block;width: 40px;height: 40px;margin: 0; margin-right: 14px;float: left;border: 0;} .wytc_section2 .social-share a:last-child{margin-right: 0;} .wytc_section2 .social-share a::before{display: none;} .wytc_section2 .social-share a.icon-wechat{background: url(../img/wzimg3.png)no-repeat center center;background-size: cover;} .wytc_section2 .social-share a.icon-qq{background: url(../img/wzimg4.png)no-repeat center center;background-size: cover;} .wytc_section2 .social-share a.icon-qzone{background: url(../img/wzimg5.png)no-repeat center center;background-size: cover;} .wytc_section2 .social-share a.icon-weibo{background: url(../img/wzimg6.png)no-repeat center center;background-size: cover;} @media screen and (max-width:1600px){ .wtcbutton{margin-top: 40px;} .wtcbutton .buts{margin: 0 6px;width: 190px;font-size: 14px;line-height: 40px;} .wtcbutton .buts .ico{width: 32px;height: 32px;} .wtcbutton .buts .words{font-size: 14px;line-height: 36px;margin-left: 10px;} .wytc_section1 .tcbox .cont{width: 360px;padding: 20px;} .wytc_section1 .tcbox .cont ._t{margin-bottom: 20px;} .wytc_section1 .tcbox .cont ._t .logo img{height: 60px;} .wytc_section1 .tcbox .cont ._t .titbox{margin-left: 12px;} .wytc_section1 .tcbox .cont ._t .titbox .tit1{font-size: 22px;line-height: 25px;} .wytc_section1 .tcbox .cont ._t .titbox .tit2{font-size: 16px;line-height: 20px;} .wytc_section1 .tcbox .cont ._b .inputbox{margin-bottom: 10px;} .wytc_section1 .tcbox .cont ._b .inputbox input{height: 32px;padding: 0 10px;font-size: 14px;} .wytc_section1 .tcbox .cont ._b .inputbox input::-webkit-input-placeholder{font-size: 14px;} .wytc_section1 .tcbox .cont ._b .inputbox input:-moz-placeholder{font-size: 14px;} .wytc_section1 .tcbox .cont ._b .inputbox input::moz-placeholder{font-size: 14px;} .wytc_section1 .tcbox .cont ._b .inputbox input:-ms-input-placeholder{font-size: 14px;} .wytc_section1 .tcbox .cont ._b .textbox{width: 100%;margin-bottom: 28px;} .wytc_section1 .tcbox .cont ._b .textbox textarea{height: 60px;padding: 12px;font-size: 14px;} .wytc_section1 .tcbox .cont ._b .textbox textarea::-webkit-input-placeholder{font-size: 14px;} .wytc_section1 .tcbox .cont ._b .textbox textarea:-moz-placeholder{font-size: 14px;} .wytc_section1 .tcbox .cont ._b .textbox textarea::moz-placeholder{font-size: 14px;} .wytc_section1 .tcbox .cont ._b .textbox textarea:-ms-input-placeholder{font-size: 14px;} .wytc_section1 .tcbox .cont ._b button{width: 90%;height: 40px;font-size: 16px;} .wytc_section1 .tcbox .cont .none{width: 20px;height: 22px;right: 18px;top: 18px;} .wytc_section2{padding: 10px 14px;} .wytc_section2 .social-share{width: 150px;} .wytc_section2 .social-share a{width: 30px;height: 30px;margin-right: 10px;} } @media screen and (max-width:1024px){ .wtcbutton{margin-top: 20px;} .wtcbutton .buts{width: 180px;font-size: 12px;line-height: 36px; margin:0 4px; margin-top:4px;} .wtcbutton .buts .ico{width: 28px;height: 28px;} .wtcbutton .buts .words{font-size: 12px;line-height: 36px;margin-left: 8px;} .wtcbutton .buts.but1{width:180px;} .wtcbutton .buts.but2{width:120px;} .wytc_section1 .tcbox .cont{width: 320px;padding: 16px;} .wytc_section1 .tcbox .cont ._t{margin-bottom: 16px;} .wytc_section1 .tcbox .cont ._t .logo img{height: 40px;} .wytc_section1 .tcbox .cont ._t .titbox{margin-left: 10px; margin-top:3px;} .wytc_section1 .tcbox .cont ._t .titbox .tit1{font-size: 18px;line-height: 19px;} .wytc_section1 .tcbox .cont ._t .titbox .tit2{font-size: 14px;} .wytc_section1 .tcbox .cont ._b .textbox{width: 100%;margin-bottom: 16px;} /*20230830start*/ .wytc_section1 .qh_box{margin-bottom: 10px;} .wytc_section1 .qh_box .qh_t{padding: 0 10px;} .wytc_section1 .qh_box .words{font-size: 14px;line-height: 30px;} .wytc_section1 .qh_box .qh_b a{line-height: 30px;padding: 0 12px;} /*20230830end*/ .wytc_section2{padding: 10px;} .wytc_section2 .social-share{width: 122px;} .wytc_section2 .social-share a{width: 26px;height: 26px;margin-right: 6px;} } /*20211201end*/ ._Milestone .index_tit img{display:block; width:auto; max-height:60px;} @media screen and (max-width:1024px) { ._Milestone .index_tit img{max-height:30px;} } /*20220112start*/ .wlistbox{width: 100%;float: left;margin-top: 86px;} .wlistbox .wlist{width: 100%;margin-bottom: 14px;padding: 46px 160px 46px 0;cursor: pointer; 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;} .wlistbox .wlist:hover{opacity: 0.8;} .wlistbox .wlist:last-child{margin-bottom: 0;} .wlistbox .wlist a{display: block;width: 100%;font-size: 0;position: relative;} .wlistbox .wlist a::after{content: "";display: block;width: 3px;height: 100%;background-color: #ffffff;position: absolute;left: 337px;top: 0;} .wlistbox .wlist a .left{width: 337px;display: inline-block;vertical-align: middle;} .wlistbox .wlist a .left img{width: 160px;display: block;margin: 0 auto 20px auto;} .wlistbox .wlist a .left .words{font-size: 30px;color: #ffffff;line-height: 34px;font-weight: bolder;text-align: center;} .wlistbox .wlist a .right{display: inline-block;vertical-align: middle;padding-left: 60px;width: calc(100% - 340px);} .wlistbox .wlist a .right .info{font-size: 24px;color: #ffffff;line-height: 34px;} .wlistbox .wlist a .right .info span{color: #94d3ff;} .wlistbox .wlist a .right .info .span2{font-size: 30px;width: 32px;display: inline-block;vertical-align: middle; text-align:center;} @media screen and (max-width:1024px) { .wlistbox{margin-top: 16px;} .wlistbox .wlist{padding: 12px;position: relative;} .wlistbox .wlist::after{content: "";display: block; width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);position: absolute;left: 0;top: 0;z-index: 1;} .wlistbox .wlist a{z-index: 2;} .wlistbox .wlist a::after{display: none;} .wlistbox .wlist a .left{width: 100%;display: block;border-bottom: 1px solid #fff;padding-bottom: 14px;margin-bottom: 14px;} .wlistbox .wlist a .left img{margin: 0 auto 10px auto;width: 60px;} .wlistbox .wlist a .left .words{font-size: 20px;line-height: 24px;} .wlistbox .wlist a .right{padding-left: 0;width: 100%;} .wlistbox .wlist a .right .info{font-size: 16px;line-height: 30px;} .wlistbox .wlist a .right .info .span2{font-size: 20px;width: 30px;} } /*20220112end*/ ._Living .box .text dl dd a.nohover{cursor:default; color:#666 !important} /*20230830start*/ .head .logobox{float: left;width: 146px;} .head .logobox .logo{background: #ffffff;border-radius: 0 0 10px 10px;} .head .logobox .logo img{max-width: 100%;} .head .logobox .u1{width: 100%;margin-top: 16px;float: left;} .head.active .logobox .u1{display: none;} .head .logobox .l1{width: 100%;position: relative;margin-bottom: 16px;} .head .logobox .l1 .ico{content: "";display: block;width: 0;height: 0;border: 6px solid;border-color: transparent #fff transparent transparent;position: absolute;right: 10px;top: 50%;transform: translate(0,-50%);opacity: 0;} .head .logobox .l1:hover .ico{opacity: 1;} .head .logobox .l1:last-child{margin-bottom: 0;} .head .logobox .a1{font-size: 16px;color: #ffffff;line-height: 20px;text-align: center;display: block;} .head .logobox .l1:hover .u2{display: block;} .head .logobox .u2{width: 220px;background: #fff;position: absolute;left: calc(100% - 10px);border-radius: 6px;top: -10px;padding: 18px 0;display: none;} .head .logobox .l2{margin-bottom: 16px;} .head .logobox .l2:last-child{margin-bottom: 0;} .head .logobox .a2{font-size: 16px;color: #666666;line-height: 20px;padding: 0 12px 0 24px;width:100%;display:block; transition: All 0s ease-in-out; -webkit-transition: All 0s ease-in-out; -moz-transition: All 0s ease-in-out; -o-transition: All 0s ease-in-out;} .head .logobox .a2:hover{color: #1071a9;font-weight: bolder;} .head .logobox .u3{width: 260px;background: #fff;position: absolute;left: calc(100% - 8px);border-radius: 6px;top: 0;padding: 18px 0;display: none;} .head .logobox .l2:hover .u3{display: block;} .head .logobox .u3::after{content: "";display: block;width: 1px;height: 100%;background: #97D1F8;position: absolute;top: 50%;transform: translate(0,-50%);left: 0;} .head .logobox .l3{margin-bottom: 16px;} .head .logobox .l3:last-child{margin-bottom: 0;} .head .logobox .a3{font-size: 16px;color: #666666;line-height: 20px;padding: 0 12px 0 24px;width:100%;display:block; transition: All 0s ease-in-out; -webkit-transition: All 0s ease-in-out; -moz-transition: All 0s ease-in-out; -o-transition: All 0s ease-in-out;} .head .logobox .a3:hover{color: #1071a9;font-weight: bolder;} .head .logobox .u4{width: 260px;background: #fff;position: absolute;left: calc(100% - 8px);border-radius: 6px;top: 0;padding: 18px 12px 18px 24px;display: none;} .head .logobox .l3:hover .u4{display: block;} .head .logobox .u4::after{content: "";display: block;width: 1px;height: 100%;background: #97D1F8;position: absolute;top: 50%;transform: translate(0,-50%);left: 0;} .head .logobox .l4{margin-bottom: 16px;} .head .logobox .l4:last-child{margin-bottom: 0;} .head .logobox .a4{font-size: 16px;color: #666666;line-height: 20px;width:100%;display:block; transition: All 0s ease-in-out; -webkit-transition: All 0s ease-in-out; -moz-transition: All 0s ease-in-out; -o-transition: All 0s ease-in-out;} .head .logobox .a4:hover{color: #1071a9;font-weight: bolder;} @media screen and (max-width:1024px) { .head .logobox .u1{display: none!important;} } /*20230830end*/ /*20241101start*/ .wytc_section1 .dx_box{width: 100%;position: relative;} .wytc_section1 .dx_box{position: relative;margin-bottom: 12px;z-index: 20;} .wytc_section1 .dx_box .qh_t{width: 100%;padding: 0 12px;display: flex;justify-content: space-between;align-items: center;border: 1px solid #9B9B9B;cursor: pointer;} .wytc_section1 .dx_box .words{font-size: 15px;color: #767676;line-height: 34px;} .wytc_section1 .dx_box .ico{width: 9px;display: block;} .wytc_section1 .dx_box .qh_b{width: 100%;position: absolute;left: 0;top: calc(100% + 10px);background: #fff;box-shadow: 0 0 12px rgba(0,0,0,0.2);display: block;padding: 12px 0;display: none;} .wytc_section1 .dx_box .qh_b .dl{width: 100%;} .wytc_section1 .dx_box .qh_b .dd{width: 100%;display: flex;justify-content: flex-start;align-items: center;padding: 0 20px;cursor: pointer;} .wytc_section1 .dx_box .qh_b .dd .ico{width: 18px;height: 18px;border: 1px solid #999;border-radius: 2px;position: relative;} .wytc_section1 .dx_box .qh_b .dd .ico img{width: 14px;display: none;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .wytc_section1 .dx_box .qh_b .dd.on .ico{background: #1071a9;border-color: #1071a9;} .wytc_section1 .dx_box .qh_b .dd.on .ico img{display: block;} .wytc_section1 .dx_box .qh_b .dd .wz{font-size: 14px;color: #333;line-height: 40px;padding-left: 12px;} .wytc_section1 .dx_box .qh_b .dd:hover .wz{color: #1071a9;} .wytc_section1 .inputbox2{display: none;} @media screen and (max-width:1680px) { .wytc_section1 .dx_box{margin-bottom: 10px;} .wytc_section1 .dx_box .qh_t{padding: 0 10px;} .wytc_section1 .dx_box .words{font-size: 14px;line-height: 30px;} .wytc_section1 .dx_box .qh_b .dd .wz{line-height: 30px;} } /*20241101end*/ /*250513start*/ .cook-hei{ float: left; display: block; width: 100%; height:159px;} .cook-popun{ display: block; width: 100%; background:#f5f5f5; position: fixed; left: 0; bottom: 0; z-index: 100; box-shadow:0 0 7px rgba(0,0,0,0.13);} .cook-popun .box{ display:flex; flex-wrap: wrap; width: 100%; height:159px; justify-content: space-between; align-content: center; color: #666666; font-size:16px; line-height:24px; position: relative; padding:0 356px 0 127px;} .cook-popun .tit{ display: block; width: 100%;} .cook-popun .info{ display: block; width: 100%; margin-top: 9px;} .cook-popun .info a{ color:#0164a0;} .cook-popun .info a:hover{ color:#005398; text-decoration: underline;} .cook-popun .btn{ display: block; width:135px; position:absolute; right:110px; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); } .cook-popun .btn a{ display:flex; width: 100%; border:1px solid #0164a0; border-radius: 35px; font-size:16px; height:35px; align-items: center; justify-content: center; padding-bottom:1px;} .cook-popun .btn .a1{ background:#0164a0; color:#fff;} .cook-popun .btn .a2{ color:#0164a0; margin-top:21px;} .cook-popun .btn .a1:hover{ background:#005398; color:#fff;} .cook-popun .btn .a2:hover{ background:#005398; color:#fff;} @media screen and (max-width:1600px) { .cook-popun .box{ padding:0 210px 0 35px;} .cook-popun .btn{ width:125px; right:35px;} } @media screen and (max-width:1024px) { .cook-hei{ height:90px;} .cook-popun .box{ padding:0; font-size:12px; line-height:18px; height:142px;} .cook-popun .info{ margin-top:4px;} .cook-popun .info br{ display:none;} .cook-popun .btn{ position:static; width: 100%; display:flex; justify-content: center;transform: translateY(0); -ms-transform: translateY(0); margin-top: 8px;} .cook-popun .btn a{ width:70px; border-radius: 30px; font-size:12px; height:26px; } .cook-popun .btn .a2{ margin:0 0 0 12px;} .pf_right ul li{ width:33.33%;} } @media screen and (max-width:767px) { .cook-hei{ height:120px;} .cook-popun .box{ font-size:12px; line-height:16px; height:172px;} .cook-popun .info{ margin-top:3px;} .cook-popun .btn{margin-top:6px;} } /*250513end*/ /*250519start*/ @media screen and (max-width:1024px) { .pf_right ul li{ width:25%;} } @media screen and (max-width:767px) { .cook-hei{ height:150px;} .cook-popun .box{ height:202px;} .cook-popun .btn{margin-top: 10px;} } /*250519end*/