@charset "utf-8";

a:hover{text-decoration: none;}

html::-webkit-scrollbar{display: none;}

.w1720{width: 89.5833333%;margin: 0 auto;}

.xz{transform: rotate(180deg);}

.yybj{position: relative;}

.yybj:after{position: absolute;content: ""; top: 0;left: 0; width: 100%;height: 100%;background-image: linear-gradient(rgba(255,255,255,.1), rgba(0,0,0,.8));}

.md{position: relative;top: -200px;}

.pc{display: block;}

.phone{display: none;}

.mdm{position: relative;top: -150px;}

#normal-hide{display: none;}
.normal-hide{display: none;}



.header{position: fixed;height: 110px;width: 100%;box-shadow: 0px 0px 10px 0px rgba(0,0,0,.2);background: #fff;z-index: 9999999;transition: all .5s;}

.header .head-mn{width: 100%;height: 100%;background: #fff;z-index: 100;}

.header .search{position: absolute;left: 0;top: 0; width: 100px;height: 100%; display: flex;justify-content: center;align-items: center;background: #f2f2f2;cursor: pointer;transition: all .5s;z-index:222;}

.header .search img{transition: all .5s;}

.header .search:hover{background: #00a2e9;}

.header .search:hover .img1{display: none;}

.header .search:hover .img2{display: block;}

.header .search .img2{display: none;}

.header .topsearch{position: absolute;top: -100%;left: 0;width: 100%;height: 90px;background: #fefefe;z-index: -1;box-shadow: 0px 0px 10px 0px rgba(0,0,0,.2);}

.header .topsearch .topsearch-inner{}

.header .topsearch .head-search{display: flex;justify-content: center; }

.header .topsearch .search-text{ width: 814px;height: 70px;margin-top: 10px;border: none; padding: 0 40px;font-size: 20px;color: #666;line-height: 70px;background: #f7f7f7;outline: none;}

.header .topsearch .search-close{ display: flex;width: 100px;height: 90px;align-items: center;justify-content: center;}

.header .topsearch .search-close .icon-close{display: block;width: 18px;height: 18px;background: url(img/icons.png) no-repeat -68px 0;transition:all .5s;}

.header .topsearch .search-close:hover .icon-close{transform: rotate(360deg);}

.header .topsearch .search-submit{ display: block;width: 138px;height: 90px;border: none; font-size: 22px;line-height: 90px;color: #fefefe;text-align: center;background: #00a2e9;cursor: pointer;outline: none;}

.header .lang{position: absolute;right: 0;top: 0;width: 100px; cursor: pointer;z-index:222;}

.header .lang:hover li .img2{transform: rotate(360deg);}

.header .lang li{display: flex;justify-content: center;align-items: center;height: 110px;background: #0094d9;transition: all .5s;}

.header .lang li .en{padding: 0 10px; font-size: 18px;color: #fff;transition: all .5s;}

.header .lang li .img2{transition: all .5s;}

.header .lang .oth-lang{display: none;}

.header .lang .oth-lang li{height: 60px;margin-top: 1px;}

.header .lang .oth-lang li:hover{background: none;border: 1px solid #00a2e9;box-sizing: border-box;}

.header .lang .oth-lang li:hover .en{color: #00a2e9;}

.header .logo{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 22;}

.header .logo img{display: block;transition: all .5s;}

.header .logo .img2{display: none;}

.header .nav{position: relative;width: 100%;display: flex;justify-content: center;}

/*.header .nav .left{width: calc(50% - 110px);}

.header .nav .right{width: calc(50% - 110px);}*/

.header .nav li{margin-right: 80px;line-height: 110px; }

.header .nav li a.bt{display: block;font-size: 18px;color: #222;transition: all .5s;}

.header .nav li:hover a.bt{color: #00a2e9;}

.header .nav li.on a.bt{color: #00a2e9;}

.header .nav li:nth-child(4){margin-right: 400px;}

/*.header .nav .right li:first-child{margin-left: 0px;}*/

.header .nav li:last-child{margin-right:0;}

.head-box{height: 110px;}

.header .phone-nav{position: absolute;top: 50%;right: 120px;transform: translateY(-50%);display: none; z-index: 9999999;cursor: pointer;}

.header .phone-nav .line{position: relative;top: 0;border-radius: 3px;width: 30px;display: block;height: 2px;transition: all .3s; background: #000;transform-origin: center center;}

.header .phone-nav.active .line:nth-child(1){top: 10px;transform: rotate(45deg);}

.header .phone-nav .line:nth-child(2){margin: 8px 0; }

.header .phone-nav.active .line:nth-child(2){opacity: 0;}

.header .phone-nav.active .line:nth-child(3){top: -10px;transform: rotate(-45deg);}

.header .phone-nav-mn{position: absolute;top: -10000%;left: 0;padding: 100px 0; width: 100%;height: 100vh; box-sizing: border-box;box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3); background-color: #fff; z-index: 99;overflow: scroll;}

.header .phone-nav-mn li{width: 94%;margin: 0 auto;}

.header .phone-nav-mn li .navs{padding:20px 0;border-bottom: 1px solid #f7f7f7;}

.header .phone-nav-mn li .navs p{font-size: 20px;line-height: 40px;color: #333;}

.header .phone-nav-mn li .jia{display: flex;height: 40px;align-items: center;}

.header .phone-nav-mn li .img{display: block;width:20px;transition: all .5s;}

.header .phone-nav-mn li dd a{font-size: 18px;line-height: 50px;color: #666;display: block;padding-left: 30px;}

.header .phone-nav-mn::-webkit-scrollbar { width: 0 !important }

.header.header-small{height: 80px;}

.header.header-small .nav li{line-height: 80px;}

.header.header-small .lang li{height: 80px;}

.header.header-small .logo .img1{display: none;}

.header.header-small .logo .img2{display: block;}

.nav_layer{position:absolute;top:100%;left:0;width:100%;background:#f4f4f4;display:none;z-index:11;}

.nav_layer .wrap{width: 89%;margin: 0 auto;}

.nav_layer .layer_l{width:42%;padding-bottom: 60px;}

.nav_layer .layer_l_hd{font-size:22px;color:#4e4e4e;margin:60px 0 30px;font-weight:normal;}

.nav_layer .layer_l_bd{margin-bottom:30px; min-height:150px;padding-right:14%;}

.nav_layer .layer_l_bd p{font-size: 16px;line-height: 30px;}

.nav_layer .more_btn{position:relative;display:block;width:136px;height:35px;border:1px solid #00a2e9;font-size: 16px!important; line-height:35px;color:#666;text-align:center;overflow:hidden;z-index:2;}

.nav_layer .more_btn:after{content:'';position:absolute;width:100%;height:100%;background:#00a2e9;transition:all 0.5s ease;top:0;right:100%;z-index:-1;}

.nav_layer .more_btn:hover:after{right:0;}

.nav_layer .more_btn:hover{color:#fff!important;}

.nav_layer .layer_c{width:26%;}

.nav_layer .layer_c_box{border-right:1px #d2d2d2 solid;border-left:1px #d2d2d2 solid;padding:60px 14% 30px;min-height:300px;font-size:16px;}

.nav_layer .layer_c a{display:block;padding:15px 0px;border-bottom:1px #e9ebed solid;color: #666; transition: all .5s;}

.nav_layer .layer_c a:hover{padding-left: 10px;color: #00a2e9;}

.nav_layer .layer_r{width:325px;padding:60px 0;}

.nav_layer .layer_r .bigimg{overflow: hidden;}

.nav_layer .layer_r .bigimg:hover img{transform: scale(1.1);}

/*.nav_layer .layer_r{width: 400px;height: 300px;}

*/.nav_layer .layer_r img{display: block;width: 100%;height: auto; transition: all .5s;}







.i-banner{overflow: hidden; }

.i-banner .swiper-slide{height: calc(100vh - 110px) !important;}

.i-banner .bg{width: 100%;min-height: 100%;transition: 1s linear 6s;transform: scale(1.1);}

.i-banner .swiper-slide-active .bg{transition:6s linear;transform:scale(1);/*animation:fd 6s infinite;-webkit-animation:fd 6s infinite;*/}

.i-banner .xx{position: absolute;width: 100%; text-align: center;color: #fff;}

.i-banner .one .xx{left: 50%;transform: translateX(-50%); top: 42.3255814%;} 

.i-banner .one .xx .sum1{margin-bottom: 42px; font-size: 30px;line-height: 1em;font-weight: lighter;}

.i-banner .one .xx .sum2{ font-size: 60px;line-height: 1em;font-weight: lighter;}

.i-banner .one .xx .sum2 span {font-weight: bold; animation: glow-in 0.8s both; -webkit-animation:glow-in 0.8s both;}

.i-banner .one .xx .sum2 span:nth-child(1),.i-banner .one .xx .sum2 span:nth-child(2),

.i-banner .one .xx .sum2 span:nth-child(3),.i-banner .one .xx .sum2 span:nth-child(4){font-weight: normal;}

.i-banner .two .xx{position: absolute; top: 34.5348837%; left: 14.3229167%;text-align: left;} 

.i-banner .two .xx .sum1{margin-bottom: 38px; font-size: 60px;line-height: 1em;font-weight: bold;} 

.i-banner .two .xx .img{position: relative; } 

.i-banner .three .xx{left: 50%;transform: translateX(-50%); top: 38.372093%;} 

.i-banner .three .xx .sum1{margin-bottom: 32px; font-size: 60px;line-height: 1em;font-weight: bold;} 

.i-banner .three .xx .sum2{font-size: 18px;line-height: .8em;} 

.i-banner video{width: 100%;height: 100%; object-fit: fill;}

.i-banner .swiper-pagination-bullet{ display: block;width: 4px;height: 4px;margin: 20px 0!important;background: #fff; opacity: 1;transition: all .5s;}

.i-banner .swiper-pagination{right: 38px;top: 50%;transform: translateY(-50%);left: auto!important;

bottom: auto!important; width: auto!important;}

.i-banner .swiper-pagination-bullet-active{position: relative;}

.i-banner .swiper-pagination-bullet-active:after{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);

width: 20px;height: 20px;border:1px solid #fff;border-radius: 100%;content: "";}

.i-banner .swiper-slide-active .jd{display: block;}

.i-banner .jd{ position: absolute;left: 0;bottom: 0;display: none; width: 100%;height: 1px;background: #fff;z-index: 9;}

.i-banner .jd:before{position: absolute;left: 100%; width: 100%;height: 1px; content: "";background: #00a2e9;

 animation:jd 6s infinite;-webkit-animation:jd 6s infinite;}

@keyframes glow-in {

  from {opacity: 0;}

  65% { opacity: 1;text-shadow: 0 0 25px white;} 

  to {opacity: 1;}

}

@-webkit-keyframes glow-in {

  from {opacity: 0;}

  65% { opacity: 1;text-shadow: 0 0 25px white;} 

  to {opacity: 1;}

}



@keyframes fd {

  from {transform: scale(1);}

  to {transform: scale(1.04);}

}

@-webkit-keyframes fd {

  from {transform: scale(1);}

  to {transform: scale(1.04);}

}



@keyframes jd{

    from {left: -100%;}

    to {left: 0;}

}

 

@-webkit-keyframes jd  {

    from {left: -100%;}

    to {left: 0;}

}



.main .titn{margin-bottom: 15px;font-weight: bold; font-size: 42px;line-height: 30px;}

.main .sumn{font-size: 26px;}



.i-news{position: relative;padding: 130px 0;color: #fff;background: url(img/i-news-bg.jpg) center no-repeat;background-size: cover;}

.i-news .bg{position: absolute;top: 0;right: 0;}

.i-news .l{width: 22.0930233%;}

.i-news .top{margin-bottom: 37px;}

.i-news .top .titn{ color: #fff;}

.i-news .top .sumn{ color: #fff;}

.i-news .bottom li{ padding:68px 0 44px;border-bottom: 1px solid #ccc;transition: all .5s;box-sizing: border-box;}

.i-news .bottom li:hover{background: #00a2e9;padding-left: 10px;}

.i-news .bottom li:hover a{color: #fff;}

.i-news .bottom a{color: #fff;display: block;transition: all .5s;}

.i-news .bottom .tit{width: 84.2105263%;max-height: 18px; margin-bottom: 22px;font-weight: bold; font-size: 18px;line-height: 18px; color: #fff;overflow: hidden;}

.i-news .bottom .sum{width: 84.2105263%;height: 60px;margin-bottom: 32px; line-height: 30px;font-size: 16px;overflow: hidden;}

.more{display: inline-block!important; font-size: 16px;color: #fff;transition:  all.5s;outline: none;}

.more span{display: block;float: left; line-height: 24px;}

.more .jt{position: relative; float: right;margin-left: 10px; display: inline-block;width: 40px;height: 24px;border-radius: 0 25% 25% 0/0 50% 50% 0; background: #00a2e9;overflow: hidden;}

.more .jt .img{position: absolute;left: -100%;top: 50%;margin-top: -5.5px;transition: all .5s;}

.more .jt .jt-bg{position: absolute;left: 0;top: 50%;margin-top: -.5px; width: 18px;height: 1px;background: #fff; transition: all .5s;}

.more:hover{color: #00a2e9;}

.more:hover .img{left: 0;}

.more:hover .jt-bg{left: 100%;}

.more-l .jt{border-radius: 25% 0 0 25%/50% 0 0 50%;margin-left: 0;}

.more-l .jt .img{ left: auto; right: -100%; transform: rotate(180deg);}

.more-l .jt .jt-bg{left: auto; right: 0;}

.more-l:hover .img{right: 0;}

.more-l:hover .jt-bg{right: 100%;}



.i-news .r{width: 77.9069767%;}

.i-news .r .mimg{position: relative;}

.i-news .r .img{display: block;width: 100%;/*height: 650px;*/}

.i-news .r .mimg:after{position: absolute;content: ""; top: 0;left: 0; width: 100%;height: 100%;background-image: linear-gradient(rgba(255,255,255,.1), rgba(0,0,0,.8));}



.sk{position: absolute;top: 0;left: 0; width: 100%;height: 100%;background: #00a2e9;z-index: -1;}

.i-news .r .xx{position: absolute;bottom: 74px;left: 40px; color: #fff;}

.i-news .r .xx .titl{width: 450px;}

.i-news .r .xx .tit{max-height: 96px; font-size: 30px;line-height: 48px;font-weight: bold;overflow: hidden;}

.i-news .r .xx .ftit{max-height: 48px;text-indent: 15px; font-size: 30px;line-height: 48px;font-weight: bold;overflow: hidden;}

.i-news .r .xx .sumr{width: 42%;margin-top: 8px;margin-left: 30px;max-height: 60px;overflow: hidden;}

.i-news .r .xx .sum{font-size: 16px;line-height: 30px;}

.i-news .r .swiper-pagination-bullet{width: 10px;height: 10px;box-sizing: border-box; border-radius: 100%;margin: 0 10px!important; 

  background: none;border: 1px solid #fff;opacity: .6;transition: all .5s;}

.i-news .r .swiper-pagination-bullet:hover{background: #fff;opacity: 1;}

.i-news .r .swiper-pagination-bullet-active{background: #fff;opacity: 1;} 

.i-news .r .swiper-pagination{bottom: 54px!important;padding-right: 60px;box-sizing: border-box;text-align: right!important;}



.i-pro{position: relative;height: 800px;overflow: hidden;}

.i-pro .top{position: absolute; left:5.21%;top: 94px; color: #fff;z-index: 9;}

.i-pro .bottom{height: 100%;}

.i-pro .bottom .bimg{position: absolute;top: 0;left: 0;z-index: -1;transition: 1s linear 6s;transform: scale(1.1);}

.i-pro .bottom .xx{position: relative; top: 40.75%;color: #fff;}

.i-pro .bottom .xx .tit{margin-bottom: 42px; max-height: 48px; font-size: 48px;line-height: 1em;font-weight: bold;overflow: hidden;}

.i-pro .bottom .xx .sum{margin-bottom: 123px; max-height: 60px;width: 500px; overflow: hidden;}

.i-pro .bottom .xx .sum p{font-size: 16px; line-height: 30px;}

.i-pro .bottom .xx .more{color: #fff;}

.i-pro .bottom .xx .more:hover{color: #00a2e9;}

.i-pro .bottom .page-b{display: none;}

.i-pro .page{position: absolute;top: 0;right: 0;box-sizing: border-box;display: flex;flex-flow: column;height: 100%;  z-index: 9;overflow: hidden;}

.i-pro .page li{ position: relative; height: 16.666667%;width: 480px;display: flex;padding-left: 80px; align-items: center; box-sizing: border-box;border-bottom: 1px solid rgba(255,255,255,.4);border-left:1px solid rgba(255,255,255,.4);background: rgba(0 ,162,233,.1);color: #fff;transition: all .5s;overflow: hidden;cursor: pointer;}

.i-pro .page li .r{margin-left: 40px;color: #fff;}

.i-pro .page li .r .tit{margin-bottom: 10px; font-size: 28px;line-height: 28px;}

.i-pro .page li .r .sum{font-size: 18px;line-height: 1em;}

.i-pro .page li .left{opacity: .8;transition: all .5s;}

.i-pro .page li.on {border: none; background: #00a2e9; }

.i-pro .page li.on .left{opacity: 1;}

.i-pro .page li:hover {background: #00a2e9; }

.i-pro .page li:hover .left{opacity: 1;}

.i-pro .swiper-slide-active .bimg{/*animation:fd 6s infinite;-webkit-animation:fd 6s infinite;*/transition:6s linear;transform:scale(1);}

.i-pro .page li .l img{display: block;width: 50px;}

.i-pro .page li .border {display: none; position: absolute;background: #fff;transition: all 6s;}

.i-pro .page li .b-l{left: 0; animation:ipro1 6s infinite;-webkit-animation:ipro1 6s infinite; width: 1px;height: 100%; }

.i-pro .page li .b-t{top:0; animation:ipro2 6s infinite;-webkit-animation:ipro2 6s infinite; width: 100%;height: 1px; }

.i-pro .page li .b-r{right: 0; nimation:ipro3 6s infinite;-webkit-animation:ipro3 6s infinite; width: 1px;height: 100%; }

.i-pro .page li .b-b{bottom: 0; animation:ipro4 6s infinite;-webkit-animation:ipro4 6s infinite; width: 100%;height: 1px; }

.i-pro .page li.on .border{display: block;}



@keyframes ipro1{from {bottom:-100%;}to {bottom:0; }}

@-webkit-keyframes ipro1  {from {bottom:-100%;}to {bottom:0; }}



@keyframes ipro2{from {left: -100%;}to {left:0; }}

@-webkit-keyframes ipro2  {from {left: -100%;}to {left:0; }}



@keyframes ipro3{from {top:-100%;}to {top:0; }}

@-webkit-keyframes ipro3  {from {top:-100%;}to {top:0; }}



@keyframes ipro4{from {right: -100%;}to {right: 0;}}

@-webkit-keyframes ipro4  {from {right: -100%;}to {right: 0;}}



.i-ab{position: relative;color: #fff;background: url(img/i-ab-bg.jpg) center no-repeat;background-size: cover;}

.i-ab .i-ab-inner{position: relative;padding: 100px 0;}

.i-ab .xx .titn{color: #fff;}

.i-ab .xx .sumn{color: #fff;}

.i-ab .more{position: absolute;bottom: 110px;left: 0;}

.i-ab .xx{position: relative;width: 50%; padding-top: 30px;color: #fff;}

.i-ab .xx .sumn{margin-bottom: 114px;}

.i-ab .xx .tit{margin-bottom: 20px; font-size: 30px;line-height: 1em;}

.i-ab .xx .ftit{margin-bottom: 70px; font-size: 24px;line-height: 1em;}

.i-ab .xx .sum{margin-bottom: 156px; font-size: 16px;line-height: 36px;}

.i-ab .bimg{position: absolute;left: 0px;bottom: 220px;}

.q-zong{position: relative; width: 376px;height: 376px;}

.q-zong .wrapper{position: absolute;top: 0; width:50%;height: 100%;overflow: hidden; }

.q-zong .l{left: 0}

.q-zong .r{right: 0;}

.q-zong .wrapper .yuan{position: absolute; border:1px solid transparent;-webkit-transform: rotate(-135deg); width: 376px;height: 376px;box-sizing: border-box;border-radius: 50%; }

.q-zong .wrapper .yuan-l{left: 0; border-bottom:1px solid #fff;border-left:1px solid #fff;}

.q-zong .wrapper .yuan-r{right: 0; border-top:1px solid #fff;border-right:1px solid #fff;}

.q-zong .xxm{padding-top: 65px;text-align: center;color: #fff;}

.q-zong .xxm .mimg{height: 110px;}

.q-zong .xxm .mimg.oth{padding-top: 10px;box-sizing: border-box;}

.q-zong .xxm .img{display: block;margin:0 auto;}

.q-zong .xxm .num{margin-bottom: 30px; font-size: 60px;line-height: 42px; font-weight: bold;}

.q-zong .xxm span{}

.q-zong .xxm .sum{padding: 0 40px; font-size: 16px;line-height: 32px;}

.i-ab .qiu{width: 752px;margin-right: 60px;}

.i-ab .qiu .bottom {margin-top: -50px; display: flex;}

.i-ab .qiu .one{margin: 0 auto;}

.i-ab .qiu-h{display: none;}



.i-fz{position: relative;padding: 95px 0 110px;background: url(img/i-fz-bg.jpg) center no-repeat;background-size: cover;}

.i-fz .i-fz-inner{position: relative;}

.i-fz .main{position: absolute;left: 0;top: 0;z-index: 22;}

.i-fz .main .titn,.i-fz .main .sumn{color: #fff;}

.i-fz .i-fzm{}

.i-fz .i-fzm .swiper-slide{display: flex;justify-content: space-between;position: relative;}

.i-fz .i-fzm .swiper-slide .swiper-slide-word{position: absolute;bottom: 0;left: 0;width: 48%;height: auto;}

.i-fz .i-fzm .bimg{position: relative;width: 46.5%;}

.i-fz .i-fzm .bbimg{display: block;width: 100%;height: 100%;object-fit: cover;}

.i-fz .i-fzm .xx{position: relative;width: 47.4%;margin-top: 180px;color: #fff;}

.i-fz .i-fzm .xx .tit{margin-bottom: 25px; font-size: 30px;line-height: 1em;}

.i-fz .i-fzm .xx .sum{font-size: 16px;line-height: 30px;}

.i-fz .i-fzm .page{position: absolute;bottom: 30.362177%;right: 0;z-index: 9;}

#swiper6 .swiper-pagination{bottom:148px;right: 0;}

#swiper6 .swiper-pagination ul{width: 50px; color: #333;line-height: 15px;}

#swiper6 .swiper-pagination ul li{position: absolute;left: 0;right: 0;bottom: 0; font-size: 24px;font-weight: bold;line-height: 18px;}

#swiper6 .swiper-pagination .total{position: relative;margin-left: 50px; font-size: 16px; padding-left:5px;}  

#swiper6 .swiper-pagination .total:before{position: absolute;left: 0;bottom: 0; color: #333;font-weight: bold; content: "/"}



.footer{position: relative; background: #222;overflow: hidden;}

.footer .bimg{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}

.footer .foot-nav{padding:28px 0 0;margin-bottom: 30px; box-sizing: border-box;border-bottom: 1px solid #4e4e4e;}

.footer .foot-nav .l img{display: block;margin-top: 10px;}

.footer .foot-nav .r li{padding: 28px 0; float: left;margin-right: 110px; font-size: 18px;line-height: 30px;}

.footer .foot-nav .r li:last-child{margin-right: 0;}

.footer .foot-nav .r li a{color: #ccc;}

.footer .foot-con{margin-bottom: 100px;}

.footer .foot-con .l{max-width: 500px;}

.footer .foot-con .page{margin-bottom: 12px;}

.footer .foot-con li{position: relative;float: left;margin-right: 36px;padding-bottom: 27px; font-size: 18px;color: #ccc;transition: all .5s;cursor: pointer;}

.footer .foot-con li.on{color: #fff;}

.footer .foot-con li:after{position: absolute;left: 0;bottom: 0;display: none; width: 50px;height: 2px;background-color: #ccc; content: "";}

.footer .foot-con li.on:after{display: block;}

.footer .foot-con li span{position: relative;top: -4px;border-radius: 100%; display: inline-block;width: 4px;height: 4px;margin: 0 3px; background: #fff;}

.footer .foot-con .xx{line-height: 40px;}

.footer .foot-con .xx p{line-height: 40px;font-size: 16px;color: rgba(255,255,255,.8)}

.footer .foot-con .r .ewm{width: 123px;height: 123px;margin-bottom: 18px; border-radius: 5px;background: url(/static/img/ewm.png) no-repeat center ;}

.footer .foot-con .r .sum{text-align: center;font-size: 16px;line-height: 1em;color: #fff;}

.footer .foot-xx{position: relative; padding-bottom: 24px; font-size: 16px;line-height: 1em;color: rgba(255,255,255,.8);}

.footer .foot-xx .l{position:relative;display:flex; z-index: 999;}

.footer .foot-xx .l .gnba{position:relative;padding-left:30px;}

.footer .foot-xx .l .gnba img{position:absolute;left:10px;top:50%;transform:translateY(-50%);}

.footer .foot-xx a{color: rgba(255,255,255,.8);}



.fx-top{position: fixed;bottom: 50px;right: 20px;display: none; cursor: pointer;z-index: 99; }

.fx-top .progress1{position: relative; box-sizing: border-box; width: 60px;height: 60px;border-radius: 50%;border: 2px solid #00a2e9;transition: all .5s;}

.fx-top:hover .progress1{background: #00a2e9;}

.fx-top img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all .5s;}

.fx-top .img2{display: none;}

.fx-top:hover .img2{display: block;}

.fx-top:hover .img1{display: none;}

/*.fx-top .progress1 > span{position: absolute;top: 0;width: 50%;height: 100%;z-index: 1;overflow: hidden;}

.fx-top .progress1 .progress-left{left: 0;display: none;}

.fx-top .progress1 .progress-bar{position: absolute;top: 0;width: 100%;height: 100%;border: 2px solid #fff;box-sizing: border-box;}

.fx-top .progress1 .progress-left .progress-bar{left: 100%;border-top-right-radius: 80px;border-bottom-right-radius: 80px;

border-left: 0; -webkit-transform-origin: center left;transform-origin: center left;}

.fx-top .progress1 .progress-right{right: 0; display: none; }

.fx-top .progress1 .progress-right .progress-bar{left: -100%;border-top-left-radius: 80px;border-bottom-left-radius: 80px;border-right: 0;

-webkit-transform-origin: center right;transform-origin: center right;}

.fx-top:hover .progress1 .progress-right .progress-bar{animation: loading-1 3s linear  forwards;}

.fx-top .progress1 .progress-left .progress-bar{}

.fx-top:hover .progress1 .progress-left .progress-bar{animation: loading-2 3s linear forwards 3s;}

.fx-top .progress1 .dian{position: absolute;left: 50%;top:50%; transform: translate(-50%,-50%); width: 6px;height: 6px;border-radius: 100%; background: #fff;}

.fx-top img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}



@keyframes loading-1{

0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}

100%{-webkit-transform: rotate(180deg);transform: rotate(180deg);}

}



@keyframes loading-2{

0%{-webkit-transform: rotate(0deg);}

100%{-webkit-transform: rotate(180deg);}

}*/



.m-di{border-bottom: 2px solid #00a2e9;background: #f7fcff;}

.m-di ul{display: flex;padding: 15px 0 10px;flex-wrap: wrap;}

.m-di li{padding: 0 15px;margin-bottom: 5px; border-right: 1px solid #333;}

.m-di li:last-child{border-right: none;}

.m-di li a{font-size: 16px;line-height: 20px;color: #00a2e9;}

.m-di li:hover a{font-weight: bold;}

/*企业简介*/

.ab-wrap1{padding: 124px 0 92px;border-bottom: 1px solid #ccc;box-sizing: border-box; color: #333;overflow: hidden;}

.ab-wrap1 .l .sum{font-size: 40px;font-weight:bold;line-height: 72px;}

.ab-wrap1 .l .sum span{position: relative;}

.ab-wrap1 .l .sum span:after{position: absolute;bottom: -3px;left: 0; width:100%;height: 3px;background: #333; content: "";}

.ab-wrap1 .r{position: relative;top: 16px;overflow: hidden;}

.ab-wrap1 .r .img{position: absolute;top: 0;left: 50%;transform: translateX(-50%);}

.ab-wrap1 .r .sum{padding-top: 32px;}

.ab-wrap1 .r .sum .n{font-size: 120px;line-height: 85px;font-weight: bold;letter-spacing: -5px;}

.ab-wrap1 .r .sum .m{padding-left: 10px;margin-top: 18px; font-size: 16px;}



.ab-wrap2{padding: 80px 0 90px;overflow: hidden;}

.ab-wrap2 .l{max-width: 940px;}

.ab-wrap2 .l .sum{font-size: 16px;line-height: 30px;color: #666;}

.ab-wrap2 .l .sum p{margin-bottom: 30px; font-size: 16px;line-height: 30px;}

.ab-wrap2 .r{width: 425px;color: #333;}

.ab-wrap2 .r li{margin-bottom: 14px;}

.ab-wrap2 .r p{ font-size: 16px;line-height: 30px;}

.ab-wrap2 .r .tit{font-weight: bold; color: #00a2e9;}

.ab-wrap2 .r .sum{width: 324px;}



.ab-wrap3{position: relative;padding-bottom: 200px;}

.ab-wrap3 .xx{width: 78.125%;margin: 0;}

.ab-wrap3 .xx .img{display: block;max-width: 100%;height: auto;}

.ab-wrap3 .r{padding-top: 220px;padding-left: 66px;}

.ab-wrap3 .r .p{display: flex;justify-content: center;align-items: center; width: 66px;height: 66px;box-sizing: border-box;border: 1px solid #999;border-radius: 100%;outline: none;cursor: pointer;}

.ab-wrap3 .r .p img{transition: all .5s;}

.ab-wrap3 .r .prev:hover img{margin-right: 10px;}

.ab-wrap3 .r .prev img{transform: rotate(180deg);}

.ab-wrap3 .r .next{margin-top: 34px;}

.ab-wrap3 .r .next:hover img{margin-left: 10px;}

.ab-wrap3 .jl{position: absolute;right: 200px;bottom: 106px;--fill-color: #00a2e9;width: 757px;height: 255px;

-webkit-text-stroke: 1px var(--fill-color); background: linear-gradient(var(--fill-color) 0 100%) left/0 no-repeat;color: transparent;

-webkit-background-clip:text;transition: 0.5s linear;font-size: 342px;line-height: 254px;z-index: 9;cursor: pointer;}

.ab-wrap3 .jl:hover {background-size: 100%;}

/*.ab-wrap3 .jl{position: absolute;right: 200px;bottom: 106px;width: 757px;height: 255px; background:url("/static/img/jiuli.png") no-repeat center;}

.ab-wrap3 .jl:hover img{filter:drop-shadow( 16px 0 0px red);}*/

.ab-wrap3 .jl img{position: absolute;right: 0;top: 0; transition: all 1s;}

.ab-wrap3 .jl .img2{opacity: 0;}

.ab-wrap3 .jl:hover .img1{opacity: 0;}

.ab-wrap3 .jl:hover .img2{opacity: 1;}





.ab-wrap4{padding-bottom: 220px;overflow: hidden;}

.ab-wrap4 .top{padding-bottom: 68px; color: #333;}

.ab-wrap4 .top .tit{font-size: 48px;line-height: 94px;font-weight: bold;}

.ab-wrap4 .top .tit span{position: relative; color: #00a2e9;}

.ab-wrap4 .top .tit span:after{position: absolute;left: 0;bottom: -3px; width: 100%;height: 4px;background: #00a2e9; content: "";}

.ab-wrap4 .bottom .l{padding: 50px 0 20px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}

.ab-wrap4 .bottom .l{width: 50%;}

.ab-wrap4 .bottom .l .tit{margin-bottom: 138px; font-size: 24px;line-height: 1em; color: #333;}

.ab-wrap4 .bottom .l .sum{padding-right: 52px; font-size: 16px;line-height: 30px; color: #666;}

.ab-wrap4 .bottom .l .sum p{margin-bottom: 30px; font-size: 16px;line-height: 30px; color: #666;}

.ab-wrap4 .bottom .r{width: 50%;padding-top: 76px;}

.ab-wrap4 .bottom .r .img{display: block;max-width: 100%;height: auto;}



/*二级导航*/

.localNav_area{height: 60px; box-sizing: border-box;border-bottom: 1px solid #e6e6e6; background: #f7f7f7;}

.localNav_area .localNav{height: 100%;}

.localNav_area .home{width: 60px;height: 100%; border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;  display: flex;justify-content: center;align-items: center;}

.localNav_area .b{box-sizing: border-box;width: 224px;height: 100%;padding-left: 20px; border-right:1px solid #e6e6e6;font-size: 16px;line-height: 60px;color: #333; }

.localNav_area .localNav_1 {}

.menuLink{position: relative;}

.menuLink .open{position: relative; display: block;width: 100%; color: #333; }

.menuLink .open .img{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);transition: all .5s;}

.menuLink .open .img.xz{transform: translateY(-50%)rotate(180deg);}

.menuLink .menu {display:none; position:absolute; top:100%; left:0px; padding:15px 0px; border:1px solid #ccc; background:#fff; width:100%;  z-index:1030;}

.menuLink .menu a {position:relative;display:block; white-space:nowrap;  font-size:16px; padding:12px 38px 12px 20px; background:#fff; line-height:1.2;z-index:1030;color: #666;}

.menuLink .menu a:hover{color:#fff; text-decoration:none; background:#00a0e9;}

.menuLink .menu li.on a {color:#fff; text-decoration:none; background:#00a0e9;}



/*发展历程*/

.banner{height:490px; }

.ab-banner .txt{padding-top: 294px;}

.ab-banner .txt .tit{position: relative;padding-left: 70px;margin-bottom: 38px; font-size: 18px;line-height: 1em;color: #fff;}

.ab-banner .txt .tit:before{position: absolute;left: 0;top: 50%;transform: translateY(-50%); width: 50px;height: 2px;background: #fff; content: "";}

.ab-banner .txt .sum{font-size: 48px;font-weight: bold;line-height: 1em; color: #fff;}



.fzlc{position: relative;padding-top: 142px;margin-bottom: 116px;}

.fzlc .bg-tit{position: absolute;top: 152px;}

.fzlc .tit{padding-top: 92px; font-size: 48px;font-style: italic;font-weight: 400;line-height: 45px;letter-spacing: 2px; color: #222;}

.fzlc .tit span{position: relative; color: #00a2e9;}

.fzlc .tit span:after{position: absolute;left: 0;top: 100%; width: 102px;height: 5px;background: #00a2e9; content:""; }



.fzlc-n{position: relative;min-height: 600px;overflow: hidden;}

.fzlc-n .fzlcmn{height:515px;padding-top: 5px!important;}

.fzlc-n .fzlcmn .time{ font-size: 60px;line-height: 44px;color: #333;}

.fzlc-n .fzlcmn .swiper-slide{height: 44px;margin-bottom: 30px;opacity: .3;cursor: pointer;}

.fzlc-n .fzlcmn .swiper-slide-active{height: 72px;opacity: 1!important;}

.fzlc-n .fzlcmn .swiper-slide-active .time{font-size: 100px;line-height: 72px; font-weight: bold; }

/*.op1{opacity: .3!important;}

.op2{opacity: .2!important;}

.op3{opacity: .05!important;}*/



.fzlc-n .fzlc-main{width: 76.4534884%;padding-bottom: 200px;}

.qdbz .imgb{margin-bottom: 30px;}

.qdbz .imgb .img{width: 100%;height: auto;}

.qdbz .xx{width: calc(100% - 150px)}

.qdbz .tit{font-size: 18px;line-height: 22px; color: #333;}

.qdbz .page{position: absolute;bottom: 0;right: 0;z-index: 2;}

.qdbz .page .more .jt{margin-left: 27px;}





/*企业CIS*/

.cis{color: #000;}

.cis .titn{font-size: 40px;line-height: 38px;}

.cis .sum{font-size: 18px;line-height: 36px;}

.cis-warp1{padding: 74px 0 80px;border-bottom: 1px solid #e6e6e6;}

.cis-warp1 .titn{margin-bottom: 82px;}

.cis-warp1 .main li{float: left;}

.cis-warp1 .main li:first-child{margin-right: 224px;}

.cis-warp1 .main li .t{margin-bottom: 42px;}

.cis-warp1 .main li .img{display: block;}

.cis-warp1 .main li .b{max-width: 450px;}



.cis-warp2{padding: 100px 0 71px;border-bottom: 1px solid #e6e6e6;}

.cis-warp2 .titn{margin-bottom: 50px;}

.cis-warp2 ul{margin-bottom: 44px;}

.cis-warp2 li{float: left;margin-right: 40px;}

.cis-warp2 li .t{width: 250px;height: 100px;margin-bottom: 11px;}

.cis-warp2 li .t.blue{background: #01aef0;}

.cis-warp2 li .t.black{background: #000;}

.cis-warp2 li .t.gray{background: #ebebeb;}

.cis-warp2 li .t.white{border: 1px solid #000; background: #fff;}

.cis-warp2 li .t.yellow{background: #ffff01;}

.cis-warp2 .ps .sum.in{text-indent: 33px;}



.cis-warp3{padding: 100px 0 306px;background: url(/static/img/cis3.png) no-repeat bottom;}

.cis-warp3 .titn{margin-bottom: 58px;}

.cis-warp3 ul{display: flex;justify-content: space-between;}

.cis-warp3 li{width: 474px;}

.cis-warp3 li .t{padding: 10px 30px;margin-bottom: 21px; background: #f7f7f7;}

.cis-warp3 li .t .l{margin-right: 28px;}

.cis-warp3 li .t .r{margin-top: 19px;}

.cis-warp3 li .t .tit{margin-bottom: 14px; font-size: 30px;line-height: 28px;font-weight: bold;color: #333;}

.cis-warp3 li .t .summ{font-size: 18px;line-height: 26px;font-weight: bold;color: #333;}

.cis-warp3 li .b .sum{font-size: 16px;line-height: 30px;}



/*管理层*/

.gl-warp1{position: relative; padding: 82px 80px 80px;box-sizing: border-box;border-bottom: 1px solid #ccc;overflow: hidden;}

.gl-warp1 .main{position: relative;}

.gl-warp1 .bg{position: absolute;left: 0; top: 513px;height: 400px; width: 100%;background: #f2f2f2;}

.gl-warp1 .bimg{overflow:hidden;}

.gl-warp1 .bimg .img{display: block;max-width: 100%;transition: all .5s;}

.gl-warp1 .bimg:hover .img{transform: scale(1.1);}

.gl-warp1 .main .r{max-width: 912px;color: #333;}

.gl-warp1 .main .r{padding-top: 50px;}

.gl-warp1 .main .r .tit{margin-bottom: 18px; font-size: 40px;line-height: 38px;font-weight: bold;}

.gl-warp1 .main .r .sum{margin-bottom: 22px; font-size: 24px;line-height: 28px;font-weight: bold;}

.gl-warp1 .main .r .line{margin-bottom: 21px; width: 50px;height: 2px;background: #0094d9;transition: all .5s;}

.gl-warp1 .main:hover .line{width: 60%;}

.gl-warp1 .main .r .summ{font-size: 16px;line-height: 30px;color: #666;}

.gl-warp1 .b .r{padding-top: 274px;}



.gl-warp2{padding: 80px 0 117px;}

.gl-warp2 li{float: left;width: 23.255814%;margin-right: 2.3255814%;cursor: pointer;}

.gl-warp2 li:nth-child(4n){margin-right: 0;}

.gl-warp2 li .t{overflow: hidden;}

.gl-warp2 li .t .img{display: block;width: 100%;height: auto;transition: all .5s;}

.gl-warp2 li .b{padding-bottom: 45px; color: #333;}

.gl-warp2 li .b .tit{margin: 29px 0 0;height: 60px;font-size: 30px;line-height: 1em; font-weight: bold;}

.gl-warp2 li .b .sum{height: 60px; font-size: 18px;line-height: 30px;overflow:hidden;}

.gl-warp2 li:hover .t .img{transform: scale(1.1);}



.layui-layer-setwin .layui-layer-close2{background:url(/static/img/close.png) no-repeat; }

.gl-read{padding: 10px;box-sizing: border-box;}

.gl-read .bimg img{display: block;}

.gl-read .xx{width: 530px;padding-top: 50px;}

.gl-read .xx .tit{ font-size: 30px;font-weight: bold;line-height: 40px; color: #333;}

.gl-read .xx .tx{border-bottom: 1px dashed #666;padding-bottom: 20px;line-height: 30px;font-size: 18px;}

.gl-read .xx .sum{padding: 20px 30px 0 0;}

.gl-read .xx .sum p{font-size: 16px;line-height: 30px;color: #666;}

/*领导关怀*/

.ldgh a{color: #fff;}

.ldgh .main{position: relative;float: left;width:20%; margin-bottom: 60px;text-align: left;}

.ldgh .main.oth{width:22.0930233%; }

.ldgh .main:hover .bimg img{transform: scale(1.1);}

.ldgh .main .bimg{overflow:hidden;}

.ldgh .main .bimg img{width: 100%;height: auto;display: block;transition: all .5s;}

.ldgh .main .xx{ padding:10px 15px 0; z-index: 2;}

.ldgh .main .xx .sum{height: 60px; font-size: 18px;line-height: 30px;color: #333;}

.ldgh-warp1{padding: 64px 0 0;border-bottom: 1px solid #e6e6e6;}

.ldgh-warp1 li{margin-right: 3.8953488%;}

.ldgh-warp1 li:first-child{width: 48.0232558%;}

.ldgh-warp1 li:first-child .xx{}

.ldgh-warp1 li:first-child .xx .sum{height: 44px; font-size: 30px;line-height: 44px;}

.ldgh-warp1 li:nth-child(3){margin-right: 0;}

.ldgh-warp1 li:nth-child(5){margin-right: 0;}



.ldgh-warp2 {padding: 60px 0 160px;text-align: center;}

.ldgh-warp2 ul{margin-bottom: 56px;}

.ldgh-warp2 li{margin-right: 3.875969%;}

.ldgh-warp2 li:nth-child(4n){margin-right: 0;}

/*.ldgh-warp2 li.oth .xx{position: static;padding-top: 10px;}

.ldgh-warp2 li.oth .xx .sum{color: #333;}*/

.ldgh-warp2 .news-fy{display: inline-block;color: #fff;}

.ldgh-warp2 .news-fy a{display: inline-block;margin: 0 10px; width: 40px;height: 40px;font-size: 16px;

  text-align: center;line-height: 40px;background: #ccc;color: #fff; transition: all .5s;}

.ldgh-warp2 .news-fy a:hover{background: #00a2e9;}

.ldgh-warp2 .news-fy .now{display: inline-block;margin: 0 10px; width: 40px;height: 40px;font-size: 16px;

  text-align: center;line-height: 40px;background: #00a2e9;transition: all .5s;}



/*资质荣誉*/

.ry{width: 83.333333%;margin: 0 auto;}

.ry-nav{padding: 62px 0 22px;box-sizing: border-box;border-bottom: 1px solid #999; color: #333;}

.ry-nav .tit{font-size: 24px;line-height: 22px;font-weight: bold;}

.ry-nav ul{display: flex;justify-content: space-between;}

.ry-nav li{position: relative; }

.ry-nav li:first-child{margin-right: 145px;}

.ry-nav li:before{position: absolute;left: -30px;top: 3px; width:20px;height: 20px;border: 6px solid #ccc;border-radius: 100%;

  box-sizing: border-box; content:"";transition: all .3s;}

.ry-nav li.on:before{border: 6px solid #00a2e9;}

.ry-nav li:hover:before{border: 6px solid #00a2e9;}

.ry-nav li a{display: block;padding-top: 6px; font-size: 16px;line-height: 16px;color: #333;}



.ry-main{padding: 50px 0 170px; text-align: center;}

.ry-main ul{margin-bottom: 69px;}

.ry-main li{float: left;margin-right: 3.125%;width: 17.5%;margin-bottom: 35px;cursor: pointer;}

.ry-main li:nth-child(5n){margin-right: 0;}

.ry-main li .bimg{position: relative;height: 205px;margin-bottom: 27px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,.2);}

.ry-main li .bimg img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 90%;max-height: 90%;transition: all .5s;}

.ry-main li .xx{position: relative; padding-left: 50px;height: 48px;overflow:hidden;transition: all .5s;}

.ry-main li .xx:before{position: absolute;left: 2px;top: 9px; width: 30px;height: 3px;background: #ccc; content: "";transition: all .5s;}

.ry-main li .xx .sum{font-size: 18px;text-align: left; line-height: 24px;color: #666;}

.ry-main li:hover .bimg img{transform:translate(-50%,-50%)scale(1.1);}

.ry-main li:hover .xx{padding-left: 60px;}

.ry-main li:hover .xx:before{left: 12px;}

.ry-main .news-fy{display: inline-block;color: #fff;}

.ry-main .news-fy a{display: inline-block;margin: 0 10px; width: 40px;height: 40px;font-size: 16px;

  text-align: center;line-height: 40px;background: #ccc;color: #fff; transition: all .5s;}

.ry-main .news-fy a:hover{background: #00a2e9;}

.ry-main .news-fy .now{display: inline-block;margin: 0 10px; width: 40px;height: 40px;font-size: 16px;

  text-align: center;line-height: 40px;background: #00a2e9;transition: all .5s;}



/*子公司*/

.zgs-warp1{padding: 60px 0; display: flex;justify-content: space-between;}

.zgs-warp1 .mc{position: relative;width: 25%; display: flex;justify-content: center;align-items: center;box-sizing: border-box;border-right: 1px solid #eee;padding:30px 30px 60px;}

.zgs-warp1 .mc:first-child{border-left: 1px solid #eee;}

.zgs-warp1 .mc .xx{padding-left: 15px;}

.zgs-warp1 .mc .xx .tit{font-size: 24px;line-height: 40px;color: #00a2e9;}

.zgs-warp1 .mc .jt{position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);width: 15px; transition: all .5s;}

.zgs-warp1 .mc:hover .jt{bottom: 10px;}



.zgs-warp2{position: relative;padding: 50px 0;  overflow: hidden;}

.zgs-warp2 .bg img{position: absolute;width: 100%;top: 110px; height: auto;}

.zgs-warp2 li .md{position: relative;top: -170px;}

.zgs-warp2 li{position: relative;width: 1110px;margin-bottom:80px;padding: 50px;  float: left;box-shadow: 20px 20px 40px 0px rgba(0, 0, 0, 0.1);background: #fff;}

.zgs-warp2 li:nth-child(2n){float: right;}

.zgs-warp2 li .main{position: relative;left: 5.20833335%;max-width: 80%;}

.zgs-warp2 li:nth-child(2n) .main{left: auto;right: 5.20833335%;float: right;}

.zgs-warp2 li .bimg{margin-bottom: 30px; overflow: hidden;}

.zgs-warp2 li .bimg img{width: 100%;height: auto; transition: all .5s;}

.zgs-warp2 li .bimg:hover img{transform: scale(1.1);}

.zgs-warp2 li .xx .tit{margin-bottom: 23px; font-size: 30px;font-weight: bold;line-height: 40px;}

.zgs-warp2 li .xx .sum{font-size: 16px;line-height: 36px;}

.zgs-warp2 li .xx a{color: #666;}



/*媒体聚集*/

.news .top{padding: 68px 0 32px;box-sizing: border-box;border-bottom: 1px solid #e6e6e6;overflow: hidden; }

.news .top .l{width: 36.9767442%;}

.news .top .news-m{width: 100%;padding-bottom: 36px;margin-bottom: 34px;box-sizing: border-box; border-bottom: 1px solid #e6e6e6;}

.news .top .news-m a{color: #333;transition: all .5s;}

.news .top .news-m:nth-child(2){border: none;}

.news .top .news-m .tit{margin-bottom: 21px; max-width: 400px;height: 72px; font-size: 24px;font-weight: bold;line-height: 36px; color: #333;overflow: hidden;}

.news .top .news-m .sum{margin-bottom: 31px;height: 60px;overflow: hidden; font-size: 16px;line-height: 30px;color: #333;}

.news .top .news-m .more .jt{margin-left: 0;}

.news .top .news-m:hover a{color: #00a2e9;}

.news .top .news-n{float: right; margin-top: 6px;}

.news .top .r{position: relative; width: 58.1395349%;color: #fff;}

.news .top .r .news-n .mimg{position: relative;}

.news .top .r .news-n .img{display: block;width: 100%;height: 484px;}

.news .top .r .news-n .mimg:after{position: absolute;content: ""; top: 0;left: 0; width: 100%;height: 100%;background-image: linear-gradient(rgba(255,255,255,.1), rgba(0,0,0,.8));}

.news .top .r .news-n .xx{position: absolute;left: 50px;bottom: 40px;z-index: 3;}

.news .top .r .news-n .xx .tit{margin-bottom: 20px; height: 30px;max-width: 90%; font-size: 30px;font-weight: bold;overflow: hidden;}

.news .top .r .news-n .xx .sum{max-width:78.4%; font-size: 16px;line-height: 30px;max-height: 60px;overflow: hidden;}

.news .top .r .news-n .xx a{color: #fff;}



.news .bottom{padding: 74px 0 200px;}

.news .bottom ul{margin-bottom: 83px;}

.news .bottom li{float: left; width: 22.6744186%;margin-right: 3.10077519%;padding-bottom: 80px;}

.news .bottom li:nth-child(4n){margin-right: 0;}

.news .bottom li .xx .tit{height: 76px;margin-bottom: 15px;font-weight: bold; line-height: 38px; font-size: 22px;color: #333;overflow: hidden;}

.news .bottom li .xx .tit a{color: #333;}

.news .bottom li .xx .sum{height: 90px;margin-bottom: 42px; line-height: 30px; font-size: 16px;color: #808080;overflow: hidden;}

.news .bottom li .xx .sum a{color: #808080;}

.news .bottom li .xx .xx-n{display: flex;justify-content: space-between;}

.news .bottom li .xx .xx-n .time{font-size: 16px;line-height: 24px; color: #333;}

.news .bottom li .bimg{margin-bottom: 22px; overflow: hidden;}

.news .bottom li .bimg img{width: 100%;height: auto;display: block; transition: all .5s;}

.news .bottom li .bimg a{display: block;}

.news .bottom li:hover .bimg .img{transform: scale(1.1);}

.news .bottom li:hover .xx .sum a {color: #00a2e9;}

.news .bottom .news-fy{position: relative;left: 50%;transform: translateX(-50%); display: inline-block;color: #fff;}

.news .bottom .news-fy a{display: inline-block;margin: 0 10px; width: 40px;height: 40px;font-size: 16px;

  text-align: center;line-height: 40px;background: #ccc;color: #fff; transition: all .5s;}

.news .bottom .news-fy a:hover{background: #00a2e9;}

.news .bottom .news-fy .now{display: inline-block;margin: 0 10px; width: 40px;height: 40px;font-size: 16px;

  text-align: center;line-height: 40px;background: #00a2e9;transition: all .5s;}



.read{position: relative;padding: 79px 0 204px;}

.read .xx{width: 30.2325581%;padding-top: 28px; color: #333;}

.read .xx .tit{font-size: 30px;font-weight: bold;line-height: 48px;}

.read .xx .line{margin: 20px 0 26px; width: 48px;height: 2px;background: #0094d9;}

.read .xx .sum{display: flex; }

.read .xx .sum p{margin-right: 16px; font-size: 16px;line-height:24px;}

.read .main{width: 62.7906977%;box-sizing: border-box;padding: 24px 68px 130px;min-height: 530px; background: #f7f7f7;color: #333;}



.read .main span.mceItem-movie{position: relative; width: 100%!important;height: 500px;}

.read .main span.mceItem-movie video{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 90%;max-height: 90%;}

.read .main p{font-size: 16px;line-height: 48px;text-indent: 32px;}

.read .main img{display: block;max-width: 100%;height: auto;margin: 0 auto 10px;}

.read table.tableforshow{border:0!important;border-collapse:collapse!important;border-bottom:1px solid #fff!important;border-right:1px solid #fff!important;margin-bottom:14px!important;width:100%;font:inherit;font-size: 16px;line-height: 30px;text-align: center;}

.read table.tableforshow p,.read table.tableforshow div{margin-bottom:0}

.read table.tableforshow th,.read table.tableforshow td{border:0!important;border-left:1px solid #fff!important;border-top:1px solid #fff!important;color:#333333;padding:0.5em!important;margin:0!important;font:inherit}

.read table.tableforshow th{background-color:#E8F6FF!important;}  

/*.read table.tableforshow tr:hover{background-color:#F2F7FB!important;transition:all 0.6s} 

*/.read table.tableforshow caption {text-align:center;font-size:14px;font-weight:bold;line-height:1.8em}

.read table.tableforshow tr:nth-child(odd){  background: rgba(0,162,233,.5); }

.read table.tableforshow tr:nth-child(even){ background: rgba(0,162,233,.2);}

.read table.tableforshow tr:first-child{background: #00a2e9;}

.read table.tableforshow tr:first-child td{color: #fff;font-weight: bold;}

.read table.ghbs tr:nth-child(odd){ background: rgba(0,162,233,.5); }

.read table.ghbs tr:nth-child(even){ background: rgba(0,162,233,.2);}

.read .main .bottom{padding: 32px 0 0 32px;}

.read .main .zwsq{position: relative; font-size: 16px;line-height: 30px;color: #00a2e9;}

.read .viewpage-link{position: absolute;left: 0;top: 325px; max-width: 30%;}

.read .viewpage-link li{margin-bottom: 20px; font-size: 16px;line-height: 28px;font-weight: bold;}

.read .viewpage-link li a{color: #333;transition: all .3s;}

.read .viewpage-link li:hover a{color: #00a2e9;}

/*联系我们*/

.con-wrap1{position: relative;margin-bottom: 90px; }

.con-wrap1 .bimg{display: block;margin: 0 auto 66px;}

.con-wrap1 .main{/**/margin-top: -124px;}

.con-wrap1 .l{width: 58.1395348%;padding:2px 2px 13px;box-sizing: border-box;background: #f7f7f7;}

.con-wrap1 .map{display: block; width: 100%;height: 556px;box-shadow:0px 0px 5px rgba(0,0,0,.3); }

.con-wrap1 .main .r{position: absolute;right: 0;bottom: 0; width:41.8604651%; padding: 52px 10px 0 90px; box-sizing: border-box; background: #f7f7f7;color: #333;}

.con-wrap1 .main .r .tit{margin-bottom: 24px; font-size: 36px;line-height: 52px;font-weight: bold; }

.con-wrap1 .main .r .sum{margin-bottom: 24px; font-size: 18px;line-height: 30px;}

.con-wrap1 .main .r .bg{margin-bottom: 28px; width: 45px;height: 3px;background: #00a2e9;}

.con-wrap1 .main .r li{margin-bottom: 9px; font-size: 18px;line-height: 30px;}

.con-wrap1 .main .bot{padding: 18px 0 27px 70px; background: #f7f7f7;}

.con-wrap1 .main .bot li{float: left;margin-right: 54px;cursor: pointer;margin-bottom: 10px;}

.con-wrap1 .main .bot li span{position: relative;left: 10px;top: -6px; display: inline-block;color: #333; font-size: 18px;transition: all .5s;}

.con-wrap1 .main .bot li span:after{position: absolute;left: 0;bottom: -12px;display: none; width: 100%;height: 2px; background: #00a2e9; content: "";transition: all .5s;}

.con-wrap1 .main .bot li img{transition: all .3s;}

.con-wrap1 .main .bot li .img2{display: none;}

.con-wrap1 .main .bot li.on .img2{display: inline-block;}

.con-wrap1 .main .bot li.on .img{display: none;}

.con-wrap1 .main .bot li.on span:after{display: block;}

.con-wrap1 .main .bot li.on span{color: #00a2e9;}

.con-wrap1 .main .bot li:hover .img2{display: inline-block;}

.con-wrap1 .main .bot li:hover .img{display: none;}

.con-wrap1 .main .bot li:hover span:after{display: block;}

.con-wrap1 .main .bot li:hover span{color: #00a2e9;}

.con-wrap1 .main .page{display: none;}

.anchorBL{display: none;}

.BMap_Marker{width: 32px!important;height: 37px!important;}

.BMap_Marker div{width: 32px!important;height: 37px!important; background: url(/static/img/c5.png) no-repeat center!important;}

.BMap_Marker div img{display: none;}

.BMap_Marker:nth-child(2){display: none;}



.con-wrap2{display: flex;justify-content: space-between;margin-bottom: 140px; box-sizing: border-box;border-top: 1px solid #e6e6e6;}

.con-wrap2 .item{position: relative; margin-top: 74px; width:30.93023026%;height: 400px; border-radius: 8px; 

box-sizing: border-box;padding: 50px 0 0 40px;  box-shadow: 0px 0px 20px rgb(0,0,0,.2);color: #333; }

.con-wrap2 .item .top{position: absolute;top: -74px;left: 50%;transform: translateX(-50%);}

.con-wrap2 .item .top .bg{width: 30px;height: 3px;margin-bottom: 18px; background: #00a2e9;}

.con-wrap2 .item .top .num{font-size: 18px;line-height: 14px;text-align: center;}

.con-wrap2 .item1{background: url(/static/img/c6.png) no-repeat 205px bottom;}

.con-wrap2 .item2{background: url(/static/img/c7.png) no-repeat 188px bottom;}

.con-wrap2 .item3{background: url(/static/img/c8.png) no-repeat 190px bottom;}

.con-wrap2 .item .tit{margin-bottom: 38px; font-weight: bold;font-size: 30px;line-height: 1em;}

.con-wrap2 .item .sum{max-width: 356px; font-size: 16px;line-height: 38px;}

.con-phide{display: none;}



.con-wrap3{padding: 88px 0; background: url(/static/img/c9.jpg) no-repeat center;}

.con-wrap3 .titn{margin-bottom: 54px; font-size: 36px;line-height: 1em;text-align: center;font-weight: bold; color: #fff;}

.con-wrap3 .main{width: 1065px;margin: 0 auto;}

.con-wrap3 .main ul{padding-bottom: 15px;}

.con-wrap3 .main li{margin-bottom: 35px; box-sizing: border-box;padding-bottom: 20px;border-bottom: 1px solid #6e7173;}

.con-wrap3 .main li .top{margin-bottom: 12px; display: flex;justify-content: space-between;}

.con-wrap3 .main li .top .tit{font-size: 24px;line-height: 1em;color: rgba(255,255,255,.8);}

.con-wrap3 .main li .top .time{padding-top: 8px; font-size: 16px;color: #fff;}

.con-wrap3 .main li .bottom .sum{max-height: 38px; font-size: 16px;line-height: 38px; color: #fff;overflow: hidden;}

.con-wrap3 .main .con-more{display: block; width: 200px;height: 50px;border: 1px solid #fff; margin: 0 auto;

  box-sizing: border-box;text-align: center;line-height: 50px;font-size: 16px;color: #fff;transition: all .5s;}

.con-wrap3 .main .con-more:hover{background: #00a2e9;border-color: #00a2e9;}





.con-wrap4{padding: 110px 0 238px; background: url(/static/img/c10.jpg) no-repeat center;}

.con-wrap4 .titn{margin-bottom: 52px; text-align: center;font-weight: bold; font-size: 36px;line-height: 1em;color: #333;}

.con-wrap4 .from{width: 1302px;height: 387px; margin: 0 auto;text-align: center;}

.con-wrap4 .from .l{width: 600px;}

.con-wrap4 .from .r{width: 600px;}

.con-wrap4 .from input{display: block;font-size: 16px;line-height: 56px; color: #999; outline: none; background: none;}

input::-webkit-input-placeholder {color: #999;}

.con-wrap4 .from .infoInput{width:100%;border-bottom: 1px solid #b7b6b6;

border-left: none;border-right: none;border-top: none;margin-bottom: 38px;}

.con-wrap4 .from textarea{display: block; height: 151px;font-size: 16px;color: #999;line-height: 56px;outline: none;

overflow: auto;resize: none; background: none;}

.con-wrap4 .from .button{position: relative;box-sizing: border-box;border: 2px solid #999;width: 300px;height: 60px;

display: flex; justify-content: center;align-items: center;font-size: 18px;color: #333; cursor: pointer;transition: all .5s;}

/*.con-wrap4 .from .tj:before{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 0; height: 0;content:"";background: #00a2e9;transition: all .5s;

transition-delay: 1.7s;-webkit-transition-delay: 1.7s;}*/

.con-wrap4 .from .tj{position: relative; overflow: unset;display: inline-block;}

/*.con-wrap4 .from .tj .line{position: absolute;width: 0;height: 0; background: #00a2e9;z-index: 2;transition: all .5s;}

.con-wrap4 .from .tj .line1{right: 0;bottom: 0;}

.con-wrap4 .from .tj .line2{left: 0;bottom: 0;transition-delay: .4s;-webkit-transition-delay: .4s;}

.con-wrap4 .from .tj .line3{left: 0;top: 0;transition-delay: .8s;-webkit-transition-delay: .8s;}

.con-wrap4 .from .tj .line4{right: 0;top: 0;transition-delay: 1.2s;-webkit-transition-delay: 1.2s;}

.con-wrap4 .from .tj:hover{overflow: hidden;}

.con-wrap4 .from .tj:hover .line1{width: 100%;height: 2px;}

.con-wrap4 .from .tj:hover .line2{width: 2px;height: 100%;}

.con-wrap4 .from .tj:hover .line3{width: 100%;height: 2px;}

.con-wrap4 .from .tj:hover .line4{width: 2px;height: 100%;}

.con-wrap4 .from .tj:hover:before{width: 100%;height: 100%;}*/

.con-wrap4 .from .tj:hover .button{color: #fff;background: #00a2e9;border: none;}

.con-wrap4 .from .bd-m{margin-bottom: 40px;}



/*人才招聘*/

.rc{padding: 89px 0 179px;text-align: center; color: #333;}

.rc ul{margin-bottom: 104px;}

.rc li{position: relative; float: left;width: 46.627907%;margin-right: 6.74418605%;margin-bottom: 27px; text-align: left;opacity: 1!important;}

.rc li:nth-child(2n){margin-right: 0;}

.rc .titn{margin-bottom: 17px; font-size: 30px;line-height: 36px;}

.rc .need{display: flex;margin-bottom: 23px;}

.rc .need .mn{display: flex;margin-right: 45px;}

.rc .need .mn:last-child{margin-right: 0;}

.rc .need .mn .img{display: block;}

.rc .need .mn p{margin-left: 10px; font-size: 16px;line-height: 22px;}

.rc .main{ box-sizing: border-box;padding: 19px 34px 92px 24px; background: #f7f7f7;z-index: 0;}

.rc .main .height{height: 120px;overflow:hidden;transition: all 1s;}

.rc .main .tit{font-size: 16px;line-height: 30px;font-weight: bold; color: #0094d9;}

.rc .main .sum{height: 30px;text-overflow: ellipsis;white-space: nowrap; font-size: 16px;line-height: 30px;overflow: hidden;}

.rc .main .email{padding-top: 26px; font-size: 16px;line-height: 30px;}

.rc .main .email span{color: #0094d9;font-weight: bold;}

.rc .btn{position: absolute;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center; width: 200px;height: 50px;background: #0094d9;cursor: pointer;overflow: hidden;}

.rc .btn:after{position: absolute;top: -100%; width: 100%;height: 100%;background: #fff; content: "";transition: all .5s;}

.rc .btn:hover:after{top: 0;}

.rc .btn p{margin-right: 9px;line-height: 21px; font-size: 16px;color: #fff;transition: all .5s;z-index: 2;}

.rc .btn .sum1{display: none;}

.rc .btn img{display: block;transform: rotate(180deg);transition: all .5s;z-index: 2;}

.rc .btn .img2{display: none;}

.rc .btn:hover .img1{display: none;}

.rc .btn:hover .img2{display: block;}

.rc .btn:hover p{color: #00a2e9;}

.zwsq{position: absolute; bottom: 17px;padding-left: 30px; font-size: 16px;color: #333;}

.rc .zwsq:hover{color: #00a2e9;}

.zwsq:before{position: absolute;left: 0;top: 50%;transform: translateY(-50%); width: 20px;height: 20px;background: url(/static/img/zw.png) no-repeat center; content:"";}

.sq-main{position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: none; background: rgba(0,0,0,.45);z-index: 9999999;}

.sq-main .form{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}

.sq-form{position: relative; width: 94%;max-width: 1000px;padding: 80px 100px;box-sizing: border-box;background: #fff;}

.sq-form .close{position: absolute;right: 0;top: 0;cursor: pointer;}

.sq-form .close img{display: block;}

.sq-form .row{margin-bottom: 15px;}

.sq-form .row .message{height: 80px;}

.sq-form .file-info{font-size: 16px;line-height: 30px;color: #666;}

.sq-form .row-submit{display: flex;justify-content: space-between;padding-top: 10px;}

.sq-form .row-submit .file-box{position: relative;}

.sq-form .row-submit .file-box input{position: absolute;left: 0;top: 0;width: 155px;height: 50px;opacity: 0;cursor: pointer;}

.sq-form .row-submit .file-box span{display: block;width: 155px;height: 50px;background: #00a2e9;font-size: 18px;color: #fff;line-height: 50px;text-align: center;cursor: pointer;}

.sq-form .row-submit .submit{width: 185px;height: 50px;border: none;outline: none; font-size: 18px;color: #fff;line-height: 50px;text-align: center;background: #00a2e9;cursor: pointer;transition: all .5s;}

.sq-form .row-submit .submit:hover{background: #fff;color: #00a2e9;}

.ant-input {position: relative;display: inline-block; width: 100%;height: 50px;padding: 4px 11px;box-sizing: border-box;margin: 0; border: 1px solid #E5E5E5;

font-variant: tabular-nums;list-style: none;font-feature-settings: 'tnum';font-size: 14px;line-height: 1.5;

color: #595959;background-color: #FFFFFF;background-image: none;transition: all 0.3s;}

.ant-input:hover {border-color: #9E9E9E;border-right-width: 1px !important;}

.ant-input:focus {border-color: #00a2e9;border-right-width: 1px !important;outline: 0;box-shadow: 0 0 0 2px rgba(158, 158, 158, 0.2);}

.ant-input::-moz-placeholder {

  color: #C4C4C4;

  opacity: 1;

}

.ant-input:-ms-input-placeholder {

  color: #C4C4C4;

}

.ant-input::-webkit-input-placeholder {

  color: #C4C4C4;

}

.ant-input:placeholder-shown {

  text-overflow: ellipsis;

}

/*a:not([disabled]) {

  color: #2B2B2B;

}*/

.rc .main.active{position: absolute;padding-bottom: 25px;z-index: 9;}

.rc .main.active .height{height:auto; ;}

.rc .main.active .btn img{transform: rotate(0);}

.rc .main.active .btn .sum1{display: block;}

.rc .main.active .btn .sum2{display: none;}

.rc .main.active .btn:after{top: 100%;}

.rc .main.active .btn:hover:after{top: 0;}

.rc .news-fy{display: inline-block;color: #fff;}

.rc .news-fy a{display: inline-block;margin: 0 10px; width: 40px;height: 40px;font-size: 16px;

  text-align: center;line-height: 40px;background: #ccc;color: #fff; transition: all .5s;}

.rc .news-fy a:hover{background: #00a2e9;}

.rc .news-fy .now{display: inline-block;margin: 0 10px; width: 40px;height: 40px;font-size: 16px;

  text-align: center;line-height: 40px;background: #00a2e9;transition: all .5s;}





/*投资者关系*/

.tz{position: relative; padding: 50px 0 178px;}

.tz .img{display: block;max-width: 100%;margin: 0 auto;}

.tz .xx{position: absolute;bottom: 272px;left: 50%;transform: translateX(-50%);width: 1000px;}

.tz .xx .l{width: 360px;height: 100px;box-sizing: border-box;padding: 18px 0 0 70px; background: #1e9ad4;color: #fff;}

.tz .xx .l .tit{margin-bottom: 14px; font-size: 24px;line-height: 32px;}

.tz .xx .l .tit .kg{display: inline-block;width: 6px;}

.tz .xx .l .tit span{position: relative;top: -2px;}

.tz .xx .l .time{font-size: 16px;line-height: 14px;}

.tz .xx .l .time span{position: relative;top: 2px;display: inline-block;margin-right: 1px;}

.tz .xx .r{display: flex;justify-content: center;align-items: center;width: 640px;height: 100px;background: #fff;}

.tz .xx .r .sj{font-size: 24px;line-height: 36px;}

.tz .xx .r .sj1{color: #333;}

.tz .xx .r .sj1,.tz .xx .r .sj2{margin-right: 156px;}

.tz .xx .r .sj2,.tz .xx .r .sj3{color: #d91717;}



.bggg li .xx .tit{margin-bottom: 30px!important;}



/*可持续发展*/

/*幸福久立*/

.xfjl{}

.xfjl-warp1{padding: 112px 0 132px;}

.xfjl-warp1 .tit{margin-bottom: 25px; font-size: 40px;line-height: 60px;font-weight: bold; color: #333;}

.xfjl-warp1 .sumn{max-width: 890px;margin-bottom: 2px; font-size: 16px;line-height: 30px;color: #666;}

.xfjl-warp1 .main .l,.xfjl-warp1 .main .r{position: relative;width: 43.6046512%;overflow: hidden;cursor: pointer;}

.xfjl-warp1 .main .l{padding-top: 60px;}

.xfjl-warp1 .main .img{display: block;max-width: 100%;margin: 0 auto;transition: all .5s;}

.xfjl-warp1 .main .sum{position: absolute;left: 30px;bottom: 30px; font-size: 30px;line-height: 30px; color: #fffefe;}

.xfjl-warp1 .main .img:hover{transform: scale(1.1);}



.xfjl-warp2{position: relative;}

.xfjl-warp2 .swiper-slide .img{display: block;width: 100%;height: auto;transition: 1s linear 6s;transform: scale(1.1);}

.xfjl-warp2 .swiper-slide-active .img{transform: scale(1);transition:6s linear;transform:scale(1);}

.xfjl-warp2 .xx{position: absolute;top: 94px;left: 50%;transform: translateX(-50%); z-index: 2;}

.xfjl-warp2 .xx .sum{margin-bottom: 30px; font-size: 40px;line-height: 60px;font-weight: bold; color: #fff;}

.xfjl-warp2 .xx .tit{position: relative;padding-left: 37px; font-size: 16px;line-height: 16px;color: #fff;}

.xfjl-warp2 .xx .tit:before{position: absolute;left: 0;top: 50%;transform: translateY(-50%); width: 32px;height: 2px;background: #fff; content:"";}

.xfjl-warp2 .swiper-pagination{bottom:-1px!important;left: auto!important;right: 0!important;padding: 43px 0; width: 50%!important;box-sizing: border-box;padding-left: 30px; text-align: left; background: #fff;}

.xfjl-warp2 .swiper-pagination-bullet{width: 14px;height: 14px;float: left; margin: 0 10px!important; border-radius: 0;background: #999;opacity: 1;}

.xfjl-warp2 .swiper-pagination-bullet:hover{background: #00a2e9;}

.xfjl-warp2 .swiper-pagination-bullet-active{background: #00a2e9;}

.xfjl-warp2 .pageo{position: absolute;left:50%;transform: translateX(-50%);top: 366px; height: 40px;z-index: 2;}

.xfjl-warp2 .pageo .mn{top: auto!important;margin-top: 0!important; width: 40px;height: 40px;box-sizing: border-box;border: 1px solid #fff;outline: none;}

.xfjl-warp2 .pageo .mn:hover{border-color: #00a2e9;background: #00a2e9;}

.xfjl-warp2 .swiper-button-next:after,.xfjl-warp2 .swiper-button-prev:after{font-size: 24px;color: #fff;}

.xfjl-warp2 .swiper-button-next.swiper-button-disabled,.xfjl-warp2 .swiper-button-prev.swiper-button-disabled{opacity: 1;pointer-events:all;}

.xfjl-warp2 .swiper-button-prev{left: 0;}

.xfjl-warp2 .swiper-button-next{left: 60px;right: auto;}



.xfjl-warp3{position: relative; padding: 120px 0 130px;overflow: hidden;}

.xfjl-warp3 .xx .sum{margin-bottom: 30px; font-size: 40px;line-height: 60px;font-weight: bold; color: #333;}

.xfjl-warp3 .xx .titn{position: relative;padding-left: 37px; font-size: 16px;line-height: 16px; color: #666;}

.xfjl-warp3 .xx .titn:before{position: absolute;left: 0;top: 50%;transform: translateY(-50%); width: 32px;height: 2px;background: #666; content:"";}

.xfjl-warp3 .bg{position: absolute;right: 0;bottom: 220px;width:calc(100% - 5.208333333%); height: 360px;background: #333;}

.xfjl-warp3 .main{top: -86px;width: 1252px; float: right; box-sizing: border-box;color: #fff;}

.xfjl-warp3 .main .swiper-slide{width: 400px;padding-bottom: 72px;}

.xfjl-warp3 .main .bimg{margin-bottom: 22px; overflow: hidden;}

.xfjl-warp3 .main .bimg .img{display: block;transition: all .5s;}

.xfjl-warp3 .main .bimg:hover .img{transform: scale(1.1);}

.xfjl-warp3 .main .tit{height: 108px; font-size: 24px;line-height: 36px;color: #fff;overflow: hidden;}

.xfjl-warp3 .pageo{position: absolute;left:5.208333333%;top: 330px;width: 100px; height: 40px;z-index: 2;}

.xfjl-warp3 .pageo .mn{top: auto!important;margin-top: 0!important; width: 40px;height: 40px;box-sizing: border-box;border: 1px solid #ccc;outline: none;cursor: pointer;}

.xfjl-warp3 .pageo .mn:hover{border-color: #00a2e9;background: #00a2e9;}

.xfjl-warp3 .swiper-button-next:after,.xfjl-warp3 .swiper-button-prev:after{font-size: 24px;color: #666;}

.xfjl-warp3 .swiper-button-next.swiper-button-disabled,.xfjl-warp3 .swiper-button-prev.swiper-button-disabled{opacity: 1;pointer-events:all;}

.xfjl-warp3 .swiper-button-prev{left: 0;}

.xfjl-warp3 .swiper-button-next{left: 60px;right: auto;}

.xfjl-warp3 .swiper-button-next:hover:after,.xfjl-warp3 .swiper-button-prev:hover:after{color: #fff;}



.xf-main{position: fixed;top: 0; width: 100%;height: 100%;display: none; background: rgba(0,0,0,.45);z-index: 9999999;}

.xf-main .main.ma{width: 90%; max-height: 90%;padding: 0 0 50px 0;}

.xf-main .main .swiper-slide{position: relative;height: 500px; display: flex;justify-content: center;align-items: center; cursor: pointer;}

.xf-main .main .swiper-slide img{position: absolute; display: block;max-width: 80%;max-height:80%;}

.xf-main .main{position: relative; width: 94%;max-width: 1000px;padding: 80px 100px;box-sizing: border-box;background: #fff;}

.xf-main .main .close{position: absolute;right: 0;top: 0;cursor: pointer;z-index: 2;}

.xf-main .main .close img{display: block;}

.xf-main .main .mn{top: auto!important;bottom: 30px; margin-top: 0!important; width: 40px;height: 40px;box-sizing: border-box;border: 1px solid #ccc;outline: none;cursor: pointer;}

.xf-main .main .mn:hover{border-color: #00a2e9;background: #00a2e9;}

.xf-main .main .swiper-button-next:after,.xf-main .main .swiper-button-prev:after{font-size: 24px;color: #666;}

.xf-main .main .swiper-button-next.swiper-button-disabled,.xf-main .main .swiper-button-prev.swiper-button-disabled{opacity: 1;pointer-events:all;}

.xf-main .main .swiper-button-prev{left: 40%;}

.xf-main .main .swiper-button-next{right:40%;}

.xf-main .main .swiper-button-next:hover:after,.xf-main .main .swiper-button-prev:hover:after{color: #fff;}





/*健康*/

.jk{}

.jk-warp1{padding: 99px 0 75px;border-bottom: 1px solid #ccc;}

.jk-warp1 .xx{max-width: 960px;margin-bottom: 70px; font-weight: bold;}

.jk-warp1 .xx .tit{margin-bottom: 46px; font-size: 48px;line-height: 46px;font-weight:bold;color: #333;}

.jk-warp1 .xx .tit span{position: relative;color: #00a42a;}

.jk-warp1 .xx .tit span:before{position: absolute;left: 0;bottom: -2px; width: 100%;height: 5px;background: #00a42a; content: "";}

.jk-warp1 .xx .en{margin-bottom: 18px; font-size: 30px; line-height: 48px;color: #333;}

.jk-warp1 .xx .sum{font-size: 30px;line-height: 30px;color: #333;}

.jk-warp1 .main{display: flex;justify-content: space-between;}

.jk-warp1 .main li{margin-right: 52px;}

.jk-warp1 .main li:last-child{margin-right: 0;}

.jk-warp1 .main .bimg{margin-bottom: 23px;overflow: hidden;}

.jk-warp1 .main li:hover .img{transform: scale(1.1);}

.jk-warp1 .main .img{display: block;max-width: 100%;height: auto;transition: all .5s;}

.jk-warp1 .main .sum{font-size: 16px;line-height: 30px;color: #333;}



.jk-warp2{padding: 100px 0;}

.jk-warp2 .titn{margin-bottom: 32px; font-size: 48px;line-height: 46px;font-weight: bold; color: #00a42a;}

.jk-warp2 .sumn{margin-bottom: 60px; font-size: 36px;line-height: 48px;color: #333;}

.jk-warp2 .sumn span{font-weight: bold;}

.jk-warp2 li{width: 47.6744186%;margin-right: 4.65116279%;float: left;}

.jk-warp2 li a{display: block;color: #333;}

.jk-warp2 li:nth-child(2n){margin-right: 0;}

.jk-warp2 li .bimg{overflow: hidden;}

.jk-warp2 li .bimg .img{width: 100%;height: auto;transition: all .5s;}

.jk-warp2 li .bimg:hover .img{transform: scale(1.1);}

.jk-warp2 li .mn{padding: 30px 0 12px; color: #333;}

.jk-warp2 li .mn .tit{margin-bottom: 23px; font-size: 30px;font-weight: bold;line-height: 28px;}

.jk-warp2 li .mn .sum{height: 180px;overflow: hidden; font-size: 16px;line-height: 36px;}



/*社会责任*/

.duty{overflow: hidden;}

.duty-warp1{padding: 91px 0 96px;}

.duty-warp1 .l{max-width: 580px;padding-top: 46px;}

.duty-warp1 .l .tit{margin-bottom: 39px; font-size: 36px;line-height: 60px;font-weight: bold;color: #333;}

.duty-warp1 .l .tit span{color: #00a2e9;}

.duty-warp1 .l .sum{font-size: 16px;line-height: 30px;color: #666;}

.duty-warp1 .r{width: 55.6395349%;}

.duty-warp1 .r .img{display: block;width: 100%;height: auto;}



.duty-warp2{padding-bottom: 237px;}

.duty-warp2 .titn{margin-bottom: 60px; font-size: 36px;line-height:36px ;font-weight: bold; color: #333;}

.duty-warp2 ul{padding-bottom: 10px;}

.duty-warp2 li{float: left;width: 46.5116279%;margin-right: 6.97674419%;padding-bottom: 50px;}

.duty-warp2 li:nth-child(2n){margin-right: 0;}

.duty-warp2 li .bimg{overflow: hidden;}

.duty-warp2 li .bimg .img{display: block;width: 100%;height: auto;transition: all .5s;}

.duty-warp2 li:hover .bimg .img{transform: scale(1.1);}

.duty-warp2 li a{display: block;color: #333;}

.duty-warp2 li .time{width: 140px;height: 36px;margin: 30px 0 14px; border-radius: 40px; font-size: 16px;line-height: 36px;text-align: center; background: #00a2e9;}

.duty-warp2 li .time a{color: #fff;}

.duty-warp2 li .tit{height: 88px; font-size: 16px;line-height: 44px;font-weight: bold;overflow: hidden;}

.duty-warp2 .jz-more{display: flex;justify-content: center;align-items: center;width: 300px;height: 60px;box-sizing: border-box;

border: 2px solid #666;margin: 0 auto;border-radius: 100px; color: #333;cursor: pointer;}

.duty-warp2 .jz-more p{margin-right: 20px; font-size: 18px;}

.duty-warp2 .jz-more img{display: block;transform: rotate(90deg);transition: all .5s;}

.duty-warp2 .jz-more:hover img{transform: rotate(450deg);}



/*可持续发展报告*/

.cxfz{overflow: hidden;}

.cxfz-warp1{position: relative;margin-top: 50px;}

.cxfz-warp1 .img{display: block;width: 100%;height: auto;}

.cxfz-warp1 .xx{position: absolute;right: 0;bottom: 0;width: 600px;height: 100%; background: rgba(0,0,0,.5);}

.cxfz-warp1 .xx .line{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); background: rgba(255,255,255,.1);}

.cxfz-warp1 .xx .line1{width: 1px;height: 100%;}

.cxfz-warp1 .xx .line2{height: 1px;width: 100%;}

.cxfz-warp1 .xx li{position: relative; float: left;width: 50%;height: 50%;box-sizing: border-box;color: #fff;text-align: center;}

.cxfz-warp1 .xx li img{display: inline-block;margin-bottom: 30px;}

.cxfz-warp1 .xx li .sum{font-size: 24px;line-height: 22px;color: #fff;}

.cxfz-warp1 .xx li.m1{padding-top: 114px;}

.cxfz-warp1 .xx li.m2{padding-top: 83px;}



.cxfz-warp2{padding: 68px 0 384px;}

.cxfz-warp2 li{width: 45.3488372%;margin-right: 9.30232558%;margin-bottom: 30px; float: left;display: flex;opacity: 1!important;}

.cxfz-warp2 li:nth-child(2n){margin-right: 0;}

.cxfz-warp2 li .year{width: 110px;height: 100px;margin-right: 1px; background: #00a2e9;}

.cxfz-warp2 li .year p{font-size: 30px;line-height: 100px;text-align: center; color: #fff;}

.cxfz-warp2 li .main{position: relative;padding: 0 30px; width: calc(100% - 111px);box-sizing: border-box;background: #f7f7f7;cursor: pointer;}

.cxfz-warp2 li .main .top{height: 100px;display: flex;justify-content: space-between;align-items: center;}

.cxfz-warp2 li .main .top .tit{padding-right: 20px; font-size: 24px;line-height: 30px;color: #666;}

.cxfz-warp2 li .main .top .jia{position: relative;width: 20px;height: 20px;transition: all .5s;}

.cxfz-warp2 li .main .top .jia .line{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #666;transition: all .5s;}

.cxfz-warp2 li .main .top .jia .line1{width: 20px;height: 2px;}

.cxfz-warp2 li .main .top .jia .line2{width: 2px;height: 20px;}

.cxfz-warp2 li .main .bottom{position: absolute;top: 100px;left: 0;box-sizing: border-box;width: 100%;padding: 0 30px 56px; 

  display: none;background: #f7f7f7;z-index: 2;}

.cxfz-warp2 li .main .bottom .line{margin-bottom: 16px; width:100%;height: 1px;background: #e6e6e6;}

.cxfz-warp2 li .main .bottom .sum{font-size: 16px;line-height: 36px;color: #333;}

.cxfz-warp2 li:hover .main .top .jia{transform: rotate(45deg);}

.cxfz-warp2 li:hover .main .top .jia .line{background: #00a2e9;}



/*音频专区*/

.video{padding: 69px 0 109px;}

.video .top{position: relative;margin-bottom: 95px;}

.video .top .main{position: relative; overflow: hidden;}

.video .top .main img{display: block;}

.video .top .main .p{width: 100%;height: auto;}

.video .top .main .bfp{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.video .top .main .bf{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);box-sizing: border-box;

width: 100%;height: 100%;display: flex;justify-content: center;align-items: center; transition: all .5s;}

.video .top .main:hover .bf{ width: 138px;height: 138px;border-radius: 100%;border: 2px solid #fff;}

.video .top .page-video{position: absolute;left: 0;bottom: 0;width: 100%; z-index: 9;}

.video .top .page-video li{float: left;width: 25%;height: 100px;box-sizing: border-box;padding: 0 10px;display: flex;justify-content: center;align-items: center;transition: all .5s;cursor: pointer;}

.video .top .page-video li .tit{font-size: 24px;line-height: 30px; color: #fff;}

.video .top .page-video li.on{background: #217ca5;}

.video .top .page-video li:hover{background: #217ca5;}

.video .bottom li{float: left;width: 30.8139535%;margin-right: 3.77906975%;cursor: pointer;}

.video .bottom li:nth-child(3n){margin-right: 0;}

.video .bottom li .bimg{overflow: hidden;margin-bottom: 26px;}

.video .bottom li .bimg img{display: block;width: 100%;height: auto;transition: all .5s;}

.video .bottom li .tit{height: 90px; font-size: 24px;line-height: 30px;overflow: hidden;}

.video .bottom li .tit a{color: #333;}

.video .bottom li:hover .bimg img{transform: scale(1.1);}

/*产品布局*/

.fp-tableCell{display: block!important;}

.phead-box{height: 110px;}

.section{}

#menu{position: fixed;top: 50%;transform: translateY(-50%);right: 47px; z-index: 999;}

#menu li a{display: block;width: 100%;height: 100%;}

#menu li{position: relative; width: 10px;height: 10px;margin: 27px 0; border-radius: 100%;background: rgba(255,255,255,.5);}

#menu li:hover{background: #fff;}

#menu li.active{background: #fff;}

#menu li.active:after{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);box-sizing: border-box;border: 1px solid #fff;width: 22px;height: 22px;border-radius: 100%; content: "";}



.sec1{position: relative;}

.p-hy{height: 100%;}

.p-hy .img{position: absolute;width: 100%;min-height: 100%;transition: 1s linear 6s;transform: scale(1.1);}

.p-hy .swiper-slide-active .img{transition:6s linear;transform:scale(1);}

.p-hy a{display: block; color: #fff;}

.p-hy .xx{position: relative;left: 13.28125%;top: 38.6315789%; max-width: 625px;}

.p-hy .xx .tit{margin-bottom: 46px; font-size: 48px;line-height: 44px;color: #fff;}

.p-hy .xx .sum p{font-size: 16px;line-height: 30px;color: #fff;}

.p-hy .m{display: flex;flex-wrap: wrap;margin-top: 50px;}

.p-hy .more{width: 30%;margin-right: 5%; height: 50px;box-sizing: border-box;border: 1px solid #fff;text-align: center; font-size: 16px;line-height: 50px;}

.p-hy .more:last-child{margin-right: 0;}

.p-hy .more:hover{background: #00a2e9;color: #fff;border: none;}

.hy-page{position: absolute;top: 50%;right: 246px;transform: translateY(-50%); width: 300px;padding-right: 10px; z-index: 2;}

.progress{position: relative; box-sizing: border-box;width: 28px;height: 28px;}

.progress > span{position: absolute;top: 0;width: 50%;height: 100%;z-index: 1;overflow: hidden;}

.progress .progress-left{left: 0;display: none;}

.progress .progress-bar{position: absolute;top: 0;width: 100%;height: 100%;border: 2px solid #fff;box-sizing: border-box;}

.progress .progress-left .progress-bar{left: 100%;border-top-right-radius: 80px;border-bottom-right-radius: 80px;

border-left: 0; -webkit-transform-origin: center left;transform-origin: center left;}

.progress .progress-right{right: 0;display: none;}

.progress .progress-right .progress-bar{left: -100%;border-top-left-radius: 80px;border-bottom-left-radius: 80px;border-right: 0;

-webkit-transform-origin: center right;transform-origin: center right;animation: loading-1 3s linear  forwards;}

.progress .progress-left .progress-bar{animation: loading-2 3s linear forwards 3s; }

.progress .dian{position: absolute;left: 50%;top:50%; transform: translate(-50%,-50%); width: 6px;height: 6px;border-radius: 100%; background: #fff;}

.hy-page li{margin-bottom: 18px;cursor: pointer;}

.hy-page li.on .progress .progress-left,.hy-page li.on .progress .progress-right{display: block;}

.hy-page li .t{margin-left: 11px; font-size: 18px; line-height: 28px;color: #fff;}



@keyframes loading-1{

0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}

100%{-webkit-transform: rotate(180deg);transform: rotate(180deg);}

}



@keyframes loading-2{

0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg);}

100%{-webkit-transform: rotate(180deg); transform: rotate(180deg);}

}



.sec2{background: #333;}

/*.sec2 .main{width: 100%;height: calc(100% - 110px);display: flex;justify-content: center;align-items: center;}

*/.sec2 .m-main{height: calc(100% - 110px);}

/*.sec2 .fp-tableCell{display: table-cell!important;}

*/

.sec2 .main .m-mn{display: flex;justify-content: center;align-items: center;}

.sec2 .main ul{width: 1620px;}

.sec2 .main li{float: left;width: 33.3333%;height: 230px;padding-top: 61px;padding-left: 76px; box-sizing: border-box;transition: all .5s;}

.sec2 .main li a{display: block;color: rgba(255,255,255,.7);transition: all .5s;}

.sec2 .main li .zm{margin-right: 14px; font-size: 90px;line-height: 66px;font-weight: bold;}

.sec2 .main li .tit{margin-bottom: 16px; font-size: 34px;line-height: 35px;}

.sec2 .main li .en{font-size: 16px;line-height: 17px;}

.sec2 .main li .bottom{display: none;padding:0 58px;box-sizing: border-box; transition: all .5s;}

.sec2 .main li .bottom .sum{margin: 23px 0 18px;max-height: 60px; font-size: 16px;line-height: 30px;color: #fff;overflow: hidden;}

.sec2 .main li .bottom .img{display: block;}

.sec2 .main li:hover{background: rgba(217,217,217,.1);padding-top: 32px; box-shadow: 0px 0px 10px 0px rgab(0,0,0,.2);}

.sec2 .main li:hover .bottom{display: block;}

.sec2 .main li:hover a{color: #fff;}

#swiper17 .swiper-pagination{bottom: 50px!important;}

#swiper17 .swiper-pagination-bullet{width: 10px;height: 10px;margin:  0 10px!important;background: rgba(255,255,255,.5);opacity: 1;}

#swiper17 .swiper-pagination-bullet-active{background: #fff;}





.sec3{background: url(/static/img/hyy3.jpg) no-repeat center;background-size: cover;}

.sec3 .main{width: 100%;height: calc(100% - 110px);display: flex;justify-content: center;align-items: center;}

.sec3 .mn{color: #fff;text-align: center;}

.sec3 .top{margin-bottom: 118px;}

.sec3 .top .tit{margin-bottom: 22px; font-size: 48px;line-height: 46px;}

.sec3 .top .sum{max-width: 925px;margin: 0 auto; font-size: 18px;line-height: 36px;}

.sec3 .bottom{display: flex;justify-content: space-between;width: 1136px;}

.sec3 .bottom a {display: block;color: #fff;}

.sec3 .bottom .img{display: block;margin: 0 auto 31px;}

.sec3 .bottom .t{font-size:30px;line-height: 30px; }



.sec4{background: url(/static/img/hyy4.jpg) no-repeat center;background-size: cover;}

.sec4 .main{width: 100%;height: calc(100% - 110px);display: flex;justify-content: center;align-items: center;}

.sec4 .mn{color: #fff;text-align: center;}

.sec4 .top{margin-bottom: 74px;}

.sec4 .top .tit{margin-bottom: 22px; font-size: 48px;line-height: 46px;}

.sec4 .top .sum{max-width: 1190px;margin: 0 auto; font-size: 18px;line-height: 36px;}

.sec4 .bottom{display: flex;justify-content: space-between;width: 1410px;}

.sec4 .bottom li{box-sizing: border-box;padding: 42px 0 0;width: 300px;height: 280px;border-radius: 20px; background: rgba(255,255,255,.3);}

.sec4 .bottom a {display: block;color: #fff;}

.sec4 .bottom .bimg{height: 140px;width: 100%;display: flex;justify-content: center;align-items: center;}

.sec4 .bottom .img{display: block;}

.sec4 .bottom .t{padding-top: 21px; font-size:30px;line-height: 32px; }



.sec5{height: auto!important;}

.sec5 .fp-tableCell{height: auto!important;}



/*研究创新*/

.yjcx{}

.yjcx .titn{position: relative;margin-bottom: 40px;display: inline-block; font-size: 48px;font-weight: bold; color: #0094d9;}

.yjcx .titn:after{position: absolute;left: 0;bottom: -6px; width: 100%;height: 5px;background: #0094da;content:"";}

.yjcx .titmn{margin-bottom: 70px; font-size: 30px;line-height: 46px; font-weight: bold; color: #333;}

.yjcx .summ{font-size: 16px;line-height: 36px;color: #333;}

.yjcx .l{width: calc(50% - 100px);}

.yjcx .r{position: relative; width: 50%;overflow: hidden;}

.yjcx .r .img{display: block;width: 100%;height: auto;transition: all .5s;}

.yjcx .r:hover .img{transform: scale(1.1);}

.yjcx-warp1{padding: 80px 0 130px;}

.yjcx-warp1 .l{padding-top: 54px;}

.yjcx-warp2{padding: 0px 0 124px;}

.yjcx-warp2 .l{padding-top: 80px;}

.yjcx-warp2 .r .sum{position: absolute;left: 30px;bottom: 18px; font-size: 24px;line-height: 32px;color: #fff;}



.yjcx-warp3{padding: 112px 0 98px; background: url(/static/img/pyj3.jpg) no-repeat center top;}

.yjcx-warp3 .top .right{margin-top: -4px; width:63.9534884%;}

.yjcx-warp3 .top .logo{display: flex;justify-content: space-between;align-items: center;margin: 62px 0 122px;}

.yjcx-warp3 .top .logo .img{display: block;}

.yjcx-warp3 .bottom{box-sizing: border-box;padding: 0 36px 0 30px; background: #fff;box-shadow: 0px 3px 3px 0px rgba(0,0,0,.1);}

.yjcx-warp3 .bottom ul{display: flex;justify-content: space-between;align-items: center;height: 200px;}

.yjcx-warp3 .bottom li .t{margin-bottom: 20px;font-size: 18px;text-align: center; color: #555;}

.yjcx-warp3 .bottom li .num{display: inline-block;margin-right: 6px; font-weight: bold; font-size: 60px;line-height:46px; ;color: #0094d9;}

.yjcx-warp3 .bottom li .sum{font-size: 18px;line-height: 22px;text-align: center; color: #555;}



.yjcx-warp4{padding-bottom: 80px; text-align: center;}

.yjcx-warp4 .main{box-sizing: border-box;padding: 20px 46px 0;text-align: left;}

.yjcx-warp4 .mn{margin-bottom: 90px;}

.yjcx-warp4 .mn .xx{float: left;width:47.2979273%;}

.yjcx-warp4 .mn .bimg{float: right;width:47.2979273%;overflow: hidden;}

.yjcx-warp4 .mn .bimg img{display: block;width: 100%;height: auto;transition: all .5s;}

.yjcx-warp4 .mn .bimg:hover img{transform: scale(1.1);}

.yjcx-warp4 .mn .title{height: 73px;width: 510px;box-sizing: border-box; margin-bottom: 32px; padding: 0 20px;border-radius: 30px 0; background: #00b0f0;box-shadow: 0px 5px 5px 0px rgba(0,176,240,.4)}

.yjcx-warp4 .mn .title .t{font-size: 28px;line-height: 73px;color: #fff;}

.yjcx-warp4 .mn .sum{box-sizing: border-box;padding-left: 28px;}

.yjcx-warp4 .mn .sum dl{margin-bottom: 20px;}

.yjcx-warp4 .mn .sum dt{position: relative;font-size: 26px;font-weight: bold;line-height: 34px;color: #333;}

.yjcx-warp4 .mn .sum dt:before{position: absolute;top: 13px;left: -28px; width: 12px;height: 12px;background: url(/static/img/pyj8.png); content: "";}

.yjcx-warp4 .mn .sum dt span{font-weight: normal;font-size: 20px;}

.yjcx-warp4 .mn .sum dd{margin-top: 4px; font-size: 20px;line-height: 36px;color: #333;}

.yjcx-warp4 .mn:nth-child(2n) .xx{float: right;}

.yjcx-warp4 .mn:nth-child(2n) .bimg{float: left;}

.yjcx-warp4 .mn:nth-child(4) .title{width: 540px;}

.yjcx-warp4 .mn .sum dl.oth{margin-bottom: 6px;}

.yjcx-warp4 .mn .sum dl.oth dt{font-size: 22px;line-height: 34px;}



/*质量保证*/

.zlbzx{padding: 120px 0 20px;}

.zlbz{position: relative;margin-bottom: 100px;}

.zlbz .w1720{position: relative;}

.zlbz .page{position: absolute;bottom: 0;left: 0;width: 40.6976744%;border-top: 1px solid #f7f7f7;border-bottom: 1px solid #f7f7f7;display: flex;}

.zlbz .page li{position: relative; width: 33.3333%;height: 128px; box-sizing: border-box;display: flex;justify-content: center;align-items: center;transition: all .5s;}

.zlbz .page li:after{position: absolute;top: 50%;transform: translateY(-50%);right: 0; width: 1px;height: 80px;background: #f7f7f7;content: "";transition: all .5s;}

.zlbz .page li:nth-child(3):after{display: none;}

.zlbz .page li a{display: block;color: #333;transition:all .5s;}

.zlbz .page li .t{font-size: 22px;text-align: center;}

.zlbz .page li img{display: block;margin: 0 auto 20px;transition: all .5s;}

.zlbz .page li .img2{display: none;}

.zlbz .page li:hover{background: #00a2e9; border: 1px solid #fff;box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1);}

.zlbz .page li:hover .img1{display: none;}

.zlbz .page li:hover .img2{display: block;}

.zlbz .page li:hover a{color: #fff;}

.zlbz .page li:hover:after{display: none;}

.zlbz .page li.on{background: #00a2e9; border: 1px solid #fff;box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1);}

.zlbz .page li.on .img1{display: none;}

.zlbz .page li.on .img2{display: block;}

.zlbz .page li.on a{color: #fff;}

.zlbz .page li.on:after{display: none;}

.zlbz .mn{width: 40.6976744%;max-width:700px;height: 559px;}

.zlbz .titn{margin-bottom: 22px; font-size: 44px;}

.zlbz .tmn{margin-bottom: 56px; font-size: 21px;line-height: 30px;color: #333;}

.zlbz .sum p{font-size: 16px;line-height: 36px;color: #333;}

.zlbz .bimg{position: absolute;top:50%;right: 0;transform: translateY(-50%); width: 50.1041667%; border: 5px solid #fff;box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1);box-sizing: border-box; overflow: hidden;}

.zlbz .bimg .img{display: block;width: 100%;height: auto;transition: all .5s;}

.zlbz .bimg:hover .img{transform: scale(1.09);}



.pro-fh{position: fixed;bottom: 50px; left: 20px;width: 147px;height: 44px;display: flex;align-items: center; border: 1px solid #ccc;border-radius: 25px;box-sizing: border-box;background: #fff;transition: all .5s; z-index: 99;}

.pro-fh:hover{background: #00a2e9;border-color: #00a2e9;}

.pro-fh p{position: relative; font-size: 16px;line-height: 50px;color: #666;transition: all .5s;color: #666;}

.pro-fh img{display: block;margin: 0 15px 0 20px;transition: all .5s;}

.pro-fh .img2{display: none;}

.pro-fh:hover p{color: #fff;}

.pro-fh:hover .img2{display: block;}

.pro-fh:hover .img1{display: none;}



.hy-fh{position: fixed;top: 50%;transform: translateY(-50%); right: 20px;  z-index: 99;}

.hy-fhm{width: 147px;height: 44px;margin-bottom: 5px; display: flex;align-items: center;border: 1px solid #ccc;border-radius: 25px;box-sizing: border-box;background: #fff;transition: all .5s;}

.hy-fhm:hover{background: #00a2e9;border-color: #00a2e9;}

.hy-fh p{position: relative; font-size: 16px;line-height: 50px;color: #666;transition: all .5s;color: #666;}

.hy-fh img{display: block;margin: 0 15px 0 20px;width: 20px; transition: all .5s;}

.hy-fh .img2{display: none;}

.hy-fhm:hover p{color: #fff;}

.hy-fhm:hover .img2{display: block;}

.hy-fhm:hover .img1{display: none;}

/*行业应用*/

.hy-warp1{position: relative; height: 640px;}

.hy-warp1 .xx{padding-top: 100px;max-width: 70%;}

.hy-warp1 .xx .hy-tit{position: relative;display: inline-block;margin-bottom: 50px; font-size: 48px;line-height: 46px;font-weight: bold;color: #fff;}

.hy-warp1 .xx .hy-tit:before{position: absolute;left: 0;bottom: -6px; width: 100%;height: 5px;background: #fff; content: "";}

.hy-warp1 .xx .hy-sum{font-size: 16px;line-height: 36px;color: #fff;}

.hy-warp1 .bq{position: absolute;bottom: 80px;width: 100%;}

.hy-warp1 ul{display: flex;justify-content: center;}

.hy-warp1 ul li{width: 200px;height: 50px;box-sizing: border-box;border: 1px solid #fff;margin: 0 25px; text-align: center; font-size: 16px;line-height: 50px;}

.hy-warp1 ul li a{display: block;width: 100%;height: 100%; color: #fff;}

.hy-warp1 ul li:hover{background: #00a2e9;border: none;}

.hy-warp1 ul li.on{background: #00a2e9;border: none;}



.hyyy .titn{font-size: 32px;text-align: center; color: #0094d9;}



.hy-warp2{padding: 68px 0 50px; background: #f7fcff;}

.hy-warp2 .titn{margin-bottom: 52px;}

.hy-warp2 ul{padding: 0 6px;}

.hy-warp2 li{position: relative; width: 218px;height: 52px;float: left;margin: 0 13px 26px; padding: 0 10px;box-sizing: border-box;display: flex;justify-content: center;align-items: center;box-shadow: 0px 5px 5px 0px rgba(0,0,0,.1); background: #f7fcff;overflow: hidden;}

.hy-warp2 li:before{position: absolute;top: 0;left: -100%; width: 100%;height: 100%;background: #00a2e9; content: "";transition: all .5s;}

.hy-warp2 li p{font-size: 16px;line-height: 26px;color: #666;transition: all .5s;z-index: 2;}

.hy-warp2 li:hover:before{left: 0;}

.hy-warp2 li:hover p{color: #fff;}



.hy-warp3{padding: 70px 0 94px; background: #f7fcff;}

.hy-warp3 .titn{margin-bottom: 58px;}

.hy-warp3 .main{width: 923px;margin: 0 auto;box-shadow: 0px 5px 5px 0px rgba(0,0,0,.2);}

.hy-warp3 .main .l{width: 363px;box-sizing: border-box;border-right: 1px solid #ccc;}

.hy-warp3 .main .r{width: 560px;}

.hy-warp3 .main li{display: flex;align-items: center;box-sizing: border-box;padding-left: 53px;}

.hy-warp3 .main li.t{height: 62px;}

.hy-warp3 .main li.p{height: 57px;border-bottom: 1px solid #ccc;}

.hy-warp3 .main .l li.t{background: #0094d9;}

.hy-warp3 .main .r li.t{background: #008ccd;}

.hy-warp3 .main .l li.p{padding-left: 57px;}

.hy-warp3 .main .t h4{font-size: 24px;line-height:62px; color: #fff;}

.hy-warp3 .main .p p{font-size: 16px;line-height: 26px;font-weight: 500; color: #333;}



.hy-warp4{padding: 68px 0 121px;}

.hy-warp4 .titn{margin-bottom: 24px;}

.hy-warp4 .main{position: relative; width: 1164px;margin:0 auto;padding: 24px 0 14px;}

.hy-warp4 .main:before{position: absolute;left: 131px;top: 0; height: 100%;width:1px;background: #d7d7d7;content: "";}

.hy-warp4 .main .mn{display: flex;margin-bottom: 20px;}

.hy-warp4 .main .mn:last-child{margin-bottom: 0;}

.hy-warp4 .main .mn .bimg{width: 88px;height: 88px;margin-right: 44px; box-sizing: border-box;border: 1px solid #00a2e9;display: flex;justify-content: center;align-items: center;border-radius: 50%;}

.hy-warp4 .main .mn .tit{position: relative;padding-left: 25px;margin-top: 38px;box-sizing: border-box;width: 220px;}

.hy-warp4 .main .mn .tit .t{font-size: 16px;font-weight: bold; color: #666;}

.hy-warp4 .main .mn .tit:before{position: absolute;left: 0; width: 3px;height: 14px;background: #00a2e9; content: "";}

.hy-warp4 .main .mn .sum{width: 68%;padding-left: 20px;box-sizing: border-box; padding-top:28px;height: 72px;}

.hy-warp4 .main .mn .sum p{font-size: 16px;line-height: 36px;color: #333;}



.hy-warp5{padding: 68px 0 121px;}

.hy-warp5 .titn{margin-bottom: 24px;}

.hy-warp5 .main p{font-size: 16px;line-height: 36px;color: #333;text-align: center;}



/*产品中心*/

.pro .titn{position: relative; font-size: 48px;font-weight: bold;color: #0094d9;}

.pro .titn:before{position: absolute;left: 0;bottom: -6px; width: 100%;height: 5px;background: #0094d9; content: "";}

.pro .pro-t{font-size: 32px;text-align: center; color: #0094d9;}

.pro-warp1{padding: 81px 0 0;border-bottom: 1px solid #d7d7d7; text-align: center;background: #f7fcff;}

.pro-warp1 .title{display: inline-block;margin-bottom: 76px;}

.pro-warp1 .title .titn{margin-left: 13px;}

.pro-warp1 .sum{width: 94%;max-width: 975px;margin: 0 auto 63px;}

.pro-warp1 .sum p{font-size: 16px;line-height: 36px;color: #333;}

.pro-warp1 .main{width: 1374px;margin: 0 auto;box-shadow: 0px -5px 5px 0px rgba(0,0,0,.1);box-sizing: border-box;padding: 0 47px;border-radius: 30px 30px 0 0; background: #fff;}

.pro-warp1 .main .top{padding: 33px 0 19px; border-bottom: 1px solid #d7d7d7;}

.pro-warp1 .main .top .pro-t{position: relative;display: inline-block;}

.pro-warp1 .main .top .pro-t:before{position:absolute;bottom: -19px; width: 100%;height: 5px;background: #0094d9; content:"";}

.pro-warp1 .main ul{padding: 52px 0 38px}

.pro-warp1 .main li{position: relative; width: 218px;height: 52px;float: left;margin: 0 19px 31px; padding: 0 10px;box-sizing: border-box;display: flex;justify-content: center;align-items: center;box-shadow: 0px 5px 5px 0px rgba(0,0,0,.1); background: #f7fcff;overflow: hidden;}

.pro-warp1 .main li:before{position: absolute;top: 0;left: -100%; width: 100%;height: 100%;background: #00a2e9; content: "";transition: all .5s;}

.pro-warp1 .main li p{font-size: 16px;line-height: 26px;color: #666;transition: all .5s;z-index: 2;}

.pro-warp1 .main li:hover:before{left: 0;}

.pro-warp1 .main li:hover p{color: #fff;}

.pro-warp1.gl .sum{text-align: left;}

.pro-warp1.gl .sum img{display: block;max-width: 100%;}



.pro-warp2{padding: 75px 0 126px;}

.pro-warp2 .pro-t{margin-bottom:65px;}

.pro-warp2 .main{display: flex;justify-content: space-between;}

.pro-warp2 .main .mn{position: relative;width: 30.9139535%;padding: 10px 0;box-sizing: border-box; box-shadow: 0px 2px 5px 0px rgba(0,0,0,.1);}

.pro-warp2 .main .mn .num{position: absolute;right: 22px;bottom: 46px;line-height: 100px;font-style: italic; font-size: 140px;font-weight: bold;color: #faf7f7;}

.pro-warp2 .main .mn .xx{position: relative;}

.pro-warp2 .main .mn .tit{position: relative;margin-bottom: 25px; font-size: 32px;line-height: 78px;text-align: center; color: #0094d9;}

.pro-warp2 .main .mn .tit:before{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0; width: 63px;height: 4px;background: #0094d9; content: "";}

.pro-warp2 .main .mn .sum{padding: 0 20px;/*overflow-y: scroll;*/}

/*.pro-warp2 .main .mn .sum::-webkit-scrollbar { width: 3px;background-color: rgba(217,217,217,0.9);} 

.pro-warp2 .main .mn .sum::-webkit-scrollbar-thumb { background-color: #00a2e9;} 

.pro-warp2 .main .mn .sum::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px rgba(217,217,217,0.9);background-color: #fff; }*/

.pro-warp2 .main .mn .sum p{margin-bottom: 16px; font-size: 16px;line-height: 50px; color: #666;}



.pro-warp3{padding: 102px 0 131px;background: url(/static/img/pro2.jpg) no-repeat center;}

.pro-warp3 .pro-t{margin-bottom: 42px; color: #fff;}

.pro-warp3 .main{margin: 0 auto;padding-top: 59px;}

/*.pro-warp3 .main .line{width: calc(100% - 224px);height: 1px; margin: 0px auto 61px;background: #fff;}

*/.pro-warp3 .main .mn{display: flex;justify-content: center;flex-wrap: wrap;}

.pro-warp3 .main .mn li{position: relative; box-sizing: border-box;margin: 0 52px 10px; width: 225px;height: 90px;border: 2px solid #fff;display: flex;justify-content: center;align-items: center;padding: 10px;box-sizing: border-box;}

/*.pro-warp3 .main .mn li:before{position: absolute;left: 50%;transform: translateX(-50%);top: -63px; width: 2px;height: 61px;background: #fff; content: "";}

.pro-warp3 .main .mn li.z:before{height: 110px;top: -112px;}*/

.pro-warp3 .main .mn li .t{padding-left: 24px; max-width: 112px;text-align: center; font-size: 16px;line-height: 20px; color: #fff;}



.pro-warp4{padding: 90px 0 87px;}

.pro-warp4 .pro-t{margin-bottom: 28px;}

.pro-warp4 .sum{margin-bottom: 40px; text-align: center;font-size: 16px;line-height: 36px;color: #666;}

.pro-warp4 .main{display: flex;justify-content: center;align-items: center; flex-wrap: wrap;}

.pro-warp4 .main img{display: block;max-width: 100%;height: auto;}

.pro-warp4 .main .img1{margin-right: 110px;}



/*搜索页*/

.com-wrap{padding: 66px 0;}

.maincon-top{margin-bottom: 40px;padding: 14px 0;border-bottom: 1px solid #cacaca;}

.maincon-top .type-title{float: left;font-size: 32px;font-weight: bold;color: #444;}

.maincon-top .bread-menu{float: right;padding-top: 18px;}

.maincon-top .bread-menu i{}

.maincon-top .bread-menu a{position: relative;margin-left: 26px;color: #555;}

.maincon-top .bread-menu a:hover{color: #00a2e9;}

.maincon-top .bread-menu a:after{position: absolute;left: -20px;top: 50%;margin-top: -9px;display: block;content: "";width: 18px;height: 18px;background: url(img/s-s.png) center no-repeat;}

.maincon-top .bread-menu a:nth-child(1):after{left: -29px;top: 50%;margin-top: -9px;width: 18px;height: 18px;background: url(/static/img/s-home.png) no-repeat;}

.nopic-list li{border-bottom: 1px dashed #cacaca;}

.nopic-list li a{display: block;line-height: 40px;font-size: 14px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #666;}

.nopic-list li time{margin-left: 20px;line-height: 40px;font-size: 14px;}

.nopic-list li a::before{display:inline-block; content:''; margin-top: -4px;margin-right:5px; vertical-align:middle; border:5px solid transparent; border-left-color:#00a2e9;}

.nopic-list li a:hover{color: #00a2e9}

.nopic-list .news-fy{position: relative;left: 50%;transform: translateX(-50%);margin-top:40px; display: inline-block;color: #fff;}

.nopic-list .news-fy a{display: inline-block;margin: 0 10px; width: 40px;height: 40px;font-size: 16px;

  text-align: center;line-height: 40px;background: #ccc;color: #fff; transition: all .5s;}

.nopic-list .news-fy a:hover{background: #00a2e9;}

.nopic-list .news-fy .now{display: inline-block;margin: 0 10px; width: 40px;height: 40px;font-size: 16px;

  text-align: center;line-height: 40px;background: #00a2e9;transition: all .5s;}



/*原材料信息*/

.yclxx li{float: none;width: 1100px;margin: 0 auto 30px;}

.yclxx li:nth-child(2n){margin:0 auto 50px;}

.yclxx a{color: #666;}



@media (max-width: 1900px) {

  .i-ab .xx{width: 45%;}



  .gl-warp1 .bimg{width: 35.26%;}

  .gl-warp1 .main .r{max-width: 58.33333%;}



  .m12{display: flex;align-items: flex-end;}



}





@media (max-width: 1720px) {

  .header .nav li{margin-right: 60px;}

  /*.header .nav .right li:first-child{margin-left: 150px;}*/

  .header .nav li:nth-child(4){margin-right: 300px;}



  .i-ab .xx{width: 45%;}

  .i-ab .qiu{width: 640px;margin-right: 0;margin-top: 80px;}

  .i-ab .qiu .bottom{margin-top: -44px;}

  .q-zong .wrapper .yuan{width: 320px;height: 320px;}

  .q-zong{width: 320px;height: 320px;}

  .q-zong .xxm{padding-top: 45px;}

  .q-zong .xxm .mimg{height: 90px;}



  .ab-wrap2 .l{width: 60%;}

  .cis-warp3 li{width: 32%;}

  .cis-warp3 li .t .l{float: none;display: block;margin-right:0;}

  .cis-warp3 li .t .l .img{display: block; margin: 0 auto;}

  .cis-warp3 li .t .r{float: none;display: block;text-align: center;}



  .gl-warp1 .b .r{padding-top: 150px;}



  .read .viewpage-link{top: 450px;}



  .con-wrap2 .item{background-position-x:100%; }

  .con-wrap2 .item .sum{padding-right: 16px;}



  .xfjl-warp3 .main{width: 70%;}



  .duty-warp1 .l{width: 41%;}



  .cxfz-warp1 .xx li.m1,.cxfz-warp1 .xx li.m2{padding-top: 0;}

  .cxfz-warp1 .xx li .mn{position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);}



  .yjcx-warp1 .l{padding-top: 0;}

  .yjcx-warp4 .mn{position: relative;min-height: 500px;}

  .yjcx-warp4 .mn .bimg{position: absolute;top: 50%;transform: translateY(-50%);right: 0;}

  .yjcx-warp4 .mn:nth-child(2n) .bimg{left: 0;}



  #menu{right: 10px;}

  .sec2 .main ul{width: 94%;}

  .sec2 .main li{padding-left: 40px;}

  .pro-warp1 .main{width: 94%;box-sizing: border-box;}

}





@media (max-width: 1440px) {

  .header .nav li{margin-right: 30px;}

  .header .nav li:nth-child(4){margin-right: 250px;}



  .i-banner{height: auto;}

  .i-banner .swiper-slide{height: auto !important;}

  .i-news .bg{width: 250px;height: auto;}

  .i-news .l{width: 100%;float: none;}

  .i-news .bottom li{width: 50%;float: left;padding-top: 30px;}

  .i-news .r{width: 100%;float: none;}

  .i-news .r .img{height: auto;}

  .i-news .bottom .tit{max-height: 20px; line-height: 20px;}

  .m12{display: block;}

  .i-ab .qiu{width: 560px;margin-top: 150px;}

  .i-ab .qiu .bottom{margin-top: -40px;}

  .q-zong .wrapper .yuan{width: 280px;height: 280px;}

  .q-zong{width: 280px;height: 280px;}

  .q-zong .xxm{padding-top: 25px;}

  .q-zong .xxm .num{margin-bottom: 10px;}

  .i-fz{}



  .ab-wrap1 .l .sum{font-size: 32px;line-height: 64px;}

  .ab-wrap1 .r .sum .n{font-size: 100px;}

  .ab-wrap2 .l{width: 55%;}

  .ab-wrap3 .r{padding-left: 100px;}

  .ab-wrap4 .top .tit{font-size: 32px;line-height: 64px;}



  .cis-warp1 .main ul{width: }

  .cis-warp1 .main li:first-child{margin-right: 120px;}

  .ldgh .main{width: 22.0930233%;}

  .ldgh-warp1 li:first-child{width: 826px;float: none;margin: 0 auto 60px;}

  .ldgh-warp1 li{margin-right: 3.875969%;}

  .ldgh-warp1 li:nth-child(3){margin-right: 3.875969%;}



  .gl-warp1 .bg{top: 450px;}

  .gl-warp1 .t{margin-bottom: 180px;}

  .gl-warp1 .b .r{padding-top: 50px;}



  .zgs-warp1 .mc .xx .tit{font-size: 20px;line-height: 32px;}

  .zgs-warp2 li{width: 80%;}



  .ry-main li{width: 22%;margin-right: 4%;}

  .ry-main li:nth-child(5n){margin-right: 4%;}

  .ry-main li:nth-child(4n){margin-right: 0;}



  .con-wrap1 .bimg{max-width: 100%;height: auto;}

  .con-wrap4 .from{width: 94%;}

  .con-wrap4 .from .l,.con-wrap4 .from .r{width: 48%;}



  .xfjl-warp2 .pageo{top: 300px;}

  .xfjl-warp3 .main{width: 50%;}



  .duty-warp1{padding-top: 0;}

  .duty-warp1 .l{width: 100%;float: none;display: block;max-width: 100%;margin-bottom: 80px;}

  .duty-warp1 .r{width: 100%;float: none;display: block;}



  .hy-page{right: 100px;}

  .p-hy .xx{left: 8%;}

  .p-hy .more{left: 8%;}



  .yjcx .l{width: calc(50% - 50px)}

  .yjcx .r{margin-top: 100px;}

  .yjcx-warp3{padding: 80px 0;}

  .yjcx-warp3 .titmn{margin-bottom: 30px;}

  .yjcx-warp3 .top .left{float: none;display: block;}

  .yjcx-warp3 .top .right{float: none;display: block;width: 100%;}

  .yjcx-warp3 .top .logo{margin: 30px 0;}

  .yjcx-warp3 .bottom{padding: 0 15px;}

  .yjcx-warp3 .bottom li{padding: 0 10px;}



  .sec2 .main li .tit{margin-bottom: 10px; font-size: 24px;}

  .sec2 .main li .zm{}

  .sec4 .bottom{width: 100%;margin: 0 auto;justify-content: space-between;}

  .sec4 .bottom li{width: 22%;}

  .pro-warp2 .main .mn{width: 32%;}

  .pro-warp2 .main .mn .sum p{line-height: 30px;}

  .pro-warp1 .main li{margin: 0 10px 20px;}





}





@media (max-width: 1200px) {

  /*移动端导航*/

  .header .head-mn{position: relative; width:100%;margin: 0 auto; }

  .header .nav{display: none;}

  .header .logo{left:3%;transform: translate(0,-50%);}

  

  .header .lang li .img1{display: none;}

  .header .phone-nav{display: block;}

  .header .search{left: auto;right: 170px;width: auto;cursor: pointer; background: none;}

  .header .search:hover{background: none;}

  .header .search:hover .img1{display: block;}

  .header .search:hover .img2{display: none;}

  /*.header .logo img{width: 130px;}

  .header .nav li{margin-right: 30px;}

  .header .nav li a{font-size: 16px;}

  .header .nav .left li:last-child{margin-right: 90px;}

  .header .nav .right li:first-child{margin-left: 90px;}*/

  .header .topsearch .head-search{width: 94%;margin: 0 auto;}

  .header .topsearch .search-text{width:calc(100% - 238px);}



  .i-news .r .xx .titl{width: 100%;}

  .i-news .r .xx .sumr{width: 100%;box-sizing: border-box;padding-right: 40px;}

  .i-news .r .swiper-pagination{bottom: 20px!important;}

  .i-pro .page li{width: 380px;padding-left: 68px;}

  .i-pro .bottom .xx .sum{width: 400px;max-height: 90px;}

  .i-ab .i-ab-inner{padding-bottom: 180px;}

  .i-ab .xx{width: 100%;float: none;}

  .i-ab .xx .sum{margin-bottom: 50px;}

  .i-ab .qiu{width: 100%;margin-top: 0px;float: none;display: flex;justify-content: space-between;}

  .i-ab .qiu .bottom{margin-top: 0;}

  .i-ab .qiu-h{display: flex;}

  .i-ab .qiu-h .swiper-slide{display: flex;justify-content: center;}

  .i-ab .qiu-b{display: none;}

  .i-ab .qiu .one{margin: 0;}

  .i-fz .i-f{margin-bottom: 100px;}

  .i-fz .main{}



  .footer .foot-nav .r li{margin-right: 60px;}

  .footer .bimg{width: 80%;height: auto;}



  .ab-wrap1 .l .sum,.ab-wrap4 .top .tit{font-size: 28px;line-height: 56px;}

  .ab-wrap1 .r .sum .n{font-size: 80px;}

  .ab-wrap2 .l{width: 100%;float: none;}

  .ab-wrap2 .r{float: none;display: block;}

  .ab-wrap3 .r{padding-top: 130px;}

  .ab-wrap4 .bottom .r{width: 100%;float: none;}

  .ab-wrap4 .bottom .r .img{max-width: 100%;height: auto;margin: 0 auto 30px;}

  .ab-wrap4 .bottom .l{width: 100%;}



  .cis-warp1 .main li{ float: none;display: flex;justify-content: space-between;align-items: center;}

  .cis-warp1 .main li:first-child{margin: 0 0 50px 0;}

  .cis-warp1 .main li:first-child .img{width: 320px;height: auto;}

  .cis-warp1 .main li .t{margin: 0;}

  .cis-warp2 li{width: 30%;margin-right: 5%;}

  .cis-warp2 li:nth-child(3){margin-right: 0;}

  .cis-warp2 li .t{width: 100%;}

  .cis-warp3{padding-bottom: 200px;}

  .cis-warp3 ul{display: block;}

  .cis-warp3 li{width: 80%;margin: 0 auto 60px;}



  .gl-warp1 .bg{display: none;}

  .gl-warp1 .bimg{float: none;display: block;margin-bottom: 80px;width: 100%;}

  .gl-warp1 .main .r{float: none;display: block;max-width: 100%;}

  .gl-warp1 .bimg .img{margin:0 auto;}

  .gl-warp1 .t{margin-bottom: 100px;}

  .gl-warp2 li{width: 32%;margin-right: 2%;}

  .gl-warp2 li:nth-child(4n){margin-right: 2%;}

  .gl-warp2 li:nth-child(3n){margin-right: 0;}

  .gl-warp2 li:nth-child(12n){margin-right: 0;}



  .ldgh .main,.ldgh .main.oth{width: 40%;margin: 0 5% 60px;}

  .ldgh-warp1 li:nth-child(3){margin-right: 0;}

  .ldgh-warp2 li:nth-child(2n){margin-right: 0;}



  .ry-main li{width: 30%;margin-right: 5%;}

  .ry-main li:nth-child(5n){margin-right: 5%;}

  .ry-main li:nth-child(4n){margin-right: 5%;}

  .ry-main li:nth-child(3n){margin-right: 0;}



  .fzlc-n .fzlc-main{padding-bottom: 50px;}

  .fzlc .bg-tit{width: 80%;height: auto;}

  .fzlc .tit{padding-top: 50px; font-size: 40px;}

  .fzlc-n .fzlcmn{height: auto;width: 100%;}

  .fzlc-n .fzlcmn li{width: 20%; text-align: center;}

  .fzlc-n .fzlcmn .swiper-slide-active{height: auto;}

  .fzlc-n .fzlcmn .swiper-slide-active .time{font-size: 70px;line-height: 44px;}

  .fzlc-n .fzlc-main{width: 100%;}

  .qdbz{padding-bottom: 100px!important;}

  .qdbz .page{position: relative;top: 50px;left: 50%;transform: translateX(-50%); display: inline-block;}

  .qdbz .page .more-l .jt{margin-left: 0;}



  .zgs-warp1{display: block;}

  .zgs-warp1 .mc{float: left;width: 50%;height: 160px;margin-bottom: 30px;}

  .zgs-warp1 .mc:nth-child(3){border-left: 1px solid #eee;}



  .con-wrap1 .main .r{padding-left: 60px;}

  .con-wrap1 .main .bot{padding-left: 20px;}

  .con-wrap1 .main .bot li{margin-right: 20px;}

  .con-wrap1 .main .bot li span{font-size: 16px;}

  .con-wrap3 .main{width: 94%;}



  .rc .main.active{padding-bottom: 70px;}



  .news .top .l{width: 100%;}

  .news .top .r .news-n .img{height: auto;}

  .news .top .news-m{width: 46%;float: left;margin-right: 8%;border: none;}

  .news .top .news-m:nth-child(2){margin-right: 0;}

  .news .top .r{width: 100%;margin-bottom: 50px;}

  .news .bottom li{width: 30%;margin-right: 5%;}

  .news .bottom li:nth-child(3n){margin-right: 0;}

  .news .bottom li:nth-child(4n){margin-right: 5%;}

  .news .bottom li:nth-child(12n){margin-right: 0;}



  .read .xx{width: 100%;float: none; display: block;margin-bottom: 80px; text-align: center;}

  .read .main{width: 100%;float: none;display: block;margin-bottom: 50px;}

  .read .xx .line{margin:20px auto 26px;}

  .read .xx .sum{justify-content: center;}

  .read .viewpage-link{position: static;max-width: 100%;}

  .read .viewpage-link ul{display: flex;justify-content: space-between;}

  .read .viewpage-link ul li{max-width: 44%;}



  .tz .xx{width: 80%;}

  .tz .xx .l{width:36%;padding-left: 20px; }

  .tz .xx .r{width: 64%;}

  .tz .xx .r .sj1, .tz .xx .r .sj2{margin-right: 80px;}



  .xfjl-warp1 .main .l, .xfjl-warp1 .main .r{padding-top: 60px;}

  .xfjl-warp2 .xx{top: 30px;}

  .xfjl-warp2 .pageo{top: auto;bottom: 50px;}

  .xfjl-warp2 .swiper-pagination{padding: 20px 0!important;}



  .jk-warp1{padding-top: 50px;}

  .jk-warp1 .xx .tit,.jk-warp2 .titn{margin-bottom: 20px; font-size: 32px;}

  .jk-warp1 .xx .en{font-size: 24px;}

  .jk-warp1 .xx .sum{font-size: 24px;}

  .jk-warp2 .sumn{font-size: 24px;line-height: 32px;}



  .cxfz-warp1 .xx li img{margin-bottom: 15px;}

  .cxfz-warp2 li{width: 100%;margin: 0 auto 50px;float: none;}

  .cxfz-warp2 li:nth-child(2n){margin: 0 auto 50px;}

  .cxfz-warp2 li .main .bottom{position: relative;top: 0;}



  .video .top .page-video li .tit{font-size: 20px;}



  #menu{display: none;}

  .phead-box{display: none;}

  .section,.fp-tableCell{height: auto!important;}

  .p-hy{padding-top: 100px;height: 100vh;}

  .p-hy .xx,.p-hy .more{left: 3%;}

  .hy-page{right: 3%;width: auto;}



  .sec2 .main li{width: 50%;}

  .sec2 .m-main{height: 100%;}

  .sec2 .main .m-mn{padding: 100px 0;height: auto; background-size: cover;}

  .sec3 .main{padding: 200px 0;}

  .sec4 .top{width: 94%;margin: 0 auto 70px;}

  .sec3 .bottom,.sec4 .bottom{width: 94%;margin: 0 auto;}

  .sec4 .main{padding: 200px 0;}

  .sec4 .bottom li{width: 24%;}



  .yjcx .l{width: 100%;float: none;}

  .yjcx .r{max-width: 860px;width: 100%;float: none;display: block;margin-top: 50px;}

  .yjcx-warp3 .bottom ul{display: block;height: auto;padding: 30px 0;}

  .yjcx-warp3 .bottom li{width: 25%;padding: 15px;height: 140px; float: left;box-sizing: border-box;}

  .yjcx-warp4 .mn .xx{width: 100%;float: none;display: block;}

  .yjcx-warp4 .mn .bimg{position: static;display: block;float: none; transform: translateY(0);width: 100%;max-width: 770px;}



  .zlbz .bimg{position: static;transform: translate(0,0);width: 90%;margin: 0 auto;}

  .zlbz .page{position: static;width: 100%;margin-bottom: 50px;}

  .zlbz .mn{height: auto;width: 100%;margin-bottom: 50px;}



  .hy-warp4 .main{width: 94%;}

  .hy-warp4 .main .mn .bimg{width: 88px!important;}

  .hy-warp4 .main .mn .tit{width: 120px!important;margin-top: 0px;}

  .hy-warp4 .main .mn .tit:before{top: 50%;transform: translateY(-50%);}

  .hy-warp4 .main .mn .tit .t{line-height: 36px;}

  .hy-warp4 .main .mn .sum{width: calc(100% - 302px);padding-top: 0;height: auto;}



  .pro-warp2 .main{flex-wrap: wrap;}

  .pro-warp2 .main .mn:first-child{width: 100%;margin-bottom: 20px;}

  .pro-warp2 .main .mn{width: 46%;}

}



@media (max-width: 940px) {

  .w1720{width: 94%;}



  .header .nav{display: none;}

  .header .head-mn{width: 100%;}

  

  /*.i-banner{height: 600px;}*/

  .i-banner .xx{display: none;}

  .i-news .r .xx{bottom: 40px;}

  .i-pro .page{top: auto;bottom: 0; width: 100%;flex-flow: row;flex-wrap: wrap;height: 300px;}

  .i-pro .page li{float: left;width: 50%;height: 100px;display: flex; justify-content: center;align-items: center;padding: 0;}

  .i-pro .bottom .xx{top: 30%;}

  .i-pro .bottom .xx .sum{width: 80%;margin-bottom: 50px;}

  .i-ab .bimg{max-width: 80%;}



  .i-fz{padding: 60px 0;}

  .i-fz .main{position: static;margin-bottom: 80px;}

  .i-fz .i-fzm .swiper-slide{flex-wrap: wrap;}

  .i-fz .i-fzm .xx{width: 100%;margin-top: 0;margin-bottom: 20px;}

  .i-fz .i-fzm .bimg{width: 100%;}

  .i-fz .i-fzm .page{bottom: 0;}

  #swiper6 .swiper-pagination{bottom: 0;left: 0;right: auto;}

  .i-fz .i-fzm .xx .sum{max-height: 90px;overflow:hidden;}



  .footer .foot-nav{padding: 20px 0;display: flex;justify-content: center;align-items: center;}

  .footer .foot-nav .r{display: none;}

  .footer .foot-nav .l{}



  .ab-wrap1{padding: 50px 0;}

  .ab-wrap1 .l .sum{font-size: 24px;line-height: 48px;}

  .ab-wrap1 .r {float: none;}

  .ab-wrap1 .r .img{display: none;}

  .ab-wrap1 .r .sum{padding: 0;margin-bottom: 40px;}

  .ab-wrap1 .r .sum .m{display: inline-block;}

  .ab-wrap2{padding: 50px 0;}

  .ab-wrap3 .xx{width: 100%;}

  .ab-wrap3 .r{position: absolute;left: 50%;transform: translateX(-50%);bottom: 50px; padding: 0;display: flex;}

  .ab-wrap3 .r .p{margin-right: 50px;}

  .ab-wrap3 .r .next{margin-top: 0;margin-right: 0;}

  .ab-wrap3 .jl{display: none;}

  .ab-wrap4{padding-bottom: 80px;}

  .ab-wrap4 .bottom .l .tit{margin-bottom: 50px;}



  .cis-warp1 .main li{display: block;text-align: center;}

  .cis-warp1 .main li:first-child .img{width: 480px;}

  .cis-warp1 .main li .img{margin: 0 auto 20px;}

  .cis-warp1 .main li .b{margin: 0 auto;}



  .ldgh-warp1 li:first-child{width: 94%;}

  .ldgh-warp1 li:first-child .xx{padding-left: 0;}

  .ldgh .main,.ldgh .main{margin: 0 3% 60px;width: 44%;}



  .fzlc{padding-top: 60px;}

  .fzlc .bg-tit{position: static;}

  .fzlc .tit{padding-top: 40px; font-size: 32px;}

  .fzlc-n .fzlcmn li{width: 33.3333%; }

  .qdbz .xx{width: 100%;padding-right: 30px;box-sizing: border-box;}



  .zgs-warp2 li{width: 90%;box-sizing: border-box;padding: 30px;}

  .zgs-warp2 li .main{left: 0;max-width: 94%;}

  .zgs-warp2 li:nth-child(2n) .main{right: 0;}



  .gl-warp1 .t{margin-bottom: 50px;}

  .gl-warp1 .b .r{padding-top: 30px;}



  .con-wrap1 .main{margin-top: 0;}

  .con-wrap1 .l{width: 100%;}

  .con-wrap1 .main .r{position: static; width: 100%;padding-bottom: 80px;}

  .con-wrap1 .main .bot{display: none;}

  .con-wrap1 .main .page{position: absolute;bottom: 20px;right: 20px; display: block;z-index: 2;}

  .con-hide{display: none;}

  .con-phide{display: block;}

  .con-phide .swiper-slide{display: flex;justify-content: center;}

  .con-wrap2 .item{width: 80%;}

  #swiper10 .page{position: absolute;left: 50%;bottom:60px; transform: translateX(-50%);}



  .rc li{float: none;width: 100%;}

  .rc .main.active{position: relative;}



  .news .bottom li{width: 46%;margin-right: 8%;}

  .news .bottom li:nth-child(2n){margin-right: 0;}

  .news .bottom li:nth-child(3n){margin-right: 8%;}

  .news .bottom li:nth-child(6n){margin-right: 0;}



  .tz .xx{position: static;transform: translateX(0);width: 100%;margin-top: 50px;}



  .xfjl-warp1 .main .l, .xfjl-warp1 .main .r{width: 750px;float: none;display: block;}

  .xfjl-warp2 .xx{position: static;transform: translateX(0);padding: 50px 0 80px;}

  .xfjl-warp2 .xx .sum{color: #333;}

  .xfjl-warp2 .xx .tit{color: #666;}

  .xfjl-warp2 .xx .tit:before{background: #666;}

  .xfjl-warp2 .swiper-pagination{width: 100%!important;display: flex;justify-content: center;}

  .xfjl-warp2 .swiper-button-next:after, .xfjl-warp2 .swiper-button-prev:after{color: #333;}

  .xfjl-warp2 .pageo{width: 100px;right: 3%;left: auto; bottom: 80px;transform: translateX(0);}

  .xfjl-warp2 .pageo .mn{border-color: #ccc;}

  .xfjl-warp3{padding-bottom: 200px;}

  .xfjl-warp3 .xx {margin-bottom: 50px;}

  .xfjl-warp3 .main{top: 0;width: 94%;float: none;}

  .xfjl-warp3 .bg{bottom: 230px; width: 100%;}

  .xfjl-warp3 .pageo{left: 3%;top: auto;bottom: 150px; width: 94%;}



  .jk-warp1 .main{display: block;}

  .jk-warp1 .main li{margin: 0 auto 80px;width: 80%;}

  .jk-warp1 .main li:last-child{margin: 0 auto;}

  .jk-warp1 .main .img{width: 100%;height: auto;}

  .jk-warp2 li{margin: 0 auto 50px;width: 80%;float: none;}

  .jk-warp2 li:nth-child(2n){margin: 0 auto 50px;}

  .jk-warp2 li .mn .sum{height: auto;}



  .cxfz-warp1 .xx{position: relative;width: 100%;height: 300px;}

  .cxfz-warp1 .xx li .mn{width: 100%;}



  .video .bottom li{width: 48%;margin-right: 4%;}

  .video .bottom li:nth-child(3n){margin-right: 4%;}

  .video .bottom li:nth-child(2n){margin-right: 0;}

  .video .bottom li:nth-child(6n){margin-right: 0;}

  .video .bottom li .tit{font-size: 20px;}



  .yjcx .summ{margin-bottom: 30px;}

  .yjcx-warp3 .top .logo{display: none;}



  .hy-warp3 .main{width: 94%;}

  .hy-warp3 .main .l{width: 35%;}

  .hy-warp3 .main .r{width: 65%;}



  .p-hy .xx{max-width: 400px;}

  .sec2 .main li .bottom .sum{margin: 12px 0;}

  .sec3 .top{width: 94%;margin: 0 auto 80px;}

  .sec4 .bottom{flex-wrap: wrap;}

  .sec4 .bottom li{width: 49%;margin-bottom: 20px;}



  .pro-warp3 .main .mn li{width: 30%;margin: 0 1.66666% 15px;padding: 5px;}

  .pro-warp3 .main .mn li .t{padding-left: 5px;}



}





@media (max-width: 768px) {

  .pc{display: none;}

  .phone{display: block;}



  .header{height: 70px;}

  .header .lang li{height: 70px;}

  .head-box{height: 70px;}

  .header.header-small,.header.header-small .lang li{height: 70px;}

  .header .logo img{height: 50px;}

  .header.header-small .logo img{width: 150px;height: auto;}

  .header .topsearch{top:-100vh; height: 100vh;}

  .header .topsearch .topsearch-inner{height: 100%;background: #fbfbfb;}

  .header .topsearch .head-search{position: relative;height: 100%; display: block;}

  .header .topsearch .search-submit{position: absolute;left:50%;transform: translateX(-50%);bottom: 40%; width: 90%;height: 50px;line-height: 50px;}

  .header .topsearch .search-close{position: absolute;left:50%;transform: translateX(-50%);bottom: 20%; width:80px;float: right;}

  .header .topsearch .search-text{position: absolute;left: 50%;top: 30%;transform: translate(-50%,0); width:calc(100%);box-sizing: border-box;}

  .i-banner{height: auto;}

  .i-banner .jd{display: none!important;}



  .localNav_area{display: none;}

  .i-news{padding: 60px 0;}

  .i-news .bg{width: 150px;}

  .i-news .r .xx .sumr{max-height: 60px;overflow: hidden;}

  .i-pro .page li .left .iimg{width: 50px;height: auto;}

  .i-pro .page li .r{width: 170px;}

  .i-pro .page li .r .tit{margin-bottom: 6px; font-size: 24px;line-height: 32px;}

  .i-news .r .mimg:after{display: none;}

  .i-news .r .xx{position: static;padding: 20px 0 60px 10px;}

  

  .i-fz .main{margin-bottom: 50px;}

  .i-fz .i-fzm .xx .tit{font-size: 24px;}

  .i-fz .i-fzm .xx .sum{max-height: 60px;text-overflow: ellipsis;}

  .i-fz .i-fzm .bimg{margin-bottom: 32px;}

  .q-zong .xxm .num{font-size: 40px;}

  .i-ab .xx .sumn{margin-bottom: 60px;}

  .i-ab .xx .tit{font-size: 24px;line-height: 32px;}

  .i-ab .xx .ftit{margin-bottom: 35px;}

  .main .titn{font-size: 34px;line-height: 42px;}



  .footer .foot-con{margin-bottom: 30px;}

  .footer .foot-con .l{width: 100%;max-width: 100%;margin-bottom: 50px;display: none;}

  .footer .foot-con .page{position: relative;left: 50%;transform: translateX(-50%); display: inline-block;}

  .footer .foot-con .xx p{padding: 0 5%;}

  .footer .foot-con .r{width: 100%;text-align: center;}

  .footer .foot-con .r .ewm{margin:  0 auto 18px;}

  .footer .foot-con .r .sum{text-align: center;}

  .footer .foot-xx .l{flex-wrap:wrap;justify-content:center; width: 100%; text-align: center;}

  .footer .foot-xx .r{margin:10px 0; width: 100%;float: none;text-align: center;}

  .footer .foot-xx p{line-height: 30px;}



  .ab-banner .txt .tit{margin-bottom: 20px;}

  .ab-banner .txt .sum{font-size: 34px;}

  .ab-wrap1 .l .sum{font-size: 20px;line-height: 40px;}

  .ab-wrap3{padding-bottom: 150px;}

  .ab-wrap1 .l .sum, .ab-wrap4 .top .tit{font-size: 24px;}

  .ab-wrap4 .bottom .l .sum{padding-right: 0;}



  .fzlc{margin-bottom: 30px;}

  .fzlc .tit{padding-top: 10px;}

  .fzlc-n{min-height: auto;}

  .fzlc-n .fzlc-main{padding-bottom: 30px;}

  .qdbz .tit{line-height: 30px;}

  .fzlc-n .fzlcmn .time{font-size: 30px;}

  .fzlc-n .fzlcmn .swiper-slide-active .time{font-size: 30px;}



  .gl-warp1 .main .r .tit{font-size: 34px;}

  .gl-warp1 .bimg{margin-bottom: 0px;}

  .gl-warp2 li .b .tit{height: 48px; font-size: 24px;}

  .gl-warp2 li{width: 47%;margin-right: 6%;}

  .gl-warp2 li:nth-child(4n){margin-right: 0%;}

  .gl-warp2 li:nth-child(2n){margin-right: 0;}

  .gl-warp2 li:nth-child(3n){margin-right: 6%;}

  .gl-warp2 li:nth-child(6n){margin-right: 0%;}



  .ry-main li{width: 48%;margin-right: 4%;}

  .ry-main li:nth-child(5n){margin-right: 4%;}

  .ry-main li:nth-child(4n){margin-right: 4%;}

  .ry-main li:nth-child(3n){margin-right: 4%;}

  .ry-main li:nth-child(2n){margin-right: 0;}

  .ry-nav ul{float: left;padding-left: 30px;}

  .ry-nav .tit{margin-bottom: 30px; float: none;display: block;}

  .ry-nav li:first-child{margin-right: 60px;}



  .cis-warp1 .titn{margin-bottom: 50px;}

  .cis-warp1 .main li:first-child{margin-bottom: 30px;}

  .cis-warp1 .main li{text-align: left;}

  .cis-warp2,.cis-warp1,.cis-warp3{padding: 50px 0;}

  .cis-warp2 ul{margin-bottom: 30px;}

  .cis-warp3 li .t .tit{font-size: 24px;}



  .zgs-warp1{padding: 50px 0 20px 0;}

  .zgs-warp1 .mc{width: 100%;height: auto;margin-bottom: 10px;border-left: 1px solid #eee;justify-content: space-between;padding: 20px;}

  .zgs-warp1 .mc .jt{position: static;transform: translateX(0);}

  .zgs-warp1 .mc .xx{padding: 0 15px;}

  .zgs-warp2{padding-top: 0;}

  .zgs-warp2 li{margin-bottom: 30px;}

  .zgs-warp2 li .xx .sum{line-height: 30px;}



  .localNav_area .b{width: 110px;padding-left: 10px; font-size: 14px;}



  .con-wrap1{margin-bottom: 50px;}

  .con-wrap1 .bimg{margin: 30px auto;}

  .con-wrap1 .main .r{padding: 50px 20px;}

  .con-wrap1 .map{height: 300px;}

  .con-wrap1 .main .page{bottom: 50px;}

  .con-wrap1 .main .r .tit,.con-wrap2 .item .tit{margin-bottom: 10px; font-size: 24px;}

  .con-wrap3 .titn,.con-wrap4 .titn{font-size: 26px;line-height: 40px;}

  .con-wrap3{background-size: cover;}

  .con-wrap3 .main li .bottom .sum{max-height: 60px;line-height: 30px; }

  .con-wrap3 .main li .top .tit{font-size: 20px;}

  .con-wrap3 .main li .top .time{padding-top: 4px;}

  .con-wrap3 .main li .top{margin-bottom: 20px;}

  .con-wrap3 .main li .bottom .sum:nth-child(2){display: none;}

  .con-wrap4{padding: 60px 0 80px;}

  .con-wrap4{background-size: cover;}

  .con-wrap4 .from{height: auto;}

  .con-wrap4 .from .l{width: 100%;}

  .con-wrap4 .from .r{width: 100%;}

  .con-wrap4 .from .infoInput{margin: 0 auto 38px;}

  .con-wrap4 .from textarea{display: block;}

  .con-wrap4 .from .button{width: 240px;}



  .rc{padding: 50px 0;}

  .rc li{margin-bottom: 40px;}

  .rc .titn{font-size: 24px;}



  .news .top .r .news-n .mimg:after{display: none;}

  .news .top .r .news-n .mimg{margin-bottom: 30px;}

  .news .top .r .news-n .xx{position: static;}

  .news .top .r .news-n .xx a{color: #333;}

  .news .top .r .news-n .xx .sum{max-width: 100%;max-height: 90px; box-sizing: border-box;padding-right: 20px;overflow:hidden;}



  .read{padding: 40px 0 100px;}

  .read .xx{margin-bottom: 50px;}

  .read .xx .tit{font-size: 24px;line-height: 40px;}

  .read .main{padding: 50px 20px;}

  .read .main p{line-height: 30px;}

  .read .viewpage-link ul{display: block;}

  .read .viewpage-link ul li{max-width: 100%;}



  .tz .xx .l{width: 100%;float: none;display: block;padding-left: 0;text-align: center;}

  .tz .xx .r{width: 100%;justify-content: space-around;}

  .tz .xx .r .sj1, .tz .xx .r .sj2{margin-right: 0;}



  .xfjl-warp1{padding: 50px 0;}

  .xfjl-warp1 .main .l, .xfjl-warp1 .main .r{width: 100%;padding-top:30px;}

  .xfjl-warp1 .main .img{width: 100%;}

  .xfjl-warp3{padding: 60px 0 140px;}

  .xfjl-warp3 .main .tit{font-size: 18px;}

  .xf-main .main .swiper-slide img{max-width: 94%;max-width: 94%;}

  .xf-main .main .swiper-button-prev{left: 3%;}

  .xf-main .main .swiper-button-next{right: 3%;}



  .duty-warp1{padding-bottom: 50px;}

  .duty-warp1 .l{margin-bottom: 50px;}

  .duty-warp1 .l .tit{margin-bottom: 20px;}

  .duty-warp2{padding-bottom: 80px;}

  .duty-warp2 li{width: 100%;margin: 0;}

  .duty-warp2 li .tit{height: auto;line-height: 30px;}

  .duty-warp2 .jz-more{width: 250px;}

  .duty-warp2 .titn{margin-bottom: 40px;}

  .cxfz-warp1 .img{display: none;}

  .cxfz-warp1 .bimg{height: 324px;background: url(/static/img/mx1.jpg) no-repeat center;}

  .cxfz-warp2{padding: 30px 0;}



  .video{padding: 50px 0;}

  .video .top{margin-bottom: 40px;}

  .video .top .page-video{position: static;transform: translate(0,0);background: rgba(0,0,0,.6);}

  .video .top .page-video li{width: 50%;}

  .video .bottom li .tit{height: 60px; }



  .jk-warp1 .xx,.jk-warp1 .main li{margin-bottom: 50px;}

  .jk-warp1 .xx .tit, .jk-warp2 .titn{font-size: 28px;}

  .jk-warp1 .xx .en{line-height: 30px;font-size: 20px;}

  .jk-warp1 .xx .sum,.jk-warp2 .sumn{font-size: 20px;}

  .jk-warp2{padding: 50px 0 20px;}

  .jk-warp2 li .mn .tit{font-size: 24px;}

  .jk-warp2 .sumn{margin-bottom: 40px;}

  .jk-warp2 li .mn .sum{line-height: 30px;}



  .news .top{padding-top: 50px;}

  .news .top .r .news-n .xx .tit{height: 40px; line-height: 40px;}



  .tz{padding: 50px 0;}



  .yjcx .titn{font-size: 28px;margin-bottom: 20px;}

  .yjcx .titmn{font-size: 24px;margin-bottom: 30px;}

  .yjcx .summ{line-height: 30px;}

  .yjcx-warp1,.yjcx-warp2{padding-bottom: 80px;}

  .yjcx-warp2 .r .sum{font-size: 18px;padding-right: 20px;}

  .yjcx-warp3 .bottom{padding-bottom: 70px;}

  .yjcx-warp3 .pageo{position: absolute;left:50%;transform: translateX(-50%);bottom: 45px;width: 100px; height: 40px;z-index: 2;}

  .yjcx-warp3 .pageo .mn{top: auto!important;margin-top: 0!important; width: 40px;height: 40px;box-sizing: border-box;border: 1px solid #666;}

  .yjcx-warp3 .pageo .mn:hover{border-color: #00a2e9;background: #00a2e9;}

  .yjcx-warp3 .swiper-button-next:after,.yjcx-warp3 .swiper-button-prev:after{font-size: 18px;color: #666;}

  .yjcx-warp3 .swiper-button-next:hover:after,.yjcx-warp3 .swiper-button-prev:hover:after{color: #fff;}

  .yjcx-warp3 .swiper-button-next.swiper-button-disabled,.yjcx-warp3 .swiper-button-prev.swiper-button-disabled{opacity: 1;pointer-events:all;}

  .yjcx-warp3 .swiper-button-prev{left: 0;}

  .yjcx-warp3 .swiper-button-next{left: 60px;right: auto;}

  .yjcx-warp3 .bottom ul{display: flex;}

  .yjcx-warp3 .bottom li .num{font-size: 48px;line-height: 1em;}

  .yjcx-warp4 .mn .title{width: 100%;margin: 0 auto 30px;max-width: 510px;padding: 0 5px; text-align: center;}

  .yjcx-warp4 .mn:nth-child(4) .title{width: 94%;margin: 0 auto 30px;max-width: 540px;}

  .yjcx-warp4 .mn .title .t{font-size: 20px;}

  .yjcx-warp4 .mn .sum dt{font-size: 18px;}

  .yjcx-warp4 .mn .sum dd{font-size: 16px;line-height: 30px;}

  .yjcx-warp4 .mn .sum dl.oth dt{font-size: 18px;}

  .yjcx-warp4 .mn .sum dt span{font-size: 16px;}

  .yjcx-warp4 .main{padding: 0;}

  .yjcx-warp4 .mn{margin-bottom: 50px;}



  .zlbzx{padding-top: 80px;}

  .zlbz{padding: 0;margin-bottom: 60px;}

  .zlbz .bimg{width: 94%}

  .zlbz .tmn,.zlbz .page li .t{font-size: 18px;}

  .zlbz .tmn{margin-bottom: 25px;}

  .zlbz .sum p{line-height: 30px;}

  .zlbz .mn{margin-bottom: 30px;}



  .hyyy .titn{font-size: 26px;}

  .hy-fh{display: none;}

  .hy-warp1 .bq{top: 200px;bottom: auto;}

  .hy-warp1{box-sizing: border-box;height: auto;padding-top: 350px;background-repeat:no-repeat;background-size: 100% auto;background-position: center top; }

  .hy-warp1 ul li{width: 30%;margin: 0 2%;}

  .hy-warp1 .xx{padding-top: 0px;max-width: 100%;}

  .hy-warp1 .xx .hy-tit{margin-bottom: 20px;display: block;text-align: center; font-size: 32px; color: #00a2e9;}

  .hy-warp1 .xx .hy-tit:before{display: none;}

  .hy-warp1 .xx .hy-sum{line-height: 30px;color: #666;}



  .hy-warp2 li{width: 46%;margin: 0 2% 26px;}

  .hy-warp2 li p{font-size: 14px;}

  .hy-warp4 .main .mn .tit .t{font-size: 24px;}

  .hy-warp4 .main:before{display: none;}

  .hy-warp4 .main .mn{display: block;margin-bottom: 50px; text-align: center;}

  .hy-warp4 .main .mn .bimg{margin:0 auto 30px;}

  .hy-warp4 .main .mn .tit{width: auto!important;display: inline-block;}

  .hy-warp4 .main .mn .sum{width: 100%;}



  .p-hy{height: auto;padding: 70px 0 70px!important;}

  .p-hy .img{position: static; transform: scale(1);height: 300px;}

  .p-hy .xx{position: static; left: 0;margin: 0 auto;width: 94%;max-width: 100%;padding: 230px 0 30px;}

  .p-hy .xx .tit{margin-bottom: 20px; font-size: 32px;color: #333;}

  .p-hy .xx .sum p{color: #666;}

  .p-hy .more{position: relative;border-color: #666;}

  .p-hy a{color: #666;}

  .hy-page{display: flex;top: 500px; flex-wrap: wrap;right: 0;padding: 20px 5px;}

  .hy-page li{width: 33.333%;box-sizing: border-box; margin-bottom: 10px;}

  .hy-page li .t{margin-left: 6px;max-width: 100px; height: 28px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap; font-size: 14px;color: #666;}

  .hy-page li .progress .dian{background: #00a2e9;}

  .hy-page li .progress .progress-bar{border-color: #00a2e9;}

  .sec2 .main .m-mn{padding: 80px 0;}

  .sec2 .main li{width: 50%;}

  .sec2 .main li{padding: 30px 10px;height: auto;}

  .sec2 .main li .zm{display: none;}

  .sec2 .main li .bottom{display: block;padding: 0;}

  .sec2 .main li .tit{height: 35px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

  .sec2 .main li .en{display: none;}

  .sec3 .top .tit,.sec4 .top .tit{font-size: 32px;}

  .sec3 .top .sum,.sec4 .top .sum{font-size: 16px;line-height: 30px;}

  .sec3 .bottom{flex-wrap: wrap;}

  .sec3 .bottom li{min-width: 80px;margin-bottom: 20px;}

  .sec3 .bottom .t{font-size: 24px;}

  .sec3 .bottom .img{width: 80px;}

  .sec4 .main,.sec3 .main{padding: 100px 0;}

  .sec4 .bottom .t{font-size: 22px;padding-top: 0;}

  .sec4 .bottom .img{width: 80px;}

  .sec4 .bottom .bimg{height: 100px;}

  .sec4 .bottom li{height: auto;padding: 20px 0;}



  .pro .titn{font-size: 32px;line-height: 48px;}

  .pro-warp1 .title{margin-bottom: 50px;}

  .pro-warp1 .sum p{line-height: 30px;}

  .pro .pro-t{margin-bottom: 40px;}

  .pro .pro-t,.pro-warp2 .main .mn .tit{font-size: 24px;}

  .pro-warp1 .main li{width: calc(50% - 20px);}

  .pro-warp1 .main{padding: 0 10px;}

  .pro-warp2 .main .mn{width: 100%;margin-bottom: 20px;}

  .pro-warp3{background-size:cover; padding: 50px 0;}

  .pro-warp3 .main{padding-top: 0;}

  .pro-warp4 .main .img1{margin-right: 0!important}



  .m-di ul{display: none;}



  .sq-form{padding:80px 20px; }

  .sq-form .row-submit .file-box input{width: 100px;}

  .sq-form .row-submit .file-box span{width: 100px;font-size: 16px;}

  .sq-form .row-submit .submit{width: 130px;}

}



@media (max-width: 600px) {

  

  .header .lang{width: 80px;}

  .header .phone-nav{right: 100px;}

  .header .search{right: 150px;}



  .i-news .r .xx .tit{font-size: 20px;line-height: 32px;max-height: 32px;}

  .i-news .bottom li{width: 100%;}

  .i-pro .bottom .xx .tit{font-size: 32px;}

  .i-pro .page-h{display: none;}

  .i-pro .bottom .page-b{position: absolute; left: 50%;transform: translateX(-50%);

    bottom: 150px; display: block;width: 94px;z-index: 2;}



  .ab-wrap2 .r{width: 100%;}

  .ab-wrap2 .r .sum{width: 70%;}



  .cis .titn{font-size: 32px;}

  .cis-warp1 .main li .img{max-width: 90%;width: auto;}

  .cis-warp2 li{width: 45%;margin-right: 10%;}

  .cis-warp2 li:nth-child(3){margin-right: 10%;}

  .cis-warp2 li:nth-child(2n){margin-right: 0;}

  .cis-warp3 li{width: 94%;}



  .gl-warp1{padding: 80px 0px;}



  .ldgh .main .xx{left: 10px;padding-right: 10px;}

  .ldgh .main .bimg.yybj:after{display: none;}

  .ldgh-warp1 li:first-child{width: 100%;max-width: 900px;}

  .ldgh-warp1 li:first-child .xx{position: static;padding: 20px 0; color: #333;}

  .ldgh-warp1 li:first-child .xx .sum{font-size: 24px;line-height: 30px;}

  .ldgh .main,.ldgh .main.oth{width: 100%;max-width: 380px;float: none;margin: 0 auto 60px;}

  .ldgh-warp1 li:nth-child(3){margin: 0 auto 60px;}

  .ldgh-warp1 li:nth-child(5){margin: 0 auto 60px;}

  .ldgh-warp2 li:nth-child(2n){margin: 0 auto 60px;}

  .ldgh-warp2 li:nth-child(4n){margin: 0 auto 60px;}



  .zgs-warp2 li{width:96%;padding: 30px 15px; }

  .zgs-warp2 li .main{max-width: 100%;}

  .zgs-warp2 li .xx .tit{font-size: 24px;line-height: 32px;}



  .con-wrap2 .item{width: 94%;}



  .rc .main{padding: 19px 15px 92px 15px; }



  .news .top .news-m{width: 100%;margin: 0 0 30px 0;}

  .news .top .news-m:nth-child(1){border-bottom: 1px solid #e6e6e6;}

  .news .bottom li{width: 100%;margin-right: 0;}



  .xfjl-warp2 .xx .sum,.xfjl-warp3 .xx .sum,.xfjl-warp1 .tit,.xfjl-warp1 .main .sum{font-size: 24px;line-height: 40px;}

  .xf-main .main.ma{height: 500px;}



  .jk-warp1 .main li,.jk-warp2 li{width: 100%;}



  .duty-warp1 .l .tit,.duty-warp2 .titn{font-size: 24px;line-height: 40px;}



  .cxfz-warp1 .xx li img{max-width: 40px;height: auto;}

  .cxfz-warp2 li{display: block;}

  .cxfz-warp2 li .year{width: 100%;height: 50px;}

  .cxfz-warp2 li .year p{font-size: 22px;line-height: 50px;}

  .cxfz-warp2 li .main .top .tit{font-size: 20px;}

  .cxfz-warp2 li .main{width: 100%;padding: 0 15px;}

  .cxfz-warp2 li .main .bottom{padding: 0 15px 50px;}



  .video .top .page-video li{height: 80px;}

  .video .top .page-video li .tit{font-size: 16px;}

  .video .bottom li{width: 100%;margin: 0 0 30px!important;}



  .read .main{padding: 30px 10px;}



  .pro-warp3 .main .mn li{width: 46%;margin: 0 2% 15px;}



  .hy-warp1{background-size:auto; }

}