ul,ol,li,dl,dd,dt{ list-style-type: none; line-height: normal;} address,caption,cite,code,dfn,i,em,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{ cursor: pointer; text-decoration: none; color: #b42b3e;} img{ border: 0; max-width: 100%;} table{ border-collapse: collapse; border-spacing: 0;} h1,h2,h3,h4,h5,h6{ margin: 0; font-weight: normal;} 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;} p{ margin: 0; padding: 0;} button,table{ border: none; background: none; margin: 0; padding: 0;} select{ margin: 0; padding: 0; outline: none;} textarea{ border: 0; background: none; resize: none; outline: 0;} input{ outline: 0; border: 0; background: none;} button{ outline: none; border: 0; background: none;} ._el{overflow:hidden;white-space: nowrap; text-overflow:ellipsis;} ._el2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;} ._el3{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} ._el4{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 4;-webkit-box-orient: vertical;} ._el5{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 5;-webkit-box-orient: vertical;} .w_1200{ max-width:1200px; padding-right:15px; padding-left:15px; margin-right: auto; margin-left: auto;} .w_1230{ max-width:1230px; padding-right:15px; padding-left:15px; margin-right: auto; margin-left: auto;} .w_1330{ max-width:1330px; padding-right:15px; padding-left:15px; margin-right: auto; margin-left: auto;} .w_1360{ max-width:1360px; padding-right:15px; padding-left:15px; margin-right: auto; margin-left: auto;} .w_1390{ max-width:1390px; padding-right:15px; padding-left:15px; margin-right: auto; margin-left: auto;} .w_1400{ max-width:1400px; padding-right:15px; padding-left:15px; margin-right: auto; margin-left: auto;} .w_1574{ max-width:1574px; padding-right:15px; padding-left:15px; margin-right: auto; margin-left: auto;} .w_1590{ max-width:1590px; padding-right:15px; padding-left:15px; margin-right: auto; margin-left: auto;} body{ overflow-x:hidden; overflow-y:auto;} .ctext{ float:left; width:100%; padding-left:35px; padding-right:35px;} @media screen and (max-width:992px){ .ctext{ padding-left:0; padding-right:0;} } .head{ float:left; width:100%; position:absolute; left:0; top:0; z-index:16;} .head .w_1200{ position:relative;} .head .logo{ float:left; text-align:center; line-height:0; margin:28px 0 32px 0; width:100%; } .head .logo img{ max-width:none; height:83px;} .head .lang{ float:right; margin:70px 0 0 0; position:absolute; right:15px; top:0; z-index:6;} .head .lang a{ float:left; width:36px; height:36px; border-radius:50%; line-height:36px; text-align:center; color:#fff; font-size:16px; text-transform:uppercase; margin:0 5px 0 15px;} .head .lang a.on, .head .lang a:hover{ background:#4698fb; color:#fff !important;} .head ._so{ float:right; position:relative; z-index:6; margin:13px 0 0 0;} .head ._so .Search{ float:right; width:0; height:40px; line-height:24px; color:#fff; font-size:14px; padding:6px 40px 7px 15px; -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; } .head ._so ._sub{ float:right; position:absolute; right:0; top:0; width:40px; height:40px; background:url(../_im_g/so.png) center no-repeat; } .head ._so ::-webkit-input-placeholder{color:#fff;} .head ._so :-moz-placeholder{color:#fff;} .head ._so ::-moz-placeholder{color:#fff;} .head ._so :-ms-input-placeholder{color:#fff;} .head ._so:hover{ width:20%;} .head ._so:hover .Search{ width:100%; background:rgba(70,152,251,0.5); border-radius:40px;} .so{ float:left; width:100%; margin:15px 0; position:relative;} .so .Search{ float:left; width:100%; height:40px; background:none; border:0; line-height:24px; border:1px solid #e7e7e7; padding:6px 65px 7px 15px; color:#333; } .so .sub{ float:left; width:50px; height:40px; position:absolute; right:0; top:0; background:url(../_im_g/so.png) center no-repeat #4698fb; } .so ::-webkit-input-placeholder{color:#333;} .so :-moz-placeholder{color:#333;} .so ::-moz-placeholder{color:#333;} .so :-ms-input-placeholder{color:#333;} .menu{ float:left; width:100%; border-top:1px solid rgba(255,255,255,0.3);} .menu ul{ float:left; width:77%;} .menu .nli{ float:left; width:14.28%; display: flex; justify-content: center; position:relative; } .menu .nli span a{ float:left; color:#fff; font-size:16px; line-height:64px; display: flex; position:relative; } .menu .nli span a:after{ float:left; width:0; height:3px; content:''; position:absolute; left:50%; top:-1px; background:#fff; -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%); } .menu ul li.active span a{ font-weight:bold;} .menu ul li.active span a:after{ width:100%;} .menu .sub{ float:left; width:132px; position:absolute; left:50%; top:100%; margin-left:-66px; display:none; } .menu .sub:after{ float:left; width:0; height:0; content:''; position:absolute; left:50%; top:-6px; border-left:8px solid transparent; border-right:8px solid transparent;border-bottom: 6px solid rgba(249,249,250,0.94); margin-left:-8px; } .menu .sub li{ float:left; width:100%;} .menu .sub li a{ float:left; width:100%; color:#555555; font-size:16px; line-height:56px; font-weight:normal; text-align:center; background:rgba(249,249,250,0.94); border-bottom:1px solid rgba(0,0,0,0.1);} .menu .sub li a:hover{ background:#4698fb; color:#fff;} .menu .sub li:first-child a{ border-radius:6px 6px 0 0;} .menu .sub li:last-child a{ border-radius:0 0 6px 6px; border-bottom:none;} .xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100%; overflow: scroll; padding:60px 15px 60px 15px; display: none; z-index:7; background:#fff;} .xialaph .ul2, .xialaph .ul3{ display: none;} .xialaph h4 a{ float: left; width: 80%; color: #333333; font-size:16px; line-height: 50px;} .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;} .xialaph h4:hover a, .xialaph h5:hover a{ color: #4698fb;} .xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;} .xialaph h5 a{ float: left; width: 80%; color: #1f1f1f; font-size: 14px; line-height: 40px; 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;} .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: 17px; margin-right:5px; 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;} .xialaph .ul3{ padding-top: 12px; padding-bottom: 18px; padding-left: 15px; position: relative;} .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #3c3a3a;} .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{ 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;} .xialaph .img_d, .xialaph .disno{ display: none;} .menuph{ display:none; float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin:21px 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; background: #4698fb; -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: #4698fb; -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: -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;} @media screen and (max-width:1200px){ .head .logo{ margin:15px 0 15px 0;} .head .lang{ margin:50px 0 0 0;} } @media screen and (max-width:992px){ .menu{ display:none;} .menuph{ display:block;} .head.active{ background:#fff;} .head .logo{ margin:10px 0; width:auto;} .head .logo img{ height:44px;} .head .lang{ margin:19px 0; position:static;} .head .lang a{ width:26px; height:26px; line-height:26px; font-size:13px; margin:0 7px 0 0;} .head.active .lang a{ color:#333;} } @media screen and (max-width:768px){ } ._hei{ width:100%; float:left; height:50px;} .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#4698fb; z-index:66; box-shadow:0 -4px 7px rgba(0,0,0,0.15);} .pf_down li{ width:33.33%; float:left; text-align:center; padding:7px 0 5px 0; border-right:1px solid rgba(255,255,255, 0.2); position:relative;} .pf_down li .ico7{ width:100%; float:left; height:20px; position:relative; z-index:2;} .pf_down li .ico7 img{ width:20px; height:20px;} .pf_down li .name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px; position:relative; z-index:2;} .Copyright{ float:left; width:100%; background:#333333; text-align:center; color:rgba(255,255,255,0.66); font-size:14px; line-height:24px; padding:18px 0; position:relative; border-top:1px solid rgba(255,255,255,0.1);} .Copyright a{ color:rgba(255,255,255,0.66);} .Copyright a:hover{ color:rgba(255,255,255,1);} .footer{ float:left; width:100%; background:#e5e5e5; padding-bottom:54px; padding-top:54px;} .footer .nav{ float:left;display: flex; flex-direction:column; width:25.6%;} .footer .nav h2{ float:left;display: flex; color:#323232; font-size:18px; line-height:28px; font-weight:bold; margin-bottom:25px;} .footer .nav ul{ float:left;display: flex; flex-direction:column; } .footer .nav ul li{ float:left; color:#363636; font-size:14px; line-height:28px;} .footer .nav ul li a{ float:left; color:#363636;} .footer .nav ul li a:hover{ color:#4698fb;} .footer .weima{ float:right; width:180px;} .footer .weima h2{ float:left;display: flex; color:#323232; font-size:18px; line-height:28px; font-weight:bold; margin-bottom:25px;} .footer .weima ul{ float:left;display: flex; width:100%; flex-direction:column; } .footer .weima h5{ float:left;display: flex; width:100%; justify-content: space-between;} .footer .weima h5 i{ float:left;display: flex; width:128px; line-height:0; border:1px solid #e0e0e0; margin-bottom:5px;} .footer .weima h5 span{ float:left;display: flex;flex-direction:column; color:#323232; font-size:12px; line-height:24px; justify-content: flex-end; align-items: center;} .footer .weima h5 span img{ width:20px;} .footer .weima h6{ float:left;display: flex; width:100%; background:#4698fb; color:#fff; font-size:14px; line-height:30px; border-radius:30px; justify-content: center; margin-top:11px;} @media screen and (max-width:992px){ .Copyright{ padding:12px 0;} .footer .nav{ width:23%;} .footer{ padding-top:20px; padding-bottom:20px;} .footer .nav{ margin-bottom:10px;} .footer .nav h2{ font-size:16px; margin-bottom:5px;} .footer .nav ul li{ line-height:24px;} .footer .weima{ width:138px;} .footer .weima h2{ font-size:16px; margin-bottom:5px;} .footer .weima h5 i{ width:100px; display:block;} .footer .weima h6{ margin-top:6px;} } @media screen and (max-width:768px){ .footer{ padding-bottom:15px;} .footer .nav{ width:50%;} .footer .nav:nth-child(2){ width:138px; float:right;} } .banner{ float:left; width:100%; position:relative; z-index:2;} .slide_banner{ float:left; width:100%; position:relative; overflow:hidden;} .slide_banner .slick-slide{ float:left; width:100%; position:relative; z-index:3; line-height:0;} .slide_banner .slick-slide:after{ float:left; width:100%; height:325px; position:absolute; left:0; top:0; content:''; background:url(../_im_g/ban.png) center top repeat-x;} .slide_banner .slick-dots{ bottom:47px; height:12px;} .slide_banner .slick-dots li{ display:inline-block; vertical-align:top; width:12px; height:12px; margin:0 5px; border:2px solid #fff; border-radius:50%;} .slide_banner .slick-dots li.slick-active{ background:#fff;} .banner .ban{ float:left; position:absolute; left:0; top:50%; transform:translateY(-39%); -ms-transform:translateY(-39%); width:100%; text-align:center;} .banner .ban .tit{ float:left; width:100%; color:#fff; font-size:72px; line-height:82px; font-weight:bold;} .banner .ban .list{ float:left; width:100%; margin-top:3.1%; display: flex; justify-content: center;} .banner .ban .list ul{ max-width:880px; display: flex;} .banner .ban .list li{ float:left; width:16.66%; display: flex;} .banner .ban .list li i{ float:left; width:100%; line-height:0;} .banner .ban .list li i img{ width:100px; height:100px; border:1px solid #fff; border-radius:50%;} .banner .ban .list li:hover i img{-webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);} .banner .ban .list li h5{ float:left; width:100%; color:#fff; font-size:16px; line-height:20px; margin-top:12px;} @media screen and (max-width:1600px){ .banner .ban{ transform:translateY(-30%); -ms-transform:translateY(-30%);} .banner .ban .tit{ font-size:50px; line-height:60px;} .banner .ban .list{ top:2%;} .banner .ban .list li i img{ width:75px; height:75px;} } @media screen and (max-width:1200px){ .slide_banner .slick-dots{ bottom:20px;} } @media screen and (max-width:992px){ .slide_banner .slick-dots{ bottom:15px;} .slide_banner .slick-dots li{ width:12px; height:12px; margin:0 5px; border:2px solid #fff; border-radius:50%;} .banner .ban{ transform:translateY(-30%); -ms-transform:translateY(-30%);} .banner .ban .tit{ font-size:20px; line-height:30px;} .banner .ban .list{ top:1%;} .banner .ban .list li i img{ width:46px; height:46px;} .banner .ban .list li h5{ font-size:12px; line-height:16px; margin-top:5px;} } ._Title{ float:left; background:#fff; padding-right:30px; color:#323232; font-size:40px; line-height:50px; font-weight:bold; position:relative; z-index:4;} ._line{ float:left; width:100%; height:1px; background:#e1e1e1; position:relative; z-index:3; margin-top:-25px;} .ctext1{ padding-bottom:106px; padding-top:105px;} .Partner{ float:left; width:100%; margin-top:62px; height:358px;} .Partner ul{ float:left; width:100%; padding:0 53px;} .Partner li{ float:left; width:25%; padding:15px;} .Partner li a{ float:left; width:100%; line-height:0; overflow:hidden; border-radius:3px; box-shadow:0 0 10px rgba(0,0,0,0.1);} .Partner li a 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;} .Partner li a:hover{ box-shadow:0 0 10px rgba(70,152,251,0.3);} .Partner li a:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .Partner .slick-prev, .Partner .slick-next{ width:40px; height:80px; z-index:3;} .Partner .slick-prev{ background:url(../_im_g/ico1.png) center no-repeat #7f7f7f; background-size:100% 100%; left:0;} .Partner .slick-next{ background:url(../_im_g/ico2.png) center no-repeat #7f7f7f; background-size:100% 100%; right:0;} .Partner .slick-prev:hover{ background:url(../_im_g/ico1.png) center no-repeat #4698fb; background-size:100% 100%;} .Partner .slick-next:hover{ background:url(../_im_g/ico2.png) center no-repeat #4698fb; background-size:100% 100%;} @media screen and (max-width:992px){ ._Title{ font-size:20px; line-height:30px; padding-right:15px;} ._line{ margin-top:-15px;} .ctext1{ padding-bottom:25px; padding-top:20px;} .Partner{ margin-top:15px;} .Partner ul{ padding:0 22px;} .Partner li{ padding:6px;} .Partner .slick-prev, .Partner .slick-next{ width:20px; height:40px;} } @media screen and (max-width:768px){ .Partner li{ width:50%;} } .ctext2{ background:#e5e5e5; padding-top:109px; padding-bottom:115px;} .ctext2 ._Title{ background:#e5e5e5;} .news{ float:left; width:100%; margin-top:58px;} .news ul{ margin:0 -15px; } .news li{ float:left; width:50%; padding-left:15px; padding-right:15px;} .news li a{ float:left; width:100%; padding:8.2% 25px 8.2% 32px; border-bottom:1px solid #e1e1e1;} .news li .tit{ float:left; width:100%; position:relative; padding-right:125px;} .news li .tit h2{ float:left; width:100%; color:#323232; font-size:20px; line-height:28px;overflow:hidden;white-space: nowrap; text-overflow:ellipsis; padding-left:20px;} .news li .tit h2:after{ float:left; width:6px; height:6px; content:''; position:absolute; left:0; top:11px; content:''; background:#323232; border-radius:50%} .news li .tit time{ float:left; color:#323232; font-size:20px; line-height:28px; position:absolute; right:0; top:0;} .news li .info{ float:left; width:100%; position:relative; padding-right:125px; margin-top:12px;} .news li .info p{ float:left; width:100%; color:#909090; font-size:16px; line-height:24px; height:48px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; padding-left:20px;} .news li .info em{ float:left; width:49px; border-left:1px solid #e1e1e1; line-height:0; position:absolute; right:0; top:5px; text-align:right;} .news li:nth-child(1) a{ background:#fff; padding:38px 10.8%;} .news li:nth-child(1) time{ float:left; width:100%; color:#909090; font-size:20px; line-height:28px;} .news li:nth-child(1) h2{ float:left; width:100%; color:#323232; font-size:20px; line-height:28px;overflow:hidden;white-space: nowrap; text-overflow:ellipsis; margin:12px 0;} .news li:nth-child(1) p{ float:left; width:100%; color:#909090; font-size:16px; line-height:24px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;} .news li:nth-child(1) em{ float:left; width:49px; border-left:1px solid #e1e1e1; line-height:0; text-align:right; margin:12px 0 16px 0;} .news li:nth-child(1) i{ float:left; width:100%; line-height:0; overflow:hidden;} .news li:nth-child(1) 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 li:nth-child(1) a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .news li:nth-child(2) a{ border-top:1px solid #e1e1e1;} .news li a:hover{ background:#fff;} .news li a:hover{ background:#fff;} .news li a:hover h2{ color:#4698fb; font-weight:bold;} .news li a:hover .tit h2{ color:#4698fb; font-weight:bold;} .news li a:hover .tit h2:after{ background:#4698fb;} @media screen and (max-width:992px){ .ctext2{ padding-top:20px; padding-bottom:25px;} .news{ margin-top:20px;} .news ul{ margin:0 -6px; } .news li{ padding-left:6px; padding-right:6px;} .news li a{ padding:8% 12px 8% 12px;} .news li .tit{ padding-right:56px;} .news li .tit h2{ font-size:16px; line-height:24px; padding-left:12px;} .news li .tit h2:after{ top:10px;} .news li .info{ padding-right:56px; margin-top:5px;} .news li .info p{ font-size:14px; line-height:22px; height:44px; padding-left:12px;} .news li .tit time{ font-size:16px; line-height:24px;} .news li .info em{ width:44px;} .news li:nth-child(1) a{ padding:15px 12px;} .news li:nth-child(1) h2{ font-size:16px; line-height:24px; margin:3px 0;} .news li:nth-child(1) p { font-size:14px; line-height:22px;} .news li:nth-child(1) time{ font-size:16px; line-height:24px;} .news li:nth-child(1) em{ width:44px; margin:6px 0 12px 0;} } @media screen and (max-width:768px){ .news li{ width:100%;} .news li a{ padding:15px 12px;} } .ctext4{ float:left; width:100%; position:relative; padding-top:110px; padding-bottom:120px; overflow:hidden;} .ctext4 .bg{ float:left; width:100%; position:absolute; left:0; top:0; z-index:3;} .ctext4 ._Title1{ float:left; width:100%; position:relative; z-index:4; color:#fff; font-size:40px; line-height:50px; font-weight:bold; text-align:center;} .ctext4 .Bran{ float:left; width:100%; position:relative; z-index:4; margin-top:72px;} .ctext4 .Bran ul{ margin:0 -15px;} .ctext4 .Bran .slick-track{display: flex; flex-wrap:wrap;} .ctext4 .Bran li{ height:auto; background:#f7f7f7; margin:15px; flex-grow: 0; display: flex;} .ctext4 .Bran li a{ float:left; width:100%; padding:10px; position:relative;} .ctext4 .Bran li a:after{ float:left; width:0; height:2px; position:absolute; left:0; bottom:0; content:''; background:#4698fb;-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; } .ctext4 .Bran li i{ float:left; width:100%; line-height:0; overflow:hidden;} .ctext4 .Bran 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;} .ctext4 .Bran li:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .ctext4 .Bran li h5{ float:left; width:100%; color:#323232; font-size:18px; line-height:28px;overflow:hidden;white-space: nowrap; text-overflow:ellipsis; margin:25px 0 12px 0; padding:0 10px;} .ctext4 .Bran li p{ float:left; width:100%; color:#909090; font-size:16px; line-height:24px; height:96px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4; margin-bottom:36px; padding:0 10px;} .ctext4 .Bran li:hover{ background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.1);} .ctext4 .Bran li:hover a:after{ width:100%;} .ctext4 .Bran .slick-dots{ height:14px; position:static; margin-top:45px;} .ctext4 .Bran .slick-dots li{ width:14px; height:14px; float:none; display:inline-block; vertical-align:top; margin:0 8px; background:#e1e1e1; border-radius:50%;} .ctext4 .Bran .slick-dots li.slick-active{ background:#4698fb;} @media screen and (max-width:992px){ .ctext4{ padding-top:20px; padding-bottom:25px; } .ctext4 ._Title1{ font-size:20px; line-height:30px;} .ctext4 .Bran{ margin-top:14px;} .ctext4 .Bran ul{ margin:0 -6px;} .ctext4 .Bran li{ margin:6px;} .ctext4 .Bran li a{ padding:6px;} .ctext4 .Bran li h5{ font-size:16px; line-height:24px; padding:0 2px; margin:12px 0 4px 0;} .ctext4 .Bran li p{ font-size:14px; line-height:22px; height:88px; padding:0 2px; margin-bottom:12px;} .ctext4 .Bran .slick-dots{ height:12px; margin-top:14px;} .ctext4 .Bran .slick-dots li{ width:12px; height:12px; margin:0 5px;} } .ctext5{ padding-top:110px; padding-bottom:110px;} .about1{ float:left; width:100%; margin-top:89px;display: flex; align-items: center; justify-content: space-between;} .about1 .left{ float:left; width:42.7%;} .about1 .left .tit{ float:left; width:100%; color:#323232; font-size:30px; line-height:38px;} .about1 .left .info{ float:left; width:100%; color:#909090; font-size:16px; line-height:24px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4; margin:24px 0 58px 0;} .about1 .left .btn{ float:left; width:150px; color:#fff; font-size:16px; line-height:40px; border-radius:3px; background:#4698fb; text-align:center; border:1px solid #fff; margin-bottom:6px;} .about1 .left .btn:hover{ background:#fff; border:1px solid #4698fb; color:#4698fb; box-shadow:0 5px 10px rgba(0,0,0,0.2);} .about1 .right{ float:right; width:48.7%; line-height:0; position:relative; padding:2%;} .about1 .right:after, .about1 .right:before{ float:left; width:40.5%; height:59%; position:absolute; content:''; z-index:3; background:#4899fb;} .about1 .right:after{ right:0; top:0;} .about1 .right:before{ left:0; bottom:0;} .about1 .right i{ float:left; width:100%; line-height:0; position:relative; z-index:6; overflow:hidden;} .about1 .right 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;} .about1 .right:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .about2{ float:left; width:100%; margin-top:30px;} .about2 .cont{ margin:0 -6px; display: flex; justify-content: space-between;flex-wrap:wrap;} .about2 .l1{ float:left; display: flex; flex-direction:column; align-items: center; justify-content: center; margin:10px 0 0 0; padding:0 6px;} .about2 .l1 .num{ float:left; display: flex; color:#323232; font-size:50px; line-height:50px; align-items:flex-end; -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; } .about2 .l1 .num span{ font-size:16px; height:30px; line-height:30px; color:#323232;} .about2 .l1 .p{ float:left; display: flex; color:#909090; font-size:16px; line-height:24px; margin-top:6px;} .about2 .l1:hover .num{ color:#4899fb;} @media screen and (max-width:992px){ .ctext5{ padding-top:20px; padding-bottom:25px;} .about1{ margin-top:15px;} .about1 .left .tit{ font-size:16px; line-height:24px;} .about1 .left .info{ font-size:14px; line-height:22px; margin:12px 0 20px 0;} .about1 .left .btn{ width:100px; line-height:32px; font-size:14px;} .about2{ margin-top:10px;} .about2 .l1 .num{ font-size:25px; line-height:26px;} .about2 .l1 .num span{ font-size:14px; height:20px; line-height:20px;} .about2 .l1 .p{ font-size:14px; line-height:22px; margin-top:2px;} } @media screen and (max-width:768px){ .about1 .left{ width:48.7%;} .about1 .left .info{-webkit-line-clamp:2; margin:5px 0 10px 0;} .about1 .right{ padding:4px;} .about2 .l1{ width:33%;} } .ctext3{ padding-bottom:147px; overflow:hidden;} .Busin{ float:left; width:100%; position:relative;} .Busin .Prev, .Busin .Next{ float:left; position:absolute; top:50%; width:40px; height:80px; z-index:4;} .Busin .Prev{ background:url(../_im_g/ico1.png) center no-repeat #7f7f7f; background-size:100% 100%; left:0;} .Busin .Next{ background:url(../_im_g/ico2.png) center no-repeat #7f7f7f; background-size:100% 100%; right:0;} .Busin .Prev:hover{ background:url(../_im_g/ico1.png) center no-repeat #4698fb; background-size:100% 100%;} .Busin .Next:hover{ background:url(../_im_g/ico2.png) center no-repeat #4698fb; background-size:100% 100%;} .BusinT{ float:right; position:relative; z-index:5; background:#fff; margin-top:-37px; padding-right:48px; display:flex;} .BusinT .swiper-wrapper{ height:26px;} .BusinT li{ float:left; color:#909090; font-size:16px; line-height:26px; margin:0 20px 0 35px; cursor:pointer; display:flex;} .BusinT li.on{ color:#323232; font-weight:bold;} .BusinD{ float:left; width:100%; padding:0 68px; margin-top:73px; z-index:1;position: relative; } .BusinD .bd{ float:left; width:100%; background:#f7f7f7; flex-wrap: wrap; display:flex;} .BusinD .left{ float:left; width:34.5%; border:1px solid #e1e1e1; padding:35px 30px; flex-grow: 0;display: flex;flex-direction:column ;} .BusinD .left .tit{ float:left; width:100%; color:#323232; font-size:30px; line-height:38px;} .BusinD .left .info{ float:left; width:100%; color:#909090; font-size:16px; line-height:24px; overflow:hidden; height:216px; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:9; margin:32px 0 38px 0;} .BusinD .left .btn{ float:left; width:150px; color:#fff; font-size:16px; line-height:40px; border-radius:3px; border:1px solid #4698fb; background:#4698fb; text-align:center;} .BusinD .left .btn:hover{ background:#fff; border:1px solid #4698fb; color:#4698fb; box-shadow:0 5px 10px rgba(0,0,0,0.2);} .BusinD .right{ float:left; width:65.5%; flex-grow: 0;display: flex;flex-wrap:wrap;} .BusinD .right a{ float:left; width:50%; position:relative; line-height:0; overflow:hidden; background:#000;display: flex; align-items: center;} .BusinD .right a img{ opacity:0.5; min-height: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;} .BusinD .right a:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .BusinD .right a:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; border:1px solid #fff; transform:scale(0.9,0.854); -ms-transform:scale(0.9,0.854); z-index:3; opacity:0.2; -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; } .BusinD .right a:before{ float:left; width:400px; height:400px; content:''; position:absolute; left:50%; top:0; background:#000; transform:scale(0.2,0.2); -ms-transform:scale(0.2,0.2); z-index:3; opacity:0; border-radius:50%; -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; } .BusinD .right a:hover:before{ transform:scale(1,1); -ms-transform:scale(1,1); opacity:0.2;} .BusinD .right a h5{ float:left; width:100%; color:#fff; font-size:20px; line-height:30px; text-align:center; position:absolute; left:0; top:50%; padding:0 10px; transform:translateY(-50%); -ms-transform:translateY(-50%); z-index:4;} @media screen and (max-width:1200px){ .BusinT{ margin-top:-37px; padding-right:58px;} .BusinT li{ margin:0 10px 0 20px;} } @media screen and (max-width:992px){ .ctext3{padding-bottom:30px;} .BusinT{ margin-top:-26px; padding-right:23px;} .BusinT li{ margin:0 5px 0 10px; font-size:14px; line-height:24px;} .BusinD{ margin-top:15px; padding:0 28px;} .BusinD .left{ padding:20px 15px;} .BusinD .left .tit{ font-size:16px; line-height:24px;} .BusinD .left .info{ font-size:14px; line-height:22px; height:198px; margin:12px 0 20px 0;} .BusinD .left .btn{ width:100px; line-height:32px; font-size:14px;} .BusinD .right a h5{ font-size:16px; line-height:26px;} .Busin .Prev, .Busin .Next{ width:20px; height:40px;} } @media screen and (max-width:768px){ .BusinD .left{ width:100%;} .BusinD .left .info{-webkit-line-clamp:4; height:88px; margin:5px 0 10px 0;} .BusinD .right{ width:100%;} .BusinT{ float:left; margin-top:5px; padding-right:0; font-size:14px; line-height:24px;} .BusinT li{ margin:0 10px 0 0;} } ._banner{ float:left; width:100%; position:relative; z-index:3; line-height:0; overflow:hidden; background:#000;} ._banner img{ opacity:0.8;} ._banner:after{ float:left; width:100%; height:325px; position:absolute; left:0; top:0; content:''; background:url(../_im_g/ban.png) center top repeat-x;} ._banner .title{ float:left; width:100%; position:absolute; left:0; top:60%; transform:translateY(-50%); -ms-transform:translateY(-50%); z-index:6;} ._banner .title h1{ float:left; width:100%; text-align:center; color:#fff; font-size:72px; line-height:82px; font-weight:bold; letter-spacing:4px;} ._banner .Nav{ float:left; width:100%;display: flex; justify-content: center; margin-top:1.9%;flex-wrap:wrap} ._banner .Nav li{ display: flex; margin:0 10px;} ._banner .Nav li a{display: flex; color:#fff; font-size:18px; line-height:34px; height:36px; border:1px solid #f8f9fa; border-radius:3px; padding:0 30px; white-space:nowrap;} ._banner .Nav li.on a, ._banner .Nav li:hover a{ border:1px solid #4698fb; color:#fff; background:#4698fb;} @media screen and (max-width:1600px){ ._banner .title h1{ font-size:50px; line-height:60px;} } @media screen and (max-width:992px){ ._banner .title h1{ font-size:20px; line-height:30px;} ._banner .Nav li{ margin:0 5px;} ._banner .Nav li a{ font-size:14px; padding:0 10px; height:30px; line-height:28px; margin-top:5px;} } .ctextL{ float:left; width:220px; margin-top:5px;} .ctextL .pz_SideLayer{ float:left; width:100%; border-left:4px solid #4698fb; border-bottom:1px solid #e6e6e6; } .ctextL .pz_SideLayer .l1{ float:left; width:100%;} .ctextL .pz_SideLayer .l1 .la1{ float:left; width:100%; color:#333333; font-size:16px; line-height:30px; padding:20px 20px 20px 29px; border:1px solid #e6e6e6; border-bottom:none; background:#fafafa; position:relative;} .ctextL .pz_SideLayer .l1 .la1:after{ float:left; width:12px; height:2px; content:''; position:absolute; right:20px; top:50%; background:#4698fb; margin-top:-1px;} .ctextL .pz_SideLayer .l1 .la1:before{ float:left; width:2px; height:12px; content:''; position:absolute; right:20px; top:50%; background:#4698fb; margin-top:-6px; margin-right:5px;} .ctextL .pz_SideLayer .l1.on .la1, .ctextL .pz_SideLayer .l1 .la1:hover{ background:#fff; color:#4698fb;} .ctextL .pz_SideLayer .l1.on .la1:before{ display:none;} .ctextL .pz_SideLayer .l2{ display:none; float:left; width:100%; border-right:1px solid #e6e6e6; border-top:1px solid #e6e6e6; padding-left:32px; } .ctextL .pz_SideLayer .l1.on .l2{ display:block;} .ctextL .pz_SideLayer .l2 a{ float:left; width:100%; border-left:1px solid #e5e5e5; color:#555555; font-size:16px; line-height:36px; border-bottom:1px solid #e6e6e6; padding:10px 15px; position:relative; } .ctextL .pz_SideLayer .l2 a:last-child{ border-bottom:none;} .ctextL .pz_SideLayer .l2 a.on, .ctextL .pz_SideLayer .l2 a:hover{ color:#4698fb;} .ctextR{ float:right; width:75%;} @media screen and (max-width:1200px){ .ctextR{ width:72%;} } @media screen and (max-width:992px){ .ctextL{ width:100%;} .ctextL .pz_SideLayer{ border-left:2px solid #4698fb;} .ctextL .pz_SideLayer .l1 .la1{ padding:4px 12px; } .ctextL .pz_SideLayer .l2{ padding-left:12px;} .ctextL .pz_SideLayer .l2 a{ width:50%; padding:5px 10px; font-size:14px; line-height:24px;} .ctextL .pz_SideLayer .l2 a::after { left:10px; top:0; margin-top:15px;} .ctextR{ width:100%; margin-top:20px;} } .case1{ float:left; width:100%; margin:103px 0 90px 0;} .caseTit{ float:left; width:100%; text-align:center; color:#333333; font-size:24px; line-height:34px; position:relative; padding-bottom:15px;} .caseTit:after{ float:left; width:50px; height:1px; position:absolute; left:50%; bottom:0; content:''; background:#cccccc; margin-left:-25px;} .caseTab{ float:left; width:100%; margin-top:50px;} .caseTab .img{ float:left; width:100%; position:relative; z-index:3; line-height:0; border:1px solid #f1f1f1; background:#fff; padding:6px; transform:scale(0.9,0.9); -ms-transform:scale(0.9,0.9); margin:1.2% 0;} .caseTab .img span{ float:left; width:100%; position:relative; background:#000;} .caseTab .img img{opacity:0.7; filter:alpha(opacity=70); width:100%;} .caseTab .img.slick-current{ transform:scale(1.4,1.4); -ms-transform:scale(1.4,1.4); z-index:6;} .caseTab .img.slick-current img{opacity:1; filter:alpha(opacity=100);} .caseTab .slick-prev, .caseTab .slick-next{ width:17px; height:33px; top:50%; z-index:6; transform:translateY(-50%); -ms-transform:translateY(-50%); z-index:3} .caseTab .slick-prev{ left:11%; background:url(../_im_g/ico4.png) center no-repeat; background-size:100% auto;} .caseTab .slick-next{ right:11%; background:url(../_im_g/ico5.png) center no-repeat; background-size:100% auto;} .caseTab .slick-prev:hover, .caseTab .slick-next:hover{ opacity:0.5;} .caseCont{ float:left; width:100%; color:#555555; font-size:16px; line-height:30px; margin:44px 0;} ._fenye{ float:left; width:100%; border-top:1px solid #e5e5e5; padding:16px 0;} ._fenye a{ float:left; max-width:48%; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; color:#333333; font-size:14px; line-height:24px;} ._fenye a:hover{ color:#4698fb;} ._fenye a.r{ float:right;} @media screen and (max-width:992px){ .case1{ margin:30px 0 20px 0;} .caseTit{ font-size:18px; line-height:28px; padding-bottom:10px;} .caseCont{ margin:20px 0; font-size:14px; line-height:24px;} ._fenye{ padding:10px 0;} .caseTab{ margin-top:20px;} .caseTab .img{ padding:3px;} .caseTab .slick-prev, .caseTab .slick-next{ width:10px;} } @media screen and (max-width:768px){ } .caseL{ padding-top:80px; padding-bottom:80px;} .caseL ul{ float:left; width:100%;} .caseL li{ float:left; width:100%; margin:30px 0; background:#fbfbfb;} .caseL li a{ float:left; width:100%; display: flex; flex-wrap: wrap; background:url(../_im_g/main25.png) center repeat;} .caseL li a .img{ float:left; width:50%; line-height:0; overflow:hidden; flex-grow: 0;display: flex; align-items: center;} .caseL li a .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;} .caseL li a:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .caseL li a .cont{ float:left; width:50%; flex-grow: 0;display: flex; justify-content: center; padding:4.1% 4.5%; flex-direction:column;} .caseL li a .tit{ float:left; width:100%; color:#4698fb; font-size:18px; line-height:28px; font-weight:bold; letter-spacing:1px; border-bottom:1px solid rgba(0,0,0,0.1); } .caseL li a .tit span{ float:left; padding-bottom:16px; position:relative;} .caseL li a .tit span:after{ float:left; width:100%; height:2px; content:''; position:absolute; left:0; bottom:-1px; background:#4698fb;-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; } .caseL li a .p{ float:left; width:100%; color:#555555; font-size:16px; line-height:30px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:5; letter-spacing:1px; margin-top:18px; } .caseL li a:hover .tit span:after{ width:15px;} @media screen and (max-width:992px){ .caseL{ padding-top:23px; padding-bottom:23px;} .caseL li{ margin:7px 0;} .caseL li a .cont{ padding:15px 12px;} .caseL li a .tit{ font-size:16px; line-height:26px;} .caseL li a .tit span{ padding-bottom:8px;} .caseL li a .p{ font-size:14px; line-height:24px; margin-top:10px;} } @media screen and (max-width:768px){ .caseL li a .p{-webkit-line-clamp:2; line-height:20px;} } .Company{ padding-top:80px; padding-bottom:80px;} .Company ul{ float:left; width:100%;} .Company li{ float:left; width:100%; margin:30px 0; background:#f5f5f7; padding:2.5%;-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; } .Company li a{ float:left; width:100%; display: flex; flex-wrap: wrap; background:#fff;} .Company li a .img{ float:left; width:50%; line-height:0; overflow:hidden; flex-grow: 0;display: flex; align-items: center;} .Company li a .img img{ min-height: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;} .Company li:hover a .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .Company li a .cont{ float:left; width:50%; flex-grow: 0;display: flex; justify-content: center; padding:4.1% 4.5%; flex-direction:column;} .Company li a .zh{ float:left; width:100%; color:#4698fb; font-size:24px; line-height:40px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; } .Company li a .en{ float:left; width:100%; color:#888888; font-size:14px; line-height:24px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; text-transform:uppercase; margin-top:4px; } .Company li a .p{ float:left; width:100%; color:#444444; font-size:16px; line-height:30px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:5; margin:5.1% 0; } .Company li a .more{ float:left; width:100%; color:#4698fb; font-size:14px; line-height:24px; text-transform:uppercase;} .Company li:hover{ box-shadow:0 5px 15px rgba(0,0,0,0.2);} .Company li:hover a .more{ text-decoration:underline;} ._Company{ padding-top:104px; padding-bottom:79px;} ._Company .ul{ float:left; width:100%; margin:30px 0; background:#f5f5f7; padding:2.5%;-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; } ._Company .l1{ float:left; width:100%; background:#fff;} ._Company .l1 .img{ float:left; width:50%; line-height:0; overflow:hidden; margin:0 4.5% 1% 0;} ._Company .l1 .cont{ padding:2.8% 4.5%;} ._Company .l1 .zh{ color:#4698fb; font-size:30px; line-height:40px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; } ._Company .l1 .en{ color:#888888; font-size:14px; line-height:24px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; text-transform:uppercase; margin-top:4px; } ._Company .l1 .p{ color:#444444; font-size:16px; line-height:28px; margin:3.5% 0 0 0; } ._Company h4{ float:left; width:100%; color:#323232; font-size:40px; line-height:50px; font-weight:bold; text-align:center; margin-bottom:25px;} @media screen and (max-width:992px){ .Company{ padding-top:25px; padding-bottom:25px;} .Company li{ margin:7px 0; padding:4px;} .Company li a .cont{ padding:15px 12px;} .Company li a .zh{ font-size:17px; line-height:27px;} .Company li a .en{ font-size:12px; line-height:22px; margin-top:0;} .Company li a .p{ font-size:14px; line-height:24px; margin:6px 0;} .Company li a .more{ font-size:12px; line-height:22px;} .Company li a .p{-webkit-line-clamp:4;} ._Company{ padding-top:20px; padding-bottom:15px;} ._Company .ul{ margin:7px 0; padding:4px;} ._Company .l1 .cont{ padding:15px 12px;} ._Company .l1 .zh{ font-size:17px; line-height:27px;} ._Company .l1 .en{ font-size:12px; line-height:22px; margin-top:0;} ._Company .l1 .p{ font-size:14px; line-height:24px; margin:6px 0;} ._Company .l1 .img{width:100%; margin-right:0; float:none;} ._Company h4{ font-size:20px; line-height:30px; margin-bottom:8px;} } @media screen and (max-width:768px){ .Company li a .p{-webkit-line-clamp:2; line-height:20px; margin:0 ;} .Company li a .cont{ padding:12px 12px;} .Company li a .zh{ font-size:16px; line-height:24px;} ._Company .l1 .cont{ padding:12px 12px;} ._Company .l1 .zh{ font-size:16px; line-height:24px;} } .pz_fy{width:100%; float:left; margin-bottom:110px;display: flex; justify-content: center;} .pz_fy a {display: flex; background:#e6e6e6; color:#999999; font-size:14px; margin:0 3px; padding:0 5px; line-height:30px; min-width:30px; justify-content: center;} .pz_fy a:hover, .pz_fy a.on{color:#fff; background:#4698fb;} .pz_fy a:first-child, .pz_fy a:last-child{ font-family:'宋体';} @media screen and (max-width:992px){ .pz_fy{ margin-bottom:35px;} .pz_fy a{ font-size:12px; margin:0 2px; line-height:24px; min-width:24px;} } .newL{ float:left; width:100%; margin:110px 0 60px 0;} .newL .ul1{ float:left; width:100%; display: flex; justify-content: space-between; margin-bottom:45px; flex-wrap:wrap;} .newL .ul1 li{ float:left; width:31.6%; background:#f5f5f5; margin-bottom:15px;-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; } .newL .ul1 li a{ float:left; width:100%; flex-grow: 0; display:flex; flex-direction:column ; text-align:center; margin-bottom:23px; } .newL .ul1 li i{ float:left; width:100%; line-height:0; overflow:hidden;} .newL .ul1 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;} .newL .ul1 li:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .newL .ul1 li h5{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; font-weight:bold; margin-top:28px; padding:0 11.8%; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; } .newL .ul1 li time{ display:block; margin:0 auto; color:#555555; font-size:16px; line-height:32px; border-bottom:1px solid #c4c4c4; padding:5px 0;} .newL .ul1 li p{ float:left; width:100%; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; color:#909090; font-size:16px; line-height:30px; height:90px; margin-top:23px; padding:0 11.8%;} .newL .ul1 li:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} .newL .ul1 li:hover h5{ color:#4698fb;} .newL .ul2{ float:left; width:100%; border-top:1px solid #d7d8d8;} .newL .ul2 li{ float:left; width:100%; border-bottom:1px solid #d7d8d8; padding:10px 0;display: flex; align-items: center; flex: 1; min-height:106px; position:relative;} .newL .ul2 li h5{ float:left;display: flex; margin:0 20px; color:#666666; font-size:14px; line-height:24px; flex-direction:column;} .newL .ul2 li h5 time{ font-size:40px; line-height:40px; font-weight:bold; color:#333333;-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; } .newL .ul2 li a{ float:left; margin:0 20px; color:#333333; font-size:18px; line-height:30px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; padding-right:62px;-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; } .newL .ul2 li i{ float:left;display: flex; margin:0 20px; width:22px; height:1px; background:#a3a3a3; position:absolute; right:0; top:50%;} .newL .ul2 li i:after, .newL .ul2 li i:before{ float:left; width:10px; height:1px; position:absolute; right:0; background:#a3a3a3; content:'';} .newL .ul2 li i:after{ transform:rotate(-45deg); -ms-transform:rotate(-45deg); top:4px;} .newL .ul2 li i:before{ transform:rotate(45deg); -ms-transform:rotate(45deg); bottom:4px;} .newL .ul2 li:hover a{ color:#4698fb;} .newL .ul2 li:hover h5 time{ color:#4698fb;} @media screen and (max-width:992px){ .newL{ margin:30px 0 25px 0;} .newL .ul1{ margin-bottom:10px;} .newL .ul1 li a{ margin-bottom:15px;} .newL .ul1 li h5{ padding:0 12px; font-size:16px; line-height:26px; margin-top:15px;} .newL .ul1 li time{ padding:0; font-size:14px;} .newL .ul1 li p{ padding:0 12px; font-size:14px; line-height:24px; height:auto; max-height:72px; margin-top:10px; } .newL .ul2 li{ min-height:66px;} .newL .ul2 li h5{ margin:0 12px; font-size:12px; line-height:20px;} .newL .ul2 li h5 time{ font-size:28px; line-height:28px; justify-content: center; display:flex;} .newL .ul2 li a{ font-size:16px; line-height:28px; margin:0; padding-right:40px; } .newL .ul2 li i{ margin:0 12px; width:14px;} .newL .ul2 li i:after, .newL .ul2 li i:before{ width:6px;} .newL .ul2 li i:after{ top:3px;} .newL .ul2 li i:before{ bottom:3px;} } @media screen and (max-width:768px){ .newL .ul1 li{ width:100%;} } ._mapbox{ float:left; width:100%; height:500px;} .BMap_shadow img{ max-width:inherit;} ._mapbox .BMap_pop div:nth-child(9){ height:auto !important;} ._mapbox .iw_poi_content{ color:#555555; font-size:14px; line-height:21px; width:270px;} .contact{ float:left; width:100%;display: flex; justify-content: space-between; margin:110px 0 55px 0;} .contact li{display: flex; flex-direction:column; align-items: center; max-width:234px; position:relative;} .contact li em{ float:left; width:1px; height:103px; margin:8px 8px 0 8px; background:#d9d9d9;} .contact li i{display: flex; line-height:0;} .contact li i img{ width:66px; height:66px; background:#4698fb; border-radius:50%;} .contact li h5{display: flex; color:#333; font-size:16px; line-height:30px; font-weight:bold; margin-top:15px; text-align:center;} .contact li:hover i img{-webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);} @media screen and (max-width:992px){ ._mapbox{ height:400px;} .contact{ margin:30px 0 20px 0;} .contact li h5{ font-size:14px; line-height:24px; margin-top:8px;} } @media screen and (max-width:768px){ .contact{flex-wrap:wrap; margin:15px 0 10px 0;} .contact li{ max-width:inherit; width:48%; padding-bottom:15px; margin-top:15px; } .contact li:nth-child(1){ width:100%;border-bottom:1px solid #d9d9d9;} .contact li:nth-child(2){ display:none;} .contact li:nth-child(4){ width:auto;} .contact li em{ margin:8px 0 0 0; height:80px;} } .newDet{ float:left; width:100%; margin:105px 0 75px 0;} .newDet .tit{ float:left; width:100%; text-align:center; color:#333333; font-size:26px; line-height:36px;} .newDet .time{ float:left; width:100%; color:#666666; font-size:14px; line-height:24px; border-bottom:1px solid #d7d8d8; border-top:1px solid #d7d8d8; padding:16px 0; margin-top:25px;} .newDet .time h5{ float:left;} .newDet .time a{ float:right; color:#4698fb; font-size:14px; line-height:22px;} .newDet .time a img{ margin-left:10px;} .newDet .cont{ float:left; width:100%; color:#4c4c4c; font-size:16px; line-height:30px; margin:52px 0;} .newDet ._fy{ float:left; width:100%; border-bottom:1px solid #d7d8d8; border-top:1px solid #d7d8d8; padding:20px 0;} .newDet ._fy ._l, .newDet ._fy ._r{ float:left; width:400px; color:#333333; font-size:14px; line-height:24px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; margin-right:30px;} .newDet ._fy ._l:hover, .newDet ._fy ._r:hover{ color:#4698fb;} .newDet .bdshare1{ float:right;} .newDet .bdshare1 a{ margin:0 0 0 8px !important;} .newDet .bdshare1 span{ float:left; color:#333333; font-size:14px; line-height:24px;} .newDet .max{ float:right; margin-right:20px; height:24px; display: flex; align-items: center; } .newRec{ float:left; width:100%; margin-bottom:100px;} .newRec h4{ float:left; width:100%; color:#000000; font-size:24px; line-height:34px; margin-bottom:5px;} .newRec h4 span{ color:#4698fb; font-size:16px; text-transform:uppercase;} .newRec ul{ float:left; width:100%; display: flex; justify-content: space-between; flex-wrap:wrap; } .newRec ul li{ float:left; width:47.3%; margin-top:30px;} .newRec ul li a{ float:left; width:100%; display: flex; align-items: center; justify-content: space-between; flex-wrap:wrap; } .newRec ul li i{ float:left; width:36.4%; line-height:0; overflow:hidden; display: flex; flex-grow: 0;} .newRec 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;} .newRec ul li:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .newRec ul li .cont{ float:left; width:59.5%; display: flex; flex-direction:column; } .newRec ul li h5{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; display: flex; flex-grow: 0; } .newRec ul li p{ float:left; width:100%; color:#666666; font-size:14px; line-height:26px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin:2.9% 0;} .newRec ul li time{ float:left; width:100%; color:#999999; font-size:14px; line-height:24px; font-family:Arial; } .newRec ul li:hover h5{ color:#4698fb;} @media screen and (max-width:1200px){ .newRec ul li p{ line-height:22px; margin:4px 0;} .newDet ._fy ._l, .newDet ._fy ._r{width:300px;} } @media screen and (max-width:992px){ .newDet{ margin:25px 0 20px 0;} .newDet .tit{ font-size:16px; line-height:26px;} .newDet .time{ padding:8px 0; margin-top:12px;} .newDet .cont{ font-size:14px; line-height:24px; margin:20px 0;} .newDet ._fy{ padding:10px 0;} .newRec{ margin-bottom:30px;} .newRec h4{ font-size:18px; line-height:28px; margin-bottom:0;} .newRec h4 span{ font-size:14px;} .newRec ul li{ margin-top:12px;} .newRec ul li p{ line-height:22px; margin:2px 0;} } @media screen and (max-width:768px){ .newRec ul li{ width:100%;} .newDet .bdshare1{ margin:5px 0;} .newDet .bdshare1 a{ margin:0 0 0 5px !important;} .newDet .max{ margin:8px 10px 5px 0; } .newDet ._fy ._l, .newDet ._fy ._r{ max-width:49%; width:auto; margin-right:0;} .newDet ._fy ._r{ float:right;} } .about3{ padding-top:104px; padding-bottom:100px;} .about3 .title{ float:left; width:100%; text-align:center; color:#323232; font-size:40px; line-height:50px; font-weight:bold;} .about3 .info{ float:left; width:100%; text-align:center; color:#909090; font-size:16px; line-height:30px; margin-top:49px;} @media screen and (max-width:992px){ .about3{ padding-top:30px; padding-bottom:30px;} .about3 .title{ font-size:20px; line-height:30px;} .about3 .info{ font-size:14px; line-height:24px; margin-top:15px;} } .about4{ padding-top:104px; padding-bottom:65px; position:relative;} .about4 .bg{ float:right; width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; opacity:0.1;} .about4 .title{ float:left; width:100%; text-align:center; color:#323232; font-size:40px; line-height:50px; font-weight:bold; position:relative; z-index:4;} .about4 .list{ float:left; width:100%; margin-top:45px; position:relative; z-index:4;} .about4 .list ul{ float:left; width:100%; padding:0 82px;} .about4 .list ul li{ float:left; display: flex;flex-direction:column; position:relative; padding-top:40px;} .about4 .list ul li h1{ float:left; width:100%; display: flex; align-items: center; justify-content: center;} .about4 .list ul li h1 span{ display: flex; justify-content: center; width:80px; height:80px; line-height:80px; border-radius:50%; background:#4698fb; color:#fff; font-weight:bold; font-size:24px; font-family:Arial;} .about4 .list ul li h5{ float:left; width:100%; display: flex; align-items: center; justify-content: center; margin:40px 0; height:1px; background:#ced0d4; position:relative;} .about4 .list ul li h5:after{ display:flex; width:1px; height:40px; background:#ced0d4; content:''; position:absolute; left:50%; bottom:100%;} .about4 .list ul li h5 i{ width:15px; height:15px; border-radius:50%; content:''; background:#4698fb; border:3px solid #c7e0ff; position:relative; z-index:6; } .about4 .list ul li h6{ float:left; width:100%; display: flex; color:#555555; font-size:14px; line-height:26px; text-align:center; justify-content: center; padding:0 20px; overflow:hidden; overflow-y:auto; scrollbar-width:thin; max-height:130px; min-height:130px; } .about4 .list ul li h6::-webkit-scrollbar { width:3px } .about4 .list ul li h6::-webkit-scrollbar-track { background-color:#ced0d4; border-radius:3px } .about4 .list ul li h6::-webkit-scrollbar-thumb { width:3px; height:60px; background-color:#ced0d4; border-radius:3px } .about4 .list ul li:nth-child(2n){ padding-top:0 !important;} .about4 .list ul li:nth-child(2n) h6{ align-items: flex-end; } .about4 .list ul li:nth-child(2n) h1{ position:absolute; left:0; top:200px;} .about4 .list ul li:nth-child(2n) h5{ position:absolute; left:0; top:120px;} .about4 .list ul li:nth-child(2n) h5:after{ bottom:auto; top:100%;} .about4 .list ul li.slick-current h1 span{ box-shadow:0 5px 5px rgba(0,0,0,0.3); } .about4 .list ul li.slick-current h5{ background:#4698fb;} .about4 .list ul li.slick-current h5:after{ background:#4698fb;} .about4 .list ul li.slick-current h6{ color:#000;} .about4 .list ul li:hover h1 span{ box-shadow:0 5px 5px rgba(0,0,0,0.3); } .about4 .list .slick-prev, .about4 .list .slick-next{ width:40px; height:40px; left:0; z-index:66; border-radius:50%; border:1px solid #4a9afb; color:#4a9afb; z-index:3;} .about4 .list .slick-next{ left:auto; right:0; } .about4 .list .slick-prev:hover{ background:#4a9afb;} .about4 .list .slick-next:hover{ background:#4a9afb;} .about4 .list .slick-prev:after{ float:left; width:10px; height:10px; border-right:2px solid #4a9afb; border-bottom:2px solid #4a9afb; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(135deg); -ms-transform:translate(-50%,-50%) rotate(135deg); margin-left:2px;} .about4 .list .slick-next:after{ float:left; width:10px; height:10px; border-right:2px solid #4a9afb; border-bottom:2px solid #4a9afb; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-45deg); -ms-transform:translate(-50%,-50%) rotate(-45deg);margin-right:2px;} .about4 .list .slick-prev:hover:after, .about4 .list .slick-next:hover:after{ border-right:2px solid #fff; border-bottom:2px solid #fff;} @media screen and (max-width:1200px){ .about4 .list ul li h6{ padding:0 10px;} } @media screen and (max-width:992px){ .about4{ padding-top:25px; padding-bottom:30px;} .about4 .title{ font-size:20px; line-height:30px;} .about4 .list{ margin-top:15px;} .about4 .list ul{ padding:0 34px;} .about4 .list ul li{ padding-top:30px;} .about4 .list ul li h1 span{ width:60px; height:60px; line-height:60px; font-size:18px;} .about4 .list ul li h6{ line-height:22px; padding:0 8px; max-height:88px; min-height:88px;} .about4 .list ul li h5{ margin:20px 0;} .about4 .list ul li h5:after{ height:20px;} .about4 .list ul li:nth-child(2n) h5{ top:90px;} .about4 .list ul li:nth-child(2n) h1 { top:130px;} .about4 .list .slick-prev, .about4 .list .slick-next{ width:24px; height:24px; } .about4 .list .slick-prev:after{ float:left; width:8px; height:8px;} .about4 .list .slick-next:after{ float:left; width:8px; height:8px;} } .about5{ padding-top:110px; padding-bottom:110px; position:relative;} .about5 .bg{ float:right; width:50%; height:100%; position:absolute; right:0; top:0; z-index:3; opacity:0.1;} .about5 .title{ float:left; width:100%; text-align:center; color:#323232; font-size:40px; line-height:50px; font-weight:bold; position:relative; z-index:4;} .about5 .box{ float:left; width:100%; margin-top:80px; position:relative; z-index:4;} .about5 .box ul{ float:left; width:100%; display:flex; flex-wrap: wrap; } .about5 .box li{ float:left; width:16.66%; background:#FFF; flex-grow: 0;display: flex; flex-direction:column; position:relative; } .about5 .box li i{ float:left; width:100%; line-height:0; overflow:hidden; position:relative; margin-bottom:100%; background:#fff; padding-bottom:100%; position:relative;} .about5 .box li i img{position:absolute; left:50%; top:50%; max-width:initial; -webkit-transform: translate( -50%, -50%); -ms-transform: translate( -50%, -50%); transform: translate( -50%, -50%); display:block; height:100%; width:auto; -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;} .about5 .box li:hover i img{ -webkit-transform:translate( -50%, -50%) scale(1.1); -moz-transform:translate( -50%, -50%) scale(1.1);transform:translate( -50%, -50%) scale(1.1); opacity:0.6;} .about5 .box li i:before{ float:left; width:0; height:0; position:absolute; left:50%; bottom:0; content:''; border-left: 14px solid transparent; border-right:14px solid transparent;border-bottom: 14px solid #fff; margin-left:-14px; z-index:4;} .about5 .box li i:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; transform:scale(0.9,0.9); border:1px solid #fff; z-index:3;} .about5 .box li:hover i:after{ opacity:0.6;} .about5 .box li .cont{ float:left; width:100%; height:42%; padding:0 9.6%; margin-top:8%; position:absolute; left:0; top:50%; /*display:flex; flex-direction:column; justify-content: center;*/overflow:hidden; overflow-y:auto; scrollbar-width:thin; max-height:100% } .about5 .box li .cont::-webkit-scrollbar { width:3px } .about5 .box li .cont::-webkit-scrollbar-track { background-color:#e5e5e5; border-radius:3px } .about5 .box li .cont::-webkit-scrollbar-thumb { width:3px; height:60px; background-color:#1878f3; border-radius:3px } .about5 .box li .cont h5{ float:left; width:100%; color:#323232; font-size:20px; line-height:30px; border-bottom:1px solid #e1e1e1; padding-bottom:12px; } .about5 .box li .cont .p{ float:left; width:100%; color:#909090; font-size:16px; line-height:24px; min-height:72px; margin-top:18px; } .about5 .box li:nth-child(1){ float:left; width:33.33%;} .about5 .box li:nth-child(2){ background:#4698fb;} .about5 .box li:nth-child(2) i:before{ border-bottom: 14px solid #4698fb;} .about5 .box li:nth-child(2) .cont h5{ color:#fff; border-bottom:1px solid #e1e1e1;} .about5 .box li:nth-child(2) .cont .p{ color:#fff;} .about5 .box li:nth-child(2n+1) i{ margin-top:100%; margin-bottom:0;} .about5 .box li:nth-child(2n+1) i:before{ bottom:auto; top:0; border-bottom:none;border-top: 14px solid #fff;} .about5 .box li:nth-child(2n+1) .cont{ top:0;} .about5 .box li:hover h5{ color:#4698fb;} .about5 .box li:nth-child(2) h5{ opacity:0.9;} .about5 .box .slick-dots{ height:12px; position:static; margin-top:60px; justify-content: center;} .about5 .box .slick-dots li{ width:12px !important; height:12px !important; border:1px solid #4698fb; background:#fff; border-radius:50%; float:none; display:inline-block; vertical-align:top;} .about5 .box .slick-dots li:nth-child(1){ display:block;} .about5 .box .slick-dots li.slick-active{ background:#4698fb;} @media screen and (max-width:1200px){ .about5 .box li .cont h5{ font-size:16px; line-height:24px; padding-bottom:6px;} .about5 .box li .cont .p{ font-size:14px; line-height:22px; margin-top:8px;} } @media screen and (max-width:992px){ .about5{ padding-top:30px; padding-bottom:30px;} .about5 .title{ font-size:20px; line-height:30px;} .about5 .box{ margin-top:15px;} .about5 .box li{ width:25%;} .about5 .box li:nth-child(1){ display:none;} .about5 .box .slick-dots{ margin-top:20px;} } @media screen and (max-width:768px){ .about5 .box li{ width:50%;} .about5 .box li:nth-child(1){ width:100%;} } .about6{ padding-top:105px; padding-bottom:138px;} .about6 .title{ float:left; width:100%; text-align:center; color:#323232; font-size:40px; line-height:50px; font-weight:bold;} .about6 ul{ float:left; width:100%; margin-top:62px; display: flex; flex-wrap: wrap; justify-content: space-between;} .about6 ul li{ float:left; width:48.9%; margin-top:30px; position:relative; padding:10px;} .about6 ul li:after{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; content:''; background:#fff; opacity:0.2; z-index:3;} .about6 ul li:before{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; content:''; background:#000; opacity:0.4; z-index:4;-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; } .about6 ul li .box{ float:left; width:100%; position:relative; z-index:5; border:1px solid #fff;display: flex; align-items: center; padding:30px 15px; justify-content: center; min-height:100%;} .about6 ul li i{ width:31.5%; line-height:0; display:flex; padding:0 15px; justify-content: flex-end;} .about6 ul li i img{ width:74px; height:auto;} .about6 ul li .cont{ width:68.5%; display:flex; flex-direction:column; padding:0 15px; min-height:168px; align-items: center; justify-content: center;} .about6 ul li .cont .tit{ width:100%; display:flex; color:#fff; font-size:20px; line-height:30px; font-weight:bold;} .about6 ul li .cont .p{ width:100%; display:flex; color:#fff; font-size:16px; line-height:26px; margin-top:8px;} .about6 ul li:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} .about6 ul li:hover:before{ opacity:0.8;} @media screen and (max-width:992px){ .about6{ padding-top:30px; padding-bottom:30px;} .about6 .title{ font-size:20px; line-height:30px;} .about6 ul{ margin-top:5px;} .about6 ul li{ margin-top:15px;} .about6 ul li .box{ padding:10px 8px;} .about6 ul li i{ padding:0 7px;} .about6 ul li i img{ width:44px;} .about6 ul li .cont{ padding:0 7px;} .about6 ul li .cont .tit{ font-size:16px; line-height:24px;} .about6 ul li .cont .p{ font-size:14px; line-height:22px; margin-top:4px;} } @media screen and (max-width:768px){ .about6 ul li{ padding:5px;} .about6 ul li .box{ flex-direction:column;} .about6 ul li i{ width:100%; justify-content: center; padding:0; display:block;} .about6 ul li i img{ width:40px; display:block; margin:0 auto;} .about6 ul li .cont{ width:100%; margin:4px 0; text-align:center; padding:0; min-height:inherit;} .about6 ul li .cont .tit{ justify-content: center;} .about6 ul li .cont .p{ text-align:center;} } .Company1{ padding-top:104px; padding-bottom:108px;} .Company1 h4{ float:left; width:100%; color:#fff; font-size:40px; line-height:50px; font-weight:bold; text-align:center;} .Company1 .list{ float:left; width:100%; margin-top:55px;} .Company1 .list ul{ float:left; width:100%; display:flex; flex-wrap: wrap; padding:0 64px; } .Company1 .list li{ float:left; width:33.33%; background:#FFF; flex-grow: 0;display: flex; flex-direction:column; position:relative; overflow:hidden; } .Company1 .list li .img{ float:left; width:100%; height:267px; overflow:hidden; position:relative; z-index:1;-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; } .Company1 .list li .cont{ float:left; width:100%; height:207px; padding:0 7.5%; position:relative; z-index:3; margin:30px 0; /*display:flex; flex-direction:column; justify-content: center;*/overflow:hidden; overflow-y:auto; scrollbar-width:thin; max-height:207px; } .Company1 .list li .cont::-webkit-scrollbar { width:3px } .Company1 .list li .cont::-webkit-scrollbar-track { background-color:#e5e5e5; border-radius:3px } .Company1 .list li .cont::-webkit-scrollbar-thumb { width:3px; height:60px; background-color:#1878f3; border-radius:3px } .Company1 .list li .zh{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; font-weight:bold; padding-bottom:16px; position:relative; border-bottom:1px solid #ccc;} .Company1 .list li .zh:after{ float:left; width:100%; height:2px; content:''; position:absolute; left:0; bottom:-1px; background:#4698fb;-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; } .Company1 .list li .zh span{ font-style:italic; text-transform:uppercase; color:#4698fb; font-size:18px; margin-left:12px;} .Company1 .list li .p{ float:left; width:100%; color:#555555; font-size:16px; line-height:30px; margin-top:25px; } .Company1 .list li:nth-child(2n) .img{ position:absolute; left:0; bottom:0;} .Company1 .list li:nth-child(2n){ padding-bottom:267px;} .Company1 .list .slick-prev, .Company1 .list .slick-next{ width:23px; height:44px; z-index:3;} .Company1 .list .slick-prev{ left:0; background:url(../_im_g/main67.png) center no-repeat; background-size:100% auto;} .Company1 .list .slick-next{ right:0; background:url(../_im_g/main66.png) center no-repeat; background-size:100% auto;} .Company1 .list .slick-prev, .Company1 .list .slick-next{ opacity:0.5;} .Company1 .list li:hover .zh:after{ width:95px;} .Company1 .list li:hover .img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} @media screen and (max-width:1200px){ .Company1 .list ul{ padding:0 40px;} .Company1 .list li .cont{justify-content:flex-start;} .Company1 .list li .zh{ font-size:18px; line-height:28px; padding-bottom:8px;} .Company1 .list li .zh span{ font-size:14px; margin-left:6px;} .Company1 .list li .p{ font-size:14px; line-height:24px; margin-top:12px;} } @media screen and (max-width:992px){ .Company1{ padding-top:25px; padding-bottom:30px;} .Company1 h4{ font-size:20px; line-height:30px;} .Company1 .list{ margin-top:20px;} .Company1 .list ul{ padding:0 24px; } .Company1 .list li .img{ height:180px;} .Company1 .list li .cont{ height:150px; padding:0 12px; margin:15px 0;} .Company1 .list li:nth-child(2n){ padding-bottom:180px;} .Company1 .list .slick-prev, .Company1 .list .slick-next{ width:14px; height:30px;} } @media screen and (max-width:768px){ } .Company2{ padding-top:104px; padding-bottom:79px;} .Company2 h4{ float:left; width:100%; color:#323232; font-size:40px; line-height:50px; font-weight:bold; text-align:center;} .Company2 .list{ float:left; width:100%; margin-top:55px;} .Company2 .list ul{ float:left; width:100%; position:relative; padding:92px 0 100px 0;} .Company2 .list ul:after{ float:left; width:1px; height:100%; position:absolute; left:50%; top:0; content:''; background:#e9e9e9; z-index:1;} .Company2 .list ul:before{ float:left; width:12px; height:12px; background:#bdbdbd; border-radius:50%; content:''; position:absolute; left:50%; margin-left:-6px; top:0; z-index:2; } .Company2 .list li{ float:left; width:50%; position:relative; z-index:4; margin-left:1px; margin-right:1px;} .Company2 .list li:after{ float:left; width:12px; height:12px; background:#bdbdbd; border-radius:50%; content:''; position:absolute; right:-6px; top:25px; } .Company2 .list li:before{ float:left; width:24px; height:24px; border-radius:50%; content:''; position:absolute; right:-12px; top:19px; border:1px solid #e9e9e9;} .Company2 .list li .lc{ float:left; width:94%; position:relative; border-radius:8px; border:1px solid #e3e3e3; padding:22px; } .Company2 .list li .img{ float:left; display:block; width:158px; line-height:0; overflow:hidden; position:absolute; right:22px; top:22px;} .Company2 .list li .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;} .Company2 .list li .lc:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .Company2 .list li .cont{ float:left; width:100%; min-height:114px;display: flex; justify-content: center; flex-direction:column ; padding-right:174px; } .Company2 .list li .time{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; } .Company2 .list li .p{ float:left; width:100%; color:#555555; font-size:14px; line-height:24px; position:relative; padding-left:10px; margin-top:6px;} .Company2 .list li .p:after{ float:left; width:5px; height:5px; border-radius:50%; background:#4698fb; content:''; position:absolute; left:0; top:10px;} .Company2 .list li:nth-child(2n){margin-top:-40px; float:right;} .Company2 .list li:nth-child(2n) .lc{float:right;} .Company2 .list li:nth-child(2n):after{ right:auto; left:-5px;} .Company2 .list li:nth-child(2n):before{ right:auto; left:-11px;} .Company2 .list h6{ float:left; width:100%;display: flex; justify-content: center;} .Company2 .list h6 span{ float:left; justify-content: center; width:152px; height:42px; background:#4698fb; border-radius:3px; color:#fff; font-size:14px; line-height:42px;display: flex; cursor:pointer;-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; } .Company2 .list h6 span:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2); border:1px solid #4698fb; color:#4698fb; background:#fff;} .Company2 .list li .lc:hover{ border:1px solid #4698fb;} .Company2 .list li .lc:hover .time{ color:#4698fb;} @media screen and (max-width:992px){ .Company2{ padding-top:25px; padding-bottom:25px;} .Company2 h4{ font-size:20px; line-height:30px;} .Company2 .list{ margin-top:20px;} .Company2 .list h6 span{ width:120px; height:36px; line-height:36px; } .Company2 .list ul{ padding:40px 0;} .Company2 .list ul:before{ width:8px; height:8px; margin-left:-4px;} .Company2 .list li .img{ width:120px; right:10px; top:10px;} .Company2 .list li .cont{ min-height:86px;display: flex; justify-content: center; flex-direction:column ; padding-right:132px; } .Company2 .list li .lc{ border-radius:8px; padding:10px 10px; } .Company2 .list li .time{ font-size:18px; line-height:26px;} .Company2 .list li .p{ line-height:22px; margin-top:0;} .Company2 .list li:after{ width:8px; height:8px; right:-4px; top:20px;} .Company2 .list li:before{ width:16px; height:16px; right:-8px; top:16px;} .Company2 .list li:nth-child(2n){ margin-top:-20px;} .Company2 .list li:nth-child(2n):after{ right:auto; left:-4px;} .Company2 .list li:nth-child(2n):before{ right:auto; left:-8px;} } @media screen and (max-width:768px){ .Company2 .list ul{ padding:10px 0 25px 0;} .Company2 .list ul:after{ left:4px;} .Company2 .list ul:before{ left:0; margin-left:0; } .Company2 .list li{ width:100%; margin:8px 0 !important; padding-left:30px;} .Company2 .list li:after{ right:auto !important; left:0 !important;} .Company2 .list li:before{ right:auto !important; left:-4px !important;} .Company2 .list li .lc{ width:100%;} .Company2 .list h6{ justify-content:flex-start;} } ._Busin{ padding-top:105px; padding-bottom:110px;} ._Busin h4{ float:left; width:100%; color:#333333; font-size:40px; line-height:50px; font-weight:bold; text-align:center;} ._Busin .w_1230{ position:relative; display:flex;flex-wrap:wrap;} ._Busin .list{ float:left; width:100%; margin-top:50px; } ._Busin .list .l1{ float:left; width:100%; } ._Busin .list .img{ float:right; width:34.3%; line-height:0; overflow:hidden; margin-top:5px; } ._Busin .list .cont{ float:left; width:61%; margin-bottom:200px; padding-right:20px; } ._Busin .list .cont .zh{ float:left; width:100%; color:#333333; font-size:36px; line-height:46px;} ._Busin .list .cont .p{ float:left; width:100%; color:#727272; font-size:16px; line-height:36px; margin-top:35px;} ._Busin .small{ float:left; width:61%; position:absolute; left:15px; bottom:0;} ._Busin .small .img{ float:left; position:relative; line-height:0; overflow:hidden; margin-right:20px; cursor:pointer;} ._Busin .small .img:after{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; content:''; background:#000; opacity:0.6; z-index:1;} ._Busin .small .img h5{ float:left; width:100%; position:absolute; left:0; bottom:0; color:#fff; font-size:20px; line-height:32px; padding:15px 10px; z-index:3; text-align:center;} ._Busin .small .img.slick-current:after{ background:#4698fb; opacity:0.9;} ._Busin .small .img.slick-current h5{ bottom:50%; transform:translateY(50%); -ms-transform:translateY(50%);} ._Busin .small .slick-prev{ left:0; top:-54px; width:30px; height:30px; background:url(../_im_g/main82.png) center no-repeat #d3d3d3; border-radius:50%; z-index:3;} ._Busin .small .slick-next{ right:auto; left:38px; top:-54px; width:30px; height:30px; background:url(../_im_g/main83.png) center no-repeat #d3d3d3; border-radius:50%; z-index:3;} ._Busin .small .slick-prev:hover{ background:url(../_im_g/main82.png) center no-repeat #4698fb;} ._Busin .small .slick-next:hover{ background:url(../_im_g/main83.png) center no-repeat #4698fb;} @media screen and (max-width:992px){ ._Busin{ padding-top:25px; padding-bottom:30px;} ._Busin h4{ font-size:20px; line-height:30px;} ._Busin .list{ margin-top:20px;} ._Busin .list .cont .zh{ font-size:18px; line-height:28px;} ._Busin .list .cont .p{ font-size:14px; line-height:24px; margin-top:10px;} ._Busin .small{ margin-top:20px;} ._Busin .small .img{ margin-right:6px;} ._Busin .small .img h5{ font-size:14px; line-height:22px; padding:6px;} ._Busin .small .slick-prev{ top:-26px;} ._Busin .small .slick-next{ top:-26px;} } @media screen and (max-width:768px){ ._Busin .list .img{ display:none;} ._Busin .list .cont{ width:100%; margin:0; padding-right:0;} ._Busin .small{ width:101%; position:relative; left:0; margin-top:15px;} ._Busin .small .slick-prev{ width:20px; height:20px; top:50%; left:-12px !important;} ._Busin .small .slick-next{ width:20px; height:20px; top:50%; left:auto; right:-12px !important; margin-right:1%;} } ._Busin1{ position:relative; padding-top:105px; padding-bottom:110px;} ._Busin1:after{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; content:''; background:#0c2e56; opacity:0.89;} ._Busin1 h4{ float:left; width:100%; color:#fff; font-size:40px; line-height:50px; font-weight:bold; text-align:center; position:relative; z-index:4;} ._Busin1 .list{ float:left; width:100%; position:relative; z-index:4; margin-top:55px;} ._Busin1 .list ul{ float:left; width:100%;} ._Busin1 .list li{ float:left; width:10.8%; height:412px; position:relative; overflow:hidden;} ._Busin1 .list li .img{ float:left; float:left; width:100%; height:412px; -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;} ._Busin1 .list li:hover .img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} ._Busin1 .list li .img:after{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:#000; opacity:0.7; content:'';} ._Busin1 .list li .img:before{ float:left; float:left; width:100%; height:100%; position:absolute; left:0; bottom:0; z-index:2; background:url(../_im_g/main90.png) center bottom repeat; content:'';} ._Busin1 .list li .title{ float:left; width:20px; text-align:center; color:#fff; font-size:16px; line-height:16px; position:absolute; right:20px; top:20px; z-index:3;} ._Busin1 .list li .cont{ display:none; float:left; float:left; width:100%; position:absolute; left:0; bottom:0; z-index:5; padding:11px 16px;} ._Busin1 .list li .cont .zh{ float:left; float:left; width:100%; color:#fff; font-size:18px; line-height:28px; font-weight:bold; position:relative; padding-bottom:13px;} ._Busin1 .list li .cont .zh:after{ float:left; width:30px; height:2px; position:absolute; left:0; bottom:0; content:''; background:#a5a5a4;} ._Busin1 .list li .cont .p{ float:left; float:left; width:100%; color:#fff; font-size:16px; line-height:26px; margin-top:13px;} ._Busin1 .list li.on{ width:46%;} ._Busin1 .list li.on .img:after{ opacity:0.1;} ._Busin1 .list li.on .cont{ display:block;} ._Busin1 .list li.on .title{ display:none;} @media screen and (max-width:992px){ ._Busin1{ padding-top:25px; padding-bottom:30px;} ._Busin1 h4{ font-size:20px; line-height:30px;} ._Busin1 .list{ margin-top:15px;} ._Busin1 .list li{ height:240px;} ._Busin1 .list li .img{ height:240px;} ._Busin1 .list li .title{ font-size:12px; line-height:14px; top:8px; right:2px;} ._Busin1 .list li .cont{ padding:6px 6px;} ._Busin1 .list li .cont .zh{ font-size:14px; line-height:22px; padding-bottom:7px;} ._Busin1 .list li .cont .zh:after{ height:1px;} ._Busin1 .list li .cont .p{ font-size:12px; line-height:20px; margin-top:6px;} } @media screen and (max-width:768px){ } /* @media screen and (max-width:1599px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } */