@charset "utf-8";
body { background: #3e3a39; }
.body:before { background: rgba(0,0,0,0.5); content: ''; position: fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; }
.w-91 { width: 97%; max-width: 1840px; margin: 0 auto; }
.w-74 { width: 76%; max-width: 1410px; margin: 0 auto; }
.w-90 { width: 90%; max-width: 1730px; margin: 0 auto; }
.w-1440 { width: 91%; max-width: 1440px; margin: 0 auto; }
.w-1200 { width: 91%; max-width: 1200px; margin: 0 auto; }
.menu-box .w-74 { margin: 0; max-width: none; width: auto; }
.MenuList_f1, .language { vertical-align: middle; display: inline-block; }
.MenuList_f1 .menu li:first-child, .MenuList_f1 .menu ul.child li:first-child { margin-left: 0; }
.BannerShow_b1, #swiper-container1, #BannerShow_b1 img { height: 100%; width: 100%; }
.language1 a:hover, .NavList_a1 a:hover, .NavList_a1 .on, .PosList_a1 a:hover { color: #117ad7; }
.NavList_a1 .on:before { left: 0; width: 100%; }
.NavList_a1 a:before { background: #117ad7; }
.s5-box .w-91:before, .s4-cbox:before, .s4-tbox:before, .s2-s:before, .s6-tbox:before, .pro-left a:before { width: 0; content: ''; display: inline-block; vertical-align: middle; height: 100%; margin-left: -5px; }
.section { overflow: hidden; background: #3e3a39; }
.s3-box li a:hover>img, .NewsList_k1 li a:hover img, .news-box1 a:hover img, .pro-left a:hover img { transform: scale(1.1); }
.menu-remove { transform: translateX(-150%); opacity: 0; }
.body { height: 100%; width: 100%; position: fixed; overflow: hidden; }
.a { display: block; width: 180px; background: #117ad7; font-size: 16px; color: #fffefe; height: 75px; text-align: center; line-height: 75px; }
.a img, .a span { display: inline-block; vertical-align: middle; }
.a img { margin-left: 20px; width: 15px; transition: 0.3s ease 0s; }
.a:hover, #load_more_button:hover { background: #333; }
.a:hover img { transform: translate(5px, 0); }
div[class|=rid]>img, div[class|=rid]>video { width: 100%; }
/*loadmore*/
#load_more_button { display: none; }
#load_more_button { background: #117ad7; color: #fff; text-align: center; margin: 40px auto 0; padding: 0; line-height: 40px; width: 140px; font-size: 14px; height: 40px; min-width: 120px; }
/*banner*/
.mob.i-banner { height: 100%; }
/*down*/
.DownloadClass_a1 { position: relative; }
.DownloadClass_a1_Top, .DownloadClass_a1_Bottom { display: none; }
.DownloadClass_a1_1stGrade li { border-bottom: 1px solid #eee; }
.DownloadClass_a1_1stGrade li:last-child { border-bottom: none; }
.DownloadClass_a1_1stGrade li a { display: block; padding: 20px; }
.DownloadClass_a1_1stGrade li a:hover { background-color: #005bac; color: #fff; }
.DownloadClass_a1_1stGrade li a.on { background-color: #005bac; color: #fff; }
.DownList_a1 { }
.DownList_a1 li { border-bottom: 1px solid #ddd; }
.DownList_a1 li:last-child { border-bottom: none; }
.DownList_a1 li:hover { }
.DownList_a1 li span { font-size: 20px; }
.DownList_a1 li a { display: block; float: right; padding: 0 10px; text-align: center; background-color: #228acc; color: #fff; border-radius: 8px; font-size: 14px; }
.DownList_a1 li a:hover { background-color: #117ad7; color: #fff; }
.body:before { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 2; left: 0; top: 0; content: ''; }
/*bg*/
.bg1 .pc, .s2-box, .s3-box, .s4-box, .s5-box, .s6-box { bottom: 0; width: 100%; position: absolute; height: 100%; left: 0; z-index: 1; }
.s2-box, .s3-box, .s4-box, .s5-box, .s6-box { height: calc(100% - 100px); height: -webkit-calc(100% - 100px); }
.bg2 { background: #3e3a39; background-size: 100% 100%; }
.bg3 { background-size: 100% 100%; }
.bg4 { background: url(../images/s4-bg.jpg) no-repeat center center; background-size: 100% 100%; }
.bg5 { background: url(../images/s5-bg.jpg) no-repeat center center; background-size: 100% 100%; }
.bg6 { background: url(../images/s6-bg1.jpg) no-repeat center center; background-size: 100% 100%; }
/*主导航菜单*/
.fix { transition: 0.3s ease 0s; width: 100%; top: 0; left: 0; z-index: 2; background: #fff; position: fixed; }
.MenuList_f1 { height: 100%; line-height: 100px; }
.MenuList_f1 .container { position: relative; overflow: visible; z-index: 99; }
.MenuList_f1 .menu { display: inline-block; vertical-align: top; width: 100%; height: 100%; }
.MenuList_f1 .menu li { text-align: center; float: left; font-size: 14px; }
.MenuList_f1 .menu li h3 { font-weight: normal; display: block; }
.MenuList_f1 .menu li a.drop { padding: 0 2vw; text-transform: capitalize; z-index: 1; position: relative; display: block; color: #fff; font-size: 14px; }
.MenuList_f1 .menu li a.selected, .navhover, .stmenu h3 a.on { color: #fff !important; }
.MenuList_f1 .menu li a.drop span { }
.MenuList_f1 .menu li a.selected span, .MenuList_f1 .menu li a.navhover span, .MenuList_f1 .menu li a.drop:hover span { cursor: pointer; }
.MenuList_f1 .menu li a.navhover span, .MenuList_f1 .menu li a.drop:hover span { width: 100px; }
.MenuList_f1 .menu ul.child { text-align: center; left: 0; height: auto; z-index: 1; display: none; position: absolute; width: 100%; background: #FFF; background: rgba(255,255,255,0.96); line-height: normal; padding: 20px 0; }
.MenuList_f1 .menu ul.child li { max-width: none; float: none; margin-left: 55px; width: 100px; padding: 0px; display: inline-block; height: 40px; line-height: 40px; vertical-align: top; }
.MenuList_f1 .menu ul.child li h3 { display: block; width: 100%; }
.MenuList_f1 .menu ul.child li a { text-transform: capitalize; width: 100%; overflow: hidden; display: block; color: #fff; text-align: center; text-decoration: none; font-size: 14px; background: #3e3a39; }
.MenuList_f1 .menu ul.child li a:hover { background: #117ad7; color: #fff; }
.MenuList_f1 .menu li a.drop:after { transition: 0.3s ease 0s; content: ''; z-index: -1; bottom: 0; left: 0; background: #117ad7; height: 0px; width: 100%; position: absolute; }
.navhover:after, .stmenu h3 a.on:after { height: 100% !important; left: 0 !important; }
/*menu-box*/
.menu-box { position: relative; z-index: 2; background: #3e3a39; }
.menu-box .w-91 { text-align: center; height: 100px; margin: 0 auto 0 0; width: 98.5%; max-width: 1880px; }
.menu-box .w-74 { text-align: center; height: 100%; }
.logo-box {float:left;text-align:left;z-index:99;transition:0.3s ease 0s;width:20.36vw;top:0;left:0;height:100%;max-width:300px;}
.logo-fix { position: fixed; padding-left: 1.825%; height: auto; left: 0; }
.fix-bg { background: none; position: fixed; left: 0; top: 0; }
/*logo*/
.logo img { height: 100%; }
.logo { height: 100%; }
.logo a { display: block; width: 100%; height: 100%; }
/*menu-ico*/
.body .menu-icon span:after { transform: rotateZ(-45deg); }
.body .menu-icon span:before { transform: rotateZ(45deg); }
.body .menu-icon span { background: transparent !important; }
.body .menu-icon span:before, .body .menu-icon span:after { bottom: 0 !important; top: 0 !important; }
.menu-icon span, .menu-icon span:before, .menu-icon span:after { transition: 0.3s ease 0s; display: inline-block; height: 3px; background: #fff; content: ''; width: 40px; }
.menu-icon span:before, .menu-icon span:after { position: absolute; left: 0; }
.menu-icon span:before { top: -12px; }
.menu-icon span:after { bottom: -12px; }
.menu-icon span { position: relative; margin: 0 auto; }
.menu-i { transition: 0.5s ease 0.5s; opacity: 0; top: 0; right: -100px; overflow: hidden; width: 100px; line-height: 100px; margin-left: 0; text-align: center; position: fixed; z-index: 1; }
.menu-icon { cursor: pointer; background: #117ad7; }
.menu-i1 { transition: 0.3s ease 0.8s; opacity: 1; right: 0; }
/*language*/
.language span img { margin-left: 10px; }
.language1 a { border: 1px solid #117ad7; text-align: center; vertical-align: top; width: 80px; display: inline-block; margin: 0 10px; }
.language1 { font-size: 14px; line-height: 30px; text-align: center; margin-top: 25px; }
.language { float: right; margin-top: 38px; font-size: 14px; color: #fff; position: relative; }
.language ul { line-height: 1.6; color: #333; text-align: center; background: #fff; text-transform: uppercase; }
.language>ul a.on { background: #117ad7 !important; border-color: #117ad7 transparent #117ad7 #117ad7 !important; color: #fff !important; border-width: 1px 0 1px 1px !important; border-style: solid; }
.language>ul a { display: block; width: 34px; border-color: #ddd #ddd #ddd transparent; border-width: 1px 1px 1px 0px; border-style: solid; }
.language>ul a:hover { background: #f5f5f5; color: #117ad7; }
.language1 a:first-child { background: #117ad7; color: #fff; }
.language1 a:last-child { color: #117ad7; }
/*swiper*/
#fp-nav ul li a:before { font-size: 14px; position: absolute; left: 0; color: #117ad7; display: none; top: -20px; font-weight: bold; }
.swiper-pagination-bullet { border: 1px solid #fff; width: 8px; height: 8px; display: inline-block; border-radius: 0; background: none; opacity: 1; margin: 0 5px !important; vertical-align: top; }
.swiper-pagination-bullet-active { opacity: 1; background: #fff; }
.swiper-container-horizontal>.swiper-pagination-bullets { bottom: 50px; text-align: center; }
/*.page*/
.page { font-size: 14px; text-align: center; margin-top: 80px; }
.page span, .page a { display: inline-block; padding: 0 10px; height: 38px; line-height: 38px; border: #e6e6e6 solid 1px; color: #666; background: #e6e6e6; min-width: 18px; text-align: center; margin-right: 5px; }
.page span.cur, .page a:hover { background: #117ad7; color: #fff; border: #117ad7 solid 1px; }
.pageinfo { float: right; line-height: 28px; display: none; }
.conT { font-size: 24px; color: #009c73; }
/*photo*/
#PhotoList_i1 ul { width: 100%; vertical-align: top; display: inline-block; }
.photo .PhotoList_i1 li:hover span { color: #117ad7; }
.photo .PhotoList_i1 li:hover a { }
.photo2 .PhotoList_i1 li:hover a { background: #fff; }
.photo .PhotoList_i1 li { float: left; width: 32%; margin-right: 2%; margin-bottom: 40px; color: #666; }
.PhotoList_i1 li:nth-child(3n+3) { margin-right: 0; }
.PhotoList_i1 li span { color: #fff; margin-top: 10px; font-size: 16px; line-height: normal; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.photo .PhotoList_i1 li a { width: 100%; display: block; text-align: center; overflow: hidden; height: 35vw; max-height: 285px; }
.photo .PhotoList_i1 li a img { transition: 0.5s linear 0s; height: 100%; display: block; max-width: 100%; margin: 0 auto; }
.PhotoList_i1 li a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
/*detail*/
.detail img { width: 100%; }
.detail a:hover { opacity: 1; }
.detail a { opacity: 0.7; text-align: center; margin: 30px auto 0; width: 140px; display: block; background: #117ad7; color: #fff; font-size: 16px; line-height: 40px; border-radius: 7px; }
.detail h2 { margin-bottom: 30px; text-align: center; color: #117ad7; }
/*news_detail*/
.NewsDetail_a1 img { width: auto; max-width: 100%; margin: 15px auto !important; height: auto; }
.NewsDetail_a1 { width: 100%; }
.NewsDetail_a1 #nt { padding: 10px 0; margin-bottom: 10px; font-size: 26px; line-height: 40px; font-weight: bold; border-bottom: 1px dotted #ccc; text-align: center; letter-spacing: 1px; }
.NewsDetail_a1 #nf { width: 160px; margin: 0 auto; margin-bottom: 20px; height: 30px; line-height: 20px; }
.NewsDetail_a1 #nf em { font-size: 14px; font-style: normal; display: block; padding-top: 2px; margin-right: 2px; float: left; }
.NewsDetail_a1 #nf span.nf_on { background: #117ad7; color: #fff; }
.NewsDetail_a1 #nf span { display: block; padding: 2px; border-radius: 5px; font-size: 12px; width: 18px; margin-right: 4px; float: left; background: #999999; color: #fff; text-align: center; cursor: pointer; }
.NewsDetail_a1 .nf1, .NewsDetail_a1 .nf2, .NewsDetail_a1 .nf3 { padding-bottom: 20px; }
.NewsDetail_a1 .nf1, .NewsDetail_a1 .nf1 p, .NewsDetail_a1 .nf1 span { font-family: "微软雅黑", "Microsoft YaHei" !important; line-height: 2 !important; font-size: 16px !important; color: #fff !important; background: none !important; }
.NewsDetail_a1 .nf2, .NewsDetail_a1 .nf2 p, .NewsDetail_a1 .nf2 span { font-family: "微软雅黑", "Microsoft YaHei" !important; line-height: 2 !important; font-size: 18px !important; color: #fff !important; background: none !important; }
.NewsDetail_a1 .nf3, .NewsDetail_a1 .nf3 p, .NewsDetail_a1 .nf3 span { font-family: "微软雅黑", "Microsoft YaHei" !important; line-height: 2 !important; font-size: 20px !important; color: #fff !important; background: none !important; }
.NewsDetail_a1 #nb { padding: 10px 0px; text-align: center; color: #777; border-top: 1px dotted #ccc; font-size: 14px; }
.NewsDetail_a1 #nb a { color: #777; }
.NewsDetail_a1 #newtb { line-height: 30px; font-size: 14px; }
.NewsDetail_a1 #newskw { clear: both; font-size: 14px; font-weight: bold; margin: 10px 0; line-height: 30px; word-spacing: 1em; }
.NewsDetail_a1 #newtb em { line-height:normal; font-style: normal; display: block; width: 100%; }
.NewsDetail_a1 #newtb span { display: block; width: 100%; line-height:normal; margin-bottom:10px; }

/*留言框*/
.messages_titile { line-height: 60px; font-size: 20px; font-family: "微软雅黑"; border-bottom: solid 1px #e8e8e8; margin-top: 30px; }
.floatleft { float: left; }
.Gbook_b1 { width: 100%; display: inline-block; vertical-align: top; }
.Gbook_b1 .name { width: 31%; float: left; margin-bottom: 20px; }
.Gbook_b1 .phone { width: 31%; margin-left: 3%; float: left; margin-bottom: 20px; }
.Gbook_b1 .email { width: 31%; margin-left: 3%; float: left; margin-bottom: 20px; }
.Gbook_b1 .company { width: 100%; float: left; margin-bottom: 20px; }
.Gbook_b1 .content { width: 100%; float: left; margin-bottom: 20px; }
.Gbook_b1 .vcode { width: 35%; float: left; }
.Gbook_b1 .vcode .InputV1 { width: 280px; }
.Gbook_b1 .btn { width: 31%; float: left; margin-left: 2%; }
.InputV1 { height: 38px; width: 98%; line-height: 38px; padding: 0 10px; border: 1px solid #ddd; background-color: #e6e6e6; }
.InputV1:focus { border: 1px solid #117ad7; background-color: #fff; }
.ButtonV1 { opacity: 0.8; height: 40px; line-height: 40px; padding: 0 20px; background-color: #117ad7; color: #fff; font-size: 18px; cursor: pointer; transition: 0.3s ease 0s; }
.ButtonV1：hover { opacity: 1; }
.TextareaV1 { line-height: 150%; width: 98%; padding: 10px; border: 1px solid #ddd; background-color: #fafafa; resize: none; }
.TextareaV1:focus { border: 1px solid #117ad7; background-color: #fff; }
/*map*/
.map_a1:first-child { margin-top: 0; }
.map_a1 { width: 100%; height: 450px; border: #ccc solid 1px; font-size: 12px; margin-top: 30px; }
.map_a1 img { display: inline-block; width: auto !important; }
.map_a1 .BMap_omCtrl { display: none; }
.map_a1 .BMap_scaleCtrl { display: none; }
.map_a1 .BMap_cpyCtrl { display: none; }
.map img { transition: none; }
.map { margin: 0 auto; max-width: 1200px; width: 91%; }
/*招聘*/
.hrList_a1_item { width: 100%; margin-bottom: 40px; }
.hrList_a1_item:nth-child(3n) { margin-right: 0; }
.hrList_a1_title { font-size: 30px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: solid #ddd 1px; padding-bottom: 10px; line-height: 50px; color: #117ad7; }
.hrList_a1_button { padding: 15px 0; }
.hrList_a1_button a.more:hover { background-color: #46c53b; transition-duration: .3s; }
.hrList_a1_button a.more, .DownList_a1 li a { cursor: pointer; display: block; height: 40px; line-height: 40px; padding-left: 30px; width: 80px; color: #fff; background: url(/images/more2.png) no-repeat 12px center #117ad7; transition-duration: .3s; border-radius: 8px; font-size: 16px; }
.hrList_a1_item ul { font-size: 16px; width: 100%; display: inline-block; vertical-align: top; padding: 15px 0; border-bottom: dotted 1px #ddd; }
.hrList_a1_item ul li { width: 33%; display: inline-block; line-height: 20px; padding: 5px 0; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hrList_a1_item ul li.other { width: 100%; line-height: 22px; padding: 5px 0; color: #fff; text-overflow: inherit; white-space: inherit; }
.hrList_a1_item ul li span { display: inline-block; width: 90px; color: #fff; font-weight: bold; }
li.other>span:first-child { margin-bottom: 10px; }
.jobapply_d1 { display: inline-block; }
.jobapply_d1 .til1 { line-height: 50px; font-size: 20px; border-bottom: solid 1px #eee; margin-bottom: 20px; float: left; width: 100%; }
.jobapply_d1 .til1 span { color: #117ad7; font-weight: bold; }
.jobapply_d1 .float1 { width: 31%; float: left; margin-bottom: 20px; }
.jobapply_d1 .float2 { width: 31%; margin-left: 3%; float: left; margin-bottom: 20px; }
.jobapply_d1 .float3 { width: 100%; float: left; margin-bottom: 20px; }
.jobapply_d1 .SelectV1 { height: 38px; width: 103%; line-height: 38px; padding: 0 10px; border: 1px solid #ddd; background-color: #fafafa; }
.jobapply_d1 .vcode { width: 32%; float: left; }
.jobapply_d1 .vcode .InputV1 { width: 280px; }
.jobapply_d1 .btn { width: 31%; float: left; margin-left: 2%; }
.ButtonV1:hover { opacity: 1; }
/*s2*/
.s2-s { border-left: 1px solid #555; text-align: right; width: 98%; height: 100%; margin-left: auto; box-sizing: border-box; }
.s2-L { width: 39.1%; text-align: left; }
.s2-s>.dis-m { width: 100%; }
.s2-R { width: 60.9%; margin-left: -5px; position: relative; }
.s2-R .a { position: absolute; bottom: 0; left: -90px; }
.ResTitle_a1 em { text-transform: uppercase; font-size: 30px; font-weight: bold; }
.ResTitle_a1 { color: #fff; }
.ResTitle_a1 span { font-size: 24px; }
.s2-L p { max-height: 168px; overflow: hidden; margin: 5.5% 0 8%; font-size: 16px; color: #fff; line-height: 2; -webkit-line-clamp: 6; }
.tab:before { left: 0; position: absolute; vertical-align: middle; width: 4px; content: ''; background: #117ad7; height: 100%; top: 0; }
.tab { margin-bottom: 2vw; position: relative; padding-left: 2vw; line-height: 40px; color: #117ad7; text-transform: uppercase; height: 40px; }
.s2-LB { width: 80%; margin-left: 5.5%; }
.video-img { cursor: pointer; width: 40%; }
.video-img:hover img { transform: translate(0, -10px); }
.video-bg { z-index: 1; left: 0; width: 100%; top: 0; position: absolute; background: rgba(0,0,0,0.5); height: 100%; }
.video video { margin-left: -305.5px; margin-top: -250px; height: 500px; left: 50%; z-index: 2; position: absolute; top: 50%; }
.video { display: none; }
/*s3*/
.s3-box ul { display: inline-block; vertical-align: top; width: 100%; height: 100%; }
.s3-box li { height: 100%; position: relative; float: left; width: 33.333333%; overflow: hidden; }
.s3-T { text-transform:uppercase; z-index: 1; top: 12%; left: 12.5%; position: absolute; color: #fff; }
.s3-T img { margin-bottom: 30px; width: 50px; }
.s3-T p { font-size: 24px; transition: 0.3s ease 0s; }
.s3-T span { margin-top: 5px; display: block; text-transform: uppercase; font-size: 16px; transition: 0.3s ease 0s; }
.s3-B { padding: 7% 12.5%; background: #117ad7; color: #fff; left: 0; bottom: -40%; position: absolute; opacity: 0; transition: 0.4s ease 0s; }
.s3-B h3 { margin-bottom: 25px; text-transform: uppercase; font-weight: normal; }
.s3-B span:first-child { font-size: 24px; }
.s3-B span:last-child { font-size: 16px; margin-left: 10px; }
.s3-box li a>img { height: 100%; }
.s3-box li a:hover>img { }
.s3-B p { line-height: 2; }
/*.s3-box li a:hover img*/
.s3-box li a:hover .s3-B { bottom: 0; opacity: 1; }
.s3-box li a:hover .s3-T p, .s3-box li a:hover .s3-T span { opacity: 0; }
.s3-box li a:hover .s3-T p { transform: translate(100px, 0); }
.s3-box li a:hover .s3-T span { transform: translate(-100px, 0); }
/*s4*/
.s4-box .ResTitle_a1 { color: #222; }
.s4-cbox .PhotoList_i1 span, .s4-cbox .page, .s4-cbox .more { display: none !important; }
.s4-cbox { height: 100%; margin: 0 2.2%; }
.s4-cbox .PhotoList_i1 li:first-child { margin-left: 50%; }
.s4-cbox .PhotoList_i1 li { overflow: hidden; height: 16.7vw; float: left; width: 25%; }
.s4-cbox .PhotoList_i1 img { transition: 0.5s linear 0s; height: 100%; width: 100%; }
.s4-box .w-91 { height: 100%; }
.s4-cbox>.dis-m { width: 100%; position: relative; }
.s4-cbox .PhotoList_i1 a { width: 100%; display: block; height: 100%; position: relative; }
.s4-cbox .PhotoList_i1 a:before { content: ''; background: rgba(0,0,0,0.5); position: absolute; width: 100%; height: 100%; z-index: 1; top: 0; left: 0; }
.s4-cbox .PhotoList_i1 a:after { content: ''; position: absolute; width: calc(100% - 20px); height: calc(100% - 20px); border: 1px solid #fff; z-index: 2; top: 10px; left: 10px; }
.s4-cbox .PhotoList_i1 li h4:after { margin-top: 2vw; display: block; content: url(../images/a.png); }
.s4-cbox .PhotoList_i1 li h4 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width:90%; font-size: 24px; text-align: center; color: #fff; position: absolute; z-index: 3; top: 40%; left: 5%; font-weight: normal; }
.s4-tbox p { font-size:20px; max-height: 84px; margin-top: 25px; color: #222; line-height: 2; -webkit-line-clamp: 3; }
.s4-tbox { top: 0; width: 50%; height: 16.7vw; left: 0; position: absolute; }
.s4-bbox { position: absolute; right: 0; bottom: -30px; }
.s4-bbox a { line-height: 170px; height: 220px; width: 170px; }
.s4-bbox a:after { position: absolute; right: 70px; top: 155px; width: 16vw; height: 1px; content: ''; background: #fff; }
.s4-cbox .PhotoList_i1 a:before, .s4-cbox .PhotoList_i1 a:after, .s4-cbox .PhotoList_i1 li h4 { opacity: 0; transform: scale(0); transition: 0.5s ease 0s; }
.s4-cbox .PhotoList_i1 a:hover:before, .s4-cbox .PhotoList_i1 a:hover:after, .s4-cbox .PhotoList_i1 a:hover h4 { opacity: 1; transform: scale(1); }
/*s5*/
.s5-box .dis-m { width: 100%; }
.s5-box .ResTitle_a1 { vertical-align: top; display: inline-block; color: #fff; }
.s5-box .w-91 { border-left: 1px solid rgba(245,245,245,0.2); height: 100%; }
.s5-tbox .a { float: right; font-size: 14px; line-height: 56px; height: 56px; width: 160px; }
.s5-nbox { padding: 0 2.2%; }
.NewsList_k1 li { color: #fff; }
.s5-nimg img { height: 100%; }
.s5-nimg { overflow: hidden; max-height: 268px; height: 14vw; }
.s5-nbox .font-over2 { margin-top: 25px; -webkit-line-clamp: 3; max-height: 84px; }
.NewsList_k1 em { font-size: 12px; color: #ccc; }
.NewsList_k1 h3 { font-size: 16px; margin: 10px 0 25px; transition: 0.3s ease 0s; }
.NewsList_k1 p { font-size: 14px; line-height: 2; color: #ddd; }
.s5-tbox { margin-bottom: 2.8vw; }
.NewsList_k1 li:nth-child(4n+2) a { margin-left: 3%; }
.NewsList_k1 li:nth-child(4n+3) a { margin-left: 6%; }
.NewsList_k1 li:nth-child(4n+4) a { margin-left: auto; }
.NewsList_k1 li a { display: block; width: 91%; }
.s5-btn { text-transform: capitalize; color: #fff; text-align: center; margin-top: 4.5vw; }
.s5-btn .font-f { font-family: "宋体", SimSun; }
.s5-btn .font-f:first-child { margin-right: 20px; }
.s5-btn .font-f:last-child { margin-left: 20px; }
.s5-btn>span { margin: 0 30px; }
.NewsList_k1 li a:hover h3 { color: #41a8fe; }
.s5-prev:hover, .s5-next:hover { color: #41a8fe; }
/*s6*/
.s6-left { top: 0; left: 0; position: absolute; width: 45%; height: 100%; }
.s6-right dd { font-size: 12px; color: #999; margin-bottom: 10px; }
.s6-left .map_a1 { height: 100%; border: 1px solid #e5e5e5; }
.s6-tbox>.dis-m { overflow: hidden; width: 100%; max-height: 100%; }
/* .s6-box .bg6 { position: relative; width: 100%; height: calc(100% - 40px); } 20200408 修改友情链接高度备份 */
.s6-box .bg6 { position: relative; width: 100%; height: calc(100% - 40px); }
.s6-right dt { font-size: 16px; color: #fff; }
.bg6 .w-91 { height: 100%; }
.s6-tbox { padding: 0 2.2%; height: 100%; }
/* .footer-B { font-size: 12px; height: 40px; color: #fff; clear: both; width: 100%; background: #117ad7; line-height: 40px; } 20200408 修改友情链接高度备份*/
.footer-B {padding-top: 10px; font-size: 12px; height: 40px; color: #fff; clear: both; width: 100%; background: #117ad7; line-height: 1.8; }
.footer-BW { width: 98%; max-width: 1760px; margin: 0 auto; }
.footer-BL, .footer-BL li { float: left; }
.footer-BR {text-align:center;}
.footer-BR img { display: inline-block; vertical-align: middle; }
.footer-BR span { vertical-align: top; }
.footer-BR a { display: inline-block; vertical-align: top; }
.footer-BL li:first-child { border: none; }
.footer-BL li { margin-left: -5px; border-left: 1px solid #fff; padding: 0 15px 0 10px; line-height: normal; display: inline-block; vertical-align: middle; float: none; }
.footer { text-align: center; }
.s6-right { margin-left: 10%; width: 45%; }
dl.dis-t:nth-of-type(2n) { width: 50%; margin-right: 12%; max-width: 270px; }
dl.dis-t:last-child { width: 100%; margin-right: 0; max-width: none; }
dl.dis-t:last-child img { width: 30%; max-width: 120px; }
.s6-right .ResTitle_a1 { margin-bottom: 3.5vw; color: #fff; }
dl.dis-t { margin-top: 1.8vw; width: 40%;display:block; /*display: inline-block;*/ }
.s6-right dt a img { vertical-align: top; display: inline-block; transition: 0.3s ease 0s; }
.s6-right dt:not(:first-child) { margin-top: 10px; }
.s6-right dt a:hover img { transform: translateY(-3px); }
/*nav*/
.nav { overflow: hidden; background: #494645; }
.NavList_a1 { width: 92%; max-width: 1200px; margin: 0 auto; }
.NavList_a1 li:first-child { margin-left: 0; }
.NavList_a1 li { width: auto; margin-left: 60px; vertical-align: top; display: inline-block; }
.NavList_a1 a { text-transform:capitalize; padding: 30px 0; color: #fff; display: block; }
/*section*/
.section-box { width: 92%; max-width: 1200px; margin: 80px auto 110px; }
.ResTitle_a3 span { margin-right: 10px; color: #fff; vertical-align: text-bottom; font-size: 36px; }
.ResTitle_a3 br { display: none; }
.ResTitle_a3 em { font-size: 18px; color: #999; text-transform: capitalize; }
.ResTitle_a3 em:before { content: '/ '; }
.ResTitle_a3:before { margin-right: 20px; background: #117ad7; height: 40px; content: ''; display: inline-block; width: 6px; }
.location img, .PosList_a1 { display: inline-block; vertical-align: middle; }
.PosList_a1 { text-transform:capitalize; color: #999; font-size: 12px; }
.page-title { position: relative; }
.location { right: 0; bottom: 0; position: absolute; }
.location img { margin-right: 5px; }
.p-box { margin-top: 60px; color: #fff; font-size: 18px; line-height: 2; }
.rid-34 img { margin-top: 40px; }
/*rid36*/
.rid-36 dl { padding: 30px 0; border-bottom: 1px dashed #ddd; }
.rid-36 dd { margin-right: 50px; line-height: normal; display: inline-block; font-size: 24px; color: #117ad7; vertical-align: middle; }
.rid-36 dt { width:83%; vertical-align: middle; font-size: 16px; display: inline-block; }
.rid-36 dd:after { border-color: transparent transparent transparent #117ad7; border-width: 5px 0 5px 6px; margin-left: 15px; vertical-align: middle; }
/*news*/
.news-box1 ul { display: inline-block; width: 100%; vertical-align: top; line-height: normal; }
.news-box1 li:nth-child(3n+1) { margin-left: 0; }
.news-box1 li { margin-bottom: 40px; margin-left: 2%; width: 32%; float: left; }
.news-box1 li a { background: #e6e6e6; padding: 25px 10px; display: block; height: 60vw; max-height: 400px; }
.news-date { color: #999; transition: 0.3s ease 0s; font-size: 12px; }
.news-title { width: 100%; margin: 10px 0 25px; font-weight: normal; font-size: 18px; color: #333; transition: 0.3s ease 0s; overflow: hidden; display: block; line-height: 1.3; height: 46px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news-img1 { width: 100%; overflow: hidden; max-height: 200px; }
.news-detail { font-size: 14px; margin-top: 25px; height: 72px; line-height: 1.7; color: #666; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; transition: 0.3s ease 0s; }
.news-box1 li a:hover { background: none; }
.news-box1 li a:hover .news-detail { color: #fff; }
.news-box1 li a:hover .news-title { color: #117ad7; }
.news-box1 li a>div { width: 100%; }
/*photo1*/

.photo.photo1 .PhotoList_i1 li a:before, .photo h4 { display: none; }
.photo.photo1 .PhotoList_i1 li a img { max-width: 100%; max-height: 100%; }
/*57*/
.rid-57 dl { margin-bottom: 30px; border-bottom: 1px dashed #ddd; padding-bottom: 30px; }
.rid-57 dd { font-size: 20px; color: #117ad7; font-weight: bold; margin-bottom: 10px; }
.rid-57 dd:after { width: 19px; margin-left: 10px; content: url(../images/ico1.png); }
.rid-57 p { font-size: 30px; color: #117ad7; line-height: normal; }
/*news-detail*/
#nc h1 { display: none; }
/*68*/
.about-title { padding-bottom: 2vw; }
.about-title span:first-child { color: #117ad7; font-size: 30px; font-weight: bold; }
.about-title span { text-transform: capitalize; display: block; }
.about-title span:last-child { line-height: normal; font-size: 16px; }
.rid-68>ul li:nth-child(2n+1) { margin-left: 0; }
.rid-68>ul li { font-size: 18px; display: inline-block; vertical-align: top; width: 48%; margin: 10px 0 10px 2%; }
.rid-68 img { width: 20px; vertical-align: middle; display: inline-block; margin-right: 15px; }
.rid-68 li span { width: 88%; width: calc(100% - 35px); display: inline-block; vertical-align: top; }
/*.rid-68 { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #ddd; }*/
/*classb1*/
.ClassList_b1 { margin-top: 60px; text-transform:capitalize; }
.ClassList_b1 ul { text-align: center; }
.ClassList_b1 li:first-child { margin-left: 0; }
.ClassList_b1 li { text-align: center; width: auto; margin-left: 15px; display: inline-block; vertical-align: top; }
.ClassList_b1 a { background: #333; color: #fff; white-space: nowrap; box-sizing: border-box; border: 1px solid #ddd; width: 180px; display: block; line-height: 55px; height: 55px; overflow: hidden; text-overflow: ellipsis; }
.ClassList_b1 a:before { background: #117ad7; }
.ClassList_b1 a:hover, .ClassList_b1 li.on a { border-color: #117ad7; color: #fff; }
.ClassList_b1 li.on a:before { width: 100%; }
/*49*/
.rid-49>ul>li:nth-child(4n+1) { margin-left: 0; }
.rid-49>ul>li { z-index: 1; position: relative; overflow: hidden; margin-bottom: 2.5%; margin-left: 3.33%; padding:1%; background: #e6e6e6; height: 12.5%; width:20%; display: inline-block; vertical-align: top; transition: 0.3s ease 0s; }
.pro-left { text-align: center;}
.pro-left a { overflow: hidden; height: 100%; width: 100%; display: block; }
.pro-left img { transition: 0.5s linear 0s; display: inline-block; vertical-align: middle; max-height: 100%; max-width: 100%; width: auto; height: auto; }
.pro-right { margin-top: 3%; width:100%;text-align:center;}
.pro-right h3 { color: #333; height: 46px; font-size: 18px; font-weight: normal; line-height: 1.3;}
.pro-right ul { display: inline-block; vertical-align: top; width: 100%; }
.pro-right li { margin-bottom: 12px; font-size: 14px; color: #666; float: left; width: 50%; line-height: normal; }
/*.pro-right li:nth-child(2n+2) { width: auto; }*/
.pro-right li :before { transition: 0.3s ease 0s; border-color: transparent transparent transparent #999; vertical-align: middle; }
.pro-right li span { vertical-align: middle; display: inline-block; width:calc(100% - 22px);}
.rid-49>ul>li:hover { background: #117ad7; }
.rid-49>ul>li:hover a { color: #fff; }
.rid-49>ul>li:hover a:before { border-color: transparent transparent transparent #fff; }
.pro-left a:before { margin-left: 0; }
.pro-right li a:hover:before { margin-right: 10px; }
.pro-right li:nth-child(5), .pro-right li:nth-child(6) { margin-bottom: 0; }
/*.rid-49>ul>li:before { z-index: -1; position: absolute; top: 0; right: 0; content: ''; border-style: solid; border-color: #117ad7 #117ad7 transparent transparent; border-width: 96px 185px 95px 186px; }
.rid-49>ul>li:after { z-index: -1; position: absolute; top: 0; left: 0; content: ''; border-style: solid; border-color: transparent transparent #117ad7 #117ad7; border-width: 95px 185px 95px 185px; }
.rid-49>ul>li:before,.rid-49>ul>li:after{opacity:0; transition:0.3s ease 0s;}
.rid-49>ul>li:before{transform:translate(20px,0);}
.rid-49>ul>li:after{transform:translate(-20px,0);}
.rid-49>ul>li:hover:before,.rid-49>ul>li:hover:after{transform:translate(0,0); opacity:1;}*/

/*表面处理*/
#expCL img:not(:first-child) { display: none; }
#expCL img { max-width: 100%; }
#exC li>div { cursor: pointer; }
#exC li { font-size: 14px; width: auto; }
#exC { border-top: 1px solid #eee; padding-top: 30px; }
#exC li.on { color: #117ad7; }
.C2-btn { margin-top: 30px; }
.C2-btn a.C2-prev { margin-right: 20px; }
.C2-btn a { vertical-align: middle; font-size: 24px; font-family: "宋体", SimSun; font-weight: bold; }
.C2-btn span { color: #117ad7; font-size: 16px; vertical-align: middle; }
.C2-btn a.C2-next { margin-left: 20px; }
.b1-bg { display: none; width: 100%; position: fixed; height: 100%; background: rgba(0,0,0,0.8); top: 0; left: 0; z-index: 2; }
.b1-icon { line-height: 35px; padding: 5px; text-align: center; background: #117ad7; position: fixed; bottom: 10px; z-index: 3; right: 10px; border-radius: 50%; width: 35px; height: 35px; }
.b1-icon img { width: 20px; display: inline-block; vertical-align: middle; }
/*产品详情*/
.pro-detail .ClassList_b1 a:before { width: 100%; }
.pro-detail .ClassList_b1 a { border: none; width: 120px; height: 40px; line-height: 40px; color: #fff; }
.pro-detail .ClassList_b1 ul { text-align: left; }
.pro-detail .ClassList_b1 a:hover, .pro-detail .ClassList_b1 a.on { transform: translateY(-5px); }
.pro-v { text-align: center; z-index: 3; display: none; margin-top: -250px; height: 500px; position: fixed; width: 50%; top: 50%; left: 25%; }
select.float-R { margin-top: 60px; color: #333; padding: 8px 15px; border: 1px solid #117ad7; font-size: 14px; }
.pro-v iframe { height: 100%; width: 100%; }
/*service*/
.slide {    top: 100px; height:448px; transition: 0.5s ease 0s; z-index: 2; margin-bottom: -244px; line-height: 1.7; font-weight: bold; color: #117ad7; font-size: 16px; background: #3e3a39;position: fixed; left: 0; border-radius: 0; text-align: center; padding: 20px; }
.slide>img { width: 110px; margin: 15px auto 0; }
.slide>span { display:block; margin-top:10px; color: #fff; line-height: normal; font-size: 14px; font-weight:normal;}
.slide.on>img, .slide.on>span, .slide.on>p { display: none; }
.slide>i { cursor: pointer; display: none; width: 22px; padding: 10px 9px; }
.slide>i img { width: 100%; }
.slide.on>i { display: block; }
.slide.on a { display: none; }
.slide.on { top:auto; margin-bottom: 0; background: #117ad7; left:10px; bottom: 55px; width: 40px; height: 40px; border-radius: 50%; padding: 0; }
.slide a { display: block; transition: 0.3s linear 0s; margin-top: 15px; cursor: pointer; background: #117ad7; border-radius: 11px; width: 100%; height: 22px; color: #fff; font-family: "宋体"; font-size: 12px; line-height: 22px; }
.slide a:hover { opacity: 0.7; }
/*.slide div:after { transform: rotateZ(-45deg); }
.slide div:before { transform: rotateZ(45deg); }
.slide div:before, .slide div:after { left: 5px; top: 10px; position: absolute; content: ''; width: 12px; height: 1px; background: #fff; }*/

/*rid62*/
.rid-62 h3 { color: #117ad7; font-size: 36px; margin-bottom: 25px; }
.rid-62 p:before { content: ''; width: 10px; height: 10px; display: inline-block; vertical-align: middle; background: #fff; border-radius: 50%; margin-right: 15px; }
.rid-62 p { margin-top: 15px; font-size: 16px; }
@media screen and (min-width: 1200px) {
}


#pbpage_68 .about-title {padding-bottom: 2vw;}
#pbpage_68 .list-paddingleft-2 .mw-100 {width: 20px;vertical-align: middle;display: inline-block;margin-right: 15px;max-width: 100%;}
#pbpage_68 ul li:nth-of-type(even) {font-size: 18px;display: inline-block;vertical-align: top;width: 48%;margin: 10px 0 10px 2%;}
#pbpage_68 ul li:nth-of-type(odd) {font-size: 18px;display: inline-block;vertical-align: top;width: 48%;}
#pbpage_68 .list-paddingleft-2 {padding-left: 0px;}






    .cr{clear:both;}
    .ws_pro_info{width:1150px;margin:auto;padding:20px 25px;background-color:white;}
        .ws_pro_img{float:left;width:400px;height:300px;border: 1px solid #ccc;}
            .ws_pro_img img{width:400px;height:300px;}
        .ws_pro_title{float:right;width:700px;height:260px;padding:20px 0 20px 10px;text-align:left;}
            .ws_pro_title h2{font-size:24px;line-height:40px;font-weight:normal;color:black;}
            .ws_pro_title h3{font-size:24px;line-height:50px;font-weight:normal;color:#555;margin-top:20px;}
            .ws_pro_title p{font-size:16px;line-height:30px;margin:10px 0;text-align:left;color:#777;}
            .ws_pro_title_contact{font-size: 20px;color:#333;line-height:36px;}

    .ws_pro_content_title{text-align:left;margin:30px 0 0 0;}
    .ws_pro_content_title_h3{background-color:#117ad7;color:#fff;font-size:16px;line-height:40px;padding-left:20px;margin-bottom:10px;}
    .ws_pro_content{padding:0;line-height:30px;color:#333;}
        .ws_pro_content img{max-width:100%;margin:10px auto;display:block;}

        .news_back{text-align: center;margin:50px 0 80px 0;}
        .news_back a{margin:auto;padding:12px 30px;background-color: #333;color: #fff;font-size: 15px;border-radius:5px;transition:background 1s;-moz-transition:background 1s;-webkit-transition:background 1s;-o-transition:background 1s;text-decoration: none;}
        .news_back a:hover{background-color:#106bc8;color:#fff;}