@charset "UTF-8";

@font-face {

  font-family: 'books';

  src: url("../other/BOOKOS.eot");

  src: url("../other/BOOKOS.eot") format("embedded-opentype"), url("../other/BOOKOS.woff2") format("woff2"), url("../other/BOOKOS.woff") format("woff"), url("../other/BOOKOS.ttf") format("truetype"), url("../other/BOOKOS.svg#BOOKOS") format("svg");

}

@font-face {

  font-family: 'bebas';

  src: url("../other/BEBAS.eot");

  src: url("../other/BEBAS.eot") format("embedded-opentype"), url("../other/BEBAS.woff2") format("woff2"), url("../other/BEBAS.woff") format("woff"), url("../other/BEBAS.ttf") format("truetype"), url("../other/BEBAS.svg#BEBAS") format("svg");

}

@font-face {

  font-family: 'seguiemj';

  src: url("../other/SEGUIEMJ.eot");

  src: url("../other/SEGUIEMJ.eot") format("embedded-opentype"), url("../other/SEGUIEMJ.woff2") format("woff2"), url("../other/SEGUIEMJ.woff") format("woff"), url("../other/SEGUIEMJ.ttf") format("truetype"), url("../other/SEGUIEMJ.svg#SEGUIEMJ") format("svg");

}

@font-face {

  font-family: 'proximanova';

  src: url("../other/PROXIMANOVAWEBFONT.eot");

  src: url("../other/PROXIMANOVAWEBFONT.eot") format("embedded-opentype"), url("../other/PROXIMANOVAWEBFONT.woff2") format("woff2"), url("../other/PROXIMANOVAWEBFONT.woff") format("woff"), url("../other/PROXIMANOVAWEBFONT.ttf") format("truetype"), url("../other/PROXIMANOVAWEBFONT.svg#PROXIMANOVAWEBFONT") format("svg");

}

@font-face {

  font-family: 'framd';

  src: url("../other/framd.eot");

  src: url("../other/framd.eot") format("embedded-opentype"), url("../other/framd.woff2") format("woff2"), url("../other/framd.woff") format("woff"), url("../other/framd.ttf") format("truetype"), url("../other/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: 90%;

  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(../images/png2.png) no-repeat 80% center;

}

.more1 .s2 {

  position: absolute;

  left: -1px;

  top: 0;

  display: block;

  z-index: 1;

  height: 48px;

  width: 0;

  background: #00549f;

  border-radius: 24px;

  transition: all .4s linear;

}

.more1:hover {

  color: #00549f;

  border: 1px solid #00549f;

}

.more1:hover .s1 {

  background: url(../images/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: #00549f;

  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 #00549f;

  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: #00549f;

  border-radius: 23px;

  transition: all .4s linear;

}

.more3:hover {

  color: #fff;

  background: #00549f;

}

.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: 60px;
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: #00549f;

  color: #fff;

  background-color: #00549f;

}

.pages .pages1 .sheng {

  border-top: none;

  border-bottom: none;

}

.pages .pages1 .sheng:hover {

  background: #fff;

  color: #00549f;

  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(../images/prev4.png) left 16px center no-repeat;

  background-size: 6px;

}

.pages .pages1 .prev:hover {

  background: url(../images/prev4on.png) left 16px center no-repeat;

  background-color: #00549f;

  background-size: 6px;

}

.pages .pages1 .next {

  border-right-width: 1px;

  padding-left: 12px;

  background: url(../images/next4.png) 70px center no-repeat;

  background-size: 6px;

}

.pages .pages1 .next:hover {

  background: url(../images/next4on.png) 70px center no-repeat;

  background-color: #00549f;

  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: #00549f;

  color: #fff;

  background-color: #00549f;

}

.pagination .sheng {

  border-top: none;

  border-bottom: none;

}

.pagination .sheng:hover {

  background: #fff;

  color: #00549f;

  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(../images/prev4.png) left 16px center no-repeat;

  background-size: 6px;

}

.pagination .prev:hover {

  background: url(../images/prev4on.png) left 16px center no-repeat;

  background-color: #00549f;

  background-size: 6px;

}

.pagination .next {

  border-right-width: 1px;

  padding-left: 12px;

  background: url(../images/next4.png) 70px center no-repeat;

  background-size: 6px;

}

.pagination .next:hover {

  background: url(../images/next4on.png) 70px center no-repeat;

  background-color: #00549f;

  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: 14%;
}

.pcheader .logo {

  display: inline-block;

  width: 191px;

  height: 60px;

  position: relative;

  top: 12px;

  background: url(../images/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(../images/gu.png) no-repeat center;

  background-size: 100%;

  transition: all .3s linear;

}

.pcheader .dr a {

  font-size: 14px;

  color: #fff;

  transition: all .3s linear; padding-right:10px;

}

.pcheader .language {
position: relative;
top: 24px;
display: inline-block;
/*width: 190px;*/
height: 36px;
line-height: 36px;
margin-left: 50px;
/*  border: 1px solid rgba(255, 255, 255, 0.15);
*/
border-radius: 18px;
background: url(../images/en.png) left 0px center no-repeat;
padding-right: 26px;
text-align: right;
transition: all .3s linear;
padding-left:50px;
}

.pcheader .h-li {
}

.pcheader .h-li .h-a {
position: relative;
z-index: 5;
display: block;
height: 100%;
line-height: 84px;
text-align: center;
transition: all .3s linear;
padding: 0 20px;
}

.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; padding:0 20px;

}

.pcheader .h-li .h-sub .h-sub-a:hover {

  color: #00549f;

}

.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: #00549f;

  width: 100%;

}

.pcheader:hover, .pcheader.bg {

  background: #fff;

  border-bottom: 1px solid #eee;

}

