/*重置样式*/

* {

	margin: 0;

	padding: 0;

	box-sizing: border-box;

}

h1, h2, h3, h4, h5, h6 {

  color: inherit;

  font-weight: normal;

}



img {

	border: none;

	vertical-align: middle;

}

ul, ol, li {

	list-style: none;

}

input, textarea, button, span, li, a, div {

	border: none;

	outline: none;

	resize: none;

}

table {

  width: 100%;

  border-spacing: 0;

  border-collapse: collapse;

}

td,

th {

  padding: 0;

}

textarea {

  font-family: "微软雅黑", sans-serif;

  overflow: auto;

}

a, a:active, a:hover, a:visited {

	color: inherit;

	text-decoration: none;

}

.con a {

  color: #d9110c;

  text-decoration: underline;

}

.init * {

  list-style: inherit;

}



/*基础样式*/

html {

  font-size: 10px;

}

body {

  font-family: "微软雅黑", sans-serif;

  color: #2d3540;

  font-size: 16px !important;

  background-color: #fff;

  overflow-x: hidden;

}

.imgs-btn img {

  cursor: zoom-in;

}

.fl {

  float: left;

}

.fr {

  float: right;

}

.clearfix {

  *zoom: 1;

}

.clearfix:before,

.clearfix:after {

  content: "";

  display: block;

  width: 0;

  height: 0;

  clear: both;

  visibility: hidden;

}

.mycol {

  margin: 0 -15px;

}

.mycol .col {

  float: left;

  padding: 0 15px;

  text-align: center;

}

.col img {

  max-width: 100%;

}

.mycol-2 .col {

  width: 50%;

}

.mycol-3 .col {

  width: 33.33333%;

}

.mycol-4 .col {

  width: 25%;

}

.mycol-5 .col {

  width: 20%;

}

.center-fa {

  position: relative;

}

.center {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, 50%);

}

.centerX {

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

}

.centerY {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

}

.center-img {

  height: 100%;

  position: relative;

  overflow: hidden;

}

.center-img img {

  position: absolute;

  left: 50%;

  top: 50%;

  width: auto;

  max-width: none;

  min-width: 100%;

  min-height: 100%;

  transform: translate(-50%, -50%);

}

.full-img {

  width: 100%;

  height: 0;

  position: relative;

}

.full-img img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.hvr-bg-move {

  position: relative;

  overflow: hidden;

  transition: all .5s;

}

.hvr-bg-move:hover {

  box-shadow: 0 0 5px #fff inset;

}

.hvr-bg-move:after {

  content: '';

  position: absolute;

  left: -100%;

  top: 0;

  width: 0;

  height: 100%;

  background-color: #fff;

  opacity: .5;

  box-shadow: 0 0 30px #fff;

}

.hvr-bg-move:hover:after {

  left: 100%;

  width: 50%;

  transition: all .5s;

}





/*公共样式*/

.w {

  width: 1440px;

  margin: 0 auto;

}

p {

  color: #2d3540;

  font-size: 16px;

  line-height: 25px;

  font-weight: normal;

}

.com-padding {

  padding-top: 100px;

  padding-bottom: 100px;

}

.com-bg {

  background-color: #f5f5f5;

}

.com-hover-ba:before,

.com-hover-ba:after {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  transition: transform .3s;

  z-index: -2;

}

.com-title {

  text-align: center;

}

.com-title h2{

  margin-bottom: 25px;

  color: #1e242b;

  font-size: 32px;

}

.com-title p {

  margin-bottom: 60px;

  color: #ccc;

  font-size: 20px;

  text-transform: uppercase;

}

.page-title {

  text-align: center;

}

.page-title span {

  display: block;

  height: 25px;

  color: #999;

  font-size: 16px;

}

.page-title h3 {

  height: 90px;

  color: #d9110c;

  font-size: 36px;

}

.position {

  line-height: 90px;

  color: #999;

  font-size: 15px;

  padding-left: 35px;

  background: url(../../images/moban/home_icon01.png) left center no-repeat;

}

.position a {

  color: #999;

  display: inline-block;

  transition: all .3s;

}

.position a:last-of-type {

  color: #555;

}

.position > a:hover {

  color: #d9110c;

  transform: translateY(-2px);

}

.position .fr a {

  display: inline-block;

  width: 90px;

  height: 30px;

  line-height: 30px;

  border-radius: 30px;

  text-align: center;

  color: #262626;

  font-size: 15px;

  background-color: #fff;

}



/*公共头部*/

body {

  min-width: 1200px;

  padding-top: 130px !important;

}

.header-top {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 30px;

  line-height: 30px;

  padding: 0 3vw;

  text-align: center;

  font-size: 14px;

  border-bottom: 1px solid #eee;

  background-color: #fff;

  z-index: 999;

}

.header-top a {

  margin-left: 15px;

  vertical-align: middle;

}

.header-top img {

  margin-top: -2px;

  margin-right: 3px;

  vertical-align: middle;

}

.header {

  position: fixed;

  left: 0;

  top: 30px;

  width: 100%;

  height: 100px;

  line-height: 100px;

  padding: 0 3vw;

  transition: all .3s;

  background-color: #fff;

  z-index: 999;

  min-width: 1200px;

}

.header.top {

  height: 70px;

  line-height: 70px;

}

.header .logo {

  position: relative;

  width: 270px;

}

.header .logo a {

  display: block;

  font-size: 0;

}

.header .logo img {

  height: 60px;

}

.header .logo p {

  position: absolute;

  top: 50%;

  right: 0;

  transform: translateY(-50%);

  color: #2d3540;

  font-size: 18px;

  line-height: 28px;

  text-align: center;

  font-weight: 700;

}

.header .logo p span {

  display: block;

  color: #666;

  font-size: 14px;

  font-weight: normal;

  letter-spacing: 1px;

}

.header .nav {

  position: relative;

  margin-left: 4vw;

}

.header .nav li {

  float: left;

  margin-left: 2.5vw;

}

.header .nav li > a {

  display: inline-block;

  padding: 0 10px;

  color: #2d3540;

  font-size: 16px;

  line-height: 1;

  position: relative;

  overflow: hidden;

}

.header .nav li > a:after {

  content: '';

  position: absolute;

  left: 0;

  bottom: -20px;

  width: 100%;

  height: 5px;

  background-color: rgba(255,0,0,.9);

  transition: all .3s;

  opacity: .8;

}

.header .nav li:hover > a:after,

.header .nav li.active > a:after {

  bottom: 0;

}

.header li .subnav {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 1100px;

  height: 410px;

  transform: translateY(100%) scaleY(0);

  background-color: #fff;

  box-shadow: 0 15px 30px -10px #666;

  overflow: hidden;

  opacity: 0;

  transition: all .5s;

  transform-origin: top;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  display: flex;

  flex-direction: column;

}

.header li:hover .subnav {

  opacity: 1;

  overflow: visible;

  transform: translateY(100%) scaleY(1);

}

.header li .subnav .box {

  flex: auto;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  display: flex;

  flex-direction: column;

  line-height: 1;

}

.header li .subnav .box.active {

  color: #d9110c;

}

.header li .subnav .box > .name {

  width: 200px;

  height: 100%;

  flex: auto;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  display: flex;

}

.header li .subnav .box > .name a {

  width: 100%;

  border: 1px solid #ddd;

  border-top: none;

  border-left-color: #fff;

  border-left-width: 4px;

  cursor: pointer;

  flex: auto;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  display: flex;

  align-items: center;

  justify-content: center;

}

.header li .subnav .box.active > .name a {

  border-right-color: #fff;

  border-left-color: #d9110c;

  border-left-width: 4px;

}

.header li .subnav .con {

  position: absolute;

  left: 200px;

  top: 0;

  width: 900px;

  background-color: #fff;

  line-height: 1;

  text-align: left;

  transform: scaleX(0);

  transform-origin: left;

}

.header li .subnav .box.active .con {

  transition: all .3s;

  transform: scaleX(1);

}

.header li .subnav .con .img {

  width: 50%;

  height: 100%;

  padding: 2.5vw;

  padding-left: 1vw;

}

.header li .subnav .con .img img {

  width: 100%;

  height: 100%;

}

.header li .subnav .con .txt {

  width: 50%;

  padding-top: 2.5vw;

  padding-right: 2.5vw;

}

.header li .subnav .con h4 {

  height: 40px;

  color: #1e242b;

  font-size: 24px;

  position: relative;

}

.header li .subnav .con h4:after {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  width: 40px;

  border-bottom: 3px solid #d9110c;

}

.header li .subnav .con h5 {

  margin-top: 2vw;

  margin-bottom: 15px;

  color: #d9110c;

  font-size: 18px;

}

.header li .subnav .con p {

  margin-bottom: 2.5vw;

  color: #ccc;

  font-size: 14px;

  line-height: 25px;

  overflow: hidden;

  text-align: justify;

}

