body { position: relative; width: 100%; max-width: 1920px; margin: 0 auto; overflow-x: hidden;} 
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ opacity: 1;}
.w1815 { width: 100%; max-width: 1815px; margin: 0 auto;}
.w1400 { width: 100%; max-width: 1400px; margin: 0 auto;}
td,th{ word-wrap:break-word; word-break:break-all;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction { bottom: 0px;}
.headfixed.headerbgm { background: rgba(255, 255, 255, 1); filter: drop-shadow(1px 1px 6px rgb(102 102 102 / 42%));}
.headfixed.headerbgm .menu-list h3 a { height: 85px; line-height: 85px; color: #333;}
.headfixed.top { /* top: -100px; */
}
.btn-phone,.full-main-nav { display: none;}
.mimg{display: block; text-align: center;}
.mimg::before {content: ""; height: 100%; display: inline-block; vertical-align: middle;}
.mimg img{vertical-align: middle; max-width: 100%;max-height: 100%; width: auto!important; height: auto!important; display: inline-block;}
.headfixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; background: #ffffff; /* background: rgba(255, 255, 255, 1); */
  padding: 0px; /* box-shadow: 0 1px 4px 1px #f1f1f1; */
  transition: all 0.5s;}
.headfixed>div,.about1 .about1-ul li,.about4 .about4-ul li,.contact1,.headfixed .logo a,.headfixed .menu-list,.about1>div,.problem1 .problem1-ul .tit,.new-info .new-recul li a,.element1 .element1-list,.mpcb5 .mpcb5-list,.mpcb1,.smt1 .smt1-botli>div,.make9 .make9-list,.desgin4 .desgin4-ultp,.section2 .section2-list,.section3 .section2-list,.section10>div,.desgin1 .desgin1-rtul li,.desgin1 .desgin1-ct { align-items: center;}
.headfixed .logo { overflow: hidden;}
.headfixed .menu-list { width: 73%;}
.headfixed .menu-list>ul { width: 85%;padding-left: 50px;}
.headfixed .menu-list>ul>li { vertical-align: top;}
.headfixed .menu-list>ul>li:hover .nav-two { display: block !important;}
.headfixed .mobile-nav-box>ul>li>a { font-size: 14px; text-align: center; letter-spacing: 2px; color: #282828;}
.headfixed .mobile-nav-box ul li { width: 100%; padding: 12px 0px; border-bottom: 1px solid rgb(221, 221, 221);}
.headfixed .mobile-nav-box>ul li a { color: #716b61; line-height: 30px; text-align: left;}
.headfixed .mobile-nav-box>ul>li>h3.cur>i::before { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
.headfixed .btn-list { width: 15%; text-align: center; align-items: center;}
.headfixed .btn-list .btn-right { width: 100%; align-items: center;}
.headfixed .btn-menu { margin: 0 auto; display: none;}
.headfixed .btn-menu .mobile-nav { color: #ffffff; font-size: 13px; display: block; width: 36px; height: 36px; text-align: center; line-height: 36px;}

input::-webkit-input-placeholder { font-size: 12px;}
.headfixed .toggle-btn { width: 100%; height: 30px; position: relative; display: block;}
.headfixed .toggle-btn span { width: 26px; height: 2px; background: #333; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.headfixed .toggle-btn span:first-child { top: 8px;}
.headfixed .toggle-btn span:nth-child(2) { top: 50%; width: 20px;}
.headfixed .toggle-btn span:last-child { bottom: 6px;}
.headfixed .toggle-btn.cur span:first-child { -webkit-transform: translate(-50%, 7px) rotate(45deg); -ms-transform: translate(-50%, 7px) rotate(45deg); -o-transform: translate(-50%, 7px) rotate(45deg); transform: translate(-50%, 7px) rotate(45deg);}
.headfixed .toggle-btn.cur span:nth-child(2) { opacity: 0;}
.headfixed .toggle-btn.cur span:last-child { -webkit-transform: translate(-50%, -3px) rotate(-45deg); -ms-transform: translate(-50%, -3px) rotate(-45deg); -o-transform: translate(-50%, -3px) rotate(-45deg); transform: translate(-50%, -3px) rotate(-45deg); bottom: 10px;}
.mobile-nav-box { position: fixed; top: 70px; z-index: 99; left: 0; width: 100%; height: 100%; overflow-y: auto; background: rgba(255, 255, 255, 1); padding: 0 0 60px 0; border-top: 1px solid rgb(221, 221, 221); display: none;}
.headfixed .mobile-nav-box>ul>li>h3 { position: relative; padding: 0 30px;}
.headfixed .mobile-nav-box .head-subnav { width: 100%; display: none; padding: 8px 40px; background: #f5f5f5;}
.headfixed .mobile-nav-box .head-subnav .link-tit { text-align: left; position: relative;}
.headfixed .mobile-nav-box .head-subnav .link-tit a { width: 100%; line-height: 45px; text-align: left; font-size: 15px; color: #333; display: block;}
.headfixed .mobile-nav-box>ul>li>h3>a { font-size: 16px; text-align: center; letter-spacing: 2px; padding: 5px 0; color: #333; text-align: left;}
.headfixed .mobile-nav-box .head-suba { display: none;}
.headfixed .mobile-nav-box .head-suba>a,.headfixed .mobile-nav-box .head-subnav>a { font-size: 14px; display: block; text-align: center; letter-spacing: 2px; color: #333; text-align: left; padding: 0 15px; padding-left: 15px;}
.headfixed .mobile-nav-box>ul>li>h3>i,.headfixed .mobile-nav-box .link-tit>i { position: absolute; top: 0; right: 30px; height: 100%; width: 80px;}
.headfixed .mobile-nav-box .link-tit>i { right: -10px;}
.headfixed .mobile-nav-box>ul>li>h3>i::before,.headfixed .mobile-nav-box .link-tit>i::before { content: ""; position: absolute; top: 25px; right: 0px; width: 10px; height: 10px; border-bottom: solid 1px #aaa; border-left: solid 1px #aaa; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
/* æœç´ æŒ‰é’®  */
.btn-search { width: 21px; height: 21px;}
.header-button,.headfixed .header-button { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; position: relative; z-index: 1; display: block; width: 100%; height: 100%; margin: 0 auto; padding: 0; outline: none; background: url(../images/in-ssicon.png)   no-repeat center center; border: none; cursor: pointer;}
.headfixed.headerbgm .header-button { background: url(../images/in-ssicon.png)   no-repeat center center;}

#toggle-search.open:after { top: 40px; color: #ffffff;}

#search-form { -moz-transition: max-height, 0.5s; -o-transition: max-height, 0.5s; -webkit-transition: max-height, 0.5s; transition: max-height, 0.5s; position: absolute; top: 98%; right: 13%; width: 400px; max-height: 0; overflow: hidden; background: #ffffff;}

#search-form.open { max-height: 50px; border: 1px solid #f1f1f1;}

#search-form fieldset { position: relative; margin: 0 60px 0 0; padding: 0; border: none; z-index: 9; width: 85%;}

#search-form input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 50px;}

#search-form .search { width: 100%; padding: 0 5px 0 22px; background: #ffffff; border: none; color: #005bac; font-size: 14px; z-index: 9;}

#search-form .header-btn { position: absolute; bottom: 0; right: 0; width: 15%; margin: 0; padding: 0; font-weight: 700; text-transform: uppercase; color: #ffffff; background: url(../images/in-hssicon.png)   no-repeat center #005bac; border: none; cursor: pointer; z-index: 11;}

/* lanuage */
.language { width: 70px; position: relative; margin-right: 65px; display: none;}
.language-text { display: block; color: #333; font-size: 18px; line-height: 36px; text-align: left; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.language-text .icon-down { display: inline-block; float: right; vertical-align: middle; font-size: 16px; /* padding-left: 15px; */
  -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s;}
.language-list { position: absolute; width: 100%; top: 100%; right: 0; z-index: 10; background: #fff; -webkit-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .05); box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .05); opacity: 0; visibility: hidden; -webkit-transition: all .6s; -o-transition: all .6s; transition: all .6s;}
.language-list a { display: block; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size: 18px; padding: 6px 0px;}
.language-list a:hover { color: #004c92
}
.headfixed.headerbgm .language:hover .language-text { color: #666;}
.language:hover .language-text .icon-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.language:hover .language-list { opacity: 1; visibility: visible;}

/* app lanuage */
.app-lanu { text-align: center; padding: 20px 0; display: none;}
.app-lanu a { display: inline-block; padding: 0 10px; line-height: 24px; color: #333;}
.app-lanu a.active { color: white; background: #004c92; border-radius: 30px;}

/* nav */
.menu-list>ul>li:hover h3 a,.menu-list>ul>li.cur h3 a,.headfixed.headerbgm .menu-list>ul>li.cur h3 a,.headfixed.headerbgm .menu-list>ul>li:hover h3 a { color: #1460AD; font-weight: bold;}
.menu-list>ul>li.cur h3 a::after,.menu-list>ul>li:hover h3 a::after { width: 55px;}
.menu-list h3 { margin: 0 15px; position: relative;}
.menu-list h3 .icon-down{ color: #1460AD; font-weight: bold; font-size: 14px; position: absolute; top: 53%; right: -20px; transform: translateY(-53%); opacity: 0;}
.menu-list>ul>li:hover h3 .icon-down,.headfixed.headerbgm .menu-list>ul>li:hover h3 .icon-down{ opacity: 1;}
.menu-list h3 a { height: 100px; line-height: 100px; position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; text-align: center; color: #333333; font-size: 18px; display: block;}
.menu-list h3 a::after { content: ""; position: absolute; bottom: 0px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 3px; width: 0; background-color: #005bac; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0;}
.menu-list>ul>li .head-subnav { display: block !important; position: absolute; top: 100%; left: 50%; -webkit-transform: translate(-50%, 10px); -ms-transform: translate(-50%, 10px); -o-transform: translate(-50%, 10px); transform: translate(-50%, 10px); width: 100%; background-color: rgba(0, 0, 0, .7); background-size: cover; padding: 2.5% 8% 2% 28.8%; pointer-events: none; opacity: 0; border-top: 0;}
.menu-list>ul>li:hover .head-subnav { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); pointer-events: auto; opacity: 1;}
.menu-list .head-list{ flex-wrap: wrap;}
.menu-list .head-subnav a { width: 24.5%; padding: 11px 20px; margin-right: 1%; margin-bottom: 1%; color: #fff; display: flex; flex-direction: row; justify-content: space-between; align-items: center; font-size: 16px; background-color: #07509c; position: relative; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s;}
.menu-list .head-subnav a:nth-child(3n){ margin-right: 0px;}
.menu-list .head-subnav a::before{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0px; width: 4px;	height: 100%;	background-color: #71BBFF; opacity: 0; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s;}
.menu-list .head-subnav a h4{ font-size: 16px;	line-height: 28px; text-align: left; display: block;	color: #ffffff; padding-right: 10px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.menu-list .head-subnav .icon-rjiantou1{ font-size: 12px; font-weight: bold; width: 15px; text-align: right;	height: 15px; line-height: 15px; display: inline-block; vertical-align: middle; text-align: center; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s;}
/* .menu-list .head-subnav a.active,.menu-list .head-subnav a:hover{ background: #005bac;} */
.menu-list .head-subnav a.active::before,.menu-list .head-subnav a:hover::before{ opacity: 1;}
.menu-list .lang-box { top: 100%; width: 100%;}
.menu-list .lang-box a { padding: 8px 0;}

/* banner */
.banner{ margin-top: 100px;}
.mainer,.mainer .banner .banner-img { position: relative;}
.mainer .banner .banner-img img { width: 100%; margin: 0 auto;}
.mainer .banner .swiper-container-horizontal>.swiper-pagination-bullets,.mainer .banner .swiper-pagination-custom,.mainer .banner .swiper-pagination-fraction { bottom: 30px;}
.banner .swiper-fontlist { width: 100%; z-index: 3; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);}
.banner .pub-pbanner,.banner .pub-mbanner{ width: 100%;}
.banner .pub-mbanner{ display: none;}
.banner .swiper-font { width: 52%; text-align: left;}
.banner .swiper-font .swiper-h2 h2,.banner .swiper-font .swiper-h2 h1 { font-size: 0.48rem; line-height: 1.46; color: #fff; font-family: "HarmonyOS_Sans_SC_Medium"; font-weight: lighter;}
.banner .swiper-slide-active .swiper-font .swiper-h2 h1{font-size: .68rem;}
.banner .swiper-font .swiper-h2 h2 span { font-size: 70px; vertical-align: middle;}
.banner .swiper-font .swiper-p { font-family: "SourceHanSansSC"; font-size: 22px; line-height: 24px; color: #ffffff; margin-top: 15px;}
.banner .swiper-slide-active .swiper-font .swiper-h2 h2,.banner .swiper-slide-active .swiper-font .swiper-h2 h1 { -webkit-animation: fadeInDown 2.8s; animation: fadeInDown 2.8s;}
.banner .swiper-slide-active .swiper-font .more { -webkit-animation: fadeInUp 4.5s; animation: fadeInUp 4.5s;}
.banner-img .swiper-button-prev,.banner-img .swiper-button-next { display: none;}
.more{ width: 200px;	border-radius: 25px;	border: solid 3px #ffffff; text-align: center; line-height: 44px; font-size: 18px; color: #fff; display: block; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s;}
.more:hover{ border: solid 3px rgba(255, 255, 255, .7); color: rgba(255, 255, 255, .7);}
.banner .more{ margin-top: 65px;}
.banner .swiper-button-prev,.banner .swiper-button-next,.banner .swiper-pagination{ display: none;}
.section{ padding-top: 4%;}
.in-tit { text-align: center;}
.in-tit h3 { font-family: "HarmonyOS_Sans_SC_Medium";	font-size: 0.40rem;	color: #333333; position: relative;}
.in-tit h3 span { font-size: 0.62rem; font-family: "ArialMT"; vertical-align: -4px;}
.in-tit .dec {
	font-size: 16px;	line-height: 30px;	color: #666666;}
.in-tit .dec a{ color: #005bac; position: relative; display: inline-block;}
.in-tit .dec a b{ border-bottom: 2px solid #005bac;}
.in-tit .dec a em{ font-size: 28px; margin-left: 6px; display: inline-block; vertical-align: -6px;  
}
.more1{ width: 200px; line-height: 50px;	background-color: #005bac;	border-radius: 25px; text-align: center;	font-size: 18px; display: block;	color: #ffffff; position: relative; z-index: 5; border: none; margin: 20px auto 0 auto; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s;}
.more1:hover{ background-color: #000;}
.swiper-button-next,.swiper-button-prev{ width: 53px;	height: 53px; border-radius: 50%;	background: url(../images/in-prev.png) #cfcfcf   no-repeat center center;}
.swiper-button-next{ background: url(../images/in-next.png) #cfcfcf   no-repeat center center;}
.swiper-button-prev:hover{
	background: url(../images/in-prev.png) #0c9eea   no-repeat center center;}
.swiper-button-next:hover{
	background: url(../images/in-next.png) #0c9eea   no-repeat center center;}
.section1 .section1-ul{ position: relative; margin-top: 2.5%;}
.section1 .more1{ margin-top: 40px;}
.section1 .section1-ul li{ width: 32.2%; position: relative; margin-right: 1.7%; background-color: #ffffff;	box-shadow: 0px 0px 38px 0px 
		rgba(76, 76, 76, 0.1);	border-radius: 0px 0px 10px 10px;}
.section1 .section1-ul li:last-child,.section1 .section1-tag span:last-child{ margin-right: 0px;}
.section1 .section1-img{ border-radius: 10px 10px 0px 0px; width: 100%; position: relative; overflow: hidden;}
.section1 .section1-font{ padding: 20px;}
.section1 .section1-icon{ width: 80px;	height: 80px;	background-color: #0561b8;	border-radius: 10px; position: relative; margin-top: -60px;}
.section1 .section1-ft{ width: calc(100% - 80px); position: relative; padding-left: 20px;}
.section1 .section1-ft .tit{ font-family: "HarmonyOS_Sans_SC_Medium";	font-size: 24px;	line-height: 38px;	color: #333333;}
.section1 .section1-bot{ font-size: 16px;	line-height: 28px;	color: #777777; min-height: 60px; margin-top: 6%; margin-bottom: 12%; display: -webkit-box; overflow:hidden; text-overflow:ellipsis; word-wrap: break-word; 
  -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.section1 .section1-tag span,.section6 .section6-tag span{ border-radius: 0px 6px 0px 6px;	border: solid 1px #9dc5ea; font-size: 14px; padding: 1px 4px;	color: #000; margin-right: 4px; margin-bottom: 8px; display: inline-block;}
.section1 .section1-top { align-items: flex-end;}
.section1 .section1-ul li:hover .section1-icon img{ transform: rotateY(180deg);}
.section2{ margin-top: 4.7%; padding-bottom: 4.7%;}
.section2 .in-tit,.section6 .in-tit{ text-align: left;}
.section2 .section2-left,.section2 .section2-right{ width: 50%; position: relative;}
.section2 .section2-right{ padding-left: 3%;}
.section2 .section2-tit{ font-family: "HarmonyOS_Sans_SC_Medium";	font-size: 0.30rem;	color: #333333; margin-bottom: 5%;}
.section2 .section2-ul{ display: flex; flex-direction: column; justify-content: flex-start;}
.section2 .section2-ul li{ width: 71%; background-color: #ffffff;	border-radius: 10px; margin-bottom: 20px; align-items: center; padding: 2.5% 6%; position: relative;}
.section2 .section2-ul li:nth-child(even){ }
.section2 .section2-ul li:last-child{ margin-bottom: 0px;}
.section2 .section2-num{ width: 54px;	height: 54px; border-radius: 50%;	background-color: #d9ebfa; position: relative; text-align: center; line-height: 54px; font-size: 26px; font-weight: bold;	color: #005bac; font-family: "HarmonyOS_Sans_SC_Medium";}
.section2 .section2-font{ width: calc(100% - 54px); position: relative; padding-left: 20px;}
.section2 .section2-font .tit{ font-family: "HarmonyOS_Sans_SC_Medium";	font-size: 22px;	line-height: 36px;	color: #333333;}
.section2 .section2-font .dec{ font-size: 16px;	line-height: 36px;	color: #666666;}
.section2 .section2-img2,.section2 .section2-img1{ margin-bottom: -60px;}
.section3{ padding: 6.5% 0;}
.section3 li{ position: relative; width: 25%; text-align: center;}
.section3 .section3-icon{ width: 65px; height: 65px; position: relative; margin: 0 auto;}
.section3 .section3-tit{ font-size: 18px;	line-height: 2;	color: #ffffff; margin-top: 15px;}
.section4{ background-color: #f2f7fb; padding-bottom: 4.7%;}
.section4 .section4-tab{ position: relative; margin-top: 18px; margin-bottom: 3.5%;}
.section4 .section4-tab li{ margin-right: 30px; position: relative;}
.section4 .section4-tab li a{ display: block; width: 100%; font-size: 16px; text-align: center;	color: #fff; border-radius: 6px;	background: #005bac; padding: 7px 20px;}
.section4 .section4-tab li.active a,.section4 .section4-tab li:hover a{	background: #000;}
.section4 .section4-ctleft,.section4 .section4-ctright{ width: 49%; position: relative;}
.section4 .section4-ctleft{ margin-right: 1.8%;}
.section4 .section4-ctfont .tit{ font-family: "HarmonyOS_Sans_SC_Medium";	font-size: 22px;	line-height: 36px;	color: #333333; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.section4 .section4-ctfont .dec{ font-size: 16px;	color: #666666; margin-top: 5px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.section4 .section4-cta{ position: relative; display: block; width: 100%; background-color: #ffffff;	box-shadow: 0px 0px 59px 0px 
		rgba(64, 63, 64, 0.09);}
.section4 .section4-cttop .section4-cta{ padding: 3% 4.5%;}
.section4 .section4-ctbot .section4-cta{ width: 48.25%; margin-right: 3.5%; padding: 3% 4%;}
.section4 .section4-ctbot .section4-cta:last-child{ margin-right: 0px;}
.section4 .section4-ctli{ align-items: center; position: relative;}
.section4 .section4-ctright .section4-cttop{ margin-top: 3.5%;}
.section4 .section4-cta .section4-ctimg{ overflow: hidden; padding-right: 5%;}
.section4 .section4-cta .section4-ctimg img{ float: right; max-height: 249px;}
.section4 .section4-ctlist{ display: none;}
.section4 .section4-ctlist:first-child{ display: block;}
.section5{ padding-bottom: 4.6%;}
.scroll-ul li{ width: 25%; text-align: center; position: relative;}
.scroll-ul .scroll-ul-dec{ font-size: 16px;	line-height: 36px;	color: #ffffff;}
.scroll-ul .scroll-ul-num { text-align: center;}
.scroll-ul .scroll-ul-num span,.scroll-ul .scroll-ul-num b{
	font-family: "DINPro-CondensedBold";	font-size: 0.60rem;	color: #ffffff;}
.scroll-ul .scroll-ul-num strong{color:#fff}
.in-section{ padding-top: 4.8%;}
.section6 .swiper-pagination{ text-align: right; right: 45px; left: auto;}
.section6 .swiper-pagination-bullet { width: 12px;	height: 12px;	background-color: transparent; border: 2px solid #fff; border-radius: 5px; opacity: 1; margin: 0 10px;}
.section6 .swiper-pagination-bullet-active { background-color: #237dcf; border: 2px solid #237dcf;}
.section6 .section6-dec{ font-size: 18px;	line-height: 1.67;	color: #666666; padding-top: 20px; margin-bottom: 8%;}
.section6 .section6-font{ background-color: #f2f7fb;	border-radius: 0px 10px 10px 0px; position: relative; width: 100%; height: 500px; padding-left: 13.2%; margin-top: -10px; z-index: 3;}
.section6 .in-tit h3{ position: relative; padding-bottom: 20px;}
.section6 .in-tit h3::before{ content: ""; position: absolute; bottom: 0px; left: 0px; width: 40px;	height: 4px;	background-color: #0b9ffc;}
.section6 .section6-left{ width: 40%; position: absolute; top: 45%; transform: translateY(-45%);}
.section6 .section6-right{ width: 48%; position: absolute; right: 0%; top: 70%; transform: translateY(-70%);}
.section6 .section6-right .section6-logoimg{ width: 100%; overflow: hidden; display: block;}
.section7 .section7-font .dec-ft{ font-size: 16px;	line-height: 28px;	color: #777777;}
.section7 .dec-icon{ font-family: "ArialMT";	font-size: 0.52rem; line-height: 28px;	color: #005bac; display: inline-block; transform: translateY(20px);}
.section7 .name{ margin-top: 4%;}
.section7 .name .tit{ font-family: "HarmonyOS_Sans_SC_Medium";	font-size: 20px;	line-height: 36px;	color: #000; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align: center;}
.section7 .name .name-dec{ font-size: 16px;	line-height: 24px;	color: #888888; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align: center;}
.section7 .swiper-slide{ border-radius:10px;}
.section7 .swiper-slide .section7-font{ box-shadow: 0px 0px 59px 0px 
  rgba(64, 63, 64, 0.09); padding: 6% 8%;}
.section7 .section7-swiper{ width: 30%; margin: 0 auto; position: relative;}
.section7 .section7-swiper .swiper-container{ padding: 3% 3% 8% 3%;}
.section7 .section7-img,.section7 .section7-img img,.section9 .left-img,.section9 .left-img img{ width: 100%; overflow: hidden;}
.swiper-pagination{ text-align: center; width: 100%;}
.swiper-pagination-bullet{ width: 12px;	height: 12px;	background-color: #e1e1e1; margin: 0 8px; opacity: 1;}
.swiper-pagination-bullet-active{ background-color: #005bac;}
.section7 .section7-logoimg{ width: 130px;	height: 130px;	background-color: #ffffff;	border-radius: 10px; position: relative; box-shadow: 0px 0px 59px 0px 
  rgba(64, 63, 64, 0.09);   overflow: hidden;}
.section7 .section7-logo li{ position: absolute;}
.section7 .section7-list{ position: relative; margin-top: 2.7%
}
.section7 .section7-logo1 li:nth-child(1) .section7-logoimg{ width: 107px;	height: 107px;}
.section7 .section7-logo1 li:nth-child(2) .section7-logoimg{ width: 157px;	height: 157px;}
.section7 .section7-logo1 li:nth-child(3) .section7-logoimg{
	width: 129px;	height: 129px;}
.section7 .section7-logo1 li:nth-child(4) .section7-logoimg img,.section7 .section7-logo2 li:nth-child(7) .section7-logoimg img{ opacity: 0;}
.section7 .section7-logo1 li:nth-child(5) .section7-logoimg{
	width: 115px;	height: 115px;}
.section7 .section7-logo1 li:nth-child(6) .section7-logoimg{ width: 109px;	height: 109px;}
.section7 .section7-logo1 li:nth-child(8) .section7-logoimg{ width: 81px;	height: 81px;}
.section7 .section7-logo1 li:nth-child(9) .section7-logoimg{ width: 125px;	height: 125px;}
.section7 .section7-logo1 li:nth-child(1){ top: 14%; left: 2.5%;}
.section7 .section7-logo1 li:nth-child(2){ top: -15px; left: 12%;}
.section7 .section7-logo1 li:nth-child(3){ top: 8%; left: 24%;}
.section7 .section7-logo1 li:nth-child(4){ top: 48%; left: -100px;}
.section7 .section7-logo1 li:nth-child(5){ top: 50%; left: 6%;}
.section7 .section7-logo1 li:nth-child(6){ top: 37%; left: 16%;}
.section7 .section7-logo1 li:nth-child(7){ top: 47%; left: 24.5%;}
.section7 .section7-logo1 li:nth-child(8){ top: 80%; left: 5%;}
.section7 .section7-logo1 li:nth-child(9){ top: 72%; left: 15.5%;}
.section7 .section7-logo2 li:nth-child(1) .section7-logoimg{ width: 131px;	height: 131px;}
.section7 .section7-logo2 li:nth-child(2) .section7-logoimg{ width: 103px;	height: 103px;}
.section7 .section7-logo2 li:nth-child(3) .section7-logoimg{	width: 114px;	height: 114px;}
.section7 .section7-logo2 li:nth-child(4) .section7-logoimg{	width: 109px;	height: 109px;}
.section7 .section7-logo2 li:nth-child(5) .section7-logoimg{	width: 124px;	height: 124px;}
.section7 .section7-logo2 li:nth-child(6) .section7-logoimg{ width: 107px;	height: 107px;}
.section7 .section7-logo2 li:nth-child(8) .section7-logoimg{	width: 109px;	height: 109px;}
.section7 .section7-logo2 li:nth-child(1){ top: 5.5%; right: 23%;}
.section7 .section7-logo2 li:nth-child(2){ top: -35px; right: 13.5%;}
.section7 .section7-logo2 li:nth-child(3){ top: 26%; right: 13.5%;}
.section7 .section7-logo2 li:nth-child(4){ top: 15%; right: 4%;}
.section7 .section7-logo2 li:nth-child(5){ top: 41%; right: 24%;}
.section7 .section7-logo2 li:nth-child(6){ top: 41%; right: 5%;}
.section7 .section7-logo2 li:nth-child(7){ top: 32%; right: -100px;}
.section7 .section7-logo2 li:nth-child(8){ top: 69%; right: 6%;}
.section7 .section7-slist{ display: none;}
.section7 .section7-slist .section7-logoimg{ border: 1px solid #dededc; box-shadow: 0px 0px 59px 0px 
  rgba(64, 63, 64, 0);}
.section8{ background-color: #f2f7fb; margin-top: 5.5%; padding-bottom: 4.7%;}
.section8 .section8-list li{ width: 12.5%; position: relative;}
.section8 .section8-list li::before{ content: ""; position: absolute; top: 13px; right: -22px; width: 60px; height: 24px; background: url(../images/in-jticon.jpg)  no-repeat center center; background-size: 100%;}
.section8 .section8-list li:last-child::before{ opacity: 0;}
.section8 .section8-icon{ width: 51px;	height: 51px; position: relative; margin: 0 auto;}
.section8 .tit{ font-size: 16px; font-weight: bold;	line-height: 2;	color: #555555; text-align: center; margin: 20px 0;}
.section8 .section8-list{ position: relative; margin-top: 3.8%;}
.section8 .more1{ margin-top: 2.5%;}
.section9 .section9-left{ width: 64%; position: relative;}
.section9 .left-font time{ font-size: 16px;	color: #c8c8c8;}
.section9 .left-font .tit{ font-family: "HarmonyOS_Sans_SC_Medium";	font-size: 20px;	line-height: 32px;	color: #333333; margin-top: 6px; margin-bottom: 10px; position: relative;}
.section9 .right .left-font .tit{ padding-bottom: 9.5%; margin-bottom: 9%;}
.section9 .right .left-font .tit::before{ content: ""; position: absolute; bottom: 0px; left: 0px; width: 60px; height: 2px; z-index: 3; background-color: #109adf; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s;}
.section9 .right .left-font .tit::after{ content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 2px; background-color: #dededc;}
.section9 .right:hover .left-font .tit::before{ width: 100%;}
.section9 .left-font .dec{ font-size: 16px;	line-height: 30px;	color: #666666; margin-bottom: 4%; margin-bottom: 6.5%;}
.section9 .left-font .section9-more{ font-size: 14px;	color: #6f6f6f;}
.section9 .left-font .section9-more em{ font-size: 20px; display: inline-block; vertical-align: middle; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s;}
.section9 .section9-left .left,.section9 .section9-left .right{ width: 47.9%; position: relative; flex-wrap: wrap; background-color: #f9f9f9; margin-right: 2.1%;}
.section9 .left-font{ padding: 6%;}
.section9 .right .left-font{ padding: 8%;}
.section9 .section9-left .left:hover .section9-more em,.section9 .section9-left .right:hover .section9-more em{ margin-left: 10px;}
.section9 .right .section9-more{ position: absolute; bottom: 10%;}
.section9 .section9-left a{ display: block; width: 100%; height: 100%; position: relative;}
.section9 .section9-tit{ font-family: "HarmonyOS_Sans_SC_Medium";	font-size: 24px;	color: #333333; position: relative; padding-left: 15px; margin-bottom: 35px;}
.section9 .section9-tit::before{ content: ""; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width: 3px;	height: 65%;	background-color: #237dcf;}
.section9 .section9-list{ position: relative; margin-top: 3%;}
.section9 .section9-right{ width: 36%; position: relative;}
.section9 .section9-right ul{ position: relative; background-color: #f9f9f9; padding: 8% 7%;}
.section9 .section9-right ul li{ margin-bottom: 7%; position: relative;}
.section9 .section9-right ul li:last-child{ margin-bottom: 0px;}
.section9 .section9-icon{ width: 20px;	height: 20px; position: relative; margin-top: 10px;}
.section9 .section9-rtfont{ width: calc(100% - 20px); position: relative; padding-left: 10px;}
.section9 .section9-rtfont .tit{ font-family: "HarmonyOS_Sans_SC_Medium";	font-size: 18px;	line-height: 36px;	color: #333333;}
.section9 .section9-rtfont .dec{ font-size: 14px;	line-height: 24px;	color: #666666; margin-top: 5px;}
.section9 .swiper-container{ height: 100%;}
.section10{ margin-top: 5.3%; padding: 1.8% 0;}
.section10 .more{ font-weight: bold;}
.section10 .section10-left{ width: 35%; position: relative; padding-left: 5%;}
.section10 .section10-cen{ width: calc(100% - 49% - 200px); position: relative; padding-right: 3%; padding-left: 4.5%;}
.section10 .section10-cen h4{ font-family: "HarmonyOS_Sans_SC_Medium";	font-size: 0.40rem;	line-height: 1.3;	color: #ffffff;}
.section10 .section10-right{ width: 200px; position: relative;}
.section10 .section10-left-img1{ border-radius: 23px; margin-top: -60px;}
.section10 .section10-left-img1 img{ width: 100%; max-width: 229px;	max-height: 150px;}
.section10 .section10-left-img2{ margin-left: -160px;}
.section10 .section10-left-img2 img{ width: 100%; max-width: 293px; max-height: 139px;}
/* 视频弹窗 */
.videobox:hover{ animation: swing 1s;}
.popvideo iframe { width: 100%; /* height: 600px; */
}
.popvideo video { width: 100%; /* height: 600px; */
  object-fit: fill;}
.popvideobg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; z-index: 999; background: rgba(0, 0, 0, 0.6); display: none;}
.popvideobox { position: absolute; top: 50%; width: 100%; /* height: 600px; */
  left: 50%; transform: translate(-50%, -50%);}
.popvideo { max-width: 1000px; margin: 0px auto; padding: 0px 20px; position: relative;}
.close-video-btn { display: block; width: 25px; height: 25px; position: absolute; right: 45px; top: -15px; cursor: pointer; margin: -20px -20px 0 0; z-index: 9;}
.close-video-btn::after { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.close-video-btn::before { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.footer {
	background-color: #000;	box-shadow: 0px 7px 51px 0px 
		rgba(18, 48, 85, 0.14); position: relative; padding-top: 3.5%; padding-bottom: 25px;}
.footer .footerphone-menu{ position: relative; padding-bottom: 4%; padding-right: 16%;}
.footer .footerphone-menu li,.footer .footerphone-menu h3 { position: relative;}
.footer .footerphone-menu h3 a { font-size: 20px;	line-height: 36px;	color: #ffffff;}
.footer .foot-bot{ align-items: center; position: relative;border-top: rgba(255,255,255,0.1) solid 1px;}
.footer .foot-bot .right{ position: relative; padding-left: 3.5%;}
.footer .foot-ct {padding: 20px 15px 0; text-align: center;color: rgba(255, 255, 255, .7);}
.footer .foot-ct a,.footer .foot-ct span,.footer .foot-copy a,.footer .foot-copy span{ font-size: 16px;	line-height: 36px; color: rgba(255, 255, 255, .7);}
.footer .foot-copy a{ margin-right: 3px;}
.footer .foot-copy a,.footer .foot-copy span{ font-size: 14px; color: rgba(255, 255, 255, .5);}
.footer .foot-ct a{ margin-right: 5px;}
.footer .foot-copy span{ margin-right: 25px;}
.footer .footerphone-menu h3 i { position: absolute; top: 0; right: 0; height: 100%; width: 40px; display: none;}
.footer .footerphone-menu h3 i::before { content: ''; position: absolute; top: 50%; height: 2px; width: 15px; background: #dfdfdf; margin-top: -1px; right: 11px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.footer .footerphone-menu h3 i::after { content: ''; position: absolute; top: 50%; height: 15px; width: 2px; background: #dfdfdf; margin-top: -7px; right: 17px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.footer .footerphone-menu h3.cur i::after { opacity: 0;}
.footer .footer-subnav { margin-top: 8%;}
.footer .footer-subnav a { font-size: 16px; display: block;	line-height: 36px;	color: #fff; position: relative; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s;}
.footer .footer-subnav a em{ color: #fff; font-size: 12px; font-weight: bold; margin-right: 10px;}
.footer .footer-subnav a:hover,.footer .foot-copy a:hover,.footer .foot-ct a:hover { color: #005bac;}
/* Inner page */
.pub-banner{ position: relative;}
.pub-pcbanner{ display: block; width: 100%;}
.pub-mbanner{ display: none; width: 100%;}
.pub-banner .pub-banner-font { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); color: #ffffff; z-index: 9; text-align: center;}
.pub-banner .pub-banner-font h3{ font-family: "HarmonyOS_Sans_SC_Medium";	font-size: 0.40rem;}
.pub-banner .pub-banner-font .dec{ font-size: 16px;	line-height: 2;	color: #ffffff;}
.pad-90{ padding: 90px 0;}
.pad-80{ padding: 80px 0;}
.padt-80{ padding-top: 80px;}
.padt-60{ padding-top: 60px;}
.padt-40{ padding-top: 40px;}
.padb-90{ padding-bottom: 90px;}
.padb-55{ padding-bottom: 55px;}
.mart-90{ margin-top: 90px;}
.mart-80{ margin-top: 80px;}
.mart-65{ margin-top: 65px;}
.mart-55{ margin-top: 55px;}
.mart-45{ margin-top: 45px;}
.mart-40{ margin-top: 40px;}
.mart-20{ margin-top: 20px;}
.inner-tit{ text-align: center;}
.inner-tit h3{ font-family: "HarmonyOS_Sans_SC_Medium";	font-size: 0.40rem;	color: #333333; position: relative;}
.inner-tit .dec{ font-size: 16px;	line-height: 30px;	color: #666666; margin-top: 20px;}
/* 分页 */
.paging { text-align: center; width: 100%; margin: 0 auto; flex-wrap: wrap;}
.paging a { display: block; margin: 0 5px; font-size: 16px; color: #333; background: transparent; font-family: "Arial"; transition: ease .5s; /* border-right: 1px solid #f3f3f3; */
  background: #fff; width: 40px; height: 40px; line-height: 40px;}
.paging a:last-child { border-right-color: transparent;}
.search-cont-right .paging a{ background: #f5f5f5;}
.paging a:hover,.paging a.on { color: #fff;	background-color: #05a4e6;}
.paging a i { display: block; font-size: 12px; color: #000; width: 100%; font-weight: bold;}
.paging a:hover i { color: #fff;}

@media(max-width:790px) { .paging a {   font-size: 14px;     width: 30px;     height: 30px;     line-height: 30px; }

  .paging a i {   font-size: 14px; }
}
/* desgin */
.desgin1,.about1,.about3,.desgin1,.about1,.about6,.desgin6,.desgin8,.make1,.make4,.make9,.smt8{ background-color: #f1f4fa;}
.desgin1 .desgin1-ul li{ position: relative; width: 14%; margin-right: 5px; background-color: #6ba6e3;	border-radius: 10px 10px 0px 0px;}
.desgin1 .desgin1-ul li:hover,.desgin1 .desgin1-ul li.active{ background-color: #07509c; background-size: cover;}
.desgin1 .desgin1-ul li a{ display: block; width: 100%; font-size: 18px; line-height: 65px; padding: 0 6px; color: #ffffff; text-align: center;}
.desgin1 .desgin1-ul li.active a,.desgin1 .desgin1-ul li:hover a{ font-weight: bold;}
.desgin1 .desgin1-ul li:last-child{ margin-right: 0px;}
.desgin1 .desgin1-left{ width: 46%; position: relative; padding-right: 3%;}
.desgin1 .desgin1-left .tit .img{ width: 30px; position: relative;}
.desgin1 .desgin1-left .tit-h5{ width: calc(100% - 30px); position: relative; font-family: "HarmonyOS_Sans_SC_Medium";	font-size: 24px;	color: #005bac; padding-left: 5px;}
.desgin1 .desgin1-left .dec{ font-size: 16px;	line-height: 28px;	color: #666666; margin-top: 10px;}
.desgin1 .desgin1-right{ width: 54%; position: relative; padding-left: 4.5%;}
.desgin1 .desgin1-item{ padding: 5.5%;}
.desgin1 .desgin1-rtul{ width: 100%; position: relative;}
.desgin1 .desgin1-rtul2{ padding-left: 9%;}
.desgin1 .desgin1-rtul li{width: 50%; float: left; font-size: 16px;	line-height: 36px;	color: #666666; position: relative;}
.desgin1 .desgin1-rtul::before{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 7px; width: 0px;	height: 100%; border-left: 1px dashed #ddebff;}
.desgin1 .desgin1-rtul2::before{ left: 62px;}
.desgin1 .desgin1-rtul .spot{ width: 14px;	height: 14px;	background-color: #d9e9ff; border-radius: 50%; position: relative; display: block;}
.desgin1 .desgin1-rtul .spot::before{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 6px;	height: 6px;	background-color: #3f90fe; border-radius: 50%; z-index: 2;}
.desgin1 .desgin1-rtul .spot::after{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 14px;	height: 14px;	background-color: #d9e9ff; border-radius: 50%; z-index: 1;}
.desgin1 .desgin1-rtul .ft{ width: calc(100% - 14px); padding-left: 7%;}
.desgin1 .desgin1-li{ position: relative; display: none;}
.desgin1 .desgin1-li:first-child{ display: block;}
.desgin2 .desgin2-img{ margin-top: 30px; overflow: hidden;}
.desgin3{ padding: 0 6.5%;}
.desgin3 .desgin3-list{ align-items: center; padding: 30px 40px;}
.desgin3 .desgin3-left{ width: 60.2%; position: relative; padding-right: 10%;}
.desgin3 .desgin3-tit h4{ font-family: "HarmonyOS_Sans_SC_Medium";	font-size: 24px;	color: #333333;}
.desgin3 .desgin3-tit .dec{ font-size: 16px;	line-height: 28px;	color: #666666; margin-top: 15px;}
.desgin3 .desgin3-ul{ flex-wrap: wrap;}
.desgin3 .desgin3-ul li{ margin-bottom: 10px; position: relative; width: 50%; align-items: center;}
.desgin3 .desgin3-ul li:last-child{ margin-bottom: 0px;}
.desgin3 .desgin3-ul .icon{
	width: 25px;	height: 25px;	background-color: #d8f1ff; border-radius: 50%; text-align: center; line-height: 25px; font-size: 12px; color: #005bac; font-weight: bold;}
.desgin3 .desgin3-ul .font{ width: calc(100% - 25px); position: relative; padding-left: 10px;}
.desgin3 .desgin3-right{ width: 39.8%; position: relative; overflow: hidden;}
.desgin4{ background-color: #f0f4f9;}
.desgin4 .desgin4-list{ align-items: center; position: relative; padding-right: 13.3%;}
.desgin4 .desgin4-left{ width: 54.2%; position: relative;}
.desgin4 .desgin4-right{ width: 45.8%; position: relative; padding:2.63% 3%; position: relative; background-color: #fff;}
.desgin4 .desgin4-ul li{ margin-bottom: 25px;}
.desgin4 .desgin4-ul li:last-child{ margin-bottom: 0px;}
.desgin4 .desgin4-icon{ width: 57px;	height: 62px;	background: url(../images/de-bgm4.png)  no-repeat center center; background-size: 100%; position: relative; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s;}
.desgin4 .desgin4-tit{ width: calc(100% - 57px); position: relative; padding-left: 15px; font-family: "HarmonyOS_Sans_SC_Medium";	font-size: 24px;	color: #333333;}
.desgin4 .desgin4-ulbt{ font-size: 16px;	line-height: 28px;	color: #666666; margin-top: 10px;}
.desgin5 .desgin5-list{ padding: 0 0 70px;}
.desgin5 .desgin5-ul{ flex-wrap: wrap; align-items: flex-start; width: 100%;}
.desgin5 .desgin5-ul2{ margin-left: 5%; margin-top: 3.5%;}
.desgin5 .desgin5-ul li{ width: 29.33%; float: left; position: relative; margin: 0 2%;}
.desgin5 .desgin5-ul li:first-child{ margin-top: 0px;}
.desgin5 .desgin5-ul li:nth-child(2n){ margin-right: 0px;}
.desgin5 .desgin5-img{ position: relative; overflow: hidden;}
.desgin5 .desgin5-icon{	width: 70px; height: 100%;	background-color: #005bac; position: absolute; left: 0px; top: 50%; transform: translateY(-50%);}
.desgin5 .desgin5-font{ font-family: "HarmonyOS_Sans_SC_Medium";	font-size: 24px;	color: #333333; padding-top: 3%; padding-left: 16.5%;}
.desgin6 .desgin6-icon{ width: 69px;	height: 69px;	border: solid 1px #005bac; border-radius: 50%; position: relative;}
.desgin6 .desgin6-font{ width: calc(100% - 69px); position: relative; padding-left: 5.5%;}
.desgin6 .desgin6-ul{ background-color: #ffffff;	border-radius: 6px; padding: 4.5% 0%; margin-bottom: 30px;}
.desgin6 .desgin6-ul li{ width: 33.333%; position: relative; border-right: 1px solid #eaeaea; padding: 0 4.2%;}
.desgin6 .dec-li{ align-items: center; position: relative;}
.desgin6 .dec-li .icon{ width: 22px; height: 22px; border-radius: 50%; text-align: center; line-height: 22px; background-color: #d9e9ff; color: #005bac; font-weight: bold; font-size: 12px;}
.desgin6 .dec-ft{ width: calc(100% - 22px); font-size: 16px;	line-height: 36px;	color: #666666; padding-left: 10px;}
.desgin6 .desgin6-font .tit{ font-family: "HarmonyOS_Sans_SC_Medium";	font-size: 24px;	color: #333333; margin-bottom: 5px;}
.desgin6 .desgin6-tag span{ border-radius: 0px 6px 0px 6px;	border: solid 1px #9dc5ea; font-size: 14px; display: inline-block;	line-height: 26px;	color: #000; padding: 4px 18px; margin-right: 5px; margin-bottom: 5px;}
.desgin6 .desgin6-tag span:last-child,.desgin7 .desgin7-ul li:nth-child(3n){ margin-right: 0px;}
.desgin7 .desgin7-ul{ flex-wrap: wrap;}
.desgin7 .desgin7-ul li{ width: 32%; position: relative; margin-right: 1.8%;}
.desgin7 .desgin7-font{ padding: 5% 5.5%; padding-left: 0px; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s;}
.desgin7 .desgin7-ul li:hover .desgin7-font{ padding-left: 5.5%; background-color: #3a84d0}
.desgin7 .desgin7-font .tit{ font-size: 22px;	color: #333333;}
.desgin7 .desgin7-font .dec{ font-size: 16px;	line-height: 26px;	color: #777777;}
.desgin7 .desgin7-ul li:hover .desgin7-font .tit,.desgin7 .desgin7-ul li:hover .desgin7-font .dec{ color: #fff;}
.desgin8 .desgin8-ul li{ position: relative; flex: 1;}
.desgin8 .desgin8-ul li::before{ content: ""; position: absolute; top: 20px; right: -35px; width: 72px; height: 11px; background: url(../images/de-jtiocn.png)  no-repeat center center; background-size: 100%;}
.desgin8 .desgin8-ul li:last-child::before{ display: none;}
.desgin8 .desgin8-icon{ width: 45px; height: 45px; position: relative; margin: 0 auto;}
.desgin8 .desgin8-ul .num{ width: 18px;	height: 18px;	background-color: #3a84d0; border-radius: 50%; text-align: center; line-height: 18px; font-size: 12px; font-weight: bold;	color: #ffffff; display: block; position: absolute; right: 50px; top: 0; z-index: 3;}
.desgin8 .desgin8-ul .tit{
	font-size: 16px; font-weight: bold;	color: #666666; text-align: center; margin-top: 30px;}
.desgin8 .desgin8-top{ position: relative; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s;}
/* make */
.make1 .make1-ul{ flex-wrap: wrap; margin-top: 10px;}
.make1 .make1-ul li{ position: relative; width: 48.5%; margin-right: 3%; margin-top: 3%; border-radius: 30px; background-color: #ffffff; align-items: center;}
.make1 .make1-ul li:nth-child(2n){ margin-right: 0px;}
.make1 .make1-img{ width: 53.5%; overflow: hidden; border-radius: 30px 0px 0px 30px;}
.make1 .make1-font{ width: 46.5%; padding: 2% 5% 2% 11%;}
.make1 .make1-font .tit,.smtadd1 .smtadd1-ul .tit{ font-family: "HarmonyOS_Sans_SC_Medium";	font-size: 24px;	line-height: 36px;	color: #000; margin-bottom: 10px;}
.smtadd1 .smtadd1-ul .tit{ color: #005bac;}
.make1 .make1-font .dec,.smtadd1 .smtadd1-ul .dec{ font-size: 16px;	line-height: 36px;	color: #666666; display: flex; flex-direction: row; justify-content: flex-start;}
.make1 .make1-font .dec em,.make3 .make3-right li em,.smtadd1 .smtadd1-ul .dec em{ width: 15px; display: inline-block; vertical-align: middle; color: #005bac; font-weight: bold; font-size: 12px;}
.make1 .make1-font .dec p,.make3 .make3-right li span,.smtadd1 .smtadd1-ul .dec p{ width: calc(100% - 15px); display: inline-block; vertical-align: middle; padding-left: 5px;}
.make2 .make2-table,.mpcb3 .mpcb3-table{ overflow-x: auto; overflow-y: hidden; margin-top: 3.5%;}
.make2 .make2-table1 table,.make2 .make2-table2 table,.mpcb3 .mpcb3-table table{ width: 1400px; border: solid 1px #e1e1e1;}
.make2 .make2-table th{
	font-size: 24px;	height: 60px;	color: #ffffff; background-color: #005bac; text-align: left; padding: 8px 4%; border-right: 1px solid rgba(255, 255, 255, 0.5); font-weight: normal;} 
.make2 .make2-table1 th:nth-child(1),.make2 .make2-table1 td:nth-child(1){ width: 26%;}
.make2 .make2-table1 th:nth-child(2),.make2 .make2-table1 td:nth-child(2){ width: 74%;}
.make2 .make2-table1 td{ font-size: 16px;	line-height: 30px;	color: #666666; height: 42px; padding: 8px 4%; border-right: 1px solid #e1e1e1;}
.make2 .make2-table1 tr:nth-child(odd) td,.mpcb3 .mpcb3-table tr:nth-child(odd) td{ background-color: #f5f5f5;}
.make3{ margin-top: 5.3%; padding: 4% 0;}
.make3 .make3-list,.make3 .make3-right li{ align-items: center; position: relative;}
.make3 .make3-left,.make3 .make3-right{ width: 50%; position: relative;}
.make3 .make3-left{ padding-right: 8%;}
.make3 .make3-right li em,.make3 .make3-right li span,.make3 .inner-tit h3,.about2 .inner-tit h3,.about2 .inner-tit .dec,.about5 .inner-tit h3,.about5 .inner-tit .dec,.contact1 .contact1-left .inner-tit h3{ color: #fff;}
.make3 .inner-tit h3{ text-align: right;}
.make3 .make3-right li span{ line-height: 36px;}
.make4 .make4-list{ flex-wrap: wrap;}
.make4 .make4-list li{ position: relative; width: 31.5%; margin-right: 2.5%; margin-bottom: 2.5%; background-color: #ffffff;	border-radius: 6px; border: solid 3px transparent; padding: 1.5% 3.5%;}
.make4 .make4-icon{ width: 65px; height: 65px; position: relative;}
.make4 .make4-num{ font-family: "HarmonyOS_Sans_SC_Medium"; font-size: 0.40rem; color: rgba(4,164,229, 0.4); font-weight: bold; position: absolute; right: 6.5%; top: 3%;}
.make4 .make4-font .tit{ font-family: "HarmonyOS_Sans_SC_Medium";	font-size: 24px;	color: #333333; margin-top: 30px; margin-bottom: 10px;}
.make4 .make4-font .dec{ font-size: 16px;	line-height: 30px;	color: #666666;}
.make4 .make4-tag span{ font-size: 14px;	line-height: 26px; display: inline-block;	color: #000; border-radius: 0px 6px 0px 6px;	border: solid 1px #9dc5ea; margin-right: 5px; margin-bottom: 5px; padding: 0 6px;}
.make4 .make4-list li:nth-child(3n),.make4 .make4-tag span:last-child{ margin-right: 0px;}
.make5 .inner-tit .dec{ font-size: 18px; margin-top: 5px;}
.make5 .make5-list{ align-items: center; flex-wrap: wrap; position: relative;}
.make5 .make5-left{ width: 47.1%; margin-right: 0.5%; position: relative;}
.make5 .make5-right{ width: 52.4%;}
.make5 .make5-top{ margin-bottom: 1%;}
.make5 .make5-top,.make5 .make5-btli{ position: relative;}
.make5 .make5-btli{ width: 49.5%; margin-right: 1%;}
.make5 .make5-btli::before,.make5 .make5-left::before,.make5 .make5-top::before{ content: ""; position: absolute; width: 100%; height: 100%; background: url(../images/ma-bgm2.png)  no-repeat center center; background-size: cover; z-index: 1; opacity: 0; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s;}
.make5 .make5-btli:nth-child(2n){ margin-right: 0px;}
.make5 .make5-font{ position: absolute; width: 100%; left: 0px; bottom: 0px; padding: 20px 50px; z-index: 3; opacity: 0; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s;}
.make5 .make5-font::before{ content: ""; position: absolute; top: 50%; left: 30px; transform: translateY(-50%); width: 2px;	height: 50px;	background-color: #005bac;}
.make5 .make5-font .tit,.make6 .make6-font .tit{ font-family: "HarmonyOS_Sans_SC_Medium";	font-size: 24px;	color: #ffffff;}
.make5 .make5-font .dec{ line-height: 30px;	color: #ffffff;}
.make5 .make5-left:hover .make5-font,.make5 .make5-btli:hover .make5-font,.make5 .make5-top:hover .make5-font,.make5 .make5-btli:hover::before,.make5 .make5-left:hover::before,.make5 .make5-top:hover::before{ opacity: 1;}
.make6 .make6-list,.make6 .make6-top,.make6 .make6-bot{ flex-wrap: wrap; align-items: center;}
.make6 .make6-left{ width: 55.2%; margin-right: 2.3%;}
.make6 .make6-right{ width: 42.5%;}
.make6 .make6-lia,.make6 .make6-bot{ background-color: #ffffff;	box-shadow: 0px 0px 46px 0px 
		rgba(55, 55, 55, 0.1); position: relative;}
.make6 .make6-font .tit { color: #333333;}
.make6 .make6-font .dec{ font-size: 16px;	line-height: 36px;	color: #666666;}
.make6 .make6-top .make6-lia{ width: 47.7%; margin-right: 4.5%; padding: 4% 5%;}
.make6 .make6-top .make6-lia:last-child{ margin-right: 0px;}
.make6 .make6-bot{ margin-top: 4.5%; padding: 3.15% 5%;}
.make6 .make6-btlf,.make6 .make6-btrt{ width: 50%; position: relative;}
.make6 .make6-top .make6-font{ margin-bottom: 6.6%;}
.make6 .make6-right .make6-lia{ padding: 6% 8%;}
.make6 .make6-right .make6-img{ margin-top: 22%; margin-bottom: 19%;}
.make7 .make7-swiper{ position: relative;}
.make7 .swiper-slide { background-color: #ffffff; box-shadow: 0px 0px 46px 0px 
  rgba(55, 55, 55, 0.12); padding: 2.5%;}
.make7 .make7-swiper .tit { font-size: 20px; line-height: 34px; color: #666666; text-align: center; margin-top: 9%;}
.make7 .make7-swiper { position: relative;}
.make7 .make7-img { display: block; width: 100%; max-width: 100%; max-height: 320px; overflow: hidden;}
.make7 .make7-swiper .swiper-container { padding: 3% 1.5%;}
.make7 .swiper-button-prev,.make7 .swiper-button-next{ width: 16px;	height: 30px;}
.make7 .swiper-button-prev{ background: url(../images/ma-prev.png)  no-repeat center center; background-size: cover; left: -30px;}
.make7 .swiper-button-next{ background: url(../images/ma-next.png)  no-repeat center center; background-size: cover; right: -30px;}
.make7 .swiper-button-prev:hover{ background: url(../images/ma-hprev.png)  no-repeat center center; background-size: cover;}
.make7 .swiper-button-next:hover{ background: url(../images/ma-hnext.png)  no-repeat center center; background-size: cover;}
.make8 .make8-list .left { width: 36.8%; background-color: #fff; box-shadow: 0px 0px 46px 0px 
  rgba(55, 55, 55, 0.1); position: relative; /* padding: 2.5%; */
  overflow-x: hidden; overflow-y: auto;}
.make8 .left ul { position: absolute; width: 100%; top: 50%; padding-right: 28%; transform: translateY(-50%); height: 420px; padding-right: 28%; padding-top: 3%; padding-bottom: 3%; padding-left: 8%;}
.make8 .left li { position: relative;}
.make8 .left li::before { content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); background-color: #ffffff; width: 4px; height: 100%; background: #0c9eea; opacity: 0;}
.make8 .left li.active::before { opacity: 1;}
.make8 .left a { font-size: 18px; line-height: 30px; color: #666666; width: 100%; display: block; padding: 4% 0; padding-left: 25px; background: transparent;}
.make8 .left li.active a { background: rgba(12,158,234, 0.1); color: #0c9eea; font-weight: bold;}
.make8 .make8-list .right { width: 63.2%; position: relative;}
.make8 .make8-list { position: relative; margin-top: 3.5%;}
.make8 .make8-list .right-img1 { width: 100%; position: relative; overflow: hidden; z-index: 1;}
.make8 .make8-list .right-img img { width: 100%; height: 100%;}
.make8 .make8-list .right-img2 { max-width: 230px; max-height: 170px; position: relative; overflow: hidden; z-index: 3; margin-top: -170px; margin-left: -110px;}
.make8 .right-li { display: none;}
.make8 .right-li:first-child { display: block;}
.make8 .inner-tit .dec{ font-size: 18px;}
.make9 .make9-left{ width: 41.6%; position: relative; padding-right: 9%;}
.make9 .make9-tit .tit{ font-size: 0.46rem;	color: #333333;}
.make9 .make9-tit .dec{ margin-top: 30px; margin-bottom: 40px;}
.make9 .make9-img{ width: 95px; height: 95px; position: relative;}
.make9 .make9-ul{ width: calc(100% - 95px); position: relative; padding-left: 25px;}
.make9 .make9-tag{ width: 17%;}
.make9 .make9-tagdec{ width: 83%;}
.make9 .make9-tag,.make9 .make9-tagdec,.make9 .make9-tit .dec{
	color: #666666; line-height: 30px;}
.make9 .make9-tagdec a{ font-family: "ArialMT";	font-size: 18px;	color: #028cd7;}
.make9 .make9-ul li:nth-child(2) .make9-tagdec a,.make9 .make9-tagdec:hover a,.make9 .make9-tagdec:hover p{ font-weight: bold;}
.make9 .make9-ul li:nth-child(3) .make9-tagdec p{ color: #028cd7; font-size: 18px;}
.make9 .make9-right{ width: 58.4%;}
.make9 .make9-right ul{ flex-wrap: wrap;}
.make9 .make9-right li{ width: 48.7%; margin-right: 2.5%; margin-bottom: 2.5%
}
.make9 .make9-right li:last-child{ margin-bottom: 0px;}
.make9 .make9-right li:nth-child(2),.make9 .make9-right li:nth-child(3){ margin-right: 0px;}
.make9 .make9-right li:nth-child(3){ width: 100%;}
.make9 .make9-right input{ width: 100%; height: 50px; border-radius: 2px; padding:10px 20px;	background-color: #ffffff; font-size: 16px; color: rgba(51,51,51, 0.6);}
.make9 .make9-right textarea{ width: 100%; border-radius: 2px; padding: 10px 20px;	background-color: #ffffff; height: 120px; font-size: 16px; color: rgba(51,51,51, 0.6);}
.make9 .sub{ width: 170px;	height: 50px;	background-color: #005bac;	border-radius: 25px; font-size: 18px; line-height: 50px;	line-height: 36px;	color: #ffffff; cursor: pointer; margin-top: 15px; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s;}
.make9 .sub:hover,.contact1 .contact1-more:hover{ background-color: rgba(4, 164, 299, 0.8);}
/* smt */
.smt1 .smt1-top li{ width: 15.4%; margin-right: 2%; margin-bottom: 2%; background-color: #005bac;	border-radius: 0px 10px 0px 10px; border: solid 2px #005bac;}
.smt1 .smt1-top li.active{ border-radius: 0px 10px 0px 10px;	border: solid 2px #005bac; background-color: transparent;}
.smt1 .smt1-top li:last-child{ margin-right: 0px;}
.smt1 .smt1-top li a{ font-size: 18px;	color: #ffffff; display: block; text-align: center; width: 100%; padding: 5% 2%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.smt1 .smt1-top li.active a{ color: #005bac;}
.smt1 .smt1-left{ width: 52.4%; position: relative; border-radius: 6px;}
.smt1 .smt1-right{ width: 46.6%; position: relative; padding-left: 5%; padding-right: 2.5%;}
.smt1 .smt1-botli{ position: relative; display: none;}
.smt1 .smt1-botli:first-child{ display: block;}
.smt1 .smt1-bot{ background-color: #f4f6f9;	border-radius: 6px; padding: 4% 2.5%; margin-top: 3%;}
.smt1 .smt1-right .tit{ font-family: "HarmonyOS_Sans_SC_Medium";	font-size: 24px;	color: #333333;}
.smt1 .smt1-right .dec{ margin-top: 15px; margin-bottom: 25px;}
.smt1 .smt1-right .dec,.smt1 .smt1-right .dec-bt li,.smt2 .smt2-font .dec,.smt4 .smt4-font .dec,.smt10 .smt10-font .dec{ line-height: 30px;	color: #666666; text-align: justify;}
.smt1 .smt1-right .dec-bt li{ align-items: center; position: relative; margin-bottom: 6px;}
.smt1 .smt1-right .dec-bt li:last-child{ margin-bottom: 0px;}
.smt1 .smt1-right .dec-bt li em{ display: block; width: 15px; color: #005bac; font-weight: bold; font-size: 12px;}
.smt1 .smt1-right .dec-bt li span{ width: calc(100% - 15px); position: relative; padding-left: 5px;}
.smt2{ position: relative;}
.smt2::before{ content: ""; position: absolute; left: 0px; top: -30%; width: 333px; height: 685px; background: url(../images/sm-bgm1.png)  no-repeat center center; background-size: 100%; z-index: -1;}
.smt2::after{ content: ""; position: absolute; right: 0px; top: -24%; width: 225px; height: 685px; background: url(../images/sm-bgm2.png)  no-repeat center center; background-size: 100%; z-index: -1;}
.smt2 .smt2-ul{ flex-wrap: wrap;}
.smt2 .smt2-ul li{ width: 48.5%; margin-right: 3%; margin-bottom: 4%; background-color: #f0f4f9;	border-radius: 6px; align-items: center; padding: 2.5% 3.7%;}
.smt2 .smt2-ul li:nth-child(2n){ margin-right: 0px;}
.smt2 .smt2-img{ width: 180px; height: 180px; position: relative; overflow: hidden;}
.smt2 .smt2-font{ width: calc(100% - 180px); position: relative; padding-left: 7%;}
.smt2 .smt2-font .tit,.smt4 .smt4-font .tit,.smt10 .smt10-font .tit{ font-family: "HarmonyOS_Sans_SC_Medium";	font-size: 24px;	color: #333333; margin-bottom: 10px;}
.smt4 .smt4-list{ position: relative; align-items: center; background-color: #f1f4fa;}
.smt4 .smt4-left{ width: 49.65%; position: relative;}
.smt4 .smt4-left img{display:none;}
.smt4 .smt4-left img:first-child{display:block;}
.smt4 .smt4-right{ width: 50.35%; position: relative; border-left: 8px solid #fff; padding: 4%; overflow: hidden;}
.smt4 .smt4-right li{ position: relative; margin-bottom: 4%;}
.smt4 .smt4-right li:last-child{ margin-bottom: 0px;}
.smt4 .smt4-right::before{ content: ""; position: absolute; top: 50%; left: 70px; transform: translateY(-50%); height: 67.5%; border: dashed 1px #c6d4e8;}
.smt4 .smt4-icon{ width: 29px;	height: 29px;	background-color: #d9e9ff; border-radius: 50%; position: relative; margin-top: 3px;}
.smt4 .smt4-icon::before{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 13px;	height: 13px;	background-color: #3f90fe; border-radius: 50%;}
.smt4 .smt4-font{ width: calc(100% - 29px); position: relative; padding-left: 5%;}
.smt4 .smt4-font .dec{ padding-right: 4%; height: 0px; overflow-x: hidden; overflow-y: auto; opacity: 0; pointer-events: none; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s;}
.smt4 .smt4-right li:hover .smt4-font .dec,.smt4 .smt4-right li.active .smt4-font .dec{ height: 120px; opacity: 1; pointer-events: auto;}
.smt5 .smt5-list{ flex-wrap: wrap;}
.smt5 .smt5-left{ margin-right: 0.8%; width: 49.4%;}
.smt5 .smt5-right{ width: 49.8%;}
.smt5 .smt5-img1{ margin-bottom: 1.7%;}
.smt7 .smt7-tab li{ width: 11.15%; position: relative; margin-right: 2%; background-color: #f5f5f5;	border-radius: 2px; border: solid 2px transparent;}
.smt7 .smt7-tab li::before{ content: ""; position: absolute; left: 50%; bottom: -9px; transform: translateX(-50%); width: 13px; height: 9px; background: url(../images/sm-sjxicon.png)  no-repeat center center; background-size: 100%; display: none;}
.smt7 .smt7-tab li.active::before,.smt7 .smt7-tab li:hover:before{ display: block;}
.smt7 .smt7-tab li:last-child{ margin-right: 0px;}
.smt7 .smt7-tab a{ font-size: 18px;	color: #666666; text-align: center; display: block; width: 100%; padding: 5% 3%;}
.smt7 .smt7-tab li.active,.smt7 .smt7-tab li:hover{ border: solid 2px #05a4e6; background-color: #fff;}
.smt7 .smt7-tab li.active a,.smt7 .smt7-tab li:hover a{ font-weight: bold;	color: #05a4e6;}
.smt7 .smt7-li{ display: none; position: relative;}
.smt7 .smt7-li:first-child{ display: block;}
.smt9{ background-color: #fff;}
.smt10 .smt10-img{ width: 150px;	height: 150px; position: relative;}
.smt10 .smt10-font{ width: calc(100% - 150px); position: relative; padding: 0 11%;}
.smt10 .smt10-ul li{ width: 50%; position: relative; border-right: 1px solid #e6e8ec;}
.smt10 .smt10-ul li:last-child{ border-right: none; padding-left: 11%;}
.smt10 .smt10-ul li:first-child{ padding-left: 3.5%;}
.smt10 .smt10-font p{ line-height: 2;}
/* mpcb */
.mpcb1 .left { width: 55%; align-items: flex-end; position: relative; padding-right: 6%;}
.mpcb1 .left .img { max-width: 328px; max-height: 448px; position: relative; overflow: hidden;}
.mpcb1 .left .img1 { border-radius: 0px 0px 0px 60px; margin-right: 4.5%;}
.mpcb1 .left .img2 { border-radius: 0px 60px 0px 0px; margin-bottom: 5%;}
.mpcb1 .right { width: 45%; position: relative;}
.mpcb1 .inner-tit,.mpcb5 .inner-tit,.element1 .inner-tit,.element3 .inner-tit,.element4 .inner-tit,.about1 .inner-tit,.about2 .inner-tit,.contact1 .inner-tit{ text-align: left;}
.mpcb1 .mpcb1-dec{
	line-height: 30px;	color: #666666; margin-top: 30px; padding-right: 33%;}
.mpcb3 .mpcb3-table th,.mpcb3 .mpcb3-table td{ width: 16.666%;}
.mpcb3 .mpcb3-table th{ height: 60px;	background-color: #005bac; border: 1px solid rgba(255, 255, 255, .5); font-size: 24px; font-weight: normal; text-align: left;	color: #ffffff; padding: 8px 3%;}
.mpcb3 .mpcb3-table td{ height: 40px; border: solid 1px #e1e1e1; font-family: "ArialMT";	font-size: 16px;	color: #666666; padding: 8px 3%;}
.mpcb4 { border: solid 1px #e1e1e1; margin-top: 3.5%; padding-top: 2.8%; margin-bottom: 5.3%; overflow-x: hidden; overflow-y: auto;}
.mpcb4 .mpcb4-list { height: 1090px;}
.mpcb4 .mpcb4-btn ul { width: 90%; margin: 0 auto; flex-wrap: wrap; margin-top: 15px;}
.mpcb4 .mpcb4-btn li { position: relative; margin-right: 10px; margin-top: 10px; width: 9.15%;}
.mpcb4 .mpcb4-btn li:last-child { margin-right: 0px;}
.mpcb4 .mpcb4-btn li a { display: block; width: 100%; font-size: 16px; line-height: 1.2; text-align: center; border: solid 3px transparent; color: #005bac; padding: 9.2% 4%; border-radius: 4px; background-color: #e8f7fd;}
.mpcb4 .mpcb4-btn li.active a { border: solid 3px #005bac;}
.mpcb4-table th { vertical-align: bottom; color: #fff; background: #005bac;}
.mpcb4-table th { border: 1px solid #eceef0;}
.mpcb4-table tbody { border-top: 1px solid #eceef0; padding: 8px;}
.mpcb4-table td { border-top: 0 none; line-height: 14px; vertical-align: middle; padding: 0 8px;}
.table-striped { margin-bottom: 20px; border: 1px solid #eceef0; border-collapse: separate; *border-collapse: collapse; border-left: 0; font-size: 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px
}
.table-bordered th,.table-bordered td { border-top: 1px solid #eceef0; line-height: 20px; padding: 8px; text-align: left; vertical-align: top; border-left: 1px solid #eceef0;}
.table-bordered thead th { vertical-align: middle; color: #fff; background: #005bac; font-size: 14px;}
.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th { background-color: #f4f7fa
}
.table-bordered caption+thead tr:first-child th,.table-bordered caption+tbody tr:first-child th,.table-bordered caption+tbody tr:first-child td,.table-bordered colgroup+thead tr:first-child th,.table-bordered colgroup+tbody tr:first-child th,.table-bordered colgroup+tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td { border-top: 0 none;}
.table-stackup { margin-bottom: 20px; border: 1px solid #eceef0; width: 1350px; height: 845px;}
.table-stackup tbody { border-top: 1px solid #eceef0; padding: 8px;}
.table-stackup td { border-top: 0 none; line-height: 20px; vertical-align: middle; padding: 0px 8px; color: #666; font-size: 16px;}
.mpcb4-table th:nth-child(1),.mpcb4-table td:nth-child(1) { width: 9%;}
.mpcb4-table th:nth-child(2),.mpcb4-table td:nth-child(2) { width: 8%;}
.mpcb4-table th:nth-child(3),.mpcb4-table td:nth-child(3) { width: 5%;}
.mpcb4-table th:nth-child(4),.mpcb4-table td:nth-child(4) { width: 32%;}
.mpcb4-table th:nth-child(5),.mpcb4-table td:nth-child(5) { width: 46%;}
.mpcb4-table { padding: 3% 1.8% 0 1.8%; overflow-x: auto; overflow-y: auto; margin-bottom: 3%;}
.mpcb4 .mpcb4-item { display: none;}
.mpcb4 .mpcb4-item:first-child { display: block;}
.mpcb5{ background-color: #f7f7f7;}
.mpcb5 .mpcb5-left{ width: 53.5%; position: relative; padding-right: 10%;}
.mpcb5 .mpcb5-dec{ line-height: 30px;	color: #666666; margin-top: 20px; text-align: justify;}
.mpcb5 .mpcb5-right{ width: 46.5%; position: relative;}
.mpcb5 .mpcb5-img{ overflow: hidden;}
.mpcb5 .mpcb5-img2{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.mpcb7 { padding-bottom: 2.7%;}
.mpcb7 .mpcb7-img img { border-radius: 10px;}
.mpcb7 .swiper-container { padding: 3.5% 0;}
.mpcb7 .in-tit .dec { margin-top: 1.5%;}
.mpcb7 .mpcb7-img { width: 100%; overflow: hidden; border-radius: 10px;}
.mpcb7 .mpcb7-font { width: 82%; margin: 0 auto; background-color: #ffffff; box-shadow: 0px 0px 43px 0px rgba(33, 49, 68, 0.1); font-family: "HarmonyOS_Sans_SC_Medium"; font-size: 18px; line-height: 30px; color: #333333; padding: 6% 3%; text-align: center; position: relative; z-index: 3; margin-top: -20px; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s;}
.mpcb7 .swiper-slide:hover .mpcb7-font { background-color: #005bac; box-shadow: 0px 0px 43px 0px rgba(33, 49, 68, 0.1); color: #fff;}
.mpcb7 .swiper-pagination,.mpcb7 .swiper-button-prev,.mpcb7 .swiper-button-next,.element2 .swiper-pagination{ display: none;}
.element1{ background-color: #005bac; padding: 5% 0;}
.element1 .element1-left{ width: 60%; padding-right: 8%; position: relative;}
.element1 .element1-right{ width: 40%; position: relative; flex-wrap: wrap;}
.element1 .element1-right li{ width: 50%; align-items: center; position: relative;}
.element1 .element1-right li em{ width: 25px;	height: 25px;	background:rgba(216,241,255, 0.5); border-radius: 50%; text-align: center; line-height: 25px; display: block; color: #fff; font-size: 12px; font-weight: bold;}
.element1 .element1-right li span{ width: calc(100% - 25px); padding-left: 15px; position: relative; font-size: 16px;	line-height: 36px;	color: #ffffff;}
.element1 .inner-tit h3,.element1 .inner-tit .dec{ color: #fff;}
.element2 .element2-swiper{ position: relative;}
.pic1{ overflow: hidden;}
.element2 .element2-img{ height: 100px;	background-color: #ffffff;	box-shadow: 0px 0px 38px 0px 
		rgba(45, 45, 45, 0.09); position: relative;}
.element2 .swiper-container{ padding: 3.5% 1.2%;}
.element3 .element3-list{ align-items: flex-end;}
.element3 .element3-left{ width: 57.5%;}
.element3 .element3-right{ width: 42.5%; position: relative; padding-left: 7.5%; padding-bottom: 20px;}
.element4{ background-color: #f5f5f5;}
.element4 .element4-left{ width: 42.5%; position: relative; padding: 7%;}
.element4 .element4-right{ width: 57.5%; position: relative;}
.element4 .element4-img2{ max-width: 315px;	max-height: 205px; position: absolute; bottom: -55px; left: -190px; border-radius: 20px;}
.element5{ margin-top: 7%; background-color: #f1f4fa;}
.element5 .element5-left{ width: 46.2%; height: 650px; position: relative;}
.element5 .element5-right{ width: 50%; position: relative; padding-left: 6.5%;}
.element5 .element5-lefct{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
@-webkit-keyframes jing_scale { 0% {   width: 100%;     height: 100%;     opacity: 0; }
  20% {   width: 200%;     height: 200%;     opacity: 0.6; }
  40% {   width: 300%;     height: 300%;     opacity: 0.4; }
  60% {   width: 400%;     height: 400%;     opacity: .2; }
  80% {   width: 500%;     height: 500%;     opacity: 0; }
  100% {   width: 100%;     height: 100%;     opacity: 0; }
}

@keyframes jing_scale { 0% {   width: 100%;     height: 100%;     opacity: 0; }
  20% {   width: 200%;     height: 200%;     opacity: 0.6; }
  40% {   width: 300%;     height: 300%;     opacity: 0.4; }
  60% {   width: 400%;     height: 400%;     opacity: .2; }
  80% {   width: 500%;     height: 500%;     opacity: 0; }
  100% {   width: 100%;     height: 100%;     opacity: 0; }
}
.element5 .element5-quanBox{ position: relative; width: 22px;	height: 22px;	background-color: #ffffff; border-radius: 50%;}
.element5 .element5-quan{ border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.element5 .element5-quan1{ width: 22px;	height: 22px;	background-color: #ffffff; z-index: 6; -webkit-animation: jing_scale 3.0s linear infinite normal both; animation: jing_scale 3.0s linear infinite normal both;}
.element5 .element5-quan2{ width: 76px;	height: 76px;	background-color: #1b9bfd; z-index: 5; -webkit-animation: jing_scale 3.0s 0.8s linear infinite normal both; animation: jing_scale 3.0s 0.8s linear infinite normal both;}
.element5 .element5-quan3{
	width: 182px;	height: 182px;	background-color: #7cb6ef; z-index: 4;}
.element5 .element5-quan4{ width: 308px;	height: 308px;	background-color: #cee4f9; z-index: 3;}
.element5 .element5-quan5{
	width: 503px;	height: 503px;	background-color: #f0f3fb; z-index: 2;}
.element5 .element5-quan6{
	width: 650px;	height: 650px;	background-color: #fbfcff; z-index: 1;}
.element5 .element5-img{ width: 110px;	height: 110px;	background-color: #ffffff;	box-shadow: 0px 0px 49px 0px 
		rgba(77, 89, 102, 0.16); border-radius: 50%; position: relative;}
.element5 .element5-ul li{ position: absolute;}
.element5 .element5-ul li:nth-child(2) .element5-img{ width: 126px;	height: 126px;} 
.element5 .element5-ul li:nth-child(4) .element5-img{
	width: 136px;	height: 136px;} 
.element5 .element5-ul li:nth-child(6) .element5-img{
	width: 100px;	height: 100px;} 
.element5 .element5-ul li:nth-child(1){ top: 18%; left: 0%;} 
.element5 .element5-ul li:nth-child(2){ top: 1.5%; left: 34%;} 
.element5 .element5-ul li:nth-child(3){ top: 15%; left: 71%;} 
.element5 .element5-ul li:nth-child(4){ top: 53.5%; left: 71%;} 
.element5 .element5-ul li:nth-child(5){ top: 65.5%; left: 28%;} 
.element5 .element5-ul li:nth-child(6){ top: 55%; left: 0%;} 
.element5 .element5-swiper .element5-img{ border-radius: 0px; border: 1px solid #eeeeee; width: 100%; box-shadow: 0px 0px 49px 0px 
  rgba(77, 89, 102, 0);}
.element5 .element5-swiper{ display: none;}
.element5 .element5-rtul li{ background-color: #ffffff;	box-shadow: 0px 0px 49px 0px 
		rgba(77, 89, 102, 0.16);	border-radius: 6px; width: 94%; padding: 5% 6.5%; position: relative; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s;}
.element5 .element5-rtul li::before{ content: ""; position: absolute; left: 0px; top: 0px; width: 0%; height: 2px; border-radius: 6px 6px 0px 0px; background-color: #07509c; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s;}
.element5 .element5-rtul li:hover::before{ width: 100%;}
.element5 .element5-rtft h5{ font-family: "HarmonyOS_Sans_SC_Medium";	font-size: 20px;	line-height: 36px;	color: #000;}
.element5 .element5-rtft p{ line-height: 24px;	color: #888888;}
.element5 .element5-rtft{ border-bottom: 1px dashed rgba(161,161,161, 0.7); padding-bottom: 15px; margin-bottom: 15px; padding-right: 8%;}
.element5 .element5-ftct{ line-height: 28px;	color: #777777; padding-right: 12%;}
.element5 .element5-rtul li:nth-child(1){ z-index: 3;}
.element5 .element5-rtul li:nth-child(2){ margin-left: -15%; margin-top: 20px; z-index: 2;}
.element5 .element5-rtul li:nth-child(3){ margin-left: 5%; margin-top: -14%; z-index: 1;}
.element5 .element5-rtul li:hover{ z-index: 5;}
/* case */
.case1 .case1-cont{ flex-wrap: wrap;}
.case1 .case1-tab li{ margin-right: 1.3%;}
.case1 .case1-tab li a{ display: block; width: 100%; font-size: 18px;	color: #666666; padding: 10px 32.5px; background-color: #f5f5f5;	border-radius: 2px;}
.case1 .case1-tab li.active a,.case1 .case1-tab li:hover a{ background-color: #07509c; color: #fff;}
.case1 .case1-tab li em,.case1-more em{ transform: rotate(90deg); display: inline-block; vertical-align: middle; margin-left: 10px; font-size: 18px;}
.case1 .case1-cont li{ width: 32.1%; position: relative; margin-right: 1.8%; margin-bottom: 3%;}
.case1 .case1-cont li .case1-img{text-align: center;}
.case1 .case1-cont li .case1-img img{max-width: calc(100% - 5px);}
.case1 .case1-tab li:nth-child(8n),.case1 .case1-cont li:nth-child(3n){ margin-right: 0px;}
.case1 .case1-font{ background-color: #f7f7f7; padding: 10px 6%;}
.case1 .case1-font .tit{ font-size: 22px;	line-height: 36px;	color: #333333; position: relative; z-index: 3;}
.case1 .case1-font .dec{line-height: 26px;	color: #666666; margin-top: 12px; position: relative; z-index: 3;}
.case1 .case1-cont li:hover .case1-font{ background-color: #07509c; }
.case1 .case1-cont li:hover .case1-font .tit,.case1 .case1-cont li:hover .case1-font .dec{ color: #fff;}
.case1-more{ color: rgba(102,102,102, 0.7); line-height: 36px; text-align: center; display: block; width: 150px; margin: 0 auto;}
.case1-more em { margin-left: 25px;}
.nav-menu .nav-name { background-color: #ffffff; color: #333333; display: block; text-align: left; display: block; padding: 0 30px; position: relative; cursor: pointer; line-height: 65px; font-size: 18px; border-bottom: 1px solid #d2d2d2; display: none;}
.nav-menu .nav-name .iconfont { position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
.nav-mobile{ display: none;}
/* .problem */
.problem1 .problem1-ul li{ margin-bottom: 3%;}
.problem1 .tit-left,.problem1 .dec-left{
	width: 49px;	height: 49px; line-height: 49px; position: relative;	background-color: #005bac; border-radius: 50%; font-family: "ArialMT"; text-align: center;}
.problem1 .dec-left{ background-color: #f5f5f5;}
.problem1 .tit-right,.problem1 .dec-right{ width: calc(100% - 65px); margin-left: 15px;}
.problem1 .problem1-ul .tit-right{ font-size: 18px; color: #333333; text-align: left; background-color: #efefef;	border-radius: 6px; padding: 16.5px 25px; position: relative;}
.problem1 .problem1-ul .tit-right::before{ content: ""; position: absolute; left: -3.5px; bottom: 0px; background: url(../images/pro-sjxicon.png) no-repeat center center; background-size: cover; width: 6px; height: 6px;}
.problem1 .problem1-ul .dec-right{ font-size: 16px; line-height: 26px; color: #888888;}
.problem1 .problem1-ul .dec{ padding-top: 20px; text-align: left;}
/* new */
.new1 .new1-ul{ flex-wrap: wrap;}
.new1 .new1-ul li{ width: 31%; position: relative; overflow: hidden;	background-color: #ffffff;	border: solid 1px #e4e4e4; margin-right: 3.4%; margin-bottom: 3.4%;}
.new1 .new1-ul li:nth-child(3n){ margin-right: 0px;}
.new1 .new1-ul li a{ display: block; width: 100%; padding: 7%;}
.new1 .new1-ul li:nth-child(3n){ margin-right: 0px;}
.new1 .new1-ul .time{ font-family: "ArialMT";	background-color: #07509c; font-size: 14px;	line-height: 30px; padding: 0 8px;	color: #ffffff; display: inline-block;}
.new1 .new1-font .tit{ font-family: "HarmonyOS_Sans_SC_Medium";	font-size: 22px;	line-height: 34px;	color: #333333; padding-top: 35px; padding-bottom: 10px;}
.new1 .new1-font .dec{ font-size: 16px;	line-height: 28px;	color: #666666;}
.new1 .btn{ font-size: 14px;	color: #6f6f6f; margin-top: 20px; line-height: 26px;}
.new1 .btn em{ font-size: 20px; padding-left: 5px; color: #8d8d8d; display: inline-block; vertical-align: middle;}
.new1 .new1-hide{ width: 100%; height: 100%; background: rgba(7, 80, 156, .9); position: absolute; top: 50%; transform: translateY(-50%); left: -100%; padding: 9%; opacity: 0; pointer-events: none; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s;}
.new1 .new1-img{ position: relative; width: 100%; overflow: hidden;}
.new1 .new1-show .time{ position: absolute; right: 0px; bottom: 0px;}
.new1 .new1-hide .new1-font .tit,.new1 .new1-hide .new1-font .dec,.new1 .new1-hide .btn,.new1 .new1-hide .btn em{ color: #fff;}
.new1 .new1-hide .new1-font .tit{ padding-top: 5px; padding-bottom: 18px;}
.new1 .new1-hide .btn{ position: absolute; bottom: 35px; left: 40px;}
.new1 .new1-ul li:hover .new1-hide{ left: 0%; opacity: 1; pointer-events: auto;}

.spage { margin-top: 30px;margin-bottom:20px; text-align: center;}
.spage .pager a,.spage .pager .cur_page { display: inline-block!important; background: #fff; margin: 0 2px 8px; padding: 0 10px;color: #333; cursor: pointer; line-height: 30px; height: 30px; border:1px solid #dadada;border-radius: 4px;  }
.spage .pager span{display: none;}
.spage .pager .pgnext,.spage .pager .pgprev{padding: 0 15px; }
.spage .pager .cur_page { color: #fff!important;cursor: default;background-color: #07509c; border-color: #07509c;}
.spage .pager .pgempty { cursor: not-allowed;}
.spage .pager a:hover{color: #fff; text-decoration: none;background-color: #07509c; border-color: #07509c;}


/* new-info */
.new-info .new-list{ align-items: flex-start;}
.new-info .newinfo-top h4 { font-size: 24px; line-height: 36px; color: #237dcf; font-family: "HarmonyOS_Sans_SC_Medium"; font-weight: bold; margin-bottom: 10px; display: block;}
.new-info .newinfo-top time { font-size: 16px; line-height: 36px; margin-bottom: 15px; color: #c8c8c8; display: block;}
.new-info .newinfo-bot h5 { font-size: 20px; line-height: 30px; color: #333333; margin-top: 25px; margin-bottom: 15px;}
.new-info .newinfo-bot { font-size: 16px; line-height: 30px; color: #666666;}
.new-info .newinfo-bot img { margin: 40px 0;}
.newsinfo-share a { background-image: none; display: inline-block; color: #868686; font-size: 22px; padding: 0; margin: 0; text-align: center; line-height: 32px; border-radius: 50%; text-decoration: none; transition: ease .5s; margin-right: 15px;}
.newsinfo-share a:last-child { margin-right: 0;}
.newsinfo-share a:hover,.new-info .page-pn:hover .page-tit { color: #237dcf;}
.new-info .page{padding: 50px 0 30px;}
.new-info .page-pn { display: block;}
.new-info .page-prev-icon { font-size: 16px; color: #999999; margin-bottom: 8px;}
.new-info .page-prev-icon em { font-size: 12px; font-weight: bold; display: inline-block; vertical-align: 1px;}
.new-info .page-tit { font-size: 22px; line-height: 30px; color: #333333;}
.new-info .page-prev { margin-bottom: 3%;}
.new-info .new-list-left { width: calc(100% - 365px); border-right: 1px solid #ededed; padding-right: 6%;}
.new-info .new-list-right{ width: 365px; padding-left: 5.5%; position: sticky; top: 50px;}
.new-info .new-rec h4{ font-family: "HarmonyOS_Sans_SC_Medium"; font-weight: bold;	font-size: 20px;	color: #333333; margin-bottom: 10px;}
.new-info .new-resfont{ width: calc(100% - 110px); padding-right: 8%;}
.new-info .new-resfont h5{ font-size: 16px;	line-height: 24px;	color: #333333; margin-bottom: 5px;}
.new-info .new-resfont time{ font-family: "ArialMT";	font-size: 14px;	color: #999999;}
.new-info .new-resimg{ width: 110px;	height: 73px;	background-color: #eeeeee; position: relative; overflow: hidden;}
.new-info .new-recul li{ padding: 15px 0; border-bottom: 1px dashed #d8d8d8;}
.new-info .new-recul li:last-child{ border-bottom: 0px;}
.new-info .danli li{ margin-bottom: 3%;}
.new-info .danli li a{ display: block; width: 100%; font-size: 18px;	color: #666666; padding: 10px 20px; background-color: #f5f5f5;	border-radius: 2px;}
.new-info .danli li.active a,.new-info .danli li:hover a{ background-color: #07509c; color: #fff;}
/* about */
.about1 .about1-h4{ position: absolute; z-index: 1; left: -100px; top: 50%; transform: translateY(-50%);}
.about1 .about1-h4 h4{
	font-family: "HarmonyOS_Sans_SC_Medium";	font-size: 1.50rem;	line-height: 1.333; font-weight: bold;	color: #ffffff;}
.about1 .about1-img{ width: 431px;	height: 431px; border-radius: 50%; position: relative; z-index: 2; margin-left: 13%;}
.about1 .about1-left{ width: 57%; position: relative;}
.about1 .about1-right{ width: 43%; position: relative; background-color: #ffffff;	box-shadow: 0px 0px 46px 0px 
		rgba(55, 55, 55, 0.1); padding: 4.5% 4.2% 5.5% 4.2%; margin-bottom: -13%;}
.about1 .about1-ul{ border: solid 2px #005bac; margin-top: 35px; padding: 6% 12%;}
.about1 .about1-ul .dec{ width: 70%; font-family: "ArialMT";	font-size: 16px;	color: #005bac;}
.about1 .about1-ul .number,.about1 .about1-ul .rt-dec{ width: 30%; font-family: "DINPro-CondensedBold";	font-size: 0.35rem;	color: #005bac;}
.about2{ background-color: #005bac; align-items: flex-end;}
.about2 .about2-left{ width: 51.3%;}
.about2 .about2-right{ width: 48.7%; padding-left: 4.5%; padding-right: 13.3%; padding-bottom: 2.3%;}
.about4{ position: relative;}
.about4 .about4-icon{ width: 80px;	height: 80px;	background-color: #c4d1da; border-radius: 50%; position: relative;}
.about4 .about4-font{ width: calc(100% - 80px); position: relative;}
.about4 .about4-font .tit{ font-family: "HarmonyOS_Sans_SC_Medium";	font-size: 22px;	line-height: 36px;	color: #333333; margin-bottom: 5px;}
.about4 .about4-font .dec{ font-size: 16px;	line-height: 26px;	color: #666666; display: none; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s;}
.about4 .about4-ul li{ width: 30%; position: absolute; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s;}
.about4 .about4-ul li:nth-child(1){top: 25%;left: 9%;}
.about4 .about4-ul li:nth-child(2){top: 25%;right: 9%;}
.about4 .about4-ul li:nth-child(3){ top: 52%; left: 1%;}
.about4 .about4-ul li:nth-child(4){ top: 52%; right: 1%;}
.about4 .about4-ul li:nth-child(5){ top: 78%; left: 9%;}
.about4 .about4-ul li:nth-child(6){ top: 78%; right: 9%;}
.about4 .about4-ul li:nth-child(odd) .about4-font{ text-align: right; padding-right: 10%;}
.about4 .about4-ul li:nth-child(even) .about4-font{ text-align: left; padding-left: 10%;}
.about4 .about4-ul li:hover .about4-icon{ background-color: #005bac;}
.about4 .about4-ul li:hover .about4-font .dec{ display: block;}
.about5{ background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: center;}
.about5 .about5-bot{ border-top: 1px solid rgba(255, 255, 255, .2); margin-top: 3%;}
.about5 .about5-ul li{ width: 25%; position: relative; padding-top: 3%; padding-right: 3%;}
.about5 .about5-ul li::before{ content: ""; position: absolute; left: 0px; top: -4px; width: 0px;	height: 4px;	background-color: #ffffff; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s;}
.about5 .about5-ul li.active::before{ width: 85px;}
.about5 .about5-ul .tit{ font-family: "HarmonyOS_Sans_SC_Medium";	font-size: 22px;	color: #f8f8f8; margin-bottom: 10px;}
.about5 .about5-ul .dec{ font-size: 16px;	line-height: 26px;	color: #f8f8f8; opacity: 0; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s;}
.about5 .about5-ul li.active .dec{ opacity: 1;}
.about6 .owl-carousel .owl-stage-outer{overflow: visible;}
.time-section{width:100%;padding:0 50px 50px;position:relative; margin: 0 auto;}
.time-section:after{content:"";width:100%;height:3px;background:url(../images/fmodel.png) no-repeat;background-size:100% auto;background-position:center;position:absolute;top:151px;left:0;z-index:0}
.fitem{width: 100%;position:relative;float:left}
.fslide{}
.fslide .fitem>*{text-align:center}
.fitem .fimg{width: 100%; position: absolute; left: 0; bottom: 40px;}
.fitem .fimg img{ width: 40px!important; text-align: center; border-radius: 5px;}
.time-section .owl-item:nth-child(5) .fimg img{ width: 50px!important;}
.fitem h3{font-size:16px;line-height:28px;margin-bottom:50px; margin-top: 100px; color:#000;opacity:0.8;transition:all 0.1s; position: relative;}
.fitem i{position:absolute;width:75%;height:33px;background:url(../images/ftimeline.png) no-repeat;background-size:contain;background-position:right center;left:-25%;margin-left:10px;top:135px;z-index:3}
.fitem .finfo{display:block;margin:0 auto;padding:10px;transition:all 0.3s;border-radius:2px}
.fitem .finfo .finfo-i{font-size:14px;color:#A0A2A8;line-height:22px;margin-bottom:10px}
.fitem .finfo .finfo-s{font-size:14px;color:#000;line-height:24px;padding: 10px 15px;text-align: left;/* overflow:hidden; */background-color: #e9e9e9;border-radius: 5px;position: relative;}
.fitem .finfo .finfo-s:before{content: "";width:0;height:0;left: 50%;border-right: 8px solid transparent;border-left: 8px solid transparent;border-bottom: 8px solid #e9e9e9;margin-left: -8px;position: absolute;top: -8px;}
.fitem:hover .fimg{display: block;}
.fitem:hover .finfo .finfo-s{background-color: #4472c4; color: #fff;}
.fitem:hover .finfo .finfo-s:before{border-bottom: 8px solid #4472c4;}
.fitem.dark i{background:url(../images/ftimelined.png) no-repeat;background-size:contain;background-position:right center}
.fitem:hover h3{font-size:22px;line-height:28px;opacity:1}
.fitem:hover i{width:75%;margin-left:13px;background:url(../images/ftimelineh.png) no-repeat;background-size:contain;background-position:right center}
.sjslide{display: none;} 
.cbp_tmtimeline {margin: 30px 0 0 0;padding: 0;list-style: none;position: relative;} 
.cbp_tmtimeline:before {content: '';position: absolute;top: 6px;bottom: 0;width: 3px;background: #afdcf8;left: 128px;}
.cbp_tmtimeline > li {position: relative;}
.cbp_tmtimeline > li .cbp_tmtime {display: block;width: 166px;padding-right: 70px;position: absolute;}
.cbp_tmtimeline > li .cbp_tmtime span {display: block;text-align: right; font-weight: bold;}
.cbp_tmtimeline > li .cbp_tmtime span:first-child {}
.cbp_tmtimeline > li .cbp_tmtime span:last-child {font-size: 14px;color: #3594cb;}
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {color: #6cbfee;}
.cbp_tmtimeline > li .cbp_tmlabel {margin: 0 0 15px 165px;background: #3594cb;color: #fff;padding: 15px;font-size: 14px;line-height: 28px;position: relative;border-radius: 4px;}
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {background: #6cbfee;}
.cbp_tmtimeline > li .cbp_tmlabel h2 {margin-top: 0px;padding: 0 0 10px 0;border-bottom: 1px solid rgba(255,255,255,0.4);}
.cbp_tmtimeline > li .cbp_tmlabel:after {right: 100%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-right-color: #3594cb;border-width: 5px;top: 6px;}
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {border-right-color: #6cbfee;}
.cbp_tmtimeline > li .cbp_tmicon {width: 8px;height: 8px;position: absolute;background: #46a4da;border-radius: 50%;box-shadow: 0 0 0 3px #afdcf8;left: 161px;top: 6px;margin: 0 0 0 -35px;}

/* contact1 */
.contact1{ background-color: #fff;}
.contact1 .contact1-left{ background-color: #0564b6;	border-radius: 6px; width: 35%; padding: 4.3%;}
.contact1 .contact1-right{ width: 65%; padding-left: 7%;}
.contact1 .contact1-icon{ width: 35px;}
.contact1 .contact1-font{ width: calc(100% - 35px); padding-left: 7%;}
.contact1 .contact1-font .tit{ margin-bottom: 5px;}
.contact1 .contact1-font .tit,.contact1 .contact1-font .dec,.contact1 .contact1-font .dec a{ font-size: 16px;	line-height: 30px;	color: #ffffff;}
.contact1 .contact1-ul li{ margin-bottom: 5%; position: relative;}
.contact1 .contact1-ul li:last-child{ margin-bottom: 0px;}
.contact1 .contact1-ul li:first-child .contact1-font .dec a{ font-size: 26px; font-weight: bold;}
.contact1 .contact1-dec{ font-size: 20px;	line-height: 30px;	color: #ffffff; margin-top: 5px; margin-bottom: 50px;}
.contact1 .contact1-more{ width: 200px;	height: 50px;	background-color: #005bac;	border-radius: 25px; font-size: 18px; line-height: 50px; display: block;	color: #ffffff; text-align: center; margin-bottom: 16%; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s;}
.contact1 .make9-right,.contact1 .make9-right li{ width: 100%; margin-right: 0px;}
.contact1 .make9-right input,.contact1 .make9-right textarea{
	background-color: #eef3f7;	border-radius: 2px; padding: 15px 25px;}
.contact1 .contact1-form{ margin-top: 5%;}
#dituContent {width: 100%;height: 420px;}
#dituContent img{max-width: inherit;}
.nav-menu .nav-more{ width: 126px; position: relative; text-align: center;}
.nav-menu .nav-more a{ font-size: 18px; color: #666666; background-color: #f5f5f5; padding: 10px; border-radius: 2px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.nav-menu .nav-more a em{ transform: rotate(90deg); display: inline-block; vertical-align: middle; margin-left: 10px; font-size: 18px
}
.case1 .case1-tab{ width: calc(100% - 126px); position: relative;}
.case1 .case1-tab li:last-child{ margin-right: 0px;}
.case1 .nav-moreul{ width: 200%; background-color: #f5f5f5; padding: 20px 0; position: absolute; display: none; top: 100%; /* left: 50%; transform: translateX(-50%); */
  right: 0px; z-index: 5;}
.case1 .nav-moreul a{ border-radius: 0px; background-color: #f5f5f5;}
.case1 .nav-menu{ padding-bottom: 1.3%;}
.case1 .nav-moreul a:hover,.nav-menu .nav-more a:hover{ background-color: #05a4e6; color: #fff;}
.nav-menu .nav-list{ align-items: flex-start;}
/* smtadd1 */
.smtadd1 .smtadd1-ul{ flex-wrap: wrap; margin-top: 20px;}
.smtadd1 .smtadd1-ul li{ width: 25%; position: relative; margin-top: 30px;}
.smtadd1 .smtadd1-ul li:last-child{ width: 50%;}
/* responsive */ 
@media screen and (max-width: 1679px) { 
  .w1815{ width: 95%; }
  .menu-list>ul>li .head-subnav{ padding: 2.5% 8% 2% 19.8%; }
  .headfixed .menu-list { width: 83%; }
  .desgin4 .desgin4-list { padding-right: 7.8%; }
  .about2 .about2-right { padding-right: 8%; }
  .about1 .about1-h4 { left: -50px; }
}
@media screen and (max-width: 1560px) { 
  .about2 .about2-right { padding-right: 5%;   padding-left: 3.5%;   padding-bottom: 1.3%; }
  .about1 .about1-right { margin-bottom: -9%; }
}
@media screen and (max-width: 1459px) { 
  .w1400 { width: 90%; }
  .menu-list>ul>li .head-subnav { padding: 2.5% 8% 2% 14.8%; }
  .headfixed .menu-list { width: 88%; }
  .menu-list h3 a,  .headfixed.headerbgm .menu-list h3 a { height: 80px;   line-height: 80px; }
  .banner{ margin-top: 80px; }
  .section2 .section2-ul li { width: 75%; }
  .swiper-button-next, .swiper-button-prev{ width: 45px;   height: 45px; }
  .section6 .section6-font{ height: 400px;   margin-top: -150px;   padding-left: 6.2%; }
  .section9 .section9-right ul li { margin-bottom: 5.6%; }
  .section6 .section6-left { width: 56%; }
  .section7 .section7-logoimg img{ padding: 10px; }
  .section7 .section7-logo1 li:nth-child(1) .section7-logoimg,  .section7 .section7-logo1 li:nth-child(6) .section7-logoimg,  .section7 .section7-logo2 li:nth-child(2) .section7-logoimg,  .section7 .section7-logo2 li:nth-child(4) .section7-logoimg,  .section7 .section7-logo2 li:nth-child(8) .section7-logoimg,  .section7 .section7-logo2 li:nth-child(6) .section7-logoimg { width: 90px;   height: 90px; }
  .section7 .section7-logo1 li:nth-child(2) .section7-logoimg { width: 120px;   height: 120px; }
  .section7 .section7-logo1 li:nth-child(3) .section7-logoimg { width: 100px;   height: 100px; }
  .section7 .section7-logo1 li:nth-child(5) .section7-logoimg { width: 95px;   height: 95px; }
  .section7 .section7-logoimg,  .section7 .section7-logo2 li:nth-child(1) .section7-logoimg,  .section7 .section7-logo2 li:nth-child(5) .section7-logoimg { width: 110px;   height: 110px; }
  .section7 .section7-logo1 li:nth-child(9) .section7-logoimg,  .section7 .section7-logo2 li:nth-child(3) .section7-logoimg { width: 105px;   height: 105px; }
  .section7 .section7-logo1 li:nth-child(4){ left: -80px; }
  .section7 .section7-logo2 li:nth-child(7){ right: -80px; }
  #search-form{ right: 5%; }
  .desgin1 .desgin1-rtul2 { padding-left: 6%; }
  .desgin1 .desgin1-right{ padding-left: 2%; }
  .desgin4 .desgin4-tit{ font-size: 22px; }
  .desgin4 .desgin4-list { padding-right: 4.8%; }
  .pad-90{ padding: 70px 0; }
  .padb-90 { padding-bottom: 70px; }
  .pad-80{ padding: 70px 0; }
  .padt-60{ padding-top: 50px; }
  .padt-40{ padding-top: 30px; }
  .padt-80 { padding-top: 60px; } 
  .mart-80 { margin-top: 70px; }
  .mart-90{ margin-top: 90px; }
  .mart-65{ margin-top: 45px; }
  .mart-55{ margin-top: 40px; }
  .mart-45{ margin-top: 35px; }
  .mart-40 { margin-top: 30px; }
  .desgin6 .desgin6-ul li{ padding: 0 3%; }
  .make8 .left ul{ padding-right: 23%;   padding-top: 5%;   padding-bottom: 5%; }
  .make7 .make7-swiper .swiper-container{ width: 95%;   margin: 0 auto; }
  .make7 .swiper-button-next{ right: 0px; }
  .make7 .swiper-button-prev{ left: 0px; }
  .make1 .make1-font { padding: 2% 5% 2% 7%; }
  .make9 .make9-left { padding-right: 5%; }
  .smt4 .smt4-right::before { left: 66px;   height: 72.5%; }
  .smt7 .smt7-tab li { width: 14%; }
  .smt10 .smt10-ul li:last-child { padding-left: 7%; }
  .smt10 .smt10-font { padding: 0 8%; }
  .element4 .element4-left { padding: 5%; }
  .element5 .element5-quan6{ width: 580px;   height: 580px; }
  .element5 .element5-quan5 { width: 450px;   height: 450px; }
  .about1 .about1-h4 { left: -20px; }
  .about4 .about4-ul li:nth-child(odd) .about4-font { padding-right: 6%; }
  .about4 .about4-ul li:nth-child(even) .about4-font { padding-left: 6%; }
  .about1 .about1-right { margin-bottom: -7%; }
  .case1 .case1-tab li a{ padding: 10px 28px; }
  .case1 .case1-tab li { width: 24%;   text-align: center;   margin-right: 0.9%;   margin-bottom: 0.9%; }
  .about4 .about4-ul li:nth-child(1) { left: 5%; }
  .about4 .about4-ul li:nth-child(2) { right: 5%; }
  .about4 .about4-ul li:nth-child(3){left: -1%;}
  .about4 .about4-ul li:nth-child(4){right: -1%;}
  .about4 .about4-ul li:nth-child(5){left: 7%;}
  .about4 .about4-ul li:nth-child(6){right: 7%;}
  .case1 .case1-tab{ flex-wrap: wrap; }
}
@media screen and (max-width: 1366px) { 
  .headfixed .menu-list { width: 90%; }
  .menu-list .head-subnav a { width: 30%; }
  .language{ margin-right: 40px; }
  .menu-list h3 a,  .language-text,  .language-list a,  .desgin1 .desgin1-ul li a{ font-size: 16px; }
  .desgin1 .desgin1-ul li a{ line-height: 55px; }
  .menu-list h3{ margin: 0 5px; }
  .in-tit h3{ font-size: 28px; }
  .section1 .section1-icon{ width: 65px;   height: 65px; }
  .section2 .section2-tit,  .section9 .section9-tit,  .desgin5 .desgin5-font,  .section1 .section1-ft .tit,  .desgin1 .desgin1-left .tit-h5,  .desgin6 .desgin6-font .tit,  .desgin3 .desgin3-tit h4,  .make5 .make5-font .tit, 
  .make6 .make6-font .tit,  .make2 .make2-table th,  .make1 .make1-font .tit,  .smtadd1 .smtadd1-ul .tit,  .make4 .make4-font .tit,  .smt2 .smt2-font .tit, 
  .smt4 .smt4-font .tit, 
  .smt10 .smt10-font .tit,  .smt1 .smt1-right .tit,  .mpcb3 .mpcb3-table th{ font-size: 22px; }
  .section2 .section2-font .tit,  .section4 .section4-ctfont .tit{ font-size: 20px; }
  .section2 .section2-ul li { width: 80%; }
  .section2 .section2-num{ width: 50px;   height: 50px;   line-height: 50px;   font-size: 22px; }
  .section4 .section4-ctbot .section4-cta{ padding: 4.6% 4%; }
  .section6 .section6-font { height: 350px;   margin-top: -100px;   padding-left: 5.5%; }
  .more1{ width: 180px;   line-height: 45px; }
  .more{ width: 180px;   line-height: 40px; }
  .section7 .dec-icon{ font-size: 40px;   transform: translateY(15px); }
  .section9 .left-font { padding: 8.5% 6%; }
  .section7 .section7-logo1 li:nth-child(1) .section7-logoimg, .section7 .section7-logo1 li:nth-child(6) .section7-logoimg, .section7 .section7-logo2 li:nth-child(2) .section7-logoimg, .section7 .section7-logo2 li:nth-child(4) .section7-logoimg, .section7 .section7-logo2 li:nth-child(8) .section7-logoimg, .section7 .section7-logo2 li:nth-child(6) .section7-logoimg { width: 70px;   height: 70px; }
  .section7 .section7-logo1 li:nth-child(2) .section7-logoimg { width: 100px;   height: 100px; }
  .section7 .section7-logo1 li:nth-child(3) .section7-logoimg { width: 80px;   height: 80px; }
  .section7 .section7-logoimg, .section7 .section7-logo2 li:nth-child(1) .section7-logoimg, .section7 .section7-logo2 li:nth-child(5) .section7-logoimg { width: 90px;   height: 90px; }
  .section7 .section7-logo1 li:nth-child(9) .section7-logoimg, .section7 .section7-logo2 li:nth-child(3) .section7-logoimg { width: 95px;   height: 95px; }
  .section7 .section7-logo1 li:nth-child(4) { left: -60px; }
  .section7 .section7-logo2 li:nth-child(7) { right: -60px; }
  .section7 .section7-logo1 li:nth-child(2) { left: 10%; }
  .section7 .section7-logo1 li:nth-child(5) { left: 4%; }
  .section7 .section7-logo1 li:nth-child(6) { left: 14%; }
  .section7 .section7-logo1 li:nth-child(3) { left: 20%; }
  .section7 .section7-logo1 li:nth-child(7) { left: 21%; }
  .section7 .section7-logo1 li:nth-child(9) { left: 12.5%; }
  .section7 .section7-logo1 li:nth-child(8) { left: 2%; }
  .section7 .section7-logo2 li:nth-child(4) { right: 3%; }
  .section7 .section7-logo2 li:nth-child(8) { right: 3.5%; }
  .section7 .section7-logo2 li:nth-child(3) { right: 12%; }
  .section7 .section7-logo2 li:nth-child(1) { right: 21%; }
  .section7 .section7-logo2 li:nth-child(5) { right: 22%; }
  .section7 .section7-swiper { width: 38%; }
  .section6 .section6-right { width: 48%; }
  .section6 .section6-left { width: 52%; }
  .footer .footerphone-menu h3 a{ font-size: 18px; }
  .footer .footer-subnav a{ font-size: 14px;   line-height: 30px; }
  .desgin1 .desgin1-rtul li{ font-size: 14px; }
  .desgin1 .desgin1-rtul .ft{ padding-left: 5%; }
  .desgin3 { padding: 0 4.5%; }
  .desgin3 .desgin3-left { padding-right: 6%; }
  .desgin4 .desgin4-list{ flex-wrap: wrap;   padding-left: 4.8%; }
  .desgin4 .desgin4-left{ margin: 0 auto;   width: 60%;   margin-bottom: 55px; }
  .desgin4 .desgin4-right{ width: 100%; }
  .make4 .make4-list li{ padding: 1.5% 2.5%; }
  .make6 .make6-top .make6-lia { padding: 3.2% 5%; }
  .smt4 .smt4-right::before { left: 38px;   height: 77.5%; }
  .smt4 .smt4-right { padding: 2%; }
  .smt4 .smt4-font { padding-left: 3%; }
  .smt1 .smt1-top li { width: 18.4%; }
  .mpcb7 .mpcb7-font{ padding: 4% 3%; }
  .mpcb1 .mpcb1-dec{ padding-right: 12%; }
  .element1 .element1-left{ width: 55%; }
  .element1 .element1-right{ width: 45%; }
  .element4 .element4-img2 { max-width: 280px;   max-height: 180px; }
  .element5 .element5-rtul li:nth-child(2) { margin-left: -6%; }
  .element5 .element5-rtul li:nth-child(3) { margin-left: 5.5%; }
  .element3 .element3-right { padding-left: 5.5%; }
  .about4 .about4-ul li:nth-child(3) {left: -3%;}
  .about4 .about4-ul li:nth-child(4) {right: -3%;}
  .about5 .about5-ul .tit,  .case1 .case1-font .tit,  .new1 .new1-font .tit,  .new-info .page-tit{ font-size: 20px; }
  .about5 .about5-ul .dec { font-size: 14px; }
  .about5 .about5-ul li { padding-top: 2%;   padding-right: 2%; }
  .about1 .about1-ul .number, .about1 .about1-ul .rt-dec{ font-size: 28px; }
  .about1 .about1-ul { padding: 6% 8%; }
  .about1 .about1-h4 h4{ font-size: 105px; }
  .case1 .case1-tab li a { text-align: center; }
  .contact1 .contact1-left{ padding: 4.5% 3%; }
  .about4 .about4-ul li:nth-child(1) {left: 4%;}
  .about4 .about4-ul li:nth-child(2) {right: 4%;}
  .about4 .about4-ul li:nth-child(3) {left: -3%;}
  .about4 .about4-ul li:nth-child(4) {right: -3%;}
  .about4 .about4-ul li:nth-child(5) {left: 6%;}
  .about4 .about4-ul li:nth-child(6) {right: 6%;}
 .case1 .case1-tab li a{ padding: 10px; }
}
@media screen and (max-width: 1259px) { .headfixed .menu-list { width: 92%; }
  .language{ margin-right: 30px; }
  .section{ padding-top: 70px; }
  .section2,  .section8{ margin-top: 80px;   padding-bottom: 80px; }
  .section3{ padding: 100px 0; }
  .section4,  .section5{ padding-bottom: 80px; }
  .in-section{ padding-top: 80px; }
  .section9 .left-font { padding: 10.5% 6%; }
  .section4 .section4-cttop .section4-cta { padding: 1.4% 4.5%; }
  .section2 .section2-ul li { width: 88%; }
  .scroll-ul .scroll-ul-num span, .scroll-ul .scroll-ul-num b{ font-size: 44px; }
  .section10{ margin-top: 80px;   padding: 50px 0; }
  .section10 .section10-cen { width: calc(100% - 42% - 200px); }
  .section10 .section10-cen h4{ font-size: 24px; }
  .pub-banner .pub-banner-font h3,  .inner-tit h3{ font-size: 30px; }
  .make9 .make9-tit .tit{ font-size: 28px; }
  .desgin5 .desgin5-list{ padding: 0% 2% 50px; }
  .inner-tit .dec p{ display: inline; }
  .desgin5 .desgin5-icon { width: 80px; }
  .desgin6 .desgin6-ul li { padding: 0 2%; }
  .desgin6 .dec-ft,  .desgin3 .desgin3-ul li,  .desgin8 .desgin8-ul .tit{ font-size: 14px; }
  .desgin8 .desgin8-ul .tit{ margin-top: 20px; }
  .make1 .make1-img { width: 48.5%; }
  .make1 .make1-font { width: 51.5%; }
  .make8 .make8-list .right-img2 { max-width: 200px;   margin-top: -146px; }
  .make8 .left ul{ height: 330px; }
  .make8 .inner-tit .dec,  .make5 .inner-tit .dec{ font-size: 16px; }
  .inner-tit .dec{ margin-top: 10px; }
  .make9 .make9-left { padding-right: 3%; }
  .make9 .make9-right input{ height: 60px; }
  .make4 .make4-font .tit{ margin-top: 20px; }
  .make4 .make4-num{ font-size: 24px; }
  .smt1 .smt1-right { padding-left: 3.5%;   padding-right: 0%; }
  .smt2 .smt2-ul li { padding: 2.5% 2.7%; }
  .smt4 .smt4-right::before { left: 36px;   height: 77.5%; }
  .smt7 .smt7-tab li { width: 17%; }
  .smt10 .smt10-font { padding: 0 5%; }
  .smt10 .smt10-ul li:last-child { padding-left: 4%; }
  .smt4 .smt4-font .tit{ font-size: 20px; }
  .mpcb1 .left { padding-right: 4%; }
  .element2 .element2-img img{ padding: 20px; }
  .element5 .element5-ftct{ padding-right: 0px; }
  .element5 .element5-quan6 { width: 500px;   height: 500px; }
  .element5 .element5-quan5 { width: 400px;   height: 400px; }
  .element5 .element5-quan4 { width: 280px;   height: 280px; }
  .element5 .element5-left{ height: 545px; }
  .about4 .about4-img img{ width: 500px; }
  .about4 .about4-ul li{ width: 32%; }
  .about4 .about4-ul li:nth-child(3){left: -2%;}
  .about4 .about4-ul li:nth-child(4) {right: -2%;}
  .smtadd1 .smtadd1-ul li{ width: 33.333%; }
  .smtadd1 .smtadd1-ul li:last-child{ width: 66%; }
}
@media screen and (max-width: 1100px) { 
  .headfixed .menu-list>ul{ display: none; }
  .headfixed .mobile-nav-box>ul>li>h3 { text-align: left;   padding: 18px 30px; }
  .headfixed .mobile-nav-box>ul>li>h3>a { display: inline; }
  .btn-phone,  .full-main-nav { display: block;   width: 26px; }
  .headfixed .menu-list { width: 30%; }
  .headfixed .btn-list { width: 100%; }
  .headfixed { padding: 5px 0;   box-shadow: 0 1px 4px 1px #f1f1f1; }
  .headfixed .mobile-nav-box>ul>li>h3>i,  .headfixed .mobile-nav-box .link-tit>i { right: 20px; }
  .headfixed .mobile-nav-box .head-subnav { padding: 20px 50px; }
  .headfixed .mobile-nav-box .head-suba>a,  .headfixed .mobile-nav-box .head-subnav>a { padding: 6px 0;   padding-left: 15px; }
  .mobile-nav-box { top: 81px; }
  .menu-list .head-subnav a{background: none;margin: 0px;width: auto;}
  .menu-list h3 a { height: auto; }
  .headfixed.headerbgm .menu-list h3 a { height: auto;   line-height: 30px; }
  .headfixed.top { top: 0px; }
  .banner { margin-top: 81px; }
  .headfixed .btn-list .btn-right{ width: calc(100% - 26px);   margin-right: 50px; }
  .language{ width: 90px;   margin-right: 45px; }
  #search-form{ right: 2%; }
  .banner .swiper-font .swiper-h2 h2,.banner .swiper-font .swiper-h2 h1{ font-size: 24px; }
  .section1 .section1-ft .tit { font-size: 20px; }
  .section2 .section2-left{ width: 42%; }
  .section2 .section2-right{ width: 58%; }
  .section6 .section6-dec{ font-size: 16px; }
  .section6 .section6-font{ width: 60%;   height: 320px; }
  .section6 .section6-right { width: 55%;   right: -24%; }
  .section6 .swiper-pagination-bullet{ width: 10px;   height: 10px; }
  .section7 .section7-logo1 li:nth-child(2) .section7-logoimg { width: 80px;   height: 80px; }
  .section7 .section7-logo1 li:nth-child(3) .section7-logoimg { width: 60px;   height: 60px; }
  .section7 .section7-logo1 li:nth-child(1) .section7-logoimg, .section7 .section7-logo1 li:nth-child(6) .section7-logoimg, .section7 .section7-logo2 li:nth-child(2) .section7-logoimg, .section7 .section7-logo2 li:nth-child(4) .section7-logoimg, .section7 .section7-logo2 li:nth-child(8) .section7-logoimg, .section7 .section7-logo2 li:nth-child(6) .section7-logoimg { width: 55px;   height: 55px; }
  .section7 .section7-logo1 li:nth-child(9) .section7-logoimg, .section7 .section7-logo2 li:nth-child(3) .section7-logoimg { width: 75px;   height: 75px; }
  .section7 .section7-logoimg, .section7 .section7-logo2 li:nth-child(1) .section7-logoimg, .section7 .section7-logo2 li:nth-child(5) .section7-logoimg { width: 70px;   height: 70px; }
  .section7 .section7-logo1 li:nth-child(4) { left: -50px; }
  .section7 .section7-logo2 li:nth-child(7) { right: -50px; }
  .section8 .tit{ font-size: 13px; }
  .section7 .name .tit{ font-size: 18px; }
  .section7 .name .name-dec,  .section7 .section7-font .dec-ft{ font-size: 14px; }
  .section7 .section7-swiper { width: 42%; }
  .section7 .dec-icon{ line-height: 10px; }
  .section7 .swiper-slide .section7-font{ padding: 6%; }
  .section9 .section9-list,  .footer .foot-bot,  .section10>div,  .desgin1 .desgin1-ct,  .desgin3 .desgin3-list,  .desgin6 .desgin6-ul,  .desgin8 .desgin8-ul,  .make8 .make8-list,  .make9 .make9-list,  .smt2 .smt2-ul li,  .smt10 .smt10-ul li,  .element5 .element5-list{ flex-wrap: wrap; }
  .section9 .section9-left,  .section9 .section9-right,  .footer .foot-ct,  .footer .foot-copy,  .section10 .section10-left,  .desgin1 .desgin1-left,  .desgin1 .desgin1-right,  .desgin3 .desgin3-left,  .desgin3 .desgin3-right,  .make8 .make8-list .left,  .make9 .make9-left,  .make9 .make9-right,  .smt2 .smt2-font,  .smt10 .smt10-font,  .mpcb4 .mpcb4-btn ul,  .element5 .element5-left,  .element5 .element5-right{ width: 100%; }
  .smt2 .smt2-img,  .smt10 .smt10-img{ margin: 0 auto; }
  .smt10 .smt10-ul li:last-child,  .smt10 .smt10-ul li:first-child{ padding: 0 4%; }
  .smt10 .smt10-font{ padding: 0px;   text-align: center; }
  .smt10 .smt10-font .dec { text-align: center; }
  .smt2 .smt2-font .tit{ text-align: center; }
  .desgin1 .desgin1-left,  .desgin3 .desgin3-left,  .make9 .make9-left{ padding-right: 0px; }
  .section10 .section10-left,  .desgin1 .desgin1-right{ padding-left: 0px; }
  .desgin1 .desgin1-right{ margin-top: 20px; }
  .make9 .make9-right{ margin-top: 40px; }
  .desgin1 .desgin1-rtul2::before { left: 56px; }
  .section9 .left-font { padding: 5.5% 6%; }
  .section9 .section9-right ul { padding: 5% 4%; }
  .section9 .section9-right{ margin-top: 40px; }
  .section9 .section9-tit{ margin-bottom: 20px; }
  .footer .foot-ct,  .footer .foot-copy{ text-align: center; }
  .section10 .section10-left { margin-bottom: 30px; }
  .section10 .section10-cen { width: calc(100% - 200px); }
  .desgin1 .desgin1-ul li { width: 18%; }
  .padt-80 { padding-top: 50px; }
  .padb-90 { padding-bottom: 60px; }
  .padt-60{ padding-top: 40px; }
  .padt-40{ padding-top: 30px; }
  .mart-80 { margin-top: 50px; }
  .mart-90{ margin-top: 60px; }
  .mart-65{ margin-top: 35px; }
  .mart-55{ margin-top: 30px; }
  .mart-45{ margin-top: 25px; }
  .mart-40 { margin-top: 20px; }
  .desgin3{ padding: 0 2%; }
  .desgin3 .desgin3-right{ margin-top: 30px; }
  .desgin4 .desgin4-right{ padding: 4%; }
  .desgin4 .desgin4-left { width: 70%;   margin-bottom: 40px; }
  .desgin5 .desgin5-ul li{width: 46%;}
  .desgin5 .desgin5-font{margin-bottom: 20px; padding-left: 0; text-align: center;}
  .desgin6 .desgin6-ul li{ width: 50%;   margin-bottom: 30px; }
  .desgin7 .desgin7-ul li{ width: 48.5%; }
  .desgin7 .desgin7-ul li:nth-child(3n){ margin-right: 1.8%; }
  .desgin7 .desgin7-ul li:nth-child(2n){ margin-right: 0px; }
  .desgin8 .desgin8-ul{ justify-content: flex-start;   margin-top: 0px; }
  .desgin8 .desgin8-ul li{ flex: none;   width: 20%;   margin-top: 30px; }
  .desgin8 .desgin8-ul li:nth-child(8n)::before{ display: none; }
  .make1 .make1-font .tit{ margin-bottom: 5px; }
  .make1 .make1-font .dec,  .smtadd1 .smtadd1-ul .dec{ line-height: 32px; }
  .make5 .make5-font,  .make5 .make5-btli::before, .make5 .make5-left::before, .make5 .make5-top::before{ opacity: 1; }
  .make8 .left ul{ position: static;   transform: translateY(0);   display: flex;   flex-direction: row;   justify-content: flex-start;   flex-wrap: wrap; }
  .make8 .left li{ width: 50%;   margin-right: 0px; }
  .make8 .make8-list .right{ width: 80%; }
  .make8 .make8-list .right-img2{ max-width: 230px;   margin-left: 0px;   float: right;   margin-right: -120px; }
  .make8 .left ul{ padding: 5%; }
  .make9 .make9-tag { width: 8%; }
  .make9 .make9-tagdec { width: 92%; }
  .smt1 .smt1-top li { width: 22.4%; }
  .smt1 .smt1-right .dec { margin-top: 5px;   margin-bottom: 10px; }
  .smt1 .smt1-bot { padding: 3% 2.5%; }
  .smt4 .smt4-font .dec{ font-size: 14px; }
  .smt4 .smt4-right::before { left: 33px;   height: 77.5%; }
  .smt4 .smt4-right li:hover .smt4-font .dec, .smt4 .smt4-right li.active .smt4-font .dec { height: 80px; }
  .smt7 .smt7-tab li { width: 20%; }
  .mpcb1 .mpcb1-dec{ margin-top: 15px; }
  .mpcb5 .mpcb5-img1{ width: 280px;   margin: 0 auto; }
  .mpcb5 .mpcb5-left{ padding-right: 6%; }
  .mpcb7 .swiper-container{ padding-bottom: 40px; }
  .mpcb7 .swiper-pagination{ display: block; }
  .mpcb7{ padding-bottom: 50px; }
  .mpcb4 .mpcb4-btn li{ width: 11.15%; }
  .element1 .element1-right li span{ font-size: 14px; }
  .element1 .element1-left,  .element1 .element1-right { width: 50%; }
  .element4 .element4-img2 { max-width: 200px;   left: -50px; }
  .element5 .element5-ul li:nth-child(1) { top: 18%;   left: 20%; }
  .element5 .element5-ul li:nth-child(6) { top: 50%;   left: 16%; }
  .element5 .element5-ul li:nth-child(3) { top: 15%;   left: 63%; }
  .element5 .element5-ul li:nth-child(4) { top: 53.5%;   left: 65%; }
  .element5 .element5-ul li:nth-child(2) { top: 1.5%;   left: 41%; }
  .element5 .element5-ul li:nth-child(5) { top: 65.5%;   left: 34%; }
  .element5 .element5-left{ margin-bottom: 20px; }
  .about4 .about4-font .dec{ display: block; }
  .about1 .about1-left,  .about1 .about1-right { width: 50%; }
  .about1 .about1-img{ margin-left: 0px;   width: 400px;   height: 400px; }
  .about1 .about1-h4 h4 { font-size: 85px; }
  .about2 .about2-right { padding-bottom: 0px; }
  .about1 .about1-right { margin-bottom: -3%; }
  .about5 .about5-ul .tit { font-size: 18px; }
  .contact1 .contact1-left{ width: 45%; }
  .contact1 .contact1-right { width: 55%;   padding-left: 4%; }
  .contact1 .contact1-ul li:first-child .contact1-font .dec a{ font-size: 24px; }
  .contact1 .contact1-dec{ font-size: 18px; }
  .about4 .about4-img img { width: 450px; }
  .about4 .about4-font .tit{ font-size: 20px; }
  .about4 .about4-font .dec{ font-size: 14px; }
  .about4 .about4-ul li:nth-child(5),.about4 .about4-ul li:nth-child(6){top:75%;}
  .about5 { background-attachment: unset;   background-size: cover;   background-repeat: no-repeat;   background-position: center; }
  .headfixed .mobile-nav-box ul li{ padding: 0px; }
  .smtadd1 .smtadd1-ul li{ margin-top: 10px; }
}
@media screen and (max-width: 980px) { 
  .more, .more1{ font-size: 16px; }
  .more{ border: 2px solid #fff; }
  .section{ padding-top: 45px; }
  .section2, .section8{ margin-top: 50px;   padding-bottom: 50px; }
  .section3{ padding: 60px 0; }
  .section4, .section5{ padding-bottom: 50px; }
  .in-section{ padding-top: 50px; }
  .footer .footerphone-menu,  .pub-pcbanner{ display: none; }
  .footer .foot-bot{border: none;}
  .footer .foot-ct{padding: 0;}
  .section10{ margin-top: 60px; }
  .section10-right .more{ line-height: 38px; }
  .headfixed .menu-list { width: 40%; }
  .make5 .make5-list{ width: 90%;   margin: 0 auto; }
  .scroll-ul,  .section1 .section1-ul,  .section2 .section2-list,  .section4 .section4-ctli,  .section3 .section3-list,  .section7 .section7-list,  .section8 .section8-list,  .desgin1 .desgin1-ul,  .make5 .make5-list,  .smt1 .smt1-botli>div,  .smt4 .smt4-list,  .smt10 .smt10-ul,  .smt1 .smt1-top,  .mpcb1,  .mpcb5 .mpcb5-list,  .element1 .element1-list,  .element3 .element3-list,  .element4,  .about1>div,  .about2,  .about5 .about5-ul,  .contact1{ flex-wrap: wrap; }
  .banner .swiper-font,  .section2 .section2-left,  .section2 .section2-right,  .section4 .section4-ctleft, .section4 .section4-ctright,  .section7 .section7-logo1 li:nth-child(5) .section7-logoimg,  .section7 .section7-logo1 li:nth-child(1) .section7-logoimg, 
  .section7 .section7-logo1 li:nth-child(6) .section7-logoimg, 
  .section7 .section7-logo2 li:nth-child(2) .section7-logoimg, 
  .section7 .section7-logo2 li:nth-child(4) .section7-logoimg, 
  .section7 .section7-logo2 li:nth-child(8) .section7-logoimg, 
  .section7 .section7-logo2 li:nth-child(6) .section7-logoimg,  .section7 .section7-logo1 li:nth-child(2) .section7-logoimg,  .section7 .section7-logo1 li:nth-child(3) .section7-logoimg,  .section7 .section7-logoimg, 
  .section7 .section7-logo2 li:nth-child(1) .section7-logoimg, 
  .section7 .section7-logo2 li:nth-child(5) .section7-logoimg,  .section7 .section7-logo1 li:nth-child(9) .section7-logoimg, 
  .section7 .section7-logo2 li:nth-child(3) .section7-logoimg,  .section7 .section7-logo1 li:nth-child(8) .section7-logoimg,  .desgin4 .desgin4-left,  .make1 .make1-ul li,  .make5 .make5-left,  .make5 .make5-right,  .make6 .make6-left,  .make6 .make6-right,  .smt1 .smt1-left,  .smt1 .smt1-right,  .smt2 .smt2-ul li,  .smt4 .smt4-left,  .smt4 .smt4-right,  .smt10 .smt10-ul li,  .mpcb1 .left,  .mpcb1 .right,  .mpcb5 .mpcb5-left,  .mpcb5 .mpcb5-right,  .element1 .element1-left, 
  .element1 .element1-right,  .element3 .element3-left,  .element3 .element3-right,  .element4 .element4-left,  .about1 .about1-left, .about1 .about1-right,  .about2 .about2-left,  .about2 .about2-right,  .new-info .new-list-left,  .contact1 .contact1-left,  .contact1 .contact1-right{ width: 100%; }
  .element4 .element4-right{ width: 80%; }
  .element4 .element4-img2{ left: auto;   right: -130px; }
  .mpcb1 .left,  .mpcb1 .mpcb1-dec,  .element1 .element1-left,  .about2 .about2-right,  .new-info .new-list-left{ padding-right: 0px; }
  .contact1 .contact1-right{ padding-left: 0px;   padding-top: 40px; }
  .element3 .element3-right,  .about2 .about2-right{ padding-left: 0px;   padding-bottom: 0px;   padding-top: 20px; }
  .contact1 .make9-right { margin-top: 20px; }
  .pad-90 { padding: 55px 0; }
  .smt4 .smt4-right{ border-left: 0px; }
  .make6 .make6-left,  .smt2 .smt2-ul li{ margin-right: 0px;   margin-bottom: 4.5%; }
  .smt1 .smt1-right{ padding: 25px 0px; }
  .make5 .make5-left{ margin-right: 0px;   margin-bottom: 1%;   margin-top: 20px; }
  .section7 .section7-logo1 li:nth-child(5) .section7-logoimg,  .section7 .section7-logo1 li:nth-child(1) .section7-logoimg, 
  .section7 .section7-logo1 li:nth-child(6) .section7-logoimg, 
  .section7 .section7-logo2 li:nth-child(2) .section7-logoimg, 
  .section7 .section7-logo2 li:nth-child(4) .section7-logoimg, 
  .section7 .section7-logo2 li:nth-child(8) .section7-logoimg, 
  .section7 .section7-logo2 li:nth-child(6) .section7-logoimg,  .section7 .section7-logo1 li:nth-child(2) .section7-logoimg,  .section7 .section7-logo1 li:nth-child(3) .section7-logoimg,  .section7 .section7-logoimg, 
  .section7 .section7-logo2 li:nth-child(1) .section7-logoimg, 
  .section7 .section7-logo2 li:nth-child(5) .section7-logoimg,  .section7 .section7-logo1 li:nth-child(9) .section7-logoimg, 
  .section7 .section7-logo2 li:nth-child(3) .section7-logoimg,  .section7 .section7-logo1 li:nth-child(8) .section7-logoimg{ height: 100px; }
  .banner .pub-pbanner,  .section7 .section7-logo{ display: none; }
  .banner .pub-mbanner,  .section7 .section7-slist{ display: block; }
  .banner .swiper-font{ text-align: center; }
  .banner .more{ margin: 40px auto 0 auto; }
  .swiper-pagination-bullet{ width: 8px;   height: 8px; }
  .in-tit h3 { font-size: 26px; }
  .scroll-ul .scroll-ul-num span, .scroll-ul .scroll-ul-num b { font-size: 36px; }
  .scroll-ul li,  .section3 li{ width: 50%;   text-align: center;   padding:10px 20px; }
  .swiper-button-next, .swiper-button-prev { width: 40px;   height: 40px; }
  .footer .foot-bot .right{ width: 100%;   padding-left: 0px;   text-align: center; }
  .footer .foot-ct a, .footer .foot-copy span{ margin-right: 15px; }
  .section1 .section1-ul li{ width: 49%;   margin-bottom: 2%; }
  .section1 .section1-ul li:nth-child(2n),  .section4 .section4-ctleft,  .make1 .make1-ul li{ margin-right: 0px; }
  .section1 .more1 ,  .mpcb1 .mpcb1-dec{ margin-top: 20px; }
  .section2 .section2-right,  .mpcb1 .right{ padding-left: 0px;   -webkit-box-ordinal-group: 1;   -moz-box-ordinal-group: 1;   -ms-flex-order: 1;   -webkit-order: 1;   order: 1;   margin-bottom: 30px; }
  .section2 .section2-left,  .mpcb1 .left{ -webkit-box-ordinal-group: 2;   -moz-box-ordinal-group: 2;   -ms-flex-order: 2;   -webkit-order: 2;   order: 2; }
  .section2 .section2-ul li { width: 75%; }
  .section3 .section3-tit{ font-size: 16px; }
  .section3 .section3-icon img{ max-width: 55px; }
  .section4 .section4-tab li a{ font-size: 14px; }
  .section4 .section4-ctleft{ margin-bottom: 4%; }
  .section6 .section6-font { width: 80%;   height: 300px;   margin-top: -45px; }
  .section6 .section6-right { width: 50%;   right: -15%; }
  .section7 .section7-logo{ width: 90%;   margin: 0 auto;   display: flex;   flex-direction: row;   justify-content: flex-start;   flex-wrap: wrap;   display: none; }
  .section7 .section7-logo li{ position: static;   width: 17.6%;   margin-right: 3%;   margin-bottom: 3%; }
  .section7 .section7-logo li:nth-child(5n){ margin-right: 0px; }
  .section7 .section7-swiper{ width: 60%; }
  .section7 .section7-logo1 li:nth-child(4) .section7-logoimg img, .section7 .section7-logo2 li:nth-child(7) .section7-logoimg img{ opacity: 1; }
  .section7 .section7-logo1 li:nth-child(5),  .section7 .section7-logo2 li:nth-child(6){ display: none; }
  .section8 .section8-list li { width: 25%; }
  .section8 .section8-list li:nth-child(4n)::before{ opacity: 0; }
  .section8 .tit,  .section9 .left-font .dec,  .make4 .make4-font .dec{ font-size: 14px; }
  .section9 .left-font .tit{ font-size: 18px; }
  .section7 .section7-swiper .swiper-container { padding: 3% 3% 5% 3%; }
  .section7 .section7-slist{ margin-top: 50px; }
  .section7 .section7-slist .swiper-container{ padding-bottom: 8%; }
  .desgin1 .desgin1-ul{ justify-content: flex-start; }
  .desgin1 .desgin1-ul li{ width: 32.7%;   margin-bottom: 5px; }
  .desgin1 .desgin1-ul li:nth-child(3n){ margin-right: 0px; }
  .desgin4 .desgin4-tit,  .section2 .section2-tit, 
  .section9 .section9-tit, 
  .desgin5 .desgin5-font, 
  .section1 .section1-ft .tit, 
  .desgin1 .desgin1-left .tit-h5, 
  .desgin6 .desgin6-font .tit,  .desgin3 .desgin3-tit h4,  .make5 .make5-font .tit, 
  .make6 .make6-font .tit,  .make2 .make2-table th,  .make1 .make1-font .tit,  .smtadd1 .smtadd1-ul .tit,  .make4 .make4-font .tit,  .smt2 .smt2-font .tit, 
  .smt4 .smt4-font .tit, 
  .smt10 .smt10-font .tit,  .smt1 .smt1-right .tit,  .mpcb3 .mpcb3-table th,  .section2 .section2-tit, 
  .section9 .section9-tit { font-size: 20px; }
  .desgin5 .desgin5-icon { width: 60px; }
  .desgin5 .desgin5-icon img{ width: 40px; }
  .desgin6 .desgin6-icon{ width: 55px;   height: 55px; }
  .desgin6 .desgin6-icon img{ width: 30px;   height: 30px; }
  .desgin6 .desgin6-font { width: calc(100% - 55px); }
  .desgin8 .desgin8-ul li:nth-child(8n)::before,  .element2 .swiper-pagination{ display: block; }
  .desgin8 .desgin8-ul li:nth-child(6n)::before{ display: none; }
  .make4 .make4-list li{ width: 48.7%; }
  .make4 .make4-list li:nth-child(3n), .make4 .make4-tag span:last-child{ margin-right: 2.5%; }
  .make4 .make4-list li:nth-child(2n){ margin-right: 0px; }
  .make6 .make6-right .make6-img { margin-top: 6%;   margin-bottom: 3%; }
  .make7 .make7-swiper .tit{ font-size: 18px; }
  .make9 .make9-tag{ width: 12%; }
  .make9 .make9-tagdec { width: 88%; }
  .make5 .make5-font { padding: 15px 20px; }
  .smt2 .smt2-font{ width: calc(100% - 180px); }
  .smt2 .smt2-font .tit,  .smt10 .smt10-font .dec,  .smt10 .smt10-font{ text-align: left; }
  .smt2 .smt2-ul li,  .smt4 .smt4-right{ padding: 30px; }
  .smt4 .smt4-right::before { left: 44px;   height: 77.5%; }
  .smt7 .smt7-tab li { width: 24%; }
  .smt10 .smt10-font { width: calc(100% - 150px); }
  .smt10 .smt10-ul li{ border-right: 0px;   padding: 0px;   border-bottom: 1px solid #e6e8ec; }
  .smt10 .smt10-font{ padding-left: 4%; }
  .smt10 .smt10-ul li:last-child, .smt10 .smt10-ul li:first-child{ padding: 4% 0%; }
  .smt10 .smt10-ul li:first-child{ padding-top: 0px; }
  .smt10 .smt10-ul li:last-child{ border-bottom: 0px;   padding-bottom: 0px; }
  .smt1 .smt1-top li{ width: 32%; }
  .smt1 .smt1-top li:nth-child(3n),  .mpcb4 .mpcb4-btn li:nth-child(5n){ margin-right: 0px; }
  .smt1 .smt1-top{ justify-content: flex-start; }
  .mpcb5{ padding: 50px 0 60px 0; }
  .mpcb5 .mpcb5-right,  .element1 .element1-right,  .about2 .about2-left{ margin-top: 30px; }
  .mpcb5 .mpcb5-img1 { width: 352px; }
  .mpcb5 .mpcb5-left{ padding-right: 0px; }
  .mpcb4 .mpcb4-btn li { width: 18.5%; }
  .mpcb4{ padding:30px 20px;   margin-top: 40px; }
  .mpcb4-table{ padding: 0px;   margin-top: 30px; }
  .element2 .element2-img{ box-shadow: 0px 0px 38px 0px rgba(45, 45, 45, 0);   border: 1px solid #dedede; }
  .element2 .swiper-container{ padding: 0px;   padding-bottom: 40px;   padding-top: 20px; }
  .element3,  .about1 .about1-right{ margin-top: 40px; }
  .element4{ margin-bottom: 90px; }
  .element5 .element5-ul li:nth-child(2) { top: -1%; }
  .about1 .about1-img{ margin: 0 auto; }
  .about1 .about1-h4 h4 { font-size: 110px; }
  .about1 .about1-h4{ left: 50%;   top: 50%;   transform: translate(-50%,-50%); }
  .about2 .about2-left, .about2 .about2-right{ padding: 0 5%; }
  .about4 .about4-img img { width: 70%; }
  .about4 .about4-ul{ display: flex;   flex-direction: row;   justify-content: flex-start;   flex-wrap: wrap; }
  .about4 .about4-ul li{ position: static;   width: 100%;   margin-top: 30px; }
  .about4 .about4-icon,  .about1 .about1-right,  .about2 .about2-right{ -webkit-box-ordinal-group: 1;   -moz-box-ordinal-group: 1;   -ms-flex-order: 1;   -webkit-order: 1;   order: 1; }
  .about4 .about4-font,  .about1 .about1-left,  .about2 .about2-left{ -webkit-box-ordinal-group: 2;   -moz-box-ordinal-group: 2;   -ms-flex-order: 2;   -webkit-order: 2;   order: 2; }
  .about4 .about4-ul li:nth-child(odd) .about4-font,  .about4 .about4-ul li:nth-child(even) .about4-font{ text-align: left;   padding-left: 3%;   padding-right: 0%; }
  .about5 .about5-ul li{ width: 100%;   padding: 20px 30px;   padding-left: 0px;   border-top: 1px solid rgba(216,241,255, 0.3); }
  .about5 .about5-ul .dec{ opacity: 1; }
  .about5 .about5-ul li::before,  .about5 .about5-ul li.active::before{ width: 50px; }
  .about5 .about5-bot{ border-top: 0px; }
  .pad-80 { padding: 50px 0; }
  .about1 .about1-left{ margin-top: 30px;   margin-bottom: 40px; }
  .about1 .about1-right{ margin-bottom: 0px; }
  .about4 .about4-font .tit{ font-size: 20px; }
  .about5 .about5-bot{ margin-top: 35px; }
	.time-section:after{display: none;}
	.fslide{display: none!important;}
	.sjslide{display: block;}
  .case1 .case1-tab li { width: 24.3%; }
  .case1 .case1-cont li{ width: 49%; }
  .case1 .case1-cont li:nth-child(3n){ margin-right: 1.8%; }
  .case1 .case1-cont li:nth-child(2n){ margin-right: 0px; }
  .case1 .case1-tab li a{ font-size: 16px; }
  .padb-55{ padding-bottom: 40px; }
  .new-info .new-list-right{ display: none; }
  .new-info .new-list-left{ border-right: 0px; }
  .new1 .new1-ul li{ width: 48.3%; }
  .new1 .new1-ul li:nth-child(3n){ margin-right: 3.4%; }
  .new1 .new1-ul li:nth-child(2n){ margin-right: 0px; }
  .contact1 .contact1-more{ margin-bottom: 40px; }
  .contact1 .contact1-ul li{ margin-bottom: 10px; }
  .contact1 .contact1-font{ padding-left: 3%; }
  .contact1 .contact1-more{ font-size: 16px;   width: 180px; }
  .contact1 .contact1-left{ padding: 40px; }
  .headfixed .mobile-nav-box .head-subnav{ padding: 10px 20px; }
  .section1 .section1-ul li:hover .section1-img img,  .section4 .section4-cta:hover .section4-ctimg img,  .section6 .swiper-slide:hover .section6-logoimg img,  .section7 .swiper-slide:hover .section7-img img,  .section7 .section7-logo li:hover .section7-logoimg img,  .section9 .section9-left .left:hover .left-img img,  .desgin2 .desgin2-img:hover img,  .desgin3 .desgin3-right:hover img,  .desgin4 .desgin4-left:hover img,  .desgin5 .desgin5-ul li:hover .desgin5-img .img,  .make1 .make1-ul li:hover .make1-img img,  .make5 .make5-left:hover .make5-img img,  .make5 .make5-btli:hover .make5-img img,  .make5 .make5-top:hover .make5-img img,  .make6 .make6-lia:hover .make6-img img,  .make6 .make6-bot:hover .make6-img img,  .make7 .swiper-slide:hover .make7-img img,  .smt1 .smt1-left:hover img,  .smt2 .smt2-ul li:hover .smt2-img img,  .pic:hover img,  .pic1:hover img,  .case1 .case1-cont li:hover .case1-img img,  .new1 .new1-ul li:hover .new1-img img,  .new-info .new-recul li:hover .new-resimg img{ transform: scale(1);   -ms-transform: scale(1);   -webkit-transform: scale(1);   -moz-transform: scale(1);   -o-transform: scale(1); }
  .section3 li:hover .section3-icon img,  .section8 .section8-list li:hover .section8-icon img,  .desgin8 .desgin8-ul li:hover .desgin8-top,  .make4 .make4-list li:hover .make4-icon img,  .smt10 .smt10-ul li:hover .smt10-img img,  .contact1 .contact1-ul li:hover .contact1-icon img{ transform: translateY(0px); }
  .nav-menu .nav-name,  .nav-mobile{ display: block; }
  .nav-menu .nav-more,  .nav-menu .nav-list{ display: none; }
  .case1 .case1-tab li{ width: 100%;   margin-right: 0px; }
  .case1 .case1-tab li a{ text-align: left;   padding: 15px 20px; }
  .nav-menu .nav-name{ border-top: 1px solid #d2d2d2; }
  .case1 .nav-mobile .case1-tab{ width: 90%;   position: absolute;   z-index: 100;   display: none;   background: #fff;   box-shadow: 0 1px 4px 1px #f1f1f1;   padding-bottom: 15px; }
  .case1 .nav-mobile .case1-tab li{ margin-bottom: 0px; }
  .case1 .nav-mobile .case1-tab li a{ background: transparent; }
  .case1 .nav-mobile .case1-tab li.active a{ background-color: #05a4e6; }
  .case1 .nav-menu{ padding-bottom: 20px; }
  .smtadd1 .smtadd1-ul li{ width: 50%; }
  .smtadd1 .smtadd1-ul li:last-child{ width: 100%; }
}
@media screen and (max-width: 767px) { 
  .headfixed .logo a img{ max-width: 116px; }
  .mobile-nav-box { top: 55px; }
  .headfixed .menu-list { width: 60%; }
  .headfixed .btn-list .btn-right,  .language{ margin-right: 20px; }
  #search-form{ width: 90%; }
  .headfixed .mobile-nav-box>ul>li>h3 { padding: 10px 15px; } 
  .headfixed .mobile-nav-box>ul>li>h3>i::before, .headfixed .mobile-nav-box .link-tit>i::before{ top: 18px; }
  .banner { margin-top: 55px; }
  .banner .swiper-font .swiper-h2 h2,.banner .swiper-font .swiper-h2 h1 { font-size: 20px; }
  .in-tit h3 { font-size: 22px; }
  .section { padding-top: 35px; }
  .section1 .section1-ul li{ width: 100%;   margin-right: 0px;   margin-bottom: 15px; }
  .section1 .section1-ul{ margin-top: 15px; }
  .section2, .section8 { margin-top: 40px;   padding-bottom: 40px; }
  .section1 .more1 { margin-top: 5px; }
  .section1 .section1-ft .tit{ font-size: 18px; }
  .section1 .section1-icon { width: 55px;   height: 55px;   margin-top: 0px; }
  .section1 .section1-icon img{ max-width: 40px; }
  .section1 .section1-bot{ font-size: 14px;   line-height: 26px;   margin: 20px 0;   min-height: auto; }
  .section2 .section2-ul li,  .section4 .section4-ctbot .section4-cta { width: 100%; }
  .section2 .section2-ul li:nth-child(even){ margin-left: 0px; }
  .section2 .section2-font .tit,  .section4 .section4-ctfont .tit,  .section7 .name .tit,  .section2 .section2-tit, .section9 .section9-tit,  .section9 .section9-rtfont .tit,  .section9 .right .left-font .tit{ font-size: 16px; }
  .section2 .section2-font .dec,  .section4 .section4-ctfont .dec,  .section9 .left-font time,  .desgin1 .desgin1-left .dec,  .mpcb1 .mpcb1-dec,  .mpcb5 .mpcb5-dec,  .element1 .element1-right li span,  .element5 .element5-ftct{ font-size: 14px;   line-height: 26px; }
  .section2 .section2-num { width: 40px;   height: 40px;   line-height: 40px;   font-size: 16px; }
  .section2 .section2-font{ width: calc(100% - 40px); }
  .section2 .section2-img2, .section2 .section2-img1 { margin-bottom: -45px; }
  .section3 { padding: 40px 0; }
  .section4 .section4-tab li{ margin-bottom: 3%;   width: 100%;   margin-right: 0px; }
  .section4 .section4-tab,  .section4 .section4-ctbot,  .section9 .section9-left>div,  .section6 .section6-font,  .desgin1 .desgin1-right,  .desgin5 .desgin5-list,  .desgin6 .desgin6-ul li,  .make1 .make1-ul li,  .make3 .make3-list, .make3 .make3-right li,  .make5 .make5-bot,  .make6 .make6-bot,  .make9 .make9-cont{ flex-wrap: wrap; }
  .desgin1 .desgin1-rtul li{width: 100%;}
  .desgin1 .desgin1-rtul2{ padding-left: 0px; }
  .desgin1 .desgin1-rtul2::before{ left: 7px; }
  .make6 .make6-top .make6-lia{ margin-right: 0px; }
  .section4 .section4-ctbot .section4-cta,  .make5 .make5-btli{ margin-right: 0px;   margin-top: 3.5%; }
  .make5 .make5-left{ margin-bottom: 3.5%; }
  .section4 .section4-ctbot .section4-cta:first-child{ margin-top: 0px; }
  .section4 .section4-cttop .section4-cta,  .section4 .section4-ctbot .section4-cta{ padding: 4%; }
  .section7 .section7-swiper,  .section9 .section9-left .left, .section9 .section9-left .right,  .section10 .section10-right,  .section6 .section6-font,  .section6 .section6-left,  .section6 .section6-right,  .desgin1 .desgin1-rtul,  .desgin3 .desgin3-ul li,  .desgin5 .desgin5-ul,  .desgin6 .desgin6-ul li,  .desgin7 .desgin7-ul li,  .desgin6 .desgin6-font,  .make1 .make1-img,  .make1 .make1-font,  .make3 .make3-left, 
  .make3 .make3-right,  .make4 .make4-list li,  .make5 .make5-btli,  .make6 .make6-top .make6-lia,  .make6 .make6-btlf, .make6 .make6-btrt,  .make8 .left li,  .make8 .make8-list .right,  .make9 .make9-ul,  .make9 .make9-right li,  .smt2 .smt2-font,  .smt5 .smt5-left,  .smt5 .smt5-right,  .smt10 .smt10-font,  .element1 .element1-right li,  .element5 .element5-rtul li,  .about4 .about4-img img,  .case1 .case1-cont li,  .new1 .new1-ul li{ width: 100%; }
  .smt5 .smt5-left,  .case1 .case1-cont li,  .case1 .case1-cont li:nth-child(3n),  .new1 .new1-ul li,  .new1 .new1-ul li:nth-child(3n){ margin-right: 0px; }
  .desgin6 .desgin6-font,  .make8 .make8-list .right,  .make9 .make9-ul{ padding-left: 0px;   margin-top: 15px; }
  .section8 .section8-list li { width: 33.333%; }
  .make5 .make5-font .tit{ font-size: 18px; }
  .section8 .tit{ font-size: 12px; }
  .section8 .section8-list li:nth-child(4n)::before{ opacity: 1; }
  .section8 .section8-list li:nth-child(3n)::before,  .section8 .section8-list li:last-child::before{ opacity: 0; }
  .capability-sec2, .case-sec1, .contact-sec2, .machining-sec6, .material-sec6, .material-sec5, .mppcb-sec1, .mppcb-sec5,  .make9 { padding-top: 35px; }
  .scroll-ul .scroll-ul-dec,  .section6 .section6-dec,  .inner-tit .dec,  .desgin3 .desgin3-tit .dec,  .desgin4 .desgin4-ulbt,  .desgin7 .desgin7-font .dec,  .make6 .make6-font .dec,  .make5 .make5-font .dec,  .make8 .inner-tit .dec, .make5 .inner-tit .dec,  .new1 .new1-font .dec,  .new-info .page-prev-icon,  .problem1 .problem1-ul .dec-right{ font-size: 14px;   line-height: 26px; }
  .scroll-ul li { padding: 5px 12px; }
  .section10 .section10-cen h4 { font-size: 22px;   line-height: 1.56; }
  .section10 .section10-cen{ width: 100%;   padding-left: 0px;   padding-right: 0px;   text-align: center;   margin-bottom: 20px; }
  .section10-right .more{ margin: 0 auto; }
  .more, .more1{ font-size: 14px;   width: 140px;   line-height: 40px;   height: 40px; }
  .more{ border: 1px solid #fff; }
  .footer .foot-ct a, .footer .foot-ct span, .footer .foot-copy a, .footer .foot-copy span{ font-size: 12px;   line-height: 22px; }
  .footer{ padding: 20px 0; }
  .language,  .lightboxOverlay,  .lightbox{ display: none !important; }
  .app-lanu{ display: block; }
  .banner .more { margin: 20px auto 0 auto; }
  .new-info .page-tit,  .desgin5 .desgin5-font { font-size: 18px; }
  .pub-banner .pub-banner-font h3,  .inner-tit h3 { font-size: 24px; }
  .make9 .make9-tit .tit{ font-size: 24px; }
  .pub-banner .pub-banner-font .dec { font-size: 14px;   line-height: 1.7;   margin-top: 10px; }
  .section8 .section8-list{ margin-top: 12px; }
  .section9 .section9-left .left, .section9 .section9-left .right,  .make9 .make9-right li{ margin-right: 0px; }
  .section9 .section9-right,  .section6 .section6-right,  .make9 .make9-right,  .mart-65,  .make8 .make8-list,  .make7 .make7-swiper .tit,  .smt5 .smt5-left,  .desgin5 .desgin5-font, .smt10 .smt10-font,  .smt10 .mart-80,  .mpcb5 .mpcb5-right{ margin-top: 20px; }
  .section9 .right .left-font{ padding-bottom: 20%; }
  .section9 .right .left-font .tit{ padding-bottom: 20px;   margin-bottom: 20px; }
  .section9 .section9-tit,  .smt5 .smt5-img1,  .smt5 .smt5-left{ margin-bottom: 10px; }
  .section6 .section6-left,  .section6 .section6-right{ position: static;   transform: translateY(0); }
  .section6 .section6-font{ height: auto;   margin-top: 0px;   padding: 7% 5.5%; }
  .section6 .section6-dec,  .make6 .make6-top .make6-lia,  .desgin5 .desgin5-ul li,  .make1 .make1-ul li,  .section9 .section9-left .left,  .case1 .case1-cont li,  .new1 .new1-ul li{ margin-bottom: 20px; }
  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 5px; }
  .section6 .swiper-pagination { right: 10px; }
  .section7 .section7-slist .swiper-container { padding-bottom: 12%; }
  .section6 .section6-swpimg img{ height: 160px; }
  .padb-90 { padding-bottom: 40px; }
  .padt-80 { padding-top: 30px; }
  .pad-90{ padding: 40px 0; }
  .pad-80{ padding: 30px 0; }
  .mart-90{ margin-top: 40px; }
  .mart-80{ margin-top: 40px; }
  .mart-55 { margin-top: 15px; }
  .desgin1 .desgin1-ul li{ width: 48.8%; }
  .desgin1 .desgin1-ul li:nth-child(2n),  .make4 .make4-list li:nth-child(3n), .make4 .make4-tag span:last-child{ margin-right: 0px; }
  .desgin1 .desgin1-ul li:nth-child(3n){ margin-right: 5px; }
  .desgin4 .desgin4-tit,  .desgin6 .desgin6-font .tit{ font-size: 18px; }
  .desgin1 .desgin1-right,  .desgin3 .desgin3-tit .dec,  .inner-tit .dec{ margin-top: 5px; }
  .desgin1 .desgin1-rtul li{ line-height: 30px
  }
  .desgin2 .desgin2-img,  .mpcb1 .mpcb1-dec,  .mpcb5 .mpcb5-dec{ margin-top: 10px; }
  .desgin3 .desgin3-list{ padding: 4% 3%; }
  .desgin3 .desgin3-ul .icon{ width: 20px;   height: 20px;   line-height: 20px; }
  .desgin4 .desgin4-left{ margin-bottom: 25px; }
  .desgin4 .desgin4-icon { width: 47px;   height: 52px; }
  .desgin4 .desgin4-icon img{ width: 28px;   height: 28px; }
  .desgin5 .desgin5-list{padding: 0 0 20px;}
  .desgin5 .desgin5-ul li{width: 100%; margin: 0;}
  .desgin5 .desgin5-font{margin-top: 0; margin-bottom: 0;}
  .desgin5 .desgin5-ul2{ margin-left: 0px;   margin-top: 0px; }
  .desgin5 .desgin5-ul li,  .desgin6 .desgin6-ul li,  .desgin6 .desgin6-ul,  .desgin4 .desgin4-ul li{ margin-bottom: 25px; }
  .desgin6 .desgin6-ul li{ padding: 0 5%; }
  .desgin6 .desgin6-ul{ padding: 7% 0; }
  .desgin6 .desgin6-tag span { padding: 1px 8px;   margin-right: 0px; }
  .desgin7 .desgin7-font .tit{ font-size: 20px; }
  .desgin7 .desgin7-ul li,  .desgin7 .desgin7-ul li:nth-child(3n),  .make4 .make4-list li{ margin-right: 0px;   margin-bottom: 25px; }
  .desgin7 .desgin7-ul li .desgin7-font{ padding-left: 5.5%;   background-color: #05a4e6; }
  .desgin7 .desgin7-font .dec,  .desgin7 .desgin7-font .tit{ color: #fff; }
  .desgin8 .desgin8-ul li{ width: 33.333%;   margin-top: 25px; }
  .desgin8 .desgin8-ul li:nth-child(6n)::before{ display: block; }
  .desgin8 .desgin8-ul li:nth-child(3n)::before{ display: none; }
  .desgin8 .desgin8-ul .tit { margin-top: 5px; }
  .desgin6 .dec-ft{ line-height: 30px; }
  .desgin1 .desgin1-ul li a{ line-height: 50px; }
  .mart-40 { margin-top: 15px; }
  .desgin8 .desgin8-ul .num{ right: 40px; }
  .desgin6 .desgin6-ul li{ border-right: 0px; }
  .desgin6 .desgin6-ul li:last-child,  .desgin7 .desgin7-ul li:last-child,  .desgin8 .desgin8-ul li:last-child,  .make6 .make6-top .make6-lia:last-child{ margin-bottom: 0px; }
  .desgin5 .desgin5-font,  .smt10 .smt10-font{ padding-left: 0px;   text-align: center; }
  .make1 .make1-img{ border-radius: 30px 30px 0px 0px; }
  .make1 .make1-font,  .make6 .make6-right .make6-lia,  .make6 .make6-bot,  .make6 .make6-top .make6-lia{ padding: 20px 25px; }
  .make3 .make3-left{ padding-right: 0px; }
  .make3 .inner-tit h3{ text-align: center;   margin-bottom: 10px; }
  .make3{ padding: 40px 0; }
  .make4 .make4-icon{ width: 50px;   height: 50px; }
  .make4 .make4-list li{ padding: 20px; }
  .make4 .make4-tag span{ margin-right: 0px; }
  .make5 .make5-font::before { left: 10px; }
  .make7 .swiper-slide{ box-shadow: 0px 0px 46px 0px rgba(55, 55, 55, 0);   border: 1px solid #dedede; }
  .make7 .swiper-button-next { right: -5px; }
  .make7 .swiper-button-prev { left: -5px; }
  .make8 .left a{ font-size: 16px; }
  .make8 .left a{ padding: 3% 0;   padding-left: 25px; }
  .make8 .make8-list .right-img2{ float: none;   margin-top: -50px; }
  .make9 .make9-tit .dec{ margin-top: 5px;   margin-bottom: 10px;   font-size: 14px;   line-height: 26px; }
  .make9 .make9-tag { width: 18%; }
  .make9 .make9-tagdec { width: 82%; }
  .make9 .make9-right input { height: 50px;   padding: 10px 20px; }
  .make9 .make9-right textarea{ padding: 15px 20px; }
  .make9 .sub{ font-size: 16px;   width: 160px;   height: 45px;   margin-top: 5px; }
  .make5 .make5-top{ margin-bottom: 0px; }
  .smt1 .smt1-top li{ width: 48%; }
  .smt1 .smt1-top li:nth-child(3n){ margin-right: 2%; }
  .smt1 .smt1-top li:nth-child(2n){ margin-right: 0px; }
  .smt1 .smt1-top li a{ font-size: 16px; }
  .smt1 .smt1-bot{ padding: 20px; }
  .smt1 .smt1-right{ padding: 15px 0; }
  .smt2 .smt2-font{ padding-left: 0px;   margin-top: 20px; }
  .smt2 .smt2-ul li, .smt4 .smt4-right{ padding: 30px 25px; }
  .smt2 .smt2-font .tit, .smt10 .smt10-font .dec, .smt10 .smt10-font{ text-align: center; }
  .smt4 .smt4-icon { width: 22px;   height: 22px; }
  .smt4 .smt4-icon::before{ width: 8px;   height: 8px; }
  .smt4 .smt4-right::before { left: 35px;   height: 77.5%; }
  .smt5 .smt5-list{ width: 90%;   margin: 0 auto; }
  .smt7 .smt7-tab li { width: 48%; }
  .smt7 .smt7-tab a{ font-size: 16px; }
  .smt10 .smt10-ul li:last-child, .smt10 .smt10-ul li:first-child { padding: 8% 0%; }
  .smt10 .smt10-ul li:first-child { padding-top: 0px; }
  .smt10 .smt10-ul li:last-child { border-bottom: 0px;   padding-bottom: 0px; }
  .mpcb1 .right{ margin-bottom: 15px; }
  .mpcb5 .mpcb5-img1 { width: 60%; }
  .mpcb5 { padding: 35px 0 40px 0; }
  .mpcb7 { padding-bottom: 30px; }
  .mpcb3 .mpcb3-table th,  .make2 .make2-table th{ font-size: 18px; }
  .mpcb4 { padding: 20px 15px;   margin-top: 40px; }
  .mpcb4 .mpcb4-btn ul{ margin-top: 5px; }
  .mpcb4 .mpcb4-btn li { width: 31%; }
  .mpcb4 .mpcb4-btn li a{ font-size: 14px; }
  .mpcb4 .mpcb4-btn li:nth-child(5n){ margin-right: 10px; }
  .mpcb4 .mpcb4-btn li:nth-child(3n){ margin-right: 0px; }
  .mpcb4-table{ margin-top: 20px; }
  .element1 .element1-right li em{ width: 22px;   height: 22px;   line-height: 22px; }
  .element1 .element1-right { margin-top: 10px; }
  .element1{ padding: 35px 0; }
  .element4 .element4-img2 { left: auto;   right: -60px;   max-width: 155px; }
  .element4{ margin-bottom: 90px; } 
  .element5 .element5-lefct,  .element5 .element5-ul{ display: none; }
  .element5 .element5-swiper{ display: block; }
  .element5 .element5-left{ height: auto; }
  .element5 .element5-img{ height: 90px; }
  .element5 .element5-swiper .swiper-container{ padding-bottom: 30px; }
  .element5 .element5-right{ padding-left: 0px; }
  .element5 .element5-rtul li:nth-child(2),  .element5 .element5-rtul li:nth-child(3){ margin-left: 0px; }
  .element5 .element5-rtul li:nth-child(3){ margin-top: 20px; }
  .element2 .swiper-container,  .element5 .element5-swiper .element5-img{ padding-right: 1px; }
  .about1 .about1-img{ width: 300px;   height: 300px; }
  .about1 .about1-h4 h4 { font-size: 60px; }
  .about1 .about1-right{ padding: 25px 20px; }
  .about1 .about1-ul{ margin-top: 15px; }
  .about4 .about4-font .tit{ font-size: 18px; }
  .about4 .about4-font .dec{ font-size: 14px; }
  .about4 .about4-icon{ width: 60px;   height: 60px; }
  .about4 .about4-font { width: calc(100% - 60px); }
  .about4 .about4-ul li{ margin-top: 10px; }
  .about5 .about5-bot{ margin-top: 20px; }
	.time-section{padding: 0 10px 20px;}
	.cbp_tmtimeline:before,.cbp_tmtimeline > li .cbp_tmicon{display: none;}
	.cbp_tmtimeline > li .cbp_tmtime {	width: 100%;	position: relative;	padding: 0 0 8px 0;}
	.cbp_tmtimeline > li .cbp_tmtime span {	text-align: left;}
	.cbp_tmtimeline > li .cbp_tmlabel {	margin: 0 0 30px 0;	padding: 1em;	font-weight: 400;	}
	.cbp_tmtimeline > li .cbp_tmlabel:after {	right: auto;	left: 20px;	border-right-color: transparent;	border-bottom-color: #3594cb;	top: -10px;}
	.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {	border-right-color: transparent;	border-bottom-color: #6cbfee;}
	.cbp_tmtimeline > li .cbp_tmicon {	position: relative;	float: right;	left: auto;	margin: -55px 5px 0 0px;}
  .padb-55{ padding-bottom: 30px; }
  .new1 .new1-font .tit{ padding-top: 20px; }
  .new1 .new1-font .tit,  .new-info .newinfo-bot h5{ font-size: 18px; }
  .newsinfo-share a{ margin-right: 5px; }
  .new-info .newinfo-bot h4{ font-size: 20px; }
  .new-info .newinfo-bot h5{ margin-top: 10px;   margin-bottom: 10px; }
  .new-info .newinfo-bot img{ margin: 20px 0; }
  .new-info .page-tit, .desgin5 .desgin5-font,.contact1 .contact1-dec{ font-size: 16px; }
  .contact1 .contact1-left { padding:30px 20px; }
  .contact1 .contact1-icon { width: 28px; }
  .contact1 .contact1-font { width: calc(100% - 28px); }
  .contact1 .contact1-ul li:first-child .contact1-font .dec a { font-size: 22px; }
  .contact1 .contact1-more { margin-bottom: 30px; }
  .contact1 .contact1-more { width: 160px;   height: 45px;   line-height: 45px; }
  .contact1 .contact1-right{ padding-top: 30px; }
  .problem1 .tit-left, .problem1 .dec-left { width: 32px;   height: 32px; }
  .problem1 .tit-left img, .problem1 .dec-left img{ width: 18px; }
  .problem1 .tit-right, .problem1 .dec-right { width: calc(100% - 32px);   margin-left: 10px; }
  .problem1 .problem1-ul .tit-right{ font-size: 16px;   padding: 10px 15px; }
  .problem1 .problem1-ul .dec{ padding-top: 10px; }
  .desgin8 .desgin8-ul .tit{ font-size: 13px; }
  .nav-menu .nav-name{ line-height: 45px;   padding: 0 15px; }
  .case1 .case1-tab li a{ padding: 10px 15px; }
  .smtadd1 .smtadd1-ul li{ width: 100%; }
  .smtadd1 .smtadd1-ul,  .smtadd1 .smtadd1-ul li{ margin-top: 5px; }
  .smtadd1 .smtadd1-ul .tit{ margin-bottom: 5px; }
  .spage { margin-top: 20px;margin-bottom:10px;}
  .spage .pager a,.spage .pager .cur_page {padding: 0 8px; line-height:24px; height:24px;}
  .spage .pager .pgnext,.spage .pager .pgprev{padding: 0 10px; }
}

@media screen and (max-width: 360px) { .desgin1 .desgin1-ul li a{ font-size: 14px;   line-height: 45px; }
  .desgin8 .desgin8-ul li{ width: 50%; }
  .desgin8 .desgin8-ul li:nth-child(3n)::before{ display: block; }
  .desgin8 .desgin8-ul li:nth-child(2n)::before{ display: none; }
  .pub-banner .pub-banner-font h3, .inner-tit h3{ font-size: 20px; }
  .make9 .make9-tit .tit{ font-size: 22px; }
  .desgin8 .desgin8-ul .num { right: 55px; }
  .make9 .make9-tag { width: 20%; }
  .make9 .make9-tagdec { width: 80%; }

}
.mobile{display:none;}
.pc{display:block;}
@media screen and (max-width: 575px) { .mobile{display:block;}
  .pc{display:none;}
}
.desgin7 .desgin7-ul li .desgin7-img{position: relative;}
.desgin7 .desgin7-ul li .desgin7-img img:nth-child(2){position:absolute;max-width: 120px;bottom: 15px;right: 15px;}
.smt7 .smt7-img:hover img{transform:none;}
.pc-kf .zxlya{display:none;}
.pc-kf{width: 120px;}
.erweima{ width: 120px;   /* float: right; */
    text-align: center;   background: #fff;   box-shadow: 0px 0px 10px 0px rgb(150 150 150 / 35%);   border-radius: 5px;   padding: 5px 0px;margin-bottom: 10px;}
.pc-kf span { width: 120px;   height: 80px;   
}
.pc-kf span a{
padding-top: 50px;}
.pc-kf .zx { background-position: 0 0;   background: #fff url(../images/sjzx.png) no-repeat center top 10px;   background-size: 32px;}
.banner{position:relative;}
.kfgj{display:none;}
.convenient { left: 50%;   bottom: 0;   transform: translate(-50%,50%);   background: #fff;   box-shadow: 0 5px 10px 1px #c1c1c1;   position:absolute;   max-width: 1200px;}
.convenient .login { justify-content: center;   height: 90px;   align-items: center;}
.convenient .login .msg { color: #2b2b2b;   line-height: 1;   font-weight: 500;   margin-right: 22px;}
.convenient .login .msg div { font-size: 24px;   border-left: 5px solid #1460AD;   padding-left: 8px;   line-height: 1;}
.convenient .login .registInputBox { width: 320px;   height: 40px;   border: 4px;   background: #f1f1f1;   font-size: 14px;   padding-left: 17px;   box-sizing: border-box;   margin-right: 20px;}
.layui-input, .layui-textarea { display: block;   width: 100%;   /* padding-left: 10px; */
}
.layui-input, .layui-select, .layui-textarea { height: 38px;   /* line-height: 1.3; */
    line-height: 38px\9;   /* border-width: 1px; */
    /* border-style: solid; */
    border-radius: 2px;   font-size: 16px;}
.layui-input::placeholder{font-size:16px;font-weight:550;}
.convenient .login button { width: 111px;   height: 40px;   line-height: 40px;   background: #1460AD;   font-size: 16px;   color: #fff;   font-weight: 500;   border: 0;   box-sizing: border-box;   cursor: pointer;   border-radius: 4px;}
.convenient label.error{color:red;margin-top: 3px;display: block;}
@media screen and (max-width: 1120px) { .convenient .login .msg div{font-size:18px;font-weight: bold;}
    .convenient .login .registInputBox{width:200px;}
}
@media screen and (max-width: 875px) { .convenient{display:none;}
}