/* move */
/* menu.css */
.nav {  width: auto; float: right; display:inline; }
.nav ul { }
.nav ul li { width: auto; height:auto; text-align: center;}
.nav ul li:last-child{ }/* background:none; */
.nav ul li.mnav{ width:auto; height: auto; float: left;z-index: 99; vertical-align:middle; display: inline; position: relative;} 
.nav ul li .downcd { color: #000; text-align: center; line-height:90px; display:block; font-family: "Î¢ÈíÑÅºÚ";  font-weight:300; font-size: 14px; padding:0 30px; 
    -webkit-transition: all .2s ease; -o-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease;  }
.nav ul li .downcd .moreico { width:10px; height:90px; display:block; float:right; margin-left:3px; background:url(/upload/to-b1.svg) center center no-repeat; background-size:100% auto;}
.nav ul li:hover .downcd { color:#fff; background: #2F4370; }
.nav ul li .active { }
.nav ul li:hover .downcd .moreico { background-image:url(/upload/to-t2.svg);}
/*
.nav ul li .downcd:after{ content:""; width:11%; height:1px; background:#978675; position:relative; bottom:2px; margin-left:auto; margin-right:auto; display:block; filter:alpha(Opacity=0);-moz-opacity:0;opacity:0; transition: all 0.3s linear;}
.nav ul li:hover .downcd:after ,
.nav ul li .active:after{width:100%; filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}
*/

.subnav {display: none; width: 100%; overflow:hidden; list-style-type: none; position: absolute; left: 0%; top: 90px; z-index: 11; background:rgba(255,255,255,0.9); height: auto; text-align: center; padding: 5px 0 ; border-top: 3px solid #978675; border-radius:0 0 5px 5px; }
.subnav .cnt {display: flex; justify-content: center; }
    .subnav a {width: auto; height:36px; line-height: 36px; overflow:hidden; text-align:center; font-size:14px; display: block; color: #000; }
    .subnav a .con { width: 90%; margin: 0 auto; border-bottom: 1px solid #ccc; }
    .subnav a:last-child .con { border: none; }
    .subnav a .con p{ font-family: "Î¢ÈíÑÅºÚ";}
    .subnav .iconfont5 { height: 32px; display: block; }
    .subnav .iconfont5:before { width:32px; height:32px; transition: all 0.3s linear; font-size:32px; line-height: 32px; font-family: 'iconfont5'; }
    .subnav a h3 {  font-weight:300; font-size: 14px;  padding-bottom: 10px;}
    .subnav a:hover { color:#2F4370; background: #fff;}
    .subnav a:hover h3 { border-bottom: 1px solid #DE450F;}

.subnav_1{ } 
.subnav_14{} 
.subnav_2{ } 
.subnav_5{ } 
.subnav_25{ } 
    
.nav ul li.mnav-r{ height:90px; float:right; display:inline-block;}
.nav ul li.mnav-r a{ line-height:90px; display:block; text-align:center; width:30px; float:left; display:inline-block; transition: all 0.3s linear; color:#000;}
.nav ul li.mnav-r a:hover { color:#2F4370;}
.iconfont_nav1:before {content: "\e6f1"; font-size:18px; }
.iconfont_nav2:before {content: "\e6f2"; font-size:15.5px; top:0px;}
.iconfont_nav3:before {content: "\e620"; }
.iconfont_nav1 {}
.iconfont_nav2 {}
.iconfont_nav3 {}

.scform {position: absolute;top: 100%;left: 0;width: 100%;display: none;height: 100vh;}
.scform .f_wjut {line-height: 1;background-color: #fff;padding: 100px 0 80px;border-top: 1px solid #ddd;position: relative;z-index: 3;}
.scform .bag {position: absolute;top: 100px;left: 0;width: 100%;height: 100vh;background-color: #000;opacity: 0.3;z-index: 2;}
.scform .basecont {max-width: 1640px;position: relative;z-index: 3; margin: 0 auto;}
.scform .for_cont {display: flex;align-items: center;padding-bottom: 20px;border-bottom: 1px solid #1d1b1b;max-width: 800px;margin: 0 auto;}
.scform .for_cont button,.scform .for_cont input {border: none;outline: none;background: none;}
.scform .for_cont .f_sub {color: #333;font-size: 28px;width: 48px; height: 48px; line-height: 48px; text-align: center; border-radius: 3px; font-weight: bold;cursor: pointer;}
.scform .for_cont .f_int {width: 96%;width: calc(100% - 47px);color: #333; font-size: 24px; line-height: 60px; font-weight: 300;}
.scform .for_cont .f_int::-webkit-placeholder {color: #ddd;}
.scform .for_cont .f_int::placeholder {color: #ddd;}
.scform .for_cont .close {width: 15px;overflow: hidden;}
.scform .for_cont .close img {width: 100%;float: left;}
.scform .f_list {max-width: 800px;margin: 0 auto;margin-top: 20px;color: #666;}
.scform .f_list span,.scform .f_list a {font-size: 16px; margin-right:5px;}
.scform .f_list a {color: #333; font-size:16px;}

/* menu.css end*/

/*--- Header ---*/
.headbox-sec3 {display:none;}

.Header-wrapper {z-index: 99; }
.header-container {width: 100%; height:90px; position: fixed; top: 0px; left: 0px; z-index: 990; opacity: 1; border-bottom:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.95);   box-shadow: 0 0 15px rgb(0 0 0 / 20%);
/*
 -webkit-transition: background .3s, -webkit-transform .3s, opacity .3s; transition: background .3s, transform .3s, opacity .3s; 
  border-top: 1px solid;
  border-image: linear-gradient(to right, #C79977, #E3BC9F, #A77751, #EAC2A9, #895D3A) 1;
*/
}
.box-head { width:80%; height:auto; margin-left:auto; margin-right:auto; max-width:1400px;} /* padding-left:20px;  padding-right:20px; */
.head_container_white { background:rgba(255,255,255,.95); }
.head_container_hide {-webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); opacity: 0; }

.box-head .logo { width:auto; height:90px; overflow:hidden; float:left; display:flex; align-items: center;}
.box-head .logo img{ width:auto; max-width:100%; height:26px;}

.telno { height:30px;}
.telno .swiper-slide { height:30px; line-height:30px;}

.nav-title {width: 36px; height: 36px; float:right; display:none; }
    .nav-title .nav-btn {display: block; float: right; width: 36px; height: 36px; position: relative; margin:7px 5px 0 0; }
    .nav-title .line {display: inline-block; width: 20px; height: 2px; background-color: #333; position: absolute; left: 8px; -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: all .5s; transition: all .5s}
    .nav-title .line-top    {top: 10px;}
    .nav-title .line-middle {top: 17px;}
    .nav-title .line-bottom {top: 24px;}
    .nav-btn.on .line-top {-webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); top:11px; left:11px;}
    .nav-btn.on .line-middle {opacity: 0}
    .nav-btn.on .line-bottom {-webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg); top:25px; left:11px;}

.headbox-sec3 {position: fixed;z-index: 999;width: 100%;height: calc(100vh - 50px);background-color: #fff;display: none; top: 50px;}
.headbox-sec3 .basecont {position: relative;}
.headbox-sec3 .basecont {width: 100%;height: 100%;position: relative;}
.headbox-sec3 .basecont .f_portrait {display: flex;align-items: center;color: #333;font-size: 14px;width: 160px;position: absolute;bottom: 0;font-size: 12px;width: 140px;padding: 20px 0;}
.headbox-sec3 .basecont .f_portrait .f_icon {width: 30px;height: 30px;border-radius: 50%;overflow: hidden;flex-shrink: 0;flex-grow: 0;}
.headbox-sec3 .basecont .f_portrait .f_icon img {width: 100%;height: 100%;object-fit: cover;float: left;}
.headbox-sec3 .basecont .f_portrait .f_text {display: flex;justify-content: space-between;align-items: center;padding-left: 12px;flex-shrink: 1;flex-grow: 0;width: calc(100% - 30px);width: calc(100% - 22px);padding-left: 8px;}
.headbox-sec3 .basecont .f_portrait .f_text span {display: block;width: calc(100% - 15px);flex-shrink: 1;flex-grow: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.headbox-sec3 .basecont .f_portrait .f_text i {display: block;overflow: hidden;flex-shrink: 0;font-size: 12px;flex-grow: 0;}
.headbox-sec3 .basecont .f_portrait .f_text i img {width: 100%;}
.headbox-sec3 .basecont .navbox {padding: 1rem 2rem;line-height: 45px;height: 100%;}
.headbox-sec3 .basecont .navbox > ul {height: calc(100% - 60px);overflow-x: hidden;overflow-y: auto;}
.headbox-sec3 .basecont .navbox > ul li {list-style: none;}
.headbox-sec3 .basecont .navbox > ul > li {border-bottom: 1px solid #ddd;}
.headbox-sec3 .basecont .navbox > ul > li .tit {font-size: 14px;display: flex;justify-content: space-between;}
.headbox-sec3 .basecont .navbox > ul > li .tit i {font-size: 12px;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;display: inline-block;}
.headbox-sec3 .basecont .navbox > ul > li ul {line-height: 35px;padding-bottom: 15px;padding-left: 20px;display: none;}
.headbox-sec3 .basecont .navbox > ul > li ul a {font-size: 13px;}
.headbox-sec3 .basecont .navbox > ul > li.active .tit i {-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
.headbox-sec3 .basecont .navbox > ul > li.on .tit {color: #1d1b1b;}
.headbox-sec3.on { display:block;}
.icon-xiangxia:before { content: "\e7b0"; }
.icon-sousuo:before { content: "\e620"; }

.top-h100 { height:70px; display:none;}

@media screen and (max-width: 1400px){
    .nav ul li .downcd { padding:0 20px;}
    }
@media screen and (max-width: 1199px){
    .box-head { width: 90%;}
    .nav ul li .downcd { padding:0 10px;}
    }
@media screen and (max-width: 991px){
	.nav { display:none;}
    .nav-title {display:block;}
    .top-h100 { height:50px; display:block;}
	.head_container_white { background:rgba(255,255,255,.9); }
    .header-container { height:50px;}
    .box-head {width: 100%; padding: 0;}
    .box-head .logo { width:42vw; height: 50px; padding:0px 0 0 10px;}
    .box-head .logo img { height:16px;}
	.line-top { display:none;}
    }

#c_static_001_P_25362-1704209025944{position:relative;z-index:99}
#c_static_001_P_25362-1704209025944 .e_loop-1 .p_page{text-align:center;display:none}

.p_list_yx { position:fixed; right:0; bottom:60px; z-index:999;}
.p_list_yx .list { width: auto; height: 48px; margin-bottom:2px;  display: block; position: relative; }
.p_list_yx .list a{ width:48px; height:48px; background:rgba(255,255,255,.9); border-radius:5px; display:flex; justify-content: center; align-items: center;}
.p_list_yx .list a svg{ width:20px; height:20px;}
.p_list_yx .list a svg path { fill: #666; }
.p_list_yx .list a:hover svg path { fill: #875A36; }
.p_list_yx .list > p { width: max-content; background:#875A36; color: #fff; font-size: 14px; position: absolute; right: 100%; top: 50%; transform: translate(-35px,-50%); border-radius: 5px; z-index: 1; opacity: 0; visibility: hidden; transition: all 0.5s; }
.p_list_yx .list > p:after { content: ""; display: block; width: 0; height: 0; border: 5px solid transparent; border-left: 5px solid #875A36; position: absolute; left: 100%; top: 50%; transform: translate(0,-50%); }
.p_list_yx .list:hover > p { transform: translate(-5px,-50%); opacity: 1; visibility: visible; }
.p_list_yx .list span{ display: block; padding: 10px 15px;}
.p_list_yx .list > p.codeimg { padding: 5px; }
.p_list_yx .list > p img { width: 130px; height: auto; }


@media screen and (max-width: 991px){
.p_list_yx { width:100%; height:auto; bottom:0px; display: flex; box-shadow: 0 -5px 10px rgb(0 0 0 / 10%);}
.p_list_yx .list{ width:20%; height:auto; flex: 1 !important; padding: 0; border-right: 1px #ddd solid; margin-bottom:0; }
.p_list_yx .list a{ width:100%; border-radius:0;}

.p_list_yx .list > p{right:auto;top:auto;bottom:100%;left:50%;transform:translate(-50%,-20px)}
.p_list_yx .list > p:after{border:5px solid #875A36; left:50%; transform: rotate(45deg); z-index:-1;}

.p_list_yx .list:hover > p{opacity:1;visibility:visible;transform:translate(-50%,-5px)}
.p_list_yx .list:nth-child(1) > P{left:80%}
.p_list_yx .list:nth-child(1) > P:after{left:33px;top:33px;}
.p_list_yx .list:nth-child(2) > P{left:50%}
.p_list_yx .list:nth-child(2) > P:after{left:80px;top:33px;}
.p_list_yx .list:nth-child(3) > P:after{left:63px; top:133px;}
.p_list_yx .list:nth-child(4) > P:after{left:63px; top:133px;}
}
