wap-head-logobody,
h1,
h4,
h5,
h6,
li,
span,
i,
ul,
img,
strong,
input {
	margin: 0;
	padding: 0;
	font-family: "Microsoft YaHei";
	color: #000;
	font-weight: normal;
}

body {
	font-size: 14px;
}

li {
	list-style-type: none;
	float: left;
}

a {
	text-decoration: none;
	outline: none;
}


a:hover{
	text-decoration: none;
	outline: none;
   color:#b7450e
}


.u-nav-menu-qdf-icon{
   color:#0a91da;
   font-szie:2em
}

img {
	border: none;
}

i {
	font-style: normal
}
.u-pdt1{
  padding-top:8.2em
}
.u-flex-row{
  display:flex;
  flex-direction:row
}
.u-pdt2{
  padding-top:2.4em
}
.u-lineheight1{
  line-height:76px
}
.u-lineheight2{
  line-height:86px
}
.u-lineheight3{
  line-height:86px
}
.u-w480{
  width:360px
}
.sj-close{
  float:right
}
.u-content-page-font{
  font-size:1.2em;
  font-weight:bold;
  line-height:5vh;
  color:#000
}
.u-list-contact-info-bg{
   background-color:#f0f2f3;
   height:302px
}

.u-list-intellectual-title-bg {
  width:94%;
  margin-left:3%;
  height:32px;
  line-height:32px;
  margin-top:5%;
  text-align:left;
  display:flex
}
.u-list-intellectual-title-bg h3{
  width:60%;
  height:32px;
  line-height:32px;
  text-align:center;
  font-size:14px;
  color:#777
}
.u-list-intellectual-title-bg h4{
  width:20%;
  height:32px;
  line-height:32px;
  text-align:center;
  font-size:14px;
  color:#777
}

.u-list-intellectual-bg {
  background-color:#eef7fb;
  width:94%;
  margin-left:3%;
  height:52px;
  line-height:52px;
  margin-top:2%;
  margin-bottom:3%;
  border-radius:15px;
  text-align:left;
  border:solid 1px #b9e2f9;
  display:flex
}

.u-list-intellectual-bg h3{
  width:60%;
  height:56px;
  line-height:56px;
  text-align:left;
  padding-left:2%;
  font-size:24px;
  color:#111
}



.u-list-intellectual-bg h4{
  width:20%;
  height:56px;
  line-height:56px;
  text-align:left;
  font-size:14px;
  color:#323131
}


.u-list-app-margin {
  width:92%;
  margin-left:4%;
  margin-top:2%;
  margin-bottom:1%
}


 .u-list-aboutus-intellectual{
      width:100%;
    }
    .u-list-aboutus-intellectual li{
      width:14.2%;
      height:12em;
      float:left;
      margin-left:2%
    }
    .u-list-aboutus-intellectual li h3{
       color:#fff;
       padding-top:10%;
       font-size:3em;
       font-weight:bold;
       line-height:2em;
       text-align:center
    }
    .u-list-aboutus-intellectual li h3 span{
       color:#fff;
       font-size:0.5em;
    }
    .u-list-aboutus-intellectual li .u-list-aboutus-intellectual-font{
       color:#fff;
       font-size:1.2em;
       text-align:center
    }
    .u-list-aboutus-intellectual .li01{
       background-image: url(../img/list-aboutus-intellectual-property-data--bg1.jpg);
       background-size:100% 100%
    }
    .u-list-aboutus-intellectual .li02{
       background-image: url(../img/list-aboutus-intellectual-property-data--bg2.jpg);
       background-size:100% 100%
    }
    .u-list-aboutus-intellectual .li03{
       background-image: url(../img/list-aboutus-intellectual-property-data--bg3.jpg);
       background-size:100% 100%
    }
    .u-list-aboutus-intellectual .li04{
       background-image: url(../img/list-aboutus-intellectual-property-data--bg4.jpg);
       background-size:100% 100%
    }
    .u-list-aboutus-intellectual .li05{
       background-image: url(../img/list-aboutus-intellectual-property-data--bg5.jpg);
       background-size:100% 100%
    }
    .u-list-aboutus-intellectual .li06{
       background-image: url(../img/list-aboutus-intellectual-property-data--bg6.jpg);
       background-size:100% 100%
    }

.u-development-history-box{
  border:solid 1px #e4e5e7;
  background-color:#f3f4f4;
  width:100%;
  min-height:140px;
  border-radius:15px
}

.u-development-history-box h3{
  font-size:24px;
  line-height:44px;
  margin-top:6%;
  margin-left:6%;
  text-align:left;
  color:#111
}

.u-development-history-box p{
  font-size:16px;
  line-height:44px;
  margin-left:6%;
  text-align:left;
  color:#727272
}

.u-vertical-dashed{
  border-right:dashed 1px #727272
}


.u-list-devolepment-pic{
  background-image: url(../img/development-line.jpg);
  display:block;
  width:100%;
  min-height:80em
}


.u-commonList_office {
		width: 100%;
		min-height: 4em;
	}
	.u-commonList_office li {
		line-height: 2.8em;
		width: 46%;
      height:2.8em
		float: left;
		background-color: #f5f6f6;
		border: solid 1px #e8e9e9;
		border-radius: 8px;
		text-align: center;
		margin: 1.6% 2% 1.6% 2%;
	}
	.u-commonList_office li a {
		color: #111;
		font-size: 1.1em;
		line-height: 2.6em;
		text-align: center;
		width: 100%;
		padding-right: 1%;
	}
	.u-commonList_office li a img {
		width: 1em;
		height: 0em;
		margin-left:2%;
		line-height: 2.8em;
	}
	.u-commonList_office li a:hover {
		font-size: 1.1m;
		line-height: 2.6em;
		color: #b80000;
	}
   .u-commonList_office li .u-left{
     width:10%;
     float:left
   }

   .u-commonList_office li .u-right{
     width:90%;
     float:right
   }

.f-tac {
    text-align: center;
}

.header-box {
	margin-top: 3.2rem;
	border-top: 1px solid #e5e5e5;
}

.header-box .header-tit {
	position: relative;
	margin: 0 auto;
	padding: 0 1em;
	top: -0.8em;
	line-height: 1.2em;
	font-size: 1.2em;
	color: #000;
	font-weight: bold;
	background-color: #fff;
}

.header-box .blue-box {
	position: relative;
	top: -1.16em;
   width: 1.6em;
   height: 0.14em;
   background-color: #007ad8;
   display: inline-block;
}

/*************************产品和解决方案弹出导航css*********************************************/
.u-list-product-nav{
  width:100%;
}
.u-list-product-nav li{
  width:20%;
  height:18em;
  float:left;
  margin-left:2%
}
.u-list-product-nav li .u-product-nav{
  color:#000;
  font-size:20px;
  line-height:1.8em;
  text-align:left
}
/*************************产品和解决方案弹出导航css*********************************************/


.list-product-case-font{
  font-size:18px;
  color:#fff;
}
.list-product-case-font a{
  font-size:18px;
  color:#fff;
}
.list-product-case-font a:hover{
  font-size:18px;
  color:#ba3704;
}
.u-ml1{
  padding-left:20%
}
.u-ml2{
  padding-left:36%
}
.u-ml3{
  margin-left:42%
}
.u-ml4{
  margin-left:-22%
}

/*********************************************************************弹出层导航CSS********************************************************************************************/

.drop {
	overflow: hidden;
	list-style: none;
	position: absolute;
	padding: 0;
	width: 100%;
	left: 0;
	top: 48px;
}
.u-list-product-nav-news{
  width:300%;
}
.u-list-product-nav-news ul{
  width:100%;
}
.u-list-product-nav-news li{
    width:30%;
    height:6em;
    float:left;
    color:#000;
    font-size:24px;
    line-height:44px;
    text-align: center;
}
.u-list-product-nav-news li a img{
    width: 50px;
    height:50px;
}

.u-list-product-nav-news li a h3{
	color:#000;
	width: 100%;
	font-size:24px;
	float: left;
	line-height:44px;
	text-align: center;
}
.u-list-product-nav-news li a:hover h3{
	color:#bf340e;
	width: 100%;
	font-size:24px;
	float: left;
	line-height:44px;
	text-align: center;
}


.u-list-product-nav-aboutus{
  width:200%;
}
.u-list-product-nav-aboutus ul{
  width:100%;
}
.u-list-product-nav-aboutus li{
  width:13%;
  height:6em;
  float:left;
  color:#000;
  font-size:24px;
  line-height:44px;
  text-align: center;
}
.u-list-product-nav-aboutus li a img{
  width: 50px;
  height:50px;
}
.u-list-product-nav-aboutus li a h3{
	color:#000;
	width: 100%;
	font-size:24px;
	float: left;
	line-height:44px;
	text-align: center;
}

