*{margin:0;padding:0} body{background:#fff;margin:0;padding:0;text-decoration:none;font-variant:normal;font-family:'Microsoft YaHei'} a:active,a:hover,a:link,a:visited{text-decoration:none} a{text-decoration:none} li{list-style-type:none} ol,ul{list-style-type:none;list-style-image:none} input[type=button],input[type=submit],input[type=text]{-webkit-appearance:none} textarea{-webkit-appearance:none} select{-webkit-appearance:none} html{font-size:12px} @font-face { font-family : DINProb; src:url(../images/DINPro-Bold.otf);} .content{ margin:0px auto; width:1400px; overflow:hidden; position:relative;} @media screen and (min-width:320px){html,body{font-size:14px;}} a{COLOR:#666;blr:expression(this.onFocus=this.blur());text-decoration:none} a:focus{outline:0} input,textarea{outline:0} a:hover{color:#186fe8;text-decoration:none;transition:.5s ease-out;-moz-transition:.5s ease-out;-webkit-transition:.5s ease-out;-o-transition:.5s ease-out} /*top*/ .head{width:100%;margin:0 auto; background-image: linear-gradient(to bottom, rgba(0,0,0,0.3), transparent); position:fixed; top:0px; width:100%; z-index:99; border-bottom:1px rgba(255,255,255,0.6) solid } .had{ padding:0 2%; margin:0px auto; height:100px; text-align:center; position:relative} .hadd{ background:#fff; box-shadow:0 0 5px #ccc } .logo{ float:left; margin-top:14px} .logo span{ background:url(../images/logo.png) no-repeat; display:inline-block; width:245px; height:67px;} .logo span.hlogo{ background:url(../images/hlogo.png) no-repeat; display:inline-block; } .ltxt{ float:left; text-align:left; margin-top:20px;} .ltxt h3{ color:#fff; font-size:25px;} .ltxt p{ font-size:14px; color:#fff;} .ltxt_cs h3{ color:#186fe8} .ltxt_cs p{ color:#666} .nav{ float:right} .nav ul{} .nav li{ position:relative; line-height:100px; display:inline-block; width:125px;} .nav li a{ color:#fff; display:block; position:relative; font-size:16px;} .nav li ul{ position:absolute; width:150px; z-index:99;background:rgba(3,80,150,0.6); display:none; left:50%; margin-left:-85px; padding:0 10px;} .nav li ul li{ height:45px; line-height:45px; width:100%; font-size:13px; border-bottom:1px #fff dashed} .nav li a:after{ content:""; width:1px; height:0px; background:#fff ; position:absolute; bottom:10px; left:50%;-webkit-transition:all .5s;transition:all .5s;} .nav li a:before{ content:""; width:1px; height:0px; background:#fff ; position:absolute; top:10px; left:50%;-webkit-transition:all .5s;transition:all .5s;} .nav li:hover a:after{ width:1px; height:20px; -webkit-transition:all .5s;transition:all .5s;} .nav li:hover a:before{ width:1px; height:20px; -webkit-transition:all .5s;transition:all .5s;} .nav li:hover { background:#186fe8;background-image: linear-gradient(to bottom, #039cec, #184db9);} .nav li:hover a{ color:#fff} .nav li:hover ul{ display:block;} .nav li ul li a:hover{ color:#fff; background:#196fe8} .nav li ul li a:after{ content:""; display:none;} .nav li ul li a:before{ content:""; display:none;} .nav li ul li a{color:#fff; display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .dianhua{ float:right; border-left:1px #ccc solid; height:100%; padding-left:45px;} .hot{float: right; margin-top: 28px; font-size: 20px; width:45px; height:45px; border-radius:50%; color: #fff; background: url(../images/tel.png) no-repeat center center; margin-right:15px; -webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;overflow:hidden; position:absolute; right:4%; z-index:2 ;cursor:pointer;line-height:18px; } .hot span{ opacity:0;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s; margin:6px 0 0 50px; display:inline-block;} .hot:hover{ background: #186fe8 url(../images/tel.png) no-repeat center left 20px; width:200px; -webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s; border-radius:30px; } .hot:hover span{ opacity:1;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;} .hotd{ background:url(../images/tel3.png) no-repeat center center} .wx{float: right; margin-top: 28px; font-size: 25px; font-weight: bold; width:34px; height:45px; border-radius:50%; color: #fff; background: url(../images/wx.png) no-repeat center center; margin-left:20px; cursor:pointer; position:relative; z-index:999 -webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;} .wx span{ opacity:0; width:85px; margin-top:45px; margin-left:-20px; display:inline-block; overflow:hidden; font-size:20px; color:#fff; -webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;} .wx span img{ width:100%} .wx:hover span{ opacity:1} .wxx{ background: url(../images/wxx.png) no-repeat center center; } .nav-v ul li a{ color:#333;} .nav-v ul li a:hover{ color:#fff; background:#196fe8} .nav-v li:hover a:after{ width:1px; height:20px; -webkit-transition:all .5s;transition:all .5s;} .nav-v li:hover a:before{ width:1px; height:20px; -webkit-transition:all .5s;transition:all .5s;} .nav-v li:hover a:hover{ background:#196fe8} .caidan,.mtel{ display:none;} .banner{width:100%; height:100vh; margin:0px auto} .mySwiper2 .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover} .mySwiper2 .swiper{height:300px;margin-left:auto;margin-right:auto} .mySwiper2 .swiper-slide{background-size:cover;background-position:center} .mySwiper2{height:100%;width:100%; position:relative; } .mySwiper{height:20%;box-sizing:border-box;padding:10px 0; position:absolute; bottom:20px; width:90%; left:5%} .mySwiper .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center} .mySwiper .swiper-slide{width:25%;height:180px;opacity:1; cursor: pointer} .mySwiper .swiper-slide-thumb-active{ background:#f7e308;} .mySwiper .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover} .mySwiper .swiper-slide{ display:block} .mySwiper .swiper-slide h3{ text-align:center; font-family:DINProb; font-size:60px; display:block; position:relative; margin-top:20px;} .mySwiper .swiper-slide h3 i{ font-style:normal;} .mySwiper .swiper-slide h3 sup{ font-family:Microsoft YaHei; font-size:14px; font-weight:400; width:30px; height:30px; line-height:30px; border-radius:100%; background:#1871e5; display:inline-block; color:#fff; position:absolute; margin-left:-15px; margin-top:5px;} .mySwiper .swiper-slide p{ display:block; font-size:16px; color:3666; text-align:center;} .banner .swiper-pagination{position:absolute;width:100%;left:0;bottom:34px;display:flex;justify-content:center;align-items:center;z-index:1} .banner .swiper-pagination .swiper-pagination-bullet{width:50px;height:6px;background:#fff;display:block;margin:0 3px;border-radius:6px; opacity:1; margin:0 8px;} .banner .swiper-pagination .swiper-pagination-bullet-active{background:#0079c5} .mbanner{ overflow:hidden; margin:0 auto; display:none;} .mbanner img{width:100%} .mbanner .swiper-pagination{position:absolute;width:100%;left:0;bottom:34px;display:flex;justify-content:center;align-items:center;z-index:1} .mbanner .swiper-pagination span{width:20px;height:4px;background:#eee; border-radius:6px; opacity:1;display:block;margin:0 3px;} .mbanner .swiper-pagination .swiper-pagination-bullet-active{background:#0079c5} .liucheng{ background:url(../images/lcbj.jpg) no-repeat center top; background-size:cover; margin:50px auto 0; overflow:hidden; padding:30px 0 60px; background-attachment:fixed;} .liucheng ul{ overflow:hidden; text-align:center;} .liucheng ul li{ width:16.6%; float:left; position:relative;} .liucheng ul li div{width:102px; height:100px; margin:0px auto;} .liucheng ul li dd{ overflow:hidden; border-radius:100%; width:100px; height:100px; border:1px #fff solid; text-align:center; margin:0px auto;display: table-cell; vertical-align: middle;-webkit-transition:all .5s;transition:all .5s} .liucheng ul li dd img{ width:59px; height:54px; margin:0px auto; text-align:center;} .liucheng ul li:after{content:url(../images/lcimg07.png); position:absolute; right:-10px; top:50%; margin-top:-40px;} .liucheng ul li:last-child:after{content:; display:none;} .liucheng ul li p{ overflow:hidden; font-size:24px; color:#fff; margin:10px auto} .liucheng ul li i{ font-style:normal; font-size:12px; color:#fff; overflow:hidden; text-transform:uppercase;} .liucheng ul li:hover div dd{transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transition:all .5s;transition:all .5s; background:#0351be} .liucheng .tel_dh{ font-size:30px; color:#f8e830; font-weight:bold; text-align:center; margin:40px auto} .liucheng .anniu{ width:300px; height:50px; border-radius:6px; background:#f8e830; text-align:center; line-height:50px; color:#000; font-size:18px; margin:0px auto; position:relative} .liucheng .anniu a{ color:#000; position:relative; z-index:9;} .liucheng .anniu:after{ content:""; background:#fff; width:0%;border-radius: 6px; height:100%; position:absolute; top:0px;left:0px; -webkit-transition:all .5s;transition:all .5s;} .liucheng .anniu:hover:after{ width:100%; -webkit-transition:all .5s;transition:all .5s; } .title{ padding:50px 0; overflow:hidden;} .title h3{color:#333;font-size:48px;text-align:center; font-weight:400; background:url(../images/xx.png) no-repeat center bottom; padding-bottom:20px; margin-bottom:20px; } .title p{display:block;color:#666;font-size:18px;text-align:center;font-family:arial;text-transform:uppercase; margin-top:10px; } .title i{ text-align:center; font-size:14px; color:#ccc; letter-spacing:20px; text-transform:uppercase; font-style:normal; display:block} .title h4 span{ color:#186fe8;} .title_bs{ padding:50px 0; overflow:hidden;} .title_bs h3{color:#fff;font-size:48px;text-align:center; font-weight:400; background:url(../images/xx1.png) no-repeat center bottom; padding-bottom:20px; margin-bottom:20px; } .title_bs p{display:block;color:#fff;font-size:18px;text-align:center;font-family:arial;text-transform:uppercase; margin-top:10px; } .title_bs i{ text-align:center; font-size:14px; color:#fff; letter-spacing:20px; text-transform:uppercase; font-style:normal; display:block} .title_bs h4 span{ color:#fff;} .pic_content{overflow:hidden} .pic_content ul{overflow:hidden} .pic_content ul li{width:50%;float:left;border:2px #fff solid; border-bottom:none;box-sizing:border-box;overflow:hidden;position:relative} .pic_content ul li div{position:absolute;width:100%;overflow:hidden;bottom:30px} .pic_content ul li div h3{-webkit-transition:all .5s;transition:all .5s;font-size:30px;color:#fff;font-weight:700;margin:0 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;padding-bottom:20px} .pic_content ul li p{-webkit-transition:all .5s;transition:all .5s;font-size:20px;height:30px;line-height:30px;margin:10px 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ccc} .pic_content ul li div h3:before{content:"";width:70px;height:3px;background:#fff;position:absolute;bottom:0;left:0} .pic_content ul li img{width:100%;height:100%;-webkit-transition:all .5s;transition:all .5s} .pic_content ul li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)} .pic_content ul li:hover div h3{color:#196fea;-webkit-transition:all .5s;transition:all .5s} .pic_content ul li:hover div p{color:#196fea;-webkit-transition:all .5s;transition:all .5s} .pic_content ul li h3:after{content:"";width:0;height:3px;background:#196fea;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s} .pic_content ul li:hover h3:after{content:"";width:70px;-webkit-transition:all .5s;transition:all .5s} .fll{ background:#f2f2f2; overflow:hidden; padding-bottom:40px;} .pic_nav{ overflow:hidden; background:#efefef; margin:0px auto; padding:60px 0 } .pic_nav ul{ overflow:hidden; } .pic_nav ul li{ width:12.5%; float:left; border:5px #efefef solid; box-sizing:border-box; font-size:18px;text-align:center; position:relative;} .pic_nav ul li div{ overflow:hidden; position:relative; height:96px; } .pic_nav ul li div img{ overflow:hidden; } .pic_nav ul li div img:first-child{ transform: translateY(0%);-webkit-transition:all .5s;transition:all .5s} .pic_nav ul li div img:last-child{ transform: translateY(100%);-webkit-transition:all .5s;transition:all .5s} .pic_nav ul li p{ overflow:hidden; height:60px; line-height:60px; font-size:18px;-webkit-transition:all .5s;transition:all .5s} .pic_nav ul li:hover div img:first-child{ transform: translateY(-100%);-webkit-transition:all .5s;transition:all .5s} .pic_nav ul li:hover div img:last-child{ transform: translateY(-100%);-webkit-transition:all .5s;transition:all .5s} .pic_nav ul li:hover a p { color:#186fe8;-webkit-transition:all .5s;transition:all .5s} .pic{ overflow:hidden; margin:20px auto } .pic ul{ overflow:hidden; } .pic ul li{ background:url(../images/picbj.png) no-repeat center top ; background-size:cover; overflow:hidden; width:20%; float:left; border:20px #fff solid; box-sizing:border-box; position:relative; padding-bottom:100px;} .pic ul li h3{ height:60px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin:30px; font-weight:400; font-size:20px;-webkit-transition:all .5s;transition:all .5s } .pic ul li h3:after{content:url(../images/poc_xt.png) ; display:block; margin-top:20px;-webkit-transition:all .5s;transition:all .5s} .pic ul li div{ overflow:hidden; margin:5%; padding:3%; width:84%; height:15em; transform: translateY(30%); text-align:center} .pic ul li div img{height:100%;-webkit-transition:all .5s;transition:all .5s} .pic ul li:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)} .pic ul li:hover h3:after{ content:url(../images/pic_xxt.png);-webkit-transition:all .5s;transition:all .5s} .gengduo{ width:400px; border:1px #666 solid; text-align:center; font-size:0.22rem; margin:40px auto; height:80px; line-height:80px; overflow:hidden; position:relative} .gengduo a{ position:relative; z-index:22; text-align:center; display:block; } .gengduo:after{ content:""; background:#186fe8; width:0%; height:100%; position:absolute; left:0px; bottom:0px;-webkit-transition:all .5s;transition:all .5s} .gengduo a:hover{ color:#fff;} .gengduo:hover:after{ width:100%;-webkit-transition:all .5s;transition:all .5s} .adv{width:100%;height:auto;overflow:hidden; } .adv ul{width:100%;height:auto;overflow:hidden;display:flex;justify-content:space-between;align-items:center; } .adv ul li{width:25%;height:auto;position:relative;overflow:hidden;margin-left:20px;transition:.5s} .adv ul li:nth-child(1){margin-left:0} .adv ul li .adv_img img{display:block} .adv ul li .intro{width:100%;height:100%;overflow:hidden;position:absolute;left:0;top:0;transition:.5s;background:rgba(24,111,232,.4)} .adv ul li .intro:after{content:"";width:1px;height:308px;position:absolute;top:263px;background:#fff;left:50%} .adv ul li .intro .tit{margin-top:60px} .adv ul li .intro .tit span{display:block;color:#fff;font-size:36px;margin:0 auto;width:102px;letter-spacing:15px;padding-left:15px} .adv ul li .intro .tit i{display:table;margin:0 auto;height:45px;display:flex;justify-content:center;align-items:center;margin-top:34px} .adv ul li .intro p{color:#fff;font-size:24px;line-height:34px;text-align:center;margin-top:360px} .adv ul li .intro b{color:#fff;font-size:106px;position:absolute;bottom:-50px;opacity:.45;font-weight:400;text-align:center;display:block;width:100%} .adv ul li .info{width:94%;position:absolute;left:0;opacity:0;visibility:hidden;bottom:-140px;display:flex;justify-content:flex-start;transition:.5s;align-items:center;background:#186fe8} .adv ul li .info b{width:150px;height:140px;display:block;float:left;background:#f8e830;text-align:center;line-height:140px;color:#fff;font-size:72px;line-height:140px} .adv ul li .info div{padding:0 22px;width:920px;box-sizing:border-box} .adv ul li .info div h4{color:#fff;font-size:24px} .adv ul li .info div p{color:#fff;font-size:16px;line-height:26px;margin-top:10px} .adv ul .on{width:1070px} .adv ul .other{width:13%} .adv ul .on .intro{opacity:0;visibility:hidden} .adv ul .on .info{bottom:35px;opacity:1;visibility:initial} .cases{width:100%;height:auto;overflow:hidden;margin:0px auto} .case_Swiper{ overflow:hidden; background:#f2f2f2; width:1400px; margin:0px auto} .case_Swiper .swiper-slide { overflow:hidden; text-align:left; cursor: pointer} .case_Swiper .swiper-slide dl{ border-left:1px #ccc solid; overflow:hidden; padding: 30px 0 30px 40px;} .case_Swiper .swiper-slide:first-child dl{ border-left:none;} .case_Swiper .swiper-slide dl dd{ width:55px; height:55px; overflow:hidden; float:left; display:block; margin-right:10px;} .case_Swiper .swiper-slide dl dd img{ overflow:hidden;} .case_Swiper .swiper-slide dl dd:first-child{ transform: translateY(0%);-webkit-transition:all .5s;transition:all .5s} .case_Swiper .swiper-slide dl dd:last-child{ transform: translateY(100%);-webkit-transition:all .5s;transition:all .5s} .case_Swiper .swiper-slide dl span{ overflow:hidden;} .case_Swiper .swiper-slide dl span dt{ font-size:26px; color:#333;} .case_Swiper .swiper-slide dl span i{ font-size:13px; font-style:normal; text-transform:uppercase; color:#666;} .case_Swiper .swiper-slide-thumb-active{ background:#186fe8} .case_Swiper .swiper-slide-thumb-active dl span dt{ color:#fff;} .case_Swiper .swiper-slide-thumb-active dl span i{ color:#fff;} .case_Swiper .swiper-slide-thumb-active dl dd img:first-child{ overflow:hidden;transform: translateY(-100%);-webkit-transition:all .5s;transition:all .5s} .case_Swiper .swiper-slide-thumb-active dl dd img:last-child{ overflow:hidden;transform: translateY(-100%);-webkit-transition:all .5s;transition:all .5s} .caseSwiper { width:1400px; overflow:hidden; margin:40px auto; background:#fff; box-shadow:0 0 10px #ccc;} .caseSwiper .swiper-wrapper{} .caseSwiper .case_img{ width:50%; float:left; overflow:hidden;} .caseSwiper .case_img img{width:100%;height:100%;-webkit-transition:all .5s;transition:all .5s} .caseSwiper .case_img:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)} .caseSwiper .case_text{ width:44%; margin:3%; overflow:hidden; float:right} .caseSwiper .case_text h3{ font-size:20px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; position:relative; padding-bottom:20px; margin-bottom:20px;} .caseSwiper .case_text h3:after{ content:""; width:100px; height:2px; background:#999; position:absolute; display:block; bottom:0px; left:0px;} .caseSwiper .case_text dt{ font-size:16px; line-height:30px; color:#666;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient: vertical; margin-bottom:100px;} .caseSwiper .case_text dd{ width:200px; border:1px #ccc solid; height:50px; line-height:50px; text-align:center; font-size:18px; position:relative;} .caseSwiper .case_text dd:after{ content:""; width:0%; height:100%; position:absolute; left:0px; top:0; z-index:-1; background:#186fe8;-webkit-transition:all .5s;transition:all .5s} .caseSwiper .case_text dd a{ color:#666; position:relative; z-index:99; display:block;-webkit-transition:all .5s;transition:all .5s} .caseSwiper .case_text dd:hover:after{ width:100%;-webkit-transition:all .5s;transition:all .5s} .caseSwiper .case_text dd:hover a{ color:#fff;-webkit-transition:all .5s;transition:all .5s} .caseSwiper .swiper-pagination-fraction{bottom:-12px;} .caseSwiper .swiper-pagination-current{ font-size:36px;} .caseSwiper .swi_bottom{ position:absolute; bottom:20%; right:5%; width:150px;} .caseSwiper .swiper-button-prev:after{ content:"←"; font-size:24px; color:#000} .caseSwiper .swiper-button-next:after{ content:"→";font-size:24px;color:#000} .caseSwiper .swiper-button-prev, .swiper-rtl .swiper-button-next, .caseSwiper .swiper-button-next, .swiper-rtl .swiper-button-prev{ z-index:100} .horSwiper{ margin:20px auto 0; padding-bottom:30px;} .horSwiper .swiper-slide a{ display:block; border:1px #ccc solid; height:8em; overflow:hidden} .horSwiper .swiper-slide a img{ width:100%} .horSwiper .swiper-wrapper{flex-wrap: wrap; flex-direction:initial;} .horSwiper .swiper-wrapper .swiper-slide { margin-bottom:30px;} .horSwiper .swiper-pagination{ bottom:0px;} .horSwiper .swiper-pagination-bullet{ width:10px; height:10px; opacity:1; background:#186fe8;-webkit-transition:all .5s;transition:all .5s} .horSwiper .swiper-pagination-bullet-active{ width:30px; -webkit-transition:all .5s;transition:all .5s; border-radius:6px; } .horSwiper .swiper-slide a:hover{ border:1px #196fe8 solid;} .advSwiper{display:none;} .liucheng{ background:url(../images/lcbj.jpg) no-repeat center top; background-size:cover; margin:50px auto 0; overflow:hidden; padding:30px 0 60px; background-attachment:fixed;} .liucheng ul{ overflow:hidden; text-align:center;} .liucheng ul li{ width:16.6%; float:left; position:relative;} .liucheng ul li div{width:102px; height:100px; margin:0px auto;} .liucheng ul li dd{ overflow:hidden; border-radius:100%; width:100px; height:100px; border:1px #fff solid; text-align:center; margin:0px auto;display: table-cell; vertical-align: middle;-webkit-transition:all .5s;transition:all .5s} .liucheng ul li dd img{ width:59px; height:54px; margin:0px auto; text-align:center;} .liucheng ul li:after{content:url(../images/lcimg07.png); position:absolute; right:-10px; top:50%; margin-top:-40px;} .liucheng ul li:last-child:after{content:; display:none;} .liucheng ul li p{ overflow:hidden; font-size:24px; color:#fff; margin:10px auto} .liucheng ul li i{ font-style:normal; font-size:12px; color:#fff; overflow:hidden; text-transform:uppercase;} .liucheng ul li:hover div dd{transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transition:all .5s;transition:all .5s; background:#0351be} .liucheng .tel_dh{ font-size:30px; color:#f8e830; font-weight:bold; text-align:center; margin:40px auto} .liucheng .anniu{ width:300px; height:50px; border-radius:6px; background:#f8e830; text-align:center; line-height:50px; color:#000; font-size:18px; margin:0px auto; position:relative} .liucheng .anniu a{ color:#000; position:relative; z-index:9;} .liucheng .anniu:after{ content:""; background:#fff; width:0%;border-radius: 6px; height:100%; position:absolute; top:0px;left:0px; -webkit-transition:all .5s;transition:all .5s;} .liucheng .anniu:hover:after{ width:100%; -webkit-transition:all .5s;transition:all .5s; } .aboutbj{ width:100%; height:100%; margin:0px auto 0; overflow:hidden;} .about_left{ overflow:hidden; width:50%; float:left;} .about_left img{ width:100%;} .about_right{ width:50%; overflow:hidden; float:right;} .about_txt{ overflow:hidden; float:left; margin:5% 5% 0; width:80%;} .about_txt h3{ font-size:30px; font-weight:bold; color:#186fe8; padding-bottom:30px; position:relative} .about_txt h3:after{ content:""; display:block; font-size:16px; font-weight:400; text-transform:uppercase; font-style:normal; background:#186fe8; height:2px; width:60px; position:absolute; bottom:0px; left:0px; } .about_txt dd{ color:#333; line-height:36px; font-size:18px; text-indent:2em; margin-top:30px;word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 13; -webkit-box-orient: vertical; margin-bottom:30px; } .about_txt dt{ width:300px; border:1px #666 solid; height:80px; line-height:80px; text-align:center; font-size:18px; position:relative; margin:20px 0; } .about_txt dt:after{ content:""; width:0%; height:100%; position:absolute; left:0px; top:0; z-index:-1; background:#186fe8;-webkit-transition:all .5s;transition:all .5s} .about_txt dt a{ color:#666; position:relative; z-index:99; display:block;-webkit-transition:all .5s;transition:all .5s} .about_txt dt:hover:after{ width:100%;-webkit-transition:all .5s;transition:all .5s} .about_txt dt:hover a{ color:#fff;-webkit-transition:all .5s;transition:all .5s} .about_txt ul{ overflow:hidden; } .about_txt ul li{ width:33.33%; float:left; border:20px #fff solid; box-sizing:border-box; background:#186fe8; border-radius:30px; text-align:center; padding-bottom:40px;} .about_txt ul li div{ overflow:hidden; margin:20px auto 10px; width:80px;} .about_txt ul li div img{ width:100%;} .about_txt ul li div img:first-child{ display:block;-webkit-transition:all .5s;transition:all .5s} .about_txt ul li div img:last-child{ display:none;-webkit-transition:all .5s;transition:all .5s} .about_txt ul li p{ font-size:16px; color:#fff;-webkit-transition:all .5s;transition:all .5s} .about_txt ul li:hover{ background:#f7e308;-webkit-transition:all .5s;transition:all .5s} .about_txt ul li:hover p{ color:#000;-webkit-transition:all .5s;transition:all .5s} .about_txt ul li:hover div img:first-child{ display:none;-webkit-transition:all .5s;transition:all .5s} .about_txt ul li:hover div img:last-child{ display:block;-webkit-transition:all .5s;transition:all .5s} #video{width:100%;height:100%;margin:0 auto;position:relative;height:930px} #video video{width:100%;height:100%;object-fit:fill} .VideoBtn{position:absolute;left:0;top:0;width:100%;height:100%;display:block;cursor:pointer;z-index:10} .VideoBtn img{width:100%} .jsmodern-select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .jsmodern-marquee-inner{float:none!important;margin:0!important;padding:0!important;background:0 0!important} .jsmodern-marquee-default,.jsmodern-marquee-repeat{float:left;margin:0!important;padding:0!important;background:0 0!important} .jsmodern-marquee-part{display:block;float:left} section.jsmodern-share{position:fixed;top:50%!important;left:50%!important;width:300px!important;height:335px!important;z-index:999999;margin:0!important;background:#fff;border:#ddd solid 1px;border-radius:10px;box-shadow:#ddd 0 0 20px;overflow:hidden!important;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .jsmodern-share p{display:block;height:20px!important;text-align:center;font-size:18px;margin:15px 0 20px 0!important} .jsmodern-share section{float:none!important;width:260px!important;height:260px!important;margin:0 auto!important;padding:0!important} .jsmodern-share b{position:absolute;width:12px;height:12px;border:#333 solid 4px;background:#333 url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAS1BMVEVMaXH///////////////////////////////////////////////////////////////////////////////////////////////9UrLx+AAAAGHRSTlMAgHBAMKDPEO9gwOAgsFCQn/DQ37+vj1+ShkdhAAAB/UlEQVR42u3ayW4CQQwA0dmgZyEJgSz+/y/NISgTaRrVqfpkny1eaSBSEO5ycnJy/s94nSPm69hJ8/0ZEfevS1efco3HfBaDv5zjd+alvnCOvzkLBdO8v35fW3iLcAp2f5/XygOKOBRoftzhAewFhl9/BGuIBbv//FMwx7HA8+PlsLSFULD7HLCGULD7/BYMUS2Q/BgPe+W9XuD4t8rmEPUCw4+xtnt6UiD4S9e5Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7BezbBeT7BeT7BeT7BeD7BeD7BeBLBey7Bey7Bey7Bey7BezLBejrBeT7BeT7BeD781L3BxXl/7/iXNr5UKD7UKD7UKD7UKD7VGD7XKD7XOD7XOD7XOD7XOD7ywkKbJ++N/o+FOg+FOg+FOg+Fdg+F9g+F9g+F9g+Fzh+3h/k/UHeH+T9Qd4f5P1B3h/k/UHeH+T9gVFQGt4ffNRWP1reH/THxbHp/cFcYE+4P6BXXt37A34PGt8frIelW9v7gzf4FUS/PxgOK0vb+4PLcWVreX9wqmxMDe8PtlLbWN5b3R9sU31jWh9/IlOnzOv2eP7l6cpl6Pth6rQZ+75fSpeTk5Pzf34AZEeVGaC2p3QAAAAASUVORK5CYII=);background-size:cover;border-radius:10px;right:4px;top:4px;cursor:pointer;opacity:.2;transition:.2s} .jsmodern-share b:hover{opacity:.5} .jsmodern-picture-container{display:block;position:relative;overflow:hidden} .jsmodern-picture-container a{display:block;color:#fff;text-decoration:none} .jsmodern-picture-container img{border:0} .jsmodern-picture-inner{position:absolute;height:100%;top:0;left:0;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)} .jsmodern-picture-part{position:relative;overflow:hidden} .jsmodern-picture-fade{width:100%} .jsmodern-picture-fade .jsmodern-picture-part{position:absolute;display:none} .jsmodern-picture-slide .jsmodern-picture-part{float:left} .jsmodern-picture-slide img{display:block} .jsmodern-picture-dot{position:absolute;bottom:15px} .jsmodern-picture-dot.jsmodern-picture-dotcenter{left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)} .jsmodern-picture-dot.jsmodern-picture-dotleft{left:10px} .jsmodern-picture-dot.jsmodern-picture-dotright{right:10px} .jsmodern-picture-dot b{display:block;float:left;width:10px;height:10px;background:#888;border-radius:5px;cursor:pointer;margin:0 5px;transition:.4s} .jsmodern-picture-dot b.active{background:#fff} .jsmodern-picture-next,.jsmodern-picture-prev{display:block;position:absolute;top:50%;width:17px;height:32px;margin-top:-16px;cursor:pointer;background:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAYAAAB3j6rJAAAB7klEQVR42s3XbUtaYRzH8euhqUetZC1Dy1q1mLhX0hvxjeyBIIMV1YpuHOkiBmNsc60dvGmNQS/KfR/8ghAOF8frXLIHH5D/+d898fjXjMfj/4JL8XPsIiW7is10kSI+ootAuooVZ7XIIjr4hjKMlBXrKMfrIvP4gB4qk88V6yln3tciBVzgBqtReXp2o9xC0ovkcYZbVG35yrlVTT6pRXI4QYh1xayUG6o257pIgPfo4wVMHKrpq0cw7SJZHGKATcViU+1AvbJxF8lgHyNswzjaVq999bYvosR3uMOOYs7U6069M7ZF0niLe7yCSZJ63mtGOmqRObTwBzUYT2qa0cLc5CIpNPEXdRjP6prV1Gxj9OENHvAaZhY060GzU4/vig5CLM1qEc0KNTt4GvwkPpeJnPf04TI+4xrPfC2h3teatRz19S3hC66gAyc56nmlGSXbC20FX9GFDhx36tVV7xXrm1XK+I5LLLguoR6X6lmO+6NXwQ+0oWsrPtW21asy7Rmwhp84RyHuEqo5V48118Ooil84RR5xrrpT1VaTOhU3EOLYdm1JTrmhao3NNNfWkeXaCpSjq87P34ktDHEQcW1l9WyoXK9/sF5ihL2JAyej2Eg5Jg6Xa+s3WkhJS7GprjrXA6eBrDQUMx4X8e8fwj0L7GH1LqcAAAAASUVORK5CYII=) no-repeat} .jsmodern-picture-prev{margin-left:13px} .jsmodern-picture-next{right:0;margin-right:13px;background-position:-17px 0} @media screen and (max-width:768px){.jsmodern-picture-dot{bottom:13px} .jsmodern-picture-dot b{-webkit-transform:scale(.7);transform:scale(.7)} } .jsmodern-video{background:#000;position:relative;overflow:hidden;z-index:10} .jsmodern-video-panel{position:absolute;bottom:0;left:0;z-index:2147483648;width:100%;height:40px;line-height:40px;color:#fff;background:rgba(0,0,0,.8);-webkit-user-select:none;-moz-user-select:none;user-select:none} .jsmodern-video-panel.jsmodern-video-panelFull{left:50%;-webkit-transform:translate(-50%,-10px);-ms-transform:translate(-50%,-10px);transform:translate(-50%,-10px);padding:3px 5px;border-radius:8px} .jsmodern-video-linebox{height:6px;background:rgba(255,255,255,.25);border-radius:3px;width:460px;width:-webkit-calc(100% - 305px);width:-moz-calc(100% - 305px);width:calc(100% - 305px);float:left;margin:17px 0 0 15px;position:relative;cursor:pointer} .jsmodern-video-pass{position:absolute;border-radius:3px;height:100%;background:#f81e3d} .jsmodern-video-linedot{width:6px;height:6px;background:#fff;border-radius:3px;-webkit-transform:scale(1.8);-ms-transform:scale(1.8);transform:scale(1.8);position:absolute} .jsmodern-video-panel b{cursor:pointer} .jsmodern-video-panel b,.jsmodern-video-panel span{display:block;float:left} .jsmodern-video-panel span{font-size:12px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none} .jsmodern-video-start{margin-left:10px} .jsmodern-video-start+span{width:14px;height:12px;text-align:center;line-height:12px;font-size:10px;overflow:hidden;margin-top:13px;-webkit-transform:scale(1,.9) translateY(1px);-ms-transform:scale(1,.9) translateY(1px);transform:scale(1,.9) translateY(1px);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top} .jsmodern-video-end,.jsmodern-video-start{width:39px;text-align:center} .jsmodern-video-volumebox{width:80px;height:6px;background:rgba(255,255,255,.25);border-radius:3px;float:left;margin:18px 0 0 7px;position:relative;cursor:pointer} .jsmodern-video-volumeline{width:40px;height:6px;background:#f81e3d;border-radius:3px;margin-top:0} .jsmodern-video-volumedot{width:6px;height:6px;background:#fff;border-radius:3px;margin:-6px 0 0 37px;-webkit-transform:scale(1.8);-ms-transform:scale(1.8);transform:scale(1.8);position:absolute} .jsmodern-video-fullin,.jsmodern-video-play,.jsmodern-video-volume{width:18px;height:18px;margin-top:11px;background-position:center;background-repeat:no-repeat} .jsmodern-video-play{margin-left:10px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAe0lEQVR42q2UQRGAIBREiWAEIhjhRzCKDbCBRjGCDaQBRqDBdzntgRvLm3nXN6sMhIa7G0xBgqHGC1c9RNKcENeZHiInXLQQKdDUUL9OD3GdGOrXaSGSZ4QuddEDo/KPPrgpx1/hwc8YC90wKlckQ1MubYW79IzwOMf4AZCzZlJ6pNv5AAAAAElFTkSuQmCC)} .jsmodern-video-pause{background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAANUlEQVR42u3MMQoAAAgCwP4/9aR+VjQINtTcoNBicobkTNiS/vEQvSBBggR9hILOD8h5i74A46kzKYwr0EYAAAAASUVORK5CYII=)} .jsmodern-video-volume{margin-left:15px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAqklEQVR42tWT0QmDMBCGHcENXMEBhGaL9rEjZATffKwDZJdmgy7QHZo33zz/0AscBmNaCOIPH3Ke+USTq84ZIrqDdnXPgGuuoAVP4KMi0TddSlCDB5BR3GvEcy/wCYUCF8HNNwFtiBwwQco9jSKKBZQQaa4brt+en0W8eAJGiN2/IusRIiouKv9puA5bP7uXhDfsbP8gtn8GOnUgx8wD6XJHxO6NSNGhPT4LSrtjI5LQNtEAAAAASUVORK5CYII=)} .jsmodern-video-muted{background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAA00lEQVR42s2UsQ3CMBBFqZAokNLQoozgCWJ3NAxAg5QRGIEFEOkpgBFgAbIKC0AoU5nv6CJ9GQI6lIIvPcXxyd93di4D730v9Gf0Xc1mOTA0pTMKi8EFBDm1EQIJ2AKWldiw64wcsMQC3EGsDEzBhLPAM5XBi0r/XjNwBUfKxMimhcYoAzsZ78mkAkZlJBUc5L1uTbSlWbrJWuZOYU5tFJVzbsvUGs3BDTzEkMtsDnsdsQJVR0YbsOTrlzXJpw+yACwnsfGvLVLqWkTftCM2+r//0RPE3HMNwpwYwQAAAABJRU5ErkJggg==)} .jsmodern-video-fullin{margin-left:15px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAKlBMVEVMaXH////////////////////////////////////////////////////m1kuZAAAADXRSTlMAYBAw79DwIM9wgG9/QM+KqQAAAF5JREFUeNqNj0sSwCAIQ6Pit+X+1y2GOs7UTbNA8kYjQE05wpTK7LG8EwcdrwZB7hrcBx1FYfcDCY9UEGdbrFbiBIqpFf90PmGo7NDvtwJt1x7slmN0graWEwIny+sDBBUDznqlFGYAAAAASUVORK5CYII=)} .jsmodern-video-fullout{margin-left:15px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAJ1BMVEVMaXH////////////////////////////////////////////////c+C/6AAAADHRSTlMAgBDQz39QIMBAML9Nf8RqAAAAaElEQVR42r2QQQ7AIAgEV6CIlv+/t3Ap3E2cyyojxIBb7JfqQu/+z+ZCIAU0QtzqEbtMGcCIcCZ0454iIuvFLDHRICkhvUNHsICVqThBnyBHZSqK4+/2Ok9OEdGNOdcSuS1xW2+3jUt8eaUDz3DmFVcAAAAASUVORK5CYII=)} b.jsmodern-video-fullFalse{opacity:.5;cursor:default} .jsmodern-scrollBar-container{overflow:hidden} .jsmodern-scrollBar-inner{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)} .jsmodern-scrollbar{position:absolute;top:0;right:1px;width:6px;background:rgba(0,0,0,.3);border-radius:3px;z-index:10px;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)} .jsmodern-lazyload{display:block;opacity:0} .jsmodern-page-content{text-align:center;margin-left:auto;margin-right:auto} .jsmodern-page-target>*{display:none} .jsmodern-page{height:38px;display:inline-block;overflow:hidden;border-radius:19px;border:#e8e8e8 solid 1px;margin:0 auto} .jsmodern-page>div i,.jsmodern-page>i{display:block;float:left;width:40px;height:38px;line-height:38px;font-size:13px;text-align:center;cursor:pointer;font-style:normal;background:#f5f5f5;transition:.15s;font-weight:700;color:#333} .jsmodern-page i{border-right:#e3e3e3 solid 1px;border-left:#fff solid 1px} .jsmodern-page>div{float:left;max-width:420px;overflow:hidden} .jsmodern-page>div div{height:38px} .jsmodern-page i.active{background:#e04636;color:#fff;box-shadow:rgba(0,0,0,.2) 0 0 10px inset;border-right-color:#fff} .jsmodern-page i:hover{color:#e04636} .jsmodern-page i.active:hover{color:#fff} .jsmodern-page>i span{display:inline-block;font-size:20px} .jsmodern-page>i:first-child{border-radius:19px 0 0 19px} .jsmodern-page>i:last-child{border-radius:0 19px 19px 0} i.jsmodern-page-first,i.jsmodern-page-last,i.jsmodern-page-next,i.jsmodern-page-prev{line-height:33px} section.jsmodern-page-more{margin:0;padding:0;text-align:center;width:100%;height:40px;line-height:40px;font-size:15px;background:#ececec;color:#666} .jsmodern-fullpage-container{display:block;position:fixed;width:100%;height:100%;z-index:10;top:0;left:0;overflow:hidden;transition-timing-function:cubic-bezier(.77,0,.175,1)} .jsmodern-fullpage-part{display:block;position:absolute;top:0;left:0;width:100%;height:100%;padding:0;overflow:hidden} .jsmodern-fullpage-navigation{position:fixed;z-index:20} .jsmodern-fullpage-navigation-x{left:50%;bottom:18px;width:auto;height:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%)} .jsmodern-fullpage-navigation-y{top:50%;right:18px;width:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%)} .jsmodern-fullpage-navigation-default>b{display:block;cursor:pointer;width:8px;height:8px;border:#000 solid 1px;border-radius:10px;opacity:.8;transition:.3s} .jsmodern-fullpage-navigation-y>b{margin:10px 0} .jsmodern-fullpage-navigation-x>b{float:left;margin:0 8px} .jsmodern-fullpage-navigation-default>b.active{background:#000} .jsmodern-dialog-container{position:fixed;width:100%;height:100%;z-index:2147483649;top:0;left:0;background:rgba(0,0,0,.6);margin:0;padding:0;opacity:0} .jsmodern-dialog{position:fixed;left:50%;top:-20px;width:500px;min-width:500px;height:auto;line-height:auto;overflow:hidden;padding:15px;margin:0;text-align:left;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);background:#fff;border-radius:6px;border:#555 solid 1px;box-shadow:0 0 20px rgba(0,0,0,.3);opacity:0} .jsmodern-dialog-title{text-align:left;font-size:16px;font-weight:700;color:#000;word-wrap:break-word;word-break:normal} .jsmodern-dialog-content{width:100%;height:auto;min-height:60px;overflow:hidden;word-wrap:break-word;word-break:normal;margin-top:10px;font-size:14px;color:#333;line-height:160%;z-index:10;-webkit-overflow-scrolling:touch} .jsmodern-dialog>span{display:block;float:right;height:30px;line-height:30px;font-size:13px;padding:0 12px;cursor:pointer;margin:13px 0 0 10px;border-radius:4px;border:#ccc solid 1px;transition:.25s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .jsmodern-dialog>span.jsmodern-dialog-sure{background:#2f7cbe;border-color:#2f7cbe;color:#fff} .jsmodern-dialog>span.jsmodern-dialog-sure:hover{background:#1563a6;border-color:#1563a6} .jsmodern-dialog>span.jsmodern-dialog-cancel:hover{background:#eee} @media screen and (max-width:1024px){.jsmodern-dialog.jsmodern-dialog-mobile{top:43%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .jsmodern-dialog.jsmodern-dialog-mobile .jsmodern-dialog-title{-webkit-transform:scale(1.03);transform:scale(1.03);transform-origin:left top} .jsmodern-dialog.jsmodern-dialog-mobile>span{font-size:14px} } .changfang{width:;overflow:hidden;margin:0px auto 0;} .changfang ul li{width:390px;position:relative;float:left;overflow:hidden; border:1px #fff solid; box-sizing:border-box; position:relative;} .changfang ul li div{overflow:hidden; height:18em} .changfang ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%} .changfang ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)} .changfang ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:50px; background:#e5e5e5; line-height:50px;font-size:18px;text-align:center; z-index:2; } .changfang ul li a{color:#333} .changfang ul li:hover p{color:#186fe8;-webkit-transition:all .5s;transition:all .5s;} .changfang ul li:after{ content:""; position:absolute; bottom:0px; background:#fff; width:0%;-webkit-transition:all .5s;transition:all .5s; left:0; height:3px;} .changfang ul li:hover:after{ width:100%; background:#186fe8;-webkit-transition:all .5s;transition:all .5s;} .news{ width:100%;overflow:hidden;background:#f5f5f5; } .news_left{ width:30%; float:left; overflow:hidden; background:#e0e4e9; padding:3% 0 0;} .news_left .newsdiv{ float:right; width:88%;} .news_left h3{ font-size:24px; color:#000; margin:5% 0} .news_left h3 p{ font-size:20px; color:#999;} .news_left h3 p span{ color:#186fe8} .newsSwiper{ overflow:hidden;} .newsSwiper .swiper-slide{ overflow:hidden;} .newsSwiper .swiper-slide div{ overflow:hidden; height:17em} .newsSwiper .swiper-slide img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%} .newsSwiper .swiper-slide:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)} .newsSwiper .swiper-slide h3{ width:70%; padding:20px 20px 20px 0 ; font-size:20px; background:#e0e4e9 ; transform: translateY(-100%); position: relative;} .newsSwiper .swiper-slide p{ font-size:16px; color:#666; line-height:30px; padding:0 20px 0 0; transform: translateY(-70%);word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .newsSwiper .swiper-slide:hover a h3{ color:#186fe8} .newsSwiper .swiper-pagination{ bottom:40px;} .newsSwiper .swiper-pagination-bullet{ width:30px; height:6px; border-radius:6px; opacity:1; background:#999;-webkit-transition:all .5s;transition:all .5s} .newsSwiper .swiper-pagination-bullet-active{background:#186fe8; } .news_right{ width:70%; float:right; overflow:hidden; } .news_right .new_Swiper{ margin-left:5%; overflow:hidden;} .n_tit{ text-align:right; font-size:18px; margin-right:5%; color:#666; line-height:164px; } .n_tit span{ color:#000; font-weight:bold;} .news_right .new_Swiper .swiper-slide{ overflow:hidden; background:#fff;-webkit-transition:all .5s;transition:all .5s;} .news_right .new_Swiper .swiper-slide div{ overflow:hidden; height:9em; border-bottom:1px solid #f1f1f1} .news_right .new_Swiper .swiper-slide div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%} .news_right .new_Swiper .swiper-slide:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)} .news_right .new_Swiper .swiper-slide dl{ padding:20px; overflow:hidden;-webkit-transition:all .5s;transition:all .5s} .news_right .new_Swiper .swiper-slide dl h3{ font-size:18px; color:#333 ;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:20px; } .news_right .new_Swiper .swiper-slide dl p{ line-height:28px; color:#16px; color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; height:90px;} .news_right .new_Swiper .swiper-slide dl dd{ width:60%; overflow:hidden; height:50px; line-height:50px; background:#186fe8; text-align:center; color:#fff; font-size:16px; margin:30px auto;-webkit-transition:all .5s;transition:all .5s;} .news_right .new_Swiper .swiper-slide:hover dl{ background:#fff;transform: translateY(-40px);-webkit-transition:all .5s;transition:all .5s; } .news_right .new_Swiper .swiper-slide:hover{transform:translate(0,-40px); -moz-transform:translate(0,-40px); -ms-transform:translate(0,-40px); -o-transform:translate(0,-40px); -webkit-transform:translate(0,-40px);-webkit-transition:all .5s;transition:all .5s;} .news_right .new_Swiper .swiper-slide dl dd:hover{ background:#f7e307;-webkit-transition:all .5s;transition:all .5s;} .news_right .new_Swiper .swiper-slide a dl dd:hover { color:#000;} .news_right .new_Swiper .swiper-slide:hover dl h3{ color:#186fe8} .news_right .new_Swiper .swiper-pagination{ width: 100%; height: 4px; left: 0; top:inherit; bottom: 10px; display:none;} .news_right .new_Swiper .swiper-pagination-progressbar{ background:#f2f2f2} .news_right .new_Swiper .swiper-pagination-progressbar-fill{ background:#186fe8} .address{width:100%;height:auto;overflow:hidden;position:relative;} .address .tit{margin-top:110px} .address .tit h4{color:#3e3e3e;font-size:60px;text-align:center;font-weight:400} .address .map-info{width:100%;height:330px;position:relative;margin-top:300px} .address .map{width:100%;height:330px} .address .map-info .info{background:#fff;width:542px;height:356px;position:absolute;z-index:1;top:-240px;left:50%;padding:0 50px;padding-top:30px;box-sizing:border-box;transform:translateX(-50%);background:url(../images/bg02.png) no-repeat center} .address .map-info .info h4{text-align:center;font-size:26px;font-weight:400} .address .map-info .info b{font-size:18px;color:#585656;font-weight:400;margin-top:25px;display:block} .address .map-info .info p{color:#686464;font-size:16px;line-height:30px;margin-top:15px;min-height:90px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .address .map-info .info div{display:flex;justify-content:center;margin-top:25px;align-items:center} .address .map-info .info a{display:block;width:165px;height:45px;border-radius:5px;margin:0 15px;text-align:center;line-height:45px;color:#fff;font-size:16px;background:#186fe8} .address .map-info .info a:last-child{background:#a19f9f} .address ul{width:100%;height:auto;overflow:hidden;background:rgba(0,0,0,.9);position:absolute;left:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:1} .address ul li{height:60px; text-align:center;margin:0 10px; padding:0 10px; position:relative;line-height:60px;cursor:pointer} .address ul li:after{content:"";width:1px;height:14px;position:absolute;right:-7px;top:50%;background:#fff;transform:translateY(-50%)} .address ul li:last-child:after{width:0;height:0;overflow:hidden} .address ul li p{color:#fff;font-size:18px} .address ul .on{background:#186fe8} .address .map-info .info a:hover{ background:#f7e308; color:#000;} .footer{width:100%;height:auto;overflow:hidden;box-sizing:border-box;padding:50px 0 40px;position:relative;background:#3e3e3e; margin:0px auto 0} .footer .blogo{ float:left;} .footer .blogo div{ overflow:hidden;} .footer .blogo p{ font-size:18px; color:#fff; margin:30px auto 20px; text-align:center;} .footer .blogo dd{ width:200px; height:50px; line-height:50px; text-align:center; color:#fff; background:#186fe8; font-size:20px; font-weight:bold;} .footer .intro{float:left; height:auto;overflow:hidden} .footer .intro h4{color:#fff;font-size:20px; font-weight:400; margin-bottom:10px;} .footer .intro h4:after{content:"—"; color:#186fe8; display:block;} .footer .intro h3{ font-size:30px; margin:10px auto; color:#fff;} .footer .intro a{color:#fff} .footer .intro p{color:#fff;font-size:14px;line-height:28px;margin-top:10px} .footer .ewm{float:right; border-left:1px #ccc solid; padding-left:3%;} .footer .ewm h4{color:#fff;font-size:20px; font-weight:400; margin-bottom:10px;} .footer .ewm h4:after{content:"—"; color:#186fe8; display:block;} .footer .ewm div{ border:1px #fff solid; padding:5px; margin-top:20px} .footer .ewm img{display:block;width:130px;height:130px;margin:0 auto;} .footer .bnav { width:16%; float:left; overflow:hidden; border-left: 1px #fff solid ; border-right: 1px #fff solid; margin:0 3%; padding:0 3%; height:220px;} .footer .bnav h4{color:#fff;font-size:20px; font-weight:400; margin-bottom:10px;} .footer .bnav h4:after{content:"—"; color:#186fe8; display:block;} .footer .bnav ul{ overflow:hidden} .footer .bnav ul li{ overflow:hidden; width:50%; border:6px #3e3e3e solid; box-sizing:border-box; float:left; } .footer .bnav ul li a{ color:#fff; display:block; text-align:left; padding:2% 0 } .footer .bnav ul li a:hover{ color:#186fe8} .Copyright{ background:#186fe8; text-align:center; padding:1% 0; text-align:center; color:#fff; font-size:15px;} .Copyright a{ color:#fff;} .side{position:fixed;width:78px;right:0;bottom:20%;z-index:10000;border:1px solid #ccc;background:#fff;border-bottom:0} .side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer;} .side ul li a{color:#333} .side ul li:hover{background:#186fe8;color:#fff} .side ul li:hover a{color:#fff} .side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s} .side ul li i.bgs1{background-image:url(../images/ios01.png)} .side ul li i.bgs2{background-image:url(../images/ios02.png)} .side ul li i.bgs3{background-image:url(../images/ios03.png)} .side ul li i.bgs6{background-image:url(../images/ios03.png)} .side ul li:hover i.bgs1{background-image:url(../images/icon11.png)} .side ul li:hover i.bgs2{background-image:url(../images/icon22.png)} .side ul li:hover i.bgs6{background-image:url(../images/icon33.png)} .side ul li.sideetel:hover .telBox{display:block} .side ul li.sideewm:hover .ewBox{display:block} .side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden} .side ul li.sideewm .ewBox{width: 130px; display: none; color: #363636; text-align: center; padding: 10px; position: absolute; left: -152px; top: -75px; background-repeat: no-repeat; background-position: center center; border: 1px solid #e0e0e0; background: #186fe8;} .side ul li.sideetel .telBox{width:240px; padding-bottom:10px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#186fe8} .side ul li.sideetel .telBox dd{display:block; overflow:hidden;padding-left:82px;line-height:20px;font-size:18px;padding-top:14px} .side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:11px;font-size:18px} .side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#0a8ada} .side ul li.sideetel .telBox dd.bgs2{background:url(../images/icon11.png) 28px 19px no-repeat;background-size:15%} .side ul li.sideewm .ewBox img{width:100%} .n_banner{ width:100%; margin:0px auto; overflow:hidden;} .n_banner img{ width:100%; margin:0px auto;} .n_banner img:first-child{ width:100%; margin:0px auto; display:block;} .n_banner img:last-child{ width:100%; margin:0px auto; display:none;} .mbx{width:100%;height:62px;border-bottom:1px solid #eaeaea;max-width:1920px;margin:0 auto;position:relative; z-index:2} .mbx a.home{display:block;width:64px;height:62px;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;background:url(../images/InpageAddress_icon01.png) no-repeat center;float:left;position:relative;z-index:999; margin-right:10px;} .mbx a.home:hover{background:url(../images/InpageAddress_icon03.png) no-repeat center} .mbx .p1{line-height:62px;margin-left:16px;position:relative;z-index:9; overflow: hidden; font-size:16px; white-space: nowrap; text-overflow: ellipsis;} .mbx .p1 a{padding-right:14px;background:url(../images/InpageAddress_icon02.png) no-repeat right center;font-size:16px;margin-left:10px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .mbx .p1 a:first-child{margin-left:0} .mbx .p1 a:last-child{background-image:none} .pic_img{ width:50%; float:left; overflow:hidden;} .p_swiw{box-sizing:border-box;padding:10px 0; } .p_swiw .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center} .p_swiw .swiper-slide{opacity:1; cursor: pointer; background:url(../images/picbj.png)} .p_swiw .swiper-slide-thumb-active{ background:#f7e308;} .p_swiw .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover} .p_swiw .swiper-slide-thumb-active{ opacity:0.6} .p_swiw .swiper-pagination{ width:auto; left:inherit; bottom:40px; right:20px; color:#fff} .p_swiw .swiper-pagination-current{ font-size:24px;} .pic_img .swiper-button-next:after, .pic_img .swiper-button-prev:after{ color:#fff;} .pic_txt{ width:48%; float:right;} .pic_txt h3{ font-size:24px; color:#333; border-bottom:1px #ccc solid; padding-bottom:20px; margin-bottom:20px;} .pic_txt dd{ font-size:15px; line-height:30px; color:#666;} .pic_txt dt{overflow:hidden; margin:30px auto} .pic_txt dt img{ width:120px; float:left; border:1px #ccc solid ; padding:5px;} .pic_txt dt b{ font-size:20px; color:#196fe8; line-height:30px; margin-left:20px; display:block; float:left} .pic_txt dt b i{ font-size:15px; font-weight:400; font-style:normal; display:block; color:#333; border:1px #ccc solid; margin:15px auto; text-align:center ; height:45px; line-height:45px;} .picbtn{ overflow:hidden; height:50px; line-height:50px; margin-top:20px;} .picbtn a{ width:150px; height:40px; line-height:40px; float:left; margin:0 10px; background:#196fe8; text-align:center; color:#fff;} .picbtn a:nth-child(2){ background:#f7e308; color:#000} .picbox{ margin:50px auto; overflow:hidden;} .xq_content{ overflow:hidden;} .xq_bt{ padding:30px 0 20px; overflow:hidden;} .xq_bt h3{color:#333;font-size:36px;text-align:center; font-weight:400; background:url(../images/xx.png) no-repeat center bottom; padding-bottom:20px; margin-bottom:20px; } .xq_bt p{display:block;color:#666;font-size:18px;text-align:center;font-family:arial;text-transform:uppercase; margin-top:10px; } .canshu{ overflow:hidden; background:#f2f2f2;} .canshu ul{ overflow:hidden;border:1px #ccc solid; padding:1px 0 0 1px; } .canshu ul li{ width:25%; padding:2%; border-top:1px #ccc solid; border-left:1px #ccc solid; box-sizing:border-box; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size:14px; float:left; margin:-2px 0 0 -2px;} .xqxinxi{ overflow:hidden; line-height:30px; color:#666; font-size:16px; padding:20px; } .xqxinxi img{ display:block; margin:0px auto;width:100%} .xqxinxi p{font-size:16px;} .youdian{ overflow:hidden;} .youdian ul{ overflow:hidden; padding-left:1px} .youdian li { width: 16.6%; float: left; border: 1px solid #ddd; text-align: center; box-sizing:border-box; font-size: 18px; padding: 21px 0px; margin-left:-1px; } .youdian li img { display: block; width: 50px; height: 50px; margin-bottom: 8px; border-radius: 10px; background: #196fe8; margin: 0 auto; margin-bottom: 10px; margin-top: 10px; padding: 5px; } .zengzhi{ overflow:hidden} .zengzhi ul{ overflow:hidden} .zengzhi ul li { width: 50%; border:10px #fff solid; box-sizing:border-box; float: left; overflow:hidden; box-shadow: 1px 6px 7px #ddd; } .zengzhi li img { display: block; width: 100% } .zengzhi li h3 { font-size: 26px; line-height: 37px; font-weight: 700; color: rgba(0, 0, 0, .8); margin: 20px 20px 15px 20px; } .zengzhi li h3 i { display: block; float: left; width: 28px; height: 37px; background: #f7e308; font-size: 36px; line-height: 37px; color: #fff; text-align: center; font-style: normal; } .zengzhi li h3 i:nth-child(2) { background: #196fe8; margin-right: 12px; } .zengzhi li p { margin: 0px 20px; height:100px; font-size: 16px; color: rgba(0, 0, 0, .8); line-height: 28px; } .tedian{ overflow:hidden;} .tedian ul{ overflow:hidden;} .tedian ul li{ float:left; width:25%; border:10px #fff solid; box-sizing:border-box; text-align:center; position:relative; background:#f1f1f1; padding-bottom:30px;} .tedian ul li dd div{overflow:hidden;width:90px; height:90px; position:absolute; bottom:0%; margin-bottom:-40px; border-radius:50%; background:#f1f1f1; left:50%; margin-left:-39px; transition:All .4s ease-in-out;-webkit-transition:All .4s ease-in-out;-moz-transition:All .4s ease-in-out;-o-transition:All .4s ease-in-out; box-shadow:0 0 3px #ccc; font-size:36px; line-height:97px; text-align:center;} .tedian ul li h3{overflow:hidden;font-size:24px;color:#333;margin:60px 0 12px} .tedian ul li dt{overflow:hidden;font-size:16px;color:#555;text-align:left;line-height:28px; padding: 0 40px; min-height: 121px;} .tedian ul li:last-child{margin-right:0} .tedian ul li:hover div{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg)} .tedian ul li dd { position:relative;} .tedian ul li dd img{width:100%; height:100%;} .tedian ul li:hover{ background:#196fe8} .tedian ul li:hover dt,.tedian ul li:hover h3{ color:#fff;} .tjbox{ overflow:hidden;} .tjbox ul{ overflow:hidden;} .tjbox ul li{ overflow:hidden; width:300px; float:left; margin:0 8px;} .tjbox ul li div{ overflow:hidden; border:1px #ccc solid; height:300px} .tjbox ul li p{ height:50px ; line-height:50px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:18px; text-align:center;} .tjbox ul li div img{width:100%;height:100%;-webkit-transition:all .5s;transition:all .5s;} .tjbox ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)} .tjbox ul li div:hover{border:1px #196fe9 solid;} .dibu_news{margin:0px auto 0;padding-bottom:50px;overflow:hidden; } .dibu_news ul { overflow:hidden; padding-top:10px;} .dibu_news ul li{float:left;width:50%; background:#f2f2f2; border:10px #fff solid; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; position:relative; padding:10px; box-sizing:border-box;} .dibu_news ul li dl{width:100px;height:100px;text-align:center;background:#196fe8;color:#fff;float:left; margin-right:10px;} .dibu_news ul li dl dd{ padding: 11px 30px 0px; font-size: 38px; font-weight: bold;} .dibu_news ul li dl dt{text-align:center;font-size:14px ; height: 35px; line-height: 30px;} .dibu_news ul li span{ overflow:hidden;} .dibu_news ul li span h3{color:#333;height:42px;line-height:42px;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .dibu_news h3 a{transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out;color:#333} .dibu_news h3 a:hover{color:#1c71c8;padding-left:10px;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out} .dibu_news i{font-style:normal;font-size:12px;color:#999} .dibu_news ul li span p{font-size:14px;line-height:23px;color:#555;height:50px;margin:5px auto;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .dibu_news ul li:nth-child(2n){margin-right:0px} .dibu_news ul li span i{font-size:13px; color:#999; height:30px; line-height:30px; background:url(../images/newsList_icon02.png) no-repeat center left; text-indent:2em; display: inline-block;} .dibu_news ul li:hover{-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);z-index:1002;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .dibu_news ul li:hover dl{ background:#f7e308; color:#000;} .dibu_news ul li:hover span h3{color:#196fe8} .wary_left{ width:20%; float:right; position:relative; z-index:1; overflow:hidden; margin-top:60px; } .wary_pic_left{ width:20%; float:left; position:relative; z-index:1; overflow:hidden; margin-top:60px; } .pic_left{ width:100%; overflow:hidden; background:#ebeeec} .pic_left h3{background:#186fe8; overflow:hidden; color:#fff; text-align:center; padding-top:30px; font-size:24px;} .pic_left p{ font-size:14px; color:#f1f1f1; text-transform:uppercase; font-weight:normal; } .pic_left p::before{ color:#f1f1f1; content:"————— PRODUCT —————"; font-size:14px; display:block; margin:10px 0} .pic_left dd{background:#616161; height:50px; line-height:50px; font-size:18px; color:#fff; text-indent:2em; margin-bottom:5px} .pic_left dd a{color:#fff} .pic_left ul{ overflow:hidden; padding:10px;} .pic_left ul li{float:left; width:108px; height:35px; line-height:35px; font-size:15px; background:url(../images/xsj.png) no-repeat 0 17px; padding-left:11px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; border:none; text-align:left} .pic_left ul li:hover{background:url(../images/xsj.png) no-repeat 0 -24px;} .dh{width:100%; overflow:hidden; color:#fff; padding-top:20px; font-size:16px; line-height:28px; text-align:center; background:url(../images/dh.png) no-repeat; background-size:100%} .dh p{font-size:24px; color:#fe0000; font-weight:bold; padding:15px 0 10px} .wary_right{ width:78%; float:left; overflow:hidden;} .pic_fenlei{ overflow:hidden; background:#196fe8; text-align:center; color:#fff; font-size:30px; padding:20px 0;} .case_nav{ overflow:hidden; margin:60px auto} .case_nav ul{ overflow:hidden;} .case_nav ul li{ overflow:hidden; float:left; width:14.2%; border:10px #fff solid; box-sizing:border-box; background:#eeeeee; text-align:center; font-size:18px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; line-height:60px;} .case_nav ul li a{ color:#333; overflow:hidden; display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .case_nav ul li a:hover{ background:#196fe8; color:#fff; overflow:hidden;} .case_nav ul li.ast{ background:#196fe8; color:#fff;} .case_nav ul li.ast a{ color:#fff;} .product_nav{ overflow:hidden; margin:0px auto; width:1200px} .product_nav ul{ overflow:hidden;} .product_nav ul li{ overflow:hidden; float:left; width:14.2%; border:10px #fff solid; box-sizing:border-box; background:#eeeeee; text-align:center; font-size:18px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; line-height:60px;} .product_nav ul li a{ color:#333; overflow:hidden; display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .product_nav ul li a:hover{ background:#196fe8; color:#fff; overflow:hidden;} .product_nav ul li.ast{ background:#196fe8; color:#fff;} .product_nav ul li.ast a{ color:#fff;} .pic_lb{ overflow:hidden; margin:0px auto 0;} .pic_lb ul{ overflow:hidden;} .pic_lb ul li{float:left;width:25%; border:10px #fff solid;transition:.5s; box-sizing:border-box;height:auto;overflow:hidden;} .pic_lb ul li div{ border:1px #f2f2f2 solid; overflow:hidden; height:20em;} .pic_lb ul li div img{width:100%;height:100%;-webkit-transition:all .5s;transition:all .5s} .pic_lb ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)} .pic_lb ul li p{height:60px;line-height:60px;color:#333; background:#f2f2f2;font-size:16px;white-space:nowrap;overflow:hidden;text-align:center;text-overflow:ellipsis; padding:0 20px;} .pic_lb ul li:hover p{background:#186fe8;color:#fff} .pic_lb1{ overflow:hidden; margin:60px auto 0 3%; width:77%; float:right} .pic_lb1 ul{ overflow:hidden;} .pic_lb1 ul li{float:left;width:33.333%; border:10px #fff solid;transition:.5s; box-sizing:border-box;height:auto;overflow:hidden;} .pic_lb1 ul li div{ border:1px #f2f2f2 solid; overflow:hidden; height:20em;} .pic_lb1 ul li div img{width:100%;height:100%;-webkit-transition:all .5s;transition:all .5s} .pic_lb1 ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)} .pic_lb1 ul li p{height:60px;line-height:60px;color:#333; background:#f2f2f2;font-size:16px;white-space:nowrap;overflow:hidden;text-align:center;text-overflow:ellipsis; padding:0 20px;} .pic_lb1 ul li:hover p{background:#186fe8;color:#fff} div.flickr a{margin-right:10px;border:1px solid #ccc;padding:10px 15px;border-radius:2px;margin:0 3px;color:#666} div.flickr a:hover{border-right:#186fe8 1px solid;border-top:#186fe8 1px solid;background-image:none;border-left:#186fe8 1px solid;color:#fff;border-bottom:#186fe8 1px solid;background-color:#186fe8} div.meneame a:active{border-right:#186fe8 1px solid;border-top:#186fe8 1px solid;background-image:none;border-left:#186fe8 1px solid;color:#fff;border-bottom:#186fe8 1px solid;background-color:#186fe8} div.flickr span.current{margin-right:5px;padding:10px 15px;color:#fff;font-weight:700;background:#186fe8;border-radius:2px;border:1px solid #186fe8} div.flickr span.disabled{color:#adaaad;margin-right:5px;border:1px solid #ccc;padding:10px 15px;border-radius:2px} div.flickr{padding:0;margin:0;text-align:center;font-family:Verdana;font-size:14px;text-align:center} .fenye{overflow:hidden;margin:20px auto 0;text-align:center;padding-top:15px;height:50px;clear:both} .pic_muen{ overflow:hidden; background:#efefef; margin:0px auto; padding:60px 0 } .pic_muen .swiper{ padding-bottom:40px;} .pic_muen .swiper-slide{ text-align:center;} .pic_muen .swiper-slide div{ overflow:hidden; margin:0px auto; position:relative; height:96px; } .pic_muen .swiper-slide div img{ overflow:hidden; } .pic_muen .swiper-slide div img:first-child{ transform: translateY(0%);-webkit-transition:all .5s;transition:all .5s} .pic_muen .swiper-slide div img:last-child{ transform: translateY(100%);-webkit-transition:all .5s;transition:all .5s} .pic_muen .swiper-slide p{ height:60px; line-height:60px; font-size:18px;-webkit-transition:all .5s;transition:all .5s; white-space:nowrap;overflow:hidden;text-align:center;text-overflow:ellipsis; } .pic_muen .swiper-slide:hover div img:first-child{ transform: translateY(-100%);-webkit-transition:all .5s;transition:all .5s} .pic_muen .swiper-slide:hover div img:last-child{ transform: translateY(-100%);-webkit-transition:all .5s;transition:all .5s} .pic_muen .swiper-slide:hover a p { color:#186fe8;-webkit-transition:all .5s;transition:all .5s} .pic_muen .swiper-pagination-bullet{ width:20px; height:6px; border-radius:6px; opacity:1; background:#ddd;} .pic_muen .swiper-pagination-bullet-active{ background:#196fe8} .pic_muen .active div img:first-child{ transform: translateY(-100%);-webkit-transition:all .5s;transition:all .5s} .pic_muen .active div img:last-child{ transform: translateY(-100%);-webkit-transition:all .5s;transition:all .5s} .pic_muen .active a p { color:#186fe8;-webkit-transition:all .5s;transition:all .5s} .fenye{clear:both;margin:30px auto;width:100%;overflow:hidden;text-align:center} .fenye ul li{float:none;display:inline-block;overflow:hidden;margin:1px 5px;width:auto;height:40px;min-width:40px;border:1px solid #ccc;background:#eee;line-height:40px} .fenye ul li.on{border:1px solid #196fe8;background:#196fe8;color:#fff} .fenye ul li .disabled,.fenye ul li:first-child,.fenye ul li:last-child{width:70px} .fenye ul li:hover{background:#196fe8;color:#fff;border:1px solid #358a9e;-webkit-transition:transform .4s;-moz-transition:transform .4s;-o-transition:transform .4s;transition:transform .4s;-webkit-transform:translate(0);-moz-transform:translate(0);-o-transform:translate(0);transform:translate(0);-ms-transform:translate(0);-ms-transition:transform .4s} .fenye ul li:hover a{color:#fff} .fenye ul li a{display:block} .fenye ul li.on a{color:#fff} .w60{ margin:60px auto;} .tj_pic{ overflow:hidden; background:#efefef} .tj_pic ul{ overflow:hidden; padding:20px;} .tj_pic ul li{ overflow:hidden; margin-bottom:20px; border:2px #fff solid;} .tj_pic ul li div{ overflow:hidden; height:220px} .tj_pic ul li p{ background:#fff; height:50px; line-height:50px; font-size:16px; text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .tj_pic ul li div img{width:100%;height:100%;-webkit-transition:all .5s;transition:all .5s} .tj_pic ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)} .tj_pic ul li:hover { border:2px #196fe8 solid; } .tj_pic ul li:hover p{ background:#196fe8} .tj_pic ul li:hover a p{ color:#fff;} .anli_lb{ overflow:hidden;} .anli_lb ul li{ overflow:hidden; border-bottom:10px #f2f2f2 solid; padding-bottom:30px; margin-bottom:30px;} .anli_lb ul li div{ float:left; overflow:hidden; width:35%; margin-right:20px; height:15em} .anli_lb ul li div img{width:100%;height:100%;-webkit-transition:all .5s;transition:all .5s} .anli_lb ul li:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)} .anli_lb ul li span{ overflow:hidden;} .anli_lb ul li span h3{ font-size:20px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; position:relative; padding-bottom:20px; margin-bottom:20px;} .anli_lb ul li span h3:after{ content:""; width:100px; height:2px; background:#999; position:absolute; display:block; bottom:0px; left:0px;} .anli_lb ul li span dt{ font-size:16px; line-height:30px; color:#666;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient: vertical; } .anli_lb ul li span dd{ width:200px; border:1px #ccc solid; height:50px; line-height:50px; text-align:center; font-size:18px; position:relative;} .anli_lb ul li span dd:after{ content:""; width:0%; height:100%; position:absolute; left:0px; top:0; z-index:-1; background:#186fe8;-webkit-transition:all .5s;transition:all .5s} .anli_lb ul li span dd a{ color:#666; position:relative; z-index:99; display:block;-webkit-transition:all .5s;transition:all .5s} .anli_lb ul li span dd:hover:after{ width:100%;-webkit-transition:all .5s;transition:all .5s} .anli_lb ul li span dd:hover a{ color:#fff;-webkit-transition:all .5s;transition:all .5s} .mxq { width:280px; background:#ebebeb} .huoban{overflow:hidden;margin:0px auto 50px;} .huoban ul li{width:25%; position:relative;float:left;overflow:hidden; border:15px #fff solid; box-sizing:border-box;} .huoban ul li div{overflow:hidden; border:1px #dcdcdc solid ; height:15em} .huoban ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:50px; background:#dcdcdc; line-height:50px;font-size:16px;text-align:center; border-bottom:1px #ccc solid; z-index:2; border-top:none;} .huoban ul li a{color:#333} .huoban ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%} .huoban ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)} .huoban ul li:hover p{color:#fff;-webkit-transition:all .5s;transition:all .5s; background:#0165bd } .partner{overflow:hidden;margin:0px auto 50px;} .partner ul li{width:25%; position:relative;float:left;overflow:hidden; border:15px #fff solid; box-sizing:border-box;} .partner ul li div{overflow:hidden; border:1px #dcdcdc solid ; height:8em} .partner ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:50px; background:#dcdcdc; line-height:50px;font-size:16px;text-align:center; border-bottom:1px #ccc solid; z-index:2; border-top:none;} .partner ul li a{color:#333} .partner ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%} .partner ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)} .partner ul li:hover p{color:#fff;-webkit-transition:all .5s;transition:all .5s; background:#0165bd } .about_box{ overflow:hidden; margin:60px auto 0} .ab_left{ width:40%; float:left; } .ab_left h3{ font-size:36px; color:#666;} .ab_left h4{ font-size:26px; color:#999; text-align:left; line-height:40px; margin:50px auto; font-weight:400;} .ab_left h4 span{ display:block;} .ab_left p{ overflow:hidden; font-size:18px; line-height:30px; color:#333; margin:30px auto} .ab_right{ overflow:hidden; line-height:30px; width:50%; float:right;} .ab_right p{ font-size:18px; line-height:30px; color:#333; margin-bottom:30px; text-align:justify} .sz{ overflow:hidden; margin:60px auto 0; background:url(../images/lcbj.jpg) no-repeat center center; padding:50px 0;} .qiye{ overflow:hidden; margin:0px auto 60px;} .qyjz ul{ overflow:hidden;} .qyjz ul li{ width:50%; float:left; border:20px #fff solid; box-sizing:border-box; overflow:hidden; background:#f2f2f2; padding:20px 0px;} .qyjz ul li div{ overflow:hidden;} .qyjz ul li div img{ width:100%;} .qyjz ul li h3{ text-align:center; font-size:24px; line-height:50px; color:#196fe8} .qyjz ul li p{ font-size:16px; color:#666; line-height:28px; padding:0 30px; } .sz ul li { width:20%; float:left; overflow:hidden; text-align:center;} .sz ul li h3{ text-align:center; font-family:DINProb; font-size:60px; display:block; position:relative; margin-top:20px; color:#fff;} .sz ul li h3 i{ font-style:normal;} .sz ul li h3 sup{ font-family:Microsoft YaHei; font-size:14px; font-weight:400; width:30px; height:30px; line-height:30px; border-radius:100%; background:#f7e308; display:inline-block; color:#000; position:absolute; margin-left: -10px; margin-top: 0px;} .sz ul li p{ display:block; font-size:16px; color:#fff; text-align:center;} .title1{ overflow:hidden; padding:50px 0;} .title1 h3{ font-size:36px; text-align:center; color:#333;} .title1 p{ font-size:16px; color:#fff; text-align:center; color:#666; margin-top:15px;} .jiazhi{ overflow:hidden;} .jiazhi ul{ overflow:hidden;} .jiazhi ul li{ width:33.33%; float:left; border:20px #fff solid; box-sizing:border-box; overflow:hidden; text-align:left} .jiazhi ul li div{ overflow:hidden; border:1px #ccc solid; text-align:center; padding:40px 0} .jiazhi ul li dd{ overflow:hidden; width:48px; margin:0px auto} .jiazhi ul li dd img{ width:100%;} .jiazhi ul li h3{ text-align:center; font-size:24px; line-height:50px; color:#196fe8} .jiazhi ul li p{ font-size:16px; color:#666; line-height:28px; text-align:center; padding:0 30px; height:80px;} .zz{ overflow:hidden; margin:20px auto 0} .zz ul{ overflow:hidden;} .zz ul li{ overflow:hidden; width:300px; border:10px #fff solid; float:left; box-sizing:border-box;} .zz ul li a{ border:1px #e5e5e5 solid; display:block;} .zz ul li div{ margin:6px; overflow:hidden;} .zz ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%} .zz ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)} .zz ul li p{ height:50px; line-height:50px; font-size:16px; text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; background:#e5e5e5;-webkit-transition:all .5s;transition:all .5s;} .zz ul li:hover p{ background:#196fe8;-webkit-transition:all .5s;transition:all .5s;} .zz ul li a:hover{ border:1px #196fe8 solid;-webkit-transition:all .5s;transition:all .5s;} .zz ul li a:hover p{ color:#fff;-webkit-transition:all .5s;transition:all .5s;} .lxwm{margin:50px auto;line-height:180%} .lxwm .lianxi_m{margin-top:10px;margin:0 auto;overflow:hidden;background:#eee} .lxwm .lianxi_ml{float:left;padding:30px 0 30px 65px;width:30%;color:#fff;overflow:hidden;background:#196fe8} .lxwm .lianxi_ml_m{margin-bottom:18px;font-size:36px;color:#fff;font-weight:700;line-height:52px;overflow:hidden} .lxwm .lianxi_ml_s{margin-bottom:18px;width:302px;font-family:Arial,Helvetica,sans-serif;text-align:center;font-size:28px;color:#fff;line-height:55px;border:solid 2px #fff} .lxwm .lianxi_ml_en{font-style:italic;font-family:Arial,Helvetica,sans-serif;font-size:24px;color:#fff;line-height:40px} .lxwm .lianxi_mr{float:right;width:60%;overflow:hidden} .lxwm .lianxi_mr_i{position:absolute;float:left;margin-top:20px;margin-left:-36px;font-family:Arial,Helvetica,sans-serif;font-size:100px;font-weight:89;color:#999;line-height:normal;overflow:hidden} .lxwm .lianxi_m .mr_i{margin-top:165px;margin-left:54%;font-size:100px} .lxwm .lianxi_mr_m{width:90%;float:left;padding-top:62px;padding-left:15px;padding-right:15px;overflow:hidden} .lxwm .lianxi_mr_m span{font-size:15px;color:#666;line-height:24px} .lxwm .lianxi_mr_m p{font-size:24px;color:#333;font-weight:700;line-height:60px} .lxwm .lianxi{margin:0 auto;margin-top:40px;margin-bottom:10px;background:#f5f5f5;overflow:hidden} .lxwm .lianxi_l{float:left;width:48%;color:#000;overflow:hidden} .lxwm .lianxi_lm{margin-top:40px;padding-left:20px;font-size:22px;line-height:inherit;border-left:solid 5px #196fe8;} .lxwm .lianxi_lm strong{font-size:30px;color:#196fe8} .lxwm .lianxi_len{margin-bottom:30px;padding-left:20px;font-style:italic;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#999;line-height:22px;border-left:solid 5px #000;overflow:hidden} .lxwm .lianxi_ld_l{padding:15px 0 15px 30px;overflow:hidden} .lxwm .ld_i{float:left;width:56px;font-weight:700} .lxwm .ld_i img{width:56px} .lxwm .ld_l{float:left;padding-left:18px;font-size:14px;color:#000;line-height:25px} .lxwm .ld_l span{font-size:18px;color:#444} .lxwm .ld_l a{font-size:14px;color:#999} .lxwm .lianxi_r{float:right;width:50%;background:#f5f5f5;overflow:hidden} .lxwm .lianxi_rm{padding-top:5px;overflow:hidden} .lxwm .lianxi_rm_en{float:left;font-family:Arial,Helvetica,sans-serif;font-size:45px;font-weight:700;color:#196fe8;line-height:50px} .lxwm .lianxi_rm_m{float:left;margin-top:10px;margin-left:10px;font-size:20px;line-height:40px;border-top:solid 3px #196fe8} .lxwm .lianxi_rd{margin-top:15px;border:solid 0 #ccc;overflow:hidden} .lxwm .left_content strong{font-size:16px;font-weight:700} .lxwm .left_content a{font-size:15px;color:#000} .lxwm .left_content a:hover{color:#f15a21} .lxwm .left_content{margin-left:25px;font-size:15px;line-height:70px} .lxwm .left_content p{line-height:40px} .lxwm .map{width:600px;height:300px;font-size:12px;border:#ccc solid 1px} .mssg-intro{overflow:hidden;margin:0 auto;;padding-bottom:2%; margin-bottom:20px; background:url(../images/z.png) no-repeat center center;; background-size:cover;} .mssg-intro form{ margin:5%; background:rgba(255,255,255,.8); padding:5%; overflow:hidden;} .mssg-intro form h3{font-size:36px; text-align:center; margin-bottom:30px;} .mssg-intro form ul li{width:100%;height:auto;overflow:hidden;border:1px solid #d2d2d2;margin-bottom:15px;background:#fff;border-radius:5px} .mssg-intro form ul li input{height:50px;border:none;width:100%;outline:0;text-indent:10px;color:#999;font-size:16px;background:0 0;font-family:'微软雅黑'} .mssg-intro form ul li textarea{width:788px;height:100px;border:none;outline:0;font-family:'微软雅黑';resize:none;background:0 0;text-indent:10px;padding-top:10px;color:#999;font-size:16px} .mssg-intro form .btn input{width:49%;display:block;float:left;padding:3% 0;background:#196fe8;outline:0;border:none;font-size:16px;color:#fff;border-radius:6px;font-family:'微软雅黑'; cursor:pointer} .mssg-intro form .btn input:last-child{background:#999;margin-left:2%} .mssg-intro form ul li p{color:#f00} .news_xq{overflow:hidden} .news_xq h3{ font-size:24px;} .news_xq ul{overflow:hidden} .news_xq ul li{width:31.33%;border:10px #fff solid;box-sizing:border-box;float:left;overflow:hidden; background:#f1f1f1; padding:1%} .news_xq ul li div{overflow:hidden; height:2rem;} .news_xq ul li div img{width:100%;height:100%;-webkit-transition:all .5s;transition:all .5s} .news_xq ul li:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)} .news_xq ul li dl{width:100%;overflow:hidden;padding-bottom:50px;-webkit-transition:all .5s;transition:all .5s;position:relative} .news_xq ul li dl dd{height:30px;font-size:20px;overflow:hidden;padding-right:10%;margin:20px auto;line-height:30px;position:relative;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .news_xq ul li dl p{ font-size:14px; line-height:25px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;} .news_xq ul li dl dt{font-size:16px;color:#999;font-weight:400; margin-top:10px} .news_xq ul li:hover dl:after{content:"";width:100%;-webkit-transition:all .5s;transition:all .5s} .new_tj{overflow:hidden; padding-bottom:20px; margin:0px auto 20px;} .new_tj .swiper-slide{overflow:hidden} .new_tj .swiper-slide div{overflow:hidden} .new_tj .swiper-slide div img{width:100%;height:100%;-webkit-transition:all .5s;transition:all .5s} .new_tj .swiper-slide:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)} .new_tj .swiper-slide dl{width:100%;background:#fff;overflow:hidden;padding-bottom:50px;-webkit-transition:all .5s;transition:all .5s;position:relative} .new_tj .swiper-slide dl dd{height:60px;font-size:20px;overflow:hidden;padding-right:10%;margin:20px auto;line-height:30px;position:relative} .new_tj .swiper-slide dl dt{font-size:16px;color:#999;font-weight:400} .new_tj .swiper-slide:hover dl{box-shadow:0 2px 10px #ccc;transform:translate(0,-30px);-moz-transform:translate(0,-30px);-ms-transform:translate(0,-30px);-o-transform:translate(0,-30px);-webkit-transform:translate(0,-30px);-webkit-transition:all .5s;transition:all .5s} .new_tj .swiper-slide dl:after{content:"";width:0%;height:3px;background:#196fe8;position:absolute;bottom:0;-webkit-transition:all .5s;transition:all .5s} .new_tj .swiper-slide:hover dl:after{content:"";width:100%;-webkit-transition:all .5s;transition:all .5s} .new_tj .swiper-pagination{ display:none;} .new_tj .swiper-pagination-bullet{ width:30px; height:6px; border-radius:6px; opacity:1; background:#999;} .new_tj .swiper-pagination-bullet-active{ background:#196fe8;} .xqy{ overflow:hidden; margin:30px auto} .xqy h3{ overflow:hidden; font-size:20px; background:#f2f2f2; border:1px #ccc solid; padding:15px ; color:#000;} .xqy h4{ overflow:hidden; font-size:20px; } .xqy dt{ font-size:20px; background:url(../images/shijian.png) no-repeat center left; font-weight:400; color:#333; margin-top:20px; padding:5px 0 5px 30px} .xqy_cont{ margin:40px auto; overflow:hidden; font-size:16px; line-height:36px; color:#666;} .xqy_cont img{ max-width:100%; display:block; margin:0px auto;} .xqy_cont p{ font-size:18px; line-height:30px; color:#666;} .shangxia{ overflow:hidden; margin:50px auto; border-top:10px #f2f2f2 solid;border-bottom:10px #f2f2f2 solid; padding:10px 0} .shangxia ul{ overflow:hidden;} .shangxia ul li{ height:50px; line-height:50px; font-size:18px; color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}