/* CSS Document */

*{

	margin:0; 

	padding:0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

body{

	color: #282828;

  font-family:"Microsoft YaHei";	

  font-size:14px;

  line-height:1.5;

	}

a {

  text-decoration: none;

  color: #333;

  -webkit-transition: color .2s ease-in-out;

  -moz-transition: color .2s ease-in-out;

  transition: color .2s ease-in-out;

  -webkit-transition: background-color .2s ease-in-out;

  -moz-transition: background-color .2s ease-in-out;

  transition: background-color .2s ease-in-out;

}

ul{

	list-style:none;

}

button{

  outline: none;

}	

.fl{

  float: left;

}

.fr{

  float: right;

}

.clearfix:before,

.clearfix:after {

    content: "";

    display: table;

}

.clearfix:after {

    clear: both;

}

.clearfix {

    clear: both;

    *zoom: 1;

}

/*index*/

/*导航*/

.header{

  width:100%;

  position:fixed;

  top:0;

  left:0;

  z-index:999;

  background: #fff;

  padding: 24px 0 15px;

}

.container {

  margin: 0 auto;  

}

/*左侧logo*/

.header .left{

  width: 16%;

}

.header .left a{

  display: block;

}

.header .left a img{

  height: 68px;

}

/*右侧*/

.header .nav{

  -webkit-transition: 0.5s;

  -moz-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  height: 100%;

  line-height: 68px;

  display: block;

  margin-left: 13%;

}

.header .navbar_nav li{

  float:left;

  margin-left: 62px;

}

.header .navbar_nav li a{

  display: block;

  font-size: 18px;

}

.header .navbar_nav li a:hover,.header .navbar_nav li.active a{

  color: #0e6eb8;   

}

#navToggle{

  display: none;

}

.m_nav{

  position: fixed;

  top: 0px;

  box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);

  width: 100%;

  height: 100%;

  background: #fff;

  transition: all ease 0.5s;

  -webkit-transition: all ease 0.5s;

  z-index: 1000;

  opacity: 1;

  visibility: visible;

  margin-top: 0;

  overflow-y: auto;

  transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

  top: 0;

  transform: translateX(100%);

}

.m_nav.open{

    transform: translateX(0);

}

.m_nav .top{

  height: 60px;

  padding: 20px;

  box-sizing: border-box;

}

.m_nav .top .closed{

  width: 30px;

  height: 30px;

  vertical-align: middle;

  float:right;

  cursor: pointer;

}

.m_nav .logo{

  width: 100%;

  margin:0 auto;

}

.m_nav .logo img{

  height: 50px;

  display: block;

  margin:10px auto;

}

.m_nav .ul{

  margin-top: 30px;

}

.m_nav .ul li{

  padding: 0 20px;

  border-bottom: 1px solid #f5f5f5;

  transform: translateY(0);

  -webkit-transform: translateY(100%);

    transform: translateY(100%);

    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

    opacity: 0;

}

.m_nav.open .ul li{

  opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

}

.m_nav .ul li:nth-child(1) {

    -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;

}

.m_nav .ul li:nth-child(2) {

    -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;

}

.m_nav .ul li:nth-child(3) {

    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

}

.m_nav .ul li:nth-child(4) {

    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;

}

.m_nav .ul li:nth-child(5) {

    -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;

}

.m_nav .ul li a{

  display: block;

  text-decoration: none;

  color: #333;

  font-size: 16px;

  height: 50px;

  line-height: 50px;

  width: 100%;

}

.hover_ewm a{

  line-height:68px;

  margin-left:40px;

  display: block;

  font-size: 16px;

}

.hover_ewm a:after{

  content: '';

  background: url(../images/icon_jt.png); 

  width: 8px;

  height: 5px;

  display: inline-block;

  margin-left: 8px;

  margin-bottom: 3px;

}

.hover_ewm img{

  width: 100px;

  height: 100px;

  position: absolute;

  border: solid 1px #eee;

  left: 18px;

  top: 55px;

  display: none;

}

.hover_ewm_gzh{

  float: left;

  position: relative;

}

.hover_ewm_app{

  float: right;

  position: relative;

}

.hover_ewm_gzh:hover img{

  display: block;

}

.hover_ewm_app:hover img{

  display: block;

}



.banner{

  margin-top: 112px;

}

