body
{
	font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",sans-serif;;
	margin: 0;
	overflow:-Scroll;	
	background-color: #ffffff;
  line-height: 1.5;
	}
div{margin:0;border:0;padding:0;}
p{
  letter-spacing:0.5px;
}
.middle{
	width:1200px;
  margin-left: auto;
  margin-right:auto;
  height: auto;
 }
.header
{
	margin-top:-10px;
  padding:0;
  height:600px;
  background-image: linear-gradient(90deg, #1781E4 0%, #49D9EC 100%);
}
.topitems{
  z-index:999; 
  position:relative;
  background-color: rgb(255, 255, 255, .1);
  height:87px;
}
.fixtopnav{
  position:fixed;
  background-color: rgba(33, 99, 241, 0.4);
  width:100%;
  margin:0;
  left:0;
  top:0;
  margin-top:-10px;
}
a{
	text-decoration:none;
	color:#FFF;
	font-size:14px;	
  display: block;	
	}

.header-logo {
  display: inline;
  float:left;
  padding-right:42px;
  padding-top:38px;
}
.header-logo-img {
  width: 64px;
  height: 50px;
  background-repeat: no-repeat;
  background-position:center;
}
ul{
	list-style: none;
}
#menu1 li{
	padding-right: 36px;
  padding-top: 38px;
  float: left;
}
#menu2 li{
	padding-right: 20px;
  padding-top: 0px;
  float: right;
  padding-top: 35px;
}
.topnav{
  z-index: 1;	
}
a:hover,a:focus{
	color: rgb(255, 255, 255);
	
	text-decoration:none;
}
 a:click{
	color: rgb(255, 255, 255);
	opacity:0.5;
	text-decoration:none; 
 } 
 .topword{
   float:left;
   color: #fff;
   padding-top: 16%;
   margin-left: 100px;
   margin-right: 50px;
 }
 .advpic{
   margin-top:0px;
   margin-left:300px;
 }

