@font-face {
    font-family: 'douyuFont';
    src:url('../font/douyuFont.otf');
}
*{ margin: 0; padding: 0;}
body{ margin: 0; padding: 0;}
li{list-style: none;}
a{text-decoration: none;}
ul,li,p,h1,h2,h3,h4,h5{ margin: 0; padding: 0;}

.header{ z-index: 100; position:fixed; left: 0; top: 0; width: 100%;}
.w1400{ width: 1400px; margin: 0 auto;}
.footer{ background: #0F1A34;}
.footer .w1400{ display: flex;}
.footer_left{ width: 890px; border-right: 1px #666666 solid;}
.footer_right{ width: calc(100% - 890px);}
.logo,.logo img{ width: 181px; height: 43px;margin-top:5px;}
.logo a{ display: block;}
.top{ display: flex; align-items: flex-start; padding: 10px 0; justify-content: space-between;}
.headerhover{ background: #fff;}
.top ul{  display: flex;}
.top ul>li { width: 112px; text-align: center;}
.top ul li span{ display: inline-block; line-height: 58px;  height: 58px; font-size: 16px; color: #fff;}
.button{ height: 58px; display: flex; align-items: center;}
.button a{ margin-left: 24px; text-align: center; line-height: 38px; color: #fff; box-sizing: border-box; border:1px #fff solid; display: block; width: 100px; height: 40px; border-radius: 100px;}
.button a.button_zmhzr{ margin-right: 26px; width: 148px; border: none; background: linear-gradient(90deg, #0077EE 0%, #06BEDB 100%);}
.haschild ol{ display: none;}
.logo_color{ display: none;}
.logo_white{ display: block;}
.headerhover .logo_color{ display: block;}
.headerhover .logo_white{ display: none;}
.haschild{ position: relative;}
.haschild:hover ol{ position: relative; left: 50%; transform: translate(-50%); display: block;}
.haschild ol li{text-align: center; padding: 16px 0;}
.haschild ol li a{ white-space: nowrap; color: #666666; font-size: 16px;}
.haschild:hover span{ display: block; text-align: center; position: relative;  margin: 0 auto;}
.haschild:hover span::after{ content: ""; position: absolute; left: 50%; transform: translate(-50%); bottom: 0; width: 42px;height: 3px;background: #ED7E00;}
.language{ height: 58px; margin-left: 40px; display: flex; align-items: center;}
.language span{ color: #fff;}
.language img{ margin-left: 10px; width: 12px; height: auto;}
.headerhover .top ul li span,.headerhover .button a{ color: #333333;}
.headerhover .button a{ border-color: #333;}
.headerhover .button a.button_zmhzr{ color: #fff;}
.headerhover .language span{ color: #333;}
.headerhover .top ul li span{padding: 0; background: none;}
p.copyright{ height: 85px; line-height: 85px; border-top: #666 1px solid; color: #ccc;}
.footer_left_logo{ height: 107px; border-bottom: 1px #666 solid; background: url(../images/waimaobao.png) left center no-repeat;}
.footer_left ul{ min-height: 362px; display: flex;}
.footer_left ul li{ width: 20%;}
.footer_left ul li h3{ font-weight: 500; padding-bottom: 47px; line-height: 1; padding-top: 60px; font-size: 20px; color: #fff;}
.footer_left ul li a{ font-size: 14px; color: #ccc; display: block; line-height:1 ; padding-bottom: 24px;}
.footer_right{ display: flex; align-items: center; justify-content: center;}

.footer_right_logo img{ margin-right: 50px; width: 74px; height: 34px;}
.footer_right_logo{ display: flex; align-items: center; color: #fff; font-size: 20px; position: relative;}
.footer_right_logo::after{ content: ""; position: absolute; left:100px; top: 0; width: 2px;height: 34px;background: #666666;}
.footlxfs{ display: flex; }
.footlxfs ul{ padding-top: 40px; width: 230px;}
.ewm { padding-top: 40px;}
.footlxfs ul li{ padding-bottom: 6px; line-height: 32px; font-size: 14px; color: #ccc;}
.ewm img{ width: 140px; height: 140px;}
.ewm p{ line-height: 1; padding-top: 20px; text-align: center;font-size: 14px; color: #ccc;}
.title{ display: flex; flex-direction: column; justify-content: center; height: 168px; position: relative;}
.title p{text-transform: uppercase; line-height: 168px; position: absolute; width: 100%; left: 0; top: 0; text-align: center;  color: #F9F9F9; font-size: 120px;}
.title h2{ position: relative; z-index: 10; text-align: center; font-size: 40px; line-height: 56px;}
.title span{text-transform: uppercase; position: relative; z-index: 10; justify-content: center; font-size: 30px; color: #666666; align-items: center; height: 42px; display: flex;}
.title span::before{ content: ""; width: 26px;
    margin-right: 12px;
    height: 26px;
    box-sizing: border-box; border-radius: 100px;
    border: 5px solid #EE7E00;}
.indexnews{ padding: 120px 0;}
.indexnews_more a{ display: block; margin: 0 auto;width: 320px;
    height: 76px;
    font-size: 32px;
    color: #fff;
    text-align: center;
    line-height: 76px;
    background: linear-gradient(316deg, #EE7E00 0%, #FFB765 100%);
    border-radius: 38px;}
.indexnews_content{ padding: 18px 0; display: flex;justify-content: space-between; margin-bottom: 60px;}
.indexnews_left{ width: 680px;}
.indexnews_left .pic{ margin-bottom: 20px; box-sizing: border-box; border: 1px #ECECEC solid; padding: 20px;}
.indexnews_left .pic a,.indexnews_left .pic img{ display: block; width: 640px; height: 424px;}
.newsdesc{ padding: 32px; border: 1px #ECECEC solid;}
.newsdesc h2{ text-align: center; margin-bottom: 15px;}
.newsdesc h2 a{ display: block; height: 28px;overflow: hidden; text-overflow: ellipsis; line-height: 28px; font-size: 20px; color: #333333;}
.newsdesc p,.indexnews_right li a p{ font-size: 16px; line-height: 32px; color: #666; height: 64px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.indexnews_right{display: flex; width: 680px;flex-direction: column;justify-content: space-between;}
.indexnews_right li{ height: 203px; width: 100%; box-sizing: border-box;border: 1px solid #ECECEC;}
.indexnews_right li:hover{ border-bottom: 3px #EE7E00 solid; box-shadow: 0px 0px 20px 1px rgba(238,126,0,0.34);}
.indexnews_right li a{ display: block; padding: 32px;}
.indexnews_right li a h3{ margin-bottom: 16px; white-space: nowrap; width: 100%; text-overflow: ellipsis; overflow: hidden; font-size: 20px; color: #333333; height: 28px; line-height: 28px;}
/* .indexnews_right li a p{} */
.indexnews_right li .more{ padding-top: 16px; display: flex; justify-content: space-between;}
.indexnews_right li .more span{ display: block; height: 22px; line-height: 22px; font-size: 16px; color: #999999;}
.indexnews_right li .more em{ display: block; width: 63px; height: 22px; background: url(../images/more.png) center no-repeat;}
.indexnews_right li:hover .more em{ background: url(../images/more_hover.png) center no-repeat;}
.indexfwkf{ background: #F8F8F8; padding: 40px 0;}
.indexfwkf .title p,.index_jjfa .title p{ color: #F3F3F3;}
.indexfwkf ul{ display: flex; flex-wrap: wrap;}
.indexfwkf ul li{ box-sizing: border-box; margin: 0 40px 40px 0; display: flex; justify-content: center; align-items: center; width: 200px;height: 120px; background: #FFFFFF;border: 1px solid #EFEFEF;}
.indexfwkf ul li:hover{ cursor: pointer; box-shadow: 0px 0px 20px 1px rgba(238,126,0,0.34);}
.indexfwkf ul li:nth-child(6n){ margin: 0 0 40px 0;}
.indexfwkf ul li img{ max-width: 100%; max-height: 100%;}
.indexfwkfdesc{ margin: 18px 0 60px; text-align: center; font-size: 32px; color: #333333;}
.indexfwkfdesc p{ display: inline-flex; font-size: 50px; color: #EE7E00;}
.indexfwkfdesc p em{ font-style: normal; font-size: 24px;}
.index_gskg .w1400{ display: flex; justify-content: space-between;}
.index_gskg{ padding: 140px 0 120px;}
a.gskg_more{ display: block; width: 67px; height: 67px; background: url(../images/gsgk_more.png) center no-repeat;}
a.gskg_more:hover{ background: url(../images/gsgk_morehover.png) center no-repeat;}
.index_gskg_desc p{ color: #666666; font-size: 14px; line-height: 32px; height: 128px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.index_gskgcontent{ width: 588px;}
.index_gskg_desc{ padding-bottom: 133px;}
.index_gskgcontent .title h2{ text-align: left;}
.index_gskgcontent .title span{justify-content: flex-start}
.index_gskgcontent .title p{ left: -188px;}
.index_jjfa{ padding: 40px 0; background: #F8F8F8; min-height: 730px;}
.index_jjfa_desc{ padding:18px 0 60px; text-align: center; font-size: 16px; color: #666666; line-height: 2;}
.index_jjfa ul{ display: flex; justify-content: space-between;}
.index_jjfa ul li{width: 320px; margin-bottom: 20px; border-radius: 10px; overflow: hidden;}
.default{ align-items: center; display: flex; flex-direction: column; justify-content: center; height: 282px;background: #FFFFFF;box-shadow: 0px 0px 20px 1px rgba(238,126,0,0.05);border-radius: 10px;}
.default p{ padding-top: 40px; font-size: 20px; color: #333333; text-align: center; line-height: 1;}
.index_jjfa ul li:hover{ position: relative; cursor: pointer; background: #EE7E00;}
.index_jjfa ul li:hover .default{ display: none;}
.defaulthover{ position: relative; display: none; padding: 20px; min-height: 330px; border-radius: 10px; position: relative; left: 0; top: 0;}
.defaulthover img{ width: 47px; height: 47px; margin-bottom: 20px;}
.defaulthover p{ font-size: 14px; color: #fff; line-height: 2;}
.defaulthover_button { position: absolute; box-sizing: border-box; left: 0; bottom: 0 ; width: 100%; padding: 20px; display: flex; justify-content: space-between;}
.defaulthover_button a{ font-size: 14px; color: #fff; text-align: center; line-height: 38px; width: 120px;height: 40px;border-radius: 100px; box-sizing: border-box; border: 1px solid #FFFFFF;}
.index_jjfa ul li:hover .defaulthover{ display: block;}
.defaulthover_button a:hover{ background: #fff; color: #EE7E00;}
.index_wmdys ul{ display: flex; flex-wrap: wrap;}
.index_wmdys ul li{ cursor: pointer; padding-top:64px ; margin-bottom: 43px; width: calc(100% / 3);}
.wmdys_list{ position: relative; box-sizing: border-box; padding: 68px 17px; width: 394px; height: 266px;}
.wmdys_list h3{ margin-bottom: 32px; height: 33px; overflow: hidden; line-height: 33px; font-size: 24px; font-weight: 600; color: #333;}
.wmdys_list p{ font-size: 14px; line-height: 32px; color: #999999; height: 96px; overflow: hidden;}
.wmdys_list span{ position: absolute; left: 17px; top: -46px; display: block; width: 90px; height: 90px;}
.wmdys_icon01{ background: url(../images/wmdys_icon01.png) center no-repeat;}
.wmdys_icon02{ background: url(../images/wmdys_icon02.png) center no-repeat;}
.wmdys_icon03{ background: url(../images/wmdys_icon03.png) center no-repeat;}
.wmdys_icon04{ background: url(../images/wmdys_icon04.png) center no-repeat;}
.wmdys_icon05{ background: url(../images/wmdys_icon05.png) center no-repeat;}
.index_wmdys ul li:hover .wmdys_list{ background: #F6F6F6;}
.index_wmdys ul li:hover .wmdys_icon01{ background: url(../images/wmdys_hovericon01.png) center no-repeat;}
.index_wmdys ul li:hover .wmdys_icon02{ background: url(../images/wmdys_hovericon02.png) center no-repeat;}
.index_wmdys ul li:hover .wmdys_icon03{ background: url(../images/wmdys_hovericon03.png) center no-repeat;}
.index_wmdys ul li:hover .wmdys_icon04{ background: url(../images/wmdys_hovericon04.png) center no-repeat;}
.index_wmdys ul li:hover .wmdys_icon05{ background: url(../images/wmdys_hovericon05.png) center no-repeat;}
.listmore{ display: flex; justify-content: center; align-items: center;}
.listmore span {width: 26px; display: block;height: 26px;margin: 0 20px;background: #F1F1F1; border-radius: 100px;}

.index_ymaobao ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.index_ymaobao ul li{ margin-right: 220px; cursor: pointer; margin-bottom: 60px; width: 320px; height: 308px;}
.index_ymaobao ul li:nth-child(3n){ margin-right: 0;}
.index_ymaobao ul li img{ width: 93px; height: 93px;}
.index_ymaobao ul li p{ color: #999999; font-size: 14px; height: 96px; line-height: 32px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.index_ymaobao ul li h3{ margin-top:20px; height: 33px; line-height: 33px; overflow: hidden; margin-bottom: 24px; text-overflow: ellipsis; white-space: nowrap; font-size: 24px; color: #333;}
.index_ymaobao ul li a{ overflow: hidden; margin-top: 32px; display: block; width: 100%; height: 0; border-bottom: 2px #DFDFDF solid;}
.index_ymaobao ul li:hover a{ border-bottom-color: #ED7E00; padding-bottom: 16px; line-height: 1; height: auto; color: #EE7E00; font-size: 14px;}
.index_ymaobao{ padding: 100px 0;}
.index_ymaobao_title h2{ padding-bottom: 8px; font-weight: 500; color: #333333; font-size: 32px; text-align: center;line-height: 45px;}
.index_ymaobao_title p{padding-bottom: 28px; position: relative; text-align: center; color: #999999; font-size: 14px;}
.index_ymaobao_title p::after{ position: absolute; left: 50%; transform: translate(-50%); bottom: 0; content: ""; width: 44px; border-radius: 4px; height: 4px;background: #EE7E00;}
.index_ymaobao_title span{ padding: 24px 0 70px; display: block; text-align: center; color: #666;}



.banner{ height: 800px; background: #0F1A34; z-index: 99;}
.indexbanner{ height: 800px; padding-top: 72px; box-sizing: border-box;}
.indexbanner .w1400{ height: 722px; display: flex; align-items: center; background: url(../images/banner_img.png) center no-repeat; background-size: 100% auto;}
.indexbanner_font{ width: 645px;}
.indexbanner_font h2{font-size: 60px;font-weight: bold;color: #FFFFFF;}
.indexbanner_font p{ margin-top: 70px; font-size: 20px; line-height: 2; color: #fff;}
.indexbanner_font a{ box-sizing: border-box; margin-top: 100px; display: block;width: 210px; font-size: 32px; text-align: center; line-height: 68px; color: #fff; height: 72px;border: 2px solid #FFFFFF;border-radius: 10px;}


.mySwiper_pagination span{ border-radius: 100px; background: rgba(255,255,255,0.38); width: 100px; height: 6px;}
.mySwiper_pagination span.swiper-pagination-bullet-active{ background: #fff;}

.pagefwfa_banner{ height: 400px; background: url(../images/pagefwfa_banner.png) center no-repeat;}
.pagefwfa_banner2{height: 400px; background: url(../images/banner2.png) center no-repeat;}
.page_fwfa{ padding-top: 60px; padding-bottom: 140px;}
.khpxswiper,.gjhyswiper{  overflow: hidden; padding: 25px 0;}
.khpxswiper_silde{ cursor: pointer; box-sizing: border-box; padding: 32px; border:1px #DEDEDE solid ; }
.khpxswiper_silde img{ display: block; width: 377px; height: 220px;}
.khpxswiper_silde:hover{ border-color: #fff; box-shadow: 0px 15px 15px 1px rgba(0,0,0,0.06);}

.fwfa_pagination span{ background: #fff; margin: 0 6px; display: block; width: 18px; height: 18px; border-radius: 18px; box-sizing: border-box; border:1px #707070 solid ;}
.fwfa_pagination{ position: absolute; left: 0; bottom: 0; display: flex; justify-content: center;}
.fwfa_pagination span.swiper-pagination-bullet-active{ background: #FF9217; border-color: #FF9217;}
.fwfa_next,.fwfa_prev{ position: absolute; top: 135px;width: 70px; height: 70px;}
.fwfa_prev{ left: 0;  transform: translate(-100%); background: #ccc url(../images/ffprev.png) center no-repeat; }
.fwfa_next{ right: 0;  transform: translate(100%); background: #ccc url(../images/ffnext.png) center no-repeat; }
.fwfa_prev:hover,.fwfa_next:hover{ background-color: #ED7E00; }
.khpxswiper_content{ position: relative; padding-bottom: 60px;}
.page_fwfa_desc{ padding: 20px 0 60px; text-align: center; font-size: 32px; line-height:45px ;}
.h160{ height: 160px;}
.page_fwfa_fwlc{ padding-bottom: 230px; background: url(../images/fwlc_bg.png) center bottom no-repeat;}

.page_fwfa_fwlc ul{ padding-top: 30px; display: flex; justify-content: space-between;}
.page_fwfa_fwlc ul li{ display: flex; align-items: center; flex-direction: column; justify-content: center; box-sizing: border-box; padding: 0 20px; width: 320px;height: 407px;background: #FFFFFF;border-radius: 10px;border: 5px solid #FF9217;}
.page_fwfa_fwlc ul li img{ display: block; width: 111px; height: 111px;}
.page_fwfa_fwlc ul li span{ padding: 40px 0; font-size: 32px; line-height: 45px; text-align: center; color:#FF9217 ;}
.page_fwfa_fwlc ul li h4{ padding-bottom: 12px; color: #333333; font-size: 24px; line-height: 33px;}
.page_fwfa_fwlc ul li p{ font-size: 14px; text-align: center; line-height: 32px; color: #999;}

p.beizhu{ line-height: 33px; padding:40px ; color: #333; font-size: 24px;}
em.kxy,em.sxy{ border-radius: 23px; display: block;width: 23px;height: 23px; border: 3px solid #EE7E00;}
em.sxy{ background: #EE7E00;}
.table{ display: flex ; width: 100%;}
.th{ display: flex; flex-direction:column; width: calc(100% - 1120px);}
.td_first{ font-size: 24px; display: block !important; box-sizing: border-box; height: 113px; border: 1px #ccc solid; border-top: none; line-height: 113px; text-indent: 40px;}



.td{ width: 280px;}
.table .td span{ position: relative; box-sizing: border-box; border-bottom: 1px #CCCCCC solid; border-right: 1px #CCCCCC solid; display: flex; justify-content: center; align-items: center; width: 100%; height: 113px;}
.table .td:hover{ background: #F9F9F9;}

.td span:hover::after{z-index: -1; position: absolute; left: 0; top: 0; content: ""; width: 1400px; height: 113px; background: #f9f9f9;}
.td2 span:hover::after{ left: -280px;}
.td3 span:hover::after{ left: -560px;}
.td4 span:hover::after{ left: -840px;}
.td5 span:hover::after{ left: -1120px;}
.thtd{  display: flex; flex-direction: column; justify-content: center; align-items: center;  height: 205px; border: 1px #CCCCCC solid; border-left: none; width: 100%; box-sizing: border-box;}
.thtd p{ padding-bottom: 24px; color: #333; font-size: 32px; line-height: 45px;}
.thtd a{ color: #EE7E00; font-size: 24px; text-align: center; line-height: 56px; display: block; width: 194px; display: block;height: 56px;background: #FFFFFF;border-radius: 40px;border: 2px solid #EE7E00;}
.thtd_first{ font-size: 24px; color: #333; border-top: none;align-items: flex-start; justify-content: flex-end;}
.thtd_first span{ padding: 0 0 20px 40px; display: block; line-height: 33px;}
.fwfa { padding-top: 90px;}
.fwfa .title{ padding-bottom: 30px;}
.banner{ position: relative;}
.product_nav{ width: 1400px; position: absolute; left: 50%; transform: translate(-50%,50%); bottom: 0; background: #fff;box-shadow: 0px 20px 20px 1px rgba(0,0,0,0.06);}
.product_nav ul{ display: flex;}
.product_nav ul li{ width: 25%; height:92px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.product_nav ul li h3{ margin-bottom: 8px; font-size: 20px; color: #333; line-height: 28px; font-weight: 700; text-align: center;}
.product_nav ul li p{ font-size: 14px; color: #666; line-height: 20px; text-align: center;}

.product_nav ul li:hover,.product_nav ul li.active{ background: #EE7E00;}
.product_nav ul li:hover h3,.product_nav ul li:hover p,.product_nav ul li.active h3,.product_nav ul li.active p{ color: #fff;}
.prowhitebg{ padding: 100px 0 35px;}
.prowgraybg{ background: #F8F8F8; padding: 100px 0 35px;}
.prowhitebg .w1400{ display: flex;}
.prowgraybg .w1400{ display: flex; justify-content: space-between;}
.product_font h2{line-height: 84px; color: #333; font-size: 60px; padding: 50px 0 37px;}
.product_font p{font-weight: 400;  font-size: 20px; line-height: 40px; color: #666;}
.prowhitebg .product_font{ padding-left: 28px;}
.proNav{ position: fixed; left: 0;  top: 50%; transform: translateY(-50%); z-index: 150; width: auto;height: 
    auto;background: #FFFFFF;box-shadow: 5px 0px 20px 1px rgba(238,126,0,0.07);}
.proNav{ display: flex; align-items: center; justify-content: center;}
.proNav ul{ padding: 10px;}
.proNav ul li a{ display: block; line-height: 24px; text-align: center; font-size: 16px; color: #333;}
.proNav ul li{ padding: 10px 0;}
.proNav ul li a:hover,.proNav ul li.active a{ position: relative; color: #EE7E00;}
.proNav ul li a:hover::after,.proNav ul li.active a::after{ position: absolute; left: 50%; bottom: -10px; transform: translate(-50%); content: ""; width: 100%; height: 2px;background: #EE7E00;}
.jjfa_jkqy{ padding-top: 116px;}
ul.tabs{ padding-top: 30px; display: flex; justify-content: center;}
ul.tabs li{ cursor: pointer; margin: 0 50px; text-align: center; line-height: 87px; color: #333333; font-size: 28px; width: 250px;height: 87px;background: #F8F6F6;border-radius: 10px;}
ul.tabs li.active{ background: #EE7E00; color: #fff;}
ul.tabs li.active a{ color: #fff;}
ul.tabs li a{ color: #333;}
.tabscon ul{ display: flex; flex-wrap: wrap;}
.tabscon ul li{ padding: 60px 0; width: calc(100% / 3); display: flex; align-items: flex-start;}
.tabscon ul li img{ width: 90px; height: 90px; margin-right: 32px;}
.tabscon ul li h3{ margin-bottom: 20px; font-size: 24px; font-weight: normal; line-height: 33px; height: 33px; overflow: hidden; color: #333;}
.tabscon ul li p{ padding-right: 40px; font-size: 14px; color: #999; line-height: 32px;}
.jjfa_tuwen_line{ padding: 60px 0; display: flex;}
.jjfa_tuwen_line img{ width: 651px; height: 352px; margin-right: 80px;}
.jjfa_tuwen_line_font{ width: calc(100% - 731px);}
.jjfa_tuwen_line_font h3{ margin-bottom: 40px; font-size: 54px; color: #333; line-height: 75px; height: 75px; overflow: hidden;}
.jjfa_tuwen_line_font p{ margin-bottom: 33px; font-size: 20px; line-height: 40px; color: #666;}
.jjfa_tuwen_line_font a{ font-size: 24px; color: #333; text-align: center; line-height: 61px; box-sizing: border-box; display: block;width: 219px;height: 63px;background: #FFFFFF;border-radius: 32px;border: 1px solid #707070;}
.jjfa_tuwen_line_font a:hover{ color: #fff; border-color: #ED7E00; background: #ED7E00;}
.jjfa_tuwen .w1400 .jjfa_tuwen_line:nth-child(2) img{ margin-left: 30px; margin-right: 0;}
.jjfa_tuwen .w1400 .jjfa_tuwen_line:nth-child(2) .jjfa_tuwen_line_font{ width: calc(100% - 681px);}
.jjfa_hzhb.indexfwkf{ background: #fff;}
.jjfa_fwlc{background: #F8F8F8; padding: 70px 0;}
.jjfa_fwlc ul{ padding: 46px 0; display: flex; justify-content: space-between;}
.jjfa_fwlc ul li{ background: url(../images/sjbg01.png) center top no-repeat; padding-top: 16px; position: relative;}
.jjfa_fwlc ul li::after{ position: absolute; right: 6px; top: 50%; transform: translate(110%,-50%); content: ""; width: 49px; height: 39px; background: url(../images/fwlc_jiantou.png) center no-repeat;}
.jjfa_fwlc ul li:last-child::after{ display: none;}
.jjfa_fwlc ul li img.sjbg{  filter: blur(17px); z-index: 1; margin: 0; width: 185px; height: auto; position: absolute; top: 16px; left: 50%; transform: translateX(-50%); }
.jjfa_fwlc_content{ position: relative; z-index: 5; box-sizing: border-box; padding: 20px;width: 306px;
    height: 359px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(239,239,239,0.71);
    /* */
    /* background: url(../images/bgbg.png) center no-repeat; */
    box-shadow: 10px 10px 50px 1px rgba(0,0,0,0.16), inset 5px 5px 20px 1px rgba(255,255,255,0.16);
    border-radius: 20px;}
.jjfa_fwlc ul li span{ font-size: 40px; color: #fff; line-height: 56px;}
.jjfa_fwlc ul li img{ margin: 24px 0 40px; width: 77px; height: 77px;}
.jjfa_fwlc ul li h4{ font-size: 24px; font-weight: normal; line-height: 33px;}
.jjfa_fwlc ul li p{ padding-top: 20px; font-size: 14px; color: #666; text-align: center; line-height: 32px;}

.sqhhr{ background: #F8F8F8; padding: 60px 0;}
h2.hhr_title{ font-size: 40px; line-height: 56px; text-align: center;}
a.sqhhr_button{ font-size: 32px; text-align: center; line-height: 80px; color: #fff; display: block; margin: 0 auto;width: 540px;height: 80px;background: #EE7E00;border-radius: 40px;}
.sqhhr ul{ width: 698px; margin: 0 auto; padding: 56px 0 80px;}
.sqhhr ul li span{ padding: 24px 0 40px; display: block; line-height: 33px; color: #333; font-size: 24px;}
.sqhhr ul li span em{ font-style: normal; color: #EE7E00;}
.sqhhr ul li input{ outline: none; font-size: 24px; line-height: 80px; box-sizing: border-box; padding: 0 40px; width: 698px;height: 80px;background: #FFFFFF;border-radius: 10px;border: 1px solid #E4E4E4;}
.sqhhr ul li input::-webkit-input-placeholder,.bottomFrom_content ul li input::-webkit-input-placeholder{color:#ccc;}
.hhr_hzlc img{ display: block; margin: 0;}
.hhr_hzlc{ padding: 100px 0;}
.hhr_hzlc h2.hhr_title{ padding-bottom: 60px;}
.hhr_sdfa{ background: #F8F8F8; padding: 100px 0;}
.hhr_sdfa ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.hhr_sdfa ul li{ box-sizing: border-box; padding: 44px 40px; margin-top: 40px; width: 680px;height: 278px;background: #FFFFFF;border: 1px solid #E8E8E8;}
.hhr_sdfa ul li div{ display: flex; align-items: flex-start; justify-content: space-between;}
.hhr_sdfa ul li p{ width: 495px; font-size: 14px; color: #999; line-height: 32px;}
.hhr_sdfa ul li h3{ position: relative; margin-bottom: 40px; font-size: 24px; line-height: 33px; color: #333;}
.hhr_sdfa ul li span{ display: block; position: relative;}
.hhr_sdfa ul li span::after{ position: absolute; left: 50%;  top: -56px; transform: translateX(-50%); content: "";width: 24px;height: 3px;background: #EE7E00;border-radius: 100px;}
/* .hhr_sdfa ul li h3::after{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: "";width: 24px;height: 3px;background: #EE7E00;border-radius: 100px; } */
.hhr_bdys ul{ flex-wrap: wrap; display: flex; justify-content: space-between;}
.hhr_bdys ul li{ padding: 50px 0; display: flex; align-items: flex-start; width: calc((100% - 40px) / 2);}
.hhr_bdys ul li img{ width: 90px; height: 90px; margin-right: 32px;}
.hhr_bdys ul li h3{ margin-bottom: 20px; font-size: 24px; height: 33px; line-height: 33px; overflow: hidden; font-weight: normal;}
.hhr_bdys ul li p{ font-size: 14px; line-height: 32px; color: #999;}
.hhrdesc{ padding: 120px 0;}
.hhrdesc ul{ display: flex; justify-content: space-between;}
.hhrdesc ul li{ padding-top: 60px; width: 353px; display: flex; flex-direction: column; align-items: center;}
.hhrdesc ul li h2{ line-height: 112px; color: #333; font-size: 32px; font-weight: 500;}
.hhrdesc ul li h3{ margin: 40px 0 16px; font-size: 20px; font-weight: 500; color: #333;}
.hhrdesc ul li p{ text-align: center; font-size: 16px; line-height: 32px; color: #666;}
.hhrdesc ul li h2 span{ font-size: 80px; color: #EE7E00;}
h2.about_title{ padding: 60px 0; font-weight: 500; text-align: center; font-size: 32px; color: #333;}
.about_gsys{ padding: 100px 0;}
.about_gsys ul{ flex-wrap: wrap; display: flex; justify-content: space-between;}
.about_gsys ul li{ cursor: pointer; box-sizing: border-box; position: relative; margin: 50px 0; padding-left: 42px; display: flex; align-items: flex-start; width: calc((100% - 40px) / 2);}
.about_gsys ul li span{ position: absolute; left: 0; top: 24px; display: block; width: 90px; height: 90px; margin-right: 32px;}
.about_gsys ul li h3{ margin-bottom: 20px; font-size: 24px; height: 33px; line-height: 33px; overflow: hidden; font-weight: normal;}
.about_gsys ul li p{ font-size: 14px; line-height: 32px; color: #999;}
.about_gsys ul li div{ width: 100%;  padding: 24px 17px 24px 80px; }
.about_gsys ul li:hover div{ background: #F6F6F6;}
.about_gsys ul li:hover span{ top: -13px;}
span.baicon01{ background: url(../images/ba_icon01.png) center no-repeat;}
span.baicon02{ background: url(../images/ba_icon02.png) center no-repeat;}
span.baicon03{ background: url(../images/ba_icon03.png) center no-repeat;}
span.baicon04{ background: url(../images/ba_icon04.png) center no-repeat;}
span.baicon05{ background: url(../images/ba_icon05.png) center no-repeat;}
span.baicon06{ background: url(../images/ba_icon06.png) center no-repeat;}
span.baicon07{ background: url(../images/ba_icon07.png) center no-repeat;}
span.baicon08{ background: url(../images/ba_icon08.png) center no-repeat;}
.about_gsys ul li:hover span.baicon01{background: url(../images/ba_hovericon01.png) center no-repeat;}
.about_gsys ul li:hover span.baicon02{background: url(../images/ba_hovericon02.png) center no-repeat;}
.about_gsys ul li:hover span.baicon03{background: url(../images/ba_hovericon03.png) center no-repeat;}
.about_gsys ul li:hover span.baicon04{background: url(../images/ba_hovericon04.png) center no-repeat;}
.about_gsys ul li:hover span.baicon05{background: url(../images/ba_hovericon05.png) center no-repeat;}
.about_gsys ul li:hover span.baicon06{background: url(../images/ba_hovericon06.png) center no-repeat;}
.about_gsys ul li:hover span.baicon07{background: url(../images/ba_hovericon07.png) center no-repeat;}
.about_gsys ul li:hover span.baicon08{background: url(../images/ba_hovericon08.png) center no-repeat;}
.about_qywh{ background: #F8F8F8; padding: 100px 0;}
.qywh_flex{ padding-top: 30px; display: flex; justify-content: space-between;}
ul.qywh_left{ width: 256px;}
ul.qywh_right{ width: calc(100% - 276px); display: flex; flex-wrap: wrap; justify-content: space-between;}
ul.qywh_left li{ width: 100%; height: 180px; background: #fff; margin-bottom:20px ;}
ul.qywh_right li{ box-sizing: border-box; padding: 0 10px; width: 264px;height: 281px;background: #FFFFFF;}
ul.qywh_left li,ul.qywh_right li{ display: flex; flex-direction: column; justify-content: center; align-items: center;}

ul.qywh_left li h3,ul.qywh_right li h3{ font-size: 32px; margin-bottom: 20px; line-height: 45px; color: #333; font-weight: 500;}
ul.qywh_left li p,ul.qywh_right li p{ line-height: 32px; text-align: center; font-size: 14px; color: #999; font-weight: 400;}
.aboutNav{height: 125px;background: #FFFFFF;box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.16);}
.aboutNav ul{ display: flex;}
.aboutNav ul li{ margin-right: 80px; height: 125px; line-height: 125px; font-size: 32px; font-weight: 500; color: 3333;}
.aboutNav ul li a{ color:#666666;}
.aboutNav ul li.active{ position: relative;}
.aboutNav ul li.active a{ color: #333333;}
.aboutNav ul li.active::after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height:6px; background: #EE7E00;}
.about_gsgk,.about_fzlc{ padding: 100px 0;}
.about_gsgk p{ padding-top: 30px; font-size: 16px; line-height: 32px; color:#666;}
.about_gsgk ul{ padding-top: 40px; display: flex; justify-content: space-between;}
.about_gsgk ul li img{ display: block; width: 320px; height: 275px;}
.about_total{ box-sizing: border-box; padding-top: 60px; width: 100%; height: 425px; background: url(../images/total_bg.png) center no-repeat;}
.about_total p{ text-align: center; font-size: 16px; color: #fff; line-height: 35px;}
.about_total ul{ display: flex; justify-content: space-between;}
.about_total ul li{ padding-top: 78px; width: 320px;}
.about_total ul li span{ font-size: 60px; color: #FF9217; display: block; text-align: center;}
.about_total ul li em{ position: relative;  border-bottom: 1px #fff solid; padding: 25px 0; display: block; font-style: normal; text-align: center; color: #fff;}
.about_total ul li em::after,.about_total ul li em::before{ content: ""; width: 1px; height: 20px; background: #fff; position: absolute; bottom: 0;}
.about_total ul li em::after{ right: 0;}
.about_total ul li em::before{ left: 0;}
.fzlcmySwiper{ height: 650px;}
.lc-prev,.lc-next{ cursor: pointer; z-index: 99; position: absolute; left: 51px; top: 0; width: 37px; height: 20px;}
.lc-prev{ background: url(../images/lc-prev.png) center no-repeat;}
.lc-next{background: url(../images/lc-next.png) center no-repeat; top: auto; bottom: 0;}

.years{  font-family: "douyuFont"; font-weight: bold; margin-right: 80px; font-size: 20px; color: #ccc; width: 140px; text-align: center;}
.mySwiperPage{ box-sizing: border-box; height: 130px; box-sizing: border-box; display: flex; align-items: center;}
.mySwiperPage_content h3{ margin-bottom: 14px; height: 33px; overflow: hidden; line-height: 33px; font-size: 24px; font-weight: 500; color: #ccc;}
.mySwiperPage_content p{ font-size: 14px; color: #ccc; line-height: 20px;}
.mySwiperPage_content{ width: calc(100% - 220px);}
.about_fzlc_content{ position: relative; padding: 20px 0;}
.mySwiperPage.swiper-slide-prev .years,.mySwiperPage.swiper-slide-next .years{ font-size: 32px; color: #999999;}
.mySwiperPage.swiper-slide-prev .mySwiperPage_content h3,.mySwiperPage.swiper-slide-next .mySwiperPage_content h3{ color: #999999; font-size: 24px;}
.mySwiperPage.swiper-slide-prev .mySwiperPage_content p,.mySwiperPage.swiper-slide-next .mySwiperPage_content p{ color: #999;}
.mySwiperPage.swiper-slide-active .years{ font-size:40px ; font-size: 40px; color: #333333;}
.mySwiperPage.swiper-slide-active .mySwiperPage_content h3{ color: #333333; font-size: 24px;}
.mySwiperPage.swiper-slide-active .mySwiperPage_content p{ font-size: 14px; color: #999;}
.about_fzlc_content::after{ content: ""; position: absolute; left: 68px; top: 50%; transform: translateY(-50%);  width: 4px;height: 750px;background: #EEEEEE;border-radius: 2px 2px 2px 2px;opacity: 0.41;}
.indexad{ height: 320px; background: url(../images/index_adbg.png) center no-repeat;}
.indexad .w1400{ height: 320px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.indexad a{ font-weight: 600; font-size: 24px; color: #EE7E00; text-align: center; line-height: 56px; display: block; width: 208px;height: 56px;background: #FFFFFF; border-radius: 38px;}
.indexad h1{ line-height: 84px; margin-bottom: 47px; color: #fff; font-size: 60px; font-weight: 500;}
.zxkf{ z-index: 1000; border-radius: 100px; position: fixed; right: 80px; top: 118px; width: 50px;height: auto;background: #00568E;box-shadow: 10px 10px 20px 1px rgba(0,0,0,0.13);}
.zxkf ul{ display: flex; flex-direction: column;}
.zxkf ul li{ display: flex; justify-content: center; align-items: center; width: 100%; position: relative; cursor: pointer; box-sizing: border-box; border-bottom: 1px #7ECAFC solid; border-top: 1px #001320 solid; width: 100%; height: 65px; line-height: 65px; text-align: center;}
.zxkf ul li:last-child{ font-size: 20px; height:75px; line-height: 75px; color: #fff; border-bottom:  none;}
.zxkf ul li:nth-child(4){ display: flex; justify-content: center; align-items: center; color: #fff; font-size: 18px; line-height: 20px; background: linear-gradient(137deg, #FE9C2F 0%, #EE7E00 100%);}
.zxkf ul li:nth-child(1){ border-top: none;}
.zxkfhover{ display: none; position: absolute; right: 68px; top: 50%; transform: translateY(-50%); background: #FFFFFF;box-shadow: 2px 2px 10px 1px rgba(250,149,35,0.22);border-radius: 10px 10px 10px 10px;}
.zxkfhover span{ padding: 0 20px; line-height: 52px; font-size: 16px; color: #666666; display: block; white-space: nowrap;}
.zxkfhover::after{content: "";position: absolute;right: -8px;top: 50%; transform: translateY(-50%);width: 0;height: 0;border-left: 20px solid #fff;border-top: 20px solid transparent;border-bottom: 20px solid transparent;}
.zxkfewm{width: 318px; box-sizing: border-box; display: flex; justify-content: space-between; margin: 20px; border: 1px solid rgba(204, 204, 204, 0.17); padding: 20px;}
.zxkfewm p img{ display: block; margin: 0 auto 15px; width: 110px; height: 110px;}
.zxkfewm p{ line-height: 22px; font-size: 16px; color: #666;}
.zxkf ul li:nth-child(4):hover{ background: linear-gradient(137deg, #FE4B2F 0%, #EE7E00 100%);}
.zxkf ul li.active .zxkfhover{ display: block;}
.bottomFrom{ display: flex; justify-content: center; align-items: flex-start; position: fixed; left: 0; bottom: 0; width: 100%; height: 280px; background: url(../images/bottomFrom_bg.png) center no-repeat;}
.h280{ height: 280px;}
.bottomFrom_content ul{ display: flex;}
.bottomFrom_content ul li{ margin: 0 20px;}
.bottomFrom_content ul li span{ display: block; font-size: 20px; color: #fff; line-height: 28px; margin-bottom: 16px;}
.bottomFrom_content ul li input{ box-sizing:border-box; padding: 0 20px; font-size: 16px; outline: none;width: 520px;height: 40px;background: #FFFFFF;border-radius: 10px;border: 1px solid #E4E4E4;}
.bottomFrom_content img{ display: block; width: auto; height: 43px; margin: 20px auto;}
.bottomFrombtn{ margin: 20px auto 0; display: block; width:208px; height: 53px; line-height: 50px; font-size: 24px; color: #fff; text-align: center; background: url(../images/btnbg.png) center no-repeat   ; }