@media screen and (max-width: 1119px){

  .header .left a img{

    height: 50px;

  }

  .header{

    padding: 10px 0 6px;

  }

  .banner,.news_container{

    margin-top: 70px;

  }

  .header #navToggle {

    height: 100%;

    padding: 6px 15px;

    margin-right: -15px;

    display: inline-block;

    float: right;

  }

  .header #navToggle span {

    position: relative;

    width: 25px;

    height: 2px;

    margin-top: 19px;

  }

  .header #navToggle span:before,

  .header #navToggle span:after {

    content: '';

    position: relative;

    width: 100%;

    height: 2px;

    left: 0;

  }

  .header #navToggle span,

  .header #navToggle span:before,

  .header #navToggle span:after {

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

    display: block;

    background: #4f4f4f;

  }

  .header #navToggle span:before {

    top: 8px;

  }

  .header #navToggle span:after {

    bottom: 10px;

  }

  .header #navToggle.open span:before {

    top: 10px;

    -webkit-transform: translateY(-11px) rotate(-45deg);

    -moz-transform: translateY(-11px) rotate(-45deg);

    -ms-transform: translateY(-11px) rotate(-45deg);

    -o-transform: translateY(-11px) rotate(-45deg);

    transform: translateY(-11px) rotate(-45deg);

  }

  .header #navToggle.open span:after {

    bottom: 12px;

    -webkit-transform: translateY(10px) rotate(45deg);

    -moz-transform: translateY(10px) rotate(45deg);

    -ms-transform: translateY(10px) rotate(45deg);

    -o-transform: translateY(10px) rotate(45deg);

    transform: translateY(10px) rotate(45deg);

  }

  .header #navToggle.open span {

    background: none;

  }

  .header #navToggle.open span:before,

  .header #navToggle.open span:after {

    background: #4f4f4f;

  }  

  .header .nav{

    display: none;

  }

  .header .hover_ewm{

    display: none;

  }

}

/*banner*/

.slide-main{

  position:relative;

  width: 100%;

}

.item{

  display:block;

  width:100%;

  height:12px;

  position:absolute;

  z-index:124;

  bottom:20px;

  left:0;

  text-align:center;

}

.item a{

  display:inline-block;

  width:12px;

  height:12px;

  margin:0 5px;

  background:#98bede;

  overflow:hidden;

  border-radius: 50%;

}

.item a.cur{

  width: 31px;

  background:#0e6eb8;

  border-radius: 30px;

}

.slide-box,.slide{

  display:block;

  width:100%;

  overflow:hidden;

}

.slide{

  display:none;

  position:relative;

  z-index:8;

}

.slide img{

  width: 100%;

}

/*两个二维码*/

.ewm_two,.news{

  padding: 62px 0 80px;

}

.app_code_box .app_code{

  background: #fff;

  border-radius: 5px;

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

  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px;

  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px;

  text-align: center;

  padding: 50px 0 55px;

  -webkit-transition: transform .3s;

  -moz-transition: transform .3s;

  -ms-transition: transform .3s;

  -o-transition: transform .3s;

  transition: .3s;

}

.app_code_box .fl,.app_code_box .fr{

  width: 50%;

  padding:0 3%;

}

.app_code_box .app_code h1{

  font-size: 30px;

  font-weight: normal;

  margin-bottom: 14px;

  color: #0e6eb8;

}

.app_code_box .app_code p{

  font-size: 20px;

}

.app_code_box .app_code .p1{

  font-size: 16px;

  color: #999;

}

.app_code_box .ewm_code img{

  width: 46.3%;

  margin: 30px 0;

}

.app_code_box .app_code a{

  display: block;

  width: 33%;

  margin: auto;

  background: #0e6eb8;

  line-height:48px;

  color: #fff;

  font-size: 18px;

  border-top-right-radius:0.8em;

  border-bottom-left-radius:0.8em;

  margin-top: 24px;

}

.app_code_box .fr .app_code h1{

  color: #c30d23;

}

.app_code_box .fr .app_code a{

  background: #c30d23; 

}

.app_code_box .app_code:hover{

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

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

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

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

  transform: translateY(-8px);

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

}

.app_code_box .fr .app_code:hover a{

  background: #0e6eb8;

}

.app_code_box .fl .app_code:hover a{

  background: #c30d23; 

}

.app_code_box .fr .app_code:hover h1{

  color: #0e6eb8;

}

.app_code_box .fl .app_code:hover h1{

  color: #c30d23;

}

/*系统优势*/

.system_con{

  margin: 0 auto;

}

.title {

  text-align:center;  

  margin-bottom: 50px;

}

.title h1{

  font-size: 34px;

  font-weight: normal;

}

.title p{

  font-size: 16px;

  margin-top: 16px;

}

.system .title{

  color: #fff;

}

.system li {

  text-align:center;

  width: 33.33333333%;

  padding:0 2.25%;

  float: left;

  cursor: pointer;

  margin-bottom:38px;

}

.system li span{

  display: block; 

  background: #fff;

  border-radius: 5px;

  padding: 40px 0 24px;

  -webkit-transition: transform .3s;

  -moz-transition: transform .3s;

  -ms-transition: transform .3s;

  -o-transition: transform .3s;

  transition: .3s;

}

