/*section1*/
@keyframes udmove{
0%{transform:translateY(-20px)}
50%{transform:translateY(10px)}
100%{transform:translateY(-20px)} 
}
.banner{ width:100%; height:100vh; overflow:hidden; position:relative; z-index:10}
.banner .swiper-container{ height:100%}
.banner .swiper-slide{ background-position:center; background-repeat:no-repeat; background-size:cover; text-align:center}
.banner .swiper-slide:before{ height:100%; content:""; display:inline-block; vertical-align:middle}

.banner-center{ width:75%; display:inline-block; vertical-align:middle; overflow:hidden; text-align:left;color:#fff}
.banner-center span{ float:left; width:100%; overflow:hidden; font-size:30px;transition:all 1s ease 0.5s;opacity:0;transform:translateY(-20px) }
.banner-center h3{ float:left; width:100%; overflow:hidden;transition:all 1s ease 0.5s;opacity:0;transform:translateY(-20px); margin-top:12px; font-size:62px; font-weight:bold; color:#fff}
.banner-center em{ float:left; width:200px; height:48px;box-sizing:border-box; line-height:48px; margin-top:90px;transition:all 1s ease 0.6s;opacity:0;transform:translateY(-20px)}
.banner-center em a{ width:100%; height:100%; display:block;font-size:16px; color:#2467f0; background:#fff url(../images/icon-10.png) no-repeat 90% center; padding-left:10%;box-sizing:border-box;transition:all 0.6s ease;border:1px #fff solid}
.banner-center em a:hover{border:1px rgba(255,255,255,0.5) solid; background-color:rgba(255,255,255,0); background-image: url(../images/icon-9.png); color:#fff}
.banner-center p{ float:left; width:200px; height:48px;box-sizing:border-box; line-height:48px; margin-top:90px; margin-left:24px;transition:all 1s ease 0.6s;opacity:0;transform:translateY(-20px)}
.banner-center p a{ width:100%; height:100%; display:block;font-size:16px; color:#fff; background:rgba(255,255,255,0) url(../images/icon-9.png) no-repeat 90% center; padding-left:10%;box-sizing:border-box;border:1px rgba(255,255,255,0.5) solid;transition:all 0.6s ease}
.banner-center p a:hover{ background-color:#fff; background-image: url(../images/icon-10.png); color:#2467f0;border-color:#fff}

.banner-center2{ width:75%; display:inline-block; vertical-align:middle; overflow:hidden;color:#fff}
.banner-center2 span{ float:left; width:100%; overflow:hidden; font-size:46px;transition:all 1s ease 0.5s;opacity:0;transform:translateY(-20px) }
.banner-center2 span samp{ margin:0px 25px}
.banner-center2 h3{ float:left; width:100%; overflow:hidden;transition:all 1s ease 0.5s;opacity:0;transform:translateY(-20px); margin-top:17px; font-size:24px; color:#fff; letter-spacing:2px}
.banner-center2 p{ float:left; width:100%; margin-top:56px;transition:all 1s ease 0.6s;opacity:0;transform:translateY(-20px); }
.banner-center2 em{width:200px; height:48px;box-sizing:border-box; line-height:48px;display:inline-block; margin:0px 20px}
.banner-center2 em a{width:100%; height:100%; display:block;font-size:16px; color:#2467f0; background: url(../images/icon-9.png) no-repeat 90% center; box-sizing:border-box;transition:all 0.6s ease;border:1px #fff solid; color:#fff; text-align:left; padding-left:10%}
.banner-center2 em a:hover{ background-image: url(../images/icon-10.png); background-color:#fff; color:#2467f0}


.banner .swiper-pagination{ width:100%; bottom:10%;}
.banner  .swiper-pagination-bullet{ background:#fff; margin:0px 6px; cursor:pointer;}
#fullpage .active .swiper-slide-active  .banner-center span,#fullpage .active .swiper-slide-active  .banner-center h3,#fullpage .active .swiper-slide-active  .banner-center em,#fullpage .active .swiper-slide-active  .banner-center p,#fullpage .active .swiper-slide-active  .banner-center2 span,#fullpage .active .swiper-slide-active  .banner-center2 h3,#fullpage .active .swiper-slide-active  .banner-center2 p,#fullpage .active .swiper-slide-active  .banner-center2 p{opacity:1;transform:translateY(0px)}

.banner .page-btn { display:none; }
.banner .page-btn .swiper-button-prev { left:240px; }
.banner .page-btn .swiper-button-next { right:240px; } 
.banner:hover .page-btn { /*display:block;*/}
.banner .page-btn  .swiper-button-prev{width:50px;height:50px;overflow:hidden;border-radius:50%;opacity:1;background:#fff url(../images/icon-55.png) no-repeat center;transform:rotate(180deg);}
.banner .page-btn  .swiper-button-next{ width:50px; height:50px; overflow:hidden;border-radius:50%;opacity:1; background:#fff url(../images/icon-55.png) no-repeat center;}
.banner .page-btn  .swiper-button-prev.swiper-button-disabled{ background-image:url(../images/icon-54.png);transform:rotate(0deg)}
.banner .page-btn  .swiper-button-next.swiper-button-disabled{ background-image:url(../images/icon-54.png);transform:rotate(180deg)}

/*Эͬ��̬*/
.content-1{ width:100%; height:100%; overflow:hidden; background:#fff url(../images/bg-1.jpg) no-repeat top center; background-size:100%; text-align:center; padding-top:72px;box-sizing:border-box}
.content-1:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.content-ver1{ width:75%; display: inline-block;vertical-align: middle; text-align:left}
.content-head{ width:100%; overflow:hidden; text-align:center;transform:translateY(40px);opacity:0;transition:all 0.7s ease 0.4s}
.content-head h3{ width:100%; overflow:hidden; font-size:40px; color:#273045; letter-spacing:4px}
.content-head p{ width:100%; overflow:hidden; font-size:16px; color:rgba(0,4,26,0.65); margin-top:12px}
.content-change{background-image:url(../images/bg-8.jpg); background-size:cover}

.content-nav{ width:100%; margin:56px auto 0px;transform:translateY(40px);opacity:0;transition:all 0.7s ease 0.45s; background:-webkit-linear-gradient(left,#280ee6,#18069a)}
.content-item{ float:left; width:25%; height:90px; background: url(../images/icon-19.png) no-repeat right center; text-align:center; line-height:90px; cursor: pointer; position:relative}
.content-item span{ width:42px; height:42px; display:inline-block;border:1px #36466a solid;border-radius:50%; overflow:hidden; vertical-align:middle; position:relative}
.content-item span:before{ width:30px; height:30px; position:absolute;content:""; position:absolute;left:6px;top:6px; z-index:1;border-radius:50%; overflow:hidden}
.content-item:nth-child(1) span:before{ background:#36466a url(../images/icon-15.png) no-repeat center}
.content-item:nth-child(2) span:before{ background:#36466a url(../images/icon-16.png) no-repeat center}
.content-item:nth-child(3) span:before{ background:#36466a url(../images/icon-17.png) no-repeat center}
.content-item:nth-child(4) span:before{ background:#36466a url(../images/icon-18.png) no-repeat center}
.content-item:nth-child(4){ background-image:none}
.content-item p{ display:inline-block; font-size:18px; color:rgba(255,255,255,0.8); margin-left:35px; position:relative}
.content-item p:before{ width:7px; height:13px; content:""; position:absolute;left:-10px;top:34px; overflow:hidden; z-index:1;border-top:1px rgba(255,255,255,0.8) solid;border-left:1px rgba(255,255,255,0.8) solid;}
.content-item p:after{ width:7px; height:13px; content:""; position:absolute;right:-12px;bottom:34px; overflow:hidden; z-index:1;border-bottom:1px rgba(255,255,255,0.8) solid;border-right:1px rgba(255,255,255,0.8) solid;}
.content-nav .active{ background:#2557c9}
.content-nav .active:before{ width:auto; height:auto; position:absolute;left:50%;bottom:-10px; z-index:1;border-top:10px #2557c9 solid;border-left:10px transparent solid;border-right:10px transparent solid; content:"";margin-left:-5px}
.content-nav .active span{ border-color:#fff}
.content-nav .content-item.active:nth-child(1) span:before{ background:#fff url(../images/icon-15-1.png) no-repeat center}
.content-nav .content-item.active:nth-child(2) span:before{ background:#fff url(../images/icon-16-1.png) no-repeat center}
.content-nav .content-item.active:nth-child(3) span:before{ background:#fff url(../images/icon-17-1.png) no-repeat center}
.content-nav .content-item.active:nth-child(4) span:before{ background:#fff url(../images/icon-18-1.png) no-repeat center}
.content-nav .active p{ color:#fff}
.content-line{ background-image:none}

.content-s{ width:100%;transform:translateY(40px);opacity:0;transition:all 0.7s ease 0.5s }
.content-pannel{ width:100%;  display:none; position:relative}
.content-s .active{ display:block}
.content-type{ width:100%; margin:53px auto 0px; }
.content-type .swiper-container{ overflow:inherit}
.content-type .content-gener{ width:100%; overflow:hidden; height:400px;box-shadow:0px 0px 32px 4px rgba(0,0,0,0.05);box-sizing:border-box; padding:8%; position:relative; background:#fff}
.content-type .content-gener h3{ width:100%; overflow:hidden; font-size:22px; color:#36466a; border-bottom:1px #ddd solid; line-height:80px; position:relative; z-index:12}
.content-type .content-gener p{ width:100%; overflow:hidden; font-size:16px; color:#596580; line-height:28px; height:112px; margin-top:40px; padding-left:14px; background:url(../images/icon-20.png) no-repeat left 10px;box-sizing:border-box; position:relative; z-index:12}
.content-type samp{ width:45%; position:absolute;right:0px;bottom:0px; z-index:11}
.content-type samp img{ width:100%; height:auto}
.conent-prev{ width:20%; height:400px; position:absolute;left:-19%;top:0px;z-index: 22; background:-webkit-linear-gradient(left,rgba(255,255,255,1),rgba(255,255,255,0.3));}
.conent-next{ width:16%; height:400px; position:absolute;right:-16%;top:0px;z-index: 22;background:-webkit-linear-gradient(right,rgba(255,255,255,1),rgba(255,255,255,0.3));}
.content-scroll{ width:100%; overflow:hidden; position:relative; margin-top:60px}
.content-scroll .swiper-scrollbar{ width:100%;left:0px;height:36px; position:relative; background:none; z-index:12}
.content-scroll .swiper-scrollbar:after{ width:100%; content:""; position:absolute;left:0px; height:5px;top:15px;border-radius:4px; background:#e5e9f2}
.content-scroll .swiper-scrollbar-drag{ height:36px; position:relative; background:none; cursor:pointer; z-index:13}
.content-scroll .swiper-scrollbar-drag:before{background:url(../images/icon-21.png) no-repeat center; content:""; position:absolute;left:0px;top:0px; height:36px; width:100%; text-align:center; z-index:14}
.content-scroll .swiper-scrollbar-drag:after{ width:100%; content:""; position:absolute;left:0px; height:5px;top:15px;border-radius:4px; background:#2557c8}

.content-type .swiper-button-prev{ display:none }
.content-type .swiper-button-next{ display:none}



.content-star{ width:100%; margin-top:56px}
.content-star .swiper-slide{ border:1px #ddd solid;box-sizing:border-box; cursor:pointer; overflow:hidden; position:relative}
.content-star .swiper-slide-active{border-color:#2557c9; background:#2557c9}
.content-star .swiper-slide img{ width:100%; height:auto}
.content-star span{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:1}
.content-star .swiper-slide-active img{transform:translateY(2px)}
.content-info{ width:100%; overflow:hidden; height:404px;  position:relative}
.content-des{ width:100%; overflow:hidden;opacity:0;visibility:hidden; position:absolute;left:0px;top:0px;transition:all 0.4s ease;background:#f7f7f7;}
.content-des samp{ float:left; width:50%; overflow:hidden; position:relative;transition:all 0.4s ease 0.1s;opacity:0}
.content-des samp img{ float:left; width:100%; height:auto}
.content-des samp i{ width:100%; height:100%; position:absolute;left:0px;top:0pz; z-index:1}
.content-des samp em{ width:100%; height:70px; line-height:70px; text-align:center; position:absolute;left:0px;bottom:0px; z-index:2; background:rgba(37,88,202,0.8); font-size:22px; font-weight:bold; color:#fff}
.content-right{ float:right; width:50%; overflow:hidden;box-sizing:border-box;padding:3vw 4% 0px}
.content-right span{ float:left; width:100%; overflow:hidden; font-size:24px; color:#273045;transition:all 0.4s ease 0.3s;opacity:0;transform:translateY(-20px)}
.content-right p{ float:left; width:100%; overflow:hidden; font-size:16px; color:rgba(39,48,69,0.65); line-height:32px; height:192px; margin-top:26px;transition:all 0.4s ease 0.4s;opacity:0;transform:translateY(-20px)}
.content-info .active{opacity:1;visibility: visible}
.content-info .active .content-right span,.content-info .active .content-right p{opacity:1;transform:translateY(0px)}
.content-info .active samp{opacity:1}

.content-zm{ width:100%; height:488px}
.content-zm1{ width:100%; overflow:hidden; text-align:center; margin-top:62px}
.content-zm2{ width:100%; overflow:hidden; text-align:center; margin-top:32px}
.content-zm2 h3{ float:left; width:100%; font-size:46px; overflow:hidden;background-image:-webkit-linear-gradient(left,#2d6cea,#2557c9);background-image:-moz-linear-gradient(left,#2d6cea,#2557c9);background-image:-ms-linear-gradient(left,#2d6cea,#2557c9);background-image:-o-linear-gradient(left,#2d6cea,#2557c9);background-image:linear-gradient(left,#2d6cea,#2557c9);-webkit-background-clip:text;-moz-background-clip:text;-ms-background-clip:text;-o-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;-ms-text-fill-color:transparent;-o-text-fill-color:transparent;text-fill-color:transparent; font-weight:bold}
.content-zm2 p{ float:left; width:100%; overflow:hidden; font-size:18px; color:#273045; line-height:32px; margin-top:17px}
.content-zm3{ width:100%; text-align:center; margin-top:130px; position:relative}
.content-zm3 span{ width:200px; height:48px; line-height:48px; text-align:center; display:inline-block; overflow:hidden; position:relative; z-index:12; background:-webkit-linear-gradient(left,#2d6cea,#2557c9)}
.content-zm3 span a{ width:70%; display:inline-block; text-align:left; background:url(../images/icon-9.png) no-repeat right center; font-size:16px; color:#fff}
.content-zm3 span:hover{background:-webkit-linear-gradient(left,#2557c9,#2d6cea)}
@keyframes upmove1{
0%{transform:translateY(-50px)}
50%{transform:translateY(0px)}
100%{transform:translateY(20px)}
}
@keyframes upmove2{
0%{transform:translateY(20px)}
50%{transform:translateY(0px)}
100%{transform:translateY(-50px)}
}
@keyframes upmove3{
0%{transform:translateY(0px)}
50%{transform:translateY(20px)}
100%{transform:translateY(-50px)}
}
.content-line1{ width:133.4%; overflow:hidden; background:url(../images/icon-23.png) no-repeat; position:absolute;left:-17%;top:0px; z-index:11; height:105px;animation:upmove1 11s linear infinite alternate}
.content-line2{ width:133.4%; overflow:hidden; background:url(../images/icon-24.png) no-repeat; position:absolute;left:-17%;top:0px; z-index:11; height:105px;animation:upmove2 11s linear infinite alternate}
.content-line3{ width:133.4%; overflow:hidden; background:url(../images/icon-25.png) no-repeat; position:absolute;left:-17%;top:0px; z-index:11; height:160px;animation:upmove3 11s linear infinite alternate}

.content-yz{ width:100%; overflow:hidden; margin-top:30px}
.yz-head{ float:left; width:50%; overflow:hidden; height:220px;box-sizing:border-box; padding:0px 4%}
.content-yz .yz1{ background:url(../images/bg-9-1.jpg) no-repeat center; background-size:cover}
.content-yz .yz2{ background:url(../images/bg-10.jpg) no-repeat center; background-size:cover}
.content-yz .yz1.active{background:url(../images/bg-9.jpg) no-repeat center; background-size:cover}
.content-yz .yz2.active{background:url(../images/bg-10-1.jpg) no-repeat center; background-size:cover}
.yz-head h3{ float:left; width:100%; overflow:hidden; box-sizing: border-box; border-left:2px #2d6cea solid; padding-left:24px; margin-top:50px}
.yz-head h3 span{ float:left; width:100%; overflow:hidden; font-size:20px; color:#273045; font-weight:bold}
.yz-head h3 p{ float:left; width:100%; overflow:hidden; font-size:16px; color:#233662; margin-top:10px;}
.yz-head form{ float:left; width:100%; overflow:hidden; margin-top:25px; background:#2d6ce9; padding:1px; box-sizing:border-box}
.yz-head form input{ float:left; width:82%; height:46px; line-height:46px; overflow:hidden; background:#fff; padding:0px; margin:0px; border:none; box-sizing:border-box; padding:0px 20px; font-size:14px; color:#13203d}
.yz-head form button{ float:left; width:18%; height:46px; line-height:46px; overflow:hidden; background:none; padding:0px; margin:0px; border:none; box-sizing:border-box; padding:0px 20px; font-size:16px; color:#fff; text-align:center; cursor:pointer}
.yz-head form button:hover{ background:#073ca7}
.content-yz .active h3{ border-color:#eeaa18}
.content-yz .active span,.content-yz .active p{ color:#fff}
.content-yz .active form{ background:none; border:none}
.content-yz .active form input{ background:none; color:#fff; border:1px #fff solid;border-right:none}
.content-yz .active form input::placeholder {color: #fff !important;opacity:1}
.content-yz .active form input::-webkit-input-placeholder {color: #fff !important;opacity:1}
.content-yz .active form input::-ms-input-placeholder { color: #fff !important;opacity:1}
.content-yz .active form input  ::-moz-placeholder {color: #fff !important;opacity:1}
.content-yz .active form button{ background:#fabd39; }
.content-yz .active form button:hover{ background:#e6a210}

.yz-content{ width:100%; overflow:hidden; height:300px}
.yz-ct{ width:100%; overflow:hidden; height:100%; background:#edf0f3; display:none}
.yz-content .active{ display:block}
.yz-1{ width:92%; overflow:hidden; margin:36px auto 0px; position:relative; height:110px}
.yz-11{ width:202px; position:absolute;left:0px;top:0px; z-index:1;}
.yz-11 samp,.yz-11 samp img{ float:left; width:100%; overflow:hidden; height:auto}
.yz-11 em,.yz-11 em img{ float:left; width:100%; overflow:hidden; height:auto}
.yz-12{ float:left; width:100%; overflow:hidden; padding-left:240px; box-sizing:border-box}
.yz-12 h3{ float:left; width:100%; overflow:hidden; font-size:18px; font-weight:bold; color:#273045; line-height:22px; height:22px}
.yz-12 p{ float:left; width:100%; overflow:hidden; font-size:14px; color:rgba(39,48,69,0.65); line-height:26px; height:78px; margin-top:12px}
.yz-2{ width:92%; overflow:hidden; margin:30px auto 0px; position:relative; padding-left:93px;box-sizing:border-box}
.yz-2 span{ width:93px; position:absolute;left:0px;top:0px; z-index:1; font-size:16px; font-weight:bold; color:#273045; line-height:52px}
.yz-item{ float:left; width:16%; overflow:hidden; box-sizing:border-box; padding-right:18px}
.yz-item samp{ float:left; width:100%; overflow:hidden;border:1px #ddd solid; box-sizing:border-box}
.yz-item samp img{ width:100%; height:auto}
.yz-item p{ float:left; width:100%; text-align:center; line-height:20px; font-size:14px;color:rgba(39,48,69,0.65); margin-top:12px}

.yz-search{ width:80%; margin:30px auto 0px; position:relative}
.yz-search img{ float:left; width:100%; height:auto;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.05)}
.yz-search .swiper-button-prev{ width:60px; height:60px; overflow:hidden;border-radius:50%;opacity:1; background:#2b65e0 url(../images/icon-27.png) no-repeat center;transform:rotate(180deg);left:-80px}
.yz-search .swiper-button-next{ width:60px; height:60px; overflow:hidden;border-radius:50%;opacity:1; background:#2b65e0 url(../images/icon-27.png) no-repeat center;right:-80px}
.yz-search .swiper-button-prev.swiper-button-disabled{ background:#fff url(../images/icon-26.png) no-repeat center;transform:rotate(0deg)}
.yz-search .swiper-button-next.swiper-button-disabled{ background:#fff url(../images/icon-26.png) no-repeat center;transform:rotate(180deg)}
.yz-search .swiper-slide{ position:relative; cursor:pointer}
.yz-search .swiper-slide p{ width:72%; height:72%; overflow:hidden; box-sizing:border-box; position:absolute;left:14%;top:14%;}
.yz-search .swiper-slide p img{ float:left; width:100%; height:100%}
.yz-search .swiper-slide p span{ width:100%; height:100%; position:absolute;left:0px;top:0px; background:rgba(0,0,0,0.7); display:block; text-align:center;opacity:0;transition:all 0.4s ease}
.yz-search .swiper-slide p span:before{ height:100%; content:""; display: inline-block; vertical-align:middle}
.yz-search .swiper-slide p span em{ display:inline-block; background:url(../images/icon-103.png) no-repeat center; background-size:30%; padding-top:50px; font-size:12px; color:#fff; vertical-align:middle}
.yz-search .swiper-slide:hover p span{opacity:1}
.yz-search .swiper-slide p span img{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:12;opacity:0}
#fullpage .active .content-head,#fullpage .active .content-nav,#fullpage .active .content-s{transform:translateY(0px);opacity:1}
.viewer-button{ margin-top:68px}
.viewer-fixed{ position:absolute}
.viewer-footer{ display:none}


/*city*/
.city{ width:100%; height:100%; overflow:hidden; background:url(../images/bg-13.jpg) no-repeat center; background-size:cover; text-align:center; padding-top:72px; box-sizing:border-box}
.city:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.city-center{ width:80%; overflow:hidden; display:inline-block; vertical-align:middle;}
.city-head{ width:100%; overflow:hidden;transform:translateY(40px);opacity:0;transition:all 0.7s ease 0.4s}
.city-head h3{ width:100%; overflow:hidden; font-size:40px; color:#fff}
.city-head p{ width:100%; overflow:hidden; font-size:16px; color:rgba(255,255,255,0.65); margin-top:11px}

@keyframes rotates1{
0%{transform:rotate(0deg)}
100%{ transform:rotate(360deg)}
}
@keyframes rotates2{
0%{transform:rotate(0deg)}
100%{ transform:rotate(-360deg)}
}
.city-ct{ width:40.04%; margin:70px auto 0px; position:relative;transform:translateY(40px);opacity:0;transition:all 0.7s ease 0.45s}
.city-ct img{ float:left; width:100%; height:auto; animation:rotates1 22s linear infinite}
.city-1{ width:89%; position:absolute;left:50%;top:0%; z-index:10;margin-left:-45%; margin-top:4.6%}
.city-1 img{ width:100%; height:auto;animation:rotates2 22s linear infinite }
.city-2{ width:80.32%; position:absolute;left:50%;top:0%; z-index:10;margin-left:-40.16%; margin-top:4.6%}
.city-2 img{ width:100%; height:auto; animation:none }

.city1{ width:auto; position:absolute;left:0px;top:0px; z-index:12; margin:19% 0px 0px -56%; cursor:pointer}
.city1 span{ float:left; width:27px; height:27px; overflow:hidden; background:url(../images/icon-29.png) no-repeat center;transition:all 0.4s ease}
.city1 p{ float:left; width:190px; line-height:27px; position:relative; font-size:20px; color:#fff; font-weight:bold; margin-left:23px; text-align:left;transition:all 0.4s ease}
.city1 p:before{ width:100%; height:100%; position:absolute;left:0px;top:-10px; z-index:1; background:url(../images/icon-34.png) no-repeat right top; content:""}
.city1 p:after{ width:100%; height:100%; position:absolute;left:0px;bottom:-10px; z-index:1; background:url(../images/icon-34.png) no-repeat right bottom; content:""}
.city1 p a{ width:134px; height:42px; line-height:42px; text-align:center; overflow:hidden; display:inline-block; background:url(../images/icon-42.png) no-repeat center; font-size:16px; color:#fff; margin-top:20px; position:relative; z-index:44;transition:all 0.5s ease; display:none}
.city1.city-active p:before,.city1.city-active p:after{ background:none}
.city1.city-active p a{ display:block}
.city1.city-active p,.city1.city-active span{transform:translateY(-30px)}
.city1 p a:hover{ color:#108cee}
.city1 samp{ float:left; width:126px; height:43px; overflow:hidden; background:url(../images/icon-35.png) no-repeat; margin:5px 0px 0px 20px}


.city2{ width:auto; position:absolute;left:0px;top:0px; z-index:12; margin:46% 0px 0px -56%;cursor:pointer}
.city2 span{ float:left; width:27px; height:27px; overflow:hidden; background:url(../images/icon-30.png) no-repeat center;transition:all 0.4s ease}
.city2 p{ float:left; width:190px; line-height:27px; position:relative; font-size:20px; color:#fff; font-weight:bold; margin-left:23px; text-align:left;transition:all 0.4s ease}
.city2 p:before{ width:100%; height:100%; position:absolute;left:0px;top:-10px; z-index:1; background:url(../images/icon-34.png) no-repeat right top; content:""}
.city2 p:after{ width:100%; height:100%; position:absolute;left:0px;bottom:-10px; z-index:1; background:url(../images/icon-34.png) no-repeat right bottom; content:""}
.city2 p a{ width:134px; height:42px; line-height:42px; text-align:center; overflow:hidden; display:inline-block; background:url(../images/icon-42.png) no-repeat center; font-size:16px; color:#fff; margin-top:20px; position:relative; z-index:44;transition:all 0.5s ease; display:none}
.city2 p a:hover{ color:#108cee}
.city2.city-active p:before,.city2.city-active p:after{ background:none}
.city2.city-active p a{ display:block}
.city2.city-active p,.city2.city-active span{transform:translateY(-30px)}
.city2 samp{ float:left; width:126px; height:30px; overflow:hidden; background:url(../images/icon-36.png) no-repeat left center; margin:0px 0px 0px 20px}

.city3{ width:auto; position:absolute;left:0px;top:0px; z-index:12; margin:72% 0px 0px -56%;cursor:pointer}
.city3 span{ float:left; width:27px; height:27px; overflow:hidden; background:url(../images/icon-31.png) no-repeat center;transition:all 0.4s ease}
.city3 p{ float:left; width:190px; line-height:27px; position:relative; font-size:20px; color:#fff; font-weight:bold; margin-left:23px; text-align:left;transition:all 0.4s ease}
.city3 p:before{ width:100%; height:100%; position:absolute;left:0px;top:-10px; z-index:1; background:url(../images/icon-34.png) no-repeat right top; content:""}
.city3 p:after{ width:100%; height:100%; position:absolute;left:0px;bottom:-10px; z-index:1; background:url(../images/icon-34.png) no-repeat right bottom; content:""}
.city3 p a{ width:134px; height:42px; line-height:42px; text-align:center; overflow:hidden; display:inline-block; background:url(../images/icon-42.png) no-repeat center; font-size:16px; color:#fff; margin-top:20px; position:relative; z-index:44;transition:all 0.5s ease; display:none}
.city3 p a:hover{ color:#108cee}
.city3.city-active p:before,.city3.city-active p:after{ background:none}
.city3.city-active p a{ display:block}
.city3.city-active p,.city3.city-active span{transform:translateY(-30px)}
.city3 samp{ float:left; width:126px; height:46px; overflow:hidden; background:url(../images/icon-37.png) no-repeat left center; margin:-25px 0px 0px 20px}

.city4{ width:auto; position:absolute;right:0px;top:0px; z-index:12; margin:29% -51% 0px 0%;cursor:pointer}
.city4 samp{ float:left; width:126px; height:46px; overflow:hidden; background:url(../images/icon-38.png) no-repeat left center; margin:0px 0px 0px 0px}
.city4 p{ float:left; width:190px; line-height:27px; position:relative; font-size:20px; color:#fff; font-weight:bold; margin-left:23px; text-align:right;transition:all 0.4s ease}
.city4 p:before{ width:100%; height:100%; position:absolute;left:0px;top:-32px; z-index:1; background:url(../images/icon-34.png) no-repeat right top; content:"";transform:rotate(180deg)}
.city4 p:after{ width:100%; height:100%; position:absolute;left:0px;bottom:-34px; z-index:1; background:url(../images/icon-34.png) no-repeat right bottom; content:"";transform:rotate(180deg)}
.city4 p a{ width:134px; height:42px; line-height:42px; text-align:center; overflow:hidden; display:inline-block; background:url(../images/icon-42.png) no-repeat center; font-size:16px; color:#fff; margin-top:20px; position:relative; z-index:44;transition:all 0.5s ease; display:none}
.city4 p a:hover{ color:#108cee}
.city4 span{ float:left; width:27px; height:27px; overflow:hidden; background:url(../images/icon-32.png) no-repeat center;transition:all 0.4s ease; margin-left:22px}
.city4.city-active p:before,.city4.city-active p:after{ background:none}
.city4.city-active p a{ display:block}
.city4.city-active p,.city4.city-active span{transform:translateY(-30px)}

.city5{ width:auto; position:absolute;right:0px;top:0px; z-index:12; margin:64% -51% 0px 0%;cursor:pointer}
.city5 samp{ float:left; width:126px; height:46px; overflow:hidden; background:url(../images/icon-38.png) no-repeat left center; margin:0px 0px 0px 0px}
.city5 p{ float:left; width:190px; line-height:27px; position:relative; font-size:20px; color:#fff; font-weight:bold; margin-left:23px; text-align:right;transition:all 0.4s ease}
.city5 p:before{ width:100%; height:100%; position:absolute;left:0px;top:-32px; z-index:1; background:url(../images/icon-34.png) no-repeat right top; content:"";transform:rotate(180deg)}
.city5 p:after{ width:100%; height:100%; position:absolute;left:0px;bottom:-34px; z-index:1; background:url(../images/icon-34.png) no-repeat right bottom; content:"";transform:rotate(180deg)}
.city5 p a{ width:134px; height:42px; line-height:42px; text-align:center; overflow:hidden; display:inline-block; background:url(../images/icon-42.png) no-repeat center; font-size:16px; color:#fff; margin-top:20px; position:relative; z-index:44;transition:all 0.5s ease; display:none}
.city5 p a:hover{ color:#108cee}
.city5 span{ float:left; width:27px; height:27px; overflow:hidden; background:url(../images/icon-33.png) no-repeat center;transition:all 0.4s ease; margin-left:22px}
.city5.city-active p:before,.city5.city-active p:after{ background:none}
.city5.city-active p a{ display:block}
.city5.city-active p,.city5.city-active span{transform:translateY(-30px)}
#fullpage .active .city-head,#fullpage .active .city-ct{transform:translateY(0px);opacity:1}

/*server*/
.server{ width:100%; height:100%; overflow:hidden; box-sizing:border-box; background:#e9eef6; position:relative}
.server-head{ width:100%; overflow:hidden; position:absolute;left:0px;top:11%; z-index:2; border-bottom:1px #d6deeb solid; margin-top:72px;transform:translateY(40px);opacity:0;transition:all 0.7s ease 0.4s}
.server-center{ width:75%; overflow:hidden; margin:0px auto}
.server-left{ float:left; width:40%; overflow:hidden}
.server-left h3{ float:left; width:100%; overflow:hidden; font-size:36px; color:#273045}
.server-left p{ float:left; width:100%; overflow:hidden; font-size:16px; color:rgba(0,4,26,0.65); margin-top:12px}
.server-right{ float:right; width:auto; overflow:hidden}
.server-slide{ float:left; width:197px; overflow:hidden; cursor:pointer; position:relative}
.server-slide:after{ width:0%; content:""; position: absolute;left:0px;bottom:0px; z-index:12; height:2px ; background:#0051f6;transition:all 0.4s ease}
.server-slide samp{ float:left; width:100%; overflow:hidden; text-align:center}
.server-slide samp img{ width:auto; height:62px}
.server-slide span{ float:left; width:100%; overflow:hidden; text-align:center; font-size:16px; color:#36466a; line-height:54px;}
.server-right .active:after{ width:100%; }
.server-right .active span{ color:#0051f6;}

.server-bottom{ width:100%; position:absolute;left:0px;bottom:0px; z-index:12; height:58vh; background:url(../images/bg-15.jpg) no-repeat bottom center; background-size:cover; display:none}
.server-ver{ width:75%; overflow:hidden; height:160px; position:absolute;left:12.5%;top:-80px; z-index:12; background:url(../images/bg-14.jpg) no-repeat center;}
.server-ver samp{ float:left; width:20%; height:100%; overflow:hidden; text-align:right}
.server-ver samp:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.server-ver samp img{ display:inline-block; vertical-align:middle}
.server-ver p{ float:left; width:70%; margin-left:50px; border-left:1px #dedede solid; padding:20px 0px 20px 50px; line-height:30px; height:60px; font-size:16px; color:#333; margin-top:30px}

.server-content{ width:100%; overflow:hidden; height:100%; padding-top:80px; box-sizing:border-box; text-align:center}
.server-content:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.server-ct{ width:99%; display:inline-block; vertical-align:middle;}
.server-ct h3{ width:100%; overflow:hidden; font-size:38px; color:#fff; font-weight:bold}
.server-ct p{ width:100%; overflow:hidden; font-size:18px; color:rgba(255,255,255,0.7); margin-top:10px}
.server-ct h4{ width:100%; overflow:hidden; font-size:26px; color:#fff; margin-top:70px}
.server-pannel{ width:80%; margin:30px auto 0px; overflow:hidden}
.server-item{ float:left; width:14.28%; overflow:hidden; cursor:pointer}
.server-item em{ float:left; width:100%; overflow:hidden; text-align:center} 
.server-item em img{ width:auto; height:100%;transition:all 1s ease}
.server-item span{ float:left; width:100%; overflow:hidden; text-align:center; font-size:16px; color:#fff; line-height:40px} 
.server-item:hover em img{transform:rotateY(360deg)}
.server-bottom.active{ display:block}

.server-pro{width:100%; position:absolute;left:0px;bottom:0px; z-index:12; height:70vh;display:none; text-align:center }
.server-pro:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.server-pro.active{ display:block}
.product-center{ width:75%; display:inline-block; vertical-align:middle; text-align:left}
.product-center .swiper-slide{ background:#fff;box-sizing:border-box; padding:3%}
.product-center .swiper-slide h3{ float:left; width:100%; overflow:hidden; font-size:22px; color:#273045; line-height:30px; height:30px; position:relative; padding-bottom:22px}
.product-center .swiper-slide h3:before{ width:40px; height:4px; position:absolute;left:0px;bottom:0px; z-index:1; background:#0051f6; content:""}
.product-center .swiper-slide p{ float:left; width:100%; overflow:hidden; font-size:16px;color:rgba(0,4,26,0.65); line-height:26px; height:234px; margin-top:24px}
.product-center .swiper-slide span{ float:left; width:100%; overflow:hidden}
.product-center .swiper-slide span .detail{ float:left; width:34%; height:42px; line-height:42px; text-align:center; background:-webkit-linear-gradient(left,#2d6cea,#2557c9); font-size:16px; color:#fff}
.product-center .swiper-slide span .detail:hover{background:-webkit-linear-gradient(left,#2557c9,#2d6cea)}
.product-center .swiper-slide span .address{ float:left; width:34%; height:40px; line-height:40px; text-align:center;font-size:16px; color:#2468f2;border:1px #2468f2 solid; margin-left:20px}
.product-center .swiper-slide span .address:hover{height:42px; line-height:42px; background:-webkit-linear-gradient(left,#2d6cea,#2557c9); color:#fff; border:none}
.product-center .active{ background:url(../images/bg-16.jpg) no-repeat center; background-size:cover}
.product-center .active h3{ color:#fff}
.product-center .active h3:before{ background:#eeaa18}
.product-center .active p{ color:rgba(255,255,255,0.65)}
.product-center .active span .detail{background:-webkit-linear-gradient(left,#ffc54a,#efac1b)}
.product-center .active span .detail:hover{background:-webkit-linear-gradient(left,#efac1b,#ffc54a)}
.product-center .active span .address{color:#fff;border:1px #fff solid; }
.product-center .active span .address:hover{background:-webkit-linear-gradient(left,#efac1b,#ffc54a) }

.pro-scroll{ width:100%; overflow:hidden; position:relative; margin-top:60px}
.pro-scroll .swiper-scrollbar{ width:100%;left:0px;height:36px; position:relative; background:none; z-index:12}
.pro-scroll .swiper-scrollbar:after{ width:100%; content:""; position:absolute;left:0px; height:5px;top:15px;border-radius:4px; background:#b7c3dd}
.pro-scroll .swiper-scrollbar-drag{ height:36px; position:relative; background:none; cursor:pointer; z-index:13}
.pro-scroll .swiper-scrollbar-drag:before{background:url(../images/icon-21.png) no-repeat center; content:""; position:absolute;left:0px;top:0px; height:36px; width:100%; text-align:center; z-index:14}
.pro-scroll .swiper-scrollbar-drag:after{ width:100%; content:""; position:absolute;left:0px; height:5px;top:15px;border-radius:4px; background:#2557c8}
#fullpage .active .server-head{transform:translateY(0px);opacity:1}

/*Ӣ��*/
.yc{ width:100%; height:100%; overflow:hidden; padding-top:72px; box-sizing:border-box; background:url(../images/bg-17.jpg) no-repeat  center; background-size: cover; position:relative; text-align:center}
.yc:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.yc-right{ width:36.48%; overflow:hidden; position: absolute;right:0px;top:0px; z-index:12; height:100%; padding-top:70px; box-sizing:border-box; background:-webkit-linear-gradient(left,rgba(45,108,234,0.8),rgba(37,87,201,0.8)); text-align:left;transform:translateY(40px);opacity:0;transition:all 0.7s ease 0.5s }
.yc-right:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.yc-ver{ width:99%; overflow:hidden; display:inline-block; vertical-align:middle; margin-left:-3px}
.yc-ver h3{ width:72%; margin:0px auto; overflow:hidden; font-size:36px; color:#fff; letter-spacing:2px}
.yc-ver p{ width:72%; margin:20px auto 0px; overflow:hidden; font-size:16px; color:rgba(255,255,255,0.65);}
.yc-pannel{ width:100%; overflow:hidden; margin-top:80px}
.yc-item{ float:left; width:100%; overflow:hidden; height:70px; line-height:70px; cursor:pointer;}
.yc-item samp{ float:left; width:auto;font-family:'DINPro'; font-size:20px; color:#fff; padding-left:14%;transition:all 0.2s linear}
.yc-item span{ float:left; width:130px;font-size:18px; color:#fff; margin-left:12px;transition:all 0.2s linear}
.yc-item i{ float:left; width:45%; background:url(../images/icon-56.png) no-repeat center; height:70px;transition:all 0.6s ease;opacity:0;transform:translateX(-60px)}
.yc-item em{ float:left; width:32px; height:70px; position:relative}
.yc-item em:before{ width:8px; height:8px; overflow:hidden; position:absolute;left:12px;top:31px;border-radius:50%; background:rgba(255,255,255,0.5); content:"";transition:all 0.4s ease}
.yc-pannel .active{background:-webkit-linear-gradient(left,rgba(0,0,0,0.3),rgba(0,0,0,0)); }
.yc-pannel .active samp{ font-size:26px}
.yc-pannel .active span{ font-size:22px}
.yc-pannel .active em:before{width:32px; height:32px; left:-6px;top:19px;border-radius:none; background: url(../images/icon-57.png) no-repeat center;transform:rotate(360deg)}
.yc-pannel .active i{opacity:1;transform:translateX(0px)}

.yc-center{ width:78%; display:inline-block; vertical-align:middle;text-align:left;transform:translateY(40px);opacity:0;transition:all 0.7s ease 0.5s; height:100% }
.yc-center h3{ float:left; width:70%; overflow:hidden; font-size:34px; color:#fff; padding-left:80px; position:relative; padding-bottom:18px;transition:all 0.7s ease;opacity:0;transform:translateX(100px)}
.yc-center h3:before{ width:136px; height:2px; position: absolute;left:80px; bottom:0px; z-index:2; background:-webkit-linear-gradient(left,#2d6cea,#2558ca); content:""}
.yc-center p{ float:left; width:47%;font-size:18px; color:#fff; line-height:36px; position:relative; padding-left:80px; margin-top:40px;transition:all 0.7s ease 0.1s;opacity:0;transform:translateX(100px)}
.yc-center p span{ width:auto; position: absolute;left:0px;top:18px; z-index:1; font-size:70px; color:#e1eaff;font-family:'sszhhei'}
.yc-more{ float:left; width:100%; overflow:hidden; margin-top:90px; padding-left:80px}
.yc-center em{ float:left; width:192px; height:52px; line-height:52px; text-align:center; background:-webkit-linear-gradient(left,#2d6cea,#2557c9); font-size:18px;transition:all 0.7s ease 0.2s;opacity:0;transform:translateX(100px); margin-right:10px}
.yc-center em a{ width:76%; display:inline-block; background:url(../images/icon-53.png) no-repeat right center; text-align:left; color:#fff}
.yc-center em:hover{background:-webkit-linear-gradient(left,#2557c9,#2d6cea)}


.yc-center .swiper-container{ height:100%}
.yc-center .swiper-slide:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.yc-vers{ width:98%; overflow:hidden; display:inline-block; vertical-align:middle}




.yc-center .swiper-slide-active h3,.yc-center .swiper-slide-active p,.yc-center .swiper-slide-active em{opacity:1;transform:translateX(0px)}
.yc-pag{width:100%;position: absolute;left:0px;bottom:10%}
.yc-pag .swiper-button-prev{ width:62px; height:62px; overflow:hidden;border-radius:50%;opacity:1; background:#fff url(../images/icon-55.png) no-repeat center;transform:rotate(180deg);left:80px}
.yc-pag .swiper-button-next{ width:62px; height:62px; overflow:hidden;border-radius:50%;opacity:1; background:#fff url(../images/icon-55.png) no-repeat center;right:auto;left:160px}
.yc-pag .swiper-button-prev.swiper-button-disabled{ background-image:url(../images/icon-54.png);transform:rotate(0deg)}
.yc-pag .swiper-button-next.swiper-button-disabled{ background-image:url(../images/icon-54.png);transform:rotate(180deg)}

#fullpage .active .yc-center,#fullpage .active .yc-right{transform:translateY(0px);opacity:1}


/*news*/
.news{ width:100%; height:100%; overflow:hidden; box-sizing:border-box; padding-top:72px; background:url(../images/bg-18.jpg) no-repeat center; background-size:cover; text-align:center}
.news:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.news-ver{ width:75%; overflow:hidden; display:inline-block; vertical-align:middle; text-align:left}
.news-head{ width:100%; overflow:hidden;transform:translateY(40px);opacity:0;transition:all 0.7s ease 0.4s}
.news-left{ width:50%; float:left; overflow:hidden}
.news-left h3{ float:left; width:100%; overflow:hidden; font-size:36px; color:#fff}
.news-left p{ float:left; width:100%; overflow:hidden; font-size:16px; color:rgba(255,255,255,0.65); margin-top:20px}
.news-right{ float:right; width:auto; overflow:hidden; margin-top:37px}
.news-right span{ float:left; width:150px; height:50px; line-height:50px; text-align:center; overflow:hidden; background:#fff; font-size:16px; color:#2c69e6; cursor:pointer}
.news-right .active{ color:#fff; background:-webkit-linear-gradient(left,#2d6cea,#2557c9)}

.news-content{ width:100%; overflow:hidden; margin-top:80px;transform:translateY(40px);opacity:0;transition:all 0.7s ease 0.45s}
.news-pannel{ width:100%; overflow:hidden; padding:0px 80px;box-sizing:border-box; display:none; position:relative}
.news-pannel.active{ display:block}
.news-pannel .swiper-slide samp{ margin-top:60px;transition:all 0.5s ease}
.news-pannel .swiper-slide.swiper-slide-next samp{ margin-top:0px}
.news-pannel samp,.news-pannel samp img{ float:left; width:100%; overflow:hidden; height:auto;transition:all 0.5s ease}
.news-pannel span{ float:left; width:100%; overflow:hidden; font-size:18px; color:#fff; margin-top:20px; line-height:36px}
.news-pannel p{ float:left; width:100%; overflow:hidden; font-size:16px; color:#fff; margin-top:30px;}
.news-pannel a:hover samp img{transform:scale(1.1)}
.news-pannel p a{ color:#fff; margin-right:20px}
.news-pannel p em{ margin-left:20px}
.news-pannel .swiper-button-prev{ width:50px; height:50px; overflow:hidden;border-radius:50%;opacity:1; background:#fff url(../images/icon-55.png) no-repeat center;transform:rotate(180deg);top:36%}
.news-pannel .swiper-button-next{ width:50px; height:50px; overflow:hidden;border-radius:50%;opacity:1; background:#fff url(../images/icon-55.png) no-repeat center;top:36%}
.news-pannel .swiper-button-prev.swiper-button-disabled{ background-image:url(../images/icon-54.png);transform:rotate(0deg)}
.news-pannel .swiper-button-next.swiper-button-disabled{ background-image:url(../images/icon-54.png);transform:rotate(180deg)}
.news-pannel .swiper-button-next:after,.news-pannel .swiper-button-prev:after {display: none;}
.news-more{ width:100%; overflow:hidden; margin-top:50px; text-align:center}
.news-more em{ width:190px; height:52px; line-height:52px; overflow:hidden; text-align:center; background:-webkit-linear-gradient(left,#2d6cea,#2557c9); display:inline-block}
.news-more em a{ display:inline-block; background:url(../images/icon-53.png) no-repeat right; font-size:18px; color:#fff; width:60%; padding-right:20px;box-sizing:border-box; text-align:left}
.news-more em:hover{background:-webkit-linear-gradient(left,#2557c9,#2d6cea)}

#fullpage .active .news-head,#fullpage .active .news-content{transform:translateY(0px);opacity:1}

/*�������*/
.cor{ width:100%; height:100vh; overflow:hidden; padding-top:72px;box-sizing:border-box; background:url(../images/bg-19.jpg) no-repeat; background-size:cover; text-align:center}
.cor:before{ content:""; height:100%; display:inline-block; vertical-align:middle}
.cor-ver{ width:75%; overflow:hidden; display:inline-block; vertical-align:middle}
.cor-ver h3{ width:100%; overflow:hidden; text-align:center; font-size:36px; color:#273045;transform:translateY(40px);opacity:0;transition:all 0.7s ease 0.4s}
.cor-ver p{ width:100%; overflow:hidden; text-align:center; font-size:16px; color:rgba(0,4,26,0.65); margin-top:20px;transform:translateY(40px);opacity:0;transition:all 0.7s ease 0.45s}
.cor-content{ width:100%; overflow:hidden; background:#fff; margin-top:60px; padding:5.5%;box-sizing:border-box; position:relative}
.cor-content .swiper-container{ width:100%;box-sizing:border-box;border-left:1px #e0e5ff solid;border-top:1px #e0e5ff solid; float:left}
.cor-content .swiper-slide{ float:left; width:16.666%;box-sizing:border-box;border-right:1px #e0e5ff solid;border-bottom:1px #e0e5ff solid; cursor: pointer}
.cor-content .swiper-slide img{ float:left; width:100%; height:auto;transition:all 0.3s ease;box-shadow:0px 0px 12px 4px rgba(8,63,242,0)}
.cor-content .swiper-slide:hover img{transform:scale(1.05);box-shadow:0px 0px 12px 4px rgba(8,63,242,0.08)}
.cor-content .swiper-button-prev{ width:50px; height:50px; overflow:hidden;border-radius:50%;opacity:1; background:#108cee url(../images/icon-105.png) no-repeat center;transform:rotate(180deg);}
.cor-content .swiper-button-next{ width:50px; height:50px; overflow:hidden;border-radius:50%;opacity:1; background:#108cee url(../images/icon-105.png) no-repeat center;}
.cor-content .swiper-button-prev.swiper-button-disabled{ background-image:url(../images/icon-104.png);transform:rotate(0deg);}
.cor-content .swiper-button-next.swiper-button-disabled{ background-image:url(../images/icon-104.png);transform:rotate(180deg);}
#fullpage .active .cor-ver h3,#fullpage .active .cor-ver p{transform:translateY(0px);opacity:1}


/*�˵���λ����*/
.menu-pos{ width:240px; position:fixed;left:0px;top:50%; z-index:1234;transition:all 0.4s ease;opacity:1; margin-top:-120px}
.menu-pos .menu1,.menu-pos .menu8{height:0px;opacity:0}
.menu-hide{opacity:0}
.menu-item{ width:100%; overflow:hidden; margin-top:12px }
.menu-item span{ float:left; width:70px;  overflow:hidden; margin-top:15px}
.menu-item span em{ float:right; width:40px; height:1px; background:#afb5c3; overflow:hidden;transition:all 0.2s ease}
.menu-item p{ float:left; width:150px; line-height:30px; font-size:16px; color:#36466a; margin-left:20px;opacity:0;transition:all 0.2s ease}
.menu-item.active span em{ width:100%;height:2px; background:#36466a;}
.menu-item.active p{opacity:1}
.menu-item:hover p{opacity:1}
.menu-def .menu-item.active span em{ background:#fff}
.menu-def .menu-item p{ color:#fff}


@media screen and (max-width:1660px){
/*section1*/
.banner-center span{ font-size:28px; }
.banner-center h3{ font-size:44px}
.banner-center em,.banner-center p{ width:190px; height:44px;line-height:44px; margin-top:80px;}
.banner-center em a,.banner-center p a{font-size:15px;}

/*Эͬ��̬*/
.content-head h3{ font-size:36px; letter-spacing:2px}
.content-head p{font-size:15px;margin-top:10px}

.content-nav{ margin:40px auto 0px;}
.content-item{ height:75px; line-height:75px; }
.content-item span{ width:36px; height:36px; }
.content-item span:before{ width:26px; height:26px;left:5px;top:5px; }
.content-item:nth-child(1) span:before,.content-item:nth-child(2) span:before,.content-item:nth-child(3) span:before,.content-item:nth-child(4) span:before{ background-size:55%}
.content-item p{ font-size:16px; margin-left:32px;}
.content-item p:before{ width:5px; height:10px;left:-10px;top:28px; }
.content-item p:after{ width:5px; height:10px; right:-10px;bottom:28px;}
.content-nav .content-item.active:nth-child(1) span:before,.content-nav .content-item.active:nth-child(2) span:before,.content-nav .content-item.active:nth-child(3) span:before,.content-nav .content-item.active:nth-child(4) span:before{background-size:55%}

.content-type{ margin:40px auto 0px; }
.content-type .content-gener{ height:340px;padding:5% 7% 7%;}
.content-type .content-gener h3{font-size:20px; line-height:60px;}
.content-type .content-gener p{ font-size:15px;  line-height:26px; height:104px; margin-top:30px;}
.content-type samp{ width:40%;}
.conent-prev,.conent-next{ height:340px; }
.content-scroll{ margin-top:40px}

.content-star{ width:100%; margin-top:40px}
.content-info{height:338px;}
.content-des samp em{ height:60px; line-height:60px;font-size:20px;}
.content-right span{  font-size:22px; }
.content-right p{ font-size:15px; line-height:30px; height:180px; margin-top:23px;}

.content-zm{ height:406px}
.content-zm1{margin-top:50px}
.content-zm2{ margin-top:28px}
.content-zm2 h3{  font-size:40px; }
.content-zm2 p{ font-size:17px;line-height:30px; margin-top:15px}
.content-zm3{ margin-top:90px;}
.content-zm3 span{ width:190px; height:44px; line-height:44px;}
.content-zm3 span a{ width:66%; font-size:15px;}

.content-yz{ margin-top:28px}
.yz-head{height:160px;}
.yz-head h3{ padding-left:21px; margin-top:20px}
.yz-head h3 span{ font-size:18px; }
.yz-head h3 p{ font-size:15px;margin-top:9px;}
.yz-head form{ margin-top:20px;}
.yz-head form input{height:40px; line-height:40px;  padding:0px 18px; font-size:13px; }
.yz-head form button{height:40px; line-height:40px;padding:0px; font-size:14px;}

.yz-content{ height:268px}
.yz-1{width:95%; margin:24px auto 0px;height:110px}
.yz-2{width:95%;margin:24px auto 0px;}
.yz-item p{ font-size:12px;margin-top:11px}
.yz-search .swiper-button-prev{ width:56px; height:56px;}
.yz-search .swiper-button-next{ width:56px; height:56px;}

/*city*/
.city-head h3{ font-size:36px;}
.city-head p{font-size:15px;  margin-top:10px}
.city1 p,.city2 p,.city3 p,.city4 p,.city5 p{font-size:16px;width:140px; }
.city1 p:before,.city1 p:after,.city2 p:before,.city2 p:after,.city3 p:before,.city3 p:after,.city4 p:before,.city4 p:after{ background-sze:100%}
.city1 samp,.city2 samp,.city3 samp,.city4 samp,.city5 samp{ width:110px; margin:6px 0px 0px 20px; background-size:100%}

/*server*/
.server-head{top:7%}
.server-left h3{font-size:32px;}
.server-left p{font-size:15px; margin-top:11px}
.server-bottom{ height:55vh;}
.server-ver{  height:120px;top:-60px; }
.server-ver samp{ width:18%;}
.server-ver p{padding:14px 0px 14px 50px; line-height:28px; height:56px; font-size:14px; margin-top:19px}
.server-content{ padding-top:50px;}
.server-ct h3{ font-size:32px;}
.server-ct p{ font-size:16px;margin-top:7px}
.server-ct h4{font-size:24px;margin-top:40px}
.server-pannel{ margin:20px auto 0px;}
.server-item span{font-size:14px; line-height:36px} 

.product-center .swiper-slide h3{font-size:18px;}
.product-center .swiper-slide p{ font-size:14px; line-height:24px; height:216px; margin-top:14px}
.product-center .swiper-slide span .detail{ height:40px; line-height:40px; font-size:14px;}
.product-center .swiper-slide span .address{ height:38px; line-height:38px;font-size:14px;}
.product-center .swiper-slide span .address:hover{height:40px; line-height:40px;}
.pro-scroll{margin-top:50px}

/*Ӣ��*/
.yc-ver h3{font-size:32px;}
.yc-ver p{ font-size:15px; }
.yc-pannel{ margin-top:70px}
.yc-item{height:60px; line-height:60px;}
.yc-item samp{font-size:18px; }
.yc-item span{ width:120px;font-size:16px;margin-left:11px;}
.yc-item i{height:60px;}
.yc-item em{ height:60px; }

.yc-pannel .active samp{ font-size:24px}
.yc-pannel .active span{ font-size:20px}
.yc-pannel .active em:before{width:30px; height:30px; left:-6px;top:16px; background-size:100%}

.yc-center h3{ float:left; width:70%; overflow:hidden; font-size:34px; color:#fff; padding-left:80px; position:relative; padding-bottom:18px;transition:all 0.7s ease;opacity:0;transform:translateX(100px)}
.yc-center h3:before{ width:136px; height:2px; position: absolute;left:80px; bottom:0px; z-index:2; background:-webkit-linear-gradient(left,#2d6cea,#2558ca); content:""}
.yc-center p{ float:left; width:47%;font-size:18px; color:#fff; line-height:36px; position:relative; padding-left:80px; margin-top:40px;transition:all 0.7s ease 0.1s;opacity:0;transform:translateX(100px)}
.yc-center p span{ width:auto; position: absolute;left:0px;top:18px; z-index:1; font-size:70px; color:#e1eaff;font-family:'sszhhei'}
.yc-more{ float:left; width:100%; overflow:hidden; margin-top:60px; padding-left:80px}
.yc-center em{ float:left; width:192px; height:52px; line-height:52px; text-align:center; background:-webkit-linear-gradient(left,#2d6cea,#2557c9); font-size:18px;transition:all 0.7s ease 0.2s;opacity:0;transform:translateX(100px)}
.yc-center em a{ width:76%; display:inline-block; background:url(../images/icon-53.png) no-repeat right center; text-align:left; color:#fff}
.yc-center em:hover{background:-webkit-linear-gradient(left,#2557c9,#2d6cea)}

.yc-pag .swiper-button-prev{ width:60px; height:60px;}
.yc-pag .swiper-button-next{ width:60px; height:60px;}

/*news*/
.news-left h3{font-size:32px; }
.news-left p{font-size:15px;margin-top:18px}
.news-right{ margin-top:32px}
.news-right span{width:130px; height:46px; line-height:46px;font-size:14px;}
.news-content{margin-top:60px;}
.news-pannel .swiper-slide samp{ margin-top:50px;}
.news-pannel span{ font-size:16px; margin-top:18px; line-height:32px}
.news-pannel p{font-size:14px; margin-top:26px;}
.news-pannel p a{ margin-right:16px}
.news-pannel p em{ margin-left:16px}
.news-more{ margin-top:40px; }
.news-more em{ width:180px; height:50px; line-height:50px;}
.news-more em a{ font-size:16px;}

/*�������*/
.cor-ver h3{ font-size:32px; }
.cor-ver p{font-size:14px;margin-top:18px;}
.cor-content{ margin-top:40px;}


}

@media screen and (max-width:1440px){
/*section1*/
.banner-content{ padding-top:60px}
.banner-center span{ font-size:24px; }
.banner-center em,.banner-center p{ width:180px; height:42px;line-height:42px; margin-top:70px;}
.banner-center em a,.banner-center p a{font-size:14px;}

/*Эͬ��̬*/
.content-1{ padding-top:60px}
.content-head h3{ font-size:32px;}
.content-head p{font-size:14px;margin-top:8px}

.content-nav{ margin:30px auto 0px;}
.content-item{ height:68px; line-height:68px; }
.content-item span{ width:32px; height:32px; }
.content-item span:before{ width:24px; height:24px;left:4px;top:4px; }
.content-item p{ font-size:15px; margin-left:30px;}
.content-item p:before{  height:8px;top:24px; }
.content-item p:after{  height:8px; bottom:24px;}

.content-type{ margin:36px auto 0px; }
.content-type .content-gener h3{font-size:18px;}
.content-type .content-gener p{ font-size:14px; }
.content-scroll{ margin-top:36px}

.content-info{height:340px;}
.content-right{ padding:3vw 4% 0px}
.content-right span{  font-size:18px; }
.content-right p{ font-size:14px; line-height:28px; height:164px; margin-top:18px;}

.content-zm{ height:400px}
.content-zm1{margin-top:48px}
.content-zm2{ margin-top:26px}
.content-zm2 h3{  font-size:36px; }
.content-zm2 p{ font-size:16px;}
.content-zm3{ margin-top:60px;}

.content-yz{ margin-top:24px}
.yz-head{height:156px;}
.yz-12 h3{ font-size:16px}
.yz-search{ margin-top:40px}

/*city*/
.city{ padding-top:60px}
.city-head h3{ font-size:32px;}
.city-head p{font-size:14px;}
.city1 p,.city2 p,.city3 p,.city4 p,.city5 p{font-size:16px; width:140px; }
.city1 p a,.city2 p a,.city3 p a,.city4 p a,.city5 p a{ font-size:12px}
.city1 samp,.city2 samp,.city3 samp,.city4 samp,.city5 samp{ width:70px;}

/*server*/
.server-head{top:6%}
.server-left h3{font-size:30px;}
.server-left p{font-size:14px;}
.server-bottom{ height:56vh;}

.server-ct h3{ font-size:30px;}
.server-ct p{ font-size:15px;}
.server-ct h4{font-size:22px;margin-top:36px}

.product-center .swiper-slide h3{font-size:16px;}
.product-center .swiper-slide p{ font-size:12px; line-height:23px; height:207px; margin-top:12px}
.pro-scroll{margin-top:40px}

/*Ӣ��*/
.yc{padding-top:60px}
.yc-ver h3{font-size:30px;}
.yc-ver p{ font-size:14px; }
.yc-pannel{ margin-top:60px}

.yc-item samp{font-size:17px; }
.yc-item span{font-size:15px;}
.yc-item i{ width:40%; background-size:100%}
.yc-pannel .active samp{ font-size:22px}
.yc-pannel .active span{ font-size:17px}

.yc-center h3{font-size:30px;}
.yc-center h3:before{ width:132px;}
.yc-center p{font-size:16px;line-height:35px;}
.yc-center p span{font-size:64px;}
.yc-more{ margin-top:45px; }
.yc-center em{width:180px; height:50px; line-height:50px;  font-size:16px;}
.yc-pag{bottom:7%}
.yc-pag .swiper-button-prev{ width:56px; height:56px;}
.yc-pag .swiper-button-next{ width:56px; height:56px;}

/*news*/
.news{ padding-top:60px}
.news-left h3{font-size:30px; }
.news-left p{font-size:14px;margin-top:17px}
.news-right{ margin-top:28px}
.news-right span{width:120px; height:42px; line-height:42px;font-size:14px;}
.news-content{margin-top:50px;}
.news-pannel .swiper-slide samp{ margin-top:40px;}
.news-pannel span{ font-size:15px; margin-top:14px; line-height:30px}
.news-pannel p{font-size:12px; margin-top:22px;}
.news-pannel p a{ margin-right:12px}
.news-pannel p em{ margin-left:12px}
.news-more{ margin-top:30px; }
.news-more em{ width:160px; height:44px; line-height:44px;}
.news-more em a{ font-size:14px;}

/*�������*/
.cor{ padding-top:60px}
.cor-ver h3{ font-size:30px; }
.cor-ver p{margin-top:16px;}
.cor-content{ margin-top:36px;}
.menu-pos{ width:180px}
.menu-item p{ width:auto; font-size:12px}
.menu-item span{ width:50px}
.menu-item span em{ width:25px}

}

@media screen and (max-width:1366px){
.banner-center h3{ font-size:36px; }
/*Эͬ��̬*/
.content-head h3{ font-size:28px}
.content-nav{ margin-top:20px}
.content-type{ margin-top:23px}
.content-scroll{ display:none}
.content-type .swiper-button-prev{ display:block; width:30px; height:30px; overflow:hidden;border-radius:50%;opacity:1; background:#2b65e0 url(../images/icon-27.png) no-repeat center;transform:rotate(180deg);left:0px}
.content-type .swiper-button-next{ display:block; width:30px; height:30px; overflow:hidden;border-radius:50%;opacity:1; background:#2b65e0 url(../images/icon-27.png) no-repeat center;right:0px}
.content-type .swiper-button-prev.swiper-button-disabled{ background:#fff url(../images/icon-26.png) no-repeat center;transform:rotate(0deg)}
.content-type .swiper-button-next.swiper-button-disabled{ background:#fff url(../images/icon-26.png) no-repeat center;transform:rotate(180deg)}
.conent-prev, .conent-next{ width:18%}
.conent-next{ right:-19%}

.content-star{ margin-top:30px}
.content-info {height: 268px;}
.content-des samp{ width:48%}

.content-zm{ height:320px}
.content-zm1{ margin-top:42px}
.content-zm1 img{ width:50px; height:auto}
.content-zm3{ margin-top:47px}

.yz-head{ height:126px}
.yz-head h3{ margin-top:15px}
.yz-head h3 span{ font-size:16px}
.yz-head h3 p{ font-size:12px; margin-top:4px}
.yz-head form input,.yz-head form button{ line-height:32px; height:32px}
.yz-content{ height:213px}
.yz-1{ margin-top:17px}
.yz-11{ width:170px}
.yz-12{ padding-left:185px}
.yz-12 h3{ margin-top:8x}
.yz-12 p{ height:52px}
.yz-2{ margin-top:0px}
.yz-item p{ margin-top:3px}
.yz-search{ margin-top:30px}

.city-ct{ margin-top:24px}
.server-head{top:3%}
.server-ver{ height:100px;top:-50px}
.server-ver p{ line-height:26px; height:52px; padding:10px 0px 10px 50px; margin-top:16px}
.product-center .swiper-slide{ padding:2%}
.product-center .swiper-slide h3{ padding-bottom:11px}
.product-center .swiper-slide p{ height:184px}
.pro-scroll {margin-top: 10px;}

.yc-center h3{ font-size:26px}
.yc-center p{ font-size:14px; margin-top:14px; line-height:32px}
.yc-more{ margin-top:24px}
.yc-pag .swiper-button-prev,.yc-pag .swiper-button-next{ width:40px; height:40px}
.yc-pag{ bottom:5%}
}



@media screen and (max-width:1280px){
/*section1*/
.banner-center span{ font-size:20px; }
.banner-center h3{ font-size:32px; }

/*Эͬ��̬*/
.content-head h3{ font-size:26px;}
.content-head p{font-size:14px;}

.content-item{ height:60px; line-height:60px; }
.content-item span{ width:28px; height:28px; }
.content-item span:before{ width:22px; height:22px;left:3px;top:3px; }
.content-item p{ font-size:14px; margin-left:25px;}

.content-type{ margin:32px auto 0px; }
.content-type .content-gener h3{font-size:16px;}
.content-type .content-gener p{ font-size:12px; }
.content-scroll{ margin-top:30px}

.content-info{height:286px;}
.content-right span{  font-size:16px; }
.content-right p{ font-size:12px; line-height:24px; height:144px; margin-top:10px;}

.content-zm{ height:330px}
.content-zm1{margin-top:42px}
.content-zm2{ margin-top:22px}
.content-zm2 h3{  font-size:32px; }
.content-zm2 p{ font-size:14px;}
.content-zm3{ margin-top:80px;}

.content-yz{ margin-top:20px}
.yz-head{height:140px;}
.yz-12 h3{ font-size:14px}

/*server*/
.server-left h3{font-size:26px;}
.server-ct h3{ font-size:28px;}
.server-ct p{ font-size:14px;}
.server-ct h4{font-size:20px;margin-top:32px}



/*Ӣ��*/
.yc-ver h3{font-size:26px;}
.yc-pannel{ margin-top:40px}
.yc-item samp{font-size:16px; }
.yc-item span{font-size:14px;}
.yc-pannel .active samp{ font-size:20px}
.yc-pannel .active span{ font-size:16px}
.yc-item i{ width:36%}

.yc-center h3{font-size:26px;}
.yc-center h3:before{ width:126px;}
.yc-center p{font-size:14px;line-height:30px;}
.yc-center p span{font-size:54px;}
.yc-more{ margin-top:40px; }
.yc-center em{width:170px; height:46px; line-height:46px;  font-size:14px;}


/*news*/
.news-left h3{font-size:26px; }
.news-left p{margin-top:12px}
.news-right{ margin-top:20px}
.news-content{margin-top:40px;}
.news-pannel .swiper-slide samp{ margin-top:30px;}
.news-pannel span{ font-size:14px; margin-top:10px; line-height:26px}
.news-pannel p{ margin-top:16px;}
.news-pannel p a{ margin-right:10px}
.news-pannel p em{ margin-left:10px}
.news-more{ margin-top:20px; }

/*�������*/
.cor-ver h3{ font-size:26px; }
.cor-ver p{margin-top:14px;}
.cor-content{ margin-top:30px;}


/*�˵���λ����*/
.menu-pos{ width:158px; margin-top:-120px}
.menu-item span{ width:20px; }
.menu-item span em{width:25px; }
.menu-item p{ width:120px; font-size:12px; margin-left:10px;}

}


@media screen and (max-width:1230px){
.server-ver p{padding:0px 0px 0px 20px; margin-left:20px; line-height:23px;box-sizing:border-box;overflow:hidden; height:69px; margin-top:27px; width:74%}
.server-ct h3{ width:70%; margin:0px auto}
.server-ct p{ width:70%; margin:7px auto 0px}
}


@media screen and (max-width:996px){
/*section1*/
.banner{ background-position: 60% top}
.banner-center span{ font-size:18px; }
.banner-wz1,.banner-wz2,.banner-wz3,.banner-wz4{background-position:60% top}
.banner-center h3{ font-size:26px; }

/*Эͬ��̬*/
.content-1{ padding-top:50px}
.content-head h3{ font-size:22px;}
.content-head p{font-size:12px;}

.content-ver1{ width:80%}
.content-nav{ margin:15px auto 0px;}
.content-item{ height:40px; line-height:40px; }
.content-item span{ width:20px; height:20px; }
.content-item span:before{ width:14px; height:14px; }
.content-item p{ font-size:12px; margin-left:20px;}
.content-item p:before{ width:3px; height:6px;left:-9px;top:12px; }
.content-item p:after{ width:3px; height:6px; right:-9px;bottom:12px;}
.content-nav .active:before{bottom:-5px; border-top:5px #2557c9 solid;border-left:5px transparent solid;border-right:5px transparent solid; content:"";margin-left:-2px}

.content-type{ margin:15px auto 0px; }
.content-type .content-gener{ height:290px}
.content-type .content-gener h3{font-size:14px; line-height:30px; height:30px}
.content-type .content-gener p{ font-size:12px; margin-top:10px ; height:130px}
.content-scroll{ margin-top:30px}

.content-info{height:274px;}
.content-des samp{ display:none}
.content-right{ width:100%}
.content-right span{  font-size:14px; }

.content-zm{ height:350px}
.content-zm1{margin-top:20px;}
.content-zm1 img{ width:34px; height:auto}
.content-zm2{ margin-top:15px}
.content-zm2 h3{  font-size:24px; }
.content-zm2 p{ font-size:12px; line-height:22px; margin-top:10px}

.content-yz{ margin-top:15px}
.yz-head{height:120px;}
.yz-head h3 span{ font-size:14px}
.yz-head h3 p{ font-size:12px; margin-top:4px}
.yz-head form{ margin-top:12px}
.yz-head form input{ height:30px; line-height:30px; font-size:12px; width:64%;}
.yz-head form button{ width:36%; height:30px; line-height:30px; font-size:12px}
.yz-content{ height:235px}
.yz-1{ margin:10px auto 0px}
.yz-11{ width:158px}
.yz-12{ padding-left:170px}
.yz-12 p{ font-size:12px; line-height:20px; margin-top:10px; height:60px}
.yz-2{ margin-top:0px}
.yz-item{ padding-right:2px}
.yz-item p{ margin-top:5px}
.yz-search .swiper-button-prev{ width:40px; height:40px; left:-40px}
.yz-search .swiper-button-next{ width:40px; height:40px; right:-40px}

/*city*/
.city{ padding-top:50px}
.city-head h3{ font-size:22px;}
.city-head p{font-size:12px;}

/*server*/
.server-head{ margin-top:50px;top:7%}
.server-left{ width:30%}
.server-left h3{font-size:22px;}
.server-slide{ width:120px}
.server-slide samp img{ height:32px}
.server-slide span{ line-height:40px; font-size:14px}
.server-ver samp{ display:none}
.server-ver p{ width:100%;border:none; padding:0px 20px;box-sizing:border-box; margin-left:10px}
.server-content{ padding-top:40px}
.server-ct h3{ font-size:18px}
.server-ct p{ font-size:12px;}
.server-ct h4{font-size:16px;margin-top:15px}
.server-item{padding:0px 15px;box-sizing:border-box}
.server-item em img{ width:100%; height:auto}
.server-item span{ font-size:12px; line-height:20px}


/*Ӣ��*/
.yc{ padding-top:50px}
.yc-ver h3{font-size:22px;}
.yc-pannel{ margin-top:30px}
.yc-item{ height:42px; line-height:42px}
.yc-item samp{font-size:14px; }
.yc-item span{font-size:12px;}
.yc-pannel .active samp{ font-size:16px}
.yc-pannel .active span{ font-size:14px}

.yc-center h3{font-size:22px;}
.yc-center h3:before{ width:120px;}
.yc-center p{font-size:12px;line-height:25px;}
.yc-center p span{font-size:44px;}
.yc-more{ margin-top:30px; }
.yc-center em{width:150px; height:42px; line-height:42px;  font-size:12px;}
.yc-pag{bottom:-17%}
.yc-pag .swiper-button-prev{ width:40px; height:40px;}
.yc-pag .swiper-button-next{ width:40px; height:40px;}

/*news*/
.news-left h3{font-size:22px; }
.news-content{margin-top:30px;}
.news-pannel .swiper-slide samp{ margin-top:0px;}


/*�������*/
.cor-ver h3{ font-size:22px; }
.cor-ver p{margin-top:12px;}
.cor-content{ margin-top:20px;}


/*�˵���λ����*/
.menu-pos{ width:150px; margin-top:-100px}
.menu-item span{ width:20px; }
.menu-item span em{width:10px; }
.menu-item p{ width:100px; font-size:12px; margin-left:5px;}

}







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

/*section1*/
.banner-center span{ font-size:14px; }
.banner-center h3 img{ width:90%}
.banner-center em{width:160px; height:40px;line-height:40px; margin-top:50px; margin-right:80px}
.banner-center p{width:160px; height:40px; line-height:40px; margin-top:30px; margin-left:0px;}


/*Эͬ��̬*/
.content-head h3{ font-size:20px;}
.content-ver1{ width:86%}
.content-nav{ margin:12px auto 0px;}
.content-item{ height:34px; line-height:34px; }
.content-item span{ display:none }
.content-item p{ font-size:12px; margin-left:0px;}
.content-type .content-gener{ height:350px}

.content-star{ margin-top:12px}

.content-info{height:377px;}
.content-des samp{ display:block; width:100%}
.content-right{ width:100%}
.content-right span{  font-size:14px; }

.content-zm{ height:412px}
.yz-head{ width:100%}

.yz-search .swiper-button-prev{ width:30px; height:30px; left:-30px}
.yz-search .swiper-button-next{ width:30px; height:30px; right:-30px}

/*city*/
.city-ct{ margin:20px auto 0px; }
.city1,.city2,.city3,.city4,.city5{ width:200%; position: relative; margin:15px 0px 0px; float:left; overflow:hidden; margin-left:-66% }
.city1 p,.city2 p,.city3 p,.city4 p,.city5 p{ font-size:14px; color:#fff;}
.city1 samp,.city2 samp,.city3 samp,.city4 samp,.city5 samp{ display:none}
.city4,.city5{ width:190px}
.city4 p,.city5 p{ float:right; text-align:left}
.city4 span,.city5 span{ margin-left:0px}
/*server*/
.server-center{ width:84%}
.server-left{ width:40%}
.server-left h3{font-size:20px;}
.server-slide{ width:70px}
.server-slide samp img{ height:26px}
.server-slide span{ line-height:30px; font-size:12px}
.server-ver{ display:none}
.server-bottom{ height:72vh}
.server-content{ padding-top:0px}
.server-ct h3{ font-size:16px}
.server-ct h4{font-size:14px;margin-top:10px}
.server-pannel{ width:92%}
.server-item{padding:0px 10px;box-sizing:border-box; width:25%; float:left;margin-top:15px}
.server-item em img{ width:auto; height:60px}


/*Ӣ��*/
.yc-ver h3{font-size:20px;}
.yc-item span{ width:auto}
.yc-center h3{font-size:20px; padding-left:40px}
.yc-center h3:before{ width:100px; left:40px}
.yc-center p{line-height:23px; padding-left:40px; margin-top:20px}
.yc-center p span{font-size:40px;}
.yc-more{ margin-top:20px; padding-left:40px }
.yc-center em{width:130px; height:40px; line-height:40px; }
.yc-pag{bottom:-10%}
.yc-pag .swiper-button-prev{left:40px}
.yc-pag .swiper-button-next{left:90px}
/*news*/
.news-left h3{font-size:20px; }
.news-right span{ font-size:12px; width:60px; line-height:30px; height:30px}
.news-content{margin-top:30px;}
.news-pannel{ padding:0px}
.news-pannel .swiper-slide samp{ margin-top:0px;}
.news-pannel .swiper-button-prev,.news-pannel .swiper-button-next{top:32%; width:30px; height:30px}

/*�������*/
.cor-ver h3{ font-size:20px; }
.cor-content ul li{ width:50%}



}