/* 鍏叡鏍峰紡琛╟ss */
html,body {
    margin: 0;
    height: 100%;
    font-family:"寰蒋闆呴粦","Microsoft Yahei",Arial,Helvetica,sans-serif,"瀹嬩綋"; font-size:14px;  margin:0; padding:0;  display:block;color:#333333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}


a{text-decoration: none;color: #000;}
img{border: none;}
body{background: #fff; min-width: 1200px;}
html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td { margin: 0;
 padding: 0;
}
img {border: 0;}
button,input,optgroup,select,textarea {margin: 0;font: inherit;color: inherit;outline: none;}
li{list-style:none;}
.fl{float: left;}
.fr{float: right;}
.clearfix::after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.chao3{
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

/* 瀵艰埅浠嬬粛寮€濮� */
.header-nav {
    position: relative;
    background: #fff;
    width: 100%;
}

.header-content {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left:50px;}
.header-logo {float: left;}
.header-logo a {display: block;padding: 14px 0;color: #1ec67a;text-decoration: none;}
.header-logo a img {height: 34px;display: block;border: none;}
.header-nav-list {float:left;margin-left:44px;width: 600px;}
.header-nav-list ul {float: left;}
.header-nav-list ul li {display: block;float: left;  }
.header-nav-list ul li a {
}
.daohang-a{    color: #222;
   padding: 18px 20px;
    font-size: 14px;
    line-height: 28px;
    background: none;
    position: relative;
    display: block; }

.drop-down{color: #222;
   padding: 18px 20px;
    font-size: 14px;
    line-height: 28px;
    background: none;
    position: relative;
    display: block; }
.daohang-b{    color: #222;
   padding: 18px 20px;
    font-size: 14px;
    line-height: 28px;
    background: none;
    position: relative;
    display: block; }
.daohang-c{    color: #222;
   padding: 18px 20px;
    font-size: 14px;
    line-height: 28px;
    background: none;
    position: relative;
    display: block; }

.header-nav-list ul li a:hover {
    color: #080ba5;}

.aui-dow-boxo {
    position: absolute;
    top: 200%;
    left: 50%;
    width: 140px;
    padding: 30px 0;
    background-color: #ffffff;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);


}
.aui-dow-box1 {
   position: absolute;
    top: 200%;
    left: 50%;
    width: 140px;
    padding: 30px 0;
    background-color: #ffffff;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.aui-dow-box-listo {
    width: 1640px;
    left: 750px;
    height: 490px;
    padding: 30px 10px 20px 10px;
	background:rgba(249,251,255,0.96);

}
.aui-dow-box-list1 {
    width:140px;
    left: 860px;
    height: 100px;
    padding: 30px 10px 20px 10px;
	background:rgba(249,251,255,0.96);

}
.dow-fenleia-wz{font-size: 18px;font-family:"寰蒋闆呴粦";border-bottom: 1px solid #cbcbcb;line-height:40px;}
.aui-dow-fenleia{float: left;width:330px;height:400px;margin-left: 20px;}

.dow-fenleia-z{float:left;width:150px;height:400px;margin-top: 20px;}
.aui-dow-fenlei-wzi{color:#444;font-weight:700;}
.aui-dow-fenlei-wz{color:#444; font-weight:700;}
.dow-fenleia-z p{line-height:34px;}
.dow-fenleia-z-s{height:184px;}
.dow-fenleia-z-s li{width:150px;}
.dow-fenleia-z-s li p{font-size:14px;line-height:26px;}

.dow-fenleia-z-x{height:200px;}
.dow-fenleia-z-x li{width:150px;}
.dow-fenleia-z-x li p{font-size:14px;line-height:26px;}


.dow-fenleia-y{float: right;width:170px;margin-top: 20px;}
.dow-fenleia-y p{line-height:34px;}
.dow-fenleia-y-s{height:184px;}
.dow-fenleia-y-s{height:184px;}
.dow-fenleia-y-s li{width:200px;}
.dow-fenleia-y-s li p{font-size:14px;line-height:26px;}


.dow-fenleia-y-x{height:200px;}



.aui-dow-fenleib{float: left;width:350px;height: 400px;margin-left: 40px;}
.dow-fenleib-z{float:left;width:180px;height:400px;margin-top: 20px;}
.dow-fenleib-z p{line-height:34px;}
.dow-fenleib-z-s{height:184px;}
.dow-fenleib-z-s li{width:180px;}
.dow-fenleib-z-s li p{font-size:14px;line-height:26px;}

.dow-fenleib-z-x{height:200px;}
.dow-fenleib-z-x li{width:150px;}
.dow-fenleib-z-x li p{font-size:14px;line-height:26px;}


.dow-fenleib-y{float: right;width:150px;margin-top: 20px;}
.dow-fenleib-y p{line-height:34px;}
.dow-fenleib-y-s{height:140px;}
.dow-fenleib-y-s{height:184px;}
.dow-fenleib-y-s li{width:200px;}
.dow-fenleib-y-s li p{font-size:14px;line-height:26px;}


.dow-fenleib-y-x{height:120px;}
.dow-fenleib-y-x li p{font-size:14px;line-height:26px;}

.aui-dow-fenleic{float: left;width:126px;height: 400px;margin-left: 40px;}
.dow-fenleia-wz{line-height:34px;}
.dow-fenleic-z p{line-height:34px;}

.dow-fenleic-z {float:left;width:116px;height:400px;margin-top: 20px;}
.dow-fenleic-s {height:116px;}
.dow-fenleic-s li{width:150px;}
.dow-fenleic-s li p{font-size:14px;line-height:26px;}

.dow-fenleic-x{height:100px;}
.dow-fenleic-x li{width:150px;}
.dow-fenleic-x li p{font-size:14px;line-height:26px;}

.aui-dow-fenleie{float: left;width:320px;height: 400px;margin-left: 40px;}
.dow-fenleia-wz{font-size: 18px;font-family:"寰蒋闆呴粦";border-bottom: 1px solid #cbcbcb;line-height:40px;}
.dow-fenleie-z {float:left;width:150px;height:400px;margin-top: 20px;}
.dow-fenleie-y {float:right;width:150px;height:400px;margin-top: 20px;}

.aui-dow-fenleif{float: left;width:12%;height: 400px;margin-left: 1%;}
.dow-fenlei-wz{font-size: 18px;font-family:"寰蒋闆呴粦";border-bottom: 1px solid #cbcbcb;line-height:40px;}
.dow-fenleif-z p{line-height:34px;}
.dow-fenleif-z {float:left;width:200px;height:400px;margin-top: 20px;}
.dow-fenleif-s {height:145px;margin-top:4px;}
.dow-fenleif-s li{width:200px;}
.dow-fenleif-s li p{font-size:14px;line-height:26px;}

.dow-fenleif-x{height:100px;}
.dow-fenleif-x li{width:240px;}
.dow-fenleif-x li p{font-size:14px;line-height:26px;}



.drop-down:hover .aui-dow-box-listo {
    top: 100%;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
	z-index: 999;
}
.drop-down:hover .aui-dow-box-list1 {
    top: 100%;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
	z-index: 999;
}

.aui-down-menu{
    padding: 0 24px;
    width: auto;
    float: none;
    display: block;
    margin-bottom: 10px;
	width: 1118px;
}
.aui-down-menu2{
    padding: 0 12px;
    width: auto;
    float: none;
    display: block;

	width: 160px;
}
.aui-down-menu1{
	margin-top: 30px;
    padding: 0 24px;
    width: auto;
    float: none;
    display: block;
    margin-bottom:10px;
	width: 1118px;

}

.aui-down-menu-title {
	font-weight:bold;
    padding-bottom: 10px;
    color: #212121;
    font-size: 14px;
    line-height: 1;
    border-bottom: 1px solid #cbcbcb;
}

.aui-down-menu-list {
    float: left;
    font-size: 0;
	width: 1118px;
}

.aui-down-menu-list1{
    float: left;
    font-size: 0;
	margin-top:0px;
}

.aui-down-menu-list-item {
    display:inline-block;
    margin-right: 30px;
    padding-top: 0;
}




.header-nav-list ul .aui-down-menu-list-item a {
    padding: 0;
    line-height: inherit;
}

.aui-down-menu-list-title {
    margin-top: 15px;
    margin-bottom:6px;
    color: #616161;
    font-size:14px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}
.aui-down-menu-list-title2{


    font-size:14px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}
.aui-down-menu-list-title1{
margin-bottom:6px;
    color: #616161;
    font-size:14px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}
.aui-down-menu-list-title:hover {
    color: #080ba5;
}
.aui-down-menu-list-title1:hover {
    color: #080ba5;
}
.aui-about-dow {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 110%;
    min-width: 200px;
    padding: 8px 10px;
    background: #fff;
    border-radius: 1px;
    z-index:999;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}
.aui-about-dow2 {
     opacity: 0;
    visibility: hidden;
    position: absolute;

    top: 110%;
    width: 146px;
	height: 90px;
	line-height: 35px;
	padding-top: 10px;
    padding-left:25px;
    background: #fff;
    border-radius: 1px;
    z-index:999;
    background-color: rgba(255, 255, 255, 0.8);
}

.aui-about-dow3 {
     opacity: 0;
    visibility: hidden;
    position: absolute;
    left:-4px;
    top: 110%;
    width: 110px;
	height:90px;
	padding-top: 10px;
	padding-left: 25px;
    line-height: 35px;
    background: #fff;
    border-radius: 1px;
    z-index:999;
    background-color: rgba(255, 255, 255, 0.8);
}
.aui-about-dow4 {
     opacity: 0;
    visibility: hidden;
    position: absolute;
	left:-4px;
    top: 110%;
    width: 110px;
	height:160px;
	padding-top: 10px;
	padding-left: 25px;
    line-height: 35px;
    background: #fff;
    border-radius: 1px;
    z-index:999;
    background-color: rgba(255, 255, 255, 0.8);
}




.drop-down:hover .aui-about-dow {
    top: 100%;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    filter: alpha(opacity=100);
}
.drop-down:hover .aui-about-dow2 {
    top: 100%;
    opacity: 1;
    visibility: visible;

}
.drop-down:hover .aui-about-dow3 {
    top: 100%;
    opacity: 1;
    visibility: visible;
    color: blue;
}
.drop-down:hover .aui-about-dow4 {
    top: 100%;
    opacity: 1;
    visibility: visible;
    color: blue;
}

.header-nav-list .aui-about-dow li a {
    padding: 0;
    line-height: inherit;
    display: block;
    padding: 8px 0 8px 15px;
    color: #111;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 14px;
    color: #616161;
}
.header-nav-list .aui-about-dow2 li a {
     padding: 0;
    line-height: inherit;
    display: block;
    color: #111;
 }


.header-nav-list .aui-about-dow li {
    width: 100px;
}

.header-nav-right {
    float: right !important;
}

.header-nav-right-en {
    position: relative;
    margin-top: 21px;
    float: right !important;
    top: -6px;
	margin-right: 50px;
	border: 1px solid #333;
	font-size: 14px;
}

.header-nav-right-en a {
    -webkit-transition: border 0.3s ease;
    -moz-transition: border 0.3s ease;
    -ms-transition: border 0.3s ease;
    -o-transition: border 0.3s ease;
    transition: border 0.3s ease;
    padding: 6px;
    border-radius: 0px;
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.header-nav-right-en a:hover {
     color: #181ba0;
	border: 1px solid #181ba0;
}

.navbar-contact-shadowr, .navbar-contact .navbar-contact-shadowl {
    visibility: hidden;
}

.navbar-contact-shadowl, .navbar-contact .navbar-contact-shadowr {
    width: 1px;
    height: 10px;
    position: absolute;
    bottom: -16px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.navbar-contact-shadowl {
    left: 46%;
    transform: rotate(40deg);
}

.navbar-contact-shadowr {
    right: 46%;
    transform: rotate(-40deg);
}

.header-nav-weChat:hover .navbar-contact-hover, .header-nav-weChat:hover .navbar-contact-shadowl, .header-nav-weChat:hover .navbar-contact-shadowr {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.aui-header-nav.solid {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;}
/*瀵艰埅浠嬬粛缁撴潫*/

/*banner浠嬬粛寮€濮�*/
.fullSlide{width:100%;position:relative;  }
.fullSlide img{ width:100%; height:auto;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden; height:100%;}
.fullSlide .bd ul{width:100% !important;overflow: hidden;}
.fullSlide .bd li{width:100% !important;overflow:hidden;text-align:center;}

.fullSlide .bd li a{display:block;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}


.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:730px;}
.fullSlide .hd ul .on{background:#444;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/icon/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}
/*banner浠嬬粛缁撴潫*/

/*缁煎悎浠嬬粛寮€濮�*/
.direction_sy{background-color: #f4f4f4;height:370px;}
.direction_fl{width: 1190px;margin: 0 auto;padding-top:64px;}
.direction_fl span{width: 286px;height:149px;overflow:hidden;}
.direction_fl span:hover img {
	-moz-opacity:0.75 !important; filter:alpha(opacity=75); opacity: 0.75;  _-moz-opacity:0.75;
	overflow:hidden;
}
.direction_fl span img{
	width: 100%;
	transition: all .5s;
	overflow:hidden;}
.direction_a{width: 286px;height: 280px;background-color:#fff;margin-right: 10px;float:left;border-radius:5px;overflow:hidden;}

.direction_a h4{padding: 12px 14px 8px 14px;font-size:16px;font-weight:normal;color: #0D0D0D;}
.direction_a h4:hover{color: #1c2081;transition: all .3s;}
.direction_a p{padding: 0px 14px 0px 14px;font-size: 14px;color: #111;}
/*缁煎悎浠嬬粛缁撴潫*/

/*浜у搧鍒嗙被浠嬬粛寮€濮�*/
.container{
  max-width: 1180px;
  margin: 0 auto;
 height: 100%;
}
.wrapper{
width: 1180px;

margin: 0 auto;
}
.sortable_i{height:68px;margin: 0 auto;width:1190px;}
.card{
  background: #fff;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
box-shadow: 0px 1px 1px rgba(0, 0, 0, .1);
  transition: box-shadow .2s ease-in-out;
  width: 372px;
  height: 320px;
  margin-bottom: 20px;

}
.card__picture{
  display: block;
 height: 200px;
  height: auto;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.card-infos{
  height: 100px;
  border-left: solid #e5e5e5 1px;
  border-right: solid #e5e5e5 1px;
  border-bottom: solid #e5e5e5 1px;
  padding: 24px;
  background: #fff;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.card__title{
  font-size: 16px;
  margin: 0 0 10px;
font-weight: normal;
}
.card__text{
  font-size: 12px;
  margin: 0;
  color: #555;
}


.header{
  background: var(--main-bg-color);
  height: 160px;
  display: flex;
}
.header__title{
  margin: auto;

  font-size: 3.2rem;
  color: #fff;
}

.sortable__nan h4{font-weight: normal;float:left;color:#000;font-size:16px;line-height:50px;padding-top: 10px;}
.sortable__nai{float: right;margin-top: 20px;font-weight:normal;}
.sortable__nav{
display: flex;

color:#333;
font-size:14px;

}
.sortable__nav li{
  padding: 0 14px 2px;
  color: #333;
  font-size: 14px;
  display: block;

}
.nav__link{padding-bottom: 6px; border-bottom:1px solid transparent;}
.nav__link.is-active{
  border-color: var(--main-bg-color);
}

.footer__list.list{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.list__item.item{
  display: flex;
}
.item__link.link{
  margin: 0;
}
.item__link.link:not(:first-child){
  margin-left: 20px;
}
.link__icon{
  height: 2rem;
  width: 2rem;
}

.sjs-default{position:relative;padding:0;margin:0;opacity:0;transition:height .2s ease-out,opacity .2s ease-out .2s}[data-sjsel]{opacity:0;position:absolute;top:0;left:0;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}
/*浜у搧鍒嗙被浠嬬粛缁撴潫*/
/*瀹氬埗鏈嶅姟浠嬬粛寮€濮�*/
.dingzhi{height:600px;background-color: #080d37;margin-top:40px;}
.dz_size{width: 1190px;margin: 0 auto;text-align: center;color: #fff;padding-top: 40px;

}
.dz_size h2{font-size:30px;margin-bottom: 15px;margin-top: 22px;font-weight: normal;}
.dingzhi img{align-content: center;}
.dz_sfl{margin-top: 70px;margin-left: 6px;}
.dz_sfla{width:288px;height: 350px;float:left;}

.dz_sfl .dz_sfla:hover .dz_sfl_icon:before {
      width: 100%;
      height: 100%;
      visibility: visible;
      opacity: 1; }
.dz_sfl .dz_sfla:hover .dz_sfl_title {
    color: #518dff; }
.dz_sfl .dz_sfla .dz_sfl_icon {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 3px solid rgba(80, 135, 255, 0.4);
    line-height:200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
.dz_sfl .dz_sfla .dz_sfl_icon :after {
      display: none; }

.dz_sfl .dz_sfla .dz_sfl_icon:before {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 10%;
      height: 10%;
      background-color: #518dff;
      content: '';
      border-radius: 50%;
      z-index: -1;
      -ms-transform: translate(-50%, -50%);
      /* IE 9 */
      -webkit-transform: translate(-50%, -50%);
      /* Chrome, Safari, Opera */
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in;
      visibility: hidden;
      opacity: 0; }
.dz_sfl .dz_sfla .dz_sfl_icon:after {
      position:relative;
      right: -70px;
      top: -15px;
      font-size: 30px;
      color: rgba(0, 0, 0, 0.1);

      font-weight: 900; }
.flaticon-edit {
      position:absolute;
      /* top:42px; */
	  left:42px;}
.flaticon-edit:before {

padding-top: 30px;}

.dz_sfl_title{
	 font-weight: normal;
      font-size: 20px;
      line-height: 34px;

      color: #fff;
	  margin-top: 34px;
      margin-bottom: 15px;
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; }
.descripton {
      padding: 0 30px;
      font-size: 14px;
      line-height: 20px;
      color: #d6e4ff; }

@-webkit-keyframes left-2-right {
  0% {
    right: -50px; }
  50% {
    opacity: .8;
    color: #002e84; }
  100% {
    right: -100px;
    opacity: 0; } }

@-moz-keyframes left-2-right {
  0% {
    right: -50px; }
  50% {
    opacity: .8;
    color: #518dff; }
  100% {
    right: -100px;
    opacity: 0; } }

@-o-keyframes left-2-right {
  0% {
    right: -50px; }
  50% {
    opacity: .8;
    color: #518dff; }
  100% {
    right: -100px;
    opacity: 0; } }

@keyframes left-2-right {
  0% {
    right: -50px; }
  50% {
    opacity: .8;
    color: #518dff; }
  100% {
    right: -100px;
    opacity: 0; } }
/*瀹氬埗鏈嶅姟浠嬬粛缁撴潫*/
.xwzx{height:500px;}
.xwzxbt{width:1190px;margin: 0 auto;height:40px;margin-top: 70px;}
.xwzx_bt{float:left;color:#333;font-size:14px;padding-left: 10px;height: 40px;}
.xwzx_bta{float:right;color:#333;font-size:14px;padding-right: 30px;height: 40px;}

.xwzxnr{width:1190px;margin:0 auto;height:500px;}
.xwzx_z{width:408px;margin-top:20px;background-color:#e6f0f9; border-radius: 6px;overflow:hidden;float:left;}
.xwzx_zx{height: 120px;}
.xwzx_zz{padding: 10px;}
.xwzx_za{color: #555;line-height: 20px;font-size: 12px;}
.xwzx_zb{color: #333;line-height: 30px;font-size: 14px;}

.xwzx_y{float:left;margin-top:20px;margin-left: 20px;}
.xwzx_y li{height: 60px;margin-bottom: 8px;border: solid #CDCDCD 1px;width: 350px;border-radius: 6px;}
.xwzx_y li p{color: #555;line-height: 20px;font-size: 12px;padding-left: 10px;margin-top: 10px;}
.xwzx_y li h4{color: #333;line-height: 20px;font-size: 14px;padding-left: 10px;}

.news {
	padding: 60px 0 60px;
	width: 1190px;
	margin: 0 auto;
	overflow: hidden;
	height: auto;
}

.news li {
	float: left;
	width: 350px;
	margin-left: 70px;
	overflow: hidden;
}

.news li:first-child {
	margin-left: 0;
}

.news li h3 {
	padding-bottom: 15px;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
}

.news li h3 {
	overflow: hidden;
}

.news li h3 .iconfont {
	float:right;
	width: 40px;
	height: 22px;
	margin-right: -100px;
	font-size: 12px;
	line-height: 22px;
	color: #ccc;

	border: 1px solid #ccc;
	border-radius: 4%;
	transition: all .3s;
	text-align:center;
}

.news li h3:hover a {
	color: #1c2081;
}

.news li h3:hover .iconfont {
	margin-right: 0;
	color: #1c2081;
	border-color: #1c2081;
}

.news .news-item dt {
	width: 350px;
	height: 205px;
	margin-bottom: 20px;
	overflow: hidden;
	border: 1px solid #eee;
	border-radius: 6px;
}

.news .news-item dt img {
	width: 100%;
	height: auto;
	transition: all .5s;
	overflow:hidden;
}

.news .news-item dt:hover img {
	transform: scale(1.06);

}

.news .news-item dt p {
	font-size: 14px;
	line-height: 58px;
	color: #666;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.news .news-item dd {
	font-size: 14px;
	line-height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.news .news-item dd a {
	transition: all .2s;
}

.news .news-item dd span {
	float: left;
	width: 50px;
	color: #999;
}
/*鏂伴椈浠嬬粛浠嬬粛*/
/**Features area styles*/
.xwys{width:100%;margin: 0 auto;overflow:hidden; float:left; }






/* 浜у搧璇︽儏椤靛鑸粙缁嶅紑濮� */


#nav_keleyi_com{padding:20px;position:relative;top:0px;background:#FFF;width:100%; border-bottom:#CCC 1px solid;  z-index:1; float:left;}
.proright{ float:right; margin:17px 0 0 0; display:block;}
.proright a{display:inline-block;margin:0 10px;*display:inline;zoom:1;color:white; margin:0px; padding:5px 15px 5px 15px; color:#333; }
.jy_daohang{ width:1190px; text-align:center; background:#999; margin:0 auto;}
.proname{ margin:0; font-size:18px; font-weight:400; line-height:60px; color:#333; float:left; }
.proright a:hover{box-shadow:0 0 10px #bbb;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-ms-transition:all .6s ease 0s;transition:all .6s ease 0s; background:#f0f0f0;}
.gouwu{border:#333 1px solid;}

/* 浜у搧璇︽儏椤靛鑸粙缁嶇粨鏉� */



/*= Reset CSS
============= */



.img{max-width: 100%; vertical-align: middle;}

.xwys ul li{float: left; width: 33.33%; list-style: none;}

.text-desc h3{font-size: 20px; margin: 5px 0 10px; }
.text-desc p{font-weight: 300; line-height: 50px; font-size: 14px; margin-bottom: 15px;}
.btn{display: inline-block; padding: 5px 10px; font-size: 14px; color: #fff; border: 2px solid #4d92d9; background-color: #4d92d9; text-decoration: none; transition: 0.4s;}
.btn:hover{background-color: transparent; color: #4d92d9; transition: 0.4s;}
.text-desc{position: absolute; left: 0; top: 0; background-color: #fff; height: 100%; opacity: 0; width: 100%; padding:50px;  }
/*= Reset CSS End
================= *

/* effect-1 css */
.port-1{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; }
.port-1 .text-desc{opacity: 0.9; top: -100%; transition: 0.5s; color: #000; padding: 50px 20px 20px;}
.port-1 img{transition: 0.5s;}
.port-1:hover img{transform: scale(1.2);}

.port-1.effect-1:hover .text-desc{top: 0;}

.port-1.effect-2 .text-desc{top: auto; bottom: -100%;}
.port-1.effect-2:hover .text-desc{bottom: 0;}

.port-1.effect-3 .text-desc{top: 50%; left: 50%; width: 0; height: 0; overflow: hidden; padding: 0;}
.port-1.effect-3:hover .text-desc{width: 100%; top: 0; left: 0; height: 100%; padding: 50px 20px 50px;  }
/* effect-1 css end */







/* 璧勬枡鍥剧墖寮€濮� */
.download_images{ background:#010a33; }

.download_container{ width:1190px; clear:both; margin:20px auto; padding-top:20px;}
.download_l{ padding-left:0px; width:275px; background:#CCC;  margin-bottom:30px; float:left;}
.download_r{ padding-right:0px; padding-left:50px; padding-bottom:50px; width:73%; float:left; text-align:left;}
.download_r h1{ color:#333; font-weight:normal; border-bottom:1px solid #e6e6e6; padding-bottom:15px; font-size:2.2em;text-align:left; }
.download_r h2{ font-size:1.4em; color:#444; font-weight:bold; padding:50px 0 20px 0;}
.download_r ul{ margin:0; padding:0; margin-bottom:.85em; padding-left:2em;}
.download_r li{ margin:0; padding:5px 0 5px 0; text-align:--webkit-match-parent; list-style:circle; }
.download_r a{ color:#4183c4; text-decoration:none;}
.ljgm{float:right; margin:-45px 10px 0 0; border:#35383d 2px solid;padding:10px 25px 10px 25px; }
/* 璧勬枡鍥剧墖缁撴潫 */


/* download_l寮€濮� */


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

Primary style

-------------------------------- */
*, *::after, *::before {
  box-sizing: border-box;
}

html {
  font-size: 42.5%;
}


a {
  color: #a0f6aa;
  text-decoration: none;
}

h1 {
  text-align: center;
  width: 100%;
  margin: 2em auto 0;
  font-size: 2.4rem;
  color: #507b55;
  font-weight: bold;
}
@media only screen and (min-width: 275px) {
  h1 {
    font-size: 3.2rem;
  }
}

input {
  font-family: "Jaldi", sans-serif;
  font-size: 1.6rem;
}

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

Main Components

-------------------------------- */
.cd-accordion-menu {
  width: 100%;
  max-width: 275px;
  background: #4d5158;
  margin: 0 auto;

}
.cd-accordion-menu ul {
  /* by default hide all sub menus */
  display: none;
}
.cd-accordion-menu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
}
.cd-accordion-menu label, .cd-accordion-menu a {
  position: relative;
  display: block;
  padding: 18px 18px 18px 64px;
  background: #4d5158;
  box-shadow: inset 0 -1px #555960;
  color: #ffffff;
  font-size: 1.6rem;
}
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {
  background: #52565d;
}
.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {
  /* icons */
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu label {
  cursor: pointer;
}
.cd-accordion-menu label::before, .cd-accordion-menu label::after {
  background-image: url(../images/cd-icons.svg);
  background-repeat: no-repeat;
}
.cd-accordion-menu label::before {
  /* arrow icon */
  left: 18px;
  background-position: 0 0;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.cd-accordion-menu label::after {
  /* folder icons */
  left: 41px;
  background-position: -16px 0;
}
.cd-accordion-menu a::after {
  /* image icon */
  left: 36px;
  background: url(../img/cd-icons.svg) no-repeat -48px 0;
}
.cd-accordion-menu input[type=checkbox]:checked + label::before {
  /* rotate arrow */
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu input[type=checkbox]:checked + label::after {
  /* show open folder icon if item is checked */
  background-position: -32px 0;
}
.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}
.cd-accordion-menu ul label,
.cd-accordion-menu ul a {
  background: #35383d;
  box-shadow: inset 0 -1px #41444a;
  padding-left: 82px;
}
.no-touch .cd-accordion-menu ul label:hover, .no-touch
.cd-accordion-menu ul a:hover {
  background: #3c3f45;
}
.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a {
  box-shadow: none;
}
.cd-accordion-menu ul label::before {
  left: 36px;
}
.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after {
  left: 59px;
}
.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a {
  padding-left: 100px;
}
.cd-accordion-menu ul ul label::before {
  left: 54px;
}
.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul a::after {
  left: 77px;
}
.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
  padding-left: 118px;
}
.cd-accordion-menu ul ul ul label::before {
  left: 72px;
}
.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after {
  left: 95px;
}
@media only screen and (min-width: 600px) {
  .cd-accordion-menu label, .cd-accordion-menu a {
    padding: 24px 24px 24px 82px;
    font-size: 1.9rem;
  }
  .cd-accordion-menu label::before {
    left: 24px;
  }
  .cd-accordion-menu label::after {
    left: 53px;
  }
  .cd-accordion-menu ul label,
  .cd-accordion-menu ul a {
    padding-left: 70px;
  }
  .cd-accordion-menu ul label::before {
    left: 48px;
  }
  .cd-accordion-menu ul label::after,
  .cd-accordion-menu ul a::after {
    left: 77px;
  }
  .cd-accordion-menu ul ul label,
  .cd-accordion-menu ul ul a {
    padding-left: 130px;
  }
  .cd-accordion-menu ul ul label::before {
    left: 72px;
  }
  .cd-accordion-menu ul ul label::after,
  .cd-accordion-menu ul ul a::after {
    left: 101px;
  }
  .cd-accordion-menu ul ul ul label,
  .cd-accordion-menu ul ul ul a {
    padding-left: 154px;
  }
  .cd-accordion-menu ul ul ul label::before {
    left: 96px;
  }
  .cd-accordion-menu ul ul ul label::after,
  .cd-accordion-menu ul ul ul a::after {
    left: 125px;
  }
}
.cd-accordion-menu.animated label::before {
  /* this class is used if you're using jquery to animate the accordion */
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.pg-main{ width:1200px; text-align:center; margin:0 auto; }
.pg-desc{ margin-top:35PX; padding:0; border:0; vertical-align:baseline; display:block; float:left;}
.pg-main h2{ font-size:32px; font-weight:400; text-align:left; line-height:100%; width:1200px; margin:0 auto; padding-left:10px;}
.grid{ width:1200px; margin:0 auto;}
.grid ul{ font-size:0; margin-top:40px;margin-bottom:30px; float:left; padding:0; display:block; }
.grid li{ box-sizing:border-box; border:1px solid #E8E8E8;  display:block; width:390px; height:150px; margin:5px; transition:all ease-in .ls; float:left;}
.grid li a{ width:100%; height:100%; display:block; position:relative; color:#FFF;}
.grid li i{ position:absolute; left:36px; top27px; font-size:28px; color:#333;}
.text-box{ position:absolute; left:99px; top:25px; width:260px; font-weight:400; float:left; text-align:left;}
.text-box h3{ font-size:18px; color:#333;}
.text-box p{ font-size:14px; color:#666; margin-top:10px; line-height:20px;}
.icon-box hide{ position:absolute; top:0; right:0; width:40px; height:20px; background:#ff8500; }
.icon-box{ position:absolute; top:0; right:0; width:40px; background:#ff8500}
.trangle{ vertical-align:text-top; margin-left:-12px; border-top:16px solid transparent; border-left:5px solid transparent; border-bottom:5px solid #ff8500; border-right:7px solid #ff8500; }
.text{ font-size:12px; height:20px; line-height:20px; padding-left:5px; }
.iconfont{ margin:35px 0 0 -25px;}
/* download_l缁撴潫 */

/* service寮€濮� */
.solution_banner{ width:100%; margin:0 auto;}
.f-mbx{ width:100%; margin:0 auto; border-bottom:#dadada 1px solid; float:left;}

.f-mbx h2{ color:#1428a0; font-size:18px;color:#1428a0; font-weight:normal; float:left; line-height:30px;}
.f-mbx h2 span{ margin:0 7px; font-weight:normal; color:#d0425a;}
.f-mbx h3{ float:right; line-height:30px; font-size:14px;}
.f-mbx h3 a{ color:#1428a0; font-weight:normal; text-decoration:none; padding-right:8px;}
.f-mbx h3 span{ margin:0 7px; font-weight:normal; color:#1428a0; }
.f-mbxa{width:1180px; margin:0 auto; padding-top:30px; height:50px;}
.news_content{ width:1180px;height:100%; margin:0 auto; padding-top:1px; margin-bottom:20px;}

.service{ float:left;margin-top:50px; width:1180px;}
.service h2{ color:#1428a0; text-align:center; font-size:54px;}
.service h4{ text-align:center; padding:20px 300px 50px 300px; font-size:16px; line-height:1.5em; font-weight:normal;color:#666;}
.service ul{ margin:0px 50px 0 50px; float:left;}
.service ul li{ float:left; width:300px; margin:0 30px 0 30px; background:#3748ae; height:310px;}
.service ul li h3{ color:#fff; font-size:34px; padding:25px 35px 25px 35px;}
.service ul li p{ color:#FFFFFF; font-size:14px; line-height:1.5em; padding:0 35px 15px 35px; }

/* service缁撴潫 */
.job{float:left; margin:50px 100px 0px 100px; width:100%; padding-bottom:50px;}
.job h2{ font-size:34px; color:#1428a0; font-weight:normal; margin:0px; padding-bottom:20px;}
.job-line{ position:absolute; width:200px; border-bottom:2px solid #CCCCCC; }
.job-blue-line{ position:absolute; width:80px; border-bottom:4px solid #1428a0; bottom:-3px; }
.job h3{ padding-top:50px; font-size:20px; color:#1428a0; font-weight:normal; padding-bottom:10px; }
.job p{ font-size:16px; line-height:1.6em;}
/*瀹為獙瀹や粙缁嶅紑濮�*/
.labx_con{margin:0 auto; width:1100px;margin-top:60PX;margin-bottom:40PX;}
.labx_con p{color:#333; font-size:14px;line-height:1.5em;}
.labx_size li{padding-bottom:14px;}

.labx_cspt{margin:0 auto; width:1000px;}
/*鐢电鍏煎*/
.labx_content{margin:0 auto; width:1100px;height:1250px;}
.labx_dianci{border: solid #999 1px;height:330px;}
.labx_content h2{color:#333; font-size:24px;line-height:1.5em;margin-bottom:14PX;}
.dianci_img{float:left;text-align: center;width:48%;padding-top:30px;}
.dianci_size{float:right;width:48%;padding-top:30px;color:#333;padding-right:20px;}
.dianci_size p{padding-top:20px;font-size:16px;color:#0168b7;}
.dianci_size ul{margin-top: 20px; width:100%;height:80px;}
.dianci_size li{width:50%;float:left;height:24px;}
.dianci_biaoti{border: solid #0168b7 1px; width:160px;margin-top:34px;}
.dianci_biaoti span{font-size:18px;line-height:36px;color: #0168b7;padding-left: 25px;}
/*鐢垫皵瀹夊叏*/
.labx_dianqi{width:550px;float:left;border-left: solid #999 1px;border-right: solid #999 1px;border-bottom: solid #999 1px;height:400px;}
.labx_wenb{padding:30px 20px 0 20px;color:#333;}
.labx_dianqi p{padding:20px 0 0 20px;font-size:16px;color:#0168b7;}
.dianqi_z{float:left;width:40%;margin-bottom: 30px;}
.labx_dianqi ul{padding:14px 20px 0 20px;color:#333;float:left;height:150px;width:100%;}
.labx_dianqi li{height:24px;}
.dianqi_img{float:left;text-align: center;margin-bottom: 30px;padding-top:50px;}
.dianqi_biaoti{border: solid #0168b7 1px; width:160px;margin-top:170px;margin-left: 20px;}
.dianqi_biaoti span{font-size:18px;line-height:36px;color: #0168b7;padding-left: 22px;}
/*鍧忓瀹夊叏*/
.labx_huanjing{width:550px;float:left;border-right: solid #999 1px;border-bottom: solid #999 1px;height: 400px;}
.labx_huanjing p{padding:20px 0 0 20px;font-size:16px;color:#0168b7;}
.labx_huanjing ul{padding:14px 20px 0 20px;color:#333;float:left;height:150px;width:100%;}
.labx_huanjing li{height:24px;}
.hj_biaoti{border: solid #0168b7 1px; width:120px;margin-top:170px;margin-left: 20px;}
.hj_biaoti span{font-size:18px;line-height:36px;color: #0168b7;padding-left:22px;}
/*瀹夎*/
.labx_angui{border-left:solid #999 1px;border-right: solid #999 1px;border-bottom: solid #999 1px;width: 1100px;height:430px;float:left;}
.angui_size{float:left;width:48%;padding-top:30px;color:#333;padding-left:20px;}
.angui_img{float:right;width:50%;text-align: center;margin-bottom: 30px;padding-top:70px;}
.angui_size p{padding-top:20px;font-size:16px;color:#0168b7;}
.angui_size ul{margin-top: 20px; width:100%;height:180px;}
.angui_size li{width:33%;float:left;height:24px;}
/*杞﹂棿*/
.labx_chejian{margin:0 auto; width:1100px;margin-bottom:30px;height: 360px;}
.labx_chejian h2{color:#333; font-size:24px;margin-bottom:14px;margin-top:30px;}
.labx_chejian1{margin:0 auto; width:1100px;margin-bottom:30px;height: 120px;}
.labx_chejian1 h2{color:#333; font-size:24px;margin-bottom:14px;margin-top:30px;}
.chejian_img1{float:left;margin-right:26px;}
.chejian_img2{float:left;margin-right:26px;}
.chejian_img3{float:left;margin-right:26px;}
.chejian_img4{float:right;}
/*瀹為獙瀹や粙缁嶇粨鏉�*/

/*瑙ｅ喅鏂规寮€濮�*/
.solution_banner{ width:100%; margin:0 auto;}
.news_content{ width:1180px;height:100%; margin:0 auto; padding-top:1px; margin-bottom:20px;}
.solutiona{ padding:30px 0 30px 0;float:left;}
.solutiona1{ padding:30px 0 30px 0;float:left;}
.solutiona_tit{ text-align:center; font-size:32px; color:#000000; font-weight:bold; padding:50px 0 50px 0;}
.solutiona_tit1{ text-align:center; font-size:32px; color:#000000; font-weight:bold; padding:1px 0 50px 0;}
.solutiona_con ul{float:left; display:block; }
.solutiona_con ul li{ width:280px; border:1px solid #cbcaca; margin:0 6.5px 50px 6.5px; float:left;}
.solutiona_con ul li a{ color:#000000; text-decoration:none; line-height:1.4em;}

.solutiona_con1 ul{float:left; display:block; }
.solutiona_con1 ul li{ width:280px; border:1px solid #cbcaca; margin:0 6.5px 60px 6.5px; float:left;}
.solutiona_con1 ul li a{ color:#000000; text-decoration:none; line-height:1.4em;}

.cona{ font-size:22px; padding:15px 10px 15px 10px; }
.conb { font-size:14px; padding:0 10px 10px 10px; color:#979696; }


.solution_cona{ width:1180px; margin:50px 0 50px 0; position:relative; min-height:50px;}
.solution_cona a{ color:#1428a0; font-size:26px; font-weight:bold; text-decoration:none;}
.solution_cona a img{ width:40px; height:36px; display:block; margin:0 -50px 0 0; padding:0px;}


.solution_cona h2{ text-align:center; position:relative; font-size:36px; line-height:50px; color:#1428a0;}

.solution_cona1{ width:1180px; margin:50px 0 50px 0; position:relative; min-height:50px;}
.solution_cona1 a{ color:#1428a0; font-size:26px; font-weight:bold; text-decoration:none;}
.solution_cona1 a img{ width:40px; height:36px;  margin:0 -50px 0 0; padding:0px;}


.solution_cona1 h2{ text-align:center;  font-size:36px; line-height:50px; color:#1428a0;}


/*瑙ｅ喅鏂规缁撴潫*/
/*瀵艰埅鏂规寮€濮�*/
.fangan_kj{width:1180px;margin: 0 auto;}
.solution_cona{ width:1180px; margin:50px 0 50px 0; position:relative; min-height:50px;}
.solution_cona a{ color:#1428a0; font-size:26px; font-weight:bold; text-decoration:none;}
.solution_cona a img{ width:40px; height:36px; display:block; margin:0 -50px 0 0; padding:0px;}


.solution_cona h2{ text-align:center; position:relative; font-size:36px; line-height:50px; color:#1428a0;}

.solution_cona1{ width:1180px; margin:50px 0 50px 0; position:relative; min-height:50px;}
.solution_cona1 a{ color:#1428a0; font-size:26px; font-weight:bold; text-decoration:none;}
.solution_cona1 a img{ width:40px; height:36px;  margin:0 -50px 0 0; padding:0px;}


.solution_cona1 h2{ text-align:center;  font-size:36px; line-height:50px; color:#1428a0;}

.bottom-line{ position:absolute; width:317px; border-bottom:2px solid #CCCCCC; bottom:-26px; left:50%; margin-left:-158px;}
.cm-blue-line{ position:absolute; width:80px; border-bottom:4px solid #1428a0; bottom:-3px; left:50%; margin-left:-40px;}


.solution_conb{ margin:0px; padding:50px;  color:#333333;height: 500px;}
.solution_conb p{ font-size:18px; line-height:1.6em; padding:10px 0 10px 0; }
.solution_conb h2{ font-size:20px; padding:20px 0 0 0;}
.solution_conb img{ padding:30px 5px 0 5px; clear:both;}

.solution_conb1{ margin:0px; padding:50px;  color:#333333;height: 530px;}
.solution_conb1 p{ font-size:18px; line-height:1.6em; padding:10px 0 10px 0; }
.solution_conb1 h2{ font-size:20px; padding:20px 0 0 0;}
.solution_conb1 img{ padding:30px 5px 0 5px; clear:both;}

.solutioncs{margin:50px 0 50px 40px; padding:0px 40px 0px 40px; float:left; font-size:14px;}
.gongkong_img{float:left;margin-bottom: 30px;margin-left: 20px;}


.solutx{margin:20px 0 40px 0; padding:0px 40px 0px 80px; float:left; font-size:14px;}
.solutx h3{margin:0px; padding:0px 0px 10px 0px; font-size:18px;}
.solutx h4{margin:0px; padding:0px; }
.solutx ul{margin:0px; padding:0px; text-align:center;}
.solutx ul li{ display:block; float:left; margin:0px; padding:15px 30px 15px 30px; width:250px;}

/*瀵艰埅鏂规缁撴潫*/

/*eTOP-4418-NA70v10-c浠嬬粛寮€濮�*/
.etop_banner{width:100%;margin:0 auto;}
.etop_xt{margin-bottom:40px;}

.etop_size1{text-align:center;margin-top:60px;color:#333333;}
.etop_size2{text-align:center;margin-top:18px;color:#333333;}
.etop_xtbj{text-align:center;margin-top:40px;}

.etop_xt1{width:1190px;margin:0 auto;border-top:1px solid #d2d2d2;}

.etop_hy{width:1190px;margin:0 auto;margin-bottom:40px;}


.etop_cpzs{width:1190px;margin:0 auto;}
.cpzs_1{margin-top:50px;}

.etop_canshu_bt{border-bottom:1px solid #d2d2d2;line-height: 50px;}
.etop_canshu_1 td{height:35px; padding-left:40px;}
/*eTOP-4418-NA70v10-c浠嬬粛缁撴潫*/

/*eTOP-6UL-MANNV10浠嬬粛寮€濮�*/
.etop_6ul_ac{margin-bottom:40px;width: 1190px;margin:0 auto;}

.etop_6ul_aa{width:1190px;margin:0 auto;border-top:1px solid #d2d2d2;}

.etop_6ul_ac1{text-align:center;margin-top:70px;color:#333333;font-size:24px; }
.etop_6ul_ac2{text-align:center;margin-top:18px;color:#333333;font-size:20px; }
.etop_6ul_ac3{text-align:center;margin-top:4px;color:#333333;font-size:20px;}
.etop_6ul_acbj{text-align:center;margin-top:50px;margin-bottom: 60px;}

.etop_6ul_cpzs1{margin:0 auto;margin-top:50px;}
.etop_6ul_cpzs2{margin:0 auto;}
.etop_6ul_cpzs3{margin-bottom: 60px;}
/*eTOP-6UL-MANNV10浠嬬粛缁撴潫*/

/*eTOP-MA101V10S-C浠嬬粛寮€濮�*/
.etop_banner{width:100%;margin:0 auto;}
.etop_content{margin-top:10px;}
.etop_content_xt1{width:1190px;margin:0 auto;}
.etop_content_size1{text-align:center;margin-top:60px;margin-bottom: 16px; color:#333333;}
.etop_content_size2{text-align:center;line-height: 24px; color:#333333;}
.etop_content_size3{text-align:center;line-height: 24px;background-color: #ACACAC;width: 500px;margin:0 auto;margin-top:24px;color:#1B1B1B;}
.etop_content_size5{width:120px;height:6px;background-color: #ACACAC;margin:0 auto;margin-top:50px;}
.etop_content_size6{text-align:center;line-height:34px;}
.etop_content_size7{width:120px;height:6px;background-color: #ACACAC;margin:0 auto;}
.etop_content_xtbj{text-align:center;margin-top:40px;margin-bottom: 50px;}
.etop_xt1{width:1190px;margin:0 auto;border-top:4px solid #f3f3f3;}
.etop_content_yx{margin-top:80px;text-align:center;}
.etop_hy{width:1190px;margin:0 auto;margin-bottom:40px;}

.etop_cpzs{width:1190px;margin:0 auto;}
.etop_content_cpzs_1{margin-top:50px;text-align:center;}
.etop_content_cpzs_2{text-align:center;}
.cpzs_1{text-align:center;}
.cpzs_2{text-align:center;}
.etop_canshu_bt{border-bottom:1px solid #d2d2d2;line-height: 50px;}
.etop_canshu_1 td{height:35px; padding-left:40px;}
/*eTOP-MA101V10S-C浠嬬粛缁撴潫*/
/*eTOP-7瀵稿甫澹宠Е鎺т竴浣撴満浠嬬粛寮€濮�*/
.etop_banner{width:100%;margin:0 auto;}
.etop_content{margin-top:10px;}

.etop_content_7c{width:820px;margin:0 auto;height:440px;margin-top:110px;}
.etop_content_7cz{float:left;}
.content_7cz_size1{padding-top:80px; }
.content_7cz_size2{width:100%;line-height:30px;border-top:1px #cccccc solid;margin-top: 24px;border-bottom:1px #cccccc solid;}
.content_7cz_size3{width:100%;margin-top: 24px;}
.etop_content_7cy{float:right;}

.etop_content_7c2c{width:800px;margin:0 auto;height: 514px;}

.etop_content_7c3c{width:820px;margin:0 auto;margin-top:30px;}
.content_7cz_size4{margin:0 auto;line-height:30px;border-top:1px #cccccc solid;margin-top: 24px;border-bottom:1px #cccccc solid;}

.etop_content_7c5c{width:820px;margin:0 auto;height:6px;background-color:#eee;margin-top: 20px;margin-bottom: 0px;}
.etop_content_7c6c{width:820px;margin:0 auto;height:6px;background-color:#eee;margin-top:30px;}

/*eTOP-7瀵稿甫澹宠Е鎺т竴浣撴満浠嬬粛缁撴潫*/

/*eTOP璐拱閾炬帴浠嬬粛寮€濮�*/
.etop_goumai{width:1190px;height:90px; margin:0 auto;margin-bottom:40px;border-bottom: 1px solid #F1F1F1;}
.ggs_gmi{background: #1429a0;text-align:center;font-size:12px;border:1px solid #1429a0;padding: 10px 10px;margin-bottom:26px;margin-top: 26px;width:150px;float:right;margin-right: 30px;}
.ggs_gmo{background: #1429a0;text-align:center;font-size:12px;border:1px solid #1429a0;padding: 10px 10px;margin-bottom:26px;margin-top: 26px;width:150px;float:right;}
.ggs_gm p{color:#fff;}
.ggs_gmi:hover{background:#415eff;border:1px solid #f8f8f8;
    color: #fff;
    opacity: .9;transition: all .5s;}
.ggs_gmo:hover{background:#415eff;border:1px solid #f8f8f8;
    color: #fff;
    opacity: .9;transition: all .5s;}

/*eTOP璐拱閾炬帴浠嬬粛缁撴潫*/

/*瑙ｅ喅鏂规寮€濮�*/

/*base鏍峰紡寮€濮�*/

.jjfn_size{background-color: #fff; margin: 0 auto;padding-top:70px;width: 1190px;}
.jjfn_size1{text-align:center;font-size:30px;color:#333;}
.jjfn_size2{font-size:16px;text-align:center;padding:10px 0 50px 0;color:#666;}
/*base鏍峰紡缁撴潫*/


.container {
    width: 1190px;
    margin: 0 auto;
    padding: 0;
}
.container h2, h3 {font-family: "microsoft yahei";font-weight: 100;}
.container:after {
    content: "";
    display: block;
    clear: both;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.tl {
    text-align: left;
}

.tr {
    text-align: right;
}

.tc {
    text-align: center;
}

.color-white {
    color: white!important;
}

.red {
    color: #1429a0!important;
}

.fz12 {
    font-size: 12px;
}

.fz14 {
    font-size: 14px;
}

.wfs {
    width: 100%;
    position: relative;
}
.index-page{width:1190px;margin: 0 auto;}

.index-page .index-title {
    font-size: 16px;
    text-align: center;
    padding: 50px 0;
}

.index-page .index-title h2 {
    font-size: 36px;
}

.index-page .index-title a {
    width: 100px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #DBDCE0;
    text-align: center;
    font-size: 14px;
    display: block;
    margin: 25px auto 0;
    transition: all .2s;
}

.index-page .index-title a:hover {
    background: #1429a0;
    border-color: #1429a0;
    color: #fff;
}

.index-page .banner {
    height: 425px;
    width: 100%;
    overflow: hidden;
    background: #fff;
}



.index-page .banner-slide .hd {
    position: relative;
    z-index: 10;
    width: 1190px;
    margin: 0 auto;
    height: 0;
    font-size: 0;
}

.index-page .banner-slide .hd ul {
    position: absolute;
    bottom: 22px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    transform: translate(-50%);
}

.index-page .banner-slide .hd li {
    float: left;
    height: 2px;
    width: 60px;
    margin: 0 3px;
    padding: 5px 0;
    position: relative;
    cursor: pointer;
    opacity: .5;
    transition: all .2s;
    overflow: hidden;
    text-indent: 100px;
}

.index-page .banner-slide .hd li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 100%;
    border-bottom: 2px solid #fff;
}

.index-page .banner-slide .hd li.on {
    opacity: 1;
}

.index-page .banner-slide .btn-wrap {
    position: relative;
    z-index: 11;
}

.index-page .banner-slide .btn-wrap a {
    width: 44px;
    height: 80px;
    position: absolute;
    bottom: 172px;
    outline: none;
    transition: all .5s;
    opacity: 0;
    border-radius: 5px;
}

.index-page .banner-slide .btn-wrap .prev {
    left: 0;
    background-position: 12px center;
}

.index-page .banner-slide .btn-wrap .next {
    right: 0;
    background-position: -49px center;
}

.index-page .banner-slide:hover .btn-wrap a {
    opacity: .3;
}

.index-page .banner-slide .btn-wrap a:hover {
    opacity: 1;
}

.index-page .banner-under {
    height: 48px;
    background: rgba(0,0,0,.5);
    position: relative;
    z-index: 10;
    top: -48px;
    overflow: hidden;
}

.index-page .banner-under-text li {
    float: left;
    color: #fff;
    font-size: 16px;
    line-height: 48px;
    margin: 0 58px 0 23px;
}

.index-page .banner-under-text li:before {
    content: "";
    width: 28px;
    height: 48px;
    float: left;
    margin-right: 6px;
}

.index-page .banner-under-text li.item-1:before {
    background-position: -28px center;
}

.index-page .banner-under-text li.item-2:before {
    background-position: -85px center;
}

.index-page .banner-under-text li.item-3:before {
    background-position: -55px center;
}

.index-page .banner-under-text li.item-4:before {
    background-position: 0px center;
}

.index-page .banner-under-text li .num {
    font-size: 24px;
    margin-right: 10px;
    float: left;
}

.index-page .banner-under-text li .plus {
    font-size: 24px;
    margin-right: 10px;
    float: left;
}

.index-page .main-category {
    padding: 0 0 25px 0;
    background: #fff;
}

.index-page .main-category .container-list {
    background-color: #F5F6FA
}

.index-page .main-category .list {
    display: block;
    height: 110px;
    width: 1210px;
    margin: 0 auto;
}

.index-page .main-category .list li {
    float: left;
    padding: 18px 0 20px;
    width: 25%;
}

.index-page .main-category .list li.item-1 {
    border-left: 0 none;
}

.index-page .main-category .list li:before {
    float: left;
    width: 60px;
    height: 60px;
    margin-top: 12px;
    content: "";
    margin-right: 6px;
    margin-left: 26px;
}

.index-page .main-category .list li.item-1:before {
    background-position: 0 0;
}

.index-page .main-category .list li.item-1.on:before {
    background-position: -60px 0;
}

.index-page .main-category .list li.item-2:before {
    background-position: -120px 0;
}

.index-page .main-category .list li.item-2.on:before {
    background-position: -180px 0;
}

.index-page .main-category .list li.item-3:before {
    background-position: -240px 0;
}

.index-page .main-category .list li.item-3.on:before {
    background-position: -300px 0;
}

.index-page .main-category .list li.item-4:before {
    background-position: -360px 0;
}

.index-page .main-category .list li.item-4.on:before {
    background-position: -420px 0;
}

.index-page .main-category .list li .text {
    float: left;
    padding-top: 24px;
    padding-bottom: 15px;
    margin-right: -10px;
}

.index-page .main-category .list li h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 3px;
}

.index-page .main-category .list li.on a h3 {
    color: #1429a0;
}

.index-page .main-category .list li p {
    font-size: 14px;
    color: #888;
}

.index-page .main-category .bd>li {
    height: 391px;
    padding: 30px 0;
    position: relative
}

.index-page .main-category .bd .col {
    float: left;
    height: 360px;
}

.index-page .main-category .bd h3 {
    font-size: 16px;
    margin: 10px 0;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
}

.index-page .main-category .bd .col li h3 {
    font-weight: normal;
}

.index-page .main-category .bd a:hover h3 {
    color: #333;
}

.index-page .main-category .bd .col-1 h3 {
    font-size: 18px;
    height: 24px;
    line-height: 24px;
    margin-top: 18px;
}

.index-page .main-category .bd .item-4 .col-1 h3 {
    margin-top: 10px;
}

.index-page .main-category .bd p {
    margin: 10px 0;
    color: #888
}

.index-page .main-category .bd .download {
    width: 130px;
    height: 40px;
    border: 1px solid #E5E5E5;
    color: #333;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    display: block;
    margin-right: 15px;
    margin-top: 15px;
    transition: all .2s;
}

.index-page .main-category .bd .download:hover {
    background: #1429a0;
    color: #fff;
    border-color: #1429a0;
    opacity: .9;
}

.index-page .main-category .bd .col li a {
    width: 360px;
    height: 88px;
    display: inline-block;
    padding: 10px 0 0 25px;
}

.index-page .main-category .bd .col li a:hover {
    background-color: #f5f5f5;
}

.index-page .main-category .bd .col li a:before {
    float: left;
    width: 25px;
    height: 25px;
    margin: 8px 10px 30px 0;
    content: "";
}

.index-page .main-category .bd i {
    margin-top: 2px;
}

.index-page .main-category .bd .col-1 i {
    margin-top: 4px;
}

.index-page .main-category .bd .col-1 {
    width: 30%
}

.index-page .main-category .bd .col-2 {
    width: 40%
}

.index-page .main-category .bd .col-3 {
    width: 30%
}

.index-page .main-category .bd>li:before {
    position: absolute;
    content: "";
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 18px solid #fff;
    top: -18px;
}

.index-page .main-category .bd .item-1:before {
    left: 130px;
}

.index-page .main-category .bd .item-2:before {
    left: 434px;
}

.index-page .main-category .bd .item-3:before {
    left: 726px;
}

.index-page .main-category .bd .item-4:before {
    left: 1036px;
}

.index-page .main-category .bd .item-1 .col-1 h3:nth-child(4) {
    margin-top: 60px
}

.index-page .main-category .bd .col-2 li:nth-child(1) a:before {
    background-position: -183px -63px;
}

.index-page .main-category .bd .col-2 li:nth-child(1) a:hover:before {
    background-position: -213px -63px;
}

.index-page .main-category .bd .col-2 li:nth-child(2) a:before {
    background-position: -3px -93px;
}

.index-page .main-category .bd .col-2 li:nth-child(2) a:hover:before {
    background-position: -33px -93px;
}

.index-page .main-category .bd .col-2 li:nth-child(3) a:before {
    background-position: -3px -123px;
}

.index-page .main-category .bd .col-2 li:nth-child(3) a:hover:before {
    background-position: -33px -123px;
}

.index-page .main-category .bd .col-2 li:nth-child(4) a:before {
    background-position: -3px -153px;
}

.index-page .main-category .bd .col-2 li:nth-child(4) a:hover:before {
    background-position: -33px -153px;
}

.index-page .main-category .bd .col-3 li:nth-child(1) a:before {
    background-position: -63px -63px;
}

.index-page .main-category .bd .col-3 li:nth-child(1) a:hover:before {
    background-position: -93px -63px;
}

.index-page .main-category .bd .col-3 li:nth-child(2) a:before {
    background-position: -63px -93px;
}

.index-page .main-category .bd .col-3 li:nth-child(2) a:hover:before {
    background-position: -93px -93px;
}

.index-page .main-category .bd .col-3 li:nth-child(3) a:before {
    background-position: -63px -123px;
}

.index-page .main-category .bd .col-3 li:nth-child(3) a:hover:before {
    background-position: -93px -123px;
}

.index-page .main-category .bd .col-3 li:nth-child(4) a:before {
    background-position: -63px -153px;
}

.index-page .main-category .bd .col-3 li:nth-child(4) a:hover:before {
    background-position: -93px -153px;
}

.index-page .main-category .jq-div {
    margin-top: 70px;
}

.index-page .main-category .jq-div:before {
    float: left;
    width: 18px;
    height: 16px;
    margin: 1px 3px 0 0;
    content: "";
}

.index-page .main-category .jq-div .jq-qq {
    color: #1429a0;
}

.index-page .main-category .bd .item-2 .col-2 li:nth-child(1) a:before {
    background-position: -123px -63px;
}

.index-page .main-category .bd .item-2 .col-2 li:nth-child(1) a:hover:before {
    background-position: -153px -63px;
}

.index-page .main-category .bd .item-2 .col-2 li:nth-child(2) a:before {
    background-position: -123px -93px;
}

.index-page .main-category .bd .item-2 .col-2 li:nth-child(2) a:hover:before {
    background-position: -153px -93px;
}

.index-page .main-category .bd .item-2 .col-2 li:nth-child(3) a:before {
    background-position: -123px -123px;
}

.index-page .main-category .bd .item-2 .col-2 li:nth-child(3) a:hover:before {
    background-position: -153px -123px;
}

.index-page .main-category .bd .item-2 .col-2 li:nth-child(4) a:before {
    background-position: -123px -153px;
}

.index-page .main-category .bd .item-2 .col-2 li:nth-child(4) a:hover:before {
    background-position: -153px -153px;
}

.index-page .main-category .bd .item-2 .col-3 li:nth-child(1) a:before {
    background-position: -183px -63px;
}

.index-page .main-category .bd .item-2 .col-3 li:nth-child(1) a:hover:before {
    background-position: -213px -63px;
}

.index-page .main-category .bd .item-2 .col-3 li:nth-child(2) a:before {
    background-position: -183px -93px;
}

.index-page .main-category .bd .item-2 .col-3 li:nth-child(2) a:hover:before {
    background-position: -213px -93px;
}

.index-page .main-category .bd .item-2 .col-3 li:nth-child(3) a:before {
    background-position: -183px -123px;
}

.index-page .main-category .bd .item-2 .col-3 li:nth-child(3) a:hover:before {
    background-position: -213px -123px;
}

.index-page .main-category .bd .item-2 .col-3 li:nth-child(4) a:before {
    background-position: -183px -153px;
}

.index-page .main-category .bd .item-2 .col-3 li:nth-child(4) a:hover:before {
    background-position: -213px -153px;
}

.index-page .main-category .bd .item-3 .col-1 h3:nth-child(4) {
    margin-top: 35px
}

.index-page .main-category .bd .item-3 .jq-div {
    margin-top: 23px;
}

.index-page .main-category .bd .item-3 .jq-div p {
    margin: 0;
    margin-top: 4px;
    font-size: 12px;
    color: #999;
}

.index-page .main-category .item-3 .jq-div:before {
    margin-bottom: 12px;
}

.index-page .main-category .bd .item-3 .btn-2 a {
    width: 100px;
    height: 38px;
    line-height: 37px;
    display: inline-block;
    margin-top: 5px;
}

.index-page .main-category .bd .item-3 .btn-2 a:nth-child(1) {
    background: #1429a0;
    color: #fff;
    border-color: #1429a0;
    opacity: .9;
}

.index-page .main-category .bd .item-3 .col-2 li:nth-child(1) a:before {
    background-position: -243px -63px;
}

.index-page .main-category .bd .item-3 .col-2 li:nth-child(1) a:hover:before {
    background-position: -273px -63px;
}

.index-page .main-category .bd .item-3 .col-2 li:nth-child(2) a:before {
    background-position: -243px -93px;
}

.index-page .main-category .bd .item-3 .col-2 li:nth-child(2) a:hover:before {
    background-position: -273px -93px;
}

.index-page .main-category .bd .item-3 .col-2 li:nth-child(3) a:before {
    background-position: -243px -123px;
}

.index-page .main-category .bd .item-3 .col-2 li:nth-child(3) a:hover:before {
    background-position: -273px -123px;
}

.index-page .main-category .bd .item-3 .col-2 li:nth-child(4) a:before {
    background-position: -243px -153px;
}

.index-page .main-category .bd .item-3 .col-2 li:nth-child(4) a:hover:before {
    background-position: -273px -153px;
}

.index-page .main-category .bd .item-3 .col-3 li:nth-child(1) a:before {
    background-position: -303px -62px;
}

.index-page .main-category .bd .item-3 .col-3 li:nth-child(1) a:hover:before {
    background-position: -333px -63px;
}

.index-page .main-category .bd .item-3 .col-3 li:nth-child(2) a:before {
    background-position: -303px -93px;
}

.index-page .main-category .bd .item-3 .col-3 li:nth-child(2) a:hover:before {
    background-position: -333px -93px;
}

.index-page .main-category .bd .item-3 .col-3 li:nth-child(3) a:before {
    background-position: -303px -123px;
}

.index-page .main-category .bd .item-3 .col-3 li:nth-child(3) a:hover:before {
    background-position: -333px -123px;
}

.index-page .main-category .bd .item-3 .col-3 li:nth-child(4) a:before {
    background-position: -303px -153px;
}

.index-page .main-category .bd .item-3 .col-3 li:nth-child(4) a:hover:before {
    background-position: -333px -153px;
}

.index-page .main-category .bd .item-4 .col-1 {
    width: 35%
}

.index-page .main-category .bd .item-4 .col-2 {
    width: 34%
}

.index-page .main-category .bd .item-4 .col-3 {
    width: 31%
}

.index-page .main-category .bd .item-4 .col-1 li:nth-child(1) a:before {
    background-position: -363px -61px;
}

.index-page .main-category .bd .item-4 .col-1 li:nth-child(1) a:hover:before {
    background-position: -393px -63px;
}

.index-page .main-category .bd .item-4 .col-1 li:nth-child(2) a:before {
    background-position: -363px -91px;
}

.index-page .main-category .bd .item-4 .col-1 li:nth-child(2) a:hover:before {
    background-position: -393px -93px;
}

.index-page .main-category .bd .item-4 .col-2 li:nth-child(1) a:before {
    background-position: -363px -123px;
}

.index-page .main-category .bd .item-4 .col-2 li:nth-child(1) a:hover:before {
    background-position: -393px -123px;
}

.index-page .main-category .bd .item-4 .col-2 li:nth-child(2) a:before {
    background-position: -363px -153px;
}

.index-page .main-category .bd .item-4 .col-2 li:nth-child(2) a:hover:before {
    background-position: -393px -153px;
}

.index-page .main-category .bd .item-4 .col-3 li:nth-child(1) a:before {
    background-position: -423px -63px;
}

.index-page .main-category .bd .item-4 .col-3 li:nth-child(1) a:hover:before {
    background-position: -453px -63px;
}

.index-page .main-category .bd .item-4 .col-3 li:nth-child(2) a:before {
    background-position: -423px -95px;
}

.index-page .main-category .bd .item-4 .col-3 li:nth-child(2) a:hover:before {
    background-position: -453px -93px;
}

.index-page .solution {
    width: 100%;
    overflow: hidden;
    padding-bottom: 63px;
}

.index-page .solution .swiper-container {
    width: 1730px;
    margin-left: -265px;
}

.index-page .solution .swiper-slide {
    width: 330px;
    height: 420px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.index-page .solution .swiper-slide .img img {
    width: 330px;
    height: 420px;
    transition: all .4s;
}

.index-page .solution .swiper-slide:hover .img img {
    transform: scale(1.05);
}

.index-page .solution .swiper-slide .text {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: #fff;
    padding: 0 21px;
}

.index-page .solution .swiper-slide-active .text, .index-page .solution .swiper-slide-duplicate-active .text {
    display: none;
}

.index-page .solution .swiper-slide .text h3 {
    font-size: 24px;
    margin-top: 350px;
}

.index-page .solution .swiper-slide .text p {
    font-size: 14px;
    margin-top: 6px;
}

.index-page .solution .swiper-slide .extra {
    position: absolute;
    z-index: 2;
    background: rgba(0,0,0,.8);
    top: 204px;
    bottom: 0;
    padding: 0 20px;
    text-align: center;
    -webkit-transform: translate(0,420px);
    -moz-transform: translate(0,420px);
    transform: translate(0,420px);
    transition: all .2s;
}

.index-page .solution .swiper-slide .extra h3 {
    font-size: 24px;
    margin: 30px 0 20px;
    color: #fff;
}

.index-page .solution .swiper-slide .extra p {
    font-size: 14px;
    color: #888;
    margin-bottom: 22px;
    line-height: 25px;
    color: #fff;
}

.index-page .solution .swiper-slide .extra .btn-wrap {
    overflow: hidden;
    padding-left: 6px;
}

.index-page .solution .swiper-slide .extra .btn-wrap a {
    float: left;
    width: 130px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border: 1px solid #fff;
    margin-right: 16px;
    transition: all .2s;
    font-size: 14px;
}

.index-page .solution .swiper-slide .extra .btn-wrap a:hover {
    background: #518dff;
    color: #fff;
    border-color: #518dff
}

.index-page .solution .swiper-slide .extra .btn-wrap a.btn-2 {
    background: #fff;
    color: #000;
    margin-right: 0;
}

.index-page .solution .swiper-slide .extra .btn-wrap a.btn-2:hover {
    background: #518dff;
    color: #fff;
}

.index-page .solution .swiper-slide-active .extra, .index-page .solution .swiper-slide-duplicate-active .extra {
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    transform: translate(0,0);
}

.index-page .solution-more {
    height: 600px;
    background: #fff;
    width: 100%;
    overflow: hidden;
}

.index-page .solution-more-slide .container {
    height: 600px;
    position: relative;
}

.index-page .solution-more-slide .hd {
    width: 255px;
    position: absolute;
    z-index: 2;
    background: #000000;
    height: 600px;
    left: 0;
    top: 0;
    color: #fff;
}

.index-page .solution-more-slide .hd ul {
    margin-top: 30px;
}

.index-page .solution-more-slide .hd li {
    height: 90px;
    padding-top: 20px;
    position: relative;
    cursor: default;
    transition: all .5s;
    cursor: pointer
}

.index-page .solution-more-slide .hd li:after {
    content: "";
    width: 80%;
    border-bottom: 1px solid #2A2A2A;
    position: absolute;
    left: 10%;
    bottom: 0;
}

.index-page .solution-more-slide .hd li i {
    margin-left: 6px;
    margin-right: 20px;
    float: left;
    background: url("../img/icon/icon-logo.png") no-repeat;
    width: 40px;
    height: 40px;
    position: relative;
    z-index: 2;
    transition: all .2s;
}

.index-page .solution-more-slide .hd li.item-1 i {
    background-position: 0 0;
}

.index-page .solution-more-slide .hd li.item-2 i {
    background-position: -40px 0;
}

.index-page .solution-more-slide .hd li.item-3 i {
    background-position: -80px 0;
}

.index-page .solution-more-slide .hd li.item-4 i {
    background-position: -120px 0;
}

.index-page .solution-more-slide .hd li.item-5 i {
    background-position: -160px 0;
}

.index-page .solution-more-slide .hd li.item-6 i {
    background-position: -200px 0;
}

.index-page .solution-more-slide .hd li.item-1.on i {
    background-position: 0 -40px;
}

.index-page .solution-more-slide .hd li.item-2.on i {
    background-position: -40px -40px;
}

.index-page .solution-more-slide .hd li.item-3.on i {
    background-position: -80px -40px;
}

.index-page .solution-more-slide .hd li.item-4.on i {
    background-position: -120px -40px;
}

.index-page .solution-more-slide .hd li.item-5.on i {
    background-position: -160px -40px;
}

.index-page .solution-more-slide .hd li.item-6.on i {
    background-position: -200px -40px;
}

.index-page .solution-more-slide .hd li:before {
    background: #1429a0;
    /* Old browsers */
    background: -moz-linear-gradient(left, #1429a0 0%, #1429a0 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #1429a0 0%,#1429a0 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #1429a0 0%,#1429a0 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1429a0', endColorstr='#1429a0',GradientType=1 );
    /* IE6-9 */
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 0;
    transition: all .2s;
}

.index-page .solution-more-slide .hd li.on:before {
    width: 100%;
}

.index-page .solution-more-slide .hd li.on:after {
    display: none;
}

.index-page .solution-more-slide .hd .text {
    position: relative;
    z-index: 2;
}

.index-page .solution-more-slide .hd .text h3 {
    font-size: 18px;
    margin-bottom: 5px;
}

.index-page .solution-more-slide .hd .text p {
    font-size: 14px;
    color: #fff;
    color: rgba(255,255,255,.7);
}

.index-page .solution-more-slide .bd {
    width: 1920px;
    margin-left: -365px;
}

.index-page .solution-more-slide .bd li.item-1 {
    background: url("../images/index-fangan-banner1.jpg") no-repeat center top;
}

.index-page .solution-more-slide .bd li.item-2 {
    background: url("../images/index-fangan-banner2.jpg") no-repeat center top;
}

.index-page .solution-more-slide .bd li.item-3 {
    background: url("../images/index-fangan-banner3.jpg") no-repeat center top;
}

.index-page .solution-more-slide .bd li.item-4 {
    background: url("../images/index-fangan-banner4.jpg") no-repeat center top;
}

.index-page .solution-more-slide .bd li.item-5 {
    background: url("../images/index-fangan-banner5.jpg") no-repeat center top;
}

.index-page .solution-more-slide .bd li.item-6 {
    background: url("../images/index-fangan-banner6.jpg") no-repeat center top;
}

.index-page .solution-more-slide .bd .inner {
    padding-left: 320px;
    padding-top: 73px;
    color: #fff;
}

.index-page .solution-more-slide .bd h2 {
    font-size: 24px;
    margin-bottom: 38px;
}

.index-page .solution-more-slide .bd .intro {
    font-size: 14px;
    margin-bottom: 40px;
}

.index-page .solution-more-slide .bd .intro dt {
    margin-bottom: 10px;
}

.index-page .solution-more-slide .bd .intro dd {
    color: #999;
    margin-bottom: 20px;
    line-height: 1.8;
}

.index-page .solution-more-slide .bd .btn-wrap {
    overflow: hidden;
    margin-bottom: 40px;
}

.index-page .solution-more-slide .bd .btn-wrap a {
    width: 130px;
    height: 40px;
    border: 1px solid #fff;
    color: #fff;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    float: left;
    margin-right: 15px;
    transition: all .2s;
}

.index-page .solution-more-slide .bd .btn-wrap a.btn-2 {
    background: #fff;
    color: #000;
}

.index-page .solution-more-slide .bd .btn-wrap a:hover {
    background: #1429a0;
    color: #fff;
    border-color: #1429a0;
    opacity: .9;
}

.index-page .solution-more-slide .bd .btn-wrap a.btn-2:hover {
    background: #1429a0;
    color: #fff;
    border-color: #1429a0;
    opacity: .9;
}

.index-page .solution-more-slide .bd .example h3 {
    margin-bottom: 15px;
}

.index-page .solution-more-slide .bd .example li {
    float: left;
    margin-right: 20px;
    width: 200px;
}

.index-page .solution-more-slide .bd .example li img {
    width: 100%;
    height: auto;
    display: block;
    border: none;
}

.index-page .video .inner {
    display: block;
    cursor: pointer;
}
/*瑙ｅ喅鏂规缁撴潫*/