.header li .subnav .con .txt > a {

  color: #1e242b;

  font-size: 14px;

  text-decoration: underline;

}

.header li .subnav .con .txt > a:hover {

  color: #d9110c;

}

.header .phone p {

  float: left;

  padding-left: 35px;

  color: #d9110c;

  font-size: 20px;

  font-weight: 700;

  line-height: inherit;

  background: url(../../images/moban/phone_icon01.png) left center no-repeat;

}

.header .phone .wx {

  float: left;

  margin-left: 2vw;

  position: relative;

}

.header .phone .wx li {

  display: inline-block;

}

.header .phone .wx a,

.header .phone .wx span {

  display: inline-block;

  width: 35px;

  height: 35px;

  border-radius: 50%;

  vertical-align: middle;

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

}

.header .phone .wx a {

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

  background-size: 33px 33px;

}

.header .phone .wx img {

  position: absolute;

  right: 0;

  bottom: 0;

  transform: translateY(120%);

  width: 120px;

  height: 0;

  opacity: 0;

  transition: all .3s;

}

.header .phone .wx li:hover img {

  transform: translateY(100%);

  opacity: 1;

  height: auto;

}



/*首页banner*/

.index-banner {

  width: 100%;

  position: relative;

}

.index-banner img {

  width: 100%;

}

.index-banner .w {

  position: absolute;

  top: 0;

  left: 50%;

  height: 100%;

  transform: translateX(-50%);

  z-index: 2;

}

.index-banner .txt {

  position: absolute;

  top: 50%;

  left: 50%;

  height: auto;

  transform: translate(-50%, -50%);

  z-index: 3;

}

.index-banner .txt h2 {

  display: inline-block;

  height: 110px;

  color: #fff;

  font-size: 32px;

  line-height: 40px;

  opacity: 0;

  transform: translateY(-60px);

  transition: all 1s;

  position: relative;

}

.index-banner .swiper-slide-active h2 {

  opacity: 1;

  transform: translateY(0);

}

.index-banner .txt h2:before,

.index-banner .txt h2:after {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  width: 80%;

  border-bottom: 1px solid #fff;

  opacity: .8;

}

.index-banner .txt h2:after {

  width: 20%;

  bottom: -1px;

  border-bottom: 3px solid #fff;

  opacity: 1;

}

.index-banner .txt p {

  margin-top: 6vw;

  color: #fff;

  font-size: 18px;

  opacity: 0;

  transform: translateY(60px);

  transition: all 2s;

}

.index-banner .swiper-slide-active p {

  opacity: .6;

  transform: translateY(0);

}

.index-banner .txt h3 {

  margin-top: 20px;

  color: #fff;

  font-size: 50px;

  opacity: 0;

  transform: translateY(-60px);

  transition: all 2s;

}

.index-banner .swiper-slide-active h3 {

  opacity: 1;

  transform: translateY(0);

}

.index-banner .swiper-pagination-bullet {

  width: 13px;

  height: 13px;

  background: none;

  border: 2px solid #fff;

  opacity: 1;

}

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

  background-color: #d9110c;

  border: none;

}

.index-banner .swiper-pagination.swiper-pagination {

  bottom: auto;

  left: 40px;

  right: auto;

}

.index-banner .swiper-button-next,

.index-banner .swiper-button-prev {

  width: 0;

  height: 0;

  left: -12px;

  right: auto;

  bottom: 55px;

  top: auto;

  border-width: 12px;

  border-style: solid;

  border-color: transparent #acaeb3 transparent transparent;

  background: none;

  margin-top: 0;

}

.index-banner .swiper-button-next {

  left: 60px;

  border-color: transparent transparent transparent #acaeb3;

}

.index-banner .swiper-button-prev:after {

  content: '';

  position: absolute;

  left: 36px;

  top: -16px;

  height: 34px;

  width: 2px;

  background: #6a6e76;

}

.index-banner .swiper-button-next:hover {

  border-color: transparent transparent transparent #d9110c

}

.index-banner .swiper-button-prev:hover {

  border-color: transparent #d9110c transparent transparent;

}

/*.index-banner .swiper-button-next:after,

.index-banner .swiper-button-prev:after {

  content: "";

  position: absolute;

  left: 45%;

  top: 50%;

  width: 10px;

  height: 10px;

  border: 3px solid #7f7f7f;

  border-left: none;

  border-bottom: none;

  transform: translate(-50%, -50%) rotate(45deg);

}

.index-banner .swiper-button-prev:after {

  left: 55%;

  transform: translate(-50%, -50%) rotate(-135deg);

}

.index-banner .swiper-button-next:hover,

.index-banner .swiper-button-prev:hover {

  background-color: #d9110c;

}

.index-banner .swiper-button-next:hover:after,

.index-banner .swiper-button-prev:hover:after {

  border-color: #fff;

}*/





/*首页搜索*/

.com-search {

  height: 60px;

  line-height: 60px;

  overflow: hidden;

  border-bottom: 1px solid #ddd;

}

.com-search .keys a {

  margin-right: 1.5vw;

}

.com-search .keys a:hover {

  color: #d9110c;

}

.com-search .main form {

  position: relative;

}

.com-search .main .key {

  width: 240px;

  line-height: 32px;

  padding-left: 40px;

  padding-right: 10px;

  border-radius: 32px;

  border: 1px solid #ddd;

  vertical-align: middle;

}

.com-search .main .sub {

  position: absolute;

  display: block;

  left: 12px;

  top: 20px;

  width: 20px;

  height: 20px;

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

  cursor: pointer;

}



/*首页品质*/

.index-quality {

}

.index-quality .main {

  height: 660px;

}

.index-quality .title h3 {

  color: #1e242b;

  font-size: 28px;

  margin-bottom: 5px;

}

.index-quality .title p {

  color: #1e242b;

  font-size: 18px;

  margin-bottom: 90px;

}

.index-quality .fl {

  width: 33.33333%;

  height: 100%;

  padding: 60px 2vw 0;

  background-size: 100% 100%;

  position: relative;

}



.index-quality .fl .title {

	position: absolute;

	bottom: 30px;

}

.index-quality .fl .title p{



}



.index-quality .fl .title * {

  color: #fff;

}

.index-quality .fl .title h3 {

  margin-bottom: 10px;

}

.index-quality .fl .con,

.index-quality .fl .con * {

  color: #fff;

  font-size: 18px;

  line-height: 38px;

}

.index-quality .fl h4 {

  margin-top: 25px;

  color: #fff;

  font-size: 14px;

  opacity: .9;

  line-height: 28px;

}

.index-quality ul {

  width: 66.66666%;

  border-left: 10px solid #f5f5f5;

}

.index-quality ul li {

  float: left;

  width: 50%;

  height: 350px;

  padding: 40px 2vw 0;

  background-position: right center;

  background-size: cover;

  background-color: #fff;

}

.index-quality ul li .con {

  width: 60%;

  font-size: 14px;

  opacity: .9;

  line-height: 28px;

  text-align: justify;

}

.index-quality ul li:nth-child(1) .con {

  width: 45%;

}

.index-quality ul li:nth-child(1) .title h3 {

  margin-bottom: 20px;

}

.index-quality ul li:nth-child(1) .title p {

  margin-bottom: 60px;

}

.index-quality ul li:nth-child(1) {

  width: 100%;

  height: 310px;

  padding-top: 60px;

  border-bottom: 10px solid #f5f5f5;

}

.index-quality ul li:nth-child(2) {

}

.index-quality ul li:nth-child(3) {

  border-left: 10px solid #f5f5f5;

}

.index-quality .title1 {

  color: #444;

  font-size: 16px;

  text-align: center;

  margin-bottom: 60px;

}



/*首页产品*/

.index-product .nav {

  text-align: right;

  margin-bottom: 30px;

}

.index-product .nav a {

  display: inline-block;

  padding: 0 10px;

  margin-left: 3.5vw;

  color: #1e242b;

  position: relative;

  overflow: hidden;

}

.index-product .nav a:after {

  content: '';

  position: absolute;

  left: 0;

  bottom: -20px;

  width: 100%;

  height: 4px;

  background-color: rgba(255,0,0,.9);

  transition: all .3s;

  opacity: .8;

}

.index-product .nav > a:hover:after,

.index-product .nav > a.active:after {

  bottom: 0;

}



.index-product .main {

  height: 660px;

  background: url(../../images/moban/index_pro_bg01.png);

}

.index-product .title {

  float: left;

  width: 220px;

  margin-top: -60px;

  padding-top: 50px;

  padding-bottom: 50px;

  background-color: #d9110c;

  text-align: center;

  position: relative;

}

.index-product .title:before {

  content: '';

  position: absolute;

  left: -20px;

  top: 0;

  width: 20px;

  height: 60px;

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

}

