a.more { display:block; width:166px; height:52px; font-size:22px; color:#ffffff; line-height:52px; text-align:center; margin:10px auto; background-color:#FF9305; }

.rel {

  position: relative;

}

.abs {

  position: absolute;

}

.clear { clear:both; }

.fixed {

  position: fixed;

}

.flex {

  display: flex;

  display: -webkit-box;

  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

  display: -moz-box;

  /* Firefox 17- */

  display: -webkit-flex;

  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

  display: -moz-flex;

  /* Firefox 18+ */

  display: -ms-flexbox;

  /* IE 10 */

}

.flex-wrap {

  flex-flow: wrap;

}

.flex-between {

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

}

.inline-block {

  display: inline-block;

}

.block {

  display: block;

}

.hide {

  display: none;

}

.bold {

  font-weight: 700;

}

.txt-center {

  text-align: center;

}

.txt-left {

  text-align: left;

}

.txt-right {

  text-align: right;

}

.before {

  opacity: 0;

  visibility: hidden;

}

.after {

  opacity: 1;

  visibility: visible;

}

.font {

  font-family: Arial;

}

.txt {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.upper {

  text-transform: uppercase;

}

.middle {

  vertical-align: middle;

}



@font-face {

  font-family: "icon";

  src: url("iconfont.eot-t=1561461869476");

  src: url("iconfont.eot-t=1561461869476#iefix") format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64') format('woff2'), url("iconfont.woff-t=1561461869476") format('woff'), url("iconfont.ttf-t=1561461869476") format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url("iconfont.svg-t=1561461869476#iconfont") format('svg');

  

  /* IE9 */

  /* iOS 4.1- */

}

.hidden-xs {

  display: block;

}

.hidden-pc {

  display: none;

}

.box-container {

  width: 1640px;

  margin: 0 auto;

}

.w1200 {

  width: 1200px;

  margin: 0 auto;

}

.box-container-fluid {

  width: 100%;

  margin: 0 auto;

}

.medium-box-container {

  width: 80%;

  margin: 0 auto;

}

body {

  font-size: 14px;

  font-family: 微软雅黑;

}

@font-face {

  font-family: "db";

  src: url("../fonts/db.otf"/*tpa=http://www.tofms.net/fonts/db.otf*/);

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: "dm";

  src: url("../fonts/dm.ttf"/*tpa=http://www.tofms.net/fonts/dm.ttf*/);

  font-weight: normal;

  font-style: normal;

}

.phone-nav {

  display: none;

}

.header-wrapper {

  background: #fff;

  border-bottom: 1px solid #fff;

  transition: background 0.3s ease;

  -webkit-transition: background 0.3s ease;

  -moz-transition: background 0.3s ease;

  -ms-transition: background 0.3s ease;

  -o-transition: background 0.3s ease;

}

.header-wrapper.index {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 40;

  background: transparent;

  border: none;

}

.header-wrapper.index .logo-box img.original {

  display: none;

}

.header-wrapper.index .logo-box img.on {

  display: block;

}

.header-wrapper.index .pc-nav-box ul li > a {

  color: #fff;

}

.header-wrapper.index .pc-nav-box ul li .hide-box {

  top: 100px;

}



.header-wrapper.index .search {

  border-color: #fff;

  background: url("../img/search.png") no-repeat center center;

}

.header-wrapper.index .language a {

  color: #fff;

}

.header-wrapper .box-container {

  display: flex;

  display: -webkit-box;

  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

  display: -moz-box;

  /* Firefox 17- */

  display: -webkit-flex;

  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

  display: -moz-flex;

  /* Firefox 18+ */

  display: -ms-flexbox;

  /* IE 10 */

  align-items: center;

}

.header-wrapper .logo-box {

  width: 360px;

}

.header-wrapper .logo-box a {

  font-size: 0;

}

.header-wrapper .logo-box img {

  width: 100%;

}

.header-wrapper .logo-box img.original {

  display: none;

}

.header-wrapper .pc-nav-box {

  flex: 1;

  overflow: hidden;

  text-align: right;

}

.header-wrapper .pc-nav-box ul li {

  display: inline-block;

  vertical-align: top;

  margin-right: 20px;

  text-align: center;

}

.header-wrapper .pc-nav-box ul li.on > a,

.header-wrapper .pc-nav-box ul li:hover > a {

  color: #094485;

  font-weight: 700;

}

.header-wrapper .pc-nav-box ul li.on > a:after,

.header-wrapper .pc-nav-box ul li:hover > a:after {

  transform: scale(1);

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

}

.header-wrapper .pc-nav-box ul li:hover .hide-box {

  opacity: 1;

  visibility: visible;

  height: 80px;

  animation: fadeIn .6s ease;

  z-index: 100;

}

.header-wrapper .pc-nav-box ul li:hover .hide-box a {

  opacity: 1;

  visibility: visible;

  transform: translate(0, 0);

}

.header-wrapper .pc-nav-box ul li > a {

  position: relative;

  display: block;

  font-size: 20px;

  color: #333;

  line-height: 100px;

}

.header-wrapper .pc-nav-box ul li > a:after {

  content: "";

  display: block;

  width: 100%;

  height: 3px;

  background: #094485;

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 10;

  transform: scale(0);

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -ms-transform: scale(0);

  -o-transform: scale(0);

  transition: transform 0.3s ease;

  -webkit-transition: transform 0.3s ease;

  -moz-transition: transform 0.3s ease;

  -ms-transition: transform 0.3s ease;

  -o-transition: transform 0.3s ease;

}

.header-wrapper .pc-nav-box ul li .hide-box {

  position: fixed;

  left: 0;

  top: 100px;

  background: #f1f1f1;

  width: 100%;

  opacity: 0;

  visibility: hidden;

  z-index: -1;

  height: 0;

  transition: height 0.6s ease;

  -webkit-transition: height 0.6s ease;

  -moz-transition: height 0.6s ease;

  -ms-transition: height 0.6s ease;

  -o-transition: height 0.6s ease;

}

.header-wrapper .pc-nav-box ul li .hide-box .box-container {

  display: block;

  font-size: 0;

  text-align: left;

  height: 80px;

}

.header-wrapper .pc-nav-box ul li .hide-box a {

  display: inline-block;

  font-size: 18px;

  color: #666;

  line-height: 80px;

  margin-right: 50px;

  transition: transform 0.5s ease;

  -webkit-transition: transform 0.5s ease;

  -moz-transition: transform 0.5s ease;

  -ms-transition: transform 0.5s ease;

  -o-transition: transform 0.5s ease;

  opacity: 0;

  visibility: hidden;

  transform: translate(0, 100px);

  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);

  transition-duration: 0.8s;

}

.header-wrapper .pc-nav-box ul li .hide-box a:hover,

.header-wrapper .pc-nav-box ul li .hide-box a.on {

  color: #094485;

  text-decoration: underline;

}

.header-wrapper .pc-nav-box ul li .hide-box a:last-child {

  margin-right: 0;

}

.header-wrapper .other-box {

  font-size: 0;

}



.header-wrapper .other-box img { float:left; }

.header-wrapper .other-box .tel .original { display:none; }

.header-wrapper:hover .box-container .other-box .tel .on { display:none;}

.header-wrapper:hover .box-container .other-box .tel .original { display:block; }

.header-wrapper:hover .box-container .other-box .tel span { color:#FF0000; }



.header-wrapper .other-box .tel span { margin-left:10px; line-height:18px; font-size:18px; color:#ffffff; }

.header-wrapper .pc-search-box,

.header-wrapper .language {

  display: inline-block;

  vertical-align: middle;

}

.header-wrapper .search {

  display: block;

  width: 30px;

  height: 30px;

  border: 1px solid #d0d0d0;

  border-radius: 50%;

  background: url("../img/search2.png"/*tpa=http://www.tofms.net/img/search2.png*/) no-repeat center center;

  transition: background 0.3s ease;

  -webkit-transition: background 0.3s ease;

  -moz-transition: background 0.3s ease;

  -ms-transition: background 0.3s ease;

  -o-transition: background 0.3s ease;

}

.header-wrapper .language {

  position: relative;

  font-size: 0;

  margin-left: 50px;

}

.header-wrapper .language.on .list {

  opacity: 1;

  visibility: visible;

  transform: translateY(0);

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

}

.header-wrapper .language a {

  display: block;

  font-size: 16px;

  color: #333;

  text-transform: uppercase;

  line-height: 100px;

}

.header-wrapper .language a:hover {

  color: #094485;

}

.header-wrapper .language .list {

  position: absolute;

  width: 160px;

  top: 100%;

  left: 50%;

  margin-left: -80px;

  background: #fff;

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

  opacity: 0;

  visibility: hidden;

  transform: translateY(10px);

  -webkit-transform: translateY(10px);

  -moz-transform: translateY(10px);

  -ms-transform: translateY(10px);

  -o-transform: translateY(10px);

  transition: transform 0.3s ease;

  -webkit-transition: transform 0.3s ease;

  -moz-transition: transform 0.3s ease;

  -ms-transition: transform 0.3s ease;

  -o-transition: transform 0.3s ease;

}

.header-wrapper .language .list:after {

  content: "";

  display: inline-block;

  border: 8px solid transparent;

  border-bottom-color: #fff;

  position: absolute;

  left: 50%;

  margin-left: -8px;

  z-index: 10;

  top: -16px;

}

.header-wrapper .language .list a {

  display: block;

  font-size: 14px;

  color: #666;

  line-height: 40px;

  text-align: center;

  border-bottom: 1px solid #f7f8f9;

}

.header-wrapper .language .list a:hover {

  color: #094485;

}

.footer-wrapper {

  background: #252525;

  padding-top: 94px;

}

.footer-wrapper .box-container {

  display: flex;

  display: -webkit-box;

  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

  display: -moz-box;

  /* Firefox 17- */

  display: -webkit-flex;

  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

  display: -moz-flex;

  /* Firefox 18+ */

  display: -ms-flexbox;

  /* IE 10 */

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

}

.footer-wrapper .footer-nav dl {

  display: inline-block;

  vertical-align: top;

  margin-right: 104px;

}

.footer-wrapper .footer-nav dl:last-child {

  margin-right: 0;

}

.footer-wrapper .footer-nav a {

  display: block;

  line-height: 30px;

}

.footer-wrapper .footer-nav a:hover {

  color: #094485;

  font-weight: 700;

}

.footer-wrapper .footer-nav dt a {

  color: #fff;

  font-weight: 700;

  font-size: 16px;

  margin-bottom: 14px;

}

.footer-wrapper .footer-nav dd a {

  font-size: 14px;

  color: rgba(255, 255, 255, 0.4);

}

.footer-wrapper .caption {

  color: #fff;

  font-weight: 700;

  font-size: 16px;

  line-height: 30px;

  margin-bottom: 14px;

}

.footer-wrapper .tel {

  display: block;

  color: #ffffff;

  font-size: 30px;

  font-family: Arial;

  line-height: 36px;

  font-weight: 700;

}

.footer-wrapper .qrcode {

  width: 120px;

  text-align: center;

}

.footer-wrapper .qrcode p {

  font-size: 14px;

  color: rgba(255, 255, 255, 0.4);

  line-height: 30px;

  margin-top: 10px;

}

.footer-wrapper .qrcode img {

  width: 120px;

}

.footer-wrapper .box-2 {

  margin-top: 102px;

  border-top: 1px solid rgba(255, 255, 255, 0.2);

}

.footer-wrapper .copy {

  line-height: 80px;

}

.footer-wrapper .copy,

.footer-wrapper .copy a {

  font-size: 14px;

  color: rgba(255, 255, 255, 0.4);

}

.footer-wrapper .copy a:hover {

  color: #094485;

}

.footer-wrapper .friend-link {

  width: 120px;

  position: relative;

  text-align: right;

}

.footer-wrapper .friend-link .title {

  cursor: pointer;

  line-height: 80px;

  font-size: 16px;

  padding-right: 20px;

  color: rgba(255, 255, 255, 0.4);

  transform: perspective(1px) translateZ(0);

}

.footer-wrapper .friend-link .title.on:after {

  transform: rotateX(180deg);

}

.footer-wrapper .friend-link .title:after {

  content: "";

  display: block;

  width: 100%;

  height: 100%;

  background: url("../img/down.png"/*tpa=http://www.tofms.net/img/down.png*/) no-repeat right 18px center;

  position: absolute;

  right: -20px;

  top: 0;

  z-index: -1;

}

.footer-wrapper .friend-link .list {

  width: 100%;

  border: 1px solid #e5e5e5;

  position: absolute;

  left: 0;

  bottom: 100%;

  z-index: 10;

  margin-bottom: -1px;

  display: none;

  max-height: 206px;

  overflow-y: auto;

  background: #f5f5f5;

}

.footer-wrapper .friend-link .list::-webkit-scrollbar {

  width: 3px;

}

.footer-wrapper .friend-link .list::-webkit-scrollbar-track {

  background-color: #f7f8f9;

}

.footer-wrapper .friend-link .list::-webkit-scrollbar-thumb {

  background-color: #c92b2f;

}

.footer-wrapper .friend-link .list a {

  display: block;

  line-height: 40px;

  font-size: 14px;

  border-bottom: 1px solid #e5e5e5;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  padding: 0 20px 0 10px;

  color: #999;

}

.footer-wrapper .friend-link .list a:hover {

  color: #094485;

}

.footer-wrapper .friend-link .list a:last-child {

  border-bottom: none;

}

.index-banner-wrapper .swiper-slide a {

  display: block;

  font-size: 0;

}

.index-banner-wrapper .swiper-slide a > img {

  width: 100%;

  height: 930px;

  object-fit: cover;

}

.index-banner-wrapper .swiper-slide a > img.phone {

  display: none;

}

.index-banner-wrapper .swiper-slide.swiper-slide-active .info .name,

.index-banner-wrapper .swiper-slide.swiper-slide-active .info .ename,

.index-banner-wrapper .swiper-slide.swiper-slide-active .info .desc {

  opacity: 1;

  visibility: visible;

  transform: translateY(0);

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

}

.index-banner-wrapper .swiper-slide.swiper-slide-active .info img {

  transform: translateX(0);

  -webkit-transform: translateX(0);

  -moz-transform: translateX(0);

  -ms-transform: translateX(0);

  -o-transform: translateX(0);

}

.index-banner-wrapper .swiper-slide .box-container {

  position: relative;

}

.index-banner-wrapper .swiper-slide .info {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  z-index: 10;

  padding-top: 294px;

}

.index-banner-wrapper .swiper-slide .info img {

  position: absolute;

  right: 0;

  top: 0;

  z-index: 10;

  transform: translateX(-10%);

  -webkit-transform: translateX(-10%);

  -moz-transform: translateX(-10%);

  -ms-transform: translateX(-10%);

  -o-transform: translateX(-10%);

  transition: transform 0.8s ease;

  -webkit-transition: transform 0.8s ease;

  -moz-transition: transform 0.8s ease;

  -ms-transition: transform 0.8s ease;

  -o-transition: transform 0.8s ease;

}

.index-banner-wrapper .swiper-slide .info .name,

.index-banner-wrapper .swiper-slide .info .ename,

.index-banner-wrapper .swiper-slide .info .desc {

  opacity: 0;

  visibility: hidden;

  color: #fff;

  transform: translateY(20px);

  -webkit-transform: translateY(20px);

  -moz-transform: translateY(20px);

  -ms-transform: translateY(20px);

  -o-transform: translateY(20px);

  letter-spacing: 1px;

  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);

}

.index-banner-wrapper .swiper-slide .info .name {

  position: relative;

  font-weight: 700;

  display: inline-block;

  letter-spacing: 4px;

  font-size: 60px;

  transition: transform 0.8s ease;

  -webkit-transition: transform 0.8s ease;

  -moz-transition: transform 0.8s ease;

  -ms-transition: transform 0.8s ease;

  -o-transition: transform 0.8s ease;

}

.index-banner-wrapper .swiper-slide .info .name:after {

  content: "";

  display: block;

  height: 1px;

  width: 100%;

  background: #fff;

  margin-top: 7px;

}

.index-banner-wrapper .swiper-slide .info .ename {

  font-family: Arial;

  text-transform: uppercase;

  font-weight: 700;

  font-size: 24px;

  margin: 16px auto 26px;

  transition: transform 1s ease;

  -webkit-transition: transform 1s ease;

  -moz-transition: transform 1s ease;

  -ms-transition: transform 1s ease;

  -o-transition: transform 1s ease;

}

.index-banner-wrapper .swiper-slide .info .desc {

  color: #fff;

  font-size: 20px;

  opacity: 0.8;

  line-height: 36px;

  transition: transform 1.2s ease;

  -webkit-transition: transform 1.2s ease;

  -moz-transition: transform 1.2s ease;

  -ms-transition: transform 1.2s ease;

  -o-transition: transform 1.2s ease;

}

.index-banner-wrapper .swiper-pagination {

  bottom: 40px; left:48%;

  text-align: left;

}

.index-banner-wrapper .b1 .info { left:10%; }

.index-banner-wrapper .b1 .info .name:after { display:none; }

.index-banner-wrapper .b1 .info .name,.index-banner-wrapper .b1 .info .ename { font-weight:normal; font-size:60px; letter-spacing: 4px; }

.index-banner-wrapper .b1 .info img { position:relative; margin-top:20px; }



.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet {

  opacity: 1;

  width: 30px;

  height: 4px;

  margin-right: 14px;

  background:  rgba(255,255,255,0.5);

  border-radius: 0;

  transition: background 0.3s ease;

  -webkit-transition: background 0.3s ease;

  -moz-transition: background 0.3s ease;

  -ms-transition: background 0.3s ease;

  -o-transition: background 0.3s ease;

}

.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

  background: #fff;

}

.index-title-box {

  text-align: center;

  padding: 94px 0 40px;

}

.index-title-box .title {

  font-size: 30px;

  font-weight: normal;

  color: #094485;

  letter-spacing: 1px;

  margin-bottom: 6px;

}

.index-title-box p {

  font-size: 18px;

  color: #094485;

  line-height: 30px;

  font-family: Arial;

  text-transform: uppercase;

}

.index-title-box h { display:block; margin:20px auto; margin-bottom:50px; width:340px; height:2px; border-bottom:#094485 solid 2px; position:relative; }

.index-title-box i { display:block; position:absolute; left:50%; top:-3px; margin-left:-60px; width:120px; height:1px; border-top:#094485 solid 7px; }

.index-title-box .cat-box {

  font-size: 0;

  margin-top: 22px;

}

.index-title-box .cat-box a {

  position: relative;

  display: inline-block;

  font-size: 16px;

  color: #666;

  line-height: 36px;

  margin-right: 36px;

}

.index-title-box .cat-box a:last-child {

  margin-right: 0;

}

.index-title-box .cat-box a:hover,

.index-title-box .cat-box a.on {

  color: #094485;

}

.index-title-box .cat-box a:hover:after,

.index-title-box .cat-box a.on:after {

  transform: scale(1);

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

}

.index-title-box .cat-box a:after {

  content: "";

  display: block;

  width: 100%;

  height: 2px;

  background: #094485;

  transition: transform 0.3s ease;

  -webkit-transition: transform 0.3s ease;

  -moz-transition: transform 0.3s ease;

  -ms-transition: transform 0.3s ease;

  -o-transition: transform 0.3s ease;

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 10;

  transform: scale(0);

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -ms-transform: scale(0);

  -o-transform: scale(0);

}

.index-box-1 .index-title-box {

  padding-bottom: 0;

}

.index-box-1 .swiper-container {

  padding: 40px;

  margin-left: -40px;

  margin-right: -40px;

}

.index-box-1 .item {

  position: relative;

  display: none;

}

.index-box-1 .item.on {

  display: block;

  animation: fadeIn 0.3s ease-out;

}

.index-box-1 .item .swiper-btn {

  display: inline-block;

  position: absolute;

  top: 50%;

  z-index: 10;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  margin-top: -25px;

  transition: background 0.3s ease;

  -webkit-transition: background 0.3s ease;

  -moz-transition: background 0.3s ease;

  -ms-transition: background 0.3s ease;

  -o-transition: background 0.3s ease;

}

.index-box-1 .item .swiper-btn.swiper-button-disabled {

  cursor: default;

}

.index-box-1 .item .prev {

  left: -65px;

  background: rgba(0, 0, 0, 0.2) url("../img/left5.png"/*tpa=http://www.tofms.net/img/left5.png*/) no-repeat center center;

}

.index-box-1 .item .prev:hover {

  background: #094485 url("../img/left5.png"/*tpa=http://www.tofms.net/img/left5.png*/) no-repeat center center;

}

.index-box-1 .item .next {

  right: -65px;

  background: rgba(0, 0, 0, 0.2) url("../img/right5.png"/*tpa=http://www.tofms.net/img/right5.png*/) no-repeat center center;

}

.index-box-1 .item .next:hover {

  background: #094485 url("../img/right5.png"/*tpa=http://www.tofms.net/img/right5.png*/) no-repeat center center;

}

.index-box-1 .swiper-wrapper.center {

  justify-content: center;

}

.index-box-1 .swiper-slide:hover a {

  background: -webkit-linear-gradient(140deg, #0d79c4, #208dd9, #37b2ee, #37b2ee);

  background: -o-linear-gradient(140deg, #0d79c4, #208dd9, #37b2ee, #37b2ee);

  background: linear-gradient(140deg, #0d79c4, #208dd9, #37b2ee, #37b2ee);

  box-shadow: -2px -2px 50px rgba(0, 0, 0, 0.15);

}

.index-box-1 .swiper-slide:hover .name,

.index-box-1 .swiper-slide:hover .desc {

  color: #fff;

}

.index-box-1 .swiper-slide a {

  font-size: 0;

  display: flex;

  display: -webkit-box;

  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

  display: -moz-box;

  /* Firefox 17- */

  display: -webkit-flex;

  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

  display: -moz-flex;

  /* Firefox 18+ */

  display: -ms-flexbox;

  /* IE 10 */

  flex-flow: wrap;

  background: url("../img/i1_bg.jpg"/*tpa=http://www.tofms.net/img/i1_bg.jpg*/) repeat-x;

  transition: background 0.4s ease;

  -webkit-transition: background 0.4s ease;

  -moz-transition: background 0.4s ease;

  -ms-transition: background 0.4s ease;

  -o-transition: background 0.4s ease;

}

.index-box-1 .swiper-slide .info {

  width: 100%;

  order: 1;

  text-align: center;

  padding: 42px 10px 56px;

}

.index-box-1 .swiper-slide .name,

.index-box-1 .swiper-slide .desc {

  line-height: 36px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.index-box-1 .swiper-slide .name {

  font-size: 20px;

  color: #332c2b;

  font-weight: 700;

  text-align: center;

}

.index-box-1 .swiper-slide .desc {

  font-size: 14px;

  color: #666;

}

.index-box-1 .swiper-slide .pic {

  order: 0;

  font-size: 0;

  width: 100%;

  overflow: hidden;

}

.index-box-1 .swiper-slide .pic img {

  width: 100%;

  height: 380px;

  object-fit: contain;

  transition: transform 0.8s ease;

  -webkit-transition: transform 0.8s ease;

  -moz-transition: transform 0.8s ease;

  -ms-transition: transform 0.8s ease;

  -o-transition: transform 0.8s ease;

  transform: scale(0.6);

  -webkit-transform: scale(0.6);

  -moz-transform: scale(0.6);

  -ms-transform: scale(0.6);

  -o-transform: scale(0.6);

}

.index-box-1 .fenlei_i { float:left; width:284px; background-color:#F3F3F3; }

.index-box-1 .fenlei_i .bt { width:100%; height:88px; line-height:88px; text-align:center; font-size:24px; background-color:#094485; color:#ffffff; }

.index-box-1 .fenlei_i .nav { width:100%; }

.index-box-1 .fenlei_i .nav a { display:block; width:84%; margin:6% 8%; overflow:hidden; padding:24px; line-height:20px; font-size:18px; background:url("../img/tb1.png") no-repeat 200px center #ffffff; }

.index-box-1 .fenlei_i .nav a:hover { background:url("../img/tb1.png") no-repeat 200px center #094485; color:#ffffff; }

.index-box-1 .fenlei_i .tel { display:block; width:100%; height:128px;  background-color:#094485; overflow:hidden; text-align:center; color:#ffffff; font-size:28px;  }

.index-box-1 .fenlei_i .tel span { display:block; width:84%; height:40px; line-height:40px; margin:20px 8%; background:url("../img/tb2.jpg") no-repeat 30px center #FF9305; color:#ffffff; text-indent:55px; font-size:16px;}

/* .index-box-1 .pro_i { float:right; width:calc(100% - 284px); overflow:hidden; } */

.index-box-1 .pro_i { width:calc(100% - 284px); overflow:hidden; }

.index-box-2 {

  margin-top: -40px;

}

.index-box-2 .bg {

  position: relative;

  background: url("/skin/img/中科烟台产业技术研究院.jpg") no-repeat bottom center;

  background-size: 100% 100%;

  background-attachment: fixed;

}

.index-box-2 .bgyy { height:630px; padding:70px 0; margin-bottom:140px; box-shadow: 0px 0px 30px #888888; position: relative; }

.index-box-2 .about_i { margin:0 0 0 56px; width:412px; }

.index-box-2 .about_i span { font-size:24px; color:#094485; }

.index-box-2 .about_i p { font-size:18px; line-height:32px; color:#000000; margin:40px 0 100px 0; }

.index-box-2 .about_i img { display: none;}

.index-box-2 .about_i a { display:block; width:166px; height:52px; line-height:52px; background-color:#FF9305; font-size:22px; color:#ffffff; text-align:center; }

.index-box-2 .bgyy>img { position:absolute; right:-50px; top:70px; }

.index-box-2 .img {

  text-align: center;

  padding-top: 140px;

}

.index-box-2 .data {

  background: #f8f8f8;

  padding: 48px 60px;

  margin-top: 140px;

}

.index-box-2 .data ul {

  display: flex;

  display: -webkit-box;

  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

  display: -moz-box;

  /* Firefox 17- */

  display: -webkit-flex;

  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

  display: -moz-flex;

  /* Firefox 18+ */

  display: -ms-flexbox;

  /* IE 10 */

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

}

.index-box-2 .data li .title,

.index-box-2 .data li p {

  font-size: 14px;

}

.index-box-2 .data li .title {

  color: #666;

}

.index-box-2 .data li p {

  color: #999;

}

.index-box-2 .data li .num {

  color: #c92b2f;

  font-family: "db";

  font-size: 24px;

  margin: 4px auto 6px;

}

.index-box-2 .data li .num span {

  display: inline-block;

  font-size: 48px;

  vertical-align: middle;

}

.index-box-2 .info {

  padding: 50px 0 92px;

  background: #fff;

}

.index-box-2 .info .w1200 {

  font-size: 14px;

  color: #666;

  line-height: 30px;

  text-align: justify;

}

.index-box3s-3 .bg { overflow:hidden; padding-bottom:70px; }

.index-box3s-3 .title,.index-box3s-3 p { color:#ffffff; }

.index-box3s-3 h,.index-box3s-3 i { border-color:#ffffff; }

.index-box3s-3 .data { background:none; margin-top:0; padding:0; }

.index-box3s-3 .data ul { display:block; }

.index-box3s-3 .data li { display:block; width:290px; height:260px; background-color:#478DF1; margin:3px; float:right; padding:2%; position:relative; }

/* .index-box3s-3 .data li { display:inline-block; width:290px; height:260px; background-color:#478DF1; margin:3px; padding:2%; position:relative; } */

.index-box3s-3 .data li .title { font-size:23px; color:#ffffff; }

.index-box3s-3 .data li.a1 { width:582px; height:527px; }

.index-box3s-3 .data li.a2 { background-color:#2886C3; }

.index-box3s-3 .data li.a3 { background-color:#009883; }

.index-box3s-3 .data li.a4 { background-color:#537284; }

.index-box3s-3 .data li.a5 { background-color:#FF9305; }



.index-box3s-3 .data li p { margin:40px 0 60px 0; font-size:16px; line-height:28px; color:#ffffff; }

.index-box3s-3 .data li i { position:absolute; bottom:30px; left:8%; }

.index-box3s-3 .data .color000 .title, .index-box3s-3 .data .color000 p { color:#000000; }

.index-box-3 {

  background: #f8f8f8;

  padding-bottom: 100px;

}

.index-box-3 .item {

  display: none;

}

.index-box-3 .left {

  width: 53.04%;

  float: left;

}

.index-box-3 .left:hover .name {

  color: #094485;

  font-weight: 700;

}

.index-box-3 .left:hover img {

  transform: scale(1.05);

  -webkit-transform: scale(1.05);

  -moz-transform: scale(1.05);

  -ms-transform: scale(1.05);

  -o-transform: scale(1.05);

}

.index-box-3 .left a {

  display: block;

}

.index-box-3 .left .name {

  font-size: 24px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  margin: 87px auto 68px;

}

.index-box-3 .left .desc {

  height: 60px;

  line-height: 30px;

}

.index-box-3 .left .pic {

  width: 45.9%;

}

.index-box-3 .left .pic img {

  height: 440px;

}

.index-box-3 .left .info {

  float: left;

  width: 54.1%;

  padding-left: 40px;

}

.index-box-3 .left .info:after {

  content: "";

  display: block;

  width: 30px;

  height: 3px;

  background: #094485;

  margin-top: 72px;

}

.index-box-3 .right {

  width: 42.68%;

  float: right;

}

.index-box-3 .right li {

  padding: 10px 0;

  background: url("../img/line.jpg"/*tpa=http://www.tofms.net/img/line.jpg*/) repeat-x left top;

}

.index-box-3 .right li:first-child {

  padding-top: 0;

}

.index-box-3 .right li:hover .name {

  color: #094485;

}

.index-box-3 .right li:hover img {

  transform: scale(1.05);

  -webkit-transform: scale(1.05);

  -moz-transform: scale(1.05);

  -ms-transform: scale(1.05);

  -o-transform: scale(1.05);

}

.index-box-3 .right a {

  display: block;

  overflow: hidden;

}

.index-box-3 .right .name {

  font-size: 16px;

  font-weight: 400;

  margin: 12px auto 14px;

}

.index-box-3 .right .desc {

  line-height: 24px;

  margin-bottom: 10px;

}

.index-box-3 .right .pic {

  width: 31.4%;

}

.index-box-3 .right .pic img {

  height: 130px;

}

.index-box-3 .right .info {

  float: right;

  width: 68.6%;

  padding-left: 18px;

}

.index-box-3 .name {

  color: #303333;

}

.index-box-3 .desc {

  font-size: 14px;

  color: #666;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}

.index-box-3 .date {

  font-size: 14px;

  color: #999;

  font-family: Arial;

}

.index-box-3 .pic {

  font-size: 0;

  overflow: hidden;

  float: left;

}

.index-box-3 .pic img {

  width: 100%;

  object-fit: cover;

  transition: transform 0.8s ease;

  -webkit-transition: transform 0.8s ease;

  -moz-transition: transform 0.8s ease;

  -ms-transition: transform 0.8s ease;

  -o-transition: transform 0.8s ease;

}

.index-more {

  display: block;

  width: 120px;

  height: 36px;

  line-height: 36px;

  text-align: center;

  font-weight: 700;

  font-size: 14px;

  color: #fff;

  background: #094485;

  border-radius: 50px;

  transition: background 0.3s ease;

  -webkit-transition: background 0.3s ease;

  -moz-transition: background 0.3s ease;

  -ms-transition: background 0.3s ease;

  -o-transition: background 0.3s ease;

}

.index-more:hover {

  background: #c92b2f;

}

.page-box {

  padding: 60px 0 100px;

}

.page-banner-wrapper {

  position: relative;

  font-size: 0; height:400px; overflow:hidden;

}

.page-banner-wrapper .banner {

  width: 100%;

  height: auto;

}

.page-banner-wrapper .banner { margin-top:-200px;}

.page-banner-wrapper .info { position:absolute; top:100px; left:0; width:100%;}

.page-banner-wrapper .name,

.page-banner-wrapper p {

  color: #fff; margin-top:100px;

}

.page-banner-wrapper .name {

  font-family: Arial;

  text-transform: uppercase;

  font-weight: 700;

  font-size: 48px;

  letter-spacing: 2px;

}

.page-banner-wrapper p {

  font-size: 36px;

  letter-spacing: 7px; text-align:center;

}

.page-banner-wrapper video {

  width: 100%;

  height: auto;

}

.news-wrapper .first-news {

  padding-bottom: 60px;

  margin-bottom: 60px;

  border-bottom: 1px solid #dedede;

}

.news-wrapper .first-news:hover .pic img {

  transform: scale(1.05);

  -webkit-transform: scale(1.05);

  -moz-transform: scale(1.05);

  -ms-transform: scale(1.05);

  -o-transform: scale(1.05);

}

.news-wrapper .first-news:hover .name {

  color: #094485;

}

.news-wrapper .first-news a {

  display: flex;

  display: -webkit-box;

  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

  display: -moz-box;

  /* Firefox 17- */

  display: -webkit-flex;

  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

  display: -moz-flex;

  /* Firefox 18+ */

  display: -ms-flexbox;

  /* IE 10 */

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

  align-items: center;

}

.news-wrapper .first-news .pic {

  width: 540px;

  font-size: 0;

  overflow: hidden;

}

.news-wrapper .first-news .pic img {

  width: 100%;

  height: auto;

  transition: transform 0.8s ease;

  -webkit-transition: transform 0.8s ease;

  -moz-transition: transform 0.8s ease;

  -ms-transition: transform 0.8s ease;

  -o-transition: transform 0.8s ease;

}

.news-wrapper .first-news .info {

  width: 600px;

}

.news-wrapper .first-news .name {

  font-size: 24px;

  color: #332c2b;

  line-height: 36px;

  height: 72px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}

.news-wrapper .first-news .desc {

  font-size: 14px;

  color: #666;

  line-height: 30px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

  height: 90px;

  margin: 8px auto 62px;

}

.news-wrapper .first-news .date {

  font-size: 14px;

  color: #999;

  font-family: Arial;

}

.news-wrapper .list ul {

  display: flex;

  display: -webkit-box;

  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

  display: -moz-box;

  /* Firefox 17- */

  display: -webkit-flex;

  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

  display: -moz-flex;

  /* Firefox 18+ */

  display: -ms-flexbox;

  /* IE 10 */

  flex-flow: wrap;

}

.news-wrapper .list ul li {

  width: 360px;

  margin-right: 60px;

  margin-bottom: 60px;

  padding-bottom: 58px;

  border-bottom: 1px solid #dedede;

}

.news-wrapper .list ul li:nth-child(3n) {

  margin-right: 0;

}

.news-wrapper .list ul li:hover a {

  transform: translateY(-20px);

  -webkit-transform: translateY(-20px);

  -moz-transform: translateY(-20px);

  -ms-transform: translateY(-20px);

  -o-transform: translateY(-20px);

}

.news-wrapper .list ul li:hover .pic img {

  transform: scale(1.05);

  -webkit-transform: scale(1.05);

  -moz-transform: scale(1.05);

  -ms-transform: scale(1.05);

  -o-transform: scale(1.05);

}

.news-wrapper .list ul li a {

  display: block;

  font-size: 0;

  transition: transform 0.3s ease;

  -webkit-transition: transform 0.3s ease;

  -moz-transition: transform 0.3s ease;

  -ms-transition: transform 0.3s ease;

  -o-transition: transform 0.3s ease;

}

.news-wrapper .list ul li .pic {

  width: 100%;

  font-size: 0;

  overflow: hidden;

}

.news-wrapper .list ul li .pic img {

  width: 100%;

  height: 212px;

  object-fit: cover;

  transition: transform 0.8s ease;

  -webkit-transition: transform 0.8s ease;

  -moz-transition: transform 0.8s ease;

  -ms-transition: transform 0.8s ease;

  -o-transition: transform 0.8s ease;

}

.news-wrapper .list ul li .info {

  margin-top: 30px;

  background: url("../img/n-icon.png"/*tpa=http://www.tofms.net/img/n-icon.png*/) no-repeat right bottom;

  /* background: rgba(0, 0, 0, .2); */

}

.news-wrapper .list ul li .name {

  color: #332c2b;

  font-size: 16px;

  line-height: 30px;

  font-weight: 400;

  height: 60px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}

.news-wrapper .list ul li .desc {

  font-size: 16px;

  color: #666;

  line-height: 30px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  margin: 14px auto 26px;

}

.news-wrapper .list ul li .date {

  font-size: 14px;

  font-family: Arial;

  color: #999;

}

.newsinfo-wrapper .main {

  background: #f8f8f8;

  padding: 98px 125px 90px;

}

.newsinfo-wrapper .header {

  text-align: center;

  padding-bottom: 38px;

  margin-bottom: 40px;

  border-bottom: 1px solid #dedede;

}

.newsinfo-wrapper .header .name {

  font-size: 24px;

  color: #332c2b;

  letter-spacing: 1px;

  margin-bottom: 10px;

}

.newsinfo-wrapper .header .other {

  font-size: 14px;

  color: #999;

}

.newsinfo-wrapper .header .other span {

  display: inline-block;

  margin-left: 16px;

}

.newsinfo-wrapper .content {

  font-size: 14px;

  color: #666;

  line-height: 30px;

  text-align: justify;

  margin-bottom: 32px;

}

.newsinfo-wrapper .content img {

  display: block;

  margin: 0 auto;

  /* width: 100%!important; */

  height: auto!important;

}

.newsinfo-wrapper .share {

  font-size: 0;

  margin: 30px auto 40px;

}

.newsinfo-wrapper .share span,

.newsinfo-wrapper .share a {

  display: inline-block;

  vertical-align: middle;

  font-size: 14px;

  color: #666;

}

.newsinfo-wrapper .share span {

  position: relative;

  top: -3px;

}

.newsinfo-wrapper .share a {

  margin-left: 10px;

}

.newsinfo-wrapper .share img {

  width: 26px;

}

.newsinfo-wrapper .download {

  display: block;

  width: 160px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  border-radius: 40px;

  background: #c92b2f;

  font-size: 14px;

  color: #fff;

  font-weight: 700;

  margin-bottom: 40px;

}

.newsinfo-wrapper .download img {

  margin-left: 20px;

}

.newsinfo-wrapper .download:hover {

  background: #094485;

}

.newsinfo-wrapper .relative-btn {

  position: relative;

  padding-top: 30px;

  border-top: 1px solid #dedede;

}

.newsinfo-wrapper .relative-btn p,

.newsinfo-wrapper .relative-btn a {

  color: #666;

  font-size: 14px;

  line-height: 30px;

}

.newsinfo-wrapper .relative-btn p {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  padding-right: 130px;

}

.newsinfo-wrapper .relative-btn p:hover a {

  color: #094485;

}

.newsinfo-wrapper .relative-btn .return {

  display: block;

  position: absolute;

  right: 0;

  top: 30px;

  z-index: 10;

  width: 120px;

  height: 36px;

  line-height: 33px;

  text-align: center;

  font-size: 14px;

  color: #094485;

  border: 2px solid #094485;

  border-radius: 30px;

  transition: background 0.3s ease;

  -webkit-transition: background 0.3s ease;

  -moz-transition: background 0.3s ease;

  -ms-transition: background 0.3s ease;

  -o-transition: background 0.3s ease;

}

.newsinfo-wrapper .relative-btn .return:hover {

  color: #fff;

  background: #094485;

}

.index-box-1 .pro_i .list ul li { margin:0 0 11px 11px; width:calc(33.3% - 11px); height:212px; position:relative; padding:0;}

.index-box-1 .pro_i .list ul li .info { background:none; background-color:rgba(0,0,0,0.5); position: absolute; width:100%; height:45px; line-height:45px; bottom:-1px; margin:0; overflow:hidden; text-align:center; }

.index-box-1 .pro_i .list ul li .name {color:#ffffff; line-height:45px; }



.about-wrapper .box-2,

.about-wrapper .box-5,

.about-wrapper .box-6 {

  background: #f8f8f8;

}

.about-wrapper .desc,

.about-wrapper .content {

  font-size: 14px;

  color: #666;

  line-height: 30px;

  text-align: justify;

}

.about-wrapper .swiper-btn {

  display: inline-block;

  width: 30px;

  height: 30px;

  position: absolute;

  top: 50%;

  margin-top: -15px;

  z-index: 10;

  transition: background 0.3s ease;

  -webkit-transition: background 0.3s ease;

  -moz-transition: background 0.3s ease;

  -ms-transition: background 0.3s ease;

  -o-transition: background 0.3s ease;

}

.about-wrapper .swiper-btn.prev {

  left: 0;

  background: url("../img/left3.png"/*tpa=http://www.tofms.net/img/left3.png*/) no-repeat;

  background-size: contain;

}

.about-wrapper .swiper-btn.prev:hover {

  background: url("../img/left4.png"/*tpa=http://www.tofms.net/img/left4.png*/) no-repeat;

  background-size: contain;

}

.about-wrapper .swiper-btn.next {

  right: 0;

  background: url("../img/right3.png"/*tpa=http://www.tofms.net/img/right3.png*/) no-repeat;

  background-size: contain;

}

.about-wrapper .swiper-btn.next:hover {

  background: url("../img/right4.png"/*tpa=http://www.tofms.net/img/right4.png*/) no-repeat;

  background-size: contain;

}

.about-wrapper .caption {

  font-size: 24px;

  color: #332c2b;

  line-height: 30px;

  margin-bottom: 28px;

}

.about-wrapper .box-1 {

  margin-bottom: 90px;

}

.about-wrapper .box-1 .swiper-box {

  margin: 50px auto;

}

.about-wrapper .box-1 .swiper-box .prev {

  left: 30px;

}

.about-wrapper .box-1 .swiper-box .next {

  right: 30px;

}

.about-wrapper .box-1 .swiper-slide {

  font-size: 0;

}

.about-wrapper .box-1 .swiper-slide img {

  width: 100%;

  height: 400px;

  object-fit: cover;

}

.about-wrapper .box-2 {

  padding-bottom: 144px;

}

.about-wrapper .box-2 .swiper-box {

  position: relative;

  padding: 0 45px;

}

.about-wrapper .box-2 .swiper-container {

  padding: 0 20px;

  background: url("../img/a2_bg.png"/*tpa=http://www.tofms.net/img/a2_bg.png*/) repeat-x left 120px bottom;

}

.about-wrapper .box-2 .swiper-wrapper {

  align-items: center;

}

.about-wrapper .box-2 .swiper-slide {

  position: relative;

  font-size: 16px;

  color: #999;

  cursor: pointer;

  text-align: center;

}

.about-wrapper .box-2 .swiper-slide.swiper-slide-active {

  padding-bottom: 40px;

  color: #fff;

}

.about-wrapper .box-2 .swiper-slide.swiper-slide-active span {

  text-align: center;

  width: 80px;

  height: 80px;

  line-height: 80px;

  background: #094485;

  border-radius: 50%;

  padding-left: 0;

}

.about-wrapper .box-2 .swiper-slide span {

  display: inline-block;

}

.about-wrapper .box-2 .prev-1 {

  padding-left: 30px;

}

.about-wrapper .box-2 .prev-2 {

  padding-left: 36px;

}

.about-wrapper .box-2 .swiper-slide-prev {

  padding-left: 20px;

}

.about-wrapper .box-2 .swiper-slide-next {

  padding-right: 8px;

}

.about-wrapper .box-2 .next-1 {

  padding-right: 20px;

}

.about-wrapper .box-2 .next-2 {

  padding-right: 36px;

}

.about-wrapper .box-2 .swiper-btn {

  top: auto;

  bottom: 0;

}

.about-wrapper .box-2 .detail-box {

  margin-top: 46px;

}

.about-wrapper .box-2 .detail-box li {

  text-align: center;

  display: none;

}

.about-wrapper .box-2 .detail-box .title {

  font-size: 48px;

  font-weight: 700;

  font-family: Arial;

  color: #c92b2f;

  margin-bottom: 20px;

}

.about-wrapper .box-2 .detail-box .desc {

  line-height: 24px;

  text-align: center;

}

.about-wrapper .box-3 {

  margin-bottom: 92px;

}

.about-wrapper .box-3 .inner-1 {

  margin-bottom: 56px;

}

.about-wrapper .box-3 .swiper-slide {

  padding: 20px;

  background: #f9f9f9;

}

.about-wrapper .box-3 .swiper-slide:hover .pic img {

  transform: scale(1.2);

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -ms-transform: scale(1.2);

  -o-transform: scale(1.2);

}

.about-wrapper .box-3 .swiper-slide:hover .name {

  color: #094485;

}

.about-wrapper .box-3 .swiper-slide .pic {

  width: 100%;

  padding: 20px;

  background: #fff;

  font-size: 0;

  overflow: hidden;

}

.about-wrapper .box-3 .swiper-slide .pic img {

  width: 100%;

  height: 200px;

  object-fit: cover;

  transition: transform 0.8s ease;

  -webkit-transition: transform 0.8s ease;

  -moz-transition: transform 0.8s ease;

  -ms-transition: transform 0.8s ease;

  -o-transition: transform 0.8s ease;

}

.about-wrapper .box-3 .swiper-slide .name {

  font-size: 16px;

  color: #666;

  text-align: center;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  margin-top: 16px;

}

.about-wrapper .box-3 .inner-2 .item {

  margin-bottom: 58px;

}

.about-wrapper .box-3 .inner-2 .caption {

  margin-bottom: 38px;

}

.about-wrapper .box-3 .inner-2 li {

  display: flex;

  display: -webkit-box;

  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

  display: -moz-box;

  /* Firefox 17- */

  display: -webkit-flex;

  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

  display: -moz-flex;

  /* Firefox 18+ */

  display: -ms-flexbox;

  /* IE 10 */

  padding: 22px 0;

  border-bottom: 1px solid #dedede;

}

.about-wrapper .box-3 .inner-2 li:first-child {

  border-top: 1px solid #dedede;

}

.about-wrapper .box-3 .inner-2 li .name {

  font-size: 14px;

  font-weight: 700;

  color: #094485;

  width: 88px;

  line-height: 30px;

}

.about-wrapper .box-3 .inner-2 li .desc {

  width: 86%;

}

.about-wrapper .box-4 {

  padding-bottom: 90px;

}

.about-wrapper .box-4 .w1200 > .desc {

  text-align: center;

}

.about-wrapper .box-4 ul {

  display: flex;

  display: -webkit-box;

  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

  display: -moz-box;

  /* Firefox 17- */

  display: -webkit-flex;

  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

  display: -moz-flex;

  /* Firefox 18+ */

  display: -ms-flexbox;

  /* IE 10 */

  margin-top: 50px;

}

.about-wrapper .box-4 ul li {

  width: 380px;

  margin-right: 30px;

}

.about-wrapper .box-4 ul li:nth-child(3n) {

  margin-right: 0;

}

.about-wrapper .box-4 ul li:hover .pic img {

  transform: scale(1.05);

  -webkit-transform: scale(1.05);

  -moz-transform: scale(1.05);

  -ms-transform: scale(1.05);

  -o-transform: scale(1.05);

}

.about-wrapper .box-4 ul li:hover .name {

  color: #094485;

}

.about-wrapper .box-4 ul li .pic {

  width: 100%;

  font-size: 0;

  overflow: hidden;

}

.about-wrapper .box-4 ul li .pic img {

  width: 100%;

  height: 250px;

  object-fit: cover;

  transition: transform 0.8s ease;

  -webkit-transition: transform 0.8s ease;

  -moz-transition: transform 0.8s ease;

  -ms-transition: transform 0.8s ease;

  -o-transition: transform 0.8s ease;

}

.about-wrapper .box-4 ul li .name {

  font-size: 24px;

  color: #332c2b;

  margin: 30px auto 20px;

}

.about-wrapper .box-4 ul li .desc {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}

.about-wrapper .box-5 {

  padding-bottom: 100px;

}

.about-wrapper .box-5 .content {

  margin-top: 10px;

}

.about-wrapper .box-5 .content img {

  display: block;

  margin: 0 auto;

}

.about-wrapper .box-6 {

  padding-bottom: 80px;

}

.about-wrapper .box-6 .swiper-container {

  padding: 20px;

  margin: -20px -20px 0;

}

.about-wrapper .box-6 .swiper-slide:hover .pic img {

  transform: scale(1.05);

  -webkit-transform: scale(1.05);

  -moz-transform: scale(1.05);

  -ms-transform: scale(1.05);

  -o-transform: scale(1.05);

}

.about-wrapper .box-6 .swiper-slide:hover .name {

  color: #094485;

}

.about-wrapper .box-6 .swiper-slide:hover a {

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

}

.about-wrapper .box-6 .swiper-slide a {

  display: block;

  padding: 20px;

  background: #fff;

  transition: box-shadow 0.5s ease;

  -webkit-transition: box-shadow 0.5s ease;

  -moz-transition: box-shadow 0.5s ease;

  -ms-transition: box-shadow 0.5s ease;

  -o-transition: box-shadow 0.5s ease;

}

.about-wrapper .box-6 .swiper-slide .pic {

  width: 100%;

  font-size: 0;

  overflow: hidden;

}

.about-wrapper .box-6 .swiper-slide .pic img {

  width: 100%;

  height: 300px;

  object-fit: cover;

  transition: transform 0.8s ease;

  -webkit-transition: transform 0.8s ease;

  -moz-transition: transform 0.8s ease;

  -ms-transition: transform 0.8s ease;

  -o-transition: transform 0.8s ease;

}

.about-wrapper .box-6 .swiper-slide .name {

  font-size: 16px;

  color: #666;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  text-align: center;

  margin-top: 16px;

}

.goods-wrapper {

  padding-bottom: 0;

}

.goods-wrapper .list li {

  padding: 100px 0;

}

.goods-wrapper .list li:nth-child(even) {

  background: #f8f8f8;

}

.goods-wrapper .list li a {

  display: flex;

  display: -webkit-box;

  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

  display: -moz-box;

  /* Firefox 17- */

  display: -webkit-flex;

  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

  display: -moz-flex;

  /* Firefox 18+ */

  display: -ms-flexbox;

  /* IE 10 */

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

  align-items: center;

}

.goods-wrapper .list li a:hover .name {

  color: #c92b2f;

}

.goods-wrapper .list li a:hover img {

  transform: scale(1.05);

  -webkit-transform: scale(1.05);

  -moz-transform: scale(1.05);

  -ms-transform: scale(1.05);

  -o-transform: scale(1.05);

}

.goods-wrapper .list li .info {

  width: 600px;

}

.goods-wrapper .list li .name {

  font-size: 36px;

  color: #332c2b;

  line-height: 36px;

  font-weight: 700;

}

.goods-wrapper .list li .en {

  font-size: 24px;

  color: #c92b2f;

  margin-top: 14px;

}

.goods-wrapper .list li .en:after {

  content: "";

  display: block;

  width: 60px;

  height: 3px;

  background: #094485;

  margin-top: 30px;

}

.goods-wrapper .list li .desc {

  font-size: 14px;

  color: #666;

  line-height: 30px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 4;

  overflow: hidden;

  margin: 50px auto;

  text-indent: 30px;

  text-align: justify;

}

.goods-wrapper .list li .pic {

  width: 420px;

  font-size: 0;

}

.goods-wrapper .list li .pic img {

  width: 100%;

  height: 420px;

  object-fit: contain;

  transition: transform 0.8s ease;

  -webkit-transition: transform 0.8s ease;

  -moz-transition: transform 0.8s ease;

  -ms-transition: transform 0.8s ease;

  -o-transition: transform 0.8s ease;

}

.goods-wrapper .tips {

  display: none;

  font-size: 20px;

  text-align: center;

  margin: 60px auto;

}

.goodsinfo-box {

  background: url("../img/gi_bg.jpg"/*tpa=http://www.tofms.net/img/gi_bg.jpg*/) no-repeat;

  background-size: cover;

  padding: 50px 0 50px;

}

.goodsinfo-box .w1200 {

  display: flex;

  display: -webkit-box;

  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

  display: -moz-box;

  /* Firefox 17- */

  display: -webkit-flex;

  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

  display: -moz-flex;

  /* Firefox 18+ */

  display: -ms-flexbox;

  /* IE 10 */

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

}

.goodsinfo-box .swiper-wrapper {

  padding-bottom: 10px;

}

.goodsinfo-box .pic {

  width: 420px;

  margin-left: 40px;

}

.goodsinfo-box .pic img {

  max-width: 100%;

  max-height: 400px;

}

.goodsinfo-box .info {

  width: 600px;

  padding-top: 82px;

}

.goodsinfo-box .name {

  color: #fff;

  font-size: 36px;

  line-height: 36px;

}

.goodsinfo-box .brief {

  font-size: 24px;

  color: #fff;

  margin: 12px auto 30px;

  padding-bottom: 36px;

  border-bottom: 1px solid #fff;

}

.goodsinfo-box .desc {

  font-size: 14px;

  color: #fff;

  line-height: 30px;

  text-align: justify;

  text-indent: 30px;

}

.goodsinfo-box .swiper-pagination {

  bottom: 0;

  text-align: left;

}

.goodsinfo-box .swiper-pagination .swiper-pagination-bullet {

  opacity: 1;

  width: 27px;

  height: 6px;

  margin-right: 16px;

  background: none;

}

.goodsinfo-box .swiper-pagination .swiper-pagination-bullet:before {

  content: "";

  display: block;

  width: 100%;

  height: 3px;

  background: #c2c2c2;

  margin-top: 1px;

}

.goodsinfo-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {

  background: #094485;

}

.goodsinfo-wrapper {

  padding-top: 0;

  padding-bottom: 0;

}

.goodsinfo-wrapper .desc {

  font-size: 14px;

  color: #666;

  line-height: 30px;

  text-align: justify;

}

.goodsinfo-wrapper .box-1 {

  margin-bottom: 45px;

}

.goodsinfo-wrapper .box-1 .box {

  display: flex;

  display: -webkit-box;

  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

  display: -moz-box;

  /* Firefox 17- */

  display: -webkit-flex;

  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

  display: -moz-flex;

  /* Firefox 18+ */

  display: -ms-flexbox;

  /* IE 10 */

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

  align-items: center;

  padding-bottom: 100px;

  border-bottom: 1px solid #f4f4f4;

}

.goodsinfo-wrapper .box-1 .pic {

  font-size: 0;

  width: 570px;

}

.goodsinfo-wrapper .box-1 .pic img {

  width: 100%;

  height: auto;

}

.goodsinfo-wrapper .box-1 .info {

  width: 570px;

}

.goodsinfo-wrapper .box-2 .content {

  font-size: 14px;

  color: #666;

  line-height: 30px;

}

.goodsinfo-wrapper .box-2 .content.phone {

  display: none;

}

.goodsinfo-wrapper .box-2 .content img {

  display: block;

}

.goodsinfo-wrapper .box-2 ul {

  display: flex;

  display: -webkit-box;

  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

  display: -moz-box;

  /* Firefox 17- */

  display: -webkit-flex;

  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

  display: -moz-flex;

  /* Firefox 18+ */

  display: -ms-flexbox;

  /* IE 10 */

  flex-flow: wrap;

  margin: 40px auto 45px;

}

.goodsinfo-wrapper .box-2 li {

  width: 360px;

  margin-right: 60px;

  margin-bottom: 55px;

  padding-bottom: 22px;

  border-bottom: 1px solid #f4f4f4;

}

.goodsinfo-wrapper .box-2 li:nth-child(3n) {

  margin-right: 0;

}

.goodsinfo-wrapper .box-2 li .title {

  font-size: 18px;

  color: #332c2b;

  font-weight: 700;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  margin-bottom: 10px;

}

.goodsinfo-wrapper .box-2 .num {

  display: inline-block;

  font-family: Arial;

  color: #c92b2f;

  font-size: 36px;

  margin-right: 10px;

}

.goodsinfo-wrapper .box-3 {

  background: url("../img/gi_bg2.jpg"/*tpa=http://www.tofms.net/img/gi_bg2.jpg*/) no-repeat;

  background-size: cover;

  font-size: 0;

  padding-bottom: 200px;

}

.goodsinfo-wrapper .box-3 .index-title-box .title {

  color: #fff;

}

.goodsinfo-wrapper .box-3 .swiper-slide a {

  display: block;

}

.goodsinfo-wrapper .box-3 .swiper-slide:hover img {

  transform: scale(1.05);

  -webkit-transform: scale(1.05);

  -moz-transform: scale(1.05);

  -ms-transform: scale(1.05);

  -o-transform: scale(1.05);

}

.goodsinfo-wrapper .box-3 .swiper-slide:hover .name {

  color: #094485;

}

.goodsinfo-wrapper .box-3 .pic {

  font-size: 0;

  overflow: hidden;

}

.goodsinfo-wrapper .box-3 .pic img {

  width: 74%;

  height: 368px;

  object-fit: cover;

  transition: transform 0.8s ease;

  -webkit-transition: transform 0.8s ease;

  -moz-transition: transform 0.8s ease;

  -ms-transition: transform 0.8s ease;

  -o-transition: transform 0.8s ease;

}

.goodsinfo-wrapper .box-3 .name {

  color: #fff;

  font-size: 14px;

  line-height: 36px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  margin-top: 22px;

  text-align: center;

}

.goodsinfo-wrapper .box-3 .swiper-btn {

  display: inline-block;

  position: absolute;

  top: 50%;

  z-index: 10;

  width: 50px;

  height: 50px;

  margin-top: -25px;

  transition: background 0.3s ease;

  -webkit-transition: background 0.3s ease;

  -moz-transition: background 0.3s ease;

  -ms-transition: background 0.3s ease;

  -o-transition: background 0.3s ease;

  border-radius: 50%;

}

.goodsinfo-wrapper .box-3 .prev {

  left: -84px;

  background: rgba(0, 0, 0, 0.2) url("../img/left5.png"/*tpa=http://www.tofms.net/img/left5.png*/) no-repeat center center;

}

.goodsinfo-wrapper .box-3 .prev:hover {

  background: #094485 url("../img/left5.png"/*tpa=http://www.tofms.net/img/left5.png*/) no-repeat center center;

}

.goodsinfo-wrapper .box-3 .next {

  right: -84px;

  background: rgba(0, 0, 0, 0.2) url("../img/right5.png"/*tpa=http://www.tofms.net/img/right5.png*/) no-repeat center center;

}

.goodsinfo-wrapper .box-3 .next:hover {

  background: #094485 url("../img/right5.png"/*tpa=http://www.tofms.net/img/right5.png*/) no-repeat center center;

}

.goodsinfo-wrapper .box-4 {

  margin-bottom: 100px;

}

.goodsinfo-wrapper .box-4 li {

  border-bottom: 1px solid #f4f4f4;

  display: flex;

  display: -webkit-box;

  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

  display: -moz-box;

  /* Firefox 17- */

  display: -webkit-flex;

  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

  display: -moz-flex;

  /* Firefox 18+ */

  display: -ms-flexbox;

  /* IE 10 */

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

  align-items: center;

  padding-bottom: 76px;

  margin-bottom: 60px;

}

.goodsinfo-wrapper .box-4 li:last-child {

  border-bottom: none;

  margin-bottom: 0;

  padding-bottom: 0;

}

.goodsinfo-wrapper .box-4 li .info,

.goodsinfo-wrapper .box-4 li .pic {

  width: 570px;

}

.goodsinfo-wrapper .box-4 li .name {

  font-size: 18px;

  color: #332c2b;

  font-weight: 700;

  line-height: 30px;

  margin-bottom: 16px;

}

.goodsinfo-wrapper .box-4 li .pic {

  font-size: 0;

}

.goodsinfo-wrapper .box-4 li .pic img {

  width: 100%;

  height: auto;

}

.goodsinfo-wrapper .box-5.phone {

  display: none;

}

.goodsinfo-wrapper .box-5 .content img {

  display: block;

}

.solution-wrapper .list ul {

  margin-bottom: 60px;

}

.solution-wrapper .list ul li {

  padding: 40px 0;

  border-bottom: 1px solid #f4f4f4;

}

.solution-wrapper .list ul li:hover .pic img {

  transform: scale(1.05);

  -webkit-transform: scale(1.05);

  -moz-transform: scale(1.05);

  -ms-transform: scale(1.05);

  -o-transform: scale(1.05);

}

.solution-wrapper .list ul li:hover .name {

  color: #094485;

}

.solution-wrapper .list ul li:first-child {

  padding-top: 0;

}

.solution-wrapper .list ul li a {

  display: flex;

  display: -webkit-box;

  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

  display: -moz-box;

  /* Firefox 17- */

  display: -webkit-flex;

  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

  display: -moz-flex;

  /* Firefox 18+ */

  display: -ms-flexbox;

  /* IE 10 */

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

}

.solution-wrapper .list ul li .pic {

  font-size: 0;

  width: 330px;

  overflow: hidden;

}

.solution-wrapper .list ul li .pic img {

  width: 100%;

  height: 230px;

  object-fit: cover;

  transition: transform 0.8s ease;

  -webkit-transition: transform 0.8s ease;

  -moz-transition: transform 0.8s ease;

  -ms-transition: transform 0.8s ease;

  -o-transition: transform 0.8s ease;

}

.solution-wrapper .list ul li .info {

  position: relative;

  width: 830px;

  padding-top: 20px;

}

.solution-wrapper .list ul li .name {

  font-size: 24px;

  color: #332c2b;

}

.solution-wrapper .list ul li .desc {

  font-size: 14px;

  color: #666;

  line-height: 30px;

  height: 60px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  margin: 28px auto 40px;

}

.solution-wrapper .list ul li .date {

  font-size: 14px;

  color: #999;

}

.solution-wrapper .list ul li .index-more {

  position: absolute;

  right: 0;

  bottom: 24px;

  z-index: 10;

}

.download-wrapper .cat-box {

  font-size: 0;

}

.download-wrapper .cat-box a {

  display: inline-block;

  width: 120px;

  height: 36px;

  line-height: 36px;

  text-align: center;

  font-size: 14px;

  color: #fff;

  font-weight: 700;

  background: #ccc;

  transition: background 0.3s ease;

  -webkit-transition: background 0.3s ease;

  -moz-transition: background 0.3s ease;

  -ms-transition: background 0.3s ease;

  -o-transition: background 0.3s ease;

  border-radius: 30px;

  margin-right: 20px;

}

.download-wrapper .cat-box a:nth-child {

  margin-right: 0;

}

.download-wrapper .cat-box a:hover,

.download-wrapper .cat-box a.on {

  background: #094485;

}

.download-wrapper .desc {

  font-size: 14px;

  color: #666;

  line-height: 30px;

  margin: 50px auto 40px;

}

.download-wrapper ul {

  margin-bottom: 60px;

}

.download-wrapper li {

  display: flex;

  display: -webkit-box;

  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

  display: -moz-box;

  /* Firefox 17- */

  display: -webkit-flex;

  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

  display: -moz-flex;

  /* Firefox 18+ */

  display: -ms-flexbox;

  /* IE 10 */

  height: 60px;

  align-items: center;

  background: #f7f7f7;

  border-bottom: 1px solid #f8f8f8;

  padding-left: 40px;

}

.download-wrapper li:first-child {

  background: #c92b2f;

}

.download-wrapper li:first-child:hover .name {

  color: #fff;

}

.download-wrapper li:first-child .name,

.download-wrapper li:first-child .size,

.download-wrapper li:first-child .date,

.download-wrapper li:first-child .btn {

  color: #fff;

  font-weight: 700;

  font-size: 16px;

}

.download-wrapper li:first-child .btn {

  background: none;

}

.download-wrapper li:first-child .btn:hover {

  background: none;

}

.download-wrapper li:nth-child(even) {

  background: #f2f2f2;

}

.download-wrapper li:hover .name {

  color: #094485;

}

.download-wrapper li .name {

  color: #332c2b;

  font-weight: 700;

  flex: 1;

  overflow: hidden;

}

.download-wrapper li div {

  color: #666;

  font-size: 14px;

}

.download-wrapper li .size,

.download-wrapper li .date {

  font-family: Arial;

  width: 75px;

  text-align: center;

}

.download-wrapper li .date {

  margin: 0 102px 0 138px;

}

.download-wrapper li .btn {

  text-align: center;

  width: 112px;

  height: 30px;

  background: url("../img/dicon1.png"/*tpa=http://www.tofms.net/img/dicon1.png*/) no-repeat center center;

}

.download-wrapper li .btn:hover {

  background: url("../img/dicon2.png"/*tpa=http://www.tofms.net/img/dicon2.png*/) no-repeat center center;

}

.download-modal-box {

  position: fixed;

  left: 0;

  top: 0;

  z-index: 40;

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

  width: 100%;

  height: 100%;

  display: none;

  align-items: center;

  /* input placeholder  */

}

.download-modal-box.on {

  display: flex;

  display: -webkit-box;

  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

  display: -moz-box;

  /* Firefox 17- */

  display: -webkit-flex;

  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

  display: -moz-flex;

  /* Firefox 18+ */

  display: -ms-flexbox;

  /* IE 10 */

}

.download-modal-box .box {

  position: relative;

  width: 800px;

  margin: 0 auto;

  height: 550px;

  background: #fff;

  padding: 60px;

  overflow: hidden;

}

.download-modal-box .title {

  font-size: 24px;

  color: #332c2b;

  padding-bottom: 26px;

  border-bottom: 1px solid #f3f3f3;

}

.download-modal-box ::-webkit-input-placeholder {

  /* WebKit browsers */

  color: #333333;

  font-size: 14px;

}

.download-modal-box :-moz-placeholder {

  /* Mozilla Firefox 4 to 18 */

  color: #333333;

  font-size: 14px;

}

.download-modal-box ::-moz-placeholder {

  /* Mozilla Firefox 19+ */

  color: #333333;

  font-size: 14px;

}

.download-modal-box :-ms-input-placeholder {

  /* Internet Explorer 10+ */

  color: #333333;

  font-size: 14px;

}

.download-modal-box .index-more {

  float: right;

  margin-top: 60px;

}

.download-modal-box .form {

  display: flex;

  display: -webkit-box;

  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

  display: -moz-box;

  /* Firefox 17- */

  display: -webkit-flex;

  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

  display: -moz-flex;

  /* Firefox 18+ */

  display: -ms-flexbox;

  /* IE 10 */

  flex-flow: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

}

.download-modal-box .group {

  width: 310px;

  margin-top: 40px;

}

.download-modal-box .group .text {

  width: 100%;

  font-size: 14px;

  color: #333;

  line-height: 54px;

  border-bottom: 1px solid #f3f3f3;

}

.download-modal-box .close {

  display: block;

  position: absolute;

  right: 30px;

  top: 30px;

  z-index: 10;

  width: 15px;

  height: 15px;

  background: url("../img/close.png"/*tpa=http://www.tofms.net/img/close.png*/) no-repeat;

  transition: background 0.3s ease;

  -webkit-transition: background 0.3s ease;

  -moz-transition: background 0.3s ease;

  -ms-transition: background 0.3s ease;

  -o-transition: background 0.3s ease;

}

.download-modal-box .close:hover {

  background: url("../img/close2.png"/*tpa=http://www.tofms.net/img/close2.png*/) no-repeat;

}

.job-wrapper {

  padding: 0;

}

.job-wrapper .content {

  font-size: 14px;

  color: #666;

  line-height: 30px;

}

.job-wrapper .index-title-box .title {

  font-weight: 500;

}

.job-wrapper .box-1 {

  margin-bottom: 94px;

}

.job-wrapper .box-1 .content {

  text-align: center;

  margin-bottom: 52px;

}

.job-wrapper .box-1 .content img {

  display: block;

  margin: 0 auto;

}

.job-wrapper .box-1 .caption {

  font-size: 18px;

  color: #333;

  font-weight: 700;

  line-height: 30px;

  margin-bottom: 16px;

}

.job-wrapper .box-1 .line {

  width: 40px;

  height: 1px;

  background: #aaa;

  margin: 52px auto;

}

.job-wrapper .box-2 {

  background: #f8f8f8;

  padding-bottom: 60px;

}

.job-wrapper .box-2 .list .item {

  display: none;

}

.job-wrapper .box-2 .list ul {

  display: flex;

  display: -webkit-box;

  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

  display: -moz-box;

  /* Firefox 17- */

  display: -webkit-flex;

  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

  display: -moz-flex;

  /* Firefox 18+ */

  display: -ms-flexbox;

  /* IE 10 */

  flex-flow: wrap;

}

.job-wrapper .box-2 .list ul li {

  width: 270px;

  background: #fff;

  margin-right: 40px;

  margin-bottom: 40px;

  padding: 36px 30px 58px;

  cursor: pointer;

}

.job-wrapper .box-2 .list ul li:nth-child(4n) {

  margin-right: 0;

}

.job-wrapper .box-2 .list ul li:hover {

  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.15);

}

.job-wrapper .box-2 .list ul li .cat {

  font-size: 14px;

  color: #999;

}

.job-wrapper .box-2 .list ul li .name {

  font-size: 24px;

  color: #332c2b;

  margin: 8px auto 32px;

}

.job-wrapper .box-2 .list ul li .content {

  line-height: 24px;

  margin-bottom: 32px;

}

.job-wrapper .box-2 .list ul li .detail {

  display: none;

}

.job-modal-box {

  position: fixed;

  left: 0;

  top: 0;

  z-index: 40;

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

  width: 100%;

  height: 100%;

  display: none;

  align-items: center;

}

.job-modal-box .content-box {

  max-height: 60vh;

  overflow-y: auto;

  padding-right: 15px;

}

.job-modal-box .content-box::-webkit-scrollbar {

  width: 3px;

}

.job-modal-box .content-box::-webkit-scrollbar-track {

  background-color: #f7f8f9;

}

.job-modal-box .content-box::-webkit-scrollbar-thumb {

  background-color: #094485;

}

.job-modal-box .content {

  font-size: 14px;

  color: #666;

  line-height: 30px;

  margin-bottom: 30px;

}

.job-modal-box.on {

  display: flex;

  display: -webkit-box;

  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

  display: -moz-box;

  /* Firefox 17- */

  display: -webkit-flex;

  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

  display: -moz-flex;

  /* Firefox 18+ */

  display: -ms-flexbox;

  /* IE 10 */

}

.job-modal-box .box {

  position: relative;

  width: 920px;

  margin: 0 auto;

  background: #fff;

  padding: 60px;

  overflow: hidden;

}

.job-modal-box .title {

  font-size: 36px;

  color: #332c2b;

  padding-bottom: 26px;

  border-bottom: 1px solid #f3f3f3;

  margin-bottom: 36px;

}

.job-modal-box .tit {

  font-size: 18px;

  color: #094485;

  font-weight: 700;

  line-height: 30px;

  margin-bottom: 15px;

}

.job-modal-box .close {

  display: block;

  position: absolute;

  right: 40px;

  top: 40px;

  z-index: 10;

  width: 32px;

  height: 32px;

  background: url("../img/close3.png"/*tpa=http://www.tofms.net/img/close3.png*/) no-repeat;

  transition: background 0.3s ease;

  -webkit-transition: background 0.3s ease;

  -moz-transition: background 0.3s ease;

  -ms-transition: background 0.3s ease;

  -o-transition: background 0.3s ease;

}

.job-modal-box .close:hover {

  background: url("../img/close4.png"/*tpa=http://www.tofms.net/img/close4.png*/) no-repeat;

}

.contact-wrapper {

  padding: 0;

}

.contact-wrapper .index-title-box .title {

  font-weight: 500;

}

.contact-wrapper .box-1 {

  margin-bottom: 100px;

  /* input placeholder  */

}

.contact-wrapper .box-1 .form {

  display: flex;

  display: -webkit-box;

  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

  display: -moz-box;

  /* Firefox 17- */

  display: -webkit-flex;

  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

  display: -moz-flex;

  /* Firefox 18+ */

  display: -ms-flexbox;

  /* IE 10 */

  flex-flow: wrap;

}

.contact-wrapper .box-1 .group {

  width: 360px;

  margin-right: 60px;

  margin-bottom: 40px;

}

.contact-wrapper .box-1 .group:nth-child(3n) {

  margin-right: 0;

}

.contact-wrapper .box-1 .group.max {

  width: 100%;

  margin-right: 0;

  margin-bottom: 60px;

}

.contact-wrapper .box-1 .text,

.contact-wrapper .box-1 .msg {

  font-size: 14px;

  color: #333;

  width: 100%;

}

.contact-wrapper .box-1 .text {

  line-height: 54px;

  border-bottom: 1px solid #f3f3f3;

}

.contact-wrapper .box-1 label {

  display: block;

  font-size: 14px;

  color: #333;

  line-height: 30px;

  margin-bottom: 14px;

}

.contact-wrapper .box-1 .msg {

  line-height: 30px;

  border: 1px solid #f3f3f3;

  resize: none;

  font-family: "微软雅黑";

  padding: 10px 15px;

  height: 180px;

  border-radius: 5px;

}

.contact-wrapper .box-1 .msg::-webkit-input-placeholder {

  color: #999999;

}

.contact-wrapper .box-1 ::-webkit-input-placeholder {

  /* WebKit browsers */

  color: #333333;

  font-size: 14px;

}

.contact-wrapper .box-1 :-moz-placeholder {

  /* Mozilla Firefox 4 to 18 */

  color: #333333;

  font-size: 14px;

}

.contact-wrapper .box-1 ::-moz-placeholder {

  /* Mozilla Firefox 19+ */

  color: #333333;

  font-size: 14px;

}

.contact-wrapper .box-1 :-ms-input-placeholder {

  /* Internet Explorer 10+ */

  color: #333333;

  font-size: 14px;

}

.contact-wrapper .box-1 .index-more {

  margin: 0 auto;

}

.contact-wrapper .box-2 {

  background: #f8f8f8;

  padding-bottom: 40px;

}

.contact-wrapper .box-2 .contact-box {

  margin-bottom: 52px;

}

.contact-wrapper .box-2 .contact-box ul {

  display: flex;

  display: -webkit-box;

  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

  display: -moz-box;

  /* Firefox 17- */

  display: -webkit-flex;

  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

  display: -moz-flex;

  /* Firefox 18+ */

  display: -ms-flexbox;

  /* IE 10 */

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

}

.contact-wrapper .box-2 .contact-box ul li {

  width: 25%;

  text-align: center;

  cursor: pointer;

}

.contact-wrapper .box-2 .contact-box ul li:hover .icon img.original {

  display: none;

}

.contact-wrapper .box-2 .contact-box ul li:hover .icon img.on {

  display: inline-block;

}

.contact-wrapper .box-2 .contact-box ul li:hover .name {

  color: #094485;

}

.contact-wrapper .box-2 .contact-box .icon {

  width: 80px;

  margin: 0 auto;

}

.contact-wrapper .box-2 .contact-box .icon img {

  width: 100%;

}

.contact-wrapper .box-2 .contact-box .icon img.on {

  display: none;

}

.contact-wrapper .box-2 .contact-box .name {

  font-size: 18px;

  color: #332c2b;

  font-weight: 700;

  margin: 28px auto 10px;

}

.contact-wrapper .box-2 .contact-box a {

  display: block;

  font-size: 14px;

  color: #666;

  line-height: 24px;

}

.contact-wrapper .box-2 .add-box ul {

  display: flex;

  display: -webkit-box;

  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

  display: -moz-box;

  /* Firefox 17- */

  display: -webkit-flex;

  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

  display: -moz-flex;

  /* Firefox 18+ */

  display: -ms-flexbox;

  /* IE 10 */

  flex-flow: wrap;

}

.contact-wrapper .box-2 .add-box ul li {

  width: 1260px;

  margin-right: 60px;

  margin-bottom: 60px;

  background: #fff;

  cursor: pointer;

}

.contact-wrapper .box-2 .add-box ul li:nth-child(2n) {

  margin-right: 0;

}

.contact-wrapper .box-2 .add-box ul li:hover {

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

}

.contact-wrapper .box-2 .add-box ul li:hover .pic img {

  transform: scale(1.05);

  -webkit-transform: scale(1.05);

  -moz-transform: scale(1.05);

  -ms-transform: scale(1.05);

  -o-transform: scale(1.05);

}

.contact-wrapper .box-2 .add-box ul li:hover .name {

  color: #094485;

}

.contact-wrapper .box-2 .add-box ul li .pic {

  font-size: 0;

  overflow: hidden;

}

.contact-wrapper .box-2 .add-box ul li .pic img {

  width: 100%;

  height: 300px;

  object-fit: cover;

  transition: transform 0.8s ease;

  -webkit-transition: transform 0.8s ease;

  -moz-transition: transform 0.8s ease;

  -ms-transition: transform 0.8s ease;

  -o-transition: transform 0.8s ease;

}

.contact-wrapper .box-2 .add-box ul li .info {

  padding: 36px 70px 30px 40px;

  background: url("../img/local.png"/*tpa=http://www.tofms.net/img/local.png*/) no-repeat right 40px bottom 40px;

}

.contact-wrapper .box-2 .add-box ul li .name {

  font-size: 24px;

  color: #332c2b;

  letter-spacing: 1px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  margin-bottom: 18px;

}

.contact-wrapper .box-2 .add-box ul li .desc {

  font-size: 14px;

  color: #666;

  line-height: 30px;

}

.service-wrapper .swiper-wrapper {

  height: 100vh;

}

.service-wrapper .swiper-pagination {

  padding-right: 360px;

  top: 180px;

  transform: translateY(0);

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

}

.service-wrapper .swiper-pagination .swiper-pagination-bullet {

  opacity: 0.2;

  font-size: 18px;

  font-weight: 700;

  width: auto;

  height: auto;

  background: none;

  border-radius: 0;

  color: #fff;

  margin: 0 0 12px 0;

  text-align: right;

}

.service-wrapper .swiper-pagination .swiper-pagination-bullet:after {

  content: "";

  display: inline-block;

  width: 0;

  height: 2px;

  background: #fff;

  vertical-align: middle;

  transition: width 0.5s ease;

  -webkit-transition: width 0.5s ease;

  -moz-transition: width 0.5s ease;

  -ms-transition: width 0.5s ease;

  -o-transition: width 0.5s ease;

}

.service-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

  opacity: 1;

}

.service-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {

  width: 40px;

  margin-left: 10px;

}

.service-wrapper .swiper-slide {

  height: 100vh;

}

.service-wrapper .swiper-slide .pic {

  font-size: 0;

}

.service-wrapper .swiper-slide .info {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 10;

  display: flex;

  display: -webkit-box;

  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

  display: -moz-box;

  /* Firefox 17- */

  display: -webkit-flex;

  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

  display: -moz-flex;

  /* Firefox 18+ */

  display: -ms-flexbox;

  /* IE 10 */

  align-items: center;

  overflow: hidden;

  padding-top: 80px;

  opacity: 0;

  visibility: hidden;

  transition: transform 2s,opacity 2s ease;

  transform: translateY(10%);

  -webkit-transform: translateY(10%);

  -moz-transform: translateY(10%);

  -ms-transform: translateY(10%);

  -o-transform: translateY(10%);

}

.service-wrapper .swiper-slide .name {

  font-size: 36px;

  color: #fff;

  font-weight: 700;

  letter-spacing: 4px;

  margin-bottom: 10px;

}

.service-wrapper .swiper-slide .desc {

  font-size: 24px;

  color: #094485;

  font-family: Arial;

  letter-spacing: 1px;

  text-transform: uppercase;

}

.service-wrapper .swiper-slide .brief {

  font-size: 18px;

  color: #fff;

  display: inline-block;

  padding-bottom: 30px;

  border-bottom: 1px solid #fff;

  margin-top: 24px;

}

.service-wrapper .swiper-slide .data {

  width: 580px;

  margin-top: 110px;

}

.service-wrapper .swiper-slide .data ul {

  display: flex;

  display: -webkit-box;

  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

  display: -moz-box;

  /* Firefox 17- */

  display: -webkit-flex;

  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

  display: -moz-flex;

  /* Firefox 18+ */

  display: -ms-flexbox;

  /* IE 10 */

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

}

.service-wrapper .swiper-slide .data li {

  position: relative;

  width: 250px;

  line-height: 56px;

  border-bottom: 1px solid #fff;

  padding-bottom: 26px;

  display: flex;

  display: -webkit-box;

  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

  display: -moz-box;

  /* Firefox 17- */

  display: -webkit-flex;

  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

  display: -moz-flex;

  /* Firefox 18+ */

  display: -ms-flexbox;

  /* IE 10 */

}

.service-wrapper .swiper-slide .data li:last-child {

  width: 220px;

}

.service-wrapper .swiper-slide .data li em {

  font-family: "dm";

  font-size: 72px;

  font-style: normal;

  color: #fff;

  line-height: 56px;

  margin-right: 20px;

}

.service-wrapper .swiper-slide .data li .text {

  font-size: 12px;

  color: #fff;

  line-height: 24px;

}

.service-wrapper .swiper-slide .box {

  float: left;

  padding-bottom: 15px;

  margin-top: 94px;

  border-bottom: 1px solid #fff;

}

.service-wrapper .swiper-slide .tel {

  font-size: 36px;

  color: #fff;

  margin-bottom: 25px;

}

.service-wrapper .swiper-slide .content {

  display: inline-block;

  font-size: 24px;

  color: #fff;

  line-height: 48px;

}

.service-wrapper .slide-1 img,

.service-wrapper .slide-2 img,

.service-wrapper .slide-3 img {

  width: 100%;

  height: 100vh;

  object-fit: cover;

}

.service-wrapper .slide-1 .name {

  margin-bottom: 20px;

}

.service-wrapper .slide-3 .desc {

  display: inline-block;

  padding-bottom: 24px;

  border-bottom: 1px solid #fff;

}

.service-wrapper .swiper-slide-active .info {

  opacity: 1;

  visibility: visible;

  transform: translateY(0);

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

}

/*分页*/

.pageNum {

  text-align: center;

}

.pageNum a {

  margin: 0 10px;

  display: inline-block;

  width: 48px;

  height: 48px;

  line-height: 48px;

  font-size: 14px;

  color: #666;

  font-family: Arial;

  vertical-align: middle;

  background: #f8f8f8;

  transition: background 0.3s ease;

  -webkit-transition: background 0.3s ease;

  -moz-transition: background 0.3s ease;

  -ms-transition: background 0.3s ease;

  -o-transition: background 0.3s ease;

  margin: 0 5px;

}

.pageNum a:hover,

.pageNum .aNow {

  color: #fff;

  background: #094485;

}

.pageNum .prev,

.pageNum .next {

  width: 80px;

}

.pageNum em {

  font-style: normal;

}

.pageMore {

  display: none;

}

.pageMore a {

  display: block;

  width: 100%;

  text-align: center;

  height: 40px;

  line-height: 40px;

  background: #094485;

  color: #fff;

  font-size: 14px;

}

.clearfix {

  clear: both;

  overflow: hidden;

}

@keyframes fadeIn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

.iebox {

  width: 100%;

  height: 100%;

  position: fixed;

  left: 0;

  top: 0;

  z-index: 99;

  background: #fff;

  display: none;

}

.iebox .box {

  width: 1200px;

  margin: 0 auto;

  text-align: center;

  padding-top: 140px;

}

.iebox .tips {

  font-size: 18px;

  line-height: 30px;

  font-weight: 700;

  color: #333;

  margin-bottom: 30px;

}

.pic .swiper-slide { text-align:center; }