@charset "utf-8";

html,body{-webkit-text-size-adjust:none;}
body{ width:100%;font-size:14px; font-family:"微软雅黑"; margin:0;padding:0;color: #666; line-height:24px;}
article,footer, header,nav,section{display:block;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
ul,li{list-style:none;margin:0;padding:0}
em,i{ font-style:normal;}
img{ border:none; vertical-align: top;}
a{text-decoration:none;color:#666; }
a:hover{text-decoration:none;}
.clear {clear: both;}
.fl{ float:left;} .fr{ float:right;}
.fl,.fr{display:inline;}
.cen{margin:0 auto;}
.mag{ margin-top:30px;}
.m10{ margin-top:10px;}
.m20{ margin-top:20px;}
.m60{margin-top: 60px;}
.m160{ margin-top:160px;}
.pad{ padding-top:20px;}
.maf{ margin-left:19px;}
.center{ width:1400px; height:auto;}
.centeras{ width:1300px; height:auto;}
.position{ position:relative;}
.clearfix:after,.clearfix:before{display:table;line-height:0;content:""}
.clearfix:after{clear:both}

.head{ width:100%; height:90px;  position:fixed; z-index:99999; top:0;background: rgba(0, 0, 0, .2);}
.head::after{content: "";display: block;position: absolute;left: 0;right: 0;bottom: 0;height: 1px;background-color: rgba(238, 238, 238, .2);z-index: 10;}
.onnn::after{background-color: rgba(0, 0, 0, .1);}
.onnn{ background:rgba(255,255,255);}
.logo{ margin-left:80px; height:90px; display: grid; place-items: center;}
.logo img{ width:auto;}
.logo .logos1{ display:none;}
.onnn .logos1{ display:block;}
.onnn .logos{ display:none;}

.tnav{width:50%; margin-left:5%; height:90px;}
.tnav li{ float:left; line-height:90px; width:100px; text-align:center; display: block; z-index: 11; position:relative; margin-right: 15px;}
.tnav li:first-child a::after{ display:none;}
.tnav li a{display: block;font-size: 14px;color: #FFF;transition: all .5s ease;} 
.tnav li a::after{background: url(../images/navjtb.png) center no-repeat; content: " ";position: absolute;right: 0;top: 46px;-ms-transform: translateY(-50%) rotate(-90deg);transform: translateY(-50%) rotate(-90deg);-ms-transition: 300ms transform ease;transition: 300ms transform ease;width: 10px;height: 10px;background-size: 10px;}
.tnav li .navsub a::after{ display:none;}
.tnav li .hover a::after{ display:none;}
.tnav li .hover{position: absolute;left: 0px; z-index:-1; opacity: 0;visibility: hidden;overflow: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);  width:200%; line-height:40px; background:#fff; border-radius:3px; border-top:2px solid #0560f6; padding:10px 0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);}
.tnav li .hover a{ color:#121212; letter-spacing:1px;}
.tnav li .hover a:hover{ color:#0560f6;}
.tnav li:hover .hover{ opacity: 1; visibility: visible;transform: translate3d(0, 0, 0);}
.onnn .tnav.fixed a{color: #000;}
.tnav li:hover .navsub{ opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);}
.tnav li .navsub{position: absolute;left: -100%; z-index:-1; text-align:left; opacity: 0;visibility: hidden;overflow: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);  width:400%; line-height:40px; background:#fff; border-radius:3px; border-top:2px solid #0560f6; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);  display:flex;}
.tnav li .navsub_l{ background:#f5f5f5; width:40%; padding:10px 0; color:#121212; letter-spacing:1px;}
.tnav li .navsub_l p{ margin:0 31%; border-bottom:2px solid #f5f5f5;}
.tnav li .navsub_l p a{color: #121212;}
.tnav li .navsub_l .cur{ color:#0560f6; border-bottom:2px solid #0560f6;}
.tnav li .navsub_r{ background:#fff; width:60%; padding:10px 0; text-indent:20px;}
.tnav li .navsub_r a{ color:#121212; letter-spacing:1px;}
.tnav li .navsub_r a:hover{ color:#0560f6;}
.onnn .tnav li a::after{background: url(../images/navjtl.png) center no-repeat;content: " ";position: absolute;right: 0;top: 46px;-ms-transform: translateY(-50%) rotate(-90deg);transform: translateY(-50%) rotate(-90deg);-ms-transition: 300ms transform ease;transition: 300ms transform ease;width: 10px;height: 10px;background-size: 10px;}
.tnav li a:hover{color:#0560f6;}
.onnn .tnav li a:hover{color:#0560f6;}
.tnav li:hover a:after{background: url(../images/navjtl.png) center no-repeat; position: absolute;right: 0;top: 46px;transform: translateY(-50%) rotate(90deg);width: 10px;height: 10px;background-size: 10px;}

.search{width: 240px;height: 100%; position:relative;}
.search .form{padding:0 30px; border-left: 1px solid rgba(238, 238, 238, .2);border-right: 1px solid rgba(238, 238, 238, .2);transition: .3s ease width, .3s ease background-color;position: absolute;right: 0;bottom: 0;top: 0;width: 100%}
#infoname{ width:240px;height:90px;background:none;border:none; outline: none;}
#infoname::placeholder{ color:#ccc;}
.search .z{ height:90px;position:absolute;top:1px;right:30px; display: grid; place-items: center;}
.search .z button{ border:none; background:none; cursor: pointer;}
.onnn .form{border-left: 1px solid rgba(0, 0, 0, .2);border-right: 1px solid rgba(0, 0, 0, .2);}

.searchon .tnav.fixed a{color: #000;}
.searchon::after{background-color: rgba(0, 0, 0, .1);}
.searchon .logos1{ display:block;}
.searchon .logos{ display:none;}
.searchon{ background:rgba(255,255,255); transition: all .5s ease;}
.searchon .form{ border-left: 1px solid rgba(0, 0, 0, .2);border-right: 1px solid rgba(0, 0, 0, .2);}
.searchon .tnav{ display:none;}
.searchon .search{width:57%;height: 100%; position:relative; margin-left:20%;}
.searchon #infoname::placeholder{ color:#333;}

.language{ background:#0560f6; line-height:90px; width:120px; text-align:center;}
.language a{ color:#FFF;}



.wqd-section{ position:relative;}
.wqd-section{width:100%;overflow:hidden;position:relative;box-sizing:border-box;}
.wqd-section h5{margin-bottom:30px;}
.wqd-section .wqd-btn-blue{margin-top:50px;}
.wqd-section p{font-size:12px;margin-bottom:10px;}

.wqd-section .section-fix{position:absolute;top:215px;left:150px;z-index:10;}
.wqd-section .section-item{position:absolute;padding:28% 0 0 8%; z-index:9;}
.wqd-section .section-item p{width:655px;line-height:36px; color:#FFF; font-size:18px; margin-top:15px;}
.wqd-section .section-item h6{font-size:46px;color:#fff; letter-spacing:3px; line-height:60px;}
.swiper-slide-active h6{ animation:slideUp 2s ease; animation-fill-mode: forwards;}
.swiper-slide-active p{ animation:slideUp 2s ease; animation-fill-mode: forwards;}
.wqd-section .section-box{border-radius:3px;background:#fff;width:615px;height:450px;position:absolute;box-shadow:-10px 10px 50px 0 rgba(0,0,0,0.2);right:153px;top:163px;z-index:8;}
.wqd-section .section-box-title{height:19px;line-height:19px;font-size:0;border-bottom:1px solid #e7e7e7;}
.wqd-section .section-box-title em{display:inline-block;background:#000;vertical-align:middle;margin-left:5px;width:4px;height:4px;border-radius:2px;margin-top:7px;}
.wqd-section .section-img{box-sizing:border-box;padding:10px;position:relative;}
.wqd-section .section-img img{opacity:0;width:595px;height:410px;display:block;-webkit-transition:all .8s ease;transition:all .8s ease;position:absolute;top:10px;left:10px;}	  
@keyframes slideUp {
    0% {
        transform: translateY(100%);
        -ms-transform: translateY(100%);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        -ms-transform: translateY(0);
        opacity: 1
    }
}

.slipe-box .bannar{width:100%;position:relative;}
.slipe-box .bannar .swiper-slide{width:100%; z-index:999; position:relative;}
.slipe-box .bannar .swiper-slide img{width:100%; height:100%; transform:scale(1)}
.slipe-box .bannar .swiper-slide-active img{animation:upin 3s ease}
@keyframes upin{
	0%{transform:scale(1.1)}
	100%{transform:scale(1)}
}

.slipe-box .bannar .slipe-left,.slipe-box .bannar .slipe-right{position:absolute;bottom:40%;width:50px;height:50px;margin-top:-25px;z-index:8;background:#000;opacity:.15;border-radius:50%;text-align:center;display:none;cursor:pointer;}
.slipe-box .bannar .slipe-left:hover,.slipe-box .bannar .slipe-right:hover{display:block;opacity:.3;}
.slipe-box .bannar .slipe-left img,.slipe-box .bannar .slipe-right img{margin-top:16px;}
.slipe-box .bannar .slipe-left{left:50px;}
.slipe-box .bannar .slipe-left img{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.slipe-box .bannar .slipe-right{right:50px;}
.slipe-box .bannar .arowshow{display:block;}.slipe-box .swiper-pagination{text-align:center;position:absolute;bottom:64px !important;left:50% !important;z-index:10;width:auto !important;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
.slipe-box .swiper-pagination div{cursor:pointer;width:50px;height:2px;float:left;opacity:1;border-radius:0;margin:0 5px;background:rgba(0,0,0,0.15);position:relative;overflow:hidden;}
.slipe-box .swiper-pagination div p{position:absolute;top:0;left:-50px;width:50px;height:2px;background:#fff;float:left;}
.slipe-box .swiper-pagination div .login{-webkit-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px);-webkit-transition:-webkit-transform 3s linear;transition:transform 3s linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.slipe-box .slider-auther{font-size:12px;font-style:oblique;font-weight:normal;}

.title{text-align: center;position: relative;}
.title h2{font-size:42px;color: #333;margin-bottom:3px; line-height:60px; font-weight:normal;}
.title h3{font-size:18px;color: #aaa; line-height:27px;  font-weight:normal;}
.title p{font-size:16px;color: #999;line-height:29px;}

/*无智慧体育*/
.groups{position: relative; overflow:hidden;}
.groups .con ul{position: relative;}
.groups .con ul li{float: left;height: 39.7rem;margin-left: 0.625%;overflow: hidden;transition: all 0.6s;width: 13%;}
.groups .con ul li .txt{position: relative;top: 49%;}
.groups .con ul li .txt h3{font-size: 1.86rem;color: #fff;text-align: center;line-height: 1.3em;}
.groups .con ul li.two .txt h3{font-size: 1.5rem;color: #fff;text-align: center;line-height: 1.3em;}
.groups .con ul li.first .txt h3{text-align: left;}
.groups .con ul li .txt p{font-size: 0.9rem;color: #fff;line-height: 1.8;text-align: justify;margin: 1.5rem 0 3rem;}
.groups .con ul li .txt .more{width: 8rem;height: 2.5rem;border-radius: 4px;background: url(../images/sign.jpg) no-repeat;background-size: cover;position: relative;overflow: hidden;transition:0.5s;}
.groups .con ul li .txt .more:before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #fff;opacity: 0;transform: translateX(-100%);transition: transform 0.5s ease-in-out 0s;z-index: 1;}
.groups .con ul li .txt .more:after{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #fff;opacity: 1;transform: translateX(100%);transition: transform 0.5s ease-in-out 0s;z-index: 1;}
.groups .con ul li .txt .more a{display: block;text-align: center;line-height: 2.5rem;color: #fff;font-size: 0.9rem;position: relative;z-index: 2;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;}
.groups .con ul li .mask{position: absolute;width: 13%;height: 100%;top: 0;left: 0;z-index: 2;opacity: 0;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;}
.groups .con ul li .mask .text{position: absolute;width: 70%;top:60%;left: 15%;}
.groups .con ul li .mask .text h3{font-size: 2.5rem;color: #fff;text-align: center;position: relative;opacity: 0;top: 2rem;}
.groups .con ul li .mask .text p{font-size: 1.3rem;color: #fff;line-height: 1.8em;margin: 1.5rem 0;text-align: center;position: relative;opacity: 0;top: 2rem;height:3.6em;}
.groups .con ul li .mask .text .more{width: 8rem;height: 2.5rem;border-radius: 4px;background: url(../images/sign.jpg) no-repeat;background-size: cover;position: relative;opacity: 0;top: 2rem;overflow: hidden;margin: 0 auto;}
.groups .con ul li .mask .text .more:before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #fff;opacity: 0;transform: translateX(-100%);transition: transform 0.5s ease-in-out 0s;z-index: 1;}
.groups .con ul li .mask .text .more:after{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #fff;opacity: 1;transform: translateX(100%);transition: transform 0.5s ease-in-out 0s;z-index: 1;}
.groups .con ul li .mask .text .more a{display: block;text-align: center;line-height: 2.5rem;color: #fff;font-size: 0.9rem;position: relative;z-index: 2;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;}
.groups .con ul li .mask .text .more:hover a{color: #333;}
.groups .con ul li .mask .text .more:hover:before{opacity: 1;transform: translateX(0px);}
.groups .con ul li .mask .text .more:hover:after{opacity: 0;transform: translateX(0%);}
.groups .con ul li .mask .close{display: none;}
.groups .con ul li:nth-child(1){margin-left: 0;}
.groups .con ul li.cur{width:78.5%;}
.groups .con ul li.cur .txt{padding: 4rem 3rem 0 2.5rem;top: 0;width:100%;}
.groups .con ul li.cur .txt h3{text-align: left;font-size:1.5rem;}
.groups .con ul li.cur .mask{width: 42.5%;}
.groups .con ul li.first{width: 31.8%;margin-left: 0;}
.groups .con ul li.first .txt{padding: 15rem 3rem 0 2.5rem;top: 0;}
.groups .con ul li:nth-child(2) .mask{left: 32.4%;}
.groups .con ul li:nth-child(3) .mask{left: 46.1%;}
.groups .con ul li:nth-child(4) .mask{left: 59.7%;}
.groups .con ul li:nth-child(5) .mask{left: 73.25%;}
.groups .con ul li:nth-child(6) .mask{left: 86.9%;}
.groups .con ul li:hover .mask{opacity: 1;width: 100%;left: 0;z-index: 4;}
.groups .con ul li:hover .mask .text h3{opacity: 1;top: 0;transition: all 0.5s ease 0.5s;-webkit-transition: all 0.5s ease 0.5s;-moz-transition: all 0.5s ease 0.5s;-ms-transition: all 0.5s ease 0.5s;}
.groups .con ul li:hover .mask .text p{opacity: 1;top: 0;transition: all 0.5s ease 1s;-webkit-transition: all 0.5s ease 1s;-moz-transition: all 0.5s ease 1s;-ms-transition: all 0.5s ease 1s;}
.groups .con ul li:hover .mask .text .more{opacity: 1;top: 0;transition: all 0.5s ease 1.5s;-webkit-transition: all 0.5s ease 1.5s;-moz-transition: all 0.5s ease 1.5s;-ms-transition: all 0.5s ease 1.5s;}
.groups .con ul li.addhover.first .mask{width: 42.5%;opacity: 0;z-index: 2;}
.groups .con ul li.addhover.two .mask{left: 43.125%;opacity: 0;z-index: 2;}
.groups .con ul li.addhover.three .mask{left: 57.5%;opacity: 0;z-index: 2;}
.groups .con ul li.addhover.four .mask{left: 71.875%;opacity: 0;z-index: 2;}
.groups .con ul li.addhover.five .mask{left: 86.25%;opacity: 0;z-index: 2;}

/*有智慧体育*/
/*.groups{position: relative;}
.groups .con ul{position: relative;}
.groups .con ul li{float: left;height: 39.7rem;margin-left: 0.625%;overflow: hidden;transition: all 0.6s;width: 13.75%;}
.groups .con ul li .txt{position: relative;top: 70%;}
.groups .con ul li .txt h3{font-size: 1.2rem;color: #fff;text-align: center;}
.groups .con ul li.first .txt h3{text-align: left;}
.groups .con ul li .txt p{font-size: 0.8rem;color: #fff;line-height: 1.8;text-align: justify;margin: 1.5rem 0 3rem;}
.groups .con ul li .txt .more{width: 8rem;height: 2.5rem;border-radius: 4px;background: url(../images/sign.jpg) no-repeat;background-size: cover;position: relative;overflow: hidden;transition:0.5s;}
.groups .con ul li .txt .more:before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #fff;opacity: 0;transform: translateX(-100%);transition: transform 0.5s ease-in-out 0s;z-index: 1;}
.groups .con ul li .txt .more:after{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #fff;opacity: 1;transform: translateX(100%);transition: transform 0.5s ease-in-out 0s;z-index: 1;}
.groups .con ul li .txt .more a{display: block;text-align: center;line-height: 2.5rem;color: #fff;font-size: 0.9rem;position: relative;z-index: 2;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;}
.groups .con ul li .mask{position: absolute;width: 13.75%;height: 100%;top: 0;left: 0;z-index: 2;opacity: 0;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;}
.groups .con ul li .mask .text{position: absolute;width: 70%;top:60%;left: 15%;}
.groups .con ul li .mask .text h3{font-size: 1.5rem;color: #fff;text-align: center;position: relative;opacity: 0;top: 2rem;}
.groups .con ul li .mask .text p{font-size: 0.8rem;color: #fff;line-height: 1.8em;margin: 1.5rem 0;text-align: center;position: relative;opacity: 0;top: 2rem;height:3.6em;}
.groups .con ul li .mask .text .more{width: 8rem;height: 2.5rem;border-radius: 4px;background: url(../images/sign.jpg) no-repeat;background-size: cover;position: relative;opacity: 0;top: 2rem;overflow: hidden;margin: 0 auto;}
.groups .con ul li .mask .text .more:before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #fff;opacity: 0;transform: translateX(-100%);transition: transform 0.5s ease-in-out 0s;z-index: 1;}
.groups .con ul li .mask .text .more:after{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #fff;opacity: 1;transform: translateX(100%);transition: transform 0.5s ease-in-out 0s;z-index: 1;}
.groups .con ul li .mask .text .more a{display: block;text-align: center;line-height: 2.5rem;color: #fff;font-size: 0.9rem;position: relative;z-index: 2;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;}
.groups .con ul li .mask .text .more:hover a{color: #333;}
.groups .con ul li .mask .text .more:hover:before{opacity: 1;transform: translateX(0px);}
.groups .con ul li .mask .text .more:hover:after{opacity: 0;transform: translateX(0%);}
.groups .con ul li .mask .close{display: none;}
.groups .con ul li:nth-child(1){margin-left: 0;}
.groups .con ul li.cur{width:78.5%;}
.groups .con ul li.cur .txt{padding: 4rem 3rem 0 2.5rem;top: 0;width:100%;}
.groups .con ul li.cur .txt h3{text-align: left;font-size:1.5rem;}
.groups .con ul li.cur .mask{width: 42.5%;}
.groups .con ul li.first{width: 42.5%;margin-left: 0;}
.groups .con ul li.first .txt{padding: 4rem 3rem 0 2.5rem;top: 0;}
.groups .con ul li:nth-child(2) .mask{left: 43.125%;}
.groups .con ul li:nth-child(3) .mask{left: 57.5%;}
.groups .con ul li:nth-child(4) .mask{left: 71.875%;}
.groups .con ul li:nth-child(5) .mask{left: 86.25%;}
.groups .con ul li:hover .mask{opacity: 1;width: 100%;left: 0;z-index: 4;}
.groups .con ul li:hover .mask .text h3{opacity: 1;top: 0;transition: all 0.5s ease 0.5s;-webkit-transition: all 0.5s ease 0.5s;-moz-transition: all 0.5s ease 0.5s;-ms-transition: all 0.5s ease 0.5s;}
.groups .con ul li:hover .mask .text p{opacity: 1;top: 0;transition: all 0.5s ease 1s;-webkit-transition: all 0.5s ease 1s;-moz-transition: all 0.5s ease 1s;-ms-transition: all 0.5s ease 1s;}
.groups .con ul li:hover .mask .text .more{opacity: 1;top: 0;transition: all 0.5s ease 1.5s;-webkit-transition: all 0.5s ease 1.5s;-moz-transition: all 0.5s ease 1.5s;-ms-transition: all 0.5s ease 1.5s;}
.groups .con ul li.addhover.first .mask{width: 42.5%;opacity: 0;z-index: 2;}
.groups .con ul li.addhover.two .mask{left: 43.125%;opacity: 0;z-index: 2;}
.groups .con ul li.addhover.three .mask{left: 57.5%;opacity: 0;z-index: 2;}
.groups .con ul li.addhover.four .mask{left: 71.875%;opacity: 0;z-index: 2;}
.groups .con ul li.addhover.five .mask{left: 86.25%;opacity: 0;z-index: 2;}*/

.redian{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.redian .smail{ width: 31.81%;}
.redian .pic img{ width:100%; transition: all .4s ease-in-out 0s;}
.redian .big{ width: 66%;}
.pic{ overflow:hidden;}
.style{position:relative;margin-bottom:20px;max-height: 330px;overflow:hidden;}

.redian_des{background-image: linear-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.4) 0%);}
.redian_des{position: absolute;bottom: -48px;z-index: 5;width: 100%;height: 50%}
.redian_des h4{padding-left: 20px;font-size: 18px;color: #fff;line-height: 38px;margin: 11px 0 10px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.redian_des h6{padding-left: 20px;font-weight: normal;font-size: 16px;color: #fff;margin: 0 0 2rem 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; display:none;}
.redian_des span{font-style: normal;color: #fff;line-height: 1.6rem;margin-left: 1.42rem;opacity: 1;font-size: 1rem;cursor: pointer;}
.redian_des span img{width: .4rem;margin-left: 5px;margin-top: -2px;display: inline-block;vertical-align: middle;}
.redian_des span:hover img{margin-left: .5rem;transition: .4s}
.redian_des{-webkit-transform: translate(0,25%); -moz-transform: translate(0,25%); transform: translate(0,25%); transition: .6s;}
.redian .style:hover .redian_des{ transform: translate(0,0);}
.redian .style:hover img{ transform: scale(1.1);}

.sjgdbg{ width:100%; background:url(../images/gdbg1.jpg) bottom no-repeat; overflow:hidden; padding:100px 0;}
.number{}
.number li{float:left;width:20%;text-align:center;overflow: hidden;}
.number span{font-size: 51px;color: #FFF;font-family: Impact;line-height: 60px;}
.number sup{font-size: 36px;color: #FFF;margin-left:0px;}
.number p{font-size: 22px;color:#FFF;margin-top: 6px;}

.service{display: flex; justify-content: space-between; flex-wrap: wrap; height:380px; overflow:hidden; margin-top:20px;}
.service li{ width:19%; position:relative;}
.service li img{ width:100%;}
.service li p{ width:100%; background:#FFF; line-height:40px; height:40px; text-align:center; font-size:20px; color:#333; position:absolute; z-index:99; left:0; bottom:0px;}
.service li .serhover{ width:100%; background:#FFF; text-align:center; height:50%;  color:#333; position:absolute; z-index:99; left:0; top:100%; transition: 1s}
.service li .serhover h2{ font-size:20px; margin-top:30px; line-height:40px; color:#6c84fc; font-weight:normal; letter-spacing:5px; margin-bottom:30px;}
.service li .serhover a{ padding:7px 40px; background:#6c84fc; border:1px solid #6c84fc; border-radius:30px; color:#FFF; font-size:18px;}
.service li .serhover a:hover{ background:#fff; color:#6c84fc; border:1px solid #6c84fc;}
.service li:hover .serhover{top:50%; transition: 1s}

.bgc{ width:100%; background:#fafafa; overflow:hidden; padding:50px 0; margin-top:20px;}
.newsbox{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.newsbox .news{ width:32.3%; background:#FFF; border-radius:20px;}
.newsbox .news .pic{ border-radius:20px 20px 0 0;}
.newsbox .news img{width: 100%; border-radius:20px 20px 0 0; transition: all .4s ease-in-out 0s;}
.newsbox .news:hover img{ transform: scale(1.1);}
.newsbox .news .info{ padding:20px;}
.newsbox .news h4{color:#333;font-size:20px;margin-top:20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.newsbox .more{ margin-top:60px; font-size:16px; color:#333;}
.newsbox .news:last-child a{ display:block; margin:30px;}
.newsbox .news .time{ font-size:14px; color:#999; margin-bottom:5px;}
.newsbox .news h2{font-size:16px;color:#333;font-weight:normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newsbox .news:hover h4{ color:#0560f6;}
.newsbox .news:hover .more{ color:#0560f6;}
.newsbox .news:last-child:hover{ background:#fff;}
.newsbox .news:last-child a:hover h2{ color:#0560f6;}
.newsbox .news:last-child a:hover .time{ color:#0560f6;}

.tu{position: relative;}
.tu img{width: 100%;}
.tu ul{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.tu ul li{position: absolute;left: 14%;top: 20%;}
.tu ul li h4{position: absolute;left: 1.4rem;top: -0.2rem;white-space: nowrap;font-size: 0.9rem;color: #333;padding: 0.4rem 1rem;border-radius: 6px;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;overflow: hidden; font-weight:normal;}
.tu ul li h4 span{position: relative;}
.tu ul li h4 a{display: block;position: relative;color: #333;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;}
.tu ul li h4:before{content: '';width: 100%;height: 100%;background: url(../images/map_bg.jpg) no-repeat;background-size: cover;position: absolute;top: 0;left: 0;opacity: 0;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;}
.tu ul li .dian{position: absolute;bottom: -0.6rem;left: 0.5rem;}
.tu ul li .dian .point{display: block;width: 0.4rem;height: 0.2rem;background: #6f8fcb;opacity: 0.8;border-radius: 100%;position: relative;z-index: 3;}
.tu ul li .dian .span1{display: block;width: 1.5rem;height: 0.8rem;background: #6f8fcb;opacity: 0.8;border-radius: 100%;position: absolute;top: -0.3rem;left: -0.5rem;z-index: 2;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;animation-duration: 1.6s;-webkit-animation-duration: 1.6s;animation-timing-function: linear;-webkit-animation-timing-function: linear;}
.tu ul li .dian .span2{display: block;width: 2.5rem;height: 1.2rem;background: #6f8fcb;opacity: 0.1;border-radius: 100%;position: absolute;top: -0.45rem;left: -1rem;z-index: 1;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;animation-duration: 1.6s;-webkit-animation-duration: 1.6s;animation-timing-function: linear;-webkit-animation-timing-function: linear;}
.tu ul li .sign{/* width: 1.4rem;*//* height: 1.8rem;*/}
.tu ul li .sign img{width: 100%;}
.tu ul li:nth-child(1) {left: 80%; top: 35%;}
.tu ul li:nth-child(2){left: 16%;top: 27%;}
.tu ul li:nth-child(3){left: 29%;top: 56%;}
.tu ul li:nth-child(4){left: 50%;top: 17%;}
.tu ul li:nth-child(5){left: 62%;top: 35%;}
.tu ul li:nth-child(5) h4{left: auto;right: 1.4rem;}
.tu ul li:nth-child(5):hover h4{left: auto;right: 2rem;}
.tu ul li:nth-child(6){left: 85.6%;top: 27%;}
.tu ul li:nth-child(6) h4{left: auto;right: 1.4rem;}
.tu ul li:nth-child(6):hover h4{left: auto;right: 2rem;}
.tu ul li:nth-child(7){left: 94%;top: 75%;}
.tu ul li:nth-child(7) h4{left: auto;right: 1.4rem;}
.tu ul li:nth-child(7):hover h4{left: auto;right: 2rem;}
.tu ul li:nth-child(8){left: 54%;top: 75%;}
.tu ul li:nth-child(9){left: 20%;top: 85%;}
.tu ul li:nth-child(10){left: 43%;top: 40%;}
.tu ul li:nth-child(11){left: 18%;top: 42%;}
.tu ul li:nth-child(12){left: 28%;top: 6%;}
.tu ul li:nth-child(13){left: 68%;top: 6%;}
.tu ul li:nth-child(14){left: 70%;top: 20%;}
.tu ul li:nth-child(15){left: 80%;top: 10%;}
.tu ul li:nth-child(16){left: 60%;top: 60%;}
.tu ul li.active .sign{animation-name: bounce;animation-iteration-count: infinite;transform-origin: center bottom;animation-duration: 1.5s;animation-fill-mode: both;}
.tu ul li:hover h4{color: #fff;left: 2rem;}
.tu ul li:hover h4 a{color: #fff;}
.tu ul li:hover h4:before{opacity: 1;}
.tu ul li:hover .sign{animation-name: bounce;animation-iteration-count: infinite;transform-origin: center bottom;animation-duration: 1.5s;animation-fill-mode: both;}
@keyframes pulsed {
  from {
    -webkit-transform: scale3d(0.1, 0.1, 0.1);
    transform: scale3d(0.1, 0.1, 0.1);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
    opacity: 0.2;
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 0.4;
  }
}
.pulsed {
  -webkit-animation-name: pulsed;
  animation-name: pulsed;
}
.animated {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.contactbox{height: 360px;background: url(../images/contact.jpg) no-repeat left center/cover;display: flex; align-items: stretch;justify-content: flex-end;}
.contact{min-width: 45%;position: relative}
.contact::before{left: 0;right: 50%;bottom: 0;top: 0;background: url(../images/bg-contact.png) no-repeat left center/auto 100%}
.contact::after{right: 0;left: 50%;bottom: 0;top: 0;background: #0558f8}
.contact::after,.contact::before{content: "";display: block;position: absolute;opacity: .85}
.contact .inner{position: relative;z-index: 2;height: 100%;display: flex;flex-direction: column;justify-content: center;color: #fff;padding:20px 160px;}
.contact .inner .content{line-height: 1.8;margin-bottom: 1.5em}
.contact .inner .content .text{white-space: nowrap; font-size:30px;}
.contact .inner .more a{color:#fff;border: 1px solid #fff;border-radius: 5px;height: 50px;padding: 0 40px;display: inline-flex;align-items: center;justify-content: center; margin-top:20px;}
.contact .inner .more a:hover{background-color: #fff;color: #0560f6;transition: 200ms all ease}

.foot{color: #fff; background: #444;}
.foot .center{ padding:60px 0; display: flex; justify-content: space-between;}
.foot_l{display: flex; align-items: stretch; flex: 1 1 auto;}
.foot_l dl{ flex: 1 1 auto;}
.foot_l dl dt{ font-size:20px; color:#FFF; margin-bottom:15px;}
.foot_l dl dd li{ margin-bottom:9px;}
.foot_l dl dd li a { opacity: .5; color:#fff;}
.foot_l dl dd li a:hover{ opacity: 1;}
.foot_r{ flex: 0 0 auto; border-left: 1px solid rgba(255, 255, 255, .1); padding-left: 120px;}
.foot_r .flogo img{}
.fcontact{margin-top: 15px;}
.fcontact .item{margin-top: 20px;display: flex}
.fcontact .item .icon{flex: 0 0 auto;width: 37px;height: 37px;background-repeat: no-repeat;background-position: center;background-size: contain;margin-right: 1em}
.fcontact .item .icon.telephone{background-image:url(../images/dh.png);}
.fcontact .item .icon.email{background-image:url(../images/yx.png);}
.fcontact .item .icon.add{background-image:url(../images/add.png);}
.fcontact .item .content dl{display: flex;margin-bottom: .618em;line-height: 37px;}
.fcontact .item .content dl dt,.fcontact .item .content dl dd{white-space: nowrap}
.fcontact .item .content dl dt{opacity: .5}
.fcontact .item .content dl dd{font-weight: bold}

.footer { border-top: 1px solid rgba(255, 255, 255, .1); padding:20px 0}
.footer .center { height: 100%; align-items: center; flex-wrap: wrap; text-align: center; padding:0;}
.footer .copyright{display: inline-block;}
.footer .copyright span{ opacity: .5;  color:#fff;}
.footer .copyright a{margin-right:9px;}
.footer .copyright i{height: .8em;width: 1px;background-color: currentColor; opacity: .5; display: inline-block;margin-right:9px;}
.footer a{ opacity: .5;  color:#fff;}
.footer a:hover{ opacity:1; }

.footer .icons{ display: flex;}
.footer .icons .icon { display: inline-block; position: relative; margin-left:20px;}
.footer .icons .ft{ width:22px;}
.footer .icons .code{padding: 5px;background-color: #fff;position: absolute;bottom:35px;left: 50%;transform: translateX(-50%);-ms-transform: translateX(-50%);opacity:0;visibility: hidden;-ms-transition: 500ms bottom ease, 400ms opacity ease;transition: 500ms bottom ease, 400ms opacity ease; width: 110px}
.footer .icons .code img{width:100%;height: auto;display: block}
.footer .icons .code::after{content: " ";border-style: solid;height: 0;width: 0;border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);border-width: 16px 10px 0 10px;position: absolute;bottom: -9px;left: 50%;-ms-transform: translateX(-50%);transform: translateX(-50%)}
.footer .icons .icon:hover .code{opacity:1; visibility: visible;}

.pfuk{ position:fixed; top:50%; left:0px; z-index:9999; margin-top:-200px;}

#backToTop{ position:fixed; top:80%; right:10px; z-index:9999; cursor: pointer;}
#backToTop:hover img{ opacity: .6;}

.ltel{ position:fixed; top:80%; left:5px; z-index:9999;}

.nbanner{width:100%;overflow:hidden;position:relative;box-sizing:border-box; /*display: flex;align-items: center;text-align: center;*/}
.nbanner .section-item{position:absolute;padding:15% 0 0 150px; z-index:9;}
.nbanner .section-item p{width: 835px;line-height: 30px;color:#000;font-size: 20px;margin-top:15px;animation:slideUp 2s ease;animation-fill-mode: forwards;}
.nbanner .section-item h6{font-size:40px;color:#fff; letter-spacing:3px; line-height:60px; animation:slideUp 2s ease; animation-fill-mode: forwards;}
.nbanner img{width:100%; height:100%; transform:scale(1)}
.nbanner img{animation:upin 3s ease}
.nbanner .more a{color:#fff;border: 1px solid #0560f6; background:#0560f6;border-radius: 5px;height: 50px;padding: 0 40px;display: inline-flex;align-items: center;justify-content: center; margin-top:60px; animation:slideUp 4s ease; animation-fill-mode: forwards;}
.nbanner .more a:hover{background-color: #fff;color: #0560f6;transition: 200ms all ease}

.submenu{width:100%;height: 80px;background: #fff;border-bottom: 1px solid #eaeaea;}
.submenu ul{height: 100%;width: 100%;white-space: nowrap;flex: 1 1 auto;display: flex}
.submenu li{height: 100%;list-style-type: none;display: inline-flex;}
.submenu li+li{margin-left: 58px;}
.submenu li h2{font-size: 16px;color: #333;font-weight:normal;position: relative;height:80px;display: flex;align-items: center;cursor: pointer;}
.submenu li h2::after{content: " ";height:2px;background-color: #0560f6;position: absolute;left: 50%;-ms-transform: translateX(-50%);transform: translateX(-50%);width: 0;bottom: 0;transition: 200ms all ease}
.submenu li.active h2{color:#0560f6;font-weight:500;}
.submenu li.active h2::after{width: 80px;transition: 200ms all ease;}
.submenu li:hover h2{color:#0560f6;font-weight:500;}
.submenu li:hover h2::after{width: 80px;transition: 200ms all ease;}

.fa{ padding:60px 0 60px; overflow:hidden;}
.ntit{ font-size:34px; color:#000; line-height:40px; font-weight:500; text-align:center;}
.neir{ margin-top:40px;}
.neir p{ font-size:18px; color:#666; line-height:36px; text-align:center;}

#fa2{ background:url(../images/fabg02.jpg) center no-repeat; overflow:hidden;}
.fa2_l,.fa2_r{ margin-top:60px;}
.fa2_l { width:595px;}
.fa2_l .ntit{ text-align:left; margin-top:60px;}
.fa2_l .fa2nei p{ margin-top:40px; font-size:18px; color:#666; line-height:36px;}
.fa2_l .more a{color:#fff;border: 1px solid #0560f6; background:#0560f6;border-radius: 5px;height: 50px;padding: 0 40px;display: inline-flex;align-items: center;justify-content: center; margin-top:60px; animation:slideUp 2s ease; animation-fill-mode: forwards;}
.fa2_l .more a:hover{background-color: #fff;color: #0560f6;transition: 200ms all ease}
.fa2_r{ width:650px;}
.fa2_r img{ width:100%;}

#fa3{ background:#fafafa; overflow:hidden;}
#fa3 ul{ margin-top:60px;}
#fa3 li{ float:left; width:27%;min-height:80px; background:url(../images/fa3.png) #fff right center no-repeat; border-radius:20px;  box-shadow:0 2px 20px rgba(0, 0, 0, .1); padding:52px 30px; margin-bottom:30px;}
#fa3 li+li{ margin-left:30px;}
#fa3 li h3{ font-size:20px; font-weight:500; color:#000; line-height: 36px; text-align:center;}
#fa3 li:nth-child(4){ margin-left:0;}

#fa4{ background:#fafafa; overflow:hidden;}
#fa4 .p{ text-align:center; margin-top:20px; font-size:16px; color:#000;}
.picbox{position: relative;width: 1400px;margin: 80px auto 0;}
.picbox li{float: left;width: 330px;overflow: hidden;margin-right: 26px;background:#fff;transition: all .5s;border-radius: 10px;}
.picbox li .img{overflow: hidden;}
.picbox li .img img{width:100%;border-radius: 10px 10px 0 0;transition: all .4s ease-in-out 0s}
.picbox li:hover img{ transform: scale(1.1);}
.picbox .prev, .picbox .next{display: block;position: absolute;top: 50%;margin-top: -38px;width: 32px;height: 76px;cursor: pointer;z-index: 1;}
.picbox .prev{background: url(../images/prev.png) no-repeat 0 0;left:40px;}
.picbox .next{background: url(../images/next.png) no-repeat 0 0;right:40px;}
.picbox .picbox_list{width:100%;overflow: hidden;}
.picbox li .info{ padding:20px;}
.picbox li h4{color:#333;font-size: 17px;margin-top: 10px;font-weight:500;}
.picbox li .more{margin-top: 30px;font-size:16px;color:#333;}
.picbox li:hover h4,.picbox li:hover .more{ color:#0560f6;}

.ab{ padding:60px 0; overflow:hidden;}


.about{ width:45%; margin-top:60px;}
.abtity{ font-size:32px; color:#000; margin-bottom:15px;}
.abtitz{ font-size:24px; color:#000; font-weight:bold; margin-bottom:10px;}
.abtitz img{ vertical-align:middle; margin-left:2%;}
.about p{color:#333;font-size: 15px;line-height: 29px;text-align:justify;text-indent: 2em;}
.about .more a{color:#fff;border: 1px solid #0560f6; background:#0560f6;border-radius: 5px;height: 50px;padding: 0 40px;display: inline-flex;align-items: center;justify-content: center; margin-top:20px; animation:slideUp 4s ease; animation-fill-mode: forwards;}
.about .more a:hover{background-color: #fff;color: #0560f6;transition: 200ms all ease}

.video{ width:53%; margin-top:60px;}
.video video{ width:100%}

.abys li{ float:left; width:25%; text-align:center;}
.abys li img{ width:40%;}
.abys li h2{ font-size:24px; color:#38679d; letter-spacing:5px; line-height:50px;}
.abys li p{ font-size:16px; margin-top:5px; color:#666;}

#ab2{background: url(../images/fzlcbg.jpg) center no-repeat;height: 600px; }
#ab2 img{ width:100%;position:absolute; clip: rect(0px, 100vw, 100vw, 0px); animation: animateOne 2s ease; margin-top:46px;}
@keyframes animateOne {
    0%,100% {
        clip: rect(0px, 0vw, 100vw, 0px);
    }
    10% {
        clip: rect(0px, 10vw, 100vw, 0px);
    }
	20% {
        clip: rect(0px, 20vw, 100vw, 0px);
    }
    30% {
        clip: rect(0px, 30vw, 100vw, 0px);
    }
	40% {
        clip: rect(0px, 40vw, 100vw, 0px);
    }
	50% {
        clip: rect(0px, 50vw, 100vw, 0px);
    }
	60% {
        clip: rect(0px, 60vw, 100vw, 0px);
    }
	70% {
        clip: rect(0px, 70vw, 100vw, 0px);
    }
	80% {
        clip: rect(0px, 80vw, 100vw, 0px);
    }
	90% {
        clip: rect(0px, 90vw, 100vw, 0px);
    }

    100% {
        clip: rect(0px, 100vw, 100vw, 0px);
    }
}
#ab2 .center{ position:relative;}
.fzlc_swiper{display: flex;align-items: stretch;justify-content: center;height: 100%;}
.fzlc_swiper .content-swiper{height: 100%;width: 100%}
.fzlc_swiper .content-swiper .swiper{height: 100%}
.fzlc_swiper .content-swiper .swiper-wrapper{height: 100%}
.fzlc_swiper .content-swiper .swiper-slide{padding: 130px 0;height: 100%}
.fzlc_swiper .content-slide{position: relative;display: flex;justify-content: center;padding-bottom: 2em}
.fzlc_swiper .content-slide .big{font-weight: bold;color: rgba(5, 96, 246, .1);line-height: 1;position: absolute;left: 0;bottom: 0}
.fzlc_swiper .content-slide .main{width: 780px}
.fzlc_swiper .content-slide .main-title{color: #000;text-align: center}
.fzlc_swiper .content-slide .main-list{padding-top: 50px}
.fzlc_swiper .content-slide .main-list li{padding:7px 0;list-style-type: none;color: #333;text-align: center; font-size:20px; line-height:30px; font-weight:500;}
.fzlc_swiper .year-swiper{position: absolute;right: 0;top:50px;width: 280px;flex: 0 0 auto;overflow: hidden;height:350px;z-index: 9;}
.fzlc_swiper .year-swiper .swiper{height: 100%;cursor: grab}
.fzlc_swiper .year-swiper .swiper-slide{color: #333;opacity: .2;-ms-transform: scale(0.4);transform: scale(0.4);display: flex;align-items: center;justify-content: center;-ms-transition: 500ms all ease;transition: 500ms all ease; font-size:86px;}
.fzlc_swiper .year-swiper .swiper-slide.swiper-slide-prev,.fzlc_swiper .year-swiper .swiper-slide.swiper-slide-next{-ms-transform: scale(0.6);transform: scale(0.6);opacity: .6}
.fzlc_swiper .year-swiper .swiper-slide.swiper-slide-active{color: #0560f6;opacity: 1;-ms-transform: scale(1);transform: scale(1);font-weight: bold}
.fzlc_swiper .year-swiper .swiper-slide span{padding: 5px 0}

#ab3{}
.cell_box{font-size: 0;}
.cell_box:before{content: ''; height: 100%; display: inline-block; vertical-align: middle;}
.cell_box .cell{width: 100%; display: inline-block; vertical-align: middle;}
.qywhbox{position:relative;margin:60px auto 0px;}
.qywhbox .item{display: inline-block;vertical-align: top;width: 33%;position: relative;}
.qywhbox .item .img_box{overflow: hidden;position:relative;height: 500px;}
.qywhbox .item .img_box::before{content: "";position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background: rgb(14 40 118 / 52%);}
.qywhbox .item img{display: block;width: 100%;height: 100%;object-fit: cover;-webkit-transition: transform 0.3s ease;-moz-transition: transform 0.3s ease;-ms-transition: transform 0.3s ease;transition: transform 0.3s ease;}
.qywhbox .item .txt_box{position: absolute;top: 0;left: 0;right: 0;bottom: 0;text-align: center;padding: 2vw;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;z-index: 99;}
.qywhbox .item .txt_box samp{width: 120px;height: 120px;line-height: 120px;overflow: hidden;display: block;margin: 0px auto;position: relative;text-align: center;}
.qywhbox .item .txt_box samp:before{width: 100%;height: 100%;overflow: hidden;border: 2px #fff dotted;border-radius: 50%;content: "";position: absolute;left: 0px;top: 0px;box-sizing: border-box;}
.qywhbox .item .txt_box samp:after{width: 80%;height: 80%;content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background: rgba(255, 255, 255, 0.1);border-radius: 50%;}
.qywhbox .item .txt_box samp img{width: auto;height: auto;max-width: 50%;max-height: 50%;vertical-align: middle;display: inline-block;}
.qywhbox .item .txt_box h3{font-size:34px;line-height: 1;color:#fff;margin-top:38px; font-weight:normal;}
.qywhbox .item .txt_box p{font-size:21px;color: #fff;margin-top: 20px; opacity:.8;}
.qywhbox .img_box img{transition: all .4s ease-in-out 0s;}
.qywhbox .item:hover img{transform: scale(1.2); webkit-transform: scale(1.2);}


@media screen and (max-width:1600px) {
.logo{ margin-left:2%;}	
.tnav{margin-left:2%;margin-right: 4%;}
.center{ width:90%;}
.search{width: 200px;height: 100%;position:relative;}
.language{ background:#0560f6; line-height:90px; width:100px; text-align:center;}
	
}

@media screen and (max-width:1400px) {
.logo{ margin-left:2%;}	
.tnav{margin-left:2%;margin-right: 7%;}
.center{ width:90%;}
.search{width: 180px;height: 100%;position:relative;}
.language{background:#0560f6;line-height:90px;width: 90px;text-align:center;}
	
}

.weizhi{ width:100%; height:60px; background:#f4f4f4; line-height:60px;}
.cnav{ font-size:16px; font-weight:bold; color:#333;}
.maps{ background:url(../images/maps.png) left no-repeat; background-size:15px; padding-left:20px; color:#333;}
.maps a{color:#333;}
.maps a:hover{ color:#0560f6;}

.left{ width:60%;}
.newnav{}
.newnav li{ float:left; margin-right:20px; padding:10px 25px; font-size:16px; font-weight:bold;}
.newnav li a{ color:#333;}
.newnav li:hover{ background:#0560f6; border-radius:5px;}
.newnav li:hover a{ color:#FFF;}
.newnav li.cur{ background:#0560f6; border-radius:5px;}
.newnav li.cur a{ color:#FFF;}

.news_list{}
.news_list li{ margin-top:20px; overflow:hidden;}
.news_list li .newimg{ width:33%;}
.news_list li .newimg img{ width:100%;}
.news_list li .newinfo{ width:64%;}
.news_list li .newinfo h2{font-size:18px;line-height:50px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.news_list li .newinfo h2 a{ color:#000;}
.news_list li .newinfo .infobox{ display: flex;}
.news_list li .newinfo .newtime{ width:21%; margin-right:20px; color:#a5aaae; font-size: 12px; border-right: 2px solid #d7dee0;}
.news_list li .newinfo .newtime img{ width:14px; vertical-align:middle; margin-right:17px;}
.news_list li .newinfo .newtime p{ line-height:40px;}
.news_list li .newinfo .newtxt{ width:80%; }
.news_list li .newinfo .newtxt p{ line-height:23px; text-align:justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden;}
.news_list li .more{ margin-top:10px; font-size:13px; text-align:right;}
.news_list li .more a{ line-height: 23px; color: #7d8489;}
.news_list li .more span{ color:#f16543;}
.news_list li a:hover{ color:#0560f6;}
.news_list li .newinfo h2 a:hover{ color:#0560f6;}

.artid{ color:#333;}
.artid h1{ font-size:24px; text-align:center; line-height:30px; color:#000; font-weight:normal;}
.artid .data{ font-size:12px; text-align:center;  line-height:40px; overflow:hidden; color:#333; margin-bottom:20px; margin-top:10px;}
.artid .data span{ margin:0 20px;}
.artid .data span img{ width:18px !important; vertical-align:middle; margin-right:15px;}
.artid img{ width:100% !important; height:100% !important; }

.right{ width:25%;}
.right h2{ font-size:18px; color:#525659; margin-bottom:20px;}
.right h2 a{ float:right; font-weight:normal; font-size:14px; color:#0560f6;}
.tjnew{border-top: 1px solid #E8E9EF; padding-top:22px;}
.tjnew li{padding: 0 0 15px; margin-bottom: 15px; border-bottom: 1px solid #E8E9EF; font-size: 14px; overflow:hidden; cursor: pointer;}
.tjnew li .tjimg{ width:106px; margin-right:15px;}
.tjnew li .tjimg img{ width:100%;}
.tjnew li .sn-wrapper{ width:60%;}
.tjnew li .newtime{ line-height:20px; font-size:12px;}
.tjnew li .newtime img{ width:14px; vertical-align:middle; margin-right:10px;}
.tjnew li .sn-wrapper p{margin-bottom:8px;color:#777;line-height:20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.tjcase{border-top: 1px solid #E8E9EF; padding-top:22px;}
.tjcase li{padding: 0 0 15px; margin-bottom: 15px; border-bottom: 1px solid #E8E9EF; font-size: 14px; overflow:hidden; cursor: pointer;}
.tjcase li .tjimg{ width:106px; margin-right:15px;}
.tjcase li .tjimg img{ width:100%;}
.tjcase li .sn-wrapper{ width:60%;}
.tjcase li .sn-wrapper h3{ font-size:14px; font-weight:normal;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.tjcase li .sn-wrapper h3 a{ color:#000;}
.tjcase li .sn-wrapper p{ margin-bottom:8px; color:#777; line-height:20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.ntitle{ padding:50px 0; color: #000; text-align: center;}
.ntitle h2{font-size: 36px;line-height:40px;}
.ntitle P{font-size: 13px;margin-top: 7px;}

.zhici{ background:#f5f5f5; overflow:hidden; display: flex;}
.zhici dt{ width:35%; margin-right:9%;}
.zhici dd{ position:relative;  padding-bottom:50px; }
.zhici dd h2{ margin-top:80px; font-size:30px; font-weight:normal;  line-height:50px; color:#000;}
.zhici dd h2 b{ display:block; color:#1e498d;}
.zhici dd span ,.zhici dd em{font-size: 90px;position:absolute;z-index:99; color:#CCC;}
.zhici dd span{top: 110px;left: -40px;}
.zhici dd em{top: 160px;left: 470px;}
.zhici dd .line{margin-top: 20px;width:120px;height:2px;background:#1e498d;}
.zhici dd p{margin-top: 50px;font-size:16px;color:#666;}
.zhici dd h3{ margin-top:10px;}
.zhici dd h3 img{ width:80px;}

.dszzc{ font-size:18px; line-height:30px; color:#000;}

.honor{ width:1440px;}
.honor li{ float:left; width:248px; margin-right:40px; margin-bottom:30px;}
.honor li img{ width:90%; padding:5%; border:1px solid #f5f5f5;}
.honor li p{font-size:13px;line-height: 24px;color:#000;text-align:center;justify-content: center;align-items: center;display: flex;margin-top: 10px;}

.honormore{ clear:both; text-align:center;}
.honormore a{background-color: #fff;color: #0560f6; border: 1px solid #0560f6;border-radius: 5px;height: 50px;padding: 0 50px;display: inline-flex;align-items: center;justify-content: center; margin-top:60px; animation:slideUp 4s ease; animation-fill-mode: forwards;}
.honormore a:hover{color:#fff; background:#0560f6;transition: 200ms all ease}

.nytit{font-size: 36px;text-align:center;color:#000;font-weight:bold;line-height: 36px;}
.list{width: 100%;margin-top: 70px;border-top: #e6e6e6 1px solid;display: -webkit-flex;display: flex;-webkit-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: center;justify-content: center;}
.list .item{width: 390px;height: auto;text-align: center;margin-top: -25px;}
.list .item .icon{display: inline-block;vertical-align: middle;*vertical-align: auto;*zoom: 1;*display: inline;}
.list .item .texts{text-align: center;font-size: 22px;margin-top: 15px; color:#000; line-height: 36px;}

.mapbox{display: flex; justify-content: space-around;}
.mapbox li{ width: 407px; height: 100px; display: flex; justify-content: space-around;}
.mapbox li .arr{ font-size:22px; color:#000;display: block;width:295px;height: 100px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;border: #e6e6e6 1px solid;display: -webkit-flex;display: flex;-webkit-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.mapbox li .arr img{ margin-left:10px;}

.message{width:1200px;margin:30px auto 0;overflow:hidden;}
.message form{ width:1000px; margin:auto;}
.message li{width:100%;margin-bottom: 23px;text-align: center;}
.message textarea{ width:100%; border: 1px solid #ccc; border-radius: 4px; height:120px; padding: 6px; background: #fbfbfb; vertical-align: top;}
.message input{ width:100%; border: 1px solid #ccc; border-radius: 2px; padding: 6px; background: #fbfbfb; line-height:40px;}
.message .yzm{ width:160px;}
.message  img{vertical-align: middle;}
.message button{ color: #fff; background-color:#1e498d; border-color: #007ef3; padding: 20px 12px; width:300px; border: none; border-radius: 4px; font-size:16px;}
.message button:hover{ background-color: #0b48a8;}

.shaixuanbox{display:-webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.shaixuanbox .shaixuan{border-bottom:1px solid rgba(51,51,15,0.1);margin: 0 40px;color:#999;}
.shaixuanbox .shaixuan select{ border:none; width:130px;}

.prodc_list{ width:1420px; margin-top:60px;}
.prodc_list li{float: left; padding:20px; width:295px; margin-top: 20px;margin-right: 20px;position:relative; box-shadow: 0 0 18px rgba(0,0,0,.1);}
.prodc_list li a{display: block;}
.prodc_list li img{width:100%; transition: all .4s ease-in-out 0s;}
.prodc_list li p{font-size: 17px;line-height: 28px;color: #333;}
.prodc_list li span{ display: block; margin-top:20px; font-size:14px; color:#666;}
.prodc_list li:hover img{transform: scale(1.03); webkit-transform: scale(1.03);}
.prodc_list li:hover p{ display:block; color:#0560f6;}
.pic_img{overflow:hidden;margin-bottom: 20px;}


.case_list{ width:1410px; margin-top:60px;}
.case_list li{float: left; width:340px; margin-top: 20px;margin-right: 10px;position:relative;}
.case_list li a{display: block;}
.case_list li img{width:100%; transition: all .4s ease-in-out 0s;}
.case_list li p{font-size: 17px;line-height: 28px;color: #333;}
.case_list li span{ display: block; margin-top:20px; font-size:14px; color:#666;}
.case_list li:hover img{transform: scale(1.03); webkit-transform: scale(1.03);}
.case_list li:hover p{ display:block; color:#0560f6;}

.picimg_l{border:1px solid #dedede;text-align:center;padding: 20px;width: 500px;}
.picimg_l img{width: 100%;}
.pro_detail_text{width: 820px;min-height: 351px;overflow: hidden;margin: 0;padding: 0 0 50px;float: right;position: relative;}
.pro_detail_text h1{width: 100%;overflow: hidden;line-height: 40px;color:#000;font-size:30px;text-align: justify;margin: 0 auto;padding: 0;font-weight:normal;border-bottom: 1px solid #ccc;padding-bottom: 20px;}
.pro_detail_text .jyms{width: 100%;height: 140px;overflow: hidden;margin: 20px auto;padding: 20px;background: #f5f5f5;box-sizing: border-box;}
.pro_detail_text .jyms p{width: 100%;height: 100px;overflow: hidden;line-height: 25px;color: #888;font-size: 14px;text-align: justify;margin: 0 auto;padding: 0;}
.pro_detail_text .jyms p span{color: #333;}
.pro_detail_text ul{width: 100%;margin: 20px auto;padding: 0;overflow: hidden;}
.pro_detail_text ul li{width: 50%;height: 30px;overflow: hidden;line-height: 30px;color: #888;font-size: 16px;text-align: justify;white-space: nowrap;text-overflow: ellipsis;margin: 10px auto;padding: 0;float: left;}
.pro_detail_text ul li img{display: block;width: 16px;height: 16px;overflow: hidden;margin: 7px 4px 7px 0;padding: 0;float: left;}
.pro_detail_text ul li span{color: #333;font-weight: bold;}
.pro_detail_text .pro_detail_btn{width: 100%;height: 60px;overflow: hidden;margin: 0 auto;padding: 0;position: absolute;left: 0;bottom: 18px;}
.pro_detail_btn a{display: block;width: 14%;height: 36px;overflow: hidden;line-height: 36px;color: #333;font-size: 14px;text-align: center;margin: 0;padding: 0;float: left;border-radius: 30px;border: 1px solid #dedede;}
.pro_detail_btn a.prodtl_btn1{float: left;margin: 0 4% 0 0;}
.pro_detail_btn a.prodtl_btn2{float: left;}
.pro_detail_btn a.prodtl_btn1:hover{background-color: #065397; color:#fff; border-color:#065397;}
.pro_detail_btn a.prodtl_btn2:hover{background-color: #065397; color:#fff; border-color:#065397;}


.prleft{ width:270px; display:none;}
.menu_tit{width: 100%;height: 80px;overflow: hidden;margin: 0 auto;padding: 16px 20px;background: #1e498d;box-sizing: border-box;}
.menu_tit p{width: 100%;height: 28px;overflow: hidden;line-height: 28px;color: #fff;font-size: 24px;margin: 0 auto;padding: 0;}
.menu_tit span{display: block;width: 100%;height: 20px;overflow: hidden;line-height: 20px;color: rgba(255, 255, 255, 0.5);font-family: "Arial";font-size: 14px;margin: 0 auto;padding: 0;}

.menu_list{background: #fff;width: 100%;overflow: hidden;margin: 0 auto 20px;padding: 20px 10px;box-sizing: border-box;border: 1px solid #ddd;border-top: 0; line-height: 32px;}
.menu_list .menu_li{width: 100%;height: 100%;margin: 0 auto;padding: 0 5px;box-sizing: border-box;}
.menu_li>p>a{display: block;width: 80%;overflow: hidden;float: left;color: #5a5a5a;text-overflow: ellipsis;white-space: nowrap;}
.menu_li p{width: 100%;height: 50px;overflow: hidden;line-height: 50px;color: #666;font-size:15px;background-color: #f6f6f6;margin: 0 auto;padding: 0 0 0 20px;box-sizing: border-box;margin-bottom: 5px;}
.menu_li>p>span{display: block;width: 20%;height: 50px;float: right;background: url(../images/menu_tb1.png) center center no-repeat;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
.menu_li>p>span.on{transform: rotateX(180deg);}
.menu_li>p:hover{background: #1e498d;color: #fff;}
.menu_li>p:hover a{color: #fff;}
.menu_li>p:hover span{background: url(../images/menu_tb2.png) center center no-repeat;}

.prright{ width:100%;}
.tags_title{margin: 0 0 30px;border-bottom: 1px solid #eaeaea;}
.tags_title span{display: block;width: 80px;color: #2898e6;font-size: 18px;font-weight: normal;text-align: center;height: 48px;line-height: 48px;margin-bottom: -1px;margin-left: 0;border-bottom: 1px solid #2898e6;}

.newsshow_xg{ margin:0 auto;width:100%;height:auto;overflow:hidden;text-align:left;line-height:20px;padding:10px 0px 0px; margin-top: 20px; border-top:1px dashed #b5b5b5; }
.newsshow_xg a{color: #000;}
.newsshow_xg a:hover{ color:#0560f6;}

.pagess{clear: both;margin: 30px auto 0;overflow: hidden;margin-left: 0px;text-align: center;font-size: 12px}
.pagess ul li{display: inline-block;border: 1px solid #ccc;padding: 5px 11px;margin: 0 3px;line-height: 20px;background: #fff;color: #999}
.pagess ul li:hover{background: #e77705; color: #fff;border: 1px solid #e77705}
.pagess ul li:hover a{color: #fff;}
.pagess ul li.active{display: inline-block;border: 1px solid #e77705;padding:5px 11px;margin: 0 3px;background: #e77705;color: #fff;}
.pagess ul li.active a{color: #fff;}
.pagess ul li a{display: block;color: #999}
.pagess ul li a:hover{color: #fff;}

.client-2 {position:fixed;right:-170px;top:70%;z-index:99999;}
.client-2 li a {text-decoration:none;}
.client-2 li {margin-top:1px;clear:both;height:71px;position:relative;}
.client-2 li i {background:url(../images/fx.png) no-repeat;display:block;width:30px;height:27px;margin: 4px auto 0;text-align:center;filter: grayscale(100%) invert(80%) sepia(100%);}
.client-2 li p {height:20px;font-size:14px;line-height:20px;overflow:hidden;text-align:center;color: #333;}
.client-2 .my-kefu-qq i {background-position:4px 5px;}
.client-2 .my-kefu-tel i {background-position:0 -21px;}
.client-2 .my-kefu-liuyan i {background-position:4px -53px;}
.client-2 .my-kefu-weixin i {background-position:-34px 4px;}
.client-2 .my-kefu-weibo i {background-position:-30px -22px;}
.client-2 .my-kefu-ftop {display:none;}
.client-2 .my-kefu-ftop i {width:33px;height:35px;background-position:-27px -51px;}
.client-2 .my-kefu-left {float:left;width:77px;height:47px;position:relative;}
.client-2 .my-kefu-tel-right {font-size:16px;color: #333;float:left;height:24px;line-height:22px;padding:0 15px;border-left:1px solid #fff;margin-top:14px;}
.client-2 .my-kefu-right {width:20px;}
.client-2 .my-kefu-tel-main {/* background:#163c8b; */color:#fff;height:56px;width:247px;padding:9px 0 6px;float:left;}
.client-2 .my-kefu-main {/* background:#163c8b; */width:97px;height:56px;position:relative;padding:9px 0 6px;float:left;}
.client-2 .my-kefu-weixin-pic {position:absolute;left:-130px;top:-24px;display:none;z-index:333;}
.my-kefu-weixin-pic img {width:115px;height:115px;}



.m_nav{ display:none;}
.wapfoot{ display:none;}
@media screen and (max-width:759px) {
.client-2{ display:none;}
.m60{ margin-top:6%;}
.center{ width:96%;}
.centeras{ width:96%;}

.search{ display:none;}
.language{ display:none;}

.tnav{ display:none;}
.head{width:100%;height:60px;}
.logo{ height:60px;}
.logo img{ width:160px;}

#navToggle{height: 42px;padding:3% 3px;display: inline-block;float: right;margin-right: 5%;}
#navToggle span{position: relative;width: 25px;height: 2px;margin-top: 19px;}
#navToggle span:before, #navToggle span:after{content: '';position: relative;width: 100%;height: 2px;left: 0;}
#navToggle span, #navToggle span:before, #navToggle span:after{-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;display: block;background:#fff;}
.onnn #navToggle span, .onnn #navToggle span:before, .onnn #navToggle span:after{-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;display: block;background:#000;}
#navToggle span:before{top: 8px;}
#navToggle span:after{bottom: 10px;}
#navToggle.open span:before{top: 10px;-webkit-transform: translateY(-11px) rotate(-45deg);-moz-transform: translateY(-11px) rotate(-45deg);-ms-transform: translateY(-11px) rotate(-45deg);-o-transform: translateY(-11px) rotate(-45deg);transform: translateY(-11px) rotate(-45deg);}
#navToggle.open span:after{bottom: 12px;-webkit-transform: translateY(10px) rotate(45deg);-moz-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-o-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg);}
#navToggle.open span{background: none;}
#navToggle.open span:before, #navToggle.open span:after{background: #fff;}

.m_nav{position:fixed;top:0;box-shadow:0 15px 27px 0 rgba(167,165,165,0.38);width:100%;height:100%;background:#fff;transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;-webkit-transition:all ease 0.5s;z-index:1000;opacity:1;visibility:visible;margin-top:0;overflow-y:auto;transform:translateX(100%); display:block; z-index: 99999;}
.m_nav.open{transform:translateX(0);}
.m_nav p{ position:absolute; top:3%; left:1%}
.m_nav .m_top{height:60px;padding:20px;box-sizing:border-box;}
.m_nav .m_top .closed{display:block;width:30px;height:30px;line-height:30px;text-align:center;float:right;cursor:pointer;font-size:30px; font-style:normal;}
.m_nav .logo{width:100%;margin:0 auto;}
.m_nav .logo img{height:50px;display:block;margin:30px auto;}
.m_nav .ul li{padding:0 20px;border-bottom:1px solid #f5f5f5;transform:translateY(100%);-webkit-transform:translateY(100%);-webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;opacity:0;}
.m_nav.open .ul li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
.m_nav .ul li:nth-child(1){-webkit-transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms;transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(2){-webkit-transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms;transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(3){-webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(4){-webkit-transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms;transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(5){-webkit-transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(6){-webkit-transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li a{display:inline-block;text-decoration:none;color:#333;font-size:16px;height:50px;line-height:50px;width:80%;}
.m_nav .ul li .dropdown_menu{display:none;}
.m_nav .ul li.dropdown.active .dropdown_menu{display:block;}
.m_nav .ul li .dropdown_menu a{display:block;width:100%;height:50px;line-height:50px;padding:0 40px;box-sizing:border-box;border-bottom:1px solid #f5f5f5;}
.m_nav .ul li .dropdown_menu a:last-child{border:none;}

.wqd-section .section-item{position:absolute;padding: 24% 3% 0;z-index:9;}
.wqd-section .section-item p{width: 90%;line-height: 22px;color:#FFF;font-size: 13px;margin-top: 7px;}
.wqd-section .section-item h6{font-size: 21px;color:#fff;letter-spacing: 0px;line-height: 22px;}
.slipe-box .swiper-pagination{bottom: 14px !important;}

.title{text-align: center;position: relative;}
.title h2{font-size: 27px;color: #333;margin-bottom:3px;line-height: 33px;font-weight:normal;}
.title h3{font-size: 11px;color: #aaa;line-height:27px;font-weight:normal;}
.title p{font-size: 12px;color: #999;line-height: 20px;}

.groups{}
.groups .con ul{overflow: hidden;}
.groups .con ul li{height: 344px; width: 16%;}
.groups .con ul li.first{width: 16%;margin-left: 0;}
.groups .con ul li .txt{top: 110px;}
.groups .con ul li .txt h2{font-size: 16px;width:34px;margin:0 auto;}
.groups .con ul li .txt h3{font-weight:normal;font-size: 1.2rem;color: #fff;line-height: 1.9rem;text-align: center !important;}
.groups .con ul li.two .txt h3{font-size: 1.2rem;color: #fff;text-align: center;line-height: 1.3em;}
.groups .con ul li .txt p{display: none;}
.groups .con ul li .mask .text{width: 92%;left: 4%;bottom: auto;top: 3rem;}
.groups .con ul li.group-first .txt h2{text-align: center;width:auto;margin:0 ;}
.groups .con ul li.group-first .txt{padding: 4rem 1rem 0 1rem;}
.groups .con ul li .txt .more { display: none;}
.groups .con ul li.first .txt{padding:0;top: 110px;}
.groups .con ul li .mask .text h3{font-size: 1.5rem;color: #fff;text-align: center;position: relative;opacity: 0;top: 2rem;}
.groups .con ul li .mask .text p{font-size: 0.8rem;color: #fff;line-height: 1.8em;margin: 1.5rem 0;text-align: center;position: relative;opacity: 0;top: 2rem; height:auto;}
.groups .con ul li .mask{position: absolute;width: 16%;height: 100%;top: 0;left:0;z-index: 2;opacity: 0;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;}
.groups .con ul li:nth-child(2) .mask{left: 16.4%;}
.groups .con ul li:nth-child(3) .mask{left: 33.2%;}
.groups .con ul li:nth-child(4) .mask{left: 49.7%;}
.groups .con ul li:nth-child(5) .mask{left: 66.25%;}
.groups .con ul li:nth-child(6) .mask{left: 83%;}
.groups .con ul li:hover .mask{ opacity: 1; width: 100%; left: 0; z-index: 4;}

.redian .pic img{width:100%; margin-top:0px; }

.sjgdbg{width:100%;background:url(../images/gdbg1.jpg) bottom no-repeat;overflow:hidden;padding: 30px 0;}
.number{}
.number li{float:left;width:20%;text-align:center;overflow: hidden;}
.number span{font-size: 23px;color: #FFF;font-family: Impact;line-height: 10px;}
.number sup{font-size: 12px;color: #FFF;margin-left:0px;}
.number p{font-size: 13px;color:#FFF;margin-top: 0px;}

.service{display: flex;justify-content: space-between;flex-wrap: wrap;height: auto;overflow:hidden;margin-top:20px;}
.service li{width: 49%;position:relative; margin-top:2%;  overflow:hidden;}
.service li:nth-child(2n){ margin-left:2%;}
.service li:nth-child(5){ display:none;}
.service li img{ width:100%;}
.service li p{ display:none;}
.service li .serhover{width:100%;text-align:center;height:50%;background:rgba(100%,100%,100%,.7);color:#333;position:absolute;z-index:99;left:0;top:43%;transition: 1s;display: inline-table;padding-bottom: 11%;}
.service li .serhover h2{font-size: 15px;margin-top:30px;line-height: 22px;color:#6c84fc;font-weight:normal;letter-spacing:5px;margin-bottom: 10px;}
.service li .serhover a{padding: 4px 27px;background:#6c84fc;border:1px solid #6c84fc;border-radius:30px;color:#FFF;font-size: 11px;}
.service li .serhover a:hover{ background:#fff; color:#6c84fc; border:1px solid #6c84fc;}
.service li:hover .serhover{top: 100%;transition: 1s}
  
.bgc{ width:100%; background:#fafafa; overflow:hidden; padding:5% 0;}
.newsbox{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.newsbox .news{width: 100%;background:#FFF;border-radius: 10px;margin-bottom: 10%;}
.newsbox .news .pic{border-radius: 10px 10px 0 0;}
.newsbox .news img{width: 100%;border-radius: 10px 10px 0 0;transition: all .4s ease-in-out 0s;}
.newsbox .news:hover img{ transform: scale(1.1);}
.newsbox .news .info{padding: 3% 3% 5%;}
.newsbox .news h4{color:#333;font-size: 17px;margin-top: 2%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;font-weight: normal;}
.newsbox .more{margin-top: 6%;font-size: 14px;color:#333;}
.newsbox .news:last-child a{display:block;margin: 10% 4%;}
.newsbox .news .time{font-size: 12px;color:#999;margin-bottom:5px;}
.newsbox .news h2{font-size: 14px;color:#333;font-weight:normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.tu ul li .dian{position: absolute;bottom: 0rem;left: .2rem;}
.tu ul li .sign img{width: 40%;}

.contactbox{height: 150px;}
.contact{min-width: 120%;}
.contact .inner{position: relative;z-index: 2;height: 100%;display: flex;flex-direction: column;justify-content: center;color: #fff;padding: 0% 2% 20% 23%;}
.contact .inner .content{line-height: 1.8;margin-bottom: 1.5em}
.contact .inner .content .text{white-space: nowrap;font-size: 22px;}
.contact .inner .more a{color:#fff;border: 1px solid #fff;border-radius: 5px;height: 40px;padding: 0px 30px;display: inline-flex;align-items: center;justify-content: center;margin-top: -10px;}
.contact .inner .more a:hover{background-color: #fff;color: #0560f6;transition: 200ms all ease}

 .foot{margin-bottom: 60px;}
.foot .center{ padding:10% 0 3%; display: flex; justify-content: space-between;}
.foot_l{display: none;}
.foot_r{border-left:none; padding-left:1%; }
.foot_r .flogo img{ width:80%;}
.fcontact{margin-top: 15px;margin-left:0%;}
.fcontact .item{margin-top: 0%;display:block;overflow:hidden;}
.fcontact .item .icon{display:none;}
.fcontact .item .content dl{display:block;margin-bottom: .618em;line-height: 37px;}
.fcontact .item .content dl dt,.fcontact .item .content dl dd{ float:left; white-space:normal !important;}
.fcontact .item .content dl dt{opacity: .5}
.fcontact .item .content dl dd{ font-weight:normal; width:100%;}

.footer .center { padding:0;}
.footer .copyright{display: none;}
.footer .icons{display: block;text-align: center;width: 100%;}

.wapfoot{display:block;width:100%;position:fixed;background:#f2f2f2;height:60px;left:0;bottom:0;z-index:999;display:flex;justify-content:space-around;align-items:center}
.wapfoot a{background:#6c84fc;color:#FFF;width:44%;text-align:center;border-radius:20px;line-height:40px}
  
.pfuk{ display: none;}
  
.ltel{ display: none;} 
  
.nbanner .section-item{position:absolute;padding: 23% 0 0 5%;z-index:9;}
.nbanner .section-item p{width: 90%;line-height: 22px;color:#FFF;font-size: 12px;margin-top: 5px;animation:slideUp 2s ease;animation-fill-mode: forwards;}
.nbanner .section-item h6{font-size: 20px;color:#fff;letter-spacing:3px;line-height: 30px;animation:slideUp 2s ease;animation-fill-mode: forwards;}
.nbanner img{ width:auto !important; height:300px !important; transform:scale(1)}
.nbanner .more a{color:#fff;border: 1px solid #0560f6;background:#0560f6;border-radius: 5px;height: 39px;padding: 0 20px;display: inline-flex;align-items: center;justify-content: center;margin-top: 20px;animation:slideUp 4s ease;animation-fill-mode: forwards;}

.submenu{ top:60px !important;}
.submenu{width:100%;height: 50px;}
.submenu li+li{margin-left: 5%;}
.submenu li h2{font-size: 15px;height: 50px;}

.fa{ padding:6% 0 6%; overflow:hidden;}
.ntit{ font-size:20px; color:#000; line-height:30px; font-weight:500; text-align:center;}
.neir{ margin-top:4%;}
.neir p{ font-size:13px; color:#666; line-height:36px; text-align:center;}

#fa2{background-size: cover;}
.fa2_l,.fa2_r{ margin-top:6%;}
.fa2_l { width:100%;}
.fa2_l .ntit{ text-align:left; margin-top:6%;}
.fa2_l .fa2nei p{ margin-top:4%; font-size:14px; color:#666; line-height:26px;}
.fa2_r{ width:100%;}
.fa2_l .more a{height: 40px;padding: 0 20px;margin-top:4%;}

#fa3 ul{ margin-top:6%;}
#fa3 li{float:left;width: 82%;min-height: 20px;background:url(../images/fa3.png) #fff right center no-repeat;border-radius:20px;box-shadow:0 2px 20px rgba(0, 0, 0, .1);padding: 9%;margin-bottom: 3%;}
#fa3 li+li{margin-left: 0px;}
#fa3 li h3{font-size: 14px;font-weight:500;color:#000;line-height: 26px;text-align:center;}

 .jjfaimg img{ width:100%; height:auto;}
  
.picbox{position: relative;width:100%;margin: 8% auto 0;}
.picbox li{float:none !important; margin-top:2%;width: 100%;overflow: hidden;margin-right: 0px;background:#fff;transition: all .5s;border-radius: 10px;}
.picbox li .img img{width:100%;border-radius: 10px 10px 0 0;transition: all .4s ease-in-out 0s}
.picbox .prev,.picbox .next{ display:none;}
.picbox .picbox_list{width: 96%;overflow: hidden;margin: auto;}
.picbox li .info{padding: 4%;}
.picbox li h4{color:#333;font-size: 16px;margin-top: 2%;font-weight:500;}
.picbox li .more{margin-top: 6%;font-size: 13px;color:#333;}


.weizhi{ width:100%; height:50px; background:#f4f4f4; line-height:50px;}
.cnav{font-size: 15px;font-weight:bold;color:#333;}
.maps{background:url(../images/maps.png) left no-repeat;background-size: 12px;padding-left: 17px;color:#333;font-size: 12px;margin-right: 1%;}
.maps a{color:#333;}
.maps a:hover{ color:#0560f6;}

.submenu{ top:60px !important;}
.submenu{width:100%;height: 50px;}
.submenu li+li{margin-left: 2%;}
.submenu li h2{font-size: 14px;height: 50px;}
.submenu li.active h2::after{width: 56px;}
  
.ab{ padding:6% 0; overflow:hidden;}

.about{width: 100%;margin-top: 6%;}
.abtity{ font-size:22px; color:#000; margin-bottom:1%; text-align:center;}
.abtitz{ font-size:18px; color:#000; font-weight:bold; margin-bottom:8%; text-align:center;}

.about p{color:#333;font-size:13px;line-height:26px;text-align:justify;text-indent: 2em; margin-top:3%;}
.about .more{ display:none;}

.video{ width:100%; margin-top:6%;}
.video video{ width:100%}


.m60{ margin-top:6%;}
.abys li{float:left;width: 50%;text-align:center;margin-top: 12%;}
.abys li img{width: 50%;}
.abys li h2{font-size: 17px;color:#38679d;letter-spacing: 0px;line-height:50px;}
.abys li p{font-size: 13px;margin-top:5px;color:#666;}

#ab2{height:212px;background-size: cover; background:none;}
#ab2 img{ width:100%;}
#ab2 .center{ width:100%; position:relative;}
.fzlc_swiper{display: flex;align-items: stretch;justify-content: center;height: 100%;}
.fzlc_swiper .content-swiper{height: 100%;width: 100%}
.fzlc_swiper .content-swiper .swiper{height: 100%}
.fzlc_swiper .content-swiper .swiper-wrapper{height: 100%}
.fzlc_swiper .content-swiper .swiper-slide{padding: 80px 0;height: 100%}
.fzlc_swiper .content-slide{position: relative;display: flex;justify-content: center;padding-bottom: 2em}
.fzlc_swiper .content-slide .big{font-weight: bold;color: rgba(5, 96, 246, .1);line-height: 1;position: absolute;left: 0;bottom: 0}
.fzlc_swiper .content-slide .main{width: 780px}
.fzlc_swiper .content-slide .main-title{color: #000;text-align: center}
.fzlc_swiper .content-slide .main-list{padding-top: 50px}
.fzlc_swiper .content-slide .main-list li{padding:7px 0;list-style-type: none;color: #333;text-align: center;font-size: 16px;line-height:30px;font-weight:500;}
.fzlc_swiper .year-swiper{position: absolute;right: 0;top: 50px;width: 100%;flex: 0 0 auto;overflow: hidden;height: 90px;z-index: 9;}
.fzlc_swiper .year-swiper .swiper{height: 100%;cursor: grab; margin-left:-20%;}
.fzlc_swiper .year-swiper .swiper-slide{color: #333;opacity: .2;-ms-transform: scale(0.4);transform: scale(0.4);display: flex;align-items: center;justify-content: center;-ms-transition: 500ms all ease;transition: 500ms all ease;font-size: 26px;margin-right: 0%;}
.fzlc_swiper .year-swiper .swiper-slide.swiper-slide-prev,.fzlc_swiper .year-swiper .swiper-slide.swiper-slide-next{-ms-transform: scale(0.6);transform: scale(0.6);opacity: .6}
.fzlc_swiper .year-swiper .swiper-slide.swiper-slide-active{color: #0560f6;opacity: 1;-ms-transform: scale(1);transform: scale(.9);font-weight: bold;}
.fzlc_swiper .year-swiper .swiper-slide span{padding: 5px 0}

#ab3 .center{ width:96%;}
.qywhbox{margin:6% auto 0px;}
.qywhbox .item{width: 32%;}
.qywhbox .item .txt_box samp{width: 80px;height: 80px;}
.qywhbox .item .txt_box samp img{width: auto;height: auto;max-width: 50%;max-height: 50%;vertical-align: baseline;display: inline-block;}
.qywhbox .item .txt_box h3{font-size: 20px;color:#fff;margin-top: 23%;}
.qywhbox .item .txt_box p{font-size: 14px;margin-top: 22%;}

.zhici{background:#f5f5f5;overflow:hidden;display: block;width: 100%;}
.zhici dt{width: 100%;margin-right: 0;}
.zhici dt img{ width:100%;}
.zhici dd{ position:relative;  padding:5%; }
.zhici dd h2{margin-top: 3%;font-size: 17px;font-weight:normal;line-height: 30px;color:#000;}
.zhici dd h2 b{ display:block; color:#1e498d;}
.zhici dd span ,.zhici dd em{ display:none;}
.zhici dd .line{margin-top: 5%;width:120px;height:2px;background:#1e498d;}
.zhici dd p{margin-top: 5%;font-size:16px;color:#666;}
.zhici dd h3{ font-size:24px; color:#000; line-height:40px; color:#333;}

.dszzc{ font-size:14px; line-height:26px; color:#000;}

.honor{ width:100%;}
.honor li{ float:left; width:100%; margin-right:0px; margin-bottom:3%;}
.honor li img{ width:96%; padding:2%; border:1px solid #f5f5f5;}
.honor li p{font-size:14px;line-height: 24px;color:#000;text-align:center;justify-content: center;align-items: center;display: flex;margin-top: 10px;}

.mag{ margin-top:3%;}
.shaixuanbox .shaixuan{border-bottom:1px solid rgba(51,51,15,0.1);margin: 0 2%;color:#999;}
.shaixuanbox .shaixuan select{border:none;width: 84px;}

.prodc_list{ width:100%;margin-top:6%;}
.prodc_list li{float: left; padding:2% 2% 8%; width:96%; margin-top: 2%;margin-right:0px;position:relative; box-shadow: 0 0 18px rgba(0,0,0,.1);}
.prodc_list li a{display: block;}
.prodc_list li img{width:100%; transition: all .4s ease-in-out 0s;}
.prodc_list li p{font-size: 16px;line-height: 28px;color: #333; margin-left:3%;}
.prodc_list li span{ display: block; margin-top:2%; font-size:14px; color:#666; margin-left:3%;}

.case_list{ width:100%; margin-top:6%;}
.case_list li{float: left; width:100%; margin-top: 2%;margin-right:0px;position:relative;}
  
.picimg_l{border:1px solid #dedede;text-align:center;padding: 2%;width: 96%;}
.picimg_l img{width: 100%;}
.pro_detail_text{width: 100%;min-height: 300px;overflow: hidden;margin: 5% 0 0;padding: 0 0 5%;float: right;position: relative;}
.pro_detail_text h1{width: 100%;overflow: hidden;line-height: 40px;color:#000;font-size: 23px;text-align: justify;margin: 0 auto;padding: 0;font-weight:normal;border-bottom: 1px solid #ccc;padding-bottom: 2%;}
.pro_detail_text .jyms{width: 100%;height: 140px;overflow: hidden;margin: 20px auto;padding: 20px;background: #f5f5f5;box-sizing: border-box;}
.pro_detail_text .jyms p{width: 100%;height: 100px;overflow: hidden;line-height: 25px;color: #888;font-size: 14px;text-align: justify;margin: 0 auto;padding: 0;}
.pro_detail_text .jyms p span{color: #333;}
.pro_detail_text ul{width: 100%;margin: -3% auto;padding: 0;overflow: hidden;}
.pro_detail_text ul li{width: 50%;height: 30px;overflow: hidden;line-height: 30px;color: #888;font-size: 13px;text-align: justify;white-space: nowrap;text-overflow: ellipsis;margin: 0px auto;padding: 0;float: left;}
.pro_detail_text ul li img{display: block;width: 16px;height: 16px;overflow: hidden;margin: 7px 4px 7px 0;padding: 0;float: left;}
.pro_detail_text ul li span{color: #333;font-weight: bold;}
.pro_detail_text .pro_detail_btn{width: 100%;height: 40px;overflow: hidden;margin: 0 auto;padding: 0;position: absolute;left: 0;bottom: 18px; padding-bottom:10px;}
.pro_detail_btn a{display: block;width: 47%;height: 40px;overflow: hidden;line-height: 40px;font-size: 14px;text-align: center;margin: 0;padding: 0;float: left;border-radius: 30px;}

.prright{ width:100%;}
.tags_title{margin: 0 0 3%;}
.prright img{ width:100% !important; height:auto !important;}

.contimg img{ width:100%;}

.list{width: 100%;margin-top: 17%; border-top:none;display: -webkit-flex;display: block;-webkit-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: center;justify-content: center;}
.list .item{width: 100%;height: auto;text-align: center;margin-top:0px;border-top: #e6e6e6 1px solid; margin-top:12%;}
.list .item .icon{display: inline-block;vertical-align: middle;*vertical-align: auto;*zoom: 1;*display: inline; margin-top:-25px;}
.list .item .texts{text-align: center;font-size: 15px;margin-top: 15px; color:#000;}
  
.m160{ margin-top:16%;}
.mapbox{display: block;justify-content: space-around;}
.mapbox li{width: 300px;height: 100px;display: flex;justify-content: space-around;margin: auto;margin-top: 7%;}
.mapbox li .arr{font-size: 18px;color:#000;display: block;width: 194px;height: 100px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;border: #e6e6e6 1px solid;display: -webkit-flex;display: flex;-webkit-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.mapbox li .arr img{margin-left:10px;width: 70px;}

.ntitle{ padding:5% 0; color: #000; text-align: center;}
.ntitle h2{ font-size:20px; line-height:30px;}
.ntitle P{font-size: 14px; margin-top:1%;}
.nytit{font-size: 20px;}

.left{ width:100%;}
.newnav{display: flex;text-align:center;justify-content: center;}
.newnav li{float: none;margin-right: 2%;padding: 1% 4%;font-size:16px;}

.news_list li{margin-top: 2%;overflow:hidden;width: 100%;}
.news_list li .newimg{width: 100%;}
.news_list li .newimg img{ width:100%;}
.news_list li .newinfo{width: 100%;}
.news_list li .newinfo h2{font-size: 15px;line-height: 30px;}
.news_list li .newinfo h2 a{ color:#000;}
.news_list li .newinfo .infobox{display: block;}
.news_list li .newinfo .newtime{width: 100%;margin-right: 0px;color:#a5aaae;font-size: 12px;border-right: none;display: flex;justify-content: left;}
.news_list li .newinfo .newtime img{width:14px;vertical-align:middle;margin-right: 3%;}
.news_list li .newinfo .newtime p{line-height: 40px;float: left;margin: 0px 0%;width: 27%;}
.news_list li .newinfo .newtxt{width: 99%;}
.news_list li .newinfo .newtxt p{line-height:23px;text-align:justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;font-size: 13px;}
.news_list li .more{margin-top: 1%;font-size:13px;text-align:right;}

.artid h1{font-size: 18px;text-align:center;line-height: 24px;color:#000;font-weight:normal;}
.artid .data{font-size:12px;text-align:center;line-height:40px;overflow:hidden;color:#333;margin-bottom: 2%;margin-top: 1%;}
.artid .data span{ margin:0 20px;}
.artid .data span img{ width:15px !important; vertical-align:middle; margin-right:15px;}
.artid img{ width:100% !important; height:auto !important;}
.right{ display:none;}
  
.message{width: 100%;margin: 3% auto 0;background:none;overflow:hidden;}
.message form{width: 100%;margin: 6% auto;}
.message li{width: 95%;margin-bottom: 2%;text-align: center;}
.message textarea{width:100%;border: 1px solid #ccc;border-radius: 4px;height: 80px;padding: 6px;background: #fbfbfb;vertical-align: top;}
.message input{width:100%;border: 1px solid #ccc;border-radius: 2px;padding: 6px;background: #fbfbfb;line-height: 35px;}
.message .yzm{ width:160px;}
.message  img{vertical-align: middle;}
.message button{color: #fff;background-color:#0b48a8;border-color: #007ef3;padding: 15px 12px;width: 210px;border: none;border-radius: 4px;font-size: 14px; margin-top:30px;}
.message button:hover{ background-color: #0b48a8;}
	
}