/* 轮播小导航*/
 .carousel-indicators li {
  display: inline-block;
  transform:skew(30deg);
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(255,255,255,0.5);
  border-radius: 1px;
  width:8px;
  height:11px;
}
.carousel-indicators .active {
  width: 16px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
/* 轮播小导航*/

/* 第2屏*/
 .contentvideo{
   height: 600px;
   background-color: #F7FAFC;
   margin-top: 0px;
   padding: 80px 30px 30px 30px;
 }
.bigp{
  font-size: 16px;
}
.leftp{
  text-align:left;
  padding-left: 20px;
}
/* 第3屏*/
.contentfeature{
  height: 640px;
  background-color: #fff;
  margin-top: 0px;
  padding: 80px 30px 30px 30px;
  text-align: center;
}
.featurearea{
   width:204px;
   height:350px;
   padding-right:25px;
   padding-left:25px;
   float: left;
}

/* 第4屏*/
.contentadventage{
  height: 800px;
  background-color: #409FFA;
  margin-top: 0px;
  padding: 80px 30px 30px 30px;
  text-align: center;
}
.adventagearea{
  width: 290px;
  height:430px;
  background-color: #ffffff;
  border-radius: 28px;
  float: left;
  margin-right: 75px;
  padding:40px 5px 40px 5px;
}

/* 第5屏*/
.contentservice{
  height: 1000px;
  background-color: #fff;
  margin-top: 0px;
  padding: 80px 30px 30px 30px;
  text-align:center;
}
.servicearea{
  width:900px;
  padding-left:150px;
  padding-right:10px;
  padding-top:20px;
  padding-bottom: 20px;
  float:left;
}

/* 第6屏*/
.contentplan{
  height: 800px;
  background-color: #489AF9;
  margin-top: 0px;
  padding: 80px 30px 30px 30px;
  text-align: center;
  background-image: url(../images/planbg.png);
  background-repeat: no-repeat;
  background-position:center;
}
.planarea{
  width: 315px;
  height:414px;
  background-color:rgba(255, 255, 255, .17);
  border-radius: 20px;
  float: left;
  margin-left: 40px;
  padding:30px;
  text-align: center;
}

/* 第7屏*/
.contentmates{
  height: 720px;
  background-color: #ffffff;
  margin-top: 0px;
  padding: 80px 30px 30px 30px;
  text-align: center;

}

/* 第8屏*/
.contentnews{
  height: 650px;
  background-color: #F4F7F9;
  margin-top: 0px;
  padding: 80px 30px 30px 30px;
  text-align: center;
}
.newsli{
  color:#333;
  text-align: left;
  padding-bottom: 25px;
}
.newsli:hover{
  color:#999;
}
 .footer{
	 background-color: #041D3A;
   height:360px;
	 color:#fff;
	 text-align: center;
	 padding-top:60px;   
 }
 .footbigwords{
  font-size:18px;
  padding-bottom: 16px;
 }
.greywords{
	color:#333;
}
.whitewords{
  color:#fff;
}
.justifywords{
	text-align: justify;
}
.btnorg{
  background-color:#F5A623;
	height:42px;
	width:164px;
	border: none;
	color: white;
	border-radius: 16px;
}
.btnorgb{
  background-color:#F8B64B ;
	height:42px;
	width:260px;
	border: none;
  border-radius: 8px;
  margin: 0 auto;
  margin-top: 45px;
  margin-bottom: 15px;
}
.btnblue{
  background-color:#2674CF;
	height:46px;
	width:184px;
	border: none;
	color: white;
	border-radius: 28px;
}
.btnorg:hover{
  background-color:rgb(242, 155, 4,.9)
}
.btnorgb:hover{
  background-color:rgb(242, 155, 4,.9)
}
h3{
  font-size: 22px;
  font-weight: 200
}
h2{
  font-weight: 350;
}
h1{
  font-weight: 400;
}
.greya a:visited{
  color:#333;
}
.greya a:hover{
  color:#666;
}

/*证书css*/
.centiheader{
  margin-top:-10px;
  padding:0;
  height:410px;
  background-image: linear-gradient(90deg, #488CF5 35%, #4BCBF3 100%); 
}
.centitopword{
  
  color: #fff;
  padding-top: 7%;
  margin-left: 200px;
}
.contentcentiplan{
  background-color: #fff;
  height:2100px;
  margin-top: 0px;
  padding: 80px 30px 30px 30px;
  text-align: center;
  background-image: url(../images/centiplanbg.png);
  background-repeat: no-repeat;
  background-position:center;
}
.centibackbg{
  height:340px;
  width: 831px;
  background: #FFFFFF;
  box-shadow: 0 0 16px 0 #CADBEA;
  border-radius: 28px;
  margin:0 auto;
  margin-top: -100px;
  margin-bottom: 100px;
  padding: 60px 70px 60px 70px;
  line-height: 1.8;
}
.timelinesqr{
  width:448px;
  height:120px;
  padding:15px 18px 12px 30px;
  background: #f4f4f4;
  border-radius: 28px;
}
.floatleft{
  float: left;
  margin-left: 100px;
  text-align: right;
}
.floatright{
  float: right;
  margin-right: 100px;
  text-align: left;
}
.bluewords{
  color: #093799;
}
.centivalue{
  height:610px;
  background-color: #177ED0;
  padding:100px 50px 100px 50px;
  color: #fff;
  background-image: url(../images/valuepic.png);
  background-repeat: no-repeat;
  background-position:center;
}
.centicase{
  height:1250px;
  background-color: #fff;
  padding: 100px 50px 100px 50px;
}
.centiwordsqr{
  background: #F6F6F6;
  width:612px;
  height:320px;
  padding:74px;
  text-align: left;
  line-height: 2;
  margin-left: 60px;
}
.access{
  height:280px;
  background-color: #177ED0;
  background-image: url(../images/accessbg.png);
  background-repeat: no-repeat;
  background-position:center;
  background-size:cover;
  padding:50px 30px 60px 30px;
}

/*破产css*/
.bankrheader{
  margin-top:-10px;
  padding:0;
  height:410px;
  background-image: linear-gradient(0deg, #EEEEEE 0%,#0EDAF8 0%, #1781E4 100%);
}

.contentbankr{
  background-color: #F3F7F9;
  height:2140px;
  margin-top: 0px;
  padding: 80px 30px 30px 30px;
  text-align: center;
}
.bankrplan1{
  height:670px;
  background-color: #fff;
}
.bankrplan2{
  height:800px;
  background-color: #fff;
  margin-top:80px;
}
.bankrwordsqr{
  width:600px;
  text-align: right;
  float: left;
  padding: 50px 50px 50px 60px;
  line-height: 2;
}
.bankrwordsqr2{
  width:600px;
  text-align: left;
  float: right;
  padding: 50px 70px 50px 50px;
  line-height: 2;
}
.bankrvalue{
  height:470px;
  background-color: #1740a6;
  padding:100px 50px 50px 50px;
  color: #fff;
  text-align: center;
  background-image: url(../images/bankrvaluepic.png);
  background-repeat: no-repeat;
  background-position:center;
  background-size:cover;
}
.valuearea{
  width:255px;
   padding-right:40px;
   padding-left:40px;
   float: left;
}

/*防伪溯源css*/

.contenttraceplan2{
  background-color: #fff;
  height:2500px;
  margin-top: 0px;
  padding: 80px 30px 30px 30px;
  text-align: center;
}
.tracebg{
  height:340px;
  width: 831px;
  background: #FFFFFF;
  box-shadow: 0 0 16px 0 #CADBEA;
  border-radius: 28px;
  margin:0 auto;
  margin-top: -130px;
  margin-bottom: 100px;
  padding: 60px 70px 60px 70px;
  line-height: 1.8;
}

.centivalue2{
  height:650px;
  background-color: #177ED0;
  padding:100px 50px 100px 50px;
  color: #fff;
  background-image: url(../images/valuepic.png);
  background-repeat: no-repeat;
  background-position:center;
}

.access-trace{
  height:280px;
  background-color: #242e5b;
  background-image: url(../images/accessbg-trace.png);
  background-repeat: no-repeat;
  background-position:center;
  padding:50px 30px 60px 30px;
}
.fivecontents{
  text-align: left;
  margin-left:16%;
  padding-top:70px;
  padding-right:120px;
}
.swords{
  font-size: 18px;
  color: #036eb8;
}
.smallwords{
  margin-top:40px;  
}
.traceheader{
  margin-top:-10px;
  padding:0;
  height:410px;
  background-color:#1f6ecf;
}
/*络谱IDcss*/
.idheader{
  margin-top:-10px;
  padding:0;
  background-image: linear-gradient(90deg, #4a76f5 0%, #34a6f3 100%);
}
.idtoppic{
  background-image: linear-gradient(90deg, #4a76f5 0%, #3c85f3 100%);
}
.btnwhite{
  background-color:rgba(255, 255, 255, 0) ;
	height:42px;
	border: 1px solid #A4CCF8 ;
  border-radius: 16px;
  margin: 0 auto;
  margin-bottom: 15px;
  text-align: center;
}
.hideqr{
  padding: 13px;
  padding-bottom: 4px;
  border-radius: 16px;
  box-shadow: 0 1px 4px 0 #c2c8cc;
  background: #fff;
  text-align: center;
  color: #11293b;
  font-size: 13px;
  z-index: 3;
  transition: opacity .3s;
  width:126px;
  margin-top:-33px;
}
.idintro{
  height:800px;
  background-color: #fff;
  
}
.bluecircle{
  width:8px;
  height:8px;
  background-color: #0C77E9;
  border-radius: 50%;
}
.systemdesign{
  height:850px;
  background-color: #F9FBFC;
  padding:70px;
  background-image: url(../images/sysbg.png)
}
.ifyou{
  padding:70px 70px 0 70px;
}
.btnpurple{
  background-image: linear-gradient(90deg, #3D95F3 35%, #727EFA 100%); 
  padding-top:10px;
  margin-top:16px;
}
.btnpurplecenter{
  background-image: linear-gradient(90deg, #3D95F3 35%, #727EFA 100%); 
  padding-top:10px;
  width:200px;
}
.ifyouarea{
  width:320px;
  height:468px;
  background-color: #fff;
  box-shadow: 0 0 10px 0 #B5C9F8;
  border-radius: 28px;
  padding:30px;
  margin-left:640px;
  margin-top:80px;
  text-align: center;
}
.idscenes{
  padding: 70px;
  background-color: #F2F4F8;
  height: 1160px;
}
.idbluebg{
  background-color: #388DF2;
  width:300px;
  height:310px;
  border-radius: 18px;
  padding: 40px;
}
.idwhitebg{
  width:220px;
  height:155px;
  background-color: #fff;
  box-shadow: 0 0 4px 0 #B5C9F8;
  border-radius: 4px;
  margin-top: -50px;
  margin-left:40px;
  padding:16px;
}
#back_top{
	background-image:url("../images/backtotop.png");
		background-repeat:no-repeat;
		background-position:bottom right;
		width: 64px;
		height: 64px;		
		z-index: 2000;
		left: 100%;
		margin-left: -102px;
		display: block;
		overflow: hidden;
		position: fixed;
		bottom: 35px;
  }
  /*络谱沙龙css*/
  .salontoppic{
    background-color:#2d7adb;
    height: 552px;
    background-repeat:no-repeat;
    background-position:center;
  }
  .salonheader{
    background-color: #2d7adb;
    margin-top: -10px;
  }
  .salonvideo{
    height: 920px;
    padding: 70px 10px;
    text-align: center;
    background-image:url("../images/videobg.png");
		background-repeat:no-repeat;
		background-position:bottom right;
  }
  .varea{
    width: 33%;
    height:300px;
    float: left;
    padding:10px;
    margin-left:4px;
  }
/*抽奖摇号css*/
  .lotplan{
    background-color: #fff;
    height:auto;
    margin-top: 0px;
    padding: 30px;
    text-align: center;
  }
  .lotvalue{
    height:630px;
    background-color: #008CD6;
    padding:100px 50px 100px 50px;
    color: #fff;
 }
/*修改导航条*/
#navsolution{
  height:87px;
}
.dropdown-menu{
  max-width:120px;
  background-color: rgb(rgba(255,255,255,0.5));
  margin-top: -38px;
}

/*首页联系我们浮动框*/
.contactfloat{
  display: inline-block;
  position: fixed;
  right: 50px;
  bottom: 35%;
  z-index: 9999;
  padding-left: 10px;
}
.contacticon{
  text-decoration: none!important;
  width: 44px;
  height: 138px;
  box-shadow: 0 6px 12px 0 rgba(0,0,0,.1);
  background-color:rgba(255, 255, 255, .5);
  text-align: center;
  display: inline-block;
  cursor: pointer;
  padding:5px;
  padding-top: 10px;
}
.contacthide{
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  width: 150px;
  min-height: 50px;
  padding: 20px 10px;
  background: rgba(255, 255, 255, .5);
  box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
  z-index: 4;
  right: 50px;
  opacity: 0.1;
  visibility: hidden;
  transition: all .3s;
  transition-delay: .1s;
  text-align: center;
}
.scroll_left {
    float: left;
    text-align: center;
}
.scroll_right {

}