/**/

*{

  margin :0;padding:0;}



div,address,b,big,blockquote,body,center,cite,code,dd,del,dl,dt,em,fieldset,font,form,b,b,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var,th,td,input {

  margin: 0;padding: 0;}



div,dl,dt,dd,form,input,button,textarea,p,ul,li,ol,table,tr,td,header,footer,aside,nav,b,b,h3,h4,h5,h6,section{

  box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

body{ font-size: 14px;

  font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;

  color: #333;



  padding: 0px;

  margin: 0px;}

button:foucs{   border: none!important; outline: none!important;}	

button::-moz-focus-inner {border-color: transparent;}

input[type=number] {  

    -moz-appearance:textfield;  

}  

input[type=number]::-webkit-inner-spin-button,  

input[type=number]::-webkit-outer-spin-button {  

    -webkit-appearance: none;  

    margin: 0;  

}  

ul,ol{list-style:none; padding: 0; margin: 0;}

i{ font-style: normal;}

a{ color: #333; }

a:hover {text-decoration: none; }

video, embed, iframe{

  width: 100% ;

}  

img{border:none !important;vertical-align:middle}

input{outline:none;}

input[type="button"], input[type="submit"], input[type="reset"],button,select {-webkit-appearance: none;outline:none;}

textarea {-webkit-appearance: none;outline:none}

.clear{ clear:both; height:0px; overflow:hidden;}

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

.clearfix { /*兼容 IE*/ zoom: 1;}

.fl{ float: left;}

.fr{ float: right;}

/*t图片样式*/

.center-block{display:block;margin-right:auto;margin-left:auto}

 img { border: 0px; vertical-align: middle;  }

.img-responsive{display:block;height:auto;margin-left: auto; margin-right: auto;max-width:100%}

.avatar {  display: block;overflow: hidden; width: 100%; }

.avatar img {

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



.avatar:hover img {

    transform: scale(1.1);

    transition: all 1s ease 0s;

    -webkit-transform: scale(1.1);

}



/*fullPage  左侧数字*/

.fp-watermark { display: none;}

#slide_menu {

  z-index: 92;

  position: absolute;

  top: 50%;

  right: 25px;

  width: 52px;

}



#slide_menu li {

  line-height: 35px;

  height: 35px;

  position: relative;

  list-style: none;



}



#slide_menu a {

  float: left;

  padding: 10px 20px;

  text-decoration: none;



}





#slide_menu .pgslide_nav {

  opacity: 0;

  font: bold 14px/20px Arial;

  transition: all 0.4s ease 0.6s;

  position: absolute;

  right:42px;

  top: 8px;

  width: 100px;

  text-align: right;

  color: #1e3583;

  transform: translateX(-50px);

}



#slide_menu .pgslide_num {

  position: absolute;

  border-radius: 100%;

  z-index: 1;

  height: 6px;

  width: 6px;

  border: 0;

  background: #1e3583;

  left: 50%;

  top: 50%;

  margin: -2px 0 0 -2px;

  -webkit-transition: all .1s ease-in-out;

  -moz-transition: all .1s ease-in-out;

  -o-transition: all .1s ease-in-out;

  transition: all .1s ease-in-out;

}





#slide_menu .active .pgslide_num {

  height: 12px;

  width: 12px;

  margin: -6px 0 0 -6px;

  border-radius: 100%;

}



#slide_menu li:hover .pgslide_nav {

  opacity: 1;

  transform: translateX(0px);

  transition-delay: 0.6s;

}



.pgslide_yuan-0 {

 background: #fff !important; 

}



.pgslide_yuan-1 {

  background: #1e3583!important;

}



/*--------------------------------------------------------------

# 头部Header

--------------------------------------------------------------*/

#header {



  transition: all 0.5s;

  z-index: 1000;

  transition: all 0.5s;

  height: 90px;



}



