@charset "UTF-8";
/*加载字体*/
@font-face { font-family: 'SOURCEHANSANSCN-REGULAR'; src: url("../fonts/SOURCEHANSANSCN-REGULAR.OTF"); }
@font-face { font-family: 'SOURCEHANSANSCN-MEDIUM'; src: url("../fonts/SOURCEHANSANSCN-MEDIUM.OTF"); }
@font-face { font-family: 'SOURCEHANSANSCN-BOLD'; src: url("../fonts/SOURCEHANSANSCN-BOLD.OTF"); }
@font-face { font-family: 'SOURCEHANSANSCN-LIGHT'; src: url("../fonts/SOURCEHANSANSCN-LIGHT.OTF"); }
@font-face { font-family: 'DINPro-Bold'; src: url("../fonts/DINPro-Bold.ttf"); }
@font-face { font-family: 'DINPro-Regular'; src: url("../fonts/DINPro-Regular.otf"); }
@font-face { font-family: 'DINPro-Black'; src: url("../fonts/DINPro-Black.otf"); }
* { outline: none; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td, header, main, footer, aside, section, article, nav { padding: 0; margin: 0; }

fieldset, img { border: 0; }

table { border-collapse: collapse; border-spacing: 0; }

ol, ul { list-style-type: none; }

address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }

p:before, q:after { content: ''; }

abbr, acronym { border: 0; }

