html, body {
	height: 100%;
}
body {
  font-family:"microsoft YaHei", 'Asap', Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.3;
  color: #000000;
  background-color: #fbfbfb;
  position:relative;
}

.body2{
  min-width: 1280px;}
input::-ms-clear { display: none; } 
.row{display:block\9;}
*{margin:0px\9;padding:0px\9;}
input{outline:none;} a{
text-decoration:none;
}
a:link{text-decoration:none;   
}a:visited{text-decoration:none; 
}a:hover{text-decoration:none;}a:active{text-decoration:none;
}
.col-md-2{width:16.5%\9;float:left;margin:0px\9;padding:0px\9;display:inline\9;}
.col-md-3{width:25%\9;float:left;margin:0px\9;padding:0px\9;display:inline\9;}
.col-md-4{width:33.33%\9;float:left;margin:0px\9;padding:0px\9;display:inline\9;}
.col-md-5{width:41%\9;float:left;margin:0px\9;padding:0px\9;display:inline\9;}
.col-md-6{width:50%\9;float:left;margin:0px\9;padding:0px\9;display:inline\9;}
.col-md-7{width:58%\9;float:left;margin:0px\9;padding:0px\9;display:inline\9;}
.col-md-9{width:75%\9;float:left;margin:0px\9;padding:0px\9;display:inline\9;}
.col-md-12{width:100%\9;float:left;margin:0px\9;padding:0px\9;display:inline\9;}
.table>thead>tr>th{border-bottom:none;margin:0px\9;padding:0px\9;/* display:inline\9; */}
.header {
}.header > .header-background {
  background: url("../images/home1-3.jpg") top center no-repeat;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/home1-2.png', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/home1-2.png',sizingMethod='scale')";
}
.header .main-header .container{max-width:1520px;min-width:1280px;width: 100%;padding: 0 30px;padding:0\9;}
.row{margin:0px;padding:0px;}
.container {
	margin:0px;
	padding:0px;
	margin-right:auto;
	margin-left:auto;
	width:1280px\9;	
	*width:1280px;	
	*min-width:1280px;
}
@media (max-width:1285px){
.container {
  width: 970px;}
}
@media (min-width:1285px){
.container {
  width: 1280px;}
}
/**.header .main-header {
  border-bottom:6px solid #4bb3ef;background-color:#fff;
}**/
.header .main-header {
  background-color:#fff;
}
 .header.home-header2 .main-header {
  border-bottom:none;
} 
/* .header.home-header2{
  box-shadow:0 2px 4px 0 rgba(169,169,169,0.3);
} */
.body-index .header .main-header {
  border-bottom:none;
}
article, aside, details, figcaption, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}* {
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}*:before, *:after {
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}.header .main-header .logo-div {
  display: inline;
  margin:0;
  float:left;
  line-height:96px;
}
.home-header2.header .main-header .logo-div {
  line-height:0;
  *line-height:96px;
  margin-left:15px;
}
.header .main-header .logo-div a {
/*  line-height: 96px;*/
}
/** #wrapper{padding-top:102px; min-height: 100%; padding-bottom: 87px;} **/
#wrapper{min-height:100%; padding-bottom: 87px;padding-top:60px;}
.body-index #wrapper{padding-top:0;min-width:970px;*min-width:1280px;}
.body2 #wrapper{padding-top:95px;padding-bottom:0;}
.body-index .hover-header.home-header{min-width: 1280px;box-shadow:none;}
a {
  background-color: transparent;cursor: pointer;text-decoration: none;
}
a:hover{text-decoration: none;}
.header .main-header .top-ul-list1{display:inline;}
.header .main-header .top-ul-list2{display:inline;}
.header .main-header .top-ul1 {
  display: inline;margin-left: 40px;
  line-height: 96px;
}
/*.header .main-header .top-ul2 {
  float:right;
  line-height: 96px;
  *margin-top:-96px;
}*/
.body2 .header .main-header ul {
  float: right;
}
ul, ol {
  padding-left: 0;
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
}.header .main-header ul li {
  display: inline;
}.header .main-header .header-ul li a {
}.header .main-header ul li a {
  color: #575757;
  font-size: 20px;
  -webkit-transition: all 0.3s ease ease-out;
  -moz-transition: all 0.3s ease ease-out;
  -o-transition: all 0.3s ease ease-out;
  transition: all 0.3s ease ease-out;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  padding: 35px 20px;
  padding-bottom:37px\0;
}
@-moz-document url-prefix() {.header .main-header ul li a {padding-bottom:37px;} }
/* .home-header2.header .main-header ul li a {
  padding: 32.5px 25px;
} */.header-r .logo-div img {
  width: 100%;
}
.navbar-menu2{background-color:#32363d;margin-bottom: 0;min-height: 510px;z-index: 9;position: absolute;top: 96px;bottom: 0;bottom:-96px\9;}
img {
  vertical-align: middle;
}
img {
  border: 0;
}
.col-md-12-inline {
  width: 100%;
  display: inline-block;
}
.navbar-logo{height:35px;margin-top:30px;*margin-top:0px;margin-bottom:30px;*margin-bottom:0px;}
.body2 .navbar-logo{}
.body2 .header .main-header ul li a{line-height:96px;}
.body2 .hover-header.home-header{background-color:#fff;}
.header-l .search{font-size:16px;
  color: rgb(187,187,187);
	height:60px;
	line-height: 60px;
	width:70%;
	border: solid 2px #f5f5f5;
  	margin-top:34px;
  	margin-left:15%;
  	text-indent: 20px;
  	*text-indent:0px;
  	border-radius: 30px;
}
.header-l-index{
	position:relative;
	width:100%;
}
.header .main-header .header-l-index .search-a{
	position: absolute;
 	top:3px;
    right: 0;
    *top:0;
    *padding-top:0;
}
.header-l-index .search {  font-size: 14px;
  color: #000;
  height: 40px;
  line-height: 40px;
  border: 0;
  text-indent: 20px;
  *text-indent: 0px;
  background-color: #fff;
  border-radius: 20px;
  width: 302px;
  margin-top: 28px;
  border: 1px solid #eee;
  display:none;
  width:100%;
}
.swiper-pagination-bullet {
  width: 32px;
  height: 4px;
  display: inline-block;
  border-radius: 2px;
  background: #000;
  opacity: .2;
}.swiper-pagination-bullet-active {
  opacity: 1;
  background: #FCF2F2;
}
.index-desc{position: absolute;
  top: 100px;
  z-index: 100;
  left: 50%;}
.index-content-p{margin-bottom: 30px;filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}
.slogan{color:#fff;text-align:center;margin-top:50px}
.slogan p{font-size:16px;line-height:38px}
.header-l .search-a{position:absolute;right:220px;bottom:19px;}
.header-l .search-a img{height:24px;width:24px;}
.hover-header{  left: 0;
  right: 0;
  position:absolute;top:0;margin:0;background-color:#fff;z-index:10000;color:#fff;}
.header .main-header ul li a.header-item1{color:#575757;position:relative;}
.header .main-header ul li a.navi.hover{color:#4bb3ef;}
.header .main-header ul li a.navi.active{background-color:#4bb3ef;color:#fff;}
.header .main-header ul li a.header-item1.active.hover{background-color:#4bb3ef;color:#fff;}
.header .main-header ul li a.header-item2.active.hover{background-color:#4bb3ef;color:#fff;}
.header .main-header ul li a.header-item2.hover{color:#4bb3ef;}
.hover-header.home-header{background-color:#e4eff5;z-index: 1000;}
.hover-header.home-header .header-content{height:438px;background-color:transparent;  position: relative;display:none;}
.hover-header .header-content .bar{width:29%;float:left;padding:0;*margin-right:-15px;border-right: 6px solid #c7e4f4;}
.hover-header .header-content .bar-content{*margin-left:-15px;width:71%;background-color:#e4eff5;float:right;}
.hover-header .header-content .bar-content .row{max-width:942px;}
.hover-header .header-content{border-bottom: 1px solid rgba(0, 0, 0, 0.05);}
.hover-header .header-content .container{height:438px;}
.hover-header .hader-content{padding: 44px 10%;}
.hover-header .hader-content .bar p{padding:20px;
  font-size: 18px;color:rgb(87,87,87);}
.hover-header .hader-content .bar .bar-list{color:#575757;display:none;margin-bottom:0;border-top: 0;}
.hover-header .hader-content .bar .bar-list.active{background-color:#4bb3ef;color:#fff;  margin-right: -6px;}
.hover-header .hader-content .bar .bar-list.first-bar{background-color:#4bb3ef;color:#fff;margin-right: -6px;}
.hover-header .hader-content .bar .bar-img{  position: absolute;height:18px;
  top: 22px;
  right: 20px;}
.hover-header .hader-content a{color:#575757;}
.hover-header .hader-content .bar-item2 a h4{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:16px;}
.hover-header .hader-content .bar-item2 a p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:14px;color: #6c7d86;}
.hover-header .hader-content .bar-item{display:none;float:left;width:33.33%;width:32%\9;width:33.33%\9\0;}
.hover-header .hader-content .bar-item2{  margin-left: 19%;
  margin-bottom: 10px;
  padding: 6px 20px 0;
  *padding-bottom:10px;
  border-bottom: 3px solid #c7e4f4;
  text-align: left;}
.hover-header .hader-content .bar-item2:hover{background-color: #c7e4f4;}
.hover-header .header-content .arrow-row {margin-top: -50px; text-align: center;}
.hover-header .header-content .arrow-row .header-arrow{width: 34px; cursor: pointer;}
.header .header-background .search-index{text-align: center;margin-top: 44px;}
.header .header-background .search-index .search-img{height:30px;}
.notice{height: 64px;
  line-height: 64px;
  border-bottom:1px solid #ececec;background-color:#fff;}
.notice .col-md-3{width:27%;padding-right:5%;display:inline;*width:24%;*padding-right:3%;}
.notice p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#adadad;}
.notice .more{width:17.5%;display:inline;}
.notice .more p a{color:rgb(83,115,218);float:right;padding-right: 32px;}
.notice p a{color:rgb(102,102,102);}
.page-index{  
	padding-top: 60px;
	min-height:400px;
	background-color: #674AA4;
	filter: progid: DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#674AA4', endColorstr='#674AA4');
    background-image: url("../images/swiper-bg.jpg");
    background-size: cover;
	background-repeat: repeat;
    background-image: -webkit-linear-gradient(315deg, #7e52d8 15%, #3b77cf 50%,#2ba9cd 75%);
    background-image: -moz-linear-gradient(45deg, #7e52d8 15%, #3b77cf 50%,#2ba9cd 75%);
    background-image: -ms-linear-gradient(45deg, #7e52d8 15%, #3b77cf 50%,#2ba9cd 75%);
    background-image: -o-linear-gradient(45deg, #7e52d8 15%, #3b77cf 50%,#2ba9cd 75%);
    background-image: linear-gradient(135deg, #7e52d8 15%, #3b77cf 50%,#2ba9cd 75%);
}
.page-index-ie{
	background-color: #674AA4;
	background-size: 100%;
	background-repeat: repeat;
}
/*�banner start*/
.page-index-huo{
	padding-top: 60px;
	min-height:400px;
	min-height:auto\9;
	background-color: #674AA4;
	filter: progid: DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#3728a7', endColorstr='#3d77cf');
    background-image: url("../images/swiper-bg.jpg");
    background-size: cover;
	background-repeat: repeat;
    background-image: -webkit-linear-gradient(315deg, #3728a7 , #3d77cf);
    background-image: -moz-linear-gradient(45deg, #3728a7 , #3d77cf);
    background-image: -ms-linear-gradient(45deg, #3728a7, #3d77cf);
    background-image: -o-linear-gradient(45deg, #3728a7, #3d77cf);
    background-image: linear-gradient(135deg, #3728a7, #3d77cf);
}
.banner-huo{min-width:970px;max-width:1920px;width:66%;margin:0 auto;height:90%;}
@media (min-width:1441px){
	.banner-huo {
  		height:85%;
  	}
}
.banner-huo-left{width:40%;height:100%;margin-left:5%;float:left;position:relative;}
.banner-huo-left a{display:block;width:200px;height:40px;color:#fff;line-height:40px;
	padding:0 0 0 35px;border-radius:20px;font-size:18px;
	position:absolute;bottom:15%;left:26%;z-index:999;
	background-image: -webkit-linear-gradient(180deg, #4fe6f7, #11a8fa);
    background-image: -moz-linear-gradient(180deg, #4fe6f7, #11a8fa);
    background-image: -ms-linear-gradient(180deg, #4fe6f7, #11a8fa);
    background-image: -o-linear-gradient(180deg, #4fe6f7, #11a8fa);
    background-image: linear-gradient(180deg,#4fe6f7, #11a8fa);
	}
.banner-huo-left a img{margin:0 10px;width:20px;bottom:10px;}
.banner-huo-left img{width:100%;position:absolute;bottom:0;}
.banner-huo-right{width:55%;height:100%;float:left;position:relative;}
.banner-huo-right img{width:100%;}
.huo-right-1{position:absolute;bottom:0;left:0;z-index:9999;}
.huo-right-2{width:56%;position:absolute;bottom:25px;left:80px;z-index:99;
	animation:animation-rotate 20s linear infinite;
	-webkit-animation:animation-rotate 20s linear infinite;
}
.huo-right-3{width:56%;position:absolute;bottom:25px;left:80px;z-index:99;
	animation:animation-rotate-l 20s linear infinite;
	-webkit-animation:animation-rotate-l 20s linear infinite;
}
.huo-right-4{width:40%;position:absolute;bottom:50px;left:140px;z-index:999;}
/*animation-rotate����*/
@keyframes animation-rotate{0%{transform: rotate(0deg);}50%{transform: rotate(180deg);}	100%{transform: rotate(360deg);	}}	
@-webkit-keyframes animation-rotate{0%{transform: rotate(0deg);}50%{transform: rotate(180deg);}	100%{transform: rotate(360deg);}}

/*animation-rotate-l����*/
@keyframes animation-rotate-l{0%{transform: rotate(0deg);}50%{transform: rotate(-180deg);}	100%{transform: rotate(-360deg);	}}	
@-webkit-keyframes animation-rotate-l{0%{transform: rotate(0deg);}50%{transform: rotate(-180deg);}	100%{transform: rotate(-360deg);}}
.banner-new{min-width:970px;max-width:1920px;width:75%;margin:0 auto;height:100%;position:relative;}
.banner-huo-desc{width:50%;float:left;display:flex;justify-content:center;flex-direction:column;height:100%;padding:0 0 0 5%;position:absolute;}
.banner-huo-desc h4{font-size:34px;color:#fff;width:500px;overflow:hidden;text-overflow:ellipsis;line-height:40px;margin-bottom:0px;}
.banner-huo-desc p{font-size:24px;color:#fff;width:100%;overflow:hidden;text-overflow:ellipsis;margin-top:20px;letter-spacing: 1.5px;filter: alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}	
.banner-huo-img{height:100%;width:52%;float:right}		
/*�banner end*/
#productAd{
	min-height:400px;
}
#productAd .swiper-slide{
	background-color:transparent;
    margin: 0px;
    overflow: hidden;
    }
#productAd .swiper-slide .desc{color:#fff;position:absolute;}
#productAd .swiper-slide .desc h4{letter-spacing: 6px;  text-shadow: #565bc3 0px 0px 10px;}
#productAd .swiper-slide .desc p{font-size:15px;letter-spacing: 1.5px;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.footer{width:100%; margin-top: -90px; background-color: #fff;padding-top: 15px;padding-bottom:15px;border-top: 1px solid #ececec;}
.footer p{border-right:1px solid #ececec;margin:5px 10px;color:#b7b7b7;}
.footer p a{color:rgb(172,172,172);  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid #b7b7b7;}
.footer .last-line {border:none; display:inline-block; *display: inline; *zoom: 1;}
.home-tech{text-align:center;padding-top:44px;padding-bottom:64px;*padding-bottom:0px;}
.home-tech h3{margin-bottom:64px;}
.home-tech .content1{position:relative;}
.home-tech .content1 .col-md-4{*width:374.6px;}
.home-tech .content1 .item{border:1px solid #ececec;
  -webkit-transition: all 0.3s ease ease-out;
  -moz-transition: all 0.3s ease ease-out;
  -o-transition: all 0.3s ease ease-out;
  transition: all 0.3s ease ease-out;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;}
.home-tech .content1 .col-md-4{padding:0;}
.home-tech .content1 .item .head{border-bottom:1px solid #ececec;padding:50px 57px 46px;background-color:#fcfcfc;min-height: 227px;padding-bottom:0px\9;
  -webkit-transition: all 0.3s ease ease-out;
  -moz-transition: all 0.3s ease ease-out;
  -o-transition: all 0.3s ease ease-out;
  transition: all 0.3s ease ease-out;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;}
.home-tech .content1 .item .head img{width:68px;height:68px;margin-bottom:18px;}
.home-tech .content1 .item p{color:rgb(163,163,163);line-height:22px;height:44px;}
.home-tech .content1 .item.active{border:1px solid #4bb3ef;box-shadow:0 0px 8px 4px rgba(75, 179, 239, 0.24);}
.home-tech .content1 .item.active .head{background-color:#4bb3ef;color:#fff;}
.home-tech .content1 .item.active .head p{color:#b4dbf7;}
.home-tech .content1 .item .head p{width:80%;margin-left:10%;text-overflow: ellipsis;white-space:initial;overflow: hidden;}
.home-tech .content1 .item .desc{background-color:#fff;padding:0 19px 22px;min-height: 324px;padding-left:0px\9;padding-right:0px\9;}
.home-tech .content1 .item .desc p{font-size:12px;height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.home-tech .content1 .item .desc .col-md-6{margin:40px 0 0 0;  text-align: left;*width:150px;
  padding: 0 25px 10px 25px;*padding-right:10px;}
.home-tech .content1 .item .desc .col-md-6 div{margin-top:15px;}
.home-tech .content1 .item .desc .col-md-6 h4{font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.home-tech .content1 .item .desc a{padding:5px 10px;border:1px solid #3aabec;color:#81c4f1;}
.home-api > .background {
   background: url("../images/home13.png") top center no-repeat;background:none\9;
   background-image: url("../images/home13.png")\9\0;
   background-position-x:0%\9\0;
   background-position-y:center\9\0;
   background-position-repeat:no-repeat\9\0;
  background-size: cover; padding: 44px 0 0;padding-bottom:0\9;
  color:#fff;
  text-align:center;
  }
  .home-api{position:relative;min-width:970px;}
  .home-api-bg{width:100%;height:100%;*min-width:1280px;*height:787px;position:absolute;top:0;bottom:0;right:0;left:0;z-index:-2;}
.home-api > .background .head{*margin-left:10px;*margin-right:10px;border-bottom:1px solid;border-bottom-color:rgba(255,255,255,0.3);border-bottom-color:#fff\9;border-bottom-color:rgba(255,255,255,0.3)\0;}
.home-api > .background .head img{margin-bottom:30px;width:52px;height:40px;}
.home-api > .background .desc{margin-top:10px;}
.home-api > .background .head h4{margin-bottom:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.home-api .content2 h3{margin-bottom:64px;}
.home-api .content2 .item{padding:4.6% 4%;*border-bottom:6px solid transparent;height:460px;
  *padding-left:0px;*padding-right:0px;*padding-bottom:0px;
  -webkit-transition: all 0.3s ease ease-out;
  -moz-transition: all 0.3s ease ease-out;
  -o-transition: all 0.3s ease ease-out;
  transition: all 0.3s ease ease-out;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  width: 20%;
  float: left;
}
.home-api .content2 .item.active{background-color:rgba(22,155,232,0.6);background-color:transparent\9;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99169be8,endColorstr=#99169be8);zoom:1;}
.home-api .content2 .item p{  margin-top: 30px;
  margin-bottom: 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.home-advan{padding-top:44px;padding-bottom:64px;text-align:center;*padding-bottom:0;}
.home-advan h3{margin-bottom:64px;}
.home-advan .col-md-4{width:auto\9;position:relative;
  -webkit-transition: all 0.3s ease ease-out;
  -moz-transition: all 0.3s ease ease-out;
  -o-transition: all 0.3s ease ease-out;
  transition: all 0.3s ease ease-out;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;}
.home-advan .item{width:29%;height: 300px;*height:250px;float:left;position:relative;
  padding: 50px 50px 60px;
  *padding-bottom:0px;padding-left:0px\9;padding-right:0px\9;
  border: 1px solid #ececec;
  background-color: #fff;}
.home-advan .item:hover{border:1px solid #4bb3ef;}
.home-advan .item.developing:hover{color:#a6a6a6;background-color:#e4e4e4;border:1px solid #ececec;}
.home-advan .item .advan-img{width:120px;margin-bottom:28px;}
.home-advan .item.developing .deve-img{position:absolute;top:0;right:0;display:none;}
.home-advan .item.developing:hover .deve-img{display:block;}
.home-advan .item h4{font-weight: 300!important;margin-bottom: 15px;
  font-size: 18px;line-height: 22px;}
.home-advan .item p{color: #969696;line-height:28px;padding-left:50px\9;padding-right:50px\9;}
.product{background-color:#fbfbfb;}
.list-head{
	width:100%;
	padding-top:60px;
	background-color: #3b77cf;
	filter: progid: DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#674AA4', endColorstr='#2E6C9F');
    background-image: url("../images/swiper-bg.jpg");
	background-repeat: repeat-x;
    background-image: -webkit-gradient(linear, 0 15%, 50% 75%,from(#7e52d8) color-stop(50%, #3b77cf), to( #2E6C9F));
    background-image: -webkit-linear-gradient(315deg, #7e52d8 15%, #3b77cf 50%,#2ba9cd 75%);
    background-image: -moz-linear-gradient(45deg, #7e52d8 15%, #3b77cf 50%,#2ba9cd 75%);
    background-image: -ms-linear-gradient(45deg, #7e52d8 15%, #3b77cf 50%,#2ba9cd 75%);
    background-image: -o-linear-gradient(45deg, #7e52d8 15%, #3b77cf 50%,#2ba9cd 75%);
    background-image: linear-gradient(135deg, #7e52d8 15%, #3b77cf 50%,#2ba9cd 75%);
    margin: 0px;
}

.list-head .left{color:#fff;position:absolute;}
.list-head .left h4{letter-spacing:6px;text-shadow:#565bc3 0px 0px 10px;}
.list-head .left .intro{font-size:15px;letter-spacing:1.5px;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.list-head .left .hot-list{margin-top:56px;}
.list-head .left .hot-item{width:33%;text-align:center;float: left;}
.list-head .left .hot-item .icon{position:relative;margin:0 auto;background-color:#fff;box-shadow: 0px 0px 18px #565bc3;text-align:center; display: block;}
.list-head .left .hot-item .icon img{position:absolute;left:23.5px;}
.list-head .left .hot-item p{color:#fff;margin-top:15px;font-size:18px; display: inline-block;}
.product .title h3{font-size:22px;}
.product .block{background-color:#fff;border:1px solid #ececec;height: 280px;
  padding:40px;text-align:center;padding:0px\9;padding-top:40px\9; position: static;*width:308px;}
.product .block:hover{z-index:2;border:1px solid #4bb3ef;box-shadow:0 0px 8px 4px rgba(75, 179, 239, 0.24);}
.product .block img{width:120px;height:120px;margin-bottom:14px;}
.product .block h4{color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.product .block p{color:#969696;line-height:22px;height:44px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.product .block-list{margin-bottom:60px;width:100%\9;}
/*�µIJ�Ʒ�б�ҳ*/
.product .list-1{padding:100px 0;background:#f6f6f6;overflow:hidden;}
.product .list-3{padding:100px 0;background:#fff;}
.product .list-tit{font-size: 32px;color: #323232;line-height: 32px;text-align:center}
.product .list-main{font-size: 18px;color: #909090;line-height: 18px;text-align:center;padding:14px 0 0 0;}
.product .list-1 ul:after{display: table;content: " ";clear:both;}
.product .list-1 li{width:23%;height:270px;float:left;margin:40px 1% 0;text-align:center;background:#fff;}
.product .list-1 li:hover{box-shadow:0 0px 8px 4px rgba(0,0,0, 0.1);}
.product .list-li-img{width:120px;height:120px;margin:20px auto;}
.product .list-li-img img{width:100%;}
.product .list-li-tit{font-size: 18px;line-height:18px;color: #323232;padding:6px 20px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product .list-li-main{font-size: 14px;line-height:18px;max-height:36px;color: #646464;padding:0 20px;overflow:hidden;}
.product .list-2{width:100%;overflow:hidden;height:520px;padding:40px 0;background:url(../images/product_2_bg.jpg) center bottom;background-size:cover;}
.product .list-2 .list-tit{color:#fff;}
.product .list-2 .list-main{color:#f1f1f1;}
.product .slide{height:280px;width:100%;background:url(../images/product_list_bg.png) bottom no-repeat;
					float:left;
}
.product .list-2-img{width:120px;min-height:120px;margin:0 auto;}
.product .list-2-tit{font-size: 18px;line-height:18px;text-align:center;color: #323232;padding:40px 20px 20px;}
.product .list-2-main{font-size: 14px;line-height:18px;height:54px;text-align:center;color: #646464;padding:0 20px;overflow:hidden;}
.product .list-4{padding:100px 0 0 0;background:#f6f6f6;}
.product .list-4-title{font-size: 32px;color: #323232;line-height: 32px;padding:0 0 30px 1%;}
.product .list-4 ul{overflow:hidden;padding:10px 0 20px;}
.product .list-4 li{width:48%;*width:44%;height:260px;float:left;padding:40px;*padding:20px;margin:0 1%;background:#fff;}
.product .list-4 li:hover{box-shadow:0 0px 8px 4px rgba(0,0,0, 0.1);}
.product .list-4-left{width:120px;float:left;}
.product .list-4-left img{width:100%;}
.product .list-4-right{width:auto;float:left;margin-left:40px;}
.product .list-4-right{max-width:300px;}
@media (max-width:1285px){
	.product .list-4-right{max-width:220px;}
}
.product .list-4-tit{font-size: 18px;line-height:18px;color: #323232;padding:0 0 20px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product .list-4-main{font-size: 14px;color: #646464;line-height: 22px;height:66px;margin-bottom:40px;overflow:hidden;word-wrap:break-word;}
.product .list-4-btn a{display:block;background: #51B4ED;box-shadow: 0 4px 8px 0 rgba(81,180,237,0.56);
						border-radius: 20px;width:120px;height:32px;line-height:32px;text-align:center;color:#fff;
}
.product .list-5{width:100%;height:200px;overflow:hidden;background:url(../images/product_zhu.jpg) no-repeat center bottom;background-size:100% 100%;}
.product .list-5-tit{font-size: 32px;color: #FFFFFF;line-height: 32px;padding:50px 0 40px;text-align:center;}
.product .list-5 a{display:block;width:160px;height:40px;border-radius:20px;line-height:40px;text-align:center;margin:0 auto;font-size: 18px;
color: #51B4ED;background:#fff;}
.product .list_btn{width:160px;height:40px;line-height:40px;text-align:center;margin:30px auto 0;font-size: 16px;
color: #51B4ED;border: 1px solid #51B4ED;border-radius: 20px;cursor:pointer;}


.detail-bg{position:absolute;margin:0;padding:0;left:0;top:0;}
.product-detail .navbar{width:100%;text-align: center;top:0;}
.product-detail .navbar-default{background-color:#fff;border:none;}
.product-detail .navbar-default .navbar-nav>.active>a{border-radius:4px 4px 0 0;border:1px solid #ddd;border-bottom-color:transparent;background:#fff;}
.product-detail .navbar-nav{float:none;border-bottom:1px solid #ececec;}
.product-detail .navbar-nav>li{float:none;display: inline-block;}
.product-detail{background-color:#fff;padding-bottom:64px;}
.product-detail .desc1{min-height:302px;padding:36px 0;padding-bottom:0px;margin-bottom: 40px;}
.product-detail .desc1 img{height:40px;width:40px;margin-right:10px;margin-bottom: 10px;}
.product-detail .desc1 h2{display:inline;font-size:24px;}
.product-detail .detail-title{margin-top:40px;margin-bottom:20px;
  background: url("../images/detail3.png") repeat-x;background-size: 100% 100%;}
.product-detail .detail-title span{background-color:#fff;font-size:22px;padding-right:10px;}
.product-detail .block{}
.product-detail .block p{color:#646464;font-size:14px;line-height:24px;}
.product-detail .bg-img{background: url("../images/detail1.jpg") no-repeat;background-size:100%;height:350px;}
.product-detail .block .contact{  width: 140px;  display: inline-block;
  height: 40px;
  background-color: #4bb3ef;
  color: #fff;
  text-align: center;
  line-height: 40px;
  font-size: 16px;}
.product-detail .block .share{  width: 140px;display: inline-block;margin-left:20px;
  height: 40px;
  color: #50a0d9;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  border: 1px solid #50a0d9;}
.product-detail .block .inter{margin-top:30px;}
.product-detail .block .inter .qr{ display: inline-block;margin-left: 120px;
  margin-top: -20px;
  margin-right: 40px;}
.product-detail .nav-list{  position: relative;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #ddd;
  text-align: center;}
.product-detail .nav-list ul{  display: inline-block;cursor: pointer;}
.product-detail .nav-list ul .nav-item{border-bottom: 2px solid #fff;float:left;display:inline;
  height: 48px;
  margin: 0 20px;
  padding: 0 10px;
  line-height: 50px;
  font-size: 14px;
  color: #333;}
.sol-list{color:#fff;background-color:transparent;background-size:100%;}
.sol-list .use{background-color:transparent;color:#fff;  width: 180px;display:inline-block;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border: 1px solid #fff;
  margin-top: 20px;}
.sol-list-bg{position:absolute;margin:0;padding:0;top:0;left:0;width:100%;z-index:-9;}
.sol-list .block1 h3{width:50%;margin-top:10px;}
.sol-list .block1 p{margin-top:30px;}
.sol-list .container {*padding-bottom: 60px;}
.sol-list .case{color:#000;padding-top:40px;padding-bottom:60px;text-align:center;}
.sol-list .case .item{margin-top: 40px;
  height: 300px;
  padding: 50px 26px 20px;border:1px solid #ececec;background-color: #fff;padding-bottom:0px\9;}
.sol-list .case .item:hover{border:1px solid #4bb3ef;  margin-top: 40px;box-shadow:0 0px 8px 4px rgba(75, 179, 239, 0.24);}
.sol-list .case .item img{width:80px;height:80px;margin-bottom:20px;}
.sol-list .case .item h3{margin-bottom:15px;font-size:18px;color:#464646;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/*.sol-list .case .item p{color:#9d9d9d;line-height:25px;height:50px;overflow:hidden;}*/
.sol-list .case .item p{color:#9d9d9d;line-height:20px;height:50px;}
.sol-detail{color:#fff;background-color:transparent;background-size:100%;}
.sol-detail .use{background-color:transparent;color:#fff;  width: 180px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border: 1px solid #fff;
  margin-top: 30px;}
.sol-detail-bg{position:absolute;margin:0;padding:0;top:0;left:0;width:100%;z-index:-9;}
.sol-detail .block1{text-align:center;*text-align:left;position:relative;padding-top:80px;background: url("../images/sol-detail1.png") no-repeat;background-size:cover;}
.sol-detail .squar {*text-align:center;width: 98px;height: 98px;margin: 0 0 0 70px;background-color: #fff;border-radius: 50%;}
.sol-detail .block1 h1{margin:30px 0 30px 70px;text-align:left;}
.sol-detail .block1 p{width:500px;margin:0 0 0 70px;font-size: 14px;line-height: 24px;text-align:left;}
.sol-detail .block1 img{height:68px;width:68px;margin-top:15px;}
.sol-detail .case{color:#000;padding-top:64px;padding-bottom:64px;text-align:center;overflow:hidden;}
.sol-detail .case .row p img {max-width: 100%;}
.sol-detail .case .item{margin-top: 20px;height:340px;padding:50px 26px 20px;}
.sol-detail .block2 .case .item img{height:90px;margin-bottom:20px;}
.sol-detail .block3 .case .item img{height:90px;margin-bottom:20px;color:#464646;}
.sol-detail .case .item h3{margin-top:20px;}
.sol-detail .case .item p{color:#969696;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.sol-detail h2{  margin-top: 64px;font-size:24px;
  color: #000;
  text-align: center;}
.sol-detail .block3{background-color:#f9f8f8;position:relative;}
.sol-detail .line{width:60px;height:4px;background: #51B4ED;margin:0 auto;}

.sol-detail .block3 .case .item{border:1px solid #ececec;background-color:#fff;}
/*2017.12.20  old
.sol-detail .block3 .case .item:hover{border:1px solid #4bb3ef;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.sol-detail .block4 .case .item{height: 260px;padding: 0;border: 1px solid #ececec;background-color: #fff;padding: 18px;}
.sol-detail .block4 .case .item img{height:120px;width:120px;border-radius:60px;}
.sol-detail .block4 .case .item h3{font-size:18px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sol-detail .block4 .case .item:hover{border:1px solid #4bb3ef;box-shadow:0 0px 8px 4px rgba(75, 179, 239, 0.24);}
.sol-detail .block4 .case .item .desc{padding:15px;}
*/
.sol-detail .block4 .case .item{position:relative;height: 270px;padding: 0;background-color: #fff;overflow:hidden;cursor:pointer;}
.sol-detail .block4 .case .item img{height:120px;width:120px;border-radius:60px;margin:50px 0 30px;}
.sol-detail .block4 .case .item h3{font-size:16px;color: #323232;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sol-detail .item-list{position:absolute;left:0;top:0;z-index:9;width:100%;*width:80%;height:100%;color: #FFFFFF;text-align:left;padding:30px;background:#9CD8FB;background-image: linear-gradient(26deg, #9CD8FB 0%, #51B4ED 95%);}
.sol-detail .item-list .item-tit{font-size: 16px;padding-bottom:20px;}
.sol-detail .item-list .item-main{font-size: 14px;line-height: 20px;height:140px;overflow:hidden;}
.sol-detail .item-list .item-btn{width:120px;height:32px;line-height:32px;float:right;text-align:center;background: #FFFFFF;border-radius: 20px;}
.sol-detail .item-list .item-btn a{display:block;font-size: 14px;color: #51B4ED;}
.sol-detail .contact-case{padding-top: 64px;padding-bottom: 64px;overflow:hidden;}
.sol-detail .contact-list{width:50%;float:left;}
.sol-detail .contact-list-left{width:160px;height:160px;background:url(../images/solutions/sol_bg_image.png);background-size:cover;
							   font-size: 20px;color: #323232;text-align:center;line-height:160px;float:left;
}
.sol-detail .contact-list-right{width:auto;float:left;padding-left:30px;}
.sol-detail .contact-list-right li{height:30px;line-height:30px;list-style:none;font-size: 16px;color: #646464;text-align:left;margin-top:17px}
.sol-detail .contact-list-right li img{width:30px;margin-right:15px;text-align:left;}
.sol-detail .contact-line{overflow:hidden;}
.sol-detail .contact-line-tit{float:left;font-size: 18px;color: #323232;}
.sol-detail .contact-line-bg{width:90%;height:12px;float:right;border-bottom:1px #D8D8D8 solid;}
.sol-detail .contact-li{padding:20px 0 40px;overflow:hidden;text-align:left;}
.sol-detail .contact-li li{width:46%;*width:40%;height:46px;line-height:46px;margin:20px 4% 0 0;padding:0 30px;float:left;border: 1px solid #D5D5D5;box-shadow: 0 4px 10px 0 rgba(81,180,237,0.10);border-radius: 8px;}
.sol-detail .contact-li a{display:block;color: #646464;}
.sol-detail .contact-li li:hover{box-shadow: 0 4px 10px 0 rgba(81,180,237,0.60);}
.sol-detail .contact-li li span{display:block;width:80%;height:46px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;}
.sol-detail .contact-li img{float:right;width:24px;margin-top:10px;}
.sol-detail .contact-more{line-height:20px;text-align:left;}
.sol-detail .contact-more a{color: #51B4ED;}
.sol-detail .contact-more img{width:20px;margin-left:5px;vertical-align:middle;}
.sol-detail .contact-li1{margin:15px 0;overflow:hidden;text-align:left;}
.sol-detail .contact-li1 li{width:100%;height:22px;line-height:22px;margin:15px 0 0 0;overflow:hidden;}
.sol-detail .contact-li1 li img{width:20px;margin-right:5px;vertical-align:text-top;}
.sol-detail .contact-li1 li a{color: #646464;}
.sol-detail .contact-li1 li a:hover{text-decoration:underline;}
.sol-detail .trade{margin:60px 0;overflow:hidden;background:#fff;}
.sol-detail .trade-tit{width:50%;float:left;padding:10px 0;color: #646464;line-height:30px;}
.sol-detail .trade-tit p{margin:0 10px;}
.sol-detail .trade-tit span{font-size:18px;font-weight:bold;padding:0 10px 0 0;}
.sol-detail .trade-img{width:50%;min-height:250px;float:left;background:url(../images/solutions/sol-trade.jpg) center no-repeat;background-size:cover;}


.sol-detail .block5{background-color:#f9f8f8;}
.sol-detail .block5 .col-md-2{padding:0;}
.sol-detail .block5 .item{height:150px;margin-top:0;padding:20px;background-color:#fff;}
.sol-detail .block5 .item img{max-width:173.33px;}
.notice-list{position:relative;margin-bottom:50px;}
.notice-item{position:relative;height:60px;line-height:60px;padding-left:25px;border-bottom:1px solid #ececec;}
.notice-item a{color:#000;}
.notice-item a:hover{color:#4bb3ef;}
.notice-item span{position:absolute;right:25px;*bottom:0px;}
.header-n{position: relative;  margin-bottom: 10px;
  margin-top: 54px;}
.header-n .search{height: 60px;
  width: 80%;
  border: 0;
  text-indent: 20px;
  font-size:16px;
  border: 1px solid #ececec;
  width: 100%;
  padding-right: 30px;}
.header-n .search-img{position: absolute;height:24px;width:24px;right:25px;top:50%;margin-top:-12px;}
.faq-part{background-color:#fcfcfc;}
.faq-part #myNav{background-color: #fff;padding: 44px 15px;border-radius:5px;box-shadow:0 0 18px #ececec;  margin-bottom: 40px;}
.faq-part #myNav .total{padding-bottom:20px;border-bottom:2px dashed #dcdcdc;font-size:20px;}
.faq-part #myNav .total h4{margin-left:15px;}
.faq-part #myNav .first-menu.active>a, .faq-part #myNav .first-menu>a:focus, .faq-part #myNav .first-menu>a:hover{
	color:#50a0d9;font-size:16px;padding: 15px 48px 15px 56px;cursor: pointer;
	border:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-color:transparent;
}
.faq-part #myNav .first-menu>a{
	color:#464646;font-size:16px;padding: 15px 48px 15px 56px;cursor: pointer;
	border:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
.faq-part #myNav .first-menu .menu-img{position:absolute;left:22px;top:50%;margin-top:-12px;}
.faq-part #myNav .first-menu .menu-img2{position:absolute;right:22px;top:50%;margin-top:-10px;}
.faq-part #myNav .second-menu{position:relative;line-height:44px;margin-left:22px;padding-right:10px;
overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-color:transparent;color:#828282;margin-right:22px;padding-left:30px;}
.faq-part #myNav .second-menu.active{color:#fff;}
.faq-part #myNav .second-menu.active a{color:#fff;}
.faq-part #myNav .second-menu.active{font-size: 14px; background:url(../../resources/images/faq-menu9.png) no-repeat;background-size:100% 44px;
*background:#4ebbe2;}
.faq-part #myNav .second-menu a{color:#828282;}
.faq-part .content .detail-list .item{  margin-bottom: 20px;position:relative;padding:28px 50px 28px 60px;
background-color:#fff;border-radius:5px;*padding-top:5px;box-shadow: 0px 5px 10px #ececec;}
.faq-part .content .detail-list .item .title{font-size:20px;color:#50a0d9;margin:0;}
.faq-part .content .detail-list .item .img1{position:absolute;top:30px;left:20px;}
.faq-part .content .detail-list .item .img2{position:absolute;top:23px;right:20px;}
.faq-part .content .detail-list .item .detail-content p{color:#464646;font-size:16px;line-height:33px;}
.faq-part .content .detail-list .item .detail-content .faq-question {background-color: #f0f0f0;padding: 10px;font-size: 14px;font-style: italic;line-height: 28px;}
.faq-part .content .detail-list .item .detail-content p img {max-width: 100%;}
.faq-part .content .detail-list .item .detail-content .date{color:#828282;font-size:14px;margin-top:15px;margin-bottom:20px;}
.faq-list{position:relative;margin-bottom:50px;*width:100%;}
.faq-item{position:relative;height:60px;line-height:60px;border-bottom:1px solid #ececec;}
.faq-item a{color:#000;display:block;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;}
.faq-item a.active{color:#4bb3ef;}
.faq-item span{position:absolute;right:15px;}
.faq-item img{position:absolute;top:50%;margin-top:-7px;left:15px;}
.page-bottom{text-align:center;}
.notice-detail{background-color:#fcfcfc;}
.notice-detail .content{background-color:#fff;padding: 40px 20px;min-height:700px;}
.notice-detail .content .title{text-align:center;  margin-bottom: 20px;}
.notice-detail .content p{font-size:16px;}
.login{background-color:#fcfcfc;}
.login .content{background-color:#fff;padding: 100px 20px;min-height:700px;}
.login .content .col-md-4 {*width: 29%;}
.login .content .title{text-align:center;  margin-bottom: 20px;}
.login .content p{font-size:16px;}

/** nav side-bar **/
@media (max-width:1285px){.sidebar {z-index:1;position: absolute;width: 290px;}}
.sidebar{text-align:center;z-index: 1;width: 290px;height:100%;background-color: #32363d;z-index:9;position: fixed;
  overflow: auto;margin-left: -1px;}
.sidebar .arrow {
  float: right;
}
.sidebar .first{color:#fff;  height: 90px;padding:0;
  line-height: 90px;
  font-size: 16px;
  margin-right: 1px;position:relative;}
.sidebar .first img{  margin-right: 5px;  position: absolute;
  left: 70px;
  top: 50%;
  margin-top: -14px;}
.sidebar .second{color:#fff;  height: 64px;padding:0;
  line-height: 64px;
  font-size: 16px;  margin-right: 1px;}
.sidebar .first:hover{color:#4bb3ef;background-color:#32363d;}
.sidebar .first.active{color:#4bb3ef;background-color:#32363d;border-top: 1px solid rgba(255,255,255,0.1);
  border-bottom: 1px solid rgba(255,255,255,0.1);border-top:1px solid #424242\9;border-bottom:1px solid #424242\9;margin-top: 1px;}
.sidebar .second:hover{color:#4bb3ef;background-color:#32363d;}
.sidebar .second.active{background-color:#4bb3ef;}
.sidebar .second.active:hover{backgroud-color:#4bb3ef;color:#fff;}
.navbar-collapse{padding:0;  width: auto;
  border-top: 0;
  -webkit-box-shadow: none;
  box-shadow: none;}

/** nav end **/
/** user **/
@media (max-width:1285px)
{#page-wrapper {
  position: inherit;
  margin: 0 0 40px 290px;
  padding: 0 30px;
  border-left: 1px solid #e7e7e7;}}
#page-wrapper {
  margin: 0 0 40px 290px;
  border-left: 1px solid #e7e7e7;
  padding: 0 44px;
  background-color: #f2f2f2;
  min-width: 1088px;
}
#page-wrapper .row{width:100%\9; margin: 0;}
#page-wrapper .content{background-color:#fff;padding:34px 44px;border: 1px solid #ececec;min-width: 1000px;}
#page-wrapper .content .first{border-bottom:1px solid #f0f0f0;height:65px;line-height:60px;}  
#page-wrapper .content .first label{font-weight: normal;
  text-align: left;
  white-space: nowrap;}
#page-wrapper .content .first .form-control{display:inline-block;margin-left:10px;}
.user-info #page-wrapper .content{border: 1px solid #d2d2d2;}
.user #page-wrapper .content table thead tr{height:60px;line-height:60px;border-top: 1px solid #f1f2f4;border-bottom: 1px solid #f1f2f4;}
.user #page-wrapper .content table tbody tr{height:50px;line-height:50px;}
.user #page-wrapper .content  .table>tbody>tr>td{border-bottom: 1px solid #f1f2f4;border-top: 1px solid #f1f2f4;}
.user #page-wrapper .content  .table>tbody>tr>td a{color:#4bb3ef;}
.user #page-wrapper .content  .table>tbody>tr>td span{margin:0 20px;}
.user #page-wrapper .content table thead{background-color:#f9f9fa;}
.user #page-wrapper .content table tr td{vertical-align: middle;color: #8c8c8c;}
.user #page-wrapper .content table tr th{vertical-align: middle;color: #404040;text-align: center;}
.user #page-wrapper .content table tr td input{width:80%;margin-left:10%;}
.user #page-wrapper .content .first label {width: 50%;}
/*.user #page-wrapper .content table tr{height:60px;line-height:60px;text-align:center;border-bottom: 1px solid #f1f2f4;}
.user #page-wrapper .content table thead{background-color:#f9f9fa;}
.user #page-wrapper .content table tr td{vertical-align: middle;color: #8c8c8c;}
.user #page-wrapper .content table tr th{vertical-align: middle;text-align:center;  color: #404040;}
.user #page-wrapper .content table tr td input{width:50%;margin-left:25%;}*/
#page-wrapper .content .api-btn{height:40px;background-color:#4bb3ef;border-radius:5px;width:120px;color:#fff;}
#page-wrapper .content .sub-title{line-height:40px;margin-top:20px;}
#page-wrapper .content .second{padding:30px 30px;background-color:#f9f9fa;border:1px solid #f5f5f6;color:#8c8c8c;}
#page-wrapper .content .third{padding:30px 30px;background-color:#32363d;color:#fff;}
#page-wrapper .title h4{line-height:72px;font-size:16px;}
#page-wrapper .title img{margin-right:16px;  margin-top: -2px;}
.user-info #page-wrapper .content table{margin-bottom:0;}
.user-info #page-wrapper .content table tr{height:50px;line-height:50px;text-align:center;}
.user-info #page-wrapper .content table thead{border-bottom: 1px solid #f1f1f1;}
.user-info #page-wrapper .content table tr td{vertical-align: middle;color:#9e9e9e;}
.user-info #page-wrapper .content table tr th{vertical-align: middle;text-align:center;color: #404040;font-weight: bold;}
.user-info #page-wrapper .content table tr td input{width:50%;margin-left:25%;}
.user-info #page-wrapper .content form .form-group{line-height:60px;border-bottom:1px solid #f1f1f1;}
.user-info #page-wrapper .content form .form-group.last{border-bottom:0;}
.user-info #page-wrapper .content form .form-group label{text-align:center;color:#424242;}
.user-info #page-wrapper .content form .form-group p{color:#9e9e9e;}
.user-info #page-wrapper .content .form-group {margin-bottom: 30px;}
.user-info #page-wrapper .content .form-group label {width: 185px; text-align: right;}
/*.user-api #page-wrapper{padding-top:30px;}*/
.user-api #page-wrapper .content table thead tr{height:60px;line-height:60px;text-align:center;border-top: 1px solid #f1f2f4;border-bottom: 1px solid #f1f2f4;}
.user-api #page-wrapper .content table tbody tr{height:110px;text-align:center;line-height:110px;}
.user-api #page-wrapper .content  .table>tbody>tr>td{border-bottom: 1px solid #f1f2f4;border-top: 1px solid #f1f2f4;}
.user-api #page-wrapper .content  .table>tbody>tr>td a{color:#4bb3ef;}
.user-api #page-wrapper .content  .table>tbody>tr>td span{margin:0 20px;}
.user-api #page-wrapper .content table thead{background-color:#f9f9fa;}
.user-api #page-wrapper .content table tr td{vertical-align: middle;color: #8c8c8c;width:20%;}
.user-api #page-wrapper .content table tr th{vertical-align: middle;text-align:center;  color: #404040;}
.user-api #page-wrapper .content table tr td input{width:50%;margin-left:25%;}
.user-api #page-wrapper .content table tr td img{width:50px;height:50px;}
.user-api #page-wrapper .content table tr.five td a{color:#5bb0e8;}
.user-api #page-wrapper .content table tr.five td span{margin-left:5px;margin-right:5px;}
.page-break{border:1px solid #eeeff1;color:#9e9e9e;height:40px;line-height:40px;}
.page-break .form-control{display:inline-block;width:auto;}
.page-break .left-page a{color:#5bb0e8;}
.page-break .right-page{text-align:right;}
.page-break .right-page a{color:#9e9e9e;}
.page-break .right-page a span{height:60px;}
.page-break .right-page div{border-left:1px solid #eeeff1;margin-right: -5px;display:inline-block;height:40px;padding-left:20px;padding-right:20px;}
.page-break .right-page a:active div{background-color:#f9f9fa;color:#404040;font-size:14px;}
.footer2{background-color: #fff;
  position: fixed;
  padding: 15px 20px;
  bottom: 0;
  width: 100%;
  left: 0;
  margin: 0;}
/*api choose start*/
#chooseBlock .active {background-color: #03c5ff;}
#chooseBlock li:hover {cursor: pointer;}
.api-block {height: 350px; margin-top: 20px;}
.api-block ul {float: left; width: 250px; height: 320px; background: #f7f7f7; overflow-y: auto; overflow-x: hidden; padding: 15px 0;}
.api-block i {float: left; width: 100px; text-align: center; height: 320px; line-height: 320px;}
.api-block ul li {height: 28px; line-height: 28px; padding: 0 20px;}
.apply-block .apply {background-color: #4bb3ef; color: #fff; padding: 10px 40px; border-radius: 4px; margin-left: 120px;}
.apply-block .hint {display: none; color: red; margin-left: 20px;}
/*api choose end*/
/** user end **/

/** affix **/
.dictionary { padding-bottom: 50px; }
.dictionary ul.nav-tabs{
        margin-top: 20px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    }
    .dictionary ul.nav-tabs li{
        margin: 0;
        border: 1px solid #ddd;
    	background-color:#f9f8f7;
    	margin-bottom:1px;
    }
    .dictionary ul.nav-tabs li.total{
    	background-color:#46acf7;
    	margin-bottom:2px;
    	font-size:16px;
    	color:#fff;
        padding: 20px 16px;
    }
    .dictionary ul.nav-tabs li:first-child{
        border-top: none;
    }
    .dictionary ul.nav-tabs li a{
        margin: 0;
        padding: 8px 16px;  border-radius: 0;
        overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
    }
    .dictionary ul.nav-tabs li.active a, .dictionary ul.nav-tabs li.active a:hover{
        color: #46acf7;
        background: #fff;
        border: 2px solid #46acf7;
    }
    .dictionary ul.nav-tabs.affix{
        top: 30px; /* Set the top position of pinned element */
        position: relative;
    } 

/** affix end **/
/** dictionary **/
.dictionary .content .title img{margin: 0 10px 13px 0;}
.dictionary .content .title h2{display: inline-block;}
.dictionary .content table{margin-top:20px;}
.dictionary .content table tr{height:60px;line-height:60px;text-align:center;border-bottom: 2px solid #f1f2f4;}
.dictionary .content table thead{background-color:#f9f9fa;}
.dictionary .content table tr td{vertical-align: middle;color: #8c8c8c;width:20%;}
.dictionary .content table tr th{vertical-align: middle;text-align:center;  color: #404040;}
.dictionary .content table tr.five td a{color:#5bb0e8;}
.dictionary .content table tr.five td span{margin-left:5px;margin-right:5px;}
/** dictionary end **/
/** catalog **/
.catalog .container{border-bottom: 1px solid #ececec;padding: 20px 10px 30px 10px;}
.catalog .title img{margin: 0 10px 8px 0;width:30px;}
.catalog .title h3{display: inline-block; font-size:22px; zoom: 1\9; display: inline\9;}
.catalog .content .col-md-4 {padding-left: 50px; *+width: 28%;}
.catalog .content h4 div{text-align: left;}
.catalog .content h4 a{color:#4bb3ef;}
.catalog .content p{color:#303030;font-size:14px;line-height:18px;margin-left:20px;}
.catalog .content .col-md-4 h4{width:90%;margin-top:20px;}
/** catalog end **/
/** apiDetail **/
.apiDetail{background-color:#f7f7f7;padding:40px 0 80px;}
.apiDetail .info{position:relative;border:1px solid #e6e6e6;background-color:#fff;padding:30px 20px 20px 300px; *width: 75%;}
.apiDetail .info img{position:absolute;top:50%;margin-top:-90px;left:60px;height:180px;width:180px;border-radius:50%;}
.apiDetail .info p{line-height:24px;}
.apiDetail .info h2{*+margin-top: 80px;/* IE6, IE7*/}
.apiDetail .info .apply{
position:absolute;
right:0;
bottom:0;
text-align:center;
color:#fff;
width:180px;
height:60px;
line-height:60px;
background-color:#47abf7;
cursor: pointer;}
.apiDetail .info .not-support{
position:absolute;
right:0;
bottom:0;
text-align:center;
color:#fff;
width:180px;
height:60px;
line-height:60px;
background-color:#cccccc;}
.apiDetail2 {
	padding-bottom: 40px;
	border-top: 2px solid #47abf7;
	background-color: #fff;
}
.apiDetail2 #myTab{margin-top:-44px;}
.apiDetail2 .nav-tabs {
  border-bottom: 0;
}
.apiDetail2 .nav-tabs>li.active>a, .apiDetail2 .nav-tabs>li.active>a:focus, .apiDetail2 .nav-tabs>li.active>a:hover {
  border: 2px solid #47abf7;
  border-bottom-color: transparent;
}
.apiDetail2 .tab-content .nav-tabs>li>a, .apiDetail2 .tab-content .nav-tabs>li>a:focus, .apiDetail2 .tab-content .nav-tabs>li>a:hover {
  border: 2px solid #d7d7d7;background-color:#f9f8f7;border-radius:0;
}
.apiDetail2 .tab-content .nav-tabs>li.active>a, .apiDetail2 .tab-content .nav-tabs>li.active>a:focus, .apiDetail2 .tab-content .nav-tabs>li.active>a:hover {
  color: #47abf7;border: 2px solid #47abf7;background-color:#fff;border-radius:0;
}
.apiDetail2 .tab-content .nav-tabs>li{margin-bottom:10px;}
.apiDetail2 .tab-content .tab-pane p{line-height:40px;color:#6b6b6b;}
.apiDetail2 .tab-content .tab-pane .table thead{background-color:#f9f8f7;}
.apiDetail2 .tab-content .tab-pane .table tbody tr td {word-break: break-all;}
.apiDetail2 .tab-content .tab-pane .json-return{background-color:#eeeffb;color:#cf163e;padding:20px;border:1px solid #c8c8c8;}
.apiDetail2 #myTabContent{padding-top:30px; *+margin-top: 44px;}
.apiDetail2 .tab-content .tab-pane .table .sub-field {background-color: #e2e3e8;}
.apiDetail2 .tab-content .tab-pane .table .sub-field td {border: none;}
.apiDetail2 .tab-content .tab-pane .table .first-child {
	box-shadow: inset 0px 10px 10px #d9d9e1;
	-moz-box-shadow: inset 0px 10px 10px #d9d9e1; /* 老的 Firefox */
	-webkit-box-shadow: inset 0px 10px 10px #d9d9e1;
}
.apiDetail2 .tab-content .tab-pane .table th {display: table-cell;}
/** apiDetail end **/
/**order detail **/
.orderDetail #page-wrapper .content .first{margin-top:20px;margin-bottom:40px;height:auto;background-color:#f9f9fa;border:1px solid #eeeff1;padding:15px 30px;}
.orderDetail .content .title p span{float:right;}
.orderDetail .content .cont1{color:#9d9d9d;}
.orderDetail .content .cont1 img {max-width: 100%;}
.orderDetail .content .first .title{border-bottom:1px solid #eeeff1;}
.orderDetail .content .second2{line-height:65px;margin-bottom:40px;padding:15px 30px;background-color:#fff;}
.orderDetail .content .second2 .cont1{color:#9e9e9e;}
.orderDetail .content .second2 .title{border-bottom:1px solid #eeeff1;}
.orderDetail .but{text-align:right;margin-bottom:40px;}
.orderDetail .but .resolve{background-color:#4bb3ef;color:#fff;padding:10px 40px;border-radius:4px;margin-right:20px;}
.orderDetail .but .no.resolve{background-color:#bfbfbf;}

/**order detail end **/
/** creatOrder **/
.creatOrder .content .first .tit1{text-align:right;}
.creatOrder #page-wrapper .content .first .form-control {
  display: inline-block;
  margin-left: 0px; 
  border-color: #e2e2e2;
  border-radius: 0;
  height: 40px;
}
.creatOrder #page-wrapper .content .first textarea.form-control {height:auto;margin-top: 20px;}
.creatOrder #page-wrapper .content .first {height:auto;}
.creatOrder #page-wrapper .content .but{margin:40px;}
.creatOrder .content .but .apply{background-color:#4bb3ef;color:#fff;padding:10px 40px;border-radius:4px;margin-right:20px;}
/** creatOrder end **/
/** myOrder **/
/*.myOrder #page-wrapper{padding-top:40px;}*/
.myOrder #page-wrapper .content{padding: 51px 44px 34px;}
.myOrder #page-wrapper .content .catalog-tab{}
.myOrder #page-wrapper .content .catalog-tab .col-md-12{margin-bottom:26px;}
.myOrder #page-wrapper .content .catalog-tab .cont{  padding: 16px 0;color:#424242;}
.myOrder #page-wrapper .content .catalog-tab .cont:hover{color:#4bb3ef;}
.myOrder #page-wrapper .content .catalog-tab .cont span{  padding-right: 25px;  padding-left: 25px;
  border-right: 1px solid #424242;}
.myOrder #page-wrapper .content .catalog-tab .cont.active{background-color:#4bb3ef;color:#fff;margin-left: -5px;*margin-left:0;}
.myOrder #page-wrapper .content .catalog-tab .cont.active span{  padding-right: 25px;
  border-right:none;margin-top: -15px;}
.myOrder #page-wrapper .content .catalog-tab .creat{*margin-top:-30px;float:right;background-color:#4bb3ef;color:#fff;padding:10px 40px;border-radius:4px;}
/** myOrder end **/

/**login page**/
.login-div{padding:25px}
.login-content{border:1px solid #e3e3e3;padding-top:30px}
.login-content-up{height:220px}
.login-content p{margin-top:15px}
.login-bottom-tip{margin-top: 28px;width:100%;height: 34px;display: inline-block;line-height: 34px;text-align: center;background-color: #f5f5f5;border-top: 1px solid #e3e3e3;}
/**login page end**/

/**search**/
.hightlighterCss {color: red;}
/**search end**/

/** 404 page **/
.error-page{position:relative;}
.error-page .error-btn{position:absolute;left:50%;padding:20px;top:50%;}
.error-page .error-btn a{background-color:#47abf7;color:#fff;padding:10px 30px;display:inline-block;margin-right:20px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);margin-left:10px;}

/** 404 page end **/
/** noright page start **/
.noright-page{position:relative;text-align:center;background-color:#fff;}
.noright-page img{margin-top:10%;}
.noright-page p{color:#828282;margin-top:40px;font-size:20px;}
.noright-page p a{color:#529ed8;text-decoration: underline;}
/** noright page end **/
/** faq && notice **/
.faq-notice .container{padding:0;}
.other-list .block1{position:relative;padding-bottom:40px;padding-top:5%;*padding-top:7%;*padding-bottom:10px;background: url("../images/faq-banner.jpg") no-repeat;background-size:cover;}
.other-list .block1 h3{margin-top:10px;}
.other-list .block1 p{width:42%;margin-top: 30px;}
.other-list .header-l .search{
	height:50px;
	width:80%;
	border:0;
	margin-left:10%;
  	margin-top:5%;
  	text-indent: 20px;
  	padding-right: 30px;
  	*text-indent: 0px;
  	*padding-right: 0px;
}
.other-list3{background-color:#fcfcfc;padding-bottom:84px;position:relative;}
.other-list3 .title{position: relative;margin: 64px 25px 64px 0;font-size:22px;  border-left: 2px solid #50a0d9;}
.other-list3 .title h4{font-size:24px;margin-left: 25px;}
.other-list3 .bg{box-shadow:0px 10px 5px #D6D6D6;width:100%;}
.other-list3 .desc{position:absolute;top:50%;width:16%;}
.other-list3 .desc h4{font-size:22px;color:#464646;}
.other-list3 .desc p{color:#7f7f7f;text-align:justify;}
.other-list3 .desc.desc1{left:27%;}
.other-list3 .desc.desc2{left:75%;left:74%\9;}
.other-list .header-l .search-a{bottom:12px;right:70px;}
.other-list{color:#fff;background-color:transparent;background-size:100%;}
.other-list .use{background-color:transparent;color:#fff;  width: 180px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border: 1px solid #fff;
  margin-top: 20px;}
.other-list .col-md-12-inline {
  width: 40%;
  display: inline-block;
  position: absolute;
  top: 20%;
  right: 0;
}
.other-list2{padding-top: 64px;background-color:#f8f8f8;padding-bottom: 64px;min-width:970px;}
.other-list2 .title{border-bottom:2px solid #50a0d9;}
.other-list2 ul{position:relative;  margin-bottom: 30px;*border-bottom:none;}
.other-list2 ul .item{  box-shadow: 0px 5px 10px #ececec;padding-right:50px;
	border-radius:5px;position:relative;padding-left:50px;
	margin-bottom:20px;background-color:#fff;height:64px;
	line-height: 64px;border-bottom:1px solid #ececec;}
.other-list2 ul .item a{color:#000;}
.other-list2 ul .item p {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.other-list2 ul .item .search-img1{position:absolute;height:22px;width:21px;left:15px;top:50%;margin-top:-10px;}
.other-list2 ul .item .search-img2{position:absolute;height:22px;width:21px;right:15px;top:50%;margin-top:-10px;}
.other-list2 ul span{position: absolute;
right: 50px;}
.other-list2 .more{margin-top:20px;margin-left:15px;}
.other-list2 .more a{color:#337ab7;float:right}
.other-list2 .nav-tabs>li.active>a, .other-list2 .nav-tabs>li.active>a:focus, .other-list2 .nav-tabs>li.active>a:hover{
margin-right: 25px;background-color:transparent;border:none;border-bottom:2px solid #47abf7;color:#47abf7;font-size:20px;
}
.other-list2 .nav-tabs>li>a{color:#464646;font-size:20px;margin-right:25px;}
/** faq && notice end **/

/** support start **/

.support-resource{position:relative;height:400px;}
.support-resource .resource-left{float:left;width:32%;height:100%;border:1px solid #D5D5D5;border-top:0 none;}
.support-resource .resource-right{float:right;width:67%;height:100%;border:1px solid #D5D5D5;border-top:0 none;}
.support-resource .title-info{padding-top:40px;height:200px;color:#fff;}
.support-resource .title-info h4{font-size:16px;margin-bottom:20px;}
.support-resource .resource-left .title-info{padding:40px 40px 0 40px;background:url(../images/support/resource-API.jpg) no-repeat;background-size:cover;}
.support-resource .resource-right .title-info{text-align:center;background:url(../images/support/resource-DOC.jpg) no-repeat;background-size:cover;}

.support-resource .resource-links{
	float:left;width:100%;margin-top:30px;
}
.support-resource .resource-links li{
	float:left;width:100%;height:40px;line-height:40px;padding-left:40px;
}
.support-resource .resource-links li a{
	color:#51B4ED;
}
.support-resource .resource-links li a:hover{
	text-decoration:underline;
}
.support-resource .resource-right .resource-links li{width:50%;*width:20%;padding-left:135px;}

.support-tools{float:left;width:100%;}
.support-tools .tools-item{
	float:left;display:inline-block;*display:inline;width:24%;height:40px;line-height:40px;padding-left:50px;margin-bottom:30px;color:#646464;font-size:16px;
}
.support-tools .tools-item.pay{
	background:url(../images/support/icon_pay.png) no-repeat;background-size:40px 40px;
}
.support-tools .tools-item.pay:hover{
	color:#51B4ED;
	background:url(../images/support/icon_pay_hover.png) no-repeat;background-size:40px 40px;
}
.support-tools .tools-item.qr{
	background:url(../images/support/icon_qr.png) no-repeat;background-size:40px 40px;
}
.support-tools .tools-item.qr:hover{
	color:#51B4ED;
	background:url(../images/support/icon_qr_hover.png) no-repeat;background-size:40px 40px;
}
.support-tools .tools-item.diagnoise{
	background:url(../images/support/icon_diagnoise.png) no-repeat;background-size:40px 40px;
}
.support-tools .tools-item.diagnoise:hover{
	color:#51B4ED;
	background:url(../images/support/icon_diagnoise_hover.png) no-repeat;background-size:40px 40px;
}
.support-tools .tools-item.encode{
	background:url(../images/support/icon_encode.png) no-repeat;background-size:40px 40px;
}
.support-tools .tools-item.encode:hover{
	color:#51B4ED;
	background:url(../images/support/icon_encode_hover.png) no-repeat;background-size:40px 40px;
}
.support-tools .tools-item.IC{
	background:url(../images/support/icon_IC.png) no-repeat;background-size:40px 40px;
}
.support-tools .tools-item.IC:hover{
	color:#51B4ED;
	background:url(../images/support/icon_IC_hover.png) no-repeat;background-size:40px 40px;
}

.suppport-respcode{
	position:relative;height:100px;
}
.suppport-respcode .respcode-item{
	display:inline-block;width:48%;height:100px;line-height:100px;font-size:18px;text-align:center;color:#fff;
}
.suppport-respcode .respcode-item.ins{
	float:right;background:url(../images/support/support_respCd_ins.png) no-repeat;background-size:100% 100%;
}
.suppport-respcode .respcode-item.mch{
	float:left;background:url(../images/support/support_respCd_mch.png) no-repeat;background-size:100% 100%;
}

.other-list2 .support-nav2{position:relative;height:50px;margin-bottom:30px;}

.support-faq{position:relative;height:300px;}
.support-faq-item{float:left;display:inline-block;*display:inline;width:32.3%;*width:30.3%;height:100%;margin-right:1%;padding:10px 10px 0 10px;border:1px solid #D5D5D5;background:#fff;}
.support-faq .support-faq-item .faq-catalog h4{font-size:16px;color:#323232;}
.support-faq .support-faq-item .faq-catalog h4 a{font-size:14px;color:#FC6120;}

.support-faq .support-faq-item .faq-list .faq-link-item{
	position:relative;height:40px;line-height: 40px;
	background-color:#fff;color:#282828;
}
.support-faq .support-faq-item .faq-list .faq-link-item a{
	color:#282828;
}
.support-faq .support-faq-item .faq-list .faq-link-item a:hover{
	color:#51B4ED;text-decoration:underline;
}
.support-faq .support-faq-item .faq-list .faq-link-item p{
	text-overflow:ellipsis;overflow:hidden;white-space:nowrap;
}

/** support end **/

.notice-header .block1{
	position:relative;
	background-image: -webkit-gradient(linear, 0 50%, 50% 75%,from(#4bb3ef), to( #50CFD7));
    background-image: -webkit-linear-gradient(315deg, #4bb3ef 50%,#50CFD7 75%);
    background-image: -moz-linear-gradient(45deg, #4bb3ef 50%,#50CFD7 75%);
    background-image: -ms-linear-gradient(45deg, #4bb3ef 50%,#50CFD7 75%);
    background-image: -o-linear-gradient(45deg, #4bb3ef 50%,#50CFD7 75%);
    background-image: linear-gradient(135deg, #4bb3ef 50%,#50CFD7 75%);
    background-color: #4bb3ef\9;
	background-size:cover;
}
.notice-header .block1 h3{margin-top:10px;}
.notice-header .block1 p{width:50%;margin-top: 30px;}
.notice-header .block1 a {color: #fff;}
.notice-header .header-l .search{
	height:50px;
	width:80%;
	border:0;
	margin-left:10%;
  	margin-top:10px;
  	text-indent: 20px;
  	padding-right: 30px;
  	*text-indent: 0px;
  	*padding-right: 0px;
}
.notice-header .header-l .search-a{  right:62px;bottom:12px;
}
.notice-header{background-color:transparent;background-size:100%;*width:100%;}
.notice-header .use{background-color:transparent;color:#fff;  width: 180px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border: 1px solid #fff;
  margin-top: 20px;}
.notice-header .col-md-12-inline {
  width: 40%;
  display: inline-block;
  position: absolute;
  top: 20%;
  right: 0;
}
.faaa {
	background:url("../images/arrow.png");
	display:block;
	width:20px;
	height:20px;
	float:left;
	margin: 10px 12px 0 56px;
	}
/** follow us start **/
.follow-us {position: fixed; bottom: 280px; right: 0px; z-index: 1;}
.follow-us .follow-frame {
	width: 40px;
	+width: 20px;
	font-size: 20px;
	color: #646464;
	padding: 20px 10px;
	background-color: #ffffff;
	border: solid 1px #e1e1e1;
	height: 160px;
	+height: 120px;
	line-height: 22px;
	float: right;
}
.follow-us .follow-frame img {margin-bottom: 10px;}
.follow-us .qr-code {
	background-image: url(../images/follow-qrborder.png);
	background-size: 100% 100%;
	float: right;
	height: 160px;
	height: 162px\9;
	margin-right: 20px;
	width: 200px;
	width: 198px\9;
	display: none;
}
.follow-us .qr-code .main-frame {width: 184px;}
.follow-us .qr-code .main-frame .qr-frame {
	width: 128px; height: 128px; border: solid 1px #e1e1e1; margin: 16px auto;
}
.follow-us .qr-code .main-frame .qr-frame img {width: 120px; margin: 3px;}
/** follow us end **/
/** page **/

/** page end **/

/** **/
.find-more{border-top: 6px solid #42abe8;display:block;background-color: #fff;width: 225px;font-size: 16px;position:relative;margin: 0px auto;}
.find-more:before, .find-more:after{position:absolute; content:"" ;height: 46px;width: 51px;top: -6px;background-size: cover;background-repeat: no-repeat;}
.find-more:before{background-image:url("../images/btn-bg-left.png");left:-48px;}
.find-more:after{background-image:url("../images/btn-bg-right.png");right:-48px;}
.find-more a{display: block;line-height:40px;color:#42abe8;}
.find-more a:hover{color:#337ab7}
.find-more a:visited{color:#337ab7;text-decoration: none;}
.find-more a:focus{color:#337ab7;text-decoration: none;}

/**faq详情start**/
.faq-detail {
	margin-left:32px;
}
.faq-detail .faq-time {
	color:#999;font-size:12px;
}
.faq-detail .faq-content {
	margin-top:30px;word-wrap: break-word;
}
.faq-detail .faq-question {
	background-color: #f0f0f0;
    padding: 10px;
    font-size: 15px;
    font-style: italic;
}
.faq-detail .faq-answer {
	background-color: #f9f8f7;
    min-height: 300px;
    padding: 10px;
    margin-top: 30px;
    font-size: 16px;
}
/**faq详情end**/

/** h5 **/
.index-h5 .swiper-button-next{top:auto;margin-left:-27px;
  width: 55px;
  height: 19px;
  background-size: 55px 19px;
  background-image:url(../images/h5/h5-arrow.png);left:50%;width:55px;}
/** desc1 **/
.desc-bg{position:absolute;height:100%;width:100%;padding-left:7%;padding-right:7%;}
.desc-bg.first-bg{background:url(../images/h5/bg1.jpg);background-size:100% 100%;text-align:center;}
.desc-bg.first-bg ul{margin-top:27%;}
.desc-bg.first-bg ul li{position:relative;}
.desc-bg.first-bg ul li .intro{position:absolute;top:25%;width:100%;padding:0 20px;text-align:left;}
.desc-bg.first-bg ul li h4{font-size:18px;color:#8e7be2;}
.desc-bg.first-bg ul li p{font-size:16px;color:#9a9a9a;}
.p1m{width:100%;box-shadow:0px 0px 25px #B694FC;}
.unionpay-logo{ width: 65%;position: relative;margin-top: 15%;}
/** desc2 **/
.desc-bg.second-bg{background:url(../images/h5/bg2.jpg);background-size:100% 100%;}
.desc-bg .title{color:#fff;margin-top:5%;}
.desc-bg .title h4{font-size:20px;}
.desc-bg .title p{font-size:16px;  opacity: 0.5;}
.desc-bg .content{  background-color: #fff;  height: 75%;
  width: 100%;
  text-align: center;
  margin-top: 6%;
  border-radius: 5px;
  box-shadow: 0px 0px 18px #B694FC;}
.desc-bg .content ul{padding-bottom:5%;overflow-y: hidden;height:100%;}
.desc-bg .content .content-item{padding-top:5%;}
.desc-bg .content .content-item img{width:18%;}
.desc-bg .content .content-item h4{color:#000;font-size:15px;  font-weight: bold;}
.desc-bg .content .content-item p{color:#737373;font-size:14px;margin-bottom:2px;  opacity: 0.7;}
.desc-bg .arrow{width:55px;height:19px;}
/** desc3 **/
.desc-bg.third-bg{background:url(../images/h5/bg3.jpg);background-size:100% 100%;}
/** desc4 **/
.desc-bg.forth-bg{background:url(../images/h5/bg4.jpg);background-size:100% 100%;}
/** desc5 **/
.desc-bg.fifth-bg{background:url(../images/h5/bg5.jpg);background-size:100% 100%;}
/** h5 end **/
/** sol-detail **/
.sol-ul1>li{position:relative;width:33%;float:left;}
.sol-ul1>li p{margin-top:40px;font-size:18px;}
.sol-ul2{min-height:400px;margin:0 auto;}
.sol-ul2>li{position:relative;width:22%;margin-left:2.5%;margin-right:2.5%;float:left;background-color:#fff;
border:1px solid #c8c8c8;padding:40px 20px 60px 20px;*padding-top:0;*width:20%;*padding-bottom:0px;}
.sol-ul2>li h3{color:464646;margin-bottom:40px;}
.sol-ul2>li ul{margin-bottom:40px;  min-height: 100px;}
.sol-ul2>li ul li{text-align:left;color:#646464;line-height:22px;
font-size:16px;margin-bottom:10px;line-height:22px;}
.sol-title2{border:1px solid #969696;color:#464646;border-radius:32px;line-height:64px;font-size:22px;
margin:0 auto;width:25%;margin-top:64px;margin-bottom:64px;}
.sol-ul3{min-height:480px;}
.sol-ul3 li{width:21%;margin-left:2%;margin-right:2%;float:left;*width:20%;}
.sol-ul3 li img{width:100%;box-shadow: 0px 0px 18px #C6C6C6;}
.sol-ul4 li{width:21%;margin-left:2%;margin-right:2%;color:#464646;float:left;text-align:left;*width:20%;}
.sol-ul4 li h4{font-size:18px;color:#464646;margin:20px 0;font-weight:600;}
.sol-ul4 li p{font-size:14px;color:#969696;line-height: 20px;}
.sol-ul4{min-height:140px;}
.sol-ul5{min-height:180px;}
.sol-ul5 li{width:17%;margin-left:4%;margin-right:4%;float:left;*width:16%;}
.sol-ul5 li img{height:160px;}
.sol-ul6 li{width:17%;margin-left:4%;margin-right:4%;color:#464646;float:left;text-align:left;*width:16%;}
.sol-ul6 li h4{font-size:20px;color:#464646;margin:20px 0;  text-align: center;}
.sol-ul6 li p{font-size:14px;color:#969696;line-height: 20px;}
.sol-ul6{min-height:140px;}
.sol-contact1{color:#fff;position:absolute;top:42%;left:45%;line-height:22px;}
/** sol-detail end **/


/** timeliner css   **/
.timeline{height:200px;padding-top:150px;*height:100px;*padding-top:100px;}
#timeline {display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;
padding: 0 5%;border-top: 3px solid #eee9dc;list-style: none;}
#timeline li {float:left;display:inline-block;position: relative;width:20%;height:1px;}
#timeline .message {position: absolute;height:92px;width:280px;top:-135px;left:50%;margin-left:-140px;padding: 10px 70px;*padding:10px 0;display:none;
background-image: url(../images/time_point_label.png);background-repeat: no-repeat;text-align:center;}
#timeline .message h5{font-size:18px;color:#0E4362;}
#timeline .message p {display: block;font-weight: 400;font-family: MicrosoftYaHei;font-size: 14px;color: #1C4A65;
letter-spacing: 0;line-height: 19px;}
#timeline .message a{float: right;color: rgba(22,155,232,0.6);}
#timeline .date {position: absolute;width: 100%;text-align: center;top: 20px;}
#timeline .circle {position: absolute;width:35px;height:35px;margin-left: -17.5px;margin-top:-17.5px;top:50%;left: 50%;
background-image:url("../images/time_point.png");background-repeat: no-repeat;cursor:pointer;}
#timeline .checked .message{display:block;}
#timeline .checked .date{color: rgba(22,155,232,0.6);}
#timeline .checked .circle{background-image:url("../images/time_point_hover.gif");background-repeat: no-repeat;}

/*  */
.cd-timeline-navigation{list-style: none;}
.cd-timeline-navigation a {position: absolute;padding: 0 3%;transform: translateY(-50%);-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.cd-timeline-navigation a::after {content: '';position: absolute;height: 16px;width: 16px;left: 50%; top: 50%;
bottom: auto;right: auto;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);background: url(../img/cd-arrow.svg) no-repeat 0 0;}
.cd-timeline-navigation a.prev {left: 0;}
.cd-timeline-navigation a.next {right: 0;}
/** timeliner css end  **/