.index-product .title h2 {

  height: 65px;

  color: #fff;

  font-size: 32px;

  position: relative;

}

.index-product .title h2:after {

  content: '';

  position: absolute;

  left: 50%;

  bottom: 0;

  transform: translateX(-50%);

  width: 40px;

  height: 2px;

  background-color: #fff;

}

.index-product .title img {

  display: block;

  margin: 40px auto 25px;

}

.index-product .title a.more {

  display: inline-block;

  width: 135px;

  height: 40px;

  line-height: 40px;

  border-radius: 37px;

  color: #d9110c;

  font-size: 18px;

  background-color: #fff;

  transition: all .3s;

}

.index-product .title a.more:hover {

  width: 150px;

}

.index-product .title p {

  display: inline-block;

  padding-left: 35px;

  margin-top: 20px;

  color: #fff;

  opacity: .6;

  background: url(../../images/moban/phone_icon02.png) left center no-repeat;

}

.index-product .title h4 {

  margin-top: 10px;

  color: #fff;

  font-size: 22px;

}

.index-product .con {

  float: right;

  margin-top: 40px;

  width: calc(100% - 250px);

}

.index-product ul.mycol {

  margin: 0 -10px;

}

.index-product li.col {

  padding: 0 10px;

  margin-bottom: 20px;

}

.index-product li .box {

  display: block;

  transition: transform .3s;

}

.index-product li .img {

  height: 0;

  padding-bottom: 62%;

  position: relative;

  overflow: hidden;

  border: 1px solid #999;

}

.index-product li img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  transition: transform .3s;

  object-fit: contain;

}

.index-product li h3 {

  height: 50px;

  line-height: 50px;

  color: #1e242b;

  font-size: 18px;

  overflow: hidden;

  text-align: center;

}

.index-product li:hover .box {

}

.index-product li:hover img {

  transform: scale(1.1);

}

.index-product li:hover h3 {

  color: #d9110c;

}



/*首页定制*/

.index-custom {

  padding-top: 0;

}

.index-custom .img {

  position: relative;

}

.index-custom .img span {

  display: inline-block;

  width: 120px;

  height: 120px;

  line-height: 120px;

  color: #1e242b;

  font-size: 52px;

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

  background-size: 98%;

}

.index-custom li:nth-child(2) .img span{

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

   background-size: 98%;

}

.index-custom li:nth-child(3) .img span{

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

   background-size: 98%;

}

.index-custom li:nth-child(4) .img span{

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

   background-size: 98%;

}







.index-custom li:hover .img span {

  color: #d9110c;

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

}

.index-custom li:hover:nth-child(2) .img span{

	color: #d9110c;

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

}

.index-custom li:hover:nth-child(3) .img span{

	color: #d9110c;

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

}

.index-custom li:hover:nth-child(4) .img span{

	color: #d9110c;

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

}







.index-custom li:hover .img {

  color: #d9110c;

}

.index-custom .img:before,

.index-custom .img:after {

  content: '';

  position: absolute;

  top: 50%;

  left: 0;

  width: 26%;

  border-bottom: 1px solid #ddd;

}

.index-custom .img:after {

  left: auto;

  right: 0;

}

.index-custom .img i {

  position: absolute;

  top: 50%;

  right: 0;

  transform: translate(110%, -50%);

  width: 25px;

  height: 25px;

  line-height: 22px;

  border: 1px solid #ddd;

  border-radius: 50%;

  font-size: 20px;

  text-align: center;

  font-style: normal;

  z-index: 1;

  background-color: #fff;

}

.index-custom li:nth-child(1) .img:before,

.index-custom li:nth-child(4) .img:after,

.index-custom li:nth-child(4) .img i {

  display: none;

}

.index-custom .txt h3 {

  height: 55px;

  color: #1e242b;

  font-size: 28px;

  margin-top: 40px;

}

.index-custom .txt p {

  color: #1e242b;

  font-size: 16px;

  line-height: 30px;

  opacity: .8;

}

.index-custom .phone {

  margin-top: 75px;

  text-align: center;

}

.index-custom .phone a {

  display: inline-block;

  width: 135px;

  line-height: 40px;

  border-radius: 40px;

  border: 1px solid #d9110c;

  border-radius: 40px;

  color: #d9110c;

  font-size: 18px;

  vertical-align: middle;

  transition: all .3s;

}

.index-custom .phone a:hover {

  color: #fff;

  background-color: #d9110c;

  border-color: #fff;

}

.index-custom .phone p {

  display: inline-block;

  margin-left: 25px;

  padding-left: 35px;

  background: url(../../images/moban/phone_icon01.png) left center no-repeat;

  color: #1e242b;

  font-size: 16px;

  vertical-align: middle;

}

.index-custom .phone p span {

  color: #d9110c;

  font-size: 22px;

  vertical-align: top;

}

.index-custom .title {

  color: #444;

  font-size: 16px;

  text-align: center;

  margin-bottom: 60px;

}



/*首页关于*/

.index-about {

  height: 34vw;

  min-height: 410px;

  position: relative;

}

.index-about .w {

  height: 100%;

}

.index-about .img {

  position: absolute;

  left: 0;

  top: 0;

  width: 50%;

  height: 100%;

}

.index-about img {

  width: 100%;

  height: 100%;

}

.index-about .txt {

  float: right;

  width: 50%;

  height: 100%;

  padding-left: 5.5vw;

  padding-top: 2vw;

  padding-right: 3.5vw;

  background: url(../../images/moban/index_about02.jpg) bottom center no-repeat;

  background-size: 100% auto;

  position: relative;

}

.index-about .txt h2 {

  height: 50px;

  color: #1e242b;

  font-size: 32px;

  position: relative;

}

.index-about .txt h2:after {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  width: 40px;

  border-bottom: 3px solid #d9110c;

}

.index-about .txt p {}

.index-about .txt .con {

  margin-top: 1.5vw;

  color: #1e242b;

  font-size: 16px;

  line-height: 30px;

  text-align: justify;

  opacity: .8;

  overflow: hidden;

}

.index-about .txt .more {

  display: block;

  margin-top: 1.5vw;

  color: #1e242b;

  font-size: 16px;

  text-decoration: underline;

  transition: all .3s;

}

.index-about .txt .more:hover {

  color: #d9110c;

  transform: translateX(5px);

}

.index-about .txt .story {

  position: absolute;

  bottom: 40px;

}

.index-about .txt .story a {

  display: block;

}

.index-about .txt .story h4 {

  height: 40px;

  color: #fff;

  font-size: 28px;

  font-weight: 700;

}

.index-about .txt .story h4 span {

  font-weight: normal;

  opacity: .8;

}

.index-about .txt .story h5 {

  color: #fff;

  font-size: 32px;

}



/*首页照片*/

.index-photo {

  padding: 50px 0 90px;

}

.index-photo .nav {

  text-align: center;

  margin-bottom: 50px;

}

.index-photo .nav a {

  display: inline-block;

  padding: 0 10px;

  margin: 0 1.25vw;

  color: #1e242b;

  font-size: 18px;

  position: relative;

  overflow: hidden;

}

.index-photo .nav a:after {

  content: '';

  position: absolute;

  left: 0;

  bottom: -20px;

  width: 100%;

  height: 4px;

  opacity: .8;

  background-color: rgba(255,0,0,.9);

  transition: all .3s;

}

.index-photo .nav > a:hover:after,

.index-photo .nav > a.active:after {

  bottom: 0;

}

.index-photo .main .item {

  display: none;

  padding-bottom: 50px;

}

.index-photo .main .item.active {

  display: block;

}

.index-photo li .img {

  height: 0;

  padding-bottom: 62%;

  position: relative;

  border: 1px solid #eee;

}

.index-photo li .img img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: contain;

}

.index-photo .swiper-pagination-bullet-active {

  background: #d9110c;

}



/*首页合作伙伴*/

.index-partner .title {

  color: #444;

  font-size: 16px;

  text-align: center;

  margin-bottom: 60px;

}

.index-partner .main {

  padding: 0 80px;

  position: relative;

}

.index-partner .main li {

  height: 130px;

  line-height: 125px;

  text-align: center;

  border: 1px solid #e5e5e5;

  background-color: #fff;

}

.index-partner .main li img {

  max-width: 90%;

  max-height: 90%;

}

.index-partner .swiper-button-next,

.index-partner .swiper-button-prev {

  width: 36px;

  height: 36px;

  margin-top: -18px;

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

}

.index-partner .swiper-button-next {

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

}



/*首页新闻*/

.index-news {

}

.index-news .nav {

  height: 60px;

}

.index-news .nav a {

  display: inline-block;

  margin-right: 2.5vw;

  padding: 0 10px;

  color: #1e242b;

  font-size: 18px;

  position: relative;

  overflow: hidden;

}

