@charset "UTF-8";
@import url(font.css);
html,body,div,p,ul,li,h1,h2,h3,h4,h5,h6,a,span,input,button{margin: 0;padding: 0;font-family: RobotoRegular,Arial,sans-serif;fon;font-size: 16px;e-height: 1.6em;color: #192441;font-weight: normal;box-sizing: border-box;outline: none;}
a{ text-decoration: none; }
a:hover{ color:#00fead;}
img,br{ margin: 0; padding: 0; border: 0 none;}
li{list-style: none;}
body{ background: #fff; }

.openmpd_wrap{ width: 1200px; margin: 0 auto; min-width: 290px; }
.openmpd_logo{ width: auto; height: 23px; cursor: pointer; }
.swiper-container{ width: 100%; height: 100%; }
.swiper-slide {overflow:hidden; text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.banner_img{ width: 100%; height: auto;}
.banner_filter{ position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: rgba(16,27,53,.8); }
.banner_text{ position: absolute; z-index: 1; top: 70%; left: 50%; bottom: 0; overflow: hidden; margin-left: -600px; text-align: left; display: flex; flex-direction: column; justify-content: center; }
.banner_title{ font-size: 34px; color: #fff; font-family: RobotoBold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.banner_intro{ width: 90%; color: #fff;word-break: break-word; text-align: justify;}
.banner_more{ width: 154px; height: 46px; overflow: hidden; background: #00ffad; border-radius: 23px; line-height: 46px; text-align: center; margin-top: 32px;}
.banner_more:hover{ background: #fff; }
.top_wrap{ position: absolute; z-index: 15; top: 0; left: 50%; margin-left: -600px; height: 100px; border-bottom: solid 1px #9b9eaf; display: flex; align-items: center; justify-content: space-between; }
.nav_wrap ul{ display: flex; }
.nav_wrap ul li{ position: relative; margin: 0 0 0 30px;}
.nav_wrap ul li a{ color: #fff; display: inline-block; line-height: 103px; border-bottom: solid 4px transparent; }
.nav_wrap ul li.active a{ color: #00ffad; border-color: #00ffad; }
.nav_two_wrap{ position: absolute; z-index: 9; top: 107px; left: 0; background: #fff; width: 280px; padding: 0 16px; text-align: left; display: none;}
.nav_wrap ul li .nav_two_wrap a{ color: #192441; line-height: 46px; width: 100%; display: inline-block; border-bottom: solid 1px #eceeef;font-size: 14px; }
.nav_wrap ul li .nav_two_wrap a:hover{ font-family: RobotoBold; }
.swiper-container-horizontal>.swiper-pagination-bullets{ width: 1200px; left: 50%; bottom: 28px; margin-left: -600px; }
.swiper-pagination{ text-align: left; }
.swiper-pagination-bullet{background: #9ea4ad; opacity: 1; width: 20px; height: 10px; border-radius: 5px;}
.swiper-pagination-bullet-active{background: #00ffad; width: 42px;}
.menu_icon{ cursor: pointer; display: none; }
.filter_black{ display: none; position: fixed; z-index: 11; top: 0; right: 0; bottom: 0; left: 0; background: #000; background: rgba(0,0,0,.8); }
.close_nav{cursor: pointer; width: 30px; display: none; position: fixed; z-index: 1; right: 10px; top: 5px;}
.swiper-container-news {
      width: 100%;
      height: auto;
	  position: relative;
    }
.swiper-container-news .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.8);
    }
	.swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
	}
.swiper-container-news .swiper-button-prev,.swiper-container-news .swiper-button-next{color:#00ffad}
.swiper-container-news img{height:240px;}
.part_wrap{ padding: 40px 0 50px 0; display: flex; }
.part_text{ flex: 1; overflow: hidden; }
.part_title{ font-size: 34px; font-family: RobotoBold; border-left: solid 4px #00ffad; line-height: .8em; padding-left: 24px; margin:0 0 10px 0;}
.part_text p{ margin: 38px 0 0 0; word-break: break-word; text-align: justify; }
.part_more{ display: inline-block; width: 154px; height: 46px; overflow: hidden; background: #192440; color: #00ffad; border-radius: 23px; line-height: 46px; text-align: center; margin-top: 42px;}
.part_more:hover{ background: #293c6c; }
.gray_part{ background: #eceeef; }
.part_img{ margin: -25px 0 0 40px; width: 384px; height: 293px; }
.update_wrap{ border-top: solid 1px #192440; }
.update_item{ display: flex; }
.update_item li{ border-bottom: solid 2px #fff; min-height: 90px; background: #eceeef; word-break: break-word; text-align: justify; }
.update_item li a{font-size:22px;}
.update_wrapB .update_item li{ background: #fff; border-color: #eceeef;}
.update_item li:first-child{ background: #dde0e1; text-align: center; width: 120px; line-height: 90px; font-family: RobotoBold; font-size: 22px; }
.update_item li:nth-child(2){ flex:1; display: inline-flex; align-items: center; padding:20px; }
.updateMore{ width: 260px; height: 66px; border:solid 3px #192440; border-radius: 33px; display: flex; align-items: center; justify-content: center; margin-top:44px; font-family: RobotoBold; cursor: pointer;}
.more_green{ color: #00ffad; font-size: 34px; margin: 0 10px 0 0; }
.open_foot{ background: #192440; }
.open_foot *{ color: #9a9eaf; }
.foot_top{ padding: 50px 0; display: flex; }
.foot_logo_wrap{ flex: 1; overflow: hidden; display: inline-flex; flex-direction: column; justify-content: space-between; align-items: flex-start; }
.foot_item{ margin: 0 0 0 50px; }
.foot_item img{ margin: 0 0 10px 0; }
.foot_item p{ min-height: 2em; }
.foot_copy{ border-top: solid 1px #7c8295; padding: 16px 0; font-size: 14px; }
.foot_share{ width: auto; height: 47px; cursor: pointer; }
.fldiv{display: none; align-items: center;}
.two_zwtop{ height: 100px; }
.two_name_wrap{ height: 176px; background: url(../images/openmpd_006.jpg) no-repeat right center/auto 100%; display: flex; flex-direction: column; justify-content: flex-end;}
.tow_name{ height: 104px; line-height: 104px; font-size: 60px; font-family: RobotoBold; color: #fff; white-space: nowrap; }
.bread_wrap{ height: 40px; background: linear-gradient(to right,#00ffad,#192540); line-height: 40px; color: #192441; padding: 0 10px;}
.bread_wrap a{ color: #192441;  }
.bread_wrap a:hover{ font-family: RobotoBold; }
.two_main{ padding: 20px 0 50px 0; word-break: break-word; text-align: justify;  }
.two_main p{ margin-top: 30px; }
.two_main img{ max-width: 100%; height: auto; margin: 30px auto 0 auto; display: block; }
.boldfont{ font-family: RobotoBold; font-size: 24px; padding: 0 5px 0 0; min-width: 30px;}
.countitem p{ cursor: pointer; min-height: 40px; background: #eceeef; border-left: solid 5px #00ffad; border-radius: 0 5px 5px 0; display: flex; align-items: center; padding: 0 20px; margin-top: 10px; width: 60%; }
.two_main p.detection_title,.detection_title{ font-size: 24px; font-family: RobotoBold; border-left: solid 4px #00fead; padding: 0 20px; line-height: .8em; }
.two_main .countitemB p{ border-radius: 5px; border:solid 2px #9a9eae; background:url(../images/openmpd_003.png) no-repeat right center; padding-right: 60px; overflow: hidden; }
.countitemB p:hover{ background:url(../images/openmpd_004.png) no-repeat right center #f4fffb; font-family: RobotoBold; border-color: #00fead;}
.infor_date{ color: #293c6c; font-family: RobotoBold; margin-top: 20px;font-size:24px; }
.infor_title{ font-size: 30px; font-family: RobotoBold; border-bottom: solid 1px #babdc5; line-height: 1.1em; padding: 10px 0 24px 0;  }
.detection_titleB{ margin: 50px 0 40px 0; }
.events_part{padding: 0 0 40px 0;}
.publicname{ margin-bottom: 40px; }
.publication_item{ border-top: solid 1px #000; border-bottom: solid 1px #000; padding:30px 0; margin: -1px 0 0 0; display: flex; align-items: flex-start;}
.two_main img.publi_icon{ width: 30px; height: 30px; margin: 5px 20px 0 0; }
.two_main .publication_item p{ margin: 0; }
.publi_search{ text-align: left; }
.publi_search span{ height: 30px; border-radius: 15px; padding: 0 30px 0 16px; font-family: RobotoBold; background: url(../images/openmpd_006.png) no-repeat right center #eceeef; display: inline-block; line-height: 30px; margin: 10px 10px 0 0; cursor: pointer;}
.publi_search span:hover{background: url(../images/openmpd_006.png) no-repeat right center #192440; color: #00ffad; }
.events_list{ display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20px 0;}
.events_list li{ cursor: pointer; width: 15%; overflow: hidden; margin: 20px; background: #fff; border-bottom: solid 3px #00fead;}
.events_pic img{ width: 100%; height: auto; }
.events_list li .infor_date{ margin: 6px 20px; }
.events_title{ margin: 0 20px 15px 20px; overflow: hidden; font-size: 14px; font-family: RobotoBold; line-height: 1.1em; /* max-height: 3.3em;  */word-break: break-word; text-align: justify;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical;}
.events_list li:hover .events_title{ color: #979cac; }
.events_page{ padding: 0 0 60px 0; display: flex; align-items: center;}
.events_page a{ font-family: RobotoBold; color: #a1a7c0; margin: 0 10px; font-size: 22px; }
.events_page a:hover,.events_page a.active{ color: #192440; }
.events_page a.page_prev{ width: 30px; height: 30px; background: url(../images/openmpd_007.png) no-repeat center #192440; margin: 0 5px 0 0; }
.events_page a.page_next{ transform: rotateY(180deg); }
.events_page a.page_home{ width: 30px; height: 30px; background: url(../images/openmpd_008.png) no-repeat center #192440; margin: 0 5px; }
.events_page a.ml90{ margin-left: 90px; }
.events_page a.page_prev:hover,.events_page a.page_home:hover{ background-color: #293c6c; }
.alg_main{ background: #fff; padding: 0 0 30px 0; margin: 30px 0; }
.alg_menu{ display: flex; }
.alg_menu li{ flex: 1; background: #9a9eae; padding: 10px 0 0 0; overflow: hidden; }
.alg_menu li a{ font-size: 20px; color: #fff; width: 100%; border-right: solid 1px #fff; display: inline-block; text-align: center; height: 52px; overflow: hidden; line-height: 52px;}
.alg_menu li:last-child a{ border:0 none; }
.alg_menu li.active{ background: url(../images/openmpd_009.png) no-repeat center top #fff; }
.alg_menu li.active a{ color: #192440; font-family: RobotoBold; }
.alg_items{ margin: 20px 50px; overflow: hidden; display: none; min-height: 300px; }
.alg_card{ margin-top: 30px; height: 36px; line-height: 36px; background: #192440; color: #00ffad; font-size: 20px; font-family: RobotoBold; padding: 0 50px 0 20px; display: inline-block; position: relative;}
.sanjiao{ position: absolute; z-index: 1; right: 0; top: 0; background: #192440; width: 0; height: 0; border-top: 36px solid #fff; border-left: 36px solid transparent; }
.alg_title{ line-height: 50px; background: #9a9eae; color: #fff; font-size: 20px; font-family: RobotoBold; margin-top: 2px; text-align: center; }
.biaonei{ display: flex; flex-direction: column; }
.alg_tbcon{ display: flex; flex-direction: row; }
.alg_tbcon li{ flex: 1; line-height: 50px; height: 50px; border-bottom: solid 1px #eceeef; text-align: center; padding: 0 5px; }
.alg_tbcon li p{ margin: 0;flex: 1; line-height: 50px; height: 50px; border-bottom: solid 1px #eceeef; text-align: center; padding: 0 5px; }
.alg_tbcon li:first-child{ flex:.4; text-align: left;}
.biaonei ul.alg_tbcon:first-child li{ background: #eceeef; }

@media screen and (max-width: 1400px){
.banner_img{ width: 136%;}
}

@media screen and (max-width: 1240px){
.openmpd_wrap{ width: auto; margin: 0 20px; }
.banner_text{ left: 0; right: 0; }
.top_wrap{left: 20px; right: 20px; margin: 0;}
.swiper-container-horizontal>.swiper-pagination-bullets{ width: auto; left: 20px; margin: 0; }
}

@media screen and (max-width: 1020px){
.top_wrap,.two_zwtop{ height: 60px; }
.fldiv{display: flex;}
.nav_wrap{ width: 230px; padding: 0 10px; display: none; position: fixed; z-index: 11; right: 0; top: 46px; bottom: 0; overflow: auto; box-shadow: 0 0 20px #888787; background: #fff;}
.nav_wrap ul{ flex-direction: column; }
.nav_wrap ul li{ margin: 0; }
.nav_wrap ul li a{ color: #192441; line-height: 50px; }
.nav_two_wrap{ position: static; width: 200px; display: block; }
.menu_icon{ display: block; }
html,body,div,p,ul,li,h1,h2,h3,h4,h5,h6,a,span,input,button{ font-size:16px;}
.banner_title{ font-size: 64px; }
.part_title{ font-size: 36px; }
.update_item li{ min-height: 80px; }
.update_item li:first-child{ font-size: 18px; line-height: 80px; }
.two_name_wrap{ height: 140px; }
.tow_name{ font-size: 50px; }
.events_title{ font-size: 18px; }
}

@media screen and (max-width: 846px){
.top_wrap,.two_zwtop{ height: 40px; }
.openmpd_logo{ height: 16px; }
.banner_title{ font-size: 54px; }
.banner_more,.part_more{ width: 120px; height: 38px; line-height: 38px; }
.swiper-pagination-bullet{ width: 12px; height: 8px; border-radius: 4px; }
.swiper-pagination-bullet-active{ width: 22px;}
.part_title{ font-size: 30px; }
.part_wrap{ padding: 50px 0 30px 0; }
.part_text p{ margin: 20px 0 0 0; }
.foot_item img{ height: 20px; width: auto; }
.updateMore{ width: 180px; height: 50px; border-radius: 25px; border-width: 2px;}
.more_green{ font-size: 28px; margin:0 5px 0 0; }
.tow_name{ font-size: 44px; }
.countitem p{ width: 100%; }
.events_part{ padding: 0 0 40px 0; }
.alg_items{ margin: 10px 20px; }
.biaonei{ flex-direction: row; }
.alg_tbcon{ flex-direction: column; flex: 1; justify-content: flex-start;}
.biaonei ul.alg_tbcon:first-child{ flex: .5; }
.alg_tbcon li,.alg_tbcon li:first-child{ text-align: center; flex: auto; min-height: 50px; line-height: 1em; align-items: center; display: inline-flex; justify-content: center; border-left: solid 1px #eceeef;}
.biaonei ul.alg_tbcon:first-child li{ border-color: #fff; }
}

@media screen and (max-width: 780px){
.banner_more{ display: none; }
.banner_intro{ width: 100%; }
.part_wrap{ flex-direction: column; }
.foot_top{ padding: 20px 0; flex-wrap: wrap; }
.part_img{ margin: 0 auto; width: 64%; height: auto; }
.foot_logo_wrap{ flex-direction:row; width: 100%; flex: auto; align-items: center;  }
.foot_item{ margin: 20px 0 0 0; width: 50%; }
.events_page a.ml90{ margin-left: 0; }
.events_page a{ margin: 0 10px; font-size: 16px; }
.events_page a.page_prev,.events_page a.page_home{  width: 40px; height: 40px; background-size: 40% auto; }

}

@media screen and (max-width: 630px){
.swiper-pagination,.banner_intro{ display: none; }
.banner_filter{top: 50%; background:linear-gradient(to bottom,rgba(16,27,53,.0),rgba(16,27,53,.99)) ;}
.banner_title{ font-size: 20px; }
.banner_text{ top: auto; }
.banner_img{ width: 160%; }
.updateMore{ margin-top: 30px; }
.countitem p{ padding: 0 10px; min-height: 68px; }
.boldfont{ font-size: 20px; }
.two_main img.publi_icon{ width: 22px; height: 22px; margin: 2px 10px 0 0; }
.publication_item{ padding: 18px 0; }
.events_list li{ width: 100%; margin: 20px 0 0 0; }
.tow_name{ font-size: 34px; }
.alg_menu li a{ font-size: 18px; height: 44px; line-height: 44px; }
.alg_title{ line-height: 40px; font-size: 18px; }
}
@media screen and (max-width: 430px){
.foot_item{ width: 100%; }
.part_wrap{ padding: 40px 0 20px 0; }
.part_title{ margin: 0 0 30px 0; font-size: 24px; }
.part_more{ margin-top: 22px; }
html, body, div, p, ul, li, h1, h2, h3, h4, h5, h6, a, span, input, button{ line-height: 1.4em; }
.update_item li:first-child{ width: 84px; font-size: 16px;}
.foot_copy{ font-size: 12px; padding: 10px 0; }
.part_img{ width: 78%; margin: 10px auto; }
.banner_img{ width: 200%; }
.two_main .countitemB p{ background-size: 30px auto; padding: 10px 50px 10px 10px; }
.bread_wrap{ background: #00fead; }
.events_part{ padding: 0 0 40px 0; }
}
@media screen and (max-width: 360px){
.openmpd_wrap{ margin: 0 10px; }
.top_wrap{ left: 10px; right: 10px; margin: 0; }
.tow_name{ font-size: 30px; }
}