/*手机端导航默认*/
.mobile_bg{width: 100%;height: 100%;z-index: 90;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.6);display: none;}
.gp-menu{ width: 100%;z-index: 98;/* height: 100%; */position: relative;
    display: none; position: absolute; top: 0; right: 0; z-index: 101;}
.gp-menu-header{position: fixed;top: 20px;right: 0;z-index: 996;width: auto;height: 40px;background: rgba(0,0,0,0);}
.gp-menu-link{float: left;line-height: 40px;height: 40px;padding-left: 15px;}
.gp-menu-link a{color:#fff;}
.gp-menu-header-icon{color: #004a99; height: 40px;font-size:25px;text-align: center; float:right;width: 40px;position: relative;  -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s;margin-right: 10px;cursor: pointer;}
.gp-menu-header-icon span{  position: absolute; left: calc((100% - 25px) / 2);  top: calc((100% - 2px) / 3);  width: 27px;  height: 3px;  background-color: #004a99;}
.gp-menu-header-icon-out span{width: 27px;height: 4px;background-color:#004a99;display: block;border-radius: 4px;}
.gp-menu-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}       
.gp-menu-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
.gp-menu-header-icon-out span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outthird;}
.gp-menu-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}
.gp-menu-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);}
.gp-menu-header-icon span:nth-child(3){transform: translateY(-4px) rotate(0deg);}
@keyframes outfirst {
  0% {transform: translateY(0) rotate(-45deg);}
  100% {transform: translateY(-4px) rotate(0deg);}
}   
@keyframes outsecond {
  0% { transform: translateY(0) rotate(45deg);}
  100% {transform: translateY(4px) rotate(0deg);}
}
@keyframes outthird {
  0% {transform: translateY(0) rotate(90deg);}
  100% {transform: translateY(12px) rotate(0deg); }
}
.gp-menu-header-icon-click span{background-color:#fff ;top: calc((100% - 2px) / 2.1);}
.gp-menu-header-icon-click span:nth-child(1){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clickfirst;}     
.gp-menu-header-icon-click span:nth-child(2){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clicksecond;}
.gp-menu-header-icon-click span:nth-child(3){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clickthird;}
@keyframes clickfirst {
  0% {transform: translateY(4px) rotate(0deg);}
  100% {transform: translateY(0) rotate(45deg);}
}   
@keyframes clicksecond {
  0% {transform: translateY(-4px) rotate(0deg);}
  100% {transform: translateY(0) rotate(-45deg);}
} 
@keyframes clickthird {
    0% {  opacity: 0}
  100% {opacity: 0}
}   
.gp-menu-nav{  width: 100%; position: fixed;top: 0;right: 0px;padding-top: 40px;background:#004a99;display: none;}
/*导航*/
.gp-menu-nav a{}
.gp-menu-nav > ul { padding-bottom: 20px;}
.gp-menu-nav > ul li{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;}
.gp-menu-nav > ul > li{position: relative;border-bottom: 1px solid rgba(255,255,255,0.3);}
.gp-menu-nav > ul > li > a{display: inline-block;padding:14px 0 14px 25px;font-size: 1.6rem;}
.gp-menu-nav > ul > li > ul {background: rgba(0,0,0,0.1);padding:0 25px}
.gp-menu-nav > ul > li > ul a{display: inline-block;padding:10px 0;}
.gp-menu-arrow {cursor: pointer;width: 30px;height: 50px;line-height: 50px;color:#fff;text-align: center;position: absolute;right: 0;top: 0;font-size: 2rem;margin-right: 10px;transition: all 0.3s ease-in-out;}
.gp-menu-nav > ul > li.on .gp-menu-arrow{transform: rotate(90deg);}
.gp-menu-nav li ul {display: none;}
/*导航内标签效果*/
.gp-menu-nav a{color:#fff;}
.open .gp-menu-link{display: none;}
.open .gp-menu-header{background: none;}
@-webkit-keyframes returnToNormal {
  from {
    opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;-webkit-transform: none;transform: none;
  }
}
@keyframes returnToNormal {
  from {
    opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;-webkit-transform: none;transform: none;
  }
}

/*侧边栏移动端 */
.gp-m-subNav{display:none;}
.gp-m-inner-header{width:100%;height:40px;background-color:#e1ebe3;cursor:pointer;line-height: 40px;}
.gp-m-inner-header > span{height: 40px;padding-left: 15px;font-size: 16px;color:#666;}
.gp-m-subNav .gp-m-inner-header-icon{float: right;width: 40px;height: 40px;text-align: center;background: url(../images/jia.png) no-repeat center/18px auto;transition: all 0.3s ease-in-out;}
.gp-m-subNav .gp-m-inner-header-icon-click .gp-m-inner-header-icon{ transform-origin: center; transform: rotateZ(90deg);}
.gp-m-subNav  .gp-m-inner-header-icon-click i{display: block;}
.gp-subNavm{ width:100%; overflow: hidden;display: none;}
.gp-subNavm h2{width:100%;height:48px;line-height:48px;background-color:#003c7f;}
.gp-subNavm h2 a{padding-left:13px;font-size:20px;font-family:Tahoma;display:block;color:#fff;}
.gp-subNavm ul{}
.gp-subNavm li{position: relative;}
.gp-subNavm li > a{ font-size: 14px;padding-left:13px;height:40px;line-height:40px;border-bottom:1px solid #e6e6e6;display:block;}
.gp-subNavm li.sub_has span{ margin-left: 10px;}
.gp-subNavm li.on a{ color:#003c7f; display:block; width:100%;}
.gp-m-toggle{width: 40px;height: 40px;position: absolute;right: 0;top: 0;line-height: 40px;text-align: center;}
.gp-subNavm dl{ display: none; background-color:#fff; padding:5px 0px;}
.gp-subNavm dl dd{ padding-left: 30px; line-height:18px; padding:8px 0px 8px 30px;border-bottom: 1px dotted #e6e6e6;}
.gp-subNavm li dl dd a{ font-size: 12px; font-weight:normal; display:inline;  border:none; padding:0px;}
.gp-subNavm li dl dd a:hover{ color:#a70510}

/* Responsive style */
@media screen and (max-width:1280px){
    body{ min-width: unset; width: 100%;}
    .d3{ max-width: 100%; padding-left: 30px; padding-right: 30px; box-sizing: border-box;}
    .nav_list{ max-width: 100%; width: 1200px;padding-left: 30px; padding-right: 30px;}
    .synopsis{ max-width: 100%;padding-left: 30px; padding-right: 30px; box-sizing: border-box;}
    .main, .report, .mains{ max-width: 100%;padding-left: 30px; padding-right: 30px; box-sizing: border-box;}
    .er_main{ max-width: 100%; padding-left: 30px; padding-right: 30px; box-sizing: border-box;}

    .bg_lan{ padding: 40px 0;}
    .synopsis_l{ width: 60%;}
    .synopsis_r{ width: 38%;}
    .declare{ padding-top: 40px; padding-bottom: 40px;}
    .declare_title{ width: auto; max-width: 680px;}
    .declare_con_l{ width: calc(100% - 300px);}
    .declare_b_item{ padding: 10px 15px;}
    .declare_b_item>div{ width: 55px; height: 55px;}
    .declare_b_item a{ display: block; height: 50.14px; display: flex; display: -ms-flexbox; align-items: center;}
    .declare_b_item p{ margin-top: 0;}
    .item_icon{ width: 26px; height: 26px;}
    .declare_con_r{ width: 300px; height: auto;}
    .declare_con_r::before{ content: '';display: block;width: 100%;height: 0; padding-bottom: 95%;}
    .report_list>li{ width: calc(25% - 20px); margin-right: 20px; height: auto; padding: 15px 20px; border-radius: 30px 0 30px 0;}
    .materials>li{width: calc(25% - 30px);/* margin-right: 30px; */}
    .xian{ right: -15px;}
    .materials_img{position: relative;/* width: 100%; *//* height: auto; */}
    .materials_img::before{ content: '';display: block;width: 100%;height: 0;padding-bottom: 139%;}
    .materials_img img{ position: absolute; width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
    .er_main_r{ width: calc(100% - 330px);}

    .d1{ max-width: 100%; padding-left: 30px; padding-right: 30px; padding-top: 30px;}
    .logoa{ height: 65px;}
    .tabTitle{ margin-bottom: 30px;}
    .tabTitle ul li a{ padding: 20px 0 10px; font-size: 26px;}
    .issue_list li{ padding: 20px;}
    .issue_per{ margin-top: 15px; margin-bottom: 15px;}
    /* .issue_con_img{ position: relative; width: 100%; height: auto;} */
    .issue_con_img::before{ content: '';display: block;width: 100%;height: 0;padding-bottom: 63.33%;}
    .issue_con_img img{ position: absolute !important; width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
}

@media screen and (max-width:1200px){
  
}

@media screen and (max-width:996px){
    .header2{ height: auto; padding: 15px 0;}
    .header2 .d3{ height: auto;}
    .ke_logo img{ max-height: 60px;}
    .ke_logo>h4{ margin-left: 10px; font-size: 20px;}
    .navs{ display: none;}
    .gp-menu{ display: block;}

    .bg_lan{ padding: 30px 0;}
    .synopsis_l{ width: 100%; float: none;}
    .synopsis_title{ padding: 0 30px;}
    .synopsis_con{ padding: 20px 30px;}
    .synopsis_r{ /* display: none; */ width: 100%; }
    .declare{ padding-top: 30px; padding-bottom: 30px;}
    .declare_con{ margin-top: 20px;}
    .declare_con_l{ width: 100%;}
    .declare_con_r{ display: none;}
    .report_list{ margin-top: 20px;}
    .materials{ margin-top: 20px;}

    /* 侧栏 */
    .er_main_list{ display: none;}
    .er_main_l{ float: none; width: 100%; margin-top: 0px;}
    .er_main_t{ max-width: 180px;font-size: 22px; height: 60px; line-height: 60px; display: none;}
    .er_main_t>span{ display: none;}
    .gp-m-subNav{ display: block; margin-top: 10px;}
    .er_main_r{ width: 100%; float: none;}

    .issue_list2 li{ width: calc(33.33% - 20px); margin: 0 10px 20px;}
    .listTitle1{ font-size: 20px;}
    .issue_con_wen h4{ font-size: 18px; line-height: 1.7; height: 3.4em;}

    .foot_t{ padding-top: 20px;}
    .foot_t_l, .foot_t_r{ float: none; width: 100%; text-align: center;}
    .foot_t_r{ margin-top: 15px;}
    .foot_t_r>h4{ margin-bottom: 0;}
    .foot_a_list{ margin-top: 8px;}
    .foot_a_list>li{ display: inline-block; width: auto; margin: 0 5px; text-align: center; float: none;}
    .foot_b{ margin-top: 15px; padding-bottom: 15px;}
}

@media screen and (max-width:767px){
    .ke_logo img{ max-height: 50px;}
    .ke_logo>h4{ font-size: 16px;}
    .header2 .d3{ padding-left: 15px; padding-right: 15px;}
    .synopsis,
    .declare,
    .main, .report, .mains{ padding-left: 15px; padding-right: 15px;}

    .bg_lan{ padding: 30px 0 10px;}
    .declare_b_item{ width: calc(50% - 20px); margin: 10px;}
    .report_list>li{ width: calc(50% - 20px); margin-bottom: 20px;}
    .materials>li{width: 50%;/* margin-right: 20px; *//* margin-bottom: 20px; */}
    .mroe{ margin-top: 20px;}

    .main1{ margin-top: 0;}
    .d1{ padding-left: 20px; padding-right: 20px; padding-top: 20px;}
    .logoa{ max-width: 100%; height: auto; max-height: 65px;}
    .logoa1{ max-height: 65px; max-width: 100%;}
    .header1{ height: auto;}
    .header1 .d2{ max-width: 100%; height: auto; padding: 15px 20px;}
    .header1 .d2 > a{ height: auto; line-height: 1;}
    .tabTitle ul li{ padding: 0 10px;}
    .tabTitle ul li a{ font-size: 22px; padding: 15px 0 8px;}
    .issue_con_wen h4{ font-size: 18px; line-height: 1.7; height: 3.4em; margin-bottom: 10px;}
    .issue_per{ font-size: 14px; line-height: 1.5; height: 3em; margin-top: 10px; margin-bottom: 10px;}
    .issue_list li{ margin-bottom: 20px;}
    .issue_con{ padding: 15px;}

    .issue_list2 li{ width: calc(50% - 20px) !important;}
}

@media screen and (max-width:580px){
    .ke_logo img{ max-height: 40px;}
    .ke_logo>h4{ font-size: 14px; margin-left: 6px;}
    .gp-menu-header{ top: 15px;}
    .header2 .d3{ width: 92%; margin-left: 0px;}
    .logo3{ height: auto; width: 100%; margin-bottom: 0;}
    .er_main_con{ padding: 0;}
    .issue_con{ width: 100% !important; float: none !important;}
}

@media screen and (max-width:480px){
    .er_main{ padding-left: 15px; padding-right: 15px;}
    .synopsis_title{ padding: 0 20px;}
    .synopsis_title_c>span{ width: 20px; height: 20px;}
    .synopsis_title_c>h4{ margin-left: 10px; font-size: 20px;}
    .synopsis_title_c{ height: 50px;}
    .synopsis_con{ padding: 15px 20px;}
    .declare_title{ font-size: 20px; background-size: 120% auto;}
    .declare_b_item{ width: 100%;}
    .declare_b_item a{ height: auto;}
    .report_list>li{ width: 100%;}
    .declare_b_item p{ font-size: 16px;}
    .report_name{ font-size: 16px;}
    .report_p{ margin-top: 8px;}
    .materials_name{ font-size: 16px;}
    .mroe{ margin-top: 10px;}
    .er_main_con{ padding: 0;}
    
    .issue_list2 li{ width: calc(100% - 20px) !important;}
}

@media screen and (max-width:414px){
    .d1{ padding-left: 15px; padding-right: 15px;}
    .header1 .d2{ padding: 15px;}
    .main1{ padding: 30px 15px;}
    .tabTitle{ margin-bottom: 20px;}
    .tabTitle ul{ text-align: left;}
    .tabTitle ul li{ padding: 0; margin-right: 15px;}
    .tabTitle ul li a{ font-size: 18px;}
    .tabMore a{ font-size: 12px;}
    .issue_list li{ padding: 15px;}
    .issue_con_wen h4{ font-size: 16px;}
    .issue_per{ padding-left: 20px;}
}

@media screen and (max-width:365px){
    .ke_logo img{ max-height: 35px;}
    .main1{ padding: 20px 15px;}
}