﻿body{ margin: 0; padding: 0;font-size: 14px;}
*{ margin: 0; padding: 0; list-style: none; font-family: '微软雅黑';  color: #222;}
a{ text-decoration: none; cursor: pointer; displayx: block;}
.data a{display:inline;}
img{ border: 0; display: block; /*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; border: none;}
select{ outline: none; appearance: none;}
html,body{ font-size: calc(100vw/19.2);}
@font-face{
	font-family: 'font1';
	src:url('../fonts/BaiJamjuree-Medium.ttf');
}
@font-face{
	font-family: 'font2';
	src:url('../fonts/Helvetica-Neue-CE-35-Thin.ttf');
}
.aboutmink .list .text *{ color:#666;}
/* 清除浮动 */
.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom: 1;}
.shehuibanner{ margin-top: 116px; position: relative;}
.shehuibanner .img img{ display: block; width: 100%;}
.shehuibanner .cont{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center;}
.shehuibanner .cont .h1{ font-size: 46px; color: #253155; line-height: 56px; text-align: center; letter-spacing: 1px;}
.shehuilist{ padding: 80px 0 160px 0;}
.w1200{ margin: auto; width: 1200px;}
.shehuilist .top{ display: flex; justify-content: space-between;}
.shehuilist .top .left{ width: 648px; overflow: hidden;}
.shehuilist .top .left img{ display: block; width: 100%; transition: all 0.5s;}
.shehuilist .top .text{ width: 502px; padding-top: 26px;}
.shehuilist .top .text .li{ border-top: 1px solid #D4DAE3; padding-top: 20px; margin-top: 45px;}
.shehuilist .top .text .li:first-child{ margin-top: 0; padding-top: 0; border: none;}
.shehuilist .top .text .li .h1{ font-size: 26px; line-height: 38px; color: #333;}
.shehuilist .top .text .li .p{ font-size: 18px; line-height: 27px; color: #666; margin-top: 10px;}
.shehuilist .list{ margin-top: 80px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.shehuilist .list .li{ width: 574px; border: 1px solid #D4DAE3; display: flex; justify-content: space-between; margin-top: 40px;}
.shehuilist .list .li:first-child,
.shehuilist .list .li:nth-child(2){ margin-top: 0;}
.shehuilist .list .li .img{ width: 274px; height: 366px; overflow: hidden;}
.shehuilist .list .li .img img{ display: block; width: 100%;}
.shehuilist .list .li .text{ width: 230px; padding: 20px 40px 0 0;}
.shehuilist .list .li .text .t{ font-size: 14px; line-height: 20px; color: #999;}
.shehuilist .list .li .text .h1{ font-size: 26px; line-height: 38px; color: #253155; margin-top: 10px; height: 235px;}
.shehuilist .list .li .text .bot{ margin-top: 10px; display: flex; justify-content: space-between;}
.shehuilist .list .li .text .bot a{ display: flex; justify-content: center; width: 92px; height: 30px; line-height: 30px;}
.shehuilist .list .li .text .bot a i{ display: block; font-size: 14px; color: #fff; padding-left: 25px;}
.shehuilist .list .li .text .bot a.a1{ background: #253155;}
.shehuilist .list .li .text .bot a.a1:hover{ background: #E70012;}
.shehuilist .list .li .text .bot a.a1 i{ background: url(../images/14.png) no-repeat left center; background-size: 19px auto;}
.shehuilist .list .li .text .bot a.a2{ background: #E70012;}
.shehuilist .list .li .text .bot a.a2:hover{ background: #253155;}
.shehuilist .list .li .text .bot a.a2 i{ background: url(../images/13.png) no-repeat left center; background-size: 19px auto;}
.pageing{ display: flex; justify-content: center; flex-wrap: wrap;}
.pageing a{ width: 50px; height: 50px; background: #F0F3F8; text-align: center; line-height: 50px; margin: 0 20px; font-size: 18px; color: #333; transition: all 0.5s;}
.pageing a.next,
.pageing a.prve{ width: 110px;}
.pageing a.cur,
.pageing a:hover{ background: #E70012; color: #fff;}
.shehuilist .pageing{ margin-top: 150px;}
.minav .mk{ display: flex; justify-content: flex-start; line-height: 40px;}
.minav .mk a{ font-size: 14px; color: #fff; margin-left: 20px; position: relative; transition: all 0.5s;}
.minav .mk a:hover{ color: #052B84;}
.minav .mk a:first-child{ margin-left: 0;}
.minav .mk a::after{ content: '>'; width: 20px; font-size: 14px; color: #fff; opacity: 0.8; text-align: center; position: absolute; top: 0; left: -20px;}
.minav .mk a:first-child::after{ display: none;}
.shehuibanner .minav{ position: absolute; top: 0; left: 0; width: 100%;}
.casedatatop .cont{ padding: 80px 0 60px 0; border-bottom: 1px solid #D4DAE3;}
.casedatatop .cont .text{ margin: 80px auto 0; width: 1200px;}
.casedatatop .cont .text .h1{ font-size: 32px; line-height: 38px;}
.casedatatop .cont .text .p{ font-size: 18px; line-height: 27px; color: #666; margin-top: 20px;}
.casedatatop .cont .swiper-slide-active .text .p{ width: 766px;}
.casedatatop .cont .img{ position: relative; height: 675px;}
.casedatatop .cont .img .m{ width: 786px; height: 422px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); overflow: hidden; transition: all 0.5s;}
.casedatatop .cont .img .m img{ width: 100%;}
.casedatatop .cont .swiper-slide-active .m{ width: 1200px; height: 675px;}
.casedatatop .cont .form{ width: 1460px; margin-left: -130px; overflow: hidden; position: relative;}
.casedatatop .cont .form .wf{ width: 3100px; margin-left: -820px;}
.casedatatop .cont .swiper-slide{ opacity: 0.5;}
.casedatatop .cont .swiper-slide-active{ opacity: 1;}
.casedatatop .cont .form .em{ cursor: pointer; position: absolute; top: 312px; width: 50px; height: 50px; background: #253155 url(../images/Vector.png) no-repeat center; background-size: 15px auto; border-radius: 100%; z-index: 10; transition: all 0.5s;}
.casedatatop .cont .form .em:hover{ background: #E60012 url(../images/Vector.png) no-repeat center; background-size: 15px auto;}
.casedatatop .cont .form .em1{ left: 110px;}
.casedatatop .cont .form .em2{ right: 110px; transform: rotate(180deg);}
.casedatatop{ margin-bottom: 80px;}
.casedatatui{ padding: 0 0 80px 0;}
.casedatatui .h1{ font-size: 26px; line-height: 38px; text-align: center;}
.casedatatui .list{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 40px;}
.casedatatui .list .li{ width: 384px; border: 1px solid #D4DAE3; margin-right: 20px; transition: all 0.5s;}
.casedatatui .list .li:hover{ box-shadow: 0 0 15px #D4DAE3;}
.casedatatui .list .lifff:nth-child(3n){ margin-right: 0;}
.casedatatui .list .li.licase3{ margin-right: 0;}
.casedatatui .list .li .m{ width: 386px; height: 217px; margin: -1px 0 0 -1px; overflow: hidden;}
.casedatatui .list .li .m img{ display: block; width: 100%;}
.casedatatui .list .li .text{ padding: 30px;}
.casedatatui .list .li .text .h2{ font-size: 22px; line-height: 30px; color: #253155;}
.casedatatui .list .li .text .p{ font-size: 18px; line-height: 27px; margin-top: 10px; color: #666;}
.casenav{ background: #fff; border-bottom: 1px solid #999;}
.casenav .cont{ display: flex; justify-content: center;}
.casenav .cont .li{ width: calc(100% / 3); position: relative;}
.casenav .cont .li a{ display: block; font-size: 18px; color: #253155; line-height: 76px; text-align: center;}
.casenav .cont .li::after{ width: 100%; position: absolute; height: 3px; background: #E70012; left: 0; bottom: -1px; content: ''; opacity: 0; transition: all 0.5s;}
.casenav .cont .li.on::after{ opacity: 1;}
.casenav .cont .li.on a,
.casenav .cont .li:hover a{ color: #E70012;}
.casebox{ padding: 186px 0 80px 0; background: #fff url(../images/40.png) no-repeat top center; background-size: 100% auto;}
.casebox .ps{ font-size: 18px; line-height: 27px; color: #253155;}
.casebox .list{ margin-top: 105px;}
.casebox .list .wli{ margin-top: 80px; padding-top: 80px; border-top: 1px solid #D4DAE3;}
.casebox .list .wli:first-child{ margin-top: 0; padding-top: 0; border-top: none;}
.casebox .list .wli .h1{ font-size: 26px; line-height: 38px;}
.casebox .list .wli .mk{ margin-top: 40px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.casebox .list .wli .li{ width: 571px; margin-bottom: 60px; display: none;}
.casebox .list .wli .li:first-child,
.casebox .list .wli .li:nth-child(2),
.casebox .list .wli .li:nth-child(3),
.casebox .list .wli .li:nth-child(4){ display: block;}
.casebox .list .wli.on .li{ display: block;}
.casebox .list .wli .li .m{ width: 100%; height: 321px; overflow: hidden;}
.casebox .list .wli .li .m img{ display: block; width: 100%;}
.casebox .list .wli .li .h2{ font-size: 22px; line-height: 30px; margin-top: 30px; color: #253155;}
.casebox .list .wli .li .p{ font-size: 18px; line-height: 27px; margin-top: 10px; color: #666; height: 90px;}
.casebox .list .wli .li .a{ display: flex;}
.casebox .list .wli .li .a a{ font-size: 14px; line-height: 20px; margin-top: 10px; color: #253155; position: relative; padding-right: 15px;}
.casebox .list .wli .li .a a::after{ content: '>'; position: absolute; top: 0; right: 0; font-size: 14px; color: #253155;}
.casebox .list .more{ background: #F0F3F8; display: flex; justify-content: center; line-height: 40px; cursor: pointer;}
.casebox .list .more i{ font-size: 14px; color: #333; padding-right: 23px; background: url(../images/16.png) no-repeat center right; background-size: 13px auto;}
.casebox .list .more.more2 i{ background: url(../images/16e.png) no-repeat center right; background-size: 13px auto;}
.newbann{ position: absolute; top: 40px; bottom: 0; left: 0; width: 100%; display: flex; justify-content: center; align-items: center;}
.newbann .h1{ font-size: 36px; line-height: 47px; padding-bottom: 15px; border-bottom: 1px solid hsla(0,0%,100%,0.30); color: #fff; text-align: center;}
.newbann .icon{ display: flex; justify-content: center; margin-top: 12px;}
.newbann .icon .li{ font-size: 14px; line-height: 20px; color: #E8EAED; margin: 0 40px; opacity: 0.6;}
.newsdatab{ padding: 80px 0 80px 0;}
.newsdatab .cont{ display: flex; justify-content: space-between;}
.newsdatab .cont .cat-about .data{ font-size: 18px; line-height: 27px; color: #333;}
.newsdatab .cont .left{ width: 750px;}
.newsdatab .cont .right{ width: 384px;}
.newsdatab .cont .left .data{ font-size: 18px; line-height: 27px; color: #333;}
.newsdatab .cont .left .data img{ display: block; width: 100%;}
.newsdatab .cont .left .href{ margin-top: 35px;}
.newsdatab .cont .left .href .h{ font-size: 14px; line-height: 20px; color: #999;}
.newsdatab .cont .left .href a{ display: block; font-size: 14px; line-height: 20px; color: #1384C3;}
.newsdatab .cont .left .more{ margin-top: 35px; background: #F0F3F8; line-height: 40px; display: flex; justify-content: space-between; padding: 0 20px;}
.newsdatab .cont .left .more a{ display: block; font-size: 14px; line-height: 40px; color: #333;}
.newsdatab .cont .left .more a:first-child{ padding-left: 20px; background: url(../images/17.png) no-repeat center left; background-size: 7px auto;}
.newsdatab .cont .left .more a:nth-child(2){ padding-right: 20px; background: url(../images/17s.png) no-repeat center right; background-size: 7px auto;}
.newsdatab .cont .right .m img{ display: block; width: 100%;}
.newsdatab .cont .right .mk{ background: #F0F3F8; padding: 0 20px 40px 20px;}
.newsdatab .cont .right .mk .h1{ font-size: 26px; line-height: 38px; padding-bottom: 15px; border-bottom: 1px solid #D4DAE3;}
.newsdatab .cont .right .mk .li{ margin-top: 25px;}
.newsdatab .cont .right .mk .li a{ display: flex; justify-content: space-between; padding: 0 5px;}
.newsdatab .cont .right .mk .li .t{ font-size: 14px; line-height: 20px; padding-top: 5px; color: #999;}
.newsdatab .cont .right .mk .li .p{ width: 277px; font-size: 18px; line-height: 27px; color: #333;}
.newstuijian{ padding: 0 0 80px 0;}
.newstuijian .h1{ font-size: 26px; line-height: 38px; text-align: center;}
.newstuijian .list{ margin-top: 30px; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.newstuijian .list .li{ width: 384px; border: 1px solid #D4DAE3; margin-right: 20px;}
.newstuijian .list .li:nth-child(3n){ margin-right: 0;}
.newstuijian .list .li .m{ width: 386px; height: 217px; overflow: hidden;}
.newstuijian .list .li .m img{ display: block; width: 100%;}
.newstuijian .list .li .text{ padding: 30px;}
.newstuijian .list .li .text .t{ font-size: 14px; line-height: 20px; color: #999;}
.newstuijian .list .li .text .h{ font-size: 22px; line-height: 29px; color: #253155; margin-top: 10px;}
.newstuijian .list .li .text .p{ font-size: 18px; line-height: 27px; margin-top: 10px; color: #666;}
.casenavnews .cont .li{ width: calc(100% / 2);}
.newslistr{ padding: 80px 0;}
.newslistr .list .li{ border-bottom: 1px solid #D4DAE3;}
.newslistr .list .li a{padding: 30px 0; display: flex; justify-content: space-between; align-items: center;}
.newslistr .list .li .m{ width: 150px; height: 34px; display: flex; justify-content: center;}
.newslistr .list .li .m img{ display: block; height: 100%;}
.newslistr .list .li .text{ width: 942px; margin-right: 20px; display: flex; justify-content: space-between; align-items: center;}
.newslistr .list .li .text .left{ width: 752px;}
.newslistr .list .li .text .t{ font-size: 14px; line-height: 20px; color: #999;}
.newslistr .list .li .text .left .h1{ font-size: 22px; color: #253155; line-height: 30px;}
.newslistr .list .li .text .left .p{ font-size: 18px; line-height: 27px; margin-top: 10px; color: #666;}
.newslistr .pageing{ margin-top: 80px;}
.newslistwo{ padding: 80px 0;}
.newslistwo .pageing{ margin-top: 80px;}
.newslistwo .list .li{ border-bottom: 1px solid #999;}
.newslistwo .list .li a{ display: flex; justify-content: space-between; align-items: center; padding: 15px 10px;}
.newslistwo .list .li a .text{ width: 940px; display: flex; justify-content: space-between; align-items: center;}
.newslistwo .list .li a .text .h1{ font-size: 22px; line-height: 30px; color: #253155; width: 579px;}
.newslistwo .list .li a .text .m{ width: 187px; height: 105px; overflow: hidden;}
.newslistwo .list .li a .text .m img{ display: block; width: 187px;}
.newslistwo .list .time{ text-align: center;}
.newslistwo .list .time .n{ font-size: 60px; line-height: 66px;}
.newslistwo .list .time .c{ font-size: 18px; line-height: 30px;}
.newsbanner{ background: #F0F3F8; padding: 80px 0;}
.newsbanner .cont{ background: #fff;}
.newsbanner .cont .mker{ display: flex; justify-content: space-between; background: #fff;}
.newsbanner .cont .mker .m{ width: 600px; height: 338px; overflow: hidden;}
.newsbanner .cont .mker .m img{ display: block; width: 100%; opacity: 0;}
.newsbanner .cont .mker .text{ width: 483px; padding: 55px 64px 0 0;}
.newsbanner .cont .mker .text .t{ font-size: 14px; line-height: 20px; color: #999;}
.newsbanner .cont .mker .text .h{ font-size: 36px; line-height: 47px; color: #253155; margin-top: 10px; height: 141px;}
.newsbanner .cont .mker .text .a{ display: flex; margin-top: 10px;}
.newsbanner .cont .mker .text .a i{ font-size: 14px; color: #253155; line-height: 20px; padding-right: 15px; position: relative;}
.newsbanner .cont .mker .text .a i::after{ font-size: 14px; color: #253155; content: '>'; position: absolute; top: 0; right: 0;}
.newsbanner .swiper-container-horizontal>.swiper-pagination-bullets{ left: 50%; right: 0; bottom: 28px; width: auto; display: flex; justify-content: center;}
.newsbanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ width: 40px; height: 2px; opacity: 0.2; border-radius: 0; margin: 0 5px; background: #253155;}
.newsbanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ width: 10px; height: 10px; border-radius: 100%;}
.newsbanner .swiper-pagination-bullet-active{ opacity: 1!important; background: #E70012!important;}
.aboutjigou{ padding: 80px 0;}
.aboutjigou .h1{ font-size: 26px; line-height: 38px; padding-bottom: 15px; border-bottom: 1px solid #D4DAE3;}
.aboutjigou .img{ margin-top: 80px;}
.aboutjigou .img img{ display: block; margin: auto; max-width: 100%;}
.aboutcuilt .li{ margin-top: 80px;}
.aboutcuilt .li .img{ width: 563px; float: right; overflow: hidden;}
.aboutcuilt .li .img img{ display: block; width: 100%; transition: all 0.5s;}
.aboutcuilt .li .text{ width: 577px; padding-top: 10px;}
.aboutcuilt .li .text .h1{ font-size: 26px; line-height: 38px;}
.aboutcuilt .li .text .m{ font-size: 20px; line-height: 30px; color: #253155; margin-top: 10px;}
.aboutcuilt .li .text .p{ padding-top: 15px; margin-top: 15px; border-top: 1px solid #D4DAE3;}
.aboutcuilt .li .text .p,
.aboutcuilt .li .text .p p{ font-size: 18px; line-height: 27px; color: #666;}
.aboutcuilt .li:nth-child(2n) .text{ float: right;}
.aboutcuilt .li:nth-child(2n) .img{ float: left;}
.aboutwenter{ padding: 90px 0 55px 0;}
.aboutwenter .tit{ border-bottom: 1px solid #D4DAE3; padding-bottom: 15px; margin-bottom: 15px;}
.aboutwenter .tit .h1{ font-size: 26px; line-height: 38px;}
.aboutwenter .tit .p{ font-size: 20px; line-height: 30px; color: #253155; margin-top: 10px;}
.aboutwenter .list{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.aboutwenter .list .li{ width: 575px; margin-bottom: 40px;}
.aboutwenter .list .li .m{ width: 100%; height: 180px; overflow: hidden;}
.aboutwenter .list .li .m img{ display: block; width: 100%;}
.aboutwenter .list .li .text{ margin-top: 10px;}
.aboutwenter .list .li .text .h,
.aboutwenter .list .li .text .p{ font-size: 18px; line-height: 27px; color: #666;}
.header{ position: fixed; top: 0; left: 0; right: 0; z-index: 50;}
.header .top{ background: #253255; position: relative; z-index: 5;}
.header .top .cont{ display: flex; justify-content: space-between; line-height: 26px;}
.header .top .cont .p{ font-size: 12px; color: #fff; transition: all 0.5s;}
.header .top .cont .right{ display: flex;}
.header .top .cont .right .li{ margin: 0 20px; position: relative;}



.header .top .cont .right .li::after{ content: '|'; position: absolute; top: 0; right: -20.5px; font-size: 12px; color: #CACACA; opacity: 0;}
.header .top .cont .right .li .m a{ display: block; font-size: 12px; color: #fff; transition: all 0.5s;}
.header .top .cont .right .li .m a:hover{ opacity: 0.8;}
.header .top .cont .right .li .s a{ display: block; font-size: 12px; color: #fff; padding-left: 28px; background: url(../images/44.png) no-repeat left center; background-size: 14px auto; transition: all 0.5s;}
.header .top .cont .right .li .s a:hover{ opacity: 0.8;}
.header .top .cont .right .li .ength{ position: relative;}
.header .top .cont .right .li .ength .t a{ font-size: 12px; color: #fff; padding-left: 28px;background: url(../images/45.png) no-repeat left center; background-size: 14px auto; transition: all 0.5s;}
.header .top .cont .right .li .ength:hover .t a{ opacity: 0.8;}
.header .top .cont .right .li .ength .vf{ display: none; position: absolute; top: 26px; border-top: 1px solid #eee; width: 110px; left: 50%; margin-left: -55px; background: #253255; padding: 10px 0;}
.header .top .cont .right .li .ength:hover .vf{ display: block;}
.header .top .cont .right .li .ength .vf a{ font-size: 12px; line-height: 30px; text-align: center; color: #fff; transition: all 0.5s;}
.header .top .cont .right .li .ength .vf a:hover{ background: hsla(0,0%,100%,0.05);}
.header .bot{ width: 100%; height: 90px; background: #fff;}
.header .bot .cont{ display: flex; justify-content: space-between; align-items: center;}
.header .bot .cont .logo a img{ display: block; height: 50px;}
.header .bot .cont .nav{ display: flex; justify-content: flex-end;}
.header .bot .cont .nav .li{ margin-left: 65px; position: relative;}
.header .bot .cont .nav .li:first-child{ margin-left: 0;}


.header .top .cont .right .li .ength .t a{font-size: 12px;color: #fff;padding-left: 28px;background: url(../images/45.png) no-repeat left center;background-size: 14px auto;transition: all 0.5s;display: block;}

.header .top .cont .right .li .ength .vf a{font-size: 12px;line-height: 30px;text-align: center;color: #fff;transition: all 0.5s;display: block;}

.header .bot .cont .nav .li .tit a{ position: relative; display: block; font-size: 14px; font-weight: bold; color: #515151; line-height: 90px; transition: all 0.5s;}
.header .bot .cont .nav .li .tit a::after{ width: 100%; height: 4px; background: #253155; bottom: 0; left: 0; position: absolute; content: ''; opacity: 0;}
.header .bot .cont .nav .li.on .tit a::after{ opacity: 1;}
.header .bot .cont .nav .li.on .tit a,
.header .bot .cont .nav .li:hover .tit a{ color: #052B84;}
.footer{ border-top: 4px solid #253255; background: #F8F8F8; padding-top: 80px;}
.footer .top{ display: flex; justify-content: space-between;}
.footer .top .logo img{ display: block; height: 60px;}
.footer .top .nav{ display: flex; justify-content: flex-end; padding-top: 10px;}
.footer .top .nav .li{ margin-left: 45px;}
.footer .top .nav .li:first-child{ margin-left: 0;}
.footer .top .nav .li .h1 a{ font-size: 16px; font-weight: bold; color: #515151; margin-bottom: 8px; transition: all 0.5s;}
.footer .top .nav .li .h1 a:hover{ color: #253255;}
.footer .top .nav .li .m a{ font-size: 14px; line-height: 24px; color: #515151; opacity: 0.8; display: block; transition: all 0.5s;}
.footer .top .nav .li .m a:hover{ color: #253255; opacity: 1;}
.footer .top .nav .li2{ max-width: 212px;}
.footer .top .nav .li .tel{ padding-top: 3px;}
.footer .top .nav .li .tel .add .p{ padding-left: 34px; font-size: 14px; line-height: 24px; color: #221814; background: url(../images/46.png) no-repeat top 3px left; background-size: 14px auto; margin-top: 10px;}
.footer .top .nav .li .tel .add .k{ font-size: 18px; line-height: 18px; color: #333; padding-left: 34px; background: url(../images/47.png) no-repeat left center; background-size: 18px auto;}
.footer .top .nav .li .w{ margin: 5px 0 0 34px; width: 120px;}
.footer .top .nav .li .w img{ display: block; width: 100%;}
.footer .top .nav .li .w .f{ font-size: 14px; line-height: 14px; text-align: center; margin-top: 10px;}
.footer .bot{ border-top: 1px solid hsla(0,0%,0%,0.20); margin-top: 50px; display: flex; justify-content: space-between; padding: 16px 0;}
.footer .bot .p,
.footer .bot a{ font-size: 14px; color: #999; line-height: 24px; display: block; transition: all 0.5s;}
.footer .bot .left{ display: flex;}
.footer .bot .left .p,
.footer .bot .left a{ margin-right: 10px;}
.footer .bot a:hover{ color: #253255;}
.indexbanner{ margin-top: 116px; position: relative;}
.indexbanner .m{ overflow: hidden;}
.indexbanner .m img{ display: block; width: 100%;}
.indexbanner .cont{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.indexbanner .cont .h1{ font-size: 40px; font-weight: bold; text-shadow: 0px 4px 16px rgba(43,129,212,0.71); line-height: 50px; color: #fff;}
.indexbanner .icon{ position: absolute; right: 60px; bottom: 40px;}
.indexbanner .icon a{ width: 148px; height: 50px; line-height: 50px; border-radius: 25px; background: hsla(0,0%,0%,0.30); display: flex;}
.indexbanner .icon a i{ display: block; padding-left: 56px; font-size: 14px; color: #fff; font-weight: bold; position: relative;}
.indexbanner .icon a i::after{ content: ''; width: 40px; height: 40px; border-radius: 100%; background: hsla(0,0%,100%,0.80) url(../images/img_2s.png) no-repeat center; background-size: 11px auto;  position: absolute; top: 5px; left: 5px;}
.indexnewsd{ margin-top: 80px;}
.indexnewsd .cont{display: flex; justify-content: space-between;}
.indexnewsd .cont .left{ width: 280px;}
.indexnewsd .cont .right{ width: 890px;}
.indexnewsd .cont .tit{ display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #C6C6C6;}
.indexnewsd .cont .tit .h1{ font-size: 16px; line-height: 16px; font-weight: bold; color: #333;}
.indexnewsd .cont .tit a{ font-size: 14px; line-height: 14px; color: #666; padding-right: 15px; position: relative;}
.indexnewsd .cont .tit a::after{ position: absolute; top: 0; right: 0; font-size: 14px; color: #666; content: '>';}
.indexnewsd .cont .left .top{ background: #F0F4F9;}
.indexnewsd .cont .left .top .m, 
.indexnewsd .cont .left .top .m i{ display: block; width: 100%; height: 130px; overflow: hidden;}
.indexnewsd .cont .left .top .m img{ display: block; width: 100%;}
.indexnewsd .cont .left .top .text{ padding: 20px 20px 30px 20px;}
.indexnewsd .cont .left .top .text .t{ font-size: 15px; line-height: 12px; color: #666;}
.indexnewsd .cont .left .top .text .p{ font-size: 20px; line-height: 30px; margin-top: 10px; color: #333;}
.indexnewsd .cont .left .list{ margin-top: 10px; background: #F0F4F9; padding: 5px 20px;}
.indexnewsd .cont .left .list .li{ padding: 20px 0 17px 0; border-top: 1px solid #D3D8DF;}
.indexnewsd .cont .left .list .li:first-child{ border-top: none;}
.indexnewsd .cont .left .list .li .t{ font-size: 12px; line-height: 10px; color: #666;}
.indexnewsd .cont .left .list .li .h{ font-size: 16px; line-height: 26px; margin-top: 10px; color: #333;}
.indexnewsd .cont .right .indexmap{ width: 100%; height: 611px; background: #F0F4F9;}
.indexjingdian{ padding: 80px 0;}
.indexjingdian .mk{ width: 327px; height: 400px; background: #F0F4F9 url(../images/49.jpg) no-repeat center bottom; background-size: 100% auto; margin-top: 20px;}
.indexjingdian .imgbox{ width: 853px;}
.indexjingdian .mk .text{ padding: 52px 40px 0 40px;}
.indexjingdian .mk .text .h1{ font-size: 24px; line-height: 24px; padding-bottom: 24px; color: #333; border-bottom: 1px solid #D3D8DF;}
.indexjingdian .mk .text .p{ font-size: 16px; line-height: 26px; color: #333; margin-top: 20px; min-height: 170px;}
.indexjingdian .mk .text .a{ margin-top: 10px; display: flex;}
.indexjingdian .mk .text .a a{ font-size: 14px; font-weight: bold; color: #E60012; line-height: 28px; padding-right: 38px; position: relative;}
.indexjingdian .mk .text .a a::after{ content: ''; width: 26px; height: 26px; border-radius: 100%; border: 1px solid #E60012; background: url(../images/50s.png) no-repeat center; background-size: 100% auto; position: absolute; top: 0; right: 0;}
.indexnewsd .con_bg{background: #f0f4f9; overflow: hidden; position: relative; box-sizing: border-box; height: 610px;}
.indexnewsd .con_r{ float: left;}
.indexnewsd .t{ overflow: hidden;}
.indexnewsd .l{ float: left;}
.indexnewsd .r{ float: right; display: none;}
.indexnewsd .dian{ position: absolute; width: 200px; height: 200px; margin: -100px 0 0 -100px; z-index: 10; cursor: pointer;}
.indexnewsd .dian1{ left: 58%; top: 39%;}
.indexnewsd .dian2{ left: 37%; top: 64%;}
.indexnewsd .con{ display: none;}
.indexnewsd .con.one{ display: block;}
.indexjingdian .cont{ display: flex; justify-content: space-between;}
.indexjingdian .imgbox .mker{ height: 440px; position: relative;}
.indexjingdian .imgbox .mker .vter{ width: 522px; height: 400px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); overflow: hidden; transition: all 0.5s;}
/*.indexjingdian .imgbox .mker .vter::after{ width: 100%; height: 4px; background: #E60012; position: absolute; left: 0; bottom: -4px; content: ''; transition: all 0.5s; z-index: 3;}*/
.indexjingdian .imgbox .mker .vter i{ width: 100%; height: 4px; background: #E60012; position: absolute; left: 0; bottom: 0; display: block; transition: all 0.5s; z-index: 3;}
.indexjingdian .imgbox .swiper-slide-active .mker .vter::after{ bottom: 0;}
.indexjingdian .imgbox .mker .vter .m{ width: 100%; height: 100%; overflow: hidden; position: relative;}
.indexjingdian .imgbox .mker .vter .m::before{ content: ''; width: 100%; height: 235px; position: absolute; left: 0; bottom: 0; background-image: linear-gradient(hsla(224,52%,27%,0.00), hsla(224,52%,27%,0.95)); opacity: 0; z-index: 2;}
.indexjingdian .imgbox .swiper-slide-active .mker .vter .m::before{ opacity: 1;}
.indexjingdian .imgbox .mker .vter .m img{ display: block; width: 100%;}
.indexjingdian .imgbox .swiper-slide-active .mker .vter{ width: 574px; height: 440px;}
.indexjingdian .imgbox .swiper-slide .mker{ opacity: 0.2; z-index: 0; overflow: hidden;}
.indexjingdian .imgbox .swiper-slide-active .mker{ z-index: 5; opacity: 1; overflow: unset;}
.indexjingdian .imgbox .text{ position: absolute; left: 50px; bottom: 30px; right: 50px; transition: all 0.5s; z-index: 5;}
.indexjingdian .imgbox .text .h1{ font-size: 24px; line-height: 24px; color: #fff;}
.indexjingdian .imgbox .text .p{ font-size: 16px; line-height: 26px; margin-top: 10px; color: #fff;}
.indexjingdian .imgbox .text .a{ display: flex; margin-top: 15px;}
.indexjingdian .imgbox .text .a em{ font-size: 14px; line-height: 14px; color: #fff; padding-right: 25px; background: url(../images/51.png) no-repeat right top 2px; background-size: 18px auto;}
.indexjingdian .imgbox .swiper-slide{ z-index: 0;}
.indexjingdian .imgbox .swiper-slide-active{ z-index: 5;}
.indexjingdian .imgbox .swiper-button-next, 
.indexjingdian .imgbox .swiper-button-prev{ display: none;}
.indexjingdian .imgbox{ position: relative;}
.indexjingdian .imgbox .em{ width: 40px; height: 40px; border: 1px solid #253255; background: #fff url(../images/50.png) no-repeat center; background-size: 100% auto; border-radius: 100%; position: absolute; top: 50%; margin-top: -21px; right: -21px; cursor: pointer; z-index: 10;}
.indexjingdian .imgbox .em1{ left: -21px; right: auto; transform: rotate(180deg);}
.aboutmink{ padding: 90px 0 80px 0;}
.aboutmink .h1{ font-size: 26px; line-height: 38px; padding-bottom: 15px; border-bottom: 1px solid #D4DAE3;}
.aboutmink .list{ margin-top: 20px;}
.aboutmink .list .vid{ float: right; width: 510px; overflow: hidden; position: relative;}
.aboutmink .list .vid img{ display: block; width: 100%;}
.aboutmink .list .vid .play{ width: 65px; height: 65px; cursor: pointer; background: url(../images/15.png) no-repeat center; background-size: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.aboutmink .list .text{ width: 640px; font-size: 18px; line-height: 27px; color: #666;}
.aboutmink .mapvk{ position: relative; margin-top: 80px; /*padding: 40px 64px;*/ background: #F8F8F8; display: flex; justify-content: space-between; align-items: center;}
.aboutmink .mapvk .m img{ display: block; width: 751px;}
.aboutmink .mapvk .ps{ width: 277px; font-size: 18px; line-height: 27px; color: #666; position: absolute; right: 64px; top: 50%; transform: translateY(-50%);}
.pagecell{ display: none; justify-content: center;}
.pagecell a{ display: block; width: 1.8rem; height: 0.7rem; line-height: 0.7rem; background: #F0F3F8; font-size: 14px; text-align: center; margin: 0 0.15rem; }
/*  */
.casedatatop .cont .form .wf .swiper-pagination{ display: none;}
.newslistwo .listcell .li{ padding: 0.35rem 0; border-bottom: 1px dashed hsla(0,0%,0%,0.10);}
.newslistwo .listcell .li a{ display: flex; justify-content: space-between;}
.newslistwo .listcell .li a .img{ width: 3rem; height: 2rem; overflow: hidden;}
.newslistwo .listcell .li a .img img{ display: block; width: 100%;}
.newslistwo .listcell .li a .right{ width: 3.6rem;}
.newslistwo .listcell .li a .right .h1{ font-size: 14px; line-height: 22px; color: #253155; min-height: 66px;}
.newslistwo .listcell .li a .right .t{ font-size: 14px; line-height: 14px; color: #666; margin-top: 20px;}
.newslistwo .listcell{ display: none;}
.aboutwenter .listcell{ display: none; margin-top: 0.3rem;}
.indexbanner .m img{ opacity: 0;}
.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: 60px; background: #fff; padding: 0 0.3rem; display: flex; align-items: center; justify-content: space-between;}
.headercell .top .logo img{ display: block; height: 30px;}
.headercell .top .right{ display: flex; align-items: center;}
.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/17s.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;}
/*  */
.indexbanner .icon a,
.indexnewsd .cont .tit a,
.indexnewsd .cont .tit a::after,
.indexjingdian .mk .text .a a,
.indexjingdian .mk .text .a a::after,
.indexnewsd .cont .left .top .text .p,
/*.aboutcuilt .li .text .h1,*/
.indexnewsd .cont .left .list .li .h,
.indexjingdian .imgbox .mker .vter .m img,
.aboutmink .list .vid img,
.aboutwenter .list .li .text .h,
.indexjingdian .imgbox .em,
.aboutcuilt .li .img img,
.aboutmink .list .vid .play,
.newslistwo .list .li a .text .h1,
.aboutwenter .list .li .m img,
.newsbanner .cont .mker .m img,
.newslistr .list .li .text .left .h1,
.newsbanner .cont .mker .text .a a,
.newsbanner .cont .mker .text .a a::after,
.newstuijian .list .li .m img,
.newsdatab .cont .left .more a,
.newstuijian .list .li .text .h,
.casebox .list .wli .li .m img,
.casebox .list .wli .li .h2,
.casebox .list .wli .li .a a,
.casebox .list .wli .li .a a::after,
.casebox .list .more,
.shehuilist .list .li .text .h1,
.shehuilist .list .li .text .bot a,
.casedatatui .list .li .text .h2,
.casedatatui .list .li .m img,
.newsbanner .cont .mker .text .h,
.shehuilist .list .li .img img,
.newsdatab .cont .right .mk .li .p,
.indexnewsd .cont .left .top .m img{ transition: all 0.5s;}

/*  */
.indexbanner .icon a:hover{ background: hsla(0,0%,0%,0.50);}

/*  */
.indexnewsd .cont .left .top:hover .m img,
.indexjingdian .imgbox .mker:hover .vter .m img,
.aboutmink .list .vid:hover img,
/*.aboutwenter .list .li:hover .m img,*/
.newsbanner .cont .mker:hover .m img,
.newstuijian .list .li:hover .m img,
.casebox .list .wli .li:hover .m img,
.shehuilist .list .li:hover .img img,
.casedatatui .list .li:hover .m img
/*.aboutcuilt .li .img:hover img*/{ transform: scale(1.05);}

/*  */
.indexnewsd .cont .tit a:hover,
.indexnewsd .cont .left .list .li:hover .h,
/*.aboutwenter .list .li:hover .text .h,*/
.indexnewsd .cont .left .top:hover .text .p,
.newstuijian .list .li:hover .text .h,
.newslistwo .list .li a:hover .text .h1,
.indexnewsd .cont .tit a:hover::after,
.newsbanner .cont .mker .text .a a:hover,
.newslistr .list .li:hover .text .left .h1,
.newsbanner .cont .mker .text .a a:hover::after,
.newsdatab .cont .left .more a:hover,
.casebox .list .wli .li:hover .h2,
.casebox .list .wli .li .a a:hover,
.casebox .list .wli .li .a a:hover::after,
/*.shehuilist .list .li:hover .text .h1,*/
.casedatatui .list .li:hover .text .h2,
.newsdatab .cont .right .mk .li:hover .p,
.newsbanner .cont .mker:hover .text .h
/*.aboutcuilt .li:hover .text .h1*/{ color: #E60012;}
.indexjingdian .imgbox .em:hover{ background: #E60012 url(../images/50b.png) no-repeat center; background-size: 100% auto; border-color: #E60012;}
.indexjingdian .mk .text .a a:hover::after{ background: #E60012 url(../images/50b.png) no-repeat center; background-size: 100% auto;}
.aboutmink .list .vid .play:hover{ background: url(../images/15s.png) no-repeat center; background-size: 100% auto;}
.newsdatab .cont .left .href a:hover{ text-decoration: underline;}
.casebox .list .more:hover{ background: #C8D7EF;}
.casedatatui .listcell{ display: none;}
/*.shehuilist .list .li .text .bot a:hover{ opacity: 0.8;}*/
.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; 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%;}
.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(360deg);}
/* 2 */
.peoplebox{ padding: 80px 0;}
.peoplebox .top{ display: flex; justify-content: space-between;}
.peoplebox .top .m img{ width: 371px; margin: 47px 0 0 25px;}
.peoplebox .top .text{ width: 626px; margin: 0 37px 0 0; padding-top: 26px;}
.peoplebox .top .text .li{ border-top: 1px solid #D4DAE3; padding-top: 10px; margin-top: 30px;}
.peoplebox .top .text .li:first-child{ border-top: none; padding-top: 0; margin-top: 0;}
.peoplebox .top .text .li .h1{ font-size: 26px; line-height: 38px; color: #333; transition: all 0.5s;}
/*.peoplebox .top .text .li:hover .h1{ color: #E70012;}*/
.peoplebox .top .text .li .p{ font-size: 18px; line-height: 27px; margin-top: 10px; color: #666;}
.peoplebox .bot img{ display: block; width: 100%; margin: 86px 0 0 0;}
.peopletwo{ padding: 80px 0;}
.peopletwo .top{ display: flex;}
.peopletwo .top .input{ display: flex; box-sizing: border-box; width: calc(100% - 170px);}
.peopletwo .top .input .m{ width: 100%; height: 52px; background: #F1F5F9 url(../images/e6.png) no-repeat left 18px center; background-size: 27px auto; padding: 0 20px 0 70px; border: 1px solid #B3C5D2; border-right: none; transition: all 0.5s;}
.peopletwo .top:hover .input .m{ border-color: #253155;}
.peopletwo .top .input .m input{ display: block; width: 100%; height: 52px; border: none; background: hsla(0,0%,100%,0.00)!important; font-size: 20px;}
.peopletwo .top .input .m input::placeholder{ color: hsla(205,26%,76%,0.80);}
.peopletwo .top button{ display: block; width: 170px; height: 54px; border: none; border-radius: 0; background: #253155; font-size: 16px; color: #fff; cursor: pointer;}
.peopletwo .list .wli{ border-bottom: 1px solid #D4DAE3; line-height: 30px; padding: 25px 0; transition: all 0.5s;}
.peopletwo .list .wli a{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.peopletwo .list .wli:hover{ background: #F0F3F8;}
.peopletwo .list .li:first-child{ width: 360px;}
.peopletwo .list .li:nth-child(2){ width: 200px;}
.peopletwo .list .li:nth-child(3){ width: 360px;}
.peopletwo .list .li:nth-child(4){ width: 94px;}
.peopletwo .list .li .m{ font-size: 22px; color: #253155; padding-left: 25px; position: relative; transition: all 0.5s;}
.peopletwo .list .wli:hover .m{ color: #E70012;}
.peopletwo .list .li .m::after{ width: 4px; height: 4px; background: #E70012; position: absolute; top: 50%; left: 5px; transform: translateY(-50%); content: '';}
.peopletwo .list .li .p{ font-size: 14px; color: #666; padding-left: 35px; background: url(../images/e24.png) no-repeat center left; background-size: 23px auto;}
.peopletwo .list .li .t{ font-size: 14px; color: #666; padding-left: 33px; background: url(../images/e5.png) no-repeat left center; background-size: 24px auto;}
.peopletwo .list .li .i{ display: flex;}
.peopletwo .list .li .i em{ font-size: 14px; color: #253155; font-weight: bold; padding-right: 18px; position: relative; transition: all 0.5s;}
.peopletwo .list .li .i em::after{ content: '>'; font-size: 14px; color: #253155; font-weight: bold; position: absolute; top: 0; right: 0; transition: all 0.5s;}
.peopletwo .list{ margin-top: 40px;}
.peopletwo .list .wli:hover .i em,
.peopletwo .list .wli:hover .i em::after{ color: #E70012;}
.peopledata{ padding: 80px 0 95px 0;}
.peopledata .cont{ display: flex; justify-content: space-between;}
.peopledata .cont .left{ width: 750px;}
.peopledata .cont .left .top{ padding-top: 10px; padding-bottom: 15px; border-bottom: 1px solid #253155; position: relative;}
.peopledata .cont .left .top::after{ width: 100px; height: 3px; background: #E70012; position: absolute; left: 0; bottom: -2px; content: '';}
.peopledata .cont .left .top .h1{ font-size: 26px; line-height: 38px;}
.peopledata .cont .left .top .time{ display: flex; margin-top: 10px;}
.peopledata .cont .left .top .time .p{ font-size: 14px; line-height: 20px; color: #999; margin-right: 50px;}
.peopledata .cont .left .form{ padding: 30px 0 40px 0; border-bottom: 1px solid #D4DAE3; display: flex;}
.peopledata .cont .left .form .li{ margin-right: 95px;}
.peopledata .cont .left .form .li .h{ font-size: 14px; line-height: 20px; color: #253155; font-weight: bold;}
.peopledata .cont .left .form .li .p{ font-size: 18px; line-height: 27px; color: #666; margin-top: 8px;}
.peopledata .cont .left .list .li{ padding: 40px 0; border-bottom: 1px solid #D4DAE3;}
.peopledata .cont .left .list .li .h1{ font-size: 14px; color: #253155; font-weight: bold; padding-left: 20px; position: relative;}
.peopledata .cont .left .list .li .h1::after{ content: ''; width: 4px; height: 4px; background: #E70012; position: absolute; left: 5px; top: 50%; transform: translateY(-50%);}
.peopledata .cont .left .list .li .p{ margin-top: 20px; font-size: 18px; line-height: 32px; color: #666;}
.peopledata .cont .right{ width: 384px;}
.peopledata .cont .right .cact .h1{ width: 100%; height: 83px; background: url(../images/e23.png) no-repeat top right; background-size: cover;}
.peopledata .cont .right .cact .h1 i{ display: block; font-size: 26px; line-height: 38px; color: #fff; padding: 30px 0 0 30px;}
.peopledata .cont .right .cact .list{ background: #F0F3F8; padding: 25px 30px 40px 30px;}
.peopledata .cont .right .cact .list .p{ margin-top: 25px; font-size: 14px; color: #253155; line-height: 20px; padding-left: 38px; font-weight: bold;}
.peopledata .cont .right .cact .list:first-child{ margin-top: 0;}
.peopledata .cont .right .cact .list .p1{ background: url(../images/e3.png) no-repeat left center; background-size: 20px auto;}
.peopledata .cont .right .cact .list .p2{ background: url(../images/e2.png) no-repeat left center; background-size: 22px auto;}
.peopledata .cont .right .cact .list .p3{ background: url(../images/e1.png) no-repeat left center; background-size: 25px auto;}
.peopletwo .list .wli{ position: relative;}
.peopletwo .list .wli::after{ content: ''; width: 0; height: 2px; background: #E70012; position: absolute; left: 0; bottom: -1px; transition: all 0.5s;}
.peopletwo .list .wli:hover::after{ width: 100%;}
.peoplelist{ padding: 80px 0;}
.peoplelist .cont .li{ padding: 20px 5px; border-bottom: 1px solid #D4DAE3; line-height: 60px; position: relative; transition: all 0.5s;}
.peoplelist .cont .li:hover{ background: #F0F3F8;}
.peoplelist .cont .li a{ display: flex; justify-content: space-between;}
.peoplelist .cont .li .h{ font-size: 22px; color: #253155; padding-left: 47px; background: url(../images/e21.png) no-repeat left center; background-size: 36px auto; transition: all 0.5s;}
.peoplelist .cont .li:hover .h{ color: #E70012;}
.peoplelist .cont .li .t{ font-size: 14px; color: #999;}
.peoplelist .cont .li::after{ content: ''; transition: all 0.5s; width: 0; height: 2px; background: #E70012; position: absolute; left: 0; bottom: -1px;} 
.peoplelist .cont .li:hover::after{ width: 100%;}
.peoplelist .pageing{ margin-top: 40px;} 
.contactbox{ padding: 80px 0;}
.contactbox .top{ position: relative;}
.contactbox .top .m img{ display: block; width: 100%;}
.contactbox .top .text{ width: 445px; position: absolute; top: 120px; left: 80px;}
.contactbox .top .text .h1{ font-size: 30px; line-height: 38px; font-weight: bold; padding-bottom: 15px; border-bottom: 1px solid #253155;}
.contactbox .top .text .li{ margin-top: 13px; display: flex;}
.contactbox .top .text .li .p{ font-size: 18px; line-height: 27px; color: #333;}
.contactbox .top .text .li .p:first-child{ white-space: nowrap; font-weight: bold;}
.contactbox .list{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.contactbox .list .wli{ position: relative; margin-top: 20px;}
.contactbox .list .wli .m img{ display: block; width: 100%;}
.contactbox .list .wli .text{ width: 370px; position: absolute; top: 50px; left: 40px;}
.contactbox .list .wli .text .h1{ font-size: 26px; line-height: 38px; color: #253155; padding-bottom: 15px; border-bottom: 1px solid #D4DAE3;}
.contactbox .list .wli .text .li{ display: flex; margin-top: 13px;}
.contactbox .list .wli .text .li .p{ font-size: 18px; line-height: 27px; color: #666;}
.contactbox .list .wli .text .li .p:first-child{ white-space: nowrap;}
.contactbox .bot{ margin-top: 20px; position: relative;}
.contactbox .bot .m img{ display: block; width: 100%;}
.contactbox .bot .text{ width: 455px; position: absolute; top: 50px; left: 40px;}
.contactbox .bot .text .h1{ font-size: 26px; line-height: 38px; color: #253155; padding-bottom: 15px; border-bottom: 1px solid #D4DAE3;}
.contactbox .bot .text .li{ display: flex; margin-top: 13px;}
.contactbox .bot .text .li .p{ font-size: 18px; line-height: 27px; color: #666;}
.contactbox .bot .text .li .p:first-child{ white-space: nowrap;}
.contactbox .bot .vext{ width: 338px; position: absolute; top: 0; right: 150px;}
.contactbox .bot .vext .sli{ margin-top: 50px;}
.contactbox .bot .vext .sli .h1{ font-size: 20px; line-height: 38px; color: #253155; padding-bottom: 15px; border-bottom: 1px solid #D4DAE3;}
.contactbox .bot .vext .sli .li{ display: flex; margin-top: 13px;}
.contactbox .bot .vext .sli .li .p{ font-size: 14px; line-height: 20px; color: #666;}
.contactbox .bot .vext .sli .li .p:first-child{ white-space: nowrap;}
.openbox{ padding: 50px 0 80px 0;}
.openbox .cont{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.openbox .cont .li{ width: 384px; border: 1px solid #F0F3F8; margin: 30px 21px 0 0;}
.openbox .cont .li:nth-child(3n){ margin: 30px 0 0 0;}
.openbox .cont .li .m{ width: 100%; height: 210px; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.openbox .cont .li .m img{ display: block; max-width: 90%; max-height: 90%;}
.openbox .cont .li .a{ background: #F0F3F8; display: flex; justify-content: center; transition: all 0.5s;}
.openbox .cont .li .a i{ display: block; font-size: 14px; color: #253155; padding-right: 15px; position: relative; line-height: 50px; transition: all 0.5s;}
.openbox .cont .li .a i::after{ content: '>'; font-size: 14px; color: #253155; position: absolute; top: 0; right: 0; transition: all 0.5s;}
.openbox .cont .li:hover .a{ background: #E60012;}
.openbox .cont .li:hover .a i,
.openbox .cont .li:hover .a i::after{ color: #fff;}
.mapimg{ width: 890px; height: 611px; overflow: hidden;}
.mapimg .li img{ display: block; width: 100%;}
.mapimg .li{ display: none;}
.mapimg .li.on{ display: block;}
.indexmap{ position: relative; overflow: hidden;}
.indexmap .svgmapbox{ position: absolute; top: 0; left: 0; opacity: 0;}
.indexmap .svgmapbox g{ cursor: pointer;}
.svgmapboxmax{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 890px; height: 611px;}
.aboutwenter .list .li .text .h{ font-weight: bold;}
.header{ transition: all 0.5s;}
.header2{ box-shadow: 0 0 10px hsla(0,0%,0%,0.30);}
.newslistwo .list .li a .text .m img{ width: 100%;}
.shehuibanner2 .img{ width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 0;}
.shehuibanner2 .newbann{ position: relative; z-index: 5; top: auto; left: auto; bottom: auto; right: auto; transform: none;}
.shehuibanner2 .newbann{ padding: 40px 0; min-height: 220px; max-width: 1200px; margin: auto;}
.casedatatop .swiper-button-next,
.casedatatop .swiper-button-prev{ display: none;}
.contactbox .list .wli{ width: 590px;}
.aboutjigou .imgcell{ display: none;}
.mapimg .li .h{ font-size: 24px; color: #fff; line-height: 34px;}
.mapimg .li .p{ font-size: 16px; line-height: 26px; color: #fff; margin-top: 15px;}
.mapimg .li .tery{ width: 310px; position: absolute; top: 0; left: 0;}
.mapimg .li:first-child .tery{ top: 180px; left: 180px;}
.mapimg .li:nth-child(2) .tery{ top: 310px; left: 200px;}
.mapimg .li:nth-child(3) .tery{ top: 330px; left: 250px;}
.mapimg .li:nth-child(4) .tery{ top: 305px; left: 250px;}
.mapimg .li:nth-child(5) .tery{ top: 430px; left: 165px;}
.mapimg .li:nth-child(6) .tery{ top: 330px; left: 75px;}
.indexmap2{ width: 890px; height: 611px;}
.aboutmink .mapvk{ overflow: hidden;}
.headercell .top{ transition: all 0.5s;}
.headercell .top2{ box-shadow: 0 0 10px hsla(0,0%,0%,0.15);}
.contactbox .top .m img{ opacity: 0;}
.contactbox .list .wli .m img{ opacity: 0;}
.contactbox .bot .m img{ opacity: 0;}
.newslistwo .list .time .n {
    color:#222;
}
.footer .top .nav .li .h1 a{font-size: 16px;font-weight: bold;color: #515151;margin-bottom: 8px;transition: all 0.5s;display: block;}
.shehuilist .list .li .text{ font-size: 14px; line-height: 20px; color: #999;}
.pageing span,
.pageing .page{ display: flex; justify-content: center; flex-wrap: wrap; height: auto;}

.indexbanner .m{ transition: all 20s linear;}
.indexbanner .m.on{ background-size: auto 130%!important;}



