@charset "UTF-8";
@font-face {
  font-family: 'books';
  src: url("fonts/BOOKOS.eot");
  src: url("fonts/BOOKOS.eot") format("embedded-opentype"), url("fonts/BOOKOS.woff2") format("woff2"), url("fonts/BOOKOS.woff") format("woff"), url("fonts/BOOKOS.ttf") format("truetype"), url("fonts/BOOKOS.svg#BOOKOS") format("svg");
}
@font-face {
  font-family: 'bebas';
  src: url("fonts/BEBAS.eot");
  src: url("fonts/BEBAS.eot") format("embedded-opentype"), url("fonts/BEBAS.woff2") format("woff2"), url("fonts/BEBAS.woff") format("woff"), url("fonts/BEBAS.ttf") format("truetype"), url("fonts/BEBAS.svg#BEBAS") format("svg");
}
@font-face {
  font-family: 'seguiemj';
  src: url("fonts/SEGUIEMJ.eot");
  src: url("fonts/SEGUIEMJ.eot") format("embedded-opentype"), url("fonts/SEGUIEMJ.woff2") format("woff2"), url("fonts/SEGUIEMJ.woff") format("woff"), url("fonts/SEGUIEMJ.ttf") format("truetype"), url("fonts/SEGUIEMJ.svg#SEGUIEMJ") format("svg");
}
@font-face {
  font-family: 'proximanova';
  src: url("fonts/PROXIMANOVAWEBFONT.eot");
  src: url("fonts/PROXIMANOVAWEBFONT.eot") format("embedded-opentype"), url("fonts/PROXIMANOVAWEBFONT.woff2") format("woff2"), url("fonts/PROXIMANOVAWEBFONT.woff") format("woff"), url("fonts/PROXIMANOVAWEBFONT.ttf") format("truetype"), url("fonts/PROXIMANOVAWEBFONT.svg#PROXIMANOVAWEBFONT") format("svg");
}
@font-face {
  font-family: 'framd';
  src: url("fonts/framd.eot");
  src: url("fonts/framd.eot") format("embedded-opentype"), url("fonts/framd.woff2") format("woff2"), url("fonts/framd.woff") format("woff"), url("fonts/framd.ttf") format("truetype"), url("fonts/framd.svg#framd") format("svg");
}
.ffrank {
  font-family: "framd";
}
.fb {
  font-family: "books";
}
.fbebas {
  font-family: "bebas";
}
.bl{
  display: block;
}
.w508 {
  width: 508px;
  margin: 0 auto;
}
.fpoa{
  display: block !important; 
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.w580 {
  width: 580px;
  margin: 0 auto;
}
.w762 {
  width: 762px;
  margin: 0 auto;
}
.w878 {
  width: 878px;
  margin: 0 auto;
}
.w990 {
  width: 990px;
  margin: 0 auto;
}
.w1036 {
  width: 1036px;
  margin: 0 auto;
}
.w1088 {
  width: 1088px;
  margin: 0 auto;
}
.w1160 {
  width: 1160px;
  margin: 0 auto;
}
.w1200 {
  width: 1200px;
  margin: 0 auto;
}
.w103 {
  width: 103%;
  margin: 1.5% auto;
}
.w1400 {
  width: 73%;
  margin: 0 auto;
}
.w1420 {
  width: 74%;
  margin: 0 auto;
}
.w1468 {
  width: 76.5%;
  margin: 0 auto;
}
.w1386 {
  width: 72.2%;
  margin: 0 auto;
}
.w924 {
  width: 92.4%;
  margin: 0 auto;
}
.w1344 {
  width: 66.4%;
  margin: 0 auto;
}
.Arial {
  font-family: "Arial";
}
.toUpp {
  font-family: "Arial";
  text-transform: uppercase;
}
.ddd {
  width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.opa2 {
  opacity: .2;
  filter: alpha(opacity=20);
}
.opa3 {
  opacity: .3;
  filter: alpha(opacity=30);
}
.opa4 {
  opacity: .4;
  filter: alpha(opacity=40);
}
.opa06 {
  opacity: .06;
  filter: alpha(opacity=6);
}
.opa7 {
  opacity: .7;
  filter: alpha(opacity=70);
}
.opa8 {
  opacity: .8;
  filter: alpha(opacity=80);
}
.block {
  display: block !important;
}
.none {
  display: none !important;
}
.tc {
  text-align: center;
}
.dbl {
  display: block;
}
.w100 {
  width: 100%;
}
.captcha{
  float: left;
}
.co .co-f1 .btns .swiper-pagination-bullet{
  background-image: none !important;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 8px;
  background: #fff;
  cursor: pointer;
  overflow: hidden;
  font-size: 0;
  border-radius: 50%;
}
.register .forms1 .w-tr .tr.tr-regi{
  border-bottom: none !important;
}
.contact-btns-wrap{
  display: none;
}
.co .co-f1 .btns .swiper-pagination-bullet-active{
  position: relative;
  top: 3px;
  background: transparent;
  border: 3px solid #fff;
  width: 18px;
  height: 18px;
}
.more1 {
  position: relative;
  display: block;
  width: 150px;
  border-radius: 24px;
  border: 1px solid #e1e1e1;
  color: #666;
  line-height: 48px;
  overflow: hidden;
  transition: all .4s linear;
}
.more1 .s1 {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 48px;
  text-align: center;
  background: url(../img/png2.png) no-repeat 80% center;
}
.more1 .s2 {
  position: absolute;
  left: -1px;
  top: 0;
  display: block;
  z-index: 1;
  height: 48px;
  width: 0;
  background: #2c419c;
  border-radius: 24px;
  transition: all .4s linear;
}
.more1:hover {
  color: #fff;
  border: 1px solid #2c419c;
}
.more1:hover .s1 {
  background: url(../img/png2on.png) no-repeat 80% center;
}
.more1:hover .s2 {
  /*width: 150px;*/
}
.more2 {
  display: block;
  width: 120px;
  height: 30px;
  border-radius: 15px;
  line-height: 30px;
  color: #fffefe;
  background: #2c419c;
  transition: all .4s linear;
  font-family: "Arial";
  font-size: 13px;
  text-align: center;
}
.more3 {
  position: relative;
  display: block;
  width: 180px;
  border-radius: 23px;
  border: 1px solid #2c419c;
  color: #333;
  line-height: 46px;
  overflow: hidden;
  transition: all .4s linear;
  text-align: center;
}
.more3 .s1 {
  position: relative;
  z-index: 2;
}
.more3 .s2 {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  z-index: 1;
  height: 46px;
  width: 0;
  background: #2c419c;
  border-radius: 23px;
  transition: all .4s linear;
}
.more3:hover {
  color: #fff;
  background: #2c419c;
}
.more3:hover .s2 {
  /*width: 100%;*/
}
.nf1 {
  position: relative;
  height: 700px;
}
.nf1 .txts {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 50%;
  margin-top: -66px;
  width: 100%;
  height: 132px;
  text-align: center;
  color: #fff;
}
.nf1 .txts .h2 {
  font-size: 70px;
  line-height: 70px;
  margin-bottom: 32px;
}
.nf1 .txts .h6 {
  font-size: 30px;
  line-height: 30px;
}
.nf1 .nf1-img {
  display: none;
}
.flex {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.load-more {
  display: none;
}
.pages {
  text-align: center;
}
.pages .pages1 {
  display: inline-block;
}
.pages .pages1 a {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #666;
  font-size: 15px;
  text-align: center;
  border: 1px solid #e6e6e6;
  border-width: 1px 0 1px 1px;
  transition: all .3s linear;
}
.pages .pages1 a:last-child{
  border-right: 1px solid #e6e6e6;
}
.pages .pages1 a:hover,.pages .pages1 a.active {
  border-color: #2c419c;
  color: #fff;
  background-color: #2c419c;
}
.pages .pages1 .sheng {
  border-top: none;
  border-bottom: none;
}
.pages .pages1 .sheng:hover {
  background: #fff;
  color: #2c419c;
  border-color: #e6e6e6;
}
.pages .pages1 .prev,
.pages .pages1 .next{
  font-size: 13px;
  width: 92px;
  text-align: left;
}
.pages .pages1 .prev {
  border-left-width: 1px;
  padding-left: 36px;
  background: url(../img/prev4.png) left 16px center no-repeat;
  background-size: 6px;
}
.pages .pages1 .prev:hover {
  background: url(../img/prev4on.png) left 16px center no-repeat;
  background-color: #2c419c;
  background-size: 6px;
}
.pages .pages1 .next {
  border-right-width: 1px;
  padding-left: 12px;
  background: url(../img/next4.png) 70px center no-repeat;
  background-size: 6px;
}
.pages .pages1 .next:hover {
  background: url(../img/next4on.png) 70px center no-repeat;
  background-color: #2c419c;
  background-size: 6px;
}
.pagination {
  margin: 40px auto;
  text-align: center;
}
/*.pagination {
  display: inline-block;
}*/
.pagination a {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #666;
  font-size: 15px;
  text-align: center;
  border: 1px solid #e6e6e6;
  border-width: 1px 0 1px 1px;
  transition: all .3s linear;
}
.pagination a:last-child{
  border-right: 1px solid #e6e6e6;
}
.pagination a:hover,.pagination a.active {
  border-color: #2c419c;
  color: #fff;
  background-color: #2c419c;
}
.pagination .sheng {
  border-top: none;
  border-bottom: none;
}
.pagination .sheng:hover {
  background: #fff;
  color: #2c419c;
  border-color: #e6e6e6;
}
.pagination .prev,
.pagination .next{
  font-size: 13px;
  width: 92px;
  text-align: left;
}
.pagination .prev {
  border-left-width: 1px;
  padding-left: 36px;
  background: url(../img/prev4.png) left 16px center no-repeat;
  background-size: 6px;
}
.pagination .prev:hover {
  background: url(../img/prev4on.png) left 16px center no-repeat;
  background-color: #2c419c;
  background-size: 6px;
}
.pagination .next {
  border-right-width: 1px;
  padding-left: 12px;
  background: url(../img/next4.png) 70px center no-repeat;
  background-size: 6px;
}
.pagination .next:hover {
  background: url(../img/next4on.png) 70px center no-repeat;
  background-color: #2c419c;
  background-size: 6px;
}
.pcheader {
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  height: 84px;
  width: 100%;
  overflow: visible;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.pcheader .dl {
  width: 298px;
}
.pcheader .logo {
  display: inline-block;
  width: 191px;
  height: 60px;
  position: relative;
  top: 12px;
  background: url(../img/logo.png) no-repeat center;
  background-size: 100%;
  transition: all .3s linear;
}
.pcheader .s1 {
  display: inline-block;
  width: 1px;
  height: 36px;
  position: relative;
  top: 24px;
  background: rgba(255, 255, 255, 0.3);
  margin: 0 20px;
  transition: all .3s linear;
}
.pcheader .gu {
  display: inline-block;
  width: 64px;
  height: 36px;
  position: relative;
  top: 24px;
  background: url(../img/gu.png) no-repeat center;
  background-size: 100%;
  transition: all .3s linear;
}
.pcheader .dr a {
  font-size: 14px;
  color: #fff;
  transition: all .3s linear;
}
.pcheader .language {
  position: relative;
  top: 24px;
  display: inline-block;
  width: 130px;
  height: 36px;
  line-height: 36px;
  margin-left: 50px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 18px;
  background: url(../img/en.png) left 27px center no-repeat;
  padding-right: 26px;
  text-align: right;
  transition: all .3s linear;
}
.pcheader .h-li {
  width: 80px;
}
.pcheader .h-li .h-a {
  position: relative;
  z-index: 5;
  display: block;
  height: 100%;
  line-height: 84px;
  text-align: center;
  transition: all .3s linear;
}
.pcheader .h-li .h-a .sline {
  position: absolute;
  left: 0;
  bottom: -1px;
  display: block;
  height: 2px;
  width: 1px;
  background: transparent;
  transition: all .3s linear .3s;
}
.pcheader .h-li .h-sub {
  display: none;
  position: absolute;
  z-index: 4;
  left: 0;
  bottom: -68px;
  width: 100%;
  height: 68px;
  text-align: center;
  background: #fff;
  border-top: 1px solid #ddd;
  transition: all  .3s linear;
}
.pcheader .h-li .h-sub .w-h-sub {
  display: inline-block;
}
.pcheader .h-li .h-sub .h-sub-a {
  display: inline-block;
  width: 104px;
  height: 68px;
  line-height: 68px;
  color: #888;
}
.pcheader .h-li .h-sub .h-sub-a:hover {
  color: #2c419c;
}
.pcheader .h-li.cur .h-a .sline {
  width: 100%;
  background: #fff;
}
.pcheader .h-li:hover .h-sub-a {
  color: #888;
}
.pcheader .h-li:hover .sline {
  background: #2c419c;
  width: 100%;
}
.pcheader:hover, .pcheader.bg {
  background: #fff;
  border-bottom: 1px solid #eee;
}
.pcheader:hover .logo, .pcheader.bg .logo {
  background: url(../img/logoon.png) no-repeat center;
  background-size: 100%;
}
.pcheader:hover .s1, .pcheader.bg .s1 {
  background: #eee;
}
.pcheader:hover .gu, .pcheader.bg .gu {
  display: inline-block;
  width: 21.5%;
  height: 36px;
  position: relative;
  top: 24px;
  background: url(../img/guon.png) no-repeat center;
  background-size: 100%;
}
.pcheader:hover .dr a, .pcheader.bg .dr a {
  color: #333;
}
.pcheader:hover .language, .pcheader.bg .language {
  color: #888;
  border: 1px solid #eee;
  background: url(../img/enon.png) left 27px center no-repeat;
}
.pcheader:hover .h-li.cur .h-a .sline, .pcheader.bg .h-li.cur .h-a .sline {
  background: #2c419c;
}
.mheader {
  display: none;
  position: relative;
}
.mheader .w-header {
  box-sizing: border-box;
  position: relative;
  z-index: 4;
  height: 50px;
  z-index: 4;
  border-bottom: 1px solid #e9e9e9;
}
.mheader .logo {
  position: absolute;
  width: 95px;
  height: 30px;
  top: 10px;
  left: 15px;
  background: url(../img/logoon.png) center center no-repeat;
  background-size: cover;
}
.mheader .nav-btn {
  width: 24px;
  height: 18px;
  vertical-align: middle;
  position: absolute;
  cursor: pointer;
  right: 15px;
  top: 16px;
}
.mheader .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #2c419c;
  left: 0;
  border-radius: 2px;
}
.mheader .nav-btn .line1 {
  top: 0;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}
.mheader .nav-btn .line2 {
  top: 8px;
}
.mheader .nav-btn .line3 {
  bottom: 0;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}
.mheader .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}
.mheader .nav-btn.hover .line {
  left: 06px;
}
.mheader .sub-menu {
  width: 100%;
  display: none;
  position: absolute;
  left: 0;
  top: 50px;
  background-color: #f5f5f5;
  z-index: 7;
}
.mheader .sub-menu ul {
  padding: 0 .24px;
}
.mheader .sub-menu li {
  border-bottom: 1px solid #dcdcdc;
}
.mheader .sub-menu .tit {
  display: block;
  width: 100%;
  padding: 2px 3%;
  line-height: 66px;
  color: #000;
  position: relative;
  font-size: 16px;
  line-height: 36px;
}
.mheader .sub-menu .tit1 {
  display: block;
  width: 100%;
  padding: 2px 3%;
  line-height: 66px;
  color: #000;
  position: relative;
  font-size: 16px;
  line-height: 36px;
}
.mheader .sub-menu .sub-tit:after {
  content: '';
  display: block;
  width: 26px;
  height: 26px;
  background-size: 100% auto;
  position: absolute;
  right: 3px;
  top: 18px;
}
.mheader .sub-menu .sub-tit.on {
  background-color: #2c419c;
  color: #fff;
}
.mheader .sub-menu .sub-tit1.on {
  background-color: #2c419c;
  color: #fff;
}
.mheader .sub-menu .sub-tit.on:after {
  background-size: 100% auto;
}
.mheader .sub-menu .sec-list {
  line-height: 54px;
  padding: 2px 4.5%;
  display: none;
}
.mheader .sub-menu .sec-list p {
  height: 28px;
  line-height: 28px;
  font-size: 15px;
}
.mheader .sub-menu .sec-list a {
  color: #666;
  display: block;
  float: none;
}
.toTop {
  position: fixed;
  z-index: 7;
  bottom: 40px;
  right: 15px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  box-shadow: 5px #d2d2d2;
  background: url(../img/top.png) center center no-repeat;
  background-size: cover;
  display: none;
}
.mheader.cur {
  display: block;
}
.pcheader.cur {
  display: block;
}
.pcfooter {
  background: #1f1f1f;
  padding-top: 68px;
}
.pcfooter div {
  box-sizing: border-box;
}
.pcfooter .top {
  width: 192px;
  height: 60px;
  padding-left: 2.7%;
  background: url(../img/fologo.png) no-repeat left center;
}
.pcfooter .fo-dl {
  width: 68%;
}
.pcfooter .fo-dl-dt {
  width: 20%;
}
.pcfooter .fo-dl-dt .h4 {
  display: block;
  color: #fefefe;
  font-size: 14px;
  line-height: 14px;
  margin: 48px 0 24px;
  transition: all .3s linear;
}
.pcfooter .fo-dl-dt .h4:hover {
  opacity: 1;
}
.pcfooter .fo-dl-dt .dd {
  display: block;
  font-size: 12px;
  color: #fefefe;
  line-height: 28px;
  transition: all .3s linear;
}
.pcfooter .fo-dl-dt .dd:hover {
  opacity: 1;
}
.pcfooter .fo-dr {
  width: 29%;
  border-left: 1px solid rgba(255, 255, 255, 0.06);
  padding-left: 8.8%;
}
.pcfooter .fo-dr .h4 {
  color: #fefefe;
  font-size: 14px;
  line-height: 14px;
  margin: 48px 0 24px;
}
.pcfooter .fo-form .tr {
  padding-left: 36px;
  width: 280px;
  height: 45px;
  line-height: 45px;
  margin-bottom: 12px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.pcfooter .login-input1 {
  /*float: left;*/
  display: block;
  /*width: 80%;*/
  height: 45px;
  line-height: 45px;
  /*background: none;*/
  border: none;
  color: #fefefe;
  font-size: 13px;
}
.pcfooter .fo-form .tr1 {
  background: url(../img/png9.png) left 11px center no-repeat;
}
.pcfooter .fo-form .tr2 {
  background: url(../img/png10.png) left 11px center no-repeat;
}
.pcfooter .fo-form .tr3 {
  padding-left: 0;
  background: #2f2f2f;
  border-width: 0;
}
.pcfooter .login-submit {
  opacity: .8;
  filter: alpha(opacity=80);
  text-align: center;
  width: 100%;
  color: #fff;
  font-size: 16px;
  background: #2f2f2f;
  border-radius: 5px;
  transition: all .3s linear;
}
.pcfooter .login-submit:hover{
  opacity: 1;
  background: #2c419c;
}
.pcfooter .ewm {
  margin-top: 30px;
  width: 42.8%;
}
.pcfooter .ewm img {
  display: block;
  width: 100%;
  margin-bottom: 18px;
}
.pcfooter .ewm .p {
  text-align: center;
  font-size: 15px;
  color: #fefefe;
  line-height: 15px;
}
.pcfooter .fo-bot {
  margin-top: 70px;
  height: 78px;
  line-height: 78px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.pcfooter .dl {
  width: 68%;
  color: #fefefe;
}
.pcfooter .dl .s1 {
  display: inline-block;
  margin-right: 14px;
}
.pcfooter .dr {
  width: 20%;
  text-align: center;
}
.pcfooter .dr .t-c {
  color: #fff;
  font-size: 14px;
}
.mfooter {
  display: none;
  box-sizing: border-box;
  height: 72px;
  background: #1f1f1f;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  padding: 16px 15px;
}
.co div, .co a, .co ul, .co li, .co span {
  box-sizing: border-box;
}
.co .co-f1 {
  overflow: hidden;
}
.co .co-f1 .banner {
  position: relative;
  text-align: center;
  /*height: 810px;*/
}
.co .co-f1 .banner-a {
  display: block;
  width: 100%;
  /*height: 100%;*/
  cursor: pointer;
}
.co .co-f1 .banner-ul {
  /*height: 810px;*/
  position: relative;
}
.co .co-f1 .banner-li {
  /*height: 810px;*/
  /*width: 1920px;*/
  /*display: none;*/
}
.co .co-f1 .banner-img{
  display: block;
  width: 100%;
}
.co .co-f1 .co-ms1 {
  position: relative;
  display: none;
}
.co-ms1 img{
  display: block;
  width: 100%;
}
.co .co-f1 .hd {
  position: absolute;
  z-index: 3;
  left: 0;
  width: 100%;
  height: 16px;
  text-align: center;
  bottom: 50px;
  display: inline-block;
}
.co .co-f1 .hd li {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 8px;
  background: #fff;
  cursor: pointer;
  overflow: hidden;
  font-size: 0;
  border-radius: 50%;
}
.co .co-f1 .hd .on {
  position: relative;
  top: 3px;
  background: transparent;
  border: 3px solid #fff;
  width: 18px;
  height: 18px;
}
.co .co-f1 .hd-1 {
  position: absolute;
  z-index: 2;
  bottom: 24px;
  left: 0;
  width: 100%;
  height: 8px;
  text-align: center;
}
.co .co-f1 .hd-1 .swiper-pagination-bullet {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  background: #fff;
  border-radius: 50%;
}
.co .co-f1 .hd-1 .swiper-pagination-bullet-active {
  background: #2c419c;
}
.co .pcf2 .top {
  font-size: 26px;
  line-height: 36px;
  color: #333;
  text-align: center;
  background: #fcfcfc;
  padding: 84px 0 46px;
}
.co .pcf2 .w-co-ms1 {
  background: #fcfcfc;
  padding-bottom: 76px;
}
.co .pcf2 .co-li {
  width: 31.6%;
  margin-right: 2.6%;
}
.co .pcf2 .co-li .co-a {
  display: block;
}
.co .pcf2 .co-li .co-a .img {
  overflow: hidden;
}
.co .pcf2 .co-li .co-a .img img {
  display: block;
  width: 100%;
  transition: all .3s linear;
}
.co .pcf2 .co-li .co-a .txts {
  padding: 20px 23px 32px 17px;
  font-size: 14px;
  color: #333;
  transition: all .3s linear;
}
.co .pcf2 .co-li .co-a .txts .h2 {
  font-size: 20px;
  line-height: 28px;
}
.co .pcf2 .co-li .co-a .txts .times1 {
  line-height: 40px;
}
.co .pcf2 .co-li .co-a .txts .p {
  font-size: 14px;
  line-height: 26px;
  color: #999;
  margin-bottom: 22px;
}
.co .pcf2 .co-li .co-a .txts .ico1 {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../img/png1.png) no-repeat center;
  transition: all .3s linear;
}
.co .pcf2 .co-li .co-a .txts:hover {
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.co .pcf2 .co-li .co-a:hover img {
  transform: scale(1.1);
}
.co .pcf2 .co-li .co-a:hover .txts {
  color: #2c419c;
}
.co .pcf2 .co-li .co-a:hover .ico1 {
  background: url(../img/png1on.png) no-repeat center;
}
.co .pcf2 .co-li:nth-child(3n) {
  margin-right: 0;
}
.co .pcf2 .more1 {
  margin: 43px auto 0;
}
.co .pcf2 .w-co-ms2 {
  background: #f8f8f8;
  padding: 38px 0;
}
.co .pcf2 .co-ms2 .w-nums {
  padding-top: 14px;
  height: 225px;
  color: #2c419c;
  text-align: center;
}
.co .pcf2 .co-ms2 .w-nums .nums1 {
  font-size: 110px;
  line-height: 114px;
}
.co .pcf2 .co-ms2 .w-nums .dt {
  height: 40px;
}
.co .pcf2 .co-ms2 .w-nums .p1 {
  font-size: 16px;
  color: #333;
}
.co .pcf2 .co-ms2 .w-nums .p2 {
  font-size: 13px;
  line-height: 46px;
}
.co .pcf2 .co-ms2 .w-nums:first-child {
  width: 23%;
}
.co .pcf2 .co-ms2 .w-nums:nth-child(2) {
  width: 24%;
  line-height: 26px;
  border: 1px solid #eaeaea;
  border-width: 0 1px;
}
.co .pcf2 .co-ms2 .w-nums:nth-child(3) {
  width: 21.7%;
  border-right: 1px solid #eaeaea;
}
.co .pcf2 .co-ms2 .w-nums:last-child {
  width: 31.3%;
}
.co .f3 {
  overflow: hidden;
}
.co .f3 .top {
  font-size: 26px;
  line-height: 36px;
  color: #333;
  text-align: center;
  margin: 84px 0 46px;
}
.co .f3 .co-ms1 {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.co .f3 .co-ms1 .pc-rotate {
  position: relative;
}
.co .f3 .co-ms1 .rotate-ul {
  overflow: visible !important;
}
.co .f3 .co-ms1 .tempWrap {
  width: 100% !important;
  height: 100%;
  overflow: hidden;
}
.co .f3 .co-ms1 .rotate-li {
  width: 415px;
}
.co .f3 .co-ms1 .rotate-a {
  position: relative;
  display: block;
  width: 100%;
}
.co .f3 .co-ms1 .rotate-a .img {
  overflow: hidden;
}
.co .f3 .co-ms1 .rotate-a .img img {
  display: block;
  width: 100%;
}
.co .f3 .co-ms1 .hides {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.5);
  padding: 20% 6.6% 10.7% 6.8%;
  color: #fff;
  display: none;
}
.co .f3 .co-ms1 .hides .h2 {
  font-size: 27px;
  line-height: 27px;
  font-weight: bold;
  padding-bottom: 34px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.co .f3 .co-ms1 .hides .dt {
  font-size: 14px;
  line-height: 28px;
  padding: 25px 0 52px;
}
.co .f3 .co-ms1 .hides .more1 {
  border-color: #fff;
  color: #fff;
  margin: 0 auto;
}
.co .f3 .co-ms1 .hides .more1:hover {
  border-color: #2c419c;
  background-color: #2c419c;
}
.co .f3 .btn1 {
  position: absolute;
  z-index: 4;
  top: 50%;
  margin-top: 21px;
  display: inline-block;
  width: 42px;
  height: 42px;
  cursor: pointer;
  margin: 0 20px;
  transition: all .3s linear;
}
.co .f3 .prev {
  left: 35px;
  background: url(../img/prev7.png) no-repeat center top;
}
.co .f3 .prev:hover {
  background: url(../img/prev7on.png) no-repeat center top;
}
.co .f3 .next {
  right: 35px;
  background: url(../img/next7.png) no-repeat center top;
}
.co .f3 .next:hover {
  background: url(../img/next7on.png) no-repeat center top;
}
.co .f3 .hd-1 {
  display: none;
}
.co .pcf4 .top {
  font-size: 26px;
  line-height: 36px;
  color: #333;
  text-align: center;
}
.co .pcf4 .top .h1 {
  margin: 84px 0 46px;
}
.co .pcf4 .top .dt {
  font-size: 16px;
  line-height: 32px;
  color: #666;
}
.co .pcf4 .top .s1 {
  display: block;
  width: 74px;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  margin: 44px auto 70px;
}
.co .pcf4 .co-li {
  text-align: center;
  padding: 0 3%;
  width: 20%;
  margin-bottom: 150px;
}
.co .pcf4 .co-li .ico1 {
  display: block;
  height: 65px;
  transition: all .3s linear;
}
.co .pcf4 .co-li .h3 {
  font-size: 19px;
  line-height: 19px;
  font-weight: bold;
  color: #222;
  transition: all .3s linear;
  margin: 24px 0 20px;
}
.co .pcf4 .co-li .dt {
  font-size: 12px;
  line-height: 18px;
  color: #999;
}
.co .mf2 {
  padding: 0 15px;
}
.co .mf2 .top {
  font-size: 26px;
  line-height: 36px;
  color: #333;
  text-align: center;
}
.co .mf2 .top .h1 {
  margin: 84px 0 46px;
}
.co .mf2 .top .dt {
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 46px;
  color: #666;
}
.co .mf2 .top .s1 {
  display: block;
  width: 74px;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  margin: 44px auto 70px;
}
.co .mf2 .co-ms1 {
  position: relative;
  overflow: hidden;
  padding-bottom: 120px;
}
.co .mf2 .co-li {
  text-align: center;
  padding: 0 3%;
  width: 20%;
  border-right: 1px solid #f2f6f7;
}
.co .mf2 .co-li .ico1 {
  display: block;
  height: 65px;
  transition: all .3s linear;
}
.co .mf2 .co-li .h3 {
  font-size: 19px;
  line-height: 19px;
  font-weight: bold;
  color: #222;
  transition: all .3s linear;
  margin: 24px 0 20px;
}
.co .mf2 .co-li .dt {
  font-size: 12px;
  line-height: 18px;
  color: #999;
}
.co .mf2 .co-li:first-child .ico1 {
  background: url(../img/png4.png) no-repeat center;
}
.co .mf2 .co-li:nth-child(2) .ico1 {
  background: url(../img/png5.png) no-repeat center;
}
.co .mf2 .co-li:nth-child(3) .ico1 {
  background: url(../img/png6.png) no-repeat center;
}
.co .mf2 .co-li:nth-child(4) .ico1 {
  background: url(../img/png7.png) no-repeat center;
}
.co .mf2 .co-li:last-child .ico1 {
  background: url(../img/png8.png) no-repeat center;
}
.co .mf2 .hd-1 {
  position: absolute;
  z-index: 2;
  bottom: 60px;
  left: 0;
  width: 100%;
  height: 10px;
  text-align: center;
}
.co .mf2 .hd-1 .swiper-pagination-bullet {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background: #bfbfbf;
  border-radius: 5px;
}
.co .mf2 .hd-1 .swiper-pagination-bullet-active {
  width: 50px;
  background: #2c419c;
}
.co .mf4 {
  padding: 0 15px;
}
.co .mf4 .co-ms1 {
  position: relative;
  overflow: hidden;
  padding-bottom: 120px;
}
.co .mf4 .top {
  font-size: 26px;
  line-height: 36px;
  color: #333;
  text-align: center;
  margin: 84px 0 46px;
}
.co .mf4 .co-li {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.co .mf4 .co-li .co-a {
  height: 100%;
  display: block;
}
.co .mf4 .co-li .co-a .img {
  overflow: hidden;
  height: 63%;
}
.co .mf4 .co-li .co-a .img img {
  display: block;
  width: 100%;
  height: 100%;
}
.co .mf4 .co-li .co-a .txts {
  padding: 20px 15px 36px;
}
.co .mf4 .co-li .co-a .txts .h2 {
  color: #333;
  font-size: 18px;
  line-height: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.co .mf4 .co-li .co-a .txts .times1 {
  font-size: 12px;
  line-height: 12px;
  margin: 15px 0 12px;
  color: #cacaca;
}
.co .mf4 .co-li .co-a .txts .p {
  font-size: 14px;
  line-height: 26px;
  color: #999;
}
.co .mf4 .hd-1 {
  position: absolute;
  z-index: 2;
  bottom: 60px;
  left: 0;
  width: 100%;
  height: 10px;
  text-align: center;
}
.co .mf4 .hd-1 .swiper-pagination-bullet {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background: #bfbfbf;
  border-radius: 5px;
}
.co .mf4 .hd-1 .swiper-pagination-bullet-active {
  width: 50px;
  background: #2c419c;
}
.about div, .about ul, .about li, .about a {
  box-sizing: border-box;
}
.about .f2 {
  line-height: 90px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.about .f2 .w-n-tab {
  height: 90px;
  line-height: 90px;
}
.about .f2 .h2 {
  font-size: 24px;
  color: #2c419c;
}
.about .f2 .n-tab {
  width: 83%;
}
.about .f2 .n-tab-a {
  display: inline-block;
  width: 11.1%;
  text-align: right;
  font-size: 15px;
  color: #888;
  transition: all .3s linear;
}
.about .f2 .n-tab-a.cur, .about .f2 .n-tab-a:hover {
  color: #2c419c;
}
.about .nf-title {
  font-size: 36px;
  line-height: 36px;
  color: #010101;
  text-align: center;
  padding: 72px 0 36px;
}
.about .f3 .dt {
  margin: 60px auto 140px;
}
.about .f3 .dt .dl {
  width: 68.8%;
  font-size: 14px;
  line-height: 28px;
  color: #666;
}
.about .f3 .dt .dl .h6 {
  font-size: 19px;
  color: #333;
  margin-bottom: 32px;
}
.about .f3 .dt .dr {
  width: 31.2%;
}
.about .f3 .dt .dr .img {
  width: 100%;
}
.about .f3 .dt .dr .img img {
  display: block;
  margin: 0 auto;
  width: 84.5%;
}
.about .f3 .dt .w-name {
  padding-left: 50%;
  font-size: 16px;
  line-height: 30px;
  color: #333;
}
.about .f3 .dt .w-name img {
  display: inline-block;
  width: 72.3%;
}
.about .f4 {
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 150px;
}
.about .f4 .p1 {
  width: 41.8%;
  font-size: 18px;
  line-height: 33px;
  margin: 0 auto;
  color: #444;
  text-align: center;
}
.about .f4 .ms1-li {
  text-align: center;
  padding: 48px 0 34px;
  width: 24.25%;
  background: #fff;
  box-shadow: 0 0 15px #ddd;
  margin: 66px 1% 74px 0;
}
.about .f4 .ms1-li .ico1 {
  display: block;
  height: 76px;
  margin-bottom: 45px;
  transition: all .3s linear;
}
.about .f4 .ms1-li .h3 {
  font-size: 55px;
  line-height: 55px;
  font-weight: bold;
  color: #2c419c;
  transition: all .3s linear;
  margin: 34px 0 14px;
  font-family: "seguiemj";
}
.about .f4 .ms1-li .p2 {
  font-size: 18px;
  line-height: 18px;
  color: #666;
}
.about .f4 .ms2 {
  padding: 0 3%;
  font-size: 14px;
  line-height: 28px;
  color: #777;
}
.about .f4 .hd-1 {
  display: none;
}
.about .pcf5 .w-ms1 {
  position: relative;
  overflow: hidden;
}
.about .pcf5 .ms1 {
  width: 100%;
}
.about .pcf5 .swiper-wrapper {
  width: 100%;
}
.about .pcf5 .swiper-slide {
  position: relative;
  z-index: 2;
  display: block;
  transition: all .3s linear;max-height: 500px !important;
  overflow: hidden;width: 25.1% !important;background-size: cover !important;
}
.about .pcf5 .swiper-slide .ms1-img {
  opacity: 0;
  position: relative;
  left: -50%;
  display: block;
  width: 200%;
  height: 100%;
}
.about .pcf5 .swiper-slide:hover .ms1-img{
  left: -35%;
  width: 170%;
}
.about .pcf5 .swiper-slide.pcf5-w {
  width: 29.6% !important;
}
.about .pcf5 .swiper-slide:hover .covers1 {
  background: rgba(1, 0, 0, 0.3);transition: all .1s linear .1s;
}
.about .pcf5 .covers1 {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  color: #fff;
  padding: 0 11%;
  overflow: hidden;/*background: rgba(41, 124, 194, 0.2);
  background: rgba(65, 96, 137, 0.2);*/background: rgba(1, 0, 0, 0);
  transition: all .3s linear .3s;
}
.about .pcf5 .covers1 .dt1 {
  position: relative;
  top: 50%;
  margin-top: -62px;
  opacity: 1;
  transition: all .3s linear;
}
.about .pcf5 .covers1 .ico {
  display: block;
  height: 62px;
  transition: all .3s linear;
}
.about .pcf5 .covers1 .h-tit {
  text-align: center;
  margin-top: 42px;
  line-height: 20px;
  font-size: 20px;
}
.about .pcf5 .covers1 .dt2 {
  position: relative;
  top: 27.5%;
  height: 45%;
  width: 280px;
  display: none;
  opacity: 0;
  transition: all .3s linear;
}
.about .pcf5 .covers1 .dt2 .ico {
  width: 78px;
}
.about .pcf5 .covers1 .dt2 .h-tit {
  margin-top: 0;
  display: inline-block;
  padding: 24px 0 36px;
  border-bottom: 1px solid #fff;
}
.about .pcf5 .covers1 .s1 {
  position: relative;
  z-index: 0;
  top: -1px;
  display: block;
  height: 1px;
  width: 0;
  background: rgba(255, 255, 255, 0.1);
  transform: all .3s linear;
}
.about .pcf5 .covers1 .details {
  padding: 34px 32px 64px 0;
  font-size: 14px;
  line-height: 28px;
}
.about .pcf5 .swiper-slide:hover {
  width: 29.6% !important;
}
.about .pcf5 .swiper-slide:hover .covers1 .dt1 {
  display: none;
  opacity: 0;
}
.about .pcf5 .swiper-slide:hover .covers1 .dt2 {
  opacity: 1;
  display: block;
}
.about .pcf5 .swiper-slide:hover .covers1 .h-tit {
  text-align: left;
}
.about .pcf5 .swiper-slide:hover .covers1 .s1 {
  width: 100%;
}
.about .pcf5 .btns .btn1 {
  position: absolute;
  z-index: 4;
  top: 0;
  display: inline-block;
  width: 60px;
  height: 100%;
  cursor: pointer;
  transition: all .3s linear;
}
.about .pcf5 .btns .prev {
  left: 0;
  background: url(../img/prev3.png) no-repeat center top;
}
.about .pcf5 .btns .prev:hover {
  background: url(../img/prev3on.png) no-repeat center top;
}
.about .pcf5 .btns .next {
  right: 0;
  background: url(../img/next3.png) no-repeat center top;
}
.about .pcf5 .btns .next:hover {
  background: url(../img/next3on.png) no-repeat center top;
}
.about .mf5 {
  padding: 0 15px;
  display: none;
}
.about .mf5 .w-ms1 {
  position: relative;
  overflow: hidden;
  padding-bottom: 90px;
}
.about .mf5 .img {
  position: relative;
}
.about .mf5 .img img{
  display: block;
  width: 100%;
  max-height: 340px;
}
.about .mf5 .dt1 {
  position: absolute;
  z-index: 2;
  bottom: 30px;
  left: 30px;
  color: #fff;
}
.about .mf5 .ico {
  display: block;
  height: 62px;
  transition: all .3s linear;
}
.about .mf5 .ico1 {
  background: url(../img/png190.png) no-repeat center;
}
.about .mf5 .ico2 {
  background: url(../img/png19.png) no-repeat center;
}
.about .mf5 .ico3 {
  background: url(../img/png20.png) no-repeat center;
}
.about .mf5 .ico4 {
  background: url(../img/png21.png) no-repeat center;
}
.about .mf5 .ico5 {
  background: url(../img/png22.png) no-repeat center;
}
.about .mf5 .ico6 {
  background: url(../img/png22.png) no-repeat center;
}
.about .mf5 .h-tit {
  text-align: center;
  margin-top: 20px;
  line-height: 20px;
  font-size: 16px;
}
.about .mf5 .covers1 {
  color: #999;
  padding: 0 15px 30px;
}
.about .mf5 .covers1 .details {
  padding: 34px 32px 64px 0;
  font-size: 14px;
  line-height: 28px;
}
.about .mf5 .hd-1 {
  display: block;
  position: absolute;
  z-index: 2;
  bottom: 60px;
  left: 0;
  width: 100%;
  height: 10px;
  text-align: center;
}
.about .mf5 .hd-1 .swiper-pagination-bullet {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background: #bfbfbf;
  border-radius: 5px;
}
.about .mf5 .hd-1 .swiper-pagination-bullet-active {
  width: 50px;
  background: #2c419c;
}
.about .f6 .ms1-img {
  display: block;
  width: 100%;
  margin: 3px auto 16px;
}
.about .f7 {
  position: relative;
  padding: 30px 76px 140px;
  background-size: auto 100%;
}
.about .f7 .nf-title {
  color: #fff;
}
.about .f7 .ms1 {
  overflow: hidden;
  margin-top: 36px;
  position: relative;
  color: #fff;
}
.about .f7 .title-bg {
  height: 75px;
  display: block;
  background: url(../img/png24.png) center no-repeat;
  background-size: 96%;
}
.about .f7 .dt .year1 {
  font-family: "bebas";
  font-size: 60px;
  line-height: 156px;
}
.about .f7 .dt .ms2-img {
  display: block;
  width: 58%;
}
.about .f7 .dt .w-txts {
  margin: 20px 0;
  padding: 4px 20px 8px 0;
}
.about .f7 .dt .txts {
  padding: 4px 20px 4px 0;
  font-size: 14px;
  line-height: 28px;
}
.about .f7 .btns {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 226px;
  height: 16px;
  width: 100%;
  padding: 0 30px;
}
.about .f7 .btns .btn1 {
  display: inline-block;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.about .f7 .btns .prev {
  background: url(../img/prev1.png) no-repeat center;
}
.about .f7 .btns .next {
  background: url(../img/next1.png) no-repeat center;
}
.about .f7 .hd-1 {
  display: none;
}
.about .f8 {
  padding-top: 30px;
}
.about .f8 .w-tab {
  text-align: center;
  margin: 36px 0 74px;
}
.about .f8 .tab-items {
  display: inline-block;
  width: 160px;
  height: 50px;
  line-height: 50px;
  color: #000;
  font-size: 18px;
  border: 1px solid #bdbdbd;
  border-radius: 25px;
  margin: 0 22px;
  cursor: pointer;
  transition: all .3s linear;
  opacity: .5;
}
.about .f8 .tab-items.cur {
  opacity: 1;
  background: #2c419c;
  color: #fff;
  border-color: #2c419c;
}
.about .f8 .w-ms1 {
  position: relative;
  overflow: hidden;
  padding-bottom: 152px;
}
.about .f8 .ms1 {
  overflow: hidden;
}
.about .f8 .ms1 .swiper-slide {
  position: relative;
  z-index: 2;
  /*border: 13px solid #eaeaea;*/
  border: none;
  transform: scale(0.78);
}
.about .f8 .ms1 .swiper-slide .ms1-img {
  display: block;
  width: 100%;
}
.about .f8 .ms1 .swiper-slide.swiper-slide-active {
  transform: scale(1);
  /*border: 16px solid #5871b1;*/
  border: none;
}
.about .f8 .btns {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 50%;
  margin-top: -107px;
  height: 70px;
  width: 100%;
}
.about .f8 .btns .btn1 {
  position: relative;
  z-index: 3;
  display: inline-block;
  width: 70px;
  height: 70px;
  cursor: pointer;
  transition: all .3s linear;
}
.about .f8 .btns .prev {
  background: url(../img/prev2.png) no-repeat center;
}
.about .f8 .btns .prev:hover {
  background: url(../img/prev2on.png) no-repeat center;
}
.about .f8 .btns .next {
  background: url(../img/next2.png) no-repeat center;
}
.about .f8 .btns .next:hover {
  background: url(../img/next2on.png) no-repeat center;
}
.about .f8 .hd-1 {
  display: none;
}
.about .f9 {
  padding: 118px 0;
}
.about .f9 .w-f9 {
  overflow: hidden;
}
.about .f9 .about-a {
  display: block;
}
.about .f9 .about-a .img {
  overflow: hidden;
}
.about .f9 .about-a .img img {
  display: block;
  width: 100%;
  transition: all .3s linear;
}
.about .f9 .about-a:hover img {
  transform: scale(1.1);
}
.about .f9 .about-a:hover .txts .h2 {
  color: #2c419c;
}
.about .f9 .txts {
  background: #fff;
  padding: 48px 25px 60px;
}
.about .f9 .txts .h2 {
  font-size: 20px;
  line-height: 20px;
  color: #333;
  transition: all .3s linear;
}
.about .f9 .txts .times1 {
  line-height: 40px;
}
.about .f9 .txts .p {
  font-size: 14px;
  line-height: 26px;
  margin: 38px 0 30px;
  color: #888;
  margin-bottom: 28px;
}
.about .f9 .txts .more2 {
  width: 90px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
}
.about .f9 .hd-1 {
  display: none;
}
.culture div, .culture ul, .culture li, .culture a {
  box-sizing: border-box;
}
.culture .nf-title {
  font-size: 36px;
  line-height: 36px;
  color: #010101;
  text-align: center;
  padding: 72px 0 36px;
}
.duty-li{
  margin-bottom: 20px;
}
.culture .f1 .s1 {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
  margin: 0 24px;
  position: relative;
  top: -18px;
}
.culture .f2 {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  line-height: 90px;
}
.culture .f2 .w-n-tab {
  height: 90px;
  line-height: 90px;
}
.culture .f2 .h2 {
  font-size: 24px;
  color: #2c419c;
}
.culture .f2 .n-tab {
  width: 83%;
}
.culture .f2 .n-tab-a {
  display: inline-block;
  width: 11.1%;
  text-align: right;
  font-size: 15px;
  color: #888;
}
.culture .f2 .n-tab-a.cur, .culture .f2 .n-tab-a:hover {
  color: #2c419c;
}
.culture .f3 {
  padding: 30px 0 94px;
}
.culture .f3 .w-tab {
  text-align: center;
  margin-top: 36px;
  overflow: hidden;
}
.culture .f3 .tab-items {
  display: inline-block;
  padding: 0 44px;
  height: 50px;
  line-height: 50px;
  color: #000;
  font-size: 18px;
  border: 1px solid #bdbdbd;
  border-radius: 25px;
  margin: 0 17px;
  cursor: pointer;
  transition: all .3s linear;
  opacity: .5;
}
.culture .f3 .tab-items.cur, .culture .f3 .tab-items:hover {
  opacity: 1;
  background: #2c419c;
  color: #fff;
  border-color: #2c419c;
}
.culture .f3 .w-ms1 {
  position: relative;
}
.culture .f3 .ms1 {
  overflow: hidden;
  margin-bottom: 152px;
}
.culture .f3 .swiper-slide {
  transition: all .3s linear;
}
.culture .f3 .swiper-slide .ms1-img {
  display: block;
  width: 100%;
}
.culture .f3 .btns {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 50%;
  margin-top: -35px;
  height: 70px;
  width: 100%;
}
.culture .f3 .btns .btn1 {
  display: inline-block;
  width: 70px;
  height: 70px;
  cursor: pointer;
  transition: all .3s linear;
}
.culture .f3 .btns .prev {
  background: url(../img/prev2.png) no-repeat center;
}
.culture .f3 .btns .prev:hover {
  background: url(../img/prev2on.png) no-repeat center;
}
.culture .f3 .btns .next {
  background: url(../img/next2.png) no-repeat center;
}
.culture .f3 .btns .next:hover {
  background: url(../img/next2on.png) no-repeat center;
}
.culture .f4 {
  overflow: visible;
  margin-bottom: 125px;
}
.culture .f4 .txts {
  font-size: 14px;
  line-height: 28px;
  color: #666;
  padding: 0 76px 65px;
}
.culture .f4 .txts .h2 {
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 16px;
  color: #333;
}
.culture .f4 .hd-1 {
  display: none;
}
.culture .f4 .culture-ul {
  margin-bottom: 70px;
}
.culture .f4 .culture-li {
  margin-bottom: 48px;
}
.culture .f4 .culture-a {
  display: block;
}
.culture .f4 .culture-a .img {
  height: 248px;
  overflow: hidden;
}
.culture .f4 .culture-a .img img {
  display: block;
  height: 100%;
  width: 100%;
  transition: all .3s linear;
}
.culture .f4 .culture-a .h2 {
  font-size: 16px;
  line-height: 16px;
  color: #333;
  padding: 28px 0 20px 20px;
  border: 1px solid #e8e8e8;
  border-top: none;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all .3s linear;
}
.culture .f4 .culture-a:hover .h2 {
  color: #2c419c;
}
.culture .f4 .w-video {
  position: relative;
  overflow: hidden;
}
.culture .f4 .w-video .video-img {
  position: relative;
  z-index: 3;
  opacity: 1;
  width: 100%;
  height: 100%;
  display: block;
}
.culture .f4 .w-video .video-img.cur {
  opacity: 0;
  z-index: 1;
}
.culture .f4 .w-video .video-wrap {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
}
.culture .f4 .w-video .video-wrap0 {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
}
.culture .f4 .w-video .video-wrap.cur {
  opacity: 1;
  z-index: 2;
}
.culture .duty .culture-a {
  position: relative;
}
.culture .duty .culture-a .h3 {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  padding: 28px 0 20px 18px;
}
.culture .duty .h-tit {
  text-align: center;
  font-size: 28px;
  color: #333;
  line-height: 28px;
  margin: 170px 0 72px;
}
.culture .duty .ms2 {
  position: relative;
  overflow: hidden;
  padding: 0 10px 70px;
}
.culture .duty .duty-btns1 {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  height: 70px;
  width: 100%;
  text-align: center;
}
.culture .duty .duty-btns1 .btn1 {
  display: inline-block;
  width: 70px;
  height: 70px;
  cursor: pointer;
  transition: all .3s linear;
  margin: 0 20px;
}
.culture .duty .duty-btns1 .prev {
  background: url(../img/prev2.png) no-repeat center top;
}
.culture .duty .duty-btns1 .prev:hover {
  background: url(../img/prev2on.png) no-repeat center top;
}
.culture .duty .duty-btns1 .next {
  background: url(../img/next2.png) no-repeat center top;
}
.culture .duty .duty-btns1 .next:hover {
  background: url(../img/next2on.png) no-repeat center top;
}
.culture .duty .duty-down-a1 {
  display: block;
  float: left;
  border-radius: 2px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.06);
  padding: 42px 30px 16px 26px;
  margin-bottom: 36px;
  transition: all .3s linear;
}
/*.culture .duty .duty-down-a1:nth-child(3n){
  margin-right: .2%;
}*/
.culture .duty .duty-down-a1:hover .more2{
  background: #2c419c;
  color: #fff;
}
.culture .duty .duty-down-a1:hover .duty-num{
  color: #2c419c;
}
.culture .duty .duty-down-a1 .duty-num {
  font-size: 26px;
  color: #c9c9c9;
  line-height: 26px;
}
.culture .duty .duty-down-a1 .duty-p {
  font-size: 20px;
  color: #444;
  line-height: 30px;
  padding: 14px 0 30px;
  border-bottom: 1px solid #e9e9e9;
}
.culture .duty .duty-down-a1 .more2 {
  transition: all .3s linear;
  margin-top: 20px;
  background: #e9e9e9;
  color: #333;
  font-size: 12px;
}
.culture .duty .ms3 {
  position: relative;
}
.culture .duty .duty-btns2 {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  height: 70px;
  width: 100%;
  text-align: center;
}
.culture .duty .duty-btns2 .btn1 {
  display: inline-block;
  width: 70px;
  height: 70px;
  cursor: pointer;
  transition: all .3s linear;
  margin: 0 20px;
}
.culture .duty .duty-btns2 .prev {
  background: url(../img/prev2.png) no-repeat center top;
}
.culture .duty .duty-btns2 .prev:hover {
  background: url(../img/prev2on.png) no-repeat center top;
}
.culture .duty .duty-btns2 .next {
  background: url(../img/next2.png) no-repeat center top;
}
.culture .duty .duty-btns2 .next:hover {
  background: url(../img/next2on.png) no-repeat center top;
}
.culture .duty .duty-down-a2 {
  display: block;
  height: 75px;
  line-height: 75px;
  background: #f9f9f9;
  padding: 0 14px 0 26px;
  transition: all .3s linear;
}
.culture .duty .duty-down-a2 .duty-num {
  display: inline-block;
  margin-right: 18px;
  font-size: 26px;
  color: #c9c9c9;
  transition: all .3s linear;
}
.culture .duty .duty-down-a2 .duty-p {
  font-size: 16px;
  color: #666;
  transition: all .3s linear;
}
.culture .duty .duty-down-a2 .time1 {
  color: #b1b1b1;
  font-size: 13px;
  transition: all .3s linear;
}
.culture .duty .duty-down-a2:hover {
  background: #2c419c;
}
.culture .duty .duty-down-a2:hover .duty-num,
.culture .duty .duty-down-a2:hover .duty-p,
.culture .duty .duty-down-a2:hover .time1 {
  color: #fff;
}
.culture .person {
  margin-bottom: 134px;
}
.culture .person .h-tit {
  text-align: center;
  font-size: 28px;
  color: #333;
  line-height: 28px;
  margin: 80px 0 47px;
}
.culture .person .per-ul {
  padding-bottom: 26px;
  border-bottom: 1px solid #ddd;
}
.culture .person .per-li {
  padding-bottom: 24px;
}
.culture .person .per-li .per-img {
  display: block;
  width: 100%;
}
.culture .person .per-li .p {
  text-align: center;
  color: #333;
  font-size: 15px;
  line-height: 32px;
}
.culture .wish {
  margin-bottom: 96px;
}
.culture .wish .wish-li {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  margin-bottom: 50px;
}
.culture .wish .wish-li .h5 {
  margin: 26px 0 15px;
  font-size: 22px;
  line-height: 22px;
  color: #333;
  transition: all .5s linear;
}
.culture .wish .wish-li .en {
  font-size: 12px;
  line-height: 12px;
  font-style: italic;
  transition: all .5s linear;
}
.culture .wish .wish-li .p {
  font-size: 14px;
  line-height: 28px;
  color: #666;
  transition: all .5s linear;
}
.culture .wish .wish-li .line1 {
  margin: 20px auto;
  display: block;
  height: 1px;
  width: 40px;
  background: rgba(0, 0, 0, 0.1);
}
.culture .wish .wish-li .line2 {
  position: absolute;
  left: 0;
  bottom: -3px;
  display: block;
  height: 3px;
  width: 0;
  background: #2c419c;
}
.culture .wish .wish-li:first-child .ico1 {
  background-repeat: no-repeat;
  background-position: center;
}
.culture .wish .wish-li:nth-child(2) .ico1 {
  background-repeat: no-repeat;
  background-position: center;
}
.culture .wish .wish-li:nth-child(3) .ico1 {
  background-repeat: no-repeat;
  background-position: center;
}
.culture .wish .wish-li:nth-child(4) .ico1 {
  background-repeat: no-repeat;
  background-position: center;
}
.culture .wish .wish-li:nth-child(5) .ico1 {
  background-repeat: no-repeat;
  background-position: center;
}
.culture .wish .wish-li:last-child .ico1 {
  background-repeat: no-repeat;
  background-position: center;
}
.culture .wish .wish-li:hover .wish-img {
  transform: scale(1);
}
.culture .wish .wish-li:hover .covers1 {
  background: rgba(0, 0, 0, 0.7);
  border-bottom-color: transparent;
}
.culture .wish .wish-li:hover .ico1 {
  background-color: #fff;
}
.culture .wish .wish-li:hover .h5,
.culture .wish .wish-li:hover .p {
  color: #fff;
}
.culture .wish .wish-li:hover .en {
  opacity: .5;
  filter: alpha(opacity=50);
  color: #fff;
}
.culture .wish .wish-li:hover .line1 {
  background: rgba(255, 255, 255, 0.6);
}
.culture .wish .wish-li:hover .line2 {
  width: 100%;
}
.culture .wish .wish-img {
  display: block;
  width: 100%;
  transform: scale(1.1);
  transition: all .5s linear;
}
.culture .wish .covers1 {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #fff;
  padding: 50px 66px 0;
  border-bottom: 3px solid #999;
  transition: all .5s linear;
}
.company .zhe .w-zhe{
  overflow: hidden;
}
.culture .wish .ico1 {
  display: block;
  margin: 0 auto;
  width: 118px;
  height: 118px;
  background-color: #eee;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #eee;
  transition: all .5s linear;
}
.culture .activity .act-li {
  padding: 12px 12px 20px;
  background: #fff;
  margin-bottom: 20px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.culture .activity .act-li .act-a {
  display: block;
}
.culture .activity .act-li .act-a .img {
  overflow: hidden;
  height: 242px;
}
.culture .activity .act-li .act-a .img img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all .3s linear;
}
.culture .activity .act-li .act-a .txts {
  padding: 28px 0 0 24px;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  transition: all .3s linear;
}
.culture .activity .act-li .act-a .txts .h2 {
  font-size: 20px;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all .3s linear;
}
.culture .activity .act-li .act-a .txts .times1 {
  font-size: 13px;
  line-height: 38px;
}
.culture .activity .act-li .act-a .txts .p {
  font-size: 14px;
  line-height: 24px;
  color: #999;
  margin-bottom: 28px;
}
.culture .activity .act-li .act-a .txts .ico1 {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: url(../img/png1.png) no-repeat center;
  background-size: 30px;
  transition: all .3s linear;
}
.culture .activity .act-li .act-a:hover img {
  transform: scale(1.1);
}
.culture .activity .act-li .act-a:hover .h2,
.culture .activity .act-li .act-a:hover .txts {
  color: #2c419c;
}
.culture .activity .act-li .act-a:hover .ico1 {
  background: url(../img/png1on.png) no-repeat center;
}
@media (min-width: 1360px) {
  .culture .person .per-li {
    width: 12%;
    margin-right: 2.65%;
  }
  .culture .person .per-li .per-img {
    display: block;
    width: 100%;
  }
  .culture .person .per-li:nth-child(7n) {
    margin-right: 0;
  }
  .company .zhe .w-zhe .dl .h1{
    font-size: 27px;
  }
}
@media(max-width: 1200px){
  .culture .f4 .culture-a .img{
    height: 190px;
  }
  .culture .activity .act-li .act-a .img {
    height: 190px;
  }
}
@media(max-width: 900px){
  .culture .f4 .culture-a .img{
    height: 160px;
  }
  .culture .activity .act-li .act-a .img {
    height: 190px;
  }
}

.company div, .company ul, .company li, .company a {
  box-sizing: border-box;
}
.company .nf-title {
  font-size: 36px;
  line-height: 36px;
  color: #010101;
  text-align: center;
  padding: 72px 0 36px;
}
.company .f1 .s1 {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
  margin: 0 24px;
  position: relative;
  top: -18px;
}
.company .f2 {
  border-bottom: 1px solid #ccc;
  line-height: 90px;
}
.company .f2 .w-n-tab {
  height: 90px;
  line-height: 90px;
}
.company .f2 .h2 {
  font-size: 24px;
  color: #2c419c;
}
.company .f2 .n-tab {
  width: 83%;
}
.company .f2 .n-tab .n-tab-a {
  display: inline-block;
  width: 11.1%;
  text-align: right;
  font-size: 15px;
  color: #888;
}
.company .f2 .n-tab .n-tab-a.cur, .company .f2 .n-tab .n-tab-a:hover {
  color: #2c419c;
}
.company .f3 {
  padding: 30px 0 80px;
}
.company .f3 .w-tab {
  text-align: center;
  margin-top: 36px;
}
.company .f3 .w-tab .tab-items {
  display: inline-block;
  padding: 0 44px;
  height: 50px;
  line-height: 50px;
  color: #000;
  font-size: 18px;
  border: 1px solid #bdbdbd;
  border-radius: 25px;
  margin: 0 17px;
  cursor: pointer;
  transition: all .3s linear;
  opacity: .5;
}
.company .f3 .w-tab .tab-items.cur, .company .f3 .w-tab .tab-items:hover {
  opacity: 1;
  background: #2c419c;
  color: #fff;
  border-color: #2c419c;
}
.company .zhe .w-zhe {
  width: 85.3%;
  margin-bottom: 140px;
}
.company .zhe .w-zhe .dl {
  width: 32%;
  padding-top: 130px;
}
.company .zhe .w-zhe .dl .h1 {
  color: #2c419c;
  font-size: 33px;
  line-height: 33px;
  font-weight: bold;
}
.company .zhe .w-zhe .dl .dt {
  height: 338px;
  overflow: hidden;
  font-size: 14px;
  line-height: 28px;
  color: #666;
  margin: 30px 0 52px;
  padding-left: 3px;
}
.company .zhe .w-zhe .dl .dt .p {
  position: relative;
  padding-right: 10px;
}
.company .zhe .w-zhe .dl .bot .comp-a {
  display: inline-block;
  width: 140px;
  height: 40px;
  line-height: 40px;
  background: #2c419c url(../img/png31.png) right 22px center no-repeat;
  color: #fff;
  text-indent: 22px;
  border-radius: 20px;
}
.company .zhe .w-zhe .dl .bot .btns2 .btn2 {
  display: inline-block;
  width: 58px;
  height: 58px;
  margin: 0 4px;
  cursor: pointer;
  transition: all .3s linear;
}
.company .zhe .w-zhe .dl .bot .btns2 .prev2 {
  background: url(../img/prev5.png) no-repeat center;
}
.company .zhe .w-zhe .dl .bot .btns2 .prev2:hover {
  background: url(../img/prev5on.png) no-repeat center;
}
.company .zhe .w-zhe .dl .bot .btns2 .next2 {
  background: url(../img/next5.png) no-repeat center;
}
.company .zhe .w-zhe .dl .bot .btns2 .next2:hover {
  background: url(../img/next5on.png) no-repeat center;
}
.company .zhe .w-zhe .dr {
  position: relative;
  width: 58.9%;
  overflow: visible;
}
.company .zhe .w-zhe .dr .com-img {
  display: block;
  width: 100%;
  height: 100%;
}
.company .zhe .w-zhe .dr .tempWrap {
  height: 100% !important;
}
.company .zhe .w-zhe .dr .hd{
  text-align: center;
  position: absolute;
  z-index: 4;
  top: 50%;
  right: 0;
  margin-top: -58px;
}
.company .zhe .w-zhe .dr .hd .zhe-btn{
  display: block;
  width: 58px;
  height: 58px;
  /*margin: 20px;*/
  cursor: pointer;
  transition: all .3s linear;
}
.company .zhe .w-zhe .dr .hd .prev{
  background: url(../img/prev5.png) no-repeat center;
}
.company .zhe .w-zhe .dr .hd .next{
  background: url(../img/next5.png) no-repeat center;
}
.company .zhe .w-zhe .dr .hd .prev:hover{
  background: url(../img/prev5on.png) no-repeat center;
}
.company .zhe .w-zhe .dr .hd .next:hover{
  background: url(../img/next5on.png) no-repeat center;
}
.company .zhe .w-zhe .dr .hd ul {
  display: inline-block;
  /*position: absolute;*/
  /*z-index: 2;*/
  /*top: 50%;*/
  /*right: 32px;*/
}
.company .zhe .w-zhe .dr .hd ul li {
  cursor: pointer;
  float: left;
  display: inline-block;
  height: 12px;
  width: 12px;
  margin: 0 6px;
  border-radius: 50%;
  font-size: 0;
  background-color: #ccc;
}
.company .zhe .w-zhe .dr .hd ul li.on {
  background-color: #2c419c;
}
.company .zhe .w-zhe .dr .pageState {
  /*display: none;*/
  position: absolute;
  z-index: 2;
  top: 50%;
  left: -40px;
  width: 80px;
  height: 80px;
  margin-top: -40px;
  line-height: 80px;
  border-radius: 50%;
  background: #fff;
  text-align: center;
  font-family: "Arial";
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  color: #2c419c;
  font-size: 18px;
  letter-spacing: 2px;
}
.party div, .party ul, .party li, .party a {
  box-sizing: border-box;
}
.party .nf-title {
  font-size: 36px;
  line-height: 36px;
  color: #010101;
  text-align: center;
  padding: 72px 0 36px;
}
.party .f1 .s1 {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
  margin: 0 24px;
  position: relative;
  top: -18px;
}
.party .f2 {
  border-bottom: 1px solid #ccc;
  line-height: 90px;
}
.party .f2 .w-n-tab {
  height: 90px;
  line-height: 90px;
}
.party .f2 .h2 {
  font-size: 24px;
  color: #2c419c;
}
.party .f2 .n-tab {
  width: 83%;
}
.party .f2 .n-tab .n-tab-a {
  display: inline-block;
  width: 11.1%;
  text-align: right;
  font-size: 15px;
  color: #888;
}
.party .f2 .n-tab .n-tab-a.cur, .party .f2 .n-tab .n-tab-a:hover {
  color: #2c419c;
}
.party .f3 {
  padding: 30px 0 154px;
}
.party .f3 .w-tab {
  text-align: center;
  margin-top: 36px;
}
.party .f3 .w-tab .tab-items {
  display: inline-block;
  padding: 0 44px;
  height: 50px;
  line-height: 50px;
  color: #000;
  font-size: 18px;
  border: 1px solid #bdbdbd;
  border-radius: 25px;
  margin: 0 17px;
  cursor: pointer;
  transition: all .3s linear;
  opacity: .5;
}
.party .f3 .w-tab .tab-items.cur, .party .f3 .w-tab .tab-items:hover {
  opacity: 1;
  background: #2c419c;
  color: #fff;
  border-color: #2c419c;
}
.party .his {
  background: url(../img/png33.png) left bottom no-repeat;
  margin-bottom: 190px;
}
.party .his .swiper-slide {
  width: 308px;
  overflow: visible;
  position: relative;
  padding-top: 346px;
}
.party .his .swiper-slide .con {
  display: none;
  position: absolute;
  z-index: 1;
  left: -278px;
  top: 0;
  width: 1036px;
  height: 166px;
  line-height: 36px;
  background: #fff;
  transition: all .3s linear;
}
.party .his .swiper-slide .con .year {
  display: inline-block;
  font-size: 130px;
  color: #333;
  padding: 0 44px;
  line-height: 166px;
}
.party .his .swiper-slide .con .dt {
  /*position: relative;*/
  display: inline-block;
  padding-left: 90px;
  border-left: 1px solid #e5e5e5;
  color: #666;
  font-size: 16px;
  vertical-align: top;
  width: 60%;
  height: 100%;
}
.party .his .swiper-slide .con .dt .his-dt{
  width: 100%;
  line-height: 28px;
}
.party .his .swiper-slide .bot {
  height: 58px;
  background: url(../img/png320.png) left bottom no-repeat;
}
.party .his .swiper-slide .bot .p {
  font-size: 14px;
  line-height: 14px;
  color: #999;
  padding: 12px 0 12px;
  transition: all .3s linear;
}
.party .his .swiper-slide .circle1 {
  display: block;
  opacity: 0;
  width: 18px;
  height: 18px;
  margin-left: 10px;
  background: url(../img/on.png) left center no-repeat;
  transition: all .3s linear;
}
.party .his .swiper-slide.swiper-slide-active .con {
  display: block;
}
.party .his .swiper-slide.swiper-slide-active .bot .p {
  color: #2c419c;
  font-weight: bold;
  font-size: 24px;
  line-height: 24px;
  padding: 0 0 15px;
}
.party .his .swiper-slide.swiper-slide-active .circle1 {
  opacity: 1;
}
.party .his .w-swiper {
  overflow: hidden;
}
.party .his .w-his {
  position: relative;
}
.party .his .w-his .btns {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  height: 72px;
  width: 100%;
}
.party .his .w-his .btns .btn {
  position: relative;
  z-index: 2;
  display: inline-block;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  cursor: pointer;
  transition: all .3s linear;
}
.party .his .w-his .btns .prev {
  background: url(../img/prev6.png) no-repeat center top;
}
.party .his .w-his .btns .prev:hover {
  background: url(../img/prev6on.png) no-repeat center top;
}
.party .his .w-his .btns .next {
  background: url(../img/next6.png) no-repeat center top;
}
.party .his .w-his .btns .next:hover {
  background: url(../img/next6on.png) no-repeat center top;
}
.party .unite {
  overflow: hidden;
  margin-bottom: 160px;
}
.party .unite .uni-img {
  display: block;
  width: 100%;
}
.party .party-ul {
  margin-bottom: 56px;
}
.party .party-li .img {
  padding: 3px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.party .party-li .img img {
  display: block;
  width: 100%;
}
.party .party-li .h2 {
  font-size: 16px;
  line-height: 16px;
  color: #333;
  padding: 28px 0 20px 20px;
  border-bottom: 1px solid #e8e8e8;
}
.party .f4 .pages {
  margin-bottom: 100px;
}
.news {
  background: #fcfcfc;
}
.news div, .news a,
.news ul, .news li, .news span {
  box-sizing: border-box;
}
.news .f2 {
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  line-height: 90px;
}
.news .f2 .w-n-tab {
  height: 90px;
  line-height: 90px;
}
.news .f2 .h2 {
  font-size: 24px;
  color: #2c419c;
}
.news .f2 .n-tab {
  width: 27.5%;
}
.news .f2 .n-tab .n-tab-a {
  display: inline-block;
  width: 33.3%;
  text-align: right;
  font-size: 15px;
  color: #888;
  cursor: pointer;
  transition: all .3s linear;
}
.news .f2 .n-tab .n-tab-a.cur, .news .f2 .n-tab .n-tab-a:hover {
  color: #2c419c;
}
.news .f3 .top {
  font-size: 36px;
  line-height: 36px;
  color: #333;
  text-align: center;
  margin: 70px 0;
}
.news .news-ms1 {
  padding-bottom: 122px;
}
.news .news-li {
  width: 31.6%;
  margin-bottom: 46px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.news .news-li .news-a {
  display: block;
}
.news .news-li .news-a .img,.co .pcf2 .co-li .co-a .img {
  height: 268px;
  background: #fff;
  overflow: hidden;
}
.co .pcf2 .co-li .co-a .img img{
  display: block;
  height: 100%;
}
.news .news-li .news-a .img img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all .3s linear;
}
.news .news-li .news-a .txts {
  padding: 20px 23px 32px 17px;
  font-size: 14px;
  color: #333;
  transition: all .3s linear;
}
.news .news-li .news-a .txts .h2 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 20px;
  line-height: 28px;
}
.news .news-li .news-a .txts .times1 {
  line-height: 40px;
}
.news .news-li .news-a .txts .p {
  font-size: 14px;
  line-height: 26px;
  color: #999;
  margin-bottom: 22px;
}
.news .news-li .news-a .txts .ico1 {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../img/png1.png) no-repeat center;
  transition: all .3s linear;
}
.news .news-li .news-a:hover img {
  transform: scale(1.1);
}
.news .news-li .news-a:hover .txts {
  color: #2c419c;
}
.news .news-li .news-a:hover .ico1 {
  background: url(../img/png1on.png) no-repeat center;
}
.news .news-li2 {
  width: 23.5%;
}
.news .news-li2 .news-a {
  display: block;
}
.news .news-li2 .newspaper-img {
  display: block;
  width: 100%;
  background: #fff;
}
.news .news-li2 .h2 {
  padding: 40px 0 86px;
  color: #333;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
}
@media (min-width: 1024px) {
  .news-li{
    margin-right: 2.6%;
  }
  .news-li:nth-child(3n) {
    margin-right: 0;
  }
  .party .hd-1{
    display: none;
  }
  .culture .activity .act-li {
    width: 32.5%;
    margin-right: 1.25%;
  }
 /* .culture .duty .duty-down-a1{
    width: 31.6%;
    margin-right: 2.5%;
  }*/
  .news .news-li:nth-child(3n){
    margin-right: 0;
  }
    .culture .wish .wish-li {
    width: 31%;
    margin-right: 3.5%;
  }
  .culture .wish .wish-li:nth-child(3n) {
    margin-right: 0;
  }
  .w-case-ul .hd-1{
    display: none;
  }
    .ach .case1 .w-case-ul .case-li {
    margin-right: 2.6%;
    width: 31.6%;
  }
  .ach .case1 .w-case-ul .case-li:nth-child(3n) {
    margin-right: 0;
  }
    .culture .f4 .culture-li {
    margin-right: 2.6%;
  }
  .culture .f4 .culture-li:nth-child(3n) {
    margin-right: 0;
  }
    .party .f4 .party-li {
    width: 31.6%;
    margin-right: 2.6%;
    margin-bottom: 60px;
  }
  .party .f4 .party-li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1360px) {
  .news .news-li2 {
    width: 31.6%;
    margin-right: 2.6%;
  }
  .news .news-li2 .h2 {
    padding: 18px 0 30px;
  }
  .news .news-li2:nth-child(3n) {
    margin-right: 0;
  }
    .about .f4 .ms1-li:nth-child(4n) {
    margin-right: 0;
  }
  .about .f9 .about-li:nth-child(3n) {
    margin-right: 0;
  }
}
.news-info div, .news-info ul, .news-info li, .news-info a {
  box-sizing: border-box;
}
.news-info .nf-title {
  font-size: 36px;
  line-height: 36px;
  color: #010101;
  text-align: center;
  padding: 72px 0 36px;
}
.news-info .f1 .s1 {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
  margin: 0 24px;
  position: relative;
  top: -18px;
}
.news-info .f2 .cap {
  text-align: center;
  padding: 90px 0 28px;
  border-bottom: 1px solid #ececec;
}
.news-info .f2 .cap .p {
  color: #2c419c;
  font-size: 24px;
  line-height: 48px;
}
.news-info .f2 .cap .s0 {
  display: inline-block;
  margin: 0 4px;
  font-size: 12px;
  line-height: 24px;
  color: #999;
}
.news-info .f2 .info-img, .news-info .f2 img {
  display: block;
  width: 100%;
  margin-bottom: 45px;
}
.news-info .f2 .info-dt {
  padding: 60px 0 82px;
  font-size: 14px;
  line-height: 28px;
  color: #888;
}
.news-info .f2 .bot {
  margin-bottom: 90px;
}
.news-info .f2 .bot .s1 {
  font-size: 16px;
  color: #999;
}
.news-info .f2 .bot .news-a,
.news-info .f2 .bot .return-a {
  color: #2c419c;
  font-size: 16px;
}
.pro div, .pro a,
.pro ul, .pro li, .pro span {
  box-sizing: border-box;
}
.pro .f2 {
  padding: 60px 0 95px 46px;
}
.pro .f2 .w-tabs {
  line-height: 28px;
}
.pro .f2 .w-tabs:first-child {
  /*height: 87px;*/
  padding: 19px 0 40px;
}
.pro .f2 .w-tabs:nth-child(2) {
  /*height: 66px;*/
  padding: 19px  0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.pro .f2 .w-tabs:nth-child(3) {
  /*height: 94px;*/
  padding: 19px  0;
  margin-bottom: 60px;
}
.pro .f2 .tabs-cap {
  width: 13%;
  font-size: 20px;
  color: #2c419c;
  font-weight: bold;
  padding-left: 30px;
  background: url(../img/png35.png) left 8px center no-repeat;
}
.pro .f2 .tabs {
  width: 84%;
}
.pro .f2 .tabs .flex {
  flex-wrap: wrap;
}
.pro .f2 .tab-items {
  position: relative;
  display: inline-block;
  color: #444;
  width: 14.2%;
  font-size: 14px;
  line-height: 28px;
  cursor: pointer;
  transition: all .3s linear;
}
.pro .f2 .tab-items .s1 {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 0;
  margin-left: -30px;
  display: none;
  width: 60px;
  height: 1px;
  background: #2c419c;
}
.pro .f2 .tab-items.cur, .pro .f2 .tab-items:hover {
  color: #2c419c;
}
.pro .f2 .w-search {
  padding-left: 12px;
  font-size: 16px;
  line-height: 48px;
}
.pro .f2 .w-search .search-input {
  height: 48px;
  width: 80%;
  text-indent: 20px;
  background: none;
  color: #999;
  border: 1px solid #eee;
  border-radius: 5px;
  margin-right: 2%;
}
.pro .f2 .w-search .search-btn {
  vertical-align: top;
  width: 17%;
  height: 48px;
  background: #2c419c;
  border: none;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.pro .f3 {
  margin-bottom: 100px;
}
.pro .f3 .w-f3 {
  background: #fcfcfc;
}
.pro .f3 .w-pro-a {
  padding: 95px 40px 57px 0;
  border-left: 1px solid #e8e8e8;
}
.pro .f3 .pro-a {
  padding-left: 52px;
  position: relative;
  margin-bottom: 114px;
}
.pro .f3 .pro-a .line1 {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 1px;
  height: 40px;
  background: #2c419c;
}
.pro .f3 .pro-a .img {
  width: 40%;
  margin-right: 9.5%;
  overflow: hidden;
}
.pro .f3 .pro-a .img img {
  display: block;
  width: 100%;
  transition: all .3s linear;
}
.pro .f3 .pro-a .txts {
  width: 50.5%;
  padding: 18px 23px 32px 17px;
  font-size: 14px;
  color: #333;
  transition: all .3s linear;
}
.pro .f3 .pro-a .txts .h2 {
  width: 100%;
  font-size: 24px;
  line-height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pro .f3 .pro-a .txts .p {
  margin: 10px 0 70px;
  font-size: 14px;
  line-height: 28px;
  color: #777;
}
.pro .f3 .pro-a .txts .ico1 {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../img/png1.png) no-repeat center;
  transition: all .3s linear;
}
.pro .f3 .pro-a:hover img {
  transform: scale(1.1);
}
.pro .f3 .pro-a:last-child {
  margin-bottom: 0;
}
.pro .f3 .pages {
  margin-top: 106px;
}
.pro-info div, .pro-info a,
.pro-info ul, .pro-info li, .pro-info span {
  box-sizing: border-box;
}
.pro-info .f2 {
  padding-top: 60px;
}
.pro-info .f2 img {
  display: block;
  max-width: 100%;
}
.pro-info .f2 .dt0 {
  padding-left: 46px;
  font-size: 14px;
}
.pro-info .f2 .info-img2 {
  margin-bottom: 46px;
}
.pro-info .f2 .pro-info-cap {
  font-size: 30px;
  line-height: 72px;
  color: #2c419c;
  font-weight: bold;
  margin-left: 46px;
}
.pro-info .f2 .info-cap {
  margin-bottom: 22px;
  padding-top: 46px;
  font-size: 20px;
  line-height: 20px;
  color: #333;
  height: 84px;
  font-weight: bold;
  margin-left: 46px;
  border-top: 1px solid #eee;
}
.pro-info .f2 .info-cap .s1 {
  position: relative;
  left: -46px;
  display: inline-block;
  width: 1px;
  height: 40px;
  background: #2c419c;
}
.pro-info .f2 .info-cap .s2 {
  vertical-align: top;
}
.pro-info .f2 .dt {
  font-size: 14px;
  line-height: 32px;
  color: #666;
  padding-left: 46px;
  margin-bottom: 40px;
}
.pro-info .f2 .dt .info-cap2 {
  font-size: 18px;
  color: #333;
  background: url(../img/png37.png) left 50px center no-repeat;
  padding-left: 72px;
}
.pro-info .f2 p {
  padding-left: 26px;
}
.pro-info .f2 .p {
  background: url(../img/png37.png) left 4px center no-repeat;
}
.pro-info .w-lis {
  padding-left: 46px;
}
.pro-info .w-lis .w-a {
  border-top: 1px solid #eee;
  padding: 70px 0 75px;
}
.pro-info .w-lis .btn-span2 {
  display: block;
  font-size: 16px;
  color: #333;
}
.pro-info .w-lis .btn-span2 a {
  font-size: 16px;
  line-height: 28px;
  color: #2c419c;
}
.pro-info .w-lis .dr {
  position: relative;
  top: 12px;
  display: inline-block;
  width: 160px;
  height: 42px;
  line-height: 42px;
  color: #fff;
  text-align: center;
  background: #2c419c;
  border-radius: 21px;
}
.recruit div, .recruit ul, .recruit li, .recruit a {
  box-sizing: border-box;
}
.recruit .nf-title {
  font-size: 36px;
  line-height: 36px;
  color: #010101;
  text-align: center;
  padding: 72px 0 36px;
}
.recruit .f1 .s1 {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
  margin: 0 24px;
  position: relative;
  top: -18px;
}
.recruit .f2 {
  border-bottom: 1px solid #ccc;
  line-height: 90px;
}
.recruit .f2 .w-n-tab {
  height: 90px;
  line-height: 90px;
}
.recruit .f2 .h2 {
  font-size: 24px;
  color: #2c419c;
}
.recruit .f2 .n-tab {
  width: 83%;
}
.recruit .f2 .n-tab .n-tab-a {
  display: inline-block;
  width: 11.1%;
  text-align: right;
  font-size: 15px;
  color: #888;
}
.recruit .f2 .n-tab .n-tab-a.cur, .recruit .f2 .n-tab .n-tab-a:hover {
  color: #2c419c;
}
.recruit .f3 .items {
  width: 25%;
}
.recruit .f3 .items .ico1 {
  display: block;
  height: 127px;
  margin-bottom: 26px;
}
.recruit .f3 .items .p {
  font-size: 18px;
  line-height: 18px;
  color: #333;
  text-align: center;
  margin-bottom: 56px;
}
.recruit .f3 .ms1 {
  font-size: 14px;
  line-height: 28px;
  color: #777;
  padding: 0 60px 140px;
}
.recruit .f4 {
  background: #fafafa;
  padding-bottom: 170px;
}
.recruit .f4 .form1 {
  background: #fff;
  border-bottom: 1px solid #eee;
  padding-bottom: 70px;
}
.recruit .f4 .form1 .td {
  display: inline-block;
}
.recruit .f4 .form1 .tr1 {
  background: #2c419c;
  color: #fff;
  height: 56px;
  font-size: 14px;
  line-height: 56px;
  padding: 0 32px;
  border-bottom: 1px solid #eee;
}
.recruit .f4 .form1 .tr1 .td {
  width: 16.6%;
}
.recruit .f4 .form1 .tr1 .td1 {
  text-align: center;
}
.recruit .f4 .form1 .tr1 .td2 {
  text-align: right;
}
.recruit .f4 .form1 .tr2 {
  color: #777;
  height: 64px;
  font-size: 16px;
  line-height: 64px;
  margin: 0 32px;
  border-bottom: 1px solid #eee;
}
.recruit .f4 .form1 .tr2 .td {
  width: 16.6%;
}
.recruit .f4 .form1 .tr2 .td0 {
  font-size: 16px;
  transition: all .3s linear;
}
.recruit .f4 .form1 .tr2 .td0.cur {
  color: #2c419c;
}
.recruit .f4 .form1 .tr2 .td1 {
  text-align: center;
}
.recruit .f4 .form1 .tr2 .td2 {
  cursor: pointer;
  color: #2c419c;
  text-align: right;
}
.recruit .f4 .form1 .hides {
  display: none;
  margin: 0 72px;
}
.recruit .f4 .form1 .hides .tr3 {
  padding-top: 20px;
}
.recruit .f4 .form1 .hides .tr3 .td {
  width: 25%;
  font-size: 14px;
  color: #666;
  line-height: 32px;
  height: 146px;
}
.recruit .f4 .form1 .hides .dt {
  font-size: 14px;
  line-height: 26px;
  color: #888;
  padding-bottom: 46px;
  border-bottom: 1px solid #eee;
}
.recruit .f4 .form1 .hides .dt .h6 {
  font-size: 18px;
  line-height: 18px;
  color: #333;
  margin-bottom: 18px;
}
.recruit .f4 .form1 .hides .dt .line1 {
  display: inline-block;
  width: 1px;
  height: 156px;
  margin: 0 80px;
  background: #eee;
  margin-top: 22px;
}
.recruit .f4 .form1 .hides .bot {
  padding: 30px 0 70px;
}
.recruit .f4 .form1 .hides .bot .re-a {
  display: inline-block;
  width: 150px;
  height: 42px;
  background: #2c419c;
  text-align: center;
  color: #fff;
  font-size: 16px;
  line-height: 42px;
}
.recruit .f4 .form1 .hides .bot .end-span {
  cursor: pointer;
  color: #2c419c;
  line-height: 42px;
  font-size: 14px;
}
.ach div, .ach a,
.ach ul, .ach li, .ach span {
  box-sizing: border-box;
}
.ach .f2 {
  padding: 60px 0 60px 46px;
}
.ach .f2 .w-tabs {
  line-height: 28px;
  height: 87px;
  padding: 19px 0 40px;
}
.ach .f2 .w-tabs:first-child {
  border-bottom: 1px solid #eee;
}
.ach .f2 .tabs-cap {
  width: 13.8%;
  font-size: 20px;
  color: #2c419c;
  font-weight: bold;
  padding-left: 30px;
  background: url(../img/png35.png) left 8px center no-repeat;
}
.ach .f2 .tabs {
  width: 86.2%;
  flex-wrap: wrap;
}
.ach .f2 .tab-items {
  display: inline-block;
  color: #444;
  width: 14.2%;
  font-size: 14px;
  line-height: 28px;
  cursor: pointer;
  transition: all .3s linear;
}
.ach .f2 .tab-items.cur, .ach .f2 .tab-items:hover {
  color: #2c419c;
}
.ach .f2 .w-search {
  padding-left: 12px;
  font-size: 16px;
  line-height: 48px;
}
.ach .f2 .w-search .search-input {
  height: 48px;
  width: 80%;
  text-indent: 20px;
  background: none;
  color: #999;
  border: 1px solid #eee;
  border-radius: 5px;
  margin-right: 2%;
}
.ach .f2 .w-search .search-btn {
  width: 17%;
  height: 48px;
  background: #2c419c;
  border: none;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.ach .forms1 {
  margin-bottom: 166px;
}
.ach .forms1 .tr1,
.ach .forms1 .td1,
.ach .forms1 .td2 {
  border: 1px solid #f4f4f4;
  border-top-width: 0;
}
.ach .forms1 .td3 {
  border-right: 1px solid #f4f4f4;
}
.ach .forms1 table {
  margin-bottom: 102px;
}
.ach .forms1 table,
.ach .forms1 tbody {
  width: 1200px;
  display: block;
}
.ach .forms1 .tr1 {
  width: 100%;
}
.ach .forms1 .tr1 {
  height: 54px;
  line-height: 54px;
  text-align: center;
  background: #2c419c;
  color: #fff;
}
.ach .forms1 .tr2 td {
  color: #333;
}
.ach .forms1 .tr2 .td1,
.ach .forms1 .tr2 .td2,
.ach .forms1 .tr2 .td3 p {
  padding: 13px 0;
  line-height: 26px;
  font-size: 14px;
  padding-left: 32px;
  padding-right: 51px;
}
.ach .forms1 .tr2 .td3 p {
  border-bottom: 1px solid #f4f4f4;
}
.ach .forms1 .th1,
.ach .forms1 .td1 {
  /*width: 23%;*/
  width: 276px;
}
.ach .forms1 .th2,
.ach .forms1 .td2 {
  /*width: 32.8%;*/
  width: 393px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.ach .forms1 .th3,
.ach .forms1 .td3 {
  /*width: 44.2%;*/
  width: 530px;
}
.ach .case1 {
  overflow: hidden;
}
.ach .w-case-ul {
  position: relative;
}
.ach .w-case-ul .btns{
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    height: 40px;
    width: 100px;
    text-align: center;
}
.ach .w-case-ul .btns .btn1{
    display: inline-block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: all .3s linear;
}
.ach .w-case-ul .btns .prev{
    float: left;
    background: url(../img/cpng1.png) no-repeat center top;
    background-size: 40px;
}
.ach .w-case-ul .btns .prev:hover{
      background-image: url(../img/cpng1on.png);
}
.ach .w-case-ul .btns .next{
    float: right;
    background: url(../img/png1.png) no-repeat center top;
    background-size: 40px;
}
.ach .w-case-ul .btns .next:hover{
      background-image: url(../img/png1on.png);
}
.ach .case1 .case-cap {
  font-size: 24px;
  line-height: 24px;
  color: #333;
  margin-bottom: 30px;
}
.ach .case1 .case-li {
  margin-bottom: 170px;
  /*width: 31.6%;*/
  /*margin-right: 2.6%;*/
}
.ach .case1 .case-li .case-a {
  display: block;
}
.ach .case1 .case-li .case-a .img {
  overflow: hidden;
}
.ach .case1 .case-li .case-a .img img {
  display: block;
  width: 100%;
  transition: all .3s linear;
}
.ach .case1 .case-li .case-a .txts {
  position: relative;
  padding: 22px 45px 22px 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.ach .case1 .case-li .case-a .txts .h2 {
  font-size: 18px;
  line-height: 28px;
  color: #000;
  margin-bottom: 46px;
  transition: all .3s linear;
}
.ach .case1 .case-li .case-a .txts .times1 {
  line-height: 40px;
  color: #b7b7b7;
  font-size: 14px;
}
.ach .case1 .case-li .case-a .txts .line1 {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 0;
  background: #2c419c;
  display: block;
  height: 0;
  width: 0;
  transition: all .3s linear;
}
.ach .case1 .case-li .case-a .txts .ico1 {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../img/png1.png) no-repeat center;
  transition: all .3s linear;
}
.ach .case1 .case-li .case-a:hover img {
  transform: scale(1.1);
}
.ach .case1 .case-li .case-a:hover .txts .h2 {
  color: #2c419c;
}
.ach .case1 .case-li .case-a:hover .txts .line1 {
  left: 0;
  height: 3px;
  width: 100%;
}
.ach .case1 .case-li .case-a:hover .txts .ico1 {
  background: url(../img/png1on.png) no-repeat center;
}
.tech div, .tech ul, .tech li, .tech span {
  box-sizing: border-box;
}
.tech .nf-title {
  font-size: 36px;
  line-height: 36px;
  color: #010101;
  text-align: center;
  padding: 72px 0 36px;
}
.tech .f1 .s1 {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
  margin: 0 24px;
  position: relative;
  top: -18px;
}
.tech .f2 {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  line-height: 90px;
}
.tech .f2 .w-n-tab {
  height: 90px;
  line-height: 90px;
}
.tech .f2 .h2 {
  font-size: 24px;
  color: #2c419c;
}
.tech .f2 .n-tab {
  width: 27.5%;
}
.tech .f2 .n-tab .tab-items {
  display: inline-block;
  width: 33.3%;
  text-align: right;
  font-size: 15px;
  color: #888;
  cursor: pointer;
}
.tech .f2 .n-tab .tab-items.cur, .tech .f2 .n-tab .tab-items:hover {
  color: #2c419c;
}
.tech .f3 {
  margin-bottom: 122px;
}
.tech .f3 .produce .tech-top {
  text-align: center;
  font-size: 18px;
  line-height: 33px;
  color: #666;
}
.tech .f3 .produce .tech-top .h1 {
  font-size: 36px;
  padding: 70px 0 54px;
  color: #333;
}
.tech .f3 .produce .items {
  width: 25%;
  padding-top: 70px;
  text-align: center;
}
.tech .f3 .produce .items .nums1 {
  display: inline-block;
  font-size: 80px;
  line-height: 70px;
  font-family: "seguiemj";
}
.tech .f3 .produce .items .line1 {
  display: block;
  height: 1px;
  width: 26px;
  background: #dcdcdc;
  margin: 26px auto 30px;
}
.tech .f3 .produce .items .p0 {
  font-size: 18px;
  color: #2c419c;
}
.tech .f3 .produce .items .p1 {
  font-size: 18px;
  line-height: 18px;
  color: #333;
  margin-bottom: 66px;
}
.tech .f3 .produce .ms1 {
  font-size: 14px;
  line-height: 28px;
  color: #888;
  padding-bottom: 140px;
}
.tech .f3 .produce .ms2 {
  position: relative;
}
.tech .f3 .produce .ms2 .h1 {
  color: #2c419c;
  font-weight: bold;
  font-size: 22px;
  line-height: 48px;
  padding-bottom: 20px;
}
.tech .f3 .produce .ms2 .tech-li {
  margin-bottom: 150px;
  width: 31.6%;
  margin-right: 2.6%;
}
.tech .f3 .produce .ms2 .tech-li .tech-a {
  display: block;
}
.tech .f3 .produce .ms2 .tech-li .tech-a .img {
  overflow: hidden;
}
.tech .f3 .produce .ms2 .tech-li .tech-a .img img {
  display: block;
  width: 100%;
  transition: all .3s linear;
}
.tech .f3 .produce .ms2 .tech-li .tech-a .txts {
  position: relative;
  padding: 0 66px 0 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  background: url(../img/png1.png) no-repeat right 20px center;
  transition: all .3s linear;
  font-size: 16px;
  height: 62px;
  line-height: 62px;
  color: #333;
  overflow: hidden;
  transition: all .3s linear;
}
.tech .f3 .produce .ms2 .tech-li .tech-a:hover .txts {
  background: url(../img/png1on.png) no-repeat right 20px center;
}
.tech .f3 .produce .ms2 .tech-li .tech-a:hover img {
  transform: scale(1.1);
}
.tech .f3 .produce .ms2 .w-ul {
  overflow: hidden;
}
.tech .f3 .produce .ms2 .btns {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
  height: 40px;
  width: 100px;
  text-align: center;
}
.tech .f3 .produce .ms2 .btns .btn1 {
  display: inline-block;
  width: 40px;
  height: 40px;
  cursor: pointer;
  transition: all .3s linear;
}
.tech .f3 .produce .ms2 .btns .prev {
  float: left;
  background: url(../img/cpng1.png) no-repeat center top;
  background-size: 40px;
}
.tech .f3 .produce .ms2 .btns .prev:hover {
  background-image: url(../img/cpng1on.png);
}
.tech .f3 .produce .ms2 .btns .next {
  float: right;
  background: url(../img/png1.png) no-repeat center top;
  background-size: 40px;
}
.tech .f3 .produce .ms2 .btns .next:hover {
  background-image: url(../img/png1on.png);
}
.tech .f3 .standard {
  margin-bottom: 112px;
}
.tech .f3 .standard .stand-cap {
  color: #333;
  font-size: 36px;
  padding: 70px 0 54px;
  text-align: center;
}
.tech .f3 .standard ul.flex {
  flex-wrap: wrap;
  margin-bottom: 122px;
}
.tech .f3 .standard .stand-li {
  width: 50%;
}
.tech .f3 .standard .stand-li .stand-a {
  display: block;
  padding: 24px 0;
  border-top: 1px solid #f4f4f4;
  border-bottom: 1px solid #f4f4f4;
}
.tech .f3 .standard .stand-li .times {
  padding-right: 32px;
  border-right: 1px solid #f4f4f4;
  font-family: "proximanova";
}
.tech .f3 .standard .stand-li .times .days {
  font-size: 40px;
  line-height: 40px;
  padding-top: 4px;
  color: #333;
  transition: all .3s linear;
}
.tech .f3 .standard .stand-li .times .years {
  font-size: 14;
  line-height: 12px;
  color: #888;
}
.tech .f3 .standard .stand-li .txts {
  padding: 13px 0 13px 24px;
  display: inline-block;
  overflow: hidden;
  font-size: 18px;
  line-height: 30px;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media(min-width: 1024px){
  .tech .f3 .standard .stand-li .txts{
    max-width: 80%;
  }
}
.tech .f3 .standard .stand-li:hover .times .days {
  opacity: 1;
  color: #2c419c;
}
.tech-info div, .tech-info ul, .tech-info li, .tech-info a {
  box-sizing: border-box;
}
.tech-info .nf-title {
  font-size: 36px;
  line-height: 36px;
  color: #010101;
  text-align: center;
  padding: 72px 0 36px;
}
.tech-info .f1 .s1 {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
  margin: 0 24px;
  position: relative;
  top: -18px;
}
.tech-info .f2 {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  line-height: 90px;
}
.tech-info .f2 .w-n-tab {
  height: 90px;
  line-height: 90px;
}
.tech-info .f2 .h2 {
  font-size: 24px;
  color: #2c419c;
}
.tech-info .f2 .n-tab {
  width: 27.5%;
}
.tech-info .f2 .n-tab .tab-items {
  display: inline-block;
  width: 33.3%;
  text-align: right;
  font-size: 15px;
  color: #888;
  cursor: pointer;
}
.tech-info .f2 .n-tab .tab-items.cur, .tech-info .f2 .n-tab .tab-items:hover {
  color: #2c419c;
}
.tech-info .f3 .cap {
  text-align: center;
  font-size: 24px;
  line-height: 24px;
  color: #333;
  padding: 90px 0 28px;
  border-bottom: 1px solid #ececec;
}
.tech-info .f3 .info-img, .tech-info .f3 img {
  display: block;
  width: 100%;
  margin-bottom: 45px;
}
.tech-info .f3 .info-dt {
  padding: 60px 0 122px;
  font-size: 14px;
  line-height: 28px;
  color: #888;
}
.invite {
  padding-bottom: 105px;
  background: #fafafa;
}
.invite div,
.invite ul,
.invite li,
.invite a,
.invite span {
  box-sizing: border-box;
}
.invite .nf-title {
  font-size: 36px;
  line-height: 36px;
  color: #010101;
  text-align: center;
  padding: 72px 0 36px;
}
.invite .f1 .s1 {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
  margin: 0 24px;
  position: relative;
  top: -18px;
}
.invite .f2 {
  margin-bottom: 95px;
}
.invite .f2 .invite-cap {
  color: #333;
  font-size: 36px;
  padding: 70px 0 54px;
  text-align: center;
}
.invite .f2 .invite-a {
  display: block;
  font-size: 16px;
  line-height: 26px;
  padding: 17px 0 17px 63px;
  margin-bottom: 20px;
  background: #fff url(../img/png43.png) no-repeat 20px 22px;
}
.invite .f2 .invite-a.overdue{
  background: #fff url(../img/overdue.png) no-repeat 20px 22px;
  background-size: auto 23px;
}
.invite .f2 .invite-a .times {
  width: 29.2%;
  padding-right: 28px;
  text-align: right;
  color: #888;
}
.invite .f2 .invite-a .txts {
  width: 70.8%;
  display: inline-block;
  overflow: hidden;
  color: #333;
}
.invite .f2 .invite-a:hover .txts {
  color: #2c419c;
}
.invest {
  box-sizing: border-box;
  padding-top: 220px;
  background-size: cover !important;
}
.invest div,
.invest span,
.invest p {
  box-sizing: border-box;
}
.invest .invest-con .top {
  width: 72%;
  padding-bottom: 34px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.invest .invest-con .top .dl {
  width: 30.4%;
  color: #fff;
}
.invest .invest-con .top .dl .en {
  font-size: 48px;
  line-height: 72px;
  font-family: "bebas";
}
.invest .invest-con .top .dl .cn {
  font-size: 40px;
  line-height: 40px;
  font-weight: bold;
}
.invest .invest-con .top .dr {
  width: 69.6%;
  padding-top: 78px;
  text-align: center;
}
.invest .invest-con .top .dr .invest-a {
  display: inline-block;
  width: 22.6%;
  height: 40px;
  background: #2c419c;
  border-radius: 20px;
  color: #fff;
  margin: 0 11px;
  text-align: center;
  font-size: 17px;
  line-height: 40px;
}
.invest .invest-con .invest-ms1 {
  width: 1000px;
  flex-wrap: wrap;
  color: #fff;
  padding-top: 100px;
}
.invest .invest-con .invest-ms1 .tele1 {
  font-size: 41px;
  line-height: 41px;
}
.invest .invest-con .invest-ms1 .tele1 .tit {
  display: none;
}
.invest .invest-con .invest-ms1 .tit {
  font-size: 22px;
  line-height: 24px;
  margin-bottom: 16px;
}
.invest .invest-con .invest-ms1 .s2 {
  display: block;
}
.invest .invest-con .invest-ms1 .dt {
  font-size: 16px;
  line-height: 26px;
}
.invest .invest-con .invest-ms1 .items1 {
  height: 136px;
  width: 42%;
}
.invest .invest-con .invest-ms1 .items2 {
  height: 136px;
  width: 29%;
}
.invest .invest-con .invest-ms1 .linkman {
  padding-top: 26px;
  font-size: 18px;
  line-height: 36px;
}
.invest .invest-con .invest-ms1 .linkman .s2 {
  display: inline-block;
}
.contact {
  box-sizing: border-box;
  padding-top: 186px;
  background-size: cover !important;
}
.contact div,
.contact span,
.contact p {
  box-sizing: border-box;
}
.contact .contact-con .dl {
  float: left;
  width: 34.5%;
}
.contact .contact-con .dl .w-tele {
  margin-bottom: 95px;
}
.contact .contact-con .dl .dt{
  font-size: 15px;
  line-height: 32px;
  color: #555;
}
.contact .contact-con .dl .w-tele .s1 {
  width: 73.5%;
  box-sizing: border-box;
  padding-right: 28px;
}
.contact .contact-con .dl .cap {
  font-size: 30px;
  color: #2c419c;
  font-weight: bold;
  line-height: 30px;
  margin-bottom: 16px;
}
.contact .contact-con .dl .p {
  font-size: 15px;
  line-height: 32px;
  color: #555;
}
.contact .contact-con .dl .s0 {
  width: 26.5%;
}
.contact .contact-con .dl .w-zip .s1 {
  display: inline-block;
  margin-right: 12px;
}
.contact .contact-con .dr {
  width: 60%;
  float: right;
}
.contact .contact-con .dr .con-input {
  display: block;
  height: 50px;
  border: none;
  color: #555;
  font-size: 16px;
  line-height: 50px;
  text-indent: 20px;
  background: #ececec;
  width: 100%;
}
.contact .contact-con .dr .p0 {
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 11px;
  color: #555;
}
.contact .contact-con .dr .tr {
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.contact .contact-con .dr .td1 {
  width: 46.5%;
}
.contact .contact-con .dr .td1:first-child {
  margin-right: 7%;
}
.contact .contact-con .dr .textarea1 {
  display: block;
  width: 100%;
  height: 210px;
  font-size: 16px;
  color: #555;
  box-sizing: border-box;
  line-height: 32px;
  padding: 10px 20px;
  background: #ececec;
  border: none;
}
.contact .contact-con .dr .tr1 .td1 .yzm {
  display: inline-block;
  width: 146px;
  text-align: center;
  width: 118px;
}
.contact .contact-con .dr .tr1 .td1 img {
  display: inline-block;
  width: 118px;
  margin-left: 12px;
}
.contact .contact-con .dr .tr .td2 {
  width: 100%;
}
.contact .contact-con .dr .tr1 .td3 {
  padding-top: 27px;
  text-align: right;
}
.contact .contact-con .dr .submit {
  display: inline-block;
  width: 146px;
  background: #2c419c;
  text-align: center;
  color: #fff;
  text-indent: 0;
}
.register {
  box-sizing: border-box;
  padding-top: 245px;
  background-size: 102%;
}
.register div,
.register span,
.register p {
  box-sizing: border-box;
}
.register .forms1 {
  box-sizing: border-box;
  background: #fff;
  padding: 66px 50px 62px;
  border-radius: 5px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.register .forms1 .cap .fl {
  color: #333;
  font-size: 20px;
  line-height: 20px;
}
.register .forms1 .cap .fr {
  font-size: 14px;
  line-height: 30px;
  color: #999;
}
.register .forms1 .tologin {
  color: #254ea1;
}
.register .forms1 .w-tr .ico1 {
  display: inline-block;
  color: red;
  width: 38px;
  height: 40px;
  line-height: 40px;
  margin-right: 16px;
}
.register .forms1 .w-tr .tr {
  height: 70px;
  border-bottom: 1px solid #cecece;
  padding-top: 28px;
}
.register .forms1 .w-tr .tr:first-child .ico1 {
  background: url(../img/png44.png) no-repeat right center;
}
.register .forms1 .w-tr .tr:nth-child(2) .ico1 {
  background: url(../img/png45.png) no-repeat right center;
}
.register .forms1 .w-tr .tr:nth-child(3) .ico1 {
  background: url(../img/png46.png) no-repeat right center;
}
.register .forms1 .w-tr .tr:nth-child(4) .ico1 {
  background: url(../img/png47.png) no-repeat right center;
}
.register .forms1 .w-tr .tr:nth-child(5) .ico1 {
  background: url(../img/png48.png) no-repeat right center;
}
.register .forms1 .w-tr .sel1 {
  display: inline-block;
  width: 84%;
  height: 40px;
  border: none;
  color: #999;
  font-size: 14px;
  line-height: 40px;
  text-indent: 20px;
  background: none;
  vertical-align: top;
}
.register .forms1 .w-tr .con-input {
  display: inline-block;
  height: 40px;
  border: none;
  color: #999;
  font-size: 14px;
  line-height: 40px;
  background: none;
  width: 70%;
  vertical-align: top;
}
.register .forms1 .w-tr .tr1 {
  height: 50px;
  padding: 0;
  border-bottom: none;
}
.register .forms1 .w-tr .radio1 {
  background: #2c419c;
  border: none;
  margin-left: 9px;
  margin-right: 14px;
  vertical-align: middle;
}
.register .forms1 .w-tr .s1 {
  line-height: 50px;
  color: #999;
  font-size: 14px;
  vertical-align: middle;
}
.register .forms1 .w-tr .submit1 {
  display: block;
  width: 100%;
  background: #2c419c;
  text-align: center;
  color: #fff;
  border-radius: 5px;
}
.login1 {
  box-sizing: border-box;
  padding-top: 245px;
  background-size: 102%;
}
.login1 div,
.login1 span,
.login1 p {
  box-sizing: border-box;
}
.login1 .forms1 {
  box-sizing: border-box;
  background: #fff;
  padding: 82px 90px 86px;
  border-radius: 5px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.login1 .forms1 .cap .h6 {
  font-size: 30px;
  color: #2c419c;
  line-height: 30px;
  text-align: center;
}
.login1 .forms1 .cap .fl {
  color: #333;
  font-size: 20px;
  line-height: 20px;
}
.login1 .forms1 .cap .fr {
  font-size: 14px;
  line-height: 30px;
  color: #999;
}
.login1 .forms1 .tologin {
  color: #254ea1;
}
.login1 .forms1 .w-tr .ico1 {
  display: inline-block;
  color: red;
  width: 25px;
  height: 40px;
  line-height: 40px;
  margin-right: 16px;
}
.login1 .forms1 .w-tr .tr {
  height: 70px;
  border-bottom: 1px solid #cecece;
  padding-top: 28px;
}
.login1 .forms1 .w-tr .tr:first-child .ico1 {
  background: url(../img/png44.png) no-repeat right center;
}
.login1 .forms1 .w-tr .tr:nth-child(2) .ico1 {
  background: url(../img/png45.png) no-repeat right center;
}
.login1 .forms1 .w-tr .tr:nth-child(3) .ico1 {
  background: url(../img/png46.png) no-repeat right center;
}
.login1 .forms1 .w-tr .tr:nth-child(4) .ico1 {
  background: url(../img/png47.png) no-repeat right center;
}
.login1 .forms1 .w-tr .tr:nth-child(5) .ico1 {
  background: url(../img/png48.png) no-repeat right center;
}
.login1 .forms1 .w-tr .tr2 {
  margin-top: 10px;
  border-bottom: none;
}
.login1 .forms1 .w-tr .sel1 {
  display: inline-block;
  width: 84%;
  height: 40px;
  border: none;
  color: #999;
  font-size: 14px;
  line-height: 40px;
  text-indent: 20px;
  background: none;
  vertical-align: top;
}
.login1 .forms1 .w-tr .con-input {
  display: inline-block;
  height: 40px;
  border: none;
  color: #999;
  font-size: 14px;
  line-height: 40px;
  background: none;
  width: 70%;
  vertical-align: top;
}
.login1 .forms1 .w-tr .tr1 {
  height: 50px;
  padding: 0;
  border-bottom: none;
}
.login1 .forms1 .w-tr .radio1 {
  background: none;
  border: 1px solid  #ddd;
  border-radius: 50%;
  margin-left: 9px;
  margin-right: 14px;
  vertical-align: middle;
}
.login1 .forms1 .w-tr .radio1:checked{
  background: #2c419c;
}
.login1 .forms1 .w-tr .s1 {
  line-height: 50px;
  color: #999;
  font-size: 14px;
  vertical-align: middle;
}
.login1 .forms1 .w-tr .submit1 {
  display: block;
  width: 100%;
  background: #2c419c;
  text-align: center;
  color: #fff;
  border-radius: 5px;
}
.n-formbox {
  padding: 0 0 120px;
  margin-top: -60px;
}
.applay-tb {
  width: 960px;
  margin: 0 auto;
}
.applay-tb .spred {
  font-size: 18px;
  font-family: Arial;
  color: #F00;
  margin-left: 12px;
}
.applay-tb {
  border: 0;
  border-width: 0 0 1px 1px;
}
.applay-tb td {
  padding: 8px 6px;
  border: 0;
  border-width: 1px 1px 0 0;
  font-size: 14px;
}
.applay-tb td {
  line-height: 1.8;
}
.applay-tb .applay-input {
  width: 180px;
  height: 18px;
  padding: 8px 10px;
  line-height: 18px;
  color: #666;
  border: 1px solid #dddddd;
  box-shadow: 2px 2px 2px #f4f4f4 inset;
  background: #fff;
  font-size: 14px;
}
.applay-tb select.applay-input {
  height: 38px;
  width: 200px;
}
.applay-tb textarea.applay-input {
  width: 820px;
  height: 100px;
}
.applay-tb .applay-input.code {
  width: 90px;
  margin-right: 8px;
}
.applay-tb .submit {
  display: block;
  margin: 0 auto;
  width: 150px;
  height: 35px;
  background: #2c419c;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
  border: none;
}
.n-formbox .form-cap {
  font-size: 36px;
  line-height: 36px;
  color: #2c419c;
  text-align: center;
  padding: 0 0 60px;
}
.applay-tb .error {
  border-color: #D70128;
}
/*
-----------
** 应聘表单手机站  **
-----------
*/
@media (max-width: 767px) {
  .login1 .forms1{
    width: 90%;
  }
  .co .mf4 .co-li .co-a .img{
    height: 75%;
  }
  .co .mf4 .co-li .co-a .txts .p{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .recruit-body{
    background: none !important;
  }
  .recruit-form1{
    padding-top: 130px !important;
  }
  .register .forms1 .w-tr .tr.tr-regi{
    border-bottom: none;
    margin-top: 20px;
  }
  .n-formbox .form-cap{
    font-size: 26px;
    line-height: 26px;
    padding-bottom: 26px;
  }
  .n-formbox {
    padding: 15px;
  }
    .applay-tb {
    width: 100%;
    margin: 0 auto;
  }
    .applay-tb td {
    display: block;
    position: relative;
  }
    .applay-tb td:nth-child(2n+1) {
    float: left;
    width: 20%;
    padding-right: 10px;
    margin-top: 5px;
  }
    .applay-tb textarea.applay-input {
    width: 62%;
  }
    .applay-tb .submit {
    position: relative;
    display: block;
    margin: 20px 0 0 20%;
    left: 14px;
  }
    .applay-tb input[type="file"] {
    width: 180px;
  }
}
@media (max-width: 1640px) {
  .more1 {
    width: 130px;
    border-radius: 17px;
    line-height: 34px;
  }
  .culture .f4{
    margin-bottom: 0;
  }
  .tech .f3 .produce .ms1{
    padding-bottom: 60px;
  }
  .culture .duty .h-tit{
    margin-top: 70px;
  }
  .tech .f3{
    margin-bottom: 0;
  }
  .w103{
    width:100%;
  }
  .more1 .s1 {
    height: 34px;
    background: url(../img/png2.png) no-repeat 90% center;
  }
  .more1 .s2 {
    height: 34px;
  }
  .more1:hover .s1 {
    background: url(../img/png2on.png) no-repeat 90% center;
  }
  .party .his .swiper-slide .con{
    width: 900px;
  }
  .party .his .swiper-slide .con .dt{
    padding-left: 20px;
    width: 50%;
  }
    .nf1 {
    height: 600px;
  }
    .pro .f2 .w-tabs:nth-child(2) {
    /*height: 88px;*/
  }
  .pro .f2 .tab-items {
    width: 16.6%;
  }
    .ach .flex {
    flex-wrap: wrap;
  }
  .ach .f2 .w-tabs:nth-child(2) {
    height: 88px;
  }
  .ach .f2 .tab-items {
    width: 16.6%;
  }
  .ach .forms1 {
    margin-bottom: 126px;
  }
  .ach .forms1 table {
    margin: 0 auto 80px;
  }
  .ach .forms1 .tr2 .td1,
  .ach .forms1 .tr2 .td2,
  .ach .forms1 .tr2 .td3 p {
    padding-left: 24px;
    padding-right: 32px;
  }
  .ach .forms1 .th1,
  .ach .forms1 .td1 {
    /*width: 21%;*/
    width: 252px;
  }
  .ach .forms1 .th2,
  .ach .forms1 .td2 {
    /*width: 30%;*/
    width: 360px;
  }
  .ach .forms1 .th3,
  .ach .forms1 .td3 {
    /*width: 49%;*/
    width: 588px;
  }
  .ach .case1 .w-case-ul {
    overflow: hidden;
  }
  .ach .case1 .w-case-ul .case-li {
    margin-bottom: 100px;
  }
    .w1036 {
    width: 90%;
    overflow: hidden;
  }
    .party .f3 {
    padding: 30px 0 104px;
  }
  .party .his .w-swiper {
    width: 76%;
  }
  .party .his .swiper-slide {
    padding-top: 260px;
  }
  .party .his .swiper-slide .con {
    left: -186px;
  }
  .party .his .swiper-slide .con .year {
    font-size: 100px;
  }
  .party .his .w-his .btns {
    height: 50px;
    top: 60px;
  }
  .party .his .w-his .btns .btn {
    width: 50px;
    height: 50px;
  }
  .party .his .w-his .btns .prev {
    background: url(../img/prev6.png) no-repeat center;
    background-size: 50px;
  }
  .party .his .w-his .btns .prev:hover {
    background: url(../img/prev6on.png) no-repeat center;
    background-size: 50px;
  }
  .party .his .w-his .btns .next {
    background: url(../img/next6.png) no-repeat center;
    background-size: 50px;
  }
  .party .his .w-his .btns .next:hover {
    background: url(../img/next6on.png) no-repeat center;
    background-size: 50px;
  }
  .recruit .f4{
    padding-bottom: 30px;
  }
}
@media (max-width: 1440px){
  .party .his .swiper-slide .con .dt{
    width: 40%;
  }
  .party .his .swiper-slide .con .year{
    font-size: 90px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1640px) {
  .ach .forms1 table,
  .ach .forms1 tbody {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1640px){
  .contact .contact-con .dl .s0{
    width: 40%;
  }
  .contact .contact-con .dl .s1{
    width: 67%;
  }
}
@media(max-width: 1400px){
  .w1420{
    width: 82%;
  }
  .login1{
    padding-top: 168px;
  }
  .register .forms1{
    padding: 36px 60px;
  }
  .register .forms1 .w-tr .tr{
    padding-top: 18px;
    height: 58px;
  }
  .register{
    padding-top: 120px;
  }
  .invest{
    padding-top: 166px;
  }
  .invest .invest-con .invest-ms1{
    padding-top: 60px;
  }
  .invest .invest-con .invest-ms1 .items1,.invest .invest-con .invest-ms1 .items2{
    height: 96px;
  }
  .contact{
    padding-top: 130px;
  }
  .contact .contact-con .dr .con-input{
    height: 40px;
    line-height: 40px;
  }
  .contact .contact-con .dr .textarea1{
    height: 160px;
  }
  .contact .contact-con .dl{
    width: 35%;
  }
  .contact .contact-con .dr{
    width: 60%;
  }
  .contact .contact-con .dr .tr{
    margin-bottom: 20px;
  }
  .contact .contact-con .dl .w-tele{
    margin-bottom: 36px;
  }

}
@media (max-width: 1360px) {
  .more3 {
    width: 140px;
    border-radius: 18px;
    color: #333;
    line-height: 36px;
  }
  .more3 .s2 {
    height: 36px;
    width: 0;
  }
    .pcheader .dl {
    width: 16.8%;
  }
  .pcheader .logo {
    width: 64.4%;
  }
  .pcheader .s1 {
    margin: 0 10px;
  }
  .pcheader .gu {
    width: 21.5%;
  }
  .pcheader .language {
    width: 100px;
    line-height: 36px;
    margin-left: 30px;
    padding-right: 16px;
  }
  .pcheader .h-li {
    width: 70px;
  }
  .pcheader .h-li .h-sub .h-sub-a {
    width: 104px;
  }
    .pcfooter {
    padding-top: 36px;
  }
  .pcfooter .fo-dr {
    padding-left: 6%;
  }
  .pcfooter .fo-dr .h4 {
    margin: 40px 0 24px;
  }
  .pcfooter .fo-form .tr {
    padding-left: 36px;
    width: 216px;
    height: 42px;
    line-height: 42px;
    margin-bottom: 12px;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.06);
  }
  .pcfooter .fo-form .tr .login-input1 {
    float: left;
    display: block;
    width: 66%;
    height: 42px;
    line-height: 42px;
    background: none;
    border: none;
    color: #fefefe;
    font-size: 13px;
  }
  .pcfooter .fo-form .tr1 {
    background: url(../img/png9.png) left 11px center no-repeat;
  }
  .pcfooter .fo-form .tr2 {
    background: url(../img/png10.png) left 11px center no-repeat;
  }
  .pcfooter .fo-form .tr3 {
    padding-left: 0;
    background: #2f2f2f;
    border-width: 0;
  }
  .pcfooter .fo-form .tr3 .login-submit {
    text-align: center;
    width: 100%;
    font-size: 16px;
    color: #fff;
  }
  .pcfooter .ewm {
    margin-top: 30px;
    width: 42.8%;
  }
  .pcfooter .ewm img {
    display: block;
    width: 100%;
    margin-bottom: 18px;
  }
  .pcfooter .ewm .p {
    text-align: center;
    font-size: 15px;
    color: #fefefe;
    line-height: 15px;
  }
    .w1400,
  .w1420,
  .w1468,
  .w1386,
  .w1200,
  .w924,
  .w990 {
    width: 90%;
  }
  .news-ms1.w1200{
    width: 999px;

  }
  .news .news-li .news-a .img,.co .pcf2 .co-li .co-a .img{
    height: 210px;
  }
  .news .news-li .news-a .txts{
    padding: 20px 12px 12px;
  }
  .news .news-li .news-a .txts .p{
    line-height: 22px;
  }
    .nf1 {
    height: 360px;
  }
  .nf1 .txts {
    margin-top: -52px;
    width: 100%;
    height: 104px;
  }
  .nf1 .txts .h2 {
    font-size: 56px;
    line-height: 56px;
    margin-bottom: 24px;
  }
  .nf1 .txts .h6 {
    font-size: 24px;
    line-height: 24px;
  }
    .co .pcf2 .co-ms1 .co-li .co-a .txts {
    padding: 20px 23px 32px 17px;
  }
  .co .pcf2 .co-ms1 .co-li .co-a .txts .h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .co .pcf2 .co-ms1 .co-li .co-a .txts .times1 {
    line-height: 40px;
  }
  .co .pcf2 .co-ms1 .co-li .co-a .txts .p {
    font-size: 14px;
    line-height: 26px;
    color: #999;
    margin-bottom: 22px;
  }
  .co .pcf2 .co-ms1 .co-li .co-a .txts .ico1 {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../img/png1.png) no-repeat center;
    transition: all .3s linear;
  }
  .co .pcf2 .co-ms1 .more1 {
    margin: 43px auto 153px;
  }
  .co .pcf2 .co-ms2 .w-nums {
    padding-top: 14px;
    height: 200px;
    color: #2c419c;
    text-align: center;
  }
  .co .pcf2 .co-ms2 .w-nums .nums1 {
    font-size: 74px;
    line-height: 84px;
  }
  .co .pcf2 .co-ms2 .w-nums .dt {
    height: 40px;
  }
  .co .pcf2 .co-ms2 .w-nums .p1 {
    font-size: 14px;
    color: #333;
  }
  .co .pcf2 .co-ms2 .w-nums .p2 {
    font-size: 13px;
    line-height: 46px;
  }
  .co .f3 .top {
    font-size: 26px;
    line-height: 36px;
    margin: 64px 0 46px;
  }
  .co .f3 .co-ms1 .hides .h2 {
    padding-bottom: 18px;
    font-size: 20px;
    line-height: 24px;
  }
  .co .f3 .co-ms1 .hides .dt {
    font-size: 14px;
    line-height: 24px;
    padding: 16px 0 36px;
  }
  .co .f3 .co-ms1 .hides .more1 {
    border-color: #fff;
    color: #fff;
    height: 34px;
    border-radius: 17px;
    line-height: 34px;
    margin: 0 auto;
  }
  .co .f3 .co-ms1 .hides .s1 {
    height: 34px;
  }
  .co .pcf4 .top {
    font-size: 26px;
    line-height: 36px;
  }
  .co .pcf4 .top .h1 {
    margin: 64px 0 46px;
  }
  .co .pcf4 .top .dt {
    font-size: 16px;
    line-height: 32px;
  }
  .co .pcf4 .top .s1 {
    width: 74px;
    margin: 44px auto 70px;
  }
  .co .pcf4 .co-li {
    width: 20%;
    margin-bottom: 100px;
  }
  .co .pcf4 .co-li .ico1 {
    height: 65px;
  }
  .co .pcf4 .co-li .h3 {
    margin: 20px 0;
    font-size: 16px;
  }
    .about .f2 {
    line-height: 90px;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  }
  .about .f2 .w-n-tab {
    height: 90px;
    line-height: 90px;
  }
  .about .f2 .h2 {
    font-size: 24px;
    color: #2c419c;
  }
  .about .f2 .n-tab {
    width: 83%;
  }
  .about .f2 .n-tab-a {
    display: inline-block;
    width: 11.1%;
    text-align: right;
    font-size: 15px;
    color: #888;
    transition: all .3s linear;
  }
  .about .f2 .n-tab-a.cur, .about .f2 .n-tab-a:hover {
    color: #2c419c;
  }
  .about .nf-title {
    font-size: 36px;
    line-height: 36px;
    color: #010101;
    text-align: center;
    padding: 28px 0;
  }
  .about .f3 .dt {
    margin: 60px auto 80px;
  }
  .about .f3 .dt .dl {
    width: 68.8%;
    font-size: 14px;
    line-height: 28px;
    color: #666;
  }
  .about .f3 .dt .dl .h6 {
    font-size: 19px;
    color: #333;
    margin-bottom: 32px;
  }
  .about .f3 .dt .dr {
    width: 31.2%;
  }
  .about .f3 .dt .dr .img {
    width: 100%;
  }
  .about .f3 .dt .dr .img img {
    width: 84.5%;
  }
  .about .f3 .dt .w-name {
    padding-left: 50%;
    font-size: 16px;
    line-height: 30px;
  }
  .about .f4 {
    padding-bottom: 85px;
  }
  .about .f4 .p1 {
    width: 60%;
    font-size: 18px;
    line-height: 33px;
  }
  .about .f4 .ms1-li {
    text-align: center;
    padding: 30px 0 28px;
    width: 24.25%;
    margin: 50px 1% 48px 0;
  }
  .about .f4 .ms1-li .ico1 {
    display: block;
    height: 76px;
    margin-bottom: 25px;
    transition: all .3s linear;
    background-size: 32% !important;
  }
  .about .f4 .ms1-li .h3 {
    font-size: 44px;
    line-height: 44px;
    font-weight: bold;
    color: #2c419c;
    transition: all .3s linear;
    margin: 24px 0 14px;
    font-family: "seguiemj";
  }
  .about .f4 .ms1-li .p2 {
    font-size: 16px;
    line-height: 16px;
    color: #666;
  }
  .about .f4 .ms2 {
    padding: 0 3%;
    font-size: 14px;
    line-height: 28px;
    color: #777;
  }
  .about .f5 .w-ms1 {
    position: relative;
  }
  .about .f5 .ms1 {
    overflow: hidden;
  }
  .about .f5 .swiper-slide {
    position: relative;
    z-index: 2;
    display: block;
    transition: all .3s linear;
    overflow: hidden;
  }
  .about .f5 .swiper-slide .ms1-img {
    display: block;
    width: 100%;
    height: 100%;
  }
  .about .f6 .ms1-img {
    display: block;
    width: 100%;
    margin: 30px auto 100px;
  }
  .about .f7 {
    position: relative;
    padding: 30px 90px 60px;
  }
  .about .f7 .nf-title {
    color: #fff;
  }
  .about .f7 .ms1 {
    overflow: hidden;
    margin-top: 36px;
    position: relative;
    color: #fff;
  }
  .about .f7 .title-bg {
    height: 75px;
    display: block;
    background: url(../img/png24.png) center no-repeat;
    background-size: 96%;
  }
  .about .f7 .dt .year1 {
    font-family: "bebas";
    font-size: 50px;
    line-height: 124px;
  }
  .about .f7 .dt .ms2-img {
    display: block;
  }
  .about .f7 .dt .txts {
    margin-top: 24px;
    font-size: 14px;
    line-height: 22px;
  }
  .about .f7 .btns {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 166px;
    height: 16px;
    width: 100%;
    padding: 0 60px;
  }
  .about .f8 {
    padding-top: 30px;
  }
  .about .f8 .w-tab {
    text-align: center;
    margin: 36px 0 54px;
  }
  .about .f8 .tab-items {
    display: inline-block;
    width: 160px;
    height: 40px;
    line-height: 40px;
    color: #000;
    font-size: 16px;
    border: 1px solid #bdbdbd;
    border-radius: 20px;
    margin: 0 16px;
  }
  .about .f8 .w-ms1 {
    padding: 0;
    padding-bottom: 0;
  }
  .about .f8 .ms1 {
    overflow: hidden;
  }
  .about .f9 {
    padding: 78px 0;
  }
  .about .f9 .about-a:hover .txts .h2 {
    color: #2c419c;
  }
  .about .f9 .txts {
    background: #fff;
    padding: 20px 16px 36px;
  }
  .about .f9 .txts .h2 {
    font-size: 20px;
    line-height: 20px;
    color: #333;
    transition: all .3s linear;
  }
  .about .f9 .txts .times1 {
    line-height: 40px;
  }
  .about .f9 .txts .p {
    font-size: 14px;
    line-height: 26px;
    margin: 18px 0 20px;
    color: #888;
  }
    .pro .f2 .w-tabs:nth-child(2) {
    /*height: 88px;*/
  }
  .pro .f2 .tabs-cap {
    width: 20%;
  }
  .pro .f2 .tabs {
    width: 80%;
  }
  .pro .f2 .tab-items {
    width: 20%;
  }
  .pro .f3 {
    margin-bottom: 70px;
  }
  .pro .f3 .pro-a .img {
    margin-right: 5.5%;
  }
  .pro .f3 .pro-a .txts {
    width: 45.5%;
  }
  .pro .f3 .pro-a .txts .p {
    max-height: 84px;
    overflow: hidden;
    margin-bottom: 40px;
  }
  .pro .f3 .pages {
    margin-top: 70px;
  }
    .ach .f2 .w-tabs:nth-child(2) {
    height: 88px;
  }
  .ach .f2 .tabs-cap {
    width: 20%;
  }
  .ach .f2 .tabs {
    width: 80%;
  }
  .ach .f2 .tab-items {
    width: 20%;
  }
  .ach .f3 {
    margin-bottom: 70px;
  }
  .ach .f3 .pro-a .img {
    margin-right: 5.5%;
  }
  .ach .f3 .pro-a .txts {
    width: 45.5%;
  }
  .ach .f3 .pro-a .txts .p {
    max-height: 84px;
    overflow: hidden;
    margin-bottom: 40px;
  }
  .ach .f3 .pages {
    margin-top: 70px;
  }
    .culture .nf-title {
    font-size: 36px;
    line-height: 36px;
    padding: 32px 0;
  }
  .culture .f2 .w-n-tab {
    height: 90px;
    line-height: 90px;
  }
  .culture .f2 .h2 {
    font-size: 24px;
  }
  .culture .f2 .n-tab {
    width: 83%;
  }
  .culture .f2 .n-tab-a {
    width: 11.1%;
    font-size: 15px;
  }
  .culture .f3 {
    padding: 30px 0 66px;
  }
  .culture .f3 .w-tab {
    margin-top: 36px;
  }
  .culture .f3 .tab-items {
    padding: 0 44px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    border-radius: 21px;
    margin: 0 12px;
  }
  .culture .f3 .ms1 {
    margin-bottom: 132px;
  }
  .culture .f3 .btns {
    margin-top: -35px;
    height: 70px;
    width: 100%;
  }
  .culture .f3 .btns .btn1 {
    width: 70px;
    height: 70px;
  }
  .culture .f4 {
    margin-bottom: 70px;
  }
  .culture .f4 .txts {
    font-size: 14px;
    line-height: 28px;
    padding: 0 46px 65px;
  }
  .culture .f4 .txts .h2 {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 16px;
  }
  .culture .f4 .culture-ul {
    margin-bottom: 30px;
  }
  .culture .f4 .culture-a .h2 {
    font-size: 16px;
    line-height: 26px;
    padding: 18px 10px;
    text-align: center;
  }
  .culture .duty .culture-a .h3 {
    font-size: 16px;
    line-height: 24px;
    padding: 18px 10px;
  }
  .culture .duty .h-tit {
    font-size: 28px;
    line-height: 28px;
    margin: 70px 0;
  }
  .culture .duty .ms2 {
    padding: 0 0 70px;
  }
  .culture .duty .ms2 .duty-li {
    /*width: 31.6%;*/
    /*margin-right: 2.6%;*/
  }
  .culture .duty .duty-btns1 {
    height: 70px;
  }
  .culture .duty .duty-btns1 .btn1 {
    width: 70px;
    height: 70px;
    margin: 0 20px;
  }
  .culture .duty .duty-down-a1 {
    padding: 42px 30px 16px 26px;
    margin-bottom: 36px;
  }
  .culture .duty .duty-down-a1 .duty-num {
    font-size: 26px;
    line-height: 26px;
  }
  .culture .duty .duty-down-a1 .duty-p {
    font-size: 18px;
    line-height: 24px;
    padding: 10px 5px 16px;
  }
  .culture .duty .duty-down-a1 .more2 {
    margin-top: 20px;
    font-size: 12px;
  }
  .culture .duty .duty-btns2 {
    height: 70px;
    width: 100%;
  }
  .culture .duty .duty-btns2 .btn1 {
    width: 70px;
    height: 70px;
    margin: 0 20px;
  }
  .culture .duty .duty-down-a2 {
    height: 60px;
    line-height: 60px;
    padding: 0 14px 0 26px;
  }
  .culture .duty .duty-down-a2 .duty-num {
    margin-right: 18px;
    font-size: 26px;
  }
  .culture .duty .duty-down-a2 .duty-p {
    font-size: 16px;
  }
  .culture .person {
    margin-bottom: 134px;
  }
  .culture .person .h-tit {
    font-size: 28px;
    line-height: 28px;
    margin: 80px 0 47px;
  }
  .culture .person .per-ul {
    padding-bottom: 26px;
  }
  .culture .wish {
    margin-bottom: 70px;
  }
  .culture .wish .wish-li {
    margin-bottom: 50px;
  }
  .culture .wish .wish-li .h5 {
    margin: 26px 0 15px;
    font-size: 22px;
    line-height: 22px;
  }
  .culture .wish .wish-li .p {
    line-height: 24px;
  }
  .culture .wish .wish-li .line2 {
    bottom: -2px;
    height: 2px;
  }
  .culture .wish .covers1 {
    padding: 40px 56px 0;
    border-bottom-width: 2px;
  }
  .culture .wish .ico1 {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-size: 50%;
  }
  .culture .activity .act-li {
    width: 32.5%;
    margin-right: 1.25%;
    padding: 12px;
    margin-bottom: 20px;
  }
  .culture .activity .act-li .act-a .txts {
    padding: 18px 0 0 18px;
  }
  .culture .activity .act-li .act-a .txts .h2 {
    font-size: 18px;
    line-height: 26px;
  }
  .culture .activity .act-li .act-a .txts .times1 {
    font-size: 13px;
    line-height: 13px;
  }
  .culture .activity .act-li .act-a .txts .p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 18px;
  }
  .culture .activity .act-li .act-a .txts .ico1 {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-size: 30px;
  }
    .tech .f2 {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  }
  .tech .f2 .w-n-tab {
    height: 90px;
    line-height: 90px;
  }
  .tech .f2 .h2 {
    font-size: 24px;
  }
  .tech .f2 .n-tab {
    width: 45%;
  }
  .tech .f2 .n-tab .tab-items {
    display: inline-block;
    width: 33.3%;
    text-align: right;
    font-size: 15px;
  }
  .tech .f3 {
    margin-bottom: 82px;
  }
  .tech .f3 .produce .tech-top .h1 {
    font-size: 36px;
    padding: 70px 0 54px;
  }
  .tech .f3 .produce .items {
    padding-top: 60px;
  }
  .tech .f3 .produce .items .nums1 {
    font-size: 76px;
    line-height: 66px;
  }
  .tech .f3 .produce .items .line1 {
    width: 26px;
    margin: 26px auto 30px;
  }
  .tech .f3 .produce .items .p0 {
    font-size: 18px;
  }
  .tech .f3 .produce .items .p1 {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 56px;
  }
  .tech .f3 .produce .ms1 {
    font-size: 14px;
    line-height: 28px;
    padding-bottom: 100px;
  }
  .tech .f3 .produce .ms2 .h1 {
    font-size: 22px;
    line-height: 48px;
    padding-bottom: 20px;
  }
  .tech .f3 .produce .ms2 .tech-li {
    margin-bottom: 100px;
    width: 31.6%;
    margin-right: 2.6%;
  }
  .tech .f3 .produce .ms2 .tech-li .tech-a .txts {
    padding: 0 66px 0 20px;
    font-size: 16px;
    height: 62px;
    line-height: 62px;
  }
  .tech .f3 .produce .ms2 .btns {
    height: 40px;
    width: 100px;
  }
  .tech .f3 .produce .ms2 .btns .btn1 {
    width: 40px;
    height: 40px;
  }
  .tech .f3 .standard {
    margin-bottom: 82px;
  }
  .tech .f3 .standard .stand-cap {
    color: #333;
    font-size: 36px;
    padding: 70px 0 54px;
    text-align: center;
  }
  .tech .f3 .standard ul.flex {
    margin-bottom: 0;
  }
  .tech .f3 .standard .stand-li .stand-a {
    padding: 10px 0;
  }
  .tech .f3 .standard .stand-li .times {
    padding-right: 24px;
  }
  .tech .f3 .standard .stand-li .times .days {
    font-size: 36px;
    line-height: 40px;
  }
  .tech .f3 .standard .stand-li .txts {
    font-size: 16px;
    padding-left: 16px;
  }
    .company .f3 {
    width: 100%;
  }
  .company .f3 .w-f3 {
    margin-bottom: 36px;
  }
  .company .f3 .w-tab .tab-items {
    font-size: 16px;
    padding: 0 36px;
    margin: 0 10px;
  }
}
.duty .hd-1{
  display: none;
}
@media screen and (min-width: 1024px) and (max-width: 1640px) {
  .about .pcf5 .swiper-slide:hover {
    width: 33% !important;
  }
  .about .mf5 {
    display: none;
  }
}
@media screen and (min-width: 1220px) and (max-width: 1360px) {
  .culture .person .per-li {
    width: 15%;
    margin-right: 2%;
  }
  .culture .person .per-li:nth-child(6n) {
    margin-right: 0;
  }
}
@media (max-width: 1260px) {
  .w1088 {
    width: 100%;
  }
}
@media(min-width: 1220px){
  .culture .f4 .activity .act-li{
    width: 32.5%;
    margin-right: 1.25%;
  }
  .culture .duty .duty-down-a1{
    width: 31.5%;
    margin-right: 1.25%;
  }
  .culture .f4 .activity .act-li:nth-child(2n){
    /*margin-right: 2%;*/
  }
  .culture .duty .duty-down-a1:nth-child(3n){
    margin-right: .2%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1220px){
  .culture .duty .duty-down-a1 {
    width: 48%;
  }
  .culture .duty .duty-down-a1{
    margin-right: 2%;
  }
  .company .zhe .w-zhe .dl{
    padding-top: 0;
  }
}
@media(max-width: 1024px){
  .contact-btns-wrap{
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
  }
  .contact-btns-wrap .btns-wrap-a{
    display: block;
    width: 48%;
    height: 44px;
    line-height: 44px;
    background: #2c419c;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
  }
  .contact-btns-wrap .btns-wrap-a span{
    vertical-align: top;
  }
  .contact-btns-wrap .btns-wrap-a:first-child{
    float: left;
  }
  .contact-btns-wrap .btns-wrap-a:last-child{
    float: right;
  }
  .contact-btns-wrap .con-ico{
    display: inline-block;
    width: 44px;
    height: 44px;
    margin-right: 10px;
  }
  .contact-btns-wrap .ico-tele{
    background: url(../img/telephone.png) no-repeat center;
    background-size: 72%;
  }
  .contact-btns-wrap .ico-addre{
    background: url(../img/address.png) no-repeat center;
    background-size: 72%;
  }
  .w103{
    width: 100%;
  }
  .ach .w-case-ul .btns,.tech .f3 .produce .ms2 .btns{
    display: none !important;
  }
   .w-case-ul .hd-1{
    display: block;
  }
  .news-ms1.w1200{
    width: 90%;
  }
  .w-ul .hd-1,.w-case-ul .hd-1 {
    display: block;
    position: absolute;
    z-index: 2;
    bottom: 60px;
    left: 0;
    width: 100%;
    height: 10px;
    text-align: center;
}
.w-ul .hd-1{
  bottom: 0;
}
  .w-ul .hd-1 .swiper-pagination-bullet,.w-case-ul .hd-1 .swiper-pagination-bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #bfbfbf;
    border-radius: 5px;
}
.w-ul .hd-1 .swiper-pagination-bullet-active,.w-case-ul .hd-1 .swiper-pagination-bullet-active {
    width: 50px;
    background: #2c419c;
}
  .news .news-li .news-a .img{
    height: 40%;
  }
  .news .pagination,.tech .pagination{
    margin: 0 auto;
  }
  .about .mf5 .covers1 .details{
    padding: 0 0 30px 0;
  }
  .about .mf5 .covers1{
    padding: 0;
  }
  .about .mf5 .covers1 .dt2{
    box-shadow: 0 0 .1rem rgba(0,0,0,.1);
    padding: 30px 10px 3px;
  }
  .recruit .f3 .ms1{
    padding-bottom: 40px;
  }
  .party .his .w-swiper{
    padding-bottom: 100px;
  }
  .party .his .w-his .btns{
    display: none;
  }
  .culture .f4{
    margin-bottom: 0;
  }
  .culture .pagination{
    margin: 0 auto;
  }
  .culture .f4 .culture-ul{
    margin-bottom: 0;
  }
  .culture .duty .duty-down-a1 {
    width: 100%;
  }
  .culture .duty .duty-down-a1{
    margin: 0 1%;
  }
  .culture .f4 .duty .duty-down-a1 .more2{
    display: none;
  }
  .duty .hd-1{
      position: absolute;
      z-index: 2;
      bottom: 24px;
      left: 0;
      width: 100%; 
      height: 8px;
      text-align: center;
    }
    .duty .hd-1 .swiper-pagination-bullet{
      display: inline-block;
      width: 8px;
      height: 8px;
      margin: 0 5px;
      background: #fff;
      border-radius: 50%;
    }
    .duty .hd-1 .swiper-pagination-bullet-active{
      background: $mc;
    }
}
@media (max-width: 1220px) {
  .culture .nf-title {
    font-size: 36px;
    line-height: 36px;
    padding: 32px 0;
  }
  .culture .f2 .w-n-tab {
    height: 90px;
    line-height: 90px;
  }
  .culture .f2 .h2 {
    font-size: 24px;
  }
  .culture .f2 .n-tab {
    width: 83%;
  }
  .culture .f2 .n-tab-a {
    width: 11.1%;
    font-size: 15px;
  }

  .culture .f3 {
    width: 100%;
    padding: 30px 0;
  }
  .culture .f3 .w-tab {
    margin-top: 36px;
  }
  .culture .f3 .tab-items {
    font-size: 14px;
    padding: 0 34px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    margin: 0;
  }
  .culture .f3 .ms1 {
    margin-bottom: 102px;
  }
  .culture .f3 .btns {
    margin-top: -35px;
    height: 70px;
    width: 100%;
  }
  .culture .f3 .btns .btn1 {
    width: 70px;
    height: 70px;
  }
  .culture .f4 {
    margin-bottom: 70px;
  }
  .culture .f4 .txts {
    font-size: 14px;
    line-height: 28px;
    padding: 0 6px 36px;
  }
  .culture .f4 .txts .h2 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 16px;
  }
  .culture .f4 .culture-ul {
    margin-bottom: 30px;
  }
  .culture .f4 .culture-a .h2 {
    font-size: 14px;
    line-height: 22px;
    padding: 14px 10px;
  }
  .culture .duty .culture-a .h3 {
    font-size: 16px;
    line-height: 16px;
    padding: 28px 0 20px 18px;
  }
  .culture .duty .h-tit {
    font-size: 28px;
    line-height: 28px;
    margin: 40px 0;
  }
  .culture .duty .ms2 {
    padding: 0 10px 70px;
  }
  .culture .duty .duty-btns1 {
    height: 70px;
  }
  .culture .duty .duty-btns1 .btn1 {
    width: 56px;
    height: 56px;
    margin: 0 20px;
    background-size: cover;
  }
  .culture .duty .duty-down-a1 {
    padding: 42px 30px 16px 26px;
    margin-bottom: 36px;
  }
  .culture .duty .duty-down-a1 .duty-num {
    font-size: 26px;
    line-height: 26px;
  }
  .culture .duty .duty-down-a1 .duty-p {
    font-size: 16px;
    line-height: 24px;
    padding: 14px 5px 16px;
  }
  .culture .duty .duty-down-a1 .more2 {
    margin-top: 20px;
    font-size: 12px;
  }
  .culture .duty .duty-btns2 {
    height: 70px;
    width: 100%;
  }
  .culture .duty .duty-btns2 .btn1 {
    width: 56px;
    height: 56px;
    margin: 0 20px;
    background-size: cover;
  }
  .culture .duty .duty-down-a2 {
    height: 60px;
    line-height: 60px;
    padding: 0 14px 0 26px;
  }
  .culture .duty .duty-down-a2 .duty-num {
    margin-right: 18px;
    font-size: 26px;
  }
  .culture .duty .duty-down-a2 .duty-p {
    font-size: 16px;
  }
  .culture .person {
    margin-bottom: 134px;
  }
  .culture .person .h-tit {
    font-size: 28px;
    line-height: 28px;
    margin: 80px 0 47px;
  }
  .culture .person .per-ul {
    padding-bottom: 26px;
  }
  .culture .wish {
    margin-bottom: 70px;
  }
  .culture .activity .act-li {
    padding: 12px;
    margin-bottom: 20px;
  }
  .culture .activity .act-li .act-a .txts {
    padding: 18px 0 0 18px;
  }
  .culture .activity .act-li .act-a .txts .h2 {
    font-size: 18px;
    line-height: 26px;
  }
  .culture .activity .act-li .act-a .txts .times1 {
    font-size: 13px;
    line-height: 13px;
  }
  .culture .activity .act-li .act-a .txts .p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 18px;
  }
  .culture .activity .act-li .act-a .txts .ico1 {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-size: 30px;
  }
    .party .his .swiper-slide .con .year {
    font-size: 54px;
  }
  .party .his .w-his .btns {
    height: 40px;
    top: 70px;
  }
  .party .his .w-his .btns .btn {
    width: 40px;
    height: 40px;
  }
  .party .his .w-his .btns .prev {
    background: url(../img/prev6.png) no-repeat center;
    background-size: 40px;
  }
  .party .his .w-his .btns .prev:hover {
    background: url(../img/prev6on.png) no-repeat center;
    background-size: 40px;
  }
  .party .his .w-his .btns .next {
    background: url(../img/next6.png) no-repeat center;
    background-size: 40px;
  }
  .party .his .w-his .btns .next:hover {
    background: url(../img/next6on.png) no-repeat center;
    background-size: 40px;
  }
}
@media screen and (min-width: 798px) and (max-width: 1220px) {
  .culture .person .per-li {
    width: 18%;
    margin-right: 2.5%;
  }
  .culture .person .per-li:nth-child(5n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 540px) and (max-width: 798px) {
  .culture .person .per-li {
    width: 23%;
    margin-right: 2%;
  }
  .culture .person .per-li:nth-child(4n) {
    margin-right: 0;
  }
  
}
@media screen and (min-width: 320px) and (max-width: 540px) {
  .culture .person .per-li {
    width: 31%;
    margin-right: 3.5%;
  }
  .culture .person .per-li:nth-child(3n) {
    margin-right: 0;
  }
  .f9 .about-li{
    margin-bottom: 30px;
    width: 100%;
  }
}
@media (max-width: 1170px) {
  .more3 {
    width: 120px;
    border-radius: 15px;
    color: #333;
    line-height: 30px;
    font-size: 12px;
  }
  .more3 .s2 {
    height: 30px;
    width: 0;
  }
    .pro .f2 .w-tabs:nth-child(2) {
    /*height: 88px;*/
  }
  .pro .f2 .w-tabs:first-child .tabs .tab-items:last-child {
    width: 50%;
  }
  .pro .f2 .tabs-cap {
    width: 23%;
  }
  .pro .f2 .tabs {
    width: 77%;
  }
  .pro .f2 .tab-items {
    width: 25%;
  }
  .pro .f3 {
    margin-bottom: 50px;
  }
  .pro .f3 .pro-a .img {
    width: 42%;
    margin-right: 5.5%;
  }
  .pro .f3 .pro-a .txts {
    padding-top: 0;
    padding-right: 10px;
    width: 48%;
  }
  .pro .f3 .pro-a .txts .h2 {
    font-size: 20px;
  }
  .pro .f3 .pro-a .txts .p {
    max-height: 84px;
    overflow: hidden;
    margin-bottom: 30px;
  }
  .pro .f3 .pages {
    margin-top: 50px;
  }
    .ach .f2 .w-tabs:nth-child(2) {
    height: 88px;
  }
  .ach .f2 .w-tabs:first-child .tabs .tab-items:last-child {
    width: 50%;
  }
  .ach .f2 .tabs-cap {
    width: 23%;
  }
  .ach .f2 .tabs {
    width: 77%;
  }
  .ach .f2 .tab-items {
    width: 25%;
  }
  .ach .f3 {
    margin-bottom: 50px;
  }
  .ach .f3 .pro-a .img {
    width: 42%;
    margin-right: 5.5%;
  }
  .ach .f3 .pro-a .txts {
    padding-top: 0;
    padding-right: 10px;
    width: 48%;
  }
  .ach .f3 .pro-a .txts .h2 {
    font-size: 20px;
  }
  .ach .f3 .pro-a .txts .p {
    max-height: 84px;
    overflow: hidden;
    margin-bottom: 30px;
  }
  .ach .f3 .pages {
    margin-top: 50px;
  }
}
@media (max-width: 1100px) {
  .about .nf-title {
    font-size: 32px;
    line-height: 32px;
    color: #010101;
    text-align: center;
    padding: 72px 0 36px;
  }
  .party .his .swiper-slide .con{
    height: 60px;
  }
  .party .his .swiper-slide .con .year{
    width: 100%;
    display: block;
    height: auto;
  }
  .party .his .swiper-slide .con .dt{
    display: block;
    width: 100%;
    height: auto;
    padding-left: 15px;
    padding-top: none !important;
  }
  .party .his .swiper-slide.swiper-slide-active .con{
    height: 166px;
  }
  .party .his{
    background: none;
  }
  .about .f3 .dt {
    margin: 36px auto 70px;
  }
  .about .f3 .dt .dl {
    width: 100%;
    font-size: 14px;
    line-height: 26px;
    color: #666;
  }
  .about .f3 .dt .dl .h6 {
    font-size: 18px;
    color: #333;
    margin-bottom: 32px;
  }
  .about .f3 .dt .dr {
    display: none;
  }
  .about .f4 {
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 95px;
  }
  .about .f4 .p1 {
    width: 70%;
    font-size: 16px;
    line-height: 28px;
    margin: 0 auto;
    color: #444;
    text-align: center;
  }
  .about .f4 .ms1-li {
    text-align: center;
    padding: 24px 0;
    width: 24.25%;
    background: #fff;
    box-shadow: 0 0 15px #ddd;
    margin: 66px 1% 74px 0;
  }
  .about .f4 .ms1-li .ico1 {
    display: block;
    height: 66px;
    margin-bottom: 32px;
    background-size: 32% !important;
  }
  .about .f4 .ms1-li .h3 {
    font-size: 38px;
    line-height: 38px;
    font-weight: bold;
    color: #2c419c;
    transition: all .3s linear;
    margin: 18px 0 14px;
    font-family: "seguiemj";
  }
  .about .f4 .ms1-li .p2 {
    font-size: 18px;
    line-height: 18px;
    color: #666;
  }
  .about .f4 .ms2 {
    padding: 0 3%;
    font-size: 14px;
    line-height: 28px;
    color: #777;
  }
  .about .f5 .w-ms1 {
    position: relative;
  }
  .about .f5 .ms1 {
    overflow: hidden;
  }
  .about .f5 .swiper-slide {
    position: relative;
    z-index: 2;
    display: block;
    transition: all .3s linear;
    overflow: hidden;
  }
  .about .f5 .swiper-slide .ms1-img {
    display: block;
    width: 100%;
    height: 100%;
  }
  .about .f5 .btns {
    height: 100%;
    width: 100%;
  }
  .about .f5 .btns .btn1 {
    width: 60px;
    height: 100%;
  }
  .about .f6 .ms1-img {
    display: block;
    width: 100%;
    margin: 30px auto 160px;
  }
  .about .f7 {
    position: relative;
    padding: 30px 90px 90px;
  }
  .about .f7 .ms1 {
    overflow: hidden;
    margin-top: 36px;
    position: relative;
    color: #fff;
  }
  .about .f7 .title-bg {
    height: 75px;
    display: block;
    background: url(../img/png24.png) center no-repeat;
    background-size: 96%;
  }
  .about .f7 .dt .year1 {
    font-family: "bebas";
    font-size: 44px;
    line-height: 104px;
  }
  .about .f7 .dt .ms2-img {
    display: block;
  }
  .about .f7 .dt .txts {
    margin-top: 24px;
    width: 180px;
    font-size: 14px;
    line-height: 22px;
  }
  .about .f7 .btns {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 166px;
    height: 16px;
    width: 100%;
    padding: 0 60px;
  }
    .pro .f2 {
    padding-bottom: 65px;
  }
    .ach .f2 {
    padding-bottom: 65px;
  }
  .ach .forms1 {
    margin-bottom: 96px;
  }
  .ach .forms1 table {
    margin: 0 auto 60px;
  }
  .ach .forms1 .tr1 {
    height: 44px;
    line-height: 44px;
  }
  .ach .forms1 .tr2 .td1,
  .ach .forms1 .tr2 .td2,
  .ach .forms1 .tr2 .td3 p {
    line-height: 24px;
    padding: 8px 0;
    padding-left: 26px;
    padding-right: 24px;
  }
  .ach .forms1 .th1,
  .ach .forms1 .td1 {
    width: 18%;
  }
  .ach .forms1 .th2,
  .ach .forms1 .td2 {
    width: 30%;
  }
  .ach .forms1 .th3,
  .ach .forms1 .td3 {
    width: 52%;
  }
    .party .his .w-swiper {
    width: 76%;
  }
  .party .his .swiper-slide .con {
    left: 0px;
  }
  .party .his .swiper-slide .con .year {
    font-size: 50px;
    padding: 0 38px 0 0;
  }
}
@media (max-width: 1048px) {
  .pcheader .s1 {
    margin: 0 8px;
  }
  .pcheader .language {
    margin-left: 20px;
  }
  .pcheader .h-li {
    width: 60px;
  }
  .pcheader .h-li .h-sub .h-sub-a {
    width: 98px;
  }
}
@media (min-width: 1024px) {
  .co .pcf2,
  .co .pcf4,
  .co .co-f1 .box_skitter {
    display: block;
  }
  .co .mf2,
  .co .mf4,
  .co .co-f1 .co-ms1 {
    display: none;
  }
  .co .f3 .pc-rotate {
    display: block;
  }
  .co .f3 .m-rotate {
    display: none;
  }
  .co .f3 .hides {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
  }
    .about .f9 .about-li {
    width: 30%;
    margin-right: 5%;
  }
  .about .f9 .about-li:nth-child(3n){
    margin-right: 0;

  }
    .tech .f3 .standard .stand-li:nth-child(2n-1) {
    padding-right: 20px;
  }
  .tech .f3 .standard .stand-li:nth-child(2n) {
    padding-left: 20px;
  }
    .culture .f4 .culture-li{
    width: 31.6%;
    margin-right: 2.6%;
  }
  .culture .f4 .ms2 .duty-li{
    /*margin: 0 10px !important;*/
  }
  .culture .f4 .culture-li:nth-child(3n), .culture .f4 .ms2 .duty-li:nth-child(3n) {
    margin-right: 0;
  }
  .culture .f4 .activity .act-li:nth-child(3n) {
    margin-right: 0;
  }
}
@media (max-width: 1024px) {
  .produce{
    /*overflow: hidden;*/
  }
  .party .his .w-swiper{
    width:100%;
  }
  .party .his{
    margin-bottom: 0;
  }
  .party .his .swiper-slide{
    padding-top: 0;
  }
  .party .his .swiper-slide.swiper-slide-active .con{
    position: static;
    height: auto;
    margin-bottom: 30px !important;
  }
  .party .f3{
    padding-bottom: 30px;
  }
  .party .hd-1{
      display: block;
    position: absolute;
    z-index: 2;
    bottom: 60px;
    left: 0;
    width: 100%;
    height: 10px;
    text-align: center;
    }
    .party .his .swiper-slide .con .year{
      line-height: 48px;
    }
    .party .hd-1 .swiper-pagination-bullet{
            display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #bfbfbf;
    border-radius: 5px;
      }
      .party .hd-1 .swiper-pagination-bullet-active{
            width: 50px;
    background: #2c419c;
      }
  .party .his .swiper-slide .con{
    width: 100%;
  }
  .register .w580{
    margin-bottom: 60px;
  }
  .login1 .forms1{
    margin-bottom: 60px;
  }

  .w1200 {
    width: 92%;
  }
  .pcheader {
    display: none;
  }
  .mheader {
    display: block;
    position: fixed;
    z-index: 7;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: #fff;
  }
  .pcfooter {
    display: none;
  }
  .mfooter {
    display: block;
  }
  .nf1 {
    position: relative;
    height: auto;
    background: none;
    margin-top: 50px;
  }
  .nf1 .txts {
    display: none;
  }
  .nf1 .nf1-img {
    display: block;
    width: 100%;
  }
    .co .banner {
    display: none;
  }
  .co .f3 {
    overflow: hidden;
    background: #fafafa;
    padding: 0;
  }
  .co .f3 .top,.co .mf4 .top{
    font-size: 26px;
    line-height: 36px;
    color: #333;
    text-align: center;
    margin: 50px 0 36px;
  }
  .co .f3 .co-ms1 {
    overflow: hidden;
    padding-bottom: 110px;
  }
  .co .f3 .co-ms1 .hides {
    background: #fff;
    position: static;
    overflow: hidden;
    padding: 30px 10px 30px;
    display: block;
  }
  .co .f3 .co-ms1 .hides .h2 {
    color: #333;
    font-size: 20px;
    line-height: 20px;
    padding-bottom: 0;
  }
  .co .f3 .co-ms1 .hides .dt {
    color: #888;
    height: auto;
    overflow: visible;
    font-size: 14px;
    line-height: 28px;
    margin: 15px 10px 32px;
    padding: 0;
  }
  .co .f3 .co-ms1 .hides .more1 {
    background: #2c419c;
    color: #fff;
    margin: 0;
  }
  .co .f3 .co-ms1 .hides .more1 .s2 {
    display: none;
  }
  .co .f3 .co-ms1 .hides .more1 .s1 {
    background: none;
  }
  .co .f3 .co-btns1 {
    display: none;
  }
  .co .f3 .hd-1 {
    display: block;
    position: absolute;
    z-index: 2;
    bottom: 60px;
    left: 0;
    width: 100%;
    height: 10px;
    text-align: center;
  }
  .co .f3 .hd-1 .swiper-pagination-bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #bfbfbf;
    border-radius: 5px;
  }
  .co .f3 .hd-1 .swiper-pagination-bullet-active {
    width: 50px;
    background: #2c419c;
  }
  .co .pcf2,
  .co .pcf4,
  .co .co-f1 .box_skitter {
    display: none;
  }
  .co .mf2,
  .co .mf4,
  .co .co-f1 .co-ms1 {
    display: block;
  }
  .co .f3 .pc-rotate {
    display: none;
  }
  .co .f3 .m-rotate {
    display: block;
  }
  .co .f3 .hides {
    position: relative;
  }
  .co .co .mf4 .top {
    margin: 46px 0;
  }
    .pro .f2 {
    padding: 30px 0 30px;
  }
  .pro .f2 .w-tabs {
   /* height: 40px !important;*/
    line-height: 40px;
   /* background: #f4f4f4;*/
    padding: 0 15px !important;
    margin-bottom: 10px;
  }
  .pro .f2 .tabs-cap {
    width: auto;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
  }
  .pro .f2 .tabs {
    width: 100%;
    overflow: hidden;
  }
  .pro .f2 .tabs .w-flex {
    overflow: hidden;
  }
  .pro .f2 .tabs .swiper-wrapper.flex {
    flex-wrap: nowrap;
    height: 40px;
  }
  .pro .f2 .w-tabs:nth-child(3) .tabs-cap {
    width: 36%;
  }
  .pro .f2 .w-tabs:nth-child(3) .tabs {
    width: 100%;
  }
  .pro .f2 .tab-items {
    color: #666;
    width: auto;
    height: 40px;
    line-height: 40px;
    text-align: center;
  }
  .pro .f2 .tab-items.cur .s1 {
    display: inline-block;
  }
  .pro .f3 .more3 {
    background: #2c419c;
    color: #fff;
  }
    .ach .f2 {
    padding: 30px 0 30px;
  }
  .ach .f2 .w-tabs {
    height: 40px !important;
    line-height: 40px;
    background: #f4f4f4;
    padding: 0 15px !important;
    margin-bottom: 10px;
  }
  .ach .f2 .tabs-cap {
    width: auto;
    font-size: 16px;
    font-weight: bold;
    width: 30%;
  }
  .ach .f2 .tabs {
    width: 70%;
    overflow: hidden;
  }
  .ach .f2 .tabs .w-flex {
    overflow: hidden;
  }
  .ach .f2 .tabs .flex {
    flex-wrap: nowrap;
    display: block;
    height: 40px;
  }
  .ach .f2 .w-tabs:nth-child(3) .tabs-cap {
    width: 36%;
  }
  .ach .f2 .w-tabs:nth-child(3) .tabs {
    width: 64%;
  }
  .ach .f2 .tab-items {
    display: inline-block;
    color: #666;
    width: auto;
    height: 40px;
    line-height: 40px;
  }
  .ach .f2 .tab-items.cur .s1 {
    display: inline-block;
  }
  .ach .f3 .more3 {
    background: #2c419c;
    color: #fff;
  }
  .ach .case1 .w-case-ul {
    overflow: hidden;
    padding-bottom: 60px;
  }
  .ach .case1 .w-case-ul .case-li {
    margin-bottom: 60px;
  }
    .about .nf-title {
    font-size: 32px;
    line-height: 32px;
    padding: 36px 0;
  }
  .about .f2 {
    display: none;
  }
  .about .f3 .dt {
    margin-bottom: 48px;
  }
  .about .f4 {
    background: #fcfcfc !important;
    padding: 0 15px 30px;
  }
  .about .f4 .p1 {
    width: 96%;
  }
  .about .f4 .ms1-li .h3 {
    font-size: 34px;
    margin: 14px 0 10px;
  }
  .about .f4 .ms1-li .ico1 {
    margin-bottom: 0;
  }
  .about .f4 .w-ul {
    overflow: hidden;
    position: relative;
    padding-bottom: 120px;
  }
  .about .f4 .ms1-li {
    margin-bottom: 0;
  }
  .about .f4 .hd-1 {
    display: block;
  }
  .about .pcf5 {
    display: none;
  }
  .about .mf5 {
    display: block;
  }
  .about .f6 .ms1-img {
    display: block;
    width: 100%;
    margin: 30px auto 60px;
  }
  .about .f7 {
    position: relative;
    padding: 30px 30px 120px;
  }
  .about .f7 .ms1 {
    overflow: hidden;
    margin-top: 36px;
    position: relative;
    color: #fff;
  }
  .about .f7 .title-bg {
    height: 75px;
    display: block;
    background: url(../img/png24.png) center no-repeat;
    background-size: 96%;
  }
  .about .f7 .dt .year1 {
    font-family: "bebas";
    font-size: 44px;
    line-height: 104px;
  }
  .about .f7 .dt .ms2-img {
    display: block;
    width: 66%;
  }
  .about .f7 .dt .txts {
    margin-top: 24px;
    width: 66%;
    font-size: 14px;
    line-height: 22px;
  }
  .about .f7 .btns {
    display: none;
  }
  .about .f7 .hd-1 {
    display: block;
  }
  .about .f7 .hd-1 .swiper-pagination-bullet-active {
    background: #fff;
  }
  .about .f8 {
    width: 100%;
    padding-top: 30px;
  }
  .about .f8 .w-tab {
    text-align: center;
    margin: 36px 0;
  }
  .about .f8 .w-rotate {
    overflow: hidden;
  }
  .about .f8 .tab-items {
    width: 180px;
    height: 36px;
    line-height: 36px;
    color: #000;
    font-size: 18px;
    color: #999;
    margin: 0 6px;
    cursor: pointer;
    transition: all .3s linear;
    opacity: 1;
  }
  .about .f8 .tab-items.cur {
    background: none;
    color: #2c419c;
  }
  .about .f8 .ms1 {
    width: 100%;
    overflow: hidden;
  }
  .about .f8 .ms1 .swiper-slide {
    position: relative;
    z-index: 2;
    transform: scale(0.78);
    transition: all .3s linear;
  }
  .about .f8 .ms1 .swiper-slide .ms1-img {
    display: block;
    width: 100%;
  }
  .about .f8 .ms1 .swiper-slide{
    border: none;
  }
  .about .f8 .ms1 .swiper-slide.swiper-slide-active {
    transform: scale(1);
    border: none;
  }
  .about .f8 .btns {
    display: none;
  }
  .about .f8 .hd-1 {
    display: block;
    position: absolute;
    z-index: 2;
    bottom: 60px;
    left: 0;
    width: 100%;
    height: 10px;
    text-align: center;
  }
  .about .f8 .hd-1 .swiper-pagination-bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #bfbfbf;
    border-radius: 5px;
  }
  .about .f8 .hd-1 .swiper-pagination-bullet-active {
    width: 50px;
    background: #2c419c;
  }
  .about .f9 {
    background: #fcfcfc !important;
    padding: 58px 15px 0;
  }
  .about .f9 .w-f9 {
    position: relative;
    width: 100%;
    padding-bottom: 120px;
  }
  .about .f9 .about-a {
    display: block;
  }
  .about .f9 .about-a .img {
    overflow: hidden;
  }
  .about .f9 .about-a .img img {
    display: block;
    width: 100%;
    transition: all .3s linear;
  }
  .about .f9 .about-a:hover img {
    transform: scale(1.1);
  }
  .about .f9 .about-a:hover .txts .h2 {
    color: #2c419c;
  }
  .about .f9 .txts {
    background: #fff;
    padding: 48px 25px 30px;
  }
  .about .f9 .txts .h2 {
    font-size: 20px;
    line-height: 20px;
    color: #333;
    transition: all .3s linear;
  }
  .about .f9 .txts .times1 {
    line-height: 40px;
  }
  .about .f9 .txts .p {
    font-size: 14px;
    line-height: 26px;
    margin: 38px 0 30px;
    color: #888;
    margin-bottom: 28px;
  }
  .about .f9 .txts .more2 {
    width: 90px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
  }
  .about .f9 .hd-1 {
    display: block;
    position: absolute;
    z-index: 2;
    bottom: 60px;
    left: 0;
    width: 100%;
    height: 10px;
    text-align: center;
  }
  .about .f9 .hd-1 .swiper-pagination-bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #bfbfbf;
    border-radius: 5px;
  }
  .about .f9 .hd-1 .swiper-pagination-bullet-active {
    width: 50px;
    background: #2c419c;
  }
  .about .hd-1 {
    display: block;
    position: absolute;
    z-index: 2;
    bottom: 60px;
    left: 0;
    width: 100%;
    height: 10px;
    text-align: center;
  }
  .about .hd-1 .swiper-pagination-bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #bfbfbf;
    border-radius: 5px;
  }
  .about .hd-1 .swiper-pagination-bullet-active {
    width: 50px;
    background: #2c419c;
  }
    .company .f2 {
    display: none;
  }
  .company .f3 {
    padding: 30px 0 80px;
  }
  .company .f3 .w-tab {
    text-align: center;
    margin-top: 36px;
  }
  .company .f3 .w-tab .tab-items {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    color: #000;
    font-size: 18px;
    border: 1px solid #bdbdbd;
    border-radius: none;
    margin: 0;
    cursor: pointer;
    transition: all .3s linear;
    opacity: .5;
  }
  .company .zhe .w-zhe {
    width: 85.3%;
    margin-bottom: 140px;
  }
  .company .zhe .w-zhe .dl {
    width: 32%;
    padding-top: 130px;
  }
  .company .zhe .w-zhe .dl .h1 {
    color: #2c419c;
    font-size: 33px;
    line-height: 33px;
    font-weight: bold;
  }
  .company .zhe .w-zhe .dl .dt {
    height: auto;
    overflow: hidden;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    margin: 30px 0 52px;
    padding-left: 3px;
  }
  .company .zhe .w-zhe .dl .dt .p {
    position: relative;
  }
  .company .zhe .w-zhe .dl .bot .comp-a {
    display: inline-block;
    width: 140px;
    height: 40px;
    line-height: 40px;
    background: #2c419c url(../img/png31.png) right 22px center no-repeat;
    color: #fff;
    text-indent: 22px;
    border-radius: 20px;
  }
  .company .zhe .w-zhe .dl .bot .btns2 .btn2 {
    display: inline-block;
    width: 58px;
    height: 58px;
    margin: 0 4px;
    cursor: pointer;
    transition: all .3s linear;
  }
  .company .zhe .w-zhe .dr {
    position: relative;
    width: 58.9%;
    overflow: visible;
  }
  .company .zhe .w-zhe .dr .com-img {
    display: block;
    width: 100%;
    height: auto;
  }
  .company .zhe .w-zhe .dr .tempWrap {
    height: 100%!important;
  }
  .company .zhe .w-zhe .dr .hd ul {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 32px;
  }
  .company .zhe .w-zhe .dr .hd ul li {
    height: 24px;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 24px;
    cursor: pointer;
  }
  .company .zhe .w-zhe .dr .pageState {
    display: none;
    top: 50%;
    left: -40px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    font-family: "Arial";
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    color: #2c419c;
    font-size: 18px;
    letter-spacing: 2px;
  }
    .news .f2 {
    display: none;
  }
  .news .f3 .top {
    font-size: 32px;
    line-height: 32px;
    margin: 50px 0;
  }
  .news .news-ms1 {
    padding-bottom: 82px;
  }
  .news .news-ms1 .news-ul {
    margin-bottom: 32px;
  }
  .news .news-li {
    width: 48%;
  }
  .news .news-li:nth-child(2n-1) {
    margin-right: 4%;
  }
  .news .news-li2 {
    width: 48%;
  }
  .news .news-li2 .h2 {
    padding: 10px 0 22px;
    color: #333;
    font-size: 16px;
    line-height: 16px;
  }
  .news .news-li2:nth-child(2n-1) {
    margin-right: 4%;
  }
    .culture .nf-title {
    font-size: 26px;
    padding: 0 0 28px;
  }
  .culture .f2 {
    display: none;
  }
  .culture .f3 {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 20px;
  }
  .culture .f3 .nf-title {
    padding-top: 30px;
  }
  .culture .f3 .ms1 {
    padding-top: 1px;
  }
  .culture .f3 .w-f3 {
    background: #f4f4f4;
    overflow: hidden;
    margin-top: 36px;
  }
  .culture .f3 .w-tab {
    margin: 0;
    overflow: visible;
  }
  .culture .f3 .tab-items {
    font-size: 16px;
    padding: 0;
    height: 50px;
    line-height: 50px;
    border-radius: none;
    border: none;
    opacity: 1;
    text-align: center;
  }
  .culture .f3 .tab-items.cur, .culture .f3 .tab-items:hover {
    background: none;
    color: #2c419c;
    border-color: none;
  }
  .culture .f3 .tab-items.cur .line1, .culture .f3 .tab-items:hover .line1 {
    display: inline-block;
    height: 49px;
    border-bottom: 1px solid #2c419c;
  }
  .culture .duty-btns1, .culture .duty-btns2 {
    display: none;
  }
  .culture .f4 .duty .culture-a {
    position: relative;
  }
  .culture .f4 .duty .culture-a .h3 {
    padding: 28px 0 20px 18px;
  }
  .culture .f4 .duty .h-tit {
    text-align: center;
    font-size: 26px;
    color: #333;
    line-height: 26px;
    margin: 50px 0;
  }
  .culture .f4 .duty .ms2 {
    position: relative;
    overflow: hidden;
    padding: 0;
    padding-bottom: 80px;
  }
  .culture .f4 .duty .duty-down-a1 {
    padding: 20px 10px 20px 10px;
  }
  .culture .f4 .duty .duty-down-a1 .duty-num {
    float: left;
    width: 40px;
    font-size: 20px;
    line-height: 20px;
  }
  .culture .duty .duty-down-a1{
    margin-bottom: 16px;
  }
  .culture .f4 .duty .duty-down-a1 .duty-p {
    float: left;
    width: 91%;
    font-size: 16px;
    line-height: 24px;
    padding: 0 0 20px;
  }
  .culture .f4 .duty .duty-down-a1 .more2 {
    float: none;
    margin-top: 20px;
    background: #e9e9e9;
    color: #333;
    font-size: 12px;
    margin-left: 9%;
  }
  .culture .f4 .duty .ms3 {
    position: relative;
    padding-bottom: 100px;
  }
  .culture .f4 .duty .ms3 .w-ul {
    height: 510px;
    overflow: hidden;
  }
  .culture .f4 .duty .duty-down-a2 {
    height: auto;
    line-height: 24px;
    padding: 16px 5px 0 6px;
    min-height: 50px;
    margin-bottom: 30px;
  }
  .culture .f4 .duty .duty-down-a2 .duty-num {
    width: 9%;
    margin-right: 0;
    font-size: 18px;
  }
  .culture .f4 .duty .duty-down-a2 .duty-p {
    width: 91%;
    font-size: 14px;
    line-height: 24px;
  }
  .duty .pagination{
    margin: 0 auto;
  }
  .culture .f4 .duty .duty-down-a2 .time1 {
    font-size: 12px;
    display: inline-block;
    margin-right: 10px;
  }
  .culture .f4 .hd-1 {
    display: block;
    position: absolute;
    z-index: 2;
    bottom: 80px;
    left: 0;
    width: 100%;
    height: 10px;
    text-align: center;
  }
  .culture .f4 .hd-1 .swiper-pagination-bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #bfbfbf;
    border-radius: 5px;
  }
  .culture .f4 .hd-1 .swiper-pagination-bullet-active {
    width: 50px;
    background: #2c419c;
  }
    .company .nf-title {
    padding: 32px 0 22px;
  }
  .company .f3 {
    width: 100%;
    padding: 0 15px;
  }
  .company .f3 .w-f3 {
    background: #f4f4f4;
    overflow: hidden;
    margin-top: 36px;
  }
  .company .f3 .w-tab {
    margin: 0;
    overflow: visible;
  }
  .company .f3 .w-tab .tab-items {
    font-size: 16px;
    padding: 0;
    height: 50px;
    line-height: 50px;
    border-radius: none;
    border: none;
    opacity: 1;
    text-align: center;
  }
  .company .f3 .w-tab .tab-items.cur, .company .f3 .w-tab .tab-items:hover {
    background: none;
    color: #2c419c;
    border-color: none;
  }
  .company .f3 .w-tab .tab-items.cur .line1, .company .f3 .w-tab .tab-items:hover .line1 {
    display: inline-block;
    height: 49px;
    border-bottom: 1px solid #2c419c;
  }
  .company .hd {
    display: none;
  }
  .company .zhe {
    padding: 0 15px;
  }
  .company .zhe .w-zhe {
    margin-bottom: 100px;
    overflow: hidden;
    display: block;
    width: 100%;
  }
  .company .zhe .w-zhe .dr,
  .company .zhe .w-zhe .dl {
    display: block;
    width: 100%;
    float: none;
  }
  .company .zhe .w-zhe .dl {
    padding: 50px 10px 30px;
    box-shadow: 0 0 6px rgba(0,0,0,.1);
  }
  .company .zhe .w-zhe .dl .h1 {
    font-size: 28px;
  }
  .company .zhe .w-zhe .btns2 {
    display: none;
  }
    .tech .f2 .w-n-tab {
    height: 70px;
    line-height: 70px;
  }
  .tech .f3 {
    margin-bottom: 66px;
  }
  .tech .f3 .produce .tech-top .h1 {
    font-size: 28px;
    padding: 50px 0 40px;
  }
  .tech .f3 .produce .items {
    padding-top: 40px;
  }
  .tech .f3 .produce .items .nums1 {
    font-size: 50px;
    line-height: 46px;
  }
  .tech .f3 .produce .items .line1 {
    width: 26px;
    margin: 26px auto 30px;
  }
  .tech .f3 .produce .items .p0 {
    font-size: 18px;
    color: #2c419c;
  }
  .tech .f3 .produce .items .p1 {
    font-size: 18px;
    line-height: 18px;
    color: #333;
    margin-bottom: 36px;
  }
  .tech .f3 .produce .ms1 {
    font-size: 14px;
    line-height: 28px;
    color: #888;
    padding-bottom: 60px;
  }
  .tech .f3 .produce .ms2 {
    position: relative;
  }
  .tech .f3 .produce .ms2 .h1 {
    color: #2c419c;
    font-weight: bold;
    font-size: 22px;
    line-height: 48px;
    padding-bottom: 20px;
  }
  .tech .f3 .produce .ms2 .tech-li {
    margin-bottom: 60px;
    width: 31.6%;
    margin-right: 2.6%;
  }
  .tech .f3 .produce .ms2 .tech-li .tech-a {
    display: block;
  }
  .tech .f3 .produce .ms2 .tech-li .tech-a .img {
    overflow: hidden;
  }
  .tech .f3 .produce .ms2 .tech-li .tech-a .img img {
    display: block;
    width: 100%;
    transition: all .3s linear;
  }
  .tech .f3 .produce .ms2 .tech-li .tech-a .txts {
    position: relative;
    padding: 0 66px 0 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    background: url(../img/png1.png) no-repeat right 20px center;
    transition: all .3s linear;
    font-size: 16px;
    height: 62px;
    line-height: 62px;
    color: #333;
    overflow: hidden;
    transition: all .3s linear;
  }
  .tech .f3 .produce .ms2 .tech-li .tech-a:hover .txts {
    background: url(../img/png1on.png) no-repeat right 20px center;
  }
  .tech .f3 .produce .ms2 .tech-li .tech-a:hover img {
    transform: scale(1.1);
  }
  .tech .f3 .produce .ms2 .btns {
    height: 40px;
    width: 100px;
  }
  .tech .f3 .produce .ms2 .btns .btn1 {
    width: 40px;
    height: 40px;
  }
  .tech .f3 .standard {
    margin-bottom: 22px;
  }
  .tech .f3 .standard .stand-cap {
    font-size: 28px;
    padding: 50px 0 40px;
  }
  .tech .f3 .standard ul.flex {
    margin-bottom: 0;
    flex-wrap: wrap;
  }
  .tech .f3 .standard .stand-li {
    width: 100%;
  }
  .tech .f3 .standard .stand-li .stand-a {
    padding: 10px 0;
  }
  .tech .f3 .standard .stand-li .times {
    padding-right: 24px;
  }
  .tech .f3 .standard .stand-li .times .days {
    font-size: 36px;
    line-height: 40px;
  }
  .tech .f3 .standard .stand-li .txts {
    font-size: 16px;
    padding-left: 16px;
  }
    .invite {
    padding-bottom: 85px;
  }
  .invite .nf-title {
    padding: 52px 0 36px;
  }
  .invite .f2 {
    margin-bottom: 60px;
  }
  .invite .f2 .invite-cap {
    padding: 30px 0;
    font-size: 30px;
  }
  .invite .f2 .invite-a {
    padding-right: 17px;
  }
  .invite .f2 .invite-a .times {
    display: block;
    float: none;
    width: 100%;
    text-align: left;
    padding-right: 28px;
  }
  .invite .f2 .invite-a .txts {
    float: none;
    width: 100%;
  }
    .contact {
    padding-top: 66px;
    height: auto !important;
  }
  .contact .contact-con {
    width: 100%;
    padding: 0 15px;
    flex-wrap: wrap;
  }
  .contact .contact-con .dl {
    width: 100%;
    float: none;
  }
  .contact .contact-con .dl .w-tele {
    width: 64%;
    margin-bottom: 95px;
  }
  .contact .contact-con .dl .w-tele .dt,
  .contact .contact-con .dl .w-zip .dt{
    font-size: 15px;
    line-height: 32px;
    color: #555;
  }
  .contact .contact-con .dl .w-zip {
    width: 36%;
  }
  .contact .contact-con .dl .cap {
    font-size: 24px;
    font-weight: 100;
  }
  .contact .contact-con .dr {
    float: none;
    width: 100%;
  }
  .contact .contact-con .dr .con-input {
    height: 50px;
    font-size: 16px;
    line-height: 50px;
  }
  .contact .contact-con .dr .p0 {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 11px;
  }
  .contact .contact-con .dr .tr {
    margin-bottom: 30px;
  }
  .contact .contact-con .dr .td1 {
    width: 46.5%;
  }
  .contact .contact-con .dr .td1:first-child {
    margin-right: 7%;
  }
  .contact .contact-con .dr .textarea1 {
    width: 100%;
    height: 210px;
    font-size: 16px;
    line-height: 32px;
    padding: 10px 20px;
  }
  .contact .contact-con .dr .tr1 .td1 .yzm {
    width: 146px;
    width: 118px;
  }
  .contact .contact-con .dr .tr1 .td1 img {
    width: 118px;
    margin-left: 12px;
  }
  .contact .contact-con .dr .tr1 .td3 {
    padding-top: 27px;
  }
  .contact .contact-con .dr .submit {
    width: 146px;
  }
    .invest {
    height: auto !important;
    background-size: cover !important;
    padding: 90px 15px 60px;
  }
  .invest .invest-con .top {
    width: 100%;
    padding-bottom: 34px;
  }
  .invest .invest-con .top .dl {
    width: 100%;
  }
  .invest .invest-con .top .dl .en {
    font-size: 40px;
    line-height: 72px;
  }
  .invest .invest-con .top .dl .cn {
    font-size: 34px;
    line-height: 40px;
    font-weight: bold;
  }
  .invest .invest-con .top .dr {
    width: 100%;
    padding-top: 48px;
    text-align: center;
  }
  .invest .invest-con .top .dr .invest-a {
    display: inline-block;
    width: 34%;
    height: 40px;
    border-radius: 20px;
    margin: 0 11px;
    text-align: center;
    font-size: 17px;
    line-height: 40px;
  }
  .invest .invest-con .invest-ms1 {
    width: 100%;
    flex-wrap: wrap;
    color: #fff;
    padding-top: 66px;
  }
  .invest .invest-con .invest-ms1 .tele1 {
    font-size: 41px;
    line-height: 56px;
  }
  .invest .invest-con .invest-ms1 .tele1 .tit {
    display: inline-block;
  }
  .invest .invest-con .invest-ms1 .tele1 .dt0 {
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
  }
  .invest .invest-con .invest-ms1 .tit {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
    margin-right: 8px;
  }
  .invest .invest-con .invest-ms1 .dt {
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
  }
  .invest .invest-con .invest-ms1 .items1 {
    height: auto;
    width: 100%;
  }
  .invest .invest-con .invest-ms1 .items2 {
    height: auto;
    width: 100%;
  }
  .invest .invest-con .invest-ms1 .linkman {
    padding-top: 0;
    font-size: 18px;
    line-height: 36px;
  }
  .invest .invest-con .invest-ms1 .linkman .tit {
    display: block;
  }
    .party .f2 {
    display: none;
  }
  .party .f3 {
    padding-bottom: 90px;
  }
  .party .f3 .w-tab .tab-items {
    padding: 0 40px;
    height: 40px;
    line-height: 40px;
    color: #000;
    font-size: 16px;
    border-radius: 20px;
    width: 16%;
    margin: 0 10px;
  }
  .party .unite {
    width: 90%;
  }
    .recruit .f2 {
    display: none;
  }
    .login1 {
    padding-top: 60px;
  }
    .register {
    padding-top: 60px;
  }
  .register .w580 {
    width: 500px;
  }
  .register .forms1 .w-tr .tr {
    height: 60px;
    padding-top: 18px;
  }
}
@media screen and (min-width: 767px) and (max-width: 992px) {
  .pro .f3 {
    margin-bottom: 40px;
  }
  .pro .f3 .pro-a .img {
    width: 42%;
    margin-right: 5.5%;
  }
  .pro .f3 .pro-a .txts {
    padding-top: 0;
    padding-right: 10px;
    width: 48%;
  }
  .pro .f3 .pro-a .txts .h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .pro .f3 .pro-a .txts .p {
    max-height: 84px;
    margin-bottom: 10px;
  }
  .pro .f3 .pages {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .culture .wish .wish-li{
    width: 48%;
  }
  .culture .wish .wish-li:nth-child(2n-1){
    margin-right: 4%;
  }
  .culture .f4 .culture-li {
    width: 31.6%;
    margin-right: 2.6%;
  }
  .culture .f4 .culture-li:nth-child(3n) {
    margin-right: 0;
  }
  .culture .f4 .culture-li .activity .act-li {
    width: 32.5%;
    margin-right: 1.25%;
  }
  .culture .f4 .culture-li .activity .act-li:nth-child(3n) {
    margin-right: 0;
  }
  .party .f4 .party-li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 36px;
  }
  .party .f4 .party-li .h2 {
    padding: 20px 0 20px 20px;
  }
  .party .f4 .party-li:nth-child(2n) {
    margin-right: 0;
  }
  .f9 .about-li{
    margin-bottom: 30px;
    width: 48%;
  }
  .f9 .about-li:nth-child(2n-1){
    margin-right: 4%;
  }
  .culture .activity .act-li {
    width: 48%;
    margin-right: 0;
  }
  .culture .activity .act-li:nth-child(2n-1){
    margin-right: 4%;
  }
}
@media screen and (min-width: 520px) and (max-width: 768px) {
  .culture .wish .ico1 {
    width: 80px;
    height: 80px;
  }
  .login1 .forms1{
    width: 65%;
  }
  .culture .wish .covers1 {
    padding: 10px 8px 0;
  }
  .culture .wish .wish-li {
    width: 49%;
    margin-bottom: 32px;
  }
  .culture .wish .wish-li .h5 {
    margin: 15px 0 0;
    font-size: 16px;
    line-height: 16px;
  }
  .culture .wish .wish-li .line1 {
    margin: 5px auto;
  }
  .culture .wish .wish-li:nth-child(2n-1) {
    margin-right: 2%;
  }
  .culture .f4 .culture-li {
    width: 48%;
  }
  .culture .f4 .culture-li:nth-child(2n-1) {
    margin-right: 4%;
  }
  .culture .f4 .activity .act-li {
    margin-right: 0;
    width: 48%;
  }
  .culture .f4 .activity .act-li:nth-child(2n-1) {
    margin-right: 4%;
  }
}
@media (max-width: 990px) {
  .w878 {
    width: 100%;
  }
    .recruit .nf-title {
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    padding: 36px 0;
  }
  .recruit .f1 .s1 {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    margin: 0 24px;
    position: relative;
    top: -18px;
  }
  .recruit .f2 {
    border-bottom: 1px solid #ccc;
    line-height: 90px;
  }
  .recruit .f2 .w-n-tab {
    height: 90px;
    line-height: 90px;
  }
  .recruit .f2 .h2 {
    font-size: 24px;
  }
  .recruit .f2 .n-tab {
    width: 83%;
  }
  .recruit .f2 .n-tab .n-tab-a {
    display: inline-block;
    width: 11.1%;
    text-align: right;
    font-size: 15px;
  }
  .recruit .f3 .items {
    width: 25%;
  }
  .recruit .f3 .items .ico1 {
    display: block;
    height: 127px;
    margin-bottom: 26px;
  }
  .recruit .f3 .items .p {
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    margin-bottom: 56px;
  }
  .recruit .f3 .ms1 {
    font-size: 14px;
    line-height: 28px;
    padding: 0 10px 60px;
  }
  .recruit .f4 {
    background: #fafafa;
    padding-bottom: 20px;
  }
  .recruit .f4 .form1 {
    background: #fff;
    border-bottom: 1px solid #eee;
    padding-bottom: 70px;
  }
  .recruit .f4 .form1 .td {
    display: inline-block;
  }
  .recruit .f4 .form1 .tr {
    flex-wrap: wrap;
  }
  .recruit .f4 .form1 .tr1 {
    background: #2c419c;
    height: 46px;
    font-size: 14px;
    line-height: 46px;
    padding: 0 32px;
    border-bottom: 1px solid #eee;
  }
  .recruit .f4 .form1 .tr1 .td {
    width: 50%;
  }
  .recruit .f4 .form1 .tr1 .td1 {
    display: none;
  }
  .recruit .f4 .form1 .tr1 .td2 {
    width: 50%;
    text-align: right;
  }
  .recruit .f4 .form1 .tr2 {
    height: 44px;
    font-size: 15px;
    line-height: 44px;
    margin: 0 32px;
    border-bottom: 1px solid #eee;
  }
  .recruit .f4 .form1 .tr2 .td {
    width: 50%;
  }
  .recruit .f4 .form1 .tr2 .td0 {
    font-size: 16px;
    transition: all .3s linear;
  }
  .recruit .f4 .form1 .tr2 .td1 {
    display: none;
  }
  .recruit .f4 .form1 .tr2 .td2 {
    width: 50%;
  }
  .recruit .f4 .form1 .hides {
    display: none;
    margin: 0 32px;
  }
  .recruit .f4 .form1 .hides .tr3 {
    padding-top: 20px;
  }
  .recruit .f4 .form1 .hides .tr3 .td {
    width: 50%;
    font-size: 14px;
    line-height: 32px;
    height: auto;
    margin-bottom: 20px;
  }
  .recruit .f4 .form1 .hides .dt {
    flex-wrap: wrap;
    padding-bottom: 10px;
  }
  .recruit .f4 .form1 .hides .dt .h6 {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 18px;
  }
  .recruit .f4 .form1 .hides .dt .line1 {
    display: none;
  }
  .recruit .f4 .form1 .hides .dt .dl {
    width: 100%;
    margin-bottom: 20px;
  }
  .recruit .f4 .form1 .hides .bot {
    padding: 30px 0;
  }
  .recruit .f4 .form1 .hides .bot .re-a {
    display: inline-block;
    width: 130px;
    height: 36px;
    background: #2c419c;
    text-align: center;
    font-size: 14px;
    line-height: 36px;
  }
  .recruit .f4 .form1 .hides .bot .end-span {
    cursor: pointer;
    line-height: 42px;
    font-size: 14px;
  }
}
@media (max-width: 860px) {
  .pro .f3 {
    margin-bottom: 40px;
  }
  .pro .f3 .w-pro-a {
    padding-top: 68px;
  }
  .pro .f3 .pro-a {
    display: block;
    margin-bottom: 54px;
  }
  .pro .f3 .pro-a .img {
    width: 100%;
    margin-right: 0%;
  }
  .pro .f3 .pro-a .txts {
    padding: 20px 30px;
    padding-right: 10px;
    width: 100%;
  }
  .pro .f3 .pro-a .txts .h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .pro .f3 .pro-a .txts .p {
    max-height: 84px;
    margin-bottom: 10px;
  }
  .pro .f3 .pages {
    margin-top: 40px;
  }
}
@media (max-width: 700px) {
  .recruit .hd-1{
    display: block;
    position: absolute;
    left: 0;
    bottom: 40px;
  }
  .recruit .swiper-pagination-bullet{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #bfbfbf;
    border-radius: 5px;
  }
  .recruit .swiper-pagination-bullet-active{
    width: 50px;
    background: #2c419c;
  }
  .recruit .f3 .ms1{
    padding-bottom: 20px;
  }
  .recruit .f3 .w-swiper {
    padding-bottom: 100px;
    position: relative;
    overflow: hidden;
  }
  .recruit .f3 .w-swiper .items .ico1 {
    margin-bottom: 14px;
    background-size: 60% !important;
  }
  .recruit .f3 .w-swiper .items .p {
    margin-bottom: 0;
  }
  .recruit .f3 .w-swiper .hd-1 {
    display: block;
    position: absolute;
    z-index: 2;
    bottom: 50px;
    left: 0;
    width: 100%;
    height: 10px;
    text-align: center;
  }
  .recruit .f3 .w-swiper .hd-1 .swiper-pagination-bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #bfbfbf;
    border-radius: 5px;
  }
  .recruit .f3 .w-swiper .hd-1 .swiper-pagination-bullet-active {
    width: 50px;
    background: #2c419c;
  }
  .recruit .f4 .form1 {
    padding-bottom: 30px;
  }
  .recruit .f4 .form1 .tr1 {
    background: #2c419c;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    padding: 0 15px;
    border-bottom: 1px solid #eee;
  }
  .recruit .f4 .form1 .tr1 .td {
    width: 50%;
  }
  .recruit .f4 .form1 .tr1 .td1 {
    display: none;
  }
  .recruit .f4 .form1 .tr1 .td2 {
    width: 50%;
    text-align: right;
  }
  .recruit .f4 .form1 .tr2 {
    height: 36px;
    font-size: 15px;
    line-height: 36px;
    margin: 0 15px;
    border-bottom: 1px solid #eee;
  }
  .recruit .f4 .form1 .tr2 .td {
    width: 50%;
  }
  .recruit .f4 .form1 .tr2 .td0 {
    font-size: 14px;
  }
  .recruit .f4 .form1 .tr2 .td2 {
    width: 50%;
  }
  .recruit .f4 .form1 .hides {
    margin: 0 15px;
  }
}
@media(max-width: 768px){
  .co .mf4 .co-li .co-a .img{
    height: 70%;
  }
}
@media (max-width: 767px) {
  .culture .f3 .w-f3{
    margin-top: 0;
  }
  .culture .f4 .duty .h-tit{
    margin: 36px 0;
  }
  .culture .f4{
    margin-bottom: 0;
  }
  .culture .f4 .duty .ms3{
    padding-bottom: 70px;
  }
  .culture .f4 .duty .ms2{
    padding-bottom: 40px;
  }
  .culture .f4 .duty .duty-down-a2{
    margin-bottom: 0;
  }
  .culture .f4 .duty .ms3 .w-ul{
    height: auto !important;
  }
  .culture .f4 .duty .duty-down-a1 .duty-num{
    width: 9%;
  }

  .culture .f4 .duty .duty-down-a1{
    padding: 10px;
  }
  .culture .f4 .duty .duty-down-a1 .duty-p{
    padding-bottom: 10px;
  }
  .culture .f4 .duty .ms2 .hd-1{
    bottom: 40px;
  }
  .about .f9 .w-f9 .about-li{
    margin-bottom: 30px;
  }
  .login1{
    padding-top: 80px;
    height: 95%;
  }
  .more3 {
    height: 28px;
    width: 110px;
    border-radius: 14px;
    line-height: 28px;
  }
    .w1200 {
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px;
  }
  .news .f3 .top{
    font-size: 26px;
    line-height: 26px;
    padding: 50px 0 36px;
    margin: 0;
  }
  .pro .f3 {
    margin-bottom: 0;
    padding: 30px 15px 0;
  }
  .pro .f3 .w-f3 {
    background: none;
  }
  .pro .f3 .w-pro-a {
    padding: 35px 0 0;
    border-left: none;
  }
  .pro .f3 .w-pro-a .line1 {
    display: none;
  }
  .pro .f3 .pro-a {
    padding: 0 0 60px;
    display: block;
    margin-bottom: 0;
  }
  .pro .f3 .pro-a .img {
    width: 100%;
    margin-right: 0%;
  }
  .pro .f3 .pro-a .txts {
    padding: 30px 0 0;
    width: 100%;
  }
  .pro .f3 .pro-a .txts .h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .pro .f3 .pro-a .txts .p {
    max-height: 84px;
    margin-bottom: 38px;
  }
    .pages {
    text-align: center;
  }
  .pages .pages1 {
    display: inline-block;
  }
  .pages .pages1 a {
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #666;
    font-size: 12px;
    text-align: center;
    border: 1px solid #e6e6e6;
    border-width: 1px 0 1px 1px;
    background-color: #fff;
    transition: all .3s linear;
  }
  .pages .pages1 .num1:nth-child(3) {
    display: none;
  }
  .pages .pages1 .num1:nth-child(4) {
    display: none;
  }
  .pages .pages1 a:hover,.pages .pages1 a.active {
    border-color: #2c419c;
    color: #fff;
    background-color: #2c419c;
  }
  .pages .pages1 .sheng {
    border-top: none;
    border-bottom: none;
  }
  .pages .pages1 .sheng:hover {
    background: #fff;
    color: #2c419c;
    border-color: #e6e6e6;
  }
  .pages .pages1 .prev1,
  .pages .pages1 .next1 {
    font-size: 13px;
    width: 62px;
    text-align: left;
  }
  .pages .pages1 .prev1 {
    border-left-width: 1px;
    padding-left: 14px;
    background: url(../img/prev4.png) left 4px center no-repeat;
    background-size: 6px;
  }
  .pages .pages1 .prev1:hover {
    background: url(../img/prev4on.png) left 4px center no-repeat;
    background-color: #2c419c;
    background-size: 6px;
  }
  .pages .pages1 .next1 {
    border-right-width: 1px;
    padding-left: 6px;
    background: url(../img/next4.png) 50px center no-repeat;
    background-size: 6px;
  }
  .pages .pages1 .next1:hover {
    background: url(../img/next4on.png) 50px center no-repeat;
    background-color: #2c419c;
    background-size: 6px;
  }
    .co .mf2 {
    padding: 0 15px;
  }
  .co .mf2 .top {
    font-size: 26px;
    line-height: 24px;
    color: #333;
    text-align: center;
  }
  .co .mf2 .top .h1 {
    margin: 50px 0 36px;
  }
  .co .mf2 .top .dt {
    font-size: 16px;
    line-height: 24px;
    color: #666;
    margin-bottom: 36px;
  }
  .co .mf2 .top .s1 {
    display: none;
  }
  .co .mf2 .co-li {
    text-align: center;
    padding: 0 3%;
    width: 20%;
    border-right: 1px solid #f2f6f7;
  }
  .co .mf2 .co-li .ico1 {
    display: block;
    height: 65px;
    transition: all .3s linear;
  }
  .co .mf2 .co-li .h3 {
    font-size: 19px;
    line-height: 19px;
    font-weight: bold;
    color: #222;
    transition: all .3s linear;
    margin: 24px 0 20px;
  }
  .co .mf2 .co-li .dt {
    font-size: 12px;
    line-height: 18px;
    color: #999;
  }
  .co .mf2 .co-li:first-child .ico1 {
    background: url(../img/png4.png) no-repeat center;
  }
  .co .mf2 .co-li:nth-child(2) .ico1 {
    background: url(../img/png5.png) no-repeat center;
  }
  .co .mf2 .co-li:nth-child(3) .ico1 {
    background: url(../img/png6.png) no-repeat center;
  }
  .co .mf2 .co-li:nth-child(4) .ico1 {
    background: url(../img/png7.png) no-repeat center;
  }
  .co .mf2 .co-li:last-child .ico1 {
    background: url(../img/png8.png) no-repeat center;
  }
    .ach .forms1 table,
  .ach .forms1 tbody {
    width: 768px;
  }
    .tech .f2 {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  }
  .tech .f2 .w-n-tab {
    height: 90px;
    line-height: 90px;
  }
  .tech .f2 .h2 {
    font-size: 24px;
  }
  .tech .f2 .n-tab {
    width: 45%;
  }
  .tech .f2 .n-tab .tab-items {
    display: inline-block;
    width: 33.3%;
    text-align: right;
    font-size: 15px;
  }
  .tech .f3 {
    margin-bottom: 0;
  }
  .tech .f3 .produce .tech-top .h1 {
    font-size: 28px;
    padding: 50px 0 40px;
  }
  .tech .f3 .produce .items {
    padding-top: 50px;
  }
  .tech .f3 .produce .items .nums1 {
    font-size: 56px;
    line-height: 46px;
  }
  .tech .f3 .produce .items .line1 {
    width: 26px;
    margin: 12px auto 16px;
  }
  .tech .f3 .produce .items .p0 {
    font-size: 18px;
  }
  .tech .f3 .produce .items .p1 {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 36px;
  }
  .tech .f3 .produce .ms1 {
    font-size: 14px;
    line-height: 28px;
    padding-bottom: 40px;
  }
  .tech .f3 .produce .w-swiper {
    position: relative;
    overflow: hidden;
    padding-bottom: 100px !important;
  }
  .tech .f3 .produce .w-swiper .hd-1 {
    display: block;
    position: absolute;
    z-index: 2;
    bottom: 60px;
    left: 0;
    width: 100%;
    height: 10px;
    text-align: center;
  }
  .tech .f3 .produce .w-swiper .hd-1 .swiper-pagination-bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #bfbfbf;
    border-radius: 5px;
  }
  .tech .f3 .produce .w-swiper .hd-1 .swiper-pagination-bullet-active {
    width: 50px;
    background: #2c419c;
  }
  .tech .f3 .produce .ms2 .w-ul {
    position: relative;
    padding-bottom: 100px;
  }
  .tech .f3 .produce .ms2 .h1 {
    font-size: 22px;
    line-height: 48px;
    padding-bottom: 20px;
  }
  .tech .f3 .produce .ms2 .tech-li {
    margin-bottom: 0;
    width: 31.6%;
    margin-right: 2.6%;
  }
  .tech .f3 .produce .ms2 .tech-li .tech-a .txts {
    padding: 0 66px 0 20px;
    font-size: 16px;
    height: 62px;
    line-height: 62px;
  }
  .tech .f3 .produce .ms2 .btns {
    display: none;
  }
  .tech .f3 .produce .ms2 .hd-1 {
    display: block;
    position: absolute;
    z-index: 2;
    bottom: 50px;
    left: 0;
    width: 100%;
    height: 10px;
    text-align: center;
  }
  .tech .f3 .produce .ms2 .hd-1 .swiper-pagination-bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #bfbfbf;
    border-radius: 5px;
  }
  .tech .f3 .produce .ms2 .hd-1 .swiper-pagination-bullet-active {
    width: 50px;
    background: #2c419c;
  }
.news-info .f2 .cap{
  padding: 50px 0 36px;
}
.activity .pages{
  margin-bottom: 40px;
}
.news-info .f2 .info-dt{
  padding: 20px 0;
}
.news-info .f2 .bot{
  margin-bottom: 60px;
}
  .about .mf5 .covers1 .details {
    padding: 14px 14px 2px 0;
  }
  .about .f7 {
    position: relative;
    padding: 0 10px 100px;
    background-size: auto 100%;
  }
  .about .f7 .nf-title {
    color: #fff;
  }
  .about .f7 .dt .ms2-img {
    width: 100%;
  }
  .about .f7 .ms1 {
    overflow: hidden;
    margin-top: 36px;
    position: relative;
    color: #fff;
  }
  .about .f7 .title-bg {
    height: 75px;
    display: block;
    background: url(../img/png24.png) center no-repeat;
    background-size: 96%;
  }
  .about .f7 .dt .year1 {
    font-size: 38px;
    line-height: 86px;
  }
  .about .f7 .dt .w-txts {
    margin: 20px 0;
    padding: 4px 0 8px 0;
  }
  .about .f8 {
    width: 100%;
    padding-top: 30px;
  }
  .about .f8 .w-tab {
    text-align: center;
    margin: 20px 0 50px;
  }
  .about .f8 .w-rotate {
    overflow: hidden;
  }
  .about .f8 .tab-items {
    width: 88px;
    height: 34px;
    line-height: 34px;
    color: #000;
    font-size: 16px;
    color: #999;
    cursor: pointer;
    transition: all .3s linear;
    opacity: 1;
    margin: 0;
  }
  .about .f8 .tab-items:nth-child(2) {
    margin: 0 4px;
  }
  .about .f8 .tab-items.cur {
    background: none;
    color: #2c419c;
  }
  .about .f8 .ms1 {
    width: 100%;
    overflow: hidden;
  }
  .about .f8 .ms1 .swiper-slide {
    position: relative;
    z-index: 2;
    border-width: 2px;
    transform: scale(0.78);
    transition: all .3s linear;
  }
  .about .f8 .ms1 .swiper-slide .ms1-img {
    display: block;
    width: 100%;
  }
  .about .f8 .ms1 .swiper-slide.swiper-slide-active {
    border-width: 2px;
    transform: scale(1);
  }
  .about .f8 .btns {
    display: none;
  }
  .about .f8 .hd-1 {
    display: block;
    position: absolute;
    z-index: 2;
    bottom: 60px;
    left: 0;
    width: 100%;
    height: 10px;
    text-align: center;
  }
  .about .f8 .hd-1 .swiper-pagination-bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #bfbfbf;
    border-radius: 5px;
  }
  .about .f8 .hd-1 .swiper-pagination-bullet-active {
    width: 50px;
    background: #2c419c;
  }
    .party .nf-title {
    font-size: 28px;
    line-height: 28px;
    padding: 0;
  }
  .party .f3 {
    padding-bottom: 40px;
  }
  .party .f4 .party-li {
    width: 100%;
    margin-bottom: 36px;
  }
  .party .f4 .party-li .h2 {
    padding: 20px 0 20px 20px;
  }
  .party .his {
    overflow: visible;
  }
  .party .his .w-swiper {
    width: 100%;
  }
  .party .his .swiper-slide {
    padding-top: 0;
  }
  .party .his .swiper-slide .con {
    left: 0px;
    height: 126px;
    padding: 0;
    line-height: 36px;
  }
  .party .his .swiper-slide .con .dt {
    display: block;
    padding-left: 20px;
    border-left: none;
  }
  .party .his .swiper-slide .con .year {
    display: block;
    font-size: 50px;
    padding: 10px 38px 0 0;
  }
  .party .his .w-his .btns {
    display: none;
  }
  .party .hd-1 {
    display: block;
    position: absolute;
    z-index: 2;
    bottom: -60px;
    left: 0;
    width: 100%;
    height: 10px;
    text-align: center;
  }
  .party .hd-1 .swiper-pagination-bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #bfbfbf;
    border-radius: 5px;
  }
  .party .hd-1 .swiper-pagination-bullet-active {
    width: 50px;
    background: #2c419c;
  }
    .login1 {
    /*padding-top: 26px;*/
    background-size: cover !important;
  }
  .login1 .w508 {
    width: 92%;
  }
  .login1 .forms1 {
    padding: 32px;
    margin-bottom: 50px;
  }
  .login1 .forms1 .cap .h6 {
    font-size: 24px;
  }
  .login1 .forms1 .w-tr .tr {
    height: 44px;
    padding-top: 10px;
  }
  .login1 .forms1 .w-tr .tr .ico1 {
    background-size: 55% !important;
  }
  .login1 .forms1 .w-tr .con-input {
    font-size: 12px;
    height: 32px;
    line-height: 32px;
  }
  .register .forms1 .w-tr .con-input.yzm{
    width: 40%;
  }
  .contact{
    padding-top: 60px;
  }
.register .forms1 .w-tr .sel1{
  text-indent: 10px;
  width: 70%;
}
.register .forms1 .w-tr .tr11 .ico1{
  margin-right: 0;
}
  .register {
    padding-top: 80px;
    height: 95%;
  }
  .register .w580 {
    width: 66%;
  }
  .register .forms1 {
    padding: 30px 15px;
  }
  .register .forms1 .cap .fl {
    float: none;
    display: block;
    text-align: center;
    color: #2c419c;
    margin-bottom: 20px;
  }
  .register .forms1 .w-tr .tr {
    height: 44px;
    padding-top: 10px;
  }
  .register .forms1 .w-tr .tr .ico1 {
    background-size: 45% !important;
  }
  .register .forms1 .w-tr .con-input {
    font-size: 12px;
  }
}
@media (max-width: 680px) {
  .about .mf5 .dt1 .ico {
    background-size: 100% !important;
  }
  .contact .contact-con .dl .w-tele .s1{
    padding-right: 0;
  }
  .contact {
    padding-top: 86px;
  }
  .contact .contact-con .dl {
    width: 100%;
    float: none;
  }
  .contact .contact-con .dl .w-tele {
    width: 100%;
    margin-bottom: 66px;
  }
  .contact .contact-con .dl .w-zip {
    width: 100%;
    margin-bottom: 40px;
  }
  .contact .contact-con .dr .con-input {
    display: block;
    width: 100%;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
  }
  .contact .contact-con .dr .p0 {
    position: absolute;
    left: 4px;
    top: 0;
    display: inline-block;
    font-size: 14px;
    line-height: 36px;
    margin-bottom: 11px;
  }
  .contact .contact-con .dr .tr {
    margin-bottom: 12px;
  }
  .contact .contact-con .dr .td1 {
    margin-bottom: 12px;
    position: relative;
    width: 100%;
  }
  .contact .contact-con .dr .td1:first-child {
    margin-right: 0%;
  }
  .contact .contact-con .dr .textarea1 {
    width: 100%;
    height: 160px;
    font-size: 14px;
    line-height: 32px;
    padding: 10px 20px;
  }
  .contact .contact-con .dr .tr1 .td1 .yzm {
    width: 120px;
  }
  .contact .contact-con .dr .tr1 .td1 img {
    width: 118px;
    margin-left: 12px;
  }
  .contact .contact-con .dr .tr1 .td3 {
    text-align: center;
    padding-top: 27px;
  }
  .contact .contact-con .dr .submit {
    display: block;
    margin: 0 auto;
    width: 146px;
  }
    .invest {
    padding: 60px 15px 40px;
  }
  .invest .invest-con .top {
    padding-bottom: 24px;
  }
  .invest .invest-con .top .dl {
    width: 100%;
  }
  .invest .invest-con .top .dl .en {
    font-size: 40px;
    line-height: 72px;
  }
  .invest .invest-con .top .dl .cn {
    font-size: 34px;
    line-height: 40px;
  }
  .invest .invest-con .top .dr {
    padding-top: 48px;
    text-align: center;
  }
  .invest .invest-con .top .dr .invest-a {
    display: inline-block;
    width: 42%;
    height: 36px;
    border-radius: 18px;
    margin: 0;
    font-size: 15px;
    line-height: 36px;
  }
  .invest .invest-con .invest-ms1 {
    width: 100%;
    flex-wrap: wrap;
    color: #fff;
    padding-top: 20px;
  }
  .invest .invest-con .invest-ms1 .tele1 {
    font-size: 41px;
    line-height: 56px;
  }
  .invest .invest-con .invest-ms1 .tele1 .tit {
    display: inline-block;
  }
  .invest .invest-con .invest-ms1 .tele1 .dt0 {
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
  }
  .invest .invest-con .invest-ms1 .tit {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
    margin-right: 8px;
  }
  .invest .invest-con .invest-ms1 .dt {
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
  }
    .pro-info .f2 {
    padding-top: 30px;
  }
  .pro-info .f2 .dt0 {
    padding-left: 16px;
  }
  .pro-info .f2 .info-img2 {
    margin-bottom: 16px;
  }
  .pro-info .f2 .pro-info-cap {
    font-size: 24px;
    line-height: 24px;
    color: #2c419c;
    font-weight: bold;
    margin-left: 16px;
  }
  .pro-info .f2 .info-cap {
    margin-bottom: 22px;
    padding-top: 46px;
    font-size: 20px;
    line-height: 20px;
    color: #333;
    height: 84px;
    font-weight: bold;
    margin-left: 46px;
    border-top: 1px solid #eee;
  }
  .pro-info .f2 .info-cap .s1 {
    position: relative;
    left: -16px;
    display: inline-block;
    width: 1px;
    height: 24px;
    background: #2c419c;
  }
  .pro-info .f2 .info-cap .s2 {
    vertical-align: top;
  }
  .pro-info .f2 .dt {
    font-size: 14px;
    line-height: 32px;
    color: #666;
    padding-left: 0;
    margin-bottom: 40px;
  }
  .pro-info .f2 .dt .info-cap2 {
    font-size: 18px;
    color: #333;
    background: url(../img/png37.png) left 0 center no-repeat;
    padding-left: 20px;
  }
  .pro-info .f2 p {
    padding-left: 26px;
  }
  .pro-info .f2 .p {
    background: url(../img/png37.png) left 4px center no-repeat;
  }
  .pro-info .w-lis {
    padding-left: 46px;
  }
  .pro-info .w-lis .w-a {
    border-top: 1px solid #eee;
    padding: 70px 0 75px;
  }
  .pro-info .w-lis .btn-span2 {
    display: block;
    font-size: 16px;
    color: #333;
  }
  .pro-info .w-lis .btn-span2 a {
    font-size: 16px;
    line-height: 28px;
    color: #2c419c;
  }
  .pro-info .w-lis .dr {
    position: relative;
    top: 12px;
    display: inline-block;
    width: 100px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    background: #2c419c;
    border-radius: 16px;
  }
}
@media (max-width: 620px) {
  .about .mf5 .w-ms1 .hd-1{
    bottom: 42px;
  }
  .ach .forms1 {
    margin-bottom: 0;
  }
  .forget-wrap11{
    display: block;
    float: none;
    width: 100%;
  }
  .login1 .forms1 .w-tr .tr1.tr111{
    height: 80px;
  }
  .login1 .forms1 .w-tr .forget-a{
    /*width: 50%;*/
  }
  .ach .forms1 table {
    margin: 0 auto;
  }
  .ach .forms1 .tr1 {
    height: 36px;
    line-height: 36px;
  }
  .ach .forms1 .tr2 .td1,
  .ach .forms1 .tr2 .td2,
  .ach .forms1 .tr2 .td3 p {
    padding-left: 6px;
    padding-right: 6px;
  }
  .ach .forms1 .th1,
  .ach .forms1 .td1 {
    width: 16%;
  }
  .ach .forms1 .th2,
  .ach .forms1 .td2 {
    width: 26%;
  }
  .ach .forms1 .th3,
  .ach .forms1 .td3 {
    width: 48%;
  }
  .news .news-li .news-a .img,.co .pcf2 .co-li .co-a .img{
    height: auto;
  }
    .news .news-ms1 {
    padding-bottom: 32px;
  }
  .news .news-ms1 .news-ul {
    margin-bottom: 0;
  }
  .news .news-li {
    width: 100%;
    margin-bottom: 24px;
  }
  .news .news-li:nth-child(2n-1) {
    margin-right: 0;
  }
  .news .news-li .news-a .txts {
    padding: 14px 18px;
    font-size: 14px;
  }
  .news .news-li .news-a .txts .h2 {
    font-size: 18px;
    line-height: 22px;
  }
  .news .news-li .news-a .txts .times1 {
    line-height: 20px;
  }
  .news .news-li .news-a .txts .p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0;
  }
  .news .news-li .news-a .txts .ico1 {
    display: none;
  }
  .news .news-li2 {
    width: 100%;
    margin-right: 0;
  }
  .news .news-li2 .h2 {
    padding: 18px 0 30px;
  }
    .company .nf-title {
    font-size: 26px;
    padding: 32px 0 0;
  }
  .company .f3 {
    padding-bottom: 30px;
  }
  .company .zhe .w-zhe {
    margin-bottom: 60px;
  }
  .company .zhe .w-zhe .dl {
    padding-top: 22px;
  }
  .company .zhe .w-zhe .dl .h1 {
    font-size: 20px;
  }
  .company .zhe .w-zhe .dl .dt {
    margin-top: 14px;
  }
    .party .his .swiper-slide .con .year {
    font-size: 40px;
  }
  .party .f3 {
    padding-bottom: 30px;
  }
  .party .f3 .w-tab .tab-items {
    padding: 0;
    height: 32px;
    line-height: 32px;
    color: #000;
    font-size: 12px;
    margin: 0 4px;
    width: 25%;
    border-radius: 16px;
    text-align: center;
  }
  .party .party-ul {
    margin-bottom: 0;
  }
  .party .f4 .pages {
    margin-bottom: 40px;
  }
  .party .his {
    /*margin-bottom: 40px;*/
  }
    .about .w-ul {
    padding-bottom: 100px;
  }
  .about .nf-title {
    font-size: 26px;
    line-height: 26px;
    color: #333;
    text-align: center;
    padding: 26px 0;
  }
  .about .f2 {
    display: none;
  }
  .about .f3 .dt {
    margin-top: 0;
    margin-bottom: 36px;
  }
  .about .f4 {
    background: #fcfcfc !important;
    padding: 0 15px;
  }
  .about .f4 .p1 {
    width: 96%;
  }
  .about .f4 .ms1-li {
    margin-top: 40px;
    padding: 0 0 20px;
  }
  .about .f4 .ms1-li .h3 {
    font-size: 16px;
    margin: 0;
    line-height: 30px;
  }
  .about .f4 .ms1-li .ico1 {
    margin-bottom: 0;
    height: 56px;
  }
  .about .f4 .ms1-li .p2 {
    font-size: 12px;
    line-height: 12px;
  }
  .about .f4 .w-ul {
    overflow: hidden;
    position: relative;
    padding-bottom: 80px;
  }
  .about .f4 .ms1-li {
    margin-bottom: 0;
  }
  .about .f4 .hd-1 {
    display: block;
    bottom: 40px;
  }
  .about .pcf5 {
    display: none;
  }
  .about .mf5 {
    display: block;
  }
  .about .mf5 .w-ms1{
    padding-bottom: 40px;
  }
  .about .mf5 .hd-1{
    bottom: 40px;
  }
  .about .f6 .ms1-img {
    display: block;
    width: 100%;
    margin: 30px auto 60px;
  }
  .about .f7 {
    position: relative;
    padding: 0 15px 60px;
  }
  .about .f7 .ms1 {
    overflow: hidden;
    margin-top: 0;
    position: relative;
    color: #fff;
  }
  .about .f7 .title-bg {
    height: 35px;
    display: block;
    background: url(../img/png24.png) center no-repeat;
    background-size: 96%;
  }
  .about .f7 .dt .year1 {
    font-family: "bebas";
    font-size: 34px;
    line-height: 60px;
  }
  .about .f7 .dt .ms2-img {
    display: block;
    width: 100%;
  }
  .about .f7 .dt .txts {
    margin-top: 0;
    padding-right: 5px;
    width: 66%;
    font-size: 14px;
    line-height: 22px;
  }
  .about .f7 .btns {
    display: none;
  }
  .about .f7 .hd-1 {
    display: block;
  }
  .about .f7 .hd-1 .swiper-pagination-bullet-active {
    background: #fff;
  }
  .about .f8 {
    width: 100%;
    padding-top: 0;
  }
  .about .f8 .w-tab {
    text-align: center;
    margin: 0 0 36px;
  }
  .about .f8 .w-rotate {
    overflow: hidden;
  }
  .about .f8 .tab-items {
    width: 84px;
    height: 32px;
    line-height: 32px;
    color: #000;
    font-size: 16px;
    color: #999;
    margin: 0 2px;
    cursor: pointer;
    transition: all .3s linear;
    opacity: 1;
  }
  .about .f8 .tab-items.cur {
    background: none;
    color: #2c419c;
  }
  .about .f8 .ms1 {
    width: 100%;
    overflow: hidden;
  }
  .about .f8 .ms1 .swiper-slide {
    position: relative;
    z-index: 2;
    transform: scale(0.78);
    transition: all .3s linear;
  }
  .about .f8 .ms1 .swiper-slide .ms1-img {
    display: block;
    width: 100%;
  }
  .about .f8 .ms1 .swiper-slide.swiper-slide-active {
    transform: scale(1);
  }
  .about .f8 .btns {
    display: none;
  }
  .about .f8 .hd-1 {
    display: block;
    position: absolute;
    z-index: 2;
    bottom: 60px;
    left: 0;
    width: 100%;
    height: 10px;
    text-align: center;
  }
  .about .f8 .hd-1 .swiper-pagination-bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #bfbfbf;
    border-radius: 5px;
  }
  .about .f8 .hd-1 .swiper-pagination-bullet-active {
    width: 50px;
    background: #2c419c;
  }
  .about .f9 {
    background: #fcfcfc !important;
    padding: 58px 15px 0;
  }
  .about .f9 .txts {
    padding: 20px 5px 20px 5px;
  }
  .about .f9 .txts .p {
    margin: 20px 0;
  }
  .about .f9 .w-f9 {
    position: relative;
    width: 100%;
    padding-bottom: 40px;
  }
  .about .f9 .about-a {
    display: block;
  }
  .about .f9 .about-a .img {
    overflow: hidden;
  }
  .about .f9 .about-a .img img {
    display: block;
    width: 100%;
    transition: all .3s linear;
  }
  .about .f9 .about-a:hover img {
    transform: scale(1.1);
  }
  .about .f9 .about-a:hover .txts .h2 {
    color: #2c419c;
  }
    .tech .f2 .w-n-tab {
    height: 120px;
    line-height: 60px;
    text-align: center;
  }
  .tech .f2 .h2 {
    width: 100%;
    border-bottom: 1px solid #fcfcfc;
  }
  .tech .f2 .n-tab {
    width: 100%;
  }
  .tech .f2 .n-tab .tab-items {
    width: 33%;
    margin-right: 0;
    text-align: center;
  }
  .tech .f3 .standard .stand-li .txts {
    width: 80%;
  }
}
@media (max-width: 520px) {
  .contact-btns-wrap .btns-wrap-a{
    display: block;
    width: 100%;
    /*height: 30px;
    line-height: 30px;*/
    background: #2c419c;
    color: #fff;
    /*font-size: 12px;*/
    border-radius: 5px;
    margin-bottom: 20px;
  }
  .contact-btns-wrap .btns-wrap-a span{
    vertical-align: top;
  }
  .contact-btns-wrap .btns-wrap-a:first-child{
    float: none;
  }
  .contact-btns-wrap .btns-wrap-a:last-child{
    float: none;
  }
  .contact-btns-wrap .con-ico{
    display: inline-block;
    /*width: 30px;
    height: 30px;*/
    margin-right: 5px;
  }
  .contact-btns-wrap .ico-tele{
    background: url(../img/telephone.png) no-repeat center;
    background-size: 74%;
  }
  .contact-btns-wrap .ico-addre{
    background: url(../img/address.png) no-repeat center;
    background-size: 74%;
  }
  .co .mf4 .co-li .co-a .img{
    height: 70%;
  }
  .invest {
    padding: 50px 15px 40px;
  }
  .invest .invest-con .top {
    padding-bottom: 24px;
  }
  .invest .invest-con .top .dl .en {
    font-size: 30px;
    line-height: 52px;
  }
  .invest .invest-con .top .dl .cn {
    font-size: 24px;
    line-height: 40px;
  }
  .invest .invest-con .top .dr {
    padding-top: 48px;
    text-align: center;
  }
  .invest .invest-con .invest-ms1 {
    width: 100%;
    flex-wrap: wrap;
    color: #fff;
    padding-top: 20px;
  }
  .invest .invest-con .invest-ms1 .tele1 {
    font-size: 16px;
    line-height: 26px;
  }
  .invest .invest-con .invest-ms1 .tele1 .tit {
    display: inline-block;
    height: 100%;
    margin-bottom: 16px;
  }
  .invest .invest-con .invest-ms1 .tele1 .dt0 {
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
  }
  .invest .invest-con .invest-ms1 .tit {
    vertical-align: top;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
    margin-right: 8px;
  }
  .invest .invest-con .invest-ms1 .dt {
    vertical-align: top;
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
  }
    .culture .wish .wish-img {
    display: none;
  }
  .culture .wish .covers1 {
    position: relative;
    padding: 50px 28px;
  }
  .culture .wish .covers1 .ico1 {
    background-color: #eee;
  }
  .culture .wish .wish-li {
    width: 100%;
    margin-bottom: 32px;
  }
  .culture .f4 .culture-li {
    width: 100%;
    margin-bottom: 36px;
  }
  .culture .f4 .activity .act-li {
    width: 100%;
  }
  .culture .f4 .culture-a .img,.culture .activity .act-li .act-a .img{
    height: auto;
  }
}
@media (max-width: 480px) {
  .tech .f2 .w-n-tab {
    height: 100px;
    line-height: 50px;
    text-align: center;
  }
  .co .mf4 .co-li .co-a .img{
    height: 68%;
  }
  .tech .f2 .n-tab .tab-items {
    width: 33%;
    margin-right: 0;
    text-align: center;
  }
  .tech .f3 .standard .stand-li .times {
    width: 20%;
  }
  .tech .f3 .standard .stand-li .times .days {
    font-size: 30px;
  }
  .tech .f3 .standard .stand-li .txts {
    width: 80%;
    padding: 0;
    padding-left: 10px;
  }
}
@media (max-width: 460px) {
  .contact .contact-con .dl {
    width: 100%;
    float: none;
  }
  .contact .contact-con .dl .w-tele {
    width: 100%;
    margin-bottom: 66px;
  }
  .contact .contact-con .dl .w-tele .s1 {
    width: 68%;
  }
  .contact .contact-con .dl .s0 {
    width: 32%;
  }
  .contact .contact-con .dl .w-zip {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media (max-width: 414px) {
  .pro .f2 {
    padding-bottom: 0;
  }
  .register .w580{
    width: 92%;
  }
  .pro .f2 .w-tabs:nth-child(3) {
    margin-bottom: 32px;
  }
  .pro .f2 .w-tabs:nth-child(3) .tabs-cap {
    width: 40%;
  }
  /*.pro .f2 .w-tabs:nth-child(3) .tabs {
    width: 60%;
  }*/
  .pro .f2 .w-search {
    padding: 0 15px;
    font-size: 14px;
    line-height: 36px;
  }
  .pro .f2 .w-search .search-input {
    height: 34px;
    width: 70%;
    text-indent: 15px;
  }
  .pro .f2 .w-search .search-btn {
    float: left;
    width: 22%;
    height: 38px;
  }
  .pro .f3 .pro-a {
    padding: 0;
    margin-bottom: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
  .pro .f3 .pro-a .txts {
    padding: 24px 10px 24px;
  }
  .pro .f3 .pages {
    padding-top: 0;
    margin-top: 0;
  }
    .ach .forms1 {
    overflow-x: auto;
    margin-bottom: 0;
  }
  .ach .case1 .case-li {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
  }
  .ach .case1 .case-li .case-a .txts .h2 {
    margin-bottom: 20px;
  }
  .ach .case1 .case-li .case-a .txts .ico1 {
    display: none;
  }
}
@media (max-width: 320px) {
  .applay-tb .spred{
    padding: 6px 0;
  }
  .contact {
    padding-top: 76px;
  }
  .contact .contact-con .dl {
    width: 100%;
    float: none;
  }
  .contact .contact-con .dl .w-tele {
    width: 100%;
    margin-bottom: 66px;
  }
  .contact .contact-con .dl .w-tele .s1 {
    width: 62%;
  }
  .contact .contact-con .dl .s0 {
    width: 38%;
  }
  .contact .contact-con .dl .w-zip {
    width: 100%;
    margin-bottom: 40px;
  }
}
.vbtn{
  position: absolute;
  z-index: 4;
  left: 50%;
  top: 50%;
  margin-top: -14px;
  margin-left: -27px;
  width: 54px;
  height: 28px;
  display: block;
  cursor: pointer;
}
.vbtn.cur{
  z-index: 1;
  opacity: 0;
}
.login1 .forms1 .w-tr .forget-a{
  display: inline-block;
  color: #2c419c;
  line-height: 50px;
  font-size: 14px;
  vertical-align: middle;
}
.login1 .forms1 .w-tr .forget-a:hover{
  color: #2c419c;
}
.f6-img-wrap{
  display: block;
  width: 100%;
  height: 100%;
}
@media(max-width: 1400px){
  .co .co-f1 .hd{
    bottom: 30px;
  }
}
.form-horizontal .controls{
  margin-left: 0 !important;
}
.mheader .nav-btn .line.line1.line11{
  transform: rotateZ(43deg);
}
.mheader .nav-btn .line.line2.line22{
  display: none;
}
.mheader .nav-btn .line.line3.line33{
  transform: rotateZ(-43deg);
}
.zhe .btns2{
  display: none;
}
.person-img{
  display: block;
  width: 100%;
  margin: 0 auto;
}
/*# sourceMappingURL=style.css.map */
.mlanguage {
}
.mlanguage-a {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-top: 10px;
  margin-right: 68px;
  line-height: 30px;
  margin-left: 50px;
  font-size: 16px;
  /*border-radius: 18px;*/
  /*background: url(../img/en3.png) left center no-repeat;*/
  background-size: 30px;
  padding-right: 0;
  text-align: center;
  text-align: right;
  color: #2c419c;
  transition: all .3s linear;
}
.banner-img0 {
  width:100%;
}
@media (max-width: 1023px){ 
 .co .co-f1 {
  position: relative;
  top: 50px;
 }
}