.pgbnr {position: relative;}
.pgbnr .fnt{ position: absolute; left: 5%; bottom: 35%; color: #FFF;}
.pgbnr .fnt .cnft{ font-size: 18px;}
.pgbnr .fnt .enft{ font-size: 72px; font-weight: bold;}
.pgbnr .fnt .cnft .iconfont{ font-size: 24px; color: #0080cc; margin-right: 10px; vertical-align: middle; }
.pgbnr .bnrimg{ max-width: 100%; width: 100%; }
.pgc{background: #FFF; padding-top: 1px;}
.mpg .pgc .clstab ul{ display: flex; flex-wrap: nowrap; justify-content: space-between; background: url(/public/img/clstab_li_bg.gif) repeat-x bottom #eef0f1;}
.mpg .pgc .clstab ul li{ text-align: center; flex: auto; font-size: 18px; height: 60px; line-height: 60px; border-right: 1px solid #FFF; position: relative;}
.mpg .pgc .clstab ul li a{ display: block; overflow: hidden; text-overflow: ellipsis;}
.mpg .pgc .clstab ul li.current{ background: #FFF;}
.mpg .pgc .clstab ul li.current a{ color: #0080cc; font-weight: bold; font-size: 20px; }
.mpg .pgc .clstab ul li.current:after{ position: absolute; content: ""; height: 4px;background: #0080cc; left: 50%;  bottom: 0; width: 80px; margin-left: -40px;}
.cls_01{ padding:6% 0 4% 0;}
.cls_pdg{ padding:6% 0 4% 0;}
.mpg .pgc .pgtit { text-align: center;}
.mpg .pgc .pgtit h2{font-size:36px;font-weight:bold; letter-spacing:3px; margin-bottom: 10px;}
.mpg .pgc .pgtit p{font-size:16px;text-transform:uppercase;color: #999;}
.mpg .pgc .cmys{ max-width: 1190px; margin: 0 auto;}
.mpg .pgc .cmys .phg{ padding-top: 8%; }
.mpg .pgc .cmys .phg p{ font-size: 18px; line-height: 180%; text-indent: 32px; margin-bottom: 20px; text-justify: ;}
.mpg .pgc .cmys .phg .cmyimg{ padding: 5% 0 6% 0;}
.mpg .pgc .cmys .phg .cmyimg img{ max-width: 100%; width: 100%; display: block;}
.aer_tab{ width: 556px; margin: 0 auto; height: 306px; margin-top: 5%; max-width: 100%;}
.aer_tab ul li{ cursor: pointer; font-size: 16px; position: absolute;  z-index: 5;  height: 36px; line-height: 36px; white-space: nowrap;}
.aer_tab ul{  height: 306px; position: relative;}
.aer_tab ul .aer_bg{ position: absolute; z-index: 1; top: 0; left: 145px;}
.aer_tab ul .aer_bg img{ max-width: 100%;}
.aer_tab ul li.tab_li_01{ top: -10px; left:95px; }
.aer_tab ul li.tab_li_02{ top:58px; left:45px; }
.aer_tab ul li.tab_li_03{ top:110px; left:45px; }
.aer_tab ul li.tab_li_04{ top:160px; left:45px; }
.aer_tab ul li.tab_li_05{ top:230px; left:80px; }
.aer_tab ul li.tab_li_06{ top:160px; right:-25px; }
.aer_tab ul li.tab_li_07{ top:58px; right:10px; }
.aerlst .aer_img{ max-width: 100%; width: 100%; }
.aerlst .item{ position: relative;}
.aerlst .item .lstc{ position: absolute; right: 10%; z-index: 100; width:28%; top: 20%; background: rgba(255, 255, 255, .9);   box-shadow: 3px 3px 10px 0px rgba(0,0,0,.2);  }
.aerlst .item .lstc .lcnt{ padding:6% 10%;}
.aerlst .item .lstc h2{ font-size: 20px; font-weight: bold; line-height: 180%; margin-bottom: 10px;}
.aerlst .item .lstc p{ font-size: 14px; line-height: 180%; text-indent: 32px; margin-bottom: 6%; }
.aerlst .item .lstc .mrlnk{ display: block; width: 110px; text-align: center; height: 38px; line-height: 38px; background: #0080cc; border-radius: 5px; box-shadow: 0px 2px 3px 0px rgb(8,96,67,.3);  transtion:all 0.3s;  font-size: 14px; color: #FFF;}
.aerlst .item .lstc a:hover .mrlnk{ background: #0060ad; color: #FFF; }
.aerlst .item .lstc:hover{ box-shadow: 5px 5px 10px 0px rgba(0,0,0,.3); }
.aerlst .item .lstc a:hover h2, .aerlst .item .lstc a:hover  p{ color: #333;}
.aer_tab ul li.crt span{ font-size: 18px; font-weight: bold; color: #1975f3;}
.aer_tab ul li.tab_li_06.crt span,.aer_tab ul li.tab_li_07.crt span{ color: #685fe0;}
.cls_03{ padding: 6% 0 0 0;}
.cls_04{ padding: 6% 0 8% 0; background: url(/public/img/cls_04_bg.jpg) no-repeat bottom; background-size: 100% auto;}
/*荣誉资质*/
.horlst{ padding-top: 5%;}
.horlst .item{box-shadow: 3px 3px 5px 2px rgba(0,0,0,.1); margin: 10px;}
.horlst .item .itmtc{ padding: 15% 8%; background: #f7f7f7;}
.horlst .item .itmtc .horm{ display: flex; flex-wrap: nowrap; align-items: center;}
.horlst .item .itmtc .himg{ width: 46%;}
.horlst .item .itmtc .himg img{ width: 100%; max-width: 100%; display: block;}
 .horlst .item .itmtc .hfnt{ width: 54%; font-size: 14px;}
 .horlst .item .itmtc .hfnt .hpdg{ padding-left: 5%; color: #666;}
 .horlst .item .itmb{ background: #FFF;}
.horlst .item .itmb .hpdg{ padding: 5%;}
.horlst .item .itmtc .hfnt p{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.horlst .item .itmtc .hfnt .imtit{ font-size: 30px; line-height:40px; height: 40px;}
.horlst .item .itmb .hpdg h2{font-size: 24px; margin-bottom: 10px; color: #666;}
.horlst .item .itmb .hpdg h2 span{ font-size: 14px; margin-left: 5px;}
.horlst .item .itmb .hpdg p{ color: #999; height: 40px; line-height: 20px; overflow: hidden;}
.horlst .hor_swc{ padding-bottom: 80px;}
.horlst .hor_swc .horli{ transform: scale(0.8);  -webkit-transition: transform 1.0s; -moz-transition: transform 1.0s; -ms-transition: transform 1.0s; -o-transition: transform 1.0s;}
.horlst .hor_swc .swiper-slide-active,.horlst .hor_swc .swiper-slide-duplicate-active{ transform: scale(1);}
.none-effect {-webkit-transition: none;	-moz-transition: none;	-ms-transition: none;-o-transition: none;}
.horlst .hor_swc .swiper-slide-active  .item .itmtc { background: url(/public/img/horli_active.jpg) no-repeat; background-size: cover;}
.horlst .hor_swc .swiper-slide-active  .item .itmtc .hfnt p{ background: linear-gradient(to right, #be7d00, #412e05); -webkit-background-clip: text; color: transparent;}
.horlst .hor_swc .swiper-slide-active  .item .itmtc .hfnt .imtit{ font-size: 36px; }
.horlst .hor_swc .swiper-slide-active  .item  .itmb .hpdg h2{font-size:30px; color: #c99b5e;}
.horlst .hor_swc .swiper-slide-active  .item  .itmb .hpdg span{ font-size: 16px;}
.horlst .hor_swc .swiper-slide-active  .item  .itmb .hpdg p{ color: #333; font-size: 16px;}
.horlst .hor_swc .hor_spt.swiper-pagination-fraction{ bottom: 0px; font-size: 18px;}
.horlst .hor_swc .hor_spt .swiper-pagination-current{ font-size: 30px; font-weight: bold;}
.horlst .hor_swc .arw_s{  display: flex; flex-wrap: nowrap; justify-content: space-between; position: absolute; left: 50%; margin-left: -150px; bottom: 0; z-index: 1000; width: 300px; padding-top: 10px;}
.horlst .hor_swc .arw_s .arw_l{ margin-right: 20px;}
.horlst .hor_swc .arw_s .arw_l,.horlst .hor_swc .arw_s .arw_r{ width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 100px; background: #FFF; color: #DDD;  border:1px solid #cacaca; display: block; cursor: pointer;}
.horlst .hor_swc .arw_s  .iconfont{ font-size: 36px;}
.horlst .hor_swc .arw_s .arw_l:hover,.horlst .hor_swc .arw_s .arw_r:hover{ background: #0080cc; color: #FFF;}
.horlst .hor_swc .arw_s .arw_l.swiper-button-disabled,.horlst .hor_swc .arw_s .arw_r.swiper-button-disabled{ color: #DDD; background: #FFF; border:1px solid #cacaca;}
/*大事记*/
.timeline{ position: relative;}
.timeline .tmbg{ max-width: 100%; width: 100%; min-height: 400px;}
.timeline .tmvw{ position: absolute;left: 0; top: 0; right: 260px; bottom: 0; z-index: 500;}
.timeline .tmprvw{ overflow: hidden; position: absolute; right: 5%; top: 8%; z-index: 501;}
.timeline .tmlst{ height: 100%; position: relative;}
.timeline .tmlst_thum{ width: 124px;  height: 360px; position: relative; padding-left: 40px;}
.timeline .tmlst_thum .lnebg{ position: absolute; left: 10px; top: 0; z-index: 5; display: block; width: 32px; height: 424px;}
.timeline .tmlst_thum .tmlst_swrp{ height: 100%; display: flex; flex-wrap: nowrap; z-index: 10;}
.timeline .tmlst_thum .prvw_li{ height:60px; line-height: 60px; cursor: pointer; width: 124px;}
.timeline .tmlst_thum  .tmnum{ font-size: 20px;}
.timeline .tmlst_thum .active-nav .tmnum{width:74px; height: 38px; line-height: 38px; background: #0080cc; border-radius: 3px; color: #FFF; text-align: center; position: relative;  box-shadow: 0px 2px 5px 0px rgb(0,91,156,.35); }
.timeline .tmlst_thum .active-nav .tmnum:after{content: ''; position: absolute; z-index: 100; width: 6px; height: 9px; display: block; background: url(/public/img/tmlst_thum_active_nav_arw.png); top: 15px; left: -6px; }
.timeline .tmlst_thum .active-nav:before{content: ''; position: absolute;  width: 18px; height: 18px; background: #0080cc; border-radius: 100px; top:13px; left: -38px; z-index: 1200; }
.tmvw .tmlst .tmli{ position: relative;  }
.tmvw .tmlst .tmli img{ display: block;  max-width: 100%; margin: 0 auto; }
.tmvw .arw_s{  display: flex; flex-wrap: nowrap; position: absolute; left: 50%; margin-left: 80px; bottom: 10%; z-index: 1000;}
.tmvw .arw_s .arw_l{ margin-right: 20px;}
.tmvw .arw_s .arw_l,.tmvw .arw_s .arw_r{ width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 100px; background: #0080cc; color: #FFF;  border:1px solid #cacaca; display: block; cursor: pointer;}
.tmvw .arw_s  .iconfont{ font-size: 36px;}
.tmvw .arw_s .arw_l.swiper-button-disabled,.tmvw .arw_s .arw_r.swiper-button-disabled{ color: #DDD; background: #FFF;}
.tmvw .tmlst .tmli .item .imgs .tmli_swc .tmli_swpr{ position: relative;}
.tmvw .tmlst .tmli .item .imgs .tmli_swc .tmli_spt{ position: absolute;   z-index: 500;  bottom:4px;}
.tmvw .tmlst .tmli .item .imgs .tmli_swc .tmli_spt .swiper-pagination-bullet{ width: 12px; height: 12px; border-radius: 0; background: #bcbcbc;}
.tmvw .tmlst .tmli .item .imgs .tmli_swc .tmli_spt .swiper-pagination-bullet-active{background: #0080cc;}
.timeline .tmlst .tmli .img1{ display: block;}
.timeline .tmlst .tmli .img2{ display: none;}
.ltcn{ background: #FFF; padding: 0.5% 2%; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #e7e7e7;}
.ltcn .ltcn_l{ font-size: 16px;}
.ltcn .ltcn_l .iconfont{ font-size: 24px; margin-right: 10px; color: #666;}
.ltcn .ltcn_l,.ltcn .ltcn_l a,.ltcn .ltcn_l a:visited{ color:#999;}
.ltcn .ltcn_l,.ltcn .crt{  color:#333;}
.ltcn .ltcn_l .lne{ margin:0 10px; color:#DDD;}
.ltcn .ltcn_r{ display: flex; align-items: center; cursor: pointer;}
.ltcn .ltcn_r .tpicn{ max-width: 100%;}
.ltcn .ltcn_r  .tpfnt{ white-space: nowrap; margin-left: 5px;}
.cmys .cmyt{ display: flex; flex-wrap: nowrap; align-items: center; margin-bottom: 3%;}
.cmys .cmyt .cmylogo{ margin-right: 20px; max-width: 100%;}
.cmys .cmyt .cmylogo2{ margin-right: 20px; max-height: 60px; max-width: 100%;}
.cmys .cmyt  .name{ font-size: 30px;}
.cmys .cmyc p{ text-indent: 32px; line-height: 180%; font-size: 18px; margin-bottom: 15px; text-align: justify;}
.cmys .cmyc .imgs{ padding: 5% 0; margin: 0 auto; }
.cmys .cmyc .imgs img{ max-width: 100%; display: block; margin: 0 auto;}
.cmy_sld{ width: 80%; margin: 0 auto; max-width: 940px;}
.cmy_sld .cmy_vw{position:relative}
.cmy_sld .cmy_swp .cmyli img{ display: block; max-width: 100%;}  
.cmy_sld  .cmy_prv{width: 100%;margin-top: 10px;position: relative;}
.cmy_sld  .cmy_prv .swiper-slide{width: 12.5%; height: auto; padding-right: 10px; }
.cmy_sld  .cmy_prv .swiper-slide img{ max-width: 100%;}
.cmy_sld  .cmy_prv .arrow-left{position: absolute;left: 0;top: 50%;margin-top: -0.5625em;width: 0.5625em;height: 1.125em;z-index: 10; }
.cmy_sld  .cmy_prv .arrow-right{position: absolute;right:0;top: 50%;margin-top: -0.5625em;width: 0.5625em;height: 1.125em;z-index: 10;}
.cmy_sld  .cmy_prv img{border:2px solid #FFF; filter:alpha(opacity=30);   -moz-opacity:0.3;  -khtml-opacity: 0.3;    opacity: 0.3;  cursor: pointer;}
.cmy_sld  .cmy_prv .active-nav img{border:2px solid #FFF; filter:alpha(opacity=100);  -moz-opacity:1;  -khtml-opacity: 1;    opacity: 1; }
.cmy_sld .cmy_vw .arws{ position: absolute; width: 46px; height: 46px; line-height: 46px; text-align: center; border: 4px solid #d7d7d7; z-index: 1000; border-radius: 100px; top: 50%; margin-top: -23px;}
.cmy_sld .cmy_vw .arrow-left{  left: -75px;}
.cmy_sld .cmy_vw .arrow-right{ right: -60px;}
.cmy_sld .cmy_vw .arws .iconfont{ font-size: 24px;color: #d7d7d7;}
.cmy_sld .cmy_vw .arws:hover{ background: #0080cc; color: #FFF; border: 4px solid #0080cc;}
.cmys .cmyc .aer_tab{ padding: 5% 0;}
.cls_pdg02 .bck_btn{ text-align: center; padding: 5% 0;}
.cls_pdg02 .bck_btn a{ width: 200px; height: 50px; line-height: 50px; display: block; margin: 0 auto; background: #0080cc; border-radius: 100px; text-align: center;}
.cls_pdg02 .bck_btn  a .iconfont{ margin-right: 10px; transition: all .3s; vertical-align: middle;}
.cls_pdg02 .bck_btn  a:hover{background: #0070b3;}
.cls_pdg02 .bck_btn  a:hover .iconfont{ margin-right: 15px;}
.cls_pdg02 .bck_btn a,.cls_pdg02 .bck_btn  a:visited{ color: #FFF;}
/*产品研发*/
.prds{  padding: 4%;}
.prds .lst-r{ width: 200px;}
.prds .lst-l{  flex: 1;}
.prds .prdlst{ display: flex; flex-wrap: wrap; align-items:stretch; justify-content: space-between; padding-top: 5%; }
.prds .prdlst .item{ text-align: center; width:48%; margin-bottom: 5%; }
.prds .prdlst .item a{ display: flex;  flex-wrap: nowrap; align-items: center;   justify-content: space-between; }
.prds .prdlst .item a,.prds .prdlst .item a:visited{ color: #333;}
.prds .prdlst .item .cvr { overflow:hidden; width: 40%;}
.prds .prdlst .item .plst-r { overflow:hidden; width: 56%; text-align: left;}
.prds .prdlst .item .cvr img{ object-fit: cover; width: 100%; max-width: 100%; display: block; }
.prds .prdlst .item .name{ font-size: 24px; height: 42px; line-height: 42px; overflow: hidden; text-overflow: ellipsis; font-weight: bold; margin-bottom: 2%;}
.prds .prdlst .item dl{ margin-bottom: 20px;}
.prds .prdlst .item dl dt,.prds .prdlst .item dl dd{ border-bottom: 1px solid #e7e7e7; padding-bottom: 10px; margin-bottom: 10px;}
.prds .prdlst .item dl dd{ display: flex; flex-wrap: nowrap;}
.prds .prdlst .item dl dd .fnt-l{ width: 100px;}
.prds .prdlst .item dl dd .fnt-r{ flex: 1;}
.prds .prdlst .item .cbtn{ display: block; width: 110px; text-align: center; height: 38px; line-height: 38px; background: #0080cc; border-radius: 5px; box-shadow: 0px 2px 3px 0px rgb(8,96,67,.3);  transtion:all 0.3s;  font-size: 14px; color: #FFF;}
.prds .prdlst .item .cbtn:hover{ background: #0060ad; }
.prds .ctgy{ width: 100%; text-align: center;}
.prds .ctgy li{ font-size: 14px; height: 46px; line-height: 46px; display: inline-block; text-align: center; border-radius: 8px;}
.prds .ctgy li a{display: block; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; padding: 0 15px; margin: 0 5px;}
.prds .ctgy li:hover{background: #f7f7f7;}
.prds .ctgy li.on{ border-bottom: 0; background: #0080cc; }
.prds .ctgy li.on a{position: relative;}
.prds .ctgy li.on a,.prds .ctgy li.on a:visited{ color: #FFF; font-weight: bold;}
.prds .ctgy li a .iconfont{ position: absolute; right: 15px; display: none;}
.prds .ctgy li.on a .iconfont{ display: block; position: absolute; right: 15px; top: 0; font-weight: normal;}
.prd_dlt{ padding: 6%; font-size: 16px; line-height: 180%;}
.prd_dlt .prd_tit{ font-size: 36px; font-weight: bold; margin-bottom:20px;}
.prd_dlt .notice{ margin-bottom: 5%;}
.flex_lyt{ display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start;}
.flex_lyt .intr{ width: 60%;}
.flex_lyt .img{ width: 35%;}
.flex_lyt .img img{ display: block; max-width: 100%; margin: 0 auto;}
.flex_lyt .img2{display:none;}
.flex_lyt .img2 img{ display: block; max-width: 100%;}
.flex_lyt .intr .fntlst{ padding-bottom: 2%; margin-bottom: 2%; border-bottom: 1px dashed #DDD;}
.prds .sltlnk,.ctgy .clsicn,.ctgy .extlnk{display: none;}
.prds2{  padding: 4% 0;}
.yxpr .ytit{ text-align: center; padding: 5% 0;}
.yxpr .ytit h1{ font-size: 30px; font-weight: bold; letter-spacing: 3px;}
.yxpr  .ytit2{ text-align: center; line-height: 200%; margin-bottom: ;}
.yxpr  .ytit2 h2{ color: #0080cc; font-weight: bold; font-size: 30px; margin-bottom: 50px; letter-spacing: 2px;}
.yxpr  .ytit2  p{ font-size: 18px; margin-bottom: 50px; max-width: 68%; text-align: left; margin: 0 auto;}
.yxpr  .ytit2 .ilstn{ margin: 5% 0;}
.yxpr  .ytit2 .ilstn img{ max-width: 80%;}
.yxpr .item1{background: url('/public/img/products2/item_01_bg_01.gif') no-repeat top left, url('/public/img/products2/item_01_bg_02.gif') no-repeat bottom left #e2f3ee;  background-size: 100% auto;  padding: 6% 0 8% 0; margin-bottom: 2%;}
.yxpr .img img{ display: block; margin: 0 auto; max-width: 90%;}
.yxpr .img1{ padding: 5% 0;}
.yxpr .img1 img{ max-width: 80%;}
.yxpr .item2{ background: url('/public/img/products2/item_02_bg_01.gif') no-repeat top left, url('/public/img/products2/item_02_bg_02.gif') no-repeat bottom left #ebf1f7; background-size: 100% auto; padding: 6% 0 8% 0; }
.yxpr .item3{ background: url('/public/img/products2/item_03_bg_01.gif') no-repeat bottom left #daecf7; background-size: 100% auto; padding: 6% 0 8% 0; }
.yxpr .item3 .ytit2  p{ text-align: center; margin-bottom: 5%;}
.yxpr .item4{ background: url('/public/img/products2/item_04_bg_01.gif') no-repeat bottom left #f3e2e2; background-size: 100% auto; padding: 6% 0 15% 0; }
/*信息公开*/
.ifopg{font-size: 16px; line-height: 180%;}
.ifopg .ifo_tit{font-size: 36px; line-height: 180%; text-align: center; font-weight: bold; margin-bottom: 50px; letter-spacing:3px;}
.ifopg p{ margin-bottom:15px; text-indent: 32px;}
.ifopg p.no_idnt{ text-indent: 0px;}
.ifopg .tit1{ font-size: 24px; font-weight: bold; margin:15px 0;}
.ifopg .tit2{ font-size: 18px; font-weight: bold; margin-bottom: 15px;}
.ifopg .imgs{ padding: 15px 0;}
.ifopg .imgs img{ max-width: 100%; display: block; margin: 0 auto;}
.subcrp{ padding-top: 3%;}
.subcrp .stit{ font-size: 24px; font-weight: bold; padding-bottom: 1%; margin-bottom:3%; border-bottom: 4px solid #eee; position: relative;}
.subcrp .stit:after{ position: absolute; content: ""; left: 0; bottom: -4px; height: 4px; width: 120px; background: #0080cc;}
.subcrp .slnk a{ display: inline-block;  padding-right: 30px; font-size: 16px;}
.tbls{ margin-bottom:30px;}
.tbls table{ margin-bottom: 10px;}
.tbls table, .tbls table td{ border: 1px solid #CCC;}
.tbls table td{ padding: 6px 10px; text-align: center;}
.tbls table th{ font-size: 16px; border: 1px solid #CCC; background: #EEE; padding: 6px 10px; text-align: center;}
/*2023-12-05*/
.ifo_cls{    background: #ebf1f7;  padding: 5% 0 0 0;}
.ifo_lnk{ display: flex; flex-wrap: nowrap;  align-items: stretch; align-items: center; background: #FFF; border-radius: 6px; border-radius: 6px; margin-bottom: 5%;}
.ifo_lnk .lnk_tit{ text-align: center; padding: 15px 70px; background: #0080cc;  color: #FFF; white-space: nowrap; border-radius: 6px 0 0 6px;}
.ifo_lnk .lnk_tit p{ font-size: 20px;}
.ifo_lnk .lnk_tit span{ font-size: 14px; }
.ifo_lnk .lnk_r{ flex: auto; }
.ifo_lnk .lnk_r ul{ line-height: 180%; overflow: hidden;}
.ifo_lnk .lnk_r ul li{ display: inline-block; font-size: 18px; position: relative; padding: 0 3%; margin-left: -1px;}
.ifo_lnk .lnk_r ul li a{display: block;  white-space: nowrap;}
.ifo_lnk .lnk_r ul li a:before{ content: ""; position: absolute; left: 0px; top: 50%; margin-top: -6px; width: 1px; height: 12px; background: #CCC;}
.ifo_blk{ display: flex; flex-wrap: nowrap; align-items: stretch; justify-content: space-between; margin-bottom: 10%;}
.ifo_blk .itm{ width: 48%; background: #FFF; border-radius: 6px;}
.ifo_blk .itm .pdgs{ padding: 6% 8%;}
.ifo_blk .itm .ifo_tit2 h3{ font-size: 24px; font-weight: bold; color: #0080cc; position: relative; float: left; margin-bottom: 5%;}
.ifo_blk .itm .ifo_tit2 h3:after{ content: "";display: block;  height: 3px; background: #0080cc; margin-top: 8px;}
.ifo_blk .itm .ftn{ clear: both; font-size: 18px; line-height: 180%;}
.ifo_sub { padding: 6% 0;}
.ifo_sub ul{ background: #FFF; border-radius: 6px; display: flex; align-items: flex-start; align-items: stretch; justify-content: space-between; flex-wrap: wrap; padding: 4%;}
.ifo_sub ul li{ font-size: 18px; width: 32%; }
.ifo_sub ul li a{ padding: 15px 0; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cls_03,.cls_04{position: relative;}
.cls_03 .apt1,.cls_04 .apt2{ position: absolute; top: -160px; display: block;}
/*新闻媒体*/
.mpg .pgc  .vdps{  max-width: 80%;}
.vidlst{ display: flex;  flex-wrap: wrap; align-items: stretch; justify-content: space-between;}
.vidlst:after{content: ""; width: 31%; }
.vidlst .item{ width: 31%; margin-bottom: 3%; }
.vidlst .item a{ display: block; border: 1px solid #d9d9d9; height: 100%;}
.vidlst .item .cvr{ height: 260px; overflow: hidden;}
.vidlst .item .cvr img{ width: 100%; height: 100%; max-width: 100%; object-fit: cover;}
.vidlst .item a .cvr img{  transform: scale(1);  transition: transform 0.3s ease-out;}
.vidlst .item a:hover .cvr img{ transform: scale(1.1);}
.vidlst .item .fpdg{ padding: 5%; height: 140px; display: flex;  flex-wrap: wrap; flex-direction: column;  justify-content: space-between;}
.vidlst .item .vtit{ font-size: 18px; font-weight: bold; line-height: 180%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; /* 设置行数 */  -webkit-box-orient: vertical; }
.vidlst .item a .vtit,.vidlst .item a:visited .vtit{ color: #333;}
.vidlst .item .blnk{display: block; width: 110px; text-align: center; height: 38px; line-height: 38px; background: #0080cc; border-radius: 5px; box-shadow: 0px 2px 3px 0px rgb(8,96,67,.3);  transtion:all 0.3s;  font-size: 14px; color: #FFF;}
.vidlst .item a:hover .blnk{background: #0060ad;}
.cmys .pgh video{max-width: 100%; margin: 0 auto; display: block;height: auto!important;object-fit: cover;}
.cmys .dltit{  border-bottom: 1px solid #e3e3e3;   padding-bottom: 3%;margin-bottom:5%; text-align: center;  }
.cmys .dltit h1{ font-size: 36px; font-weight: bold; color: #0860a7; margin-bottom: 2%; line-height: 180%; }
.cmys  .dltit .pbtm{ font-size: 16px; color: #999; font-weight: normal;}
.cmys  .dltit .pbtm span{ margin: 0 15px;}
.newslstm{ margin-bottom: 20px;}
.newslstm .item{   border-bottom: 1px solid #DDD; padding: 30px 10px 30px 10px;  transition: all 0.3s;}
.newslstm .item:hover{ background: #fafafa;}
.newslstm .item a{ position: relative; display: block; padding-left: 110px;}
.newslstm .item .tms{ position: absolute; width: 80px; height: 80px; background: #bac2d1; text-align: center; font-size: 16px; color: #FFF; left: 0; top: 0; border-radius:6px; transition: all 0.3s;}
.newslstm .item:hover .tms{ background: #0080cc;}
.newslstm .item .ntit{ font-size: 24px; font-weight: bold; line-height: 180%; margin-bottom: 5px; color: #333; transition: all 0.3s;}
.newslstm .item:hover .ntit{ color: #0080cc;}
.newslstm .item .ntr{ font-size: 14px; color: #666; line-height: 180%;}
.newslstm .item .tms .mnd{ padding-top: 10px; margin-bottom: 10px; position: relative; padding-bottom: 10px; font-weight: bold; font-size: 18px;}
.newslstm .item .tms .mnd:after{ content: ""; display: block; height: 1px; background: rgba(255, 255, 255, .3);  width: 70px; margin: 0 auto; position: absolute; bottom: 0; left: 5px;}
.newslstm .item .tms .yer{ font-size: 14px;}
.cls_pdg .pgh {  font-size: 16px;   line-height: 180%;  text-align: justify;   margin: 0 auto;}
.cls_pdg .pgh img{ display: block; margin: 30px auto; max-width: 100%;}
#map1_container {width: 100%;height:600px;overflow: hidden;margin: 0;border: 1px solid #CCC;}
#allmap1 {margin: 0 0 3px;height: 100%;}
.BMap_bubble_title {font-size: 12px;font-weight: bold;	}
.BMap_bubble_content {	font-size: 12px;line-height: 160%;}
.contacts{ display: flex; flex-wrap: nowrap; align-items: center; margin-bottom: 5%; justify-content: space-between;}
.contacts .name img{ height: 60px;}
.contacts .imgs{ width: 40%; display: none;}
.contacts .imgs img{ max-width: 100%;}
.contacts .flst{ width: 100%; line-height: 180%; font-size: 18px;}
.contacts .flst .name{ font-size: 30px; font-weight: bold; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #DDD; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.contacts .flst .name img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
.contacts .flst p{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #DDD;}
.contacts .flst .tel span{ font-size: 24px; font-weight: bold; color: #0089d1;}
.contacts .flst .fnt .iconfont { font-size: 20px;vertical-align: middle; margin-right: 15px; color: #666; }
.mpg .pgc .clstab2 ul li{ border-right: 0;}
.dslmr{ line-height: 180%; font-size: 16px;}
.dslmr p{ text-indent: 32px; line-height: 180%; margin-bottom: 10px;  }
.dslmr p.no_indt{ text-indent: 0;}
.stmp_lst .item{ display: flex; align-items: center;  flex-wrap: nowrap; border-bottom: 1px dashed #DDD; padding: 20px 15px;}
.stmp_lst .item .ocls{ font-size:16px; font-weight: bold; min-width: 70px;}
.stmp_lst .item .ocls a{ display: block;}
.stmp_lst .item .clsr{ flex: auto;}
.stmp_lst .item .clsr ul{padding-left: 20px; }
.stmp_lst .item .clsr ul li{ display: inline-block;  line-height: 180%;}
.stmp_lst .item .clsr ul li a{ padding: 0 15px;}
.stmp_lst .item:hover{ background: #fafafa;}
.stmp_lst .item:hover .ocls a,.stmp_lst .item:hover .ocls a:visited{ color: #0080cc;}
/*在线留言*/
.msgs .intr{ font-size: 16px; line-height: 180%;}
.msg-frm{ padding: 3% 0;}
.msg-frm .lst{ margin-bottom: 15px;}
.msg-frm .lst .txt-ipt{ display: block;  width: 100%; max-width: 100%;  height: 40px;  line-height: 40px;   font-size: 16px;   line-height: 1.42857143;   color: #555;  background: #fff;  border: 1px solid #ccc;    border-radius: 4px; text-indent: 10px; box-sizing: border-box;}
.msg-frm .lst .txtra{ height: auto; font-size: 16px; font-family: "microsoft yahei";}
.msg-frm .btn-success{ width: 100%; height: 50px; line-height: 50px; display: block; background: #0080cc; border-radius: 10px; text-align: center; color: #FFF; border: none; cursor: pointer; font-size: 16px;} 
.msg-frm .btn-success:hover { background: #0060ad; }
/*招聘*/
.hrlst{ padding: 8% 0 3% 0;}
.hrlst .item a{ display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; font-size: 16px; border-bottom: 1px solid #333; padding: 15px 0;}
.hrlst .item.hth a{ border-bottom: 3px solid #333; border-top: 1px solid #333;}
.hrlst .item a:hover{ background: #fafafa;}
.hrlst .item.hth a:hover{ background: none; color: #333;}
.hrlst .item.hth{ font-weight: bold; font-size: 20px;}
.hrlst .item .hid{ width: 10%; min-width: 60px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 180%;}
.hrlst .item .hnme{ width: 80%; text-align: center; line-height: 180%; }
.hrlst .item .htm{ width: 10%; min-width: 60px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 180%;}
.hrlst .item a:hover .hid,.hrlst .item a:hover .htm{color: #333; }
/*企业文化*/
.cltr .bgpic_01 img{ max-width: 100%; display: block;}
.cltr .itm1{ display: flex; flex-wrap: nowrap; align-items: flex-start; justify-content: center; text-align: center; padding: 2% 0;}
.cltr .itm1 .col{ width: 25%;}
.cltr .itm1 .col img{ max-width: 100%;  display: block; margin: 0 auto 10% auto;}
.cltr .itm1 .fnt h2{ font-size: 36px; color: #0080cc; font-weight: bold; line-height: 180%;}
.cltr .itm1 .fnt p{ font-size: 18px; line-height: 180%;}
.cltr .itm2{ background: #fbf7f0; padding: 0 6% 3% 6%;}
.cltr .itm3{ background: #f0f5f8; padding: 3% 6% 0% 6%;}
.mpg .pgc .cltr .pgtit1 h2{ color: #9e492b;}
.mpg .pgc .cltr .pgtit2 h2{ color: #0091a1;}
.strylst{  margin: 0 auto;}
.stry_spt{ display: flex;  min-width: 1000px; margin: 0 auto;  text-align: center; left: 50%; justify-content: space-between; position: relative;}
.stry_spt:after{ position: absolute; content: ""; left: 10px; right: 10px; height: 1px; background: #c7b9a3; top: 53%; }
.stry_spt .swiper-pagination-bullet{ width: auto; height:auto; padding: 3%; position: relative; z-index: 100;}
.stry_spt .swiper-pagination-bullet img{max-width: 100%; display: block;}
.strylst.swiper-container-horizontal>.swiper-pagination-bullets, .strylst .swiper-pagination-custom, .strylst .swiper-pagination-fraction{ position: static; width: 60%;}
.strylst  .swiper-pagination-custom, .strylst  .swiper-pagination-fraction{ width: auto;}
.strylst .stry_spt{ padding: 6% 0 5% 0;}
.stry_spt  .swiper-pagination-bullet{ background: #c7b9a3; opacity: 1; position: relative;}
.stry_spt  .swiper-pagination-bullet-active{ background: #9e492b;}
.stry_spt  .swiper-pagination-bullet-active:before{ position: absolute; z-index: 100;  border-radius: 100px; left: 2%; right: 2%; bottom: 2%; top: 2%; border: 4px solid #FFF; content: "";}
.strylst .swiper-slide{ padding: 5% 0;}
.strylst .swiper-slide img{ display: block; max-width: 100%; margin: 0 auto;}
.strylst .swiper-slide  .img1{ display: block;}
.strylst .swiper-slide .img2{ display: none;}
.stflst{ width: 80%; margin: 0 auto; padding: 8% 0 0 0;}
.stflst .flx{ display: flex; flex-wrap: nowrap; align-items: stretch; justify-content: space-between;}
.stflst .flx .item{width: 48%; background: #FFF; padding: 4px;  border-radius: 15px; box-shadow: 5px 5px 15px 0px rgba(0,0,0,.1); margin-bottom: 8%; }
.stflst .flx .item .cvr{overflow: hidden;}
.stflst .flx .item .cvr img{ display: block; max-width: 100%;  border-radius: 10px 10px 0 0; object-fit: cover; }
.stflst .flx .item .fnt{ padding: 4%;}
.stflst .flx .item .tit{ font-size: 30px; font-weight: bold; margin-bottom: 2%; overflow: hidden; margin-bottom: 24px;  text-align: justify; overflow: hidden;  text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.stflst .flx .item .intr{ color: #999; font-size: 16px; line-height: 180%; height: 60px; line-height: 30px; overflow: hidden; margin-bottom: 24px;  text-align: justify; overflow: hidden;  text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.stflst .flx .item .mr{text-align: right;}
.stflst .flx .item .mr .iconfont{ font-size: 30px; color: #7f7f7f; }
.stflst .flx .item  a{ display: block; }
.stflst .flx .item  a .mr .iconfont{transition: all 0.3s; }
.stflst .flx .item  a:hover .mr .iconfont{ margin-right: 10px; }
.stflst .flx .item  a .cvr img{transition: all 0.3s; }
.stflst .flx .item  a:hover .cvr img{transform: scale(1.05); }
.stflst .mrlnk{ text-align:center; }
.stflst .mrlnk a{ display: block; width: 110px; text-align: center; height: 38px; line-height: 38px; background: #0080cc; border-radius: 5px; box-shadow: 0px 2px 3px 0px rgb(8,96,67,.3);  transtion:all 0.3s;  font-size: 14px; margin: 0 auto;}
.stflst .mrlnk a,.stflst .mrlnk a:visited{ color: #FFF;}
.stflst .mrlnk a:hover{ background: #0060ad; }
 /*返回按钮*/
.mrjob{ text-align: center; padding: 2% 0;}
.mrjob a{ width: 200px; height: 50px; line-height: 50px; display: block; margin: 0 auto; background: #0080cc; border-radius: 100px; text-align: center;}
.mrjob  a .iconfont{ margin-left: 10px; transition: all .3s; vertical-align: middle;}
.mrjob  a:hover{background: #0070b3;}
.mrjob  a:hover .iconfont{ margin-left: 15px;}
.mrjob a,.cls_pdg02 .mrjob  a:visited{ color: #FFF;}
/*合作*/
.cprtlst .tbl{border-top: 1px solid #333;}
.cprtlst .tbl th,.cprtlst .tbl td{border-bottom: 1px solid #333; padding: 15px 5px; text-align: center;}
.cprtlst .tbl th{border-bottom:2px solid #333; font-size: 16px; }
.cprtlst .tbl th:first-child,.cprtlst .tbl td:first-child{ text-align: left;}
.cprtlst .tbl td img{ max-width: 100%;}
.cprtel{ padding:3% 0 5% 0;}
.cprtel span{ font-weight: bold; color: #0089d1; font-size: 18px;}
/*科研*/
.srid .imgs img{ max-width: 100%;  width: 100%;  height: auto; display: block;}
.srid .srid_cls_02{ background: #ebf1f7; padding: 5% 0 0 0;}
.srid .srid_cls .srid_cnt{ display: flex;  flex-wrap: nowrap; max-width: 84%; margin: 0 auto; align-items: center; justify-content: space-between;}
.srid .srid_cls .srid_cnt .cls-l{  flex: 1;}
.srid .srid_cls .srid_cnt .cls-r{ min-width: 35%; padding-left: 3%; }
.srid .srid_cls .srid_cnt .cls-r2{padding-right: 3%; padding-left: 0;  }
.srid .srid_cls img{ max-width: 100%;}
.srid .srid_cls .srid_tit{ line-height: 200%; margin-bottom: ;}
.srid .srid_cls .srid_tit h2{ color: #0080cc; font-weight: bold; font-size: 30px; margin-bottom: 10px; letter-spacing: 2px;}
.srid .srid_cls .srid_tit  p{ font-size: 18px; margin-bottom: 50px; max-width: 68%; text-align: left; text-transform: uppercase;  color: #b2b2b2;}
.srid .srid_cls .phg{ font-size: 18px;   line-height: 180%;   text-indent: 32px;   margin-bottom: 20px; }
.srid   .cmys .phg .imgs{ padding:5% 0;}
.srid  .cmys .phg .imgs img{ max-width: 100%; display: block; margin: 0 auto; width: auto;}
.mpg .pgc .srid_tit2 h2{ color: #0080cc;}
.srid  .srid_cls_03{ background: #daecf7; padding: 0 0 8% 0;}
.srid  .srid_cls_04{ background: #f3e2e2; padding-bottom: 20px; }
.mpg .pgc .srid  .srid_cls_04 .cmys .phg{ padding-top: 0;}
/*社会责任*/
.cmys .csrtit{ text-align: center;}
.cmys .csrtit h1{ font-size: 36px; font-weight: bold; color: #0860a7;  line-height: 180%; }
.cmys .csrtit p{font-size:18px;text-transform:uppercase;color: #999;}
.cmys .csr_img{ display: flex; flex-wrap: nowrap; align-items: flex-start; justify-content: space-between; padding: 3% 0;}
.cmys .csr_img img{ width: 47%;}
.csr_pg .pgh{ padding: 8% 0 12% 0;}
.csrm{ background: #ebf1f7; margin-bottom: 2%;}
.csrm .bg1{ display: block; max-width: 100%; width: 100%;}
.mpg .pgc .csrm  .pgtit h2{color: #0080cc;}
.csrm .csrlst{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items:stretch; padding: 8% 0 0 0;}
.csrm .csrlst .item{ width: 30%;}
.csrm .csrlst:after{ content: ""; width: 30%;}
.csrm .csrlst .item{ margin-bottom: 6%;}
.csrm .csrlst .item .cvr{overflow: hidden;}
.csrm .csrlst .item .cvr img{max-width: 100%; display: block; max-height: 232px;}
.csrm .csrlst .item .lstit{padding: 5% 0;}
.csrm .csrlst .item h3{font-size: 18px;   line-height: 30px;   display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;   text-overflow: ellipsis; }
.csrm .csrlst .item a h3,.csrm .csrlst .item a:visited h3{ color: #333;}
.csrm .csrlst .item .mr {font-size: 14px;}
.csrm .csrlst .item .mr .arw{display: inline-block; width: 16px; height: 16px; border-radius: 100px; background: #0860a7; text-align: center; }
.csrm .csrlst .item .mr .arw .iconfont{ color: #FFF; line-height: 16px; font-size: 18px;}
.csrm .csrlst .item  a .mr .arw{margin-left: 15px; transition: all 0.3s;}
.csrm .csrlst .item  a .mr,.csrm .csrlst .item  a:visited .mr{color: #666;} 
.csrm .csrlst .item  a:hover .mr .arw{margin-left: 25px;}
.csr_mr{ padding: 5% 0; text-align: center;}
.csr_mr a{ width: 246px; height: 60px; line-height: 60px; font-size: 18px; border: 3px solid #dcdcdc; background: #FFF; display: inline-block; border-radius: 10px;}
.csr_mr a,.csr_mr a:visited{ color: #333;}
.csr_mr a .iconfont{ color: #0860a7; font-size: 36px; vertical-align: middle;}
.csr_mr a:hover{background: #0860a7; border: 3px solid #0860a7; color: #FFF;}
.csr_mr a:hover .iconfont{ color: #FFF;}
.csr_sct_01 {width: 100%; height: 100%; z-index: 101;}
.csr_sct_01 .swiper-wrapper{ position: relative; align-items: stretch; width: 100%;}
.csrpt{ position: relative; padding: 8% 0 12% 0;}
.csrpt .arw_s{  display: flex; flex-wrap: nowrap;  margin-bottom: 30px; }
.csrpt .arw_s .arw_l{  position: absolute; left: -55px; z-index: 1000; top: 50%; margin-top: -20px;}
.csrpt .arw_s .arw_r{position: absolute; right:  -55px; z-index: 1000; top: 50%; margin-top: -20px;}
.csrpt .arw_s .arw_l,.csrpt .arw_s .arw_r{ width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 100px; background: #0080cc; color: #FFF;  border:1px solid #cacaca; display: block;}
.csrpt .arw_s  .iconfont{ font-size: 36px;}
.csrpt .arw_s .arw_l.swiper-button-disabled,.csrpt .arw_s .arw_r.swiper-button-disabled{ color: #DDD; background: #FFF;}
.csr_sct_01 .rptimg{max-width:98%; height: 98%; display: block; border-radius: 10px; border: 1px solid #f2f2f2; box-shadow: 0px 2px 3px 0px rgb(0,0,0,.1); margin: 1%; } 
.cerlst{ display: flex; flex-wrap: nowrap; align-items: flex-start; max-width: 900px; margin: 0 auto; justify-content: space-between; padding: 12% 0 0 0;}
.cerlst .cert{ width: 50%; margin: 0 auto; }
.cerlst .cert .certimg{ max-width: 100%; box-shadow: 3px 3px 10px 0px rgba(0,0,0,.2);  margin: 0 auto; }
.cerlst .cert a{display: block; position: relative; text-align: center;}
.cerlst .cert1 a .zm1{ position: absolute; z-index: 400; top: 50%; margin-top: -15%; left: -8%; width: 25%;}
.cerlst .cert1 a .zm2{ position: absolute; z-index: 400; top: 50%; margin-top:  -15%;  left: -8%; width: 25%;}
.cerlst .cert2 a .zm1{ position: absolute; z-index: 400; top: 50%; margin-top:  -15%;right:-6%; width: 25%;}
.cerlst .cert2 a .zm2{ position: absolute; z-index: 400; top: 50%; margin-top:  -15%;  right:-6%; width: 25%;}
.cerlst .cert a .zm1{display: block;}
.cerlst .cert a .zm2{display: none;}
.cerlst .cert a:hover .zm1{display: none;}
.cerlst .cert a:hover .zm2{display: block;}
.emvp{ background: url(/public/img/cmy/csr/cert_bg.jpg) no-repeat center center; background-size: 100% auto; padding: 5% 0 2% 0;}
.emvp .emcnt{ /*position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 300;*/}
@media screen and (max-width:1680px) {
   .timeline .tmvw{ right: 240px; }
   .tmvw .tmlst .tmli img{width: 80%;}
   .tmvw .arw_s{   margin-left: 68px;}
}
@media screen and (max-width:1440px) {
	.horlst .hor_swc .swiper-slide-active .item .itmtc .hfnt .imtit{ font-size: 30px;}
	.horlst .item .itmtc .hfnt .imtit{ font-size: 24px;}
	.horlst .hor_swc .swiper-slide-active .item .itmb .hpdg h2{ font-size: 24px;}
	.horlst .item .itmtc .hfnt .hpdg{ padding-left: 8%;}
	.mpg .pgc  .vdps{  max-width: 90%;}
	.vidlst .item .cvr{ height: 200px;}
	.timeline .tmvw{ right: 220px; }
	.tmvw .tmlst .tmli img{width: 80%;}
	.tmvw .arw_s{   margin-left: 60px;}
	.stflst{ width: 100%;}
	.cltr .itm1 .col{ width: 30%;}
}

@media screen and (max-width:1280px) {
	.pgbnr .fnt .enft{font-size: 60px;}
	.aerlst .item .lstc{ width:36%; top: 20%; right: 5%; }
	.mpg .pgc .pgtit h2{font-size: 32px;}
	.timeline .tmprvw{right: 1%;}
	.tmvw .tmlst .tmli .item{ width: 70%; left: 5%; margin-left: 0;}
	.tmvw .tmlst .tmli .item .yfnt .year{ font-size: 24px;}
	.cls_03{ padding: 6% 0;}
	.horlst .hor_swc .horli{ transform: scale(0.85); }
	.horlst .hor_swc .swiper-slide-active,.horlst .hor_swc .swiper-slide-duplicate-active{ transform: scale(1);}
	.cmys .dltit h1{ font-size:30px; }
	.mpg .pgc  .vdps{  max-width: 94%;}
	.vidlst .item .cvr{ height: 180px;}
	.vidlst .item .vtit{ font-size: 16px;}
	.timeline .tmvw{ right: 170px; }
	 .tmvw .arw_s{   margin-left: 36px; bottom: 0;}
	 .cls_pdg .cmys{ padding: 0 6%;}
	 .cmys .cmyc p{ font-size: 16px;}
	 .prds .prdlst .item{ width: 50%;}
	 .tmvw .tmlst .tmli{ padding-top: 3%;}
	 .stry_spt{ min-width: auto;}
	 .strylst.swiper-container-horizontal>.swiper-pagination-bullets, .strylst .swiper-pagination-custom, .strylst .swiper-pagination-fraction{ width: 80%;}
	 .cltr .itm1 .fnt h2{ font-size: 32px;}
	 .srid .srid_cls .srid_cnt .cls-r{ max-width:35%; min-width: auto;}
	 .srid .srid_cls .srid_cnt{ padding: 3% 0;}
	 .csrm .csrlst .item h3{ font-size: 16px;}
	.csr_mr a{ font-size: 16px; height: 54px; line-height: 54px; width: 220px;}
	.emvp{ padding: 0 0 5% 0;}
	.emvp .emcnt{ width: 70%; margin: 0 auto;}
	.cerlst .cert .certimg{ width: 90%;}
	.cerlst .cert1 a .zm1{ width: 22%;}
	.cerlst .cert1 a .zm2{ width: 22%;}
	.cerlst .cert2 a .zm1{ width: 22%;}
	.cerlst .cert2 a .zm2{ width: 22%;}
	.csrpt{ padding: 8% 0 5% 0;}
	.ifo_lnk .lnk_tit{ padding: 10px 50px;}
	.ifo_lnk .lnk_tit p{ font-size: 18px;}
	.ifo_lnk .lnk_tit span{font-size: 12px;}
	.ifo_lnk .lnk_r ul li{ font-size: 16px;}
	.ifo_blk .itm .ifo_tit2 h3{ font-size: 20px;}
	.ifo_blk .itm .ftn{ font-size: 16px;}
	.ifo_sub ul li{ font-size: 16px;}
}
@media screen and (max-width:1200px) {
	.cls_01{ padding: 6% 4% 4% 4%;}
	.aerlst .item{padding-top:10%;}
	.aerlst .item .lstc{ width:45%;  }
	.tmvw .tmlst .tmli .item{ left: 0%; }
	.tmvw .tmlst .tmli{ background-size: 100% auto; background-position: center 180px;}
	.timeline .tmprvw{ right: 0;}
	.timeline .tmlst_thum .tmnum{ font-size: 18px; width: 70px;}
	.timeline .tmlst_thum .active-nav .tmnum{ width: 70px;}
	.tmvw .arw_s {margin-left: -50px;}
	.horlst .hor_swc .swiper-slide-active .item .itmtc .hfnt .imtit{ font-size: 24px;}
	.horlst .item .itmtc .hfnt .imtit{ font-size:20px;}
	.horlst .hor_swc .swiper-slide-active .item .itmb .hpdg p{ font-size: 14px;}
	.horlst .hor_swc .hor_spt.swiper-pagination-fraction{ font-size: 16px;}
	.horlst .hor_swc .hor_spt .swiper-pagination-current{ font-size: 24px;}
	.cmy_sld .cmy_vw .arrow-right{ right: -68px;}
	.bck_btn{ margin-bottom: 2%;}
	.timeline .tmvw{ right: 160px; }
	 .tmvw .arw_s{   margin-left: 32px; bottom: 0;}
	 .cltr .itm1{ justify-content: space-between; padding: 0 5%;}
	 .cltr .itm1 .col{ width: 26%;}
	 .cltr .itm1 .fnt h2{ font-size: 28px;}
	 .cltr .itm1 .fnt p{ font-size: 16px;}
	 .cltr .itm1{ padding: 0 3%;}
	 .cltr .itm3{ padding: 3% 4% 0% 4%;}
	 .stflst .flx .item .tit{ font-size: 24px; margin-bottom: 16px;}
	 .stry_spt .swiper-pagination-bullet img{ width: 32px; height: 32px;}
}

@media screen and (max-width:1024px) {
	.pgbnr .fnt .enft{ font-size: 48px;}
	.aerlst .item .lstc{ width:45%; top:5%; right: 5%; }
	.aer_tab ul li{ font-size: 14px;}
	.mpg .pgc .cmys .phg p,.aerlst .item .lstc h2,.aer_tab ul li.crt span{ font-size: 16px;}
	.aer_tab ul li.tab_li_01{ top: -10px; left:100px; }
	.aer_tab ul li.tab_li_02{ top:58px; left:55px; }
	.aer_tab ul li.tab_li_03{ top:110px; left:55px; }
	.aer_tab ul li.tab_li_04{ top:160px; left:55px; }
	.aer_tab ul li.tab_li_05{ top:230px; left:90px; }
	.aer_tab ul li.tab_li_06{ top:160px; right:-6px; }
	.aer_tab ul li.tab_li_07{ top:58px; right:22px; }
	.cmy_sld .cmy_vw .arws{ width: 40px; height: 40px; line-height: 40px;}
	.flex_lyt{ display: flex; flex-wrap: wrap;}
	.flex_lyt .intr{ width: 100%; order: 5;}
	.flex_lyt  .img{ width: 100%; order: 0;}
	.prd_dlt .prd_tit{font-size: 32px;}
	.prds .prdlst .item{  }
	.sltlnk{ border: 1px solid #bbb; padding: 0 2% 0 2%; height: 40px; line-height: 40px; border-radius: 5px; position: relative; cursor: pointer; margin-bottom:2%; display: none;}
	.sltlnk .iconfont{ color: #999; position: absolute; right: 2%;}
	.prds{ position: relative;}
	.prds a.clsicn{ display: block; position: absolute;  text-align: right; padding: 8px 17px 0 0; left: 0; right: 0; top: 0;}
	.prds a.clsicn .iconfont{ font-size: 24px; color: #00379c;}
	.prds .ctgy{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; background: #FFF; z-index: 1000; padding: 40px 20px 0 20px; width: auto;}
	.prds .sltlnk,.ctgy.dsk,.ctgy .clsicn,.ctgy .extlnk.dsk{ display: block;}
	.ctgy .extlnk{ position: fixed;  bottom: 0; left: 0; right: 0; background: #FFF; height:32px; line-height: 32px; z-index: 301; text-align: center; color: #2866d6;}
	.prds .ctgy li{ display: block; text-align: left;}
	.prds .prdlst{ padding-top: 0;}
	.prds .prdlst .item{ width: 100%; margin-bottom: 2%;}
	.yxpr .ytit h1,.yxpr .ytit2 h2{font-size: 24px;}
	.yxpr .ytit2 p{font-size: 16px; max-width: 80%;}
	.yxpr  .item3 .ilstn img{ width: 40%; }
	.yxpr  .item4 .ilstn img{ width: 35%; }
	.ifopg .ifo_tit{ font-size: 30px;}
	.ifopg .tit1{ font-size: 20px;}
	.subcrp .slnk a{ margin-bottom: 15px;}
	.mpg .pgc  .vdps{  max-width:100%;}
	.vidlst .item .cvr{ height: 160px;}
	.vidlst .item .vtit{ font-size: 14px;}
	#map1_container { height:500px;}
	.tmvw .tmlst .tmli{ padding-top: 8%;}
	.tmvw .tmlst .tmli img{ width: 85%; }
	.stry_spt .swiper-pagination-bullet img{ width: 40px; height:40px;}
	.cprtlst .tbl th{ font-size: 14px; }
	.srid .srid_cls .phg{ font-size: 16px;}
	.mpg .pgc .pgtit h2{ font-size: 24px;}
	.srid .srid_cls .srid_tit h2{ font-size: 24px;}
	.srid .srid_cls .srid_tit p{ font-size: 16px;}
	.srid .cmys .phg .imgs2 img{ width: 60%;}
	.cmys .dltit h1, .cmys .csrtit h1{ font-size: 26px;}
	.cmys .csrtit p{font-size: 16px;}
	.ifo_sub ul li{ width: 48%;}
}
@media screen and (max-width:1023px) {
	.horlst .hor_swc .horli{ transform: scale(0.8); }
	.horlst .hor_swc .swiper-slide-active,.horlst .hor_swc .swiper-slide-duplicate-active{ transform: scale(1);}
	.tmvw .arw_s .arw_l, .tmvw .arw_s .arw_r{ width: 32px; height: 32px; line-height: 32px;}
	.tmvw .arw_s .iconfont{ font-size: 30px;}
	.tmvw .arw_s .arw_l{ margin-right: 10px;}
	.timeline .tmlst_thum .prvw_li{ width: 90px;}
	.timeline .tmbg{ min-height: 500px;}
	.timeline .tmprvw{ top: auto; bottom:0px; right: 0; left: 0;}
	.timeline .tmlst_thum .lnebg{ display: none;}
	.timeline .tmlst_thum{ width: 80%;}
	.timeline .tmlst_thum .active-nav:before{ display: none;}
	.timeline .tmlst_thum .active-nav .tmnum:after{ display: none;}
	.timeline .tmlst_thum .prvw_li{ width: 100px;}
	.timeline .tmlst_thum .tmlst_swrp{ height: auto;}
	.timeline .tmlst_thum{ height: 80px;}
	.timeline .tmlst_thum .prvw_li{ height: 38px; line-height: 38px;}
	.tmvw .arw_s{ top: 2%; right: 5%; left: auto;}
	.timeline .tmlst_thum{ padding-left: 0;}
	.tmvw .tmlst .tmli .item{ left: 1%; right: 3%; width: auto;}
	.timeline .tmlst_thum{ width: 75%;}
	.timeline .tmlst_thum .tmnum{ font-size: 16px; }
	.tmvw .tmlst .tmli .item .imgs{ width: 35%;}
	.tmvw .tmlst .tmli .item .yfnt{ width: 65%;}
	.tmvw .tmlst .tmli .item .imgs .tmli_swc{ width: 85%;}
	.tmvw .tmlst .tmli .item .yfnt .year{ font-size: 20px;}
	.timeline .tmvw{right: 0;}
	.tmvw .tmlst .tmli{ padding-top: 5%;}
	.tmvw .tmlst .tmli img{width: 90%;}
}
@media screen and (max-width:900px) {
	.aerlst .item .lstc{ width: auto; left: 10%; right: 10%;}
	.aerlst .item{padding-top: 10%;}
	.aerlst .item .lstc p{ margin-bottom: 5%;}
	.cmys .dltit h1{ font-size: 24px; }
	
}
@media screen and (max-width:768px) {
	.pgbnr .fnt{ bottom: 45%;}
	.horlst .hor_swc .horli{ transform: scale(0.75); }
	.horlst .hor_swc .swiper-slide-active,.horlst .hor_swc .swiper-slide-duplicate-active{ transform: scale(1.1);}
	.cmys .cmyt .name{ font-size: 24px;}
	.cmy_sld{ width: 100%;}
	.cmy_sld .cmy_vw .arrow-left{ left:10px;}
	.cmy_sld .cmy_vw .arrow-right{ right: 10px;}
	.cmy_sld .cmy_vw .arws{ color: #FFF; border: 4px solid #FFF;}
	.cmy_sld .cmy_vw .arws .iconfont{ color: #FFF;}
	.prds .prdlst .item{  margin-bottom: 5%;}
	.yxpr .ytit h1,.yxpr .ytit2 h2{font-size: 20px;}
	.yxpr .ytit2 p{font-size: 14px; width: 90%; }
	.cls_pdg .subcrp{ padding: 30px  6%;}
	.cmys .dltit h1{ font-size: 20px; }
	.cmys .dltit .pbtm{ font-size: 14px;}
	.vidlst .item{ width: 48%;}
	.newslstm .item .ntit{ font-size: 20px;}
	.contacts .flst{ font-size: 16px;}
	.contacts .flst .tel span{ font-size: 20px;}
	.contacts .flst .name img{ height: 45px;}
	.contacts .flst .name{ font-size: 24px;}
	.cltr .itm1{ align-items: stretch; padding: 5% 3%;}
	.cltr .itm1 .fnt h2{ font-size: 24px;}
	.cltr .itm1 .fnt p{ font-size: 14px;}
	.cltr .itm1 .col{ width: 30%;}
	.cltr .itm1 .col img{ width: 80%;}
	.cprtlst .tbl th,.cprtlst .tbl td{ font-size: 12px; }
	.cprtel span{ font-size: 16px;}
	.srid .srid_cls .srid_cnt{ display: block;}
	.srid .srid_cls .srid_cnt .cls-l{ width: 100%; max-width: 100%; padding-bottom: 3%;}
	.srid .srid_cls .srid_cnt .cls-r{ width: 100%; max-width: 100%;  padding-bottom: 3%;}
	.srid .srid_cls .srid_cnt .cls-l img,.srid .srid_cls .srid_cnt .cls-r img{ display: block; margin: 0 auto; width: 65%;}
	.srid .srid_cls .srid_tit{ text-align: center;}
	.srid .srid_cls .srid_tit p{text-align: center; max-width: 100%;}
	.cmys .dltit h1, .cmys .csrtit h1{ font-size: 26px;}
	.cmys .csrtit p{font-size: 16px;}
	.csrm .csrlst .item h3{ font-size: 14px; line-height: 24px;}
	.csrpt .arw_s .arw_l, .csrpt .arw_s .arw_r{ width: 36px; height: 36px; line-height: 36px;}
	.csrpt .arw_s .arw_l{ left: -25px;}
	.csrpt .arw_s .arw_r{ right: -25px;}
	.ifo_lnk .lnk_tit{ padding: 10px 40px;}
}

@media screen and (max-width:600px) {
 .pgbnr .fnt .cnft{ font-size: 16px;}
 .pgbnr .fnt .cnft .iconfont{ font-size: 20px; }
 .pgbnr .fnt .enft{ font-size: 40px;}
  .aerlst .item .lstc{ left: 6%; right: 6%;}
  .aerlst .item{padding-top: 30%;}
 .aer_tab ul li.crt span{ font-size: 14px;}
.mpg .pgc .pgtit h2{ font-size: 24px;}
.mpg .pgc .pgtit p{ font-size: 14px;}
.aer_tab{ width: 420px;}
.aer_tab ul .aer_bg{ width: 200px; left: 120px;}
.aer_tab ul li.tab_li_01{left: 75px;}
.aer_tab ul li.tab_li_02{left: 40px; top: 34px;}
.aer_tab ul li.tab_li_03{left: 40px; top: 68px;}
.aer_tab ul li.tab_li_04{left: 40px; top: 104px;}
.aer_tab ul li.tab_li_05{left: 70px; top: 150px;}
.aer_tab ul li.tab_li_06{ top:105px; right: -10px; }
.aer_tab ul li.tab_li_07{ top:34px; right: 20px; }
.aer_tab ul,.aer_tab { height: 220px;}
.aerlst .item .lstc .lcnt{ padding: 6%;}
.aerlst .item .lstc{ left: 2%; right: 2%;}
.ltcn .ltcn_l { font-size: 14px;}
.ltcn .ltcn_r .tpicn{ width: 50%;}
.ltcn .ltcn_r .tpfnt{ font-size: 12px;}
.ltcn .ltcn_r{ display: none;}
.cmy_sld .cmy_vw .arws{ width: 32px; height: 32px; line-height: 32px; border: 2px solid #FFF;}
.cmy_sld .cmy_vw .arws .iconfont{font-size: 18px;}
.cmy_sld .cmy_vw .arws:hover{ border: 2px solid #0080cc;}
.ltcn{ padding: 3%;}
.cmys .cmyt .name{ font-size: 18px;}
.cmys .cmyt .cmylogo{ width: 15%;}
.cmys .cmyc p{ font-size: 14px;}
.cls_pdg02 .bck_btn a{ width: 160px; height: 40px; line-height: 40px;}
.cls_pdg02 .aer_tab{ margin-top: 10%;}
.prds .prdlst .item a{ flex-wrap: wrap;}
.prds .prdlst .item .cvr{ width: 100%;}
.prds .prdlst .item .cvr img{ max-width: 100%; display: block; margin: 0 auto;}
.prds .prdlst .item .plst-r{ width: 100%;}
.prds .prdlst .item .name{ text-align: center;}
.prds .prdlst .item .cbtn{ margin: 0 auto; width: 100%; height: 42px; line-height: 42px;}
.cmys .dltit h1{ font-size: 16px; }
.vidlst .item .cvr{ height: 140px;}
.vidlst .item .fpdg{ height: 120px;}
.newslstm .item .tms{ position: static; background: none; color: #999; width: 100%; height: auto; text-align: left; margin-bottom: 10px;}
.newslstm .item a{ padding-left: 0;}
.newslstm .item .tms .mnd{ margin: 0; padding: 0; }
.newslstm .item .tms .mnd:after{display: none;}
.newslstm .item .tms .yer{ display: none;}
.newslstm .item .tms .mnd{ font-weight: normal;}
#map1_container{ height: 400px;}
.contacts .flst .name img{ height: 40px;}
.contacts .flst .name{ font-size: 20px;}
.timeline .tmlst .tmli .img1{ display: none;}
.timeline .tmlst .tmli .img2{ display: block;}
.strylst .swiper-slide  .img1{ display: none;}
.strylst .swiper-slide .img2{ display: block;}
.cltr .itm1 .fnt h2{ font-size: 20px;}
.cltr .itm1 .fnt p{ font-size: 12px;}
.strylst.swiper-container-horizontal>.swiper-pagination-bullets, .strylst .swiper-pagination-custom, .strylst .swiper-pagination-fraction{ width: 90%;}
.stry_spt .swiper-pagination-bullet img{ width: 30px; height: 30px; display: block;}
.stflst .flx{flex-wrap: wrap;}
.stflst .flx .item{ width: 100%; margin-bottom: 8%;}
.stflst .flx .item .tit{ font-size: 20px;}
.csrm .csrlst .item{ width: 48%;}
.csr_sct_01 .rptimg{ width: 96%;margin: 2%; max-width: 96%;}
.emvp .emcnt{ width: 80%;}
.ifo_lnk{ display: block;}
.ifo_cls{ padding: 8% 0;}
.ifo_lnk .lnk_tit{ border-radius: 6px 6px 0 0;}
.ifo_lnk .lnk_r{ flex: none;  padding: 4%;}
.ifo_lnk .lnk_r ul li{ width: 43%; text-align: center;}
.ifo_lnk .lnk_r ul li a{ padding: 3% 0;}
.ifo_blk{display: block; }
.ifo_blk .itm{ width: 100%; margin-bottom: 5%;}
.ifo_sub ul li{ width: 100%;}
}
@media screen and (max-width:599px) {
	.horlst .item{ margin: 10%;}
	.horlst .hor_swc{ padding-bottom: 30px;}
	.horlst .hor_swc .arw_s{ width: 240px; margin-left: -120px;}
}
@media screen and (max-width:500px) {
	.mpg .pgc .clstab ul li.current a{ font-size: 16px;}
	.mpg .pgc .clstab ul li{ font-size: 14px;}
	.horlst .item .itmtc .hfnt{ font-size: 12px;}
	.horlst .hor_swc .swiper-slide-active .item .itmb .hpdg h2{ font-size: 20px;}
	.horlst .hor_swc .swiper-slide-active .item .itmtc .hfnt .imtit{ font-size: 20px;}
	.horlst .hor_swc .swiper-slide-active .item .itmb .hpdg p{ font-size: 12px;}
	.horlst .item{ margin: 8%;}
	.prd_dlt .prd_tit{ font-size: 30px;}
	.yxpr .ytit h1, .yxpr .ytit2 h2{font-size: 16px;}
	.yxpr .ytit2 p{ font-size: 12px; width: 95%;}
	.ifopg .ifo_tit{ font-size: 24px;}
	.ifopg .tit1{ font-size:18px;}
	.subcrp .slnk a{ margin-bottom: 15px;}
	.cmys .dltit{ font-size: 14px; }
	.vidlst .item{ width: 100%;}
	.vidlst .item .cvr{ height: 200px;}
	#map1_container{ height: 350px;}
	.tmvw .tmlst .tmli{ padding-top: 15%;}
	.emvp .emcnt{ width: 100%;}
	.mpg .pgc .csrm .cmys{ padding: 5% 6%;}
	.csr_mr a{ width: 50%; height: 48px; line-height: 48px;}
	.cmys .dltit h1, .cmys .csrtit h1{ font-size: 24px;}
	.cmys .csrtit p{ font-size: 14px;}
}
@media screen and (max-width:460px) {
	.aer_tab ul .aer_bg{ width: 160px; left: 120px;}
	.aer_tab{ width: 400px; margin-top: 8%; min-width: 400px; }
	.aer_tab ul li.tab_li_01{left: 65px; top: -12px;}
	.aer_tab ul li.tab_li_02{left: 35px; top: 24px;}
	.aer_tab ul li.tab_li_03{left: 35px; top: 52px;}
	.aer_tab ul li.tab_li_04{left: 35px; top: 80px;}
	.aer_tab ul li.tab_li_05{left: 65px; top: 120px;}
	.aer_tab ul li.tab_li_06{ top:80px; right: 8px; }
	.aer_tab ul li.tab_li_07{ top:25px; right: 38px; }
	.aer_tab ul, .aer_tab{ height: 180px;}
	.aerlst .item{ padding-top: 60%;}
	.horlst .hor_swc{ padding-bottom: 40px;}
	.horlst .hor_swc .arw_s .arw_l, .horlst .hor_swc .arw_s .arw_r{ width: 36px; height: 36px; line-height: 36px;}
	.horlst .hor_swc .arw_s .iconfont{ font-size: 30px;}
	.ltcn .ltcn_l .iconfont{ font-size: 20px;}
	.ltcn .ltcn_l {font-size: 12px;  }
	.ltcn .ltcn_r{ min-width: 90px;}
	.ltcn .ltcn_r .tpicn{ width: 40%;}
	.ltcn{ padding: 2% 0 2% 3%; }
	.newslstm .item .ntit{ font-size: 18px;}
	.newslstm .item .ntr{ font-size: 12px;}
	.newslstm .item .tms .mnd{ font-size: 12px;}
	.contacts .flst .name img{ height: 30px;}
	.contacts .flst .name{ font-size: 18px;}
	#map1_container{ height: 300px;}
	.stflst .flx .item{ border-radius: 10px;}
}
@media screen and (max-width:450px) {
	.timeline .tmlst_thum .prvw_li{ width: 105px;}
	.timeline .tmlst_thum .tmnum{ width: 95px; text-align: center;} 
}
@media screen and (max-width:420px) {
	.timeline .tmlst_thum .prvw_li{ width: 90px;}
	.timeline .tmlst_thum .tmnum{ width: 80px; text-align: center;} 
	.tmvw .tmlst .tmli .item{ display: block; position: relative;}
	.tmvw .tmlst .tmli .item .yfnt{ width: 90%; padding-top: 140px; margin: 0 auto;}
	.tmvw .tmlst .tmli .item .imgs{ position: absolute; right: 0; top: 0; width: 40%;}
	.tmvw .tmlst .tmli .item{ top:50px;}
	.prd_dlt .prd_tit{ font-size: 24px;}
	.strylst.swiper-container-horizontal>.swiper-pagination-bullets, .strylst .swiper-pagination-custom, .strylst .swiper-pagination-fraction{ width: 98%;}
	.stry_spt .swiper-pagination-bullet img{ width: 26px; height: 26px;}
}
@media screen and (max-width:400px) {
 .pgbnr .fnt .cnft{ font-size: 14px;}
 .pgbnr .fnt .cnft .iconfont{ font-size: 18px; }
 .pgbnr .fnt .enft{ font-size:36px;}
 .tmvw .tmlst .tmli .item{ top: 0;}
 .tmvw .arw_s{ top: 50px;}
 .timeline .tmlst_thum .prvw_li{ width: 70px;}
 .timeline .tmlst_thum .active-nav .tmnum{ width: 60px;}
 .timeline .tmbg{ min-height: 460px;}
 .tmvw .tmlst .tmli{ padding-top: 20%;}
}
@media screen and (max-width:370px) {
.ifo_blk .itm .ftn{ font-size: 14px;}
.ifo_blk .itm .ifo_tit2 h3{ font-size: 18px;}
.ifo_sub ul li{ font-size: 14px;}
.ifo_sub ul li a{ padding: 10px 0;}
}
@media screen and (max-width:360px) {
.tmvw .tmlst .tmli .item .imgs{ width: 50%;}
.timeline .tmprvw{ bottom: -15px;}
.horlst .hor_swc .arw_s{ width: 200px; margin-left: -100px;}
.ltcn .ltcn_l .iconfont{ font-size: 16px;}
 .tmvw .tmlst .tmli{ padding-top: 35%;}
}