.system li span .icon{

  width: 82px;

  height: 68px;  

  display: inline-block;

  -webkit-transition: transform .6s;

  -moz-transition: transform .6s;

  -ms-transition: transform .6s;

  -o-transition: transform .6s;

  transition: .6s;

}

.system li span .icon01{

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

}

.system li span .icon02{

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

}

.system li span .icon03{

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

}

.system li span .icon04{

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

}

.system li span .icon05{

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

}

.system li span .icon06{

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

}

.system li span p{

  font-size: 20px;

  font-weight: bold;

  height: 60px;

  margin-top: 30px;

  padding: 0 13%;

}

.system li:hover span{

  background: #0e6eb8;

  color: #fff;

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

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

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

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

  transform: translateY(-4px);

}

.system li:hover span .icon01{

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

}

.system li:hover span .icon02{

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

}

.system li:hover span .icon03{

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

}

.system li:hover span .icon04{

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

}

.system li:hover span .icon05{

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

}

.system li:hover span .icon06{

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

}

.system li:hover span .icon{

  transform: rotateY(360deg);

  -webkit-transform: rotateY(360deg);

}

.system_con a,.index_about .about_con a {

  display: block;

  width: 14%;

  margin: auto;

  background: #0e6eb8;

  line-height: 48px;

  color: #fff;

  font-size: 18px;

  border-top-right-radius: 0.8em;

  border-bottom-left-radius: 0.8em;

  margin-top: 40px;

  text-align:center;

}

.system_con a:hover{

  background: #c30d23;

}

/**/

.news .new_box .new_img{

  width: 100%;

  overflow: hidden;

}

.news .new_box .new_img img,.new_list li .new_list_img img{

  display: block;

  width: 100%;

  transition: all .5s ease;

  -moz-transition: all .5s ease;

  -ms-transition: all .5s ease;

  -webkit-transition: all .5s ease;

  -o-transition: all .5s ease;

}

.news .new_box a:hover img,.new_list li a:hover .new_list_img img{

   transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

  -webkit-transform: scale(1.1); 

}

.news .new_box .new_txt{

  padding: 20px 22px 26px;

  border:solid 1px #f6f6f6;

}

.news .new_box .new_txt p{

  color: #999;

}

.news .new_box .new_txt .new_p1{

  margin: 16px 0 22px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  height: 42px;

}

.news .new_box a:hover h3,.news .new_box a:hover .new_txt .fr {

  color: #0e6eb8;

}

.owl-theme .owl-dots{

  display: none;

}

.owl-theme .owl-nav .owl-prev {

    position: absolute;

    bottom: 42%;

    left: -90px;

}

.owl-theme .owl-nav .owl-next {

    position: absolute;

    bottom: 42%;

    right: -90px;

}

.owl-theme .owl-nav .owl-prev span,.owl-theme .owl-nav .owl-next span{

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

  background-position: 0 0;

  width: 54px;

  height: 54px;

  display: inline-block;

  font-size: 0;

}

.owl-theme .owl-nav .owl-next span{

  background-position: -54px 0;

}

.owl-theme .owl-nav .owl-prev span:hover{

  background-position: 0 -54px;

}

.owl-theme .owl-nav .owl-next span:hover{

  background-position: -54px -54px;

}

/**/

.index_about{

  background: url(../images/index_about_bg.jpg);

  padding: 52px 0 67px;

  text-align: center;

  margin-bottom:4px;

}

.index_about .title{

  margin: 0;

}

.index_about .about_con h1{

  font-size: 48px;

  line-height: 102px;

}

.index_about .about_con a {

  background: none;

  line-height: 48px;

  color: #333;

  border:solid 1px #757575;

  margin-top: 40px;

}

.index_about .about_con a:hover{

  border-color: #0e6eb8;

  background: #0e6eb8;

  color: #fff;

}

/**/

.footer{

  background: #373d41;

  color: #fff;

  font-size: 16px;

}

.footer .footer_top {

  padding: 38px 0 30px;

  border-bottom:solid 1px #424649;

}

.footer .footer_top .footer_nav a{

  color: #fff;

  margin-right:55px;

}

.footer .footer_contact span{

  margin-right:40px;

  line-height: 60px;

}

.footer .footer_bot{

  text-align:center;

  line-height: 83px;

}

/*内页*/

.banner_ny img{

  width: 100%;

}

.current {

  border-bottom: solid 1px #f0f0f0;

  width: 100%;

}

.current_box {

  padding: 0;

  line-height: 80px;

}

.current_box .curr {

  color: #999;

}

.sec_nav a {

  margin-right: 56px;

  font-size: 24px;

  line-height: 84px;

  display: inline-block;

}