a { text-decoration: none; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.clr { HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; FONT-SIZE: 0px; OVERFLOW: hidden; width: 100%; }

body, samp { FONT-SIZE: 12px; color: #000; font-family: '微软雅黑','Microsoft YaHei',"Arial",'SimSun',Serif; }

img { vertical-align: bottom; }

input[type="text"], input[type="hidden"], input[type="button"], input[type="radio"], input[type="submit"], input[type="checkbox"], input[type="password"], button, textarea, select { outline: none; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; }

img, .menu span, .header-right, .video-prop, .video-close, .header, .logo a, .header-phone a, .nav, .nav ul li:before, .nav ul li a, .nav .search, .search-close, .menu, .content-2item:before, .content-2icon span, .content-2item ul li, .content-2item ul li span, .content-2item:nth-child(1) li.icon1:before, .content-2item:nth-child(1) li.icon2:before, .content-2item:nth-child(1) li.icon3:before, .content-2item:nth-child(1) li.icon4:before, .content-2item:nth-child(2) li.icon1:before, .content-2item:nth-child(2) li.icon2:before, .content-2item:nth-child(2) li.icon3:before, .content-2item:nth-child(2) li.icon4:before, .content-2item:nth-child(3) li.icon1:before, .content-2item:nth-child(3) li.icon2:before, .content-2item:nth-child(3) li.icon3:before, .content-2item:nth-child(3) li.icon4:before, .content-2more, .content-2nav ul li:before, .content-2info em, .hnews-content .swiper-slide, .hnews-more, .bread-crumb, .bread-left a, .bread-crumb ul li:before, .bread-crumb ul li a, .news-info, .news-info:before, .news-info span, .news-info p, .news-info em, .detail-share span em, .hangye-more span, .hangye-more em, .right-nav, .server-1left samp:before, .server-1left samp:after, .server-1line, .server-1more, .server-3item, .server-4item, .server-5item, .server-6item, .server-6more span, .server-6more em, .zx-prop, .zx-close, .zx-input, .zx-bt, .zx-back, .product-1more span, .product-1more em, .about-2item em, .about-2item span, .about-4prop { -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

/*分享*/
.weixin-prop { width: 300px; height: 380px; border: 1px #ddd solid; background: #fff; position: fixed; left: 50%; top: 50%; margin: -190px 0px 0px -150px; z-index: 2345667; }

.weixin-close { width: 25px; height: 25px; position: absolute; right: 10px; top: 10px; line-height: 30px; text-align: center; font-size: 20px; color: #333; cursor: pointer; }

.weixin-img { float: left; width: 250px; margin: 60px 0px 0px 25px; }

.weixin-img canvas { width: 250px; height: 250px; }

.weixin-prop p { float: left; width: 100%; overflow: hidden; font-size: 14px; text-align: center; color: #222; }

/*swiper*/
.swiper-container { width: 100%; height: 100%; }

.swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.swiper-button-prev, .swiper-button-next { background: none; }

.swiper-button-prev::after, .swiper-button-next::after { content: ""; }

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.hinge { -webkit-animation-duration: 3s; animation-duration: 3s; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

/*video*/
.video-prop { width: 100%; height: 100%; overflow: hidden; position: fixed; left: 0px; top: 0px; z-index: 1000; background: rgba(0, 0, 0, 0.6); text-align: center; visibility: hidden; opacity: 0; }

.video-prop:before { height: 100%; content: ""; display: inline-block; vertical-align: middle; }

.video-center { width: 65%; vertical-align: middle; display: inline-block; position: relative; }

.video-center video { width: 100%; height: auto; }

.video-center iframe { width: 100%; height: 60vh; background: #fff; }

.video-close { width: 40px; height: 40px; overflow: hidden; position: absolute; right: -20px; top: -20px; z-index: 12; border-radius: 50%; background: #fafafa url("../images/close.png") no-repeat center; line-height: 40px; text-align: center; font-size: 25px; color: #333; cursor: pointer; background-size: 15px; }

.video-close:hover { transform: rotate(180deg); }

.video-active { opacity: 1; visibility: visible; }

@keyframes upslide { 0% { opacity: 0; transform: translateY(60px); }
  100% { opacity: 1; transform: translateY(0px); } }
@keyframes arr1 { 0% { transform: translate(-4px, -4px); opacity: 0; }
  90% { transform: translate(12px, 7px); opacity: 1; }
  100% { transform: translate(12px, 7px); opacity: 0; } }
@keyframes arr2 { 0% { transform: translate(0px, 0px); opacity: 0; }
  90% { transform: translate(32px, -19px); opacity: 1; }
  100% { transform: translate(32px, -19px); opacity: 0; } }
@keyframes arr3 { 0% { transform: translate(0px, 0px); opacity: 0; }
  90% { transform: translate(27px, 16px); opacity: 1; }
  100% { transform: translate(27px, 16px); opacity: 0; } }
@keyframes arr4 { 0% { transform: translate(0px, 0px); opacity: 0; }
  90% { transform: translate(0px, 26px); opacity: 1; }
  100% { transform: translate(0px, 26px); opacity: 0; } }
@keyframes arr5 { 0% { transform: translate(0px, 0px); opacity: 0; }
  90% { transform: translate(-19px, -13px); opacity: 1; }
  100% { transform: translate(-19px, -13px); opacity: 0; } }
@keyframes arr6 { 0% { transform: translate(0px, 0px); opacity: 0; }
  90% { transform: translate(-39px, 22px); opacity: 1; }
  100% { transform: translate(-39px, 22px); opacity: 0; } }
@keyframes arr7 { 0% { transform: translate(0px, 0px); opacity: 0; }
  90% { transform: translate(-41px, -24px); opacity: 1; }
  100% { transform: translate(-41px, -24px); opacity: 0; } }
@keyframes moveud { 0% { transform: translateY(-10px); }
  100% { transform: translateY(10px); } }
@keyframes scales { 0% { transform: scale(1); }
  100% { transform: scale(1.2); } }
@keyframes dir1 { 0% { left: 7%; top: 48.2%; display: block; }
  33% { left: 7%; top: 48.2%; display: none; }
  56% { left: 7.8%; top: 49%; display: block; }
  100% { left: 7.8%; top: 49%; display: none; } }
@keyframes dir2 { 0% { left: 12.7%; top: 48.4%; display: block; }
  33% { left: 12.7%; top: 48.4%; display: none; }
  56% { left: 13.4%; top: 47.3%; display: block; }
  100% { left: 13.4%; top: 47.3%; display: none; } }
@keyframes dir3 { 0% { left: 13.7%; top: 43.1%; display: block; }
  33% { left: 13.7%; top: 43.1%; display: none; }
  56% { left: 12.8%; top: 42.1%; display: block; }
  100% { left: 12.8%; top: 42.1%; display: none; } }
.content { width: 100%; overflow: hidden; }

/*header*/
.header { width: 100%; position: fixed; height: 90px; line-height: 90px; left: 0px; top: 0px; z-index: 500; }

.header:before { width: 100%; content: ""; height: 1px; position: absolute; left: 0px; bottom: 0px; background: rgba(242, 242, 242, 0.1); }

.logo { width: auto; height: 100%; overflow: hidden; position: absolute; top: 0px; left: 67px; }

.logo a { width: 100%; height: 100%; display: block; overflow: hidden; position: relative; font-size: 20px; color: #fff; padding-left: 60px; font-family: "SOURCEHANSANSCN-MEDIUM"; }

.logo img { width: auto; height: auto; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); }

.header-right { width: auto; position: absolute; right: 67px; top: 0px; overflow: hidden; height: 100%; }
.header-lang{float:left;width: auto;overflow: hidden;height:100%;margin-right:15px;font-size:16px;color:#395699 }
.header-lang a{color:#fff}
.header-lang a:hover{color:#23438e }
.header-search { float: left; width: 20px; height: 100%; overflow: hidden; background: url("../images/icon-1.png") no-repeat center; cursor: pointer; }

.header-phone { float: left; width: auto; height: 100%; overflow: hidden; background: url("../images/icon-2.png") no-repeat left center; font-family: "DINPro-Bold"; font-size: 18px; color: #fff; margin-left: 38px; padding-left: 30px; }

.header-phone a { color: #fff; }

.nav { width: 100%; margin: 0px auto; height: 100%; }

.nav ul { width: 100%; overflow: hidden; height: 100%; text-align: center; }

.nav ul li { width: auto; overflow: hidden; height: 100%; padding: 0px 8px; margin: 0px 15px; position: relative; display: inline-block; }

.nav ul li:before { width: 0%; content: ""; height: 3px; position: absolute; left: 0px; bottom: 0px; background: #fff; }

.nav ul li a { font-size: 16px; color: #fff; font-family: "SOURCEHANSANSCN-MEDIUM"; }

.nav ul li.on:before, .nav ul li:hover:before { width: 100%; }

.nav .search { width: 100%; height: 80px; position: absolute; left: 0px; top: 90px; background: #fff; border-top: 1px #eee solid; transform-origin: top; transform: scale(0); opacity: 0; visibility: hidden; }

.nav .search form { width: 80%; margin: 0px auto; position: relative; height: 100%; }

.nav .search form .txt { float: left; width: 70%; height: 100%; font-size: 16px; line-height: 80px; overflow: hidden; background: none; padding-left: 60px; box-sizing: border-box; }

.nav .search form .bt { width: 30px; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; background: url("../images/icon-1-1.png") no-repeat center; cursor: pointer; height: 100%; }

.search-close { width: 40px; height: 40px; position: absolute; right: 0px; top: 50%; margin-top: -20px; background: url("../images/close.png") no-repeat center; cursor: pointer; z-index: 1; }

.search-close:hover { transform: rotate(180deg); }

.nav .search-active { transform: scale(1); opacity: 1; visibility: visible; }

.header-on, .header-active { background: #fff; box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, 0.06); }
.header-on .header-lang a, .header-active .header-lang a{color:#333}
.header-on .logo a, .header-active .logo a { color: #304e95; }

.header-on .nav ul li a, .header-active .nav ul li a { color: #222; }
.header-on .nav ul li:before, .header-active .nav ul li:before { background: #23438e; }
.header-on .header-search, .header-active .header-search { background-image: url("../images/icon-1-1.png"); }
.header-on .header-phone, .header-active .header-phone { background-image: url("../images/icon-2-1.png"); }
.header-on .header-phone a, .header-active .header-phone a { color: #395699; }
.menu { display: none; }

/*footer*/
.footer { width: 100%; overflow: hidden; background: #181818; position: relative; color: #fff; }

.footer:before { width: 449px; height: 449px; content: ""; position: absolute; left: -120px; top: -40px; background: url("../images/icon-7.png") no-repeat; opacity: 0.02; z-index: 12; }

.footer-1 { width: 1440px; overflow: hidden; margin: 90px auto 0px; position: relative; z-index: 15; }

.footer-left { float: left; width:33%; overflow: hidden; }

.footer-left h3 { width: 100%; overflow: hidden; font-size: 26px; }

.footer-left p { width: 100%; overflow: hidden; font-size: 16px; color: rgba(255, 255, 255, 0.3); margin-top: 10px; }

.footer-search { width: 350px; height: 50px; line-height: 50px; overflow: hidden; background: #fff; border-radius: 25px; margin-top: 56px; padding: 0px 30px; box-sizing: border-box; }

.footer-search form { width: 100%; height: 100%; overflow: hidden; position: relative; }

.footer-search .txt2 { width: 100%; height: 100%; background: none; font-size: 16px; color: #999; }

.footer-search .txt2::placeholder { color: #999 !important; opacity: 1; }

.footer-search .txt2::-webkit-input-placeholder { color: #999 !important; opacity: 1; }

.footer-search .txt2::-ms-input-placeholder { color: #999 !important; opacity: 1; }

.footer-search .txt2::-moz-placeholder { color: #999 !important; opacity: 1; }

.footer-search .bt2 { width: 20px; height: 100%; background: none; background: url("../images/icon-1-1.png") no-repeat center; position: absolute; right: 0px; top: 0px; cursor: pointer; }

.footer-right { float: right; width:62.5%!important; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between; }
.footer-item { float: left; width:22%!important; overflow: hidden; }
.footer-item h3 { width: 100%; overflow: hidden; font-size: 16px; position: relative; padding-bottom: 20px; }
.footer-item h3:before { width: 24px; height: 2px; content: ""; position: absolute; left: 0px; bottom: 0px; background: #0f89de; }
.footer-item h3 a { color: #fff; }
.footer-item ul { width: 100%; overflow: hidden; margin-top: 10px; }
.footer-item ul li { width: 100%; overflow: hidden; line-height:24px; font-size:14px;margin-top:10px }
.footer-item ul li a { color: rgba(255, 255, 255, 0.3); }

.footer-item ul li a:hover { color: #fff; }

.footer-2 { width: 1440px; overflow: hidden; margin: 7vw auto 0px; border-top: 2px rgba(255, 255, 255, 0.1) solid; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 32px 0px; }

.footer-2 span { width: auto; display: inline-block; overflow: hidden; font-size: 16px; color: #fff; height: 28px; line-height: 28px; }

.footer-2 span a { width: 100%; height: 100%; display: block; color: #fff; }

.footer-2 span img { vertical-align: middle; margin-right: 9px; }

.footer-3 { width: 100%; overflow: hidden; background: #0e0e0e; }

.footer-center { width: 1440px; overflow: hidden; margin: 0px auto; line-height: 24px; padding: 20px 0px; font-size: 16px; color: rgba(255, 255, 255, 0.3); }

.footer-center a { color: rgba(255, 255, 255, 0.3); }

.footer-center a:hover { color: #0f89de; }

.footer-center span { float: left; width: auto; overflow: hidden; margin-right: 12px; }

.footer-center em { float: right; width: auto; overflow: hidden; }

/*banner*/
.banner { width: 100%; overflow: hidden; position: relative; height: calc(100vh + 212px); }

.banner samp { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 10; background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.8) 98%); background: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.8) 98%); background: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.8) 98%); background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.8) 98%); }

.banner samp:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../images/icon-98.png"); }

.banner img, .banner video { width: 100%; height: 100%; overflow: hidden; display: block; object-fit: cover; }

.banner:before { width: 100%; height: 300px; content: ""; position: absolute; left: -3%; bottom: -28%; transform: rotate(10deg); background: #fff; z-index: 11; }

.banner:after { width: 100%; height: 400px; content: ""; position: absolute; left: 6%; bottom: -28%; transform: rotate(-7deg); background: #fff; z-index: 11; }

.banner-ver { width: 1440px; position: absolute; left: calc((100% - 1440px)/2); bottom: 26%; z-index: 12; }

.banner-ver h3 { float: left; width: 100%; overflow: hidden; font-size: 58px; color: #fff; font-family: "SOURCEHANSANSCN-MEDIUM"; line-height: 76px; }

.banner-ver p { float: left; width: 690px; overflow: hidden; font-size: 16px; color: #fff; line-height: 26px; margin-top: 50px; }

.banner-right { width: auto; position: absolute; right: 0px; bottom: 19%; cursor: pointer; }

.banner-right span { float: left; width: auto; height: 40px; line-height: 40px; overflow: hidden; font-size: 14px; color: #fff; }

.banner-right em { float: left; width: 70px; height: 40px; box-sizing: border-box; border: 1px rgba(255, 255, 255, 0.3) solid; margin-left: 24px; background: url("../images/icon-49.png") no-repeat center; }

/*banner-ad*/
.banner-ad { width: 100%; overflow: hidden; background: #000; position: relative; }

.banner-ad img { float: left; width: 100%; height: auto; }

.ad-ver { width: 1440px; position: absolute; left: calc((100% - 1440px)/2); top: 50%; transform: translateY(-50%); z-index: 12; }

.ad-ver h3 { float: left; width: 100%; overflow: hidden; color: #fff; font-size: 58px; font-family: "SOURCEHANSANSCN-MEDIUM"; }

/*home-1*/
.particles { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 10; }

.content-1 { width: 100%; overflow: hidden; position: relative; }

.content-1 h3 { width:80%; overflow: hidden; text-align: center; font-size: 54px; color: #222; font-family: "SOURCEHANSANSCN-BOLD"; margin:60px auto 0px; position: relative; z-index: 12; }

.content-1 img { width: 100%; height: auto; }

.content-1pic { width: 81%; overflow: hidden; margin: 100px auto 0px; position: relative; z-index: 12; }

.content-1pic samp { float: left; width: 100%; overflow: hidden; }

.content-arr1 { width: 1.73%; overflow: hidden; position: absolute; left: 29.5%; top: 34%; z-index: 12; animation: arr1 2s linear infinite; }

.content-arr2 { width: 3.64%; overflow: hidden; position: absolute; left: 22.6%; top: 45.1%; z-index: 12; animation: arr2 2s linear  infinite; }

.content-arr3 { width: 3.6%; overflow: hidden; position: absolute; left: 43.8%; top: 32.7%; z-index: 12; animation: arr3 2s linear  infinite; }

.content-arr4 { width: 1.5%; overflow: hidden; position: absolute; left: 67.7%; top: 31%; z-index: 12; animation: arr4 2s linear infinite; }

.content-arr5 { width: 5.64%; overflow: hidden; position: absolute; left: 15.6%; top: 68.7%; z-index: 12; animation: arr2 2s linear infinite; }

.content-arr6 { width: 1.7%; overflow: hidden; position: absolute; left: 30.6%; top: 87.5%; z-index: 12; animation: arr5 2s linear infinite; }

.content-arr7 { width: 4%; overflow: hidden; position: absolute; left: 44.6%; top: 62.2%; z-index: 12; animation: arr6 2s linear infinite; }

.content-arr8 { width: 4.2%; overflow: hidden; position: absolute; left: 55.6%; top: 69.4%; z-index: 12; animation: arr7 2s linear infinite; }

.content-arr9 { width: 5.5%; overflow: hidden; position: absolute; left: 69.6%; top: 37.8%; z-index: 12; animation: arr2 2s linear infinite; }

.content-arr10 { width: 5.5%; overflow: hidden; position: absolute; left: 72.6%; top: 56.9%; z-index: 12; animation: arr1 2s linear infinite; }

.content-arr11 { width: 1.5%; overflow: hidden; position: absolute; left: 86.2%; top: 53%; z-index: 12; animation: arr4 2s linear infinite; }

.content-arr12 { width: 1.9%; overflow: hidden; position: absolute; left: 82.2%; top: 69.4%; z-index: 12; animation: arr6 2s linear infinite; }

.content-wz1 { width: 1.81%; overflow: hidden; position: absolute; left: 4.2%; top: 21.4%; z-index: 12; animation: moveud 1.8s ease infinite alternate; }

.content-wz2 { width: 1.75%; overflow: hidden; position: absolute; left: 34.2%; top: 7.4%; z-index: 12; animation: moveud 1.8s ease infinite alternate; }

.content-wz3 { width: 1.55%; overflow: hidden; position: absolute; left: 53.6%; top: 2.4%; z-index: 12; animation: moveud 1.8s ease infinite alternate; }

.content-wz4 { width: 1.16%; overflow: hidden; position: absolute; left: 76.6%; top: 3.4%; z-index: 12; animation: moveud 1.8s ease infinite alternate; }

.content-wz5 { width: 1.75%; overflow: hidden; position: absolute; left: 39.6%; top: 35%; z-index: 12; animation: moveud 1.8s ease infinite alternate; }

.content-wz6 { width: 1.36%; overflow: hidden; position: absolute; left: 94%; top: 20%; z-index: 12; animation: moveud 1.8s ease infinite alternate; }

.content-wz7 { width: 1.03%; overflow: hidden; position: absolute; left: 21.8%; top: 69%; z-index: 12; animation: moveud 1.8s ease infinite alternate; }

.content-wz8 { width: 1.03%; overflow: hidden; position: absolute; left: 49.3%; top: 65%; z-index: 12; animation: moveud 1.8s ease infinite alternate; }

.content-wz9 { width: 1.42%; overflow: hidden; position: absolute; left: 77%; top: 64%; z-index: 12; animation: moveud 1.8s ease infinite alternate; }

.content-pj1 { width: 6.099%; overflow: hidden; position: absolute; left: 6.5%; top: 25%; z-index: 12; animation: moveud 2.2s linear infinite alternate; }

.content-pj2 { width: 14.66%; overflow: hidden; position: absolute; left: 18.5%; top: 5%; z-index: 12; animation: moveud 2s linear infinite alternate; }

.content-pj3 { width: 1.36%; overflow: hidden; position: absolute; left: 19.5%; top: 81%; z-index: 12; animation: moveud 2s linear infinite alternate; }

.content-pj4 { width: 1.36%; overflow: hidden; position: absolute; left: 23.5%; top: 75%; z-index: 12; animation: moveud 2s linear infinite alternate; }

.content-pj5 { width: 6.36%; overflow: hidden; position: absolute; left: 28.5%; top: 54%; z-index: 12; animation: scales 1.2s linear infinite alternate; }

.content-pj6 { width: 9.34%; overflow: hidden; position: absolute; left: 48.8%; top: 32%; z-index: 20; }

.content-pj7 { width: 4.8%; overflow: hidden; position: absolute; left: 46.2%; top: 25.8%; z-index: 19; animation: moveud 2s linear infinite alternate; }

.content-pj8 { width: 2.4%; overflow: hidden; position: absolute; left: 50.6%; top: 27%; z-index: 18; animation: moveud 1.6s linear infinite alternate; }

.content-pj9 { width: 3.11%; overflow: hidden; position: absolute; left: 57.4%; top: 47%; z-index: 18; animation: moveud 1.9s linear infinite alternate; }

.content-pj10 { width: 3.17%; overflow: hidden; position: absolute; left: 68.2%; top: 6%; z-index: 18; animation: moveud 1.9s linear infinite alternate; }

.content-pj11 { width: 2px; overflow: hidden; position: absolute; left: 66.7%; top: 6%; z-index: 18; animation: moveud 1.2s linear infinite alternate; }

.content-pj12 { width: 2px; overflow: hidden; position: absolute; left: 66%; top: 10%; z-index: 18; animation: moveud 1.4s linear infinite alternate; }

.content-pj13 { width: 2px; overflow: hidden; position: absolute; left: 69.5%; top: 14%; z-index: 18; animation: moveud 1.6s linear infinite alternate; }

.content-pj14 { width: 2px; overflow: hidden; position: absolute; left: 71.2%; top: 14%; z-index: 18; animation: moveud 1.8s linear infinite alternate; }

.content-pj15 { width: 1.4px; overflow: hidden; position: absolute; left: 72.7%; top: 10%; z-index: 18; animation: moveud 1.8s linear infinite alternate; opacity: 0.6; }

.content-pj16 { width: 2px; overflow: hidden; position: absolute; left: 73.5%; top: 12%; z-index: 18; animation: moveud 2s linear infinite alternate; opacity: 0.9; }

.content-pj17 { width: 1.88%; overflow: hidden; position: absolute; left: 69%; top: 73.7%; z-index: 18; }

.content-pj18 { width: 4.47%; overflow: hidden; position: absolute; left: 68.6%; top: 65.7%; z-index: 16; animation: moveud 2s linear infinite alternate; }

.content-dir1 { width: 1.039%; overflow: hidden; position: absolute; left: 7%; top: 48.2%; z-index: 16; transform: rotate(182deg); animation: dir1 1.5s steps(1, end) infinite; }

.content-dir2 { width: 1.039%; overflow: hidden; position: absolute; left: 12.7%; top: 48.4%; z-index: 16; transform: rotate(120deg); animation: dir2 1.5s steps(1, end) infinite; }

.content-dir3 { width: 1.039%; overflow: hidden; position: absolute; left: 13.7%; top: 43.1%; z-index: 16; transform: rotate(0deg); animation: dir3 1.5s steps(1, end) infinite; }

/*home-2*/
.content-2 { width: 100%; overflow: hidden; }

.content-2head { width: 100%; position: relative; z-index: 20; background: url("../images/icon-53.png") no-repeat top center; height: 753px; }

.content-2head h3 { width: 100%; overflow: hidden; text-align: center; font-size: 54px; color: #222; font-family: "SOURCEHANSANSCN-BOLD"; line-height: 76px; margin-top: 220px; }

.content-2pannel { width: 1440px; margin: 0px auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }

.content-2item { width: 29.8%; background: #fff; border-radius: 12px; box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.05); margin-top: 80px; padding-bottom: 60px; position: relative; }

.content-2item:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; z-index: 2; background: url("../images/banner-10.jpg") no-repeat; background-size: cover; border-radius: 11px; opacity: 0; }

.content-2icon { width: 130px; height: 130px; overflow: hidden; border-radius: 50%; margin: -65px auto 0px; background: -webkit-linear-gradient(left, #1184e7, #0d70ba); background: -moz-linear-gradient(left, #1184e7, #0d70ba); background: -ms-linear-gradient(left, #1184e7, #0d70ba); background: -o-linear-gradient(left, #1184e7, #0d70ba); position: relative; z-index: 12;display: flex;justify-content: space-between;flex-wrap: wrap;align-content: center}

.content-2icon samp { float: left; width: 100%; overflow: hidden; height:36px; position: relative;}
.content-2icon samp img { width: auto; height: auto; max-width: 60%; max-height: 100%; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); opacity: 1; }
.content-2icon samp img:last-child { opacity: 0; }
.content-2icon span { float: left; width: 100%; overflow: hidden; text-align: center; font-size: 14px; color: #fff; font-family: "SOURCEHANSANSCN-REGULAR"; }
.content-2item ul { width: 80%; overflow: hidden; margin: 0px auto; position: relative; z-index: 12; }

.content-2item ul li { float: left; width: 100%; overflow: hidden; margin-top: 40px; font-size: 20px; color: #999; font-family: "SOURCEHANSANSCN-REGULAR"; position: relative; padding-bottom: 10px; }

.content-2item ul li span { font-size: 62px; color: #222; font-family: "DINPro-Regular"; margin-right: 10px; }

.content-2item:nth-child(1) { margin-top: 220px; }

.content-2item:nth-child(1) li.icon1:before { width: 100%; content: ""; height: 4px; position: absolute; left: 0px; bottom: 0px; border-radius: 2px; background: #a627dc; }

.content-2item:nth-child(1) li.icon2:before { width: 70%; content: ""; height: 4px; position: absolute; left: 0px; bottom: 0px; border-radius: 2px; background: #177ccc; }

.content-2item:nth-child(1) li.icon3:before { width: 54%; content: ""; height: 4px; position: absolute; left: 0px; bottom: 0px; border-radius: 2px; background: #ffac3a; }

.content-2item:nth-child(1) li.icon4:before { width: 70%; content: ""; height: 4px; position: absolute; left: 0px; bottom: 0px; border-radius: 2px; background: #09d5c4; }

.content-2item:nth-child(2) { margin-top: 150px; }

.content-2item:nth-child(2) li.icon1:before { width: 37%; content: ""; height: 4px; position: absolute; left: 0px; bottom: 0px; border-radius: 2px; background: #a627dc; }

.content-2item:nth-child(2) li.icon2:before { width: 48%; content: ""; height: 4px; position: absolute; left: 0px; bottom: 0px; border-radius: 2px; background: #ffac3a; }

.content-2item:nth-child(2) li.icon3:before { width: 76%; content: ""; height: 4px; position: absolute; left: 0px; bottom: 0px; border-radius: 2px; background: #177ccc; }

.content-2item:nth-child(2) li.icon4:before { width: 20%; content: ""; height: 4px; position: absolute; left: 0px; bottom: 0px; border-radius: 2px; background: #09d5c4; }

.content-2item:nth-child(3) li.icon1:before { width: 37%; content: ""; height: 4px; position: absolute; left: 0px; bottom: 0px; border-radius: 2px; background: #a627dc; }

.content-2item:nth-child(3) li.icon1 span { float: left; }

.content-2item:nth-child(3) li.icon1 p { float: left; width: 64%; line-height: 26px; margin-top: 16px; }

.content-2item:nth-child(3) li.icon2:before { width: 39%; content: ""; height: 4px; position: absolute; left: 0px; bottom: 0px; border-radius: 2px; background: #177ccc; }

.content-2item:nth-child(3) li.icon3:before { width: 39%; content: ""; height: 4px; position: absolute; left: 0px; bottom: 0px; border-radius: 2px; background: #09d5c4; }

.content-2item:nth-child(3) li.icon4:before { width: 35%; content: ""; height: 4px; position: absolute; left: 0px; bottom: 0px; border-radius: 2px; background: #ffac3a; }

.content-2item.active:before { opacity: 1; }

.content-2item.active samp img { opacity: 0; }

.content-2item.active samp img:last-child { opacity: 1; }

.content-2item.active ul li { color: rgba(255, 255, 255, 0.5); }

.content-2item.active ul li span { color: #fff; }

.content-2item.active .content-2icon { background: #fff; box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.04); }

.content-2item.active .content-2icon span { color: #666; }

.content-2item:nth-child(2).active li.icon1:before, .content-2item:nth-child(2).active li.icon2:before, .content-2item:nth-child(2).active li.icon3:before, .content-2item:nth-child(2).active li.icon4:before { background: #fff; }

.content-2item:nth-child(1).active li.icon1:before, .content-2item:nth-child(1).active li.icon2:before, .content-2item:nth-child(1).active li.icon3:before, .content-2item:nth-child(1).active li.icon4:before { background: #fff; }

.content-2item:nth-child(3).active li.icon1:before, .content-2item:nth-child(3).active li.icon2:before, .content-2item:nth-child(3).active li.icon3:before, .content-2item:nth-child(3).active li.icon4:before { background: #fff; }

.content-2more { width: 100%; overflow: hidden; text-align: center; margin-top: 110px; }

.content-2more a { width: 200px; overflow: hidden; display: inline-block; height: 50px; line-height: 50px; border-radius: 4px; background: -webkit-linear-gradient(-45deg, #138bf7, #0b6aac); background: -moz-linear-gradient(-45deg, #138bf7, #0b6aac); background: -ms-linear-gradient(-45deg, #138bf7, #0b6aac); background: -o-linear-gradient(-45deg, #138bf7, #0b6aac); color: #fff; font-size: 18px; }

.content-2more:hover { transform: translateY(3px); }

.content-2ct { width: 100%; overflow: hidden; position: relative; z-index: 15; background: #021c2f; margin-top: -210px; padding-bottom: 178px; }

.content-2data { width: 1440px; overflow: hidden; margin: 960px auto 0px; border-radius: 8px; padding: 65px 0px 70px; background: -webkit-linear-gradient(-45deg, rgba(19, 139, 247, 0.1), rgba(11, 106, 172, 0.1)); background: -moz-linear-gradient(-45deg, rgba(19, 139, 247, 0.1), rgba(11, 106, 172, 0.1)); background: -ms-linear-gradient(-45deg, rgba(19, 139, 247, 0.1), rgba(11, 106, 172, 0.1)); background: -o-linear-gradient(-45deg, rgba(19, 139, 247, 0.1), rgba(11, 106, 172, 0.1)); position: relative; z-index: 12; }

.content-2data ul { width: 100%; overflow: hidden; }

.content-2data ul li { float: left; width: 33.3%; overflow: hidden; text-align: center; color: #fff; }

.content-2data ul li span { width: auto; display: inline-block; vertical-align: top; }

.content-2data ul li span em { float: left; width: auto; overflow: hidden; font-size: 100px; font-family: "DINPro-Regular"; }

.content-2data ul li span samp { float: left; width: auto; overflow: hidden; font-size: 60px; font-family: "DINPro-Regular"; color: #fff; }

.content-2data ul li p { width: 100%; font-size: 20px; font-family: "SOURCEHANSANSCN-REGULAR"; }

.content-2ct h4 { width: 100%; overflow: hidden; text-align: center; font-size: 54px; color: #fff; font-family: "SOURCEHANSANSCN-BOLD"; margin-top: 180px; position: relative; z-index: 12; }

.content-2nav { width: 1440px; overflow: hidden; margin: 80px auto 0px; position: relative; z-index: 12; }

.content-2nav:before { width: 100%; content: ""; position: absolute; left: 0px; bottom: 0px; height: 1px; background: rgba(229, 229, 229, 0.1); }

.content-2nav ul { float: left; width: 100%; overflow: hidden;display: flex;justify-content: space-between}

.content-2nav ul li { float:none!important; width:auto!important; overflow: hidden; padding-bottom: 18px; position: relative; cursor: pointer; }

.content-2nav ul li:before { width: 0%; height: 2px; content: ""; position: absolute; left: 0px; bottom: 0px; background: #1b77ee; }

.content-2nav ul li samp { float:none!important; overflow: hidden; width:100%;display: block;height: 26px; line-height: 26px; margin-left:0vw!important;text-align: center}

.content-2nav ul li span {float:none!important; width: 100%; line-height: 26px; font-size: 18px; color: #fff; margin-left:0px!important;display: block;margin-top:5px}

.content-2nav ul li.active:before { width: 100%; }

.content-2slide { width: 1440px; margin: 110px auto; position: relative; z-index: 12; }

.content-2model { float: left; width: 100%; position: absolute; left: 0px; top: 0px; z-index: 12; opacity: 0; transform: translateY(-60px); }

.content-2model.active { position: relative; animation: upslide 0.7s ease 1; animation-fill-mode: forwards; z-index: 13; }

.content-2left { float: left; width: 45.7%; overflow: hidden; }

.content-2info { float: left; width: 100%; }

.content-2info span { float: left; width: 100%; overflow: hidden; font-size: 32px; color: #fff; font-family: "SOURCEHANSANSCN-BOLD"; }

.content-2info p {float:left;width: 100%; overflow: hidden; font-size: 16px; color: #fff; line-height: 30px;margin-top: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; }

.content-2info em { float: left; width: 100%; overflow: hidden;margin-top:15px }

.content-2info em a { float: left; width: 150px; overflow: hidden; height: 40px; line-height: 40px; border-radius: 4px; background: -webkit-linear-gradient(-45deg, #138bf7, #0b6aac); background: -moz-linear-gradient(-45deg, #138bf7, #0b6aac); background: -ms-linear-gradient(-45deg, #138bf7, #0b6aac); background: -o-linear-gradient(-45deg, #138bf7, #0b6aac); color: #fff; font-size: 14px; text-align: center; }

.content-2info em:hover { transform: translateY(3px); }

.content-2sect { float: left; width: 440px; height: 80px; overflow: hidden; border-radius: 4px; background: #fff; margin-top: 47px; position: relative; }

.content-2sect .swiper-slide { box-sizing: border-box; border-right: 1px #f5f5f5 solid; }

.content-2sect img { width: auto; height: auto; max-width: 80%; max-height: 60%; }

.content-2sect .swiper-scrollbar { width: 100%; height: 4px; position: absolute; left: 0px; bottom: 0px; z-index: 12; background: none; }

.content-2sect .swiper-scrollbar-drag { top: 1px; background: none; }

.content-2sect .swiper-scrollbar-drag:before { width: 100%; height: 100%; position: absolute; left: 0%; top: 0px; content: ""; background: #0c6cb1; }

.content-2right { float: right; width: auto; position: relative; }

.content-2right:before { width: 125px; height: 107px; content: ""; position: absolute; right: -44px; top: 0px; background: url("../images/icon-60.png") no-repeat; z-index: 11; }

.content-2right span { float: left; width: auto; position: relative; z-index: 12; margin-top: 36px; }

.content-2right span:before { width: 80px; height: 68px; content: ""; position: absolute; left: -12px; top: -12px; border-left: 2px rgba(136, 136, 136, 0.2) solid; border-top: 2px rgba(136, 136, 136, 0.2) solid; border-radius: 8px; }

.content-2right span:after { width: 80px; height: 68px; content: ""; position: absolute; right: -12px; bottom: -12px; border-right: 2px rgba(136, 136, 136, 0.2) solid; border-bottom: 2px rgba(136, 136, 136, 0.2) solid; border-radius: 8px; }

.content-2right span img { width: 100%; height: auto; border-radius: 5px; }

.content-2bottom { width: 100%; overflow: hidden; position: relative; z-index: 20; height: 512px; background: url("../images/icon-54.png") no-repeat top center; margin-top: -222px; }

.content-2bottom h3 {width: 100%; overflow: hidden; text-align: center; font-size: 48px; color: #fff; font-family: "SOURCEHANSANSCN-REGULAR"; margin-top: 142px;padding:0px 5%;box-sizing: border-box}

/*home-news*/
.hnews { width: 100%; overflow: hidden; background: #fff; background-size: 100%; padding: 130px }

.hnews h3 {display:none}

.hnews-content { display:none }

.hnews-content .swiper-container { width: 131%; }

.hnews-content .swiper-slide { overflow: hidden; }

.hnews-content .swiper-slide a { width: 100%; height: 100%; overflow: hidden; display: block; }

.hnews-content samp { float: left; width: 100%; overflow: hidden; height: 19.7vw; }

.hnews-content samp img { width: 100%; height: 100%; object-fit: cover; }

.hnews-content span { float: left; width: 100%; overflow: hidden; font-size: 24px; color: #222; font-family: "SOURCEHANSANSCN-BOLD"; line-height: 32px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 45px; }

.hnews-content em { float: left; width: 100%; overflow: hidden; font-size: 18px; color: #666; margin-top: 20px; }

.hnews-content .swiper-slide:hover samp img { transform: scale(1.02); }

.hnews-content .swiper-slide-next + .swiper-slide { opacity: 0.3; }

.hnews-bottom { width: 1440px; overflow: hidden; padding: 45px 0px 3px; }

.hnews-pag { float: left; width: 136px; overflow: hidden; height: 48px; position: relative; box-sizing: border-box; }

.hnews-pag .swiper-button-prev { width: 46px; height: 46px; overflow: hidden; box-sizing: border-box; border: 1px #b4b4b4 solid; border-radius: 50%; background: url("../images/icon-50.png") no-repeat center; transform: rotate(180deg); }

.hnews-pag .swiper-button-prev:hover { border-color: #b7d5eb; background-image: url("../images/icon-51.png"); transform: rotate(0deg); }

.hnews-pag .swiper-button-next { width: 46px; height: 46px; overflow: hidden; box-sizing: border-box; border: 1px #b4b4b4 solid; border-radius: 50%; background: url("../images/icon-50.png") no-repeat center; }

.hnews-pag .swiper-button-next:hover { border-color: #b7d5eb; background-image: url("../images/icon-51.png"); transform: rotate(180deg); }

.hnews-more { float: right; width: 200px; overflow: hidden; border-radius: 5px; background: -webkit-linear-gradient(-45deg, #138bf7, #0b6aac); background: -moz-linear-gradient(-45deg, #138bf7, #0b6aac); background: -ms-linear-gradient(-45deg, #138bf7, #0b6aac); background: -o-linear-gradient(-45deg, #138bf7, #0b6aac); text-align: center; height: 50px; line-height: 50px; font-size: 18px; }

.hnews-more a { color: #fff; display: block; }

.hnews-more:hover { transform: translateY(3px); }

/*home-zixun*/
.home-zixun { width: 100%; overflow: hidden; background: url("../images/icon-52.png") no-repeat center; height: 519px; margin-top: -70px; }

.home-zixun h3 { width: 100%; overflow: hidden; margin-top: 12%; font-size: 42px; color: #fff; text-align: center; font-family: "SOURCEHANSANSCN-BOLD"; }

.home-zixun span { width: 100%; overflow: hidden; display: block; margin-top: 45px; text-align: center; }

.home-zixun span a { width: 320px; height: 50px; line-height: 50px; display: inline-block; overflow: hidden; border-radius: 3px; border: 1px #fff solid; font-size: 18px; color: #fff; }

.home-zixun span a:hover { background: #fff; color: #0e86d9; }

/*面包屑导航*/
.bread-crumb { width: 100%; overflow: hidden; height: 50px; line-height: 50px; background: #f7f7f7; padding: 0px 67px; box-sizing: border-box; font-size: 14px; color: #666; margin-top: 90px; position: sticky; top: 90px; z-index: 400; }

.bread-left { float: left; width: auto; height: 100%; }

.bread-left a { color: #666; margin: 0px 10px; }

.bread-left a:hover { color: #0b6aac; }

.bread-left a.home { background: url("../images/icon-8.png") no-repeat left center; padding-left: 25px; margin-left: 0px; }

.bread-crumb ul { float: right; width: auto; overflow: hidden; height: 100%; }

.bread-crumb ul li { float: left; width: auto; height: 100%; position: relative; padding: 0px 12px; margin: 0px 20px; }

.bread-crumb ul li:before { width: 0%; content: ""; position: absolute; left: 0px; bottom: 0px; height: 2px; background: #23438e; }

.bread-crumb ul li:last-child { margin-right: 0px; }

.bread-crumb ul li a { font-size: 14px; color: #666; cursor: pointer; }

.bread-crumb ul li a:hover { color: #23438e; }

.bread-crumb ul li.active:before { width: 100%; }

/*news*/
.news { width: 100%; overflow: hidden; background: #fff; padding: 70px 0px 116px; }

.news h3 { width: 1440px; overflow: hidden; margin: 0px auto; font-size: 44px; color: #222; font-family: "SOURCEHANSANSCN-BOLD"; }

.news-list { width: 1440px; overflow: hidden; margin: 0px auto; }

.news-item { float: left; width: 31.2%; overflow: hidden; margin: 60px 3.2% 0px 0px; position: relative; padding-bottom: 140px; }

.news-item:nth-child(3n) { float: right; margin-right: 0px; }

.news-item a { width: 100%; display: block; height: 100%; }

.news-item samp { float: left; width: 100%; overflow: hidden; height: 14.5vw; }

.news-item samp img { width: 100%; height: 100%; object-fit: cover; }

.news-item:hover samp img { transform: scale(1.04); }

.news-info { width: 100%; position: absolute; left: 0px; bottom: 0px; z-index: 12; box-sizing: border-box; }

.news-info:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: rgba(11, 106, 172, 0); z-index: 11; }

.news-info span { float: left; width: 100%; overflow: hidden; font-size: 24px; color: #222; line-height: 34px; height: 68px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; position: relative; z-index: 12; font-family: "SOURCEHANSANSCN-BOLD"; }

.news-info p { float: left; width: 100%; overflow: hidden; font-size: 16px; color: #222; line-height: 28px; height: 0px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; position: relative; z-index: 12; }

.news-info em { float: left; width: 100%; overflow: hidden; font-size: 18px; color: #666; margin-top: 20px; position: relative; z-index: 12; }

.news-item.on .news-info { height: 80% !important; padding: 2vw 1.5vw 1.5vw; }

.news-item.on .news-info:before { background: rgba(11, 106, 172, 0.96); }

.news-item.on .news-info span, .news-item.on .news-info p, .news-item.on .news-info em { color: #fff; }

.news-item.on .news-info p { height: 84px; margin-top: 2vw; }

.news-item.on .news-info em { height: 56px; margin-top: 2vw; }

.news-page { width: 100%; overflow: hidden; text-align: center; padding: 5.4vw 0px 0px; }

.news-page a { width: auto; display: inline-block; overflow: hidden; margin: 0px 5px; background: #f7f7f7; padding: 0px 13px; height: 35px; line-height: 35px; font-size: 14px; color: #767676; }

.news-page a.active, .news-page a:hover { background: #0b6aac; color: #fff; }

/*detail*/
.detail { width: 100%; background: #fff; padding: 90px 0px 105px; position: relative; }

.detail-head { width: 1440px; overflow: hidden; margin: 0px auto; }

.detail-head h1 { float: left; width: 72.9%; overflow: hidden; font-size: 58px; color: #222; font-family: "SOURCEHANSANSCN-MEDIUM"; line-height: 76px; }

.detail-info { float: left; width: 72.9%; overflow: hidden; font-size: 18px; color: #333; font-family: "SOURCEHANSANSCN-LIGHT"; margin-top: 52px; }

.detail-info span { float: left; width: auto; overflow: hidden; padding: 0px 19px 0px 18px; position: relative; }

.detail-info span:before { width: 1px; content: ""; position: absolute; right: 0px; top: 10%; height: 80%; background: #b2b2b2; }

.detail-info span:last-child:before { display: none; }

.detail-info span:first-child { padding-left: 0px; }

.detail-1 { width: 1440px; margin: 30px auto 0px; position: relative; }

.detail-left { float: left; width: 72.9%; }

.detail-content { float: left; width: 100%; overflow: hidden; box-sizing: border-box; padding-right: 76px; font-size: 18px; color: #222; line-height: 34px; }
.detail-content em{font-style: italic}
.detail-content ul{box-sizing: border-box;padding-left:20px }
.detail-content p { margin: 30px 0px; }

.detail-content img { width: auto; height: auto; max-width: 100%; }

.detail-back { float: left; width: 100%; overflow: hidden; margin-top: 80px; text-align: center; }

.detail-back a { width: 157px; height: 159px; display: inline-block; overflow: hidden; position: relative; background: url("../images/icon-1.jpg") no-repeat; color: #fff; font-size: 14px; line-height: 150px; }

.detail-back a:before { width: 100%; content: ""; position: absolute; left: 0%; top: 20%; background: url("../images/icon-9.png") no-repeat center; height: 24px; }

.detail-page { float: left; width: 95%; overflow: hidden; background: #fff; border-top: 4px #0b6aac solid; margin-top: 50px; box-shadow: 0px 20px 42px 16px rgba(200, 200, 200, 0.3); padding: 25px 54px; box-sizing: border-box; }

.detail-page span { float: left; width: 100%; overflow: hidden; line-height: 22px; margin: 10px 0px; font-size: 16px; }

.detail-page span a { color: #999; }

.detail-page span a:hover { color: #000; }

.detail-right { float: right; width: 27.1%; overflow: hidden; padding-right: 20px; box-sizing: border-box; margin-top: 80px; position: sticky; top: 20%; }

.detail-right h3 { float: left; width: 100%; overflow: hidden; font-size: 18px; color: #222; padding-left: 22px; height: 30px; line-height: 30px; font-size: 18px; color: #222; position: relative; }

.detail-right h3:before { width: 4px; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: #0b6aac; }

.detail-card { float: left; width: 100%; overflow: hidden; margin-top: 27px; position: relative; }

.detail-card a { width: 100%; overflow: hidden; display: block; }

.detail-card img { width: 100%; height: auto; overflow: hidden; }

.detail-card:hover img { transform: scale(1.04); }

.detail-card span { width: 100%; position: absolute; left: 0px; bottom: 0px; padding: 0px 10px; box-sizing: border-box; background: -webkit-linear-gradient(top, transparent, black); background: -moz-linear-gradient(top, transparent, black); background: -ms-linear-gradient(top, transparent, black); background: -o-linear-gradient(top, transparent, black); height: 80px; line-height: 110px; font-size: 16px; color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-align: center; }

.detail-right ul { float: left; width: 100%; overflow: hidden; }

.detail-right ul li { float: left; width: 100%; overflow: hidden; background: url("../images/icon-13.png") repeat-x left bottom; height: 76px; line-height: 76px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 16px; padding-left: 18px; position: relative; }

.detail-right ul li:before { width: 6px; height: 6px; overflow: hidden; content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); border-radius: 50%; background: #0b6aac; }

.detail-right ul li a { color: #222; }

.detail-right ul li a:hover { color: #0b6aac; }

.detail-share { width: calc((100% - 1440px)/2); position: fixed; left: 0px; top: 50%; }

.detail-share span { width: 100%; overflow: hidden; margin-top: 20px; display: block; }

.detail-share span em { float: right; width: 46px; height: 46px; overflow: hidden; border-radius: 50%; border: 1px #e8e8e8 solid; position: relative; margin-right: 30px; cursor: pointer; }

.detail-share span em img { width: auto; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; }

.detail-share span em img:last-child { opacity: 1; }

.detail-share span em:hover { background: #0b6aac; border-color: #0b6aac; }

.detail-share span em:hover img { opacity: 1; }

.detail-share span em:hover img:last-child { opacity: 0; }

/*hangye*/
.hangye .section { background-position: center; background-repeat: no-repeat; background-size: cover; color: #fff; }

.hangye-pannel { width: 100%; position: relative; height: calc(100% - 90px - 50px); overflow: hidden; }

.hangye-item { width: 780px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 12; left: calc((100% - 1440px)/2); }

.hangye .section:nth-child(2n) .hangye-item { left: auto; right: calc((100% - 1440px)/2); }

.hangye-item h3 { float: left; width: 100%; overflow: hidden; font-size:40px; font-family: "SOURCEHANSANSCN-MEDIUM"; opacity: 0; transform: translateY(60px); }
.hangye-info { float: left; width: 100%; overflow: hidden; margin-top:12px; }
.hangye-p { float: left; width: 100%; overflow: hidden; font-size: 16px; line-height:30px; opacity: 0; transform: translateY(60px); }

.hangye-info ul { float: left; width: 100%; overflow: hidden; margin-top:2vw; opacity: 0; transform: translateY(60px); }

.hangye-info ul li { float: left; width: 100%; overflow: hidden; line-height: 26px; font-size: 16px; font-weight: bold; margin-top:8px; position: relative; padding-left: 22px; box-sizing: border-box; }

.hangye-info ul li:before { width: 8px; height: 8px; overflow: hidden; position: absolute; left: 0px; top: 10px; border-radius: 50%; background: #0c6cb1; content: ""; }

.hangye-slide { float: left; width: 69%; overflow: hidden; height: 66px; background: #fff; border-radius: 6px; margin-top: 3vw; position: relative; opacity: 0; transform: translateY(60px); }

.hangye-slide .swiper-slide { box-sizing: border-box; border-right: 1px #f5f5f5 solid; }

.hangye-slide img { width: auto; height: auto; max-width: 80%; max-height: 60%; }

.hangye-slide .swiper-scrollbar { width: 100%; height: 4px; position: absolute; left: 0px; bottom: 0px; z-index: 12; background: none; }

.hangye-slide .swiper-scrollbar-drag { top: 1px; background: none; }

.hangye-slide .swiper-scrollbar-drag:before { width: 100%; height: 100%; position: absolute; left: 0%; top: 0px; content: ""; background: #0c6cb1; }

.hangye-more { float: left; width: 100%; margin-top: 3.6vw; opacity: 0; transform: translateY(60px); }

.hangye-more span { float: left; width: 150px; overflow: hidden; height: 40px; line-height: 40px; text-align: center; border-radius: 5px; background: -webkit-linear-gradient(left, #138bf7, #0b6aac); background: -moz-linear-gradient(left, #138bf7, #0b6aac); background: -ms-linear-gradient(left, #138bf7, #0b6aac); background: -o-linear-gradient(left, #138bf7, #0b6aac); }

.hangye-more span a { font-size: 14px; color: #fff; }

.hangye-more span:hover { transform: translateY(3px); }

.hangye-more em { float: left; width: 150px; overflow: hidden; height: 40px; line-height: 40px; text-align: center; border-radius: 5px; background: #fff; margin-left: 30px; }

.hangye-more em a { font-size: 14px; color: #333; }

.hangye-more em:hover { transform: translateY(3px); }

.hangye .footer { margin-bottom: calc(90px + 50px); }

.right-nav { width: 110px; overflow: hidden; position: fixed; right: 2px; z-index: 300; top: 50%; opacity: 1; visibility: visible; }

.right-nav ul { float: left; width: 100%; overflow: hidden; }

.right-nav ul li { float: left; width: 100%; overflow: hidden; margin-top: 2px; height: 40px; line-height: 40px; border-radius: 5px; background: #fff; text-align: center; font-size: 14px; color: #666; cursor: pointer; }

.right-nav ul li.active { background: #0f78cd; }

.right-nav ul li a { color: #666; }

.right-nav ul li.active a { color: #fff; }

.right-nav.hide { opacity: 0; visibility: hidden; }

.section.active .hangye-item h3 { animation: upslide 0.6s ease 0.5s 1; animation-fill-mode: forwards; }

.section.active .hangye-p { animation: upslide 0.6s ease 0.55s 1; animation-fill-mode: forwards; }

.section.active .hangye-info ul { animation: upslide 0.6s ease 0.6s 1; animation-fill-mode: forwards; }

.section.active .hangye-slide { animation: upslide 0.6s ease 0.65s 1; animation-fill-mode: forwards; }

.section.active .hangye-more { animation: upslide 0.6s ease 0.7s 1; animation-fill-mode: forwards; }

/*hy-info*/
.hyinfo { width: 1440px; overflow: hidden; margin: 110px auto 120px; position: relative; }

.hyinfo-left { float: left; width: 41.6%; overflow: hidden; }

.hyinfo-left img { width: 100%; height: auto; }

.hyinfo-left:hover img { transform: scale(1.03); }

.hyinfo-right { width: 53.3%;float: right;overflow: hidden}

.hyinfo-right h3 { float: left; width: 100%; overflow: hidden; font-size: 46px; color: #222; font-family: "SOURCEHANSANSCN-MEDIUM"; }

.hyinfo-p { float: left; width: 100%; overflow: hidden; line-height: 34px; font-size: 20px; color: #222; font-family: "SOURCEHANSANSCN-REGULAR"; }

.hyinfo-p p { float: left; width: 100%; overflow: hidden; margin-top: 30px; }

.hyinfo-p p span { color: #23438e; }

.hyfa { width: 100%; overflow: hidden; background: #f0f6fc; padding: 120px 0px; }

.hyfa h3 { width: 100%; overflow: hidden; text-align: center; font-size: 54px; color: #222; font-family: "SOURCEHANSANSCN-BOLD"; }

.hyfa-ct { width: 1440px; margin: 42px auto 0px; display: flex; flex-wrap: wrap; }

.hyfa-item { float: left; width: 23.6%; overflow: hidden; background: #fff; padding-bottom: 25px; box-shadow: 0px 5px 7px 4px rgba(0, 0, 0, 0.02); margin-right: 1.866%; }

.hyfa-item:nth-child(4n) { float: right; margin-right: 0px; }

.hyfa-item samp { float: left; width: 100%; overflow: hidden; height: 11.4vw; }

.hyfa-item samp img { width: 100%; height: 100%; object-fit: cover; }

.hyfa-item:hover samp img { transform: scale(1.03); }

.hyfa-item p { float: left; width: 100%; overflow: hidden; margin-top: 24px; padding: 0px 35px; box-sizing: border-box; line-height: 26px; font-size: 18px; color: #222; font-family: "SOURCEHANSANSCN-REGULAR"; text-align: center; }

.hyfa-detial { width: 1440px; overflow: hidden; margin: 80px auto 0px; }

.hyfa-detial p { float: left; width: 100%; height: auto; overflow: hidden; transform: translateY(100px); opacity: 0; -webkit-transition: all 1s ease 0.6s; -moz-transition: all 1s ease 0.6s; -ms-transition: all 1s ease 0.6s; -o-transition: all 1s ease 0.6s; transition: all 1s ease 0.6s; }

.hyfa-detial p img { float: left; width: 100%; height: auto; overflow: hidden; }

.hyfa-detial p.active { transform: translateY(0px); opacity: 1; }

.hy-cor { width: 100%; overflow: hidden; background: #fff; padding-bottom: 90px; }

.hy-cor h3 { width: 100%; overflow: hidden; text-align: center; font-size: 54px; color: #222; font-family: "SOURCEHANSANSCN-BOLD"; margin-top: 90px; }

.hy-cor em { width: 100%; overflow: hidden; text-align: center; display: block; margin-top: 30px; font-size: 20px; font-family: "SOURCEHANSANSCN-REGULAR"; }

.hy-cor em a { color: #23438e; display: inline-block; }

.hy-cor em a:hover { transform: translateY(4px); }

.hy-cor p { width: 100%; overflow: hidden; text-align: center; font-size: 22px; color: #222; font-family: "SOURCEHANSANSCN-REGULAR"; margin-top: 12px; }

.hy-info { width: 1024px; margin: 0px auto; overflow: hidden; text-align: center; }

.hy-info samp { width: auto; overflow: hidden; display: inline-block; height: 90px; line-height: 90px; margin: 50px 50px 0px; }

.hy-info samp img { width: auto; height: auto; max-height: 99%; vertical-align: middle; }

/*server*/
.banner-ser { width: 100%; overflow: hidden; margin: 0px; position: relative; }

.banner-ser:before { width: 100%; height: 200px; content: ""; position: absolute; left: 0px; bottom: 0px; transform: rotate(7deg) translate(-50%, 117%); background: #fff; }

.banner-ser:after { width: 100%; height: 200px; content: ""; position: absolute; left: 0px; bottom: 0px; transform: rotate(-4deg) translate(10%, 72%); background: #fff; }

.banner-ser img { width: 100%; height: auto; overflow: hidden; }

.banner-ser1 { width: 100%; position: absolute; left: 0px; top: 7vw; text-align: center; color: #fff; }

.banner-ser1 h3 { width: 100%; overflow: hidden; text-align: center; font-size: 58px; font-family: "SOURCEHANSANSCN-MEDIUM"; }

.banner-ser1 p { width: 100%; overflow: hidden; text-align: center; font-size: 24px; margin-top: 24px; }

.banner-ser1 ul { width: 100%; overflow: hidden; margin-top: 5vw;padding:0px 5%;box-sizing: border-box;display: flex;justify-content: space-between}

.banner-ser1 ul li { width: auto; overflow: hidden;}

.banner-ser1 ul li samp { width: 100%; display: block; height: 100px; line-height: 100px; overflow: hidden; }

.banner-ser1 ul li samp img { width: auto; height: auto; max-height: 100px; vertical-align: middle; }

.banner-ser1 ul li span { width: 100%; display: block; position: relative; margin-top: 24px; font-size: 24px; padding-top: 20px; }

.banner-ser1 ul li span:before { width: 100px; height: 2px; content: ""; position: absolute; left: 50%; top: 0px; background: rgba(245, 249, 255, 0.2); transform: translateX(-50%); }

.banner-ser1 ul li em { width: 100%; display: block; margin-top: 24px; font-size: 16px; line-height: 24px; }

.sever { width: 100%; overflow: hidden; }

.server-1 { width: 100%; overflow: hidden; background: #fff; padding-top: 50px; }

.server-1head { width: 100%; overflow: hidden; text-align: center; }

.server-1head h3 { width: 100%; overflow: hidden; font-size: 54px; color: #222; font-family: "SOURCEHANSANSCN-BOLD"; }

.server-1head p { width: 100%; overflow: hidden; font-size: 22px; color: #222; font-family: "SOURCEHANSANSCN-REGULAR"; margin-top: 3px; }

.server-1 ul { width: 1440px; overflow: hidden; margin: 90px auto 0px; position: relative; box-sizing: border-box; padding-right: 164px;}
.server-1 ul li { float: left; width: 25%; overflow: hidden; position: relative; cursor: pointer; }
.server-1left { float: left; width: auto; overflow: hidden; background: #fff; }
.server-1left samp { width: 164px; height: 168px; display: block; margin: 0px auto; position: relative; }
.server-1left samp:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; z-index: 12; background: url("../images/icon-23-1.png") no-repeat; opacity: 1; }
.server-1left samp:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; z-index: 12; background: url("../images/icon-23.png") no-repeat; opacity: 0; }
.server-1left samp img { width: auto; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 1; z-index: 16; }
.server-1left samp img:last-child { opacity: 0; }
.server-1left span { width:170px; overflow: hidden; font-size:16px; color: #222; font-family: "SOURCEHANSANSCN-REGULAR"; text-align: center; display: block; }
.server-1 ul li:last-child { position: absolute; right: 0px; top: 0px; width: auto; }
.server-1line { width: 0%; height: 6px; position: absolute; left:182px; top: 80px; background: #23438e; border-radius: 3px; }
.server-1 ul li.active .server-1left samp:before { opacity: 0; }
.server-1 ul li.active .server-1left samp:after { opacity: 1; }
.server-1 ul li.active .server-1line { width: 40%; }
.server-1 ul li.active .server-1left samp img { opacity: 0; }
.server-1 ul li.active .server-1left samp img:last-child { opacity: 1; }
.server-1content { width: 1440px; margin: 80px auto 0px; display: flex; flex-wrap: wrap; }

.server-1item { float: left; width: 31.2%; overflow: hidden; background: #fff; padding-bottom: 24px; box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.06); margin-right: 3.2%; }

.server-1item:nth-child(3n) { float: right; margin-right: 0px; }

.server-1item samp { width: 100%; overflow: hidden; height: 14.06vw; display: block; }

.server-1item samp img { width: 100%; height: 100%; overflow: hidden; object-fit: cover; }

.server-1item:hover samp img { transform: scale(1.04); }

.server-1item span { width: 90%; overflow: hidden; margin: 30px auto 0px; font-size: 24px; color: #222; position: relative; display: block; box-sizing: border-box; padding: 0px 25px; }

.server-1item span:before { width: 4px; height: 100%; overflow: hidden; content: ""; position: absolute; left: 0px; top: 0px; background: #23438e; }

.server-1item p { width: 90%; overflow: hidden; margin: 20px auto 0px; font-size: 14px; color: #666; position: relative; display: block; box-sizing: border-box; padding: 0px 25px; line-height: 24px; }

.server-1more { width: 100%; overflow: hidden; text-align: center; margin-top: 80px; }

.server-1more a { width: 150px; height: 40px; line-height: 40px; overflow: hidden; text-align: center; border-radius: 5px; background: -webkit-linear-gradient(-45deg, #138bf7, #0b6aac); background: -moz-linear-gradient(-45deg, #138bf7, #0b6aac); background: -ms-linear-gradient(-45deg, #138bf7, #0b6aac); background: -o-linear-gradient(-45deg, #138bf7, #0b6aac); display: inline-block; font-size: 14px; color: #fff; }

.server-1more:hover { transform: translateY(3px); }

.server-2 { width: 100%; overflow: hidden; background: #fff; padding: 110px 0px 140px; }

.server-2 h3 { width: 100%; overflow: hidden; font-size: 54px; color: #222; font-family: "SOURCEHANSANSCN-BOLD"; text-align: center; }

.server-2content { width: 1440px; margin: 0px auto; }

.server-2item { width: 100%; overflow: hidden; margin: 60px auto 0px; height:260px; border-radius:130px; box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.06); }

.server-2left { float: left; width: 50%; overflow: hidden; height: 100%; position: relative; }

.server-2left samp { float: left; width: 100%; height: 100%; }

.server-2left samp img { width: 100%; height: 100%; object-fit: cover; }

.server-2left span { width: 232px; height: 100%; position: absolute; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.5); }

.server-2left span img { width: 138px; height: 138px; overflow: hidden; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 5px; background: #fff; border-radius: 50%; }

.server-2right { float: right; width: 50%; overflow: hidden; height: 100%; position: relative; text-align: center; }

.server-2right:before { height: 100%; content: ""; display: inline-block; vertical-align: middle; }

.server-2ver { width: 80%; overflow: hidden; vertical-align: middle; display: inline-block; text-align: left; }

.server-2ver span { float: left; width:64%; overflow: hidden; font-size:22px; color: #222; }

.server-2ver a { float: right; width: 150px; height: 34px; line-height: 34px; overflow: hidden; border-radius: 17px; background: -webkit-linear-gradient(-45deg, #138bf7, #0b6aac); background: -moz-linear-gradient(-45deg, #138bf7, #0b6aac); background: -ms-linear-gradient(-45deg, #138bf7, #0b6aac); background: -o-linear-gradient(-45deg, #138bf7, #0b6aac); text-align: center; font-size: 14px; color: #fff; margin-top: 5px; cursor: pointer; }

.server-2ver a:hover { transform: translateY(3px); }

.server-2ver p { float: left; width: 100%; overflow: hidden; font-size: 16px; color: #222; line-height:27px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:5; margin-top: 16px; }

.server-2item:hover .server-2left samp img { transform: scale(1.04); }

.server-2item:nth-child(2n) { box-shadow: -2px 2px 5px 1px rgba(0, 0, 0, 0.06); }

.server-2item:nth-child(2n) .server-2left { float: right; }

.server-2item:nth-child(2n) .server-2left span { left: auto; right: 0px; }

.server-3 { width: 100%; overflow: hidden; background: #f5f9ff; padding-bottom: 10px; }

.server-3 h3 { width: 100%; overflow: hidden; text-align: center; font-size: 54px; font-family: "SOURCEHANSANSCN-BOLD"; color: #222; margin-top: 110px; }

.server-3info { width: 1440px; overflow: hidden; margin: 10px auto 0px; font-size: 22px; color: #222; font-family: "SOURCEHANSANSCN-REGULAR"; line-height: 36px; text-align: center; }

.server-3content { width: 1440px; margin: 60px auto 0px; display: flex; flex-wrap: wrap; }

.server-3item { float: left; width: 23.6%; overflow: hidden; background: #fff; padding-bottom: 24px; box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.06); margin-right: 1.866%; }

.server-3item:nth-child(4n) { float: right; margin-right: 0px; }

.server-3item samp { width: 100%; overflow: hidden; height: 11.45vw; display: block; }

.server-3item samp img { width: 100%; height: 100%; overflow: hidden; object-fit: cover; }

.server-3item:hover samp img { transform: scale(1.04); }

.server-3item span { width: 90%; overflow: hidden; margin: 30px auto 0px; font-size: 24px; color: #222; position: relative; display: block; box-sizing: border-box; padding: 0px 25px; }

.server-3item span:before { width: 4px; height: 100%; overflow: hidden; content: ""; position: absolute; left: 0px; top: 0px; background: #23438e; }

.server-3item p { width: 90%; overflow: hidden; margin: 20px auto 0px; font-size: 14px; color: #666; position: relative; display: block; box-sizing: border-box; padding: 0px 30px 0px 25px; line-height: 24px; }

.server-3item:hover { transform: translateY(3px); }

.server-4 { width: 100%; overflow: hidden; background: #f5f9ff; }

.server-4 h3 { width: 100%; overflow: hidden; text-align: center; font-size: 54px; font-family: "SOURCEHANSANSCN-BOLD"; color: #222; margin-top: 80px; }

.server-4content { width: 1440px; padding: 15px 0px 10px; margin: 0px auto; display: flex; flex-wrap: wrap; justify-content: space-between; }

.server-4item { width: 49.1%; overflow: hidden; background: #fff; margin-top: 25px; box-shadow: 0px 0px 8px 3px rgba(58, 58, 58, 0.03); padding: 36px 40px; box-sizing: border-box; }

.server-4item:hover { transform: translateY(3px); }

.server-4item:nth-child(3) { width: 100%; }

.server-4item img { float: left; width: 73px; overflow: hidden; }

.server-4right { float: right; width: calc(100% - 100px); overflow: hidden; }

.server-4right span { float: left; width: 100%; overflow: hidden; position: relative; font-size: 24px; color: #222; padding-left: 25px; }

.server-4right span:before { width: 4px; height: 100%; overflow: hidden; content: ""; position: absolute; left: 0px; top: 0px; background: #23438e; }

.server-4right p { float: left; width: 100%; overflow: hidden; position: relative; font-size: 14px; color: #666; padding-left: 25px; line-height: 24px; margin-top: 14px; box-sizing: border-box; }

.server-5 { width: 100%; overflow: hidden; background: #f5f9ff; }

.server-5 h3 { width: 100%; overflow: hidden; text-align: center; font-size: 54px; font-family: "SOURCEHANSANSCN-BOLD"; color: #222; margin-top: 80px; }

.server-5content { width: 1440px; padding: 15px 0px 10px; margin: 0px auto; display: flex; flex-wrap: wrap; }

.server-5item { float: left; width: 23.4%; overflow: hidden; background: #fff; margin-top: 25px; box-shadow: 0px 0px 8px 3px rgba(58, 58, 58, 0.03); padding: 55px 30px 30px; box-sizing: border-box; margin-right: 2.133%; }

.server-5item:nth-child(4n) { float: right; margin-right: 0px; }

.server-5item samp { float: left; width: 100%; overflow: hidden; text-align: center; height: 64px; line-height: 64px; }

.server-5item samp img { vertical-align: middle; }

.server-5item span { float: left; width: 100%; overflow: hidden; text-align: center; font-size: 20px; color: #222; font-family: "SOURCEHANSANSCN-REGULAR"; line-height: 30px; margin-top: 30px; }

.server-5item:hover { transform: translateY(3px); }

.server-6 { width: 100%; overflow: hidden; background: #f5f9ff; }

.server-6 h3 { width: 100%; overflow: hidden; text-align: center; font-size: 54px; font-family: "SOURCEHANSANSCN-BOLD"; color: #222; margin-top: 80px; }

.server-6content { width: 1440px; padding: 15px 0px 10px; margin: 0px auto; display: flex; flex-wrap: wrap; justify-content: space-between; }

.server-6item { width: 49.1%; overflow: hidden; background: #fff; margin-top: 25px; box-shadow: 0px 0px 8px 3px rgba(58, 58, 58, 0.03); padding: 30px 40px; box-sizing: border-box; }

.server-6item:hover { transform: translateY(3px); }

.server-6item:nth-child(3) { width: 100%; }

.server-6item span { width: 100%; overflow: hidden; margin: 0px auto; display: block; padding-left: 25px; position: relative; font-size: 24px; color: #222; font-family: "SOURCEHANSANSCN-REGULAR"; }

.server-6item span:before { width: 4px; height: 100%; overflow: hidden; content: ""; position: absolute; left: 0px; top: 0px; background: #23438e; }

.server-6more { width: 1440px; overflow: hidden; margin: 0px auto; padding: 50px 0px 107px; }

.server-6more span { float: left; width: 150px; height: 40px; line-height: 40px; overflow: hidden; text-align: center; background: -webkit-linear-gradient(-45deg, #fff, #fff); background: -moz-linear-gradient(-45deg, #fff, #fff); background: -ms-linear-gradient(-45deg, #fff, #fff); background: -o-linear-gradient(-45deg, #fff, #fff); border-radius: 5px; }

.server-6more span a { color: #0f7ad1; font-size: 14px; width: 100%; height: 100%; display: block; }

.server-6more span:hover { transform: translateY(3px); background: -webkit-linear-gradient(-45deg, #138bf7, #0b6aac); background: -moz-linear-gradient(-45deg, #138bf7, #0b6aac); background: -ms-linear-gradient(-45deg, #138bf7, #0b6aac); background: -o-linear-gradient(-45deg, #138bf7, #0b6aac); }

.server-6more span:hover a { color: #fff; }

.server-6more em { float: left; width: 150px; height: 40px; line-height: 40px; overflow: hidden; text-align: center; background: #fff; border-radius: 5px; margin-left: 30px; }

.server-6more em a { color: #0f7ad1; font-size: 14px; width: 100%; height: 100%; display: block; }

.server-6more em:hover { transform: translateY(3px); background: -webkit-linear-gradient(-45deg, #138bf7, #0b6aac); background: -moz-linear-gradient(-45deg, #138bf7, #0b6aac); background: -ms-linear-gradient(-45deg, #138bf7, #0b6aac); background: -o-linear-gradient(-45deg, #138bf7, #0b6aac); }

.server-6more em:hover a { color: #fff; }

.zx-prop { width: 100%; height: 100%; overflow: hidden; position: fixed; top: 0px; top: 0px; background: rgba(0, 0, 0, 0.5); z-index: 922000; opacity: 0; visibility: hidden; }

.zx-prop-active { opacity: 1; visibility: visible; }

.zx-center { width: 500px; height: 78vh; overflow-y: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; }

.zx-close { width: 30px; height: 30px; position: absolute; right: 10px; top: 10px; z-index: 12; background: url("../images/close.png") no-repeat center; cursor: pointer; }

.zx-close:hover { transform: rotate(180deg); }

.zx-center h3 { width: 100%; overflow: hidden; text-align: center; font-size: 44px; color: #333; margin-top: 3vw; }

.zx-pannel { width: 100%; overflow: hidden; margin-top: 2vw; }

.zx-item { width: 100%; overflow: hidden; display: none; }

.zx-item.active { display: block; }

.zx-line { width: 70%; overflow: hidden; margin: 0px auto; position: relative; }

.zx-line span { float: left; width: 36px; line-height: 36px; overflow: hidden; border-radius: 50%; background: #e0e0e0; text-align: center; color: #fff; font-size: 16px; position: relative; z-index: 12; }

.zx-s { width: 100%; height: 14px; position: absolute; left: 0px; top: 11px; background: #e0e0e0; z-index: 11; border-radius: 20px; }

.zx-s em { float: left; width: 50%; height: 100%; border-radius: 20px; }

.zx-line p { float: right; width: 36px; line-height: 36px; overflow: hidden; border-radius: 50%; background: #e0e0e0; text-align: center; color: #fff; font-size: 16px; position: relative; z-index: 12; }

.zx-item:first-child.active .zx-line span { background: #0d74c2; }

.zx-item:first-child.active .zx-s em:first-child { background: #0d74c2; }

.zx-item:last-child.active .zx-line p { background: #0d74c2; }

.zx-item:last-child.active .zx-s em:last-child { background: #0d74c2; }

.zx-wz { width: 78%; overflow: hidden; margin: 0px auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 15px; }

.zx-wz span { font-size: 18px; color: #999; }

.zx-item:first-child.active .zx-wz span:first-child { color: #0d74c2; }

.zx-item:last-child.active .zx-wz span:last-child { color: #0d74c2; }

.zx-phone { width: 78%; overflow: hidden; margin: 45px auto 0px; height: 60px; line-height: 60px; border-radius: 6px; background: #0d74c2; }

.zx-phone span { width: 88%; display: block; margin: 0px auto; height: 100%; background: url("../images/icon-99.png") no-repeat left center; padding-left: 42px; box-sizing: border-box; font-size: 16px; color: #fff; }

.zx-item form { width: 78%; overflow: hidden; margin: 0px auto; }

.zx-input { width: 100%; overflow: hidden; margin-top: 18px; border: 1px #e6e6e6 solid; border-radius: 6px; box-sizing: border-box; padding: 0px 6%; }

.zx-input:hover { border-color: #0d74c2; }

.zx-input span { float: left; width: 40px; height: 60px; overflow: hidden; line-height: 60px; }

.zx-input span img { vertical-align: middle; }

.zx-input label { float: left; width: auto; overflow: hidden; font-size: 18px; color: #666; line-height: 60px; }

.zx-input input { float: left; width: 70%; overflow: hidden; height: 60px; line-height: 60px; }

.zx-bt { width: 50%; margin: 80px auto 40px; overflow: hidden; height: 60px; line-height: 60px; background: #0d74c2; border-radius: 30px; cursor: pointer; text-align: center; font-size: 18px; color: #fff; }

.zx-bt:hover { transform: translateY(3px); }

.zx-cir { width: 180px; height: 180px; overflow: hidden; margin: 90px auto 0px; background: #0d74c2 url("../images/icon-103.png") no-repeat center; border-radius: 50%; background-size: 45%; }

.zx-back { width: 50%; margin: 80px auto 40px; overflow: hidden; height: 60px; line-height: 60px; background: #0d74c2; border-radius: 30px; cursor: pointer; text-align: center; font-size: 18px; color: #fff; }

.zx-back:hover { transform: translateY(3px); }

/*product*/
@keyframes linear-width { 0% { width: 0px; opacity: 1; }
  70% { width: 251px; opacity: 1; }
  100% { width: 251px; opacity: 0; } }
@keyframes linear-hide { 0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; } }
.product-1 { width: 100%; overflow: hidden; background: #fff; padding: 110px 0px 100px; }

.product-1 h3 { width: 100%; overflow: hidden; text-align: center; font-size: 56px; color: #222; font-family: "SOURCEHANSANSCN-MEDIUM"; }

.product-1center { width: 801px; position: relative; margin: 80px auto 0px; }

.product-1center samp { width: 100%; overflow: hidden; text-align: center; display: block; }

.product-1left { width: auto; position: absolute; left: -42%; top: 50%; transform: translateY(-50%); text-align: center; }

.product-1left img { display: inline-block; }

.product-1left span { width: auto; display: block; overflow: hidden; font-size: 22px; color: #222; font-family: "SOURCEHANSANSCN-REGULAR"; margin-top: 15px; }

.product-1left:before { width: 11px; height: 11px; content: ""; position: absolute; left: 76px; top: 34%; border-radius: 50%; box-sizing: border-box; border: 3px #0f77cb solid; }

.product-1left:after { width: 0px; height: 316px; content: ""; position: absolute; left: 89px; top: -74%; background: url("../images/icon-31.png") left center; animation: linear-width 3s ease infinite; }

.product-1right { width: auto; position: absolute; right: -42%; top: 50%; transform: translateY(-50%); text-align: center; }

.product-1right img { display: inline-block; }

.product-1right span { width: auto; display: block; overflow: hidden; font-size: 22px; color: #222; font-family: "SOURCEHANSANSCN-REGULAR"; margin-top: 15px; }

.product-1right:before { width: 11px; height: 11px; content: ""; position: absolute; right: 94px; top: 29%; border-radius: 50%; box-sizing: border-box; border: 3px #0f77cb solid; }

.product-1right:after { width: 0px; height: 316px; content: ""; position: absolute; right: 106px; top: -41%; background: url("../images/icon-31.png") left center; animation: linear-width 3s ease infinite; transform: rotate(180deg); }

.product-1cont { width: 100%; overflow: hidden; height: 150px; margin: 50px auto; }

.product-1item { float: left; width: 100%; overflow: hidden; text-align: center; }

.product-1cont span { float: left; width: 100%; overflow: hidden; font-size:30px; color: #222; font-family: "SOURCEHANSANSCN-REGULAR";box-sizing: border-box;padding:0px 5% }

.product-1cont p {float: left;width: 100%; overflow: hidden; font-size:18px; color: #666; font-family: "SOURCEHANSANSCN-REGULAR"; margin-top: 10px;box-sizing: border-box;padding:0px 5% }

.product-1more { width: 100%; text-align: center; }

.product-1more span { width: 150px; height: 40px; line-height: 40px; overflow: hidden; text-align: center; background: -webkit-linear-gradient(-45deg, #fff, #fff); background: -moz-linear-gradient(-45deg, #fff, #fff); background: -ms-linear-gradient(-45deg, #fff, #fff); background: -o-linear-gradient(-45deg, #fff, #fff); border-radius: 5px; display: inline-block; box-shadow: 0px 1px 4px 1px rgba(58, 58, 58, 0.1); }

.product-1more span a { color: #0f7ad1; font-size: 14px; width: 100%; height: 100%; display: block; }

.product-1more span:hover { transform: translateY(3px); background: -webkit-linear-gradient(-45deg, #138bf7, #0b6aac); background: -moz-linear-gradient(-45deg, #138bf7, #0b6aac); background: -ms-linear-gradient(-45deg, #138bf7, #0b6aac); background: -o-linear-gradient(-45deg, #138bf7, #0b6aac); }

.product-1more span:hover a { color: #fff; }

.product-1more em { width: 150px; height: 40px; line-height: 40px; overflow: hidden; text-align: center; background: #fff; border-radius: 5px; margin-left: 30px; display: inline-block; box-shadow: 0px 1px 4px 1px rgba(58, 58, 58, 0.1); }

.product-1more em a { color: #0f7ad1; font-size: 14px; width: 100%; height: 100%; display: block; }

.product-1more em:hover { transform: translateY(3px); background: -webkit-linear-gradient(-45deg, #138bf7, #0b6aac); background: -moz-linear-gradient(-45deg, #138bf7, #0b6aac); background: -ms-linear-gradient(-45deg, #138bf7, #0b6aac); background: -o-linear-gradient(-45deg, #138bf7, #0b6aac); }

.product-1more em:hover a { color: #fff; }

.product-2 { width: 100%; overflow: hidden; background: #fff; padding: 110px 0px 100px; background: #f0f6fc; }

.product-2 h3 { width: 100%; overflow: hidden; text-align: center; font-size: 56px; color: #222; font-family: "SOURCEHANSANSCN-MEDIUM"; }

.product-2center { width: 100%; position: relative; margin: 80px auto 0px; }

.product-2center samp { width: 100%; overflow: hidden; text-align: center; display: block; }

.product-2center span { width: auto; position: absolute; left: 10%; top: 50%; transform: translateY(-50%); }

.product-2center em { width: auto; position: absolute; left: 24%; top: 50%; transform: translateY(-50%); animation: linear-hide 2s ease infinite; }

@keyframes upmove1 { 0% { transform: translateY(-10px); }
  100% { transform: translateY(10px); } }
@keyframes upmove2 { 0% { transform: translateY(-10px) translateX(-50%); }
  100% { transform: translateY(10px) translateX(-50%); } }
.product-4center { width: 1214px; height: 540px; margin: 40px auto 0px; position: relative; }

.product-4center span { width: auto; position: absolute; left: 0px; top: 0px; z-index: 11; animation: upmove1 1.4s ease-in-out infinite alternate; }

.product-4center em { width: auto; position: absolute; left: 50%; bottom: -40px; z-index: 12; animation: upmove2 1.4s ease-in-out 0.3s infinite alternate; }

.product-4center p { width: auto; position: absolute; right: 0%; bottom: 0px; z-index: 13; animation: upmove1 1.4s ease-in-out 0.6s infinite alternate; }

.product-5info { width: 100%; overflow: hidden; text-align: center; font-size: 20px; color: #666; font-family: "SOURCEHANSANSCN-REGULAR"; line-height: 30px; margin-top: 15px; }

.product-5cont { width: 100%; overflow: hidden; text-align: center; margin-top: 50px; }

.product-5cont samp { float: left; width: 100%; overflow: hidden; }

.product-5cont p { float: left; width: 100%; overflow: hidden; font-size: 32px; color: #222; line-height: 42px; font-family: "SOURCEHANSANSCN-REGULAR"; }

/*about*/
.bread-crumb.active { background: rgba(247, 247, 247, 0); color: #fff; }

.bread-crumb.active .bread-left a { color: #fff; }

.bread-crumb.active .bread-left a.home { background: url("../images/icon-8-1.png") no-repeat left center; }

.bread-crumb.active ul li a { color: #fff; }

.bread-crumb.active ul li.active:before { width: 0%; }

.banner-about { width: 100%; overflow: hidden; position: relative; z-index: 300; margin-top: calc(-50px - 90px ); }

.banner-about img { width: 100%; height: auto; overflow: hidden; }

.banner-about2 { width: 1130px; position: absolute; left: 50%; top: 15vw; transform: translateX(-50%); z-index: 12; text-align: center; color: #fff; }

.banner-about2 h3 { float: left; width: 100%; overflow: hidden; font-size: 54px; font-family: "SOURCEHANSANSCN-MEDIUM";line-height:66px }

.banner-about2 p { float: left; width: 100%; overflow: hidden; font-size: 16px; line-height: 32px; margin-top: 30px; }

.about-1 { width: 100%; overflow: hidden; background: #f5f5f5 url("../images/banner-6.jpg") no-repeat top center; padding-bottom: 160px; position: relative; z-index: 200; margin-top: -13%; background-size: 100%; padding-top: 16%; }

.about-1head { width: 100%; overflow: hidden; text-align: center; }

.about-1head h3 { float: left; width: 100%; overflow: hidden; font-size: 54px; color: #222; font-family: "SOURCEHANSANSCN-BOLD"; }

.about-1head p { float: left; width: 100%; overflow: hidden; font-size: 22px; color: #222; font-family: "SOURCEHANSANSCN-REGULAR"; margin-top: 5px; }

.about-1cont { width: 80%; overflow: hidden; margin: 5vw auto 0px; text-align: center; }

.about-1cont samp { width: auto; overflow: hidden; height: 70px; line-height: 70px; display: inline-block; margin: 0px 3vw; vertical-align: top; }

.about-1cont samp img { vertical-align: middle; width: auto; height: auto; max-height: 98%; }

.about-2 { width: 100%; overflow: hidden; background: #fff url("../images/banner-7.jpg") no-repeat left bottom; background-size: 100%; padding: 140px 0px 100px; }

.about-2 h3 { width: 100%; overflow: hidden; text-align: center; font-size: 54px; color: #222; font-family: "SOURCEHANSANSCN-BOLD"; }

.about-2 h4 { width: 100%; overflow: hidden; text-align: center; font-size: 38px; color: #222; font-family: "SOURCEHANSANSCN-REGULAR"; margin-top: 70px; }

.about-2nav { width: 86%; overflow: hidden; margin: 60px auto 0px; position: relative; padding-bottom: 20px; }

.about-2nav:before { width: 100%; height: 12px; content: ""; position: absolute; left: 0px; top: 80px; background: -webkit-linear-gradient(left, rgba(1, 127, 217, 0) 8%, #017fd9, rgba(1, 127, 217, 0) 92%); }

.about-2nav .swiper-container { width: 1050px; margin: 0px auto; }

.about-2item { float: left; width: 100%; overflow: hidden; position: relative; cursor: pointer; }

.about-2item em { float: left; width: 100%; overflow: hidden; background: url("../images/about-6.png") no-repeat center; height: 65px; opacity: 0; transform: translateY(-10px); }

.about-2item span { width: 100%; overflow: hidden; position: absolute; left: 0px; text-align: center; top: 20px; font-size: 24px; color: #1c1b1b; font-family: "DINPro-Regular"; opacity: 1; }

.about-2item samp { float: left; width: 100%; overflow: hidden; text-align: center; height: 24px; margin-top: 10px; }

.about-2item samp:before { width: 24px; height: 24px; box-sizing: border-box; border: 4px #007ed9 solid; background: #fff; content: ""; border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); }

.about-2nav .swiper-slide.active .about-2item em { opacity: 1; transform: translateY(0px); }

.about-2nav .swiper-slide.active .about-2item span { opacity: 0; }

.about-2nav .swiper-button-prev { width: 60px; height: 60px; border-radius: 50%; background: #fff url("../images/icon-43.png") no-repeat center; box-shadow: 0px 3px 16px 4px rgba(0, 0, 0, 0.08); margin-top: 50px; top: 0px; }

.about-2nav .swiper-button-prev:hover { background: #007ed9 url("../images/icon-44.png") no-repeat center; transform: rotate(180deg); }

.about-2nav .swiper-button-next { width: 60px; height: 60px; border-radius: 50%; background: #fff url("../images/icon-43.png") no-repeat center; box-shadow: 0px 3px 16px 4px rgba(0, 0, 0, 0.08); transform: rotate(180deg); margin-top: 50px; top: 0px; }

.about-2nav .swiper-button-next:hover { background: #007ed9 url("../images/icon-44.png") no-repeat center; transform: rotate(0deg); }

.about-2cont { width: 100%; overflow: hidden; margin-top: 65px; position: relative; }

.about-2pannel { width: 920px; margin: 0px auto; overflow: hidden; position: absolute; z-index: 11; opacity: 0; transform: translateY(60px); padding-bottom: 80px; }

.about-2pannel.active { position: relative; z-index: 12; animation: upslide 1s ease 1; animation-fill-mode: forwards; }

.about-2pannel:before { width: 39%; content: ""; position: absolute; height: 100%; left: 0px; top: 0px; border-right: 1px #ccc solid; }

.about-2left { float: left; width: 35.8%; overflow: hidden; font-size: 140px; color: #007ed9; font-family: "DINPro-Black"; }

.about-2right { float: right; width: 55.4%; overflow: hidden; }

.about-2right samp { float: left; width: 100%; overflow: hidden; }

.about-2right samp img { width: auto; height: auto; max-width: 100%; }

.about-2info { float: left; width: 100%; overflow: hidden; font-size: 16px; color: #666; line-height: 24px; margin-top: 16px; }

.about-2info p { float: left; width: 100%; overflow: hidden; margin-top: 12px; }

.about-2 h4.ry { margin-top: 110px; }

.about-2ry { width: 86%; overflow: hidden; margin: 50px auto 0px; position: relative; padding: 0px 100px; box-sizing: border-box; }

.about-2ry .swiper-button-prev { width: 60px; height: 60px; border-radius: 50%; background: #fff url("../images/icon-43.png") no-repeat center; box-shadow: 0px 3px 16px 4px rgba(0, 0, 0, 0.08); }

.about-2ry .swiper-button-prev:hover { background: #007ed9 url("../images/icon-44.png") no-repeat center; transform: rotate(180deg); }

.about-2ry .swiper-button-next { width: 60px; height: 60px; border-radius: 50%; background: #fff url("../images/icon-43.png") no-repeat center; box-shadow: 0px 3px 16px 4px rgba(0, 0, 0, 0.08); transform: rotate(180deg); }

.about-2ry .swiper-button-next:hover { background: #007ed9 url("../images/icon-44.png") no-repeat center; transform: rotate(0deg); }

.about-2ry img { border: 4px #ebebeb solid; transform-origin: bottom; }

.about-2ry .swiper-slide { padding-top: 80px; }

.about-2ry .swiper-slide:hover img { transform: scale(1.2); }

.about-3 { width: 100%; overflow: hidden; position: relative; }

.about-3 img { float: left; width: 100%; overflow: hidden; height: auto; }

.about-3ver { width: 1440px; position: absolute; left: calc((100% - 1440px)/2); top: 50%; transform: translateY(-50%); }

.about-3ver span { float: left; width: 100%; overflow: hidden; font-size: 54px; color: #222; font-family: "SOURCEHANSANSCN-BOLD"; }

.about-3ver a { float: left; width: 200px; height: 50px; line-height: 50px; text-align: center; background: -webkit-linear-gradient(-45deg, #138bf7, #0b6aac); background: -moz-linear-gradient(-45deg, #138bf7, #0b6aac); background: -ms-linear-gradient(-45deg, #138bf7, #0b6aac); background: -o-linear-gradient(-45deg, #138bf7, #0b6aac); border-radius: 5px; font-size: 18px; color: #fff; margin-top: 50px; }

.about-3ver a:hover { transform: translateY(3px); }

.about-4 { width: 100%; overflow: hidden; position: relative; }

.about-4left { width: 600px; overflow: hidden; position: absolute; left: calc((100% - 1440px)/2); top: 50%; transform: translateY(-50%); z-index: 15; }

.about-4left h3 { float: left; width: 100%; overflow: hidden; font-size: 54px; color: #23438e; font-family: "SOURCEHANSANSCN-BOLD"; letter-spacing: 4px; }

.about-4left ul { float: left; width: 100%; overflow: hidden; margin-top: 15px; }

.about-4left ul li { float: left; width: 100%; overflow: hidden; line-height: 24px; margin-top: 20px; font-size: 20px; color: #222; }

.about-4left p { float: left; width: 100%; overflow: hidden; margin-top: 116px; }

.about-4right { float: right; width: auto; overflow: hidden; position: relative; z-index: 13; }

.about-4right samp { float: left; width: 100%; overflow: hidden; }

.about-4item { width: auto; position: absolute; left: 0px; top: 0px; z-index: 12; }

.about-4icon { width: 40px; font-size: 14px; color: #222; text-align: center; background: url("../images/icon-48.png") no-repeat top center; padding-top: 30px; cursor: pointer; position: relative; }

.about-4icon:before { width: 9px; height: 4px; content: ""; position: absolute; left: 50%; top: 24px; transform: translateX(-50%); border-radius: 2px; background: #dee7f4; z-index: 10; }

.about-4icon:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0%; top: 0px; background: url("../images/icon-48.png") no-repeat top center; z-index: 11; }

.about-4item.item1 { left: 62.4%; top: 39%; }

.about-4item.item1 .about-4icon { background-image: url("../images/icon-47.png"); padding-top: 25px; }

.about-4item.item1 .about-4icon:after { background-image: url("../images/icon-47.png"); padding-top: 25px; }

.about-4item.item1 .about-4icon:before { display: none; }

.about-4item.item2 { left: 60.7%; top: 45%; }

.about-4item.item3 { left: 55.2%; top: 47%; }

.about-4item.item4 { left: 65.2%; top: 55%; }

.about-4item.item5 { left: 64%; top: 60.5%;z-index:13 }

.about-4prop { width: 420px; height: 180px; position: absolute; right: -20px; bottom: 58px; padding: 35px; box-sizing: border-box; background: #fff; box-shadow: 0px 0px 40px 15px rgba(0, 0, 0, 0.06); z-index: 15; opacity: 0; visibility: hidden; transform: scale(0); }

.about-4prop:before { width: auto; content: ""; position: absolute; right: 30px; bottom: -11px; border-top: 12px #fff solid; border-right: 12px transparent solid; border-left: 12px transparent solid; }

.about-4ver { width: 100%; height: 100%; overflow: hidden; text-align: left; }

.about-4ver h4 { float: left; width: 100%; overflow: hidden; font-size: 18px; color: #333; }

.about-4ver p { float: left; width: 100%; overflow: hidden; font-size: 14px; color: #808080; line-height: 20px; margin-top: 8px; }

.about-4ver em { float: left; width: 100%; overflow: hidden; font-size: 14px; color: #23438e; line-height: 20px; margin-top: 18px; padding-left: 25px; background: url("../images/icon-46.png") no-repeat 0px 5px; }

.mCSB_scrollTools .mCSB_draggerRail { display: none; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #045ad6 !important; width: 2px !important; }

.about-4item.active .about-4prop { opacity: 1; visibility: visible; transform: scale(1); }

@media screen and (max-width: 1660px) { 
/*header*/
  .header { height: 80px; line-height: 80px; }
  .nav .search { top: 80px; }
  /*footer*/
  .footer:before { width: 420px; height: 420px; left: -115px; top: -35px; }
  .footer-1 { width: 1280px; margin: 80px auto 0px; }
  .footer-left h3 { font-size: 20px; }
  .footer-right{width:65.5%!important }
  .footer-search { width: 330px; height: 46px; line-height: 46px; margin-top: 54px; padding: 0px 22px; }
  .footer-2 { width: 1280px; padding: 28px 0px; }
  .footer-2 span { font-size: 14px; }
  .footer-center { width: 1280px; font-size: 14px; }
  /*banner*/
  .banner-ver { width: 1280px; left: calc((100% - 1280px)/2); }
  .banner-ver h3 { font-size: 54px; line-height: 72px; }
  /*banner-ad*/
  .ad-ver { width: 1280px; left: calc((100% - 1280px)/2); }
  .ad-ver h3 { font-size: 54px; }
  /*home-1*/
  .content-1 h3 { font-size:46px;width:76%;margin:48px auto 0px;line-height:56px}
  .content-1pic { margin: 90px auto 0px; }
  /*home-2*/
  .content-2head { background-size: 1660px; height: 650px; }
  .content-2head h3 {font-size:46px; line-height:56px; margin:200px auto 0px;width:90%  }
  .content-2pannel { width: 1280px; }
  .content-2item { padding-bottom: 50px; }
  .content-2icon { width: 120px; height: 120px; margin: -60px auto 0px; }


  .content-2item ul li { margin-top: 34px; font-size: 18px; }
  .content-2item ul li span { font-size: 58px; }
  .content-2more { margin-top: 90px; }
  .content-2more a { width: 190px; height: 46px; line-height: 46px; font-size: 16px; }
  .content-2ct { padding-bottom: 170px; }
  .content-2data { width: 1280px; margin: 930px auto 0px; padding: 55px 0px 60px; }
  .content-2data ul li span em { font-size: 90px; }
  .content-2data ul li span samp { font-size: 50px; }
  .content-2data ul li p { font-size: 18px; }
  .content-2ct h4 { font-size: 50px; margin-top: 130px; }
  .content-2nav { width: 1280px; margin: 70px auto 0px; }
  .content-2nav ul li samp{width:100%;margin-left:0px;text-align: center}  
  .content-2nav ul li span{width:100%;margin-left:0px;text-align: center;margin-top:10px   }  
  .content-2slide { width: 1280px; margin: 80px auto; }
  .content-2info span { font-size: 30px; }
  .content-2info p { margin-top: 28px; }
  .content-2info em a { width: 140px; height: 36px; line-height: 36px; }
  .content-2sect { margin-top: 40px; }
  .content-2right { width: 47%; }
  .content-2right:before { width: 100px; height: 100px; right: -32px; background-size: 100%; }
  .content-2right span { margin-top: 28px; }
  .content-2bottom { height: 450px; background-size: 1660px; }
  .content-2bottom h3 { font-size:40px; margin-top: 145px;line-height:56px  }

  
  
  /*home-news*/
  .hnews { padding: 100px 0px 180px; }
  .hnews h3 { font-size: 50px; }
  .hnews-content { width: calc(50%  + 1280px*0.5); margin-top: 60px; }
  .hnews-content span { font-size: 20px; line-height: 30px; margin-top: 36px; }
  .hnews-bottom { width: 1280px; padding: 40px 0px 3px; }
  .hnews-pag { width: 120px; height: 45px; }
  .hnews-pag .swiper-button-prev, .hnews-pag .swiper-button-next { width: 42px; height: 42px; }
  .hnews-more { width: 180px; height: 46px; line-height: 46px; font-size: 16px; }
  /*home-zixun*/
  .home-zixun { background-size: 1660px; height: 448px; }
  .home-zixun h3 { font-size: 44px; }
  .home-zixun span a { width: 300px; height: 46px; line-height: 46px; font-size: 16px; }
  /*面包屑导航*/
  .bread-crumb { height: 46px; line-height: 46px; margin-top: 80px; top: 80px; }
  /*news*/
  .news { padding: 60px 0px 100px; }
  .news h3 { width: 1280px; font-size: 40px; }
  .news-list { width: 1280px; }
  .news-item { margin: 50px 3.2% 0px 0px; padding-bottom: 120px; }
  .news-info span { font-size: 22px; line-height: 32px; height: 64px; }
  .news-info em { margin-top: 15px; }
  /*detail*/
  .detail { padding: 70px 0px 90px; }
  .detail-head { width: 1280px; }
  .detail-head h1 { font-size: 50px; line-height: 72px; }
  .detail-info { margin-top: 42px; }
  .detail-1 { width: 1280px; margin: 25px auto 0px; }
  .detail-content { font-size: 16px; line-height: 33px; }
  .detail-content p { margin: 28px 0px; }
  .detail-back { margin-top: 60px; }
  .detail-page { margin-top: 40px; padding: 22px 46px; }
  .detail-right { margin-top: 70px; }
  .detail-right ul li { height: 70px; line-height: 70px; }
  .detail-share { width: calc((100% - 1280px)/2); }
  /*hangye*/
  .hangye-pannel { height: calc(100% - 80px - 46px); }
  .hangye-item {width:60%; left:3%; }
  .hangye .section:nth-child(2n) .hangye-item { right:9%; }
  .hangye-item h3 { font-size:28px; }
  .hangye-info { margin-top:8px; }
  .hangye-p { font-size: 15px; line-height:28px; }
  .hangye-info ul { margin-top:1.5vw; }
  .hangye-info ul li { font-size: 14px; margin-top:4px;line-height:22px }
  .hangye-slide { margin-top:2vw; }
  .hangye-more { margin-top:2vw; }
  .hangye .footer { margin-bottom: calc(80px + 46px); }
  .right-nav { width: 100px; }
  /*hy-info*/
  .hyinfo { width: 1280px; margin: 100px auto 110px; }
  .hyinfo-right h3 { font-size: 42px; }
  .hyinfo-p { line-height: 32px; font-size: 18px; }
  .hyinfo-p p { margin-top: 25px; }
  .hyfa { padding: 100px 0px; }
  .hyfa h3 { font-size: 50px; }
  .hyfa-ct { width: 1280px; margin: 36px auto 0px; }
  .hyfa-item p { margin-top: 20px; padding: 0px 30px; font-size: 17px; }
  .hyfa-detial { width: 1280px; margin: 70px auto 0px; }
  .hy-cor { padding-bottom: 80px; }
  .hy-cor h3 { font-size: 50px; margin-top: 80px; }
  .hy-cor em { margin-top: 26px; font-size: 18px; }
  .hy-cor p { font-size: 20px; }
  /*server*/
  .banner-ser1 { top: 6vw; }
  .banner-ser1 h3 { font-size: 54px; }
  .banner-ser1 p { font-size: 22px; margin-top: 22px; }
  .banner-ser1 ul li samp { height: 80px; line-height: 80px; }
  .banner-ser1 ul li samp img { max-height: 100%; }
  .banner-ser1 ul li span { margin-top: 20px; font-size: 22px; }
  .banner-ser1 ul li span:before { width: 90px; }
  .banner-ser1 ul li em { margin-top: 20px; font-size: 15px; line-height: 22px; }
  .server-1 { padding-top: 42px; }
  .server-1head h3 { font-size: 50px; }
  .server-1head p { font-size: 20px; }
  .server-1 ul { width: 1280px; margin: 70px auto 0px; }
  .server-1 ul li.active .server-1line { width: 30%; }
  .server-1content { width: 1280px; margin: 60px auto 0px; }
  .server-1item { padding-bottom: 22px; }
  .server-1item span { margin: 26px auto 0px; font-size: 22px; padding: 0px 20px; }
  .server-1item p { margin: 18px auto 0px; padding: 0px 20px; line-height: 23px; font-size: 13px; }
  .server-1more { margin-top: 60px; }
  .server-2 { padding: 100px 0px 130px; }
  .server-2 h3 { font-size: 50px; }
  .server-2content { width: 1280px; }
  .server-2item { margin: 50px auto 0px; height:280px;border-radius:200px }
  .server-2left span { width: 220px; }
  .server-2left span img { width: 130px; height: 130px; }
  .server-2ver { width: 85%; }
  .server-2ver span { font-size:18px; }
  .server-2ver a { width: 140px; margin-top: 2px; cursor: pointer; }
  .server-2ver p { font-size: 14px; line-height: 24px; margin-top: 10px;-webkit-line-clamp:8; }
  .server-3 h3 { font-size: 50px; margin-top: 90px; }
  .server-3info { width: 1280px; font-size: 20px; line-height: 34px; }
  .server-3content { width: 1280px; margin: 50px auto 0px; }
  .server-3item span { margin: 26px auto 0px; font-size: 22px; padding: 0px 20px; }
  .server-3item p { padding: 0px 25px 0px 20px; line-height: 23px; }
  .server-4 h3 { font-size: 50px; margin-top: 60px; }
  .server-4content { width: 1280px; }
  .server-4item { margin-top: 22px; padding: 32px 35px; }
  .server-4item img { width: 70px; }
  .server-4right { width: calc(100% - 95px); }
  .server-4right span { font-size: 22px; }
  .server-5 h3 { font-size: 50px; margin-top: 60px; }
  .server-5content { width: 1280px; }
  .server-5item { margin-top: 22px; padding: 50px 26px 27px; }
  .server-5item samp { height: 60px; line-height: 60px; }
  .server-5item samp img { width: auto; height: auto; max-height: 91%; }
  .server-5item span { font-size: 16px; margin-top: 22px; }
  .server-6 h3 { font-size: 50px; margin-top: 60px; }
  .server-6content { width: 1280px; }
  .server-6item { margin-top: 22px; padding: 25px 35px; }
  .server-6item span { font-size: 22px; }
  .server-6more { width: 1280px; padding: 40px 0px 90px; }
  /*product*/
  @keyframes linear-width { 0% { width: 0px; opacity: 1; }
    70% { width: 210px; opacity: 1; }
    100% { width: 210px; opacity: 0; } }
  .product-1, .product-2 { padding: 90px 0px 80px; }
  .product-1 h3, .product-2 h3 { font-size: 48px; }
  .product-1center { width: 700px; margin: 60px auto 0px; }
  .product-1center img { width: 100%; height: auto; }
  .product-1left { top: 50%; }
  .product-1left img { width: 40px; height: auto; }
  .product-1left span, .product-1right span { font-size: 18px; margin-top: 12px; }
  .product-1left:after { height: 280px; left: 89px; top: -83%; background-repeat: no-repeat; background-size: 210px 100%; animation: linear-width 3s ease infinite; }
  .product-1right img { width: 100px; height: auto; }
  .product-1right:after { height: 280px; right: 106px; top: -47%; animation: linear-width 3s ease infinite; background-repeat: no-repeat; background-size: 210px 100%; }
  .product-1cont { height: 150px; margin: 40px auto; }
  .product-1cont span { font-size: 30px; }
  .product-1cont p { font-size: 16px; }
  .product-2center { margin: 60px auto 0px; }
  .product-2center samp img { width: 460px; height: auto; }
  .product-2center span img { width: 70px; height: auto; }
  .product-2center em img { width: 42px; height: auto; }
  .product-5info { font-size: 18px; margin-top: 12px;box-sizing: border-box;padding:3% }
  .product-5cont { margin-top: 40px; }
  .product-5cont p { font-size: 28px; line-height: 40px; }
  /*about*/
  .banner-about { margin-top: calc(-46px - 80px ); }
  .banner-about2 { width: 1100px; }
  .banner-about2 h3 { font-size:42px;line-height:50px }
  .banner-about2 p { margin-top: 26px; }
  .about-1 { padding-bottom: 130px; }
  .about-1head h3 { font-size: 50px; }
  .about-1head p { font-size: 20px; }
  .about-1cont samp { height: 66px; line-height: 66px; }
  .about-2 { padding: 120px 0px 90px; }
  .about-2 h3 { font-size: 50px; }
  .about-2 h4 { font-size: 36px; margin-top: 60px; }
  .about-2nav { margin: 50px auto 0px; }
  .about-2cont { margin-top: 60px; }
  .about-2left { font-size: 120px; }
  .about-2ry .swiper-slide { padding-top: 50px; }
  .about-2ry img { width: 77%; height: auto; }
  .about-2ry .swiper-slide:hover img { transform: scale(1.1); }
  .about-3ver { width: 1280px; left: calc((100% - 1280px)/2); }
  .about-3ver span { font-size: 50px; }
  .about-4left { width: 500px; left: calc((100% - 1280px)/2); }
  .about-4left h3 { font-size: 50px; }
  .about-4left ul { margin-top: 14px; }
  .about-4left ul li { line-height: 23px; margin-top: 15px; font-size: 18px; }
  .about-4left p { margin-top: 80px; }
  .about-4right { width: 70%; }
  .about-4right samp img { width: 100%; height: auto; } }
@media screen and (max-width: 1440px) { 
  /*footer*/
  .footer:before { width: 350px; height: 350px; left: -110px; top: -30px; }
  .footer-1 { width: 1100px; margin: 60px auto 0px; }
  .footer-left h3 { font-size:18px; }
  .footer-item h3{font-size:14px }
  .footer-search { width:260px; height: 42px; line-height: 42px; }
  .footer-2 { width: 1100px; padding: 24px 0px; }
  .footer-center { width: 1100px; }
  .footer-item ul li{font-size:13px }
  /*banner*/
  .banner-ver { width: 1100px; left: calc((100% - 1100px)/2); bottom: 32%; }
  .banner-ver h3 { font-size: 46px; line-height: 66px; }
  /*banner-ad*/
  .ad-ver { width: 1100px; left: calc((100% - 1100px)/2); }
  .ad-ver h3 { font-size: 46px; }
  /*home-1*/
  @keyframes dir2 { 0% { left: 12.8%; top: 48.3%; display: block; }
    33% { left: 12.8%; top: 48.3%; display: none; }
    56% { left: 13.6%; top: 47.2%; display: block; }
    100% { left: 13.6%; top: 47.2%; display: none; } }
  @keyframes dir3 { 0% { left: 13.7%; top: 42.2%; display: block; }
    33% { left: 13.7%; top: 42.2%; display: none; }
    56% { left: 12.8%; top: 41.3%; display: block; }
    100% { left: 12.8%; top: 41.3%; display: none; } }
  .content-1 h3 {font-size:36px; margin-top:34px;line-height:45px }
  .content-1pic { margin: 70px auto 0px; }
  .content-arr1 { left: 29.5%; top: 33.2%; }
  .content-dir2 { left: 12.8%; top: 48.3%; animation: dir2 1.5s steps(1, end) infinite; }
  .content-dir3 { left: 13.7%; top: 42.2%; animation: dir3 1.5s steps(1, end) infinite; }
  /*home-2*/
  .content-2head { background-size: 1440px; height: 564px; }
  .content-2head h3 { font-size:36px; line-height:45px; margin-top: 140px; }
  .content-2pannel { width: 1100px; }
  .content-2item { padding-bottom: 40px; }
  .content-2icon { width: 110px; height: 110px; margin: -55px auto 0px; }
  .content-2item ul li { margin-top: 26px; font-size: 16px; }
  .content-2item ul li span { font-size: 48px; letter-spacing: -2px; }
  .content-2more { margin-top: 70px; }
  .content-2more a { width: 180px; height: 44px; line-height: 44px; font-size: 14px; }
  .content-2ct { padding-bottom: 170px; }
  .content-2data { width: 1100px; margin: 840px auto 0px; padding: 45px 0px 50px; }
  .content-2data ul li span em { font-size: 70px; }
  .content-2data ul li span samp { font-size: 40px; }
  .content-2data ul li p { font-size: 16px; }
  .content-2ct h4 { font-size: 40px; margin-top: 120px; }
  .content-2nav { width: 1100px; margin: 60px auto 0px; }
  .content-2slide { width: 1100px; margin: 70px auto; }
  .content-2info span { font-size: 26px; }
  .content-2info p { margin-top: 20px; font-size: 14px; height: auto; }
  .content-2info em { margin-top: 20px; }
  .content-2sect { margin-top: 25px; height: 66px; }
  .content-2right { width: 45%; }
  .content-2right:before { width: 90px; height: 90px; right: -32px; background-size: 100%; }
  .content-2right span { margin-top: 28px; }
  .content-2bottom { height: 390px; background-size: 1440px; }
  .content-2bottom h3 { font-size: 32px; margin-top: 107px;line-height:46px }
  /*home-news*/
  .hnews { padding: 80px 0px 180px; }
  .hnews h3 { font-size: 40px; }
  .hnews-content { width: calc(50%  + 1100px*0.5); margin-top: 50px; }
  .hnews-content span { font-size: 18px; line-height: 28px; margin-top: 26px; }
  .hnews-content em { margin-top: 15px; }
  .hnews-bottom { width: 1100px; }
  /*home-zixun*/
  .home-zixun { background-size: 1440px; height: 389px; margin-top: -130px; }
  .home-zixun h3 { font-size: 38px; }
  /*news*/
  .news { padding: 50px 0px 80px; }
  .news h3 { width: 1100px; font-size: 34px; }
  .news-list { width: 1100px; }
  .news-item { margin: 40px 3.2% 0px 0px; padding-bottom: 110px; }
  .news-info span { font-size: 20px; line-height: 30px; height: 60px; }
  .news-info em { margin-top: 13px; }
  .news-item.on .news-info { padding: 1.5vw; }
  .news-item.on .news-info p { margin-top: 1.5vw; }
  .news-item.on .news-info em { margin-top: 1.5vw; }
  /*detail*/
  .detail { padding: 60px 0px 80px; }
  .detail-head { width: 1100px; }
  .detail-head h1 { font-size: 40px; line-height: 66px; }
  .detail-info { margin-top: 36px; }
  .detail-1 { width: 1100px; margin: 20px auto 0px; }
  .detail-content { line-height: 30px; }
  .detail-content p { margin: 24px 0px; }
  .detail-back { margin-top: 50px; }
  .detail-page { margin-top: 36px; padding: 20px 40px; }
  .detail-right { margin-top: 60px; }
  .detail-right ul li { height: 60px; line-height: 60px; }
  .detail-share { width: calc((100% - 1100px)/2); }
  /*hangye*/
  .hangye-item { width: 860px; left: calc((100% - 1100px)/2); }
  .hangye .section:nth-child(2n) .hangye-item { right: calc((100% - 1100px)/2); }
  .hangye-item h3 { font-size: 30px; }
  .hangye-info { margin-top: 12px; }
  .hangye-p { font-size: 14px; line-height: 28px; }
  .hangye-info ul { margin-top: 1.2vw; }
  .hangye-info ul li { font-size: 14px; margin-top: 5px; }
  .hangye-slide { margin-top: 2vw; height: 60px; }
  .hangye-more { margin-top: 2vw; }
  .hangye .footer { margin-bottom: calc(90px + 46px); }
  .right-nav { width: 90px; }
  /*hy-info*/
  .hyinfo { width: 1100px; margin: 80px auto; }
  .hyinfo-right h3 { font-size: 36px; }
  .hyinfo-p { line-height: 30px; font-size: 16px; }
  .hyinfo-p p { margin-top: 20px; }
  .hyfa { padding: 80px 0px; }
  .hyfa h3 { font-size: 40px; }
  .hyfa-ct { width: 1100px; margin: 30px auto 0px; }
  .hyfa-item p { margin-top: 18px; padding: 0px 24px; font-size: 15px; }
  .hyfa-detial { width: 1100px; margin: 50px auto 0px; }
  .hy-cor { padding-bottom: 60px; }
  .hy-cor h3 { font-size: 40px; margin-top: 60px; }
  .hy-cor em { margin-top: 22px; font-size: 16px; }
  .hy-cor p { font-size: 18px; }
  .hy-info samp { height: 70px; line-height: 70px; }
  .hy-info samp img { max-height: 94%; }
  /*server*/
  .banner-ser1 h3 { font-size: 46px; }
  .banner-ser1 p { font-size: 20px; margin-top: 20px; }
  .banner-ser1 ul li samp { height: 76px; line-height: 76px; }
  .banner-ser1 ul li samp img { max-height: 96%; }
  .banner-ser1 ul li span { margin-top: 18px; font-size: 20px; }
  .banner-ser1 ul li span:before { width: 80px; }
  .banner-ser1 ul li em { margin-top: 18px; font-size: 14px; }
  .server-1 { padding-top: 38px; }
  .server-1head h3 { font-size: 40px; }
  .server-1head p { font-size: 18px; }
  .server-1 ul { width: 1100px; margin:50px auto 0px; }
  .server-1 ul li.active .server-1line { width: 29%; }
  .server-1left span {width:157px;font-size: 14px; }
  .server-1line{left:166px}
  .server-1content { width: 1100px; margin: 50px auto 0px; }
  .server-1item { padding-bottom: 20px; }
  .server-1item span { margin: 24px auto 0px; font-size: 20px; padding: 0px 18px; }
  .server-1item p { margin: 15px auto 0px; padding: 0px 15px; line-height: 22px; }
  .server-1more { margin-top: 50px; }
  .server-2 { padding: 80px 0px 110px; }
  .server-2 h3 { font-size: 40px; }
  .server-2content { width: 1100px; }
  .server-2item { margin: 40px auto 0px; height:320px; }
  .server-2left span { width: 200px; }
  .server-2left span img { width: 120px; height: 120px; }
  .server-2ver span { font-size:16px; }
  .server-2ver a { width: 110px; margin-top: 0px; }
  .server-2ver p { font-size: 14px; line-height:23px; margin-top:8px; }
  .server-3 h3 { font-size: 40px; margin-top: 70px; }
  .server-3info { width: 1100px; font-size: 18px; line-height: 32px; }
  .server-3content { width: 1100px; margin: 40px auto 0px; }
  .server-3item span { margin: 24px auto 0px; font-size: 20px; padding: 0px 18px; }
  .server-3item p { padding: 0px 20px 0px 18px; line-height: 22px; }
  .server-4 h3 { font-size: 40px; margin-top: 50px; }
  .server-4content { width: 1100px; }
  .server-4item { margin-top: 20px; padding: 30px; }
  .server-4item img { width: 60px; }
  .server-4right { width: calc(100% - 90px); }
  .server-4right span { font-size: 20px; }
  .server-5 h3 { font-size: 40px; margin-top: 50px; }
  .server-5content { width: 1100px; }
  .server-5item { margin-top: 20px; padding: 40px 22px 25px; }
  .server-5item span { font-size: 14px; margin-top: 20px; line-height: 28px; }
  .server-6 h3 { font-size: 40px; margin-top: 50px; }
  .server-6content { width: 1100px; }
  .server-6item { margin-top: 20px; padding: 20px 30px; }
  .server-6item span { font-size: 20px; }
  .server-6more { width: 1100px; padding: 35px 0px 70px; }
  /*product*/
  .product-1, .product-2 { padding: 70px 0px; }
  .product-1 h3, .product-2 h3 { font-size: 40px; }
  .product-1cont { height: 140px; margin: 30px auto 20px; }
  .product-1cont span { font-size:24px; }
  .product-1cont p { font-size: 16px; }
  .product-5info { font-size: 16px; }
  .product-5cont { margin-top: 30px; }
  .product-5cont p { font-size: 24px; line-height: 34px; }
  /*about*/
  .banner-about2 { width: 1000px; }
  .banner-about2 h3 { font-size:38px;line-height:44px }
  .banner-about2 p { margin-top: 22px; }
  .about-1 { padding-bottom: 100px; }
  .about-1head h3 { font-size: 40px; }
  .about-1head p { font-size: 18px; }
  .about-1cont { width: 86%; }
  .about-1cont samp { height: 56px; line-height: 56px; }
  .about-2 { padding: 100px 0px 80px; }
  .about-2 h3 { font-size: 40px; }
  .about-2 h4 { font-size: 32px; margin-top: 50px; }
  .about-2nav { margin: 40px auto 0px; }
  .about-2cont { margin-top: 50px; }
  .about-2left { font-size: 90px; }
  .about-2ry .swiper-slide { padding-top: 40px; }
  .about-3ver { width: 1100px; left: calc((100% - 1100px)/2); }
  .about-3ver span { font-size: 40px; }
  .about-4left { left: calc((100% - 1100px)/2); }
  .about-4left h3 { font-size: 40px; }
  .about-4left p { margin-top: 60px; }
  .about-4left p img { width: 200px; height: auto; } }
@media screen and (max-width: 1366px) { 
/*banner*/
  .banner-ver h3 { font-size: 40px; line-height: 60px; }
  /*banner-ad*/
  .ad-ver h3 { font-size: 40px; }
  /*home-1*/
  .content-1 h3 { font-size: 34px; margin-top: 30px; }
  .content-1pic { margin: 50px auto 0px; }
  /*home-2*/
  .content-2head { background-size: 1366px; height: 540px; }
  .content-2head h3 { font-size: 34px; margin-top: 120px; }
  .content-2item { padding-bottom: 30px; }
  .content-2item ul li { margin-top: 18px; }
  .content-2ct { padding-bottom: 130px; }
  .content-2data { margin: 740px auto 0px; padding: 35px 0px; }
  .content-2data ul li span em { font-size: 56px; }
  .content-2data ul li span samp { font-size: 32px; }
  .content-2data ul li p { font-size: 14px; }
  .content-2ct h4 { font-size: 34px; margin-top: 90px; }
  .content-2nav { margin: 50px auto 0px; }
  .content-2slide { margin: 50px auto; }
  .content-2info span { font-size: 22px; }
  .content-2bottom { height: 380px; background-size: 1366px; margin-top: -160px; }
  .content-2bottom h3 { font-size: 32px; margin-top: 120px; line-height:40px}
  /*home-news*/
  .hnews { padding: 60px 0px 180px; }
  .hnews h3 { font-size: 34px; }
  .hnews-content { margin-top: 40px; }
  .hnews-content span { font-size: 16px; line-height: 26px; margin-top: 20px; }
  /*home-zixun*/
  .home-zixun { background-size: 1366px; height: 370px; }
  .home-zixun h3 { font-size: 32px; }
  /*news*/
  .news { padding: 50px 0px 70px; }
  .news h3 { font-size: 32px; }
  .news-info span { font-size: 18px; line-height: 28px; height: 56px; }
  .news-info em { margin-top: 12px; }
  /*detail*/
  .detail { padding: 40px 0px 60px; }
  .detail-head h1 { font-size: 34px; line-height: 48px; }
  .detail-info { margin-top: 30px; }
  .detail-right ul li { height: 50px; line-height: 50px; box-sizing: border-box; }
  /*hangye*/
  .hangye-item { width: 860px; }
  .hangye-item h3 { font-size: 24px; }
  .hangye-info { margin-top: 10px; }
  /*hy-info*/
  .hyinfo { margin: 60px auto; }
  .hyinfo-right h3 { font-size: 32px; }
  .hyfa { padding: 60px 0px; }
  .hyfa h3 { font-size: 34px; }
  .hyfa-detial { margin: 40px auto 0px; }
  .hy-cor { padding-bottom: 50px; }
  .hy-cor h3 { font-size: 34px; margin-top: 50px; }
  .hy-cor em { margin-top: 20px; }
  /*server*/
  .banner-ser1 h3 { font-size: 40px; }
  .server-1head h3 { font-size: 34px; }
  .server-1 ul { margin: 50px auto 0px; }
  .server-1content { margin: 40px auto 0px; }
  .server-1more { margin-top: 40px; }
  .server-2 { padding: 70px 0px 90px; }
  .server-2 h3 { font-size: 34px; }
  .server-3 h3 { font-size: 34px; margin-top: 60px; }
  .server-3info { line-height: 30px; }
  .server-3content { margin: 30px auto 0px; }
  .server-4 h3 { font-size: 34px; margin-top: 40px; }
  .server-5 h3 { font-size: 34px; margin-top: 40px; }
  .server-6 h3 { font-size: 34px; margin-top: 40px; }
  /*product*/
  .product-1, .product-2 { padding: 60px 0px; }
  .product-1 h3, .product-2 h3 { font-size: 34px; }
  .product-1center { width: 670px; }
  /*about*/
  .banner-about2 h3 { font-size:32px;line-height:40px }
  .about-1head h3 { font-size: 34px; }
  .about-2 h3 { font-size: 34px; }
  .about-3ver span { font-size: 34px; }
  .about-4left h3 { font-size: 34px; } }
  
@media screen and (max-width: 1280px) { 
/*header*/
  .header { height: 80px; line-height: 80px; }
  .logo { left: 60px; }
  .header-right { right: 60px; }
  .nav ul li { margin: 0px 8px;padding:0px  }
  .nav .search { height: 70px; top: 80px; }
  .nav .search form .txt { line-height: 70px; }
  .header-phone{margin-left:20px }
  /*footer*/
  .footer:before { width: 300px; height: 300px; left: -100px; top: -30px; }
  .footer-1 { width: 940px; margin: 50px auto 0px; }
  .footer-left{width:30%}
  .footer-left h3 { font-size:15px; }
  .footer-left p { font-size: 13px; }
  .footer-search { width: 260px; height: 40px; line-height: 40px; margin-top: 46px; }
  .footer-search .txt2 { font-size: 12px; }
  .footer-right { width:67%!important; }
  .footer-item:last-child{margin-top: 15px}

  .footer-2 { width: 940px; margin: 5vw auto 0px; padding: 20px 0px; }
  .footer-2 span { font-size: 14px; @inclulde height(26px); margin: 5px 20px 5px 0px; }
  .footer-2 span img { height: 22px; width: auto; }
  .footer-center { width: 940px; padding: 15px 0px; font-size: 14px; }
  /*banner*/
  .banner { height: calc(100vh + 240px); }
  .banner-ver { width: 940px; left: calc((100% - 940px)/2); bottom: 32%; }
  .banner-ver h3 { font-size: 32px; line-height: 44px; }
  .banner-ver p { width: 620px; font-size: 14px; margin-top: 30px; }
  /*banner-ad*/
  .ad-ver { width: 940px; left: calc((100% - 940px)/2); }
  .ad-ver h3 { font-size: 32px; }
  /*home-1*/
  .content-1 h3 { font-size: 28px;line-height:36px;width: 57% }
  .content-1pic { margin: 50px auto 0px; }
  /*home-2*/
  .content-2head { background-size: 1280px; height: 502px; }
  .content-2head h3 { font-size: 28px; line-height:36px; margin-top: 100px; }
  .content-2pannel { width: 940px; }
  .content-2item { margin-top: 50px; padding-bottom: 30px; }
  .content-2icon { width: 100px; height: 100px; margin: -50px auto 0px; }
  .content-2icon samp { height:30px; }
  .content-2icon span { font-size: 14px; }
  .content-2item ul { width: 84%; }
  .content-2item ul li { margin-top: 20px; font-size: 16px; }
  .content-2item ul li span { font-size: 36px; }
  .content-2item:nth-child(1) { margin-top: 150px; }
  .content-2item:nth-child(1) li.icon1:before { height: 2px; }
  .content-2item:nth-child(1) li.icon2:before { height: 2px; }
  .content-2item:nth-child(1) li.icon3:before { height: 2px; }
  .content-2item:nth-child(1) li.icon4:before { height: 2px; }
  .content-2item:nth-child(2) { margin-top: 100px; }
  .content-2item:nth-child(2) li.icon1:before { height: 2px; }
  .content-2item:nth-child(2) li.icon2:before { height: 2px; }
  .content-2item:nth-child(2) li.icon3:before { height: 2px; }
  .content-2item:nth-child(2) li.icon4:before { height: 2px; }
  .content-2item:nth-child(3) li.icon1:before { height: 2px; }
  .content-2item:nth-child(3) li.icon2:before { height: 2px; }
  .content-2item:nth-child(3) li.icon3:before { height: 2px; }
  .content-2item:nth-child(3) li.icon4:before { height: 2px; }
  .content-2more { margin-top: 70px; }
  .content-2data { width: 940px; margin: 620px auto 0px; padding: 30px 0px; }
  .content-2data ul li span em { font-size: 40px; }
  .content-2data ul li span samp { font-size: 30px; }
  .content-2data ul li p { font-size: 16px; }
  .content-2ct h4 { font-size: 28px; margin-top: 80px; }
  .content-2nav { width: 940px; margin: 30px auto 0px; }
  .content-2nav ul li { padding-bottom: 15px; }
  .content-2nav ul li samp { height: 24px; line-height: 24px;  }
  .content-2nav ul li samp img { width: auto; height: 22px; }
  .content-2nav ul li span { line-height: 24px; font-size: 16px; }
  .content-2slide { width: 940px; margin: 50px auto; }
  .content-2info span { font-size: 20px; }
  .content-2info p { margin-top: 10px; line-height: 26px; }
  .content-2sect { width: 100%; height: 55px; margin-top: 25px; }
  .content-2sect img { width: auto; height: auto; max-width: 80%; max-height: 60%; }
  .content-2sect .swiper-scrollbar { height: 3px; }
  .content-2bottom { height: 344px; background-size: 1280px; margin-top: -150px; }
  .content-2bottom h3 { font-size: 28px; margin-top: 94px;line-height:34px }
  /*home-news*/
  .hnews { padding: 50px 0px 180px; }
  .hnews h3 { font-size: 28px; }
  .hnews-content { width: calc(50%  + 940px*0.5); margin-top: 30px; }
  .hnews-content span { font-size: 16px; line-height: 25px; margin-top: 15px; }
  .hnews-content em { font-size: 16px; margin-top: 10px; }
  .hnews-bottom { width: 940px; padding: 25px 0px 3px; }
  .hnews-pag { width: 100px; height: 44px; }
  .hnews-pag .swiper-button-prev { width: 36px; height: 36px; }
  .hnews-pag .swiper-button-next { width: 36px; height: 36px; }
  .hnews-more { width: 140px; height: 40px; line-height: 40px; font-size: 16px; }
  /*home-zixun*/
  .home-zixun { height: 370px; margin-top: -115px; }
  .home-zixun h3 { font-size: 32px; }
  .home-zixun span { margin-top: 35px; }
  .home-zixun span a { width: 280px; height: 44px; line-height: 44px; font-size: 16px; }
  /*news*/
  .news { padding: 40px 0px 60px; }
  .news h3 { width: 940px; font-size: 28px; }
  .news-list { width: 940px; }
  .news-item { margin: 25px 3.2% 0px 0px; padding-bottom: 100px; }
  .news-info span { font-size: 16px; line-height: 25px; height: 50px; }
  .news-info p { font-size: 14px; line-height: 26px; }
  .news-info em { font-size: 15px; margin-top: 12px; }
  .news-item.on .news-info p { height: 78px; }
  .news-page a { margin: 0px 3px; padding: 0px 11px; height: 30px; line-height: 30px; }
  /*detail*/
  .detail { padding: 50px 0px; }
  .detail-head { width: 940px; }
  .detail-head h1 { font-size: 26px; line-height: 40px; }
  .detail-info { font-size: 14px; margin-top: 25px; }
  .detail-1 { width: 940px; margin: 20px auto 0px; }
  .detail-content { padding-right: 60px; line-height: 28px; }
  .detail-content p { margin: 24px 0px; }
  .detail-back { margin-top: 50px; }
  .detail-page { margin-top: 30px; padding: 18px 24px; }
  .detail-page span { margin: 5px 0px; }
  .detail-right { top: 25%; }
  .detail-right ul li { height: 40px; line-height: 40px; font-size: 14px; }
  /*hangye*/
  .hangye-item { width:70%; left:8%; }
  .hangye .section:nth-child(2n) .hangye-item { right:8%; }
  .hangye-item h3 { font-size:18px; }
  .hangye-info { margin-top:4px; }
  .hangye-p { line-height:20px; }
  .hangye-info ul { margin-top: 1vw; }
  .hangye-slide { margin-top: 1.5vw; height: 60px; }
  .hangye-slide .swiper-scrollbar { height: 3px; }
  /*hy-info*/
  .hyinfo { width: 940px; margin: 50px auto; }
  .hyinfo-right h3 { font-size: 28px; }
  .hyinfo-p { line-height: 26px; font-size: 14px; }
  .hyinfo-p p { margin-top: 12px; }
  .hyfa { padding: 50px 0px; }
  .hyfa h3 { font-size: 28px; }
  .hyfa-ct { width: 940px; margin: 25px auto 0px; }
  .hyfa-item p { margin-top: 14px; padding: 0px 16px; font-size: 14px; }
  .hyfa-detial { width: 940px; margin: 30px auto 0px; }
  .hy-cor { padding-bottom: 50px; }
  .hy-cor h3 { font-size: 28px; margin-top: 40px; }
  .hy-cor em { margin-top: 18px; font-size: 14px; }
  .hy-cor p { font-size: 16px; }
  .hy-info samp { height: 60px; line-height: 60px; }
  /*server*/
  .banner-ser1 h3 { font-size: 32px; }
  .banner-ser1 p { font-size: 18px; margin-top: 12px; }
  .banner-ser1 ul li samp { height: 64px; line-height: 64px; }
  .banner-ser1 ul li span { font-size: 18px; }
  .banner-ser1 ul li em { margin-top: 16px; }
  .server-1 { padding-top: 32px; }
  .server-1head h3 { font-size: 28px; }
  .server-1 ul { width: 940px; margin: 30px auto 0px;background:none }
  .server-1left samp { width: 130px; height: 134px; }
  .server-1left samp:before, .server-1left samp:after { background-size: 100%; }
  .server-1left samp img { width: 32%; height: auto; }
  .server-1left span { font-size: 12px; }
  .server-1line { left:139px;top:64px }
  .server-1 ul li.active .server-1line{width:39% }
  .server-1 ul{padding-right:150px }
  .server-1 ul li{overflow:initial}
  .server-1 ul li.active{z-index:12}
  .server-1content { width: 940px; margin: 30px auto 0px; }
  .server-1item { padding-bottom: 15px; }
  .server-1item span { margin: 20px auto 0px; font-size: 15px; padding: 0px 15px; }
  .server-1item p { margin: 12px auto 0px; padding: 0px 10px 0px 15px; }
  .server-1more { margin-top: 30px; }
  .server-2 { padding: 50px 0px 60px; }
  .server-2 h3 { font-size: 28px; }
  .server-2content { width: 940px; }
  .server-2item { margin: 30px auto 0px;height:180px }
  .server-2ver a { width: 100px; }
  .server-2ver p { line-height:22px;-webkit-line-clamp:2 }
  .server-3 h3 { font-size: 28px; margin-top: 50px; }
  .server-3info { width: 940px; font-size: 16px; }
  .server-3content { width: 940px; margin: 40px auto 0px; }
  .server-3item span { margin: 20px auto 0px; font-size: 18px; padding: 0px 15px; }
  .server-3item p { padding: 0px 15px 0px 15px; }
  .server-4 h3 { font-size: 28px; margin-top: 40px; }
  .server-4content { width: 940px; }
  .server-4item { margin-top: 10px; padding: 25px; }
  .server-4item img { width: 50px; }
  .server-4right { width: calc(100% - 70px); }
  .server-5 h3 { font-size: 28px; margin-top: 40px; }
  .server-5content { width: 940px; }
  .server-5item { margin-top: 15px; padding: 25px 15px; }
  .server-5item span { margin-top: 15px; line-height: 25px; }
  .server-6 h3 { font-size: 28px; margin-top: 40px; }
  .server-6content { width: 940px; }
  .server-6item { margin-top: 12px; padding: 15px 20px; }
  .server-6more { width: 940px; }
  /*product*/
  @keyframes linear-width { 0% { width: 0px; opacity: 1; }
    70% { width: 150px; opacity: 1; }
    100% { width: 150px; opacity: 0; } }
  .product-1 { padding: 50px 0px; }
  .product-1 h3 { font-size: 30px; }
  .product-1center { width: 48%; margin: 40px auto 0px; }
  .product-1left img { width: 28px; }
  .product-1left span { font-size: 16px; margin-top: 10px; }
  .product-1left:before { width: 10px; height: 10px; }
  .product-1left:after { height: 220px; top: -87%; animation: linear-width 3s ease infinite; background-size: 150px 100%; }
  .product-1right img { width: 74px; }
  .product-1right span { font-size: 16px; margin-top: 10px; }
  .product-1right:before { width: 10px; height: 10px; right: 74px; }
  .product-1right:after { height: 220px; right: 90px; top: -43%; animation: linear-width 3s ease infinite; background-size: 150px 100%; }
  .product-1cont { height: 120px; margin: 30px auto; }
  .product-1cont span { font-size:20px; }
  .product-1cont p { font-size: 14px; margin-top:6px; }
  .product-2 { padding: 50px 0px; }
  .product-2 h3 { font-size: 30px; }
  .product-2center { margin: 50px auto 0px; }
  .product-2center samp img { width: 38%; height: auto; }
  .product-2center span { left: 10%; width: 4%; }
  .product-2center span img { width: 100%; height: auto; }
  .product-2center em { left: 20%; width: 3%; }
  .product-2center em img { width: 100%; height: auto; }
  .product-4center { width: 80%; height: 38vw; margin: 30px auto 0px; }
  .product-4center span { width: 35%; }
  .product-4center span img { width: 100%; height: auto; }
  .product-4center em { width: 68%; }
  .product-4center em img { width: 100%; height: auto; }
  .product-4center p { width: 35%; }
  .product-4center p img { width: 100%; height: auto; }
  .product-5info { font-size: 18px; line-height: 28px; margin-top: 12px; }
  .product-5cont { margin-top: 40px; }
  .product-5cont p { font-size: 22px; line-height: 34px; }
  /*about*/
  .banner-about2 { width: 940px; }
  .banner-about2 h3 { font-size:30px; }
  .banner-about2 p{font-size:14px;line-height:24px;}
  .about-1 { padding-bottom: 60px; }
  .about-1head h3 { font-size: 28px; }
  .about-1cont { margin-top: 3vw; }
  .about-1cont samp { height: 52px; line-height: 52px; }
  .about-2 { padding: 50px 0px; }
  .about-2 h3 { font-size: 28px; }
  .about-2 h4 { font-size: 26px; margin-top: 30px; }
  .about-2nav { margin: 40px auto 0px; }
  .about-2nav .swiper-container { width: 80%; }
  .about-2item em { height: 40px; background-size: auto 100%; }
  .about-2item samp { margin-top: 16px; }
  .about-2item samp::before { width: 20px; height: 20px; border: 2px #007ed9 solid; }
  .about-2nav::before { height: 8px; top: 62px; }
  .about-2nav .swiper-button-prev { width: 36px; height: 36px; margin-top: 45px; }
  .about-2nav .swiper-button-next { width: 36px; height: 36px; margin-top: 45px; }
  .about-2cont { margin-top: 30px; }
  .about-2pannel { width: 55%; padding-bottom: 50px; }
  .about-2pannel::before { width: 33%; }
  .about-2left { font-size: 70px; width: 28%; }
  .about-2right { width: 60%; }
  .about-2 h4.ry { margin-top: 60px; }
  .about-2ry { margin-top: 22px; }
  .about-2ry .swiper-slide { padding-top: 30px; }
  .about-2ry .swiper-button-prev { width: 50px; height: 50px; }
  .about-2ry .swiper-button-next { width: 50px; height: 50px; }
  .about-3ver { width: 940px; left: calc((100% - 940px)/2); }
  .about-3ver span { font-size: 28px; }
  .about-4left { left: calc((100% - 940px)/2); width: 300px; }
  .about-4left h3 { font-size: 28px; letter-spacing: 0px; }
  .about-4left ul { margin-top: 8px; }
  .about-4left ul li { line-height: 22px; margin-top: 8px; font-size: 14px; }
  .about-4left p { margin-top: 30px; }
  .about-4left p img { width: 140px; } }
@media screen and (max-width: 1000px) { 
  /*header*/
  .header { height: 50px; line-height: 50px; background: #fff; box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.03); }
  .logo { left: 50px; }
  .logo a { font-size: 18px; padding-left: 46px; color: #304e95; }
  .logo img { width: 36px; }
  .header-right { right:90px; }
  .header-search { display: none; }
  .header-phone { background: url("../images/icon-2-1.png") no-repeat left center; font-size: 16px; color: #395699; }
  .header-phone a { color: #395699; }
  .nav { width: 100%; height: calc(100% - 50px); position: fixed; left: -100%; top: 50px; background: #fff; border-top: 1px #eee solid; overflow-y: scroll; }
  .nav .search { width: 80%; height: 40px; position: relative; left: 0px; top: 0px; background: #fff; border: 1px #eee solid; transform-origin: top; transform: scale(1); opacity: 1; visibility: visible; margin: 30px auto 0px; border-radius: 6px; }
  .nav .search form { width: 100%; }
  .nav .search form .txt { float: left; width: 90%; height: 100%; font-size: 14px; line-height: 40px; padding-left: 20px; }
  .nav .search form .bt { left: auto; right: 10px; }
  .search-close { display: none; }
  .nav ul { width: 80%; height: auto; text-align: left; margin: 40px auto 0px; border-top: 1px #eee solid; padding-bottom: 30px; }
  .nav ul li { float: left; width: 100%; height: 40px; padding: 0px; margin: 0px; line-height: 40px; border-bottom: 1px #eee solid; }
  .nav ul li a { font-size: 14px; color: #666; }
  .nav ul li a:hover, .nav ul li.on a { color: #395699 !important; }
  .header-slide .nav { left: 0px; }
  .menu { float: right; width: 24px; display: block; position: relative; z-index: 820; margin-top: 10px; cursor: pointer; margin-right: 50px; }
  .menu span { float: left; width: 100%; height: 2px; background: #395699; margin-top: 6px; border-radius: 2px; }
  .header-slide .menu { margin-top: 15px; }
  .header-slide .menu span:nth-child(1) { transform: rotate(45deg) translateY(5px); }
  .header-slide .menu span:nth-child(2) { transform: rotate(-45deg) translateY(-6px); }
  .header-slide .menu span:nth-child(3) { display: none; }
  /*footer*/
  .footer:before { width: 250px; height: 250px; left: -60px; top: -40px; background-size: 100%; }
  .footer-1 { width: 80%; margin: 30px auto 0px; }
  .footer-left { width: 100%; }
  .footer-left h3 { font-size: 20px; }
  .footer-left p { font-size: 14px; margin-top: 8px; }
  .footer-search { margin-top: 20px; }
  .footer-right { float: left; width: 100%!important; margin-top: 30px; }
  .footer-2 { width: 80%; }
  .footer-center { width: 80%; }
  .footer-item:last-child{margin-top:0px}  
  /*banner*/
  .banner { height: auto; margin-top: 50px; }
  .banner:before { display: none; }
  .banner:after { display: none; }
  .banner-ver { width: 80%; left: calc((100% - 80%)/2); bottom: auto; top: 20%; }
  .banner-ver h3 { font-size: 26px; line-height: inherit; }
  .banner-ver p { width:61%; font-size: 14px; margin-top: 30px; }
  /*banner-ad*/
  .ad-ver { width: 80%; left: calc((100% - 80%)/2); }
  .ad-ver h3 { font-size: 26px; }
  /*home-1*/
  .content-1 { margin-top: 30px; }
  .content-1 h3 { font-size: 22px; }
  .content-1 img { width: 100%; height: auto; }
  .content-1pic { width: 90%; margin: 30px auto 0px; }
  .content-arr1 { top: 32%; }
  .content-arr6 { top: 86.5%; }
  .content-arr12 { top: 67.4%; }
  /*home-2*/
  .content-2head { background-size: 100%; height: 40vw; }
  .content-2head h3 { font-size: 22px; line-height: inherit; margin-top: 10vw; }
  .content-2pannel { width: 80%; }
  .content-2item { width: 31%; margin-top: 50px; }
  .content-2icon { width: 90px; height: 90px; margin: -45px auto 0px; }
  .content-2icon samp { height:25px;}
  .content-2icon span { font-size: 12px; }
  .content-2item ul { width: 93%; }
  .content-2item ul li { margin-top: 10px; font-size: 14px; }
  .content-2item ul li span { float: left; width: 100%; font-size: 30px; margin-right: 8px; }
  .content-2item:nth-child(1) { margin-top: 100px; }
  .content-2item:nth-child(2) { margin-top: 70px; }
  .content-2item:nth-child(3) li.icon1 p { width: 100%; line-height: 22px; margin-top: 10px; }
  .content-2more { margin-top: 50px; }
  .content-2more a { width: 160px; height: 40px; line-height: 40px; font-size: 16px; }
  .content-2ct { margin-top: -14vw; padding-bottom: 178px; }
  .content-2data { width: 80%; margin: 570px auto 0px; }
  .content-2ct h4 { font-size: 22px; margin-top: 40px; }
  .content-2nav { width: 80%; margin: 30px auto 0px; }
  .content-2nav ul li span { margin-left: 10px; }
  .content-2slide { width: 80%; margin: 20px auto; }
  .content-2left { width: 100%; }
  .content-2info span { font-size: 20px; }
  .content-2info p { font-size: 14px; line-height: 27px; margin-top: 15px; }
  .content-2sect { margin-top: 20px; width: 60%; }
  .content-2right { float: left; width: 100%; margin-top: 20px; }
  .content-2right:before { display: none; }
  .content-2right span { width: 100%; margin-top: 20px; }
  .content-2bottom { height: 27vw; background-size: 100%; margin-top: -12vw; }
  .content-2bottom h3 { font-size:18px; margin-top: 7vw; }
  /*home-news*/
  .hnews { padding: 50px 0px 120px; }
  .hnews h3 { font-size: 22px; }
  .hnews-content { float: left; width: 80%; margin-top: 20px; margin-left: 10%; }
  .hnews-content .swiper-container { width: 100%; }
  .hnews-content samp { height: 21.7vw; }
  .hnews-content em { font-size: 14px; margin-top: 14px; }
  .hnews-bottom { width: 100%; padding: 30px 0px 3px; }
  .hnews-pag .swiper-button-prev { left: 0px; }
  .hnews-more a { color: #fff; display: block; }
  /*home-zixun*/
  .home-zixun { background-size: 1000px; height: 271px; margin-top: -90px; }
  .home-zixun h3 { font-size: 26px; margin-top: 11%; }
  .home-zixun span { margin-top: 25px; }
  .home-zixun span a { width: 250px; font-size: 14px; }
  /*news*/
  .bread-crumb { margin-top: 50px; top: 50px; }
  .news { padding: 30px 0px 60px; }
  .news h3 { width: 80%; font-size: 26px; }
  .news-list { width: 80%; }
  .news-item { margin: 20px 3.2% 0px 0px; padding-bottom: 90px; }
  .news-info span { font-size: 16px; line-height: 25px; height: 50px; }
  .news-info em { margin-top: 5px; }
  .news-item.on .news-info { padding: 1vw; }
  .news-item.on .news-info p { margin-top: 1vw; height: 52px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .news-item.on .news-info em { margin-top: 1vw; }
  /*detail*/
  .detail { padding: 50px 0px; }
  .detail-head { width: 80%; }
  .detail-head h1 { width: 100%; font-size: 20px; line-height: 30px; }
  .detail-info { width: 100%; font-size: 14px; margin-top: 16px; }
  .detail-info span { padding: 0px 12px 0px 11px; }
  .detail-1 { width: 80%; margin: 16px auto 0px; }
  .detail-left { width: 100%; }
  .detail-content { padding-right: 0px; line-height: 28px; }
  .detail-back { margin-top: 30px; }
  .detail-back a { width: 120px; height: 140px; background-size: 100%; font-size: 12px; line-height: 120px; }
  .detail-back a:before { top: 17%; background-size: 21px; height: 21px; }
  .detail-page { width: 100%; border-top: 3px #0b6aac solid; margin-top: 20px; padding: 15px; box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.05); }
  .detail-page span { margin: 4px 0px; font-size: 14px; }
  .detail-right { float: left; width: 100%; padding-right: 0px; margin-top: 30px; position: relative; top: 0%; }
  .detail-card { margin-top: 16px; }
  .detail-card span { height: 50px; line-height: 50px; font-size: 14px; }
  .detail-right ul li { height: 40px; line-height: 40px; font-size: 14px; }
  .detail-share { display: none; }
  /*hangye*/
  .hangye-pannel { height: auto; padding: 50px 0px; }
  .hangye-item { width: 80%; position: relative; top: 0%; transform: translateY(0%); left: auto; margin: 0px auto; }
  .hangye .section:nth-child(2n) .hangye-item { left: auto; right: auto; }
  .hangye-item h3 { font-size: 20px; opacity: 1; transform: translateY(0px); }
  .hangye-info { margin-top: 15px; }
  .hangye-p { opacity: 1; transform: translateY(0px); }
  .hangye-info ul { margin-top: 1.2vw; opacity: 1; transform: translateY(0px); }
  .hangye-slide { width: 100%; opacity: 1; transform: translateY(0px); }
  .hangye-more { opacity: 1; transform: translateY(0px); }
  .hangye .footer { margin-bottom: 0px; }
  .right-nav { display: none; }
  /*hy-info*/
  .hyinfo { width: 80%; margin: 40px auto; }
  .hyinfo-right { float: right; position: relative; top: 0%; transform: translateY(0%); }
  .hyinfo-right h3 { font-size: 18px; }
  .hyinfo-p { line-height: 25px; font-size: 14px; }
  .hyinfo-p p { margin-top: 8px; }
  .hyfa { padding: 40px 0px; }
  .hyfa h3 { font-size: 22px; }
  .hyfa-ct { width: 80%; margin: 0px auto; }
  .hyfa-item { width: 49%; padding-bottom: 15px; margin-right: 2%; margin-top: 15px; }
  .hyfa-item:nth-child(2n) { float: right; margin-right: 0px; }
  .hyfa-item samp { height: 25.4vw; }
  .hyfa-item p { margin-top: 14px; padding: 0px 10px; line-height: 25px; font-size: 14px; }
  .hyfa-detial { width: 80%; margin: 30px auto 0px; }
  .hy-cor { padding-bottom: 40px; }
  .hy-cor h3 { font-size: 22px; margin-top: 40px; }
  .hy-cor em { margin-top: 20px; font-size: 16px; }
  .hy-cor p { font-size: 18px; margin-top: 10px; }
  .hy-info { width: 80%; }
  .hy-info samp { height: 50px; line-height: 50px; margin: 30px 20px 0px; }
  .hy-info samp img { max-height: 96%; }
  /*server*/
  .banner-ser:before, .banner-ser:after { display: none; }
  .banner-ser1 { top: 50%; transform: translateY(-50%); }
  .banner-ser1 h3 { font-size: 26px; }
  .banner-ser1 p { font-size: 18px; margin-top: 10px; }
  .banner-ser1 ul { margin-top: 3vw; }
  .banner-ser1 ul li { margin: 0px 3vw; }
  .banner-ser1 ul li samp { height: 50px; line-height: 50px; }
  .banner-ser1 ul li span { margin-top: 10px; font-size: 18px; padding-top: 15px; }
  .banner-ser1 ul li em { margin-top: 16px; font-size: 14px; line-height: 22px; }
  .server-1 { padding-top: 30px; }
  .server-1head h3 { font-size: 22px; }
  .server-1head p { font-size: 16px; }
  .server-1 ul { width: 80%; margin: 20px auto 0px; padding-right:148px; background: none; }
  .server-1left samp { width: 100px; height: 102px; }
  .server-1left span { font-size: 12px; }
  .server-1line {display:none}
  .server-1content { width: 80%; margin: 20px auto 0px; }
  .server-1item span { margin: 15px auto 0px; font-size: 18px; padding: 0px 12px; }
  .server-1item p { margin: 10px auto 0px; padding: 0px 12px; line-height: 22px; }
  .server-2 { padding: 40px 0px; }
  .server-2 h3 { font-size: 22px; }
  .server-2content { width: 80%; }
  .server-2item { margin: 20px auto 0px; }
  .server-2left span { width: 180px; }
  .server-2left span img { width: 100px; height: 100px; }
  .server-2ver { width: 80%; }
  .server-2ver span { font-size: 16px; }
  .server-2ver a { width: 90px; height: 28px; line-height: 28px; font-size: 14px; }
  .server-2ver p { font-size: 14px; line-height: 25px; margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; }
  .server-3 h3 { font-size: 22px; margin-top: 40px; }
  .server-3info { width: 80%; font-size: 16px; line-height: 25px; }
  .server-3content { width: 80%; margin: 20px auto 0px; }
  .server-3item { padding-bottom: 14px; }
  .server-3item span { margin: 15px auto 0px; font-size: 18px; padding: 0px 12px; }
  .server-3item p { margin: 10px auto 0px; padding: 0px; line-height: 24px;padding-bottom:5px }
  .server-4 h3 { font-size: 22px; margin-top: 40px; }
  .server-4content { width: 80%; }
  .server-4item { margin-top: 15px; }
  .server-4item img { width: 45px; }
  .server-4right { width: calc(100% - 60px); }
  .server-4right span { font-size: 18px; padding-left: 20px; }
  .server-4right span:before { width: 3px; }
  .server-4right p { padding-left: 20px; line-height: 22px; margin-top: 10px; }
  .server-5 h3 { font-size: 22px; margin-top: 40px; }
  .server-5content { width: 80%; }
  .server-5item { margin-top: 15px; }
  .server-5item samp { height: 40px; line-height: 40px; }
  .server-5item span { font-size: 14px; line-height: 25px; margin-top: 15px; }
  .server-6 h3 { font-size: 22px; margin-top: 40px; }
  .server-6content { width: 80%; }
  .server-6item { margin-top: 15px; }
  .server-6item span { padding-left: 20px; font-size: 16px; }
  .server-6item span:before { width: 3px; }
  .server-6more { width: 80%; padding: 30px 0px 40px; }
  /*product*/
  .product-1cont { padding: 0px 10%; box-sizing: border-box;height:150px }
  .product-5info { padding: 0px 10%; box-sizing: border-box; font-size: 16px; }
  .product-5cont samp img { width: 80%; height: auto; }
  
  /*about*/
  .bread-crumb.active { background: #f7f7f7; color: #666; }
  .bread-crumb.active .bread-left a { color: #666; }
  .bread-crumb.active .bread-left a.home { background: url("../images/icon-8.png") no-repeat left center; }
  .bread-crumb.active ul { display: none; }
  .banner-about { margin-top: 0px; }
  .banner-about2 { width: 80%; top: 10vw; }
  .banner-about2 h3 { font-size:24px;line-height:30px }
  .banner-about2 p { font-size: 14px; line-height: 25px; margin-top: 10px; }
  .about-1 { padding-bottom: 50px; margin-top: -13%; padding-top: 16%; }
  .about-1head h3 { font-size: 22px; }
  .about-1head p { font-size: 16px; }
  .about-1cont { width: 80%; }
  .about-1cont samp { height: 40px; line-height: 40px; margin: 0px 2vw; }
  .about-1cont samp img { max-height: 95%; }
  .about-2 { padding: 40px 0px; background-size: 202%; }
  .about-2 h3 { font-size: 22px; }
  .about-2 h4 { font-size: 20px; margin-top: 30px; }
  .about-2nav { width: 86%; margin: 30px auto 0px; }
  .about-2cont { margin-top: 30px; }
  .about-2left { font-size: 50px; }
  .about-2info { font-size: 14px; }
  .about-2 h4.ry { margin-top: 40px; }
  .about-3ver { width: 80%; left: calc((100% - 80%)/2); }
  .about-3ver span { font-size: 22px; }
  .about-3ver a { width: 150px; height: 40px; line-height: 40px; font-size: 14px; margin-top: 30px; }
  .about-4left { width: 80%; position: relative; left: 0px; top: 0%; transform: translateY(0%); margin: 40px auto 0px; }
  .about-4left h3 { font-size: 22px; }
  .about-4left ul { width: 100%; margin-top: 12px; }
  .about-4left ul li { margin-top: 10px; font-size: 16px; }
  .about-4left p { margin-top: 30px; }
  .about-4right { float: none; width: 100%; margin-top: 30px; } 
  .content-2nav ul li span{font-size:14px}      
}
@media screen and (max-width: 768px) { 
  /*header*/
  .logo { left: 25px; }
  .menu { margin-right: 25px; }
  .header-phone { display: none; }
   .header-right{right: 60px}
   .header-lang a{color:#333}
  /*footer*/
  .footer-1 { width: 88%; margin: 25px auto 0px; }
  .footer-left h3 { font-size:16px; }
  .footer-search { display: none; }
  .footer-right { display: none; }
  .footer-2 { width: 88%; }
  .footer-2 span img { display: none; }
  .footer-center { width: 88%; text-align: center; }
  .footer-center span { float: none; }
  .footer-center em { float: left; width: 100%; }
  .footer-2 span{margin:1px 20px 1px 0px;height: auto}
  /*banner*/
  .banner-ver { width: 88%; left: calc((100% - 88%)/2); top: 50%; transform: translateY(-50%); }
  .banner-ver h3 { font-size:18px; }
  .banner-ver p { display: none; }
  .banner-right { float: left; width: 100%; position: relative; bottom: 0%; margin-left: 0%; margin-top: 20px; }
  .banner-right span { height: 28px; line-height: 28px;font-size:12px  }
  .banner-right em { width:40px; height:28px; margin-left: 12px; }
  /*banner-ad*/
  .ad-ver { width: 88%; left: calc((100% - 88%)/2); }
  .ad-ver h3 { font-size: 22px; }
  /*home-1*/
  .content-2icon span{font-size:12px }
  .content-1 h3 { padding: 0px 5%; box-sizing: border-box; font-size:16px;width:100%;line-height:24px;margin-top:10px   }
  .content-arr1 { top: 23%; left: 26.5%; }
  .content-arr2 { left: 18.6%; top: 45.1%; }
  .content-arr3 { left: 42.8%; top: 26.7%; }
  .content-arr4 { top: 17%; }
  .content-arr5 { left: 13.6%; top: 67.7%; }
  .content-arr6 { top: 85.5%; left: 33.6%; }
  .content-arr7 { left: 45.6%; top: 68.2%; }
  .content-arr8 { left: 61.6%; top: 71.4%; }
  .content-arr9 { left: 64.6%; top: 40.8%; }
  .content-arr10 { left: 70.6%; top: 52.9%; }
  .content-arr11 { top: 37%; }
  .content-arr12 { top: 58.4%; left: 85.2%; }
  /*home-2*/
  .content-2 { margin-top: 20px; }
  .content-2head h3 {font-size: 16px;line-height:24px;margin-top: 8vw;text-align: center }
  .content-2pannel { width: 88%; }
  .content-2item { width: 100%; margin-top: 70px; }
  .content-2more { margin-top: 30px; }
  .content-2ct { padding-bottom: 70px; }
  .content-2data { width: 88%; margin:1570px auto 0px; padding: 15px 0px; }
  .content-2data ul li { padding: 0px 10px; box-sizing: border-box; }
  .content-2data ul li span em { font-size: 20px; }
  .content-2data ul li span samp { font-size: 20px; }
  .content-2data ul li p { font-size: 12px; }
  .content-2ct h4 { font-size: 18px; margin-top: 30px; padding: 0px 20%; box-sizing: border-box; }
  .content-2nav { width: 88%; margin-top: 20px; }
  .content-2nav ul li samp { width: 100%; text-align: center; margin-left: 0px; }
  .content-2nav ul li span { margin-left: 0px; width: 100%; text-align: center; font-size: 12px;line-height:20px  }
  .content-2slide { width: 88%; margin: 15px auto; }
  .content-2info span { font-size: 18px; }
  .content-2info p { line-height: 26px; margin-top: 10px; }
  .content-2sect { width: 100%; }
  .content-2bottom h3 { font-size: 14px; margin-top: 0vw;line-height:20px}
  /*home-news*/
  .hnews { padding: 30px 0px 70px; }
  .hnews h3 { font-size: 18px; }
  .hnews-content { width: 88%; margin-left: 6%; }
  .hnews-content samp { height: 49.7vw; }
  .hnews-content span { font-size: 14px; line-height: 23px; margin-top: 12px; }
  .hnews-content em { margin-top: 10px; }
  .hnews-bottom { padding: 20px 0px 3px; }
  .hnews-more { width: 90px; height: 34px; line-height: 34px; font-size: 14px; }
  /*home-zixun*/
  .home-zixun { background-size: auto; height: 190px; margin-top: -30px; }
  .home-zixun h3 { font-size:18px; }
  /*面包屑导航*/
  .bread-crumb { padding: 0px 25px; }
  /*news*/
  .news { padding: 20px 0px 30px; }
  .news h3 { width: 88%; font-size: 20px; }
  .news-list { width: 88%; }
  .news-item { width: 100%; margin: 20px 0px 0px; padding-bottom: 0px; }
  .news-item samp { width: 130px; height: 95px; }
  .news-info { float: right; width: calc(100% - 145px); position: relative; }
  .news-info:before { display: none; }
  .news-info span { font-size: 16px; line-height: 22px; height: 22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .news-info p { font-size: 14px; line-height: 20px; height: 40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 8px; }
  .news-info em { font-size: 12px; margin-top: 7px; }
  .news-page a { margin: 0px 2px; padding: 0px 8px; height: 28px; line-height: 28px; font-size: 12px; }
  /*detail*/
  .detail { padding: 30px 0px; }
  .detail-head { width: 88%; }
  .detail-head h1 { font-size: 18px; line-height: 26px; }
  .detail-info { margin-top: 12px; }
  .detail-info span { float: left; width: auto; padding: 0px; margin-right: 16px; line-height: 24px; }
  .detail-info span::before { display: none; }
  .detail-1 { width: 88%; margin: 0px auto 0px; }
  /*hangye*/
  .hangye-pannel { padding: 30px 0px; }
  .hangye-item { width: 88%; }
  .hangye-item h3 { font-size: 18px; }
  .hangye-more { margin-top: 20px; }
  .hangye-more span { width: 100px; height: 34px; line-height: 34px; }
  .hangye-more em { width: 100px; height: 34px; line-height: 34px; margin-left: 20px; }
  /*hy-info*/
  .hyinfo { width: 88%; margin: 30px auto; }
  .hyinfo-left { width: 100%; }
  .hyinfo-right { float: left; margin-top: 20px; width: 100%; }
  .hyfa { padding: 30px 0px; }
  .hyfa h3 { font-size: 18px; }
  .hyfa-ct { width: 88%; }
  .hyfa-item p { font-size: 12px; }
  .hyfa-detial { width: 88%; }
  .hy-cor { padding-bottom: 30px; }
  .hy-cor h3 { font-size: 18px; margin-top: 30px; }
  .hy-cor p { font-size: 16px; }
  .hy-info { width: 88%; }
  .hy-info samp { height: 40px; line-height: 40px; margin: 20px 6px 0px; }
  .hy-info samp img { max-height: 94%; max-width: 90%; }
  /*server*/
  .banner-ser1 { padding: 0px 10%; box-sizing: border-box; }
  .banner-ser1 h3 { font-size:18px;line-height:24px }
  .banner-ser1 p { font-size:12px; margin-top: 8px; }
  .banner-ser1 ul { display: none; }
  .server-1 { padding-top: 30px; }
  .server-1head h3 { font-size: 18px; }
  .server-1head p { font-size: 14px; }
  .server-1 ul { width: 100%; margin: 20px auto 0px; padding-right: 0px; text-align: center; }
  .server-1 ul li { float: none; width: 32%; display: inline-block; vertical-align: top; }
  .server-1left { width: 100%; }
  .server-1 ul li samp { display: inline-block; }
  .server-1 ul li:last-child { position: relative; right: 0px; top: 0px; width: auto; }
  .server-1content { width: 88%; margin: 10px auto 0px; }
  .server-1item { width: 100%; margin-right: 0%; margin-top: 15px; }
  .server-1item samp { height: auto; }
  .server-2 { padding: 30px 0px; }
  .server-2 h3 { font-size: 18px; }
  .server-2content { width: 88%; }
  .server-2item { margin: 20px auto 0px; height: auto; border-radius: 0px; box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.06); }
  .server-2left { width: 100%; height: auto; }
  .server-2left samp { height: 140px; }
  .server-2left span { width: 100%; }
  .server-2right { float: left; width: 100%; height: auto; padding: 20px 0px; }
  .server-2ver { width: 90%; padding-bottom: 40px; }
  .server-2ver span { font-size: 18px; }
  .server-2ver a { width: 120px; position: absolute; bottom: 15px; left: 50%; margin-left: -60px; }
  .server-2ver p { font-size: 14px; line-height: 25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:30; margin-top: 12px; }
  .server-2item:hover .server-2left samp img { transform: scale(1.04); }
  .server-2item:nth-child(2n) { box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.06); }
  .server-2item:nth-child(2n) .server-2left { float: left; }
  .server-3 h3 { font-size: 18px; margin-top: 30px; }
  .server-3info { width: 88%; font-size: 14px; line-height: 24px; }
  .server-3content { width: 88%; margin: 10px auto 0px; }
  .server-3item { width: 100%; margin-right: 0%; margin-top: 15px; }
  .server-3item samp { height: auto; }
  .server-4 h3 { font-size: 18px; margin-top: 30px; }
  .server-4content { width: 88%; margin-top: 0px; padding: 0px; }
  .server-4item { width: 100%; margin-top: 15px; padding: 15px; }
  .server-4item img { width: 40px; }
  .server-4right { width: calc(100% - 55px); }
  .server-4right span { padding-left: 10px; }
  .server-4right p { padding-left: 10px; }
  .server-5 h3 { font-size: 18px; margin-top: 30px; }
  .server-5content { width: 88%; padding: 0px; }
  .server-5item { width: 100%; margin-top: 15px; margin-right: 0%; }
  .server-6 h3 { font-size: 18px; margin-top: 30px; }
  .server-6content { width: 88%; padding: 0px; }
  .server-6item { width: 100%; margin-top: 15px; padding: 20px; }
  .server-6more { width: 88%; padding: 20px 0px 30px; }
  .server-6more span { width: 144px; height: 34px; line-height: 34px; }
  .server-6more em { width: 120px; height: 34px; line-height: 34px; margin-left: 20px; }
  /*product*/
  .product-1, .product-2 { padding: 30px 0px; }
  .product-1 h3, .product-2 h3 { font-size: 20px; }
  .product-1left, .product-1right { display:block; }
  .product-1left{left:-9%;top:58%}
  .product-1right{right:-9%;top:61%}
  .product-1left span,.product-1right span{display:none}
   .product-1left:before,.product-1left:after,.product-1right:before,.product-1right:after{display:none}  
   .product-1left img {width: 22px;}
  .product-1right img {width:50px;}
  .product-1center { width: 80%; margin: 30px auto 0px; }
  .product-1cont { height:220px; margin: 20px auto; padding: 0px 6%; }
  .product-1cont.pro2{height:140px ;}
  .product-1cont span { font-size: 16px;padding:0px  }
  .product-1cont p { font-size: 12px;padding:0px  }
  .product-1more span, .product-1more em { width: 120px; }
  .product-1more em { margin-left: 15px; }
  .product-2center { margin-top: 20px; }
  .product-2center samp img { width:75%; }
  .product-4center p { bottom: -39px; }
  .product-5info { font-size: 14px; margin-top: 10px; line-height: 23px; }
  .product-5cont { margin-top: 20px; }
  .product-5cont p { font-size: 16px; line-height: 24px; padding: 0px 5%; box-sizing: border-box; }
  .product-2center span{left:3%}
  .product-2center em{left:8%}
  .zx-center { width: 300px; }
  .zx-center h3 { font-size: 20px; margin-top: 5vw; }
  .zx-wz span { font-size: 12px; }
  .zx-phone {width:90%; margin: 35px auto 0px; height: 40px; line-height: 40px; }
  .zx-phone span { padding-left: 32px; font-size:12px; background-size: 18px; }
  .zx-item form{width:90% }
  .zx-input { margin-top: 12px; }
  .zx-input span { width: 40px; height: 30px; line-height: 30px; }
  .zx-input label { font-size: 14px; line-height: 30px; }
  .zx-input input { width: 100%; height: 30px; line-height: 30px; }
  .zx-bt { width:100%; margin: 20px auto 40px; height: 30px; line-height: 30px; font-size: 14px; }
  .zx-cir { width: 120px; height: 120px; margin: 40px auto 0px; }
  .zx-back { width: 90%; margin: 30px auto 20px; height: 30px; line-height: 30px; font-size: 14px; }
  /*about*/
  .banner-about { margin-top: 0px; }
  .banner-about2 { width: 70%; top: 10vw; }
  .banner-about2 h3 { font-size:18px;line-height:25px }
  .banner-about2 p { display: none; }
  .about-1 { padding-bottom: 30px; padding-top: 22%; }
  .about-1head h3 { font-size: 18px; }
  .about-1cont { width: 100%; }
  .about-1cont samp { height: 30px; line-height: 30px; margin-top: 10px; }
  .about-1cont samp img { max-height: 92%; }
  .about-2 { padding: 30px 0px; }
  .about-2pannel { width: 88%; }
  .about-2pannel::before { display: none; }
  .about-2 h3 { font-size: 18px; }
  .about-2 h4 { font-size: 18px; margin-top: 20px; }
  .about-2nav { width: 96%; }
  .about-2item span { font-size: 18px; }
  .about-2cont { margin-top: 10px; }
  .about-2left { width: 100%; font-size: 40px; text-align: center; }
  .about-2right { width: 100%; margin-top: 15px; }
  .about-2info p { margin-top: 10px; }
  .about-2 h4.ry { margin-top: 20px; }
  .about-2ry { padding: 0px 40px; margin-top: 0px; }
  .about-2ry .swiper-button-prev, .about-2ry .swiper-button-next { width: 36px; height: 36px; }
  .about-3ver { width: 88%; left: calc((100% - 88%)/2); }
  .about-3ver span { font-size: 18px; }
  .about-3ver a { width: 120px; height: 34px; line-height: 34px; margin-top: 20px; }
  .about-4left { width: 88%; margin: 30px auto 0px; padding-bottom: 30px; }
  .about-4left h3 { font-size: 18px; }
  .about-4left ul { width: 100%; margin-top: 12px; }
  .about-4left ul li { margin-top: 10px; font-size: 16px; }
  .about-4left p { margin-top: 30px; }
  .about-4right { display: none; } 
  .content-2nav ul li{width:33%;margin-top:10px}
  .content-2nav ul{flex-wrap: wrap}
   .server-1 ul{display: flex;justify-content:space-around;flex-wrap: wrap}
  .server-1 ul li{width:33%;margin-top:10px}
 .server-1 ul li span{width:87px;display: block;margin:0px auto}
  
  }
  .hyfa-item p{line-height:20px}

.about-4item.item6 { left: 62%; top: 57%; }
.about-4item.item7 { left: 58%;top: 53%; }