*{font-family:微软雅黑,Helvetica, sans-serif ,Arial; padding: 0; margin:0; box-sizing:border-box; overflow-scrolling:touch; -webkit-overflow-scrolling:touch;}


.header_box_li.sticky .header_top{display: none;}
#nav .search_btn{margin-top: 5px;}
.header_box_li.sticky #nav .search_btn{display: block;height: 35px;width: 35px;border-radius: 50%;background: url(../sy_images23/sticky_ss.png) no-repeat center center;    margin:6px 0rem 0 2rem;}
.header_box_li.sticky #nav .search_btn img{display: none;}

.header_box_li.sticky #header #logo .box_table{}
.header_box_li.sticky #header{}
.header_box_li.sticky #header #logo{}
.header_box_li.sticky .w1600{width: 1340px;}




.pc_top_lj{width: 100%;background: #A33A34;}
.pc_top_lj>div{margin: 0rem auto 0px;transition: 0.4s;padding: 10px 0rem 0px 0rem;
}
.pc_top_lj>div .w14{display: flex;justify-content: space-between;align-items: center;}
.pc_top_lj>div .ri{display: flex;}
.pc_top_lj .l{display: flex;align-items: center;}
.pc_top_lj .l p{font-size: 1.125rem;color: #fff;}
.pc_top_lj .r{display: flex;align-items: center;justify-content: flex-end;padding-left: 22px;position: relative;}
.pc_top_lj .r::after{content: "";display: block;width: 2px;height: 22px;background: #F7E6D5;opacity: 0.6;position: absolute;left: 0;top: 2px;}
.pc_top_lj .r a{margin-right: 0;margin-left: 0rem;}

.pc_top_lj>div .logo{width: 511px;}
.pc_top_lj>div .logo a{display: block;margin: 0;}
.pc_top_lj>div .logo a::after{display: none;}
.pc_top_lj>div .logo img{max-width: 100%;}


.pc_top_lj span{color: #fff;}

.pc_top_lj .ri a.search_btn{width: 43.5px;margin: 0;opacity: 1;margin-left: 15px;}
.pc_top_lj .ri a.search_btn::after{display: none;}
.pc_top_lj .ri a.search_btn img{max-width: 100%;height: auto;}
.pc_top_lj .ri a{display: block;font-size: 16px;color: #F7E6D5;margin: 0 24px 0 0;position: relative;transition: 0.4s;}
.pc_top_lj .ri a{opacity: 0.6;}
.pc_top_lj .ri a::after{content: "";display: block;width: 0;height: 1px;background: #fff;position: absolute;bottom: -5px;left: 0;transition: 0.4s;}
.pc_top_lj .ri a:hover::after{width: 100%;}

.pc_top_lj .ri a:hover{opacity: 1;}


.header_box_li.xg{height: 4.625rem;}
.header_box_li.xg #header{height: 4.625rem;}
.header_box_li.xg #header .header_top{height: 1.3rem;}
.header_box_li.xg #header .header_top .tianqi{display:none;}
.header_box_li.xg #header .header_top .list_box0{display:none;}
.header_box_li.xg #logo img{width: 70%;}

.header_box_li.xg #logo .xx{    opacity: 0 !important;}
.header_box_li.xg #logo .box_table{    height: 100% !important;}

.header_box{position: relative;z-index: 10000;}
#header{position: relative;z-index:999;width:100%;  transition: 0.4s; max-width: 100%;margin: 0 auto;background: none;

}
/* .header_box_li:before{content:"";position:absolute;height: 10.125rem;top:0;left: 0;right: 0;transition: 0.2s;opacity: 1;visibility: visible;background-size: auto 100%;pointer-events: none;} */
#header.xg:before{ opacity:0; visibility:hidden}

.head_bottom{padding: 0;width: 100%;margin: 0 auto;height: 100%;background: url(../sy_images23/sy_nav_pc_bg.png) repeat-x bottom center;background-size: auto 101%;}
.head_bottom .w1024{padding: 0 !important;}

.header_top{position: relative;height: 2.5rem;padding: 0;text-align: right;z-index: 10000;    transition: 0.4s;padding: 0 0;}
.header_top .tianqi{ display:inline-block; height:4rem}
.header_top .search_btn{display:inline-block;float: none;font-size: 14px;color: #fff;}

.header_top .search {
    width: 20px;
    height: 20px;
    position: relative;
    z-index: 20;
}
.header_top .search .input {
    position: absolute;
    z-index: 1;
    left: auto;
    right: -0.5rem;
    top: -12px;
    bottom: auto;
    height: 40px;
    width: 0;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.header_top .search .input input {
    width: 100%;
    height: 100%;
    font-size: 13px;
    padding: 0 2rem 0 1rem;
    color: #333;
}
.header_top .search .btn {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}
.header_top .search .btn input{cursor: pointer;position: absolute;z-index: 1;left: 0;top: 0;right:0;bottom: 0;height: 100%;width: 100%;}
.header_top .search .btn svg{width: 18px;height: 18px;fill:#fff;}
.header_top .search:hover .btn svg{
    fill: #6510AD;
}





.header_top .search:hover .input {
    width: 16.25rem;
    opacity: 1;
    visibility: visible;
}


.header_top .zc_lj{}
.header_top .zc_lj a{font-size: 14px;display: inline-block;transition:.6s;margin-left: 1rem;position: relative;line-height: 2.5rem;color:rgba(255,255,255,0.7);}
.header_top .zc_lj a:hover{color: #ffba00;}

.list_box0{ display:inline-block; vertical-align:top}
.list_box0 .li{font-size: 14px;display: inline-block;transition:.6s;margin-left: 1rem;position: relative;line-height: 2.5rem;}
.list_box0 .li>a{ display:block;color:rgba(255,255,255,0.7);transition: 0.5s;}
.list_box0 .li>a:hover{color: #ffba00;}
.list_box0 .li a>img{margin: -1px .625rem 0 0;}
.list_box0 .li a .ewm_box{display:inline-block;border:#d3d3d3 1px solid;background:#fff;position:absolute;left:50%;transform: translateX(-50%) scaleY(1);top: 3.5rem;opacity: 1;visibility: visible;transform-origin:top;display: none;}
.list_box0 .li a .ewm_box:before{content:"";position:absolute;border-left:transparent 6px solid;border-right:transparent 6px solid;border-bottom: #fff 6px solid;top: -6px;left: 50%;margin-left: -6px; }

#m_header .list_box0{ float:right}
#m_header .list_box0 .li{ line-height:60px;display:none;}
#m_header .list_box0 .li a .ewm_box{ top:60px}
#m_header .list_box0 .li a>img{ height:16px}
 

.list_box_01{font-size:0;white-space:nowrap;padding: .625rem;}
.list_box_01 li{display: block !important;margin: 0 15px !important;text-align:center;}
.list_box_01 li h3 img{ border:#ededed 1px solid; width:85px; height:85px;}
.list_box_01 li h5{font-size:.75rem;color:#666666;line-height:20px;margin: 0;}


.list_box0 .li+.li+.li:after{display: none;}
.list_box0 .li:first-child:after{ display:none}

.list_box0 .li input.txt{background: none;border-bottom: 1px solid #fff;width: 7.8125rem;padding: 0px 5px 5px;outline: none;border-left: 0;border-right: 0;border-top: 0;color: #fff;float: left;}

.list_box0 .li input.img{width: 20px;height: 18px;background: url() no-repeat center center;float: left;}




.header_box .w1200{height:100%;position:relative;max-width: 1650px;}
/*.line_bot{ display:block; width:100%; height:1px; position:absolute; left:0; bottom:0; background:rgba(255,255,255,.2);}*/
#header{}
#header #logo{ margin-top: 0;}
#header #logo .box_table{width: 3.75rem;margin-top: 0rem;transition: 0.4s;
    display: table;
    height: 100%;
display: flex;align-items: center;
}
#header #logo .box_table .box_table_cell{display: table-cell;
  }

#header #logo .xx p{    line-height: 15px !important;}
#header #logo .xx{color: #fff;    transition: 0.4s;opacity: 1;
    font-family: "楷体";
    font-size: 24px;
    text-align: center;}
	.head_bottom>.right{width: 100%;display: flex;align-items: center;flex-wrap: wrap;justify-content: flex-end;}
#logo{float:left;height:100%;position: relative;}
#logo img{    transition: 0.4s;max-width: 100%;}
#logo img.img2{ display:none}
#nav{padding-top: 0px;}
#nav ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;}
#nav ul li{float:left;position:relative;z-index:0;margin: 0;margin-left: 50px;}
#nav ul li.cen_logo{position: relative;top: -0.3rem;}
#nav ul li.cen_logo a{}
#nav ul li.cen_logo img{width: 2.39rem;}
#nav ul li.cen_logo::before{display: none;}
#nav ul li:nth-child(4)::before{display: none;}



#nav ul li a{display:block;padding:12px 0rem;transition: 0.4s;color:#b7b7b7;text-align: center;}
#nav ul li.on>a{}
#nav ul li.on>a h3{color: rgba(249,219,189,1);}
#nav ul li h3{font-size: 22px;line-height: 32px;position:relative;display: inline-block;color: rgba(249,219,189,0.75);text-align: center;transition: 0.4s;font-weight: bold;}
#nav ul li a:hover h3{color: rgba(249,219,189,1);}
#nav ul li a i{ margin:-3px 0 0 .1rem; display:inline-block; width:10px; height:5px; background:url() center no-repeat; transition:.5s}
#nav ul li.on a i, #nav ul li:hover a i{ background:url() center no-repeat;}
#nav ul li a i{ display:inline-block;  width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;}
#nav ul li .sub{position:absolute;top:100%;min-width: 200px;left: 50%;z-index: 10000;transform: translateX(-50%) scaleY(0);visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition: .5s;transform-origin: top;padding: 10px 0;background:#A33A34 ;border-top: 1px solid rgba(249,219,189,1);}
#nav ul li .sub .box{text-align:center;}
#nav ul li:hover a, #header.xg #nav ul li:hover a{color: #fff;}
#nav ul li .sub a{padding:10px 15px 10px !important;margin-top:-3px; line-height: 20px;transition:.6s;font-size: 14px;color: rgba(249,219,189,1);white-space: wrap;display: block;text-align: center;position: relative;transition: 0.4s;}
#nav ul li .sub a p{font-size: 14px;}

#nav ul li .sub a:hover{  background: #fff;color: #A33A34;	}
#nav ul li:hover .sub{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;visibility:visible;transform: translateX(-50%) scaleY(1);}


#nav ul li .sub{box-shadow: 0 8px 8px rgba(0,55,59,0.25);}





#nav>ul>li h3:before{content:"";display:block;position:absolute; width:21px; height:12px;left:50%;margin-left: -10px; bottom:10px; transition:.3s;opacity:0;visibility:hidden;}
#nav>ul>li:hover h3:after,#nav ul li.on h3:after{  transform:scale(1);}
#nav>ul>li:hover h3:before, #nav>ul>li.on h3:before{opacity:1;visibility:visible;display: none;}


@media(max-width: 1450px){
	#nav ul li{margin-left: 20px;}
}




.top_right{position: relative;width: calc(100% - 530px);z-index: 10;}
.top_right::after{content: "";display: block;clear: both;}


.search_btn{cursor:pointer;text-align: center;float:left;transition:.6s;margin: 0 0 0 15px;position: relative;}
.search_btn img{margin: 0;}
#header .dw2{float:left;height: 90px;width: 53px;cursor:pointer;position:relative;margin-right: 1.5rem;transition:.6s;margin-left: 1rem;}
#header .dw2 .j_tab{ }
#header .dw2:after{content:"";width:1px;height: 16px;display:block;position:absolute;background: rgba(255,255,255,.75);right: -1.5rem;top: 50%;margin-top: -8px;}
#header .dw2.yuyan:before{content:"";width:1px;height:100%;display:block;position:absolute;left:0;top:0;display: none;}
#header .dw2 .dh{height: 23px;line-height: 23px;text-align:center;font-size: 13px;color:#fff;cursor:pointer;transition:.6s;}
#header .dw2 .dh span{padding-right: 14px;width: 53px;height: 23px;display: inline-block;font-style: italic;}
#header .dw2 .dd{padding-bottom:10px;padding-top:10px;position:absolute;top:100%;width: 100%;text-align:center;background: #acce22;left: 0;border: 1px solid #acce22;opacity: 0;visibility: hidden;transition: 400ms;transform: translateY(15px);}
#header .dw2 .dd:before{content:"";display:inline-block;border:8px solid transparent;border-bottom: 8px solid #acce22;position:absolute;top:-16px;left:50%;margin-left:-8px;}
#header .dw2 .dd a{display:block;text-align:center;line-height:30px;color: #fff;font-size:13px;padding:0 10px;}
#header .dw2 .dd a:hover{ font-weight:bold; }
#header .dw2.on .dd{opacity:1; visibility: visible; transform: translate(0);}



.search_btn{margin-left: 0rem;cursor: pointer;}
.search_btn svg{display:inline-block;fill:#fff;width: 16px;height: 16px;vertical-align: middle;}


.search-dialog-box{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1000000;opacity: 0;visibility: hidden;transition: .6s;/* overflow: hidden; */}
.search-dialog-box:before{content:"";position:absolute;top:0;height:0;background: rgba(44,35,35,0.85);transition: .6s;left: 0;right: 0;z-index: 1;}
.search-dialog-box.on:before{ height:100%}
.search-dialog-box .bubbles-bg{opacity: 0;visibility: hidden;display: none;}
.search-dialog-box .search-bg{position: absolute;left: 0;top: 0;width: 100%;height: 0;margin: 0;background: rgba(0,0,0,.7);background-size: cover;background-repeat: no-repeat;/* z-index: 1; */transform-origin: center center;transition: height .8s cubic-bezier(.77,0,.175,1);}
.search-dialog-box .wrap-inner{transform:translateY(100%);transition: .6s;}
.search-dialog{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;z-index: 2;}
.search-dialog .search-tit{font-size: 44px;line-height: 56px;color: #fff;text-align: center;overflow: hidden;display: none;}
.search-dialog .search-inner{overflow: hidden;margin-top: 0;}
.search-dialog .search-input{width: 800px;margin: 0 auto;padding: 0 8px 0 50px;background-color: rgba(163,58,52,0.85);box-sizing: border-box;transition: all .3s;max-width: 94%;height:70px;}
.search-dialog .search-input input[type=text]{float: left;height: 70px;width: calc(100% - 56px);background-color: transparent;font-size: 20px;line-height: 8px;color: #fff;transition: all .3s;outline: none;border: 0;}
.search-dialog .search-input input[type=text]::-webkit-input-placeholder{color:rgba(255,255,255,0.5);}
.search-dialog .search-input input[type=text]:-moz-placeholder{color:rgba(255,255,255,0.5);}
.search-dialog .search-input input[type=text]::-moz-placeholder{color:rgba(255,255,255,0.5);}
.search-dialog .search-input input[type=text]:-ms-input-placeholder {color:rgba(255,255,255,0.5);}
.search-dialog .search-input input[type=button],
.search-dialog .search-input .clear-btn{float: right;height:70px;width: 56px;}
.search-dialog .search-input input[type=button]{background-color: transparent;background-repeat: no-repeat;background-position: center;background-size: 24px;background-image: url('../ej_images23/search2.png');border: 0;}
.search-dialog .search-input .clear-btn{background-color: rgba(0,0,0,.2);background-repeat: no-repeat;background-position: center;background-image: url('../ej_images23/close-btn.svg');background-size: 56px;border-radius: 100%;margin-right: 16px;display: none;}
.search-dialog .search-input.on{background-color: #fff;}
.search-dialog .search-input.on input[type=image]{background-image: url('../ej_images23/search-btn2.svg')}
.search-dialog .hot-link{margin-left: 16px;}
.search-dialog .hot-link a{display: inline-block;*display: inline;zoom:1;font-size: 6px;line-height: 8px;margin-right: 12px;color:#fff;padding-bottom: .3125rem;position: relative;}

.search-dialog .hot-link a:before{content: "";position: absolute;left:0%;bottom:0;width:100%;height: .125rem;background-color: #fff;transform:scaleX(0);transform-origin:left center;transition:transform .3s;}
.search-dialog-box .bottom-box{position: absolute;left: 0;bottom:5.1%;width:100%;}
.search-dialog-box .bottom-box .share-box{overflow: hidden;}
.search-dialog-box .bottom-box .copy{font-size: 5.6px;line-height:8px;color: #fff;font-family: "gilroy-regular";margin-top: 8px;overflow: hidden;}

.header-right.is-open .bubbles-bg{visibility: visible;opacity: 1;}
.header-right.is-open .search-btn .con-box{display:none;}
.header-right.is-open .close-btn{display:block;}
.header-right.is-open .item .search-bg{transform:scale(1);}
.search-dialog-box.on{opacity: 1;visibility: visible;}
.search-dialog-box.on .search-bg{height: 100vh;}
.search-dialog-box.on .bubbles-bg{opacity: 1;visibility: visible;}
.search-dialog-box.on .wrap-inner{ transform:translateY(0)}
.pub-close {position: absolute;width: 48px;height: 48px;z-index: 10;right: 24px;top: 21.6px;background-color: rgba(255,255,255,.1);border-radius: 100%;}
.pub-close .bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #1c5ab7;transform: scale(0);border-radius: 100%;transition: transform .3s;}
.pub-close i {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-size: 12px;background-repeat: no-repeat;background-image: url(../ej_images23/close-btn.svg);transition:.6s}
.pub-close i:hover{ transform:rotate(180deg)}

@keyframes spin{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
@keyframes spin-reverse{
    from{
        transform:rotate(1turn);
    }
}
@keyframes spin-reverse2{
    from{
        transform:rotate(-1turn);
    }
}




/*顶部搜索*/
.tc_search {margin: 40px auto 0;position: relative;}
.tc_search form {height: 40px;border-radius: 0;background: rgba(255,255,255,.1);position: relative;width: 100%;margin-bottom: 1rem;}
.tc_search .keyword {/*font-size:.875rem;*/color: #fff;height: 40px;line-height: 40px;padding: 0 1rem;box-shadow: none;-webkit-appearance: none;border-right: 0;background: none;width: 100%;outline: none;
    border: 1px solid rgba(255,255,255,0.5);padding: 0 51px 0 12px;}
.tc_search .btn_blue { position: absolute; top: 0; right: 0; width: 40px; height: 40px; line-height: 38px; border: 0; background: url(../sy_images23/search_white.svg) center center no-repeat; background-size: 55%; }
.tc_search .btn_blue.fr { background: #e9edef; color: #4e4f53; }
.tc_search input::-webkit-input-placeholder {
color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input::-moz-placeholder {   /* Mozilla Firefox 19+ */
color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */
 color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input:-ms-input-placeholder {  /* Internet Explorer 10-11 */
color:#fff;
color: rgba(255,255,255,.7);
}/* WebKit browsers */
.tc_search input:focus::-webkit-input-placeholder {
color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */
}/* Mozilla Firefox 4 to 18 */
.tc_search input:focus:-moz-placeholder {
color: transparent;
}/* Mozilla Firefox 19+ */
 .tc_search input:focus::-moz-placeholder {
color: transparent;
}/* Internet Explorer 10+ */
.tc_search input:focus:-ms-input-placeholder {
color: transparent;
}/* 点击搜索框获取焦点 placeholder消失-结束 */
/*导航按钮开始*/
#nav_btn_box {height: 100%;z-index: 999999;margin-left: 0;}
#nav_btn_box.on { background: none; }
#nav_btn { }
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before { background: #fff; }
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; outline: none; box-shadow: none; }
#nav_btn .point { display: inline-block; width: 25px; height: 22px; position: relative; outline: none; }
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 25px; }
#nav_btn .navbtn {position: absolute;top: 12px;left: 0;display: inline-block;width: 14px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0;display: inline-block;width: 25px;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
#nav_btn .navbtn::after { top: -8px; }
#nav_btn .navbtn::before { top: 8px; }
#nav_btn .point.on .navbtn { background: transparent; }
#nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }
/*导航按钮结束*/
.m_nav_list {flex-direction: column;justify-content: flex-start;width: 100%;margin: 30px 0 0;}
.m_nav_list::-webkit-scrollbar { display:none}
#m_nav {z-index: 99999;position: fixed;width: 100%;height: 100vh;right: -105%;top: 0;display: none;padding: -1.5rem 0 0.5rem;overflow: hidden;pointer-events: none;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;background: #A33A34;

padding-bottom: 0.3rem;

}
#m_nav .close{position:absolute;top: 6px;right:15px;font-size: 28px;color:#fff;z-index: 10000;}

#m_nav.act { pointer-events: auto; right: 0;overflow: auto; }
#m_nav>ul>li {width: 100%;overflow: hidden;padding: 0 0 0 30px;position: relative;}
#m_nav>ul>li {border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
#m_nav li .a { display: inline-block; width: calc(100% - 30px) }
#m_nav li .a {line-height: 0.6rem;height: 0.6rem;color: #fff;padding: 0;font-size: 16px;float: left;}
#m_nav li .a span { display: block; position: absolute; top: 0; right: 10px; width: 20px; height: 50px; text-align: center; }
#m_nav li .a span i { font-size: 0; }
#m_nav li i {opacity: 1;filter: alpha(opacity=100);display: inline-block;width: 50px;height: 0.6rem;display: inline-block;background: url(../sy_images23/arrow_down.svg) center center no-repeat;background-size: 13px 13px !important;position: absolute;display: block;right: 0;}

#m_nav li.on i {background: url(../sy_images23/arrow_down_on.svg) center center no-repeat;}
#m_nav .on.title .a i { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); }
#m_nav li { display: block; width: 100%; }
.slide_nav { position: absolute; left: 0; height: 70px; z-index: 998; padding: 15px; top: 0; width: 100%; }
#m_nav .title .list { display: none; position: relative; width: 100%; z-index: 9; left: 0; margin-left: 0; background: none; border: 0; clear: both; padding-bottom: 10px; }
#m_nav .title .list span { background: none; }
#m_nav .title .list span a:hover { color: #c21d1b; }
#m_nav .title .list a {display: block;font-size: 14px;color: rgba(255,255,255,.6);text-align: left;line-height: 40px;height: 40px;border: 0;font-weight: 300;}
/*三级导航 开始*/
#m_nav .title .list .void>a { background-size: 10px; position: relative; }
#m_nav .title .list .void>a:before { content: "·"; position: absolute; left: -1em; font-size: 12px; font-weight: bold; }
#m_nav .title .list span { position: relative; display: block; }
#m_nav .title .list span .sub { position: static; width: 100%; display: block !important; overflow: hidden; }
#m_nav .title .sub a { background: none; font-size:0.5rem;
opacity: .8; min-width: 50%; float: left; display: inline-block; color: #999; }


#m_nav form{display: block;width: 100%;}

.nav_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 888; background-color: rgba(0,0,0,0.4); display: none; }
.m_header_box {transition: .6s;display: none;height: 60px;}
#m_header #logo .box_table{width: auto; float: left;    display: table; height: 100%;}
#nav_btn_box .box_table { width: auto; float: left;    display: table; height: 100%; height: 100%;}
 #nav_btn_box .box_table .box_table_cell{   vertical-align: middle;
	display: table-cell;  }
#m_header #logo .box_table .box_table_cell{ vertical-align: middle;display: table-cell;      margin: 0 auto;}

#m_header #logo .box_table .box_table_cell a{    display: block;
			}
.m_header_box header{padding:0 5%;top: 0;height: 60px;box-shadow: 0 8px 8px rgba(0,55,59,0.25);position: fixed;top: 0;left: 0;right: 0;z-index: 100;background: #A33A34;background-size: cover;}
#m_header #logo{float: left;}
#m_header #logo img{max-height: 50px;width: auto;}
#m_header .yuyan{ height:4.5rem; float:right; margin-right:4rem;}
#m_header .yuyan span{ display:block; width:24px; height:24px; line-height:24px; color:#fff; font-size:.9rem; text-align:center; margin-left:17px; background:rgba(255,255,255,.3);}




.topLink2{width: 100%;margin-top: 40px;}
.topLink2 dl {justify-content: flex-start;width:calc(100% - 30px);margin: 0 auto;display: flex;}
.topLink2 dl dd{position: relative;}
.topLink2 dl dd{width: 25%;}
.topLink2 dl dd a{font-size: 16px;color: #FFFFFF;line-height: 40px;display: block;text-align: center;}






/* 
@font-face{ font-family:"sys_heavy"; src:url(../font/SOURCEHANSERIFSC-HEAVY_0.OTF);}
@font-face{ font-family:"sou_semibold"; src:url(../font/SOURCESANSPRO-SEMIBOLD.TTF);}
@font-face{ font-family:"sou_bold"; src:url(../font/SOURCESANSPRO-BOLD.TTF);}
@font-face{ font-family:"sou_black"; src:url(../font/SOURCESANSPRO-BLACK.TTF);}
@font-face{ font-family:"sou_regular"; src:url(../font/SOURCESANSPRO-REGULAR.TTF);}
@font-face{ font-family:"sou_Italic"; src:url(../font/SOURCESANSPRO-ITALIC.TTF);}
@font-face{ font-family:"georgia"; src:url(../font/georgia.ttf);}
@font-face{ font-family:"georgiab"; src:url(../font/georgiab.ttf);}
@font-face{ font-family:"georgiai"; src:url(../font/georgiai.ttf);}
@font-face{ font-family:"georgiaz"; src:url(../font/georgiaz.ttf);} */





#fp-nav.fp-right{display: none;}




.img{width: 100%;position: relative;padding-bottom: 60%;overflow: hidden;transition: 0.4s;}
.img .img_box{background-position: center center !important;position: absolute;top: 0;left: 0;z-index: 2;    width: 100%;background-size: cover !important;
	height: 100%;transition: 0.4s;}
.img img{    position: absolute;transition: 0.4s;opacity: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;}
a:hover .img .img_box{transform: scale(1.05);}
a:hover .img img{transform: scale(1.05);}


.w1024{width: 11.86rem;margin: 0 auto;padding: 0 0.5rem;}
.w1620{width: 1620px;margin: 0 auto;}

.firstScreen{

      position: relative;
  }

  .body_main{
    position: relative;
      left: 0%;
      top: 0%;
      bottom: 0;
      right: 0;
      background: #fff;
      transition: top 0.7s cubic-bezier(0.5,0,0.2,1) 0s;
      z-index: 999;
  }
  .body_main.on{top: 0;}

  .body_main::-webkit-scrollbar {width:4px;height: 8px;background-color: #F5F5F5;}
  .body_main::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;}
  .body_main::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #333;}

  /* .firstScreen .toubu_div{position: absolute;} */


  #header{transition: 0.4s;}

  .toubu_div{position: fixed;top: 0;width: 100%;left: 0;z-index: 1000;transition: 0.5s;    /*transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s; */}
	
    .toubu_div .w14{    padding: 0;width: 1536px;max-width: none;margin: 0 auto;}
  /* .toubu_div.on{display: none;} */
  .toubu_div.on #header{height: auto;}
  .toubu_div.on::after{opacity: 1;}
  .toubu_div.on .pc_top_lj{margin-top: 0;}
  .toubu_div.on #nav ul li a{    padding: .1rem 0rem;}
  .toubu_div.on #header #logo .box_table .box_table_cell{vertical-align: middle;}
  .toubu_div.on #header #logo .box_table{margin: 0.2rem 0;}
  .toubu_div.lit #header #logo .box_table{margin: 0.1rem 0;}

  .toubu_div.lit .pc_top_lj{margin-top: 0;height: 0;overflow: hidden;padding: 0 0.5rem 0 0.1rem;}
  .toubu_div.lit #nav{margin-top: 15px;}



  #header::after{    content: "";
    width: 100%;
    height: 97px;
    background: url(../sy_images23/nav-bg.png) repeat-x;
    position: absolute;
    left: 0;
    bottom: -95px;}






.foot{padding: 90px 0 150px;background: url(../sy_images23/foot_bg.png) no-repeat center center;background-size: cover;position: relative;z-index: 3;}
.foot>.w14{}
.foot_lj{display: flex;justify-content: space-between;margin-bottom: 27px;}
.foot_lj li{width: auto;}
.foot_lj li a{display: block;}
.foot_lj li .pic{    width: auto;
    height: 51px;}
.foot_lj li .pic img{max-width: 100%;transform: scale(1) !important;height: 100%;}


.foot_main{display: flex;justify-content: space-between;align-items: flex-end;}
.foot_left{float: left;width: calc(100% - 160px);}
.foot_left .foot_con{}
.foot_left .foot_con+.foot_con{margin-top: 45px;}
.foot_left .foot_con p{    font-size: 18px;
    color: #FFFFFF;
    line-height: 30px;}
.foot_right{width:auto;}
.foot_right ul{display: flex;width: 100%;justify-content: flex-end;}
.foot_right ul li{position: relative;margin-left: 10px;}
.foot_right ul li .pic{width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;border: 1px solid #fff;border-radius: 50%;cursor: pointer;}
.foot_right ul li .pic img{max-width: 100%;}
.foot_right ul li .ewm{width: 150px;height: 150px;position: absolute;bottom: calc(100% + 10px);left: calc(50% - 75px);}
.foot_right ul li .ewm img{width: 100%;}

.foot_right ul li:hover .ewm{display: block;}


@media(max-width: 1650px){


}

@media(max-width: 1600px){

    .toubu_div .w14{    padding: 0;width: 95%;}
    .pc_top_lj a{font-size: 18px;}
    #nav ul li h3{font-size: 20px;line-height: 24px;}
    #nav ul li a{    padding: 16px 0rem;}
}


@media(max-width: 1420px){




}

@media(max-width: 1400px){


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

	.firstScreen .toubu_div .header_box{display: none;}
	.m_header_box{display: block;}

    .foot_lj li .pic{height: 41px;}
}
@media(max-width: 1000px){



	.body_main{}


	.toubu_div .w14{width: 95%;}




	/* .header_box{display: none;}
	.m_header_box{display: block;} */
	.m_header_box header{padding: 0 3%;}
	.firstScreen{padding-top: 3.75rem;}
	.bannerBox .slider p{font-size: 1.625rem;line-height: 2.25rem;max-height: 4.5rem;overflow: hidden; bottom: 1.25rem;width: 80%;}
	.bannerBox .slick-dots{display: none !important;}



	.foot>.w14{flex-wrap: wrap;justify-content: center;}
	.foot_left{margin-bottom: 0.2rem;}

	.foot_main{flex-wrap: wrap;}


    .foot_left{width: 100%;}
}
@media(max-width: 950px){


}
@media(max-width: 800px){
	.foot_left .foot_con p{font-size: 14px;}
	.foot{padding: 3.75rem 0 2.5rem;}
	.foot_right ul li .ewm{left: calc(50% - 0.8rem);}
}
@media(max-width: 700px){


}

@media(max-width: 650px){
    .foot_left .foot_con+.foot_con{margin-top: 20px;margin-bottom: 20px;}
	.foot_right ul li p{padding-top: 0.1rem;}
	.foot_right ul li{margin: 0 10px 0rem;}
	.foot_right ul{width: 100%;flex-wrap: wrap;justify-content: center;}

	.foot_right{width: 100%;}
	.foot_lj{flex-wrap: wrap;margin-bottom: 0;}
	.foot_lj li{width: 45%;margin-bottom: 2rem;}
.foot_lj li .pic{height: 34px;}
	.foot_lj li .pic img{max-height: 40px;width: auto;max-width: 100%;}
	.foot {
		padding: 30px 0;
	}
}