.pcheader:hover .logo, .pcheader.bg .logo {

  background: url(../images/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(../images/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(../images/enon.png) left 0px center no-repeat;

}

.pcheader:hover .h-li.cur .h-a .sline, .pcheader.bg .h-li.cur .h-a .sline {

  background: #00549f;

}

.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(../images/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: #00549f;

  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: #00549f;

  color: #fff;

}

.mheader .sub-menu .sub-tit1.on {

  background-color: #00549f;

  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(../images/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(../images/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(../images/png9.png) left 11px center no-repeat;

}

.pcfooter .fo-form .tr2 {

  background: url(../images/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: #00549f;

}

.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: #00549f;

}

.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(../images/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: #00549f;

}

.co .pcf2 .co-li .co-a:hover .ico1 {

  background: url(../images/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: #00549f;

  text-align: center;

}

.co .pcf2 .co-ms2 .w-nums .nums1 {

  font-size: 80px;

  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: #00549f;

  background-color: #00549f;

}

.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(../images/prev7.png) no-repeat center top;

}

.co .f3 .prev:hover {

  background: url(../images/prev7on.png) no-repeat center top;

}

.co .f3 .next {

  right: 35px;

  background: url(../images/next7.png) no-repeat center top;

}

.co .f3 .next:hover {

  background: url(../images/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: 25%;

  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(../images/png4.png) no-repeat center;

}

.co .mf2 .co-li:nth-child(2) .ico1 {

  background: url(../images/png5.png) no-repeat center;

}

.co .mf2 .co-li:nth-child(3) .ico1 {

  background: url(../images/png6.png) no-repeat center;

}

.co .mf2 .co-li:nth-child(4) .ico1 {

  background: url(../images/png7.png) no-repeat center;

}

.co .mf2 .co-li:last-child .ico1 {

  background: url(../images/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: #00549f;

}

.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: #00549f;

}

.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: #00549f;

}

.about .f2 .n-tab {

  width: 83%;

}

.about .f2 .n-tab-a {
display: inline-block;
/*width: 11.1%;*/
text-align: center;
float: inherit;
font-size: 15px;
color: #888;
transition: all .3s linear; padding:0 25px;
}

.about .f2 .n-tab-a.cur, .about .f2 .n-tab-a:hover {

  color: #00549f;

}
.mcurs{  color: #00549f !important;}

.about .nf-title {

  font-size: 36px;

  line-height: 36px;

  color: #010101;

  text-align: center;

  padding: 72px 0 36px;

}

.about .f3 .dt {

  margin: 60px auto 0px;

}

.about .f3 .dt .dl {

  width:100%;

  font-size: 14px;

  line-height: 28px;

  color: #666;

}

.about .f3 .dt .dl .h6 {

  font-size: 16px;

  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: 100%;
font-size: 16px;
line-height: 33px;
margin: 0 auto;
color: #444;
/*text-align: center;*/
max-width: 1200px; text-indent:2em;

}
.about .f4 .p1 p img{ margin:0 auto; text-align:center; display:inherit}
.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: #00549f;

  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;

  overflow: hidden;

}

.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 .covers1 {

  position: absolute;

  z-index: 2;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  color: #fff;

  padding: 0 11%;

  overflow: hidden;

  background: rgba(0, 0, 0, 0.2);

  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(../images/prev3.png) no-repeat center top;

}

.about .pcf5 .btns .prev:hover {

  background: url(../images/prev3on.png) no-repeat center top;

}

.about .pcf5 .btns .next {

  right: 0;

  background: url(../images/next3.png) no-repeat center top;

}

.about .pcf5 .btns .next:hover {

  background: url(../images/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(../images/png190.png) no-repeat center;

}

.about .mf5 .ico2 {

  background: url(../images/png19.png) no-repeat center;

}

.about .mf5 .ico3 {

  background: url(../images/png20.png) no-repeat center;

}

.about .mf5 .ico4 {

  background: url(../images/png21.png) no-repeat center;

}

.about .mf5 .ico5 {

  background: url(../images/png22.png) no-repeat center;

}

.about .mf5 .ico6 {

  background: url(../images/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: #00549f;

}

.about .f6 .ms1-img {

  display: block;

  width: 100%;

  margin: 30px auto 160px;

}

.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(../images/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(../images/prev1.png) no-repeat center;

}

.about .f7 .btns .next {

  background: url(../images/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: #00549f;

  color: #fff;

  border-color: #00549f;

}

.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(../images/prev2.png) no-repeat center;

}

.about .f8 .btns .prev:hover {

  background: url(../images/prev2on.png) no-repeat center;

}

.about .f8 .btns .next {

  background: url(../images/next2.png) no-repeat center;

}

.about .f8 .btns .next:hover {

  background: url(../images/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: #00549f;

}

.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: #00549f;

}

.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: #00549f;

}

.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: #00549f;

  color: #fff;

  border-color: #00549f;

}

.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(../images/prev2.png) no-repeat center;

}

.culture .f3 .btns .prev:hover {

  background: url(../images/prev2on.png) no-repeat center;

}

.culture .f3 .btns .next {

  background: url(../images/next2.png) no-repeat center;

}

.culture .f3 .btns .next:hover {

  background: url(../images/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: #00549f;

}

.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(../images/prev2.png) no-repeat center top;

}

.culture .duty .duty-btns1 .prev:hover {

  background: url(../images/prev2on.png) no-repeat center top;

}

.culture .duty .duty-btns1 .next {

  background: url(../images/next2.png) no-repeat center top;

}

.culture .duty .duty-btns1 .next:hover {

  background: url(../images/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: #00549f;

  color: #fff;

}

.culture .duty .duty-down-a1:hover .duty-num{

  color: #00549f;

}

.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(../images/prev2.png) no-repeat center top;

}

.culture .duty .duty-btns2 .prev:hover {

  background: url(../images/prev2on.png) no-repeat center top;

}

.culture .duty .duty-btns2 .next {

  background: url(../images/next2.png) no-repeat center top;

}

.culture .duty .duty-btns2 .next:hover {

  background: url(../images/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: #00549f;

}

.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: #00549f;

}

.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(../images/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: #00549f;

}

.culture .activity .act-li .act-a:hover .ico1 {

  background: url(../images/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: #00549f;

}

.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: #00549f;

}

.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: #00549f;

  color: #fff;

  border-color: #00549f;

}

.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: #00549f;

  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: #00549f url(../images/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(../images/prev5.png) no-repeat center;

}

.company .zhe .w-zhe .dl .bot .btns2 .prev2:hover {

  background: url(../images/prev5on.png) no-repeat center;

}

.company .zhe .w-zhe .dl .bot .btns2 .next2 {

  background: url(../images/next5.png) no-repeat center;

}

.company .zhe .w-zhe .dl .bot .btns2 .next2:hover {

  background: url(../images/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(../images/prev5.png) no-repeat center;

}

.company .zhe .w-zhe .dr .hd .next{

  background: url(../images/next5.png) no-repeat center;

}

.company .zhe .w-zhe .dr .hd .prev:hover{

  background: url(../images/prev5on.png) no-repeat center;

}

.company .zhe .w-zhe .dr .hd .next:hover{

  background: url(../images/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: #00549f;

}

.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: #00549f;

  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: #00549f;

}

.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: #00549f;

}

.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: #00549f;

  color: #fff;

  border-color: #00549f;

}

