/*@import url(/static/index/font/Supply-Bold.ttf);
@import url(/static/index/font/Supply-Regular.ttf);*/
@font-face{
	font-family: "SourceSansPro-Light";
	src: url('../font/SourceSansPro-Light.otf');
	format:truetype;
}
@font-face{
	font-family: "SourceSerifPro-Semibold";
	src: url('../font/SourceSerifPro-Semibold.otf');
	format:truetype;
}
@font-face{
	font-family: "SourceSerifPro-Regular";
	src: url('../font/SourceSerifPro-Regular.otf');
	format:truetype;
}
@font-face{
	font-family: "Uni Neue";
	src: url('/static/font/Uni_Neue_500.woff2') format('woff2'),
	url('/static/font/Uni_Neue_500.woff') format('woff');
	font-style: normal;
	font-weight: 500;
}
html{font-size:100%;margin:0px;padding: 0px;width: 100%;overflow-y: auto;overflow-x:hidden;}
*{color: #000000;}
body{margin:0px;padding: 0px;width: 100%;overflow-y: auto;overflow-x:hidden;font-family: SourceSerifPro-Regular,SimHei,'\9ED1\4F53',Microsoft YaHei,'\5FAE\8F6F\96C5\9ED1';}
img{display:block;border:0px;}
ul{padding:0px;}
ul li{list-style:none;}
a:link { text-decoration: none;color: #000;}
a:active { text-decoration:none;}
a:hover { text-decoration:none;color:#000;}
a:visited { text-decoration: none;color:#000;}
p{margin:0px;padding:0px;}

.div_background{position:fixed;top:0px;width:100vw;height:100vh;background-color:#FFFFFF;z-index:-1;}
/*header*/
.div_screen_header{position:fixed;top:0px;width:100vw;max-height:100vh;background-color:#ffffff;z-index:999;opacity:0;transform:translateY(-100%);}
.div_logo{float:left;padding-left:20px;padding-top:15px;cursor:pointer;}
.div_logo img{height:30px;}
.div_nav{float:right;text-align:right;margin-top:17px;min-width:30%;}
.div_nav_icon{float:right;text-align:right;margin-right:15px;cursor:pointer;}
.div_nav_icon img{height:15px;}
.div_nav_language{display:none;float:right;text-align:right;font-size:14px;margin-right:30px;}
.div_nav_language a{font-size:1rem;font-family: SourceSerifPro-Regular,SimHei,'\9ED1\4F53',Microsoft YaHei,'\5FAE\8F6F\96C5\9ED1';}
.div_nav_language2{margin-right:0px;}
.div_header_top{position:relative;width:100%;height:50px;border-bottom: solid 1px #DDDDDD;}
.div_screen_header_show_now{opacity:1;transform:translateY(0);pointer-events:all;transition:transform .5s ease-in-out;}
.div_screen_header_show{opacity:1;transform:translateY(0);pointer-events:all;transition:transform .5s ease-in-out;transition-delay:4s;}
.div_screen_header_show2{opacity:1;transform:translateY(0);pointer-events:all;transition:transform .5s ease-in-out;transition-delay:0s;}

.div_header_body{position:relative;top:0px;width:100%;max-height:80vh;padding-top:50px;padding-bottom:50px;display:none;overflow-y:scroll;background-color:#FFFFFF;z-index:888;}
.div_header_body_link{position:relative;width:100%;text-align:center;}
.div_header_body_link a{font-family: SourceSerifPro-Regular,SimHei,'\9ED1\4F53',Microsoft YaHei,'\5FAE\8F6F\96C5\9ED1';}
.div_header_list{transition:all .4s;opacity:0;}
.div_header_list:nth-child(1){transition-delay:.1s;}
.div_header_list:nth-child(2){transition-delay:.2s;}
.div_header_list:nth-child(3){transition-delay:.3s;}
.div_header_list:nth-child(4){transition-delay:.4s;}
.is-active{opacity:1;}
.link_header{position:relative;font-size:1.3rem;text-decoration:none;line-height:5rem;}
.link_header:after{content:" ";display:block;position:absolute;width:100%;height:100%;left:0;top:10px;border-bottom:2px solid #000;transform:scaleX(0);transition:transform .6s cubic-bezier(0.165,0.84,0.44,1);transform-origin:center}
.link_header:hover:after{transform:scaleX(0.5)}
.div_header_child{width:100%;display:none;}
.div_header_child li{width:100%;text-align:center;font-size:1.2rem;line-height:2.4rem;font-style: italic;font-family: SourceSerifPro-Regular,SimHei,'\9ED1\4F53',Microsoft YaHei,'\5FAE\8F6F\96C5\9ED1';}
.div_header_child li a{font-family: SourceSerifPro-Regular,SimHei,'\9ED1\4F53',Microsoft YaHei,'\5FAE\8F6F\96C5\9ED1';}
.link_header_child{position:relative;font-size:1.4rem;text-decoration:none;line-height:3rem;font-style: italic;}
.link_header_child:after{content:" ";display:none !important;position:relative !important;width:100%;height:100%;left:0;top:10px;border-bottom:2px solid #000;transform:scaleX(0);transition:transform .6s cubic-bezier(0.165,0.84,0.44,1);transform-origin:center}
.link_header_child:hover:after{transform:scaleX(0.95)}
/*header - end*/

/*index_first*/
.div_screen_first{position:fixed;top:0px;width:100vw;height:100vh;z-index:200;overflow:hidden;}
.div_first_video{width:100vw;height:100vh;background-color:#ffffff;overflow:hidden;text-align:center;overflow:hidden;}
.first_video{width:100vw;height:100%;object-fit: cover;}
.div_first_loading{position:absolute;width:100vw;height:100vh;text-align:center;overflow:hidden;}
.first_loading{color:#FFF;font-size:1rem;margin-top:45vh;}
.div_first_body{width:100vw;height:100vh;background-color:#ffffff;overflow:hidden;text-align:center;overflow:hidden;}
.div_first_body img{width:100vw;height:100%;object-fit: cover;}
.div_first_content{position:absolute;width:100%;height:100%;top:0;z-index:100;}
/*index_first - end*/

/*index_bg*/
.div_screen_background{position:fixed;bottom:0px;left:0px;width:100vw;height:100vh;background-color:#ffffff;z-index:150;}
.div_bg{position:absolute;width:100%;height:100%;top:0;z-index:100;}
.div_bg_content{margin-left:auto;margin-right:auto;font-family: 'SourceSerifPro-Semibold';}
.div_bg_content2{margin-left:auto;margin-right:auto;font-family: 'SourceSerifPro-Semibold';}
.div_bg_content_line{border-bottom:0.2rem solid #000;}
.div_bg_content3{margin-left:auto;margin-right:auto;font-family: 'SourceSerifPro-Regular';}
.div_bg_content4{font-family: 'SourceSansPro-Light';}
.div_bg_arrow{position:absolute;width:50px;top:85vh;z-index:250;left:50%;margin-left:-25px;}
.div_bg_arrow img{width:100%;height:auto;}
.div_bg_voice{position:absolute;width:50px;top:65px;z-index:250;right:5%;}
.div_bg_voice img{width:100%;height:auto;}
/*index_bg - end*/
.div_tpl_photo_left1 p span {padding: 10px 0; display: inline-block}
/*index_second*/
.div_screen_second{position:absolute;width:100vw;height:90vh;margin-top:200vh;z-index:200; background: white}
.div_second_body{display:flex;padding:0px;width:100vw;height:auto;padding:0px;flex:1;flex-direction:column;}
.div_second_body .title {text-align: left;color: white; font-size: 1.2rem; line-height: 25px; max-width: 1400px;margin-left: auto;margin-right: auto; margin-top: 100px; margin-bottom: 20px}
.div_second_body .body { margin: 30px auto; max-width: 1400px; width: 100%;text-align: center}
.div_second_body .body .col {width: 25%; float: left; text-align: left}
.div_second_body .body .col span {color: white; font-size: 1rem; line-height: 25px; margin-top: 10px; display: block}
.btn_second_text{position:absolute;bottom:10%;left:20px;font-family: 'SourceSerifPro-Regular';z-index:350;}
.div_second_btn{position:relative;width:100%;margin:0px;padding:0px;overflow:hidden;flex-basis:auto;}
.btn_second_mask{position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:300;}
.btn_second_video{position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:290;}
.column_video{width:100%;height:100%;object-fit: cover;}
.btn_second_img{width:100%;height:100%;}
.btn_second_img img{width:100%;height:100%;object-fit: cover;}
.second_text_body{position:relative;margin-left:20px;}
.second_text_title{font-size:1.4rem;color:#FFFFFF;line-height:1.4rem;}
.second_text_title:after{content:" ";display:block;position:absolute;width:100%;height:100%;left:0;top:18px;border-bottom:4px solid #FFF;transform:scaleX(0);transition:transform .8s cubic-bezier(0.165,0.84,0.44,1);transform-origin:left}
/*.second_text_title:hover:after{transform:scaleX(1)}*/
.second_text_line{border-bottom:0.25rem solid #fff;width:110px;margin-top:5px;display:none;}
.div_second_btn:hover .second_text_title:after{transform:scaleX(1)}
/*index_second - end*/

/*index_client*/
.div_second_client{padding:0px;width:100vw;background-color:#ffffff;}
.div_client_title{width:100%;height:40px;text-align:center;font-size:1.2rem;padding-top:20px;font-family: 'SourceSerifPro-Semibold';}
.div_client_list{width:100%;padding-bottom:20px;max-width:100%;overflow:hidden;margin-left:auto;margin-right:auto;text-align:center;line-height:5rem;}
.div_client_list img{display:inline-block;height:100%;width:auto;max-height:100px;width: 24%}
.client_logo{float:left;width:40%;margin-top:10px;text-align:center;}
.client_logo:nth-child(odd){margin-left:5%;}
.client_logo:nth-child(even){margin-left:10%;}
.client_index{display:flex;}
.client_index img{object-fit:contain;max-height:150px;height:auto;}
/*index_client - end*/

/*index_footer*/
.div_second_footer{padding:0px;width:100vw;background-color:#000000;}
.footer_link{width:100%;color:#FFFFFF;text-align:center;padding-bottom:20px;line-height:2rem;}
.footer_link a{color:#FFFFFF;font-family: 'SourceSerifPro-Regular';}
.footer_icon{width:100%;text-align:center;padding-top:40px;padding-bottom:40px;}
.footer_icon img{display:inline-block;height:40px;cursor:pointer;}
.footer_icon img:not(:first-child){margin-left:80px;}
.mask{position:absolute;width:100%;height:100%;top:0px;left:0px;cursor:pointer;background-color:rgba(0,0,0,0.7);z-index:990;}
.footer_qrcode{width:50%;max-width:400px;margin-left:auto;margin-right:auto;margin-top:15%;}
.footer_qrcode img{width:100%;height:auto;}
/*index_footer - end*/

/*case_page*/
.div_case_page{width:100%;margin-top:40px;}
.case_page_pre{float:left;width:39.5%;background-color:#DFDFDF;text-align:right;line-height:2.5rem;padding-right:10%;}
.case_page_next{float:right;width:39.5%;background-color:#DFDFDF;line-height:2.5rem;padding-left:10%;}
/*case_page - end*/

/*list_title*/
.div_list_title{position:relative;left:0px;width:100vw;height:auto;background-color:#ffffff;}
.div_list_title_body{}

/*list*/
.div_list_body{margin-top:40px;width:100%;}
.div_list_body_child{}
.div_list_body_child:first-child{margin-top:40px;}
.div_list_body_child:not(:first-child){margin-top:40px;}

.div_list_child_title{max-width:84%;font-size:1rem;margin:0 auto;color:#686868;font-family: 'SourceSerifPro-Regular';}
.div_list_child_line{border-bottom:0.2rem solid #686868;width:85px;margin-top:10px;margin-left:8%;}
.div_list_child_bg{position:relative;height:100%;margin-left:30px;margin-right:30px;margin-top:30px;padding-left:15px;padding-bottom:30px;overflow:hidden;align-items:center;cursor:pointer;}
.div_list_child_back{width:100%;}
.div_list_child_back img{width:100%;height:auto;object-fit: cover;}
.div_list_child_front{position:absolute;width:100%;top:15px;left:-20px;height:auto;}
.div_list_child_front img{height:100%;width:100%;object-fit: contain;object-position:left;}
.div_list_child_subject{background-color:#FFFFFF;left:10px;right:10px;padding:15px 10px;z-index:350;bottom:10%;margin: auto;}
.list_child_subject_main{font-size:1.2rem;max-width:100%;font-family: 'SourceSerifPro-Regular';}
.list_child_subject_line{border-bottom:0.2rem solid #686868;width:60px;margin-top:10px;}
.list_child_subject_second{display:block;font-size:1rem;margin-top:10px;font-family: 'SourceSerifPro-Regular';}
.div_list_second{margin-top:50px;}
.div_list_second_case{margin-top:20px;}
.list_child_arrow{display:none;}
.list2_child_arrow{display:none;}
/*list - end*/

/*list2*/
.div_list2_child_title{max-width:80%;font-size:1rem;margin:0 auto;color:#686868;}
.div_list2_child_line{border-bottom:0.2rem solid #686868;width:85px;margin-top:5px;margin-left:10%;}
.div_list2_child_bg{position:relative;width:100%;overflow:hidden;margin-top:20px;display:flex;align-items:center;cursor:pointer;}
.div_list2_child_back{width:80%;height:auto;margin-left:20%;}
.div_list2_child_back img{width:100%;height:100%;object-fit: cover;}
.div_list2_child_back_left{margin-left:0%;}
.div_list2_child_subject{position:absolute;background-color:#e5e5e5;width:50%;padding:10px 20px;z-index:350;left:5%;right:auto;bottom:auto;margin: auto;}
.div_list2_child_subject_right{left:auto;right:5%;}
/*list2 - end*/

/*share*/
.div_share{width:100%;margin-top:40px;}
.div_share_icon{position:relative;width:41px;margin:0px auto;}
.div_share_icon img{width:100%;}
.div_share_text{width:100%;text-align:center;margin-top:10px;}
.div_case_title_photo{width:100%;margin-top:20px;}
.div_case_title_photo img{height:auto;width:100%;}
/*share - end*/

/*return-top*/
.div_btn_top{position:fixed;bottom:10%;right:0;z-index:1001;display:none;cursor:pointer;}
/*return-top - end*/

/*case*/
.div_case_nav{margin-top:14vh;max-width:80%;margin-left:auto;margin-right:auto;}
.div_case_nav_arrow{display:inline-block;}
.div_case_nav_text{display:inline-block;font-size:1.5rem;margin-left:10px;color:#686868;}
.div_case_title{max-width:80%;font-size:2rem;line-height:2rem;padding-top:80px;margin: 0 auto;color:#686868;font-family: 'SourceSerifPro-Regular';}
.div_case_content{max-width:80%;font-size:3rem;line-height:2rem;padding-top:10px;margin: 0 auto;line-height:3.2rem;font-family: 'SourceSerifPro-Semibold';}
.div_case_content_line{width:117px;margin-left:10%;margin-top:10px;border-bottom:0.2rem solid #000;}
.div_case_content3{max-width:80%;font-size:0.9rem;margin-top:20px;margin-left:auto;margin-right:auto;font-family: 'SourceSerifPro-Regular';}
.div_case_content4{max-width:80%;font-size:1.1rem;margin-top:20px;margin-left:auto;margin-right:auto;margin-bottom:0px;font-family: 'SourceSansPro-Light';}
.div_case_body{width:100%;}
/*case - end*/

/*contact*/
.div_contact_content{max-width:70%;font-size:2rem;line-height:2rem;padding-top:10px;margin: 0 auto;line-height:3.2rem;font-family: 'SourceSerifPro-Semibold';}
.div_contact_content_line{width:70px;margin-left:15%;margin-top:10px;border-bottom:0.2rem solid #000;}
.div_contact_content3{max-width:70%;font-size:0.4rem;margin-top:10px;margin-left:auto;margin-right:auto;font-family: 'SourceSerifPro-Regular';}
.div_contact_content4{max-width:70%;font-size:0.6rem;margin-top:10px;margin-left:auto;margin-right:auto;font-family: 'SourceSansPro-Light';}
.div_contact_title2{max-width:70%;font-size:2rem;line-height:2rem;padding-top:80px;margin: 0 auto;color:#686868;font-family: 'SourceSerifPro-Regular';}
.div_contact_title2_line{width:150px;margin-left:15%;margin-top:10px;border-bottom:0.2rem solid #686868;}
.div_contact_map{position:relative;width:90%;margin: 0 auto;margin-top:80px;margin-bottom:150px;}
.div_contact_map img{width:100%;height:auto;}
.div_contact_map_body{position:absolute;width:100%;height:100%;top:0px;left:0px;z-index:400;display:flex;align-items:center;}
.div_contact_map_subject{position:absolute;background-color:#FFFFFF;width:50%;padding:10px 10px;z-index:350;left:auto;right:7%;bottom:auto;margin: auto;}
.contact_map_main{font-size:1.5rem;max-width:100%;font-family: 'SourceSerifPro-Regular';}
.contact_map_line{border-bottom:4px solid #686868;width:100px;margin-top:10px;}
.contact_map_second{display:block;font-size:0.3rem;margin-top:10px;font-family: 'SourceSerifPro-Regular';}
/*contact - end*/

/*tpl*/
.div_tpl_2photo_center{position:relative;width:100%;margin-top:80px;}
.div_tpl_2photo_center_left{float:left;width:44%;margin-left:5%;}
.div_tpl_2photo_center_left img{width:100%;}
.div_tpl_2photo_center_right{float:right;width:44%;margin-right:5%;}
.div_tpl_2photo_center_right img{width:100%;}
.div_tpl_photo_left1{position:relative;width:80%;padding-top:40px;margin: 0 auto; text-align: center;font-weight: 300;line-height: 2.5rem}
.div_tpl_photo_left1 img{display:inline-block;max-width:1600px;width: 100%}
.div_tpl_photo_right1{position:relative;width:80%;margin-left:10%;padding-top:80px;}
.div_tpl_photo_right1 img{display:inline-block;width:100%;}
.div_tpl_text_center1{max-width:80%;font-size:1.5rem;line-height:2rem;padding-top:80px;margin: 0 auto;font-family: 'SourceSansPro-Light';}
.div_tpl_video_center1{width:100%;padding-top:80px;}
.div_tpl_video_center1 img{width:100%;}
.video_play{position:absolute;width:100%;height:100%;z-index:400;top:0px;left:0px;text-align:center;cursor:pointer;display:flex;}
.video_play img{position:relative;width:16.8%;height:auto;top:auto;bottom:auto;object-fit: contain;left:50%;margin-left:-8.4%;}
.div_tpl_photo_center1{width:70%;padding-top:80px;margin: 0 auto;}
.div_tpl_photo_center1 img{width:100%;}
.div_tpl_photo_center2{width:90%;padding-top:80px;margin: 0 auto;}
.div_tpl_photo_center2 img{width:100%;}
.div_tpl_photo_center3{width:45%;padding-top:80px;margin-left:15%;}
.div_tpl_photo_center3 img{max-width:100%;}
.div_tpl_photo_center4{width:100%;padding-top:0px;margin: 0 auto;}
.div_tpl_photo_center4 img{width:100%;display:block;}
.div_tpl_photo_center5{width:45%;padding-top:80px;margin-left:40%;}
.div_tpl_photo_center5 img{max-width:100%;}
.div_tpl_photo_group1{width:100%;}
.div_tpl_photo_group1_child{float:left;width:33.333%}
.div_tpl_photo_group1_child img{width:100%;}
.div_tpl_slide1{position:relative;width:80%;margin: 0 auto;padding-top:30px;max-width: 1600px}
.div_tpl_text_photo1{width:80%;display:flex;margin: 0 auto;padding-top:80px;}
.div_tpl_text_photo1_text{display:inline-block;width:30%;font-size:1.5rem;line-height:2rem;font-family: 'SourceSansPro-Light';}
.div_tpl_text_photo1_photo{display:inline-block;width:60%;margin-left:10%;}
.div_tpl_text_photo1_photo img{width:100%;height:auto;}
.div_tpl_video{position:relative;width:100%;margin-top:80px;display:block;}
.tpl_video{position:relative;width:100%;height:100%;background-color:#000;cursor:pointer;display:block;}
.div_tpl_cover_right1{position:relative;width:100%;padding-top:80px;overflow:hidden}
.div_tpl_cover_right1_top{position:absolute;right:0px;width:50%;max-width:70%;z-index:150;}
.div_tpl_cover_right1_top img{width:100%;height:auto;}
.div_tpl_cover_right1_bottom{position:relative;max-width:40%;z-index:140;left:18%;margin-top:9%;}
.div_tpl_cover_right1_bottom img{width:100%;}
.div_tpl_cover_center1{position:relative;width:100%;margin-top:80px;}
.div_tpl_cover_center1_top{position:absolute;left:50%;width:40%;max-width:40%;z-index:150;top:43%;}
.div_tpl_cover_center1_top img{width:100%;height:auto;}
.div_tpl_cover_center1_bottom{position:relative;max-width:45%;z-index:140;left:15%;margin-bottom:5%;}
.div_tpl_cover_center1_bottom img{width:100%;}
.div_tpl_cover_center2{position:relative;width:100%;margin-top:80px;}
.div_tpl_cover_center2_top{position:relative;max-width:59%;width:59%;z-index:150;left:15%;margin-bottom:27%;}
.div_tpl_cover_center2_top img{width:100%;height:auto;}
.div_tpl_cover_center2_bottom{position:absolute;right:15%;width:59%;max-width:59%;z-index:140;top:78%;}
.div_tpl_cover_center2_bottom img{width:100%;}
.div_tpl_cover_center3{position:relative;width:100%;margin-top:80px;overflow:hidden}
.div_tpl_cover_center3_top{position:absolute;right:10%;width:40%;max-width:40%;z-index:150;top:0%;}
.div_tpl_cover_center3_top img{width:100%;height:auto;}
.div_tpl_cover_center3_bottom{position:relative;max-width:62%;z-index:140;left:10%;margin-bottom:5%;margin-top:8%;}
.div_tpl_cover_center3_bottom img{width:100%;}
.div_tpl_cover_right2{position:relative;width:100%;margin-top:80px;}
.div_tpl_cover_right2_top{position:absolute;right:0px;width:50%;max-width:50%;z-index:150;margin-top:20%;}
.div_tpl_cover_right2_top img{width:100%;height:auto;}
.div_tpl_cover_right2_bottom{position:relative;max-width:50%;z-index:140;left:20%;margin-bottom:20%;}
.div_tpl_cover_right2_bottom img{width:100%;}
.

.swiper-slide{width:auto;height:auto;}
.swiper-slide img{width:100%;height:auto;}
.swiper-button-next{margin-top:22px;}
.swiper-button-prev{margin-top:22px;}
/*tpl - end*/


@media screen and (min-width:1px) and (max-width:479px){
	.div_header_child li a{font-size:0.9rem;}

	/*.bg_arrow{display:none;}*/
	.div_screen_header{height:50px;}
	.div_header_body{top:-15px;}
	.div_nav_icon_lang{line-height:0.95rem;}
	.div_bg_content{max-width:84%;font-size:2rem;line-height:2rem;padding-top:13vh;}
	.div_bg_content2{max-width:84%;font-size:1.1rem;margin-top:3px;}
	.div_bg_content_line{width:77px;margin-left:8%;margin-top:10px;}
	.div_bg_content3{max-width:84%;font-size:0.4rem;margin-top:10px;}
	.div_bg_content4{font-size:0.4rem;margin-top:20px;margin-left:auto;margin-right:auto;}
	.div_list2_child_title{max-width:84%;}
	.div_list2_child_line{margin-left:8%;}
	.div_list2_child_bg{display:block;background-color:#e5e5e5;padding-top:30px;}
	.div_list2_child_back{width:90%;height:auto;margin-left:0%;}
	.div_list2_child_subject{position:relative;width:100%;top:100%;left:0;padding:30px;}
	.list_child_subject_main{width:80%;}
	.link_header_child{font-size:0.3rem;}
	/*case*/

	.div_client_list{width:100%;padding-bottom:10px;max-width:100%;overflow:hidden;margin-left:auto;margin-right:auto;text-align:center;line-height:4rem;}
	.div_client_list img{display:inline-block;height:100%;width:auto;max-height:50px;width:24%;}


	.div_case_nav_arrow{height:0.8rem;}
	.div_case_nav_arrow img{height:100%;}
	.div_case_nav_text{font-size:1.2rem;}
	.div_case_title{font-size:0.6rem;padding-top:25px;line-height:0.5rem;}
	.div_case_content{font-size:1.6rem;line-height:1.5rem;margin-top:0px;}
	.div_case_content_line{width:45px;margin-left:15%;margin-top:10px;border-bottom:2px solid #000;}
	.div_case_content3{font-size:1.2rem;;line-height:1.8rem;}
	.div_case_content4{font-size:0.8rem;}
	/*case - end*/

	/*tpl*/
	.div_tpl_2photo_center{margin-top:40px;}
	.div_tpl_photo_left1{position:relative;width:90%;padding-top:40px;}
	.div_tpl_photo_right1{position:relative;width:90%;margin-left:10%;padding-top:40px;}
	.div_tpl_text_center1{max-width:45%;font-size:0.6rem;line-height:0.8rem;padding-top:40px;margin-left:15%;margin-right:auto;}
	.div_tpl_video_center1{padding-top:40px;}
	.div_tpl_video{width:100%;margin-top:40px;}
	.div_tpl_photo_center1{width:70%;padding-top:40px;margin: 0 auto;}
	.div_tpl_photo_center2{width:90%;padding-top:40px;margin: 0 auto;}
	.div_tpl_photo_center3{width:70%;padding-top:40px;margin: 0 auto;}
	.div_tpl_photo_center5{padding-top:40px;}
	.div_tpl_slide1{position:relative;width:90%;margin: 0 auto;padding-top:40px;}
	.div_tpl_text_photo1{padding-top:40px;}
	.div_tpl_text_photo1_text{width:40%;font-size:0.6rem;line-height:0.8rem;}
	.div_tpl_cover_right1{padding-top:40px;}
	.div_tpl_cover_right2{margin-top:40px;}
	.div_tpl_cover_center1{margin-top:40px;}
	.div_tpl_cover_center2{margin-top:40px;}
	.div_tpl_cover_center3{margin-top:40px;}
	/*tpl -end*/

	.second_text_body{margin-bottom:20px;}
	.footer_icon img{height:25px;}
	.footer_icon img:not(:first-child){margin-left:40px;}
	.footer_qrcode{margin-top:50%;}
	.swiper-button-next{margin-top:11px;}
	.swiper-button-prev{margin-top:11px;}

	.div_contact_content{font-size:2rem;line-height:2rem;padding-top:10px;}
	.div_contact_content_line{margin-top:15px;border-bottom:3px solid #000;}
	.div_contact_content3{font-size:0.4rem;margin-top:10px;}
	.div_contact_content4{font-size:0.7rem;margin-top:10px;}
	.div_contact_title2{font-size:1rem;line-height:2rem;padding-top:40px;}
	.div_contact_title2_line{width:80px;margin-left:15%;margin-top:1px;border-bottom:2px solid #686868;}
	.div_contact_map{margin-top:20px;}
	.div_contact_map_subject{padding:10px 10px;right:7%;}
	.contact_map_main{font-size:1rem;}
	.contact_map_line{border-bottom:2px solid #686868;width:60px;margin-top:5px;}
	.contact_map_second{font-size:0.2rem;margin-top:5px;}

	.client_index img{max-height:100px;}

	.swiper-button-next{width:34px;margin-top:17px;}
	.swiper-button-prev{width:34px;margin-top:17px;}
	.footer_link{font-size:0.8rem;}
}
@media screen and (min-width:1px) and (max-width:479px) and (max-height:580px){
	.div_bg_content{padding-top:100px;}

}

@media screen and (min-width:480px){
	.bg_arrow{display:none;}
	.div_nav{line-height:1.6rem;margin-right:25px;}
	.div_nav_language{display:block;}
	.div_nav_icon_lang{display:none;}
	.div_header_top{height:100px;}
	.div_nav_icon img{height:30px;margin-right:15px;}
	.div_logo{padding-top:20px;}
	.div_logo img{height:50px;}
	.div_nav_language{font-size:1rem;}
	.div_bg_content{max-width:80%;font-size:2.5rem;line-height:2.5rem;padding-top:13vh;}
	.div_bg_content2{max-width:80%;font-size:0.9rem;}
	.div_bg_content_line{width:63px;;margin-left:10%;margin-top:5px;}
	.div_bg_content3{max-width:80%;font-size:0.5rem;margin-top:5px;}
	.div_bg_content4{max-width:100%;margin-top:20px;}
	.div_tpl_text_photo1_text{display:inline-block;width:30%;font-size:1rem;line-height:1.2rem;}

	.div_case_page{margin-top:80px;}
	.case_page_pre{line-height:3.5rem;font-size:1.8rem;}
	.case_page_next{line-height:3.5rem;font-size:1.8rem;}

	.div_contact_map{margin-top:40px;}
}
@media screen and (min-width:768px){
	.bg_arrow{display:block;}
	.div_bg_arrow{width:60px;bottom:5vh;z-index:250;left:50%;margin-left:-30px;}
	.div_bg_voice{width:62px;top:160px;z-index:250;right:5%;}
	.div_nav{line-height:1.3rem;margin-right:25px;margin-top:20px;}
	.div_bg_content{max-width:80%;font-size:4rem;line-height:5.5rem;padding-top:13vh;}
	.div_bg_content2{max-width:80%;font-size:1.65rem;}
	.div_bg_content_line{width:115px;margin-left:10%;margin-top:10px;}
	.div_bg_content3{max-width:80%;font-size:0.9rem;margin-top:10px;}
	.div_bg_content4{max-width:80%;font-size:1rem;margin-top:40px;}
	.div_header_top{height:100px;}
	.div_logo{padding-left:40px;padding-top:25px;}
	.div_logo img{height:60px;}
	.link_header{font-size:1.7rem;line-height:7rem;}
	.first_loading{color:#FFF;font-size:2rem;}
	.footer_qrcode{margin-top:40%;}

	.btn_second_text{position:absolute;display:flex;flex-wrap:wrap;align-items:center;bottom:-30px;left:15px !important;z-index:350; transform: rotate(-90deg);
		transform-origin: left top; font-family:"Arial Black"}
	.div_second_body{display:flex;padding:0px;width:100vw;flex:1;}
	.div_second_btn{position:relative;width:25%;height:100%;margin:0px;padding:0px;flex-basis:auto;overflow:hidden;}
	/*#btn_second2{margin-top:20vh;}*/
	/*#btn_second3{margin-top:50vh;}*/
	/*#btn_second4{margin-top:80vh;}*/
	.second_text_body{margin-left:40px;}
	.second_text_title{font-size:2.5rem;color:#FFFFFF;}
	.second_text_line{border-bottom:0.25rem solid #fff;width:110px;margin-top:20px;}
	.div_client_list{width:100%;padding-bottom:50px;}
	.div_client_title{height:60px;font-size:1.8rem;padding-top:50px;}
	.div_client_list{width:100%;padding-bottom:20px;max-width:100%;overflow:hidden;margin-left:auto;margin-right:auto;text-align:center;line-height:5rem;}
	.div_client_list img{display:inline-block;height:100%;width:auto;max-height:60px;}
	.client_logo{float:left;width:40%;margin-top:25px;}
	.footer_link{line-height:80px;font-size:1.5rem;}


	/*list*/
	.div_list_child_title{max-width:80%;font-size:1.3rem;margin:0 auto;color:#686868;}
	.div_list_child_line{border-bottom:0.2rem solid #686868;width:85px;margin-top:10px;margin-left:10%;}
	/*.div_list_child_bg{position:relative;width:86%;margin:0 auto;margin-top:30px;padding-top:30px;padding-bottom:30px;overflow:hidden;display:flex;align-items:center;}*/
	.div_list_child_bg{position:relative;width:86%;margin:0 auto;margin-top:30px;padding-top:30px;padding-bottom:30px;overflow:hidden;align-items:center;}
	.div_list_child_back{width:100%;height:auto;}
	.div_list_child_back img{width:100%;height:100%;object-fit: cover;}
	.div_list_child_front{position:absolute;height:100%;width:100%;top:0;left:30px;}
	.div_list_child_front img{height:100%;width:100%;object-fit: contain;object-position:left;}
	.div_list_child_front_right{left:auto;right:18px;}
	.div_list_child_front_right img{object-fit: contain;object-position:right;}
	/*.div_list_child_subject{position:absolute;background:rgba(255,255,255,.85);border-radius: 5px;width:50%;padding:20px 30px;z-index:350;left:auto;right:5%;bottom:auto;margin: auto;}*/
	.div_list_child_subject{width:100%;padding:20px 30px;z-index:350;left:auto;right:5%;bottom:auto;margin: auto;}
	.div_list_child_subject_right{left:7%;right:auto;}
	.list_child_subject_main{font-size:1.9rem;line-height:1.9rem;max-width:90%;}
	.list_child_subject_line{border-bottom:0.2rem solid #686868;width:60px;margin-top:15px;}
	.list_child_subject_second{display:block;font-size:0.8rem;margin-top:15px;}
	.list_child_arrow{position:absolute;display:block;bottom:0%;}
	.list_child_arrow img{width:100%;}
	.list_child_arrow_right{right:0%;}
	/*list - end*/

	/*list2*/
	.div_list2_child_title{max-width:60%;font-size:1.3rem;margin:0 auto;color:#686868;}
	.div_list2_child_line{border-bottom:0.2rem solid #686868;width:85px;margin-top:10px;margin-left:20%;}
	.div_list2_child_bg{position:relative;width:100%;overflow:hidden;margin-top:30px;display:flex;align-items:center;}
	.div_list2_child_back{width:80%;height:auto;margin-left:20%;}
	.div_list2_child_back img{width:100%;height:100%;object-fit: cover;}
	.div_list2_child_back_left{margin-left:0%;}
	.div_list2_child_subject{position:absolute;background-color:#BFBFBF;width:50%;padding:20px 30px;z-index:350;left:5%;right:auto;bottom:auto;margin: auto;}
	.div_list2_child_subject_right{left:auto;right:5%;}
	.list2_child_arrow{position:absolute;display:block;bottom:15%;left:5%;}
	.list2_child_arrow img{width:100%;}
	.list2_child_arrow_right{left:auto;right:5%;}
	/*list2 - end*/

	.div_case_title{font-size:1.1rem;}
	.div_case_content{font-size:3rem;line-height:2.9rem;}
	.div_case_content_line{width:135px;border:3px solid #000;}
	.div_case_content3{font-size:0.8rem;line-height:1.1rem;margin-top:40px;}

	.div_tpl_text_center1{font-size:0.9rem;line-height:1.1rem;}

	.div_contact_content{font-size:3.5rem;line-height:2rem;padding-top:10px;}
	.div_contact_content_line{margin-top:30px;border-bottom:4px solid #000;width:110px;}
	.div_contact_content3{font-size:1rem;margin-top:10px;}
	.div_contact_content4{font-size:1.2rem;margin-top:10px;}
	.div_contact_title2{font-size:1.5rem;line-height:2rem;padding-top:40px;}
	.div_contact_title2_line{width:115px;margin-left:15%;margin-top:1px;border-bottom:2px solid #686868;}
	.div_contact_map{margin-top:40px;}
	.div_contact_map_subject{padding:20px 20px;right:7%;}
	.contact_map_main{font-size:2rem;}
	.contact_map_line{border-bottom:3px solid #686868;width:60px;margin-top:5px;}
	.contact_map_second{font-size:0.4rem;margin-top:10px;}
}
@media screen and (width:768px) and (height:1024px){
	.div_client_list{width:100%;padding-bottom:20px;max-width:100%;overflow:hidden;margin-left:auto;margin-right:auto;text-align:center;line-height:4rem;}
	.div_client_list img{display:inline-block;height:100%;width:auto;max-height:50px;width:13%;}
}
@media screen and (min-width:1025px){
	.div_bg_content{max-width:80%;font-size:4.5rem;line-height:5.5rem;padding-top:18vh;}
	.div_bg_content_small{font-size:4rem;}
	.div_bg_content2{max-width:80%;font-size:1.95rem;}
	.div_bg_content_line{width:135px;margin-left:10%;margin-top:10px;}
	.div_bg_content3{max-width:80%;font-size:1rem;margin-top:10px;}
	.div_bg_content4{max-width:80%;font-size:1rem;margin-top:40px;line-height:1.2rem;margin-left: auto; margin-right: auto}
	.div_logo{padding-left:40px;padding-top:15px;}
	.div_client_title{height:40px;font-size:2rem;padding-top:80px;}
	.div_client_list{width:100%;padding-bottom:20px;margin-top:60px; max-width: 1400px}
	.div_client_list img{height:auto;object-fit: contain;max-width:220px; margin: 0 20px; max-height: 70px}
	.client_logo{display:inline-block;width:20%;margin-left:0% !important;height:90px;}
	.client_logo:first-child{margin-left:5% !important;}
	.footer_link{width:100%;color:#FFFFFF;text-align:center;font-size:1.5rem;line-height:60px;}

	/*list2*/
	.div_list2_child_title{font-size:1.5rem;}
	.div_list2_child_subject{width:40%}
	/*list2 - end*/
	.div_contact_map_subject{padding:50px 50px;right:7%;}
	.contact_map_main{font-size:4rem;}
	.contact_map_line{border-bottom:5px solid #686868;width:160px;margin-top:5px;}
	.contact_map_second{font-size:1.6rem;margin-top:10px;}
	.footer_qrcode{margin-top:15%;}
}
@media screen and (min-width:1280px){
	.div_bg_content{width:75%;}
	.div_bg_content2{width:60%;}
	.div_bg_content_line{margin-left:20%;}
	.div_bg_content3{width:60%;}
	.div_bg_content4{max-width:65%;line-height:1.5rem;margin: 0 auto}
	.div_client_title{font-size:2.5rem;}
	.second_text_body{margin-left:40px;}
	.second_text_title{font-size:2.7rem;}
	/*list*/
	.div_list_child_title{width:60%;}
	.div_list_child_line{margin-left:20%;}
	.div_list_child_bg{width:65%}
	.list_child_subject_main{font-size:2.2rem;line-height:2.0rem;}
	.list_child_subject_line{border-bottom:0.2rem solid #686868;width:85px;margin-top:15px;}
	.list_child_subject_second{font-size:0.8rem;margin-top:15px;}
	/*list - end*/
	/*list2*/
	/*list2 - end*/
	/*share*/
	.div_share{margin-top:120px;margin-bottom:40px;}
	.div_share_icon{width:60px;}
	.div_share_text{margin-top:20px;font-size:1rem;}
	/*share - end*/
	.div_case_title{font-size:1.7rem;}
	.div_case_content{font-size:4.9rem;line-height:4.4rem;}
	.div_case_content_line{width:135px;border:3px solid #000;}
	.div_case_content3{font-size:1.13rem;line-height:1.5rem;margin-top:60px;}

	.div_tpl_text_center1{font-size:1.3rem;line-height:1.6rem;}
	.div_tpl_text_photo1_text{font-size:1.3rem;line-height:1.6rem;}

	.div_contact_content{font-size:5rem;line-height:2rem;padding-top:10px;}
	.div_contact_content_line{margin-top:60px;border-bottom:4px solid #000;width:160px;}
	.div_contact_content3{font-size:1.3rem;margin-top:20px;}
	.div_contact_content4{font-size:1.2rem;margin-top:40px;}
	.div_contact_title2{font-size:2rem;line-height:2rem;padding-top:80px;}
	.div_contact_title2_line{width:155px;margin-left:15%;margin-top:10px;border-bottom:2px solid #686868;}
	.div_contact_map{margin-top:40px;}
	.div_contact_map_subject{padding:50px 50px;right:5%;}
	.contact_map_main{font-size:3rem;}
	.contact_map_line{border-bottom:5px solid #686868;width:160px;margin-top:5px;}
	.contact_map_second{font-size:1.2rem;margin-top:10px;}

	.client_index img{max-height:100px;}
}
@media screen and (min-width:1920px){
	.div_list_child_title{max-width:60%;font-size:2rem;margin:0 auto;color:#686868;}
	.div_list_child_line{border-bottom:0.2rem solid #686868;width:85px;margin-top:10px;margin-left:20%;}
	.div_bg_content{max-width:65%;font-size:5rem;line-height:7rem;padding-top:18vh;}
	.div_bg_content_small{font-size:5rem;Font-family: 'SourceSerifPro-Semibold','Microsoft YaHei','\5FAE\8F6F\96C5\9ED1';}
	.div_bg_content2{max-width:60%;font-size:2.4rem;margin-top:0px;}
	.div_bg_content_line{width:200px;;margin-left:20%;margin-top:20px;}
	.div_bg_content3{max-width:60%;font-size:1.3rem;margin-top:20px;}
	.div_bg_content4{max-width:1400px;margin-left:auto;margin-right: auto;font-size:1.3rem;margin-top:40px;line-height:2rem;word-wrap:break-word;}
	.div_logo{padding-left:40px;padding-top:15px;}
	.btn_second_text{left:100px;bottom:0px;}
	.div_client_title{font-size:2.5rem;}
	.second_text_body{margin-left:40px;}
	.second_text_title{font-size:3.7rem;}
	/*list*/
	.div_list_body_child:first-child{margin-top:40px;}
	.div_list_body_child:not(:first-child){margin-top:40px;}
	.div_list_child_subject{padding:40px;}
	.list_child_subject_main{font-size:3.4rem;line-height:3.3rem;}
	.list_child_subject_line{border-bottom:0.2rem solid #686868;width:85px;margin-top:15px;}
	.list_child_subject_second{font-size:1.4rem;margin-top:15px;}
	/*list - end*/
	/*list2*/
	.div_list2_child_title{font-size:3rem;}
	/*list2 - end*/
	.div_case_title{font-size:2.4rem;}
	.div_case_content{font-size:4rem;line-height:6.4rem;}
	.div_case_content_line{width:230px;border:4px solid #000;}
	.div_case_content3{font-size:1.6rem;line-height:2rem;margin-top:60px;}

	.div_tpl_text_center1{font-size:1.95rem;line-height:2.4rem;}
	.div_tpl_text_photo1_text{font-size:1.95rem;line-height:2.4rem;}

	.div_contact_content{font-size:7.5rem;line-height:2rem;padding-top:10px;}
	.div_contact_content_line{margin-top:80px;border-bottom:5px solid #000;width:240px;}
	.div_contact_content3{font-size:2rem;margin-top:20px;}
	.div_contact_content4{font-size:1.8rem;margin-top:40px;}
	.div_contact_title2{font-size:3rem;line-height:2rem;padding-top:120px;}
	.div_contact_title2_line{width:230px;margin-left:15%;margin-top:20px;border-bottom:3px solid #686868;}
	.div_contact_map_subject{padding:70px 60px;right:7%;}
	.contact_map_main{font-size:4rem;}
	.contact_map_line{border-bottom:5px solid #686868;width:160px;margin-top:10px;}
	.contact_map_second{font-size:1.3rem;margin-top:10px;}
}

.clear{clear:both}
.font_white{color:#FFFFFF;}
.line_white{border-bottom:0.2rem solid #fff;}

.nav_show{cursor:pointer;-webkit-animation: nav_show_effect 1.4s;animation: nav_show_effect 1.4s;animation-fill-mode:forwards}
@keyframes nav_show_effect{0%{height:0px;}100%{height:auto;}}
.nav_hide{cursor:pointer;-webkit-animation: nav_hide_effect 0.4s;animation: nav_hide_effect 0.4s;animation-fill-mode:forwards}
@keyframes nav_hide_effect{100%{height:0;}}

.over{cursor:pointer;-webkit-animation: over_effect 0.4s;animation: over_effect 0.4s;animation-fill-mode:forwards}
@keyframes over_effect{from{height:33.3%;width:100%}to{height:66.6%;width:100%}}
.out{cursor:pointer;-webkit-animation: out_effect 0.4s;animation: out_effect 0.4s;animation-fill-mode:none}
@keyframes out_effect{from{height:66.6%;width:100%}to{height:33.3%;width:100%}}

.open{cursor:pointer;-webkit-animation: open_effect 0.4s;animation: open_effect 0.4s;animation-fill-mode:both}
@keyframes open_effect{100%{height:50vh;}}
.close{cursor:pointer;-webkit-animation: close_effect 0.4s;animation: close_effect 0.4s;animation-fill-mode:forwards}
@keyframes close_effect{0%{height:50vh;}100%{height:20vh;}}


.lighten{cursor:pointer;-webkit-animation: lighten_effect 1.3s;animation: lighten_effect 1.3s;animation-fill-mode:forwards}
@keyframes lighten_effect{from{background-color:rgba(0,0,0,0.6)}
	to{background-color:rgba(0,0,0,0.15)}
}

.darken{cursor:pointer;-webkit-animation: darken_effect 1.3s;animation: darken_effect 1.3s;animation-fill-mode:forwards}
@keyframes darken_effect{from{background-color:rgba(0,0,0,0.15)}
	to{background-color:rgba(0,0,0,0.6)}
}


.font_gray{color:#979797;}
.mouse_hand{cursor:pointer;}

/*************************2024-04-03增**************************/
.pc_nav{margin-right: 50px}
.pc_nav li{ display: inline-block; position: relative; min-height: 50px; text-align: left;margin:0 70px; width: auto; padding-left: 10px}
.pc_nav li a{
	font-family: SourceSerifPro-Regular,SimHei,'\9ED1\4F53',Microsoft YaHei,'\5FAE\8F6F\96C5\9ED1';
	font-size: 1.4rem;
	line-height: 1.4rem;
	position: relative;
}
.pc_nav li a:hover:after {
	transform: scaleX(0.5);
}
.pc_nav li a:after {
	content: " ";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 10px;
	border-bottom: 2px solid #000;
	transform: scaleX(0);
	transition: transform .6s cubic-bezier(0.165,0.84,0.44,1);
	transform-origin: center;
}
.pc_nav .sub_nav{
	background-color: white;
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	min-width: 240px;
	/*left: -50%;*/
	text-align: center;
	padding-bottom: 10px;
	display: none;
}
.pc_nav .sub_nav li{
	display: block;
	margin-top: 10px;
	margin-right: 0;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 0;
}
.pc_nav .sub_nav li a{
	position: relative;
	font-size: 1.2rem;

}

.div_bg_content4 .s1 {
	float: left;width:45%;max-width: 550px;height: 350px;background-color: black
}
.div_bg_content4 .s2{
	float: left;width: 45%; margin-left: 30px;margin-top: 20px; font-size: 1.4rem; line-height: 1.8rem;
}

.contact{ width: 1100px; margin: 50px auto 0 auto; padding-top: 200px}
.contact .col1{width: 40%; float: left}
.contact .col2{width: 30%; float: left}
.contact .col1 p{font-size: 50px; margin-top: 100px}

@media screen and (max-width:768px){
	.pc_nav {display: none}
	.wap_nav {display: block}
	.div_bg_content4 { margin: 0 15px;}
	.div_bg_content4 .s1{float: none; width: 100%}
	.div_bg_content4 .s2{float: none; width: 100%; margin-left: 0; font-size:1rem}
	.contact{ width: 95%; margin: 0 auto; padding-top: 150px}
	.contact .col1,.contact .col2{width: 100%; float: none}
	.contact .col1 p{font-size: 30px; margin-top: 10px}
	.contact img.map {width: 100%; height: auto}
	.div_header_child li{font-size: 1.4rem}
	.div_second_body .body .col {width: 48%; margin-right:1%; margin-left:1%}
	.div_second_body .body .col img{max-width: 100%; height: auto}
	.div_second_body .title{font-size: 1rem}
	.div_second_body .body .col span {font-size: 0.7rem}
	.div_bg {margin-top:50px !important}
}
@media screen and (min-width:768px)and (max-width: 1024px){
	.pc_nav {display: block; margin-right: 0}
	.wap_nav {display: none}
	.pc_nav li {margin-right: 10px}
	.pc_nav li a {font-size: 1.4rem}
	.div_bg_content4 .s1,.div_bg_content4 .s2{float: none; width: 100%}
}
@media screen and (min-width:1024px){
	.pc_nav {display: block;}
	.wap_nav {display: none}
	    .div_bg_content4 {
        display: flex; align-items: center;
    }
    .div_bg_content4 .s2{
        margin-top: 0 !important; line-height: 2rem;
    }
}