/* ====首页====== */

body{ background-color:#fff;}

/** header **/

.header{ position:relative; z-index:100; background-color: #fff;}

.loarea{ height:120px; position:relative; z-index:3;}

.loarea .wp{ display: flex; justify-content: space-between;}

.logo{ width:340px; height:120px; display:flex; align-items: center;}

.logo .tp{ height:74px; width:auto;}



/*PC导航 begin*/

.nav{  z-index:5; margin-left: auto; }

.navul{ font-size:0;}

.navul li{ display:inline-block; font-size:20px;position:relative;}

.rowLi{ position: static !important;}

.navul li>a{  padding:0 2em; font-weight: bold; text-align:center; display:inline-block; line-height:120px; height:120px; position: relative;}

.navul li>a::after{ content: ""; display: block; width: 0em; height: 2px; background-color:#B71E23 ; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }

.navul li>a:hover,.act_nav{color:#B71E23 !important;}

.navul li>a:hover::after,.act_nav::after{  width: 2em !important;}



.chooseLan{ margin-left: 2em;  display: inline-flex; align-items: center;}

.chooseLan .icon{ height: 24px; margin-right: 18px;}

.chooseLan a{ font-size: 20px; font-weight: bold;}

.chooseLan a:hover,.actlan{ color: #B71E23 !important;}

.chooseLan .cutline{ margin: 0 10px; color: #ccc; font-size: 16px;}



/*PC导航end*/

.subnav{ position:absolute; display: none;  }

.subnavNormal{left:50%; margin-left: -60px; top:120px; width:120px;padding-top: 0px;}

.subnav:after{ content: ''; display: block; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #fff; position: absolute; top: -16px; left: 50%; margin-left: -6px; display: none;}

.subnav>.nr{background:rgba(0, 0, 0, .6); padding:10px 0; box-shadow: 0 2px 10px 0 #333; }

.subnav .nr a{text-align:left; line-height:2; padding: 6px 0; width:100%; font-size:13px; display:block;  color:#fff; text-align:center; }

.subnav .nr a:hover{ color: #fff !important; background-color: #B71E23; }

/*手机导航按钮及下拉菜单begin*/

.menubtn{ position:absolute; width:24px; height:24px;top:12px; right:2%; cursor:pointer; display:none;}

.menubtn i{ display:block; width:21px; height:3px; background-color:#000; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; border-radius: 2px;}

.menubtn i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}

.menubtn i:nth-child(2){ top:11px;}

.menubtn i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}

.menubtn.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}

.menubtn.on i:nth-child(2){ opacity:0;}

.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}

/*小导航*/

.inav{ width:400px; max-width: 60%; height: 100vh; overflow-y: auto; background-color:rgba(0, 0, 0, .9); position:fixed;  z-index:999; top:0px; left:-100%;  z-index:99; overflow-y: auto; display: none; }

.navlogo{ padding: 30px;}

.navlogo .tp{ max-width: 66%;}

.inav ul{ margin: 0 30px;}

.inavul li{border-bottom:1px solid #363636;}

.inavul li>a{ display:block; text-align:left;  font-size:14px; color:#fff; padding:15px 30px 15px 15px; position: relative;}

.inavul li>a .iconfont{ position: absolute; right: 0; top: 12px; font-size: 18px; }

.act_inav{ border-color: #B71E23 !important; color:#B71E23 !important;}

.act_inav .iconfont{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }

.inavul .nr{ display: none; padding:5px 30px 5px 40px;}

.inavul .nr a{display:inline-block; text-align:left; padding: 4px 0; margin-right: 10px;  font-size:13px; color:#ddd;}

/*手机导航按钮及下拉菜单end*/

/*banner begin*/

.banner{ position:relative; z-index:3; }

.banner .swiper-slide{position:relative; overflow:hidden;}

.banimg{ width:100%; height:auto; display:block;}

.banner .swiper-pagination{ bottom:48px !important;}

.banner .swiper-pagination-bullet{ width:90px; height:4px; padding: 0; background-color:#fff; font-size: 0; line-height: 0; outline:none; cursor: pointer;  margin:0 8px !important; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }

.banner .swiper-pagination-bullet-active{}

.banner .swiper-button-prev,.banner .swiper-button-next{ display: none;}

/* .banner .swiper-button-prev{ left:2%;}

.banner .swiper-button-next{ right:2%;} 



.banner .swiper-button-prev::after,.banner .swiper-button-next::after{ display: none;}

 .banner .swiper-button-prev,.banner .swiper-button-next{filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;width:80px;  height:150px; line-height: 150px; top:50%; margin-top:-75px; color: #fff;}

.banner .swiper-button-prev .iconfont,.banner .swiper-button-next .iconfont{ font-size: 80px; font-weight: bold;}

.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} */

/*banner end*/

.h_tit{ padding: 40px 0; }

.h_tit .tit{ font-size: 38px; font-weight: bold; color: #333;}

.h_tit .subtit{ font-size: 20px;}



.h_ab{ padding: 100px 0;}

.h_ab .wp{ display: flex; flex-wrap: wrap;  align-items: center;}

.h_ab .tparea{ width: 50%; font-size: 0; margin-left: 4%;}

.h_ab .tparea .tp{ width: 100%;}



.h_ab .intro{ flex: 1; min-width: 0;}

.h_ab .intro .h_tit{ margin-top: -40px;}

.h_ab .intro .nr{ text-align: justify; color: #666; line-height: 2; font-size: 16px;}

.habAdvan{ margin-top: 45px; display: flex; justify-content: space-between;}

.habAdvan .item{  width: 100px; text-align: center;}

.habAdvan .item .value{ font-size: 36px; line-height: 1.2; font-weight: bold;}

.habAdvan .item .tit{ font-size: 16px; color: #999; }

.hmandiv{ margin-top: 45px;}

.hmandiv .sbtn{ font-size: 16px; padding: 0.6em 3em;}



.h_pro{ padding: 40px 0 70px;}

.h_pro .wrap{ display: flex; flex-wrap: wrap; justify-content: space-between;}

.h_pro .wrap .part{ width: 49.6%;}

.h_pro .wrap .part .row{ display: flex; justify-content: space-between; }

.h_pro .wrap .part .row .hproItem{ width: 49.25%;}

.h_pro .wrap .part .row .hproItem .tparea .tp{ height: 344px;}

.h_pro .wrap .part:nth-child(2){ display: flex; flex-direction: column; flex-direction: column-reverse; }

.hproItem{ margin:0 0 1.6%;}

.hproItem a{ display: block; position: relative;}

.hproItem .tparea{ font-size: 0; overflow: hidden;}

.hproItem .tparea .tp{ width: 100% ; height: 300px; object-fit: cover; }

.hproItem .des{ position: absolute; left: 0; bottom: 0; color: #fff; width: 100%; padding: 20px 30px; box-sizing: border-box; background:linear-gradient(0,rgba(0,0,0,.8),rgba(0,0,0,.0))}

.hproItem .des .tit{ font-size: 24px; font-weight: bold;}

.hproItem .shade{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, .6); color: #fff; display: flex; align-items: center; justify-content: center; opacity: 0;}

.hproItem .shade .inner{ padding: 50px; width: 100%; box-sizing: border-box;}

.hproItem .shade .tit{ font-size: 24px; font-weight: bold;}

.hproItem .shade .nr{ margin-top: 35px; line-height: 1.6;}

.hproItem .shade .mandiv{ margin-top: 30px;}

.hproItem .shade .mandiv .morea{}

.hproItem:hover .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.hproItem:hover .des{ display: none;}

.hproItem:hover .shade{ opacity: 1;}

.morea{ color: #fff; text-decoration: underline;}

.morea:hover{ color: #B71E23;}



.h_tit_w .tit,.h_tit_w .subtit{  color: #fff;}

.h_case{ padding: 40px 0 70px;}

.h_case .wrap{ display: flex; flex-wrap: wrap;}

.hcaseItem{ margin:0 2.4% 2.4% 0; width: 23.2%; padding: 40px 20px; box-sizing: border-box; background-color: #fff;}

.hcaseItem:nth-child(4n){ margin-right: 0;}

.hcaseItem .tparea{ margin: 0 auto; width: 90px; height: 90px; background-color: #F6F6F6; border-radius: 50%; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.hcaseItem .tparea .tp{ width: 60px; height: 60px;}

.hcaseItem .tit{ font-size: 22px; margin-top: 15px; text-align: center;}

.hcaseItem:hover .tparea .tp{ transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); }

.hcaseItem:hover .tit{ color: #B71E23;}



.h_coo{ padding: 40px  0 0; background-color: #F7F7F7;}

.h_coo .wrap{}

.h_coo .wrap .tp{width: 100%;}



.footer{ background-color: #0D0D0D;}

.f_t{ padding: 80px 0 40px; display: flex; justify-content: space-between;}

.flogo{ width: 300px; margin-right: 40px;}

.flogo .tp{ height: 55px;}

.fnav{ display: flex; flex: 1; min-width: 0; justify-content: space-between;}

.fnav a:hover{ color: #B71E23;}

.fnavItem{ width: 25%;}

.fnavItem .tit{ font-size: 16px;}

.fnavItem .tit a{ color: #fff;} 

.fnavItem .nr{ margin-top: 15px;} 

.fnavItem .nr a{ font-size: 14px; display: block; padding: 4px 0; color: #999;} 

.fnav a:hover{ color: #B71E23;}

.fadd{ width: 390px; margin-left: 40px;}

.fadd .list{ position: relative;color: #999; padding: 4px 0 4px 22px;  }

.fadd .list .icon{ height: 18px; margin-right: 10px; position: absolute; left: 0 ; top: 5px;}



.f_b{ background-color: #151515; text-align: center; padding: 20px 0; color: #999;}

.copyright{}

.copyright a{color: #999;}

.copyright a:hover{ color: #fff;}

.gotop{ font-size: 16px; cursor: pointer;}

.gotop:hover{ color: #fff;}



/* 02-1产品 */

.i_main{  min-height:400px;}

.i_ban{ font-size: 0; position: relative; overflow: hidden; }

.i_ban .tp{ width: 100%;}



.location{color:#999; padding:25px 0;}

.location a,.location .home{ font-size:14px; color:#666;}

.location .home::before{font-size:16px;  margin-right: 5px;vertical-align: baseline;}

.location a:hover{ color:#B71E23;}

.act_loca{ color:#B71E23 !important;}

.location i{ margin:0 6px; font-style:normal;}



.lm{ text-align: center;  padding: 20px 0 0;}

.lm a{ display: inline-block; margin: 0 10px 20px; color: #666; position: relative; padding: 0.4em 0.8em; min-width: 14.4%; box-sizing: border-box; font-size: 18px; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; background-color: #EAEAEA; }

.lm a:hover,.actlm{  background-color: #B71E23 !important; color: #fff !important; }



.turnpage{ margin:0 auto;font-size:0; text-align:center;}

.turnpage a,.turnpage span{ display:inline-block; padding:2px 10px; font-size:14px; margin:0 4px; color:#333; border:1px solid #D7D7D7; border-radius:4px ; -webkit-border-radius:4px ; -moz-border-radius:4px ; -ms-border-radius:4px ; -o-border-radius:4px ; }

.turnpage a::before{ font-size: 16px;}

.turnpage a:hover,.current{ background-color:#A81E2B !important; border-color:  #A81E2B !important; color: #fff !important;}

.pro{ padding:30px 0 70px;}

.pro .wrap{ padding-bottom: 10px; display: flex; flex-wrap: wrap;}

.proItem{ width: 32%; margin: 0 2% 50px 0;}

.proItem:nth-child(3n){ margin-right:0;}

.proItem a{ display: block; position: relative;}

.proItem .tparea{ font-size: 0; overflow: hidden;}

.proItem .tparea .tp{ width: 100% ; height:270px; object-fit: cover; }

.proItem .shade{ position: absolute; left: 0; bottom: 0; color: #fff; width: 100%; padding: 15px 20px; box-sizing: border-box; background-color:rgba(0,0,0,.5); }

.proItem .shade .tit{ font-size: 18px; margin-right: 30px;}

.proItem .shade .arr{ color: #fff; position: absolute; font-size: 18px; right: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.proItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.proItem a:hover .shade{ background-color: #B71E23;}

/* 03-1 方案 */

.case{ padding:30px 0 70px;}

.case .wrap{ padding-bottom: 10px; display: flex; flex-wrap: wrap;}

.caseItem{ margin: 0 0% 60px 0;}

.caseItem a{ display: flex; flex-wrap: wrap; align-items: center; position: relative; background-color: #f9f9f9;}

.caseItem .tparea{ width: 48%; font-size: 0; overflow: hidden;}

.caseItem .tparea .tp{ width: 100% ; height:380px; object-fit: cover; }

.caseItem .des{ flex: 1; min-width: 0; box-sizing: border-box;}

.caseItem .des .inner{ padding: 15px 8%;}

.caseItem .des .tit{ font-size: 30px; font-weight: bold; }

.caseItem .des .nr{ font-size: 16px; margin-top: 20px; line-height: 1.8; color: #999; }

.caseItem .des .mandiv{ margin-top: 30px; }

.caseItem .des .mandiv .sbtn{ font-size: 16px; padding: 0.6em 2.2em; }

.caseItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.caseItem a:hover .des .tit{ color: #B71E23;}



/* 02-2 产品 详情 */

.prodel{ display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 90px;}

.p_l{ width: 73.6%;}

.p_r{ width: 24%;}



.pSlide .swiper-button-prev{ left:3%;}

.pSlide .swiper-button-next{ right:3%;} 

.pSlide .swiper-button-prev::after,.pSlide .swiper-button-next::after{ display: none;}

.pSlide .swiper-button-prev,.pSlide .swiper-button-next{ filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; width:70px; height:70px; line-height: 70px; top:50%; margin-top:-35px; color: #fff; background-color: rgba(255, 255, 255, .2); border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; font-size: 0; }

.pSlide .swiper-button-prev .iconfont,.pSlide .swiper-button-next .iconfont{ font-size: 40px;line-height: 1; }

.pSlide .swiper-button-prev:hover,.pSlide .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} 

.pSlideDes{ padding: 35px 40px; background-color: #fff;}

.pSlideDes .tit{ font-size: 30px; margin-right: 14px;}

.pSlideDes .tit .tag{ font-size: 14px; display: inline-block; color: #B71E23; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; padding: 0.3em 0.8em; background-color: #F5F5F5; }

.pSlideDes  .nr{ font-size: 16px; margin-top: 20px; line-height: 1.8; color: #666;}

.pdelPart{ margin-top: 35px; padding: 10px 38px; background-color: #fff;}

.pTitle{border-bottom: 1px solid #E5E5E5;}

.pTitle .mc{ display: inline-block; padding: 0.6em 0; position: relative; font-size: 24px; font-weight: bold; }

.pTitle .mc::after{ content: ""; display: block; width: 100%; height: 3px; background-color: #B71E23; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; position: absolute; left: 0; bottom: -2px; }

.pdelPart .wrap{ padding: 25px 0;}

.pdelPart .wrap .nr{ font-size: 16px; line-height: 1.8; color: #666;}

.pdelPart .wrap .para{ display: flex; flex-wrap: wrap;}

.pdelPart .wrap .para .paraItem{ width: 28%; margin:0 7.2% 20px 0 ; box-sizing: border-box; padding: 15px 7px; border-bottom: 1px solid #eee; font-size: 16px; }

.pdelPart .wrap .para .paraItem:nth-child(3n){ margin-right: 0;}

.pdelPart .wrap .para .paraItem .p1{ color: #666;}

.pdelPart .wrap .para .paraItem .p2{ margin-top: 5px;}



.pSide{ background-color: #fff; padding: 0 24px;}

.pkefu{ padding: 20px 0 40px; border-bottom: 1px solid #ddd; text-align: center;}

.pkefu .tp{}

.pkefu .opa{ margin-top: -15px;}

.pkefu .opa .sbtn{ width: 80%;}

.pkefu .opa .sbtn .icon{ width: 30px; margin-right: 10px;}

.pkefu .opa .sbtn .val{ font-size: 18px;}

.pTel{padding: 35px 0 25px; border-bottom: 1px solid #ddd; text-align: center;}

.pTel .mc{ font-size: 16px; color: #999;}

.pTel .val{ font-size: 28px; margin-top: 4px;}

.sort{ padding: 40px 0; text-align: center;}

.sort .tit{ font-size: 24px; font-weight: bold;}

.sort .nr{ margin-top: 20px;}

.sort .nr a{ font-size: 18px; display: block; padding: 1.2em 0;  border-bottom: 1px solid #ddd; }

.sort .nr a:hover,.act_sort{ color: #B71E23 !important;}



/* 03-2方案详情 */

.caseDel{ margin-bottom: 70px;}

.article{ padding: 20px 36px 0px;}

.artHeader{ padding: 20px 0; position: relative; text-align: center; border-bottom: 1px solid #ddd;}

.artHeader::after{ content: ""; display: block; width: 42px; height: 3px; background-color: #B71E23; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); bottom: -2px;}

.artHeader .tit{ font-size: 30px; font-weight: bold;}

.artHeader .info{ margin-top: 15px;}

.artHeader .info .span{ margin: 0 10px; color: #999;}

.artBody{ padding: 35px 0;}

.artBody .nr{}

.artBody .nr .wz{ font-size: 16px; line-height: 1.8;}





.gallery-top2 {height: 560px;  }

.gallery-top2 .swiper-slide{ -moz-box-sizing: border-box; box-sizing: border-box; -o-background-size: cover; background-size: cover;}

.gallery-top2 img{  width: 100%; margin-left: 0%;height: 560px; object-fit: cover;}

.gallery-thumbs2Wrap{ margin: 25px 50px; }

.gallery-thumbs2 {height: 90px; -moz-box-sizing: border-box;box-sizing: border-box;}

.gallery-thumbs2 .swiper-slide {opacity: 0.6;cursor: pointer;  box-sizing: border-box;}

.gallery-thumbs2 .swiper-slide .tp{ padding: 0px;  display: block; height: 90px; padding: 6px; border: 1px solid transparent; margin: 0 auto; box-sizing: border-box; width: 100%; object-fit: cover;}

.gallery-thumbs2 .swiper-slide-thumb-active {opacity: 1; }

.gallery-thumbs2 .swiper-slide-thumb-active .tp{ background-color: #fff; border-color:#B71E23 ;}

.pdtSlideWrap2 { position: relative;}



.pdtSlideWrap2 .swiper-button-prev::after,.pdtSlideWrap2 .swiper-button-next::after{ display: none;}

.pdtSlideWrap2 .swiper-button-prev,.pdtSlideWrap2 .swiper-button-next{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; width: 24px; height:90px; line-height: 90px; left: 0;    top: auto; bottom: 0px; color: #666; cursor: pointer; z-index: 10; text-align: center; -webkit-filter:alpha(opacity=100); }

.pdtSlideWrap2 .swiper-button-prev{  left: 0; }

.pdtSlideWrap2 .swiper-button-next{left: auto; right:0;  }

.pdtSlideWrap2 .swiper-button-prev .iconfont,.pdtSlideWrap2 .swiper-button-next .iconfont{ font-size: 30px;  line-height: 1; }

.pdtSlideWrap2 .swiper-button-prev:hover,.pdtSlideWrap2 .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; background-color: #B71E23; color: #fff;}



/* 04关于我们 */

.team{ padding: 40px 0 90px; display: none;}

.cul{padding: 40px 0 100px;}

.cul .wrap{ display: flex; flex-flow: wrap;}

.cul .tparea{ width: 32%;}

.cul .tparea .tp{ width: 100%; height: 100%; object-fit: cover; }

.cul .lists{ flex: 1; min-width: 0; display: flex; flex-wrap: wrap;}

.culItem{ width:47% ; box-sizing: border-box; padding: 26px 40px; background-color: #fff; text-align: center; margin:0 0 3% 3%;}

.culItem:nth-child(n+3){ margin-bottom: 0;}

.culItem .tp{ height: 80px;}

.culItem .tit{ font-size: 24px; line-height: 1.3;}

.culItem .nr{ margin-top: 10px; color: #666;}



.contact{ padding: 40px 0 90px;}

.contact .h_tit{ border-bottom:1px solid #E4E4E5 ; }

.cont{ padding: 20px 0;}

.contul{}

.contul li{ width:25%; float: left; text-align: center; padding: 20px 0;}

.contul li .tparea{ text-align: center; }

.contul li .tparea .tp{width: 50px; height: 50px; padding-top:16px; }

.contul .des{ padding: 0px 10px;}

.contul .des .p1{ font-size: 14px;color: #999;}

.contul .des .p2{  font-size: 16px;}



.map{ font-size: 0;  overflow: hidden; height: 400px; position: relative; font-size: 0;}

.map iframe{ position: absolute; width: 100%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }



.teamItem{ position: relative; overflow: hidden;}

.teamItem .tparea{ font-size: 0; overflow: hidden;}

.teamItem .tparea .tp{ width: 100% ; height:370px; object-fit: cover; }

.teamItem .des{ padding: 25px 30px; background-color: #F7F7F7; border-bottom: 4px solid #B71E23;}

.teamItem .des .tit{ font-size: 20px; font-weight: bold;  line-height: 1.4;}

.teamItem .des .pos{ font-size: 14px;  color: #999; }

.teamItem .shade{ position: absolute; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: #A81E2B; left: 0; bottom: -100%;}

.teamItem .shade .inner{ color: #fff; padding: 20px 10%; }

.teamItem .shade .inner .tit{font-size: 20px; font-weight: bold;  line-height: 1.4;}

.teamItem .shade .inner .pos{font-size: 14px;}

.teamItem .shade .inner .line{ width: 30px; height: 4px; background-color: #fff; border-radius: 4px; margin-top: 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }

.teamItem .shade .inner .nr{ font-size: 16px; color: #ffff; line-height: 1.8; margin-top: 30px;}

.teamItem:hover .shade{ bottom: 0;}

.teamItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.teamSlideWrap{ position: relative;}

.teamSlideWrap .swiper-button-prev{ left:0%; margin-left: -60px;}

.teamSlideWrap .swiper-button-next{ right:0%; margin-right: -60px;} 

.teamSlideWrap .swiper-button-prev::after,.teamSlideWrap .swiper-button-next::after{ display: none;}

.teamSlideWrap .swiper-button-prev,.teamSlideWrap .swiper-button-next{ opacity: 1; width:60px; height:60px; line-height: 60px; top:38%; margin-top:-30px;  color: #666; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }

.teamSlideWrap .swiper-button-prev .iconfont,.teamSlideWrap .swiper-button-next .iconfont{ font-size:44px; }

.teamSlideWrap .swiper-button-prev:hover .iconfont,.teamSlideWrap .swiper-button-next:hover .iconfont{ color: #B71E23;}























.hproItem .shade,.teamItem .shade{ transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }