/* #region  初始化 */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  padding: 0;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  color: #333;
  background-color: #fff;
  font-family: text;
}

audio,
video {
  display: block;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -moz-outline-style: none;
}

ol,
ul {
  list-style: none;
}

li {
  list-style: none;
}

img {
  border: 0;
  vertical-align: middle;
  display: block;
}

dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

button {
  border: none;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  outline: none;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

td,
th {
  padding: 0;
}

.clearfloat {
  zoom: 1;
}

.clearfloat:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}

.cursor {
  cursor: pointer;
}


.swiper-container {
  width: 100%;
}

@font-face{
  font-family:'nanshen';
  src:url('../font/huxiaobonanshenti.OTF');
}
/* #endregion */

/* #region  首页*/
.width {
  margin: 0 auto;
}

.header{width:100%;position: absolute;top:0;left:0;z-index: 9999999;}
.width{width:1600px;margin:0 auto;display: flex;align-items: center;justify-content: space-between;height:5.5rem;}
.nav{display: flex;justify-content: flex-start;align-items: center;margin-right: -9rem;height:100%;padding-top: 10px;}
.nav li{height:100%;display: flex;align-items: center;position: relative;}
.nav li > a{padding:0 1.5rem;font-size: 1.1rem;color:#fff;transition: 50ms;}
.nav .nav_li{background: url(../images/nav_bg.jpg) no-repeat bottom center;}
.nav .nav_li > a{font-weight: bold;}
/* .nav li:hover{background: url(../images/nav_bg.jpg) no-repeat bottom center;} */
.nav li:hover > a{font-weight: bold;}
.nav_modal, .nav_icon {display: none;}
.hot_line{
  padding-top: 10px;
}
.searchBox{
  width: 100%;
  background: #eeeeee;
  padding:2.5rem 0;
  position: absolute;
  top:0;
  z-index: 9999999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.searchBox input{
  display: block;
  width: 35%;
  border: 1px solid #3767af;
  font-size: 0.8rem;
  line-height: 2.2rem;
  border-radius: 10px 0 0 10px;
  padding:0 1rem;
}
.searchBox button{
  padding:0.65rem 2rem;
  background: #3767af;
  border-radius: 0 10px 10px 0;
}

.banner {
  position: relative;
}

.banner .swiper-slide img {
  width: 100%;
}

.banner_dot {
  position: absolute;
  left: 0;
  bottom: 4.5%;
  width: 100%;
  z-index: 1;
  display: flex;
  justify-content: center;
}

.banner_dot span {
  width: 1.5rem;
  height: .2rem;
  background: rgba(255, 255, 255, .5);
  opacity: 1;
  transition: .1s;
  border-radius: 0;
  margin: 0 .3rem;
}

.banner_dot .swiper-pagination-bullet-active {
  background: rgba(255, 255, 255, 1);
}
.banner_prev,
.banner_next {
  position: absolute;
  top: 50%;
  width: 1.6rem;
  z-index: 10;
  cursor: pointer;
  outline: none;
  transition: .1s;
}

.banner_prev {
  left: 8rem;
}

.banner_next {
  right: 8rem;
}

.banner_prev:hover,
.banner_next:hover {
  opacity: .85;
}
.mouse{
  position: absolute;
  left: 50%;
  bottom:20px;
  margin-left: -20px;
  z-index: 9999999;
}

.sy_one{
  width:100%;
  background: url(../images/bg1.jpg) no-repeat top center;
  padding:3.5rem 0;
}

.sy_title{
  width: 100%;
  margin:0 auto;
  text-align: center;
  margin-bottom: 2.5rem;
}
.sy_title h1{
  font-size: 2.5rem;
  color:#dadada;

}
.sy_title h2{
  font-size: 1.5rem;
  color:#1d1d1d;
  margin-top: -1.5rem;
  font-family:'nanshen';
}
.sy_title .line{
  width: 72px;
  height:6px;
  background: #3767af;
  margin:1.5rem auto;
}
.sy_sec{
  width: 100%;
  border-bottom: 1px solid #e2e2e2;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 4rem;
}
.sy_sec a{
  margin:0 0.75rem;
  font-size: 1rem;
  color:#3b3b3b;
}
.sy_sec .sy_secA{
  color:#ff6c00;
}
.sy_sec .sy_secA::after{
  content:"";
  width: 50%;
  height:2px;
  background: #ff6c00;
  display: block;
  margin:0 auto;
  margin-top: 1rem;
}
.sy_sec a:hover{
  color:#ff6c00;
}
.sy_sec a:hover::after{
  content:"";
  width: 50%;
  height:2px;
  background: #ff6c00;
  display: block;
  margin:0 auto;
  margin-top: 1rem;
}
.one_box{
  width: 1440px;
  margin:0 auto;
  position: relative;
  /* overflow: hidden; */
}
/* .one_box .margin{
  width: 1440px;
} */
.one_box .mySwiper{
  display: none;
}
.one_box .swiper-container {
  width: 100%;
  padding-bottom: 1rem;
}
.one_box .swiper-slide {
  opacity: 1;
}
.one_box .red-slide {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background: #fff;
  width: 13.7rem!important;
  padding-top: 1rem;
  box-shadow: 0 0 5px #ccc;
}
.one_box .red-slide .left{
  display: none;
}
.one_box .red-slide .right div{
  height:13.1rem;
  overflow: hidden;
}
.one_box .red-slide .right div img{
  width: 100%;
}
.one_box .red-slide .right h3{
  font-size: 1rem;
  text-align: center;
}
.one_box .red-slide .right h4{
  font-size: 0.9rem;
  text-align: center;
  color:#737272;
  line-height: 1.8rem;
  padding-bottom: 0.5rem;
}
.one_box .swiper-slide-active {
  width: 38rem!important;
  padding:1.5rem;
}
.one_box .swiper-slide-active .left{
  display: block;
  width: 60%;
}
.one_box .swiper-slide-active .left h1{
  font-size: 1.2rem;
  color:#3767af;
}
.one_box .swiper-slide-active .left h2{
  font-size: 0.9rem;
  color:#737272;
  line-height: 1.8rem;
  height:9rem;
  margin:1rem 0;
}
.one_box .swiper-slide-active .left a{
  border:1px solid #3767af;
  color:#3767af;
  font-size: 0.9rem;
  padding:0.4rem 1rem;
  display: block;
  width: 8rem;
  text-align: center;
}
.one_box .swiper-slide-active .right{
  width: 39%;
  height: 13.1rem;
  overflow: hidden;
}
.one_box .swiper-slide-active .right h3,.one_box .swiper-slide-active .right h4{
  display: none;
}
.one_box .swiper-wrapper{
  /* margin-left: -12.3rem; */
}
.one_box .pagination {
  position: absolute;
  z-index: 20;
  left:0;
  bottom: -30px;
  text-align: center;
  width: 100%;
}
.one_box .pagination span {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #949698;
  margin-right: 8px;
  opacity: 0.8;
  border: 1px solid #949698;
  cursor: pointer;
}

.one_box .oneLeft,.one_box .oneRight{
  position: absolute;
  left: 15rem;
  top:40%;
  z-index: 99999999;
}
.one_box .oneRight{
  left: auto;
  right: 15rem;
}
.more{
  width: 154px;
  margin:0 auto;
  margin-top: 2rem;
}
.more a{
  display: flex;
  justify-content: center;
  align-items: center;
  background: #3767af;
  color:#fff;
  padding:10px 0;
  font-size: 0.8rem;
}
.more a span{
  margin-right: 0.3rem;
}
.sy_two{
  width: 100%;
  background:#f6f6f6 url(../images/bg2.jpg) no-repeat top center;
  padding-top: 16rem;
  padding-bottom: 4rem;
}
.sy_about{
  width: 1440px;
  margin:0 auto;
  padding:2.3rem 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.sy_about .left{
  width: 58%;
  padding-left: 6rem;
  padding-right: 5rem;
}
.sy_about .left h2{
  font-size: 2.7rem;
}
.sy_about .left h1{
  font-size: 1.3rem;
  color:#ff7701;
  line-height: 2rem;
}
.sy_about .left .line{
  width: 2.5rem;
  height: 3px;
  background: #ff7701;
  margin:1rem 0;
}
.sy_about_text{
  font-size: 0.9rem;
  line-height: 1.5rem;
  color:#909090;
  margin:1.5rem auto;
}
.sy_about .left a{
  display: block;
  border:1px solid #a2a2a2;
  width: 5.6rem;
  line-height: 1.8rem;
  font-size: 0.9rem;
  text-align: center;
  border-radius: 0.9rem;
}
.sy_about .right img{
  width: 100%;
  margin-top: -12rem;
}
.sy_about_sec{
  width: 1440px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin:0 auto;
}
.sy_about_sec div{

  box-shadow: 0 0 5px #ccc;
  width: 15rem;
  height: 6rem;
}
.sy_about_sec div a{
  display: flex;
  justify-content: center;
  align-items: center;
  height:100%;
}
.sy_about_sec div h1{
  font-weight: normal;
  font-size: 1.1rem;
  color:#5e5e5e;
  margin-left: 1rem;
}
.sy_about_sec div h1 p:nth-child(2){
  font-size: 0.6rem;
  line-height: 1.2rem;
}
.sy_about_sec div:hover{
  background: #3767af;
  overflow: hidden;
}
.sy_about_sec div:hover h1{
  color:#fff;
}
.sy_about_sec div:hover img{
  filter:drop-shadow(0 100px 0 #fff);
  margin-top: -200px;
}

.sy_three{
  width: 100%;
  display: flex;
  justify-content:space-around;
  align-items: flex-start;
  flex: 1;
  margin-bottom:3rem;
}
.thr_box{
  position: relative;
}
.thr_box div{
  width: 100%;
  height: 100%;
  position: absolute;
  left:0;
  top:0;
  text-align: center;
  background: rgba(55, 103, 175, 0.3);
}
.thr_box div h1{
  padding-top: 5rem;
  font-size: 1.5rem;
  color:#fff;
  margin-bottom: 4rem;
}
.thr_box div img{
  margin:0 auto;
}
.sy_four{
  width: 1600px;
  margin:0 auto;
  margin-bottom: 4rem;
}
.sy_list{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.sy_list li{
  width: 30%;
  margin:auto;
}
.sy_list li h2{
  font-size: 0.9rem;
  color:#979797;
  line-height: 2rem;
}
.sy_list li h1{
  font-size: 1.1rem;
  line-height: 2rem;
}
.sy_list li .line{
  width: 0.9rem;
  height: 4px;
  background: #b7b7b7;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
}
.sy_list li .pic{
  width: 100%;
  height: 12rem;
  overflow: hidden;
}
.sy_list li:hover .pic img{
  transform:scale(1.15,1.15);
}
.sy_list li .pic img{
  transition:all 0.5s ease-out;	/* 过度 所有css属性 1秒过度 结束慢*/
  -moz-transition:all 0.5s ease-out;	/* Firefox 4 */
  -webkit-transition:all 0.5s ease-out;	/* Safari 和 Chrome */
  -o-transition:all 0.5s ease-out;
}
.sy_list li h3{
  font-size: 0.9rem;
  color:#737373;
  margin:1rem 0;
}
.sy_list li p{
  font-size: 0.8rem;
  color:#737373;
}
.sy_list li:hover h1{
  color:#ff7700;
}
.sy_list li:hover .line{
  background:#ff7700;
  width: 2.1rem;
}
.sy_list li:hover p{
  color:#333;
}
.bot{
  width: 100%;
  background: #f6f6f7;
}
.botBox{
  width: 1600px;
  padding:2rem 0;
  margin:0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.botPho{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top:1rem;
  margin-bottom: 0.5rem;
  font-size: 0.7rem;
  color:#6c6c6c;
}
.botTel{
  font-size: 1.5rem;
  color:#ff6c00;
}
.botEwm{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0.5rem;
}
.botEwm img{
  width: 5rem;
  height: 5rem;
  margin-right: 0.5rem;
}
.botEwm h1{
  font-size: 0.8rem;
  line-height: 1.4rem;
}

.botBox .right{
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.botNav{
  width: 5rem;
  margin-right: 2rem;
}
.botNav a{
  display: block;
  font-size: 0.9rem;
  line-height: 1.8rem;
  color:#6c6c6c;
  white-space: nowrap;
}
.botNav a:nth-child(1){
  color:#202020;
  font-size: 1.1rem;
  line-height: 2rem;
}

.copyright{
  width: 100%;
  line-height: 3.2rem;
  font-size: 0.9rem;
  color:#6c6c6c;
  border-top: 1px solid #d9d9d9;
  text-align: center;
}
.floatNav{
  position: fixed;
  right:5px;
  bottom:20%;
  z-index: 99999999;
}
.floatNav a{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom:1rem;
  position: relative;
}
.floatNav a span{
  display: flex;
  width: 3.1rem;
  height:3.1rem;
  border-radius: 50%;
  background: #3767af;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 5px #3767af;
}
.floatNav a p{
  width: auto;
  background: #3767af;
  border-radius: 1.6rem;
  color:#fff;
  text-align: center;
  line-height: 3.1rem;
  font-size: 1.2rem;
  padding:0 1.5rem;
  position: absolute;
  right:3.2rem;
  top:0;
}
.floatNav a:nth-child(2) p{
  padding:0.5rem;
  border-radius: 0.5rem;
}
.nheader{
  position: inherit;
}
.nheader .nav li{
  position: relative;
}
.nheader .nav li > a{
  color:#3c3b3b;
}
.nheader .nav .nav_li{background: url(../images/nav_bg2.jpg) no-repeat bottom center;}
.nheader .nav .nav_li > a{color:#3767af;}
.nheader .nav li:hover > a{color:#3767af;}
.snav{
  position: absolute;
  top: 4rem;
  left: 50%;
  width: 12rem;
  margin-left: -6rem;
  background: url(../images/bg6.png) no-repeat top center;
  z-index: 9999;
  padding-top: 0.8rem;
  padding-bottom: 1rem;
  min-height: 21.5rem;
  overflow: hidden;
}
.snav a{
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.9rem;
  padding:0 1.5rem;
  line-height: 3rem;
  background: #edeeef
}
.snav a:hover{
  background: #fff url(../images/slow.png) no-repeat left top;
  color:#ff7700;
}
.snav a:hover img{
  filter:drop-shadow(-100px 0 0 #ff7700);
  margin-right: -100px;
}
.nbanner{
  width: 100%;
  position: relative;
  margin-top: 0.5rem;
}
.nTitle{
  position: absolute;
  width: 100%;
  text-align: center;
  color:#fff;
  z-index: 9;
  top: 30%;
  left:0;
}
.nTitle h1{
  font-size: 2.4rem;
  font-family:'nanshen';
}
.nTitle h2{
  font-size: 1.2rem;
  line-height: 3rem;
}
.locn{
  width: 100%;
  position: absolute;
  bottom:0;
  left:0;
  background: rgba(0, 0, 0, 0.15);
}
.locnBox{
  width: 1440px;
  height: 2.8rem;
  margin:0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color:#fff;
  font-size: 0.8rem;
}
.locnBox span{
  margin:0 0.5rem;
}
.sec{
  width: 100%;
  border-bottom: 1px solid #d0d0d0;
  margin-top: 1rem;
}
.secBox{
  width: 1440px;
  margin:0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.secBox a{
  font-size: 1.1rem;
  margin:0 1rem;
  white-space: nowrap;
}
.secBox .secA{
  color:#ff6c00;
}
.secBox .secA::after{
  content:"";
  width: 50%;
  height:2px;
  background: #ff6c00;
  display: block;
  margin:0 auto;
  margin-top: 1rem;
}
.proList{
  width: 1440px;
  margin:3rem auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.proList li{
  width: 30%;
  margin-right: 2%;
  margin-bottom:2rem;
}
.proList li:nth-child(3n){
  margin-right: 0;

}
.proList li div{
  width: 100%;
  height:18rem;
  border:1px solid #e6e6e6;
  overflow: hidden;
}
.proList li h1{
  width: 100%;
  text-align: center;
  margin-top: 0.25rem;
  background: #f2f2f2;
  font-size: 1rem;
  line-height: 3rem;
}
.proList li:hover div img{
  transform:scale(1.15,1.15);
}
.proList li div img{
  transition:all 0.5s ease-out;	/* 过度 所有css属性 1秒过度 结束慢*/
  -moz-transition:all 0.5s ease-out;	/* Firefox 4 */
  -webkit-transition:all 0.5s ease-out;	/* Safari 和 Chrome */
  -o-transition:all 0.5s ease-out;
}
.proList li:hover h1{
  background: #3767af;
  color:#fff;
}
.page{
  width: 100%;
  margin:4rem auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page a{
  font-size: 0.9rem;
  background: #e8ebef;
  border-radius: 2rem;
  margin:0 0.5rem;
  display: block;
  width: 2rem;
  height:2rem;
  text-align: center;
  line-height: 2rem;
  color:#909ba7;
}
.page a:first-child,.page a:last-child{
  width: 4.3rem;
  font-size: 0.8rem;
  height: 1.5rem;
  line-height: 1.5rem;
}
.page .pageA{
  width: 2.5rem;
  height:2.5rem;
  line-height: 2.5rem;
  background: #3767af;
  color:#fff;
}

.proShow{
  width: 1440px;
  margin:4rem auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-top:1px solid #dddddd;
}
.leftPro{
  margin-right: 1.5rem;
  width: 16rem;
  margin-top: 0.5rem;
  overflow: hidden;
}
.leftPro a{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:1rem 0;
  border-bottom: 1px solid #dddddd;
  font-size: 1rem;
  color:#6f6f6f;
}
.leftPro a img{
  margin-right: 1rem;
}
.leftPro .proA{
  color:#3767af;
  font-weight: bold;
}
.leftPro .proA img{
  margin-right: 0;
  filter:drop-shadow(-100px 0 0 #3767af);
  margin-right: -100px;
}
.leftPro a:hover{
  color:#3767af;
  font-weight: bold;
}
.leftPro a:hover img{
  margin-right: 0;
  filter:drop-shadow(-100px 0 0 #3767af);
  margin-right: -100px;
}


.rightShow{
  width: 75%;

}

.showNav{
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 3rem;
}
.showNav a{
  white-space:nowrap;
  margin:0 2rem;
  font-size: 1rem;
  color:#a9a9a9;
}
.showNav .showA{
  color:#ff6c00;
}
.showNav .showA::before{
  content:"";
  width: 50%;
  height:2px;
  background: #ff6c00;
  display: block;
  margin:0 auto;
  margin-bottom: 1.4rem;
}
.cpShow{
  width: 100%;
  margin-bottom: 1rem;
  overflow:hidden;
  position: relative;
}
.cpShow .swiper {
  width: 100%;
  height: calc(100%);
  margin-left: auto;
  margin-right: auto;
}

.cpShow .swiper-slide {
  background-size: cover;
  background-position: center;
}

.cpShow .mySwiper2 {
  height: 80%;
  width: 99.8%;
  border:1px solid #eee;
}
.cpShow .mySwiper2 .swiper-slide{
  height:20rem;
  overflow: hidden;
  display:flex;
  justify-content: center;
  align-items:center;
}
.cpShow .mySwiper {
  width: 88%;
  height: 20%;
  box-sizing: border-box;
  margin-top: 0.5rem;
  overflow: hidden;
}
.cpShow .swiper-button-next,.cpShow .swiper-button-prev{
  width: 2rem;
  height:33%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f9f9f9;
  overflow: hidden;
}
.cpShow .swiper-button-next.swiper-button-disabled,.cpShow .swiper-button-prev.swiper-button-disabled{
  opacity: 1;
}
.cpShow .swiper-button-next,.cpShow .swiper-container-rtl .swiper-button-prev{
  top:auto;
  bottom:0;
}
.cpShow .swiper-button-prev,.cpShow .swiper-container-rtl .swiper-button-next{
  top:auto;
  bottom:0;
}
.cpShow .swiper-button-next:after,.cpShow .swiper-button-prev:after{
  display: none;
}
.cpShow .swiper-button-next:after,.cpShow .swiper-container-rtl .swiper-button-prev:after{
  content: none;
}
.cpShow .swiper-button-next:hover img,.cpShow .swiper-button-prev:hover img{
  filter: drop-shadow(0 6rem 0 #3767b0);
  margin-top: -12rem;
}
.cpShow .mySwiper .swiper-slide {
  width: 25%;
  height: 10rem;
  overflow: hidden;
  opacity: 0.4;
  border:1px solid #eee;
}

.cpShow .mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}
.cpShow .swiper-slide img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.showCon{
  width: 100%;
  padding:2rem;
  background: #f9f9f9;
  margin-bottom: 1rem;
}
.showTitle{
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 1.5rem;
}
.conText{
  font-size: 0.9rem;
  line-height: 2.8rem;
  color:#656565;
}
.conText img{
  max-width: 100%;
}
.listBox{
  width: 1440px;
  margin:3rem auto;
}
.listBox ul{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.listBox ul li{
  width: 31%;
  overflow: hidden;
  position: relative;
  margin-right: 3%;
  margin-bottom: 1.5rem;
  box-shadow: 0 10px 10px #eee;
}
.listBox ul li:nth-child(3n){
  margin-right: 0;
}
.listBox ul li .listIn{
  display: block;
  padding:0.5rem;
  width: 100%;
}
.listBox ul li a:nth-child(1){
  width: 100%;
  height:15rem;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.listBox ul li:hover a:nth-child(1) img{
  transform:scale(1.15,1.15);
}
.listBox ul li a:nth-child(1) img{
  transition:all 0.5s ease-out;	/* 过度 所有css属性 1秒过度 结束慢*/
  -moz-transition:all 0.5s ease-out;	/* Firefox 4 */
  -webkit-transition:all 0.5s ease-out;	/* Safari 和 Chrome */
  -o-transition:all 0.5s ease-out;
}
.listBox ul li .listIn div{
  width: 100%;
  padding:0.5rem;
}
.listBox ul li .listIn div h1{
  font-size: 1.2rem;
  color:#545454;
}
.listBox ul li .listIn div h2{
  font-size: 0.9rem;
  color:#8e8e8e;
  margin:1rem auto;
}
.listBox ul li .listIn div p{
  width: 7.6rem;
  border:1px solid #3767af;
  height:2.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.9rem;
  color:#3767af;
  overflow: hidden;
}
.listBox ul li .listIn div p span{
  font-size: 0.9rem;
  margin-right: 0.2rem;
}
.listBox ul li .listIn div p img{
  filter: drop-shadow( 0 2.5rem 0 #3767af);
  margin-top: -5rem;
}
.listBox ul li:hover .listIn div p{
  background: #3767af;
  color:#fff;
}
.listBox ul li:hover .listIn div p img{
  filter: none;
  margin-top: 0;
}
.bigPic{
  position:fixed;
  top:0;
  left:0;
  width: 100%;
  height:100%;
  z-index: 99999999;
}
.black{
  width: 100%;
  height:100%;
  background: rgba(0, 0, 0, 0.5);
}
.picBox{
  width: 50%;
  border:3px solid #fff;
  background: #fff;
  position: absolute;
  top:10%;
  left:25%;
}
.picBox div{
  max-height:35rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.picBox h3{
  font-size: 1rem;
  line-height: 1.5rem;
  padding:0.5rem 1rem;
}
.picBox a{
  position: absolute;
  right: -2rem;
  top:-2rem;
}

.searvic{
  width: 1440px;
  margin:3rem auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.sear{
  font-size: 2rem;
  font-weight: bold;
}
.seaCon{
  font-size: 0.9rem;
  line-height: 1.8rem;
  color:#333333;
  width: 80%;
}
.seaCon img{
  max-width: 100%;
}

.compny{
  width: 1440px;
  margin:3rem auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.com{
  width: 46%;
}
.com h2{
  font-size: 2.7rem;
}
.com h1{
  font-size: 1.3rem;
  color:#ff7701;
  line-height: 2rem;
}
.com .line{
  width: 2.5rem;
  height: 3px;
  background: #ff7701;
  margin:1rem 0;
}
.com_text{
  font-size: 0.9rem;
  line-height: 2.1rem;
  color:#909090;
  margin:1.5rem auto;
}
.linian{
  width: 100%;
  background: url(../images/bg7.jpg) no-repeat top center;
  padding:3rem 0;
}
.li{
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  color:#ff7701;
}
.liBox{
  width: 1440px;
  margin:3rem auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex:1;
}
.nian{
  width: 40%;
  text-align: center;
  color:#fff;
}
.nian h1{
  font-size: 1.2rem;
  line-height: 4rem;
}
.nian p{
  font-size: 0.9rem;
}
.nian img{
  margin:0 auto;
}
.honor{
  width: 1440px;
  margin:3rem auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.hon{
  width: 50%;
}
.hon h1{
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 4rem;
}
.hon div{
  width: 100%;
  background: url(../images/bg8.jpg) no-repeat right center;
  max-height: 24rem;
  overflow: hidden;
  overflow-y: scroll;
}
.hon div::-webkit-scrollbar{
  width: 2px;
}
.hon div a{
  display: block;
  font-size: 0.9rem;
  line-height: 3rem;
  color:#333333;
}
.hon div .honA{
  color:#3767af;
}
.hon div a:hover{
  color:#3767af;
}
.nor{
  width: 50%;

}
.nor img{
  width: 65%;
  margin:0 auto;
  border:1px solid #e6e6e6;
}
.jobTop{
  width: 1440px;
  margin:3rem auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: #f2f2f2;
}
.jobPic{
  width: 50%;
}
.plan{
  width: 50%;
  padding:0 3rem;
}
.plan h1{
  font-size: 1.2rem;
  line-height: 2.4rem;
  color:#333333;
  margin-bottom: 1rem;
}
.plan h2{
  font-size: 0.9rem;
  line-height: 2rem;
  color:#5d5d5d;
}
.jobList{
  width: 1440px;
  margin:3rem auto;
}
.jobList > h1{
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 2rem;
  text-align: center;
}
.jobTitle{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #dfdfdf;
}
.jobTitle p{
  width: 20%;
  padding-left: 1.5rem;
  line-height: 4rem;
  font-size: 0.9rem;
}
.job{
  width: 100%;
}
.job li{
  border-bottom: 1px solid #dfdfdf;
}
.job li > a{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.job li a p{
  width: 20%;
  padding-left: 1.5rem;
  line-height: 4rem;
  font-size: 1rem;
  overflow: hidden;
}
.job li a p{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.job li a p img{
  margin-right: 1rem;
}
.jobDel{
  width: 100%;
  padding:2.5rem 2rem;
  background: #f2f2f2;
}
.del{
  line-height: 2rem;
  margin-bottom: 1rem;
}
.jobDel a{
  background: #ff7700;
  color:#fff;
  font-size: 0.9rem;
  padding:0.5rem 1.5rem;
}
.job li a p .xuan{
  transform:rotate(-180deg);
  -moz-transform:rotate(-180deg);
  -webkit-transform:rotate(-180deg);
  filter:drop-shadow(120px 0 0 #ff7700);
  margin-right: -100px;
}

.contact{
  width: 1440px;
  margin:3rem auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.contact div{
  width: 30%;
}
.contact div h1{
  font-size: 1.1rem;
  line-height: 3.5rem;
  border-bottom: 1px solid #c1c1c1;
}
/* .contact div h2{
  font-size: 1.8rem;
  line-height: 4rem;
}
.contact div h3{
  font-size: 0.9rem;
}
.contact div h4{
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 1rem;
} */
.map{
  width: 1440px;
  margin:0 auto;
  margin-bottom: 3rem;
}
.hotNew{
  width: 1440px;
  margin:3rem auto;

  background: #f2f2f2;
}
.hotNew a{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.hotNew .left{
  width: 50%;
}
.hotNew .right{
  width: 50%;
  padding:0 3rem;
}
.hotNew .right p{
  font-size: 0.9rem;
  color:#727272;
}
.hotNew .right h1{
  font-size: 1.2rem;
  line-height: 3.2rem;
  color:#3767af;
}
.hotNew .right h2{
  font-size: 0.9rem;
  line-height: 1.8rem;
  color:#5d5d5d;
  margin-bottom: 1.5rem;
}
.hotNew .right span{
  display: block;
  font-size: 0.9rem;
  color:#5d5d5d;
}
.newBox{
  width: 1440px;
  margin:3rem auto;
}
.newTitle{
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
}
.newList{
  width: 100%;
  margin-top: 3rem;
}
.newList li{
  width: 100%;
  background: #fafafa;
  border:1px solid #d3d3d3;
  margin-bottom: 1.5rem;
}
.newList li a{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.img{
  width: 23%;
}
.newText{
  width: 64%;
  padding-right: 3rem;
}
.newText h1{
  font-size: 1.2rem;
  color:#333;
  line-height: 3rem;
}
.newText h2{
  font-size: 0.9rem;
  color:#6d7081;
  line-height: 1.8rem;
}
.time{
  text-align: center;
  width: 10%;
}
.time h3{
  font-size: 2rem;
}
.time h4{
  font-size: 0.9rem;
  color:#6a6a6a;
}
.newShow{
  width: 1440px;
  margin:3rem auto;
  border:1px solid #e6e6e6;
  padding:2rem 2.5rem;
}
.newsTi{
  font-size: 1.2rem;
  color:#333333;
  text-align: center;
}
.newTime{
  font-size: 0.9rem;
  text-align: center;
  color:#727272;
  line-height: 3.2rem;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 2rem;
}
.newCon{
  color:#5d5d5d;
  font-size: 0.9rem;
  line-height: 1.8rem;
}
.newCon img{
  display: inline-block;
}
.fanye{
  width: 1440px;
  padding:0 4rem;
  margin:2rem auto;
}
.fanye p{
  font-size: 0.9rem;
  line-height: 1.8rem;
  color:#5d5d5d;
}
.fanye a:nth-child(3){
  color:#ff6c00;
  font-size: 0.9rem;
  display: block;
  line-height: 1.8rem;
}
/* #endregion */

/* #endregion */

/* 0579b5 */