.party .his {

  background: url(../images/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(../images/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(../images/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: #00549f;

  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(../images/prev6.png) no-repeat center top;

}

.party .his .w-his .btns .prev:hover {

  background: url(../images/prev6on.png) no-repeat center top;

}

.party .his .w-his .btns .next {

  background: url(../images/next6.png) no-repeat center top;

}

.party .his .w-his .btns .next:hover {

  background: url(../images/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: #00549f;

}

.news .f2 .n-tab {

  width: 100%;

}

.news .f2 .n-tab .n-tab-a {
display: inline-block;
width: auto;
text-align: right;
float: inherit;
font-size: 15px;
color: #888;
cursor: pointer;
transition: all .3s linear; padding-right:50px;
}

.news .f2 .n-tab .n-tab-a.cur, .news .f2 .n-tab .n-tab-a:hover {

  color: #00549f;

}

.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;

}
/********************/
.news2 {

  background: #fcfcfc;

}

.news2 div, .news2 a,

.news2 ul, .news2 li, .news2 span {

  box-sizing: border-box;

}

.news2 .f2 {

  background: #fff;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

  line-height: 90px;

}

.news2 .f2 .w-n-tab {

  height: 90px;

  line-height: 90px;

}

.news2 .f2 .h2 {

  font-size: 24px;

  color: #00549f;

}

.news2 .f2 .n-tab {

  width: 27.5%;

}

.news2 .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;

}

.news2 .f2 .n-tab .n-tab-a.cur, .news .f2 .n-tab .n-tab-a:hover {

  color: #00549f;

}

.news2 .f3 .top {

  font-size: 36px;

  line-height: 36px;

  color: #333;

  text-align: center;

  margin: 70px 0;

}

.news2 .news-ms1 {

  padding-bottom: 122px;

}

.news2 .news-li {

  width: 31.6%;

  margin-bottom: 46px;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}

.news2 .news-li .news-a {

  display: block;

}

.news2 .news-li .news-a .img,.co .pcf2 .co-li .co-a .img {

  height: 268px;

  background: #fff;

  overflow: hidden;

}


/*********end********/

.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;

  font-size: 14px;

  color: #333;

  transition: all .3s linear; text-align:center

}

.news .news-li .news-a .txts .h2 {

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  font-size: 18px;

  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; max-height:48px; overflow:hidden

}

.news .news-li .news-a .txts .ico1 {

  display: inline-block;

  width: 40px;

  height: 40px;

  background: url(../images/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: #00549f;

}

.news .news-li .news-a:hover .ico1 {

  background: url(../images/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;

}

/**********************/

.news2 .news-li .news-a .img img {

  display: block;

  width: 100%;

  height: 100%;

  transition: all .3s linear;

}

.news2 .news-li .news-a .txts {

  padding: 20px 23px 32px 17px;

  font-size: 14px;

  color: #333;

  transition: all .3s linear;

}

.news2 .news-li .news-a .txts .h2 {

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  font-size: 20px;

  line-height: 28px;

}

.news2 .news-li .news-a .txts .times1 {

  line-height: 40px;

}

.news2 .news-li .news-a .txts .p {

  font-size: 14px;

  line-height: 26px;

  color: #999;

  margin-bottom: 22px; max-height:48px; overflow:hidden

}

.news2 .news-li .news-a .txts .ico1 {

  display: inline-block;

  width: 40px;

  height: 40px;

  background: url(../images/png1.png) no-repeat center;

  transition: all .3s linear;

}

.news2 .news-li .news-a:hover img {

  transform: scale(1.1);

}

.news2 .news-li .news-a:hover .txts {

  color: #00549f;

}

.news2 .news-li .news-a:hover .ico1 {

  background: url(../images/png1on.png) no-repeat center;

}

.news2 .news-li2 {

  width: 23.5%;

}

.news2 .news-li2 .news-a {

  display: block;

}

.news2 .news-li2 .newspaper-img {

  display: block;

  width: 100%;

  background: #fff;

}

.news2 .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;

  }

  .news2 .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;

  }


/*********/
 .news2 .news-li2 {

    width: 31.6%;

    margin-right: 2.6%;

  }

  .news2 .news-li2 .h2 {

    padding: 18px 0 30px;

  }

  .news2 .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: #00549f;

  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: 0 auto 45px;
}