.index-news .nav a.fr {

  margin: 0;

  padding: 0;

}

.index-news .nav a:after {

  content: '';

  position: absolute;

  left: 0;

  bottom: -20px;

  width: 100%;

  height: 4px;

  opacity: .8;

  background-color: rgba(255,0,0,.9);

  transition: all .3s;

}

.index-news .nav > a:hover:after,

.index-news .nav > a.active:after {

  bottom: 0;

}

.index-news .left {

  float: left;

  width: 33.33333%;

  padding-right: 30px;

}

.index-news li {

  margin-bottom: 25px;

}

.index-news li a {

  display: block;

  width: 100%;

  height: 100%;

}

.index-news li h3 {

  color: #444;

  font-size: 16px;

  transition: all .3s;

}

.index-news li a:hover h3 {

  color: #d9110c;

  padding: 0 5px;

}

.index-news li h3 i {

  display: inline-block;

  font-style: normal;

  width: calc(100% - 100px);

  height: 22px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.index-news li h3 span {

  opacity: .6;

}



.index-news .left li:hover {

  background-size: 105% 105%;

}

.index-news .left .item {

  display: none;

}

.index-news .left .item.active {

  display: block;

}



.index-news .right {

  float: right;

  width: 66.66666%;

  padding-left: 30px;

}

.index-news .right .nav {

  padding-right: 15px;

}

.index-news .right ul {

  position: relative;

}

.index-news .right ul:before {

  content: '';

  position: absolute;

  left: -30px;

  top: 0;

  height: 100%;

  border-left: 1px solid #e5e5e5;

  visibility: visible;

}

.index-news .right li {

  float: left;

  width: 50%;

  padding-left: 15px;

}

.index-news .right li:nth-child(2n) {

  padding-left: 0;

  padding-right: 15px;

}

.index-news .right li:nth-child(1) {

  padding: 0;

  width: 100%;

}

.index-news .right li .img {

  float: left;

  width: calc(50% - 15px);

  overflow: hidden;

}

.index-news .right li .img img {

  width: 100%;

  height: 280px;

  transition: all .3s;

}

.index-news .right li:hover .img img {

  transform: scale(1.05);

}

.index-news .right li .txt {

  float: left;

  width: 50%;

  padding-left: 30px;

  padding-top: 15px;

}

.index-news .right li .txt h3 {

  color: #444;

  font-size: 20px;

}

.index-news .right li:hover .txt h3 {

  color: #d9110c;

}

.index-news .right li .txt span {

  display: block;

  margin-top: 20px;

  color: #999;

  font-size: 14px;

}

.index-news .right li .txt .con {

  margin-top: 1.5vw;

  color: #888;

  font-size: 14px;

  line-height: 25px;

}

.index-news .title {

  color: #444;

  font-size: 16px;

  text-align: center;

  margin-bottom: 60px;

}



/*内页banner*/

.banner {

  width: 100%;

  overflow: hidden;

  position: relative;

}

.banner,

.banner img {

  width: 100%;

  transition: all 1s;

}

.banner img:hover {

  transform: scale(1.02);

}

.banner .w {

  position: absolute;

  left: 50%;

  transform: translate(-50%, -50%);

  top: 50%;

  height: 150px;

}

.banner .w h4 {

  display: inline-block;

  height: 70px;

  color: #fff;

  font-size: 32px;

  position: relative;

}

.banner .w h4:before,

.banner .w h4:after {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  width: 80%;

  border-bottom: 1px solid #fff;

  opacity: .8;

}

.banner .w h4:after {

  width: 20%;

  bottom: -1px;

  border-bottom: 3px solid #fff;

  opacity: 1;

}

.banner .w h5 {

  margin-top: 20px;

  color: #fff;

  font-size: 50px;

}

.banner .w p {

    color: #c4c7ca;

    font-size: 20px;

    line-height: 20px;

    opacity: 6;

    transform: translateY(30px);

    transition: all 2s;

    font-weight: normal;

}





/*案例列表*/

.case .nav {

  position: relative;

  height: 220px;

  padding: 50px 100px 0;

  margin-bottom: 60px;

  background-color: #fff;

}

.case .nav li {

  text-align: center;

  color: #2d3540;

  font-size: 18px;

}

.case .nav li .img {

  height: 110px;

}

.case .nav li h3{

  height: 60px;

}

.case .nav li h3:after {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  border-bottom: 2px solid #d9110c;

  transition: all .3s;

  transform: scaleX(0);

}

.case .nav li:hover h4:after,

.case .nav li.active h4:after {

  transform: scaleX(1);

}

.case .swiper-button-prev {

  left: 30px;

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

}

.case .swiper-button-next {

  right: 30px;

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

}

.case .main {

  padding-bottom: 100px;

}

.case .main li {

  margin-bottom: 30px;

}

.case .main li a {

  display: block;

  background-color: #fff;

}

.case .main li .img {

  height: 0;

  padding-bottom: 52%;

  position: relative;

}

.case .main li img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.case .main li .txt {

  height: 200px;

  padding-top: 40px;

  border-bottom: 2px solid #d9110c;

}

.case .main li .txt h4 {

  margin-bottom: 25px;

  color: #262626;

  font-size: 24px;

  height: 30px;

  overflow: hidden;

}

.case .main li .txt p {

  color: #555;

  font-size: 14px;

  line-height: 28px;

  padding: 0 10%;

}

.case .main li:hover .txt h4 {

  color: #d9110c;

}



/*产品列表*/

.product .pro-main {

  background: url(../../images/moban/index_pro_bg01.png);

}

.pro-main .title a.more {

  color: #fff;

  border: 1px solid #fff;

  background: none;

}

.pro-main .title a.more:hover {

  color: #d9110c;

  background-color: #fff;

}

.pro-main .title ul {

  padding: 80px 0;

  margin: 30px 0;

  position: relative;

}

.pro-main .title ul:before,

.pro-main .title ul:after {

  content: '';

  position: absolute;

  left: 50%;

  top: 0;

  height: 60px;

  border-left: 1px solid #e1413d;

}

.pro-main .title ul:after {

  top: auto;

  bottom: 0;

}

.pro-main .title li {

  padding: 18px 20px;

}

.pro-main .title li a {

  display: block;

  width: 100%;

  height: 45px;

  line-height: 45px;

  text-align: center;

  color: #fff;

  font-size: 20px;

  border-radius: 45px;

  transition: all .3s;

}

.pro-main .title li a:hover,

.pro-main .title li a.active {

  color: #d9110c;

  background-color: #fff;

}

.product .con li {

  margin-bottom: 30px;

}

.product .com-search .w {

  padding-left: 250px;

}

.product .pro-main .main {

  float: right;

  width: calc(100% - 250px);

  height: auto;

  padding-bottom: 100px;

  background: none;

}



.pro-news {

  padding: 50px 0;

}

.pro-news .nav {

  width: 65%;

  height: 70px;

}

.pro-news .nav a {

  color: #1e242b;

  font-size: 28px;

}

.pro-news .nav a.fr:hover {

  color: #d9110c;

}

.pro-news .nav span {

  color: #aaa;

  font-size: 20px;

}

.pro-news .left {

  float: left;

  width: 66.66666%;

  padding-right: 1.75vw;

  border-right: 1px solid #e5e5e5;

}

.pro-news .left .img,

.pro-news .left .txt {

  width: 50%;

  overflow: hidden;

}

.pro-news .left img {

  width: 100%;

  transition: all .3s;

}

.pro-news .left:hover img {

  transform: scale(1.02);

}

.pro-news .left .txt {

  padding-top: 15px;

  padding-left: 1.75vw;

}

.pro-news .left h4 {

  color: #444;

  font-size: 20px;

  font-weight: 700;

  transition: all .3s;

}

.pro-news .left:hover h4 {

  color: #d9110c;

  padding-left: 5px;

}

.pro-news .left span {

  display: block;

  margin-top: 1vw;

  color: #999;

  font-size: 14px;

}

.pro-news .left .con {

  margin-top: 1.5vw;

  color: #888;

  font-size: 14px;

  line-height: 25px;

}

.pro-news .right {

  float: left;

  width: 33.33333%;

  padding-left: 1.75vw;

  padding-top: 15px;

}

.pro-news .right li {

  margin-bottom: 25px;

}

.pro-news .right li h4 {

  color: #444;

  font-size: 16px;

  transition: all .3s;

}

.pro-news .right li:hover h4 {

  color: #d9110c;

  padding: 0 5px;

}

.pro-news .right li h4 span {

  opacity: .6;

}



/*产品详情*/

.pro-detail .top .img {

  width: 50%;

  overflow: hidden;

}

.pro-detail .top .txt {

  width: 50%;

}

.pro-detail .top {

  padding: 25px;

  background-color: #fff;

}

.pro-detail .top .big li {

  text-align: center;

  background-color: #fff;

}

.pro-detail .top .big li .box {

  height: 0;

  padding-bottom: 65%;

  position: relative;

}

.pro-detail .top .big li img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.pro-detail .top .list {

  position: relative;

  padding: 0 40px;

  margin-top: 10px;

  text-align: center;

}

.pro-detail .top .list li {

  border: 1px solid transparent;

}

.pro-detail .top .list li img {

  width: 100%;

}

.pro-detail .top .list .swiper-slide-thumb-active {

  border-color: #d9110c;

}

.pro-detail .top .txt {

  padding-top: 20px;

  padding-left: 2vw;

}

.pro-detail .top h4 {

  height: 52px;

  color: #1e242b;

  font-size: 24px;

  border-bottom: 1px solid #ddd;

}

.pro-detail .top .con {

  min-height: 100px;

  padding: 20px 1.5vw 0;

  color: #999;

  font-size: 14px;

  line-height: 35px;

}

.pro-detail .top .more a {

  display: inline-block;

  padding: 11px 30px;

  margin-right: 1vw;

  color: #fff;

  font-size: 18px;

  background-color: #d9110c;

  border-radius: 40px;

  vertical-align: middle;

}

.pro-detail .top span {

  display: inline-block;

  padding-left: 35px;

  color: #d9110c;

  font-size: 22px;

  vertical-align: middle;

  background: url(../../images/moban/phone_icon01.png) left center no-repeat;

}

.pro-detail .swiper-button-next,

.pro-detail .swiper-button-prev {

  width: 30px;

  height: 50px;

  background: #a3a3a3;

  z-index: 99999;

  left: 0;

  margin-top: -25px;

}

.pro-detail .swiper-button-next {

  left: auto;

  right: 0;

}

.pro-detail .swiper-button-next:after,

.pro-detail .swiper-button-prev:after {

  content: "";

  position: absolute;

  left: 45%;

  top: 50%;

  width: 10px;

  height: 10px;

  border: 3px solid #fff;

  border-left: none;

  border-bottom: none;

  transform: translate(-50%, -50%) rotate(45deg);

}

.pro-detail .swiper-button-prev:after {

  left: 55%;

  transform: translate(-50%, -50%) rotate(-135deg);

}

.pro-detail .swiper-button-next:hover,

.pro-detail .swiper-button-prev:hover {

  background-color: #d9110c;

}

.pro-detail .swiper-button-next:hover:after,

.pro-detail .swiper-button-prev:hover:after {

  border-color: #fff;

}



.pro-detail .content {

  padding: 40px;

  margin-top: 10px;

  background-color: #fff;

}

.pro-detail .content .title {

  height: 55px;

  border-bottom: 1px solid #ddd;

}

.pro-detail .content h4 {

  display: inline-block;

  padding: 0 5px;

  color: #1e242b;

  font-size: 24px;

  position: relative;

  overflow: hidden;

}

.pro-detail .content h4:after {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 5px;

  background-color: rgba(255,0,0,.9);

  transition: all .3s;

  opacity: .8;

}

.pro-detail .content img {

  max-width: 100%;

}



.pro-related li a {

  display: block;

  transition: all .3s;

}

.pro-related li:hover a {

  transform: translateY(-5px);

}

.pro-related .img {

  height: 0;

  padding-bottom: 62%;

  position: relative;

  overflow: hidden;

}

.pro-related .img img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  transition: all .3s;

}