.header-transparent {background-color: rgba(255,255,255,0.94)!important;

  box-shadow: 0 0 5px 3px rgba(0,0,0,0.08);

  border: none!important;

  min-height: 90px;}

.header-transparent:hover { background:rgba(255, 255, 255, 0.1);}







.top-box{ display: flex; justify-content: space-between; align-items: center; }

.top-box .logo{ display: flex; align-items: center; justify-content: center; min-width:10% ; }

.pclogo { display: none!important;}

.mlogo { display: none!important;}

.wal { padding:0 8%;}

/*导航菜单 */

.nav-menu, .nav-menu * {

  margin: 0;

  padding: 0;

  list-style: none;

}

.nav-menu{  height: 90px; }

.nav-menu ul{display: flex; align-items: center; justify-content: space-between;}

.nav-menu ul li {

  text-align: center;

  position: relative;

}



.nav-menu  ul li a {

  display: block;

  white-space: nowrap;

  color: #000;

  padding: 0 19px;

  height: 90px;

  line-height:90px;

  transition: 0.3s;

  font-size:16px;

 

}



.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {

  color: #fff;

  text-decoration: none;

  background: #1e3583;



}

.nav-menu .onn{

  color: #fff;

  text-decoration: none;

  background: #1e3583;



}

.nav-menu  ul li:nth-child(5) ul{left:-40%;  width: 180%;}

.nav-menu .drop-down ul {

  display: block;

  position: absolute;

  left: 0;

  top: 90px;

  z-index: 99;

  opacity: 0;

  visibility: hidden;

  width: 100%;

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

  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

  transition: ease all 0.3s;

  padding-bottom: 20px;

}

.nav-menu  .drop-down_spec ul {left:-40%;  width: 180%; }

.nav-menu .drop-down:hover > ul {

  opacity: 1;

  top: 90px;

  visibility: visible;

}



.nav-menu .drop-down li {

  width: 100%;

  position: relative;

}



.nav-menu .drop-down ul a {

  padding: 5px 0;

  font-size: 16px;

  font-weight: 500;

  text-transform: none;

  color: #666;

  line-height: 40px;

  height: 40px;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}



.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {

  color: #f28003;

  background: none;



}



.nav-menu .drop-down .drop-down ul {

  top: 0;

  left: calc(100% - 90px);

}



.nav-menu .drop-down .drop-down:hover > ul {

  opacity: 1;

  top: 0;

  left: 100%;

}



.nav-menu .drop-down .drop-down > a {

  padding-right: 35px;

}



.nav-menu  a i{  display: none;}

.nav-menu .arrow{

  position: absolute;

  width: 11px;

  height: 11px;

  top:-5.5px;

  left:45%;

  background-color: #fff;

  transform: rotate(45deg);

  cursor: pointer;

  transition: .3s;

  z-index: -1;



}

