@charset "utf-8";@import url('fonts.css');
*{margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all;}
a,.act,.image-container img,.fixtop .navpc li a.a:before,.index-about .text td .pic img,.index-about .text td img,.index-news .pic img,.index-tab .list .pic img,.news li .pic img,.service li .pic img,.contact-message li.btn button
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.index-about .text td .pic:hover img,.index-news .pic:Hover img,.index-tab .list .swiper-slide:hover .pic img,.news li:hover .pic img,.service li:hover .pic img
{transform:scale(1.10);-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);-ms-transform:scale(1.10)}
.pd,.index-about .text td,.contact-message li input[type],.contact-message li textarea
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.index-about .text td h3:hover img
{transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;background:#edf1fa;line-height:1.8;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Source Han Sans','Microsoft YaHei','微软雅黑','arial';}
html,body,input,button,select,textarea,big,small {font-size:16px;color:#333;font-weight:400;}a {color:#333}b,strong {font-weight:700;}
a:hover,.fixtop .navpc li.active a.a,.index-tab .list .swiper-slide:hover .text .title a,.news li:hover .text .title a,.service li:hover .text .title a,.fixtop .navpc li:hover>a.a,.fixtop .navpc li .list dd a:hover {color:#128fc6}
:root{scroll-behavior:smooth;}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}.table .td { display:table-cell; vertical-align:middle;}
table,td,th,tbody,tr {border-collapse:collapse;border-spacing:0;border:0;margin:0}
img {max-width:100%; height:auto; vertical-align: top; -webkit-touch-callout: none;border:0}
input,button,select,textarea{ outline:none;border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd,ol { list-style:none;}
.list-paddingleft-1,.list-paddingleft-2{margin:0 0 0 20px;}
em { font-style:normal}
hr {border:0; background:#ddd;height:1px;margin:10px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute;top:0;left:0; z-index:1;width:100%; height:100%;}
.imgcover { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 1;}.imgcover img {width:100%;height:100%;object-fit:cover;}
.bodyactive {overflow:hidden}
:root{scroll-behavior:smooth;}
.average {display:flex;}.average .col {flex: 1;}
.both-end{display:flex;justify-content:space-between;}
.col-2 {display: flex;flex-wrap: wrap;gap:0;} .col-2 .col {width:50%;box-sizing: border-box;width:calc(50% - 0px);width:-webkit-calc(50% - 0px)}
.col-3 {display: flex;flex-wrap: wrap;} .col-3 .col {width:33.3333%;box-sizing: border-box;}
.col-4 {display: flex;flex-wrap: wrap;} .col-4 .col {width:25%;box-sizing: border-box;}
.col-5 {display: flex;flex-wrap: wrap;} .col-5 .col {width:20%;box-sizing: border-box;}
.col-6 {display: flex;flex-wrap: wrap;} .col-6 .col {width:16.6666%;box-sizing: border-box;}
.col-7 {display: flex;flex-wrap: wrap;} .col-7 .col {width:14.2857%;box-sizing: border-box;}
.col-8 {display: flex;flex-wrap: wrap;} .col-8 .col {width:12.5%;box-sizing: border-box;}
.col-9 {display: flex;flex-wrap: wrap;} .col-9 .col {width:11.1111%;box-sizing: border-box;}
.col-10 {display: flex;flex-wrap: wrap;} .col-10 .col {width:10%;box-sizing: border-box;}
.logo-for-baidu {position: absolute;left:-5000px;top:-5000px}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:80px 0 0 0;text-align:center}
.pager {width:100%;}
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:2px 5px;width:40px; height:40px; line-height:38px;box-shadow:0 0 2px rgba(0,0,0,0);text-align: center;border-radius:4px; background:#fff}
.pager font {font-family:'宋体';font-weight:700;margin:0px;display:inline-block;vertical-align: top; line-height: 41px;transition-duration:.5s;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#128fc6; background: #128fc6} 
.pager a,.pager span.disabled {color:#666} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:18px;font-weight:400;color:#595758;}
.pager select,.pager input,.pager a,.pager span.disabled  {border:0px solid #666;}
.pager i {font-weight:bold; line-height: 38px; display: inline-block; vertical-align: top;margin:0 10px; letter-spacing: 3px}

::-webkit-scrollbar {width: 5px;height:0px; }/******direction: rtl; unicode-bidi: bidi-override;出现在左边*********/
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #128fc6;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #fff;}

::-webkit-input-placeholder {color:#8d8d8d;}
:-moz-placeholder {color:#8d8d8d;}
::-moz-placeholder {color:#8d8d8d;}
:-ms-input-placeholder {color:#8d8d8d;}

::selection {background:#128fc6;color:#ffffff;}
::-moz-selection {background:#128fc6;color:#ffffff;}
::-webkit-selection {background:#128fc6;color:#ffffff; }
.wrap {margin:0 auto;max-width:1210px;position:relative;}
.phonemenu { display:none;}

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 9998; height:85px; background:rgba(255,255,255,1);}
.fixtop .logo { position: absolute;left:0;top:25px;z-index: 999}
.fixtop .logo a {background: url("../images/logo.png") no-repeat left top;width:214px;height:35px; background-size:100%; display: block}
.fixtop .navpc { text-align:right;}
.fixtop .navpc li {display:inline-block; vertical-align: top;margin:0 0 0 60px; position: relative}
.fixtop .navpc li a.a {display:inline-block; vertical-align: top;font-size:18px; height:85px; line-height:83px; position: relative}
.fixtop .navpc li a.a:before {content: "\e654";font-family: "iconfont" !important; position: absolute;left:50%;top:70px;font-size:25px; line-height:25px;transform: rotate(-180deg);-ms-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-o-transform: rotate(-180deg);color:#128fc6;margin-left:-11px;opacity:0}
.fixtop .navpc li:hover a.a:before,.fixtop .navpc li.active a.a:before,.fixtop .navpc li:hover>a.a:before {opacity:1}
.topblank {height:85px}
.fixtop.active {background:rgba(255,255,255,1);box-shadow:0 0 10px rgba(0,0,0,0.15)}

.fixtop .navpc li .list { position:absolute; z-index: 9999; left:-235px;width:790px;top:85px;display:none;background:rgba(255,255,255,1);box-shadow:0 0 10px rgba(0,0,0,0.15); padding:10px 30px; text-align: left;}
.fixtop .navpc li .list dd {margin:0;padding:20px 0 20px 150px;position: relative;border-bottom:1px solid #ddd;display:flex;flex-wrap: wrap}
.fixtop .navpc li .list dd:last-of-type {border-bottom:0}
.fixtop .navpc li .list dd h2 {position: absolute;left:0;top:15px}
.fixtop .navpc li .list dd p {margin:5px 0;width:45%;padding:0 0 0 5%}
.fixtop .navpc li .list dd a {font-size:16px; line-height: 26px;display:inline-block;color:#333}
.fixtop .navpc li .list dd p a span {margin:1px 0 0 -3px}

.indpics {position:relative; left:0;top:0;width:100%;z-index: 1}
.indpics .swiper-slide { position:relative;padding:13.75% 0; overflow: hidden}
.indpics .swiper-slide .imgcover{transition:0s linear 1s;transform:scale(1.1,1.1);}
.indpics .swiper-slide-active .imgcover,.swiper-slide-duplicate-active .imgcover{transition:5s linear;transform:scale(1,1);}

.top-pic {padding:13.75% 0; position:relative;left:0;top:0;width:100%; z-index: 1;}
.top-pic .pic {position:absolute; left:0;top:0;width:100%;height:100%; z-index: 1; overflow: hidden}
.top-pic .pic>p {width: 100%;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);-webkit-animation: minus 6s 0s ease both infinite;-moz-animation: minus 6s 0s ease both infinite;animation: minus 6s 0s ease both infinite;animation-iteration-count: 1;-webkit-animation-iteration-count: 1;}
@keyframes myfirst { 0% {transform: translate(0px, 0px); } 50% {transform: translate(0px, -10px); }100% {transform: translate(0px, 0px);}}
@keyframes minus {0% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}

.index-bg {background: url("../images/bg.jpg") no-repeat center; background-size:cover;padding:0 0 70px 0}
.parallelogram {
    height: 50px;
    line-height: 48px;
    background-color: #015ee4;
    transform: skew(-10deg); /* 倾斜角度，正值向右倾斜，负值向左倾斜 */
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 30px;
    display:inline-block;padding:0 20px;
}
.parallelogram .content {transform: skew(10deg);}
.index-about {padding:80px 0 40px 0;border-bottom:1px solid #ccc;}
.index-about .subject {position: relative}
.index-about .subject .sub{color:#88dbf8; text-transform: uppercase;font-size:22px;line-height: 46px;margin-left:15px}
.index-about .subject .index-more {position: absolute;right:0;top:22px}
.index-about .text {padding:40px 0 0 0}
.index-about .text table {text-align: center}
.index-about .text td {width:30%; text-align: left;}
.index-about .text td:nth-child(2) {width:40%;padding:0 5%}
.index-about .text td h3 {display:flex;align-items: center;justify-content: center;font-size:30px}
.index-about .text td h3 img {margin:0 20px 0 0}
.index-about .text td .pic { overflow: hidden}
.index-more {color:#128fc6;font-size:18px;}
.index-more span {font-size:20px;display:inline-block; vertical-align: top;margin:0 -3px 0 0}
.index-more:hover {color:#015ee4;}

.index-more-2 {color:#fff;font-size:16px; background: #128fc6;height:40px; line-height: 38px;border-radius:40px;display:inline-block;padding:0 35px}
.index-more-2 span {font-size:20px;display:inline-block; vertical-align: top;margin:2px -3px 0 -2px}
.index-more-2:hover {background:#015ee4;color:#fff}
.index-news {border-bottom:1px solid #ccc;padding:0 0 40px 0;display:flex;justify-content: space-between;margin-top:40px}
.index-news .text {width:48%;}
.index-news .text .subject { position: relative;margin:0 0 30px 0}
.index-news .text .subject .cn {color:#128fc6;font-size:30px; line-height: 1;font-weight:700}
.index-news .text .subject .en {color:#88dbf8; text-transform: uppercase;font-size:22px;line-height: 46px;}
.index-news .text .subject .index-more-2 {position: absolute;right:0;top:20px}
.index-news .text li {margin-top:32px}
.index-news .text li .title {height:25px; line-height: 25px; overflow: hidden}
.index-news .text li .title a {font-size:20px;font-weight:500}
.index-news .text li .content {height:25px;line-height: 25px;font-size:15px;color:#888; overflow: hidden;margin:5px 0 10px 0}
.index-news .text li .date {font-size:14px;color:#bebdbd;}
.index-news .pic {width:48%;}
.index-news .pic h2 {position: relative;overflow: hidden;height:320px;border:1px solid #128fc6;}

.mobile-menu {display:none;background: url("../images/mob-bg.jpg") no-repeat center; background-size:cover;height:40px; line-height: 39px;}
.mobile-menu ul {display:flex;justify-content: space-between}
.mobile-menu li a {color:#fff;font-size:15px}

.index-tab .cate ul {display:flex; align-items: center;justify-content: center;padding:40px 0 40px 0}
.index-tab .cate li {margin:0 10px}
.index-tab .cate li a {display:inline-block;padding:0 40px;height:50px;line-height: 47px; background: #fff;border-radius:50px;font-size:25px}
.index-tab .cate li:hover a,.index-tab .cate li.check a { background: #128fc6;color:#fff;}
.index-tab .list {position: relative;padding:0 0 0px 0}
.index-tab .list .swiper-container {padding:0 0 60px 0}
.index-tab .list .pic { position: relative;overflow: hidden;padding:38.1875% 0;}
.index-tab .list .text { background: #fff;padding:30px 20px 25px 20px; text-align: center}
.index-tab .list .text .title {height:25px; line-height: 25px; overflow: hidden;}
.index-tab .list .text .title a {font-weight:700;font-size:20px;}
.index-tab .list .text .gs { line-height: 25px; height:50px; overflow: hidden;font-size:14px;margin:15px 0 15px 0;color:#888; text-align:left;}
.index-tab .list .text .more {text-align:right;}
.index-tab .list .text .more a {font-size:14px;}
.index-tab .list .text .more a span {font-size:16px;margin-top:2px;}
.index-tab .swiper-horizontal>.swiper-pagination-bullets,.index-tab .swiper-pagination-bullets.swiper-pagination-horizontal,.index-tab .swiper-pagination-custom,.index-tab .swiper-pagination-fraction {bottom:0px;}

.main-text {padding:70px 0 90px 0}
.main-subject {text-align:center;padding:0 0 60px 0}
.main-subject .cn {color:#128fc6;font-size:40px;line-height: 50px;font-weight:500;}
.main-subject .en {text-transform: uppercase;color:#88dbf8;font-size:18px;}

.news li {display:flex;justify-content: space-between;align-items: center;}
.news li .pic {width:50%;}
.news li .pic h2 {position: relative; overflow: hidden;padding:38.1875% 0;border:1px solid #128fc6}
.news li .text {width:50%;padding:0 0 0 5%}
.news li .text .title {height:25px; line-height: 25px; overflow: hidden}
.news li .text .title a {font-weight:700;font-size:25px}
.news li .text .content { line-height: 30px;height:120px;overflow: hidden;margin:30px 0 30px 0}
.news li .text .more {text-align:right}
.news li:nth-child(odd) .pic {order:2}
.news li:nth-child(odd) .text {padding:0 5% 0 0}

.news-show .title {text-align:center;font-weight:700;font-size:30px; line-height: 1.6}
.news-show .content {margin:40px 0 0 0;}
.news-show .content img {margin:5px 0}
.news-show .main-subject {padding:0}

.news-center li {margin-top:60px;}
.news-center li:first-of-type {margin-top:0}
.news-center li .pic h2 {padding:27.375% 0;}
.news-center li:nth-child(odd) .pic {order:1}
.news-center li:nth-child(odd) .text {order:2;padding:0 0 0 5%}
.news-center li .text .date {color:#888;font-size:14px;margin:15px 0 0 0}
.news-detail .subtitle {text-align:center;color:#888;margin:10px 0 50px 0}

.contact-cate ul {display:flex;gap:40px;}
.contact-cate li {width:calc(50% - 20px);width:-webkit-calc(50% - 20px);}
.contact-cate li a{display:block; background: #c3f1fd;font-size:30px; line-height: 40px;color:#128fc6; text-align: center;padding:20px 0 22px 0;font-weight:500}
.contact-cate li a:hover {background: #128fc6;color:#fff}

.contact-message .subject .t {font-weight:500;font-size:35px;margin:50px 0 5px 0}
.contact-message .subject .c {margin:0 0 40px 0}
.contact-message ul {display:flex;justify-content: space-between;flex-wrap: wrap;}
.contact-message li {width:32%}
.contact-message li input[type]{border:2px solid #ced4da;padding:0 20px;height:53px; line-height: 51px; width:100%;}
.contact-message li textarea {border:2px solid #ced4da;padding:15px 20px;height:200px;width:100%;overflow: auto; vertical-align: top;}
.contact-message li.full {width:100%;margin-top:2.5%}
.contact-message li.btn {text-align:center;width:100%;margin-top:2.5%}
.contact-message li.btn button {font-size:20px;height:55px;padding:0 0 2px 0; background: #128fc6;color:#fff;width:200px; text-align: center; cursor: pointer;font-weight:400;border-radius:5px}
.contact-message li.btn button:hover {background: #015ee4}

.service-cate {margin:0 0 60px 0}
.service-cate ul {display:flex;align-items: center;justify-content: center;}
.service-cate li {margin:0 20px}
.service-cate li a {display:inline-block;padding:0 40px;height:50px;line-height: 47px; background: #fff;border-radius:50px;font-size:25px}
.service-cate li:hover a,.service-cate li.check a { background: #128fc6;color:#fff;}

.service ul {gap:30px;display:flex;flex-wrap: wrap}
.service li {width:calc(33.3333% - 20px);width:-webkit-calc(33.3333% - 20px); background: #fff}
.service li .pic { position: relative;padding:38.1875% 0; overflow: hidden}
.service li .text {padding:30px 30px 30px 30px}
.service li .text .title {height:30px; line-height: 30px; overflow: hidden}
.service li .text .title a {font-weight:700;font-size:23px}
.service li .text .content { line-height: 30px;height:120px;overflow: hidden;margin:20px 0 20px 0;color:#666}
.service li .text .more {text-align:right;margin:0 5px 0 0}

.foot {background: url("../images/footbg.jpg") no-repeat center; background-size:cover;color:#fff;padding:60px 0;}
.foot .in {display:flex;justify-content: space-between;}
.foot .text {width:65%}
.foot .code {width:30%;text-align:right}
.foot .code img {width:110px;margin:0 0 0 auto}
.footer {background: #0343aa;text-align:center;color:#fff;padding:15px 0;font-size:14px;}
.footer a {color:#fff}