@charset "utf-8";
@import url(common.css);

@font-face{
	font-family: DINB;
	src:url(../fonts/DIN-Medium.ttf)
}

/*栏目页公用样式 s*/
.SubPage{position: relative;background:#fff;z-index: 1;height: auto !important;min-height: 100px;height: 100px;display: inline-block;width: 100%;}

.SubBan{position: relative;overflow: hidden;}
.SubBan .img img{width: 100%;}
.SubBan .Info{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;color:#fff;width: 14.4rem;}
.SubBan aside{font-size: 0.42rem;line-height: 0.64rem;font-weight: bold;}
.SubBan .slick-dots li button{width: 13px;height: 13px;}

.SubMenu{border-bottom: 1px solid #eeeeee;line-height: 1rem;background:#fff;position: relative;z-index: 1;}
.SubMenu ul{float: left;}
.SubMenu li{position: relative;margin-right: 0.72rem;float: left;}
.SubMenu li a{ display:block; color:#555555;position: relative;z-index: 1;}
.SubMenu li:after{content: "";position:absolute;left: 50%;top: 0;width: 0;background:#e32414;transition: all 0.3s;height: 4px;}
.SubMenu li a:hover,.SubMenu li.onli a{ color:#e32414;}
.SubMenu li:hover:after,.SubMenu li.onli:after{width: 100%;left: 0;}

.ColName{font-family: "harmMedium"; background:#033b88; color:#fff;display:none; position:relative; z-index:100; line-height:36px;padding-left: 12px;font-size: 15px;}
.ColName .iconfont{ font-size:20px; position:absolute; width:100%; height:100%; text-align:right; right:10px; top:0;transition: all ease 0.3s;}

.SubTit{padding-bottom: 0.45rem;}
.SubTit .ti{font-size: 0.42rem;font-weight: bold;line-height: 0.45rem;color:#333;}
.SubTit .ti i{display: inline-block;width: 0.2rem;height: 0.2rem;border:0.05rem solid #e32414;margin-left: 0.19rem;border-radius: 50%;vertical-align: middle;}
.SubTit.white .ti{color:#fff;}

.SinglePage{ word-wrap:break-word;word-break:normal;text-align:justify;line-height: 0.32rem;}


@media(max-width:1440px){
 .SubBan .Info{width: 90%;}
}

@media(max-width:1024px){
 .SubTit .ti{font-size: 0.34rem;}
}

@media(max-width:767px){
 .SinglePage{line-height: 24px;}
 .SubTit .ti,
 .SubBan aside{font-size: 18px;}
 .ColName{display: block;}
	.SubMenu{line-height: 16px;padding: 20px 0;}
	.SubMenu ul{padding-top: 15px;float: none;}
	.SubMenu li{width: 33.333%;margin: 0;text-align: center;padding:8px 0;}
	.SubMenu li:nth-child(3n+1){clear:both;}
	.SubMenu li a{font-size: 15px;}
	.SubMenu li:after{display: none;}
}

/*基本信息 s*/
.graybg{background-color:#f7f9fb;}
.SingleInfo .LeftInfo{padding-right: 7%;width: 50%;float: left;}
.SingleInfo .RightImg{width: 50%;float: right;position: relative;}
.SingleInfo .RightImg video{width: 100%}
.SingleInfo .RightImg:After{position: absolute;right: -1.2rem;top: -1rem;background:url(../images/logobg.png);width: 4.79rem;height: 5.4rem;content: "";z-index: -1;}
.SingleInfo .topti{font-size: 0.3rem;line-height: 1.5;text-align: center;color:#333;}
.SingleInfo .jcyj{max-width: 10.23rem;margin:0.65rem auto;height: 2.13rem;background:url(../images/jcyjbg.gif) center center no-repeat;background-size: contain;display: flex;justify-content: space-between;align-items: center;}
.SingleInfo .jcyj .item{display: flex;width: 1.56rem;height: 1.56rem;padding:15px;align-items: center;justify-content: center;color:#fff;border-radius: 50%;background:#003b87;font-size: 0.2rem;font-weight: bold;margin:0.28rem;text-align:center;}
.SingleInfo .Wztxt_list{margin: 0 -5%;}
.SingleInfo .Wztxt_list li{width: 33.333%;float: left;padding:0 3%;position: relative;}
.SingleInfo .Wztxt_list li:After{right:0;top: 10px;height: calc(100% - 20px);width: 1px;content: "";position: absolute;background:#e5e5e5;}
.SingleInfo .Wztxt_list li:last-child:After{display: none;}
.SingleInfo .Wztxt_list li .ti{font-size: 0.24rem;line-height: 0.4rem;min-height: 0.8rem;margin:0 auto 0.24rem;text-align: center;display: flex;align-items: center;justify-content: center;}
.SingleInfo .zuoyoutw{position: relative;padding-bottom: 1rem;}
.SingleInfo .zuoyoutw:after{position: absolute;z-index: 1;width: 1080px;left: 50%;top: 0;height: 100%;border-radius: 0 0 2.7rem 0;background:#fff url(../images/logobg.png) right 0.66rem center no-repeat;box-shadow: 0 0 10px rgba(4,54,117,0.09);content: "";margin-left: -957px;background-size: 54%;}
.SingleInfo .zuoyoutw .info{position: relative;z-index: 2;width: 45%;padding:5% 0 0;float: left;}
.SingleInfo .zuoyoutw .img{width: 46.5%;float: right;}

.SingleTuwen{background-color:#074985;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.SingleTuwen .whitebg{background:rgba(255,255,255,0.85);border-radius: 0 0 1rem 0;padding:0.9rem;}
.SingleTuwen .whitebg .tips{text-align:right;margin-bottom:2%}
.AboutNum{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.AboutNum .item{text-align: center;width: 20%;padding-bottom: 0.75rem;}
.AboutNum .counter,.desc i {color:#003b87;}
.AboutNum .desc span {font-size: 16px;}
.AboutNum .desc{font-size: 0.2rem;}
.AboutNum .desc img{display: block;margin: 0px auto 0.2rem;height: 0.6rem;}
.AboutNum .i1 .num{border: 1px solid #aec8dd;min-width: 1.27rem;line-height: 0.4rem;font-family: DINB;margin: 0px auto;display: inline-block;margin-top: 11px;}
.AboutNum .i1 .num em{font-size: 0.24rem;}
.AboutNum .i2 .counter{line-height: 0.5rem;}
.AboutNum em{font-family: DINB;font-size: 0.64rem;font-weight: bold;}
.AboutNum .i3{text-align: left;padding-bottom: 0;}
.AboutNum .i3 .counter{/*float: left;*/padding-right: 0.22rem;}
.AboutNum .i3 .counter em{font-size: 0.8rem;line-height: 0.68rem;}
.AboutNum .i3 .desc{line-height: 0.36rem;}
.AboutNum .item:nth-child(6){margin-left: 10%;}
.AboutNum .item:nth-child(8){margin-right: 10%;}

.HistoryList .item{position: relative;padding: 0 0 0.95rem 1.04rem;}
.HistoryList .item:last-child{padding-bottom: 0;}
.HistoryList .item:After{position: absolute;top: 0;left: 11px;width: 1px;height: 100%;background:url(../images/linebg.gif);content: "";}
.HistoryList .item:Before{position: absolute;top: 0;left: 0;width: 23px;height: 23px;border-radius: 50%;border:3px solid #003b87;background:#fff;content: "";z-index: 10;}
.HistoryList .item .Info{width: 45%;float: left;padding-left: 0.65rem;position: relative;}
.HistoryList .item .Info .ti{line-height: 0.4rem;font-size: 0.24rem;color:#333333;margin-bottom: 0.25rem;}
.HistoryList .item .Info .ti em{position: absolute;left: 0;top: 0;font-size: 0.46rem;color:#003b87;}
.HistoryList .item .Info p{margin-bottom: 9px;}
.HistoryList .item .Info p em{color:#003b87;font-weight: bold;}
.HistoryList .item .Info p span{display: inline-block;}
.HistoryList .item .Img{width: 50%;float: right;margin-left: -0.23rem;}
.HistoryList .item .Img li{width: 50%;float: left;padding:0 0 0.23rem 0.23rem;}
.HistoryList .item .Img .ti{position:absolute;left: 0;bottom: 0;z-index: 10;line-height: 26px;padding:0 14px;background:#fff;}
.HistoryList .item .Img .imgbox{padding-top: 75%;}

@media(max-width:767px){
 .SingleInfo .LeftInfo{width: auto;float: none;}
 .SingleInfo .RightImg{width: auto;float: none;padding-top: 0.3rem;}

 .SingleTuwen .whitebg{padding:0.4rem;}
 .AboutNum .i1{width:50%;}
 .AboutNum .i2{width:33.333%;}
 .AboutNum .item:nth-child(6){margin-left: 0;}
 .AboutNum .item:nth-child(8){margin-right: 0;}
 .AboutNum .i3{width: 33.333%;text-align: center;}
 .AboutNum .i3 .counter{float: none;}

 .HistoryList .item .Info{width: auto;float: none;}
 .HistoryList .item .Img{width: auto;float: none;padding-top: 0.25rem;}
 .HistoryList .item .Info .ti{font-size: 16px;line-height: 24px;}
 .HistoryList .item .Info .ti em{font-size: 20px;}

 .SingleInfo .topti {font-size: 18px;}
 .SingleInfo .jcyj{background-image: none;height: auto;flex-wrap: wrap;max-width: none;}
 .SingleInfo .jcyj .item{width: 2rem;height: 2rem;margin:0 0 0;font-size: 12px;}

 .SingleInfo .zuoyoutw {padding-bottom: 0;}
 .SingleInfo .zuoyoutw .info{width: auto;float: none;padding:25px;}
 .SingleInfo .zuoyoutw .img{width: auto;float: none;position: relative;z-index: 3;}
 .SingleInfo .zuoyoutw:after{width: 100%;left: 0;margin: 0;}
}
@media(max-width:640px){
 .AboutNum .desc,
 .AboutNum .desc span {font-size:14px;}
 .AboutNum .i1 .num{min-width:80px;line-height: 24px;}
 .AboutNum .i1 .num em{font-size: 18px;}

 .SingleInfo .Wztxt_list li{width: auto;float: none;padding-bottom: 20px;margin-bottom: 20px;}
 .SingleInfo .Wztxt_list li .ti{font-size:16px;line-height: 24px;}
 .SingleInfo .Wztxt_list li:After{width: 100%;top: auto;bottom: 0;height: 1px;}
}


/*总裁寄语 s*/
.LeaderImg{width: 40%;float: left;}
.LeaderInfo{width: 55%;float: right;font-size: 0.18rem;}
.LeaderInfo .topti{font-weight: bold;font-size: 0.42rem;line-height: 0.66rem;color:#003b87;margin-bottom: 0.6rem;letter-spacing: 0.2em;text-align: left;}
.LeaderInfo .topti *{font-style: italic;}
.LeaderInfo dl{margin-bottom: 0.28rem;color:#333333;}
.LeaderInfo dl dt{color:#000000;font-weight: bold;}
.LeaderInfo dl dt i{display: inline-block;vertical-align: middle;margin-left: 6px;background:url(../images/arr2.png);width: 13px;height: 10px;}

.LeaderName{position: relative;clear: both;margin-top: 0.6rem;text-align: right;}
.LeaderName:After{position: absolute;height: 1px;content: "";left: 0;top: 50%;background:#eeeeee;width: 100%;z-index: -1;}
.LeaderName span{background:#fff url(../images/arr3.png) 0px center no-repeat;padding-left: 18px;}
.LeaderName span img{display: inline-block;vertical-align: middle;margin-left: 35px;}

@media(max-width:767px){
 .LeaderImg{width: auto;float: none;}
 .LeaderInfo{width: auto;float: none;padding-top: 0.3rem;font-size: 14px;}
}


/*经营理念 s*/
.SubNav{padding:21px 0 0 0;background:#fff;position: relative;z-index: 1;margin-bottom: 0;}
.SubNav ul{/*padding-left: 1.19rem;*/text-align:center;}
.SubNav li{display: inline-block;margin-right: 0.16rem;}
.SubNav li a{padding:0 0.24rem;color:#555555;border-radius: 20px;line-height: 40px;background:#f1f4f7;display: block;}
.SubNav li a:hover,.SubNav li.on a{color:#fff;background:#e60012;}
/* .shzr .SubNav ul{padding-left: 3.8rem;} */
/* .a174 ul{padding-left:0;} */
/* .a155 ul{padding-left: 3.2rem;} */
/* .a163 ul{padding-left:3.9rem;} */
/* .a166 ul{padding-left:5.7rem;} */
/* .a168 ul{padding-left:5.7rem;} */
/* .a171 ul{text-align:right;padding-left:0;padding-right:1.8rem;} */

.LogoInfo1{width: 65%;background:#f7f9fb;padding:0.6rem;}
.LogoInfo1 .img{width: 3.28rem;vertical-align: top;}
.LogoInfo1 .info{padding-left: 17px;vertical-align: top;padding-top: 0.23rem;}

.LogoInfo2{width: 65%;background:#f7f9fb;padding:0.6rem;margin:-0.82rem 0 0 35%;border-radius: 0 0 0.9rem 0;border-top: 10px solid #fff;border-left: 10px solid #fff;}
.LogoInfo2 .img{width: 3.28rem;vertical-align: top;}
.LogoInfo2 .info{padding-right: 17px;vertical-align: top;padding-top: 0.23rem;}

.XdglInfo{min-height: 8.83rem;position: relative;margin:-2% 0 -10% 0;}
.XdglInfo .tithead{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 0.38rem;line-height: 0.48rem;color:#fff;z-index: 100;font-weight: bold;}
.XdglInfo:After{width: 8.83rem;height: 8.83rem;position: absolute;left: 50%;top: 50%;content: "";background:url(../images/quan.png) center center no-repeat;background-size:contain;animation:turn 10s linear infinite;margin:-4.415rem 0 0 -4.415rem;}
.XdglInfo .item{position: absolute;width: 4.96rem;z-index: 10;min-height: 1.3rem;display: flex;align-items: center;}
.XdglInfo .item .ti{position: absolute;width: 1.32rem;height: 1.32rem;border-radius: 50%;align-items: center;text-align:center;justify-content: center;border-radius: 50%;background:#f7f9fb;color:#8899bb;font-size: 0.16rem;line-height: 0.24rem;display: flex;flex-direction: column;border:1px solid #dde5f1;transition: all 0.3s;}
.XdglInfo .item .ti span{font-size: 0.2rem;display: block;color:#003b87;position: relative;font-weight: bold;}
.XdglInfo .item .ti span:after{position: absolute;left: 50%;bottom: -11px;width: 19px;height: 3px;content: "";background:#e32414;margin-left: -10px;}

.XdglInfo .item:nth-child(2) {padding-right: 1.7rem;top: 1.8rem;left: 1.24rem;}
.XdglInfo .item:nth-child(2) .ti{right: 0;top: 0;}
.XdglInfo .item:nth-child(3) {padding-left: 1.7rem;top: 1.8rem;right: 1.24rem;}
.XdglInfo .item:nth-child(3) .ti{left: 0;top: 0;}
.XdglInfo .item:nth-child(4) {padding-right: 1.7rem;top: 3.75rem;left: 0.5rem;}
.XdglInfo .item:nth-child(4) .ti{right: 0;top: 0;}
.XdglInfo .item:nth-child(5) {padding-left: 1.7rem;top: 3.75rem;right: 0.5rem;}
.XdglInfo .item:nth-child(5) .ti{left: 0;top: 0;}
.XdglInfo .item:nth-child(6) {padding-right: 1.7rem;top: 5.66rem;left: 1.24rem;}
.XdglInfo .item:nth-child(6) .ti{right: 0;top: 0;}
.XdglInfo .item:nth-child(7) {padding-left: 1.7rem;top: 5.66rem;right: 1.24rem;}
.XdglInfo .item:nth-child(7) .ti{left: 0;top: 0;}
.XdglInfo .item:hover .ti{background:#e32414;border:1px solid #e32414;color:#fff;}
.XdglInfo .item:hover .ti span{color:#fff;}
.XdglInfo .item:hover .ti span:After{background: rgba(255,255,255,0.5);}

@media(max-width:1024px){
 .SubNav ul{padding-left: 0 !important;text-align: center;}
 .LogoInfo1{width: 90%;}
 .LogoInfo2{width: 90%;margin:0 0 0 10%;}
 .XdglInfo{min-height: auto;margin: 15px 0 0 0;}
 .XdglInfo:After,.XdglInfo .tithead{width: 100%;height: 100%;left: 0;top: 0;margin:0;display: none;}
 .XdglInfo .item{position: relative;width: auto;left: auto !important;right: auto !important;top: auto !important;margin:0px auto 20px;}
 .XdglInfo .item:nth-child(2) .ti,.XdglInfo .item:nth-child(4) .ti,.XdglInfo .item:nth-child(6) .ti{right: auto;left:0;}
 .XdglInfo .item:nth-child(2),.XdglInfo .item:nth-child(4),.XdglInfo .item:nth-child(6){padding-left: 1.7rem;padding-right: 0;}
}
@media(max-width:767px){
 .LogoInfo1,.LogoInfo2{width: 100%;margin: 0;}
 .LogoInfo1 .img,.LogoInfo2 .img{width: 70px;}
 .LogoInfo1 .info,.LogoInfo2 .info{padding-top: 0;}
 .SubNav .w1440{width: 100%;}
 .SubNav li{margin-right: 0;}
 .SubNav li a{line-height: 28px;margin-bottom: 5px;}
 .XdglInfo .item .ti{width: 85px;height: auto;font-size: 12px;line-height: 20px;border-radius:0;padding:10px 0;}
 .XdglInfo .item {padding-left: 98px !important;min-height: 75px;}
 .XdglInfo .item .ti span{font-size: 14px;}
}

/*新闻中心 s*/
.SelectYear{position: absolute;right: 0;top: -0.5rem;z-index: 10;color:#000000;font-size: 18px;}
.SelectYear.SelectYear2{top: -1.1rem}
.SelectYear .select{border:4px solid #eeeeee;display: inline-block;vertical-align: middle;margin-left: 14px;width: 260px;position: relative;border-radius: 0 0 0.3rem 0;}
.SelectYear .select:after{position: absolute;right: 0.26rem;top: 50%;margin-top: -7px;width: 14px;height: 14px;content: "";background:url(../images/selectarr2.png);}
.SelectYear .select select{height: 0.5rem;padding:0 25px;width: 100%;border: 0;color:#000000;font-size:18px;font-weight: bold;text-indent: 0;}
.SelectNav{border-bottom: 1px solid #eeeeee;margin-bottom: 0.59rem;max-height: 0.86rem;}
.SelectNav .slick-list{margin-left: -0.18rem;}
.SelectNav .item{text-align: center;font-size: 0.2rem;margin-left: 0.18rem;}
.SelectNav .item a{display:block;padding:9px 0 9px 0;color:#999999;background:#f8f9fb;border-radius: 12px 12px 0 0;}
.SelectNav .item span{display: block;font-size: 0.36rem;line-height: 0.38rem;}
.SelectNav .item.on a,.SelectNav .item:hover a{color:#fff;background:#e32414;}
.SelectNav.pic ul{margin-left: -0.18rem;}
.SelectNav.pic .item{float: left;line-height: 0.86rem;}
.SelectNav.pic .item a{padding: 0 0.3rem;}

.NewsBox .Focus{width: 59.2%;float: left;overflow: hidden;margin-bottom: 0.8rem;}
.NewsBox .Focus .item{overflow: hidden;position: relative;}
.NewsBox .Focus .item .tag{position: absolute;right: 0;top: 0;z-index: 10;padding:0 0.3rem;border-radius: 0 0 0 10px;font-size: 18px;color:#fff;background:rgba(0,0,0,0.4);line-height: 0.4rem;}
.NewsBox .Focus .item a{color:#fff;}
.NewsBox .Focus .info{position: absolute;width: 100%;bottom: 20px;z-index: 10;padding:0 0.27rem;}
.NewsBox .Focus .date{margin-bottom: 3px;background: url(../images/ico_date.png) 0px center no-repeat;padding-left: 20px;}
.NewsBox .Focus .tit{font-size: 0.2rem;}
.NewsBox .Focus .imgbox{padding-top: 5.73rem;}
.NewsBox .Focus .imgbox:after{width: 100%;left: 0;bottom: 0;z-index: 2;content: "";height: 50%;position: absolute;background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.65));}
.NewsBox .Focus .slick-arrow{bottom: 0;border: 1px solid #fff;}
.NewsBox .Focus:hover .slick-prev{left: 4%;}
.NewsBox .Focus:hover .slick-next{right: 4%;}
.NewsBox .Focus .slick-prev:After{background-image: url(../images/arrleft.png);}
.NewsBox .Focus .slick-next:After{background-image: url(../images/arrright.png);}

.NewsBox .List{width: 38.5%;float: right;padding-bottom: 0.3rem;}
.NewsBox .List li{margin-bottom: 0.23rem;background:#f8f9fb;line-height: 0.31rem;padding:0.27rem 0.3rem 0.32rem 0.3rem;position: relative;}
.NewsBox .List li .tag{position: absolute;right: 0;top: 0;z-index: 10;padding:0 0.25rem;border-radius: 0 0 0 10px;font-size: 12px;color:#fff;background:#ed8e87;line-height: 28px;font-size: 12px;}
.NewsBox .List li .date{margin-bottom: 0.05rem;color:rgba(0,59,135,0.8);background:url(../images/ico_date2.png) 0px center no-repeat;padding-left: 23px;}
.NewsBox .List li .tit{font-size: 0.18rem;}

.SubTit2 .ti{margin-bottom: 0.37rem;font-size: 0.24rem;}
.SubTit2.white .ti{color:#fff;}
.ActiveList{padding-bottom: 0.3rem;}
.ActiveList li{margin-bottom: 0.24rem;background-color:#f8f9fb;}
.ActiveList .date{width: 2.46rem;text-align: center;position: relative;height: 1.08rem;}
.ActiveList .date:After{position: absolute;right: 0;top: 50%;width: 2px;height: 20px;background:#dfe6ef;content: "";margin-top: -10px;}
.ActiveList .date time{display: inline-block;color:rgba(0,59,135,0.8);background:url(../images/ico_date3.png) 0px center no-repeat;padding-left: 38px;line-height:28px;}
.ActiveList .title{padding:0 1.4rem 0 0.6rem;font-size: 0.18rem;position: relative;}
.ActiveList .title:After{position: absolute;right: 0.6rem;top: 50%;width: 0.38rem;height: 0.38rem;margin-top:-0.19rem;background:url(../images/more.svg) center center no-repeat;background-size: contain;content: "";transition: all 0.3s;}
.ActiveList .title:hover:after{transform: rotate(45deg);}

@media(max-width:1024px){
 .SelectYear{top: -0.55rem;}
 .ActiveList .date time{background: url(../images/ico_date2.png) 0px center no-repeat;padding-left: 20px;}
}
@media(max-width:767px){
	.SelectYear.SelectYear2{top: auto;}
 .SelectYear{position: relative;top: auto;text-align: right;padding-bottom: 20px;}
 .SelectYear .select select{font-size: 14px;height: 30px;}
 .SelectNav .item {font-size: 14px;}
 .SelectNav .item span{font-size: 18px;}
 .SelectNav.pic .item{width: auto;}
 .NewsBox .Focus{width: auto;float: none;margin-bottom: 0.4rem;}
 .NewsBox .Focus .imgbox{padding-top: 64%;}
 .NewsBox .Focus .item .tag{line-height: 35px;font-size: 15px;}
 .NewsBox .Focus .tit{font-size: 15px;}
	.NewsBox .Focus .date{font-size: 14px;}
 .NewsBox .List{width: auto;float: none;}
 .NewsBox .List li{padding:15px;line-height: 24px;}
 .NewsBox .List li .tit{font-size: 15px;}
 .ActiveList .date{width: 140px;}
 .ActiveList .title{font-size: 15px;}
 .SubTit2 .ti{font-size: 18px;}
}

@media(max-width:640px){
 .ActiveList li{padding:10px 0 14px;}
 .ActiveList .title:After{width: 21px;height: 21px;right: 15px;}
 .ActiveList .cell{display: block;height: auto !important;}
 .ActiveList .date:after{display: none;}
}

/*集团资料 s*/
.FileList{margin-left: -3%;}
.FileList .top{margin:0 0 3% 3%;background:#f8f9fb;}
.FileList .top .img{width: 38%; height: 5.12rem;}
.FileList .top .info {padding:4% 8% 4% 6.4%;}
.FileList .top .info .ti{font-size: 0.36rem;line-height: 2;}
.FileList .top .info .desc{min-height: 1.02rem;margin-bottom: 0.5rem;color: #555555;line-height: 0.34rem;}
.FileList .top .info .btn a{display: inline-block;text-align: center;width: 2rem;line-height: 0.5rem;margin-right: 0.46rem;border: 1px solid #333333;}
.FileList .top .info .btn a:hover{color: #fff;border: 1px solid #e60012;background:#e60012;}
.FileList .top .info .btn a:last-child{margin-right: 0;}

.FileList .item{width: 47%;float: left;margin:0 0 3% 3%;background:#f8f9fb;line-height: 0.34rem;}
.FileList .imgbox{position: relative;width: 4rem;height: 4rem;margin: 0px auto;}
.FileList .imgbox span{width: 59%;top: 6%;height: 93%;left: 31%;}
.FileList .imgbox span img{height: 100%;width: 100%;transform: skew(0,6deg);}
.FileList .imgbox:After{background:url(../images/bookbg.png) center center no-repeat;background-size: contain;width: 100%;height: 100%;content: "";position: absolute;z-index: 1;}
.FileList .img{position: relative;}
.FileList .img:After{height: 100%;width: 1px;right: 0;top: 50%;background:#eeeeee;height: 80%;top: 10%;content: "";position: absolute;}

.FileList .item .img{width: 45%;height: 2.8rem;}
.FileList .item .imgbox{width: 2.25rem;height: 2.25rem;}
.FileList .item .img img{height: 2.41rem;}
.FileList .info{padding:0.3rem 0.2rem 0.3rem 8%;vertical-align: top;}
.FileList .info .ti{font-size: 0.24rem;margin:0.12rem 0 0.08rem;}
.FileList .info .size{color: #999999;height: 1.02rem;}
.FileList .info .down{background:url(../images/down.png) 0px center no-repeat;padding-left: 22px;color:#555555;}

.NewsList li{border-bottom: 1px solid #eeeeee;padding-bottom: 0.59rem;margin-bottom: 0.59rem;}
.NewsList .info{padding-right: 12%;}
.NewsList .more{width: 0.38rem;height: 0.38rem;background:url(../images/more.svg) center center no-repeat;background-size: contain;transition: all 0.3s;}
.NewsList li:hover .more{transform: rotate(45deg);}
.NewsList .date{font-size: 0.2rem;line-height: 15px;margin-bottom: 17px;font-weight: bold;font-family: montserratB;}
.NewsList .date span{margin-left: 0.4rem;}
.NewsList .date i,.NewsList li:hover .ti{color:#e60012;}
.NewsList .ti{line-height: 0.34rem;font-size: 0.24rem;font-weight: bold;margin-bottom: 0.25rem;}
.NewsList .desc{color:#999999;min-height: 60px;margin-bottom: 0.36rem;}
.NewsList .img{width: 4.2rem;}
.NewsList .imgbox{padding-top: 2.37rem;}

.PhotoList{margin-left: -2.5%;}
.PhotoList li{width: 33.333%;float: left;padding:0 0 2.5% 2.5%;}
.PhotoList .imgbox{padding-top: 72%;}
.PhotoList .info{background:#f8f9fb;padding:0.2rem 4%;height: 1rem;line-height: 0.3rem;font-size: 0.18rem;text-align: center;display: flex;align-items: center;justify-content: center;}

.TitleInfo{text-align: center;padding-bottom: 0.27rem;background:url(../images/linebg2.gif) 0px bottom repeat-x;margin-bottom: 0.5rem;}
.TitleInfo .ti{font-size: 0.3rem;line-height: 1.2;margin-bottom: 0.27rem;}
.TitleInfo .date{font-size: 0.2rem;	font-family: montserratB;}
.TitleInfo .date span{margin-left: 0.42rem;}
.TitleInfo .date span i{color:#e60012;}

.PrevNextBox{border-top: 1px solid #eeeeee;padding-top: 0.42rem;margin-top: 0.8rem;line-height: 0.34rem;}
.PrevNextBox .ti{font-size: 18px;}
.PrevNextBox .aitem{width: 45%;float: left;margin:13px 0 0 0;padding-right: 5%;}
.PrevNextBox .aitem a{color:#555;}
.PrevNextBox .aitem a:hover{color:#e60012;text-decoration: underline;}
.PrevNextBox .slick-arrow{transform: translateY(0);top: 0;}
.PrevNextBox .slick-prev{left: auto;right: 1.21rem;}
.PrevNextBox .slick-next{right:0;}

@media(max-width:1024px){
 .NewsList .desc{min-height: 48px;}
}
@media(max-width:767px){
 .FileList .item{width: auto;float: none;line-height: 24px;}
 .FileList .item .img {width: 38%;}
 .FileList .info .ti{font-size: 16px;}
 .FileList .top .info .ti{font-size: 16px;}
 .FileList .top .info .desc{line-height: 20px;min-height: 60px;}
 .FileList .top .info .btn a{display: block;margin:0 0 5px 0;width: auto;line-height: 26px;}

 .NewsList .info{padding:0 0 0.5rem 0;}
 .NewsList .cell{display: block;width: auto;}
 .NewsList .imgbox{padding-top: 64%;}
 .NewsList .date{font-size: 15px;margin-bottom: 8px;}
 .NewsList .ti{font-size: 16px;line-height: 24px;}
 .NewsList .more {width: 21px;height: 21px;}

 .PhotoList li{width: 50%;}

 .TitleInfo .ti{font-size: 18px;}
 .TitleInfo .date{font-size: 14px;}
 .PrevNextBox{line-height: 24px;}
 .PrevNextBox .aitem{width: auto;float: none;padding-right: 0;}
 .PrevNextBox .slick-arrow{top: -22px;}
}
@media(max-width:640px){
 .PhotoList li{width: auto;float: none;padding-bottom: 20px;}
 .PhotoList .info{padding:15px;font-size: 15px;height: auto;line-height: 24px;}
}

/*企业文化 s*/
.CultureTit{font-size: 0.24rem;color:#e32414;line-height: 0.7rem;position: relative;margin:0.5rem 0 0.1rem;}
.CultureTit span{position: absolute;line-height: 0.5rem;font-family: montserratB;color:#333333;opacity: 0.2rem;opacity: 0.12;font-size: 0.56rem;}
.CultureTit i{position: relative;z-index: 1;}

.Zytuwen{margin-top: 0.35rem;overflow: hidden;}
.Zytuwen .item{background:#f8f9fb;}
.Zytuwen .imgbox{width: 50%;float: left;padding-top: 5.4rem;}
.Zytuwen .info{width: 50%;float: left;padding:6%;}
.Zytuwen .ti{font-size: 0.24rem;margin-bottom: 0.22rem;}
.Zytuwen .desc{max-height:3rem;overflow-y: auto;}
.Zytuwen:hover .slick-prev{left: 2%;}
.Zytuwen:hover .slick-next{right: 2%;}
.Zytuwen .slick-dots{position: absolute;left: 56%;text-align: left;width: 40%;}

.Zytuwen:nth-child(2n+2) .imgbox{float: right;}
.Zytuwen:nth-child(2n+2) .info{float: left;}
.Zytuwen:nth-child(2n+2) .slick-dots{left: auto;right: 56%;text-align: right;}

.ScrollPic{margin: 0.5rem 0;position: relative;height: 4.35rem;}
.ScrollPic .slick-list{margin-left: -0.3rem;}
.ScrollPic .item{padding-left: 0.3rem;}
.ScrollPic .imgbox{padding-top: 50%;transition: all 0.3s;}
.ScrollPic .slick-current .imgbox{padding-top: 72%;}
.ScrollPic:After{width: calc(100% - 2.2rem);position: absolute;right: 0;bottom: 0px;height: 1px;content: "";background:#eeeeee;}
.ScrollPic .slick-arrow{top: 4rem;transform: translateY(0);}
.ScrollPic .slick-prev{left: 0;}
.ScrollPic .slick-next{left: 1.2rem;right: auto;}

.ScrollPic2 {padding-bottom: 0.6rem;}
.ScrollPic2 .item{position: relative;}
.ScrollPic2 .aitem{width: 30%;padding-bottom: 0.3rem;position: relative;}
.ScrollPic2 .aitem .imgbox{padding-top: 2.6rem;}
.ScrollPic2 .aitem .tit{position: absolute;z-index: 3;left: 0;bottom: 0.23rem;width: 100%;font-size: 0.2rem;padding:0 0.37rem;color:#fff;}
.ScrollPic2 .aitem .imgbox:After{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 2;background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));height: 50%;content: "";}
.ScrollPic2 .aitem:nth-child(3){width: 70%;padding-left: 0.3rem;position: absolute;top: 0;right: 0;}
.ScrollPic2 .aitem:nth-child(3) a {border-radius: 0 0 2rem 0;}
.ScrollPic2 .aitem:nth-child(3) .imgbox{padding-top: 5.48rem;border-radius: 0 0 2rem 0;}
.ScrollPic2 .slick-dots{text-align: left;bottom: -0.5rem;}
.ScrollPic2 .slick-arrow{top: -1rem;transform: translateY(0);}
.ScrollPic2 .slick-prev{left: auto;right: 1.2rem;}
.ScrollPic2 .slick-next{right: 0;}

@media(max-width:1024px){
 .Zytuwen .slick-arrow{display: none !important;}
 .ScrollPic{height: 3rem;}
 .ScrollPic .slick-arrow{top: 2.8rem;}
}
@media(max-width:767px){
 .Zytuwen .imgbox{width: auto;float: none !important;padding-top: 64%;}
 .Zytuwen .info{width: auto;float: none !important;padding: 20px 20px 40px;}
 .Zytuwen .ti{font-size: 16px;}
 .Zytuwen .slick-dots{width: 100%;right: 0 !important;text-align: right;padding-right: 20px;left: auto !important;}
 .Zytuwen .desc{max-height:none;}
 .CultureTit{font-size: 18px;}
 .CultureTit span{font-size: 29px;}
 .ScrollPic{height: 3.2rem;}

 .ScrollPic2 .aitem{width: 50%;padding-right: 0.15rem;float: left;}
 .ScrollPic2 .aitem:nth-child(2){padding-left: 0.15rem;padding-right: 0;}
 .ScrollPic2 .aitem .imgbox{padding-top: 70%;}
 .ScrollPic2 .aitem:nth-child(3){width: 100%;position:static;padding: 0; clear: both;}
 .ScrollPic2 .aitem:nth-child(3) .imgbox{padding-top: 64%;}
 .ScrollPic2 .aitem .tit{font-size: 15px;}
}

/*联络我们 s*/
.ContactUs{margin: 0 0 4.2% -2.5%;}
.ContactUs .item{width: 31%;background:#f8f8f8;color:#333333;margin:0 0 2.3% 2.3%;float: left;}
.ContactUs .item:nth-child(3n+1){clear: both;}
.ContactUs .tithead{line-height: 0.6rem;font-size: 0.2rem;color:#fff;padding: 0 0.39rem;background:#043675;}
.ContactUs .info{padding:0.38rem;line-height: 0.34rem;font-size: 0.18rem;}
.ContactUs dl{border-bottom: 1px solid #e5e5e5;padding-bottom: 0.26rem;margin-bottom: 0.26rem;}
.ContactUs dl:last-child{border-bottom: 0px;padding-bottom: 0;margin-bottom: 0;}
.ContactUs .ti{font-size: 0.2rem;margin-bottom: 0.1rem;font-weight: bold;}
.ContactUs .item:hover .tithead{background:#e32414;}

@media(max-width:1024px){
 .ContactUs .item{width: auto;float: none;}
}
@media(max-width:767px){
 .ContactUs .tithead,.ContactUs .ti{line-height: 38px;font-size: 16px;}
 .ContactUs .info{font-size: 15px;line-height: 24px;}
}
.SingleInfo{display: inline-block;width: 100%;}
/*行业应用 s*/
.Application:After{position: absolute;left: 0;top: 0;height: 100%;content: "";background:#f8f9fb;width: 100%;}
.Application .imgbox{width: 47.2%;float: left;padding-top: 5.1rem;}
.Application .Info{width: 46%;float: right;padding-top: 0.2rem;}
.Application dl{margin-top: 0.35rem;display: inline-block;width: 100%;max-height: 3.2rem;overflow-y: auto;}
.Application dl dd{width: 50%;float: left;padding: 0 2% 0.12rem 0;}
.Application dl dd:nth-child(2n+1){clear: both;}
.Application dl dd a{position: relative;padding-left: 11px;color:#555555;}
.Application dl dd a:hover{color:#003b87;}
.Application dl dd a:after{position: absolute;left: 0;top: 7px;border-radius: 50%;width: 4px;height: 4px;content: "";background:#003b87;}

.ProRec{padding-bottom: 0.2rem;}
.ProRec .slick-list{margin-left: -0.28rem;}
.ProRec .item{padding-left: 0.28rem;text-align: center;}
.ProRec .item a{display: block;border: 1px solid #eeeeee;margin-right: 1px;position: relative;padding-bottom: 0.66rem;}
.ProRec .item:nth-child(2n+2){padding-top: 0.6rem;}
.ProRec .item:hover a{border: 1px solid #003b87;}
.ProRec .imgbox{padding-top: 100%;}
.ProRec .imgbox span{width: 80%;height: 80%;left: 10%;top: 10%;}
.ProRec .tit{line-height: 0.66rem;padding:0 10px;color:#555;transition: all 0.3s;}
.ProRec .info{height: 0.66rem;width:100%;left: 0;bottom: 0;z-index: 10;position: absolute;background:#f8f9fb;transition: all 0.3s;overflow: hidden;}
.ProRec .item .desc{font-size: 14px;line-height: 24px;opacity: 0;transition: all 0.1s 0.3s;overflow: hidden;word-break:normal;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.ProRec .item .more{opacity: 0;transition: all 0.1s 0.3s;bottom: 0;}
.ProRec .item.on .info{background:rgba(0,59,135,0.8);height: 100%;padding:0.6rem 0.28rem 0.28rem;color:#fff;}
.ProRec .item.on .tit{font-size: 18px;color:#fff;}
.ProRec .item.on .desc{text-align: left;opacity: 1;color:#fff;}
.ProRec .item.on .more{position: absolute;bottom: 0.5rem;width: 100%;left: 0;opacity: 1;color:#fff;}
.ProRec .item.on .more i{display: inline-block;vertical-align: middle;width: 12px;height: 12px;margin-left: 10px;background:url(../images/arr4.png);}
.ProRec .slick-arrow{top: -0.5rem;}
.ProRec .slick-prev{left: auto;right: 1.2rem;}
.ProRec .slick-next{right: 0;}

@media(max-width:767px){
 .Application .imgbox{width: auto;float: none;}
 .Application .Info{width: auto;float: none;}
 .Application dl {padding-top: 0;}
 .Application dl dd{width: auto;float: none;}
 .ProRec .info{height: 30px;line-height: 30px;}
}


/*季度公告 s*/
.NoticeList{padding-bottom: 10px;}
.NoticeList li{margin-bottom: 20px;}
.NoticeList li .cell{padding-top: 5px;padding-bottom: 5px;}
.NoticeList li a{background:#f7f9fb;border-radius: 0 0 0.48rem 0;}
.NoticeList li .date{height: 80px;width: 1.67rem;color:#003b87;text-align: center;}
.NoticeList li .title{padding:0 0.4rem;font-size: 18px;}

@media(max-width:767px){
 .NoticeList li .date{display: block;width: auto;text-align: left;height: auto;padding:8px 10px;}
 .NoticeList li .title{font-size: 15px;display: block;padding:0 10px 8px;}
}


/*售后服务 s*/
.ptxt{padding-left: 19px;background:url(../images/arr5.gif) 0px 8px no-repeat;margin-bottom: 6px;}
.ptxt2{padding-left: 19px;margin-bottom: 6px;color:#999999;}
.tablecss{border-right: 1px solid #eeeeee;}
.tablecss th{padding:0 10px;color:#fff;font-weight: normal;background: #003b87;height: 60px;border-left: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;border-top: 1px solid #eeeeee;}
.tablecss td{border-left: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;border-top: 1px solid #eeeeee;padding:10px;}

.DownTit{font-size: 0.24rem;line-height: 0.68rem;padding:0 0.4rem;border-radius: 0 0 0.3rem 0;background:#f8f9fb;color: #333333;clear: both;}
.DownTit2{font-size: 18px;line-height: 0.6rem;padding:0 0.4rem;border-radius: 0 0 0.3rem 0;background:#f8f9fb;color: #333333;clear: both;margin: 0.4rem 0 0.3rem;}
.DownBox{padding-bottom: 12px;}
.DownBox .ItemNav{position: relative;z-index: 100;font-size: 0;}
.DownBox .ItemNav dd{width: 28%;display:inline-block;line-height: 0.74rem;box-sizing: border-box;padding:0 25px;}
.DownBox .ItemNav dd a{display:inline-block;color:#003b87;cursor: pointer;position: relative;font-size: 16px;vertical-align: top;}
.DownBox .ItemNav dd i{transition: all 0.3s;}
.DownBox .ItemNav dd.on a{color:#e32414;}
.DownBox .ItemNav dd.on i{transform: rotate(90deg);}
.DownBox .ItemNav dd.on a:after{content: "";background:#fff;border-top: 1px solid #ddd;border-left: 1px solid #ddd;width: 12px;height: 12px;transform: rotate(-318deg);position:absolute;left: 50%;bottom: -6px;}
.DownBox .ItemCon{border:1px solid #eeeeee;padding:25px 0;display: inline-block;width: 100%}
.DownBox .Con > ul{border-left: 1px solid #eeeeee;position: relative;min-height: 150px;padding:0 25px;}
.DownBox .Con li{padding-right: 40px;line-height: 0.42rem;}
.DownBox .Con li ul{position: absolute;top: 0;left: 100%;padding-left: 0px;width: 130%;min-height:auto;height: auto;display: none;background: #fff;z-index: 99;box-shadow: 0 0 5px rgba(0,0,0,.3)}
.DownBox .ItemCon .Con{width:28%;box-sizing: border-box;float:left;}
.DownBox .ItemCon .Con:nth-child(1) ul{border-left:none;}
.DownBox .ItemCon .Con .nbtit{display: none;}
.DownBox .ItemCon .nones{position: static;opacity: 1;visibility: visible;z-index: 9;float: left;width: 28%}
.DownBox .Con li a{color:#003b87;}
.DownBox .Con li.on > span a{color:#e32414;text-decoration: underline;}
.DownBox .Con li.on > span i,.DownBox .Con li ul li:hover > a{color:#e32414;}
.DownBox .Con li.on ul{display: block;}
.DownBox .Con li.on ul li ul,.DownBox .Con li ul li ul{position: absolute;top: 0;left: 100%;padding-left: 40px;width: 130%;min-height:auto;height: auto;display: none;}
.DownBox .Con li.on ul li.on ul{display: block;}
.Popbox{background:rgba(0,0,0,0.5);width: 100%;left: 0;top: 0;height: 100%;position: fixed;z-index: 1000;display: none;}
.Popbox .content{position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);background:#fff; z-index: 1001;width: 1000px;padding:0.75rem;max-height: 100%;overflow-y: auto;}
.Popbox .close{position: absolute;right: 15px;top: 15px;width: 38px;height: 38px;line-height: 33px;text-align: center;border: 1px solid #ddd;border-radius: 50%;}
.Popbox .tithead {text-align: center;}
.Popbox .tithead .ti{font-size: 0.3rem;line-height: 2;font-weight: bold;}
.Popbox .tithead .ti i{display: inline-block;border-radius: 50%;width: 0.15rem;height: 0.15rem;vertical-align:middle;margin-left: 11px;border:3px solid #e32414;}
.Popbox .Info{max-width: 564px;margin:0.46rem auto 0.28rem;text-align: center;color:#333333;}
.Popbox .Form{width: 80%;margin:0px auto;}
.Popbox .Form .item{margin-bottom: 20px;}
.Popbox .Form .leftti{width: 140px;text-align: right;padding-right: 20px;}
.Popbox .Form dd{display: flex;justify-content: space-between;}
.Popbox .Form .ly .cell{vertical-align:top;line-height:0.6rem;}
.Popbox .Form .ly dd{display:block;}
.Popbox .Form .yzbtn{width: 150px;text-align: center;color:#11396a;border-radius: 4px;background:#dde3ee;line-height: 0.6rem;margin-left: 20px;}
.Popbox .Form .yzbtn:hover{background: #11396a;color:#fff;}
.Popbox .Form .ipt{height: 0.6rem;line-height: 0.6rem;padding:0 10px;background:#f8f9fb;width: 100%;}
.Popbox .Form .ly  select{height: 0.6rem;line-height: 0.6rem;padding:0 10px;background:#fff;width: 100%;appearance:auto;margin-top:10px;text-indent:0;}
.Popbox .Form .tc{display: block;}
.Popbox .Form .btn{width: 120px;height: 60px;color:#fff;background: #e60012;font-weight: bold;}
.Popbox .SubTit {padding:0.32rem 0 0.2rem;}
.Popbox .SubTit .ti{font-size: 0.24rem;}
.Popbox .ptxt{color:#333;}
.Popbox .mail{padding-top: 0.3rem;color:#043675;font-size: 0.24rem;font-weight: bold;}
.Popbox .mail a{color:#043675;}

.SubTit3{padding-bottom: 0.2rem;}
.SubTit3 .ti{font-size: 0.3rem;font-weight: bold;}
.DownBtn{padding-top: 0.45rem;}
.DownBtn a{display: inline-block;padding:9px 0.3rem 9px 50px;position:relative;border: 1px solid #333333;margin:0 5px 5px 0;}
.DownBtn a img{position:absolute;left:0.18rem;top:15px;margin-right: 10px;}
.DownBtn a:hover{border: 1px solid #11396a;}
.nbtit{font-weight: bold;background: #f8f9fb;margin-bottom:10px;line-height:35px;padding-left:10px;}

@media(max-width:1024px){
	.overflow{overflow-x:scroll;}
	.tablecss td{white-space: nowrap;}

	.Popbox .content{width: 90%;height: 80%;}
	.DownBox .Con li{line-height: 28px;padding-right: 0;}
	.DownBox .Con > ul{display: block;border-right: 0;}
	.DownBox .Con li ul{position: static;width: auto;padding:15px 0 15px 25px;}
	
	.DownBox .ItemNav dd.on a:after {bottom: -16px;}
}

@media(max-width:767px){
	.DownTit{font-size: 16px;line-height: 35px;margin-bottom: 10px;}
	.DownBox .ItemNav{padding-bottom: 10px;}
	.DownBox .ItemNav dd{line-height: 35px;font-size: 15px;width: 33.333%;padding:0;}
	.DownBox .ItemCon .Con .nbtit{display: block;}
	.Popbox .tithead .ti{font-size: 18px;}
	.Popbox .tithead .ti i{width: 8px;height: 8px;}
	.Popbox .Form {width: 100%;}
	.Popbox .Form .item{margin-bottom: 10px;}
	.Popbox .Form .cell{display: block;}
	.Popbox .Form .leftti{text-align: left;width: auto;line-height: 28px;}
	.Popbox .Form .ipt,.Popbox .Form .yzbtn{height: 30px;line-height: 30px;}
	.Popbox .Form .btn{height: 40px;}
	.Popbox .SubTit .ti,.Popbox .mail{font-size: 18px;}

	.SubTit3 .ti{font-size: 18px;}
	.DownTit2{line-height: 35px;font-size: 16px;}
	.DownBtn a{padding-left: 40px;}

	.DownBox .ItemCon .nones{float: none;width: auto;margin-bottom: 20px;}
	.DownBox .ItemCon .Con{width:100%;}
	.DownBox .ItemCon .nones:last-child(){margin-bottom: 0;}
	.DownBox .Con > ul{min-height: auto;}
	.DownBox .Con li.on ul li ul, .DownBox .Con li ul li ul{position:static;width:auto;}
}


/*产品中心 s*/
.Jonin{text-align: center;color:#fff;background-position: center center;background-size: cover;background-repeat: no-repeat;padding-left: 20px;padding-right: 20px;background-color: #423a37;margin-bottom: 1.5rem;}
.Jonin .SubTit2 .ti{margin-bottom: 0.2rem;}
.Jonin .joinbtn{color: #fff;width: 160px;line-height: 52px;border-radius: 0 0 20px 0;background:#043675;display: inline-block;margin-top: 0.4rem;}

.ProNav{width: 340px;float: left;}
.ProNav ul{padding-bottom: 8px;}
.ProNav li{margin-bottom: 2px;}
.ProNav li.onli span a{color:#003b87;}
.ProNav li.onli span i{color:#003b87;}
.ProNav li.onli span i:before{transform: rotate(90deg);}
.ProNav span{display: block;position: relative;}
.ProNav span a{background:#f8f9fb;padding:13px 0.45rem 13px 0.3rem;display: block;}
.ProNav span i{position: absolute;padding-right: 0.21rem;top: 0;width: 20px;text-align: right;height: 100%;display: flex;align-items: center;justify-content: end;cursor: pointer;}
.ProNav span i:before{transition: all 0.3s;margin-top: 6px;}
.ProNav dl{padding:0.23rem 0 0.23rem 0.3rem;display: none;}
.ProNav dl dd{margin-bottom: 0.12rem; position: relative;}
.ProNav dl dd i,.ProNav dl dd .Nav2a i{position: absolute;left: 0px;top: 0;width: 20px;height: 30px;background: url(../images/ico/arr2.png) no-repeat center;cursor: pointer;}
.ProNav dl dd i.oni,.ProNav dl dd .Nav2a i.oni{background: url(../images/ico/arr1.png) no-repeat center;}
.ProNav dl dd .ProNav2,.ProNav dl dd .ProNav2 .ProNav3{display: none;padding-left: .2rem;}
.ProNav dl dd a{color:#555555;margin-left: 20px;position: relative;display: block;}
.ProNav dl dd .ProNav2 a,.ProNav dl dd .ProNav2 .ProNav3 a{color:#555555;padding-left: 10px;position: relative;display: block;}
.ProNav dl dd .ProNav2 a:after,.ProNav dl dd .ProNav2 .ProNav2 a:after{position: absolute;left: 0;top: 10px;content: "";width: 5px;height: 5px;border-radius: 50%;background: #555}
.ProNav dl dd a:hover,.ProNav dl dd.on > a{color:#003b87;}
.ProNav .close{display:none;position: fixed;right: 10px;top: 50px;width: 35px;height: 35px;line-height: 32px;text-align: center;background:#003b87;color:#fff;z-index: 100;border-radius: 50%;}
.ProNav dl dd .ProNav2 .Nav2btn{position: relative;}
.ProNav dl dd .ProNav2 .Nav2btn .ProNav3 a{margin-left: 0}
.ProNav dl dd .ProNav2 a.Nav2a{margin-left: 20px;padding-left: 0px;}
.ProNav dl dd .ProNav2 a.Nav2a:after{display: none}
.ProNav dl dd .ProNav2 .ProNav3 a:hover{color:#003b87;}
.Message .Title{line-height: 70px;position: relative;background: #043675;border-radius: 5px 5px 0 0;}
.Message .Title a{display: block;color:#fff;padding-left: 0.32rem;font-size: 18px;}
.Message .Title img{display: inline-block;vertical-align: middle;margin-right: 10px;}
.Message .Title i{position: absolute;right: 0.23rem;top: 0;color:#fff;transform: rotate(90deg);}
.Message .form{padding:25px;background:#f4f6f9;}
.Message .item{margin-bottom: 14px;display: flex;justify-content: space-between;flex-wrap:wrap;}
.Message .ipt,.ipts{width: 100%;border:1px solid #e8ebf0;background:#fff;border-radius: 3px;height: 44px;line-height: 42px;padding:0 0.18rem;}
.Message select{width: 100%;border:1px solid #e8ebf0;background:#fff;border-radius: 3px;height: 44px;line-height: 42px;padding:0 0.18rem;appearance:auto;margin-top:10px;text-indent:0;}
.Message .ipt:hover,.Message .textarea:hover{border:1px solid #ccd2dd;}
.Message .ipt::-webkit-input-placeholder,
.Message textarea::-webkit-input-placeholder {color: #c7c7c7;}
.Message .yzbtn{margin-left: 10px;border-radius: 3px;line-height: 44px;background:#6c8aaf;width: 107px;text-align: center;color:#fff;font-size: 14px;}
.Message .yzbtn:hover{background:#043675;}
.Message .textarea{background:#fff;border:1px solid #e8ebf0;padding:10px;width: 100%;}
.Message textarea{height: 108px;width: 100%;}
.Message .yz .ipt{flex: 2;}
.Message .btn{width: 100%;color:#fff;background:#e60012;border-radius: 3px;height: 44px;}
.Message .btn:hover{background:#d30011;}
.ProMore{display: none;position: fixed;left: 0;top: 0;width: 40px;text-align: center;line-height: 20px;z-index:100;background:#003b87;border-radius: 0 5px 5px 0;padding:10px 0;top: 40%;color:#fff;}

.ProRight{width: calc(100% - 380px);float: right;}
.ProList{padding-bottom: 0.2rem;}
.ProList ul{margin-left: -0.23rem;}
.ProList .item{padding: 0 0 0.23rem 0.23rem;text-align: center;width: 33.333%;float: left;}
.ProList .item a{display: block;border: 1px solid #eeeeee;margin-right: 1px;position: relative;padding-bottom: 0.66rem;}
.ProList .item:hover a{border: 1px solid #003b87;}
.ProList .imgbox{padding-top: 100%;}
.ProList .imgbox span{width: 80%;height: 80%;left: 10%;top: 10%;}
.ProList .tit{line-height: 0.66rem;padding:0 10px;color:#555;transition: all 0.3s;}
.ProList .info{height: 0.66rem;width:100%;left: 0;bottom: 0;z-index: 10;position: absolute;background:#f8f9fb;transition: all 0.3s;overflow: hidden;}
.ProList .item .desc{font-size: 14px;line-height: 24px;opacity: 0;transition: all 0.1s 0.3s;overflow: hidden;word-break:normal;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.ProList .item .more{opacity: 0;transition: all 0.1s 0.3s;bottom: 0;}
.ProList .item.on .info{background:rgba(0,59,135,0.8);height: 100%;padding:0.6rem 0.28rem 0.28rem;color:#fff;overflow: hidden;}
.ProList .item.on .tit{font-size: 18px;color:#fff;}
.ProList .item.on .desc{text-align: left;opacity: 1;color:#fff;}
.ProList .item.on .more{position: absolute;bottom: 0.5rem;width: 100%;left: 0;opacity: 1;color:#fff;}
.ProList .item.on .more i{display: inline-block;vertical-align: middle;width: 12px;height: 12px;margin-left: 10px;background:url(../images/arr4.png);}

.FloatRight{position: fixed;top: 50%;transform: translateY(-50%);right: 10px;z-index: 1000;width: 0.9rem;}
.FloatRight .btn{display: flex;height: 0.9rem;text-align: center;background:#f8f9fb;flex-direction: column;align-items: center;justify-content: center;margin:10px 0 0;cursor: pointer;}
.FloatRight .btn .ico{width: 30px;height: 30px;}
.FloatRight .btn .ico img{width: 30px;height: 30px;}
.FloatRight .btn:hover{color: #fff;background:#043675;}

@media(max-width:1024px){
	.ProNav{width: auto;float: none;position:fixed;top: 50px;left: -100%;width: 100%;padding:25px;z-index: -100;background:#fff;overflow-y: auto;height: calc(100% - 50px);transition: all 0.3s;}
	.ProNav .close{display: block;}
	.ProNav.on{left: 0;z-index: 1000000;}
	.Message .Title{line-height: 45px;}
	.ProMore{display: block;}
	.ProRight{width: auto;float: none;}
}
@media(max-width:767px){
	.FloatRight{width: 30px;right: 5px;}
	.FloatRight .btn{font-size: 12px;height: auto;padding:10px 0;line-height: 15px;margin: 5px 0 0;width: 30px;}
	.FloatRight .btn span{transform: scale(0.6);}
	.FloatRight .btn .ico{margin-bottom: 8px;}
	.FloatRight .btn .ico,.FloatRight .btn .ico img{width:20px;height: 20px;}

	.ProList .item{width: auto;float: none;}
	.ProList .info{height: 40px;}
	.ProList .tit{line-height: 40px;font-size: 15px;}
}


/*产品详情 s*/
.ProImg{width: 45%;float: left;overflow: hidden;position: relative;border: 1px solid #eeeeee;background: #fdfdfe;margin-bottom: 0.6rem;}
.ProImg .imgbox{padding-top: 100%;}
.ProImg .imgbox:After{position: absolute;right: 0;bottom: 0;width: 21px;height: 21px;content: "";background:url(../images/zoom.png);transition: all 0.3s;opacity: 0;z-index: 2;}
.ProImg .imgbox span{height: 88%;}
.ProImg .imgbox:hover:After{right: 29px;bottom: 14px;opacity: 1;}
.ProImg .slick-dots{text-align: left;padding-left: 25px;width: 80%;bottom: 15px;}
.ProImg:hover .slick-prev{left: 10px;}
.ProImg:hover .slick-next{right: 10px;}
.ProInfo{min-height: 450px;width: 51%;float: right;display: flex;justify-content: center;flex-direction: column;margin-bottom: 0.6rem;}
.ProInfo .ProTit .ti{font-size: 0.32rem;font-weight: bold;line-height: 1.5;margin-bottom: 0.25rem;}
.ProInfo .p{min-height: 150px;margin-bottom: 30px;}
.problank{clear: both;}
.ProTab{clear: both;line-height: 64px;background:#f8f9fb;border-radius: 0 0 20px 0;transition: all 0.3s;}
.ProTab li{margin-left: 0.6rem;font-size: 18px;cursor: pointer;position: relative;display: inline-block;}
.ProTab li:After{position: absolute;left: 50%;top: 0;width: 0;content: "";height: 4px;background:#e32414;transition: all 0.3s;}
.ProTab li.on{color:#e32414;}
.ProTab li.on:After{width: 100%;left: 0;}
.ProCon{display: none;}
.ProCon .Sti{font-size: 0.2rem;font-weight: bold;color:#333333;padding-top: 30px;line-height: 2.2;}
.ProCon .Sti2{font-size: 0.2rem;padding-left: 17px;position: relative;margin: 30px 0 5px;}
.ProCon .Sti2:after{width: 6px;height: 6px;border-radius: 50%;background:#e32414;content: "";position: absolute;left: 0;top: 10px;}
.Videobox{position: relative;width: 810px;}
.Videobox video{width: 100%;display: block;height: 4.56rem;background:#000;object-fit: fill;object-fit: cover;}
.Videobox .play{border-radius: 50%;transform: translate(-50%,-50%);left: 50%;top: 50%;width: 72px;height: 72px;background:rgba(0,0,0,0.3) url(../images/play.png) center center no-repeat;z-index: 10;position: absolute;cursor: pointer;}
.Protxt{border-top: 1px dashed #eeeeee;padding-top: 30px;margin-top: 40px;}
.Protxt .Sti:nth-child(1){padding-top: 0;}
.Protxt .Sti2:nth-child(1){margin-top: 0;}
.yslist li{position: relative;padding-left: 98px;margin-top:35px;min-height: 98px;}
.yslist li img{position: absolute;left: 0;top: 10px;width: 70px;height: 70px;}
.yslist li .ti{color:#e32414;font-size: 18px;display: block;}


@media(max-width:1024px){
	.Videobox{width: 100%;}
	.ProImg {width: auto;float: none;}
	.ProImg .slick-arrow{display: none !important;}
	.ProImg .imgbox:After{opacity: 1;right: 10px;bottom: 10px;}
	.ProInfo{width: auto;float: none;min-height: auto;}
}
@media(max-width:767px){
	.ProInfo .ProTit .ti{font-size: 18px;}
	.ProTab{line-height: 50px;}
	.ProTab li{font-size: 16px;margin-left: 15px;width: 32%;margin-left: 0;text-align: center;}
	.ProCon .Sti,.ProCon .Sti2{font-size: 16px;}
	.Videobox .play{width: 45px;height: 45px;}
	.Protxt{padding-top: 20px;margin-top: 20px;}
	.ProInfo .p{min-height: auto;}
}


/*招聘信息 s*/
.HrSearch{background:#eeeeee;padding:23px 23px 23px 0;margin-bottom: 0.3rem;}
.HrSearch li{float: left;padding-left: 0.29rem;}
.HrSearch li.w25{width: 25%;}
.HrSearch li.w35{width: 35%;}
.HrSearch li.w15{width: 15%;}
.HrSearch button{width: 100%;background:#c91f11;color:#fff;height: 55px;}
.HrSearch button:hover{background:#b81305;}
.HrSearch select{width: 100%;height: 55px;border:1px solid #ebe5e5;border-radius: 2px;background: #fff url(../images/selectarr3.png) right 15px center no-repeat;font-size: 0.18rem;}
.HrSearch input{width: 100%;height: 55px;border:1px solid #ebe5e5;border-radius: 2px;background: #fff url(../images/search.png) 20px center no-repeat;font-size: 0.18rem;padding-left: 47px;}
.HrSearch input::-webkit-input-placeholder{color: #bbbbbb;}

.HrList .item{margin-bottom: 14px;}
.HrList .hrbox{border:1px solid #ececec;box-shadow: 0 3px 6px rgba(119,119,119,0.12);padding:14px 32px;cursor: pointer;}
.HrList .hrbox li{float: left;width: 28%;height: 50px;display: flex;align-items: center;line-height: 24px;font-size: 0.18rem;}
.HrList .hrbox li img{display: inline-block;vertical-align: middle;margin-right: 9px;}
.HrList .hrbox .tr{display: block;width: 16%;}
.HrList .hrbox .btn{text-align: center;display: inline-block;width: 2rem;line-height: 48px;color:#104fa5;background:#f2f5fa;border:1px solid #d8e1ef;}
.HrList .hrCon{background:#f3f3f3;padding:0.5rem;line-height: 0.4rem;display: none;}
.HrList .hrCon .info{border-bottom:1px solid #d9d9d9;color:#043675;line-height: 30px;padding-bottom: 23px;}
.HrList .hrCon .info .title{margin-bottom: 16px;font-size: 24px;}
.HrList .hrCon .info .w60{width: 60%;float: left;}
.HrList .hrCon .info .w40{width: 40%;float: left;}
.HrList .hrCon .sti{font-size: 18px;padding:27px 0 0px;color:#333333;clear: both;}
.HrList .hrCon .send{border-top: 1px dashed #c3c3c3;padding-top: 24px;margin-top: 24px;font-size: 18px;}
.HrList .hrCon .send a{color:#043675;}.HrList .hrCon .send a:hover{text-decoration: underline;}

@media(max-width:1024px){
	.HrList .hrbox .btn{width: 100px;}
}
@media(max-width:767px){
	.HrSearch{padding:20px;}
	.HrSearch li{width: auto !important;float: none;padding-left: 0;margin-bottom: 10px;}
	.HrSearch li:last-child{margin-bottom: 0;}
	.HrSearch select,.HrSearch input{font-size: 14px;height: 35px;}
	.HrSearch button{height: 45px;}

	.HrList .hrbox {padding:10px;}
	.HrList .hrbox li{width: 50% !important;font-size: 15px;line-height: 30px;height: auto;}
	.HrList .hrbox li:nth-child(1){width: 100% !important;}
	.HrList .hrbox li:nth-child(2){display: none;}
	.HrList .hrbox .btn{line-height: 30px;}

	.HrList .hrCon,.HrList .hrCon .info{line-height: 24px;}
	.HrList .hrCon .info{padding-bottom: 15px;}
	.HrList .hrCon .sti{padding-top: 15px;}
	.HrList .hrCon .info .title{font-size: 18px;}
}

/*20221230*/
.mapbox{display: inline-block;width: 100%;position: relative;background: #eee;margin: 0 auto 120px;min-height:906px }
.mapbox .map{position: absolute;left: 0;top: 0;width: 100%;	height: 906px;z-index: 0;-webkit-filter: grayscale(100%);    filter: grayscale(100%);}
.cbox{width: 76%;display: inline-block;background: #fff;box-sizing: border-box;padding: 40px;float: right;position: relative;z-index: 99;margin-right: 0%;}
.cbox h3{font-size: 26px;color: #333333;padding-bottom: 20px;border-bottom: 1px solid #eee;margin-bottom: 60px;}
.cbox h3 sup{margin-left: 20px;margin-top: -20px;}
.mapbox .w1440{z-index: 0;}
.cbox .cbox_l{width: 62%;}
.cbox .cbox_l li{width: 45%;float: left;margin-bottom: 40px;}
.cbox .cbox_l li span{display: inline-block;width: 66px;	height: 66px;	background-color: #043675;background-position: center;background-repeat: no-repeat;}
.cbox .cbox_l li p{font-size: 16px;color: #999999;line-height: 48px;}
.cbox .cbox_l li h4{height: 45px;font-size: 18px;line-height: 30px;color: #333333;}
.cbox .cbox_l li:last-child{width: 55%}
.cbox_r{width: 32%;text-align: center;}
.cbox_r p{font-size: 18px;color: #333333;line-height: 30px;margin-top: 10px;}
.mapbox .tit{width: 20%;margin-top: 5%}
.mapbox .tit h3{font-size: 40px;color: #333333;position: relative;margin-bottom: 50px;font-weight: bold;height: 40px;line-height: 40px;}
.mapbox .tit h3:after{position: absolute;left: 0;bottom: -20px;width: 40px;	height: 2px;content: "";	background-color: #043675;}
.mapbox .tit p{font-size: 24px;	color: #333333;}

.DrBox ul{display:flex;margin-left:-2%;flex-wrap:wrap;}
.DrBox li{margin:0 0 2% 2%;height:165px;background:#e7eff9;width:31.3333%;color:#666;}
.DrBox h3{color:#fff;background:#043675;line-height:40px;font-size:0.18rem;margin-bottom:10px;text-align:center;}
.DrBox p{padding-left:12px;position:relative;margin:0 10px;}
.DrBox p:After{position:absolute;left:0;top:0.12rem;width:4px;height:4px;border-radius:50%;content:"";background:#043675;}


@media(max-width:1440px){
.cbox{padding: 40px;}
.cbox .cbox_l li,.cbox .cbox_l li:last-child{width: 50%}
}
@media(max-width:1024px){
.cbox .cbox_l li,.cbox .cbox_l li:last-child{width: 100%}
.cbox .cbox_l li span{float: left;}
.cbox .cbox_l li p{float: left;width: 70%;margin-left: 25px;line-height: 20px;}
.cbox .cbox_l li h4{float: left;width: 70%;margin-left: 25px;}
}
@media(max-width:768px){
.cbox{width: 100%;margin-right: 0%;padding: 20px;margin-top: 30px;}
.mapbox{margin: 60px auto}
.mapbox .tit {width: 100%}

}
@media(max-width:640px){
	.cbox .cbox_l{width: 100%}
	.cbox .cbox_l li span{width: 50px;height: 50px;margin: 10px auto}
	.cbox .cbox_l li h4{font-size:16px;}
	..cbox_r p{font-size:16px;}
	.cbox_r{width: 100%}
    .DrBox p{font-size:12px;}
	.DrBox p:After{top:0.24rem;}

}