.top_tel { color: #1e3583; font-size: 21px; background: url(../images/dianhua1.png) left no-repeat; font-weight: bold;  }

.top_tel span { padding-left:38px;  display: block;}

/* 手机菜单样式 */

.mobile-nav {

  position: fixed;

  top: 0;

  bottom: 0;

  z-index: 999;

  overflow-y: auto;

  left: -80%;

  width: 80%;

  padding-top: 18px;

  background: #1e3583;

  transition: 0.4s;

}



.mobile-nav * {

  margin: 0;

  padding: 0;

  list-style: none;

}



.mobile-nav a {

  display: block;

  position: relative;

  color: #fff;

  font-size: 16px;

  margin: 0 20px;

  height: 56px;

  line-height: 56px;

  font-weight: 500;

  border-bottom: 1px solid rgba(255,255,255,.1);

}



.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {

  color: #fff;

  text-decoration: none;

}

.mobile-nav .drop-down > a i{ float: right; display: block; line-height: 40px; width: 40px; text-align: right;  height: 40px; background: #f28003; margin-top: 8px;

 font-size: 24px; font-weight: bold; text-align: center;}





.mobile-nav .drop-down ul {

  display: none;

  overflow: hidden;

}

.mobile-nav .drop-down .arrow{ display: none;}

.mobile-nav .drop-down li a{

  padding-left: 20px;

}



.mobile-nav-toggle {

  position: fixed;

  right: 15px;

  top: 15px;

  z-index:10005;

  border: 0;

  background: none;

  font-size: 28px;

  transition: all 0.4s;

  outline: none !important;

  line-height: 1;

  cursor: pointer;

  text-align: right;

}



.mobile-nav-toggle i {

  color: #1e3583;



  display: block;

  width:50px;

  height: 50px;

  text-align: center;

  line-height: 50px;

}



.mobile-nav-overly {

  width: 100%;

  height: 100%;

  z-index: 997;

  top: 0;

  left: 0;

  position: fixed;

  background: rgba(51,51,51, 0.9);

  overflow: hidden;

  display: none;

}



.mobile-nav-active {

  overflow: hidden;

}



.mobile-nav-active .mobile-nav {

  left: 0;

}



.mobile-nav-active .mobile-nav-toggle i {

  color: #fff;

}



/*首页banner图*/



#banner .swiper {

  width: 100%;

  height: 100%;

  position: relative;

}



#banner .swiper-slide {

  background-position: center;

  background-size: cover;

  position: relative;

}







#banner .swiper-slide .pcimg { display:block !important;}

#banner .swiper-slide .mobimg {display:none !important;}



#banner .swiper-pagination-bullet {

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

  outline: none;

  opacity: 1;

  filter: alpha(opacity=100);

  margin: 0 10px;



}



#banner .swiper-pagination-bullet {

  width: 20px;

  height: 8px;

  display: inline-block;

  background: #fff;

  opacity: .5;

  margin: 0 5px;

  border-radius: 20px;

  transition: opacity .5s, background-color .5s, width .5s;

  transition-delay: .5s, .5s, 0s;

  }

  #banner .swiper-pagination-bullet-active {

  opacity: 0.9;

  background: #1e3583;

  width:50px;

  transition-delay: 0s;

  }

  .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

    bottom: 30px;

    left: 0px;

    width: 100%;

}

.banner_txt {

  position: absolute;

  width: 100%;

  top:45%;

  bottom: 0;

  left:0;

  right: 0;

  margin: auto;

  z-index: 10;

  color: #fff;

  text-align: center;

  text-shadow: 0 1px 2px rgba(0,0,0,0.6);

}