.news-info .f2 .info-dt {

  padding: 60px 0 82px;

  font-size: 14px;

  line-height: 28px;

  color: #888;

}
.news-info .f2 .info-dt p{ text-indent:2em;}
.news-info .f2 .info-dt p img{
  width: 80% ! important;
  height: auto ! important;
}
.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: #00549f;

  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: #00549f;

  font-weight: bold;

  padding-left: 30px;

  background: url(../images/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: #00549f;

}

.pro .f2 .tab-items.cur, .pro .f2 .tab-items:hover {

  color: #00549f;

}

.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: #00549f;

  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: #00549f;

}

.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(../images/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: #00549f;

  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: #00549f;

}

.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(../images/png37.png) left 50px center no-repeat;

  padding-left: 72px;

}

.pro-info .f2 p {

  padding-left: 26px;

}

.pro-info .f2 .p {

  background: url(../images/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: #00549f;

}

.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: #00549f;

  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: #00549f;

}

.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: #00549f;

}

.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: #00549f;

  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: #00549f;

}

.recruit .f4 .form1 .tr2 .td1 {

  text-align: center;

}

.recruit .f4 .form1 .tr2 .td2 {

  cursor: pointer;

  color: #00549f;

  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: #00549f;

  text-align: center;

  color: #fff;

  font-size: 16px;

  line-height: 42px;

}

.recruit .f4 .form1 .hides .bot .end-span {

  cursor: pointer;

  color: #00549f;

  line-height: 42px;

  font-size: 14px;

}

.ach div, .ach a,

.ach ul, .ach li, .ach span {

  box-sizing: border-box;

}

.ach .f2 {
padding: 0px 0 0px 0px;
}

.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: #00549f;

  font-weight: bold;

  padding-left: 30px;

  background: url(../images/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: #00549f;

}

.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: #00549f;

  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: #00549f;

  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(../images/cpng1.png) no-repeat center top;

    background-size: 40px;

}

.ach .w-case-ul .btns .prev:hover{

      background-image: url(../images/cpng1on.png);

}

.ach .w-case-ul .btns .next{

    float: right;

    background: url(../images/png1.png) no-repeat center top;

    background-size: 40px;

}

.ach .w-case-ul .btns .next:hover{

      background-image: url(../images/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: #00549f;

  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(../images/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: #00549f;

}

.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(../images/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: #00549f;

}

.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: #00549f;

}

.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: #00549f;

}

.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: #00549f;

  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(../images/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(../images/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(../images/cpng1.png) no-repeat center top;

  background-size: 40px;

}

.tech .f3 .produce .ms2 .btns .prev:hover {

  background-image: url(../images/cpng1on.png);

}

.tech .f3 .produce .ms2 .btns .next {

  float: right;

  background: url(../images/png1.png) no-repeat center top;

  background-size: 40px;

}

.tech .f3 .produce .ms2 .btns .next:hover {

  background-image: url(../images/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: #00549f;

}

.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: #00549f;

}

.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: #00549f;

}

.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(../images/png43.png) no-repeat 20px 22px;

}

.invite .f2 .invite-a.overdue{

  background: #fff url(../images/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: #00549f;

}

.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: #00549f;

  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: 70px;
background-size: cover !important;
padding-bottom: 30px;
}

.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: #00549f;

  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: left;
}

.contact .contact-con .dr .submit {

  display: inline-block;

  width: 146px;

  background: #00549f;

  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(../images/png44.png) no-repeat right center;

}

.register .forms1 .w-tr .tr:nth-child(2) .ico1 {

  background: url(../images/png45.png) no-repeat right center;

}

.register .forms1 .w-tr .tr:nth-child(3) .ico1 {

  background: url(../images/png46.png) no-repeat right center;

}

.register .forms1 .w-tr .tr:nth-child(4) .ico1 {

  background: url(../images/png47.png) no-repeat right center;

}

