/* CSS Document */
body { font:14px "microsoft Yahei","Arial",sans-serif; color: #333; word-wrap:break-word; -webkit-tap-highlight-color:rgba(0,0,0,0); background: #fff;}
body,form,input,p,ol,ul,li,h1,h2,h3,h4,h5,h6,table,th,td,dl,dt,dd{padding:0;margin:0;}
img{border:0; vertical-align: middle;}
ul,li{list-style:none;}
dl,dt,dd{display: block;}
a{text-decoration:none; transition: 0.5s; outline: none;}
a:hover{color: #f60}
input,textarea{ box-sizing: border-box; outline:none;  border: 0; background:none; font:14px "microsoft Yahei","Arial",sans-serif; width: 100%; }
input[type="button"], input[type="submit"], input[type="text"] {-webkit-appearance: none; outline: none; }
h2{font-weight:400;}
i{ font-style:normal;}
b{ font-weight:normal;}

/*scroll 下拉条*/
::-webkit-scrollbar {width:4px;height:4px}
::-webkit-scrollbar-button:vertical {display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track {background-color:#ffffff;}
::-webkit-scrollbar-thumb {border-radius:10px;background-color: #009fde;}
::-webkit-scrollbar-thumb:vertical:hover {background-color: #009fde;}
::-webkit-scrollbar-thumb:vertical:active {background-color: #009fde;}

/* clear 页头，页脚，内容区都不用再加清除样式 */
.cf:before, body:before, .header:before, .main:before, .footer:before, .wrap:before { content: ''; display: table }
.cf:after, after, .header:after, .main:after, .footer:after, .wrap:after { content: ''; display: table; clear: both }
.cf, .header, .main, .footer, .wrap { *zoom: 1 }
.clear{ width: 100%; height: 0; overflow: hidden; clear: both; }

/* barba过场动画 */
.barba_ba{ width: 100%; height: 100%; background: #000; opacity: 1; z-index: 100000; position: fixed; left: 0; top: 0; visibility: hidden; opacity: 0; transition:0.6s;}
.barba_ba_one{ opacity: 1; visibility: visible;}
.barba_ba .barba_con{ width: 400px; height: 173px; position: absolute; left: 50%; top: 50%; margin: -87px 0 0 -200px; background: url(/assets/images/baeba_logo.png) no-repeat center top ; opacity: 0; transform: scale(2); transition:transform 1s, opacity 1s;}
.barba_ba_one .barba_con{ opacity: 1; transform: scale(1);}

/*图片放大*/
@media screen and (max-width: 1920px) and (min-width: 1200px){
	.tr_sc{ overflow:hidden; display:block;}
	.tr_sc img{transition:0.5s all;}
	.tr_sc:hover img{transform:scale(1.1,1.1);}
}

/*其他公用*/
.wrap{width: 1300px; margin: 0 auto; }
#top{position:fixed; bottom:25%; right:20px; cursor:pointer; width:50px; height:50px; background: #666 url(/assets/images/top.png) center no-repeat; z-index:9;}	
.hidden{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width: 100%; display: inline-block;}
.back_img{background-repeat: no-repeat; background-position:top center; background-size: cover;  }

/* load */
.load_body{ width: 100%; position: absolute; height: 100%; overflow: hidden;}
.load{ position: fixed; width: 100%; height: 100%; left: 0; top:0; background:#f0f2f5 url(/assets/images/back_load.png); z-index: 9999; display: none;}
.load .img img{ display: none;}
.load_box{position: fixed; top: 50%; width: 100%; margin-top: -20px;}
.load_box .txt{text-align: center; font-size: 16px; color: #8892a0;}

/* load加载动画 */
.container {
	left: 50%;
	position: absolute;
	top: 40px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
  }
  
  /* PROGRESS */
  .progress {
	background-color: #e5e9eb;
	height: 0.25em;
	position: relative;
	width: 30em;
  }
  .progress-bar {
	animation-duration: 3s;
	animation-name: width;
	background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
	background-image: -webkit-linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
	background-size: 30em 0.25em;
	height: 100%;
	position: relative;
  }
  .progress-shadow {
	background-image: linear-gradient(to bottom, #eaecee, transparent);
	background-image: -webkit-linear-gradient(to bottom, #eaecee, transparent);
	height: 4em;
	position: absolute;
	top: 100%;
	transform: skew(45deg);
	transform-origin: 0 0;
	width: 100%;
  }
  
  /* ANIMATIONS */
  @keyframes width {
	0%, 100% {
	  transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
	}
	0% {
	  width: 0;
	}
	100% {
	  width: 100%;
	}
  }


/* 网站头/尾 */
.header{width: 100%; height: 60px; position: fixed; z-index: 9; }
.header .part1{float: left; padding: 30px 0 0 50px}
.header .part2{float: right}
.header .part2 .tel{float: left; background: url(/Template/sy2022/images/xx_01.png) repeat-y; width: 267px; text-align: center; height: 60px; line-height: 60px}
.header .part2 .tel i{color: #fff; background: url(/Template/sy2022/images/ico_01.png) center left no-repeat; padding-left: 35px; display: inline-block; font-family: 'DIN-REGULAR'; font-size: 22px;}
.header .part2 .nav_but{float: left; width: 60px; height: 60px; cursor: pointer; background: #fff;}
.header .part2 .nav_but i{width: 24px; height: 2px; margin: 29px 0 0 20px; background: #333; display: block; position: relative; transition: 0.5s;}
.header .part2 .nav_but i:before,
.header .part2 .nav_but i:after{content:""; position:absolute; left:0; top:0; display:block; width:100%; height:2px; background: #333; transition: 0.5s;}
.header .part2 .nav_but i:before{ margin-top: -8px;}
.header .part2 .nav_but i:after{ margin-top: 8px;}
.header .part2 .nav_but.one i{background: none}
.header .part2 .nav_but.one i:before{ transform: rotate(45deg); margin: 0;}
.header .part2 .nav_but.one i:after{ transform: rotate(-45deg); margin: 0;}
.header::before{contain: ""; position: absolute; left: 0; top: 0; width: 100%; height: 200px; z-index: -1; background: url(/Template/sy2022/images/xx_07.png) repeat-x;}

/*头部*/
.head{ width:100%; position:fixed; top:0; left:0;z-index:90; height: 104px; padding:40px 60px; box-sizing: border-box; transition: 0.3s;}
.head::before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,1); opacity: 0; z-index: -1; transition: 0.3s;}
.head .logo{ float: left;transition: 0.3s;padding-top: 6px;}
.head .logo img{ width: 150px;transition: 0.3s;}
.head .r{ line-height:44px;transition: 0.3s; overflow: hidden; display: flex; justify-content: space-between;}
.head .nav{float: left; margin: 0 auto;}
.head .nav a{ display:block; float:left; font-size:16px; font-weight: bold; color:#fff; margin:0 35px;transition: 0.3s; position: relative; }
.head .nav a:hover,
.head .nav a.one{ color:#009fde;}
.head .nav a::after{ content: ""; position: absolute; bottom: 4px; left: 0; width: 0%; height: 2px; background: #009fde; transition: 0.3s;}
.head .nav a:hover:after,
.head .nav a.one:after{ width: 100%;}
.head .phone{float: left;  font-size:26px; font-weight: bold;  background: url(/assets/images/tel.png) no-repeat left center; padding: 0 0 0 40px; color: #fff; font-family: 'bahnschrift','Arial';transition: 0.3s; letter-spacing: 0.03em; }
.phone_nav{ display: none;}
.head.head_top{ padding: 15px 40px; height: 70px;}
.head.head_top::before{ opacity: 1;}
.head.head_top .logo{ line-height:28px;}
.head.head_top .logo img{ width: 120px;}
.head.head_top .r{ line-height:36px;}
.head.head_top .nav{ }
.head.head_top .phone{ font-size: 20px;}
.head.head_top .nav a{ }


/***********************************************服务范围*******************************************************/
/*.Photo{ padding:0 50px;}*/
.Photo{ position: relative; z-index: 10;}
.Photo li{ float:left; width:25%; }
.Photo li img{ width:100%;}
.foot{ padding:0 10px; height:380px; background:#252525; clear:both; overflow:hidden; text-align:center;  color:#fff; position: relative; z-index: 10;}
.foot .b_logo{ padding:69px 0 21px 0}
.foot b{ display:block; font-size:18px;}
.foot b a{ color: #fff;}
.foot b i{ padding:0 10px;}
.foot em{ font-style:normal; font-size:12px; padding:30px 0 30px 0; display:block; color:#999;}
.foot .bq i{ display:block; color:#999; line-height:18px; font-size:12px;}
.foot .nav{padding-bottom: 20px}
.foot .nav a{color: #999; margin:0 10px}
.foot .nav a:hover{color: #fff;}

/* 右侧悬浮窗-在线咨询 */
.right_btn{ position: fixed; right:60px; bottom: 60px; width: 60px; z-index: 999;}
.right_btn .zxxz{ width: 100%; height: 60px; background: #000; box-shadow: 0px 0px 32px rgba(19,165,191,0.83); position: relative; border-radius: 50%; animation: zxxzBoxShadow 2s infinite; transition: all 0.6s; cursor: pointer;}
.right_btn .zxxz .iconfont{ width: 100%; height: 100%; display: block;  color: #fff; font-size: 30px; text-align: center; line-height: 1; padding-top: 16px; transition: all 0.6s;}
.right_btn .zxxz .dian_bg{ display: block; position: absolute; top: 0; text-align: center; width: 100%; height: 4px;padding-top: 16px;}
.right_btn .zxxz .dian_bg .dian{ display: inline-block; background: #009fde; width: 4px; height: 4px; border-radius: 50%; margin: 0 1.5px;}
.right_btn .zxxz.zxxz2{ background: #fff;}
.right_btn .zxxz.zxxz2 .iconfont{   color: #000; }
@keyframes zxxzBoxShadow{
	0%{ box-shadow: 0px 0px 15px rgba(19,165,191,0)}
	50%{ box-shadow: 0px 0px 50px rgba(19,165,191,1)}
	100%{ box-shadow: 0px 0px 15px rgba(19,165,191,0)}
}

/* 左侧进度条 */
.left_scroll{position: fixed; left: 80px; bottom: 30px; width: 1px; height: 95px; z-index: 9999; mix-blend-mode: difference;}
.left_scroll::after{ content: "Roll down"; font-weight: 300; color: #fff; position: absolute; right: 6px; bottom: 120%; width: 100px;  transform:rotate(90deg);  font-size: 14px; text-align: right; transform-origin: right bottom; line-height: 1;}
.left_scroll .scroll{position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.2); overflow: hidden;}
.left_scroll .scroll::before{ content: ""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: #fff; animation: left_scroll 3s infinite normal;}
@keyframes left_scroll {
	0% {transform: translate3d(0, -100%, 0);}
	15% {transform: translate3d(0, -98%, 0);}
	85% { transform: translate3d(0, 98%, 0);}
	100% {transform: translate3d(0, 100%, 0);}
}

/* 左侧进度条2 */
.left_scroll2{position: fixed; left: 50px; bottom: 50px; width: 100px; height: 100px; z-index: 9999; mix-blend-mode: difference; background: url(/Template/sy2022/images/btn_zx5.png) no-repeat; background-size: contain;}
.left_scroll2 .nav_outline{ width: 100%; height: 100%; }
.left_scroll2 .nav_outline rect{ fill: none; width: calc(100% - 2px); height: calc(100% - 2px); transform-origin: 50% 50%; stroke: #fff; opacity: 0.2; stroke-width: 1.25; stroke-dasharray: 1; stroke-dashoffset: 2;} 
.left_scroll2 .nav_outline rect+rect{stroke-dashoffset: 1;opacity: 1; transition: all 0.4s cubic-bezier(.01,.22,.41,.99);}


/*首页*/
.body_scrollbar{ height:100%;}
.in_part1 {position: fixed; width: 100%; height: 100vh; left: 0; top: 0; overflow: hidden; background: no-repeat center; background-size: cover; background-color: #000;}
.in_part1::after{ content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5); z-index: 10; pointer-events: none;}
.in_part1::before{ content: ""; position: absolute; width: 100%; height: 40%; left: 0; bottom: 0; background-image: linear-gradient(to top, #000 0%, transparent 100%);z-index: 20; pointer-events: none;}
.in_part1::before,
.in_part1::after{ display: none \9;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .in_part1::before,
	.in_part1::after{  display: none;}
}
.in_part1 video{position: absolute; left: 0; top: -0; width: 100%; height: 100%; display: block; object-fit:cover}
.in_part1 .wrap{height: 100%; position: relative; z-index: 30;}
.in_part1 .txt{color: #fff; font-size: 60px; line-height: 1.4; position: absolute; left: -40px; top: 50%; } 
.in_part1 .txt .pxx2{ font-size: 26px; font-weight: 300; line-height: 1;}
.in_part1 .txt .pxx_xian{ height: 1px; width: 0; transition: all 0.4s 0.2s; background: #fff; opacity: 0.2;}
.in_part1 .txt .pxx_xian.one{ width: 100%;}
.in_part1 .txt span{  display: inline-block;}
.in_part1 .back{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 15;}
.in_part1 .back li{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; opacity: 0;}
.in_part1 .back .li1{z-index: 6; animation: footeropacity 20s 0s infinite;}
.in_part1 .back .li2{z-index: 5; animation: footeropacity 30s 0s infinite;}
.in_part1 .back .li3{z-index: 4; animation: footeropacity 30s 0s infinite;}
.in_part1 .back .li4{z-index: 3; animation: footeropacity 10s 0s infinite;}
.in_part1 .back .li5{z-index: 2; animation: footeropacity 20s 0s infinite;}
.in_part1 .back .li6{z-index: 1; animation: footeropacity 40s 0s infinite;}

.in_part2{ background: rgba(0,0,0,0); padding: 300px 0;position: relative; z-index: 1;}
.in_part2::before{content: ""; position: absolute; left: 0; bottom: 0; width: 0%; height: 5px;  background: #009fde; transition: 1s; }
.in_part2.xx::before{width: 100%}
.in_part2 .txt{ text-align: center; padding-bottom: 120px; opacity: 1;}
.in_part2 .txt span{ font-size: 46px; line-height: 46px; color: #009fde; text-transform: uppercase; font-weight: bold; letter-spacing: 4px; padding-bottom: 25px; display: inline-block;}
.in_part2 .txt h2{font-size: 28px; font-weight: bold; color: #fff; letter-spacing: 4px;}
.in_part2 .list ul{margin: -60px 0}
.in_part2 .list li{float: left; width: 50%; text-align: center; color: #fff; padding: 60px 0; opacity: 0;}
.in_part2 .list dt{margin-bottom: 15px; height: 100px; }
.in_part2 .list dd{ width: 75%; margin: 0 auto;}
.in_part2 .list b{font-weight: bold; display: block; font-size: 18px; padding-bottom: 13px; letter-spacing: 2px;}
.in_part2 .list i{ font-size: 16px; opacity: 0.5; letter-spacing: 1px; line-height: 1.5;}
.in_part2 li.li1{ opacity: 0; transition: 1s; transform: scale(0.6);} 
.in_part2 li.li1.one{ opacity: 1; transform: scale(1);} 
.in_part2 li.li2{ opacity: 0; transition: 1s; transform: scale(0.6);} 
.in_part2 li.li2.one{ opacity: 1; transform: scale(1);} 
/* 4个icon */
.in_part2 .li_svg{width: 100px; height: 100px; position: relative; margin: 0 auto;}
.in_part2 .li_svg > div{position: absolute; left: 0; top: 0;}
.in_part2 .li_svg1 .li1{animation: in_icon_1 1.5s infinite ease-in-out; animation-direction:alternate; transform-origin:50% 90%;}
.in_part2 .li_svg1 .li2{animation: in_icon_1 1.5s infinite ease-in-out; animation-direction:alternate; transform-origin:50% 90%;}
.in_part2 .li_svg1 .li2 span{animation: in_icon_1a  1.5s 0.5s  infinite ease-in-out; animation-direction:alternate; transform-origin:50% 20%; display: block;}

@keyframes in_icon_1
{
    0% {transform: rotate(20deg);}
    100% {transform: rotate(-20deg);}
}

@keyframes in_icon_1a
{
    0% {transform: rotate(-20deg);}
    100% {transform: rotate(20deg);}
}

.in_part2 .li_svg2 > div{ transition: 0.4s;}
.in_part2 .li_svg2 > div img{vertical-align:initial }
.in_part2 .li_svg2 .li1{ left: auto; right: 10px; top: 10px;}
.in_part2 .li_svg2 .li2{ left: auto; right: 10px; top: 10px;}
.in_part2 .li_svg2 .li3{ left: auto; right: 6px; top: auto; bottom: 15px; transition-duration:0.3s; transform: rotate(90deg) scale(1.5); opacity: 0; z-index: 1; }
.in_part2 .li_svg2 .li4{ left: auto; right: 6px; top: auto; bottom: 15px; transform: rotate(90deg); opacity: 0;}
.in_part2 .li_svg2 .li5{ left: 11px;  top: auto; bottom: 10px; transform: rotate(180deg); opacity: 0; }
.in_part2 .li_svg2 .li6{ left: 6px;  top: 15px; transform: rotate(270deg) scale(1.5); transition-duration:0.3s; opacity: 0; }
.in_part2 .li_svg2.on .li2{transform: rotate(90deg) translate(31px,-5px) }
.in_part2 .li_svg2.on .li3{opacity: 1; transition-delay: 0.4s; transition-timing-function: ease-in; transform: rotate(90deg) scale(1);}
.in_part2 .li_svg2.on .li4{transform: rotate(180deg) translate(31px,-5px); opacity: 1; transition-delay: 0.4s;}
.in_part2 .li_svg2.on .li5{transform: rotate(270deg) translate(31px,-5px); opacity: 1; transition-delay: 0.8s;}
.in_part2 .li_svg2.on .li6{opacity: 1; transform: rotate(270deg) scale(1); transition-timing-function: ease-in; transition-delay: 1.3s;}
.in_part2 .li_svg3 .li1{top: 7px; right: 10px; left: auto; z-index: 1;transform: translate(0,0); }
.in_part2 .li_svg3 .li2{top: 33px; left: 10px; z-index: 1; transform: translate(0,0); }
.in_part2 .li_svg4 > div{ opacity: 0; transition: 0.5s;}
.in_part2 .li_svg5{  overflow: hidden;}
.in_part2 .li_svg5 .icon_box{ box-sizing: border-box; animation: div5_icon_box 2s infinite linear; width: 62px; height: 100px; margin: 0 auto; background: #080606; border: 1px solid #fff; border-radius: 5px; position: relative; } 
.in_part2 .li_svg5 .icon_box .li{ position: absolute; left: 0; top:0; width:100%; height: 100%; text-align: center; display: flex; justify-content: center;align-items: center;}
.in_part2 .li_svg5 .icon_box .li1{}
.in_part2 .li_svg5 .icon_box .li2{ transform: scale(0); transform-origin: 20% 80%;}
.in_part2 .li_svg5 .icon_box .li3{flex-direction:column}
.in_part2 .li_svg5 .icon_box .li3 .dian{ height: 1px; width: 46px; background: #fff; margin:7px auto; position: relative; opacity: 0; }
.in_part2 .li_svg5 .icon_box .li3 .dian::after{ content: ""; position: absolute; width: 12px; height: 12px; border:1px solid #fff; background: #2bdffd; border-radius: 50%; top: -6px; left: 80%; box-sizing: border-box; }
.in_part2 .li_svg5 .icon_box .li3 .dian.dian2:after{ right: 80%; left: auto;}
.in_part2 .li_svg5 .icon_box .li3a{ width: 24px; height: 18px; border-left: 1px solid #fff; border-right: 1px solid #fff; background: #080606; position: absolute; left: 50%; margin-left: -12px; bottom: 2px; box-sizing: border-box; z-index: -1; }
.in_part2 .li_svg5 .icon_box .li3a::after{ content: ""; position: absolute; width: 50px; height: 2px; background: #fff; left: -13px; bottom: -2px;}
.in_part2 .li_svg5 .icon_box_1{ width: 62px; height: 100px; transition: 0.6s 0.2s; overflow: hidden;}
.in_part2 .li_svg5 .icon_box_2{ width: 84px; height: 100px; margin-top: 0; transition: 0.6s; overflow: hidden;}
.in_part2 .li_svg5 .icon_box_3{ width: 100px; height: 66px; margin-top: 8px; transition: 0.6s;}
.in_part2 .li_svg5 .icon_box_1 .li3a{ bottom: 2px;transition: 0.4s;}
.in_part2 .li_svg5 .icon_box_1 .li1{ transform: translateX(0); transition: 0.4s 0.4s;}
.in_part2 .li_svg5 .icon_box_1 .li3 .dian{ opacity: 0;transition: 0.4s;}
.in_part2 .li_svg5 .icon_box_1 .li3 .dian::after{ left: 80%; transition: 0.4s 0s;}
.in_part2 .li_svg5 .icon_box_1 .li3 .dian.dian2:after{ right: 80%;}
.in_part2 .li_svg5 .icon_box_2 .li1{ transform: translateX(100%); transition: 0.6s;}
.in_part2 .li_svg5 .icon_box_2 .li2{ transform: scale(1);transition: 0.6s 0.4s;}
.in_part2 .li_svg5 .icon_box_3 .li1{ transform: translateX(-100%); transition: 0s;}
.in_part2 .li_svg5 .icon_box_3 .li2{ opacity: 0;transition: 0.6s;}
.in_part2 .li_svg5 .icon_box_3 .li3a{ bottom: -18px;transition: 0.4s 0.6s;}
.in_part2 .li_svg5 .icon_box_3 .li3 .dian{ opacity: 1;transition: 0.4s 0.2s;}
.in_part2 .li_svg5 .icon_box_3 .li3 .dian::after{ left: -4px; transition: 0.6s 0.2s;}
.in_part2 .li_svg5 .icon_box_3 .li3 .dian.dian2:after{ right: -4px;}
.in_part3 {text-align: center; padding: 220px 0 100px 0; background: #fff; position: relative; z-index: 1; }
.in_part3 .wrap { position: relative; z-index: 10; }
.in_part3 .txt{font-size: 56px;  line-height: 1.1; color: #000; padding-bottom: 50px;}
.in_part3 .tet{font-size: 20px; line-height: 40px; color: #666; padding-bottom: 50px; letter-spacing: 2px; font-weight: lighter}
.in_part3 .tat a{display: inline-block; width: 180px; position: relative; height: 52px; line-height: 49px; font-size: 16px; color: #fff; background: #009fde; border: 2px solid #009fde;  letter-spacing: 2px;}
.in_part3 .tat i{position: relative; z-index: 1;}
.in_part3 .tat a::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; transform: scaleX(0); transform-origin: 100% 50%; transition: transform 0.4s;}
.in_part3 .tat a:hover::before{transform: scaleX(1); transform-origin: 0 50%;}
.in_part3 .tat a:hover{ color: #009fde}
.in_part3 .tet_pc{ display: block;}
.in_part3 .tet_iphone{ display: none;}
.in_part5 .wrap { position: relative; z-index: 10; }
.in_part5 .txt{font-size: 56px;  line-height: 1.1; color: #000; padding-bottom: 60px;}
.in_part5 .tet{font-size: 20px; line-height: 40px; color: #666; padding-bottom: 0px; letter-spacing: 2px; font-weight: lighter}
.in_part5 .tat a{display: inline-block; width: 180px; position: relative; height: 52px; line-height: 49px; font-size: 16px; color: #fff; background: #009fde; border: 2px solid #009fde;  letter-spacing: 2px;}
.in_part5 .tat i{position: relative; z-index: 1;}
.in_part5 .tat a::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; transform: scaleX(0); transform-origin: 100% 50%; transition: transform 0.4s;}
.in_part5 .tat a:hover::before{transform: scaleX(1); transform-origin: 0 50%;}
.in_part5 .tat a:hover{ color: #009fde}
.in_part5 .tet_pc{ display: block;}
.in_part5 .tet_iphone{ display: none;}
.in_part6 .wrap {margin: 0 auto; width: 100% }
.in_part6 .txt{font-size: 56px;  line-height: 1.1; color: #000; padding-bottom: 60px;}
.in_part6 .tet{font-size: 20px; line-height: 40px; color: #666; padding-bottom: 0px; letter-spacing: 2px; font-weight: lighter}
.in_part6 .tat a{display: inline-block; width: 180px; position: relative; height: 52px; line-height: 49px; font-size: 16px; color: #fff; background: #009fde; border: 2px solid #009fde;  letter-spacing: 2px;text-align: center;}
.in_part6 .tat i{position: relative; z-index: 1;}
.in_part6 .tat a::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; transform: scaleX(0); transform-origin: 100% 50%; transition: transform 0.4s;}
.in_part6 .tat a:hover::before{transform: scaleX(1); transform-origin: 0 50%;}
.in_part6 .tat a:hover{ color: #009fde}
.in_part6 .tet_pc{ display: block;}
.in_part6 .tet_iphone{ display: none;}
.in_part4 .ty_box{display: none;}
.in_part4{background: #009fde; position: relative; z-index: 1; overflow: hidden; text-align: center;}
.in_part4 .box{margin: 0 60px; position: relative; padding: 150px 0; z-index: 10;}
.in_part4 .box .xx{position: absolute; left: 0; top: 0; width: 100%; height: 100%;  border-left: 1px solid #f60; box-sizing: border-box; z-index: -9999;}
.in_part4 .box .xx li{width: 16.6%; height: 100%; float: left;  border-right: 1px solid #f60; box-sizing: border-box;}
.in_part4 .top_con{position: absolute; right: 0%; top: 0; width: 45%;}
.in_part4 .top_con .txt{font-size: 56px; line-height: 1.42; color: #000; padding-bottom: 40px;}
.in_part4 .top_con .tet{font-size: 21px; line-height: 40px; color: #666; padding-bottom: 50px; font-weight: lighter; letter-spacing: 4px;}
.in_part4 .top_con .tat a{display: inline-block; position: relative; width: 180px; height: 52px; line-height: 49px; font-size: 16px; color: #fff; background: #009fde; border: 2px solid #009fde; box-sizing: border-box; text-align: center; letter-spacing: 2px;}
.in_part4 .top_con i{position: relative; z-index: 1;}
.in_part4 .top_con a::before{content: ""; position: absolute; top: 0; left: 0;  width: 100%; height: 100%; background: #fff; transform: scaleX(0); transform-origin: 100% 50%; transition: transform 0.4s;}
.in_part4 .top_con a:hover::before{transform: scaleX(1); transform-origin: 0% 50%;}
.in_part4 .top_con a:hover{ color: #009fde}
.in_part4 .list li{float: left; width: 16.6%; }
.in_part4 .list .maxli{width: 33.2%;}
.in_part4 .list .maxli .li_box{  position: relative; z-index: 1;}
.in_part4 .list .li_box{position: relative; width: 100%; padding-bottom: 100%; opacity: 0; transition: 0.8s; transform-origin: right bottom}
.in_part4 .list .li_box .img_box{position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform-origin: left bottom; transform: scaleX(0); transition:transform 0.4s cubic-bezier(.5,.12,1,.99),box-shadow 0.4s 0.3s;}
.in_part4 .list .li_box .img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.in_part4 .list .li_box .img img{width: 100%;}
.in_part4 .list .li_box .img i{position: absolute; right: 0; top: 0; width: 100%; height: 100%; opacity: 1; display: block; z-index: 1; transition: 0.4s 0.3s cubic-bezier(.5,.12,1,.99);  background: #f3f3f3}
.in_part4 .list .li_box .img video{position: absolute; left: 0; top: 0; width: 100%; height: 100%;  object-fit: cover;}
.in_part4 .list .li_box .maximg img{position: absolute; left: 0; bottom: 0; width: 140%; height: 140%; left: -20%;}
.in_part4 .list .ul2 .li3 .li_box .maximg img{ right:0;  left: auto;}
.in_part4 .list .ul1 .li2 .li_box .maximg img{ right:0; left: auto;}
.in_part4 .list .ul4 .li1 .li_box .maximg img{ right:0; left: auto;}
.in_part4 .list .li_box .img_vid video{ display: block;}
.in_part4 .list .li_box .img_vid img{ display: none;}
.in_part4 .list .li_box .maximg::before { content: ''; position: absolute; left: -120%; top: -120%; width: 200%; height: 200%; z-index: 2;
background: radial-gradient(ellipse at center,#e60012 0%,rgba(239,168,173,0) 60%,rgba(255,255,255,0) 100%); opacity: 0; transition:0.4s 0.3s}
.in_part4 .list .li_box .maximg::after { content: ''; position: absolute; left: -75%; bottom: -50%; width: 150%; height: 100%;  z-index: 2;
background: radial-gradient(ellipse at center,#00396a 0%,rgba(239,168,173,0) 60%,rgba(255,255,255,0) 100%); opacity: 0; transition:0.4s 0.3s}
.in_part4 .list .logo{position: absolute; left: 40px; top: 40px; z-index: 3; opacity: 0;}
.in_part4 .list .con{position: absolute; left: 40px; bottom: 40px; color: #fff; z-index: 3; opacity: 0;}
.in_part4 .list .con .txt{font-weight: bold; font-size: 20px; padding-bottom: 10px;  letter-spacing: 2px; }
.in_part4 .list .con .tet{font-size: 16px; line-height: 23px; width: 60%; letter-spacing: 2px; }
.in_part4 .list .maxli .li_box_wrap{position: relative; width: 50%; height: 50%;}
.in_part4 .list .maxli .li_box_wrap .li_box{box-shadow:none;  z-index: 0;}
.in_part4 .li_more{width: 100%; padding-bottom: 100%; background: #009fde; position: relative; margin-top: 100%; box-shadow: 0 67px 180px rgba(4,105,128,0.6)}
.in_part4 .li_more .txt{position: absolute; left: 0; top: 50%; color: #fff;  width: 100%; text-align: center; margin-top: -20px; letter-spacing: 2px }
.in_part4 .li_more .txt span{text-align: left; width: 90px; display: inline-block; font-size: 20px}
.in_part4 .li_more .txt b{display: inline-block;}
.in_part4 .list a{position: absolute; left: 0; top: 0; z-index: 5; width: 100%; height: 100%; display: block;}
.in_part4 .list .ul_one{opacity: 1;}
.in_part4 .list .li_hover.ul_one .img_box{ box-shadow: 0 67px 180px rgba(4,105,128,0.6)}
.in_part4 .list .ul_one .img_box{ transform: scaleX(1);}
.in_part4 .list .ul_one .logo,
.in_part4 .list .ul_one .con{opacity: 1; transition-delay: 0.3s;}
.in_part4 .list .ul_one .img i{width: 0%;}
.in_part4 .list .li_box.ul_one .maximg::before{opacity: 1; transition-delay: 1s;}
.in_part4 .list .li_box.ul_one .maximg::after{opacity: 1; transition-delay: 1s;}
.in_part4 .list .li_hover.ul_one_hove:hover{transform: scale(1.07)}
.in_part4 .ul2 .li1{margin-left: 16.6%}
.in_part4 .ul2 .li1 .li_box{margin-top: 100%}
.in_part4 .ul2 .li4 .li_box{margin-top: 100%}
.in_part4 .ul3 .li1 .li_box_wrap{margin-left: 50%}
.in_part4 .ul3 .li3 .li_box_wrap{margin-top: 50%}
.in_part4 .ul4 .li1{margin-left: 16.6%}
.in_part4 .ul4 .li3 .li_box{margin-top: 100%}
.in_part4 .ul5 .li1{margin-left: 16.6%}
.in_part4 .ul5 .li1 .li_box{margin-top: 100%}
.in_part4 .ul5 .li4 .li_box{margin-top: 100%}
.in_part4 .ul6 .li1{margin-left: 16.6%}
.in_part4 .ul6 .li3 .li_box{margin-top: 100%}
.in_part4 .ul7 .li2 .li_box{margin-top: 100%}
.in_part4 .ul8 .li1{margin-left: 16.6%}
.in_part4 .ul8 .li3 .li_box{margin-top: 100%}
.in_part4 .list .ul1 .li_box .maximg::before {background: radial-gradient(ellipse at center,#001e74 0%,rgba(239,168,173,0) 60%,rgba(255,255,255,0) 100%); }
.in_part4 .list .ul1 .li_box .maximg::after {background: radial-gradient(ellipse at center,#630ce7 0%,rgba(239,168,173,0) 60%,rgba(255,255,255,0) 100%);}
.in_part4 .list .ul2 .li_box .maximg::before {background: radial-gradient(ellipse at center,#00befc 0%,rgba(239,168,173,0) 60%,rgba(255,255,255,0) 100%);}
.in_part4 .list .ul2 .li_box .maximg::after {background: radial-gradient(ellipse at center,#95530c 0%,rgba(239,168,173,0) 60%,rgba(255,255,255,0) 100%);}
.in_part4 .list .ul3 .li1 .li_box .maximg::before {background: radial-gradient(ellipse at center,#09af6f 0%,rgba(239,168,173,0) 60%,rgba(255,255,255,0) 100%);}
.in_part4 .list .ul3 .li1 .li_box .maximg::after {background: radial-gradient(ellipse at center,#8c3301 0%,rgba(239,168,173,0) 60%,rgba(255,255,255,0) 100%);}
.in_part4 .list .ul3 .li2 .li_box .maximg::before {background: radial-gradient(ellipse at center,#e60012 0%,rgba(239,168,173,0) 60%,rgba(255,255,255,0) 100%);}
.in_part4 .list .ul3 .li2 .li_box .maximg::after {background: radial-gradient(ellipse at center,#00396a 0%,rgba(239,168,173,0) 60%,rgba(255,255,255,0) 100%);}
.in_part4 .list .ul3 .li3 .li_box .maximg::before {background: radial-gradient(ellipse at center,#0a741d 0%,rgba(239,168,173,0) 60%,rgba(255,255,255,0) 100%);}
.in_part4 .list .ul3 .li3 .li_box .maximg::after {background: radial-gradient(ellipse at center,#a15905 0%,rgba(239,168,173,0) 60%,rgba(255,255,255,0) 100%);}
.in_part4 .list .ul4 .li_box .maximg::before {background: radial-gradient(ellipse at center,#0173a8 0%,rgba(239,168,173,0) 60%,rgba(255,255,255,0) 100%);}
.in_part4 .list .ul4 .li_box .maximg::after {background: radial-gradient(ellipse at center,#1b64ba 0%,rgba(239,168,173,0) 60%,rgba(255,255,255,0) 100%);}
.in_part4 .list .ul5 .li_box .maximg::before {background: radial-gradient(ellipse at center,#096966 0%,rgba(239,168,173,0) 60%,rgba(255,255,255,0) 100%);}
.in_part4 .list .ul5 .li_box .maximg::after {background: radial-gradient(ellipse at center,#56068e 0%,rgba(239,168,173,0) 60%,rgba(255,255,255,0) 100%);}
.in_part4 .list .ul6 .li_box .maximg::before { background: url(/Template/sy2022/images/al_yfd/in_bg.png) no-repeat center; background-size: cover; width: 100%; height: 100%; left: 0; top: 0;}
.in_part4 .list .ul6 .li_box .maximg::after {background: radial-gradient(ellipse at center,#005096 0%,rgba(239,168,173,0) 60%,rgba(255,255,255,0) 100%);}
.in_part4 .list .ul7 .li_box .maximg::before {background: radial-gradient(ellipse at center,#fe9a2a 0%,rgba(239,168,173,0) 60%,rgba(255,255,255,0) 100%);}
.in_part4 .list .ul7 .li_box .maximg::after {background: radial-gradient(ellipse at center,#fc6500 0%,rgba(239,168,173,0) 60%,rgba(255,255,255,0) 100%);}
.in_part4 .list .ul8 .li_box .maximg::before {background: radial-gradient(ellipse at center,#8a3cff 0%,rgba(239,168,173,0) 60%,rgba(255,255,255,0) 100%);}
.in_part4 .list .ul8 .li_box .maximg::after {background: radial-gradient(ellipse at center,#000 0%,rgba(239,168,173,0) 60%,rgba(255,255,255,0) 100%);}



.in_part5 {text-align: center; padding: 120px 0 100px 0; background: url(/assets/images/bg4.jpg) center; position: relative; z-index: 1;background-attachment: fixed; }
.in_part5::before{content: ""; position: absolute; left: 0; bottom: 0; width: 0%; height: 8px;  background: #009fde; transition: 1s; }
.in_part5.xx::before{width: 100%}
.in_part5 .txt span{ font-size: 46px; line-height: 46px; color: #009fde; text-transform: uppercase; font-weight: bold; letter-spacing: 4px; padding-bottom: 25px; display: inline-block;}
.in_part5 .txt h2{font-size: 28px; font-weight: bold; color: #000; letter-spacing: 4px;}
.in_part5 .img{position: absolute; left: 0; top: 0; width: 100%; background: url(/images/xx_03a.jpg) center; background-size: auto; overflow: hidden;}
.in_part5 .img.pf{ position: fixed; }
.in_part5 .img ul{position: absolute; left: -10%; top: -50%; width: 100%; height: 100%; transform: rotate(0)}
.in_part5 .img li{float: left; width: 25%; box-sizing: border-box; padding:0 20px;}
.in_part5 .img li img{width: 100%; margin-bottom: 40px;}
.in_part5 .xx.pf{ position: fixed;    pointer-events: none;}
.in_part5 .list{position: absolute; left: 0; top: 50%; margin-top: -200px; transform: translateY(300px); width: 100%; z-index:1; opacity: 0; padding-top: 100px;}
.in_part5 .list.pf{ position: fixed; }
.in_part5 .list::before{content: ""; background: url(/Template/sy2022/images/ico_02.png) center top no-repeat; width: 100%; height: 50px; position: absolute; left: 0; top: 0; transition: 0.8s;}
.in_part5 .list ul{width: 1100px; height: 300px; margin: 0 auto; position: relative;}
.in_part5 .list li{position: absolute; left: 0; top: 0;  color: #fff; text-align: center; transition: 0.6s; width: 100%;}
.in_part5 .list dt{ margin-bottom: 80px; font-size: 36px; line-height: 1.55; letter-spacing: 0.1em; transition: 0.6s;}
.in_part5 .list dt .tit{ font-size: 14px; color: #009fde; font-weight: 300; padding-bottom: 20px;}
.in_part5 .list dt .tit b{ font-weight: bold;}
.in_part5 .list dd{ transition: 0.8s; font-size: 14px; opacity: 0.6;}
.in_part5 .list dd b{ font-weight: bold;}
.in_part5 .list dd span{ padding: 0 10px;}
.in_part5 .list .but{display: block; width: 46px; height: 46px; background: url(/Template/sy2022/images/ico_03.png) center no-repeat; margin: 0 auto; cursor: pointer; transition: 0.3s linear;}
.in_part5 .list.one::before{ transform: scale(0.8); opacity: 0;}
.in_part5 .list.one dt{ transform: scale(0.8); opacity: 0; transition-delay: 0.2s;}
.in_part5 .list.one dd{ transform: scale(0.8); opacity: 0; transition-delay: 0.3s;}
.in_part5 .img_box{ position: fixed !important; width: 100%; left: 0; height: 100%; overflow: hidden; top: 100%; transition: all 0s linear;}
.in_part5 .img_box::before{content: ""; position: absolute; left: 0; top: 0; background: url(/Template/sy2022/images/xx_02.png) repeat-x; width: 100%; height: 100%; z-index: 1;}
.in_part5 #part5_canvas{ position: absolute; width: 100vw; height: 100vh; left: 0; bottom: 0;}
.in_part5 #part5_canvas canvas{ position: absolute; width: 100%; height: 100%;}
.in_part5 .xx2{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; z-index: 1; opacity: 0; }

.in_part6 { padding: 120px 0 0px 0; background-image: url("/assets/images/bjmoban.jpg"); position: relative; z-index: 1; background-attachment:fixed; }
.in_part6::before{content: ""; position: absolute; left: 0; bottom: 0; width: 0%; height: 8px;  background: #009fde; transition: 1s; }
.in_part6.xx::before{width: 100%}
.in_part6 .txt{font-size: 56px; text-align: center; line-height: 1.1; color: #fff; padding-bottom: 60px;}
.in_part6 .txt span{ font-size: 46px; line-height: 46px; color: #009fde; text-transform: uppercase; font-weight: bold; letter-spacing: 4px; padding-bottom: 25px; display: inline-block;}
.in_part6 .txt h2{font-size: 28px; font-weight: bold; color: #fff; letter-spacing: 4px;}

/* 公用云彩动画 */
.ty_box{position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;  pointer-events: none;}
.ty_box .div{ position: absolute; left: 0; top: 0; background-repeat: repeat; background-position: 0 0;	background-size: 2000px 1136px;	height: 300%; width: 300%; 	margin-left: -200%;}
.ty_box .div1{opacity: 0.3; background-image: url(/Template/sy2022/image2/clouds_01.png); animation: cloudAnim 20s infinite linear; display: none;}
.ty_box .div2{opacity: 0.2; background-image: url(/Template/sy2022/images/clouds_02.png); animation: cloudAnim 10s infinite linear;}
.ty_box .div3{opacity: 0.6; background-image: url(/Template/sy2022/images/clouds_03.png); animation: cloudAnim 5s infinite linear; z-index: 9;}
.ty_box::after, 
.ty_box::before {content: ""; left: 0; display: block;  position: absolute;  width: 100%;  height: 150px;  z-index: 1;}
.ty_box::before{top: 0; }
.ty_box::after{bottom: 0; }
.in_part4 .ty_box{top: auto; bottom: 1290px; height: 960px;}
@keyframes cloudAnim{
	0%{-webkit-transform:translate(0);transform:translate(0)}
	to{-webkit-transform:translate(2000px,-1136px);transform:translate(2000px,-1136px)}
}


/* 首页-入场动画 */
.in_part3 .wrap .tet{transform: translateY(80px); opacity: 0; transition: 1s; }
.in_part3 .wrap .tat{transform: translateY(80px); opacity: 0; transition: 1s; }
.in_part3 .wrap.one .tet{ transform: translate(0); opacity: 1; }
.in_part3 .wrap.one .tat{ transform: translate(0); opacity: 1; transition-delay: 0.3s; }
.in_part4 .top_con .tet{transform: translateY(80px); opacity: 0; transition: 1s; }
.in_part4 .top_con .tat{transform: translateY(80px); opacity: 0; transition: 1s; }
.in_part4 .top_con.one .tet{ transform: translate(0); opacity: 1; }
.in_part4 .top_con.one .tat{ transform: translate(0); opacity: 1; transition-delay: 0.3s; }
.in_part5 .wrap .tet{transform: translateY(80px); opacity: 0; transition: 1s; }
.in_part5 .wrap .tat{transform: translateY(80px); opacity: 0; transition: 1s; }
.in_part5 .wrap.one .tet{ transform: translate(0); opacity: 1; }
.in_part5 .wrap.one .tat{ transform: translate(0); opacity: 1; transition-delay: 0.3s; }
.in_part6 .wrap .tet{transform: translateY(80px); opacity: 0; transition: 1s; }
.in_part6 .wrap .tat{transform: translateY(80px); opacity: 0; transition: 1s; text-align: center;}
.in_part6 .wrap.one .tet{ transform: translate(0); opacity: 1; }
.in_part6 .wrap.one .tat{ transform: translate(0); opacity: 1; transition-delay: 0.3s; }

.pxx{position: relative; display: inline-block; overflow: hidden; transform: scaleX(0); transition: 0.4s cubic-bezier(.08,.12,.21,.99); overflow: hidden; transform-origin: left }
.pxx::before{
	content: "";
    position: absolute;
    right: 0;
    top: 0;
	transform: scaleX(1);
	width: 100%;
    height: 100%;
	background: #009fde;
	transition: 0.4s 0.5s cubic-bezier(.08,.12,.21,.99);
	transform-origin: right	
}
.pxx2{transform-origin: right; transition-duration: 0.4s; transition-delay: 0.2s}
.pxx2::before{transform-origin: left; transition-duration: 0.4s; transition-delay: 0.6s; background: #009fde}
.pxx3{transform-origin: left; transition-duration: 0.4s; transition-delay: 0.4s}
.pxx3::before{transform-origin: right;transition-duration: 0.4s; transition-delay: 0.7s; background: #009fde}
.pxx.one{ transform: scaleX(1);}
.pxx.one::before {transform: scaleX(0);}


/* 留言表单页 */
.message_bg{ padding: 130px 0; background: url(/Template/sy2022/images/back_02.jpg) no-repeat center; background-size:cover;}
.message_con{ margin: 0 auto; box-sizing: border-box; width: 620px; padding: 110px 100px 130px 100px; background: #fff; text-align: center; font-weight: lighter; position: relative;}
.message_con .h2{ font-size: 32px; color: #000; font-weight: lighter; padding-bottom: 60px;}
.message_con .h3{ font-size: 16px; color: #666666; padding-bottom: 20px;}
.message_con .form .inba{ height: 30px;}
.message_con .form .text{ border:1px solid #bebebe;color: #333; height: 46px; line-height: 46px; padding: 0 20px 0 45px; font-size: 16px;}
.message_con .form .text::-webkit-input-placeholder{color: #666;}
.message_con .form .text::-moz-placeholder{color: #666;}
.message_con .form .text:-ms-input-placeholder{color: #666;}
.message_con .form .text_name{ background: url(/Template/sy2022/images/btn_ly1.png) no-repeat 12px center;}
.message_con .form .text_cp{ background: url(/Template/sy2022/images/btn_ly3.png) no-repeat 12px center;}
.message_con .form .text_phone{ background: url(/Template/sy2022/images/btn_ly2.png) no-repeat 12px center;}
.message_con .txt2{ color: #ffae00; font-weight: bold; background: url(/Template/sy2022/images/btn_dun2.png) no-repeat left center; padding-left: 20px; text-align: left; margin-top: 15px; }
.message_con .btn_list{ padding-top: 30px;}
.message_con a.btn{ font-size: 18px; height: 48px; line-height: 48px; position: relative; transition: all 0.4s;border: 2px solid #24c4d0; box-sizing: border-box; color: #fff; text-align: center; background: #24c4d0;  border-radius: 0px; display: block;  cursor: pointer;}
.message_con a.btn span{ position: relative; z-index: 1;}
.message_con a.btn::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; transform: scaleX(0); transform-origin: 100% 50%; transition: transform 0.4s;}
.message_con a.btn:hover::before{transform: scaleX(1); transform-origin: 0 50%;}
.message_con a.btn:hover{ color: #009fde}
.message_con .formFail{border-color: #f00 !important;}
.message_con .formErrorContent{ text-align: left; font-size: 12px; color: #f00; font-weight: bold; padding: 4px 0 0 0;}
.message_con .con_2{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 30% 0 0 0; background: #fff; z-index: 1;  box-sizing: border-box; display: none; }
.message_con .con_2 .h2_tit{ font-size: 40px; font-weight: bold; color: #ffce66; display: inline-block;  margin: 0 auto; padding: 80px 0 14px 0; border-bottom: 1px solid #ffce66; background: url(/Template/sy2022/images/btn_chenggong.png) no-repeat center top;}
.message_con .con_2 .h3_txt{ font-size:22px; color: #666; line-height: 2; font-weight: lighter; padding-top: 23px; }





/* 关于我们-公用 */
.lm_about{ width: 100%; overflow: hidden;}
.news_nr .nr_r p,.news_nr .nr_r ul{padding-bottom: 20px;}
.news_nr .nr_r li{margin-left:15px;list-style:disc;}



@media screen and (max-width:1500px){

	/* 公用部分 */
	.wrap{width: 1200px;}
	/*.footer{height: 580px;*/}
	.footer .wrap{padding-top: 300px;}
	.left_scroll{ left: 40px; bottom: 20px;}
	.left_scroll2{ left: 30px; bottom: 30px; width: 80px; height: 80px;}

	/* 首页 */
	.in_part1 .txt{font-size: 60px; line-height: 80px; margin-top: -70px; left: 0;}
	.in_part2{padding: 250px 0}
	.in_part4 .box{padding: 140px 0;}
	.in_part4 .top_con{right:0;}
	.in_part4 .top_con .txt{font-size: 45px; line-height: 60px;}
	.in_part5 .img ul{ width: 120%; left: -20%;}
}

@media screen and (max-width:1400px){

	.wrap{ width: 1100px;}
	.in_part5 .list dt{ font-size: 30px;}

}
@media screen and (max-width:1400px){
	.case_details_box1::before, .case_details_box1::after{ display: none; }
}
 /* ipad横 */
@media screen and (max-width:1200px){

	/* 公用部分 */
	.wrap{width: auto; margin: 0 50px;}
	.header .part1{padding-left: 30px ;}
	.head::before { background-size: auto 100%; }


	/* 首页 */
	.in_part1 video{ display: none; visibility: hidden;}
	.in_part1 .txt{left: 30px; font-size: 50px; line-height: 65px; margin-top: -50px ;}
	.in_part2{padding: 150px 0 100px;}
	.in_part2::before{height: 5px;}
	.in_part2 .txt{padding-bottom: 90px;}
	.in_part2 .txt span{font-size: 40px; line-height: 40px; padding-bottom: 10px; letter-spacing: 2px;}
	.in_part2 .list ul{margin-top: -80px;}
	.in_part2 .list li{padding: 80px 0 0 0;}
	.in_part3{padding: 150px 0px 100px;}
	.in_part3 .txt{font-size: 55px; padding-bottom: 30px;}
	.in_part3 .tet{font-size: 18px; letter-spacing: 2px;}
	.in_part3 .tat a{width: 160px; height: 45px; line-height: 44px;}
	.in_part4 .box{ margin: 0;}
	.in_part4 .top_con .txt{ font-size: 36px; line-height: 1.6; padding-bottom: 20px;}
	.in_part4 .list .li_hover.ul_one_hove:hover{transform: scale(1)}
	.in_part4 .list .con{ left: 15px; bottom: 15px;}
	.in_part4 .list .logo{ left: 15px; top: 15px;}
	.in_part4 .list .logo img{ max-width: 150px; max-height: 30px;}
	.in_part4 .list .li_box .img_vid video{ display: none;}
	.in_part4 .list .li_box .img_vid img{ display: block;}
	.in_part4 .list .con .txt{ font-size: 18px;}
	.in_part4 .list .con .tet{ font-size: 14px; line-height: 1.4;}
	.in_part5 {padding: 100px 0 50px;}
	.in_part5 .txt span{font-size: 40px; line-height: 40px; padding-bottom: 10px; letter-spacing: 2px;}
	.in_part5 .tat a{width: 160px; height: 45px; line-height: 44px;}
	.in_part6 .txt span{font-size: 40px; line-height: 40px; padding-bottom: 10px; letter-spacing: 2px;}
	.in_part6 .tat a{width: 160px; height: 45px; line-height: 44px;}
	.in_part5 .list ul{ width: 100%;}
	.in_part5 .list dt{letter-spacing: 2px;}
	.in_part5 .img ul{ top: 0%; width: 200%; left: -50%;}
	.in_part6{padding: 100px 0 0px;}
}

 /* ipad竖 */
@media screen and (max-width:1002px){

	/* 公用部分 */
	.head{ padding: 30px;}
	.head.head_top{ padding: 15px 20px;}
	.head .nav a{ margin:0 20px;}
	.head .phone{ font-size: 18px;}

	
	/* 首页 */
	.in_part2 .txt span{font-size: 38px; line-height: 38px;}
	.in_part2 .list ul{margin-top: -60px;}
	.in_part2 .list li{padding-top: 60px;}
	.in_part2 .list i{font-size: 14px;}
	.in_part3{padding: 150px 0px 100px;}
	.in_part3 .txt{font-size: 50px;}
	.in_part3 .tet{font-size: 16px; letter-spacing: 1px; line-height: 30px;}
	.section .more{ text-align:center; font-size:18px; padding:20px;}
	.in_part5 .txt span{font-size: 38px; line-height: 38px;}
	.in_part6 .txt span{font-size: 38px; line-height: 38px;}
	.in_part5 .list ul{width: auto; margin: 0 30px;}
	.in_part5 .list dt br{ display: none;}

}  

/* 头部及左右入场 */
@media screen and (min-width:758px){
	.head{ transform: translateY(-80px); opacity: 0;}
	.head.on{ transform: translate(0); opacity: 1; transition: 1s;}
	.left_scroll{ transform: translateX(-40px); opacity: 0;}
	.left_scroll.on{ transform: translate(0); opacity: 1; transition: 1s;}
	.right_icon{ transform: translateX(40px); opacity: 0;}
	.right_icon.on{ transform: translate(0); opacity: 1; transition: 1s;}
}

/* 手机导航 */
@media screen and (max-width:758px){
	
	.body_on{overflow:hidden; width:100%; height:100%; }
	.phone_nav{display: none;}
	.phone_nav .height{height: 50px;}
	.phone_nav .top{ background: #000; height: 50px; position:fixed; left: 0; top: 0; width: 100%; z-index:9999;}
	.phone_nav .top .a{float: left; width: 110px; margin: 12px 20px; position: relative;}
	.phone_nav .top .a img{width:100%; position: absolute; left: 0; top: 0; transition: 0.5s;}
	.phone_nav .top .a .a_logo1{opacity: 1;}
	.phone_nav .top .a .a_logo2{opacity: 0;}
	.phone_nav .but{ float:right; width:32px; height: 32px; margin: 8px 10px; padding: 0 5px; display: block;}
	.phone_nav .but i{width:100%; height: 2px; background: #fff; display: block; margin-top: 15px; position: relative; border-radius: 10px; transition: 0.4s; -webkit-transition: 0.4s; }
	.phone_nav .but i:before,.but i:after{content:""; position:absolute; left:0; top:0; display:block; width:100%; height:2px; background: #fff; border-radius: 10px; transition: 0.4s;
	-webkit-transition: 0.4s;}
	.phone_nav .but i:before{ margin-top: -6px;}
	.phone_nav .but i:after{ margin-top: 6px;}
	.phone_nav .box{ width:100%; height: 100%; background:rgba(0,0,0,1); position: fixed; left: 0; top: 0; z-index: 999;  
	transform: translateY(-100%); opacity: 0; transition: translateY,.5s cubic-bezier(.54,.41,.59,.91),opacity,.5s cubic-bezier(.54,.41,.59,.91);    transition-delay: .5s; }
	.phone_nav .box_con{ padding:50px 40px 0px 40px; overflow-x: hidden; transform:translateY(-30px); opacity: 0;transition: .5s; position: relative;}
	.phone_nav .box_con>ul{ padding:20px 0 0 0;}
	.phone_nav .box_con>ul>li{padding: 12px 0; position: relative;}
	.phone_nav .box_con>ul>li>i{position:absolute; right:10px; top:14px; font-style: normal; width: 20px; height: 20px; background: url(/Template/sy2022/images/iphone_nav_xia.png) right no-repeat;
	transition:0.4s; -webkit-transition:0.4s; transform: rotate(-90deg); -webkit-transform: rotate(-90deg)}
	.phone_nav .box_con>ul>li>ul{ max-height: 0; overflow: hidden; transition: 0.5s; -webkit-transition: 0.5s;}
	.phone_nav .box_con>ul>li>ul>li{padding:5px 10px;}
	.phone_nav .box_con>ul>li>ul>li{ border-bottom: 1px solid rgba(225,225,225,0.7); padding: 10px; position: relative;}
	.phone_nav .box_con>ul>li>ul>li i{position:absolute; right:10px; top:14px; font-style: normal;width: 20px; height: 20px; background: url(/Template/sy2022/images/iphone_nav_xia.png) right no-repeat; transition: 0.4s; -webkit-transition: 0.4s; transform: rotate(-90deg); -webkit-transform: rotate(-90deg)}
	.phone_nav .box_con>ul>li>ul>li>ul{max-height: 0; overflow: hidden; transition: 0.5s; -webkit-transition: 0.5s;}
	.phone_nav .box_con>ul>li>ul>li>ul>li{ padding: 5px;}

	.phone_nav .box_con>ul>.i_on>i{transform: rotate(0deg); -webkit-transform: rotate(0deg) }
	.phone_nav .box_con>ul>li>ul>.i_on>i{ transform: rotate(0deg); -webkit-transform: rotate(0deg)}
	.phone_nav .box_con>ul>.i_on>ul{ max-height:300px; padding-top: 10px;}
	.phone_nav .box_con>ul>li>ul>.i_on>ul{ max-height:300px; padding-top: 10px;}
	.phone_nav .box_con>ul>li:last-child{border-bottom: 0;}
	.phone_nav .box_con>ul>li>ul>li:last-child{border-bottom: 0;}
	.phone_nav .box_con li a{color:#fff; font-size: 25px; font-weight: bold; letter-spacing: 5px;}
	.phone_nav .box_con>ul.ul2>li{padding: 16px 0;}
	.phone_nav .box_con .ul2 li a{ font-size: 16px; }
	.phone_nav .box_con>ul{ overflow: hidden;}
	.phone_nav .box_con>ul>li{ width: 50%; float: left;}
	
	.phone_nav .phone_bg{ overflow: hidden; position: absolute; bottom: 30px; width: 100%;}
	.phone_nav .phone_bg a{ width: 40%; box-sizing: border-box;  float: left;}
	.phone_nav .phone_bg .t1{ color: #fff;display: block;font-size:28px;padding: 10px 0 10px 40px;  font-family: 'DIN-BOLD'; background: url(/assets/images/phone.png) no-repeat left center;}
	.phone_nav .phone_bg .t2{ position: relative;display: block;font-weight: 800;padding: 14px 24px 14px 24px;font-size: 18px;color: #0b131a;background-color: #fff; letter-spacing: 5px; margin-top:0;}
	.phone_nav .phone_bg .t2::before{content: ""; background: url(/assets/images/btn_right2.png) no-repeat center; width: 12px; background-size: 11px; position: absolute; right: 20px; height: 100%; top: 0;}


	/*打开样式*/
	.phone_on .but i:before{ transform: rotate(45deg); -webkit-transform: rotate(45deg); margin: 0;}
	.phone_on .but i:after{ transform: rotate(-45deg);-webkit-transform: rotate(-45deg); margin: 0;}
	.phone_on .but i{ background:#000;}
	.phone_on .box{transform: translateY(0%); opacity: 1; transition-delay: 0ms;transition: .5s cubic-bezier(.54,.41,.59,.91);}
	.phone_on .box_con{transform: translateZ(0) translateY(0);opacity: 1;}
	.phone_on .box_con .ul1 li:nth-child(1) {animation: c 2.3s 1 ease-out;}
	.phone_on .box_con .ul1 li:nth-child(2) {animation: d 2.3s 1 ease-out;}
	.phone_on .box_con .ul1 li:nth-child(3) {animation: e 2.3s 1 ease-out;}
	.phone_on .box_con .ul1 li:nth-child(4) {animation: f 2.3s 1 ease-out;}
	
	/* 
	.phone_on .box_con .ul2 li:nth-child(1) {animation: f 2.3s 1 ease-out;}
	.phone_on .box_con .ul2 li:nth-child(2) {animation: g 2.3s 1 ease-out;} 
	*/

	.phone_on .phone_bg .t1{ animation: h 2.3s 1 ease-out;}
	.phone_on .phone_bg .t2{ animation: i 2.3s 1 ease-out;}
	.phone_on .top .a .a_logo1{opacity: 0;}
	.phone_on .top .a .a_logo2{opacity: 1;}

@keyframes c{0%{opacity:0;transform:translateZ(0) translateY(30px)}13%{opacity:0;transform:translateZ(0) translateY(30px)}30%{opacity:1;transform:translateZ(0) translateY(0)}to{transform:translateZ(0) translateY(0);opacity:1}}

@keyframes d{0%{opacity:0;transform:translateZ(0) translateY(30px)}16%{opacity:0;transform:translateZ(0) translateY(30px)}33%{opacity:1;transform:translateZ(0) translateY(0)}to{transform:translateZ(0) translateY(0);opacity:1}}

@keyframes e{0%{opacity:0;transform:translateZ(0) translateY(30px)}19%{opacity:0;transform:translateZ(0) translateY(30px)}36%{opacity:1;transform:translateZ(0) translateY(0)}to{transform:translateZ(0) translateY(0);opacity:1}}

@keyframes f{0%{opacity:0;transform:translateZ(0) translateY(30px)}22%{opacity:0;transform:translateZ(0) translateY(30px)}39%{opacity:1;transform:translateZ(0) translateY(0)}to{transform:translateZ(0) translateY(0);opacity:1}}

@keyframes g{0%{opacity:0;transform:translateZ(0) translateY(30px)}25%{opacity:0;transform:translateZ(0) translateY(30px)}42%{opacity:1;transform:translateZ(0) translateY(0)}to{transform:translateZ(0) translateY(0);opacity:1}}

@keyframes h{0%{opacity:0;transform:translateZ(0) translateY(30px)}28%{opacity:0;transform:translateZ(0) translateY(30px)}45%{opacity:1;transform:translateZ(0) translateY(0)}to{transform:translateZ(0) translateY(0);opacity:1}}

@keyframes i{0%{opacity:0;transform:translateZ(0) translateY(30px)}32%{opacity:0;transform:translateZ(0) translateY(30px)}48%{opacity:1;transform:translateZ(0) translateY(0)}to{transform:translateZ(0) translateY(0);opacity:1}}

@keyframes j{0%{opacity:0;transform:translateZ(0) translateY(30px)}35%{opacity:0;transform:translateZ(0) translateY(30px)}51%{opacity:1;transform:translateZ(0) translateY(0)}to{transform:translateZ(0) translateY(0);opacity:1}}

@keyframes k{0%{opacity:0;transform:translateZ(0) translateY(30px)}38%{opacity:0;transform:translateZ(0) translateY(30px)}54%{opacity:1;transform:translateZ(0) translateY(0)}to{transform:translateZ(0) translateY(0);opacity:1}}

@keyframes l{0%{opacity:0;transform:translateZ(0) translateY(30px)}41%{opacity:0;transform:translateZ(0) translateY(30px)}57%{opacity:1;transform:translateZ(0) translateY(0)}to{transform:translateZ(0) translateY(0);opacity:1}}

@keyframes m{0%{opacity:0;transform:translateZ(0) translateY(30px)}44%{opacity:0;transform:translateZ(0) translateY(30px)}60%{opacity:1;transform:translateZ(0) translateY(0)}to{transform:translateZ(0) translateY(0);opacity:1}}

@keyframes n{0%{width:0;opacity:0}47%{width:0;opacity:0}63%{width:100%;opacity:1}to{width:100%;opacity:1}}

@keyframes o{0%{opacity:0;transform:translateZ(0) translateY(30px)}47%{opacity:0;transform:translateZ(0) translateY(30px)}63%{opacity:1;transform:translateZ(0) translateY(0)}to{transform:translateZ(0) translateY(0);opacity:1}}



	.head{display: none;}
	.phone_nav{display: block;}
}

/* 手机 */
@media screen and (max-width:758px){

	/* 公用部分 */
	.wrap{margin: 0 20px;}
	.header{height: 50px;}
	.header .part1{padding: 12px 0 0 15px;}
	.header .part1 img{width: 100px;}
	.header .part2 .tel{background: none; height: auto; line-height: inherit; width: auto; padding-top: 15px;}
	.header .part2 .tel i{font-size: 14px; color: #333; background-size: 20px; height: 20px; line-height: 20px; padding-left: 30px;}
	.header .part2 .nav_but{width: 50px; height: 50px;}
	.header .part2 .nav_but i{margin: 25px 0 0 14px;}

	.Photo{ padding:0 0 0 0; overflow:hidden;}
	.Photo ul{ padding-left:0; width:100%;}
	.Photo li{ float:left; width:100%; padding-top:0; margin-right:0;}
	.Photo li img{ width:100%; }
	.Photo li.iphone_none{ display:none;}

	.left_scroll{display: none;}
	.left_scroll2{display: none;}
	.right_btn{width: 40px; height: 40px; right: 10px; bottom: 20px; }
	.right_btn .zxxz{height: 40px;}
	.right_btn .zxxz .iconfont{font-size: 18px; padding-top: 11px;}
	.right_btn .zxxz .dian_bg .dian{width: 2px; height: 2px;}
	.right_btn .zxxz .dian_bg{padding-top: 6px;}

	/* 首页 */
	.in_part1{ background-color: #000;}
	.in_part1 .txt{font-size: 36px; line-height: 55px; left: 20px;}
	.in_part1 .txt .pxx2{ font-size: 20px; line-height: 1.4; margin-top: 10px;}
.in_part1 .txt span{ position: relative;}
/*.in_part1 .txt span::after{content:"";
position: absolute;
width: 20px;
height: 20px;
border: 1px solid #fff;
  border-top-color: rgb(255, 255, 255);
  border-top-style: solid;
  border-top-width: 1px;
  border-left-color: rgb(255, 255, 255);
  border-left-style: solid;
  border-left-width: 1px;
border-top: none;
border-left: none;
transform: rotate(45deg);
left: 55%;
margin-left: -10px;
top: 40vh;
animation: header_h_tips 0.8s ease infinite alternate; 
}*/

	@keyframes header_h_tips{
		0%{ margin-top:0; }
		100%{ margin-top:10px;}
	} 



	.in_part2{padding: 100px 0;}
	.in_part2 .txt{padding-bottom: 40px;}
	.in_part2 .txt span{font-size: 24px; line-height: 25px; letter-spacing: 1px;}
	.in_part2 .txt h2{font-size: 16px;}
	.in_part2 .list b{font-size: 16px; letter-spacing: 1px;}
	.in_part2 .list i{font-size: 12px; letter-spacing: 0;}
	.in_part2 .list ul{margin: -30px -5px 0 -5px;}
	.in_part2 .list li{padding: 30px 5px 0 5px; box-sizing: border-box;}
	.in_part2 .list dt{ transform: scale(0.8);}
	.in_part2 .list dd{ width: 90%;}
	.in_part3{padding: 80px 0px 40px;}
	.in_part3 .txt{font-size: 28px; }
	.in_part3 .tet{font-size: 14px; line-height: 24px;}
	.in_part3 .tat a{font-size: 14px; width: 120px; height: 35px; line-height: 32px;}
	.in_part4 .box{ padding: 0;}
	.in_part4 .top_con{ width: 100%; position: relative; display: none;}
	.in_part4 .list .li_box .maximg img{ width: 150%; height: 150%;}
	.in_part4 .list .li_hover.ul_one .img_box{ box-shadow: 0 30px 80px rgba(4,105,128,0.6)}
	.in_part4 .ul1{ width: 100%; position: relative;}
	.in_part4 .ul1 .li1{ width: 50%; position: absolute; left:0; bottom:-50%; }
	.in_part4 .ul1 .li2{width: 100%;}
	.in_part4 .ul2{ position: relative; margin-top: 100%;}
	.in_part4 .ul2 .li1{ position: absolute; top: -50%; right: 0; width: 50%;}
	.in_part4 .ul2 .li1 .li_box{ margin: 0;}
	.in_part4 .ul2 .li2{ position: absolute; bottom: -100%; left: 0; width: 50%;}
	.in_part4 .ul2 .li3{ width: 100%;}
	.in_part4 .ul2 .li4{ position: absolute; bottom: -50%; right: 0; width: 50%;}
	.in_part4 .ul2 .li4 .li_box{ margin: 0;}
	.in_part4 .ul3 .li1{ width: 100%; margin-top: 100%; position: relative;}
	.in_part4 .ul3 .li1 .li_box_wrap{ position: absolute; width: 50%; left:0;bottom: -50%; margin-left: 0;}
	.in_part4 .ul3 .li2{ width: 100%; margin-top: 100%; position: relative;}
	.in_part4 .ul3 .li2 .li2_1{ position: absolute; width: 50%; right: 0; top: -50%;}
	.in_part4 .ul3 .li2 .li2_3{ position: absolute; width: 50%; right:0; bottom: -50%;}
	.in_part4 .ul3 .li3{ width: 100%; margin-top: 100%; position: relative;}
	.in_part4 .ul3 .li3 .li_box_wrap{ position: absolute; top: -50%; left: 0; margin: 0;}
	.in_part4 .ul4{ position: relative; margin-top: 100%;}
	.in_part4 .ul4 .li1{ width: 100%; margin-left: 0; }
	.in_part4 .ul4 .li2{ position: absolute; top: -100%; left: 0; width: 50%;}
	.in_part4 .ul4 .li2 .li_box{ margin: 0;}
	.in_part4 .ul4 .li3{ position: absolute; top: -50%; right: 0; width: 50%;}
	.in_part4 .ul4 .li3 .li_box{ margin: 0;}
	.in_part4 .ul5{ position: relative; margin-top: 100%;}
	.in_part4 .ul5 .li3{ width: 100%; margin-left: 0; }
	.in_part4 .ul5 .li1{ position: absolute; top: -100%; right: 0; width: 50%; margin: 0;}
	.in_part4 .ul5 .li1 .li_box{ margin: 0;}
	.in_part4 .ul5 .li2{ position: absolute; top: -50%; left: 0; width: 50%;}
	.in_part4 .ul5 .li2 .li_box{ margin: 0;}
	.in_part4 .ul5 .li4{ display: none;}
	.in_part4 .ul6{ position: relative; margin-top: 100%;}
	.in_part4 .ul6 .li1{ width: 100%; margin-left: 0; }
	.in_part4 .ul6 .li2{ position: absolute; top: -100%; left: 0; width: 50%;}
	.in_part4 .ul6 .li2 .li_box{ margin: 0;}
	.in_part4 .ul6 .li3{ position: absolute; top: -50%; right: 0; width: 50%;}
	.in_part4 .ul6 .li3 .li_box{ margin: 0;}
	.in_part4 .ul7{ position: relative; margin-top: 100%;}
	.in_part4 .ul7 li:nth-child(1){ display: none;}
	.in_part4 .ul7 .li1{ width: 100%; margin-left: 0; }
	.in_part4 .ul7 .li2{ position: absolute; top: -100%; right: 0; width: 50%;}
	.in_part4 .ul7 .li2 .li_box{ margin: 0;}
	.in_part4 .ul7 .li3{ position: absolute; top: -50%; left: 0; width: 50%;}
	.in_part4 .ul7 .li3 .li_box{ margin: 0;}
	.in_part4 .ul8{ position: relative; padding-top: 100%; width: 100%;}
	.in_part4 .ul8 .li1{ width: 100%; margin-left: 0; display: none; }
	.in_part4 .ul8 .li2{ position: absolute; top: 0%; left: 0; width: 50%;}
	.in_part4 .ul8 .li2 .li_box{ margin: 0;}
	.in_part4 .ul8 .li3{ display: none;}
	.in_part4 .li_more{ position: absolute; right: -100%; margin-top: 0;}
	.in_part5{padding: 40px 0 40px;}
	.in_part5 .txt h2{font-size: 16px;}
	.section .more{ text-align:center; font-size:18px; padding:20px;}
	.in_part6 .txt h2{font-size: 16px;}
	.in_part5 .txt{padding-bottom: 40px;}
	.in_part5 .txt span{font-size: 24px; line-height: 25px; letter-spacing: 1px;}
	.in_part5 .tat a{font-size: 14px; width: 120px; height: 35px; line-height: 32px;}
	.in_part6 .tat a{font-size: 14px; width: 120px; height: 35px; line-height: 32px;}
	.in_part6 .txt span{font-size: 24px; line-height: 25px; letter-spacing: 1px;}

	.in_part5 #part5_canvas{ width: 200vw; left: -50vw;}
	.in_part5 .list{padding-top: 80px;}
	.in_part5 .list ul{height: 210px; margin: 0 15px;}
	.in_part5 .list::before{background-size: 40px; height: 40px;}
	.in_part5 .list dt{letter-spacing: 1px; font-size: 22px; margin-bottom: 20px;}
	.in_part5 .list dt .tit{ padding-bottom: 10px;}
	.in_part6{padding: 40px 0 0px;}
	.in_part6 .txt{padding-bottom: 40px;}

	/* 留言表单页 */
	.message_bg{ padding: 50px 0;}
	.message_con{ width: 90%; padding:60px 20px;}
	.message_con .con_2{  padding-top: 60px;}
	.message_con .con_2 .h2_tit{ font-size: 22px; padding: 80px 0 14px 0; }
	.message_con .con_2 .h3_txt{ font-size:16px;}

}	

/* 手机-竖 */
@media screen and (max-width:470px){

	/* 手机导航 */
	.phone_nav .box_con>ul>li{ width: 100%; float: none;}
	.phone_nav .phone_bg{  width: auto;}
	.phone_nav .phone_bg a{ width: auto; box-sizing: border-box;  float: none;}
	.phone_nav .phone_bg .t2{ margin-top:30px;}

	/* 首页 */
	.progress{ width: 22em; }
	.in_part3 .tet_pc{ display: none;}
	.in_part3 .tet_iphone{ display: block;}




	/* 留言表单页 */
	.message_bg{ padding: 50px 0;}
	.message_con{ width: 90%; padding:40px 20px;}
	.message_con .h2{ font-size: 24px; padding-bottom: 30px;}
	.message_con .h3{ font-size: 14px; padding-bottom: 10px;}
	.message_con .form .text{ font-size: 14px;}
	.message_con .txt2{ font-size: 12px;}
	.message_con .btn_list{ padding-top: 20px;}
	.message_con a.btn{ line-height: 40px; height: 40px; font-size: 16px;}

}	

@media screen and (max-width:758px){
	.right_icon{ position: fixed; right:0; bottom:0; width: 100%; margin-top: 0; z-index: 50;}
	.right_icon a{ width: 50%; float: left; height: 50px; border-top: 1px solid #718daa; border-right: 1px solid #718daa; box-sizing:border-box;}
	.right_icon .btn{ width: 100%; height: 50px; line-height: 50px; float: left; font-size: 14px; text-align: center;}
	.right_icon .btn img{ margin: 0 20px 0 0; display: inline-block;}
	.right_icon .btn b{display: inline-block;}

	/* 右侧按钮及弹出层-2023.1.5更新样式 */
	.right_icon{ padding: 0; border: none; border-radius: 0px;}
	.right_icon .con_box{ border-radius: 0px;}
	.right_icon a:first-child{ border-bottom: none;}
	.right_icon .btn{ 	flex-direction: row;}
	.right_icon .btn .img{ width: 30px; height: 30px;}
	.right_icon .btn b{ padding-top: 0; padding-left: 10px;}

	.foot{ margin-bottom: 50px;}

	.tc_bg{ width: 90%;height:340px;left: 5%;top: 50%;margin: -170px 0 0 0; background-size: cover; background-position: center;}
	.tc_bg .con{padding: 30px 20px;}
	.tc_bg .tit{font-size: 22px; padding-bottom: 10px;}
	.tc_bg .phone{ font-size: 16px; padding-bottom: 15px;}
	.tc_bg .phone a{ font-size: 24px;}
	.tc_bg .btn_list{ font-size: 16px; right: 30px; bottom: 20px;}
	.tc_bg .btn_list a{ padding-left: 20px;}
	.tc_bg .xx{ right: 0;  top: 0;}
	.tc_bg .zxyy .txt1{ font-size: 12px;}
	.tc_bg .zxyy .txt2{ font-size: 12px;}
	.tc_bg .zxyy .form{margin: 6px 0; padding-right: 80px;}
	.tc_bg .zxyy .text{ font-size: 14px; line-height: 36px; height: 36px; padding: 0 5px;}
	.tc_bg .zxyy .button{ width: 80px; font-size: 14px; line-height: 32px; height: 36px;}
	.tc_bg .btn_list{padding-top: 20px;}
	.tc_bg .btn_list a.btn2{ font-size: 16px;  height: 40px; line-height: 36px;}

	.tc_bg .con_2{  padding-top: 60px;}
	.tc_bg .h2_tit{ font-size: 22px;  padding: 80px 0 14px 0; }
	.tc_bg .h3_txt{ font-size:16px;}
	
}

/* 右侧按钮及弹出层 */
.right_icon{ position: fixed; right:20px; bottom: 30px; width: 80px; z-index: 2000; animation: zxxzBoxShadow 4s infinite;}
.right_icon a{ display: block; width: 80px; height: 80px; background: #172b3c; border-bottom: 1px solid #718daa; float: right; box-shadow: 0px 0px 20px rgba(53,95,134,0.5); transition: 0.4s;}
.right_icon .btn{ display: block; width: 80px; height: 80px; text-align: center; font-size: 12px; color: #fff; float: left;}
.right_icon .btn img{ width: 30px; margin: 15px 0 7px 0; transition: 0.4s;}
.right_icon .btn b{ display: block;  transition: 0.4s;}
.right_icon .zk{ width: 0; transition: 0.4s; overflow: hidden; float: left; display: block; font-size: 24px; line-height: 80px; font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; color: #fff;}
#newBridge{ display: none !important; }

.tc_bg{ width: 660px; height: 540px; position: fixed; z-index: 12000; left: 50%; top: 50%; margin: -270px 0 0 -330px; background: url(/Template/sy2022/images/tc_bg.jpg) no-repeat; background-size: cover; box-sizing: border-box; border:2px solid rgba(108,231,240,0.6); box-shadow: 0px 0px 76px 4px rgba(63,110,179,0.8); display: none ; }
.tc_bg .xx{ width: 40px; height: 40px; background: url(/Template/sy2022/images/btn_xx.png) no-repeat center; right: 20px; top: 20px; position: absolute; cursor: pointer;  z-index: 10;}
.tc_bg .con{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 50px 76px 70px 76px; box-sizing: border-box;}
.tc_bg .con_1{ display: block;}
.tc_bg .tit{ font-size: 28px; line-height: 1.5; font-weight: 300; color: #fff; padding-bottom: 20px;}
.tc_bg .phone{ font-size: 20px; line-height: 1.5; font-weight: bold; color: #ffce66; float: left; padding-bottom: 38px;}
.tc_bg .phone a{ font-size: 42px; font-family: "DIN-REGULAR"; color: #ffce66; border-bottom: 1px solid rgba(255,206,102,0.5);}
.tc_bg .zxyy{ overflow: hidden; clear: both;}
.tc_bg .zxyy .txt1{ color: #ffffff; font-weight: lighter; font-size: 16px;}
.tc_bg .zxyy .txt2{ color: #ffcf67; font-weight: bold; background: url(/Template/sy2022/images/btn_dun.png) no-repeat left center; padding-left: 20px;}
.tc_bg .zxyy .form{ margin: 10px 0; overflow: hidden; position: relative; padding-right: 136px;}
.tc_bg .zxyy .text{border: 1px solid #24c4d0; border-right: none; line-height: 48px; height: 48px; width: 100%; box-sizing: border-box; padding:0 20px; font-size: 16px; color: #ffffff; border-radius: 0px; background: rgba(225,225,225,0.06);}
.tc_bg .zxyy .text::-webkit-input-placeholder{color: #cacaca;}
.tc_bg .zxyy .text::-moz-placeholder{color: #cacaca;}
.tc_bg .zxyy .text:-ms-input-placeholder{color: #cacaca;}
.tc_bg .zxyy .button{ position: absolute; right: 0; top: 0; width: 136px;  line-height: 44px; height: 48px; float: left; font-size: 16px;}
.tc_bg .zxyy .formErrorContent{ text-align: left; font-size: 12px;font-weight: bold; color: #f00; padding-top: 5px;} 
.tc_bg .btn_list{ padding-top: 50px;}
.tc_bg .btn_list a.btn2{line-height: 44px; height: 48px; width: 100%;  font-size: 18px;}
.tc_bg a.btn{ position: relative; transition: all 0.4s;border: 2px solid #24c4d0; box-sizing: border-box; color: #fff; text-align: center; background: #24c4d0;  border-radius: 0px; display: block;  cursor: pointer;}
.tc_bg a.btn span{ position: relative; z-index: 1;}
.tc_bg a.btn::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; transform: scaleX(0); transform-origin: 100% 50%; transition: transform 0.4s;}
.tc_bg a.btn:hover::before{transform: scaleX(1); transform-origin: 0 50%;}
.tc_bg a.btn:hover{ color: #009fde}

.tc_bg .con_2{ display: none; text-align: center; padding-top: 130px;}
.tc_bg .h2_tit{ font-size: 40px; font-weight: bold; color: #ffce66; display: inline-block;  margin: 0 auto; padding: 80px 0 14px 0; border-bottom: 1px solid #ffce66; background: url(/Template/sy2022/images/btn_chenggong.png) no-repeat center top;}
.tc_bg .h3_txt{ font-size:22px; color: #fff; line-height: 2; font-weight: lighter; padding-top: 23px; }


/* 右侧按钮及弹出层-2023.1.5更新样式 */
.right_icon{ width: 92px; background:rgba(255,255,255,0.2); padding: 2px; border-radius: 10px;  bottom: 38px; right: 38px; animation: none;}
.right_icon .con_box{ background:rgba(0,0,0,0.8); border-radius: 8px; overflow: hidden;}
.right_icon a{ width: 100%; height: 120px; background: none; box-shadow: none; border: none; }
.right_icon a:first-child{ border-bottom: 2px solid rgba(255,255,255,0.2);}
.right_icon .btn{ display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 100%; font-size: 14px;}
.right_icon .btn img{ display: none;}
.right_icon .btn .img{ display: block; width: 40px; height: 40px;}
.right_icon .btn .img1{ background: url(/Template/sy2022/images/btn_zx3.png) no-repeat center; background-size: contain;}
.right_icon .btn .img2{ background: url(/Template/sy2022/images/btn_zx4.png) no-repeat center; background-size: contain;}
.right_icon .btn b{ padding-top: 8px;}
.right_icon a:hover .btn{ color: #10c4cb;}
.right_icon a:hover .btn .img1{ background-image: url(/Template/sy2022/images/btn_zx3a.png);}
.right_icon a:hover .btn .img2{ background-image: url(/Template/sy2022/images/btn_zx4a.png);}

.right_icon a .phone_tc{ position: absolute; right:calc(100% - 4px); padding-right: 20px; width: 320px; height: 144px; opacity: 0; visibility: hidden; }
.right_icon a .phone_tc::after{ content: ""; position: absolute; width: 0; height: 0; border: 10px solid transparent; border-left-color: #fff; right: 0; top: 65px}
.right_icon a .phone_tc .tit{ line-height: 44px; padding: 0 15px; background: #f4f4f4; color: #888888;}
.right_icon a .phone_tc .txt{ background: url(/Template/sy2022/images/ico_07.png) no-repeat 25px center #fff ; padding: 34px 0 30px 70px; line-height:26px;}
.right_icon a .phone_tc .phone{font-family: 'bahnschrift'; font-size: 29px; font-weight: bold; color: #05c0be; letter-spacing: 0.1em; border-bottom: 1px solid #82dfde;}
.right_icon a:hover .phone_tc{ opacity: 1; visibility: visible; transition: 0.4s;}

.fixed-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  display: none;
}
.fixed-bottom .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.3rem 5vw;
  background-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.fixed-bottom a.link {
  text-align: center;
}
.fixed-bottom a.link i {
  display: block;
  margin: 0 auto;
  width: 30px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.fixed-bottom a.link span {
  display: block;
  font-size: 14px;
  color: #333;
  margin-top: 5px;
}
.fixed-bottom a.obtain i {
  background-image: url("/assets/images/fixed-1.svg");
}
.fixed-bottom a.tel i {
  background-image: url("/assets/images/fixed-2.svg");
}
.fixed-bottom a.moban i {
  background-image: url("/assets/images/fixed-3.svg");
}
.fixed-bottom a.home i {
  background-image: url("/assets/images/fixed-4.svg");
}
.fixed-bottom a.form {
  width: 160px;
  background-color: #ff6a00;
  text-align: center;
  font-size: 14px;
  line-height: 40px;
  border-radius: 24px;
  color: #fff;
}

@media screen and (max-width: 1024px) {
  .fixed-bottom {
    display: block;
  }

}