.sec_nav a.on, .sec_nav a:hover {

  color: #0e6eb8;

  border-bottom: solid 2px #0e6eb8;

}

.main {

  padding: 64px 0 94px;

}

.new_list li{

  overflow: hidden;

  border-bottom:dashed 1px #e3e2e2;

  margin-bottom: 28px;

  padding-bottom: 28px;

}

.new_list li .new_list_img{

  width: 23%;

  overflow: hidden;

}

.new_list li .new_list_txt{

  width: 74%;

}

.new_list li .new_list_txt h2{
  font-size: 18px;
  font-weight: normal;
  line-height: 22px;
}

.new_list li .new_list_txt p{

  color: #999;

}

.new_list li .new_list_txt p.more{

  color: #0e6eb8;

  margin-top: 28px;

}

.new_list li .new_list_txt p.date{

  line-height: 39px;

}

.new_list li .new_list_txt p.con{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  /*height: 42px;*/
  line-height:22px;
} 

.new_list li a:hover .new_list_txt h2{

 color: #0e6eb8;

}

.page {

  text-align: center;

  margin-top: 50px;

}

.page a {

  border: 1px solid #dddddd;

  line-height: 35px;

  padding: 0px 14px;

  margin: 0px 7px;

  display: inline-block;

  vertical-align: middle;

}

.page a span {

  font-size: 20px;

  color: #7c7c7c;

}

.page a.on {

  color: #fff;

  background: #0e6eb8;

  border-color: #0e6eb8;

}

.download_con{

  margin-top: -270px;

}

.download_con .download_box{

  background: #fff;

  box-shadow: rgba(14, 110, 184, 0.1) 0px 0px 20px;

  -webkit-box-shadow: rgba(14, 110, 184, 0.1) 0px 0px 20px;

  -moz-box-shadow: rgba(14, 110, 184, 0.1) 0px 0px 20px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  padding: 65px 0 70px;

  position: relative;

  margin-bottom: 70px;

}

.download_con .download_box h2{

  font-size: 30px;

  font-weight: normal;

  text-align:center;

  margin-bottom: 50px;

}

.download_con .download_box .code_box .code_img{

  width: 20.8%;

  overflow: hidden;

  margin-left: 17.25%;



}

.download_con .download_box .code_box .code_img img{

  width: 100%;  

  border:solid 3px #f5f5f5;

}

.download_con .download_box .code_box .code_sm{

  margin-left: 18%;

  margin-top: 44px;

}

.download_con .download_box .code_box .code_sm span a{

  display: block;

  width: 204px;

  background: #0e6eb8;

  line-height: 58px;

  height:58px;

  color: #fff;

  font-size: 18px;

  border-top-right-radius: 0.8em;

  border-bottom-left-radius: 0.8em;

  margin-bottom:30px;

  text-align:center;

  position: relative;

}

.download_con .download_box .code_box .code_sm span a i{

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

  width: 30px;

  height: 35px;

  position: absolute;

  top: 10px;

  left: 25px;

}

.download_con .download_box .code_box .code_sm span a p{

  padding-left: 35px;

}

.download_con .download_box .code_box .code_sm span.android a i{

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

}

.download_con .download_box .code_box .code_sm span.android a{

  background: #c30d23;

}

.download_con .download_box .img_bg1{

  position: absolute;

  top:12px;

  left: 0;

  width: 13.4%;

  overflow: hidden;

}

.download_con .download_box .img_bg2{

  position: absolute;

  bottom: 0px;

  right: 0;

  width: 20.5%;

  overflow: hidden;

}

.download_con .download_box .img_bg1 img,.download_con .download_box .img_bg2 img,

.download_con .download_box .img_bg3 img,.download_con .download_box .img_bg4 img{

  vertical-align: middle;

  width: 100%;

}

.download_con .download_box .code_box .code_img p{

  font-size: 20px;

  text-align:center;

  margin-top: 20px;

}

.download_con .download_box .img_bg3{

  position: absolute;

  bottom: 0;

  right: 82px;

  width: 41%;

  overflow: hidden;

}

.download_con .download_box .img_bg4{

  position: absolute;

  bottom: 12px;

  right: 245px;

  width: 15.25%;

  overflow: hidden;

  animation: roundRule 3.5s ease-in-out infinite;

  -moz-animation: roundRule 3.5s ease-in-out infinite;

  -webkit-animation: roundRule 3.5s ease-in-out infinite;

  -o-animation: roundRule 3.5s ease-in-out infinite;

  -webkit-transform-origin:  bottom center;

  transform-origin:  bottom center;

  -moz-transform-origin:  bottom center;

  -o-transform-origin:  bottom center;

}

