@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,.pager font,.act,.image-container img,.fixtop,.fixtop .navpc li a.a p i,.fixtop .logo,.tblank,.indpics,.indpics,.fixtop .navpc li .list dd a:before,.topsearch .search,.topsearch .search #sbtn,.topsearch span.icon-close-bold,.topsearch,.topsearch .btn span,.main-more a:before,.home-about .photos li .title,.top-pic,.bgline i,.about .pic img,.history .swiper-slide .pic img,.culture li,.honor .swiper-slide .pic img,.scientific-committee li .title:before,.product-4 .content td p img,.product-5-pic img,.product-text-3 .down a i,.get_more p,.get_more:before,.new_telst li,.job-requirements .title span,.contact ul.code li .pic img,.message li.btn button 
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.about .pic img:hover,.history .swiper-slide:hover .pic img,.honor .swiper-slide:hover .pic img,.product-4 .content td:hover p img,.product-5-pic img:hover
{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,.culture li,.floatdiv .floatin .divin,.message li input[type="text"],.message li textarea
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.abc
{transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transition-duration:1.0s;-ms-transition-duration:1.0s;-moz-transition-duration:1.0s; -webkit-transition-duration:1.0s;}
.abc
{transform: rotate(360deg);-ms-transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);transition-duration:1.0s;-ms-transition-duration:1.0s;-moz-transition-duration:1.0s; -webkit-transition-duration:1.0s;}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;background:#f1f2f3;line-height:2;}
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:18px;color:#333;font-weight:400;}a {color:#333}b,strong {font-weight:700;color:#000}
a:hover,.home-news li:hover .title a,.news .col:hover .title a,.news-right .title a:hover{color:#003399}
: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;}
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}
.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:-webket-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;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:100px 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:#e8e8e8}
.pager font {font-family:'宋体';font-weight:700;margin:0px;display:inline-block;vertical-align: top; line-height: 41px;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#003399; background: #003399} 
.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: #003399;}
::-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:#BDBEBE;}
:-moz-placeholder {color:#BDBEBE;}
::-moz-placeholder {color:#BDBEBE;}
:-ms-input-placeholder {color:#BDBEBE;}

::selection {background:#003399;color:#ffffff;}
::-moz-selection {background:#003399;color:#ffffff;}
::-webkit-selection {background:#003399;color:#ffffff; }

.wrap {margin:0 auto;max-width:1480px;position:relative; z-index: 10}
.phonemenu { display:none;}

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 9998; height:120px; background:#f1f2f3;}
.fixtop .logo { position: absolute;left:0;top:26px;z-index: 999}
.fixtop .logo img {height:67px;}
.fixtop .navpc { text-align:right}
.fixtop .navpc li {display:inline-block; vertical-align: top;margin:0 0 0 55px; position: relative}
.fixtop .navpc li.lan {margin-left:136px}
.fixtop .navpc li a.a {display:inline-block; vertical-align: top; height:120px; line-height:117px;font-size:18px;color:#15151b; position: relative;font-weight:600}
.fixtop .navpc li a.a p { position:absolute;left:0;bottom:0;width:100%; height:3px; text-align: center}
.fixtop .navpc li a.a p i { display:block;width:0;height:100%; background:#003399;margin:0 auto}
.fixtop .navpc li a.a span {font-size:12px;display:inline-block; vertical-align: top;margin:2px 0 0 5px}
.fixtop .navpc li:hover a.a,.fixtop .navpc li.active a.a,.fixtop ul.navpc li:Hover>a.a {color:#003399}
.fixtop .navpc li:hover a.a p i,.fixtop .navpc li.active a.a p i,.fixtop ul.navpc li:Hover>a.a p i {width:100%}
.fixtop .navpc li .list {position:absolute;z-index:9999;left:50%;width:175px;margin-left:-88px;top:120px;display:none;background:rgba(241,242,243,0.95); text-align:center; box-shadow:0 0 10px rgba(0,0,0,0.15); padding:0}
.fixtop .navpc li .list-pro {text-align:left;left:-30px;margin-left:0;width:225px}
.fixtop .navpc li .list-lan {width:150px}
.fixtop .navpc li .list dd {margin:0;padding:0; position: relative}
.fixtop .navpc li .list dd a {font-size:18px;height:45px;line-height: 43px;display:block; position: relative; z-index: 10;}
.fixtop .navpc li .list-pro dd a {padding-left:30px}
.fixtop .navpc li .list dd:first-of-type a {padding-top:10px}
.fixtop .navpc li .list dd:last-of-type a {padding-bottom:12px}
.fixtop .navpc li .list dd a:hover {color:#fff}
.fixtop .navpc li .list dd a:before {content:'';position: absolute;left:0;top:0;width:0;height:100%; z-index: -1;opacity:0; background: linear-gradient(to right,#003399,#40ccfd)}
.fixtop .navpc li .list dd a:hover:before {opacity:1;width:100%}
.fixtop .lan-mb {display:none;}
.tblank {height:120px}

.topsearch { position: absolute;right:145px;top:43px;}
.topsearch .btn {color:#15151b; cursor: pointer;opacity:1}
.topsearch .btn span {font-size:25px; line-height:1;opacity:1}
.topsearch .search { position:absolute;right:0px;top:0px; z-index: 10;border:1px solid transparent;width:0px; height:30px;border-radius:30px; overflow: hidden; }
.topsearch .search #k {display:inline-block; vertical-align: top;width:305px;padding:0 0 0 15px;border-radius:30px;height:27px;font-size:14px;color:#15151b}
.topsearch .search #sbtn {opacity:0;position:absolute;right:0;top:-1px;font-size:18px;width:40px;height:30px;border-radius:30px; cursor: pointer;background: #fff;font-family: "iconfont" !important;}
.topsearch span.icon-close-bold {opacity:0;position:absolute; z-index: 9999; left:30px;top:-2px;font-size:18px; cursor: pointer;color:#15151b;}
.fixtop.active .topsearch {top:53px}
.topsearch.active .search{width:300px;border-color:#ccc;background:#fff}
.topsearch.active .search #sbtn,.topsearch.active span.icon-close-bold{opacity:1;}
.topsearch.active .btn {opacity:0}
.topsearch.active .btn span {opacity:0}

.fixtop.active {top:-20px;box-shadow:0 0 10px rgba(0,0,0,0.15)}
.fixtop.active .navpc li a.a { line-height:137px;}
.fixtop.active .logo {top:36px;}
.tblank.active {height:100px}

.indpics {position:relative; left:0;top:120px;width:100%;height:100vh; z-index: 1}
.indpics .swiper-slide { position:relative;height:calc(100vh - 120px);height:-webket-calc(100vh - 120px);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:6s linear;transform:scale(1,1);}*/
.indpics .swiper-slide .text {position:absolute;left:0;top:0;width:100%;height:100%; z-index: 100; display:flex; align-items: center; justify-content:flex-start;color:#fff}
.indpics .swiper-slide .text .wrap {width:100%}
.indpics .swiper-slide .text .title {font-size:3vw;line-height: 1.6;font-weight:300; position: relative;margin-top:-5%}
.indpics .swiper-slide .text .content {font-size:1.25vw; line-height: 2;margin-top:6.5%}
.indpics .swiper-slide-1 .text .title {font-weight:500}
.indpics .swiper-slide-1 .text .content {font-size:36px; line-height: 1.6}
.indpics .swiper-slide-1 .text .main-more {margin-top:3.5%}
.indpics.active {top:100px}

.main-more a {display:inline-block;height:60px; line-height: 58px;border-radius:60px; background: rgba(255,255,255,1);padding:0 20px 0 40px;color:#003399; position: relative}
.main-more a:Hover,.home-news li:Hover .main-more a,.news .col:Hover .main-more a {color:#fff; background: rgba(255,255,255,0);}
.main-more a p {position: relative; z-index: 10;font-size:24px}
.main-more a:before {content:''; position: absolute;left:0;top:0;width:0;height:100%;background: linear-gradient(to right,#003399,#40ccfd); z-index: 1;opacity:0;border-radius:60px;}
.main-more a:hover:before,.home-news li:Hover .main-more a:before,.news .col:Hover .main-more a:before {width:100%;opacity:1}
.main-more a span {font-size:40px;display:inline-block; vertical-align: top;margin:1px 0 0 40px}
.main-more-line a {background:none;border:1px solid #003399;}
.main-more-line a:Hover,.home-news li:Hover .main-more-line a,.news .col:Hover .main-more-line a {border-color:transparent}

.indpics .main-more a {height:3.125vw; line-height: 3.0208vw;border-radius:3.125vw; padding:0 1.0417vw 0 1.8vw;}
.indpics .main-more a p {font-size:1.1vw}
.indpics .main-more a:before {border-radius:3.125vw;}
.indpics .main-more a span {font-size:1.8229vw;margin:1px 0 0 1.3021vw}

.top-pic {padding:15.625% 0; position: relative;margin-top:120px; overflow: hidden}
.top-pic.active {margin-top:100px}
.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 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);}}
.top-pic .text {position:absolute;left:0;top:0;width:100%; height:100%; z-index: 200; display: flex; align-content: center; justify-content: center;flex-direction: column;color:#fff}
.top-pic .text .wrap {width:100%}
.top-pic .text .title {font-size:48px; line-height:1.4;font-weight:700;margin:0 0 8px 0}
.top-pic .text .subtitle {font-size:24px;line-height:1.6;}
.home-subject {font-size:36px; line-height: 46px;font-weight:700;color:#003399; position: relative;padding:0 0 0 85px;display:inline-block}
.home-subject:before {content:'';position: absolute;left:0;top:-10px; background: url("../images/btn.png") no-repeat center;width:70px;height:70px;}
.home-what {padding:120px 0}
.home-what .text {float:left;width:37%}
.home-what .pic {float:right;width:63%;text-align:right;}
.home-what .content {font-size:24px;margin-top:33%}
.home-what .content h2 {font-weight:700;color:#fff; background: linear-gradient(to right,#003399,#0066cc);border-radius:58px;display:inline-block;padding:0 20px;min-width:160px;height:58px; line-height: 56px; text-align: center;font-size:24px;margin:15px 0 20px 0;}

.home-choose {color:#fff;padding:120px 0 150px 0}
.home-choose .home-subject {color:#fff}
.home-choose .content {float:left;width:34%;font-size:24px; line-height: 1.6;padding-top:8%}
.home-choose .content li {list-style: disc;margin-top:25px}
.home-choose .content .list-paddingleft-1,.home-choose .content .list-paddingleft-2{margin:0 0 0 25px;} 
.home-choose .content h3 {font-size:30px; line-height: 1.6;margin:0 0 50px 0}
.home-choose .pic {float:right;width:57%; text-align:right;}

.home-about {margin:120px 0; position: relative;}
.home-about .text {width:635px; position:absolute;left:50%;margin-left:-740px}
.home-about .text .title {font-size:60px;color:#000; line-height: 1.4;margin:17% 0 5% 0}
.home-about .text .content {color:#999999;max-width:440px;margin-bottom:13%}
.home-about .photos {position:relative;top:0;left:49%;width:51%;}
.home-about .photos ul {display:flex;gap:2px;}
.home-about .photos li {width:calc(50% - 1px);width:-webket-calc(50% - 1px); position: relative}
.home-about .photos li .pic { position: relative; overflow: hidden;padding:62.0833% 0;}
.home-about .photos li .title { background: #fff;height:60px; line-height: 58px;border-radius:60px;padding:0 35px;color:#003399;font-size:24px;display:inline-block; text-align: center;position: absolute;left:10%;bottom:10%; z-index: 100}
.home-about .photos li:hover .title {background: #003399;color:#fff;}

.home-news dl {position: absolute;right:0;top:5px;}
.home-news dd {display:inline-block; vertical-align: top;margin-left:35px;}
.home-news dd a {font-size:30px; line-height: 56px;height:58px;border-radius:60px;border:1px solid #003399; text-align: center;padding:0 38px;display: block}
.home-news dd a:hover {background: #003399;color:#fff;}
.home-news ul {display:flex;gap:8%;margin-top:75px}
.home-news li,.news .col {width:calc(50% - 4%);width:-webket-calc(50% - 4%);color:#999}
.home-news li .pic,.news .col .pic {position: relative; overflow: hidden;padding:28.125% 0;}
.home-news li .date,.news .col .date {margin-top:30px}
.home-news li .title,.news .col .title {margin:30px 0 25px 0}
.home-news li .title a,.news .col .title a {font-size:36px;color:#000;height:100px; line-height: 50px; overflow: hidden; display: block}
.home-news li .content,.news .col .content {line-height: 35px;height:70px; overflow: hidden;margin-bottom:65px}

.load-list-341,.load-list-342,.load-list-343 {width:104%;margin:-40px 0 0 -2%;}
.news {margin:100px 0}
.news .home-subject {margin-bottom:40px}
.news .col {width:29.3333%;margin:70px 2% 0 2%;float:left;}
.news .col .date {margin-top:15px}
.news .col .title {margin:10px 0 15px 0}
.news .col .title a {font-size:24px; line-height: 38px;height:76px;}
.news .col .content { line-height: 33px;height:66px;margin-bottom:30px}
.news .main-more a {height:45px; line-height:43px;border-radius:45px; padding:0 15px 0 25px;}
.news .main-more a:before {border-radius:45px;}
.news .main-more a p {font-size:16px;}
.news .main-more a span {font-size:25px;margin:1px 0 0 15px}
.news2,.news4 {background: #fff;padding:100px 0}
.news4 {margin-bottom:-120px}
.news4 .home-subject {margin-bottom:65px}

.get_more{ position: relative;float:left;left:50%;width:450px;text-align: center;margin:90px 0 0 -225px;border:1px solid #003399; z-index: 100;border-radius:60px; overflow: hidden}
.get_more:before {content:''; position: absolute;left:0;top:0;width:0;height:100%; z-index: 1; background: #003399;}
.get_more p {width:100%;margin:0 auto; height:60px; line-height:58px;font-size:18px;border-radius:60px;position: relative; z-index: 100;color:#003399}
.get_more:hover:before {width:100%}
.get_more:hover p {color:#fff;}

.bgline { position:absolute;bottom:0;left:0;width:100%; text-align: center; height:3px; z-index:-1}
.bgline i {width:0; height: 100%; background: #003399; display: block;margin:0 auto}
a:Hover .bgline i{width:100%}

.namemj1 {height:0; position:absolute;left:0;width:100%;top:-100px}
.navbar {height: 75px;position: relative; z-index: 100; background: #fff;text-align:center;box-shadow:0 0 10px rgba(0,0,0,0.15)}
.navbar-nav li {display:inline-block; vertical-align: top;margin:0 45px;position:relative;height:75px; line-height: 72px}
.navbar-nav li:before {content:'';position: absolute;top:25px;right:-48px;width:2px;height:24px; background: #424242;}
.navbar-nav li:last-of-type:before {display:none;}
.navbar-nav li a { display: block;font-size:24px;color:#000}
.navbar-nav li.active .bgline i,.navbar-nav li:hover .bgline i{width:100%}
.navbar-nav li.active a,.navbar-nav li:hover a {color:#003399;}

.about {margin:120px 0; position: relative;}
.about .text {width:635px; position:absolute;left:50%;margin-left:-740px}
.about .text .title {font-size:60px;color:#003399; line-height: 1.4;margin:23% 0 11% 0}
.about .text .content {color:#333;max-width:600px;font-size:20px;}
.about .pic {position:relative;top:0;left:50%;width:50%; overflow: hidden}
.about .pic img {width:100%}

.history {background:url("../images/history-bg.jpg") no-repeat center; background-size:cover;color:#fff;padding:120px 0 150px 0; position: relative}
.history:before {content:''; position: absolute;width:100%;height:1px; background: #00ffff;top:430px;left:0; z-index: 1}
.history .home-subject {color:#fff;margin-bottom:125px}
.history .swiper-slide {position: relative}
.history .swiper-slide .title {font-size:72px; line-height: 1;font-weight:500;position: absolute;top:0;left:0}
.history .swiper-slide .title:before {content:'';position: absolute;left:10px;top:72px;width:1px;height:70px; background: #00ffff;}
.history .swiper-slide .title:after {content:'';position: absolute;left:3px;top:132px;width:15px;height:15px; border-radius:50%;background: #00ffff;}
.history .swiper-slide .pic { overflow: hidden;border:2px solid #00ffff;margin-top:225px;display:flex}
.history .swiper-slide .pic img {width:100%}
.history .swiper-slide .content {font-size:24px; line-height: 1.6;margin-top:40px}
.history .swiper-button-next,.history .swiper-button-prev {top:311px;}
.history .swiper-button-prev {left:-120px}
.history .swiper-button-next{right:-120px}
.history .swiper-button-next.swiper-button-disabled,.history .swiper-button-prev.swiper-button-disabled,
.history .swiper-button-next.swiper-button-disabled:after,.history .swiper-button-prev.swiper-button-disabled:after,
.history .swiper-button-next.swiper-button-disabled:Hover,.history .swiper-button-prev.swiper-button-disabled:hover,
.history .swiper-button-next.swiper-button-disabled:hover:after,.history .swiper-button-prev.swiper-button-disabled:hover:after {background:#84b1d8;color:rgba(255,255,255,0.3);}

.honor {padding:120px 0}
.honor .content {font-size:24px;margin:60px 0; line-height: 2.3}
.honor .content table {width:100%}
.honor .content td {vertical-align: top;}
.honor .content td:nth-child(1) {padding-right:5%;width:55%}
.honor .content td:nth-child(2) {width:40%}
.honor .content li {position: relative;padding:0 0 0 30px;}
.honor .content li:before {content:'';position: absolute;left:0;top:23px;background: #003399;border-radius:50%;width:12px;height:12px;}
.honor .content .list-paddingleft-1,.honor .content .list-paddingleft-2{margin:0;}
.honor .list {position: relative}
.honor .swiper-slide .pic {position: relative; overflow: hidden;padding:33.3333% 0}

.culture { background-attachment:fixed;color:#fff; background-image: url("../images/culture.jpg"); background-position: center;background-repeat: no-repeat;background-size:cover;padding:120px 0 150px 0}
.culture .home-subject {color:#fff;margin-bottom:85px}
.culture ul {display:flex;flex-flow: wrap;gap:75px}
.culture li {border-radius:10px;padding:40px;width:calc(50% - 37.5px);width:-webket-calc(50% - 37.5px);box-shadow:0 0 10px rgba(0,0,0,0.2); position: relative;top:0}
.culture li:hover {box-shadow:0 0 20px rgba(0,0,0,0.5);}
.culture li .title {height:60px; line-height: 58px;border-radius:60px; background: linear-gradient(to right,#3367cc,#7eccfe);color:#fff;font-size:30px;font-weight:700;padding:0 15px; text-align: center;min-width:170px;display:inline-block}
.culture li .content {font-size:24px;color:#003399; line-height: 1.5;margin-top:35px;min-height:145px}

.scientific-committee {padding-top:120px}
.scientific-committee ul {display:flex;flex-wrap: wrap;gap:60px;margin-top:70px}
.scientific-committee li {width:calc(33.3333% - 40px);width:-webket-calc(33.3333% - 40px); position: relative; cursor: pointer}
.scientific-committee li .pic {padding:62.08333% 0;overflow: hidden; position: relative}
.scientific-committee li .title {position: absolute;left:0;bottom:0; z-index: 100;width:100%;height:75px; overflow: hidden}
.scientific-committee li .title a {cursor: pointer}
.scientific-committee li .title:before {content:''; position: absolute;left:0;bottom:0;width:100%;height:75px; z-index: 100;opacity:0.8;background: linear-gradient(to right,#3367cc,#7eccfe);}
.scientific-committee li:Hover .title:before {opacity:1}
.scientific-committee li .title .in { position: relative; z-index: 100;padding:0 30px;font-size:24px;color:#fff;height:75px;line-height: 73px;}
.scientific-committee li .title .in .main-more {position: absolute;right:15px;top:-2px}
.scientific-committee li .title .in .main-more a {height:45px; line-height: 43px;border-radius:45px;padding:0 18px 0 20px;font-size:18px;}
.scientific-committee li .title .in .main-more a:before {border-radius:45px;}
.scientific-committee li .title .in .main-more a span {font-size:25px;margin:1px 0 0 10px}

.floatdiv {position:fixed;left:0;top:0; z-index:9999;width:100%;height:100%; background: rgba(0,0,0,0.8);display:none;}
.floatdiv .floatin {position: absolute;top:0;left:0;width:100%;height:100vh;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-moz-box-pack:center;-webkit-box-pack:center;box-pack:center;flex-direction:column;}
.floatdiv .floatin .floatclose {height:1px;width:1480px; text-align: right; position: relative}
.floatdiv .floatin .floatclose span {color:#003399;font-size:50px; line-height: 1; cursor: pointer; position: absolute;right:20px;top:20px;}
.floatdiv .floatin .divin {background:#fff;max-height:80%;width:1480px; background: #fff; overflow-y: auto;padding:80px;display:flex;flex-wrap: wrap;}
.floatdiv .floatin .divin .floatpic  {width:34%;margin-right:8%}
.floatdiv .floatin .divin .floatpic img {width:100%}
.floatdiv .floatin .divin .text {width:58%}
.floatdiv .floatin .divin .floattitle {color:#003399;font-size:36px; line-height: 46px;font-weight:700;}
.floatdiv .floatin .divin .float-subtitle {color:#003399;font-size:24px; line-height: 34px;padding:15px 0 40px 0;border-bottom:1px solid #003399;margin-bottom:40px}
.floatdiv .floatin .divin .floattitle.left {text-align:left}
body.index.active { overflow:hidden}
.floatdiv .floatin .divin::-webkit-scrollbar {width:5px;}

.product-8 .text .content {font-size:24px;color:#000;margin-top:15%}
.product-8 .text .content .list-paddingleft-1,.product-8 .text .content .list-paddingleft-2{margin:0;}
.product-8 .text .content li {position: relative;padding:0 0 0 30px;margin:20px 0; line-height: 1.6}
.product-8 .text .content li:before {content:''; position: absolute;left:0;top:14px;width:12px;height:12px; z-index: 100; background: #003399;border-radius:50%}
.product-8 .text .content table,.table-2 {width:100%; background: #fff; text-align: center;font-size:18px; line-height: 1.6;margin-top:4%}
.product-8 .text .content td,.table-2 td {padding:12px 6px;min-width:150px}

.product-7 {background-attachment: fixed;background-position: center; background-position: no-repeat;padding-top:120px; background-size:cover;}
.product-7 .home-subject {color:#fff}
.product-7 .in {display:flex;flex-wrap: wrap; position: relative}
.product-7 .content {color:#fff;font-size:24px;width:38%;padding-right:12%;margin-top:4%;padding-bottom:80px}
.product-7 .content .list-paddingleft-1,.product-7 .content .list-paddingleft-2{margin:0;}
.product-7 .content li {position: relative;padding:0 0 0 30px;margin:25px 0; line-height: 1.6}
.product-7 .content li:before {content:''; position: absolute;left:0;top:14px;width:12px;height:12px; z-index: 100; background: #00cccc;border-radius:50%}
.product-7 .content table {width:120%;margin-top:6%; text-align: center;font-size:18px; line-height: 1.6;color:#fff; position: relative;left:-10%}
.product-7 .content td {width:33.3333%}
.product-7 .content h2 {font-size:60px;}
.product-7 .summry {width:45%; position: absolute;right:0;bottom:0; background: #fff;padding:5% 2.5%}
.product-7 .summry table,.table-3 {width:100%; text-align: center; background: #f8f8f9;font-size:22px; line-height: 1.8; color:#003399}
.product-7 .summry td,.table-3 td {padding:15px 15px;width:40%;border-left:1px solid #fff;}
.product-7 .summry td:nth-child(2),.table-3 th:nth-child(2) {width:60%}
.product-7 .summry tr:nth-child(1),.table-3 tr:nth-child(1) {background: linear-gradient(to right,#3366cc,#80ceff);color:#fff;font-weight:700}

.product-6 {padding:120px 0}
.product-6 .in {display:flex;}
.product-6 .content {width:30%;font-size:20px;color:#000;margin-top:10%}
.product-6 .content h2 {margin-bottom:60px;background: linear-gradient(to right,#3367cc,#7eccfe);height:60px; line-height: 58px;color:#fff;font-weight:700;display:inline-block;padding:0 50px;border-radius:60px;font-size:24px}
.product-6 .content .table-2 {font-size:16px;margin-top:0}
.product-6 .content .table-2 td {padding:12px 15px;min-width:100px;}
.product-6 .pic {text-align: right;width:70%;margin-top:-40px}

.product-5 {padding-top:120px; background: url("../images/product-5.jpg") no-repeat center; background-size:cover;}
.product-5 .home-subject {color:#fff}
.product-5 .content {color:#fff;font-size:24px;max-width:45%;padding-bottom:370px;margin-top:60px}
.product-5 .content .list-paddingleft-1,.product-5 .content .list-paddingleft-2{margin:0;}
.product-5 .content li {position: relative;padding:0 0 0 30px;margin:25px 0; line-height: 1.6}
.product-5 .content li:before {content:''; position: absolute;left:0;top:14px;width:12px;height:12px; z-index: 100; background: #00cccc;border-radius:50%}
.product-5-pic {background: #fff;padding:40px;box-shadow:5px 5px 10px rgb(0,0,0,0.15);margin-top:-340px; position: relative;z-index: 100}
.product-5-pic img {width:100%}
.product-5-pic p {position:relative; overflow: hidden}

.product-4 {padding:120px 0}
.product-4 .content {font-size:24px;color:#000;margin-top:60px}
.product-4 .content .list-paddingleft-1,.product-4 .content .list-paddingleft-2{margin:0;}
.product-4 .content li {position: relative;padding:0 0 0 30px;margin:30px 0;}
.product-4 .content li:before {content:''; position: absolute;left:0;top:19px;width:12px;height:12px; z-index: 100; background: #003399;border-radius:50%}
.product-4 .content table {width:100%;text-align: center;margin-top:70px}
.product-4 .content td p {position: relative; overflow: hidden}
.product-4 .content td p img {width:100%}
.product-4 .content td:nth-child(1) {padding-right:1.5%}
.product-4 .content td:nth-child(2) {padding-left:1.5%}

.product-4 .content table.table-3 {margin:0 0 40px 0;}
.product-4 .content .table-3 td:nth-child(1) {padding-right:0}
.product-4 .content .table-3 td:nth-child(2) {padding-left:0}

.product-3 {padding:100px 0 350px 0}
.product-3 .home-subject {color:#fff;}
.product-text-3 .content { background: #fff;padding:45px; position: relative;margin-top:-270px;font-size:20px;color:#003399;box-shadow:5px 5px 10px rgba(0,0,0,0.1)}
.product-text-3 .content table {width:100%; text-align: center}
.product-text-3 .content td {border-right:1px solid #fff;padding:15px 5px;min-width:105px}
.product-text-3 .content tr:nth-child(1) { background: linear-gradient(to right,#3366cc,#80cfff);color:#fff;font-weight:700;font-size:24px;}
.product-text-3 .down {text-align:center;margin-top:100px}
.product-text-3 .down a { display:inline-block;font-size:24px;color:#003399;height:60px; line-height: 58px;padding:0 90px;border:1px solid #003399;border-radius:60px}
.product-text-3 .down a:hover {background: #003399;color:#fff}
.product-text-3 .down a i { background: url("../images/pdf.png") no-repeat center;width:33px;height:33px;display:inline-block; vertical-align: top;margin:13px 20px 0 0; background-size:100%}
.product-text-3 .down a:hover i { background: url("../images/pdf-white.png") no-repeat center;background-size:100%}

.news-show {padding:120px 0 0 0}
.news-left {float:left;width:61%}
.news-left .title {font-size:36px; line-height: 46px;font-weight:700; text-align: center;color:#003399;}
.news-left .subtitle {border-bottom:1px solid #003399;color:#999999;padding:30px 0 30px 0;margin-bottom:40px; text-align: center}
.news-left .content img {margin:10px 0}
.news-right {float:right;width:35%; background: #fff;padding:35px;box-shadow:0 0 10px rgba(0,0,0,0.1)}
.news-right .subject,.news-right .subject a {color:#003399;font-size:24px;font-weight:700;color:#003399}
.news-right .pic {margin:20px 0 20px 0; overflow: hidden}
.news-right .date {color:#999}
.news-right .title {margin:10px 0 20px 0}
.news-right .title a {font-size:24px;color:#000; line-height: 39px;display:inline-block;font-weight:500}
.news-right .content {color:#999;line-height: 38px;height:76px; overflow: hidden}
.news-right .main-more {margin:30px 0 60px 0}
.news-right .main-more a {height:40px; line-height: 38px;border-radius:40px;padding:0 15px 0 30px}
.news-right .main-more a:before {border-radius:40px;}
.news-right .main-more a p {font-size:16px}
.news-right .main-more a span {font-size:30px;margin:1px 0 0 20px}

.law {padding:100px 0 0 0}
.law .home-subject {margin-bottom:80px}
.loadLaw,.load-list-394 {width:104%;margin:-4% 0 0 -2%}
.loadLaw .col,.load-list-394 .col {float:left;width:29.3333%;margin:4% 2% 0 2%;background: #fff;box-shadow:5px 5px 15px rgba(0,0,0,0.1)}
.loadLaw .col .pic,.load-list-394 .col .pic { position: relative; overflow: hidden;padding:68.9166% 0;}
.loadLaw .col .btn,.load-list-394 .col .btn { text-align: center;height:100px; line-height: 100px}
.loadLaw .col .btn a,.load-list-394 .col .btn a {display:inline-block;padding:0 25px 0 20px;height:44px; line-height: 42px;color:#fff;border-radius:44px; background: linear-gradient(to right,#0167d1,#41cefe);font-size:16px;margin:0 10px}
.loadLaw .col .btn a i,.load-list-394 .col .btn a i {width:25px;height:25px;margin:10px 10px 0 0;display:inline-block; vertical-align: top; background: url("../images/open-white.png") no-repeat center; background-size:100%;}
.loadLaw .col .btn a:nth-child(2) i,.load-list-394 .col .btn a:nth-child(2) i {width:25px;height:25px;background: url("../images/pdf-white.png") no-repeat center; background-size:100%;}
.load-list-394 .col {box-shadow:0 0 15px rgba(0,0,0,0.15)}

.talent-view .title{color:#003399;font-size:60px; line-height: 1.4;font-weight:500;margin:120px 0 10px 0}
.talent-view .subtitle {color:#003399;font-size:45px; line-height: 1.6;font-weight:300}
.talent-view .content {color:#000;font-size:24px; line-height: 2.5;margin:60px 0 -180px 0}
.talent-view .pic {position: relative; z-index: -1}
.talent-view .pic img {width:100%}

.team-build {padding:120px 0}
.team-build .content {font-size:24px;margin:50px 0 120px 0;color:#000; line-height: 2.2}
.team-build .content .list-paddingleft-1,.team-build .content .list-paddingleft-2{margin:0;}
.team-build .content li{position: relative;padding:0 0 0 35px;margin:10px 0}
.team-build .content li:before {content:'';position: absolute;left:0;top:19px;width:15px;height:15px;border-radius:50%; background: #00cccc}
.team-build .pic {height:100vh; background-attachment: fixed; background-position: center; background-size:cover; background-repeat: no-repeat}

.job-requirements .home-subject{position: absolute;left:0;top:8px}
.new_telst {position: relative; text-align: right;}
.new_telst li {margin-left:45px;position: relative;cursor: pointer; text-align: center;font-size:30px;color:#003399;height:60px; line-height: 58px;border:1px solid #003399;border-radius:60px;padding:0 40px; display:inline-block;}
.new_telst li.newon {color:#fff; background: #003399}
.new_lst {display: none;}
.new-wrap .show {display: block;padding:0;margin:0}

.job-requirements .title {width:30%; text-align:left;color:#003399;padding-left:86px; position: relative}
.job-requirements .title span {position: absolute;left:0;top:-6px;font-size:50px; line-height: 1; display: block;transform: rotate(-90deg);-ms-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg);}
.job-requirements .city {width:20%}
.job-requirements .num {width:30%}
.job-requirements .date {width:20%;}
.job-requirements .row {text-align:center; background: #fff;padding:15px 0 17px 0;font-weight:700;color:#003399;font-size:24px;margin-top:50px}

.accordionservice li .link {padding:20px 0 22px 0;colcor:#000;cursor: pointer;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; text-align: center;border-bottom:1px solid #ccc;}
.accordionservice li:nth-child(odd) .link { background: #fff;border-width:0}
.job-requirements .row .wrap,.accordionservice li .link .wrap {display:flex;}
.accordionservice li.open .link { background:#003399;color:#fff;}
.accordionservice li.open .link .title {color:#fff;font-weight:700}
.accordionservice li.open .link .title span {transform: rotate(0deg);-ms-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);}
.accordionservice .submenu {display:none;padding:40px 0 60px 173px}
.accordionservice .submenu .main-more {margin-top:40px}

.map iframe,#container {width:100%;height:680px;}
.contact {padding:120px 0}
.contact ul {display:flex;flex-wrap: wrap;justify-content: center;}
.contact ul.address {margin-top:60px}
.contact ul.address li {margin:30px 7%}
.contact ul.address li .title {font-size:36px;font-weight:600;color:#003399;}
.contact ul.address li .content {font-size:24px;color:#000}
.contact ul.tel {margin:60px 0 0 0}
.contact ul.tel li {text-align:center;color:#000;width:25%}
.contact ul.tel li .icon {margin:0 auto;border:1px solid #003399;border-radius:50%;width:150px;height:150px; display:flex;align-items: center;justify-content: center;flex-direction: column}
.contact ul.tel li .icon img {width:75px;margin:0 auto}
.contact ul.tel li .title {margin:20px 0 0 0}
.contact ul.tel li .content {font-size:24px; line-height: 1.6;font-weight:500}
.contact ul.code {margin-top:80px}
.contact ul.code li {width:24%; text-align: center}
.contact ul.code li .pic {width:185px;margin:0 auto}
.contact ul.code li .pic img {width:100%;border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,0.3)}
.contact ul.code li:hover .pic img {box-shadow:0 0 20px rgba(0,0,0,0.5)}
.contact ul.code li .title {color:#000; line-height: 1.6;margin-top:25px}

.message {padding:120px 0 0 0}
.message .content {color:#003399;font-size:60px;font-weight:300; line-height: 1.4;margin:60px 0 30px 0}
.message ul {display:flex;flex-wrap: wrap;justify-content: space-between}
.message li {width:47.5%;margin-top:30px}
.message li.full {width:100%}
.message li.btn {width:100%; text-align: center;margin-top:80px}
.message li p {color:#000;margin:0 0 15px 0}
.message li input[type="text"] {width:100%;height:60px; line-height: 58px;padding:0 20px}
.message li.btn button {width:250px;height:60px;padding:0 0 2px 0;font-size:20px;border:1px solid #003399;border-radius:60px;font-weight:600; cursor:pointer;color:#003399;}
.message li.btn button:hover {background: #003399;color:#fff;}
.message li textarea {width:100%;height:300px; line-height: 30px;padding:15px 20px}

.message-list .subject {font-weight:700;color:#003399;font-size:24px;margin:80px 0 40px 0}
.message-list li {padding:30px 0 15px 0;border-bottom:1px solid #ccc}
.message-list li:nth-child(odd) {background: #fff}
.message-list li .name,.message-list li .text .replay-date {font-size:14px;color:#999}
.message-list li .name span {color:#003399;font-size:18px;margin:0 20px 0 0;font-weight:500}
.message-list li .title {font-size:24px; line-height: 1.6;color:#000;margin:7px 0 30px 0}
.message-list li .text {padding:0 0 0 50px}
.message-list li .text .reply-subject {color:#003399;font-size:18px;font-weight:500}
.message-list li .text .remark {color:#000; line-height: 1.6;margin:5px 0 15px 0}
.pager-message a,.pager-message .disabled {border:1px solid #003399;height:60px; line-height: 58px;border-radius:60px;display:inline-block;padding:0 108px 0 50px;color:#003399;font-weight:500;margin:0 15px}
.pager-message .prev {padding:0 50px 0 108px}
.pager-message font {position: relative;display:inline-block; vertical-align: top;}
.pager-message font:before {content: "\e68b";position: absolute;right:-60px;top:15px;font-family: "iconfont" !important;font-size:30px; line-height: 1;display:block}
.pager-message .prev font:before {right:auto;left:-60px;transform: rotate(180deg);-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);}
.pager-message a:hover {background: #003399;color:#fff}






.foot-tel {color:#fff; background:linear-gradient(to right,#3366cc,#80cfff);padding:35px 0;margin-top:120px}
.foot-tel .tel {font-size:30px; line-height: 1.4}
.foot-tel .main-more {position: absolute;right:0;top:-9px}
.foot-tel .main-more a {padding:0 30px 0 50px;font-size:30px}
.footer {background: #15151b;color:#fff;padding:50px 0}
.footer dl {position: absolute;right:0;top:10px;width:400px; text-align: right}
.footer dd {display:inline-block; vertical-align: top;width:150px; text-align: center;margin-left:22%}
.footer dd:nth-child(1) {margin-left:0}
.footer dd .pic img {border-radius:10px;width:100%}
.footer dd .title {margin-top:15px; line-height: 1.4;}
.footer li {display:inline-block; vertical-align: top;margin:0 55px 0 0}
.footer li a {color:#fff}
.footer .copy {margin-top:55px;padding-right:500px}
.footer .copy,.footer .copy a {color:#666666;}
.footer .copy a:hover {color:#fff}