/* CSS Document public*/

*{font-family:氓戮庐猫陆炉茅鈥衡€γ┞烩€�,Helvetica, sans-serif ,Arial; padding: 0; margin:0; box-sizing:border-box; overflow-scrolling:touch; -webkit-overflow-scrolling:touch;}
html{  }

body{
    padding:0;margin:0;font-family:Arial,"Microsoft Yahei",Helvetica, sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;line-height: 1;font-size:14px;
	overflow-x: hidden;
}

html,body{ min-height:100vh;}
#sy_main{    position: relative;
    z-index: 2;}

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

.index_body{background:#FEF9F1;}



table {
    border-collapse: collapse;
    border-spacing: 0;
}
table td {line-height: 1.25;padding: 5px;padding-left:15px;/* width: auto; */}
.clearfix:after{/*盲录陋氓鈥ζ捗绰犆λ溌∨捗モ€犫€γモ€ζ捗绰� 忙颅拢氓赂赂忙碌聫猫搂藛氓鈩⒙β糕€γ┾劉陇忙碌庐氓艩篓忙鈥撀姑β斥€�*/ content: ""; display: block; height: 0; clear:both; visibility: hidden;}
.clearfix{*zoom: 1;/*ie6忙赂鈥γ┾劉陇忙碌庐氓艩篓莽拧鈥灻︹€撀姑ヂ悸� *氓聫路氓聫陋忙艙鈥癐E6-IE7忙鈥奥∨捗寂捗モ€β睹ぢ烩€撁β德徝喢モ劉篓盲赂聧忙鈥奥∨�*/}

a{text-decoration:none;bblr:expression(this.onFocus=this.blur());/*IE盲陆驴莽鈥澛�*/outline-style:none;/*FF盲陆驴莽鈥澛�*/; outline:none;}
a,input,img,:focus{ mayfish:expression(this.onfocus=this.blur); cursor:handbblr:expression(this.onFocus=this.blur());/*IE盲陆驴莽鈥澛�*/ outline-style:none;/*FF盲陆驴莽鈥澛�*/ } /*氓沤禄茅鈩⒙忙聽鈥∶久ヂ嘎γβ澛ッ♀€灻ㄢ劉拧忙隆鈥�*/
ul{list-style:none;}
img{border:0px; vertical-align:middle}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0; font-weight:normal;}
h3,h4,h5{ font-weight:normal;}
h4 a:hover,h5 a:hover{ -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
hr{display:block;height:1px;border:0;background:#d8d8d8;padding:0;margin-bottom: 3.25rem;margin-top: 2.5rem;}
abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block}
.fl{ float:left}
.fr{ float:right}
.clear{clear:both;height:0px;font-size:1px;line-height:0px}
.container01,.container02,.container03,.container04,.container05,.container06,.container07,.container08,.n-container01,.n-container03,.n-container04{ margin:0 auto;}
.slow img:hover{ transform:scale(1.05);}/*氓鈥郝久р€扳€∶︹€澛久ヂぢ�*/
.slow img{-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}/*莽录鈥溍︹€β⒚︹€⑺喢ε九�*/
h5 a,.more a{-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}/*莽录鈥溍︹€β⒚︹€⑺喢ε九�*/
.slow01{-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}/*莽录鈥溍︹€β⒚︹€⑺喢ε九�*/
.slow02{-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.shadow{ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')";  /* For IE 8 */ filter: 
progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999');  /* For IE 5.5 - 7 */-moz-box-shadow: 1px 1px 10px #999999;/* for firefox */ -webkit-box-shadow: 1px 1px 10px #999999;/* for safari or chrome */ box-shadow:1px 1px 10px #999999;/* for opera or ie9 */}
.radius{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.opacity{filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}/*茅鈧徝λ溑矫ぢ宦Ｃ犅�*/
.overfloat-dot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*忙鈥撯€∶ε撀垛€γモ€÷� 氓掳聫氓艙鈥犆р€毬姑λ溌久ぢ�*/
.overfloat-dot-2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.overfloat-dot-3{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.overfloat-dot-4{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.overfloat-dot-5{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.overfloat-dot-6{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}
.overfloat-dot-7{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}
.gray { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; filter:alpha(opacity=60); opacity:0.6;  -moz-opacity:0.6; -khtml-opacity:0.6;} 
/*transform:rotateY(180deg); -webkit-transform:rotateY(180deg);  -moz-transform:rotateY(180deg); transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);*/  /*180氓潞娄忙鈥斺€姑铰�*/
/*oncontextmenu="return false" ondragstart="return false" onselectstart="return false"*/
/*filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);*/  /*茅鈧徝λ溑矫ㄆ捙捗︹劉炉*/


/*==========================================氓鈥βモ€β� 氓录鈧ヂр€�=============================================*/
.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}

.w1200{margin:0 auto;padding: 0 50px;max-width: 1340px;}


.header_box_li{position: relative;z-index: 1;transition: 0.6s;z-index: 999;}

.header_box_li.sticky{height: 3.75rem;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;}

@-webkit-keyframes sticky {
	0% {
		top: -200px;
	}
	100% {
		top: 0;
	}
	}
@keyframes sticky {
0% {
	top: -200px;
}
100% {
	top: 0;
}
}

.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_images25/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%;transition: 0.6s;display: flex;justify-content: flex-end;}
.pc_top_lj>div{
}
.pc_top_lj .l{display: flex;align-items: center;}
.pc_top_lj .l p{font-size: 0.18rem;color: #e7e7e7;}
.pc_top_lj .r{display: flex;align-items: center;justify-content: flex-end;}
.pc_top_lj .line{display: inline-block;margin: 0 2px;background: #fff;width: 1px;height: 0.06rem;display: none;}

.pc_top_lj a img{}
.pc_top_lj a.search_btn{width: 0.18rem;display: block;}

.pc_top_lj a.search_btn img{display: block;width: 100%;}
.pc_top_lj a{display: block;color: #e7e7e7;
display: flex;
position: relative;
margin-left: 0.3rem;
}
.pc_top_lj a+a p::after{content: '';display: block;width: 1px;height: 0.1rem;background: #fff;position: absolute;left: -0.15rem;top: 50%;transform: translate(0,-50%); transition: 0.6s;}

.pc_top_lj p{font-size: 0.16rem;color: #fff;position: relative;line-height: 0.21rem;height: 0.21rem;
padding-left: 0rem;
white-space: nowrap;
}



.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%;background-size:cover;  transition: 0.6s; max-width: 100%;margin: 0 auto;}

#header.xg:before{ opacity:0; visibility:hidden}

.head_bottom{padding: 0;width: 100%;margin: 0 auto;height: 100%;display: flex;align-items: center;justify-content: space-between;padding: 0 1.2rem 0 0.7rem;position: relative;
}

.header_top{position: relative;height: 2.5rem;padding: 0;text-align: right;z-index: 10000;    transition: 0.6s;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: 0rem; transition: 0.6s;}
#header #logo .box_table{width: 2.59rem;transition: 0.6s;
    display: table;
    height: auto;
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.6s;opacity: 1;
    font-family: "忙楼路盲陆鈥�";
    font-size: 24px;
    text-align: center;}
.head_bottom>.right{width: auto;
padding: 0.4rem 0 0.1rem;
}

.dh_out{width: 0.92rem;height: 0.67rem; background: #D02B22;display: flex;padding: 0.25rem 0 0.25rem;justify-content: center;align-items: center;margin-left: 0.36rem;transition: 0.6s;
border-radius: 200px 0 0 200px;

position: absolute;right: 0;top: 0.38rem;
}
.dh_out a{display: flex !important;width: auto !important;height: auto !important;align-items: center;}
.dh_out a img{width: 0.17rem;}
.dh_out a p{margin-left: 0.15rem;transition: 0.6s;}
.dh_out a:hover p{transform: translate(0,-3px);}

.dh_out .pc_dh{display: flex;align-items: center;cursor: pointer;}
.dh_out .pc_dh .btn{width: 0.39rem;height: 0.36rem;background: url(../sy_images25/sy_top_btn.png) no-repeat center center;background-size: cover;transition: 0.6s;background-size: 100% !important;}
.dh_out .pc_dh p{margin-left: 0.15rem;position: relative;transition: 0.6s;}

.dh_out .pc_dh p::after{content: '';display: block;width: 0;height: 1px;background: #fff;position: absolute;left: 0;top: calc(100% + 0.05rem);transition: 0.6s;}

.dh_out .pc_dh:hover p{transform: translate(0,-3px);}
.dh_out .pc_dh:hover p::after{width: 100%;}


#logo{float:left;position: relative;}
#logo img{    transition: 0.6s;max-width: 100%;}
#logo img.img2{ display:none}
#nav{float: right;padding-top: 2px;width: 100%;transition: 0.6s;}
#nav ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
#nav ul li{float:left;position:relative;z-index:0;margin-left: 0.4rem;}

#nav ul li:before{content:"";position:absolute;left: 0;width: 100%;height: 41px;bottom:0;transition:.6s;}
#nav ul li.on:before, #nav ul li:hover:before{width:140%;left:-20%;}
#nav ul li a{display:block;padding: 0.2rem 0rem;transition: 0.6s;color:#b7b7b7;}
#nav ul li h3{font-size: 0.2rem;line-height: 0.24rem;position:relative;display: inline-block;color: #fff;

}
#nav ul li h3::after{content: '';width: 0;height: 1px;background: #fff;position: absolute;left: 0;bottom: -0.05rem;transition:0.4s;}

#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: 176px;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:rgba(255,255,255,1) ;}
#nav ul li .sub .box{text-align:center;}
#nav ul li:hover a, #header #nav ul li.on a, #header.xg #nav ul li:hover a{color: #fff;}
#nav ul li .sub a{padding: 0 !important;}
#nav ul li .sub p{padding:0.1rem 0.15rem 0.1rem !important; line-height: 20px;transition:.6s;white-space: wrap;display: block;text-align: center;position: relative;transition: 0.6s;}
#nav ul li .sub p{font-size: 0.18rem;color: #555555;transition: 0.6s;}

#nav ul li .sub p:hover{  background: #D02B22;}
#nav ul li .sub p:hover{color: #fff;	}

#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 .box_f{position: relative;}
#nav ul li .box{position: absolute;left: 100%;top: 0rem;min-width: 1.4rem;background: #fff;box-shadow: 0 8px 8px rgba(0,55,59,0.25);display: none;}
#nav ul li .box_f:hover .box{display: block;}


#nav ul li:hover h3::after{width: 100%;}

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





@media(max-width: 1750px){


}


#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;}

.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);}



.g-nav2 {
	position: fixed;
	z-index: 499;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url(../sy_images25/dh_main_bg.jpg) no-repeat center center;
	background-size: cover;
	opacity: 0;
	visibility: hidden;
	transition: 0.6s;
  }
  .g-nav2 .scroll {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 2.3rem;
	bottom: 0;
	overflow-y: auto;
  }
  .g-nav2 .scroll ul {
	max-width: 17.85rem;
	margin: 0 auto;
	display: flex;
  }
  .g-nav2 .scroll li {
	width: 14.285%;
	text-align: center;
	padding-top: 0rem;
  }
  .g-nav2 .scroll li a {
	color: #fff;
  }
  .g-nav2 .scroll li h2 {
	font-size: 0.22rem;
  }
  .g-nav2 .scroll li .list { 
	padding: 0.2rem 0;
  }
  .g-nav2 .scroll li .list h3 {
	font-weight: 400;
	font-size: 0.17rem;
	line-height: 0.36rem;
  }
  .g-nav2 .scroll li .list dl {
	padding-bottom: 0.2rem;
  }
  .g-nav2 .scroll li .list dd {
	font-size: 0.16rem;
	line-height: 0.3rem;
	opacity: 0.65;
  }
  .g-nav2 .scroll li .list dd:hover {
	opacity: 1;
  }
  .navShow .g-nav2 {
	opacity: 1;
	visibility: visible;
  }

  .navShow{overflow: hidden;}
  .navShow .dh_out .pc_dh .btn{background: url(../sy_images25/dh_btn_close.png) no-repeat center center;
background-size: 0.27rem !important;
}

  .head_bottom{transition: 0.6s;}
  .head_bottom>.right{transition: 0.6s;}

  .navShow .head_bottom>.right #nav{transform: translate(0,-0.1rem);opacity: 0;visibility: hidden;}
  .navShow #header #logo{}
  .navShow .head_bottom{}

body{}



.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: none;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;
}
.header-right .bubbles-bg{
	opacity: 0;
	visibility: hidden;
	transition: all .5s .8s;
}
.search-dialog-box .bubbles-bg .bubble{
	position: absolute;
}
.search-dialog-box .bubbles-bg .bubble .circle{
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width:100%;
	height: 100%;
}
.search-dialog-box .bubbles-bg .bubble1{
	width:6%;
	padding-top: 6%;
	left: 26.875%;
	top: -6.67%;
}
.search-dialog-box .bubbles-bg .bubble1 .circle{
	border:1px solid #fff;
}
.search-dialog-box .bubbles-bg .bubble2{
	width:12px;
	padding-top: 12px;
	left: 13.54%;
	top: 18%;
}
.search-dialog-box .bubbles-bg .bubble2 .circle{
	background-color: #ff495f;
}
.search-dialog-box .bubbles-bg .bubble3{
	width:36px;
	padding-top: 36px;
	left: 8.854%;
	top: 30.55%;
}
.search-dialog-box .bubbles-bg .bubble3 .circle{
	background-color: #fff;
}
.search-dialog-box .bubbles-bg .bubble4{
	width:56.875%;
	padding-top: 56.875%;
	left: -28.6458%;
	top: 51.85%;
}
.search-dialog-box .bubbles-bg .bubble4 .circle{
	background: -webkit-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
	background: -ms-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
	background: linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
}
.search-dialog-box .bubbles-bg .bubble5{
	width:54px;
	padding-top: 54px;
	left: 26.3%;
	top: 70.83%;
}
.search-dialog-box .bubbles-bg .bubble5 .circle{
	background-color: #fff;
	opacity: .1;
}
.search-dialog-box .bubbles-bg .bubble6{
	width:56.875%;
	padding-top: 56.875%;
	left: 73.4375%;
	top: -52.77%;
}
.search-dialog-box .bubbles-bg .bubble6 .circle{
	background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
	background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
}
.search-dialog-box .bubbles-bg .bubble7{
	width:2rem;
	padding-top: 2rem;
	left: 60.9375%;
	top: 18.5%;
}
.search-dialog-box .bubbles-bg .bubble7 .circle{


	background-color: #ff495f;
}
.search-dialog-box .bubbles-bg .bubble8{
	width:1.35rem;
	padding-top: 1.35rem;
	left: 95.83%;
	top: 70.83%;
}
.search-dialog-box .bubbles-bg .bubble8 .circle{
	border:1px solid #fff;
}
.search-dialog-box .bubbles-bg .bubble9{
	width:16px;
	padding-top: 16px;
	left: 76.5625%;
	top: 96.296%;
}
.search-dialog-box .bubbles-bg .bubble9 .circle{
	background-color: #fff;
}
.search-dialog-box .bubbles-bg .bubble10{
	width:56.875%;
	padding-top: 56.875%;
	left: 71.354%;
	top:87%;
}
.search-dialog-box .bubbles-bg .bubble10 .circle{
	background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
	background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
}
.search-dialog-box .bubbles-bg .bubble{
	animation:spin 8s infinite linear;
	transform-origin: 50% 45%;
}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n){
	animation:spin2 8s infinite linear;
}
.search-dialog-box .bubbles-bg .bubble .circle{
	animation:spin-reverse 8s infinite linear;
}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle{
	animation:spin-reverse2 8s infinite linear;
}
.search-dialog-box .bubbles-bg .sm-bubble{
	transform-origin: 30% 30px;
}
.search-dialog{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 2;
}
.search-dialog .search-tit{
	font-size: 0.2rem;
	line-height: 0.25rem;
	color: #fff;
	text-align: center;
	overflow: hidden;
	display: none;
}
.search-dialog .search-inner{
	overflow: hidden;
	margin-top: 0;
}
.search-dialog .search-input{
	width: 561px;
	margin: 0 auto;
	padding: 0 0rem 0 0.3rem;
	background: #fff;
	box-sizing: border-box;
	transition: all .3s;
	max-width: 94%;
	border-radius: 500px;
}
.search-dialog .search-input input[type=text]{
	float: left;
	height: 0.56rem;
	width: calc(100% - 0.89rem);
	background-color: transparent;
	font-size: 0.2rem;
	line-height: .25rem;
	color: #919191;
	transition: all .3s;
	outline: none;
    border: 0;
}
.search-dialog .search-input input[type=text]::-webkit-input-placeholder{
	color: #919191;
}  
.search-dialog .search-input input[type=text]:-moz-placeholder{
	color: #919191;
}  
.search-dialog .search-input input[type=text]::-moz-placeholder{
	color: #919191;
}  
.search-dialog .search-input input[type=text]:-ms-input-placeholder {
	color: #919191;
} 
.search-dialog .search-input input[type=image],
.search-dialog .search-input .clear-btn{
	float: right;
	height: 0.72rem;
	width: 0.56rem;
}

.search-dialog .search-input input[type=image]{
	margin-right: -5px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.5rem;
	background-image: url('../sy_images25/search.png');
	background: #D02B22 url('../sy_images25/search.png') no-repeat center center;
	height: 0.56rem;
	width: 0.89rem;
	border-radius: 100px;
}
.search-dialog .search-input .clear-btn{
	background-color: rgba(0,0,0,.2);
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../sy_images25/close-btn.png');
	background-size: 0.56rem;
	border-radius: 100%;
	margin-right: 1rem;
	display: none;
}
.search-dialog .search-input.on{
	background-color: #fff;
}

.search-dialog .search-input.on input[type=image]{
	background-image: url('')
}

.search-dialog .hot-search{
	font-size: 0;
	width:3.12rem;
	margin:.6rem auto 0;
	box-sizing: border-box;
	padding:0 .6rem;
	overflow: hidden;
}
.search-dialog .hot-search .hot-tit,
.search-dialog .hot-search .hot-link{
	display: inline-block;
	*display: inline;
	zoom:1;
	vertical-align: top;
}
.search-dialog .hot-search .hot-tit{
	font-size: .375rem;
	line-height: .5rem;

	color: #fff;
	font-weight: bold;
	padding-left: .6rem;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: .5rem;
	background-image: url();
}
.search-dialog .hot-link{
	margin-left: 1rem;
}


.search-dialog .hot-link a{
	display: inline-block;
	*display: inline;
	zoom:1;
	font-size: .375rem;
	line-height: .5rem;
	margin-right: .75rem;
	color:#fff;
	padding-bottom: 5px;
	position: relative;
}

.search-dialog .hot-link a:before{
	content: "";
	position: absolute;
	left:0%;
	bottom:0;
	width:100%;
	height: 2px;
	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: .35rem;
	line-height:.5rem;
	color: #fff;
	font-family: "gilroy-regular";
	margin-top: .5rem;
	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: 24px;
    height: 24px;
    z-index: 10;
    right: 2.14rem;
    top: 0.48rem;
    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-repeat: no-repeat;
    background-image: url(../sy_images25/search_close.png);
	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: 0.4rem auto 0;width: calc(100% - 0.6rem);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:16px;color: #fff;height: 40px !important;line-height: 40px;box-shadow: none;-webkit-appearance: none;border-right: 0;background: none;width: 100% !important;outline: none;
    border: 1px solid rgba(255,255,255,0.5);padding: 0 51px 0 20px;max-width:100% !important;}
.tc_search .btn_blue { position: absolute; top: 0; right: 0; width: 40px; height: 40px; line-height: 38px; border: 0; background: url(../sy_images25/search_white.png) 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;float: right;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: 0.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: #D02B22;}
#m_nav .pc_top_lj{margin: 0 auto;display: table;width: auto;}
#m_nav .pc_top_lj .r{padding-top: 0;flex-wrap: wrap;justify-content: center;}

#m_nav .pc_top_lj a{margin: 0 0.1rem !important;}

#m_nav .pc_top_lj .r a p::after{display: none;}

#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 0.3rem;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: 0.16rem;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_images25/arrow_down.png) center center no-repeat;background-size: 13px 13px !important;position: absolute;display: block;right: 0;}

#m_nav li.on i {background: url(../sy_images25/arrow_down_on.png) 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; }



.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: 2.9rem; 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;position: fixed;top: 0;left: 0;right: 0;z-index: 100;background: linear-gradient(180deg, #D02B22 0%, rgba(208, 43, 34, 0) 100%);background-size: cover;}

#m_header #logo{float: left;}
#m_header #logo img{max-height: 53px;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);}








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

 .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_bai{position: fixed;}
	.toubu_div_bai .list_box0 .li>a{color: #000;}


	.yc_gd_dh{z-index: 2000;top: -200px;}

	.yc_gd_dh	#header{height: 82px;background:#4c7867;}
.yc_gd_dh .head_bottom{ padding: .1rem 0rem .5rem;height: 82px; }
.yc_gd_dh .head_bottom .right{width: calc(100% - 500px);}
.yc_gd_dh .header_top{transition: 0.6s;overflow: hidden;}
.yc_gd_dh .header_top.lit{height: 0;}

.yc_gd_dh #nav ul li h3{color: #fff;font-size: 1.375rem;}
.yc_gd_dh #nav ul li:hover h3{color: #fff;}
.yc_gd_dh #nav ul li .sub a:hover{   background: #b03d3d; }
.yc_gd_dh #nav ul li .sub a{background: #fff;}

.yc_gd_dh .db_kslj{width: 1340px;margin: 10px auto 0;}
.yc_gd_dh .db_kslj ul{display: flex;width: 100%;}
.yc_gd_dh .db_kslj ul li{width: 11.11%;border-left: 0px solid #bdbdbd;}
.yc_gd_dh .db_kslj ul li+li{border-left: 1px solid #bdbdbd;}
.yc_gd_dh .db_kslj ul li a{display: block;}
.yc_gd_dh .db_kslj ul li .pic{position: relative;display: table;margin: 5px auto 10px;}
.yc_gd_dh .db_kslj ul li .pic img{}
.yc_gd_dh .db_kslj ul li .pic img+img{position: absolute;top: 0;left: 0;opacity: 0;transition: 0.6s;}
.yc_gd_dh .db_kslj ul li .pic img+img+img{opacity: 0;}
.yc_gd_dh .db_kslj.on ul li a .pic img{opacity: 0;}
.yc_gd_dh .db_kslj.on ul li a .pic img+img{opacity: 0;}
.yc_gd_dh .db_kslj.on ul li a .pic img+img+img{opacity: 1;}
.yc_gd_dh .db_kslj.on ul li p{color: #ddacac;}
.yc_gd_dh .db_kslj ul li p{font-size: 1rem;color: #000;font-family: Arial;text-align: center;transition: 0.6s;}


.yc_gd_dh .db_kslj ul li a:hover .pic img+img{opacity: 1;}
.yc_gd_dh .db_kslj ul li a:hover .pic img+img+img{opacity: 0;}

.yc_gd_dh .db_kslj ul li a:hover p{color: #4c7867;font-weight: bold;}

.img{width: 100%;position: relative;padding-bottom: 60%;overflow: hidden;transition: 0.6s;}
.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.6s;

	display: none;
}
.img img{  position: absolute;transition: 0.6s;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
opacity: 1 !important;
}
a:hover .img .img_box{transform: scale(1.05);}
a:hover .img img{transform: scale(1.05);}

.w16{width: 16rem;margin: 0 auto;}


.swiper-button-next,.swiper-button-prev{pointer-events: unset !important;}


.firstScreen{
    height: 100vh;
    overflow: hidden;
    position: relative;
  }

  .body_main{
    position: absolute;
    left: 0%;
    top: 100%;
    bottom: 0;
    right: 0;
    background: #fff;
    overflow: hidden;
    transition: top 0.7s cubic-bezier(0.5,0,0.2,1) 0s;
    z-index: 999;
    overflow-y: auto;
    outline: none;

  }
  .body_main{background:#FEF9F1;}
  .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;}


  .toubu_div::after{content: "";display: block;width: 100%;height: 120%;/*background: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0));*/background: linear-gradient(180deg, #e95627 0%, rgba(208, 43, 34, 0) 100%);background-size: cover;position: absolute;top: 0%;z-index: 0;left: 0;transition: 0.6s;opacity: 1;}
  #header{transition: 0.6s;}

  .toubu_div.on #header #logo{}
  .toubu_div.on::after{opacity: 1;height: 120%;}
  .toubu_div.on .pc_top_lj .r{padding-top: 0rem;}
  .toubu_div.on #nav ul li a{ padding: 0.2rem 0 0.22rem; }
  .toubu_div.on #header #logo .box_table{margin-top: 0;}
  .toubu_div.on #header #logo .box_table .box_table_cell{vertical-align: middle;}
  .toubu_div.on #header #logo .box_table{}

  .toubu_div.on .dh_out{padding: 0.15rem 0;}

  .navShow .toubu_div.on #header #logo{top: -0.34rem;}



.swiper-slide{    filter: brightness(1);}


.swiper-button-prev, .swiper-button-next{margin: 0;border: none;}
.swiper-button-prev{left: 30px;}
.swiper-button-next{right: 30px;left: auto;}


@font-face {
	font-family: sys;
}



.sy_tit{position: relative;margin-bottom: 0.3rem;display: flex;align-items: center;width: 100%;z-index: 5;justify-content: space-between;}



.sy_tit .wz{position: relative;display: table;}
.sy_tit .wz img{height: 1.12rem;}

.sy_tit .wz .bt{font-size: 0.48rem;color: #323232;position: relative;padding-bottom: 0.13rem;font-weight: bold;letter-spacing: 0.06rem;}

.sy_tit .wz .ico{width: 0.32rem;height: 0.27rem;background: url(../sy_images25/sy_tit_ico.png) no-repeat center center;margin: 0 auto;position: relative;}
.sy_tit .wz .ico::after{content: '';display: block;width: 1.1rem;background: #D02B22;height: 1px;position: absolute;left: calc(100% + 0.26rem);top: 50%;opacity: 0.3;}
.sy_tit .wz .ico::before{content: '';display: block;width: 1.1rem;background: #D02B22;height: 1px;position: absolute;right: calc(100% + 0.26rem);top: 50%;opacity: 0.3;}

.sy_tit>a{display:block;position: absolute;right: 0;top: calc(50% - 0.15rem); background: url(../sy_images25/sy_more.png) no-repeat bottom center;background-size: 0.44rem !important;transition: 0.6s;}
.sy_tit>a p{font-size: 0.16rem;color: #2C2C2C;position: relative;line-height: 0.24rem;transition: 0.6s;text-align: center;padding-bottom: 0.08rem;}


.sy_tit>a:hover p{width: 100%;color: #D02B22;}
.sy_tit>a:hover{transform: translate(0,-5px);}




.sy_tit.bai{}
.sy_tit.bai .wz .bt{color: #fff;}
.sy_tit.bai .wz .bt::after{background: #FFC043;}


.sy_tit.bai>a{background: url(../sy_images25/sy_more_on.png) no-repeat center bottom;}
.sy_tit.bai>a p{color: #fff;}


.sy_tit.cen{justify-content: center !important;}


.sy_more{display: table;margin-top: 0.4rem;}
.sy_more a{display: table;}
.sy_more p{font-size: 0.16rem;color: #BFAF95;display: table;letter-spacing: 0.03rem;transition: 0.6s;
background: url(../sy_images25/sy_more.png) no-repeat right center;
padding-right: 0.24rem;
}

.sy_more a:hover p{color: #D02B22;
}

@media(max-width: 1024px){
	.sy_tit{margin-bottom: 0.2rem;}
	.sy_tit .wz .bt{font-size: 0.3rem;}


	.sy_tit .pic{width: 0.3rem;}
.sy_tit .pic img{display: block;width: 100%;}
.sy_tit .wz .bt{font-size: 0.24rem;}


.sy_tit.cen{justify-content: space-between !important;}

.sy_more{margin-top: 0.3rem;}
.sy_more p{padding: 0.12rem 0.3rem;}
}

@media(max-width: 650px){
.sy_tit .wz img{height: 0.8rem;}
}




.sy_ssnd_btn{position: fixed;right: -.77rem;top: calc(50% - .77rem);z-index: 9999;cursor: pointer;transition: .4s;transform: scale(1);transition-delay: 1s;display: none;}
.sy_ssnd_btn.on{transform: scale(0);}

.sy_ssnd_btn .con{width: 1.74rem;height: 1.74rem;background: #D02B22;background-size: 100% 100% !important;border-radius: 50%;position: relative;z-index: 4;display: flex;align-items: center;justify-content: center;padding-right: .67rem;}
.sy_ssnd_btn .con::after{content: '';display: block;width: 100%;height: 100%;background: url(../sy_images25/sy_right_btn_bg.png) no-repeat center center;background-size: 100% 100% !important;
	opacity: 0.4;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.sy_ssnd_btn .con p{font-size: .24rem;color: #fff;font-family: sys;width: .24rem;margin-right: .1rem;line-height: .28rem;}
.sy_ssnd_btn .con img{width: .16rem;}

.sy_ssnd_btn:hover .con img{animation:right_jt 1s;animation-timing-function: linear;animation-iteration-count: infinite;}

.sy_xjt{position: absolute;bottom: .4rem;width: 1.5rem;left: calc(50% - 0.75rem);z-index: 999;cursor: pointer;}
.sy_xjt p{font-size: .22rem;color: #fff;font-family: sys;text-align: center;margin-bottom: .15rem;}
.sy_xjt img{width: .55rem;margin: 0 auto;
    animation: bb 2s linear 0s infinite;
	position: relative;
	left: 50%;
}
@keyframes bb{
	0%{transform:translate(-50%,0);opacity:0;}
	20%{transform:translate(-50%,3px);opacity:1;}
	80%{transform:translate(-50%,10px);opacity:1;}
	90%{transform:translate(-50%,10px);opacity:0;}
	100%{transform:translate(-50%,10px);opacity:0;}
	}


.bowen{width: 1.74rem;height: 1.74rem;display: flex;justify-content: center;align-items: center;position: absolute;margin: 0 auto;cursor: pointer;top: 0;left: 0;z-index: 1;}
.bowen .con{background:rgb(208, 43, 34);width: 4.375rem;height: 4.375rem;background-size: 100%;opacity: 1;position: relative;z-index: 5;border-radius: 50%;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.bowen .con img{margin: 1.2rem 0px 0 0px;display: block;max-width: 63%;transform: translate(0px,0);animation:bowen_jt 1s;animation-timing-function: linear;animation-iteration-count: infinite;}
.bowen .con p{font-size: 14px !important;color: #fff !important;line-height:20px !important;text-align: center;text-indent: 0;width: 100% !important;margin-top: 1.5rem;}
.bowen .bw{position: absolute;width: 1.74rem;height: 1.74rem;background: rgba(208, 43, 34,0.12);z-index: 1; border-radius: 50%;top: 0;left: 0;right: 0;bottom: 0;margin: auto; 
    animation:yc_yyxt_dh 3s;animation-timing-function: linear;animation-iteration-count: infinite;}
.bowen .bw1{}
.bowen .bw2{animation-delay:1s;
    -webkit-animation-delay:1s; }
.bowen .bw3{animation-delay:2s;
    -webkit-animation-delay:2s; }


	@keyframes yc_yyxt_dh {
		0% {opacity: 1;background: rgba(208, 43, 34,1);transform: scale(1);}
		100% {opacity: 0;background: rgba(208, 43, 34,0.30);transform: scale(1.3);}
	  }

	  @keyframes bowen_jt {
		0% {transform: translate(0px,0);}
		50% {transform: translate(0px,3px);}
		100% {transform: translate(0px,0);}
	  }

	  @keyframes right_jt {
		0% {transform: translate(0px,0);}
		50% {transform: translate(3px,0px);}
		100% {transform: translate(0px,0);}
	  }





.sy_ssnd_box{position: fixed;background: url(../sy_images25/ssnd_bg.jpg) no-repeat center center;background-size: cover;
top: 0;
left: 0;
z-index: 99999;
width: 100vw;
height: 100vh;
display: flex;justify-content: space-between;
transition: .8s;
transform: translateX(0%) scaleX(0);
    transform-origin: right;
	overflow: hidden;
}
.sy_ssnd_box.on{transform: translateX(0%) scaleX(1);}


.ssnd_fhsy{width: 1.4rem;height: 1.4rem;position: absolute;top: calc(50% - .7rem);border: 1px solid rgba(255, 255, 255, 0.4);border-radius: 50%;display: flex;justify-content: center;align-items: center;left: -.7rem;padding-left: .55rem;cursor: pointer;z-index: 111;}
.ssnd_fhsy p{font-size: .2rem;width: .2rem;font-family: sys;color: #fff;line-height: .22rem;}

.ssnd_tit{width: 4.8rem;height: 100%;display: flex;justify-content: center;align-items: center;}
.ssnd_tit .left{margin-right: .2rem;}
.ssnd_tit .left img{display: block;width: .48rem;margin-bottom: .1rem;}
.ssnd_tit .left .p1{
	font-family: Bell MT;
font-size: .24rem;
font-weight: bold;
color: #fff;
word-break: break-all;
width: .7rem;
}
.ssnd_tit .p2{font-size: .48rem;line-height: .55rem;color: #fff;word-break: break-all;width: .48rem;
font-family: sys;
}


.ssnd_ul li .sz{font-size: .56rem;color: #fff;font-family: HarmonyOS Sans SC;text-align: center;margin-bottom: .2rem;font-weight: bold;}
.ssnd_ul li .zy{font-size: .18rem;color: #fff;text-align: center;line-height: .24rem;padding: 0 .4rem;}

.ssnd_ul{width:14.4rem ; height: 100%;display: flex;flex-wrap: wrap;position: relative;}
.ssnd_ul li{width: 16.66%;height: 25%;display: flex;align-items: center;justify-content: center;
	transform: translateX(0%) scaleX(0);
	transition: .5s;
}
.sy_ssnd_box.on .ssnd_ul li{transform: translateX(0%) scaleX(1);transition-delay: 1s;}


.ssnd_ul li .pic{width: 100%;height: 100%;display: flex;justify-content: center;align-items: flex-end;}
.ssnd_ul li .pic img{display: block;max-width: 100%;}

.ssnd_ul li.li1{background: #e95627;width: 33.33%;height: 50%;position: absolute;top: 0;left: 0;
}

.ssnd_ul li.li2{background: #F5C0A1;margin-left: 33.33%;
}
.ssnd_ul li.li3,.ssnd_ul li.li8{background: #e95627;
}

.ssnd_ul li.li4{background: #EC7B4A;
}
.ssnd_ul li.li6{background: #EC7B4A;margin-left: 33.33%;
}
.ssnd_ul li.li9{background: #F19F74;
}
.ssnd_ul li.li10,.ssnd_ul li.li17{width: 33.33%;}
.ssnd_ul li.li11{background: #EC673D;}
.ssnd_ul li.li12{background: #F19F74;}
.ssnd_ul li.li14{background: #EC7B4A;}
.ssnd_ul li.li15{background: #F3B08A;}
.ssnd_ul li.li16{background: #EF8E5F;}
.ssnd_ul li.li18{background: #F5C0A1;}



.sy_ssnd_box.on .ssnd_ul li.li1{
	transition-delay: 1.2s;
}

.sy_ssnd_box.on .ssnd_ul li.li2{
	transition-delay: 1.6s;
}
.sy_ssnd_box.on .ssnd_ul li.li3,.sy_ssnd_box.on .ssnd_ul li.li8{
	transition-delay: 1.8s;
}

.sy_ssnd_box.on .ssnd_ul li.li4{
	transition-delay: 1.4s;
}
.sy_ssnd_box.on .ssnd_ul li.li6{
	transition-delay: 1.2s;
}
.sy_ssnd_box.on .ssnd_ul li.li9{
	transition-delay: 2s;
}
.sy_ssnd_box.on .ssnd_ul li.li10,.sy_ssnd_box.on .ssnd_ul li.li17{transition-delay: 1.4s;}
.sy_ssnd_box.on .ssnd_ul li.li11{transition-delay: 1.2s;}
.sy_ssnd_box.on .ssnd_ul li.li12{transition-delay: 2s;}
.sy_ssnd_box.on .ssnd_ul li.li14{transition-delay: 1.8s;}
.sy_ssnd_box.on .ssnd_ul li.li15{transition-delay: 1.6s;}
.sy_ssnd_box.on .ssnd_ul li.li16{transition-delay: 1.2s;}
.sy_ssnd_box.on .ssnd_ul li.li18{transition-delay: 1.4s;}





@media(max-width: 1024px){

	.sy_xjt{display: none;}

	.ssnd_tit .left{display: flex;align-items: center;}
	.ssnd_tit .left img{margin: 0;margin-right: .15rem;}
	.ssnd_tit .p2{width: auto;}


	.sy_ssnd_btn{right: -.4rem;top: calc(50% - .5rem);}
	.sy_ssnd_btn .con{width: 1rem;height: 1rem;padding-right: .3rem;}
	.bowen{width: 1rem;height: 1rem;}
	.bowen .bw{width: 1rem;height: 1rem;}
	.sy_ssnd_btn .con p{font-size: .16rem;line-height: .18rem;width: .14rem;}
	.sy_ssnd_btn .con img{width: .1rem;}

	.sy_ssnd_box{flex-wrap: wrap;}
	.ssnd_tit{width: 100%;height: 1rem;}
	.ssnd_ul{width: 100%;height: calc(100% - 1rem);}
	.ssnd_ul li{width: 50% !important;display: none;height: 25% !important;margin: 0 !important;position: relative !important;}
	.ssnd_ul li.li1,.ssnd_ul li.li3,.ssnd_ul li.li6,.ssnd_ul li.li8,.ssnd_ul li.li9,.ssnd_ul li.li11,.ssnd_ul li.li12,.ssnd_ul li.li15{display: flex;}

	.ssnd_fhsy{width: auto;height: auto;left: 0;border: 0 solid #000;padding: .1rem;background: rgba(255,255,255,.2);border-radius: .1rem;}
}
@media(max-width: 650px){
	.ssnd_tit .left img{width: .3rem;}
	.ssnd_tit .left .p1{font-size: .2rem;}
	.ssnd_tit .p2{font-size: .4rem;}
	.ssnd_ul li .sz{font-size: .4rem;}
}


/* .index_body{overflow: hidden;} */

.part1{position: relative;height: 100%;}
.part1::after{content: "";display: block;}
.p1_lb{width: 100%;height: 100%;margin: 0 auto 0;}

.p1_lb .slick-slider{height: 100%;}

.p1_lb .swiper-slide{height: 100%;}
.p1_lb .swiper-slide a{display: block;position: relative;height: 100%;}
.p1_lb .swiper-slide a::after{content: '';display: block;width: 100%;height: 2.77rem;/*background: linear-gradient(180deg, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0) 95%);*/background: linear-gradient(180deg, #D02B22 0%, rgba(208, 43, 34, 0) 100%);
	background-size: auto 100%;
	position: absolute;top: 0;z-index: 5;left: 0;
display: block;

opacity: 1;
}
.p1_lb .swiper-slide a::before{}

.p1_lb .swiper-slide .img{padding-bottom: 0;height: 100vh;}
.p1_lb .swiper-slide video{height: auto;width: 100%;background: #000;}
.p1_lb .swiper-slide .pic{height: 100%;}
.p1_lb .swiper-slide img{width: 100%;transform: scale(1) !important;height: 100%;}
.p1_lb .swiper-slide .img_box{transform: scale(1) !important;}

.p1_lb .slick-dots{position: absolute;bottom: .3rem; left: calc(50% - 8rem);display: flex;justify-content: flex-end;width: 16rem;z-index: 6;align-items: flex-end;

}
.p1_lb .slick-dots li{
	width: 0.16rem;height: 0.21rem;display: block;margin: 0 0.07rem !important;opacity: 1;
background: url(../sy_images25/bn_dt_dot.png) no-repeat center bottom;
background-size: 100%;
opacity: 0.74;
border-radius: 0;
transition: 0.6s;
cursor: pointer;
}
.p1_lb .slick-dots li button{display: none;}


.mySwiper2_sj{display: none;}

.p1_lb .slick-dots li.slick-active{opacity: 1;width: 0.26rem;height: 0.34rem;}


.p1_jt_box{position: absolute;bottom: 0.2rem; left: 0rem;display: flex;justify-content: flex-end;width: 100%;z-index: 6; display:none;}
.p1_jt_box .swiper-pagination{position: relative;display: flex;align-items: flex-end;}
.p1_jt_box .swiper-pagination span{width: 0.16rem;height: 0.21rem;display: block;margin: 0 0.07rem !important;opacity: 1;
background: url(../sy_images25/bn_dt_dot.png) no-repeat center bottom;
background-size: 100%;
opacity: 0.74;
border-radius: 0;
transition: 0.6s;
}
.p1_jt_box .swiper-pagination span.swiper-pagination-bullet-active{opacity: 1;width: 0.26rem;height: 0.34rem;}



.p2_jt_zy{width: calc(100% - 1.2rem);position: absolute;left: 0.6rem;top: calc(50% - 0.4rem);display: flex;justify-content: space-between;display: none;}
.p2_jt_zy>div{width: 0.8rem;height: 0.8rem;background: rgba(0,0,0,0.4) url(../sy_images25/bn_dt_jt_prev.png) no-repeat center center;background-size: 100% !important;border-radius: 50%;position: relative;top: 0;left: auto;right: auto;pointer-events: unset !important;}
.p2_jt_zy>div.swiper-button-next{background: rgba(0,0,0,0.4) url(../sy_images25/bn_dt_jt_next.png) no-repeat center center;}





@media(max-width: 1024px){

.p1_jt_box{
display:flex;
}

	.p1_lb .slick-dots{width: 100%;}
	

	.p1_lb{width: 100%;height: auto;display: none;}
	.part1{height: auto;margin-top: 60px;}
	
	
.firstScreen{height: auto;}
.p1_lb .swiper-slide .img{padding-bottom: 38%;height: 0;}
.body_main{position: relative;}


	
	.p1_lb .swiper-slide a::after{display: none;}
	.p1_lb .swiper-slide a::before{display: none;}
	.p1_lb{width: 100%;height: auto;margin: calc(60px) auto 0;}

	.p2_jt_zy{top: calc(50% - 0.15rem);width: calc(100% - 0.2rem);left: 0.1rem;}
	.p2_jt_zy>div{width: 0.3rem;height: 0.3rem;}
	.p1_xljt{display: none;}

	.p1_jt_box{bottom: 0.1rem;}


	.p1_jt_box .swiper-pagination span{width: 0.1rem;margin: 0 0.07rem !important;}
	.p1_jt_box .swiper-pagination span.swiper-pagination-bullet-active{width: 0.16rem;}
	

	.mySwiper2_sj{display: block;width: 100%;}
.mySwiper2_sj .swiper-slide .img{padding-bottom: 38%;height: 0;}


}



.part_toutiao{position: relative;z-index: 6;margin-top: -0.7rem;}
.part_toutiao .w16{height: 1.4rem;background: #fff url(../sy_images25/p_toutiao_bg.png) no-repeat center;background-size: 13.8rem !important;padding: 0 0.32rem;
	box-shadow: 0px 0 0.1rem 0px rgba(0, 0, 0, 0.3);
}
.part_toutiao a{display: flex;align-items: center;justify-content: space-between;width: 100%;height: 100%;}
.part_toutiao .pic{width: 0.95rem;position: relative;}
.part_toutiao .pic img{display: block;width: 100%;}
.part_toutiao .pic p{font-size: 0.24rem;color: #fff;font-weight: bold;position: absolute;top: calc(50% - 0.14rem);left: 0.18rem;}
.part_toutiao .bt{font-size: 0.34rem;color: #DF0A0A;font-weight: bold;width: calc(100% - 1.6rem);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

}




@media(max-width: 1024px){
	.part_toutiao .pic{width: 0.6rem;}
	.part_toutiao .pic p{font-size: 0.16rem;left: 0.1rem;top: 0.15rem;}

	.part_toutiao{margin-top: 0.1rem;}
	.part_toutiao .w16{height: 0.8rem;background-size: 99% 92% !important;}

	.part_toutiao .bt{font-size: 0.2rem;width: calc(100% - 0.8rem);}
}
@media(max-width: 650px){
	
}



.textline{background-position: 0 100%;background-repeat: no-repeat;background-size: 0 1px;transition: background-size .3s;}
a:hover .textline{background-size: 100% 1px;}
.bt span{background-image: linear-gradient(#D02B22,#D02B22);}


.part2{
padding: 1.3rem 0 .7rem;
position: relative;
z-index: 6;
}
.part2 .w16{display: flex;justify-content: space-between;flex-wrap: wrap;}


.p2_left{width: 11.68rem;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}


.p2_lb{width: 7.8rem;position: relative;}
.p2_lb .swiper-slide{}
.p2_lb a{}
.p2_lb .img{}
.p2_lb .con{}
.p2_lb .con .bt{
	font-size: 0.24rem;
	color: #000;
	padding: 0.3rem 0 0.2rem;

	overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}


.p2_lb .con .zy{
	font-size: 0.16rem;
	line-height: 0.24rem;
	color: #999;
	margin-bottom: 0.25rem;

	overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;

}

.p2_lb .con .sj{
	font-family: sys;
	font-size: 0.18rem;
	color: #D02B22;
}

.p2_lb .swiper-pagination{bottom: 1.9rem;justify-content: flex-end;width: 100%;display: flex;padding: 0 0.26rem;}
.p2_lb .swiper-pagination span{width: auto;height: auto;font-family: sys;background: none;
border-radius: 0;
font-size: 0.16rem;
color: #fff;
opacity: 0.5;
margin: 0 0 0 0.26rem !important;
}
.p2_lb .swiper-pagination span.swiper-pagination-bullet-active{opacity: 1;}


.p2_xww_lj{position: relative;z-index: 3;transition: 0.6s;}
.p2_xww_lj a{font-size: 0.18rem;color: #D02B22;display: block;
position: absolute;
right: 0;
bottom: 0;
background: url(../sy_images25/p2_xww_jt.png) no-repeat right center;
padding-right: 0.41rem;

}

.p2_xww_lj:hover{transform: translate(0,-5px);}

.p2_ul1{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 3.45rem;

	border-top: 1px solid #F4E5CB;
}
.p2_ul1 li{
width:100%;
	position: relative;
	transition: 0.6s;
	

	border-bottom: 1px solid #F4E5CB;
}
.p2_ul1 li::after{content: '';display: block;width: 0;height: 1px;background: #D02B22;position: absolute;
left: 0;
bottom: -1px;
transition: 0.6s;
z-index: 3;
}

.p2_ul1 li a{
	display: block;
	position: relative;
	z-index: 3;
	transition: 0.6s;
	padding: 0.16rem 0 .13rem;
}
.p2_ul1 .con{
    width: 100%;
    position: relative;
    height: 0.781rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.p2_ul1 .con .bt{
	font-size: 0.18rem;
	line-height: 0.24rem;
	color: #36393b;
	transition: 0.6s;
	margin-bottom: 0;
	    height: auto;
    max-height: 0.48rem
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.p2_ul1 .con .zy{font-size: 0.16rem;line-height: 0.3rem;color: #646464;height: 0.9rem;margin-bottom: 0.1rem;

	overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}

.p2_ul1 .sj{
	font-family: sys;
	font-size: 0.16rem;
	line-height: 0.26rem;
	color: #D02B22;
}


.p2_ul1 li:hover{}
.p2_ul1 li:hover::after{width: 100%;}
.p2_ul1 li:hover .con .bt{color: #D02B22;}


.p2_line{width: 1px;height: 6.4rem;background: #F4E5CB;align-self: flex-end;}


.p2_right{width: 3.5rem;}
.p2_ul2{}
.p2_ul2 li{	border-bottom: 1px solid #F4E5CB;position: relative;}
.p2_ul2 li::after{content: '';display: block;width: 0;height: 1px;background: #D02B22;position: absolute;
left: 0;
bottom: -1px;
transition: 0.6s;
z-index: 3;
}

.p2_ul2 a{display: block;}
.p2_ul2 .img{}
.p2_ul2 .con{padding: 0.155rem 0;    
    display: flex;
    flex-direction: column;
    justify-content: center;}
.p2_ul2 .con .bt{font-size: 0.18rem;color: #333;
line-height: 0.24rem;
    height: auto;
    max-height: 0.49rem;
transition: 0.6s;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}

.p2_ul2 .xx{display: flex;margin-bottom:0.1rem;}
.p2_ul2 .xx .ly{font-size: 0.16rem;color: #3A45B9;min-width: 1.3rem;margin-right: 0.2rem;}
.p2_ul2 .xx .sj{font-size: 0.16rem;color: #D02B22;font-family: sys;}

.p2_ul2 li:hover::after{width: 100%;}
.p2_ul2 li:hover .con .bt{color: #D02B22;}

@media(max-width: 1024px){
	.part2{padding: 0.3rem 0;}
.p2_left{width: 100%;}
.p2_right{width: 100%;margin-top: 0.3rem;}
.p2_lb{width: 100%;}
.p2_ul1{width: 100%;margin-top: 0.3rem;}
.p2_line{display: none;}

.p2_ul1 li{width: 100%;}
	.p2_ul1 li .img::after{display: none;}

	.p2_ul1 .con .bt{font-size: 0.2rem;}
}
@media(max-width: 650px){
.p2_lb .con .bt{font-size: 0.2rem;}
.p2_ul1 .con .bt{margin-bottom: 0.05rem;}
.p2_ul1 li a{padding: 0.14rem 0;}

.p2_ul2 .con .bt{margin-bottom: 0.05rem;}
.p2_ul2 .con{padding: 0.17rem 0;}
}


  

.part3{padding: 0.2rem 0 0.5rem;position: relative;}
.part4::after{content: '';display: block;width: 100%;height: 14.82rem;background: url(../sy_images25/p3_bg.png) no-repeat center bottom;
background-size: 19.17rem;
position: absolute;
bottom: 2.9rem;
left: 0;
z-index: 1;
}

.part3 .sy_tit{margin-bottom: 0.7rem;}


.part3 .w16{position: relative;z-index: 3;}

.p3_lb{padding: 0.3rem;margin: -0.3rem -0.3rem 0;
position: relative;
}
.p3_lb a{display: block;transition: 0.6s;}
.p3_lb .con{height: 0.8rem;display: flex;align-items: center;padding: 0.18rem;position: relative;}
.p3_lb .con::after{content: '';display: block;width: 0.04rem;height: 0.25rem;background: #D8D8D8;
position: absolute;
left: 0;
top: calc(50% - 0.125rem);
transition: 0.4s;
}

.p3_lb .img{padding-bottom: 38.5%;}

.p3_lb .bt{font-size: 0.2rem;color: #000;transition: 0.6s;
	
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.p3_lb a:hover{box-shadow: 0px 0 0.3rem 0px rgba(234, 146, 132, 0.49);background: #fff;}

.p3_lb a:hover .bt{color: #D02B22;}
.p3_lb a:hover .con::after{background: #D02B22;}

.p3_lb .swiper-button-next,.p3_lb .swiper-button-prev{
	width: 0.42rem;
height: 0.42rem;
background: url(../sy_images25/p3_lb_prev.png) no-repeat center center;
background-size: 100% 100% !important;
top: 33%;
left: 0.46rem;
transition: 0.4s;
border-radius: 50%;
}
.p3_lb .swiper-button-next{background: url(../sy_images25/p3_lb_next.png) no-repeat center center;left: auto;right: 0.46rem;}
.p3_lb .swiper-button-next:hover,.p3_lb .swiper-button-prev:hover{background-color: #D02B22;}


@media(max-width: 1024px){
	.part3{ padding: 0.3rem 0 0.1rem;}
	.part3::after{background-size: 17rem;}
	.p3_ul{flex-wrap: wrap;}
	.p3_ul li{width: 100%;margin-bottom: 0.2rem;}
}
@media(max-width: 650px){
.part3::after{background-size: 14rem;}
}

.part4{padding: 0.7rem 0 0; position: relative;}
.part4 .w16{display: flex;justify-content: space-between;}

.part4 .sy_tit{padding-right: 0.64rem;}

.p4_ul1{width: 5.74rem;position: relative;z-index: 6;background: #fff;}
.p4_ul1 li{position: relative;}
.p4_ul1 li::after{content: '';display: block;width: calc(95% + 0.43rem);background: #fff;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	transition: 0.6s;
	opacity: 0;
}
.p4_ul1 li .jt{content: '';display: block;width: 0.84rem;height: 0.65rem;background: #D02B22 url(../sy_images25/p4_li_jt.png) no-repeat center center;
background-size: 0.29rem;
position: absolute;
top: calc(50% - 0.325rem);
left: calc(98% - 0.02rem);
transition: 0.6s;
opacity: 0;
z-index: 3;

}

.p4_ul1 a{display: block;padding: 0.308rem 0.6rem;z-index: 3;position: relative;}
.p4_ul1 .con{padding-left: 0.3rem;position: relative;}
.p4_ul1 .con::after{content: '';display: block;
background: url(../sy_images25/p4_li_jt_left.png) no-repeat center center;
width: 0.08rem;
height: 0.11rem;
background-size: 100%;
position: absolute;
left: 0;
top: 0.12rem;
}

.p4_ul1 .con .bt{font-size: 0.2rem;line-height: 0.3rem;color: #333333;height: 0.6rem;margin-bottom: 0rem;
	transition: 0.6s;

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.p4_ul1 .con .sj{font-size: 0.16rem;color: #D02B22;font-family: sys;
margin-bottom: 0rem;
transition: 0.6s;
height: 0;
line-height:0.16rem;
overflow: hidden;
}
.p4_ul1 .con .zy{font-size: 0.16rem;line-height: 0.24rem;color: #888888;
	height: 0;
	transition: 0.6s;

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}

.p4_ul1 li.on .con .bt{margin-bottom: 0.16rem;}
.p4_ul1 li.on .con .sj{height: 0.16rem;margin-bottom: 0.1rem;}
.p4_ul1 li.on .con .zy{height: 0.48rem;}


.p4_ul1 li.on::after{
	width: calc(100% + 0.43rem);
	box-shadow: 0px 0 0.1rem 0px rgba(0, 0, 0, 0.11);
	opacity: 1;
}
.p4_ul1 li.on .jt{
	opacity: 1;
	left: calc(100% - 0.02rem);
}



.p4_lb_out{width: 10.23rem;position: relative;margin-top: 0.65rem;padding-bottom: 0.23rem;}
.p4_lb_out::after{content: '';display: block;width: 10rem;height: 6.5rem;background: #D02B22;position: absolute;
top: 0.23rem;
left: 0;
z-index: 1;
}
.p4_lb{width: 10rem;margin-left: 0.23rem;position: relative;z-index: 3;}
.p4_lb .swiper-slide{}

.p4_lb a{}
.p4_lb .img{padding-bottom: 0;height: 6.5rem;}



@media(max-width: 1024px){
	.part4{padding: 0.5rem 0 ;}
	.p4_ul li{width: 50%;}
	.part4 .w16{flex-wrap: wrap;}
	.p4_left{width: 100%;}
	.p4_ul1{width: 100%;}

	.p4_ul1 a{padding: 0.2rem;}

	.p4_ul1 li .jt{width: 0.35rem;height: 0.35rem;background-size: 60%;top: calc(50% - 0.175rem);}

	.p4_ul1 li.on::after{
	width: calc(100%);
	box-shadow: 0px 0 0.1rem 0px rgba(0, 0, 0, 0.11);
	opacity: 1;
}
.p4_ul1 li.on .jt{
	opacity: 1;
	left: calc(100% - 0.175rem);
}
.part4 .sy_tit{padding-right: 0;}

.p4_lb_out{width: calc(100% - 0.23rem);padding-bottom: 0;}
.p4_lb_out::after{width: 100%;height: 100%;}

.p4_lb{width: 100%;}
.p4_lb .img{height: 0;padding-bottom: 60%;}


}

@media(max-width: 650px){
.p4_lb_out{margin-top: 0.3rem;}
}



.part5{position: relative;z-index: 3;padding: 0.8rem 0 0;
border-bottom: 1px solid #D02B22;
position: relative;
}
.p5_bg_img_out{position: absolute;bottom: 0;left: 0;z-index: 1;}
.p5_bg_img {
    width: 3185px;
    height: 3.5rem;
background: url(../sy_images25/p5_bg3.png) repeat-x bottom left;
	animation: move-forever2 12s linear infinite;
	background-position: 0,0;
	background-size: 1920px 100%;
}

.p5_bg_img image{background: #000;}



@keyframes move-forever2 {
	0% {
		background-position: 0,0;
	}
	100% {
		background-position: -1920px,0;
	}
}


.part5 .w16{position: relative;z-index: 5;}

.part5::after{content: '';display: block;width: 100%;height: 11.23rem;
background-size: auto 100%;
position: absolute;top: 0;left: 0;
z-index: 2;
background: url(../sy_images25/p5_bg.png) no-repeat top center;
}


.part5 .sy_tit{margin-bottom: -0.5rem;}

.p5_lb{}
.p5_lb .swiper-wrapper{align-items: flex-end;}

.p5_lb .swiper-slide a::before{content: '';display: block;width: 0;height: 0.03rem;background: #D02B22;position: absolute;bottom: 0;left: 50%;
z-index: 3;
}
.p5_lb .swiper-slide a::after{content: '';display: block;width: 0;height: 0.03rem;background: #D02B22;position: absolute;bottom: 0;right: 50%;
z-index: 3;
}

.p5_lb a{display: block;position: relative;}

.p5_lb .swiper-slide a{height: 2.9rem;width: 2.4rem !important;overflow: hidden;}
.p5_lb .swiper-slide-prev,.p5_lb .swiper-slide-next{height: 3.66rem;left: -0.45rem;}
.p5_lb .swiper-slide-prev a,.p5_lb .swiper-slide-next a{height: 3.66rem;}

.p5_lb .swiper-slide-next{left: auto; right: -0.45rem;}
.p5_lb .swiper-slide-next a,.p5_lb .swiper-slide-next+div a{float: right;}
.p5_lb .swiper-slide-active a{width: 4.6rem !important;height: 5.41rem;position: relative;
left: 50%;
transform: translate(-50%);
background: #fff;
}


.p5_lb .img{padding-bottom: 68.5%;position: relative;z-index: 5;}
.p5_lb .con{padding: 0.31rem 0.29rem;position: relative;}
.p5_lb .con::after{content: '';display: block;width: 1px;height: calc(100% + 5rem);background: #D9BF95;position: absolute;left: 0;top: 0;}


.p5_lb .con::before{content: '';display: block;width: 0.04rem;height: 0.24rem;background: #D02B22;position: absolute;left: 0;top: 0.33rem;}

.p5_lb .con .bt{
	font-size: 0.2rem;
	line-height: 0.24rem;
	color: #333;
	height: 0.49rem;

	overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.p5_lb .con .zy{
	font-size: 0.16rem;
	color: #999999;
	line-height: 0.24rem;
	height: 0;
	transition: 0.6s;

	overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}



.p5_lb .swiper-slide-active .con::after{opacity: 0;}
.p5_lb .swiper-slide-active .con::before{opacity: 0;}

.p5_lb .con .jt{width: 0.25rem;height: 0.09rem;
background: url(../sy_images25/p5_con_jt.png) no-repeat center center;
background-size: 100% 100%;
margin: 0.2rem auto 0;
display: none;
}

.p5_lb .swiper-slide-active a::before{width: 50%;
transition: 0.6s;}
.p5_lb .swiper-slide-active a::after{width: 50%;
transition: 0.6s;}
.p5_lb .swiper-slide-active .bt{margin-bottom: 0.17rem;color: #D02B22;}
.p5_lb .swiper-slide-active .zy{height: 0.48rem;}
.p5_lb .swiper-slide-active .jt{display: block;}
.p5_lb .swiper-slide-active .con{padding: 0.28rem 0.31rem;}


.p5_lb_jt{width: 1.6rem;display: flex;justify-content: space-between;position: absolute;float: right;top: 1.2rem;right: 0;}
.p5_lb_jt div{width: 0.6rem;height: 0.6rem;background: url(../sy_images25/p5_lb_prev.png) no-repeat center center;border: 1px solid #FFE2B5;border-radius: 50%;left: 0;position: relative;transition: 0.6s;}

.p5_lb_jt .swiper-button-next{left: auto;right: 0;background: url(../sy_images25/p5_lb_next.png) no-repeat center center;}

.p5_lb_jt div:hover{background-color: #FFE2B5;}



@media(max-width: 1024px){
	.part5{padding: 0.3rem 0 0;}
.part5 .sy_tit{margin-bottom: 0.2rem;}
}
@media(max-width: 850px){
	.p5_lb .swiper-slide-prev{opacity: 0;}
	.p5_lb .swiper-slide-next{opacity: 0;}

.p5_lb .swiper-slide-active a{height: 5.2rem;width: 100%;}
.p5_lb_jt{position: relative;margin: 0 auto 0.2rem;float: none;top: 0;width: 1rem;}
.p5_lb_jt div{width: 0.4rem;height: 0.4rem;}


}


.part6{position: relative;z-index: 5;padding: 0.8rem 0;}
.part6 .sy_tit{margin-bottom: 0.6rem;}

.part6 .w16{position: relative;}

.part6 .sy_tit{padding-right: 2.5rem;}
.part6 .sy_tit .wz{display: flex;align-items: flex-end;}
.part6 .sy_tit .xx{font-size: 0.2rem;color: #9E9E9E;margin-bottom: 0.2rem;margin-left: 0.15rem;}
.part6 .sy_more{margin-top: 0.2rem;}

.p6_lb_jt{width: 1.6rem;display: flex;justify-content: space-between;position: absolute;float: right;top: 0.35rem;right: 0;     z-index: 6;}
.p6_lb_jt div{width: 0.6rem;height: 0.6rem;background: url(../sy_images25/p5_lb_prev.png) no-repeat center center;border: 1px solid #FFE2B5;border-radius: 50%;left: 0;position: relative;transition: 0.6s;}

.p6_lb_jt .swiper-button-next{left: auto;right: 0;background: url(../sy_images25/p5_lb_next.png) no-repeat center center;}

.p6_lb_jt div:hover{background-color: #FFE2B5;}



.p6_lb{}
.p6_lb a{}
.p6_lb .swiper-slide{}
.p6_lb .ly{font-size: 0.2rem;color: #D02B22;margin-bottom: 0.2rem;}
.p6_lb .img{margin-bottom: 0.23rem;}
.p6_lb .con{}
.p6_lb .con .bt{font-size: 0.2rem;line-height: 0.28rem;color: #333;
height: 0.57rem;
margin-bottom: 0.15rem;

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.p6_lb .con .xx{}
.p6_lb .con .xx p{font-size: 0.16rem;color: #777777;line-height: 0.28rem;padding-left: 0.25rem;
background: url(../sy_images25/p6_ico1.png) no-repeat left 0.07rem;
background-size: 0.15rem !important;
}
.p6_lb .con .xx p+p{background: url(../sy_images25/p6_ico2.png) no-repeat left 0.07rem;}



@media(max-width: 1024px){
	.part6{padding: 0.3rem 0;}
.part6 .sy_tit{padding-right: 0;display: block;margin-bottom: 0.2rem;}
.part6 .sy_tit .xx{margin-top: 0.15rem;margin-bottom: 0;font-size: 0.18rem;line-height: 0.24rem;}

.part6 .sy_more{position: absolute;right: 0;top: 0.3rem;}

.p6_lb_jt{position: relative;margin: 0 auto 0.2rem;float: none;top: 0;}
.part6 .sy_tit .wz{display: block;}
.p6_lb{width: 100%;}
}

@media(max-width: 650px){

	.p6_lb_jt{width: 1rem;}
.p6_lb_jt div{width: 0.4rem;height: 0.4rem;}

}



.part7{position: relative;z-index: 8;padding: 0.9rem 0;background-size: 100%;}


.p7_lb{max-width: 100%;}
.p7_lb .swiper-wrapper{display: flex;justify-content: space-between;}
.p7_lb .con{height: 4.2rem;padding: 0.58rem 0.35rem 0.1rem 0.58rem;display: block;position: relative;}
.p7_lb .swiper-slide{background: #3A45B9;width: 4.26rem;transition: 0.6s;}

.p7_lb .swiper-slide.on{width: 7.15rem;}

.p7_lb .swiper-slide+div{background: #D02B22;}
.p7_lb .swiper-slide+div+div{background: #E95627;}
.p7_lb .swiper-slide+div+div+div{background: #ff9900;}

.p7_lb .pic{position: absolute;top: 0;left: 0;z-index: 2;opacity: 0.2;width: 100%;height: 100%;transition: 0.6s;}
.p7_lb .pic::after{content: '';display: block;width: 100%;height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
position: absolute;
bottom: 0;
left: 0;
z-index: 3;
transition: 0.6s;
}
.p7_lb .pic img{width: 100%;height: 100%;object-fit: cover;}

.p7_lb .swiper-slide.on .pic{opacity: 1;}

.p7_lb .ico{width: 0.7rem;margin-bottom: 0.5rem;position: relative;z-index: 6;}
.p7_lb .ico img{width: 100%;}
.p7_lb a{position: relative;z-index: 3;}

.p7_lb .bt{font-size: 0.32rem;color: #fff;margin-bottom: 0.3rem;position: relative;display: table;}
.p7_lb .bt::after{content: '';display: block;width: 0;height: 1px;background: #fff;position: absolute;left: 0;bottom: -0.1rem;transition: 0.6s;}

.p7_lb a:hover .bt::after{width: 100%;}

.p7_lb .zy{font-size: 0.16rem;line-height: 0.26rem;color: #fff;height: 0.53rem;margin-bottom: 0.3rem;

	overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}

.p7_lb .counter{width: 0.58rem;height: 0.58rem;position: relative;border: 1px solid rgba(255, 255, 255, 0.27);border-radius: 50%;
z-index: 6;
}
.p7_lb .counter h5{font-size: 0.3rem;color: #fff;text-align: center;
line-height: 0.54rem;
}


.p7_lb .circle_box{width: 0.58rem;height: 0.58rem;position: absolute;
top: 0;
left: 0;
display: flex;
}


.p7_lb .circle_right{width: 50%;height: 100%;overflow: hidden;position: relative;top: -0.01rem;}
.p7_lb .circle_right_in{width: 0.58rem;height: 0.58rem; border-radius: 50%;
        border: 0.03rem solid transparent;
		border-top: 0.03rem solid #fff;
		border-right: 0.03rem solid #fff;
		position: absolute;
		top: 0;
		right: 0;
		box-sizing: border-box;
		transform: rotate(-135deg);
}



.p7_lb .circle_left{width: 50%;height: 100%;overflow: hidden;position: relative;top: -0.01rem;}

.p7_lb .circle_left_in{width: 0.58rem;height: 0.58rem;  border-radius: 50%;
        border: 0.03rem solid transparent;
		border-bottom: 0.03rem solid #fff;
		border-left: 0.03rem solid #fff;
		position: absolute;
		top: 0;
		left: 0;
		box-sizing: border-box;
		transform: rotate(-135deg);
}


.p7_lb .swiper-slide.on .circle_right_in{animation: circleRight 8s linear forwards;}
.p7_lb .swiper-slide.on .circle_left_in{animation: circleLeft 8s linear forwards;}








@keyframes circleRight {
  0% {
    transform: rotate(-135deg);
  }

  50%,
  100% {
    transform: rotate(45deg);
  }
}

@keyframes circleLeft {

  0%,
  50% {
    transform: rotate(-135deg);
  }

  100% {
    -webkit-transform: rotate(45deg);
  }
}



@media(max-width: 1024px){
	.part7{padding: 0.3rem 0 0.3rem;}

.p7_lb .swiper-slide{width: 17%;}
.p7_lb .swiper-slide.on{width: 60%;}

.p7_lb .con{padding: 0.64rem 0.2rem;}
.p7_lb .bt{font-size: 0.22rem;}
.p7_lb .ico{width: 0.5rem;}

}
@media(max-width: 650px){
    .p7_lb .con {
        padding: 0.3rem 0.2rem;
		height: 2.9rem;
    }
	.p7_lb .ico{margin-bottom: 0.2rem;}
	.p7_lb .bt{margin-bottom: 0.2rem;}
	.p7_lb .zy{margin-bottom: 0.15rem;display: none ;}
	.p7_lb .on .zy{display: block;}
.p7_lb .circle_left,.p7_lb .circle_right{top: 0;}
}

@media(max-width: 450px){
	.p7_lb .bt{text-align: center; line-height:.24rem;}
	.p7_lb .on .bt{text-align: left;}
	    .p7_lb .con {
        padding: 0.3rem 0.15rem;
    }


	.p7_lb .counter,.p7_lb .circle_left_in,.p7_lb .circle_right_in,.p7_lb .circle_box{    width: 0.4rem;height: 0.4rem;}
.p7_lb .counter h5 {
    font-size: 0.2rem;
    line-height: 0.4rem;
}
.p7_lb .counter{position: absolute;bottom: 0.2rem;}

}


.part8{padding-bottom: 0.6rem;}
.part8 .w16{position: relative;}

.p8_fx{display: flex;}
.p8_fx li{position: relative;margin-left: 0.2rem;cursor: pointer;}
.p8_fx .ico{width: 0.6rem;height: 0.6rem;background: #fff;border: 1px solid #FFE2B5;border-radius: 50%;display: flex;justify-content: center;align-items: center;transition: 0.4s;}
.p8_fx .ico img{max-width: 80%;}


.p8_fx .pic{width: 1.3rem;background: #fff;border-radius: 0.1rem;
position: absolute;
top: calc(100% + 0.2rem);
left: 50%;
transform: translate(-50%);
padding: 0.12rem;

box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
display: none;
}
.p8_fx .pic img{width: 100%;margin: 0 auto;display: block;}

.p8_fx .pic::after{content: '';display: block;background: url(../sy_images25/p8_fx_jt.png) no-repeat center center;width: 0.17rem;height: 0.12rem;
position: absolute;
bottom: 100%;
left: 50%;
transform: translate(-50%);
}


.p8_fx li:last-child .pic{transform: none;left: auto;right: 0;}

.p8_fx li:last-child .pic::after{content: '';left: auto;right: 0.2rem;transform: translate(0);}

.p8_fx .pic p{font-size: 0.16rem;color: #9E9E9E;text-align: center;margin-top: 0.1rem;}

.p8_fx li:hover .pic{display: block;}

.p8_fx li:hover .ico{background: #D02B22;}
.p8_fx li:hover .ico img{filter: brightness(0) invert(1);}




.p8_main{display: flex;justify-content: space-between;flex-wrap: wrap;}

.p8_main a{display: block;position: relative;}
.p8_main .img{position: relative;}
.p8_main .img::after{content: '';display: block;width: 100%;height: 1.3rem;background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
position: absolute;
left: 0;
bottom: 0;
z-index: 3;
}

.p8_main .con{display: flex;align-items: center;justify-content: space-between;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: 3;
padding: 0.19rem 0.25rem;
}
.p8_main .con img{width: 0.42rem;}
.p8_main .con .bt{width: calc(100% - 0.52rem);font-size: 0.22rem;color: #fff;line-height: 0.26rem;

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

/* .p8_main li{transition: 0.6s;transform: scale(0.6);opacity: 0;} */
.p8_main li:hover{transform: translate(0,-5px);box-shadow: 0 0 0.3rem rgba(0, 0, 0, .3);}

/* .p8_main li.animated{transform: scale(1);opacity: 1;}
.p8_main li+li.animated{transition-delay: 0.1s;}
.p8_main li+li+li.animated{transition-delay: 0.2s;}
.p8_main li+li+li+li.animated{transition-delay: 0.3s;}
.p8_main li+li+li+li+li.animated{transition-delay: 0.4s;} */

.p8_main a:hover .con{}


.p8_ul1{width: 5.1rem;}
.p8_ul1 li{}
.p8_ul1 li .img{padding-bottom: 0;height: 7.76rem;}

.p8_right{width: 10.75rem;}

.p8_ul2{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 0.16rem;}
.p8_ul2 li.li1{width: 6.6rem;}
.p8_ul2 li.li2{width: 4rem;}
.p8_ul2 a{display: block;}
.p8_ul2 .img{padding-bottom: 0;height: 3.8rem;}


.p8_ul3{display: flex;justify-content: space-between;flex-wrap: wrap;}
.p8_ul3 li.li1{width: 4rem;}
.p8_ul3 li.li2{width: 6.6rem;}
.p8_ul3 a{display: block;}
.p8_ul3 .img{padding-bottom: 0;height: 3.8rem;}




@media(max-width: 1024px){
	.part8{padding: 0.3rem 0 0.3rem;}

	.p8_ul1{width: 100%;margin-bottom: 0.2rem;}
	.p8_ul1 li .img{height: 0;padding-bottom: 60%;}

	.p8_right{width: 100%;}
	.p8_ul2{width: 100%;}
	.p8_ul2 li{width: calc(50% - 0.1rem) !important;}
	.p8_ul2 li .img{padding-bottom: 60%;height: 0;}

	.p8_ul3{width: 100%;}
	.p8_ul3 li{width: calc(50% - 0.1rem) !important;}
	.p8_ul3 li .img{padding-bottom: 60%;height: 0;}

}
@media(max-width: 650px){
	.p8_main ul{margin: 0 !important;}
.p8_main li{width: 100% !important;margin-bottom: 0.2rem;}
.p8_main .con .bt{font-size: 0.18rem;}

.p8_fx .ico{width: 0.4rem;height: 0.4rem;}
.p8_fx .ico img{max-width: 60%;max-height: 60%;}
.p8_fx li{margin-left: 0.1rem;}

}




.fhdb{display: block;width: 0.5rem;height: 0.5rem;overflow: hidden;transition: 0.6s;
	position: fixed;
	z-index: 33333;
	right: 0.2rem;
	bottom: 0.8rem;
	background: #D02B22;
	opacity: 0;
	visibility: hidden;
	}
.fhdb a{display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;top: 100%;transition: 0.6s;position: relative;left: 0;}
.fhdb a img{width: 80%;transform: rotate(90deg);}
.fhdb.on{visibility: initial;opacity: 1;}
.fhdb.on a{top: 0;}







.f_wfgd {
    overflow: hidden;
    width: 100%;
    position: relative;
	margin-bottom: -0.3rem;
	z-index: 6;

	margin-top: 0.8rem;
}
.f_wfgd ul {
    white-space: nowrap;
    margin: 0;
    padding: 0;
    position: relative;
    left: 0;
}
.f_wfgd ul li {
    display: inline-block;
    vertical-align: bottom;
    list-style: none;
	cursor: pointer;
	position: relative;
}
.f_wfgd ul li img {
    display: block;
    height: auto;
	transition: 0.6s;
}

.f_wfgd ul li img+img{position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.f_wfgd ul li:hover img{opacity: 0;}
.f_wfgd ul li:hover img+img{opacity: 1;}



.f_bg{height: 3.84rem;position: absolute;
top: 0;
left: 0;
z-index: 1;

}
.f_bg_img{width: 31.85rem;height: 3.84rem;}
.f_bg_img image{width: 100%;height: 100%;}


.editorial{position: absolute;top: 0;left: 0;height: 2.8rem;width: 100%;}
.parallax > use {
	animation: move-forever 12s linear infinite;
	-webkit-animation: move-forever 12s linear infinite;
	-moz-animation: move-forever 12s linear infinite;
	-ms-animation: move-forever 12s linear infinite;
	-o-animation: move-forever 12s linear infinite; transform-origin: 50% 50%;}
.parallax > use:nth-child(1) {animation-delay: -2s;animation-duration: 7s;}
/* .parallax > use:nth-child(2) {animation-delay: -2s; } */

#clippath{
	transform: translate(409px, 0%);
	width: 3185px;
	animation: move-forever 12s linear infinite;
	-webkit-animation: move-forever 12s linear infinite;
	-moz-animation: move-forever 12s linear infinite;
	-ms-animation: move-forever 12s linear infinite;
	-o-animation: move-forever 12s linear infinite; transform-origin: 50% 50%;
}

@keyframes move-forever {
	0% {
		-webkit-transform: translate(409px, 0%);
		-moz-transform: translate(409px, 0%);
		-ms-transform: translate(409px, 0%);
		-o-transform: translate(409px, 0%);
		transform: translate(409px, 0%);
	}
	100% {
		-webkit-transform: translate(59px, 0%);
		-moz-transform: translate(59px, 0%);
		-ms-transform: translate(59px, 0%);
		-o-transform: translate(59px, 0%);
		transform: translate(59px, 0%);
	}
}
@-webkit-keyframes move-forever {
	0% {
		-webkit-transform: translate(409px, 0%);
		-moz-transform: translate(409px, 0%);
		-ms-transform: translate(409px, 0%);
		-o-transform: translate(409px, 0%);
		transform: translate(409px, 0%);
	}
	100% {
		-webkit-transform: translate(59px, 0%);
		-moz-transform: translate(59px, 0%);
		-ms-transform: translate(59px, 0%);
		-o-transform: translate(59px, 0%);
		transform: translate(59px, 0%);
	}
}
@-moz-keyframes move-forever {
	0% {
		-webkit-transform: translate(409px, 0%);
		-moz-transform: translate(409px, 0%);
		-ms-transform: translate(409px, 0%);
		-o-transform: translate(409px, 0%);
		transform: translate(409px, 0%);
	}
	100% {
		-webkit-transform: translate(59px, 0%);
		-moz-transform: translate(59px, 0%);
		-ms-transform: translate(59px, 0%);
		-o-transform: translate(59px, 0%);
		transform: translate(59px, 0%);
	}
}
@-ms-keyframes move-forever {
	0% {
		-webkit-transform: translate(409px, 0%);
		-moz-transform: translate(409px, 0%);
		-ms-transform: translate(409px, 0%);
		-o-transform: translate(409px, 0%);
		transform: translate(409px, 0%);
	}
	100% {
		-webkit-transform: translate(59px, 0%);
		-moz-transform: translate(59px, 0%);
		-ms-transform: translate(59px, 0%);
		-o-transform: translate(59px, 0%);
		transform: translate(59px, 0%);
	}
}
@-o-keyframes move-forever {
	0% {
		-webkit-transform: translate(409px, 0%);
		-moz-transform: translate(409px, 0%);
		-ms-transform: translate(409px, 0%);
		-o-transform: translate(409px, 0%);
		transform: translate(409px, 0%);
	}
	100% {
		-webkit-transform: translate(59px, 0%);
		-moz-transform: translate(59px, 0%);
		-ms-transform: translate(59px, 0%);
		-o-transform: translate(59px, 0%);
		transform: translate(59px, 0%);
	}
}








.foot{position: relative;z-index: 1;height: 3.84rem;padding-top: 0.2rem;}

.f_bg_line{background: url(../sy_images25/foot_bg_line.png) no-repeat center center;background-size: auto 100%;width: 100%;height: 0.91rem;
position: absolute;
top: -0.1rem;
left: 0;
z-index: 8;
}

.foot .w16{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;padding: 0.78rem 0 0.5rem;position: relative;z-index: 6;}

.foot .line{width: 1px;height: 1.55rem;background: rgba(255, 255, 255, 0.34);}

.foot_lh{max-width: 100%;width: 4.85rem;}
.foot_lh h2{font-size: 0.22rem;color: #fff;margin-bottom: 0.14rem;}
.foot_lh ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.foot_lh ul li{width: 49%;}
.foot_lh ul a{}
.foot_lh ul p{font-size: 0.18rem;line-height: 0.36rem;color: #fff;}


.f_logo{max-width: 100%;width: 2.59rem;}
.f_logo img{display: block;width: 100%;}


.f_right{}
.f_right h2{font-size: 0.22rem;color: #fff;line-height: 0.34rem;margin-bottom: 0.08rem;}
.f_right .f_con{}
.f_right .f_con+.f_con{margin-top: 0.2rem;}
.f_right .f_con p{font-size: 0.18rem;color: #fff;line-height: 0.3rem;}




.f_bq{padding: 0.08rem 0;position: relative;z-index: 6;display: flex;justify-content: center;flex-wrap: wrap;align-items: center;
	

border-top: 1px solid rgba(255, 255, 255, 0.22);
}
.f_bq p{font-size: 0.14rem;color: #fff;text-align: center;line-height: 0.2rem;margin: 0 0.05rem;}
.f_bq p a{font-size: 0.14rem;color: #fff;}



@media(max-width: 1024px){

	.fhdb{width: 0.35rem;height: 0.35rem;margin-bottom: 0.4rem;opacity: 1;visibility: visible;}
	.fhdb a{top: 0;}
	
	.w16{width: 95%;}

	.m_header_box{display: block;}
	#m_header #logo{height: 100%;}
	.m_header_box header{padding: 0 2.5%;}
	
	.header_box{display: none;}

	.body_main{position: relative;padding-top: 0;     overflow: unset;}


	.foot .w16{justify-content: center;flex-direction: column;position: relative;padding: 0.5rem 0 0.1rem;}
	.f_cen{margin: 0.2rem 0;}

	.f_lj h2{width: 1rem;}
	.lj_lb_out{width: calc(100% - 1.1rem);}

	.f_left{margin-bottom: 0.3rem;}
	.f_left .f_con{justify-content: center;}


	.foot_dh{display: none;}
	
	.f_wfgd{margin-top: 0.3rem;}
	.foot .line{display: none;}

	.foot{height: auto;}
.f_bg{height: 100%;}
.f_bg_img{height: 100%;}
.f_logo{margin: 0.1rem 0;}


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


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



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

}

@media(max-width: 650px){

	.f_wfgd ul li img{max-width: 2rem;max-height: 1.3rem;}
.f_wfgd{margin-top: 0.1rem;}
.foot_lh ul li{margin-bottom: 0.08rem;}
.foot_lh ul p{line-height: 0.24rem;}

}






/* 茅娄鈥撁┞÷得β犅访ヂ悸徝烩€溍β澟� */