@-webkit-keyframes roundRule{

  0%, 100%{

    -webkit-transform: rotate(-15deg);

    transform: rotate(-15deg);

    -moz-transform: rotate(-15deg);

    -o-transform: rotate(-15deg);

  }

  50%{

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg);

    -moz-transform: rotate(15deg);

    -o-transform: rotate(15deg);

  }

}

/**/

.new_title {

  padding-bottom: 24px;

  border-bottom: dashed 1px #e7e6e6;

  text-align: center;

}

.new_title h1 {
  font-size: 24px;
  padding: 0 30px;
  line-height: 28px;
}

.new_title p {

  color: #999;

  margin-top: 18px;

}

.new_detail_con {

    padding: 44px 0;

}
.new_detail_con p img{
  display: table-cell;
  vertical-align: middle;
  margin: 0 auto;
  text-align: center;
}

.new_bot {

  border: solid 1px #e9e8e8;

  overflow: hidden;

}

.new_bot .fl {

  border-right: solid 1px #e9e8e8;

  width: 50%;

}

.new_bot .fr{

  width: 50%;

}

.new_bot p {

  text-align: center;

  color: #999;

  line-height: 40px;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  padding: 0 10px;

}

.new_bot a:hover{

  color: #0e6eb8;

}

@media screen and (max-width: 1199px){

  .new_list li .new_list_img {

    width: 32%;

  }

  .new_list li .new_list_txt {

    width: 65%;

  }

  .download_con {

      margin-top: -150px;

  }

}

@media screen and (min-width: 768px) and (max-width: 992px) {

  .download_con .download_box .code_box .code_sm {

    margin-top: 20px;

  }

}

@media screen and (max-width: 768px){

  .container {

    width: 95%;

  }

  .ewm_two,.news{

    padding: 30px 0;

  }

  .item a{

    width: 10px;

    height: 10px;

    margin: 2px;

  }

  .item a.cur {

    width: 10px;

  }

  .system li {

    width: 50%;

  }

  .system {

    background-repeat: repeat;

    padding: 30px 0;

  }

  .app_code_box .fl, .app_code_box .fr {

    width: 100%

  }

  .app_code_box .fl{

    margin-bottom:20px;

  }

  .system li span p {

    font-size: 18px;

    margin-top: 20px;

  }

  .system_con a ,.index_about .about_con a{

    width: 40%;

    margin-top:0px;

  }

  .index_about .about_con a{

    margin-top:20px;

  }

  .title {

    padding: 0 12px;

    margin-bottom: 20px;

  }

  .index_about{

    padding: 30px 0;

  }

  .footer .footer_top .fr{

    display: none;

  }

  .footer .footer_top .fl{

    float: none;    

    text-align:center;

    padding: 20px 0;

  }

  .footer .footer_contact span {

    line-height: 24px;

    display: block;

    margin: 0;

  }

  .footer .footer_top .footer_nav{

    display: none;

  }

  .footer .footer_top {

    padding: 0;

  }

  .new_list li .new_list_img {

    width: 100%;

  }

  .new_list li .new_list_txt {

    width: 100%;

    padding: 20px 12px 0;

  }

  .new_list li .new_list_txt p.more {

    margin-top: 20px;

  }

  .main {

    padding: 20px 0;

  }

  .current_box .curr {

    display: none;

  }

  .download_con {

    margin-top: -50px;

  }

  .download_con .download_box .code_box .code_img {

    width: 34%;

    float: none;

    margin: auto;

  }

  .download_con .download_box .code_box .code_sm {

    margin: auto;

    float: none;

    width: 204px;

    padding-top: 20px;

  }

  .download_con .download_box {

    padding: 30px 0;

    margin-bottom: 20px;

  }

  .download_con .download_box .img_bg4 {

    right: 20px;

    bottom: 8px;

  }

  .download_con .download_box .img_bg3 {

    right: 0;

    width: 31%;

  }

}

@media screen and (min-width: 768px) {

  .container {

    width: 95%;

  }

}

@media screen and (min-width: 992px) {

  .container {

    width: 95%;

  }

}

@media screen and (min-width: 1240px) {

  .container {

    width: 1200px;

  }

}

@media screen and (min-width: 1119px) and (max-width: 1240px) {

  .header .nav {

    margin-left: 5%;

  }  

}

@media screen and (min-width: 1254px) {

  .system_con {

    width: 1254px;

  }

}

@media screen and (max-width: 1420px) {

  .owl-theme .owl-nav .owl-prev {

      left: -54px;

  }

  .owl-theme .owl-nav .owl-next {

      right: -54px;

  }

}

@media screen and (max-width: 1360px) {

  .owl-theme .owl-nav .owl-prev {

      left: 0px;

  }

  .owl-theme .owl-nav .owl-next {

      right: 0px;

  }

}

