body {color:#333333} a{color:#0e6eb8}a:active,a:hover {color:#0e6eb8} @media (min-width: 1310px) {.container{ width: 1310px; }} @media (min-width: 1310px) {.container{ width: 1310px; }} #Top .head{ float:left; width:100%; position:relative; z-index:66; background:#fff; height:auto !important;} #Top .hCont{ width:1550px; margin:0 auto; display:block; padding-left:15px; padding-right:15px;} #Top .logo{ float:left; width:256px; line-height:0; margin:38px 0 37px 0;} #Top .so{ float:right; width:182px; background:#fff; position:relative; border:1px solid #b4b4b4; border-radius:32px; overflow:hidden; margin:38px 0 0 0;} #Top .so .Search{ float:left; width:100%; height:32px; background:none; border:none; line-height:22px; padding:5px 35px 5px 13px; color:#999999; font-size:14px;} #Top .so .sear_sub{ float:right; width:18px; height:18px; border:none;background:url(../images/777_sear.png) center no-repeat; position:absolute; right:13px; top:6px;} #Top .so ::-webkit-input-placeholder{color:#999999} #Top .so :-moz-placeholder{color:#999999} #Top .so ::-moz-placeholder{color:#999999} #Top .so :-ms-input-placeholder{color:#999999} /*menu*/ #Top .menu{ float:right; margin-right:87px;} #Top .menu .nli{ float:right; margin:0 28px; padding:0; position:static;} #Top .menu .nli span a{float:left; padding:0 12px; color:#333; font-size:16px; line-height:110px; position:relative;} #Top .menu .nli span a:after{ float:left; width:0; height:4px; background:#0e6eb8; content:''; position:absolute; left:50%; bottom:0;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%);} #Top .menu .nli span a:before{ display:none; float:left; width:0; height:0; content:''; position:absolute; left:50%; bottom:3px; margin-left:-3px; border-left: 6px solid transparent; border-right:6px solid transparent;border-bottom:6px solid #0e6eb8; } #Top .menu .nli:hover span a{ color:#0e6eb8; font-weight:bold;} #Top .menu .nli.active span a{ color:#0e6eb8; font-weight:bold;} #Top .menu .nli.active span a:after{ width:88px;} #Top .menu .nli.active span a:before{ display:block;} #Top .navDown{ display:none; float:left; width:100%; position:absolute; left:0; top:110px; z-index:66; background:#fff; border-top:1px solid #e1e1e1; min-height:610px; overflow:hidden; z-index:6;padding:27px 0; min-height:610px; } #Top .navDown::after{ float:left; width:2000px; height:100%; position:absolute; right:50%; top:0; content:''; background:#f4f4f4; margin-right:235px; z-index:-1;} #Top .navDown .l2{ float:left; width:100%; margin:4px 0;} #Top .navDown .l2 .la2{ float:left; width:345px; margin-left:60px; position:relative; z-index:6; line-height:54px; color:#333; font-size:16px; padding:0 30px;-webkit-transition:none; -moz-transition:none;-ms-transition:none; -o-transition:none;transition:none;} #Top .navDown .l2.on .la2, #Top .navDown .l2:hover .la2{ background:#fff url(../images/777_top3.png) 291px center no-repeat;} #Top .navDown .l2 .cont{ display:none; float:left; width:100%; position:absolute; left:0; top:0 !important; padding:20px 0 47px 485px; z-index:4;} #Top .navDown .l2.on .cont, #Top .navDown .l2:hover .cont{ display:block;} #Top .navDown .ul2{ float:left; width:84.4%; height:495px; padding-right:40px;overflow:auto;} #Top .navDown .li2{ float:left; width:33.33%; padding:0 20px; margin:30px 0 14px 0;} #Top .navDown .li2 i{ float:left; width:100%; line-height:0; overflow:hidden; position:relative; background:#0e6eb8;} #Top .navDown .li2 i span{ float:left; display:none; width:100%; position:absolute; left:0; top:50%; margin-top:-13px; text-align:center; color:#fff; font-size:16px; line-height:26px; margin-top:-13px;} #Top .navDown .li2 h5{ float:left; width:100%; color:#333333; font-size:14px; line-height:24px; margin-top:11px;} #Top .navDown .li2 i img{ transition: 0.5s ease; -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} #Top .navDown .li2:hover i span{ display:block;} #Top .navDown .li2:hover i img{opacity:0.1; filter:alpha(opacity=10);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1); } #Top .navDown .ul2::-mo-scrollbar{ width: 5px; margin:0 1px; height: 4px; background:#e6f0f8; } #Top .navDown .ul2::-o-scrollbar{ width: 5px; margin:0 1px; height: 4px; background:#e6f0f8; } #Top .navDown .ul2::-ms-scrollbar{ width: 5px; margin:0 1px; height: 4px; background:#e6f0f8; } #Top .navDown .ul2::-webkit-scrollbar{ width: 5px; margin:0 1px; height: 4px; background:#e6f0f8; } /*定义滚动条的轨道，内阴影及圆角*/ #Top .navDown .ul2::-webkit-scrollbar-track{ border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; background:#e6f0f8; } #Top .navDown .ul2::-o-scrollbar-track{ border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; background:#e6f0f8; } #Top .navDown .ul2::-ms-scrollbar-track{ border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; background:#e6f0f8; } #Top .navDown .ul2::-mo-scrollbar-track{ border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; background:#e6f0f8; } /*定义滑块，内阴影及圆角*/ #Top .navDown .ul2::-webkit-scrollbar-thumb{ /*width: 10px;*/ height: 20px; border-radius: 10px; background:#0e6eb8; width:5px; margin:0; } #Top .navDown .ul2::-o-scrollbar-thumb{ /*width: 10px;*/ height: 20px; border-radius: 10px; background:#0e6eb8; width:4px; margin:0; } #Top .navDown .ul2::-mo-scrollbar-thumb{ /*width: 10px;*/ height: 20px; border-radius: 10px; background:#0e6eb8; width:4px; margin:0; } #Top .navDown .ul2::-ms-scrollbar-thumb{ /*width: 10px;*/ height: 20px; border-radius: 10px; background:#0e6eb8; width:4px; margin:0; } #Top .menuph{ display:none;} #Top .xialaph{ display:none;} /*手机按钮*/ #Top .menuph{ float:right; width:28px; height:22px; cursor: pointer; text-align: center; margin:15px 0;} #Top .menuph .point { display: inline-block; width: 28px; height: 22px; position: relative;} #Top .menuph .point:hover .navbtn, #Top .menuph .point:hover .navbtn::after, #Top .menuph .point:hover .navbtn::before { width: 28px; } #Top .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; height: 2px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #0e6eb8; } #Top .menuph .navbtn::after, #Top .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #0e6eb8; } #Top .menuph .navbtn::after { top: -11px; } #Top .menuph .navbtn::before { top: 10px; } #Top .menuph .point.active .navbtn{ background: transparent; } #Top .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; } #Top .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; } /*手机导航*/ #Top .xialaph{ position:fixed; left:0; obtn:0; float:left; width: 100%; height:100%; overflow:scroll; padding:52px 0 100px 0; display: none; z-index:88; background:#000; background:rgba(0,0,0,0.9)} #Top .xialaph .ul2, #Top .xialaph .ul3{display: none;} #Top .xialaph h4 a{ float:left; width:66%; color: #fff; font-size:16px; line-height: 55px; position:relative;} #Top .xialaph li h4 a i{ float:left; position:absolute; left:0; obtn:50%; margin-obtn:-10px; width:20px; height:20px;} #Top .xialaph h4{ float:left; width:100%; position:relative;} #Top .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #4d463f; } #Top .xialaph h4:hover a, #Top .xialaph h5:hover a{ color: #0e6eb8; } #Top .xialaph h4::after{ content: ''; position: absolute; obtn: 0; left: 0; width: 100%; height: 1px; background-color: #4d463f; /*opacity: 0.1;*/ } #Top .xialaph h5 a{ float:left; width:100%; color: #fff; font-size:14px; line-height: 45px; text-transform:uppercase;} #Top .xialaph h5{ float:left; width:100%;position: relative; } #Top .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #4d463f; /*opacity: 0.05;*/ } #Top .xialaph li:last-child h5::after{ display: none; } #Top .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 24px; cursor: pointer; } #Top .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: 26px; margin-right: 18px; cursor: pointer; } #Top .xialaph h4.active img.img_s, #Top .xialaph h5.active img.img_s{ display: none; } #Top .xialaph h4.active img.img_d, #Top .xialaph h5.active img.img_d{ display: block; } #Top .xialaph .ul2{ float:left; width:100%; padding:0 10px;} #Top .xialaph .img_d{ display: none; } /*animate*/ @keyframes rightOpacityShow { 0% { transform: translateX(-80px); opacity:0; } 80% { transform: translateX(20px); } 100% { transform:translateX(0); opacity:1; } } @-moz-keyframes rotateYOpacityAn { 0% { -moz-transform: translateX(-80px); opacity:0; } 80% { -moz-transform: translateX(20px); } 100% { -moz-transform:translateX(0); opacity:1; } } @-webkit-keyframes rotateYOpacityAn { 0% { -webkit-transform: translateX(-80px); opacity:0; } 80% { -webkit-transform: translateX(20px); } 100% { -webkit-transform:translateX(0); opacity:1; } } @-o-keyframes rotateYOpacityAn { 0% { -o-transform: translateX(-80px); opacity:0; } 80% { -o-transform: translateX(20px); } 100% { -o-transform:translateX(0); opacity:1; } } @media screen and (max-width:1420px){ #Top .hCont{ width:1310px;} #Top .menu .nli{ margin:0 6px;} } @media screen and (max-width:1310px){ #Top .hCont{ width:1310px;} #Top .menu .nli{ margin:0 16px;} } @media screen and (max-width:1310px){ #Top .hCont{ width:1023px;} #Top .menu{ margin-right:15px;} #Top .menu .nli{ margin:0 3px;} #Top .menu .nli span a{ padding:0 8px;} #Top .navDown::after{ margin-right:196px;} #Top .navDown .ul2{ width:100%; padding-right:20px;} #Top .navDown .l2{ margin:0;} #Top .navDown .l2 .cont{ padding:32px 0 30px 340px;} #Top .navDown .l2 .la2{width:270px; margin-left:30px; line-height:58px; padding:0 20px;} #Top .navDown .li2{ padding:0 15px; margin:15px 0 7px 0;} #Top .navDown .l2.on .la2, #Top .navDown .l2:hover .la2{ background:#fff url(../images/777_top3.png) 231px center no-repeat;} } @media screen and (max-width:1023px){ #Top .hCont{ width:768px;} #Top .logo{ width:241px; height:32px; margin:10px 0;} #Top .so{ width:100%; margin:15px 0;} #Top .menu{ display:none !important;} #Top .menuph{ display:block;} #Top .navDown{ display:none;} } @media screen and (max-width:768px){ #Top .hCont{ width:100%;} } /*右侧漂浮*/ #Down .pf_right{ float:right; width:42px; position:fixed; right:3px; top:50%; margin-top:-108px; z-index:888; background:url(../images/778_pf6.png) center no-repeat; padding:19px 0; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} #Down .pf_right li{ float:left; width:100%; position:relative; height:42px; z-index:6; margin:8px 0 7px 0;} #Down .pf_right li:last-child{ border-bottom:none;} #Down .pf_right li a{ float:left; width:100%; height:42px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; position:relative; z-index:6;} #Down .pf_right li .ico1{ background:url(../images/778_pf1.png) center no-repeat rgba(0,0,0,0.2);} #Down .pf_right li .ico2{ background:url(../images/778_pf2.png) center no-repeat rgba(0,0,0,0.2);} #Down .pf_right li .ico3{ background:url(../images/778_pf3.png) center no-repeat rgba(0,0,0,0.2);} #Down .pf_right li .ico4{ background:url(../images/778_pf4.png) center no-repeat rgba(0,0,0,0.2);} #Down .pf_right li .ico5{ background:url(../images/778_pf5.png) center no-repeat rgba(0,0,0,0.2);} #Down .pf_right li:hover .ico1{ background:url(../images/778_pf1.png) center no-repeat #0e6eb8;} #Down .pf_right li:hover .ico2{ background:url(../images/778_pf2.png) center no-repeat #0e6eb8;} #Down .pf_right li:hover .ico3{ background:url(../images/778_pf3.png) center no-repeat #0e6eb8;} #Down .pf_right li:hover .ico4{ background:url(../images/778_pf4.png) center no-repeat #0e6eb8;} #Down .pf_right li:hover .ico5{ background:url(../images/778_pf5.png) center no-repeat #0e6eb8;} #Down .pf_right .Hotline{ float:left; position:absolute; top:0; right:-300px; background:#fff; border:1px solid #e5e5e5; border-radius:3px; padding:5px 12px; color:#0e6eb8; font-size:18px; letter-spacing:1px;white-space: nowrap; line-height:32px;-webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; z-index:1; } #Down .pf_right .Hotline:after{ float:left; width:0; height:0; content:''; position:absolute; right:-8px; top:50%; margin-top:-7px; border-top:7px solid transparent; border-bottom:7px solid transparent;border-left:9px solid #fff;} #Down .pf_right li:hover .Hotline{ right:58px;} #Down .pf_right .erweima{ float:left; width:90px; position:absolute; top:50%; margin-top:-45px; right:-300px;background:#fff; line-height:0; padding:6px; border:1px solid #e5e5e5; border-radius:3px;-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; z-index:1;} #Down .pf_right .erweima:after{ float:left; width:0; height:0; content:''; position:absolute; right:-8px; top:50%; margin-top:-7px; border-top:7px solid transparent; border-bottom:7px solid transparent;border-left:9px solid #fff;} #Down .pf_right li:hover .erweima{ right:58px;} /*手机底部导航*/ #Down .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#0e6eb8; z-index:54; box-shadow:0 -4px 7px rgba(0,0,0,0.15);} #Down .pf_down li{ width:25%; float:left; text-align:center; padding:7px 0 5px 0; border-right:1px solid rgba(255,255,255, 0.2);} #Down .pf_down li:last-child{ border:none;} #Down .pf_down li .ico7{ width:100%; float:left; height:20px;} #Down .pf_down li .name{ width:100%; float:left; margin-top:3px; font-size:12px; color:#fff; line-height:14px; text-transform:uppercase;} #Down .pf_down li.l1 .ico7{ background:url(../images/778_btn15.png) no-repeat center; background-size:20px 20px;} #Down .pf_down li.l2 .ico7{ background:url(../images/778_btn14.png) no-repeat center; background-size:20px 20px;} #Down .pf_down li.l3 .ico7{ background:url(../images/778_btn16.png) no-repeat center; background-size:20px 20px;} #Down .pf_down li.l4 .ico7{ background:url(../images/778_btn17.png) no-repeat center; background-size:20px 20px;} /*FOOTER*/ #Down .pz_down{ float:left; width:100%; background:#222;padding-bottom: 100px;} #Down .foot1{ float:left; width:100%; padding:150px 0 50px 0; border-bottom:1px solid #fff; border-bottom:1px solid rgba(255,255,255,0.1);} #Down .footUs{ float:left; width: 29.81%; padding-right:15px;} #Down .footUs .l1{ float:left; width:100%; color:#fff; font-size:14px; line-height:24px; padding-left:23px; background:url(../images/778_foot1.png) left center no-repeat; margin:4px 0 7px 0;} #Down .footUs .l2{ float:left; width:100%; color:#fff; font-size:36px; line-height:36px; font-weight:bold; font-family:Arial;} #Down .footUs .l3{ float:left; width:100%; color:#fff; font-size:16px; line-height:32px; margin:12px 0 26px 0; } #Down .footUs .l4{ float:left; width:100%;} #Down .footNav{ float:left;} #Down .footNav .ul1{ float:left; margin-right:60px;} #Down .footNav .footTit{ display:block; color:#fff; font-size:16px; line-height:26px;} #Down .footNav .footTit a{color:#fff;} #Down .footNav .box{ display:block; margin-top:17px;} #Down .footNav .box li{ display:block;} #Down .footNav .box li a{ display:block; color:#fff; color:rgba(255,255,255,0.8); font-size:14px; line-height:30px;} #Down .footNav .box li a:hover{ color:#0e6eb8;} #Down .footEWM{ float:right; width:170px;padding-top: 66px;} #Down .footEWM .l1{ float:left; width:120px; height:120px; line-height:0; background:#fff; padding:5px;} #Down .footEWM .l2{ float:right; width:34px; height:120px; background:url(../images/778_foot5.png) center top no-repeat; color:#fff; font-size:14px; line-height:14px; padding-top:106px; text-align:center;} #Down .footEWM .tit{ float:left; width:100%; color:#fff; font-size:14px; line-height:29px; margin-top:25px; background:#fff; background:rgba(255,255,255,0.1); border-radius:29px; text-align:center;} #Down .footEWM .tit span{ font-family:"宋体"; padding-right:8px;} #Down .foot2{ float:left; width:100%; padding:25px 0 27px 0;} #Down .Copyright{ float:left; color:#fff; color:rgba(255,255,255,0.6); font-size:14px; line-height:24px;} #Down .Copyright a{color:#fff; color:rgba(255,255,255,0.6);} #Down .Copyright a:hover{ color:#0e6eb8;} #Down .footMap{ float:right; color:#fff; color:rgba(255,255,255,0.6); font-size:14px; line-height:24px;} #Down .footMap a{color:#fff; color:rgba(255,255,255,0.6);} #Down .footMap a:hover{ color:#0e6eb8;} @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ #Down .footNav .ul1{ margin-right:30px;} #Down .footUs .l3{ font-size:14px; line-height:32px;} #Down .footEWM{ width:160px;} } @media screen and (max-width:1023px){ #Down .footNav{ display:none;} #Down .foot1{ padding:15px 0; position:relative;} #Down .foot2{ padding:15px 0; text-align:center;} #Down .pz_down{ margin-bottom:50px;} #Down .Copyright{ width:100%;} #Down .footMap{ width:100%;} #Down .footUs{ width:100%; padding-right:110px;} #Down .footUs .l1{ width:auto} #Down .footUs .l2{ font-size:24px; line-height:24px;} #Down .footUs .l3{ line-height:24px; margin:8px 0 0 0;} #Down .footEWM{width:100px; position:absolute; right:0; top:15px;} #Down .footEWM .tit{ margin-top:10px; font-size:12px; line-height:24px;} #Down .footEWM .tit span{ display:none; padding-right:2px;} #Down .footEWM .l1{ width:100px; height:100px;} #Down .footEWM .l2{ display:none; height:100px; padding-top:86px; background:url(../images/778_foot5.png) center -20px no-repeat;} } @media screen and (max-width:768px){ } #Content .section{ overflow:hidden; height:100vh; position:relative;} #Content .slide_banner{ float:left; width:100%; height:100%; position:relative; background:#000000;} #Content .slide_banner .slick-list{ height:100%;} #Content .slide_banner .slick-track{ height:100%;} #Content .slide_banner .slick-slide{height:100%; position:relative;} #Content .slide_banner .ph3{ float:left; width:100%; line-height:0; display:none;} #Content .slide_banner .img1{ width:100%; height:100%; position:relative} #Content .slide_banner .slick-dots{ bottom:122px; height:59px;} #Content .slide_banner .slick-dots li{ width:59px; height:59px; background:url(../images/779_btn2.png) center no-repeat no-repeat; background-size:100% 100%; overflow:hidden; vertical-align:top; margin:0 20px;} #Content .slide_banner .slick-dots li.slick-active{ background:url(../images/779_btn3.png) center no-repeat no-repeat; background-size:100% 100%; overflow:hidden;} #Content .slide_banner .slick-dots li button{ width:59px; line-height:59px; height:59px; padding:0; font-size:18px; color:#cccccc; color:rgba(204,204,204,0.6)} #Content .slide_banner .slick-dots li.slick-active button{ color:#fff;} #Content .bann_btn{ float:left; width:13px; line-height:0; position:absolute; left:50%; bottom:0; margin-left:-6px; z-index:66;} @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ #Content .slide_banner .img1{ display:none;} #Content .slide_banner .ph3{ display:block;height:100%; position:relative;} #Content .slide_banner .ph3 img{ display:none;} } @media screen and (max-width:1023px){ #Content .section{ height:auto !important; display:block; float:left; width:100%;} #Content .fp-tableCell{ height:auto !important; display:block; float:left;} #Content .slide_banner .ph3{ display:block; height:auto;} #Content .slide_banner .ph3 img{ display:block;} #Content .slide_banner .slick-dots{ height:10px; bottom:60px;} #Content .slide_banner .slick-dots li{ margin:0 6px; width:30px; height:30px;} #Content .slide_banner .slick-dots li button{ width:30px; line-height:30px; height:30px; font-size:12px;} #Content .bann_btn{ bottom:-50px;} } @media screen and (max-width:768px){ } #Content2 .hTit1{ float:left; width:100%; color:#333; font-size:30px; line-height:40px; margin-top:110px; position:relative;animation:slideInDown 5s;-moz-animation:slideInDown 5s; -webkit-animation:slideInDown 5s;-o-animation:slideInDown 5s;} #Content2 .hTit1 span{ font-family:Arial; font-size:50px; font-weight:bold; padding-right:12px;} #Content2 .hTit1 a{ float:right; position:relative; margin-top:24px; height:11px; background:#0e6eb8; background:rgba(14,110,184,0.1); color:#0e6eb8; font-size:14px; font-weight:bold; font-family:'Open Sans'; text-transform:uppercase; padding:0 10px; line-height:22px;} #Content2 .hTit1 a font{ display:inline-block; vertical-align:top; margin-top:-12px;} #Content2 .hTit1 a font.ri-arrow-right-s-line{ padding:0 0 0 10px; position:relative;} #Content2 .hTit1 a font.ri-arrow-right-s-line:after{ float:left; width:18px; height:2px; position:absolute; left:0; top:50%; content:''; background:#0e6eb8; margin-top:-1px;} #Content2 .hTit2 a{ background:#fff; background:rgba(255,255,255,0.1); color:#fff} #Content2 .active .hTit1{animation:slideInDown 5s;-moz-animation:slideInDown 5s; -webkit-animation:slideInDown 5s;-o-animation:slideInDown 5s;} @media screen and (max-height:900px) { #Content2 .hTit1{ font-size:26px;} #Content2 .hTit1 span{ font-size:40px;} } @media screen and (max-height:900px) { #Content2 .hTit1{ font-size:26px;} #Content2 .hTit1 span{ font-size:40px;} } #Content2 .Solut{ float:left; width:100%; position:relative; z-index:6; margin-top:6.2%;animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;} #Content2 .active .Solut{animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;} #Content2 .Solut .det{ float:left; width:100%;} #Content2 .Solut .det .cont{ float:left; width:54.84%;} #Content2 .Solut .det .tit{ float:left; width:100%; color:#333; font-size:36px; line-height:46px; margin:22px 0 17px 0;} #Content2 .Solut .det .info{ float:left; width:100%; color:#727272; font-size:16px; line-height:36px; height:144px; overflow:hidden;} #Content2 .Solut .det .tit{ float:left; width:100%; color:#333; font-size:36px; line-height:46px;} #Content2 .Solut .det .img{ float:right; width:40.625%; line-height:0; position:relative; margin-bottom:106px;} #Content2 .Solut .det .tol{ float:left; width:184px; text-align:right; position:absolute; left:0; bottom:-106px; font-size:24px; font-family:Arial; font-weight:bold; text-transform:uppercase; line-height:24px; color:#e0e0e0; padding-bottom:48px;} #Content2 .Solut .det .tol span{ display:block; color:#282828; position:relative; z-index:6;} #Content2 .Solut .det .tol:after{ float:left; width:98px; height:350px; border:6px solid #1572ba; content:''; position:absolute; right:25px; bottom:0; z-index:1;} #Content2 .Solut .down{ float:left; width:55.93%; position:absolute; left:0; bottom:0;} #Content2 .Solut .down .l1{ position:relative; line-height:0; background:#0e6eb8; overflow:hidden; margin-right:0.65%; margin-bottom:106px;} #Content2 .Solut .down .tit1{ float:left; width:100%; background:url(../images/780_main4.png) center bottom repeat-x; position:absolute; left:0; bottom:0; padding-bottom:7px; color:#fff; font-size:16px; line-height:26px; text-align:center; padding-left:6px; padding-right:6px; padding-top:51px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;-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; } #Content2 .Solut .down .tit2{opacity:0; filter:alpha(opacity=00); float:left; width:100%; position:absolute; left:0; top:2px; margin-top:5px; color:#fff; font-size:14px; line-height:24px; text-align:center; padding:0 6px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; font-family:Arial;-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; } #Content2 .Solut .down .l1.slick-current{ box-shadow:0 7px 13px rgba(0,0,0,0.27);} #Content2 .Solut .down .l1.slick-current img{opacity:0.1; filter:alpha(opacity=10);} #Content2 .Solut .down .l1.slick-current .tit1{ bottom:50%; margin-bottom:-5px; padding-top:0 !important; padding-bottom:0 !important; background:none;} #Content2 .Solut .down .l1.slick-current .tit2{ top:50%;opacity:1; filter:alpha(opacity=100);} #Content2 .Solut .down .slick-prev, #Content2 .Solut .down .slick-next{ width:30px; height:30px; background:url(../images/780_main2.png) left center no-repeat #d3d3d3; border-radius:50%; background-size:auto 100%; top:-60px; left:0;transform:translate(0,0); -moz-transform:translate(0,0); -webkit-transform:translate(0,0);} #Content2 .Solut .down .slick-next{ right:auto; left:38px; background:url(../images/780_main2.png) right center no-repeat #d3d3d3; background-size:auto 100%;} #Content2 .Solut .down .slick-prev:hover{ background:url(../images/780_main2.png) left center no-repeat #0e6eb8; background-size:auto 100%;} #Content2 .Solut .down .slick-next:hover{ background:url(../images/780_main2.png) right center no-repeat #0e6eb8; background-size:auto 100%;} #Content2 .bgTit1{ float:left; width:32.23%; position:absolute; left:0; bottom:0; z-index:1; line-height:0;} @media screen and (max-height:900px) { #Content2 .Solut{ margin-top:2.2%;} #Content2 .Solut .det .tit{ font-size:30px; line-height:40px;} #Content2 .Solut .det .info{ line-height:30px; height:120px;} #Content2 .Solut .det .img{ width:36%; margin-bottom:20px;} #Content2 .Solut .det .tol{ bottom:-20px;} #Content2 .Solut .det .tol span{ color:#fff;} #Content2 .Solut .det .tol:after{ height:200px; width:90px; border:4px solid #1572ba;} #Content2 .Solut .down .l1{ margin-bottom:20px;} #Content2 .Solut .down .slick-prev, #Content2 .Solut .down .slick-next{ top:-40px;} #Content2 .bgTit1{ width:20%;} } #Content2 .section{ overflow:hidden; height:100vh; position:relative;} @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ #Content2 .hTit1{ font-size:26px;} #Content2 .hTit1 span{ font-size:40px;} #Content2 .Solut .det .tit{ font-size:30px; line-height:40px; margin:10px 0 15px 0;} #Content2 .Solut .det .info{ line-height:30px; height:120px;} #Content2 .Solut .down .slick-prev, #Content2 .Solut .down .slick-next{ top:-40px;} #Content2 .bgTit1{ width:20%;} } @media screen and (max-width:1023px){ #Content2 .hTit1{ font-size:16px; line-height:24px; margin-top:0; } #Content2 .hTit1 span{ font-size:25px; padding-right:6px;} #Content2 .hTit1 a{ margin-top:9px;} #Content2 .section{ height:auto !important; display:block; float:left; width:100%;} #Content2 .fp-tableCell{ height:auto !important; display:block; float:left;} #Content2 .section2{ padding:30px 0 20px 0;} #Content2 .Solut{ margin-top:4%;} #Content2 .Solut .det .tit{ font-size:20px; line-height:30px; margin:15px 0 12px 0;} #Content2 .Solut .det .info{ font-size:14px; line-height:26px; height:78px;} #Content2 .Solut .det .img{ margin-bottom:20px;} #Content2 .Solut .det .tol{ width:130px; bottom:-20px; padding-bottom:20px; font-size:18px;} #Content2 .Solut .det .tol span{ color:#fff;} #Content2 .Solut .det .tol:after{ width:78px; right:15px; height:120px; border:4px solid #1572ba;} #Content2 .Solut .down .l1{ margin-bottom:15px;} #Content2 .Solut .down .l1.slick-current{ box-shadow:0 5px 10px rgba(0,0,0,0.27);} #Content2 .Solut .down .tit1{ font-size:14px; line-height:24px;} #Content2 .Solut .down .tit2{ font-size:12px; line-height:22px;} #Content2 .Solut .down .slick-prev, #Content2 .Solut .down .slick-next{ top:-40px;} #Content2 .bgTit1{ width:32%;} } @media screen and (max-width:768px){ #Content2 .hTit1 span{ display:block;} #Content2 .hTit1 a{ position:absolute; right:0; top:50%; margin-top:-7px; padding:0 6px; font-size:12px; height:7px; line-height:18px;} #Content2 .hTit1 a font.ri-arrow-right-line{ padding:0 0 0 5px; position:relative;} #Content2 .hTit1 a font.ri-arrow-right-line:after{ width:10px; } #Content2 .Solut .det .cont{ width:100%;} #Content2 .Solut .det .tol{ width:95%;} #Content2 .Solut .det .img{ width:100%; margin-bottom:0;} #Content2 .Solut .det .tit{ margin:15px 0 0 0;} #Content2 .Solut .down{ width:100%; position:relative; margin-top:10px;} #Content2 .Solut .down .slick-prev, #Content2 .Solut .down .slick-next{ top:-172px; margin-left:10px;} } #Content3 .hTit1{ float:left; width:100%; color:#333; font-size:30px; line-height:40px; margin-top:110px; position:relative;animation:slideInDown 5s;-moz-animation:slideInDown 5s; -webkit-animation:slideInDown 5s;-o-animation:slideInDown 5s;} #Content3 .hTit1 span{ font-family:Arial; font-size:50px; font-weight:bold; padding-right:12px;} #Content3 .hTit1 a{ float:right; position:relative; margin-top:24px; height:11px; background:#0e6eb8; background:rgba(14,110,184,0.1); color:#0e6eb8; font-size:14px; font-weight:bold; font-family:'Open Sans'; text-transform:uppercase; padding:0 10px; line-height:22px;} #Content3 .hTit1 a font{ display:inline-block; vertical-align:top; margin-top:-12px;} #Content3 .hTit1 a font.ri-arrow-right-s-line{ padding:0 0 0 10px; position:relative;} #Content3 .hTit1 a font.ri-arrow-right-s-line:after{ float:left; width:18px; height:2px; position:absolute; left:0; top:50%; content:''; background:#FFF; margin-top:-1px;} #Content3 .hTit1 a font.ri-arrow-right-s-line::before{ height:22px !important; line-height:22px !important;} #Content3 .hTit2 a{ background:#fff; background:rgba(255,255,255,0.1); color:#fff} #Content3 .active .hTit1{animation:slideInDown 5s;-moz-animation:slideInDown 5s; -webkit-animation:slideInDown 5s;-o-animation:slideInDown 5s;} @media screen and (max-height:900px) { #Content3 .hTit1{ font-size:26px;} #Content3 .hTit1 span{ font-size:40px;} } @media screen and (max-width:1309px) { #Content3 .hTit1{ font-size:26px;} #Content3 .hTit1 span{ font-size:40px;} } #Content3 .section3{ background:#0e6eb8;} #Content3 .ApplBg{ float:left; width:100%; position:relative;} #Content3 .ApplBg:after{ float:left; width:100%; position:absolute; left:0; top:459px; height:100%; background:#fff;opacity:0.85; filter:alpha(opacity=85); content:''; z-index:2;} #Content3 #particles{ float:left; width:100%; position:absolute; left:0; top:0; height:100%; background:#0e6bb3; content:''; z-index:1;} #Content3 #banner-canvas{ float:left; width:100%; position:absolute; left:0; top:0; height:100%; background:#0e6bb3; content:''; z-index:1;} #Content3 .caseTop{ float:left; width:100%; margin-top:55px; position:relative;animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;} #Content3 .active .caseTop{animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;} #Content3 .caseTop .ul1{ margin:0 -15px;} #Content3 .caseTop .l1{ margin-bottom:60px; padding:0 15px; position:relative;} #Content3 .caseTop .l1:after{ display:none; float:left; width:0; height:0; content:''; position:absolute; left:50%; bottom:-61px; border-left:30px solid transparent; border-right:30px solid transparent;border-bottom:21px solid #fff; opacity:0.85; filter:alpha(opacity=85); margin-left:-30px;} #Content3 .caseTop .slick-current:after{ display:block;} #Content3 .caseTop .la{ float:left; width:100%; background:#3290d9; background:rgba(50,144,217,0.8); border-radius:10px; text-align:center; padding:42px 0 35px 0;} #Content3 .caseTop .slick-current .la{ background:#3290d9; background:rgba(255,255,255,0.2)} #Content3 .caseTop .img{ float:left; width:100%; line-height:0;} #Content3 .caseTop .img img{ display:block; margin:0 auto; width:72px; height:59px;} #Content3 .caseTop .tit{ float:left; width:100%; color:#fff; font-size:18px; line-height:28px; font-weight:bold; text-align:center; margin-top:25px;} #Content3 .caseTop .la:hover .img 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);} #Content3 .caseTop .slick-prev, #Content3 .caseTop .slick-next{ width:48px; height:48px; background:url(../images/781_main32.png) left center no-repeat; background-size:auto 100%; left:-93px; margin-top:-30px;} #Content3 .caseTop .slick-next{ left:auto; right:-93px; background:url(../images/781_main32.png) right center no-repeat; background-size:auto 100%;} #Content3 .caseTop .slick-prev:hover{ background:url(../images/781_main33.png) left center no-repeat; background-size:auto 100%;} #Content3 .caseTop .slick-next:hover{ background:url(../images/781_main33.png) right center no-repeat; background-size:auto 100%;} #Content3 .caseDown{ float:left; width:100%; border-bottom:1px solid #329fd9; border-bottom:1px solid rgba(50,144,217,0.3); padding-top:4.68%; position:relative;animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;} #Content3 .active .caseDown{animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;} #Content3 .caseDown .ul1{ margin:0 -15px;} #Content3 .caseDown .li1{ float:left; width:33.33%; padding:0 15px;} #Content3 .caseDown .li1 .img{ float:left; width:100%; line-height:0; overflow:hidden; position:relative;} #Content3 .caseDown .li1 .img i{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:url(../images/781_main34.png) center no-repeat; background-size:auto 100%;opacity:0; filter:alpha(opacity=00);-webkit-transform: scale(0); -moz-transform: scale(0);transform: scale(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; } #Content3 .caseDown .li1 .img span{ float:left; width:100%; position:absolute; left:0; top:50%; color:#fff; font-size:20px; line-height:26px; margin-top:-13px; text-align:center; z-index:2;opacity:0; filter:alpha(opacity=00);-webkit-transform: scale(0); -moz-transform: scale(0);transform: scale(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; } #Content3 .caseDown .li1 .tit{ float:left; width:100%; color:#333; font-size:20px; line-height:68px; padding:0 20px 0 48px; position:relative;} #Content3 .caseDown .li1 .tit:after{ float:left; width:18px; height:18px; border-radius:50%; background:#fff; border:4px solid #414b53; content:''; position:absolute; left:20px; top:50%; margin-top:-9px;} #Content3 .caseDown .li1 a:hover .tit{ color:#0e6eb8;} #Content3 .caseDown .li1 a:hover .tit:after{ border:4px solid #0e6eb8;} #Content3 .caseDown .li1 a:hover .img span{opacity:1; filter:alpha(opacity=100);-webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);} #Content3 .caseDown .li1 a:hover .img i{opacity:1; filter:alpha(opacity=100);-webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);} #Content3 .caseTop .slick-dots{ position:static; width:auto; left:auto; right:0; height:10px; margin-top:-15px;} #Content3 .caseTop .slick-dots li{ float:none; padding:0; vertical-align:top; margin:0 4px; width:10px; height:10px; border-radius:50%; overflow:hidden; text-indent:-99px; background:#eeeeee;} #Content3 .caseTop .slick-dots li.slick-active{ background:#0e6bb4;} #Content3 .bgTit2{ float:left; width:46.35%; position:absolute; right:0; top:100px;} @media screen and (max-height:900px) { #Content3 .ApplBg:after{ top:359px;} #Content3 .caseDown{ padding-top:2%;} #Content3 .caseDown .li1 .tit{ line-height:48px; font-size:16px;} #Content3 .caseTop .l1{ margin-bottom:30px;} #Content3 .caseTop .l1:after{ bottom:-31px;border-left:20px solid transparent; border-right:20px solid transparent;border-bottom:15px solid #fff; } #Content3 .caseTop{ margin-top:25px;} #Content3 .caseTop .la{padding:32px 0 25px 0;} #Content3 .caseTop .img img{ width:61px; height:50px;} #Content3 .caseTop .tit{ font-size:18px; line-height:28px; margin-top:15px; font-size:16px;} #Content3 .caseTop .slick-prev, #Content3 .caseTop .slick-next{ width:36px; height:36px; left:-50px; margin-top:-18px;} #Content3 .caseTop .slick-next{ left:auto; right:-50px;} } #Content3 .bgTit2{ float:left; width:46.35%; position:absolute; right:0; top:0;} #Content3 .bg0{ float:left; width:100%; height:100%; z-index:0; position:absolute; left:0; top:0;} #Content3 .section{ overflow:hidden; height:100vh; position:relative;} @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ #Content3 .ApplBg:after{ top:359px;} #Content3 .caseDown{ padding-top:2%;} #Content3 .caseDown .li1 .tit{ line-height:48px; font-size:16px;} #Content3 .caseTop .l1{ margin-bottom:30px;} #Content3 .caseTop .l1:after{ bottom:-31px;border-left:20px solid transparent; border-right:20px solid transparent;border-bottom:15px solid #fff; } #Content3 .caseTop{ margin-top:25px;} #Content3 .caseTop .la{padding:32px 0 25px 0;} #Content3 .caseTop .img img{ width:61px; height:50px;} #Content3 .caseTop .tit{ font-size:18px; line-height:28px; margin-top:15px; font-size:16px;} #Content3 .caseTop .slick-prev, #Content3 .caseTop .slick-next{ width:36px; height:36px; left:-50px; margin-top:-18px;} #Content3 .caseTop .slick-next{ left:auto; right:-50px;} #Content3 .hTit1{ font-size:26px;} #Content3 .hTit1 span{ font-size:40px;} } @media screen and (max-width:1023px){ #Content3 .hTit1{ font-size:16px; line-height:24px; margin-top:0; } #Content3 .hTit1 span{ font-size:25px; padding-right:6px;} #Content3 .hTit1 a{ margin-top:9px;} #Content3 .section{ height:auto !important; display:block; float:left; width:100%;} #Content3 .fp-tableCell{ height:auto !important; display:block; float:left;} #Content3 .bgTit2{ top:-8px;} #Content3 .ApplBg:after{ top:187px;} #Content3 .section3 { padding:30px 0;} #Content3 .caseTop .ul1{ margin:0 -6px;} #Content3 .caseTop .l1{ padding:0 6px;} #Content3 .caseTop .la{padding:15px 0;} #Content3 .caseTop .img img{ width:51px; height:42px;} #Content3 .caseTop .tit{ margin-top:5px;} #Content3 .caseDown .ul1{ margin:0 -6px; padding-top:4%;} #Content3 .caseDown .li1{ padding:0 6px;} #Content3 .caseDown .li1 .img span{ font-size:16px;} #Content3 .caseDown .li1 .tit{ line-height:44px; padding:0 12px 0 32px;} #Content3 .caseDown .li1 .tit:after{ width:12px; height:12px; border:2px solid #414b53; left:12px; margin-top:-6px;} #Content3 .caseDown .li1 a:hover .tit:after{ border:2px solid #0e6eb8;} } @media screen and (max-width:768px){ #Content3 .hTit1 span{ display:block;} #Content3 .hTit1 a{ position:absolute; right:0; top:50%; margin-top:-7px; padding:0 6px; font-size:12px; height:7px; line-height:18px;} #Content3 .hTit1 a font.ri-arrow-right-line{ padding:0 0 0 5px; position:relative;} #Content3 .hTit1 a font.ri-arrow-right-line:after{ width:10px; } #Content3 .caseDown .li1{ width:50%;} #Content3 .caseTop{ margin-top:15px;} #Content3 .caseTop .l1{ margin-bottom:19px;} #Content3 .caseTop .l1:after{ bottom:-21px;border-left:10px solid transparent; border-right:10px solid transparent;border-bottom:10px solid #fff; } } #Content4 .hTit1{ float:left; width:100%; color:#333; font-size:30px; line-height:40px; margin-top:110px; position:relative;animation:slideInDown 5s;-moz-animation:slideInDown 5s; -webkit-animation:slideInDown 5s;-o-animation:slideInDown 5s;} #Content4 .hTit1 span{ font-family:Arial; font-size:50px; font-weight:bold; padding-right:12px;} #Content4 .hTit1 a{ float:right; position:relative; margin-top:24px; height:11px; background:#0e6eb8; background:rgba(14,110,184,0.1); color:#0e6eb8; font-size:14px; font-weight:bold; font-family:'Open Sans'; text-transform:uppercase; padding:0 10px; line-height:22px;} #Content4 .hTit1 a font{ display:inline-block; vertical-align:top; margin-top:-12px;} #Content4 .hTit1 a font.ri-arrow-right-s-line{ padding:0 0 0 10px; position:relative;} #Content4 .hTit1 a font.ri-arrow-right-s-line:after{ float:left; width:18px; height:2px; position:absolute; left:0; top:50%; content:''; background:#0e6eb8; margin-top:-1px;} #Content4 .hTit1 a font.ri-arrow-right-s-line::before{ height:22px !important; line-height:22px !important;} #Content4 .hTit2 a{ background:#fff; background:rgba(255,255,255,0.1); color:#fff} #Content4 .active .hTit1{animation:slideInDown 5s;-moz-animation:slideInDown 5s; -webkit-animation:slideInDown 5s;-o-animation:slideInDown 5s;} @media screen and (max-height:900px) { #Content4 .hTit1{ font-size:26px;} #Content4 .hTit1 span{ font-size:40px;} } /*产品中心*/ #Content4 .section{ overflow:hidden; height:100vh; position:relative;} #Content4 .section4{ background:url(../images/782_main7.jpg) center repeat;} #Content4 .porlist{ float:left; width:100%; margin-top:4.29%; position:relative; z-index:16;animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;} #Content4 .active .porlist{animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;} #Content4 .porlist ul{ margin:-30px -15px 0 -15px;} #Content4 .porlist li{ float:left; width:33.33%; padding:0 15px; margin-top:30px;} #Content4 .porlist li a{ float:left; width:100%; position:relative; background:#eeeeee; padding-right:172px; height:258px;} #Content4 .porlist li .cont{ float:left; width:100%; padding:35px 6px 40px 40px; position:relative; z-index:6;} #Content4 .porlist li .tit1{ float:left; width:100%; color:#111; font-size:22px; line-height:32px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;} #Content4 .porlist li .tit2{ float:left; width:100%; color:#555; font-size:18px; line-height:28px; text-transform:uppercase; margin:16px 0 2px 0; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;} #Content4 .porlist li .tit3{ float:left; width:100%; color:#777; font-size:14px ; line-height:24px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;} #Content4 .porlist li .tit4{ float:left; width:100%; margin-top:45px;} #Content4 .porlist li .tit4 span{ display:inline-block; vertical-align:top; width:90px; height:36px; line-height:34px; border:1px solid #0e6eb8; background:#0e6eb8; text-align:center; color:#fff; font-size:14px;} #Content4 .porlist li .pic1{ position:absolute; right:0; top:50%; margin-top:-86px; width:172px; height:172px; line-height:0; z-index:1;} #Content4 .porlist li a:hover .pic1{ right:50%; margin-right:-86px;opacity:0.3; filter:alpha(opacity=30); } #Content4 .porlist li a:hover{ background:url(../images/782_por6.png) center no-repeat #0e6eb8; background-size:cover; box-shadow:0 0 38px rgba(14,110,184,0.4); padding-right:0 !important;} #Content4 .porlist li a:hover .cont{ padding:35px 6px 40px 6px;} #Content4 .porlist li a:hover .tit1{ color:#fff; text-align:center; margin-top:7px;} #Content4 .porlist li a:hover .tit2{ color:#fff; text-align:center;} #Content4 .porlist li a:hover .tit3{ color:#fff; text-align:center;opacity:0.6; filter:alpha(opacity=60);} #Content4 .porlist li a:hover .tit4{ text-align:center; margin-top:25px;} #Content4 .porlist li a:hover .tit4 span{ border:1px solid #fff; border-radius:3px; color:#fff; background:none;} #Content4 .porlist .slick-prev, #Content4 .porlist .slick-next{ width:48px; height:48px; left:-94px; z-index:66; border-radius:50%; border:1px solid #0e6eb8; color:#0e6eb8;} #Content4 .porlist .slick-next{ left:auto; right:-94px; } #Content4 .porlist .slick-prev:hover{ background:#0e6eb8;} #Content4 .porlist .slick-next:hover{ background:#0e6eb8;} #Content4 .porlist .slick-prev:after{ float:left; width:16px; height:2px; background:#0e6eb8; content:''; position:absolute; left:15px; top:17px; transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);} #Content4 .porlist .slick-prev:before{ float:left; width:16px; height:2px; background:#0e6eb8; content:''; position:absolute; left:15px; bottom:17px; transform:rotate(-145deg); -moz-transform:rotate(-145deg); -ms-transform:rotate(-145deg); -o-transform:rotate(-145deg); -webkit-transform:rotate(-145deg);} #Content4 .porlist .slick-next:after{ float:left; width:16px; height:2px; background:#0e6eb8; content:''; position:absolute; right:15px; top:17px; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);} #Content4 .porlist .slick-next:before{ float:left; width:16px; height:2px; background:#0e6eb8; content:''; position:absolute; right:15px; bottom:17px; transform:rotate(145deg); -moz-transform:rotate(145deg); -ms-transform:rotate(145deg); -o-transform:rotate(145deg); -webkit-transform:rotate(145deg);} #Content4 .porlist .slick-prev:hover:after, #Content4 .porlist .slick-prev:hover:before, #Content4 .porlist .slick-next:hover:after, #Content4 .porlist .slick-next:hover:before{ background:#fff;} #Content4 .porlist2{ display:none;} #Content4 .porlist1{ display:block;} #Content4 .porlist .slick-dots{ position:static; height:10px; margin-top:15px;} #Content4 .porlist .slick-dots li{ float:none; padding:0; vertical-align:top; margin:0 4px; width:10px; height:10px; border-radius:50%; overflow:hidden; text-indent:-99px; background:#eeeeee;} #Content4 .porlist .slick-dots li.slick-active{ background:#0e6bb4;} @media screen and (max-height:900px) { #Content4 .porlist{ margin-top:2%;} #Content4 .porlist ul{ margin:-20px -15px 0 -15px;} #Content4 .porlist li{ margin-top:20px;} #Content4 .porlist li a{ height:238px;} #Content4 .porlist li .cont{ padding:25px 6px 30px 40px; } #Content4 .porlist li a:hover .cont{ padding:25px 6px 30px 6px;} #Content4 .porlist .slick-prev, #Content4 .porlist .slick-next{ width:36px; height:36px; left:-50px; } #Content4 .porlist .slick-next{ left:auto; right:-50px;} #Content4 .porlist .slick-next{ left:auto; right:-50px;} #Content4 .porlist .slick-prev:after{ left:10px; top:12px; width:12px;} #Content4 .porlist .slick-prev:before{ left:10px; bottom:12px; width:12px;} #Content4 .porlist .slick-next:after{right:10px; top:12px; width:12px;} #Content4 .porlist .slick-next:before{ right:10px; bottom:12px; width:12px; } } @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ #Content4 .hTit1{ font-size:26px;} #Content4 .hTit1 span{ font-size:40px;} #Content4 .porlist li a{ padding-right:132px; height:203px;} #Content4 .porlist li .cont{ padding:25px 6px 30px 15px;} #Content4 .porlist li .tit1{ font-size:18px; line-height:28px;} #Content4 .porlist li .tit2{ font-size:16px; line-height:26px; margin:8px 0 0 0;} #Content4 .porlist li .tit4{ margin-top:22px;} #Content4 .porlist li .pic1{ margin-top:-66px; width:132px; height:132px; } #Content4 .porlist li a:hover .pic1{ margin-right:-66px;} #Content4 .porlist li a:hover .cont{ padding:25px 6px 30px 6px;} #Content4 .porlist li a:hover .tit4{ margin-top:15px;} #Content4 .porlist .slick-prev, #Content4 .porlist .slick-next{ width:36px; height:36px; left:-50px; } #Content4 .porlist .slick-next{ left:auto; right:-50px;} #Content4 .porlist .slick-prev:after{ left:10px; top:12px; width:12px;} #Content4 .porlist .slick-prev:before{ left:10px; bottom:12px; width:12px;} #Content4 .porlist .slick-next:after{right:10px; top:12px; width:12px;} #Content4 .porlist .slick-next:before{ right:10px; bottom:12px; width:12px; } } @media screen and (max-width:1023px){ #Content4 .section4{ padding:30px 0;} #Content4 .porlist{ float:left; width:100%; margin-top:4%;} #Content4 .porlist ul{ margin:-12px -6px 0 -6px;} #Content4 .hTit1{ font-size:16px; line-height:24px; margin-top:0; } #Content4 .hTit1 span{ font-size:25px; padding-right:6px;} #Content4 .hTit1 a{ margin-top:9px;} #Content4 .porlist li{padding:0 6px; margin-top:12px; width:50%;} #Content4 .porlist li a{ padding-right:132px; height:183px;} #Content4 .porlist li .cont{ padding:15px 6px 20px 15px;} #Content4 .porlist li a:hover .cont{ padding:15px 6px 20px 6px;} #Content4 .section{ height:auto !important; display:block; float:left; width:100%;} #Content4 .fp-tableCell{ height:auto !important; display:block; float:left;} } @media screen and (max-width:768px){ #Content4 .hTit1 span{ display:block;} #Content4 .hTit1 a{ position:absolute; right:0; top:50%; margin-top:-7px; padding:0 6px; font-size:12px; height:7px; line-height:18px;} #Content4 .hTit1 a font.ri-arrow-right-line{ padding:0 0 0 5px; position:relative;} #Content4 .hTit1 a font.ri-arrow-right-line:after{ width:10px; } #Content4 .porlist li{ width:100%;} #Content4 .porlist1{ display:none;} #Content4 .porlist2{ display:block;} } #Content5 .section{ overflow:hidden; height:100vh; position:relative;} /*About us*/ #Content5 .section{ overflow:hidden; height:100vh; position:relative;} #Content5 .topM{ float:left; width:100%; margin-top:110px; position:relative;animation:slideInDown 2s;-moz-animation:slideInDown 2s; -webkit-animation:slideInDown 2s;-o-animation:slideInDown 2s;} #Content5 .active .topM{animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;} #Content5 .topM .hTit2{ color:#fff; margin-top:28px; font-size:40px;} #Content5 .topM .hTit2 span{ display:block; margin-bottom:4%; font-size:50px;} #Content5 .aboutCont{ float:left; width:42%;} #Content5 .aboutCont .info{ float:left; width:100%; color:#fff; font-size:16px; line-height:36px; height:180px; overflow:hidden; margin-top:9%;} #Content5 .hVio{ float:right; width:54.375%; position:relative; line-height:0; border:20px solid #fff; border:20px solid rgba(255,255,255,0.06); top:0; right:0; margin:0 -20px 0 0;} #Content5 .hVio .img{ float:left; width:100%; height:100%; position:relative;} #Content5 .hVio .paly{ float:left; width:100%; position:absolute; left:0; top:50%; margin-top:-36px; z-index:6; text-align:center;} #Content5 .hVio .video{ display:inline-block; vertical-align:top; width:72px; height:72px; cursor:pointer;} #Content5 .hVio h5{ float:left; width:100%; color:#fff; font-size:18px; line-height:28px; font-weight:bold; margin-top:35px;} #Content5 .video_tc{display: none; position:absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 66;background: rgba(0,0,0,0.60);} #Content5 .video_tc i{display: none;float: left; width: 32px; height: 32px; line-height: 32px; color: #fff; font-size:24px; text-align: center;font-family: Arial; position: absolute; right: -10px; top: -10px; background: url(../images/783_main19.png) center no-repeat #0e6eb8; border-radius: 50%; transform: rotate(45deg); z-index:8;} #Content5 .video_tc ._vid{float: left; width: 100%; position:relative; height:100%; z-index:6;} #Content5 .video_tc ._vid video{display: block;position: relative;width: 100%;height: 100%;object-fit: cover;} #Content5 .honorTab{ float:left; width:100%; margin-top:3.2%; position:relative;animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;} #Content5 .active .honorTab{animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;} #Content5 .honorTab .ul1{ margin:0 -13px;} #Content5 .honorTab .l1{ padding:0 13px;} #Content5 .honorTab .l1 .img{ float:left; width:100%; line-height:0; overflow:hidden;} #Content5 .honorTab .l1 .tit{ float:left; width:100%; text-align:center; color:#fff; font-size:14px; line-height:24px; margin-top:7px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;} #Content5 .honorTab .slick-prev, #Content5 .honorTab .slick-next{ width:12px; height:21px; left:-28px; background:url(../images/783_ico3.png) left center no-repeat; margin-top:-15px;} #Content5 .honorTab .slick-next{ left:auto; right:-28px; background:url(../images/783_ico3.png) right center no-repeat;} #Content5 .honorTab .slick-prev:hover, #Content5 .honorTab .slick-next:hover{opacity:0.4; filter:alpha(opacity=40);} #Content5 .honorTab .slick-dots{ position:static; height:10px; margin-top:10px;} #Content5 .honorTab .slick-dots li{ float:none; padding:0; vertical-align:top; margin:0 4px; width:10px; height:10px; border-radius:50%; overflow:hidden; text-indent:-99px; background:#fff;opacity:0.4; filter:alpha(opacity=40);} #Content5 .honorTab .slick-dots li.slick-active{opacity:1; filter:alpha(opacity=100);} @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ #Content5 .topM .hTit2{ font-size:30px;} #Content5 .topM .hTit2 span{ font-size:40px; margin-bottom:2%;} #Content5 .aboutCont .info{ line-height:30px; height:150px;} #Content5 .hVio{ border:12px solid #fff; border:12px solid rgba(255,255,255,0.06); margin:0 -12px 0 0;} #Content5 .hVio .paly{ margin-top:-28px;} #Content5 .hVio .video{ width:56px; height:56px;} #Content5 .honorTab .ul1{ margin:0 -8px;} #Content5 .honorTab .l1{ padding:0 8px;} } @media screen and (max-width:1023px){ #Content5 .section5{ padding:30px 0;} #Content5 .topM{ margin-top:0;} #Content5 .topM .hTit2{ font-size:18px; margin-top:18px;} #Content5 .topM .hTit2 span{ font-size:25px; margin-bottom:5px;} #Content5 .aboutCont .info{ font-size:14px; line-height:26px; height:130px; margin-top:10px;} #Content5 .section{ height:auto !important; display:block; float:left; width:100%;} #Content5 .fp-tableCell{ height:auto !important; display:block; float:left;} } @media screen and (max-width:768px){ #Content5 .hVio{ width:100%; margin:0;} #Content5 .aboutCont{ width:100%;} #Content5 .aboutCont .info{ height:78px;} #Content5 .honorTab{ margin-top:15px;} } #Content6 .hTit1{ float:left; width:100%; color:#333; font-size:30px; line-height:40px; margin-top:110px; position:relative;animation:slideInDown 5s;-moz-animation:slideInDown 5s; -webkit-animation:slideInDown 5s;-o-animation:slideInDown 5s;} #Content6 .hTit1 span{ font-family:Arial; font-size:50px; font-weight:bold; padding-right:12px;} #Content6 .hTit1 a{ float:right; position:relative; margin-top:24px; height:11px; background:#0e6eb8; background:rgba(14,110,184,0.1); color:#0e6eb8; font-size:14px; font-weight:bold; font-family:'Open Sans'; text-transform:uppercase; padding:0 10px; line-height:22px;} #Content6 .hTit1 a font{ display:inline-block; vertical-align:top; margin-top:-12px;} #Content6 .hTit1 a font.ri-arrow-right-s-line{ padding:0 0 0 10px; position:relative;} #Content6 .hTit1 a font.ri-arrow-right-s-line:after{ float:left; width:18px; height:2px; position:absolute; left:0; top:50%; content:''; background:#0e6eb8; margin-top:-1px;} #Content6 .hTit1 a font.ri-arrow-right-s-line::before{ height:22px !important; line-height:22px !important;} #Content6 .hTit2 a{ background:#fff; background:rgba(255,255,255,0.1); color:#fff} #Content6 .active .hTit1{animation:slideInDown 5s;-moz-animation:slideInDown 5s; -webkit-animation:slideInDown 5s;-o-animation:slideInDown 5s;} @media screen and (max-height:900px) { #Content6 .hTit1{ font-size:26px;} #Content6 .hTit1 span{ font-size:40px;} } #Content6 .hNews1{ float:left; width:100%;margin-top:4.29%; position:relative;animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;} #Content6 .active .hNews1{animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;} #Content6 .hNews1 li{ float:left; width:100%;} #Content6 .hNews1 .img{ float:left; width:43.75%; max-height:320px;line-height:0; overflow:hidden;} #Content6 .hNews1 .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;} #Content6 .hNews1 li:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Content6 .hNews1 .info{ float:right; width:42.65%; margin-top:10px;} #Content6 .hNews1 .time{ float:left; width:100%; color:#0e6eb8; font-size:16px; line-height:26px;} #Content6 .hNews1 .time i{ display:inline-block; vertical-align:top; margin-top:1px;} #Content6 .hNews1 .tit{ float:left; width:100%; color:#222; font-size:24px; line-height:34px; max-height:68px; overflow:hidden; margin:17px 0 26px 0;} #Content6 .hNews1 .cont{ float:left; width:100%; color:#666; font-size:16px; line-height:28px; height:56px; overflow:hidden;} #Content6 .hNews1 .more{ float:left; margin-top:34px; width:120px; height:36px; line-height:34px; text-align:center; color:#fff; font-size:14px; background:#0e6eb8;} #Content6 .hNews1 .more:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} #Content6 .hNews1 li:hover .tit{ color:#0e6eb8;} #Content6 .hNews1 .slick-dots{ width:51px; left:45.7%; bottom:auto; top:-7px; text-align:right;} #Content6 .hNews1 .slick-dots li{ width:100%; height:30px; margin:15px 0; position:relative;} #Content6 .hNews1 .slick-dots li:after{ float:left; width:0; height:2px; background:#0e6eb8; content:''; position:absolute; left:0; top:50%; margin-top:-1px;} #Content6 .hNews1 .slick-dots li button{ width:100%; font-size:24px; height:30px; line-height:30px; color:#666; outline:none; cursor:pointer; padding:0; text-align:right;} #Content6 .hNews1 .slick-dots li.slick-active:after{ width:15px;} #Content6 .hNews1 .slick-dots li.slick-active button{ color:#666; font-weight:bold; color:#0e6eb8;} @media screen and (max-height:900px) { #Content6 .hNews1{ margin-top:2.2%;} #Content6 .hNews1 .img{ width:37%;} #Content6 .hNews1 .slick-dots{ left:39.7%; top:0;} #Content6 .hNews1 .slick-dots li{ margin:6px 0;} #Content6 .hNews1 .info{ margin-top:0;} #Content6 .hNews1 .tit{ margin:10px 0 15px 0; font-size:22px; line-height:32px; max-height:64px;} #Content6 .hNews1 .more{ margin-top:24px;} #Content6 .hNews1 .info{ width:48.65%;} } /*hNews*/ #Content6 .hNews2{ float:left; width:100%; margin-top:4.68%; position:relative;animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;} #Content6 .active .hNews2{animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;} #Content6 .hNews2 ul{ margin:0 -15px;} #Content6 .hNews2 ul li{ float:left; width:25%; padding:0 15px;} #Content6 .hNews2 ul li .img{ float:left; width:100%; line-height:0; overflow:hidden;} #Content6 .hNews2 ul li a:hover .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;} #Content6 .hNews2 ul li a:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Content6 .hNews2 ul li .tit{ float:left; width:100%; color:#333; font-size:18px; line-height:28px; margin-top:15px;} #Content6 .hNews2 ul li a:hover .tit{ color:#0e6eb8;} #Content6 .hNews2 .slick-dots{ position:static; height:10px; margin-top:10px;} #Content6 .hNews2 .slick-dots li{ float:none; padding:0; vertical-align:top; margin:0 4px; width:10px; height:10px; border-radius:50%; overflow:hidden; text-indent:-99px; background:#eeeeee;} #Content6 .hNews2 .slick-dots li.slick-active{ background:#0e6bb4;} @media screen and (max-height:900px) { #Content6 .hNews2{ margin-top:2%;} #Content6 .hNews2 ul li .tit{ margin-top:10px; font-size:16px; line-height:26px;} } #Content6 .section{ overflow:hidden; height:100vh; position:relative;} @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ #Content6 .hTit1{ font-size:26px;} #Content6 .hTit1 span{ font-size:40px;} #Content6 .hNews1 .slick-dots{ top:0;} #Content6 .hNews1 .slick-dots li{ margin:6px 0;} #Content6 .hNews1 .slick-dots li button{ font-size:18px;} #Content6 .hNews1 .tit{ margin:10px 0 15px 0; font-size:20px; line-height:30px; max-height:60px;} #Content6 .hNews1 .cont{ font-size:14px; line-height:26px; height:52px;} #Content6 .hNews1 .more{ margin-top:24px;} #Content6 .hNews1 .img{ max-height:278px;} #Content6 .hNews2 ul li .tit{ margin-top:10px; font-size:16px; line-height:26px;} } @media screen and (max-width:1023px){ #Content6 .hTit1{ font-size:16px; line-height:24px; margin-top:0; } #Content6 .hTit1 span{ font-size:25px; padding-right:6px;} #Content6 .hTit1 a{ margin-top:9px;} #Content6 .section6{ padding:30px 0;} #Content6 .hNews1 .slick-dots{ width:40px;} #Content6 .hNews1 .slick-dots li button{ font-size:16px;} #Content6 .hNews1 .time{ font-size:13px;} #Content6 .hNews1 .tit{ font-size:17px; line-height:25px; max-height:50px; margin:2px 0 6px 0;} #Content6 .hNews1 .cont{ font-size:14px; line-height:22px; height:44px;} #Content6 .hNews1 .info{ margin-top:0;} #Content6 .hNews1 .more{ margin-top:15px;} #Content6 .hNews1 .img{ max-height:213px;} #Content6 .hNews{ padding:30px 0;} #Content6 .hNews2{ margin-top:20px;} #Content6 .hNews2 ul{ margin:0 -6px;} #Content6 .hNews2 ul li{ padding:0 6px;} #Content6 .hNews2 ul li .tit{ margin-top:5px;} #Content6 .section{ height:auto !important; display:block; float:left; width:100%;} #Content6 .fp-tableCell{ height:auto !important; display:block; float:left;} } @media screen and (max-width:768px){ #Content6 .hTit1 span{ display:block;} #Content6 .hTit1 a{ position:absolute; right:0; top:50%; margin-top:-7px; padding:0 6px; font-size:12px; height:7px; line-height:18px;} #Content6 .hTit1 a font.ri-arrow-right-line{ padding:0 0 0 5px; position:relative;} #Content6 .hTit1 a font.ri-arrow-right-line:after{ width:10px; } #Content6 .hNews1{ margin-top:4%;} #Content6 .hNews1 .img{ width:100%; padding-right:50px;} #Content6 .hNews1 .info{ width:100%; margin-top:10px;} #Content6 .hNews1 .slick-dots{ left:auto; right:0;} #Content6 .hNews1 .slick-dots li{ margin:0;} #Content6 .hNews1 .slick-dots li button{ font-size:14px;} #Content6 .hNews1 .more{ margin-top:12px;} #Content6 .hNews1 .img{ max-height:inherit;} @media screen and (max-width:374px ) { #Content6 .hNews1 .slick-dots{ display:none !important;} } #Content6 .hNews2 ul li{ width:50%;} } #Content7 .hTit1{ float:left; width:100%; color:#333; font-size:30px; line-height:40px; margin-top:110px; position:relative;animation:slideInDown 5s;-moz-animation:slideInDown 5s; -webkit-animation:slideInDown 5s;-o-animation:slideInDown 5s;} #Content7 .hTit1 span{ font-family:Arial; font-size:50px; font-weight:bold; padding-right:12px;} #Content7 .hTit1 a{ float:right; position:relative; margin-top:24px; height:11px; background:#0e6eb8; background:rgba(14,110,184,0.1); color:#0e6eb8; font-size:14px; font-weight:bold; font-family:'Open Sans'; text-transform:uppercase; padding:0 10px; line-height:22px;} #Content7 .hTit1 a font{ display:inline-block; vertical-align:top; margin-top:-12px;} #Content7 .hTit1 a font.ri-arrow-right-s-line{ padding:0 0 0 10px; position:relative;} #Content7 .hTit1 a font.ri-arrow-right-s-line:after{ float:left; width:18px; height:2px; position:absolute; left:0; top:50%; content:''; background:#0e6eb8; margin-top:-1px;} #Content7 .hTit1 a font.ri-arrow-right-s-line::before{ height:22px !important; line-height:22px !important;} #Content7 .hTit2 a{ background:#fff; background:rgba(255,255,255,0.1); color:#fff} #Content7 .active .hTit1{animation:slideInDown 5s;-moz-animation:slideInDown 5s; -webkit-animation:slideInDown 5s;-o-animation:slideInDown 5s;} @media screen and (max-height:900px) { #Content7 .hTit1{ font-size:26px;} #Content7 .hTit1 span{ font-size:40px;} } #Content7 .section{ overflow:hidden; height:100vh; position:relative;} #Content7 .ServSupp{ float:left; width:100%; margin-top:2.73%; position:relative;animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;} #Content7 .active .ServSupp{animation:slideInUp 2s;-moz-animation:slideInUp 2s; -webkit-animation:slideInUp 2s;-o-animation:slideInUp 2s;} #Content7 .ServSupp .ul1{ margin:0 -15px;} #Content7 .ServSupp .l1{ float:left; width:33.33%; padding:0 15px; margin-top:30px;} #Content7 .ServSupp .l1 a{ float:left; width:100%; background:#fff; position:relative; text-align:center; overflow:hidden; padding:53px 14.72% 55px 14.72%;} #Content7 .ServSupp .l1 .img{ float:left; width:278px; height:278px; position:absolute; left:50%; top:50%; margin:-139px 0 0 -139px; z-index:1;} #Content7 .ServSupp .l1 .ico{ float:left; width:100%; line-height:0; height:88px; position:relative; z-index:6;} #Content7 .ServSupp .l1 .ico img{ display:inline-block; vertical-align:top; width:88px; height:88px;} #Content7 .ServSupp .l1 .ico1{ position:relative;opacity:1; filter:alpha(opacity=100);} #Content7 .ServSupp .l1 .ico2{ position:absolute; left:50%; top:0; margin-left:-44px;opacity:0; filter:alpha(opacity=00);} #Content7 .ServSupp .l1 .tit{ float:left; width:100%; color:#333; font-size:18px; line-height:28px; position:relative; z-index:6; margin:20px 0 10px 0;} #Content7 .ServSupp .l1 .info{ float:left; width:100%; color:#888; font-size:14px; line-height:24px; height:48px; overflow:hidden; position:relative; z-index:6;} #Content7 .ServSupp .l1 .bg{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; background:#fff;-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; } #Content7 .ServSupp .l1 a:hover .bg{opacity:0.95; filter:alpha(opacity=95);background:#0e6eb8;} #Content7 .ServSupp .l1 a:hover .tit{ color:#fff;} #Content7 .ServSupp .l1 a:hover .info{ color:#fff;opacity:0.6; filter:alpha(opacity=60);} #Content7 .ServSupp .l1 a:hover .ico1{opacity:0; filter:alpha(opacity=00);} #Content7 .ServSupp .l1 a:hover .ico2{opacity:1; filter:alpha(opacity=100);-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-height:900px) { #Content7 .ServSupp{ margin-top:1.5%;} #Content7 .ServSupp .l1{ margin-top:20px;} #Content7 .ServSupp .l1 a{ padding:20px 14.72% 25px 14.72%;} #Content7 .ServSupp .l1 .tit{ margin:10px 0 10px 0;} } @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ #Content7 .hTit1{ font-size:26px;} #Content7 .hTit1 span{ font-size:40px;} #Content7 .ServSupp{ margin-top:1.5%;} #Content7 .ServSupp .l1{ margin-top:20px;} #Content7 .ServSupp .l1 a{ padding:20px 14.72% 25px 14.72%;} #Content7 .ServSupp .l1 .tit{ margin:10px 0 10px 0;} } @media screen and (max-width:1023px){ #Content7 .hTit1{ font-size:16px; line-height:24px; margin-top:0; } #Content7 .hTit1 span{ font-size:25px; padding-right:6px;} #Content7 .hTit1 a{ margin-top:9px;} #Content7 .section{ height:auto !important; display:block; float:left; width:100%;} #Content7 .fp-tableCell{ height:auto !important; display:block; float:left;} #Content7 .section7{ padding:30px 0;} #Content7 .ServSupp{ margin-top:1.5%;} #Content7 .ServSupp .ul1{ margin:0 -6px;} #Content7 .ServSupp .l1{ padding:0 6px; margin-top:12px;} #Content7 .ServSupp .l1 a{ padding:15px 12px 20px 12px;} #Content7 .ServSupp .l1 .img{ width:140px; height:140px; margin:-70px 0 0 -70px;} #Content7 .ServSupp .l1 .ico{ height:60px;} #Content7 .ServSupp .l1 .ico img{width:60px; height:60px;} #Content7 .ServSupp .l1 .ico2{ margin-left:-30px;} #Content7 .ServSupp .l1 .tit{ font-size:16px; line-height:26px;margin:5px 0 5px 0;} } @media screen and (max-width:768px){ #Content7 .hTit1 span{ display:block;} #Content7 .hTit1 a{ position:absolute; right:0; top:50%; margin-top:-7px; padding:0 6px; font-size:12px; height:7px; line-height:18px;} #Content7 .hTit1 a font.ri-arrow-right-line{ padding:0 0 0 5px; position:relative;} #Content7 .hTit1 a font.ri-arrow-right-line:after{ width:10px; } #Content7 .ServSupp{ margin-top:1.5%;} #Content7 .ServSupp .l1{ width:50%;} #Content7 .ServSupp .l1 .info{ font-size:13px; line-height:22px; height:44px;} } #Down2 #section8 .fp-tableCell{display: block !important;} /*右侧漂浮*/ #Down2 .pf_right{ float:right; width:42px; position:fixed; right:3px; top:50%; margin-top:-108px; z-index:888; background:url(../images/786_pf6.png) center no-repeat; padding:19px 0; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} #Down2 .pf_right li{ float:left; width:100%; position:relative; height:42px; z-index:6; margin:8px 0 7px 0;} #Down2 .pf_right li:last-child{ border-bottom:none;} #Down2 .pf_right li a{ float:left; width:100%; height:42px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; position:relative; z-index:6;} #Down2 .pf_right li .ico1{ background:url(../images/786_pf1.png) center no-repeat rgba(0,0,0,0.2);} #Down2 .pf_right li .ico2{ background:url(../images/786_pf2.png) center no-repeat rgba(0,0,0,0.2);} #Down2 .pf_right li .ico3{ background:url(../images/786_pf3.png) center no-repeat rgba(0,0,0,0.2);} #Down2 .pf_right li .ico4{ background:url(../images/786_pf4.png) center no-repeat rgba(0,0,0,0.2);} #Down2 .pf_right li .ico5{ background:url(../images/786_pf5.png) center no-repeat rgba(0,0,0,0.2);} #Down2 .pf_right li:hover .ico1{ background:url(../images/786_pf1.png) center no-repeat #0e6eb8;} #Down2 .pf_right li:hover .ico2{ background:url(../images/786_pf2.png) center no-repeat #0e6eb8;} #Down2 .pf_right li:hover .ico3{ background:url(../images/786_pf3.png) center no-repeat #0e6eb8;} #Down2 .pf_right li:hover .ico4{ background:url(../images/786_pf4.png) center no-repeat #0e6eb8;} #Down2 .pf_right li:hover .ico5{ background:url(../images/786_pf5.png) center no-repeat #0e6eb8;} #Down2 .pf_right .Hotline{ float:left; position:absolute; top:0; right:-300px; background:#fff; border:1px solid #e5e5e5; border-radius:3px; padding:5px 12px; color:#0e6eb8; font-size:18px; letter-spacing:1px;white-space: nowrap; line-height:32px;-webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; z-index:1; } #Down2 .pf_right .Hotline:after{ float:left; width:0; height:0; content:''; position:absolute; right:-8px; top:50%; margin-top:-7px; border-top:7px solid transparent; border-bottom:7px solid transparent;border-left:9px solid #fff;} #Down2 .pf_right li:hover .Hotline{ right:58px;} #Down2 .pf_right .erweima{ float:left; width:90px; position:absolute; top:50%; margin-top:-45px; right:-300px;background:#fff; line-height:0; padding:6px; border:1px solid #e5e5e5; border-radius:3px;-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; z-index:1;} #Down2 .pf_right .erweima:after{ float:left; width:0; height:0; content:''; position:absolute; right:-8px; top:50%; margin-top:-7px; border-top:7px solid transparent; border-bottom:7px solid transparent;border-left:9px solid #fff;} #Down2 .pf_right li:hover .erweima{ right:58px;} /*手机底部导航*/ #Down2 .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#0e6eb8; z-index:54; box-shadow:0 -4px 7px rgba(0,0,0,0.15);} #Down2 .pf_down li{ width:25%; float:left; text-align:center; padding:7px 0 5px 0; border-right:1px solid rgba(255,255,255, 0.2);} #Down2 .pf_down li:last-child{ border:none;} #Down2 .pf_down li .ico7{ width:100%; float:left; height:20px;} #Down2 .pf_down li .name{ width:100%; float:left; margin-top:3px; font-size:12px; color:#fff; line-height:14px; text-transform:uppercase;} #Down2 .pf_down li.l1 .ico7{ background:url(../images/786_btn15.png) no-repeat center; background-size:20px 20px;} #Down2 .pf_down li.l2 .ico7{ background:url(../images/786_btn14.png) no-repeat center; background-size:20px 20px;} #Down2 .pf_down li.l3 .ico7{ background:url(../images/786_btn16.png) no-repeat center; background-size:20px 20px;} #Down2 .pf_down li.l4 .ico7{ background:url(../images/786_btn17.png) no-repeat center; background-size:20px 20px;} /*footer*/ #Down2 .pz_down{ float:left; width:100%; background:#222;} #Down2 .foot1{ float:left; width:100%; padding:76px 0 22px 0; border-bottom:1px solid #fff; border-bottom:1px solid rgba(255,255,255,0.1);} #Down2 .footUs{ float:left; width:32.81%; padding-right:15px;} #Down2 .footUs .l1{ float:left; width:100%; color:#fff; font-size:14px; line-height:24px; padding-left:23px; background:url(../images/786_foot1.png) left center no-repeat; margin:4px 0 7px 0;} #Down2 .footUs .l2{ float:left; width:100%; color:#fff; font-size:36px; line-height:36px; font-weight:bold; font-family:Arial;} #Down2 .footUs .l3{ float:left; width:100%; color:#fff; font-size:16px; line-height:32px; margin:12px 0 26px 0; } #Down2 .footUs .l4{ float:left; width:100%;} #Down2 .footNav{ float:left;} #Down2 .footNav .ul1{ float:left; margin-right:60px;} #Down2 .footNav .footTit{ display:block; color:#fff; font-size:16px; line-height:26px;} #Down2 .footNav .box{ display:block; margin-top:17px;} #Down2 .footNav .box li{ display:block;} #Down2 .footNav .box li a{ display:block; color:#fff; color:rgba(255,255,255,0.8); font-size:14px; line-height:30px;} #Down2 .footNav .box li a:hover{ color:#0e6eb8;} #Down2 .footEWM{ float:right; width:170px;} #Down2 .footEWM .l1{ float:left; width:120px; height:120px; line-height:0; background:#fff; padding:5px;} #Down2 .footEWM .l2{ float:right; width:34px; height:120px; background:url(../images/786_foot5.png) center top no-repeat; color:#fff; font-size:14px; line-height:14px; padding-top:106px; text-align:center;} #Down2 .footEWM .tit{ float:left; width:100%; color:#fff; font-size:14px; line-height:29px; margin-top:25px; background:#fff; background:rgba(255,255,255,0.1); border-radius:29px; text-align:center;} #Down2 .footEWM .tit span{ font-family:"宋体"; padding-right:8px;} #Down2 .foot2{ float:left; width:100%; padding:25px 0 27px 0;} #Down2 .Copyright{ float:left; color:#fff; color:rgba(255,255,255,0.6); font-size:14px; line-height:24px;} #Down2 .Copyright a{color:#fff; color:rgba(255,255,255,0.6);} #Down2 .Copyright a:hover{ color:#0e6eb8;} #Down2 .footMap{ float:right; color:#fff; color:rgba(255,255,255,0.6); font-size:14px; line-height:24px;} #Down2 .footMap a{color:#fff; color:rgba(255,255,255,0.6);} #Down2 .footMap a:hover{ color:#0e6eb8;} @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ #Down2 .footNav .ul1{ margin-right:30px;} #Down2 .footUs .l3{ font-size:14px; line-height:32px;} #Down2 .footEWM{ width:160px;} } @media screen and (max-width:1023px){ #Down2 .section{ height:auto !important; display:block; float:left; width:100%;} #Down2 .fp-tableCell{ height:auto !important; display:block; float:left;} #Down2 .footNav{ display:none;} #Down2 .foot1{ padding:15px 0; position:relative;} #Down2 .foot2{ padding:15px 0; text-align:center;} #Down2 .pz_down{ margin-bottom:50px;} #Down2 .Copyright{ width:100%;} #Down2 .footMap{ width:100%;} #Down2 .footUs{ width:100%; padding-right:110px;} #Down2 .footUs .l1{ width:auto} #Down2 .footUs .l2{ font-size:24px; line-height:24px;} #Down2 .footUs .l3{ line-height:24px; margin:8px 0 0 0;} #Down2 .footEWM{width:100px; position:absolute; right:0; top:15px;} #Down2 .footEWM .tit{ margin-top:10px; font-size:12px; line-height:24px;} #Down2 .footEWM .tit span{ display:none; padding-right:2px;} #Down2 .footEWM .l1{ width:100px; height:100px;} #Down2 .footEWM .l2{ display:none; height:100px; padding-top:86px; background:url(../images/786_foot5.png) center -20px no-repeat;} } @media screen and (max-width:768px){ } /*内页banner*/ #Content8 .zy_banner{ float:left; width:100%; line-height:0; position:relative; margin-top:110px;} #Content8 .banTit{ float:left; width:100%; position:absolute; left:0; top:32.22%; z-index:6;} #Content8 .banTit .cont{ float:left; border:4px solid #0e6eb8; border:4px solid rgba(14,110,184,0.2); border-bottom:none !important; width:330px; height:111px; position:relative; margin-left:-15px;} #Content8 .banTit .cont:after{float:left; width:16px; height:16px; position:absolute; left:-11px; top:-11px; content:''; background:#0e6eb8; background:rgba(14,110,184,0.3);} #Content8 .banTit .zh{ float:left; width:100%; color:#0e6eb8; font-size:48px; line-height:47px; height:47px; font-weight:bold; letter-spacing:8px; margin:21px 0; padding:0 24px;} #Content8 .banTit .en{ float:left; width:100%; overflow:hidden; color:#333; font-size:32px; line-height:32px; height:32px; font-family:Arial; text-transform:uppercase; position:relative; padding:0 24px;} #Content8 .banTit .en span{ display:inline-block; vertical-align:top; position:relative;} #Content8 .banTit .en span:after{ float:left; width:14px; height:4px; position:absolute; left:-24px; top:50%; margin-top:-2px; content:''; background:#0e6eb8; background:rgba(14,110,184,0.2);} #Content8 .banTit .en span:before{ float:left; width:240px; height:4px; position:absolute; left:100%; top:50%; margin-top:-2px; margin-left:10px; content:''; background:#0e6eb8; background:rgba(14,110,184,0.2);} #Content8 .banTit1 .zh, #Content8 .banTit1 .en{ color:#fff;} #Content8 .banTit1 .cont{ border:4px solid #fff; border:4px solid rgba(255,255,255,0.2); width:370px;} #Content8 .banTit1 .cont:after{ background:#fff; background:rgba(255,255,255,0.3);} #Content8 .banTit1 .en span:after{ background:#fff; background:rgba(255,255,255,0.2);} #Content8 .banTit1 .en span:before{ background:#fff; background:rgba(255,255,255,0.2);} @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ #Content8 .banTit .cont{ margin-left:0; width:300px; height:86px;} #Content8 .banTit .zh{ float:left; width:100%; color:#0e6eb8; font-size:36px; line-height:36px; height:36px; font-weight:bold; letter-spacing:8px; margin:16px 0; padding:0 24px;} #Content8 .banTit .en{ float:left; width:100%; overflow:hidden; color:#333; font-size:24px; line-height:24px; height:24px; font-family:Arial; text-transform:uppercase; position:relative; padding:0 24px;} } @media screen and (max-width:1023px){ #Content8 .banTit{ top:20%;} #Content8 .banTit .cont{ margin-left:0; width:200px; height:58px;} #Content8 .banTit .zh{ float:left; width:100%; color:#0e6eb8; font-size:24px; line-height:24px; height:24px; font-weight:bold; letter-spacing:8px; margin:10px 0; padding:0 15px;} #Content8 .banTit .en{ float:left; width:100%; overflow:hidden; color:#333; font-size:16px; line-height:16px; height:16px; font-family:Arial; text-transform:uppercase; position:relative; padding:0 15px;} #Content8 .zy_banner{ margin-top:52px;} } @media screen and (max-width:768px){ } #Content9 .headline{ width:100%; background:#f3f5f8; text-align:center; float:left; position:relative; z-index:44;} #Content9 .pz_SideLayer{ display:inline-block; vertical-align:top;} #Content9 .pz_SideLayer li{ float:left; width:150px; position:relative; z-index:66;} #Content9 .pz_SideLayer li a{ display:block; width:100%; float:left; text-align:center; font-size:16px; color:#333; line-height:50px; height:50px; position:relative;} #Content9 .pz_SideLayer li a:after{ float:left; width:1px; height:23px; position:absolute; right:0; top:50%; margin-top:-12px; content:''; background:#dadcdf; z-index:-1;} #Content9 .pz_SideLayer li a:hover, #Content9 .pz_SideLayer li a.hover{ color:#fff; background:#0e6eb8;} #Content9 .SideLayer{ display:none; float:left; width:100%; position:absolute; left:0; top:50px;} #Content9 .SideLayer li{ float:left; width:100% !important; text-align:center; margin:0;} #Content9 .SideLayer li a{ float:left; width:100% !important; color:#666; line-height:36px; height:36px; font-size:14px; margin:1px 0 0 0 !important; padding:0; background:#fff; background:rgba(255,255,255,0.9);} #Content9 .SideLayer li a:after{ display:none;} #Content9 .SideLayer li a.hover, #Content9 .SideLayer li a:hover{ background:#0e6eb8; color:#fff;} #Content9 .pz_SideLayer li:hover .SideLayer{ display:block;} @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ #Content9 .pz_SideLayer li{ width:130px;} #Content9 .SideLayer li a{ width:auto; padding:0 15px; font-size:14px; line-height:46px;} } @media screen and (max-width:1023px){ #Content9 .pz_SideLayer{ display:none; width:100%; z-index:5;float:left; border-top:1px solid #fff;} #Content9 .pz_SideLayer li{ width:33.33%; margin-top:5px; float:left; text-align:center;} #Content9 .pz_SideLayer li a{ line-height:30px; height:32px; font-size:14px;} #Content9 .pz_SideLayer li a:after{ height:10px; margin-top:-5px;} #Content9 .headline{ text-align:left; border-bottom:0; position:relative;} #Content9 .headline .dt{ width:100%; float:left; font-size:16px; height:40px; line-height:40px; position:relative; color:#0e6eb8;} #Content9 .headline .dt i{ float:right; color:#0e6eb8; font-size:30px; margin-top:2px; -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;} #Content9 .headline .dt.on:before{ transform:rotate(90deg);} #Content9 .slideThree{ margin-top:10px; display:none;} #Content9 .SideLayer li a{ line-height:30px; padding:0 10px;} } @media screen and (max-width:768px){ #Content9 .SideLayer li{ width:50%;} } #Content10 .aboutInfo{ float: left; width: 100%; } #Content10 .aboutTit{float: left; width: 100%; text-align: center; color:#0e6eb8; font-size:30px; line-height: 43px;} #Content10 .aboutTit span{display:block; color:#999999; font-size:14px; line-height: 28px;} #Content10 .aboutNum{ float: left; width: 100%; margin-top: 70px;} #Content10 .aboutNum .l1{ float: left; width: 25%; text-align: center; position: relative} #Content10 .aboutNum .l1:after{ position: absolute; content: ''; width: 1px; height: 76px; background: #e5e5e5; left: 0; top:50%; margin-top: -38px;} #Content10 .aboutNum .l1:first-child:after{width: 0;} #Content10 .aboutNum .nub{ float:left; width:100%; color:#0e6eb8; font-size:55px; line-height: 60px; height: 60px; font-weight:bold; position:relative; overflow:hidden;} #Content10 .dataNums{position:relative;top:50%;display:inline-block; vertical-align:top;height:60px;margin-top:-30px;text-align:center} #Content10 .dataNums .dataOne{ display:inline-block; vertical-align:top; width:35px;height:60px; line-height: 60px; text-align:center;} #Content10 .dataNums .dataBoc{position:relative;width:100%;height:100%; float:left; overflow: hidden;} #Content10 .dataNums .dataBoc .tt{position:absolute;top:0;left:0;width:100%;height:100%;float:left;} #Content10 .aboutNum .nub i{display:inline-block; line-height: 60px;} #Content10 .dataNums .tt span{float:left;width:100%;height:100%;} #Content10 .aboutNum .l1 .tit2{ display: block; color:#666666; font-size:16px; line-height: 31px;} @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ #Content10 .aboutNum{ margin-top: 60px;} #Content10 .aboutNum .nub{ font-size:45px; line-height: 50px; height: 50px;} #Content10 .dataNums{ height: 50px;margin-top:-25px;} #Content10 .dataNums .dataOne{ height: 50px; width: 30px; line-height: 50px;} #Content10 .aboutNum .nub i{line-height: 50px;} #Content10 .aboutNum .l1::after{ height: 70px; margin-top: -35px;} } @media screen and (max-width:1023px){ #Content10 .aboutTit{ font-size:26px;} #Content10 .aboutTit span{ line-height: 20px; } #Content10 .aboutNum{margin-top: 45px;} #Content10 .aboutNum .nub{ font-size:40px; height: 45px; line-height: 45px;} #Content10 .dataNums{ height: 45px; margin-top:-22.5px;} #Content10 .dataNums .dataOne{ height: 45px; line-height: 45px;} #Content10 .aboutNum .nub i{ line-height: 45px;} #Content10 .aboutNum .l1::after{ height: 55px;margin-top: -27.5px;} } @media screen and (max-width:768px){ #Content10 .aboutTit{ font-size:24px; line-height:35px;} #Content10 .aboutNum{ margin-top: 25px;} #Content10 .aboutNum .nub{ font-size:28px; line-height: 40px; height: 40px;} #Content10 .dataNums{ height: 40px; margin-top: -20px;} #Content10 .dataNums .dataOne{ line-height: 40px; height: 40px; width: 17px;} #Content10 .aboutNum .nub i{ line-height: 40px; font-size: 26px;} #Content10 .aboutNum .l1 .tit2{ font-size:14px; line-height: 28px;} #Content10 .aboutNum .l1::after{ height: 35px; margin-top: -17.5%;} #Content10 .aboutNum .nub{ font-size:22px; } #Content10 .dataNums .dataOne{ width: 13px;} #Content10 .aboutNum .nub i{ font-size: 20px;} } #Content11 .aboutTextBox{ float: left; width: 100%;background: #f5f5f7;} #Content11 .aboutTextBox .companyProfiles{ float: left; width: 93.75%; margin: 40px 0 40px 3.125%; background: #fff;} #Content11 .aboutTextBox .aboutVideo{ float: left; width: 50%; font-size:0; line-height: 0;} #Content11 .aboutTextBox .rightCompany{ float: left; width: 100%; margin: 32px 0 0 3%; padding-right: 3%} #Content11 .aboutTextBox .rightCompany h4{ float: left; width: 100%; color:#0e6eb8; font-size:28px; line-height: 40px;} #Content11 .aboutTextBox .rightCompany h4 em{display:block; color:#999999; font-size:14px; line-height: 24px; font-style: normal;} #Content11 .aboutTextBox .rightCompany .textWord{ float: left; width: 100%; color:#333333; font-size:16px; line-height: 32px; margin-top: 10px;} #Content11 .aboutHonor{ float: left; width: 100%; margin-top: 73px; } #Content11 .aboutHonor .aboutHonorText{ float: left; width: 100%; font-size:16px; line-height: 30px; color:#333333; text-align: center;} #Content11 .aboutHonor .aboutHonorImg{ float: left; width: 100%; margin-top: 30px;} #Content11 .aboutHonor .slide_pic .slick-prev,#Content11 .aboutHonor .slide_pic .slick-next{left: -30px; width:12px; height:22px;} #Content11 .aboutHonor .slide_pic .slick-prev:after{ float:left; width:16px; height:2px; background:#0e6eb8; content:''; position:absolute; left:0; top:5px; transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);} #Content11 .aboutHonor .slide_pic .slick-prev:before{ float:left; width:16px; height:2px; background:#0e6eb8; content:''; position:absolute; left:0; bottom:5px; transform:rotate(-145deg); -moz-transform:rotate(-145deg); -ms-transform:rotate(-145deg); -o-transform:rotate(-145deg); -webkit-transform:rotate(-145deg);} #Content11 .aboutHonor .slide_pic .slick-next:after{ float:left; width:16px; height:2px; background:#0e6eb8; content:''; position:absolute; left:0; top:5px; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);} #Content11 .aboutHonor .slide_pic .slick-next:before{ float:left; width:16px; height:2px; background:#0e6eb8; content:''; position:absolute; left:0; bottom:5px; transform:rotate(145deg); -moz-transform:rotate(145deg); -ms-transform:rotate(145deg); -o-transform:rotate(145deg); -webkit-transform:rotate(145deg);} #Content11 .aboutHonor .slide_pic .slick-next{ left: auto; right: -30px;} #Content11 .aboutHonor .slide_pic .slick-prev:hover,#Content11 .aboutHonor .slide_pic .slick-next:hover{ opacity:0.4;} #Content11 .aboutService{ float: left; width: 100%; margin-top: 80px;} #Content11 .aboutService h5{ float: left; width: 100%; text-align: center; color:#0e6eb8; font-size:28px; line-height: 40px; margin: 57px 0 14px 0; position: relative} #Content11 .aboutService h5:after{ position: absolute; content: ''; width: 44px; height: 4px; background: #0e6eb8; left: 50%; margin-left: -22px; top:-57px;} /*20191226*/ #Content11 .aboutTextBox .aboutVideo{ position: relative;} #Content11 .aboutTextBox .aboutVideo .paly{ float:left; width:72px; height:72px; position:absolute; left:50%; top:50%; margin:-36px 0 0 -36px; cursor:pointer;} #Content11 .VideoBg{ display:none; float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:101; background:#000;opacity:0.7; filter:alpha(opacity=70);} #Content11 .VideoCont{ display:none; float:left; position:fixed; left:50%; top:50%; width:800px; margin:-223px 0 0 -400px; z-index:102;} #Content11 .void_box{ float:left; width:100%; position:relative;padding:5px; background:#fff; background:rgba(255,255,255,0.8);} #Content11 .void_close{ position:absolute; right:-30px; top:0; width:30px; height:30px; padding:6px; background:#0e6eb8; line-height:0;} #Content11 .void_main{ float:left; width:100%; height:436px; overflow:hidden;} @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ #Content11 .aboutTextBox .companyProfiles{ margin: 30px 0 30px 3.125%;} #Content11 .aboutTextBox .rightCompany{ width: 45%; margin:20px 0 0 2.5%;} #Content11 .aboutTextBox .rightCompany .textWord{ max-height: 165px; overflow-y:auto; } #Content11 .aboutHonor{ margin-top: 60px;} #Content11 .aboutService{ margin-top: 65px;} #Content11 .aboutService h5{ margin: 45px 0 10px 0;} #Content11 .aboutService h5:after{ top:-45px;} } @media screen and (max-width:1023px){ #Content11 .aboutTextBox .companyProfiles{ margin: 23px 0 23px 3.125%;} #Content11 .aboutTextBox .aboutVideo{ width: 100%;} #Content11 .aboutTextBox .rightCompany{ width: 94%; margin:15px 3%; } #Content11 .aboutTextBox .rightCompany h4{ text-align: center; font-size:22px; line-height: 36px;} #Content11 .aboutTextBox .rightCompany h4 em{ line-height: 20px;} #Content11 .aboutTextBox .rightCompany .textWord{max-height:100%;} #Content11 .aboutHonor{ margin-top: 45px;} #Content11 .aboutHonor .aboutHonorImg{ margin-top: 20px;} #Content11 .aboutService{ margin-top: 55px;} #Content11 .aboutService h5{ margin: 35px 0 10px 0; font-size:24px;} #Content11 .aboutService h5:after{ top:-35px;} /*20191226*/ #Content11 .aboutTextBox .aboutVideo .paly{ width:46px; height:46px; margin:-23px 0 0 -23px;} #Content11 .VideoCont{ width:80%; left:10%; margin:-25% 0 0 0; z-index:102;} #Content11 .void_close{right:-24px; width:24px; height:24px; padding:5px;} #Content11 .void_main{ height:50%;} } @media screen and (max-width:768px){ #Content11 .aboutTextBox .companyProfiles{ margin: 3.5% 3.125%;} #Content11 .aboutTextBox .rightCompany .textWord{ font-size:14px; line-height: 28px;} #Content11 .aboutHonor{ margin-top: 30px;} #Content11 .aboutHonor .aboutHonorText{ font-size:14px; line-height: 26px;} #Content11 .aboutHonor .aboutHonorImg{ width: 95%; margin-left: 2.5%;} #Content11 .aboutHonor .slide_pic .slick-prev, #Content11 .aboutHonor .slide_pic .slick-next{ left:-15px;} #Content11 .aboutHonor .slide_pic .slick-next{ left: auto; right: -15px;} #Content11 .aboutService{ margin-top:20px;} #Content11 .aboutService h5{ font-size:22px; line-height: 30px; margin:25px 0 10px 0;} #Content11 .aboutService h5::after{ height: 3px; top:-20px;} } #Content12 .CoreAdvantagesBox{float: left; width: 100%; background: #ecf4f9;} #Content12 .aboutCoreAdvantages{ float: left; width: 100%; margin: 73px 0 80px 0;} #Content12 .aboutCoreAdvantagesList{ float: left; width: 100%; margin-top: 5px;} #Content12 .aboutCoreAdvantagesList li{ float: left; width: 48.9%; margin:30px 1.1% 0 0; background: #fff;position: relative; overflow: hidden;} #Content12 .aboutCoreAdvantagesList li:nth-child(2n){ margin: 30px 0 0 1.1%;} #Content12 .aboutCoreAdvantagesList .aboutCoreLeft{float: left; width:40%; margin:35px 0 0 5%; } #Content12 .aboutCoreAdvantagesList .aboutCoreRight{ float: right; width: 50%; font-size:0; line-height: 0;} #Content12 .aboutCoreAdvantagesList .aboutCoreLeft span{ position: absolute; color:#0e6eb8; font-size:48px; line-height: 48px; left: -2px; top:-6px; font-weight: bold;opacity:0.1; filter:alpha(opacity=10); } #Content12 .aboutCoreAdvantagesList .aboutCoreLeft h6{ float: left; width: 100%; color:#0e6eb8; font-size:20px; line-height: 30px; padding-bottom: 40px; position: relative} #Content12 .aboutCoreAdvantagesList .aboutCoreLeft h6:after{ position: absolute; content: ''; width:38px; height: 3px; background: #0e6eb8; left: 0; bottom:18px;} #Content12 .aboutCoreAdvantagesList .aboutCoreLeft div{ float: left; width: 100%; color:#666666; font-size:16px; line-height: 32px;} /*20191226*/ #Content12 .aboutTit{float: left; width: 100%; text-align: center; color:#0e6eb8; font-size:30px; line-height: 43px;} #Content12 .aboutTit span{display:block; color:#999999; font-size:14px; line-height: 28px;} @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ #Content12 .aboutCoreAdvantages{ margin: 60px 0 70px 0;} #Content12 .aboutCoreAdvantagesList .aboutCoreLeft{ width:90%; margin:35px 0 25px 5%;} #Content12 .aboutCoreAdvantagesList .aboutCoreRight{ width: 100%; font-size:0; line-height: 0;} } @media screen and (max-width:1023px){ #Content12 .aboutCoreAdvantages{ margin: 55px 0 65px 0;} #Content12 .aboutCoreAdvantagesList li, #Content12 .aboutCoreAdvantagesList li:nth-child(2n){ margin-top: 20px;} /*20191226*/ #Content12 .aboutTit{ font-size:26px;} #Content12 .aboutTit span{ line-height: 20px; } } @media screen and (max-width:768px){ #Content12 .aboutCoreAdvantages{ margin: 30px 0 35px 0;} #Content12 .aboutCoreAdvantagesList{ margin-top: 0;} #Content12 .aboutCoreAdvantagesList .aboutCoreLeft{ width: 86%; margin: 30px 0 20px 7%;} #Content12 .aboutCoreAdvantagesList .aboutCoreLeft span{ font-size:40px; line-height: 40px;} #Content12 .aboutCoreAdvantagesList .aboutCoreLeft h6{ font-size:18px; line-height: 28px; padding-bottom: 30px;} #Content12 .aboutCoreAdvantagesList .aboutCoreLeft h6::after{ bottom:14px;} #Content12 .aboutCoreAdvantagesList .aboutCoreLeft div{font-size:14px; line-height: 26px;} @media screen and (max-width:415px){ #Content12 .aboutCoreAdvantagesList li{ width: 100%; margin:15px 0 0 0;} #Content12 .aboutCoreAdvantagesList li:nth-child(2n){ margin: 15px 0 0 0;} #Content12 .aboutCoreAdvantagesList .aboutCoreLeft{ width: 90%; margin: 25px 0 15px 5%;} } /*20191226*/ #Content12 .aboutTit{ font-size:24px; line-height:35px;} } #Content13 .HonorTit1{ padding-top:25px;} #Content13 .HonorTit{ float:left; width:100%; color:#0e6eb8; font-size:24px; line-height:34px; padding-bottom:21px; border-bottom:2px solid #e7e7e7; margin-top: 50px;} #Content13 .HonorCont{ float:left; width:100%; color:#666666; font-size:14px; line-height:24px; padding:11px 0 36px 0;} #Content13 .HonorList{ float:left; width:100%;} #Content13 .HonorList .ul1{ margin:0 -13px;} #Content13 .HonorList .l1{ float:left; width:25%; padding:0 13px;} #Content13 .HonorList .img{ float:left; width:100%; line-height:0; overflow:hidden; position:relative; border:1px solid #ebebeb;} #Content13 .HonorList .img .pic{ padding:20px; background:#fff;-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; } #Content13 .HonorList .img .ico{ float:left; position:absolute; left:50%; top:50%; width:72px; height:73px; margin:-36px 0 0 -36px;opacity:0; filter:alpha(opacity=00);-webkit-transform: scale(0); -moz-transform: scale(0);transform: scale(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; } #Content13 .HonorList .tit{ float:left; width:100%; text-align:center; color:#333; font-size:14px; line-height:24px; margin-top:16px;} #Content13 .HonorList .l1:hover .img{ background:#0e6eb8;} #Content13 .HonorList .l1:hover .img .pic{opacity:0.2; filter:alpha(opacity=20);} #Content13 .HonorList .l1:hover .img .ico{opacity:1; filter:alpha(opacity=100);-webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);} #Content13 .HonorList1{ margin-bottom:75px;} #Content13 .HonorList .slick-prev, #Content13 .HonorList .slick-next{ width:29px; height:68px; left:-27px; background:url(../images/813_ico7.png) left center no-repeat #eeeeee; background-size:auto 100%; z-index:66; margin-top:-17px; border:1px solid #ebebeb;} #Content13 .HonorList .slick-next{ left:auto; right:-27px; background:url(../images/813_ico7.png) right center no-repeat #eeeeee; background-size:auto 100%;} #Content13 .HonorList .slick-prev:hover{ background:url(../images/813_ico8.png) left center no-repeat #0e6eb8; border:1px solid #0e6eb8; background-size:auto 100%;} #Content13 .HonorList .slick-next:hover{ background:url(../images/813_ico8.png) right center no-repeat #0e6eb8; border:1px solid #0e6eb8; background-size:auto 100%;} @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ #Content13 .HonorList .img .pic{ padding:5px;} #Content13 .HonorList .img .ico{ width:56px; height:56px; margin:-28px 0 0 -28px;} } @media screen and (max-width:1023px){ #Content13 .HonorTit1{ padding-top:5px;} #Content13 .HonorList .ul1{ margin:0 -6px;} #Content13 .HonorList .img .pic{ padding:0;} #Content13 .HonorList .img .ico{ width:40px; height:40px; margin:-20px 0 0 -20px;} #Content13 .HonorList .l1{ padding:0 6px;} #Content13 .HonorList .tit{ margin-top:8px;} #Content13 .HonorTit{ font-size:18px; line-height:28px; padding-bottom:10px; border-bottom:1px solid #e7e7e7; margin-top:15px; } #Content13 .HonorCont{ padding:11px 0;} #Content13 .HonorList .slick-prev, #Content13 .HonorList .slick-next{ width:15px; height:34px; left:6px;margin-top:-17px;} #Content13 .HonorList .slick-next{ left:auto; right:6px;} } @media screen and (max-width:768px){ } /* 分页 */ #Pagination .wack1{ float:left; width:100%; text-align:center;} #Pagination .wack1 .pz_fy{ display:inline-block;} #Pagination .wack1 .pz_fy a { float:left; width:31px; height:31px; line-height:29px; border-radius:29px; -moz-border-radius:29px; -webkit-border-radius:29px; border: #e3e3e3 1px solid; color:#272727; font-size:14px; font-family:Arial; margin:0 8px;} #Pagination .wack1 .pz_fy a:hover, #Pagination .wack1 .pz_fy a.on{color:#fff; border: 1px solid #0e6eb8; background-color:#0e6eb8;} #Pagination .wack1 .pz_fy .l_fy{color:#0e6eb8; font-size:20px; width:100px; display:inline-block; *display:inline; *zoom:1;} #Pagination .wack1 .pz_fy .r_fy{ color:#0e6eb8; font-size:20px; width:100px; display:inline-block; *display:inline; *zoom:1;} #Pagination .wack1 .pz_fy .l_fy:hover{ background:#0e6eb8; color:#fff} #Pagination .wack1 .pz_fy .r_fy:hover{ background:#0e6eb8;color:#fff} @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ } @media screen and (max-width:1023px){ #Pagination .wack1 .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;} #Pagination .wack1 .fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #0e6eb8; background:#0e6eb8; border-radius:16px; overflow:hidden;} #Pagination .wack1 .fy_pc span{ padding:5px 20px; color:#272727;} } @media screen and (max-width:768px){ } /*新闻详情*/ #Subpage .newDet{ width:100%; float:left;} #Subpage .newDet h1{ width:100%; float:left; text-align:center; font-size:24px; color:#333; line-height:34px;} #Subpage .main_1{ width:100%; float:left; margin-top:25px; border-top:solid 1px #d7d8d8; border-bottom:solid 1px #d7d8d8; line-height:34px; padding:9px 0;} #Subpage .main_1 .p{ float:left; font-size:14px; color:#777;} #Subpage .main_1 .p span{display:inline-block;*display:inline; *zoom:1; margin-right:15px;} #Subpage .main_1 .btn{ float:right; font-size:14px;} #Subpage .main_1 .btn a{ float:left; padding-right:50px; background:url(../images/818_btn11.png) right center no-repeat; color:#777;} #Subpage .main_1 .btn a:hover{ color:#0e6eb8;} #Subpage .text{ width:100%; float:left; margin-top:37px; padding-bottom:31px; border-bottom:solid 1px #d7d8d8; font-size:14px; color:#333; line-height:30px;} #Subpage .bshare-custom{ width:100%; float:left; margin-top:37px; text-align:center; height:36px;} #Subpage .bshare-custom a{display:inline-block; vertical-align:top; width:36px; height:36px; margin:0 8px; padding:0; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;} #Subpage .bshare-custom a.a1{ background:url(../images/818_ico_10_1.png) no-repeat center;} #Subpage .bshare-custom a.a2{ background:url(../images/818_ico_10_2.png) no-repeat center;} #Subpage .bshare-custom a.a3{ background:url(../images/818_ico_10_3.png) no-repeat center;} #Subpage .sx_fy{ width:100%; float:left; margin-top:23px;} #Subpage .sx_fy a{ width:50%; float: left; font-size:14px;color: #666; line-height: 26px; height: 26px;} #Subpage .sx_fy a.next{ text-align: right;} #Subpage .sx_fy a:hover{ color:#0e6eb8;} #bsWXBox{ box-sizing:content-box;} @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ } @media screen and (max-width:1023px){ #Subpage .text{ margin-top:15px; padding-bottom:15px; line-height:26px;} #Subpage .bshare-custom{ display:none;} } @media screen and (max-width:768px){ #Subpage .newDet h1{ font-size:20px; line-height:26px;} #Subpage .main_1{ margin-top:15px; padding:5px 0; line-height:24px;} #Subpage .main_1 .p{ font-size:12px; width:100%;} #Subpage .main_1 .btn{ float:left;} #Subpage .main_1 .btn a{ background-size:auto 22px; padding-right:30px;} #Subpage .sx_fy{ margin-top:15px;} #Subpage .sx_fy a{ width: 100%; text-align: left !important;} } #Content14 .contact{float: left;width: 100%; ;} #Content14 .contact .ul_13{margin: 0 -15px;} #Content14 .contact .ul_13 .li_13{float: left;width: 50%;margin-bottom: 30px;padding: 0 15px;} #Content14 .contact .ul_13 .li_13 a{display: block;float: left;width: 100%;min-height:286px;border: 1px solid #e7e7e7;position: relative;overflow: hidden;padding: 0 39px; background:url(../images/820_img_13_1.png) right bottom no-repeat #ffffff; -webkit-border-top-left-radius:28px; -moz-border-top-left-radius:28px; border-top-left-radius:28px; -webkit-border-bottom-right-radius:28px; -moz-border-bottom-right-radius:28px; border-bottom-right-radius:28px;-webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;} #Content14 .contact .ul_13 .li_13 a .t_13_1{float: left;width: 100%;margin-top: 21px; position: relative; z-index: 9;} #Content14 .contact .ul_13 .li_13 a .t_13_1 h2{display: block;float: left;width: 100%;line-height: 30px;font-size: 24px;color: #0e6eb8;font-weight: bold; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} #Content14 .contact .ul_13 .li_13 a .t_13_1 i{display: block;float: left;width: 100%;height: 1px;background: #e8e8e8;margin-top: 15px;} #Content14 .contact .ul_13 .li_13 a .t_13_1 i em{display: block;float: left;width: 58px;height: 1px;background: #0e6eb8;} #Content14 .contact .ul_13 .li_13 a .t_13_2{float: left;width: 100%;font-size: 14px;line-height: 24px;color: #666;margin-top: 13px; position: relative; z-index: 9;} #Content14 .contact .ul_13 .li_13 a .t_13_3{opacity:0; filter:alpha(opacity=00);} #Content14 .contact .ul_13 .li_13 a:hover, #Content14 .contact .ul_13 .li_13 a.on{background:url(../images/820_img_13_1.png) right bottom no-repeat #0e6eb8;border: 1px solid #0e6eb8;} #Content14 .contact .ul_13 .li_13 a:hover .t_13_1 h2, #Content14 .contact .ul_13 .li_13 a.on .t_13_1 h2{color: #fff;} #Content14 .contact .ul_13 .li_13 a:hover .t_13_1 i, #Content14 .contact .ul_13 .li_13 a.on .t_13_1 i{background:rgba(232,232,232,0.1);} #Content14 .contact .ul_13 .li_13 a:hover .t_13_1 i em, #Content14 .contact .ul_13 .li_13 a.on .t_13_1 i em{background: #fff;} #Content14 .contact .ul_13 .li_13 a:hover .t_13_2, #Content14 .contact .ul_13 .li_13 a.on .t_13_2{color: #fff;} #Content14 .map{float: left;width: 100%;padding: 9px;border: 1px solid #e7e7e7;position: relative;margin-top: 0px; } #Content14 .dituContent{width: 100%;height: 100%; height:267px; float: left;overflow: hidden;position: relative;z-index: 0;color: rgb(0, 0, 0);text-align: left;background-color: rgb(243, 241, 236);} #Content14 .dituContent img{max-width:none;} /*.BMap_pop,.BMap_shadow,.anchorBL,.BMapLabel{display:none !important;}*/ /*隐藏标题块*/ #Content14 .BMap_pop > img{display: none !important;} #Content14 .BMap_pop > div{display: none !important;} #Content14 .BMap_pop > div:nth-child(9){display: block !important;width: 140px !important; height: 55px !important;left: 38px !important;top: 56px !important;} #Content14 .BMap_pop > div:nth-child(9) .BMap_bubble_content{display: none !important;} #Content14 .BMap_pop > div:nth-child(9) .BMap_bubble_content .iw_poi_content{display: none;} #Content14 .BMap_pop > div:nth-child(9) .BMap_bubble_content{background: url(../images/img_map_1.png) no-repeat center !important;width: 140px !important; height: 55px !important; left: 0!important;top: 0!important;margin: 0!important;padding: 0 !important;border: 0 !important;} #Content14 .BMap_pop > div:nth-child(9) .BMap_bubble_content .iw_poi_title{display: block !important;float: left !important;width: 100% !important;text-align: center !important;height: 45px !important;line-height: 45px !important;font-size: 16px !important;color: #fff !important;} #Content14 .BMap_shadow{display: none !important;} #Content14 .BMapLabel{display: block !important;border: 0 none !important;padding: 0 !important;background:url(../images/820_img_map_2.png) no-repeat center !important;width: 27px !important;height: 27px !important;max-width: none !important;margin-bottom: 0 !important;} #Content14 .BMapLabel span{display: block;position: absolute;left: 50%;margin-left: -131px;top: -53px; background:#0e6eb8; background:rgba(14,110,184,0.7);min-width: 262px;text-align: center;line-height:25px;font-size: 16px;color: #fff; padding:15px; border-radius:8px;} #Content14 .BMapLabel span:after{ float:left; width:0; height:0; content:''; position:absolute; left:50%; bottom:-9px; border-left:8px solid transparent; border-right:8px solid transparent;border-top: 10px solid #0e6eb8; border-top: 10px solid rgba(14,110,184,0.7); margin-left:-8px;} @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ #Content14 .contact .ul_13 .li_13 a{ padding:0 20px;} } @media screen and (max-width:1023px){ #Content14 .contact .ul_13 .li_13{width: 100%;margin-bottom: 15px;} #Content14 .contact .ul_13 .li_13 a{min-height:auto;padding:15px; -webkit-border-top-left-radius:14px; -moz-border-top-left-radius:14px; border-top-left-radius:14px; -webkit-border-bottom-right-radius:14px; -moz-border-bottom-right-radius:14px; border-bottom-right-radius:14px;} #Content14 .contact .ul_13 .li_13 a .t_13_1{float: left;width: 100%;margin-top:0; position: relative; z-index: 9;} #Content14 .contact .ul_13 .li_13 a .t_13_1 h2{line-height: 26px;font-size:18px;} #Content14 .contact .ul_13 .li_13 a .t_13_1 i{margin-top: 5px;} #Content14 .contact .ul_13 .li_13 a .t_13_1 i em{width: 48px;} #Content14 .contact .ul_13 .li_13 a .t_13_2{line-height: 24px;color: #666;margin-top: 10px;} #Content14 .map{padding: 4px;margin-top: 15px; } #Content14 .dituContent{ height:300px;} } @media screen and (max-width:768px){ } /**/ #List .Solution{ float:left; width:100%; } #List .Solution ul{ float:left; width:100%;} #List .Solution li{ float:left; width:100%; margin-top:40px; background:#f3f5f8; overflow:hidden;} #List .Solution li a{ float:left; width:100%; position:relative; padding:0 0 0 406px; height:406px;} #List .Solution li .img{ float:left; width:406px; height:406px; line-height:0; overflow:hidden; position:absolute; left:0; top:0;} #List .Solution 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;} #List .Solution li:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #List .Solution li .cont{ float:left; width:100%; padding:15px 85px;} #List .Solution li .tit{ float:left; width:100%; color:#333; font-size:24px; line-height:34px; position:relative; padding-bottom:20px; margin:48px 0 23px 0;} #List .Solution li .tit:after{ float:left; width:62px; height:3px; background:#0e6eb8; position:absolute; left:0; bottom:0; content:'';} #List .Solution li .info{ float:left; width:100%; color:#444; font-size:16px; line-height:36px; height:108px; overflow:hidden;} #List .Solution li .more{ float:left; width:45px; height:45px; background:url(../images/828_news7.png) center no-repeat #0e6eb8; background-size:auto 100%; margin-top:45px; position:relative; border-radius:50%;} #List .Solution li .more:after{ float:left; width:59px; height:59px; border-radius:50%; border:1px solid #0e6eb8; border-radius:50%; position:absolute; left:-7px; top:-7px; content:'';-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; -webkit-transform: scale(0.5); -moz-transform: scale(0.5);transform: scale(0.5); } #List .Solution li:hover .tit{ color:#0e6eb8;} #List .Solution li:hover .more:after{-webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);} #List .Solution li:nth-child(2n) .img{ left:auto; right:0;} #List .Solution li:nth-child(2n) a{padding:0 406px 0 0;} #List .Solution .more{ float:left; width:100%; margin-top:60px;} #List .Solution .more a{ display:block; margin:0 auto; width:220px; height:55px; line-height:53px; background:#0e6eb8; border-radius:55px; color:#fff; font-size:20px; letter-spacing:1px; text-align:center;} #List .Solution .more a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ #List .Solution li .cont{padding:15px 40px;} } @media screen and (max-width:1023px){ #List .Solution li{ margin-top:12px;} #List .Solution li a{ padding:0 0 0 200px; height:200px;} #List .Solution li .cont{padding:12px 15px;} #List .Solution li .img{ width:200px; height:200px;} #List .Solution li:nth-child(2n) a{padding:0 200px 0 0;} #List .Solution li .tit{ font-size:16px; line-height:26px; margin:5px 0 10px 0; padding-bottom:10px;} #List .Solution li .tit:after{ width:50px; height:2px;} #List .Solution li .info{ font-size:14px; line-height:24px; height:72px; overflow:hidden;} #List .Solution li .more{ height:30px; width:30px; margin-top:12px;} #List .Solution li .more:after{ width:40px; height:40px; left:-5px; top:-5px;} #List .Solution .more{ margin-top:20px;} #List .Solution .more a{ width:160px; height:36px; line-height:34px; font-size:16px; } } @media screen and (max-width:768px){ #List .Solution li a{ padding:0 0 0 120px; height:120px;} #List .Solution li .cont{padding:12px 15px;} #List .Solution li .img{ width:120px; height:120px;} #List .Solution li:nth-child(2n) a{padding:0 120px 0 0;} #List .Solution li .tit{ font-size:16px; line-height:26px; margin:0 0 10px 0; padding-bottom:10px;} #List .Solution li .tit:after{ width:50px; height:2px;} #List .Solution li .info{ font-size:14px; line-height:24px; height:44px; overflow:hidden;} #List .Solution li .more{ display:none; height:30px; width:30px; margin-top:10px;} } #Subpage2 .content1{ width:100%; float:left;} #Subpage2 .content1 .title{ width:100%; float:left; text-align:center; font-size:28px; color:#333; line-height:36px; letter-spacing:1px;} #Subpage2 .content1 .Slide2{ float:left;width:100%; margin-top:42px;} #Subpage2 .content1 .ico{ width:100%; float:left; text-align:center; margin-top:30px;} #Subpage2 .content2{ width:100%; float:left; margin-top:30px;margin-bottom: 60px;} #Subpage2 .content2 .title{ width:100%; float:left; height:60px; background:#f2f2f2; -moz-border-radius:30px; -webkit-border-radius:30px; -khtml-border-radius:30px; border-radius:30px;} #Subpage2 .content2 .title h3{ float:left; width:200px; height:60px; line-height:60px; text-align:center; background:#0e6eb8; font-size:16px; color:white; font-weight:bold; -moz-border-radius:30px; -webkit-border-radius:30px; -khtml-border-radius:30px; border-radius:30px;} #Subpage2 .content2 .title a{ display:block; float:right; line-height:60px; margin-right:20px; font-size:14px; color:#777;} #Subpage2 .content2 .title a img{ vertical-align:middle; margin:-3px 0 0 12px;} #Subpage2 .content2 .title a:hover{ color:#0e6eb8;} #Subpage2 .content2 .p{ width:100%; float:left; margin-top:22px; font-size:14px; color:#333; line-height:28px;} #Subpage2 .content2 .content2_b{ width:100%; float:left; margin-top:18px; border-top:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; padding:29px 0;} #Subpage2 .content2 .content2_b h5{ width:50%; float:left; font-size:14px; color:#333; line-height:24px;} #Subpage2 .content2 .content2_b h5 a{ color:#333;} #Subpage2 .content2 .content2_b h5:hover a, #Subpage2 .content2 .content2_b h5:hover{ color:#0e6eb8;} #Subpage2 .content2 .content2_b h5.last{ text-align:right; border-left:solid 1px #e5e5e5;margin-left: -1px;} @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ } @media screen and (max-width:1023px){ #Subpage2 .content1 .title{ font-size:18px; line-height:26px;} #Subpage2 .content1 .Slide2{ margin-top:15px;} #Subpage2 .content2{ margin-top:20px; margin-bottom:20px;} #Subpage2 .content2 .p{ line-height:26px; margin-top:15px;} #Subpage2 .content2 .content2_b{ padding:15px 0;} #Subpage2 .content2 .title{ height:36px;} #Subpage2 .content2 .title h3{ width:100px; line-height:36px; height:36px; font-size:14px;} #Subpage2 .content2 .title a{ line-height:36px; margin-right:12px;} #Subpage2 .content2 .title a img{ width:26px; margin:-3px 0 0 8px;} #Subpage2 .content1 .ico{ margin-top:15px;} } @media screen and (max-width:768px){ #Subpage2 .content2 .content2_b h5{ width:100%;} #Subpage2 .content2 .content2_b h5.last{ text-align:left; border:none;} } #List2 .case_list{ float:left; width:100%;} #List2 .case_list li{ float:left; width:100%; padding:80px 0;} #List2 .case_list li.l2{ background:#f2f2f2;} #List2 .case_list li .pic1{ float:left; width:40.3%; overflow:hidden;} #List2 .case_list li .pic2{ float:right;} #List2 .case_list li .tx1{ float:left; width:59.7%; padding:0 0 0 64px; position:relative;} #List2 .case_list li .tx1 .l1{ float:left; width:100%; margin:4.72% 0 0.78% 0; position:relative;} #List2 .case_list li .tx1 .l1::after{ float:left; width:50px; height:1px; background:#b2b2b2; position:absolute; left:-64px; top:50%; content:'';} #List2 .case_list li .tx1 h2{ float:left; width:100%; color:#333; font-size:24px; line-height:34px;} #List2 .case_list li .tx1 h5{ float:left; width:100%; color:#999; font-size:14px; line-height:24px; font-family:Arial;} #List2 .case_list li .tx1 p{ float:left; width:100%; color:#444; font-size:16px ; line-height:36px; height:108px; overflow:hidden; margin:1.96% 0 6.03% 0;} #List2 .case_list li .tx1 span{ float:left; width:45px; height:45px; position:relative; background:url(../images/838_news7.png) center no-repeat #0e6eb8; border-radius:50%;} #List2 .case_list li .tx1 span:after{ float:left; width:59px; height:59px; border-radius:50%; border:1px solid #0e6eb8; border-radius:50%; position:absolute; left:-7px; top:-7px; content:'';-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; -webkit-transform: scale(0.5); -moz-transform: scale(0.5);transform: scale(0.5); } #List2 .case_list li .tx2{ padding:0 64px 0 0; text-align:right;} #List2 .case_list li .tx2 .l1::after{left:auto; right:-64px;} #List2 .case_list li .tx2 span{ float:right; background:url(../images/838_news7.png) center no-repeat #0e6eb8;} #List2 .case_list li:hover .tx1 h2{ color:#0e6eb8;} #List2 .case_list li:hover .tx1 span:after{-webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);} #List2 .case_list li .pic1 img{ -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;} #List2 .case_list li:hover .pic1 img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ #List2 .case_list li .tx1 .l1{margin:4% 0 0.52% 0;} #List2 .case_list li .tx1 p{ font-size:14px; line-height:26px; height:78px; margin:1.56% 0 6% 0;} #List2 .case_list li{ padding:60px 7%;} } @media screen and (max-width:1023px){ #List2 .case_list li{ padding:40px ;} #List2 .case_list li .tx1{ padding:0 0 0 30px;} #List2 .case_list li .tx1 p{height:52px;} #List2 .case_list li .tx1 h2{ font-size:18px; line-height:28px;} #List2 .case_list li .tx1 span{ width:30px; height:30px;} #List2 .case_list li .tx1 span:after{ width:40px; height:40px; left:-5px; top:-5px;} #List2 .case_list li .tx2{ padding:0 30px 0 0;} #List2 .case_list li .tx1 .l1::after{ width:16px; left:-30px;} #List2 .case_list li .tx2 .l1::after{left:auto; right:-30px;} } @media screen and (max-width:768px){ #List2 .case_list li{ padding:30px 0;} #List2 .case_list li .tx1 .l1{margin:2% 0 0.4% 0;} #List2 .case_list li .tx1 p{ line-height:24px; height:24px; height:48px; margin:1% 0 0 0;} #List2 .case_list li .tx1 span{ display:none;} @media screen and (max-width:480px) { #List2 .case_list li{ padding:25px 0;} #List2 .case_list li .tx1{ width:100%; padding:0; margin-top:5px;} #List2 .case_list li .tx1 .l1::after{ display:none;} #List2 .case_list li .pic1{ width:100%;} } } /*11项目案例详情*/ #Subpage3 .sx_fy{ width:100%; float:left; margin-top:23px;} #Subpage3 .sx_fy a{ width:50%; float: left; font-size:14px;color: #666; line-height: 26px; height: 26px;} #Subpage3 .sx_fy a.next{ text-align: right;} #Subpage3 .sx_fy a:hover{ color:#0e6eb8;} #Subpage3 .caseDet{ float:left; width:100%;} #Subpage3 .caseDet .title{ float:left; width:100%; text-align:center; color:#444; font-size:30px; line-height:40px;} #Subpage3 .caseDet .cont{ float:left; width:100%; color:#444; font-size:16px; line-height:30px; padding:32px 0 31px 0; margin-bottom:12px; border-bottom:1px solid #dbdbdb;} @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ } @media screen and (max-width:1023px){ #Subpage3 .caseDet .title{ font-size:18px; line-height:28px;} #Subpage3 .caseDet .cont{ font-size:14px; line-height:26px; padding:15px 0; margin-bottom:0;} } @media screen and (max-width:768px){ #Subpage3 .sx_fy{ margin-top:15px;} #Subpage3 .sx_fy a{ width: 100%; text-align: left !important;} } #Content15 .porTit{ float:left; width:100%;} #Content15 .porTitL{ float:left; color:#0e6eb8; font-size:36px; line-height:42px;} #Content15 .porTitL span{ color:#999; font-size:18px; text-transform:uppercase;} #Content15 .porTitR{ float:right;} #Content15 .porTitR li{ float:left;} #Content15 .porTitR .la{ float:left; margin-left:20px; width:130px; height:42px; line-height:40px; text-align:center; background:#eeeeee; font-size:16px; color:#333;} #Content15 .porTitR .la.hover, #Content15 .porTitR .la:hover{ background:#0e6eb8; color:#fff;} @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ #Content15 .porTitL{ font-size:28px;} #Content15 .porTitL span{ font-size:16px;} #Content15 .porTitR .la{ margin-left:15px;} } @media screen and (max-width:1023px){ #Content15 .porTitL{ font-size:20px; line-height:30px; width:100%;} #Content15 .porTitL span{ font-size:14px;} #Content15 .porTitR{ float:left;} #Content15 .porTitR li{ margin-left:8px;} #Content15 .porTitR .la{ width:auto; padding:0 8px; height:36px; line-height:34px; margin-left:0; font-size:14px; margin-top:5px;} } @media screen and (max-width:768px){ #Content15 .porTitR li{ margin-left:4px;} #Content15 .porTitR .la{ width:auto; padding:0 7px; height:30px; line-height:28px; margin-left:0; font-size:12px; margin-top:5px;} } #List3 .porlist{ float:left; width:100%; } #List3 .porlist ul{ margin:0 -15px;} #List3 .porlist li{ float:left; width:33.33%; padding:0 15px; margin-top:30px;} #List3 .porlist li a{ float:left; width:100%; position:relative; background:#eeeeee; padding-right:172px; height:258px;} #List3 .porlist li .cont{ float:left; width:100%; padding:35px 6px 40px 40px; position:relative; z-index:6;} #List3 .porlist li .tit1{ float:left; width:100%; color:#111; font-size:22px; line-height:32px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; margin:30px 0 2px 0;} #List3 .porlist li .tit2{ float:left; width:100%; color:#555; font-size:18px; line-height:28px; text-transform:uppercase; margin:30px 0 2px 0; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;} #List3 .porlist li .tit3{ float:left; width:100%; color:#777; font-size:14px ; line-height:24px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;} #List3 .porlist li .tit4{ float:left; width:100%; margin-top:45px;} #List3 .porlist li .tit4 span{ display:inline-block; vertical-align:top; width:90px; height:36px; line-height:34px; border:1px solid #0e6eb8; background:#0e6eb8; text-align:center; color:#fff; font-size:14px;} #List3 .porlist li .pic1{ position:absolute; right:0; top:50%; margin-top:-86px; width:172px; height:172px; line-height:0; z-index:1;overflow: hidden;} #List3 .porlist li a:hover .pic1{ right:50%; margin-right:-86px;opacity:0.3; filter:alpha(opacity=30); } #List3 .porlist li a:hover{ background:url(../images/841_por6.png) center no-repeat #0e6eb8; background-size:cover; box-shadow:0 0 38px rgba(14,110,184,0.4); padding-right:0 !important;} #List3 .porlist li a:hover .cont{ padding:35px 6px 40px 6px;} #List3 .porlist li a:hover .tit1{ color:#fff; text-align:center; margin-top:7px;} #List3 .porlist li a:hover .tit2{ color:#fff; text-align:center;} #List3 .porlist li a:hover .tit3{ color:#fff; text-align:center;opacity:0.6; filter:alpha(opacity=60);} #List3 .porlist li a:hover .tit4{ text-align:center; margin-top:25px;} #List3 .porlist li a:hover .tit4 span{ border:1px solid #fff; border-radius:3px; color:#fff; background:none;} @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ #List3 .porlist li a{ padding-right:132px; height:203px;} #List3 .porlist li .cont{ padding:25px 6px 30px 15px;} #List3 .porlist li .tit1{ font-size:18px; line-height:28px; margin:16px 0 0 0;} #List3 .porlist li .tit2{ font-size:16px; line-height:26px; margin:8px 0 0 0;} #List3 .porlist li .tit4{ margin-top:22px;} #List3 .porlist li .pic1{ margin-top:-66px; width:132px; height:132px; } #List3 .porlist li a:hover .pic1{ margin-right:-66px;} #List3 .porlist li a:hover .cont{ padding:25px 6px 30px 6px;} #List3 .porlist li a:hover .tit4{ margin-top:15px;} } @media screen and (max-width:1023px){ #List3 .porlist{ float:left; width:100%; margin-top:12px;} #List3 .porlist ul{ margin:0 -6px;} #List3 .porlist li{padding:0 6px; margin-top:12px; width:50%;} #List3 .porlist li a{ padding-right:132px; height:183px;} #List3 .porlist li .cont{ padding:15px 6px 20px 15px;} #List3 .porlist li a:hover .cont{ padding:15px 6px 20px 6px;} } @media screen and (max-width:768px){ #List3 .porlist li{ width:100%;} } #Content16 .porlist1{ float:left; width:100%;} #Content16 .porlist1 ul{ margin:0 -15px;} #Content16 .porlist1 li{ float:left; width:33.33%; padding:0 15px; margin-top:55px;} #Content16 .porlist1 li .tit{ float:left; width:100%; color:#333; font-size:26px; line-height:36px; margin-bottom:26px;} #Content16 .porlist1 li .pic1{ float:left; width:100%; line-height:0; overflow:hidden;} #Content16 .porlist1 li .pic1 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;} #Content16 .porlist1 li:hover .pic1 img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Content16 .porlist1 li .cont{ float:left; width:100%; height:140px; overflow:hidden; background:#f4f5f9; padding:25px 17px; position:relative; z-index:6;} #Content16 .porlist1 li .cont a{ float:left; width:50%; color:#333; font-size:16px; line-height:30px; padding-left:13px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;} #Content16 .porlist1 li .cont a:hover{ color:#0e6eb8;} @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ #Content16 .porlist1 li .cont a{ padding-left:0; font-size:14px; line-height:28px;} } @media screen and (max-width:1023px){ #Content16 .porlist1 ul{ margin:0 -6px;} #Content16 .porlist1 li{ padding:0 6px; margin-top:15px;} #Content16 .porlist1 li .tit{ font-size:18px; line-height:28px; margin-bottom:10px;} #Content16 .porlist1 li .cont{ padding:15px 12px;} #Content16 .porlist1 li .cont a{ line-height:26px;} } @media screen and (max-width:768px){ #Content16 .porlist1 li{ width:100%;} #Content16 .porlist1 li .cont{ height:auto; padding:8px 12px;} } #Content17 .porlist2{ float:left; width:100%; } #Content17 .porlist2 ul{ margin:0 -15px;} #Content17 .porlist2 li{ float:left; width:50%; padding:6px 15px;} #Content17 .porlist2 li a{ float:left; width:100%; position:relative; padding:35px 15px 38px 40px; overflow:hidden;} #Content17 .porlist2 li .bg1{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:url(../images/843_por14.png) left center no-repeat; background-size:100% 100%;} #Content17 .porlist2 li .bg2{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;} #Content17 .porlist2 li .bg2{ -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;} #Content17 .porlist2 li a:hover .bg2{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Content17 .porlist2 li .tit1{ float:left; width:100%; position:relative; z-index:6; color:#0e6eb8; font-size:24px; line-height:34px; font-weight:bold;} #Content17 .porlist2 li .tit2{ float:left; width:100%; position:relative; z-index:6; color:#2d5082; font-size:16px; line-height:26px; margin:2px 0 18px 0;} #Content17 .porlist2 li .tit3{ float:left; width:100%; position:relative; z-index:6; color:#d71921; font-size:16px; line-height:26px; } @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ #Content17 .porlist2 li a{padding:35px 15px 38px 27px; } } @media screen and (max-width:1023px){ #Content17 .porlist2 ul{ margin:0 -6px;} #Content17 .porlist2 li{ padding:6px 6px;} #Content17 .porlist2 li a{padding:15px 15px; } #Content17 .porlist2 li .tit1{ font-size:18px; line-height:28px;} #Content17 .porlist2 li .tit2{ margin:0; font-size:14px; line-height:26px;} #Content17 .porlist2 li .tit3{ font-size:14px; line-height:26px;} } @media screen and (max-width:768px){ } #Subpage4 .porTab{ float:left; width:100%; margin:62px 0 0 0;} #Subpage4 .porTab .hd{ float:left; width:100%; height:46px; background:#f6f6f6; border:1px solid #ebebeb;} #Subpage4 .porTab .hd ul{ position:relative; top:0; left:0; margin:-1px 0 0 -1px;} #Subpage4 .porTab .hd li{ float:left; height:46px; line-height:44px; width:130px; color:#333333; font-size:16px; text-align:center; cursor:pointer;} #Subpage4 .porTab .hd li.on{ background:#0e6eb8; color:#fff;} #Subpage4 .porTab .bd{ float:left; width:100%; color:#666; font-size:16px; line-height:36px; padding:20px 30px 30px 30px; margin-top:30px; border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;} #Subpage4 .porTab .ul1{ float:left; width:100%; line-height:36px;} /*4产品详情*/ #Subpage4 .porDet{ float:left; width:100%; margin-top:60px;} #Subpage4 .porDetL{ float:left; width:42.5%;} #Subpage4 .porScoll{ float:left; width:100%; line-height:0;} #Subpage4 .porScoll .slick-slide{ padding:0; background:#eeeeee;} #Subpage4 .porScoll .slick-dots{ height:2px; bottom:30px;} #Subpage4 .porScoll .slick-dots li{ display:inline-block; width:42px; height:2px; margin:0 5px; vertical-align:top; background:#dbdbdb; overflow:hidden; text-indent:-999px;} #Subpage4 .porScoll .slick-dots li.slick-active{ background:#0e6eb8;} #Subpage4 .pShare{ float:left; width:100%; margin-top:23px; text-align:center;} #Subpage4 .pShare .tit{ float:left; width:93.4%; position:relative; margin:0 3.3%; color:#888; font-size:14px; line-height:24px;} #Subpage4 .pShare .tit::after{ float:left; width:100%; height:1px; background:#e5e5e5; z-index:5; content:''; position:absolute; left:0; top:50%;} #Subpage4 .pShare .tit span{ position:relative; background:#fff; padding:0 11px; z-index:6;} #Subpage4 .bdshare2{ display:inline-block; vertical-align:top; margin-top:20px;} #Subpage4 .bdshare2 a{ margin:0 12px !important;} #Subpage4 .bdshare2 a:hover{opacity:1 !important;} #Subpage4 .bdshare2 .bds_weixin{ background:url(../images/844_ico27.png) 0 0 no-repeat !important;} #Subpage4 .bdshare2 .bds_pengyou{ background:url(../images/844_ico27.png) -44px 0 no-repeat !important;} #Subpage4 .bdshare2 .bds_sqq{ background:url(../images/844_ico27.png) -92px 0 no-repeat !important;} #Subpage4 .bdshare2 .bds_qzone{ background:url(../images/844_ico27.png) -136px 0 no-repeat !important;} #Subpage4 .bdshare2 .bds_tqq{ background:url(../images/844_ico27.png) -182px 0 no-repeat !important;} #Subpage4 .bdshare2 .bds_tsina{ background:url(../images/844_ico27.png) -229px 0 no-repeat !important;} #Subpage4 .bdshare2 .bds_weixin:hover{ background:url(../images/844_ico28.png) 0 0 no-repeat !important;} #Subpage4 .bdshare2 .bds_pengyou:hover{ background:url(../images/844_ico28.png) -44px 0 no-repeat !important;} #Subpage4 .bdshare2 .bds_sqq:hover{ background:url(../images/844_ico28.png) -92px 0 no-repeat !important;} #Subpage4 .bdshare2 .bds_qzone:hover{ background:url(../images/844_ico28.png) -136px 0 no-repeat !important;} #Subpage4 .bdshare2 .bds_tqq:hover{ background:url(../images/844_ico28.png) -182px 0 no-repeat !important;} #Subpage4 .bdshare2 .bds_tsina:hover{ background:url(../images/844_ico28.png) -229px 0 no-repeat !important;} #Subpage4 .porDetR{ float:right; width:52.73%; position:relative;} #Subpage4 .porDetR .tit{ float:right; width:100%; color:#222; font-size:36px; line-height:46px; text-transform:uppercase; margin-top:42px;} #Subpage4 .porDetR .p1{ float:right; width:100%; color:#888; font-size:16px; line-height:26px; border-bottom:1px solid #efefef; padding:22px 0 35px 0;} #Subpage4 .porDetR .p2{ float:right; width:100%; color:#666; font-size:16px; line-height:36px; margin:30px 0 49px 0;} #Subpage4 .porDetR .zixun{ float:left; width:100%;} #Subpage4 .porDetR .zixun a{ float:left; width:192px; height:50px; border:1px solid #eeeeee; background:#0e6eb8; color:#fff; font-size:16px; line-height:48px; text-align:center;} #Subpage4 .porDetR .zixun a:hover{ box-shadow:0 5px 5px rgba(0,0,0,0.12);} #Subpage4 .sx_fy{ width:100%; float:left; margin-top:23px;} #Subpage4 .sx_fy a{ width:50%; float: left; font-size:14px;color: #666; line-height: 26px; height: 26px;} #Subpage4 .sx_fy a.next{ text-align: right;} #Subpage4 .sx_fy a:hover{ color:#0e6eb8;} .bd_weixin_popup{ box-sizing:content-box;} @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ #Subpage4 .porDetR .tit{ font-size:24px; line-height:34px; margin-top:22px;} #Subpage4 .porDetR .p1{ padding:12px 0 20px 0;} #Subpage4 .porDetR .p2{line-height:30px; margin:20px 0 30px 0;} #Subpage4 .bdshare2 a{ margin:0 6px !important;} } @media screen and (max-width:1023px){ #Subpage4 .porScoll .slick-dots{ bottom:15px;} #Subpage4 .porScoll .slick-dots li{ width:16px;} #Subpage4 .pShare{ display:none;} #Subpage4 .porDetR .tit{ font-size:20px; line-height:28px; margin-top:15px;} #Subpage4 .porDetR .p1{ font-size:14px; padding:4px 0 12px 0;} #Subpage4 .porDetR .p2{ font-size:14px;line-height:26px; margin:10px 0 15px 0;} #Subpage4 .porDetR .zixun a{ font-size:14px; width:110px; height:36px; line-height:34px;} #Subpage4 .porTab{ margin:20px 0 0 0;} #Subpage4 .porTab .hd{ height:38px; } #Subpage4 .porTab .hd li{ height:38px; line-height:36px; width:110px; font-size:14px; } #Subpage4 .porTab .bd{ font-size:14px; line-height:26px; padding:10px 10px 15px 10px; margin-top:15px; } #Subpage4 .porTab .ul1{line-height:26px;} } @media screen and (max-width:768px){ #Subpage4 .porDet{ margin:15px 0 0 0;} #Subpage4 .porDetR{ width:100%;} #Subpage4 .porDetL{ width:100%;} #Subpage4 .porScoll .slick-slide img{ width:280px; display:block; margin:0 auto;} #Subpage4 .sx_fy{ margin-top:15px;} #Subpage4 .sx_fy a{ width: 100%; text-align: left !important;} } #Content18 .porMore{ float:left; width:100%; } #Content18 .porMore .ul{ margin:0 -15px;} #Content18 .porMore .l1{ float:left; width:25%; padding:0 15px;} #Content18 .porMore .l1 a{ float:left; width:100%; background:#eeeeee; padding:25px 29px 13px 29px;} #Content18 .porMore .l1 .tit{ float:left; width:100%; color:#1f262c; font-size:20px; line-height:30px;} #Content18 .porMore .l1 .info{ float:left; width:100%; color:#575f65; font-size:14px; line-height:24px; margin-top:5px;} #Content18 .porMore .l1 .img{ float:left; width:100%; line-height:0; padding:0 12px;} #Content18 .porMore .slick-dots{ position:static; height:12px; margin-top:40px;} #Content18 .porMore .slick-dots li{ vertical-align:top; margin:0 9px; width:12px; height:12px; border-radius:50%; overflow:hidden; text-indent:-99px; background:#eeeeee;} #Content18 .porMore .slick-dots li.slick-active{ background:#0e6eb8;} @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ #Content18 .porMore .l1 a{ padding:20px 20px 13px 20px;} } @media screen and (max-width:1023px){ #Content18 .porMore .ul{ margin:0 -6px;} #Content18 .porMore .l1{ padding:0 6px;} #Content18 .porMore .l1 a{ padding:15px;} #Content18 .porMore .l1 .tit{ font-size:16px; line-height:26px;} #Content18 .porMore .l1 .info{ margin-top:0;} #Content18 .porMore .slick-dots{height:10px; margin-top:15px;} #Content18 .porMore .slick-dots li{ margin:0 5px; width:10px; height:10px; } } @media screen and (max-width:768px){ } /*服务与支持*/ #Content19 .ServSupp{ float:left; width:100%; margin-top:0.78%; position:relative; } #Content19 .ServSupp .ul1{ margin:0 -15px;} #Content19 .ServSupp .l1{ float:left; width:33.33%; padding:0 15px; margin-top:30px;} #Content19 .ServSupp .l1 a{ float:left; width:100%; background:#fff; position:relative; text-align:center; overflow:hidden; padding:53px 14.72% 55px 14.72%;} #Content19 .ServSupp .l1 .img{ float:left; width:278px; height:278px; position:absolute; left:50%; top:50%; margin:-139px 0 0 -139px; z-index:1;} #Content19 .ServSupp .l1 .ico{ float:left; width:100%; line-height:0; height:88px; position:relative; z-index:6;} #Content19 .ServSupp .l1 .ico img{ display:inline-block; vertical-align:top; width:88px; height:88px;} #Content19 .ServSupp .l1 .ico1{ position:relative;opacity:1; filter:alpha(opacity=100);} #Content19 .ServSupp .l1 .ico2{ position:absolute; left:50%; top:0; margin-left:-44px;opacity:0; filter:alpha(opacity=00);} #Content19 .ServSupp .l1 .tit{ float:left; width:100%; color:#333; font-size:18px; line-height:28px; position:relative; z-index:6; margin:20px 0 10px 0;} #Content19 .ServSupp .l1 .info{ float:left; width:100%; color:#888; font-size:14px; line-height:24px; height:48px; overflow:hidden; position:relative; z-index:6;} #Content19 .ServSupp .l1 .bg{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; background:#f5f5f7;-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; } #Content19 .ServSupp .l1 a:hover .bg{opacity:0.95; filter:alpha(opacity=95);background:#0e6eb8;} #Content19 .ServSupp .l1 a:hover .tit{ color:#fff;} #Content19 .ServSupp .l1 a:hover .info{ color:#fff;opacity:0.6; filter:alpha(opacity=60);} #Content19 .ServSupp .l1 a:hover .ico1{opacity:0; filter:alpha(opacity=00);} #Content19 .ServSupp .l1 a:hover .ico2{opacity:1; filter:alpha(opacity=100);-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);} #Content19 .ServTit{ float:left; width:100%;text-align:center;} #Content19 .ServTit .tit1{ float:left; width:100%; color:#0e6eb8; font-size:30px; line-height:30px;} #Content19 .ServTit .tit2{ float:left; width:100%; color:#999; font-size:14px; line-height:14px; margin-top:14px;} @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ #Content19 .ServSupp{ margin-top:1.5%;} #Content19 .ServSupp .l1{ margin-top:20px;} #Content19 .ServSupp .l1 a{ padding:20px 14.72% 25px 14.72%;} #Content19 .ServSupp .l1 .tit{ margin:10px 0 10px 0;} #Content19 .ServTit .tit1{ font-size:24px; line-height:24px;} } @media screen and (max-width:1023px){ #Content19 .ServSupp{ margin-top:1.5%;} #Content19 .ServSupp .ul1{ margin:0 -6px;} #Content19 .ServSupp .l1{ padding:0 6px; margin-top:12px;} #Content19 .ServSupp .l1 a{ padding:15px 12px 20px 12px;} #Content19 .ServSupp .l1 .img{ width:140px; height:140px; margin:-70px 0 0 -70px;} #Content19 .ServTit .tit1{ font-size:18px; line-height:18px;} #Content19 .ServTit .tit2{ margin-top:8px;} #Content19 .ServSupp .l1 .ico{ height:60px;} #Content19 .ServSupp .l1 .ico img{width:60px; height:60px;} #Content19 .ServSupp .l1 .ico2{ margin-left:-30px;} #Content19 .ServSupp .l1 .tit{ font-size:16px; line-height:26px;margin:5px 0 5px 0;} } @media screen and (max-width:768px){ #Content19 .ServSupp{ margin-top:1.5%;} #Content19 .ServSupp .l1{ width:50%;} #Content19 .ServSupp .l1 .info{ font-size:13px; line-height:22px; height:44px;} } #Content20 .ServTit1{ float:left; width:100%; text-align:center; color:#333; font-size:24px; line-height:34px; border-bottom:1px solid #e1e1e1; padding-bottom:22px; position:relative;} #Content20 .ServTit1:after{ float:left; width:70px; height:3px; content:''; position:absolute; left:50%; bottom:-1px; margin-left:-35px; background:#0e6eb8;} #Content20 .ServCont1{ float:left; width:100%; color:#888; font-size:16px; line-height:30px; text-align:center; padding:23px 0 0 0;} #Content20 .ServCont2{ float:left; width:100%;} #Content20 .ServCont2 .ul1{ margin:0 -15px;} #Content20 .ServCont2 .l1{ float:left; width:50%; padding:0 15px; margin-top:30px;} #Content20 .ServCont2 .la{ float:left; width:100%; background:#f5f5f7; color:#333; font-size:16px; line-height:26px; padding:20px 15px 20px 11.2%;} #Content20 .ServCont3{ float:left; width:100%;} #Content20 .ServCont3 .l1{ float:left; width:100%; background:#f5f5f7; margin-top:6.25%;} #Content20 .ServCont3 .img{ float:left; width:38.67%; line-height:0; overflow:hidden;} #Content20 .ServCont3 .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;} #Content20 .ServCont3 .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Content20 .ServCont3 .cont{ float:right; width:61.33%; padding:3.125% 3.9% 2.5% 3.9%;} #Content20 .ServCont3 .cont .tit1{ float:left; width:100%; color:#0e6eb8; font-size:30px; line-height:40px;} #Content20 .ServCont3 .cont .tit2{ float:left; width:100%; color:#999; font-size:14px; line-height:24px; margin:5px 0 15px 0;} #Content20 .ServCont3 .cont .info{ float:left; width:100%; color:#666; font-size:16px; line-height:36px;} #Content20 .ServCont2 .la{padding:20px 15px;} #Content20 .ServCont3 .cont{ padding:3% 3% 2% 3%;} #Content20 .ServCont3 .cont .tit1{ font-size:24px; line-height:34px;} #Content20 .ServCont3 .cont .tit2{margin:0 0 8px 0;} #Content20 .ServCont3 .cont .info{ font-size:14px; line-height:28px;} @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ #Content20 .ServCont2 .la{padding:20px 15px;} #Content20 .ServCont3 .cont{ padding:3% 3% 2% 3%;} #Content20 .ServCont3 .cont .tit1{ font-size:24px; line-height:34px;} #Content20 .ServCont3 .cont .tit2{margin:0 0 8px 0;} #Content20 .ServCont3 .cont .info{ font-size:14px; line-height:28px;} } @media screen and (max-width:1023px){ #Content20 .ServTit1{ font-size:18px; line-height:28px; padding-bottom:10px; } #Content20 .ServCont1{ font-size:14px; line-height:26px; padding:15px 0 0 0;} #Content20 .ServCont2 .ul1{ margin:0 -6px;} #Content20 .ServCont2 .l1{ width:100%; padding:0 6px; margin-top:12px;} #Content20 .ServCont2 .la{ font-size:14px; line-height:24px; padding:10px 15px;} #Content20 .ServCont3 .l1{ margin-top:15px;} #Content20 .ServCont3 .img{ width:50%;} #Content20 .ServCont3 .cont{ width:50%; padding:10px 15px;} #Content20 .ServCont3 .cont .tit1{ font-size:18px; line-height:28px;} #Content20 .ServCont3 .cont .tit2{margin:0 0 5px 0; font-size:13px; line-height:22px;} #Content20 .ServCont3 .cont .info{ font-size:13px; line-height:24px;} } @media screen and (max-width:768px){ #Content20 .ServCont3 .img{ width:100%;} #Content20 .ServCont3 .cont{ width:100%;} } #Content21 .Download{ float:left; width:100%; margin:15px 0 0 0;} #Content21 .Download ul{ margin:0 -15px;} #Content21 .Download .l1{ padding:15px; margin-bottom:15px;} #Content21 .Download .l1 a{ float:left; width:100%; border:2px solid #e1e1e1; padding:33px 14.77% 38px 14.77%; text-align:center;} #Content21 .Download .l1 .tit{ float:left; width:100%; color:#333; font-size:20px; line-height:30px;} #Content21 .Download .l1 .info{ float:left; width:100%; color:#666; font-size:14px; line-height:26px; height:78px; overflow:hidden; margin:29px 0 32px 0;} #Content21 .Download .l1 .btn{ display:inline-block; vertical-align:top; width:180px; height:42px; border:1px solid #0e6eb8; color:#0e6eb8; font-size:16px; line-height:40px; border-radius:3px; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease; -webkit-transition:background 0.5s ease;} #Content21 .Download .l1 .btn{ display:inline-block; vertical-align:top; width:180px; height:42px; border:1px solid #0e6eb8; color:#0e6eb8; font-size:16px; line-height:36px; border-radius:3px; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease; -webkit-transition:background 0.5s ease;} #Content21 .Download .l1 .btn span{ display:inline-block; vertical-align:top;} #Content21 .Download .l1 .btn span i{ display:inline-block; vertical-align:top; font-size:24px;margin-top:4px; margin-left:10px;} #Content21 .Download .l1 .btn span font{ display:inline-block; vertical-align:top;} #Content21 .Download .l1 a:hover{ box-shadow:0 5px 24px rgba(0,0,0,0.15); border:2px solid #fff;} #Content21 .Download .l1 a:hover .btn{ background:#0e6eb8; color:#fff;} #Content21 .Download .slick-prev, #Content21 .Download .slick-next{ width:48px; height:48px; left:-71px; z-index:66;} #Content21 .Download .slick-next{ left:auto; right:-71px; } #Content21 .Download .slick-dots{ position:static; height:10px; margin-top:5px;} #Content21 .Download .slick-dots li{ float:none; padding:0; vertical-align:top; margin:0 4px; width:10px; height:10px; border-radius:50%; overflow:hidden; text-indent:-99px; background:#eeeeee;} #Content21 .Download .slick-dots li.slick-active{ background:#0e6eb8;} #Content21 .ServTit{ float:left; width:100%; text-align:center;} #Content21 .ServTit .tit1{ float:left; width:100%; color:#0e6eb8; font-size:30px; line-height:30px;} #Content21 .ServTit .tit2{ float:left; width:100%; color:#999; font-size:14px; line-height:14px; margin-top:14px;} #Content21 .Download .slick-prev, #Content21 .Download .slick-next{border-radius:50%; border:1px solid #0e6eb8; color:#0e6eb8;} #Content21 .Download .slick-prev:hover{ background:#0e6eb8;} #Content21 .Download .slick-next:hover{ background:#0e6eb8;} #Content21 .Download .slick-prev:after{ float:left; width:16px; height:2px; background:#0e6eb8; content:''; position:absolute; left:15px; top:17px; transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);} #Content21 .Download .slick-prev:before{ float:left; width:16px; height:2px; background:#0e6eb8; content:''; position:absolute; left:15px; bottom:17px; transform:rotate(-145deg); -moz-transform:rotate(-145deg); -ms-transform:rotate(-145deg); -o-transform:rotate(-145deg); -webkit-transform:rotate(-145deg);} #Content21 .Download .slick-next:after{ float:left; width:16px; height:2px; background:#0e6eb8; content:''; position:absolute; right:15px; top:17px; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);} #Content21 .Download .slick-next:before{ float:left; width:16px; height:2px; background:#0e6eb8; content:''; position:absolute; right:15px; bottom:17px; transform:rotate(145deg); -moz-transform:rotate(145deg); -ms-transform:rotate(145deg); -o-transform:rotate(145deg); -webkit-transform:rotate(145deg);} #Content21 .Download .slick-prev:hover:after, #Content21 .Download .slick-prev:hover:before, #Content21 .Download .slick-next:hover:after, #Content21 .Download .slick-next:hover:before{ background:#fff;} @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ #Content21 .Download .l1 a{ padding:33px 7% 38px 7%; } #Content21 .ServTit .tit1{ font-size:24px; line-height:24px;} } @media screen and (max-width:1023px){ #Content21 .Download ul{ margin:0 -6px;} #Content21 .Download .l1{ padding:6px; margin-bottom:6px;} #Content21 .Download .l1 a{ padding:20px 15px 25px 15px; } #Content21 .Download .l1 .tit{ font-size:16px; line-height:26px;} #Content21 .Download .l1 .info{ font-size:14px; line-height:24px; height:72px; margin:10px 0 16px 0;} #Content21 .Download .l1 .btn{ width:140px; height:36px; line-height:30px; font-size:14px;} #Content21 .Download .l1 .btn span i{ font-size:18px;margin-top:3px; margin-left:6px;} #Content21 .Download .l1 a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.15);} #Content21 .ServTit .tit1{ font-size:18px; line-height:18px;} #Content21 .ServTit .tit2{ margin-top:8px;} } @media screen and (max-width:768px){ } #List4 .nesw_list{ float:left; width:100%;} #List4 .nesw_list ul{ margin:0 -15px;} #List4 .nesw_list li{ float:left; width:33.333%; padding:0 15px; margin-top:40px;} #List4 .nesw_list li a{ float:left; width:100%;} #List4 .nesw_list li i{ float:left; width:100%; line-height:0; overflow:hidden; position:relative; padding-bottom:57.14%;} #List4 .nesw_list li i::after{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; content:'';-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;} #List4 .nesw_list li i img{ position:absolute; left:0; top:0; min-height:100%; width:100%; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;} #List4 .nesw_list li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #List4 .nesw_list li a:hover i::after{ border:25px solid #fff; border-bottom:6px solid #fff;} #List4 .nesw_list li .tx1{ float:left; width:100%; height:192px;} #List4 .nesw_list li h5{ float:left; width:100%; color:#333; font-size:18px; line-height:26px; margin:26px 0 12px 0;} #List4 .nesw_list li p{ float:left; width:100%; color:#999; font-size:14px; line-height:24px; height:48px; overflow:hidden;} #List4 .nesw_list li h6{ float:left; width:100%; padding:16px 0 31px 0; border-bottom:1px solid #e5e5e5;border-top:1px solid #fff;} #List4 .nesw_list li time{ float:left; color:#333; font-size:26px; line-height:31px; font-family:Arial;} #List4 .nesw_list li em{ float:right; width:31px; height:31px; border-radius:50%; background:url(../images/871_news7.png) center #fff;} #List4 .nesw_list li a:hover{ box-shadow:0 10px 20px rgba(0,0,0,0.1); overflow:hidden; border-bottom:none; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px} #List4 .nesw_list li a:hover .tx1{ padding:0 25px;} #List4 .nesw_list li a:hover h5{ margin:20px 0 12px 0;} #List4 .nesw_list li a:hover h6{ border-bottom:1px solid #fff;border-top:1px solid #fff;} #List4 .nesw_list li a:hover em{ background:url(../images/871_news7.png) center #0e6eb8; } #List4 .news{ width:100%; float:left; background:#f2f2f2; margin-top:80px;} #List4 .news .l1{ float:left; width:100%; position:relative; padding-left:560px; height:320px; overflow:hidden;} #List4 .news .img{ width:560px; float:left; height:320px; line-height:0; overflow:hidden; position:absolute; left:0; top:0;} #List4 .news .text{ float:right; width:100%; padding:30px 40px;} #List4 .news .text .time{ width:100%; float:left; font-size:24px; color:#4d4d4d; line-height:52px; height:52px; letter-spacing:1px; margin:2px 0 14px 0;} #List4 .news .text .time span{ font-weight:bold; font-size:52px; color:#c2c2c2; font-family:Arial; margin-right:5px;} #List4 .news .text .name{ width:100%; float:left; font-size:22px; color:#333; line-height:34px;} #List4 .news .text .name a{ display:block; max-width:100%;} #List4 .news .text .p{ width:100%; float:left; margin-top:16px; font-size:16px; color:#666; line-height:30px; height:60px; overflow:hidden;} #List4 .news .more{ float:left; width:100%; margin-top:24px; border-top:1px dashed #ccc;font-size:16px; color:#666; line-height:36px; padding-top:19px;} #List4 .news .more img{ vertical-align:middle; margin:-3px 0 0 10px; width:16px;} #List4 .news .more:hover, #List4 .news .text .name:hover a{ color:#0e6eb8;} #List4 .news .slick-dots { position: absolute; bottom: 40px; display: block; width: 100%; padding: 0; margin: 0; padding-right:32px; list-style: none; text-align: right; overflow:hidden; } #List4 .news .slick-dots li { position: relative; display: inline-block; width: 11px; height: 11px; margin: 0 5px; border:solid 1px #0e6eb8; float:none; padding:0; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } #List4 .news .slick-dots li button { display:none;} #List4 .news .slick-dots li.slick-active{ background:#0e6eb8; } @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ #List4 .nesw_list li{ margin-top:30px;} #List4 .nesw_list li a:hover i::after{ border:15px solid #fff; border-bottom:6px solid #fff;} #List4 .nesw_list li a:hover .tx1{ padding:0 15px;} #List4 .news .l1{ padding-left:438px; height:250px;} #List4 .news .text{ padding:15px 20px;} #List4 .news .text .time{ margin:5px 0 5px 0;} #List4 .news .text .name{ font-size:18px; line-height:28px;} #List4 .news .text .p{ font-size:14px; line-height:24px; height:48px; margin-top:10px;} #List4 .news .more{ padding-top:10px; margin-top:20px;} #List4 .news .img{ width:438px; height:250px;} #List4 .news .slick-dots{ bottom:32px;} } @media screen and (max-width:1023px){ #List4 .nesw_list li{ margin-top:20px;} #List4 .nesw_list li .tx1{ height:148px;} #List4 .nesw_list li h5{ margin:16px 0 5px 0;} #List4 .nesw_list li h6{ padding:10px 0 15px 0;} #List4 .nesw_list li time{ font-size:20px; line-height:26px;} #List4 .nesw_list li em{ width:26px; height:26px;} #List4 .nesw_list li a:hover h5{ margin:10px 0 5px 0;} #List4 .nesw_list li a:hover time{ background-size:auto 100%;} #List4 .news{ margin-top:30px;} #List4 .news .l1{ padding-left:350px; height:200px;} #List4 .news .text{ padding:15px 20px;} #List4 .news .text .time{ margin:0; font-size:16px; line-height:40px; height:40px;} #List4 .news .text .time span{ font-size:36px;} #List4 .news .text .name{ font-size:16px; line-height:26px;} #List4 .news .text .p{ margin-top:5px;} #List4 .news .more{ padding-top:5px; margin-top:12px;} #List4 .news .img{ width:350px; height:200px;} #List4 .news .slick-dots{ bottom:32px;} } @media screen and (max-width:768px){ #List4 .nesw_list ul{ margin:0 -5px;} #List4 .nesw_list li{ width:50%; padding:0 5px; margin-top:10px;} #List4 .nesw_list li h5{ font-size:16px; line-height:24px;} #List4 .nesw_list li p{line-height:24px; height:44px;} #List4 .news .l1{ padding-left:0; height:auto;} #List4 .news .img{ width:100%; height:auto; position:static;} #List4 .news .text{ padding:12px 15px;} #List4 .news .slick-dots { bottom:20px; padding-right:10px;} #List4 .news .slick-dots li {width: 9px;height: 9px;margin: 0 3px;} } #Content22 .history{ float:left; width:100%; overflow:hidden;} #Content22 .history .down{ float:left; width:100%; position:relative; padding:83px 0 0 0;} #Content22 .history .down:after{ float:left; width:1px; height:100%; position:absolute; left:50%; top:0; content:''; background:#e2e2e2; z-index:-1;} #Content22 .history .cont1{ float:left; width:50%; padding-right:80px; text-align:right;} #Content22 .history .cont1 .tit{ float:left; width:100%; color:#0e6eb8; font-size:36px; line-height:46px; font-weight:bold;} #Content22 .history .cont1 .info{ float:left; width:100%; color:#333; font-size:14px; line-height:24px; margin:20px 0 29px 0;} #Content22 .history .cont1 .img{ float:left; width:100%; line-height:0; overflow:hidden; border:1px solid #ebebeb; border-radius:8px; overflow:hidden;} #Content22 .history .cont2{ float:right; width:50%; padding-left:80px;} #Content22 .history .cont2 .li1{ float:left; width:100%; padding-bottom:80px; position:relative; z-index:6;} #Content22 .history .cont2 .li1::after{ float:left; width:1px; height:0; position:absolute; left:-80px; top:0; content:''; background:#0e6eb8;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content22 .history .cont2 .li1:hover::after{ height:100%;} #Content22 .history .cont2 .li1::before{ float:left; width:58px; height:1px; position:absolute; left:-80px; top:21px; background:#e2e2e2; border-radius:50%; content:''; z-index:2;} #Content22 .history .cont2 .li1:hover::before{ background:#0e6eb8;} #Content22 .history .cont2 .num{ float:left; width:100%; color:#333; font-size:26px; line-height:36px; position:relative; margin-top:4px; font-family:Arial; position:relative; z-index:6;} #Content22 .history .cont2 .num:after{ float:left; width:20px; height:20px; position:absolute; left:-90px; top:9px; border:1px solid #cdcdcd; background:#fff; border-radius:50%; content:''; z-index:2;} #Content22 .history .cont2 .num:before{ float:left; width:2px; height:2px; position:absolute; left:-81px; top:18px; background:#cdcdcd; border-radius:50%; content:''; z-index:3} #Content22 .history .cont2 .info{ float:left; width:100%; color:#666; font-size:14px; line-height:24px; margin:10px 0 19px 0;} #Content22 .history .cont2 .img{ float:left; width:100%; line-height:0; overflow:hidden; border:1px solid #ebebeb; border-radius:8px; overflow:hidden;} #Content22 .history .cont2 .li1:hover .num{ color:#0e6eb8;} #Content22 .history .cont2 .li1:hover .num:after{ border:1px solid #0e6eb8;} #Content22 .history .cont2 .li1:hover .num:before{ background:#0e6eb8;} #Content22 .history .years{ float:left; width:100%; text-align:center; position:relative;} #Content22 .history .years:after, #Content22 .history .years:before{ float:left; width:1500px; height:25px; background:url(../images/872_hist9.png) right 0 repeat-x; position:absolute; left:100%; top:61px; content:'';} #Content22 .history .years:before{ left:auto; right:100%; background:url(../images/872_hist9.png) left 0 repeat-x;} #Content22 .history .years .l1{ color:#666; font-size:26px; line-height:36px; font-family:Arial; padding-bottom:50px; background:url(../images/872_hist9.png) center 61px no-repeat;} #Content22 .history .years .l1.slick-current{ color:#0e6eb8; background:url(../images/872_hist8.png) center 61px no-repeat;} #Content22 .history .years .slick-prev, #Content22 .history .years .slick-next{ width:10px; height:17px; left:5px; background:url(../images/872_hist7.png) left center no-repeat; background-size:auto 100%; z-index:66; top:19px;} #Content22 .history .years .slick-next{ left:auto; right:-5px; background:url(../images/872_hist7.png) right center no-repeat; background-size:auto 100%;} #Content22 .history .years .slick-prev:hover, #Content22 .history .years .slick-next:hover{opacity:0.8; filter:alpha(opacity=80);} @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ #Content22 .history .cont1{padding-right:50px;} #Content22 .history .cont2{ padding-left:50px;} #Content22 .history .cont2 .num:after{left:-60px;} #Content22 .history .cont2 .num:before{left:-51px;} #Content22 .history .cont2 .li1::before {left:-50px; width:35px;} #Content22 .history .cont2 .li1::after{ left:-50px;} } @media screen and (max-width:1023px){ #Content22 .history .down{ padding:30px 0 15px 0;} #Content22 .history .cont1{padding-right:30px;} #Content22 .history .cont1 .tit{ font-size:20px; line-height:30px;} #Content22 .history .cont1 .info{ margin:10px 0 15px 0;} #Content22 .history .cont2{ padding-left:30px;} #Content22 .history .cont2 .num{ font-size:18px; line-height:28px;} #Content22 .history .cont2 .num:after{ left:-38px; width:16px; height:16px; top:7px;} #Content22 .history .cont2 .num:before{ left:-31px; top:14px;} #Content22 .history .cont2 .li1::before {left:-28px; top:18px; width:20px;} #Content22 .history .cont2 .info{ margin:5px 0 10px 0;} #Content22 .history .cont2 .li1{ padding-bottom:15px;} #Content22 .history .years:after, #Content22 .history .years:before{ top:33px;} #Content22 .history .years .l1{ font-size:18px; line-height:28px; padding-bottom:30px; background:url(../images/872_hist9.png) center 33px no-repeat;} #Content22 .history .years .l1.slick-current{ background:url(../images/872_hist8.png) center 33px no-repeat;} #Content22 .history .years .slick-prev, #Content22 .history .years .slick-next{ top:14px;} } @media screen and (max-width:768px){ #Content22 .history .down:after{ left:9px;} #Content22 .history .cont1{ float:right; width:100%;padding:0 0 0 30px; text-align:left; margin-bottom:15px;} #Content22 .history .cont2{ width:100%;} #Content22 .history .cont2 .num:after{ left:-30px; top:7px;} #Content22 .history .cont2 .num:before{ left:-23px; top:14px;} #Content22 .history .cont2 .li1::before {left:-20px; top:18px; width:14px;} } @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ } @media screen and (max-width:1023px){ } @media screen and (max-width:768px){ } #Content24 .newRet{ width:100%; float:left; margin-top:28px; margin-bottom:80px;} #Content24 .newRet .title{ width:100%; float:left; font-size:18px; color:#0e6eb8; line-height:41px;} #Content24 .newRet ul{ width:100%; float:left; margin-top:11px;} #Content24 .newRet ul li{ width:48.46%; float:left; border-bottom:solid 1px #d7d8d8; line-height:41px; padding-right:80px; position:relative;} #Content24 .newRet ul li h5{ width:100%; float:left; font-size:14px; color:#333; line-height:41px;} #Content24 .newRet ul li .time{ position:absolute; right:0; top:0; font-size:14px; line-height:41px; color:#777;} #Content24 .newRet ul li.l1{ float:right;} #Content24 .newRet ul li:hover h5{ color:#0e6eb8;} @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ } @media screen and (max-width:1023px){ } @media screen and (max-width:768px){ #Content24 .newRet{ margin-top:10px; margin-bottom:30px;} #Content24 .newRet .title{ font-size:17px; line-height:27px;} #Content24 .newRet ul{ margin-top:0;} #Content24 .newRet ul li{ width:100%;} } #Content25 .caseRet{ width:100%; float:left; margin-bottom:80px;} #Content25 .caseRet .title{ width:100%; float:left; font-size:24px; color:#0e6eb8; line-height:34px;} #Content25 .caseRet .ul1{ width:100%; float:left; margin-top:25px; border:1px solid #e1e1e1; padding:20px 10px;} #Content25 .caseRet .ul1 li{ width:33.33%; float:left; padding:0 10px;} #Content25 .caseRet .ul1 li a i{ float:left; width:100%; line-height:0; overflow:hidden;} #Content25 .caseRet .ul1 li a 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;} #Content25 .caseRet .ul1 li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Content25 .caseRet .ul1 li a h5{ width:100%; float:left; font-size:16px; color:#666; line-height:46px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; } #Content25 .caseRet .ul1 li a:hover h5{ color:#0e6eb8;} #Content25 .caseRet .slick-dots{ position:static; height:12px; margin-top:10px;} #Content25 .caseRet .slick-dots li{ float:none; padding:0 !important; vertical-align:top; margin:0 9px; width:12px; height:12px; border-radius:50%; overflow:hidden; text-indent:-99px; background:#eeeeee;} #Content25 .caseRet .slick-dots li.slick-active{ background:#0e6eb8;} @media screen and (max-width:1310px){ } @media screen and (max-width:1310px){ #Content25 .caseRet .ul1 li{ padding-left:12px;} } @media screen and (max-width:1023px){ #Content25 .caseRet{ margin-bottom:30px;} #Content25 .caseRet .title{ font-size:18px; line-height:28px;} #Content25 .caseRet .ul1{ margin-top:25px; padding:12px 6px 15px 6px; margin-top:10px;} #Content25 .caseRet .ul1 li{ width:50%; padding:0 6px;} #Content25 .caseRet .ul1 li a h5{ font-size:14px; line-height:36px;} #Content25 .caseRet .slick-dots{height:10px; margin-top:5px;} #Content25 .caseRet .slick-dots li{ margin:0 5px; width:10px; height:10px; } } @media screen and (max-width:768px){ #Content25 .caseRet .ul1 li a{ line-height:26px;} }