.pro-related li:hover .img img {

  transform: scale(1.02);

}

.pro-related h4 {

  height: 60px;

  line-height: 60px;

  overflow: hidden;

  color: #1e242b;

  font-size: 18px;

}

.pro-related li:hover h4 {

  color: #d9110c;

}





/*案例*/

.solution {

  padding-bottom: 20px;

}

.solution .w {

  height: auto;

}

.solution ul.mycol {

  margin: 0 -10px;

}

.solution li.col {

  height: auto;

  padding: 0 10px;

  margin-bottom: 20px;

}

.solution li .txt,

.solution li .img {

  background-color: #fff;

  transition: all .3s;

}

.solution li .img {

  height: 0;

  padding-bottom: 65%;

  position: relative;

}

.solution li img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.solution li .txt {

  text-align: center;

}

.solution li h4 {

  height: 70px;

  line-height: 70px;

  margin-bottom: 10px;

  color: #666;

  font-size: 16px;

  overflow: hidden;

}

.solution li:hover h4 {

  color: #d9110c;

}

.solution li:hover .txt {

  box-shadow: 0 10px 30px -20px #1a1a1a;

}

.solution li:hover .img,

.solution li:hover .txt {

  transform: translateY(-10px);

}

.solution-detail .txt {

  width: 50%;

  height: 470px;

  padding: 30px 5vw 0 3.5vw;

}

.solution-detail h4 {

  margin-bottom: 20px;

  font-size: 24px;

}

.solution-detail .content {

  height: 310px;

  overflow: hidden;

}

.solution-detail .content p {

  color: #666;

  font-size: 14px;

  line-height: 25px;

}

.solution-detail .txt > a {

  display: inline-block;

  height: 55px;

  line-height: 55px;

  padding: 0 3vw;

  margin-right: 2px;

  color: #fff;

  text-align: center;

  background-color: #d9110c;

  vertical-align: bottom;

}