@media screen and (max-width: 900px){

  .footer .footer_top .footer_nav a{

    margin-right:25px;

  }

}
/********************/
/*后来加的*/
.app_code_box .app_code .jyxz{
  padding: 0 40px;
  height: 364px;
}
.app_code_box .app_code .jyxz p{
  text-align: left;
  font-size: 16px;
  color: #999;
  margin-bottom: 20px;
}
@media screen and (max-width: 1252px){
  .app_code_box .app_code .jyxz{
    height: 364px;
  }
}
@media screen and (max-width: 1152px){
  .app_code_box .app_code .jyxz{
    height: 340px;
  }
}
@media screen and (max-width: 1024px){
  .app_code_box .app_code .jyxz{
    height: 314px;
  }
}
@media screen and (max-width: 884px){
  .app_code_box .app_code .jyxz{
    height: 286px;
  }
}
@media screen and (max-width: 768px){
  .app_code_box .app_code .jyxz{
    height: auto;
  }
}
.system li span {
  position: relative;
}
.system li span h4.none0{
  font-size: 14px;
  font-weight: normal;
  bottom: 0;
  display: none;
  height: 60px;
  margin-top: 30px;
  padding: 0 13%;
}
.system li:hover span p{
  display: none;
}
.system li:hover span h4.none0{
  display: block;
}
@media screen and (max-width: 768px){
  .system li span h4.none0{
    display: block;
    margin-top: 0px;
  }
}
@media screen and (max-width: 676px){
  .system li span p{
    font-size:16px;
    margin-top: 20px;
    padding:0 5%;
  }
  .system li span h4.none0{
    display: block;
    margin-top: -10px;
    color: #999;
    height: 86px;
    padding:0 2%;
  }
}
@media screen and (max-width: 750px){
  .slide {
    height: 4.26rem;
  }
  .slide img {
     width: auto;
     height: 100%;
     margin-left: -36%;
  }
}


