/* 2020-8-28 themes */

@import "animate.min.css";  
*{	
	padding:0;
	margin:0;
	list-style: none;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
} 
::selection{background-color:gold; color:#000;}
ul{list-style: none;}
img,video{max-width: 100%;vertical-align: middle;}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
body{
	font-size: 14px;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	background:#f4f4f4;
	color: #666;
    font:PingFang SC,Helvetica Neue,Helvetica,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif; 
}
h1{font-size: 32px; color: #333; margin:20px 0; position: relative;font-weight: 500; }
h2{font-size: 20px; font-weight: 400;}
h1 span{display: block; font-size: 14px; color: #999; padding: 10px;}
a{text-decoration: none; transition: all 0.2s; color: #62c8af;} 
a:hover{
	text-decoration: none;
	transition: all 0.5s;
}
.m-t-15{ margin-top:15px;}
.m-r-25{ margin-right:25px;}
.m-b-15{ margin-bottom:15px;}
.m-t-30{ margin-top:30px;}
.m-t-60{ margin-top:61px;}
.m-b-0{ margin-bottom:0px;}
.none{display:none;}
.shadow-sm{
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}
.t-l{text-align: left;}
.t-c{text-align: center;}
.t-r{text-align: right;}
.fc-wt{color: #fff!important;}
.rt{float: right;}
.fl{float: left;}
.fr{float: right;}
.clear{clear:both;}
.row{display: flex; flex-direction: row; flex-wrap: wrap;}
.item{flex: 1;}
.container{
	position: relative;
	max-width: 1170px;
	margin: 0 auto;
}
/* header */
header{
	position: relative; 
	border-bottom: 1px solid rgba(255,255,255,0.3);
	z-index:199;
	background-color: rgb(30, 150, 229);
	background-image:linear-gradient(to right, rgb(58, 231, 243) 0%, rgb(30, 150, 229) 100%);
}
.logo{
	width: 200px;
	max-height:100px;  
}
a.brand,a.brand:hover{
	color:#FFF;
	text-decoration: none;}
.logoname{
	padding: 10px 10px 0px 10px;	
	font-size: 22px;
	font-weight: bold;
	display: inline-block;
	font-family: "宋体";
	line-height: 22px;
	vertical-align:middle;
	display: none;
}
.msname{font-weight: normal; font-size: 10px; font-style: normal;font-family: "微软雅黑";}
ul.menu_list{
	display: flex;  
}
ul.menu_list li{
	flex: 1; 
	position: relative;
}
ul.menu_list li a{
	display:block;
	height:64px;
	line-height: 64px;  
	font-size: 16px;
	color: #fff;  
	text-align: center;
    cursor: pointer; 
} 
ul.menu_list li.act a{
	height: 63x;
	border-bottom: 1px solid #fff;
	opacity: 0.8;
}
ul.menu_list li a:hover{ opacity:1; background-color: rgba(255,255,255,0.2);}
ul.menu_list li.gz a{ 
	margin-left: 5px;
	width: 80px;
	height: 32px;
	line-height: 32px;
	position: relative;  
	top: 18px;
	border:1px solid #fff;
	border-radius:10px;
	font-size: 14px;
}
.gz p{position: absolute; top: 46px; right:0; z-index: 2;
 height: 0px; width:128px; border-radius:10px; overflow: hidden;
 background-color: #fff; box-shadow:0 3px 3px rgba(0,0,0,0.6); transition: all 0.5s;
}
ul.menu_list li.gz a:hover{ background-color: rgba(255,255,255,0.5); opacity: 1;}
.gz:hover p{height: 128px; }
/*2级导航*/
ul.menu_list li>ul{
	position: absolute;
	width: 120%;  
	overflow: hidden;
	top:64px;
	left: -10%; 
	background-color:rgba(255,255,255,.9);
	border-radius:0px; 
	box-shadow: 0 0 3px rgba(0,0,0,0.3);   
}
ul.menu_list li>ul li{
	 height: 0px;
	 float: inherit;
	 transition: all 0.3s;
}
ul.menu_list li:hover>ul{
	padding-top: 0px;
}
ul.menu_list li:hover>ul li{ 
    height: 48px;  
}
ul.menu_list li>ul li a{
	color:#888; 
	font-size: 13px;
	height: 48px;
	line-height:48px;
}
ul.menu_list li>ul li a:hover{
	background-color:#fff;  
	color: #000;
}
/*导航固定*/
.page_header.act{
	background-color:#fff;
	border-bottom: 1px solid #ccc;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 188;
}
.page_header.act ul.menu_list li a{	color: #999; }
.page_header.act ul.menu_list li.act a{	
	height: 65px;     
	border-bottom: 2px solid #60c4c0;
    color: #60c4c0;}
.page_header.act ul.menu_list li a.gz{	border:1px solid #888; }
/* */
.hero{
	position: relative;
	background-image:linear-gradient(to right, rgb(58, 231, 243) 0%, rgb(30, 150, 229) 100%);
	flex: 1;
}
.cover{	 }
.spray{position:absolute; left: 0px; right: 0px; bottom:0px; height: 120px;opacity:0.9;overflow: hidden;}
/**/  
.info{padding:20px 0 10px 0;}
.infoicon{ padding:5px 0 0 10px; position: relative; }
.info h1{font-size: 40px; margin-top:10px;  }
.info h1,.info p{	color: #fff; font-weight: 300;margin-left: 30px;}
.info p{ font-size: 20px; }
.inbtn{
	display: inline-block;
	padding: 10px 20px; 
	border:1px solid #fff;
	border-radius: 10px; 
	transition: all 0.5; 
} 
/**搜索框样式*/
.search{
	border:0px solid #ccc; 
	position: relative; 
	z-index: 99;
	display: flex;
	flex-direction: column; 
	z-index: 88; 
	width: 100%; 
}
.stop{  
	border-radius: 5px 5px 0 0;
	background: rgba(0,0,0,0.6); 
	display: flex;
	flex-wrap: wrap;
	padding: 30px 20px;
}
.stit{ 
	font-size: 14px;
	color: #fff;   
}
.stit p{  line-height: 1.8em; margin-right: 20px;}
.stit p:first-child{font-size: 20px;}
.stit em{
	font-size: 28px;
	font-weight: bold;
	color: #ff7200;
}
.sbox{ flex: 1; margin-right: 20px; min-width: 300px; margin-bottom: 10px; }
.sbox form{display: flex;}
.sbox form input{
	flex: 1;
	height: 50px;
	border:none;
	border-radius: 5px 0 0 5px;
	line-height: 50px;
	padding-left: 1em;
	font-size: 18px; 
	color: #333; 
}
.sbox form button{
	height: 50px;
	width: 110px;
	background-color: #ff7200;
	border:1px solid #ff7200; 
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	padding-left: 40px;
	color: #fff;
	background-image: url(../images/icon.png);
	background-position: 12px -76px;
    border-radius: 0px 5px 5px 0;
}
.saletit{ 
	background-color: #fff;
	clear: both;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.2); 
	display: flex;
	flex-wrap: wrap;
}
a.sqcret{ 
	flex: 0 120px;
	text-align: center;
	color: #fff;
	height: 36px;
	line-height: 36px;
	background-color: #ff6868;
	padding: 0 15px;
	border-radius: 3px; 
	cursor: pointer;
} 
.scode{ 
	flex: 1; 
	padding: 10px;
	border-right:1px solid #ddd;
	text-align: center;
	color: #999;
}
.scode h2{margin:5px; font-size: 26px;}
/*表格*/
.bgrow2{ padding-bottom:15px; }
 .mod2 h2{margin-bottom: 15px; color:#666;}
 .tbl_list{
 	width: 100%;
	border:1px solid #eee;
	border-top:0px solid #eee;  
	text-align: center; 
   	background-color: #fff;
 }
  .tbl_list thead{
  	background:#f4f8fc;
  	font-weight: bold;
  	font-size: 16px;
  }
.tbl_list td{
   	border-top:1px solid #eee;
   	padding: 15px 5px;
   }
.tbl_list tbody tr:hover{
	background: #fdfdfd;
}   
.tbl_list td a{
   	color: #333;
   	padding: 5px 10px;
   	text-decoration: none;   	
   }
.tbl_list td a:hover{
	color: #ff7200;
}  
/*  */
.caselist{ margin-bottom:20px; margin-top: 20px;	}
.caselist .row{
	justify-content: space-between;
}
.caselist .item{
	flex: 0 32%;
	background-color: #fff; 
	padding: 10px 20px;
	transition: all 0.2s;
}	
.caselist .item:hover{ 
	box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
.caselist .item h2{
	color: #000;
	margin: 10px 0;
}
.caselist .item p{ color: #999;font-size: 14px; line-height: 24px;}
/**************/
.liucheng{ 
	padding: 30px 0;
	background-color: #fff;
	text-align: center;	
}
.liucheng .row{
	justify-content: space-between;
}
.liucheng .item{margin-top: 30px;}

/*list_arts.html*/
.post_list{list-style: none;background-color:#fff;padding-bottom: 15px;}
.post_list li{   
	color: #000;	
	border:1px solid #f4f4f4;
	border-right:0px;
	text-align: center; 
	padding: 10px;
	font-size: 14px;
	flex: 0 25%;
}  
.thumbimg{
	height: 180px;
	transition: all 0.5s; 
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
} 
.post_list li:hover{
	z-index: 99;
	box-shadow: 0 0 5px #15bdf9;
	background:rgba(255,255,255,0.8);
}
.post_list li:hover .thumbimg{
	background-size: 120% ;
}
.sidecont h2{margin: 10px 0;}
.sidecont p{color: #666; line-height: 1.6em;}
.sidecont a.btn{
	display: inline-block; 
    text-decoration: none;
    border-radius: 20px;
    padding: 5px 15px;
    font-size: 14px;
    color: #15bdf9;
    border: #15bdf9 solid 1px;
	margin-top: 10px;
	background-color: #fff;
}
.sidecont a.btn:hover{
	color: #fff;
	background-color:  #15bdf9;
}
/* ca_book.html */
.ca_book{ margin: 30px 0;}
.leftside{
	flex: 0 560px;
	padding-bottom: 20px;
	position: relative;
}
.rightside{
	margin-left: 15px;
	flex: 1;
	border-left: 1px solid #fefefe;
	background-color: #fff;
}
.bookbox{	background-color: #fff; margin-bottom: 5px; transition: all 0.3s;}
.bookbox.scroll{
	position: relative;
	left: 0;
	right: 0;
	top: 0;
	z-index: 2;
}
.panel-heading{ 
	background: #fff;
	color: #ff6a00;
	padding: 0 10px;
	font-size: 20px;
	font-weight: 300;
	line-height: 50px;
	height: 50px;
}
.code{	 
	line-height: 1.6em;	
	padding-bottom:15px;
	clear: both;
}
.code h3{font-size: 16px; font-weight: 400; padding: 5px 15px;}
.code p{font-size: 14px; padding:5px 10px ; margin-bottom:0px ;}
canvas{ max-width: 100%;}
canvas#bookcard{ width: 600px;}
.code table{
	margin:0 5px;
	border:1px solid #f4f4f4;
	border-left: 0;
	border-top: 0;
	border-collapse: collapse;
	width: 98%;
}
.code table thead td{
	color: #000;
	background: #f6fbff;
}
.code table td{
	border:1px solid #f4f4f4;
	border-right: 0;
	border-bottom: 0;
	padding: 5px;
	font-size: 14px;
	color: #333;
}
.code table td a{
	margin-right: 5px;
	text-decoration: underline;
}
.code label{font-weight: normal;}
#panelfixed.act{
	position: fixed;
	top:80px;
	z-index: 22;
}
.icon_Cert{
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../images/icon-cret.png) no-repeat center center;
	vertical-align: middle;
}
.btn-shenqin,.btn-jubao{
	display: inline-block;
	padding: 6px 20px;
	background: #C2CCD1;
	border:0px solid #ccc;
	color: #333;
	border-radius: 6px;
	margin: 0px 5px 15px 5px;
}
.btn-shenqin{
	background: #f00;
	color: #fff;
}
.btn-shenqin:hover{
	color: #fff;
	text-decoration: underline;
}
.btn-jubao:hover{
	color: #333;
	text-decoration: underline;
}
/* masterdetail */
.masterdetail .leftside{
	flex: 0 300px; 
	background-color: #fff;
}
/**/
ul.fd-list{	  }
ul.fd-list li{ 
	position: relative; 
	height: 150px;	 
	overflow: hidden;
	text-align: center;
	margin: 0 5px;
	background-color: #fff; 	
	cursor: pointer;
	border: 1px solid #ccc;
	margin-bottom: 30px;
}
ul.fd-list li img{	height: 160px; }
ul.fd-list li p{
	position: absolute;
	margin: 0px;
	width: 100%;
	height: 36px;
	line-height: 36px;
	bottom: -36px;	
	left: 0;
	color: #fff;
	background-color: #15bdf9;
	transition: all 0.3s;
	font-size: 16px;
}
ul.fd-list li:hover{
	border: 1px solid #15bdf9;
	box-shadow: 0 0 5px #15bdf9;
}
ul.fd-list li:hover p{
	bottom: 0px;
}
/**/
.mj-list li{

}
ul.mj-list li{
	position: relative; 
	height: 208px; 
	overflow: hidden;
	text-align: center;
	margin:5px 0;
	background-color: #fff; 	
	cursor: pointer;
	border: 1px solid #ccc;
	margin-bottom: 30px;
}
ul.mj-list li img{
	height: 208px;
	width: 100%;
}
ul.mj-list li p{
	position: absolute;
	margin: 0px;
	width: 100%;
	height: 36px;
	line-height: 36px;
	bottom: -36px;	
	left: 0;
	color: #fff;
	background-color: #15bdf9;
	transition: all 0.3s;
	font-size: 16px;
}
ul.mj-list li:hover{
	border: 1px solid #15bdf9;
	box-shadow: 0 0 5px #15bdf9;
}
ul.mj-list li:hover p{
	bottom: 0px;
}
/*  */
.banner{}
.banner .row{
	height: 380px;
	display: none;
}
.banner .row.act{
	display: flex;
}
#b1-2{position: absolute;z-index: 2; left:10px; top:10px; animation-delay:1s;}
#b1-3{position: absolute;z-index: 3; left:65%; top:10px; animation-delay:2s;}
/**/
footer{
	 background: #222;  
	padding: 20px;
	font-size: 12px;
}
footer p{color: #ccc; margin: 5px; font-weight: lighter;}
/************svg*****************/
.waves {
  position:relative;
  width: 100%;
  margin-bottom:-7px; /*Fix for safari gap*/
  height:150px;
} 
/* Animation */
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
} 
@keyframes move-fc {
  0% { 
   transform: translate3d(10px,0px,0) rotate(0deg) scale(1.0);  
  } 
  100% { 
    transform: translate3d(-25px,10px,0) rotate(1deg) scale(1.2);    
  }
} 
.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}

.act #fc_img{
	animation: move-fc 5s cubic-bezier(.55,.5,.45,.5) both;
}
.face_bg{background-position: bottom right; background-repeat: no-repeat; background-size: 100%;}

/******login.html******/
.btn{
	padding: 5px 10px;
	border: 1px solid #49ad95;
	background-color: #62c8af;
	color: #ffffff;
	cursor: pointer;
}
.loginbox,.resbox{
	background-color: #fff;
	padding: 25px;
	color:#333;
	max-width:320px;  
	margin: 10px 15px;
} 
.loginbox p input,.resbox p input{
	padding: 8px;
	width: 100%;
}
.btn_login{
	width: 100%;
	color:#fff;
	font-size: 16px;
	background-color: #02a8ef;
	padding: 8px;
	margin-top: 15px;
	border: none;
}

.btn_login:hover{
    background-color: #0296d6;
}

.loginbox a,.resbox a{display: inline-block; padding:5px 3px; margin-top: 10px;}
.loginbpx p{margin-bottom: 5px;}
.resetpass{background-color: #fff; margin-top: 60px; margin-left: 10px; margin-right: 10px; padding: 20px; border-radius: 5px;}
.resetpass form{display:inline-block;max-width: 320px;}
.resetpass input{ padding: 5px;}
.resetpass p{margin-bottom:10px;}
/***p.html****/
.sys{
	background-image: linear-gradient(312deg, rgb(7, 210, 243) 0%, rgb(73, 69, 255) 100%);
	padding: 30px 0;
}
.sys h1,.sys h2,.sys p,.sys h1 span{
	 color: #fff;
}
.sys ul li{
	float: left;
	width: 33%;
	text-align: center;
	padding: 10px 30px;
}
.sys ul li img{
	height: 88px;
}
.sys ul li h2{
	font-size: 20px;
	padding-top:15px;
	font-weight: lighter;
}
.sys ul li p{font-size: 16px; text-align: left;font-weight: lighter;}

.panel{}
.panel-body{
	background-color: #fff;
	font-size: 16px;font-weight: lighter;  
}
.panel-heading{
	border-radius: 0;
	background:#fff; 
	color: #ff6a00;
	padding:0 16px;
    font-size: 20px;
    font-weight: 300;
    line-height: 50px;
    height: 50px;
    position: relative;
	} 
.panel-body input{padding: 4px;}
/** agent.html */
.agentShow{
	clear:both;
	height:320px;
	background-color:#ffffff;
	padding:3px 25px;
}
.agentShow img{
	margin:25px 0;
	}
	/* solutions.html */
	.vediobox {
		height: 260px;
		width: 100%;
		position: relative;
		overflow: hidden;
	}
.vediobox>video{
	width: 100%;
	position: absolute;
	z-index: 1;
	bottom:-20px;
}
.vediobox>h1{
	position: absolute;
	z-index: 2;
	color: #fff;
	bottom: 0px;
	left: 50%;
	margin-left:-70px;
}

.page{ height: 50px; margin:15px 0; color:#999; }
.page a{
	padding: 3px 10px;	margin-right:5px; margin-bottom: 0;	border:1px solid #999;
}
.page span{ padding: 3px 10px;	margin:0 3px; color: #666;border:1px solid #f2f2f2; }

ul#applist{
	display:flex;
	flex-wrap:wrap;
}
ul#applist li { 
	width:30%;
		margin: 2px 0 0 2px;
	}
ul#applist li img {
	width: 100%;
} 
/* 小屏幕（平板，大于等于 768px） */
.sbox input{width: 64%;} 
.scode.sm{ border-right: none;	}
.vediobox{	height: 160px;	}
.vediobox>video{
		bottom:-20px;
	}  
	
@media (max-width:768px) {
	.logo{width: 160px;}
	.item{flex:0 100%;}
	.liucheng .item {
		flex: 0 50%;
	}
	.vediobox>video{ top:-10px;	}
	.rightside{margin-left: 0;}
	.spray{height: 50px;}
	ul.menu_list{
		background-color: rgb(30, 150, 229);
		background-image:linear-gradient(to right, rgb(58, 231, 243) 0%, rgb(30, 150, 229) 100%);
	}
	.page_header.act ul.menu_list{background-color:#fff; background-image:none; }
	.page_header.act ul.menu_list li a,.page_header.act ul.menu_list li.act a {
		height: 48px;
		line-height: 48px;
	} 
	li.gz,.info p{display: none; }
	.post_list{flex-direction: column;}
	.masterdetail .leftside{flex: 1;}
	.thumbimg{height: 240px;}
	.bookbox.scroll{
		position: initial;
	}
	.info h1 {
		font-size: 30px;
	}
}