.u-list-product-nav-aboutus li a:hover h3{
	color:#bf340e;
	width: 100%;
	font-size:24px;
	float: left;
	line-height:44px;
	text-align: center;
}

.u-list-product-nav{
  width:110%;
}
.u-list-product-nav ul{
  width:100%;
}
.u-list-product-nav li{
  width:20%;
  height:18em;
  float:left;
  margin-left:0%
}
.u-list-product-nav li:nth-child(6){
  width:20%;
  height:18em;
  float:left;
  margin-left:0%
}
.u-list-product-nav li .u-product-nav{
  color:#000;
  width: 90%;
  font-size:20px;
  float: left;
  line-height:24px;
  height:48px;
  text-align:left;
  padding-left: 2%;
  border-bottom: dotted 1px #cdcdcd;
}
.u-list-product-nav li .u-product-nav-list{
  float:left;
  width: 90%;
}
.u-list-product-nav li .u-product-nav-list:nth-child(6){
  float:left;
  width: 90%;
  margin-left: 6%;
}
.u-list-product-nav li .u-product-nav-content{
  color:#474747;
  font-size:14px;
  line-height:2.4em;
  text-align:left;
}
.u-list-product-nav li .u-product-nav-content a{
  color:#474747;
  font-size:14px;
  line-height:2.4em;
  text-decoration: none;
  text-align:left;
}
.u-list-product-nav li .u-product-nav-content a:hover{
  color:#bf340e;
  font-size:14px;
  line-height:2.8em;
  text-decoration: none;
  text-align:left;
}
.u-flex-column{
	flex-direction: column;
}

/***************************导航 css******************************/
.dropdown-menu {
	margin: 0px; padding: 0px; border-radius: 0px; border: 1px solid rgb(241, 241, 241); border-image: none; z-index: 101; min-width: 220px; box-shadow: 0px 1px 2px rgba(0,0,0,0.08); background-color: rgb(250, 250, 250); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08); -webkit-border-radius: 0px; -moz-border-radius: 0px;
}
.dropdown-menu > li > a {
	padding: 12px 20px; transition:none; color: rgb(102, 102, 102); font-size: 15px; border-bottom-color: rgb(241, 241, 241); border-bottom-width: 1px; border-bottom-style: solid; -webkit-transition: none; -o-transition: none; -moz-transition: none;
}
.dropdown-menu > li > a:hover {
	border-color: rgb(241, 241, 241); color: rgb(232, 76, 61); background-color: rgb(255, 255, 255);
}
.dropdown-menu > li > a:focus {
	border-color: rgb(241, 241, 241); color: rgb(232, 76, 61); background-color: rgb(255, 255, 255);
}
.nav .open > a {
	border-color: rgb(241, 241, 241); color: rgb(232, 76, 61); background-color: rgb(255, 255, 255);
}
.nav .open > a:hover {
	border-color: rgb(241, 241, 241); color: rgb(232, 76, 61); background-color: rgb(255, 255, 255);
}
.nav .open > a:focus {
	border-color: rgb(241, 241, 241); color: rgb(232, 76, 61); background-color: rgb(255, 255, 255);
}
.dropdown-menu > .active > a {
	border-color: rgb(241, 241, 241); color: rgb(232, 76, 61); background-color: rgb(255, 255, 255);
}
.dropdown-menu > .active > a:hover {
	border-color: rgb(241, 241, 241); color: rgb(232, 76, 61); background-color: rgb(255, 255, 255);
}
.dropdown-menu > .active > a:focus {
	border-color: rgb(241, 241, 241); color: rgb(232, 76, 61); background-color: rgb(255, 255, 255);
}
.dropdown-menu .menu > .active > a {
	border-color: rgb(241, 241, 241); color: rgb(232, 76, 61); background-color: rgb(255, 255, 255);
}
.dropdown-menu .menu > .active > a:hover {
	border-color: rgb(241, 241, 241); color: rgb(232, 76, 61); background-color: rgb(255, 255, 255);
}
.dropdown-menu .menu > .active > a:focus {
	border-color: rgb(241, 241, 241); color: rgb(232, 76, 61); background-color: rgb(255, 255, 255);
}
.dropdown-menu .dropdown-menu {
	left: 100% !important; top: -1px; padding-top: 0px; margin-left: 1px; border-top-color: rgb(241, 241, 241); border-left-color: currentColor; border-top-width: 1px; border-left-width: medium; border-top-style: solid; border-left-style: none; box-shadow: 1px 1px 2px rgba(0,0,0,0.08); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
}
.mega-menu.dropdown {
	position: static;
}
.mega-menu .dropdown-menu {
	padding: 20px 30px; left: 0px; top: 96%; width: 100%;
}
.mega-menu .menu {
	list-style: none; margin: 0px; padding: 0px;
}
.mega-menu h4.title {
	margin: 10px 0px 5px; text-transform: uppercase; font-size: 14px;
}
.mega-menu .menu > li > a {
	padding: 5px 0px; transition:none; color: rgb(102, 102, 102); font-size: 15px; border-bottom-color: rgb(241, 241, 241); border-bottom-width: 1px; border-bottom-style: solid; display: block; -webkit-transition: none; -o-transition: none; -moz-transition: none;
}
.mega-menu .menu > li > a i {
	transition:0.2s ease-in-out; padding-right: 5px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;
}
.dropdown-menu > li > a i {
	transition:0.2s ease-in-out; padding-right: 5px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;
}
.mega-menu .menu > li:last-child > a {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.mega-menu .menu > li > a:hover i {
	padding-left: 5px;
}
.dropdown-menu > li > a:hover i {
	padding-left: 5px;
}
.mega-menu .menu > li > a:hover {
	border-color: rgb(241, 241, 241); color: rgb(232, 76, 61); text-decoration: none; background-color: rgb(255, 255, 255);
}
.mega-menu .menu > li > a:focus {
	border-color: rgb(241, 241, 241); color: rgb(232, 76, 61); text-decoration: none; background-color: rgb(255, 255, 255);
}

.animated.main-navigation .open .dropdown-menu {
	animation-name: fadeInDownSmall; animation-duration: 0.2s; animation-fill-mode: both; -webkit-animation-fill-mode: both; -webkit-animation-duration: 0.2s; -webkit-animation-name: fadeInDownSmall;
}
.open .dropdown-animation {
	animation-name: fadeInDownSmall; animation-duration: 0.2s; animation-fill-mode: both; -webkit-animation-fill-mode: both; -webkit-animation-duration: 0.2s; -webkit-animation-name: fadeInDownSmall;
}
.open .dropdown-animation {
	animation-duration: 0.3s; -webkit-animation-duration: 0.3s;
}
.animated.main-navigation .dropdown-menu .open .dropdown-menu {
	animation-name: fadeInLeftSmall; -webkit-animation-name: fadeInLeftSmall;
}
.navbar-default .navbar-toggle {
	border-color: rgb(204, 204, 204);
}
.navbar-default .navbar-toggle:hover {
	border-color: rgb(232, 76, 61); background-color: rgb(250, 250, 250);
}
.navbar-default .navbar-toggle:focus {
	border-color: rgb(232, 76, 61); background-color: rgb(250, 250, 250);
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: rgb(153, 153, 153);
}
.navbar-default .navbar-toggle:hover .icon-bar {
	background-color: rgb(232, 76, 61);
}
.navbar-default .navbar-toggle:focus .icon-bar {
	background-color: rgb(232, 76, 61);
}
/************************导航 css*********************************/
.drop div {
	-webkit-transform: translate(0, -100%);
	-moz-transform: translate(0, -100%);
	-ms-transform: translate(0, -100%);
	transform: translate(0, -100%);
	-webkit-transition: all 0.5s 0.1s;
	-moz-transition: all 0.5s 0.1s;
	-ms-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
	position: relative;
}

.drop li {
	display: block;
	padding: 0;
	width: 100%;
	background: #3E8760 !important;
}

#marker {
	height: 6px;
	background: #3E8760 !important;
	position: absolute;
	bottom: 0;
	width: 120px;
	z-index: 2;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-ms-transition: all 0.35s;
	transition: all 0.35s;
}

#main li:nth-child(1):hover ul div {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

#main li:nth-child(1):hover~#marker {
	-webkit-transform: translate(0px, 0);
	-moz-transform: translate(0px, 0);
	-ms-transform: translate(0px, 0);
	transform: translate(0px, 0);
}

#main li:nth-child(2):hover ul div {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

#main li:nth-child(2):hover~#marker {
	-webkit-transform: translate(120px, 0);
	-moz-transform: translate(120px, 0);
	-ms-transform: translate(120px, 0);
	transform: translate(120px, 0);
}

#main li:nth-child(3):hover ul div {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