.register .forms1 .w-tr .tr:nth-child(5) .ico1 {

  background: url(../images/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: #00549f;

  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: #00549f;

  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: #00549f;

  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(../images/png44.png) no-repeat right center;

}

.login1 .forms1 .w-tr .tr:nth-child(2) .ico1 {

  background: url(../images/png45.png) no-repeat right center;

}

.login1 .forms1 .w-tr .tr:nth-child(3) .ico1 {

  background: url(../images/png46.png) no-repeat right center;

}

.login1 .forms1 .w-tr .tr:nth-child(4) .ico1 {

  background: url(../images/png47.png) no-repeat right center;

}

.login1 .forms1 .w-tr .tr:nth-child(5) .ico1 {

  background: url(../images/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: #00549f;

}

.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: #00549f;

  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: #00549f;

  font-size: 16px;

  color: #fff;

  cursor: pointer;

  border: none;

}

.n-formbox .form-cap {

  font-size: 36px;

  line-height: 36px;

  color: #00549f;

  text-align: center;

  padding: 0 0 60px;

}

.applay-tb .error {

  border-color: #D70128;

}

/*

-----------

** 应聘表单手机站  **

-----------

*/

@media (max-width: 767px) {

  .login1 .forms1{

    width: 90%;

  }
#pictureViewer > .content{
  width: 100% ! important;
}

  a.z-crt{
    background: #00549f ! important;
  }

  .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(../images/png2.png) no-repeat 90% center;

  }

  .more1 .s2 {

    height: 34px;

  }

  .more1:hover .s1 {

    background: url(../images/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(../images/prev6.png) no-repeat center;

    background-size: 50px;

  }

  .party .his .w-his .btns .prev:hover {

    background: url(../images/prev6on.png) no-repeat center;

    background-size: 50px;

  }

  .party .his .w-his .btns .next {

    background: url(../images/next6.png) no-repeat center;

    background-size: 50px;

  }

  .party .his .w-his .btns .next:hover {

    background: url(../images/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: 190px;
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(../images/png9.png) left 11px center no-repeat;

  }

  .pcfooter .fo-form .tr2 {

    background: url(../images/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(../images/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: #00549f;

    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: 25%;
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: #00549f;

  }

  .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: #00549f;

  }

  .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: 100%;

    font-size: 16px;

    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: #00549f;

    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(../images/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: #00549f;

  }

  .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: #00549f;

    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(../images/telephone.png) no-repeat center;

    background-size: 72%;

  }

  .contact-btns-wrap .ico-addre{

    background: url(../images/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: #00549f;

}

  .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;

  }

  .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(../images/prev6.png) no-repeat center;

    background-size: 40px;

  }

  .party .his .w-his .btns .prev:hover {

    background: url(../images/prev6on.png) no-repeat center;

    background-size: 40px;

  }

  .party .his .w-his .btns .next {

    background: url(../images/next6.png) no-repeat center;

    background-size: 40px;

  }

  .party .his .w-his .btns .next:hover {

    background: url(../images/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: #00549f;

    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(../images/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: #00549f;

      }

  .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: #00549f;

    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: #00549f;

  }

  .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: #00549f;

    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: #00549f;

    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(../images/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: #00549f;

  }

  .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: #00549f;

  }

  .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: #00549f;

  }

  .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: #00549f;

  }

  .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: #00549f;

  }

    .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: #00549f;

    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: #00549f url(../images/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: #00549f;

    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%;

  }
  
  /*********************************/
      .news2 .f2 {

    display: none;

  }

  .news2 .f3 .top {

    font-size: 32px;

    line-height: 32px;

    margin: 50px 0;

  }

  .news2 .news-ms1 {

    padding-bottom: 82px;

  }

  .news2 .news-ms1 .news-ul {

    margin-bottom: 32px;

  }

  .news2 .news-li {

    width: 48%;

  }

  .news2 .news-li:nth-child(2n-1) {

    margin-right: 4%;

  }

  .news2 .news-li2 {

    width: 48%;

  }

  .news2 .news-li2 .h2 {

    padding: 10px 0 22px;

    color: #333;

    font-size: 16px;

    line-height: 16px;

  }

  .news2 .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: #00549f;

    border-color: none;

  }

  .culture .f3 .tab-items.cur .line1, .culture .f3 .tab-items:hover .line1 {

    display: inline-block;

    height: 49px;

    border-bottom: 1px solid #00549f;

  }

  .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: #00549f;

  }

    .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: #00549f;

    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 #00549f;

  }

  .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: #00549f;

  }

  .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: #00549f;

    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(../images/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(../images/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: #00549f;

    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: #00549f;

    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: #00549f;

  }

  .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: #00549f;

  }

  .recruit .f4 .form1 {

    padding-bottom: 30px;

  }

  .recruit .f4 .form1 .tr1 {

    background: #00549f;

    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: 45px;
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: #00549f;

    color: #fff;

    background-color: #00549f;

  }

  .pages .pages1 .sheng {

    border-top: none;

    border-bottom: none;

  }

  .pages .pages1 .sheng:hover {

    background: #fff;

    color: #00549f;

    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(../images/prev4.png) left 4px center no-repeat;

    background-size: 6px;

  }

  .pages .pages1 .prev1:hover {

    background: url(../images/prev4on.png) left 4px center no-repeat;

    background-color: #00549f;

    background-size: 6px;

  }

  .pages .pages1 .next1 {

    border-right-width: 1px;

    padding-left: 6px;

    background: url(../images/next4.png) 50px center no-repeat;

    background-size: 6px;

  }

  .pages .pages1 .next1:hover {

    background: url(../images/next4on.png) 50px center no-repeat;

    background-color: #00549f;

    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; */
/* padding-top: 20px; */
}

  .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(../images/png4.png) no-repeat center;

  }

  .co .mf2 .co-li:nth-child(2) .ico1 {

    background: url(../images/png5.png) no-repeat center;

  }

  .co .mf2 .co-li:nth-child(3) .ico1 {

    background: url(../images/png6.png) no-repeat center;

  }

  .co .mf2 .co-li:nth-child(4) .ico1 {

    background: url(../images/png7.png) no-repeat center;

  }

  .co .mf2 .co-li:last-child .ico1 {

    background: url(../images/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: #00549f;

  }

  .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: #00549f;

  }

.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 24px 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(../images/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: #00549f;

  }

  .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: #00549f;

  }

    .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: #00549f;

  }

    .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: #00549f;

    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: #00549f;

    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: #00549f;

  }

  .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(../images/png37.png) left 0 center no-repeat;

    padding-left: 20px;

  }

  .pro-info .f2 p {

    padding-left: 26px;

  }

  .pro-info .f2 .p {

    background: url(../images/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: #00549f;

  }

  .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: #00549f;

    border-radius: 16px;

  }

}

