@charset "utf-8";
/*初始化代码*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body, html{position:relative;width:100%;height:100%;}
body {color:#333333; font-size:14px; font-family: "Microsoft YaHei","Arial","黑体","宋体",sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#333333; text-decoration:none; }
a:hover { text-decoration:none; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px "Arial","Microsoft YaHei","黑体","宋体",sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;} 

.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }/*公共类*/
.fl {float:left}
.fr {float:right}
.al {text-align:left}
.ac {text-align:center}
.ar {text-align:right}
.hide {display:none}
/* 文本溢出省略 父级样式需为块级元素、宽度不能为空*/
.ellipsis{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ellipsis2{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.ellipsis3{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/*引入字体图标*/
@font-face {
  font-family: 'iconfont';
  src: url('./font/iconfont.eot');
  src: url('./font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('./font/iconfont.woff') format('woff'),
  url('./font/iconfont.ttf') format('truetype'),
  url('./font/iconfont.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:24px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

/*css3动画时间*/
.animated1_5{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated2{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated3{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

/*统一样式更改*/
a:hover{color:#2d8cf0;}
input[type="text"], input[type="password"] {outline: 0;}

.main{width:1200px;margin:0 auto;position:relative;}
.flexslider{
  min-width:1200px;
  overflow:hidden;
}
/*头部*/
.header{
  width:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:9;
}
.header .logo{
  padding:20px 0;
  width:163px;
  height:60px;
}
.header .logo a{
  display:block;
}
.header .logo a img{
  width:100%;
  vertical-align:middle;
}
.header .logo .default{
  display:block;
}
.header .logo .selection{
  display:none;
}
.header .menu ul li{
  padding:20px 0;
  float:left;
}
.header .menu ul li a{
  display:block;
  padding:20px 35px;
  font-size:18px;
  color:#ffffff;
  -moz-transition: background .5s linear;
  -o-transition: background .5s linear;
  -webkit-transition: background .5s linear;
  transition: background .5s linear;
}
.header .menu ul li a span{
  display:block;
  padding-bottom:5px;
}
.header .menu ul li.active a{
  background:#ebbc29;
  color:#ffffff;
}
.header .menu ul li a:hover{
  background:#ebbc29;
  color:#ffffff;
}
.headerfixed{
  background:#ffffff;
  border-bottom:1px solid #ddd;
  position:fixed;
  z-index:99;
}
.headerfixed .menu ul li a{
  color:#333333;
}
.headerfixed .menu ul li a:hover{
  color:#ffffff;
}
.headerfixed .menu ul li.active a{
  color:#ffffff;
}
.headerfixed .logo .default{
  display:none;
}
.headerfixed .logo .selection{
  display:block;
}
/*首页*/
.brand{
  padding:100px 0;
  height:500px;
  background:url("../images/brand_bg.jpg") center 100px no-repeat;
}
.brand .swiper-container {
  width:640px;
  height: 500px;
  position:absolute;
  top:0;
  right:50px;
}
.brand .swiper-slide {
  text-align: center;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.brand .swiper-container-horizontal>.swiper-pagination-bullets{
  width:auto;
  left:50%;
  margin-left:-200px;
  background:#FFE9EA;
  border-radius:20px;
}
.brand .swiper-pagination-bullet {
  width:100px;
  height:40px;
  font-size:14px;
  text-align:center;
  line-height:40px;
  border-radius:0;
  font-size: 12px;
  color:#D81920;
  opacity: 1;
  background: transparent;
}
.brand .swiper-pagination-bullet-active {
  color:#fff;
  background: #D81920;
  border-radius:20px;
}
.brand .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
  margin:0;
}
.brand .swiper-slide a{
  display:block;
  color:#333333;
  margin-top:-60px;
}
.brand-img{
  margin:0 auto 20px;
  width:160px;
  height:160px;
}
.brand-img img{
  width:100%;
  vertical-align:middle;
  transition: all 0.3s linear;
}
.brand .swiper-slide a:hover .brand-img img{
  transform: scale(1.2);
}
.brand-info p{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-bottom:5px;
}
.brand-info p span:nth-child(1){
  display:block;
  width:70px;
  text-align:left;
}
.brand-info p span:nth-child(2){
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  min-width: 0;
  text-align:left;
}
.resource{
  padding:100px 0;
  min-width:1200px;
  background:#F9FAFE;
}
.homeTitle{
  text-align:center;
  margin-bottom:70px;
}
.homeTitle h3{
  font-size:26px;
  margin-bottom:25px;
}
.homeTitle h3 span{
  margin:0 15px;
}
.homeTitle h3 span img{
  width:28px;
  height:28px;
  vertical-align:middle;
  margin-top:-6px;
}
.homeTitle p{
  width:540px;
  margin:0 auto;
  font-size:14px;
  line-height:24px;
  text-align:center;
}
.resContent{
  height:500px;
  position:relative;
}
.resIcon{
  width:100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position:absolute;
  left:0;
  bottom:150px;
}
.resList{
  width:120px;
  text-align:center;
  margin:0 40px;
}
.resList .icon{
  width:120px;
  height:120px;
  vertical-align:middle;
}
.resList span{
  display:block;
  font-size:18px;
  margin:0 0 10px;
}
.resList .line{
  width:21px;
  vertical-align:middle;
}
.resAxis{
  width:1100px;
  position:absolute;
  left:50px;
  bottom:120px;
}
.resAxis img{
  width:100%;
  vertical-align:middle;
}
.resBottom{
  width:100%;
  position:absolute;
  left:0;
  bottom:0;
}
.resBottom img{
  width:100%;
  vertical-align:middle;
}
.homeBtn a{
  display:block;
  width:180px;
  height:50px;
  line-height:50px;
  border:6px solid #f4d8dd;
  border-radius:31px;
  background:#D81920;
  text-align:center;
  font-size:16px;
  color:#ffffff;
  margin:0 auto;
  position:relative;
  z-index:9;
}

.codeIn{
  display: none;
  width: 130px;
  height: 130px;
  padding: 10px;
  background: #ffffff;
  border: 0;
  border-radius: 10px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
  position: absolute;
  top: -170px;
  left: 13px;
}
.codeIn:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #ffffff;
  transform: rotate(225deg);
  position: absolute;
  bottom: -5px;
  left: 69px;
}
.codeIn img{
  width:100%;
  vertical-align:middle;
}
.homeBtn a:hover{
  background:rgba(216,25,32,0.8);
}
.homeBtn a:hover .codeIn{
  display:block;
}
.book{
  padding:100px 0;
}
.book ul li{
  width:240px;
  height:520px;
  background:#ffffff;
  float:left;
  position:relative;
}
.book ul li a{
  display:block;
  width:100%;
  height:100%;
  background:#ffffff;
}
.book ul li:before, .book ul li:after{
  position:absolute;
  content:"";
  top:14px;
  bottom:14px;
  left:0;
  right:0;
  box-shadow:0 0 20px 0 #c3c3c3;
  z-index:-1;
}
.book ul li:nth-child(2){
  z-index:2;
}
.book ul li:nth-child(3){
  z-index:3;
}
.book ul li:nth-child(4){
  z-index:4;
}
.book ul li:nth-child(5){
  z-index:5;
}
.book-img{
  width:240px;
  height:200px;
  overflow:hidden;
}
.book-img img{
  width:100%;
  vertical-align:middle;
  transition: all 0.3s linear;
}
.book ul li a:hover .book-img img{
  transform: scale(1.2);
}
.book-info{
  padding:0 20px;
}
.book-info h3{
  font-size:18px;
  margin:30px 0;
  text-align:center;
  font-weight:700;
}
.book-info p{
  line-height:30px;
}
.book-tips{
  height:100px;
  text-align:center;
  position:relative;
}
.book-tips:before{
  width:90%;
  height:2px;
  content:"";
  border-bottom:2px dashed #ef9ea1;
  position:absolute;
  top:50px;
  left:5%;
}
.book-tips span{
  padding:2px 5px;
  background:#ffffff;
  position:absolute;
  top:40px;
  left:50%;
  margin-left:-229px;
  z-index:2;
}
.room{
  min-width:1200px;
  padding:150px 0 100px;
  background:url("../images/room_bg.jpg") top no-repeat;
}
.roomContent{
  width:1160px;
  height:560px;
  padding:50px 20px 30px;
  background:#ffffff;
  box-shadow:0px 0px 10px 0px #e5e5e5;
  border-radius:10px;
}
.room ul li{
  width:210px;
  height:300px;
  margin:0 10px;
  text-align:center;
  float:left;
  overflow:hidden;
  transition: all 0.3s linear;
}
.room ul li a{
  display:block;
  width:100%;
  height:100%;
  color:#ffffff;
}
.room ul li h3{
  font-size:22px;
  font-weight:700;
  padding:130px 0 15px;
}
.room ul li p{
  margin-bottom:5px;
}
.room ul li:nth-child(1){
  background:url("../images/room_bg01.jpg") no-repeat;
}
.room ul li:nth-child(2){
  background:url("../images/room_bg02.jpg") no-repeat;
}
.room ul li:nth-child(3){
  background:url("../images/room_bg03.jpg") no-repeat;
}
.room ul li:nth-child(4){
  background:url("../images/room_bg04.jpg") no-repeat;
}
.room ul li:nth-child(5){
  background:url("../images/room_bg05.jpg") no-repeat;
}
.room ul li:hover{
  transform: scale(1.1);
}
.school{
  padding:100px 0 70px;
  min-width:1200px;
  background:#F9FAFE;
}
.schoolContent{
  margin-bottom:70px;
  position:relative;
}
.schoolLeft{
  width:300px;
  height:422px;
  padding-right:89px;
  text-align:right;
  position:absolute;
  top:0;
  left:0;
}
.schoolLeft .schoolList{
  padding:50px 0 70px;
  position:relative;
}
.schoolLeft .schoolList:before{
  content:"";
  display:block;
  width:10px;
  height:10px;
  background:#ffffff;
  border:5px solid #c7c8cb;
  border-radius:10px;
  position:absolute;
  top:57px;
  right:-50px;
}
.schoolLeft .schoolList:after{
  content:"";
  display:block;
  width:40px;
  height:1px;
  border-bottom:1px dashed #c7c8cb;
  position:absolute;
  top:66px;
  right:-90px;
}
.schoolLeft .schoolList:nth-child(1):after{
  width:70px;
  right:-120px;
}
.schoolRight{
  width:300px;
  height:422px;
  padding-left:89px;
  text-align:left;
  position:absolute;
  top:0;
  right:0;
}
.schoolRight .schoolList{
  padding:0 0 80px;
  position:relative;
}
.schoolRight .schoolList:before{
  content:"";
  display:block;
  width:10px;
  height:10px;
  background:#ffffff;
  border:5px solid #c7c8cb;
  border-radius:10px;
  position:absolute;
  top:10px;
  left:-50px;
}
.schoolRight .schoolList:after{
  content:"";
  display:block;
  width:35px;
  height:1px;
  border-bottom:1px dashed #c7c8cb;
  position:absolute;
  top:19px;
  left:-85px;
}
.schoolRight .schoolList:nth-child(1):after{
  width:90px;
  left:-140px;
}
.schoolRight .schoolList:nth-child(3):after{
  width:60px;
  left:-110px;
}
.schoolRight .schoolList:nth-child(3){
  padding:0;
}
.schoolList h3{
  font-size:26px;
  font-weight:700;
  margin-bottom:5px;
}
.schoolMiddle{
  width:422px;
  height:422px;
  margin:0 auto;
}
.ment{
  padding-top:120px;
}
.mentMap{
  position:relative;
}
.mentMap .mentMap_bg{
  width:1200px;
  height:462px;
}
.mentMap .mentMap_bg img{
  width:100%;
  vertical-align:middle;
}
.mentMap .map_circle{
  width:220px;
  height:80px;
  position:absolute;
  top:100px;
  left:495px;
}
.mentMap .map_circle img{
  width:100%;
  vertical-align:middle;
}
.mentMap .location{
  width:124px;
  height:70px;
  position:absolute;
  top:56px;
  left:540px;
  animation: rotate 1s linear infinite;
}
.mentMap .location img{
  width:100%;
  vertical-align:middle;
}
@keyframes rotate {
  0% {
    transform: translateY(0) ;
  }
  25% {
    transform: translateY(10px);
  }
  50% {
    transform: translateY(20px);
     
  }
  75% {
    transform: translateY(10px) ;
  }
  100% {
    transform: translateY(0) ;
  }
}
.mentNum{
  width:1200px;
  height:275px;
  background:url("../images/mentNum_bg.png") no-repeat;
  background-size:100% 100%;
}
.mentNum ul{
  padding:0 100px;
}
.mentNum ul li{
  width:250px;
  padding:100px 0;
  text-align:center;
  color:#ffffff;
  float:left;
}
.mentNum .num-title{
  font-size:50px;
  font-weight:700;
}
.mentNum .numsup{
  display:inline-block;
  vertical-align:top;
  margin-top:5px;
}
.teach{
  padding:100px 0;
}
.teach .swiper-container1 {
  width: 100%;
  height: 100%;
  overflow:hidden;
}
.teach .swiper-slide a{
  display:block;
}
.teach .swiper-slide .teachImg{
  width:380px;
  height:200px;
  border:0;
  border-radius:8px;
  overflow:hidden;
}
.teach .swiper-slide .teachImg img{
  width:100%;
  vertical-align:middle;
  transition: all 0.3s linear;
}
.teach .swiper-slide a:hover .teachImg img{
  transform: scale(1.2);
}
.teach .swiper-slide .teachTime{
  text-align:right;
  margin:15px 0;
  font-size:12px;
  color:#999999;
}
.teach .swiper-slide .teachTime img{
  width:14px;
  height:14px;
  vertical-align:middle;
  margin-right:5px;
  margin-top:-3px;
}
.teach .swiper-slide h3{
  color:#333333;
  font-size:18px;
  font-weight:700;
  margin-bottom:25px;
}
.teach .swiper-slide p{
  color:#999999;
}
.teach .swiper-button-next, .teach .swiper-button-prev{
  width:40px;
  height:40px;
}
.teach .swiper-button-next{
  background-image:url("../images/next.png");
  background-size:40px 40px;
  right:-50px;
}
.teach .swiper-button-prev{
  background-image:url("../images/prev.png");
  background-size:40px 40px;
  left:-50px;
}
/*公司简介*/
.banner{
  min-width:1200px;
}
.banner img{
  width:100%;
  vertical-align:middle;
}
.about{
  min-width:1200px;
  background:#F9FAFE;
  padding:100px 0;
}
.aboutContent{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.aboutContent .about-img{
  width:400px;
  height:300px;
  margin-right:30px;
}
.aboutContent .about-img img{
  width:100%;
  vertical-align:middle;
}
.aboutContent .about-info{
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  min-width: 0;
}
.aboutContent .about-info p{
  font-size:16px;
  line-height:30px;
  text-indent:2em;
}
.course{
  width:100%;
  min-width:1200px;
  height:auto;
  /*height:700px;*/
  /*background:url("../images/course_bg.jpg") center no-repeat;*/
}
.history{
  position:relative;
}
.history-img{
  width:1307px;
  height:579px;
  position:absolute;
  top:-35px;
  left:-64px;
}
.history ul li{
  width:126px;
  padding:10px;
  background:#D81920;
  margin:0 10px;
  float:left;
  color:#ffffff;
  text-align:center;
  border-radius:6px;
  position:relative;
  z-index:1;
}
.history ul li:nth-child(1){
  margin-top:430px;
}
.history ul li:nth-child(2){
  margin-top:370px;
}
.history ul li:nth-child(3){
  margin-top:360px;
}
.history ul li:nth-child(4){
  margin-top:290px;
}
.history ul li:nth-child(5){
  margin-top:210px;
}
.history ul li:nth-child(6){
  margin-top:185px;
}
.history ul li:nth-child(7){
  margin-top:150px;
}
.honor{
  min-width:1200px;
  background:#F9FAFE;
  padding:100px 0;
}
.wrapper .container {
  position: relative;
  width:940px;
  height: 260px;
  margin: 0 auto;
  transform: translate3d(0,0,0);
}
.honor ul li{
  width:327px;
  padding:10px;
  background:#ffffff;
}
.honor ul li img{
  width:100%;
  vertical-align:middle;
}
.btn-direct {
  position: absolute;
  top: 63%;
  transform: translateY(-50%);
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .7);
  opacity: 0;
  cursor: pointer;
  z-index: 100;
  transition: opacity ease 300ms;
}
.wrapper:hover .btn-direct {
  opacity: .6;
}
.btn-direct:hover {
  opacity: .9 !important;
}
.btn-direct.btn-left {
  left: 3rem;
}
.btn-direct.btn-right {
  right: 3rem;
}
.btn-direct>span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.2rem;
  height: 1.2rem;
  border-top: 0.125rem solid #fff;
  border-left: 0.125rem solid #fff;
}
.wrapper.horizontal .btn-direct>span.shift-left {
  transform: translate(-30%, -50%) rotate(-45deg);
}
.wrapper.horizontal .btn-direct>span.shift-right {
  transform: translate(-70%, -50%) rotate(135deg);
}
.wrapper.vertical .btn-direct>span.shift-left {
  transform: translate(-50%, -30%) rotate(45deg);
}
.wrapper.vertical .btn-direct>span.shift-right {
  transform: translate(-50%, -70%) rotate(-135deg);
}
/*企业文化*/
.culture{
  min-width:1200px;
  background:#F9FAFE;
}
.cultureNav{
  padding:40px 0 120px;
}
.cultureNav a{
  display:block;
  width:285px;
  height:160px;
  margin:0 10px;
  border-radius:6px;
  overflow:hidden;
  float:left;
  position:relative;
}
.cultureNav a:first-child{
  margin-left:0;
}
.cultureNav a:last-child{
  margin-right:0;
}
.cultureNav a span{
  display:block;
  width:100%;
  font-size:22px;
  color:#ffffff;
  font-weight:700;
  text-align:center;
  position:absolute;
  left:0;
  bottom:15px;
}
.cultureNav a img{
  width:100%;
  vertical-align:middle;
}
.stand{
  width:1200px;
  height:600px;
  background:url("../images/stand_bg.jpg") no-repeat;
  background-size:100% 100%;
  margin-bottom:100px;
  position:relative;
}
.standTitle{
  width:340px;
  height:100px;
  position:absolute;
  top:-30px;
  left:40px;
}
.standTitle img{
  width:100%;
  vertical-align:middle;
}
.stand ul{
  padding-top:150px;
}
.stand ul li{
  width:190px;
  padding-left:50px;
  margin:15px 0;
  font-size:18px;
  float:left;
}
.stand ul li img{
  width:12px;
  height:12px;
  vertical-align:middle;
}
.stand ul li span{
  display:inline-block;
  vertical-align: middle;
  margin-left:10px;
}
.elegant{
  padding-bottom:100px;
}
.elegantContent ul li{
  width:260px;
  padding:10px;
  margin:0 10px 20px;
  background:#ffffff;
  float:left;
}
.elegantContent ul li a{
  display:block;
}
/*.elegantContent ul li img{
  width:260px;
  height:245px;
  vertical-align:middle;
}*/
.elegantImg{
  width:260px;
  height:170px;
  overflow:hidden;
  display:flex;
  align-items:center;
}
.elegantImg img{
  display:block;
  width:100%;
  height:auto;
  align-items:center;
}
.elegantContent ul li span{
  display:block;
  padding:20px 0;
  text-align:center;
}
/*产品展示*/
.search{
  width:1200px;
  padding:40px 0;
  margin:-80px auto 30px;
  background:#ffffff;
  box-shadow:0 0 10px 0 #999999;
  border-radius:10px;
  position:relative;
  z-index:1;
}
.searchLogo{
  width:87px;
  padding:0 40px;
  border-right:1px solid #E6E6E6;
}
.searchInput{
  padding-left:90px;
  font-size:18px;
}
.searchInput span{
  display:inline-block;
  line-height:81px;
  margin-right:30px;
}
.searchInput select{
  padding:0 30px;
  width:200px;
  height:44px;
  line-height:44px;
  border:0;
  border-radius:22px;
  outline:none;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  background:url("../images/select-arrow.png") #F4F4F4 no-repeat calc(100% - 30px) center;
}
.searchInput select option{
  height:30px;
  line-height:30px;
  margin:5px auto;
  font-size:14px;
}
.searchInput input{
  width:340px;
  padding:0 30px;
  height:44px;
  line-height:44px;
  border:0;
  border-radius:22px;
  background:#F4F4F4;
  margin-left:20px;
}
.searchInput a{
  display:inline-block;
  width:120px;
  height:44px;
  line-height:44px;
  border:0;
  border-radius:22px;
  background:#D81920;
  color:#ffffff;
  text-align:center;
  margin-left:40px;
}
.productMenu{
  width:250px;
  background:#ffffff;
  border-radius:6px;
  overflow:hidden;
}
.productMenu .menuTitle{
  width:250px;
  height:80px;
  position:relative;
}
.productMenu .menuTitle img{
  width:100%;
  vertical-align:middle;
}
.productMenu .menuTitle span{
  font-size:20px;
  font-weight:700;
  color:#ffffff;
  position:absolute;
  top:27px;
  left:90px;
}
.productMenu ul li a{
  display:block;
  padding:15px 25px;
  font-size:16px;
  position:relative;
}
.productMenu ul li.active a{
  color:#D81920;
}
.productMenu ul li.active a:after{
  content: " ";
  display: inline-block;
  height: 6px;
  width: 6px;
  border-width: 2px 2px 0 0;
  border-color: #D81920;
  border-style: solid;
  -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
  transform: matrix(.71,.71,-.71,.71,0,0);
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 25px;
}
.productList{
  width:930px;
  margin-bottom:100px;
  margin-left:20px;
}
.productNav{
  padding:20px 0;
  background:#ffffff;
  border-radius:6px;
  position:relative;
  margin-bottom:20px;
}
.productNav .navClass{
  padding:10px 100px 10px 30px;
  line-height:30px;
}
.productNav .navClass a{
  display:inline-block;
  padding:0 10px;
}
.productNav .navClass a.active{
  background:#D81920;
  color:#ffffff;
}
.productNav .navSubject{
  padding:10px 120px 10px 30px;
  line-height:30px;
  position:relative;
}
.productNav .navSubject a{
  display:inline-block;
  padding:0 10px;
}
.productNav .navSubject a.active{
  background:#D81920;
  color:#ffffff;
}
.navSubject .screen{
  padding:0 30px;
  border-left:1px solid #E6E6E6;
  color:#D81920;
  position:absolute;
  top:10px;
  right:30px;
  cursor:pointer;
}
.navSubject .screen:after{
  content: " ";
  display: inline-block;
  height: 6px;
  width: 6px;
  border-width: 0 2px 2px 0;
  border-color: #D81920;
  border-style: solid;
  -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
  transform: matrix(.71,.71,-.71,.71,0,0);
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 10px;
}
.productNav .press{
  width:280px;
  padding:20px;
  background:#ffffff;
  border-radius:6px;
  box-shadow:0 0 10px 0 #999999;
  position:absolute;
  top:120px;
  right:30px;
}
.press h3{
  padding-left:10px;
  border-left:3px solid #D81920;
  font-weight:700;
  margin-bottom:20px;
}
.press .pressList{
  margin-bottom:10px;
}
.press .pressList a{
  display:inline-block;
  width:65px;
  margin-bottom:20px;
}
.press .pressList a.active{
  color:#D81920;
}
.productContent ul li{
  width:225px;
  height:270px;
  background:#ffffff;
  margin:0 10px 10px 0;
  float:left;
}
.productContent ul li:nth-child(4n){
  margin-right:0;
}
.productContent ul li a{
  display:block;
}
.productContent .productImg{
  margin:10px;
  width:205px;
  height:200px;
  text-align:center;
  overflow:hidden;
}
.productContent .productImg img{
  /*width:auto;
  max-width:100%;*/
  height:100%;
  vertical-align:middle;
}
.productContent ul li p{
  padding:0 20px;
  text-align:center;
}
/*公司资讯*/
.recomm{
  width:1200px;
  height:600px;
  margin:-300px auto 0;
}
.recomm .swiper-container {
  width: 100%;
  height: 100%;
}
.recomm .swiper-slide a{
  display:block;
  position:relative;
}
.recomm .swiper-slide .recommImg{
  width:1200px;
  height:600px;
}
.recommImg img{
  width:100%;
  vertical-align:middle;
}
.recomm .swiper-slide .recommInfo{
  width:300px;
  height:200px;
  padding:0 25px;
  background:rgba(255,255,255,0.9);
  position:absolute;
  bottom:0;
  left:0;
}
.recommInfo h3{
  padding:30px 0;
  font-size:16px;
  font-weight:700;
  color:#333333;
}
.recommInfo p{
  color:#333333;
}
.recommInfo span{
  display:block;
  width:120px;
  height:44px;
  line-height:44px;
  background:#D81920;
  color:#ffffff;
  border-radius:22px;
  text-align:center;
  margin-top:30px;
}
.recomm .swiper-button-next, .recomm .swiper-container-rtl .swiper-button-prev{
  width:70px;
  height:70px;
  background:#D81920;
  top:552px;
  right:0;
}
.recomm .swiper-button-next:after{
  content: " ";
  display: inline-block;
  height: 20px;
  width: 20px;
  border-width: 2px 2px 0 0;
  border-color: #ffffff;
  border-style: solid;
  -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
  transform: matrix(.71,.71,-.71,.71,0,0);
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 28px;
}
.recomm .swiper-button-prev, .recomm .swiper-container-rtl .swiper-button-next{
  width:70px;
  height:70px;
  background:#D81920;
  top:552px;
  left:1060px;
}
.recomm .swiper-button-prev:after{
  content: " ";
  display: inline-block;
  height: 20px;
  width: 20px;
  border-width: 0 0 2px 2px;
  border-color: #ffffff;
  border-style: solid;
  -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
  transform: matrix(.71,.71,-.71,.71,0,0);
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 28px;
}
.recomm .swiper-button-next.swiper-button-disabled, .recomm .swiper-button-prev.swiper-button-disabled{
  opacity:1;
  background:#ffffff;
  pointer-events:auto;
}
.recomm .swiper-button-next.swiper-button-disabled:after, .recomm .swiper-button-prev.swiper-button-disabled:after{
  border-color: #999999;
}
.news{
  padding:40px 0 100px;
}
.newsNav{
  width:250px;
}
.newsNav a{
  display:block;
  width:250px;
  height:100px;
  border-radius:10px;
  overflow:hidden;
  margin-bottom:20px;
  position:relative;
}
.newsNav a.active{
  box-shadow:0 0 10px 0 #999999;
}
.newsNav a img{
  width:100%;
  vertical-align:middle;
}
.newsNav a span{
  font-size:20px;
  font-weight:700;
  color:#ffffff;
  position:absolute;
  top:35px;
  left:90px;
}
.newsContent{
  width:930px;
  margin-left:20px;
  background:#ffffff;
}
.listContent{
  padding-bottom:40px;
}
.newsList ul li a{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding:20px;
  border-bottom:1px solid #E6E6E6;
  background:#ffffff;
}
.newsList .newsImg{
  width:200px;
  height:140px;
  margin-right:20px;
  overflow:hidden;
}
.newsList .newsImg img{
  width:100%;
  vertical-align:middle;
}
.newsList .newsInfo{
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  min-width: 0;
}
.newsList .newsInfo h3{
  font-size:18px;
  font-weight:700;
  margin:10px 0 20px;
}
.newsList .newsInfo p{
  height:57px;
  margin-bottom:10px;
}
.newsList .newsInfo span{
  color:#999999;
}
.newsList .newsInfo span img{
  width:14px;
  height:14px;
  margin-right:5px;
  vertical-align:middle;
  margin-top:-2px;
}
#list03 ul li:last-child a{
  border-bottom:0;
}
/*联系我们*/
.contactMenu{
  min-width:1200px;
  border-bottom:1px solid #E6E6E6;
}
.menuList a{
  display:block;
  width:398px;
  padding-top:30px;
  border-left:1px solid #E6E6E6;
  color:#D81920;
  text-align:center;
  float:left;
}
.menuList a img{
  display:block;
  width:50px;
  height:50px;
  vertical-align:middle;
  margin:0 auto;
}
.menuList a span{
  display:block;
  padding:25px 0;
  font-size:16px;
  text-align:center;
}
.menuList a .default{
  display:block;
}
.menuList a .selected{
  display:none;
}
.menuList a:last-child{
  border-right:1px solid #E6E6E6;
}
.menuList a.active{
  background:#D81920;
  color:#ffffff;
}
.menuList a.active .default{
  display:none;
}
.menuList a.active .selected{
  display:block;
}
.infoContent{
  width:1200px;
  height:300px;
  background:url("../images/contact_bg.jpg") no-repeat;
  position:relative;
}
.contactInfo h3{
  padding:100px 0;
  font-size:24px;
  font-weight:700;
}
.infoPhone{
  width:840px;
  padding:50px 0;
  border-bottom:1px solid #E6E6E6;
}
.phoneList{
  width:245px;
  padding-left:35px;
  float:left;
}
.phoneList .phoneIcon{
  width:26px;
  margin-right:10px;
}
.phoneList .phoneIcon img{
  width:26px;
  height:26px;
}
.phoneList .phoneInfo h4{
  font-size:18px;
  font-weight:700;
  margin-bottom:5px;
}
.infoAddress{
  padding:50px 0 50px 35px;
  float:left;
}
.infoAddress .addressIcon{
  width:26px;
  margin-right:10px;
}
.infoAddress .addressIcon img{
  width:26px;
  height:26px;
}
.infoAddress .addressInfo h4{
  font-size:18px;
  font-weight:700;
  margin-bottom:5px;
}
.infoImg{
  width:300px;
  height:380px;
  position:absolute;
  top:-120px;
  left:840px;
}
.infoImg img{
  width:100%;
  vertical-align:middle;
}
.contactMap{
  padding:150px 0 110px;
}
.join{
  padding:100px 0;
}
.joinTip{
  font-size:16px;
  font-weight:700;
  line-height:30px;
  text-indent:2em;
  margin-bottom:30px;
}
.joinList{
  width:1198px;
  border:1px solid #E6E6E6;
}
.joinList ul li{
  width:558px;
  padding:10px 20px 70px;
  float:left;
}
.joinList ul li:nth-child(odd){
  border-right:1px solid #E6E6E6;
  clear:left;
}
.joinList ul li h3{
  font-size:18px;
  font-weight:700;
  padding:20px 5px;
  border-bottom:1px solid #E6E6E6;
}
.joinList ul li h3 span{
  display:block;
  padding:0 20px;
  border-left:4px solid #D81920;
}
.joinList ul li h4{
  margin-top:30px;
  font-weight:700;
  margin-bottom:10px;
}
.joinList ul li .joinInfo{
  padding:0 10px;
}
.joinList ul li p{
  margin-bottom:5px;
}
.joinAddress{
  padding:40px 30px;
  border-top:1px solid #E6E6E6;
}
.joinAddress p{
  font-size:16px;
  font-weight:700;
  margin-bottom:10px;
}
.msg{
  width:1200px;
  background:#F4F4F4;
  margin:40px 0 100px;
}
.msg h3{
  padding:40px 200px;
  font-size:24px;
  font-weight:700;
}
.msg .msgInput{
  padding:15px 100px;
}
.msg .msgInput span{
  display:inline-block;
  width:90px;
  line-height:44px;
}
.msg .msgInput input{
  width:470px;
  height:44px;
  line-height:44px;
  padding:0 15px;
  border:0;
  border-radius:6px;
}
.msg .msgInput textarea{
  width:470px;
  padding:10px 15px;
  border:0;
  border-radius:6px;
  resize:none;
}
.msg .msgbtn{
  padding:35px 200px 55px;
}
.msg .msgbtn a{
  display:block;
  width:150px;
  height:44px;
  line-height:44px;
  background:#D81920;
  color:#ffffff;
  text-align:center;
  border-radius:22px;
}
.msg .msgbtn button{
  display:block;
  width:150px;
  height:44px;
  line-height:44px;
  background:#D81920;
  color:#ffffff;
  text-align:center;
  border:0;
  border-radius:22px;
}
/*产品展示详情*/
.detail{
  padding:40px 0 140px;
}
.detailLeft{
  width:900px;
  margin-right:20px;
}
.detailInfo{
  background:#ffffff;
}
.detailTitle{
  padding:30px;
  border-bottom:1px solid #F5F5F5;
}
.detailTitle h3{
  font-size:18px;
  font-weight:700;
  margin-bottom:30px;
}
.detailTitle .time{
  color:#999999;
  float:right;
}
.detailContent{
  padding:30px 30px 70px;
}
.detailContent img{
  max-width:100%;
  vertical-align:middle;
  margin:0 auto 40px;
}
.detailContent p{
  line-height:24px;
  text-indent:2em;
  margin-bottom:20px;
}
.prevNext{
  padding:20px 0;
  margin-top:20px;
  background:#ffffff;
}
.prevNext a{
  display:inline-block;
  width:46%;
  padding-left:30px;
  color:#D81920;
}
.prevNext a:first-child{
  border-right:1px solid #DADADA;
}
.prevNext a:hover{
  opacity:0.8;
}
.relevant{
  margin-top:40px;
}
.relevant h3{
  padding:20px 0;
  font-size:16px;
  font-weight:700;
  color:#D81920;
}
.relevant h3 img{
  width:13px;
  height:13px;
  vertical-align:middle;
  margin-right:10px;
}
.relevant ul li{
  width:224px;
  margin:0 1px 1px 0;
  background:#ffffff;
  float:left;
}
.relevant ul li a{
  display:block;
  padding:10px;
}
.relevant .productImg{
  width:204px;
  margin-bottom:10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align:center;
}
.relevant .productImg img{
  width:auto;
  max-width:100%;
  vertical-align:center;
}
.relevant ul li p{
  height:38px;
  text-align:center;
}

.detailRight{
  width:280px;
}
.focusNew{
  margin-bottom:20px;
}
.focusTitle{
  padding:10px 0;
}
.focusImg{
  width:101px;
  height:23px;
}
.focusImg img{
  width:100%;
  vertical-align:middle;
}
.focusMore{
  line-height:23px;
  color:#999999;
}
.focusMore span{
  vertical-align:middle;
}
.focusMore img{
  width:11px;
  height:9px;
  margin-left:5px;
  vertical-align:middle;
}
.focusBorder{
  width:280px;
}
.focusBorder img{
  display:block;
  width:100%;
  vertical-align:middle;
}
.focusNew ul{
  padding:20px 0;
}
.focusNew ul li{
  width:135px;
  height:100px;
  margin:0 10px 10px 0;
  float:left;
}
.focusNew ul li:nth-child(even){
  margin-right:0;
}
.focusNew ul li a{
  display:block;
  width:100%;
  height:100%;
  overflow:hidden;
}
.focusNew ul li a img{
  width:100%;
  min-height:100%;
  vertical-align:middle;
}
.choose{
  margin-bottom:30px;
}
.hotTitle{
  padding:10px 0;
}
.hotImg span{
  font-size:16px;
  color:#D81920;
  margin-left:10px;
  vertical-align:middle;
}
.hotImg img{
  width:13px;
  height:13px;
  vertical-align:middle;
}
.hotMore{
  line-height:23px;
  color:#999999;
}
.hotMore span{
  vertical-align:middle;
}
.hotMore img{
  width:11px;
  height:9px;
  margin-left:5px;
  vertical-align:middle;
}
.choose ul li{
  margin-bottom:10px;
}
.choose ul li a{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.choose .chooseImg{
  width:100px;
  height:80px;
  margin-right:10px;
  text-align:center;
  overflow:hidden;
}
.choose .chooseImg img{
  height:100%;
  vertical-align:middle;
}
.choose .chooseInfo{
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  min-width: 0;
}
.hot ul{
  margin-top:10px;
}
.hot ul li{
  padding-bottom:10px;
  position:relative;
}
.hot ul li:before{
  content:"";
  display:block;
  width:1px;
  height:50%;
  border-left:1px dashed #999999;
  position:absolute;
  left:6px;
  top:2px;
  z-index:-1;
}
.hot ul li:after{
  content:"";
  display:block;
  width:1px;
  height:50%;
  border-left:1px dashed #999999;
  position:absolute;
  left:6px;
  bottom:0;
  z-index:-1;
}
.hot ul li:first-child:before{
  display:none;
}
.hot ul li:last-child:after{
  display:none;
}
.hot ul li a{
  display:block;
  padding-left:20px;
  position:relative;
}
.hot ul li a:before{
  content:"";
  display:block;
  width:8px;
  height:8px;
  background:#ffffff;
  border:2px solid #D81920;
  border-radius:6px;
  position:absolute;
  top:4px;
  left:0;
}
.newsList .newsTitle{
  margin-top:40px;
  padding:20px 0;
  font-size:16px;
  font-weight:700;
  color:#D81920;
}
.newsList .newsTitle img{
  width:13px;
  height:13px;
  vertical-align:middle;
  margin-right:10px;
}

/*分页*/
.page{
  margin-top:35px;
  text-align:center;
}
.page ul{
  display:inline-block;
}
.page ul li{
  display:inline;
  float:left;
}
.page ul li a{
  display:block;
  width:28px;
  height:28px;
  line-height:28px;
  text-align:center;
  background:#ffffff;
  border:1px solid #E2E2E2;
  border-radius:4px;
  margin:0 5px;
}
.page ul li span{
  display:block;
  width:28px;
  height:28px;
  line-height:28px;
  text-align:center;
  color:#999999;
  background:#ffffff;
  border:1px solid #E2E2E2;
  border-radius:4px;
  margin:0 5px;
}
.page ul li.active span{
  color:#D81920;
  border:1px solid #D81920;
}
.page .jumpText{
  margin-left:10px;
  line-height:30px;
}
.page .jumpInput{
  width:30px;
  height:26px;
  text-align:center;
  border:1px solid #E2E2E2;
  border-radius:4px;
}
.page .jumpPage{
  line-height:30px;
}
/*底部*/
.footer{
  background:#f2f2f2;
}
.footer .footerLogo{
  padding:30px 0;
  text-align:center;
  border-bottom: 1px solid #d7d7d7;
}
.footer .footerLogo img{
  width:163px;
  height:60px;
  vertical-align:middle;
}
.footer .footContent{
  padding:30px 0;
  border-top: 1px solid #fff;
}
.footer ul li{
  width:400px;
  float:left;
}
.footer ul li:nth-child(3){
  width:230px;
  float:right;
}
.footer ul li h3{
  font-size:18px;
  margin-bottom:20px;
}
.footer ul li a{
  display:block;
  line-height:32px;
}
.footer ul li p{
  line-height:32px;
}
.footer .mationIcon{
  width:50px;
  height:50px;
  margin-right:20px;
}
.footer .mationIcon img{
  width:100%;
  vertical-align:middle;
}
.footer .mationInfo{
  color:#333333;
}
.footer .mationInfo h3{
  font-size:20px;
  font-weight:700;
  margin-bottom:5px;
}
.foot-bottom{
  width:100%;
  height:84px;
  min-width:1200px;
  /*background:url("../images/foot.png") repeat-x;*/
  border-top: 1px solid #d7d7d7;
}
.foot-bottom p{
  color:#333333;
  text-align:center;
  padding-top:30px;
}
.foot-bottom p a{
  color:#333333;
}
.footCode{
	text-align:center;
}
.footCode img{
	width:220px;
}
.footCode span{
	display:block;
}
.suspen{
  width:60px;
  background:#ffffff;
  border-radius:10px;
  box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  position:fixed;
  bottom:90px;
  left:50%;
  margin-left:650px;
  z-index:90;
}
.suspen a{
  display:block;
  width:60px;
  height:60px;
  line-height:60px;
  text-align:center;
  border-bottom:1px solid #F4F4F4;
}
.suspen a:last-child{
  border-bottom:0;
}
.suspen a:hover{
  color:#D81920;
}
.suspen-code{
  display:none;
  width:130px;
  height:130px;
  padding:10px;
  background:#ffffff;
  border:0;
  border-radius:10px;
  box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.4);
  position:absolute;
  top:50px;
  left:-160px;
}
.suspen-code:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #ffffff;
  transform: rotate(225deg);
  position: absolute;
  top: 30px;
  right: -5px;
}
.suspen-code img{
  width:130px;
  height:130px;
  vertical-align:middle;
}
.suspen a:hover .suspen-code{
  display:block;
}