@charset "utf-8";
/* website */
.layui-layer{max-width: 640px; border-radius: 20px;}
.layer_form{width: 100%; background: #FFF; border-radius: 5px; padding: 20px; box-sizing: border-box;}
.layer_form .s_title{font-size: 30px; font-family: RobotoCondensed-Bold;line-height: 40px; text-align: center; color: #333; padding-bottom: 15px;}
.layer_form label{display: block; padding: 10px 0;}
.layer_form label input,.layer_form label textarea{display: block; border:1px solid rgba(0,0,0,0.15); background: #FAFAFA; padding: 15px; box-sizing: border-box; width:100%; font-size: var(--f16); border-radius: 5px;}
.layer_form label button{height:50px; background: var(--bgcolor-b1); border:none; border-radius: 25px; color:var(--fcolor-a0); font-size: 1.8rem; line-height: 50px; width:100%; margin: 15px auto;}
.layer_form label button:hover{ background: var(--bgcolor-b2);}

.container{width:100%; max-width:1400px; margin: 0 auto;}
.container_max{width:100%; margin: 0 auto;}
.container_plus{width:98%; max-width:1800px; margin: 0 auto;}
.container_bg0{background: var(--bgwhite-095);}
.container_bg1{background: #EEE;}
.container_bg2{background: rgba(0,0,0,0.025);}

.topbar{width: 100%; height: 80px; position:fixed; left:0; top:0; z-index: 99999; box-shadow: 5px 5px 10px rgba(0,0,0,0.15);}
.topbar .container_max{display: flex;}
.topbar_clear {height: 80px;}
.site_logo{padding: 25px 0 0 35px;}
.site_logo img{display: block; height:auto; margin: 0; height:30px;}
.site_nav_main{margin-left:60px; display: flex;}
.site_nav_main ul{list-style: none; padding:0 50px 0 0; box-sizing: border-box;}
.site_nav_main ul li.m{float: left; position: relative; padding-right:15px; margin-right:25px;}
.site_nav_main ul li:last-child.m{ margin-right:0;}
.site_nav_main ul li.m h3{font-size: var(--f16); line-height: 80px; font-weight: normal;}
.site_nav_main ul li.m h3.mactive,.site_nav_main ul li.m h3.mactive a{color:#C5000B; text-decoration: underline;}
.site_nav_main ul li.m h3 a{display: block; font-family: IBMPlexSans-Bold; text-decoration: none;}
.site_nav_main ul li.m h3 a:hover{color: #C5000B;}
.site_nav_main ul li .m_arrow_box1{background: url(../images/arrow_down.png) no-repeat right center; padding-right: 15px;}
.site_nav_main ul li .m_arrow_box2{background: url(../images/arrow_down_null.png) no-repeat right center; padding-right: 0;}
.site_nav_main ul li .sub{background: #EEE; list-style: none; display: none; width:245%; padding:0; position:absolute; left:0; top:80px; z-index: 9999999;}
.site_nav_main ul li .sub li{display: block; font-size: var(--f16); border-bottom:1px dashed rgba(0,0,0,0.25); font-family: IBMPlexSans-Bold;}
.site_nav_main ul li .sub li a{display: block; line-height: 16px; top:85px; padding: 17px 10px;}
.site_tools_main{margin-right:0; margin-left:auto;}
.site_tools_main ul{display: flex; width: 100%; list-style: none;}
.site_tools_main ul li{line-height: 80px;}
.site_tools_main ul li a{display: block; text-decoration: none; width:100%; height: 80px; padding:0 20px 0 35px; box-sizing: border-box;}
.icon_tools_a{background: url(../images/top_icon_tel.png) no-repeat 10px center;}
.icon_tools_b{background: #FFF url(../images/top_icon_email.png) no-repeat 10px center;}
.icon_tools_c{background: #000 url(../images/top_icon_language.png) no-repeat 10px center;}
.icon_tools_c a{color: #FFF;}
.icon_tools_d{background: #C5000B url(../images/top_icon_search.png) no-repeat 10px center;}
.icon_tools_a,.icon_tools_c{padding-left:15px;}

.site_mobile_menu{display: none;}
.visible-xs-block{display: block;}

.mo-leftmenu{background:#F7F7F7;position:fixed;top:0;left:-1px;z-index:99999999;overflow-x:hidden;box-sizing:content-box;width:85vw; height:100vh;-webkit-overflow-scrolling:touch;-webkit-transition:all .4s cubic-bezier(0.7,0,0.2,1);-ms-transition:all .4s cubic-bezier(0.7,0,0.2,1);transition:all .4s cubic-bezier(0.7,0,0.2,1);-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);}
.mo-leftmenu .tit{height:60px;line-height:60px;background:#000;}
.mo-leftmenu .tit h6{float:left;color:var(--fcolor-a0);padding:0 0 0 20px;font-size:var(--f18);font-weight:normal;}
.mo-leftmenu .tit span{float:right;cursor:pointer;width:65px;text-align:center;color:#fff;font-size:16px; font-family: Ubuntu-Regular;}
.mo-leftmenu > ul{}
.mo-leftmenu > ul > li{line-height:50px;font-size:var(--f16);border-top:2px solid #e5e5e5;position:relative;}
.mo-leftmenu > ul > li > a{padding:0 0 0 20px;}
.mo-leftmenu > ul > li > i {position:absolute;color:#333;width:50px;height:50px; right:0; top:0; text-align:center;cursor:pointer; background: #F7F7F7 url("../images/arrow_down.png") no-repeat center center;}
.mo-leftmenu > ul > li.active{}
.mo-leftmenu ul li a{color:#333;display: block;}
.mo-leftmenu ul li a:hover{text-decoration: none;}
.mo-leftmenu ul li ul{display:none;padding-bottom:8px;}
.mo-leftmenu ul li ul li{line-height:35px;}
.mo-leftmenu ul li ul li a{background:url(../images/top_mini_nav_arrow.png) no-repeat 25px center;padding:0 0 0 40px;}

.menu-transitioning{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);box-shadow:10px 0 30px rgba(0,0,0,0.25);}

.site_banner{height: calc(100vh - 80px); overflow: hidden; margin-top:80px;}
.index_banner {width: 100%; height:100%; margin: 0 auto;position: relative;}
.index_banner .bd { height:100%;margin: 0 auto;position: relative;z-index: 0;overflow: hidden;}
.index_banner .bd ul {width: 100% !important; height:100%;}
.index_banner .bd li {width: 100% !important; height:100%;overflow: hidden;text-align: center; position: relative;}
.index_banner .bd li img{display: block; height:100%; margin:0 auto;transition: all 1s;transform: scale(1); object-fit: cover;}
.index_banner .bd li video{width:100%; height:100%; object-fit: cover;}
.index_banner .bd li.on img{transform: scale(1.06);width: 100%;}
.index_banner .bd li .vmask{width:100%; height:100%; position: absolute; left:0; top:0; background: url(../images/vmask_bg.png) repeat 0 0;z-index: 999999; display: flex; align-items: center;}
.index_banner .hd {width: 100%;position: absolute;z-index: 1;bottom: 10px;left: 0;text-align: center;}
.index_banner .hd ul {text-align: center;}
.index_banner .hd ul li {cursor: pointer;display: inline-block;*display: inline;zoom: 1;width: 12px;height: 12px; border-radius:8px; margin: 5px;background:rgba(255,255,255,0.5); text-indent: -99999px; overflow: hidden; border:2px solid rgba(255,255,255,0.8);}
.index_banner .hd ul .on {background:rgba(255,255,255,0.8);border:2px solid rgba(255,255,255,1.0);}
.vhidden{display: none;}
.vTextA{width:100%; text-align: center; color: #FFF; text-shadow: 2px 2px 2px rgba(0,0,0,0.35);}
.vTextA h3{font-size: var(--f40); letter-spacing: 1px;}
.vTextA h3 span{background: #C5000B; padding: 8px 10px 6px 10px;}
.vTextA p{font-size: var(--f24); line-height: calc(var(--f24) + 15px); padding-top: 35px; letter-spacing: 4px;}
.vTextA p strong{border-bottom: 1px solid #FFF;font-size: var(--f30);}
.panel_box_hd{padding:0 20px; text-align: center;}
.panel_box_hd h4{font-size: var(--f14); line-height:20px; color:var(--bgblack-2); font-family: Roboto-Bold; padding: 9px 0;}
.panel_box_hd h3{font-size: var(--f32); line-height:calc(var(--f32) + 4px); color:var(--fcolor-a2); font-family: IBMPlexSans-Bold; padding: 15px 0; font-weight: bold;}
.panel_box_hd h5{font-size: var(--f24); line-height:calc(var(--f24) + 4px); font-family: IBMPlexSans-Bold; padding: 15px 0; font-weight: bold;}
.panel_box_hd p{font-size: var(--f16); line-height:calc(var(--f16) + 4px); color:var(--fcolor-b3);padding: 9px 80px;}
.panel_box_hd p.p2{padding:9px 0;}
.panel_box_hd p.p3{ background: url(../images/line_t.png) no-repeat center bottom; padding-bottom: 25px;}
.panel_box_hd h4{font-weight: normal;}
.panel_box_bd{}

.page_main_btn{width:160px; margin: 0 auto; box-sizing: border-box;}
.page_main_btn a{display:block; text-align: center; text-decoration: none; border-radius: 2px; display: block; font-family: IBMPlexSans-Bold; font-size: var(--f18); line-height:40px; color: var(--fcolor-a0); border: 2px solid var(--bgwhite-5); background: var(--bgwhite-2);}
.page_main_btn a:hover{border: 2px solid var(--bgwhite-7);}

.index_main_btn{width:160px; margin: 0 auto; box-sizing: border-box;}
.index_main_btn a{display:block; text-align: center; text-decoration: none; border-radius: 2px; display: block; font-family: IBMPlexSans-Bold; font-size: var(--f18); line-height:40px; color: var(--bgcolor-b1); border: 2px solid var(--bgcolor-b1); background: var(--bgwhite-2);}
.index_main_btn a:hover{border: 2px solid var(--bgcolor-b2);}

.choose_box_mobile{display: none;}
.choose_box{position: relative;}
.choose_box .chd{position: absolute; width: 100%; left:0; top:0; padding: 65px 0;}
.choose_slide{position: relative;}
.choose_slide .bd{ height:100%;}
.choose_slide .bd ul{display: block;overflow:hidden;}
.choose_slide .bd ul li{width:100%; height:100%;}
.choose_slide .bd ul li img{width: 100%; display: block; margin: 0 auto; transition: all 1s;transform: scale(1);}
.choose_slide .bd ul.on li img{transform: scale(1.06);width: 100%;}
.choose_slide .hd{position: absolute; left:0; top:0; width:100%; height:100%;}
.choose_slide .hd ul{display: block;overflow:hidden; display: flex; height:100%;}
.choose_slide .hd ul li{width:33.333%;  height:100%;box-sizing: border-box; border-right: 1px solid var(--bgwhite-5); cursor: pointer; position: relative; background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.15));}
.choose_slide .hd ul li:last-child{border-right: none;}
.choose_slide .hd ul li .s_content{position: absolute; width:82%; left:9%; bottom:0; color: var(--fcolor-a0); padding:0 0 20px 0; text-align: center;}
.choose_slide .hd ul li .s_content a{display: block; height:100%; text-decoration: none;}
.choose_slide .hd ul li .s_content h3{font-size: var(--f20); font-weight: normal; padding:25px 0;}
.choose_slide .hd ul li .s_content p{display: none; line-height: calc(var(--f16) + 2px);}
.choose_slide .hd ul li.on{background-image: linear-gradient(rgba(197,0,11,0),rgba(197,0,11,0.9));}
.choose_slide .hd ul li.on .s_content p{display: block;}
.choose_slide .hd ul li.on a,.choose_slide .hd ul li .s_content a:hover{color: #FFF;}

.index_solutions{height:690px; background: #F7F7F7 url(../images/index_map.png) no-repeat center bottom; display: flex; align-items: center;}
.index_solutions_list ul{list-style: none; width: 100%; display: flex; padding: 35px 0 0 0;}
.index_solutions_list ul li{width:18%; margin-right: 2.5%; text-align: center;background: url(../images/index_solution_bg.png) no-repeat center center; background-size: 100% 100%;}
.index_solutions_list ul li:last-child{margin-right: 0; margin-left: auto;}
.index_solutions_list ul li a{display: block; padding:25% 15% 10% 15%;}
.index_solutions_list ul li a img{display: block; width:75%; margin: 0 auto;}
.index_solutions_list ul li a span{display: block; padding: 15px 0 10px 0;}

.index_about{position: relative; display: flex; padding: 40px 0 80px 0; background: #F7F7F7;}
.index_about .a_l{width:50%; height:100%;}
.index_about .a_r{width:50%; height:100%;}
.index_about .a_l>img,.index_about .a_r>img{display: block; width:100%; height: 500px; object-fit: cover; border-radius: 25px 0 0 0;}
.index_about .a_l img{margin: 0 auto 0 0;}
.index_about .a_r img{margin: 0 0 0 auto;}
.index_about .about_x{position: absolute; top:0; left:0; width:100%; height:100%;}
.index_about .about_x .container{height:100%; display: flex; padding: 40px 0 80px 0; box-sizing: border-box;}
.index_about .box_bd{width:50%; padding:10px 100px 0 0; box-sizing: border-box;}
.index_about .box_bd .panel_box_hd{padding:0; text-align: left;}
.index_about .box_bd .panel_box_hd h3{color: #111;}
.index_about .box_bd .panel_box_hd p{padding: 5px 0; line-height: 1.75;}
.index_about .box_bd .index_main_btn{margin: 25px 0 0 0;}

.index_news{position: relative; padding: 70px 0 100px 0;}
.index_news_flex{display: flex; padding-top: 45px;}
.index_news_flex .n_l,.index_news_flex .n_r{width:48%;}
.index_news_flex .n_l{background: #C5000B;}
.index_news_flex .n_l a{display: block; text-decoration: none; color: #FFF;}
.index_news_flex .n_l a img{display: block; min-height: 450px; width:100%; object-fit: cover;}
.index_news_flex .n_l a div{height: 150px; overflow: hidden; padding: 30px; box-sizing: border-box;}
.index_news_flex .n_l a div h3{font-size: var(--f24); padding-bottom: 30px;}
.index_news_flex .n_l a div p{font-size: var(--f14);}
.index_news_flex .n_r{margin-right:0; margin-left:auto;}
.index_news_list{display: block; list-style:none; width: 100%;}
.index_news_list li{height:118px; border-bottom: 2px solid #E6E6E7;}
.index_news_list li:last-child{border-bottom: 2px solid #FFF;}
.index_news_list li a{display: block; background: #FFF; height:118px; display: flex; align-items: center; text-decoration: none;}
.index_news_list li a:hover{background: #F7F7F7;}
.index_news_list li a dl{width:100%; box-sizing: border-box; padding: 15px 5px; display: flex; align-items: center;}
.index_news_list li a dl dt{width:100px; border-right: 1px solid #E6E6E7; text-align: center; color: #9F9F9F;}
.index_news_list li a dl dt p{font-size: var(--f48);}
.index_news_list li a dl dd{width:calc(100% - 120px); text-align: left; margin-right:0; margin-left:auto;}
.index_news_list li a dl dd h4{font-size: var(--f20); padding: 5px 0;}
.index_news_list li a dl dd p{font-size: var(--f14); color: rgba(0,0,0,0.45); padding: 10px 0;}
.index_news_list li a:hover dl dt p{color: #C5000B;}

.site_footer{background: #333; background-size: 100% 100%;}
.site_footer .container{display: flex; height:100%; color: var(--bgwhite-7); font-size: var(--f14);}
.site_footer .a_l{width:calc(100% - 121px); height:100%;}
.site_footer .a_r{width:120px; height:100%; margin-right: 0; margin-left: auto; padding:40px 0 55px 0; font-size: var(--f14); text-align: center;}
.site_footer .a_r p{line-height: 1.95;}
.site_footer .a_r > img{width:100%; max-width:100%; height:auto;}
.footer_link{display: flex;}
.link_l{width:68%; padding:40px 25px 35px 0; box-sizing: border-box; display: flex;}
.link_r{width:32%; padding:40px 45px 35px 0; box-sizing: border-box;margin-right: 0; margin-left: auto;}
.footer_dl{width:25%; text-align: left; padding:0;}
.footer_dl dt{font-size: var(--f24); font-family: IBMPlexSans-Bold;color:var(--fcolor-a0); padding:5px 0;}
.footer_dl dd{padding:9px 0 3px 0; color:var(--fcolor-a0); line-height: 1.75;}
.footer_ul{}
.footer_ul li{font-size: var(--f14);}
.footer_ul li a{text-decoration: none;color:var(--fcolor-a0); line-height: 26px;}

.footer_copyright{background: #1A1A1A; color: var(--bgwhite-7); font-size: var(--f14); padding: 23px 0; text-align: left;}
.footer_copyright a{color: var(--bgwhite-5);}

@media only screen and (max-width: 1600px) {
	.site_nav_main ul li.m{margin-right:25px;}
}
@media only screen and (max-width: 1440px) {
    .container{width:1280px;}
	.site_nav_main ul{padding:0 10px 0 0;}
	.site_nav_main ul li.m {margin-right:15px;}
	
}
@media only screen and (max-width: 1280px) {
    .container{width:1080px;}
    .container_plus{width:98%; max-width:1080px; margin: 0 auto;}
	.site_logo {padding: 27px 0 0 0;}
	.site_logo img{height:33px;}
	.site_nav_main ul li.m {margin-right:10px;}
	.site_nav_main ul li.m h3{font-size: var(--f15);}

	.index_about .box_bd .index_main_btn{margin: 20px 0 0 0;}
}
@media only screen and (max-width: 1024px) {
	.container{width:100%;}
	.topbar{width: 100%; height: 65px; position: fixed;left:0;top:0; z-index: 999;  box-shadow: 5px 5px 10px rgba(0,0,0,0.15);}
	.topbar_clear {height: 65px;}
	.site_logo{padding:17px 0 0 10px;}
	.site_logo img{display: block; height:29px;}
	.site_nav_main,.site_tools_main{display: none;}

	.site_mobile_menu{position: absolute; width:45px; height: 45px; right: 10px; top:10px; display: block; z-index: 999999;}
	.site_mobile_menu a{display: block; height:100%; background: url(../images/nav_icon.svg) no-repeat center center; background-size: 80%;}

	.site_banner{height:45vh;}

	.site_footer{}
	.site_footer .container{display: block;}
	.footer_copyright .container{display: block; padding: 5px 15px; text-align: center; box-sizing: border-box; line-height: 1.45;}
	.site_footer .a_l{width:100%;}
	.site_footer .a_r{display: none;}
	.footer_link{display: block; padding:0 20px;}
	.link_l{width:100%; padding:15px 0;flex-direction: row;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;align-content: stretch;align-content: flex-start;align-content: center;align-content: flex-end;align-content: space-between;align-content: space-evenly;align-content: space-around;}
	.link_l .footer_dl{width: 50%; padding-top:15px;}
	.link_r{width:100%; padding:15px 0;}
	
	.panel_box_hd{padding:0 20px; text-align: center;}
	.panel_box_hd h4{padding: 5px 0;}
	.panel_box_hd h3{padding: 10px 0; font-size: var(--f28); line-height: calc(var(--f28) + 2px);}
	.panel_box_hd p{padding: 9px 0;}
	.panel_box_hd p.p2{padding:9px 0;}

	.index_solutions{height:auto; padding:25px 0 5px 0; background: #F7F7F7 url(../images/index_map.png) no-repeat center center; background-size: auto 100%; display: block; }
	.index_solutions_list ul{list-style: none; width: 100%; display: block; padding: 35px 0 0 0;}
	.index_solutions_list ul li{width:60%; margin: 10px auto;}
	.index_solutions_list ul li:last-child{ margin: 10px auto;}
	.index_solutions_list ul li a{display: block; padding:25% 15% 10% 15%;}
	.index_solutions_list ul li a img{display: block; width:75%; margin: 0 auto;}
	.index_solutions_list ul li a span{display: block; padding: 15px 0 10px 0;}
	
	.index_about{height:auto; display: block; position: unset; padding: 40px 0 20px 0;}
	.index_about .a_l{width:100%; display: none;}
	.index_about .a_r{width:100%;}
	.index_about .a_l>img,.index_about .a_r>img{display: block; width:100%; border-radius: 20px 20px 0 0;}
	.index_about .a_l>img{margin: 0 auto; max-height:200px;object-fit: cover;}
	.index_about .a_r>img{margin: 0 auto; max-height:200px;object-fit: cover;}
	.index_about .about_x{position: unset; top:200px; left:0; width:100%; height:100%;}
	.index_about .about_x .container{display: block; padding: 10px 0 30px 0;}
	.index_about .about_x .a_l{height:auto}
	.index_about .box_bd{width:100%; margin:0; padding:20px;}
	.index_about .box_bd .page_main_btn{margin: 30px 0 0 0;}

	.index_news{position: relative; padding: 30px 0 50px 0;}
	.index_news_flex{display: block; padding-top: 25px;}
	.index_news_flex .n_l,.index_news_flex .n_r{width:100%;}

	.choose_box{display: none;}
	.choose_box_mobile{display:block;}
	.choose_box_mobile .panel_box_hd{padding:25px 0 15px 0;}
	.choose_box_mobile_ul{}
	.choose_box_mobile_ul ul li{overflow: hidden; position: relative; margin-top: 1px;}
	.choose_box_mobile_ul ul li img{display: block; margin: 0 auto; width:100%; transition: all 0.6s;}
	.choose_box_mobile_ul ul li div{position: absolute; width:100%; height:100%; left:0; top:0;display: flex; align-items: center; text-align: center; background-image: linear-gradient(rgba(0,0,0,0.15),rgba(0,0,0,0.35));}
	.choose_box_mobile_ul ul li div span{font-size:var(--f20); font-family: font_box_title; color: var(--fcolor-a0); display: block; width:100%;}
	.choose_box_mobile_ul ul li:hover img{transform: scale(1.05);}
	.choose_box_mobile_ul ul li:hover div{background-image: linear-gradient(rgba(197,0,11,0),rgba(197,0,11,0.9));}
}