@media (max-width: 620px) {

  .about .mf5 .w-ms1 .hd-1{

    bottom: 12px;

  }

  .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;

  }
  /*******************************/
  
    .news2 .news-li .news-a .img,.co .pcf2 .co-li .co-a .img{

    height: auto;

  }

    .news2 .news-ms1 {

    padding-bottom: 32px;

  }

  .news2 .news-ms1 .news-ul {

    margin-bottom: 0;

  }

  .news2 .news-li {

    width: 100%;

    margin-bottom: 24px;

  }

  .news2 .news-li:nth-child(2n-1) {

    margin-right: 0;

  }

  .news2 .news-li .news-a .txts {

    padding: 14px 18px;

    font-size: 14px;

  }

  .news2 .news-li .news-a .txts .h2 {

    font-size: 18px;

    line-height: 22px;

  }

  .news2 .news-li .news-a .txts .times1 {

    line-height: 20px;

  }

  .news2 .news-li .news-a .txts .p {

    font-size: 14px;

    line-height: 22px;

    margin-bottom: 0;

  }

  .news2 .news-li .news-a .txts .ico1 {

    display: none;

  }

  .news2 .news-li2 {

    width: 100%;

    margin-right: 0;

  }

  .news2 .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(../images/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: #00549f;

  }

  .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: #00549f;

  }

  .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: #00549f;

  }

    .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: #00549f;

    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(../images/telephone.png) no-repeat center;

    background-size: 74%;

  }

  .contact-btns-wrap .ico-addre{

    background: url(../images/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: #00549f;

  line-height: 50px;

  font-size: 14px;

  vertical-align: middle;

}

.login1 .forms1 .w-tr .forget-a:hover{

  color: #00549f;

}

.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(../images/en3.png) left center no-repeat;*/

  background-size: 30px;

  padding-right: 0;

  text-align: center;

  text-align: right;

  color: #00549f;

  transition: all .3s linear;

}

.banner-img0 {

  width:100%;

}

@media (max-width: 1023px){ 

 .co .co-f1 {

  position: relative;

  top: 50px;

 }

}