#main li:nth-child(3):hover~#marker {
	-webkit-transform: translate(240px, 0);
	-moz-transform: translate(240px, 0);
	-ms-transform: translate(240px, 0);
	transform: translate(240px, 0);
}

#main li:nth-child(4):hover ul div {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

#main li:nth-child(4):hover~#marker {
	-webkit-transform: translate(360px, 0);
	-moz-transform: translate(360px, 0);
	-ms-transform: translate(360px, 0);
	transform: translate(360px, 0);
}

/*********************************************************************弹出层导航CSS********************************************************************************************/

input,
select,
textarea {
	outline: none;
	text-indent: 6px;
   border:none;
   width:32em;
   height:26px;
   display:flex;
   background:none
}

textarea {
	resize: none;
   border:none
}


.clearboth{
   clear:both
}

.border-b{
  border-bottom:solid 1px #dcdcdc
}



/**************************************************************list banner*******************************************************************************************************************/
.list-banner-product {
   height: 63em;
   background-image: url(../img/list-banner-prduct-pic.jpg);
   background-size:100% 100%;
   background-repeat:repeat-x;
}
.list-banner-news {
	height: 52.8em;
	background-image: url(../img/list-banner-news-pic.jpg);
   background-repeat:repeat-x;
}
.list-banner-solutions {
	height: 52.8em;
	background-image: url(../img/list-banner-solutions2.jpg);
   background-repeat:repeat-x;
}
.list-banner-income {
	height: 52.8em;
	background-image: url(../img/V3list-banner-income-pic-new.jpg);
    background-repeat:repeat-x;
}
.list-banner-aboutus {
	height: 52.8em;
	background-image: url(../img/list-banner-aboutus-pic.jpg);
    background-repeat:repeat-x;
}


.list-banner-product-app {
	height: 14em;
	background-image: url(../img/list-banner-prduct-pic2.jpg);
   background-size:100% 100%;
   margin-top:2.8em
}
.list-banner-news-app {
	height: 14em;
	background-image: url(../img/list-banner-news-pic1.jpg);
   background-repeat:repeat-x;
   margin-top:3.8em;
   background-size:100% 100%
}
.list-banner-solutions-app {
	height: 52.8em;
	background-image: url(../img/list-banner-solutions2.jpg);
   background-repeat:repeat-x;
   margin-top:5.8em
}
.list-banner-income-app {
	height: 52.8em;
	background-image: url(../img/V3list-banner-income-pic-new.jpg);
   background-repeat:repeat-x;
   margin-top:5.8em
}
.list-banner-aboutus-app {
	height: 14em;
	background-image: url(../img/list-banner-aboutus-pic.jpg);
   background-size:100% 100%;
   margin-top:3.7em
}
.list-message-title-notice-font {
   color:red;
   font-size:1.4em;
   line-height:36px
}

/**********************************************************************************************app 端   S********************************************************************************/


  .index-solutions-list-value-breeding-app{
       width: 100%;
       background-size: 100%;
       height: 10em;
       background-color:#edf8fb;
       border-bottom:dashed 1px #dbd9d9
    }

  .index-solutions-list-value-breeding-pic-app{
       width: 100%;
       height: auto;
       text-align:center
    }

   .index-solutions-list-value-breeding-pic-app img{
       width: 7.2em;
       height:6.5em;
       margin-top:37%;
       text-align:center;
       border:solid 1px #e2e2e2
    }

   .index-solutions-list-value-breeding-content-app {
       width: 100%;
       height: auto;
       text-align:left;
       margin-top:10%
    }

    .index-solutions-list-value-breeding-content-app  h2{
       width: 100%;
       font-size:16px;
       font-weight:bold;
       text-align:left;
       line-height:2em;
       color:#111;
    }

    .index-solutions-list-value-breeding-content-app p{
       width: 100%;
       font-size:12px;
       text-align:left;
       line-height:1.7em;
       color:#3d3d3d
    }
    .nav-app-btn-mg{
        float:right;
        margin-top:6%
    }

.list-mt4{
   margin-top:4%
}

.list-mt16{
   margin-top:16%
}

