@charset "utf-8";
/*集团介绍*/
.synopsisBox{ overflow: hidden; width: 100%;display: block;}
.synopsisBox img{ display: block; width: 100%;}
.synopsisBox .dlBox{ overflow: hidden; margin: 4% 0 2.5%}
.synopsisBox .dlBox dt{ margin: 1.5% 0;}
.synopsisBox .img{ display: block; width: 100%;}
.synopsisBox .dlBox img{ display: block; width: 100%;}
.synopsisBox .dlBox dt img{ display: block; width: 100%;}
.synopsisBox .dlBox  p{ line-height: 1.5rem; font-size: .9rem; color: #666666; margin:.75rem 0;}
.synopsisBox .dlBox h3{ font-size: 1.1rem; color: #333; margin-top: .5rem;}
.synopsisBox .synopsisBoxList{ overflow: hidden; width: 100%; margin: 2% 0 4%;}
.synopsisBox .synopsisBoxList img{ display: block; width: 100%;}
.synopsisBox .synopsisBoxList li{ width: 33%; float: left; border-right: 1px solid #e8e8e8; text-align: center; box-sizing: border-box; padding-bottom: .5rem;}
.synopsisBox .synopsisBoxList li h3{ font-size: 2rem; color: #333333}
.synopsisBox .synopsisBoxList li p{ font-size: .9rem; color: #555555; margin-top: 1rem;}
.synopsisBox .synopsisBoxList li:last-of-type{ border-right: none}
.synopsisBox .dlBox dt.section{ margin: 0 auto !important;}
.synopsisBox .dlBox dt span.swiper-pagination-bullet{ opacity: 1; background-color: #f1f1f1}
.synopsisBox .dlBox dt span.on{  background-color:#0d4dc2}
.synopsisBox .list{ background: #f4f4f4; overflow: hidden; width: 100%; padding: 1rem 0;}
.synopsisBox .list li{ width: 50%; text-align: center; border-right: 1px solid #ccc;box-sizing: border-box; float: left}
.synopsisBox .list li img{ display: block; margin: 0 auto; width: 60%;}
.synopsisBox .list li h3{font-weight: normal; color: #0d4dc2;}
.synopsisBox .list li p{  font-size: .95rem; color: #333333; line-height: 1.5rem; height: 3rem; margin-top: .2rem;}

.synopsisBox .dlBox dt{ position:relative;}
.synopsisBox .ab-slide{ bottom: 10px; position:absolute;
    left: 40%;
    width: 100%;}
.synopsisBox .ab-slide span{background-color: #0d4dc2;    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%; text-align:center;}

/*集团荣誉*/
a.honor_img_a{ background-color: #0d4dc2; font-size: 1rem; color: #fff; text-align: center; padding: .6rem 0; display: block; width: 100%;}
a.honor_img_a img{ display: inline-block; width:4%;}

.Honor{ overflow: hidden; width: 100%; border-bottom: 1.5rem solid #f4f4f4}
.Honor .HonorNav{ overflow: hidden; width: 100%; background-color: #fff;}
.Honor .HonorNav li{ width: 33%; float: left; border-right: 1px solid #e8e8e8; padding: .75rem 0; text-align:center;  box-sizing: border-box;font-size: 1rem;  }
.Honor .HonorBox{ padding-bottom: 1.5rem;}
.Honor .HonorNav li a{color:  #333;}
.Honor .HonorNav li:last-of-type{ border-right: 0}
.Honor .HonorNav li.active a{ color: #0d4dc2}
.Honor .HonorList li{ position: relative; width: 100%; border-bottom: 1px solid #e8e8e8; overflow: hidden}
.Honor .HonorList li a{ display: block; padding: .75rem 0; color: #333; font-size: 1rem;}
.Honor .HonorList li i{ display: block; position: absolute; background: url("../images/InsidePage/Honor_jian.png") no-repeat center; width: 18px; height: 10px; right: 0; top:.8rem; background-size: 95%;}
.Honor .HonorImgBox { overflow: hidden; width: 100%; padding-bottom: 1rem; display: none}
.Honor .HonorImgBox img{ display: block; width: 60%;}
.Honor .HonorList li.active .HonorImgBox{ display: block}

/*产品详情页*/
header a.proNavReturn{width: 2.5%;float: left;display: block;margin-top: .2rem;}
header a.proNavReturn img{ display: block; width: 100%}
header h2{text-align: center;font-size: 1.25rem;color: #0d4dc2;width: 79%;float: left;font-weight: normal;margin-top: .3rem;}
header h2 a{  color: #0d4dc2}
.ProDPage{ overflow: hidden; width: 100%; background-color: #fff; border-bottom: 1.5rem solid #f4f4f4}
.ProDPage .proDPageDl{ overflow:hidden; width: 100%;}
.ProDPage .proDPageDl dt{ border-bottom: 1px solid #e7e7e7}
.ProDPage .proDPageDl dt img{ width: 100%; display: block}
.ProDPage .proDPageDl dd h3{ margin-top: 3%; color: #333; margin-bottom: 2%; }
.ProDPage .proDPageDl dd{ overflow: hidden; border-bottom: 1px solid #e7e7e7; margin: 3% auto; padding-bottom: 1rem}
.ProDPage .proDPageDl dd p{ font-size: .9rem; color: #777777; line-height: 1.5rem;}
.ProDPage .proPhone{ padding:.5rem 0; }
.ProDPage .proPhone h4 img{ display: block;}
.ProDPage .proPhone h4 img.img{display: block;width: 5%;float: left;margin-top: .5rem;margin-right: .5rem;}
.ProDPage .proPhone h4{font-size: 1rem;color: #777777;font-weight: normal;}
.ProDPage .proPhone h4 a{font-size: 1.2rem;color: #0d4dc2;display: inline-block; font-weight: bold}
.ProDPage .proPhone h4 a.img-a{ width: 2rem;margin-left: 1rem;}
.ProDPage .proPhone h4 a.img-a img{ width: 100%}
.ProDPage .proPhone h4 span{vertical-align: super;}
.ProDPage .ProSpJs{ overflow: hidden}
.ProDPage .ProSpJs h2 { font-size: 1.2rem; color: #333333; padding: .8rem 0; font-weight: normal; border-bottom: 1px solid #e7e7e7}
.ProDPage .ProSpJs h2 img{ display: block; float: left; width: 4% ; margin-right: .5rem;}
.ProDPage .box{ overflow: hidden; width: 100%}
.ProDPage .box img{ display: block; width: 100%; font-size: 0; line-height: 0}


/*产品中心*/
.ProCenter{}
.ProCenter .ProListBox{}
.ProCenter .ProCenterBox,.ProCenter .ProCenterCon,.ProCenter .ProCenterNav,.ProCenter .ProListBox,.ProCenter .ProCenterImg{ overflow: hidden; width: 100%;}
.ProCenter .ProCenterNav li{ width: 100%; overflow: hidden; border-top:1px solid #f4f4f4; position: relative}
.ProCenter .ProCenterNav li p{ padding: .5rem 4%; font-size: 1rem; color: #999999 }
.ProCenter .ProCenterNav li i{ position: absolute; background: url("../images/InsidePage/ProCentNext_xjx.png") no-repeat center; width: 1rem; height: 14px; background-size: 100%; right: 1rem; top:.5rem;}
.ProCenter .proNext{ overflow: hidden; display: none}
.ProCenter .ProCenterList{ background: #f4f4f4}
.ProCenter .proNext a{ display: block; font-size: 1rem; color: #999999;padding: .5rem 0; border-bottom: 1px solid #f4f4f4}
.ProCenter .proNext a:first-of-type{ border-top:1px solid #f4f4f4}
.ProCenter .ProCenterImg li{ width: 48%; float: left; background-color: #fff; margin: .5rem 0;}
.ProCenter .ProCenterImg{    padding: .5rem 0;}
.ProCenter .ProCenterImg li img{ display: block; width: 100%; border-bottom: 1px solid #e7e7e7}
.ProCenter .ProCenterImg li span{display: block;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: .8rem .5rem;font-size: 1rem;color: #333;}
.ProCenter .ProCenterImg li:nth-child(2n){ float: right}
.ProCenter  a.ProCenter-a{ background-color: #fff; font-size: 1rem; color: #333; text-align: center; padding: .6rem 0; display: block; width: 100%;}
.ProCenter a.ProCenter-a img{ display: inline-block; width:4%;}
.ProCenter .sectionBox{ width: 94%; margin: 0 auto}


/*联系我们*/
.ContactUs{ overflow: hidden; width: 100%; background-color: #f4f4f4; padding:1rem 0 1.5rem;}
.ContactUs .C_us_dl{ background: #fff url("../images/InsidePage/ContactUsBg.png") no-repeat center bottom; background-size: 100%; padding: 0 2%; box-sizing: border-box; overflow: hidden}
.ContactUs .C_us_dl dt{ background: url("../images/InsidePage/ContactUsIBg.png") no-repeat left bottom;  font-size: 1.2rem; color: #333333; line-height: 2rem; padding: .6rem 0; font-weight: bold}
.ContactUs .C_us_dl dt a{ color: #333}
.ContactUs .C_us_dl dd{ padding: .5rem 0 1rem;}
.ContactUs .C_us_dl dd p{ line-height: 1.6rem ; color: #666666; font-size: 1rem;}
.ContactUs .C_us_dl dd p a{ color: #666}
.ContactUs .ContactUs_Box{ overflow: hidden; width: 100%;}
.ContactUs .dlUs{overflow: hidden;width: 47%;font-size: 1rem;color: #333;background: #fff;margin-top: .5rem;height: 3rem;line-height: 3rem;float: left;margin: 0 1re;margin-right: 3%; overflow:hidden;}
.ContactUs .dlUs dt{width: 100%;float: left;text-align:center;}
.ContactUs .dlUs dd{width: 25%;float: right;}
.ContactUs .dlUs dd a{ display: block; width: 50%; float: left;}
.ContactUs .dlUs dd a img{ display: block; width: 100%;}
.ContactUs .dlUs.on dt{ background:#0D4DC2;}
.ContactUs .dlUs.on dt{ color:#fff;}


/*文化*/
.culture{ background: #f4f4f4; overflow: hidden; width: 100%; padding: .5rem 0 1.5rem;}
.culture .cultureDl{overflow: hidden;width: 100%;background: #fff;margin-top: .75rem;}
.culture .cultureDl dt{width: 15%;float: left;}
.culture .cultureDl dt img{ display: block; width: 100%;}
.culture .cultureDl dd{box-sizing: border-box;padding: 0 1rem;width: 85%;float: right;white-space: nowrap;}
.culture .cultureDl dd h3{font-size: 1.15rem;color: #333333;margin-top: .75rem;font-weight: normal;}
.culture .cultureDl dd p{font-size: .95rem; color: #666; margin-top: .3rem;}
.culture .cultureList{ overflow: hidden;}
.culture .dl{background: #fff;overflow: hidden;width: 100%;margin-top: .75rem;}
.culture .dl dt img{ display: block; width: 100%;}
.culture .dl  dd{ padding: 1rem; width: 100%; box-sizing: border-box}
.culture .dl dd h3{font-size: 1.1rem;color: #0d4dc2;font-weight: normal;}
.culture .dl dd p{ line-height: 1.5rem; color: #555555; font-size: .95rem;}
.culture .dl dd  i{display: block;width: 2rem;height: 1px;background: #0d4dc2;margin: .75rem 0;}


/*计算器*/
.Calculator{ overflow: hidden; width: 100%;}
.Calculator .CalculatorBoxCon{ width: 100%; background: #fff;  box-sizing: border-box; overflow: hidden}
.Calculator .CalculatorBox{padding: 0 4%;overflow: hidden;}
.Calculator .CalculatorBox li{ width: 48%; float: left; margin-top: 1.5rem;}
.Calculator .CalculatorBox li:nth-child(2n){ float: right}
.Calculator .CalculatorBox li h3{ font-size: 1rem; color: #333333;}
.Calculator .CalculatorBox li select{ border: 1px solid #1144a3; box-sizing: border-box; width: 100%; outline: none; background: url("../images/InsidePage/CalculatorXjx.jpg") no-repeat 93% .3rem; -webkit-appearance: none; background-size: 10%; text-indent: 1rem; height: 2rem; margin-top: .5rem;}
.Calculator .CalculatorBox li input{border: 1px solid #1144a3; box-sizing: border-box; width: 100%; outline: none;
    text-indent: 1rem; height: 2rem; margin-top: .5rem;}
.Calculator .CalculationResults{overflow: hidden;padding: 1.2rem 4%;border-top:1px solid #dfdfdf;box-sizing: border-box;margin-top: 1.5rem;}
.Calculator .CalculationResults h3{ text-align: center; font-size: 1em; color: #333}
.Calculator .list{ overflow: hidden; margin-top: 1rem;}
.Calculator .list li{ width: 50%; float: left; font-size: 1rem; color: #555555; box-sizing: border-box}
.Calculator .list li b{ color: #0d4dc2}
.Calculator .list li:first-of-type{ border-right: 1px dashed #c9c9c9}
.Calculator .Reminder{ background: #f4f4f4; padding: 1.5rem 4%; border-top:1px solid #dfdfdf}
.Calculator .Reminder h3{ font-size: 1rem; color: #333}
.Calculator .Reminder p{ font-size: 0.95rem ;color: #555555; line-height: 1.5rem; margin-top: 1rem;}



/*分页*/
.paging{ overflow: hidden; width: 100%; text-align: center; padding: 1.5rem 0;}
.paging a{ width: 2rem; height: 2rem; line-height: 2rem; text-align: center; font-size: 1.25rem; color: #333333; display: inline-block; margin: 0 .3rem; background-color: #f3f3f3}
.paging a.active{ background-color: #0d4dc2; color: #fff}

/*视频中心*/
.VideoCenter{ overflow: hidden; width: 100%; background: #ffffff; border-bottom: 1rem solid #f4f4f4}
.VideoCenter .VC-sp{ overflow: hidden; width: 100%; position: relative; margin-top: .8rem}
.VideoCenter .VC-sp dt{ overflow: hidden; width: 100%;}
.VideoCenter .VC-sp dt img{ display: block; width: 100%;;}
.VideoCenter .VC-sp dd{ background: rgba(0,0,0,.7); padding: .5rem 1rem; position: absolute; left:0; bottom: 0; width: 100%; box-sizing: border-box; }
.VideoCenter .VC-sp dd h2{ float: left; font-size: 1.1rem; color: #fff; margin-top: .5rem}
.VideoCenter .VC-sp dd i{ background: url("../images/InsidePage/VideoCenter_sp.png") no-repeat center; width: 2rem;  height: 2rem; background-size: 100%; display: block; float: right}

/*图说巴德士*/
.CaptionImg{ overflow: hidden; width: 100%; background: #fff; padding-bottom: 1rem; border-bottom: 1rem solid #f4f4f4;}
.CaptionImg .bdsImg{margin-top: 3%;overflow: hidden;width: 100%;padding-bottom: 1rem;}
.CaptionImg .CaptionImgPosition{ position: relative; width: 100%;}
.CaptionImg .CaptionImgPosition span{ display: block; width: 100%; padding: .6rem ;background: rgba(0,0,0,.75); text-align: center; font-size: 1rem; color: #fff; position: absolute; left:0;
    bottom:0;}
.CaptionImg .CaptionImgPosition img{ display: block; width: 100%; text-align: center}
.CaptionImg .CaptionImgClr{  margin-top: 1rem; bottom: 0; width: 100%; text-align: center}
.CaptionImg .CaptionImgClr span{ width: .8rem; height: .8rem; display: inline-block; margin: 0 2px; background-color: #ccc; border-radius: 50%;}
.CaptionImg .CaptionImgClr span.on{ background-color: #0d4dc2}
.CaptionImg .list{overflow: hidden;margin: .5rem 0 1.5rem;}
.CaptionImg .list li{ width:48%; float: left; overflow:hidden;}
.CaptionImg .list li:nth-child(2n){ float: right}
.CaptionImg .CapTit{overflow: hidden;}
.CaptionImg .CapTit:nth-last-of-type(2n){ background: #f4f4f4;}


/*下载中心*/
.downLoad{ overflow: hidden; background-color: #f4f4f4; width: 100%;}
.downLoad .downBox{ padding: .8rem 0; border-bottom: 1rem solid #f4f4f4}
.downLoad .downLoadBox{ overflow: hidden; width: 100%; background-color: #e2e2e2; padding: 1.5rem 1rem; box-sizing: border-box; margin-bottom: 0.8rem;}
.downLoad .downLoadBox dt{ width: 10%; float: right; margin-top: 1.2rem; margin-right: .5rem;}
.downLoad .downLoadBox dt img{ display: block; width: 100%}
.downLoad .downLoadBox dd { width: 60%; float: left;}
.downLoad .downLoadBox dd h3{ font-weight: normal; font-size: 1.2rem; color: #333333;}
.downLoad .downLoadBox dd p{ font-size: .95rem; color: #777777; line-height: 1.5rem;}
.downLoad .downLoadBox dd p:first-of-type{ margin-top: .5rem;}


/*企业动态*/
.EdNews{overflow: hidden;width: 100%;background: #fff;margin-top:1rem;padding-bottom: 1.5rem;border-bottom: 1rem solid #f4f4f4;}
.EdNews  #banner .swiper-wrapper a{ position: relative}
.EdNews  #banner .swiper-wrapper a span{ display: block; background: rgba(0,0,0,.7); padding: 1rem 0; text-align: center; font-size: 1rem; color: #fff; position: absolute; left:0; bottom: 0; width: 100%; }
.EdNews i.i{ width: 100%; height: 1px; background-color: #d9d9d9; display: block; margin-top: 1rem;}



/*新闻详情页*/
.NewsDetail{ overflow: hidden; width: 100%;  background-color: #fff}
.NewsDetail .newsDetailBox h2{ text-align: center; font-size: 1.5rem; color: #333333; margin-top: 1rem;}
.NewsDetail .newsDivFx{margin: 3% 0;padding: .5rem;border-top:1px solid #f4f4f4;border-bottom: 1px solid #f4f4f4;font-size: .85rem;color: #777777;overflow: hidden;}
.NewsDetail .newsDivFx span{display: block;float: left;margin-top: .3rem;}
.NewsDetail .newsDivFx p{ float: right;}
.NewsDetail .newsDivFx p a{display: inline-block;margin: 0 .1rem;width: 1.2rem;}
.NewsDetail .newsDivFx p a img{  display: block; width: 100%;}
.NewsDetail .newsWen img{ display: block; width: 100%; margin: .5rem 0;}
.NewsDetail .newsWen p{ line-height: 1.5rem; color: #555555;  font-size: 0.95rem; margin-top: .8rem;}
.NewsDetail .newsWen{ padding-bottom: 1rem; overflow: hidden;}
.NewsDetail .NewsDetailPaing{ overflow: hidden; margin: 1rem 0; width: 100%;}
.NewsDetail .NewsDetailPaing li{ width: 48%; float: left; background-color: #e2e2e2; text-align: center ; padding: .6rem 0; font-size: 1.2rem}
.NewsDetail .NewsDetailPaing li a{ color: #555}
.NewsDetail .NewsDetailPaing li:hover,.NewsDetail .NewsDetailPaing li.active{ background-color: #0d4dc2}
.NewsDetail .NewsDetailPaing li:hover a,.NewsDetail .NewsDetailPaing li.active a{ color: #fff}
.NewsDetail .NewsDetailPaing li:nth-of-type(2n){ float: right}

/*新闻中心*/
.NewsCenter{ overflow: hidden; width: 100%; background-color: #fff}
.NewsCenter .newsBoxList{ overflow: hidden; width: 100%;}
.NewsCenter .list{ overflow: hidden; width: 100%;}
.NewsCenter .list li{ width: 48%; float: left;}
.NewsCenter .list li img{ display: block; width: 100%; height:7rem;}
.NewsCenter .list li h3{ font-size: 1rem; margin-top: .8rem;}
.NewsCenter .list li h3 a{ color: #333333;}
.NewsCenter .list li p{ font-size: 1rem; color: #666666; line-height: 1.5rem; -webkit-line-clamp: 3; margin-top: .5rem}
.NewsCenter .list li:nth-of-type(2n){ float: right}
.NewsCenter .newsCenterBtn{width:  7rem;margin: 1rem auto;position: relative;/* overflow: hidden; */}
.NewsCenter .newsCenterBtn a{display: block;width:11px !important;height: 20px !important;position: absolute;background: none;margin-top: -1px;}
.NewsCenter .newsCenterBtn a img{display: none;width: 80%;}
.NewsCenter .newsCenterBtn a img:first-of-type{ display: block}
.NewsCenter .newsCenterBtn a.newsCenter-left{ left:0}
.NewsCenter .newsCenterBtn a.newsCenter-right{ right:0}
.NewsCenter .newsCenterBtn a:hover img:last-of-type,.NewsCenter .newsCenterBtn a.active img:last-of-type{ display: block}
.NewsCenter .newsCenterBtn a:hover img:first-of-type,.NewsCenter .newsCenterBtn a.active img:first-of-type{ display: none}
.NewsCenter .newsCenterBtn_list{width: 5rem;margin: 0 auto;text-align: center;margin-top: .4rem;overflow: hidden;}
.NewsCenter .newsCenterBtn_list span{ display:inline-block; width: 0.8rem; height: 0.8rem; border-radius: 50px; margin: 0 .2rem;  background-color: #555555}
.NewsCenter .newsCenterBtn_list{ position: inherit}
.NewsCenter .newsCenterBtn_list span.on{background-color: #0d4dc2}
.NewsCenter .list01 li{ width: 100%;}
.NewsCenter .list01 li time{ font-size: 0.85rem ;color: #666; line-height: 1.5rem; }






.fenyebtn { overflow:hidden; width:100%; margin-top:30px;text-align:center;}
.fenyebtn a{text-decoration: none; display:inline-block; width:32px; margin:0 3px; text-align:center; line-height:32px;height:32px; font-size:14px; color:#777; border:1px solid #cecece; font-family:Arial; cursor:pointer}
.fenyebtn a{ *display:inline ;    text-decoration: none;}
.fenyebtn .pre,.fenyebtn .next{width:78px;border:1px solid #cecece;}
.fenyebtn a:hover,.fenyebtn a.oran_pg_cur{ color:#fff; background-color:#1144a3; text-decoration: none;border-color:#1144a3;}