/************************footer****************/
.footer{
    width: 74%;
    margin: 0 auto;
    position: relative;
}
li {
    list-style: none;
}
.g_ft{height: 310px;padding-top:28px;background: #3a3a3a}

.a00{margin-right:55px;float: left;width: 23%; padding-top:50px;}

.a00 dt img{width:320px;height: 80px;}

.a00 dt a{width: 320px;height: 80px;display: block;margin-bottom:20px;}

.a00 dd{font-size: 14px;color: #fff;font-weight: normal;text-align: center;}

.a00 dd em{font-size: 14px;color: #fff;font-weight: normal;display: block;padding-top: 8px;}

.a01{float: left;width: 26%;background: url(../images/footline.jpg) no-repeat;/* padding-left: 20px; */padding-top: 10px;margin-top: 20px;}

.a01 a{font-size: 16px;color: #ffffff;display: block;width: 50%;text-align: center;float: left;margin-bottom:20px;}

.a01 h2{height:49px;margin-bottom: 25px;display: block;}

.a01 p{font-size: 14px;color: #fff;font-weight: normal;line-height: 30px;height: 30px;}

.a01 p a{color: #fff;}

.a02{float: left;width: 35%;background: url(../images/footline.jpg) no-repeat;padding-left: 70px;/*padding-top: 10px;*/margin-top: 20px;}

.a02 h1{font-size: 20px;color: #ffffff;margin-bottom: 25px;font-weight: normal}

.a02 li{float: left;width: 295px;font-size: 14px;color: #ffffff;margin-bottom: 20px;line-height:24px;}

.a02 li img{margin-right: 15px;position: relative;}

.a02 h2{height:49px;margin-bottom: 25px;display: block;}

.a02 a{font-size: 14px;color: #fff;font-weight: normal;line-height: 30px;height: 30px;

  width: 95px;float: left;text-align: left;}

.a03{float: right;width: 231px;}

.a03 h2{height:49px;margin-bottom: 25px;display: block;}

.a03 .cur{margin-right: 20px;}

.a03 a {width: 105px;text-align: center;float: left;

  line-height: 40px;font-size: 14px;color: #fff;}

.a03 a img{width:105px; height:105px;}

        .client-2 {

            position: fixed;

            right: -170px;

            top: 50%;

            z-index: 900;

        }

        

        .client-2 li a {

            text-decoration: none;

        }

        .client-2 li {

            margin-top: 1px;

            clear: both;

            height: 71px;

            position: relative;

        }

        

        .client-2 li i {

            background: url(../images/fx.png) no-repeat;

            display: block;

            width: 30px;

            height: 27px;

            margin: 0px auto;

            text-align: center;

        }

        

        .client-2 li p {

            height: 20px;

            font-size: 14px;

            line-height: 20px;

            overflow: hidden;

            text-align: center;

            color: #fff;

        }

        

        .client-2 .my-kefu-qq i {

            background-position: 4px 5px;

        }

        

        .client-2 .my-kefu-tel i {

            background-position: 0 -21px;

        }

        

        .client-2 .my-kefu-liuyan i {

            background-position: 4px -53px;

        }

        

        .client-2 .my-kefu-weixin i {

            background-position: -34px 4px;

        }

        

        .client-2 .my-kefu-weibo i {

            background-position: -30px -22px;

        }

        

        .client-2 .my-kefu-ftop {

            display: none;

        }

        

        .client-2 .my-kefu-ftop i {

            width: 33px;

            height: 35px;

            background-position: -27px -51px;

        }

        

        .client-2 .my-kefu-left {

            float: left;

            width: 77px;

            height: 47px;

            position: relative;

        }

        

        .client-2 .my-kefu-tel-right {

            font-size: 16px;

            color: #fff;

            float: left;

            height: 24px;

            line-height: 22px;

            padding: 0 15px;

            border-left: 1px solid #fff;

            margin-top: 14px;

        }

        

        .client-2 .my-kefu-right {

            width: 20px;

        }

        

        .client-2 .my-kefu-tel-main {

            background: #d01434;

            color: #fff;

            height: 56px;

            width: 247px;

            padding:9px 0 6px;

            float: left;

        }

        

        .client-2 .my-kefu-main {

            background: #d01434;

            width: 97px;

            height: 56px;

            position: relative;

            padding:9px 0 6px;

            float: left;

        }

        

        .client-2 .my-kefu-weixin-pic {

            position: absolute;

            left: -130px;

            top: -24px;

            display: none;

            z-index: 333;

        }

        

        .my-kefu-weixin-pic img {

            width: 115px;

            height: 115px;

        }
.kecopy {
    width: 100%;
    height: 66px;
    background: #232323;
}
.kecopy .lewd {
    width: 1200px;
    margin: 0 auto;
    line-height: 66px;
    font-size: 14px;
    color: #969696;
}
.kecopy .lewd {
    width: 74%;
    margin: 0 auto;
    line-height: 66px;
    font-size: 14px;
    color: #969696;
}
.kecopy .lewd span {
    display: block;
    float: right;
}
 /*****************INDEX CASE**************/   
.lists{ float:left; width:100%; margin-bottom:70px;}

.lists ul li{ float:left; width:33.3%; position:relative; overflow:hidden;}

.lists ul li .item{ position:absolute;bottom:15%;left:0; width:80%; margin:0 10%; color:#fff;}

.lists ul li .item span{ margin-bottom:5px;display:block; font-size:30px;}

.lists ul li .item p{ display:block; font-size:14px;}

.lists ul li .item i{ display:block; height:1px;margin:25px 0;background:#fff; width:100px;}

.lists ul li .item em img{ width:auto;}

a, a:focus, a:hover {
    text-decoration: none;
}
a {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.lists ul li:hover img, .products .list li:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.pic-scale {
    -webkit-transition: opacity 0.55s, -webkit-transform 0.55s;
    transition: opacity 0.55s, transform 0.55s;
    -webkit-transform: scale(1);
    transform: scale(1);
}



@media (max-width:1024px) and (min-width:769px){

.lists ul li .item span{ font-size:28px;}

}

@media (max-width:960px){

.lists ul li{ width:100%;}	

.lists ul li img{ width:100%;}

}





@media (max-width:320px){

.lists ul li .item span{ font-size:20px;}

.lists ul li .item em img{ height:25px;}


}


/**************************************************************************************************/
/*图片放大*/
#fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; }
#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url(../images/fancybox.png); }
#fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; }
#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; }
#fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; }
#fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; }
#fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; }
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; }
#fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url(../images/fancybox.png) -40px 0px; cursor: pointer; z-index: 1103; display: none; }
#fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; }
#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; }
#fancybox-frame { width: 100%; height: 100%; border: none; display: block; }
#fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url(../images/blank.gif); z-index: 1102; display: none; }
#fancybox-left { left: 0px; }
#fancybox-right { right: 0px; }
#fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }
#fancybox-left-ico { background-image: url(../images/fancybox.png); background-position: -40px -30px; }
#fancybox-right-ico { background-image: url(../images/fancybox.png); background-position: -40px -60px; }
#fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ }
#fancybox-left:hover span { left: 20px; }
#fancybox-right:hover span { left: auto; right: 20px; }
.fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; }
#fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url(../images/fancybox-x.png); }
#fancybox-bg-ne { top: -20px; right: -20px; background-image:(../images/fancybox.png);
background-position: -40px -162px; }
#fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url(../images/fancybox-y.png); background-position: -20px 0px; }
#fancybox-bg-se { bottom: -20px; right: -20px; background-image: url(../images/fancybox.png); background-position: -40px -182px; }
#fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url(../images/fancybox-x.png); background-position: 0px -20px; }
#fancybox-bg-sw { bottom: -20px; left: -20px; background-image: (../images/fancybox.png);
background-position: -40px -142px; }
#fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url(../images/fancybox-y.png); }
#fancybox-bg-nw { top: -20px; left: -20px; background-image: (../images/fancybox.png);
background-position: -40px -122px; }
#fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; }
.fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; }
.fancybox-title-outside { padding-top: 10px; color: #fff; }
.fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; }
#fancybox-title-over { padding: 10px; background-image: url(../images/fancy_title_over.png); display: block; }
.fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; }
#fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; }
#fancybox-title-float-wrap td { border: none; white-space: nowrap; }
#fancybox-title-float-left { padding: 0 0 0 15px; background: (../images/fancybox.png) -40px -90px no-repeat;
}
#fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url(../images/fancybox-x.png) 0px -40px; }
#fancybox-title-float-right { padding: 0 0 0 15px; background: (../images/fancybox.png) -55px -90px no-repeat;
}
<!--
.news2 {

  background: #fcfcfc;

}

.news2 div, .news a,

.news2 ul, .news li, .news span {

  box-sizing: border-box;

}

.news2 .f2 {

  background: #fff;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

  line-height: 90px;

}

.news2 .f2 .w-n-tab {

  height: 90px;

  line-height: 90px;

}

.news2 .f2 .h2 {

  font-size: 24px;

  color: #00549f;

}

.news2 .f2 .n-tab {

  width: 27.5%;

}

.news2 .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;

}

.news2 .f2 .n-tab .n-tab-a.cur, .news .f2 .n-tab .n-tab-a:hover {

  color: #00549f;

}

.news2 .f3 .top {

  font-size: 36px;

  line-height: 36px;

  color: #333;

  text-align: center;

  margin: 70px 0;

}

.news2 .news-ms1 {

  padding-bottom: 122px;

}

.news2 .news-li {

  width: 31.6%;

  margin-bottom: 46px;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}

.news2 .news-li .news-a {

  display: block;

}

.news2 .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%;

}

.news2 .news-li .news-a .img img {

  display: block;

  width: 100%;

  height: 100%;

  transition: all .3s linear;

}

.news2 .news-li .news-a .txts {

  padding: 20px 23px 32px 17px;

  font-size: 14px;

  color: #333;

  transition: all .3s linear;

}

.news2 .news-li .news-a .txts .h2 {

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  font-size: 20px;

  line-height: 28px;

}

.news2 .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; max-height:48px; overflow:hidden

}