.banner_txt p{ font-size:36px;   color:#fff; text-shadow: 0 1px 2px rgba(0,0,0,0.2);  }

.banner_txt b{ display: block;font-size:52px; color: #fff; margin: 20px 0; text-shadow: 0 1px 2px rgba(0,0,0,0.2);}  

.banner_txt span{ color: #fff; font-size: 24px; display: block;text-shadow: none;  text-shadow: 0 1px 2px rgba(0,0,0,0.2);}

/*page2 简介*/

.homePg2 { background: url(../images/abbg.jpg) no-repeat bottom; background-size: 100%;}

.main_title {font-size: 48px;

  color: #333;

  display: block;

  margin-bottom: 20px;

  font-weight: 700;

}

.main_title p { text-align: center; font-size: 18px; color: #666; font-weight: normal; margin-top: 10px;}

.about { display: flex; align-items: center; position: relative; }



.ab_tu { flex: 1; margin-right: 30px;}

.ab_txt { flex: 1; margin-left: 30px; position: relative; z-index: 2;}

.ab_txt span {font-size: 32px;

  margin:20px 0;

  color: #333;

  display: block;

}

.ab_txt p{font-size: 16px;

  line-height: 30px;

  margin-top: 20px;

  color: #666;}



.ab_more{ display: flex; align-items: center; font-size: 14px; color: #f28003;  height:47px; border:#f28003 solid 1px; border-radius:50px; line-height:45px; padding:0 30px; transition: all 0.5s ease 0s; max-width:160px;  margin-top: 50px;}

.ab_more i{ color: #f28003; margin-right: 10px; transition: all 0.5s ease 0s; }

.ab_more em{ color: #f28003; font-style: normal;}

.ab_more:hover{ color:#fff; background:#f28003; border:1px solid #f28003; transition: all 0.5s ease 0s;  padding-left: 50px;  max-width: 180px;}

.ab_more:hover i{ color:#fff; transition: all 0.5s ease 0s;}

.ab_more:hover em { color: #fff;}

.ab_bottom {

  flex: 1;

  

	margin:40px auto;

	transition: opacity .3s .6s, visibility 0s .6s, margin-top 0s .6s;

}

.ab_bottom ul { display: flex; flex-wrap: wrap;  align-items: center; justify-content: space-between;}

.ab_bottom b{ font-size:40px;}

.ab_bottom :after,.ab_bottom :before {

	content: "";

	display: table

}

.ab_bottom :after {

	clear: both

}



.ab_bottom  li { flex: 1;}



.ab_bottom  li a {



	text-align: center;

	text-decoration:none;

	position: relative;

  margin: 0 auto;

	display: block;

	padding: 30px 26px 24px;

	transition: all .3s;

	border-left: 1px solid #727577;

	border-color: hsla(0,0%,100%,.08);

  background-color: hsla(0,0%,100%,.06);

}

.ab_bottom .ab_num { display: flex; align-items: center; justify-content: center;}

.ab_bottom  li a b {

	color: #1e3583;

  font-size: 60px;

	font-weight: bolder;

	margin-bottom: 8px

}

.ab_bottom li a i{  	font-size: 28px; color: #666; padding-left: 6px; padding-bottom: 30px;}

.ab_bottom  li a p {

	color: #999;

	font-size: 18px;

	line-height: 24px;

  text-align: center;



}

.ab_bottom  li a:hover {

	background-color: hsla(0,0%,100%,0);

	text-decoration: none;

	border-color: transparent!important

}



.ab_bottom  li a:hover p {

	color: #333;

}



/*产品*/

.homePg3 { background:url(../images/probg.jpg) no-repeat;}

.product .swiper-container {

  

  position: relative;

}





.product .swiper-slide-thumb-active{

    color: #1A7ECE;

}

.product .gallery-top2 {

  height:auto;

  width: 48%;





}



.product .gallery-thumbs2 {

  padding-left: 10%;

  width: 50%;

  text-align: center;

  box-sizing: border-box;

position: relative;

  

}

.product .gallery-thumbs2 .swiper-wrapper {width: 100%; display: flex; flex-wrap: wrap;   margin-top:50px;}



.product  .gallery-thumbs2 .swiper-slide {



  cursor: pointer;

font-size: 18px;

padding: 24px 0;

margin: 8px;

width: calc(33.3% - 18px)!important;

border: 1px solid #fff;

}

.product .gallery-thumbs2 .swiper-slide a p { margin-top: 10px; color: #fff;}



.product .gallery-thumbs2 .swiper-slide:hover {   background: #f28003; color: #fff; }

.product .gallery-thumbs2 .swiper-slide:hover a, .gallery-thumbs .swiper-slide-thumb-active a { color: #1e3583;}

.product .gallery-thumbs2 .swiper-slide a { display: block; width:100% ;  font-size: 18px; }

.product  .gallery-thumbs2 .swiper-slide a img {-webkit-transform: translateZ(0);transform: translateZ(0);}

.product  .gallery-thumbs2 .swiper-slide a:hover img {

  opacity: 0;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-animation-name: hvr-icon-drop;

  animation-name: hvr-icon-drop;

  -webkit-animation-duration: 0.5s;

  animation-duration: 0.5s;

  -webkit-animation-delay: 0.3s;

  animation-delay: 0.3s;

  -webkit-animation-fill-mode: forwards;

  animation-fill-mode: forwards;

  -webkit-animation-timing-function: ease-in-out;

  animation-timing-function: ease-in-out;

  -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

  animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

}

.product .gallery-thumbs2 .swiper-slide-thumb-active {

  background: #f28003; color: #fff;

}



.product .gallery-thumbs2 .swiper-button-next {



right: 0;

bottom:0;

top:0;

margin: 0;

text-align: center;

color: #fff;

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



cursor: pointer;

overflow: hidden;

z-index: 999;

width: 40px;

line-height: 60px;

font-size: 30px;

height: 60px;

transition: all .5s ease;

outline: none;

}

.product .gallery-thumbs2 .swiper-button-prev {

left: 0;

bottom:0;

top:0;

margin: 0;

color: #fff;

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

cursor: pointer;

overflow: hidden;

z-index: 999;

width: 40px;

font-size: 30px;

height: 60px;

line-height: 60px;

transition: all .5s ease;

outline: none;

}

.product .gallery-thumbs2  .swiper-button-prev:hover, .gallery-thumbs2  .swiper-button-next:hover {

background: #999;

}

.product .gallery-top2 .swiper-container{ padding-top: 60px; }

.product .gallery-top2 .swiper-slide { margin-top:40px; margin-bottom: 30px; position: relative;}

.product .gallery-top2 .swiper-slide .pro_ej { position: absolute; bottom: 0px; left: 10%; right: 10%; background: #fff; padding: 50px; display: flex; flex-wrap: wrap;  align-items: center; justify-content:flex-start;  }

.product .gallery-top2 .swiper-slide .pro_ej a { line-height: 50px; padding:0 10px; font-size: 16px;}

.product .gallery-top2 .swiper-slide .pro_ej a img { padding-right: 10px;}

.product .gallery-top2 .swiper-slide .pro_ej a:hover { color: #f28003;}

.rx { color: #fff; font-size: 15px; text-align: left; padding-left: 10px; margin-top: 30px;}

.rx b{ font-size: 24px; margin-right: 15px;}





/* Icon Drop */

@-webkit-keyframes hvr-icon-drop {

  0% {

    opacity: 0;

  }

  50% {

    opacity: 0;

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%);

  }

  51%,

    100% {

    opacity: 1;

  }

}

@keyframes hvr-icon-drop {

  0% {

    opacity: 0;

  }

  50% {

    opacity: 0;

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%);

  }

  51%,

    100% {

    opacity: 1;

  }

}

/*优势*/



.ys_bg {



  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 0;



}



.ys .swiper-slide { border-right:1px solid rgba(255,255,255,.2);  width: 25%; float: left; cursor: pointer;  }

.ys .swiper-slide:last-child{ border-right: none;}

.ys_mid{text-align:center;padding:0 10px; overflow: hidden;  display:flex; height: 100vh; flex-direction: column; align-items: center; justify-content: center; }

.ys_title{

  display: block;

  color:#fff;

  

  margin:20px 0;

font-size:40px;}

.ys_txt{ 

font-size:15px; color:#fff;  padding: 0 70px; line-height: 28px ;}



.ys .swiper-slide:after {

  content: "";

  height: 100%;

  position: absolute;

  top: 0;

  width: 100%;

  background-image: linear-gradient(to top, rgba(26,126,206,.8), rgba(0,170,73, 0.8));

  right: 0;

  left: 0;

  z-index: 1;

  transform: scaleX(0);

  -webkit-transform: scaleX(0);

  -moz-transform: scaleX(0);

  -o-transform: scaleX(0);

  -ms-transform: scaleX(0);

  transition: transform 0.6s ;

}



.ys_mid { position: relative; z-index: 2;}

.ys_bg{ overflow:hidden;

position:absolute; left:0; top:0; width:100%; height:100%; z-index:0; }

.ys_bg div{ -webkit-transition-duration: 0.5s; -ms-transition-duration: 1.5s; -o-transition-duration: 1.5s; -moz-transition-duration: 1.5s; transition-duration: 1.5s;

position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;transition: all 2.6s } 

.ys_bg div.on{transform: scale(1.05, 1.05);

opacity:1; z-index:10;}

.ys .swiper-slide:hover:after {

  transform: scaleZ(1);

  -webkit-transform: scaleX(1);

  -moz-transform: scaleX(1);

  -o-transform: scaleX(1);

  -ms-transform: scaleX(1);

}

/* 案例*/





.apple-retail .swiper-slide {

    text-align: center;

    padding: 0 40px;

    width: 900px;



  position: relative;

  margin-bottom: 20px;

  



}



.inner figure {

    width: 100%;

    margin: 0;

    position: relative; overflow:hidden;

}

.inner figure .mark {  padding: 0; background: rgba(255, 255, 255, 0.5); position: absolute; bottom:0; left: 0; right: 0; width: 100%; z-index: 999; height:100%; -webkit-transition: all linear .5s;transition: all linear .5s;}



.inner figure img {

    width: 100%;

 

}

.apple-retail .gallery-item-desc {

    display: flex;

    align-items: center;

    justify-content: space-between;

    position: absolute;

    left: 39px;

    right: 39px;

    bottom: 0;

    box-shadow: 0 0 20px #dedede;

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

    text-align: left;



    padding: 26px;



    transition-duration: 1.2s;

}

.apple-retail .gallery-item-desc .more_case { margin-left: 15px; background: #1e3583; height: 75px; width: 75px;  color: #fff; font-size: 50px; line-height: 75px; text-align: center;}

.apple-retail .init .gallery-item-desc {

    opacity: 1;

}

.apple-retail .gallery-item-desc b {



    font-weight: 500;

    letter-spacing: .009em;

    color: #333;

    display: block;

    font-size: 28px;

}

.apple-retail .gallery-item-desc p {



    color: #999;

    margin-top: 5px;

    line-height: 28px;

    font-size: 16px;

}



.apple-retail .swiper-slide-active .gallery-item-desc {

   

    transform: translateX(0);

}

.apple-retail .swiper-slide-active .mark { height: 0;}

.apple-retail .swiper-slide-active .swiper-slide { box-shadow: 0 0 20px #dedede;}

.apple-retail .swiper-slide a:hover .gallery-item-desc .more_case{ background: #f28003;}



.apple-retail .swiper-button-prev  {background: url(../images/left02.png) center no-repeat;}



.apple-retail .swiper-button-next { background: url(../images/right02.png) center no-repeat;}

.apple-retail .swiper-button-next, .apple-retail .swiper-button-prev {

    top: 60%;

   

    width: 52px;

    height: 80px;



    transition: all .5s;

    outline: none;



}

.apple-retail .mouse-hover .swiper-button-next, .apple-retail .mouse-hover .swiper-button-prev {

    opacity: 1;

}

.apple-retail .swiper-button-next:hover {

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

}

.apple-retail .swiper-button-prev:hover {

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

}

.apple-retail .swiper-button-next {



    right:25.5%;

}

.apple-retail .swiper-button-prev {



    left: 25%;

}

.apple-retail .swiper-container .swiper-button-next.swiper-button-disabled,.apple-retail  .swiper-container .swiper-button-prev.swiper-button-disabled {

    opacity: 0;

}

/* 实力*/





.homePg6{ background: url(../images/sli.jpg) bottom no-repeat;}



.sl .swiper-container {

  

    position: relative;

  }

  



  .sl .swiper-slide-thumb-active{

      color: #1A7ECE;

  }

  .sl .gallery-top {

    height:auto;

    width: 75%;

  

  }

  

  .sl .gallery-thumbs {

    width: 20%;

    text-align: center;

    box-sizing: border-box;

	position: relative;

    

  }

  .sl .gallery-thumbs .swiper-wrapper { flex-direction: column;  margin-top:50px;}



  .sl  .gallery-thumbs .swiper-slide {



    cursor: pointer;

	font-size: 20px;

  padding: 20px 0;



  margin-top:20px;

  background: #f1f1f1;

   width: 100%!important;

   

  }





  .sl .gallery-thumbs .swiper-slide:hover {   background: #1e3583; color: #fff;}

  .sl .gallery-thumbs .swiper-slide:hover a, .gallery-thumbs .swiper-slide-thumb-active a { background: #1e3583; color: #fff;}

  .sl .gallery-thumbs .swiper-slide a { display: block; width:100% ;  font-size: 20px; }



  .sl .gallery-thumbs .swiper-slide-thumb-active {

    background: #1e3583; color: #fff;

}



.sl_txt { margin-top: 50px; font-size: 15px; color: #999; text-align: left;}



.sl .gallery-thumbs .swiper-button-next {



  right: 0;

  bottom:0;

  top:0;

  margin: 0;

  text-align: center;

  color: #fff;

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



  cursor: pointer;

  overflow: hidden;

  z-index: 999;

  width: 40px;

  line-height: 60px;

  font-size: 30px;

  height: 60px;

  transition: all .5s ease;

  outline: none;

}

.sl .gallery-thumbs .swiper-button-prev {

  left: 0;

  bottom:0;

  top:0;

  margin: 0;

  color: #fff;

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

  cursor: pointer;

  overflow: hidden;

  z-index: 999;

  width: 40px;

  font-size: 30px;

  height: 60px;

  line-height: 60px;

  transition: all .5s ease;

  outline: none;

}

.sl .gallery-thumbs  .swiper-button-prev:hover, .gallery-thumbs  .swiper-button-next:hover {

  background: #999;

}

.sl .gallery-top .swiper-container{ padding-top: 60px; position: relative;}

.sl .gallery-top .swiper-slide { margin-top:40px; margin-bottom: 30px; }



.sl_list .swiper-slide { margin-top: 40px; box-shadow: 0 0 10px #dedede;}

.sl_list .swiper-slide span img {

    display: block;

    height: auto;

    margin-left: auto;

    margin-right: auto;

    max-width: 100%;

  

}

.sl_list .swiper-slide a { background: #fff; display: block; }

.sl_list .swiper-slide em { display: block; font-size: 16px; font-style: normal; padding: 25px ; color: #333;}





.sl_list .swiper-button-next {

    position: absolute;

    top: 60px;

    left: 48px;

    transform: translateY(-50%);

    text-align: center;

    color: #fff;

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

  

    cursor: pointer;

    overflow: hidden;

    z-index: 999;

    width: 40px;

    font-size: 30px;

    line-height: 60px;

    height: 60px;

    transition: all .5s ease;

    outline: none;

}

.sl_list .swiper-button-prev {

    position: absolute;

    top: 60px;

    left: 0;

    transform: translateY(-50%);

    text-align: center;

    color: #fff;

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

    cursor: pointer;

    overflow: hidden;

    z-index: 999;

    width: 40px;

    font-size: 30px;

    line-height: 60px;

    height: 60px;

    transition: all .5s ease;

    outline: none;

}

.sl_list .swiper-button-prev:hover, .sl_list .swiper-button-next:hover {

    background: #f28003;

}





/*合作*/

.homePg7{ background: url(../images/hzbg.jpg) no-repeat;}

.hezuo { padding-bottom: 80px; margin-top: 30px;}

.hezuo .swiper-slide a{ display: block; margin: 15px; padding: 30px;overflow: hidden; background:#fff;

    box-shadow: 0 0 10px rgba(0,0,0,.1);}

.hezuo .swiper-slide a img { /*filter:grayscale(100%);*/ opacity: 0.3;}

.hezuo .swiper-slide a:hover img { filter:grayscale(0%); opacity: 1;}

.hezuo .swiper-pagination-bullet {

  width: 10px;

  height: 10px;

  background: #000;

  opacity: .3;

}

.hezuo .swiper-pagination-bullet-active {

        opacity: 1;

        background: #f28003;

}

/*新闻*/

.homePg8{ background: url(../images/newsbg.jpg) no-repeat;}

.news { display: flex; align-items: center; justify-content: space-between;}

.news_content { margin-top: 10px; flex: 3;}

.news_content a { display:flex; align-items:stretch; justify-content: center;transition: all .3s; margin-bottom: 20px;  background: rgba(255,255,255,.6); transition: all .3s;}

  



  .news_content .newscon {

    flex: 5;

    padding-left: 30px;

    padding-right: 30px;



 

  }





  .news_content .newscon b {

    padding: 10px 0;

    font-size: 18px;

    margin-top: 15px;

    color: #333;

    display: block;

    font-weight: normal;

  

  }

  .news_content .newscon p {

    color: #666;

    text-align: left;

    line-height: 24px;

    font-size: 14px;

   

  }

  

  .news_content  .newscon span {

    display: block;

    font-size: 14px;

    margin-top: 10px;

    color: #999;





  }

  .news_content a:hover { color: #fff; background: #1e3583;}

  .news_content a:hover .newscon b,  .news_content a:hover .newscon p,  .news_content a:hover .newscon span { color: #fff; }



  .news_list { flex: 1; margin-top: 10px;  margin-left: 30px;}

  .news_list a { display: block; padding:35px 20px;  background: rgba(255,255,255,.6); margin-bottom: 20px; transition: all .3s;}

  .news_list a b { color: #333; font-weight: normal; font-size: 18px; display: block; margin-bottom: 20px; height:25px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

  .news_list a p { line-height: 24px; color: #999; font-size: 14px; border-top: 1px solid #f1f1f1; padding: 20px 0;}

  .news_list a span{ float: right; font-size: 18px;color: #999;}

  .news_list a:hover { background: #1e3583; color: #fff;}

  .news_list a:hover b, .news_list a:hover p, .news_list a:hover span { color: #fff;}

  /* 底部*/

  .footer {

    background:url(../images/ftbg.jpg) no-repeat top center;

    background-size: cover;

  

  }

  .foot {

    padding: 80px 0 60px 0;

    display: flex;

    align-items: flex-start;

    justify-content:space-between;

  }

  .foot b {

    font-size: 20px;

    color: #fff;

    display: block;

    text-transform: uppercase;

    margin-bottom:32px;

  }





  .foot .ft-nav .ft-nav-list{

  

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    color: #fff;

  }

  .foot .ft-nav .ft-nav-list dl{ margin-left:80px;}

  

  .foot .ft-nav .ft-nav-list dt{ font-size: 18px; margin-bottom: 20px; font-weight: bold;}

  .foot .ft-nav .ft-nav-list dd{ display: flex;align-items: flex-start; justify-content: space-between; flex-direction: column;  }

  .foot .ft-nav .ft-nav-list dd a{ color: #fff; display: block;  margin-bottom: 10px;

    font-size: 15px;}

  .foot .ft-nav .ft-nav-list dd a:hover{ color: #f28003}

  

  .foot .ft-contact p{ width: 100%;

    color: #fff;

    margin-bottom: 10px;

    font-size: 18px;

  }



  .foot .ft-contact i{ font-size: 20px; font-weight: bold; margin-bottom: 20px; margin-top: 10px; color: #fff;display: block; width: 100%;}

 .ewm { display: flex; align-items: center;}

 .ewm img { margin-bottom: 10px; max-width: 90px;}

 .ewm p{ margin-left: 10px;}

.ewm span{ display: block; font-size: 14px; color: rgba(255, 255, 255, 0.9); text-align: center;}

  .copyright{ padding:10px; text-align: center; color: #fff; border-top:1px solid rgba(255,255,255, 0.1); }

  .copyright a{ color: #fff;}