.list-mt24{
   margin-top:24%
}
.list-mt-1{
   margin-top:-1%
}
.list-ml-2{
   margin-left:-2%
}
.list-h{
  height:6vh
}
 /*******************************************动态板块***************************************************/
      .index-income-bg {
          width: 100%;
         background-size:100% 100%;
          height: 92em;
         display:block;
          background: url(../img/index-product-pic.jpg) no-repeat;
      }
      .g-titb1 {
          position: relative;
          text-align: center
      }

      .g-titb1 .en {
          font-size: 9.375vw;
          color: #eef3f7;
          text-transform: uppercase;
          line-height: 1.3;
          white-space: nowrap
      }

      .g-titb1 h3 {
          font-size: 50px;
          color: #454b51;
          position: absolute;
          left: 50%;
          top: 50%;
          white-space: nowrap;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%)
      }

      .g-titb1.c1 h3 {
          color: #fff
      }

      .g-titb1.c1 .en {
          color: #de6e3b
      }

      .g-titb1.c2 .en {
          color: #fff;
          opacity: .11
      }

      .g-titb1.c3 h3 {
          color: #fff
      }

      .g-titb1.c3 .en,
      .g-titb1.c4 .en {
          color: #000;
          opacity: .1
      }

      .row-a2 {
          padding-bottom: 5.78125vw
      }

      .ul-listb1-app {
         box-shadow: 1px 21px 38px 0 rgba(0, 27, 75, .1);
         overflow: hidden;
         margin-bottom:4%;

      }

      .ul-listb1-app li {
         float: left;
         width: 46%;
         background-image:linear-gradient(#fff, #e8e9ea);
         margin-left:2%;
         margin-right:2%;
         margin-top:4%
      }

      .ul-listb1-app .con {
          display: block;
          position: relative;
          height: 10em;
          overflow: hidden
      }

      .ul-listb1-app .con:hover .box_bg {
          height: 100%
      }

      .ul-listb1-app .box {
          border-right: 1px solid #dfe2e5;
          padding: 0 3.125vw
      }

      .ul-listb1-app .pic {
          height:60px;
          width:60px;
          text-align: center;
          font-size: 0;
          margin-top:20%;
      }

      .ul-listb1-app .pic img {
          padding-top:2%;
          display: inline-block;
          vertical-align: middle;
          height: 60px;
          width:60px;
      }

      .ul-listb1-app .tit {
          text-align: center;
          font-size: 12px;
          color: #454b51
      }

     .ul-listb1-app .tit b {
          font-size: 16px;
          color: #111
      }

      .ul-listb1-app .tit .line {
          width: 40px;
          height: 1px;
          background-color: #4c9ff6;
          margin: 15px auto 23px
      }

      .ul-listb1-app .desc {
          font-size: 16px;
          color: #494949;
          line-height: 25px;
          height: 50px;
          overflow: hidden;
         text-align:center
      }

      .ul-listb1-app .box_bg {
          padding: 0 3.125vw;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 0;
          border-bottom: 13px solid transparent;
          -webkit-transition: .6s;
          -o-transition: .6s;
          -moz-transition: .6s;
          transition: .6s;
          overflow: hidden
      }

      .ul-listb1-app .box_bg .pic {
          margin-top: 79px
      }

      .ul-listb1-app .box_bg .tit,
      .ul-listb1-app .box_bg .tit b {
          color: #fff
      }

      .ul-listb1-app .box_bg .line {
          background-color: #fff
      }

      .ul-listb1-app .box_bg .desc {
          color: #fff;
         text-align:center
      }

      .row-a3 {
          padding: 21px 0 5.15625vw;
          background-repeat: no-repeat;
          background-position: center center;
          -o-background-size: cover;
          background-size: cover
      }
      /*******************************************动态板块E***************************************************/
  .index-income-bg-app {
         width: 100%;
         background-size:100% 100%;
         height: 40em;
         display:block;
         background: url(../img/index-product-pic.jpg) no-repeat;
      }
.index-footer-bg-app {
	background-size: 100% 100%;
	width: 100%;
	height: 18em;
	background: url(../img/footer-bg1.jpg) no-repeat;
}


.footer-copy-new-app {
	border-top: solid 1px #363434;
	height:35px;
	line-height: 35px;
	font-size: 12px;
	color: #ccc;
	text-align: center;
}

.index-solutions-list-app {
	width: 100%;
   background-size:100% 100%;
	height: 13em;
	background: url(../img/index-solutions-bg-new.png) no-repeat;
}

/*解决方案 s*/

.index-data-solution-app {
	list-style: none;
	position: relative;
	padding: 0;
	width: 100%;
	height: 5em;
}

.index-data-solution-app li {
	margin-right: 10px;
	position: relative;
	width:20%;
	height: 5em;
	display: inline-block;
	text-align: left;
	float: left;
	margin-top: 2%;
	margin-bottom: 2%;
}

.index-data-solution-app li a,
.index-data-solution-app li a img {
	display: block;
	position: relative;
}

.index-data-solution-app li a {
	overflow: hidden
}

.index-data-solution-app li a div {
	position: absolute;
	filter: alpha(Opacity=90);
	width: 100%;
	height: 100%
}

.index-data-solution-app li a h3 {
	line-height: 40px;
	display: inline-block;
	text-align: center;
	font-size: 1.56em;
	font-family: "微软雅黑";
	color: #505050;
	width: 100%;
	position: absolute;
	z-index: 999;
}

.index-data-solution-app li a p {
	text-align: center;
	display: inline-block;
	font-size: 1.1em;
	font-family: "微软雅黑";
	line-height: 1.9em;
	margin-top: 2%;
	color: #7e7e7e;
	margin-left: 0%;
	width: 100%
}

.index-data-solution-app li a img {
	width: 5em;
	height: 5em;
	text-align: center;
}

.index-data-solution-mg22-app {
	margin-left: 2%;
}
/*解决方案 E*/


.public-title-font-app{
  line-height:40px;
  font-size:18px;
  font-weight:bold;
  color:#111;
  margin-top:2%;
  text-align:center;
  letter-space:0.8em
}

.public-title-font-app  span{
  line-height:40px;
  font-size:18px;
  font-weight:bold;
  color:#3da6e2;
}
.public-title-font-white-app{
  line-height:40px;
  font-size:18px;
  font-weight:bold;
  color:#fff;
  text-align:center;
  letter-space:0.8em
}

.public-title-font-white-app  span{
  line-height:40px;
  font-size:18px;
  font-weight:bold;
  color:#3da6e2;
}

.public-title-font-white-blue-app {
  line-height:40px;
  font-size:18px;
  font-weight:bold;
  color:#fff;
  margin-top:-6%;
  text-align:center;
  letter-space:0.8em
}

.public-title-font-white-blue-app  span{
  line-height:40px;
  font-size:18px;
  font-weight:bold;
  color:#111;
}
.public-title-font-white-blue--honor-app {
  line-height:40px;
  font-size:18px;
  font-weight:bold;
  color:#fff;
  margin-top:2%;
  text-align:center;
  letter-space:0.8em
}

.public-title-font-white-blue--honor-app  span{
  line-height:40px;
  font-size:18px;
  font-weight:bold;
  color:#111;
}

.list-more-btn-app{
   width:120px;
   height:26px;
   border-radius:35px;
   background-image:linear-gradient(#e2c330, #d7b513);
   color:#fff;
   display:block;
   font-size:14px;
   line-height:26px;
   text-align:center;
   margin-left:34%;
   font-weight:lighter
}

.list-more-btn-app  a{
   width:120px;
   height:26px;
   border-radius:35px;
   background-image:linear-gradient(#e2c330, #d7b513);
   color:#fff;
   display:block;
   font-size:14px;
   line-height:26px;
   text-align:center;
   margin-left:34%;
}


.list-more-btn-app  a:hover{
   width:120px;
   height:26px;
   border-radius:35px;
   background-image:linear-gradient(#d0602a, #b7450e);
   color:#fff;
   display:block;
   font-size:14px;
   line-height:26px;
   text-align:center;
   margin-left:34%;
}



.index-advantage-bg-app {
	width: 100%;
	height: 14em;
}



.index-advantage-left-app{
  width:100%;
  height:7em;
  background-color:#3da6e2;
}

.index-advantage-left-app  img{
  width:3.6em;
  height:3.6em;
  margin-left:34%;
  margin-top:1%
}

.index-advantage-left-app  .index-advantage-font-app{
  text-align:center;
  font-size:14px;
  width:100%;
  color:#fff;
  line-height:2.2em
}

.index-advantage-left-bottom-app{
  width:100%;
  height:7em;
  background: url(../img/index-advantage-left-bottom-bg.jpg) no-repeat;
  background-size: 100% 100%;
}

.index-advantage-left-bottom-app  img{
  width:3.6em;
  height:3.6em;
  margin-left:34%;
  margin-top:2%
}

.index-advantage-left-bottom-app  .index-advantage-font-app{
  text-align:center;
  font-size:16px;
  width:100%;
  color:#fff;
  line-height:2.2em
}


.index-advantage-right-bottom-app{
  width:100%;
  height:7em;
  background-color:#5c9d39;
}

.index-advantage-right-bottom-app  img{
  width:3.6em;
  height:3.6em;
  margin-left:34%;
  margin-top:2%
}

.index-advantage-right-bottom-app  .index-advantage-font-app{
  text-align:center;
  font-size:14px;
  width:100%;
  color:#fff;
  line-height:2.2em
}


.index-advantage-right-app{
  width:100%;
  height:7em;
  background: url(../img/index-advantage-right-bg.jpg) no-repeat;
  background-size: 100% 100%;
}

.index-advantage-right-app  img{
  width:3.6em;
  height:3.6em;
  margin-left:34%;
  margin-top:2%
}

.index-advantage-right-app  .index-advantage-font-app{
  text-align:center;
  font-size:14px;
  width:100%;
  color:#fff;
  line-height:2.2em
}


.list-aboutus-profile-bg-app {
	background: url(../img/list-aboutus-profile-bg.jpg) no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 30em;
}

.intr-txt-col-list-app{
	width: 100%;
}
.intr-txt-col-list-app p{
	width: 96%;
	font-size: 12px;
	line-height: 26px;
	text-align: left;
	text-indent: 2em;
	padding-top: 2%;
	margin-left:2%;
   margin-right:2%;
   color:#111
}
.intr-txt-col-lists{
	width: 100%;
   margin-top:6%
}
.intr-txt-col-lists p{
	width: 96%;
	font-size: 1vw;
	line-height: 2.2em;
	text-align: left;
	text-indent: 2em;
	padding-top: 2%;
	margin-left:2%;
   margin-right:2%;
   color:#111
}

.list-honor-bg-new-app {
	background: url(../img/list-honou-bg-new1.jpg) repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 26em;
}
.list-onlinemessage-bg-app {
	background: url(../img/list-about-us-online-bg.jpg) repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 28em;
}


.list-aboutus-message-box-app{
   width:100%;
   height:24em;
   background-color:#f9fada;
   border-radius:12px;
}

.list-aboutus-message-box-new{
   width:100%;
   height:52em;
   background-color:#f9fada;
   border-radius:12px;
}

.footer-copy-new-index {
	border-top: solid 1px #363434;
	height: 46px;
	line-height: 46px;
	font-size: 14px;
	color: #ccc;
	text-align: center;
}

/**********************************************************************************************app端   E*********************************************************************************/
.footer-copy-new {
	border-top: solid 1px #363434;
	height: 6.6em;
	line-height: 6.6em;
	font-size: 1.2em;
	color: #ccc;
	text-align: center;
}
.mb4{
  margin-bottom:4%
}
.public-title-font{
  line-height:2em;
  font-size:4em;
  font-weight:bold;
  color:#111;
  margin-top:-6%;
  text-align:center;
  letter-space:0.8em
}

.public-title-font  span{
  line-height:2.2em;
  font-size:1em;
  font-weight:bold;
  color:#3da6e2;
}
.public-title-font-white{
  line-height:2em;
  font-size:4em;
  font-weight:bold;
  color:#fff;
  margin-top:-6%;
  text-align:center;
  letter-space:0.8em
}

.public-title-font-white  span{
  line-height:2.2em;
  font-size:1em;
  font-weight:bold;
  color:#3da6e2;
}

.public-title-font-white-blue{
  line-height:2em;
  font-size:4em;
  font-weight:bold;
  color:#fff;
  margin-top:-6%;
  text-align:center;
  letter-space:0.8em
}

.public-title-font-white-blue  span{
  line-height:2.2em;
  font-size:1em;
  font-weight:bold;
  color:#111;
}
.public-title-bg {
	text-align:center;
   width:100%
}

.public-title-bg img {
	margin-top: 40px;
}


.index-advantage-bg {
	width: 100%;
	height: 74em;
}



.index-advantage-left{
  width:100%;
  height:24.9em;
  background-color:#3da6e2;
}

.index-advantage-left  img{
  width:10em;
  height:10em;
  margin-left:40%;
  margin-top:8%
}

.index-advantage-left  .index-advantage-font{
  text-align:center;
  font-size:2.6em;
  width:100%;
  color:#fff;
  line-height:2.2em
}




.index-advantage-left-bottom{
  width:100%;
  height:24.9em;
  background: url(../img/index-advantage-left-bottom-bg.jpg) no-repeat;
  background-size: 100% 100%;
}

.index-advantage-left-bottom  img{
  width:10em;
  height:10em;
  margin-left:40%;
  margin-top:8%
}

.index-advantage-left-bottom  .index-advantage-font{
  text-align:center;
  font-size:2.6em;
  width:100%;
  color:#fff;
  line-height:2.2em
}


.index-advantage-right-bottom{
  width:100%;
  height:24.9em;
  background-color:#5c9d39;
}

.index-advantage-right-bottom  img{
  width:10em;
  height:10em;
  margin-left:40%;
  margin-top:8%
}

.index-advantage-right-bottom  .index-advantage-font{
  text-align:center;
  font-size:2.6em;
  width:100%;
  color:#fff;
  line-height:2.2em
}


.index-advantage-right{
  width:100%;
  height:24.9em;
  background: url(../img/index-advantage-right-bg.jpg) no-repeat;
  background-size: 100% 100%;
}

.index-advantage-right  img{
  width:10em;
  height:10em;
  margin-left:40%;
  margin-top:8%
}

.index-advantage-right  .index-advantage-font{
  text-align:center;
  font-size:2.6em;
  width:100%;
  color:#fff;
  line-height:2.2em
}




.list-message-title-font .list-message-title-input{
  width:38em;
  height:34px;
  line-height:34px;
  color:#111;
  margin-top:2%;
  margin-bottom:2%;
  font-size:16px;
  border:solid 1px #ccc;
  background-color:#fff
  
}

.list-message-title-font .list-message-title-input-sex{
  width:18em;
  height:34px;
  line-height:34px;
  color:#111;
  margin-top:2%;
  margin-bottom:2%;
  font-size:16px; 
  display:flex;
  margin-left:-36%
}

.index-advantage-info{
  text-align:center;
  width:100%;
  padding-bottom:5%;
  font-size:1.3em;
  line-height:2.1em;
  color:#7f7a7a
}

.list-message-title-font .list-message-title-fontstyle{
   height:34px;
   line-height:34px;
   color:#111;
   width:10em;
   margin-top:2%;
   margin-bottom:2%;
   text-align:left;
   font-size:18px
}
.list-banner-mgt{
   margin-top:6em
}
 .list-solutions-bg{
        background: url(../img/list-solutions-pic.jpg) no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 45em;
        margin:0px  auto
    }
    .list-solutions-pic{
      width:100%;
    }
    .list-solutions-pic ul{
      width:100%;
    }
    .list-solutions-pic ul li{
      width:100%;
      height:71px;
    }



 .list-solutions-bg-app{
        background: url(../img/list-solutions-pic.jpg) no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 16em;
        margin:0px  auto
    }
    .list-solutions-pic-app{
      width:100%;
    }
    .list-solutions-pic-app ul{
      width:100%;
    }
    .list-solutions-pic-app ul li{
      width:100%;
      height:20px;
    }
.list-aboutus-message-box{
   width:100%;
   height:52em;
   background-color:#f9fada;
   border-radius:12px;
}
div {
	margin: 0 auto;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.mt70 {
	margin-top: 5.6%;
}
.mt70 {
	margin-top: 5.6%;
}
.mt2{
  margin-top:2.6%
}

.mt40 {
	margin-top: 40px;
}

.layui-bg-blue {
	height: 6em;
}



.list-more-solutions-btn-app{
   width:100px;
   height:28px;
   border-radius:35px;
   background-image:linear-gradient(#e2c330, #d7b513);
   color:#fff;
   display:block;
   font-size:1em; 
   float:right;
   line-height:28px;
   text-align:center;
}

.list-more-solutions-btn-app  a{
   width:100px;
   height:28px;
   border-radius:35px;
   background-image:linear-gradient(#e2c330, #d7b513);
   color:#fff;
   display:block;
   float:right;
   font-size:14px;
   line-height:28px;
   text-align:center;
}


.list-more-solutions-btn-app  a:hover{
   width:100px;
   height:28px;
   border-radius:35px;
   background-image:linear-gradient(#d0602a, #b7450e);
   color:#fff;
   display:block;
   font-size:14px;
   line-height:28px;
   text-align:center;
}

.list-more-btn{
   width:10em;
   height:2.2em;
   border-radius:35px;
   background-image:linear-gradient(#e2c330, #d7b513);
   color:#fff;
   display:block;
   font-size:1.8em;
   line-height:2.2em;
   text-align:center;
   margin-left:40%;
   margin-top:7%;
   font-weight:lighter
}

.list-more-btn  a{
   width:10em;
   height:2.2em;
   border-radius:35px;
   background-image:linear-gradient(#e2c330, #d7b513);
   color:#fff;
   display:block;
   font-size:1.8em;
   line-height:2.2em;
   text-align:center;
   margin-left:40%;
   margin-top:7%;
}


.list-more-btn  a:hover{
   width:10em;
   height:2.2em;
   border-radius:35px;
   background-image:linear-gradient(#d0602a, #b7450e);
   color:#fff;
   display:block;
   font-size:1.8em;
   line-height:2.2em;
   text-align:center;
   margin-left:40%;
   margin-top:7%;
}



.list-more-solutions-btn{
   width:10em;
   height:2.2em;
   border-radius:35px;
   background-image:linear-gradient(#e2c330, #d7b513);
   color:#fff;
   display:block;
   font-size:1.8em;
   line-height:2.2em;
   text-align:center;
   margin-top:7%;
}

.list-more-solutions-btn  a{
   width:10em;
   height:2.2em;
   border-radius:35px;
   background-image:linear-gradient(#e2c330, #d7b513);
   color:#fff;
   display:block;
   font-size:1.8em;
   line-height:2.2em;
   text-align:center;
   margin-top:7%;
}


.list-more-solutions-btn  a:hover{
   width:10em;
   height:2.2em;
   border-radius:35px;
   background-image:linear-gradient(#d0602a, #b7450e);
   color:#fff;
   display:block;
   font-size:1.8em;
   line-height:2.2em;
   text-align:center;
   margin-top:7%;
}
.list-more-solutions-right-btn{
   width:10em;
   height:2.2em;
   border-radius:35px;
   background-image:linear-gradient(#e2c330, #d7b513);
   color:#fff;
   display:block;
   float:right;
   font-size:1.8em;
   line-height:2.2em;
   text-align:center;
   margin-top:7%;
}

.list-more-solutions-right-btn  a{
   width:10em;
   height:2.2em;
   border-radius:35px;
   background-image:linear-gradient(#e2c330, #d7b513);
   color:#fff;
   display:block;
   float:right;
   font-size:1.8em;
   line-height:2.2em;
   text-align:center;
   margin-top:7%;
}


.list-more-solutions-right-btn  a:hover{
   width:10em;
   height:2.2em;
   border-radius:35px;
   background-image:linear-gradient(#d0602a, #b7450e);
   color:#fff;
   display:block;
   float:right;
   font-size:1.8em;
   line-height:2.2em;
   text-align:center;
   margin-top:7%;
}
.part-bg {
	background: url(../img/list-part-bg.jpg) no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 50em;
}

.list-honor-bg-new {
	background: url(../img/list-honou-bg-new1.jpg) repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 68em;
}
.list-onlinemessage-bg {
	background: url(../img/list-about-us-online-bg.jpg) repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 74em;
}
.list-aboutus-profile-bg {
	background: url(../img/list-aboutus-profile-bg.jpg) no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 61em;
}

* {
	-webkit-box-sizing: border-box;
	/* Safari */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* Firefox */
	transition: .5s;
}

html,
body {
	width: 100%;
}

body {}

.wid1680 {
	max-width: 1680px;
}

.wid {
	max-width:1440px;
}

.wid-center {
	max-width:1440px;
}

.w980 {
	max-width: 980px;
}
.clearboth{
  clear:both
}


.list-solution-img{
  width:100%
}

.list-solution-img img{
  width:44em;
  height:40em;
  display:block
}


.list-solution-part-img{
  width:100%
}
.list-solution-part-img img{
  width:40em;
  height:30em;
  display:block
}

.bannar {
	width: 100%;
	height: 755px;
	background: url(../img/banner-bg-first.jpg) center no-repeat;
	margin-top: 120px;
}


.maginl6{
   margin-left:1%
}

.list-solution-part-img img{
   width:40em; 
   height:32em;
   display:block
}

.index-notice{
   width:100%;
   height:6em;
   line-height:6em;
   background-color:#f2f2f2;
   display:flex;
   flex-dericiton:row
}
.index-notice .index-notice-left{
   width:16%;
   background-image: linear-gradient(#bfeef8, #fbf8e6);
}
.index-notice .index-notice-right{
   width:84%
}
.index-notice-title-font{
   font-size:2.2em;
   line-height:2.8em;
   color:#111;
   font-weight:bold;
   font-family:'黑体';
   padding-left:1.2%
}
.index-notice-content-font{
   font-size:1.8em;
   line-height:2.8em;
   color:#474747;
   padding-left:1%
}
.index-news-list{
   width:100%;
   height:14em;
   background-color:#fff;
}
/********************************************列表页 s**********************************************************/
.snav1 {
	width: 100%;
   min-height:50em;
   border:solid 1px #ddebf4;
   background-color: #eaf8fc;
}
.snav1  h3{
	width: 100%;
   margin-bottom: 1px;
	background-color: #0697f3;
   font-size:1.8em;
   height: 3em;
	line-height: 3em;
	color:#fff;
	white-space: nowrap;
}
.snav1  h3 span{
	padding-left: 16%;
}
.snav1 ul{
	width: 100%;
	min-height: 16em;
}
.snav1 li {
	margin-bottom: 1px;
	background-color: #fff;
	width: 100%;
	border-bottom: dotted 1px #ccc;
	background-color: #eaf8fc;
}
.snav1 li h3{
	margin-bottom: 1px;
	background-color: #fff;
	width: 100%;
   font-size:1.6em;
   color:#000;
   text-align:left;
   padding-left:20%;
	border-bottom: dotted 1px #ccc;
	background-color: #eaf8fc;
}
.snav1 li a {
	display: block;
	height: 4.2em;
	line-height: 4.2em;
	font-size: 1.16em;
	color: #111;
	padding-left: 26%;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.snav1 li a:hover {
	color: #fff;
	text-decoration: none;
}
.snav1 li a:active {
	color: #fff;
	text-decoration: none;
}
.snav1 .on  {
	color: #fff;
	text-decoration: none;
}


.snav2 {
	width: 100%;
   min-height:50em;
   border:dotted 1px #ddebf4;
   background-color: #eaf8fc;
}
.snav2  h2{
	width: 100%;
   margin-bottom: 1px;
	background-color: #0697f3;
   font-size:1.8em;
   height: 2.6em;
   text-align:center;
	line-height: 2.6em;
	color:#fff;
	white-space: nowrap;
}
.snav2  h3{
	width: 100%;
   margin-bottom: 1px;
	background-color: #0697f3;
   font-size:1.8em;
   height: 2.6em;
	line-height: 2.6em;
	color:#fff;
	white-space: nowrap;
}
.snav2  h3 span{
	padding-left: 16%;
}
.snav2 ul{
	width: 100%;
	min-height: 16em;
}
.snav2 li {
	margin-bottom: 1px;
	background-color: #fff;
	width: 100%;
	border-bottom: dotted 1px #ccc;
	background-color: #eaf8fc;
}
.snav2 li h3{
	margin-bottom: 1px;
	background-color: #fff;
	width: 100%;
   font-size:1.3em;
   color:#000;
   text-align:left;
   padding-left:20%;
	border-bottom: dotted 1px #ccc;
	background-color: #eaf8fc;
}
.snav2 a {
	display: block;
	height: 3em;
	line-height: 3em;
	font-size: 1.16em;
	color: #666;
	padding-left: 26%;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.snav2 a:hover {
	color: #fff;
	text-decoration: none;
}
.snav2 .on  {
	color: #fff;
	text-decoration: none;
}
/********************************************列表页 e*********************************************************/
/*********************************************右侧悬浮s****************************************************/
.right-bar {
	position: fixed;
	top: 30%;
	right: 0;
	z-index: 9999;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	background-color: #2b2b2b;
	opacity: 0.8;
}

.right-bar ul {
	background-color: #009bd9;
	width: 65px;
	
}

.right-bar .close,
.right-bar .open {
	display: none;
	cursor: pointer
}

.right-bar li {
	position: relative;
	height: 5.6em;
	border-bottom: dashed 1px  #707070
}

.right-bar .icon {
	width: 65px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	font-size: 0;
	cursor: pointer;
}

.right-bar .icon img {
	display: inline-block;
	vertical-align: middle
}

.right-bar .icons {
	width: 65px;
	height: 65px;
	line-height: 75px;
	text-align: center;
	font-size: 0;
	cursor: pointer;
}

.right-bar .icons img {
	display: inline-block;
	vertical-align: middle
}

.right-bar li .text {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	text-align: center;
	width: 100%;
	height: 25px;
}

.right-bar .box {
	display: none;
	position: absolute;
	right: 65px;
	top: 0;
	background-color: #009bd9;
	width: 150px;
	font-size: 14px;
	color: #fff;
	line-height: 63px
}

.right-bar li.tel .num {
	padding-left: 10px
}

.right-bar .qr {
	text-align: center
}

.right-bar .qr img {
	display: block;
	width: 100%
}

.right-bar .qr .txt {
	line-height: 24px;
	margin: 8px 0
}

.right-bar .qr .txt h3 {
	font-size: 18px;
	font-weight: 500
}

.right-bar li:hover .box {
	display: block
}
/*********************************************右侧悬浮E******************************************************/

/*list-pic S*/
.list-pic {
	width: 100%;
	height: 500px;
}
.list-pic li {
	width: 33%;
	height: 19em;
	display: inline-block;
	text-align: left;
	float: left;
	margin-top: 30px;
	margin-bottom: 30px;
}
.list-pic li p {
	width: 96%;
	height: 140px;
	text-align: left;
	font-size: 16px;
	line-height: 2em;
	color: #7f7f7f;
	margin: 10px 0px;
}
.list-pic li h4 {
	font-size: 22px;
	color: #0e0f10;
	text-align: center;
	width: 96%;
    background-color:#e5e5e5;
    height:2.2em;
    line-height:2.2em
}
list-pic li:first-child {
	margin-left: 0px;
}
.list-pic li:nth-child(4n) {
	margin-left: 0px;
}
.list-pic li:nth-child(3n) {
	margin-right: 0px;
	float: right
}
.list-pic .hz-pic {
	width: 25.7em;
	height: 16em;
	display: inline-block;
	text-align: center;
    border:solid 1px #ccc	
}
.list-pic .hz-pic img {
	width: 100%;
    height: 100%;
    cursor: pointer;
    transition: all 0.6s;
    -ms-transition: all 0.8s;

}
.list-pic .hz-pic img :hover{
	 transform: scale(1.2);
    -ms-transform: scale(1.2);

}
/*list-pic E*/
  .bann-logo img {
      margin-top: 15px;
      margin-bottom: 10px;
      margin-left:60%;
  }
/*slide S*/
	
	.picScroll-left {
		overflow: hidden;
		position: relative;
		width: 100%;
		padding-bottom: 10px;
		padding-top: 4%;
	}
	.picScroll-left .bd {
		padding: 0;
		position: relative;
		width: 100%;
		margin-left: 0px;
		overflow: hidden;
	}
	.picScroll-left .bd ul {
		overflow: hidden;
		zoom: 1;
	}
	.picScroll-left .bd ul li {
		margin: 0 0.2vw 0 1.6vw;
		float: left;
		_display: inline;
		width: 18vw;
		overflow: hidden;
		text-align: center;
		height: 35vh;
		background-color: #fff;
	}
	.picScroll-left .bd ul li .pic {
		text-align: center;
	}
	.picScroll-left .bd ul li .pic img {
		width: 18vw;
		height: 16vw;
		display: block;
		padding: 1px;
	}
	.picScroll-left .bd ul li .pic a:hover img {
		border-color: #999;
	}
	.picScroll-left .bd ul li .title {
		line-height: 24px;
	}
	.picScroll-left .pageState {
		position: absolute;
		bottom: 0;
		left: 0;
	}
/*slide E*/
.intr-txt-col{
	width: 100%;
}
.intr-txt-col p{
	width: 100%;
	font-size: 2rem;
	line-height: 1.9em;
	text-align: left;
	text-indent: 2em;
	padding-top: 11%;
	margin-left:6%;
    color:#fff
}
.intr-txt-col-new{
	width: 100%;
}
.intr-txt-col-new p{
	width: 90%;
	font-size: 1.8rem;
	line-height: 1.9em;
	text-align: left;
	text-indent: 2em;
	padding-top: 4%;
	margin-left:6%;
    margin-right:6%;
    color:#fff
}
.intr-txt-col-list{
	width: 100%;
}
.intr-txt-col-list p{
	width: 90%;
	font-size: 1.8rem;
	line-height: 2.3em;
	text-align: left;
	text-indent: 2em;
	padding-top: 4%;
	margin-left:6%;
   margin-right:6%;
   color:#111
}

.display_flex{
	display: flex;
}
/*nav s*/

.nav-language {
	margin-top: 10%;
	width: 10em;
	height: 2.1em;
	display: block;
	background-color:#01a8df;
	border-radius: 35px;
	text-align: center;
}

.nav-language a {
	color: #fff;
	font-size: 1.4rem;
	display: inline-block;
	text-decoration: none;
	text-align: center;
}

.nav-language a:hover {
	color: #eaff00;
	font-size: 1.4rem;
	text-decoration: none;
	text-align: center;
}


.nav-list {
	float: right;
}


.nav-list ul {
	width: 100%;
	float: right;
	text-align: right;
}

.nav-list ul li {
	font-size: 2rem;
	color: #111;
	width: 8em;
	height: 4.2em;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-weight: normal;
	text-align: center;
	line-height: 4.2em;
}

.nav-list ul li a {
	color: #111;
   font-size: 2rem;
	width: 8em;
	height:4.2em;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	line-height: 4.2em;
}

.nav-list ul li a:hover {
	font-size: 2rem;
	color: #fff;
	height: 4.2em;
	line-height: 4.2em;
	width: 8em;
	display: block;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
   background-color:#0697f3
}

.nav-list ul li a:focus {
	font-size: 2rem;
	color: #fff;
	height: 4.2em;
	line-height: 4.2em;
	width: 8em;
	display: block;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
   background-color:#0697f3
}

.nav-list  .active {
	font-size: 2rem;
	color: #fff;
	line-height:4.2em;
	width: 8em;
	height: 4.2em;
	background-color:#0697f3;
	display: block;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}

.nav-list ul li .nav-slide {
	width: 6em;
	display: table;
	border-bottom: 2px solid #221e1f;
	position: absolute;
	left: 50%;
	margin-left: -75px;
	top: 50px;
	padding-bottom: 6px;
	display: none;
}

.nav-list ul li:hover .nav-slide {
	display: table;
}

.nav-list ul li .nav-slide p {
	text-align: center;
	line-height: 36px;
	transition: inherit !important;
}

.nav-list ul li .nav-slide p a {
	color: #333;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	transition: inherit !important;
}

.nav-list ul li .nav-slide p a {
	content: '';
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 100%;
	height: 2px;
	transition: inherit !important;
}

.nav-list ul li .nav-slide p a:hover {
	text-decoration: none;
	transition: inherit !important;
	color: #bb322e;
}
/*nav e*/

.index-partner-bg {
	background-color: #e6e8e9;
	width: 100%;
	height: 46em;
   padding-top:4%;
   padding-bottom:4%
}



.index-footer-bg {
	background-size: 100% 100%;
	width: 100%;
	height: 40em;
	background: url(../img/footer-bg1.jpg) no-repeat;
}


/*产品案例 s*/
.index-product-bg-index {
	width: 100%;
   background-size:100% 100%;
	height: 80em;
   display:block;
	background: url(../img/index-product-pic.jpg) no-repeat;
}
.index-product-bg {
	width: 100%;
   background-size:100% 100%;
	height: 104em;
   display:block;
	background: url(../img/list-product-bg4.png) no-repeat;
}

.index-da-thumbs {
	list-style: none;
	position: relative;
	padding: 0;
	width: 100%;
	height: 200px;
	margin-top: 3%;
}

.index-da-thumbs li {
	margin-right: 10px;
	position: relative;
	width: 24%;
	height: 200px;
	display: inline-block;
	text-align: left;
	float: left;
	margin-top: 3em;
	margin-bottom: 2.5em;
}

.index-da-thumbs li a,
.index-da-thumbs li a img {
	display: block;
	position: relative;
}

.index-da-thumbs li a {
	overflow: hidden
}

.index-da-thumbs li a div {
	position: absolute;
	filter: alpha(Opacity=90);
	width: 100%;
	height: 100%
}

.index-da-thumbs li a h3 {
	line-height: 40px;
	display: inline-block;
	text-align: center;
	font-size: 1.56em;
	font-family: "微软雅黑";
	color: #505050;
	width: 100%
}

.index-da-thumbs li a p {
	text-align: center;
	display: inline-block;
	font-size: 1.1em;
	font-family: "微软雅黑";
	line-height: 1.9em;
	margin-top: 2%;
	color: #7e7e7e;
	margin-left: 0%;
	width: 100%
}

.index-da-thumbs li a img {
	width: 7.2em;
	height: 7.2em;
	text-align: center;
}

.index-da-thumbs-mg22 {
	margin-left: 34%;
}


/*产品案例 E*/


/*解决方案 s*/

.index-data-solution {
	list-style: none;
	position: relative;
	padding: 0;
	width: 100%;
	height: 200px;
}

.index-data-solution li {
	margin-right: 10px;
	position: relative;
	width:24%;
	height: 200px;
	display: inline-block;
	text-align: left;
	float: left;
	margin-top: 6em;
	margin-bottom: 2.5em;
}

.index-data-solution li a,
.index-data-solution li a img {
	display: block;
	position: relative;
}

.index-data-solution li a {
	overflow: hidden
}

.index-data-solution li a div {
	position: absolute;
	filter: alpha(Opacity=90);
	width: 100%;
	height: 100%
}

.index-data-solution li a h3 {
	line-height: 40px;
	display: inline-block;
	text-align: center;
	font-size: 1.56em;
	font-family: "微软雅黑";
	color: #505050;
	width: 100%;
	position: absolute;
	z-index: 999;
}

.index-data-solution li a p {
	text-align: center;
	display: inline-block;
	font-size: 1.1em;
	font-family: "微软雅黑";
	line-height: 1.9em;
	margin-top: 2%;
	color: #7e7e7e;
	margin-left: 0%;
	width: 100%
}

.index-data-solution li a img {
	width: 21em;
	height: 21em;
	text-align: center;
}

.index-data-solution-mg22 {
	margin-left: 2%;
}
/*解决方案 E*/
.index-profile-bg-new {
  background-color:#63a347
}

.intr-title {
	height: 550px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.banns {
	width: 100%;
	background-position: fixed left top;
}

.banns-title {
	width: 100%;
	padding-top: 426px;
}

.banns-title h3 {
	color: #fff;
	text-align: right;
	font-size: 40px;
	font-weight: bold;
	position: relative;
}

.banns-title h3 b {
	display: block;
	line-height: 62px;
	text-transform: uppercase;
	font-family: arial;
}

.banns-title h3:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: -68px;
	width: 164px;
	height: 4px;
	background-color: #fff;
}

.banns-title h4 {
	color: #fff;
	text-align: right;
	font-size: 30px;
	font-weight: bold;
	position: relative;
}

.banns-title h4 b {
	display: block;
	line-height: 62px;
	text-transform: uppercase;
	font-family: arial;
}

.banns-title h4:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: -68px;
	width: 164px;
	height: 4px;
	background-color: #fff;
}

.news-title {
	width: 100%;
	line-height: 36px;
	padding: 30px 0;
	text-align: center;
}

.bann-list img {
	width: 100%;
}

.bann-list .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	opacity: 1;
	background-color: #221e1f;
	margin: 0 6px !important;
}

.bann-list .swiper-pagination-bullet-active {
	background-color: #fff;
}

.footer {
	background-color: #253340;
	padding-top: 2%;
	padding-bottom: 2%;
}

.footer-mgt3 {
	margin-top: 3%;
}

.footer-title {
	margin-bottom: 4%;
}

.footer-title-font {
	font-size: 1.2em;
	color: #fff;
	font-weight: normal;
	vertical-align: bottom;
}
.footer-copyright-bg-index {
	background-color: #19232d;
   margin-top:-0.2%;
   width:100%;
   height:46px
}
.footer-copyright-bg {
	background-color: #19232d;
   margin-top:-1%;
   width:100%
}
.footer-copyright-bg-app {
	background-color: #19232d;
   margin-top:-1%;
   width:104%
}
.footer-cont {
	width: 100%;
}

.footer-cont-app {
	width: 100%;
	display: table;
	min-height: 200px;
}

.footer-cont-app ul {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	padding-bottom: 40px;
}

.footer-cont-app ul li {
	width: auto;
	display: table;
}

.footer-cont-app-box {
	width: 100%;
}


.footer-cont-app-img {
	width: 100%;
	text-align: center;
}

.footer-cont-app-img img {
	max-width: 85%;
}

.footer-cont-app-txt {
	line-height: 32px;
	font-size: 14px;
	text-align: center;
	letter-spacing: 1px;
	color: #fff;
}

.footer-cont-app-txt a {
	color: #fff;
}

.footer-cont-app p {
	line-height: 24px;
	font-size: 14px;
}

.footer-addr {
	text-align: left;
	line-height: 3.5em;
	font-size: 1.6rem;
	color: #9da1a4;
	letter-spacing: -0.1rem;
}

.footer-addr-app {
	text-align: left;
	line-height: 2.2em;
	font-size: 1.2rem;
	color: #9da1a4;
	letter-spacing: -0.1rem;
}

.footer-addr-new a {
	color: #9da1a4;
}
.footer-addr-aboutus {
	text-align: left;
	line-height: 3.5em;
	font-size: 2rem;
	color: #fff;
    margin-top:8%
	letter-spacing: 0.1rem;
}
.footer-copyright {
	width: 100%;
	padding: 30px 0;
	display: table;
	padding-top: 60px;
}

.footer-copyright p {
	font-size: 14px;
	text-align: center;
	letter-spacing: 2px;
	font-family: arial;
}

.footer-copyright p a {
	color: #fff;
}

.footer-mt2 {
	margin-top: 7%;
}

.footer-mt4 {
	margin-top: 3%;
}

.footer-center {
	width: 100%;
}

.footer-center li {
	width: 100%;
	text-align: left;
	color: #a1a7ad;
	font-size: 1.6rem;
	line-height: 2.6em;
}

.footer-center li a{
	width: 100%;
	text-align: left;
	color: #a1a7ad;
	font-size: 1.6rem;
	line-height: 2.6em;
}


.footer-center li a:hover{
	width: 100%;
	text-align: left;
	color: #f4fc0c;
	font-size: 1.6rem;
	line-height: 2.6em;
}

.footer-center li span {
	width: 20%;
	text-align: left;
	line-height: 3.9em;
	color: #a1a7ad;
	font-size: 1em;
	float: right;
}

.footer-news-list1 {
	width: 100%;
	margin-left: 1%;
    margin-top:4%;
    margin-bottom:4%;
    background-color:#fff
}

.footer-news-list1 li {
	width: 28.6%;
	height: 31em;
   margin-left:4%;
   float:left;
   box-shadow: 6px 6px 5px #ebebeb;
   border:solid 1px #ebebeb
}

.footer-news-list1 li:first-child {
	margin-top: 0%;
   margin-left:2%;
}

.footer-news-list1 li:nth-child(3) {
	margin-top: 0%;
    margin-right:2%
}

.footer-news-list1 li a {
	width: 100%;
	height: 32em;
	margin-top: 2%;
    float:left
}

.footer-news-list1 li a .footer-news-l {
	width: 62%;
	height: 32em;
	display: block;
	float: left;
   overflow: hidden;
	margin: 0 auto;
}

.footer-news-list1 li a .footer-news-pic img {
	width: 28em;
	height: 17em;
	display: block;
	margin-top: 2%;
   transition: all 2s;
	position: relative;
}
.footer-news-list1 li a .footer-news-pic img:hover {
	cursor: crosshair;
	transform: scale(1.9);
}
.footer-news-list1 li a .footer-news-r {
	width: 38%;
	height: 36em;
	display: block;
	float: right;
}

.footer-news-list1 li a  h3 {
	font-size: 2.2rem;
	color: #111;
	text-align: left;
	line-height: 2.8em;
	padding-left: 5%;
   padding-right: 5%;
	vertical-align: top;
    width:100%;
}

.footer-news-list1 li a  p {
	font-size: 1.6rem;
	color: #5a5a5a;
	line-height: 2.8em;
	text-align: left;
	padding-left: 5%;
   padding-right: 5%; 
   width:100%
}
.footer-code{
    width:20em;
    height:20em;
    margin-top:5%
}
.footer-code img{
    width:20em;
    height:20em
}
.footer-code p{
    width:20em;
    height:32px;
    line-height:32px;
    text-align:center;
    color:#fff;
    font-size:16px
}

.footer-tel-font-big{
    font-size:1.6em;
    color:#fff;
    line-height:2em;
    text-align:left
}

.bannar2 {
	background: url(../img/banner-bg-first.jpg) center no-repeat;
	width: 100%;
	height: 550px;
}

. ul li {
	color: #fff;
}

. ul li:after {
	background-color: #fff;
}

. ul li:last-child:before {
	background-color: #fff;
}

.shows {
	display: block;
}

.recruitment-list-inf-txt p {
	font-size: 16px;
	line-height: 36px;
}

.recruitment-list-title {
	padding: 0 40px;
}

.shows {
	display: block;
}

.contact {
	width: 100%;
	display: table;
	min-height: 650px;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.contact-title {
	text-align: center;
	padding-top: 50px;
}

.contact-list {
	width: 100%;
	display: table;
	margin-top: 30px;
}

.contact-list-box {
	width: 100%;
	display: table;
	min-height: 180px;
	padding-top: 30px;
}

.contact-list-img {
	width: 100%;
	text-align: center;
}

.contact-list-img h4 {
	width: 100%;
	height: 60px;
	display: block;
	justify-content: flex-start;
	align-items: center;
}

.contact-list-img h5 {
	line-height: 30px;
	font-size: 16px;
	color: #5b5b5b;
	font-weight: bold;
	text-align: center;
}

.contact-list-txt {
	width: 100%;
	display: table;
	padding: 10px 0;
	font-size: 14px;
	line-height: 24px;
	color: #2e2e2e;
	min-height: 120px;
	text-align: center;
}

.service {
	width: 100%;
	background: #e6e7e8 url(https://banana-1256219229.cos.ap-chengdu.myqcloud.com/web/bg.png) center no-repeat;
	min-height: 600px;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	padding-bottom: 30px;
}

.service .w1500 {
	display: table;
	position: relative;
}

.service-title {
	width: 100%;
	min-height: 100%;
	padding-top: 230px;
}

.service-list {
	width: 100%;
	display: table;
	min-height: 200px;
}

.service-list-box {
	width: 100%;
	padding-top: 30px;
}

.service-list-box h5 {
	line-height: 46px;
	font-size: 18px;
	font-weight: bold;
	position: relative;
}

.service-list-box h5 span {
	position: absolute;
	left: -40px;
	top: 0;
}

.service-list-box p {
	line-height: 46px;
	font-size: 16px;
}

.service-title-img {
	text-align: center;
}

.service-title-txt {
	text-align: center;
	font-size: 48px;
	font-weight: bold;
	letter-spacing: 2px;
}


.share {
	width: 116px;
	height: 258px;
	position: fixed;
	right: 30px;
	top: 50%;
	margin-top: -380px;
	z-index: 99;
}

.share ul {
	width: 100%;
}

.share ul li {
	width: 100%;
	height: 104px;
	border-bottom: 2px solid #838587;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	color: #666;
	position: relative;
}

.share ul li .share-wx-slide {
	width: 160px;
	height: 160px;
	background-color: #fff;
	position: absolute;
	left: -160px;
	top: -2px;
	padding: 9px;
	display: none;
	opacity: 1 !important;
	transition: inherit !important;
	box-shadow: 0 0 5px rgba(51, 51, 51, .3);
}

.store-list-box-col {
	width: 100%;
}

.share ul li .share-wx-slide .share-wx-slide-img {
	width: 100%;
	height: 100%;
}

.share ul li .share-wx-slide .share-wx-slide-img img {
	width: 100%;
	height: 100%;
}

.share ul li:first-child {
	height: 50px;
}

.share ul li.sina i {
	display: inline-block;
	width: 58px;
	height: 48px;
	background: url(https://banana-1256219229.cos.ap-chengdu.myqcloud.com/icons/ic19.png)center no-repeat;
}

.share ul li.wx i {
	display: inline-block;
	width: 58px;
	height: 48px;
	background: url(https://banana-1256219229.cos.ap-chengdu.myqcloud.com/icons/ic21.png)center no-repeat;
}

.share ul li.sina:hover i {
	background: url(https://banana-1256219229.cos.ap-chengdu.myqcloud.com/icons/ic20.png)center no-repeat;
}

.share ul li.wx:hover i {
	background: url(https://banana-1256219229.cos.ap-chengdu.myqcloud.com/icons/ic22.png)center no-repeat;
}

.share ul li a {
	display: block;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.bann-logo {
	float: left;
}



.title-bg {
	float: left;
	margin-left: 43%;
}

.title-bg img {
	margin-top: 40px;
}

.w1000 {
	width: 1000px;
}
.w100 {
	width: 100%;
}

.tim-02 {
	animation-delay: .2s;
	-webkit-animation-delay: .2s;
}

.tim-04 {
	animation-delay: .4s;
	-webkit-animation-delay: .4s;
}

.tim-06 {
	animation-delay: .6s;
	-webkit-animation-delay: .6s;
}

.tim-01 {
	animation-delay: .1s;
	-webkit-animation-delay: .1s;
}

.tim-03 {
	animation-delay: .3s;
	-webkit-animation-delay: .3s;
}

.tim-05 {
	animation-delay: .5s;
	-webkit-animation-delay: .5s;
}

.tim-05 a {
	color: #fff;
}

.tim-07 {
	animation-delay: .7s;
	-webkit-animation-delay: .7s;
}

.tim-08 {
	animation-delay: .8s;
	-webkit-animation-delay: .8s;
}

.iteration {
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

.timing {
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
}

.around {
	animation-name: aroundAnimation;
	/*动画的名称*/
	transform-or