.news2 .news-li .news-a .txts .ico1 {

  display: inline-block;

  width: 40px;

  height: 40px;

  background: url(../images/png1.png) no-repeat center;

  transition: all .3s linear;

}

.news2 .news-li .news-a:hover img {

  transform: scale(1.1);

}

.news .news-li .news-a:hover .txts {

  color: #00549f;

}

.news2 .news-li .news-a:hover .ico1 {

  background: url(../images/png1on.png) no-repeat center;

}

.news2 .news-li2 {

  width: 23.5%;

}

.news2 .news-li2 .news-a {

  display: block;

}

.news2 .news-li2 .newspaper-img {

  display: block;

  width: 100%;

  background: #fff;

}

.news2 .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%;

  }*/

  .news2 .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) {

  .news2 .news-li2 {

    width: 31.6%;

    margin-right: 2.6%;

  }

  .news2 .news-li2 .h2 {

    padding: 18px 0 30px;

  }

  .news2 .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: #00549f;

  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: 0 auto 45px;
}

.news-info .f2 .info-dt {
padding: 61px 0 30px;
font-size: 14px;
line-height: 28px;
color: #888;
}
.news-info .f2 .info-dt p{ text-indent:2em;}
.news-info .f2 .bot {
margin-bottom: 30px;
}

.news-info .f2 .bot .s1 {

  font-size: 16px;

  color: #999;

}

.news-info .f2 .bot .news-a,

.news-info .f2 .bot .return-a {

  color: #00549f;

  font-size: 16px;

}
-->
  
.honors{width:100%; height:auto; margin:0 auto; padding-top:10px; }
.honors ul{ width:100%; height:auto;}
.honors ul li{ float:left; width:280px; height:220px; margin-right:10px; margin-left:10px; margin-bottom:20px; }
.honors ul li img{ width:280px; height:187px; overflow:hidden;border:1px solid # ; padding:5px;}
.honors ul li .pro_name p{line-height:30px; font-size:14px; text-align:center; color:#000;}
.honors ul li .pro_name p a:hover{color:#005d88; text-decoration:underline; }

.honors ul li img:hover{border:1px solid #d01434 ; }


p.pic_list_p {
    text-indent: 0em! important;
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
}
/*@media screen and (max-width: 1250px) {
.g_ft {
    height: 800px;
}
.a02{
  clear: both;
  position: absolute;
  left: 23.1%;
  top: 125px;
  width: 70%;
  padding-left: 60px;
}
.a01{
      width: 70%;
}
.a02 li{
  width: 50% ! important;
}
}*/
@media screen and (max-width: 1250px) {
.a00 {
    width: 18%;
}
.a01 {
    width: 24%;
}
.a02 {
    /* width: 48%; */
}
.kecopy .lewd{
  width: 98%;
}
}
@media screen and (max-width: 1100px) {
.a00 {
    width: 100%;
}
.a01 {
    width: 100%;
    padding: 0;
}
.a02 {
    width: 100%;
    margin: 0;
    padding: 0;
}
.kecopy .lewd{
  width: 98%;
  line-height: 24px;
  padding-top: 9px;
}
.g_ft{
  height: 755px;
}
.a01 a{
      width: 100%;
      margin-bottom: 12px;
      font-size: 14px;
      line-height: 2;
}
.a00 dt a{
  margin: 0 auto;
}
.a02 h1{
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
}
.a02 li{
  text-align: center;
  width: 100%;
  line-height: 0;
  margin-bottom: 0;
}
.footer{
  width: 100%;
}
.kecopy .lewd span{
  float: right;
  margin-right: 16px;
}
}
@media screen and (max-width: 1300px) {
  .image-list li{
    width: 48% ! important;
  }
}
@media screen and (max-width: 900px) {
  .image-list .cover{
    width: 99% ! important;
  }
}
a.z-crt {
    background: #00549f;
    color: #fff ! important;
}
.h1.gongcheng_anli {
        font-size: 26px;
    line-height: 36px;
    color: #333;
    text-align: center;
        margin: 84px 0 46px;
}
p.pic_list_p {
    text-align: left;
    font-size: 18px;
    padding-left: 10px;
    padding-top: 10px;
}
.pic_text_box_buttom {
    padding-top: 20px;
}
.pic_text_left {
    float: left;
    padding-top: 10px;
    padding-left: 10px;
}
.pic_text_right {
    float: right;
    padding-right: 10px;
}
.pic_text_box_buttom {
    overflow: hidden;
    padding-bottom: 10px;
}
.pic_text_box {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.image-list li:hover img.pic_img{
   /* transform: scale(1.1); */
   /* transition: all .5s; */
}
img.pic_img{
   /* transform: scale(1.0); */
   /* transition: all .5s; */
}

.image-list li:hover .pic_list_p{
  color: #00549f;
  transition:all .5s;
}





.pic_img_box {
    overflow: hidden;
}
.image-list li{
      position: relative;
      /* overflow: hidden; */
      width: 32.2%;
      display: inline-block;
      margin: 15px 5px;
      background-color: #fff;
      cursor: pointer;
}
.pic_xiaotubiao{
  margin-bottom: 0px ! important;
}
.suofang01 {
    width: 0%;
    height: 2px;
    background: #00549f;
    margin: 0 auto;
    transition: all .3s;
}


.image-list li:hover .suofang01{
  width: 100%;
  transition: all .5s;
}


@media screen and (max-width: 1360px) {
  .pcheader .h-li .h-a{
    padding: 0 0px;
  }
}