.solution-detail .txt .phone {

  padding-left: 4vw;

  padding-right: 2.5vw;

  font-size: 24px;

  background: url(https://www.utransm.com/weboms/Template/pc_web/statics/images/mobile_icon01.png) 2.5vw center no-repeat;

  background-color: #d9110c;

}

.solution-detail .img {

  width: 50%;

  height: 460px;

  padding-right: 1.5vw;

}

.solution-related {

  background-color: #f5f5f5;

}

.solution-related li a {

  display: block;

  transition: transform .3s;

}

.solution-related li:hover a {

  transform: translateY(-10px);

}

.solution-related li h4 {

  height: 56px;

  line-height: 56px;

  color: #666;

  overflow: hidden;

}

.pro-use .more {

  margin-top: 40px;

  text-align: center;

}

.pro-use .more a {

  display: inline-block;

  width: 190px;

  line-height: 55px;

  margin: 0 10px;

  color: #fff;

  font-size: 16px;

  background-color: #d9110c;

}

.pro-use .more a.get {

  background-color: #e55050;

}





/*研究定制*/

.research {

  margin-top: 65px;

  margin-bottom: 80px;

  background-color: #f7f7f7;

}

.research .img,

.research .txt {

  float: left;

  width: 50%;

  height: 480px;

}

.research .txt {

  padding: 70px 4.5vw 0;

}

.research h3 {

  margin-bottom: 50px;

  padding-left: 60px;

  color: #d9110c;

  font-size: 32px;

  vertical-align: middle;

  background: url(https://www.utransm.com/weboms/Template/pc_web/statics/images/research_icon01.png) left center no-repeat;

}

.research:nth-of-type(2) h3 {

  background-image: url(https://www.utransm.com/weboms/Template/pc_web/statics/images/research_icon02.png);

}

.research h3 span {

  display: inline-block;

  margin-left: 20px;

  color: #999;

  font-size: 18px;

  vertical-align: middle;

}

.research h4 {

  height: 100px;

  font-size: 32px;

  line-height: 40px;

  border-bottom: 1px dashed #b5b5b5;

}

.research p {

  margin-top: 20px;

}

.research-custom .title {

  text-align: center;

}

.research-custom .title h5 {

  margin-bottom: 25px;

  font-size: 32px;

}

.research-custom .title p {

  padding: 0 20%;

  margin-bottom: 60px;

}

.research-custom ul {

  padding: 0 40px;

}

.research-custom li {

  float: left;

  width: 12.5%;

  padding: 0 20px;

  position: relative;

}

.research-custom li:after {

  content: "";

  position: absolute;

  top: 50%;

  right: -15px;

  width: 20%;

  height: 1px;

  background-color: #b5b5b5;

}

.research-custom li:last-child:after {

  display: none;

}

.research-custom li p {

  width: 100%;

  height: 0;

  padding-bottom: 100%;

  border-radius: 50%;

  text-align: center;

  background-color: #d9110c;

}

.research-custom li span {

  display: inline-block;

  width: 100%;

  margin-top: 20%;

  margin-bottom: 5%;

  font-size: 28px;

}

.research-custom .w > a {

  display: block;

  width: 185px;

  line-height: 44px;

  margin: 60px auto 0;

  color: #fff;

  font-size: 16px;

  text-align: center;

  position: relative;

}

.research-custom .w > a:before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  background-color: #646464;

  z-index: -2;

}

.research-custom .w > a:after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 0;

  height: 0;

  background-color: #d9110c;

  z-index: -3;

  transition: all .3s;

}

.research-custom .w > a:hover:after {

  width: 100%;

  height: 100%;

  z-index: -1;

}



/*技术支持*/

.service {

  padding-top: 0;

}

.service .content p {

  text-align: center;

  color: #555;

  font-size: 16px;

  line-height: 35px;

}

.service ul {

  margin: 0 -3vw;

}

.service li {

  float: left;

  width: 50%;

  padding: 0 3vw;

  margin-top: 4vw;

  position: relative;

}

.service li img {

  width: 100%;

}

.service li .txt {

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  width: 520px;

  height: 260px;

  padding: 50px 85px 60px 45px;

  background: rgba(255,255,255,.8);

  border-top: 2px solid #d9110c;

}

.service li .txt h4 {

  height: 70px;

  color: #1e242b;

  font-size: 24px;

}

.service li .txt table {

  width: 100%;

  line-height: 40px;

}

.service li .txt td {

  border: 1px solid #bebebe;

  text-align: center;

  color: #555;

  font-size: 14px;

}

.service li:nth-child(1) {

  padding-top: 130px;

}

.service li:nth-child(1) .txt {

  top: 0;

}

.service li:nth-child(2) {

  padding-bottom: 130px;

}

.service li:nth-child(2) .txt {

  bottom: 0;

}

.service li:nth-child(3) {

  width: 100%;

  padding-left: 360px;

}

.service li:nth-child(3) .txt {

  left: 8vw;

  top: 50%;

  transform: translateY(-20%);

}



.ser-custom {

  padding-top: 80px;

  padding-bottom: 0;

}



.ser-form .mycol {

  margin: 0 -5px;

}

.ser-form li.col {

  padding: 0 5px;

  margin-bottom: 10px;

}

.ser-form li input {

  width: 100%;

  padding: 0 20px;

  line-height: 50px;

  border: 1px solid #bfbfbf;

}

.ser-form textarea {

  padding: 20px;

  width: 100%;

  height: 240px;

  margin-bottom: 2.5vw;

  border: 1px solid #bfbfbf;

  font-family: "微软雅黑";

}

.ser-form .o-footer {

  text-align: center;

}

.ser-form .sub {

  display: inline-block;

  width: 135px;

  height: 40px;

  line-height: 40px;

  border-radius: 40px;

  margin-right: 30px;

  text-align: center;

  color: #fff;

  font-size: 18px;

  background: #d9110c;

  vertical-align: middle;

}

.ser-form .phone {

  display: inline-block;

  padding-left: 35px;

  background: url(../../images/moban/phone_icon01.png) left center no-repeat;

  color: #1e242b;

  font-size: 16px;

  vertical-align: middle;

}

.ser-form .phone span {

  color: #d9110c;

  font-size: 22px;

}



/*生态优势*/

.advantage {

  padding-top: 0;

}

.advantage .content p {

  text-align: center;

  color: #555;

  font-size: 16px;

  line-height: 35px;

}

.advantage ul {

  padding-top: 50px;

}

.advantage li {

  margin-top: 3vw;

  position: relative;

}

.advantage li .img {

  float: left;

  width: 66.66666%;

}

.advantage li:nth-child(2n) .img {

  float: right;

}

.advantage li img {

  width: 100%;

}

.advantage li .txt {

  position: absolute;

  top: 50%;

  right: 0;

  transform: translateY(-20%);

  width: 720px;

  height: 300px;

  padding: 60px 45px 60px 30px;

  background: rgba(255,255,255,.8);

  border-top: 2px solid #d9110c;

}

.advantage li:nth-child(2n) .txt {

  right: auto;

  left: 0;

}

.advantage li .txt h4 {

  height: 90px;

  color: #1e242b;

  font-size: 24px;

  line-height: 35px;

}

.advantage li .txt table {

  width: 100%;

  line-height: 40px;

}

.advantage li .txt td {

  border: 1px solid #bebebe;

  text-align: center;

  color: #555;

  font-size: 14px;

}

.advantage li .key {

  position: absolute;

  color: #eee;

  font-size: 160px;

  top: 1.5vw;

  right: 1vw;

  line-height: 1;

}

.advantage li:nth-child(2n) .key {

  right: auto;

  left: 1vw;

}



/*内页导航*/

.page-nav {

  height: 60px;

  line-height: 60px;

  overflow: hidden;

  font-size: 0;

  border-bottom: 1px solid #f5f5f5;

  background-color: #fff;

}

.page-nav.top {

  position: fixed;

  top: 70px;

  left: 0;

  width: 100%;

  border-top: 1px solid #f5f5f5;

  z-index: 998;

}

.page-nav a {

  display: inline-block;

  padding: 0 20px;

  color: #666;

  font-size: 16px;

  position: relative;

  z-index: 1;

}

.page-nav a:hover {

  color: #fff;

}

.page-nav a:after {

  transform: scaleX(0);

  transform-origin: right;

  background: #d9110c;

}

.page-nav a:hover:after {

  transform: scaleX(1);

  transform-origin: left;

}

.page-nav a.active {

  color: #fff;

  background-color: #d9110c;

}



/*内页列表分页*/

.com-pages-wrap {

  text-align: center;

}

.com-pages {

  display: inline-block;

  margin-top: 30px;

  text-align: center;

}

.com-pages span,

.com-pages a {

  display: inline-block;

  width: 30px;

  height: 30px;

  line-height: 30px;

  margin: 0 9px;

  color: #a4a9ae;

  font-size: 16px;

  transition: all .3s;

  vertical-align: middle;

}

.com-pages .first,

.com-pages .last,

.com-pages .prev_disabled,

.com-pages .next_disabled,

.com-pages .prev,

.com-pages .next {

  display: inline-block;

  width: 70px;

  height: 40px;

  line-height: 37px;

  margin: 0 9px;

  color: #fff;

  background-color: #262626;

  border-radius: 5px;

}

.com-pages .prev_disabled:before,

.com-pages .next_disabled:before,

.com-pages .next:before,

.com-pages .next:before {

  content: "";

}

.com-pages a:hover {

  color: #fff;

  background-color: #d9110c;

}

.com-pages .first:hover,

.com-pages .last:hover,

.com-pages .prev:hover,

.com-pages .next:hover {

  width: 100px;

  color: #fff;

  background-color: #d9110c;

  box-shadow: none;

}

.com-pages span {

  color: #d9110c;

}

.com-pages label {

  display: none;

}

.com-pages label.fl {

  display: block;

  float: right;

  display: inline-block;

  padding-left: 18px;

  margin-left: 20px;

  line-height: 40px;

  color: #fff;

  font-size: 16px;

  background: #262626;

  border-radius: 5px;

}





/*关于*/

.about-bg {

  background: #f5f5f5;

}

.about-nav {

  text-align: center;

}

.about-nav .box {

  display: inline-block;

  height: 80px;

  line-height: 90px;

  border-radius: 80px;

  padding: 0 45px;

  background-color: #fff;

}

.about-nav a {

  display: inline-block;

  padding: 0 5px;

  margin: 0 1.75vw;

  color: #1e242b;

  font-size: 20px;

  line-height: 1;

  position: relative;

  overflow: hidden;

}

.about-nav a:after {

  content: '';

  position: absolute;

  left: 0;

  bottom: -20px;

  width: 100%;

  height: 5px;

  background-color: rgba(255,0,0,.9);

  transition: all .3s;

  opacity: .8;

}

.about-nav a:hover:after,

.about-nav a.active:after {

  bottom: 0;

}

.about {

}

.about .main {

  height: 100%;

  padding-top: 30px;

  position: relative;

}

.about li:nth-child(1) {

  min-height: 520px;

  margin-bottom: 30px;

}

.about li .txt {

  float: left;

  width: 50%;

  height: 100%;

  padding-right: 5vw;

}

.about li .txt h4 {

  height: 55px;

  color: #1e242b;

  font-size: 28px;

  position: relative;

}

.about li .txt h4:after {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  width: 40px;

  border-bottom: 2px solid #d9110c;

}

.about li .txt h5 {

  margin-top: 2vw;

  margin-bottom: 1.5vw;

  color: #d9110c;

  font-size: 24px;

}

.about li .txt .con {

  color: #666;

  font-size: 16px;

  line-height: 30px;

}

.about li:nth-child(1) .img {

  position: absolute;

  right: 0;

  top: 0;

  width: 50%;

}

.about li:nth-child(1) img {

  width: 100%;

  min-height: 520px;

}

.about li:nth-child(2) .txt {

  float: right;

  width: 33.33333%;

  padding-right: 0;

  padding-left: 2.5vw;

  padding-top: 3.5vw;

}

.about li:nth-child(2) .img {

  float: left;

  width: 66.66666%;

}

.about li img {

  width: 100%;

}



.about-story .top .title {

  height: 150px;

  text-align: center;

}

.about-story .top li {

  padding-bottom: 5px;

}

.about-story .top .box {

  padding: 70px 15px 0;

  border: 1px solid #aaa;

  position: relative;

}

.about-story .top .box .img {

  overflow: hidden;

}

.about-story .top .box img {

  width: 100%;

  transition: all .3s;

}

.about-story .top .box:hover img {

  transform: scale(1.02);

}

.about-story .top .box h4 {

  height: 60px;

  line-height: 60px;

  margin: 0 -15px;

  color: #666;

  font-size: 16px;

  overflow: hidden;

}

.about-story .top .box p {

  position: absolute;

  left: 50%;

  top: 0;

  transform: translate(-50%, -50%);

  width: 120px;

  height: 90px;

  line-height: 90px;

  color: #fff;

  font-size: 32px;

  font-weight: 700;

}

.about-story .top .box p:before,

.about-story .top .box p:after {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: #f5f5f5;

  z-index: -1;

}

.about-story .top .box p:after {

  width: 60px;

  height: 60px;

  top: 15px;

  left: 30px;

  transform: rotate(45deg);

  background-color: #d9110c;

  transition: all 2s;

}

.about-story .top .box:hover p:after {

  transform: rotate(360deg);

}

.about-story .top .foot {

  text-align: center;

  margin-top: 60px;

}

.about-story .top .foot h5 {

  height: 40px;

  color: #666;

  font-size: 18px;

}

.about-story .top .foot p {

  color: #d9110c;

  font-size: 24px;

}

.about-story .bottom li {

  margin-top: 100px;

  position: relative;

}

.about-story .bottom li .img {

  float: left;

  width: 55%;

}

.about-story .bottom li .txt {

  float: left;

  width: 45%;

}

.about-story .bottom li:nth-child(2n) .img,

.about-story .bottom li:nth-child(2n) .txt {

  float: right;

}

.about-story .bottom li .img img {

  width: 100%;

}

.about-story .bottom li .title img {

  margin-bottom: 2vw;

}



.about-story .bottom li .con {

  color: #666;

  line-height: 30px;

  letter-spacing: 4px;

}

.about-story .bottom li:nth-child(1) .img {

  width: 65%;

  padding-top: 36px;

  background-color: #fff;

  position: relative;

}

.about-story .bottom li:nth-child(1) .img:after {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 100px;

  height: 36px;

  background-color: #f5f5f5;

}

.about-story .bottom li:nth-child(1) .txt {

  width: 35%;

  writing-mode: tb-rl;

  padding-right: 4vw;

  padding-top: 2.75vw;

  background-color: #fff;

}

.about-story .bottom li:nth-child(1) .title img {

  margin-left: 2vw;

  margin-bottom: 0;

}

.about-story .bottom li:nth-child(1) .con {

  height: 320px;

  line-height: 35px;

}



.about-story .bottom li:nth-child(2) {

  padding-bottom: 100px;

}

.about-story .bottom li:nth-child(2) .txt:after {

  content: '';

  position: absolute;

  left: -250px;

  bottom: 30px;

  width: 900px;

  height: 100px;

  visibility: visible;

  background-color: #fff;

}

.about-story .bottom li:nth-child(2) .other {

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-70%);

  z-index: 1;

}

