@charset "utf-8";

header{padding:24px 0 25px 0; z-index:999999}
header::after{content:'';position:absolute;left:0;right:0;bottom: 5px;height:4px;}
header .navbar-expand-lg{display:flex;justify-content: space-between;align-items: center;}
header a{color:#fff;display:block;padding:5px 7px}
header .navbar-brand{float:left;padding:0;height: 45px;/* padding:5px 0; */ z-index:5555;}
header .navbar-brand img{max-width:100%;max-height:100%;/* height: 100%; */width: 100%;}
.navbar-nav .icon-group a{display:block;padding: 0;}
.navbar-nav .icon-group img{max-width:25px;max-height:25px}
.navbar-nav .icon-group > *{display:inline-block;vertical-align:middle}
.navbar-nav .icon-group .items{position:relative}
.navbar-nav .icon-group div {width: 30px;text-align: center;}
.navbar-nav .icon-group .items .icon{line-height:47px;cursor:pointer}
.navbar-nav .icon-group .items ul{display:none;list-style:none;margin:0;padding:10px;position:absolute;right:-15px;top:100%;width:200px;background:#eee}
.menu-r {margin-bottom: 0;list-style: none;padding-left: 0;margin-right: 10px;}
.menu-r .items{text-align:center;cursor: pointer;}
.menu-r .items .icon{line-height: 47px; margin-top:4vw;}
.menu-r .items a.on{background-color:#44a27a;color: #fff;}
.navbar-nav .icon-group .items ul li{margin-bottom:5px}
.navbar-nav .icon-group .items a{padding:5px 7px}
.navbar-nav .icon-group .items ul img{display:inline-block;vertical-align:middle;max-height:20px;margin-right:10px}
header .menu{margin:0 -15px;padding:0 0 0 12%; font-size: 16px;}
.navbar-nav .nav-link:focus,.navbar-nav .nav-link:hover{color:#fff;}
header .navbar-toggler{float:right;margin-right:-15px;width:56px;height:50px;border-radius:0}
header .navbar-toggler.btn-search{margin-right:0;background:transparent;border:none}
.navbar-nav .nav-link{padding:15px 15px 10px;cursor:pointer}
header .nav-item:not(.full){position: relative;}

header .nav-item .nav-link{position:relative;padding-top: 1rem;padding-bottom: 1rem;}
header .nav-item .nav-link:after{content:'';opacity:0;display:inline-block;position:absolute;left:50%;bottom:0;width:0;height:2px;margin-left:0 ;background:#44a27a; border:none;-ms-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
header .sub-unit li.active.has_next:before,header .sub-unit li.has_next:hover:before{opacity:0;left:0}
#gudin{min-width: 1200px;width: 100%;z-index: 19802;position: fixed; top: 0px; }
.yinyin{ background:#fff; box-shadow:0 0 3px rgba(0,0,0,.3);  height: 159px;}
.yinyin header a{ color:#000;}
.yinyin header .nav-item:hover .nav-link{ color:#000;}
.yinyin header {padding:14px 0;}
header .full .dropdown-menu{display:none;clear:both;width:100%;background:#fff; height:100% !important;}
header .sub-unit{padding:30px}
header .full .dropdown-menu a{display:inline-block;padding:5px;font-size: 16px;}
header .sub-unit{list-style:none;margin:0;padding:30px;font-size: 17px;/*background: url(../images/all/motif-2.png) #DCDCDC;*/background-size: 70% auto;background-repeat: no-repeat;background-position: 150% -2em;}
header .sub-unit li{position:relative;max-width: 340px;text-align:left;margin:0 0 0 auto}
/*header .sub-unit li:after{content:'';opacity:0;position:absolute;right: -33px;top:50%;width:0;height:0;border-style:solid;border-width:10px 12px 10px 0;border-color:transparent #00a0e6 transparent transparent;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}*/
header .sub-unit li.active:after{opacity:1}
header .tab_content{width: 70%;}
header .tab_content a{color:#000000}
header .tab_content--nobg .tabs_item{position: relative;z-index: 1;height: 100%; }
header .tab_content--nobg .tabs_item::after{content: '';position: absolute;z-index: -1;right: 30px;bottom: 50px;width: 50%;height: 150px;background-image: var(--bgimg);background-size: contain;background-position: right bottom;background-repeat: no-repeat;}
header .tab_content--nobg .tabs_item--noIcon::after{bottom: 0;right: 0;background: url(../images/all/motif-3.png),linear-gradient(135deg, rgba(220,220,220,1) 1%,rgb(255 255 255 / 0%) 100%), #DCDCDC;background-repeat: no-repeat;background-position: right bottom;background-size: auto 110px;}
header .tabs_item:nth-child(n+2){display: none;}
header .tabs_item{clear:both;overflow:hidden;padding: 30px;}
header .tabs_item h4{color:#44a27a;font-weight:700; font-size:17px;}
header .tab_content .unit-image{max-width:280px}
header .tabs_item .right-title{list-style:none;margin:0;padding:0}
header .tab_content .unit-image{display:none}

header.pc.fix_top .navbar-nav .nav-link{padding-top:26px;padding-bottom: 12px;}
header .nav-item:hover .nav-link{color:#fff}
header .nav-item:hover .nav-link:after{opacity:1;width:50px;}
header .dropdown.full{position:static}
.dropdown-menu{margin-top:0;border-radius:0;background: #DCDCDC;background-repeat: no-repeat;background-size: 80% auto;background-position: top center;}
.dropdown-menu a{color:#000000}
.dropdown-menu a:hover{color:#44a27a;}
.full .dropdown-menu{padding:0}
.btn-search{display:block;margin:0 auto;fill:currentColor;padding: 0 7px;}
.search{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:rgba(33,33,33,.9);position:fixed;z-index:9999;top:0;left:0;width:100%;height:100vh}
.search::before,.search::after{content:'';position:absolute;width:calc(100% + 15px);height:calc(100% + 15px);pointer-events:none;border:1.5em solid #212121}
.search::before{top:0;left:0;border-right-width:0;border-bottom-width:0}
.search::after{right:0;bottom:0;border-top-width:0;border-left-width:0}
.btn-search-close{font-size:2em;position:absolute;top:0;right: 0;display:none;display:block;}
.search_form{margin:5em 0}
.search_input{font-family:inherit;font-size:2rem;line-height:1;display:inline-block;box-sizing:border-box;width:75%;padding:.05em 0;color:#2993ae;border:none;border-bottom:1px solid #2993ae;background:transparent}
.search_input::-webkit-input-placeholder{opacity:.3;color:#2993ae}
.search_input::-moz-placeholder{opacity:.3;color:#2993ae}
.search_input:-ms-input-placeholder{opacity:.3;color:#2993ae}
.search_input::-webkit-search-cancel-button,.search_input::-webkit-search-decoration{-webkit-appearance:none}
.search_input::-ms-clear{display:none}
.search_info{font-size:90%;font-weight:700;display:block;width:75%;margin:0 auto;padding:.85em 0;text-align:right;color:#2993ae}
.search{pointer-events:none;opacity:0;transition:opacity .5s}
.search-open{pointer-events:auto;opacity:1}
.search::before,.search::after{transition:transform .5s}
.search::before{transform:translate3d(-15px,-15px,0)}
.search::after{transform:translate3d(15px,15px,0)}
.search-open::before,.search-open::after{transform:translate3d(0,0,0)}
.btn-search-close{opacity:0;transform:scale3d(0.8,0.8,1);transition:opacity 0.5s,transform .5s}
.search-open .btn-search-close{opacity:1;transform:scale3d(1,1,1)}
.search_form{opacity:0;transform:scale3d(0.8,0.8,1);transition:opacity 0.5s,transform .5s}
.search-open .search_form{opacity:1;transform:scale3d(1,1,1)}
.menu-r .items{display: none;}

header .tab_content--nobg .tabs_item{ width:87.7%;}

/*新加的*/
header .sub-unit{}
header .sub-unit li{max-width: 365px;line-height: 2.5;border-bottom: 1px solid #e9e9e9;}
header .sub-unit a.pc{padding-left: 10px;}
header .sub-unit li.active, header .sub-unit li:hover{background: #44a27e;border-bottom: 1px solid #44a27e; }
header .sub-unit li.active a, header .sub-unit li:hover a{color: #fff;}
header .tabs_item h4{margin-bottom: 1rem;}
header .tabs_item .right-title li{line-height: 2;}
header .tabs_item .right-title li:hover{background: #44a27e;}
header .tabs_item .right-title li:hover a{color: #ffff;}
.navbar-expand-lg .navbar-nav .dropdown-menu{min-height:36vw !important;}

/*结束*/



@media (max-width: 1199px) {
    header .container{max-width:100%}
    
}
@media (max-width: 1024px) {
    header .menu{width: calc(100% - 180px);}
}
@media (max-width: 991px) {
    header .navbar-expand-lg{display:block}
    header .menu{width: calc(100% + 30px);padding:0;box-shadow:0 2px 3px rgba(0,0,0,.2);}
    .header-top{position:absolute;right:80px;top:8px}
    header .container{max-width:100%}
    header .navbar-brand{margin-top:2px;height: auto;width: calc(100% - 160px);max-width: 190px;}
    header .menu .navbar-collapse{padding:15px; height:500px;overflow:hidden;overflow-y:scroll}
    header .full .dropdown-menu{min-height:inherit}
    header .full .dropdown-menu a,nav a{padding:8px 0}
    header .sub-unit li{margin-left:0;max-width:100%}
	header .sub-unit li a{ color:#000;}
    header .tab_content{display:none}
    .navbar-nav .icon-group .items{display:block;width:100%}
    .navbar-nav .icon-group .items ul{position:static;width:100%}
    .navbar-nav .icon-group .items ul li{float:left;width:50%;text-align:left}
    header .nav-item .nav-link:after{left:12px;-ms-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0,0)}
    .navbar-nav .icon-group .items ul{display:block!important;background:#797979;clear:both;overflow:hidden;border:none}
    .navbar-nav .icon-group a{color:#fff}
    .dropdown-menu{padding:30px 0;}
    .language-box a.on{background-color:#44a27a;color:#fff}
    .dropdown-menu li a{padding-left:30px;padding-right:30px}
    .dropdown-menu a{display:block}
    .navbar-nav{padding-bottom:15px;}
header .nav-item .nav-link li{border-bottom: 1px solid #ccc;padding: 0.3rem 0;}
   .menu-r .items{ display:block;}
    .menu-r{display:-webkit-flex;display:flex;display:-ms-flexbox;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end}
    .mouse{display: none;}
    .search_form{margin:5em 0 1em}
    .btn-search-close{font-size:1.25em;top:-5px;right:10px}
}

@media screen and (max-width:768px) {
    .btn-search{padding: .5rem 1rem 0;}
}


@media (min-width: 992px) {
    .has_next{position:relative}
    .has_next:before{content:'';position:absolute;left:-15px;top:50%;padding:5px;background:url(../images/all/arrow-next-black.png)no-repeat center/contain;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);-webkit-filter:brightness(10)}
    .header-top{float:right;max-width:250px;padding-top:10px}
    header .navbar-brand{height:65px;/* margin-right:0; *//* padding:5px 0; */}
    header .menu{margin: 0;background:transparent;-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1);}
    .navbar-right {width: calc(100% - 230px);}
    .navbar-expand-lg .navbar-collapse{justify-content:space-between}
    header .full .dropdown-menu{position:absolute;top:60%;left:0;right:0;/*box-shadow:0 2px 3px rgba(0,0,0,.2);*/border:none;height:100vh;}
    header .sub-unit,header .tab_content{position:relative;z-index:1;vertical-align:top;height: 80vh;padding-bottom:100px;overflow-x: hidden;overflow-y:scroll}
    header .tab_content{z-index:3;background: url(../images/all/motif-3.png),linear-gradient(135deg, rgba(220,220,220,1) 1%,rgb(255 255 255 / 0%) 100%), #DCDCDC;background-repeat: no-repeat;background-position: right bottom;background-size: auto 110px;}
    header .tab_content.tab_content--nobg{background: #f6f5f3;}
    header .tab_content--nobg{padding-bottom: 0;}
    header .tab_content--nobg .tabs_item{padding-bottom:100px;}
    header .sub-unit{width: 30%;text-align:right;background:#fff;position:relative;}
    header .full .dropdown-menu:before,header .full .dropdown-menu:after,header .mark-content:before,header .mark-content:after{content:'';pointer-events:none;position:absolute;z-index:2;left:0;right:0;height:100px;/*background:-moz-linear-gradient(top,rgba(0,102,187,0) 0%,#44a27a 85%,#44a27a 100%);background:-webkit-linear-gradient(top,rgba(0,102,187,0) 0%,#44a27a 85%,#44a27a 100%);background:linear-gradient(to bottom,rgba(0,102,187,0) 0%,#44a27a 85%,#44a27a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000066BB',endColorstr='#44a27a',GradientType=0)*/}
    header .mark-content:before,header .mark-content:after{z-index:4;left: 30%;/*background:-moz-linear-gradient(top,rgba(241,241,241,0) 0%,rgba(241,241,241,1) 85%,rgba(241,241,241,1) 100%);background:-webkit-linear-gradient(top,rgba(241,241,241,0) 0%,rgba(241,241,241,1) 85%,rgba(241,241,241,1) 100%);background:linear-gradient(to bottom,rgba(241,241,241,0) 0%,rgba(241,241,241,1) 85%,rgba(241,241,241,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f1f1f1',endColorstr='#f1f1f1',GradientType=0);*/}
    header .full .dropdown-menu:before,header .mark-content:before{top:0;height:30px;-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}
    header .full .dropdown-menu:after,header .mark-content:after{bottom:0;}
    header .tabs_item .right-title{display:inline-block;vertical-align:top;/*width:calc(100% - 400px)*/}
    header .tab_content .unit-image{display:inline-block;vertical-align:bottom;width:100%;max-width:400px;max-height:100%}
    header .sub-unit a{display:block}
    header .sub-unit a.pc{display: block;}
/*    header .sub-unit li.active,header .sub-unit li:hover{background: #DCDCDC;}
    header .sub-unit li.active a,header .sub-unit li:hover a{color: #44a27a;}*/
    .dropdown-menu{width:200px;padding: 20px 10px 10px;/*box-shadow:0 2px 3px rgba(0,0,0,.2);*/border:none;background-size: auto 1.5rem;background-position: top;}
    header .nav-item .nav-link{padding:0 .9rem 12px;}
	.menu-r .items{display: none!important; margin-top:20%;}
    /*scroll-down*/
    .mouse{opacity: .8;position: absolute;z-index: 4;top: 75vh;left: 30%;margin-left: -335px;margin-top: -30px;color: #fff;text-align: center;animation: mouse-animation 2s ease-in-out infinite alternate;}
    .mouse:before{content:'';position: absolute;display:inline-block;width: 8px;height: 8px;top: 6px;left: -20px;border-left: solid 2px #fff;border-bottom: solid 2px #fff;-ms-transform: translate(-50%,0);-webkit-transform: translate(-50%,0);transform: rotate(-45deg);/* background-color: #fff; *//* animation: mouse-animation 2s ease-in-out infinite; */}
    @keyframes mouse-animation {
        0%{
        -ms-transform: translate(0,-100%);
        -webkit-transform: translate(0,-100%);
        transform: translate(0,-100%)}
        100%{
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
        transform: translate(0,0);        
        }
    }
}

:root{
	--container:1582px;
	--container2:1300px;
}

.catalogue_btn_box{/* width:50%; *//* display: flex; *//* align-items: center; */}
.pdtSelect+.year_box{width: 35%;margin-left: 1rem;}
.pdtSelect{position:relative;width: 60%;}
.pdtSelect span{border: 1px solid #000000;margin-bottom: 0;padding: .4rem 2rem;cursor: pointer;position: relative;overflow: hidden;height: 40px;line-height: 1.8;display: -webkit-box;white-space: normal;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.pdtSelect span i{font-size:.6rem;position: absolute;right: 5px;top: 14px;}
.pdtList{border:1px solid #000000;padding: .4rem 2rem;position: absolute;background: #fff;z-index: 1000;height: auto;overflow-y: auto;width: 100%;height: 450px;display: none;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);}
.pdtList ul{padding-left:0;list-style:none;}
.pdtList ul b{color:#ababab;border-bottom:1px solid #ababab;font-style: italic;}
.pdtList ul li{color:#000;padding: 5px;cursor: pointer;}
.pdtList ul li:hover{background:#2594af;color:#fff;}
.pdtSelect.one{width:100%}

body::-webkit-scrollbar-track,.scrollbar-style::-webkit-scrollbar-track{background-color:rgba(0,0,0,.1)}
body::-webkit-scrollbar,.scrollbar-style::-webkit-scrollbar{width:0px;background-color:rgba(0,0,0,.1)}
body::-webkit-scrollbar-thumb,.scrollbar-style::-webkit-scrollbar-thumb{background-color:#2993ae;}
body::-webkit-scrollbar{width:0px}
@keyframes cartb_nb {
	0% { transform:scale(1) ; -webkit-transform:scale(1) ; -moz-transform:scale(1) ; -ms-transform:scale(1) ; -o-transform:scale(1) ; }
	30% { transform:scale(1.3) ; -webkit-transform:scale(1.3) ; -moz-transform:scale(1.3) ; -ms-transform:scale(1.3) ; -o-transform:scale(1.3) ; }
	60% { transform:scale(1) ; -webkit-transform:scale(1) ; -moz-transform:scale(1) ; -ms-transform:scale(1) ; -o-transform:scale(1) ; }
  }
  
header .nav-item .nav-link:after{bottom: 25%;}
header .nav-item .nav-link{padding: 2rem 16px;}
header .full .dropdown-menu{top: 82%;}




@media (max-width:960px) {
header .full .dropdown-menu a, nav a{ font-size:14px; padding: 6px 0;}
header{padding:0 0 25px 0;}
header .nav-item .nav-link{padding-top:1rem; /*padding-left:1rem;*/ padding-bottom: 0rem; font-size:15px;}
header .sub-unit{ width:100% !important; padding: 19px 0 20px 19px;}
header .menu{margin:auto;}
header .nav-item .nav-link:after{bottom:0%;}
header .sub-unit li.active, header .sub-unit li:hover{ background: none; border-bottom: 1px solid #ccc;}
header .sub-unit li.active a, header .sub-unit li:hover a{color: #5f5f5f;}
}



@media(max-width:968px){
	
header .navbar-brand img{margin-top: 5%;}
/*.o-row{padding: 0 3%;}*/
header .nav-item .nav-link{padding: 0.5rem 1rem;font-size:1rem;}
header .sub-unit{padding: 0 5% 1rem; height: 100%; overflow-y: auto;}
header .full .dropdown-menu a, nav a{font-size: 0.95rem;padding:0;color: #5f5f5f;}
.o-wrapper{margin-left: 0;margin-right: 0;width: 100%;}
header .menu{width: 100%; background:#fff;}
header .menu .navbar-collapse{padding: 15px;}
header .full .dropdown-menu{ width:inherit !important;}
header .full .dropdown-menu{background-color:#f5f4f4; border:none; margin:0 3%; height:100% !important;}
header .sub-unit li{border-bottom: 1px solid #ccc;padding: 0.3rem 0; line-height:none !important;}
header .nav-item:hover .nav-link:after{opacity: 0;}
header .nav-item:hover .nav-link{color: #fff;background: #018b55;}
.menu-r .items .icon{margin-top: 1vw;}
.navbar-toggler:not(:disabled):not(.disabled){margin-bottom: 5%;margin-top: 5%;}
header .nav-item .nav-link{border-bottom: 1px solid #ccc; margin:0 3%;}
.hid_btns{display: block;position: absolute;top:2px;right: -7px;padding:20px 20px 20px 20%;width:31.5%;height:50px;cursor: pointer;}
.hid_icons{display: block;width: 60%;height: 60%;background: url(../images/arrow.png) no-repeat center;background-size: 100%;transition: all 0.5s ease-in-out; filter: grayscale(100%) brightness(0%);}
.hid_btns:hover i{ transform: rotate(180deg); filter: contrast(0) brightness(2);}
.container-fluid{overflow-x:hidden;}


}