/*new*/
.index_floor1{
  margin:60px 0 48px;
}
.index_common_warp{
  width: 1000px;
  margin: 0 auto;
}
.index_floor1 .index_common_warp{
  padding: 0 50px 50px;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 0px rgba(102, 102, 102, 0.3);
}
.text_style{
  font-size: 24px;
  font-weight: 400;
  color: #333333;
  line-height: 33px;
  text-align: justify;
}
.index_title{
  padding-top: 40px;
  text-align: center;
  font-size: 36px;
  font-weight: 600;
  color: #0D6EB8;
}
.title_p{
  text-align: center;
}
.index_floor1 p{
  text-indent: 2em;
  margin: 20px 0 0;
  line-height: 33px;
}
.index_floor2{
  height: 600px;
  background-image: url(../images/pc-02bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.jykh_box{
  margin-top: 40px;
  display: flex;
  position: relative;
}
.line{
  width: 100%;
  height: 1px;
  background: #7CADD3;
  position: absolute;
  z-index: -1;
}
.line1{
  left: -62px;
  width: 424px;
  top: 225px;
  transform:rotate(45deg);
  -ms-transform:rotate(45deg); 	/* IE 9 */
  -moz-transform:rotate(45deg); 	/* Firefox */
  -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
  -o-transform:rotate(45deg); 	/* Opera */
}
.line2{
  right: -62px;
  width: 424px;
  top: 225px;
  transform:rotate(-45deg);
  -ms-transform:rotate(-45deg); 	/* IE 9 */
  -moz-transform:rotate(-45deg); 	/* Firefox */
  -webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
  -o-transform:rotate(-45deg); 	/* Opera */
}
.line3{
  top:210px;
}
.jykh_center{
  flex:1;
  position: relative;
}
.jykh_left,.jykh_right{
  width: 350px;
}
.jykh_bg{
  display: block;
  width: 206px;
  height: 206px;
  margin: 85px auto 0;
  background-image: url(../images/jykh.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.common_text{
  padding-bottom: 10px;
  margin-bottom: 58px;
  height: 76px;
  display: flex;
  align-items: flex-end;
}
.bottom_line{
  border-bottom: 1px solid #7CADD3;
}
.bottom_line_height{
  height: auto;
  padding-top: 31px;
}
.jykh_left .common_text{
  padding-right:10px;
}
.jykh_right .common_text{
  padding-left: 10px;
}
.index_floor3{
  min-height: 600px;
  height: auto;
  background-image: url(../images/pc-03bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.system_list{
  margin-top: 35px;
}
.system_list li {
  text-align:center;
  width: 33.33333333%;
  padding:0 2.25%;
  float: left;
  cursor: pointer;
  margin-bottom:38px;
}

.system_list li span{
  display: block;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #979797;
  padding: 30px 0 0;
  height: 200px;
  -webkit-transition: transform .3s;
  -moz-transition: transform .3s;
  -ms-transition: transform .3s;
  -o-transition: transform .3s;
  transition: .3s;
}

.system_list li span .icon{
  width: 82px;
  height: 68px;
  display: inline-block;
  -webkit-transition: transform .6s;
  -moz-transition: transform .6s;
  -ms-transition: transform .6s;
  -o-transition: transform .6s;
  transition: .6s;
}
.system_list li span h4.none0 {
  font-size: 14px;
  font-weight: normal;
  bottom: 0;
  display: none;
  margin-top: 5px;
  padding: 0 8%;
  text-align: justify;
}

.system_list li span .icon01{
  background: url(../images/icon1.png) center no-repeat;
}

.system_list li span .icon02{
  background: url(../images/icon2.png) center no-repeat;
}

.system_list li span .icon03{
  background: url(../images/icon3.png) center no-repeat;
}

.system_list li span .icon04{
  background: url(../images/icon4.png) center no-repeat;
}

.system_list li span .icon05{
  background: url(../images/icon5.png) center no-repeat;
}

.system_list li span .icon06{
  background: url(../images/icon6.png) center no-repeat;
}

.system_list li span p{
  font-size: 20px;
  font-weight: bold;
  margin-top:30px;
  padding: 0 10%;
  line-height: 24px;
}

.system_list li:hover span{
  background: #0e6eb8;
  color: #fff;
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
  transform: translateY(-4px);
}

.system_list li:hover span .icon01{
  background: url(../images/icon1s.png) center no-repeat;
}

.system_list li:hover span .icon02{
  background: url(../images/icon2s.png) center no-repeat;
}
.system_list li:hover span .icon03{
  background: url(../images/icon3s.png) center no-repeat;
}

.system_list li:hover span .icon04{
  background: url(../images/icon4s.png) center no-repeat;
}

.system_list li:hover span .icon05{
  background: url(../images/icon5s.png) center no-repeat;
}

.system_list li:hover span .icon06{
  background: url(../images/icon6s.png) center no-repeat;
}

.system_list li:hover span .icon{
  transform: rotateY(360deg);
  -webkit-transform: rotateY(360deg);
}
.system_list li:hover span p{
  display: none;
}
.system_list li:hover span h4.none0{
  display: block;
}
.footer_right{
  display: flex;
  align-items: flex-end;
  float: right;
}
.ewm_code{
  width: 120px;
  height:120px
}
.ewm_code img{
  width: 100%;
  height: 100%;
}
.ewm_code_box span{
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #FFFFFF;
  margin-top: 12px;
}
.footer_logo img{
  margin-left: 100px;
  width: 144px;
  height: 51px;
}
.pt_box{
  display: none;
  margin-top: 17px;
}
.pt_box img{
  width: 100%;
}
.pt_box1{
  display: block;
}
/*media*/
@media screen and (min-width: 750px) and (max-width:1000px){
  .index_common_warp{
    width: auto;
    margin: 0 30px;
  }
  .index_title{
    font-size: 24px;
  }
  .title_p,.text_style{
    font-size: 18px;
  }
  .system_list li span p{
    font-size: 16px;
  }
  .system_list li{
    margin-bottom: 30px;
  }
  .system_list li span{
    height: 240px;
  }
  .system_list li span h4.none0{
    font-size: 13px;
  }
}
.index_floor4{
  display: none;
}
.main_con{
  line-height: 22px;
}
.news_con .owl-carousel{
  display: block;
}
.owl-carousel .new_box{
  width: 50%;
  float: left;
  padding:0 2.25%;
  margin-bottom: 20px;
}
.news .title{
  line-height: 36px;
}
.news_container{
  max-width: 900px;
  width: auto;
  margin: 0 auto;
}
@media screen and (min-width: 800px) and (max-width:1000px){
  .index_floor2 .index_common_warp {
    width: 800px;
    margin: 0 auto;
  }
  .jykh_left, .jykh_right {
    width: 250px;
  }
}
@media screen and (min-width: 750px) and (max-width:800px){
  .index_floor2 .index_common_warp {
    width: 750px;
    margin: 0 auto;
  }
  .jykh_left, .jykh_right {
    width: 225px;
  }
}
@media screen and (max-width: 750px) {
  body{font:.24rem/.24rem microsoft yahei,Arial;}
  .header {
    padding: 0.1rem 0 0.1rem;
  }
  .banner,.news_container{
    margin-top: 1rem;
  }
  .header .left a img{
    height: 0.8rem;
  }
  .header #navToggle{
    padding: 0 0.2rem;
    margin-right: -0.15rem;
    height: 0.8rem;
  }
  .footer_right{
    display: none;
  }
  .index_common_warp{
    width: 7.1rem;
    margin: 0 auto;
  }
  .index_floor1{
    background: #fff;
    margin: 0.6rem 0.4rem;
    height: auto;
  }
  .index_floor1 .index_common_warp{
    width: auto;
    padding: .38rem .35rem .4rem;
    box-shadow: 0px 0px 10px 0px rgba(102, 102, 102, 0.3);
  }
  .index_floor1 .index_common_warp .index_title{
    padding: 0 0 0.3rem;
  }
  .text_style{
    font-size: 0.28rem;
    line-height: 0.4rem;
  }
  .index_floor1 p{
    line-height: 0.4rem;
    margin: 0;
  }
  .index_floor1 .first_p{
    padding-bottom: 0.14rem;
  }
  .index_title{
    padding-top: 0.72rem;
    font-size: 0.38rem;
    line-height: 0.38rem;
    font-weight: bold;
  }
  .index_floor2{
    height: 7.3rem;
    background-image: url(../images/sj-bg02.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
  .jykh_box{
    margin-top: 0.3rem;
  }
  .jykh_left, .jykh_right {
    width: 2.6rem;
  }
  .common_text{
    padding-bottom: 0.1rem;
    margin-bottom: 0.6rem;
    height: auto;
    display: flex;
    line-height: 0.36rem;
    align-items: flex-end;
  }
  .bottom_line{
    border-bottom: 1px solid #7CADD3;
  }
  .bottom_line_height{
    height: auto;
    padding-top:0;
  }
  .jykh_left .common_text{
    padding-right:0.15rem;
  }
  .jykh_right .common_text{
    padding-left: 0.15rem;
  }
  .jykh_bg{
    width: 2.06rem;
    height: 2.06rem;
    margin: 1.8rem auto 0;
  }
  .center_heigt{
    height: 1.44rem;
  }
  .line1 {
    left: -1.16rem;
    width: 4.37rem;
    top: 3.10rem;
    transform:rotate(62deg);
    -ms-transform:rotate(62deg); 	/* IE 9 */
    -moz-transform:rotate(62deg); 	/* Firefox */
    -webkit-transform:rotate(62deg); /* Safari 和 Chrome */
    -o-transform:rotate(62deg); 	/* Opera */
  }
  .line2 {
    right: -1.16rem;
    width: 4.37rem;
    top: 3.10rem;
    transform:rotate(-62deg);
    -ms-transform:rotate(-62deg); 	/* IE 9 */
    -moz-transform:rotate(-62deg); 	/* Firefox */
    -webkit-transform:rotate(-62deg); /* Safari 和 Chrome */
    -o-transform:rotate(-62deg); 	/* Opera */
  }
  .line3{
    top:3.2rem;
  }
  .index_floor3 {
    height: auto;
    background-image: url(../images/sj-bg03.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
  .title_p{
    width: 5.6rem;
    margin: 0.3rem auto 0;
  }
  .system_list{
    margin-top: 0.5rem;
    padding-bottom: 0.2rem;
  }
  .system_list li{
    width: 50%;
    margin-bottom: 0.3rem;
  }
  .system_list li span{
    padding: 1.02rem 0 0;
    height: 4.2rem;
    border-radius: 0.08rem;
  }
  .system_list li:hover span{
    padding-top: 0.6rem;
  }
  .system_list li span .icon,.system_list li:hover span .icon{
    width: 0.82rem;
    height: 0.68rem;
    background-size: cover;
  }
  .system_list li span p{
    font-size: 0.28rem;
    line-height: 0.36rem;
    margin-top:0.36rem;
  }
  .index_floor4{
    display: block;
    padding-bottom: 1rem;
  }
  .index_floor4 .title_p{
    color: #999;
    margin: 0.3rem auto 0.1rem;
  }
  .floor_ewm_box .ewm_code{
    width: 3.44rem;
    height: 3.44rem;
    margin: 0 auto 0.1rem;
  }
  .floor_ewm_box p{
    text-align: center;
  }
  .system_list li span h4.none0{
    font-size: 0.26rem;
    line-height: 0.34rem;
    padding: 0.15rem 8% 0;
  }
  .current_box{
    height: 0.8rem;
    line-height: 0.8rem;
  }
  .sec_nav a{
    line-height: 0.8rem;
  }
  .owl-carousel .new_box{
    width: 100%;
  }
  .new_detail_con p img{
    width: 100%;
  }
  .pt_box{
    margin-top: 0.3rem;
  }
  .pt_box1{
    display: none;
  }
  .pt_box2{
    display: block;
  }
  .index_floor2 .index_title{
    padding-top: .5rem;
  }
  .index_floor3 .index_title{
    padding-top: .82rem;
  }
  .index_floor4 .index_title{
    padding-top: .6rem;
  }
}