.about-story .bottom li:nth-child(2) .txt {

  padding-top: 40px;

  padding-left: 3.5vw;

}

.about-story .bottom li:nth-child(3) .txt {

  padding-left: 4vw;

  padding-top: 1vw;

}

.about-story .bottom li:nth-child(3) .other {

  position: absolute;

  right: 0;

  bottom: 0;

  width: 44%;

}

.about-story .bottom li:nth-child(3) .other img {

  width: 100%;

}

.about-story .bottom li:nth-child(4) .txt {

  position: absolute;

  left: 5vw;

  top: 50%;

  transform: translateY(-50%);

}



/**/

.about-history {

  padding-bottom: 200px;

}

.about-history li {

  padding-top: 70px;

  position: relative;

  overflow: hidden;

  margin-top: -5px;

}

.about-history li:before,

.about-history li:after {

  content: '';

  position: absolute;

  left: 50%;

  top: 0;

  height: 80px;

  transform: translateX(-50%);

  border-left: 1px solid #ddd;

}

.about-history li:after {

  width: 12px;

  height: 12px;

  top: auto;

  bottom: 10px;

  border-radius: 50%;

  background-color: #aaa;

  border: none;

}

.about-history li:hover:after {

  background-color: #d9110c;

}

.about-history li:last-child:after {

  display: none;

}

.about-history li .time {

  float: left;

  width: 50%;

  padding: 0 2.5vw;

  color: #262626;

  font-size: 42px;

  font-weight: 700;

  line-height: 35px;

  text-align: right;

}

.about-history li .txt {

  float: left;

  width: 50%;

  padding: 0 2.5vw;

  color: #555;

  font-size: 18px;

  line-height: 35px;

  text-align: left;

}

.about-history li:nth-child(2n) .time {

  float: right;

  text-align: left;

}

.about-history li:nth-child(2n) .txt {

  float: left;

  text-align: right;

}

.about-history .slogan {

  height: 120px;

  margin-top: 160px;

  border: 1px solid #d9110c;

  border-radius: 120px;

  position: relative;

}

.about-history .slogan .left,

.about-history .slogan .right {

  width: 50%;

  text-align: center;

}

.about-history .slogan .img {

  width: 130px;

  line-height: 110px;

}

.about-history .slogan .img img {

  transition: all 2s;

}

.about-history .slogan:hover .img img {

  transform: rotate(720deg);

}

.about-history .slogan .txt {

  width: calc(100% - 300px);

  padding-top: 30px;

}

.about-history .slogan .left .txt,

.about-history .slogan .left .img {

  float: left;

}

.about-history .slogan .right .txt,

.about-history .slogan .right .img {

  float: right;

}

.about-history .slogan h4 {

  height: 40px;

  color: #262626;

  font-size: 26px;

}

.about-history .slogan p {

  color: #262626;

  font-size: 18px;

}

.about-history .slogan .logo {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: 280px;

  height: 280px;

  line-height: 260px;

  text-align: center;

  border: 15px solid #d9110c;

  border-radius: 50%;

  background-color: #fff;

}





.about-photo li.col {

  margin-bottom: 30px;

  background-color: #f5f5f5;

}

.about-photo li .img {

  height: 0;

  padding-bottom: 63%;

  position: relative;

}

.about-photo li img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.about-photo li h4 {

  height: 70px;

  line-height: 70px;

  text-align: center;

  color: #1e242b;

  font-size: 18px;

  background-color: #fff;

}



.about-manufa ul.mycol {

  margin: 0 -30px;

}

.about-manufa li.col {

  padding: 0 30px;

  margin-bottom: 60px;

  background-color: #f5f5f5;

}



.about-cert li {

  margin-bottom: 30px;

  background-color: #f5f5f5;

}

.about-cert li .box {

  background-color: #fff;

}

.about-cert li .img {

  height: 280px;

  line-height: 276px;

  text-align: center;

}

.about-cert li img {

  max-width: 95%;

  max-height: 95%;

}

.about-cert li h4 {

  height: 70px;

  line-height: 70px;

  text-align: center;

  color: #1e242b;

  font-size: 18px;

  background-color: #fff;

}





/*新闻*/

.news-nav .box {

  padding: 0 6vw;

}

.news-nav a {

  margin: 0 2.5vw;

}

.news {

}

.news li.col {

  text-align: left;

  margin-top: 30px;

}

.news li .img {

  height: 0;

  padding-bottom: 62%;

  position: relative;

}

.news li img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.news li .txt {

  height: 220px;

  padding: 25px 20px 0;

  overflow: hidden;

}

.news li h4 {

  height: 25px;

  color: #1e242b;

  font-size: 20px;

  overflow: hidden;

}

.news li:hover h4 {

  color: #d9110c;

}

.news li span {

  display: block;

  color: #999;

  font-size: 14px;

  line-height: 50px;

}

.news li .con {

  color: #999;

  font-size: 14px;

  line-height: 25px;

}



.new-detail .main {

  padding-bottom: 100px;

}

.new-detail .left {

  width: calc(100% - 460px);

  padding: 60px 40px 0;

  background-color: #fff;

}



.new-detail .left .title h4 {

  padding: 0 30px;

  margin-bottom: 20px;

  color: #000000;

  font-size: 28px;

  font-weight: 700;

}



.new-detail .left .title p {

  padding: 0 30px;

  color: #666;

  font-size: 14px;

  height: 40px;

  border-bottom: 1px solid #ddd;

  margin-top: 20px;

}

.new-detail .left .con {

  padding: 50px 30px;

}

.new-detail .left .foot {

  margin: 0 -40px;

  padding: 0 40px;

  border-top: 1px solid #eee;

}

.new-detail .left .foot p {

  line-height: 70px;

  color: #1e242b;

  font-size: 16px;

}

