body{ margin: 0; padding: 0;}
*{ margin: 0; padding: 0; list-style: none; font-size: 14px; color: #000;}
a{ text-decoration: none; cursor: pointer;}
img{ border: 0; cursor: pointer;}
h1, h2, h3, h4, h5{ font-weight: normal;}
ul, li{ list-style: none; cursor: pointer;}
b, i, em{ font-weight: normal; font-style: normal;}
button, textarea, input{ outline: none;}
html,body{ font-size: calc(100vw/19.2);}
@font-face{
	font-family: 'font1';
	src:url("../fonts/Arial MT.ttf");
}
/* 清除浮动 */
.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}
.w1260{ width: 1260px; margin: auto;}
.header{ position: fixed; top: 0; left: 0; right: 0; z-index: 50; background: #fafafa; height: 110px; display: flex; align-items: center; justify-content: center; transition: all 0.5s;}
.header2{ box-shadow: 0 0 15px hsla(0,0%,0%,0.15);}
.header .cont{ display: flex; justify-content: space-between; align-items: flex-end;}
.header .cont .logo a,
.header .cont .logo a img{ display: block; height: 80px;}
.headerdata .cont .logo a,
.headerdata .cont .logo a img{ height: 59px;}
.headerdata{ background: #fff; height: 100px;}
.header .cont .nav{ display: flex;}
.header .cont .nav .li{ margin-left: 55px;}
.header .cont .nav .li:first-child{ margin-left: 0;}
.header .cont .nav .li .tit a{ display: block; font-size: 16px; line-height: 48px; color: #575757; transition: all 0.5s;}
.header .cont .nav .li:hover .tit a,
.header .cont .nav .li.on .tit a{ color: #3096D4;}
.banner{ margin-top: 120px;}
.banner .imgbox{ position: relative;}
.banner .imgbox .m{ width: 100%; height: 5.8rem; overflow: hidden;}
.banner .imgbox .m img{ display: block; width: 100%; opacity: 0;}
.banner .imgbox .text{ position: absolute; top: 50%; left: 5.3rem; transform: translateY(-50%); padding: 60px 0 55px 25px; border-left: 4px solid #459ddd;}
.banner .imgbox .text .h1,
.banner .imgbox .text .h1 i{ font-size: 44px; line-height: 44px; color: #333;}
.banner .imgbox .text .h1 i{ color: #e63e15;}
.banner .imgbox .text .h1{ display: flex; margin-left: 26px;}
.banner .imgbox .text .p{ margin: 20px 0 0 12px; border-left: 5px solid #0a90bc; padding: 10px; line-height: 30px; font-size: 22px; color: #333;}
.banner .imgbox .text .en{ width: 410px; margin: 10px 0 0 27px; font-size: 14px; line-height: 20px;}
.banner .imgbox .text::after{ content: ''; width: 532px; height: 40px; position: absolute; top: 0; left: 0; background: url(../images/2.png) no-repeat center top; background-size: 100% auto;}
.banner .imgbox .text::before{ content: ''; width: 532px; height: 40px; position: absolute; left: 0; bottom: 0; background: url(../images/2s.png) no-repeat center bottom; background-size: 100% auto;}
.banner .swiper-button-next, .banner .swiper-button-prev{ width: 44px; height: 80px; background: hsla(0,0%,0%,0.30) url(../images/4.png) no-repeat center; background-size: 18px auto; transition: all 0.5s;}
.banner .swiper-button-next::after, .banner .swiper-button-prev::after{ display: none;}
.banner .swiper-button-prev{ left: 2.06rem;}
.banner .swiper-button-next{ right: 2.06rem; transform: rotate(180deg);}
.banner .swiper-button-next:hover, .banner .swiper-button-prev:hover{ background: hsla(0,0%,0%,0.80) url(../images/4.png) no-repeat center; background-size: 18px auto;}
.banner .swiper-pagination{ width: 100%; display: flex; justify-content: center; bottom: 20px!important;}
.banner .swiper-pagination span{ width: 14px; height: 14px; margin: 0 6px;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #e44a23;}
.indexabout{ padding: 85px 0 0 0;}
.title{ text-align: center;}
.title .en{ text-transform: uppercase; font-size: 34px; line-height: 34px; color: #999; font-family: 'font1';}
.title .h1{ font-size: 30px; line-height: 30px; margin-top: 15px; color: #5E5E5E;}
.indexabout .list{ margin-top: 56px; display: flex; justify-content: space-between;}
.indexabout .list .img{ width: 560px; overflow: hidden;}
.indexabout .list .img img{ display: block; width: 100%;}
.indexabout .list .text{ width: 630px; padding-bottom: 50px;}
.indexabout .list .text .top .h{ font-size: 24px; line-height: 1; color: #5E5E5E;}
.indexabout .list .text .top .t{ font-size: 15px; line-height: 1; margin-top: 8px; color: #808080; font-family: 'font1';}
.indexabout .list .text .p{ margin-top: 25px; font-size: 15px; line-height: 28px; text-indent: 28px; color: #5E5E5E;}
.indexabout .list .text .more{ margin-top: 75px; display: flex; justify-content: space-between; text-align: center;}
.indexabout .list .text .more .m{ width: 88px; height: 88px; border-radius: 100%; border: 1px solid #B3B3B3; display: flex; justify-content: center; align-items: center; margin: auto; position: relative; transition: all 0.5s;}
.indexabout .list .text .more .li:hover .m{ border-color: #3096D4;}
.indexabout .list .text .more .m img{ display: block; width: 100%; position: absolute; top: 0; left: 0; transition: all 0.5s; opacity: 0;}
.indexabout .list .text .more .m img.k1{ opacity: 1;}
.indexabout .list .text .more .li:hover .m img.k1{ opacity: 0;}
.indexabout .list .text .more .li:hover .m img.k2{ opacity: 1;}
.indexabout .list .text .more .s{ font-size: 18px; line-height: 1; margin-top: 15px; color: #575757;}
.indexabout .list .text .more .e{ font-size: 13px; line-height: 1; margin-top: 5px; color: #999; font-family: 'font1';}
.indexbuing{ padding: 85px 0 100px 0; background: url(../images/10.jpg) no-repeat center; background-size: cover; position: relative; overflow: hidden;}
.indexbuing::after{ width: 3.3rem; background: #fff; position: absolute; top: 224px; left: 0; bottom: 150px; content: '';}
.indexbuing .swiper{ padding: 0 0 50px 0;}
.indexbuing .list{ margin-top: 60px;}
.indexbuing .textbox{ display: flex; justify-content: space-between;}
.indexbuing .textbox .text{ width: 460px; padding: 60px 70px 60px 0; background: #fff; position: relative; z-index: 5;}
.indexbuing .textbox .text .top{ display: flex; line-height: 28px;}
.indexbuing .textbox .text .top .num{ font-size: 28px; color: #999; margin-right: 10px; font-family: 'font1';}
.indexbuing .textbox .text .top .s{ font-size: 18px; color: #999; font-family: 'font1';}
.indexbuing .textbox .text .h{ font-size: 30px; color: #3096D4; line-height: 1; margin-top: 20px;}
.indexbuing .textbox .text .p{ font-size: 15px; line-height: 28px; margin-top: 35px; color: #575757;}
.indexbuing .textbox .text .a a{ display: block; width: 128px; height: 32px; text-align: center; line-height: 32px; font-size: 15px; color: #808080; border: 1px solid #B3B3B3; margin-top: 70px; transition: all 0.5s;}
.indexbuing .textbox .text .a a:hover{ background: #3096D4; border-color: #3096D4; color: #fff;}
.indexbuing .textbox .text video{ display: none;}
.indexbuing .textbox .text .play{ width: 60px; height: 60px; background: #3097d4 url(../images/8.png) no-repeat center; background-size: 100% auto; border-radius: 100%; position: absolute; top: 50%; right: -30px; margin-top: -30px; cursor: pointer; transition: all 0.5s;}
.indexbuing .textbox .text .play:hover{ background: #999 url(../images/8.png) no-repeat center; background-size: 100% auto;}
.indexbuing .textbox .img{ width: 590px; display: flex; justify-content: flex-end; align-items: center;}
.indexbuing .textbox .img img{ display: block; max-width: 100%; max-height: 100%;}
.indexbuing .textbox{ opacity: 0;}
.indexbuing .swiper-slide-active .textbox{ opacity: 1;}
/*.indexbuing .swiper-slide{ transition: none!important;}*/
.indexbuing .swiper-pagination{ left: 0; bottom: 0!important; display: flex;}
.indexbuing .swiper-pagination>span{ display: block; width: 60px; height: auto; background: hsla(0,0%,100%,0.00); border-radius: 0; font-size: 12px; line-height: 12px; color: #999; opacity: 1; padding-bottom: 5px; border-bottom: 2px solid #999; margin: 0 20px 0 0!important; font-family: 'font1';}
.indexbuing .swiper-pagination>span.swiper-pagination-bullet-active{ color: #3097d4; border-color: #3097d4;}
.indexbuing .swiper-slide::after{ content: ''; width: 530px; background: #fff; position: absolute; top: 0; left: 0; bottom: 0;}
.indexcase{ padding: 85px 0 0 0;}
.indexcase .list{ width: 1290px; margin-left: -15px;}
.indexcase .list .swiper{ padding: 50px 0;}
.indexcase .list .mker a{ display: block; width: 400px; background: #fff; margin: auto; border: 1px solid #ccc; padding: 10px 0; transition: all 0.5s;}
.indexcase .list .mker a:hover{ border-color: #fff; box-shadow: 0 0 10px hsla(0,0%,0%,0.20);}
.indexcase .list .mker .m{ width: 380px; height: 260px; overflow: hidden; margin: auto;}
.indexcase .list .mker .m i{ display: block; width: 100%; height: 100%; overflow: hidden; transition: all 0.5s;}
.indexcase .list .mker:hover .m i{ transform: scale(1.03);} 
.indexcase .list .mker .m i img{ display: block; width: 100%;}
.indexcase .list .mker .p{ font-size: 16px; line-height: 26px; padding: 15px 10px; text-align: center; color: #575757; transition: all 0.5s;}
.indexcase .list .mker:hover .p{ color: #3096D4;}
.indexcase .list .swiper-button-next, .indexcase .list .swiper-button-prev{ width: 34px; height: 50px; background: hsla(0,0%,0%,0.29) url(../images/12.png) no-repeat center; background-size: 14px auto; transition: all 0.5s;}
.indexcase .list .swiper-button-next::after, .indexcase .list .swiper-button-prev::after{ display: none;}
.indexcase .list .swiper-button-prev{ left: 14px; transform: rotate(180deg);}
.indexcase .list .swiper-button-next{ right: 14px;}
.indexcase .list .swiper-button-next:hover, .indexcase .list .swiper-button-prev:hover{ background: hsla(0,0%,0%,0.80) url(../images/12.png) no-repeat center; background-size: 14px auto;}
.indexnews{ padding: 35px 0 85px 0;}
.indexnews .list{ margin-top: 50px; display: flex; justify-content: space-between;}
.indexnews .list .left{ width: 530px;}
.indexnews .list .right{ width: 630px;}
.indexnews .list .left a{ display: block; width: 100%;}
.indexnews .list .left a .m, .indexnews .list .left a .m img{ display: block; width: 100%; overflow: hidden; transition: all 0.5s;}
.indexnews .list .left:hover a .m img{ transform: scale(1.03);}
.indexnews .list .left .tp{ display: flex; justify-content: space-between; align-items: flex-end; margin-top: 30px;}
.indexnews .list .left .tp .h{ font-size: 20px; line-height: 20px; width: 70%; color: #575757; transition: all 0.5s;}
.indexnews .list .left:hover .tp .h{ color: #3096D4;}
.indexnews .list .left .tp .t{ font-size: 15px; line-height: 15px; color: #808080; font-family: 'font1';}
.indexnews .list .left .p{ font-size: 15px; line-height: 26px; margin-top: 15px; color: #808080;}
.indexnews .list .right .li{ padding: 20px 0; border-top: 1px solid #E6E6E6;}
.indexnews .list .right .li:first-child{ padding: 0 0 20px 0; border-top: none;}
.indexnews .list .right .li a{ display: flex;}
.indexnews .list .right .li a .time{ width: 100px; display: flex; text-align: center;}
.indexnews .list .right .li a .ps{ width: calc(100% - 100px);}
.indexnews .list .right .li a .ps .h{ font-size: 18px; line-height: 1; color: #575757; transition: all 0.5s;}
.indexnews .list .right .li:hover a .ps .h{ color: #3096D4;}
.indexnews .list .right .li a .ps .p{ font-size: 14px; line-height: 26px; margin-top: 10px; color: #808080;}
.indexnews .list .right .li a .time .h{ font-size: 30px; line-height: 30px; color: #B3B3B3; font-family: 'font1';}
.indexnews .list .right .li a .time .p{ font-size: 16px; line-height: 16px; margin-top: 10px; color: #B3B3B3; font-family: 'font1';}
.footer{ background: #3B3B3B; padding: 70px 0;}
.footer .cont{ display: flex; justify-content: space-between;}
.footer .cont .li{ width: calc(100% / 3); padding: 10px 0; display: flex; position: relative;}
.footer .cont .li:nth-child(2){ justify-content: center; align-items: center; border-left: 1px solid rgba(255,255,255,0.1); border-right: 1px solid rgba(255,255,255,0.1);}
.footer .cont .li:nth-child(3){ justify-content: flex-end;}
.footer .cont .li:nth-child(2)::after{ content: ''; width: 1px; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.2);}
.footer .cont .li:nth-child(2)::before{ content: ''; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background: rgba(0,0,0,0.2);}
.footer .cont .li>div{ max-width: 400px;}
.footer .cont .li .wear{ display: flex;}
.footer .cont .li .wear .sli{ margin-left: 60px;}
.footer .cont .li .wear .sli:first-child{ margin-left: 0;}
.footer .cont .li .wear .sli .m img{ display: block; height: 120px; margin: auto;}
.footer .cont .li .wear .sli .p{ font-size: 14px; line-height: 26px; text-align: center; color: #ccc; margin-top: 15px;}
.footer .cont .li .logo a, 
.footer .cont .li .logo a img{ display: block; height: 80px;}
.footer .cont .li .left .text{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 25px;}
.footer .cont .li .left .text .p,
.footer .cont .li .left .text a{ font-size: 14px; line-height: 24px; padding: 3px 0; color: #B3B3B3;}
.footer .cont .li .left .text a{ margin-right: 10px; transition: all 0.5s;}
.footer .cont .li .left .text a:hover{ color: #fff;}
.footer .cont .li .right .h{ font-size: 20px; line-height: 30px; color: #ccc;}
.footer .cont .li .right .more .p{ font-size: 15px; color: #ccc; line-height: 26px; padding-left: 35px; margin-top: 14px;}
.footer .cont .li .right .more .p1{ background: url(../images/16.png) top left no-repeat; background-size: 26px auto;}
.footer .cont .li .right .more .p2{ background: url(../images/18.png) top left no-repeat; background-size: 26px auto;}
.footer .cont .li .right .more .p3{ background: url(../images/17.png) top left no-repeat; background-size: 26px auto;}
.footer .cont .li .right .more{ padding-top: 10px;}
.w1360{ width: 1360px; margin: auto;}
.databoxbanner{ margin-top: 100px; position: relative;}
.databoxbanner .m{ width: 100%; height: 520px; overflow: hidden;}
.databoxbanner .m img{ display: block; width: 100%; opacity: 0;}
.databoxbanner .cont{ width: 100%; position: absolute; left: 0; bottom: 140px;}
.databoxbanner .cont .h1{ font-size: 32px; font-weight: bold; line-height: 42px; color: #fff;}
.databoxbanner .cont .p{ font-size: 18px; line-height: 30px; margin-top: 25px; color: #fff;}
.minnavbox{ border-bottom: 1px solid #E6E6E6;}
.minnavbox .cont{ display: flex; justify-content: center;}
.minnavbox .cont .li{ padding: 34px 40px;}
.minnavbox .cont .li a{ display: block; font-size: 18px; line-height: 30px; color: #1A1A1A; transition: all 0.5s;}
.minnavbox .cont .li.on a,
.minnavbox .cont .li:hover a{ color: #008CD6;}
.databoxcont{ padding: 100px 0 105px 0;}
.databoxcont .wli{ margin-top: 80px;}
.databoxcont .wli:first-child{ margin-top: 0;}
.databoxcont .wli .h1{ font-size: 34px; font-weight: bold; color: #1A1A1A; line-height: 1.2; text-align: center;}
.databoxcont .wli .p{ font-size: 18px; color: #525252; line-height: 1.6; margin-top: 35px;}
.databoxcont .wli img{ display: block; width: 100%; margin-top: 35px;}
.footerTwo{ padding: 75px 0 25px 0; background: #535353;}
.footerTwo .bot{ display: flex; justify-content: center; margin-top: 90px;}
.footerTwo .bot .p,
.footerTwo .bot a{ font-size: 14px; line-height: 30px; color: #B3B3B3; margin: 0 5px; transition: all 0.5s;}
.footerTwo .bot a:hover{ color: #fff;}
.footerTwo .top{ display: flex; justify-content: space-between;}
.footerTwo .top .h1{ font-size: 18px; font-weight: bold; color: #fff; line-height: 24px;}
.footerTwo .top .more{ margin-top: 15px;}
.footerTwo .top .more a{ display: block; font-size: 15px; color: #B3B3B3; line-height: 26px; transition: all 0.5s;}
.footerTwo .top .more a:hover{ color: #fff;}
.footerTwo .top .more2{ display: flex;}
.footerTwo .top .more2 .mk:first-child{ margin-right: 50px;}
.footerTwo .top .more2 .mk a{ width: 60px;}
.footerTwo .top .wear img{ display: block; width: 157px;}
.footerTwo .top .tel{ margin-top: 15px; max-width: 500px;}
.footerTwo .top .tel .h{ font-size: 15px; color: #B3B3B3; line-height: 20px;}
.footerTwo .top .tel .p{ font-size: 24px; color: #00D0FF; font-weight: bold; line-height: 24px; margin-top: 8px;}
.footerTwo .top .ter{ margin-top: 15px;}
.footerTwo .top .ter .p{ font-size: 15px; line-height: 28px; color: #B3B3B3;}
.aboutrongyu{ padding: 80px 0;}
.aboutrongyu .list{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.aboutrongyu .list .li{ margin: 0 35px 60px 0; width: 430px;}
.aboutrongyu .list .li:nth-child(3n){ margin: 0 0 60px 0;}
.aboutrongyu .list .li .m{ border: 1px solid #E6E6E6; height: 290px; background: #fff; display: flex; justify-content: center; align-items: center; transition: all 0.5s;}
.aboutrongyu .list .li .m img{ display: block; max-width: 100%; max-height: 100%;}
.aboutrongyu .list .li:hover .m{ box-shadow: 0 0 10px #E6E6E6;}
.aboutrongyu .list .li .p{ font-size: 16px; color: #525252; line-height: 1; padding: 25px 25px 0 25px; text-align: center; transition: all 0.5s;}
.aboutrongyu .list .li:hover .p{ color: #3096D4;}
.pageing{ display: flex; justify-content: center; flex-wrap: wrap; padding-top: 40px;}
.pageing a{ display: block; margin: 10px 6px 0 6px; min-width: 30px; padding: 0 5px; height: 40px; line-height: 40px; font-size: 16px; color: #999; border: 1px solid #E6E6E6; transition: all 0.5s; text-align: center;}
.pageing a.cur,
.pageing a:hover{ background: #3096D4; color: #fff; border-color: #3096D4;}
.pageing a.next,
.pageing a.prev{ min-width: 70px;}
.aboutopen{ padding: 80px 0;}
.aboutopen .cont{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.aboutopen .cont .li{ width: 220px; margin: 0 65px 60px 0;}
.aboutopen .cont .li:nth-child(5n){ margin: 0 0 60px 0;}
.aboutopen .cont .li .m{ height: 120px; border: 1px solid #E6E6E6; display: flex; justify-content: center; align-items: center; transition: all 0.5s;}
.aboutopen .cont .li .m img{ max-width: 80%; max-height: 80%;}
.aboutopen .cont .li:hover .m{ box-shadow: 0 0 10px #E6E6E6;}
.aboutopen .cont .li .p{ font-size: 16px; text-align: center; margin: 20px 10px 0 10px; line-height: 1; color: #525252; transition: all 0.5s;}
.aboutopen .cont .li:hover .p{ color: #008CD6;}
.aboutwenhua{ padding: 80px 0;}
.aboutwenhua .cont{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.aboutwenhua .cont .li{ width: 640px; background: #FAFAFA; margin-bottom: 60px;}
.aboutwenhua .cont .li .m{ width: 100%; height: 310px; overflow: hidden;}
.aboutwenhua .cont .li .m img{ display: block; width: 100%; transition: all 0.5s;}
.aboutwenhua .cont .li:hover .m img{ transform: scale(1.03);}
.aboutwenhua .cont .li .text{ padding: 30px 15px 40px 15px; text-align: center;}
.aboutwenhua .cont .li .text .h{ font-size: 22px; line-height: 1; color: #008CD6; font-weight: bold;}
.aboutwenhua .cont .li .text .p{ font-size: 18px; line-height: 28px; margin-top: 15px; color: #525252;}
.aboutitem{ padding: 100px 0;}
.aboutitem .tit .h1{ font-size: 34px; color: #1A1A1A; text-align: center; line-height: 50px; font-weight: bold;}
.aboutitem .tit .p{ font-size: 18px; line-height: 30px; text-align: center; color: #525252; margin-top: 20px;}
.aboutitem .img{ margin-top: 60px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.aboutitem .img .li{ width: 660px; height: 430px; margin-bottom: 50px; overflow: hidden;}
.aboutitem .img .li img{ display: block; width: 100%; transition: all 0.5s;}
.aboutitem .img .li:hover img{ transform: scale(1.03);}
.aboutzhanshi{ padding: 100px 0;}
.aboutzhanshi .wli{ margin-top: 80px;}
.aboutzhanshi .wli:first-child{ margin-top: 0;}
.aboutzhanshi .wli .top{ display: flex; flex-wrap: wrap;}
.aboutzhanshi .wli .top .h1{ font-size: 34px; line-height: 1; font-weight: bold; color: #1A1A1A; margin-right: 50px;}
.aboutzhanshi .wli .top .p{ font-size: 18px; line-height: 28px; color: #525252; padding-top: 10px;}
.aboutzhanshi .wli .img{ display: flex; justify-content: space-between; flex-wrap: wrap; position: relative;}
.aboutzhanshi .wli .img .li{ margin-top: 50px; width: 660px; height: 360px; overflow: hidden;}
.aboutzhanshi .wli .img .li img{ display: block; width: 100%; transition: all 0.5s;}
.aboutzhanshi .wli .img .li:hover img{ transform: scale(1.03);}
.aboutzhanshi .wli .img2 .li:first-child{ width: 100%; height: auto;}
.aboutzhanshi .wli .img2 .li:nth-child(2){ width: 660px; height: auto; border-top: 16px solid #fff; border-left: 16px solid #fff; border-radius: 10px 0 0 0; position: absolute; top: 0; right: 0; background: #fff;}
.aboutzhanshi .wli .img3 .li:first-child{ width: 100%; height: auto;}
.newsbox{ padding: 80px 0;}
.newsbox .list{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.newsbox .list .li{ width: 660px; background: #FAFAFA; margin-bottom: 40px;}
.newsbox .list .li .m{ width: 100%; height: 360px; overflow: hidden;}
.newsbox .list .li .m img{ display: block; width: 100%; transition: all 0.5s;}
.newsbox .list .li:hover .m img{ transform: scale(1.03);}
.newsbox .list .li .text{ padding: 30px 20px 35px 20px;}
.newsbox .list .li .h{ font-size: 20px; color: #333; line-height: 1; transition: all 0.5s;}
.newsbox .list .li:hover .h{ color: #3096D4;}
.newsbox .list .li .p{ font-size: 15px; color: #858585; line-height: 26px; height: 52px; margin-top: 10px;}
.newsbox .list .li .t{ font-size: 14px; line-height: 1; margin-top: 20px; color: #B3B3B3;}
.newsdata{ padding: 220px 0 200px 0;}
.headerdata2{ border-bottom: 1px solid #E6E6E6;}
.newsdata .h1{ font-size: 34px; line-height: 44px; color: #1A1A1A; font-weight: bold; text-align: center;}
.newsdata .icon{ display: flex; justify-content: center; margin-top: 35px;}
.newsdata .icon .m{ font-size: 16px; line-height: 1; color: #999; margin: 0 15px;}
.newsdata .data{ font-size: 18px; line-height: 32px; color: #525252; text-indent: 36px; margin-top: 70px;}
.newsdata .data img{ display: block; max-width: 100%; margin: auto;}
.newsdata .more{ margin-top: 120px;}
.newsdata .more a{ display: flex; font-size: 16px; line-height: 30px; color: #999; margin-top: 20px;}
.newsdata .more a:first-child{ margin-top: 0;}
.newsdata .more a i{ font-size: 16px; color: #999; transition: all 0.5s;}
.newsdata .more a:hover i{ color: #3096D4;}
.workdata{ padding: 100px 0;}
.workdata .h1{ font-size: 34px; line-height: 44px; font-weight: bold; color: #1A1A1A;}
.workdata .data{ margin-top: 40px; font-size: 18px; color: #525252; line-height: 32px; text-indent: 36px;}
.workdata .data img{ display: block; max-width: 100%; margin: auto;}
.workdata .data .img{ display: flex; justify-content: center;}
.workdata .data .img .v,
.workdata .data .vimg .li .m{ width: 430px; height: 430px; border-radius: 100%; border: 6px solid #E6E6E6; margin: 30px 50px; display: flex; justify-content: center; align-items: center;}
.workdata .data .img .v i,
.workdata .data .vimg .li .m i{ width: 372px; height: 372px; border-radius: 100%; overflow: hidden; display: block;}
.workdata .data .img .v i img,
.workdata .data .vimg .li .m img{ display: block; width: 100%;}
.workdata .data .vimg{ display: flex; justify-content: center; flex-wrap: wrap; position: relative;}
.workdata .data .vimg .li{ padding: 25px 50px; position: relative; z-index: 5;}
.workdata .data .vimg::after{ content: ''; width: 100%; background: #008CD6; position: absolute; left: 0; top: 255px; bottom: 255px;}
.workdata .data .vimg .li .m{ border-color: #fff;}
.casebox{ padding: 100px 0;}
.casebox .list{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.casebox .list .li{ width: 430px; margin: 0 35px 60px 0; border-bottom: 1px solid #E6E6E6;}
.casebox .list .li:nth-child(3n){ margin: 0 0 60px 0;}
.casebox .list .li .m{ width: 100%; height: 290px; overflow: hidden;}
.casebox .list .li .m img{ display: block; width: 100%; transition: all 0.5s;}
.casebox .list .li:hover .m img{ transform: scale(1.03);}
.casebox .list .li .text{ padding: 30px 0 40px 0;}
.casebox .list .li .text .p{ font-size: 16px; line-height: 30px; color: #525252; transition: all 0.5s;}
.casebox .list .li:hover .text .p{ color: #3096D4;}
.contactbox{ position: relative; padding: 80px 0;}
.contactbox .mapbox{ position: absolute; top: 0; left: 0; width: 9.6rem; height: 100%; overflow: hidden; background: url(../images/90.jpg) no-repeat center; background-size: cover;}
.contactbox .cont{ display: flex; justify-content: flex-end;}
.contactbox .list{ width: 600px;}
.contactbox .list .li{ padding: 35px 0; border-bottom: 1px solid #E6E6E6; display: flex; justify-content: space-between;}
.contactbox .list .li .m{ width: 42px;}
.contactbox .list .li .m img{ display: block; width: 100%;}
.contactbox .list .li .text{ width: calc(100% - 64px);}
.contactbox .list .li .text .h{ font-size: 16px; line-height: 1; color: #999;}
.contactbox .list .li .text .p{ font-size: 18px; line-height: 28px; font-weight: bold; margin-top: 5px; color: #4D4D4D;}
/*  */
.headercell{ display: none;}
.headercell .up{ display: none; position: fixed; top: 0; left: 0; background: #000; opacity: 0.5; width: 100%; height: 100%; z-index: 55;}
.headercell .top{ position: fixed; top: 0; left: 0; right: 0; z-index: 50; height: 50px; background: #fff; padding: 0 0.3rem; display: flex; align-items: center; justify-content: space-between; transition: all 0.5s;}
.headercell .top2{ box-shadow: 0 0 20px hsla(0,0%,0%,0.20);}
.headercell .top .logo img{ display: block; height: 30px;}
.headercell .top .right{ display: flex; align-items: center;}
.headercell .top .right .a{ display: flex; align-items: center;}
.headercell .top .right .a .v{ width: 30px; height: 30px; overflow: hidden; border-radius: 100%; margin-right: 10px;}
.headercell .top .right .a .v img{ display: block; width: 100%;}
.headercell .top .right .sole{ width: 24px; height: 18px; margin-left: 20px; position: relative;}
.headercell .top .right .sole i{ display: block; width: 100%; height: 2px; border-radius: 2px; position: absolute; left: 0; background: #333;}
.headercell .top .right .sole i:first-child{ left: 0;}
.headercell .top .right .sole i:nth-child(2){ top: 50%; transform: translateY(-50%);}
.headercell .top .right .sole i:nth-child(3){ bottom: 0;}
.headercell .top .right .a a{ display: block; font-size: 14px; line-height: 18px; color: #333;}
.headercell .list{ position: fixed; top: 0;right: -220px; background: #fff; z-index: 60; height: 100%; width: 220px; transition: all 0.5s;}
.headercell .list2{ right: 0;}
.headercell .list .sole{ width: 30px; height: 30px; position: absolute; top: 15px; right: 15px;}
.headercell .list .sole i{ display: block; width: 100%; height: 2px; background: #000; border-radius: 2px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg);}
.headercell .list .sole i:nth-child(2){ transform: translate(-50%,-50%) rotate(-45deg);}
.headercell .list .form{ position: absolute; top: 80px; left: 0; bottom: 20px; right: 0; padding: 0 15px; overflow-y: auto;}
.headercell .list .form .nav .li{ border-top: 1px solid #eee; padding: 10px 0;}
.headercell .list .form .nav .tit a{ display: block; font-size: 15px; line-height: 26px;}
.headercell .list .form .nav .m a{ font-size: 14px; padding-left: 15px; line-height: 24px; position: relative; color: #666; display: block; margin-top: 5px;}
.headercell .list .form .nav .m a::after{ width: 4px; height: 4px; background: #999; border-radius: 100%; position: absolute; left: 2px; top: 10px; content: '';}
.headercell .list .form .nav .tit{ display: flex; justify-content: space-between; align-items: center;}
.headercell .list .form .nav .tit i{ display: block; width: 20px; height: 20px; background: url(../images/a5ss.png) no-repeat center; background-size: 7px auto; opacity: 0.5; transition: all 0.5s;}
.headercell .list .form .nav .m{ display: none;}
.headercell .list .form .nav .li.on .tit i{ transform: rotate(90deg);}
.headercell .list .vth{ display: flex; padding: 10px 0 10px 20px; border-top: 1px solid #eee; background: url(../images/45s.png) no-repeat left center; background-size: 14px auto;}
.headercell .list .vth a{ font-size: 15px; line-height: 26px; margin-left: 20px; color: #333; position: relative;}
.headercell .list .vth a:first-child{ margin-left: 0;}
.headercell .list .vth a::after{ content: ''; width: 1px; height: 15px; background: #000; position: absolute; top: 7px; left: -10px; opacity: 0.5;}
.headercell .list .vth a:first-child::after{ display: none;}
.headercell .list .sear{ padding: 10px 0; position: relative;}
.headercell .list .sear input{ display: block; width: 100%; height: 26px; font-size: 15px; border: none; background: #fff;}
.headercell .list .sear button{ width: 26px; height: 100%; border: none; position: absolute; top: 0; right: 0; /*background: url(../images/44s.png) no-repeat center;*/ background-size: 16px auto;}
/*  */
.videoup{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -300; background: hsla(0,0%,0%,0.70); display: flex; justify-content: center; align-items: center; opacity: 0;}
.videoup2{ z-index: 30; opacity: 1;}
.videoup .cont{ width: 900px; max-height: 60%; background: #fff; padding: 10px; border-radius: 2px; position: relative; transform: scale(0); transition: all 0.5s;}
.videoup2 .cont{ transform: scale(1);}
.videoup .cont video{ display: block; width: 100%; height: 100%;}
.videoup .cont .sole{ width: 30px; height: 30px; background: url(../images/sole.png) no-repeat center; background-size: 100% auto; position: absolute; top: 0; right: -60px; cursor: pointer; transition: all 0.5s;}
.videoup .cont .sole:hover{ transform: rotate(180deg);}
/*  */
.bannerhome{ margin-top: 100px;}
.bannerhome .imgbox{ position: relative;}
.bannerhome .imgbox .m{ width: 100%; height: 7.8rem; overflow: hidden;}
.bannerhome .imgbox .m img{ display: block; width: 100%; opacity: 0;}
.bannerhome .imgbox .text{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding-top: 80px;}
.bannerhome .imgbox .text .h1,
.bannerhome .imgbox .text .p{ font-size: 40px; line-height: 1.25; margin-top: 20px;}
.bannerhome .imgbox .text .p i{ font-size: 50px; color: #023999; font-weight: bold; line-height: 1.2; margin-right: 15px;}
.bannerhome .imgbox .text .p{ display: flex; align-items: flex-end;}
.bannerhome .swiper-pagination{ width: 100%; justify-content: center; display: flex; bottom: 20px!important;}
.bannerhome .swiper-pagination-bullet{ width: 14px; height: 14px; opacity: 0.4; margin: 0 6px!important; background: #000;}
.bannerhome .swiper-pagination-bullet-active{ background: #F0B20C; opacity: 1;}
.indexaboutone{ padding: 100px 0;}
.indexaboutone .cont{ display: flex; justify-content: space-between;}
.indexaboutone .cont .img{ width: 490px; overflow: hidden;}
.indexaboutone .cont .img img{ display: block; width: 100%;}
.indexaboutone .cont .left{ width: 790px;}
.titelse .h1{ font-size: 34px; line-height: 1; font-weight: bold; color: #1A1A1A;}
.titelse .p{ font-size: 16px; line-height: 1.25; color: #858585; margin-top: 15px;}
.indexaboutone .ps{ font-size: 16px; color: #525252; line-height: 1.75; margin-top: 50px;}
.indexaboutone .a a{ display: block; width: 120px; height: 36px; font-size: 14px; text-align: center; line-height: 36px; border: 1px solid #ccc; color: #A3A3A3; transition: all 0.5s; margin-top: 60px;}
.indexaboutone .a a:hover{ background: #008CD6; border-color: #008CD6; color: #fff;}
.indexfanwei{ background: #FAFAFA; padding-top: 100px; overflow: hidden;}
.indexfanwei .top{ display: flex; justify-content: space-between; align-items: flex-end;}
.indexfanwei .top .nav{ display: flex;}
.indexfanwei .top .nav .li{ margin-left: 30px;}
.indexfanwei .top .nav .li:first-child{ margin-left: 0;}
.indexfanwei .top .nav .li a{ font-size: 16px; line-height: 1.25; color: #525252; display: block; transition: all 0.5s; position: relative;border-bottom:1px dotted #fff; font-weight:bold;}
.indexfanwei .top .nav .li a::after{ content: ''; position: absolute; left: -6px; right: -6px; bottom: -14px; height: 2px; background: #008CD6; opacity: 0;}
.indexfanwei .top .nav .li a:hover{ /*text-decoration:underline;*/ border-bottom:1px solid #008CD6;}
.indexfanwei .top .nav .li.on a,
.indexfanwei .top .nav .li a:hover{ color: #008CD6;}
.indexfanwei .top .nav .li.on a::after{ opacity: 1;}
.indexfanwei .list{ margin-top: 60px; width: 4092px; margin-left: -1086px;}
.indexfanwei .imgbox{ width: 1360px; margin: auto; position: relative; opacity: 0.2; transition: all 1s;}
.indexfanwei .swiper-slide-active .imgbox{ opacity: 1;}
.indexfanwei .imgbox .m{ width: 100%; height: 630px; overflow: hidden;}
.indexfanwei .imgbox .m img{ display: block; width: 100%;}
.indexfanwei .imgbox .text{ position: absolute; left: 0; bottom: -100%; right: 0; background: hsla(201,100%,42%,0.90); padding: 30px 50px; transition: all 1s;}
.indexfanwei .swiper-slide-active .imgbox .text{ bottom: 0;}
.indexfanwei .imgbox .text .h1{ font-size: 26px; color: #fff; line-height: 1.25;}
.indexfanwei .imgbox .text .p{ font-size: 16px; line-height: 1.25; margin-top: 20px; color: #fff;}
.indexfanwei .imgbox .text a{ display: block; width: 120px; height: 36px; text-align: center; line-height: 36px; font-size: 14px; color: #fff; border: 1px solid #fff; position: absolute; right: 50px; bottom: 30px; transition: all 0.5s;}
.indexfanwei .imgbox .text a:hover{ background: #fff; color: #008CD6;}
.indexfanwei .swiper-button-next::after, .indexfanwei .swiper-button-prev::after{ display: none;}
.indexfanwei .swiper-button-next, .indexfanwei .swiper-button-prev{ width: 30px; height: 56px; background: url(../images/96.png) no-repeat center; background-size: 100% auto;}
.indexfanwei .swiper-button-prev{ left: 1280px;}
.indexfanwei .swiper-button-next{ right: 1280px; transform: rotate(180deg);}
.indexcaseone{ padding-top: 100px;}
.indexcaseone .swiper{ padding: 50px 0 62px 0;}
.indexcaseone .swiper .swiper-pagination{ display: flex; justify-content: center; bottom: 0!important;}
.indexcaseone .swiper .swiper-pagination span{ width: 12px; height: 12px; margin: 0 7px!important; background: #ccc; opacity: 1;}
.indexcaseone .swiper .swiper-pagination .swiper-pagination-bullet-active{ background: #008CD6;}
.indexcaseone .swiper .imgbox{ width: 430px; margin: auto; height: 100%; border-bottom: 1px solid #E6E6E6;}
.indexcaseone .swiper .imgbox .m{ width: 100%; height: 290px; overflow: hidden;}
.indexcaseone .swiper .imgbox .m img{ display: block; width: 100%; transition: all 0.5s;}
.indexcaseone .swiper .imgbox:hover .m img{ transform: scale(1.03);}
.indexcaseone .swiper .imgbox .text{ padding: 30px 0 40px 0;}
.indexcaseone .swiper .imgbox .text .p{ font-size: 16px; color: #525252; line-height: 28px; transition: all 0.5s;}
.indexcaseone .swiper .imgbox:hover .text .p{ color: #008CD6;}
.indexnewsone{ padding: 120px 0;}
.indexnewsone .top{ display: flex; justify-content: space-between; align-items: flex-end;}
.indexnewsone .top .more{ display: flex;}
.indexnewsone .top .more a{ font-size: 16px; line-height: 1.25; color: #525252; transition: all 0.5s; margin-left: 30px;}
.indexnewsone .top .more a:first-child{ margin-left: 0;}
.indexnewsone .top .more a:hover{ color: #008CD6;}
.indexnewsone .list{ margin-top: 60px; display: flex; justify-content: space-between;}
.indexnewsone .list .left{ width: 580px;}
.indexnewsone .list .right{ width: 680px;}
.indexnewsone .list .left .m{ width: 100%; overflow: hidden;}
.indexnewsone .list .left .m img{ display: block; width: 100%; transition: all 0.5s;}
.indexnewsone .list .left:hover .m img{ transform: scale(1.03);}
.indexnewsone .list .left .mk{ margin-top: 30px;}
.indexnewsone .list .left .mk .tp{ display: flex; justify-content: space-between; align-items: flex-end;}
.indexnewsone .list .left .mk .tp .h{ font-size: 20px; color: #333; line-height: 1; width: 70%; transition: all 0.5s;}
.indexnewsone .list .left:hover .mk .tp .h{ color: #008CD6;}
.indexnewsone .list .left .mk .tp .t{ font-size: 14px; color: #B3B3B3; line-height: 1;}
.indexnewsone .list .left .mk .p{ font-size: 15px; color: #858585; margin-top: 15px; line-height: 1.75;}
.indexnewsone .list .right .li{ border-top: 1px solid #E6E6E6; padding: 25px 0;}
.indexnewsone .list .right .li:first-child{ border-top: none; padding: 0 0 25px 0;}
.indexnewsone .list .right .li:last-child{ padding: 25px 0 0 0;}
.indexnewsone .list .right .li .tp{ display: flex; justify-content: space-between; align-items: flex-end;}
.indexnewsone .list .right .li .h{ font-size: 20px; color: #333; line-height: 1; width: 70%; transition: all 0.5s;}
.indexnewsone .list .right .li .t{ font-size: 14px; color: #B3B3B3; line-height: 1;}
.indexnewsone .list .right .li .p{ font-size: 15px; color: #858585; margin-top: 15px; line-height: 1.75;}
.indexnewsone .list .right .li:hover .h{ color: #008CD6;}
.header .cont .nav .li{ position: relative;}
.header .cont .nav .li .list{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); min-width: 140px; margin-top:48px;padding-top:20px; display: none;}
.header .cont .nav .li:hover .list{ display: block;}
.header .cont .nav .li .list .mk{ background: #008CD6; padding: 14px 0;}
.header .cont .nav .li .list .mk a{ display: block; font-size: 15px; color: #fff; text-align: center; line-height: 30px; padding: 5px;}
.header .cont .nav .li .list .mk a.cur,
.header .cont .nav .li .list .mk a:hover{ background: url(../images/101.png) no-repeat left 24px center; background-size: 6px auto;}