/*主体宽度*/
img{max-width:100%;}
.w_1300{ max-width:1300px; margin-right: auto; margin-left: auto;}
.w_1600{ max-width:1600px; margin-right: auto; margin-left: auto;}
/*两边距离*/
.w_width{padding-left: 190px;padding-right: 190px;float: left;}
/*20220322start*/
.w_widths{padding-left: 15px;padding-right: 15px;float: left;}
/*20220322end*/
@media  screen and (max-width: 1400px){
.w_width{padding-left: 100px;padding-right: 100px;float: left;}
}
@media  screen and (max-width: 1040px){
.w_width{padding-left: 15px;padding-right: 15px;}
}
/*顶部导航*/
body.on{overflow: hidden;height: 100vh;}
.wyb_s{width: 100%;position: fixed;top: 0;left: 0;z-index: 99;background: #fff;box-shadow:0px 12px 8px -12px rgba(0,0,0,0.2);}
.t_navs{ width: 100%;}
.t_navs::after{content: "";display: block;clear: both;}
/*正常屏幕显示*/
.t_navs .top{ width: 100%; float: left; position: relative;}
/*logo*/
.t_navs .top .logo{ margin: 21px 0; line-height: 0; float: left;}
.t_navs .top .logo img{ width: auto; height: 58px;}
/*一级导航*/
/*20220418sttart*/
.t_navs .top .right{ float: right; width:74%; display: flex; justify-content: space-between; }
.t_navs .top .right .menu{float: left; width:84%;}
.t_navs .top .right .menu .ul{float: left; width:100%; display: flex;  justify-content:space-around;}
.t_navs .top .menu .nli{ float: left; position: relative;/*padding: 0 10px;*/}
.t_navs .top .menu .nli span a{ display: block;color: #333; position: relative;/*padding:  0 20px;*/font-size: 20px;line-height: 100px;letter-spacing: 0;}
/*20220418end*/
/*鼠标经过样式*/
.t_navs .top .menu .nli.on span a,.t_navs .top .menu .nli:hover span a{ color: #d4372b;}
/*二级导航*/
.t_navs .top .sub{ display: none; position: absolute; min-width:120px; top:100%; left: 50%; background:#efefef; z-index: 4;box-shadow: 0 0 20px rgba(220,220,220,0.5);
transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-o-transform: translate(-50%,0);}
.t_navs .top .sub .l2{ width: 100%;}
.t_navs .top .sub .l2 a{ display: block; color: #333333; font-size: 16px;line-height:23px;padding:12px 22px;letter-spacing: 0;text-align: center; white-space:nowrap;}
.t_navs .top .sub .l2 a:hover{ color: #fff;background: #d4372b;}
/*语言切换*/
/*20220418sttart*/
.t_navs .top .yyqh{float: left;font-size: 0;padding-top: 40px;padding-bottom: 40px;/*margin-left: 34px;*/}
/*20220418end*/
.t_navs .top .yyqh a{display: inline-block;vertical-align: middle;font-size: 18px;color: #666666;line-height: 20px;letter-spacing: 0;}
.t_navs .top .yyqh span{display: inline-block;vertical-align: middle;font-size: 18px;color: #666666;line-height: 20px;margin: 0 8px;letter-spacing: 0;}
.t_navs .top .yyqh a:hover,
.t_navs .top .yyqh a.on{color: #d4372b;}
/*搜索*/
.t_navs .top .inputbox{float: left;position: relative;padding-top: 42px;padding-bottom: 42px;margin-left: 42px;}
.t_navs .top .inputbox .ico{width: 16px;display: block;position: relative;z-index: 2;cursor: pointer;}
.t_navs .top .inputbox input{width: 220px;height: 40px;padding: 0 45px 0 10px;background: #fff;border: 1px solid #d4372b; border-left:none; position: absolute;right: -20px;top: 0;margin-top: 0;z-index: 1;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.t_navs .top .inputbox.on input{top: 50%;}
/*20220413start*/
.t_navs .top .inputbox h5,
.t_navs .top .inputbox ul{ float:left; color:#333; font-size:14px; line-height:38px; width:180px; text-align:center; background: #fff;border: 1px solid #d4372b; position:absolute; right:199px; top:0; margin-top:0; z-index:1; cursor:pointer;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;
}
/*20220413end*/
.t_navs .top .inputbox h5{ padding-right:8px; border-right:1px solid #ccc;}
.t_navs .top .inputbox h5:after{ float:left; width:0; height:0; content:''; position:absolute; right:6px; top:50%; border-left:4px solid transparent; border-right:4px solid transparent;border-top:5px solid #ccc; margin-top:-2px; }
.t_navs .top .inputbox ul{ display:none; margin-top:39px; padding:6px 0;}
.t_navs .top .inputbox ul li{ float:left; width:100%; color:#333; font-size:14px; line-height:26px; cursor:pointer;}
.t_navs .top .inputbox ul li:hover{ color:#d4372b;}
.t_navs .top .inputbox.on input{top: 50%;}
.t_navs .top .inputbox.on h5{top: 50%;}
.t_navs .top .inputbox.on ul{top: 50%;}

.t_navs .top .searchbox{float: left;position: relative;}
/*20220401start*/
.t_navs .top .inputbox_2{position:absolute; right:0; top:100%; height:184px; width:360px; padding:0; display:none;}
.t_navs .top .inputbox_2:after{ float:left; width:0; height:0; content:''; position:absolute; right:6px; bottom:100%; border-left:4px solid transparent; border-right:4px solid transparent;border-bottom:5px solid #d4372b; }
/*20220401end*/
.t_navs .top .inputbox_2 .ico{ position:absolute; right:-20px; background:#d4372b; padding:12px 20px; width:56px;}
/*20220401start*/
.t_navs .top .searchbox.hover .inputbox_2{ display:block !important;}
/*20220401end*/


/*20220309end*/
/*隐藏手机显示*/
.t_navs .menuph{ display: none;} 
.t_navs .xialaph{ display: none;}
@media screen and (max-width:1680px) {
/*.t_navs .top .logo{ margin: 15px 0;}
.t_navs .top .logo img{height: 40px;}
.t_navs .top .sub{width: 140px;}
.t_navs .top .sub .l2 a{font-size: 14px;padding: 14px 12px;}
.t_navs .top .yyqh{padding-top: 25px;padding-bottom: 25px;margin-left: 20px;}
.t_navs .top .yyqh a{font-size: 16px;}
.t_navs .top .yyqh span{font-size: 16px;margin: 0 6px;}
.t_navs .top .inputbox{padding-top: 28px;padding-bottom: 28px;margin-left: 24px;}
.t_navs .top .inputbox .ico{width: 14px;}
.t_navs .top .inputbox input{width: 180px;height: 34px;padding: 0 40px 0 10px;right: -15px;margin-top: -17px;}*/
/*20220418start*/
.t_navs .top .yyqh{/* margin-left:20px;*/}
.t_navs .top .inputbox{ margin-left:30px;}
.t_navs .top .menu .nli span a{/*padding: 0 8px;*/ font-size:18px;}
.t_navs .top .menu .nli{/*padding: 0 5px;*/}
/*20220418end*/
}
@media screen and (max-width:1300px) {
.t_navs .top .logo{ margin: 15px 0;}
.t_navs .top .logo img{height: 40px;}
/*20220418start*/
.t_navs .top .menu .nli span a{font-size: 16px;line-height: 70px;/*padding: 0 18px;*/}
.t_navs .top .sub{width: 140px;}
.t_navs .top .sub .l2 a{font-size: 14px;padding: 14px 12px;}
.t_navs .top .yyqh{padding-top: 25px;padding-bottom: 25px;/*margin-left: 20px;*/}
/*20220418end*/
.t_navs .top .yyqh a{font-size: 16px;}
.t_navs .top .yyqh span{font-size: 16px;margin: 0 6px;}
.t_navs .top .inputbox{padding-top: 28px;padding-bottom: 28px;margin-left: 24px;}
.t_navs .top .inputbox_2{padding-top:0;padding-bottom: 0;}
/*.t_navs .top .inputbox .ico{width: 14px;}*/
.t_navs .top .inputbox input{/*! width: 120px; *//*! height: 34px; *//*! padding: 0 40px 0 10px; *//*! right: -15px; *//*! margin-top: -17px; */}
}
@media screen and (max-width:1100px) {
.t_navs .top .menu .nli{padding: 0 6px;}
.t_navs .top .menu .nli span a{;padding: 0 12px;}
}
@media screen and (max-width:1024px) {
/*电脑端导航隐藏*/
.t_navs .menu{ display: none;}
.t_navs .top .yyqh{display: none;}
.t_navs .top .inputbox{display: none;}
/*手机端导航显示*/
.t_navs .menuph{ display: block;}
.t_navs .xialaph{ display: block;}
.t_navs .xialaph.magintop{margin-top:20px;}
/*手机端样式*/
.t_navs .top{ padding: 0 15px; width: 100%; position: fixed; top: 0; left: 0; z-index: 4; background: #fff;border-bottom: 1px solid #eee;z-index: 99;}
/*logo*/
.t_navs .top .logo{ margin: 8px 0;}
.t_navs .top .logo img{ height: 33px;}
/*右侧三条杠*/
/*20220426start*/
.t_navs .top .right{ width:auto;}
/*20220426end*/
.t_navs .menuph{ float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin: 13px 0;}
.t_navs .menuph .point { display: inline-block;  width: 28px;  height: 22px; position: relative;}
.t_navs .menuph .point:hover .navbtn{width: 28px;}
.t_navs .menuph .point:hover .navbtn::after,
.t_navs .menuph .point:hover .navbtn::before { width: 28px;}
.t_navs .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 28px; height: 2px; background: #d4372b;
-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;}
.t_navs .menuph .navbtn::after,
.t_navs .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; background: #d4372b;
-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;}
.t_navs .menuph .navbtn::after { top: -11px;}
.t_navs .menuph .navbtn::before { top: 11px;}
.t_navs .menuph .point.active .navbtn{ background: transparent;}
.t_navs .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0;}
.t_navs .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0;}
/*一级导航*/
.t_navs .xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100%; overflow: scroll; padding: 46px 15px 100px 15px; display: none; z-index:3; background:#fff;z-index: 98;}
.t_navs .xialaph .ul2,
.t_navs .xialaph .ul3{ display: none;}
.t_navs .xialaph h4 a{ float: left; width: 60%; color: #333333;line-height: 50px;font-size: 16px;} 
.t_navs .xialaph h4{ float: left; width: 100%; position: relative;}
.t_navs .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;}
.t_navs .xialaph h4:hover a,
.t_navs .xialaph h5:hover a{ color: #d4372b;}
.t_navs .xialaph h5 a{ float: left; width: 100%; color: #1f1f1f;line-height: 40px; text-transform: uppercase;font-size: 14px;}
.t_navs .xialaph h5{ float: left; width: 100%; position: relative;}
.t_navs .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;}
.t_navs .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 24px; cursor: pointer;}
.t_navs .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: -25px; margin-right: 18px; cursor: pointer;}
.t_navs .xialaph h4.active img.img_s,
.t_navs .xialaph h5.active img.img_s{ display: none;}
.t_navs .xialaph h4.active img.img_d,
.t_navs .xialaph h5.active img.img_d{ display: block;}
.t_navs .xialaph .ul2{ float: left; width: 100%; padding: 0 10px;}
.t_navs .xialaph .ul3{padding-bottom: 10px; padding-left: 15px; z-index: -1; position: relative;}
.t_navs .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;}
.t_navs .xialaph li:last-child .ul3::after{ display: none;}
.t_navs .xialaph .ul3 li a{ color: #333;line-height: 35px; display: block;font-size: 14px;}
.t_navs .xialaph .ul3 li:hover a{color: #d4372b;}
.t_navs .xialaph .ul3 li{ padding-top: 5px;}
.t_navs .xialaph .ul3 li:first-child{ padding-top: 0;}
/*二级三级导航箭头*/
.t_navs .img_d,
.t_navs .disno{ display: none;} 
/*搜索*/
.t_navs .xialaph .inputbox{width: 100%;float: left;margin-top: 14px;margin-bottom: 14px;position: relative;}
.t_navs .xialaph .inputbox input{width: 100%;height: 36px;border: 1px solid #eee;padding: 0 40px 0 165px;}
.t_navs .xialaph .inputbox .ico{width: 16px;display: block;position: absolute;right: 12px;top: 50%;margin-top: -8px;}
.t_navs .xialaph .yyqh{width: 100%;text-align: center;font-size: 0;}
.t_navs .xialaph .yyqh a{display: inline-block;vertical-align: middle;font-size: 16px;color: #555;line-height: 20px;}
.t_navs .xialaph .yyqh a:hover,
.t_navs .xialaph .yyqh a.on{color: #d4372b;}
.t_navs .xialaph .yyqh span{margin: 0 6px; display: inline-block;vertical-align: middle;font-size: 16px;color: #555;line-height: 20px;}
/*20220309start*/
.t_navs .xialaph .inputbox h5,
.t_navs .xialaph .inputbox ul{ float:left; color:#333; font-size:14px; line-height:34px; width:160px; text-align:center; background: #fff;border: 1px solid #eee; position:absolute; left:0; top:0; z-index:1;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;
}
.t_navs .xialaph .inputbox h5{ padding-right:8px;}
.t_navs .xialaph .inputbox h5:after{ float:left; width:0; height:0; content:''; position:absolute; left:auto; background:none; right:6px; top:50%; border-left:4px solid transparent; border-right:4px solid transparent;border-top:5px solid #ccc; margin-top:-2px; }
.t_navs .xialaph .inputbox ul{ display:none; margin-top:36px; padding:6px 0;}
.t_navs .xialaph .inputbox ul li{ float:left; width:100%; color:#333; font-size:14px; line-height:26px; cursor:pointer;}
.t_navs .xialaph .inputbox ul li:hover{ color:#d4372b;}
.t_navs .xialaph .inputbox.on input{top: 50%;}
.t_navs .xialaph .inputbox.on h5{top: 50%;}
.t_navs .xialaph .inputbox.on ul{top: 50%;}
/*20220309end*/

}

/*底部*/
.bottomnav{width: 100%;background: #efefef;}
.bottomnav .top{width: 100%;}
.bottomnav .top .w_1600{border-bottom: 1px solid #dedede;padding-top: 54px;padding-bottom: 42px;}
.bottomnav .top .content{width: 100%;overflow: hidden;}
.bottomnav .top .content .left{width: 220px;float: left;}
.bottomnav .top .content .left .logo{width: 100%;text-align: center;margin-bottom: 30px;}
.bottomnav .top .content .left .logo img{max-width: 100%;display: inline-block;}
.bottomnav .top .content .left .ewm{width: 100%;text-align: right;}
.bottomnav .top .content .left .ewm img{max-width: 100%;display: inline-block;}
.bottomnav .top .content .right{width: calc(100% - 220px);float: left;padding-left: 118px;}
.bottomnav .top .content .right .ulbox{width: 100%;display: flex; flex-direction: row; justify-content: space-between; align-items: left;position: relative;padding-top: 4px;}
/*20220418start*/
.bottomnav .top .content .right .ulbox ul{display: inline-block;vertical-align: top; position:relative; padding-right:5%; }
/*20220418end*/
.bottomnav .top .content .right .ulbox ul .l1{font-size: 18px;color: #d4372b;line-height: 24px;margin-bottom: 36px;font-weight: bolder;}
.bottomnav .top .content .right .ulbox ul .l1 a{color: #d4372b;}
.bottomnav .top .content .right .ulbox ul .l2{font-size: 16px;color: #333333;line-height: 20px;margin-bottom: 14px;}
.bottomnav .top .content .right .ulbox ul .l2 a{color: #333333;}
.bottomnav .top .content .right .ulbox ul .l2 a:hover{opacity: 0.6;}
/*20220418start*/
.bottomnav .top .content .right .ulbox ul::after{content: "";display: block;width: 1px;height: 100%;background: #cccccc;position: absolute;left:100%;top: 0;}
.bottomnav .top .content .right .ulbox ul:last-child::after{ display:none;}
/*20220418end*/
.bottomnav .bottom{width: 100%;}
.bottomnav .bottom .content{width: 100%;padding-top: 25px;padding-bottom: 40px;}
.bottomnav .bottom .content::after{content: "";display: block;clear: both;}
.bottomnav .bottom .content .left{float: left;font-size: 16px;color: #333333;line-height: 20px;}
.bottomnav .bottom .content .left a{color: #333;}
.bottomnav .bottom .content .right{float: right;}
.bottomnav .bottom .content .right .abox{float: left;font-size: 0;}
.bottomnav .bottom .content .right .abox a{font-size: 16px;color: #333333;line-height: 20px;display: inline-block;vertical-align: middle;}
.bottomnav .bottom .content .right .abox a:hover{opacity: 0.6;}
.bottomnav .bottom .content .right .abox span{font-size: 16px;color: #333333;line-height: 20px;display: inline-block;vertical-align: middle;margin: 0 10px;}
.bottomnav .bottom .content .right .firend{float: left;position: relative;margin-left: 64px;}
.bottomnav .bottom .content .right .firend ._t{font-size: 0;cursor: pointer;}
.bottomnav .bottom .content .right .firend ._t .words{font-size: 16px;color: #333333;line-height: 20px;display: inline-block;vertical-align: middle;margin-right: 14px;}
.bottomnav .bottom .content .right .firend ._t .ico{width: 11px;display: inline-block;vertical-align: middle;}
.bottomnav .bottom .content .right .firend ._b{display: none;position: absolute;left: 50%;bottom: 110%;background: #fff;box-shadow: 0 0 20px rgba(220,220,220,0.5);width: 120px;margin-left: -60px;}
.bottomnav .bottom .content .right .firend ._b a{display: block;width: 100%;text-align: center;font-size: 14px;color: #555;line-height: 40px;}
.bottomnav .bottom .content .right .firend ._b a:hover{background: #d4372b;color: #fff;}
@media screen and (max-width:1680px) {
.bottomnav .top .w_1600{padding-top: 36px;padding-bottom: 36px;}
.bottomnav .top .content .left{width: 151px;}
.bottomnav .top .content .left .logo{margin-bottom: 20px;}
.bottomnav .top .content .left .ewm{width: 70%;margin: 0 auto;}
.bottomnav .top .content .right{width: calc(100% - 152px);padding-left: 70px;}
.bottomnav .top .content .right .ulbox ul .l1{font-size: 16px;line-height: 20px;margin-bottom: 20px;}
.bottomnav .top .content .right .ulbox ul .l2{font-size: 14px;margin-bottom: 12px;}
/*20220413start*/
/*.bottomnav .top .content .right .ulbox ul:nth-child(1)::after{left: 15%;}
.bottomnav .top .content .right .ulbox ul:nth-child(2)::after{left: 40%;}
.bottomnav .top .content .right .ulbox ul:nth-child(3)::after{left: 64%;}
.bottomnav .top .content .right .ulbox ul:nth-child(4)::after{left: 86%;}*/
/*20220413end*/
.bottomnav .bottom .content{padding-top: 20px;padding-bottom: 20px;}
.bottomnav .bottom .content .left{font-size: 14px;}
.bottomnav .bottom .content .right .abox a{font-size: 14px;}
.bottomnav .bottom .content .right .abox span{font-size: 14px;margin: 0 4px;}
.bottomnav .bottom .content .right .firend{margin-left: 30px;}
.bottomnav .bottom .content .right .firend ._t .words{font-size: 14px;margin-right: 8px;}
.bottomnav .bottom .content .right .firend ._t .ico{width: 10px;}
.bottomnav .bottom .content .right .firend ._b{width: 160px;margin-left: -80px;}
.bottomnav .bottom .content .right .firend ._b a{font-size: 12px;line-height: 34px;}
}
@media screen and (max-width:1270px) {
/*20220418start*/
.bottomnav .top .content .right .ulbox ul{ padding-right:3%; }
/*20220418end*/	
}
@media screen and (max-width:1024px) {
.bottomnav{margin-bottom: 50px;}
.bottomnav .top .w_1600{padding-top: 24px;padding-bottom: 24px;}
.bottomnav .top .content .left{width: 100%;}
.bottomnav .top .content .left .logo{width: 155px;margin: 0 auto 14px auto;}
.bottomnav .top .content .left .logo img{height: auto;width: 100%;}
.bottomnav .top .content .left .ewm{width: 155px;text-align: center;margin-bottom: 0 auto;}
.bottomnav .top .content .left .ewm img{height: 100px;}
.bottomnav .top .content .right{display: none;}
.bottomnav .bottom .content{padding-top: 24px;padding-bottom: 24px;}
.bottomnav .bottom .content .left{width: 100%;font-size: 14px;margin-bottom: 14px;text-align: center;}
.bottomnav .bottom .content .right{width: 100%;text-align: center;font-size: 0;}
.bottomnav .bottom .content .right .abox{float: none;display: inline-block;vertical-align: middle;}
.bottomnav .bottom .content .right .abox a{font-size: 14px;}
.bottomnav .bottom .content .right .abox span{font-size: 14px;margin: 0 6px;}
.bottomnav .bottom .content .right .firend{float: none;display: inline-block;vertical-align: middle;margin-left: 20px;}
.bottomnav .bottom .content .right .firend ._t .words{font-size: 14px;margin-right: 8px;}
.bottomnav .bottom .content .right .firend ._t .ico{width: 10px;}
.bottomnav .bottom .content .right .firend ._b{width: 100px;margin-left: -50px;}
.bottomnav .bottom .content .right .firend ._b a{font-size: 12px;line-height: 30px;}
}

/*底导航漂浮*/
.b_navs .q_d_m{ float: left; width: 100%; height: 50px;}
.b_navs .pf_down{ width: 100%; float: left; position: fixed; left: 0; bottom: 0; height: 50px; background: #d4372b; z-index: 16; box-shadow: 0 -5px 10px rgba(0,0,0,0.2);}
.b_navs .pf_down li{ width: 33.3%; float: left; text-align: center; padding: 7px 0 4px 0; border-right: 1px solid #fff;}
.b_navs .pf_down li .ico7{ width: 100%; float: left; height: 20px;}
.b_navs .pf_down li .d_name{ width: 100%; float: left; margin-top: 4px; font-size: 12px; color: #fff; line-height: 14px;}
.b_navs .pf_down li.l1 .ico7{ background: url(img/img4.png) no-repeat center; background-size: 20px 20px;}
.b_navs .pf_down li.l2 .ico7{ background: url(img/img3.png) no-repeat center; background-size: 20px 20px;}
.b_navs .pf_down li.l3 .ico7{ background: url(img/img2.png) no-repeat center; background-size: 20px 20px;}
.b_navs .pf_down li:last-child{ border: none;}
.b_navs .pf_down li:nth-child(3n){ border: none;}

/*侧悬浮*/
.cfx{width: 56px;position: fixed;right: 40px;bottom: 20%;cursor: pointer;z-index: 99;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.cfx:hover{opacity: 0.6;}
.cfx img{width: 100%;display: block;}
@media screen and (max-width:1680px) {
.cfx{width: 40px;right: 20px;}
}
@media screen and (max-width:1024px) {
.cfx{display: none;}
}

/*首页banner*/
.sy_banner{width: 100%;float: left;margin-top: 100px; position:relative;}
.sy_banner .ul{width: 100%;}
.sy_banner .ul a{display: block;width: 100%;position: relative; overflow:hidden;}
.sy_banner .ul .ba_pic{width: 100%;position: relative;z-index: 1;height: 90vh;
max-height: 850px;}
/*20220426start*/
.sy_banner .ul .ba_pic img{ top:50%;
 left:50%;
 position:absolute;
 height:100%;
 width:100%;
 object-fit:cover;
 transform:perspective(1000px) translate3d(-50%, -50%, 100px);
 transition:1s 2.5s;
}
 .sy_banner .ul .swiper-slide-active .ba_pic img{transition:5s 0s;
 transform:perspective(1000px) translate3d(-50%, -50%, 0);
}
.sy_banner .ul .wordsbox1{width: 100%;position: absolute;left: 0;top: 50%;z-index: 2;
transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-o-transform: translate(0,-50%);}
.sy_banner .ul .wordsbox1 .tit1{font-size: 60px;color: #ffffff;line-height: 62px;transition-delay:transform 1.4s, opacity 0s;
 transition-duration:1.4s;
 transform:translate3d(0, 80px, 0);
 opacity:0;}
.sy_banner .ul .swiper-slide-active .wordsbox1 .tit1{
 transition-delay:1.4s;
 transform:translate3d(0px, 0, 0);
 opacity:1;
}
.sy_banner .ul .wordsbox1 .border{width: 56px;height: 2px;background: #fff;margin: 50px 0;transition-delay:transform 1.6s, opacity 0s;
 transition-duration:1.6s;
 transform:translate3d(0, 80px, 0);
 opacity:0;}
.sy_banner .ul .swiper-slide-active .wordsbox1 .border{
 transition-delay:1.6s;
 transform:translate3d(0px, 0, 0);
 opacity:1;
} 
.sy_banner .ul .wordsbox1 .tit2{font-size: 30px;color: #ffffff;line-height: 34px;margin-bottom: 108px;transition-delay:transform 1.8s, opacity 0s;
 transition-duration:1.8s;
 transform:translate3d(0, 80px, 0);
 opacity:0;}
.sy_banner .ul .swiper-slide-active .wordsbox1 .tit2{
 transition-delay:1.8s;
 transform:translate3d(0px, 0, 0);
 opacity:1;
}
.sy_banner .ul .wordsbox1 .more{width: 200px;font-size: 0;text-align: center;background: #d4372b;border-radius: 27px;
/*transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;*/transition-delay:transform 2.0s, opacity 0s;
 transition-duration:2.0s;
 transform:translate3d(0, 80px, 0);
 opacity:0;}
.sy_banner .ul .swiper-slide-active .wordsbox1 .more{
 transition-delay:2.0s;
 transform:translate3d(0px, 0, 0);
 opacity:1;
}
.sy_banner .ul .wordsbox1 .more .words{font-size: 18px;color: #ffffff;line-height: 54px;margin-right: 16px;display: inline-block;vertical-align: middle;}
.sy_banner .ul .wordsbox1 .more img{width: 18px;display: inline-block;vertical-align: middle;}
.sy_banner .ul .wordsbox1 .more:hover{opacity: 0.6;}
.sy_banner .ul .wordsbox2{width: 100%;position: absolute;left: 0;top: 50%;z-index: 2;
transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-o-transform: translate(0,-50%);}
.sy_banner .ul .wordsbox2 .tit1{font-size: 48px;color: #ffffff;line-height: 72px;font-weight: bolder;margin-bottom: 50px;text-align: center;transition-delay:transform 1.6s, opacity 0s;
 transition-duration:1.6s;
 transform:translate3d(0, 80px, 0);
 opacity:0;}
.sy_banner .ul .wordsbox2 .tit2{font-size: 48px;color: #ffffff;line-height: 52px;text-align: center; transition-delay:transform 1.8s, opacity 0s;
 transition-duration:1.8s;
 transform:translate3d(0, 80px, 0);
 opacity:0;}

.sy_banner .ul .swiper-slide-active .wordsbox2 .tit1{
 transition-delay:1.6s;
 transform:translate3d(0px, 0, 0);
 opacity:1;
}
.sy_banner .ul  .swiper-slide-active .wordsbox2 .tit2{
 transition-delay:1.8s;
 transform:translate3d(0px, 0, 0);
 opacity:1;
}
.sy_banner .banner-pagination{position: absolute; left:0; bottom: 88px; width:100%; height: 10px; z-index:10;flex-wrap:wrap; display: flex;  justify-content:center; align-items: center;}
.sy_banner .banner-pagination .swiper-pagination-bullet{ float:left; width: 10px; height: 10px;border-radius: 100%; margin: 0 12px;background: rgba(255,255,255,0.5); position: relative; cursor:pointer;}
.sy_banner .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #ffffff;}
.sy_banner .banner-left,
.sy_banner .banner-right{position: absolute;
top: 50%;
transform: translateY(-50%);
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
background: rgba(0,0,0,.4);
color: #fff;
font-size: 2.2rem;
z-index: 10;
opacity: 0;
transition: all 0.6s ease;
cursor: pointer;}
.sy_banner .banner-left{background: url(img/img14.png) no-repeat center center; background-size:100% 100%;left: 96px;top: 50%;}
.sy_banner .banner-right{background: url(img/img15.png) no-repeat center center; background-size:100% 100%;right: 96px;top: 50%;}
.sy_banner:hover .banner-left,
.sy_banner:hover .banner-right{opacity:1;}
/*20220428start*/
body{ overflow-x:hidden;}
/*20220428end*/
@media screen and (max-width:1680px) {
.sy_banner .ul .wordsbox1 .tit1{font-size: 36px;line-height: 40px;}
.sy_banner .ul .wordsbox1 .border{width: 40px;margin: 30px 0;}
.sy_banner .ul .wordsbox1 .tit2{font-size: 22px;line-height: 26px;margin-bottom: 60px;}
.sy_banner .ul .wordsbox1 .more{width: 140px;border-radius: 20px;}
.sy_banner .ul .wordsbox1 .more .words{font-size: 14px;line-height: 40px;margin-right: 10px;}
.sy_banner .ul .wordsbox1 .more img{width: 16px;}
.sy_banner .ul .wordsbox2 .tit1{font-size: 30px;line-height: 46px;margin-bottom: 30px;}
.sy_banner .ul .wordsbox2 .tit2{font-size: 30px;line-height: 34px;}
.sy_banner .banner-pagination{ bottom: 80px;}
.sy_banner .banner-left{width: 36px;height: 36px;left: 40px;}
.sy_banner .banner-right{width: 36px;height: 36px;right: 40px;}
}
@media screen and (max-width:1300px) {
.sy_banner{margin-top: 70px;}
}
@media screen and (max-width:1024px) {
.sy_banner{margin-top: 50px;}
/*20220428start*/
.sy_banner .ul .ba_pic{height:45vh; max-height:400px;}
/*20220428end*/
.sy_banner .ul .wordsbox1 .tit1{font-size: 30px;line-height: 34px;}
.sy_banner .ul .wordsbox1 .border{width: 40px;margin: 14px 0;}
.sy_banner .ul .wordsbox1 .tit2{font-size: 18px;line-height: 24px;margin-bottom: 14px;}
.sy_banner .ul .wordsbox1 .more{width: 120px;border-radius: 17px;}
.sy_banner .ul .wordsbox1 .more .words{font-size: 14px;line-height: 34px;margin-right: 8px;}
.sy_banner .ul .wordsbox1 .more img{width: 12px;}
.sy_banner .ul .wordsbox2 .tit1{font-size: 18px;line-height: 30px;margin-bottom: 14px;}
.sy_banner .ul .wordsbox2 .tit2{font-size: 18px;line-height: 22px;}
/*20220428start*/
.sy_banner .banner-pagination{ bottom:20px; height: 8px;}
/*20220428end*/
.sy_banner .banner-pagination .swiper-pagination-bullet{width: 8px; height: 8px;margin: 0 4px;}
.sy_banner .banner-left{width: 0;height: 0;left: 0;opacity: 0;}
.sy_banner .banner-right{width: 0;height: 0;right: 0;opacity: 0;}
}

/*首页*/
.sy_section1{width: 100%;padding-top: 80px;padding-bottom: 160px;}
/*20220418start*/
.sy_section1 .tits{font-size: 36px;color: #333333;line-height: 40px;margin-bottom: 60px; font-weight:bold;}
/*20220418end*/
.sy_section1 .titbox{width: 100%;overflow: hidden;margin-bottom: 80px;}
.sy_section1 .titbox .left{float: left;}
.sy_section1 .titbox .left h2{font-size: 36px;color: #333333;line-height: 40px;margin-bottom: 4px;}
.sy_section1 .titbox .left h3{font-size: 24px;color: #333333;line-height: 28px;}
.sy_section1 .titbox .right{float: right;width: 148px;}
.sy_section1 .titbox .right a{display: block;width: 100%;font-size: 0;text-align: center;border: 1px solid #dddddd; border-radius: 24px;}
.sy_section1 .titbox .right a:hover{background: #d4372b;border-color: #d4372b;}
.sy_section1 .titbox .right a .words{font-size: 16px;color: #666666;line-height: 48px;display: inline-block;vertical-align: middle;margin-right: 8px;}
.sy_section1 .titbox .right a:hover .words{color: #fff;}
.sy_section1 .titbox .right a .ico{display: inline-block;vertical-align: middle;width: 18px;}
.sy_section1 .titbox .right a .ico2{display: none;}
.sy_section1 .titbox .right a:hover .ico1{display: none;}
.sy_section1 .titbox .right a:hover .ico2{display: inline-block;}
.sy_section1 .content{width: 100%;overflow: hidden;}
.sy_section1 .content .left{width: 100%;float: left;padding-right: 32px;}
.sy_section1 .content .left ul{margin: -14px -16px;overflow: hidden;width: calc(100% + 32px);display:flex; flex-wrap: wrap; align-items: flex-start;}
.sy_section1 .content .left ul li{width: 33.3333%;float: left;padding: 14px 16px;}
.sy_section1 .content .left ul li .boxs{width: 100%;border: 1px solid #dddddd;border-radius: 10px;}
.sy_section1 .content .left ul li .boxs a{display: block;width: 100%;border: 1px solid rgba(255,255,255,0);padding: 20px 20px 26px 20px;
transition: All 0s ease-in-out;
-webkit-transition: All 0s ease-in-out;
-moz-transition: All 0s ease-in-out;
-o-transition: All 0s ease-in-out;}
.sy_section1 .content .left ul li .boxs:hover{border: 2px solid #d4372b;}
.sy_section1 .content .left ul li .boxs:hover a{border: 0}
.sy_section1 .content .left ul li .boxs a .pic{ padding-bottom: 46.46%; position: relative; overflow: hidden;}
.sy_section1 .content .left ul li .boxs a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.sy_section1 .content .left ul li .boxs .wordsbox{width: 100%;padding: 40px 24px 0 32px;overflow: hidden;}
.sy_section1 .content .left ul li .boxs .wordsbox .ticon{width: calc(100% - 50px);float: left;padding-right: 14px;}
.sy_section1 .content .left ul li .boxs .wordsbox .ticon .tit1{font-size: 20px;color: #080a0c;line-height: 24px;font-weight: bolder;margin-bottom: 8px;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
/*20220418start*/
.sy_section1 .content .left ul li .boxs .wordsbox .ticon .tit2{font-size: 16px;color: #666666;line-height: 20px; font-weight:bold;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
/*20220418end*/
.sy_section1 .content .left ul li .boxs .wordsbox .more{float: right;width: 48px;}
.sy_section1 .content .left ul li .boxs .wordsbox .more .ico{width: 100%;display: block;}
.sy_section1 .content .left ul li .boxs .wordsbox .more .ico2{display: none;}
.sy_section1 .content .left ul li .boxs:hover .wordsbox .more .ico1{display: none;}
.sy_section1 .content .left ul li .boxs:hover .wordsbox .more .ico2{display: block;}
.sy_section1 .content .right{width: 31.54%;float: right;}
.sy_section1 .content .right .boxs{width: 100%;border: 1px solid #dddddd;border-radius: 10px;}
.sy_section1 .content .right .boxs a{display: block;width: 100%;border: 1px solid rgba(255,255,255,0);padding: 150px 20px 150px 20px;
transition: All 0s ease-in-out;
-webkit-transition: All 0s ease-in-out;
-moz-transition: All 0s ease-in-out;
-o-transition: All 0s ease-in-out;}
.sy_section1 .content .right .boxs:hover{border: 2px solid #d4372b;}
.sy_section1 .content .right .boxs:hover a{border: 0}
.sy_section1 .content .right .boxs a .pic{ padding-bottom: 46.46%; position: relative; overflow: hidden;}
.sy_section1 .content .right .boxs a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.sy_section1 .content .right .boxs .wordsbox{width: 100%;padding: 40px 46px 0 46px;overflow: hidden;}
.sy_section1 .content .right .boxs .wordsbox .ticon{width: 100%;float: left;}
.sy_section1 .content .right .boxs .wordsbox .ticon .tit1{font-size: 20px;color: #080a0c;line-height: 24px;font-weight: bolder;margin-bottom: 8px;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
/*20220419start*/
.sy_section1 .content .right .boxs .wordsbox .ticon .tit2{font-size: 16px;color: #666666;line-height: 20px; font-weight:bold;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
/*20220419end*/
.sy_section1 .content .right .boxs .wordsbox .more{float: left;width: 48px;margin-top: 40px;}
.sy_section1 .content .right .boxs .wordsbox .more .ico{width: 100%;display: block;}
.sy_section1 .content .right .boxs .wordsbox .more .ico2{display: none;}
.sy_section1 .content .right .boxs:hover .wordsbox .more .ico1{display: none;}
.sy_section1 .content .right .boxs:hover .wordsbox .more .ico2{display: block;}
@media screen and (max-width:1680px) {
.sy_section1{padding-top: 60px;padding-bottom: 100px;}
.sy_section1 .tits{font-size: 24px;line-height: 28px;margin-bottom: 34px;}
.sy_section1 .titbox{margin-bottom: 40px;}
.sy_section1 .titbox .left h2{font-size: 24px;line-height: 28px;}
.sy_section1 .titbox .left h3{font-size: 18px;line-height: 24px;}
.sy_section1 .titbox .right{width: 110px;}
.sy_section1 .titbox .right a{border-radius: 19px;}
.sy_section1 .titbox .right a .words{font-size: 14px;line-height: 38px;margin-right: 6px;}
.sy_section1 .titbox .right a .ico{width: 14px;}
.sy_section1 .content .left{padding-right: 24px;}
.sy_section1 .content .left ul{margin: -12px;width: calc(100% + 24px);}
.sy_section1 .content .left ul li{padding: 12px;}
.sy_section1 .content .left ul li .boxs .wordsbox{padding: 20px 20px 0 20px;}
.sy_section1 .content .left ul li .boxs .wordsbox .ticon{width: calc(100% - 40px);padding-right: 10px;}
.sy_section1 .content .left ul li .boxs .wordsbox .ticon .tit1{font-size: 16px;line-height: 20px;margin-bottom: 6px;}
.sy_section1 .content .left ul li .boxs .wordsbox .ticon .tit2{font-size: 14px;line-height: 18px;}
.sy_section1 .content .left ul li .boxs .wordsbox .more{width: 36px;}
.sy_section1 .content .right .boxs a{padding: 140px 20px;}
.sy_section1 .content .right .boxs .wordsbox{padding: 20px 26px 0 26px;}
.sy_section1 .content .right .boxs .wordsbox .ticon .tit1{font-size: 16px;line-height: 20px;margin-bottom: 6px;}
.sy_section1 .content .right .boxs .wordsbox .ticon .tit2{font-size: 14px;line-height: 18px;}
.sy_section1 .content .right .boxs .wordsbox .more{float: left;width: 36px;margin-top: 20px;}
}
@media screen and (max-width:1440px) {
.sy_section1 .content .right .boxs a{padding: 132px 20px;}
}
@media screen and (max-width:1366px) {
.sy_section1 .content .right .boxs a{padding: 140px 20px;}
}
@media screen and (max-width:1300px) {
.sy_section1 .content .right .boxs a{padding: 134px 20px;}
}
@media screen and (max-width:1024px) {
.sy_section1{padding-top: 30px;padding-bottom: 30px;}
.sy_section1 .tits{font-size: 18px;line-height: 24px;margin-bottom: 14px;}
.sy_section1 .titbox{margin-bottom: 16px;}
.sy_section1 .titbox .left h2{font-size: 20px;line-height: 24px;}
.sy_section1 .titbox .left h3{font-size: 16px;line-height: 20px;}
.sy_section1 .titbox .right{width: 120px;}
.sy_section1 .titbox .right a{border-radius: 17px;}
.sy_section1 .titbox .right a .words{font-size: 14px;line-height: 34px;margin-right: 6px;}
.sy_section1 .titbox .right a .ico{width: 16px;}
.sy_section1 .content .left{width: 100%;padding-right: 0;}
.sy_section1 .content .left ul{margin: 0;width: 100%;}
.sy_section1 .content .left ul li{width: 100%;padding: 0;margin-bottom: 14px;}
.sy_section1 .content .left ul li .boxs a{padding: 14px;}
.sy_section1 .content .left ul li .boxs .wordsbox{padding: 10px 10px 0 10px;}
.sy_section1 .content .left ul li .boxs .wordsbox .ticon{width: calc(100% - 40px);padding-right: 10px;}
.sy_section1 .content .left ul li .boxs .wordsbox .ticon .tit1{font-size: 16px;line-height: 20px;margin-bottom: 6px;}
.sy_section1 .content .left ul li .boxs .wordsbox .ticon .tit2{font-size: 14px;line-height: 18px;}
.sy_section1 .content .left ul li .boxs .wordsbox .more{width: 36px;}
.sy_section1 .content .right{width: 100%;}
.sy_section1 .content .right .boxs a{padding: 14px;}
.sy_section1 .content .right .boxs .wordsbox{padding: 10px 10px 0 10px;overflow: hidden;}
.sy_section1 .content .right .boxs .wordsbox .ticon{width: calc(100% - 40px);float: left;padding-right: 10px;}
.sy_section1 .content .right .boxs .wordsbox .ticon .tit1{font-size: 16px;line-height: 20px;margin-bottom: 6px;}
.sy_section1 .content .right .boxs .wordsbox .ticon .tit2{font-size: 14px;line-height: 18px;}
.sy_section1 .content .right .boxs .wordsbox .more{float: right;width: 36px;margin-top: 0;}
}

.sy_section2{width: 100%;padding-bottom: 80px;}
.sy_section2 .content{width: 100%;overflow: hidden;}
.sy_section2 .content .titbox{width: 100%;overflow: hidden;}
.sy_section2 .content .titbox .lefts{float: left;}
.sy_section2 .content .titbox .lefts h2{font-size: 36px;color: #333333;line-height: 40px;margin-bottom: 4px;padding-left: 20px;position: relative;}
.sy_section2 .content .titbox .lefts h2::after{content: "";display: block;width: 3px;height: 100%;background: #d4372b;position: absolute;left: 0;top: 0;}
.sy_section2 .content .titbox .lefts h3{font-size: 24px;color: #333333;line-height: 28px;padding-left: 20px;text-transform:uppercase;}
.sy_section2 .content .titbox .rights{float: right;width: 148px;}
.sy_section2 .content .titbox .rights a{display: block;width: 100%;font-size: 0;text-align: center;border: 1px solid #dddddd; border-radius: 24px;}
.sy_section2 .content .titbox .rights a:hover{background: #d4372b;border-color: #d4372b;}
.sy_section2 .content .titbox .rights a .words{font-size: 16px;color: #666666;line-height: 48px;display: inline-block;vertical-align: middle;margin-right: 8px;}
.sy_section2 .content .titbox .rights a:hover .words{color: #fff;}
.sy_section2 .content .titbox .rights a .ico{display: inline-block;vertical-align: middle;width: 18px;}
.sy_section2 .content .titbox .rights a .ico2{display: none;}
.sy_section2 .content .titbox .rights a:hover .ico1{display: none;}
.sy_section2 .content .titbox .rights a:hover .ico2{display: inline-block;}
.sy_section2 .content .titbox .rights2{float: right;width: 328px;}
.sy_section2 .content .titbox .rights2 ._t{margin: 0 -16px;overflow: hidden;width: calc(100% + 32px);}
.sy_section2 .content .titbox .rights2 ._t .list{width: 50%;float: left;padding: 0 16px;}
.sy_section2 .content .titbox .rights2 ._t .list a{display: block;width: 100%;line-height: 46px;text-align: center;font-size: 16px;color: #666666;border: 1px solid #dddddd;border-radius: 23px;}
.sy_section2 .content .titbox .rights2 ._t .list.on a{background: #d4372b;color: #fff;border-color: #d4372b;}
.sy_section2 .content .left{width: 50%;float: left;padding-right: 29px;}
.sy_section2 .content .left .cons{width: 100%;margin-top: 58px;}
.sy_section2 .content .left .cons .pic{width: 100%;margin-bottom: 28px;}
.sy_section2 .content .left .cons .pic img{width: 100%;display: block;}
.sy_section2 .content .left .cons .words{font-size: 16px;color: #666666;line-height: 30px;}
.sy_section2 .content .right{width: 50%;float: left;padding-left: 29px;}
.sy_section2 .content .right .cons{width: 100%;margin-top: 58px;}
.sy_section2 .content .right ul{width: 100%;margin-bottom: 60px;}
.sy_section2 .content .right ul li{width: 100%;border-bottom: 1px solid #dddddd;margin-bottom: 30px;padding-bottom: 30px;}
.sy_section2 .content .right ul li:hover{border-bottom-color: #d4372b;}
.sy_section2 .content .right ul li:last-child{margin-bottom: 0;}
.sy_section2 .content .right ul li a{display: block;width: 100%;font-size: 0;}
.sy_section2 .content .right ul li a .pic{width: 207px;display: inline-block;vertical-align: middle;}
.sy_section2 .content .right ul li a .pic img{width: 100%;display: block;}
.sy_section2 .content .right ul li a .wordsbox{width: calc(100% - 208px);display: inline-block;vertical-align: middle;padding-left: 24px;}
/*20220221start*/
.sy_section2 .content .right ul li a .wordsbox .tit{font-size: 18px;color: #333333;line-height: 24px;margin-bottom: 12px;height: 24px;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.sy_section2 .content .right ul li a:hover .wordsbox .tit{color: #d4372b;}
.sy_section2 .content .right ul li a .wordsbox .info{font-size: 14px;color: #666666;line-height: 24px;margin-bottom: 18px;height: 48px;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
/*20220221end*/
.sy_section2 .content .right ul li a .wordsbox .boxs{width: 100%;overflow: hidden;}
.sy_section2 .content .right ul li a .wordsbox .boxs .date{font-size: 16px;color: #666666;line-height: 20px;float: left;}
.sy_section2 .content .right ul li a .wordsbox .boxs .ico{float: right;width: 18px;margin-top: 2px;}
.sy_section2 .content .right ul li a .wordsbox .boxs .ico2{display: none;}
.sy_section2 .content .right ul li a:hover .wordsbox .boxs .ico1{display: none;}
.sy_section2 .content .right ul li a:hover .wordsbox .boxs .ico2{display: block;}
.sy_section2 .content .right .more{width: 148px;margin: 0 auto;}
.sy_section2 .content .right .more a{display: block;width: 100%;font-size: 0;text-align: center;border: 1px solid #dddddd; border-radius: 24px;}
.sy_section2 .content .right .more a:hover{background: #d4372b;border-color: #d4372b;}
.sy_section2 .content .right .more a .words{font-size: 16px;color: #666666;line-height: 48px;display: inline-block;vertical-align: middle;margin-right: 8px;}
.sy_section2 .content .right .more a:hover .words{color: #fff;}
.sy_section2 .content .right .more a .ico{display: inline-block;vertical-align: middle;width: 18px;}
.sy_section2 .content .right .more a .ico2{display: none;}
.sy_section2 .content .right .more a:hover .ico1{display: none;}
.sy_section2 .content .right .more a:hover .ico2{display: inline-block;}
@media screen and (max-width:1680px) {
.sy_section2{padding-bottom: 60px;}
.sy_section2 .content .titbox .lefts h2{font-size: 24px;line-height: 28px;}
.sy_section2 .content .titbox .lefts h3{font-size: 18px;line-height: 24px;}
.sy_section2 .content .titbox .lefts h2::after{width: 2px;}
.sy_section2 .content .titbox .rights{width: 110px;}
.sy_section2 .content .titbox .rights a{border-radius: 19px;}
.sy_section2 .content .titbox .rights a .words{font-size: 14px;line-height: 38px;margin-right: 6px;}
.sy_section2 .content .titbox .rights a .ico{width: 14px;}
.sy_section2 .content .titbox .rights2{width: 220px;}
.sy_section2 .content .titbox .rights2 ._t{margin: 0 -12px;width: calc(100% + 24px);}
.sy_section2 .content .titbox .rights2 ._t .list{padding: 0 12px;}
.sy_section2 .content .titbox .rights2 ._t .list a{line-height:38px;font-size: 14px;border-radius: 19px;}
.sy_section2 .content .left{padding-right: 18px;}
.sy_section2 .content .left .cons{margin-top: 30px;}
.sy_section2 .content .left .cons .pic{margin-bottom: 20px;}
.sy_section2 .content .left .cons .words{font-size: 14px;line-height: 24px;}
.sy_section2 .content .right{padding-left: 18px;}
.sy_section2 .content .right .cons{margin-top: 30px;}
.sy_section2 .content .right ul{margin-bottom: 30px;}
.sy_section2 .content .right ul li{margin-bottom: 26px;padding-bottom: 26px;}
.sy_section2 .content .right ul li a .pic{width: 160px;}
.sy_section2 .content .right ul li a .wordsbox{width: calc(100% - 162px);padding-left: 16px;}
/*20220221start*/
.sy_section2 .content .right ul li a .wordsbox .tit{font-size: 16px;line-height: 20px;margin-bottom: 10px;height: 20px;}
.sy_section2 .content .right ul li a .wordsbox .info{font-size: 12px;line-height: 20px;margin-bottom: 14px;height: 20px; }
/*20220221end*/
.sy_section2 .content .right ul li a .wordsbox .boxs .date{font-size: 14px;}
.sy_section2 .content .right ul li a .wordsbox .boxs .ico{width: 14px;}
.sy_section2 .content .right .more{width: 110px;}
.sy_section2 .content .right .more a{border-radius: 19px;}
.sy_section2 .content .right .more a .words{font-size: 14px;line-height: 38px;margin-right: 6px;}
.sy_section2 .content .right .more a .ico{width: 14px;}
}
@media screen and (max-width:1024px) {
.sy_section2{padding-bottom: 30px;}
.sy_section2 .content .titbox{width: 100%;overflow: hidden;}
.sy_section2 .content .titbox .lefts h2{font-size: 20px;line-height: 24px;}
.sy_section2 .content .titbox .lefts h3{font-size: 16px;line-height: 20px;}
.sy_section2 .content .titbox .rights{width: 120px;}
.sy_section2 .content .titbox .rights a{border-radius: 17px;}
.sy_section2 .content .titbox .rights a .words{font-size: 14px;line-height: 34px;margin-right: 6px;}
.sy_section2 .content .titbox .rights a .ico{width: 16px;}
.sy_section2 .content .titbox .rights2{width: 180px;}
.sy_section2 .content .titbox .rights2 ._t{margin: 0 -6px;width: calc(100% + 12px);}
.sy_section2 .content .titbox .rights2 ._t .list{padding: 0 6px;}
.sy_section2 .content .titbox .rights2 ._t .list a{line-height: 30px;font-size: 14px;border-radius: 15px;}
.sy_section2 .content .left{width: 100%;padding-right: 0;margin-bottom: 16px;}
.sy_section2 .content .left .cons{margin-top:14px;}
.sy_section2 .content .left .cons .pic{margin-bottom: 12px;}
.sy_section2 .content .left .cons .words{font-size: 14px;line-height: 24px;}
.sy_section2 .content .right{width: 100%;padding-left: 0px;}
.sy_section2 .content .right .cons{margin-top: 14px;}
.sy_section2 .content .right ul{margin-bottom: 14px;}
.sy_section2 .content .right ul li{margin-bottom: 12px;padding-bottom: 12px;}
.sy_section2 .content .right ul li a .pic{width: 140px;}
.sy_section2 .content .right ul li a .wordsbox{width: calc(100% - 142px);padding-left: 12px;}
.sy_section2 .content .right ul li a .wordsbox .tit{font-size: 16px;line-height: 20px;margin-bottom: 10px;}
.sy_section2 .content .right ul li a .wordsbox .info{font-size: 14px;line-height: 20px;margin-bottom: 12px;}
.sy_section2 .content .right ul li a .wordsbox .boxs .date{font-size: 14px;}
.sy_section2 .content .right ul li a .wordsbox .boxs .ico{width: 16px;}
.sy_section2 .content .right ul li a:hover .wordsbox .boxs .ico2{display: block;}
.sy_section2 .content .right .more{width: 120px;}
.sy_section2 .content .right .more a{border-radius: 17px;}
.sy_section2 .content .right .more a .words{font-size: 14px;line-height: 34px;margin-right: 6px;}
.sy_section2 .content .right .more a .ico{width: 16px;}
}

/*关于我们*/
.gywm_section{width: 100%;padding-top: 100px;padding-bottom: 100px;}
.gywm_section h2{font-size: 24px;color: #333333;line-height: 28px;font-weight: bolder;}
.gywm_section .border{width: 42px;height: 3px;background: #d4372b;margin: 38px 0 30px 0;}
.gywm_section .info{font-size: 16px;color: #666666;line-height: 36px;margin-bottom: 54px;}
.gywm_section .boxs{width: 100%;overflow: hidden;position: relative;font-size: 0;}
.gywm_section .boxs::after{content: "";display: block;width: 28.4%;height: 100%;background: #f4f4f8;position: absolute;left: 0;top: 0;z-index: 1;}
.gywm_section .boxs .left{width: 28.4%;display: inline-block;vertical-align: middle;position: relative;z-index: 2;}
.gywm_section .boxs .left .listbox{width: 100%;padding-left: 92px;}
.gywm_section .boxs .left .listbox .list{width: 100%;margin-bottom: 76px;}
.gywm_section .boxs .left .listbox .list:last-child{margin-bottom: 0;}
.gywm_section .boxs .left .listbox .list .tit1{font-size: 36px;color: #d4372b;line-height: 40px;font-weight: bolder;margin-bottom: 16px;}
.gywm_section .boxs .left .listbox .list .tit2{font-size: 16px;color: #666666;line-height: 20px;}
.gywm_section .boxs .right{width: 71.4%;display: inline-block;vertical-align: middle;}
.gywm_section .boxs .right img{width: 100%;display: block;}
@media screen and (max-width:1680px) {
.gywm_section{padding-top: 60px;padding-bottom: 60px;}
.gywm_section h2{font-size: 18px;line-height: 24px;}
.gywm_section .border{width: 36px;height: 2px;margin: 24px 0 20px 0;}
.gywm_section .info{font-size: 14px;line-height: 24px;margin-bottom: 24px;}
.gywm_section .boxs .left .listbox{padding-left: 70px;}
.gywm_section .boxs .left .listbox .list{margin-bottom: 50px;}
.gywm_section .boxs .left .listbox .list .tit1{font-size: 28px;line-height: 28px;margin-bottom: 14px;}
.gywm_section .boxs .left .listbox .list .tit2{font-size: 14px;line-height: 18px;}
.gywm_section .boxs .left{width: 34%;}
.gywm_section .boxs::after{width: 34%;}
.gywm_section .boxs .right{width: 65.8%;}
}
@media screen and (max-width:1024px) {
.gywm_section{padding-top: 30px;padding-bottom: 30px;}
.gywm_section h2{font-size: 18px;line-height: 24px;}
.gywm_section .border{width: 30px;height: 2px;margin: 12px 0 10px 0;}
.gywm_section .info{font-size: 14px;line-height: 24px;margin-bottom: 12px;}
.gywm_section .boxs::after{display: none;}
.gywm_section .boxs .left{width: 100%;background: #f4f4f8; display: block;padding: 10px;}
.gywm_section .boxs .left .listbox{padding-left: 0;margin: -6px;overflow: hidden;width: calc(100% + 12px);}
.gywm_section .boxs .left .listbox .list{width: 50%; margin-bottom: 0;padding: 6px;float: left;}
.gywm_section .boxs .left .listbox .list .tit1{font-size: 18px;line-height: 24px;margin-bottom: 10px;text-align: center;}
.gywm_section .boxs .left .listbox .list .tit2{font-size: 14px;line-height: 18px;text-align: center;}
.gywm_section .boxs .right{width: 100%;display: block;}
}

/*产品列表*/
.cplb_section{width: 100%;padding-top: 100px;padding-bottom: 100px;background: #f8f8f8;}
.cplb_section h2{font-size: 36px;color: #333333;line-height: 40px;margin-bottom: 60px;}
.cplb_section .content{width: 100%;}
.cplb_section .content table{width: 100%;border: 1px solid #cccccc;}
.cplb_section .content table th{border: 1px solid #cccccc;background: #3e7a96;}
.cplb_section .content table th .lists{font-size: 15px;color: #ffffff;line-height: 20px;font-weight: bolder;padding: 0 6px;}
.cplb_section .content table th .list{font-size: 14px;color: #ffffff;line-height: 45px;padding: 0 6px;}
.cplb_section .content table th .list:nth-child(1){border-bottom: 1px solid #cccccc;font-weight: bolder;}
/*20220419start*/
.cplb_section .content table td{border: 1px solid #cccccc;font-size: 15px;color: #666666;line-height: 30px;text-align: center;padding: 8px 6px;}
.cplb_section .content table td:nth-child(1){background: #f4f4f8;}
.cplb_section .content table td a{font-size: 0; white-space:nowrap;}
/*20220419end*/
.cplb_section .content table td .words{margin-right:4px; font-size: 17px;color: #3e7a96;line-height: 24px;display: inline-block;vertical-align: middle;border-bottom: 1px solid #3e7a96;font-weight: bolder;}
.cplb_section .content table td .ico{width: 30px;display: inline-block;vertical-align: middle;}
.cplb_section .content table td .ico2{display: none;}
.cplb_section .content table td:hover .ico1{display: none;}
.cplb_section .content table td:hover .ico2{display: inline-block;}


@media screen and (max-width:1680px) {
.cplb_section{padding-top: 60px;padding-bottom: 60px;}
.cplb_section h2{font-size: 24px;line-height: 28px;margin-bottom: 34px;}
.cplb_section .content table th .lists{font-size: 13px;padding: 0 4px;}
.cplb_section .content table th .list{font-size: 13px;line-height: 30px;padding: 0 4px;}
.cplb_section .content table td{font-size: 13px;line-height: 24px;padding: 6px 4px;}
.cplb_section .content table td .words{margin-right: 6px;font-size: 13px;line-height: 20px;}
.cplb_section .content table td .ico{width: 22px;}

}
@media screen and (max-width:1024px) {
.cplb_section{padding-top: 30px;padding-bottom: 30px;}
.cplb_section h2{font-size: 18px;line-height: 24px;margin-bottom: 14px;}
.cplb_section .content{white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;}
.cplb_section .content::-webkit-scrollbar{ display: none;}
.cplb_section .content table{width: 1000px;}
.cplb_section .content table th .lists{font-size: 13px;padding: 0 6px;white-space:normal;}
.cplb_section .content table th .list{font-size: 13px;line-height: 28px;padding: 0 4px;white-space:normal;}
.cplb_section .content table td{font-size: 13px;line-height: 26px;padding: 6px 4px;white-space:normal;}
.cplb_section .content table td .words{margin-right: 4px; font-size: 16px;line-height: 20px;}
.cplb_section .content table td .ico{width: 20px;}

}

/*产品详情*/
.cpxq_section{width: 100%;padding-top: 96px;background: #f8f8f8;}
.cpxq_section h2{font-size: 30px;color: #333333;line-height: 34px;margin-bottom: 48px;font-weight: bolder;}
.cpxq_section .content{width: 100%;font-size: 0;border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd;position: relative;}
.cpxq_section .content .left{width: 43.8%;display: inline-block;vertical-align: middle;}
.cpxq_section .content .left img{width: 100%;display: block;}
.cpxq_section .content::after{content: "";display: block;width: 1px;height: 100%;background: #dddddd;position: absolute;left: 43.8%;top: 0;}
.cpxq_section .content .right{width: 56%;display: inline-block;vertical-align: middle;padding-left: 86px; padding-top:3%; padding-bottom:3%;}
.cpxq_section .content .right .wordsbox{font-size: 24px;color: #333333;line-height: 36px;padding-left: 20px;margin-bottom: 100px;}
.cpxq_section .content .right .listbox{width: 100%;overflow: hidden;}
.cpxq_section .content .right .listbox .list{width: 122px;float: left;margin-right: 22px;background: #cccccc;border-radius: 10px;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.cpxq_section .content .right .listbox .list a{display: block;width: 100%;padding: 14px 10px 8px 10px;}
.cpxq_section .content .right .listbox .list a .ico{width: 38px;display: block;margin: 0 auto 6px auto;}
.cpxq_section .content .right .listbox .list a .words{font-size: 16px;color: #ffffff;line-height: 20px;text-align: center;}
.cpxq_section .content .right .listbox .list:hover{background: #d4372b;}
.cpxq_section .content .right .listbox .list.on{background: #d4372b;}
@media screen and (max-width:1680px) {
.cpxq_section{padding-top: 60px;}
.cpxq_section h2{font-size: 24px;line-height: 28px;margin-bottom: 20px;}
.cpxq_section .content .left {width: 40%;}
.cpxq_section .content::after{left: 40%;}
.cpxq_section .content .left img{width: 90%;margin: 0 auto;}
.cpxq_section .content .right{padding-left: 40px;width: 60%;}
.cpxq_section .content .right .wordsbox{font-size: 18px;line-height: 30px;padding-left: 16px;margin-bottom:50px;}
.cpxq_section .content .right .listbox .list{width: 90px;margin-right: 16px;}
.cpxq_section .content .right .listbox .list a{padding: 10px 8px 6px 8px;}
.cpxq_section .content .right .listbox .list a .ico{width: 30px;margin: 0 auto 4px auto;}
.cpxq_section .content .right .listbox .list a .words{font-size: 14px;}
}
@media screen and (max-width:1024px) {
.cpxq_section{padding-top: 30px;}
.cpxq_section h2{font-size: 18px;line-height: 24px;margin-bottom: 14px;}
.cpxq_section .content{border-top: 0;border-bottom: 0;}
.cpxq_section .content .left{width: 100%;}
.cpxq_section .content .left img{width: 60%;display: block;margin: 0 auto;}
.cpxq_section .content::after{display: none;}
.cpxq_section .content .right{width: 100%;padding-top: 14px;padding-left: 20px;padding-right: 20px;}
.cpxq_section .content .right .wordsbox{font-size: 16px;line-height: 34px;padding-left: 0;margin-bottom: 14px;}
.cpxq_section .content .right .wordsbox br{display: none;}
.cpxq_section .content .right .listbox .list{width: 80px;margin-right: 10px;}
.cpxq_section .content .right .listbox .list a{padding: 8px;}
.cpxq_section .content .right .listbox .list a .ico{width: 26px;}
.cpxq_section .content .right .listbox .list a .words{font-size: 14px;line-height: 18px;}
}


.cplb_section2{width: 100%;padding-top: 80px;padding-bottom: 150px;background: #f8f8f8;}
.cplb_section2 .tits{font-size: 30px;color: #333333;line-height: 34px;margin-bottom: 38px;font-weight: bolder;position: relative;padding-left: 22px;}
.cplb_section2 .tits::after{content: "";display: block;width: 4px;height: 100%;background: #d4372b;position: absolute;left: 0;top: 0;}
.cplb_section2 .pic{width: 100%;}
.cplb_section2 .pic img{width: 100%;display: block;}
@media screen and (max-width:1680px) {
.cplb_section2{padding-top: 60px;padding-bottom: 60px;}
.cplb_section2 .tits{font-size: 24px;line-height: 28px;margin-bottom: 34px;padding-left: 18px;}
.cplb_section2 .tits::after{width: 3px;}
}
@media screen and (max-width:1024px) {
.cplb_section2{padding-top: 30px;padding-bottom: 30px;}
.cplb_section2 .tits{font-size: 18px;line-height: 24px;margin-bottom: 14px;padding-left: 16px;}
.cplb_section2 .tits::after{width: 3px;}
}

/*行业应用*/
.yyhy_section1{width: 100%;padding-top: 88px;background: #f8f8f8;}
.yyhy_section1 .tit{font-size: 36px;color: #333333;line-height: 40px;text-align: center;margin-bottom: 40px;font-weight: bolder;}
.yyhy_section1 .border{width: 43px;height: 3px;background: #d4372b;margin: 0 auto 60px auto;}
.yyhy_section1 .content{width: 100%;overflow: hidden;}
/*20220418start*/
.yyhy_section1 .content .left{width: 50%;float: left;font-size: 16px;color: #333333;line-height: 36px;padding-right: 76px;/*text-align: justify;*/}
/*20220418end*/
.yyhy_section1 .content .right{width: 50%;float: right;}
.yyhy_section1 .content .right .pic{ padding-bottom: 64.71%; position: relative; overflow: hidden;}
.yyhy_section1 .content .right .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
@media screen and (max-width:1680px) {
.yyhy_section1{padding-top: 60px;}
.yyhy_section1 .tit{font-size: 24px;line-height: 28px;margin-bottom: 26px;}
.yyhy_section1 .border{width: 36px;height: 2px;margin: 0 auto 30px auto;}
.yyhy_section1 .content .left{font-size: 14px;line-height: 30px;padding-right: 40px;}
.yyhy_section1 .content .right .pic{ padding-bottom: 54%;}
}
@media screen and (max-width:1024px) {
.yyhy_section1{padding-top: 30px;}
.yyhy_section1 .tit{font-size: 18px;line-height: 24px;margin-bottom: 14px;}
.yyhy_section1 .border{width: 30px;height: 2px;margin: 0 auto 14px auto;}
.yyhy_section1 .content .left{width: 100%;font-size: 14px;line-height: 24px;padding-right: 0;margin-bottom: 12px;}
.yyhy_section1 .content .right{width: 100%;}
}

.cplb_section3{width: 100%;padding-top: 120px;padding-bottom: 100px;}
.cplb_section3 .tit1{font-size: 36px;color: #333333;line-height: 40px;text-align: center;margin-bottom: 40px;font-weight: bolder;}
.cplb_section3 .border{width: 43px;height: 3px;background: #d4372b;margin: 0 auto 60px auto;}
.cplb_section3 .tit2{font-size: 24px;color: #333333;line-height: 28px;font-weight: bolder;margin-bottom: 26px;}
.cplb_section3 .content{margin-bottom: 62px;}
.cplb_section3 .content2{margin-bottom: 0;}
/*.cplb_section3 .content table th:nth-child(1){width: 11.15%;}
.cplb_section3 .content table th:nth-child(2){width: 6.46%;}
.cplb_section3 .content table th:nth-child(3){width: 6.15%;}
.cplb_section3 .content table th:nth-child(4){width: 6.15%;}
.cplb_section3 .content table th:nth-child(5){width: 5.61%;}
.cplb_section3 .content table th:nth-child(6){width: 5.61%;}
.cplb_section3 .content table th:nth-child(7){width: 5.61%;}
.cplb_section3 .content table th:nth-child(8){width: 5.61%;}
.cplb_section3 .content table th:nth-child(9){width: 5.61%;}
.cplb_section3 .content table th:nth-child(10){width: 5.61%;}
.cplb_section3 .content table th:nth-child(11){width: 5.61%;}
.cplb_section3 .content table th:nth-child(12){width: 5.61%;}
.cplb_section3 .content table th:nth-child(13){width: 7.69%;}
.cplb_section3 .content table th:nth-child(14){width: 8.84%;}
.cplb_section3 .content table th:nth-child(15){width: 8.68%;}*/
.cplb_section .content table th .list.list2s{line-height: 18px;padding: 5px 0;}
@media screen and (max-width:1680px) {
.cplb_section3{padding-top: 60px;padding-bottom: 60px;}
.cplb_section3 .tit1{font-size: 24px;line-height: 28px;margin-bottom: 26px;}
.cplb_section3 .border{width: 36px;height: 2px; margin: 0 auto 30px auto;}
.cplb_section3 .tit2{font-size: 18px;line-height: 24px;margin-bottom: 16px;}
.cplb_section3 .content{margin-bottom: 30px;}
.cplb_section .content table th .list.list2s{line-height: 15px;padding: 0;}
}
@media screen and (max-width:1024px) {
.cplb_section3{padding-top: 30px;padding-bottom: 30px;}
.cplb_section3 .tit1{font-size: 18px;line-height: 24px;margin-bottom: 14px;}
.cplb_section3 .border{width: 30px;height: 2px;margin: 0 auto 14px auto;}
.cplb_section3 .tit2{font-size: 16px;line-height: 20px;margin-bottom: 14px;}
.cplb_section3 .content{margin-bottom: 12px;}
.cplb_section .content table th .list{line-height: 36px;}
.cplb_section .content table th .list.list2s{line-height: 15px;padding: 3px 0;}
}


/*bwh*/
.nbanner{ float:left; width:100%; line-height:0; position:relative; background:#0d0d0e;margin-top: 100px;}
.nbanner img{ opacity:0.82;}
.nbanner .text{ float:left; width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); color:#fff; font-size:36px; line-height:52px; letter-spacing:6px; text-transform:uppercase; text-align:center;}
.nbanner .text span{ letter-spacing:4px;}

.slideA{ float:left; width:100%; position:relative; z-index:6; box-shadow:0 6px 35px rgba(166,166,168,0.27);}
.slideL{ float:left; color:#666666; font-size:18px; line-height:30px; margin:25px 0;}
.slideL .i{ padding-left:28px; background:url(img/b2.png) left center no-repeat;}
.slideL a{ color:#666666;}
.slideL a:hover{ color:#d4372b;}
.slideR{ float:right;}
.slideR ul{ float:left;}
/*20220413statrt*/
.slideR ul li{ float:left; margin-left:40px;}
/*20220413end*/
.slideR ul li:first-child{ margin-left:0 !important;}
.slideR ul li a{ float:left; position:relative; padding:25px 13px; color:#333333; font-size:18px; line-height:30px;}
.slideR ul li a:after{ float:left; width:0; height:2px; content:''; position:absolute; left:50%; bottom:0; background:#d4372b;
-oz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
   -moz-transform:translateX(-50%);
     -o-transform:translateX(-50%);}
.slideR ul li.on a,
.slideR ul li:hover a{ color:#d4372b;}
.slideR ul li.on a:after,
.slideR ul li:hover a:after{ width:100%;}
.slideR-1 ul li{ margin-left:44px;} 
.slideR-1 ul li a{ padding:25px 3px;}
.slideT{ float:left; width:100%;}
.slideT ul{ flex-wrap:wrap; display: flex;  justify-content:center; margin:0 -38px;}
.slideT li{ float:left; min-width:130px; margin:14px 38px 0 38px;}
.slideT li a{ float:left; width:100%; text-align:center; color:#fff; border:1px solid #cccccc; border-radius:5px; color:#666666; font-size:18px; line-height:30px; padding:8px 15px;}
.slideT li.on a,
.slideT li:hover a{ border:1px solid #d4372b; background:#d4372b; color:#fff;}
/*20220413start*/
@media  screen and (max-width:1680px){
.slideL{ font-size:16px;}	
.slideR ul li{margin-left:30px;}
.slideR ul li a{ font-size:16px; padding:25px 10px;}
}
/*20220413end*/
@media  screen and (max-width:1250px){
.slideR ul li{margin-left: 30px;}
}
@media  screen and (max-width:1140px){
.slideR ul li{margin-left: 16px;}
}
/*20220221end*/ 
@media  screen and (max-width:1320px){
.slideL{ font-size:16px;}	
.slideR ul li a{ font-size:16px;}	
.slideR-1 ul li{ margin-left:25px;} 	
}
@media  screen and (max-width:1300px){
.nbanner{margin-top: 70px;}
}
@media  screen and (max-width:1024px){
	/*20220322start*/
.nbanner{ margin-top:47px!important;}
/*20220322end*/
.nbanner .text{ letter-spacing:2px; font-size:20px; line-height:30px;}
.nbanner .text span{ letter-spacing:2px;}
.slideA{ box-shadow:0 5px 10px rgba(166,166,168,0.27);}
.slideL{ display:none;}
.slideR{ width:100%; flex-wrap:wrap; display: flex;  justify-content:center;}
.slideR ul li{ margin-left:10px;}
.slideR ul li a{ padding:12px 6px; font-size:15px; line-height:24px;}
.slideR-1 ul li{ margin-left:12px;}
.slideR-1 ul li a{ padding:12px 3px;}
.slideT ul{ margin:0 -5px;}
.slideT li{ min-width:90px; margin:8px 5px 0 5px;}
.slideT li a{ font-size:14px; line-height:26px; padding:4px 12px;}
}
@media  screen and (max-width:767px){
.slideR ul{ float:none; white-space:nowrap; overflow:scroll; scrollbar-width:thin;} 	
.slideR ul li{ display:inline-block; float:none;}
.slideR ul li a{ display:inline-block; float:none;}
/*20220413start*/
.slideT ul{ overflow-x:scroll;flex-wrap: inherit;justify-content: flex-start;}
.slideT li{ float:none; white-space:nowrap;min-width: inherit;white-space: nowrap;}
/*20220413end*/
} 

.contactA{ float:left; width:100%; position:relative; z-index:5; background:#f8f8f8; padding-top:102px; padding-bottom:102px;}
.contactL{ float:left; width:47.6%; padding-right:19px; height:851px; overflow:hidden;}
.zl-scrollBarBox{
    height:100%; z-index:10;
    position:absolute;
    background:#e3e2e2;
}
.zl-scrollBar{
    position:absolute;
    left:0;
    top:0;
    background:#d4372b;
    transition:background 0.3s;
}
.zl-scrollBar.zl-verticalBar{
    min-height:10px;
}

.zl-scrollBar.zl-horizontalBar{
    min-width:10px;
}
.zl-scrollContentDiv{
    position:relative !important;
    width:100% !important;
    height:100% !important;
    padding:0 !important;
    margin:0 !important;
    top:0;
    left:0;
}
.sidebar-collapse:hover .zl-scrollContentDiv{ z-index:6;}
.contactL ul{ float:left; width:100%; }
/*20220413start*/
.contactL ul li{ float:left; width:100%; border-radius:10px; background:#fff; box-shadow:0 9px 38px rgba(206,206,206,0.25); margin-bottom:22px; padding:24px; height:auto;}
/*20220413end*/
.contactL ul li:last-child{ margin-bottom:0 !important;}
.contactL ul li h5{ float:left; width:100%; color:#333333; font-weight:bold; border-bottom:1px solid #dddddd; padding-bottom:18px; margin-bottom:14px; font-size:24px; line-height:44px; }
.contactL ul li h6{ float:left; width:100%; display: flex; color:#666666; font-size:16px; line-height:36px; }
.contactL ul li h6 span{ white-space:nowrap;}
.contactR{ float:right; width:48.4%;}
._form{ float:left; width:100%; margin-top:22px; background:#fff; border-radius:10px; border:1px solid #d4372b; padding:22px 26px 25px 26px;}
._form h1{ float:left; width:100%; text-align:center; color:#d4372b; font-size:24px; line-height:44px; font-weight:bold; margin-bottom:6px;}
._form .lab{ float:left; width:48%; position:relative; margin-bottom:16px;}
._form .lab1{ float:left; width:100%; position:relative; flex-wrap:wrap; display: flex;  justify-content:center; align-items: center; margin-top:13px;}
._form ._r{ float:right;}
._form .wl{ width:100%;}
._form .wl1{ width:100%; margin-top:14px;}
._form h5{ float:left; color:#666666; font-size:16px; line-height:34px; padding:0 10px;}
._form h5 span{ color:#d4372b;}
._form .text{ float:left; width:100%; border:1px solid #dddddd; border-radius:5px; color:#999999; font-size:16px; line-height:28px; height:38px; padding:4px 10px;}
._form .text1{ border-top:none !important; border-left:none !important; border-right:none !important; border-radius:0; line-height:36px; height:60px; padding:6px 10px 16px 10px;}
._form .textarea{ height:83px;}
._form .text:focus{border:1px solid #d4372b;}
._form .submit{ float:left; width:168px; text-align:center; color:#fff; background:#999999; font-size:16px; line-height:48px; height:48px; border-radius:48px;}
._form .submit:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
._form .submit.on{ background:#d4372b; margin-right:60px;}
._form .yanzhengma{ float:right; position:absolute; right:0; top:0; width:122px; height:46px; border:1px solid #efefef;}
._form ::-webkit-input-placeholder{color:#999999}
._form :-moz-placeholder{color:#999999}
._form ::-moz-placeholder{color:#999999}
._form :-ms-input-placeholder{color:#999999}
._mapbox{ float:left; width:100%; background:#fff; height:268px; border-radius:10px; overflow:hidden; box-shadow:0 9px 38px rgba(206,206,206,0.25);}
.BMapLabel{ border:none !important; color:#666666 !important; font-size:14px !important; line-height:18px !important; white-space:normal !important; width:246px; border-radius:3px; padding:6px 9px !important; margin:0 0 0 22px; box-shadow:0 9px 38px rgba(184,184,184,0.34);}
.BMapLabel:after{ float:left; width:0; height:0; content:''; position:absolute; right:100%; top:50%; margin-top:-5px; content:''; border-width:5px 6px 5px 0; border-style:solid; border-color:transparent #fff transparent transparent;}

@media  screen and (max-width:1600px){
.contactL ul li h6{ line-height:28px;}	
}
@media  screen and (max-width:1400px){
.BMapLabel{ width:246px; margin:-38px 0 0 0; transform:translateX(-50%); -ms-transform:translateX(-50%);}
.BMapLabel:after{ right:50%; top:100%; margin-top:0; margin-right:-5px; content:''; border-width:6px 5px 0; border-color:#fff transparent transparent transparent;}
}
@media  screen and (max-width:1300px){
.contactA{ padding-top:35px; padding-bottom:35px;}
._form .submit{ width:146px;}
._form .submit.on{ margin-right:30px;}
}
@media  screen and (max-width:1024px){
.contactA{ padding-top:35px; padding-bottom:35px;}
.contactL{ padding-right:8px;
 height:730px
}
.contactL::-webkit-scrollbar {
 width:4px
}
.contactL::-webkit-scrollbar-track
{
 border-radius:4px
}
.contactL::-webkit-scrollbar-thumb {
 width:4px;
 border-radius:4px
}
/*20220413start*/
.contactL ul li{ height:233px;}	
/*20220413end*/
.contactL ul li{ box-shadow:0 5px 10px rgba(206,206,206,0.25); margin-bottom:15px; padding:21px 15px;}
.contactL ul li h5{ padding-bottom:15px; margin-bottom:15px; font-size:18px; line-height:30px; }
.contactL ul li h6{ font-size:14px; line-height:26px; }
.contactL ul li h6 span{ white-space:nowrap;}
.contactR{ width:48.4%;}
._mapbox{ height:268px; border-radius:10px; box-shadow:0 5px 10px rgba(206,206,206,0.25);}
.BMapLabel{ font-size:13px !important;}
._form{ margin-top:15px; padding:15px 15px 20px 15px;}
._form h1{ font-size:18px; line-height:30px; margin-bottom:6px;}
._form .lab{ margin-bottom:8px;}
._form .lab1{margin-top:6px;}
._form .wl1{ margin-top:7px;}
._form h5{ font-size:14px; line-height:30px;}
._form .text{ font-size:14px; line-height:24px; height:34px; padding:4px 10px;}
._form .text1{ line-height:34px; height:50px; padding:6px 10px 16px 10px;}
._form .textarea{ height:83px;}
._form .yanzhengma{ width:98px; height:38px;}
._form .submit{ width:120px; font-size:14px; line-height:38px; height:38px; border-radius:38px;}
._form .submit.on{ margin-right:15px;}
}
@media  screen and (max-width:767px){
.contactL{ float:right; width:100%; height:690px; padding-right:0 !important;}
/*20220413start*/
.contactL ul li{ padding:15px; height:auto;}
/*20220413end*/
.contactL ul li h5{ padding-bottom:10px; margin-bottom:10px;}
.contactR{ width:100%; margin-top:25px;}
._form .lab{ width:100%;}
.zl-scrollBarBox{ display:none !important;}
}

/* 分页 */
.wack1{ float:left; width:100%; text-align:center;}
.wack1 .pz_fy{ flex-wrap:wrap; display: flex;  justify-content:center; align-items: center;}
.wack1 .pz_fy a { float:left; width:40px; height:40px; line-height:38px; border:1px solid #f8f8f8; border-radius:40px; color:#666666; font-size:16px; margin:0 5px;}
.wack1 .pz_fy a:hover,
.wack1 .pz_fy a.on{color:#fff; border:1px solid #d4372b; background:#d4372b;}
.wack1 .pz_fy .l_fy,
.wack1 .pz_fy .r_fy{ width:112px; border:1px solid #dddddd;flex-wrap:wrap; display: flex;  justify-content:center; align-items: center;}
.wack1 .pz_fy .l_fy{ margin-right:30px;}
.wack1 .pz_fy .r_fy{ margin-left:30px;}
.wack1 .pz_fy .l_fy i,
.wack1 .pz_fy .r_fy i{ display:inline-block; width:9px; height:9px; border-top:1px solid #666666; border-right:1px solid #666666; content:''; margin:5px;}
.wack1 .pz_fy .l_fy i{ -ms-transform: rotate(225deg); transform: rotate(225deg); left:0;}
.wack1 .pz_fy .r_fy i{ -ms-transform: rotate(45deg); transform: rotate(45deg); right:0;}
.wack1 .pz_fy .l_fy:hover i,
.wack1 .pz_fy .r_fy:hover i{ border-top:1px solid #fff; border-right:1px solid #fff;}

@media  screen and (max-width:1024px){
.wack1 .fy_pc{ text-align:center; font-size:14px; color:#666666; padding:5px 0;}
.wack1 .fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #d4372b; background:#d4372b; border-radius:16px; overflow:hidden;}
.wack1 .fy_pc span{ padding:5px 20px; color:#272727;}
}

.inviteA{ float:left; width:100%; background:#f8f8f8; padding-top:70px; padding-bottom:104px;}
.inviteL{ float:left; width:100%; margin-bottom:88px;}
.inviteL ul li{ float:left; width:100%; background:#fff; position:relative; border-radius:15px; overflow:hidden; margin-top:30px;}
.inviteL ul li .top{ float:left; width:100%; position:relative; padding-right:98px; cursor:pointer; padding:0 142px 0 44px;}
.inviteL ul li .top i{ float:left; width:28px; height:28px; border-radius:50%; background:url(img/b5.png) center no-repeat; background-size:100% 100%; position:absolute; right:44px; top:66px;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.inviteL ul li .top h4{ float:left; width:100%; border-bottom:1px solid #e2e2e2; padding:22px 0 20px 0; color:#333333; font-size:24px; line-height:38px;}
.inviteL ul li .top dl{ float:left; width:100%; margin:20px 0 27px 0;}
.inviteL ul li .top dl dd{ float:left; width:33.33%; color:#666666; font-size:18px; line-height:32px;}
.inviteL ul li.active .top1{ background:#a32b28;}
.inviteL ul li.active .top i{ top:27px; background:url(img/b6.png) center no-repeat; background-size:100% 100%;}
.inviteL ul li.active .top h4{ border-bottom:1px solid #a32b28; color:#fff;}
.inviteL ul li.active .top dl{ padding-left:8px;}
.inviteL ul li .down{ display:none; float:left; width:100%; color:#666666; font-size:16px; line-height:32px; padding:7px 142px 40px 52px;}
.inviteL ul li .down1{ margin:10px 0 54px 0;}
.inviteL ul li .tit{ float:left; width:100%; font-weight:bold; color:#333333; font-size:18px; line-height:32px; margin-top:25px;}
.inviteL ul li .p{ float:left; width:100%; margin-top:15px;}
.inviteL ul li .btn{ float:left; line-height:39px; color:#fff; font-size:18px; padding:0 42px; background:#d4372b;}
.inviteL ul li .btn:hover{ background:#a32b28; color:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.inviteL ul li .sp{ float:left; line-height:39px; margin-right:21.5%;}

@media  screen and (max-width:1024px){
.inviteA{ padding-top:20px; padding-bottom:35px;}
.inviteL{ margin-bottom:25px;}
.inviteL ul li{ border-radius:10px; margin-top:15px;}
.inviteL ul li .top{ padding-right:98px; padding:0 52px 0 15px;}
.inviteL ul li .top i{ width:22px; height:22px; right:15px; top:41px;}
.inviteL ul li .top h4{ padding:12px 0 10px 0; font-size:17px; line-height:30px;}
.inviteL ul li .top dl{ margin:10px 0 12px 0;}
.inviteL ul li .top dl dd{ font-size:15px; line-height:28px;}
.inviteL ul li.active .top i{ top:15px;}
.inviteL ul li.active .top dl{ padding-left:8px;}
.inviteL ul li .down{ font-size:14px; line-height:26px; padding:5px 52px 20px 15px;}
.inviteL ul li .down1{ margin:5px 0 25px 0;}
.inviteL ul li .tit{ font-size:16px; line-height:28px; margin-top:12px;}
.inviteL ul li .p{ margin-top:7px;}
.inviteL ul li .btn{ font-size:16px; line-height:36px; padding:0 25px;}
.inviteL ul li .sp{ line-height:36px; margin-right:10%;}
}
@media  screen and (max-width:767px){
.inviteL ul li .top dl dd{ width:100%;}	
.inviteL ul li .btn{ margin-top:15px;}	
}


.qualA{ float:left; width:100%; padding-top:70px; padding-bottom:104px;}
.qualL{ float:left; width:100%; margin:68px 0 80px 0;}
.qualL ul{ flex-wrap:wrap; display: flex; margin:0 -25px;}
.qualL li{ float:left; width:33.33%; padding:14px 25px;}
.qualL li a{ float:left; width:100%;}
.qualL li a i{ float:left; width:100%; line-height:0; overflow:hidden; background:#ebebeb; border-radius:8px; padding:20px;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.qualL li a h5{ float:left; width:100%; text-align:center; color:#333333; font-size:18px; line-height:30px; margin:18px 0;}
.qualL li a:hover i{ box-shadow:5px 5px 10px rgba(0,0,0,0.2);}
.qualL li a:hover h5{ color:#d4372b;}

@media  screen and (max-width:1024px){
.qualA{ padding-top:30px; padding-bottom:40px;}	
.qualL{ margin:25px 0 15px 0;}
.qualL ul{ margin:0 -6px;}
.qualL li{ padding:6px 6px;}
.qualL li a i{ padding:10px;}
.qualL li a h5{ font-size:14px; line-height:26px; margin:10px 0;}
}
@media  screen and (max-width:767px){
.qualL li{ width:100%;}
}


.pordA{ float:left; width:100%; background:#f8f8f8; padding-top:92px; padding-bottom:98px;}
.pordA .tit{ float:left; width:100%; color:#333333; font-size:36px; line-height:56px;}
._Form{ float:left; width:100%; margin-top:52px; background:#fff; border-radius:15px; padding:40px 37px 65px 37px;}
._Form .lab{ float:left; width:49%; position:relative; margin-top:10px;}
._Form .lab1{ flex-wrap:wrap; display: flex;  justify-content:center; align-items: center;}
._Form ._r{ float:right;}
._Form .wl{ width:100%;}
._Form .dl{ float:left; width:100%; border-bottom:1px solid #dddddd; padding-bottom:32px; margin-bottom:50px;}
._Form .dl dl{ margin-right:-5.7%;}
._Form .dl dl dd{ float:left; color:#666666; font-size:18px; line-height:30px; margin-right:5.7%; margin-bottom:6px;}
._Form h1{ float:left; width:100%; color:#333333; font-size:18px; line-height:30px; font-weight:bold; margin-bottom:18px;}
._Form h5{ float:left; color:#666666; font-size:16px; line-height:36px; padding:10px;}
._Form h5 span{ color:#d4372b;}
._Form .text{ float:left; width:100%; border:1px solid #dddddd; border-radius:5px; color:#999999; font-size:16px; line-height:30px; height:48px; padding:8px 10px;}
._Form .text1{ border-top:none !important; border-left:none !important; border-right:none !important; border-radius:0; line-height:36px; height:60px; padding:6px 10px 16px 10px;}
._Form .textarea{ height:105px; margin-bottom:46px;}
._Form .text:focus{border:1px solid #d4372b;}
._Form .submit{ float:left; width:168px; text-align:center; color:#fff; background:#999999; font-size:16px; line-height:48px; height:48px; border-radius:48px;}
._Form .submit:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
._Form .submit.on{ background:#d4372b; margin-right:50px;}
._Form .yanzhengma{ float:right; position:absolute; right:0; top:0; width:122px; height:46px; border:1px solid #efefef;}
._Form ::-webkit-input-placeholder{color:#999999}
._Form :-moz-placeholder{color:#999999}
._Form ::-moz-placeholder{color:#999999}
._Form :-ms-input-placeholder{color:#999999}
._Form input[type="checkbox"]{ float:left; position:relative; margin:4px 10px; width:22px; height:22px;}
._Form input[type="checkbox"]::before{content: "";position: absolute;top: 0;left: 0; border:none; background:url(img/b16.png) center no-repeat #fff; background-size:100% 100%; width:100%;height:100%;}
._Form input[type="checkbox"]:checked::before{content: ""; border:none; background:url(img/b17.png) center no-repeat #fff;  background-size:100% 100%; position: absolute;top: 0;left: 0;width:100%;}

@media  screen and (max-width:1300px){
._Form .submit{ width:146px;}
._Form .submit.on{ margin-right:30px;}
}
@media  screen and (max-width:1024px){
.pordA{ padding-top:35px; padding-bottom:35px;}
.pordA .tit{ font-size:20px; line-height:32px;}
._Form{ margin-top:20px; border-radius:10px; padding:20px 15px 30px 15px;}
._Form .dl{ padding-bottom:15px; margin-bottom:20px;}
._Form .dl dl{ margin-right:-15px;}
._Form .dl dl dd{ font-size:16px; line-height:26px; margin-right:15px;}
._Form h1{ font-size:16px; line-height:20px; margin-bottom:10px;}
._Form h5{ font-size:14px; line-height:30px; padding:0 10px;}
._Form .lab{ margin-top:8px;}
._Form .text{ font-size:14px; line-height:24px; height:34px; padding:4px 10px;}
._Form .text1{ line-height:34px; height:50px; padding:6px 10px 16px 10px;}
._Form .textarea{ height:105px; margin-bottom:15px;}
._Form .yanzhengma{ width:98px; height:38px;}
._Form .submit{ width:120px; font-size:14px; line-height:38px; height:38px; border-radius:38px;}
._Form .submit.on{ margin-right:15px;}
._Form input[type="checkbox"]{ width:18px; height:18px; margin:4px 8px 4px 0;}
}
@media  screen and (max-width:767px){
._Form .lab{ width:100%;}
._Form .submit{ margin-top:12px;}
}


.newsD{ float:left; width:100%; background:#f8f8f8; padding-top:100px; padding-bottom:102px;}
.newsT{ float:left; width:72.3%; background:#fff; padding:77px 36px 60px 36px;}
.newsT .tit{ float:left; width:100%; text-align:center; color:#333333; font-weight:bold; font-size:30px; line-height:40px;}
.newsT .time{ float:left; width:100%; text-align:center; color:#666666; font-size:16px; line-height:26px; margin:40px 0 50px 0;}
.newsT .time .p{ margin:0 8%;}
.newsT .cont{ float:left; width:100%; color:#666666; font-size:16px; line-height:36px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; padding:42px 0 90px 0;}
.newsT .page{width:100%;float:left; margin-top:30px; position:relative; padding-right:170px;}
.newsT .page .arrow{ float:left; width:100%; color:#666666; font-size:16px; line-height:26px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; margin:12px 0;}
.newsT .page .arrow:hover{color:#c1141a}
/*20220413start*/
.newsT .page .curr{float:left; position:absolute;right:0; top:50%; margin-top:-24px; font-size:16px;color:#fff;line-height:48px; width:160px; background:#c1141a; text-align:center; border-radius:48px;}
/*20220413end*/
.newsT .page .curr img{ margin-right:10px;}
.newsT .page .curr:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.newsL{ float:right; background:#fff; width:25.3%; padding:20px 15px 41px 15px;}
/*20220413start*/
.newsL h3{ float:left; width:100%; text-align:center; position:relative; color:#fff; flex-wrap:wrap; display: flex;  justify-content:center; align-items: center; font-size:22px; line-height:40px; padding:20px 15px;}
/*20220413end*/
.newsL h3:after{ z-index:1; float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:#d4372b; opacity:0.8;}
.newsL h3 span{ position:relative; z-index:3;}
/*20220413start*/
.newsL h3 img{ position:relative; z-index:3; max-width:none; height:26px; margin-right:5px;}
/*20220413end*/
.newsL ul{ float:left; width:100%; margin-top:9px;}
.newsL ul li{ float:left; width:100%;}
.newsL ul li a{ float:left; width:100%; padding:26px 0; position:relative; border-bottom:1px solid #dddddd;}
.newsL ul li a:after{ float:left; width:0; height:1px; content:''; position:absolute; left:0; bottom:-1px; z-index:2; background:#d4372b;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s; }
.newsL ul li h5{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
.newsL ul li h6{ float:left; width:100%; color:#666666; font-size:14px; line-height:24px; height:48px; overflow:hidden; margin:19px 0;word-break: break-all; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.newsL ul li time{ float:left; width:100%; color:#666666; font-size:16px; line-height:26px; flex-wrap:wrap; display: flex; align-items: center;}
.newsL ul li time img{ max-width:none; height:20px; margin-right:8px;}
.newsL ul li a:hover:after{ width:100%;}
.newsL ul li a:hover h5{ color:#d4372b;}
/*20220413start*/
@media  screen and (max-width:1600px){
.newsT .tit{ font-size:26px; line-height:36px;}	
.newsL h3{ font-size:17px; line-height:36px; padding:20px 12px;}
}
/*20220413end*/
@media  screen and (max-width:1300px){
.newsT .time .p{ margin:0 5%;}	
.newsL h3 img{ margin-right:10px;}	
.newsL ul li h6{ margin:10px 0;}
}
@media  screen and (max-width:1024px){
.newsD{ padding-top:35px; padding-bottom:35px;}
.newsT{ padding:30px 15px;}
.newsT .tit{ font-size:18px; line-height:28px;}
.newsT .time{ font-size:14px; line-height:24px; margin:10px 0 15px 0;}
.newsT .cont{ font-size:14px; line-height:26px; padding:20px 0 30px 0;}
.newsT .page{ margin-top:20px; padding-right:125px;}
.newsT .page .arrow{ font-size:14px; line-height:24px; margin:5px 0;} 
.newsT .page .curr{ margin-top:-17px;font-size:14px;line-height:34px; width:110px;}
.newsT .page .curr img{ margin-right:6px;}
.newsL{ padding:15px 15px 30px 15px;display: none;}
.newsL h3{ font-size:18px; line-height:30px; padding:15px;}
.newsL ul{ margin-top:5px;}
.newsL ul li a{ padding:16px 0; }
.newsL ul li h5{ font-size:16px; line-height:26px;}
.newsL ul li h6{ margin:6px 0;}
.newsL ul li time{ font-size:15px; line-height:24px;}
.newsL ul li time img{ max-width:none; height:20px; margin-right:6px;}
}
@media  screen and (max-width:767px){
.newsT{ width:100%;}
.newsT .time .p{ margin:0; display:block;}	
.newsL{ width:100%; margin-top:25px;}
}



.newsB{float:left; width:100%; background:#f8f8f8; padding-top:100px; padding-bottom:102px;}
.newsC{float:left; width:100%; margin-bottom:50px;}
.newsC ul{ float:left; width:100%;}
.newsC ul li{ float:left; width:100%; margin-bottom:40px;}
.newsC ul li a{ float:left; width:100%; position:relative; background:#fff; border-radius:18px; padding:28px 3.5% 28px 529px; min-height:334px;}
.newsC ul li .img{ float:left; width:427px; height:278px; line-height:0; position:absolute; left:28px; top:28px; overflow:hidden;}
.newsC ul li .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.newsC ul li a:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.newsC ul li h5{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; margin-top:34px;}
.newsC ul li h6{ float:left; width:100%; color:#666666; font-size:16px; line-height:36px; height:72px; overflow:hidden; margin:15px 0 36px 0;word-break: break-all; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.newsC ul li time{ float:left; width:100%; color:#666666; font-size:18px; line-height:48px; flex-wrap:wrap; display: flex; align-items: center; position:relative; padding-top:31px; border-top:1px solid #dddddd;}
.newsC ul li time:after{ float:left; content:''; background:url(img/b30.png) center no-repeat; width:48px; height:48px; border-radius:50%; position:absolute; right:0; bottom:0; border:1px solid #9c9c9c;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s; }
.newsC ul li time img{ max-width:none; height:20px; margin:0 8px 0 6px;}
.newsC ul li a:hover:after{ width:100%;}
.newsC ul li a:hover time:after{ background:url(img/b31.png) center no-repeat #d4372b; border:1px solid #d4372b;}
.newsC ul li a:hover h5{ color:#d4372b;}
@media  screen and (max-width:1300px){
.newsC ul li a{ padding:28px 3.5% 28px 487px; min-height:334px;}
.newsC ul li h6{ margin:15px 0 30px 0;}
}
@media  screen and (max-width:1024px){
.newsB{ padding-top:35px; padding-bottom:35px;}
.newsC{ margin-bottom:10px;}
.newsC ul li{ margin-bottom:15px;}
.newsC ul li a{ padding:15px 15px 15px 360px; min-height:244px;}
.newsC ul li .img{ width:330px; height:214px; left:15px; top:15px;}
.newsC ul li h5{ font-size:16px; line-height:26px; margin-top:15px;}
.newsC ul li h6{ margin:10px 0 15px 0;}
.newsC ul li time{ font-size:15px; line-height:36px; padding-top:20px;}
.newsC ul li time:after{ width:36px; height:36px;}
.newsC ul li time img{ max-width:none; height:20px; margin-right:6px;}
}
@media  screen and (max-width:767px){
.newsC ul li a{ border-radius:6px; padding:10px 10px 10px 150px; min-height:104px;}
.newsC ul li .img{ width:130px; height:84px; left:10px; top:10px;}
.newsC ul li h5{ font-size:16px; line-height:26px; margin-top:4px;}
.newsC ul li h6{ font-size:14px; line-height:22px; height:44px; margin:6px 0 0 0;}
.newsC ul li time{ display:none;}


}




/*20220308*/
.cpxq_section .content .right .btn{width: 100%; margin-top:30px;}
.cpxq_section .content .right .btn a{ float:left; width:122px;border-radius:5px;padding:12px 8px;background: #cccccc; color: #ffffff;font-size:16px;line-height: 20px;text-align: center;}
.cpxq_section .content .right .btn a:hover{background: #d4372b;}
.cpxq_section .content .right .btn a.next{ margin-left:166px;}


@media screen and (max-width: 1680px){
.cpxq_section .content .right .btn a{ width:90px;font-size: 14px;line-height: 20px;}	
.cpxq_section .content .right .btn a.next{ margin-left:122px;}
}
@media screen and (max-width:1024px) {
.cpxq_section .content .right .btn a{ width:80px;font-size: 14px;line-height: 20px;padding:8px 8px;}	
.cpxq_section .content .right .btn a.next{ margin-left:100px;}	
}








/*20220426*/
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}