.new-detail .left .foot a {

  color: #999;

  font-size: 16px;

  overflow: hidden;

}

.new-detail .left .foot a:hover {

  color: #d9110c;

}

.new-detail .right {

  width: 430px;

  padding: 30px;

  background-color: #fff;

}

.new-detail .right .title {

  height: 40px;

  color: #1e242b;

  font-size: 24px;

}

.new-detail .right .title span {

  color: #999;

  font-size: 16px;

}

.new-detail .right li {

  padding: 20px 0;

  border-bottom: 1px solid #999;

}

.new-detail .right li:last-child {

  border: none;

}

.new-detail .right .img {

  width: 40%;

}

.new-detail .right img {

  width: 100%;

}

.new-detail .right .txt {

  width: 60%;

  padding-left: 1vw;

}

.new-detail .right .txt h4 {

  height: 60px;

  color: #1e242b;

  font-size: 16px;

  line-height: 30px;

  overflow: hidden;

  transition: all .3s;

}

.new-detail .right .txt p {

  color: #999;

  font-size: 14px;

}

.new-detail .right li:hover h4 {

  color: #d9110c;

}

.new-detail .phone {

  height: 100px;

  line-height: 100px;

}

.new-detail .phone a {

  display: inline-block;

  width: 140px;

  height: 40px;

  line-height: 40px;

  border-radius: 40px;

  margin-right: 15px;

  text-align: center;

  color: #fff;

  font-size: 18px;

  background-color: #d9110c;

  vertical-align: middle;

}

.new-detail .phone span {

  display: inline-block;

  padding-left: 35px;

  background: url(../../images/moban/phone_icon01.png) left center no-repeat;

  color: #d9110c;

  font-size: 22px;

  vertical-align: middle;

}



/*联系我们*/

.contact {

  padding-top: 0;

}

.contact ul {

  padding-left: 4vw;

  padding-top: 1.25vw;

  background-color: #fff;

}

.contact li.col {

  padding-top: 40px;

  padding-bottom: 40px;

  text-align: left;

  overflow: hidden;

  border-bottom: 1px solid #e7e7e7;

}

.contact li:nth-child(n + 4) {

  border: none;

}

.contact li .img {

  float: left;

  height: 65px;

  width: 80px;

}

.contact li .txt {

  float: left;

  width: calc(100% - 80px);

}

.contact li h5 {

  height: 30px;

  color: #555;

  font-size: 16px;

}

.contact li p {

  color: #1e242b;

  font-size: 30px;

}

.contact .map {

  margin-top: 40px;

}

#map {

  width: 100%;

  height: 520px;

}

.contact .map h5 {

  padding-left: 40px;

  line-height: 75px;

  color: #262626;

  font-size: 18px;

  background-color: #fff;

}

.contact .map h5 img {

  margin-right: 15px;

}



/*底部*/

.footer {

  padding-top: 60px;

  color: #fff;

  background-color: #1e242b;

  border-top: 5px solid #d9110c;

}

.go-top {

  display: none;

  cursor: pointer;

}

.go-top:before,

.go-top:after {

  content: '';

  position: fixed;

  right: 20px;

  bottom: 50px;

  width: 50px;

  height: 50px;

  background-color: #999;

  border-radius: 5px;

}

.go-top:before {

  background: none;

  width: 20px;

  height: 20px;

  right: 34px;

  bottom: 58px;

  border: 3px solid #fff;

  border-bottom: none;

  border-right: none;

  transform: rotate(45deg);

  z-index: 2;

  border-radius: 0;

}

.footer .logo {

  width: 190px;

}

.footer .logo h2 {

  margin-top: 15px;

  color: #fff;

  font-size: 18px;

}

.footer dl {

  float: left;

  margin-right: 5.5vw;

  font-size: 16px;

  text-align: left;

}

.footer dl:last-child {

  margin-right: 0;

}

.footer dt {

  height: 44px;

  margin-bottom: 30px;

  color: #d1dff0;

  font-size: 20px;

  position: relative;

}

.footer dt:after {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  width: 20px;

  border-bottom: 1px solid #d1dff0;

}

.footer dd a {

  display: block;

  height: 40px;

  color: #838a92;

  font-size: 16px;

}

.footer dd h5 {

  color: #b8c5d5;

  font-size: 32px;

  line-height: 45px;

  margin-top: -10px;

  margin-bottom: 10px;

}

.footer dd p {

  color: #838a92;

  font-size: 16px;

  line-height: 30px;

}



.footer .copy {

  padding: 20px 0;

  margin-top: 40px;

  line-height: 32px;

  color: #6f767d;

  font-size: 14px;

  border-top: 1px solid #6f767d;

}

.footer .copy a {

  display: inline;

  color: #6f767d;

  font-size: 14px;

  margin: 0 4px;

}

.footer a:hover {

  color: #d9110c;

  transform: translateX(5px);

  transition: all .3s;

}





/*鼠标hover效果*/

.hover-img-big .img {

  overflow: hidden;

}

.hover-img-big .img img {

  transition: transform .3s;

}

.hover-img-big:hover img {

  transform: scale(1.02);

}

.hover-left-rotate {

  transition: transform .3s;

}

.hover-left-rotate:hover {

  transform:rotateY(360deg);

}

.hover-left-move {

  position: relative;

  right: 0;

  transition: right .5s;

}

.hover-left-move:hover {

  right: -10px;

}

.hover-top-move {

  display: inline-block;

  position: relative;

  transition: transform .3s;

}

.hover-top-move:hover {

  transform: translateY(-5px);

}

.hover-bg-big {

  position: relative;

  z-index: 1;

}

.hover-bg-big:after {

  content: "";

  background-color: #fff;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  transform: scale(0);

  transition: transform .3s;

  z-index: -1;

}

.hover-bg-big:hover:after {

  transform: scale(1);

}



.sea-product ul.mycol {

  margin: 0 -10px;

}

.sea-product li.col {

  padding: 0 10px;

  margin-bottom: 20px;

}

.sea-product li {

  transition: all .3s;

}

.sea-product li:hover {

  transform: translateY(-10px);

}

.sea-product li .img {

  height: 0;

  padding-bottom: 62%;

  position: relative;

}

.sea-product li img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.sea-product li h4 {

  height: 50px;

  line-height: 50px;

  color: #1e242b;

  font-size: 18px;

  overflow: hidden;

  text-align: center;

}



@media (max-width: 1800px) {

  .header .nav li {

    margin-left: 1.5vw;

  }

}

@media (max-width: 1600px) {

  .header .nav li {

    margin-left: 0.5vw;

  }

  .header .phone i {

    display: none;

  }

  .header .phone span {

    margin-right: 0;

  }

  .index-about .w {

    width: 100%;

  }

}

@media (max-width: 1440px) {

  .w {

    width: 1200px;

  }

  .header-top,

  .header {

    padding: 0 1vw;

  }

  .header .nav li > a {

    padding: 0 5px;

  }

  .index-about .txt .more {

    display: none;

  }

}

@media (max-width: 1280px) {

  .w {

    width: 1100px;

  }

  .header .nav {

    margin-left: 1vw;

  }

  .header .phone .wx {

    margin-left: 1vw;

  }

}



.new-detail .left .con h2 {

    margin-bottom: 8px;

    font-size: 17px;

    color: #000000;

    padding: 2px 10px;

    font-weight: 700;

    line-height: 20px;

    font-family: microsoft yahei;

    vertical-align: baseline;

    border-left: 15px #d0151f solid;

    display: block;

    word-wrap: break-word;

    background-color: #f6f6f6;

    margin: 20px auto 20px;



}



.new-detail .left .con h3 {

    margin-bottom: 8px;

    font-size: 17px;

    color: #000000;

    padding: 13px 10px;

    font-weight: 700;

    line-height: 20px;

    font-family: microsoft yahei;

    vertical-align: baseline;

    display: block;

    word-wrap: break-word;

    margin: 20px auto 20px;



}



.content h2 {

    

    margin-bottom: 8px;

    font-size: 17px;

    color: #2d3540;

    padding: 13px 10px;

    font-weight: 700;

    line-height: 20px;

    font-family: microsoft yahei;

    vertical-align: baseline;

    display: block;

    word-wrap: break-word;

    margin: 20px auto 20px;

	border-left: 3px #f93c3c solid;

	background-color: #fbfbfb;

    

}



.content h3 {

    

    margin-bottom: 8px;

    font-size: 17px;

    color: #2d3540;

    padding: 13px 10px;

    font-weight: 700;

    line-height: 20px;

    font-family: microsoft yahei;

    vertical-align: baseline;

    display: block;

    word-wrap: break-word;

    margin: 20px auto 20px;

    

}



.new-detail .left .con p {

    margin: 15px;

    

}



.pro-detail .top .con p{

	margin: 7px;

}



.init * li{

	margin: 30px;

}