@charset "utf-8";
/* CSS Document */
.iconfont {font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
html,body{background:#ffffff; -webkit-user-select: none; user-select: none; font: 12px/1 system-ui,"Microsoft YaHei","微软雅黑","arial","tahoma","MicrosoftJhengHei", "sans-serif"; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased!important;}
.m_center{width:1400px; height: auto; margin: 0 auto; padding: 0; transition: all .5s ease 0s;	}
img{width:auto; max-width: 100% !important; height: auto; border: 0; transition: all .5s ease 0s;}

/**/
.logo_s{width: 100%; height: 100px; line-height: 1; text-align: center; position: fixed; top: 0; left: 0; z-index: 999;}
.logo{width:379px; height:60px; margin: 20px 0; transition: all .6s ease 0s; position: relative; display: block; float: left;}
.logo img{max-width: 100%; height: auto; overflow: hidden; transition: all .5s ease 0s;}
.logo img:first-child{display: block;}
.logo img:last-child{display: none;}
.nav{width:auto; height: 26px; color: #fff; font-size: 18px; margin:37px auto; position: relative; z-index: 99; float: right; transition: all .6s ease 0s;}
.nav .m_center{width: auto; display: flex; flex-wrap: nowrap; align-content: center; justify-content:center; align-items: cente }
.nav .nav_li{display: block; /* min-width: 125px; */ height:26px; line-height: 100%; position: relative; margin-right: 1vw; transition: all .6s ease-in 0s;}
.nav .nav_li:before{content: ''; display: block; width: 0%; height: 10px; background: #079ce4; position: absolute; bottom:0; border-radius: 5px; transition: all .6s ease-in 0s;}
.nav .nav_li .nav_li_a{display: block; width: 100%; height:26px; line-height:26px; text-align: center; color: #fff; font-weight: 600; text-transform:uppercase; transition: all .4s ease 0s; padding: 0 5px; position: relative; z-index: 2;}
.nav .nav_li:hover .nav_li_a{ color: #fff;}
.nav .nav_li:hover:before{width:100%;}
.nav .nuw .nav_li_a{font-weight: 600;}
.nav .nuw.nav_li:before{width:100%;}
.logo_s.scrolled{height: 66px; background:rgba(255, 255, 255, .5);}
.logo_s.scrolled .logo{margin: 13px 0; width: 253px; height: 40px;}
.logo_s.scrolled .logo img:first-child{display: none;}
.logo_s.scrolled .logo  img:last-child{display: block;}
.logo_s.scrolled .nav{margin: 20px 0;}
.logo_s.scrolled .nav .nav_li .nav_li_a{color: #222;}


/* 下拉 */
.nav_xl{display: block; width:150%; height: auto; min-height:auto; position: absolute; top:85px; left: -25%; z-index: 999; overflow: hidden; text-align: left; visibility: hidden; opacity: 0; background: #079ce4; border-radius: 0 0 5px 5px; text-align: center; border-radius: 10px;}
.nav_xl p{ background: url(../images/in7.png) bottom center no-repeat;}
.nav_xl a{display: block; width: 100%; height: auto; color: #fff; line-height: 20px; font-size: 14px; transition: all .4s ease 0s; padding:8px 5px; word-wrap:break-word; margin-bottom: 1px;}
.nav_xl a:hover{ background:linear-gradient(90deg, #079ce4,rgba(255,255,255,.5),#079ce4); color:#FFFFFF;}
.nav .nav_li:hover .nav_xl{visibility: visible; opacity: 1; top:25px; transition: all .6s ease 0s;}
.nav .nav_li:last-child .nav_xl{right: 0; left: initial;}
.nav_xl p:last-child{background: none;}

/* mobile nav 触发样式 */
.c_nav{width:40px; height:40px; background: none; border-radius: 5px; overflow: hidden; background: #079ce4; position: absolute; bottom: calc(50% - 20px); right:5vw; z-index: 99999; cursor: pointer; display:none; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; transition: all .4s ease 0s;}
.c_nav span{display: block; width:20px; height: 2px; background: #fff; margin:2px auto; overflow: hidden; transform:rotate(0deg); transition: all .4s ease 0s;}
.c_nuw{border-radius: 100%; border: 1px solid #079ce4; transform:rotate(360deg);}
.c_nuw span:nth-child(1){transform:rotateZ(45deg)translate(1px,0px); transform-origin: center; width:20px; margin: 0;}
.c_nuw span:nth-child(2){transform:rotateY(180deg); opacity: 0; display: none;}
.c_nuw span:nth-child(3){transform:rotateZ(-45deg)translate(1px,-1px); transform-origin: center; width:21px; margin: 0;}
body::after{content:' '; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.6); overflow: hidden; position: fixed; top: 0; right:-100%; z-index: 55; transition: all .4s ease 0s;}
.body_bg{position: relative; overflow: hidden;}
.body_bg::after{ display: block; top: 0; right:0%;}


/*滚到全局*/
.index_hp{width:100vw; height:100vh; overflow: hidden;}
.index_hp_list{width:100vw; height:100vh; text-align: center; font-size: 18px; background: #f2f2f2; padding-top: 60px;  display: -webkit-box; display: -ms-fslexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-direction: column; flex-wrap: nowrap; align-content: center;}
.index_hp_list:first-child{padding-top: 0;}
/**/
.banner{width:100%; height:100%; position: relative; line-height: 1; text-transform: uppercase; margin:0 auto; overflow: hidden;}
.banner .swiper-slide{position: relative; width: 100%; height: 100%; background-position:center; background-repeat: no-repeat; background-size: cover; line-height: 1;}
.banner .swiper-slide .m_center{height: 100%;}
.banner .banner-a{width:100%; height:22px; position: absolute; left:0; bottom:26px; text-align:center; z-index: 10;}
.banner .banner-a .swiper-pagination-bullet{ width:15px; height:15px; border-radius:100%; vertical-align: top; background:rgba(255, 255, 255, .7); opacity: 1; margin:3.5px 4px; position: relative; transition: all .4s ease 0s;}
.banner .banner-a .swiper-pagination-bullet-active{background:url(../images/icon1.png) center no-repeat; width:22px; height: 22px; margin: 0 4px;}
.banner-l,.banner-r{width:55px; height: 55px; line-height: 55px; color: #fff; text-align: center; position: absolute; top: calc(50% - 20px); z-index: 99; border-radius: 5px; overflow: hidden; cursor: pointer; display: none; }
.banner-l i,.banner-r i{font-size: 55px;}
.banner:hover .banner-l,.banner:hover .banner-r{display: block;}
.banner-l:hover,.banner-r:hover{color: #079ce4;}
.banner-l{left: 140px;}
.banner-r{right: 140px;}
.banner_jtzy{width: 40px; height: 40px; line-height: 38px; text-align: center; border: 1px solid #fff; border-radius: 100%; position: absolute; left:10.9375%; bottom: 10%; z-index: 5; cursor: pointer; overflow: hidden;}
.banner_jtzy span{display: inline-block; vertical-align: top; width: 12px; height: 15px; background:url(../images/icon2.png) center center/100% 100% no-repeat; -webkit-animation:pg_bs 1.5s linear 0s infinite normal; animation:pg_bs 1.5s linear 0s infinite normal;}

/**/
.bga{background:url(../images/bga.jpg) center center/cover no-repeat; animation: scaleBackground 6s infinite alternate ease-in-out;}
.bgb{background:url(../images/bgb.jpg) center center/cover no-repeat; animation: scaleBackground 10s infinite alternate ease-in-out;}
.bgc{background:url(../images/bgc.jpg) center center/cover no-repeat;}

.index_title{ line-height: 1; text-align: center;}
.index_title_cn{font-size: 26px; color: #079ce4; font-weight: 600;}
.index_title_cn span{margin: 0 10px;}
.index_title_en{text-transform: uppercase; font-size: 20px; color: #777777; margin-top: 10px; font-weight: 200;}

.index_about_box{padding: 5.20833vw 0 0 13.54166vw;}
.in_about_txt{flex: 1; padding-right:30px; text-align: left;}
.in_about_h2{font-size: 22px; color: #222; line-height: 1.5; font-weight: bold; letter-spacing: 12.5px;}
.in_about_h2 p{font-size: 16px; text-transform: uppercase; color: #777; font-weight: 400; letter-spacing: 0;}
.in_about_h2_cen{ margin: 1.5625vw 0 3.125vw; font-size: 16px; line-height: 24px; color: #555; text-align: justify;}
.in_about_img{width: 45.26041vw; height: 26.30208vw; min-width: 45.26041vw; border-radius: 15px 0 0 15px; overflow: hidden;}
.in_about_img img{width: 100%; height: 100%; object-fit: cover;}
.in_more{display: block; float: right; width: 160px; height: 44px; line-height: 44px; background: #fff; border-radius: 22px; text-align: center; font-size: 16px; color: #555555; text-transform: uppercase; transition: all 1s;}
.in_more .micon{margin-left: 5px; font-size: 15px;}
.in_more:hover{background: #079ce4; color: #fff;}

.in_service_box{width: 72.91666vw; height: auto; margin-top: 5.20833vw;}
.in_service_list{width: calc((100% - 7.29166vw) / 3); background: #fff; padding: 40px 28px; border-radius: 15px; overflow: hidden; margin-right: 3.64583vw; transition: all 1s;}
.in_service_list:nth-child(3){margin-right: 0;}
.in_service_list_img{width: 120px; height: 120px; line-height: 120px; text-align: center; font-size: 50px; margin: 0 auto; color: #222222; background: #f2f2f2; border-radius: 100%; transition: all 1s;}
.in_service_list_img i{font-size: 50px;}
.in_service_list_h2{text-align: center; font-size: 22px; color: #222222; margin-top: 1.5vw;  transition: all 1s;}
.in_service_list_h2 p{font-size: 16px; color: #666; text-transform: uppercase; margin-top: 5px;  transition: all 1s;}
.in_service_list_txt{text-align: justify; font-size: 16px; line-height: 24px; color: #555; margin-top: 2vw; height: calc(24px * 6); display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp:6; overflow: hidden; transition: all 1s;}
.in_service_list:hover{background: #079ce4;}
.in_service_list:hover .in_service_list_img{background: #fff; color: #079ce4;}
.in_service_list:hover .in_service_list_h2,.in_service_list:hover .in_service_list_txt{color: #fff;}
.in_service_list:hover .in_service_list_h2 p{color: rgba(255, 255, 255, .7);}

.in_teamul{width: 52.08333vw; height: 33.6vw; position: relative; margin-top:3.125vw;}
.in_teamli{width:52.08333vw; height: auto; line-height: 1; position: relative; overflow: hidden;}
.in_teamli div{width:52.08333vw; height: 29.16666vw; overflow: hidden; border-radius: 15px; background: #000000;}
.in_teamli p{width: 16.82291vw; height: 2.6vw; line-height: 2.6vw; text-align: center; background: #fff; font-size:16px; color: #555; margin: 1.8vw auto 0; border-radius: 5px;}
.in_teamul .swiper-slide-prev img,.in_teamul .swiper-slide-next img{opacity: .7;}
.in_teamul .swiper-slide-prev p,.in_teamul .swiper-slide-next p{display: none;}
.in_teamul_l,.in_teamul_r{display:block; width:2.6vw; height: 2.6vw; line-height: 2.6vw; text-align: center; background: #555555; position: absolute; bottom: 0; right: 37.5vw; overflow: hidden; cursor: pointer; border-radius: 5px;}
.in_teamul_r{right: inherit; left:37.5vw;}
.in_teamul_l img,.in_teamul_r img{width: 1vw; height: .9895vw; position: relative; z-index: 2;}
.in_teamul_l:hover,.in_teamul_r:hover,.in_teamul_l:hover:after,.in_teamul_r:hover:after{background:#079ce4; color: #fff;}

.in_news{width: 72.91666vw; height: auto; margin: 4.42708vw auto 0; justify-content: space-between;}
.in_news_left{width: 36.19791vw;}
.in_news_left_li{width: 100%; height: auto; display: flex;margin-bottom: 1.2vw;}
.in_news_left_li_img{width: 13.28125vw; height: 10.15625vw; min-width: 13.28125vw; max-width: 13.28125vw; border-radius: 15px; overflow: hidden; margin-right: 10px;}
.in_news_left_li_img img,.in_news_right_img img{width: 100%; height: 100%; object-fit: cover;}
.in_news_left_li_txt{flex: 1; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.1); border-radius: 15px; text-align: justify; padding: 10px 25px 22px;}
.in_news_left_li_txt h2{height: 42px; line-height: 42px; color: #222; font-size: 18px; text-align: left;}
.in_news_left_li_txt h2 span{float: right; font-size: 16px; color: #777;}
.in_news_left_li_txt h2 span i{margin-right: 5px; font-size: 17px;}
.in_news_left_li_txt div{font-size: 14px; line-height: 24px; color: #555; margin-top: 0; height: calc(24px * 2); display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;}
.in_news_left_li:first-child .in_news_left_li_txt div{-webkit-line-clamp:5;  height: calc(24px * 5);}
.in_news_left_li:hover .in_news_left_li_txt,.in_news_right:hover .in_news_left_li_txt{background: #079ce4;}
.in_news_left_li:hover .in_news_left_li_txt h2,.in_news_left_li:hover .in_news_left_li_txt span,.in_news_left_li:hover .in_news_left_li_txt span i,.in_news_right:hover .in_news_left_li_txt h2,.in_news_right:hover .in_news_left_li_txt span,.in_news_right:hover .in_news_left_li_txt span i{color: #fff;}
.in_news_left_li:hover .in_news_left_li_txt div,.in_news_right:hover .in_news_left_li_txt div{color: rgba(255, 255, 255, .7);}
.in_news_right{width: 32.55208vw;}
.in_news_right_img{width: 32.55208vw; height: 18.33333vw; border-radius: 15px 15px 0 0; overflow: hidden;}
.in_news_right .in_news_left_li_txt{border-radius: 0 0 15px 15px; padding-top: 20px;}

.bgd{padding-top: 0; background: #1a2088; justify-content: flex-start; overflow-y: auto;}
.in_lycen{width: 100%; height: 588px; min-height: 485px; background: url(../images/bgd.jpg) top center no-repeat; position: relative; overflow: hidden;}
.in_lycen_a{width: 41.40625vw; height: auto; float: left;}
.in_lycen_a .in_titlea{width: 100%; color: #fff; text-align: left; margin:100px 0 2.60416vw; font-size: 26px; line-height: 1;}
.in_lycen_a .in_titlea p{ font-size: 20px; margin: .8vw 0;}
.in_lycen_a .in_titlea div{ font-size: 16px;}
.in_lycen_b{width: 100%; height: auto;}
.in_lycen_bli{width: 100%; height: auto; margin-bottom:15px;}
.in_lycen_bli div{width:calc((100% - 40px) / 3); height: auto; margin-right:20px;}
.in_lycen_bli div:nth-child(3){margin-right: 0; }
.input_b,.input_d{width: 100%; height: 36px; background: #fff; padding: 0 5px; border-radius: 5px; border: none;}
.input_d{height: 100px;padding:5px;}
.anniu_a{display: block; width: 200px; height: 45px; text-align: center; background: #000; font-size: 16px; color: #fff; margin:1vw auto 0; border: none; border-radius: 22.5px; cursor: pointer;}
.in_lycen_map{width:27.60416vw; height: calc(588px - 100px); float: right; overflow: hidden; margin-top: 100px;}
.in_lycen_map img{width: 100%; height: 100%; object-fit: cover;}
.in_ftlogo{width: 100%; height: 100px; min-height: 100px; overflow: hidden;}
.in_ftlogo .m_center{background: url(../images/logo.png) left center no-repeat; height: 100px;}
.in_ftlogoa{width: 27.6vw; height: 100px; background:url(../images/in5.png) 25.3vw center no-repeat #2f2f2f; float: right; display: flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:flex-start; align-content:flex-start; padding-left: 1.6vw; line-height: 1; color: #fff; font-size: 24px;}
.in_ftlogoa p{font-size: 16px; margin-top: 10px;}
.in_ftlogoa a{color: #fff;}

.foot{width: 100%; height: auto; color: #fff; padding-top: 2vw;}
.foot_top{width:100%; height: auto; margin-bottom: 2vw; overflow: hidden; display: flex; justify-content: space-between; align-items: center; font-size: 16px;}
.foot_top_a{flex: 1; height: 100px;  display: flex; justify-content: space-between; align-items:center;}
.foot_top_a div i{margin-right: 5px;}
.foot_top_b{width: 135px; min-width: 135px; height: 100px; margin-left: 10vw;}

.foot_nav{width: 100%; height: 2.5vw; line-height: 2.5vw; font-size: 16px; color: #fff; border-top: 1px solid rgba(0,0,0,.2); border-bottom: 1px solid rgba(0,0,0,.2); text-align:center;}
.foot_nav a{color:rgba(255, 255, 255, .8); margin:0 1vw;}
.foot_links{padding-top: 20px; text-align: center; line-height: 24px; font-size: 14px; color:rgba(255, 255, 255, .5); font-weight: bold;}
.foot_links a{font-weight: 400; margin-right: 20px; color:rgba(255, 255, 255, .8);}
.foot_a{padding: 20px 0; text-align: center; font-size: 14px; line-height: 24px; color:rgba(255, 255, 255, .8);}
.foot_a a{color: rgba(255, 255, 255, .8);}
.foot a:hover{color: #fff;}
/**/
.pg-banner{width: 100%; height:36.45833vw; padding:29.94791vw 13.54166vw 0; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; color: #fff; line-height:1;}
.pg-banner h2{font-size: 28px; line-height: 1;}
.pg-banner p{font-size: 24px; color: rgba(255, 255, 255, .8); margin-top: 10px; text-transform: uppercase;}
.pg-nav{width: 100%; height: 70px; line-height: 70px; overflow: hidden; background: #fff; justify-content: center;}
.pg-nav a{ padding: 0 38px; font-size: 16px; line-height: 70px; transition: all 1s;}
.pg-nav a:hover, .pg-nav a.nuw{background: #079ce4; color: #fff;}
.show_title{position: sticky; top: 67px; z-index: 888; background:rgba(255, 255, 255, .5);}


.page_kctop{width: 1400px; height: auto; margin: 60px auto; display: flex;}
.page_kctop_img{width: 600px; min-width: 600px; height: 505px; border-radius: 15px; overflow: hidden; margin-right: 45px;}
.page_kctop_img img{width: 100%; height: 100%; object-fit:cover;}
.page_kctop_txt{flex: 1; height: 505px; overflow-x: hidden; overflow-y: auto; padding-right: 20px;}
.page_kctop_txt_b{font-size: 16px; line-height: 1.75; color: #555; text-align: justify; margin-top: 25px;}

.showa-bga{width: 100%; height: 36.5vw; background: url(../images/img10.jpg) top center no-repeat; background-size: cover; background-attachment:fixed; overflow: hidden;}
.show-lic-title{color: #fff; line-height: 1; overflow: hidden; font-size: 26px; font-weight: 400;}
.show-lic-title p{font-size: 20px; color: #fff; font-weight: 200; text-transform: uppercase; margin-top: 5px;}
.show-lic{width:78.125vw; height: 36.5vw; margin: 0 auto; position: relative; padding-top: 2.9vw; overflow: hidden;}
.show-lic-ul{width: 38vw; height: 27.1vw; position: absolute; bottom: 0; left: 0; z-index: 1; overflow: hidden;}
.show-lic-dx{width: 20px; height: 27.1vw; position: relative; overflow: hidden;}
.show-lic-dx span{display: block; width: 20px; height: 20px; background: #079ce4; border: 4px solid #fff; border-radius: 100%; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 2;}
.show-lic-dx::after{content:' '; width: 4px; height: 100%; background: #079ce4; display: block; position: absolute; top: 0; left: calc(50% - 2px);}
.show-lic-box{width:calc(100% - 10px); height: 21.9vw; overflow-x: hidden; overflow-y: auto; position: absolute; top: 2.5vw; left: 10px; z-index: 3;-ms-overflow-style: none; overflow: -moz-scrollbars-none; font-size: 16px; line-height: 1.5; color: #ffffff; cursor:url(../images/mouse.png) 10 10, default;}
.show-lic-box::-webkit-scrollbar { width: 0 !important }
.show-lic-li{width: 100%; height: auto; padding: 0 0 2.5vw 0; display: flex; overflow: hidden; font-weight: 300;}
.show-lic-li-y{width:120px; min-width:120px; position: relative; font-size: 18px; line-height: 1; padding-left: 30px;}
.show-lic-li-y span{font-size: 12px; margin-left: 5px;}
.show-lic-li-y::before{content:' '; display: block; width: 20px; height: 4px; border-radius: 2px; background: #079ce4; position: absolute; left: 0; top:5px;}
.show-lic-li-c{flex: 1; text-align: justify;}

.about-leader{width: 1400px; height: auto; margin: 60px auto 0; overflow: hidden; padding-bottom: 80px; position: relative;}
.about_leader_list{width: calc((100% - 81px) / 4); height: auto; background: #fff; border-radius: 15px; padding: 15px; overflow: hidden; cursor: pointer; margin-right: 27px;}
.about_leader_list_top{width: 100%; align-items: center;}
.about_leader_list_top_img{width: 115px; height: 115px; min-width: 115px; max-width: 115px; border-radius: 15px; overflow: hidden; margin-right: 12px;}
.about_leader_list_top_txt{flex: 1;}
.about_leader_list_top_txt h2{font-size: 20px; font-weight: 600; color: #222; line-height: 42px;}
.about_leader_list_top_txt div{font-size: 16px; line-height: 24px; color: #555555;}
.about_leader_list_bot{font-size: 14px; line-height: 24px; color: #555; text-align: justify; margin-top: 15px;  height: calc(24px * 6); display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp:6; overflow: hidden;}
.about-leader .leader-pagination{width:100%; height:10px; position: absolute; left:0; bottom:0px; text-align:center; z-index: 10;}
.about-leader .leader-pagination .swiper-pagination-bullet{ width:15px; height:10px; border-radius:5px; vertical-align: top; background:rgba(0, 0, 0, .5); opacity: 1; margin:0 4px; position: relative; transition: all .4s ease 0s;}
.about-leader .leader-pagination .swiper-pagination-bullet-active{background:#079ce4; width:35px;}
.about_txt_box,.show_txt_box{font-size: 16px;  line-height: 26px; color: #555; margin-top: 60px; text-align: justify;}
.about_txt_box img,.show_txt_box img{max-width: 100% !important; height: auto !important;}
.page_foot{background: #222; padding-top: 45px;}
.about_leader_list:nth-child(4n){margin-right: 0;}


.qyzz_box{display:flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; justify-content: flex-start;}
.qyzz_list{width: calc((100% - 60px) / 3); min-width: calc((100% - 60px) / 3); height: auto; margin: 0 30px 30px 0; display: block;}
.qyzz_list div:first-child{width: 100%; height: 325px; background: #fff; overflow: hidden; transition: all 1s;}
.qyzz_list div img{width: 100%; height: 100%; object-fit: contain;}
.qyzz_list div:nth-child(2){height: 75px; line-height: 75px; width: 100%; padding: 15px; text-align: justify; justify-content: center; font-size: 16px; line-height: 26px; color: #222; background: #fff; display: flex; align-items: center; margin-top: 1px; transition: all 1s;}
.qyzz_list:nth-child(3n){margin-right: 0;}
.qyzz_list:hover div:nth-child(2){background: #079ce4; color: #fff;}
.zsry_box{padding-bottom: 50px;}
.zsry_title{width: 100%; font-size: 22px; color: #dbb878; margin-bottom: 20px;}
.zsry_title i{font-size: 40px;}
.zsry_box .qyzz_list div:first-child{border: 4px solid #ddbc82;}
.zsry_box .qyzz_list div:nth-child(2){background: #ddbc82; color: #fff;}

.zsry_box .qyzz_list:hover div:first-child{border: 4px solid #079ce4;}
.zsry_box .qyzz_list:hover div:nth-child(2){background: #079ce4; color: #fff;}

/**/
.page-left-li{width:100%; height: auto; border-bottom: 1px dashed #ccc; padding-bottom:35px; margin:0 auto 35px; overflow: hidden;}
.page-left-liimg{width: 420px; height: 260px; min-width: 450px; max-width: 450px; margin:0 120px; overflow: hidden;}
.page-left-liimg img{width: 100%; height: 100%; object-fit: cover; transition: all .7s;}
.page-left-litxt{flex: 1; line-height: 1; padding-top: 10px;}
.page-left-litxt h2{font-size:22px; color: #333333; line-height:30px; font-weight: 400; max-height: calc(30px * 2); overflow: hidden;}
.page-left-litxt div{font-size: 16px; line-height: 30px; max-height: calc(30px * 4); overflow: hidden; color: #666666; margin: 30px 0 40px; text-align: justify; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.page-left-litxt p{font-size: 16px; color: #999;}
.page-left-lirq{font-size: 22px; line-height: 1; text-align: right; padding-top: 15px;}
.page-left-lirq p{font-size: 16px; margin-top: 10px;}
.page-left-li:hover .page-left-litxt h2{color:#079ce4;}
.page-left-li:hover .page-left-liimg img{transform:scale(1.1);}

.show-news{padding: 3.6vw 0;}
.detal{margin: 2vw 0; transition: all 1s; position: relative;}
.detal .fl{width:400px; position: sticky; top: 70px;}
.detal .fl .detal_tit{line-height: 2vw; font-size: 1.2vw; color: #363747; padding-bottom: 0.8vw; border-bottom: 1px solid #ccc;}
.detal .fl .fb{height: 3.1vw; line-height: 3.1vw; font-size: 0.8vw; color: #888; border-bottom: 1px solid #ccc;}
.detal .fl .fx{margin-top: 2.3vw;}
.detal .fl .fx i{color: #000; font-size: 24px; font-weight: bold;}
.detal .fr{width:calc(100% - 480px); margin-top: 0.4vw; line-height: 1.75; font-size: 16px;  color: #555;}
.detal .fr img{max-width: 100% !important; height: auto !important;}
.ScCaes-bot{ width:100%; height:3.1vw; line-height:3.1vw; border-top: 1px solid #ccc; margin:3.8vw 0 0 0; font-size:16px; color:#888888;}
.ScCaes-bot a{ color:#888888;}
.ScCaes-bot a:nth-child(1){ background: url(../images/but-l.png) left center no-repeat; padding-left:1.9vw;}
.ScCaes-bot a:nth-child(2){ background: url(../images/but-r.png) right center no-repeat; padding-right:1.9vw;}

.show_txt_box{min-height: 500px; margin-top: 0;}

.show-news-li{width:calc((100% - 66px) / 4); min-width:calc((100% - 66px) / 4); height: auto; margin:0 22px 22px 0; overflow: hidden;}
.in-news-liimg{width: 100%; height:207px; transform:scale(1); overflow: hidden; transition: all .7s;}
.in-news-liimg img{width: 100%; height: 100%; object-fit: cover;}
.in-news-litxt{border-bottom: 1px solid rgba(204,204,204,.5);position: relative; transition: all .7s; padding-bottom: 15px;}
.in-news-litxt h2{width: 100%; height:45px; line-height:45px;font-size: 18px; color: #222; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; position: relative; z-index: 5; padding-top: 5px;}
.in-news-litxt p{height: calc(26px * 2); margin:0px 0 10px; color: #555; font-size: 16px; line-height:26px; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; position: relative; z-index: 5;}
.in-news-litxt span{font-size: 15px; color: #777; position: relative; z-index: 5;}
.in-news-litxt span i{margin-right: 5px;}
.in-news-litxt::before{content:''; display: block; width: 100%; height:0%; position: absolute; bottom: 0; left: 0; background:#079ce4; transition: all .7s;}
.show-news-li:nth-child(4n){margin-right: 0;}
.show-news-li:hover .in-news-litxt{padding: 0 10px 15px;}
.show-news-li:hover .in-news-litxt::before{height: 100%;}
.show-news-li:hover .in-news-litxt h2{ color: #fff;}
.show-news-li:hover .in-news-litxt p,.show-news-li:hover .in-news-litxt span{color:rgba(255,255,255,.8);}


.show-ywtxt{width: 1400px; height: auto; margin:0 auto; text-align: justify; text-align-last: center;}
.contact_tit{margin-bottom: 1.3vw;}
.contact_tit h1{height: 1.7vw; line-height: 1.7vw; font-size:24px; color: #222; font-weight: bold; overflow: hidden;}
.contact_tit div{height: 1.3vw; line-height: 1.3vw; font-size:14px; color: #555; overflow: hidden; text-transform: uppercase;}
.show-ywtxt-zn{font-size: 16px; line-height: 32px; color: #777777; font-weight: 300; margin-bottom: 30px;}

/*加入我们*/
.show-bga{background: #fff; overflow: hidden; padding: 3.6vw;}
.jion{margin-bottom: 2vw; overflow: hidden;}
.jion_tit{font-size: 0.7vw; color: #999; height: 3.5vw; line-height: 1; border-bottom:1px solid #cccccc; padding-bottom:2vw; overflow: hidden; box-sizing: content-box;}
.jion_tit .fl{text-transform: uppercase;}
.jion_tit h1{font-size: 1.2vw; color: #525252; font-weight: bold;}
.jion_tit .fr p{height: 3vw; line-height: 3vw;}
.jion_li{height: auto; overflow: hidden;}
.pg_zplih2{height: 4vw; line-height: 4vw; font-size:16px; color: #333; border-bottom:1px solid #cccccc;}
.kd{display: inline-block; width:calc(100% / 6); float: left; text-align:left; padding:0 5px; height: 4vw; line-height: 4vw; overflow: hidden;}
.kd:first-child{padding-left: 15px;}
.pg_zplitxt .up{height: 4vw; line-height: 4vw; width: 100%; border-bottom: 1px solid #ccc; font-size: 16px;}
.pg_zplitxt .upa{background: #079ce4; color: #fff; border-bottom: none;}
.middle{color:#666666; display: none; border: 2px solid #079ce4;}
.middle .fl,.middle .fr{width:50%; padding:1vw; font-size: 14px; line-height: 2;}
.email{font-size:14px; color: #666; padding:20px 1vw;}
.email span{color: #079ce4;}
.pg_zplitxt:first-child .middle{display: block;}

.list-news-li{width:calc((100% - 64px) / 3); height:300px; background: #fff; margin:0 32px 32px 0; overflow: hidden; position: relative;transition:all 1s ease 0s; border-radius: 15px;}
.list-news-li .micon{display: block; width: 30px; height: 30px; background: #dfdfdf; color: #fff; line-height: 30px; text-align: center; font-size: 15px; border-radius: 100%; position: absolute; top: 30px; right: 30px; z-index: 5; transition: all 1s ease 0s;}
.list-news-liimg{width: 100%; height: 100%; opacity:0; background: #fff; transition:all 1s ease 0s; overflow: hidden;}
.list-news-liimg img{width: 100%; height: 100%; object-fit:cover;}
.list-news-litxt{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5; padding: 80px 20px 20px; overflow: hidden; transition:all 1s ease 0s; }
.list-news-litxt h2{width: 100%; height: 30px; line-height: 30px; font-size: 20px; color: #555555; white-space: nowrap; text-overflow:ellipsis; transition:all 1s ease 0s;}
.list-news-litxt p{width: 100%; line-height:28px; font-size:14px; color: #555555; text-align: justify; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin: 26px 0; overflow: hidden; opacity: 1; transition:all 1s ease 0s;}
.list-news-litxt span{font-size: 14px; opacity: 1; transition:all 1s ease 0s;}
.list-news-li:hover{ background: #079ce4;}
.list-news-li:hover .micon{background: #fff; color: #079ce4;}
.list-news-li:hover .list-news-liimg{opacity: 1;}
.list-news-li:hover .list-news-litxt h2{color: #fff;}
.list-news-li:hover .list-news-litxt p,.list-news-li:hover .list-news-litxt span{color: rgba(255, 255, 255, .8);}
.list-news-li:nth-child(3n){margin-right: 0;}

/**/
.box { position:relative; width:800px; /*margin:0 auto;*/ padding-top:60px;}
#china-map { width:760px; height:660px; margin:auto;}
#back { position:absolute; top:10px; left:0; cursor:pointer;}
.hidden { display:none;}

.ywbt_left{flex: 1; padding:60px 0 0 50px; font-size: 16px; line-height: 1.75; color: #555; text-align: justify;}


/**/
.bg_f2{background: #f2f2f2;}
.ptb70{padding: 70px 0;}
.pt35{padding-bottom: 35px;}
/**/
/**/
@keyframes xz360 {
  from {
      -webkit-transform:rotate(0deg); /* Safari and Chrome */
      transform:rotate(0deg);
  }
  to {
      -webkit-transform:rotate(360deg); /* Safari and Chrome */
      transform:rotate(360deg);
  }
}
.xz360{
  animation-name: xz360;
}

@keyframes pg_bs {
  0% {
    -webkit-transform:translate(0,-50px); 
	transform:translate(0,-50px);
	opacity: 0;
  }
    
  25%{
    -webkit-transform:translate(0,0px); 
	transform:translate(0,0px);
	opacity:1;
  }

  100% {
    -webkit-transform:translate(0,60px); 
	transform:translate(0,60px);
	opacity:.2;
  }
}
.pg_bs {
  animation-name: pg_bs;
}

@keyframes scaleBackground {
    from {
         background-size: 100%;
    }
    to {
         background-size: 105%;
    }
}