/*样式重置*/
*{ margin: 0; padding: 0; box-sizing: border-box;}
a{ text-decoration: none; color: #000;}
ul li{ list-style: none;}
ul li:last-child{ border: none;}
a:active, a:hover {text-decoration:none}
em,i{ font-style: normal;}
body{font-family: "微软雅黑"; font-size: 14px; margin: 0 auto; -webkit-tap-highlight-color: rgba(0,0,0,0);  margin: auto;}
*:focus { outline: none; } 
b{ font-weight: normal;}
img{ border: none;}
table{ border-collapse:collapse;  border-spacing:0; padding: 0; margin: 0; }


.main {width: 100%;height: 100%;background-color: #000;position: relative;}
/* .main img {display: block;} */
.main .logo,
.main .menu {position: fixed;top: 8.5vh;z-index: 999;cursor: pointer;}
.main .logo img,
.main .menu img {opacity: 0.8;}
.main .logo:hover img,
.main .menu:hover img {opacity: 1;}
.main .logo {left: 1.5rem;}
.main .logo img {width: 0.8rem;}
.main .menu {right: 1.5rem; }
.main .menu img {width: 1rem;}
* {
  margin: 0;
  padding: 0;
}
.news_content{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.main .img-container {overflow: hidden;position: relative;}
.main .img-container img {width: auto;height: 100%;float: right; }
.main .title {position: absolute;top: 13.3rem;left: 6rem;}
.main .title p {font-size: 2rem;font-weight: 300;color: ;letter-spacing: 3px;}
.main .content { padding-left: 10%;  background: #000;}
.banner_box{ color: #fff;width: 100%; overflow: hidden;}
.painter-banner{ overflow: hidden; background: #fff; padding-top: 100px;}
.banner_box .lin-intro{  width: 80%; margin: 0 auto;position: relative;padding-bottom: 2rem; overflow: hidden; color: #000;}
.banner_box .lin-intro .lin-left{ float: left; width: 30%;}
.banner_box .lin-intro .lin-right{ float: right; width: 70%; box-sizing: border-box; padding-left: 5%;}
.banner_box .lin-intro img{ display: block; vertical-align: middle;}
.banner_box .lin-intro .lin-right h4{font-weight: 500; font-size: 20px;margin-top: 20px;margin-bottom: 60px; position: relative;}
.lin-right h4:after {  content: '';width: 8%;height: 4px;background-color: #ea0000;position: absolute;left: 0;bottom: -28px;}
.lin-right h3 {font-size: 38px;font-weight: 500;font-family: 楷体, STHeiti, "Microsoft YaHei", 微软雅黑;}
.lin-right p,.p_other p {font-size: 20px;margin-top: 15px;line-height: 48px;font-family: '宋体';}
.clear{display: block;clear: both;}

.picw_list{ background-color: #FFFFFF; width: 100%; margin: auto; overflow: hidden;padding-top: 100px;}
.picw_list ul{  overflow: hidden; padding: 0 5%; text-align: center;}
.picw_list ul li{ display: inline-block; width: 400px; height: 400px; margin: 0 20px 40px;}
.picw_list ul li a{ display:block; height: 100%; width: 100%; position: relative; overflow: hidden; text-align: left;}
.picw_list ul li a img{ display: block; width: 100%; height: 100%;object-fit: cover; transition: all 0.2s ease-in;}
.picw_list ul li a .txt_p{position: absolute; bottom: 0; color: #fff; padding: 10px; z-index: 100; width: 100%; background: linear-gradient( rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 1) 100%);}
.picw_list ul li a .txt_p p{ font-size: 22px; margin-bottom: 5px;}
.picw_list ul li a .txt_p em{ display: block; font-size: 16px;}
.picw_list ul li a:hover img{ transform: scale(1.1,1.1);}
.picw_list ul li a span{ display: block; width: 100%; height: 100%; background: #000000; left: 0; top: 0; position: absolute; opacity: 0;transition: all 0.2s ease-in;}
.picw_list ul li a:hover span{ opacity: .5; }
.p_other{ width: 80%; padding-bottom: 2rem; margin: auto;}
.p_other h2{ font-weight: 500; margin-bottom: 40px; font-size: 24px;}
.p_other p{ line-height: 40px; margin-bottom: 20px;}

/*文章详情*/
.at_details{  /*! background: #fff; */ /*! padding:010%; */margin:0 auto auto -10%;}
.at_details .dt_head h1 {font-size: 22px;color: #333;line-height: 40px;}
.at_details .dt_head {border-bottom: 1px solid #d9d9d9; padding: 0 10px 20px; width:900px; margin-bottom:10px;margin: auto;background: #f3f3f3;}
.detailes_cont{ padding: 30px 0;}
.article-status .statement { font-size: 12px;color: #bbb;text-align: center; padding: 23px 0 6px;}
.detailes_cont p{line-height: 2.2;margin-bottom: 2em; word-wrap: break-word; font-size: 18px;}
.at_details .detailes{ width:900px;margin: auto;background: #f3f3f3;padding:0 15px;}
.at_details .detailes img{ width:100%;}
.at_details .detailes p{ line-height:36px;font-size: 16px; margin-bottom:10px;}
.at_details .detailes video{display: block;margin: 0 auto;min-width: 870px;min-height: 450px;max-width: 870px;max-height: 600px;background: #000;}

/* .detailes_cont img{max-width: 100%;margin: 0.6em auto;display: block;} */
/*联系我们*/
.contact_us{width:100%; background: #fff; padding:50px 30px; overflow: hidden;}
.contact_us h1{font-size: 30px;color: #333;line-height: 40px; float: left; width: 30%; margin-bottom: 60px;}
.contact_us .contact_list{ float: left; width: 70%; overflow: hidden;}
.contact_us .contact_list .ct_item{ width: 50%; float: left;}
.contact_us .contact_list .ct_item .way{margin-bottom: 80px; }
.contact_us .contact_list .ct_item .way p span { border-bottom: #2A2A2A solid 2px;padding-bottom: 2px; font-size: 16px;}
.contact_us .contact_list .ct_item .way p{ line-height: 24px;}
.contact_us .contact_list .ct_item .way ul{margin-top: 15px;}
.contact_us .contact_list .ct_item .way ul li{font-size: 16px;color: #2A2A2A;margin-bottom: 20px;}
.contact_us .contact_list .ct_item .way ul .link_buts{ overflow: hidden;}
.contact_us .contact_list .ct_item .way ul .link_buts a{ margin-bottom:10px; opacity: .6;  box-sizing: border-box; float: left; margin-right: 10px; display: block; width: 44px; height: 44px; border-radius: 100%; border: 1px solid #000;}
.contact_us .contact_list .ct_item .way ul .link_buts a:hover{ opacity: 1; transform: rotate(15deg);}
.contact_us .content,.contact_us .submit-btn{
	background-color: #fff;
}
.contact_us .contact_list .ct_item .way ul li input,.contact_us .contact_list .ct_item .way ul li textarea{ padding: 5px 10px; min-width: 300px; border: none; border-bottom: 1px solid #bbb;}
.contact_us .contact_list .ct_item .way ul li textarea{ height: 100px;}
.contact_us .contact_list .ct_item .way ul li button{ width: 60px; line-height: 24px; background: #000; color: #fff; cursor: pointer;}
/*作品*/
/*作品*/
.project_list{ background: #000; padding: 10vw 0 ;}
.project_list .pt_item{align-items: stretch;align-content: stretch;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start; }
.project_list .lt_pt{ width: 25vw; display: flex;align-items: center;flex-grow: 1;object-fit: cover;position: relative; line-height: 0; cursor: pointer;}
.project_list .lt_pt img{ display: block; width: 100%; height: inherit;transition:all 0.2s ease-in;}
.project_list .lt_pt video{ width: 100%;}
.void{ width: 15vw; height: 10px;}
.project_list .rt_txt{width: 38vw;justify-content: space-between;flex-direction: column;flex: 1 1 auto;display: flex;text-transform: uppercase;}
.project_list .rt_txt .row_intro{width: 100%; height: 100%;align-items: center;align-content: center; display: flex; padding: 15px 0;}
.project_list .rt_txt .row_intro .r_inner{align-items: flex-start;align-content: center;justify-content: center;display: flex;word-wrap: break-word;flex-wrap: wrap;justify-content: space-between; width: 100%;}
.project_list .rt_txt .row_intro h2{color: #fff; font-size:30px ; line-height: 45px; font-weight: 100;word-break: break-word; margin-bottom: 10px;}
.project_list .rt_txt .row_intro p{color: #fff; width: 100%;word-break: break-word; opacity: 0.8; line-height: 24px; margin-bottom: 20px;}
.project_list .rt_txt .row_intro .r_inner .buttons {color: #fff;display: flex;height: 39px;margin-top: 33px;width: 100%;}
.project_list .rt_txt .row_intro .r_inner .buttons p{color: #fff; display: flex; height: 100%;}
.project_list .rt_txt .row_intro .r_inner .buttons .button {color: #fff;border: 1px solid rgba(255,255,255,.2);text-align: center;display: flex;justify-content: center;word-wrap: break-word;transition: all 0.2s ease-in; cursor: pointer;}
.project_list .rt_txt .row_intro .r_inner .buttonmarket {
display: flex;align-items: center;width: calc(70% - 40px);height: 100%;
}
.project_list .rt_txt .row_intro .r_inner .buttons .buttons a { color: #fff;padding-top: 2px;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease-in;}
.project_list .rt_txt .row_intro .no_up p{ color: #000;color: #fff; opacity: .2;}
.project_list .rt_txt .row_intro .r_inner .buttons .button:hover{ background-color:rgba(255,255,255,1) ;border: 1px solid rgba(255,255,255,.2);}
.project_list .rt_txt .row_intro .r_inner .buttons .button:hover a{ color: #fff;}
.project_list .rt_txt .row_intro .no_up a{color:gray;pointer-events:none;cursor:default}
.project_list .rt_txt .row_top,.project_list .rt_txt .row_bottom{color: #fff;width: 100%;display: flex;flex-direction: row;justify-content: space-between;opacity: .5;}
.project_list .rt_txt .row_bottom{ padding-bottom: 10px;}
.pt_item_out{display: flex;flex-direction: column;margin-bottom: 10vw; width: auto;}
.linecontainer.linecontainer1 {position: relative;width: 100%; display: none;}
.linecontainer.linecontainer1 .line {height: 1px;background: #fff; width: 100%;}
.linecontainer.linecontainer1 .line2 {position: absolute;top: 0;width: 35.3%;margin-left: 45vw;opacity: 1;}
.linecontainer.linecontainer1 .shortline {width: 15px;height: 1px;background-color: #000;position: absolute;top: 0;}
.linecontainer.linecontainer1 .shortline1 {}
.linecontainer.linecontainer1 .shortline2 { margin-left: 45vw;width: 15px;}
.linecontainer.linecontainer1 .shortline3 { margin-left: 85.5%;}
.linecontainer.linecontainer1 .shortline4 {right: 0;width: 15px;}
.mask{ display: none; position: fixed; width: 100%; height: 100%; z-index: 2000; left: 0; top: 0; opacity: 0;}
.iner_main {position: fixed; z-index: 1300;display: none; left: 0; top: 0; width: 100%;  height: 100%;background-color: rgb(0,0,0,0.9);}
.iner_main .inner_imgvideo{inset: 0px;display: flex;outline: none;align-items: center;justify-content: center; }
.iner_main img,.iner_main video	{  pointer-events: none;position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);max-width: 100vw;max-height: 100vh;object-fit: cover;z-index: -1; box-shadow: 0 0 50px rgba(0,0,0,0.7);}
.load-more-box {margin: 60px auto;text-align: center;font-size: 18px;color: #2A2A2A;font-weight: bold;height: 30px;}
.load-more-box a{padding: 10px 15px;}

.footer{ width: 100%; color: #000; text-align: center;}
.foot{ padding: 40px 10%; background: #000; color: #fff; overflow: hidden; position: relative;} 
.foot p{ margin: auto;font-size: 14px;}
.foot .p_link{ position: absolute; right: 10%; top: 50%; transform: translateY(-50%);}
.foot .p_link .link_buts{ position: relative; overflow: hidden;}
.foot .p_link .link_buts a{ display: block; width: 44px; height: 44px; float: left; opacity: .4; margin-right: 10px; }
.foot .p_link .link_buts a:hover{ opacity: 1;}

.foot a{ color: #fff;}
/*补充新*/
/*团队*/
.leader_main{ width:100%; overflow: hidden; background: #fff;}
.leader_main::after {content: "";display: block;visibility: hidden;clear: both;}
.leader_main .left-container{ float: left; width:20%; height: 12rem; overflow: hidden;}
.leader_main .left-container img {width: 100%;height: auto;min-height: 100%;-webkit-transition: all .3s;transition: all .3s;}
.leader_main .right-container{ float: left;width:80%; height: 100%; position: relative;height: 12rem; overflow: hidden;}
.leader_main .right-container .info {padding-right: 1rem;position: absolute;left:1.5rem;top: 1rem;}
.leader_main .right-container .info p {color: #333;font-size: 0.4rem;margin-bottom: 0.12rem;}
.leader_main .right-container .info p.name {font-size: 0.8rem;margin-bottom: 0.25rem;}
.leader_main .right-container .info p.en_name {font-size: 0.35rem;margin-bottom: 0.4rem;}
.leader_main .right-container .info  .title_list{ padding: 15px 0;}


.leader_main .left-container:hover img {-webkit-transition: all .3s;transition: all .3s;-webkit-transform: scale(1.1);transform: scale(1.1);}
.leader-list {width: 100%;margin-bottom: 2rem; background: #fff; padding: 0 0 50px 20%;}
.leader-list::after {content: "";display: block;visibility: hidden;clear: both;}
.leader-list .leader-item {float: left;width: 28%;height: 7.4rem;}
.leader-list .leader-item a {width: 100%;height: 100%;display: block;}
.leader-list .leader-item .left-container {float: left;width: 50%;height: 100%;overflow: hidden;}
.leader-list .leader-item .left-container img {width: 100%;height: auto;min-height: 100%;-webkit-transition: all .3s;transition: all .3s; object-fit: cover;}

.leader-list .leader-item .left-container:hover img {-webkit-transition: all .3s;transition: all .3s;-webkit-transform: scale(1.1);transform: scale(1.1);}
 .leader-list .leader-item .right-container {float: left;width: 50%;height: 100%;position: relative;}
.leader-list .leader-item .right-container .info {padding-right: 1rem;position: absolute;left: 0.6rem;bottom: 0.7rem;}
.leader-list .leader-item .right-container .info p {color: #333;font-size: 0.4rem;margin-bottom: 0.12rem;}
.leader-list .leader-item .right-container .info p.name {font-size: 0.8rem;margin-bottom: 0.25rem;}
.leader-list .leader-item .right-container .info p.en_name {font-size: 0.35rem;margin-bottom: 0.4rem;}
.leader-list .leader-item:nth-of-type(4),.leader-list .leader-item:nth-of-type(10),.leader-list .leader-item:nth-of-type(16) {margin-left: 14%;}
.workVideo{/* max-height: 100%; */width: 100%;max-width: 100%;border-radius: 0.5rem;object-fit: fill}
.contentN{   background: #000; font-size: 14px;  line-height: 30px; margin:0 auto auto -10px; }
.contentN .contentinner{ width:900px; margin: auto;background:#fff;padding: 15px;}
.content-media{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;position: absolute;top:0}
@media screen and (max-width: 768px) {
	.leader_main .left-container{ float: left; width:40%; height: 12rem; overflow: hidden;}
	.leader_main .right-container{ float: left;width:60%; height: 100%; position: relative;height: 12rem;}
	.leader_main .right-container .info {padding-right: 1rem;position: absolute;left:0.5rem;top: 0.3rem;}
	.contentN{ padding: 1rem 15px 2rem ;}
.leader-list {width: 100%;margin-bottom: 1rem;padding: 0 0 10px 0;}
	  .leader-list .leader-item {width: 50%;height: 140px;}
		.leader-list .leader-item .left-container img {display: block;}
.leader-list .leader-item .left-container:hover img {-webkit-transform: scale(1);transform: scale(1);}
.leader-list .leader-item .right-container .info {padding-right: 0;left: 0.5rem;}
  .leader-list .leader-item .right-container .info p.en_name {font-size: 0.5rem;}
.leader-list .leader-item:nth-of-type(6n+4) {margin-left: 0;}
  .leader-list .leader-item:nth-of-type(4n-1) .left-container,.leader-list .leader-item:nth-of-type(4n) .left-container {float: right;}
	 .leader-list .leader-item:nth-of-type(4n-1) .right-container,.leader-list .leader-item:nth-of-type(4n) .right-container {float: left;}
	.leader-list .leader-item:nth-of-type(4n+3) .right-container .info,.leader-list .leader-item:nth-of-type(4n+4) .right-container .info {left: auto;right: 0.5rem;text-align: right;}
	.detailes_cont img{max-width: 60%;margin: 0.6em auto;display: block;}
}

/*响应式适配*/

@media (max-width:980px) {
	.main .img-container{ text-align:center;}
	.main .img-container img{ float:none; display:inline-block;object-fit:cover; position:absolute; left:50%;top:50%;transform:translate(-50%,-50%)}
	.picw_list{ padding-top:50px;}
	.picw_list ul{ padding: 0;}
	.picw_list ul li{ width: 300px; height:300px; margin:0 10px 20px;}
	.foot { padding:40px 10% 104px;}
	.foot .p_link{ bottom:10px; left:50%; transform:translate(-50%,-50%); top:auto; width:100%; text-align:center;}
	.foot .p_link .link_buts a{ display:inline-block; float:none; margin-right:4px; }
	.foot .p_link .link_buts{text-align:center;transform:scale(0.7);}
	.void{ width:10vw;}
	.project_list .lt_pt{ width:55vw;}
	.linecontainer.linecontainer1 .line2{ margin-left:52vw;}
	.linecontainer.linecontainer1 .shortline2{margin-left:52vw;}
	.linecontainer.linecontainer1 .shortline3{ margin-left:93%;}
	.detailes_cont img{max-width: 60%;margin: 0.6em auto;display: block;}
}
@media (max-width:640px) {
	.banner_box .lin-intro,.p_other{ width: 100%; padding: 0 15px;}
	.main .content{ padding: 0;}
	.painter-banner{ padding-top:30px;}
	.banner_box .lin-intro .lin-right h4{ font-size:16px; margin-top:10px; margin-bottom:34px;}
	.lin-right h4:after{ height:2px;bottom:-17px;}
	.banner_box .lin-intro .lin-right h3{ font-size:28px;}
	.banner_box .lin-intro .lin-right p{ font-size:14px; line-height:26px; opacity: 0.6;}
	.p_other h2{ font-size:18px; margin-bottom:20px;}
	.banner_box{ margin-bottom:24px; padding-bottom:24px; border-bottom:1px solid #eee;}
	.picw_list{ padding-top:25px;}
	.picw_list ul{ padding:0 15px;}
	.picw_list ul li{ width:100%; height:auto;margin:0 0 15px; padding-bottom:15px; border-bottom:1px solid #eee;}
	.picw_list ul li a .txt_p{ position: static; background:#fff; color:#000;}
	.picw_list ul li a img{ height:200px; border-radius:4px;}
	.picw_list ul li a .txt_p p{ font-size:18px; }
	.picw_list ul li a .txt_p em{ font-size:14px; color:#757575;}
	.at_details{ padding: 25px 15px;}
	.at_details .dt_head h1{ line-height:30px; margin-bottom:10px;}
	.detailes_cont p{ font-size:16px; line-height:24px;}
	.contact_us{width:100%; background: #fff; padding:25px 15px; overflow: hidden;}
	.contact_us h1,.contact_us .contact_list,.contact_us .contact_list .ct_item{width:100%; margin-bottom:20px;}
	.contact_us h1{}
	.contact_us .contact_list .ct_item .way{ margin-bottom:24px;}
	.contact_us .contact_list .ct_item .way ul .link_buts a{ margin-bottom:10px;}
	.project_list{ padding:25px 0;}
	.pt_item_out{}
	.project_list .pt_item{flex-direction:column; padding: 0 0;}
	.void{ display:none;}
	.project_list .lt_pt{ width: 100%; margin-bottom:20px;}
	.project_list .rt_txt{ width:100%; padding: 0 15px;}
	.linecontainer.linecontainer1 .line2 {display:none;}
	.linecontainer.linecontainer1 .shortline2 { display:none;}
	.linecontainer.linecontainer1 .shortline3 { display:none;}
}
/* nav */
.com_nav{ position: fixed; right:-331px;top:0; z-index: 1200; background:#fff; height:100%; padding:15px; width:300px; }
.com_nav .close_btn{ margin-bottom:20px; line-height:24px; text-align:center; cursor: pointer;}
.com_nav .close_btn span{ display:inline-block; margin-right:10px; width:24px;height:24px;border:1px solid #000;border-radius:100%;}
.com_nav ul { margin-bottom:30px;}
.child-link span{font-size: 12px;color: #ccc;padding-left: 40px;}
.child-link{margin-bottom: 15px;}
.com_nav ul li a{ display:block;color: #2A2A2A; text-decoration: none; line-height:34px;padding-left: 20px; text-align:left; margin-bottom:15px;font-size:16px; transition: all 0.2s ease-in;}
.com_nav ul li a:hover{ background:#000; color:#fff; }
.nav_mask{position: fixed; display: none; left:0;top:0; width:100%; height:100%; z-index: 1000; background:#000; opacity: 0.5;}
.com_nav li{
	list-style-type: none;
}
.com_nav_tan{
	right: 0;
	transition: right 0.5s;
}
.com_nav_exit{
	
		right: -331px;
		transition: right 0.5s;
}
.show-block{
	display: block;
}
/*补充*/
/* 团队介绍  */
.team-list{background-color: #FFFFFF; width: 100%; margin: auto; overflow: hidden;padding-top: 100px;}
.team-list ul{overflow: hidden;  text-align: center; margin-bottom: 100px;}
.team-list ul li{  display: inline-block; width: 400px;  margin: 0 20px 40px; vertical-align: top;}
.team-list ul li img{ width:100%; max-height:100%;object-fit: cover; border-radius: 100%; margin-bottom: 20px;}
.team-list ul li p{ font-size: 24px; margin-bottom: 20px;}
.team-list ul li span{ display: block; margin-bottom: 10px;}

@media (max-width:640px) {
	
	.team-list{ padding-top: 25px;}
	.team-list ul{ padding: 0 15px;}
	.team-list ul li{ width:100%; height:auto;margin:0 0 15px; padding-bottom:15px; border-bottom:1px solid #eee; text-align: center;}
	.team-list ul li img{ width:150px;height:150px; margin: 0 auto 20px;}
}

/*招聘*/
.hiring-list-cont{  background: #000;margin:0 auto auto -10%; padding: 20px;}
.hiring-list{background-color: #FFF; width: 900px; overflow: hidden; margin: auto;}
.hiring-item{ padding-left: 50px; margin-bottom: 50px;}

.hiring-top{padding-bottom: 16px;margin-bottom: 16px;}
.hiring-top .hiring-top-title{margin-top: 6px;font-size: 20px;line-height: 28px;color: #222831;margin-right: 120px;}
	
.hiring-top-status{margin-top: 15px;margin-right: 96px;color: #89909e;}
.hiring-top-status span{padding: 0 10px;border-right: 1px solid #dddfe3;}
.hiring-top-status span:first-child {padding-left: 0;}
	
.hiring-top-locations{display: flex;flex-wrap: wrap;padding-right: 145px;margin-top: 6px;color: #89909e;}
	
.hiring-top-locations sapn{flex-shrink: 0;white-space: nowrap;line-height: 20px;margin-right: 16px;}
	
.hiring-bottom{font-size: 16px;margin-top: 5px;}
.hiring-bottom-title{display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: center;align-items: center;margin-bottom: 19px;color: #222831;font-size: 16px;}
	
.hr-line{-webkit-box-flex: 1;flex-grow: 1;margin-left: 12px;height: 1px;background-color: #f4f4f5;}
.job-description{ word-break: break-word;font-size: 14px;}.job-description p{ margin-bottom: 5px;}
@media (max-width:640px) {
	
	.hiring-list{ padding: 25px 0;}
	.hiring-item{ padding: 0 15px;}
}	
	
	/*右侧导航栏*/
.com_nav{ width: 350px; height: 100%; overflow-y: auto;}
.com_nav ul li a{ text-align: left; padding-left: 15px;}
.com_nav ul li dl a{ margin-bottom: 5px; padding-left: 55px; opacity: .5;}
.com_nav ul li dl a:hover{ opacity: 1;}

.com_nav_tan ul li {animation:mymove 0.5s 1;
	/*Safari 和 Chrome:*/
	-webkit-animation:mymove 0.5s 1;}
.com_nav_tan ul li:nth-child(2){animation:mymove 0.6s 1;
	/*Safari 和 Chrome:*/
	-webkit-animation:mymove 0.6s 1;}
.com_nav_tan ul li:nth-child(3){animation:mymove 0.7s 1;
	/*Safari 和 Chrome:*/
	-webkit-animation:mymove 0.7s 1;}
.com_nav_tan ul li:nth-child(4){animation:mymove 1s 1;
	/*Safari 和 Chrome:*/
	-webkit-animation:mymove 1s 1;}
.com_nav_tan ul li:nth-child(5){animation:mymove 1.1s 1;
	/*Safari 和 Chrome:*/
	-webkit-animation:mymove 1.1s 1;}
.com_nav_tan ul li:nth-child(6){animation:mymove 1.2s 1;
	/*Safari 和 Chrome:*/
	-webkit-animation:mymove 1.2s 1;}
.com_nav_tan ul li:nth-child(7){animation:mymove 1.3s 1;
	/*Safari 和 Chrome:*/
	-webkit-animation:mymove 1.3s 1;}
.com_nav_exit{ right:-351px;}
   .com_nav{ background:none;}
   .com_nav ul li a{ color:#ffffff;}
   .com_nav .close_btn span{ color:#ffffff;border:1px solid #ffffff;}
@keyframes mymove
    {
    from {transform: translateX(50px); opacity: 0;}
    to { transform: translateX(0);opacity: 1;}
}
 
/*Safari 和 Chrome:*/
@-webkit-keyframes mymove
{
    from {transform: translateX(50px);opacity: 0;}
    to { transform: translateX(0);opacity: 1;}
}

@media (max-width:640px) {
	
	.com_nav{ width: 100%;}
}


/*补充*/
.com_nav{ right:-400px;}
.com_nav_tan{ right: 0;}
@media (max-width:980px) {
	
	.main .content{ width: 100%; padding-left: 0;}
	.at_details{ width: 100%; margin: 0;}
	.at_details .dt_head{ width: 100%;}
	.at_details .detailes{ width: 100%;}
	.contentN .contentinner{ width:100%}
	.at_details .detailes video{min-width:790px;width:100%;min-height:400px;}
	.contentN{ padding: 15px; margin: auto;}
}
@media (max-width:640px) {
	
	.at_details .detailes video{min-width:350px;width:100%;min-height:200px;}
}


/*补充20241108wz*/
.main .img-container img{}
.sdown-arrow img{ width:25px !important; height: 25px !important;top: auto!important; transform: rotate(90deg ) !important; position: static !important; }
.sdown-arrow{ width: 50px; height: 50px; position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); color: #fff;  text-align: center;}
body{ padding-bottom: 200px;}
@media (max-width:980px) {
	body{ padding-bottom: 0;}
	.footer{ position: static;}
}